@swype-org/react-sdk 0.1.219 → 0.1.221

package/dist/index.cjs

@@ -459,6 +459,7 @@ async function waitForTransactionReceipt(config, parameters) {
 // src/api.ts
 var api_exports = {};
 __export(api_exports, {
+  claimAccount: () => claimAccount,
   createAccount: () => createAccount,
   createAccountAuthorizationSession: () => createAccountAuthorizationSession,
   createGuestTransfer: () => createGuestTransfer,
@@ -467,6 +468,7 @@ __export(api_exports, {
   fetchAccounts: () => fetchAccounts,
   fetchAuthorizationSession: () => fetchAuthorizationSession,
   fetchChains: () => fetchChains,
+  fetchGuestPreauthAccount: () => fetchGuestPreauthAccount,
   fetchGuestTransferBalances: () => fetchGuestTransferBalances,
   fetchMerchantPublicKey: () => fetchMerchantPublicKey,
   fetchProviders: () => fetchProviders,
@@ -491,9 +493,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;
@@ -764,6 +768,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}`,
@@ -1938,7 +1961,9 @@ function createInitialState(config) {
     previousStep: null,
     isGuestFlow: false,
     guestTransferId: null,
-    guestSessionToken: null
+    guestSessionToken: null,
+    guestPreauthAccountId: null,
+    activePublicKey: null
   };
 }
 function paymentReducer(state, action) {
@@ -1969,6 +1994,7 @@ function paymentReducer(state, action) {
       return {
         ...state,
         activeCredentialId: action.credentialId,
+        activePublicKey: action.publicKey ?? state.activePublicKey,
         passkeyPopupNeeded: false
       };
     case "SET_PASSKEY_POPUP_NEEDED":
@@ -2182,6 +2208,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 };
@@ -2202,7 +2242,9 @@ function paymentReducer(state, action) {
         selectedAccountId: action.firstAccountId,
         isGuestFlow: false,
         guestTransferId: null,
-        guestSessionToken: null
+        guestSessionToken: null,
+        guestPreauthAccountId: null,
+        activePublicKey: null
       };
     case "LOGOUT":
       return {
@@ -4446,6 +4488,7 @@ function SuccessScreen({
   onLogout,
   onIncreaseLimits,
   onManageAccount,
+  onPreauthorize,
   autoCloseSeconds
 }) {
   const { tokens } = useBlinkConfig();
@@ -4480,6 +4523,15 @@ function SuccessScreen({
     {
       footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: handleDone, children: succeeded ? "Done" : "Try again" }),
+        succeeded && onPreauthorize && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onPreauthorize,
+            style: preauthorizeStyle(tokens.accent, tokens.border),
+            children: "Preauthorize future transfers"
+          }
+        ),
         effectiveAutoClose != null && effectiveAutoClose > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: countdownStyle(tokens.textMuted), children: [
           "Returning to app in ",
           countdown,
@@ -4609,6 +4661,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,
@@ -6087,6 +6152,7 @@ function StepRendererContent({
         })() : void 0,
         onDone: onDismiss ?? handlers.onNewPayment,
         onLogout: handlers.onLogout,
+        onPreauthorize: state.isGuestFlow ? handlers.onPreauthorize : void 0,
         autoCloseSeconds
       }
     );
@@ -6399,7 +6465,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 } = reactAuth.usePrivy();
   const checkingPasskeyRef = react.useRef(false);
   const activateExistingCredential = react.useCallback(async (credentialId) => {
@@ -6424,8 +6490,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,
@@ -6435,7 +6504,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 = react.useCallback(async () => {
     dispatch({ type: "SET_REGISTERING_PASSKEY", value: true });
     dispatch({ type: "SET_ERROR", error: null });
@@ -7991,6 +8060,32 @@ function usePaymentEffects(deps) {
     state.selectedAccountId,
     depositAmount
   ]);
+  react.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]);
   react.useEffect(() => {
     if (!polling.transfer) return;
     if (polling.transfer.status === "COMPLETED") {
@@ -8246,6 +8341,77 @@ function usePaymentEffects(deps) {
       preOneTapSetupStepRef.current = null;
     }
   }, [pendingOneTapSetupAction, state.step, reloadAccounts, authExecutor, dispatch, oneTapLimitSavedDuringSetupRef]);
+  react.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 = react.useRef(false);
+  react.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 = react.useRef(0);
@@ -8296,7 +8462,8 @@ function BlinkPaymentInner({
     apiBaseUrl,
     state.accounts,
     state.knownCredentialIds,
-    mobileFlowRefs.mobileSetupFlowRef
+    mobileFlowRefs.mobileSetupFlowRef,
+    state.guestPreauthAccountId
   );
   const transfer = useTransferHandlers({
     dispatch,
@@ -8472,7 +8639,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,