@unifold/connect-react 0.1.36 → 0.1.38
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.d.mts +14 -0
- package/dist/index.d.ts +14 -0
- package/dist/index.js +822 -674
- package/dist/index.mjs +828 -680
- package/dist/styles-base.css +1 -1
- package/dist/styles.css +1 -1
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -6733,11 +6733,12 @@ var import_react20 = require("react");
|
|
|
6733
6733
|
var React222 = __toESM(require("react"), 1);
|
|
6734
6734
|
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
6735
6735
|
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
6736
|
-
var import_react21 = require("react");
|
|
6737
6736
|
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
6737
|
+
var import_react21 = require("react");
|
|
6738
6738
|
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
6739
6739
|
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
6740
6740
|
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
6741
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
6741
6742
|
var import_react22 = require("react");
|
|
6742
6743
|
var React232 = __toESM(require("react"), 1);
|
|
6743
6744
|
|
|
@@ -9476,8 +9477,8 @@ var Portal3 = TooltipPortal;
|
|
|
9476
9477
|
var Content22 = TooltipContent;
|
|
9477
9478
|
|
|
9478
9479
|
// ../ui-react/dist/index.mjs
|
|
9479
|
-
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
9480
9480
|
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
9481
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
9481
9482
|
var import_react23 = require("react");
|
|
9482
9483
|
var React242 = __toESM(require("react"), 1);
|
|
9483
9484
|
|
|
@@ -10714,18 +10715,18 @@ var ScrollDownButton = SelectScrollDownButton;
|
|
|
10714
10715
|
var Separator = SelectSeparator;
|
|
10715
10716
|
|
|
10716
10717
|
// ../ui-react/dist/index.mjs
|
|
10717
|
-
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
10718
10718
|
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
10719
|
-
var React262 = __toESM(require("react"), 1);
|
|
10720
10719
|
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
10720
|
+
var React262 = __toESM(require("react"), 1);
|
|
10721
10721
|
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
10722
10722
|
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
10723
|
-
var React252 = __toESM(require("react"), 1);
|
|
10724
10723
|
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
10724
|
+
var React252 = __toESM(require("react"), 1);
|
|
10725
10725
|
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
10726
|
-
var React272 = __toESM(require("react"), 1);
|
|
10727
10726
|
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
10727
|
+
var React272 = __toESM(require("react"), 1);
|
|
10728
10728
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
10729
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
10729
10730
|
var React282 = __toESM(require("react"), 1);
|
|
10730
10731
|
|
|
10731
10732
|
// ../../node_modules/.pnpm/@radix-ui+react-slot@1.2.4_@types+react@19.2.9_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs
|
|
@@ -10872,7 +10873,7 @@ var cva = (base, config) => (props) => {
|
|
|
10872
10873
|
};
|
|
10873
10874
|
|
|
10874
10875
|
// ../ui-react/dist/index.mjs
|
|
10875
|
-
var
|
|
10876
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
10876
10877
|
function cn(...inputs) {
|
|
10877
10878
|
return twMerge(clsx(inputs));
|
|
10878
10879
|
}
|
|
@@ -12096,6 +12097,10 @@ var en_default2 = {
|
|
|
12096
12097
|
payWithExchange: {
|
|
12097
12098
|
title: "Pay with Exchange",
|
|
12098
12099
|
subtitle: "Transfer from exchange"
|
|
12100
|
+
},
|
|
12101
|
+
depositTracker: {
|
|
12102
|
+
title: "Deposit Tracker",
|
|
12103
|
+
subtitle: "Track your deposit progress"
|
|
12099
12104
|
}
|
|
12100
12105
|
},
|
|
12101
12106
|
payWithExchange: {
|
|
@@ -13047,7 +13052,9 @@ function BuyWithCard({
|
|
|
13047
13052
|
onDepositError,
|
|
13048
13053
|
themeClass = "",
|
|
13049
13054
|
wallets: externalWallets,
|
|
13050
|
-
assetCdnUrl
|
|
13055
|
+
assetCdnUrl,
|
|
13056
|
+
hideDepositFlowInfo = false,
|
|
13057
|
+
hideDisplayDescription = false
|
|
13051
13058
|
}) {
|
|
13052
13059
|
const { colors: colors2, fonts, components } = useTheme();
|
|
13053
13060
|
const [amount, setAmount] = (0, import_react9.useState)("");
|
|
@@ -13866,7 +13873,7 @@ function BuyWithCard({
|
|
|
13866
13873
|
children: t.onramp.canCloseModal
|
|
13867
13874
|
}
|
|
13868
13875
|
),
|
|
13869
|
-
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
13876
|
+
!hideDepositFlowInfo && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
13870
13877
|
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
|
|
13871
13878
|
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
13872
13879
|
"img",
|
|
@@ -13980,7 +13987,7 @@ function BuyWithCard({
|
|
|
13980
13987
|
)
|
|
13981
13988
|
] })
|
|
13982
13989
|
] }) }),
|
|
13983
|
-
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
13990
|
+
!hideDisplayDescription && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
13984
13991
|
"p",
|
|
13985
13992
|
{
|
|
13986
13993
|
className: "uf-text-xs uf-leading-relaxed",
|
|
@@ -16598,8 +16605,9 @@ function WalletIconWithNetwork({
|
|
|
16598
16605
|
const hasEthereum = networks.includes("ethereum");
|
|
16599
16606
|
const hasSolana = networks.includes("solana");
|
|
16600
16607
|
const hasMultiple = hasEthereum && hasSolana;
|
|
16601
|
-
const
|
|
16602
|
-
const
|
|
16608
|
+
const badgeOutset = 4;
|
|
16609
|
+
const badgeSize = Math.round(size4 * 0.5);
|
|
16610
|
+
const iconSize = Math.round(badgeSize * 0.76);
|
|
16603
16611
|
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
16604
16612
|
"div",
|
|
16605
16613
|
{
|
|
@@ -16609,39 +16617,46 @@ function WalletIconWithNetwork({
|
|
|
16609
16617
|
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(WalletIcon, { size: size4, className, variant }),
|
|
16610
16618
|
hasMultiple ? (
|
|
16611
16619
|
// Multiple networks: overlapping badges
|
|
16612
|
-
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
16613
|
-
|
|
16614
|
-
|
|
16615
|
-
|
|
16616
|
-
|
|
16617
|
-
|
|
16618
|
-
|
|
16619
|
-
|
|
16620
|
-
|
|
16621
|
-
|
|
16622
|
-
|
|
16623
|
-
|
|
16624
|
-
|
|
16625
|
-
|
|
16626
|
-
|
|
16627
|
-
|
|
16628
|
-
|
|
16629
|
-
|
|
16630
|
-
|
|
16631
|
-
|
|
16632
|
-
|
|
16633
|
-
|
|
16634
|
-
|
|
16635
|
-
|
|
16636
|
-
|
|
16637
|
-
|
|
16638
|
-
|
|
16639
|
-
|
|
16640
|
-
|
|
16641
|
-
|
|
16642
|
-
|
|
16643
|
-
|
|
16644
|
-
|
|
16620
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
16621
|
+
"div",
|
|
16622
|
+
{
|
|
16623
|
+
className: "uf-absolute",
|
|
16624
|
+
style: { bottom: -2, right: -badgeOutset },
|
|
16625
|
+
children: [
|
|
16626
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
16627
|
+
"div",
|
|
16628
|
+
{
|
|
16629
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
16630
|
+
style: {
|
|
16631
|
+
width: badgeSize,
|
|
16632
|
+
height: badgeSize,
|
|
16633
|
+
backgroundColor: "#000",
|
|
16634
|
+
border: "2px solid #fff",
|
|
16635
|
+
// Rear badge sits left of the front; +1px on offset shows slightly more of the rear network
|
|
16636
|
+
right: Math.round(badgeSize * 0.5) + 1,
|
|
16637
|
+
bottom: 0
|
|
16638
|
+
},
|
|
16639
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SolanaIcon, { size: iconSize, variant: "color" })
|
|
16640
|
+
}
|
|
16641
|
+
),
|
|
16642
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
16643
|
+
"div",
|
|
16644
|
+
{
|
|
16645
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
16646
|
+
style: {
|
|
16647
|
+
width: badgeSize,
|
|
16648
|
+
height: badgeSize,
|
|
16649
|
+
backgroundColor: "#627EEA",
|
|
16650
|
+
border: "2px solid #fff",
|
|
16651
|
+
right: 0,
|
|
16652
|
+
bottom: 0
|
|
16653
|
+
},
|
|
16654
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(EthereumIcon, { size: iconSize, variant: "light" })
|
|
16655
|
+
}
|
|
16656
|
+
)
|
|
16657
|
+
]
|
|
16658
|
+
}
|
|
16659
|
+
)
|
|
16645
16660
|
) : (
|
|
16646
16661
|
// Single network
|
|
16647
16662
|
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
@@ -16650,7 +16665,7 @@ function WalletIconWithNetwork({
|
|
|
16650
16665
|
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
16651
16666
|
style: {
|
|
16652
16667
|
bottom: -2,
|
|
16653
|
-
right: -
|
|
16668
|
+
right: -badgeOutset,
|
|
16654
16669
|
width: badgeSize,
|
|
16655
16670
|
height: badgeSize,
|
|
16656
16671
|
backgroundColor: hasEthereum ? "#627EEA" : "#000",
|
|
@@ -16728,7 +16743,7 @@ function BrowserWalletButton({
|
|
|
16728
16743
|
chainType,
|
|
16729
16744
|
publishableKey
|
|
16730
16745
|
}) {
|
|
16731
|
-
const { colors: colors2, fonts, components
|
|
16746
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
16732
16747
|
const [isHovered, setIsHovered] = React212.useState(false);
|
|
16733
16748
|
const [isTouchDevice, setIsTouchDevice] = React212.useState(false);
|
|
16734
16749
|
const [wallet, setWallet] = React212.useState(null);
|
|
@@ -16736,7 +16751,6 @@ function BrowserWalletButton({
|
|
|
16736
16751
|
const [isConnecting, setIsConnecting] = React212.useState(false);
|
|
16737
16752
|
const [balanceText, setBalanceText] = React212.useState(null);
|
|
16738
16753
|
const [isLoadingBalance, setIsLoadingBalance] = React212.useState(false);
|
|
16739
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
16740
16754
|
const onDisconnectRef = React212.useRef(onDisconnect);
|
|
16741
16755
|
onDisconnectRef.current = onDisconnect;
|
|
16742
16756
|
React212.useEffect(() => {
|
|
@@ -17095,12 +17109,12 @@ function BrowserWalletButton({
|
|
|
17095
17109
|
wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React212.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
|
|
17096
17110
|
size: 36,
|
|
17097
17111
|
className: "uf-rounded-lg",
|
|
17098
|
-
variant:
|
|
17112
|
+
variant: "color"
|
|
17099
17113
|
}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-w-9 uf-h-9 uf-rounded-lg uf-bg-gray-500" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-rounded-lg uf-p-2", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
17100
17114
|
Wallet,
|
|
17101
17115
|
{
|
|
17102
17116
|
className: "uf-w-5 uf-h-5",
|
|
17103
|
-
style: { color:
|
|
17117
|
+
style: { color: components.card.iconColor }
|
|
17104
17118
|
}
|
|
17105
17119
|
) }),
|
|
17106
17120
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uf-text-left", children: [
|
|
@@ -17493,6 +17507,62 @@ function ThemeStyleInjector({
|
|
|
17493
17507
|
}, [fonts.regular]);
|
|
17494
17508
|
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn(mode === "dark" ? "uf-dark" : "", className), style: cssVars, children });
|
|
17495
17509
|
}
|
|
17510
|
+
var VIEW_W = 538;
|
|
17511
|
+
var VIEW_H = 53;
|
|
17512
|
+
var SIZE_MAX_WIDTH = {
|
|
17513
|
+
sm: 128,
|
|
17514
|
+
md: 152,
|
|
17515
|
+
lg: 216
|
|
17516
|
+
};
|
|
17517
|
+
function PoweredByUnifold({
|
|
17518
|
+
color,
|
|
17519
|
+
className,
|
|
17520
|
+
size: size4 = "sm",
|
|
17521
|
+
maxWidth: maxWidthProp
|
|
17522
|
+
}) {
|
|
17523
|
+
const maxWidth = maxWidthProp ?? SIZE_MAX_WIDTH[size4];
|
|
17524
|
+
const height = Math.round(maxWidth / VIEW_W * VIEW_H);
|
|
17525
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
17526
|
+
"div",
|
|
17527
|
+
{
|
|
17528
|
+
className,
|
|
17529
|
+
style: { color, lineHeight: 0 },
|
|
17530
|
+
role: "img",
|
|
17531
|
+
"aria-label": "Powered by Unifold",
|
|
17532
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
|
|
17533
|
+
"svg",
|
|
17534
|
+
{
|
|
17535
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17536
|
+
width: maxWidth,
|
|
17537
|
+
height,
|
|
17538
|
+
viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
|
|
17539
|
+
fill: "none",
|
|
17540
|
+
className: "uf-block uf-max-w-full uf-h-auto",
|
|
17541
|
+
children: [
|
|
17542
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M14.796 25.746H5.184V42H0V3.22803H14.796C19.044 3.22803 22.338 4.21803 24.678 6.19803C27.054 8.14203 28.242 10.896 28.242 14.46C28.242 18.024 27.054 20.796 24.678 22.776C22.302 24.756 19.008 25.746 14.796 25.746ZM5.184 7.71003V21.264H14.526C17.298 21.264 19.422 20.688 20.898 19.536C22.374 18.348 23.112 16.656 23.112 14.46C23.112 12.3 22.374 10.644 20.898 9.49203C19.422 8.30403 17.298 7.71003 14.526 7.71003H5.184Z", fill: "currentColor" }),
|
|
17543
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M53.0082 17.592C54.1242 18.888 54.9702 20.418 55.5462 22.182C56.1222 23.946 56.4102 25.854 56.4102 27.906C56.4102 29.958 56.1222 31.866 55.5462 33.63C54.9702 35.394 54.1242 36.924 53.0082 38.22C51.8202 39.624 50.3802 40.704 48.6882 41.46C47.0322 42.216 45.2322 42.594 43.2882 42.594C41.3442 42.594 39.5262 42.216 37.8342 41.46C36.1782 40.704 34.7562 39.624 33.5682 38.22C32.4522 36.924 31.6062 35.394 31.0302 33.63C30.4542 31.866 30.1662 29.958 30.1662 27.906C30.1662 25.854 30.4542 23.946 31.0302 22.182C31.6062 20.418 32.4522 18.888 33.5682 17.592C34.7562 16.188 36.1782 15.108 37.8342 14.352C39.5262 13.596 41.3442 13.218 43.2882 13.218C45.2322 13.218 47.0322 13.596 48.6882 14.352C50.3802 15.108 51.8202 16.188 53.0082 17.592ZM43.2882 17.322C40.8042 17.322 38.8062 18.276 37.2942 20.184C35.8182 22.092 35.0802 24.666 35.0802 27.906C35.0802 31.11 35.8182 33.666 37.2942 35.574C38.8062 37.482 40.8042 38.436 43.2882 38.436C45.7722 38.436 47.7522 37.482 49.2282 35.574C50.7402 33.666 51.4962 31.11 51.4962 27.906C51.4962 24.666 50.7402 22.092 49.2282 20.184C47.7522 18.276 45.7722 17.322 43.2882 17.322Z", fill: "currentColor" }),
|
|
17544
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M69.6773 34.764L75.5093 13.758H79.6133L85.4453 34.818L91.3313 13.758H96.1913L87.6053 42H83.3393L77.4533 21.048L71.5673 42H67.3013L58.7153 13.758H63.7373L69.6773 34.764Z", fill: "currentColor" }),
|
|
17545
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M111.687 42.594C109.707 42.594 107.871 42.234 106.179 41.514C104.523 40.758 103.101 39.66 101.913 38.22C100.797 36.924 99.9332 35.394 99.3212 33.63C98.7452 31.866 98.4572 29.958 98.4572 27.906C98.4572 25.926 98.7452 24.054 99.3212 22.29C99.8972 20.526 100.743 18.978 101.859 17.646C103.047 16.206 104.469 15.108 106.125 14.352C107.781 13.596 109.563 13.218 111.471 13.218C115.179 13.218 118.113 14.478 120.273 16.998C122.433 19.518 123.513 22.866 123.513 27.042V28.662H103.101C103.245 31.614 104.091 33.972 105.639 35.736C107.187 37.5 109.203 38.382 111.687 38.382C113.559 38.382 115.143 37.914 116.439 36.978C117.735 36.006 118.599 34.674 119.031 32.982L123.297 34.494C122.433 37.05 120.975 39.048 118.923 40.488C116.871 41.892 114.459 42.594 111.687 42.594ZM111.417 17.376C109.329 17.376 107.565 18.042 106.125 19.374C104.721 20.706 103.803 22.56 103.371 24.936H118.599C118.527 22.632 117.861 20.796 116.601 19.428C115.341 18.06 113.613 17.376 111.417 17.376Z", fill: "currentColor" }),
|
|
17546
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M142.253 13.542C142.577 13.542 142.901 13.56 143.225 13.596C143.549 13.596 143.873 13.614 144.197 13.65V18.564C143.801 18.492 143.423 18.438 143.063 18.402C142.703 18.366 142.289 18.348 141.821 18.348C139.697 18.348 137.933 19.122 136.529 20.67C135.125 22.182 134.423 24.144 134.423 26.556V42H129.563V13.758H134.423V18.564C135.107 17.016 136.133 15.792 137.501 14.892C138.905 13.992 140.489 13.542 142.253 13.542Z", fill: "currentColor" }),
|
|
17547
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M159.675 42.594C157.695 42.594 155.859 42.234 154.167 41.514C152.511 40.758 151.089 39.66 149.901 38.22C148.785 36.924 147.921 35.394 147.309 33.63C146.733 31.866 146.445 29.958 146.445 27.906C146.445 25.926 146.733 24.054 147.309 22.29C147.885 20.526 148.731 18.978 149.847 17.646C151.035 16.206 152.457 15.108 154.113 14.352C155.769 13.596 157.551 13.218 159.459 13.218C163.167 13.218 166.101 14.478 168.261 16.998C170.421 19.518 171.501 22.866 171.501 27.042V28.662H151.089C151.233 31.614 152.079 33.972 153.627 35.736C155.175 37.5 157.191 38.382 159.675 38.382C161.547 38.382 163.131 37.914 164.427 36.978C165.723 36.006 166.587 34.674 167.019 32.982L171.285 34.494C170.421 37.05 168.963 39.048 166.911 40.488C164.859 41.892 162.447 42.594 159.675 42.594ZM159.405 17.376C157.317 17.376 155.553 18.042 154.113 19.374C152.709 20.706 151.791 22.56 151.359 24.936H166.587C166.515 22.632 165.849 20.796 164.589 19.428C163.329 18.06 161.601 17.376 159.405 17.376Z", fill: "currentColor" }),
|
|
17548
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M187.92 42.594C186.012 42.594 184.266 42.216 182.682 41.46C181.134 40.668 179.802 39.534 178.686 38.058C177.678 36.726 176.904 35.196 176.364 33.468C175.86 31.704 175.608 29.85 175.608 27.906C175.608 25.926 175.86 24.072 176.364 22.344C176.904 20.616 177.66 19.086 178.632 17.754C179.748 16.278 181.098 15.162 182.682 14.406C184.266 13.614 186.012 13.218 187.92 13.218C189.792 13.218 191.484 13.632 192.996 14.46C194.544 15.288 195.768 16.422 196.668 17.862V3.22803H201.528V42H196.668V37.896C195.804 39.372 194.598 40.524 193.05 41.352C191.502 42.18 189.792 42.594 187.92 42.594ZM196.776 28.932V26.934C196.776 24.018 196.02 21.714 194.508 20.022C193.032 18.33 191.124 17.484 188.784 17.484C186.228 17.484 184.212 18.438 182.736 20.346C181.26 22.218 180.522 24.738 180.522 27.906C180.522 31.074 181.26 33.612 182.736 35.52C184.248 37.392 186.264 38.328 188.784 38.328C191.124 38.328 193.032 37.482 194.508 35.79C196.02 34.098 196.776 31.812 196.776 28.932Z", fill: "currentColor" }),
|
|
17549
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M243.794 38.058C242.678 39.534 241.328 40.668 239.744 41.46C238.196 42.216 236.468 42.594 234.56 42.594C232.688 42.594 230.978 42.18 229.43 41.352C227.882 40.524 226.676 39.372 225.812 37.896V42H220.952V3.22803H225.812V17.862C226.712 16.422 227.918 15.288 229.43 14.46C230.978 13.632 232.688 13.218 234.56 13.218C236.468 13.218 238.214 13.614 239.798 14.406C241.382 15.162 242.732 16.278 243.848 17.754C244.82 19.086 245.558 20.616 246.062 22.344C246.602 24.072 246.872 25.926 246.872 27.906C246.872 29.85 246.602 31.704 246.062 33.468C245.558 35.196 244.802 36.726 243.794 38.058ZM233.696 17.484C231.356 17.484 229.43 18.33 227.918 20.022C226.442 21.714 225.704 24.018 225.704 26.934V28.932C225.704 31.812 226.442 34.098 227.918 35.79C229.43 37.482 231.356 38.328 233.696 38.328C236.216 38.328 238.214 37.392 239.69 35.52C241.202 33.612 241.958 31.074 241.958 27.906C241.958 24.738 241.22 22.218 239.744 20.346C238.268 18.438 236.252 17.484 233.696 17.484Z", fill: "currentColor" }),
|
|
17550
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M275.008 13.758L262.858 45.078C261.886 47.598 260.716 49.38 259.348 50.424C257.98 51.504 256.234 52.044 254.11 52.044C253.534 52.044 253.048 52.026 252.652 51.99C252.292 51.954 251.896 51.9 251.464 51.828V47.616C251.896 47.724 252.274 47.796 252.598 47.832C252.958 47.868 253.354 47.886 253.786 47.886C254.902 47.886 255.766 47.616 256.378 47.076C257.026 46.572 257.62 45.654 258.16 44.322L259.51 40.974L249.034 13.758H254.164L262.102 35.358L269.932 13.758H275.008Z", fill: "currentColor" }),
|
|
17551
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M310.386 0V26.7073C310.386 34.9642 316.734 37.7847 320.266 37.7847C324.205 37.7847 325.092 34.8254 325.092 28.4171C325.092 22.0088 325.129 0 325.129 0H338.734V26.3419C338.734 35.673 333.65 40.9049 327.693 42.0228C327.693 42.0228 323.644 48 314.872 48C305.508 48 294.734 42.0374 294.734 23.8064V1.79753C294.734 1.79753 298.991 0 303.602 0H310.386Z", fill: "currentColor" }),
|
|
17552
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M386.974 27.31C386.974 31.89 383.254 35.61 378.674 35.61C374.094 35.61 370.374 31.89 370.374 27.31V2.96997H362.544V28.7C362.544 36.51 368.144 42.84 378.434 42.84H379.334C389.014 42.84 394.814 36.51 394.814 28.7V2.96997H386.984V27.31H386.974Z", fill: "currentColor" }),
|
|
17553
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M417.004 12.47C409.634 12.47 408.004 19.18 408.004 19.18V12.76H400.474V42.25H408.504V24.15C408.504 21.13 410.944 18.69 413.964 18.69C416.984 18.69 419.424 21.13 419.424 24.15V42.25H427.324V24.6C427.324 17.36 424.364 12.47 417.004 12.47Z", fill: "currentColor" }),
|
|
17554
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M440.704 12.9302H432.724V42.2602H440.704V12.9302Z", fill: "currentColor" }),
|
|
17555
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M504.904 2.96997H496.924V42.25H504.904V2.96997Z", fill: "currentColor" }),
|
|
17556
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M529.474 2.96997V17.96C528.294 15.93 525.554 12.36 520.884 12.36C514.354 12.36 508.824 16.64 508.824 27.59C508.824 38.54 514.354 42.82 520.884 42.82C525.554 42.82 528.284 39.26 529.474 37.22V42.25H537.454V2.96997H529.474ZM523.184 36.41C518.894 36.41 516.944 32.58 516.944 27.59C516.944 22.6 518.884 18.77 523.184 18.77C527.484 18.77 529.484 22.35 529.484 27.59C529.484 32.83 527.484 36.41 523.184 36.41Z", fill: "currentColor" }),
|
|
17557
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M436.714 0.840088C434.484 0.840088 432.664 2.65009 432.664 4.89009C432.664 7.13009 434.474 8.94009 436.714 8.94009C438.954 8.94009 440.764 7.13009 440.764 4.89009C440.764 2.65009 438.954 0.840088 436.714 0.840088Z", fill: "currentColor" }),
|
|
17558
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M459.724 7.35012C461.424 7.35012 462.214 7.95013 462.214 7.95013L463.774 1.88013C463.774 1.88013 461.804 1.13013 457.934 1.13013C457.764 1.13013 457.594 1.13013 457.414 1.13013C452.454 1.20013 448.444 5.23012 448.444 10.1901V12.9201H443.124V18.7601H448.444V42.2501H456.104V18.7601H462.554V12.9201H456.104V11.2901C456.104 8.27013 458.014 7.34013 459.714 7.34013L459.724 7.35012Z", fill: "currentColor" }),
|
|
17559
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M478.364 12.3601C470.404 12.3601 463.964 19.1801 463.964 27.5901C463.964 36.0001 470.414 42.8201 478.364 42.8201C486.314 42.8201 492.764 36.0001 492.764 27.5901C492.764 19.1801 486.314 12.3601 478.364 12.3601ZM478.364 36.4101C473.714 36.4101 471.714 32.4601 471.714 27.5901C471.714 22.7201 473.494 18.7701 478.364 18.7701C483.234 18.7701 485.014 22.7201 485.014 27.5901C485.014 32.4601 483.024 36.4101 478.364 36.4101Z", fill: "currentColor" })
|
|
17560
|
+
]
|
|
17561
|
+
}
|
|
17562
|
+
)
|
|
17563
|
+
}
|
|
17564
|
+
);
|
|
17565
|
+
}
|
|
17496
17566
|
function DepositsModal({
|
|
17497
17567
|
open,
|
|
17498
17568
|
onOpenChange,
|
|
@@ -17546,8 +17616,8 @@ function DepositsModal({
|
|
|
17546
17616
|
const handleExecutionClick = (execution) => {
|
|
17547
17617
|
setSelectedExecution(execution);
|
|
17548
17618
|
};
|
|
17549
|
-
const content = selectedExecution ? /* @__PURE__ */ (0,
|
|
17550
|
-
/* @__PURE__ */ (0,
|
|
17619
|
+
const content = selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
|
|
17620
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
17551
17621
|
DepositHeader,
|
|
17552
17622
|
{
|
|
17553
17623
|
title: "Deposit Details",
|
|
@@ -17556,9 +17626,9 @@ function DepositsModal({
|
|
|
17556
17626
|
onClose: handleClose
|
|
17557
17627
|
}
|
|
17558
17628
|
),
|
|
17559
|
-
/* @__PURE__ */ (0,
|
|
17560
|
-
] }) : /* @__PURE__ */ (0,
|
|
17561
|
-
/* @__PURE__ */ (0,
|
|
17629
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DepositDetailContent, { execution: selectedExecution }) })
|
|
17630
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
|
|
17631
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
17562
17632
|
DepositHeader,
|
|
17563
17633
|
{
|
|
17564
17634
|
title: "Deposit Tracker",
|
|
@@ -17567,14 +17637,14 @@ function DepositsModal({
|
|
|
17567
17637
|
onClose: handleClose
|
|
17568
17638
|
}
|
|
17569
17639
|
),
|
|
17570
|
-
/* @__PURE__ */ (0,
|
|
17640
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
17571
17641
|
"div",
|
|
17572
17642
|
{
|
|
17573
17643
|
className: "uf-text-sm",
|
|
17574
17644
|
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
17575
17645
|
children: "No deposits yet"
|
|
17576
17646
|
}
|
|
17577
|
-
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0,
|
|
17647
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
17578
17648
|
DepositExecutionItem,
|
|
17579
17649
|
{
|
|
17580
17650
|
execution,
|
|
@@ -17583,12 +17653,21 @@ function DepositsModal({
|
|
|
17583
17653
|
execution.id
|
|
17584
17654
|
)) }) })
|
|
17585
17655
|
] });
|
|
17586
|
-
return /* @__PURE__ */ (0,
|
|
17656
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
17587
17657
|
DialogContent2,
|
|
17588
17658
|
{
|
|
17589
17659
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
17590
17660
|
style: { backgroundColor: colors2.background },
|
|
17591
|
-
children: /* @__PURE__ */ (0,
|
|
17661
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: [
|
|
17662
|
+
content,
|
|
17663
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uf-pt-3 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
17664
|
+
PoweredByUnifold,
|
|
17665
|
+
{
|
|
17666
|
+
color: colors2.foregroundMuted,
|
|
17667
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
17668
|
+
}
|
|
17669
|
+
) })
|
|
17670
|
+
] })
|
|
17592
17671
|
}
|
|
17593
17672
|
) });
|
|
17594
17673
|
}
|
|
@@ -17722,7 +17801,7 @@ function TokenSelectorSheet({
|
|
|
17722
17801
|
onOpenChange(false);
|
|
17723
17802
|
};
|
|
17724
17803
|
if (!open) return null;
|
|
17725
|
-
return /* @__PURE__ */ (0,
|
|
17804
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
17726
17805
|
"div",
|
|
17727
17806
|
{
|
|
17728
17807
|
className: `${themeClass} uf-px-6`,
|
|
@@ -17737,18 +17816,18 @@ function TokenSelectorSheet({
|
|
|
17737
17816
|
backgroundColor: colors2.background
|
|
17738
17817
|
},
|
|
17739
17818
|
children: [
|
|
17740
|
-
/* @__PURE__ */ (0,
|
|
17741
|
-
/* @__PURE__ */ (0,
|
|
17819
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
|
|
17820
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17742
17821
|
"button",
|
|
17743
17822
|
{
|
|
17744
17823
|
type: "button",
|
|
17745
17824
|
onClick: () => onOpenChange(false),
|
|
17746
17825
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors",
|
|
17747
17826
|
style: { color: components.header.buttonColor },
|
|
17748
|
-
children: /* @__PURE__ */ (0,
|
|
17827
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ArrowLeft, { className: "uf-w-5 uf-h-5" })
|
|
17749
17828
|
}
|
|
17750
17829
|
),
|
|
17751
|
-
/* @__PURE__ */ (0,
|
|
17830
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17752
17831
|
"h2",
|
|
17753
17832
|
{
|
|
17754
17833
|
className: "uf-text-base uf-text-center",
|
|
@@ -17759,10 +17838,10 @@ function TokenSelectorSheet({
|
|
|
17759
17838
|
children: "Select token to deposit"
|
|
17760
17839
|
}
|
|
17761
17840
|
),
|
|
17762
|
-
/* @__PURE__ */ (0,
|
|
17841
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
|
|
17763
17842
|
] }),
|
|
17764
|
-
/* @__PURE__ */ (0,
|
|
17765
|
-
/* @__PURE__ */ (0,
|
|
17843
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "uf-pb-3", children: [
|
|
17844
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17766
17845
|
"style",
|
|
17767
17846
|
{
|
|
17768
17847
|
dangerouslySetInnerHTML: {
|
|
@@ -17770,7 +17849,7 @@ function TokenSelectorSheet({
|
|
|
17770
17849
|
}
|
|
17771
17850
|
}
|
|
17772
17851
|
),
|
|
17773
|
-
/* @__PURE__ */ (0,
|
|
17852
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17774
17853
|
"input",
|
|
17775
17854
|
{
|
|
17776
17855
|
type: "text",
|
|
@@ -17788,8 +17867,8 @@ function TokenSelectorSheet({
|
|
|
17788
17867
|
}
|
|
17789
17868
|
) })
|
|
17790
17869
|
] }),
|
|
17791
|
-
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0,
|
|
17792
|
-
/* @__PURE__ */ (0,
|
|
17870
|
+
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "uf-pb-3 uf--mx-6", children: [
|
|
17871
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17793
17872
|
"div",
|
|
17794
17873
|
{
|
|
17795
17874
|
className: "uf-text-xs uf-mb-2 uf-px-6",
|
|
@@ -17800,7 +17879,7 @@ function TokenSelectorSheet({
|
|
|
17800
17879
|
children: "Quick select"
|
|
17801
17880
|
}
|
|
17802
17881
|
),
|
|
17803
|
-
/* @__PURE__ */ (0,
|
|
17882
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17804
17883
|
"div",
|
|
17805
17884
|
{
|
|
17806
17885
|
className: "uf-flex uf-gap-2 uf-overflow-x-auto uf-px-6 uf-pb-1",
|
|
@@ -17808,12 +17887,12 @@ function TokenSelectorSheet({
|
|
|
17808
17887
|
children: quickSelectOptions.map(({ token, chain, isRecent }) => {
|
|
17809
17888
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
17810
17889
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
17811
|
-
return /* @__PURE__ */ (0,
|
|
17890
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
17812
17891
|
"div",
|
|
17813
17892
|
{
|
|
17814
17893
|
style: { position: "relative", flexShrink: 0 },
|
|
17815
17894
|
children: [
|
|
17816
|
-
isRecent && /* @__PURE__ */ (0,
|
|
17895
|
+
isRecent && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17817
17896
|
"button",
|
|
17818
17897
|
{
|
|
17819
17898
|
type: "button",
|
|
@@ -17833,10 +17912,10 @@ function TokenSelectorSheet({
|
|
|
17833
17912
|
padding: 2,
|
|
17834
17913
|
color: colors2.foregroundMuted
|
|
17835
17914
|
},
|
|
17836
|
-
children: /* @__PURE__ */ (0,
|
|
17915
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(X, { style: { width: 12, height: 12 } })
|
|
17837
17916
|
}
|
|
17838
17917
|
),
|
|
17839
|
-
/* @__PURE__ */ (0,
|
|
17918
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
17840
17919
|
"button",
|
|
17841
17920
|
{
|
|
17842
17921
|
type: "button",
|
|
@@ -17855,8 +17934,8 @@ function TokenSelectorSheet({
|
|
|
17855
17934
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
17856
17935
|
},
|
|
17857
17936
|
children: [
|
|
17858
|
-
/* @__PURE__ */ (0,
|
|
17859
|
-
/* @__PURE__ */ (0,
|
|
17937
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
17938
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17860
17939
|
"img",
|
|
17861
17940
|
{
|
|
17862
17941
|
src: token.icon_url,
|
|
@@ -17867,7 +17946,7 @@ function TokenSelectorSheet({
|
|
|
17867
17946
|
className: "uf-rounded-full"
|
|
17868
17947
|
}
|
|
17869
17948
|
),
|
|
17870
|
-
/* @__PURE__ */ (0,
|
|
17949
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17871
17950
|
"div",
|
|
17872
17951
|
{
|
|
17873
17952
|
style: {
|
|
@@ -17875,7 +17954,7 @@ function TokenSelectorSheet({
|
|
|
17875
17954
|
bottom: -2,
|
|
17876
17955
|
right: -2
|
|
17877
17956
|
},
|
|
17878
|
-
children: /* @__PURE__ */ (0,
|
|
17957
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17879
17958
|
"img",
|
|
17880
17959
|
{
|
|
17881
17960
|
src: chain.icon_url,
|
|
@@ -17889,8 +17968,8 @@ function TokenSelectorSheet({
|
|
|
17889
17968
|
}
|
|
17890
17969
|
)
|
|
17891
17970
|
] }),
|
|
17892
|
-
/* @__PURE__ */ (0,
|
|
17893
|
-
/* @__PURE__ */ (0,
|
|
17971
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { textAlign: "left" }, children: [
|
|
17972
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17894
17973
|
"div",
|
|
17895
17974
|
{
|
|
17896
17975
|
style: {
|
|
@@ -17903,7 +17982,7 @@ function TokenSelectorSheet({
|
|
|
17903
17982
|
children: token.symbol
|
|
17904
17983
|
}
|
|
17905
17984
|
),
|
|
17906
|
-
/* @__PURE__ */ (0,
|
|
17985
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17907
17986
|
"div",
|
|
17908
17987
|
{
|
|
17909
17988
|
style: {
|
|
@@ -17927,7 +18006,7 @@ function TokenSelectorSheet({
|
|
|
17927
18006
|
}
|
|
17928
18007
|
)
|
|
17929
18008
|
] }),
|
|
17930
|
-
/* @__PURE__ */ (0,
|
|
18009
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17931
18010
|
"div",
|
|
17932
18011
|
{
|
|
17933
18012
|
className: "uf-text-xs uf-mb-2",
|
|
@@ -17938,7 +18017,7 @@ function TokenSelectorSheet({
|
|
|
17938
18017
|
children: "All supported tokens"
|
|
17939
18018
|
}
|
|
17940
18019
|
),
|
|
17941
|
-
/* @__PURE__ */ (0,
|
|
18020
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "uf-flex-1 uf-overflow-y-auto uf-min-h-0 uf--mx-6 uf-px-6 uf-pb-3", children: filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17942
18021
|
"div",
|
|
17943
18022
|
{
|
|
17944
18023
|
style: {
|
|
@@ -17950,10 +18029,10 @@ function TokenSelectorSheet({
|
|
|
17950
18029
|
},
|
|
17951
18030
|
children: "No tokens found"
|
|
17952
18031
|
}
|
|
17953
|
-
) : /* @__PURE__ */ (0,
|
|
18032
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
|
|
17954
18033
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
17955
18034
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
17956
|
-
return /* @__PURE__ */ (0,
|
|
18035
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
17957
18036
|
"button",
|
|
17958
18037
|
{
|
|
17959
18038
|
type: "button",
|
|
@@ -17974,8 +18053,8 @@ function TokenSelectorSheet({
|
|
|
17974
18053
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
17975
18054
|
},
|
|
17976
18055
|
children: [
|
|
17977
|
-
/* @__PURE__ */ (0,
|
|
17978
|
-
/* @__PURE__ */ (0,
|
|
18056
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
18057
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17979
18058
|
"img",
|
|
17980
18059
|
{
|
|
17981
18060
|
src: token.icon_url,
|
|
@@ -17986,7 +18065,7 @@ function TokenSelectorSheet({
|
|
|
17986
18065
|
className: "uf-rounded-full"
|
|
17987
18066
|
}
|
|
17988
18067
|
),
|
|
17989
|
-
/* @__PURE__ */ (0,
|
|
18068
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17990
18069
|
"div",
|
|
17991
18070
|
{
|
|
17992
18071
|
style: {
|
|
@@ -17994,7 +18073,7 @@ function TokenSelectorSheet({
|
|
|
17994
18073
|
bottom: -4,
|
|
17995
18074
|
right: -4
|
|
17996
18075
|
},
|
|
17997
|
-
children: /* @__PURE__ */ (0,
|
|
18076
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
17998
18077
|
"img",
|
|
17999
18078
|
{
|
|
18000
18079
|
src: chain.icon_url,
|
|
@@ -18008,8 +18087,8 @@ function TokenSelectorSheet({
|
|
|
18008
18087
|
}
|
|
18009
18088
|
)
|
|
18010
18089
|
] }),
|
|
18011
|
-
/* @__PURE__ */ (0,
|
|
18012
|
-
/* @__PURE__ */ (0,
|
|
18090
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
18091
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
18013
18092
|
"div",
|
|
18014
18093
|
{
|
|
18015
18094
|
style: {
|
|
@@ -18021,7 +18100,7 @@ function TokenSelectorSheet({
|
|
|
18021
18100
|
children: token.symbol
|
|
18022
18101
|
}
|
|
18023
18102
|
),
|
|
18024
|
-
/* @__PURE__ */ (0,
|
|
18103
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
18025
18104
|
"div",
|
|
18026
18105
|
{
|
|
18027
18106
|
style: {
|
|
@@ -18033,7 +18112,7 @@ function TokenSelectorSheet({
|
|
|
18033
18112
|
}
|
|
18034
18113
|
)
|
|
18035
18114
|
] }),
|
|
18036
|
-
/* @__PURE__ */ (0,
|
|
18115
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
18037
18116
|
"div",
|
|
18038
18117
|
{
|
|
18039
18118
|
style: {
|
|
@@ -18042,11 +18121,11 @@ function TokenSelectorSheet({
|
|
|
18042
18121
|
fontFamily: fonts.regular
|
|
18043
18122
|
},
|
|
18044
18123
|
children: [
|
|
18045
|
-
/* @__PURE__ */ (0,
|
|
18124
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { style: { color: components.card.textRightColor }, children: [
|
|
18046
18125
|
"Minimum:",
|
|
18047
18126
|
" "
|
|
18048
18127
|
] }),
|
|
18049
|
-
/* @__PURE__ */ (0,
|
|
18128
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { style: { color: components.card.labelHighlightRightColor }, children: [
|
|
18050
18129
|
"$",
|
|
18051
18130
|
chain.minimum_deposit_amount_usd
|
|
18052
18131
|
] })
|
|
@@ -18057,7 +18136,14 @@ function TokenSelectorSheet({
|
|
|
18057
18136
|
},
|
|
18058
18137
|
`${token.symbol}-${chainKey}`
|
|
18059
18138
|
);
|
|
18060
|
-
}) }) })
|
|
18139
|
+
}) }) }),
|
|
18140
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
18141
|
+
PoweredByUnifold,
|
|
18142
|
+
{
|
|
18143
|
+
color: colors2.foregroundMuted,
|
|
18144
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
18145
|
+
}
|
|
18146
|
+
) })
|
|
18061
18147
|
]
|
|
18062
18148
|
}
|
|
18063
18149
|
);
|
|
@@ -18070,7 +18156,7 @@ function DepositPollingUi({
|
|
|
18070
18156
|
}) {
|
|
18071
18157
|
const { fonts, components } = useTheme();
|
|
18072
18158
|
if (depositConfirmationMode === "manual" && !showWaitingUi) {
|
|
18073
|
-
return /* @__PURE__ */ (0,
|
|
18159
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
18074
18160
|
"button",
|
|
18075
18161
|
{
|
|
18076
18162
|
onClick: onIveDeposited,
|
|
@@ -18087,15 +18173,15 @@ function DepositPollingUi({
|
|
|
18087
18173
|
);
|
|
18088
18174
|
}
|
|
18089
18175
|
if (showWaitingUi && !hasExecution) {
|
|
18090
|
-
return /* @__PURE__ */ (0,
|
|
18176
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
18091
18177
|
"div",
|
|
18092
18178
|
{
|
|
18093
18179
|
className: "uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500",
|
|
18094
18180
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
18095
18181
|
children: [
|
|
18096
|
-
/* @__PURE__ */ (0,
|
|
18097
|
-
/* @__PURE__ */ (0,
|
|
18098
|
-
/* @__PURE__ */ (0,
|
|
18182
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uf-w-9 uf-h-9 uf-rounded-full uf-border-2 uf-border-t-primary uf-border-primary/20 uf-animate-spin" }) }),
|
|
18183
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { children: [
|
|
18184
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
18099
18185
|
"div",
|
|
18100
18186
|
{
|
|
18101
18187
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -18103,7 +18189,7 @@ function DepositPollingUi({
|
|
|
18103
18189
|
children: "Processing deposit transactions"
|
|
18104
18190
|
}
|
|
18105
18191
|
),
|
|
18106
|
-
/* @__PURE__ */ (0,
|
|
18192
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
18107
18193
|
"div",
|
|
18108
18194
|
{
|
|
18109
18195
|
className: "uf-text-xs",
|
|
@@ -18122,8 +18208,8 @@ function DepositFooterLinks({
|
|
|
18122
18208
|
onGlossaryClick
|
|
18123
18209
|
}) {
|
|
18124
18210
|
const { colors: colors2 } = useTheme();
|
|
18125
|
-
return /* @__PURE__ */ (0,
|
|
18126
|
-
/* @__PURE__ */ (0,
|
|
18211
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
|
|
18212
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
18127
18213
|
"a",
|
|
18128
18214
|
{
|
|
18129
18215
|
href: "https://unifold.io/terms",
|
|
@@ -18133,8 +18219,8 @@ function DepositFooterLinks({
|
|
|
18133
18219
|
children: "Terms"
|
|
18134
18220
|
}
|
|
18135
18221
|
),
|
|
18136
|
-
/* @__PURE__ */ (0,
|
|
18137
|
-
/* @__PURE__ */ (0,
|
|
18222
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
18223
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
18138
18224
|
"a",
|
|
18139
18225
|
{
|
|
18140
18226
|
href: "https://unifold.io/support",
|
|
@@ -18144,8 +18230,8 @@ function DepositFooterLinks({
|
|
|
18144
18230
|
children: "Help"
|
|
18145
18231
|
}
|
|
18146
18232
|
),
|
|
18147
|
-
/* @__PURE__ */ (0,
|
|
18148
|
-
/* @__PURE__ */ (0,
|
|
18233
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
18234
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
18149
18235
|
"div",
|
|
18150
18236
|
{
|
|
18151
18237
|
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
@@ -18167,15 +18253,15 @@ function GlossaryModal({
|
|
|
18167
18253
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
18168
18254
|
const resolvedThemeClass = themeClassProp ?? themeClass;
|
|
18169
18255
|
const modalBackground = backgroundColorProp ?? colors2.background;
|
|
18170
|
-
return /* @__PURE__ */ (0,
|
|
18256
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
18171
18257
|
DialogContent2,
|
|
18172
18258
|
{
|
|
18173
18259
|
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}`,
|
|
18174
18260
|
style: { backgroundColor: modalBackground },
|
|
18175
18261
|
children: [
|
|
18176
|
-
/* @__PURE__ */ (0,
|
|
18177
|
-
/* @__PURE__ */ (0,
|
|
18178
|
-
/* @__PURE__ */ (0,
|
|
18262
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
|
|
18263
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("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__ */ (0, import_jsx_runtime55.jsx)(X, { className: "uf-w-4 uf-h-4" }) }),
|
|
18264
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
18179
18265
|
DialogTitle2,
|
|
18180
18266
|
{
|
|
18181
18267
|
className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
|
|
@@ -18183,91 +18269,91 @@ function GlossaryModal({
|
|
|
18183
18269
|
children: "Glossary"
|
|
18184
18270
|
}
|
|
18185
18271
|
),
|
|
18186
|
-
/* @__PURE__ */ (0,
|
|
18272
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
18187
18273
|
"button",
|
|
18188
18274
|
{
|
|
18189
18275
|
onClick: () => onOpenChange(false),
|
|
18190
18276
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
|
|
18191
18277
|
style: { color: components.header.buttonColor },
|
|
18192
|
-
children: /* @__PURE__ */ (0,
|
|
18278
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(X, { className: "uf-w-4 uf-h-4" })
|
|
18193
18279
|
}
|
|
18194
18280
|
)
|
|
18195
18281
|
] }),
|
|
18196
|
-
/* @__PURE__ */ (0,
|
|
18197
|
-
/* @__PURE__ */ (0,
|
|
18282
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("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__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uf-space-y-3", children: [
|
|
18283
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
18198
18284
|
"div",
|
|
18199
18285
|
{
|
|
18200
18286
|
className: "uf-rounded-xl uf-p-3",
|
|
18201
18287
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18202
18288
|
children: [
|
|
18203
|
-
/* @__PURE__ */ (0,
|
|
18204
|
-
/* @__PURE__ */ (0,
|
|
18289
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
|
|
18290
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
|
|
18205
18291
|
]
|
|
18206
18292
|
}
|
|
18207
18293
|
),
|
|
18208
|
-
/* @__PURE__ */ (0,
|
|
18294
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
18209
18295
|
"div",
|
|
18210
18296
|
{
|
|
18211
18297
|
className: "uf-rounded-xl uf-p-3",
|
|
18212
18298
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18213
18299
|
children: [
|
|
18214
|
-
/* @__PURE__ */ (0,
|
|
18215
|
-
/* @__PURE__ */ (0,
|
|
18300
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
|
|
18301
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("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." })
|
|
18216
18302
|
]
|
|
18217
18303
|
}
|
|
18218
18304
|
),
|
|
18219
|
-
/* @__PURE__ */ (0,
|
|
18305
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
18220
18306
|
"div",
|
|
18221
18307
|
{
|
|
18222
18308
|
className: "uf-rounded-xl uf-p-3",
|
|
18223
18309
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18224
18310
|
children: [
|
|
18225
|
-
/* @__PURE__ */ (0,
|
|
18226
|
-
/* @__PURE__ */ (0,
|
|
18311
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
|
|
18312
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
|
|
18227
18313
|
]
|
|
18228
18314
|
}
|
|
18229
18315
|
),
|
|
18230
|
-
/* @__PURE__ */ (0,
|
|
18316
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
18231
18317
|
"div",
|
|
18232
18318
|
{
|
|
18233
18319
|
className: "uf-rounded-xl uf-p-3",
|
|
18234
18320
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18235
18321
|
children: [
|
|
18236
|
-
/* @__PURE__ */ (0,
|
|
18237
|
-
/* @__PURE__ */ (0,
|
|
18322
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
|
|
18323
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
|
|
18238
18324
|
]
|
|
18239
18325
|
}
|
|
18240
18326
|
),
|
|
18241
|
-
/* @__PURE__ */ (0,
|
|
18327
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
18242
18328
|
"div",
|
|
18243
18329
|
{
|
|
18244
18330
|
className: "uf-rounded-xl uf-p-3",
|
|
18245
18331
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18246
18332
|
children: [
|
|
18247
|
-
/* @__PURE__ */ (0,
|
|
18248
|
-
/* @__PURE__ */ (0,
|
|
18333
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
|
|
18334
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("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." })
|
|
18249
18335
|
]
|
|
18250
18336
|
}
|
|
18251
18337
|
),
|
|
18252
|
-
/* @__PURE__ */ (0,
|
|
18338
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
18253
18339
|
"div",
|
|
18254
18340
|
{
|
|
18255
18341
|
className: "uf-rounded-xl uf-p-3",
|
|
18256
18342
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18257
18343
|
children: [
|
|
18258
|
-
/* @__PURE__ */ (0,
|
|
18259
|
-
/* @__PURE__ */ (0,
|
|
18344
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
|
|
18345
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
|
|
18260
18346
|
]
|
|
18261
18347
|
}
|
|
18262
18348
|
),
|
|
18263
|
-
/* @__PURE__ */ (0,
|
|
18349
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
18264
18350
|
"div",
|
|
18265
18351
|
{
|
|
18266
18352
|
className: "uf-rounded-xl uf-p-3",
|
|
18267
18353
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18268
18354
|
children: [
|
|
18269
|
-
/* @__PURE__ */ (0,
|
|
18270
|
-
/* @__PURE__ */ (0,
|
|
18355
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
|
|
18356
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("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." })
|
|
18271
18357
|
]
|
|
18272
18358
|
}
|
|
18273
18359
|
)
|
|
@@ -18301,12 +18387,12 @@ var TooltipTrigger2 = React232.forwardRef(({ onClick, ...props }, ref) => {
|
|
|
18301
18387
|
},
|
|
18302
18388
|
[open, onOpenChange, onClick]
|
|
18303
18389
|
);
|
|
18304
|
-
return /* @__PURE__ */ (0,
|
|
18390
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Trigger, { ref, onClick: handleClick, ...props });
|
|
18305
18391
|
});
|
|
18306
18392
|
TooltipTrigger2.displayName = Trigger.displayName;
|
|
18307
18393
|
var TooltipContent2 = React232.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
|
|
18308
18394
|
const { themeClass, colors: colors2 } = useTheme();
|
|
18309
|
-
return /* @__PURE__ */ (0,
|
|
18395
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Portal3, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
18310
18396
|
Content22,
|
|
18311
18397
|
{
|
|
18312
18398
|
ref,
|
|
@@ -18505,29 +18591,29 @@ function TransferCryptoSingleInput({
|
|
|
18505
18591
|
const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
|
|
18506
18592
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
18507
18593
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
18508
|
-
return /* @__PURE__ */ (0,
|
|
18594
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
18509
18595
|
"div",
|
|
18510
18596
|
{
|
|
18511
18597
|
className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
|
|
18512
18598
|
style: { backgroundColor: colors2.background },
|
|
18513
18599
|
children: [
|
|
18514
|
-
/* @__PURE__ */ (0,
|
|
18515
|
-
/* @__PURE__ */ (0,
|
|
18600
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
|
|
18601
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18516
18602
|
"button",
|
|
18517
18603
|
{
|
|
18518
18604
|
onClick: () => setTokenSelectorOpen(true),
|
|
18519
18605
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
18520
18606
|
className: "uf-w-full hover:uf-bg-accent uf-p-3 uf-flex uf-items-center uf-gap-3 uf-transition-colors disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
|
|
18521
18607
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
18522
|
-
children: tokensLoading ? /* @__PURE__ */ (0,
|
|
18523
|
-
/* @__PURE__ */ (0,
|
|
18524
|
-
/* @__PURE__ */ (0,
|
|
18525
|
-
/* @__PURE__ */ (0,
|
|
18526
|
-
/* @__PURE__ */ (0,
|
|
18608
|
+
children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
|
|
18609
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
|
|
18610
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-flex-1", children: [
|
|
18611
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
|
|
18612
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
|
|
18527
18613
|
] })
|
|
18528
|
-
] }) : /* @__PURE__ */ (0,
|
|
18529
|
-
/* @__PURE__ */ (0,
|
|
18530
|
-
selectedToken && /* @__PURE__ */ (0,
|
|
18614
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
|
|
18615
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-relative uf-flex-shrink-0", children: [
|
|
18616
|
+
selectedToken && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18531
18617
|
"img",
|
|
18532
18618
|
{
|
|
18533
18619
|
src: selectedToken.icon_url,
|
|
@@ -18538,7 +18624,7 @@ function TransferCryptoSingleInput({
|
|
|
18538
18624
|
className: "uf-w-10 uf-h-10 uf-rounded-full"
|
|
18539
18625
|
}
|
|
18540
18626
|
),
|
|
18541
|
-
(currentChainFromBackend || currentChainData) && /* @__PURE__ */ (0,
|
|
18627
|
+
(currentChainFromBackend || currentChainData) && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18542
18628
|
"img",
|
|
18543
18629
|
{
|
|
18544
18630
|
src: currentChainFromBackend?.icon_url || currentChainData?.icon_url || "",
|
|
@@ -18551,8 +18637,8 @@ function TransferCryptoSingleInput({
|
|
|
18551
18637
|
}
|
|
18552
18638
|
) })
|
|
18553
18639
|
] }),
|
|
18554
|
-
/* @__PURE__ */ (0,
|
|
18555
|
-
/* @__PURE__ */ (0,
|
|
18640
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
|
|
18641
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18556
18642
|
"div",
|
|
18557
18643
|
{
|
|
18558
18644
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -18560,7 +18646,7 @@ function TransferCryptoSingleInput({
|
|
|
18560
18646
|
children: selectedToken?.symbol || token
|
|
18561
18647
|
}
|
|
18562
18648
|
),
|
|
18563
|
-
/* @__PURE__ */ (0,
|
|
18649
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18564
18650
|
"div",
|
|
18565
18651
|
{
|
|
18566
18652
|
className: "uf-text-xs uf-truncate",
|
|
@@ -18569,8 +18655,8 @@ function TransferCryptoSingleInput({
|
|
|
18569
18655
|
}
|
|
18570
18656
|
)
|
|
18571
18657
|
] }),
|
|
18572
|
-
/* @__PURE__ */ (0,
|
|
18573
|
-
/* @__PURE__ */ (0,
|
|
18658
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
|
|
18659
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-text-right", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
18574
18660
|
"div",
|
|
18575
18661
|
{
|
|
18576
18662
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -18582,12 +18668,12 @@ function TransferCryptoSingleInput({
|
|
|
18582
18668
|
]
|
|
18583
18669
|
}
|
|
18584
18670
|
) }),
|
|
18585
|
-
/* @__PURE__ */ (0,
|
|
18671
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
18586
18672
|
] })
|
|
18587
18673
|
] })
|
|
18588
18674
|
}
|
|
18589
18675
|
),
|
|
18590
|
-
/* @__PURE__ */ (0,
|
|
18676
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18591
18677
|
TokenSelectorSheet,
|
|
18592
18678
|
{
|
|
18593
18679
|
open: tokenSelectorOpen,
|
|
@@ -18601,24 +18687,24 @@ function TransferCryptoSingleInput({
|
|
|
18601
18687
|
}
|
|
18602
18688
|
}
|
|
18603
18689
|
),
|
|
18604
|
-
error && !loading && /* @__PURE__ */ (0,
|
|
18605
|
-
/* @__PURE__ */ (0,
|
|
18606
|
-
/* @__PURE__ */ (0,
|
|
18607
|
-
/* @__PURE__ */ (0,
|
|
18608
|
-
/* @__PURE__ */ (0,
|
|
18609
|
-
/* @__PURE__ */ (0,
|
|
18690
|
+
error && !loading && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
|
|
18691
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
18692
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
|
|
18693
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
18694
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
|
|
18695
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
18610
18696
|
] })
|
|
18611
18697
|
] }),
|
|
18612
|
-
/* @__PURE__ */ (0,
|
|
18613
|
-
/* @__PURE__ */ (0,
|
|
18614
|
-
/* @__PURE__ */ (0,
|
|
18698
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
|
|
18699
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
|
|
18700
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
|
|
18615
18701
|
] })
|
|
18616
18702
|
] }),
|
|
18617
|
-
/* @__PURE__ */ (0,
|
|
18618
|
-
/* @__PURE__ */ (0,
|
|
18619
|
-
/* @__PURE__ */ (0,
|
|
18703
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
18704
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
18705
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
18620
18706
|
// QR Skeleton - matches QR code appearance
|
|
18621
|
-
/* @__PURE__ */ (0,
|
|
18707
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18622
18708
|
"div",
|
|
18623
18709
|
{
|
|
18624
18710
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -18628,7 +18714,7 @@ function TransferCryptoSingleInput({
|
|
|
18628
18714
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
18629
18715
|
borderRadius: 8
|
|
18630
18716
|
},
|
|
18631
|
-
children: /* @__PURE__ */ (0,
|
|
18717
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18632
18718
|
"div",
|
|
18633
18719
|
{
|
|
18634
18720
|
style: {
|
|
@@ -18641,7 +18727,7 @@ function TransferCryptoSingleInput({
|
|
|
18641
18727
|
)
|
|
18642
18728
|
}
|
|
18643
18729
|
)
|
|
18644
|
-
) : depositAddress ? /* @__PURE__ */ (0,
|
|
18730
|
+
) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18645
18731
|
StyledQRCode,
|
|
18646
18732
|
{
|
|
18647
18733
|
value: depositAddress,
|
|
@@ -18651,19 +18737,19 @@ function TransferCryptoSingleInput({
|
|
|
18651
18737
|
darkMode: isDarkMode
|
|
18652
18738
|
},
|
|
18653
18739
|
`qr-${depositAddress}-${chain}`
|
|
18654
|
-
) : /* @__PURE__ */ (0,
|
|
18740
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18655
18741
|
"div",
|
|
18656
18742
|
{
|
|
18657
18743
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
18658
18744
|
style: { width: 180, height: 180 },
|
|
18659
|
-
children: /* @__PURE__ */ (0,
|
|
18745
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
|
|
18660
18746
|
}
|
|
18661
18747
|
) })
|
|
18662
18748
|
] }),
|
|
18663
|
-
/* @__PURE__ */ (0,
|
|
18749
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
18664
18750
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
18665
18751
|
// Address skeleton
|
|
18666
|
-
/* @__PURE__ */ (0,
|
|
18752
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18667
18753
|
"div",
|
|
18668
18754
|
{
|
|
18669
18755
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -18672,45 +18758,45 @@ function TransferCryptoSingleInput({
|
|
|
18672
18758
|
}
|
|
18673
18759
|
}
|
|
18674
18760
|
)
|
|
18675
|
-
) : /* @__PURE__ */ (0,
|
|
18676
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */ (0,
|
|
18761
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
|
|
18762
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18677
18763
|
"span",
|
|
18678
18764
|
{
|
|
18679
18765
|
onClick: handleCopyAddress,
|
|
18680
18766
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
18681
18767
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
18682
|
-
children: copied ? /* @__PURE__ */ (0,
|
|
18768
|
+
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
18683
18769
|
}
|
|
18684
18770
|
)
|
|
18685
18771
|
] }) }),
|
|
18686
|
-
/* @__PURE__ */ (0,
|
|
18687
|
-
/* @__PURE__ */ (0,
|
|
18772
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
|
|
18773
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
18688
18774
|
"button",
|
|
18689
18775
|
{
|
|
18690
18776
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
18691
18777
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
18692
18778
|
children: [
|
|
18693
|
-
/* @__PURE__ */ (0,
|
|
18694
|
-
/* @__PURE__ */ (0,
|
|
18695
|
-
/* @__PURE__ */ (0,
|
|
18779
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
18780
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
18781
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
18696
18782
|
t4.processingTime.label,
|
|
18697
18783
|
":",
|
|
18698
18784
|
" ",
|
|
18699
|
-
/* @__PURE__ */ (0,
|
|
18785
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
18700
18786
|
] })
|
|
18701
18787
|
] }),
|
|
18702
|
-
detailsExpanded ? /* @__PURE__ */ (0,
|
|
18788
|
+
detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
18703
18789
|
]
|
|
18704
18790
|
}
|
|
18705
18791
|
),
|
|
18706
|
-
detailsExpanded && /* @__PURE__ */ (0,
|
|
18707
|
-
/* @__PURE__ */ (0,
|
|
18708
|
-
/* @__PURE__ */ (0,
|
|
18709
|
-
/* @__PURE__ */ (0,
|
|
18792
|
+
detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
18793
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
18794
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
18795
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
18710
18796
|
t4.slippage.label,
|
|
18711
18797
|
":",
|
|
18712
18798
|
" ",
|
|
18713
|
-
/* @__PURE__ */ (0,
|
|
18799
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
18714
18800
|
t4.slippage.auto,
|
|
18715
18801
|
" \u2022 ",
|
|
18716
18802
|
maxSlippage.toFixed(2),
|
|
@@ -18718,38 +18804,38 @@ function TransferCryptoSingleInput({
|
|
|
18718
18804
|
] })
|
|
18719
18805
|
] })
|
|
18720
18806
|
] }),
|
|
18721
|
-
/* @__PURE__ */ (0,
|
|
18722
|
-
/* @__PURE__ */ (0,
|
|
18723
|
-
/* @__PURE__ */ (0,
|
|
18807
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
18808
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
18809
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
18724
18810
|
t4.priceImpact.label,
|
|
18725
18811
|
":",
|
|
18726
18812
|
" ",
|
|
18727
|
-
/* @__PURE__ */ (0,
|
|
18813
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
18728
18814
|
priceImpact.toFixed(2),
|
|
18729
18815
|
"%"
|
|
18730
18816
|
] })
|
|
18731
18817
|
] })
|
|
18732
18818
|
] }),
|
|
18733
|
-
/* @__PURE__ */ (0,
|
|
18734
|
-
/* @__PURE__ */ (0,
|
|
18735
|
-
/* @__PURE__ */ (0,
|
|
18819
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
18820
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
18821
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
18736
18822
|
"Recipient address:",
|
|
18737
18823
|
" ",
|
|
18738
|
-
/* @__PURE__ */ (0,
|
|
18739
|
-
/* @__PURE__ */ (0,
|
|
18824
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
18825
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18740
18826
|
"span",
|
|
18741
18827
|
{
|
|
18742
18828
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
18743
18829
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
18744
18830
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
18745
|
-
children: copiedRecipient ? /* @__PURE__ */ (0,
|
|
18831
|
+
children: copiedRecipient ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
18746
18832
|
}
|
|
18747
18833
|
)
|
|
18748
18834
|
] })
|
|
18749
18835
|
] })
|
|
18750
18836
|
] })
|
|
18751
18837
|
] }),
|
|
18752
|
-
wallets && wallets.length > 0 && /* @__PURE__ */ (0,
|
|
18838
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18753
18839
|
DepositPollingUi,
|
|
18754
18840
|
{
|
|
18755
18841
|
depositConfirmationMode,
|
|
@@ -18758,29 +18844,29 @@ function TransferCryptoSingleInput({
|
|
|
18758
18844
|
onIveDeposited: handleIveDeposited
|
|
18759
18845
|
}
|
|
18760
18846
|
),
|
|
18761
|
-
/* @__PURE__ */ (0,
|
|
18762
|
-
depositExecutions.length > 1 && /* @__PURE__ */ (0,
|
|
18847
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
18848
|
+
depositExecutions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
18763
18849
|
"button",
|
|
18764
18850
|
{
|
|
18765
18851
|
onClick: () => setDepositsModalOpen(true),
|
|
18766
18852
|
className: "uf-flex uf-items-center uf-gap-1 uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-animate-in uf-fade-in uf-slide-in-from-right-8 uf-duration-1000",
|
|
18767
18853
|
children: [
|
|
18768
|
-
/* @__PURE__ */ (0,
|
|
18854
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
18769
18855
|
"Track deposits (",
|
|
18770
18856
|
depositExecutions.length,
|
|
18771
18857
|
")",
|
|
18772
|
-
/* @__PURE__ */ (0,
|
|
18858
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
18773
18859
|
]
|
|
18774
18860
|
}
|
|
18775
18861
|
) }),
|
|
18776
|
-
/* @__PURE__ */ (0,
|
|
18862
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18777
18863
|
DepositPollingToasts,
|
|
18778
18864
|
{
|
|
18779
18865
|
executions: depositExecutions,
|
|
18780
18866
|
isPolling
|
|
18781
18867
|
}
|
|
18782
18868
|
),
|
|
18783
|
-
/* @__PURE__ */ (0,
|
|
18869
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18784
18870
|
DepositsModal,
|
|
18785
18871
|
{
|
|
18786
18872
|
open: depositsModalOpen,
|
|
@@ -18791,7 +18877,7 @@ function TransferCryptoSingleInput({
|
|
|
18791
18877
|
themeClass
|
|
18792
18878
|
}
|
|
18793
18879
|
),
|
|
18794
|
-
/* @__PURE__ */ (0,
|
|
18880
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
18795
18881
|
GlossaryModal,
|
|
18796
18882
|
{
|
|
18797
18883
|
open: glossaryOpen,
|
|
@@ -18808,7 +18894,7 @@ var Select2 = Root23;
|
|
|
18808
18894
|
var SelectValue2 = Value;
|
|
18809
18895
|
var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props }, ref) => {
|
|
18810
18896
|
const { components } = useTheme();
|
|
18811
|
-
return /* @__PURE__ */ (0,
|
|
18897
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
18812
18898
|
Trigger2,
|
|
18813
18899
|
{
|
|
18814
18900
|
ref,
|
|
@@ -18824,13 +18910,13 @@ var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props
|
|
|
18824
18910
|
...props,
|
|
18825
18911
|
children: [
|
|
18826
18912
|
children,
|
|
18827
|
-
/* @__PURE__ */ (0,
|
|
18913
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronDown, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
|
|
18828
18914
|
]
|
|
18829
18915
|
}
|
|
18830
18916
|
);
|
|
18831
18917
|
});
|
|
18832
18918
|
SelectTrigger2.displayName = Trigger2.displayName;
|
|
18833
|
-
var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
18919
|
+
var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
18834
18920
|
ScrollUpButton,
|
|
18835
18921
|
{
|
|
18836
18922
|
ref,
|
|
@@ -18839,11 +18925,11 @@ var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) =
|
|
|
18839
18925
|
className
|
|
18840
18926
|
),
|
|
18841
18927
|
...props,
|
|
18842
|
-
children: /* @__PURE__ */ (0,
|
|
18928
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronUp, { className: "uf-h-4 uf-w-4" })
|
|
18843
18929
|
}
|
|
18844
18930
|
));
|
|
18845
18931
|
SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
|
|
18846
|
-
var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
18932
|
+
var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
18847
18933
|
ScrollDownButton,
|
|
18848
18934
|
{
|
|
18849
18935
|
ref,
|
|
@@ -18852,13 +18938,13 @@ var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref)
|
|
|
18852
18938
|
className
|
|
18853
18939
|
),
|
|
18854
18940
|
...props,
|
|
18855
|
-
children: /* @__PURE__ */ (0,
|
|
18941
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChevronDown, { className: "uf-h-4 uf-w-4" })
|
|
18856
18942
|
}
|
|
18857
18943
|
));
|
|
18858
18944
|
SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
|
|
18859
18945
|
var SelectContent2 = React242.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
|
|
18860
18946
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
18861
|
-
return /* @__PURE__ */ (0,
|
|
18947
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Portal4, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
18862
18948
|
Content23,
|
|
18863
18949
|
{
|
|
18864
18950
|
ref,
|
|
@@ -18877,8 +18963,8 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
|
|
|
18877
18963
|
position,
|
|
18878
18964
|
...props,
|
|
18879
18965
|
children: [
|
|
18880
|
-
/* @__PURE__ */ (0,
|
|
18881
|
-
/* @__PURE__ */ (0,
|
|
18966
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectScrollUpButton2, {}),
|
|
18967
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
18882
18968
|
Viewport,
|
|
18883
18969
|
{
|
|
18884
18970
|
className: cn(
|
|
@@ -18888,13 +18974,13 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
|
|
|
18888
18974
|
children
|
|
18889
18975
|
}
|
|
18890
18976
|
),
|
|
18891
|
-
/* @__PURE__ */ (0,
|
|
18977
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectScrollDownButton2, {})
|
|
18892
18978
|
]
|
|
18893
18979
|
}
|
|
18894
18980
|
) });
|
|
18895
18981
|
});
|
|
18896
18982
|
SelectContent2.displayName = Content23.displayName;
|
|
18897
|
-
var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
18983
|
+
var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
18898
18984
|
Label,
|
|
18899
18985
|
{
|
|
18900
18986
|
ref,
|
|
@@ -18906,7 +18992,7 @@ var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
18906
18992
|
}
|
|
18907
18993
|
));
|
|
18908
18994
|
SelectLabel2.displayName = Label.displayName;
|
|
18909
|
-
var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0,
|
|
18995
|
+
var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
18910
18996
|
Item,
|
|
18911
18997
|
{
|
|
18912
18998
|
ref,
|
|
@@ -18916,13 +19002,13 @@ var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) =
|
|
|
18916
19002
|
),
|
|
18917
19003
|
...props,
|
|
18918
19004
|
children: [
|
|
18919
|
-
/* @__PURE__ */ (0,
|
|
18920
|
-
/* @__PURE__ */ (0,
|
|
19005
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uf-absolute uf-left-2 uf-flex uf-h-3.5 uf-w-3.5 uf-items-center uf-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Check, { className: "uf-h-4 uf-w-4" }) }) }),
|
|
19006
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ItemText, { children })
|
|
18921
19007
|
]
|
|
18922
19008
|
}
|
|
18923
19009
|
));
|
|
18924
19010
|
SelectItem2.displayName = Item.displayName;
|
|
18925
|
-
var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
19011
|
+
var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
18926
19012
|
Separator,
|
|
18927
19013
|
{
|
|
18928
19014
|
ref,
|
|
@@ -19087,8 +19173,8 @@ function TransferCryptoDoubleInput({
|
|
|
19087
19173
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
19088
19174
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
19089
19175
|
const renderTokenItem = (tokenData) => {
|
|
19090
|
-
return /* @__PURE__ */ (0,
|
|
19091
|
-
/* @__PURE__ */ (0,
|
|
19176
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19177
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19092
19178
|
"img",
|
|
19093
19179
|
{
|
|
19094
19180
|
src: tokenData.icon_url,
|
|
@@ -19099,13 +19185,13 @@ function TransferCryptoDoubleInput({
|
|
|
19099
19185
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
19100
19186
|
}
|
|
19101
19187
|
),
|
|
19102
|
-
/* @__PURE__ */ (0,
|
|
19188
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
|
|
19103
19189
|
] });
|
|
19104
19190
|
};
|
|
19105
19191
|
const renderChainItem = (chainData, showMinDeposit = false) => {
|
|
19106
|
-
return /* @__PURE__ */ (0,
|
|
19107
|
-
/* @__PURE__ */ (0,
|
|
19108
|
-
/* @__PURE__ */ (0,
|
|
19192
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
|
|
19193
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19194
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19109
19195
|
"img",
|
|
19110
19196
|
{
|
|
19111
19197
|
src: chainData.icon_url,
|
|
@@ -19116,32 +19202,32 @@ function TransferCryptoDoubleInput({
|
|
|
19116
19202
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
19117
19203
|
}
|
|
19118
19204
|
),
|
|
19119
|
-
/* @__PURE__ */ (0,
|
|
19205
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
|
|
19120
19206
|
] }),
|
|
19121
|
-
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ (0,
|
|
19207
|
+
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
19122
19208
|
"$",
|
|
19123
19209
|
chainData.minimum_deposit_amount_usd
|
|
19124
19210
|
] })
|
|
19125
19211
|
] });
|
|
19126
19212
|
};
|
|
19127
|
-
return /* @__PURE__ */ (0,
|
|
19213
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
19128
19214
|
"div",
|
|
19129
19215
|
{
|
|
19130
19216
|
className: "uf-space-y-3",
|
|
19131
19217
|
style: { backgroundColor: colors2.background },
|
|
19132
19218
|
children: [
|
|
19133
|
-
/* @__PURE__ */ (0,
|
|
19134
|
-
/* @__PURE__ */ (0,
|
|
19135
|
-
/* @__PURE__ */ (0,
|
|
19136
|
-
/* @__PURE__ */ (0,
|
|
19219
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
|
|
19220
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
|
|
19221
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
|
|
19222
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
19137
19223
|
Select2,
|
|
19138
19224
|
{
|
|
19139
19225
|
value: token,
|
|
19140
19226
|
onValueChange: setToken,
|
|
19141
19227
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
19142
19228
|
children: [
|
|
19143
|
-
/* @__PURE__ */ (0,
|
|
19144
|
-
/* @__PURE__ */ (0,
|
|
19229
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectTrigger2, { 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__ */ (0, import_jsx_runtime59.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
|
|
19230
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectContent2, { 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__ */ (0, import_jsx_runtime59.jsx)(
|
|
19145
19231
|
SelectItem2,
|
|
19146
19232
|
{
|
|
19147
19233
|
value: tokenData.symbol,
|
|
@@ -19154,36 +19240,36 @@ function TransferCryptoDoubleInput({
|
|
|
19154
19240
|
}
|
|
19155
19241
|
)
|
|
19156
19242
|
] }),
|
|
19157
|
-
/* @__PURE__ */ (0,
|
|
19158
|
-
/* @__PURE__ */ (0,
|
|
19243
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
|
|
19244
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
|
|
19159
19245
|
t5.selectedChain,
|
|
19160
|
-
/* @__PURE__ */ (0,
|
|
19246
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
19161
19247
|
"$",
|
|
19162
19248
|
minDepositUsd,
|
|
19163
19249
|
" ",
|
|
19164
19250
|
t5.minDeposit.label
|
|
19165
19251
|
] })
|
|
19166
19252
|
] }),
|
|
19167
|
-
/* @__PURE__ */ (0,
|
|
19253
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
19168
19254
|
Select2,
|
|
19169
19255
|
{
|
|
19170
19256
|
value: chain,
|
|
19171
19257
|
onValueChange: setChain,
|
|
19172
19258
|
disabled: tokensLoading || availableChainsForToken.length === 0,
|
|
19173
19259
|
children: [
|
|
19174
|
-
/* @__PURE__ */ (0,
|
|
19175
|
-
/* @__PURE__ */ (0,
|
|
19260
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectTrigger2, { 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__ */ (0, import_jsx_runtime59.jsx)(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
|
|
19261
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19176
19262
|
SelectContent2,
|
|
19177
19263
|
{
|
|
19178
19264
|
align: "end",
|
|
19179
19265
|
className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
|
|
19180
19266
|
style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} },
|
|
19181
|
-
children: availableChainsForToken.length === 0 ? /* @__PURE__ */ (0,
|
|
19267
|
+
children: availableChainsForToken.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
|
|
19182
19268
|
const chainKey = getChainKey2(
|
|
19183
19269
|
chainData.chain_id,
|
|
19184
19270
|
chainData.chain_type
|
|
19185
19271
|
);
|
|
19186
|
-
return /* @__PURE__ */ (0,
|
|
19272
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19187
19273
|
SelectItem2,
|
|
19188
19274
|
{
|
|
19189
19275
|
value: chainKey,
|
|
@@ -19200,24 +19286,24 @@ function TransferCryptoDoubleInput({
|
|
|
19200
19286
|
)
|
|
19201
19287
|
] })
|
|
19202
19288
|
] }),
|
|
19203
|
-
error && !loading && /* @__PURE__ */ (0,
|
|
19204
|
-
/* @__PURE__ */ (0,
|
|
19205
|
-
/* @__PURE__ */ (0,
|
|
19206
|
-
/* @__PURE__ */ (0,
|
|
19207
|
-
/* @__PURE__ */ (0,
|
|
19208
|
-
/* @__PURE__ */ (0,
|
|
19289
|
+
error && !loading && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
|
|
19290
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
19291
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
|
|
19292
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
19293
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
|
|
19294
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
19209
19295
|
] })
|
|
19210
19296
|
] }),
|
|
19211
|
-
/* @__PURE__ */ (0,
|
|
19212
|
-
/* @__PURE__ */ (0,
|
|
19213
|
-
/* @__PURE__ */ (0,
|
|
19297
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
|
|
19298
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Clock, { className: "uf-w-3 uf-h-3" }),
|
|
19299
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
|
|
19214
19300
|
] })
|
|
19215
19301
|
] }),
|
|
19216
|
-
/* @__PURE__ */ (0,
|
|
19217
|
-
/* @__PURE__ */ (0,
|
|
19218
|
-
/* @__PURE__ */ (0,
|
|
19302
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
19303
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
19304
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
19219
19305
|
// QR Skeleton - matches QR code appearance
|
|
19220
|
-
/* @__PURE__ */ (0,
|
|
19306
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19221
19307
|
"div",
|
|
19222
19308
|
{
|
|
19223
19309
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -19227,7 +19313,7 @@ function TransferCryptoDoubleInput({
|
|
|
19227
19313
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
19228
19314
|
borderRadius: 8
|
|
19229
19315
|
},
|
|
19230
|
-
children: /* @__PURE__ */ (0,
|
|
19316
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19231
19317
|
"div",
|
|
19232
19318
|
{
|
|
19233
19319
|
style: {
|
|
@@ -19240,7 +19326,7 @@ function TransferCryptoDoubleInput({
|
|
|
19240
19326
|
)
|
|
19241
19327
|
}
|
|
19242
19328
|
)
|
|
19243
|
-
) : depositAddress ? /* @__PURE__ */ (0,
|
|
19329
|
+
) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19244
19330
|
StyledQRCode,
|
|
19245
19331
|
{
|
|
19246
19332
|
value: depositAddress,
|
|
@@ -19250,19 +19336,19 @@ function TransferCryptoDoubleInput({
|
|
|
19250
19336
|
darkMode: isDarkMode
|
|
19251
19337
|
},
|
|
19252
19338
|
`qr-${depositAddress}-${chain}`
|
|
19253
|
-
) : /* @__PURE__ */ (0,
|
|
19339
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19254
19340
|
"div",
|
|
19255
19341
|
{
|
|
19256
19342
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
19257
19343
|
style: { width: 180, height: 180 },
|
|
19258
|
-
children: /* @__PURE__ */ (0,
|
|
19344
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
|
|
19259
19345
|
}
|
|
19260
19346
|
) })
|
|
19261
19347
|
] }),
|
|
19262
|
-
/* @__PURE__ */ (0,
|
|
19348
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
19263
19349
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
19264
19350
|
// Address skeleton
|
|
19265
|
-
/* @__PURE__ */ (0,
|
|
19351
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19266
19352
|
"div",
|
|
19267
19353
|
{
|
|
19268
19354
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -19271,45 +19357,45 @@ function TransferCryptoDoubleInput({
|
|
|
19271
19357
|
}
|
|
19272
19358
|
}
|
|
19273
19359
|
)
|
|
19274
|
-
) : /* @__PURE__ */ (0,
|
|
19275
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */ (0,
|
|
19360
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
|
|
19361
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19276
19362
|
"span",
|
|
19277
19363
|
{
|
|
19278
19364
|
onClick: handleCopyAddress,
|
|
19279
19365
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
19280
19366
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
19281
|
-
children: copied ? /* @__PURE__ */ (0,
|
|
19367
|
+
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
19282
19368
|
}
|
|
19283
19369
|
)
|
|
19284
19370
|
] }) }),
|
|
19285
|
-
/* @__PURE__ */ (0,
|
|
19286
|
-
/* @__PURE__ */ (0,
|
|
19371
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
|
|
19372
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
19287
19373
|
"button",
|
|
19288
19374
|
{
|
|
19289
19375
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
19290
19376
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
19291
19377
|
children: [
|
|
19292
|
-
/* @__PURE__ */ (0,
|
|
19293
|
-
/* @__PURE__ */ (0,
|
|
19294
|
-
/* @__PURE__ */ (0,
|
|
19378
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19379
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
19380
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
19295
19381
|
t5.processingTime.label,
|
|
19296
19382
|
":",
|
|
19297
19383
|
" ",
|
|
19298
|
-
/* @__PURE__ */ (0,
|
|
19384
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
19299
19385
|
] })
|
|
19300
19386
|
] }),
|
|
19301
|
-
detailsExpanded ? /* @__PURE__ */ (0,
|
|
19387
|
+
detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
19302
19388
|
]
|
|
19303
19389
|
}
|
|
19304
19390
|
),
|
|
19305
|
-
detailsExpanded && /* @__PURE__ */ (0,
|
|
19306
|
-
/* @__PURE__ */ (0,
|
|
19307
|
-
/* @__PURE__ */ (0,
|
|
19308
|
-
/* @__PURE__ */ (0,
|
|
19391
|
+
detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
19392
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19393
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
19394
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
19309
19395
|
t5.slippage.label,
|
|
19310
19396
|
":",
|
|
19311
19397
|
" ",
|
|
19312
|
-
/* @__PURE__ */ (0,
|
|
19398
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
19313
19399
|
t5.slippage.auto,
|
|
19314
19400
|
" \u2022 ",
|
|
19315
19401
|
maxSlippage.toFixed(2),
|
|
@@ -19317,38 +19403,38 @@ function TransferCryptoDoubleInput({
|
|
|
19317
19403
|
] })
|
|
19318
19404
|
] })
|
|
19319
19405
|
] }),
|
|
19320
|
-
/* @__PURE__ */ (0,
|
|
19321
|
-
/* @__PURE__ */ (0,
|
|
19322
|
-
/* @__PURE__ */ (0,
|
|
19406
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19407
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
19408
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
19323
19409
|
t5.priceImpact.label,
|
|
19324
19410
|
":",
|
|
19325
19411
|
" ",
|
|
19326
|
-
/* @__PURE__ */ (0,
|
|
19412
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
19327
19413
|
priceImpact.toFixed(2),
|
|
19328
19414
|
"%"
|
|
19329
19415
|
] })
|
|
19330
19416
|
] })
|
|
19331
19417
|
] }),
|
|
19332
|
-
/* @__PURE__ */ (0,
|
|
19333
|
-
/* @__PURE__ */ (0,
|
|
19334
|
-
/* @__PURE__ */ (0,
|
|
19418
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19419
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
19420
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
19335
19421
|
"Recipient address:",
|
|
19336
19422
|
" ",
|
|
19337
|
-
/* @__PURE__ */ (0,
|
|
19338
|
-
/* @__PURE__ */ (0,
|
|
19423
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
19424
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19339
19425
|
"span",
|
|
19340
19426
|
{
|
|
19341
19427
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
19342
19428
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
19343
19429
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
19344
|
-
children: copiedRecipient ? /* @__PURE__ */ (0,
|
|
19430
|
+
children: copiedRecipient ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
19345
19431
|
}
|
|
19346
19432
|
)
|
|
19347
19433
|
] })
|
|
19348
19434
|
] })
|
|
19349
19435
|
] })
|
|
19350
19436
|
] }),
|
|
19351
|
-
wallets && wallets.length > 0 && /* @__PURE__ */ (0,
|
|
19437
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19352
19438
|
DepositPollingUi,
|
|
19353
19439
|
{
|
|
19354
19440
|
depositConfirmationMode,
|
|
@@ -19357,29 +19443,29 @@ function TransferCryptoDoubleInput({
|
|
|
19357
19443
|
onIveDeposited: handleIveDeposited
|
|
19358
19444
|
}
|
|
19359
19445
|
),
|
|
19360
|
-
/* @__PURE__ */ (0,
|
|
19361
|
-
depositExecutions.length > 1 && /* @__PURE__ */ (0,
|
|
19446
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
19447
|
+
depositExecutions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
19362
19448
|
"button",
|
|
19363
19449
|
{
|
|
19364
19450
|
onClick: () => setDepositsModalOpen(true),
|
|
19365
19451
|
className: "uf-flex uf-items-center uf-gap-1 uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-animate-in uf-fade-in uf-slide-in-from-right-8 uf-duration-1000",
|
|
19366
19452
|
children: [
|
|
19367
|
-
/* @__PURE__ */ (0,
|
|
19453
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
19368
19454
|
"Track deposits (",
|
|
19369
19455
|
depositExecutions.length,
|
|
19370
19456
|
")",
|
|
19371
|
-
/* @__PURE__ */ (0,
|
|
19457
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
19372
19458
|
]
|
|
19373
19459
|
}
|
|
19374
19460
|
) }),
|
|
19375
|
-
/* @__PURE__ */ (0,
|
|
19461
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19376
19462
|
DepositPollingToasts,
|
|
19377
19463
|
{
|
|
19378
19464
|
executions: depositExecutions,
|
|
19379
19465
|
isPolling
|
|
19380
19466
|
}
|
|
19381
19467
|
),
|
|
19382
|
-
/* @__PURE__ */ (0,
|
|
19468
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19383
19469
|
DepositsModal,
|
|
19384
19470
|
{
|
|
19385
19471
|
open: depositsModalOpen,
|
|
@@ -19390,7 +19476,7 @@ function TransferCryptoDoubleInput({
|
|
|
19390
19476
|
themeClass
|
|
19391
19477
|
}
|
|
19392
19478
|
),
|
|
19393
|
-
/* @__PURE__ */ (0,
|
|
19479
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
19394
19480
|
GlossaryModal,
|
|
19395
19481
|
{
|
|
19396
19482
|
open: glossaryOpen,
|
|
@@ -19417,8 +19503,8 @@ function SelectTokenView({
|
|
|
19417
19503
|
onClose
|
|
19418
19504
|
}) {
|
|
19419
19505
|
const { colors: colors2, fonts, components } = useTheme();
|
|
19420
|
-
return /* @__PURE__ */ (0,
|
|
19421
|
-
/* @__PURE__ */ (0,
|
|
19506
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
|
|
19507
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
19422
19508
|
DepositHeader,
|
|
19423
19509
|
{
|
|
19424
19510
|
title: "Select Token",
|
|
@@ -19431,20 +19517,20 @@ function SelectTokenView({
|
|
|
19431
19517
|
onClose
|
|
19432
19518
|
}
|
|
19433
19519
|
),
|
|
19434
|
-
/* @__PURE__ */ (0,
|
|
19520
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
19435
19521
|
LoaderCircle,
|
|
19436
19522
|
{
|
|
19437
19523
|
className: "uf-w-6 uf-h-6 uf-animate-spin",
|
|
19438
19524
|
style: { color: colors2.foregroundMuted }
|
|
19439
19525
|
}
|
|
19440
|
-
) }) : error ? /* @__PURE__ */ (0,
|
|
19526
|
+
) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
19441
19527
|
"div",
|
|
19442
19528
|
{
|
|
19443
19529
|
className: "uf-text-sm",
|
|
19444
19530
|
style: { color: colors2.foregroundMuted },
|
|
19445
19531
|
children: error
|
|
19446
19532
|
}
|
|
19447
|
-
) }) : balances.length === 0 ? /* @__PURE__ */ (0,
|
|
19533
|
+
) }) : balances.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
19448
19534
|
"div",
|
|
19449
19535
|
{
|
|
19450
19536
|
className: "uf-text-sm",
|
|
@@ -19463,7 +19549,7 @@ function SelectTokenView({
|
|
|
19463
19549
|
token.symbol
|
|
19464
19550
|
);
|
|
19465
19551
|
const formattedUsd = formatUsdAmount(balance.amount_usd);
|
|
19466
|
-
return /* @__PURE__ */ (0,
|
|
19552
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
19467
19553
|
"button",
|
|
19468
19554
|
{
|
|
19469
19555
|
onClick: () => onTokenSelect(balance),
|
|
@@ -19476,9 +19562,9 @@ function SelectTokenView({
|
|
|
19476
19562
|
opacity: isEligible ? 1 : 0.5
|
|
19477
19563
|
},
|
|
19478
19564
|
children: [
|
|
19479
|
-
/* @__PURE__ */ (0,
|
|
19480
|
-
/* @__PURE__ */ (0,
|
|
19481
|
-
getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0,
|
|
19565
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
19566
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
|
|
19567
|
+
getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
19482
19568
|
"img",
|
|
19483
19569
|
{
|
|
19484
19570
|
src: getIconUrl2(token.icon_url, assetCdnUrl),
|
|
@@ -19490,12 +19576,12 @@ function SelectTokenView({
|
|
|
19490
19576
|
filter: isEligible ? "none" : "grayscale(100%)"
|
|
19491
19577
|
}
|
|
19492
19578
|
}
|
|
19493
|
-
) : /* @__PURE__ */ (0,
|
|
19579
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
19494
19580
|
"div",
|
|
19495
19581
|
{
|
|
19496
19582
|
className: "uf-w-9 uf-h-9 uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
19497
19583
|
style: { backgroundColor: colors2.card },
|
|
19498
|
-
children: /* @__PURE__ */ (0,
|
|
19584
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
19499
19585
|
"span",
|
|
19500
19586
|
{
|
|
19501
19587
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -19505,7 +19591,7 @@ function SelectTokenView({
|
|
|
19505
19591
|
)
|
|
19506
19592
|
}
|
|
19507
19593
|
),
|
|
19508
|
-
getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0,
|
|
19594
|
+
getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
19509
19595
|
"img",
|
|
19510
19596
|
{
|
|
19511
19597
|
src: getIconUrl2(token.chain_icon_url, assetCdnUrl),
|
|
@@ -19520,8 +19606,8 @@ function SelectTokenView({
|
|
|
19520
19606
|
}
|
|
19521
19607
|
)
|
|
19522
19608
|
] }),
|
|
19523
|
-
/* @__PURE__ */ (0,
|
|
19524
|
-
/* @__PURE__ */ (0,
|
|
19609
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-text-left", children: [
|
|
19610
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
19525
19611
|
"div",
|
|
19526
19612
|
{
|
|
19527
19613
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19532,7 +19618,7 @@ function SelectTokenView({
|
|
|
19532
19618
|
children: token.symbol
|
|
19533
19619
|
}
|
|
19534
19620
|
),
|
|
19535
|
-
/* @__PURE__ */ (0,
|
|
19621
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
19536
19622
|
"div",
|
|
19537
19623
|
{
|
|
19538
19624
|
className: "uf-text-xs",
|
|
@@ -19548,8 +19634,8 @@ function SelectTokenView({
|
|
|
19548
19634
|
)
|
|
19549
19635
|
] })
|
|
19550
19636
|
] }),
|
|
19551
|
-
/* @__PURE__ */ (0,
|
|
19552
|
-
/* @__PURE__ */ (0,
|
|
19637
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uf-text-right", children: [
|
|
19638
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
19553
19639
|
"div",
|
|
19554
19640
|
{
|
|
19555
19641
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19564,7 +19650,7 @@ function SelectTokenView({
|
|
|
19564
19650
|
]
|
|
19565
19651
|
}
|
|
19566
19652
|
),
|
|
19567
|
-
formattedUsd && /* @__PURE__ */ (0,
|
|
19653
|
+
formattedUsd && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
19568
19654
|
"div",
|
|
19569
19655
|
{
|
|
19570
19656
|
className: "uf-text-xs",
|
|
@@ -19584,7 +19670,7 @@ function SelectTokenView({
|
|
|
19584
19670
|
`${token.chain_id}-${token.token_address}-${index2}`
|
|
19585
19671
|
);
|
|
19586
19672
|
}) }) }),
|
|
19587
|
-
/* @__PURE__ */ (0,
|
|
19673
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
19588
19674
|
"button",
|
|
19589
19675
|
{
|
|
19590
19676
|
onClick: onContinue,
|
|
@@ -19620,8 +19706,8 @@ function EnterAmountView({
|
|
|
19620
19706
|
}) {
|
|
19621
19707
|
const { colors: colors2, fonts, components } = useTheme();
|
|
19622
19708
|
const balanceSubtitle = selectedBalance?.amount_usd ? `Balance: $${parseFloat(selectedBalance.amount_usd).toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })} (${formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol)} ${selectedToken.symbol})` : `Balance: ${formatTokenAmount(selectedBalance.amount, selectedToken.decimals, selectedToken.symbol)} ${selectedToken.symbol}`;
|
|
19623
|
-
return /* @__PURE__ */ (0,
|
|
19624
|
-
/* @__PURE__ */ (0,
|
|
19709
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
|
|
19710
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
19625
19711
|
DepositHeader,
|
|
19626
19712
|
{
|
|
19627
19713
|
title: "Enter Amount",
|
|
@@ -19631,9 +19717,9 @@ function EnterAmountView({
|
|
|
19631
19717
|
onClose
|
|
19632
19718
|
}
|
|
19633
19719
|
),
|
|
19634
|
-
/* @__PURE__ */ (0,
|
|
19635
|
-
/* @__PURE__ */ (0,
|
|
19636
|
-
/* @__PURE__ */ (0,
|
|
19720
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-text-center uf-py-6", children: [
|
|
19721
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
19722
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
19637
19723
|
"span",
|
|
19638
19724
|
{
|
|
19639
19725
|
className: "uf-text-2xl uf-mr-1",
|
|
@@ -19641,7 +19727,7 @@ function EnterAmountView({
|
|
|
19641
19727
|
children: "$"
|
|
19642
19728
|
}
|
|
19643
19729
|
),
|
|
19644
|
-
/* @__PURE__ */ (0,
|
|
19730
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
19645
19731
|
"input",
|
|
19646
19732
|
{
|
|
19647
19733
|
type: "text",
|
|
@@ -19669,7 +19755,7 @@ function EnterAmountView({
|
|
|
19669
19755
|
}
|
|
19670
19756
|
)
|
|
19671
19757
|
] }),
|
|
19672
|
-
formattedTokenAmount && /* @__PURE__ */ (0,
|
|
19758
|
+
formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
19673
19759
|
"div",
|
|
19674
19760
|
{
|
|
19675
19761
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -19681,8 +19767,8 @@ function EnterAmountView({
|
|
|
19681
19767
|
}
|
|
19682
19768
|
)
|
|
19683
19769
|
] }),
|
|
19684
|
-
/* @__PURE__ */ (0,
|
|
19685
|
-
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0,
|
|
19770
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
|
|
19771
|
+
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
19686
19772
|
"button",
|
|
19687
19773
|
{
|
|
19688
19774
|
onClick: () => onAmountChange(quickAmount.toString()),
|
|
@@ -19699,7 +19785,7 @@ function EnterAmountView({
|
|
|
19699
19785
|
},
|
|
19700
19786
|
quickAmount
|
|
19701
19787
|
)),
|
|
19702
|
-
/* @__PURE__ */ (0,
|
|
19788
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
19703
19789
|
"button",
|
|
19704
19790
|
{
|
|
19705
19791
|
onClick: onMaxClick,
|
|
@@ -19713,7 +19799,7 @@ function EnterAmountView({
|
|
|
19713
19799
|
}
|
|
19714
19800
|
)
|
|
19715
19801
|
] }),
|
|
19716
|
-
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0,
|
|
19802
|
+
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
19717
19803
|
"div",
|
|
19718
19804
|
{
|
|
19719
19805
|
className: "uf-text-center uf-text-xs uf-mb-3",
|
|
@@ -19724,14 +19810,14 @@ function EnterAmountView({
|
|
|
19724
19810
|
]
|
|
19725
19811
|
}
|
|
19726
19812
|
),
|
|
19727
|
-
inputUsdNum > 0 && /* @__PURE__ */ (0,
|
|
19813
|
+
inputUsdNum > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
19728
19814
|
"div",
|
|
19729
19815
|
{
|
|
19730
19816
|
className: "uf-text-center uf-text-sm uf-mb-3",
|
|
19731
19817
|
style: { color: colors2.error },
|
|
19732
19818
|
children: "Insufficient balance"
|
|
19733
19819
|
}
|
|
19734
|
-
) : error && /* @__PURE__ */ (0,
|
|
19820
|
+
) : error && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
19735
19821
|
"div",
|
|
19736
19822
|
{
|
|
19737
19823
|
className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2",
|
|
@@ -19739,7 +19825,7 @@ function EnterAmountView({
|
|
|
19739
19825
|
children: error
|
|
19740
19826
|
}
|
|
19741
19827
|
) }),
|
|
19742
|
-
/* @__PURE__ */ (0,
|
|
19828
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
19743
19829
|
"button",
|
|
19744
19830
|
{
|
|
19745
19831
|
onClick: onReview,
|
|
@@ -19775,8 +19861,8 @@ function ReviewView({
|
|
|
19775
19861
|
onClose
|
|
19776
19862
|
}) {
|
|
19777
19863
|
const { colors: colors2, fonts, components } = useTheme();
|
|
19778
|
-
return /* @__PURE__ */ (0,
|
|
19779
|
-
/* @__PURE__ */ (0,
|
|
19864
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
|
|
19865
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
19780
19866
|
DepositHeader,
|
|
19781
19867
|
{
|
|
19782
19868
|
title: "Review",
|
|
@@ -19785,8 +19871,8 @@ function ReviewView({
|
|
|
19785
19871
|
onClose
|
|
19786
19872
|
}
|
|
19787
19873
|
),
|
|
19788
|
-
/* @__PURE__ */ (0,
|
|
19789
|
-
/* @__PURE__ */ (0,
|
|
19874
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-text-center", children: [
|
|
19875
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
19790
19876
|
"div",
|
|
19791
19877
|
{
|
|
19792
19878
|
className: "uf-text-4xl uf-font-medium",
|
|
@@ -19797,7 +19883,7 @@ function ReviewView({
|
|
|
19797
19883
|
]
|
|
19798
19884
|
}
|
|
19799
19885
|
),
|
|
19800
|
-
formattedTokenAmount && /* @__PURE__ */ (0,
|
|
19886
|
+
formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
19801
19887
|
"div",
|
|
19802
19888
|
{
|
|
19803
19889
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -19809,14 +19895,14 @@ function ReviewView({
|
|
|
19809
19895
|
}
|
|
19810
19896
|
)
|
|
19811
19897
|
] }),
|
|
19812
|
-
/* @__PURE__ */ (0,
|
|
19898
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
19813
19899
|
"div",
|
|
19814
19900
|
{
|
|
19815
19901
|
className: "uf-p-4 uf-space-y-4 uf-mt-4",
|
|
19816
19902
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
19817
19903
|
children: [
|
|
19818
|
-
/* @__PURE__ */ (0,
|
|
19819
|
-
/* @__PURE__ */ (0,
|
|
19904
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
19905
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
19820
19906
|
"span",
|
|
19821
19907
|
{
|
|
19822
19908
|
className: "uf-text-sm",
|
|
@@ -19824,8 +19910,8 @@ function ReviewView({
|
|
|
19824
19910
|
children: "Source"
|
|
19825
19911
|
}
|
|
19826
19912
|
),
|
|
19827
|
-
/* @__PURE__ */ (0,
|
|
19828
|
-
getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0,
|
|
19913
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19914
|
+
getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
19829
19915
|
"img",
|
|
19830
19916
|
{
|
|
19831
19917
|
src: getIconUrl2(selectedToken.icon_url, assetCdnUrl),
|
|
@@ -19833,7 +19919,7 @@ function ReviewView({
|
|
|
19833
19919
|
className: "uf-w-5 uf-h-5 uf-rounded-full"
|
|
19834
19920
|
}
|
|
19835
19921
|
),
|
|
19836
|
-
/* @__PURE__ */ (0,
|
|
19922
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
19837
19923
|
"span",
|
|
19838
19924
|
{
|
|
19839
19925
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19848,8 +19934,8 @@ function ReviewView({
|
|
|
19848
19934
|
)
|
|
19849
19935
|
] })
|
|
19850
19936
|
] }),
|
|
19851
|
-
/* @__PURE__ */ (0,
|
|
19852
|
-
/* @__PURE__ */ (0,
|
|
19937
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
19938
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
19853
19939
|
"span",
|
|
19854
19940
|
{
|
|
19855
19941
|
className: "uf-text-sm",
|
|
@@ -19857,7 +19943,7 @@ function ReviewView({
|
|
|
19857
19943
|
children: "Destination"
|
|
19858
19944
|
}
|
|
19859
19945
|
),
|
|
19860
|
-
/* @__PURE__ */ (0,
|
|
19946
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
19861
19947
|
"span",
|
|
19862
19948
|
{
|
|
19863
19949
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19866,13 +19952,13 @@ function ReviewView({
|
|
|
19866
19952
|
}
|
|
19867
19953
|
)
|
|
19868
19954
|
] }),
|
|
19869
|
-
/* @__PURE__ */ (0,
|
|
19955
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
19870
19956
|
"button",
|
|
19871
19957
|
{
|
|
19872
19958
|
onClick: onToggleDetails,
|
|
19873
19959
|
className: "uf-w-full uf-flex uf-justify-between uf-items-center uf-transition-colors hover:uf-opacity-80",
|
|
19874
19960
|
children: [
|
|
19875
|
-
/* @__PURE__ */ (0,
|
|
19961
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
19876
19962
|
"span",
|
|
19877
19963
|
{
|
|
19878
19964
|
className: "uf-text-sm",
|
|
@@ -19880,8 +19966,8 @@ function ReviewView({
|
|
|
19880
19966
|
children: "Estimated time"
|
|
19881
19967
|
}
|
|
19882
19968
|
),
|
|
19883
|
-
/* @__PURE__ */ (0,
|
|
19884
|
-
/* @__PURE__ */ (0,
|
|
19969
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19970
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
19885
19971
|
"span",
|
|
19886
19972
|
{
|
|
19887
19973
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19891,13 +19977,13 @@ function ReviewView({
|
|
|
19891
19977
|
)
|
|
19892
19978
|
}
|
|
19893
19979
|
),
|
|
19894
|
-
showTransactionDetails ? /* @__PURE__ */ (0,
|
|
19980
|
+
showTransactionDetails ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
19895
19981
|
ChevronUp,
|
|
19896
19982
|
{
|
|
19897
19983
|
className: "uf-w-4 uf-h-4",
|
|
19898
19984
|
style: { color: colors2.foregroundMuted }
|
|
19899
19985
|
}
|
|
19900
|
-
) : /* @__PURE__ */ (0,
|
|
19986
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
19901
19987
|
ChevronDown,
|
|
19902
19988
|
{
|
|
19903
19989
|
className: "uf-w-4 uf-h-4",
|
|
@@ -19908,14 +19994,14 @@ function ReviewView({
|
|
|
19908
19994
|
]
|
|
19909
19995
|
}
|
|
19910
19996
|
),
|
|
19911
|
-
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0,
|
|
19912
|
-
/* @__PURE__ */ (0,
|
|
19997
|
+
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
|
|
19998
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
19913
19999
|
"div",
|
|
19914
20000
|
{
|
|
19915
20001
|
className: "uf-flex uf-justify-between uf-items-center uf-pt-3 uf-border-t",
|
|
19916
20002
|
style: { borderColor: colors2.border },
|
|
19917
20003
|
children: [
|
|
19918
|
-
/* @__PURE__ */ (0,
|
|
20004
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
19919
20005
|
"span",
|
|
19920
20006
|
{
|
|
19921
20007
|
className: "uf-text-sm",
|
|
@@ -19926,7 +20012,7 @@ function ReviewView({
|
|
|
19926
20012
|
children: "Price impact"
|
|
19927
20013
|
}
|
|
19928
20014
|
),
|
|
19929
|
-
/* @__PURE__ */ (0,
|
|
20015
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
19930
20016
|
"span",
|
|
19931
20017
|
{
|
|
19932
20018
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19940,8 +20026,8 @@ function ReviewView({
|
|
|
19940
20026
|
]
|
|
19941
20027
|
}
|
|
19942
20028
|
),
|
|
19943
|
-
/* @__PURE__ */ (0,
|
|
19944
|
-
/* @__PURE__ */ (0,
|
|
20029
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
20030
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
19945
20031
|
"span",
|
|
19946
20032
|
{
|
|
19947
20033
|
className: "uf-text-sm",
|
|
@@ -19952,7 +20038,7 @@ function ReviewView({
|
|
|
19952
20038
|
children: "Max slippage"
|
|
19953
20039
|
}
|
|
19954
20040
|
),
|
|
19955
|
-
/* @__PURE__ */ (0,
|
|
20041
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
19956
20042
|
"span",
|
|
19957
20043
|
{
|
|
19958
20044
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19968,7 +20054,7 @@ function ReviewView({
|
|
|
19968
20054
|
]
|
|
19969
20055
|
}
|
|
19970
20056
|
),
|
|
19971
|
-
error && /* @__PURE__ */ (0,
|
|
20057
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
19972
20058
|
"div",
|
|
19973
20059
|
{
|
|
19974
20060
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-2",
|
|
@@ -19976,7 +20062,7 @@ function ReviewView({
|
|
|
19976
20062
|
children: error
|
|
19977
20063
|
}
|
|
19978
20064
|
),
|
|
19979
|
-
/* @__PURE__ */ (0,
|
|
20065
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
19980
20066
|
"div",
|
|
19981
20067
|
{
|
|
19982
20068
|
className: "uf-text-xs uf-text-center uf-mt-4 uf-px-4",
|
|
@@ -19987,7 +20073,7 @@ function ReviewView({
|
|
|
19987
20073
|
]
|
|
19988
20074
|
}
|
|
19989
20075
|
),
|
|
19990
|
-
/* @__PURE__ */ (0,
|
|
20076
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
19991
20077
|
"button",
|
|
19992
20078
|
{
|
|
19993
20079
|
onClick: onConfirm,
|
|
@@ -20018,23 +20104,23 @@ function ConfirmingView({
|
|
|
20018
20104
|
const visibleExecutions = executions.filter(
|
|
20019
20105
|
(execution) => !closedExecutionIds.has(execution.id)
|
|
20020
20106
|
);
|
|
20021
|
-
return /* @__PURE__ */ (0,
|
|
20022
|
-
/* @__PURE__ */ (0,
|
|
20107
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
|
|
20108
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
20023
20109
|
DepositHeader,
|
|
20024
20110
|
{
|
|
20025
20111
|
title: isConfirming ? "Confirming..." : "Processing",
|
|
20026
20112
|
onClose
|
|
20027
20113
|
}
|
|
20028
20114
|
),
|
|
20029
|
-
/* @__PURE__ */ (0,
|
|
20030
|
-
/* @__PURE__ */ (0,
|
|
20115
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-flex-1 uf-py-12", children: isConfirming ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
20116
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
20031
20117
|
LoaderCircle,
|
|
20032
20118
|
{
|
|
20033
20119
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
20034
20120
|
style: { color: colors2.primary }
|
|
20035
20121
|
}
|
|
20036
20122
|
),
|
|
20037
|
-
/* @__PURE__ */ (0,
|
|
20123
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
20038
20124
|
"div",
|
|
20039
20125
|
{
|
|
20040
20126
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -20042,7 +20128,7 @@ function ConfirmingView({
|
|
|
20042
20128
|
children: "Waiting for confirmation..."
|
|
20043
20129
|
}
|
|
20044
20130
|
),
|
|
20045
|
-
/* @__PURE__ */ (0,
|
|
20131
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
20046
20132
|
"div",
|
|
20047
20133
|
{
|
|
20048
20134
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -20050,15 +20136,15 @@ function ConfirmingView({
|
|
|
20050
20136
|
children: "Please confirm the transaction in your wallet"
|
|
20051
20137
|
}
|
|
20052
20138
|
)
|
|
20053
|
-
] }) : /* @__PURE__ */ (0,
|
|
20054
|
-
/* @__PURE__ */ (0,
|
|
20139
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
20140
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
20055
20141
|
CircleCheck,
|
|
20056
20142
|
{
|
|
20057
20143
|
className: "uf-w-12 uf-h-12 uf-mb-4",
|
|
20058
20144
|
style: { color: colors2.primary }
|
|
20059
20145
|
}
|
|
20060
20146
|
),
|
|
20061
|
-
/* @__PURE__ */ (0,
|
|
20147
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
20062
20148
|
"div",
|
|
20063
20149
|
{
|
|
20064
20150
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -20066,7 +20152,7 @@ function ConfirmingView({
|
|
|
20066
20152
|
children: "Transaction Submitted"
|
|
20067
20153
|
}
|
|
20068
20154
|
),
|
|
20069
|
-
/* @__PURE__ */ (0,
|
|
20155
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
20070
20156
|
"div",
|
|
20071
20157
|
{
|
|
20072
20158
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -20075,7 +20161,7 @@ function ConfirmingView({
|
|
|
20075
20161
|
}
|
|
20076
20162
|
)
|
|
20077
20163
|
] }) }),
|
|
20078
|
-
visibleExecutions.length > 0 && /* @__PURE__ */ (0,
|
|
20164
|
+
visibleExecutions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-absolute uf-bottom-0 uf-left-0 uf-right-0 uf-p-4 uf-flex uf-flex-col uf-gap-2", children: visibleExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
20079
20165
|
DepositSuccessToast,
|
|
20080
20166
|
{
|
|
20081
20167
|
depositTx: execution.transaction_hash,
|
|
@@ -20577,7 +20663,7 @@ function BrowserWalletModal({
|
|
|
20577
20663
|
""
|
|
20578
20664
|
);
|
|
20579
20665
|
}, [tokenAmount, selectedToken]);
|
|
20580
|
-
return /* @__PURE__ */ (0,
|
|
20666
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_jsx_runtime64.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
20581
20667
|
Dialog2,
|
|
20582
20668
|
{
|
|
20583
20669
|
open,
|
|
@@ -20587,15 +20673,15 @@ function BrowserWalletModal({
|
|
|
20587
20673
|
}
|
|
20588
20674
|
handleClose();
|
|
20589
20675
|
},
|
|
20590
|
-
children: /* @__PURE__ */ (0,
|
|
20676
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
20591
20677
|
DialogContent2,
|
|
20592
20678
|
{
|
|
20593
20679
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
20594
20680
|
style: { backgroundColor: colors2.background },
|
|
20595
20681
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
20596
20682
|
onInteractOutside: (e) => e.preventDefault(),
|
|
20597
|
-
children: /* @__PURE__ */ (0,
|
|
20598
|
-
step === "select-token" && /* @__PURE__ */ (0,
|
|
20683
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(ThemeStyleInjector, { children: [
|
|
20684
|
+
step === "select-token" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
20599
20685
|
SelectTokenView,
|
|
20600
20686
|
{
|
|
20601
20687
|
projectName,
|
|
@@ -20611,7 +20697,7 @@ function BrowserWalletModal({
|
|
|
20611
20697
|
onClose: handleFullClose
|
|
20612
20698
|
}
|
|
20613
20699
|
),
|
|
20614
|
-
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0,
|
|
20700
|
+
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
20615
20701
|
EnterAmountView,
|
|
20616
20702
|
{
|
|
20617
20703
|
selectedBalance,
|
|
@@ -20630,7 +20716,7 @@ function BrowserWalletModal({
|
|
|
20630
20716
|
onClose: handleFullClose
|
|
20631
20717
|
}
|
|
20632
20718
|
),
|
|
20633
|
-
step === "review" && selectedToken && /* @__PURE__ */ (0,
|
|
20719
|
+
step === "review" && selectedToken && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
20634
20720
|
ReviewView,
|
|
20635
20721
|
{
|
|
20636
20722
|
walletInfo,
|
|
@@ -20650,7 +20736,7 @@ function BrowserWalletModal({
|
|
|
20650
20736
|
onClose: handleFullClose
|
|
20651
20737
|
}
|
|
20652
20738
|
),
|
|
20653
|
-
step === "confirming" && /* @__PURE__ */ (0,
|
|
20739
|
+
step === "confirming" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
20654
20740
|
ConfirmingView,
|
|
20655
20741
|
{
|
|
20656
20742
|
isConfirming,
|
|
@@ -20741,6 +20827,7 @@ var WALLET_DEFINITIONS = [
|
|
|
20741
20827
|
installUrl: "https://glow.app/"
|
|
20742
20828
|
}
|
|
20743
20829
|
];
|
|
20830
|
+
var WALLET_LIST_MAX_HEIGHT_PX = 330;
|
|
20744
20831
|
function WalletSelectionModal({
|
|
20745
20832
|
open,
|
|
20746
20833
|
onOpenChange,
|
|
@@ -20749,14 +20836,13 @@ function WalletSelectionModal({
|
|
|
20749
20836
|
chainType,
|
|
20750
20837
|
theme = "dark"
|
|
20751
20838
|
}) {
|
|
20752
|
-
const { colors: colors2, fonts, components
|
|
20839
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
20753
20840
|
const [step, setStep] = React272.useState("select-wallet");
|
|
20754
20841
|
const [selectedWallet, setSelectedWallet] = React272.useState(null);
|
|
20755
20842
|
const [connectingNetwork, setConnectingNetwork] = React272.useState(null);
|
|
20756
20843
|
const [error, setError] = React272.useState(null);
|
|
20757
20844
|
const [isConnecting, setIsConnecting] = React272.useState(false);
|
|
20758
20845
|
const themeClass = theme === "dark" ? "uf-dark" : "";
|
|
20759
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
20760
20846
|
const getProviders = React272.useCallback(() => {
|
|
20761
20847
|
if (typeof window === "undefined") {
|
|
20762
20848
|
return {};
|
|
@@ -21020,6 +21106,7 @@ function WalletSelectionModal({
|
|
|
21020
21106
|
setSelectedWallet(null);
|
|
21021
21107
|
setConnectingNetwork(null);
|
|
21022
21108
|
setError(null);
|
|
21109
|
+
setIsConnecting(false);
|
|
21023
21110
|
} else {
|
|
21024
21111
|
handleClose();
|
|
21025
21112
|
}
|
|
@@ -21040,15 +21127,15 @@ function WalletSelectionModal({
|
|
|
21040
21127
|
return "Connect Wallet";
|
|
21041
21128
|
}
|
|
21042
21129
|
};
|
|
21043
|
-
return /* @__PURE__ */ (0,
|
|
21130
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Dialog2, { open, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21044
21131
|
DialogContent2,
|
|
21045
21132
|
{
|
|
21046
|
-
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
21133
|
+
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden uf-flex uf-flex-col uf-min-h-0 uf-h-full sm:uf-h-auto ${themeClass}`,
|
|
21047
21134
|
style: { backgroundColor: colors2.background },
|
|
21048
21135
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
21049
21136
|
onInteractOutside: (e) => e.preventDefault(),
|
|
21050
|
-
children: /* @__PURE__ */ (0,
|
|
21051
|
-
/* @__PURE__ */ (0,
|
|
21137
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
21138
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21052
21139
|
DepositHeader,
|
|
21053
21140
|
{
|
|
21054
21141
|
title: getTitle(),
|
|
@@ -21057,9 +21144,9 @@ function WalletSelectionModal({
|
|
|
21057
21144
|
onClose: handleClose
|
|
21058
21145
|
}
|
|
21059
21146
|
),
|
|
21060
|
-
/* @__PURE__ */ (0,
|
|
21061
|
-
step === "select-wallet" && /* @__PURE__ */ (0,
|
|
21062
|
-
/* @__PURE__ */ (0,
|
|
21147
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
21148
|
+
step === "select-wallet" && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
21149
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21063
21150
|
"p",
|
|
21064
21151
|
{
|
|
21065
21152
|
className: "uf-text-sm uf-text-center uf-pb-4",
|
|
@@ -21070,87 +21157,96 @@ function WalletSelectionModal({
|
|
|
21070
21157
|
children: chainType ? `Select a ${chainType === "ethereum" ? "Ethereum" : "Solana"} wallet` : "Select a wallet to connect"
|
|
21071
21158
|
}
|
|
21072
21159
|
),
|
|
21073
|
-
/* @__PURE__ */ (0,
|
|
21074
|
-
"
|
|
21160
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21161
|
+
"div",
|
|
21075
21162
|
{
|
|
21076
|
-
className: "uf-
|
|
21163
|
+
className: "uf-shrink-0 uf-space-y-2 uf-overflow-y-auto uf-overflow-x-hidden [&::-webkit-scrollbar]:uf-hidden [-ms-overflow-style:none] [scrollbar-width:none]",
|
|
21077
21164
|
style: {
|
|
21078
|
-
|
|
21079
|
-
|
|
21165
|
+
height: `min(${WALLET_LIST_MAX_HEIGHT_PX}px, 50dvh)`,
|
|
21166
|
+
maxHeight: WALLET_LIST_MAX_HEIGHT_PX
|
|
21080
21167
|
},
|
|
21081
|
-
children: "
|
|
21168
|
+
children: availableWallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21169
|
+
"p",
|
|
21170
|
+
{
|
|
21171
|
+
className: "uf-text-sm",
|
|
21172
|
+
style: {
|
|
21173
|
+
color: colors2.foregroundMuted,
|
|
21174
|
+
fontFamily: fonts.regular
|
|
21175
|
+
},
|
|
21176
|
+
children: "No wallets available"
|
|
21177
|
+
}
|
|
21178
|
+
) }) : availableWallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
21179
|
+
"button",
|
|
21180
|
+
{
|
|
21181
|
+
onClick: () => handleWalletClick(wallet),
|
|
21182
|
+
disabled: isConnecting,
|
|
21183
|
+
className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
|
|
21184
|
+
style: {
|
|
21185
|
+
backgroundColor: components.card.backgroundColor,
|
|
21186
|
+
borderRadius: components.card.borderRadius,
|
|
21187
|
+
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
21188
|
+
},
|
|
21189
|
+
children: [
|
|
21190
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
21191
|
+
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21192
|
+
WalletIconWithNetwork,
|
|
21193
|
+
{
|
|
21194
|
+
WalletIcon: WALLET_ICONS[wallet.id],
|
|
21195
|
+
networks: wallet.networks,
|
|
21196
|
+
size: 40,
|
|
21197
|
+
className: "uf-rounded-lg"
|
|
21198
|
+
}
|
|
21199
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
21200
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-text-left", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21201
|
+
"div",
|
|
21202
|
+
{
|
|
21203
|
+
className: "uf-text-sm uf-font-medium",
|
|
21204
|
+
style: {
|
|
21205
|
+
color: components.card.titleColor,
|
|
21206
|
+
fontFamily: fonts.medium
|
|
21207
|
+
},
|
|
21208
|
+
children: wallet.name
|
|
21209
|
+
}
|
|
21210
|
+
) })
|
|
21211
|
+
] }),
|
|
21212
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21213
|
+
"span",
|
|
21214
|
+
{
|
|
21215
|
+
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
21216
|
+
style: {
|
|
21217
|
+
backgroundColor: colors2.primary + "20",
|
|
21218
|
+
color: colors2.primary,
|
|
21219
|
+
fontFamily: fonts.medium
|
|
21220
|
+
},
|
|
21221
|
+
children: "Detected"
|
|
21222
|
+
}
|
|
21223
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
21224
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21225
|
+
"span",
|
|
21226
|
+
{
|
|
21227
|
+
className: "uf-text-xs",
|
|
21228
|
+
style: {
|
|
21229
|
+
color: colors2.foregroundMuted,
|
|
21230
|
+
fontFamily: fonts.regular
|
|
21231
|
+
},
|
|
21232
|
+
children: "Install"
|
|
21233
|
+
}
|
|
21234
|
+
),
|
|
21235
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21236
|
+
ExternalLink,
|
|
21237
|
+
{
|
|
21238
|
+
className: "uf-w-3 uf-h-3",
|
|
21239
|
+
style: { color: colors2.foregroundMuted }
|
|
21240
|
+
}
|
|
21241
|
+
)
|
|
21242
|
+
] }) })
|
|
21243
|
+
]
|
|
21244
|
+
},
|
|
21245
|
+
wallet.id
|
|
21246
|
+
))
|
|
21082
21247
|
}
|
|
21083
|
-
)
|
|
21084
|
-
|
|
21085
|
-
{
|
|
21086
|
-
onClick: () => handleWalletClick(wallet),
|
|
21087
|
-
disabled: isConnecting,
|
|
21088
|
-
className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
|
|
21089
|
-
style: {
|
|
21090
|
-
backgroundColor: components.card.backgroundColor,
|
|
21091
|
-
borderRadius: components.card.borderRadius,
|
|
21092
|
-
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
21093
|
-
},
|
|
21094
|
-
children: [
|
|
21095
|
-
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
21096
|
-
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
21097
|
-
WalletIconWithNetwork,
|
|
21098
|
-
{
|
|
21099
|
-
WalletIcon: WALLET_ICONS[wallet.id],
|
|
21100
|
-
networks: wallet.networks,
|
|
21101
|
-
size: 40,
|
|
21102
|
-
className: "uf-rounded-lg",
|
|
21103
|
-
variant: iconVariant
|
|
21104
|
-
}
|
|
21105
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
21106
|
-
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "uf-text-left", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
21107
|
-
"div",
|
|
21108
|
-
{
|
|
21109
|
-
className: "uf-text-sm uf-font-medium",
|
|
21110
|
-
style: {
|
|
21111
|
-
color: components.card.titleColor,
|
|
21112
|
-
fontFamily: fonts.medium
|
|
21113
|
-
},
|
|
21114
|
-
children: wallet.name
|
|
21115
|
-
}
|
|
21116
|
-
) })
|
|
21117
|
-
] }),
|
|
21118
|
-
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
21119
|
-
"span",
|
|
21120
|
-
{
|
|
21121
|
-
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
21122
|
-
style: {
|
|
21123
|
-
backgroundColor: colors2.primary + "20",
|
|
21124
|
-
color: colors2.primary,
|
|
21125
|
-
fontFamily: fonts.medium
|
|
21126
|
-
},
|
|
21127
|
-
children: "Detected"
|
|
21128
|
-
}
|
|
21129
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
21130
|
-
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
21131
|
-
"span",
|
|
21132
|
-
{
|
|
21133
|
-
className: "uf-text-xs",
|
|
21134
|
-
style: {
|
|
21135
|
-
color: colors2.foregroundMuted,
|
|
21136
|
-
fontFamily: fonts.regular
|
|
21137
|
-
},
|
|
21138
|
-
children: "Install"
|
|
21139
|
-
}
|
|
21140
|
-
),
|
|
21141
|
-
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
21142
|
-
ExternalLink,
|
|
21143
|
-
{
|
|
21144
|
-
className: "uf-w-3 uf-h-3",
|
|
21145
|
-
style: { color: colors2.foregroundMuted }
|
|
21146
|
-
}
|
|
21147
|
-
)
|
|
21148
|
-
] }) })
|
|
21149
|
-
]
|
|
21150
|
-
},
|
|
21151
|
-
wallet.id
|
|
21152
|
-
)) }),
|
|
21153
|
-
error && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
21248
|
+
),
|
|
21249
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21154
21250
|
"div",
|
|
21155
21251
|
{
|
|
21156
21252
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -21159,19 +21255,18 @@ function WalletSelectionModal({
|
|
|
21159
21255
|
}
|
|
21160
21256
|
)
|
|
21161
21257
|
] }),
|
|
21162
|
-
step === "select-network" && selectedWallet && /* @__PURE__ */ (0,
|
|
21163
|
-
/* @__PURE__ */ (0,
|
|
21164
|
-
/* @__PURE__ */ (0,
|
|
21258
|
+
step === "select-network" && selectedWallet && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
21259
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
|
|
21260
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21165
21261
|
WalletIconWithNetwork,
|
|
21166
21262
|
{
|
|
21167
21263
|
WalletIcon: WALLET_ICONS[selectedWallet.id],
|
|
21168
21264
|
networks: selectedWallet.networks,
|
|
21169
21265
|
size: 48,
|
|
21170
|
-
className: "uf-rounded-lg"
|
|
21171
|
-
variant: iconVariant
|
|
21266
|
+
className: "uf-rounded-lg"
|
|
21172
21267
|
}
|
|
21173
|
-
) : /* @__PURE__ */ (0,
|
|
21174
|
-
/* @__PURE__ */ (0,
|
|
21268
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
|
|
21269
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21175
21270
|
"p",
|
|
21176
21271
|
{
|
|
21177
21272
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -21182,7 +21277,7 @@ function WalletSelectionModal({
|
|
|
21182
21277
|
children: selectedWallet.name
|
|
21183
21278
|
}
|
|
21184
21279
|
),
|
|
21185
|
-
/* @__PURE__ */ (0,
|
|
21280
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21186
21281
|
"p",
|
|
21187
21282
|
{
|
|
21188
21283
|
className: "uf-text-xs",
|
|
@@ -21194,7 +21289,7 @@ function WalletSelectionModal({
|
|
|
21194
21289
|
}
|
|
21195
21290
|
)
|
|
21196
21291
|
] }),
|
|
21197
|
-
/* @__PURE__ */ (0,
|
|
21292
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
21198
21293
|
"button",
|
|
21199
21294
|
{
|
|
21200
21295
|
onClick: () => handleNetworkSelect(network),
|
|
@@ -21206,16 +21301,16 @@ function WalletSelectionModal({
|
|
|
21206
21301
|
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
21207
21302
|
},
|
|
21208
21303
|
children: [
|
|
21209
|
-
/* @__PURE__ */ (0,
|
|
21210
|
-
network === "ethereum" ? /* @__PURE__ */ (0,
|
|
21304
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
21305
|
+
network === "ethereum" ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21211
21306
|
EthereumIcon,
|
|
21212
21307
|
{
|
|
21213
21308
|
size: 36,
|
|
21214
21309
|
className: "uf-rounded-full"
|
|
21215
21310
|
}
|
|
21216
|
-
) : /* @__PURE__ */ (0,
|
|
21217
|
-
/* @__PURE__ */ (0,
|
|
21218
|
-
/* @__PURE__ */ (0,
|
|
21311
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
|
|
21312
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-text-left", children: [
|
|
21313
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21219
21314
|
"div",
|
|
21220
21315
|
{
|
|
21221
21316
|
className: "uf-text-sm uf-font-medium uf-capitalize",
|
|
@@ -21226,7 +21321,7 @@ function WalletSelectionModal({
|
|
|
21226
21321
|
children: network === "ethereum" ? "Ethereum" : "Solana"
|
|
21227
21322
|
}
|
|
21228
21323
|
),
|
|
21229
|
-
/* @__PURE__ */ (0,
|
|
21324
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21230
21325
|
"div",
|
|
21231
21326
|
{
|
|
21232
21327
|
className: "uf-text-xs",
|
|
@@ -21239,7 +21334,7 @@ function WalletSelectionModal({
|
|
|
21239
21334
|
)
|
|
21240
21335
|
] })
|
|
21241
21336
|
] }),
|
|
21242
|
-
connectingNetwork === network && /* @__PURE__ */ (0,
|
|
21337
|
+
connectingNetwork === network && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21243
21338
|
LoaderCircle,
|
|
21244
21339
|
{
|
|
21245
21340
|
className: "uf-w-4 uf-h-4 uf-animate-spin",
|
|
@@ -21250,7 +21345,7 @@ function WalletSelectionModal({
|
|
|
21250
21345
|
},
|
|
21251
21346
|
network
|
|
21252
21347
|
)) }),
|
|
21253
|
-
error && /* @__PURE__ */ (0,
|
|
21348
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21254
21349
|
"div",
|
|
21255
21350
|
{
|
|
21256
21351
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -21259,15 +21354,15 @@ function WalletSelectionModal({
|
|
|
21259
21354
|
}
|
|
21260
21355
|
)
|
|
21261
21356
|
] }),
|
|
21262
|
-
step === "connecting" && /* @__PURE__ */ (0,
|
|
21263
|
-
/* @__PURE__ */ (0,
|
|
21357
|
+
step === "connecting" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uf-flex uf-flex-1 uf-flex-col uf-items-center uf-justify-center uf-py-8", children: [
|
|
21358
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21264
21359
|
LoaderCircle,
|
|
21265
21360
|
{
|
|
21266
21361
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
21267
21362
|
style: { color: colors2.primary }
|
|
21268
21363
|
}
|
|
21269
21364
|
),
|
|
21270
|
-
/* @__PURE__ */ (0,
|
|
21365
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
21271
21366
|
"div",
|
|
21272
21367
|
{
|
|
21273
21368
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -21279,7 +21374,7 @@ function WalletSelectionModal({
|
|
|
21279
21374
|
]
|
|
21280
21375
|
}
|
|
21281
21376
|
),
|
|
21282
|
-
/* @__PURE__ */ (0,
|
|
21377
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21283
21378
|
"div",
|
|
21284
21379
|
{
|
|
21285
21380
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -21287,7 +21382,22 @@ function WalletSelectionModal({
|
|
|
21287
21382
|
children: connectingNetwork === "solana" ? "Please approve the connection in your Solana wallet" : "Please approve the connection in your wallet"
|
|
21288
21383
|
}
|
|
21289
21384
|
)
|
|
21290
|
-
] })
|
|
21385
|
+
] }) }),
|
|
21386
|
+
step !== "connecting" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "uf-min-h-0 uf-flex-1", "aria-hidden": true }),
|
|
21387
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21388
|
+
"div",
|
|
21389
|
+
{
|
|
21390
|
+
className: "uf-shrink-0 uf-pt-3 uf-pb-4",
|
|
21391
|
+
style: { backgroundColor: colors2.background },
|
|
21392
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
21393
|
+
PoweredByUnifold,
|
|
21394
|
+
{
|
|
21395
|
+
color: colors2.foregroundMuted,
|
|
21396
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
21397
|
+
}
|
|
21398
|
+
)
|
|
21399
|
+
}
|
|
21400
|
+
)
|
|
21291
21401
|
] })
|
|
21292
21402
|
] })
|
|
21293
21403
|
}
|
|
@@ -21296,23 +21406,23 @@ function WalletSelectionModal({
|
|
|
21296
21406
|
function SkeletonButton({
|
|
21297
21407
|
variant = "default"
|
|
21298
21408
|
}) {
|
|
21299
|
-
return /* @__PURE__ */ (0,
|
|
21300
|
-
/* @__PURE__ */ (0,
|
|
21301
|
-
/* @__PURE__ */ (0,
|
|
21302
|
-
/* @__PURE__ */ (0,
|
|
21303
|
-
/* @__PURE__ */ (0,
|
|
21304
|
-
/* @__PURE__ */ (0,
|
|
21409
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
|
|
21410
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
21411
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
|
|
21412
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-space-y-1.5", children: [
|
|
21413
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
|
|
21414
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
|
|
21305
21415
|
] })
|
|
21306
21416
|
] }),
|
|
21307
|
-
/* @__PURE__ */ (0,
|
|
21308
|
-
variant === "with-icons" && /* @__PURE__ */ (0,
|
|
21417
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
21418
|
+
variant === "with-icons" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21309
21419
|
"div",
|
|
21310
21420
|
{
|
|
21311
21421
|
className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
|
|
21312
21422
|
},
|
|
21313
21423
|
i
|
|
21314
21424
|
)) }),
|
|
21315
|
-
/* @__PURE__ */ (0,
|
|
21425
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
|
|
21316
21426
|
] })
|
|
21317
21427
|
] });
|
|
21318
21428
|
}
|
|
@@ -21334,11 +21444,18 @@ function DepositModal({
|
|
|
21334
21444
|
depositConfirmationMode = "auto_ui",
|
|
21335
21445
|
enableConnectWallet = false,
|
|
21336
21446
|
enablePayWithExchange,
|
|
21447
|
+
hideDepositFlowInfo = false,
|
|
21448
|
+
hideDisplayDescription = false,
|
|
21337
21449
|
onDepositSuccess,
|
|
21338
21450
|
onDepositError,
|
|
21339
21451
|
theme = "dark",
|
|
21340
21452
|
hideOverlay = false,
|
|
21341
|
-
initialScreen = "main"
|
|
21453
|
+
initialScreen = "main",
|
|
21454
|
+
transferCryptoTitle = t6.transferCrypto.title,
|
|
21455
|
+
depositWithCardTitle = t6.depositWithCard.title,
|
|
21456
|
+
payWithExchangeTitle = t6.payWithExchange.title,
|
|
21457
|
+
depositTrackerTitle = t6.depositTracker.title,
|
|
21458
|
+
depositTrackerSubTitle = t6.depositTracker.subtitle
|
|
21342
21459
|
}) {
|
|
21343
21460
|
const { colors: colors2, fonts, components } = useTheme();
|
|
21344
21461
|
const effectiveInitialScreen = (0, import_react8.useMemo)(() => {
|
|
@@ -21478,28 +21595,28 @@ function DepositModal({
|
|
|
21478
21595
|
const standaloneNeedsDepositPrereq = openingScreen !== "main" && (view === "transfer" || view === "card");
|
|
21479
21596
|
let depositPrerequisiteBody;
|
|
21480
21597
|
if (isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig) {
|
|
21481
|
-
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ (0,
|
|
21482
|
-
/* @__PURE__ */ (0,
|
|
21483
|
-
/* @__PURE__ */ (0,
|
|
21484
|
-
!hideDepositTracker && /* @__PURE__ */ (0,
|
|
21598
|
+
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
|
|
21599
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SkeletonButton, { variant: "with-icons" }),
|
|
21600
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SkeletonButton, { variant: "with-icons" }),
|
|
21601
|
+
!hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SkeletonButton, {})
|
|
21485
21602
|
] });
|
|
21486
21603
|
} else if (countryError) {
|
|
21487
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
21488
|
-
/* @__PURE__ */ (0,
|
|
21489
|
-
/* @__PURE__ */ (0,
|
|
21490
|
-
/* @__PURE__ */ (0,
|
|
21604
|
+
depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
21605
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
21606
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
|
|
21607
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "We couldn't verify your location. Please check your connection and try again." })
|
|
21491
21608
|
] });
|
|
21492
21609
|
} else if (!isAllowed) {
|
|
21493
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
21494
|
-
/* @__PURE__ */ (0,
|
|
21495
|
-
/* @__PURE__ */ (0,
|
|
21496
|
-
/* @__PURE__ */ (0,
|
|
21610
|
+
depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
21611
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
21612
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
|
|
21613
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
|
|
21497
21614
|
] });
|
|
21498
21615
|
} else if (isAddressValid === false) {
|
|
21499
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
21500
|
-
/* @__PURE__ */ (0,
|
|
21501
|
-
/* @__PURE__ */ (0,
|
|
21502
|
-
/* @__PURE__ */ (0,
|
|
21616
|
+
depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
21617
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
21618
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
|
|
21619
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
|
|
21503
21620
|
addressFailureCode,
|
|
21504
21621
|
addressFailureMetadata
|
|
21505
21622
|
) })
|
|
@@ -21631,14 +21748,21 @@ function DepositModal({
|
|
|
21631
21748
|
setWalletSelectionModalOpen(false);
|
|
21632
21749
|
setBrowserWalletModalOpen(true);
|
|
21633
21750
|
};
|
|
21634
|
-
|
|
21751
|
+
const depositPoweredByFooter = /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21752
|
+
PoweredByUnifold,
|
|
21753
|
+
{
|
|
21754
|
+
color: colors2.foregroundMuted,
|
|
21755
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
21756
|
+
}
|
|
21757
|
+
) });
|
|
21758
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
21635
21759
|
Dialog2,
|
|
21636
21760
|
{
|
|
21637
21761
|
open: hideOverlay || open,
|
|
21638
21762
|
onOpenChange: hideOverlay ? void 0 : handleClose,
|
|
21639
21763
|
modal: !hideOverlay,
|
|
21640
21764
|
children: [
|
|
21641
|
-
/* @__PURE__ */ (0,
|
|
21765
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21642
21766
|
DialogContent2,
|
|
21643
21767
|
{
|
|
21644
21768
|
ref: hideOverlay ? containerCallbackRef : void 0,
|
|
@@ -21647,8 +21771,8 @@ function DepositModal({
|
|
|
21647
21771
|
style: { backgroundColor: colors2.background },
|
|
21648
21772
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
21649
21773
|
onInteractOutside: (e) => e.preventDefault(),
|
|
21650
|
-
children: /* @__PURE__ */ (0,
|
|
21651
|
-
/* @__PURE__ */ (0,
|
|
21774
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
|
|
21775
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21652
21776
|
DepositHeader,
|
|
21653
21777
|
{
|
|
21654
21778
|
title: modalTitle || "Deposit",
|
|
@@ -21663,63 +21787,66 @@ function DepositModal({
|
|
|
21663
21787
|
publishableKey
|
|
21664
21788
|
}
|
|
21665
21789
|
),
|
|
21666
|
-
/* @__PURE__ */ (0,
|
|
21667
|
-
/* @__PURE__ */ (0,
|
|
21668
|
-
|
|
21669
|
-
|
|
21670
|
-
|
|
21671
|
-
|
|
21672
|
-
|
|
21673
|
-
|
|
21674
|
-
|
|
21675
|
-
|
|
21676
|
-
|
|
21677
|
-
|
|
21678
|
-
|
|
21679
|
-
|
|
21680
|
-
|
|
21681
|
-
|
|
21682
|
-
|
|
21683
|
-
|
|
21684
|
-
|
|
21685
|
-
|
|
21686
|
-
|
|
21687
|
-
|
|
21688
|
-
|
|
21689
|
-
|
|
21690
|
-
|
|
21691
|
-
|
|
21692
|
-
|
|
21693
|
-
|
|
21694
|
-
|
|
21695
|
-
|
|
21696
|
-
|
|
21697
|
-
|
|
21698
|
-
|
|
21699
|
-
|
|
21700
|
-
|
|
21701
|
-
|
|
21702
|
-
|
|
21703
|
-
|
|
21704
|
-
|
|
21705
|
-
|
|
21706
|
-
|
|
21707
|
-
|
|
21708
|
-
|
|
21709
|
-
|
|
21710
|
-
|
|
21711
|
-
|
|
21712
|
-
|
|
21713
|
-
|
|
21714
|
-
|
|
21715
|
-
|
|
21716
|
-
|
|
21717
|
-
|
|
21718
|
-
|
|
21719
|
-
|
|
21790
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21791
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
|
|
21792
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21793
|
+
TransferCryptoButton,
|
|
21794
|
+
{
|
|
21795
|
+
onClick: () => setView("transfer"),
|
|
21796
|
+
title: transferCryptoTitle,
|
|
21797
|
+
subtitle: t6.transferCrypto.subtitle,
|
|
21798
|
+
featuredTokens: projectConfig?.transfer_crypto.networks
|
|
21799
|
+
}
|
|
21800
|
+
),
|
|
21801
|
+
enableConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21802
|
+
BrowserWalletButton,
|
|
21803
|
+
{
|
|
21804
|
+
onClick: handleBrowserWalletClick,
|
|
21805
|
+
onConnectClick: handleWalletConnectClick,
|
|
21806
|
+
onDisconnect: handleWalletDisconnect,
|
|
21807
|
+
chainType: browserWalletChainType,
|
|
21808
|
+
publishableKey
|
|
21809
|
+
}
|
|
21810
|
+
),
|
|
21811
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21812
|
+
DepositWithCardButton,
|
|
21813
|
+
{
|
|
21814
|
+
onClick: () => setView("card"),
|
|
21815
|
+
title: depositWithCardTitle,
|
|
21816
|
+
subtitle: t6.depositWithCard.subtitle,
|
|
21817
|
+
paymentNetworks: projectConfig?.payment_networks.networks
|
|
21818
|
+
}
|
|
21819
|
+
),
|
|
21820
|
+
showPayWithExchange && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21821
|
+
PayWithExchangeButton,
|
|
21822
|
+
{
|
|
21823
|
+
onClick: () => setView("exchange"),
|
|
21824
|
+
title: payWithExchangeTitle,
|
|
21825
|
+
subtitle: t6.payWithExchange.subtitle,
|
|
21826
|
+
exchanges,
|
|
21827
|
+
loading: exchangesLoading
|
|
21828
|
+
}
|
|
21829
|
+
),
|
|
21830
|
+
!hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21831
|
+
DepositTrackerButton,
|
|
21832
|
+
{
|
|
21833
|
+
onClick: () => {
|
|
21834
|
+
setAllExecutions(depositExecutions);
|
|
21835
|
+
setView("tracker");
|
|
21836
|
+
},
|
|
21837
|
+
title: depositTrackerTitle,
|
|
21838
|
+
subtitle: depositTrackerSubTitle,
|
|
21839
|
+
badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
|
|
21840
|
+
}
|
|
21841
|
+
)
|
|
21842
|
+
] }) }),
|
|
21843
|
+
depositPoweredByFooter
|
|
21844
|
+
] })
|
|
21845
|
+
] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
|
|
21846
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21720
21847
|
DepositHeader,
|
|
21721
21848
|
{
|
|
21722
|
-
title:
|
|
21849
|
+
title: transferCryptoTitle,
|
|
21723
21850
|
showBack: showBackTransfer,
|
|
21724
21851
|
onBack: handleBack,
|
|
21725
21852
|
onClose: handleClose,
|
|
@@ -21732,67 +21859,73 @@ function DepositModal({
|
|
|
21732
21859
|
publishableKey
|
|
21733
21860
|
}
|
|
21734
21861
|
),
|
|
21735
|
-
|
|
21736
|
-
|
|
21737
|
-
|
|
21738
|
-
|
|
21739
|
-
|
|
21740
|
-
|
|
21741
|
-
|
|
21742
|
-
|
|
21743
|
-
|
|
21744
|
-
|
|
21745
|
-
|
|
21746
|
-
|
|
21747
|
-
|
|
21748
|
-
|
|
21749
|
-
|
|
21750
|
-
|
|
21751
|
-
|
|
21752
|
-
|
|
21753
|
-
|
|
21754
|
-
|
|
21755
|
-
|
|
21756
|
-
|
|
21757
|
-
|
|
21758
|
-
|
|
21759
|
-
|
|
21760
|
-
|
|
21761
|
-
|
|
21762
|
-
|
|
21763
|
-
|
|
21764
|
-
|
|
21765
|
-
|
|
21766
|
-
|
|
21767
|
-
|
|
21862
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21863
|
+
standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21864
|
+
TransferCryptoSingleInput,
|
|
21865
|
+
{
|
|
21866
|
+
userId,
|
|
21867
|
+
publishableKey,
|
|
21868
|
+
recipientAddress,
|
|
21869
|
+
destinationChainType,
|
|
21870
|
+
destinationChainId,
|
|
21871
|
+
destinationTokenAddress,
|
|
21872
|
+
depositConfirmationMode,
|
|
21873
|
+
onExecutionsChange: setDepositExecutions,
|
|
21874
|
+
onDepositSuccess,
|
|
21875
|
+
onDepositError,
|
|
21876
|
+
wallets
|
|
21877
|
+
}
|
|
21878
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21879
|
+
TransferCryptoDoubleInput,
|
|
21880
|
+
{
|
|
21881
|
+
userId,
|
|
21882
|
+
publishableKey,
|
|
21883
|
+
recipientAddress,
|
|
21884
|
+
destinationChainType,
|
|
21885
|
+
destinationChainId,
|
|
21886
|
+
destinationTokenAddress,
|
|
21887
|
+
depositConfirmationMode,
|
|
21888
|
+
onExecutionsChange: setDepositExecutions,
|
|
21889
|
+
onDepositSuccess,
|
|
21890
|
+
onDepositError,
|
|
21891
|
+
wallets
|
|
21892
|
+
}
|
|
21893
|
+
),
|
|
21894
|
+
depositPoweredByFooter
|
|
21895
|
+
] })
|
|
21896
|
+
] }) : view === "tracker" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
|
|
21897
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21768
21898
|
DepositHeader,
|
|
21769
21899
|
{
|
|
21770
|
-
title: selectedExecution ? "Deposit Details" :
|
|
21900
|
+
title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
|
|
21771
21901
|
showBack: showBackTracker,
|
|
21772
21902
|
onBack: handleBack,
|
|
21773
21903
|
onClose: handleClose
|
|
21774
21904
|
}
|
|
21775
21905
|
),
|
|
21776
|
-
/* @__PURE__ */ (0,
|
|
21777
|
-
"div",
|
|
21778
|
-
|
|
21779
|
-
|
|
21780
|
-
|
|
21781
|
-
|
|
21782
|
-
|
|
21783
|
-
|
|
21784
|
-
|
|
21785
|
-
|
|
21786
|
-
|
|
21787
|
-
|
|
21788
|
-
|
|
21789
|
-
|
|
21790
|
-
|
|
21791
|
-
|
|
21792
|
-
|
|
21906
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21907
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21908
|
+
"div",
|
|
21909
|
+
{
|
|
21910
|
+
className: "uf-text-sm",
|
|
21911
|
+
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
21912
|
+
children: "No deposits yet"
|
|
21913
|
+
}
|
|
21914
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21915
|
+
DepositExecutionItem,
|
|
21916
|
+
{
|
|
21917
|
+
execution,
|
|
21918
|
+
onClick: () => setSelectedExecution(execution)
|
|
21919
|
+
},
|
|
21920
|
+
execution.id
|
|
21921
|
+
)) }) }),
|
|
21922
|
+
depositPoweredByFooter
|
|
21923
|
+
] })
|
|
21924
|
+
] }) : view === "card" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
|
|
21925
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21793
21926
|
DepositHeader,
|
|
21794
21927
|
{
|
|
21795
|
-
title: cardView === "quotes" ? t6.quotes :
|
|
21928
|
+
title: cardView === "quotes" ? t6.quotes : depositWithCardTitle,
|
|
21796
21929
|
showBack: showBackCard,
|
|
21797
21930
|
onBack: handleBack,
|
|
21798
21931
|
onClose: handleClose,
|
|
@@ -21806,58 +21939,66 @@ function DepositModal({
|
|
|
21806
21939
|
publishableKey
|
|
21807
21940
|
}
|
|
21808
21941
|
),
|
|
21809
|
-
|
|
21810
|
-
|
|
21811
|
-
|
|
21812
|
-
|
|
21813
|
-
|
|
21814
|
-
|
|
21815
|
-
|
|
21816
|
-
|
|
21817
|
-
|
|
21818
|
-
|
|
21819
|
-
|
|
21820
|
-
|
|
21821
|
-
|
|
21822
|
-
|
|
21823
|
-
|
|
21824
|
-
|
|
21825
|
-
|
|
21826
|
-
|
|
21827
|
-
|
|
21828
|
-
|
|
21829
|
-
|
|
21942
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21943
|
+
standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21944
|
+
BuyWithCard,
|
|
21945
|
+
{
|
|
21946
|
+
userId,
|
|
21947
|
+
publishableKey,
|
|
21948
|
+
view: cardView,
|
|
21949
|
+
onViewChange: handleCardViewChange,
|
|
21950
|
+
destinationTokenSymbol,
|
|
21951
|
+
recipientAddress,
|
|
21952
|
+
destinationChainType,
|
|
21953
|
+
destinationChainId,
|
|
21954
|
+
destinationTokenAddress,
|
|
21955
|
+
onDepositSuccess,
|
|
21956
|
+
onDepositError,
|
|
21957
|
+
themeClass,
|
|
21958
|
+
wallets,
|
|
21959
|
+
assetCdnUrl: projectConfig?.asset_cdn_url,
|
|
21960
|
+
hideDepositFlowInfo,
|
|
21961
|
+
hideDisplayDescription
|
|
21962
|
+
}
|
|
21963
|
+
),
|
|
21964
|
+
depositPoweredByFooter
|
|
21965
|
+
] })
|
|
21966
|
+
] }) : view === "exchange" ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
|
|
21967
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21830
21968
|
DepositHeader,
|
|
21831
21969
|
{
|
|
21832
|
-
title:
|
|
21970
|
+
title: payWithExchangeTitle,
|
|
21833
21971
|
showBack: true,
|
|
21834
21972
|
onBack: handleBack,
|
|
21835
21973
|
onClose: handleClose
|
|
21836
21974
|
}
|
|
21837
21975
|
),
|
|
21838
|
-
/* @__PURE__ */ (0,
|
|
21839
|
-
|
|
21840
|
-
|
|
21841
|
-
|
|
21842
|
-
|
|
21843
|
-
|
|
21844
|
-
|
|
21845
|
-
|
|
21846
|
-
|
|
21847
|
-
|
|
21848
|
-
|
|
21849
|
-
|
|
21850
|
-
|
|
21851
|
-
|
|
21852
|
-
|
|
21853
|
-
|
|
21854
|
-
|
|
21855
|
-
|
|
21856
|
-
|
|
21976
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21977
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21978
|
+
PayWithExchange,
|
|
21979
|
+
{
|
|
21980
|
+
userId,
|
|
21981
|
+
publishableKey,
|
|
21982
|
+
exchanges,
|
|
21983
|
+
view: exchangeView,
|
|
21984
|
+
onViewChange: setExchangeView,
|
|
21985
|
+
destinationTokenSymbol,
|
|
21986
|
+
recipientAddress,
|
|
21987
|
+
destinationChainType,
|
|
21988
|
+
destinationChainId,
|
|
21989
|
+
destinationTokenAddress,
|
|
21990
|
+
onDepositSuccess,
|
|
21991
|
+
onDepositError,
|
|
21992
|
+
wallets,
|
|
21993
|
+
defaultToken: defaultToken ?? null
|
|
21994
|
+
}
|
|
21995
|
+
),
|
|
21996
|
+
depositPoweredByFooter
|
|
21997
|
+
] })
|
|
21857
21998
|
] }) : null })
|
|
21858
21999
|
}
|
|
21859
22000
|
),
|
|
21860
|
-
/* @__PURE__ */ (0,
|
|
22001
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21861
22002
|
WalletSelectionModal,
|
|
21862
22003
|
{
|
|
21863
22004
|
open: walletSelectionModalOpen,
|
|
@@ -21867,7 +22008,7 @@ function DepositModal({
|
|
|
21867
22008
|
theme: resolvedTheme
|
|
21868
22009
|
}
|
|
21869
22010
|
),
|
|
21870
|
-
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0,
|
|
22011
|
+
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
21871
22012
|
BrowserWalletModal,
|
|
21872
22013
|
{
|
|
21873
22014
|
open: browserWalletModalOpen,
|
|
@@ -21944,7 +22085,7 @@ var Button = React282.forwardRef(
|
|
|
21944
22085
|
}
|
|
21945
22086
|
return baseStyle;
|
|
21946
22087
|
}, [variant, components, fonts, style]);
|
|
21947
|
-
return /* @__PURE__ */ (0,
|
|
22088
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
21948
22089
|
Comp,
|
|
21949
22090
|
{
|
|
21950
22091
|
className: cn(buttonVariants({ variant, size: size4, className })),
|
|
@@ -21958,7 +22099,7 @@ var Button = React282.forwardRef(
|
|
|
21958
22099
|
Button.displayName = "Button";
|
|
21959
22100
|
|
|
21960
22101
|
// src/provider.tsx
|
|
21961
|
-
var
|
|
22102
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
21962
22103
|
function UnifoldProvider2({
|
|
21963
22104
|
children,
|
|
21964
22105
|
publishableKey,
|
|
@@ -22067,7 +22208,7 @@ function UnifoldProvider2({
|
|
|
22067
22208
|
}),
|
|
22068
22209
|
[beginDeposit, closeDeposit, handleDepositSuccess, handleDepositError]
|
|
22069
22210
|
);
|
|
22070
|
-
return /* @__PURE__ */ (0,
|
|
22211
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(UnifoldProvider, { publishableKey, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ConnectContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
|
|
22071
22212
|
ThemeProvider,
|
|
22072
22213
|
{
|
|
22073
22214
|
mode: resolvedTheme,
|
|
@@ -22078,7 +22219,7 @@ function UnifoldProvider2({
|
|
|
22078
22219
|
components: config?.components,
|
|
22079
22220
|
children: [
|
|
22080
22221
|
children,
|
|
22081
|
-
depositConfig && /* @__PURE__ */ (0,
|
|
22222
|
+
depositConfig && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
22082
22223
|
DepositModal,
|
|
22083
22224
|
{
|
|
22084
22225
|
open: isOpen,
|
|
@@ -22100,7 +22241,14 @@ function UnifoldProvider2({
|
|
|
22100
22241
|
onDepositSuccess: handleDepositSuccess,
|
|
22101
22242
|
onDepositError: handleDepositError,
|
|
22102
22243
|
theme: resolvedTheme,
|
|
22103
|
-
initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen
|
|
22244
|
+
initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen,
|
|
22245
|
+
transferCryptoTitle: config?.transferCryptoTitle,
|
|
22246
|
+
depositWithCardTitle: config?.depositWithCardTitle,
|
|
22247
|
+
payWithExchangeTitle: config?.payWithExchangeTitle,
|
|
22248
|
+
depositTrackerTitle: config?.depositTrackerTitle,
|
|
22249
|
+
depositTrackerSubTitle: config?.depositTrackerSubTitle,
|
|
22250
|
+
hideDepositFlowInfo: config?.hideDepositFlowInfo,
|
|
22251
|
+
hideDisplayDescription: config?.hideDisplayDescription
|
|
22104
22252
|
}
|
|
22105
22253
|
)
|
|
22106
22254
|
]
|