@flopay/react 0.5.2 → 0.5.5

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,
@@ -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");
@@ -912,7 +965,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");
@@ -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"
   };
 }
@@ -3016,14 +3111,19 @@ function FloPayCheckout({
   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(),
       s: params?.subscriptions?.map((x) => `${x.providerPlanId}:${x.totalAmount}:${x.overrideAmount ?? ""}:${x.quantity ?? 1}`).sort(),
-      account: params?.account,
       couponCodes: params?.couponCodes,
       tagsData: params?.tagsData,
       utmMetadata: params?.utmMetadata,
+      tokenizedData: params?.tokenizedData,
       m: params?.checkoutMode ?? "full"
     });
     let h = 0;
@@ -3178,7 +3278,8 @@ function FloPayCheckout({
         };
       }
       (async () => {
-        const shouldAutoProcessInlineSession = effectiveCreateSessionMode === "auto" && !autoCheckoutAttempted.current;
+        const hasPayPalRedirectParams = typeof window !== "undefined" && new URLSearchParams(window.location.search).has("payment_intent");
+        const shouldAutoProcessInlineSession = effectiveCreateSessionMode === "auto" && !autoCheckoutAttempted.current && !hasPayPalRedirectParams;
         if (shouldAutoProcessInlineSession) {
           setModeError(null);
           setModeOverlayError(null);
@@ -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
         });