@swype-org/react-sdk 0.1.220 → 0.1.222

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,
@@ -766,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}`,
@@ -1940,7 +1961,9 @@ function createInitialState(config) {
     previousStep: null,
     isGuestFlow: false,
     guestTransferId: null,
-    guestSessionToken: null
+    guestSessionToken: null,
+    guestPreauthAccountId: null,
+    activePublicKey: null
   };
 }
 function paymentReducer(state, action) {
@@ -1971,6 +1994,7 @@ function paymentReducer(state, action) {
       return {
         ...state,
         activeCredentialId: action.credentialId,
+        activePublicKey: action.publicKey ?? state.activePublicKey,
         passkeyPopupNeeded: false
       };
     case "SET_PASSKEY_POPUP_NEEDED":
@@ -2184,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 };
@@ -2204,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 {
@@ -4448,45 +4488,23 @@ function SuccessScreen({
   onLogout,
   onIncreaseLimits,
   onManageAccount,
-  autoCloseSeconds
+  onPreauthorize
 }) {
   const { tokens } = useBlinkConfig();
-  const effectiveAutoClose = succeeded ? autoCloseSeconds : void 0;
-  const [countdown, setCountdown] = react.useState(effectiveAutoClose ?? 0);
-  const doneCalledRef = react.useRef(false);
-  const handleDone = react.useCallback(() => {
-    if (doneCalledRef.current) return;
-    doneCalledRef.current = true;
-    onDone();
-  }, [onDone]);
-  react.useEffect(() => {
-    if (!effectiveAutoClose || effectiveAutoClose <= 0) return;
-    const intervalId = window.setInterval(() => {
-      setCountdown((prev) => {
-        if (prev <= 1) {
-          window.clearInterval(intervalId);
-          return 0;
-        }
-        return prev - 1;
-      });
-    }, 1e3);
-    return () => window.clearInterval(intervalId);
-  }, [effectiveAutoClose]);
-  react.useEffect(() => {
-    if (effectiveAutoClose && countdown === 0) {
-      handleDone();
-    }
-  }, [effectiveAutoClose, countdown, handleDone]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ScreenLayout,
     {
       footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: handleDone, children: succeeded ? "Done" : "Try again" }),
-        effectiveAutoClose != null && effectiveAutoClose > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: countdownStyle(tokens.textMuted), children: [
-          "Returning to app in ",
-          countdown,
-          "s\u2026"
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onDone, 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"
+          }
+        ),
         onManageAccount && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onManageAccount, style: manageStyle(tokens.textMuted), children: "Manage Blink account \u2192" }),
         /* @__PURE__ */ jsxRuntime.jsx(PoweredByFooter, {})
       ] }),
@@ -4611,11 +4629,18 @@ var upsellLinkStyle = (color) => ({
   fontFamily: "inherit",
   padding: 0
 });
-var countdownStyle = (color) => ({
-  fontSize: "0.82rem",
-  color,
-  margin: "10px 0 0",
-  textAlign: "center"
+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",
@@ -5812,7 +5837,6 @@ function StepRendererContent({
   merchantName,
   onBack,
   onDismiss,
-  autoCloseSeconds,
   depositAmount,
   handlers
 }) {
@@ -6089,7 +6113,7 @@ function StepRendererContent({
         })() : void 0,
         onDone: onDismiss ?? handlers.onNewPayment,
         onLogout: handlers.onLogout,
-        autoCloseSeconds
+        onPreauthorize: state.isGuestFlow ? handlers.onPreauthorize : void 0
       }
     );
   }
@@ -6401,7 +6425,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) => {
@@ -6426,8 +6450,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,
@@ -6437,7 +6464,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 });
@@ -8274,6 +8301,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);
@@ -8291,8 +8389,7 @@ function BlinkPaymentInner({
   merchantAuthorization,
   merchantName,
   onBack,
-  onDismiss,
-  autoCloseSeconds
+  onDismiss
 }) {
   const { apiBaseUrl, depositAmount } = useBlinkConfig();
   const { ready, authenticated, logout, getAccessToken } = reactAuth.usePrivy();
@@ -8324,7 +8421,8 @@ function BlinkPaymentInner({
     apiBaseUrl,
     state.accounts,
     state.knownCredentialIds,
-    mobileFlowRefs.mobileSetupFlowRef
+    mobileFlowRefs.mobileSetupFlowRef,
+    state.guestPreauthAccountId
   );
   const transfer = useTransferHandlers({
     dispatch,
@@ -8500,7 +8598,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,
@@ -8546,7 +8645,6 @@ function BlinkPaymentInner({
       merchantName,
       onBack,
       onDismiss,
-      autoCloseSeconds,
       depositAmount,
       handlers
     }