@flopay/react 0.5.3 → 0.5.6

package/dist/index.mjs

@@ -522,6 +522,27 @@ function buildDeclineEvent(method, input, overrides) {
     ...declineCode ? { declineCode } : {}
   };
 }
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function readString(payload, key) {
+  const value = payload?.[key];
+  return typeof value === "string" && value.trim() ? value : void 0;
+}
+function buildFloPayApiError(payload, fallbackMessage) {
+  const nestedError = isRecord(payload?.error) ? payload.error : null;
+  const message = readString(payload, "message") ?? readString(nestedError, "message") ?? fallbackMessage;
+  const code = readString(payload, "code") ?? readString(payload, "gatewayErrorCode") ?? readString(nestedError, "code");
+  const declineCode = readString(payload, "declineCode") ?? readString(payload, "gatewayDeclineReason") ?? readString(payload, "decline_code") ?? readString(nestedError, "decline_code");
+  return new FloPayError(message, "api_error", {
+    ...code ? { code } : {},
+    ...declineCode ? { declineCode } : {}
+  });
+}
+async function buildFloPayApiErrorFromResponse(response, fallbackMessage) {
+  const payload = await response.json().catch(() => null);
+  return buildFloPayApiError(payload, fallbackMessage);
+}
 function mapPayPalIntentStatusToPaymentResult(status) {
   if (status === "succeeded") {
     return "succeeded";
@@ -531,6 +552,29 @@ function mapPayPalIntentStatusToPaymentResult(status) {
   }
   return "failed";
 }
+function resolvePaymentIntentPaymentMethodId(paymentIntent) {
+  const paymentMethod = paymentIntent?.payment_method;
+  if (typeof paymentMethod === "string" && paymentMethod.startsWith("pm_")) {
+    return paymentMethod;
+  }
+  if (paymentMethod && typeof paymentMethod === "object" && typeof paymentMethod.id === "string") {
+    return paymentMethod.id;
+  }
+  return void 0;
+}
+async function retrievePaymentIntentFromProvider(provider, clientSecret) {
+  const retriever = provider;
+  if (!retriever?.retrievePaymentIntent) {
+    return null;
+  }
+  const { paymentIntent, error } = await retriever.retrievePaymentIntent(clientSecret);
+  if (error) {
+    throw new FloPayError(error.message ?? "Failed to retrieve payment intent.", "api_error", {
+      ...error.code ? { code: error.code } : {}
+    });
+  }
+  return paymentIntent ?? null;
+}
 function resolveTokenizedPaymentMethodId(tokenizedBody) {
   const candidates = [
     tokenizedBody?.id,
@@ -729,8 +773,9 @@ function PayPalButtonInner({
       accountPatch: beforeClick.accountPatch,
       sessionId: beforeClick.sessionId
     };
+    onButtonClick?.("paypal");
     event.resolve();
-  }, [isProcessing, runBeforeButtonClick, submitting]);
+  }, [isProcessing, onButtonClick, runBeforeButtonClick, submitting]);
   const handlePayPalConfirm = useCallback(async (event) => {
     if (!stripe || !elements) return;
     let prepared = beforeClickRef.current;
@@ -748,7 +793,6 @@ function PayPalButtonInner({
     }
     const effectiveSessionId = prepared?.sessionId ?? sessionId;
     const effectiveEmail = prepared?.accountPatch?.email ?? email;
-    onButtonClick?.("paypal");
     try {
       setSubmitting(true);
       onErrorChange?.(null);
@@ -775,7 +819,16 @@ function PayPalButtonInner({
           setup_future_usage: "off_session"
         })
       });
-      if (!intentResponse.ok) throw new Error("Failed to create payment intent");
+      if (!intentResponse.ok) {
+        const intentError = await buildFloPayApiErrorFromResponse(
+          intentResponse,
+          "Failed to create payment intent"
+        );
+        onErrorChange?.(intentError.message);
+        onDecline?.(buildDeclineEvent("paypal", intentError));
+        event.paymentFailed({ reason: "fail", message: intentError.message });
+        return;
+      }
       const intentJson = await intentResponse.json();
       const intentClientSecret = intentJson.data?.id;
       if (!intentClientSecret) throw new Error("No client_secret in payment intent response");
@@ -814,7 +867,7 @@ function PayPalButtonInner({
     } finally {
       setSubmitting(false);
     }
-  }, [stripe, elements, sessionId, email, baseUrl, onTokenizedBody, onErrorChange, onDecline, onButtonClick, runBeforeButtonClick]);
+  }, [stripe, elements, sessionId, email, baseUrl, onTokenizedBody, onErrorChange, onDecline, runBeforeButtonClick]);
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     /* @__PURE__ */ jsx5(ExpressCheckoutReadySwap, { state: loadState, placeholderTestId: "flopay-paypal-placeholder", children: /* @__PURE__ */ jsx5(
       ExpressCheckoutElement,
@@ -885,7 +938,6 @@ function WalletButtonInner({
       const method = walletType === "apple_pay" ? "apple_pay" : "google_pay";
       const effectiveSessionId = prepared?.sessionId ?? sessionId;
       const effectiveEmail = prepared?.accountPatch?.email ?? email;
-      onButtonClick?.(walletType === "apple_pay" ? "apple_pay" : "google_pay");
       try {
         setSubmitting(true);
         onErrorChange?.(null);
@@ -912,7 +964,16 @@ function WalletButtonInner({
             isPaypal: false
           })
         });
-        if (!intentResponse.ok) throw new Error("Failed to create payment intent");
+        if (!intentResponse.ok) {
+          const intentError = await buildFloPayApiErrorFromResponse(
+            intentResponse,
+            "Failed to create payment intent"
+          );
+          onErrorChange?.(intentError.message);
+          onDecline?.(buildDeclineEvent(method, intentError));
+          event.paymentFailed({ reason: "fail", message: intentError.message });
+          return;
+        }
         const intentJson = await intentResponse.json();
         const intentClientSecret = intentJson.data?.id;
         if (!intentClientSecret) throw new Error("No client_secret in payment intent response");
@@ -942,7 +1003,7 @@ function WalletButtonInner({
         setSubmitting(false);
       }
     },
-    [stripe, elements, sessionId, email, baseUrl, onTokenizedBody, onErrorChange, onDecline, onButtonClick, runBeforeButtonClick]
+    [stripe, elements, sessionId, email, baseUrl, onTokenizedBody, onErrorChange, onDecline, runBeforeButtonClick]
   );
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     /* @__PURE__ */ jsx5(ExpressCheckoutReadySwap, { state: loadState, placeholderTestId: "flopay-wallet-placeholder", children: /* @__PURE__ */ jsx5(
@@ -962,6 +1023,7 @@ function WalletButtonInner({
             accountPatch: beforeClick.accountPatch,
             sessionId: beforeClick.sessionId
           };
+          onButtonClick?.(lastWalletMethodRef.current);
           event.resolve();
         },
         onConfirm: handleWalletConfirm,
@@ -1527,7 +1589,18 @@ function SplitCardFormInner({
             isPaypal: false
           })
         });
-        if (!intentResponse.ok) throw new FloPayError2("Failed to create payment intent", "api_error");
+        if (!intentResponse.ok) {
+          const intentError = await buildFloPayApiErrorFromResponse(
+            intentResponse,
+            "Failed to create payment intent"
+          );
+          setOverlayStatus("error");
+          updateError(intentError.message);
+          onError?.(intentError);
+          emitDecline("card", intentError);
+          await new Promise((r) => setTimeout(r, PROCESSING_OVERLAY_ERROR_DELAY_MS));
+          return;
+        }
         const intentJson = await intentResponse.json();
         const intentClientSecret = intentJson.data?.id;
         if (!intentClientSecret) throw new FloPayError2("No client_secret in payment intent response", "api_error");
@@ -1543,11 +1616,26 @@ function SplitCardFormInner({
           await new Promise((r) => setTimeout(r, PROCESSING_OVERLAY_ERROR_DELAY_MS));
           return;
         }
+        const rawProvider = typeof flopay.getRawProvider === "function" ? flopay.getRawProvider() : null;
+        const confirmedPaymentIntent = await retrievePaymentIntentFromProvider(
+          rawProvider,
+          intentClientSecret
+        );
+        const paymentIntentId = confirmResult.paymentIntentId ?? confirmedPaymentIntent?.id;
+        const paymentMethodId = confirmResult.paymentMethodId ?? resolvePaymentIntentPaymentMethodId(confirmedPaymentIntent) ?? pmResult.paymentMethodId;
+        if (!paymentIntentId) {
+          const error2 = new FloPayError2("No payment intent returned after confirmation.", "api_error");
+          setOverlayStatus("error");
+          updateError(error2.message);
+          onError?.(error2);
+          await new Promise((r) => setTimeout(r, PROCESSING_OVERLAY_ERROR_DELAY_MS));
+          return;
+        }
         handedOff = isSelfContained;
         dispatchTokenizedBody({
-          id: pmResult.paymentMethodId,
+          id: paymentMethodId,
           type: "card",
-          threeDSecureActionResultTokenId: confirmResult.paymentIntentId,
+          threeDSecureActionResultTokenId: paymentIntentId,
           originalPaymentMethodId: pmResult.paymentMethodId
         });
       } catch (err) {
@@ -2368,12 +2456,12 @@ async function processSavedPaymentWithIntent({
   ));
   const intentJson = await intentResponse.json().catch(() => null);
   if (!intentResponse.ok) {
+    const intentError = buildFloPayApiError(
+      intentJson,
+      "Failed to create payment intent."
+    );
     throw Object.assign(
-      new FloPayError3(
-        intentJson?.message ?? "Failed to create payment intent.",
-        "api_error",
-        { code: intentJson?.code ?? intentJson?.gatewayErrorCode }
-      ),
+      intentError,
       { checkoutMethod: "card" }
     );
   }
@@ -2396,7 +2484,14 @@ async function processSavedPaymentWithIntent({
       { checkoutMethod: "card" }
     );
   }
-  if (!confirmResult.paymentIntentId || confirmResult.status !== "succeeded" && confirmResult.status !== "processing" && confirmResult.status !== "requires_capture") {
+  const rawProvider = typeof flopay.getRawProvider === "function" ? flopay.getRawProvider() : null;
+  const confirmedPaymentIntent = await retrievePaymentIntentFromProvider(
+    rawProvider,
+    intentClientSecret
+  );
+  const confirmedPaymentIntentId = confirmResult.paymentIntentId ?? confirmedPaymentIntent?.id;
+  const confirmedPaymentMethodId = confirmResult.paymentMethodId ?? resolvePaymentIntentPaymentMethodId(confirmedPaymentIntent) ?? paymentMethodId;
+  if (!confirmedPaymentIntentId || confirmResult.status !== "succeeded" && confirmResult.status !== "processing" && confirmResult.status !== "requires_capture") {
     throw Object.assign(
       new FloPayError3(
         `Unfortunately, your payment could not be processed. Please try again using a different payment method or contact your bank for assistance. If the issue persists, feel free to reach out to us for support.`,
@@ -2413,9 +2508,9 @@ async function processSavedPaymentWithIntent({
     sessionId,
     session,
     tokenizedData: {
-      id: paymentMethodId,
+      id: confirmedPaymentMethodId,
       type: "card",
-      threeDSecureActionResultTokenId: confirmResult.paymentIntentId
+      threeDSecureActionResultTokenId: confirmedPaymentIntentId
     },
     returnUrl
   });
@@ -2430,8 +2525,8 @@ async function processSavedPaymentWithIntent({
   });
   return {
     ...finalResult,
-    paymentIntentId: finalResult.paymentIntentId ?? confirmResult.paymentIntentId,
-    paymentMethodId: finalResult.paymentMethodId ?? paymentMethodId,
+    paymentIntentId: finalResult.paymentIntentId ?? confirmedPaymentIntentId,
+    paymentMethodId: finalResult.paymentMethodId ?? confirmedPaymentMethodId,
     checkoutMethod: finalResult.checkoutMethod ?? "card"
   };
 }
@@ -2645,6 +2740,7 @@ async function loadSavedPaymentProviders({
 import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var DEFAULT_BUTTONS_LAYOUT_BUTTON_HEIGHT2 = 44;
 var PAYPAL_RESUME_STORAGE_KEY = "flopay_checkout_saved_payment_resume";
+var sessionInflightMap = /* @__PURE__ */ new Map();
 function sleep(ms) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
@@ -3011,11 +3107,15 @@ function FloPayCheckout({
       }
     })();
   }, [emitDecline, locale, normalizeSavedPaymentError, resolvedBillingUrl]);
-  const inflightRef = useRef3(/* @__PURE__ */ new Map());
   const initializedHashRef = useRef3(null);
   function hashCreateParams(params) {
     const key = JSON.stringify({
       c: params?.clientId,
+      a: {
+        u: params?.account?.userId ?? "",
+        e: params?.account?.email?.trim().toLowerCase() ?? "",
+        country: params?.account?.country ?? ""
+      },
       successUrl: params?.successUrl,
       cancelUrl: params?.cancelUrl,
       i: params?.items?.map((x) => `${x.providerItemId}:${x.totalAmount}:${x.overrideAmount ?? ""}:${x.quantity ?? 1}`).sort(),
@@ -3023,6 +3123,7 @@ function FloPayCheckout({
       couponCodes: params?.couponCodes,
       tagsData: params?.tagsData,
       utmMetadata: params?.utmMetadata,
+      tokenizedData: params?.tokenizedData,
       m: params?.checkoutMode ?? "full"
     });
     let h = 0;
@@ -3087,16 +3188,16 @@ function FloPayCheckout({
       }
       const mergedParams = mergeInlineSessionPatch(baseParams, patch);
       const cacheKey = hashCreateParams(mergedParams);
-      let promise = inflightRef.current.get(cacheKey);
+      let promise = sessionInflightMap.get(cacheKey);
       if (!promise) {
         promise = resolveInlineSession(mergedParams, cacheKey);
-        inflightRef.current.set(cacheKey, promise);
+        sessionInflightMap.set(cacheKey, promise);
       }
       let resolved;
       try {
         resolved = await promise;
       } finally {
-        inflightRef.current.delete(cacheKey);
+        sessionInflightMap.delete(cacheKey);
       }
       initializedHashRef.current = cacheKey;
       try {
@@ -4025,6 +4126,7 @@ function CheckoutFormInner({
       if (!flopay || !elements || isSubmitting) return;
       setProcessing(true);
       updateError(null);
+      let handedOff = false;
       try {
         const submitResult = await flopay.submitElements();
         if (submitResult.error) {
@@ -4054,7 +4156,16 @@ function CheckoutFormInner({
             isPaypal: false
           })
         });
-        if (!intentResponse.ok) throw new FloPayError5("Failed to create payment intent", "api_error");
+        if (!intentResponse.ok) {
+          const intentError = await buildFloPayApiErrorFromResponse(
+            intentResponse,
+            "Failed to create payment intent"
+          );
+          updateError(intentError.message);
+          onError?.(intentError);
+          emitDecline(intentError);
+          return;
+        }
         const intentJson = await intentResponse.json();
         const intentClientSecret = intentJson.data?.id;
         if (!intentClientSecret) throw new FloPayError5("No client_secret in payment intent response", "api_error");
@@ -4068,17 +4179,30 @@ function CheckoutFormInner({
           emitDecline(confirmResult.error);
           return;
         }
+        const rawProvider = typeof flopay.getRawProvider === "function" ? flopay.getRawProvider() : null;
+        const confirmedPaymentIntent = await retrievePaymentIntentFromProvider(
+          rawProvider,
+          intentClientSecret
+        );
+        const paymentIntentId = confirmResult.paymentIntentId ?? confirmedPaymentIntent?.id;
+        const paymentMethodId = confirmResult.paymentMethodId ?? resolvePaymentIntentPaymentMethodId(confirmedPaymentIntent) ?? pmResult.paymentMethodId;
+        if (!paymentIntentId) {
+          const error2 = new FloPayError5("No payment intent returned after confirmation.", "api_error");
+          updateError(error2.message);
+          onError?.(error2);
+          return;
+        }
+        handedOff = isSelfContained;
         dispatchTokenizedBody({
-          id: pmResult.paymentMethodId,
+          id: paymentMethodId,
           type: "card",
-          threeDSecureActionResultTokenId: confirmResult.paymentIntentId,
+          threeDSecureActionResultTokenId: paymentIntentId,
           originalPaymentMethodId: pmResult.paymentMethodId
         });
       } catch (err) {
         updateError(err instanceof Error ? err.message : "An unexpected error occurred");
       } finally {
-        if (isSelfContained) {
-        } else {
+        if (!handedOff) {
           setProcessing(false);
         }
       }
@@ -4756,7 +4880,10 @@ function FloPayAutomaticPaymentButton({
         return;
       }
       try {
-        const result = await api.createAndFetchSession(createSessionDraft);
+        const result = await api.createAndFetchSession({
+          ...createSessionDraft,
+          ...automaticPaymentToken ? { tokenizedData: automaticPaymentToken } : {}
+        });
         await processResolvedSession(result, result.data.session?.id ?? null, {
           fromCreateSession: true
         });