@swype-org/react-sdk 0.1.107 → 0.1.110

package/dist/index.cjs

@@ -1811,43 +1811,71 @@ function clearMobileFlowState() {
   } catch {
   }
 }
-function computeSmartDefaults(accts, transferAmount) {
-  if (accts.length === 0) return null;
-  for (const acct of accts) {
-    for (const wallet of acct.wallets) {
-      if (wallet.status === "ACTIVE") {
-        const bestSource = wallet.sources.find(
-          (s) => s.balance.available.amount >= transferAmount
-        );
-        if (bestSource) {
-          return { accountId: acct.id, walletId: wallet.id };
-        }
-      }
+function getWalletAddress(wallet) {
+  const address = wallet.name.trim();
+  return address.length > 0 ? address : null;
+}
+function getAddressableWallets(account) {
+  return account.wallets.filter((wallet) => getWalletAddress(wallet) != null);
+}
+function hasActiveDepositWallet(account) {
+  return getAddressableWallets(account).some((wallet) => wallet.status === "ACTIVE");
+}
+function getPreferredDepositWallet(account, transferAmount) {
+  const wallets = getAddressableWallets(account);
+  if (wallets.length === 0) return null;
+  for (const wallet of wallets) {
+    if (wallet.status === "ACTIVE" && wallet.sources.some((source) => source.balance.available.amount >= transferAmount)) {
+      return wallet;
     }
   }
-  let bestAccount = null;
   let bestWallet = null;
   let bestBalance = -1;
   let bestIsActive = false;
-  for (const acct of accts) {
-    for (const wallet of acct.wallets) {
-      const walletBal = wallet.balance.available.amount;
-      const isActive = wallet.status === "ACTIVE";
-      if (walletBal > bestBalance || walletBal === bestBalance && isActive && !bestIsActive) {
-        bestBalance = walletBal;
-        bestAccount = acct;
-        bestWallet = wallet;
-        bestIsActive = isActive;
-      }
+  for (const wallet of wallets) {
+    const walletBal = wallet.balance.available.amount;
+    const isActive = wallet.status === "ACTIVE";
+    if (walletBal > bestBalance || walletBal === bestBalance && isActive && !bestIsActive) {
+      bestBalance = walletBal;
+      bestWallet = wallet;
+      bestIsActive = isActive;
     }
   }
-  if (bestAccount) {
-    return {
-      accountId: bestAccount.id,
-      walletId: bestWallet?.id ?? null
-    };
+  return bestWallet ?? wallets[0];
+}
+function getDepositEligibleAccounts(accounts) {
+  return accounts.filter((account) => getAddressableWallets(account).length > 0);
+}
+function resolveDepositSelection(accounts, transferAmount, selectedAccountId) {
+  const eligibleAccounts = getDepositEligibleAccounts(accounts);
+  if (eligibleAccounts.length === 0) return null;
+  if (selectedAccountId) {
+    const selectedAccount = eligibleAccounts.find((account) => account.id === selectedAccountId);
+    if (selectedAccount) {
+      const preferredWallet = getPreferredDepositWallet(selectedAccount, transferAmount);
+      return {
+        accountId: selectedAccount.id,
+        walletId: preferredWallet?.id ?? null
+      };
+    }
+  }
+  for (const account of eligibleAccounts) {
+    const fullyEligibleWallet = getAddressableWallets(account).find(
+      (wallet) => wallet.status === "ACTIVE" && wallet.sources.some((source) => source.balance.available.amount >= transferAmount)
+    );
+    if (fullyEligibleWallet) {
+      return {
+        accountId: account.id,
+        walletId: fullyEligibleWallet.id
+      };
+    }
   }
-  return { accountId: accts[0].id, walletId: null };
+  const fallbackAccount = eligibleAccounts[0];
+  const fallbackWallet = getPreferredDepositWallet(fallbackAccount, transferAmount);
+  return {
+    accountId: fallbackAccount.id,
+    walletId: fallbackWallet?.id ?? null
+  };
 }
 function parseRawBalance(rawBalance, decimals) {
   const parsed = Number(rawBalance);
@@ -2160,59 +2188,68 @@ function paymentReducer(state, action) {
       return state;
   }
 }
-function Spinner({ size = 40, label }) {
-  const { tokens } = useSwypeConfig();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        gap: "12px"
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            style: {
-              width: size,
-              height: size,
-              border: `4px solid ${tokens.bgInput}`,
-              borderTopColor: tokens.accent,
-              borderRightColor: tokens.accent + "66",
-              borderRadius: "50%",
-              boxShadow: "inset 0 0 0 1px rgba(255,255,255,0.1)",
-              animation: "swype-spin 0.9s linear infinite"
-            }
-          }
-        ),
-        label && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: tokens.textSecondary, fontSize: "0.875rem", margin: 0 }, children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
-        @keyframes swype-spin {
+var ACCENT = "#28b67a";
+var BG_RING = "#d2e4ea";
+function SwypeLoadingScreen() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: wordmarkStyle, children: "swype" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: spinnerStyle })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        @keyframes swype-loading-spin {
           to { transform: rotate(360deg); }
         }
       ` })
-      ]
-    }
-  );
+  ] });
 }
+var containerStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  height: "100%",
+  flex: 1,
+  background: "transparent"
+};
+var contentStyle = {
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  gap: 16
+};
+var wordmarkStyle = {
+  fontSize: 28,
+  fontWeight: 700,
+  letterSpacing: "-0.04em",
+  color: ACCENT,
+  margin: 0,
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+};
+var spinnerStyle = {
+  width: 44,
+  height: 44,
+  border: `4px solid ${BG_RING}`,
+  borderTopColor: ACCENT,
+  borderRightColor: `${ACCENT}66`,
+  borderRadius: "50%",
+  animation: "swype-loading-spin 0.9s linear infinite"
+};
 var FOOTER_CSS = `
 .swype-screen-footer {
   padding-bottom: max(24px, env(safe-area-inset-bottom, 24px));
 }`;
 function ScreenLayout({ children, footer }) {
   const { tokens } = useSwypeConfig();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle(tokens.bgCard), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle2(tokens.bgCard), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: bodyStyle, children }),
     footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "swype-screen-footer", style: footerStyle, children: footer }),
     /* @__PURE__ */ jsxRuntime.jsx("style", { children: FOOTER_CSS })
   ] });
 }
-var containerStyle = (bg) => ({
+var containerStyle2 = (bg) => ({
   display: "flex",
   flexDirection: "column",
-  minHeight: "100%",
+  height: "100%",
   maxWidth: 420,
   width: "100%",
   margin: "0 auto",
@@ -2279,7 +2316,7 @@ var badgeStyle = (color) => ({
 });
 function PoweredByFooter() {
   const { tokens } = useSwypeConfig();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle2(tokens.textMuted), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle3(tokens.textMuted), children: [
     /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -2292,7 +2329,7 @@ function PoweredByFooter() {
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Non-custodial" })
   ] });
 }
-var containerStyle2 = (color) => ({
+var containerStyle3 = (color) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -2378,12 +2415,12 @@ var defaultIcon = /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "
 ) });
 function InfoBanner({ children, icon }) {
   const { tokens } = useSwypeConfig();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle3(tokens.accent), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle4(tokens.accent), children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { style: iconStyle, children: icon ?? defaultIcon }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { style: textStyle, children })
   ] });
 }
-var containerStyle3 = (accent) => ({
+var containerStyle4 = (accent) => ({
   display: "flex",
   alignItems: "flex-start",
   gap: 10,
@@ -2401,7 +2438,7 @@ var iconStyle = {
 };
 var textStyle = { flex: 1 };
 function WarningBanner({ title, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle4, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle5, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: headerStyle2, children: [
       /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", style: iconStyle2, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z", fill: "#F57C00" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("strong", { children: title })
@@ -2409,7 +2446,7 @@ function WarningBanner({ title, children }) {
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: bodyStyle2, children })
   ] });
 }
-var containerStyle4 = {
+var containerStyle5 = {
   padding: "14px 16px",
   background: "#FFF8E1",
   border: "1px solid #FFE082",
@@ -2481,7 +2518,7 @@ function OtpInput({ value, onChange, length = 6, disabled }) {
     onChange(pasted);
     focusInput(Math.min(pasted.length, length - 1));
   }, [onChange, length, focusInput]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle5, children: digits.map((digit, i) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle6, children: digits.map((digit, i) => /* @__PURE__ */ jsxRuntime.jsx(
     "input",
     {
       ref: (el) => {
@@ -2502,7 +2539,7 @@ function OtpInput({ value, onChange, length = 6, disabled }) {
     i
   )) });
 }
-var containerStyle5 = {
+var containerStyle6 = {
   display: "flex",
   gap: 8,
   justifyContent: "center",
@@ -2574,9 +2611,6 @@ var KNOWN_LOGOS = {
   base: BASE_LOGO,
   "trust wallet": TRUST_WALLET_LOGO
 };
-function hasActiveWallet2(account) {
-  return account.wallets.some((w) => w.status === "ACTIVE");
-}
 function SourceCard({
   name,
   address,
@@ -2665,10 +2699,11 @@ function SourceCard({
     ] }),
     open && hasDropdown && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: dropdownStyle(tokens), children: [
       accounts.map((account) => {
-        const active = hasActiveWallet2(account);
+        const preferredWallet = getPreferredDepositWallet(account, depositAmount ?? 0);
+        const active = hasActiveDepositWallet(account);
         const isSelected = account.id === selectedAccountId;
         const displayName = account.nickname ?? account.name;
-        const walletAddress = account.wallets[0]?.name;
+        const walletAddress = preferredWallet ? getWalletAddress(preferredWallet) : null;
         const hasAllowance = active && account.remainingAllowance != null;
         const exceedsLimit = hasAllowance && depositAmount != null && depositAmount > account.remainingAllowance;
         return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3004,7 +3039,7 @@ function SettingsMenu({ onLogout }) {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [open]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: menuRef, style: containerStyle6, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: menuRef, style: containerStyle7, children: [
     /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: toggle, style: triggerStyle(tokens.text), "aria-label": "Settings", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: [
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "5", r: "2", fill: "currentColor" }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2", fill: "currentColor" }),
@@ -3031,7 +3066,7 @@ function SettingsMenu({ onLogout }) {
     ) })
   ] });
 }
-var containerStyle6 = {
+var containerStyle7 = {
   position: "relative"
 };
 var triggerStyle = (color) => ({
@@ -3118,7 +3153,7 @@ function LoginScreen({
             right: merchantInitials ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: avatarStyle(tokens), children: merchantInitials }) : void 0
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle2, children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { style: iconBoxStyle(tokens.accent), children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: iconLetterStyle, children: "S" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle(tokens.text), children: "One-time setup.\nOne-tap deposits after." }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtitleStyle(tokens.textSecondary), children: "Protected by Face ID." }),
@@ -3161,7 +3196,7 @@ function socialLabel(provider) {
       return "X";
   }
 }
-var contentStyle = {
+var contentStyle2 = {
   textAlign: "center",
   flex: 1,
   display: "flex",
@@ -3337,7 +3372,7 @@ function OtpVerifyScreen({
   }, [cooldown, onResend]);
   return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { footer: /* @__PURE__ */ jsxRuntime.jsx(PoweredByFooter, {}), children: [
     /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onBack }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle2, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle3, children: [
       /* @__PURE__ */ jsxRuntime.jsx(IconCircle, { variant: "accent", size: 56, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
@@ -3370,7 +3405,7 @@ function OtpVerifyScreen({
     ] })
   ] });
 }
-var contentStyle2 = {
+var contentStyle3 = {
   textAlign: "center",
   display: "flex",
   flexDirection: "column",
@@ -3444,7 +3479,7 @@ function CreatePasskeyScreen({
       ] }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onBack }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle3, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle4, children: [
           /* @__PURE__ */ jsxRuntime.jsx(IconCircle, { variant: "accent", size: 64, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "36", height: "36", viewBox: "0 0 24 24", fill: "none", children: [
             /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "3", stroke: tokens.accent, strokeWidth: "1.5", strokeDasharray: "3 2" }),
             /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "10", r: "1", fill: tokens.accent }),
@@ -3460,7 +3495,7 @@ function CreatePasskeyScreen({
     }
   );
 }
-var contentStyle3 = {
+var contentStyle4 = {
   textAlign: "center",
   flex: 1,
   display: "flex",
@@ -3494,6 +3529,43 @@ var errorBannerStyle2 = (tokens) => ({
   width: "100%",
   textAlign: "left"
 });
+function Spinner({ size = 40, label }) {
+  const { tokens } = useSwypeConfig();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: "12px"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              width: size,
+              height: size,
+              border: `4px solid ${tokens.bgInput}`,
+              borderTopColor: tokens.accent,
+              borderRightColor: tokens.accent + "66",
+              borderRadius: "50%",
+              boxShadow: "inset 0 0 0 1px rgba(255,255,255,0.1)",
+              animation: "swype-spin 0.9s linear infinite"
+            }
+          }
+        ),
+        label && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: tokens.textSecondary, fontSize: "0.875rem", margin: 0 }, children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        @keyframes swype-spin {
+          to { transform: rotate(360deg); }
+        }
+      ` })
+      ]
+    }
+  );
+}
 var WALLET_EMOJIS = {
   rabby: "\u{1F430}",
   ora: "\u2666\uFE0F",
@@ -4335,7 +4407,7 @@ function SuccessScreen({
             right: /* @__PURE__ */ jsxRuntime.jsx(SettingsMenu, { onLogout })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle4, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle5, children: [
           succeeded ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(IconCircle, { variant: "success", size: 64, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("h2", { style: headingStyle6(tokens.text), children: [
@@ -4382,7 +4454,7 @@ function SuccessScreen({
     }
   );
 }
-var contentStyle4 = {
+var contentStyle5 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -4873,7 +4945,7 @@ function TransferStatusScreen({
   const steps = buildSteps(phase);
   return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { right: /* @__PURE__ */ jsxRuntime.jsx(SettingsMenu, { onLogout }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle5, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle6, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: 48 }),
       /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle8(tokens.text), children: "Processing Transfer..." }),
       error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorBannerStyle5(tokens), children: error }),
@@ -4882,7 +4954,7 @@ function TransferStatusScreen({
     ] })
   ] });
 }
-var contentStyle5 = {
+var contentStyle6 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -4958,7 +5030,7 @@ function OpenWalletScreen({
       ] }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { right: /* @__PURE__ */ jsxRuntime.jsx(SettingsMenu, { onLogout }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle6, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle7, children: [
           logoSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoSrc, alt: displayName, style: logoStyle }) : /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: 48 }),
           /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle9(tokens.text), children: loading ? "Connecting..." : `Open ${displayName}` }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtitleStyle9(tokens.textSecondary), children: loading ? "Creating transfer and preparing your wallet link..." : `Continue in ${displayName} to authorize this connection.` }),
