@swype-org/react-sdk 0.1.121 → 0.1.123

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);
@@ -1740,6 +1740,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 +3475,7 @@ var hintStyle = (color) => ({
   color,
   margin: "12px 0 0"
 });
-function CreatePasskeyScreen({
+function PasskeyScreen({
   onCreatePasskey,
   onBack,
   creating,
@@ -3482,7 +3485,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 +3502,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 +5635,7 @@ function StepRenderer({
   }
   if (step === "create-passkey") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      CreatePasskeyScreen,
+      PasskeyScreen,
       {
         onCreatePasskey: handlers.onRegisterPasskey,
         onBack: handlers.onLogout,
@@ -5645,7 +5648,7 @@ function StepRenderer({
   }
   if (step === "verify-passkey") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      CreatePasskeyScreen,
+      PasskeyScreen,
       {
         onCreatePasskey: handlers.onRegisterPasskey,
         onBack: handlers.onLogout,
@@ -5970,6 +5973,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 +6268,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 +6349,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 +6377,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 +6426,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 +6456,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 +6527,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;
     }
@@ -6726,6 +6738,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 +7032,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 +7082,7 @@ function SwypePaymentInner({
       } catch {
       }
     };
+    const poll = isReauth ? pollReauthorization : pollWalletActive;
     poll();
     const intervalId = window.setInterval(poll, POLL_INTERVAL_MS);
     const handleVisibility = () => {
@@ -7187,11 +7252,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;