@unifold/ui-react 0.1.35 → 0.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1,5 +1,12 @@
1
1
  // src/components/deposits/DepositModal.tsx
2
- import { useState as useState26, useEffect as useEffect20, useCallback as useCallback3 } from "react";
2
+ import {
3
+ useState as useState26,
4
+ useEffect as useEffect20,
5
+ useLayoutEffect as useLayoutEffect2,
6
+ useCallback as useCallback3,
7
+ useRef as useRef5,
8
+ useMemo as useMemo8
9
+ } from "react";
3
10
  import { ChevronRight as ChevronRight11, MapPinOff, AlertTriangle } from "lucide-react";
4
11
 
5
12
  // src/components/shared/dialog.tsx
@@ -5939,8 +5946,9 @@ function WalletIconWithNetwork({
5939
5946
  const hasEthereum = networks.includes("ethereum");
5940
5947
  const hasSolana = networks.includes("solana");
5941
5948
  const hasMultiple = hasEthereum && hasSolana;
5942
- const badgeSize = Math.round(size * 0.4);
5943
- const iconSize = Math.round(badgeSize * 0.65);
5949
+ const badgeOutset = 4;
5950
+ const badgeSize = Math.round(size * 0.5);
5951
+ const iconSize = Math.round(badgeSize * 0.76);
5944
5952
  return /* @__PURE__ */ jsxs27(
5945
5953
  "div",
5946
5954
  {
@@ -5950,39 +5958,46 @@ function WalletIconWithNetwork({
5950
5958
  /* @__PURE__ */ jsx29(WalletIcon, { size, className, variant }),
5951
5959
  hasMultiple ? (
5952
5960
  // Multiple networks: overlapping badges
5953
- /* @__PURE__ */ jsxs27("div", { className: "uf-absolute", style: { bottom: -2, right: -2 }, children: [
5954
- /* @__PURE__ */ jsx29(
5955
- "div",
5956
- {
5957
- className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
5958
- style: {
5959
- width: badgeSize,
5960
- height: badgeSize,
5961
- backgroundColor: "#000",
5962
- border: "2px solid #fff",
5963
- right: Math.round(badgeSize * 0.5),
5964
- // 50% overlap
5965
- bottom: 0
5966
- },
5967
- children: /* @__PURE__ */ jsx29(SolanaIcon, { size: iconSize, variant: "color" })
5968
- }
5969
- ),
5970
- /* @__PURE__ */ jsx29(
5971
- "div",
5972
- {
5973
- className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
5974
- style: {
5975
- width: badgeSize,
5976
- height: badgeSize,
5977
- backgroundColor: "#627EEA",
5978
- border: "2px solid #fff",
5979
- right: 0,
5980
- bottom: 0
5981
- },
5982
- children: /* @__PURE__ */ jsx29(EthereumIcon, { size: iconSize, variant: "light" })
5983
- }
5984
- )
5985
- ] })
5961
+ /* @__PURE__ */ jsxs27(
5962
+ "div",
5963
+ {
5964
+ className: "uf-absolute",
5965
+ style: { bottom: -2, right: -badgeOutset },
5966
+ children: [
5967
+ /* @__PURE__ */ jsx29(
5968
+ "div",
5969
+ {
5970
+ className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
5971
+ style: {
5972
+ width: badgeSize,
5973
+ height: badgeSize,
5974
+ backgroundColor: "#000",
5975
+ border: "2px solid #fff",
5976
+ // Rear badge sits left of the front; +1px on offset shows slightly more of the rear network
5977
+ right: Math.round(badgeSize * 0.5) + 1,
5978
+ bottom: 0
5979
+ },
5980
+ children: /* @__PURE__ */ jsx29(SolanaIcon, { size: iconSize, variant: "color" })
5981
+ }
5982
+ ),
5983
+ /* @__PURE__ */ jsx29(
5984
+ "div",
5985
+ {
5986
+ className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
5987
+ style: {
5988
+ width: badgeSize,
5989
+ height: badgeSize,
5990
+ backgroundColor: "#627EEA",
5991
+ border: "2px solid #fff",
5992
+ right: 0,
5993
+ bottom: 0
5994
+ },
5995
+ children: /* @__PURE__ */ jsx29(EthereumIcon, { size: iconSize, variant: "light" })
5996
+ }
5997
+ )
5998
+ ]
5999
+ }
6000
+ )
5986
6001
  ) : (
5987
6002
  // Single network
5988
6003
  /* @__PURE__ */ jsxs27(
@@ -5991,7 +6006,7 @@ function WalletIconWithNetwork({
5991
6006
  className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
5992
6007
  style: {
5993
6008
  bottom: -2,
5994
- right: -2,
6009
+ right: -badgeOutset,
5995
6010
  width: badgeSize,
5996
6011
  height: badgeSize,
5997
6012
  backgroundColor: hasEthereum ? "#627EEA" : "#000",
@@ -6072,7 +6087,7 @@ function BrowserWalletButton({
6072
6087
  chainType,
6073
6088
  publishableKey
6074
6089
  }) {
6075
- const { colors: colors2, fonts, components, mode } = useTheme();
6090
+ const { colors: colors2, fonts, components } = useTheme();
6076
6091
  const [isHovered, setIsHovered] = React21.useState(false);
6077
6092
  const [isTouchDevice, setIsTouchDevice] = React21.useState(false);
6078
6093
  const [wallet, setWallet] = React21.useState(null);
@@ -6080,7 +6095,6 @@ function BrowserWalletButton({
6080
6095
  const [isConnecting, setIsConnecting] = React21.useState(false);
6081
6096
  const [balanceText, setBalanceText] = React21.useState(null);
6082
6097
  const [isLoadingBalance, setIsLoadingBalance] = React21.useState(false);
6083
- const iconVariant = mode === "dark" ? "light" : "dark";
6084
6098
  const onDisconnectRef = React21.useRef(onDisconnect);
6085
6099
  onDisconnectRef.current = onDisconnect;
6086
6100
  React21.useEffect(() => {
@@ -6439,12 +6453,12 @@ function BrowserWalletButton({
6439
6453
  wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React21.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
6440
6454
  size: 36,
6441
6455
  className: "uf-rounded-lg",
6442
- variant: iconVariant
6456
+ variant: "color"
6443
6457
  }) : /* @__PURE__ */ jsx30("div", { className: "uf-w-9 uf-h-9 uf-rounded-lg uf-bg-gray-500" }) : /* @__PURE__ */ jsx30("div", { className: "uf-rounded-lg uf-p-2", children: /* @__PURE__ */ jsx30(
6444
6458
  Wallet,
6445
6459
  {
6446
6460
  className: "uf-w-5 uf-h-5",
6447
- style: { color: colors2.foregroundMuted }
6461
+ style: { color: components.card.iconColor }
6448
6462
  }
6449
6463
  ) }),
6450
6464
  /* @__PURE__ */ jsxs28("div", { className: "uf-text-left", children: [
@@ -6906,9 +6920,68 @@ function ThemeStyleInjector({
6906
6920
  return /* @__PURE__ */ jsx32("div", { className: cn(mode === "dark" ? "uf-dark" : "", className), style: cssVars, children });
6907
6921
  }
6908
6922
 
6923
+ // src/components/shared/PoweredByUnifold.tsx
6924
+ import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
6925
+ var VIEW_W = 538;
6926
+ var VIEW_H = 53;
6927
+ var SIZE_MAX_WIDTH = {
6928
+ sm: 128,
6929
+ md: 152,
6930
+ lg: 216
6931
+ };
6932
+ function PoweredByUnifold({
6933
+ color,
6934
+ className,
6935
+ size = "sm",
6936
+ maxWidth: maxWidthProp
6937
+ }) {
6938
+ const maxWidth = maxWidthProp ?? SIZE_MAX_WIDTH[size];
6939
+ const height = Math.round(maxWidth / VIEW_W * VIEW_H);
6940
+ return /* @__PURE__ */ jsx33(
6941
+ "div",
6942
+ {
6943
+ className,
6944
+ style: { color, lineHeight: 0 },
6945
+ role: "img",
6946
+ "aria-label": "Powered by Unifold",
6947
+ children: /* @__PURE__ */ jsxs29(
6948
+ "svg",
6949
+ {
6950
+ xmlns: "http://www.w3.org/2000/svg",
6951
+ width: maxWidth,
6952
+ height,
6953
+ viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
6954
+ fill: "none",
6955
+ className: "uf-block uf-max-w-full uf-h-auto",
6956
+ children: [
6957
+ /* @__PURE__ */ jsx33("path", { d: "M14.796 25.746H5.184V42H0V3.22803H14.796C19.044 3.22803 22.338 4.21803 24.678 6.19803C27.054 8.14203 28.242 10.896 28.242 14.46C28.242 18.024 27.054 20.796 24.678 22.776C22.302 24.756 19.008 25.746 14.796 25.746ZM5.184 7.71003V21.264H14.526C17.298 21.264 19.422 20.688 20.898 19.536C22.374 18.348 23.112 16.656 23.112 14.46C23.112 12.3 22.374 10.644 20.898 9.49203C19.422 8.30403 17.298 7.71003 14.526 7.71003H5.184Z", fill: "currentColor" }),
6958
+ /* @__PURE__ */ jsx33("path", { d: "M53.0082 17.592C54.1242 18.888 54.9702 20.418 55.5462 22.182C56.1222 23.946 56.4102 25.854 56.4102 27.906C56.4102 29.958 56.1222 31.866 55.5462 33.63C54.9702 35.394 54.1242 36.924 53.0082 38.22C51.8202 39.624 50.3802 40.704 48.6882 41.46C47.0322 42.216 45.2322 42.594 43.2882 42.594C41.3442 42.594 39.5262 42.216 37.8342 41.46C36.1782 40.704 34.7562 39.624 33.5682 38.22C32.4522 36.924 31.6062 35.394 31.0302 33.63C30.4542 31.866 30.1662 29.958 30.1662 27.906C30.1662 25.854 30.4542 23.946 31.0302 22.182C31.6062 20.418 32.4522 18.888 33.5682 17.592C34.7562 16.188 36.1782 15.108 37.8342 14.352C39.5262 13.596 41.3442 13.218 43.2882 13.218C45.2322 13.218 47.0322 13.596 48.6882 14.352C50.3802 15.108 51.8202 16.188 53.0082 17.592ZM43.2882 17.322C40.8042 17.322 38.8062 18.276 37.2942 20.184C35.8182 22.092 35.0802 24.666 35.0802 27.906C35.0802 31.11 35.8182 33.666 37.2942 35.574C38.8062 37.482 40.8042 38.436 43.2882 38.436C45.7722 38.436 47.7522 37.482 49.2282 35.574C50.7402 33.666 51.4962 31.11 51.4962 27.906C51.4962 24.666 50.7402 22.092 49.2282 20.184C47.7522 18.276 45.7722 17.322 43.2882 17.322Z", fill: "currentColor" }),
6959
+ /* @__PURE__ */ jsx33("path", { d: "M69.6773 34.764L75.5093 13.758H79.6133L85.4453 34.818L91.3313 13.758H96.1913L87.6053 42H83.3393L77.4533 21.048L71.5673 42H67.3013L58.7153 13.758H63.7373L69.6773 34.764Z", fill: "currentColor" }),
6960
+ /* @__PURE__ */ jsx33("path", { d: "M111.687 42.594C109.707 42.594 107.871 42.234 106.179 41.514C104.523 40.758 103.101 39.66 101.913 38.22C100.797 36.924 99.9332 35.394 99.3212 33.63C98.7452 31.866 98.4572 29.958 98.4572 27.906C98.4572 25.926 98.7452 24.054 99.3212 22.29C99.8972 20.526 100.743 18.978 101.859 17.646C103.047 16.206 104.469 15.108 106.125 14.352C107.781 13.596 109.563 13.218 111.471 13.218C115.179 13.218 118.113 14.478 120.273 16.998C122.433 19.518 123.513 22.866 123.513 27.042V28.662H103.101C103.245 31.614 104.091 33.972 105.639 35.736C107.187 37.5 109.203 38.382 111.687 38.382C113.559 38.382 115.143 37.914 116.439 36.978C117.735 36.006 118.599 34.674 119.031 32.982L123.297 34.494C122.433 37.05 120.975 39.048 118.923 40.488C116.871 41.892 114.459 42.594 111.687 42.594ZM111.417 17.376C109.329 17.376 107.565 18.042 106.125 19.374C104.721 20.706 103.803 22.56 103.371 24.936H118.599C118.527 22.632 117.861 20.796 116.601 19.428C115.341 18.06 113.613 17.376 111.417 17.376Z", fill: "currentColor" }),
6961
+ /* @__PURE__ */ jsx33("path", { d: "M142.253 13.542C142.577 13.542 142.901 13.56 143.225 13.596C143.549 13.596 143.873 13.614 144.197 13.65V18.564C143.801 18.492 143.423 18.438 143.063 18.402C142.703 18.366 142.289 18.348 141.821 18.348C139.697 18.348 137.933 19.122 136.529 20.67C135.125 22.182 134.423 24.144 134.423 26.556V42H129.563V13.758H134.423V18.564C135.107 17.016 136.133 15.792 137.501 14.892C138.905 13.992 140.489 13.542 142.253 13.542Z", fill: "currentColor" }),
6962
+ /* @__PURE__ */ jsx33("path", { d: "M159.675 42.594C157.695 42.594 155.859 42.234 154.167 41.514C152.511 40.758 151.089 39.66 149.901 38.22C148.785 36.924 147.921 35.394 147.309 33.63C146.733 31.866 146.445 29.958 146.445 27.906C146.445 25.926 146.733 24.054 147.309 22.29C147.885 20.526 148.731 18.978 149.847 17.646C151.035 16.206 152.457 15.108 154.113 14.352C155.769 13.596 157.551 13.218 159.459 13.218C163.167 13.218 166.101 14.478 168.261 16.998C170.421 19.518 171.501 22.866 171.501 27.042V28.662H151.089C151.233 31.614 152.079 33.972 153.627 35.736C155.175 37.5 157.191 38.382 159.675 38.382C161.547 38.382 163.131 37.914 164.427 36.978C165.723 36.006 166.587 34.674 167.019 32.982L171.285 34.494C170.421 37.05 168.963 39.048 166.911 40.488C164.859 41.892 162.447 42.594 159.675 42.594ZM159.405 17.376C157.317 17.376 155.553 18.042 154.113 19.374C152.709 20.706 151.791 22.56 151.359 24.936H166.587C166.515 22.632 165.849 20.796 164.589 19.428C163.329 18.06 161.601 17.376 159.405 17.376Z", fill: "currentColor" }),
6963
+ /* @__PURE__ */ jsx33("path", { d: "M187.92 42.594C186.012 42.594 184.266 42.216 182.682 41.46C181.134 40.668 179.802 39.534 178.686 38.058C177.678 36.726 176.904 35.196 176.364 33.468C175.86 31.704 175.608 29.85 175.608 27.906C175.608 25.926 175.86 24.072 176.364 22.344C176.904 20.616 177.66 19.086 178.632 17.754C179.748 16.278 181.098 15.162 182.682 14.406C184.266 13.614 186.012 13.218 187.92 13.218C189.792 13.218 191.484 13.632 192.996 14.46C194.544 15.288 195.768 16.422 196.668 17.862V3.22803H201.528V42H196.668V37.896C195.804 39.372 194.598 40.524 193.05 41.352C191.502 42.18 189.792 42.594 187.92 42.594ZM196.776 28.932V26.934C196.776 24.018 196.02 21.714 194.508 20.022C193.032 18.33 191.124 17.484 188.784 17.484C186.228 17.484 184.212 18.438 182.736 20.346C181.26 22.218 180.522 24.738 180.522 27.906C180.522 31.074 181.26 33.612 182.736 35.52C184.248 37.392 186.264 38.328 188.784 38.328C191.124 38.328 193.032 37.482 194.508 35.79C196.02 34.098 196.776 31.812 196.776 28.932Z", fill: "currentColor" }),
6964
+ /* @__PURE__ */ jsx33("path", { d: "M243.794 38.058C242.678 39.534 241.328 40.668 239.744 41.46C238.196 42.216 236.468 42.594 234.56 42.594C232.688 42.594 230.978 42.18 229.43 41.352C227.882 40.524 226.676 39.372 225.812 37.896V42H220.952V3.22803H225.812V17.862C226.712 16.422 227.918 15.288 229.43 14.46C230.978 13.632 232.688 13.218 234.56 13.218C236.468 13.218 238.214 13.614 239.798 14.406C241.382 15.162 242.732 16.278 243.848 17.754C244.82 19.086 245.558 20.616 246.062 22.344C246.602 24.072 246.872 25.926 246.872 27.906C246.872 29.85 246.602 31.704 246.062 33.468C245.558 35.196 244.802 36.726 243.794 38.058ZM233.696 17.484C231.356 17.484 229.43 18.33 227.918 20.022C226.442 21.714 225.704 24.018 225.704 26.934V28.932C225.704 31.812 226.442 34.098 227.918 35.79C229.43 37.482 231.356 38.328 233.696 38.328C236.216 38.328 238.214 37.392 239.69 35.52C241.202 33.612 241.958 31.074 241.958 27.906C241.958 24.738 241.22 22.218 239.744 20.346C238.268 18.438 236.252 17.484 233.696 17.484Z", fill: "currentColor" }),
6965
+ /* @__PURE__ */ jsx33("path", { d: "M275.008 13.758L262.858 45.078C261.886 47.598 260.716 49.38 259.348 50.424C257.98 51.504 256.234 52.044 254.11 52.044C253.534 52.044 253.048 52.026 252.652 51.99C252.292 51.954 251.896 51.9 251.464 51.828V47.616C251.896 47.724 252.274 47.796 252.598 47.832C252.958 47.868 253.354 47.886 253.786 47.886C254.902 47.886 255.766 47.616 256.378 47.076C257.026 46.572 257.62 45.654 258.16 44.322L259.51 40.974L249.034 13.758H254.164L262.102 35.358L269.932 13.758H275.008Z", fill: "currentColor" }),
6966
+ /* @__PURE__ */ jsx33("path", { d: "M310.386 0V26.7073C310.386 34.9642 316.734 37.7847 320.266 37.7847C324.205 37.7847 325.092 34.8254 325.092 28.4171C325.092 22.0088 325.129 0 325.129 0H338.734V26.3419C338.734 35.673 333.65 40.9049 327.693 42.0228C327.693 42.0228 323.644 48 314.872 48C305.508 48 294.734 42.0374 294.734 23.8064V1.79753C294.734 1.79753 298.991 0 303.602 0H310.386Z", fill: "currentColor" }),
6967
+ /* @__PURE__ */ jsx33("path", { d: "M386.974 27.31C386.974 31.89 383.254 35.61 378.674 35.61C374.094 35.61 370.374 31.89 370.374 27.31V2.96997H362.544V28.7C362.544 36.51 368.144 42.84 378.434 42.84H379.334C389.014 42.84 394.814 36.51 394.814 28.7V2.96997H386.984V27.31H386.974Z", fill: "currentColor" }),
6968
+ /* @__PURE__ */ jsx33("path", { d: "M417.004 12.47C409.634 12.47 408.004 19.18 408.004 19.18V12.76H400.474V42.25H408.504V24.15C408.504 21.13 410.944 18.69 413.964 18.69C416.984 18.69 419.424 21.13 419.424 24.15V42.25H427.324V24.6C427.324 17.36 424.364 12.47 417.004 12.47Z", fill: "currentColor" }),
6969
+ /* @__PURE__ */ jsx33("path", { d: "M440.704 12.9302H432.724V42.2602H440.704V12.9302Z", fill: "currentColor" }),
6970
+ /* @__PURE__ */ jsx33("path", { d: "M504.904 2.96997H496.924V42.25H504.904V2.96997Z", fill: "currentColor" }),
6971
+ /* @__PURE__ */ jsx33("path", { d: "M529.474 2.96997V17.96C528.294 15.93 525.554 12.36 520.884 12.36C514.354 12.36 508.824 16.64 508.824 27.59C508.824 38.54 514.354 42.82 520.884 42.82C525.554 42.82 528.284 39.26 529.474 37.22V42.25H537.454V2.96997H529.474ZM523.184 36.41C518.894 36.41 516.944 32.58 516.944 27.59C516.944 22.6 518.884 18.77 523.184 18.77C527.484 18.77 529.484 22.35 529.484 27.59C529.484 32.83 527.484 36.41 523.184 36.41Z", fill: "currentColor" }),
6972
+ /* @__PURE__ */ jsx33("path", { d: "M436.714 0.840088C434.484 0.840088 432.664 2.65009 432.664 4.89009C432.664 7.13009 434.474 8.94009 436.714 8.94009C438.954 8.94009 440.764 7.13009 440.764 4.89009C440.764 2.65009 438.954 0.840088 436.714 0.840088Z", fill: "currentColor" }),
6973
+ /* @__PURE__ */ jsx33("path", { d: "M459.724 7.35012C461.424 7.35012 462.214 7.95013 462.214 7.95013L463.774 1.88013C463.774 1.88013 461.804 1.13013 457.934 1.13013C457.764 1.13013 457.594 1.13013 457.414 1.13013C452.454 1.20013 448.444 5.23012 448.444 10.1901V12.9201H443.124V18.7601H448.444V42.2501H456.104V18.7601H462.554V12.9201H456.104V11.2901C456.104 8.27013 458.014 7.34013 459.714 7.34013L459.724 7.35012Z", fill: "currentColor" }),
6974
+ /* @__PURE__ */ jsx33("path", { d: "M478.364 12.3601C470.404 12.3601 463.964 19.1801 463.964 27.5901C463.964 36.0001 470.414 42.8201 478.364 42.8201C486.314 42.8201 492.764 36.0001 492.764 27.5901C492.764 19.1801 486.314 12.3601 478.364 12.3601ZM478.364 36.4101C473.714 36.4101 471.714 32.4601 471.714 27.5901C471.714 22.7201 473.494 18.7701 478.364 18.7701C483.234 18.7701 485.014 22.7201 485.014 27.5901C485.014 32.4601 483.024 36.4101 478.364 36.4101Z", fill: "currentColor" })
6975
+ ]
6976
+ }
6977
+ )
6978
+ }
6979
+ );
6980
+ }
6981
+
6909
6982
  // src/components/deposits/DepositsModal.tsx
6910
6983
  import { queryExecutions as queryExecutions2 } from "@unifold/core";
6911
- import { Fragment as Fragment3, jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
6984
+ import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
6912
6985
  function DepositsModal({
6913
6986
  open,
6914
6987
  onOpenChange,
@@ -6962,8 +7035,8 @@ function DepositsModal({
6962
7035
  const handleExecutionClick = (execution) => {
6963
7036
  setSelectedExecution(execution);
6964
7037
  };
6965
- const content = selectedExecution ? /* @__PURE__ */ jsxs29(Fragment3, { children: [
6966
- /* @__PURE__ */ jsx33(
7038
+ const content = selectedExecution ? /* @__PURE__ */ jsxs30(Fragment3, { children: [
7039
+ /* @__PURE__ */ jsx34(
6967
7040
  DepositHeader,
6968
7041
  {
6969
7042
  title: "Deposit Details",
@@ -6972,9 +7045,9 @@ function DepositsModal({
6972
7045
  onClose: handleClose
6973
7046
  }
6974
7047
  ),
6975
- /* @__PURE__ */ jsx33("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx33(DepositDetailContent, { execution: selectedExecution }) })
6976
- ] }) : /* @__PURE__ */ jsxs29(Fragment3, { children: [
6977
- /* @__PURE__ */ jsx33(
7048
+ /* @__PURE__ */ jsx34("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx34(DepositDetailContent, { execution: selectedExecution }) })
7049
+ ] }) : /* @__PURE__ */ jsxs30(Fragment3, { children: [
7050
+ /* @__PURE__ */ jsx34(
6978
7051
  DepositHeader,
6979
7052
  {
6980
7053
  title: "Deposit Tracker",
@@ -6983,14 +7056,14 @@ function DepositsModal({
6983
7056
  onClose: handleClose
6984
7057
  }
6985
7058
  ),
6986
- /* @__PURE__ */ jsx33("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx33("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx33("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx33(
7059
+ /* @__PURE__ */ jsx34("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx34("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx34("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx34(
6987
7060
  "div",
6988
7061
  {
6989
7062
  className: "uf-text-sm",
6990
7063
  style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
6991
7064
  children: "No deposits yet"
6992
7065
  }
6993
- ) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx33(
7066
+ ) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx34(
6994
7067
  DepositExecutionItem,
6995
7068
  {
6996
7069
  execution,
@@ -6999,12 +7072,21 @@ function DepositsModal({
6999
7072
  execution.id
7000
7073
  )) }) })
7001
7074
  ] });
7002
- return /* @__PURE__ */ jsx33(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx33(
7075
+ return /* @__PURE__ */ jsx34(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx34(
7003
7076
  DialogContent,
7004
7077
  {
7005
7078
  className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
7006
7079
  style: { backgroundColor: colors2.background },
7007
- children: /* @__PURE__ */ jsx33(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: content })
7080
+ children: /* @__PURE__ */ jsxs30(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: [
7081
+ content,
7082
+ /* @__PURE__ */ jsx34("div", { className: "uf-pt-3 uf-shrink-0", children: /* @__PURE__ */ jsx34(
7083
+ PoweredByUnifold,
7084
+ {
7085
+ color: colors2.foregroundMuted,
7086
+ className: "uf-flex uf-justify-center uf-shrink-0"
7087
+ }
7088
+ ) })
7089
+ ] })
7008
7090
  }
7009
7091
  ) });
7010
7092
  }
@@ -7012,7 +7094,7 @@ function DepositsModal({
7012
7094
  // src/components/deposits/TokenSelectorSheet.tsx
7013
7095
  import { useState as useState18, useMemo as useMemo3, useEffect as useEffect15 } from "react";
7014
7096
  import { ArrowLeft as ArrowLeft2, X as X4 } from "lucide-react";
7015
- import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
7097
+ import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
7016
7098
  var STORAGE_KEY = "unifold_recent_tokens";
7017
7099
  var MAX_RECENT_TOKENS = 5;
7018
7100
  var COMMON_TOKENS = [
@@ -7143,7 +7225,7 @@ function TokenSelectorSheet({
7143
7225
  onOpenChange(false);
7144
7226
  };
7145
7227
  if (!open) return null;
7146
- return /* @__PURE__ */ jsxs30(
7228
+ return /* @__PURE__ */ jsxs31(
7147
7229
  "div",
7148
7230
  {
7149
7231
  className: `${themeClass} uf-px-6`,
@@ -7158,18 +7240,18 @@ function TokenSelectorSheet({
7158
7240
  backgroundColor: colors2.background
7159
7241
  },
7160
7242
  children: [
7161
- /* @__PURE__ */ jsxs30("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
7162
- /* @__PURE__ */ jsx34(
7243
+ /* @__PURE__ */ jsxs31("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
7244
+ /* @__PURE__ */ jsx35(
7163
7245
  "button",
7164
7246
  {
7165
7247
  type: "button",
7166
7248
  onClick: () => onOpenChange(false),
7167
7249
  className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors",
7168
7250
  style: { color: components.header.buttonColor },
7169
- children: /* @__PURE__ */ jsx34(ArrowLeft2, { className: "uf-w-5 uf-h-5" })
7251
+ children: /* @__PURE__ */ jsx35(ArrowLeft2, { className: "uf-w-5 uf-h-5" })
7170
7252
  }
7171
7253
  ),
7172
- /* @__PURE__ */ jsx34(
7254
+ /* @__PURE__ */ jsx35(
7173
7255
  "h2",
7174
7256
  {
7175
7257
  className: "uf-text-base uf-text-center",
@@ -7180,10 +7262,10 @@ function TokenSelectorSheet({
7180
7262
  children: "Select token to deposit"
7181
7263
  }
7182
7264
  ),
7183
- /* @__PURE__ */ jsx34("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
7265
+ /* @__PURE__ */ jsx35("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
7184
7266
  ] }),
7185
- /* @__PURE__ */ jsxs30("div", { className: "uf-pb-3", children: [
7186
- /* @__PURE__ */ jsx34(
7267
+ /* @__PURE__ */ jsxs31("div", { className: "uf-pb-3", children: [
7268
+ /* @__PURE__ */ jsx35(
7187
7269
  "style",
7188
7270
  {
7189
7271
  dangerouslySetInnerHTML: {
@@ -7191,7 +7273,7 @@ function TokenSelectorSheet({
7191
7273
  }
7192
7274
  }
7193
7275
  ),
7194
- /* @__PURE__ */ jsx34("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsx34(
7276
+ /* @__PURE__ */ jsx35("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsx35(
7195
7277
  "input",
7196
7278
  {
7197
7279
  type: "text",
@@ -7209,8 +7291,8 @@ function TokenSelectorSheet({
7209
7291
  }
7210
7292
  ) })
7211
7293
  ] }),
7212
- quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ jsxs30("div", { className: "uf-pb-3 uf--mx-6", children: [
7213
- /* @__PURE__ */ jsx34(
7294
+ quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ jsxs31("div", { className: "uf-pb-3 uf--mx-6", children: [
7295
+ /* @__PURE__ */ jsx35(
7214
7296
  "div",
7215
7297
  {
7216
7298
  className: "uf-text-xs uf-mb-2 uf-px-6",
@@ -7221,7 +7303,7 @@ function TokenSelectorSheet({
7221
7303
  children: "Quick select"
7222
7304
  }
7223
7305
  ),
7224
- /* @__PURE__ */ jsx34(
7306
+ /* @__PURE__ */ jsx35(
7225
7307
  "div",
7226
7308
  {
7227
7309
  className: "uf-flex uf-gap-2 uf-overflow-x-auto uf-px-6 uf-pb-1",
@@ -7229,12 +7311,12 @@ function TokenSelectorSheet({
7229
7311
  children: quickSelectOptions.map(({ token, chain, isRecent }) => {
7230
7312
  const chainKey = `${chain.chain_type}:${chain.chain_id}`;
7231
7313
  const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
7232
- return /* @__PURE__ */ jsxs30(
7314
+ return /* @__PURE__ */ jsxs31(
7233
7315
  "div",
7234
7316
  {
7235
7317
  style: { position: "relative", flexShrink: 0 },
7236
7318
  children: [
7237
- isRecent && /* @__PURE__ */ jsx34(
7319
+ isRecent && /* @__PURE__ */ jsx35(
7238
7320
  "button",
7239
7321
  {
7240
7322
  type: "button",
@@ -7254,10 +7336,10 @@ function TokenSelectorSheet({
7254
7336
  padding: 2,
7255
7337
  color: colors2.foregroundMuted
7256
7338
  },
7257
- children: /* @__PURE__ */ jsx34(X4, { style: { width: 12, height: 12 } })
7339
+ children: /* @__PURE__ */ jsx35(X4, { style: { width: 12, height: 12 } })
7258
7340
  }
7259
7341
  ),
7260
- /* @__PURE__ */ jsxs30(
7342
+ /* @__PURE__ */ jsxs31(
7261
7343
  "button",
7262
7344
  {
7263
7345
  type: "button",
@@ -7276,8 +7358,8 @@ function TokenSelectorSheet({
7276
7358
  backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
7277
7359
  },
7278
7360
  children: [
7279
- /* @__PURE__ */ jsxs30("div", { style: { position: "relative", flexShrink: 0 }, children: [
7280
- /* @__PURE__ */ jsx34(
7361
+ /* @__PURE__ */ jsxs31("div", { style: { position: "relative", flexShrink: 0 }, children: [
7362
+ /* @__PURE__ */ jsx35(
7281
7363
  "img",
7282
7364
  {
7283
7365
  src: token.icon_url,
@@ -7288,7 +7370,7 @@ function TokenSelectorSheet({
7288
7370
  className: "uf-rounded-full"
7289
7371
  }
7290
7372
  ),
7291
- /* @__PURE__ */ jsx34(
7373
+ /* @__PURE__ */ jsx35(
7292
7374
  "div",
7293
7375
  {
7294
7376
  style: {
@@ -7296,7 +7378,7 @@ function TokenSelectorSheet({
7296
7378
  bottom: -2,
7297
7379
  right: -2
7298
7380
  },
7299
- children: /* @__PURE__ */ jsx34(
7381
+ children: /* @__PURE__ */ jsx35(
7300
7382
  "img",
7301
7383
  {
7302
7384
  src: chain.icon_url,
@@ -7310,8 +7392,8 @@ function TokenSelectorSheet({
7310
7392
  }
7311
7393
  )
7312
7394
  ] }),
7313
- /* @__PURE__ */ jsxs30("div", { style: { textAlign: "left" }, children: [
7314
- /* @__PURE__ */ jsx34(
7395
+ /* @__PURE__ */ jsxs31("div", { style: { textAlign: "left" }, children: [
7396
+ /* @__PURE__ */ jsx35(
7315
7397
  "div",
7316
7398
  {
7317
7399
  style: {
@@ -7324,7 +7406,7 @@ function TokenSelectorSheet({
7324
7406
  children: token.symbol
7325
7407
  }
7326
7408
  ),
7327
- /* @__PURE__ */ jsx34(
7409
+ /* @__PURE__ */ jsx35(
7328
7410
  "div",
7329
7411
  {
7330
7412
  style: {
@@ -7348,7 +7430,7 @@ function TokenSelectorSheet({
7348
7430
  }
7349
7431
  )
7350
7432
  ] }),
7351
- /* @__PURE__ */ jsx34(
7433
+ /* @__PURE__ */ jsx35(
7352
7434
  "div",
7353
7435
  {
7354
7436
  className: "uf-text-xs uf-mb-2",
@@ -7359,7 +7441,7 @@ function TokenSelectorSheet({
7359
7441
  children: "All supported tokens"
7360
7442
  }
7361
7443
  ),
7362
- /* @__PURE__ */ jsx34("div", { className: "uf-flex-1 uf-overflow-y-auto uf-min-h-0 uf--mx-6 uf-px-6 uf-pb-6", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx34(
7444
+ /* @__PURE__ */ jsx35("div", { className: "uf-flex-1 uf-overflow-y-auto uf-min-h-0 uf--mx-6 uf-px-6 uf-pb-3", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx35(
7363
7445
  "div",
7364
7446
  {
7365
7447
  style: {
@@ -7371,10 +7453,10 @@ function TokenSelectorSheet({
7371
7453
  },
7372
7454
  children: "No tokens found"
7373
7455
  }
7374
- ) : /* @__PURE__ */ jsx34("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
7456
+ ) : /* @__PURE__ */ jsx35("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
7375
7457
  const chainKey = `${chain.chain_type}:${chain.chain_id}`;
7376
7458
  const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
7377
- return /* @__PURE__ */ jsxs30(
7459
+ return /* @__PURE__ */ jsxs31(
7378
7460
  "button",
7379
7461
  {
7380
7462
  type: "button",
@@ -7395,8 +7477,8 @@ function TokenSelectorSheet({
7395
7477
  backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
7396
7478
  },
7397
7479
  children: [
7398
- /* @__PURE__ */ jsxs30("div", { style: { position: "relative", flexShrink: 0 }, children: [
7399
- /* @__PURE__ */ jsx34(
7480
+ /* @__PURE__ */ jsxs31("div", { style: { position: "relative", flexShrink: 0 }, children: [
7481
+ /* @__PURE__ */ jsx35(
7400
7482
  "img",
7401
7483
  {
7402
7484
  src: token.icon_url,
@@ -7407,7 +7489,7 @@ function TokenSelectorSheet({
7407
7489
  className: "uf-rounded-full"
7408
7490
  }
7409
7491
  ),
7410
- /* @__PURE__ */ jsx34(
7492
+ /* @__PURE__ */ jsx35(
7411
7493
  "div",
7412
7494
  {
7413
7495
  style: {
@@ -7415,7 +7497,7 @@ function TokenSelectorSheet({
7415
7497
  bottom: -4,
7416
7498
  right: -4
7417
7499
  },
7418
- children: /* @__PURE__ */ jsx34(
7500
+ children: /* @__PURE__ */ jsx35(
7419
7501
  "img",
7420
7502
  {
7421
7503
  src: chain.icon_url,
@@ -7429,8 +7511,8 @@ function TokenSelectorSheet({
7429
7511
  }
7430
7512
  )
7431
7513
  ] }),
7432
- /* @__PURE__ */ jsxs30("div", { style: { flex: 1, minWidth: 0 }, children: [
7433
- /* @__PURE__ */ jsx34(
7514
+ /* @__PURE__ */ jsxs31("div", { style: { flex: 1, minWidth: 0 }, children: [
7515
+ /* @__PURE__ */ jsx35(
7434
7516
  "div",
7435
7517
  {
7436
7518
  style: {
@@ -7442,7 +7524,7 @@ function TokenSelectorSheet({
7442
7524
  children: token.symbol
7443
7525
  }
7444
7526
  ),
7445
- /* @__PURE__ */ jsx34(
7527
+ /* @__PURE__ */ jsx35(
7446
7528
  "div",
7447
7529
  {
7448
7530
  style: {
@@ -7454,7 +7536,7 @@ function TokenSelectorSheet({
7454
7536
  }
7455
7537
  )
7456
7538
  ] }),
7457
- /* @__PURE__ */ jsxs30(
7539
+ /* @__PURE__ */ jsxs31(
7458
7540
  "div",
7459
7541
  {
7460
7542
  style: {
@@ -7463,11 +7545,11 @@ function TokenSelectorSheet({
7463
7545
  fontFamily: fonts.regular
7464
7546
  },
7465
7547
  children: [
7466
- /* @__PURE__ */ jsxs30("span", { style: { color: components.card.textRightColor }, children: [
7548
+ /* @__PURE__ */ jsxs31("span", { style: { color: components.card.textRightColor }, children: [
7467
7549
  "Minimum:",
7468
7550
  " "
7469
7551
  ] }),
7470
- /* @__PURE__ */ jsxs30("span", { style: { color: components.card.labelHighlightRightColor }, children: [
7552
+ /* @__PURE__ */ jsxs31("span", { style: { color: components.card.labelHighlightRightColor }, children: [
7471
7553
  "$",
7472
7554
  chain.minimum_deposit_amount_usd
7473
7555
  ] })
@@ -7478,14 +7560,21 @@ function TokenSelectorSheet({
7478
7560
  },
7479
7561
  `${token.symbol}-${chainKey}`
7480
7562
  );
7481
- }) }) })
7563
+ }) }) }),
7564
+ /* @__PURE__ */ jsx35("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ jsx35(
7565
+ PoweredByUnifold,
7566
+ {
7567
+ color: colors2.foregroundMuted,
7568
+ className: "uf-flex uf-justify-center uf-shrink-0"
7569
+ }
7570
+ ) })
7482
7571
  ]
7483
7572
  }
7484
7573
  );
7485
7574
  }
7486
7575
 
7487
7576
  // src/components/deposits/DepositPollingUi.tsx
7488
- import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
7577
+ import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
7489
7578
  function DepositPollingUi({
7490
7579
  depositConfirmationMode,
7491
7580
  showWaitingUi,
@@ -7494,7 +7583,7 @@ function DepositPollingUi({
7494
7583
  }) {
7495
7584
  const { fonts, components } = useTheme();
7496
7585
  if (depositConfirmationMode === "manual" && !showWaitingUi) {
7497
- return /* @__PURE__ */ jsx35(
7586
+ return /* @__PURE__ */ jsx36(
7498
7587
  "button",
7499
7588
  {
7500
7589
  onClick: onIveDeposited,
@@ -7511,15 +7600,15 @@ function DepositPollingUi({
7511
7600
  );
7512
7601
  }
7513
7602
  if (showWaitingUi && !hasExecution) {
7514
- return /* @__PURE__ */ jsxs31(
7603
+ return /* @__PURE__ */ jsxs32(
7515
7604
  "div",
7516
7605
  {
7517
7606
  className: "uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500",
7518
7607
  style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
7519
7608
  children: [
7520
- /* @__PURE__ */ jsx35("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ jsx35("div", { className: "uf-w-9 uf-h-9 uf-rounded-full uf-border-2 uf-border-t-primary uf-border-primary/20 uf-animate-spin" }) }),
7521
- /* @__PURE__ */ jsxs31("div", { children: [
7522
- /* @__PURE__ */ jsx35(
7609
+ /* @__PURE__ */ jsx36("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ jsx36("div", { className: "uf-w-9 uf-h-9 uf-rounded-full uf-border-2 uf-border-t-primary uf-border-primary/20 uf-animate-spin" }) }),
7610
+ /* @__PURE__ */ jsxs32("div", { children: [
7611
+ /* @__PURE__ */ jsx36(
7523
7612
  "div",
7524
7613
  {
7525
7614
  className: "uf-text-sm uf-font-medium",
@@ -7527,7 +7616,7 @@ function DepositPollingUi({
7527
7616
  children: "Processing deposit transactions"
7528
7617
  }
7529
7618
  ),
7530
- /* @__PURE__ */ jsx35(
7619
+ /* @__PURE__ */ jsx36(
7531
7620
  "div",
7532
7621
  {
7533
7622
  className: "uf-text-xs",
@@ -7544,13 +7633,13 @@ function DepositPollingUi({
7544
7633
  }
7545
7634
 
7546
7635
  // src/components/deposits/shared/DepositFooterLinks.tsx
7547
- import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
7636
+ import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
7548
7637
  function DepositFooterLinks({
7549
7638
  onGlossaryClick
7550
7639
  }) {
7551
7640
  const { colors: colors2 } = useTheme();
7552
- return /* @__PURE__ */ jsxs32("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
7553
- /* @__PURE__ */ jsx36(
7641
+ return /* @__PURE__ */ jsxs33("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
7642
+ /* @__PURE__ */ jsx37(
7554
7643
  "a",
7555
7644
  {
7556
7645
  href: "https://unifold.io/terms",
@@ -7560,8 +7649,8 @@ function DepositFooterLinks({
7560
7649
  children: "Terms"
7561
7650
  }
7562
7651
  ),
7563
- /* @__PURE__ */ jsx36("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
7564
- /* @__PURE__ */ jsx36(
7652
+ /* @__PURE__ */ jsx37("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
7653
+ /* @__PURE__ */ jsx37(
7565
7654
  "a",
7566
7655
  {
7567
7656
  href: "https://unifold.io/support",
@@ -7571,8 +7660,8 @@ function DepositFooterLinks({
7571
7660
  children: "Help"
7572
7661
  }
7573
7662
  ),
7574
- /* @__PURE__ */ jsx36("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
7575
- /* @__PURE__ */ jsx36(
7663
+ /* @__PURE__ */ jsx37("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
7664
+ /* @__PURE__ */ jsx37(
7576
7665
  "div",
7577
7666
  {
7578
7667
  className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
@@ -7586,7 +7675,7 @@ function DepositFooterLinks({
7586
7675
 
7587
7676
  // src/components/deposits/shared/GlossaryModal.tsx
7588
7677
  import { X as X5 } from "lucide-react";
7589
- import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
7678
+ import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
7590
7679
  var t3 = i18n.transferCrypto;
7591
7680
  function GlossaryModal({
7592
7681
  open,
@@ -7598,15 +7687,15 @@ function GlossaryModal({
7598
7687
  const { themeClass, colors: colors2, components } = useTheme();
7599
7688
  const resolvedThemeClass = themeClassProp ?? themeClass;
7600
7689
  const modalBackground = backgroundColorProp ?? colors2.background;
7601
- return /* @__PURE__ */ jsx37(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs33(
7690
+ return /* @__PURE__ */ jsx38(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs34(
7602
7691
  DialogContent,
7603
7692
  {
7604
7693
  className: `sm:uf-max-w-[400px] !uf-top-auto !uf-h-auto sm:!uf-top-[50%] uf-border-secondary uf-p-0 uf-gap-0 [&>button]:uf-hidden ${resolvedThemeClass}`,
7605
7694
  style: { backgroundColor: modalBackground },
7606
7695
  children: [
7607
- /* @__PURE__ */ jsxs33("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
7608
- /* @__PURE__ */ jsx37("span", { className: "uf-invisible uf-w-9 uf-h-9 uf-flex uf-shrink-0 uf-items-center uf-justify-center", "aria-hidden": true, children: /* @__PURE__ */ jsx37(X5, { className: "uf-w-4 uf-h-4" }) }),
7609
- /* @__PURE__ */ jsx37(
7696
+ /* @__PURE__ */ jsxs34("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
7697
+ /* @__PURE__ */ jsx38("span", { className: "uf-invisible uf-w-9 uf-h-9 uf-flex uf-shrink-0 uf-items-center uf-justify-center", "aria-hidden": true, children: /* @__PURE__ */ jsx38(X5, { className: "uf-w-4 uf-h-4" }) }),
7698
+ /* @__PURE__ */ jsx38(
7610
7699
  DialogTitle,
7611
7700
  {
7612
7701
  className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
@@ -7614,91 +7703,91 @@ function GlossaryModal({
7614
7703
  children: "Glossary"
7615
7704
  }
7616
7705
  ),
7617
- /* @__PURE__ */ jsx37(
7706
+ /* @__PURE__ */ jsx38(
7618
7707
  "button",
7619
7708
  {
7620
7709
  onClick: () => onOpenChange(false),
7621
7710
  className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
7622
7711
  style: { color: components.header.buttonColor },
7623
- children: /* @__PURE__ */ jsx37(X5, { className: "uf-w-4 uf-h-4" })
7712
+ children: /* @__PURE__ */ jsx38(X5, { className: "uf-w-4 uf-h-4" })
7624
7713
  }
7625
7714
  )
7626
7715
  ] }),
7627
- /* @__PURE__ */ jsx37("div", { className: "uf-max-h-[60vh] sm:uf-max-h-[400px] uf-overflow-y-auto uf-pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsxs33("div", { className: "uf-space-y-3", children: [
7628
- /* @__PURE__ */ jsxs33(
7716
+ /* @__PURE__ */ jsx38("div", { className: "uf-max-h-[60vh] sm:uf-max-h-[400px] uf-overflow-y-auto uf-pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsxs34("div", { className: "uf-space-y-3", children: [
7717
+ /* @__PURE__ */ jsxs34(
7629
7718
  "div",
7630
7719
  {
7631
7720
  className: "uf-rounded-xl uf-p-3",
7632
7721
  style: { backgroundColor: components.card.backgroundColor },
7633
7722
  children: [
7634
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
7635
- /* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
7723
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
7724
+ /* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
7636
7725
  ]
7637
7726
  }
7638
7727
  ),
7639
- /* @__PURE__ */ jsxs33(
7728
+ /* @__PURE__ */ jsxs34(
7640
7729
  "div",
7641
7730
  {
7642
7731
  className: "uf-rounded-xl uf-p-3",
7643
7732
  style: { backgroundColor: components.card.backgroundColor },
7644
7733
  children: [
7645
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
7646
- /* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "A unique wallet address generated for you. Send supported tokens to this address and they will be automatically converted and deposited into your account." })
7734
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
7735
+ /* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "A unique wallet address generated for you. Send supported tokens to this address and they will be automatically converted and deposited into your account." })
7647
7736
  ]
7648
7737
  }
7649
7738
  ),
7650
- /* @__PURE__ */ jsxs33(
7739
+ /* @__PURE__ */ jsxs34(
7651
7740
  "div",
7652
7741
  {
7653
7742
  className: "uf-rounded-xl uf-p-3",
7654
7743
  style: { backgroundColor: components.card.backgroundColor },
7655
7744
  children: [
7656
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
7657
- /* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
7745
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
7746
+ /* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
7658
7747
  ]
7659
7748
  }
7660
7749
  ),
7661
- /* @__PURE__ */ jsxs33(
7750
+ /* @__PURE__ */ jsxs34(
7662
7751
  "div",
7663
7752
  {
7664
7753
  className: "uf-rounded-xl uf-p-3",
7665
7754
  style: { backgroundColor: components.card.backgroundColor },
7666
7755
  children: [
7667
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
7668
- /* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
7756
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
7757
+ /* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
7669
7758
  ]
7670
7759
  }
7671
7760
  ),
7672
- /* @__PURE__ */ jsxs33(
7761
+ /* @__PURE__ */ jsxs34(
7673
7762
  "div",
7674
7763
  {
7675
7764
  className: "uf-rounded-xl uf-p-3",
7676
7765
  style: { backgroundColor: components.card.backgroundColor },
7677
7766
  children: [
7678
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
7679
- /* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The estimated time for your deposit to be confirmed and credited. This depends on the source network's block confirmation time and current congestion." })
7767
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
7768
+ /* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The estimated time for your deposit to be confirmed and credited. This depends on the source network's block confirmation time and current congestion." })
7680
7769
  ]
7681
7770
  }
7682
7771
  ),
7683
- /* @__PURE__ */ jsxs33(
7772
+ /* @__PURE__ */ jsxs34(
7684
7773
  "div",
7685
7774
  {
7686
7775
  className: "uf-rounded-xl uf-p-3",
7687
7776
  style: { backgroundColor: components.card.backgroundColor },
7688
7777
  children: [
7689
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
7690
- /* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
7778
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
7779
+ /* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
7691
7780
  ]
7692
7781
  }
7693
7782
  ),
7694
- /* @__PURE__ */ jsxs33(
7783
+ /* @__PURE__ */ jsxs34(
7695
7784
  "div",
7696
7785
  {
7697
7786
  className: "uf-rounded-xl uf-p-3",
7698
7787
  style: { backgroundColor: components.card.backgroundColor },
7699
7788
  children: [
7700
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
7701
- /* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The destination address on the target blockchain where your converted deposit will be sent. This is typically your wallet address on the application's native chain." })
7789
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
7790
+ /* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The destination address on the target blockchain where your converted deposit will be sent. This is typically your wallet address on the application's native chain." })
7702
7791
  ]
7703
7792
  }
7704
7793
  )
@@ -7724,7 +7813,7 @@ function useCopyAddress() {
7724
7813
  // src/components/shared/tooltip.tsx
7725
7814
  import * as React23 from "react";
7726
7815
  import * as TooltipPrimitive from "@radix-ui/react-tooltip";
7727
- import { jsx as jsx38 } from "react/jsx-runtime";
7816
+ import { jsx as jsx39 } from "react/jsx-runtime";
7728
7817
  var TooltipProvider = TooltipPrimitive.Provider;
7729
7818
  function Tooltip({
7730
7819
  children,
@@ -7734,11 +7823,11 @@ function Tooltip({
7734
7823
  const isControlled = props.open !== void 0;
7735
7824
  const isOpen = isControlled ? props.open : open;
7736
7825
  const onOpenChange = isControlled ? props.onOpenChange : (nextOpen) => setOpen(nextOpen);
7737
- return /* @__PURE__ */ jsx38(
7826
+ return /* @__PURE__ */ jsx39(
7738
7827
  TooltipContext.Provider,
7739
7828
  {
7740
7829
  value: { open: isOpen, onOpenChange },
7741
- children: /* @__PURE__ */ jsx38(
7830
+ children: /* @__PURE__ */ jsx39(
7742
7831
  TooltipPrimitive.Root,
7743
7832
  {
7744
7833
  ...props,
@@ -7764,12 +7853,12 @@ var TooltipTrigger = React23.forwardRef(({ onClick, ...props }, ref) => {
7764
7853
  },
7765
7854
  [open, onOpenChange, onClick]
7766
7855
  );
7767
- return /* @__PURE__ */ jsx38(TooltipPrimitive.Trigger, { ref, onClick: handleClick, ...props });
7856
+ return /* @__PURE__ */ jsx39(TooltipPrimitive.Trigger, { ref, onClick: handleClick, ...props });
7768
7857
  });
7769
7858
  TooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;
7770
7859
  var TooltipContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
7771
7860
  const { themeClass, colors: colors2 } = useTheme();
7772
- return /* @__PURE__ */ jsx38(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx38(
7861
+ return /* @__PURE__ */ jsx39(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx39(
7773
7862
  TooltipPrimitive.Content,
7774
7863
  {
7775
7864
  ref,
@@ -7790,7 +7879,7 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
7790
7879
  import {
7791
7880
  getWalletByChainType as getWalletByChainType2
7792
7881
  } from "@unifold/core";
7793
- import { Fragment as Fragment4, jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
7882
+ import { Fragment as Fragment4, jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
7794
7883
  var t4 = i18n.transferCrypto;
7795
7884
  var getChainKey = (chainId, chainType) => {
7796
7885
  return `${chainType}:${chainId}`;
@@ -7974,29 +8063,29 @@ function TransferCryptoSingleInput({
7974
8063
  const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
7975
8064
  const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
7976
8065
  const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
7977
- return /* @__PURE__ */ jsx39(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs34(
8066
+ return /* @__PURE__ */ jsx40(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs35(
7978
8067
  "div",
7979
8068
  {
7980
8069
  className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
7981
8070
  style: { backgroundColor: colors2.background },
7982
8071
  children: [
7983
- /* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ jsx39("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
7984
- /* @__PURE__ */ jsx39(
8072
+ /* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ jsx40("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
8073
+ /* @__PURE__ */ jsx40(
7985
8074
  "button",
7986
8075
  {
7987
8076
  onClick: () => setTokenSelectorOpen(true),
7988
8077
  disabled: tokensLoading || supportedTokens.length === 0,
7989
8078
  className: "uf-w-full hover:uf-bg-accent uf-p-3 uf-flex uf-items-center uf-gap-3 uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
7990
8079
  style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
7991
- children: tokensLoading ? /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
7992
- /* @__PURE__ */ jsx39("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
7993
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex-1", children: [
7994
- /* @__PURE__ */ jsx39("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
7995
- /* @__PURE__ */ jsx39("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
8080
+ children: tokensLoading ? /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
8081
+ /* @__PURE__ */ jsx40("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
8082
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex-1", children: [
8083
+ /* @__PURE__ */ jsx40("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
8084
+ /* @__PURE__ */ jsx40("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
7996
8085
  ] })
7997
- ] }) : /* @__PURE__ */ jsxs34(Fragment4, { children: [
7998
- /* @__PURE__ */ jsxs34("div", { className: "uf-relative uf-flex-shrink-0", children: [
7999
- selectedToken && /* @__PURE__ */ jsx39(
8086
+ ] }) : /* @__PURE__ */ jsxs35(Fragment4, { children: [
8087
+ /* @__PURE__ */ jsxs35("div", { className: "uf-relative uf-flex-shrink-0", children: [
8088
+ selectedToken && /* @__PURE__ */ jsx40(
8000
8089
  "img",
8001
8090
  {
8002
8091
  src: selectedToken.icon_url,
@@ -8007,7 +8096,7 @@ function TransferCryptoSingleInput({
8007
8096
  className: "uf-w-10 uf-h-10 uf-rounded-full"
8008
8097
  }
8009
8098
  ),
8010
- (currentChainFromBackend || currentChainData) && /* @__PURE__ */ jsx39("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ jsx39(
8099
+ (currentChainFromBackend || currentChainData) && /* @__PURE__ */ jsx40("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ jsx40(
8011
8100
  "img",
8012
8101
  {
8013
8102
  src: currentChainFromBackend?.icon_url || currentChainData?.icon_url || "",
@@ -8020,8 +8109,8 @@ function TransferCryptoSingleInput({
8020
8109
  }
8021
8110
  ) })
8022
8111
  ] }),
8023
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
8024
- /* @__PURE__ */ jsx39(
8112
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
8113
+ /* @__PURE__ */ jsx40(
8025
8114
  "div",
8026
8115
  {
8027
8116
  className: "uf-text-sm uf-font-medium",
@@ -8029,7 +8118,7 @@ function TransferCryptoSingleInput({
8029
8118
  children: selectedToken?.symbol || token
8030
8119
  }
8031
8120
  ),
8032
- /* @__PURE__ */ jsx39(
8121
+ /* @__PURE__ */ jsx40(
8033
8122
  "div",
8034
8123
  {
8035
8124
  className: "uf-text-xs uf-truncate",
@@ -8038,8 +8127,8 @@ function TransferCryptoSingleInput({
8038
8127
  }
8039
8128
  )
8040
8129
  ] }),
8041
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
8042
- /* @__PURE__ */ jsx39("div", { className: "uf-text-right", children: /* @__PURE__ */ jsxs34(
8130
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
8131
+ /* @__PURE__ */ jsx40("div", { className: "uf-text-right", children: /* @__PURE__ */ jsxs35(
8043
8132
  "div",
8044
8133
  {
8045
8134
  className: "uf-text-xs uf-font-medium",
@@ -8051,12 +8140,12 @@ function TransferCryptoSingleInput({
8051
8140
  ]
8052
8141
  }
8053
8142
  ) }),
8054
- /* @__PURE__ */ jsx39(ChevronRight9, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
8143
+ /* @__PURE__ */ jsx40(ChevronRight9, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
8055
8144
  ] })
8056
8145
  ] })
8057
8146
  }
8058
8147
  ),
8059
- /* @__PURE__ */ jsx39(
8148
+ /* @__PURE__ */ jsx40(
8060
8149
  TokenSelectorSheet,
8061
8150
  {
8062
8151
  open: tokenSelectorOpen,
@@ -8070,24 +8159,24 @@ function TransferCryptoSingleInput({
8070
8159
  }
8071
8160
  }
8072
8161
  ),
8073
- error && !loading && /* @__PURE__ */ jsxs34("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
8074
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
8075
- /* @__PURE__ */ jsx39(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
8076
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex-1 uf-min-w-0", children: [
8077
- /* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
8078
- /* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
8162
+ error && !loading && /* @__PURE__ */ jsxs35("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
8163
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
8164
+ /* @__PURE__ */ jsx40(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
8165
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex-1 uf-min-w-0", children: [
8166
+ /* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
8167
+ /* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
8079
8168
  ] })
8080
8169
  ] }),
8081
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
8082
- /* @__PURE__ */ jsx39(Clock2, { className: "uf-w-3 uf-h-3" }),
8083
- /* @__PURE__ */ jsx39("span", { children: "Retrying automatically every 5 seconds..." })
8170
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
8171
+ /* @__PURE__ */ jsx40(Clock2, { className: "uf-w-3 uf-h-3" }),
8172
+ /* @__PURE__ */ jsx40("span", { children: "Retrying automatically every 5 seconds..." })
8084
8173
  ] })
8085
8174
  ] }),
8086
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
8087
- /* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
8088
- /* @__PURE__ */ jsx39("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
8175
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
8176
+ /* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
8177
+ /* @__PURE__ */ jsx40("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
8089
8178
  // QR Skeleton - matches QR code appearance
8090
- /* @__PURE__ */ jsx39(
8179
+ /* @__PURE__ */ jsx40(
8091
8180
  "div",
8092
8181
  {
8093
8182
  className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
@@ -8097,7 +8186,7 @@ function TransferCryptoSingleInput({
8097
8186
  background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
8098
8187
  borderRadius: 8
8099
8188
  },
8100
- children: /* @__PURE__ */ jsx39(
8189
+ children: /* @__PURE__ */ jsx40(
8101
8190
  "div",
8102
8191
  {
8103
8192
  style: {
@@ -8110,7 +8199,7 @@ function TransferCryptoSingleInput({
8110
8199
  )
8111
8200
  }
8112
8201
  )
8113
- ) : depositAddress ? /* @__PURE__ */ jsx39(
8202
+ ) : depositAddress ? /* @__PURE__ */ jsx40(
8114
8203
  StyledQRCode,
8115
8204
  {
8116
8205
  value: depositAddress,
@@ -8120,19 +8209,19 @@ function TransferCryptoSingleInput({
8120
8209
  darkMode: isDarkMode
8121
8210
  },
8122
8211
  `qr-${depositAddress}-${chain}`
8123
- ) : /* @__PURE__ */ jsx39(
8212
+ ) : /* @__PURE__ */ jsx40(
8124
8213
  "div",
8125
8214
  {
8126
8215
  className: "uf-flex uf-items-center uf-justify-center",
8127
8216
  style: { width: 180, height: 180 },
8128
- children: /* @__PURE__ */ jsx39("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
8217
+ children: /* @__PURE__ */ jsx40("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
8129
8218
  }
8130
8219
  ) })
8131
8220
  ] }),
8132
- /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsxs34("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
8221
+ /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsxs35("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
8133
8222
  loading || tokensLoading || !initialSelectionDone ? (
8134
8223
  // Address skeleton
8135
- /* @__PURE__ */ jsx39(
8224
+ /* @__PURE__ */ jsx40(
8136
8225
  "div",
8137
8226
  {
8138
8227
  className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
@@ -8141,45 +8230,45 @@ function TransferCryptoSingleInput({
8141
8230
  }
8142
8231
  }
8143
8232
  )
8144
- ) : /* @__PURE__ */ jsx39("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
8145
- depositAddress && initialSelectionDone && /* @__PURE__ */ jsx39(
8233
+ ) : /* @__PURE__ */ jsx40("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
8234
+ depositAddress && initialSelectionDone && /* @__PURE__ */ jsx40(
8146
8235
  "span",
8147
8236
  {
8148
8237
  onClick: handleCopyAddress,
8149
8238
  className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
8150
8239
  style: { color: copied ? colors2.success : components.card.actionColor },
8151
- children: copied ? /* @__PURE__ */ jsx39(Check3, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx39(Copy, { className: "uf-w-3.5 uf-h-3.5" })
8240
+ children: copied ? /* @__PURE__ */ jsx40(Check3, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx40(Copy, { className: "uf-w-3.5 uf-h-3.5" })
8152
8241
  }
8153
8242
  )
8154
8243
  ] }) }),
8155
- /* @__PURE__ */ jsxs34("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
8156
- /* @__PURE__ */ jsxs34(
8244
+ /* @__PURE__ */ jsxs35("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
8245
+ /* @__PURE__ */ jsxs35(
8157
8246
  "button",
8158
8247
  {
8159
8248
  onClick: () => setDetailsExpanded(!detailsExpanded),
8160
8249
  className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
8161
8250
  children: [
8162
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8163
- /* @__PURE__ */ jsx39("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx39(Clock2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8164
- /* @__PURE__ */ jsxs34("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8251
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8252
+ /* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(Clock2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8253
+ /* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8165
8254
  t4.processingTime.label,
8166
8255
  ":",
8167
8256
  " ",
8168
- /* @__PURE__ */ jsx39("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
8257
+ /* @__PURE__ */ jsx40("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
8169
8258
  ] })
8170
8259
  ] }),
8171
- detailsExpanded ? /* @__PURE__ */ jsx39(ChevronUp2, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx39(ChevronDown3, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
8260
+ detailsExpanded ? /* @__PURE__ */ jsx40(ChevronUp2, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx40(ChevronDown3, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
8172
8261
  ]
8173
8262
  }
8174
8263
  ),
8175
- detailsExpanded && /* @__PURE__ */ jsxs34("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
8176
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8177
- /* @__PURE__ */ jsx39("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx39(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8178
- /* @__PURE__ */ jsxs34("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8264
+ detailsExpanded && /* @__PURE__ */ jsxs35("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
8265
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8266
+ /* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8267
+ /* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8179
8268
  t4.slippage.label,
8180
8269
  ":",
8181
8270
  " ",
8182
- /* @__PURE__ */ jsxs34("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
8271
+ /* @__PURE__ */ jsxs35("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
8183
8272
  t4.slippage.auto,
8184
8273
  " \u2022 ",
8185
8274
  maxSlippage.toFixed(2),
@@ -8187,38 +8276,38 @@ function TransferCryptoSingleInput({
8187
8276
  ] })
8188
8277
  ] })
8189
8278
  ] }),
8190
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8191
- /* @__PURE__ */ jsx39("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx39(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8192
- /* @__PURE__ */ jsxs34("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8279
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8280
+ /* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8281
+ /* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8193
8282
  t4.priceImpact.label,
8194
8283
  ":",
8195
8284
  " ",
8196
- /* @__PURE__ */ jsxs34("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
8285
+ /* @__PURE__ */ jsxs35("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
8197
8286
  priceImpact.toFixed(2),
8198
8287
  "%"
8199
8288
  ] })
8200
8289
  ] })
8201
8290
  ] }),
8202
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8203
- /* @__PURE__ */ jsx39("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx39(Wallet2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8204
- /* @__PURE__ */ jsxs34("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8291
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8292
+ /* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(Wallet2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8293
+ /* @__PURE__ */ jsxs35("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8205
8294
  "Recipient address:",
8206
8295
  " ",
8207
- /* @__PURE__ */ jsx39("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
8208
- /* @__PURE__ */ jsx39(
8296
+ /* @__PURE__ */ jsx40("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
8297
+ /* @__PURE__ */ jsx40(
8209
8298
  "span",
8210
8299
  {
8211
8300
  onClick: () => handleCopyRecipientAddress(recipientAddress),
8212
8301
  className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
8213
8302
  style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
8214
- children: copiedRecipient ? /* @__PURE__ */ jsx39(Check3, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx39(Copy, { className: "uf-w-3.5 uf-h-3.5" })
8303
+ children: copiedRecipient ? /* @__PURE__ */ jsx40(Check3, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx40(Copy, { className: "uf-w-3.5 uf-h-3.5" })
8215
8304
  }
8216
8305
  )
8217
8306
  ] })
8218
8307
  ] })
8219
8308
  ] })
8220
8309
  ] }),
8221
- wallets && wallets.length > 0 && /* @__PURE__ */ jsx39(
8310
+ wallets && wallets.length > 0 && /* @__PURE__ */ jsx40(
8222
8311
  DepositPollingUi,
8223
8312
  {
8224
8313
  depositConfirmationMode,
@@ -8227,29 +8316,29 @@ function TransferCryptoSingleInput({
8227
8316
  onIveDeposited: handleIveDeposited
8228
8317
  }
8229
8318
  ),
8230
- /* @__PURE__ */ jsx39(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
8231
- depositExecutions.length > 1 && /* @__PURE__ */ jsx39("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs34(
8319
+ /* @__PURE__ */ jsx40(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
8320
+ depositExecutions.length > 1 && /* @__PURE__ */ jsx40("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs35(
8232
8321
  "button",
8233
8322
  {
8234
8323
  onClick: () => setDepositsModalOpen(true),
8235
8324
  className: "uf-flex uf-items-center uf-gap-1 uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-animate-in uf-fade-in uf-slide-in-from-right-8 uf-duration-1000",
8236
8325
  children: [
8237
- /* @__PURE__ */ jsx39(Clock2, { className: "uf-w-3.5 uf-h-3.5" }),
8326
+ /* @__PURE__ */ jsx40(Clock2, { className: "uf-w-3.5 uf-h-3.5" }),
8238
8327
  "Track deposits (",
8239
8328
  depositExecutions.length,
8240
8329
  ")",
8241
- /* @__PURE__ */ jsx39(ChevronRight9, { className: "uf-w-3 uf-h-3" })
8330
+ /* @__PURE__ */ jsx40(ChevronRight9, { className: "uf-w-3 uf-h-3" })
8242
8331
  ]
8243
8332
  }
8244
8333
  ) }),
8245
- /* @__PURE__ */ jsx39(
8334
+ /* @__PURE__ */ jsx40(
8246
8335
  DepositPollingToasts,
8247
8336
  {
8248
8337
  executions: depositExecutions,
8249
8338
  isPolling
8250
8339
  }
8251
8340
  ),
8252
- /* @__PURE__ */ jsx39(
8341
+ /* @__PURE__ */ jsx40(
8253
8342
  DepositsModal,
8254
8343
  {
8255
8344
  open: depositsModalOpen,
@@ -8260,7 +8349,7 @@ function TransferCryptoSingleInput({
8260
8349
  themeClass
8261
8350
  }
8262
8351
  ),
8263
- /* @__PURE__ */ jsx39(
8352
+ /* @__PURE__ */ jsx40(
8264
8353
  GlossaryModal,
8265
8354
  {
8266
8355
  open: glossaryOpen,
@@ -8293,13 +8382,13 @@ import {
8293
8382
  import * as React24 from "react";
8294
8383
  import * as SelectPrimitive from "@radix-ui/react-select";
8295
8384
  import { Check as Check4, ChevronDown as ChevronDown4, ChevronUp as ChevronUp3 } from "lucide-react";
8296
- import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
8385
+ import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
8297
8386
  var Select = SelectPrimitive.Root;
8298
8387
  var SelectGroup = SelectPrimitive.Group;
8299
8388
  var SelectValue = SelectPrimitive.Value;
8300
8389
  var SelectTrigger = React24.forwardRef(({ className, style, children, ...props }, ref) => {
8301
8390
  const { components } = useTheme();
8302
- return /* @__PURE__ */ jsxs35(
8391
+ return /* @__PURE__ */ jsxs36(
8303
8392
  SelectPrimitive.Trigger,
8304
8393
  {
8305
8394
  ref,
@@ -8315,13 +8404,13 @@ var SelectTrigger = React24.forwardRef(({ className, style, children, ...props }
8315
8404
  ...props,
8316
8405
  children: [
8317
8406
  children,
8318
- /* @__PURE__ */ jsx40(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx40(ChevronDown4, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
8407
+ /* @__PURE__ */ jsx41(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx41(ChevronDown4, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
8319
8408
  ]
8320
8409
  }
8321
8410
  );
8322
8411
  });
8323
8412
  SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
8324
- var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
8413
+ var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
8325
8414
  SelectPrimitive.ScrollUpButton,
8326
8415
  {
8327
8416
  ref,
@@ -8330,11 +8419,11 @@ var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) =>
8330
8419
  className
8331
8420
  ),
8332
8421
  ...props,
8333
- children: /* @__PURE__ */ jsx40(ChevronUp3, { className: "uf-h-4 uf-w-4" })
8422
+ children: /* @__PURE__ */ jsx41(ChevronUp3, { className: "uf-h-4 uf-w-4" })
8334
8423
  }
8335
8424
  ));
8336
8425
  SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
8337
- var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
8426
+ var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
8338
8427
  SelectPrimitive.ScrollDownButton,
8339
8428
  {
8340
8429
  ref,
@@ -8343,13 +8432,13 @@ var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) =
8343
8432
  className
8344
8433
  ),
8345
8434
  ...props,
8346
- children: /* @__PURE__ */ jsx40(ChevronDown4, { className: "uf-h-4 uf-w-4" })
8435
+ children: /* @__PURE__ */ jsx41(ChevronDown4, { className: "uf-h-4 uf-w-4" })
8347
8436
  }
8348
8437
  ));
8349
8438
  SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
8350
8439
  var SelectContent = React24.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
8351
8440
  const { themeClass, colors: colors2, components } = useTheme();
8352
- return /* @__PURE__ */ jsx40(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs35(
8441
+ return /* @__PURE__ */ jsx41(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs36(
8353
8442
  SelectPrimitive.Content,
8354
8443
  {
8355
8444
  ref,
@@ -8368,8 +8457,8 @@ var SelectContent = React24.forwardRef(({ className, style, children, position =
8368
8457
  position,
8369
8458
  ...props,
8370
8459
  children: [
8371
- /* @__PURE__ */ jsx40(SelectScrollUpButton, {}),
8372
- /* @__PURE__ */ jsx40(
8460
+ /* @__PURE__ */ jsx41(SelectScrollUpButton, {}),
8461
+ /* @__PURE__ */ jsx41(
8373
8462
  SelectPrimitive.Viewport,
8374
8463
  {
8375
8464
  className: cn(
@@ -8379,13 +8468,13 @@ var SelectContent = React24.forwardRef(({ className, style, children, position =
8379
8468
  children
8380
8469
  }
8381
8470
  ),
8382
- /* @__PURE__ */ jsx40(SelectScrollDownButton, {})
8471
+ /* @__PURE__ */ jsx41(SelectScrollDownButton, {})
8383
8472
  ]
8384
8473
  }
8385
8474
  ) });
8386
8475
  });
8387
8476
  SelectContent.displayName = SelectPrimitive.Content.displayName;
8388
- var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
8477
+ var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
8389
8478
  SelectPrimitive.Label,
8390
8479
  {
8391
8480
  ref,
@@ -8397,7 +8486,7 @@ var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
8397
8486
  }
8398
8487
  ));
8399
8488
  SelectLabel.displayName = SelectPrimitive.Label.displayName;
8400
- var SelectItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs35(
8489
+ var SelectItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs36(
8401
8490
  SelectPrimitive.Item,
8402
8491
  {
8403
8492
  ref,
@@ -8407,13 +8496,13 @@ var SelectItem = React24.forwardRef(({ className, children, ...props }, ref) =>
8407
8496
  ),
8408
8497
  ...props,
8409
8498
  children: [
8410
- /* @__PURE__ */ jsx40("span", { className: "uf-absolute uf-left-2 uf-flex uf-h-3.5 uf-w-3.5 uf-items-center uf-justify-center", children: /* @__PURE__ */ jsx40(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx40(Check4, { className: "uf-h-4 uf-w-4" }) }) }),
8411
- /* @__PURE__ */ jsx40(SelectPrimitive.ItemText, { children })
8499
+ /* @__PURE__ */ jsx41("span", { className: "uf-absolute uf-left-2 uf-flex uf-h-3.5 uf-w-3.5 uf-items-center uf-justify-center", children: /* @__PURE__ */ jsx41(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx41(Check4, { className: "uf-h-4 uf-w-4" }) }) }),
8500
+ /* @__PURE__ */ jsx41(SelectPrimitive.ItemText, { children })
8412
8501
  ]
8413
8502
  }
8414
8503
  ));
8415
8504
  SelectItem.displayName = SelectPrimitive.Item.displayName;
8416
- var SelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
8505
+ var SelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
8417
8506
  SelectPrimitive.Separator,
8418
8507
  {
8419
8508
  ref,
@@ -8427,7 +8516,7 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
8427
8516
  import {
8428
8517
  getWalletByChainType as getWalletByChainType3
8429
8518
  } from "@unifold/core";
8430
- import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
8519
+ import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
8431
8520
  var t5 = i18n.transferCrypto;
8432
8521
  var getChainKey2 = (chainId, chainType) => {
8433
8522
  return `${chainType}:${chainId}`;
@@ -8584,8 +8673,8 @@ function TransferCryptoDoubleInput({
8584
8673
  const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
8585
8674
  const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
8586
8675
  const renderTokenItem = (tokenData) => {
8587
- return /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8588
- /* @__PURE__ */ jsx41(
8676
+ return /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8677
+ /* @__PURE__ */ jsx42(
8589
8678
  "img",
8590
8679
  {
8591
8680
  src: tokenData.icon_url,
@@ -8596,13 +8685,13 @@ function TransferCryptoDoubleInput({
8596
8685
  className: "uf-rounded-full uf-flex-shrink-0"
8597
8686
  }
8598
8687
  ),
8599
- /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
8688
+ /* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
8600
8689
  ] });
8601
8690
  };
8602
8691
  const renderChainItem = (chainData, showMinDeposit = false) => {
8603
- return /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
8604
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8605
- /* @__PURE__ */ jsx41(
8692
+ return /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
8693
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8694
+ /* @__PURE__ */ jsx42(
8606
8695
  "img",
8607
8696
  {
8608
8697
  src: chainData.icon_url,
@@ -8613,32 +8702,32 @@ function TransferCryptoDoubleInput({
8613
8702
  className: "uf-rounded-full uf-flex-shrink-0"
8614
8703
  }
8615
8704
  ),
8616
- /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
8705
+ /* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
8617
8706
  ] }),
8618
- showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ jsxs36("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
8707
+ showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ jsxs37("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
8619
8708
  "$",
8620
8709
  chainData.minimum_deposit_amount_usd
8621
8710
  ] })
8622
8711
  ] });
8623
8712
  };
8624
- return /* @__PURE__ */ jsx41(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs36(
8713
+ return /* @__PURE__ */ jsx42(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs37(
8625
8714
  "div",
8626
8715
  {
8627
8716
  className: "uf-space-y-3",
8628
8717
  style: { backgroundColor: colors2.background },
8629
8718
  children: [
8630
- /* @__PURE__ */ jsxs36("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
8631
- /* @__PURE__ */ jsxs36("div", { children: [
8632
- /* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
8633
- /* @__PURE__ */ jsxs36(
8719
+ /* @__PURE__ */ jsxs37("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
8720
+ /* @__PURE__ */ jsxs37("div", { children: [
8721
+ /* @__PURE__ */ jsx42("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
8722
+ /* @__PURE__ */ jsxs37(
8634
8723
  Select,
8635
8724
  {
8636
8725
  value: token,
8637
8726
  onValueChange: setToken,
8638
8727
  disabled: tokensLoading || supportedTokens.length === 0,
8639
8728
  children: [
8640
- /* @__PURE__ */ jsx41(SelectTrigger, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx41(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
8641
- /* @__PURE__ */ jsx41(SelectContent, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} }, children: supportedTokens.map((tokenData) => /* @__PURE__ */ jsx41(
8729
+ /* @__PURE__ */ jsx42(SelectTrigger, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx42(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx42("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx42("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
8730
+ /* @__PURE__ */ jsx42(SelectContent, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} }, children: supportedTokens.map((tokenData) => /* @__PURE__ */ jsx42(
8642
8731
  SelectItem,
8643
8732
  {
8644
8733
  value: tokenData.symbol,
@@ -8651,36 +8740,36 @@ function TransferCryptoDoubleInput({
8651
8740
  }
8652
8741
  )
8653
8742
  ] }),
8654
- /* @__PURE__ */ jsxs36("div", { children: [
8655
- /* @__PURE__ */ jsxs36("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
8743
+ /* @__PURE__ */ jsxs37("div", { children: [
8744
+ /* @__PURE__ */ jsxs37("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
8656
8745
  t5.selectedChain,
8657
- /* @__PURE__ */ jsxs36("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
8746
+ /* @__PURE__ */ jsxs37("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
8658
8747
  "$",
8659
8748
  minDepositUsd,
8660
8749
  " ",
8661
8750
  t5.minDeposit.label
8662
8751
  ] })
8663
8752
  ] }),
8664
- /* @__PURE__ */ jsxs36(
8753
+ /* @__PURE__ */ jsxs37(
8665
8754
  Select,
8666
8755
  {
8667
8756
  value: chain,
8668
8757
  onValueChange: setChain,
8669
8758
  disabled: tokensLoading || availableChainsForToken.length === 0,
8670
8759
  children: [
8671
- /* @__PURE__ */ jsx41(SelectTrigger, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx41(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
8672
- /* @__PURE__ */ jsx41(
8760
+ /* @__PURE__ */ jsx42(SelectTrigger, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx42(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx42("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx42("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
8761
+ /* @__PURE__ */ jsx42(
8673
8762
  SelectContent,
8674
8763
  {
8675
8764
  align: "end",
8676
8765
  className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
8677
8766
  style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} },
8678
- children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx41("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
8767
+ children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx42("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
8679
8768
  const chainKey = getChainKey2(
8680
8769
  chainData.chain_id,
8681
8770
  chainData.chain_type
8682
8771
  );
8683
- return /* @__PURE__ */ jsx41(
8772
+ return /* @__PURE__ */ jsx42(
8684
8773
  SelectItem,
8685
8774
  {
8686
8775
  value: chainKey,
@@ -8697,24 +8786,24 @@ function TransferCryptoDoubleInput({
8697
8786
  )
8698
8787
  ] })
8699
8788
  ] }),
8700
- error && !loading && /* @__PURE__ */ jsxs36("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
8701
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
8702
- /* @__PURE__ */ jsx41(Info2, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
8703
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex-1 uf-min-w-0", children: [
8704
- /* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
8705
- /* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
8789
+ error && !loading && /* @__PURE__ */ jsxs37("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
8790
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
8791
+ /* @__PURE__ */ jsx42(Info2, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
8792
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex-1 uf-min-w-0", children: [
8793
+ /* @__PURE__ */ jsx42("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
8794
+ /* @__PURE__ */ jsx42("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
8706
8795
  ] })
8707
8796
  ] }),
8708
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
8709
- /* @__PURE__ */ jsx41(Clock3, { className: "uf-w-3 uf-h-3" }),
8710
- /* @__PURE__ */ jsx41("span", { children: "Retrying automatically every 5 seconds..." })
8797
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
8798
+ /* @__PURE__ */ jsx42(Clock3, { className: "uf-w-3 uf-h-3" }),
8799
+ /* @__PURE__ */ jsx42("span", { children: "Retrying automatically every 5 seconds..." })
8711
8800
  ] })
8712
8801
  ] }),
8713
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
8714
- /* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
8715
- /* @__PURE__ */ jsx41("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
8802
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
8803
+ /* @__PURE__ */ jsx42("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
8804
+ /* @__PURE__ */ jsx42("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
8716
8805
  // QR Skeleton - matches QR code appearance
8717
- /* @__PURE__ */ jsx41(
8806
+ /* @__PURE__ */ jsx42(
8718
8807
  "div",
8719
8808
  {
8720
8809
  className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
@@ -8724,7 +8813,7 @@ function TransferCryptoDoubleInput({
8724
8813
  background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
8725
8814
  borderRadius: 8
8726
8815
  },
8727
- children: /* @__PURE__ */ jsx41(
8816
+ children: /* @__PURE__ */ jsx42(
8728
8817
  "div",
8729
8818
  {
8730
8819
  style: {
@@ -8737,7 +8826,7 @@ function TransferCryptoDoubleInput({
8737
8826
  )
8738
8827
  }
8739
8828
  )
8740
- ) : depositAddress ? /* @__PURE__ */ jsx41(
8829
+ ) : depositAddress ? /* @__PURE__ */ jsx42(
8741
8830
  StyledQRCode,
8742
8831
  {
8743
8832
  value: depositAddress,
@@ -8747,19 +8836,19 @@ function TransferCryptoDoubleInput({
8747
8836
  darkMode: isDarkMode
8748
8837
  },
8749
8838
  `qr-${depositAddress}-${chain}`
8750
- ) : /* @__PURE__ */ jsx41(
8839
+ ) : /* @__PURE__ */ jsx42(
8751
8840
  "div",
8752
8841
  {
8753
8842
  className: "uf-flex uf-items-center uf-justify-center",
8754
8843
  style: { width: 180, height: 180 },
8755
- children: /* @__PURE__ */ jsx41("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
8844
+ children: /* @__PURE__ */ jsx42("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
8756
8845
  }
8757
8846
  ) })
8758
8847
  ] }),
8759
- /* @__PURE__ */ jsx41("div", { children: /* @__PURE__ */ jsxs36("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
8848
+ /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsxs37("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
8760
8849
  loading || tokensLoading || !initialSelectionDone ? (
8761
8850
  // Address skeleton
8762
- /* @__PURE__ */ jsx41(
8851
+ /* @__PURE__ */ jsx42(
8763
8852
  "div",
8764
8853
  {
8765
8854
  className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
@@ -8768,45 +8857,45 @@ function TransferCryptoDoubleInput({
8768
8857
  }
8769
8858
  }
8770
8859
  )
8771
- ) : /* @__PURE__ */ jsx41("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
8772
- depositAddress && initialSelectionDone && /* @__PURE__ */ jsx41(
8860
+ ) : /* @__PURE__ */ jsx42("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
8861
+ depositAddress && initialSelectionDone && /* @__PURE__ */ jsx42(
8773
8862
  "span",
8774
8863
  {
8775
8864
  onClick: handleCopyAddress,
8776
8865
  className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
8777
8866
  style: { color: copied ? colors2.success : components.card.actionColor },
8778
- children: copied ? /* @__PURE__ */ jsx41(Check5, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx41(Copy2, { className: "uf-w-3.5 uf-h-3.5" })
8867
+ children: copied ? /* @__PURE__ */ jsx42(Check5, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx42(Copy2, { className: "uf-w-3.5 uf-h-3.5" })
8779
8868
  }
8780
8869
  )
8781
8870
  ] }) }),
8782
- /* @__PURE__ */ jsxs36("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
8783
- /* @__PURE__ */ jsxs36(
8871
+ /* @__PURE__ */ jsxs37("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
8872
+ /* @__PURE__ */ jsxs37(
8784
8873
  "button",
8785
8874
  {
8786
8875
  onClick: () => setDetailsExpanded(!detailsExpanded),
8787
8876
  className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
8788
8877
  children: [
8789
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8790
- /* @__PURE__ */ jsx41("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx41(Clock3, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8791
- /* @__PURE__ */ jsxs36("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8878
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8879
+ /* @__PURE__ */ jsx42("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx42(Clock3, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8880
+ /* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8792
8881
  t5.processingTime.label,
8793
8882
  ":",
8794
8883
  " ",
8795
- /* @__PURE__ */ jsx41("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
8884
+ /* @__PURE__ */ jsx42("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
8796
8885
  ] })
8797
8886
  ] }),
8798
- detailsExpanded ? /* @__PURE__ */ jsx41(ChevronUp4, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx41(ChevronDown5, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
8887
+ detailsExpanded ? /* @__PURE__ */ jsx42(ChevronUp4, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx42(ChevronDown5, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
8799
8888
  ]
8800
8889
  }
8801
8890
  ),
8802
- detailsExpanded && /* @__PURE__ */ jsxs36("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
8803
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8804
- /* @__PURE__ */ jsx41("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx41(ShieldCheck2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8805
- /* @__PURE__ */ jsxs36("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8891
+ detailsExpanded && /* @__PURE__ */ jsxs37("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
8892
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8893
+ /* @__PURE__ */ jsx42("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx42(ShieldCheck2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8894
+ /* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8806
8895
  t5.slippage.label,
8807
8896
  ":",
8808
8897
  " ",
8809
- /* @__PURE__ */ jsxs36("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
8898
+ /* @__PURE__ */ jsxs37("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
8810
8899
  t5.slippage.auto,
8811
8900
  " \u2022 ",
8812
8901
  maxSlippage.toFixed(2),
@@ -8814,38 +8903,38 @@ function TransferCryptoDoubleInput({
8814
8903
  ] })
8815
8904
  ] })
8816
8905
  ] }),
8817
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8818
- /* @__PURE__ */ jsx41("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx41(DollarSign2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8819
- /* @__PURE__ */ jsxs36("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8906
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8907
+ /* @__PURE__ */ jsx42("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx42(DollarSign2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8908
+ /* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8820
8909
  t5.priceImpact.label,
8821
8910
  ":",
8822
8911
  " ",
8823
- /* @__PURE__ */ jsxs36("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
8912
+ /* @__PURE__ */ jsxs37("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
8824
8913
  priceImpact.toFixed(2),
8825
8914
  "%"
8826
8915
  ] })
8827
8916
  ] })
8828
8917
  ] }),
8829
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8830
- /* @__PURE__ */ jsx41("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx41(Wallet22, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8831
- /* @__PURE__ */ jsxs36("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8918
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
8919
+ /* @__PURE__ */ jsx42("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx42(Wallet22, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
8920
+ /* @__PURE__ */ jsxs37("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
8832
8921
  "Recipient address:",
8833
8922
  " ",
8834
- /* @__PURE__ */ jsx41("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
8835
- /* @__PURE__ */ jsx41(
8923
+ /* @__PURE__ */ jsx42("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
8924
+ /* @__PURE__ */ jsx42(
8836
8925
  "span",
8837
8926
  {
8838
8927
  onClick: () => handleCopyRecipientAddress(recipientAddress),
8839
8928
  className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
8840
8929
  style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
8841
- children: copiedRecipient ? /* @__PURE__ */ jsx41(Check5, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx41(Copy2, { className: "uf-w-3.5 uf-h-3.5" })
8930
+ children: copiedRecipient ? /* @__PURE__ */ jsx42(Check5, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx42(Copy2, { className: "uf-w-3.5 uf-h-3.5" })
8842
8931
  }
8843
8932
  )
8844
8933
  ] })
8845
8934
  ] })
8846
8935
  ] })
8847
8936
  ] }),
8848
- wallets && wallets.length > 0 && /* @__PURE__ */ jsx41(
8937
+ wallets && wallets.length > 0 && /* @__PURE__ */ jsx42(
8849
8938
  DepositPollingUi,
8850
8939
  {
8851
8940
  depositConfirmationMode,
@@ -8854,29 +8943,29 @@ function TransferCryptoDoubleInput({
8854
8943
  onIveDeposited: handleIveDeposited
8855
8944
  }
8856
8945
  ),
8857
- /* @__PURE__ */ jsx41(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
8858
- depositExecutions.length > 1 && /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs36(
8946
+ /* @__PURE__ */ jsx42(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
8947
+ depositExecutions.length > 1 && /* @__PURE__ */ jsx42("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs37(
8859
8948
  "button",
8860
8949
  {
8861
8950
  onClick: () => setDepositsModalOpen(true),
8862
8951
  className: "uf-flex uf-items-center uf-gap-1 uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-animate-in uf-fade-in uf-slide-in-from-right-8 uf-duration-1000",
8863
8952
  children: [
8864
- /* @__PURE__ */ jsx41(Clock3, { className: "uf-w-3.5 uf-h-3.5" }),
8953
+ /* @__PURE__ */ jsx42(Clock3, { className: "uf-w-3.5 uf-h-3.5" }),
8865
8954
  "Track deposits (",
8866
8955
  depositExecutions.length,
8867
8956
  ")",
8868
- /* @__PURE__ */ jsx41(ChevronRight10, { className: "uf-w-3 uf-h-3" })
8957
+ /* @__PURE__ */ jsx42(ChevronRight10, { className: "uf-w-3 uf-h-3" })
8869
8958
  ]
8870
8959
  }
8871
8960
  ) }),
8872
- /* @__PURE__ */ jsx41(
8961
+ /* @__PURE__ */ jsx42(
8873
8962
  DepositPollingToasts,
8874
8963
  {
8875
8964
  executions: depositExecutions,
8876
8965
  isPolling
8877
8966
  }
8878
8967
  ),
8879
- /* @__PURE__ */ jsx41(
8968
+ /* @__PURE__ */ jsx42(
8880
8969
  DepositsModal,
8881
8970
  {
8882
8971
  open: depositsModalOpen,
@@ -8887,7 +8976,7 @@ function TransferCryptoDoubleInput({
8887
8976
  themeClass
8888
8977
  }
8889
8978
  ),
8890
- /* @__PURE__ */ jsx41(
8979
+ /* @__PURE__ */ jsx42(
8891
8980
  GlossaryModal,
8892
8981
  {
8893
8982
  open: glossaryOpen,
@@ -8912,7 +9001,7 @@ import {
8912
9001
 
8913
9002
  // src/components/deposits/browser-wallets/SelectTokenView.tsx
8914
9003
  import { Loader2 as Loader22 } from "lucide-react";
8915
- import { Fragment as Fragment5, jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
9004
+ import { Fragment as Fragment5, jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
8916
9005
  function SelectTokenView({
8917
9006
  projectName,
8918
9007
  assetCdnUrl,
@@ -8927,8 +9016,8 @@ function SelectTokenView({
8927
9016
  onClose
8928
9017
  }) {
8929
9018
  const { colors: colors2, fonts, components } = useTheme();
8930
- return /* @__PURE__ */ jsxs37(Fragment5, { children: [
8931
- /* @__PURE__ */ jsx42(
9019
+ return /* @__PURE__ */ jsxs38(Fragment5, { children: [
9020
+ /* @__PURE__ */ jsx43(
8932
9021
  DepositHeader,
8933
9022
  {
8934
9023
  title: "Select Token",
@@ -8941,20 +9030,20 @@ function SelectTokenView({
8941
9030
  onClose
8942
9031
  }
8943
9032
  ),
8944
- /* @__PURE__ */ jsx42("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx42("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ jsx42("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ jsx42(
9033
+ /* @__PURE__ */ jsx43("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx43("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ jsx43(
8945
9034
  Loader22,
8946
9035
  {
8947
9036
  className: "uf-w-6 uf-h-6 uf-animate-spin",
8948
9037
  style: { color: colors2.foregroundMuted }
8949
9038
  }
8950
- ) }) : error ? /* @__PURE__ */ jsx42("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx42(
9039
+ ) }) : error ? /* @__PURE__ */ jsx43("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx43(
8951
9040
  "div",
8952
9041
  {
8953
9042
  className: "uf-text-sm",
8954
9043
  style: { color: colors2.foregroundMuted },
8955
9044
  children: error
8956
9045
  }
8957
- ) }) : balances.length === 0 ? /* @__PURE__ */ jsx42("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx42(
9046
+ ) }) : balances.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx43(
8958
9047
  "div",
8959
9048
  {
8960
9049
  className: "uf-text-sm",
@@ -8973,7 +9062,7 @@ function SelectTokenView({
8973
9062
  token.symbol
8974
9063
  );
8975
9064
  const formattedUsd = formatUsdAmount(balance.amount_usd);
8976
- return /* @__PURE__ */ jsxs37(
9065
+ return /* @__PURE__ */ jsxs38(
8977
9066
  "button",
8978
9067
  {
8979
9068
  onClick: () => onTokenSelect(balance),
@@ -8986,9 +9075,9 @@ function SelectTokenView({
8986
9075
  opacity: isEligible ? 1 : 0.5
8987
9076
  },
8988
9077
  children: [
8989
- /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
8990
- /* @__PURE__ */ jsxs37("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
8991
- getIconUrl(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ jsx42(
9078
+ /* @__PURE__ */ jsxs38("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
9079
+ /* @__PURE__ */ jsxs38("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
9080
+ getIconUrl(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ jsx43(
8992
9081
  "img",
8993
9082
  {
8994
9083
  src: getIconUrl(token.icon_url, assetCdnUrl),
@@ -9000,12 +9089,12 @@ function SelectTokenView({
9000
9089
  filter: isEligible ? "none" : "grayscale(100%)"
9001
9090
  }
9002
9091
  }
9003
- ) : /* @__PURE__ */ jsx42(
9092
+ ) : /* @__PURE__ */ jsx43(
9004
9093
  "div",
9005
9094
  {
9006
9095
  className: "uf-w-9 uf-h-9 uf-rounded-full uf-flex uf-items-center uf-justify-center",
9007
9096
  style: { backgroundColor: colors2.card },
9008
- children: /* @__PURE__ */ jsx42(
9097
+ children: /* @__PURE__ */ jsx43(
9009
9098
  "span",
9010
9099
  {
9011
9100
  className: "uf-text-xs uf-font-medium",
@@ -9015,7 +9104,7 @@ function SelectTokenView({
9015
9104
  )
9016
9105
  }
9017
9106
  ),
9018
- getIconUrl(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ jsx42(
9107
+ getIconUrl(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ jsx43(
9019
9108
  "img",
9020
9109
  {
9021
9110
  src: getIconUrl(token.chain_icon_url, assetCdnUrl),
@@ -9030,8 +9119,8 @@ function SelectTokenView({
9030
9119
  }
9031
9120
  )
9032
9121
  ] }),
9033
- /* @__PURE__ */ jsxs37("div", { className: "uf-text-left", children: [
9034
- /* @__PURE__ */ jsx42(
9122
+ /* @__PURE__ */ jsxs38("div", { className: "uf-text-left", children: [
9123
+ /* @__PURE__ */ jsx43(
9035
9124
  "div",
9036
9125
  {
9037
9126
  className: "uf-text-sm uf-font-medium",
@@ -9042,7 +9131,7 @@ function SelectTokenView({
9042
9131
  children: token.symbol
9043
9132
  }
9044
9133
  ),
9045
- /* @__PURE__ */ jsxs37(
9134
+ /* @__PURE__ */ jsxs38(
9046
9135
  "div",
9047
9136
  {
9048
9137
  className: "uf-text-xs",
@@ -9058,8 +9147,8 @@ function SelectTokenView({
9058
9147
  )
9059
9148
  ] })
9060
9149
  ] }),
9061
- /* @__PURE__ */ jsxs37("div", { className: "uf-text-right", children: [
9062
- /* @__PURE__ */ jsxs37(
9150
+ /* @__PURE__ */ jsxs38("div", { className: "uf-text-right", children: [
9151
+ /* @__PURE__ */ jsxs38(
9063
9152
  "div",
9064
9153
  {
9065
9154
  className: "uf-text-sm uf-font-medium",
@@ -9074,7 +9163,7 @@ function SelectTokenView({
9074
9163
  ]
9075
9164
  }
9076
9165
  ),
9077
- formattedUsd && /* @__PURE__ */ jsxs37(
9166
+ formattedUsd && /* @__PURE__ */ jsxs38(
9078
9167
  "div",
9079
9168
  {
9080
9169
  className: "uf-text-xs",
@@ -9094,7 +9183,7 @@ function SelectTokenView({
9094
9183
  `${token.chain_id}-${token.token_address}-${index}`
9095
9184
  );
9096
9185
  }) }) }),
9097
- /* @__PURE__ */ jsx42("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx42(
9186
+ /* @__PURE__ */ jsx43("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx43(
9098
9187
  "button",
9099
9188
  {
9100
9189
  onClick: onContinue,
@@ -9114,7 +9203,7 @@ function SelectTokenView({
9114
9203
  }
9115
9204
 
9116
9205
  // src/components/deposits/browser-wallets/EnterAmountView.tsx
9117
- import { Fragment as Fragment6, jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
9206
+ import { Fragment as Fragment6, jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
9118
9207
  function EnterAmountView({
9119
9208
  selectedBalance,
9120
9209
  selectedToken,
@@ -9133,8 +9222,8 @@ function EnterAmountView({
9133
9222
  }) {
9134
9223
  const { colors: colors2, fonts, components } = useTheme();
9135
9224
  const balanceSubtitle = selectedBalance?.amount_usd ? `Balance: $${parseFloat(selectedBalance.amount_usd).toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })} (${formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol)} ${selectedToken.symbol})` : `Balance: ${formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol)} ${selectedToken.symbol}`;
9136
- return /* @__PURE__ */ jsxs38(Fragment6, { children: [
9137
- /* @__PURE__ */ jsx43(
9225
+ return /* @__PURE__ */ jsxs39(Fragment6, { children: [
9226
+ /* @__PURE__ */ jsx44(
9138
9227
  DepositHeader,
9139
9228
  {
9140
9229
  title: "Enter Amount",
@@ -9144,9 +9233,9 @@ function EnterAmountView({
9144
9233
  onClose
9145
9234
  }
9146
9235
  ),
9147
- /* @__PURE__ */ jsxs38("div", { className: "uf-text-center uf-py-6", children: [
9148
- /* @__PURE__ */ jsxs38("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
9149
- /* @__PURE__ */ jsx43(
9236
+ /* @__PURE__ */ jsxs39("div", { className: "uf-text-center uf-py-6", children: [
9237
+ /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
9238
+ /* @__PURE__ */ jsx44(
9150
9239
  "span",
9151
9240
  {
9152
9241
  className: "uf-text-2xl uf-mr-1",
@@ -9154,7 +9243,7 @@ function EnterAmountView({
9154
9243
  children: "$"
9155
9244
  }
9156
9245
  ),
9157
- /* @__PURE__ */ jsx43(
9246
+ /* @__PURE__ */ jsx44(
9158
9247
  "input",
9159
9248
  {
9160
9249
  type: "text",
@@ -9182,7 +9271,7 @@ function EnterAmountView({
9182
9271
  }
9183
9272
  )
9184
9273
  ] }),
9185
- formattedTokenAmount && /* @__PURE__ */ jsxs38(
9274
+ formattedTokenAmount && /* @__PURE__ */ jsxs39(
9186
9275
  "div",
9187
9276
  {
9188
9277
  className: "uf-text-sm uf-mt-2",
@@ -9194,8 +9283,8 @@ function EnterAmountView({
9194
9283
  }
9195
9284
  )
9196
9285
  ] }),
9197
- /* @__PURE__ */ jsxs38("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
9198
- [25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ jsxs38(
9286
+ /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
9287
+ [25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ jsxs39(
9199
9288
  "button",
9200
9289
  {
9201
9290
  onClick: () => onAmountChange(quickAmount.toString()),
@@ -9212,7 +9301,7 @@ function EnterAmountView({
9212
9301
  },
9213
9302
  quickAmount
9214
9303
  )),
9215
- /* @__PURE__ */ jsx43(
9304
+ /* @__PURE__ */ jsx44(
9216
9305
  "button",
9217
9306
  {
9218
9307
  onClick: onMaxClick,
@@ -9226,7 +9315,7 @@ function EnterAmountView({
9226
9315
  }
9227
9316
  )
9228
9317
  ] }),
9229
- tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ jsxs38(
9318
+ tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ jsxs39(
9230
9319
  "div",
9231
9320
  {
9232
9321
  className: "uf-text-center uf-text-xs uf-mb-3",
@@ -9237,14 +9326,14 @@ function EnterAmountView({
9237
9326
  ]
9238
9327
  }
9239
9328
  ),
9240
- inputUsdNum > 0 && /* @__PURE__ */ jsx43(Fragment6, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ jsx43(
9329
+ inputUsdNum > 0 && /* @__PURE__ */ jsx44(Fragment6, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ jsx44(
9241
9330
  "div",
9242
9331
  {
9243
9332
  className: "uf-text-center uf-text-sm uf-mb-3",
9244
9333
  style: { color: colors2.error },
9245
9334
  children: "Insufficient balance"
9246
9335
  }
9247
- ) : error && /* @__PURE__ */ jsx43(
9336
+ ) : error && /* @__PURE__ */ jsx44(
9248
9337
  "div",
9249
9338
  {
9250
9339
  className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2",
@@ -9252,7 +9341,7 @@ function EnterAmountView({
9252
9341
  children: error
9253
9342
  }
9254
9343
  ) }),
9255
- /* @__PURE__ */ jsx43(
9344
+ /* @__PURE__ */ jsx44(
9256
9345
  "button",
9257
9346
  {
9258
9347
  onClick: onReview,
@@ -9273,7 +9362,7 @@ function EnterAmountView({
9273
9362
 
9274
9363
  // src/components/deposits/browser-wallets/ReviewView.tsx
9275
9364
  import { ChevronDown as ChevronDown6, ChevronUp as ChevronUp5 } from "lucide-react";
9276
- import { Fragment as Fragment7, jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
9365
+ import { Fragment as Fragment7, jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
9277
9366
  function ReviewView({
9278
9367
  walletInfo,
9279
9368
  recipientAddress,
@@ -9292,8 +9381,8 @@ function ReviewView({
9292
9381
  onClose
9293
9382
  }) {
9294
9383
  const { colors: colors2, fonts, components } = useTheme();
9295
- return /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
9296
- /* @__PURE__ */ jsx44(
9384
+ return /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
9385
+ /* @__PURE__ */ jsx45(
9297
9386
  DepositHeader,
9298
9387
  {
9299
9388
  title: "Review",
@@ -9302,8 +9391,8 @@ function ReviewView({
9302
9391
  onClose
9303
9392
  }
9304
9393
  ),
9305
- /* @__PURE__ */ jsxs39("div", { className: "uf-text-center", children: [
9306
- /* @__PURE__ */ jsxs39(
9394
+ /* @__PURE__ */ jsxs40("div", { className: "uf-text-center", children: [
9395
+ /* @__PURE__ */ jsxs40(
9307
9396
  "div",
9308
9397
  {
9309
9398
  className: "uf-text-4xl uf-font-medium",
@@ -9314,7 +9403,7 @@ function ReviewView({
9314
9403
  ]
9315
9404
  }
9316
9405
  ),
9317
- formattedTokenAmount && /* @__PURE__ */ jsxs39(
9406
+ formattedTokenAmount && /* @__PURE__ */ jsxs40(
9318
9407
  "div",
9319
9408
  {
9320
9409
  className: "uf-text-sm uf-mt-2",
@@ -9326,14 +9415,14 @@ function ReviewView({
9326
9415
  }
9327
9416
  )
9328
9417
  ] }),
9329
- /* @__PURE__ */ jsxs39(
9418
+ /* @__PURE__ */ jsxs40(
9330
9419
  "div",
9331
9420
  {
9332
9421
  className: "uf-p-4 uf-space-y-4 uf-mt-4",
9333
9422
  style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
9334
9423
  children: [
9335
- /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
9336
- /* @__PURE__ */ jsx44(
9424
+ /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
9425
+ /* @__PURE__ */ jsx45(
9337
9426
  "span",
9338
9427
  {
9339
9428
  className: "uf-text-sm",
@@ -9341,8 +9430,8 @@ function ReviewView({
9341
9430
  children: "Source"
9342
9431
  }
9343
9432
  ),
9344
- /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
9345
- getIconUrl(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ jsx44(
9433
+ /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
9434
+ getIconUrl(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ jsx45(
9346
9435
  "img",
9347
9436
  {
9348
9437
  src: getIconUrl(selectedToken.icon_url, assetCdnUrl),
@@ -9350,7 +9439,7 @@ function ReviewView({
9350
9439
  className: "uf-w-5 uf-h-5 uf-rounded-full"
9351
9440
  }
9352
9441
  ),
9353
- /* @__PURE__ */ jsxs39(
9442
+ /* @__PURE__ */ jsxs40(
9354
9443
  "span",
9355
9444
  {
9356
9445
  className: "uf-text-sm uf-font-medium",
@@ -9365,8 +9454,8 @@ function ReviewView({
9365
9454
  )
9366
9455
  ] })
9367
9456
  ] }),
9368
- /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
9369
- /* @__PURE__ */ jsx44(
9457
+ /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
9458
+ /* @__PURE__ */ jsx45(
9370
9459
  "span",
9371
9460
  {
9372
9461
  className: "uf-text-sm",
@@ -9374,7 +9463,7 @@ function ReviewView({
9374
9463
  children: "Destination"
9375
9464
  }
9376
9465
  ),
9377
- /* @__PURE__ */ jsx44(
9466
+ /* @__PURE__ */ jsx45(
9378
9467
  "span",
9379
9468
  {
9380
9469
  className: "uf-text-sm uf-font-medium",
@@ -9383,13 +9472,13 @@ function ReviewView({
9383
9472
  }
9384
9473
  )
9385
9474
  ] }),
9386
- /* @__PURE__ */ jsxs39(
9475
+ /* @__PURE__ */ jsxs40(
9387
9476
  "button",
9388
9477
  {
9389
9478
  onClick: onToggleDetails,
9390
9479
  className: "uf-w-full uf-flex uf-justify-between uf-items-center uf-transition-colors hover:uf-opacity-80",
9391
9480
  children: [
9392
- /* @__PURE__ */ jsx44(
9481
+ /* @__PURE__ */ jsx45(
9393
9482
  "span",
9394
9483
  {
9395
9484
  className: "uf-text-sm",
@@ -9397,8 +9486,8 @@ function ReviewView({
9397
9486
  children: "Estimated time"
9398
9487
  }
9399
9488
  ),
9400
- /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
9401
- /* @__PURE__ */ jsx44(
9489
+ /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
9490
+ /* @__PURE__ */ jsx45(
9402
9491
  "span",
9403
9492
  {
9404
9493
  className: "uf-text-sm uf-font-medium",
@@ -9408,13 +9497,13 @@ function ReviewView({
9408
9497
  )
9409
9498
  }
9410
9499
  ),
9411
- showTransactionDetails ? /* @__PURE__ */ jsx44(
9500
+ showTransactionDetails ? /* @__PURE__ */ jsx45(
9412
9501
  ChevronUp5,
9413
9502
  {
9414
9503
  className: "uf-w-4 uf-h-4",
9415
9504
  style: { color: colors2.foregroundMuted }
9416
9505
  }
9417
- ) : /* @__PURE__ */ jsx44(
9506
+ ) : /* @__PURE__ */ jsx45(
9418
9507
  ChevronDown6,
9419
9508
  {
9420
9509
  className: "uf-w-4 uf-h-4",
@@ -9425,14 +9514,14 @@ function ReviewView({
9425
9514
  ]
9426
9515
  }
9427
9516
  ),
9428
- showTransactionDetails && tokenChainDetails && /* @__PURE__ */ jsxs39(Fragment7, { children: [
9429
- /* @__PURE__ */ jsxs39(
9517
+ showTransactionDetails && tokenChainDetails && /* @__PURE__ */ jsxs40(Fragment7, { children: [
9518
+ /* @__PURE__ */ jsxs40(
9430
9519
  "div",
9431
9520
  {
9432
9521
  className: "uf-flex uf-justify-between uf-items-center uf-pt-3 uf-border-t",
9433
9522
  style: { borderColor: colors2.border },
9434
9523
  children: [
9435
- /* @__PURE__ */ jsx44(
9524
+ /* @__PURE__ */ jsx45(
9436
9525
  "span",
9437
9526
  {
9438
9527
  className: "uf-text-sm",
@@ -9443,7 +9532,7 @@ function ReviewView({
9443
9532
  children: "Price impact"
9444
9533
  }
9445
9534
  ),
9446
- /* @__PURE__ */ jsxs39(
9535
+ /* @__PURE__ */ jsxs40(
9447
9536
  "span",
9448
9537
  {
9449
9538
  className: "uf-text-sm uf-font-medium",
@@ -9457,8 +9546,8 @@ function ReviewView({
9457
9546
  ]
9458
9547
  }
9459
9548
  ),
9460
- /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
9461
- /* @__PURE__ */ jsx44(
9549
+ /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
9550
+ /* @__PURE__ */ jsx45(
9462
9551
  "span",
9463
9552
  {
9464
9553
  className: "uf-text-sm",
@@ -9469,7 +9558,7 @@ function ReviewView({
9469
9558
  children: "Max slippage"
9470
9559
  }
9471
9560
  ),
9472
- /* @__PURE__ */ jsxs39(
9561
+ /* @__PURE__ */ jsxs40(
9473
9562
  "span",
9474
9563
  {
9475
9564
  className: "uf-text-sm uf-font-medium",
@@ -9485,7 +9574,7 @@ function ReviewView({
9485
9574
  ]
9486
9575
  }
9487
9576
  ),
9488
- error && /* @__PURE__ */ jsx44(
9577
+ error && /* @__PURE__ */ jsx45(
9489
9578
  "div",
9490
9579
  {
9491
9580
  className: "uf-text-center uf-text-sm uf-mt-4 uf-px-2",
@@ -9493,7 +9582,7 @@ function ReviewView({
9493
9582
  children: error
9494
9583
  }
9495
9584
  ),
9496
- /* @__PURE__ */ jsxs39(
9585
+ /* @__PURE__ */ jsxs40(
9497
9586
  "div",
9498
9587
  {
9499
9588
  className: "uf-text-xs uf-text-center uf-mt-4 uf-px-4",
@@ -9504,7 +9593,7 @@ function ReviewView({
9504
9593
  ]
9505
9594
  }
9506
9595
  ),
9507
- /* @__PURE__ */ jsx44("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx44(
9596
+ /* @__PURE__ */ jsx45("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx45(
9508
9597
  "button",
9509
9598
  {
9510
9599
  onClick: onConfirm,
@@ -9526,7 +9615,7 @@ function ReviewView({
9526
9615
  // src/components/deposits/browser-wallets/ConfirmingView.tsx
9527
9616
  import * as React25 from "react";
9528
9617
  import { Loader2 as Loader23, CheckCircle2 } from "lucide-react";
9529
- import { Fragment as Fragment8, jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
9618
+ import { Fragment as Fragment8, jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
9530
9619
  function ConfirmingView({
9531
9620
  isConfirming,
9532
9621
  onClose,
@@ -9540,23 +9629,23 @@ function ConfirmingView({
9540
9629
  const visibleExecutions = executions.filter(
9541
9630
  (execution) => !closedExecutionIds.has(execution.id)
9542
9631
  );
9543
- return /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
9544
- /* @__PURE__ */ jsx45(
9632
+ return /* @__PURE__ */ jsxs41("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
9633
+ /* @__PURE__ */ jsx46(
9545
9634
  DepositHeader,
9546
9635
  {
9547
9636
  title: isConfirming ? "Confirming..." : "Processing",
9548
9637
  onClose
9549
9638
  }
9550
9639
  ),
9551
- /* @__PURE__ */ jsx45("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-flex-1 uf-py-12", children: isConfirming ? /* @__PURE__ */ jsxs40(Fragment8, { children: [
9552
- /* @__PURE__ */ jsx45(
9640
+ /* @__PURE__ */ jsx46("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-flex-1 uf-py-12", children: isConfirming ? /* @__PURE__ */ jsxs41(Fragment8, { children: [
9641
+ /* @__PURE__ */ jsx46(
9553
9642
  Loader23,
9554
9643
  {
9555
9644
  className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
9556
9645
  style: { color: colors2.primary }
9557
9646
  }
9558
9647
  ),
9559
- /* @__PURE__ */ jsx45(
9648
+ /* @__PURE__ */ jsx46(
9560
9649
  "div",
9561
9650
  {
9562
9651
  className: "uf-text-lg uf-font-medium",
@@ -9564,7 +9653,7 @@ function ConfirmingView({
9564
9653
  children: "Waiting for confirmation..."
9565
9654
  }
9566
9655
  ),
9567
- /* @__PURE__ */ jsx45(
9656
+ /* @__PURE__ */ jsx46(
9568
9657
  "div",
9569
9658
  {
9570
9659
  className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
@@ -9572,15 +9661,15 @@ function ConfirmingView({
9572
9661
  children: "Please confirm the transaction in your wallet"
9573
9662
  }
9574
9663
  )
9575
- ] }) : /* @__PURE__ */ jsxs40(Fragment8, { children: [
9576
- /* @__PURE__ */ jsx45(
9664
+ ] }) : /* @__PURE__ */ jsxs41(Fragment8, { children: [
9665
+ /* @__PURE__ */ jsx46(
9577
9666
  CheckCircle2,
9578
9667
  {
9579
9668
  className: "uf-w-12 uf-h-12 uf-mb-4",
9580
9669
  style: { color: colors2.primary }
9581
9670
  }
9582
9671
  ),
9583
- /* @__PURE__ */ jsx45(
9672
+ /* @__PURE__ */ jsx46(
9584
9673
  "div",
9585
9674
  {
9586
9675
  className: "uf-text-lg uf-font-medium",
@@ -9588,7 +9677,7 @@ function ConfirmingView({
9588
9677
  children: "Transaction Submitted"
9589
9678
  }
9590
9679
  ),
9591
- /* @__PURE__ */ jsx45(
9680
+ /* @__PURE__ */ jsx46(
9592
9681
  "div",
9593
9682
  {
9594
9683
  className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
@@ -9597,7 +9686,7 @@ function ConfirmingView({
9597
9686
  }
9598
9687
  )
9599
9688
  ] }) }),
9600
- visibleExecutions.length > 0 && /* @__PURE__ */ jsx45("div", { className: "uf-absolute uf-bottom-0 uf-left-0 uf-right-0 uf-p-4 uf-flex uf-flex-col uf-gap-2", children: visibleExecutions.map((execution) => /* @__PURE__ */ jsx45(
9689
+ visibleExecutions.length > 0 && /* @__PURE__ */ jsx46("div", { className: "uf-absolute uf-bottom-0 uf-left-0 uf-right-0 uf-p-4 uf-flex uf-flex-col uf-gap-2", children: visibleExecutions.map((execution) => /* @__PURE__ */ jsx46(
9601
9690
  DepositSuccessToast,
9602
9691
  {
9603
9692
  depositTx: execution.transaction_hash,
@@ -9618,7 +9707,7 @@ function ConfirmingView({
9618
9707
  }
9619
9708
 
9620
9709
  // src/components/deposits/BrowserWalletModal.tsx
9621
- import { Fragment as Fragment9, jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
9710
+ import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
9622
9711
  function BrowserWalletModal({
9623
9712
  open,
9624
9713
  onOpenChange,
@@ -10102,7 +10191,7 @@ function BrowserWalletModal({
10102
10191
  ""
10103
10192
  );
10104
10193
  }, [tokenAmount, selectedToken]);
10105
- return /* @__PURE__ */ jsx46(Fragment9, { children: /* @__PURE__ */ jsx46(
10194
+ return /* @__PURE__ */ jsx47(Fragment9, { children: /* @__PURE__ */ jsx47(
10106
10195
  Dialog,
10107
10196
  {
10108
10197
  open,
@@ -10112,15 +10201,15 @@ function BrowserWalletModal({
10112
10201
  }
10113
10202
  handleClose();
10114
10203
  },
10115
- children: /* @__PURE__ */ jsx46(
10204
+ children: /* @__PURE__ */ jsx47(
10116
10205
  DialogContent,
10117
10206
  {
10118
10207
  className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
10119
10208
  style: { backgroundColor: colors2.background },
10120
10209
  onPointerDownOutside: (e) => e.preventDefault(),
10121
10210
  onInteractOutside: (e) => e.preventDefault(),
10122
- children: /* @__PURE__ */ jsxs41(ThemeStyleInjector, { children: [
10123
- step === "select-token" && /* @__PURE__ */ jsx46(
10211
+ children: /* @__PURE__ */ jsxs42(ThemeStyleInjector, { children: [
10212
+ step === "select-token" && /* @__PURE__ */ jsx47(
10124
10213
  SelectTokenView,
10125
10214
  {
10126
10215
  projectName,
@@ -10136,7 +10225,7 @@ function BrowserWalletModal({
10136
10225
  onClose: handleFullClose
10137
10226
  }
10138
10227
  ),
10139
- step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ jsx46(
10228
+ step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ jsx47(
10140
10229
  EnterAmountView,
10141
10230
  {
10142
10231
  selectedBalance,
@@ -10155,7 +10244,7 @@ function BrowserWalletModal({
10155
10244
  onClose: handleFullClose
10156
10245
  }
10157
10246
  ),
10158
- step === "review" && selectedToken && /* @__PURE__ */ jsx46(
10247
+ step === "review" && selectedToken && /* @__PURE__ */ jsx47(
10159
10248
  ReviewView,
10160
10249
  {
10161
10250
  walletInfo,
@@ -10175,7 +10264,7 @@ function BrowserWalletModal({
10175
10264
  onClose: handleFullClose
10176
10265
  }
10177
10266
  ),
10178
- step === "confirming" && /* @__PURE__ */ jsx46(
10267
+ step === "confirming" && /* @__PURE__ */ jsx47(
10179
10268
  ConfirmingView,
10180
10269
  {
10181
10270
  isConfirming,
@@ -10193,7 +10282,7 @@ function BrowserWalletModal({
10193
10282
  // src/components/deposits/WalletSelectionModal.tsx
10194
10283
  import * as React27 from "react";
10195
10284
  import { ExternalLink as ExternalLink3, Loader2 as Loader24 } from "lucide-react";
10196
- import { Fragment as Fragment10, jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
10285
+ import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
10197
10286
  var WALLET_ICONS = {
10198
10287
  metamask: MetamaskIcon,
10199
10288
  phantom: PhantomIcon,
@@ -10271,6 +10360,7 @@ var WALLET_DEFINITIONS = [
10271
10360
  installUrl: "https://glow.app/"
10272
10361
  }
10273
10362
  ];
10363
+ var WALLET_LIST_MAX_HEIGHT_PX = 330;
10274
10364
  function WalletSelectionModal({
10275
10365
  open,
10276
10366
  onOpenChange,
@@ -10279,14 +10369,13 @@ function WalletSelectionModal({
10279
10369
  chainType,
10280
10370
  theme = "dark"
10281
10371
  }) {
10282
- const { colors: colors2, fonts, components, mode } = useTheme();
10372
+ const { colors: colors2, fonts, components } = useTheme();
10283
10373
  const [step, setStep] = React27.useState("select-wallet");
10284
10374
  const [selectedWallet, setSelectedWallet] = React27.useState(null);
10285
10375
  const [connectingNetwork, setConnectingNetwork] = React27.useState(null);
10286
10376
  const [error, setError] = React27.useState(null);
10287
10377
  const [isConnecting, setIsConnecting] = React27.useState(false);
10288
10378
  const themeClass = theme === "dark" ? "uf-dark" : "";
10289
- const iconVariant = mode === "dark" ? "light" : "dark";
10290
10379
  const getProviders = React27.useCallback(() => {
10291
10380
  if (typeof window === "undefined") {
10292
10381
  return {};
@@ -10550,6 +10639,7 @@ function WalletSelectionModal({
10550
10639
  setSelectedWallet(null);
10551
10640
  setConnectingNetwork(null);
10552
10641
  setError(null);
10642
+ setIsConnecting(false);
10553
10643
  } else {
10554
10644
  handleClose();
10555
10645
  }
@@ -10570,15 +10660,15 @@ function WalletSelectionModal({
10570
10660
  return "Connect Wallet";
10571
10661
  }
10572
10662
  };
10573
- return /* @__PURE__ */ jsx47(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx47(
10663
+ return /* @__PURE__ */ jsx48(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx48(
10574
10664
  DialogContent,
10575
10665
  {
10576
- className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
10666
+ className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden uf-flex uf-flex-col uf-min-h-0 uf-h-full sm:uf-h-auto ${themeClass}`,
10577
10667
  style: { backgroundColor: colors2.background },
10578
10668
  onPointerDownOutside: (e) => e.preventDefault(),
10579
10669
  onInteractOutside: (e) => e.preventDefault(),
10580
- children: /* @__PURE__ */ jsxs42(ThemeStyleInjector, { children: [
10581
- /* @__PURE__ */ jsx47(
10670
+ children: /* @__PURE__ */ jsxs43(ThemeStyleInjector, { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
10671
+ /* @__PURE__ */ jsx48(
10582
10672
  DepositHeader,
10583
10673
  {
10584
10674
  title: getTitle(),
@@ -10587,9 +10677,9 @@ function WalletSelectionModal({
10587
10677
  onClose: handleClose
10588
10678
  }
10589
10679
  ),
10590
- /* @__PURE__ */ jsxs42("div", { className: "uf-pb-4", children: [
10591
- step === "select-wallet" && /* @__PURE__ */ jsxs42(Fragment10, { children: [
10592
- /* @__PURE__ */ jsx47(
10680
+ /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
10681
+ step === "select-wallet" && /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
10682
+ /* @__PURE__ */ jsx48(
10593
10683
  "p",
10594
10684
  {
10595
10685
  className: "uf-text-sm uf-text-center uf-pb-4",
@@ -10600,87 +10690,96 @@ function WalletSelectionModal({
10600
10690
  children: chainType ? `Select a ${chainType === "ethereum" ? "Ethereum" : "Solana"} wallet` : "Select a wallet to connect"
10601
10691
  }
10602
10692
  ),
10603
- /* @__PURE__ */ jsx47("div", { className: "uf-space-y-2 uf-max-h-[400px] uf-overflow-y-auto [&::-webkit-scrollbar]:uf-hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: availableWallets.length === 0 ? /* @__PURE__ */ jsx47("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx47(
10604
- "p",
10693
+ /* @__PURE__ */ jsx48(
10694
+ "div",
10605
10695
  {
10606
- className: "uf-text-sm",
10696
+ className: "uf-shrink-0 uf-space-y-2 uf-overflow-y-auto uf-overflow-x-hidden [&::-webkit-scrollbar]:uf-hidden [-ms-overflow-style:none] [scrollbar-width:none]",
10607
10697
  style: {
10608
- color: colors2.foregroundMuted,
10609
- fontFamily: fonts.regular
10698
+ height: `min(${WALLET_LIST_MAX_HEIGHT_PX}px, 50dvh)`,
10699
+ maxHeight: WALLET_LIST_MAX_HEIGHT_PX
10610
10700
  },
10611
- children: "No wallets available"
10701
+ children: availableWallets.length === 0 ? /* @__PURE__ */ jsx48("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx48(
10702
+ "p",
10703
+ {
10704
+ className: "uf-text-sm",
10705
+ style: {
10706
+ color: colors2.foregroundMuted,
10707
+ fontFamily: fonts.regular
10708
+ },
10709
+ children: "No wallets available"
10710
+ }
10711
+ ) }) : availableWallets.map((wallet) => /* @__PURE__ */ jsxs43(
10712
+ "button",
10713
+ {
10714
+ onClick: () => handleWalletClick(wallet),
10715
+ disabled: isConnecting,
10716
+ className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
10717
+ style: {
10718
+ backgroundColor: components.card.backgroundColor,
10719
+ borderRadius: components.card.borderRadius,
10720
+ border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
10721
+ },
10722
+ children: [
10723
+ /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
10724
+ WALLET_ICONS[wallet.id] ? /* @__PURE__ */ jsx48(
10725
+ WalletIconWithNetwork,
10726
+ {
10727
+ WalletIcon: WALLET_ICONS[wallet.id],
10728
+ networks: wallet.networks,
10729
+ size: 40,
10730
+ className: "uf-rounded-lg"
10731
+ }
10732
+ ) : /* @__PURE__ */ jsx48("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
10733
+ /* @__PURE__ */ jsx48("div", { className: "uf-text-left", children: /* @__PURE__ */ jsx48(
10734
+ "div",
10735
+ {
10736
+ className: "uf-text-sm uf-font-medium",
10737
+ style: {
10738
+ color: components.card.titleColor,
10739
+ fontFamily: fonts.medium
10740
+ },
10741
+ children: wallet.name
10742
+ }
10743
+ ) })
10744
+ ] }),
10745
+ /* @__PURE__ */ jsx48("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ jsx48(
10746
+ "span",
10747
+ {
10748
+ className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
10749
+ style: {
10750
+ backgroundColor: colors2.primary + "20",
10751
+ color: colors2.primary,
10752
+ fontFamily: fonts.medium
10753
+ },
10754
+ children: "Detected"
10755
+ }
10756
+ ) : /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
10757
+ /* @__PURE__ */ jsx48(
10758
+ "span",
10759
+ {
10760
+ className: "uf-text-xs",
10761
+ style: {
10762
+ color: colors2.foregroundMuted,
10763
+ fontFamily: fonts.regular
10764
+ },
10765
+ children: "Install"
10766
+ }
10767
+ ),
10768
+ /* @__PURE__ */ jsx48(
10769
+ ExternalLink3,
10770
+ {
10771
+ className: "uf-w-3 uf-h-3",
10772
+ style: { color: colors2.foregroundMuted }
10773
+ }
10774
+ )
10775
+ ] }) })
10776
+ ]
10777
+ },
10778
+ wallet.id
10779
+ ))
10612
10780
  }
10613
- ) }) : availableWallets.map((wallet) => /* @__PURE__ */ jsxs42(
10614
- "button",
10615
- {
10616
- onClick: () => handleWalletClick(wallet),
10617
- disabled: isConnecting,
10618
- className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
10619
- style: {
10620
- backgroundColor: components.card.backgroundColor,
10621
- borderRadius: components.card.borderRadius,
10622
- border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
10623
- },
10624
- children: [
10625
- /* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
10626
- WALLET_ICONS[wallet.id] ? /* @__PURE__ */ jsx47(
10627
- WalletIconWithNetwork,
10628
- {
10629
- WalletIcon: WALLET_ICONS[wallet.id],
10630
- networks: wallet.networks,
10631
- size: 40,
10632
- className: "uf-rounded-lg",
10633
- variant: iconVariant
10634
- }
10635
- ) : /* @__PURE__ */ jsx47("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
10636
- /* @__PURE__ */ jsx47("div", { className: "uf-text-left", children: /* @__PURE__ */ jsx47(
10637
- "div",
10638
- {
10639
- className: "uf-text-sm uf-font-medium",
10640
- style: {
10641
- color: components.card.titleColor,
10642
- fontFamily: fonts.medium
10643
- },
10644
- children: wallet.name
10645
- }
10646
- ) })
10647
- ] }),
10648
- /* @__PURE__ */ jsx47("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ jsx47(
10649
- "span",
10650
- {
10651
- className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
10652
- style: {
10653
- backgroundColor: colors2.primary + "20",
10654
- color: colors2.primary,
10655
- fontFamily: fonts.medium
10656
- },
10657
- children: "Detected"
10658
- }
10659
- ) : /* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
10660
- /* @__PURE__ */ jsx47(
10661
- "span",
10662
- {
10663
- className: "uf-text-xs",
10664
- style: {
10665
- color: colors2.foregroundMuted,
10666
- fontFamily: fonts.regular
10667
- },
10668
- children: "Install"
10669
- }
10670
- ),
10671
- /* @__PURE__ */ jsx47(
10672
- ExternalLink3,
10673
- {
10674
- className: "uf-w-3 uf-h-3",
10675
- style: { color: colors2.foregroundMuted }
10676
- }
10677
- )
10678
- ] }) })
10679
- ]
10680
- },
10681
- wallet.id
10682
- )) }),
10683
- error && /* @__PURE__ */ jsx47(
10781
+ ),
10782
+ error && /* @__PURE__ */ jsx48(
10684
10783
  "div",
10685
10784
  {
10686
10785
  className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
@@ -10689,19 +10788,18 @@ function WalletSelectionModal({
10689
10788
  }
10690
10789
  )
10691
10790
  ] }),
10692
- step === "select-network" && selectedWallet && /* @__PURE__ */ jsxs42(Fragment10, { children: [
10693
- /* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
10694
- /* @__PURE__ */ jsx47("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ jsx47(
10791
+ step === "select-network" && selectedWallet && /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
10792
+ /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
10793
+ /* @__PURE__ */ jsx48("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ jsx48(
10695
10794
  WalletIconWithNetwork,
10696
10795
  {
10697
10796
  WalletIcon: WALLET_ICONS[selectedWallet.id],
10698
10797
  networks: selectedWallet.networks,
10699
10798
  size: 48,
10700
- className: "uf-rounded-lg",
10701
- variant: iconVariant
10799
+ className: "uf-rounded-lg"
10702
10800
  }
10703
- ) : /* @__PURE__ */ jsx47("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
10704
- /* @__PURE__ */ jsx47(
10801
+ ) : /* @__PURE__ */ jsx48("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
10802
+ /* @__PURE__ */ jsx48(
10705
10803
  "p",
10706
10804
  {
10707
10805
  className: "uf-text-sm uf-font-medium",
@@ -10712,7 +10810,7 @@ function WalletSelectionModal({
10712
10810
  children: selectedWallet.name
10713
10811
  }
10714
10812
  ),
10715
- /* @__PURE__ */ jsx47(
10813
+ /* @__PURE__ */ jsx48(
10716
10814
  "p",
10717
10815
  {
10718
10816
  className: "uf-text-xs",
@@ -10724,7 +10822,7 @@ function WalletSelectionModal({
10724
10822
  }
10725
10823
  )
10726
10824
  ] }),
10727
- /* @__PURE__ */ jsx47("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ jsxs42(
10825
+ /* @__PURE__ */ jsx48("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ jsxs43(
10728
10826
  "button",
10729
10827
  {
10730
10828
  onClick: () => handleNetworkSelect(network),
@@ -10736,16 +10834,16 @@ function WalletSelectionModal({
10736
10834
  border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
10737
10835
  },
10738
10836
  children: [
10739
- /* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
10740
- network === "ethereum" ? /* @__PURE__ */ jsx47(
10837
+ /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
10838
+ network === "ethereum" ? /* @__PURE__ */ jsx48(
10741
10839
  EthereumIcon,
10742
10840
  {
10743
10841
  size: 36,
10744
10842
  className: "uf-rounded-full"
10745
10843
  }
10746
- ) : /* @__PURE__ */ jsx47(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
10747
- /* @__PURE__ */ jsxs42("div", { className: "uf-text-left", children: [
10748
- /* @__PURE__ */ jsx47(
10844
+ ) : /* @__PURE__ */ jsx48(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
10845
+ /* @__PURE__ */ jsxs43("div", { className: "uf-text-left", children: [
10846
+ /* @__PURE__ */ jsx48(
10749
10847
  "div",
10750
10848
  {
10751
10849
  className: "uf-text-sm uf-font-medium uf-capitalize",
@@ -10756,7 +10854,7 @@ function WalletSelectionModal({
10756
10854
  children: network === "ethereum" ? "Ethereum" : "Solana"
10757
10855
  }
10758
10856
  ),
10759
- /* @__PURE__ */ jsx47(
10857
+ /* @__PURE__ */ jsx48(
10760
10858
  "div",
10761
10859
  {
10762
10860
  className: "uf-text-xs",
@@ -10769,7 +10867,7 @@ function WalletSelectionModal({
10769
10867
  )
10770
10868
  ] })
10771
10869
  ] }),
10772
- connectingNetwork === network && /* @__PURE__ */ jsx47(
10870
+ connectingNetwork === network && /* @__PURE__ */ jsx48(
10773
10871
  Loader24,
10774
10872
  {
10775
10873
  className: "uf-w-4 uf-h-4 uf-animate-spin",
@@ -10780,7 +10878,7 @@ function WalletSelectionModal({
10780
10878
  },
10781
10879
  network
10782
10880
  )) }),
10783
- error && /* @__PURE__ */ jsx47(
10881
+ error && /* @__PURE__ */ jsx48(
10784
10882
  "div",
10785
10883
  {
10786
10884
  className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
@@ -10789,15 +10887,15 @@ function WalletSelectionModal({
10789
10887
  }
10790
10888
  )
10791
10889
  ] }),
10792
- step === "connecting" && /* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8", children: [
10793
- /* @__PURE__ */ jsx47(
10890
+ step === "connecting" && /* @__PURE__ */ jsx48("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-1 uf-flex-col uf-items-center uf-justify-center uf-py-8", children: [
10891
+ /* @__PURE__ */ jsx48(
10794
10892
  Loader24,
10795
10893
  {
10796
10894
  className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
10797
10895
  style: { color: colors2.primary }
10798
10896
  }
10799
10897
  ),
10800
- /* @__PURE__ */ jsxs42(
10898
+ /* @__PURE__ */ jsxs43(
10801
10899
  "div",
10802
10900
  {
10803
10901
  className: "uf-text-lg uf-font-medium",
@@ -10809,7 +10907,7 @@ function WalletSelectionModal({
10809
10907
  ]
10810
10908
  }
10811
10909
  ),
10812
- /* @__PURE__ */ jsx47(
10910
+ /* @__PURE__ */ jsx48(
10813
10911
  "div",
10814
10912
  {
10815
10913
  className: "uf-text-sm uf-mt-2",
@@ -10817,7 +10915,22 @@ function WalletSelectionModal({
10817
10915
  children: connectingNetwork === "solana" ? "Please approve the connection in your Solana wallet" : "Please approve the connection in your wallet"
10818
10916
  }
10819
10917
  )
10820
- ] })
10918
+ ] }) }),
10919
+ step !== "connecting" && /* @__PURE__ */ jsx48("div", { className: "uf-min-h-0 uf-flex-1", "aria-hidden": true }),
10920
+ /* @__PURE__ */ jsx48(
10921
+ "div",
10922
+ {
10923
+ className: "uf-shrink-0 uf-pt-3 uf-pb-4",
10924
+ style: { backgroundColor: colors2.background },
10925
+ children: /* @__PURE__ */ jsx48(
10926
+ PoweredByUnifold,
10927
+ {
10928
+ color: colors2.foregroundMuted,
10929
+ className: "uf-flex uf-justify-center uf-shrink-0"
10930
+ }
10931
+ )
10932
+ }
10933
+ )
10821
10934
  ] })
10822
10935
  ] })
10823
10936
  }
@@ -10825,27 +10938,27 @@ function WalletSelectionModal({
10825
10938
  }
10826
10939
 
10827
10940
  // src/components/deposits/DepositModal.tsx
10828
- import { Fragment as Fragment11, jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
10941
+ import { Fragment as Fragment10, jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
10829
10942
  function SkeletonButton({
10830
10943
  variant = "default"
10831
10944
  }) {
10832
- return /* @__PURE__ */ jsxs43("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
10833
- /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
10834
- /* @__PURE__ */ jsx48("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
10835
- /* @__PURE__ */ jsxs43("div", { className: "uf-space-y-1.5", children: [
10836
- /* @__PURE__ */ jsx48("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
10837
- /* @__PURE__ */ jsx48("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
10945
+ return /* @__PURE__ */ jsxs44("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
10946
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
10947
+ /* @__PURE__ */ jsx49("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
10948
+ /* @__PURE__ */ jsxs44("div", { className: "uf-space-y-1.5", children: [
10949
+ /* @__PURE__ */ jsx49("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
10950
+ /* @__PURE__ */ jsx49("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
10838
10951
  ] })
10839
10952
  ] }),
10840
- /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
10841
- variant === "with-icons" && /* @__PURE__ */ jsx48("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx48(
10953
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
10954
+ variant === "with-icons" && /* @__PURE__ */ jsx49("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx49(
10842
10955
  "div",
10843
10956
  {
10844
10957
  className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
10845
10958
  },
10846
10959
  i
10847
10960
  )) }),
10848
- /* @__PURE__ */ jsx48(ChevronRight11, { className: "uf-w-4 uf-h-4 uf-text-muted" })
10961
+ /* @__PURE__ */ jsx49(ChevronRight11, { className: "uf-w-4 uf-h-4 uf-text-muted" })
10849
10962
  ] })
10850
10963
  ] });
10851
10964
  }
@@ -10870,14 +10983,23 @@ function DepositModal({
10870
10983
  onDepositSuccess,
10871
10984
  onDepositError,
10872
10985
  theme = "dark",
10873
- hideOverlay = false
10986
+ hideOverlay = false,
10987
+ initialScreen = "main"
10874
10988
  }) {
10875
10989
  const { colors: colors2, fonts, components } = useTheme();
10990
+ const effectiveInitialScreen = useMemo8(() => {
10991
+ const s = initialScreen ?? "main";
10992
+ if (s === "tracker" && hideDepositTracker) return "main";
10993
+ return s;
10994
+ }, [initialScreen, hideDepositTracker]);
10876
10995
  const [containerEl, setContainerEl] = useState26(null);
10877
10996
  const containerCallbackRef = useCallback3((el) => {
10878
10997
  setContainerEl(el);
10879
10998
  }, []);
10880
- const [view, setView] = useState26("main");
10999
+ const [view, setView] = useState26(
11000
+ effectiveInitialScreen
11001
+ );
11002
+ const resetViewTimeoutRef = useRef5(null);
10881
11003
  const [cardView, setCardView] = useState26(
10882
11004
  "amount"
10883
11005
  );
@@ -10997,6 +11119,43 @@ function DepositModal({
10997
11119
  const template = errors[code] ?? addressValidationMessages.defaultError;
10998
11120
  return interpolate(template, metadata);
10999
11121
  };
11122
+ const openingScreen = effectiveInitialScreen;
11123
+ const sessionOpenedFromMenu = openingScreen === "main";
11124
+ const standaloneNeedsDepositPrereq = openingScreen !== "main" && (view === "transfer" || view === "card");
11125
+ let depositPrerequisiteBody;
11126
+ if (isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig) {
11127
+ depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ jsxs44(Fragment10, { children: [
11128
+ /* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }),
11129
+ /* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }),
11130
+ !hideDepositTracker && /* @__PURE__ */ jsx49(SkeletonButton, {})
11131
+ ] });
11132
+ } else if (countryError) {
11133
+ depositPrerequisiteBody = /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
11134
+ /* @__PURE__ */ jsx49("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx49(AlertTriangle, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
11135
+ /* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
11136
+ /* @__PURE__ */ jsx49("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "We couldn't verify your location. Please check your connection and try again." })
11137
+ ] });
11138
+ } else if (!isAllowed) {
11139
+ depositPrerequisiteBody = /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
11140
+ /* @__PURE__ */ jsx49("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx49(MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
11141
+ /* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
11142
+ /* @__PURE__ */ jsx49("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
11143
+ ] });
11144
+ } else if (isAddressValid === false) {
11145
+ depositPrerequisiteBody = /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
11146
+ /* @__PURE__ */ jsx49("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx49(AlertTriangle, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
11147
+ /* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
11148
+ /* @__PURE__ */ jsx49("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
11149
+ addressFailureCode,
11150
+ addressFailureMetadata
11151
+ ) })
11152
+ ] });
11153
+ } else {
11154
+ depositPrerequisiteBody = null;
11155
+ }
11156
+ const showBackTransfer = sessionOpenedFromMenu;
11157
+ const showBackCard = cardView !== "amount" || sessionOpenedFromMenu;
11158
+ const showBackTracker = selectedExecution !== null || sessionOpenedFromMenu;
11000
11159
  const themeClass = resolvedTheme === "dark" ? "uf-dark" : "";
11001
11160
  const handleWalletDisconnect = () => {
11002
11161
  setUserDisconnectedWallet(true);
@@ -11007,13 +11166,37 @@ function DepositModal({
11007
11166
  };
11008
11167
  const handleClose = () => {
11009
11168
  onOpenChange(false);
11010
- setTimeout(() => {
11011
- setView("main");
11169
+ if (resetViewTimeoutRef.current) {
11170
+ clearTimeout(resetViewTimeoutRef.current);
11171
+ }
11172
+ resetViewTimeoutRef.current = setTimeout(() => {
11173
+ setView(effectiveInitialScreen);
11012
11174
  setCardView("amount");
11013
11175
  setExchangeView("providers");
11014
11176
  setBrowserWalletInfo(null);
11177
+ resetViewTimeoutRef.current = null;
11015
11178
  }, 200);
11016
11179
  };
11180
+ useLayoutEffect2(() => {
11181
+ if (!open) return;
11182
+ if (resetViewTimeoutRef.current) {
11183
+ clearTimeout(resetViewTimeoutRef.current);
11184
+ resetViewTimeoutRef.current = null;
11185
+ }
11186
+ setView(effectiveInitialScreen);
11187
+ setCardView("amount");
11188
+ setExchangeView("providers");
11189
+ setBrowserWalletInfo(null);
11190
+ setSelectedExecution(null);
11191
+ }, [open, effectiveInitialScreen]);
11192
+ useEffect20(
11193
+ () => () => {
11194
+ if (resetViewTimeoutRef.current) {
11195
+ clearTimeout(resetViewTimeoutRef.current);
11196
+ }
11197
+ },
11198
+ []
11199
+ );
11017
11200
  const handleBack = () => {
11018
11201
  if (view === "card" && cardView === "quotes") {
11019
11202
  setCardView("amount");
@@ -11094,14 +11277,21 @@ function DepositModal({
11094
11277
  setWalletSelectionModalOpen(false);
11095
11278
  setBrowserWalletModalOpen(true);
11096
11279
  };
11097
- return /* @__PURE__ */ jsx48(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ jsxs43(
11280
+ const depositPoweredByFooter = /* @__PURE__ */ jsx49("div", { className: "uf-pt-3", children: /* @__PURE__ */ jsx49(
11281
+ PoweredByUnifold,
11282
+ {
11283
+ color: colors2.foregroundMuted,
11284
+ className: "uf-flex uf-justify-center uf-shrink-0"
11285
+ }
11286
+ ) });
11287
+ return /* @__PURE__ */ jsx49(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ jsxs44(
11098
11288
  Dialog,
11099
11289
  {
11100
11290
  open: hideOverlay || open,
11101
11291
  onOpenChange: hideOverlay ? void 0 : handleClose,
11102
11292
  modal: !hideOverlay,
11103
11293
  children: [
11104
- /* @__PURE__ */ jsx48(
11294
+ /* @__PURE__ */ jsx49(
11105
11295
  DialogContent,
11106
11296
  {
11107
11297
  ref: hideOverlay ? containerCallbackRef : void 0,
@@ -11110,8 +11300,8 @@ function DepositModal({
11110
11300
  style: { backgroundColor: colors2.background },
11111
11301
  onPointerDownOutside: (e) => e.preventDefault(),
11112
11302
  onInteractOutside: (e) => e.preventDefault(),
11113
- children: /* @__PURE__ */ jsx48(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ jsxs43(Fragment11, { children: [
11114
- /* @__PURE__ */ jsx48(
11303
+ children: /* @__PURE__ */ jsx49(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
11304
+ /* @__PURE__ */ jsx49(
11115
11305
  DepositHeader,
11116
11306
  {
11117
11307
  title: modalTitle || "Deposit",
@@ -11126,47 +11316,18 @@ function DepositModal({
11126
11316
  publishableKey
11127
11317
  }
11128
11318
  ),
11129
- /* @__PURE__ */ jsx48("div", { className: "uf-pb-4 uf-space-y-3", children: isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig ? /* @__PURE__ */ jsxs43(Fragment11, { children: [
11130
- /* @__PURE__ */ jsx48(SkeletonButton, { variant: "with-icons" }),
11131
- /* @__PURE__ */ jsx48(SkeletonButton, { variant: "with-icons" }),
11132
- !hideDepositTracker && /* @__PURE__ */ jsx48(SkeletonButton, {})
11133
- ] }) : countryError ? (
11134
- /* Error state - couldn't verify location */
11135
- /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
11136
- /* @__PURE__ */ jsx48("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx48(AlertTriangle, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
11137
- /* @__PURE__ */ jsx48("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
11138
- /* @__PURE__ */ jsx48("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "We couldn't verify your location. Please check your connection and try again." })
11139
- ] })
11140
- ) : !isAllowed ? (
11141
- /* Blocked country state (isAllowed is false or null without error) */
11142
- /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
11143
- /* @__PURE__ */ jsx48("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx48(MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
11144
- /* @__PURE__ */ jsx48("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
11145
- /* @__PURE__ */ jsx48("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
11146
- ] })
11147
- ) : isAddressValid === false ? (
11148
- /* Invalid recipient address state (e.g., Algorand not opted in) */
11149
- /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
11150
- /* @__PURE__ */ jsx48("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx48(AlertTriangle, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
11151
- /* @__PURE__ */ jsx48("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
11152
- /* @__PURE__ */ jsx48("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
11153
- addressFailureCode,
11154
- addressFailureMetadata
11155
- ) })
11156
- ] })
11157
- ) : (
11158
- /* Normal deposit options */
11159
- /* @__PURE__ */ jsxs43(Fragment11, { children: [
11160
- /* @__PURE__ */ jsx48(
11319
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
11320
+ /* @__PURE__ */ jsx49("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ jsxs44(Fragment10, { children: [
11321
+ /* @__PURE__ */ jsx49(
11161
11322
  TransferCryptoButton,
11162
11323
  {
11163
11324
  onClick: () => setView("transfer"),
11164
11325
  title: t6.transferCrypto.title,
11165
11326
  subtitle: t6.transferCrypto.subtitle,
11166
- featuredTokens: projectConfig.transfer_crypto.networks
11327
+ featuredTokens: projectConfig?.transfer_crypto.networks
11167
11328
  }
11168
11329
  ),
11169
- enableConnectWallet && !isMobileView && /* @__PURE__ */ jsx48(
11330
+ enableConnectWallet && !isMobileView && /* @__PURE__ */ jsx49(
11170
11331
  BrowserWalletButton,
11171
11332
  {
11172
11333
  onClick: handleBrowserWalletClick,
@@ -11176,16 +11337,16 @@ function DepositModal({
11176
11337
  publishableKey
11177
11338
  }
11178
11339
  ),
11179
- /* @__PURE__ */ jsx48(
11340
+ /* @__PURE__ */ jsx49(
11180
11341
  DepositWithCardButton,
11181
11342
  {
11182
11343
  onClick: () => setView("card"),
11183
11344
  title: t6.depositWithCard.title,
11184
11345
  subtitle: t6.depositWithCard.subtitle,
11185
- paymentNetworks: projectConfig.payment_networks.networks
11346
+ paymentNetworks: projectConfig?.payment_networks.networks
11186
11347
  }
11187
11348
  ),
11188
- showPayWithExchange && /* @__PURE__ */ jsx48(
11349
+ showPayWithExchange && /* @__PURE__ */ jsx49(
11189
11350
  PayWithExchangeButton,
11190
11351
  {
11191
11352
  onClick: () => setView("exchange"),
@@ -11195,7 +11356,7 @@ function DepositModal({
11195
11356
  loading: exchangesLoading
11196
11357
  }
11197
11358
  ),
11198
- !hideDepositTracker && /* @__PURE__ */ jsx48(
11359
+ !hideDepositTracker && /* @__PURE__ */ jsx49(
11199
11360
  DepositTrackerButton,
11200
11361
  {
11201
11362
  onClick: () => {
@@ -11207,14 +11368,15 @@ function DepositModal({
11207
11368
  badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
11208
11369
  }
11209
11370
  )
11210
- ] })
11211
- ) })
11212
- ] }) : view === "transfer" ? /* @__PURE__ */ jsxs43(Fragment11, { children: [
11213
- /* @__PURE__ */ jsx48(
11371
+ ] }) }),
11372
+ depositPoweredByFooter
11373
+ ] })
11374
+ ] }) : view === "transfer" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
11375
+ /* @__PURE__ */ jsx49(
11214
11376
  DepositHeader,
11215
11377
  {
11216
11378
  title: t6.transferCrypto.title,
11217
- showBack: true,
11379
+ showBack: showBackTransfer,
11218
11380
  onBack: handleBack,
11219
11381
  onClose: handleClose,
11220
11382
  showBalance: showBalanceHeader,
@@ -11226,68 +11388,74 @@ function DepositModal({
11226
11388
  publishableKey
11227
11389
  }
11228
11390
  ),
11229
- transferInputVariant === "single_input" ? /* @__PURE__ */ jsx48(
11230
- TransferCryptoSingleInput,
11231
- {
11232
- userId,
11233
- publishableKey,
11234
- recipientAddress,
11235
- destinationChainType,
11236
- destinationChainId,
11237
- destinationTokenAddress,
11238
- depositConfirmationMode,
11239
- onExecutionsChange: setDepositExecutions,
11240
- onDepositSuccess,
11241
- onDepositError,
11242
- wallets
11243
- }
11244
- ) : /* @__PURE__ */ jsx48(
11245
- TransferCryptoDoubleInput,
11246
- {
11247
- userId,
11248
- publishableKey,
11249
- recipientAddress,
11250
- destinationChainType,
11251
- destinationChainId,
11252
- destinationTokenAddress,
11253
- depositConfirmationMode,
11254
- onExecutionsChange: setDepositExecutions,
11255
- onDepositSuccess,
11256
- onDepositError,
11257
- wallets
11258
- }
11259
- )
11260
- ] }) : view === "tracker" ? /* @__PURE__ */ jsxs43(Fragment11, { children: [
11261
- /* @__PURE__ */ jsx48(
11391
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
11392
+ standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx49("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ jsx49(
11393
+ TransferCryptoSingleInput,
11394
+ {
11395
+ userId,
11396
+ publishableKey,
11397
+ recipientAddress,
11398
+ destinationChainType,
11399
+ destinationChainId,
11400
+ destinationTokenAddress,
11401
+ depositConfirmationMode,
11402
+ onExecutionsChange: setDepositExecutions,
11403
+ onDepositSuccess,
11404
+ onDepositError,
11405
+ wallets
11406
+ }
11407
+ ) : /* @__PURE__ */ jsx49(
11408
+ TransferCryptoDoubleInput,
11409
+ {
11410
+ userId,
11411
+ publishableKey,
11412
+ recipientAddress,
11413
+ destinationChainType,
11414
+ destinationChainId,
11415
+ destinationTokenAddress,
11416
+ depositConfirmationMode,
11417
+ onExecutionsChange: setDepositExecutions,
11418
+ onDepositSuccess,
11419
+ onDepositError,
11420
+ wallets
11421
+ }
11422
+ ),
11423
+ depositPoweredByFooter
11424
+ ] })
11425
+ ] }) : view === "tracker" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
11426
+ /* @__PURE__ */ jsx49(
11262
11427
  DepositHeader,
11263
11428
  {
11264
11429
  title: selectedExecution ? "Deposit Details" : "Deposit Tracker",
11265
- showBack: true,
11430
+ showBack: showBackTracker,
11266
11431
  onBack: handleBack,
11267
11432
  onClose: handleClose
11268
11433
  }
11269
11434
  ),
11270
- /* @__PURE__ */ jsx48("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx48(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx48("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx48("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx48(
11271
- "div",
11272
- {
11273
- className: "uf-text-sm",
11274
- style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
11275
- children: "No deposits yet"
11276
- }
11277
- ) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx48(
11278
- DepositExecutionItem,
11279
- {
11280
- execution,
11281
- onClick: () => setSelectedExecution(execution)
11282
- },
11283
- execution.id
11284
- )) }) })
11285
- ] }) : view === "card" ? /* @__PURE__ */ jsxs43(Fragment11, { children: [
11286
- /* @__PURE__ */ jsx48(
11435
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
11436
+ /* @__PURE__ */ jsx49("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx49(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx49("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx49("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx49(
11437
+ "div",
11438
+ {
11439
+ className: "uf-text-sm",
11440
+ style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
11441
+ children: "No deposits yet"
11442
+ }
11443
+ ) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx49(
11444
+ DepositExecutionItem,
11445
+ {
11446
+ execution,
11447
+ onClick: () => setSelectedExecution(execution)
11448
+ },
11449
+ execution.id
11450
+ )) }) }),
11451
+ depositPoweredByFooter
11452
+ ] })
11453
+ ] }) : view === "card" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
11454
+ /* @__PURE__ */ jsx49(
11287
11455
  DepositHeader,
11288
11456
  {
11289
11457
  title: cardView === "quotes" ? t6.quotes : t6.depositWithCard.title,
11290
- showBack: true,
11458
+ showBack: showBackCard,
11291
11459
  onBack: handleBack,
11292
11460
  onClose: handleClose,
11293
11461
  badge: cardView === "quotes" ? { count: quotesCount } : void 0,
@@ -11300,27 +11468,30 @@ function DepositModal({
11300
11468
  publishableKey
11301
11469
  }
11302
11470
  ),
11303
- /* @__PURE__ */ jsx48(
11304
- BuyWithCard,
11305
- {
11306
- userId,
11307
- publishableKey,
11308
- view: cardView,
11309
- onViewChange: handleCardViewChange,
11310
- destinationTokenSymbol,
11311
- recipientAddress,
11312
- destinationChainType,
11313
- destinationChainId,
11314
- destinationTokenAddress,
11315
- onDepositSuccess,
11316
- onDepositError,
11317
- themeClass,
11318
- wallets,
11319
- assetCdnUrl: projectConfig?.asset_cdn_url
11320
- }
11321
- )
11322
- ] }) : view === "exchange" ? /* @__PURE__ */ jsxs43(Fragment11, { children: [
11323
- /* @__PURE__ */ jsx48(
11471
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
11472
+ standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx49("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ jsx49(
11473
+ BuyWithCard,
11474
+ {
11475
+ userId,
11476
+ publishableKey,
11477
+ view: cardView,
11478
+ onViewChange: handleCardViewChange,
11479
+ destinationTokenSymbol,
11480
+ recipientAddress,
11481
+ destinationChainType,
11482
+ destinationChainId,
11483
+ destinationTokenAddress,
11484
+ onDepositSuccess,
11485
+ onDepositError,
11486
+ themeClass,
11487
+ wallets,
11488
+ assetCdnUrl: projectConfig?.asset_cdn_url
11489
+ }
11490
+ ),
11491
+ depositPoweredByFooter
11492
+ ] })
11493
+ ] }) : view === "exchange" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
11494
+ /* @__PURE__ */ jsx49(
11324
11495
  DepositHeader,
11325
11496
  {
11326
11497
  title: t6.payWithExchange.title,
@@ -11329,29 +11500,32 @@ function DepositModal({
11329
11500
  onClose: handleClose
11330
11501
  }
11331
11502
  ),
11332
- /* @__PURE__ */ jsx48(
11333
- PayWithExchange,
11334
- {
11335
- userId,
11336
- publishableKey,
11337
- exchanges,
11338
- view: exchangeView,
11339
- onViewChange: setExchangeView,
11340
- destinationTokenSymbol,
11341
- recipientAddress,
11342
- destinationChainType,
11343
- destinationChainId,
11344
- destinationTokenAddress,
11345
- onDepositSuccess,
11346
- onDepositError,
11347
- wallets,
11348
- defaultToken: defaultToken ?? null
11349
- }
11350
- )
11503
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
11504
+ /* @__PURE__ */ jsx49(
11505
+ PayWithExchange,
11506
+ {
11507
+ userId,
11508
+ publishableKey,
11509
+ exchanges,
11510
+ view: exchangeView,
11511
+ onViewChange: setExchangeView,
11512
+ destinationTokenSymbol,
11513
+ recipientAddress,
11514
+ destinationChainType,
11515
+ destinationChainId,
11516
+ destinationTokenAddress,
11517
+ onDepositSuccess,
11518
+ onDepositError,
11519
+ wallets,
11520
+ defaultToken: defaultToken ?? null
11521
+ }
11522
+ ),
11523
+ depositPoweredByFooter
11524
+ ] })
11351
11525
  ] }) : null })
11352
11526
  }
11353
11527
  ),
11354
- /* @__PURE__ */ jsx48(
11528
+ /* @__PURE__ */ jsx49(
11355
11529
  WalletSelectionModal,
11356
11530
  {
11357
11531
  open: walletSelectionModalOpen,
@@ -11361,7 +11535,7 @@ function DepositModal({
11361
11535
  theme: resolvedTheme
11362
11536
  }
11363
11537
  ),
11364
- browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ jsx48(
11538
+ browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ jsx49(
11365
11539
  BrowserWalletModal,
11366
11540
  {
11367
11541
  open: browserWalletModalOpen,
@@ -11400,7 +11574,7 @@ function DepositModal({
11400
11574
  import * as React28 from "react";
11401
11575
  import { Slot } from "@radix-ui/react-slot";
11402
11576
  import { cva } from "class-variance-authority";
11403
- import { jsx as jsx49 } from "react/jsx-runtime";
11577
+ import { jsx as jsx50 } from "react/jsx-runtime";
11404
11578
  var buttonVariants = cva(
11405
11579
  "uf-inline-flex uf-items-center uf-justify-center uf-whitespace-nowrap uf-rounded-md uf-text-sm uf-font-medium uf-ring-offset-background uf-transition-colors focus-visible:uf-outline-none focus-visible:uf-ring-2 focus-visible:uf-ring-ring focus-visible:uf-ring-offset-2 disabled:uf-pointer-events-none disabled:uf-opacity-50",
11406
11580
  {
@@ -11444,7 +11618,7 @@ var Button = React28.forwardRef(
11444
11618
  }
11445
11619
  return baseStyle;
11446
11620
  }, [variant, components, fonts, style]);
11447
- return /* @__PURE__ */ jsx49(
11621
+ return /* @__PURE__ */ jsx50(
11448
11622
  Comp,
11449
11623
  {
11450
11624
  className: cn(buttonVariants({ variant, size, className })),