@swype-org/react-sdk 0.1.225 → 0.1.226

package/dist/index.cjs

@@ -6821,13 +6821,10 @@ function useMobileFlowHandlers(dispatch, polling, reloadAccounts, pollingTransfe
   const onCompleteRef = react.useRef(onComplete);
   onCompleteRef.current = onComplete;
   const guestPollingActiveRef = react.useRef(false);
-  react.useEffect(() => {
-    const persisted = loadMobileFlowState();
-    if (!persisted?.isGuestCheckout || !persisted.transferId || !persisted.guestSessionToken) return;
+  const guestPollingCleanupRef = react.useRef(null);
+  const startGuestPolling = react.useCallback((transferId, guestSessionToken) => {
     if (guestPollingActiveRef.current) return;
     guestPollingActiveRef.current = true;
-    const transferId = persisted.transferId;
-    const guestSessionToken = persisted.guestSessionToken;
     let cancelled = false;
     const POLL_INTERVAL_MS = 3e3;
     dispatch({ type: "NAVIGATE", step: "processing" });
@@ -6839,12 +6836,14 @@ function useMobileFlowHandlers(dispatch, polling, reloadAccounts, pollingTransfe
         if (transfer.status === "COMPLETED") {
           cancelled = true;
           guestPollingActiveRef.current = false;
+          guestPollingCleanupRef.current = null;
           clearMobileFlowState();
           dispatch({ type: "GUEST_TRANSFER_COMPLETED", transfer, guestSessionToken });
           onCompleteRef.current?.(transfer);
         } else if (transfer.status === "FAILED") {
           cancelled = true;
           guestPollingActiveRef.current = false;
+          guestPollingCleanupRef.current = null;
           clearMobileFlowState();
           dispatch({ type: "TRANSFER_FAILED", transfer, error: "Transfer failed." });
         }
@@ -6853,26 +6852,44 @@ function useMobileFlowHandlers(dispatch, polling, reloadAccounts, pollingTransfe
     };
     poll();
     const intervalId = window.setInterval(poll, POLL_INTERVAL_MS);
-    const handleVisibility = () => {
-      if (document.visibilityState === "visible" && !cancelled) {
-        poll();
+    const cleanup = () => {
+      cancelled = true;
+      guestPollingActiveRef.current = false;
+      guestPollingCleanupRef.current = null;
+      window.clearInterval(intervalId);
+    };
+    guestPollingCleanupRef.current = cleanup;
+  }, [apiBaseUrl, dispatch]);
+  react.useEffect(() => {
+    const persisted = loadMobileFlowState();
+    if (persisted?.isGuestCheckout && persisted.transferId && persisted.guestSessionToken) {
+      startGuestPolling(persisted.transferId, persisted.guestSessionToken);
+    }
+    return () => {
+      guestPollingCleanupRef.current?.();
+    };
+  }, [startGuestPolling]);
+  react.useEffect(() => {
+    const tryStartPolling = () => {
+      if (guestPollingActiveRef.current) return;
+      const persisted = loadMobileFlowState();
+      if (persisted?.isGuestCheckout && persisted.transferId && persisted.guestSessionToken) {
+        startGuestPolling(persisted.transferId, persisted.guestSessionToken);
       }
     };
+    const handleVisibility = () => {
+      if (document.visibilityState === "visible") tryStartPolling();
+    };
     const handlePageShow = (e) => {
-      if (e.persisted && !cancelled) {
-        poll();
-      }
+      if (e.persisted) tryStartPolling();
     };
     document.addEventListener("visibilitychange", handleVisibility);
     window.addEventListener("pageshow", handlePageShow);
     return () => {
-      cancelled = true;
-      guestPollingActiveRef.current = false;
-      window.clearInterval(intervalId);
       document.removeEventListener("visibilitychange", handleVisibility);
       window.removeEventListener("pageshow", handlePageShow);
     };
-  }, [apiBaseUrl, dispatch]);
+  }, [startGuestPolling]);
   const handleAuthorizedMobileReturn = react.useCallback(async (authorizedTransfer, isSetup) => {
     if (handlingMobileReturnRef.current) return;
     handlingMobileReturnRef.current = true;