@rhinestone/deposit-modal 0.4.0 → 0.4.1
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-EXI7MW65.mjs} +3 -3
- package/dist/{DepositModalReown-KFTMS2WX.cjs → DepositModalReown-FMAPWBQM.cjs} +6 -6
- package/dist/{WithdrawModalReown-Z2YF2FSJ.cjs → WithdrawModalReown-CTT3EXMG.cjs} +6 -6
- package/dist/{WithdrawModalReown-BE23LUMT.mjs → WithdrawModalReown-G7EM6HXO.mjs} +3 -3
- package/dist/{chunk-WCIGOV34.mjs → chunk-3GLQC2KQ.mjs} +56 -8
- package/dist/{chunk-UFKFSGT3.mjs → chunk-43RTPRQY.mjs} +1 -1
- package/dist/{chunk-GKC22JC4.mjs → chunk-A33QFRKD.mjs} +369 -285
- package/dist/{chunk-7MP2UWIQ.cjs → chunk-BTDRUAPJ.cjs} +293 -449
- package/dist/{chunk-AE5LHTPM.cjs → chunk-JHT2MJ42.cjs} +108 -60
- package/dist/{chunk-OQVLEVNR.cjs → chunk-LJJCPDZO.cjs} +175 -91
- package/dist/{chunk-3PVDRSJ7.mjs → chunk-RTAIW3WW.mjs} +334 -490
- package/dist/{chunk-3MXWIYAT.cjs → chunk-ULCCXH2A.cjs} +2 -2
- 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 +74 -34
- package/dist/withdraw.cjs +3 -3
- package/dist/withdraw.mjs +2 -2
- package/package.json +1 -1
|
@@ -1786,35 +1786,70 @@ 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
|
+
var SEGMENTED_INSET_PX = 2;
|
|
1790
1791
|
function SegmentedToggle({
|
|
1791
1792
|
options,
|
|
1792
1793
|
value,
|
|
1793
1794
|
onChange,
|
|
1794
1795
|
ariaLabel
|
|
1795
1796
|
}) {
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
)
|
|
1810
|
-
}
|
|
1797
|
+
const activeIndex = Math.max(
|
|
1798
|
+
0,
|
|
1799
|
+
options.findIndex((opt) => opt.value === value)
|
|
1800
|
+
);
|
|
1801
|
+
const count = Math.max(options.length, 1);
|
|
1802
|
+
const totalInsetPx = SEGMENTED_INSET_PX * (count + 1);
|
|
1803
|
+
const offsetPercent = activeIndex / count * 100;
|
|
1804
|
+
const offsetCorrectionPx = activeIndex * SEGMENTED_INSET_PX / count;
|
|
1805
|
+
const segmentedStyle = {
|
|
1806
|
+
"--rs-segmented-count": count,
|
|
1807
|
+
"--rs-segmented-index": activeIndex,
|
|
1808
|
+
"--rs-segmented-inset": `${SEGMENTED_INSET_PX}px`,
|
|
1809
|
+
"--rs-segmented-thumb-width": `calc((100% - ${totalInsetPx}px) / ${count})`,
|
|
1810
|
+
"--rs-segmented-thumb-offset": `calc(${offsetPercent}% - ${offsetCorrectionPx}px)`
|
|
1811
|
+
};
|
|
1812
|
+
return /* @__PURE__ */ jsxs7(
|
|
1813
|
+
"div",
|
|
1814
|
+
{
|
|
1815
|
+
className: "rs-segmented",
|
|
1816
|
+
role: "tablist",
|
|
1817
|
+
"aria-label": ariaLabel,
|
|
1818
|
+
style: segmentedStyle,
|
|
1819
|
+
children: [
|
|
1820
|
+
/* @__PURE__ */ jsx8(
|
|
1821
|
+
"span",
|
|
1822
|
+
{
|
|
1823
|
+
className: "rs-segmented-thumb",
|
|
1824
|
+
"data-value": value,
|
|
1825
|
+
"aria-hidden": "true"
|
|
1826
|
+
}
|
|
1827
|
+
),
|
|
1828
|
+
options.map((opt) => {
|
|
1829
|
+
const active = opt.value === value;
|
|
1830
|
+
return /* @__PURE__ */ jsx8(
|
|
1831
|
+
"button",
|
|
1832
|
+
{
|
|
1833
|
+
type: "button",
|
|
1834
|
+
role: "tab",
|
|
1835
|
+
"aria-selected": active,
|
|
1836
|
+
className: `rs-segmented-option${active ? " rs-segmented-option--active" : ""}`,
|
|
1837
|
+
onClick: () => onChange(opt.value),
|
|
1838
|
+
children: opt.label
|
|
1839
|
+
},
|
|
1840
|
+
opt.value
|
|
1841
|
+
);
|
|
1842
|
+
})
|
|
1843
|
+
]
|
|
1844
|
+
}
|
|
1845
|
+
);
|
|
1811
1846
|
}
|
|
1812
1847
|
SegmentedToggle.displayName = "SegmentedToggle";
|
|
1813
1848
|
|
|
1814
1849
|
// src/components/ui/WalletBadgeIcons/RabbyIcon.tsx
|
|
1815
|
-
import { jsx as jsx9, jsxs as
|
|
1850
|
+
import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
1816
1851
|
function RabbyIcon() {
|
|
1817
|
-
return /* @__PURE__ */
|
|
1852
|
+
return /* @__PURE__ */ jsxs8(
|
|
1818
1853
|
"svg",
|
|
1819
1854
|
{
|
|
1820
1855
|
width: "20",
|
|
@@ -1823,7 +1858,7 @@ function RabbyIcon() {
|
|
|
1823
1858
|
fill: "none",
|
|
1824
1859
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1825
1860
|
children: [
|
|
1826
|
-
/* @__PURE__ */
|
|
1861
|
+
/* @__PURE__ */ jsxs8("g", { clipPath: "url(#rs-rabby-clip)", children: [
|
|
1827
1862
|
/* @__PURE__ */ jsx9(
|
|
1828
1863
|
"mask",
|
|
1829
1864
|
{
|
|
@@ -1843,7 +1878,7 @@ function RabbyIcon() {
|
|
|
1843
1878
|
)
|
|
1844
1879
|
}
|
|
1845
1880
|
),
|
|
1846
|
-
/* @__PURE__ */
|
|
1881
|
+
/* @__PURE__ */ jsxs8("g", { mask: "url(#rs-rabby-mask)", children: [
|
|
1847
1882
|
/* @__PURE__ */ jsx9(
|
|
1848
1883
|
"path",
|
|
1849
1884
|
{
|
|
@@ -1885,8 +1920,8 @@ function RabbyIcon() {
|
|
|
1885
1920
|
)
|
|
1886
1921
|
] })
|
|
1887
1922
|
] }),
|
|
1888
|
-
/* @__PURE__ */
|
|
1889
|
-
/* @__PURE__ */
|
|
1923
|
+
/* @__PURE__ */ jsxs8("defs", { children: [
|
|
1924
|
+
/* @__PURE__ */ jsxs8(
|
|
1890
1925
|
"linearGradient",
|
|
1891
1926
|
{
|
|
1892
1927
|
id: "rs-rabby-grad0",
|
|
@@ -1901,7 +1936,7 @@ function RabbyIcon() {
|
|
|
1901
1936
|
]
|
|
1902
1937
|
}
|
|
1903
1938
|
),
|
|
1904
|
-
/* @__PURE__ */
|
|
1939
|
+
/* @__PURE__ */ jsxs8(
|
|
1905
1940
|
"linearGradient",
|
|
1906
1941
|
{
|
|
1907
1942
|
id: "rs-rabby-grad1",
|
|
@@ -1916,7 +1951,7 @@ function RabbyIcon() {
|
|
|
1916
1951
|
]
|
|
1917
1952
|
}
|
|
1918
1953
|
),
|
|
1919
|
-
/* @__PURE__ */
|
|
1954
|
+
/* @__PURE__ */ jsxs8(
|
|
1920
1955
|
"linearGradient",
|
|
1921
1956
|
{
|
|
1922
1957
|
id: "rs-rabby-grad2",
|
|
@@ -1931,7 +1966,7 @@ function RabbyIcon() {
|
|
|
1931
1966
|
]
|
|
1932
1967
|
}
|
|
1933
1968
|
),
|
|
1934
|
-
/* @__PURE__ */
|
|
1969
|
+
/* @__PURE__ */ jsxs8(
|
|
1935
1970
|
"linearGradient",
|
|
1936
1971
|
{
|
|
1937
1972
|
id: "rs-rabby-grad3",
|
|
@@ -1954,9 +1989,9 @@ function RabbyIcon() {
|
|
|
1954
1989
|
}
|
|
1955
1990
|
|
|
1956
1991
|
// src/components/ui/WalletBadgeIcons/PhantomIcon.tsx
|
|
1957
|
-
import { jsx as jsx10, jsxs as
|
|
1992
|
+
import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
1958
1993
|
function PhantomIcon() {
|
|
1959
|
-
return /* @__PURE__ */
|
|
1994
|
+
return /* @__PURE__ */ jsxs9(
|
|
1960
1995
|
"svg",
|
|
1961
1996
|
{
|
|
1962
1997
|
width: "20",
|
|
@@ -1987,9 +2022,9 @@ function PhantomIcon() {
|
|
|
1987
2022
|
}
|
|
1988
2023
|
|
|
1989
2024
|
// src/components/ui/WalletBadgeIcons/WalletConnectIcon.tsx
|
|
1990
|
-
import { jsx as jsx11, jsxs as
|
|
2025
|
+
import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
1991
2026
|
function WalletConnectIcon() {
|
|
1992
|
-
return /* @__PURE__ */
|
|
2027
|
+
return /* @__PURE__ */ jsxs10(
|
|
1993
2028
|
"svg",
|
|
1994
2029
|
{
|
|
1995
2030
|
width: "20",
|
|
@@ -2012,9 +2047,9 @@ function WalletConnectIcon() {
|
|
|
2012
2047
|
}
|
|
2013
2048
|
|
|
2014
2049
|
// src/components/ui/WalletBadgeIcons/EthBadgeIcon.tsx
|
|
2015
|
-
import { jsx as jsx12, jsxs as
|
|
2050
|
+
import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
2016
2051
|
function EthBadgeIcon() {
|
|
2017
|
-
return /* @__PURE__ */
|
|
2052
|
+
return /* @__PURE__ */ jsxs11(
|
|
2018
2053
|
"svg",
|
|
2019
2054
|
{
|
|
2020
2055
|
width: "20",
|
|
@@ -2042,9 +2077,9 @@ function EthBadgeIcon() {
|
|
|
2042
2077
|
}
|
|
2043
2078
|
|
|
2044
2079
|
// src/components/ui/WalletBadgeIcons/SolBadgeIcon.tsx
|
|
2045
|
-
import { jsx as jsx13, jsxs as
|
|
2080
|
+
import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
2046
2081
|
function SolBadgeIcon() {
|
|
2047
|
-
return /* @__PURE__ */
|
|
2082
|
+
return /* @__PURE__ */ jsxs12(
|
|
2048
2083
|
"svg",
|
|
2049
2084
|
{
|
|
2050
2085
|
width: "20",
|
|
@@ -2063,7 +2098,7 @@ function SolBadgeIcon() {
|
|
|
2063
2098
|
fill: "url(#rs-sol-badge-grad)"
|
|
2064
2099
|
}
|
|
2065
2100
|
),
|
|
2066
|
-
/* @__PURE__ */ jsx13("defs", { children: /* @__PURE__ */
|
|
2101
|
+
/* @__PURE__ */ jsx13("defs", { children: /* @__PURE__ */ jsxs12(
|
|
2067
2102
|
"linearGradient",
|
|
2068
2103
|
{
|
|
2069
2104
|
id: "rs-sol-badge-grad",
|
|
@@ -2084,9 +2119,9 @@ function SolBadgeIcon() {
|
|
|
2084
2119
|
}
|
|
2085
2120
|
|
|
2086
2121
|
// src/components/ui/WalletBadgeIcons/BaseBadgeIcon.tsx
|
|
2087
|
-
import { jsx as jsx14, jsxs as
|
|
2122
|
+
import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
2088
2123
|
function BaseBadgeIcon() {
|
|
2089
|
-
return /* @__PURE__ */
|
|
2124
|
+
return /* @__PURE__ */ jsxs13(
|
|
2090
2125
|
"svg",
|
|
2091
2126
|
{
|
|
2092
2127
|
width: "20",
|
|
@@ -2109,9 +2144,9 @@ function BaseBadgeIcon() {
|
|
|
2109
2144
|
}
|
|
2110
2145
|
|
|
2111
2146
|
// src/components/ui/WalletBadgeIcons/index.tsx
|
|
2112
|
-
import { jsx as jsx15, jsxs as
|
|
2147
|
+
import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
2113
2148
|
function WalletBadgeIcons() {
|
|
2114
|
-
return /* @__PURE__ */
|
|
2149
|
+
return /* @__PURE__ */ jsxs14("span", { className: "rs-list-row-meta-icons", children: [
|
|
2115
2150
|
/* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(RabbyIcon, {}) }),
|
|
2116
2151
|
/* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(PhantomIcon, {}) }),
|
|
2117
2152
|
/* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(WalletConnectIcon, {}) })
|
|
@@ -2119,7 +2154,7 @@ function WalletBadgeIcons() {
|
|
|
2119
2154
|
}
|
|
2120
2155
|
WalletBadgeIcons.displayName = "WalletBadgeIcons";
|
|
2121
2156
|
function ChainBadgeIcons() {
|
|
2122
|
-
return /* @__PURE__ */
|
|
2157
|
+
return /* @__PURE__ */ jsxs14("span", { className: "rs-list-row-meta-icons", children: [
|
|
2123
2158
|
/* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(EthBadgeIcon, {}) }),
|
|
2124
2159
|
/* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(SolBadgeIcon, {}) }),
|
|
2125
2160
|
/* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(BaseBadgeIcon, {}) })
|
|
@@ -2127,125 +2162,173 @@ function ChainBadgeIcons() {
|
|
|
2127
2162
|
}
|
|
2128
2163
|
ChainBadgeIcons.displayName = "ChainBadgeIcons";
|
|
2129
2164
|
|
|
2165
|
+
// src/components/ui/ExchangeLogos.tsx
|
|
2166
|
+
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
2167
|
+
var EXCHANGE_LOGO_SOURCES = {
|
|
2168
|
+
binance: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjMEMwRTEyIi8+CjxwYXRoIGQ9Ik05Mi4zMDEgMTExLjczNkwxMjUuMzE5IDc4LjczMTdMMTU4LjM1MSAxMTEuNzYzTDE3Ny41NTIgOTIuNTQ4NkwxMjUuMzE5IDQwLjMwMjJMNzMuMDg2MyA5Mi41MzUyTDkyLjMwMSAxMTEuNzM2WiIgZmlsbD0iI0YzQkEyRiIvPgo8cGF0aCBkPSJNNDAuMzAzIDEyNS4zMDhMNTkuNTEwNyAxMDYuMUw3OC43MTg0IDEyNS4zMDhMNTkuNTEwNyAxNDQuNTE2TDQwLjMwMyAxMjUuMzA4WiIgZmlsbD0iI0YzQkEyRiIvPgo8cGF0aCBkPSJNOTIuMzAxMiAxMzguODczTDEyNS4zMTkgMTcxLjg5MUwxNTguMzUxIDEzOC44NkwxNzcuNTY2IDE1OC4wNDhMMTc3LjU1MiAxNTguMDYxTDEyNS4zMTkgMjEwLjMwOEw3My4wODY0IDE1OC4wODhMNzMuMDU5NiAxNTguMDYxTDkyLjMwMTIgMTM4Ljg3M1oiIGZpbGw9IiNGM0JBMkYiLz4KPHBhdGggZD0iTTE3MS44ODcgMTI1LjMxMkwxOTEuMDk1IDEwNi4xMDVMMjEwLjMwMyAxMjUuMzEyTDE5MS4wOTUgMTQ0LjUyTDE3MS44ODcgMTI1LjMxMloiIGZpbGw9IiNGM0JBMkYiLz4KPHBhdGggZD0iTTE0NC44MDMgMTI1LjI5OEwxMjUuMzE5IDEwNS44MDJMMTEwLjkxMiAxMjAuMjA5TDEwOS4yNDcgMTIxLjg2MUwxMDUuODM2IDEyNS4yNzJMMTA1LjgwOSAxMjUuMjk4TDEwNS44MzYgMTI1LjMzOUwxMjUuMzE5IDE0NC44MDlMMTQ0LjgwMyAxMjUuMzEyTDE0NC44MTYgMTI1LjI5OEgxNDQuODAzWiIgZmlsbD0iI0YzQkEyRiIvPgo8L3N2Zz4K",
|
|
2169
|
+
bitfinex: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNDc2OV8xNTk5NjEpIi8+CjxwYXRoIGQ9Ik00Ni40NDQ4IDE4NS42MTJDNTQuMjc0NSAxOTMuOTE1IDk3LjMyOTcgMjMzLjcwMSAxNjQuOTA0IDE4Ny41MjRDMjEzLjc3OCAxNDkuNDcxIDIxMi41NTIgNjYuOTczIDIwNy44NjEgNDIuMDQ1NUMyMDYuMjI2IDQ1LjY3NDMgMTQ5LjUyMiAxNjkuOTY5IDQ2LjQ0NDggMTg1LjYxMlpNMjA3Ljg2MSA0Mi4wMjkxQzIwNy4yNTYgNDEuNzgzOSAxNDQuMzkgMzMuMjE4NyA4Mi4yNDI0IDczLjI0OThDNDMuNjQ5NiA5OC4wOTU2IDM4LjUzMzQgMTM0LjQ4MiA0MC4yOTg3IDE1OC43ODhDMTMwLjY0MyAxNDguNjIxIDIwNS44MDEgNDQuODg5NyAyMDcuODYxIDQyLjAyOTFaIiBmaWxsPSIjMDJDQTlCIi8+CjxwYXRoIGQ9Ik0yMDcuODYxIDQyLjAyOTFDMjA3LjI1NiA0MS43ODM5IDE0NC4zOSAzMy4yMTg3IDgyLjI0MjQgNzMuMjQ5OEM0My42NDk2IDk4LjA5NTYgMzguNTMzNCAxMzQuNDgyIDQwLjI5ODcgMTU4Ljc4OEMxMzAuNjQzIDE0OC42MjEgMjA1LjgwMSA0NC44ODk3IDIwNy44NjEgNDIuMDI5MVoiIGZpbGw9IiMwMkNBOUIiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl80NzY5XzE1OTk2MSIgeDE9IjI1MCIgeTE9IjcuNTI1MDllLTA2IiB4Mj0iMy4wMDAwMSIgeTI9IjI1Mi41IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNCMDJDMkQiLz4KPHN0b3Agb2Zmc2V0PSIwLjMyMTEzMSIgc3RvcC1jb2xvcj0iIzE3MzU1QSIvPgo8c3RvcCBvZmZzZXQ9IjAuNzUiIHN0b3AtY29sb3I9IiMxRTQ0NzQiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDQ3RTYxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==",
|
|
2170
|
+
btcturk: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJ3aGl0ZSIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDc2OV8xNTk5NzgpIj4KPHBhdGggZD0iTTE0NC44NTIgMTg4LjY4MkMxMzQuOTQ3IDE5NS42ODYgMTI5LjA4NyAyMDQuNDQ3IDEzMS44MyAyMDguMjQzQzEzNC41NzMgMjEyLjA0IDE0NC43MTYgMjA5LjQ1NiAxNTQuNjIxIDIwMi40NjNDMTY0LjUyNyAxOTUuNDcxIDE3MC4zNjMgMTg2LjcxIDE2Ny42NDMgMTgyLjkwMkMxNjYuODA1IDE4MS43NjkgMTY1LjIyOSAxODEuMTQ1IDE2My4xNjcgMTgxLjE0NUMxNTguNjMzIDE4MS4xNDUgMTUxLjY2MyAxODMuODc3IDE0NC44NTIgMTg4LjY4MlpNOTAuNDUxOSAxNzMuNzIyQzcxLjMwOTkgMTgxLjY2NyA1OC4wMzg2IDE5My40NDIgNjAuNzkyNiAyMDAuMTI5QzYzLjU0NjYgMjA2LjgxNSA4MS4yOTQ2IDIwNS44NTIgMTAwLjQ1OSAxOTcuOTUzQzExOS42MjQgMTkwLjA1MyAxMzIuODM5IDE3OC4yNjcgMTMwLjA4NSAxNzEuNTM1QzEyOC44NDkgMTY4LjU0MyAxMjQuNjQ1IDE2Ny4wOTIgMTE4LjY2MSAxNjcuMDkyQzExMS4yMjYgMTY3LjA5MiAxMDEuMDQ5IDE2OS4zNTkgOTAuNDUxOSAxNzMuNzIyWk0xNzguMjE3IDE2NS43ODlDMTc0LjgxNyAxNzIuMjM3IDE3My43NzUgMTc4LjM0NiAxNzUuODQ5IDE3OS4zODlDMTc3LjkyMyAxODAuNDMxIDE4Mi4zMiAxNzYuMTI1IDE4NS42OTcgMTY5LjY3NkMxODkuMDc1IDE2My4yMjcgMTkwLjE0IDE1Ny4xMTkgMTg4LjA2NiAxNTYuMDc2QzE4Ny44NDkgMTU1Ljk2NCAxODcuNjA3IDE1NS45MDkgMTg3LjM2MyAxNTUuOTE3QzE4NS4wOTcgMTU1LjkxNyAxODEuMjQzIDE2MC4wMDkgMTc4LjIxNyAxNjUuNzg5Wk0xNTAuNTc1IDE0Ny45MjdDMTQ0LjAxMyAxNTEuNzEzIDE0MC41OTEgMTU4LjA1OSAxNDIuOTE0IDE2Mi4wOTRDMTQ1LjIzNyAxNjYuMTI5IDE1Mi40MzQgMTY2LjMyMSAxNTguOTk2IDE2Mi41MzZDMTY1LjU1OCAxNTguNzUxIDE2OC45ODEgMTUyLjQwNCAxNjYuNjU3IDE0OC4zNjlDMTY1LjQ0NSAxNDYuMjczIDE2Mi45MTcgMTQ1LjIwNyAxNTkuODU3IDE0NS4yMDdDMTU2LjU4NSAxNDUuMzAyIDE1My4zOTIgMTQ2LjIzOSAxNTAuNTg3IDE0Ny45MjdNMTc0Ljg0IDEzOS4zMjVDMTcyLjkzNiAxNDIuNjIzIDE3My4wNjEgMTQ2LjI3MyAxNzUuMTIzIDE0Ny40NjNDMTc3LjE4NiAxNDguNjUzIDE4MC40MDUgMTQ2Ljk1MyAxODIuMzA5IDE0My42NDNDMTg0LjIxMyAxNDAuMzM0IDE4NC4wODggMTM2LjY5NiAxODIuMDE0IDEzNS41MDZDMTgxLjU3IDEzNS4yNDggMTgxLjA2NSAxMzUuMTE1IDE4MC41NTIgMTM1LjEyMUMxNzguNjI1IDEzNS4xMjEgMTc2LjMzNiAxMzYuNzMgMTc0Ljg4NSAxMzkuMzI1TTE1MC40MDUgMTI1LjE3QzE1MC40MDUgMTI5LjExNCAxNTQuMDMyIDEzMi4zMjEgMTU4LjUwOSAxMzIuMzIxQzE2Mi45ODUgMTMyLjMyMSAxNjYuNjEyIDEyOS4xMTQgMTY2LjYxMiAxMjUuMTdDMTY2LjYxMiAxMjEuMjI2IDE2Mi45ODUgMTE4LjAxOSAxNTguNTA5IDExOC4wMTlDMTU0LjAzMiAxMTguMDE5IDE1MC40MDUgMTIxLjIxNSAxNTAuNDA1IDEyNS4xN1pNOTYuMzExMyAxMjUuMTdDOTYuMzExMyAxMzQuMDIxIDEwNi4yOTYgMTQxLjE5NSAxMTguNjE1IDE0MS4xOTVDMTMwLjkzNSAxNDEuMTk1IDE0MC44OTcgMTM0LjA2NyAxNDAuODk3IDEyNS4xN0MxNDAuODk3IDExNi4yNzMgMTMwLjkzNSAxMDkuMTMzIDExOC42MTUgMTA5LjEzM0MxMDYuMjk2IDEwOS4xMzMgOTYuMzExMyAxMTYuMzE5IDk2LjMxMTMgMTI1LjE3Wk0xNzUuMzUgMTAyLjUwM0MxNzMuMjg3IDEwMy42MzcgMTczLjE2MyAxMDcuMzQzIDE3NS4wNjcgMTEwLjY0MUMxNzYuOTcxIDExMy45MzkgMTgwLjE3OCAxMTUuNjYxIDE4Mi4yNTIgMTE0LjQ2QzE4NC4zMjYgMTEzLjI1OSAxODQuNDM5IDEwOS42MzIgMTgyLjUzNSAxMDYuMzIzQzE4MS4wMzkgMTAzLjczOSAxNzguNzM5IDEwMi4xMTggMTc2Ljg2OSAxMDIuMTE4QzE3Ni4zNTIgMTAyLjExNyAxNzUuODQ1IDEwMi4yNDkgMTc1LjM5NSAxMDIuNTAzTTE0My4xNjMgODcuOTA2QzE0MC44OTcgOTEuOTQwNyAxNDQuMjk3IDk4LjI4NzMgMTUwLjgyNSAxMDIuMDczQzE1Ny4zNTMgMTA1Ljg1OCAxNjQuNTgzIDEwNS42NjUgMTY2LjkwNyAxMDEuNjMxQzE2OS4yMyA5Ny41OTYgMTY1Ljc3MyA5MS4yNjA3IDE1OS4yNDUgODcuNDY0QzE1Ni40MzUgODUuNzc4NCAxNTMuMjM5IDg0Ljg0NTUgMTQ5Ljk2MyA4NC43NTUzQzE0Ni44OTIgODQuNzU1MyAxNDQuMzY1IDg1LjgwOTMgMTQzLjE2MyA4Ny45MDZaTTE3NS44MDMgNzAuNkMxNzMuNzQxIDcxLjczMzMgMTc0Ljc5NSA3Ny43OTY3IDE3OC4xNzIgODQuMkMxODEuNTQ5IDkwLjYwMzMgMTg1Ljk1OCA5NS4wMDA3IDE4OC4wMzIgOTMuOTEyN0MxOTAuMTA2IDkyLjgyNDcgMTg5LjAyOSA4Ni43MTYgMTg1LjY1MiA4MC4zMTI3QzE4Mi42MjYgNzQuNTMyNyAxNzguNzYxIDcwLjQ0MTMgMTc2LjUwNiA3MC40NDEzQzE3Ni4yNjMgNzAuNDQxMiAxNzYuMDIzIDcwLjQ5NTQgMTc1LjgwMyA3MC42Wk02MC43OTI2IDQ5LjkxNjdDNTguMDM4NiA1Ni42MDMzIDcxLjMyMTMgNjguNDM1MyA5MC40NTE5IDc2LjMzNDdDMTA5LjU4MyA4NC4yMzQgMTI3LjI5NyA4NS4yMDg3IDEzMC4wODUgNzguNTMzM0MxMzIuODczIDcxLjg1OCAxMTkuNTU2IDYwLjAwMzMgMTAwLjQyNSA1Mi4xMDRDODkuODI4NiA0Ny43MjkzIDc5LjY5NjYgNDUuNDc0IDcyLjIxNjYgNDUuNDc0QzY2LjIzMjYgNDUuNDc0IDYyLjAxNjYgNDYuOTM2IDYwLjc5MjYgNDkuOTE2N1pNMTMxLjcyOCA0MS43NTY3QzEyOS4wNDIgNDUuNTY0NyAxMzQuOTAxIDU0LjMxNCAxNDQuODA3IDYxLjMxOEMxNTQuNzEyIDY4LjMyMiAxNjQuOTIzIDcwLjkwNiAxNjcuNTk4IDY3LjA5OEMxNzAuMjczIDYzLjI5IDE2NC40MjUgNTQuNTQwNyAxNTQuNDk3IDQ3LjUzNjdDMTQ3LjY5NyA0Mi43MzEzIDE0MC43NjEgNDAgMTM2LjIwNSA0MEMxMzQuMTQyIDQwIDEzMi41NjcgNDAuNTY2NyAxMzEuNjcxIDQxLjc1NjciIGZpbGw9ImJsYWNrIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDc2OV8xNTk5NzgiPgo8cmVjdCB3aWR0aD0iMTI4LjY5IiBoZWlnaHQ9IjE3MCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjQzMDEgNDApIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==",
|
|
2171
|
+
bybit: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTY4LjI2IDE0Mi45NDhWOTFIMTc4LjY0M1YxNDIuOTQ4SDE2OC4yNloiIGZpbGw9IiNGN0E2MDAiLz4KPHBhdGggZD0iTTQ3LjI1NzkgMTU4LjM3OEgyNVYxMDYuNDMxSDQ2LjM2MzhDNTYuNzQ2NCAxMDYuNDMxIDYyLjc5NDkgMTEyLjEyMyA2Mi43OTQ5IDEyMS4wMjNDNjIuNzk0OSAxMjYuNzg1IDU4LjkwODkgMTMwLjUxIDU2LjIxOTcgMTMxLjc1QzU5LjQzMTEgMTMzLjIwNyA2My41Mzg5IDEzNi40OTEgNjMuNTM4OSAxNDMuNDI0QzYzLjUzODkgMTUzLjEyNSA1Ni43NDY0IDE1OC4zNzggNDcuMjU3OSAxNTguMzc4Wk00NS41NDEzIDExNS40NzlIMzUuMzgyN1YxMjcuNDQ1SDQ1LjUzOUM0OS45NDQ4IDEyNy40NDUgNTIuNDA5OSAxMjUuMDM4IDUyLjQwOTkgMTIxLjQ1OUM1Mi40MDk5IDExNy44ODggNDkuOTQ3MSAxMTUuNDc5IDQ1LjU0MTMgMTE1LjQ3OVpNNDYuMjExMyAxMzYuNTY1SDM1LjM4NVYxNDkuMzM1SDQ2LjIxNTlDNTAuOTIyMSAxNDkuMzM1IDUzLjE1ODUgMTQ2LjQxNyA1My4xNTg1IDE0Mi45MTNDNTMuMTU4NSAxMzkuNDExIDUwLjkxNzQgMTM2LjU2NSA0Ni4yMTU5IDEzNi41NjVINDYuMjExM1pNOTUuMjA2OCAxMzcuMDc2VjE1OC4zNzhIODQuODk4VjEzNy4wNzZMNjguOTEyNyAxMDYuNDMxSDgwLjE5MThMOTAuMTI2MyAxMjcuMzcxTDk5LjkxMDYgMTA2LjQzMUgxMTEuMTg3TDk1LjIwNjggMTM3LjA3NlpNMTQwLjYyNCAxNTguMzc4SDExOC4zNjZWMTA2LjQzMUgxMzkuNzI3QzE1MC4xMSAxMDYuNDMxIDE1Ni4xNjEgMTEyLjEyMyAxNTYuMTYxIDEyMS4wMjNDMTU2LjE2MSAxMjYuNzg1IDE1Mi4yNzUgMTMwLjUxIDE0OS41ODUgMTMxLjc1QzE1Mi43OTcgMTMzLjIwNyAxNTYuOTA1IDEzNi40OTEgMTU2LjkwNSAxNDMuNDI0QzE1Ni45MDUgMTUzLjEyNSAxNTAuMTEyIDE1OC4zNzggMTQwLjYyNCAxNTguMzc4Wk0xMzguOTA3IDExNS40NzlIMTI4Ljc0OFYxMjcuNDQ1SDEzOC45MDdDMTQzLjMxMyAxMjcuNDQ1IDE0NS43NzggMTI1LjAzOCAxNDUuNzc4IDEyMS40NTlDMTQ1Ljc3OCAxMTcuODg4IDE0My4zMTMgMTE1LjQ3OSAxMzguOTA3IDExNS40NzlaTTEzOS41NzcgMTM2LjU2NUgxMjguNzQ2VjE0OS4zMzVIMTM5LjU3N0MxNDQuMjg1IDE0OS4zMzUgMTQ2LjUyMiAxNDYuNDE3IDE0Ni41MjIgMTQyLjkxM0MxNDYuNTIyIDEzOS40MTEgMTQ0LjI4NSAxMzYuNTY1IDEzOS41NzcgMTM2LjU2NVpNMjEyLjEwNiAxMTUuNDgxVjE1OC4zODNIMjAxLjcyM1YxMTUuNDc5SDE4Ny44MzNWMTA2LjQzMUgyMjZWMTE1LjQ3OUwyMTIuMTA2IDExNS40ODFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K",
|
|
2172
|
+
coinbase: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjMDA1MkZGIi8+CjxwYXRoIGQ9Ik0xMjUuMTYgMTY3LjVDMTAxLjYzNSAxNjcuNSA4Mi41OCAxNDguNDggODIuNTggMTI1QzgyLjU4IDEwMS41MiAxMDEuNjMgODIuNSAxMjUuMTYgODIuNUMxMzUuMjA3IDgyLjUwMTggMTQ0LjkyOCA4Ni4wNTg0IDE1Mi42MDQgOTIuNTQwMUMxNjAuMjggOTkuMDIxOSAxNjUuNDE1IDEwOC4wMTEgMTY3LjEgMTE3LjkxNUgyMTBDMjA2LjM4IDc0LjI4NSAxNjkuOCA0MCAxMjUuMTYgNDBDNzguMTQ1IDQwIDQwIDc4LjA3NSA0MCAxMjVDNDAgMTcxLjkyNSA3OC4xNDUgMjEwIDEyNS4xNiAyMTBDMTY5Ljc5NSAyMTAgMjA2LjM4IDE3NS43MTUgMjEwIDEzMi4wODVIMTY3LjFDMTY1LjQxNSAxNDEuOTg5IDE2MC4yOCAxNTAuOTc4IDE1Mi42MDQgMTU3LjQ2QzE0NC45MjggMTYzLjk0MiAxMzUuMjA3IDE2Ny40OTggMTI1LjE2IDE2Ny41WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==",
|
|
2173
|
+
gateio: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTI1IDE3MS43MTNDOTkuMTcwMyAxNzEuNzEzIDc4LjI4NjYgMTUwLjgzIDc4LjI4NjYgMTI1Qzc4LjI4NjYgOTkuMTcwMyA5OS4xNzAzIDc4LjI4NjYgMTI1IDc4LjI4NjZWNDBDNzguMTAzNSA0MCA0MCA3OC4xMDM1IDQwIDEyNUM0MCAxNzEuODk3IDc4LjEwMzUgMjEwIDEyNSAyMTBDMTcxLjg5NyAyMTAgMjEwIDE3MS44OTcgMjEwIDEyNUgxNzEuNzEzQzE3MS43MTMgMTUwLjgzIDE1MC44MyAxNzEuNzEzIDEyNSAxNzEuNzEzWiIgZmlsbD0iIzIzNTRFNiIvPgo8cGF0aCBkPSJNMTcxLjcxMyA3OC4yODY2SDEyNVYxMjVIMTcxLjcxM1Y3OC4yODY2WiIgZmlsbD0iIzE3RTZBMSIvPgo8L3N2Zz4K",
|
|
2174
|
+
htx: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTQ0LjQ1IDkyLjI4OTJDMTQ0LjQ1IDY3Ljg5OCAxMzIuNTY3IDQ2Ljg5MTggMTIzLjUxNiA0MC4wNzM4QzEyMy41MTYgNDAuMDczOCAxMjIuODIgMzkuNjg5NyAxMjIuODkyIDQwLjY3NEMxMjIuMTQ4IDg3Ljc5OTkgOTguMDY4NyAxMDAuNTcyIDg0Ljg0MDggMTE3Ljc2MUM1NC4zMDM5IDE1Ny40NjggODIuNjgwMiAyMDAuOTkzIDExMS42MzMgMjA5LjAzNkMxMjcuNzY1IDIxMy41NDkgMTA3Ljg4OCAyMDEuMDY1IDEwNS4zMTkgMTc0LjcyOUMxMDIuMTc0IDE0Mi45NDQgMTQ0LjQ1IDExOC42NDkgMTQ0LjQ1IDkyLjI4OTJaIiBmaWxsPSIjMUIyMTQzIi8+CjxwYXRoIGQ9Ik0xNTguMzI2IDEwOC4zNUMxNTguMTM0IDEwOC4yMyAxNTcuODcgMTA4LjEzNCAxNTcuNzAyIDEwOC40NDZDMTU3LjE5OCAxMTQuMzc2IDE1MS4xNDggMTI3LjA1MiAxNDMuNDY2IDEzOC43MTlDMTE3LjQxOCAxNzguMjM1IDEzMi4yNTUgMTk3LjI5NyAxNDAuNjA5IDIwNy41NDhDMTQ1LjQ1OSAyMTMuNDc3IDE0MC42MDkgMjA3LjU0OCAxNTIuNzA5IDIwMS40NzRDMTY3LjY2NSAxOTIuMzk5IDE3Ny4zNjQgMTc2LjY5OCAxNzguODA0IDE1OS4yNjlDMTgxLjE4MSAxMzEuMTgxIDE2NC4zMjggMTEzLjQ4OCAxNTguMzI2IDEwOC4zNVoiIGZpbGw9IiMyQ0E2RTAiLz4KPC9zdmc+Cg==",
|
|
2175
|
+
kraken: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjNTg0MUQ4Ii8+CjxwYXRoIGQ9Ik0xMjYuMTMgNTcuMDQzNUM3OC44MTkxIDU3LjA0MzUgNDAgOTUuMjU2IDQwIDE0My4xNzNWMTgwLjE3M0M0MCAxODYuODQ1IDQ1LjQ1ODkgMTkyLjMwNCA1Mi4xMzEgMTkyLjMwNEM1OC44MDMgMTkyLjMwNCA2NC4yNjE5IDE4Ni44NDUgNjQuMjYxOSAxODAuMTczVjE0My4xNzNDNjQuMjYxOSAxMzYuNTAxIDY5LjcyMDkgMTMxLjA0MiA3Ni4zOTI5IDEzMS4wNDJDODMuMDY0OSAxMzEuMDQyIDg4LjUyMzkgMTM2LjUwMSA4OC41MjM5IDE0My4xNzNWMTgwLjE3M0M4OC41MjM5IDE4Ni44NDUgOTMuOTgyOCAxOTIuMzA0IDEwMC42NTUgMTkyLjMwNEMxMDcuMzI3IDE5Mi4zMDQgMTEyLjc4NiAxODYuODQ1IDExMi43ODYgMTgwLjE3M1YxNDMuMTczQzExMi43ODYgMTM2LjUwMSAxMTguMjQ1IDEzMS4wNDIgMTI0LjkxNyAxMzEuMDQyQzEzMS41ODkgMTMxLjA0MiAxMzcuMDQ4IDEzNi41MDEgMTM3LjA0OCAxNDMuMTczVjE4MC4xNzNDMTM3LjA0OCAxODYuODQ1IDE0Mi41MDcgMTkyLjMwNCAxNDkuMTc5IDE5Mi4zMDRDMTU1Ljg1MSAxOTIuMzA0IDE2MS4zMSAxODYuODQ1IDE2MS4zMSAxODAuMTczVjE0My4xNzNDMTYxLjMxIDEzNi41MDEgMTY2Ljc2OSAxMzEuMDQyIDE3My40NDEgMTMxLjA0MkMxODAuMTEzIDEzMS4wNDIgMTg1LjU3MiAxMzYuNTAxIDE4NS41NzIgMTQzLjE3M1YxODAuMTczQzE4NS41NzIgMTg2Ljg0NSAxOTEuMDMxIDE5Mi4zMDQgMTk3LjcwMyAxOTIuMzA0QzIwNC4zNzUgMTkyLjMwNCAyMDkuODM0IDE4Ni44NDUgMjA5LjgzNCAxODAuMTczVjE0My4xNzNDMjEyLjg2NiA5NS4yNTYgMTc0LjA0NyA1Ny4wNDM1IDEyNi4xMyA1Ny4wNDM1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==",
|
|
2176
|
+
kucoin: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI1MCIgdmlld0JveD0iMCAwIDI1MCAyNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjMDBCNDdEIi8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80NzY5XzE2MDAyNCkiPgo8cGF0aCBkPSJNMTc3Ljg2MyAxNDMuNTFMMTQ2LjAwNyAxNzUuMjE3TDk1LjE1NSAxMjQuOTExTDE0NS45MSA3NC42ODU3TDE3Ny44NjMgMTA2LjQ4OUMxODMuNTMgMTEyLjEwOCAxOTIuNjgxIDExMi4xMDggMTk4LjMgMTA2LjQ0QzIwMy45MTggMTAwLjc3MiAyMDMuODkzIDkxLjYyMTYgMTk4LjI1MSA4Ni4wMDM1TDE1Ni4yNDkgNDQuMTk4M0MxNTAuNTgyIDM4LjU4MDIgMTQxLjQzIDM4LjYwNDcgMTM1LjgxMiA0NC4yNDczQzEzNS43ODkgNDQuMjcwNCAxMzQuNzg4IDQ1LjEwMiAxMzQuMzQgNDUuNTQ3NEw3NS45MDEgMTAzLjM1OFY2OC44MDUyQzc1LjkwMSA2MC44MzIzIDY5LjQyNDEgNTQuMzU1NCA2MS40NTA1IDU0LjM1NTRDNTMuNDc2OSA1NC4zNTU0IDQ3LjAyNDUgNjAuODMyMyA0NyA2OC44MDUyVjE4MS4wOTlDNDcgMTg5LjA3MyA1My40NzY5IDE5NS41NSA2MS40NTA1IDE5NS41NUM2OS40MjQxIDE5NS41NSA3NS45MDEgMTg5LjA3IDc1LjkwMSAxODEuMDk5VjE0Ni40N0wxMzQuMzQgMjA0LjI4MUMxMzQuNTkyIDIwNC41MzIgMTM1LjU3IDIwNS41MDggMTM1LjgxMiAyMDUuNzUzQzE0MS40MyAyMTEuMzk3IDE1MC41ODIgMjExLjQyIDE1Ni4yNDkgMjA1LjgwMkwxOTguMjUxIDE2My45OTZDMjAzLjg5NSAxNTguMzc4IDIwMy45MTggMTQ5LjIyNyAxOTguMyAxNDMuNTU5QzE5Mi42NTcgMTM3LjkyIDE4My41MDYgMTM3Ljg5MiAxNzcuODYzIDE0My41MVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNDYuMTQxIDEzOS41ODVDMTU0LjE4OSAxMzkuNTg1IDE2MC43MTQgMTMzLjA2MSAxNjAuNzE0IDEyNS4wMTJDMTYwLjcxNCAxMTYuOTY0IDE1NC4xODkgMTEwLjQzOSAxNDYuMTQxIDExMC40MzlDMTM4LjA5MiAxMTAuNDM5IDEzMS41NjggMTE2Ljk2NCAxMzEuNTY4IDEyNS4wMTJDMTMxLjU2OCAxMzMuMDYxIDEzOC4wOTIgMTM5LjU4NSAxNDYuMTQxIDEzOS41ODVaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ3NjlfMTYwMDI0Ij4KPHJlY3Qgd2lkdGg9IjE1NS40OTgiIGhlaWdodD0iMTcwIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcgNDApIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg=="
|
|
2177
|
+
};
|
|
2178
|
+
var EXCHANGE_LOGO_ALIASES = {
|
|
2179
|
+
gate: "gateio"
|
|
2180
|
+
};
|
|
2181
|
+
function normalize(value) {
|
|
2182
|
+
return value.toLowerCase().replace(/[^a-z0-9]/g, "");
|
|
2183
|
+
}
|
|
2184
|
+
function getLogoSource(value) {
|
|
2185
|
+
const key = normalize(value);
|
|
2186
|
+
return EXCHANGE_LOGO_SOURCES[EXCHANGE_LOGO_ALIASES[key] ?? key] ?? null;
|
|
2187
|
+
}
|
|
2188
|
+
function getExchangeLogoSrc(name, connection) {
|
|
2189
|
+
return getLogoSource(name) ?? getLogoSource(connection ?? "");
|
|
2190
|
+
}
|
|
2191
|
+
function getExchangeLogo(name, connection) {
|
|
2192
|
+
const src = getExchangeLogoSrc(name, connection);
|
|
2193
|
+
return src ? /* @__PURE__ */ jsx16("img", { src, alt: "", loading: "lazy", decoding: "async" }) : null;
|
|
2194
|
+
}
|
|
2195
|
+
|
|
2130
2196
|
// src/components/ui/BrandIcons.tsx
|
|
2131
|
-
import { jsx as
|
|
2197
|
+
import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
2132
2198
|
function VisaMark() {
|
|
2133
|
-
return /* @__PURE__ */
|
|
2134
|
-
"
|
|
2199
|
+
return /* @__PURE__ */ jsxs15(
|
|
2200
|
+
"svg",
|
|
2135
2201
|
{
|
|
2136
|
-
|
|
2137
|
-
|
|
2202
|
+
width: "38",
|
|
2203
|
+
height: "24",
|
|
2204
|
+
viewBox: "0 0 38 24",
|
|
2205
|
+
fill: "none",
|
|
2206
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2207
|
+
"aria-hidden": "true",
|
|
2208
|
+
children: [
|
|
2209
|
+
/* @__PURE__ */ jsx17("rect", { width: "37.2537", height: "24", rx: "4.2985", fill: "white" }),
|
|
2210
|
+
/* @__PURE__ */ jsx17(
|
|
2211
|
+
"path",
|
|
2212
|
+
{
|
|
2213
|
+
d: "M18.3993 8.08878L16.6616 16.2114H14.5605L16.2984 8.08878H18.3993ZM27.2397 13.3336L28.3459 10.2833L28.9824 13.3336H27.2397ZM29.584 16.2114H31.5276L29.8316 8.08878H28.0376C27.6345 8.08878 27.2944 8.32324 27.143 8.6847L23.9906 16.2114H26.1972L26.6352 14.9985H29.331L29.584 16.2114ZM24.1001 13.5593C24.1091 11.4155 21.1354 11.2975 21.156 10.3398C21.1622 10.048 21.4401 9.7385 22.0471 9.65906C22.3486 9.61972 23.1777 9.58964 24.1192 10.0228L24.4878 8.30036C23.9821 8.1168 23.3314 7.94019 22.5221 7.94019C20.4454 7.94019 18.9836 9.04437 18.9713 10.6254C18.9582 11.7947 20.0148 12.4471 20.811 12.8359C21.6295 13.2341 21.9046 13.4891 21.901 13.8452C21.8956 14.3905 21.248 14.6306 20.6439 14.6401C19.5873 14.6568 18.9741 14.355 18.4854 14.1272L18.1047 15.907C18.5954 16.1325 19.5017 16.3284 20.4418 16.3384C22.6489 16.3384 24.0929 15.2478 24.1001 13.5593ZM15.3968 8.08878L11.9925 16.2114H9.77099L8.09583 9.72898C7.99402 9.32973 7.90559 9.18371 7.59631 9.01532C7.09165 8.74152 6.25741 8.48418 5.52344 8.32479L5.57357 8.08878H9.14885C9.6044 8.08878 10.0145 8.39214 10.1178 8.91685L11.0027 13.6174L13.1892 8.08878H15.3968Z",
|
|
2214
|
+
fill: "#1434CB"
|
|
2215
|
+
}
|
|
2216
|
+
)
|
|
2217
|
+
]
|
|
2138
2218
|
}
|
|
2139
|
-
)
|
|
2219
|
+
);
|
|
2140
2220
|
}
|
|
2141
2221
|
function MastercardMark() {
|
|
2142
|
-
return /* @__PURE__ */
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2222
|
+
return /* @__PURE__ */ jsxs15(
|
|
2223
|
+
"svg",
|
|
2224
|
+
{
|
|
2225
|
+
width: "38",
|
|
2226
|
+
height: "24",
|
|
2227
|
+
viewBox: "0 0 38 24",
|
|
2228
|
+
fill: "none",
|
|
2229
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2230
|
+
"aria-hidden": "true",
|
|
2231
|
+
children: [
|
|
2232
|
+
/* @__PURE__ */ jsx17("rect", { width: "37.2537", height: "24", rx: "4.2985", fill: "white" }),
|
|
2233
|
+
/* @__PURE__ */ jsx17(
|
|
2234
|
+
"path",
|
|
2235
|
+
{
|
|
2236
|
+
d: "M21.303 7.07157H15.8179V16.9284H21.303V7.07157Z",
|
|
2237
|
+
fill: "#FF5F00"
|
|
2238
|
+
}
|
|
2239
|
+
),
|
|
2240
|
+
/* @__PURE__ */ jsx17(
|
|
2241
|
+
"path",
|
|
2242
|
+
{
|
|
2243
|
+
d: "M16.1662 12C16.1653 11.0507 16.3804 10.1136 16.7953 9.25979C17.2101 8.40593 17.8137 7.65764 18.5605 7.07156C17.6357 6.34468 16.5251 5.89265 15.3556 5.76713C14.1861 5.6416 13.0048 5.84765 11.9469 6.36172C10.8889 6.87579 9.99698 7.67715 9.37294 8.67419C8.7489 9.67124 8.41797 10.8237 8.41797 12C8.41797 13.1762 8.7489 14.3287 9.37294 15.3257C9.99698 16.3228 10.8889 17.1241 11.9469 17.6382C13.0048 18.1523 14.1861 18.3583 15.3556 18.2328C16.5251 18.1073 17.6357 17.6553 18.5605 16.9284C17.8137 16.3423 17.2101 15.594 16.7953 14.7401C16.3805 13.8863 16.1653 12.9492 16.1662 12Z",
|
|
2244
|
+
fill: "#EB001B"
|
|
2245
|
+
}
|
|
2246
|
+
),
|
|
2247
|
+
/* @__PURE__ */ jsx17(
|
|
2248
|
+
"path",
|
|
2249
|
+
{
|
|
2250
|
+
d: "M28.7026 12C28.7027 13.1762 28.3718 14.3287 27.7478 15.3257C27.1238 16.3228 26.2318 17.1241 25.1739 17.6382C24.116 18.1523 22.9348 18.3583 21.7653 18.2328C20.5958 18.1073 19.4852 17.6553 18.5605 16.9284C19.3066 16.3417 19.9097 15.5933 20.3245 14.7396C20.7392 13.8858 20.9547 12.9491 20.9547 12C20.9547 11.0508 20.7392 10.1141 20.3245 9.26037C19.9097 8.40665 19.3066 7.65824 18.5605 7.07156C19.4852 6.34468 20.5958 5.89265 21.7653 5.76712C22.9348 5.6416 24.116 5.84765 25.1739 6.36173C26.2318 6.87581 27.1238 7.67717 27.7478 8.67421C28.3718 9.67126 28.7027 10.8238 28.7026 12Z",
|
|
2251
|
+
fill: "#F79E1B"
|
|
2252
|
+
}
|
|
2253
|
+
),
|
|
2254
|
+
/* @__PURE__ */ jsx17(
|
|
2255
|
+
"path",
|
|
2256
|
+
{
|
|
2257
|
+
d: "M28.1046 15.8844V15.6826H28.1859V15.6415H27.9787V15.6826H28.0601V15.8844H28.1046ZM28.5069 15.8844V15.6411H28.4434L28.3703 15.8084L28.2972 15.6411H28.2337V15.8844H28.2785V15.7009L28.347 15.8591H28.3936L28.4621 15.7005V15.8844H28.5069Z",
|
|
2258
|
+
fill: "#F79E1B"
|
|
2259
|
+
}
|
|
2260
|
+
)
|
|
2261
|
+
]
|
|
2262
|
+
}
|
|
2263
|
+
);
|
|
2165
2264
|
}
|
|
2166
2265
|
function AmexMark() {
|
|
2167
|
-
return /* @__PURE__ */
|
|
2168
|
-
"
|
|
2266
|
+
return /* @__PURE__ */ jsxs15(
|
|
2267
|
+
"svg",
|
|
2169
2268
|
{
|
|
2170
|
-
|
|
2171
|
-
|
|
2269
|
+
width: "38",
|
|
2270
|
+
height: "24",
|
|
2271
|
+
viewBox: "0 0 38 24",
|
|
2272
|
+
fill: "none",
|
|
2273
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2274
|
+
"aria-hidden": "true",
|
|
2275
|
+
children: [
|
|
2276
|
+
/* @__PURE__ */ jsx17("rect", { width: "37.2537", height: "24", rx: "4.2985", fill: "#006FCF" }),
|
|
2277
|
+
/* @__PURE__ */ jsx17(
|
|
2278
|
+
"path",
|
|
2279
|
+
{
|
|
2280
|
+
fillRule: "evenodd",
|
|
2281
|
+
clipRule: "evenodd",
|
|
2282
|
+
d: "M37.268 4.34531H34.1845L32.5727 8.9706L30.8908 4.34531H27.7373V11.5472L24.5136 4.34531H21.9208L18.6971 11.7036H20.9395L21.5702 10.232H24.9341L25.5648 11.7036H29.7696V6.58776L31.6617 11.7036H33.4136L35.3057 6.58776V11.7036H37.268V12.8248H34.675L32.5727 15.1375L30.4003 12.8248H21.5003V20.1831H30.3303L32.5026 17.8004L34.675 20.1831H37.268V21.0939H34.1845L32.5026 19.272L30.8206 21.0939H20.379V12.6846H17.0151L21.2199 3.22388H25.2845L26.756 6.44759V3.22388H31.8019L32.6427 5.6767L33.4838 3.22388H37.268V4.34531ZM37.268 14.4366L35.3759 16.4689L37.268 18.5011V20.1831L33.8342 16.4689L37.268 12.8248V14.4366ZM27.7373 20.1831V18.4312H23.5325V17.3099H27.6671V15.628H23.5325V14.5068H27.7373V12.8248L31.2411 16.4689L27.7373 20.1831ZM22.2009 8.62005L23.1822 6.23742L24.1632 8.62005H22.2009Z",
|
|
2283
|
+
fill: "white"
|
|
2284
|
+
}
|
|
2285
|
+
)
|
|
2286
|
+
]
|
|
2172
2287
|
}
|
|
2173
|
-
)
|
|
2174
|
-
}
|
|
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
|
-
] });
|
|
2288
|
+
);
|
|
2198
2289
|
}
|
|
2199
|
-
function
|
|
2200
|
-
|
|
2201
|
-
|
|
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
|
-
] });
|
|
2290
|
+
function ExchangeBadgeImage({ name }) {
|
|
2291
|
+
const src = getExchangeLogoSrc(name);
|
|
2292
|
+
return src ? /* @__PURE__ */ jsx17("img", { src, alt: "", loading: "lazy", decoding: "async" }) : null;
|
|
2210
2293
|
}
|
|
2211
2294
|
function CardNetworkIcons() {
|
|
2212
|
-
return /* @__PURE__ */
|
|
2213
|
-
/* @__PURE__ */
|
|
2214
|
-
/* @__PURE__ */
|
|
2215
|
-
/* @__PURE__ */
|
|
2295
|
+
return /* @__PURE__ */ jsxs15("span", { className: "rs-list-row-meta-icons rs-list-row-meta-icons--cards", children: [
|
|
2296
|
+
/* @__PURE__ */ jsx17("span", { className: "rs-card-network rs-card-network--amex", children: /* @__PURE__ */ jsx17(AmexMark, {}) }),
|
|
2297
|
+
/* @__PURE__ */ jsx17("span", { className: "rs-card-network rs-card-network--visa", children: /* @__PURE__ */ jsx17(VisaMark, {}) }),
|
|
2298
|
+
/* @__PURE__ */ jsx17("span", { className: "rs-card-network rs-card-network--mastercard", children: /* @__PURE__ */ jsx17(MastercardMark, {}) })
|
|
2216
2299
|
] });
|
|
2217
2300
|
}
|
|
2218
2301
|
CardNetworkIcons.displayName = "CardNetworkIcons";
|
|
2219
2302
|
function ExchangeBadgeIcons() {
|
|
2220
|
-
return /* @__PURE__ */
|
|
2221
|
-
/* @__PURE__ */
|
|
2222
|
-
/* @__PURE__ */
|
|
2223
|
-
/* @__PURE__ */
|
|
2303
|
+
return /* @__PURE__ */ jsxs15("span", { className: "rs-list-row-meta-icons rs-list-row-meta-icons--exchanges", children: [
|
|
2304
|
+
/* @__PURE__ */ jsx17("span", { children: /* @__PURE__ */ jsx17(ExchangeBadgeImage, { name: "Coinbase" }) }),
|
|
2305
|
+
/* @__PURE__ */ jsx17("span", { children: /* @__PURE__ */ jsx17(ExchangeBadgeImage, { name: "Binance" }) }),
|
|
2306
|
+
/* @__PURE__ */ jsx17("span", { children: /* @__PURE__ */ jsx17(ExchangeBadgeImage, { name: "Kraken" }) })
|
|
2224
2307
|
] });
|
|
2225
2308
|
}
|
|
2226
2309
|
ExchangeBadgeIcons.displayName = "ExchangeBadgeIcons";
|
|
2227
2310
|
|
|
2228
2311
|
// src/components/steps/ConnectStep.tsx
|
|
2229
|
-
import { Fragment as Fragment2, jsx as
|
|
2312
|
+
import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
2230
2313
|
function formatBalanceUsd(value) {
|
|
2231
2314
|
if (!Number.isFinite(value) || value <= 0) return "$0.00";
|
|
2232
2315
|
return `$${value.toFixed(2)}`;
|
|
2233
2316
|
}
|
|
2234
2317
|
function fiatIcon(name) {
|
|
2235
|
-
if (name === "apple") return /* @__PURE__ */
|
|
2236
|
-
if (name === "bank") return /* @__PURE__ */
|
|
2237
|
-
return /* @__PURE__ */
|
|
2318
|
+
if (name === "apple") return /* @__PURE__ */ jsx18(AppleIcon, {});
|
|
2319
|
+
if (name === "bank") return /* @__PURE__ */ jsx18(BankIcon, {});
|
|
2320
|
+
return /* @__PURE__ */ jsx18(CardIcon, {});
|
|
2238
2321
|
}
|
|
2239
2322
|
function fiatMeta(name) {
|
|
2240
2323
|
if (name === "apple" || name === "bank") return void 0;
|
|
2241
|
-
return /* @__PURE__ */
|
|
2324
|
+
return /* @__PURE__ */ jsx18(CardNetworkIcons, {});
|
|
2242
2325
|
}
|
|
2243
2326
|
function shorten(addr) {
|
|
2244
2327
|
return addr.length > 12 ? `${addr.slice(0, 6)}...${addr.slice(-4)}` : addr;
|
|
2245
2328
|
}
|
|
2246
2329
|
function renderWalletLeading(row) {
|
|
2247
2330
|
if (row.icon) {
|
|
2248
|
-
return /* @__PURE__ */
|
|
2331
|
+
return /* @__PURE__ */ jsx18(
|
|
2249
2332
|
"img",
|
|
2250
2333
|
{
|
|
2251
2334
|
src: row.icon,
|
|
@@ -2254,23 +2337,23 @@ function renderWalletLeading(row) {
|
|
|
2254
2337
|
}
|
|
2255
2338
|
);
|
|
2256
2339
|
}
|
|
2257
|
-
return /* @__PURE__ */
|
|
2340
|
+
return /* @__PURE__ */ jsx18(WalletIcon, {});
|
|
2258
2341
|
}
|
|
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__ */
|
|
2342
|
+
var TRANSFER_CRYPTO_LEADING = /* @__PURE__ */ jsx18(TransferCryptoIcon, {});
|
|
2343
|
+
var WALLET_LEADING = /* @__PURE__ */ jsx18(WalletIcon, {});
|
|
2344
|
+
var EXCHANGE_LEADING = /* @__PURE__ */ jsx18(UnplugIcon, {});
|
|
2345
|
+
var SMALL_SPINNER = /* @__PURE__ */ jsx18(Spinner, { className: "rs-spinner--sm" });
|
|
2346
|
+
var CONNECT_META = /* @__PURE__ */ jsxs16(Fragment2, { children: [
|
|
2347
|
+
/* @__PURE__ */ jsx18(WalletBadgeIcons, {}),
|
|
2265
2348
|
"+100"
|
|
2266
2349
|
] });
|
|
2267
|
-
var EXCHANGE_META = /* @__PURE__ */
|
|
2268
|
-
/* @__PURE__ */
|
|
2350
|
+
var EXCHANGE_META = /* @__PURE__ */ jsxs16(Fragment2, { children: [
|
|
2351
|
+
/* @__PURE__ */ jsx18(ExchangeBadgeIcons, {}),
|
|
2269
2352
|
"+6"
|
|
2270
2353
|
] });
|
|
2271
2354
|
var EXTRA_CHAIN_COUNT = Math.max(0, getSupportedChainIds().length - 3);
|
|
2272
|
-
var CHAIN_BADGE_META = /* @__PURE__ */
|
|
2273
|
-
/* @__PURE__ */
|
|
2355
|
+
var CHAIN_BADGE_META = /* @__PURE__ */ jsxs16(Fragment2, { children: [
|
|
2356
|
+
/* @__PURE__ */ jsx18(ChainBadgeIcons, {}),
|
|
2274
2357
|
EXTRA_CHAIN_COUNT > 0 ? `+${EXTRA_CHAIN_COUNT}` : null
|
|
2275
2358
|
] });
|
|
2276
2359
|
function renderRowTrailing(state) {
|
|
@@ -2308,7 +2391,7 @@ function ConnectStep({
|
|
|
2308
2391
|
const cryptoRows = [];
|
|
2309
2392
|
if (onSelectTransferCrypto) {
|
|
2310
2393
|
cryptoRows.push(
|
|
2311
|
-
/* @__PURE__ */
|
|
2394
|
+
/* @__PURE__ */ jsx18(
|
|
2312
2395
|
ListRow,
|
|
2313
2396
|
{
|
|
2314
2397
|
leading: TRANSFER_CRYPTO_LEADING,
|
|
@@ -2325,7 +2408,7 @@ function ConnectStep({
|
|
|
2325
2408
|
const collapseToExternal = Boolean(onSelectTransferCrypto) && row.kind !== "solana";
|
|
2326
2409
|
const subtitleText = row.state === "loading" ? "Preparing\u2026" : row.state === "error" ? row.errorReason ?? "Couldn't prepare wallet \u2014 tap to retry" : shorten(row.address);
|
|
2327
2410
|
cryptoRows.push(
|
|
2328
|
-
/* @__PURE__ */
|
|
2411
|
+
/* @__PURE__ */ jsx18(
|
|
2329
2412
|
ListRow,
|
|
2330
2413
|
{
|
|
2331
2414
|
leading: renderWalletLeading(row),
|
|
@@ -2341,7 +2424,7 @@ function ConnectStep({
|
|
|
2341
2424
|
}
|
|
2342
2425
|
if (!hasReownWallet && handleConnect) {
|
|
2343
2426
|
cryptoRows.push(
|
|
2344
|
-
/* @__PURE__ */
|
|
2427
|
+
/* @__PURE__ */ jsx18(
|
|
2345
2428
|
ListRow,
|
|
2346
2429
|
{
|
|
2347
2430
|
leading: WALLET_LEADING,
|
|
@@ -2356,7 +2439,7 @@ function ConnectStep({
|
|
|
2356
2439
|
}
|
|
2357
2440
|
if (onSelectFundFromExchange) {
|
|
2358
2441
|
cryptoRows.push(
|
|
2359
|
-
/* @__PURE__ */
|
|
2442
|
+
/* @__PURE__ */ jsx18(
|
|
2360
2443
|
ListRow,
|
|
2361
2444
|
{
|
|
2362
2445
|
leading: EXCHANGE_LEADING,
|
|
@@ -2373,7 +2456,7 @@ function ConnectStep({
|
|
|
2373
2456
|
for (const row of dappImports ?? []) {
|
|
2374
2457
|
if (!hasReownWallet) {
|
|
2375
2458
|
cryptoRows.push(
|
|
2376
|
-
/* @__PURE__ */
|
|
2459
|
+
/* @__PURE__ */ jsx18(
|
|
2377
2460
|
ListRow,
|
|
2378
2461
|
{
|
|
2379
2462
|
leading: row.icon,
|
|
@@ -2389,7 +2472,7 @@ function ConnectStep({
|
|
|
2389
2472
|
}
|
|
2390
2473
|
if (row.status === "loading" || row.status === "needs-connect") {
|
|
2391
2474
|
cryptoRows.push(
|
|
2392
|
-
/* @__PURE__ */
|
|
2475
|
+
/* @__PURE__ */ jsx18(
|
|
2393
2476
|
ListRow,
|
|
2394
2477
|
{
|
|
2395
2478
|
leading: row.icon,
|
|
@@ -2405,7 +2488,7 @@ function ConnectStep({
|
|
|
2405
2488
|
}
|
|
2406
2489
|
if (row.status.enabled) {
|
|
2407
2490
|
cryptoRows.push(
|
|
2408
|
-
/* @__PURE__ */
|
|
2491
|
+
/* @__PURE__ */ jsx18(
|
|
2409
2492
|
ListRow,
|
|
2410
2493
|
{
|
|
2411
2494
|
leading: row.icon,
|
|
@@ -2420,7 +2503,7 @@ function ConnectStep({
|
|
|
2420
2503
|
}
|
|
2421
2504
|
if (row.status.retryable) {
|
|
2422
2505
|
cryptoRows.push(
|
|
2423
|
-
/* @__PURE__ */
|
|
2506
|
+
/* @__PURE__ */ jsx18(
|
|
2424
2507
|
ListRow,
|
|
2425
2508
|
{
|
|
2426
2509
|
leading: row.icon,
|
|
@@ -2434,7 +2517,7 @@ function ConnectStep({
|
|
|
2434
2517
|
continue;
|
|
2435
2518
|
}
|
|
2436
2519
|
cryptoRows.push(
|
|
2437
|
-
/* @__PURE__ */
|
|
2520
|
+
/* @__PURE__ */ jsx18(
|
|
2438
2521
|
ListRow,
|
|
2439
2522
|
{
|
|
2440
2523
|
leading: row.icon,
|
|
@@ -2451,7 +2534,7 @@ function ConnectStep({
|
|
|
2451
2534
|
if (fiatPaymentMethods && fiatPaymentMethods.length > 0 && onSelectFiatMethod) {
|
|
2452
2535
|
for (const opt of fiatPaymentMethods) {
|
|
2453
2536
|
cashRows.push(
|
|
2454
|
-
/* @__PURE__ */
|
|
2537
|
+
/* @__PURE__ */ jsx18(
|
|
2455
2538
|
ListRow,
|
|
2456
2539
|
{
|
|
2457
2540
|
leading: fiatIcon(opt.icon),
|
|
@@ -2466,13 +2549,13 @@ function ConnectStep({
|
|
|
2466
2549
|
}
|
|
2467
2550
|
} else if (onSelectPayWithCard) {
|
|
2468
2551
|
cashRows.push(
|
|
2469
|
-
/* @__PURE__ */
|
|
2552
|
+
/* @__PURE__ */ jsx18(
|
|
2470
2553
|
ListRow,
|
|
2471
2554
|
{
|
|
2472
|
-
leading: /* @__PURE__ */
|
|
2555
|
+
leading: /* @__PURE__ */ jsx18(CardIcon, {}),
|
|
2473
2556
|
title: "Debit/Credit card",
|
|
2474
2557
|
subtitle: "Instant - $10,000 limit",
|
|
2475
|
-
meta: /* @__PURE__ */
|
|
2558
|
+
meta: /* @__PURE__ */ jsx18(CardNetworkIcons, {}),
|
|
2476
2559
|
onClick: onSelectPayWithCard
|
|
2477
2560
|
},
|
|
2478
2561
|
"pay-with-card"
|
|
@@ -2485,15 +2568,15 @@ function ConnectStep({
|
|
|
2485
2568
|
const [tab, setTab] = useState(defaultMethodTab);
|
|
2486
2569
|
const activeTab = showToggle ? tab : hasCash && !hasCrypto ? "cash" : "crypto";
|
|
2487
2570
|
const activeRows = activeTab === "cash" ? cashRows : cryptoRows;
|
|
2488
|
-
return /* @__PURE__ */
|
|
2489
|
-
/* @__PURE__ */
|
|
2490
|
-
/* @__PURE__ */
|
|
2571
|
+
return /* @__PURE__ */ jsxs16("div", { className: "rs-screen", children: [
|
|
2572
|
+
/* @__PURE__ */ jsxs16("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
|
|
2573
|
+
/* @__PURE__ */ jsx18(
|
|
2491
2574
|
BodyHeader,
|
|
2492
2575
|
{
|
|
2493
|
-
icon: /* @__PURE__ */
|
|
2576
|
+
icon: /* @__PURE__ */ jsx18(HandCoinsIcon, {}),
|
|
2494
2577
|
title,
|
|
2495
2578
|
subtitle: subtitle ?? defaultSubtitle,
|
|
2496
|
-
aside: showToggle ? /* @__PURE__ */
|
|
2579
|
+
aside: showToggle ? /* @__PURE__ */ jsx18(
|
|
2497
2580
|
SegmentedToggle,
|
|
2498
2581
|
{
|
|
2499
2582
|
ariaLabel: "Deposit method type",
|
|
@@ -2507,9 +2590,9 @@ function ConnectStep({
|
|
|
2507
2590
|
) : void 0
|
|
2508
2591
|
}
|
|
2509
2592
|
),
|
|
2510
|
-
/* @__PURE__ */
|
|
2593
|
+
/* @__PURE__ */ jsx18("div", { className: "rs-list", children: activeRows })
|
|
2511
2594
|
] }),
|
|
2512
|
-
onDisconnect && hasReownWallet && /* @__PURE__ */
|
|
2595
|
+
onDisconnect && hasReownWallet && /* @__PURE__ */ jsx18("div", { className: "rs-screen-tight-row", children: /* @__PURE__ */ jsx18(
|
|
2513
2596
|
"button",
|
|
2514
2597
|
{
|
|
2515
2598
|
type: "button",
|
|
@@ -2518,7 +2601,7 @@ function ConnectStep({
|
|
|
2518
2601
|
children: "Disconnect wallet"
|
|
2519
2602
|
}
|
|
2520
2603
|
) }),
|
|
2521
|
-
/* @__PURE__ */
|
|
2604
|
+
/* @__PURE__ */ jsx18(PoweredBy, {})
|
|
2522
2605
|
] });
|
|
2523
2606
|
}
|
|
2524
2607
|
ConnectStep.displayName = "ConnectStep";
|
|
@@ -2527,7 +2610,7 @@ ConnectStep.displayName = "ConnectStep";
|
|
|
2527
2610
|
import { useCallback as useCallback3, useEffect as useEffect5, useRef as useRef4, useState as useState5 } from "react";
|
|
2528
2611
|
|
|
2529
2612
|
// src/components/ui/Button.tsx
|
|
2530
|
-
import { Fragment as Fragment3, jsx as
|
|
2613
|
+
import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
2531
2614
|
function Button({
|
|
2532
2615
|
children,
|
|
2533
2616
|
variant = "accent",
|
|
@@ -2547,19 +2630,19 @@ function Button({
|
|
|
2547
2630
|
className
|
|
2548
2631
|
].filter(Boolean).join(" ");
|
|
2549
2632
|
const showInlineLoadingText = loading && loadingText !== void 0;
|
|
2550
|
-
return /* @__PURE__ */
|
|
2633
|
+
return /* @__PURE__ */ jsx19(
|
|
2551
2634
|
"button",
|
|
2552
2635
|
{
|
|
2553
2636
|
className: classes,
|
|
2554
2637
|
disabled: disabled || loading,
|
|
2555
2638
|
"aria-busy": loading || void 0,
|
|
2556
2639
|
...props,
|
|
2557
|
-
children: showInlineLoadingText ? /* @__PURE__ */
|
|
2558
|
-
/* @__PURE__ */
|
|
2559
|
-
/* @__PURE__ */
|
|
2560
|
-
] }) : /* @__PURE__ */
|
|
2561
|
-
/* @__PURE__ */
|
|
2562
|
-
loading && /* @__PURE__ */
|
|
2640
|
+
children: showInlineLoadingText ? /* @__PURE__ */ jsxs17("span", { className: "rs-button__loading-row", children: [
|
|
2641
|
+
/* @__PURE__ */ jsx19(Spinner, { className: "rs-spinner--sm" }),
|
|
2642
|
+
/* @__PURE__ */ jsx19("span", { children: loadingText })
|
|
2643
|
+
] }) : /* @__PURE__ */ jsxs17(Fragment3, { children: [
|
|
2644
|
+
/* @__PURE__ */ jsx19("span", { className: loading ? "rs-button__content--hidden" : "", children }),
|
|
2645
|
+
loading && /* @__PURE__ */ jsx19("span", { className: "rs-button__spinner", children: /* @__PURE__ */ jsx19(Spinner, { className: "rs-spinner--sm" }) })
|
|
2563
2646
|
] })
|
|
2564
2647
|
}
|
|
2565
2648
|
);
|
|
@@ -2574,7 +2657,7 @@ import {
|
|
|
2574
2657
|
useCallback as useCallback2
|
|
2575
2658
|
} from "react";
|
|
2576
2659
|
import { createPortal as createPortal2 } from "react-dom";
|
|
2577
|
-
import { jsx as
|
|
2660
|
+
import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
2578
2661
|
function Tooltip({ content, children, className }) {
|
|
2579
2662
|
const [open, setOpen] = useState2(false);
|
|
2580
2663
|
const [position, setPosition] = useState2(null);
|
|
@@ -2615,7 +2698,7 @@ function Tooltip({ content, children, className }) {
|
|
|
2615
2698
|
window.removeEventListener("resize", updatePosition);
|
|
2616
2699
|
};
|
|
2617
2700
|
}, [open, updatePosition]);
|
|
2618
|
-
return /* @__PURE__ */
|
|
2701
|
+
return /* @__PURE__ */ jsxs18(
|
|
2619
2702
|
"span",
|
|
2620
2703
|
{
|
|
2621
2704
|
ref: triggerRef,
|
|
@@ -2623,7 +2706,7 @@ function Tooltip({ content, children, className }) {
|
|
|
2623
2706
|
onMouseEnter: () => setOpen(true),
|
|
2624
2707
|
onMouseLeave: () => setOpen(false),
|
|
2625
2708
|
children: [
|
|
2626
|
-
/* @__PURE__ */
|
|
2709
|
+
/* @__PURE__ */ jsx20(
|
|
2627
2710
|
"span",
|
|
2628
2711
|
{
|
|
2629
2712
|
className: "rs-tooltip-trigger",
|
|
@@ -2645,7 +2728,7 @@ function Tooltip({ content, children, className }) {
|
|
|
2645
2728
|
}
|
|
2646
2729
|
),
|
|
2647
2730
|
open && position && typeof document !== "undefined" && createPortal2(
|
|
2648
|
-
/* @__PURE__ */
|
|
2731
|
+
/* @__PURE__ */ jsx20(
|
|
2649
2732
|
"span",
|
|
2650
2733
|
{
|
|
2651
2734
|
ref: bubbleRef,
|
|
@@ -2665,12 +2748,12 @@ Tooltip.displayName = "Tooltip";
|
|
|
2665
2748
|
|
|
2666
2749
|
// src/components/ui/FeesAccordion.tsx
|
|
2667
2750
|
import { useState as useState3 } from "react";
|
|
2668
|
-
import { jsx as
|
|
2751
|
+
import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
2669
2752
|
function FeesAccordion({ total, rows }) {
|
|
2670
2753
|
const [open, setOpen] = useState3(false);
|
|
2671
2754
|
const expandable = rows.length > 0;
|
|
2672
|
-
return /* @__PURE__ */
|
|
2673
|
-
/* @__PURE__ */
|
|
2755
|
+
return /* @__PURE__ */ jsxs19("div", { className: "rs-fees-accordion", children: [
|
|
2756
|
+
/* @__PURE__ */ jsxs19(
|
|
2674
2757
|
"button",
|
|
2675
2758
|
{
|
|
2676
2759
|
type: "button",
|
|
@@ -2679,31 +2762,31 @@ function FeesAccordion({ total, rows }) {
|
|
|
2679
2762
|
disabled: !expandable,
|
|
2680
2763
|
onClick: () => expandable && setOpen((o) => !o),
|
|
2681
2764
|
children: [
|
|
2682
|
-
/* @__PURE__ */
|
|
2683
|
-
/* @__PURE__ */
|
|
2684
|
-
/* @__PURE__ */
|
|
2685
|
-
expandable && /* @__PURE__ */
|
|
2765
|
+
/* @__PURE__ */ jsx21("span", { children: "Fees" }),
|
|
2766
|
+
/* @__PURE__ */ jsxs19("span", { className: "rs-review-detail-value", children: [
|
|
2767
|
+
/* @__PURE__ */ jsx21("span", { children: total }),
|
|
2768
|
+
expandable && /* @__PURE__ */ jsx21(
|
|
2686
2769
|
"span",
|
|
2687
2770
|
{
|
|
2688
2771
|
className: `rs-fees-accordion-chevron${open ? " rs-fees-accordion-chevron--open" : ""}`,
|
|
2689
2772
|
"aria-hidden": "true",
|
|
2690
|
-
children: /* @__PURE__ */
|
|
2773
|
+
children: /* @__PURE__ */ jsx21(ChevronDownIcon, {})
|
|
2691
2774
|
}
|
|
2692
2775
|
)
|
|
2693
2776
|
] })
|
|
2694
2777
|
]
|
|
2695
2778
|
}
|
|
2696
2779
|
),
|
|
2697
|
-
expandable && open && /* @__PURE__ */
|
|
2698
|
-
/* @__PURE__ */
|
|
2699
|
-
/* @__PURE__ */
|
|
2780
|
+
expandable && open && /* @__PURE__ */ jsx21("div", { className: "rs-fees-accordion-rows", children: rows.map((row, i) => /* @__PURE__ */ jsxs19("div", { className: "rs-fees-accordion-row", children: [
|
|
2781
|
+
/* @__PURE__ */ jsx21("span", { children: row.label }),
|
|
2782
|
+
/* @__PURE__ */ jsx21("span", { className: "rs-review-detail-value", children: row.value })
|
|
2700
2783
|
] }, `${row.label}-${i}`)) })
|
|
2701
2784
|
] });
|
|
2702
2785
|
}
|
|
2703
2786
|
FeesAccordion.displayName = "FeesAccordion";
|
|
2704
2787
|
|
|
2705
2788
|
// src/components/steps/SwappedReceipt.tsx
|
|
2706
|
-
import { jsx as
|
|
2789
|
+
import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
2707
2790
|
function SwappedReceipt({
|
|
2708
2791
|
onrampMethod,
|
|
2709
2792
|
amountPaid,
|
|
@@ -2715,33 +2798,33 @@ function SwappedReceipt({
|
|
|
2715
2798
|
onNewDeposit,
|
|
2716
2799
|
onClose
|
|
2717
2800
|
}) {
|
|
2718
|
-
return /* @__PURE__ */
|
|
2719
|
-
/* @__PURE__ */
|
|
2720
|
-
/* @__PURE__ */
|
|
2721
|
-
/* @__PURE__ */
|
|
2722
|
-
onrampMethod && /* @__PURE__ */
|
|
2723
|
-
/* @__PURE__ */
|
|
2724
|
-
/* @__PURE__ */
|
|
2801
|
+
return /* @__PURE__ */ jsxs20("div", { className: "rs-screen", children: [
|
|
2802
|
+
/* @__PURE__ */ jsxs20("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
|
|
2803
|
+
/* @__PURE__ */ jsx22(BodyHeader, { icon: /* @__PURE__ */ jsx22(CheckIcon, {}), title: "Deposit successful" }),
|
|
2804
|
+
/* @__PURE__ */ jsxs20("div", { className: "rs-review-details", children: [
|
|
2805
|
+
onrampMethod && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
|
|
2806
|
+
/* @__PURE__ */ jsx22("span", { children: "Onramp method" }),
|
|
2807
|
+
/* @__PURE__ */ jsx22("span", { className: "rs-review-detail-value", children: onrampMethod })
|
|
2725
2808
|
] }),
|
|
2726
|
-
amountPaid && /* @__PURE__ */
|
|
2727
|
-
/* @__PURE__ */
|
|
2728
|
-
/* @__PURE__ */
|
|
2809
|
+
amountPaid && /* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
|
|
2810
|
+
/* @__PURE__ */ jsx22("span", { children: "Amount paid" }),
|
|
2811
|
+
/* @__PURE__ */ jsx22("span", { className: "rs-review-detail-value", children: amountPaid })
|
|
2729
2812
|
] }),
|
|
2730
|
-
/* @__PURE__ */
|
|
2731
|
-
/* @__PURE__ */
|
|
2732
|
-
/* @__PURE__ */
|
|
2733
|
-
/* @__PURE__ */
|
|
2734
|
-
depositedIcon && /* @__PURE__ */
|
|
2813
|
+
/* @__PURE__ */ jsxs20("div", { className: "rs-review-detail-row", children: [
|
|
2814
|
+
/* @__PURE__ */ jsx22("span", { children: "Deposited amount" }),
|
|
2815
|
+
/* @__PURE__ */ jsxs20("span", { className: "rs-review-detail-value", children: [
|
|
2816
|
+
/* @__PURE__ */ jsx22("span", { children: depositedAmount }),
|
|
2817
|
+
depositedIcon && /* @__PURE__ */ jsx22("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx22("img", { src: depositedIcon, alt: "" }) })
|
|
2735
2818
|
] })
|
|
2736
2819
|
] }),
|
|
2737
|
-
feesTotal != null && /* @__PURE__ */
|
|
2820
|
+
feesTotal != null && /* @__PURE__ */ jsx22(FeesAccordion, { total: feesTotal, rows: feeRows ?? [] })
|
|
2738
2821
|
] }),
|
|
2739
|
-
/* @__PURE__ */
|
|
2740
|
-
onNewDeposit && /* @__PURE__ */
|
|
2741
|
-
onClose && /* @__PURE__ */
|
|
2822
|
+
/* @__PURE__ */ jsxs20("div", { className: "rs-screen-button-row", children: [
|
|
2823
|
+
onNewDeposit && /* @__PURE__ */ jsx22(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: newLabel }),
|
|
2824
|
+
onClose && /* @__PURE__ */ jsx22(Button, { onClick: onClose, fullWidth: true, children: "Done" })
|
|
2742
2825
|
] })
|
|
2743
2826
|
] }),
|
|
2744
|
-
/* @__PURE__ */
|
|
2827
|
+
/* @__PURE__ */ jsx22(PoweredBy, {})
|
|
2745
2828
|
] });
|
|
2746
2829
|
}
|
|
2747
2830
|
SwappedReceipt.displayName = "SwappedReceipt";
|
|
@@ -3011,9 +3094,9 @@ function useTokenPrices(service, symbols) {
|
|
|
3011
3094
|
}
|
|
3012
3095
|
|
|
3013
3096
|
// src/components/steps/ProcessingStep.tsx
|
|
3014
|
-
import { Fragment as Fragment4, jsx as
|
|
3097
|
+
import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
3015
3098
|
function SuccessBadge() {
|
|
3016
|
-
return /* @__PURE__ */
|
|
3099
|
+
return /* @__PURE__ */ jsxs21(
|
|
3017
3100
|
"svg",
|
|
3018
3101
|
{
|
|
3019
3102
|
width: "40",
|
|
@@ -3023,7 +3106,7 @@ function SuccessBadge() {
|
|
|
3023
3106
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3024
3107
|
"aria-hidden": "true",
|
|
3025
3108
|
children: [
|
|
3026
|
-
/* @__PURE__ */
|
|
3109
|
+
/* @__PURE__ */ jsx23(
|
|
3027
3110
|
"rect",
|
|
3028
3111
|
{
|
|
3029
3112
|
width: "40",
|
|
@@ -3032,7 +3115,7 @@ function SuccessBadge() {
|
|
|
3032
3115
|
fill: "var(--rs-icon-wrapper-bg)"
|
|
3033
3116
|
}
|
|
3034
3117
|
),
|
|
3035
|
-
/* @__PURE__ */
|
|
3118
|
+
/* @__PURE__ */ jsx23(
|
|
3036
3119
|
"path",
|
|
3037
3120
|
{
|
|
3038
3121
|
d: "M28 14L17 25L12 20",
|
|
@@ -3047,7 +3130,7 @@ function SuccessBadge() {
|
|
|
3047
3130
|
);
|
|
3048
3131
|
}
|
|
3049
3132
|
function FailedBadge() {
|
|
3050
|
-
return /* @__PURE__ */
|
|
3133
|
+
return /* @__PURE__ */ jsxs21(
|
|
3051
3134
|
"svg",
|
|
3052
3135
|
{
|
|
3053
3136
|
width: "40",
|
|
@@ -3057,8 +3140,8 @@ function FailedBadge() {
|
|
|
3057
3140
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3058
3141
|
"aria-hidden": "true",
|
|
3059
3142
|
children: [
|
|
3060
|
-
/* @__PURE__ */
|
|
3061
|
-
/* @__PURE__ */
|
|
3143
|
+
/* @__PURE__ */ jsx23("rect", { width: "40", height: "40", rx: "8", fill: "#FB2C36" }),
|
|
3144
|
+
/* @__PURE__ */ jsx23(
|
|
3062
3145
|
"path",
|
|
3063
3146
|
{
|
|
3064
3147
|
d: "M26 14L14 26M14 14L26 26",
|
|
@@ -3169,16 +3252,16 @@ function TickerChar({ value }) {
|
|
|
3169
3252
|
const timeout = setTimeout(() => setPrevious(null), 360);
|
|
3170
3253
|
return () => clearTimeout(timeout);
|
|
3171
3254
|
}, [value, current]);
|
|
3172
|
-
return /* @__PURE__ */
|
|
3173
|
-
previous !== null && /* @__PURE__ */
|
|
3174
|
-
/* @__PURE__ */
|
|
3255
|
+
return /* @__PURE__ */ jsxs21("span", { className: "rs-ticker-slot", children: [
|
|
3256
|
+
previous !== null && /* @__PURE__ */ jsx23("span", { className: "rs-ticker-out", children: previous }, `out-${animKey}`),
|
|
3257
|
+
/* @__PURE__ */ jsx23("span", { className: "rs-ticker-in", children: current }, `in-${animKey}`)
|
|
3175
3258
|
] });
|
|
3176
3259
|
}
|
|
3177
3260
|
function Ticker({ value }) {
|
|
3178
|
-
return /* @__PURE__ */
|
|
3261
|
+
return /* @__PURE__ */ jsx23("span", { className: "rs-ticker", "aria-label": value, children: value.split("").map((char, index) => (
|
|
3179
3262
|
// Position-stable key so each slot keeps its own animation state.
|
|
3180
3263
|
// eslint-disable-next-line react/no-array-index-key
|
|
3181
|
-
/* @__PURE__ */
|
|
3264
|
+
/* @__PURE__ */ jsx23(TickerChar, { value: char }, index)
|
|
3182
3265
|
)) });
|
|
3183
3266
|
}
|
|
3184
3267
|
function getPhaseStartTime(phaseId, phaseTimings) {
|
|
@@ -3619,13 +3702,13 @@ function ProcessingStep({
|
|
|
3619
3702
|
const feeTooltip = uiConfig?.feeTooltip ?? (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.");
|
|
3620
3703
|
const stateTitle = isComplete ? `${flowCapitalized} successful` : isFailed ? `${flowCapitalized} failed` : "Processing...";
|
|
3621
3704
|
const handleRetry = onRetry ?? onNewDeposit;
|
|
3622
|
-
const headerContent = isComplete ? /* @__PURE__ */
|
|
3623
|
-
/* @__PURE__ */
|
|
3624
|
-
/* @__PURE__ */
|
|
3625
|
-
] }) : isFailed ? /* @__PURE__ */
|
|
3626
|
-
/* @__PURE__ */
|
|
3627
|
-
/* @__PURE__ */
|
|
3628
|
-
] }) : /* @__PURE__ */
|
|
3705
|
+
const headerContent = isComplete ? /* @__PURE__ */ jsxs21("div", { className: "rs-body-header", children: [
|
|
3706
|
+
/* @__PURE__ */ jsx23(SuccessBadge, {}),
|
|
3707
|
+
/* @__PURE__ */ jsx23("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx23("h2", { className: "rs-body-header-title", children: stateTitle }) })
|
|
3708
|
+
] }) : isFailed ? /* @__PURE__ */ jsxs21("div", { className: "rs-body-header", children: [
|
|
3709
|
+
/* @__PURE__ */ jsx23(FailedBadge, {}),
|
|
3710
|
+
/* @__PURE__ */ jsx23("div", { className: "rs-body-header-text", children: /* @__PURE__ */ jsx23("h2", { className: "rs-body-header-title", children: stateTitle }) })
|
|
3711
|
+
] }) : /* @__PURE__ */ jsx23(BodyHeader, { icon: /* @__PURE__ */ jsx23(WalletIcon, {}), title: stateTitle });
|
|
3629
3712
|
if (isComplete && isSwappedOrder) {
|
|
3630
3713
|
const onrampMethod = swappedFiatContext?.paymentMethod ? formatPaymentMethod(swappedFiatContext.paymentMethod) : null;
|
|
3631
3714
|
const amountPaid = swappedFiatContext?.paidAmountUsd != null ? `$${swappedFiatContext.paidAmountUsd.toFixed(2)}` : null;
|
|
@@ -3646,7 +3729,7 @@ function ProcessingStep({
|
|
|
3646
3729
|
});
|
|
3647
3730
|
}
|
|
3648
3731
|
const feesTotal = feeRows.length > 0 ? `$${((onrampFeeUsd ?? 0) + (networkFeeUsd ?? 0)).toFixed(2)}` : null;
|
|
3649
|
-
return /* @__PURE__ */
|
|
3732
|
+
return /* @__PURE__ */ jsx23(
|
|
3650
3733
|
SwappedReceipt,
|
|
3651
3734
|
{
|
|
3652
3735
|
onrampMethod,
|
|
@@ -3661,16 +3744,16 @@ function ProcessingStep({
|
|
|
3661
3744
|
}
|
|
3662
3745
|
);
|
|
3663
3746
|
}
|
|
3664
|
-
return /* @__PURE__ */
|
|
3665
|
-
/* @__PURE__ */
|
|
3747
|
+
return /* @__PURE__ */ jsxs21("div", { className: "rs-screen", children: [
|
|
3748
|
+
/* @__PURE__ */ jsxs21("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
|
|
3666
3749
|
headerContent,
|
|
3667
|
-
/* @__PURE__ */
|
|
3668
|
-
/* @__PURE__ */
|
|
3669
|
-
/* @__PURE__ */
|
|
3670
|
-
/* @__PURE__ */
|
|
3671
|
-
/* @__PURE__ */
|
|
3672
|
-
sourceChainIcon && /* @__PURE__ */
|
|
3673
|
-
sourceExplorerUrl && /* @__PURE__ */
|
|
3750
|
+
/* @__PURE__ */ jsxs21("div", { className: "rs-review-details", children: [
|
|
3751
|
+
/* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
|
|
3752
|
+
/* @__PURE__ */ jsx23("span", { children: "Source chain" }),
|
|
3753
|
+
/* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
|
|
3754
|
+
/* @__PURE__ */ jsx23("span", { children: sourceChainName }),
|
|
3755
|
+
sourceChainIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: sourceChainIcon, alt: "" }) }),
|
|
3756
|
+
sourceExplorerUrl && /* @__PURE__ */ jsx23(
|
|
3674
3757
|
"a",
|
|
3675
3758
|
{
|
|
3676
3759
|
href: sourceExplorerUrl,
|
|
@@ -3678,17 +3761,17 @@ function ProcessingStep({
|
|
|
3678
3761
|
rel: "noopener noreferrer",
|
|
3679
3762
|
className: "rs-review-detail-link",
|
|
3680
3763
|
"aria-label": "View source transaction",
|
|
3681
|
-
children: /* @__PURE__ */
|
|
3764
|
+
children: /* @__PURE__ */ jsx23(ExternalLinkIcon, {})
|
|
3682
3765
|
}
|
|
3683
3766
|
)
|
|
3684
3767
|
] })
|
|
3685
3768
|
] }),
|
|
3686
|
-
/* @__PURE__ */
|
|
3687
|
-
/* @__PURE__ */
|
|
3688
|
-
/* @__PURE__ */
|
|
3689
|
-
/* @__PURE__ */
|
|
3690
|
-
targetChainIcon && /* @__PURE__ */
|
|
3691
|
-
destExplorerUrl && /* @__PURE__ */
|
|
3769
|
+
/* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
|
|
3770
|
+
/* @__PURE__ */ jsx23("span", { children: "Destination chain" }),
|
|
3771
|
+
/* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
|
|
3772
|
+
/* @__PURE__ */ jsx23("span", { children: targetChainName }),
|
|
3773
|
+
targetChainIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: targetChainIcon, alt: "" }) }),
|
|
3774
|
+
destExplorerUrl && /* @__PURE__ */ jsx23(
|
|
3692
3775
|
"a",
|
|
3693
3776
|
{
|
|
3694
3777
|
href: destExplorerUrl,
|
|
@@ -3696,75 +3779,75 @@ function ProcessingStep({
|
|
|
3696
3779
|
rel: "noopener noreferrer",
|
|
3697
3780
|
className: "rs-review-detail-link",
|
|
3698
3781
|
"aria-label": "View destination transaction",
|
|
3699
|
-
children: /* @__PURE__ */
|
|
3782
|
+
children: /* @__PURE__ */ jsx23(ExternalLinkIcon, {})
|
|
3700
3783
|
}
|
|
3701
3784
|
)
|
|
3702
3785
|
] })
|
|
3703
3786
|
] }),
|
|
3704
|
-
/* @__PURE__ */
|
|
3705
|
-
/* @__PURE__ */
|
|
3706
|
-
/* @__PURE__ */
|
|
3787
|
+
/* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
|
|
3788
|
+
/* @__PURE__ */ jsx23("span", { children: isProcessing ? "Time elapsed" : "Total time" }),
|
|
3789
|
+
/* @__PURE__ */ jsx23("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx23(Ticker, { value: timerText }) })
|
|
3707
3790
|
] }),
|
|
3708
|
-
isSwappedOrder ? /* @__PURE__ */
|
|
3709
|
-
swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */
|
|
3710
|
-
/* @__PURE__ */
|
|
3711
|
-
/* @__PURE__ */
|
|
3791
|
+
isSwappedOrder ? /* @__PURE__ */ jsxs21(Fragment4, { children: [
|
|
3792
|
+
swappedFiatContext?.paidAmountUsd != null && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
|
|
3793
|
+
/* @__PURE__ */ jsx23("span", { children: "You pay" }),
|
|
3794
|
+
/* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
|
|
3712
3795
|
"$",
|
|
3713
3796
|
swappedFiatContext.paidAmountUsd.toFixed(2),
|
|
3714
|
-
swappedFiatContext.paymentMethod && /* @__PURE__ */
|
|
3797
|
+
swappedFiatContext.paymentMethod && /* @__PURE__ */ jsxs21("span", { style: { color: "#71717b", marginLeft: 6 }, children: [
|
|
3715
3798
|
"via",
|
|
3716
3799
|
" ",
|
|
3717
3800
|
formatPaymentMethod(swappedFiatContext.paymentMethod)
|
|
3718
3801
|
] })
|
|
3719
3802
|
] })
|
|
3720
3803
|
] }),
|
|
3721
|
-
swappedFiatContext?.onrampFeeUsd != null && /* @__PURE__ */
|
|
3722
|
-
/* @__PURE__ */
|
|
3723
|
-
/* @__PURE__ */
|
|
3804
|
+
swappedFiatContext?.onrampFeeUsd != null && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
|
|
3805
|
+
/* @__PURE__ */ jsx23("span", { children: "On-ramp fee" }),
|
|
3806
|
+
/* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
|
|
3724
3807
|
"$",
|
|
3725
3808
|
swappedFiatContext.onrampFeeUsd.toFixed(2)
|
|
3726
3809
|
] })
|
|
3727
3810
|
] }),
|
|
3728
|
-
formattedBridgingCost && /* @__PURE__ */
|
|
3729
|
-
/* @__PURE__ */
|
|
3730
|
-
/* @__PURE__ */
|
|
3731
|
-
/* @__PURE__ */
|
|
3811
|
+
formattedBridgingCost && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
|
|
3812
|
+
/* @__PURE__ */ jsx23("span", { children: "Bridging cost" }),
|
|
3813
|
+
/* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
|
|
3814
|
+
/* @__PURE__ */ jsxs21("span", { children: [
|
|
3732
3815
|
formattedBridgingCost,
|
|
3733
3816
|
" ",
|
|
3734
3817
|
sourceSymbol
|
|
3735
3818
|
] }),
|
|
3736
|
-
sourceTokenIcon && /* @__PURE__ */
|
|
3819
|
+
sourceTokenIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: sourceTokenIcon, alt: "" }) })
|
|
3737
3820
|
] })
|
|
3738
3821
|
] })
|
|
3739
|
-
] }) : /* @__PURE__ */
|
|
3740
|
-
/* @__PURE__ */
|
|
3741
|
-
/* @__PURE__ */
|
|
3742
|
-
/* @__PURE__ */
|
|
3822
|
+
] }) : /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
|
|
3823
|
+
/* @__PURE__ */ jsx23("span", { children: isProcessing ? "You send" : "You sent" }),
|
|
3824
|
+
/* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
|
|
3825
|
+
/* @__PURE__ */ jsxs21("span", { children: [
|
|
3743
3826
|
formattedSentAmount,
|
|
3744
3827
|
" ",
|
|
3745
3828
|
sourceSymbol
|
|
3746
3829
|
] }),
|
|
3747
|
-
sourceTokenIcon && /* @__PURE__ */
|
|
3830
|
+
sourceTokenIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: sourceTokenIcon, alt: "" }) })
|
|
3748
3831
|
] })
|
|
3749
3832
|
] }),
|
|
3750
|
-
/* @__PURE__ */
|
|
3751
|
-
/* @__PURE__ */
|
|
3752
|
-
/* @__PURE__ */
|
|
3753
|
-
/* @__PURE__ */
|
|
3754
|
-
targetTokenIcon && /* @__PURE__ */
|
|
3833
|
+
/* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
|
|
3834
|
+
/* @__PURE__ */ jsx23("span", { children: isProcessing ? "Receive" : "Received" }),
|
|
3835
|
+
/* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
|
|
3836
|
+
/* @__PURE__ */ jsx23("span", { children: receiveDisplay }),
|
|
3837
|
+
targetTokenIcon && /* @__PURE__ */ jsx23("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx23("img", { src: targetTokenIcon, alt: "" }) })
|
|
3755
3838
|
] })
|
|
3756
3839
|
] }),
|
|
3757
|
-
isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */
|
|
3758
|
-
/* @__PURE__ */
|
|
3759
|
-
/* @__PURE__ */
|
|
3840
|
+
isFailed && balanceAfterUsd !== void 0 && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
|
|
3841
|
+
/* @__PURE__ */ jsx23("span", { children: "Balance" }),
|
|
3842
|
+
/* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
|
|
3760
3843
|
"$",
|
|
3761
3844
|
balanceAfterUsd.toFixed(2)
|
|
3762
3845
|
] })
|
|
3763
3846
|
] }),
|
|
3764
|
-
isSwappedOrder ? quotedFeeAmount !== void 0 && /* @__PURE__ */
|
|
3765
|
-
/* @__PURE__ */
|
|
3766
|
-
/* @__PURE__ */
|
|
3767
|
-
/* @__PURE__ */
|
|
3847
|
+
isSwappedOrder ? quotedFeeAmount !== void 0 && /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
|
|
3848
|
+
/* @__PURE__ */ jsx23("span", { children: "Fees" }),
|
|
3849
|
+
/* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
|
|
3850
|
+
/* @__PURE__ */ jsxs21(
|
|
3768
3851
|
"span",
|
|
3769
3852
|
{
|
|
3770
3853
|
style: feeSponsored ? { textDecoration: "line-through" } : void 0,
|
|
@@ -3775,22 +3858,22 @@ function ProcessingStep({
|
|
|
3775
3858
|
]
|
|
3776
3859
|
}
|
|
3777
3860
|
),
|
|
3778
|
-
/* @__PURE__ */
|
|
3861
|
+
/* @__PURE__ */ jsx23(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx23(
|
|
3779
3862
|
"span",
|
|
3780
3863
|
{
|
|
3781
3864
|
className: "rs-review-detail-info",
|
|
3782
3865
|
"aria-label": "Fee info",
|
|
3783
|
-
children: /* @__PURE__ */
|
|
3866
|
+
children: /* @__PURE__ */ jsx23(InfoIcon, {})
|
|
3784
3867
|
}
|
|
3785
3868
|
) })
|
|
3786
3869
|
] })
|
|
3787
3870
|
] }) : (() => {
|
|
3788
3871
|
const feeValue = quotedFeeAmount ?? formattedBridgingCost;
|
|
3789
3872
|
if (feeValue === void 0) return null;
|
|
3790
|
-
return /* @__PURE__ */
|
|
3791
|
-
/* @__PURE__ */
|
|
3792
|
-
/* @__PURE__ */
|
|
3793
|
-
/* @__PURE__ */
|
|
3873
|
+
return /* @__PURE__ */ jsxs21("div", { className: "rs-review-detail-row", children: [
|
|
3874
|
+
/* @__PURE__ */ jsx23("span", { children: "Fees" }),
|
|
3875
|
+
/* @__PURE__ */ jsxs21("span", { className: "rs-review-detail-value", children: [
|
|
3876
|
+
/* @__PURE__ */ jsxs21(
|
|
3794
3877
|
"span",
|
|
3795
3878
|
{
|
|
3796
3879
|
style: feeSponsored ? { textDecoration: "line-through" } : void 0,
|
|
@@ -3801,20 +3884,20 @@ function ProcessingStep({
|
|
|
3801
3884
|
]
|
|
3802
3885
|
}
|
|
3803
3886
|
),
|
|
3804
|
-
/* @__PURE__ */
|
|
3887
|
+
/* @__PURE__ */ jsx23(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx23(
|
|
3805
3888
|
"span",
|
|
3806
3889
|
{
|
|
3807
3890
|
className: "rs-review-detail-info",
|
|
3808
3891
|
"aria-label": "Fee info",
|
|
3809
|
-
children: /* @__PURE__ */
|
|
3892
|
+
children: /* @__PURE__ */ jsx23(InfoIcon, {})
|
|
3810
3893
|
}
|
|
3811
3894
|
) })
|
|
3812
3895
|
] })
|
|
3813
3896
|
] });
|
|
3814
3897
|
})()
|
|
3815
3898
|
] }),
|
|
3816
|
-
isFailed && failureMessage && /* @__PURE__ */
|
|
3817
|
-
isProcessing && /* @__PURE__ */
|
|
3899
|
+
isFailed && failureMessage && /* @__PURE__ */ jsx23(Callout, { variant: "error", children: failureMessage }),
|
|
3900
|
+
isProcessing && /* @__PURE__ */ jsx23(
|
|
3818
3901
|
Button,
|
|
3819
3902
|
{
|
|
3820
3903
|
fullWidth: true,
|
|
@@ -3824,19 +3907,19 @@ function ProcessingStep({
|
|
|
3824
3907
|
children: "Submitting transaction\u2026"
|
|
3825
3908
|
}
|
|
3826
3909
|
),
|
|
3827
|
-
isComplete && /* @__PURE__ */
|
|
3828
|
-
onNewDeposit && /* @__PURE__ */
|
|
3910
|
+
isComplete && /* @__PURE__ */ jsxs21("div", { className: "rs-screen-button-row", children: [
|
|
3911
|
+
onNewDeposit && /* @__PURE__ */ jsxs21(Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: [
|
|
3829
3912
|
"New ",
|
|
3830
3913
|
flowNoun
|
|
3831
3914
|
] }),
|
|
3832
|
-
onClose && /* @__PURE__ */
|
|
3915
|
+
onClose && /* @__PURE__ */ jsx23(Button, { onClick: onClose, fullWidth: true, children: "Done" })
|
|
3833
3916
|
] }),
|
|
3834
|
-
isFailed && /* @__PURE__ */
|
|
3835
|
-
onClose && /* @__PURE__ */
|
|
3836
|
-
handleRetry && /* @__PURE__ */
|
|
3917
|
+
isFailed && /* @__PURE__ */ jsxs21("div", { className: "rs-screen-button-row", children: [
|
|
3918
|
+
onClose && /* @__PURE__ */ jsx23(Button, { variant: "outline", onClick: onClose, fullWidth: true, children: "Cancel" }),
|
|
3919
|
+
handleRetry && /* @__PURE__ */ jsx23(Button, { onClick: handleRetry, fullWidth: true, children: "Try again" })
|
|
3837
3920
|
] })
|
|
3838
3921
|
] }),
|
|
3839
|
-
/* @__PURE__ */
|
|
3922
|
+
/* @__PURE__ */ jsx23(PoweredBy, {})
|
|
3840
3923
|
] });
|
|
3841
3924
|
}
|
|
3842
3925
|
|
|
@@ -3914,6 +3997,7 @@ export {
|
|
|
3914
3997
|
BodyHeader,
|
|
3915
3998
|
PoweredBy,
|
|
3916
3999
|
Spinner,
|
|
4000
|
+
getExchangeLogo,
|
|
3917
4001
|
ConnectStep,
|
|
3918
4002
|
useLatestRef,
|
|
3919
4003
|
Button,
|