@swype-org/react-sdk 0.1.110 → 0.1.112

package/dist/index.d.cts

@@ -202,7 +202,7 @@ interface UserConfig {
 /** Theme mode */
 type ThemeMode = 'light' | 'dark';
 /** Steps in the payment flow */
-type PaymentStep = 'login' | 'otp-verify' | 'create-passkey' | 'verify-passkey' | 'wallet-picker' | 'open-wallet' | 'confirm-sign' | 'deposit' | 'low-balance' | 'processing' | 'select-source' | 'success';
+type PaymentStep = 'login' | 'otp-verify' | 'create-passkey' | 'verify-passkey' | 'wallet-picker' | 'open-wallet' | 'setup-status' | 'setup' | 'confirm-sign' | 'deposit' | 'low-balance' | 'processing' | 'select-source' | 'success';
 /** User-selected advanced settings for chain/asset override */
 interface AdvancedSettings {
     /** Override asset (e.g. 'USDC', 'USDT'). Null = let backend decide. */

package/dist/index.d.ts

@@ -202,7 +202,7 @@ interface UserConfig {
 /** Theme mode */
 type ThemeMode = 'light' | 'dark';
 /** Steps in the payment flow */
-type PaymentStep = 'login' | 'otp-verify' | 'create-passkey' | 'verify-passkey' | 'wallet-picker' | 'open-wallet' | 'confirm-sign' | 'deposit' | 'low-balance' | 'processing' | 'select-source' | 'success';
+type PaymentStep = 'login' | 'otp-verify' | 'create-passkey' | 'verify-passkey' | 'wallet-picker' | 'open-wallet' | 'setup-status' | 'setup' | 'confirm-sign' | 'deposit' | 'low-balance' | 'processing' | 'select-source' | 'success';
 /** User-selected advanced settings for chain/asset override */
 interface AdvancedSettings {
     /** Override asset (e.g. 'USDC', 'USDT'). Null = let backend decide. */

package/dist/index.js

@@ -3813,7 +3813,7 @@ var dividerTextStyle = (color) => ({
   whiteSpace: "nowrap"
 });
 var DEFAULT_MAX = 500;
-var ABSOLUTE_MIN = 1;
+var ABSOLUTE_MIN = 0.01;
 function SetupScreen({
   availableBalance,
   tokenCount,
@@ -3827,7 +3827,7 @@ function SetupScreen({
   error
 }) {
   const { tokens } = useSwypeConfig();
-  const effectiveMax = Math.floor(Math.min(DEFAULT_MAX, availableBalance > 0 ? availableBalance : DEFAULT_MAX) * 100) / 100;
+  const effectiveMax = DEFAULT_MAX;
   const effectiveMin = Math.min(ABSOLUTE_MIN, effectiveMax);
   const [limit, setLimit] = useState(() => effectiveMax);
   const [editing, setEditing] = useState(false);
@@ -3921,11 +3921,15 @@ function SetupScreen({
           ] }) : /* @__PURE__ */ jsxs(
             "div",
             {
-              style: { ...limitValueStyle(tokens.text), cursor: "pointer" },
+              style: editableLimitStyle(tokens.text),
               onClick: startEditing,
               children: [
                 "$",
-                limit.toFixed(2)
+                limit.toFixed(2),
+                /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", style: pencilIconStyle(tokens.textMuted), children: [
+                  /* @__PURE__ */ jsx("path", { d: "M16.474 5.408l2.118 2.117m-.756-3.982L12.109 9.27a2.118 2.118 0 00-.58 1.082L11 13l2.648-.53c.41-.082.786-.283 1.082-.579l5.727-5.727a1.853 1.853 0 10-2.621-2.621z", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }),
+                  /* @__PURE__ */ jsx("path", { d: "M19 15v3a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2h3", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })
+                ] })
               ]
             }
           )
@@ -4033,6 +4037,18 @@ var limitValueStyle = (color) => ({
   color,
   marginBottom: 12
 });
+var editableLimitStyle = (color) => ({
+  ...limitValueStyle(color),
+  cursor: "pointer",
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 6
+});
+var pencilIconStyle = (color) => ({
+  color,
+  opacity: 0.6,
+  flexShrink: 0
+});
 var limitInputStyle = (color) => ({
   fontSize: "2.2rem",
   fontWeight: 700,
@@ -4060,6 +4076,108 @@ var linkStyle = (color) => ({
   padding: 0,
   marginBottom: 16
 });
+function SetupStatusScreen({
+  complete,
+  limit,
+  tokensApproved,
+  merchantName,
+  onContinue,
+  onLogout,
+  error
+}) {
+  const { tokens } = useSwypeConfig();
+  const steps = complete ? [
+    {
+      label: "One-Tap ready",
+      detail: `$${limit} limit \xB7 ${tokensApproved} token${tokensApproved !== 1 ? "s" : ""} approved`,
+      status: "complete"
+    },
+    { label: "Done", status: "complete" }
+  ] : [
+    {
+      label: "Setting up Wallet",
+      status: "active"
+    },
+    { label: "Done", status: "pending" }
+  ];
+  return /* @__PURE__ */ jsxs(
+    ScreenLayout,
+    {
+      footer: complete ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(PrimaryButton, { onClick: onContinue, children: merchantName ? `Return to ${merchantName}` : "Continue" }),
+        /* @__PURE__ */ jsx("p", { style: swipeHintStyle(tokens.textMuted), children: "Swipe to deposit \u2014 no approvals needed." })
+      ] }) : void 0,
+      children: [
+        /* @__PURE__ */ jsx(ScreenHeader, { right: /* @__PURE__ */ jsx(SettingsMenu, { onLogout }) }),
+        /* @__PURE__ */ jsxs("div", { style: contentStyle5, children: [
+          complete ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(IconCircle, { variant: "success", size: 64, children: /* @__PURE__ */ jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z", fill: tokens.success }) }) }),
+            /* @__PURE__ */ jsx("h2", { style: headingStyle6(tokens.text), children: "You're all set!" })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Spinner, { size: 48 }),
+            /* @__PURE__ */ jsx("h2", { style: headingStyle6(tokens.text), children: "Setting up One-Tap..." })
+          ] }),
+          error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle4(tokens), children: error }),
+          /* @__PURE__ */ jsx("div", { style: stepsWrapStyle, children: /* @__PURE__ */ jsx(StepList, { steps }) }),
+          !complete && /* @__PURE__ */ jsx("p", { style: waitHintStyle(tokens.textMuted), children: "Usually takes a few seconds" }),
+          complete && /* @__PURE__ */ jsx("p", { style: readyHintStyle(tokens.textSecondary), children: "You can now deposit instantly from any partner app." })
+        ] })
+      ]
+    }
+  );
+}
+var contentStyle5 = {
+  flex: 1,
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  textAlign: "center",
+  padding: "0 24px 32px"
+};
+var headingStyle6 = (color) => ({
+  fontSize: "1.45rem",
+  fontWeight: 700,
+  letterSpacing: "-0.02em",
+  color,
+  margin: "20px 0 16px"
+});
+var errorBannerStyle4 = (tokens) => ({
+  background: tokens.errorBg,
+  border: `1px solid ${tokens.error}66`,
+  borderRadius: 16,
+  padding: "11px 14px",
+  color: tokens.error,
+  fontSize: "0.84rem",
+  marginBottom: 14,
+  lineHeight: 1.5,
+  width: "100%",
+  textAlign: "left"
+});
+var stepsWrapStyle = {
+  width: "100%",
+  maxWidth: 280,
+  textAlign: "left",
+  marginBottom: 16
+};
+var waitHintStyle = (color) => ({
+  fontSize: "0.82rem",
+  color,
+  margin: 0
+});
+var readyHintStyle = (color) => ({
+  fontSize: "0.88rem",
+  color,
+  margin: "8px 0 0",
+  lineHeight: 1.5,
+  maxWidth: 280
+});
+var swipeHintStyle = (color) => ({
+  textAlign: "center",
+  fontSize: "0.8rem",
+  color,
+  margin: "12px 0 0"
+});
 var MIN_DEPOSIT = 0.25;
 function DepositScreen({
   merchantName,
@@ -4237,7 +4355,7 @@ function DepositScreen({
             "%)"
           ] }) : /* @__PURE__ */ jsx("div", { style: detailRowStyle(tokens.textMuted), children: "Fees calculated at time of transfer" })
         ] }),
