@asteby/storefront-react 0.18.0 → 0.20.0

package/dist/payments.cjs

@@ -146,6 +146,7 @@ function sanitizeMercadoPagoFormData(data) {
 function mercadoPagoBricksAdapter(options = {}) {
   const allowed = options.allowedSdkOrigins ?? ["https://sdk.mercadopago.com"];
   const getSdk = options.getSdk ?? (() => typeof window !== "undefined" ? window.MercadoPago : void 0);
+  const retryDelay = options.collectRetryDelayMs ?? 400;
   const getDevice = options.getDeviceSessionId ?? (() => typeof window !== "undefined" ? window.MP_DEVICE_SESSION_ID : void 0);
   return {
     kind: MERCADOPAGO_BRICKS_KIND,
@@ -187,9 +188,21 @@ function mercadoPagoBricksAdapter(options = {}) {
       return {
         async collect() {
           if (gone) throw new Error("payment form is unmounted");
-          const raw = await controller.getFormData();
-          const provider_data = sanitizeMercadoPagoFormData(raw);
-          if (!provider_data.token) throw new Error("payment form incomplete");
+          const read = async () => {
+            const raw = await controller.getFormData();
+            const data = sanitizeMercadoPagoFormData(raw);
+            if (!data.token) throw new Error("payment form incomplete");
+            return data;
+          };
+          let provider_data;
+          try {
+            provider_data = await read();
+          } catch (first) {
+            if (gone) throw first;
+            await new Promise((r) => setTimeout(r, retryDelay));
+            if (gone) throw first;
+            provider_data = await read();
+          }
           const device = getDevice();
           return { provider_data, ...typeof device === "string" && device ? { device_session_id: device } : {} };
         },
@@ -919,15 +932,21 @@ function useEmbeddedPayment(options) {
       setError(null);
       setOutcome(null);
       emit({ type: "submit" });
+      const withdrawn = () => !alive.current || form.current !== m;
+      const settle = () => {
+        if (alive.current) setStatus((s) => s === "processing" ? "idle" : s);
+      };
       let data;
       try {
         data = await m.collect();
       } catch {
+        if (withdrawn()) return settle();
         emit({ type: "tokenize_error" });
         setError({ kind: "generic", message: live.current.msgs["error.card_data"], retrySameAttempt: false, canRetry: true });
         setStatus("ready");
         return;
       }
+      if (withdrawn()) return settle();
       const attempt = readAttempt();
       setAttemptId(attempt);
       await send(data, attempt, total);