@unifold/ui-react 0.1.33 → 0.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +385 -315
- package/dist/index.mjs +385 -315
- package/dist/styles-base.css +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/dist/index.mjs
CHANGED
|
@@ -1131,24 +1131,34 @@ function CurrencyModal({
|
|
|
1131
1131
|
onClose: handleClose
|
|
1132
1132
|
}
|
|
1133
1133
|
),
|
|
1134
|
-
/* @__PURE__ */
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
className: "uf-w-full uf-px-4 uf-py-2.5 uf-text-sm uf-outline-none focus:uf-ring-2 focus:uf-ring-ring/30",
|
|
1142
|
-
style: {
|
|
1143
|
-
backgroundColor: components.search.backgroundColor,
|
|
1144
|
-
color: components.search.inputColor,
|
|
1145
|
-
fontFamily: fonts.regular,
|
|
1146
|
-
borderRadius: components.input.borderRadius,
|
|
1147
|
-
border: `${components.input.borderWidth}px solid ${components.input.borderColor}`
|
|
1134
|
+
/* @__PURE__ */ jsxs5("div", { className: "uf-pb-2", children: [
|
|
1135
|
+
/* @__PURE__ */ jsx6(
|
|
1136
|
+
"style",
|
|
1137
|
+
{
|
|
1138
|
+
dangerouslySetInnerHTML: {
|
|
1139
|
+
__html: `.uf-currency-modal-search::placeholder { color: ${components.search.placeholderColor}; }`
|
|
1140
|
+
}
|
|
1148
1141
|
}
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1142
|
+
),
|
|
1143
|
+
/* @__PURE__ */ jsx6("div", { className: "uf-relative", children: /* @__PURE__ */ jsx6(
|
|
1144
|
+
"input",
|
|
1145
|
+
{
|
|
1146
|
+
type: "text",
|
|
1147
|
+
value: searchQuery,
|
|
1148
|
+
onChange: (e) => setSearchQuery(e.target.value),
|
|
1149
|
+
placeholder: "Search",
|
|
1150
|
+
className: "uf-currency-modal-search uf-w-full uf-p-4 uf-text-sm uf-outline-none focus:uf-ring-2 focus:uf-ring-ring/30",
|
|
1151
|
+
style: {
|
|
1152
|
+
backgroundColor: components.search.backgroundColor,
|
|
1153
|
+
color: components.search.inputColor,
|
|
1154
|
+
fontFamily: fonts.regular,
|
|
1155
|
+
borderRadius: components.input.borderRadius,
|
|
1156
|
+
border: `${components.input.borderWidth}px solid ${components.input.borderColor}`
|
|
1157
|
+
}
|
|
1158
|
+
}
|
|
1159
|
+
) })
|
|
1160
|
+
] }),
|
|
1161
|
+
/* @__PURE__ */ jsx6("div", { className: "uf-flex-1 sm:uf-flex-none uf-overflow-y-auto uf-pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden sm:uf-min-h-[200px] sm:uf-max-h-[400px]", children: /* @__PURE__ */ jsxs5("div", { className: "uf-space-y-2", children: [
|
|
1152
1162
|
/* @__PURE__ */ jsx6(
|
|
1153
1163
|
CurrencyListSection,
|
|
1154
1164
|
{
|
|
@@ -1708,188 +1718,153 @@ function DepositDetailContent({ execution }) {
|
|
|
1708
1718
|
className: "uf-overflow-hidden uf-mb-3",
|
|
1709
1719
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
1710
1720
|
children: [
|
|
1711
|
-
/* @__PURE__ */ jsxs6(
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
"
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
"
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
className: "uf-text-sm",
|
|
1797
|
-
style: {
|
|
1798
|
-
color: components.card.labelColor,
|
|
1799
|
-
fontFamily: fonts.regular
|
|
1800
|
-
},
|
|
1801
|
-
children: "USD Value"
|
|
1802
|
-
}
|
|
1803
|
-
),
|
|
1804
|
-
/* @__PURE__ */ jsx7(
|
|
1805
|
-
"span",
|
|
1806
|
-
{
|
|
1807
|
-
style: {
|
|
1808
|
-
color: components.card.titleColor,
|
|
1809
|
-
fontFamily: fonts.regular,
|
|
1810
|
-
fontSize: "14px"
|
|
1811
|
-
},
|
|
1812
|
-
children: formatUsdAmount2(
|
|
1813
|
-
execution.source_amount_usd,
|
|
1814
|
-
execution.source_amount_base_unit
|
|
1815
|
-
)
|
|
1816
|
-
}
|
|
1817
|
-
)
|
|
1818
|
-
]
|
|
1819
|
-
}
|
|
1820
|
-
),
|
|
1821
|
-
isPending && /* @__PURE__ */ jsxs6(
|
|
1822
|
-
"div",
|
|
1823
|
-
{
|
|
1824
|
-
className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b",
|
|
1825
|
-
style: { borderColor: colors2.border },
|
|
1826
|
-
children: [
|
|
1827
|
-
/* @__PURE__ */ jsx7(
|
|
1828
|
-
"span",
|
|
1829
|
-
{
|
|
1830
|
-
className: "uf-text-sm",
|
|
1831
|
-
style: {
|
|
1832
|
-
color: components.card.labelColor,
|
|
1833
|
-
fontFamily: fonts.regular
|
|
1834
|
-
},
|
|
1835
|
-
children: "Estimated delivery time"
|
|
1836
|
-
}
|
|
1837
|
-
),
|
|
1838
|
-
/* @__PURE__ */ jsx7(
|
|
1839
|
-
"span",
|
|
1840
|
-
{
|
|
1841
|
-
style: {
|
|
1842
|
-
color: components.card.titleColor,
|
|
1843
|
-
fontFamily: fonts.regular,
|
|
1844
|
-
fontSize: "14px"
|
|
1845
|
-
},
|
|
1846
|
-
children: formatEstimatedTime(execution?.estimated_processing_time)
|
|
1847
|
-
}
|
|
1721
|
+
/* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
|
|
1722
|
+
/* @__PURE__ */ jsx7(
|
|
1723
|
+
"span",
|
|
1724
|
+
{
|
|
1725
|
+
className: "uf-text-sm",
|
|
1726
|
+
style: {
|
|
1727
|
+
color: components.card.rowLeftLabel,
|
|
1728
|
+
fontFamily: fonts.regular
|
|
1729
|
+
},
|
|
1730
|
+
children: "Amount Sent"
|
|
1731
|
+
}
|
|
1732
|
+
),
|
|
1733
|
+
/* @__PURE__ */ jsxs6(
|
|
1734
|
+
"span",
|
|
1735
|
+
{
|
|
1736
|
+
style: {
|
|
1737
|
+
color: components.card.rowRightLabel,
|
|
1738
|
+
fontFamily: fonts.regular,
|
|
1739
|
+
fontSize: "14px"
|
|
1740
|
+
},
|
|
1741
|
+
children: [
|
|
1742
|
+
formatAmount(
|
|
1743
|
+
execution.source_amount_base_unit,
|
|
1744
|
+
execution.source_token_metadata?.decimals
|
|
1745
|
+
),
|
|
1746
|
+
" ",
|
|
1747
|
+
formatCurrency(execution.source_currency)
|
|
1748
|
+
]
|
|
1749
|
+
}
|
|
1750
|
+
)
|
|
1751
|
+
] }),
|
|
1752
|
+
/* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
|
|
1753
|
+
/* @__PURE__ */ jsx7(
|
|
1754
|
+
"span",
|
|
1755
|
+
{
|
|
1756
|
+
className: "uf-text-sm",
|
|
1757
|
+
style: {
|
|
1758
|
+
color: components.card.rowLeftLabel,
|
|
1759
|
+
fontFamily: fonts.regular
|
|
1760
|
+
},
|
|
1761
|
+
children: "Amount Received"
|
|
1762
|
+
}
|
|
1763
|
+
),
|
|
1764
|
+
/* @__PURE__ */ jsxs6(
|
|
1765
|
+
"span",
|
|
1766
|
+
{
|
|
1767
|
+
style: {
|
|
1768
|
+
color: components.card.rowRightLabel,
|
|
1769
|
+
fontFamily: fonts.regular,
|
|
1770
|
+
fontSize: "14px"
|
|
1771
|
+
},
|
|
1772
|
+
children: [
|
|
1773
|
+
formatAmount(
|
|
1774
|
+
execution.destination_amount_base_unit,
|
|
1775
|
+
execution.destination_token_metadata?.decimals
|
|
1776
|
+
),
|
|
1777
|
+
" ",
|
|
1778
|
+
formatCurrency(execution.destination_currency)
|
|
1779
|
+
]
|
|
1780
|
+
}
|
|
1781
|
+
)
|
|
1782
|
+
] }),
|
|
1783
|
+
/* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
|
|
1784
|
+
/* @__PURE__ */ jsx7(
|
|
1785
|
+
"span",
|
|
1786
|
+
{
|
|
1787
|
+
className: "uf-text-sm",
|
|
1788
|
+
style: {
|
|
1789
|
+
color: components.card.rowLeftLabel,
|
|
1790
|
+
fontFamily: fonts.regular
|
|
1791
|
+
},
|
|
1792
|
+
children: "USD Value"
|
|
1793
|
+
}
|
|
1794
|
+
),
|
|
1795
|
+
/* @__PURE__ */ jsx7(
|
|
1796
|
+
"span",
|
|
1797
|
+
{
|
|
1798
|
+
style: {
|
|
1799
|
+
color: components.card.rowRightLabel,
|
|
1800
|
+
fontFamily: fonts.regular,
|
|
1801
|
+
fontSize: "14px"
|
|
1802
|
+
},
|
|
1803
|
+
children: formatUsdAmount2(
|
|
1804
|
+
execution.source_amount_usd,
|
|
1805
|
+
execution.source_amount_base_unit
|
|
1848
1806
|
)
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
),
|
|
1852
|
-
/* @__PURE__ */ jsxs6(
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
|
|
1870
|
-
"
|
|
1871
|
-
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1807
|
+
}
|
|
1808
|
+
)
|
|
1809
|
+
] }),
|
|
1810
|
+
isPending && /* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
|
|
1811
|
+
/* @__PURE__ */ jsx7(
|
|
1812
|
+
"span",
|
|
1813
|
+
{
|
|
1814
|
+
className: "uf-text-sm",
|
|
1815
|
+
style: {
|
|
1816
|
+
color: components.card.rowLeftLabel,
|
|
1817
|
+
fontFamily: fonts.regular
|
|
1818
|
+
},
|
|
1819
|
+
children: "Estimated delivery time"
|
|
1820
|
+
}
|
|
1821
|
+
),
|
|
1822
|
+
/* @__PURE__ */ jsx7(
|
|
1823
|
+
"span",
|
|
1824
|
+
{
|
|
1825
|
+
style: {
|
|
1826
|
+
color: components.card.rowRightLabel,
|
|
1827
|
+
fontFamily: fonts.regular,
|
|
1828
|
+
fontSize: "14px"
|
|
1829
|
+
},
|
|
1830
|
+
children: formatEstimatedTime(execution?.estimated_processing_time)
|
|
1831
|
+
}
|
|
1832
|
+
)
|
|
1833
|
+
] }),
|
|
1834
|
+
/* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
|
|
1835
|
+
/* @__PURE__ */ jsx7(
|
|
1836
|
+
"span",
|
|
1837
|
+
{
|
|
1838
|
+
className: "uf-text-sm",
|
|
1839
|
+
style: {
|
|
1840
|
+
color: components.card.rowLeftLabel,
|
|
1841
|
+
fontFamily: fonts.regular
|
|
1842
|
+
},
|
|
1843
|
+
children: "Source Network"
|
|
1844
|
+
}
|
|
1845
|
+
),
|
|
1846
|
+
/* @__PURE__ */ jsx7(
|
|
1847
|
+
"span",
|
|
1848
|
+
{
|
|
1849
|
+
style: {
|
|
1850
|
+
color: components.card.rowRightLabel,
|
|
1851
|
+
fontFamily: fonts.regular,
|
|
1852
|
+
fontSize: "14px"
|
|
1853
|
+
},
|
|
1854
|
+
children: getNetworkName(
|
|
1855
|
+
execution.source_chain_type,
|
|
1856
|
+
execution.source_chain_id
|
|
1882
1857
|
)
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
),
|
|
1858
|
+
}
|
|
1859
|
+
)
|
|
1860
|
+
] }),
|
|
1886
1861
|
/* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
|
|
1887
1862
|
/* @__PURE__ */ jsx7(
|
|
1888
1863
|
"span",
|
|
1889
1864
|
{
|
|
1890
1865
|
className: "uf-text-sm",
|
|
1891
1866
|
style: {
|
|
1892
|
-
color: components.card.
|
|
1867
|
+
color: components.card.rowLeftLabel,
|
|
1893
1868
|
fontFamily: fonts.regular
|
|
1894
1869
|
},
|
|
1895
1870
|
children: "Destination Network"
|
|
@@ -1899,7 +1874,7 @@ function DepositDetailContent({ execution }) {
|
|
|
1899
1874
|
"span",
|
|
1900
1875
|
{
|
|
1901
1876
|
style: {
|
|
1902
|
-
color: components.card.
|
|
1877
|
+
color: components.card.rowRightLabel,
|
|
1903
1878
|
fontFamily: fonts.regular,
|
|
1904
1879
|
fontSize: "14px"
|
|
1905
1880
|
},
|
|
@@ -1941,15 +1916,14 @@ function DepositDetailContent({ execution }) {
|
|
|
1941
1916
|
href: execution.explorer_url,
|
|
1942
1917
|
target: "_blank",
|
|
1943
1918
|
rel: "noopener noreferrer",
|
|
1944
|
-
className: "uf-grid uf-grid-cols-[auto_1fr_auto] uf-items-center uf-gap-2 uf-px-4 uf-py-3
|
|
1945
|
-
style: { borderColor: colors2.border },
|
|
1919
|
+
className: "uf-grid uf-grid-cols-[auto_1fr_auto] uf-items-center uf-gap-2 uf-px-4 uf-py-3 hover:uf-bg-card/50 uf-transition-colors",
|
|
1946
1920
|
children: [
|
|
1947
1921
|
/* @__PURE__ */ jsx7(
|
|
1948
1922
|
"div",
|
|
1949
1923
|
{
|
|
1950
1924
|
className: "uf-text-sm",
|
|
1951
1925
|
style: {
|
|
1952
|
-
color: components.card.
|
|
1926
|
+
color: components.card.rowLeftLabel,
|
|
1953
1927
|
fontFamily: fonts.regular
|
|
1954
1928
|
},
|
|
1955
1929
|
children: "Deposit Tx"
|
|
@@ -1960,7 +1934,7 @@ function DepositDetailContent({ execution }) {
|
|
|
1960
1934
|
{
|
|
1961
1935
|
className: "uf-text-sm uf-text-right",
|
|
1962
1936
|
style: {
|
|
1963
|
-
color: components.card.
|
|
1937
|
+
color: components.card.rowRightLabel,
|
|
1964
1938
|
fontFamily: fonts.regular
|
|
1965
1939
|
},
|
|
1966
1940
|
children: formatTransactionHash(execution.transaction_hash)
|
|
@@ -1970,7 +1944,7 @@ function DepositDetailContent({ execution }) {
|
|
|
1970
1944
|
ExternalLink,
|
|
1971
1945
|
{
|
|
1972
1946
|
className: "uf-w-3.5 uf-h-3.5 uf-block",
|
|
1973
|
-
style: { color: components.card.
|
|
1947
|
+
style: { color: components.card.actionIcon }
|
|
1974
1948
|
}
|
|
1975
1949
|
)
|
|
1976
1950
|
]
|
|
@@ -1989,7 +1963,7 @@ function DepositDetailContent({ execution }) {
|
|
|
1989
1963
|
{
|
|
1990
1964
|
className: "uf-text-sm",
|
|
1991
1965
|
style: {
|
|
1992
|
-
color: components.card.
|
|
1966
|
+
color: components.card.rowLeftLabel,
|
|
1993
1967
|
fontFamily: fonts.regular
|
|
1994
1968
|
},
|
|
1995
1969
|
children: "Completion Tx"
|
|
@@ -2000,7 +1974,7 @@ function DepositDetailContent({ execution }) {
|
|
|
2000
1974
|
{
|
|
2001
1975
|
className: "uf-text-sm uf-text-right",
|
|
2002
1976
|
style: {
|
|
2003
|
-
color: components.card.
|
|
1977
|
+
color: components.card.rowRightLabel,
|
|
2004
1978
|
fontFamily: fonts.regular
|
|
2005
1979
|
},
|
|
2006
1980
|
children: formatTransactionHash(
|
|
@@ -2012,7 +1986,7 @@ function DepositDetailContent({ execution }) {
|
|
|
2012
1986
|
ExternalLink,
|
|
2013
1987
|
{
|
|
2014
1988
|
className: "uf-w-3.5 uf-h-3.5 uf-block",
|
|
2015
|
-
style: { color: components.card.
|
|
1989
|
+
style: { color: components.card.actionIcon }
|
|
2016
1990
|
}
|
|
2017
1991
|
)
|
|
2018
1992
|
]
|
|
@@ -2780,25 +2754,28 @@ function BuyWithCard({
|
|
|
2780
2754
|
}
|
|
2781
2755
|
}
|
|
2782
2756
|
) }) }),
|
|
2783
|
-
selectedCurrencyData?.suggested_amounts && selectedCurrencyData.suggested_amounts.length > 0 && /* @__PURE__ */ jsx10("div", { className: "uf-flex uf-gap-3 uf-justify-center", children: selectedCurrencyData.suggested_amounts.map((quickAmount) =>
|
|
2784
|
-
|
|
2785
|
-
|
|
2786
|
-
|
|
2787
|
-
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2791
|
-
|
|
2792
|
-
|
|
2793
|
-
|
|
2757
|
+
selectedCurrencyData?.suggested_amounts && selectedCurrencyData.suggested_amounts.length > 0 && /* @__PURE__ */ jsx10("div", { className: "uf-flex uf-gap-3 uf-justify-center", children: selectedCurrencyData.suggested_amounts.map((quickAmount) => {
|
|
2758
|
+
const isSelected = parseFloat(amount) === quickAmount;
|
|
2759
|
+
return /* @__PURE__ */ jsxs8(
|
|
2760
|
+
"button",
|
|
2761
|
+
{
|
|
2762
|
+
onClick: () => handleQuickAmount(quickAmount),
|
|
2763
|
+
className: "uf-w-24 uf-py-2 hover:uf-bg-accent uf-transition-colors uf-text-sm uf-font-medium",
|
|
2764
|
+
style: {
|
|
2765
|
+
backgroundColor: components.card.backgroundColor,
|
|
2766
|
+
color: components.card.titleColor,
|
|
2767
|
+
fontFamily: fonts.medium,
|
|
2768
|
+
borderRadius: components.card.borderRadius,
|
|
2769
|
+
border: `${components.card.borderWidth}px solid ${isSelected ? colors2.primary : components.card.borderColor}`
|
|
2770
|
+
},
|
|
2771
|
+
children: [
|
|
2772
|
+
getCurrencySymbol(currency),
|
|
2773
|
+
quickAmount.toLocaleString()
|
|
2774
|
+
]
|
|
2794
2775
|
},
|
|
2795
|
-
|
|
2796
|
-
|
|
2797
|
-
|
|
2798
|
-
]
|
|
2799
|
-
},
|
|
2800
|
-
quickAmount
|
|
2801
|
-
)) }),
|
|
2776
|
+
quickAmount
|
|
2777
|
+
);
|
|
2778
|
+
}) }),
|
|
2802
2779
|
amountValidationError && /* @__PURE__ */ jsx10(
|
|
2803
2780
|
"div",
|
|
2804
2781
|
{
|
|
@@ -2817,7 +2794,7 @@ function BuyWithCard({
|
|
|
2817
2794
|
"span",
|
|
2818
2795
|
{
|
|
2819
2796
|
style: {
|
|
2820
|
-
color: components.card.
|
|
2797
|
+
color: components.card.labelColor,
|
|
2821
2798
|
fontFamily: fonts.medium
|
|
2822
2799
|
},
|
|
2823
2800
|
children: "Provider"
|
|
@@ -2876,7 +2853,7 @@ function BuyWithCard({
|
|
|
2876
2853
|
{
|
|
2877
2854
|
className: "uf-text-xs uf-font-normal uf-mb-2",
|
|
2878
2855
|
style: {
|
|
2879
|
-
color: components.card.
|
|
2856
|
+
color: components.card.headerColor,
|
|
2880
2857
|
fontFamily: fonts.regular
|
|
2881
2858
|
},
|
|
2882
2859
|
children: "Auto-picked for you"
|
|
@@ -2991,8 +2968,8 @@ function BuyWithCard({
|
|
|
2991
2968
|
/* @__PURE__ */ jsx10(
|
|
2992
2969
|
"div",
|
|
2993
2970
|
{
|
|
2994
|
-
className: `uf-transition-all uf-duration-300 uf-min-h-[420px] ${showQuotesView && !showOnrampView ? "uf-opacity-100" : "uf-opacity-0 uf-pointer-events-none uf-absolute uf-inset-0"}`,
|
|
2995
|
-
children: /* @__PURE__ */ jsx10("div", { className: "uf-space-y-2 uf-pt-2", children: sortedQuotes.map((quote, index) => {
|
|
2971
|
+
className: `uf-transition-all uf-duration-300 uf-min-h-[420px] uf-flex uf-flex-col ${showQuotesView && !showOnrampView ? "uf-opacity-100" : "uf-opacity-0 uf-pointer-events-none uf-absolute uf-inset-0"}`,
|
|
2972
|
+
children: /* @__PURE__ */ jsx10("div", { className: "uf-space-y-2 uf-pt-2 uf-pb-8 uf-overflow-y-auto uf-flex-1 uf-min-h-0", children: sortedQuotes.map((quote, index) => {
|
|
2996
2973
|
const badges = getProviderBadges(quote, sortedQuotes);
|
|
2997
2974
|
const displayName = quote.service_provider_display_name;
|
|
2998
2975
|
const isSelected = selectedProvider?.service_provider === quote.service_provider;
|
|
@@ -3009,11 +2986,11 @@ function BuyWithCard({
|
|
|
3009
2986
|
},
|
|
3010
2987
|
onMouseEnter: () => setHoveredProviderIndex(index),
|
|
3011
2988
|
onMouseLeave: () => setHoveredProviderIndex(null),
|
|
3012
|
-
className:
|
|
2989
|
+
className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between uf-group",
|
|
3013
2990
|
style: {
|
|
3014
2991
|
backgroundColor: hoveredProviderIndex === index ? colors2.cardHover : components.card.backgroundColor,
|
|
3015
2992
|
borderRadius: components.card.borderRadius,
|
|
3016
|
-
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
2993
|
+
border: isSelected ? `2px solid ${colors2.primary}` : `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
3017
2994
|
},
|
|
3018
2995
|
children: [
|
|
3019
2996
|
/* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
@@ -3040,7 +3017,8 @@ function BuyWithCard({
|
|
|
3040
3017
|
badges.map((badge, i) => /* @__PURE__ */ jsxs8(
|
|
3041
3018
|
"span",
|
|
3042
3019
|
{
|
|
3043
|
-
className: "uf-text-[10px] uf-
|
|
3020
|
+
className: "uf-text-[10px] uf-font-normal",
|
|
3021
|
+
style: { color: colors2.success },
|
|
3044
3022
|
children: [
|
|
3045
3023
|
badge,
|
|
3046
3024
|
i < badges.length - 1 && ","
|
|
@@ -3048,8 +3026,25 @@ function BuyWithCard({
|
|
|
3048
3026
|
},
|
|
3049
3027
|
i
|
|
3050
3028
|
)),
|
|
3051
|
-
quote.low_kyc === false && badges.length > 0 && /* @__PURE__ */ jsx10(
|
|
3052
|
-
|
|
3029
|
+
quote.low_kyc === false && badges.length > 0 && /* @__PURE__ */ jsx10(
|
|
3030
|
+
"span",
|
|
3031
|
+
{
|
|
3032
|
+
className: "uf-text-[10px]",
|
|
3033
|
+
style: { color: components.card.subtextRightColor },
|
|
3034
|
+
children: "\u2022"
|
|
3035
|
+
}
|
|
3036
|
+
),
|
|
3037
|
+
quote.low_kyc === false && /* @__PURE__ */ jsx10(
|
|
3038
|
+
"span",
|
|
3039
|
+
{
|
|
3040
|
+
className: "uf-text-[10px] uf-font-normal",
|
|
3041
|
+
style: {
|
|
3042
|
+
color: components.card.subtextRightColor,
|
|
3043
|
+
fontFamily: fonts.regular
|
|
3044
|
+
},
|
|
3045
|
+
children: "No document upload"
|
|
3046
|
+
}
|
|
3047
|
+
)
|
|
3053
3048
|
] })
|
|
3054
3049
|
] })
|
|
3055
3050
|
] }),
|
|
@@ -3150,7 +3145,7 @@ function BuyWithCard({
|
|
|
3150
3145
|
}
|
|
3151
3146
|
)
|
|
3152
3147
|
] }),
|
|
3153
|
-
/* @__PURE__ */ jsx10("div", { className: "uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ jsx10(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.
|
|
3148
|
+
/* @__PURE__ */ jsx10("div", { className: "uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ jsx10(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.iconColor } }) }),
|
|
3154
3149
|
/* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
|
|
3155
3150
|
/* @__PURE__ */ jsx10("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ jsxs8("div", { className: "uf-relative", children: [
|
|
3156
3151
|
/* @__PURE__ */ jsx10(
|
|
@@ -3193,7 +3188,7 @@ function BuyWithCard({
|
|
|
3193
3188
|
}
|
|
3194
3189
|
)
|
|
3195
3190
|
] }),
|
|
3196
|
-
/* @__PURE__ */ jsx10("div", { className: "uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ jsx10(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.
|
|
3191
|
+
/* @__PURE__ */ jsx10("div", { className: "uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ jsx10(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.iconColor } }) }),
|
|
3197
3192
|
/* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
|
|
3198
3193
|
/* @__PURE__ */ jsx10("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ jsxs8("div", { className: "uf-relative", children: [
|
|
3199
3194
|
/* @__PURE__ */ jsx10(
|
|
@@ -3691,7 +3686,7 @@ function DepositExecutionItem({
|
|
|
3691
3686
|
{
|
|
3692
3687
|
className: "uf-font-medium uf-text-sm uf-flex-shrink-0",
|
|
3693
3688
|
style: {
|
|
3694
|
-
color: components.card.
|
|
3689
|
+
color: components.card.textRightColor,
|
|
3695
3690
|
fontFamily: fonts.medium
|
|
3696
3691
|
},
|
|
3697
3692
|
children: formatUsdAmount2(execution.source_amount_usd || "0")
|
|
@@ -3745,7 +3740,7 @@ function TransferCryptoButton({
|
|
|
3745
3740
|
Zap,
|
|
3746
3741
|
{
|
|
3747
3742
|
className: "uf-w-5 uf-h-5",
|
|
3748
|
-
style: { color:
|
|
3743
|
+
style: { color: components.card.iconColor }
|
|
3749
3744
|
}
|
|
3750
3745
|
) }),
|
|
3751
3746
|
/* @__PURE__ */ jsxs11("div", { className: "uf-text-left", children: [
|
|
@@ -3837,7 +3832,7 @@ function DepositWithCardButton({
|
|
|
3837
3832
|
CreditCard,
|
|
3838
3833
|
{
|
|
3839
3834
|
className: "uf-w-5 uf-h-5",
|
|
3840
|
-
style: { color:
|
|
3835
|
+
style: { color: components.card.iconColor }
|
|
3841
3836
|
}
|
|
3842
3837
|
) }),
|
|
3843
3838
|
/* @__PURE__ */ jsxs12("div", { className: "uf-text-left", children: [
|
|
@@ -3935,7 +3930,7 @@ function PayWithExchangeButton({
|
|
|
3935
3930
|
ArrowLeftRight,
|
|
3936
3931
|
{
|
|
3937
3932
|
className: "uf-w-5 uf-h-5",
|
|
3938
|
-
style: { color:
|
|
3933
|
+
style: { color: components.card.iconColor }
|
|
3939
3934
|
}
|
|
3940
3935
|
) }),
|
|
3941
3936
|
/* @__PURE__ */ jsxs13("div", { className: "uf-text-left", children: [
|
|
@@ -4027,7 +4022,7 @@ function DepositTrackerButton({
|
|
|
4027
4022
|
Clock,
|
|
4028
4023
|
{
|
|
4029
4024
|
className: "uf-w-5 uf-h-5",
|
|
4030
|
-
style: { color:
|
|
4025
|
+
style: { color: components.card.iconColor }
|
|
4031
4026
|
}
|
|
4032
4027
|
),
|
|
4033
4028
|
badge !== void 0 && badge > 0 && /* @__PURE__ */ jsx16(
|
|
@@ -6988,7 +6983,7 @@ function DepositsModal({
|
|
|
6988
6983
|
onClose: handleClose
|
|
6989
6984
|
}
|
|
6990
6985
|
),
|
|
6991
|
-
/* @__PURE__ */ jsx33("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx33("div", { className: "uf-space-y-2", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx33("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx33(
|
|
6986
|
+
/* @__PURE__ */ jsx33("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx33("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx33("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx33(
|
|
6992
6987
|
"div",
|
|
6993
6988
|
{
|
|
6994
6989
|
className: "uf-text-sm",
|
|
@@ -7187,23 +7182,33 @@ function TokenSelectorSheet({
|
|
|
7187
7182
|
),
|
|
7188
7183
|
/* @__PURE__ */ jsx34("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
|
|
7189
7184
|
] }),
|
|
7190
|
-
/* @__PURE__ */
|
|
7191
|
-
|
|
7192
|
-
|
|
7193
|
-
|
|
7194
|
-
|
|
7195
|
-
|
|
7196
|
-
|
|
7197
|
-
className: "uf-w-full uf-px-4 uf-py-2.5 uf-text-sm uf-outline-none focus:uf-ring-2 focus:uf-ring-ring/30",
|
|
7198
|
-
style: {
|
|
7199
|
-
backgroundColor: components.search.backgroundColor,
|
|
7200
|
-
color: components.search.inputColor,
|
|
7201
|
-
fontFamily: fonts.regular,
|
|
7202
|
-
borderRadius: components.input.borderRadius,
|
|
7203
|
-
border: `${components.input.borderWidth}px solid ${components.input.borderColor}`
|
|
7185
|
+
/* @__PURE__ */ jsxs30("div", { className: "uf-pb-3", children: [
|
|
7186
|
+
/* @__PURE__ */ jsx34(
|
|
7187
|
+
"style",
|
|
7188
|
+
{
|
|
7189
|
+
dangerouslySetInnerHTML: {
|
|
7190
|
+
__html: `.uf-token-sheet-search::placeholder { color: ${components.search.placeholderColor}; }`
|
|
7191
|
+
}
|
|
7204
7192
|
}
|
|
7205
|
-
|
|
7206
|
-
|
|
7193
|
+
),
|
|
7194
|
+
/* @__PURE__ */ jsx34("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsx34(
|
|
7195
|
+
"input",
|
|
7196
|
+
{
|
|
7197
|
+
type: "text",
|
|
7198
|
+
placeholder: "Search",
|
|
7199
|
+
value: searchQuery,
|
|
7200
|
+
onChange: (e) => setSearchQuery(e.target.value),
|
|
7201
|
+
className: "uf-token-sheet-search uf-w-full uf-px-4 uf-py-2.5 uf-text-sm uf-outline-none focus:uf-ring-2 focus:uf-ring-ring/30",
|
|
7202
|
+
style: {
|
|
7203
|
+
backgroundColor: components.search.backgroundColor,
|
|
7204
|
+
color: components.search.inputColor,
|
|
7205
|
+
fontFamily: fonts.regular,
|
|
7206
|
+
borderRadius: components.input.borderRadius,
|
|
7207
|
+
border: `${components.input.borderWidth}px solid ${components.input.borderColor}`
|
|
7208
|
+
}
|
|
7209
|
+
}
|
|
7210
|
+
) })
|
|
7211
|
+
] }),
|
|
7207
7212
|
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ jsxs30("div", { className: "uf-pb-3 uf--mx-6", children: [
|
|
7208
7213
|
/* @__PURE__ */ jsx34(
|
|
7209
7214
|
"div",
|
|
@@ -7455,12 +7460,13 @@ function TokenSelectorSheet({
|
|
|
7455
7460
|
style: {
|
|
7456
7461
|
fontSize: 12,
|
|
7457
7462
|
flexShrink: 0,
|
|
7458
|
-
color: components.card.labelColor,
|
|
7459
7463
|
fontFamily: fonts.regular
|
|
7460
7464
|
},
|
|
7461
7465
|
children: [
|
|
7462
|
-
"
|
|
7463
|
-
|
|
7466
|
+
/* @__PURE__ */ jsxs30("span", { style: { color: components.card.textRightColor }, children: [
|
|
7467
|
+
"Minimum:",
|
|
7468
|
+
" "
|
|
7469
|
+
] }),
|
|
7464
7470
|
/* @__PURE__ */ jsxs30("span", { style: { color: components.card.labelHighlightRightColor }, children: [
|
|
7465
7471
|
"$",
|
|
7466
7472
|
chain.minimum_deposit_amount_usd
|
|
@@ -7542,13 +7548,15 @@ import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
|
7542
7548
|
function DepositFooterLinks({
|
|
7543
7549
|
onGlossaryClick
|
|
7544
7550
|
}) {
|
|
7551
|
+
const { colors: colors2 } = useTheme();
|
|
7545
7552
|
return /* @__PURE__ */ jsxs32("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
|
|
7546
7553
|
/* @__PURE__ */ jsx36(
|
|
7547
7554
|
"a",
|
|
7548
7555
|
{
|
|
7549
7556
|
href: "https://unifold.io/terms",
|
|
7550
7557
|
target: "_blank",
|
|
7551
|
-
className: "uf-cursor-pointer hover:uf-
|
|
7558
|
+
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
7559
|
+
style: { color: colors2.primary },
|
|
7552
7560
|
children: "Terms"
|
|
7553
7561
|
}
|
|
7554
7562
|
),
|
|
@@ -7558,7 +7566,8 @@ function DepositFooterLinks({
|
|
|
7558
7566
|
{
|
|
7559
7567
|
href: "https://unifold.io/support",
|
|
7560
7568
|
target: "_blank",
|
|
7561
|
-
className: "uf-cursor-pointer hover:uf-
|
|
7569
|
+
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
7570
|
+
style: { color: colors2.primary },
|
|
7562
7571
|
children: "Help"
|
|
7563
7572
|
}
|
|
7564
7573
|
),
|
|
@@ -7566,8 +7575,9 @@ function DepositFooterLinks({
|
|
|
7566
7575
|
/* @__PURE__ */ jsx36(
|
|
7567
7576
|
"div",
|
|
7568
7577
|
{
|
|
7569
|
-
className: "uf-cursor-pointer hover:uf-
|
|
7578
|
+
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
7570
7579
|
onClick: onGlossaryClick,
|
|
7580
|
+
style: { color: colors2.primary },
|
|
7571
7581
|
children: "Glossary"
|
|
7572
7582
|
}
|
|
7573
7583
|
)
|
|
@@ -7581,61 +7591,117 @@ var t3 = i18n.transferCrypto;
|
|
|
7581
7591
|
function GlossaryModal({
|
|
7582
7592
|
open,
|
|
7583
7593
|
onOpenChange,
|
|
7584
|
-
|
|
7585
|
-
|
|
7594
|
+
backgroundColor: backgroundColorProp,
|
|
7595
|
+
themeClass: themeClassProp,
|
|
7596
|
+
colors: colorsProp
|
|
7586
7597
|
}) {
|
|
7598
|
+
const { themeClass, colors: colors2, components } = useTheme();
|
|
7599
|
+
const resolvedThemeClass = themeClassProp ?? themeClass;
|
|
7600
|
+
const modalBackground = backgroundColorProp ?? colors2.background;
|
|
7587
7601
|
return /* @__PURE__ */ jsx37(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs33(
|
|
7588
7602
|
DialogContent,
|
|
7589
7603
|
{
|
|
7590
|
-
className: `sm:uf-max-w-[400px] !uf-top-auto !uf-h-auto sm:!uf-top-[50%] uf-border-secondary uf-
|
|
7591
|
-
style: { backgroundColor:
|
|
7604
|
+
className: `sm:uf-max-w-[400px] !uf-top-auto !uf-h-auto sm:!uf-top-[50%] uf-border-secondary uf-p-0 uf-gap-0 [&>button]:uf-hidden ${resolvedThemeClass}`,
|
|
7605
|
+
style: { backgroundColor: modalBackground },
|
|
7592
7606
|
children: [
|
|
7593
|
-
/* @__PURE__ */ jsxs33("div", { className: "uf-flex uf-items-center uf-justify-between
|
|
7594
|
-
/* @__PURE__ */ jsx37(
|
|
7607
|
+
/* @__PURE__ */ jsxs33("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
|
|
7608
|
+
/* @__PURE__ */ jsx37("span", { className: "uf-invisible uf-w-9 uf-h-9 uf-flex uf-shrink-0 uf-items-center uf-justify-center", "aria-hidden": true, children: /* @__PURE__ */ jsx37(X5, { className: "uf-w-4 uf-h-4" }) }),
|
|
7609
|
+
/* @__PURE__ */ jsx37(
|
|
7610
|
+
DialogTitle,
|
|
7611
|
+
{
|
|
7612
|
+
className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
|
|
7613
|
+
style: { color: components.header.titleColor },
|
|
7614
|
+
children: "Glossary"
|
|
7615
|
+
}
|
|
7616
|
+
),
|
|
7595
7617
|
/* @__PURE__ */ jsx37(
|
|
7596
7618
|
"button",
|
|
7597
7619
|
{
|
|
7598
7620
|
onClick: () => onOpenChange(false),
|
|
7599
|
-
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-
|
|
7621
|
+
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
|
|
7622
|
+
style: { color: components.header.buttonColor },
|
|
7600
7623
|
children: /* @__PURE__ */ jsx37(X5, { className: "uf-w-4 uf-h-4" })
|
|
7601
7624
|
}
|
|
7602
7625
|
)
|
|
7603
7626
|
] }),
|
|
7604
|
-
/* @__PURE__ */ jsx37("div", { className: "uf-max-h-[60vh] sm:uf-max-h-[400px] uf-overflow-y-auto uf-
|
|
7605
|
-
/* @__PURE__ */ jsxs33(
|
|
7606
|
-
|
|
7607
|
-
|
|
7608
|
-
|
|
7609
|
-
|
|
7610
|
-
|
|
7611
|
-
|
|
7612
|
-
|
|
7613
|
-
|
|
7614
|
-
|
|
7615
|
-
|
|
7616
|
-
|
|
7617
|
-
|
|
7618
|
-
|
|
7619
|
-
|
|
7620
|
-
|
|
7621
|
-
|
|
7622
|
-
|
|
7623
|
-
|
|
7624
|
-
|
|
7625
|
-
|
|
7626
|
-
|
|
7627
|
-
|
|
7628
|
-
|
|
7629
|
-
|
|
7630
|
-
|
|
7631
|
-
|
|
7632
|
-
|
|
7633
|
-
|
|
7634
|
-
|
|
7635
|
-
|
|
7636
|
-
|
|
7637
|
-
|
|
7638
|
-
|
|
7627
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-max-h-[60vh] sm:uf-max-h-[400px] uf-overflow-y-auto uf-pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsxs33("div", { className: "uf-space-y-3", children: [
|
|
7628
|
+
/* @__PURE__ */ jsxs33(
|
|
7629
|
+
"div",
|
|
7630
|
+
{
|
|
7631
|
+
className: "uf-rounded-xl uf-p-3",
|
|
7632
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
7633
|
+
children: [
|
|
7634
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
|
|
7635
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
|
|
7636
|
+
]
|
|
7637
|
+
}
|
|
7638
|
+
),
|
|
7639
|
+
/* @__PURE__ */ jsxs33(
|
|
7640
|
+
"div",
|
|
7641
|
+
{
|
|
7642
|
+
className: "uf-rounded-xl uf-p-3",
|
|
7643
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
7644
|
+
children: [
|
|
7645
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
|
|
7646
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "A unique wallet address generated for you. Send supported tokens to this address and they will be automatically converted and deposited into your account." })
|
|
7647
|
+
]
|
|
7648
|
+
}
|
|
7649
|
+
),
|
|
7650
|
+
/* @__PURE__ */ jsxs33(
|
|
7651
|
+
"div",
|
|
7652
|
+
{
|
|
7653
|
+
className: "uf-rounded-xl uf-p-3",
|
|
7654
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
7655
|
+
children: [
|
|
7656
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
|
|
7657
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
|
|
7658
|
+
]
|
|
7659
|
+
}
|
|
7660
|
+
),
|
|
7661
|
+
/* @__PURE__ */ jsxs33(
|
|
7662
|
+
"div",
|
|
7663
|
+
{
|
|
7664
|
+
className: "uf-rounded-xl uf-p-3",
|
|
7665
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
7666
|
+
children: [
|
|
7667
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
|
|
7668
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
|
|
7669
|
+
]
|
|
7670
|
+
}
|
|
7671
|
+
),
|
|
7672
|
+
/* @__PURE__ */ jsxs33(
|
|
7673
|
+
"div",
|
|
7674
|
+
{
|
|
7675
|
+
className: "uf-rounded-xl uf-p-3",
|
|
7676
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
7677
|
+
children: [
|
|
7678
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
|
|
7679
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The estimated time for your deposit to be confirmed and credited. This depends on the source network's block confirmation time and current congestion." })
|
|
7680
|
+
]
|
|
7681
|
+
}
|
|
7682
|
+
),
|
|
7683
|
+
/* @__PURE__ */ jsxs33(
|
|
7684
|
+
"div",
|
|
7685
|
+
{
|
|
7686
|
+
className: "uf-rounded-xl uf-p-3",
|
|
7687
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
7688
|
+
children: [
|
|
7689
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
|
|
7690
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
|
|
7691
|
+
]
|
|
7692
|
+
}
|
|
7693
|
+
),
|
|
7694
|
+
/* @__PURE__ */ jsxs33(
|
|
7695
|
+
"div",
|
|
7696
|
+
{
|
|
7697
|
+
className: "uf-rounded-xl uf-p-3",
|
|
7698
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
7699
|
+
children: [
|
|
7700
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
|
|
7701
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The destination address on the target blockchain where your converted deposit will be sent. This is typically your wallet address on the application's native chain." })
|
|
7702
|
+
]
|
|
7703
|
+
}
|
|
7704
|
+
)
|
|
7639
7705
|
] }) })
|
|
7640
7706
|
]
|
|
7641
7707
|
}
|
|
@@ -7914,7 +7980,7 @@ function TransferCryptoSingleInput({
|
|
|
7914
7980
|
className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
|
|
7915
7981
|
style: { backgroundColor: colors2.background },
|
|
7916
7982
|
children: [
|
|
7917
|
-
/* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-
|
|
7983
|
+
/* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ jsx39("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
|
|
7918
7984
|
/* @__PURE__ */ jsx39(
|
|
7919
7985
|
"button",
|
|
7920
7986
|
{
|
|
@@ -8018,7 +8084,7 @@ function TransferCryptoSingleInput({
|
|
|
8018
8084
|
] })
|
|
8019
8085
|
] }),
|
|
8020
8086
|
/* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
8021
|
-
/* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-
|
|
8087
|
+
/* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
8022
8088
|
/* @__PURE__ */ jsx39("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
8023
8089
|
// QR Skeleton - matches QR code appearance
|
|
8024
8090
|
/* @__PURE__ */ jsx39(
|
|
@@ -8063,7 +8129,7 @@ function TransferCryptoSingleInput({
|
|
|
8063
8129
|
}
|
|
8064
8130
|
) })
|
|
8065
8131
|
] }),
|
|
8066
|
-
/* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsxs34("div", { className: "uf-text-sm uf-
|
|
8132
|
+
/* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsxs34("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
8067
8133
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
8068
8134
|
// Address skeleton
|
|
8069
8135
|
/* @__PURE__ */ jsx39(
|
|
@@ -8075,12 +8141,13 @@ function TransferCryptoSingleInput({
|
|
|
8075
8141
|
}
|
|
8076
8142
|
}
|
|
8077
8143
|
)
|
|
8078
|
-
) : /* @__PURE__ */ jsx39("span", { className: "uf-text-sm uf-truncate uf-min-w-0", children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
|
|
8144
|
+
) : /* @__PURE__ */ jsx39("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
|
|
8079
8145
|
depositAddress && initialSelectionDone && /* @__PURE__ */ jsx39(
|
|
8080
8146
|
"span",
|
|
8081
8147
|
{
|
|
8082
8148
|
onClick: handleCopyAddress,
|
|
8083
|
-
className:
|
|
8149
|
+
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8150
|
+
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
8084
8151
|
children: copied ? /* @__PURE__ */ jsx39(Check3, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx39(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
8085
8152
|
}
|
|
8086
8153
|
)
|
|
@@ -8142,7 +8209,8 @@ function TransferCryptoSingleInput({
|
|
|
8142
8209
|
"span",
|
|
8143
8210
|
{
|
|
8144
8211
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
8145
|
-
className:
|
|
8212
|
+
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8213
|
+
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
8146
8214
|
children: copiedRecipient ? /* @__PURE__ */ jsx39(Check3, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx39(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
8147
8215
|
}
|
|
8148
8216
|
)
|
|
@@ -8561,7 +8629,7 @@ function TransferCryptoDoubleInput({
|
|
|
8561
8629
|
children: [
|
|
8562
8630
|
/* @__PURE__ */ jsxs36("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
|
|
8563
8631
|
/* @__PURE__ */ jsxs36("div", { children: [
|
|
8564
|
-
/* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-
|
|
8632
|
+
/* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
|
|
8565
8633
|
/* @__PURE__ */ jsxs36(
|
|
8566
8634
|
Select,
|
|
8567
8635
|
{
|
|
@@ -8569,7 +8637,7 @@ function TransferCryptoDoubleInput({
|
|
|
8569
8637
|
onValueChange: setToken,
|
|
8570
8638
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
8571
8639
|
children: [
|
|
8572
|
-
/* @__PURE__ */ jsx41(SelectTrigger, { className: "uf-
|
|
8640
|
+
/* @__PURE__ */ jsx41(SelectTrigger, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx41(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
|
|
8573
8641
|
/* @__PURE__ */ jsx41(SelectContent, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} }, children: supportedTokens.map((tokenData) => /* @__PURE__ */ jsx41(
|
|
8574
8642
|
SelectItem,
|
|
8575
8643
|
{
|
|
@@ -8584,7 +8652,7 @@ function TransferCryptoDoubleInput({
|
|
|
8584
8652
|
)
|
|
8585
8653
|
] }),
|
|
8586
8654
|
/* @__PURE__ */ jsxs36("div", { children: [
|
|
8587
|
-
/* @__PURE__ */ jsxs36("div", { className: "uf-text-xs uf-
|
|
8655
|
+
/* @__PURE__ */ jsxs36("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
|
|
8588
8656
|
t5.selectedChain,
|
|
8589
8657
|
/* @__PURE__ */ jsxs36("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
8590
8658
|
"$",
|
|
@@ -8600,7 +8668,7 @@ function TransferCryptoDoubleInput({
|
|
|
8600
8668
|
onValueChange: setChain,
|
|
8601
8669
|
disabled: tokensLoading || availableChainsForToken.length === 0,
|
|
8602
8670
|
children: [
|
|
8603
|
-
/* @__PURE__ */ jsx41(SelectTrigger, { className: "uf-
|
|
8671
|
+
/* @__PURE__ */ jsx41(SelectTrigger, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx41(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
|
|
8604
8672
|
/* @__PURE__ */ jsx41(
|
|
8605
8673
|
SelectContent,
|
|
8606
8674
|
{
|
|
@@ -8643,7 +8711,7 @@ function TransferCryptoDoubleInput({
|
|
|
8643
8711
|
] })
|
|
8644
8712
|
] }),
|
|
8645
8713
|
/* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
8646
|
-
/* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-
|
|
8714
|
+
/* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
8647
8715
|
/* @__PURE__ */ jsx41("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
8648
8716
|
// QR Skeleton - matches QR code appearance
|
|
8649
8717
|
/* @__PURE__ */ jsx41(
|
|
@@ -8688,7 +8756,7 @@ function TransferCryptoDoubleInput({
|
|
|
8688
8756
|
}
|
|
8689
8757
|
) })
|
|
8690
8758
|
] }),
|
|
8691
|
-
/* @__PURE__ */ jsx41("div", { children: /* @__PURE__ */ jsxs36("div", { className: "uf-text-sm uf-
|
|
8759
|
+
/* @__PURE__ */ jsx41("div", { children: /* @__PURE__ */ jsxs36("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
8692
8760
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
8693
8761
|
// Address skeleton
|
|
8694
8762
|
/* @__PURE__ */ jsx41(
|
|
@@ -8700,12 +8768,13 @@ function TransferCryptoDoubleInput({
|
|
|
8700
8768
|
}
|
|
8701
8769
|
}
|
|
8702
8770
|
)
|
|
8703
|
-
) : /* @__PURE__ */ jsx41("span", { className: "uf-text-sm uf-truncate uf-min-w-0", children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
|
|
8771
|
+
) : /* @__PURE__ */ jsx41("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
|
|
8704
8772
|
depositAddress && initialSelectionDone && /* @__PURE__ */ jsx41(
|
|
8705
8773
|
"span",
|
|
8706
8774
|
{
|
|
8707
8775
|
onClick: handleCopyAddress,
|
|
8708
|
-
className:
|
|
8776
|
+
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8777
|
+
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
8709
8778
|
children: copied ? /* @__PURE__ */ jsx41(Check5, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx41(Copy2, { className: "uf-w-3.5 uf-h-3.5" })
|
|
8710
8779
|
}
|
|
8711
8780
|
)
|
|
@@ -8767,7 +8836,8 @@ function TransferCryptoDoubleInput({
|
|
|
8767
8836
|
"span",
|
|
8768
8837
|
{
|
|
8769
8838
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
8770
|
-
className:
|
|
8839
|
+
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8840
|
+
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
8771
8841
|
children: copiedRecipient ? /* @__PURE__ */ jsx41(Check5, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx41(Copy2, { className: "uf-w-3.5 uf-h-3.5" })
|
|
8772
8842
|
}
|
|
8773
8843
|
)
|
|
@@ -11197,7 +11267,7 @@ function DepositModal({
|
|
|
11197
11267
|
onClose: handleClose
|
|
11198
11268
|
}
|
|
11199
11269
|
),
|
|
11200
|
-
/* @__PURE__ */ jsx48("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx48(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx48("div", { className: "uf-space-y-2 uf-pb-
|
|
11270
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx48(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx48("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx48("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx48(
|
|
11201
11271
|
"div",
|
|
11202
11272
|
{
|
|
11203
11273
|
className: "uf-text-sm",
|