@flopay/react 1.4.2 → 1.4.3

package/README.md

@@ -280,6 +280,11 @@ Switch from the default form layout to stacked payment buttons with an expandabl
 />
 ```
 
+`layout` can be changed at runtime. Switching a mounted `FloPayCheckout` from
+the default layout to `"buttons"` keeps the resolved checkout session and its
+gateway capabilities, so the **Credit / Debit Card** choice remains available
+without recreating the session.
+
 > **Deprecated**: the legacy `buttonsTheme` prop (`'default'` / `'minimal'` / `'rounded'` / `'dark'`) still works but new code should use `theme` so the same value drives both the buttons-layout wrapper and the auto-payment fallback. See [ButtonsLayoutStyles reference](https://docs.flopay.com/api-reference/react/flopay-checkout#buttonslayoutstyles-reference) for the underlying override fields.
 
 #### Button Hooks

package/dist/index.cjs

@@ -1590,7 +1590,10 @@ function DirectPayPalButtonImplementation({
           paymentMethodCategory: "wallet",
           paymentMethodType: "paypal",
           paymentMethodId: null,
-          intentKind: isSubscription ? "subscription" : "order"
+          // Always 'payment': the backend derives order vs subscription from the session's
+          // products and returns it as the response providerObjectType. The order/subscription
+          // split still drives the PayPal JS SDK call locally (see createOrder/createSubscription).
+          intentKind: "payment"
         },
         { idempotencyKey: paypalIntentIdempotencyKey }
       );
@@ -7231,7 +7234,6 @@ function FloPayCheckout({
     setLoadError(null);
     if (createSessionHash) {
       const params = createSessionParamsRef.current;
-      setSession(buildSyntheticSession(params, checkoutModeProp));
       setCurrentMode(effectiveCreateSessionMode);
       setIsLoading(false);
       if (initializedHashRef.current === createSessionHash) {
@@ -7239,6 +7241,7 @@ function FloPayCheckout({
           cancelled = true;
         };
       }
+      setSession(buildSyntheticSession(params, checkoutModeProp));
       (async () => {
         const hasPayPalRedirectParams = typeof window !== "undefined" && new URLSearchParams(window.location.search).has("payment_intent");
         const shouldAutoProcessInlineSession = effectiveCreateSessionMode === "auto" && !autoCheckoutAttempted.current && !hasPayPalRedirectParams;