@swype-org/react-sdk 0.1.269 → 0.1.272

package/dist/index.cjs

@@ -6818,7 +6818,7 @@ function useAuthHandlers(dispatch, verificationTarget) {
     handleResendLoginCode
   };
 }
-function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds, mobileSetupFlowRef, guestPreauthAccountId) {
+function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds) {
   const { user, getAccessToken } = reactAuth.usePrivy();
   const checkingPasskeyRef = react.useRef(false);
   const activateExistingCredential = react.useCallback(async (credentialId) => {
@@ -7342,7 +7342,8 @@ function useProviderHandlers(deps) {
     destination,
     guestSessionToken,
     guestTransferId,
-    selectedProviderId
+    selectedProviderId,
+    startGuestAccountPolling
   } = deps;
   const wagmiConfig2 = wagmi.useConfig();
   const { connectAsync, connectors } = wagmi.useConnect();
@@ -7782,6 +7783,7 @@ function useProviderHandlers(deps) {
         triggerDeeplink(created.sessionUri);
         dispatch({ type: "MOBILE_DEEPLINK_READY", deeplinkUri: created.sessionUri });
       }
+      startGuestAccountPolling(guestSessionToken, session.id);
       dispatch({
         type: "GUEST_PREAUTH_DETECTED",
         accountId: created.accountId,
@@ -7809,7 +7811,8 @@ function useProviderHandlers(deps) {
     useWalletConnectorProp,
     mobileSetupFlowRef,
     handlingMobileReturnRef,
-    setupAccountIdRef
+    setupAccountIdRef,
+    startGuestAccountPolling
   ]);
   return {
     handlePrepareProvider,
@@ -8679,7 +8682,7 @@ function useMobilePollingEffect(deps) {
       handlingMobileReturnRef.current = false;
       return;
     }
-    if (state.isGuestFlow && state.guestPreauthSessionId != null && mobileSetupFlowRef.current) {
+    if (state.isGuestFlow && state.guestPreauthSessionId != null) {
       return;
     }
     if (handlingMobileReturnRef.current) return;
@@ -8694,102 +8697,6 @@ function useMobilePollingEffect(deps) {
     handlingMobileReturnRef,
     mobileSetupFlowRef
   ]);
-  react.useEffect(() => {
-    if (!state.mobileFlow || !mobileSetupFlowRef.current) return;
-    if (!setupAccountIdRef.current) return;
-    if (!state.guestPreauthSessionId || !state.isGuestFlow) return;
-    const guestToken = state.guestSessionToken ?? loadMobileFlowState()?.guestSessionToken ?? null;
-    const preauthAccountId = state.guestPreauthAccountId;
-    const preauthSessionId = state.guestPreauthSessionId;
-    let cancelled = false;
-    let completedGuestPreauth = false;
-    const POLL_INTERVAL_MS = 3e3;
-    const finishMobileAndDispatch = async () => {
-      mobileSetupFlowRef.current = false;
-      setupAccountIdRef.current = null;
-      try {
-        await reloadAccounts();
-      } catch {
-      }
-    };
-    const completeGuestPreauthWithoutToken = async () => {
-      if (completedGuestPreauth) return;
-      completedGuestPreauth = true;
-      cancelled = true;
-      await finishMobileAndDispatch();
-      clearMobileFlowState();
-      dispatch({ type: "MOBILE_SETUP_COMPLETE" });
-    };
-    const completeGuestPreauthWithAccount = async (guestLookup) => {
-      if (completedGuestPreauth) return;
-      completedGuestPreauth = true;
-      cancelled = true;
-      await finishMobileAndDispatch();
-      if (guestLookup.accountId !== preauthAccountId) {
-        dispatch({
-          type: "GUEST_PREAUTH_DETECTED",
-          accountId: guestLookup.accountId,
-          sessionId: preauthSessionId ?? void 0
-        });
-      }
-      dispatch({ type: "REQUEST_LOGIN" });
-      dispatch({ type: "MOBILE_SETUP_COMPLETE" });
-    };
-    const pollGuestAccount = async () => {
-      try {
-        if (cancelled) return;
-        if (!guestToken) {
-          await completeGuestPreauthWithoutToken();
-          return;
-        }
-        const guestLookup = await fetchGuestAccount(apiBaseUrl, guestToken);
-        if (cancelled) return;
-        if (guestLookup != null) {
-          if (preauthSessionId) {
-            try {
-              const session = await fetchAuthorizationSession(
-                apiBaseUrl,
-                preauthSessionId
-              );
-              if (cancelled) return;
-              if (session.status !== "AUTHORIZED") return;
-            } catch {
-              return;
-            }
-          }
-          await completeGuestPreauthWithAccount(guestLookup);
-        }
-      } catch {
-      }
-    };
-    pollGuestAccount();
-    const intervalId = window.setInterval(pollGuestAccount, POLL_INTERVAL_MS);
-    const handleVisibility = () => {
-      if (document.visibilityState === "visible" && !cancelled) void pollGuestAccount();
-    };
-    const handlePageShow = () => {
-      if (document.visibilityState === "visible" && !cancelled) void pollGuestAccount();
-    };
-    document.addEventListener("visibilitychange", handleVisibility);
-    window.addEventListener("pageshow", handlePageShow);
-    return () => {
-      cancelled = true;
-      window.clearInterval(intervalId);
-      document.removeEventListener("visibilitychange", handleVisibility);
-      window.removeEventListener("pageshow", handlePageShow);
-    };
-  }, [
-    state.mobileFlow,
-    state.guestPreauthSessionId,
-    state.isGuestFlow,
-    state.guestSessionToken,
-    state.guestPreauthAccountId,
-    apiBaseUrl,
-    reloadAccounts,
-    dispatch,
-    mobileSetupFlowRef,
-    setupAccountIdRef
-  ]);
   react.useEffect(() => {
     if (!state.mobileFlow || !mobileSetupFlowRef.current) return;
     if (state.isGuestFlow && state.guestPreauthSessionId != null) return;
@@ -8895,6 +8802,8 @@ function useMobilePollingEffect(deps) {
   react.useEffect(() => {
     if (!state.mobileFlow) return;
     if (handlingMobileReturnRef.current) return;
+    const isGuestPostPayPreauthMobile = state.isGuestFlow && state.guestPreauthSessionId != null && state.guestPreauthAccountId != null;
+    if (isGuestPostPayPreauthMobile) return;
     const transferIdToResume = pollingTransferIdRef.current ?? state.transfer?.id;
     if (!transferIdToResume) return;
     if (!polling.isPolling) polling.startPolling(transferIdToResume);
@@ -8917,112 +8826,64 @@ function useMobilePollingEffect(deps) {
   }, [
     state.mobileFlow,
     state.transfer?.id,
+    state.isGuestFlow,
+    state.guestPreauthSessionId,
+    state.guestPreauthAccountId,
     polling.isPolling,
     polling.startPolling,
     handlingMobileReturnRef,
     pollingTransferIdRef
   ]);
 }
-var guestPreauthRestoreAttemptedKeys = /* @__PURE__ */ new Set();
-function guestPreauthRestoreKey(guestToken) {
-  return guestToken;
-}
 function useGuestPreauthMobileRestoreEffect(deps) {
-  const { dispatch, apiBaseUrl, privyReady, mobileSetupFlowRef, setupAccountIdRef } = deps;
-  const completedRef = react.useRef(false);
-  const pollingCleanupRef = react.useRef(null);
+  const {
+    dispatch,
+    privyReady,
+    mobileSetupFlowRef,
+    setupAccountIdRef,
+    startGuestAccountPolling
+  } = deps;
+  const startedRef = react.useRef(false);
   react.useEffect(() => {
     if (!privyReady) return;
     const tryStart = () => {
-      if (completedRef.current) return;
+      if (startedRef.current) return;
       const persisted = loadMobileFlowState();
-      if (!persisted?.isGuestPreauth || !persisted.guestSessionToken) {
+      if (!persisted?.isGuestPreauth || !persisted.guestSessionToken || !persisted.sessionId) {
         return;
       }
-      const guestToken = persisted.guestSessionToken;
-      const key = guestPreauthRestoreKey(guestToken);
-      if (guestPreauthRestoreAttemptedKeys.has(key)) return;
-      guestPreauthRestoreAttemptedKeys.add(key);
-      let cancelled = false;
-      const POLL_INTERVAL_MS = 3e3;
+      startedRef.current = true;
       mobileSetupFlowRef.current = true;
       if (persisted.accountId) {
         setupAccountIdRef.current = persisted.accountId;
       }
-      const handleAccountFound = async (guestLookup) => {
-        if (completedRef.current) return;
-        completedRef.current = true;
-        cancelled = true;
-        clearMobileFlowState();
-        mobileSetupFlowRef.current = false;
-        setupAccountIdRef.current = null;
+      if (persisted.accountId) {
         dispatch({
           type: "GUEST_PREAUTH_DETECTED",
-          accountId: guestLookup.accountId,
-          sessionId: persisted.sessionId ?? void 0
+          accountId: persisted.accountId,
+          sessionId: persisted.sessionId
         });
-        dispatch({ type: "REQUEST_LOGIN" });
-        dispatch({ type: "MOBILE_SETUP_COMPLETE" });
-      };
-      const pollGuestAccount = async () => {
-        try {
-          if (cancelled) return;
-          const guestLookup = await fetchGuestAccount(apiBaseUrl, guestToken);
-          if (cancelled) return;
-          if (guestLookup != null) {
-            if (persisted.sessionId) {
-              try {
-                const session = await fetchAuthorizationSession(
-                  apiBaseUrl,
-                  persisted.sessionId
-                );
-                if (cancelled) return;
-                if (session.status !== "AUTHORIZED") return;
-              } catch {
-                return;
-              }
-            }
-            await handleAccountFound(guestLookup);
-          }
-        } catch {
-        }
-      };
-      pollGuestAccount();
-      const intervalId = window.setInterval(pollGuestAccount, POLL_INTERVAL_MS);
-      const handlePollVisibility = () => {
-        if (document.visibilityState === "visible" && !cancelled) void pollGuestAccount();
-      };
-      const handlePollPageShow = () => {
-        if (document.visibilityState === "visible" && !cancelled) void pollGuestAccount();
-      };
-      document.addEventListener("visibilitychange", handlePollVisibility);
-      window.addEventListener("pageshow", handlePollPageShow);
-      pollingCleanupRef.current = () => {
-        cancelled = true;
-        window.clearInterval(intervalId);
-        document.removeEventListener("visibilitychange", handlePollVisibility);
-        window.removeEventListener("pageshow", handlePollPageShow);
-        if (!completedRef.current) {
-          guestPreauthRestoreAttemptedKeys.delete(key);
-        }
-        pollingCleanupRef.current = null;
-      };
+      }
+      dispatch({
+        type: "MOBILE_DEEPLINK_READY",
+        deeplinkUri: persisted.deeplinkUri
+      });
+      startGuestAccountPolling(persisted.guestSessionToken, persisted.sessionId);
     };
-    const onOuterVisibility = () => {
+    const onVisibility = () => {
       if (document.visibilityState === "visible") tryStart();
     };
-    const onOuterPageShow = () => {
+    const onPageShow = () => {
       if (document.visibilityState === "visible") tryStart();
     };
     tryStart();
-    document.addEventListener("visibilitychange", onOuterVisibility);
-    window.addEventListener("pageshow", onOuterPageShow);
+    document.addEventListener("visibilitychange", onVisibility);
+    window.addEventListener("pageshow", onPageShow);
     return () => {
-      document.removeEventListener("visibilitychange", onOuterVisibility);
-      window.removeEventListener("pageshow", onOuterPageShow);
-      pollingCleanupRef.current?.();
+      document.removeEventListener("visibilitychange", onVisibility);
+      window.removeEventListener("pageshow", onPageShow);
     };
-  }, [privyReady, apiBaseUrl, dispatch, mobileSetupFlowRef, setupAccountIdRef]);
+  }, [privyReady, dispatch, mobileSetupFlowRef, setupAccountIdRef, startGuestAccountPolling]);
 }
 function useSelectSourceEffect(deps) {
   const {
@@ -9283,6 +9144,77 @@ function useGuestPreauthWalletSetupEffect(deps) {
     dispatch
   ]);
 }
+function useGuestAccountPolling(intervalMs = 3e3) {
+  const { apiBaseUrl } = useBlinkConfig();
+  const [guestAccount, setGuestAccount] = react.useState(null);
+  const [isPolling, setIsPolling] = react.useState(false);
+  const intervalRef = react.useRef(null);
+  const guestTokenRef = react.useRef(null);
+  const sessionIdRef = react.useRef(null);
+  const apiBaseUrlRef = react.useRef(apiBaseUrl);
+  apiBaseUrlRef.current = apiBaseUrl;
+  const stopPolling = react.useCallback(() => {
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+      intervalRef.current = null;
+    }
+    guestTokenRef.current = null;
+    sessionIdRef.current = null;
+    setIsPolling(false);
+  }, []);
+  const poll = react.useCallback(async () => {
+    const token = guestTokenRef.current;
+    const sessionId = sessionIdRef.current;
+    if (!token || !sessionId) return;
+    try {
+      const lookup = await fetchGuestAccount(apiBaseUrlRef.current, token);
+      if (!guestTokenRef.current) return;
+      if (lookup == null) return;
+      try {
+        const session = await fetchAuthorizationSession(apiBaseUrlRef.current, sessionId);
+        if (!guestTokenRef.current) return;
+        if (session.status !== "AUTHORIZED") return;
+      } catch {
+        return;
+      }
+      setGuestAccount(lookup);
+      stopPolling();
+    } catch {
+    }
+  }, [stopPolling]);
+  const startPolling = react.useCallback(
+    (guestToken, sessionId) => {
+      stopPolling();
+      guestTokenRef.current = guestToken;
+      sessionIdRef.current = sessionId;
+      setGuestAccount(null);
+      setIsPolling(true);
+      poll();
+      intervalRef.current = setInterval(poll, intervalMs);
+    },
+    [poll, intervalMs, stopPolling]
+  );
+  react.useEffect(() => {
+    const handleVisibility = () => {
+      if (document.visibilityState === "visible" && guestTokenRef.current) {
+        void poll();
+      }
+    };
+    const handlePageShow = () => {
+      if (document.visibilityState === "visible" && guestTokenRef.current) {
+        void poll();
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibility);
+    window.addEventListener("pageshow", handlePageShow);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibility);
+      window.removeEventListener("pageshow", handlePageShow);
+    };
+  }, [poll]);
+  react.useEffect(() => () => stopPolling(), [stopPolling]);
+  return { guestAccount, isPolling, startPolling, stopPolling };
+}
 function BlinkPayment(props) {
   const resetKey = react.useRef(0);
   const handleBoundaryReset = react.useCallback(() => {
@@ -9319,6 +9251,7 @@ function BlinkPaymentInner({
   );
   const authExecutor = useAuthorizationExecutor();
   const polling = useTransferPolling();
+  const guestAccountPolling = useGuestAccountPolling();
   const transferSigning = useTransferSigning();
   const mobileFlowRefs = {
     mobileSetupFlowRef: react.useRef(false),
@@ -9334,9 +9267,7 @@ function BlinkPaymentInner({
     dispatch,
     apiBaseUrl,
     state.accounts,
-    state.knownCredentialIds,
-    mobileFlowRefs.mobileSetupFlowRef,
-    state.guestPreauthAccountId
+    state.knownCredentialIds
   );
   const transfer = useTransferHandlers({
     dispatch,
@@ -9400,7 +9331,8 @@ function BlinkPaymentInner({
     destination,
     guestSessionToken: state.guestSessionToken,
     guestTransferId: state.guestTransferId,
-    selectedProviderId: state.selectedProviderId
+    selectedProviderId: state.selectedProviderId,
+    startGuestAccountPolling: guestAccountPolling.startPolling
   });
   const guestPostPayPreauth = react.useMemo(
     () => !!state.guestPreauthSessionId && state.isGuestFlow || state.guestPreauthorizing && isDesktop,
@@ -9463,11 +9395,27 @@ function BlinkPaymentInner({
   usePrivySessionSyncEffect({ dispatch, ready, authenticated });
   useGuestPreauthMobileRestoreEffect({
     dispatch,
-    apiBaseUrl,
     privyReady: state.privyReady,
     mobileSetupFlowRef: mobileFlowRefs.mobileSetupFlowRef,
-    setupAccountIdRef: mobileFlowRefs.setupAccountIdRef
+    setupAccountIdRef: mobileFlowRefs.setupAccountIdRef,
+    startGuestAccountPolling: guestAccountPolling.startPolling
   });
+  react.useEffect(() => {
+    if (!guestAccountPolling.guestAccount) return;
+    const acct = guestAccountPolling.guestAccount;
+    if (acct.accountId !== state.guestPreauthAccountId) {
+      dispatch({
+        type: "GUEST_PREAUTH_DETECTED",
+        accountId: acct.accountId,
+        sessionId: state.guestPreauthSessionId ?? void 0
+      });
+    }
+    mobileFlowRefs.mobileSetupFlowRef.current = false;
+    mobileFlowRefs.setupAccountIdRef.current = null;
+    clearMobileFlowState();
+    dispatch({ type: "REQUEST_LOGIN" });
+    dispatch({ type: "MOBILE_SETUP_COMPLETE" });
+  }, [guestAccountPolling.guestAccount]);
   useOtpEffects({
     state,
     dispatch,