@rhinestone/deposit-modal 0.0.0-dev-20260617120607 → 0.0.0-dev-20260617160708

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.
@@ -1786,35 +1786,54 @@ function ListRow({
1786
1786
  ListRow.displayName = "ListRow";
1787
1787
 
1788
1788
  // src/components/ui/SegmentedToggle.tsx
1789
- import { jsx as jsx8 } from "react/jsx-runtime";
1789
+ import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
1790
1790
  function SegmentedToggle({
1791
1791
  options,
1792
1792
  value,
1793
1793
  onChange,
1794
1794
  ariaLabel
1795
1795
  }) {
1796
- return /* @__PURE__ */ jsx8("div", { className: "rs-segmented", role: "tablist", "aria-label": ariaLabel, children: options.map((opt) => {
1797
- const active = opt.value === value;
1798
- return /* @__PURE__ */ jsx8(
1799
- "button",
1796
+ const activeIndex = Math.max(
1797
+ 0,
1798
+ options.findIndex((opt) => opt.value === value)
1799
+ );
1800
+ const thumbStyle = {
1801
+ "--rs-segmented-count": options.length,
1802
+ "--rs-segmented-index": activeIndex
1803
+ };
1804
+ return /* @__PURE__ */ jsxs7("div", { className: "rs-segmented", role: "tablist", "aria-label": ariaLabel, children: [
1805
+ /* @__PURE__ */ jsx8(
1806
+ "span",
1800
1807
  {
1801
- type: "button",
1802
- role: "tab",
1803
- "aria-selected": active,
1804
- className: `rs-segmented-option${active ? " rs-segmented-option--active" : ""}`,
1805
- onClick: () => onChange(opt.value),
1806
- children: opt.label
1807
- },
1808
- opt.value
1809
- );
1810
- }) });
1808
+ className: "rs-segmented-thumb",
1809
+ "data-value": value,
1810
+ style: thumbStyle,
1811
+ "aria-hidden": "true"
1812
+ }
1813
+ ),
1814
+ options.map((opt) => {
1815
+ const active = opt.value === value;
1816
+ return /* @__PURE__ */ jsx8(
1817
+ "button",
1818
+ {
1819
+ type: "button",
1820
+ role: "tab",
1821
+ "aria-selected": active,
1822
+ className: `rs-segmented-option${active ? " rs-segmented-option--active" : ""}`,
1823
+ onClick: () => onChange(opt.value),
1824
+ children: opt.label
1825
+ },
1826
+ opt.value
1827
+ );
1828
+ })
1829
+ ] });
1811
1830
  }
1812
1831
  SegmentedToggle.displayName = "SegmentedToggle";
1813
1832
 
1814
1833
  // src/components/ui/WalletBadgeIcons/RabbyIcon.tsx
1815
- import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
1834
+ import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
1816
1835
  function RabbyIcon() {
1817
- return /* @__PURE__ */ jsxs7(
1836
+ return /* @__PURE__ */ jsxs8(
1818
1837
  "svg",
1819
1838
  {
1820
1839
  width: "20",
@@ -1823,7 +1842,7 @@ function RabbyIcon() {
1823
1842
  fill: "none",
1824
1843
  xmlns: "http://www.w3.org/2000/svg",
1825
1844
  children: [
1826
- /* @__PURE__ */ jsxs7("g", { clipPath: "url(#rs-rabby-clip)", children: [
1845
+ /* @__PURE__ */ jsxs8("g", { clipPath: "url(#rs-rabby-clip)", children: [
1827
1846
  /* @__PURE__ */ jsx9(
1828
1847
  "mask",
1829
1848
  {
@@ -1843,7 +1862,7 @@ function RabbyIcon() {
1843
1862
  )
1844
1863
  }
1845
1864
  ),
1846
- /* @__PURE__ */ jsxs7("g", { mask: "url(#rs-rabby-mask)", children: [
1865
+ /* @__PURE__ */ jsxs8("g", { mask: "url(#rs-rabby-mask)", children: [
1847
1866
  /* @__PURE__ */ jsx9(
1848
1867
  "path",
1849
1868
  {
@@ -1885,8 +1904,8 @@ function RabbyIcon() {
1885
1904
  )
1886
1905
  ] })
1887
1906
  ] }),
1888
- /* @__PURE__ */ jsxs7("defs", { children: [
1889
- /* @__PURE__ */ jsxs7(
1907
+ /* @__PURE__ */ jsxs8("defs", { children: [
1908
+ /* @__PURE__ */ jsxs8(
1890
1909
  "linearGradient",
1891
1910
  {
1892
1911
  id: "rs-rabby-grad0",
@@ -1901,7 +1920,7 @@ function RabbyIcon() {
1901
1920
  ]
1902
1921
  }
1903
1922
  ),
1904
- /* @__PURE__ */ jsxs7(
1923
+ /* @__PURE__ */ jsxs8(
1905
1924
  "linearGradient",
1906
1925
  {
1907
1926
  id: "rs-rabby-grad1",
@@ -1916,7 +1935,7 @@ function RabbyIcon() {
1916
1935
  ]
1917
1936
  }
1918
1937
  ),
1919
- /* @__PURE__ */ jsxs7(
1938
+ /* @__PURE__ */ jsxs8(
1920
1939
  "linearGradient",
1921
1940
  {
1922
1941
  id: "rs-rabby-grad2",
@@ -1931,7 +1950,7 @@ function RabbyIcon() {
1931
1950
  ]
1932
1951
  }
1933
1952
  ),
1934
- /* @__PURE__ */ jsxs7(
1953
+ /* @__PURE__ */ jsxs8(
1935
1954
  "linearGradient",
1936
1955
  {
1937
1956
  id: "rs-rabby-grad3",
@@ -1954,9 +1973,9 @@ function RabbyIcon() {
1954
1973
  }
1955
1974
 
1956
1975
  // src/components/ui/WalletBadgeIcons/PhantomIcon.tsx
1957
- import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
1976
+ import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
1958
1977
  function PhantomIcon() {
1959
- return /* @__PURE__ */ jsxs8(
1978
+ return /* @__PURE__ */ jsxs9(
1960
1979
  "svg",
1961
1980
  {
1962
1981
  width: "20",
@@ -1987,9 +2006,9 @@ function PhantomIcon() {
1987
2006
  }
1988
2007
 
1989
2008
  // src/components/ui/WalletBadgeIcons/WalletConnectIcon.tsx
1990
- import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
2009
+ import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
1991
2010
  function WalletConnectIcon() {
1992
- return /* @__PURE__ */ jsxs9(
2011
+ return /* @__PURE__ */ jsxs10(
1993
2012
  "svg",
1994
2013
  {
1995
2014
  width: "20",
@@ -2012,9 +2031,9 @@ function WalletConnectIcon() {
2012
2031
  }
2013
2032
 
2014
2033
  // src/components/ui/WalletBadgeIcons/EthBadgeIcon.tsx
2015
- import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
2034
+ import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
2016
2035
  function EthBadgeIcon() {
2017
- return /* @__PURE__ */ jsxs10(
2036
+ return /* @__PURE__ */ jsxs11(
2018
2037
  "svg",
2019
2038
  {
2020
2039
  width: "20",
@@ -2042,9 +2061,9 @@ function EthBadgeIcon() {
2042
2061
  }
2043
2062
 
2044
2063
  // src/components/ui/WalletBadgeIcons/SolBadgeIcon.tsx
2045
- import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
2064
+ import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
2046
2065
  function SolBadgeIcon() {
2047
- return /* @__PURE__ */ jsxs11(
2066
+ return /* @__PURE__ */ jsxs12(
2048
2067
  "svg",
2049
2068
  {
2050
2069
  width: "20",
@@ -2063,7 +2082,7 @@ function SolBadgeIcon() {
2063
2082
  fill: "url(#rs-sol-badge-grad)"
2064
2083
  }
2065
2084
  ),
2066
- /* @__PURE__ */ jsx13("defs", { children: /* @__PURE__ */ jsxs11(
2085
+ /* @__PURE__ */ jsx13("defs", { children: /* @__PURE__ */ jsxs12(
2067
2086
  "linearGradient",
2068
2087
  {
2069
2088
  id: "rs-sol-badge-grad",
@@ -2084,9 +2103,9 @@ function SolBadgeIcon() {
2084
2103
  }
2085
2104
 
2086
2105
  // src/components/ui/WalletBadgeIcons/BaseBadgeIcon.tsx
2087
- import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
2106
+ import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
2088
2107
  function BaseBadgeIcon() {
2089
- return /* @__PURE__ */ jsxs12(
2108
+ return /* @__PURE__ */ jsxs13(
2090
2109
  "svg",
2091
2110
  {
2092
2111
  width: "20",
@@ -2109,9 +2128,9 @@ function BaseBadgeIcon() {
2109
2128
  }
2110
2129
 
2111
2130
  // src/components/ui/WalletBadgeIcons/index.tsx
2112
- import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
2131
+ import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
2113
2132
  function WalletBadgeIcons() {
2114
- return /* @__PURE__ */ jsxs13("span", { className: "rs-list-row-meta-icons", children: [
2133
+ return /* @__PURE__ */ jsxs14("span", { className: "rs-list-row-meta-icons", children: [
2115
2134
  /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(RabbyIcon, {}) }),
2116
2135
  /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(PhantomIcon, {}) }),
2117
2136
  /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(WalletConnectIcon, {}) })
@@ -2119,7 +2138,7 @@ function WalletBadgeIcons() {
2119
2138
  }
2120
2139
  WalletBadgeIcons.displayName = "WalletBadgeIcons";
2121
2140
  function ChainBadgeIcons() {
2122
- return /* @__PURE__ */ jsxs13("span", { className: "rs-list-row-meta-icons", children: [
2141
+ return /* @__PURE__ */ jsxs14("span", { className: "rs-list-row-meta-icons", children: [
2123
2142
  /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(EthBadgeIcon, {}) }),
2124
2143
  /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(SolBadgeIcon, {}) }),
2125
2144
  /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(BaseBadgeIcon, {}) })
@@ -2127,10 +2146,41 @@ function ChainBadgeIcons() {
2127
2146
  }
2128
2147
  ChainBadgeIcons.displayName = "ChainBadgeIcons";
2129
2148
 
2149
+ // src/components/ui/ExchangeLogos.tsx
2150
+ import { jsx as jsx16 } from "react/jsx-runtime";
2151
+ var EXCHANGE_LOGO_SOURCES = {
2152
+ binance: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjMEMwRTEyIi8+CjxwYXRoIGQ9Ik05Mi4zMDEgMTExLjczNkwxMjUuMzE5IDc4LjczMTdMMTU4LjM1MSAxMTEuNzYzTDE3Ny41NTIgOTIuNTQ4NkwxMjUuMzE5IDQwLjMwMjJMNzMuMDg2MyA5Mi41MzUyTDkyLjMwMSAxMTEuNzM2WiIgZmlsbD0iI0YzQkEyRiIvPgo8cGF0aCBkPSJNNDAuMzAzIDEyNS4zMDhMNTkuNTEwNyAxMDYuMUw3OC43MTg0IDEyNS4zMDhMNTkuNTEwNyAxNDQuNTE2TDQwLjMwMyAxMjUuMzA4WiIgZmlsbD0iI0YzQkEyRiIvPgo8cGF0aCBkPSJNOTIuMzAxMiAxMzguODczTDEyNS4zMTkgMTcxLjg5MUwxNTguMzUxIDEzOC44NkwxNzcuNTY2IDE1OC4wNDhMMTc3LjU1MiAxNTguMDYxTDEyNS4zMTkgMjEwLjMwOEw3My4wODY0IDE1OC4wODhMNzMuMDU5NiAxNTguMDYxTDkyLjMwMTIgMTM4Ljg3M1oiIGZpbGw9IiNGM0JBMkYiLz4KPHBhdGggZD0iTTE3MS44ODcgMTI1LjMxMkwxOTEuMDk1IDEwNi4xMDVMMjEwLjMwMyAxMjUuMzEyTDE5MS4wOTUgMTQ0LjUyTDE3MS44ODcgMTI1LjMxMloiIGZpbGw9IiNGM0JBMkYiLz4KPHBhdGggZD0iTTE0NC44MDMgMTI1LjI5OEwxMjUuMzE5IDEwNS44MDJMMTEwLjkxMiAxMjAuMjA5TDEwOS4yNDcgMTIxLjg2MUwxMDUuODM2IDEyNS4yNzJMMTA1LjgwOSAxMjUuMjk4TDEwNS44MzYgMTI1LjMzOUwxMjUuMzE5IDE0NC44MDlMMTQ0LjgwMyAxMjUuMzEyTDE0NC44MTYgMTI1LjI5OEgxNDQuODAzWiIgZmlsbD0iI0YzQkEyRiIvPgo8L3N2Zz4K",
2153
+ bitfinex: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNDc2OV8xNTk5NjEpIi8+CjxwYXRoIGQ9Ik00Ni40NDQ4IDE4NS42MTJDNTQuMjc0NSAxOTMuOTE1IDk3LjMyOTcgMjMzLjcwMSAxNjQuOTA0IDE4Ny41MjRDMjEzLjc3OCAxNDkuNDcxIDIxMi41NTIgNjYuOTczIDIwNy44NjEgNDIuMDQ1NUMyMDYuMjI2IDQ1LjY3NDMgMTQ5LjUyMiAxNjkuOTY5IDQ2LjQ0NDggMTg1LjYxMlpNMjA3Ljg2MSA0Mi4wMjkxQzIwNy4yNTYgNDEuNzgzOSAxNDQuMzkgMzMuMjE4NyA4Mi4yNDI0IDczLjI0OThDNDMuNjQ5NiA5OC4wOTU2IDM4LjUzMzQgMTM0LjQ4MiA0MC4yOTg3IDE1OC43ODhDMTMwLjY0MyAxNDguNjIxIDIwNS44MDEgNDQuODg5NyAyMDcuODYxIDQyLjAyOTFaIiBmaWxsPSIjMDJDQTlCIi8+CjxwYXRoIGQ9Ik0yMDcuODYxIDQyLjAyOTFDMjA3LjI1NiA0MS43ODM5IDE0NC4zOSAzMy4yMTg3IDgyLjI0MjQgNzMuMjQ5OEM0My42NDk2IDk4LjA5NTYgMzguNTMzNCAxMzQuNDgyIDQwLjI5ODcgMTU4Ljc4OEMxMzAuNjQzIDE0OC42MjEgMjA1LjgwMSA0NC44ODk3IDIwNy44NjEgNDIuMDI5MVoiIGZpbGw9IiMwMkNBOUIiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl80NzY5XzE1OTk2MSIgeDE9IjI1MCIgeTE9IjcuNTI1MDllLTA2IiB4Mj0iMy4wMDAwMSIgeTI9IjI1Mi41IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNCMDJDMkQiLz4KPHN0b3Agb2Zmc2V0PSIwLjMyMTEzMSIgc3RvcC1jb2xvcj0iIzE3MzU1QSIvPgo8c3RvcCBvZmZzZXQ9IjAuNzUiIHN0b3AtY29sb3I9IiMxRTQ0NzQiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDQ3RTYxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==",
2154
+ btcturk: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJ3aGl0ZSIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDc2OV8xNTk5NzgpIj4KPHBhdGggZD0iTTE0NC44NTIgMTg4LjY4MkMxMzQuOTQ3IDE5NS42ODYgMTI5LjA4NyAyMDQuNDQ3IDEzMS44MyAyMDguMjQzQzEzNC41NzMgMjEyLjA0IDE0NC43MTYgMjA5LjQ1NiAxNTQuNjIxIDIwMi40NjNDMTY0LjUyNyAxOTUuNDcxIDE3MC4zNjMgMTg2LjcxIDE2Ny42NDMgMTgyLjkwMkMxNjYuODA1IDE4MS43NjkgMTY1LjIyOSAxODEuMTQ1IDE2My4xNjcgMTgxLjE0NUMxNTguNjMzIDE4MS4xNDUgMTUxLjY2MyAxODMuODc3IDE0NC44NTIgMTg4LjY4MlpNOTAuNDUxOSAxNzMuNzIyQzcxLjMwOTkgMTgxLjY2NyA1OC4wMzg2IDE5My40NDIgNjAuNzkyNiAyMDAuMTI5QzYzLjU0NjYgMjA2LjgxNSA4MS4yOTQ2IDIwNS44NTIgMTAwLjQ1OSAxOTcuOTUzQzExOS42MjQgMTkwLjA1MyAxMzIuODM5IDE3OC4yNjcgMTMwLjA4NSAxNzEuNTM1QzEyOC44NDkgMTY4LjU0MyAxMjQuNjQ1IDE2Ny4wOTIgMTE4LjY2MSAxNjcuMDkyQzExMS4yMjYgMTY3LjA5MiAxMDEuMDQ5IDE2OS4zNTkgOTAuNDUxOSAxNzMuNzIyWk0xNzguMjE3IDE2NS43ODlDMTc0LjgxNyAxNzIuMjM3IDE3My43NzUgMTc4LjM0NiAxNzUuODQ5IDE3OS4zODlDMTc3LjkyMyAxODAuNDMxIDE4Mi4zMiAxNzYuMTI1IDE4NS42OTcgMTY5LjY3NkMxODkuMDc1IDE2My4yMjcgMTkwLjE0IDE1Ny4xMTkgMTg4LjA2NiAxNTYuMDc2QzE4Ny44NDkgMTU1Ljk2NCAxODcuNjA3IDE1NS45MDkgMTg3LjM2MyAxNTUuOTE3QzE4NS4wOTcgMTU1LjkxNyAxODEuMjQzIDE2MC4wMDkgMTc4LjIxNyAxNjUuNzg5Wk0xNTAuNTc1IDE0Ny45MjdDMTQ0LjAxMyAxNTEuNzEzIDE0MC41OTEgMTU4LjA1OSAxNDIuOTE0IDE2Mi4wOTRDMTQ1LjIzNyAxNjYuMTI5IDE1Mi40MzQgMTY2LjMyMSAxNTguOTk2IDE2Mi41MzZDMTY1LjU1OCAxNTguNzUxIDE2OC45ODEgMTUyLjQwNCAxNjYuNjU3IDE0OC4zNjlDMTY1LjQ0NSAxNDYuMjczIDE2Mi45MTcgMTQ1LjIwNyAxNTkuODU3IDE0NS4yMDdDMTU2LjU4NSAxNDUuMzAyIDE1My4zOTIgMTQ2LjIzOSAxNTAuNTg3IDE0Ny45MjdNMTc0Ljg0IDEzOS4zMjVDMTcyLjkzNiAxNDIuNjIzIDE3My4wNjEgMTQ2LjI3MyAxNzUuMTIzIDE0Ny40NjNDMTc3LjE4NiAxNDguNjUzIDE4MC40MDUgMTQ2Ljk1MyAxODIuMzA5IDE0My42NDNDMTg0LjIxMyAxNDAuMzM0IDE4NC4wODggMTM2LjY5NiAxODIuMDE0IDEzNS41MDZDMTgxLjU3IDEzNS4yNDggMTgxLjA2NSAxMzUuMTE1IDE4MC41NTIgMTM1LjEyMUMxNzguNjI1IDEzNS4xMjEgMTc2LjMzNiAxMzYuNzMgMTc0Ljg4NSAxMzkuMzI1TTE1MC40MDUgMTI1LjE3QzE1MC40MDUgMTI5LjExNCAxNTQuMDMyIDEzMi4zMjEgMTU4LjUwOSAxMzIuMzIxQzE2Mi45ODUgMTMyLjMyMSAxNjYuNjEyIDEyOS4xMTQgMTY2LjYxMiAxMjUuMTdDMTY2LjYxMiAxMjEuMjI2IDE2Mi45ODUgMTE4LjAxOSAxNTguNTA5IDExOC4wMTlDMTU0LjAzMiAxMTguMDE5IDE1MC40MDUgMTIxLjIxNSAxNTAuNDA1IDEyNS4xN1pNOTYuMzExMyAxMjUuMTdDOTYuMzExMyAxMzQuMDIxIDEwNi4yOTYgMTQxLjE5NSAxMTguNjE1IDE0MS4xOTVDMTMwLjkzNSAxNDEuMTk1IDE0MC44OTcgMTM0LjA2NyAxNDAuODk3IDEyNS4xN0MxNDAuODk3IDExNi4yNzMgMTMwLjkzNSAxMDkuMTMzIDExOC42MTUgMTA5LjEzM0MxMDYuMjk2IDEwOS4xMzMgOTYuMzExMyAxMTYuMzE5IDk2LjMxMTMgMTI1LjE3Wk0xNzUuMzUgMTAyLjUwM0MxNzMuMjg3IDEwMy42MzcgMTczLjE2MyAxMDcuMzQzIDE3NS4wNjcgMTEwLjY0MUMxNzYuOTcxIDExMy45MzkgMTgwLjE3OCAxMTUuNjYxIDE4Mi4yNTIgMTE0LjQ2QzE4NC4zMjYgMTEzLjI1OSAxODQuNDM5IDEwOS42MzIgMTgyLjUzNSAxMDYuMzIzQzE4MS4wMzkgMTAzLjczOSAxNzguNzM5IDEwMi4xMTggMTc2Ljg2OSAxMDIuMTE4QzE3Ni4zNTIgMTAyLjExNyAxNzUuODQ1IDEwMi4yNDkgMTc1LjM5NSAxMDIuNTAzTTE0My4xNjMgODcuOTA2QzE0MC44OTcgOTEuOTQwNyAxNDQuMjk3IDk4LjI4NzMgMTUwLjgyNSAxMDIuMDczQzE1Ny4zNTMgMTA1Ljg1OCAxNjQuNTgzIDEwNS42NjUgMTY2LjkwNyAxMDEuNjMxQzE2OS4yMyA5Ny41OTYgMTY1Ljc3MyA5MS4yNjA3IDE1OS4yNDUgODcuNDY0QzE1Ni40MzUgODUuNzc4NCAxNTMuMjM5IDg0Ljg0NTUgMTQ5Ljk2MyA4NC43NTUzQzE0Ni44OTIgODQuNzU1MyAxNDQuMzY1IDg1LjgwOTMgMTQzLjE2MyA4Ny45MDZaTTE3NS44MDMgNzAuNkMxNzMuNzQxIDcxLjczMzMgMTc0Ljc5NSA3Ny43OTY3IDE3OC4xNzIgODQuMkMxODEuNTQ5IDkwLjYwMzMgMTg1Ljk1OCA5NS4wMDA3IDE4OC4wMzIgOTMuOTEyN0MxOTAuMTA2IDkyLjgyNDcgMTg5LjAyOSA4Ni43MTYgMTg1LjY1MiA4MC4zMTI3QzE4Mi42MjYgNzQuNTMyNyAxNzguNzYxIDcwLjQ0MTMgMTc2LjUwNiA3MC40NDEzQzE3Ni4yNjMgNzAuNDQxMiAxNzYuMDIzIDcwLjQ5NTQgMTc1LjgwMyA3MC42Wk02MC43OTI2IDQ5LjkxNjdDNTguMDM4NiA1Ni42MDMzIDcxLjMyMTMgNjguNDM1MyA5MC40NTE5IDc2LjMzNDdDMTA5LjU4MyA4NC4yMzQgMTI3LjI5NyA4NS4yMDg3IDEzMC4wODUgNzguNTMzM0MxMzIuODczIDcxLjg1OCAxMTkuNTU2IDYwLjAwMzMgMTAwLjQyNSA1Mi4xMDRDODkuODI4NiA0Ny43MjkzIDc5LjY5NjYgNDUuNDc0IDcyLjIxNjYgNDUuNDc0QzY2LjIzMjYgNDUuNDc0IDYyLjAxNjYgNDYuOTM2IDYwLjc5MjYgNDkuOTE2N1pNMTMxLjcyOCA0MS43NTY3QzEyOS4wNDIgNDUuNTY0NyAxMzQuOTAxIDU0LjMxNCAxNDQuODA3IDYxLjMxOEMxNTQuNzEyIDY4LjMyMiAxNjQuOTIzIDcwLjkwNiAxNjcuNTk4IDY3LjA5OEMxNzAuMjczIDYzLjI5IDE2NC40MjUgNTQuNTQwNyAxNTQuNDk3IDQ3LjUzNjdDMTQ3LjY5NyA0Mi43MzEzIDE0MC43NjEgNDAgMTM2LjIwNSA0MEMxMzQuMTQyIDQwIDEzMi41NjcgNDAuNTY2NyAxMzEuNjcxIDQxLjc1NjciIGZpbGw9ImJsYWNrIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDc2OV8xNTk5NzgiPgo8cmVjdCB3aWR0aD0iMTI4LjY5IiBoZWlnaHQ9IjE3MCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjQzMDEgNDApIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==",
2155
+ bybit: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTY4LjI2IDE0Mi45NDhWOTFIMTc4LjY0M1YxNDIuOTQ4SDE2OC4yNloiIGZpbGw9IiNGN0E2MDAiLz4KPHBhdGggZD0iTTQ3LjI1NzkgMTU4LjM3OEgyNVYxMDYuNDMxSDQ2LjM2MzhDNTYuNzQ2NCAxMDYuNDMxIDYyLjc5NDkgMTEyLjEyMyA2Mi43OTQ5IDEyMS4wMjNDNjIuNzk0OSAxMjYuNzg1IDU4LjkwODkgMTMwLjUxIDU2LjIxOTcgMTMxLjc1QzU5LjQzMTEgMTMzLjIwNyA2My41Mzg5IDEzNi40OTEgNjMuNTM4OSAxNDMuNDI0QzYzLjUzODkgMTUzLjEyNSA1Ni43NDY0IDE1OC4zNzggNDcuMjU3OSAxNTguMzc4Wk00NS41NDEzIDExNS40NzlIMzUuMzgyN1YxMjcuNDQ1SDQ1LjUzOUM0OS45NDQ4IDEyNy40NDUgNTIuNDA5OSAxMjUuMDM4IDUyLjQwOTkgMTIxLjQ1OUM1Mi40MDk5IDExNy44ODggNDkuOTQ3MSAxMTUuNDc5IDQ1LjU0MTMgMTE1LjQ3OVpNNDYuMjExMyAxMzYuNTY1SDM1LjM4NVYxNDkuMzM1SDQ2LjIxNTlDNTAuOTIyMSAxNDkuMzM1IDUzLjE1ODUgMTQ2LjQxNyA1My4xNTg1IDE0Mi45MTNDNTMuMTU4NSAxMzkuNDExIDUwLjkxNzQgMTM2LjU2NSA0Ni4yMTU5IDEzNi41NjVINDYuMjExM1pNOTUuMjA2OCAxMzcuMDc2VjE1OC4zNzhIODQuODk4VjEzNy4wNzZMNjguOTEyNyAxMDYuNDMxSDgwLjE5MThMOTAuMTI2MyAxMjcuMzcxTDk5LjkxMDYgMTA2LjQzMUgxMTEuMTg3TDk1LjIwNjggMTM3LjA3NlpNMTQwLjYyNCAxNTguMzc4SDExOC4zNjZWMTA2LjQzMUgxMzkuNzI3QzE1MC4xMSAxMDYuNDMxIDE1Ni4xNjEgMTEyLjEyMyAxNTYuMTYxIDEyMS4wMjNDMTU2LjE2MSAxMjYuNzg1IDE1Mi4yNzUgMTMwLjUxIDE0OS41ODUgMTMxLjc1QzE1Mi43OTcgMTMzLjIwNyAxNTYuOTA1IDEzNi40OTEgMTU2LjkwNSAxNDMuNDI0QzE1Ni45MDUgMTUzLjEyNSAxNTAuMTEyIDE1OC4zNzggMTQwLjYyNCAxNTguMzc4Wk0xMzguOTA3IDExNS40NzlIMTI4Ljc0OFYxMjcuNDQ1SDEzOC45MDdDMTQzLjMxMyAxMjcuNDQ1IDE0NS43NzggMTI1LjAzOCAxNDUuNzc4IDEyMS40NTlDMTQ1Ljc3OCAxMTcuODg4IDE0My4zMTMgMTE1LjQ3OSAxMzguOTA3IDExNS40NzlaTTEzOS41NzcgMTM2LjU2NUgxMjguNzQ2VjE0OS4zMzVIMTM5LjU3N0MxNDQuMjg1IDE0OS4zMzUgMTQ2LjUyMiAxNDYuNDE3IDE0Ni41MjIgMTQyLjkxM0MxNDYuNTIyIDEzOS40MTEgMTQ0LjI4NSAxMzYuNTY1IDEzOS41NzcgMTM2LjU2NVpNMjEyLjEwNiAxMTUuNDgxVjE1OC4zODNIMjAxLjcyM1YxMTUuNDc5SDE4Ny44MzNWMTA2LjQzMUgyMjZWMTE1LjQ3OUwyMTIuMTA2IDExNS40ODFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K",
2156
+ coinbase: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjMDA1MkZGIi8+CjxwYXRoIGQ9Ik0xMjUuMTYgMTY3LjVDMTAxLjYzNSAxNjcuNSA4Mi41OCAxNDguNDggODIuNTggMTI1QzgyLjU4IDEwMS41MiAxMDEuNjMgODIuNSAxMjUuMTYgODIuNUMxMzUuMjA3IDgyLjUwMTggMTQ0LjkyOCA4Ni4wNTg0IDE1Mi42MDQgOTIuNTQwMUMxNjAuMjggOTkuMDIxOSAxNjUuNDE1IDEwOC4wMTEgMTY3LjEgMTE3LjkxNUgyMTBDMjA2LjM4IDc0LjI4NSAxNjkuOCA0MCAxMjUuMTYgNDBDNzguMTQ1IDQwIDQwIDc4LjA3NSA0MCAxMjVDNDAgMTcxLjkyNSA3OC4xNDUgMjEwIDEyNS4xNiAyMTBDMTY5Ljc5NSAyMTAgMjA2LjM4IDE3NS43MTUgMjEwIDEzMi4wODVIMTY3LjFDMTY1LjQxNSAxNDEuOTg5IDE2MC4yOCAxNTAuOTc4IDE1Mi42MDQgMTU3LjQ2QzE0NC45MjggMTYzLjk0MiAxMzUuMjA3IDE2Ny40OTggMTI1LjE2IDE2Ny41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==",
2157
+ gateio: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTI1IDE3MS43MTNDOTkuMTcwMyAxNzEuNzEzIDc4LjI4NjYgMTUwLjgzIDc4LjI4NjYgMTI1Qzc4LjI4NjYgOTkuMTcwMyA5OS4xNzAzIDc4LjI4NjYgMTI1IDc4LjI4NjZWNDBDNzguMTAzNSA0MCA0MCA3OC4xMDM1IDQwIDEyNUM0MCAxNzEuODk3IDc4LjEwMzUgMjEwIDEyNSAyMTBDMTcxLjg5NyAyMTAgMjEwIDE3MS44OTcgMjEwIDEyNUgxNzEuNzEzQzE3MS43MTMgMTUwLjgzIDE1MC44MyAxNzEuNzEzIDEyNSAxNzEuNzEzWiIgZmlsbD0iIzIzNTRFNiIvPgo8cGF0aCBkPSJNMTcxLjcxMyA3OC4yODY2SDEyNVYxMjVIMTcxLjcxM1Y3OC4yODY2WiIgZmlsbD0iIzE3RTZBMSIvPgo8L3N2Zz4K",
2158
+ htx: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTQ0LjQ1IDkyLjI4OTJDMTQ0LjQ1IDY3Ljg5OCAxMzIuNTY3IDQ2Ljg5MTggMTIzLjUxNiA0MC4wNzM4QzEyMy41MTYgNDAuMDczOCAxMjIuODIgMzkuNjg5NyAxMjIuODkyIDQwLjY3NEMxMjIuMTQ4IDg3Ljc5OTkgOTguMDY4NyAxMDAuNTcyIDg0Ljg0MDggMTE3Ljc2MUM1NC4zMDM5IDE1Ny40NjggODIuNjgwMiAyMDAuOTkzIDExMS42MzMgMjA5LjAzNkMxMjcuNzY1IDIxMy41NDkgMTA3Ljg4OCAyMDEuMDY1IDEwNS4zMTkgMTc0LjcyOUMxMDIuMTc0IDE0Mi45NDQgMTQ0LjQ1IDExOC42NDkgMTQ0LjQ1IDkyLjI4OTJaIiBmaWxsPSIjMUIyMTQzIi8+CjxwYXRoIGQ9Ik0xNTguMzI2IDEwOC4zNUMxNTguMTM0IDEwOC4yMyAxNTcuODcgMTA4LjEzNCAxNTcuNzAyIDEwOC40NDZDMTU3LjE5OCAxMTQuMzc2IDE1MS4xNDggMTI3LjA1MiAxNDMuNDY2IDEzOC43MTlDMTE3LjQxOCAxNzguMjM1IDEzMi4yNTUgMTk3LjI5NyAxNDAuNjA5IDIwNy41NDhDMTQ1LjQ1OSAyMTMuNDc3IDE0MC42MDkgMjA3LjU0OCAxNTIuNzA5IDIwMS40NzRDMTY3LjY2NSAxOTIuMzk5IDE3Ny4zNjQgMTc2LjY5OCAxNzguODA0IDE1OS4yNjlDMTgxLjE4MSAxMzEuMTgxIDE2NC4zMjggMTEzLjQ4OCAxNTguMzI2IDEwOC4zNVoiIGZpbGw9IiMyQ0E2RTAiLz4KPC9zdmc+Cg==",
2159
+ kraken: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjNTg0MUQ4Ii8+CjxwYXRoIGQ9Ik0xMjYuMTMgNTcuMDQzNUM3OC44MTkxIDU3LjA0MzUgNDAgOTUuMjU2IDQwIDE0My4xNzNWMTgwLjE3M0M0MCAxODYuODQ1IDQ1LjQ1ODkgMTkyLjMwNCA1Mi4xMzEgMTkyLjMwNEM1OC44MDMgMTkyLjMwNCA2NC4yNjE5IDE4Ni44NDUgNjQuMjYxOSAxODAuMTczVjE0My4xNzNDNjQuMjYxOSAxMzYuNTAxIDY5LjcyMDkgMTMxLjA0MiA3Ni4zOTI5IDEzMS4wNDJDODMuMDY0OSAxMzEuMDQyIDg4LjUyMzkgMTM2LjUwMSA4OC41MjM5IDE0My4xNzNWMTgwLjE3M0M4OC41MjM5IDE4Ni44NDUgOTMuOTgyOCAxOTIuMzA0IDEwMC42NTUgMTkyLjMwNEMxMDcuMzI3IDE5Mi4zMDQgMTEyLjc4NiAxODYuODQ1IDExMi43ODYgMTgwLjE3M1YxNDMuMTczQzExMi43ODYgMTM2LjUwMSAxMTguMjQ1IDEzMS4wNDIgMTI0LjkxNyAxMzEuMDQyQzEzMS41ODkgMTMxLjA0MiAxMzcuMDQ4IDEzNi41MDEgMTM3LjA0OCAxNDMuMTczVjE4MC4xNzNDMTM3LjA0OCAxODYuODQ1IDE0Mi41MDcgMTkyLjMwNCAxNDkuMTc5IDE5Mi4zMDRDMTU1Ljg1MSAxOTIuMzA0IDE2MS4zMSAxODYuODQ1IDE2MS4zMSAxODAuMTczVjE0My4xNzNDMTYxLjMxIDEzNi41MDEgMTY2Ljc2OSAxMzEuMDQyIDE3My40NDEgMTMxLjA0MkMxODAuMTEzIDEzMS4wNDIgMTg1LjU3MiAxMzYuNTAxIDE4NS41NzIgMTQzLjE3M1YxODAuMTczQzE4NS41NzIgMTg2Ljg0NSAxOTEuMDMxIDE5Mi4zMDQgMTk3LjcwMyAxOTIuMzA0QzIwNC4zNzUgMTkyLjMwNCAyMDkuODM0IDE4Ni44NDUgMjA5LjgzNCAxODAuMTczVjE0My4xNzNDMjEyLjg2NiA5NS4yNTYgMTc0LjA0NyA1Ny4wNDM1IDEyNi4xMyA1Ny4wNDM1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==",
2160
+ kucoin: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjMDBCNDdEIi8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80NzY5XzE2MDAyNCkiPgo8cGF0aCBkPSJNMTc3Ljg2MyAxNDMuNTFMMTQ2LjAwNyAxNzUuMjE3TDk1LjE1NSAxMjQuOTExTDE0NS45MSA3NC42ODU3TDE3Ny44NjMgMTA2LjQ4OUMxODMuNTMgMTEyLjEwOCAxOTIuNjgxIDExMi4xMDggMTk4LjMgMTA2LjQ0QzIwMy45MTggMTAwLjc3MiAyMDMuODkzIDkxLjYyMTYgMTk4LjI1MSA4Ni4wMDM1TDE1Ni4yNDkgNDQuMTk4M0MxNTAuNTgyIDM4LjU4MDIgMTQxLjQzIDM4LjYwNDcgMTM1LjgxMiA0NC4yNDczQzEzNS43ODkgNDQuMjcwNCAxMzQuNzg4IDQ1LjEwMiAxMzQuMzQgNDUuNTQ3NEw3NS45MDEgMTAzLjM1OFY2OC44MDUyQzc1LjkwMSA2MC44MzIzIDY5LjQyNDEgNTQuMzU1NCA2MS40NTA1IDU0LjM1NTRDNTMuNDc2OSA1NC4zNTU0IDQ3LjAyNDUgNjAuODMyMyA0NyA2OC44MDUyVjE4MS4wOTlDNDcgMTg5LjA3MyA1My40NzY5IDE5NS41NSA2MS40NTA1IDE5NS41NUM2OS40MjQxIDE5NS41NSA3NS45MDEgMTg5LjA3IDc1LjkwMSAxODEuMDk5VjE0Ni40N0wxMzQuMzQgMjA0LjI4MUMxMzQuNTkyIDIwNC41MzIgMTM1LjU3IDIwNS41MDggMTM1LjgxMiAyMDUuNzUzQzE0MS40MyAyMTEuMzk3IDE1MC41ODIgMjExLjQyIDE1Ni4yNDkgMjA1LjgwMkwxOTguMjUxIDE2My45OTZDMjAzLjg5NSAxNTguMzc4IDIwMy45MTggMTQ5LjIyNyAxOTguMyAxNDMuNTU5QzE5Mi42NTcgMTM3LjkyIDE4My41MDYgMTM3Ljg5MiAxNzcuODYzIDE0My41MVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNDYuMTQxIDEzOS41ODVDMTU0LjE4OSAxMzkuNTg1IDE2MC43MTQgMTMzLjA2MSAxNjAuNzE0IDEyNS4wMTJDMTYwLjcxNCAxMTYuOTY0IDE1NC4xODkgMTEwLjQzOSAxNDYuMTQxIDExMC40MzlDMTM4LjA5MiAxMTAuNDM5IDEzMS41NjggMTE2Ljk2NCAxMzEuNTY4IDEyNS4wMTJDMTMxLjU2OCAxMzMuMDYxIDEzOC4wOTIgMTM5LjU4NSAxNDYuMTQxIDEzOS41ODVaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ3NjlfMTYwMDI0Ij4KPHJlY3Qgd2lkdGg9IjE1NS40OTgiIGhlaWdodD0iMTcwIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcgNDApIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg=="
2161
+ };
2162
+ var EXCHANGE_LOGO_ALIASES = {
2163
+ gate: "gateio"
2164
+ };
2165
+ function normalize(value) {
2166
+ return value.toLowerCase().replace(/[^a-z0-9]/g, "");
2167
+ }
2168
+ function getLogoSource(value) {
2169
+ const key = normalize(value);
2170
+ return EXCHANGE_LOGO_SOURCES[EXCHANGE_LOGO_ALIASES[key] ?? key] ?? null;
2171
+ }
2172
+ function getExchangeLogoSrc(name, connection) {
2173
+ return getLogoSource(name) ?? getLogoSource(connection ?? "");
2174
+ }
2175
+ function getExchangeLogo(name, connection) {
2176
+ const src = getExchangeLogoSrc(name, connection);
2177
+ return src ? /* @__PURE__ */ jsx16("img", { src, alt: "", loading: "lazy", decoding: "async" }) : null;
2178
+ }
2179
+
2130
2180
  // src/components/ui/BrandIcons.tsx
2131
- import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
2181
+ import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
2132
2182
  function VisaMark() {
2133
- return /* @__PURE__ */ jsx16("svg", { viewBox: "0 7.4 24 9", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
2183
+ return /* @__PURE__ */ jsx17("svg", { viewBox: "0 7.4 24 9", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
2134
2184
  "path",
2135
2185
  {
2136
2186
  fill: "#1A1F71",
@@ -2139,22 +2189,22 @@ function VisaMark() {
2139
2189
  ) });
2140
2190
  }
2141
2191
  function MastercardMark() {
2142
- return /* @__PURE__ */ jsxs14("svg", { viewBox: "0 3.5 24 17", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
2143
- /* @__PURE__ */ jsx16(
2192
+ return /* @__PURE__ */ jsxs15("svg", { viewBox: "0 3.5 24 17", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
2193
+ /* @__PURE__ */ jsx17(
2144
2194
  "path",
2145
2195
  {
2146
2196
  fill: "#EB001B",
2147
2197
  d: "M11.343 18.031c.058.049.12.098.181.146-1.177.783-2.59 1.238-4.107 1.238C3.32 19.416 0 16.096 0 12c0-4.095 3.32-7.416 7.416-7.416 1.518 0 2.931.456 4.105 1.238-.06.051-.12.098-.165.15C9.6 7.489 8.595 9.688 8.595 12c0 2.311 1.001 4.51 2.748 6.031z"
2148
2198
  }
2149
2199
  ),
2150
- /* @__PURE__ */ jsx16(
2200
+ /* @__PURE__ */ jsx17(
2151
2201
  "path",
2152
2202
  {
2153
2203
  fill: "#F79E1B",
2154
2204
  d: "M16.584 4.584c-1.52 0-2.931.456-4.105 1.238.06.051.12.098.165.15C14.4 7.489 15.405 9.688 15.405 12c0 2.31-1.001 4.507-2.748 6.031-.058.049-.12.098-.181.146 1.177.783 2.588 1.238 4.107 1.238C20.68 19.416 24 16.096 24 12c0-4.094-3.32-7.416-7.416-7.416z"
2155
2205
  }
2156
2206
  ),
2157
- /* @__PURE__ */ jsx16(
2207
+ /* @__PURE__ */ jsx17(
2158
2208
  "path",
2159
2209
  {
2160
2210
  fill: "#FF5F00",
@@ -2164,7 +2214,7 @@ function MastercardMark() {
2164
2214
  ] });
2165
2215
  }
2166
2216
  function AmexMark() {
2167
- return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
2217
+ return /* @__PURE__ */ jsx17("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(
2168
2218
  "path",
2169
2219
  {
2170
2220
  fill: "#2E77BC",
@@ -2172,80 +2222,48 @@ function AmexMark() {
2172
2222
  }
2173
2223
  ) });
2174
2224
  }
2175
- function CoinbaseMark() {
2176
- return /* @__PURE__ */ jsxs14("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
2177
- /* @__PURE__ */ jsx16("rect", { width: "20", height: "20", rx: "5", fill: "#0052FF" }),
2178
- /* @__PURE__ */ jsx16(
2179
- "path",
2180
- {
2181
- d: "M10.029 13.247a3.188 3.188 0 1 1 3.137-3.747h3.207A6.375 6.375 0 1 0 16.373 10.5h-3.211a3.19 3.19 0 0 1-3.133 2.747Z",
2182
- fill: "#fff"
2183
- }
2184
- )
2185
- ] });
2186
- }
2187
- function BinanceMark() {
2188
- return /* @__PURE__ */ jsxs14("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
2189
- /* @__PURE__ */ jsx16("circle", { cx: "10", cy: "10", r: "10", fill: "#181A20" }),
2190
- /* @__PURE__ */ jsx16("svg", { x: "3", y: "3", width: "14", height: "14", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16(
2191
- "path",
2192
- {
2193
- fill: "#F0B90B",
2194
- d: "m16.624 13.920 2.718 2.716-7.353 7.353-7.353-7.353 2.717-2.716 4.636 4.66zm4.637-4.636L24 12l-2.715 2.716L18.568 12zm-9.272.001 2.716 2.691-2.716 2.717L9.272 12zm-9.273-.001L5.409 12l-2.692 2.692L0 12zM11.989.012l7.353 7.329-2.718 2.715-4.635-4.636-4.636 4.66-2.717-2.716z"
2195
- }
2196
- ) })
2197
- ] });
2198
- }
2199
- function KrakenMark() {
2200
- return /* @__PURE__ */ jsxs14("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
2201
- /* @__PURE__ */ jsx16("circle", { cx: "10", cy: "10", r: "10", fill: "#7133F5" }),
2202
- /* @__PURE__ */ jsx16("svg", { x: "3", y: "3", width: "14", height: "14", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16(
2203
- "path",
2204
- {
2205
- fill: "#fff",
2206
- d: "M11.998 4.5C7.028 4.5 3 8.774 3 14.047v4.09c0 .753.575 1.363 1.285 1.363s1.288-.61 1.288-1.362v-4.091c0-.755.573-1.365 1.285-1.365.71 0 1.284.61 1.284 1.365v4.09c0 .753.575 1.363 1.285 1.363.712 0 1.286-.61 1.286-1.362v-4.091c0-.755.575-1.365 1.285-1.365.712 0 1.289.61 1.289 1.365v4.09c0 .753.574 1.363 1.284 1.363s1.285-.61 1.285-1.362v-4.091c0-.755.574-1.365 1.288-1.365.71 0 1.285.61 1.285 1.365v4.09c0 .753.575 1.363 1.287 1.363.71 0 1.284-.61 1.284-1.362v-4.091C21 8.774 16.97 4.5 11.998 4.5"
2207
- }
2208
- ) })
2209
- ] });
2225
+ function ExchangeBadgeImage({ name }) {
2226
+ const src = getExchangeLogoSrc(name);
2227
+ return src ? /* @__PURE__ */ jsx17("img", { src, alt: "", loading: "lazy", decoding: "async" }) : null;
2210
2228
  }
2211
2229
  function CardNetworkIcons() {
2212
- return /* @__PURE__ */ jsxs14("span", { className: "rs-list-row-meta-icons rs-list-row-meta-icons--cards", children: [
2213
- /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(AmexMark, {}) }),
2214
- /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(VisaMark, {}) }),
2215
- /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(MastercardMark, {}) })
2230
+ return /* @__PURE__ */ jsxs15("span", { className: "rs-list-row-meta-icons rs-list-row-meta-icons--cards", children: [
2231
+ /* @__PURE__ */ jsx17("span", { className: "rs-card-network rs-card-network--amex", children: /* @__PURE__ */ jsx17(AmexMark, {}) }),
2232
+ /* @__PURE__ */ jsx17("span", { className: "rs-card-network rs-card-network--visa", children: /* @__PURE__ */ jsx17(VisaMark, {}) }),
2233
+ /* @__PURE__ */ jsx17("span", { className: "rs-card-network rs-card-network--mastercard", children: /* @__PURE__ */ jsx17(MastercardMark, {}) })
2216
2234
  ] });
2217
2235
  }
2218
2236
  CardNetworkIcons.displayName = "CardNetworkIcons";
2219
2237
  function ExchangeBadgeIcons() {
2220
- return /* @__PURE__ */ jsxs14("span", { className: "rs-list-row-meta-icons", children: [
2221
- /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(CoinbaseMark, {}) }),
2222
- /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(BinanceMark, {}) }),
2223
- /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(KrakenMark, {}) })
2238
+ return /* @__PURE__ */ jsxs15("span", { className: "rs-list-row-meta-icons rs-list-row-meta-icons--exchanges", children: [
2239
+ /* @__PURE__ */ jsx17("span", { children: /* @__PURE__ */ jsx17(ExchangeBadgeImage, { name: "Coinbase" }) }),
2240
+ /* @__PURE__ */ jsx17("span", { children: /* @__PURE__ */ jsx17(ExchangeBadgeImage, { name: "Binance" }) }),
2241
+ /* @__PURE__ */ jsx17("span", { children: /* @__PURE__ */ jsx17(ExchangeBadgeImage, { name: "Kraken" }) })
2224
2242
  ] });
2225
2243
  }
2226
2244
  ExchangeBadgeIcons.displayName = "ExchangeBadgeIcons";
2227
2245
 
2228
2246
  // src/components/steps/ConnectStep.tsx
2229
- import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
2247
+ import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
2230
2248
  function formatBalanceUsd(value) {
2231
2249
  if (!Number.isFinite(value) || value <= 0) return "$0.00";
2232
2250
  return `$${value.toFixed(2)}`;
2233
2251
  }
2234
2252
  function fiatIcon(name) {
2235
- if (name === "apple") return /* @__PURE__ */ jsx17(AppleIcon, {});
2236
- if (name === "bank") return /* @__PURE__ */ jsx17(BankIcon, {});
2237
- return /* @__PURE__ */ jsx17(CardIcon, {});
2253
+ if (name === "apple") return /* @__PURE__ */ jsx18(AppleIcon, {});
2254
+ if (name === "bank") return /* @__PURE__ */ jsx18(BankIcon, {});
2255
+ return /* @__PURE__ */ jsx18(CardIcon, {});
2238
2256
  }
2239
2257
  function fiatMeta(name) {
2240
2258
  if (name === "apple" || name === "bank") return void 0;
2241
- return /* @__PURE__ */ jsx17(CardNetworkIcons, {});
2259
+ return /* @__PURE__ */ jsx18(CardNetworkIcons, {});
2242
2260
  }
2243
2261
  function shorten(addr) {
2244
2262
  return addr.length > 12 ? `${addr.slice(0, 6)}...${addr.slice(-4)}` : addr;
2245
2263
  }
2246
2264
  function renderWalletLeading(row) {
2247
2265
  if (row.icon) {
2248
- return /* @__PURE__ */ jsx17(
2266
+ return /* @__PURE__ */ jsx18(
2249
2267
  "img",
2250
2268
  {
2251
2269
  src: row.icon,
@@ -2254,23 +2272,23 @@ function renderWalletLeading(row) {
2254
2272
  }
2255
2273
  );
2256
2274
  }
2257
- return /* @__PURE__ */ jsx17(WalletIcon, {});
2275
+ return /* @__PURE__ */ jsx18(WalletIcon, {});
2258
2276
  }
2259
- var TRANSFER_CRYPTO_LEADING = /* @__PURE__ */ jsx17(TransferCryptoIcon, {});
2260
- var WALLET_LEADING = /* @__PURE__ */ jsx17(WalletIcon, {});
2261
- var EXCHANGE_LEADING = /* @__PURE__ */ jsx17(UnplugIcon, {});
2262
- var SMALL_SPINNER = /* @__PURE__ */ jsx17(Spinner, { className: "rs-spinner--sm" });
2263
- var CONNECT_META = /* @__PURE__ */ jsxs15(Fragment2, { children: [
2264
- /* @__PURE__ */ jsx17(WalletBadgeIcons, {}),
2277
+ var TRANSFER_CRYPTO_LEADING = /* @__PURE__ */ jsx18(TransferCryptoIcon, {});
2278
+ var WALLET_LEADING = /* @__PURE__ */ jsx18(WalletIcon, {});
2279
+ var EXCHANGE_LEADING = /* @__PURE__ */ jsx18(UnplugIcon, {});
2280
+ var SMALL_SPINNER = /* @__PURE__ */ jsx18(Spinner, { className: "rs-spinner--sm" });
2281
+ var CONNECT_META = /* @__PURE__ */ jsxs16(Fragment2, { children: [
2282
+ /* @__PURE__ */ jsx18(WalletBadgeIcons, {}),
2265
2283
  "+100"
2266
2284
  ] });
2267
- var EXCHANGE_META = /* @__PURE__ */ jsxs15(Fragment2, { children: [
2268
- /* @__PURE__ */ jsx17(ExchangeBadgeIcons, {}),
2285
+ var EXCHANGE_META = /* @__PURE__ */ jsxs16(Fragment2, { children: [
2286
+ /* @__PURE__ */ jsx18(ExchangeBadgeIcons, {}),
2269
2287
  "+6"
2270
2288
  ] });
2271
2289
  var EXTRA_CHAIN_COUNT = Math.max(0, getSupportedChainIds().length - 3);
2272
- var CHAIN_BADGE_META = /* @__PURE__ */ jsxs15(Fragment2, { children: [
2273
- /* @__PURE__ */ jsx17(ChainBadgeIcons, {}),
2290
+ var CHAIN_BADGE_META = /* @__PURE__ */ jsxs16(Fragment2, { children: [
2291
+ /* @__PURE__ */ jsx18(ChainBadgeIcons, {}),
2274
2292
  EXTRA_CHAIN_COUNT > 0 ? `+${EXTRA_CHAIN_COUNT}` : null
2275
2293
  ] });
2276
2294
  function renderRowTrailing(state) {
@@ -2308,7 +2326,7 @@ function ConnectStep({
2308
2326
  const cryptoRows = [];
2309
2327
  if (onSelectTransferCrypto) {
2310
2328
  cryptoRows.push(
2311
- /* @__PURE__ */ jsx17(
2329
+ /* @__PURE__ */ jsx18(
2312
2330
  ListRow,
2313
2331
  {
2314
2332
  leading: TRANSFER_CRYPTO_LEADING,
@@ -2325,7 +2343,7 @@ function ConnectStep({
2325
2343
  const collapseToExternal = Boolean(onSelectTransferCrypto) && row.kind !== "solana";
2326
2344
  const subtitleText = row.state === "loading" ? "Preparing\u2026" : row.state === "error" ? row.errorReason ?? "Couldn't prepare wallet \u2014 tap to retry" : shorten(row.address);
2327
2345
  cryptoRows.push(
2328
- /* @__PURE__ */ jsx17(
2346
+ /* @__PURE__ */ jsx18(
2329
2347
  ListRow,
2330
2348
  {
2331
2349
  leading: renderWalletLeading(row),
@@ -2341,7 +2359,7 @@ function ConnectStep({
2341
2359
  }
2342
2360
  if (!hasReownWallet && handleConnect) {
2343
2361
  cryptoRows.push(
2344
- /* @__PURE__ */ jsx17(
2362
+ /* @__PURE__ */ jsx18(
2345
2363
  ListRow,
2346
2364
  {
2347
2365
  leading: WALLET_LEADING,
@@ -2356,7 +2374,7 @@ function ConnectStep({
2356
2374
  }
2357
2375
  if (onSelectFundFromExchange) {
2358
2376
  cryptoRows.push(
2359
- /* @__PURE__ */ jsx17(
2377
+ /* @__PURE__ */ jsx18(
2360
2378
  ListRow,
2361
2379
  {
2362
2380
  leading: EXCHANGE_LEADING,
@@ -2373,7 +2391,7 @@ function ConnectStep({
2373
2391
  for (const row of dappImports ?? []) {
2374
2392
  if (!hasReownWallet) {
2375
2393
  cryptoRows.push(
2376
- /* @__PURE__ */ jsx17(
2394
+ /* @__PURE__ */ jsx18(
2377
2395
  ListRow,
2378
2396
  {
2379
2397
  leading: row.icon,
@@ -2389,7 +2407,7 @@ function ConnectStep({
2389
2407
  }
2390
2408
  if (row.status === "loading" || row.status === "needs-connect") {
2391
2409
  cryptoRows.push(
2392
- /* @__PURE__ */ jsx17(
2410
+ /* @__PURE__ */ jsx18(
2393
2411
  ListRow,
2394
2412
  {
2395
2413
  leading: row.icon,
@@ -2405,7 +2423,7 @@ function ConnectStep({
2405
2423
  }
2406
2424
  if (row.status.enabled) {
2407
2425
  cryptoRows.push(
2408
- /* @__PURE__ */ jsx17(
2426
+ /* @__PURE__ */ jsx18(
2409
2427
  ListRow,
2410
2428
  {
2411
2429
  leading: row.icon,
@@ -2420,7 +2438,7 @@ function ConnectStep({
2420
2438
  }
2421
2439
  if (row.status.retryable) {
2422
2440
  cryptoRows.push(
2423
- /* @__PURE__ */ jsx17(
2441
+ /* @__PURE__ */ jsx18(
2424
2442
  ListRow,
2425
2443
  {
2426
2444
  leading: row.icon,
@@ -2434,7 +2452,7 @@ function ConnectStep({
2434
2452
  continue;
2435
2453
  }
2436
2454
  cryptoRows.push(
2437
- /* @__PURE__ */ jsx17(
2455
+ /* @__PURE__ */ jsx18(
2438
2456
  ListRow,
2439
2457
  {
2440
2458
  leading: row.icon,
@@ -2451,7 +2469,7 @@ function ConnectStep({
2451
2469
  if (fiatPaymentMethods && fiatPaymentMethods.length > 0 && onSelectFiatMethod) {
2452
2470
  for (const opt of fiatPaymentMethods) {
2453
2471
  cashRows.push(
2454
- /* @__PURE__ */ jsx17(
2472
+ /* @__PURE__ */ jsx18(
2455
2473
  ListRow,
2456
2474
  {
2457
2475
  leading: fiatIcon(opt.icon),
@@ -2466,13 +2484,13 @@ function ConnectStep({
2466
2484
  }
2467
2485
  } else if (onSelectPayWithCard) {
2468
2486
  cashRows.push(
2469
- /* @__PURE__ */ jsx17(
2487
+ /* @__PURE__ */ jsx18(
2470
2488
  ListRow,
2471
2489
  {
2472
- leading: /* @__PURE__ */ jsx17(CardIcon, {}),
2490
+ leading: /* @__PURE__ */ jsx18(CardIcon, {}),
2473
2491
  title: "Debit/Credit card",
2474
2492
  subtitle: "Instant - $10,000 limit",
2475
- meta: /* @__PURE__ */ jsx17(CardNetworkIcons, {}),
2493
+ meta: /* @__PURE__ */ jsx18(CardNetworkIcons, {}),
2476
2494
  onClick: onSelectPayWithCard
2477
2495
  },
2478
2496
  "pay-with-card"
@@ -2485,15 +2503,15 @@ function ConnectStep({
2485
2503
  const [tab, setTab] = useState(defaultMethodTab);
2486
2504
  const activeTab = showToggle ? tab : hasCash && !hasCrypto ? "cash" : "crypto";
2487
2505
  const activeRows = activeTab === "cash" ? cashRows : cryptoRows;
2488
- return /* @__PURE__ */ jsxs15("div", { className: "rs-screen", children: [
2489
- /* @__PURE__ */ jsxs15("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
2490
- /* @__PURE__ */ jsx17(
2506
+ return /* @__PURE__ */ jsxs16("div", { className: "rs-screen", children: [
2507
+ /* @__PURE__ */ jsxs16("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
2508
+ /* @__PURE__ */ jsx18(
2491
2509
  BodyHeader,
2492
2510
  {
2493
- icon: /* @__PURE__ */ jsx17(HandCoinsIcon, {}),
2511
+ icon: /* @__PURE__ */ jsx18(HandCoinsIcon, {}),
2494
2512
  title,
2495
2513
  subtitle: subtitle ?? defaultSubtitle,
2496
- aside: showToggle ? /* @__PURE__ */ jsx17(
2514
+ aside: showToggle ? /* @__PURE__ */ jsx18(
2497
2515
  SegmentedToggle,
2498
2516
  {
2499
2517
  ariaLabel: "Deposit method type",
@@ -2507,9 +2525,9 @@ function ConnectStep({
2507
2525
  ) : void 0
2508
2526
  }
2509
2527
  ),
2510
- /* @__PURE__ */ jsx17("div", { className: "rs-list", children: activeRows })
2528
+ /* @__PURE__ */ jsx18("div", { className: "rs-list", children: activeRows })
2511
2529
  ] }),
2512
- onDisconnect && hasReownWallet && /* @__PURE__ */ jsx17("div", { className: "rs-screen-tight-row", children: /* @__PURE__ */ jsx17(
2530
+ onDisconnect && hasReownWallet && /* @__PURE__ */ jsx18("div", { className: "rs-screen-tight-row", children: /* @__PURE__ */ jsx18(
2513
2531
  "button",
2514
2532
  {
2515
2533
  type: "button",
@@ -2518,7 +2536,7 @@ function ConnectStep({
2518
2536
  children: "Disconnect wallet"
2519
2537
  }
2520
2538
  ) }),
2521
- /* @__PURE__ */ jsx17(PoweredBy, {})
2539
+ /* @__PURE__ */ jsx18(PoweredBy, {})
2522
2540
  ] });
2523
2541
  }
2524
2542
  ConnectStep.displayName = "ConnectStep";
@@ -2527,7 +2545,7 @@ ConnectStep.displayName = "ConnectStep";
2527
2545
  import { useCallback as useCallback3, useEffect as useEffect5, useRef as useRef4, useState as useState5 } from "react";
2528
2546
 
2529
2547
  // src/components/ui/Button.tsx
2530
- import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
2548
+ import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
2531
2549
  function Button({
2532
2550
  children,
2533
2551
  variant = "accent",
@@ -2547,19 +2565,19 @@ function Button({
2547
2565
  className
2548
2566
  ].filter(Boolean).join(" ");
2549
2567
  const showInlineLoadingText = loading && loadingText !== void 0;
2550
- return /* @__PURE__ */ jsx18(
2568
+ return /* @__PURE__ */ jsx19(
2551
2569
  "button",
2552
2570
  {
2553
2571
  className: classes,
2554
2572
  disabled: disabled || loading,
2555
2573
  "aria-busy": loading || void 0,
2556
2574
  ...props,
2557
- children: showInlineLoadingText ? /* @__PURE__ */ jsxs16("span", { className: "rs-button__loading-row", children: [
2558
- /* @__PURE__ */ jsx18(Spinner, { className: "rs-spinner--sm" }),
2559
- /* @__PURE__ */ jsx18("span", { children: loadingText })
2560
- ] }) : /* @__PURE__ */ jsxs16(Fragment3, { children: [
2561
- /* @__PURE__ */ jsx18("span", { className: loading ? "rs-button__content--hidden" : "", children }),
2562
- loading && /* @__PURE__ */ jsx18("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx18(Spinner, { className: "rs-spinner--sm" }) })
2575
+ children: showInlineLoadingText ? /* @__PURE__ */ jsxs17("span", { className: "rs-button__loading-row", children: [
2576
+ /* @__PURE__ */ jsx19(Spinner, { className: "rs-spinner--sm" }),
2577
+ /* @__PURE__ */ jsx19("span", { children: loadingText })
2578
+ ] }) : /* @__PURE__ */ jsxs17(Fragment3, { children: [
2579
+ /* @__PURE__ */ jsx19("span", { className: loading ? "rs-button__content--hidden" : "", children }),
2580
+ loading && /* @__PURE__ */ jsx19("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx19(Spinner, { className: "rs-spinner--sm" }) })
2563
2581
  ] })
2564
2582
  }
2565
2583
  );
@@ -2574,7 +2592,7 @@ import {
2574
2592
  useCallback as useCallback2
2575
2593
  } from "react";
2576
2594
  import { createPortal as createPortal2 } from "react-dom";
2577
- import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
2595
+ import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
2578
2596
  function Tooltip({ content, children, className }) {
2579
2597
  const [open, setOpen] = useState2(false);
2580
2598
  const [position, setPosition] = useState2(null);
@@ -2615,7 +2633,7 @@ function Tooltip({ content, children, className }) {
2615
2633
  window.removeEventListener("resize", updatePosition);
2616
2634
  };
2617
2635
  }, [open, updatePosition]);
2618
- return /* @__PURE__ */ jsxs17(
2636
+ return /* @__PURE__ */ jsxs18(
2619
2637
  "span",
2620
2638
  {
2621
2639
  ref: triggerRef,
@@ -2623,7 +2641,7 @@ function Tooltip({ content, children, className }) {
2623
2641
  onMouseEnter: () => setOpen(true),
2624
2642
  onMouseLeave: () => setOpen(false),
2625
2643
  children: [
2626
- /* @__PURE__ */ jsx19(
2644
+ /* @__PURE__ */ jsx20(
2627
2645
  "span",
2628
2646
  {
2629
2647
  className: "rs-tooltip-trigger",
@@ -2645,7 +2663,7 @@ function Tooltip({ content, children, className }) {
2645
2663
  }
2646
2664
  ),
2647
2665
  open && position && typeof document !== "undefined" && createPortal2(
2648
- /* @__PURE__ */ jsx19(
2666
+ /* @__PURE__ */ jsx20(
2649
2667
  "span",
2650
2668
  {
2651
2669
  ref: bubbleRef,
@@ -2665,12 +2683,12 @@ Tooltip.displayName = "Tooltip";
2665
2683
 
2666
2684
  // src/components/ui/FeesAccordion.tsx
2667
2685
  import { useState as useState3 } from "react";
2668
- import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
2686
+ import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
2669
2687
  function FeesAccordion({ total, rows }) {
2670
2688
  const [open, setOpen] = useState3(false);
2671
2689
  const expandable = rows.length > 0;
2672
- return /* @__PURE__ */ jsxs18("div", { className: "rs-fees-accordion", children: [
2673
- /* @__PURE__ */ jsxs18(
2690
+ return /* @__PURE__ */ jsxs19("div", { className: "rs-fees-accordion", children: [
2691
+ /* @__PURE__ */ jsxs19(
2674
2692
  "button",
2675
2693
  {
2676
2694
  type: "button",
@@ -2679,31 +2697,31 @@ function FeesAccordion({ total, rows }) {
2679
2697
  disabled: !expandable,
2680
2698
  onClick: () => expandable && setOpen((o) => !o),
2681
2699
  children: [
2682
- /* @__PURE__ */ jsx20("span", { children: "Fees" }),
2683
- /* @__PURE__ */ jsxs18("span", { className: "rs-review-detail-value", children: [
2684
- /* @__PURE__ */ jsx20("span", { children: total }),
2685
- expandable && /* @__PURE__ */ jsx20(
2700
+ /* @__PURE__ */ jsx21("span", { children: "Fees" }),
2701
+ /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
2702
+ /* @__PURE__ */ jsx21("span", { children: total }),
2703
+ expandable && /* @__PURE__ */ jsx21(
2686
2704
  "span",
2687
2705
  {
2688
2706
  className: `rs-fees-accordion-chevron${open ? " rs-fees-accordion-chevron--open" : ""}`,
2689
2707
  "aria-hidden": "true",
2690
- children: /* @__PURE__ */ jsx20(ChevronDownIcon, {})
2708
+ children: /* @__PURE__ */ jsx21(ChevronDownIcon, {})
2691
2709
  }
2692
2710
  )
2693
2711
  ] })
2694
2712
  ]
2695
2713
  }
2696
2714
  ),
2697
- expandable && open && /* @__PURE__ */ jsx20("div", { className: "rs-fees-accordion-rows", children: rows.map((row, i) => /* @__PURE__ */ jsxs18("div", { className: "rs-fees-accordion-row", children: [
2698
- /* @__PURE__ */ jsx20("span", { children: row.label }),
2699
- /* @__PURE__ */ jsx20("span", { className: "rs-review-detail-value", children: row.value })
2715
+ expandable && open && /* @__PURE__ */ jsx21("div", { className: "rs-fees-accordion-rows", children: rows.map((row, i) => /* @__PURE__ */ jsxs19("div", { className: "rs-fees-accordion-row", children: [
2716
+ /* @__PURE__ */ jsx21("span", { children: row.label }),
2717
+ /* @__PURE__ */ jsx21("span", { className: "rs-review-detail-value", children: row.value })
2700
2718
  ] }, `${row.label}-${i}`)) })
2701
2719
  ] });
2702
2720
  }
2703
2721
  FeesAccordion.displayName = "FeesAccordion";
2704
2722
 
2705
2723
  // src/components/steps/SwappedReceipt.tsx
2706
- import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
2724
+ import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
2707
2725
  function SwappedReceipt({
2708
2726
  onrampMethod,
2709
2727
  amountPaid,
@@ -2715,33 +2733,33 @@ function SwappedReceipt({
2715
2733
  onNewDeposit,
2716
2734
  onClose
2717
2735
  }) {
2718
- return /* @__PURE__ */ jsxs19("div", { className: "rs-screen", children: [
2719
- /* @__PURE__ */ jsxs19("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
2720
- /* @__PURE__ */ jsx21(BodyHeader, { icon: /* @__PURE__ */ jsx21(CheckIcon, {}), title: "Deposit successful" }),
2721
- /* @__PURE__ */ jsxs19("div", { className: "rs-review-details", children: [
2722
- onrampMethod && /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
2723
- /* @__PURE__ */ jsx21("span", { children: "Onramp method" }),
2724
- /* @__PURE__ */ jsx21("span", { className: "rs-review-detail-value", children: onrampMethod })
2736
+ return /* @__PURE__ */ jsxs20("div", { className: "rs-screen", children: [
2737
+ /* @__PURE__ */ jsxs20("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
2738
+ /* @__PURE__ */ jsx22(BodyHeader, { icon: /* @__PURE__ */ jsx22(CheckIcon, {}), title: "Deposit successful" }),
2739
+ /* @__PURE__ */ jsxs20("div", { className: "rs-review-details", children: [
2740
+ onrampMethod && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
2741
+ /* @__PURE__ */ jsx22("span", { children: "Onramp method" }),
2742
+ /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-value", children: onrampMethod })
2725
2743
  ] }),
2726
- amountPaid && /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
2727
- /* @__PURE__ */ jsx21("span", { children: "Amount paid" }),
2728
- /* @__PURE__ */ jsx21("span", { className: "rs-review-detail-value", children: amountPaid })
2744
+ amountPaid && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
2745
+ /* @__PURE__ */ jsx22("span", { children: "Amount paid" }),
2746
+ /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-value", children: amountPaid })
2729
2747
  ] }),
2730
- /* @__PURE__ */ jsxs19("div", { className: "rs-review-detail-row", children: [
2731
- /* @__PURE__ */ jsx21("span", { children: "Deposited amount" }),
2732
- /* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
2733
- /* @__PURE__ */ jsx21("span", { children: depositedAmount }),
2734
- depositedIcon && /* @__PURE__ */ jsx21("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx21("img", { src: depositedIcon, alt: "" }) })
2748
+ /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
2749
+ /* @__PURE__ */ jsx22("span", { children: "Deposited amount" }),
2750
+ /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
2751
+ /* @__PURE__ */ jsx22("span", { children: depositedAmount }),
2752
+ depositedIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: depositedIcon, alt: "" }) })
2735
2753
  ] })
2736
2754
  ] }),
2737
- feesTotal != null && /* @__PURE__ */ jsx21(FeesAccordion, { total: feesTotal, rows: feeRows ?? [] })
2755
+ feesTotal != null && /* @__PURE__ */ jsx22(FeesAccordion, { total: feesTotal, rows: feeRows ?? [] })
2738
2756
  ] }),
2739
- /* @__PURE__ */ jsxs19("div", { className: "rs-screen-button-row", children: [
2740
- onNewDeposit && /* @__PURE__ */ jsx21(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: newLabel }),
2741
- onClose && /* @__PURE__ */ jsx21(Button, { onClick: onClose, fullWidth: true, children: "Done" })
2757
+ /* @__PURE__ */ jsxs20("div", { className: "rs-screen-button-row", children: [
2758
+ onNewDeposit && /* @__PURE__ */ jsx22(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: newLabel }),
2759
+ onClose && /* @__PURE__ */ jsx22(Button, { onClick: onClose, fullWidth: true, children: "Done" })
2742
2760
  ] })
2743
2761
  ] }),
2744
- /* @__PURE__ */ jsx21(PoweredBy, {})
2762
+ /* @__PURE__ */ jsx22(PoweredBy, {})
2745
2763
  ] });
2746
2764
  }
2747
2765
  SwappedReceipt.displayName = "SwappedReceipt";
@@ -3011,9 +3029,9 @@ function useTokenPrices(service, symbols) {
3011
3029
  }
3012
3030
 
3013
3031
  // src/components/steps/ProcessingStep.tsx
3014
- import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
3032
+ import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
3015
3033
  function SuccessBadge() {
3016
- return /* @__PURE__ */ jsxs20(
3034
+ return /* @__PURE__ */ jsxs21(
3017
3035
  "svg",
3018
3036
  {
3019
3037
  width: "40",
@@ -3023,7 +3041,7 @@ function SuccessBadge() {
3023
3041
  xmlns: "http://www.w3.org/2000/svg",
3024
3042
  "aria-hidden": "true",
3025
3043
  children: [
3026
- /* @__PURE__ */ jsx22(
3044
+ /* @__PURE__ */ jsx23(
3027
3045
  "rect",
3028
3046
  {
3029
3047
  width: "40",
@@ -3032,7 +3050,7 @@ function SuccessBadge() {
3032
3050
  fill: "var(--rs-icon-wrapper-bg)"
3033
3051
  }
3034
3052
  ),
3035
- /* @__PURE__ */ jsx22(
3053
+ /* @__PURE__ */ jsx23(
3036
3054
  "path",
3037
3055
  {
3038
3056
  d: "M28 14L17 25L12 20",
@@ -3047,7 +3065,7 @@ function SuccessBadge() {
3047
3065
  );
3048
3066
  }
3049
3067
  function FailedBadge() {
3050
- return /* @__PURE__ */ jsxs20(
3068
+ return /* @__PURE__ */ jsxs21(
3051
3069
  "svg",
3052
3070
  {
3053
3071
  width: "40",
@@ -3057,8 +3075,8 @@ function FailedBadge() {
3057
3075
  xmlns: "http://www.w3.org/2000/svg",
3058
3076
  "aria-hidden": "true",
3059
3077
  children: [
3060
- /* @__PURE__ */ jsx22("rect", { width: "40", height: "40", rx: "8", fill: "#FB2C36" }),
3061
- /* @__PURE__ */ jsx22(
3078
+ /* @__PURE__ */ jsx23("rect", { width: "40", height: "40", rx: "8", fill: "#FB2C36" }),
3079
+ /* @__PURE__ */ jsx23(
3062
3080
  "path",
3063
3081
  {
3064
3082
  d: "M26 14L14 26M14 14L26 26",
@@ -3169,16 +3187,16 @@ function TickerChar({ value }) {
3169
3187
  const timeout = setTimeout(() => setPrevious(null), 360);
3170
3188
  return () => clearTimeout(timeout);
3171
3189
  }, [value, current]);
3172
- return /* @__PURE__ */ jsxs20("span", { className: "rs-ticker-slot", children: [
3173
- previous !== null && /* @__PURE__ */ jsx22("span", { className: "rs-ticker-out", children: previous }, `out-${animKey}`),
3174
- /* @__PURE__ */ jsx22("span", { className: "rs-ticker-in", children: current }, `in-${animKey}`)
3190
+ return /* @__PURE__ */ jsxs21("span", { className: "rs-ticker-slot", children: [
3191
+ previous !== null && /* @__PURE__ */ jsx23("span", { className: "rs-ticker-out", children: previous }, `out-${animKey}`),
3192
+ /* @__PURE__ */ jsx23("span", { className: "rs-ticker-in", children: current }, `in-${animKey}`)
3175
3193
  ] });
3176
3194
  }
3177
3195
  function Ticker({ value }) {
3178
- return /* @__PURE__ */ jsx22("span", { className: "rs-ticker", "aria-label": value, children: value.split("").map((char, index) => (
3196
+ return /* @__PURE__ */ jsx23("span", { className: "rs-ticker", "aria-label": value, children: value.split("").map((char, index) => (
3179
3197
  // Position-stable key so each slot keeps its own animation state.
3180
3198
  // eslint-disable-next-line react/no-array-index-key
3181
- /* @__PURE__ */ jsx22(TickerChar, { value: char }, index)
3199
+ /* @__PURE__ */ jsx23(TickerChar, { value: char }, index)
3182
3200
  )) });
3183
3201
  }
3184
3202
  function getPhaseStartTime(phaseId, phaseTimings) {
@@ -3619,13 +3637,13 @@ function ProcessingStep({
3619
3637
  const feeTooltip = uiConfig?.feeTooltip ?? (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.");
3620
3638
  const stateTitle = isComplete ? `${flowCapitalized} successful` : isFailed ? `${flowCapitalized} failed` : "Processing...";
3621
3639
  const handleRetry = onRetry ?? onNewDeposit;
3622
- const headerContent = isComplete ? /* @__PURE__ */ jsxs20("div", { className: "rs-body-header", children: [
3623
- /* @__PURE__ */ jsx22(SuccessBadge, {}),
3624
- /* @__PURE__ */ jsx22("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx22("h2", { className: "rs-body-header-title", children: stateTitle }) })
3625
- ] }) : isFailed ? /* @__PURE__ */ jsxs20("div", { className: "rs-body-header", children: [
3626
- /* @__PURE__ */ jsx22(FailedBadge, {}),
3627
- /* @__PURE__ */ jsx22("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx22("h2", { className: "rs-body-header-title", children: stateTitle }) })
3628
- ] }) : /* @__PURE__ */ jsx22(BodyHeader, { icon: /* @__PURE__ */ jsx22(WalletIcon, {}), title: stateTitle });
3640
+ const headerContent = isComplete ? /* @__PURE__ */ jsxs21("div", { className: "rs-body-header", children: [
3641
+ /* @__PURE__ */ jsx23(SuccessBadge, {}),
3642
+ /* @__PURE__ */ jsx23("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx23("h2", { className: "rs-body-header-title", children: stateTitle }) })
3643
+ ] }) : isFailed ? /* @__PURE__ */ jsxs21("div", { className: "rs-body-header", children: [
3644
+ /* @__PURE__ */ jsx23(FailedBadge, {}),
3645
+ /* @__PURE__ */ jsx23("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx23("h2", { className: "rs-body-header-title", children: stateTitle }) })
3646
+ ] }) : /* @__PURE__ */ jsx23(BodyHeader, { icon: /* @__PURE__ */ jsx23(WalletIcon, {}), title: stateTitle });
3629
3647
  if (isComplete && isSwappedOrder) {
3630
3648
  const onrampMethod = swappedFiatContext?.paymentMethod ? formatPaymentMethod(swappedFiatContext.paymentMethod) : null;
3631
3649
  const amountPaid = swappedFiatContext?.paidAmountUsd != null ? `$${swappedFiatContext.paidAmountUsd.toFixed(2)}` : null;
@@ -3646,7 +3664,7 @@ function ProcessingStep({
3646
3664
  });
3647
3665
  }
3648
3666
  const feesTotal = feeRows.length > 0 ? `$${((onrampFeeUsd ?? 0) + (networkFeeUsd ?? 0)).toFixed(2)}` : null;
3649
- return /* @__PURE__ */ jsx22(
3667
+ return /* @__PURE__ */ jsx23(
3650
3668
  SwappedReceipt,
3651
3669
  {
3652
3670
  onrampMethod,
@@ -3661,16 +3679,16 @@ function ProcessingStep({
3661
3679
  }
3662
3680
  );
3663
3681
  }
3664
- return /* @__PURE__ */ jsxs20("div", { className: "rs-screen", children: [
3665
- /* @__PURE__ */ jsxs20("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
3682
+ return /* @__PURE__ */ jsxs21("div", { className: "rs-screen", children: [
3683
+ /* @__PURE__ */ jsxs21("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
3666
3684
  headerContent,
3667
- /* @__PURE__ */ jsxs20("div", { className: "rs-review-details", children: [
3668
- /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
3669
- /* @__PURE__ */ jsx22("span", { children: "Source chain" }),
3670
- /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
3671
- /* @__PURE__ */ jsx22("span", { children: sourceChainName }),
3672
- sourceChainIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: sourceChainIcon, alt: "" }) }),
3673
- sourceExplorerUrl && /* @__PURE__ */ jsx22(
3685
+ /* @__PURE__ */ jsxs21("div", { className: "rs-review-details", children: [
3686
+ /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
3687
+ /* @__PURE__ */ jsx23("span", { children: "Source chain" }),
3688
+ /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
3689
+ /* @__PURE__ */ jsx23("span", { children: sourceChainName }),
3690
+ sourceChainIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: sourceChainIcon, alt: "" }) }),
3691
+ sourceExplorerUrl && /* @__PURE__ */ jsx23(
3674
3692
  "a",
3675
3693
  {
3676
3694
  href: sourceExplorerUrl,
@@ -3678,17 +3696,17 @@ function ProcessingStep({
3678
3696
  rel: "noopener noreferrer",
3679
3697
  className: "rs-review-detail-link",
3680
3698
  "aria-label": "View source transaction",
3681
- children: /* @__PURE__ */ jsx22(ExternalLinkIcon, {})
3699
+ children: /* @__PURE__ */ jsx23(ExternalLinkIcon, {})
3682
3700
  }
3683
3701
  )
3684
3702
  ] })
3685
3703
  ] }),
3686
- /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
3687
- /* @__PURE__ */ jsx22("span", { children: "Destination chain" }),
3688
- /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
3689
- /* @__PURE__ */ jsx22("span", { children: targetChainName }),
3690
- targetChainIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: targetChainIcon, alt: "" }) }),
3691
- destExplorerUrl && /* @__PURE__ */ jsx22(
3704
+ /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
3705
+ /* @__PURE__ */ jsx23("span", { children: "Destination chain" }),
3706
+ /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
3707
+ /* @__PURE__ */ jsx23("span", { children: targetChainName }),
3708
+ targetChainIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: targetChainIcon, alt: "" }) }),
3709
+ destExplorerUrl && /* @__PURE__ */ jsx23(
3692
3710
  "a",
3693
3711
  {
3694
3712
  href: destExplorerUrl,
@@ -3696,75 +3714,75 @@ function ProcessingStep({
3696
3714
  rel: "noopener noreferrer",
3697
3715
  className: "rs-review-detail-link",
3698
3716
  "aria-label": "View destination transaction",
3699
- children: /* @__PURE__ */ jsx22(ExternalLinkIcon, {})
3717
+ children: /* @__PURE__ */ jsx23(ExternalLinkIcon, {})
3700
3718
  }
3701
3719
  )
3702
3720
  ] })
3703
3721
  ] }),
3704
- /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
3705
- /* @__PURE__ */ jsx22("span", { children: isProcessing ? "Time elapsed" : "Total time" }),
3706
- /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx22(Ticker, { value: timerText }) })
3722
+ /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
3723
+ /* @__PURE__ */ jsx23("span", { children: isProcessing ? "Time elapsed" : "Total time" }),
3724
+ /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx23(Ticker, { value: timerText }) })
3707
3725
  ] }),
3708
- isSwappedOrder ? /* @__PURE__ */ jsxs20(Fragment4, { children: [
3709
- swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
3710
- /* @__PURE__ */ jsx22("span", { children: "You pay" }),
3711
- /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
3726
+ isSwappedOrder ? /* @__PURE__ */ jsxs21(Fragment4, { children: [
3727
+ swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
3728
+ /* @__PURE__ */ jsx23("span", { children: "You pay" }),
3729
+ /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
3712
3730
  "$",
3713
3731
  swappedFiatContext.paidAmountUsd.toFixed(2),
3714
- swappedFiatContext.paymentMethod && /* @__PURE__ */ jsxs20("span", { style: { color: "#71717b", marginLeft: 6 }, children: [
3732
+ swappedFiatContext.paymentMethod && /* @__PURE__ */ jsxs21("span", { style: { color: "#71717b", marginLeft: 6 }, children: [
3715
3733
  "via",
3716
3734
  " ",
3717
3735
  formatPaymentMethod(swappedFiatContext.paymentMethod)
3718
3736
  ] })
3719
3737
  ] })
3720
3738
  ] }),
3721
- swappedFiatContext?.onrampFeeUsd != null && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
3722
- /* @__PURE__ */ jsx22("span", { children: "On-ramp fee" }),
3723
- /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
3739
+ swappedFiatContext?.onrampFeeUsd != null && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
3740
+ /* @__PURE__ */ jsx23("span", { children: "On-ramp fee" }),
3741
+ /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
3724
3742
  "$",
3725
3743
  swappedFiatContext.onrampFeeUsd.toFixed(2)
3726
3744
  ] })
3727
3745
  ] }),
3728
- formattedBridgingCost && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
3729
- /* @__PURE__ */ jsx22("span", { children: "Bridging cost" }),
3730
- /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
3731
- /* @__PURE__ */ jsxs20("span", { children: [
3746
+ formattedBridgingCost && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
3747
+ /* @__PURE__ */ jsx23("span", { children: "Bridging cost" }),
3748
+ /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
3749
+ /* @__PURE__ */ jsxs21("span", { children: [
3732
3750
  formattedBridgingCost,
3733
3751
  " ",
3734
3752
  sourceSymbol
3735
3753
  ] }),
3736
- sourceTokenIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: sourceTokenIcon, alt: "" }) })
3754
+ sourceTokenIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: sourceTokenIcon, alt: "" }) })
3737
3755
  ] })
3738
3756
  ] })
3739
- ] }) : /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
3740
- /* @__PURE__ */ jsx22("span", { children: isProcessing ? "You send" : "You sent" }),
3741
- /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
3742
- /* @__PURE__ */ jsxs20("span", { children: [
3757
+ ] }) : /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
3758
+ /* @__PURE__ */ jsx23("span", { children: isProcessing ? "You send" : "You sent" }),
3759
+ /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
3760
+ /* @__PURE__ */ jsxs21("span", { children: [
3743
3761
  formattedSentAmount,
3744
3762
  " ",
3745
3763
  sourceSymbol
3746
3764
  ] }),
3747
- sourceTokenIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: sourceTokenIcon, alt: "" }) })
3765
+ sourceTokenIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: sourceTokenIcon, alt: "" }) })
3748
3766
  ] })
3749
3767
  ] }),
3750
- /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
3751
- /* @__PURE__ */ jsx22("span", { children: isProcessing ? "Receive" : "Received" }),
3752
- /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
3753
- /* @__PURE__ */ jsx22("span", { children: receiveDisplay }),
3754
- targetTokenIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: targetTokenIcon, alt: "" }) })
3768
+ /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
3769
+ /* @__PURE__ */ jsx23("span", { children: isProcessing ? "Receive" : "Received" }),
3770
+ /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
3771
+ /* @__PURE__ */ jsx23("span", { children: receiveDisplay }),
3772
+ targetTokenIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: targetTokenIcon, alt: "" }) })
3755
3773
  ] })
3756
3774
  ] }),
3757
- isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
3758
- /* @__PURE__ */ jsx22("span", { children: "Balance" }),
3759
- /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
3775
+ isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
3776
+ /* @__PURE__ */ jsx23("span", { children: "Balance" }),
3777
+ /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
3760
3778
  "$",
3761
3779
  balanceAfterUsd.toFixed(2)
3762
3780
  ] })
3763
3781
  ] }),
3764
- isSwappedOrder ? quotedFeeAmount !== void 0 && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
3765
- /* @__PURE__ */ jsx22("span", { children: "Fees" }),
3766
- /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
3767
- /* @__PURE__ */ jsxs20(
3782
+ isSwappedOrder ? quotedFeeAmount !== void 0 && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
3783
+ /* @__PURE__ */ jsx23("span", { children: "Fees" }),
3784
+ /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
3785
+ /* @__PURE__ */ jsxs21(
3768
3786
  "span",
3769
3787
  {
3770
3788
  style: feeSponsored ? { textDecoration: "line-through" } : void 0,
@@ -3775,22 +3793,22 @@ function ProcessingStep({
3775
3793
  ]
3776
3794
  }
3777
3795
  ),
3778
- /* @__PURE__ */ jsx22(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx22(
3796
+ /* @__PURE__ */ jsx23(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx23(
3779
3797
  "span",
3780
3798
  {
3781
3799
  className: "rs-review-detail-info",
3782
3800
  "aria-label": "Fee info",
3783
- children: /* @__PURE__ */ jsx22(InfoIcon, {})
3801
+ children: /* @__PURE__ */ jsx23(InfoIcon, {})
3784
3802
  }
3785
3803
  ) })
3786
3804
  ] })
3787
3805
  ] }) : (() => {
3788
3806
  const feeValue = quotedFeeAmount ?? formattedBridgingCost;
3789
3807
  if (feeValue === void 0) return null;
3790
- return /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
3791
- /* @__PURE__ */ jsx22("span", { children: "Fees" }),
3792
- /* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
3793
- /* @__PURE__ */ jsxs20(
3808
+ return /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
3809
+ /* @__PURE__ */ jsx23("span", { children: "Fees" }),
3810
+ /* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
3811
+ /* @__PURE__ */ jsxs21(
3794
3812
  "span",
3795
3813
  {
3796
3814
  style: feeSponsored ? { textDecoration: "line-through" } : void 0,
@@ -3801,20 +3819,20 @@ function ProcessingStep({
3801
3819
  ]
3802
3820
  }
3803
3821
  ),
3804
- /* @__PURE__ */ jsx22(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx22(
3822
+ /* @__PURE__ */ jsx23(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx23(
3805
3823
  "span",
3806
3824
  {
3807
3825
  className: "rs-review-detail-info",
3808
3826
  "aria-label": "Fee info",
3809
- children: /* @__PURE__ */ jsx22(InfoIcon, {})
3827
+ children: /* @__PURE__ */ jsx23(InfoIcon, {})
3810
3828
  }
3811
3829
  ) })
3812
3830
  ] })
3813
3831
  ] });
3814
3832
  })()
3815
3833
  ] }),
3816
- isFailed && failureMessage && /* @__PURE__ */ jsx22(Callout, { variant: "error", children: failureMessage }),
3817
- isProcessing && /* @__PURE__ */ jsx22(
3834
+ isFailed && failureMessage && /* @__PURE__ */ jsx23(Callout, { variant: "error", children: failureMessage }),
3835
+ isProcessing && /* @__PURE__ */ jsx23(
3818
3836
  Button,
3819
3837
  {
3820
3838
  fullWidth: true,
@@ -3824,19 +3842,19 @@ function ProcessingStep({
3824
3842
  children: "Submitting transaction\u2026"
3825
3843
  }
3826
3844
  ),
3827
- isComplete && /* @__PURE__ */ jsxs20("div", { className: "rs-screen-button-row", children: [
3828
- onNewDeposit && /* @__PURE__ */ jsxs20(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
3845
+ isComplete && /* @__PURE__ */ jsxs21("div", { className: "rs-screen-button-row", children: [
3846
+ onNewDeposit && /* @__PURE__ */ jsxs21(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
3829
3847
  "New ",
3830
3848
  flowNoun
3831
3849
  ] }),
3832
- onClose && /* @__PURE__ */ jsx22(Button, { onClick: onClose, fullWidth: true, children: "Done" })
3850
+ onClose && /* @__PURE__ */ jsx23(Button, { onClick: onClose, fullWidth: true, children: "Done" })
3833
3851
  ] }),
3834
- isFailed && /* @__PURE__ */ jsxs20("div", { className: "rs-screen-button-row", children: [
3835
- onClose && /* @__PURE__ */ jsx22(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
3836
- handleRetry && /* @__PURE__ */ jsx22(Button, { onClick: handleRetry, fullWidth: true, children: "Try again" })
3852
+ isFailed && /* @__PURE__ */ jsxs21("div", { className: "rs-screen-button-row", children: [
3853
+ onClose && /* @__PURE__ */ jsx23(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
3854
+ handleRetry && /* @__PURE__ */ jsx23(Button, { onClick: handleRetry, fullWidth: true, children: "Try again" })
3837
3855
  ] })
3838
3856
  ] }),
3839
- /* @__PURE__ */ jsx22(PoweredBy, {})
3857
+ /* @__PURE__ */ jsx23(PoweredBy, {})
3840
3858
  ] });
3841
3859
  }
3842
3860
 
@@ -3914,6 +3932,7 @@ export {
3914
3932
  BodyHeader,
3915
3933
  PoweredBy,
3916
3934
  Spinner,
3935
+ getExchangeLogo,
3917
3936
  ConnectStep,
3918
3937
  useLatestRef,
3919
3938
  Button,