@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.
- package/dist/{DepositModalReown-PC7EX5VK.mjs → DepositModalReown-45FGNMM2.mjs} +3 -3
- package/dist/{DepositModalReown-KFTMS2WX.cjs → DepositModalReown-TE5QXBVM.cjs} +6 -6
- package/dist/{WithdrawModalReown-BE23LUMT.mjs → WithdrawModalReown-C4K77TIT.mjs} +3 -3
- package/dist/{WithdrawModalReown-Z2YF2FSJ.cjs → WithdrawModalReown-XAJJNJDV.cjs} +6 -6
- package/dist/{chunk-AE5LHTPM.cjs → chunk-33WCLK5U.cjs} +54 -54
- package/dist/{chunk-WCIGOV34.mjs → chunk-5UWBHOFH.mjs} +2 -2
- package/dist/{chunk-3MXWIYAT.cjs → chunk-AVZSVC6E.cjs} +2 -2
- package/dist/{chunk-OQVLEVNR.cjs → chunk-FF27W35D.cjs} +76 -57
- package/dist/{chunk-3PVDRSJ7.mjs → chunk-KNP4QWHF.mjs} +334 -447
- package/dist/{chunk-GKC22JC4.mjs → chunk-O754ZFAA.mjs} +276 -257
- package/dist/{chunk-UFKFSGT3.mjs → chunk-X44MBJJM.mjs} +1 -1
- package/dist/{chunk-7MP2UWIQ.cjs → chunk-XOXF3RIG.cjs} +217 -330
- package/dist/deposit.cjs +3 -3
- package/dist/deposit.mjs +2 -2
- package/dist/index.cjs +4 -4
- package/dist/index.mjs +3 -3
- package/dist/styles.css +84 -32
- package/dist/withdraw.cjs +3 -3
- package/dist/withdraw.mjs +2 -2
- package/package.json +1 -1
|
@@ -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
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
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
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
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
|
|
1834
|
+
import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
1816
1835
|
function RabbyIcon() {
|
|
1817
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
1889
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
1976
|
+
import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
1958
1977
|
function PhantomIcon() {
|
|
1959
|
-
return /* @__PURE__ */
|
|
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
|
|
2009
|
+
import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
1991
2010
|
function WalletConnectIcon() {
|
|
1992
|
-
return /* @__PURE__ */
|
|
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
|
|
2034
|
+
import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
2016
2035
|
function EthBadgeIcon() {
|
|
2017
|
-
return /* @__PURE__ */
|
|
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
|
|
2064
|
+
import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
2046
2065
|
function SolBadgeIcon() {
|
|
2047
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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
|
|
2106
|
+
import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
2088
2107
|
function BaseBadgeIcon() {
|
|
2089
|
-
return /* @__PURE__ */
|
|
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
|
|
2131
|
+
import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
2113
2132
|
function WalletBadgeIcons() {
|
|
2114
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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
|
|
2181
|
+
import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
2132
2182
|
function VisaMark() {
|
|
2133
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
2143
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
2176
|
-
|
|
2177
|
-
|
|
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__ */
|
|
2213
|
-
/* @__PURE__ */
|
|
2214
|
-
/* @__PURE__ */
|
|
2215
|
-
/* @__PURE__ */
|
|
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__ */
|
|
2221
|
-
/* @__PURE__ */
|
|
2222
|
-
/* @__PURE__ */
|
|
2223
|
-
/* @__PURE__ */
|
|
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
|
|
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__ */
|
|
2236
|
-
if (name === "bank") return /* @__PURE__ */
|
|
2237
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
2275
|
+
return /* @__PURE__ */ jsx18(WalletIcon, {});
|
|
2258
2276
|
}
|
|
2259
|
-
var TRANSFER_CRYPTO_LEADING = /* @__PURE__ */
|
|
2260
|
-
var WALLET_LEADING = /* @__PURE__ */
|
|
2261
|
-
var EXCHANGE_LEADING = /* @__PURE__ */
|
|
2262
|
-
var SMALL_SPINNER = /* @__PURE__ */
|
|
2263
|
-
var CONNECT_META = /* @__PURE__ */
|
|
2264
|
-
/* @__PURE__ */
|
|
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__ */
|
|
2268
|
-
/* @__PURE__ */
|
|
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__ */
|
|
2273
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
2487
|
+
/* @__PURE__ */ jsx18(
|
|
2470
2488
|
ListRow,
|
|
2471
2489
|
{
|
|
2472
|
-
leading: /* @__PURE__ */
|
|
2490
|
+
leading: /* @__PURE__ */ jsx18(CardIcon, {}),
|
|
2473
2491
|
title: "Debit/Credit card",
|
|
2474
2492
|
subtitle: "Instant - $10,000 limit",
|
|
2475
|
-
meta: /* @__PURE__ */
|
|
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__ */
|
|
2489
|
-
/* @__PURE__ */
|
|
2490
|
-
/* @__PURE__ */
|
|
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__ */
|
|
2511
|
+
icon: /* @__PURE__ */ jsx18(HandCoinsIcon, {}),
|
|
2494
2512
|
title,
|
|
2495
2513
|
subtitle: subtitle ?? defaultSubtitle,
|
|
2496
|
-
aside: showToggle ? /* @__PURE__ */
|
|
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__ */
|
|
2528
|
+
/* @__PURE__ */ jsx18("div", { className: "rs-list", children: activeRows })
|
|
2511
2529
|
] }),
|
|
2512
|
-
onDisconnect && hasReownWallet && /* @__PURE__ */
|
|
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__ */
|
|
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
|
|
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__ */
|
|
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__ */
|
|
2558
|
-
/* @__PURE__ */
|
|
2559
|
-
/* @__PURE__ */
|
|
2560
|
-
] }) : /* @__PURE__ */
|
|
2561
|
-
/* @__PURE__ */
|
|
2562
|
-
loading && /* @__PURE__ */
|
|
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
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
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__ */
|
|
2673
|
-
/* @__PURE__ */
|
|
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__ */
|
|
2683
|
-
/* @__PURE__ */
|
|
2684
|
-
/* @__PURE__ */
|
|
2685
|
-
expandable && /* @__PURE__ */
|
|
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__ */
|
|
2708
|
+
children: /* @__PURE__ */ jsx21(ChevronDownIcon, {})
|
|
2691
2709
|
}
|
|
2692
2710
|
)
|
|
2693
2711
|
] })
|
|
2694
2712
|
]
|
|
2695
2713
|
}
|
|
2696
2714
|
),
|
|
2697
|
-
expandable && open && /* @__PURE__ */
|
|
2698
|
-
/* @__PURE__ */
|
|
2699
|
-
/* @__PURE__ */
|
|
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
|
|
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__ */
|
|
2719
|
-
/* @__PURE__ */
|
|
2720
|
-
/* @__PURE__ */
|
|
2721
|
-
/* @__PURE__ */
|
|
2722
|
-
onrampMethod && /* @__PURE__ */
|
|
2723
|
-
/* @__PURE__ */
|
|
2724
|
-
/* @__PURE__ */
|
|
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__ */
|
|
2727
|
-
/* @__PURE__ */
|
|
2728
|
-
/* @__PURE__ */
|
|
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__ */
|
|
2731
|
-
/* @__PURE__ */
|
|
2732
|
-
/* @__PURE__ */
|
|
2733
|
-
/* @__PURE__ */
|
|
2734
|
-
depositedIcon && /* @__PURE__ */
|
|
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__ */
|
|
2755
|
+
feesTotal != null && /* @__PURE__ */ jsx22(FeesAccordion, { total: feesTotal, rows: feeRows ?? [] })
|
|
2738
2756
|
] }),
|
|
2739
|
-
/* @__PURE__ */
|
|
2740
|
-
onNewDeposit && /* @__PURE__ */
|
|
2741
|
-
onClose && /* @__PURE__ */
|
|
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__ */
|
|
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
|
|
3032
|
+
import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
3015
3033
|
function SuccessBadge() {
|
|
3016
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
3061
|
-
/* @__PURE__ */
|
|
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__ */
|
|
3173
|
-
previous !== null && /* @__PURE__ */
|
|
3174
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
3623
|
-
/* @__PURE__ */
|
|
3624
|
-
/* @__PURE__ */
|
|
3625
|
-
] }) : isFailed ? /* @__PURE__ */
|
|
3626
|
-
/* @__PURE__ */
|
|
3627
|
-
/* @__PURE__ */
|
|
3628
|
-
] }) : /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
3665
|
-
/* @__PURE__ */
|
|
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__ */
|
|
3668
|
-
/* @__PURE__ */
|
|
3669
|
-
/* @__PURE__ */
|
|
3670
|
-
/* @__PURE__ */
|
|
3671
|
-
/* @__PURE__ */
|
|
3672
|
-
sourceChainIcon && /* @__PURE__ */
|
|
3673
|
-
sourceExplorerUrl && /* @__PURE__ */
|
|
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__ */
|
|
3699
|
+
children: /* @__PURE__ */ jsx23(ExternalLinkIcon, {})
|
|
3682
3700
|
}
|
|
3683
3701
|
)
|
|
3684
3702
|
] })
|
|
3685
3703
|
] }),
|
|
3686
|
-
/* @__PURE__ */
|
|
3687
|
-
/* @__PURE__ */
|
|
3688
|
-
/* @__PURE__ */
|
|
3689
|
-
/* @__PURE__ */
|
|
3690
|
-
targetChainIcon && /* @__PURE__ */
|
|
3691
|
-
destExplorerUrl && /* @__PURE__ */
|
|
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__ */
|
|
3717
|
+
children: /* @__PURE__ */ jsx23(ExternalLinkIcon, {})
|
|
3700
3718
|
}
|
|
3701
3719
|
)
|
|
3702
3720
|
] })
|
|
3703
3721
|
] }),
|
|
3704
|
-
/* @__PURE__ */
|
|
3705
|
-
/* @__PURE__ */
|
|
3706
|
-
/* @__PURE__ */
|
|
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__ */
|
|
3709
|
-
swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */
|
|
3710
|
-
/* @__PURE__ */
|
|
3711
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
3722
|
-
/* @__PURE__ */
|
|
3723
|
-
/* @__PURE__ */
|
|
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__ */
|
|
3729
|
-
/* @__PURE__ */
|
|
3730
|
-
/* @__PURE__ */
|
|
3731
|
-
/* @__PURE__ */
|
|
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__ */
|
|
3754
|
+
sourceTokenIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: sourceTokenIcon, alt: "" }) })
|
|
3737
3755
|
] })
|
|
3738
3756
|
] })
|
|
3739
|
-
] }) : /* @__PURE__ */
|
|
3740
|
-
/* @__PURE__ */
|
|
3741
|
-
/* @__PURE__ */
|
|
3742
|
-
/* @__PURE__ */
|
|
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__ */
|
|
3765
|
+
sourceTokenIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: sourceTokenIcon, alt: "" }) })
|
|
3748
3766
|
] })
|
|
3749
3767
|
] }),
|
|
3750
|
-
/* @__PURE__ */
|
|
3751
|
-
/* @__PURE__ */
|
|
3752
|
-
/* @__PURE__ */
|
|
3753
|
-
/* @__PURE__ */
|
|
3754
|
-
targetTokenIcon && /* @__PURE__ */
|
|
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__ */
|
|
3758
|
-
/* @__PURE__ */
|
|
3759
|
-
/* @__PURE__ */
|
|
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__ */
|
|
3765
|
-
/* @__PURE__ */
|
|
3766
|
-
/* @__PURE__ */
|
|
3767
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
3791
|
-
/* @__PURE__ */
|
|
3792
|
-
/* @__PURE__ */
|
|
3793
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
3827
|
+
children: /* @__PURE__ */ jsx23(InfoIcon, {})
|
|
3810
3828
|
}
|
|
3811
3829
|
) })
|
|
3812
3830
|
] })
|
|
3813
3831
|
] });
|
|
3814
3832
|
})()
|
|
3815
3833
|
] }),
|
|
3816
|
-
isFailed && failureMessage && /* @__PURE__ */
|
|
3817
|
-
isProcessing && /* @__PURE__ */
|
|
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__ */
|
|
3828
|
-
onNewDeposit && /* @__PURE__ */
|
|
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__ */
|
|
3850
|
+
onClose && /* @__PURE__ */ jsx23(Button, { onClick: onClose, fullWidth: true, children: "Done" })
|
|
3833
3851
|
] }),
|
|
3834
|
-
isFailed && /* @__PURE__ */
|
|
3835
|
-
onClose && /* @__PURE__ */
|
|
3836
|
-
handleRetry && /* @__PURE__ */
|
|
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__ */
|
|
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,
|