@swype-org/react-sdk 0.1.114 → 0.1.116

package/dist/index.d.cts

@@ -30,6 +30,8 @@ interface WalletSource {
     address: string;
     token: WalletToken;
     balance: TokenBalance;
+    /** Remaining One-Tap allowance in USD for this token on this chain, or null when not configured. */
+    remainingAllowance?: number | null;
 }
 /** Full wallet with chain, balance, and token sources */
 interface Wallet {

package/dist/index.d.ts

@@ -30,6 +30,8 @@ interface WalletSource {
     address: string;
     token: WalletToken;
     balance: TokenBalance;
+    /** Remaining One-Tap allowance in USD for this token on this chain, or null when not configured. */
+    remainingAllowance?: number | null;
 }
 /** Full wallet with chain, balance, and token sources */
 interface Wallet {

package/dist/index.js

@@ -2166,7 +2166,7 @@ function paymentReducer(state, action) {
       };
     // ── Navigation & error ───────────────────────────────────────
     case "NAVIGATE":
-      return { ...state, step: action.step };
+      return { ...state, step: action.step, error: null };
     case "SET_ERROR":
       return { ...state, error: action.error };
     // ── Lifecycle ────────────────────────────────────────────────
@@ -5573,6 +5573,7 @@ function StepRenderer({
   maxSourceBalance,
   tokenCount,
   selectedAccount,
+  selectedSource,
   selectSourceChoices,
   selectSourceRecommended,
   authInput,
@@ -5682,7 +5683,7 @@ function StepRenderer({
     return /* @__PURE__ */ jsx(
       SetupScreen,
       {
-        availableBalance: selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + w.balance.available.amount, 0) : maxSourceBalance,
+        availableBalance: selectedSource ? selectedSource.balance.available.amount : selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + w.balance.available.amount, 0) : maxSourceBalance,
         tokenCount,
         sourceName,
         onSetupOneTap: handlers.onSetupOneTap,
@@ -5718,8 +5719,8 @@ function StepRenderer({
         sourceName,
         sourceAddress,
         sourceVerified,
-        availableBalance: selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + w.balance.available.amount, 0) : maxSourceBalance,
-        remainingLimit: selectedAccount?.remainingAllowance ?? state.oneTapLimit,
+        availableBalance: selectedSource ? selectedSource.balance.available.amount : selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + w.balance.available.amount, 0) : maxSourceBalance,
+        remainingLimit: selectedSource?.remainingAllowance ?? selectedAccount?.remainingAllowance ?? state.oneTapLimit,
         tokenCount,
         initialAmount: parsedAmt,
         processing: state.creatingTransfer,
@@ -5795,7 +5796,7 @@ function StepRenderer({
         merchantName,
         sourceName,
         remainingLimit: succeeded ? (() => {
-          const limit = selectedAccount?.remainingAllowance ?? state.oneTapLimit;
+          const limit = selectedSource?.remainingAllowance ?? selectedAccount?.remainingAllowance ?? state.oneTapLimit;
           return limit > displayAmount ? limit - displayAmount : 0;
         })() : void 0,
         onDone: onDismiss ?? handlers.onNewPayment,
@@ -5813,7 +5814,7 @@ function StepRenderer({
         sourceAddress,
         sourceVerified,
         availableBalance: 0,
-        remainingLimit: selectedAccount?.remainingAllowance ?? state.oneTapLimit,
+        remainingLimit: selectedSource?.remainingAllowance ?? selectedAccount?.remainingAllowance ?? state.oneTapLimit,
         tokenCount,
         initialAmount: depositAmount ?? 5,
         processing: false,
@@ -5972,6 +5973,15 @@ function SwypePaymentInner({
   const selectedWallet = selectedAccount?.wallets.find(
     (w) => w.id === state.selectedWalletId
   );
+  const selectedSource = useMemo(() => {
+    if (!selectedWallet) return null;
+    if (state.selectedTokenSymbol) {
+      return selectedWallet.sources.find(
+        (s) => s.token.symbol === state.selectedTokenSymbol
+      ) ?? null;
+    }
+    return selectedWallet.sources.find((s) => s.token.status === "AUTHORIZED") ?? selectedWallet.sources[0] ?? null;
+  }, [selectedWallet, state.selectedTokenSymbol]);
   const sourceName = selectedAccount?.name ?? selectedWallet?.chain.name ?? "Wallet";
   const sourceAddress = selectedWallet ? `${selectedWallet.name.slice(0, 6)}...${selectedWallet.name.slice(-4)}` : void 0;
   const sourceVerified = selectedWallet?.status === "ACTIVE";
@@ -6650,11 +6660,11 @@ function SwypePaymentInner({
     }
   }, [depositAmount]);
   useEffect(() => {
-    if (authenticated) return;
+    if (authenticated || state.step !== "otp-verify") return;
     if (activeOtpErrorMessage) dispatch({ type: "SET_ERROR", error: activeOtpErrorMessage });
-  }, [activeOtpErrorMessage, authenticated]);
+  }, [activeOtpErrorMessage, authenticated, state.step]);
   useEffect(() => {
-    if (state.step === "otp-verify" && /^\d{6}$/.test(otpCode.trim()) && activeOtpStatus !== "submitting-code") {
+    if (state.step === "otp-verify" && /^\d{6}$/.test(otpCode.trim()) && activeOtpStatus === "awaiting-code-input") {
       handleVerifyLoginCode();
     }
   }, [otpCode, state.step, activeOtpStatus, handleVerifyLoginCode]);
@@ -7135,6 +7145,7 @@ function SwypePaymentInner({
       maxSourceBalance,
       tokenCount,
       selectedAccount,
+      selectedSource,
       selectSourceChoices,
       selectSourceRecommended,
       authInput,