-        error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle4(tokens), children: error })
+        error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle5(tokens), children: error })
       ]
     }
   );
@@ -4305,7 +4423,7 @@ var detailRowStyle = (color) => ({
   color,
   marginBottom: 4
 });
-var errorBannerStyle4 = (tokens) => ({
+var errorBannerStyle5 = (tokens) => ({
   background: tokens.errorBg,
   border: `1px solid ${tokens.error}66`,
   borderRadius: 16,
@@ -4404,10 +4522,10 @@ function SuccessScreen({
             right: /* @__PURE__ */ jsx(SettingsMenu, { onLogout })
           }
         ),
-        /* @__PURE__ */ jsxs("div", { style: contentStyle5, children: [
+        /* @__PURE__ */ jsxs("div", { style: contentStyle6, children: [
           succeeded ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(IconCircle, { variant: "success", size: 64, children: /* @__PURE__ */ jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z", fill: tokens.success }) }) }),
-            /* @__PURE__ */ jsxs("h2", { style: headingStyle6(tokens.text), children: [
+            /* @__PURE__ */ jsxs("h2", { style: headingStyle7(tokens.text), children: [
               "$",
               amount.toFixed(2),
               " deposited"
@@ -4418,7 +4536,7 @@ function SuccessScreen({
             ] })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(IconCircle, { variant: "error", size: 64, children: /* @__PURE__ */ jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z", fill: tokens.error }) }) }),
-            /* @__PURE__ */ jsx("h2", { style: headingStyle6(tokens.text), children: "Transfer failed" }),
+            /* @__PURE__ */ jsx("h2", { style: headingStyle7(tokens.text), children: "Transfer failed" }),
             error && /* @__PURE__ */ jsx("p", { style: subtitleStyle6(tokens.error), children: error })
           ] }),
           /* @__PURE__ */ jsxs("div", { style: summaryCardStyle(tokens), children: [
@@ -4451,14 +4569,14 @@ function SuccessScreen({
     }
   );
 }
-var contentStyle5 = {
+var contentStyle6 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
   paddingTop: 16
 };
-var headingStyle6 = (color) => ({
+var headingStyle7 = (color) => ({
   fontSize: "1.5rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
@@ -4743,7 +4861,7 @@ function AdvancedSourceScreen({
             right: /* @__PURE__ */ jsx("span", { style: advancedBadgeStyle(tokens.accent), children: "Advanced" })
           }
         ),
-        /* @__PURE__ */ jsx("h2", { style: headingStyle7(tokens.text), children: "Set up One-Tap deposits" }),
+        /* @__PURE__ */ jsx("h2", { style: headingStyle8(tokens.text), children: "Set up One-Tap deposits" }),
         /* @__PURE__ */ jsx("p", { style: subtitleStyle8(tokens.textSecondary), children: "Select a token source for your One-Tap deposits." }),
         /* @__PURE__ */ jsx("label", { style: labelStyle3(tokens.textSecondary), children: "Select tokens to approve" }),
         /* @__PURE__ */ jsx("div", { style: chainListStyle, children: choices.map((chain) => {
@@ -4807,7 +4925,7 @@ var advancedBadgeStyle = (color) => ({
   padding: "3px 10px",
   letterSpacing: "0.02em"
 });
-var headingStyle7 = (color) => ({
+var headingStyle8 = (color) => ({
   fontSize: "1.3rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
@@ -4942,16 +5060,16 @@ function TransferStatusScreen({
   const steps = buildSteps(phase);
   return /* @__PURE__ */ jsxs(ScreenLayout, { children: [
     /* @__PURE__ */ jsx(ScreenHeader, { right: /* @__PURE__ */ jsx(SettingsMenu, { onLogout }) }),
-    /* @__PURE__ */ jsxs("div", { style: contentStyle6, children: [
+    /* @__PURE__ */ jsxs("div", { style: contentStyle7, children: [
       /* @__PURE__ */ jsx(Spinner, { size: 48 }),
-      /* @__PURE__ */ jsx("h2", { style: headingStyle8(tokens.text), children: "Processing Transfer..." }),
-      error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle5(tokens), children: error }),
-      /* @__PURE__ */ jsx("div", { style: stepsWrapStyle, children: /* @__PURE__ */ jsx(StepList, { steps }) }),
-      /* @__PURE__ */ jsx("p", { style: waitHintStyle(tokens.textMuted), children: "Usually takes a few seconds" })
+      /* @__PURE__ */ jsx("h2", { style: headingStyle9(tokens.text), children: "Processing Transfer..." }),
+      error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle6(tokens), children: error }),
+      /* @__PURE__ */ jsx("div", { style: stepsWrapStyle2, children: /* @__PURE__ */ jsx(StepList, { steps }) }),
+      /* @__PURE__ */ jsx("p", { style: waitHintStyle2(tokens.textMuted), children: "Usually takes a few seconds" })
     ] })
   ] });
 }
-var contentStyle6 = {
+var contentStyle7 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -4960,14 +5078,14 @@ var contentStyle6 = {
   textAlign: "center",
   padding: "0 24px"
 };
-var headingStyle8 = (color) => ({
+var headingStyle9 = (color) => ({
   fontSize: "1.45rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
   color,
   margin: "20px 0 16px"
 });
-var errorBannerStyle5 = (tokens) => ({
+var errorBannerStyle6 = (tokens) => ({
   background: tokens.errorBg,
   border: `1px solid ${tokens.error}66`,
   borderRadius: 16,
@@ -4979,13 +5097,13 @@ var errorBannerStyle5 = (tokens) => ({
   width: "100%",
   textAlign: "left"
 });
-var stepsWrapStyle = {
+var stepsWrapStyle2 = {
   width: "100%",
   maxWidth: 280,
   textAlign: "left",
   marginBottom: 16
 };
-var waitHintStyle = (color) => ({
+var waitHintStyle2 = (color) => ({
   fontSize: "0.82rem",
   color,
   margin: 0
@@ -5027,9 +5145,9 @@ function OpenWalletScreen({
       ] }),
       children: [
         /* @__PURE__ */ jsx(ScreenHeader, { right: /* @__PURE__ */ jsx(SettingsMenu, { onLogout }) }),
-        /* @__PURE__ */ jsxs("div", { style: contentStyle7, children: [
+        /* @__PURE__ */ jsxs("div", { style: contentStyle8, children: [
           logoSrc ? /* @__PURE__ */ jsx("img", { src: logoSrc, alt: displayName, style: logoStyle }) : /* @__PURE__ */ jsx(Spinner, { size: 48 }),
-          /* @__PURE__ */ jsx("h2", { style: headingStyle9(tokens.text), children: loading ? "Connecting..." : `Open ${displayName}` }),
+          /* @__PURE__ */ jsx("h2", { style: headingStyle10(tokens.text), children: loading ? "Connecting..." : `Open ${displayName}` }),
           /* @__PURE__ */ jsx("p", { style: subtitleStyle9(tokens.textSecondary), children: loading ? "Creating transfer and preparing your wallet link..." : `Continue in ${displayName} to authorize this connection.` }),
           !loading && /* @__PURE__ */ jsxs("div", { style: waitingBadgeStyle(tokens), children: [
             /* @__PURE__ */ jsx(Spinner, { size: 14 }),
@@ -5040,7 +5158,7 @@ function OpenWalletScreen({
     }
   );
 }
-var contentStyle7 = {
+var contentStyle8 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -5060,7 +5178,7 @@ var logoStyle = {
   borderRadius: 14,
   objectFit: "contain"
 };
-var headingStyle9 = (color) => ({
+var headingStyle10 = (color) => ({
   fontSize: "1.45rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
@@ -5111,9 +5229,9 @@ function ConfirmSignScreen({
       ] }),
       children: [
         /* @__PURE__ */ jsx(ScreenHeader, { right: /* @__PURE__ */ jsx(SettingsMenu, { onLogout }) }),
-        /* @__PURE__ */ jsxs("div", { style: contentStyle8, children: [
+        /* @__PURE__ */ jsxs("div", { style: contentStyle9, children: [
           logoSrc ? /* @__PURE__ */ jsx("img", { src: logoSrc, alt: displayName, style: logoStyle2 }) : /* @__PURE__ */ jsx(Spinner, { size: 48 }),
-          /* @__PURE__ */ jsx("h2", { style: headingStyle10(tokens.text), children: "Wallet authorized" }),
+          /* @__PURE__ */ jsx("h2", { style: headingStyle11(tokens.text), children: "Wallet authorized" }),
           /* @__PURE__ */ jsxs("p", { style: subtitleStyle10(tokens.textSecondary), children: [
             displayName,
             " approved the connection. Tap below to confirm your payment."
@@ -5127,7 +5245,7 @@ function ConfirmSignScreen({
     }
   );
 }
-var contentStyle8 = {
+var contentStyle9 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -5142,7 +5260,7 @@ var logoStyle2 = {
   borderRadius: 14,
   objectFit: "contain"
 };
-var headingStyle10 = (color) => ({
+var headingStyle11 = (color) => ({
   fontSize: "1.45rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
@@ -5292,6 +5410,35 @@ function StepRenderer({
       }
     );
   }
+  if (step === "setup-status") {
+    return /* @__PURE__ */ jsx(
+      SetupStatusScreen,
+      {
+        complete: false,
+        limit: state.oneTapLimit,
+        tokensApproved: 0,
+        merchantName,
+        onContinue: () => handlers.onNavigate("setup"),
+        onLogout: handlers.onLogout,
+        error: state.error || authExecutorError
+      }
+    );
+  }
+  if (step === "setup") {
+    return /* @__PURE__ */ jsx(
+      SetupScreen,
+      {
+        availableBalance: selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + w.balance.available.amount, 0) : maxSourceBalance,
+        tokenCount,
+        sourceName,
+        onSetupOneTap: handlers.onSetupOneTap,
+        onBack: () => handlers.onNavigate("deposit"),
+        onLogout: handlers.onLogout,
+        loading: state.creatingTransfer,
+        error: state.error
+      }
+    );
+  }
   if (step === "confirm-sign") {
     const providerName = state.providers.find((p) => p.id === state.selectedProviderId)?.name ?? null;
     return /* @__PURE__ */ jsx(
@@ -5440,7 +5587,7 @@ var PaymentErrorBoundary = class extends Component {
         /* @__PURE__ */ jsx("path", { d: "M12 8v5", stroke: "#ef4444", strokeWidth: "1.5", strokeLinecap: "round" }),
         /* @__PURE__ */ jsx("circle", { cx: "12", cy: "16", r: "0.75", fill: "#ef4444" })
       ] }) }),
-      /* @__PURE__ */ jsx("h2", { style: headingStyle11, children: "Something went wrong" }),
+      /* @__PURE__ */ jsx("h2", { style: headingStyle12, children: "Something went wrong" }),
       /* @__PURE__ */ jsx("p", { style: messageStyle, children: "An unexpected error occurred. Please try again." }),
       /* @__PURE__ */ jsx("button", { type: "button", onClick: this.handleReset, style: buttonStyle3, children: "Try again" })
     ] });
@@ -5460,7 +5607,7 @@ var containerStyle8 = {
 var iconStyle4 = {
   marginBottom: 20
 };
-var headingStyle11 = {
+var headingStyle12 = {
   fontSize: "1.25rem",
   fontWeight: 700,
   color: "#1a1a1a",
@@ -5996,7 +6143,16 @@ function SwypePaymentInner({
     }
     const provider = state.providers.find((p) => p.id === providerId);
     const providerName = provider?.name ?? "Wallet";
-    dispatch({ type: "PAY_STARTED", isSetupRedirect: true });
+    const isMobile = !shouldUseWalletConnector({
+      useWalletConnector: useWalletConnectorProp,
+      userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
+    });
+    if (isMobile) {
+      dispatch({ type: "PAY_STARTED", isSetupRedirect: true });
+    } else {
+      dispatch({ type: "PAY_STARTED", isSetupRedirect: false });
+      dispatch({ type: "NAVIGATE", step: "setup-status" });
+    }
     try {
       const token = await getAccessToken();
       if (!token) throw new Error("Not authenticated");
@@ -6009,10 +6165,6 @@ function SwypePaymentInner({
       });
       const session = account.authorizationSessions?.[0];
       if (!session) throw new Error("No authorization session returned.");
-      const isMobile = !shouldUseWalletConnector({
-        useWalletConnector: useWalletConnectorProp,
-        userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
-      });
       if (isMobile) {
         handlingMobileReturnRef.current = false;
         mobileSetupFlowRef.current = true;
@@ -6029,7 +6181,7 @@ function SwypePaymentInner({
       } else {
         await authExecutor.executeSessionById(session.id);
         await reloadAccounts();
-        dispatch({ type: "NAVIGATE", step: "deposit" });
+        dispatch({ type: "NAVIGATE", step: "setup" });
       }
     } catch (err) {
       captureException(err);
@@ -6073,6 +6225,20 @@ function SwypePaymentInner({
     },
     [state.accounts, depositAmount]
   );
+  const handleSetupOneTap = useCallback(async (limit) => {
+    try {
+      const token = await getAccessToken();
+      if (!token) throw new Error("Not authenticated");
+      await updateUserConfig(apiBaseUrl, token, { defaultAllowance: limit });
+      dispatch({ type: "NAVIGATE", step: "deposit" });
+    } catch (err) {
+      captureException(err);
+      dispatch({
+        type: "SET_ERROR",
+        error: err instanceof Error ? err.message : "Failed to save One-Tap limit"
+      });
+    }
+  }, [getAccessToken, apiBaseUrl]);
   const handleNewPayment = useCallback(() => {
     clearMobileFlowState();
     processingStartedAtRef.current = null;
@@ -6309,6 +6475,7 @@ function SwypePaymentInner({
     checkPasskey();
     return () => {
       cancelled = true;
+      checkingPasskeyRef.current = false;
     };
   }, [ready, authenticated, state.step, apiBaseUrl, state.activeCredentialId]);
   useEffect(() => {
@@ -6520,7 +6687,7 @@ function SwypePaymentInner({
     initializedSelectSourceActionRef.current = pendingSelectSourceAction.id;
   }, [pendingSelectSourceAction, selectSourceChoices, selectSourceRecommended]);
   useEffect(() => {
-    if (pendingSelectSourceAction && (state.step === "processing" || state.step === "open-wallet")) {
+    if (pendingSelectSourceAction && (state.step === "processing" || state.step === "open-wallet" || state.step === "setup-status")) {
       preSelectSourceStepRef.current = state.step;
       dispatch({ type: "NAVIGATE", step: "select-source" });
     } else if (!pendingSelectSourceAction && state.step === "select-source") {
@@ -6556,7 +6723,8 @@ function SwypePaymentInner({
     },
     onSelectSourceChainChange: handleSelectSourceChainChange,
     onSetSelectSourceTokenSymbol: setSelectSourceTokenSymbol,
-    onConfirmSelectSource: handleConfirmSelectSource
+    onConfirmSelectSource: handleConfirmSelectSource,
+    onSetupOneTap: handleSetupOneTap
   }), [
     handleSendLoginCode,
     handleVerifyLoginCode,
@@ -6574,7 +6742,8 @@ function SwypePaymentInner({
     handleLogout,
     handleNewPayment,
     handleSelectSourceChainChange,
-    handleConfirmSelectSource
+    handleConfirmSelectSource,
+    handleSetupOneTap
   ]);
   return /* @__PURE__ */ jsx(
     StepRenderer,