@swype-org/react-sdk 0.1.258 → 0.1.259

package/dist/index.cjs

@@ -2538,6 +2538,23 @@ function applyAction(state, action) {
       };
     case "GUEST_PREAUTH_SETUP_COMPLETE_DISMISSED":
       return { ...state, guestPreauthSetupCompletePending: false };
+    case "RESTORE_GUEST_PREAUTH_MOBILE":
+      return {
+        ...state,
+        transfer: action.transfer,
+        isGuestFlow: true,
+        guestSessionToken: action.guestSessionToken,
+        guestTransferId: action.transfer.id,
+        guestPreauthAccountId: action.guestPreauthAccountId,
+        guestPreauthSessionId: action.guestPreauthSessionId,
+        selectedProviderId: action.selectedProviderId,
+        selectedAccountId: action.guestPreauthAccountId,
+        selectedWalletId: null,
+        selectedTokenSymbol: null,
+        mobileFlow: action.mobileOpen,
+        deeplinkUri: action.mobileOpen ? action.deeplinkUri : null,
+        error: null
+      };
     // ── User intent & error ──────────────────────────────────────
     case "SET_USER_INTENT":
       return { ...state, phase: action.intent };
@@ -4868,11 +4885,9 @@ function SuccessScreen({
       footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onDone, children: succeeded ? "Done" : "Try again" }),
         succeeded && onPreauthorize && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
+          PrimaryButton,
           {
-            type: "button",
             onClick: onPreauthorize,
-            style: preauthorizeStyle(tokens.accent, tokens.border),
             children: "Preauthorize future transfers"
           }
         ),
@@ -5000,19 +5015,6 @@ var upsellLinkStyle = (color) => ({
   fontFamily: "inherit",
   padding: 0
 });
-var preauthorizeStyle = (accentColor, borderColor) => ({
-  width: "100%",
-  padding: "14px 0",
-  marginTop: 8,
-  background: "transparent",
-  border: `1px solid ${borderColor}`,
-  borderRadius: 20,
-  color: accentColor,
-  fontWeight: 600,
-  fontSize: "0.92rem",
-  cursor: "pointer",
-  fontFamily: "inherit"
-});
 var manageStyle = (color) => ({
   background: "transparent",
   border: "none",
@@ -7314,6 +7316,7 @@ function useProviderHandlers(deps) {
     merchantAuthorization,
     destination,
     guestSessionToken,
+    guestTransferId,
     selectedProviderId
   } = deps;
   const wagmiConfig2 = wagmi.useConfig();
@@ -7747,7 +7750,9 @@ function useProviderHandlers(deps) {
           deeplinkUri: created.sessionUri,
           providerId: selectedProviderId,
           isSetup: true,
-          guestSessionToken
+          guestSessionToken,
+          transferId: guestTransferId ?? void 0,
+          isGuestPreauth: true
         });
         triggerDeeplink(created.sessionUri);
         dispatch({ type: "MOBILE_DEEPLINK_READY", deeplinkUri: created.sessionUri });
@@ -7770,6 +7775,7 @@ function useProviderHandlers(deps) {
     }
   }, [
     guestSessionToken,
+    guestTransferId,
     selectedProviderId,
     providers,
     apiBaseUrl,
@@ -8606,6 +8612,66 @@ function useMobilePollingEffect(deps) {
     if (!polledTransfer || polledTransfer.status !== "AUTHORIZED") return;
     void handleAuthorizedMobileReturnRef.current(polledTransfer, mobileSetupFlowRef.current);
   }, [state.mobileFlow, polling.transfer, handlingMobileReturnRef, mobileSetupFlowRef]);
