@swype-org/react-sdk 0.1.73 → 0.1.76

package/dist/index.js

@@ -1601,6 +1601,28 @@ function shouldUseWalletConnector(options) {
   return options.useWalletConnector ?? !isMobileUserAgent(options.userAgent);
 }
 
+// src/deeplink.ts
+var IFRAME_CLEANUP_DELAY_MS = 3e3;
+var LOCATION_FALLBACK_DELAY_MS = 100;
+function triggerDeeplink(uri) {
+  try {
+    const iframe = document.createElement("iframe");
+    iframe.style.display = "none";
+    iframe.src = uri;
+    document.body.appendChild(iframe);
+    setTimeout(() => {
+      try {
+        document.body.removeChild(iframe);
+      } catch {
+      }
+    }, IFRAME_CLEANUP_DELAY_MS);
+  } catch {
+  }
+  setTimeout(() => {
+    window.location.href = uri;
+  }, LOCATION_FALLBACK_DELAY_MS);
+}
+
 // src/mobileFlow.ts
 function hasActiveWallet(accounts) {
   return accounts.some((account) => account.wallets.some((wallet) => wallet.status === "ACTIVE"));
@@ -4109,7 +4131,7 @@ function OpenWalletScreen({
   useEffect(() => {
     if (loading || !deeplinkUri || autoOpenedRef.current === deeplinkUri) return;
     autoOpenedRef.current = deeplinkUri;
-    window.location.href = deeplinkUri;
+    triggerDeeplink(deeplinkUri);
   }, [loading, deeplinkUri]);
   const handleOpen = useCallback(() => {
     const opened = window.open(deeplinkUri, "_blank");
@@ -4510,6 +4532,7 @@ function SwypePaymentInner({
   const pollingTransferIdRef = useRef(null);
   const mobileSigningTransferIdRef = useRef(null);
   const mobileSetupFlowRef = useRef(false);
+  const handlingMobileReturnRef = useRef(false);
   const processingStartedAtRef = useRef(null);
   const [selectSourceChainName, setSelectSourceChainName] = useState("");
   const [selectSourceTokenSymbol, setSelectSourceTokenSymbol] = useState("");
@@ -4552,6 +4575,8 @@ function SwypePaymentInner({
     polling.startPolling(persisted.transferId);
   }, [polling]);
   const handleAuthorizedMobileReturn = useCallback(async (authorizedTransfer, isSetup) => {
+    if (handlingMobileReturnRef.current) return;
+    handlingMobileReturnRef.current = true;
     polling.stopPolling();
     if (isSetup) {
       mobileSetupFlowRef.current = false;
@@ -4565,6 +4590,7 @@ function SwypePaymentInner({
         setMobileFlow(false);
         setStep("deposit");
       } catch (err) {
+        handlingMobileReturnRef.current = false;
         setError(
           err instanceof Error ? err.message : "Wallet authorized, but we could not refresh your account yet."
         );
@@ -4582,6 +4608,7 @@ function SwypePaymentInner({
   }, [polling.stopPolling, reloadAccounts, resetDataLoadingState]);
   const handleRetryMobileStatus = useCallback(() => {
     setError(null);
+    handlingMobileReturnRef.current = false;
     const currentTransfer = polling.transfer ?? transfer;
     if (currentTransfer?.status === "AUTHORIZED") {
       void handleAuthorizedMobileReturn(currentTransfer, mobileSetupFlowRef.current);
@@ -4927,18 +4954,23 @@ function SwypePaymentInner({
     return () => window.clearTimeout(timeoutId);
   }, [step, polling.transfer, transfer, polling.stopPolling, onError]);
   useEffect(() => {
-    if (!mobileFlow) return;
+    if (!mobileFlow) {
+      handlingMobileReturnRef.current = false;
+      return;
+    }
+    if (handlingMobileReturnRef.current) return;
     const polledTransfer = polling.transfer;
     if (!polledTransfer || polledTransfer.status !== "AUTHORIZED") return;
     void handleAuthorizedMobileReturn(polledTransfer, mobileSetupFlowRef.current);
   }, [mobileFlow, polling.transfer, handleAuthorizedMobileReturn]);
   useEffect(() => {
     if (!mobileFlow) return;
+    if (handlingMobileReturnRef.current) return;
     const transferIdToResume = pollingTransferIdRef.current ?? transfer?.id;
     if (!transferIdToResume) return;
     if (!polling.isPolling) polling.startPolling(transferIdToResume);
     const handleVisibility = () => {
-      if (document.visibilityState === "visible") {
+      if (document.visibilityState === "visible" && !handlingMobileReturnRef.current) {
         polling.startPolling(transferIdToResume);
       }
     };
@@ -5123,7 +5155,7 @@ function SwypePaymentInner({
             providerId: sourceOverrides?.sourceType === "providerId" ? sourceOverrides.sourceId : selectedProviderId,
             isSetup: mobileSetupFlowRef.current
           });
-          window.location.href = uri;
+          triggerDeeplink(uri);
           return;
         } else {
           await authExecutor.executeSession(t);
@@ -5222,6 +5254,7 @@ function SwypePaymentInner({
       userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
     });
     if (isMobile) {
+      handlingMobileReturnRef.current = false;
       mobileSetupFlowRef.current = true;
       const amount2 = depositAmount ?? 5;
       handlePay(amount2, { sourceType: "providerId", sourceId: providerId });