@flopay/react 0.4.5 → 0.4.8

package/dist/index.mjs

@@ -1200,9 +1200,22 @@ function SplitCardFormInner({
           }
           setIs3DSActive(true);
           try {
+            const retryBillingAddress = {
+              ...(enableAVS ? selectedCountryRef.current : effectiveAccount.country) ? {
+                country: enableAVS ? selectedCountryRef.current : effectiveAccount.country
+              } : {},
+              ...(enableAVS ? zipCodeRef.current.trim() : effectiveAccount.zip) || "" ? {
+                postal_code: enableAVS ? zipCodeRef.current.trim() : effectiveAccount.zip
+              } : {}
+            };
             const result = await flopay.confirmPayment({
               clientSecret: secret,
-              returnUrl: window.location.href
+              returnUrl: window.location.href,
+              billingDetails: {
+                ...effectiveAccount.email ? { email: effectiveAccount.email } : {},
+                ...fullName.trim() ? { name: fullName.trim() } : {},
+                ...Object.keys(retryBillingAddress).length > 0 ? { address: retryBillingAddress } : {}
+              }
             });
             if (result.error) {
               setOverlayStatus("error");
@@ -1361,13 +1374,19 @@ function SplitCardFormInner({
           onError?.(submitResult.error);
           return;
         }
-        const billingDetails = enableAVS ? {
-          name: fullName,
-          address: {
-            country: selectedCountryRef.current,
-            postal_code: zipCodeRef.current
-          }
-        } : void 0;
+        const billingAddress = {
+          ...(enableAVS ? selectedCountryRef.current : resolvedAccount.country) ? {
+            country: enableAVS ? selectedCountryRef.current : resolvedAccount.country
+          } : {},
+          ...(enableAVS ? zipCodeRef.current.trim() : resolvedAccount.zip) || "" ? {
+            postal_code: enableAVS ? zipCodeRef.current.trim() : resolvedAccount.zip
+          } : {}
+        };
+        const billingDetails = {
+          ...resolvedAccount.email ? { email: resolvedAccount.email } : {},
+          ...fullName.trim() ? { name: fullName.trim() } : {},
+          ...Object.keys(billingAddress).length > 0 ? { address: billingAddress } : {}
+        };
         const pmResult = await flopay.createPaymentMethod(billingDetails);
         if (pmResult.error || !pmResult.paymentMethodId) {
           updateError(pmResult.error?.message ?? "Failed to create payment method.");
@@ -1877,6 +1896,32 @@ function SplitCardFormInner({
 import { loadFloPay, PaymentAPI } from "@flopay/js";
 import { FloPayError as FloPayError3 } from "@flopay/shared";
 var DEFAULT_SAVED_PAYMENT_DECLINE_METHOD = "card";
+function getRedirectResultFromCheckoutProcessError(error) {
+  if (!error?.type || !error.threeDSecureToken) {
+    return null;
+  }
+  if (error.type !== "3ds_required" && error.type !== "paypal_redirect_required") {
+    return null;
+  }
+  return {
+    type: error.type,
+    threeDSecureToken: error.threeDSecureToken,
+    paymentMethodId: error.paymentMethodId
+  };
+}
+function checkoutProcessErrorToFloPayError(error, fallbackMessage = "Payment failed. Please try again.", options) {
+  const checkoutMethod = options?.checkoutMethod ?? error?.checkoutMethod ?? (error?.type === "paypal_redirect_required" ? "paypal" : "card");
+  return Object.assign(
+    new FloPayError3(
+      error?.message ?? fallbackMessage,
+      "api_error",
+      {
+        code: error?.gatewayErrorCode
+      }
+    ),
+    { checkoutMethod }
+  );
+}
 function resolveSavedPaymentReturnUrl(session) {
   if (typeof window !== "undefined" && window.location.href) {
     return window.location.href;
@@ -2485,19 +2530,45 @@ function FloPayCheckout({
       setModeOverlayStatus("processing");
       const activeSessionId2 = options?.sessionId ?? sess.id;
       try {
-        const result = await processSavedPaymentForMode({
-          billingApiUrl: resolvedBillingUrl,
-          sessionId: activeSessionId2,
-          session: sess
-        });
-        const paymentResult = result.type === "success" ? result.result : await handleSavedPaymentRedirectResult(result, {
-          flopay: flopayRef.current,
-          paypalFlopay: paypalFlopayRef.current,
-          attempt3DS: options?.attempt3DS,
-          billingApiUrl: resolvedBillingUrl,
-          sessionId: activeSessionId2,
-          session: sess
-        });
+        const redirectResult = getRedirectResultFromCheckoutProcessError(options?.initialAutoProcessingError);
+        let paymentResult;
+        if (redirectResult) {
+          paymentResult = await handleSavedPaymentRedirectResult(redirectResult, {
+            flopay: flopayRef.current,
+            paypalFlopay: paypalFlopayRef.current,
+            attempt3DS: options?.attempt3DS,
+            billingApiUrl: resolvedBillingUrl,
+            sessionId: activeSessionId2,
+            session: sess
+          });
+        } else if (options?.initialAutoProcessingError) {
+          throw checkoutProcessErrorToFloPayError(
+            options.initialAutoProcessingError,
+            "Automatic payment failed. Please try again.",
+            {
+              checkoutMethod: options.initialAutoProcessingError.checkoutMethod
+            }
+          );
+        } else if (options?.fromCreateSession) {
+          if (options?.fallbackToFull) {
+            setCurrentMode("full");
+          }
+          return false;
+        } else {
+          const result = await processSavedPaymentForMode({
+            billingApiUrl: resolvedBillingUrl,
+            sessionId: activeSessionId2,
+            session: sess
+          });
+          paymentResult = result.type === "success" ? result.result : await handleSavedPaymentRedirectResult(result, {
+            flopay: flopayRef.current,
+            paypalFlopay: paypalFlopayRef.current,
+            attempt3DS: options?.attempt3DS,
+            billingApiUrl: resolvedBillingUrl,
+            sessionId: activeSessionId2,
+            session: sess
+          });
+        }
         setModeOverlayStatus("success");
         await sleep(PROCESSING_OVERLAY_SUCCESS_DELAY_MS);
         onCompleteRef.current?.(paymentResult);
@@ -2706,6 +2777,9 @@ function FloPayCheckout({
             await runSavedPaymentFlow(resolvedSession, {
               attempt3DS: true,
               fallbackToFull: true,
+              fromCreateSession: true,
+              initialAutoProcessingError: resolved.result.autoProcessingError,
+              autoProcessingAttempted: resolved.result.autoProcessingAttempted,
               sessionId: resolved.sid || resolvedSession.id
             });
             return;
@@ -3388,9 +3462,14 @@ function CheckoutFormInner({
           }
           setIs3DSActive(true);
           try {
+            const retryFullName = `${firstName ?? ""} ${lastName ?? ""}`.trim();
             const result = await flopay.confirmPayment({
               clientSecret: secret,
-              returnUrl: window.location.href
+              returnUrl: window.location.href,
+              billingDetails: {
+                ...email ? { email } : {},
+                ...retryFullName ? { name: retryFullName } : {}
+              }
             });
             if (result.error) {
               updateError(result.error.message);
@@ -3526,7 +3605,11 @@ function CheckoutFormInner({
           onError?.(submitResult.error);
           return;
         }
-        const pmResult = await flopay.createPaymentMethod();
+        const fullName = `${firstName ?? ""} ${lastName ?? ""}`.trim();
+        const pmResult = await flopay.createPaymentMethod({
+          ...email ? { email } : {},
+          ...fullName ? { name: fullName } : {}
+        });
         if (pmResult.error || !pmResult.paymentMethodId) {
           updateError(pmResult.error?.message ?? "Failed to create payment method.");
           return;
@@ -4029,7 +4112,7 @@ function FloPayAutomaticPaymentButton({
     setOverlayStatus("error");
     await sleep2(PROCESSING_OVERLAY_ERROR_DELAY_MS);
   }, [emitDecline]);
-  const processResolvedSession = useCallback5(async (apiResult, resolvedSessionId) => {
+  const processResolvedSession = useCallback5(async (apiResult, resolvedSessionId, options) => {
     const session = apiResult.data.session ?? null;
     if (!session) {
       throw new FloPayError7("No session data returned", "api_error");
@@ -4044,19 +4127,15 @@ function FloPayAutomaticPaymentButton({
       return;
     }
     try {
-      const result = await processSavedPaymentForMode({
-        billingApiUrl: resolvedBillingUrl,
-        sessionId: resolvedSessionId ?? session.id,
-        session,
-        tokenizedData: automaticPaymentToken
-      });
-      let paymentResult = result.type === "success" ? result.result : null;
-      if (result.type !== "success") {
+      let paymentResult = null;
+      const redirectResult = getRedirectResultFromCheckoutProcessError(apiResult.autoProcessingError);
+      const shouldTreatCreateSessionFlowAsServerAutoAttempt = options?.fromCreateSession && (apiResult.autoProcessingAttempted === true || !!apiResult.autoProcessingError || !!redirectResult);
+      if (redirectResult) {
         const {
           publishableKey,
           paypalPublishableKey
         } = resolveSavedPaymentPublishableKeys(apiResult, fallbackPublishableKey);
-        if (result.type === "paypal_redirect_required") {
+        if (redirectResult.type === "paypal_redirect_required") {
           persistPayPalResumeState({
             sessionId: session.id || resolvedSessionId,
             publishableKey,
@@ -4072,7 +4151,7 @@ function FloPayAutomaticPaymentButton({
           billingApiUrl: resolvedBillingUrl,
           locale
         });
-        paymentResult = await handleSavedPaymentRedirectResult(result, {
+        paymentResult = await handleSavedPaymentRedirectResult(redirectResult, {
           flopay,
           paypalFlopay,
           attempt3DS: true,
@@ -4080,9 +4159,66 @@ function FloPayAutomaticPaymentButton({
           sessionId: session.id || resolvedSessionId,
           session
         });
-        if (result.type === "paypal_redirect_required") {
+        if (redirectResult.type === "paypal_redirect_required") {
           clearPayPalResumeState();
         }
+      } else if (apiResult.autoProcessingError) {
+        throw checkoutProcessErrorToFloPayError(
+          apiResult.autoProcessingError,
+          "Automatic payment failed. Please try again.",
+          {
+            checkoutMethod: apiResult.autoProcessingError.checkoutMethod
+          }
+        );
+      } else if (shouldTreatCreateSessionFlowAsServerAutoAttempt) {
+        throw checkoutProcessErrorToFloPayError(
+          {
+            type: "unknown",
+            message: "Automatic payment failed. Please try again."
+          },
+          "Automatic payment failed. Please try again."
+        );
+      } else {
+        const result = await processSavedPaymentForMode({
+          billingApiUrl: resolvedBillingUrl,
+          sessionId: resolvedSessionId ?? session.id,
+          session,
+          tokenizedData: automaticPaymentToken
+        });
+        paymentResult = result.type === "success" ? result.result : null;
+        if (result.type !== "success") {
+          const {
+            publishableKey,
+            paypalPublishableKey
+          } = resolveSavedPaymentPublishableKeys(apiResult, fallbackPublishableKey);
+          if (result.type === "paypal_redirect_required") {
+            persistPayPalResumeState({
+              sessionId: session.id || resolvedSessionId,
+              publishableKey,
+              paypalPublishableKey
+            });
+          }
+          const {
+            flopay,
+            paypalFlopay
+          } = await loadSavedPaymentProviders({
+            publishableKey,
+            paypalPublishableKey,
+            billingApiUrl: resolvedBillingUrl,
+            locale
+          });
+          paymentResult = await handleSavedPaymentRedirectResult(result, {
+            flopay,
+            paypalFlopay,
+            attempt3DS: true,
+            billingApiUrl: resolvedBillingUrl,
+            sessionId: session.id || resolvedSessionId,
+            session
+          });
+          if (result.type === "paypal_redirect_required") {
+            clearPayPalResumeState();
+          }
+        }
       }
       await showSuccess({
         result: paymentResult ? {
@@ -4099,7 +4235,8 @@ function FloPayAutomaticPaymentButton({
     } catch (err) {
       let floPayErr = normalizeSavedPaymentError(err);
       const fallbackSessionId = session.id || resolvedSessionId;
-      if (floPayErr.code === "authentication_required" && fallbackSessionId && automaticPaymentToken?.id && automaticPaymentToken.id.startsWith("pm_")) {
+      const shouldTreatCreateSessionFlowAsServerAutoAttempt = options?.fromCreateSession && apiResult.autoProcessingAttempted === true;
+      if (!shouldTreatCreateSessionFlowAsServerAutoAttempt && floPayErr.code === "authentication_required" && fallbackSessionId && automaticPaymentToken?.id && automaticPaymentToken.id.startsWith("pm_")) {
         try {
           const {
             publishableKey,
@@ -4196,7 +4333,9 @@ function FloPayAutomaticPaymentButton({
       }
       try {
         const result = await api.createAndFetchSession(createSessionDraft);
-        await processResolvedSession(result, result.data.session?.id ?? null);
+        await processResolvedSession(result, result.data.session?.id ?? null, {
+          fromCreateSession: true
+        });
       } catch (err) {
         if (err instanceof FloPayError7 && err.code === "session_auto_completed") {
           await showSuccess({