@flopay/react 0.5.6 → 0.5.10

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,17 @@ function PayPalButtonInner({
     const redirectStatus = params.get("redirect_status");
     if (!paymentIntentId || !clientSecret) return;
     paypalResumeAttempted.current = true;
+    console.info("[FloPay debug] PayPal resume effect firing", {
+      paymentIntentId,
+      redirectStatus,
+      currentSessionId: sessionId,
+      url: window.location.href
+    });
+    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 +785,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);
@@ -1278,6 +1317,11 @@ function SplitCardFormInner({
       const effectiveAccount = mergeAccountPatch(resolvedAccount, overrides?.accountPatch);
       const resolvedCompletionPaymentMethodId = overrides?.completionPaymentMethodId ?? resolveTokenizedPaymentMethodId(tokenizedBody);
       const requestTokenizedBody = tokenizedBody.originalPaymentMethodId ? { ...tokenizedBody, originalPaymentMethodId: void 0 } : tokenizedBody;
+      console.info("[FloPay debug] processPaymentInternal -> POST /process", {
+        sessionId: effectiveSessionId,
+        paymentIntentId: tokenizedBody.threeDSecureActionResultTokenId,
+        isPaypal: tokenizedBody.isPaypal
+      });
       try {
         const response = await fetch(`${baseUrl}/v1/checkouts/sessions/process`, {
           method: "POST",
@@ -1328,6 +1372,7 @@ function SplitCardFormInner({
           })
         });
         if (response.ok) {
+          markSessionRecentlyCompleted(effectiveSessionId);
           setOverlayStatus("success");
           await new Promise((r) => setTimeout(r, PROCESSING_OVERLAY_SUCCESS_DELAY_MS));
           onComplete?.({
@@ -2982,6 +3027,7 @@ function FloPayCheckout({
             }
           }
         }
+        if (activeSessionId2) markSessionRecentlyCompleted(activeSessionId2);
         setModeOverlayStatus("success");
         await sleep(PROCESSING_OVERLAY_SUCCESS_DELAY_MS);
         onCompleteRef.current?.(paymentResult);
@@ -3078,6 +3124,7 @@ function FloPayCheckout({
           );
         }
         const paymentMethodId = typeof paymentIntent.payment_method === "string" ? paymentIntent.payment_method : paymentIntent.payment_method?.id;
+        if (resumeState.sessionId) markSessionRecentlyCompleted(resumeState.sessionId);
         setModeOverlayStatus("success");
         await sleep(PROCESSING_OVERLAY_SUCCESS_DELAY_MS);
         onCompleteRef.current?.({
@@ -3112,7 +3159,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 ?? ""
       },
@@ -3151,20 +3197,42 @@ function FloPayCheckout({
     const api = new PaymentAPI2(resolvedBillingUrl);
     let sid = typeof window !== "undefined" ? window.sessionStorage.getItem(cacheKey) : null;
     let realResult = null;
+    console.info("[FloPay debug] resolveInlineSession enter", {
+      cacheKey,
+      cachedSid: sid,
+      url: typeof window !== "undefined" ? window.location.href : null
+    });
     if (sid) {
       try {
         realResult = await api.getUnifiedCheckoutSession(sid);
-        if (realResult.data.session?.status === "complete") {
+        const status = realResult.data.session?.status;
+        console.info("[FloPay debug] resolveInlineSession cache hit", {
+          cacheKey,
+          sid,
+          status,
+          recentlyCompleted: wasSessionRecentlyCompleted(sid)
+        });
+        if (status === "complete") {
+          if (wasSessionRecentlyCompleted(sid)) {
+            console.info("[FloPay debug] resolveInlineSession reuse-completed", { sid });
+            return { sid, result: realResult };
+          }
+          console.warn("[FloPay debug] resolveInlineSession clearing stale complete cache", { sid });
           if (typeof window !== "undefined") window.sessionStorage.removeItem(cacheKey);
           sid = null;
           realResult = null;
         }
-      } catch {
+      } catch (err) {
+        console.warn("[FloPay debug] resolveInlineSession getUnifiedCheckoutSession threw", { sid, err });
         if (typeof window !== "undefined") window.sessionStorage.removeItem(cacheKey);
         sid = null;
       }
     }
     if (!sid) {
+      console.warn("[FloPay debug] resolveInlineSession POSTing /v1/checkouts/sessions", {
+        cacheKey,
+        url: typeof window !== "undefined" ? window.location.href : null
+      });
       const paramsWithAnalytics = {
         ...params,
         avsCheck: !!enableAVS,
@@ -3189,10 +3257,16 @@ function FloPayCheckout({
       const mergedParams = mergeInlineSessionPatch(baseParams, patch);
       const cacheKey = hashCreateParams(mergedParams);
       let promise = sessionInflightMap.get(cacheKey);
+      const inflightHit = !!promise;
       if (!promise) {
         promise = resolveInlineSession(mergedParams, cacheKey);
         sessionInflightMap.set(cacheKey, promise);
       }
+      console.info("[FloPay debug] bootstrapInlineSession", {
+        cacheKey,
+        inflightHit,
+        url: typeof window !== "undefined" ? window.location.href : null
+      });
       let resolved;
       try {
         resolved = await promise;