@swype-org/react-sdk 0.1.121 → 0.1.123

package/dist/index.d.cts

@@ -714,7 +714,7 @@ declare function Spinner({ size, label }: SpinnerProps): react_jsx_runtime.JSX.E
 
 declare function SwypeLoadingScreen(): react_jsx_runtime.JSX.Element;
 
-interface CreatePasskeyScreenProps {
+interface PasskeyScreenProps {
     onCreatePasskey: () => void;
     onBack?: () => void;
     creating: boolean;
@@ -724,7 +724,7 @@ interface CreatePasskeyScreenProps {
     /** Opens a pop-up window on the Swype domain for passkey registration. */
     onCreatePasskeyViaPopup?: () => void;
 }
-declare function CreatePasskeyScreen({ onCreatePasskey, onBack, creating, error, popupFallback, onCreatePasskeyViaPopup, }: CreatePasskeyScreenProps): react_jsx_runtime.JSX.Element;
+declare function PasskeyScreen({ onCreatePasskey, onBack, creating, error, popupFallback, onCreatePasskeyViaPopup, }: PasskeyScreenProps): react_jsx_runtime.JSX.Element;
 
 interface SetupScreenProps {
     availableBalance: number;
@@ -797,4 +797,4 @@ interface TokenPickerScreenProps {
 }
 declare function TokenPickerScreen({ account, chains, onSelectAuthorized, onAuthorizeToken, onBack, }: TokenPickerScreenProps): react_jsx_runtime.JSX.Element;
 
-export { type Account, type ActionExecutionResult, type AdvancedSettings, AdvancedSourceScreen, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, CreatePasskeyScreen, type Destination, type ErrorResponse, IconCircle, InfoBanner, type ListResponse, type MerchantAuthorization, type MerchantPublicKey, OutlineButton, PasskeyIframeBlockedError, type PaymentStep, PoweredByFooter, PrimaryButton, type Provider, ScreenHeader, ScreenLayout, SelectSourceScreen, SettingsMenu, SetupScreen, type SourceOption, type SourceSelection, type SourceType, Spinner, type StepItem, StepList, SwypeLoadingScreen, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, TokenPickerScreen, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, buildPasskeyPopupOptions, createPasskeyCredential, createPasskeyViaPopup, darkTheme, deviceHasPasskey, findDevicePasskey, findDevicePasskeyViaPopup, getTheme, lightTheme, resolvePasskeyRpId, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };
+export { type Account, type ActionExecutionResult, type AdvancedSettings, AdvancedSourceScreen, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, type Destination, type ErrorResponse, IconCircle, InfoBanner, type ListResponse, type MerchantAuthorization, type MerchantPublicKey, OutlineButton, PasskeyIframeBlockedError, PasskeyScreen, type PaymentStep, PoweredByFooter, PrimaryButton, type Provider, ScreenHeader, ScreenLayout, SelectSourceScreen, SettingsMenu, SetupScreen, type SourceOption, type SourceSelection, type SourceType, Spinner, type StepItem, StepList, SwypeLoadingScreen, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, TokenPickerScreen, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, buildPasskeyPopupOptions, createPasskeyCredential, createPasskeyViaPopup, darkTheme, deviceHasPasskey, findDevicePasskey, findDevicePasskeyViaPopup, getTheme, lightTheme, resolvePasskeyRpId, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };

package/dist/index.d.ts

@@ -714,7 +714,7 @@ declare function Spinner({ size, label }: SpinnerProps): react_jsx_runtime.JSX.E
 
 declare function SwypeLoadingScreen(): react_jsx_runtime.JSX.Element;
 
-interface CreatePasskeyScreenProps {
+interface PasskeyScreenProps {
     onCreatePasskey: () => void;
     onBack?: () => void;
     creating: boolean;
@@ -724,7 +724,7 @@ interface CreatePasskeyScreenProps {
     /** Opens a pop-up window on the Swype domain for passkey registration. */
     onCreatePasskeyViaPopup?: () => void;
 }
-declare function CreatePasskeyScreen({ onCreatePasskey, onBack, creating, error, popupFallback, onCreatePasskeyViaPopup, }: CreatePasskeyScreenProps): react_jsx_runtime.JSX.Element;
+declare function PasskeyScreen({ onCreatePasskey, onBack, creating, error, popupFallback, onCreatePasskeyViaPopup, }: PasskeyScreenProps): react_jsx_runtime.JSX.Element;
 
 interface SetupScreenProps {
     availableBalance: number;
@@ -797,4 +797,4 @@ interface TokenPickerScreenProps {
 }
 declare function TokenPickerScreen({ account, chains, onSelectAuthorized, onAuthorizeToken, onBack, }: TokenPickerScreenProps): react_jsx_runtime.JSX.Element;
 
-export { type Account, type ActionExecutionResult, type AdvancedSettings, AdvancedSourceScreen, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, CreatePasskeyScreen, type Destination, type ErrorResponse, IconCircle, InfoBanner, type ListResponse, type MerchantAuthorization, type MerchantPublicKey, OutlineButton, PasskeyIframeBlockedError, type PaymentStep, PoweredByFooter, PrimaryButton, type Provider, ScreenHeader, ScreenLayout, SelectSourceScreen, SettingsMenu, SetupScreen, type SourceOption, type SourceSelection, type SourceType, Spinner, type StepItem, StepList, SwypeLoadingScreen, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, TokenPickerScreen, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, buildPasskeyPopupOptions, createPasskeyCredential, createPasskeyViaPopup, darkTheme, deviceHasPasskey, findDevicePasskey, findDevicePasskeyViaPopup, getTheme, lightTheme, resolvePasskeyRpId, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };
+export { type Account, type ActionExecutionResult, type AdvancedSettings, AdvancedSourceScreen, type Amount, type AuthorizationAction, type AuthorizationSession, type AuthorizationSessionDetail, type Chain, type Destination, type ErrorResponse, IconCircle, InfoBanner, type ListResponse, type MerchantAuthorization, type MerchantPublicKey, OutlineButton, PasskeyIframeBlockedError, PasskeyScreen, type PaymentStep, PoweredByFooter, PrimaryButton, type Provider, ScreenHeader, ScreenLayout, SelectSourceScreen, SettingsMenu, SetupScreen, type SourceOption, type SourceSelection, type SourceType, Spinner, type StepItem, StepList, SwypeLoadingScreen, SwypePayment, type SwypePaymentProps, SwypeProvider, type SwypeProviderProps, type ThemeMode, type ThemeTokens, type TokenBalance, TokenPickerScreen, type Transfer, type TransferDestination, type UserConfig, type Wallet, type WalletSource, type WalletToken, buildPasskeyPopupOptions, createPasskeyCredential, createPasskeyViaPopup, darkTheme, deviceHasPasskey, findDevicePasskey, findDevicePasskeyViaPopup, getTheme, lightTheme, resolvePasskeyRpId, api as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };

package/dist/index.js

@@ -808,10 +808,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);
@@ -1737,6 +1737,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 };
     }
@@ -3469,7 +3472,7 @@ var hintStyle = (color) => ({
   color,
   margin: "12px 0 0"
 });
-function CreatePasskeyScreen({
+function PasskeyScreen({
   onCreatePasskey,
   onBack,
   creating,
@@ -3479,7 +3482,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__ */ jsxs(
     ScreenLayout,
     {
@@ -3496,8 +3499,8 @@ function CreatePasskeyScreen({
             /* @__PURE__ */ jsx("circle", { cx: "15", cy: "10", r: "1", fill: tokens.accent }),
             /* @__PURE__ */ 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__ */ jsx("h2", { style: headingStyle3(tokens.text), children: "Set up your passkey" }),
-          /* @__PURE__ */ 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__ */ jsx("h2", { style: headingStyle3(tokens.text), children: "Create or verify your passkey" }),
+          /* @__PURE__ */ 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__ */ jsx("div", { style: errorBannerStyle2(tokens), children: error }),
           /* @__PURE__ */ jsx(InfoBanner, { children: "Your passkey is stored securely on your device. Swype never sees your biometric data." })
         ] })
@@ -5629,7 +5632,7 @@ function StepRenderer({
   }
   if (step === "create-passkey") {
     return /* @__PURE__ */ jsx(
-      CreatePasskeyScreen,
+      PasskeyScreen,
       {
         onCreatePasskey: handlers.onRegisterPasskey,
         onBack: handlers.onLogout,
@@ -5642,7 +5645,7 @@ function StepRenderer({
   }
   if (step === "verify-passkey") {
     return /* @__PURE__ */ jsx(
-      CreatePasskeyScreen,
+      PasskeyScreen,
       {
         onCreatePasskey: handlers.onRegisterPasskey,
         onBack: handlers.onLogout,
@@ -5967,6 +5970,8 @@ function SwypePaymentInner({
   const initializedSelectSourceActionRef = useRef(null);
   const preSelectSourceStepRef = useRef(null);
   const pendingTokenAuthRef = useRef(null);
+  const reauthSessionIdRef = useRef(null);
+  const reauthTokenRef = useRef(null);
   const checkingPasskeyRef = useRef(false);
   const onCompleteRef = useRef(onComplete);
   onCompleteRef.current = onComplete;
@@ -6260,7 +6265,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;
     }
@@ -6341,7 +6346,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;
     }
@@ -6369,12 +6374,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);
@@ -6415,7 +6423,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;
     }
@@ -6445,12 +6453,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);
@@ -6512,7 +6524,7 @@ function SwypePaymentInner({
   const handleSelectProvider = 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;
     }
@@ -6723,6 +6735,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" });
@@ -6992,9 +7029,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;
@@ -7015,6 +7079,7 @@ function SwypePaymentInner({
       } catch {
       }
     };
+    const poll = isReauth ? pollReauthorization : pollWalletActive;
     poll();
     const intervalId = window.setInterval(poll, POLL_INTERVAL_MS);
     const handleVisibility = () => {
@@ -7183,6 +7248,6 @@ function SwypePaymentInner({
   );
 }
 
-export { AdvancedSourceScreen, CreatePasskeyScreen, IconCircle, InfoBanner, OutlineButton, PasskeyIframeBlockedError, PoweredByFooter, PrimaryButton, ScreenHeader, ScreenLayout, SelectSourceScreen, SettingsMenu, SetupScreen, Spinner, StepList, SwypeLoadingScreen, SwypePayment, SwypeProvider, TokenPickerScreen, buildPasskeyPopupOptions, createPasskeyCredential, createPasskeyViaPopup, darkTheme, deviceHasPasskey, findDevicePasskey, findDevicePasskeyViaPopup, getTheme, lightTheme, resolvePasskeyRpId, api_exports as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };
+export { AdvancedSourceScreen, IconCircle, InfoBanner, OutlineButton, PasskeyIframeBlockedError, PasskeyScreen, PoweredByFooter, PrimaryButton, ScreenHeader, ScreenLayout, SelectSourceScreen, SettingsMenu, SetupScreen, Spinner, StepList, SwypeLoadingScreen, SwypePayment, SwypeProvider, TokenPickerScreen, buildPasskeyPopupOptions, createPasskeyCredential, createPasskeyViaPopup, darkTheme, deviceHasPasskey, findDevicePasskey, findDevicePasskeyViaPopup, getTheme, lightTheme, resolvePasskeyRpId, api_exports as swypeApi, useAuthorizationExecutor, useSwypeConfig, useSwypeDepositAmount, useTransferPolling, useTransferSigning };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map