@flopay/react 0.5.6 → 0.5.11

package/dist/index.mjs

@@ -588,6 +588,39 @@ function resolveTokenizedPaymentMethodId(tokenizedBody) {
   return void 0;
 }
 
+// src/recent-completion.ts
+var STORAGE_KEY_PREFIX = "flopay_recent_completion_";
+var RECENT_COMPLETION_TTL_MS = 60 * 1e3;
+function markSessionRecentlyCompleted(sessionId) {
+  if (!sessionId || typeof window === "undefined") return;
+  try {
+    const payload = {
+      expiresAt: Date.now() + RECENT_COMPLETION_TTL_MS
+    };
+    window.sessionStorage.setItem(STORAGE_KEY_PREFIX + sessionId, JSON.stringify(payload));
+  } catch {
+  }
+}
+function wasSessionRecentlyCompleted(sessionId) {
+  if (!sessionId || typeof window === "undefined") return false;
+  try {
+    const raw = window.sessionStorage.getItem(STORAGE_KEY_PREFIX + sessionId);
+    if (!raw) return false;
+    const parsed = JSON.parse(raw);
+    if (typeof parsed?.expiresAt !== "number") {
+      window.sessionStorage.removeItem(STORAGE_KEY_PREFIX + sessionId);
+      return false;
+    }
+    if (parsed.expiresAt <= Date.now()) {
+      window.sessionStorage.removeItem(STORAGE_KEY_PREFIX + sessionId);
+      return false;
+    }
+    return true;
+  } catch {
+    return false;
+  }
+}
+
 // src/split-card-form.tsx
 import { FloPayError as FloPayError2 } from "@flopay/shared";
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -719,6 +752,11 @@ function PayPalButtonInner({
     const redirectStatus = params.get("redirect_status");
     if (!paymentIntentId || !clientSecret) return;
     paypalResumeAttempted.current = true;
+    const cleanedUrl = new URL(window.location.href);
+    cleanedUrl.searchParams.delete("payment_intent");
+    cleanedUrl.searchParams.delete("payment_intent_client_secret");
+    cleanedUrl.searchParams.delete("redirect_status");
+    window.history.replaceState({}, "", cleanedUrl.toString());
     (async () => {
       try {
         setSubmitting(true);
@@ -741,11 +779,6 @@ function PayPalButtonInner({
             threeDSecureActionResultTokenId: paymentIntent.id,
             isPaypal: true
           });
-          const url = new URL(window.location.href);
-          url.searchParams.delete("payment_intent");
-          url.searchParams.delete("payment_intent_client_secret");
-          url.searchParams.delete("redirect_status");
-          window.history.replaceState({}, "", url.toString());
         } else {
           const message = "PayPal payment was not completed. Please try again.";
           onErrorChange?.(message);
@@ -1328,6 +1361,7 @@ function SplitCardFormInner({
           })
         });
         if (response.ok) {
+          markSessionRecentlyCompleted(effectiveSessionId);
           setOverlayStatus("success");
           await new Promise((r) => setTimeout(r, PROCESSING_OVERLAY_SUCCESS_DELAY_MS));
           onComplete?.({
@@ -2982,6 +3016,7 @@ function FloPayCheckout({
             }
           }
         }
+        if (activeSessionId2) markSessionRecentlyCompleted(activeSessionId2);
         setModeOverlayStatus("success");
         await sleep(PROCESSING_OVERLAY_SUCCESS_DELAY_MS);
         onCompleteRef.current?.(paymentResult);
@@ -3078,6 +3113,31 @@ function FloPayCheckout({
           );
         }
         const paymentMethodId = typeof paymentIntent.payment_method === "string" ? paymentIntent.payment_method : paymentIntent.payment_method?.id;
+        if (resumeState.sessionId) {
+          const resumeApi = new PaymentAPI2(resolvedBillingUrl);
+          const resumeSessionResult = await resumeApi.getUnifiedCheckoutSession(resumeState.sessionId);
+          const resumeSession = resumeSessionResult.data.session;
+          if (resumeSession && resumeSession.status !== "complete") {
+            const processResult = await processSavedPaymentForMode({
+              billingApiUrl: resolvedBillingUrl,
+              sessionId: resumeState.sessionId,
+              session: resumeSession,
+              tokenizedData: {
+                id: paymentMethodId ?? paymentIntent.id,
+                type: "card",
+                threeDSecureActionResultTokenId: paymentIntent.id,
+                isPaypal: true
+              }
+            });
+            if (processResult.type !== "success") {
+              throw Object.assign(
+                new FloPayError4("Failed to finalize PayPal payment.", "api_error"),
+                { checkoutMethod: "paypal" }
+              );
+            }
+          }
+        }
+        if (resumeState.sessionId) markSessionRecentlyCompleted(resumeState.sessionId);
         setModeOverlayStatus("success");
         await sleep(PROCESSING_OVERLAY_SUCCESS_DELAY_MS);
         onCompleteRef.current?.({
@@ -3112,7 +3172,6 @@ function FloPayCheckout({
     const key = JSON.stringify({
       c: params?.clientId,
       a: {
-        u: params?.account?.userId ?? "",
         e: params?.account?.email?.trim().toLowerCase() ?? "",
         country: params?.account?.country ?? ""
       },
@@ -3154,7 +3213,11 @@ function FloPayCheckout({
     if (sid) {
       try {
         realResult = await api.getUnifiedCheckoutSession(sid);
-        if (realResult.data.session?.status === "complete") {
+        const status = realResult.data.session?.status;
+        if (status === "complete") {
+          if (wasSessionRecentlyCompleted(sid)) {
+            return { sid, result: realResult };
+          }
           if (typeof window !== "undefined") window.sessionStorage.removeItem(cacheKey);
           sid = null;
           realResult = null;
@@ -4819,6 +4882,10 @@ function FloPayAutomaticPaymentButton({
           floPayErr = normalizeSavedPaymentError(intentRecoveryErr);
         }
       }
+      const inResumeWindow = typeof window !== "undefined" && new URLSearchParams(window.location.search).has("payment_intent_client_secret") && !!readPayPalResumeState2();
+      if (floPayErr.code === "payment_intent_unexpected_state" && inResumeWindow) {
+        return;
+      }
       await showError(floPayErr, {
         emitDecline: true,
         method: floPayErr.checkoutMethod ?? DEFAULT_SAVED_PAYMENT_DECLINE_METHOD
@@ -4990,25 +5057,58 @@ function FloPayAutomaticPaymentButton({
           );
         }
         const resultStatus = mapPayPalIntentStatusToPaymentResult(paymentIntent?.status);
-        if (paymentIntent && resultStatus !== "failed") {
-          const paymentMethodId2 = typeof paymentIntent.payment_method === "string" ? paymentIntent.payment_method : paymentIntent.payment_method?.id;
-          await showSuccess({
-            result: {
-              status: resultStatus,
-              paymentIntentId: paymentIntent.id,
-              paymentMethodId: paymentMethodId2,
-              checkoutMethod: "paypal"
-            },
-            session: null,
-            sessionId: resumeState.sessionId,
-            autoCompleted: false
-          });
-        } else {
+        if (!paymentIntent || resultStatus === "failed") {
           throw Object.assign(
             new FloPayError7("PayPal payment was not completed. Please try again.", "api_error"),
             { checkoutMethod: "paypal" }
           );
         }
+        const paymentMethodId2 = typeof paymentIntent.payment_method === "string" ? paymentIntent.payment_method : paymentIntent.payment_method?.id;
+        if (!resumeState.sessionId) {
+          throw Object.assign(
+            new FloPayError7("Missing session id on PayPal resume.", "api_error"),
+            { checkoutMethod: "paypal" }
+          );
+        }
+        const api = new PaymentAPI3(resolvedBillingUrl);
+        const sessionResult = await api.getUnifiedCheckoutSession(resumeState.sessionId);
+        const resumeSession = sessionResult.data.session;
+        if (!resumeSession) {
+          throw Object.assign(
+            new FloPayError7("Could not load session to capture PayPal payment.", "api_error"),
+            { checkoutMethod: "paypal" }
+          );
+        }
+        if (resumeSession.status !== "complete") {
+          const processResult = await processSavedPaymentForMode({
+            billingApiUrl: resolvedBillingUrl,
+            sessionId: resumeState.sessionId,
+            session: resumeSession,
+            tokenizedData: {
+              id: paymentMethodId2 ?? paymentIntent.id,
+              type: "card",
+              threeDSecureActionResultTokenId: paymentIntent.id,
+              isPaypal: true
+            }
+          });
+          if (processResult.type !== "success") {
+            throw Object.assign(
+              new FloPayError7("Failed to finalize PayPal payment.", "api_error"),
+              { checkoutMethod: "paypal" }
+            );
+          }
+        }
+        await showSuccess({
+          result: {
+            status: resultStatus,
+            paymentIntentId: paymentIntent.id,
+            paymentMethodId: paymentMethodId2,
+            checkoutMethod: "paypal"
+          },
+          session: resumeSession,
+          sessionId: resumeState.sessionId,
+          autoCompleted: false
+        });
       } catch (err) {
         const floPayErr = normalizeSavedPaymentError(err);
         await showError(floPayErr, {