@swype-org/react-sdk 0.1.114 → 0.1.116

package/dist/index.cjs

@@ -2169,7 +2169,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 ────────────────────────────────────────────────
@@ -5576,6 +5576,7 @@ function StepRenderer({
   maxSourceBalance,
   tokenCount,
   selectedAccount,
+  selectedSource,
   selectSourceChoices,
   selectSourceRecommended,
   authInput,
@@ -5685,7 +5686,7 @@ function StepRenderer({
     return /* @__PURE__ */ jsxRuntime.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,
@@ -5721,8 +5722,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,
@@ -5798,7 +5799,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,
@@ -5816,7 +5817,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,
@@ -5975,6 +5976,15 @@ function SwypePaymentInner({
   const selectedWallet = selectedAccount?.wallets.find(
     (w) => w.id === state.selectedWalletId
   );
+  const selectedSource = react.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";
@@ -6653,11 +6663,11 @@ function SwypePaymentInner({
     }
   }, [depositAmount]);
   react.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]);
   react.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]);
@@ -7138,6 +7148,7 @@ function SwypePaymentInner({
       maxSourceBalance,
       tokenCount,
       selectedAccount,
+      selectedSource,
       selectSourceChoices,
       selectSourceRecommended,
       authInput,