@swype-org/react-sdk 0.1.121 → 0.1.124

package/dist/index.cjs

@@ -811,10 +811,10 @@ function createPasskeyViaPopup(options) {
               if (result) {
                 resolve(result);
               } else {
-                reject(new Error("Passkey setup window was closed before completing."));
+                reject(new Error("Passkey window was closed before completing."));
               }
             }).catch(() => {
-              reject(new Error("Passkey setup window was closed before completing."));
+              reject(new Error("Passkey window was closed before completing."));
             });
           }
         }, POPUP_CLOSED_GRACE_MS);
@@ -1436,6 +1436,22 @@ function useAuthorizationExecutor(options) {
     }),
     []
   );
+  const [pendingOneTapSetup, setPendingOneTapSetup] = react.useState(null);
+  const oneTapSetupResolverRef = react.useRef(null);
+  const resolveOneTapSetup = react.useCallback(() => {
+    if (oneTapSetupResolverRef.current) {
+      oneTapSetupResolverRef.current();
+      oneTapSetupResolverRef.current = null;
+      setPendingOneTapSetup(null);
+    }
+  }, []);
+  const waitForOneTapSetup = react.useCallback(
+    (action) => new Promise((resolve) => {
+      oneTapSetupResolverRef.current = resolve;
+      setPendingOneTapSetup(action);
+    }),
+    []
+  );
   const dispatchAction = react.useCallback(
     async (action) => {
       setCurrentAction(action);
@@ -1450,13 +1466,23 @@ function useAuthorizationExecutor(options) {
           return executeApprovePermit2(action, wagmiConfig2);
         case "DEPLOY_SMART_ACCOUNT":
           return actionSuccess(action, "Smart account deployment acknowledged.");
-        case "SIGN_PERMIT2":
-          return executeSignPermit2(action, wagmiConfig2, apiBaseUrl ?? "", sessionIdRef.current);
+        case "SIGN_PERMIT2": {
+          let resolvedAction = action;
+          if (action.metadata?.awaitingLimit) {
+            await waitForOneTapSetup(action);
+            if (apiBaseUrl && sessionIdRef.current) {
+              const session = await fetchAuthorizationSession(apiBaseUrl, sessionIdRef.current);
+              const refreshed = session.actions.find((a) => a.id === action.id);
+              if (refreshed) resolvedAction = refreshed;
+            }
+          }
+          return executeSignPermit2(resolvedAction, wagmiConfig2, apiBaseUrl ?? "", sessionIdRef.current);
+        }
         default:
           return actionError(action, `Unsupported action type: ${action.type}`);
       }
     },
-    [wagmiConfig2, connectors, connectAsync, switchChainAsync, apiBaseUrl, waitForSelection]
+    [wagmiConfig2, connectors, connectAsync, switchChainAsync, apiBaseUrl, waitForSelection, waitForOneTapSetup]
   );
   const executeSessionById = react.useCallback(
     async (sessionId) => {
@@ -1527,6 +1553,8 @@ function useAuthorizationExecutor(options) {
     currentAction,
     pendingSelectSource,
     resolveSelectSource,
+    pendingOneTapSetup,
+    resolveOneTapSetup,
     executeSessionById
   };
 }
@@ -1740,6 +1768,9 @@ function resolvePostAuthStep(state) {
     return { step: "create-passkey", clearPersistedFlow: false };
   }
   if (state.persistedMobileFlow) {
+    if (state.persistedMobileFlow.isReauthorization) {
+      return { step: "open-wallet", clearPersistedFlow: false };
+    }
     if (state.persistedMobileFlow.isSetup && hasActiveWallet(state.accounts)) {
       return { step: "deposit", clearPersistedFlow: true };
     }
@@ -3472,7 +3503,7 @@ var hintStyle = (color) => ({
   color,
   margin: "12px 0 0"
 });
-function CreatePasskeyScreen({
+function PasskeyScreen({
   onCreatePasskey,
   onBack,
   creating,
@@ -3482,7 +3513,7 @@ function CreatePasskeyScreen({
 }) {
   const { tokens } = useSwypeConfig();
   const handleCreate = popupFallback && onCreatePasskeyViaPopup ? onCreatePasskeyViaPopup : onCreatePasskey;
-  const buttonLabel = popupFallback ? "Open passkey setup" : "Set up passkey";
+  const buttonLabel = popupFallback ? "Open passkey window" : "Create or verify passkey";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ScreenLayout,
     {
@@ -3499,8 +3530,8 @@ function CreatePasskeyScreen({
             /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "15", cy: "10", r: "1", fill: tokens.accent }),
             /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 14c0 1.5 1.34 2.5 3 2.5s3-1 3-2.5", stroke: tokens.accent, strokeWidth: "1.2", strokeLinecap: "round" })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle3(tokens.text), children: "Set up your passkey" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtitleStyle3(tokens.textSecondary), children: popupFallback ? "Your browser requires a separate window for passkey setup. Tap the button below to continue." : "Use Face ID to sign in instantly \u2014 no passwords, no codes." }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle3(tokens.text), children: "Create or verify your passkey" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtitleStyle3(tokens.textSecondary), children: popupFallback ? "Your browser requires a separate window to continue. Tap the button below to continue." : "Use Face ID to sign in instantly \u2014 no passwords, no codes." }),
           error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorBannerStyle2(tokens), children: error }),
           /* @__PURE__ */ jsxRuntime.jsx(InfoBanner, { children: "Your passkey is stored securely on your device. Swype never sees your biometric data." })
         ] })
@@ -5632,7 +5663,7 @@ function StepRenderer({
   }
   if (step === "create-passkey") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      CreatePasskeyScreen,
+      PasskeyScreen,
       {
         onCreatePasskey: handlers.onRegisterPasskey,
         onBack: handlers.onLogout,
@@ -5645,7 +5676,7 @@ function StepRenderer({
   }
   if (step === "verify-passkey") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      CreatePasskeyScreen,
+      PasskeyScreen,
       {
         onCreatePasskey: handlers.onRegisterPasskey,
         onBack: handlers.onLogout,
@@ -5970,6 +6001,8 @@ function SwypePaymentInner({
   const initializedSelectSourceActionRef = react.useRef(null);
   const preSelectSourceStepRef = react.useRef(null);
   const pendingTokenAuthRef = react.useRef(null);
+  const reauthSessionIdRef = react.useRef(null);
+  const reauthTokenRef = react.useRef(null);
   const checkingPasskeyRef = react.useRef(false);
   const onCompleteRef = react.useRef(onComplete);
   onCompleteRef.current = onComplete;
@@ -6263,7 +6296,7 @@ function SwypePaymentInner({
       return;
     }
     if (!state.activeCredentialId) {
-      dispatch({ type: "SET_ERROR", error: "Set up a passkey on this device before continuing." });
+      dispatch({ type: "SET_ERROR", error: "Create or verify a passkey on this device before continuing." });
       dispatch({ type: "NAVIGATE", step: "create-passkey" });
       return;
     }
@@ -6344,7 +6377,7 @@ function SwypePaymentInner({
       return;
     }
     if (!state.activeCredentialId) {
-      dispatch({ type: "SET_ERROR", error: "Set up a passkey on this device before continuing." });
+      dispatch({ type: "SET_ERROR", error: "Create or verify a passkey on this device before continuing." });
       dispatch({ type: "NAVIGATE", step: "create-passkey" });
       return;
     }
@@ -6372,12 +6405,15 @@ function SwypePaymentInner({
         handlingMobileReturnRef.current = false;
         mobileSetupFlowRef.current = true;
         setupAccountIdRef.current = state.selectedAccountId;
+        reauthSessionIdRef.current = session.id;
+        reauthTokenRef.current = null;
         persistMobileFlowState({
           accountId: state.selectedAccountId,
           sessionId: session.id,
           deeplinkUri: session.uri,
           providerId: matchedProvider?.id ?? null,
-          isSetup: true
+          isSetup: true,
+          isReauthorization: true
         });
         dispatch({ type: "MOBILE_DEEPLINK_READY", deeplinkUri: session.uri });
         triggerDeeplink(session.uri);
@@ -6418,7 +6454,7 @@ function SwypePaymentInner({
       return;
     }
     if (!state.activeCredentialId) {
-      dispatch({ type: "SET_ERROR", error: "Set up a passkey on this device before continuing." });
+      dispatch({ type: "SET_ERROR", error: "Create or verify a passkey on this device before continuing." });
       dispatch({ type: "NAVIGATE", step: "create-passkey" });
       return;
     }
@@ -6448,12 +6484,16 @@ function SwypePaymentInner({
         handlingMobileReturnRef.current = false;
         mobileSetupFlowRef.current = true;
         setupAccountIdRef.current = state.selectedAccountId;
+        reauthSessionIdRef.current = session.id;
+        reauthTokenRef.current = { walletId: _walletId, tokenSymbol };
         persistMobileFlowState({
           accountId: state.selectedAccountId,
           sessionId: session.id,
           deeplinkUri: session.uri,
           providerId: matchedProvider?.id ?? null,
-          isSetup: true
+          isSetup: true,
+          isReauthorization: true,
+          reauthorizationToken: { walletId: _walletId, tokenSymbol }
         });
         dispatch({ type: "MOBILE_DEEPLINK_READY", deeplinkUri: session.uri });
         triggerDeeplink(session.uri);
@@ -6515,7 +6555,7 @@ function SwypePaymentInner({
   const handleSelectProvider = react.useCallback(async (providerId) => {
     dispatch({ type: "SELECT_PROVIDER", providerId });
     if (!state.activeCredentialId) {
-      dispatch({ type: "SET_ERROR", error: "Set up a passkey on this device before continuing." });
+      dispatch({ type: "SET_ERROR", error: "Create or verify a passkey on this device before continuing." });
       dispatch({ type: "NAVIGATE", step: "create-passkey" });
       return;
     }
@@ -6559,7 +6599,7 @@ function SwypePaymentInner({
       } else {
         await authExecutor.executeSessionById(session.id);
         await reloadAccounts();
-        dispatch({ type: "NAVIGATE", step: "setup" });
+        dispatch({ type: "NAVIGATE", step: "deposit" });
       }
     } catch (err) {
       captureException(err);
@@ -6608,7 +6648,11 @@ function SwypePaymentInner({
       const token = await getAccessToken();
       if (!token) throw new Error("Not authenticated");
       await updateUserConfig(apiBaseUrl, token, { defaultAllowance: limit });
-      dispatch({ type: "NAVIGATE", step: "deposit" });
+      if (authExecutor.pendingOneTapSetup) {
+        authExecutor.resolveOneTapSetup();
+      } else {
+        dispatch({ type: "NAVIGATE", step: "deposit" });
+      }
     } catch (err) {
       captureException(err);
       dispatch({
@@ -6616,7 +6660,7 @@ function SwypePaymentInner({
         error: err instanceof Error ? err.message : "Failed to save One-Tap limit"
       });
     }
-  }, [getAccessToken, apiBaseUrl]);
+  }, [getAccessToken, apiBaseUrl, authExecutor]);
   const handleNewPayment = react.useCallback(() => {
     clearMobileFlowState();
     processingStartedAtRef.current = null;
@@ -6726,6 +6770,31 @@ function SwypePaymentInner({
         } catch {
         }
       }
+      if (resolved.step === "open-wallet" && persisted && persisted.isReauthorization && persisted.sessionId) {
+        try {
+          const session = await fetchAuthorizationSession(apiBaseUrl, persisted.sessionId);
+          if (cancelled) return;
+          if (session.status === "AUTHORIZED") {
+            clearMobileFlowState();
+            dispatch({ type: "NAVIGATE", step: "deposit" });
+            if (persisted.reauthorizationToken) {
+              dispatch({ type: "SELECT_TOKEN", walletId: persisted.reauthorizationToken.walletId, tokenSymbol: persisted.reauthorizationToken.tokenSymbol });
+            }
+            return;
+          }
+        } catch {
+        }
+        reauthSessionIdRef.current = persisted.sessionId;
+        reauthTokenRef.current = persisted.reauthorizationToken ?? null;
+        mobileSetupFlowRef.current = true;
+        setupAccountIdRef.current = persisted.accountId ?? null;
+        dispatch({
+          type: "ENTER_MOBILE_FLOW",
+          deeplinkUri: persisted.deeplinkUri,
+          providerId: persisted.providerId
+        });
+        return;
+      }
       if (resolved.step === "open-wallet" && persisted && persisted.accountId && !persisted.transferId) {
         clearMobileFlowState();
         dispatch({ type: "NAVIGATE", step: "deposit" });
@@ -6995,9 +7064,36 @@ function SwypePaymentInner({
     if (!state.activeCredentialId || !setupAccountIdRef.current) return;
     const accountId = setupAccountIdRef.current;
     const credentialId = state.activeCredentialId;
+    const isReauth = !!reauthSessionIdRef.current;
+    const sessionId = reauthSessionIdRef.current;
+    const tokenSelection = reauthTokenRef.current;
     let cancelled = false;
     const POLL_INTERVAL_MS = 3e3;
-    const poll = async () => {
+    const pollReauthorization = async () => {
+      try {
+        if (!sessionId || cancelled) return;
+        const session = await fetchAuthorizationSession(apiBaseUrl, sessionId);
+        if (cancelled) return;
+        if (session.status === "AUTHORIZED") {
+          cancelled = true;
+          mobileSetupFlowRef.current = false;
+          setupAccountIdRef.current = null;
+          reauthSessionIdRef.current = null;
+          reauthTokenRef.current = null;
+          clearMobileFlowState();
+          try {
+            await reloadAccounts();
+          } catch {
+          }
+          dispatch({ type: "MOBILE_SETUP_COMPLETE" });
+          if (tokenSelection) {
+            dispatch({ type: "SELECT_TOKEN", walletId: tokenSelection.walletId, tokenSymbol: tokenSelection.tokenSymbol });
+          }
+        }
+      } catch {
+      }
+    };
+    const pollWalletActive = async () => {
       try {
         const token = await getAccessTokenRef.current();
         if (!token || cancelled) return;
@@ -7018,6 +7114,7 @@ function SwypePaymentInner({
       } catch {
       }
     };
+    const poll = isReauth ? pollReauthorization : pollWalletActive;
     poll();
     const intervalId = window.setInterval(poll, POLL_INTERVAL_MS);
     const handleVisibility = () => {
@@ -7093,6 +7190,17 @@ function SwypePaymentInner({
       });
     }
   }, [pendingSelectSourceAction, authExecutor]);
+  const pendingOneTapSetupAction = authExecutor.pendingOneTapSetup;
+  const preOneTapSetupStepRef = react.useRef(null);
+  react.useEffect(() => {
+    if (pendingOneTapSetupAction && state.step === "setup-status") {
+      preOneTapSetupStepRef.current = state.step;
+      dispatch({ type: "NAVIGATE", step: "setup" });
+    } else if (!pendingOneTapSetupAction && state.step === "setup" && preOneTapSetupStepRef.current) {
+      dispatch({ type: "NAVIGATE", step: preOneTapSetupStepRef.current });
+      preOneTapSetupStepRef.current = null;
+    }
+  }, [pendingOneTapSetupAction, state.step]);
   const handlers = react.useMemo(() => ({
     onSendLoginCode: handleSendLoginCode,
     onVerifyLoginCode: handleVerifyLoginCode,
@@ -7187,11 +7295,11 @@ function SwypePaymentInner({
 }
 
 exports.AdvancedSourceScreen = AdvancedSourceScreen;
-exports.CreatePasskeyScreen = CreatePasskeyScreen;
 exports.IconCircle = IconCircle;
 exports.InfoBanner = InfoBanner;
 exports.OutlineButton = OutlineButton;
 exports.PasskeyIframeBlockedError = PasskeyIframeBlockedError;
+exports.PasskeyScreen = PasskeyScreen;
 exports.PoweredByFooter = PoweredByFooter;
 exports.PrimaryButton = PrimaryButton;
 exports.ScreenHeader = ScreenHeader;