@swype-org/react-sdk 0.1.205 → 0.1.207

package/dist/index.js

@@ -1902,6 +1902,7 @@ function paymentReducer(state, action) {
         ...state,
         selectedAccountId: action.accountId,
         selectedWalletId: action.walletId,
+        selectedTokenSymbol: null,
         step: "deposit"
       };
     case "SELECT_TOKEN":
@@ -3885,53 +3886,10 @@ function DepositScreen({
   const selectedAccount = accounts?.find((a) => a.id === selectedAccountId);
   const selectedProviderName = selectedAccount?.name ?? "Wallet";
   const selectedProviderLogo = KNOWN_LOGOS[selectedProviderName.toLowerCase()];
+  const totalAccountBalance = selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + w.balance.available.amount, 0) : availableBalance;
   const isLowBalance = availableBalance < MIN_DEPOSIT;
   const exceedsLimit = remainingLimit != null && amount > remainingLimit && !isLowBalance;
   const canDeposit = amount >= MIN_DEPOSIT && !exceedsLimit && !isLowBalance && !processing;
-  const headerTitle = merchantName ? `Deposit to ${merchantName}` : "Deposit";
-  if (isLowBalance) {
-    return /* @__PURE__ */ jsxs(
-      ScreenLayout,
-      {
-        footer: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(PrimaryButton, { onClick: onSwitchWallet, children: "Switch wallet" }),
-          /* @__PURE__ */ jsx("p", { style: switchHintStyle(tokens.textMuted), children: "Use a different wallet with more balance" }),
-          /* @__PURE__ */ jsx("div", { style: outlineBtnWrapStyle, children: /* @__PURE__ */ jsx(OutlineButton, { onClick: onBack, children: "Back to deposit options" }) }),
-          /* @__PURE__ */ jsx(PoweredByFooter, {})
-        ] }),
-        children: [
-          /* @__PURE__ */ jsx(ScreenHeader, { title: headerTitle, onBack, onLogout }),
-          /* @__PURE__ */ jsx("div", { style: lowBalanceAmountDisplayStyle, children: /* @__PURE__ */ jsxs("span", { style: lowBalanceAmountStyle, children: [
-            "$",
-            amount.toFixed(2)
-          ] }) }),
-          /* @__PURE__ */ jsxs("div", { style: lowBalanceRowStyle, children: [
-            /* @__PURE__ */ jsxs("div", { style: lowBalanceLeftStyle, children: [
-              /* @__PURE__ */ jsx("div", { style: lowBalanceCoinStyle(tokens.warning), children: /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [
-                /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor" }),
-                /* @__PURE__ */ jsx("text", { x: "12", y: "16", textAnchor: "middle", fontSize: "12", fill: "#fff", fontWeight: "700", children: "$" })
-              ] }) }),
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("div", { style: lowBalanceLabelStyle(tokens.textMuted), children: selectedSourceLabel ?? "Available" }),
-                /* @__PURE__ */ jsxs("div", { style: { fontSize: "1rem", fontWeight: 700, color: tokens.warning }, children: [
-                  "$",
-                  availableBalance.toFixed(2)
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z", fill: tokens.warning }) })
-          ] }),
-          /* @__PURE__ */ jsxs(WarningBanner, { title: "Not enough funds", children: [
-            "Your wallet balance is $",
-            availableBalance.toFixed(2),
-            " \u2014 you need at least $",
-            MIN_DEPOSIT.toFixed(2),
-            " to deposit via One-Tap."
-          ] })
-        ]
-      }
-    );
-  }
   return /* @__PURE__ */ jsxs(
     ScreenLayout,
     {
@@ -3975,7 +3933,7 @@ function DepositScreen({
                   selectedProviderLogo ? /* @__PURE__ */ jsx("img", { src: selectedProviderLogo, alt: selectedProviderName, style: providerLogoStyle }) : /* @__PURE__ */ jsx("div", { style: providerFallbackStyle(tokens.textMuted), children: selectedProviderName.charAt(0) }),
                   /* @__PURE__ */ jsxs("span", { style: walletBalanceStyle(tokens.text), children: [
                     "$",
-                    availableBalance.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+                    totalAccountBalance.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
                   ] }),
                   /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", style: { opacity: 0.4 }, children: /* @__PURE__ */ jsx("path", { d: "M7 10l5-5 5 5M7 14l5 5 5-5", stroke: tokens.textMuted, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
                 ]
@@ -4062,6 +4020,13 @@ function DepositScreen({
             ". Increase your limit to continue."
           ] })
         ] }),
+        !accountPickerOpen && isLowBalance && /* @__PURE__ */ jsxs(WarningBanner, { title: "Not enough funds", children: [
+          "Your wallet balance is $",
+          availableBalance.toFixed(2),
+          " \u2014 you need at least $",
+          MIN_DEPOSIT.toFixed(2),
+          " to deposit via One-Tap."
+        ] }),
         error && /* @__PURE__ */ jsx("div", { style: errorBannerStyle5(tokens), children: error })
       ]
     }
@@ -4265,46 +4230,6 @@ var limitExceededHintStyle = (color) => ({
   margin: "12px 0 2px",
   lineHeight: 1.5
 });
-var switchHintStyle = (color) => ({
-  textAlign: "center",
-  fontSize: "0.8rem",
-  color,
-  margin: "10px 0"
-});
-var outlineBtnWrapStyle = {
-  marginBottom: 8
-};
-var lowBalanceAmountDisplayStyle = {
-  textAlign: "center",
-  padding: "20px 0 8px"
-};
-var lowBalanceAmountStyle = {
-  fontSize: "2.5rem",
-  fontWeight: 700,
-  color: "#ccc",
-  letterSpacing: "-0.02em"
-};
-var lowBalanceRowStyle = {
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  marginBottom: 16
-};
-var lowBalanceLeftStyle = {
-  display: "flex",
-  alignItems: "center",
-  gap: 10
-};
-var lowBalanceCoinStyle = (color) => ({
-  color,
-  display: "flex",
-  alignItems: "center"
-});
-var lowBalanceLabelStyle = (color) => ({
-  fontSize: "0.72rem",
-  color,
-  fontWeight: 500
-});
 function SuccessScreen({
   amount,
   currency,
@@ -5659,7 +5584,7 @@ function StepRendererContent({
     return /* @__PURE__ */ jsx(
       SetupScreen,
       {
-        availableBalance: selectedSource ? selectedSource.balance.available.amount : selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + w.balance.available.amount, 0) : selectSourceAvailableBalance > 0 ? selectSourceAvailableBalance : maxSourceBalance,
+        availableBalance: selectedSource ? selectedSource.balance.available.amount : selectSourceAvailableBalance > 0 ? selectSourceAvailableBalance : selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + w.balance.available.amount, 0) : maxSourceBalance,
         tokenCount: effectiveTokenCount,
         sourceName,
         onSetupOneTap: handlers.onSetupOneTap,