@flopay/react 0.5.13 → 0.5.16

package/dist/index.d.cts

@@ -579,8 +579,10 @@ declare function FloPayAutomaticPaymentButton({ sessionId, createSession, paymen
 interface InAppBrowserNoticeProps {
     /** Custom message override. Defaults to a generic, non-platform-specific copy. */
     message?: React.ReactNode;
-    /** Custom button label. Defaults to "Open in browser" / "Link copied". */
+    /** Custom button label. Default depends on the detected environment:
+     *  in-app browser → "Copy link"; other → "Open in browser". */
     openButtonLabel?: string;
+    /** Custom copied-state button label. Default depends on environment. */
     copiedButtonLabel?: string;
     /** Custom CSS overrides for the container, message, and button. */
     containerStyle?: React.CSSProperties;
@@ -596,16 +598,43 @@ interface InAppBrowserNoticeProps {
  * — typically because the buyer is in an in-app browser (Instagram, Facebook,
  * TikTok, etc.) or behind an ad-blocker. The card form remains fully
  * functional; this notice just informs the buyer about the unavailable
- * methods and offers a one-click attempt to relaunch in the device browser.
+ * methods and gives them a way to escape to a real browser.
  *
- * The "Open in browser" button is best-effort:
- * - Tries `window.open(url, '_blank')` first (works in some webviews).
- * - Falls back to copying the URL to clipboard so the buyer can paste it
- *   into Safari/Chrome themselves.
+ * Action behavior is environment-dependent because `window.open` is a known
+ * liar inside in-app WebViews:
  *
- * No reliable cross-platform JS API exists to *force* an in-app webview to
- * defer to the system browser, so we don't pretend otherwise.
+ * - **Detected in-app browser** (Facebook/Instagram/TikTok/etc. via UA):
+ *   skip `window.open` entirely. It returns a non-null window but the new
+ *   page opens *inside the same WebView*, which defeats the entire point
+ *   and makes us mis-report `opened: true` to `onOpenInBrowser`. Instead,
+ *   copy the URL to clipboard and surface clear paste-in-Safari/Chrome
+ *   messaging. There is no reliable cross-platform JS API to force a
+ *   WebView to defer to the system browser; the buyer must use the host
+ *   app's "..." / "⋮" menu.
+ * - **Other environments** (desktop with ad-blocker, unknown UA):
+ *   `window.open` may genuinely succeed — try it, fall back to clipboard.
  */
 declare function InAppBrowserNotice({ message, openButtonLabel, copiedButtonLabel, containerStyle, buttonStyle, onOpenInBrowser, }: InAppBrowserNoticeProps): react_jsx_runtime.JSX.Element;
 
-export { AddressElement, CardCvcElement, CardElement, CardExpiryElement, CardNumberElement, CheckoutForm, type CheckoutFormProps, type CheckoutFormRef, type CheckoutState, type ElementComponentProps, FloPayAutomaticPaymentButton, type FloPayAutomaticPaymentButtonProps, type FloPayAutomaticPaymentSuccessEvent, FloPayCheckout, type FloPayCheckoutProps, FloPayProvider, type FloPayProviderProps, InAppBrowserNotice, type InAppBrowserNoticeProps, PayPalButton, type PayPalButtonProps, PaymentElement, SplitCardForm, type SplitCardFormProps, type SplitCardFormRef, useCheckout, useElements, useFloPay, usePayPalFloPay };
+/**
+ * Heuristic detector for in-app browser / WebView environments where PayPal
+ * and digital wallets often fail to initialize.
+ *
+ * Pairs with the load-state classifier in `SplitCardForm`: this gives us a
+ * proactive signal (we know we're in a hostile environment before Stripe
+ * even tries), while load state covers the long tail (ad-blockers, new
+ * WebViews we haven't seen, account-misconfig surfacing as `unavailable`).
+ *
+ * Tradeoffs:
+ * - False positives possible. Some modern WebViews (iOS SFSafariViewController
+ *   on recent iOS, Chrome Custom Tabs) handle PayPal fine but match these
+ *   patterns. The notice is non-disruptive — card form keeps working — so we
+ *   accept it.
+ * - False negatives possible. New social-app WebViews ship without us knowing.
+ *   That's why we also keep the reactive load-state signal.
+ *
+ * SSR-safe: returns `false` when `navigator` is undefined.
+ */
+declare function isInAppBrowser(userAgent?: string): boolean;
+
+export { AddressElement, CardCvcElement, CardElement, CardExpiryElement, CardNumberElement, CheckoutForm, type CheckoutFormProps, type CheckoutFormRef, type CheckoutState, type ElementComponentProps, FloPayAutomaticPaymentButton, type FloPayAutomaticPaymentButtonProps, type FloPayAutomaticPaymentSuccessEvent, FloPayCheckout, type FloPayCheckoutProps, FloPayProvider, type FloPayProviderProps, InAppBrowserNotice, type InAppBrowserNoticeProps, PayPalButton, type PayPalButtonProps, PaymentElement, SplitCardForm, type SplitCardFormProps, type SplitCardFormRef, isInAppBrowser, useCheckout, useElements, useFloPay, usePayPalFloPay };

package/dist/index.d.ts

@@ -579,8 +579,10 @@ declare function FloPayAutomaticPaymentButton({ sessionId, createSession, paymen
 interface InAppBrowserNoticeProps {
     /** Custom message override. Defaults to a generic, non-platform-specific copy. */
     message?: React.ReactNode;
-    /** Custom button label. Defaults to "Open in browser" / "Link copied". */
+    /** Custom button label. Default depends on the detected environment:
+     *  in-app browser → "Copy link"; other → "Open in browser". */
     openButtonLabel?: string;
+    /** Custom copied-state button label. Default depends on environment. */
     copiedButtonLabel?: string;
     /** Custom CSS overrides for the container, message, and button. */
     containerStyle?: React.CSSProperties;
@@ -596,16 +598,43 @@ interface InAppBrowserNoticeProps {
  * — typically because the buyer is in an in-app browser (Instagram, Facebook,
  * TikTok, etc.) or behind an ad-blocker. The card form remains fully
  * functional; this notice just informs the buyer about the unavailable
- * methods and offers a one-click attempt to relaunch in the device browser.
+ * methods and gives them a way to escape to a real browser.
  *
- * The "Open in browser" button is best-effort:
- * - Tries `window.open(url, '_blank')` first (works in some webviews).
- * - Falls back to copying the URL to clipboard so the buyer can paste it
- *   into Safari/Chrome themselves.
+ * Action behavior is environment-dependent because `window.open` is a known
+ * liar inside in-app WebViews:
  *
- * No reliable cross-platform JS API exists to *force* an in-app webview to
- * defer to the system browser, so we don't pretend otherwise.
+ * - **Detected in-app browser** (Facebook/Instagram/TikTok/etc. via UA):
+ *   skip `window.open` entirely. It returns a non-null window but the new
+ *   page opens *inside the same WebView*, which defeats the entire point
+ *   and makes us mis-report `opened: true` to `onOpenInBrowser`. Instead,
+ *   copy the URL to clipboard and surface clear paste-in-Safari/Chrome
+ *   messaging. There is no reliable cross-platform JS API to force a
+ *   WebView to defer to the system browser; the buyer must use the host
+ *   app's "..." / "⋮" menu.
+ * - **Other environments** (desktop with ad-blocker, unknown UA):
+ *   `window.open` may genuinely succeed — try it, fall back to clipboard.
  */
 declare function InAppBrowserNotice({ message, openButtonLabel, copiedButtonLabel, containerStyle, buttonStyle, onOpenInBrowser, }: InAppBrowserNoticeProps): react_jsx_runtime.JSX.Element;
 
-export { AddressElement, CardCvcElement, CardElement, CardExpiryElement, CardNumberElement, CheckoutForm, type CheckoutFormProps, type CheckoutFormRef, type CheckoutState, type ElementComponentProps, FloPayAutomaticPaymentButton, type FloPayAutomaticPaymentButtonProps, type FloPayAutomaticPaymentSuccessEvent, FloPayCheckout, type FloPayCheckoutProps, FloPayProvider, type FloPayProviderProps, InAppBrowserNotice, type InAppBrowserNoticeProps, PayPalButton, type PayPalButtonProps, PaymentElement, SplitCardForm, type SplitCardFormProps, type SplitCardFormRef, useCheckout, useElements, useFloPay, usePayPalFloPay };
+/**
+ * Heuristic detector for in-app browser / WebView environments where PayPal
+ * and digital wallets often fail to initialize.
+ *
+ * Pairs with the load-state classifier in `SplitCardForm`: this gives us a
+ * proactive signal (we know we're in a hostile environment before Stripe
+ * even tries), while load state covers the long tail (ad-blockers, new
+ * WebViews we haven't seen, account-misconfig surfacing as `unavailable`).
+ *
+ * Tradeoffs:
+ * - False positives possible. Some modern WebViews (iOS SFSafariViewController
+ *   on recent iOS, Chrome Custom Tabs) handle PayPal fine but match these
+ *   patterns. The notice is non-disruptive — card form keeps working — so we
+ *   accept it.
+ * - False negatives possible. New social-app WebViews ship without us knowing.
+ *   That's why we also keep the reactive load-state signal.
+ *
+ * SSR-safe: returns `false` when `navigator` is undefined.
+ */
+declare function isInAppBrowser(userAgent?: string): boolean;
+
+export { AddressElement, CardCvcElement, CardElement, CardExpiryElement, CardNumberElement, CheckoutForm, type CheckoutFormProps, type CheckoutFormRef, type CheckoutState, type ElementComponentProps, FloPayAutomaticPaymentButton, type FloPayAutomaticPaymentButtonProps, type FloPayAutomaticPaymentSuccessEvent, FloPayCheckout, type FloPayCheckoutProps, FloPayProvider, type FloPayProviderProps, InAppBrowserNotice, type InAppBrowserNoticeProps, PayPalButton, type PayPalButtonProps, PaymentElement, SplitCardForm, type SplitCardFormProps, type SplitCardFormRef, isInAppBrowser, useCheckout, useElements, useFloPay, usePayPalFloPay };

package/dist/index.mjs

@@ -100,7 +100,7 @@ function FloPayProvider({
 }
 
 // src/flopay-checkout.tsx
-import React7, { useCallback as useCallback3, useEffect as useEffect4, useMemo as useMemo3, useRef as useRef3, useState as useState4 } from "react";
+import React7, { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef3, useState as useState4 } from "react";
 import { PaymentAPI as PaymentAPI2 } from "@flopay/js";
 import { SDK_VERSION, FloPayError as FloPayError4, resolveBillingApiUrl as resolveBillingApiUrl3, buildCheckoutDisplayData, resolveButtonsLayoutTheme as resolveButtonsLayoutTheme2 } from "@flopay/shared";
 
@@ -248,7 +248,7 @@ import {
   isAVSFieldVisible,
   getStateFromPostalCode
 } from "@flopay/shared";
-import { forwardRef, useCallback as useCallback2, useContext as useContext3, useEffect as useEffect3, useImperativeHandle, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
+import { forwardRef, useCallback as useCallback2, useContext as useContext3, useEffect as useEffect4, useImperativeHandle, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
 
 // src/hooks.ts
 import { useContext as useContext2 } from "react";
@@ -622,27 +622,54 @@ function wasSessionRecentlyCompleted(sessionId) {
 }
 
 // src/in-app-browser-notice.tsx
-import { useCallback, useState as useState2 } from "react";
+import { useCallback, useEffect as useEffect3, useState as useState2 } from "react";
+
+// src/in-app-browser.ts
+function isInAppBrowser(userAgent) {
+  const ua = userAgent ?? (typeof navigator !== "undefined" ? navigator.userAgent : "");
+  if (!ua) return false;
+  if (/FBAN|FBAV|FB_IAB|FBIOS|Instagram|musical_ly|BytedanceWebview|TikTok/i.test(ua)) {
+    return true;
+  }
+  if (/Twitter|Snapchat|Pinterest|LinkedInApp|Line\/|MicroMessenger|GSA\//i.test(ua)) {
+    return true;
+  }
+  if (/Android.*;\s?wv\)/.test(ua)) return true;
+  if (/(iPhone|iPad|iPod).*AppleWebKit(?!.*Safari)/.test(ua)) return true;
+  return false;
+}
+
+// src/in-app-browser-notice.tsx
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var DEFAULT_MESSAGE = "PayPal and some digital wallets aren't supported in this browser. Open this page in your device's browser to use them.";
 function InAppBrowserNotice({
   message,
-  openButtonLabel = "Open in browser",
-  copiedButtonLabel = "Link copied \u2014 paste in your browser",
+  openButtonLabel,
+  copiedButtonLabel,
   containerStyle,
   buttonStyle,
   onOpenInBrowser
 }) {
   const [copied, setCopied] = useState2(false);
+  const [inAppBrowser, setInAppBrowser] = useState2(false);
+  useEffect3(() => {
+    setInAppBrowser(isInAppBrowser());
+  }, []);
+  const defaultOpenLabel = inAppBrowser ? "Copy link" : "Open in browser";
+  const defaultCopiedLabel = inAppBrowser ? "Link copied \u2014 open Safari/Chrome and paste" : "Link copied \u2014 paste in your browser";
+  const effectiveOpenLabel = openButtonLabel ?? defaultOpenLabel;
+  const effectiveCopiedLabel = copiedButtonLabel ?? defaultCopiedLabel;
   const handleClick = useCallback(async () => {
     if (typeof window === "undefined") return;
     const url = window.location.href;
     let opened = false;
-    try {
-      const win = window.open(url, "_blank");
-      opened = !!win;
-    } catch {
-      opened = false;
+    if (!inAppBrowser) {
+      try {
+        const win = window.open(url, "_blank");
+        opened = !!win;
+      } catch {
+        opened = false;
+      }
     }
     let didCopy = false;
     if (!opened) {
@@ -657,13 +684,14 @@ function InAppBrowserNotice({
       }
     }
     onOpenInBrowser?.({ opened, copied: didCopy });
-  }, [onOpenInBrowser]);
+  }, [inAppBrowser, onOpenInBrowser]);
   return /* @__PURE__ */ jsxs3(
     "div",
     {
       role: "status",
       "data-testid": "flopay-in-app-browser-notice",
       style: {
+        marginTop: "0.75rem",
         padding: "0.75rem 0.875rem",
         background: "#FFFBEB",
         border: "1px solid #FDE68A",
@@ -695,7 +723,7 @@ function InAppBrowserNotice({
               cursor: "pointer",
               ...buttonStyle
             },
-            children: copied ? copiedButtonLabel : openButtonLabel
+            children: copied ? effectiveCopiedLabel : effectiveOpenLabel
           }
         )
       ]
@@ -824,17 +852,17 @@ function PayPalButtonInner({
   const elements = useStripeElements();
   const [loadState, setLoadState] = useState3("loading");
   const onLoadStateChangeRef = useRef2(onLoadStateChange);
-  useEffect3(() => {
+  useEffect4(() => {
     onLoadStateChangeRef.current = onLoadStateChange;
   }, [onLoadStateChange]);
-  useEffect3(() => {
+  useEffect4(() => {
     onLoadStateChangeRef.current?.(loadState);
   }, [loadState]);
   const [submitting, setSubmitting] = useState3(false);
   const paypalResumeAttempted = useRef2(false);
   const beforeClickRef = useRef2(null);
   const baseUrl = billingApiUrl.replace(/\/+$/, "");
-  useEffect3(() => {
+  useEffect4(() => {
     if (!stripe || paypalResumeAttempted.current) return;
     const params = new URLSearchParams(window.location.search);
     const paymentIntentId = params.get("payment_intent");
@@ -1037,10 +1065,10 @@ function WalletButtonInner({
   const elements = useStripeElements();
   const [loadState, setLoadState] = useState3("loading");
   const onLoadStateChangeRef = useRef2(onLoadStateChange);
-  useEffect3(() => {
+  useEffect4(() => {
     onLoadStateChangeRef.current = onLoadStateChange;
   }, [onLoadStateChange]);
-  useEffect3(() => {
+  useEffect4(() => {
     onLoadStateChangeRef.current?.(loadState);
   }, [loadState]);
   const [submitting, setSubmitting] = useState3(false);
@@ -1264,7 +1292,7 @@ function SplitCardFormInner({
     setViewState("collapsing");
     setTimeout(() => setViewState("buttons"), TRANSITION_MS);
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (layout === "buttons" && initialCardOpen) {
       setViewState("card");
     }
@@ -1340,11 +1368,15 @@ function SplitCardFormInner({
   const showWallets = showApplePay || showGooglePay;
   const [paypalLoadState, setPaypalLoadState] = useState3("loading");
   const [walletLoadState, setWalletLoadState] = useState3("loading");
+  const [inAppBrowserDetected, setInAppBrowserDetected] = useState3(false);
+  useEffect4(() => {
+    setInAppBrowserDetected(isInAppBrowser());
+  }, []);
   const expectedPayPal = showPayPal && !!paypalStripeInstance;
   const expectedWallets = showWallets && !!stripeInstance;
-  const paypalLoadFailed = expectedPayPal && paypalLoadState === "load_error";
+  const paypalLoadFailed = expectedPayPal && (paypalLoadState === "load_error" || paypalLoadState === "unavailable");
   const walletsLoadFailed = expectedWallets && walletLoadState === "load_error";
-  const showInAppBrowserNotice = (expectedPayPal || expectedWallets) && (!expectedPayPal || paypalLoadFailed) && (!expectedWallets || walletsLoadFailed) && (paypalLoadFailed || walletsLoadFailed);
+  const showInAppBrowserNotice = (expectedPayPal || expectedWallets) && (inAppBrowserDetected || paypalLoadFailed || walletsLoadFailed);
   const handleNameChange = useCallback2((value) => {
     setFullName(value);
     onFullNameChange?.(value);
@@ -1632,7 +1664,7 @@ function SplitCardFormInner({
       }
     }
   }), [flopay, dispatchTokenizedBody, onError, updateError, emitDecline]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (typeof window === "undefined") return;
     const stored = localStorage.getItem(WALLET_RESUME_KEY);
     if (!stored) return;
@@ -3031,7 +3063,7 @@ function FloPayCheckout({
   onDeclineRef.current = onDecline;
   const onSessionCompletedRef = useRef3(onSessionCompleted);
   onSessionCompletedRef.current = onSessionCompleted;
-  useEffect4(() => {
+  useEffect5(() => {
     console.info("[FloPay] Checkout initialized", {
       sdk_version: SDK_VERSION,
       checkout_type: checkoutType,
@@ -3059,11 +3091,11 @@ function FloPayCheckout({
     } : void 0,
     [effectiveCreateSessionBase, effectiveCreateSessionMode]
   );
-  useEffect4(() => {
+  useEffect5(() => {
     setCreateSessionPatch(void 0);
     setCreateSessionPatchBaseHash(baseCreateSessionHash);
   }, [baseCreateSessionHash]);
-  useEffect4(() => {
+  useEffect5(() => {
     setModeError(initialErrorMessage);
   }, [initialErrorMessage]);
   const emitDecline = useCallback3(
@@ -3179,7 +3211,7 @@ function FloPayCheckout({
       resolvedBillingUrl
     ]
   );
-  useEffect4(() => {
+  useEffect5(() => {
     if (typeof window === "undefined" || paypalResumeAttempted.current) {
       return;
     }
@@ -3326,10 +3358,10 @@ function FloPayCheckout({
   );
   const createSessionParamsRef = useRef3(effectiveCreateSession);
   createSessionParamsRef.current = effectiveCreateSession;
-  useEffect4(() => {
+  useEffect5(() => {
     setResolvedSessionId(sessionIdProp ?? "");
   }, [sessionIdProp]);
-  useEffect4(() => {
+  useEffect5(() => {
     autoCheckoutAttempted.current = false;
     setModeError(initialErrorMessage);
     setModeOverlayError(null);
@@ -3456,7 +3488,7 @@ function FloPayCheckout({
     resolvedSessionId,
     session
   ]);
-  useEffect4(() => {
+  useEffect5(() => {
     let cancelled = false;
     setLoadError(null);
     if (createSessionHash) {
@@ -3902,7 +3934,7 @@ function InterimButtonsView({
 }) {
   const [showCardForm, setShowCardForm] = useState4(false);
   const isCardOpenControlled = typeof cardOpen === "boolean";
-  useEffect4(() => {
+  useEffect5(() => {
     if (isCardOpenControlled) {
       setShowCardForm(cardOpen);
     }
@@ -4086,7 +4118,7 @@ function InterimButtonsView({
 
 // src/checkout-form.tsx
 import { FloPayError as FloPayError5 } from "@flopay/shared";
-import { forwardRef as forwardRef2, useCallback as useCallback4, useEffect as useEffect5, useImperativeHandle as useImperativeHandle2, useState as useState5 } from "react";
+import { forwardRef as forwardRef2, useCallback as useCallback4, useEffect as useEffect6, useImperativeHandle as useImperativeHandle2, useState as useState5 } from "react";
 import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var WALLET_RESUME_KEY2 = "flopay_wallet_resume";
 var CheckoutForm = forwardRef2(
@@ -4294,7 +4326,7 @@ function CheckoutFormInner({
       }
     }
   }), [flopay, dispatchTokenizedBody, onError, updateError, emitDecline]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (typeof window === "undefined") return;
     const stored = localStorage.getItem(WALLET_RESUME_KEY2);
     if (!stored) return;
@@ -4432,7 +4464,7 @@ function CheckoutFormInner({
 
 // src/paypal-button.tsx
 import { FloPayError as FloPayError6 } from "@flopay/shared";
-import { useCallback as useCallback5, useEffect as useEffect6, useRef as useRef4, useState as useState6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef4, useState as useState6 } from "react";
 import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function PayPalButton({
   sessionId,
@@ -4497,7 +4529,7 @@ function PayPalButton({
     },
     [onTokenizedBody, processPaymentInternal]
   );
-  useEffect6(() => {
+  useEffect7(() => {
     if (!flopay || paypalResumeAttempted.current) return;
     const params = new URLSearchParams(window.location.search);
     const paymentIntentId = params.get("payment_intent");
@@ -4624,7 +4656,7 @@ function PayPalButton({
 }
 
 // src/automatic-payment-button.tsx
-import { useCallback as useCallback6, useEffect as useEffect7, useMemo as useMemo4, useRef as useRef5, useState as useState7 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo4, useRef as useRef5, useState as useState7 } from "react";
 import { PaymentAPI as PaymentAPI3 } from "@flopay/js";
 import { FloPayError as FloPayError7, resolveBillingApiUrl as resolveBillingApiUrl4, resolveButtonsLayoutTheme as resolveButtonsLayoutTheme3 } from "@flopay/shared";
 import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -4792,25 +4824,25 @@ function FloPayAutomaticPaymentButton({
   const onSuccessRef = useRef5(onSuccess);
   const onErrorRef = useRef5(onError);
   const onDeclineRef = useRef5(onDecline);
-  useEffect7(() => {
+  useEffect8(() => {
     fallbackSessionRef.current = fallbackSession;
   }, [fallbackSession]);
-  useEffect7(() => {
+  useEffect8(() => {
     onSuccessRef.current = onSuccess;
   }, [onSuccess]);
-  useEffect7(() => {
+  useEffect8(() => {
     onErrorRef.current = onError;
   }, [onError]);
-  useEffect7(() => {
+  useEffect8(() => {
     onDeclineRef.current = onDecline;
   }, [onDecline]);
-  useEffect7(() => {
+  useEffect8(() => {
     isMountedRef.current = true;
     return () => {
       isMountedRef.current = false;
     };
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!fallbackSession || typeof window === "undefined") {
       return;
     }
@@ -5141,7 +5173,7 @@ function FloPayAutomaticPaymentButton({
   const handleFallbackDecline = useCallback6((decline) => {
     onDeclineRef.current?.(decline);
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     if (typeof window === "undefined" || resumeAttemptedRef.current) {
       return;
     }
@@ -5405,6 +5437,7 @@ export {
   PayPalButton,
   PaymentElement,
   SplitCardForm,
+  isInAppBrowser,
   useCheckout,
   useElements,
   useFloPay,