@swype-org/react-sdk 0.1.219 → 0.1.221

package/dist/index.d.cts

@@ -94,7 +94,7 @@ interface Amount {
 /** Transfer destination in a response */
 interface TransferDestination {
     id: string;
-    chainId: string;
+    chainId: number;
     address: string;
     token: {
         address: string;
@@ -167,7 +167,7 @@ interface SourceSelection {
 }
 /** Destination input provided by the host app */
 interface Destination {
-    chainId: string;
+    chainId: number;
     address: string;
     token: {
         address: string;
@@ -308,7 +308,7 @@ declare function useBlinkDepositAmount(): {
     setAmount: (amount: number | null) => void;
 };
 
-declare function fetchProviders(apiBaseUrl: string, token: string): Promise<Provider[]>;
+declare function fetchProviders(apiBaseUrl: string, token?: string | null): Promise<Provider[]>;
 declare function fetchChains(apiBaseUrl: string, token: string): Promise<Chain[]>;
 declare function fetchAccounts(apiBaseUrl: string, token: string, credentialId: string): Promise<Account[]>;
 declare function fetchAccount(apiBaseUrl: string, token: string, accountId: string, credentialId: string): Promise<Account>;
@@ -389,7 +389,7 @@ interface CreateGuestTransferParams {
     id?: string;
     merchantAuthorization: MerchantAuthorization;
     destinations: Array<{
-        chainId: string;
+        chainId: number;
         token: {
             address: string;
         };
@@ -428,7 +428,7 @@ declare function getTransferByGuestToken(apiBaseUrl: string, guestToken: string)
  * Set the sender's wallet address and selected source token on a guest transfer.
  * PUT /v1/transfers/:id/sender
  */
-declare function setTransferSender(apiBaseUrl: string, transferId: string, guestSessionToken: string, senderAddress: string, sourceChainId: string, sourceToken: string): Promise<Transfer>;
+declare function setTransferSender(apiBaseUrl: string, transferId: string, guestSessionToken: string, senderAddress: string, sourceChainId: number, sourceToken: string): Promise<Transfer>;
 /**
  * Submit the origin chain tx hash for a guest transfer.
  * PATCH /v1/transfers/:id with { originTxHash }
@@ -441,13 +441,26 @@ declare function signGuestTransfer(apiBaseUrl: string, transferId: string, guest
 declare function getGuestTransfer(apiBaseUrl: string, transferId: string, guestSessionToken: string): Promise<Transfer>;
 /** Balance option returned by the guest transfer balances endpoint. */
 interface GuestBalanceOption extends SourceOption {
-    sourceChainId: string;
+    sourceChainId: number;
 }
 /**
  * Fetch stablecoin balances for a wallet address, scoped to a guest transfer.
  * GET /v1/transfers/:id/balances?walletAddress=...
  */
 declare function fetchGuestTransferBalances(apiBaseUrl: string, transferId: string, guestSessionToken: string, walletAddress: string): Promise<GuestBalanceOption[]>;
+declare function fetchGuestPreauthAccount(apiBaseUrl: string, guestToken: string): Promise<{
+    accountId: string;
+    hasPasskey: boolean;
+    walletAddress: string | null;
+} | null>;
+declare function claimAccount(apiBaseUrl: string, accessToken: string, accountId: string, body: {
+    guestToken: string;
+    credentialId: string;
+    publicKey: string;
+}): Promise<{
+    accountId: string;
+    smartAccountAddress: string;
+}>;
 declare function reportActionCompletion(apiBaseUrl: string, actionId: string, result: Record<string, unknown>): Promise<AuthorizationSessionDetail>;
 
 type api_CreateAccountParams = CreateAccountParams;
@@ -455,6 +468,7 @@ type api_CreateGuestTransferParams = CreateGuestTransferParams;
 type api_CreateTransferParams = CreateTransferParams;
 type api_GuestBalanceOption = GuestBalanceOption;
 type api_GuestTransferResult = GuestTransferResult;
+declare const api_claimAccount: typeof claimAccount;
 declare const api_createAccount: typeof createAccount;
 declare const api_createAccountAuthorizationSession: typeof createAccountAuthorizationSession;
 declare const api_createGuestTransfer: typeof createGuestTransfer;
@@ -463,6 +477,7 @@ declare const api_fetchAccount: typeof fetchAccount;
 declare const api_fetchAccounts: typeof fetchAccounts;
 declare const api_fetchAuthorizationSession: typeof fetchAuthorizationSession;
 declare const api_fetchChains: typeof fetchChains;
+declare const api_fetchGuestPreauthAccount: typeof fetchGuestPreauthAccount;
 declare const api_fetchGuestTransferBalances: typeof fetchGuestTransferBalances;
 declare const api_fetchMerchantPublicKey: typeof fetchMerchantPublicKey;
 declare const api_fetchProviders: typeof fetchProviders;
@@ -479,7 +494,7 @@ declare const api_signTransfer: typeof signTransfer;
 declare const api_updateUserConfig: typeof updateUserConfig;
 declare const api_updateUserConfigBySession: typeof updateUserConfigBySession;
 declare namespace api {
-  export { type api_CreateAccountParams as CreateAccountParams, type api_CreateGuestTransferParams as CreateGuestTransferParams, type api_CreateTransferParams as CreateTransferParams, type api_GuestBalanceOption as GuestBalanceOption, type api_GuestTransferResult as GuestTransferResult, api_createAccount as createAccount, api_createAccountAuthorizationSession as createAccountAuthorizationSession, api_createGuestTransfer as createGuestTransfer, api_createTransfer as createTransfer, api_fetchAccount as fetchAccount, api_fetchAccounts as fetchAccounts, api_fetchAuthorizationSession as fetchAuthorizationSession, api_fetchChains as fetchChains, api_fetchGuestTransferBalances as fetchGuestTransferBalances, api_fetchMerchantPublicKey as fetchMerchantPublicKey, api_fetchProviders as fetchProviders, api_fetchTransfer as fetchTransfer, api_fetchUserConfig as fetchUserConfig, api_getGuestTransfer as getGuestTransfer, api_getTransferByGuestToken as getTransferByGuestToken, api_registerPasskey as registerPasskey, api_reportActionCompletion as reportActionCompletion, api_reportPasskeyActivity as reportPasskeyActivity, api_setTransferSender as setTransferSender, api_signGuestTransfer as signGuestTransfer, api_signTransfer as signTransfer, api_updateUserConfig as updateUserConfig, api_updateUserConfigBySession as updateUserConfigBySession };
+  export { type api_CreateAccountParams as CreateAccountParams, type api_CreateGuestTransferParams as CreateGuestTransferParams, type api_CreateTransferParams as CreateTransferParams, type api_GuestBalanceOption as GuestBalanceOption, type api_GuestTransferResult as GuestTransferResult, api_claimAccount as claimAccount, api_createAccount as createAccount, api_createAccountAuthorizationSession as createAccountAuthorizationSession, api_createGuestTransfer as createGuestTransfer, api_createTransfer as createTransfer, api_fetchAccount as fetchAccount, api_fetchAccounts as fetchAccounts, api_fetchAuthorizationSession as fetchAuthorizationSession, api_fetchChains as fetchChains, api_fetchGuestPreauthAccount as fetchGuestPreauthAccount, api_fetchGuestTransferBalances as fetchGuestTransferBalances, api_fetchMerchantPublicKey as fetchMerchantPublicKey, api_fetchProviders as fetchProviders, api_fetchTransfer as fetchTransfer, api_fetchUserConfig as fetchUserConfig, api_getGuestTransfer as getGuestTransfer, api_getTransferByGuestToken as getTransferByGuestToken, api_registerPasskey as registerPasskey, api_reportActionCompletion as reportActionCompletion, api_reportPasskeyActivity as reportPasskeyActivity, api_setTransferSender as setTransferSender, api_signGuestTransfer as signGuestTransfer, api_signTransfer as signTransfer, api_updateUserConfig as updateUserConfig, api_updateUserConfigBySession as updateUserConfigBySession };
 }
 
 interface BlinkPaymentProps {

package/dist/index.d.ts

@@ -94,7 +94,7 @@ interface Amount {
 /** Transfer destination in a response */
 interface TransferDestination {
     id: string;
-    chainId: string;
+    chainId: number;
     address: string;
     token: {
         address: string;
@@ -167,7 +167,7 @@ interface SourceSelection {
 }
 /** Destination input provided by the host app */
 interface Destination {
-    chainId: string;
+    chainId: number;
     address: string;
     token: {
         address: string;
@@ -308,7 +308,7 @@ declare function useBlinkDepositAmount(): {
     setAmount: (amount: number | null) => void;
 };
 
-declare function fetchProviders(apiBaseUrl: string, token: string): Promise<Provider[]>;
+declare function fetchProviders(apiBaseUrl: string, token?: string | null): Promise<Provider[]>;
 declare function fetchChains(apiBaseUrl: string, token: string): Promise<Chain[]>;
 declare function fetchAccounts(apiBaseUrl: string, token: string, credentialId: string): Promise<Account[]>;
 declare function fetchAccount(apiBaseUrl: string, token: string, accountId: string, credentialId: string): Promise<Account>;
@@ -389,7 +389,7 @@ interface CreateGuestTransferParams {
     id?: string;
     merchantAuthorization: MerchantAuthorization;
     destinations: Array<{
-        chainId: string;
+        chainId: number;
         token: {
             address: string;
         };
@@ -428,7 +428,7 @@ declare function getTransferByGuestToken(apiBaseUrl: string, guestToken: string)
  * Set the sender's wallet address and selected source token on a guest transfer.
  * PUT /v1/transfers/:id/sender
  */
-declare function setTransferSender(apiBaseUrl: string, transferId: string, guestSessionToken: string, senderAddress: string, sourceChainId: string, sourceToken: string): Promise<Transfer>;
+declare function setTransferSender(apiBaseUrl: string, transferId: string, guestSessionToken: string, senderAddress: string, sourceChainId: number, sourceToken: string): Promise<Transfer>;
 /**
  * Submit the origin chain tx hash for a guest transfer.
  * PATCH /v1/transfers/:id with { originTxHash }
@@ -441,13 +441,26 @@ declare function signGuestTransfer(apiBaseUrl: string, transferId: string, guest
 declare function getGuestTransfer(apiBaseUrl: string, transferId: string, guestSessionToken: string): Promise<Transfer>;
 /** Balance option returned by the guest transfer balances endpoint. */
 interface GuestBalanceOption extends SourceOption {
-    sourceChainId: string;
+    sourceChainId: number;
 }
 /**
  * Fetch stablecoin balances for a wallet address, scoped to a guest transfer.
  * GET /v1/transfers/:id/balances?walletAddress=...
  */
 declare function fetchGuestTransferBalances(apiBaseUrl: string, transferId: string, guestSessionToken: string, walletAddress: string): Promise<GuestBalanceOption[]>;
+declare function fetchGuestPreauthAccount(apiBaseUrl: string, guestToken: string): Promise<{
+    accountId: string;
+    hasPasskey: boolean;
+    walletAddress: string | null;
+} | null>;
+declare function claimAccount(apiBaseUrl: string, accessToken: string, accountId: string, body: {
+    guestToken: string;
+    credentialId: string;
+    publicKey: string;
+}): Promise<{
+    accountId: string;
+    smartAccountAddress: string;
+}>;
 declare function reportActionCompletion(apiBaseUrl: string, actionId: string, result: Record<string, unknown>): Promise<AuthorizationSessionDetail>;
 
 type api_CreateAccountParams = CreateAccountParams;
@@ -455,6 +468,7 @@ type api_CreateGuestTransferParams = CreateGuestTransferParams;
 type api_CreateTransferParams = CreateTransferParams;
 type api_GuestBalanceOption = GuestBalanceOption;
 type api_GuestTransferResult = GuestTransferResult;
+declare const api_claimAccount: typeof claimAccount;
 declare const api_createAccount: typeof createAccount;
 declare const api_createAccountAuthorizationSession: typeof createAccountAuthorizationSession;
 declare const api_createGuestTransfer: typeof createGuestTransfer;
@@ -463,6 +477,7 @@ declare const api_fetchAccount: typeof fetchAccount;
 declare const api_fetchAccounts: typeof fetchAccounts;
 declare const api_fetchAuthorizationSession: typeof fetchAuthorizationSession;
 declare const api_fetchChains: typeof fetchChains;
+declare const api_fetchGuestPreauthAccount: typeof fetchGuestPreauthAccount;
 declare const api_fetchGuestTransferBalances: typeof fetchGuestTransferBalances;
 declare const api_fetchMerchantPublicKey: typeof fetchMerchantPublicKey;
 declare const api_fetchProviders: typeof fetchProviders;
@@ -479,7 +494,7 @@ declare const api_signTransfer: typeof signTransfer;
 declare const api_updateUserConfig: typeof updateUserConfig;
 declare const api_updateUserConfigBySession: typeof updateUserConfigBySession;
 declare namespace api {
-  export { type api_CreateAccountParams as CreateAccountParams, type api_CreateGuestTransferParams as CreateGuestTransferParams, type api_CreateTransferParams as CreateTransferParams, type api_GuestBalanceOption as GuestBalanceOption, type api_GuestTransferResult as GuestTransferResult, api_createAccount as createAccount, api_createAccountAuthorizationSession as createAccountAuthorizationSession, api_createGuestTransfer as createGuestTransfer, api_createTransfer as createTransfer, api_fetchAccount as fetchAccount, api_fetchAccounts as fetchAccounts, api_fetchAuthorizationSession as fetchAuthorizationSession, api_fetchChains as fetchChains, api_fetchGuestTransferBalances as fetchGuestTransferBalances, api_fetchMerchantPublicKey as fetchMerchantPublicKey, api_fetchProviders as fetchProviders, api_fetchTransfer as fetchTransfer, api_fetchUserConfig as fetchUserConfig, api_getGuestTransfer as getGuestTransfer, api_getTransferByGuestToken as getTransferByGuestToken, api_registerPasskey as registerPasskey, api_reportActionCompletion as reportActionCompletion, api_reportPasskeyActivity as reportPasskeyActivity, api_setTransferSender as setTransferSender, api_signGuestTransfer as signGuestTransfer, api_signTransfer as signTransfer, api_updateUserConfig as updateUserConfig, api_updateUserConfigBySession as updateUserConfigBySession };
+  export { type api_CreateAccountParams as CreateAccountParams, type api_CreateGuestTransferParams as CreateGuestTransferParams, type api_CreateTransferParams as CreateTransferParams, type api_GuestBalanceOption as GuestBalanceOption, type api_GuestTransferResult as GuestTransferResult, api_claimAccount as claimAccount, api_createAccount as createAccount, api_createAccountAuthorizationSession as createAccountAuthorizationSession, api_createGuestTransfer as createGuestTransfer, api_createTransfer as createTransfer, api_fetchAccount as fetchAccount, api_fetchAccounts as fetchAccounts, api_fetchAuthorizationSession as fetchAuthorizationSession, api_fetchChains as fetchChains, api_fetchGuestPreauthAccount as fetchGuestPreauthAccount, api_fetchGuestTransferBalances as fetchGuestTransferBalances, api_fetchMerchantPublicKey as fetchMerchantPublicKey, api_fetchProviders as fetchProviders, api_fetchTransfer as fetchTransfer, api_fetchUserConfig as fetchUserConfig, api_getGuestTransfer as getGuestTransfer, api_getTransferByGuestToken as getTransferByGuestToken, api_registerPasskey as registerPasskey, api_reportActionCompletion as reportActionCompletion, api_reportPasskeyActivity as reportPasskeyActivity, api_setTransferSender as setTransferSender, api_signGuestTransfer as signGuestTransfer, api_signTransfer as signTransfer, api_updateUserConfig as updateUserConfig, api_updateUserConfigBySession as updateUserConfigBySession };
 }
 
 interface BlinkPaymentProps {

package/dist/index.js

@@ -456,6 +456,7 @@ async function waitForTransactionReceipt(config, parameters) {
 // src/api.ts
 var api_exports = {};
 __export(api_exports, {
+  claimAccount: () => claimAccount,
   createAccount: () => createAccount,
   createAccountAuthorizationSession: () => createAccountAuthorizationSession,
   createGuestTransfer: () => createGuestTransfer,
@@ -464,6 +465,7 @@ __export(api_exports, {
   fetchAccounts: () => fetchAccounts,
   fetchAuthorizationSession: () => fetchAuthorizationSession,
   fetchChains: () => fetchChains,
+  fetchGuestPreauthAccount: () => fetchGuestPreauthAccount,
   fetchGuestTransferBalances: () => fetchGuestTransferBalances,
   fetchMerchantPublicKey: () => fetchMerchantPublicKey,
   fetchProviders: () => fetchProviders,
@@ -488,9 +490,11 @@ async function throwApiError(res) {
   throw new Error(`${res.status} \u2014 ${code}: ${msg}`);
 }
 async function fetchProviders(apiBaseUrl, token) {
-  const res = await fetch(`${apiBaseUrl}/v1/providers`, {
-    headers: { Authorization: `Bearer ${token}` }
-  });
+  const headers = {};
+  if (token) {
+    headers.Authorization = `Bearer ${token}`;
+  }
+  const res = await fetch(`${apiBaseUrl}/v1/providers`, { headers });
   if (!res.ok) await throwApiError(res);
   const data = await res.json();
   return data.items;
@@ -761,6 +765,25 @@ async function fetchGuestTransferBalances(apiBaseUrl, transferId, guestSessionTo
   const data = await res.json();
   return data.items;
 }
+async function fetchGuestPreauthAccount(apiBaseUrl, guestToken) {
+  const params = new URLSearchParams({ guestToken });
+  const res = await fetch(`${apiBaseUrl}/v1/guest-preauth?${params.toString()}`);
+  if (res.status === 404) return null;
+  if (!res.ok) await throwApiError(res);
+  return await res.json();
+}
+async function claimAccount(apiBaseUrl, accessToken, accountId, body) {
+  const res = await fetch(`${apiBaseUrl}/v1/accounts/${accountId}/claim`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      "Authorization": `Bearer ${accessToken}`
+    },
+    body: JSON.stringify(body)
+  });
+  if (!res.ok) await throwApiError(res);
+  return await res.json();
+}
 async function reportActionCompletion(apiBaseUrl, actionId, result) {
   const res = await fetch(
     `${apiBaseUrl}/v1/authorization-actions/${actionId}`,
@@ -1935,7 +1958,9 @@ function createInitialState(config) {
     previousStep: null,
     isGuestFlow: false,
     guestTransferId: null,
-    guestSessionToken: null
+    guestSessionToken: null,
+    guestPreauthAccountId: null,
+    activePublicKey: null
   };
 }
 function paymentReducer(state, action) {
@@ -1966,6 +1991,7 @@ function paymentReducer(state, action) {
       return {
         ...state,
         activeCredentialId: action.credentialId,
+        activePublicKey: action.publicKey ?? state.activePublicKey,
         passkeyPopupNeeded: false
       };
     case "SET_PASSKEY_POPUP_NEEDED":
@@ -2179,6 +2205,20 @@ function paymentReducer(state, action) {
         mobileFlow: false,
         deeplinkUri: null
       };
+    case "GUEST_PREAUTH_DETECTED":
+      return {
+        ...state,
+        guestPreauthAccountId: action.accountId,
+        step: "login"
+      };
+    case "GUEST_PREAUTH_CLAIMED":
+      return {
+        ...state,
+        guestPreauthAccountId: null,
+        activePublicKey: null,
+        step: "deposit",
+        error: null
+      };
     // ── Navigation & error ───────────────────────────────────────
     case "NAVIGATE":
       return { ...state, step: action.step, previousStep: state.step, error: null };
@@ -2199,7 +2239,9 @@ function paymentReducer(state, action) {
         selectedAccountId: action.firstAccountId,
         isGuestFlow: false,
         guestTransferId: null,
-        guestSessionToken: null
+        guestSessionToken: null,
+        guestPreauthAccountId: null,
+        activePublicKey: null
       };
     case "LOGOUT":
       return {
@@ -4443,6 +4485,7 @@ function SuccessScreen({
   onLogout,
   onIncreaseLimits,
   onManageAccount,
+  onPreauthorize,
   autoCloseSeconds
 }) {
   const { tokens } = useBlinkConfig();
@@ -4477,6 +4520,15 @@ function SuccessScreen({
     {
       footer: /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(PrimaryButton, { onClick: handleDone, children: succeeded ? "Done" : "Try again" }),
+        succeeded && onPreauthorize && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onPreauthorize,
+            style: preauthorizeStyle(tokens.accent, tokens.border),
+            children: "Preauthorize future transfers"
+          }
+        ),
         effectiveAutoClose != null && effectiveAutoClose > 0 && /* @__PURE__ */ jsxs("p", { style: countdownStyle(tokens.textMuted), children: [
           "Returning to app in ",
           countdown,
@@ -4606,6 +4658,19 @@ 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 countdownStyle = (color) => ({
   fontSize: "0.82rem",
   color,
@@ -6084,6 +6149,7 @@ function StepRendererContent({
         })() : void 0,
         onDone: onDismiss ?? handlers.onNewPayment,
         onLogout: handlers.onLogout,
+        onPreauthorize: state.isGuestFlow ? handlers.onPreauthorize : void 0,
         autoCloseSeconds
       }
     );
@@ -6396,7 +6462,7 @@ function resolveRestoredMobileFlow(transferStatus, isSetup) {
 }
 
 // src/hooks/usePasskeyHandlers.ts
-function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds, mobileSetupFlowRef) {
+function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds, mobileSetupFlowRef, guestPreauthAccountId) {
   const { user, getAccessToken } = usePrivy();
   const checkingPasskeyRef = useRef(false);
   const activateExistingCredential = useCallback(async (credentialId) => {
@@ -6421,8 +6487,11 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds,
     const token = await getAccessToken();
     if (!token) throw new Error("Not authenticated");
     await registerPasskey(apiBaseUrl, token, credentialId, publicKey);
-    dispatch({ type: "PASSKEY_ACTIVATED", credentialId });
+    dispatch({ type: "PASSKEY_ACTIVATED", credentialId, publicKey });
     window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, credentialId);
+    if (guestPreauthAccountId) {
+      return;
+    }
     const resolved = resolvePostAuthStep({
       hasPasskey: true,
       accounts,
@@ -6432,7 +6501,7 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds,
     });
     if (resolved.clearPersistedFlow) clearMobileFlowState();
     dispatch({ type: "NAVIGATE", step: resolved.step });
-  }, [getAccessToken, apiBaseUrl, accounts, mobileSetupFlowRef, dispatch]);
+  }, [getAccessToken, apiBaseUrl, accounts, mobileSetupFlowRef, guestPreauthAccountId, dispatch]);
   const handleRegisterPasskey = useCallback(async () => {
     dispatch({ type: "SET_REGISTERING_PASSKEY", value: true });
     dispatch({ type: "SET_ERROR", error: null });
@@ -7988,6 +8057,32 @@ function usePaymentEffects(deps) {
     state.selectedAccountId,
     depositAmount
   ]);
+  useEffect(() => {
+    if (authenticated || state.providers.length > 0) return;
+    if (state.step !== "wallet-picker") return;
+    let cancelled = false;
+    const loadProviders = async () => {
+      try {
+        const providers = await fetchProviders(apiBaseUrl);
+        if (cancelled) return;
+        dispatch({
+          type: "DATA_LOADED",
+          providers,
+          accounts: state.accounts,
+          chains: state.chains,
+          defaults: null
+        });
+      } catch (err) {
+        if (!cancelled) {
+          captureException(err);
+        }
+      }
+    };
+    loadProviders();
+    return () => {
+      cancelled = true;
+    };
+  }, [authenticated, state.step, state.providers.length, apiBaseUrl]);
   useEffect(() => {
     if (!polling.transfer) return;
     if (polling.transfer.status === "COMPLETED") {
@@ -8243,6 +8338,77 @@ function usePaymentEffects(deps) {
       preOneTapSetupStepRef.current = null;
     }
   }, [pendingOneTapSetupAction, state.step, reloadAccounts, authExecutor, dispatch, oneTapLimitSavedDuringSetupRef]);
+  useEffect(() => {
+    if (state.step !== "success") return;
+    if (!state.guestSessionToken) return;
+    if (state.guestPreauthAccountId) return;
+    let cancelled = false;
+    const checkPreauth = async () => {
+      try {
+        const result = await fetchGuestPreauthAccount(apiBaseUrl, state.guestSessionToken);
+        if (cancelled) return;
+        if (result && !result.hasPasskey) {
+          dispatch({ type: "GUEST_PREAUTH_DETECTED", accountId: result.accountId });
+        }
+      } catch {
+      }
+    };
+    checkPreauth();
+    return () => {
+      cancelled = true;
+    };
+  }, [state.step, state.guestSessionToken, state.guestPreauthAccountId, apiBaseUrl, dispatch]);
+  const claimingRef = useRef(false);
+  useEffect(() => {
+    if (!state.guestPreauthAccountId) return;
+    if (!state.activeCredentialId) return;
+    if (!state.activePublicKey) return;
+    if (!authenticated) return;
+    if (!state.guestSessionToken) return;
+    if (claimingRef.current) return;
+    claimingRef.current = true;
+    let cancelled = false;
+    const claimPreauth = async () => {
+      try {
+        const token = await getAccessTokenRef.current();
+        if (!token || cancelled) return;
+        await claimAccount(apiBaseUrl, token, state.guestPreauthAccountId, {
+          guestToken: state.guestSessionToken,
+          credentialId: state.activeCredentialId,
+          publicKey: state.activePublicKey
+        });
+        if (cancelled) return;
+        try {
+          await reloadAccounts();
+        } catch {
+        }
+        if (cancelled) return;
+        dispatch({ type: "GUEST_PREAUTH_CLAIMED" });
+      } catch (err) {
+        if (cancelled) return;
+        captureException(err);
+        dispatch({
+          type: "SET_ERROR",
+          error: err instanceof Error ? err.message : "Failed to claim account"
+        });
+      } finally {
+        claimingRef.current = false;
+      }
+    };
+    claimPreauth();
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    state.guestPreauthAccountId,
+    state.activeCredentialId,
+    state.activePublicKey,
+    state.guestSessionToken,
+    authenticated,
+    apiBaseUrl,
+    dispatch,
+    reloadAccounts
+  ]);
 }
 function BlinkPayment(props) {
   const resetKey = useRef(0);
@@ -8293,7 +8459,8 @@ function BlinkPaymentInner({
     apiBaseUrl,
     state.accounts,
     state.knownCredentialIds,
-    mobileFlowRefs.mobileSetupFlowRef
+    mobileFlowRefs.mobileSetupFlowRef,
+    state.guestPreauthAccountId
   );
   const transfer = useTransferHandlers({
     dispatch,
@@ -8469,7 +8636,8 @@ function BlinkPaymentInner({
     onSelectAuthorizedToken: provider.handleSelectAuthorizedToken,
     onAuthorizeToken: provider.handleAuthorizeToken,
     onSelectGuestToken: guestTransfer.handleSelectGuestToken,
-    onLogin: () => dispatch({ type: "NAVIGATE", step: "login" })
+    onLogin: () => dispatch({ type: "NAVIGATE", step: "login" }),
+    onPreauthorize: () => dispatch({ type: "NAVIGATE", step: "login" })
   }), [
     auth,
     passkey,