@flopay/react 0.4.1 → 0.4.3

package/dist/index.cjs

@@ -2506,7 +2506,7 @@ function FloPayCheckout({
       )
     ] }) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckoutContext.Provider, { value: checkoutValue, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(FloPayProvider, { flopay, options: providerOptions, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckoutContext.Provider, { value: checkoutValue, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(FloPayProvider, { flopay, paypalFlopay, options: providerOptions, children: [
     modeError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "div",
       {
@@ -2822,6 +2822,7 @@ function CheckoutFormInner({
   innerRef
 }) {
   const flopay = useFloPay();
+  const paypalFlopay = usePayPalFloPay();
   const elements = useElements();
   const contextBillingUrl = useBillingApiUrl();
   const [processing, setProcessing] = (0, import_react8.useState)(false);
@@ -2906,20 +2907,35 @@ function CheckoutFormInner({
           return;
         }
         if (json?.type === "paypal_redirect_required") {
-          const secret = json["clientSecret"];
+          const secret = json["threeDSecureToken"] ?? json["clientSecret"];
           const pmId = json["paymentMethodId"];
-          if (flopay && secret) {
-            localStorage.setItem(WALLET_RESUME_KEY2, JSON.stringify({
-              sessionId,
-              paymentIntentId: "",
-              tokenType: "card",
-              tokenId: pmId,
-              status: "pending_redirect"
-            }));
-            await flopay.confirmPayment({
-              clientSecret: secret,
-              returnUrl: window.location.href
-            });
+          const paypalStripe = (paypalFlopay ?? flopay)?.getRawProvider();
+          if (!paypalStripe || !secret) {
+            const message = "PayPal is not available.";
+            updateError(message);
+            onDecline?.(buildDeclineEvent("paypal", message));
+            return;
+          }
+          localStorage.setItem(WALLET_RESUME_KEY2, JSON.stringify({
+            sessionId,
+            paymentIntentId: "",
+            tokenType: "card",
+            tokenId: pmId ?? "",
+            status: "pending_redirect"
+          }));
+          const confirmParams = {
+            return_url: window.location.href
+          };
+          if (pmId) confirmParams["payment_method"] = pmId;
+          const { error: confirmError } = await paypalStripe.confirmPayment({
+            clientSecret: secret,
+            confirmParams,
+            redirect: "if_required"
+          });
+          if (confirmError) {
+            const message = confirmError.message ?? "PayPal payment failed.";
+            updateError(message);
+            onDecline?.(buildDeclineEvent("paypal", message, { code: confirmError.code }));
           }
           return;
         }
@@ -2935,7 +2951,7 @@ function CheckoutFormInner({
         setProcessing(false);
       }
     },
-    [baseUrl, sessionId, userId, email, firstName, lastName, chv, flopay, onComplete, onError, updateError, emitDecline]
+    [baseUrl, sessionId, userId, email, firstName, lastName, chv, flopay, paypalFlopay, onComplete, onError, onDecline, updateError, emitDecline]
   );
   const dispatchTokenizedBody = (0, import_react8.useCallback)(
     (tokenizedBody) => {