feat(payment): add chat support discounts and gratitude

(cherry picked from commit ef9b79bc83)

e2e/specs/mock/payment/indonesia-qris.spec.ts

@@ -173,6 +173,7 @@ async function expectQrisOrder(
   expect(request.postDataJSON()).toMatchObject({
     planId,
     payChannel: "ezpay",
+    recipientCharacterId: "elio",
   });
 
   const dialog = page.getByRole("dialog", { name: "Scan to pay with QRIS" });
@@ -211,6 +212,10 @@ test("Indonesia VIP defaults to QRIS and completes after status polling", async
   await prepareIndonesiaUser(page);
   await page.goto("/subscription?type=vip");
 
+  await expect(page.getByText("Choose who you want to support")).toBeVisible();
+  await page.getByRole("button", { name: "Elio", exact: true }).click();
+  await expect(page.getByText("Supporting Elio")).toBeVisible();
+
   await expect(page.getByRole("button", { name: "QRIS" })).toHaveAttribute(
     "aria-pressed",
     "true",
@@ -251,6 +256,7 @@ test("Indonesia credit top-up uses QRIS display cents", async ({ page }) => {
   const payment = await registerIndonesiaPaymentMocks(page);
   await prepareIndonesiaUser(page);
   await page.goto("/subscription?type=topup");
+  await page.getByRole("button", { name: "Elio", exact: true }).click();
   await expectCheckoutButtonLayout(page);
 
   const orderId = await expectQrisOrder(