fix: refresh YooKassa webapp payments

frontend/src/lib/webapp/billingActions.js

@@ -15,6 +15,10 @@ export function createBillingActions({ api }) {
     return api("/payments", { method: "POST", body: JSON.stringify(body) });
   }
 
+  async function fetchPaymentStatus(paymentId) {
+    return api(`/payments/${encodeURIComponent(paymentId)}`);
+  }
+
   async function postTariffChange(body) {
     return api("/tariffs/change", { method: "POST", body: JSON.stringify(body) });
   }
@@ -79,6 +83,7 @@ export function createBillingActions({ api }) {
     fetchDeviceTopupOptions,
     fetchTariffChangeOptions,
     postPayment,
+    fetchPaymentStatus,
     postTariffChange,
     postTariffChangePayment,
     planPaymentBody,

frontend/src/lib/webapp/mockApi.js

@@ -767,6 +767,14 @@ export async function mockApi(path, options = {}, context = {}) {
       payment_id: 10001,
     };
   }
+  if (/^\/payments\/\d+$/.test(path) && String(options.method || "GET").toUpperCase() === "GET") {
+    return {
+      ok: true,
+      payment_id: Number(path.split("/").pop()),
+      status: "pending_yookassa",
+      paid: false,
+    };
+  }
   if (path === "/tariffs/change" && String(options.method || "").toUpperCase() === "POST") {
     return { ok: true, tariff_key: "business" };
   }

frontend/src/lib/webapp/stores/billingStore.js

@@ -24,6 +24,11 @@ export function createBillingStore({ billing, loadData, t, showToast, openExtern
   });
 
   let topupOptionsRequestId = 0;
+  let paymentPollToken = 0;
+
+  function sleep(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+  }
 
   function openPaymentModal(
     tariffMode,
@@ -175,6 +180,38 @@ export function createBillingStore({ billing, loadData, t, showToast, openExtern
     openExternalLink(url);
   }
 
+  function startPaymentStatusPolling(paymentId) {
+    if (!paymentId || !billing.fetchPaymentStatus) return;
+    const token = ++paymentPollToken;
+    void (async () => {
+      for (let attempt = 0; attempt < 45 && token === paymentPollToken; attempt += 1) {
+        await sleep(attempt === 0 ? 1500 : 2000);
+        if (token !== paymentPollToken) return;
+        try {
+          const status = await billing.fetchPaymentStatus(paymentId);
+          if (!status?.ok) continue;
+          if (status.paid || status.status === "succeeded") {
+            showToast(t("wa_payment_success", {}, "Payment successful"));
+            await loadData();
+            return;
+          }
+          const normalized = String(status.status || "").toLowerCase();
+          if (
+            normalized === "failed" ||
+            normalized === "canceled" ||
+            normalized === "cancelled" ||
+            normalized.startsWith("failed_")
+          ) {
+            showToast(t("wa_payment_create_failed"));
+            return;
+          }
+        } catch (_error) {
+          void _error;
+        }
+      }
+    })();
+  }
+
   async function createPayment() {
     const s = get(state);
     if (!s.selectedPlan || !s.selectedMethod || s.payBusy) return;
@@ -195,6 +232,7 @@ export function createBillingStore({ billing, loadData, t, showToast, openExtern
         if (!response.payment_url) throw response;
         openExternalLink(response.payment_url);
       }
+      startPaymentStatusPolling(response.payment_id);
       state.update((s) => ({ ...s, paymentModalOpen: false }));
     } catch (error) {
       showToast(error?.message || t("wa_payment_create_failed"));
@@ -244,6 +282,7 @@ export function createBillingStore({ billing, loadData, t, showToast, openExtern
       if (!response.ok || !response.payment_url) throw response;
       showToast(t("wa_payment_created"));
       openExternalLink(response.payment_url);
+      startPaymentStatusPolling(response.payment_id);
       state.update((s) => ({ ...s, topupModalOpen: false }));
     } catch (error) {
       showToast(error?.message || t("wa_payment_create_failed"));
@@ -321,6 +360,7 @@ export function createBillingStore({ billing, loadData, t, showToast, openExtern
       if (!response.ok || !response.payment_url) throw response;
       showToast(t("wa_payment_created"));
       openExternalLink(response.payment_url);
+      startPaymentStatusPolling(response.payment_id);
       state.update((s) => ({ ...s, changeConfirmOpen: false, changeModalOpen: false }));
     } catch (error) {
       showToast(error?.message || t("wa_payment_create_failed"));
@@ -364,6 +404,7 @@ export function createBillingStore({ billing, loadData, t, showToast, openExtern
       if (!response.ok || !response.payment_url) throw response;
       showToast(t("wa_payment_created"));
       openExternalLink(response.payment_url);
+      startPaymentStatusPolling(response.payment_id);
       state.update((s) => ({ ...s, deviceTopupModalOpen: false }));
     } catch (error) {
       showToast(error?.message || t("wa_payment_create_failed"));