+  react.useEffect(() => {
+    if (!state.mobileFlow || !mobileSetupFlowRef.current) return;
+    if (!setupAccountIdRef.current) return;
+    if (!state.guestPreauthSessionId || !state.isGuestFlow) return;
+    if (state.activeCredentialId) return;
+    const sessionId = state.guestPreauthSessionId;
+    let cancelled = false;
+    let completedGuestPreauth = false;
+    const POLL_INTERVAL_MS = 3e3;
+    const completeGuestPreauthSetup = async () => {
+      if (completedGuestPreauth) return;
+      completedGuestPreauth = true;
+      cancelled = true;
+      mobileSetupFlowRef.current = false;
+      setupAccountIdRef.current = null;
+      clearMobileFlowState();
+      try {
+        await reloadAccounts();
+      } catch {
+      }
+      dispatch({ type: "MOBILE_SETUP_COMPLETE" });
+    };
+    const pollGuestPreauthSession = async () => {
+      try {
+        if (cancelled) return;
+        const session = await fetchAuthorizationSession(apiBaseUrl, sessionId);
+        if (cancelled) return;
+        if (session.status === "AUTHORIZED") {
+          await completeGuestPreauthSetup();
+        }
+      } catch {
+      }
+    };
+    pollGuestPreauthSession();
+    const intervalId = window.setInterval(pollGuestPreauthSession, POLL_INTERVAL_MS);
+    const handleVisibility = () => {
+      if (document.visibilityState === "visible" && !cancelled) void pollGuestPreauthSession();
+    };
+    const handlePageShow = (e) => {
+      if (e.persisted && !cancelled) void pollGuestPreauthSession();
+    };
+    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.activeCredentialId,
+    state.guestPreauthSessionId,
+    state.isGuestFlow,
+    apiBaseUrl,
+    reloadAccounts,
+    dispatch,
+    mobileSetupFlowRef,
+    setupAccountIdRef
+  ]);
   react.useEffect(() => {
     if (!state.mobileFlow || !mobileSetupFlowRef.current) return;
     if (!state.activeCredentialId || !setupAccountIdRef.current) return;
@@ -8736,6 +8802,63 @@ function useMobilePollingEffect(deps) {
     pollingTransferIdRef
   ]);
 }
+var guestPreauthRestoreAttemptedKeys = /* @__PURE__ */ new Set();
+function guestPreauthRestoreKey(sessionId, transferId) {
+  return `${sessionId}:${transferId}`;
+}
+function useGuestPreauthMobileRestoreEffect(deps) {
+  const {
+    dispatch,
+    apiBaseUrl,
+    privyReady,
+    authenticated,
+    mobileSetupFlowRef,
+    setupAccountIdRef
+  } = deps;
+  react.useEffect(() => {
+    if (!privyReady || authenticated) return;
+    const persisted = loadMobileFlowState();
+    if (!persisted?.isGuestPreauth || !persisted.transferId || !persisted.guestSessionToken || !persisted.sessionId || !persisted.deeplinkUri || persisted.accountId == null) {
+      return;
+    }
+    const key = guestPreauthRestoreKey(persisted.sessionId, persisted.transferId);
+    if (guestPreauthRestoreAttemptedKeys.has(key)) return;
+    guestPreauthRestoreAttemptedKeys.add(key);
+    let cancelled = false;
+    void (async () => {
+      try {
+        const [transfer, session] = await Promise.all([
+          getGuestTransfer(apiBaseUrl, persisted.transferId, persisted.guestSessionToken),
+          fetchAuthorizationSession(apiBaseUrl, persisted.sessionId)
+        ]);
+        if (cancelled) return;
+        const mobileOpen = session.status !== "AUTHORIZED";
+        dispatch({
+          type: "RESTORE_GUEST_PREAUTH_MOBILE",
+          transfer,
+          guestSessionToken: persisted.guestSessionToken,
+          guestPreauthAccountId: persisted.accountId,
+          guestPreauthSessionId: persisted.sessionId,
+          selectedProviderId: persisted.providerId,
+          deeplinkUri: persisted.deeplinkUri,
+          mobileOpen
+        });
+        if (mobileOpen) {
+          mobileSetupFlowRef.current = true;
+          setupAccountIdRef.current = persisted.accountId;
+        } else {
+          clearMobileFlowState();
+        }
+      } catch (err) {
+        guestPreauthRestoreAttemptedKeys.delete(key);
+        captureException(err);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [privyReady, authenticated, apiBaseUrl, dispatch, mobileSetupFlowRef, setupAccountIdRef]);
+}
 function useSelectSourceEffect(deps) {
   const {
     pendingSelectSourceAction,
@@ -9111,6 +9234,7 @@ function BlinkPaymentInner({
     merchantAuthorization,
     destination,
     guestSessionToken: state.guestSessionToken,
+    guestTransferId: state.guestTransferId,
     selectedProviderId: state.selectedProviderId
   });
   const guestPostPayPreauth = react.useMemo(
@@ -9172,6 +9296,14 @@ function BlinkPaymentInner({
     }
   }, [depositAmount, dispatch]);
   usePrivySessionSyncEffect({ dispatch, ready, authenticated });
+  useGuestPreauthMobileRestoreEffect({
+    dispatch,
+    apiBaseUrl,
+    privyReady: state.privyReady,
+    authenticated,
+    mobileSetupFlowRef: mobileFlowRefs.mobileSetupFlowRef,
+    setupAccountIdRef: mobileFlowRefs.setupAccountIdRef
+  });
   useOtpEffects({
     state,
     dispatch,