@asteby/storefront-react 0.18.0 → 0.19.0

package/dist/payments.d.cts

@@ -512,6 +512,8 @@ type MercadoPagoAdapterOptions = {
     getSdk?: () => MercadoPagoCtor | undefined;
     /** Reads the anti-fraud device id. Default: `window.MP_DEVICE_SESSION_ID`. */
     getDeviceSessionId?: () => string | undefined;
+    /** Wait before the single internal re-read of the form data (see `collect`). Default 400. */
+    collectRetryDelayMs?: number;
 };
 /**
  * The only fields that may leave the browser, and the only place that decides it. Anything else the SDK returns
@@ -520,7 +522,8 @@ type MercadoPagoAdapterOptions = {
 declare function sanitizeMercadoPagoFormData(data: Record<string, unknown> | null | undefined): Record<string, unknown>;
 /**
  * Card Payment Brick adapter. The payment button is hidden: the shop's own button calls `collect()` (MP's
- * `getFormData()`), which tokenises inside MP's iframes. Card data never touches this code.
+ * `getFormData()`), which tokenises inside MP's iframes. Card data never touches this code. `collect()` re-reads the
+ * form once if the first read fails, before anything is sent to the shop's server.
  */
 declare function mercadoPagoBricksAdapter(options?: MercadoPagoAdapterOptions): PaymentFormAdapter;
 

package/dist/payments.d.ts

@@ -512,6 +512,8 @@ type MercadoPagoAdapterOptions = {
     getSdk?: () => MercadoPagoCtor | undefined;
     /** Reads the anti-fraud device id. Default: `window.MP_DEVICE_SESSION_ID`. */
     getDeviceSessionId?: () => string | undefined;
+    /** Wait before the single internal re-read of the form data (see `collect`). Default 400. */
+    collectRetryDelayMs?: number;
 };
 /**
  * The only fields that may leave the browser, and the only place that decides it. Anything else the SDK returns
@@ -520,7 +522,8 @@ type MercadoPagoAdapterOptions = {
 declare function sanitizeMercadoPagoFormData(data: Record<string, unknown> | null | undefined): Record<string, unknown>;
 /**
  * Card Payment Brick adapter. The payment button is hidden: the shop's own button calls `collect()` (MP's
- * `getFormData()`), which tokenises inside MP's iframes. Card data never touches this code.
+ * `getFormData()`), which tokenises inside MP's iframes. Card data never touches this code. `collect()` re-reads the
+ * form once if the first read fails, before anything is sent to the shop's server.
  */
 declare function mercadoPagoBricksAdapter(options?: MercadoPagoAdapterOptions): PaymentFormAdapter;
 

package/dist/payments.js

@@ -84,6 +84,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,
@@ -125,9 +126,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 } : {} };
         },
@@ -783,15 +796,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);