@@ -4971,7 +5043,7 @@ function OpenWalletScreen({
     }
   );
 }
-var contentStyle6 = {
+var contentStyle7 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -5042,7 +5114,7 @@ function ConfirmSignScreen({
       ] }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { right: /* @__PURE__ */ jsxRuntime.jsx(SettingsMenu, { onLogout }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle7, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle8, children: [
           logoSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoSrc, alt: displayName, style: logoStyle2 }) : /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: 48 }),
           /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle10(tokens.text), children: "Wallet authorized" }),
           /* @__PURE__ */ jsxRuntime.jsxs("p", { style: subtitleStyle10(tokens.textSecondary), children: [
@@ -5058,7 +5130,7 @@ function ConfirmSignScreen({
     }
   );
 }
-var contentStyle7 = {
+var contentStyle8 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -5114,9 +5186,6 @@ var errorStyle2 = (color) => ({
   color: "#ef4444",
   margin: "8px 0 0"
 });
-function CenteredSpinner({ label }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ScreenLayout, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", padding: "48px 0", flex: 1, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { label }) }) });
-}
 function StepRenderer({
   state,
   ready,
@@ -5128,6 +5197,7 @@ function StepRenderer({
   transferSigningSigning,
   transferSigningError,
   pendingConnections,
+  depositEligibleAccounts,
   sourceName,
   sourceAddress,
   sourceVerified,
@@ -5149,9 +5219,12 @@ function StepRenderer({
 }) {
   const { step } = state;
   if (!ready) {
-    return /* @__PURE__ */ jsxRuntime.jsx(CenteredSpinner, { label: "Initializing..." });
+    return /* @__PURE__ */ jsxRuntime.jsx(SwypeLoadingScreen, {});
   }
-  if (step === "login" && !authenticated) {
+  if (step === "login") {
+    if (authenticated) {
+      return /* @__PURE__ */ jsxRuntime.jsx(SwypeLoadingScreen, {});
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(
       LoginScreen,
       {
@@ -5237,7 +5310,7 @@ function StepRenderer({
   }
   if (step === "deposit") {
     if (state.loadingData) {
-      return /* @__PURE__ */ jsxRuntime.jsx(CenteredSpinner, { label: "Loading..." });
+      return /* @__PURE__ */ jsxRuntime.jsx(SwypeLoadingScreen, {});
     }
     const parsedAmt = depositAmount != null ? depositAmount : 5;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -5259,7 +5332,7 @@ function StepRenderer({
         onLogout: handlers.onLogout,
         onIncreaseLimit: handlers.onIncreaseLimit,
         increasingLimit: state.increasingLimit,
-        accounts: state.accounts,
+        accounts: depositEligibleAccounts,
         selectedAccountId: state.selectedAccountId,
         onSelectAccount: handlers.onSelectAccount,
         onAuthorizeAccount: handlers.onContinueConnection,
@@ -5335,7 +5408,7 @@ function StepRenderer({
         onSwitchWallet: () => handlers.onNavigate("wallet-picker"),
         onBack: onBack ?? (() => handlers.onLogout()),
         onLogout: handlers.onLogout,
-        accounts: state.accounts,
+        accounts: depositEligibleAccounts,
         selectedAccountId: state.selectedAccountId,
         onSelectAccount: handlers.onSelectAccount,
         onAuthorizeAccount: handlers.onContinueConnection,
@@ -5364,7 +5437,7 @@ var PaymentErrorBoundary = class extends react.Component {
     if (!this.state.hasError) {
       return this.props.children;
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle7, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle8, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { style: iconStyle4, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", children: [
         /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "#ef4444", strokeWidth: "1.5" }),
         /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8v5", stroke: "#ef4444", strokeWidth: "1.5", strokeLinecap: "round" }),
@@ -5376,7 +5449,7 @@ var PaymentErrorBoundary = class extends react.Component {
     ] });
   }
 };
-var containerStyle7 = {
+var containerStyle8 = {
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
@@ -5493,6 +5566,10 @@ function SwypePaymentInner({
     ),
     [state.accounts]
   );
+  const depositEligibleAccounts = react.useMemo(
+    () => getDepositEligibleAccounts(state.accounts),
+    [state.accounts]
+  );
   const maxSourceBalance = react.useMemo(() => {
     let max = 0;
     for (const acct of state.accounts) {
@@ -5703,9 +5780,9 @@ function SwypePaymentInner({
       fetchProviders(apiBaseUrl, token)
     ]);
     const parsedAmt = depositAmount != null ? depositAmount : 0;
-    const defaults = computeSmartDefaults(accts, parsedAmt);
+    const defaults = resolveDepositSelection(accts, parsedAmt, state.selectedAccountId);
     dispatch({ type: "ACCOUNTS_RELOADED", accounts: accts, providers: prov, defaults });
-  }, [getAccessToken, state.activeCredentialId, apiBaseUrl, depositAmount]);
+  }, [getAccessToken, state.activeCredentialId, state.selectedAccountId, apiBaseUrl, depositAmount]);
   const handleAuthorizedMobileReturn = react.useCallback(async (authorizedTransfer, isSetup) => {
     if (handlingMobileReturnRef.current) return;
     handlingMobileReturnRef.current = true;
@@ -5761,10 +5838,10 @@ function SwypePaymentInner({
       let effectiveSourceId = sourceOverrides?.sourceId ?? sourceId;
       if (effectiveSourceType === "accountId") {
         const acct = state.accounts.find((a) => a.id === effectiveSourceId);
-        const activeWallet = acct?.wallets.find((w) => w.status === "ACTIVE");
-        if (activeWallet) {
+        const preferredWallet = acct ? getPreferredDepositWallet(acct, payAmount) : null;
+        if (preferredWallet?.status === "ACTIVE") {
           effectiveSourceType = "walletId";
-          effectiveSourceId = activeWallet.id;
+          effectiveSourceId = preferredWallet.id;
         }
       }
       const t = await createTransfer(apiBaseUrl, token, {
@@ -5990,14 +6067,14 @@ function SwypePaymentInner({
     (accountId) => {
       const acct = state.accounts.find((a) => a.id === accountId);
       if (!acct) return;
-      const activeWallet = acct.wallets.find((w) => w.status === "ACTIVE") ?? null;
+      const activeWallet = getPreferredDepositWallet(acct, depositAmount ?? 0);
       dispatch({
         type: "SELECT_ACCOUNT",
         accountId,
         walletId: activeWallet?.id ?? null
       });
     },
-    [state.accounts]
+    [state.accounts, depositAmount]
   );
   const handleNewPayment = react.useCallback(() => {
     clearMobileFlowState();
@@ -6271,7 +6348,7 @@ function SwypePaymentInner({
         ]);
         if (cancelled) return;
         const parsedAmt = depositAmount != null ? depositAmount : 0;
-        const defaults = computeSmartDefaults(accts, parsedAmt);
+        const defaults = resolveDepositSelection(accts, parsedAmt, state.selectedAccountId);
         const persisted = loadMobileFlowState();
         const resolved = resolvePostAuthStep({
           hasPasskey: !!state.activeCredentialId,
@@ -6318,6 +6395,7 @@ function SwypePaymentInner({
     apiBaseUrl,
     getAccessToken,
     state.activeCredentialId,
+    state.selectedAccountId,
     depositAmount
   ]);
   react.useEffect(() => {
@@ -6514,6 +6592,7 @@ function SwypePaymentInner({
       transferSigningSigning: transferSigning.signing,
       transferSigningError: transferSigning.error,
       pendingConnections,
+      depositEligibleAccounts,
       sourceName,
       sourceAddress,
       sourceVerified,
@@ -6551,6 +6630,7 @@ exports.SettingsMenu = SettingsMenu;
 exports.SetupScreen = SetupScreen;
 exports.Spinner = Spinner;
 exports.StepList = StepList;
+exports.SwypeLoadingScreen = SwypeLoadingScreen;
 exports.SwypePayment = SwypePayment;
 exports.SwypeProvider = SwypeProvider;
 exports.buildPasskeyPopupOptions = buildPasskeyPopupOptions;