@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.mjs
CHANGED
|
@@ -6714,12 +6714,13 @@ import { jsx as jsx31 } from "react/jsx-runtime";
|
|
|
6714
6714
|
import { useEffect as useEffect142, useState as useState172 } from "react";
|
|
6715
6715
|
import * as React222 from "react";
|
|
6716
6716
|
import { jsx as jsx322 } from "react/jsx-runtime";
|
|
6717
|
-
import {
|
|
6717
|
+
import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
6718
|
+
import { Fragment as Fragment32, jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
6718
6719
|
import { useState as useState182, useMemo as useMemo32, useEffect as useEffect152 } from "react";
|
|
6719
|
-
import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
6720
6720
|
import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
6721
6721
|
import { jsx as jsx36, jsxs as jsxs322 } from "react/jsx-runtime";
|
|
6722
6722
|
import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
6723
|
+
import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
6723
6724
|
import { useState as useState192 } from "react";
|
|
6724
6725
|
import * as React232 from "react";
|
|
6725
6726
|
|
|
@@ -9458,8 +9459,8 @@ var Portal3 = TooltipPortal;
|
|
|
9458
9459
|
var Content22 = TooltipContent;
|
|
9459
9460
|
|
|
9460
9461
|
// ../ui-react/dist/index.mjs
|
|
9461
|
-
import { jsx as
|
|
9462
|
-
import { Fragment as Fragment42, jsx as
|
|
9462
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
9463
|
+
import { Fragment as Fragment42, jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
9463
9464
|
import { useState as useState222, useEffect as useEffect172, useMemo as useMemo52 } from "react";
|
|
9464
9465
|
import * as React242 from "react";
|
|
9465
9466
|
|
|
@@ -10696,18 +10697,18 @@ var ScrollDownButton = SelectScrollDownButton;
|
|
|
10696
10697
|
var Separator = SelectSeparator;
|
|
10697
10698
|
|
|
10698
10699
|
// ../ui-react/dist/index.mjs
|
|
10699
|
-
import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
10700
10700
|
import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
10701
|
+
import { jsx as jsx422, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
10701
10702
|
import * as React262 from "react";
|
|
10702
|
-
import { Fragment as Fragment52, jsx as
|
|
10703
|
-
import { Fragment as Fragment62, jsx as
|
|
10704
|
-
import { Fragment as Fragment72, jsx as
|
|
10703
|
+
import { Fragment as Fragment52, jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
10704
|
+
import { Fragment as Fragment62, jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
10705
|
+
import { Fragment as Fragment72, jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
10705
10706
|
import * as React252 from "react";
|
|
10706
|
-
import { Fragment as Fragment82, jsx as
|
|
10707
|
-
import { Fragment as Fragment9, jsx as
|
|
10707
|
+
import { Fragment as Fragment82, jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
10708
|
+
import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs422 } from "react/jsx-runtime";
|
|
10708
10709
|
import * as React272 from "react";
|
|
10709
|
-
import {
|
|
10710
|
-
import { Fragment as
|
|
10710
|
+
import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
10711
|
+
import { Fragment as Fragment10, jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
10711
10712
|
import * as React282 from "react";
|
|
10712
10713
|
|
|
10713
10714
|
// ../../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
|
|
@@ -10854,7 +10855,7 @@ var cva = (base, config) => (props) => {
|
|
|
10854
10855
|
};
|
|
10855
10856
|
|
|
10856
10857
|
// ../ui-react/dist/index.mjs
|
|
10857
|
-
import { jsx as
|
|
10858
|
+
import { jsx as jsx50 } from "react/jsx-runtime";
|
|
10858
10859
|
function cn(...inputs) {
|
|
10859
10860
|
return twMerge(clsx(inputs));
|
|
10860
10861
|
}
|
|
@@ -12078,6 +12079,10 @@ var en_default2 = {
|
|
|
12078
12079
|
payWithExchange: {
|
|
12079
12080
|
title: "Pay with Exchange",
|
|
12080
12081
|
subtitle: "Transfer from exchange"
|
|
12082
|
+
},
|
|
12083
|
+
depositTracker: {
|
|
12084
|
+
title: "Deposit Tracker",
|
|
12085
|
+
subtitle: "Track your deposit progress"
|
|
12081
12086
|
}
|
|
12082
12087
|
},
|
|
12083
12088
|
payWithExchange: {
|
|
@@ -13029,7 +13034,9 @@ function BuyWithCard({
|
|
|
13029
13034
|
onDepositError,
|
|
13030
13035
|
themeClass = "",
|
|
13031
13036
|
wallets: externalWallets,
|
|
13032
|
-
assetCdnUrl
|
|
13037
|
+
assetCdnUrl,
|
|
13038
|
+
hideDepositFlowInfo = false,
|
|
13039
|
+
hideDisplayDescription = false
|
|
13033
13040
|
}) {
|
|
13034
13041
|
const { colors: colors2, fonts, components } = useTheme();
|
|
13035
13042
|
const [amount, setAmount] = useState92("");
|
|
@@ -13848,7 +13855,7 @@ function BuyWithCard({
|
|
|
13848
13855
|
children: t.onramp.canCloseModal
|
|
13849
13856
|
}
|
|
13850
13857
|
),
|
|
13851
|
-
/* @__PURE__ */ jsx102("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__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
13858
|
+
!hideDepositFlowInfo && /* @__PURE__ */ jsx102("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__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
13852
13859
|
/* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
|
|
13853
13860
|
/* @__PURE__ */ jsx102("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ jsx102(
|
|
13854
13861
|
"img",
|
|
@@ -13962,7 +13969,7 @@ function BuyWithCard({
|
|
|
13962
13969
|
)
|
|
13963
13970
|
] })
|
|
13964
13971
|
] }) }),
|
|
13965
|
-
/* @__PURE__ */ jsx102("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__ */ jsx102(
|
|
13972
|
+
!hideDisplayDescription && /* @__PURE__ */ jsx102("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__ */ jsx102(
|
|
13966
13973
|
"p",
|
|
13967
13974
|
{
|
|
13968
13975
|
className: "uf-text-xs uf-leading-relaxed",
|
|
@@ -16580,8 +16587,9 @@ function WalletIconWithNetwork({
|
|
|
16580
16587
|
const hasEthereum = networks.includes("ethereum");
|
|
16581
16588
|
const hasSolana = networks.includes("solana");
|
|
16582
16589
|
const hasMultiple = hasEthereum && hasSolana;
|
|
16583
|
-
const
|
|
16584
|
-
const
|
|
16590
|
+
const badgeOutset = 4;
|
|
16591
|
+
const badgeSize = Math.round(size4 * 0.5);
|
|
16592
|
+
const iconSize = Math.round(badgeSize * 0.76);
|
|
16585
16593
|
return /* @__PURE__ */ jsxs27(
|
|
16586
16594
|
"div",
|
|
16587
16595
|
{
|
|
@@ -16591,39 +16599,46 @@ function WalletIconWithNetwork({
|
|
|
16591
16599
|
/* @__PURE__ */ jsx29(WalletIcon, { size: size4, className, variant }),
|
|
16592
16600
|
hasMultiple ? (
|
|
16593
16601
|
// Multiple networks: overlapping badges
|
|
16594
|
-
/* @__PURE__ */ jsxs27(
|
|
16595
|
-
|
|
16596
|
-
|
|
16597
|
-
|
|
16598
|
-
|
|
16599
|
-
|
|
16600
|
-
|
|
16601
|
-
|
|
16602
|
-
|
|
16603
|
-
|
|
16604
|
-
|
|
16605
|
-
|
|
16606
|
-
|
|
16607
|
-
|
|
16608
|
-
|
|
16609
|
-
|
|
16610
|
-
|
|
16611
|
-
|
|
16612
|
-
|
|
16613
|
-
|
|
16614
|
-
|
|
16615
|
-
|
|
16616
|
-
|
|
16617
|
-
|
|
16618
|
-
|
|
16619
|
-
|
|
16620
|
-
|
|
16621
|
-
|
|
16622
|
-
|
|
16623
|
-
|
|
16624
|
-
|
|
16625
|
-
|
|
16626
|
-
|
|
16602
|
+
/* @__PURE__ */ jsxs27(
|
|
16603
|
+
"div",
|
|
16604
|
+
{
|
|
16605
|
+
className: "uf-absolute",
|
|
16606
|
+
style: { bottom: -2, right: -badgeOutset },
|
|
16607
|
+
children: [
|
|
16608
|
+
/* @__PURE__ */ jsx29(
|
|
16609
|
+
"div",
|
|
16610
|
+
{
|
|
16611
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
16612
|
+
style: {
|
|
16613
|
+
width: badgeSize,
|
|
16614
|
+
height: badgeSize,
|
|
16615
|
+
backgroundColor: "#000",
|
|
16616
|
+
border: "2px solid #fff",
|
|
16617
|
+
// Rear badge sits left of the front; +1px on offset shows slightly more of the rear network
|
|
16618
|
+
right: Math.round(badgeSize * 0.5) + 1,
|
|
16619
|
+
bottom: 0
|
|
16620
|
+
},
|
|
16621
|
+
children: /* @__PURE__ */ jsx29(SolanaIcon, { size: iconSize, variant: "color" })
|
|
16622
|
+
}
|
|
16623
|
+
),
|
|
16624
|
+
/* @__PURE__ */ jsx29(
|
|
16625
|
+
"div",
|
|
16626
|
+
{
|
|
16627
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
16628
|
+
style: {
|
|
16629
|
+
width: badgeSize,
|
|
16630
|
+
height: badgeSize,
|
|
16631
|
+
backgroundColor: "#627EEA",
|
|
16632
|
+
border: "2px solid #fff",
|
|
16633
|
+
right: 0,
|
|
16634
|
+
bottom: 0
|
|
16635
|
+
},
|
|
16636
|
+
children: /* @__PURE__ */ jsx29(EthereumIcon, { size: iconSize, variant: "light" })
|
|
16637
|
+
}
|
|
16638
|
+
)
|
|
16639
|
+
]
|
|
16640
|
+
}
|
|
16641
|
+
)
|
|
16627
16642
|
) : (
|
|
16628
16643
|
// Single network
|
|
16629
16644
|
/* @__PURE__ */ jsxs27(
|
|
@@ -16632,7 +16647,7 @@ function WalletIconWithNetwork({
|
|
|
16632
16647
|
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
16633
16648
|
style: {
|
|
16634
16649
|
bottom: -2,
|
|
16635
|
-
right: -
|
|
16650
|
+
right: -badgeOutset,
|
|
16636
16651
|
width: badgeSize,
|
|
16637
16652
|
height: badgeSize,
|
|
16638
16653
|
backgroundColor: hasEthereum ? "#627EEA" : "#000",
|
|
@@ -16710,7 +16725,7 @@ function BrowserWalletButton({
|
|
|
16710
16725
|
chainType,
|
|
16711
16726
|
publishableKey
|
|
16712
16727
|
}) {
|
|
16713
|
-
const { colors: colors2, fonts, components
|
|
16728
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
16714
16729
|
const [isHovered, setIsHovered] = React212.useState(false);
|
|
16715
16730
|
const [isTouchDevice, setIsTouchDevice] = React212.useState(false);
|
|
16716
16731
|
const [wallet, setWallet] = React212.useState(null);
|
|
@@ -16718,7 +16733,6 @@ function BrowserWalletButton({
|
|
|
16718
16733
|
const [isConnecting, setIsConnecting] = React212.useState(false);
|
|
16719
16734
|
const [balanceText, setBalanceText] = React212.useState(null);
|
|
16720
16735
|
const [isLoadingBalance, setIsLoadingBalance] = React212.useState(false);
|
|
16721
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
16722
16736
|
const onDisconnectRef = React212.useRef(onDisconnect);
|
|
16723
16737
|
onDisconnectRef.current = onDisconnect;
|
|
16724
16738
|
React212.useEffect(() => {
|
|
@@ -17077,12 +17091,12 @@ function BrowserWalletButton({
|
|
|
17077
17091
|
wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React212.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
|
|
17078
17092
|
size: 36,
|
|
17079
17093
|
className: "uf-rounded-lg",
|
|
17080
|
-
variant:
|
|
17094
|
+
variant: "color"
|
|
17081
17095
|
}) : /* @__PURE__ */ jsx30("div", { className: "uf-w-9 uf-h-9 uf-rounded-lg uf-bg-gray-500" }) : /* @__PURE__ */ jsx30("div", { className: "uf-rounded-lg uf-p-2", children: /* @__PURE__ */ jsx30(
|
|
17082
17096
|
Wallet,
|
|
17083
17097
|
{
|
|
17084
17098
|
className: "uf-w-5 uf-h-5",
|
|
17085
|
-
style: { color:
|
|
17099
|
+
style: { color: components.card.iconColor }
|
|
17086
17100
|
}
|
|
17087
17101
|
) }),
|
|
17088
17102
|
/* @__PURE__ */ jsxs28("div", { className: "uf-text-left", children: [
|
|
@@ -17475,6 +17489,62 @@ function ThemeStyleInjector({
|
|
|
17475
17489
|
}, [fonts.regular]);
|
|
17476
17490
|
return /* @__PURE__ */ jsx322("div", { className: cn(mode === "dark" ? "uf-dark" : "", className), style: cssVars, children });
|
|
17477
17491
|
}
|
|
17492
|
+
var VIEW_W = 538;
|
|
17493
|
+
var VIEW_H = 53;
|
|
17494
|
+
var SIZE_MAX_WIDTH = {
|
|
17495
|
+
sm: 128,
|
|
17496
|
+
md: 152,
|
|
17497
|
+
lg: 216
|
|
17498
|
+
};
|
|
17499
|
+
function PoweredByUnifold({
|
|
17500
|
+
color,
|
|
17501
|
+
className,
|
|
17502
|
+
size: size4 = "sm",
|
|
17503
|
+
maxWidth: maxWidthProp
|
|
17504
|
+
}) {
|
|
17505
|
+
const maxWidth = maxWidthProp ?? SIZE_MAX_WIDTH[size4];
|
|
17506
|
+
const height = Math.round(maxWidth / VIEW_W * VIEW_H);
|
|
17507
|
+
return /* @__PURE__ */ jsx33(
|
|
17508
|
+
"div",
|
|
17509
|
+
{
|
|
17510
|
+
className,
|
|
17511
|
+
style: { color, lineHeight: 0 },
|
|
17512
|
+
role: "img",
|
|
17513
|
+
"aria-label": "Powered by Unifold",
|
|
17514
|
+
children: /* @__PURE__ */ jsxs29(
|
|
17515
|
+
"svg",
|
|
17516
|
+
{
|
|
17517
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17518
|
+
width: maxWidth,
|
|
17519
|
+
height,
|
|
17520
|
+
viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
|
|
17521
|
+
fill: "none",
|
|
17522
|
+
className: "uf-block uf-max-w-full uf-h-auto",
|
|
17523
|
+
children: [
|
|
17524
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17525
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17526
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17527
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17528
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17529
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17530
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17531
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17532
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17533
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17534
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17535
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17536
|
+
/* @__PURE__ */ jsx33("path", { d: "M440.704 12.9302H432.724V42.2602H440.704V12.9302Z", fill: "currentColor" }),
|
|
17537
|
+
/* @__PURE__ */ jsx33("path", { d: "M504.904 2.96997H496.924V42.25H504.904V2.96997Z", fill: "currentColor" }),
|
|
17538
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17539
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17540
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
17541
|
+
/* @__PURE__ */ jsx33("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" })
|
|
17542
|
+
]
|
|
17543
|
+
}
|
|
17544
|
+
)
|
|
17545
|
+
}
|
|
17546
|
+
);
|
|
17547
|
+
}
|
|
17478
17548
|
function DepositsModal({
|
|
17479
17549
|
open,
|
|
17480
17550
|
onOpenChange,
|
|
@@ -17528,8 +17598,8 @@ function DepositsModal({
|
|
|
17528
17598
|
const handleExecutionClick = (execution) => {
|
|
17529
17599
|
setSelectedExecution(execution);
|
|
17530
17600
|
};
|
|
17531
|
-
const content = selectedExecution ? /* @__PURE__ */
|
|
17532
|
-
/* @__PURE__ */
|
|
17601
|
+
const content = selectedExecution ? /* @__PURE__ */ jsxs30(Fragment32, { children: [
|
|
17602
|
+
/* @__PURE__ */ jsx34(
|
|
17533
17603
|
DepositHeader,
|
|
17534
17604
|
{
|
|
17535
17605
|
title: "Deposit Details",
|
|
@@ -17538,9 +17608,9 @@ function DepositsModal({
|
|
|
17538
17608
|
onClose: handleClose
|
|
17539
17609
|
}
|
|
17540
17610
|
),
|
|
17541
|
-
/* @__PURE__ */
|
|
17542
|
-
] }) : /* @__PURE__ */
|
|
17543
|
-
/* @__PURE__ */
|
|
17611
|
+
/* @__PURE__ */ jsx34("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx34(DepositDetailContent, { execution: selectedExecution }) })
|
|
17612
|
+
] }) : /* @__PURE__ */ jsxs30(Fragment32, { children: [
|
|
17613
|
+
/* @__PURE__ */ jsx34(
|
|
17544
17614
|
DepositHeader,
|
|
17545
17615
|
{
|
|
17546
17616
|
title: "Deposit Tracker",
|
|
@@ -17549,14 +17619,14 @@ function DepositsModal({
|
|
|
17549
17619
|
onClose: handleClose
|
|
17550
17620
|
}
|
|
17551
17621
|
),
|
|
17552
|
-
/* @__PURE__ */
|
|
17622
|
+
/* @__PURE__ */ jsx34("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx34("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx34("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx34(
|
|
17553
17623
|
"div",
|
|
17554
17624
|
{
|
|
17555
17625
|
className: "uf-text-sm",
|
|
17556
17626
|
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
17557
17627
|
children: "No deposits yet"
|
|
17558
17628
|
}
|
|
17559
|
-
) }) : allExecutions.map((execution) => /* @__PURE__ */
|
|
17629
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx34(
|
|
17560
17630
|
DepositExecutionItem,
|
|
17561
17631
|
{
|
|
17562
17632
|
execution,
|
|
@@ -17565,12 +17635,21 @@ function DepositsModal({
|
|
|
17565
17635
|
execution.id
|
|
17566
17636
|
)) }) })
|
|
17567
17637
|
] });
|
|
17568
|
-
return /* @__PURE__ */
|
|
17638
|
+
return /* @__PURE__ */ jsx34(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsx34(
|
|
17569
17639
|
DialogContent2,
|
|
17570
17640
|
{
|
|
17571
17641
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
17572
17642
|
style: { backgroundColor: colors2.background },
|
|
17573
|
-
children: /* @__PURE__ */
|
|
17643
|
+
children: /* @__PURE__ */ jsxs30(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: [
|
|
17644
|
+
content,
|
|
17645
|
+
/* @__PURE__ */ jsx34("div", { className: "uf-pt-3 uf-shrink-0", children: /* @__PURE__ */ jsx34(
|
|
17646
|
+
PoweredByUnifold,
|
|
17647
|
+
{
|
|
17648
|
+
color: colors2.foregroundMuted,
|
|
17649
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
17650
|
+
}
|
|
17651
|
+
) })
|
|
17652
|
+
] })
|
|
17574
17653
|
}
|
|
17575
17654
|
) });
|
|
17576
17655
|
}
|
|
@@ -17704,7 +17783,7 @@ function TokenSelectorSheet({
|
|
|
17704
17783
|
onOpenChange(false);
|
|
17705
17784
|
};
|
|
17706
17785
|
if (!open) return null;
|
|
17707
|
-
return /* @__PURE__ */
|
|
17786
|
+
return /* @__PURE__ */ jsxs31(
|
|
17708
17787
|
"div",
|
|
17709
17788
|
{
|
|
17710
17789
|
className: `${themeClass} uf-px-6`,
|
|
@@ -17719,18 +17798,18 @@ function TokenSelectorSheet({
|
|
|
17719
17798
|
backgroundColor: colors2.background
|
|
17720
17799
|
},
|
|
17721
17800
|
children: [
|
|
17722
|
-
/* @__PURE__ */
|
|
17723
|
-
/* @__PURE__ */
|
|
17801
|
+
/* @__PURE__ */ jsxs31("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
|
|
17802
|
+
/* @__PURE__ */ jsx35(
|
|
17724
17803
|
"button",
|
|
17725
17804
|
{
|
|
17726
17805
|
type: "button",
|
|
17727
17806
|
onClick: () => onOpenChange(false),
|
|
17728
17807
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors",
|
|
17729
17808
|
style: { color: components.header.buttonColor },
|
|
17730
|
-
children: /* @__PURE__ */
|
|
17809
|
+
children: /* @__PURE__ */ jsx35(ArrowLeft, { className: "uf-w-5 uf-h-5" })
|
|
17731
17810
|
}
|
|
17732
17811
|
),
|
|
17733
|
-
/* @__PURE__ */
|
|
17812
|
+
/* @__PURE__ */ jsx35(
|
|
17734
17813
|
"h2",
|
|
17735
17814
|
{
|
|
17736
17815
|
className: "uf-text-base uf-text-center",
|
|
@@ -17741,10 +17820,10 @@ function TokenSelectorSheet({
|
|
|
17741
17820
|
children: "Select token to deposit"
|
|
17742
17821
|
}
|
|
17743
17822
|
),
|
|
17744
|
-
/* @__PURE__ */
|
|
17823
|
+
/* @__PURE__ */ jsx35("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
|
|
17745
17824
|
] }),
|
|
17746
|
-
/* @__PURE__ */
|
|
17747
|
-
/* @__PURE__ */
|
|
17825
|
+
/* @__PURE__ */ jsxs31("div", { className: "uf-pb-3", children: [
|
|
17826
|
+
/* @__PURE__ */ jsx35(
|
|
17748
17827
|
"style",
|
|
17749
17828
|
{
|
|
17750
17829
|
dangerouslySetInnerHTML: {
|
|
@@ -17752,7 +17831,7 @@ function TokenSelectorSheet({
|
|
|
17752
17831
|
}
|
|
17753
17832
|
}
|
|
17754
17833
|
),
|
|
17755
|
-
/* @__PURE__ */
|
|
17834
|
+
/* @__PURE__ */ jsx35("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsx35(
|
|
17756
17835
|
"input",
|
|
17757
17836
|
{
|
|
17758
17837
|
type: "text",
|
|
@@ -17770,8 +17849,8 @@ function TokenSelectorSheet({
|
|
|
17770
17849
|
}
|
|
17771
17850
|
) })
|
|
17772
17851
|
] }),
|
|
17773
|
-
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */
|
|
17774
|
-
/* @__PURE__ */
|
|
17852
|
+
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ jsxs31("div", { className: "uf-pb-3 uf--mx-6", children: [
|
|
17853
|
+
/* @__PURE__ */ jsx35(
|
|
17775
17854
|
"div",
|
|
17776
17855
|
{
|
|
17777
17856
|
className: "uf-text-xs uf-mb-2 uf-px-6",
|
|
@@ -17782,7 +17861,7 @@ function TokenSelectorSheet({
|
|
|
17782
17861
|
children: "Quick select"
|
|
17783
17862
|
}
|
|
17784
17863
|
),
|
|
17785
|
-
/* @__PURE__ */
|
|
17864
|
+
/* @__PURE__ */ jsx35(
|
|
17786
17865
|
"div",
|
|
17787
17866
|
{
|
|
17788
17867
|
className: "uf-flex uf-gap-2 uf-overflow-x-auto uf-px-6 uf-pb-1",
|
|
@@ -17790,12 +17869,12 @@ function TokenSelectorSheet({
|
|
|
17790
17869
|
children: quickSelectOptions.map(({ token, chain, isRecent }) => {
|
|
17791
17870
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
17792
17871
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
17793
|
-
return /* @__PURE__ */
|
|
17872
|
+
return /* @__PURE__ */ jsxs31(
|
|
17794
17873
|
"div",
|
|
17795
17874
|
{
|
|
17796
17875
|
style: { position: "relative", flexShrink: 0 },
|
|
17797
17876
|
children: [
|
|
17798
|
-
isRecent && /* @__PURE__ */
|
|
17877
|
+
isRecent && /* @__PURE__ */ jsx35(
|
|
17799
17878
|
"button",
|
|
17800
17879
|
{
|
|
17801
17880
|
type: "button",
|
|
@@ -17815,10 +17894,10 @@ function TokenSelectorSheet({
|
|
|
17815
17894
|
padding: 2,
|
|
17816
17895
|
color: colors2.foregroundMuted
|
|
17817
17896
|
},
|
|
17818
|
-
children: /* @__PURE__ */
|
|
17897
|
+
children: /* @__PURE__ */ jsx35(X, { style: { width: 12, height: 12 } })
|
|
17819
17898
|
}
|
|
17820
17899
|
),
|
|
17821
|
-
/* @__PURE__ */
|
|
17900
|
+
/* @__PURE__ */ jsxs31(
|
|
17822
17901
|
"button",
|
|
17823
17902
|
{
|
|
17824
17903
|
type: "button",
|
|
@@ -17837,8 +17916,8 @@ function TokenSelectorSheet({
|
|
|
17837
17916
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
17838
17917
|
},
|
|
17839
17918
|
children: [
|
|
17840
|
-
/* @__PURE__ */
|
|
17841
|
-
/* @__PURE__ */
|
|
17919
|
+
/* @__PURE__ */ jsxs31("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
17920
|
+
/* @__PURE__ */ jsx35(
|
|
17842
17921
|
"img",
|
|
17843
17922
|
{
|
|
17844
17923
|
src: token.icon_url,
|
|
@@ -17849,7 +17928,7 @@ function TokenSelectorSheet({
|
|
|
17849
17928
|
className: "uf-rounded-full"
|
|
17850
17929
|
}
|
|
17851
17930
|
),
|
|
17852
|
-
/* @__PURE__ */
|
|
17931
|
+
/* @__PURE__ */ jsx35(
|
|
17853
17932
|
"div",
|
|
17854
17933
|
{
|
|
17855
17934
|
style: {
|
|
@@ -17857,7 +17936,7 @@ function TokenSelectorSheet({
|
|
|
17857
17936
|
bottom: -2,
|
|
17858
17937
|
right: -2
|
|
17859
17938
|
},
|
|
17860
|
-
children: /* @__PURE__ */
|
|
17939
|
+
children: /* @__PURE__ */ jsx35(
|
|
17861
17940
|
"img",
|
|
17862
17941
|
{
|
|
17863
17942
|
src: chain.icon_url,
|
|
@@ -17871,8 +17950,8 @@ function TokenSelectorSheet({
|
|
|
17871
17950
|
}
|
|
17872
17951
|
)
|
|
17873
17952
|
] }),
|
|
17874
|
-
/* @__PURE__ */
|
|
17875
|
-
/* @__PURE__ */
|
|
17953
|
+
/* @__PURE__ */ jsxs31("div", { style: { textAlign: "left" }, children: [
|
|
17954
|
+
/* @__PURE__ */ jsx35(
|
|
17876
17955
|
"div",
|
|
17877
17956
|
{
|
|
17878
17957
|
style: {
|
|
@@ -17885,7 +17964,7 @@ function TokenSelectorSheet({
|
|
|
17885
17964
|
children: token.symbol
|
|
17886
17965
|
}
|
|
17887
17966
|
),
|
|
17888
|
-
/* @__PURE__ */
|
|
17967
|
+
/* @__PURE__ */ jsx35(
|
|
17889
17968
|
"div",
|
|
17890
17969
|
{
|
|
17891
17970
|
style: {
|
|
@@ -17909,7 +17988,7 @@ function TokenSelectorSheet({
|
|
|
17909
17988
|
}
|
|
17910
17989
|
)
|
|
17911
17990
|
] }),
|
|
17912
|
-
/* @__PURE__ */
|
|
17991
|
+
/* @__PURE__ */ jsx35(
|
|
17913
17992
|
"div",
|
|
17914
17993
|
{
|
|
17915
17994
|
className: "uf-text-xs uf-mb-2",
|
|
@@ -17920,7 +17999,7 @@ function TokenSelectorSheet({
|
|
|
17920
17999
|
children: "All supported tokens"
|
|
17921
18000
|
}
|
|
17922
18001
|
),
|
|
17923
|
-
/* @__PURE__ */
|
|
18002
|
+
/* @__PURE__ */ jsx35("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__ */ jsx35(
|
|
17924
18003
|
"div",
|
|
17925
18004
|
{
|
|
17926
18005
|
style: {
|
|
@@ -17932,10 +18011,10 @@ function TokenSelectorSheet({
|
|
|
17932
18011
|
},
|
|
17933
18012
|
children: "No tokens found"
|
|
17934
18013
|
}
|
|
17935
|
-
) : /* @__PURE__ */
|
|
18014
|
+
) : /* @__PURE__ */ jsx35("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
|
|
17936
18015
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
17937
18016
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
17938
|
-
return /* @__PURE__ */
|
|
18017
|
+
return /* @__PURE__ */ jsxs31(
|
|
17939
18018
|
"button",
|
|
17940
18019
|
{
|
|
17941
18020
|
type: "button",
|
|
@@ -17956,8 +18035,8 @@ function TokenSelectorSheet({
|
|
|
17956
18035
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
17957
18036
|
},
|
|
17958
18037
|
children: [
|
|
17959
|
-
/* @__PURE__ */
|
|
17960
|
-
/* @__PURE__ */
|
|
18038
|
+
/* @__PURE__ */ jsxs31("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
18039
|
+
/* @__PURE__ */ jsx35(
|
|
17961
18040
|
"img",
|
|
17962
18041
|
{
|
|
17963
18042
|
src: token.icon_url,
|
|
@@ -17968,7 +18047,7 @@ function TokenSelectorSheet({
|
|
|
17968
18047
|
className: "uf-rounded-full"
|
|
17969
18048
|
}
|
|
17970
18049
|
),
|
|
17971
|
-
/* @__PURE__ */
|
|
18050
|
+
/* @__PURE__ */ jsx35(
|
|
17972
18051
|
"div",
|
|
17973
18052
|
{
|
|
17974
18053
|
style: {
|
|
@@ -17976,7 +18055,7 @@ function TokenSelectorSheet({
|
|
|
17976
18055
|
bottom: -4,
|
|
17977
18056
|
right: -4
|
|
17978
18057
|
},
|
|
17979
|
-
children: /* @__PURE__ */
|
|
18058
|
+
children: /* @__PURE__ */ jsx35(
|
|
17980
18059
|
"img",
|
|
17981
18060
|
{
|
|
17982
18061
|
src: chain.icon_url,
|
|
@@ -17990,8 +18069,8 @@ function TokenSelectorSheet({
|
|
|
17990
18069
|
}
|
|
17991
18070
|
)
|
|
17992
18071
|
] }),
|
|
17993
|
-
/* @__PURE__ */
|
|
17994
|
-
/* @__PURE__ */
|
|
18072
|
+
/* @__PURE__ */ jsxs31("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
18073
|
+
/* @__PURE__ */ jsx35(
|
|
17995
18074
|
"div",
|
|
17996
18075
|
{
|
|
17997
18076
|
style: {
|
|
@@ -18003,7 +18082,7 @@ function TokenSelectorSheet({
|
|
|
18003
18082
|
children: token.symbol
|
|
18004
18083
|
}
|
|
18005
18084
|
),
|
|
18006
|
-
/* @__PURE__ */
|
|
18085
|
+
/* @__PURE__ */ jsx35(
|
|
18007
18086
|
"div",
|
|
18008
18087
|
{
|
|
18009
18088
|
style: {
|
|
@@ -18015,7 +18094,7 @@ function TokenSelectorSheet({
|
|
|
18015
18094
|
}
|
|
18016
18095
|
)
|
|
18017
18096
|
] }),
|
|
18018
|
-
/* @__PURE__ */
|
|
18097
|
+
/* @__PURE__ */ jsxs31(
|
|
18019
18098
|
"div",
|
|
18020
18099
|
{
|
|
18021
18100
|
style: {
|
|
@@ -18024,11 +18103,11 @@ function TokenSelectorSheet({
|
|
|
18024
18103
|
fontFamily: fonts.regular
|
|
18025
18104
|
},
|
|
18026
18105
|
children: [
|
|
18027
|
-
/* @__PURE__ */
|
|
18106
|
+
/* @__PURE__ */ jsxs31("span", { style: { color: components.card.textRightColor }, children: [
|
|
18028
18107
|
"Minimum:",
|
|
18029
18108
|
" "
|
|
18030
18109
|
] }),
|
|
18031
|
-
/* @__PURE__ */
|
|
18110
|
+
/* @__PURE__ */ jsxs31("span", { style: { color: components.card.labelHighlightRightColor }, children: [
|
|
18032
18111
|
"$",
|
|
18033
18112
|
chain.minimum_deposit_amount_usd
|
|
18034
18113
|
] })
|
|
@@ -18039,7 +18118,14 @@ function TokenSelectorSheet({
|
|
|
18039
18118
|
},
|
|
18040
18119
|
`${token.symbol}-${chainKey}`
|
|
18041
18120
|
);
|
|
18042
|
-
}) }) })
|
|
18121
|
+
}) }) }),
|
|
18122
|
+
/* @__PURE__ */ jsx35("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ jsx35(
|
|
18123
|
+
PoweredByUnifold,
|
|
18124
|
+
{
|
|
18125
|
+
color: colors2.foregroundMuted,
|
|
18126
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
18127
|
+
}
|
|
18128
|
+
) })
|
|
18043
18129
|
]
|
|
18044
18130
|
}
|
|
18045
18131
|
);
|
|
@@ -18052,7 +18138,7 @@ function DepositPollingUi({
|
|
|
18052
18138
|
}) {
|
|
18053
18139
|
const { fonts, components } = useTheme();
|
|
18054
18140
|
if (depositConfirmationMode === "manual" && !showWaitingUi) {
|
|
18055
|
-
return /* @__PURE__ */
|
|
18141
|
+
return /* @__PURE__ */ jsx36(
|
|
18056
18142
|
"button",
|
|
18057
18143
|
{
|
|
18058
18144
|
onClick: onIveDeposited,
|
|
@@ -18069,15 +18155,15 @@ function DepositPollingUi({
|
|
|
18069
18155
|
);
|
|
18070
18156
|
}
|
|
18071
18157
|
if (showWaitingUi && !hasExecution) {
|
|
18072
|
-
return /* @__PURE__ */
|
|
18158
|
+
return /* @__PURE__ */ jsxs322(
|
|
18073
18159
|
"div",
|
|
18074
18160
|
{
|
|
18075
18161
|
className: "uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500",
|
|
18076
18162
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
18077
18163
|
children: [
|
|
18078
|
-
/* @__PURE__ */
|
|
18079
|
-
/* @__PURE__ */
|
|
18080
|
-
/* @__PURE__ */
|
|
18164
|
+
/* @__PURE__ */ jsx36("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ jsx36("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" }) }),
|
|
18165
|
+
/* @__PURE__ */ jsxs322("div", { children: [
|
|
18166
|
+
/* @__PURE__ */ jsx36(
|
|
18081
18167
|
"div",
|
|
18082
18168
|
{
|
|
18083
18169
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -18085,7 +18171,7 @@ function DepositPollingUi({
|
|
|
18085
18171
|
children: "Processing deposit transactions"
|
|
18086
18172
|
}
|
|
18087
18173
|
),
|
|
18088
|
-
/* @__PURE__ */
|
|
18174
|
+
/* @__PURE__ */ jsx36(
|
|
18089
18175
|
"div",
|
|
18090
18176
|
{
|
|
18091
18177
|
className: "uf-text-xs",
|
|
@@ -18104,8 +18190,8 @@ function DepositFooterLinks({
|
|
|
18104
18190
|
onGlossaryClick
|
|
18105
18191
|
}) {
|
|
18106
18192
|
const { colors: colors2 } = useTheme();
|
|
18107
|
-
return /* @__PURE__ */
|
|
18108
|
-
/* @__PURE__ */
|
|
18193
|
+
return /* @__PURE__ */ jsxs33("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
|
|
18194
|
+
/* @__PURE__ */ jsx37(
|
|
18109
18195
|
"a",
|
|
18110
18196
|
{
|
|
18111
18197
|
href: "https://unifold.io/terms",
|
|
@@ -18115,8 +18201,8 @@ function DepositFooterLinks({
|
|
|
18115
18201
|
children: "Terms"
|
|
18116
18202
|
}
|
|
18117
18203
|
),
|
|
18118
|
-
/* @__PURE__ */
|
|
18119
|
-
/* @__PURE__ */
|
|
18204
|
+
/* @__PURE__ */ jsx37("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
18205
|
+
/* @__PURE__ */ jsx37(
|
|
18120
18206
|
"a",
|
|
18121
18207
|
{
|
|
18122
18208
|
href: "https://unifold.io/support",
|
|
@@ -18126,8 +18212,8 @@ function DepositFooterLinks({
|
|
|
18126
18212
|
children: "Help"
|
|
18127
18213
|
}
|
|
18128
18214
|
),
|
|
18129
|
-
/* @__PURE__ */
|
|
18130
|
-
/* @__PURE__ */
|
|
18215
|
+
/* @__PURE__ */ jsx37("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
18216
|
+
/* @__PURE__ */ jsx37(
|
|
18131
18217
|
"div",
|
|
18132
18218
|
{
|
|
18133
18219
|
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
@@ -18149,15 +18235,15 @@ function GlossaryModal({
|
|
|
18149
18235
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
18150
18236
|
const resolvedThemeClass = themeClassProp ?? themeClass;
|
|
18151
18237
|
const modalBackground = backgroundColorProp ?? colors2.background;
|
|
18152
|
-
return /* @__PURE__ */
|
|
18238
|
+
return /* @__PURE__ */ jsx38(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs34(
|
|
18153
18239
|
DialogContent2,
|
|
18154
18240
|
{
|
|
18155
18241
|
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}`,
|
|
18156
18242
|
style: { backgroundColor: modalBackground },
|
|
18157
18243
|
children: [
|
|
18158
|
-
/* @__PURE__ */
|
|
18159
|
-
/* @__PURE__ */
|
|
18160
|
-
/* @__PURE__ */
|
|
18244
|
+
/* @__PURE__ */ jsxs34("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
|
|
18245
|
+
/* @__PURE__ */ jsx38("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__ */ jsx38(X, { className: "uf-w-4 uf-h-4" }) }),
|
|
18246
|
+
/* @__PURE__ */ jsx38(
|
|
18161
18247
|
DialogTitle2,
|
|
18162
18248
|
{
|
|
18163
18249
|
className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
|
|
@@ -18165,91 +18251,91 @@ function GlossaryModal({
|
|
|
18165
18251
|
children: "Glossary"
|
|
18166
18252
|
}
|
|
18167
18253
|
),
|
|
18168
|
-
/* @__PURE__ */
|
|
18254
|
+
/* @__PURE__ */ jsx38(
|
|
18169
18255
|
"button",
|
|
18170
18256
|
{
|
|
18171
18257
|
onClick: () => onOpenChange(false),
|
|
18172
18258
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
|
|
18173
18259
|
style: { color: components.header.buttonColor },
|
|
18174
|
-
children: /* @__PURE__ */
|
|
18260
|
+
children: /* @__PURE__ */ jsx38(X, { className: "uf-w-4 uf-h-4" })
|
|
18175
18261
|
}
|
|
18176
18262
|
)
|
|
18177
18263
|
] }),
|
|
18178
|
-
/* @__PURE__ */
|
|
18179
|
-
/* @__PURE__ */
|
|
18264
|
+
/* @__PURE__ */ jsx38("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__ */ jsxs34("div", { className: "uf-space-y-3", children: [
|
|
18265
|
+
/* @__PURE__ */ jsxs34(
|
|
18180
18266
|
"div",
|
|
18181
18267
|
{
|
|
18182
18268
|
className: "uf-rounded-xl uf-p-3",
|
|
18183
18269
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18184
18270
|
children: [
|
|
18185
|
-
/* @__PURE__ */
|
|
18186
|
-
/* @__PURE__ */
|
|
18271
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
|
|
18272
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
|
|
18187
18273
|
]
|
|
18188
18274
|
}
|
|
18189
18275
|
),
|
|
18190
|
-
/* @__PURE__ */
|
|
18276
|
+
/* @__PURE__ */ jsxs34(
|
|
18191
18277
|
"div",
|
|
18192
18278
|
{
|
|
18193
18279
|
className: "uf-rounded-xl uf-p-3",
|
|
18194
18280
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18195
18281
|
children: [
|
|
18196
|
-
/* @__PURE__ */
|
|
18197
|
-
/* @__PURE__ */
|
|
18282
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
|
|
18283
|
+
/* @__PURE__ */ jsx38("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." })
|
|
18198
18284
|
]
|
|
18199
18285
|
}
|
|
18200
18286
|
),
|
|
18201
|
-
/* @__PURE__ */
|
|
18287
|
+
/* @__PURE__ */ jsxs34(
|
|
18202
18288
|
"div",
|
|
18203
18289
|
{
|
|
18204
18290
|
className: "uf-rounded-xl uf-p-3",
|
|
18205
18291
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18206
18292
|
children: [
|
|
18207
|
-
/* @__PURE__ */
|
|
18208
|
-
/* @__PURE__ */
|
|
18293
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
|
|
18294
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
|
|
18209
18295
|
]
|
|
18210
18296
|
}
|
|
18211
18297
|
),
|
|
18212
|
-
/* @__PURE__ */
|
|
18298
|
+
/* @__PURE__ */ jsxs34(
|
|
18213
18299
|
"div",
|
|
18214
18300
|
{
|
|
18215
18301
|
className: "uf-rounded-xl uf-p-3",
|
|
18216
18302
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18217
18303
|
children: [
|
|
18218
|
-
/* @__PURE__ */
|
|
18219
|
-
/* @__PURE__ */
|
|
18304
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
|
|
18305
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
|
|
18220
18306
|
]
|
|
18221
18307
|
}
|
|
18222
18308
|
),
|
|
18223
|
-
/* @__PURE__ */
|
|
18309
|
+
/* @__PURE__ */ jsxs34(
|
|
18224
18310
|
"div",
|
|
18225
18311
|
{
|
|
18226
18312
|
className: "uf-rounded-xl uf-p-3",
|
|
18227
18313
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18228
18314
|
children: [
|
|
18229
|
-
/* @__PURE__ */
|
|
18230
|
-
/* @__PURE__ */
|
|
18315
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
|
|
18316
|
+
/* @__PURE__ */ jsx38("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." })
|
|
18231
18317
|
]
|
|
18232
18318
|
}
|
|
18233
18319
|
),
|
|
18234
|
-
/* @__PURE__ */
|
|
18320
|
+
/* @__PURE__ */ jsxs34(
|
|
18235
18321
|
"div",
|
|
18236
18322
|
{
|
|
18237
18323
|
className: "uf-rounded-xl uf-p-3",
|
|
18238
18324
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18239
18325
|
children: [
|
|
18240
|
-
/* @__PURE__ */
|
|
18241
|
-
/* @__PURE__ */
|
|
18326
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
|
|
18327
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
|
|
18242
18328
|
]
|
|
18243
18329
|
}
|
|
18244
18330
|
),
|
|
18245
|
-
/* @__PURE__ */
|
|
18331
|
+
/* @__PURE__ */ jsxs34(
|
|
18246
18332
|
"div",
|
|
18247
18333
|
{
|
|
18248
18334
|
className: "uf-rounded-xl uf-p-3",
|
|
18249
18335
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18250
18336
|
children: [
|
|
18251
|
-
/* @__PURE__ */
|
|
18252
|
-
/* @__PURE__ */
|
|
18337
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
|
|
18338
|
+
/* @__PURE__ */ jsx38("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." })
|
|
18253
18339
|
]
|
|
18254
18340
|
}
|
|
18255
18341
|
)
|
|
@@ -18283,12 +18369,12 @@ var TooltipTrigger2 = React232.forwardRef(({ onClick, ...props }, ref) => {
|
|
|
18283
18369
|
},
|
|
18284
18370
|
[open, onOpenChange, onClick]
|
|
18285
18371
|
);
|
|
18286
|
-
return /* @__PURE__ */
|
|
18372
|
+
return /* @__PURE__ */ jsx39(Trigger, { ref, onClick: handleClick, ...props });
|
|
18287
18373
|
});
|
|
18288
18374
|
TooltipTrigger2.displayName = Trigger.displayName;
|
|
18289
18375
|
var TooltipContent2 = React232.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
|
|
18290
18376
|
const { themeClass, colors: colors2 } = useTheme();
|
|
18291
|
-
return /* @__PURE__ */
|
|
18377
|
+
return /* @__PURE__ */ jsx39(Portal3, { children: /* @__PURE__ */ jsx39(
|
|
18292
18378
|
Content22,
|
|
18293
18379
|
{
|
|
18294
18380
|
ref,
|
|
@@ -18487,29 +18573,29 @@ function TransferCryptoSingleInput({
|
|
|
18487
18573
|
const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
|
|
18488
18574
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
18489
18575
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
18490
|
-
return /* @__PURE__ */
|
|
18576
|
+
return /* @__PURE__ */ jsx40(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs35(
|
|
18491
18577
|
"div",
|
|
18492
18578
|
{
|
|
18493
18579
|
className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
|
|
18494
18580
|
style: { backgroundColor: colors2.background },
|
|
18495
18581
|
children: [
|
|
18496
|
-
/* @__PURE__ */
|
|
18497
|
-
/* @__PURE__ */
|
|
18582
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ jsx40("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
|
|
18583
|
+
/* @__PURE__ */ jsx40(
|
|
18498
18584
|
"button",
|
|
18499
18585
|
{
|
|
18500
18586
|
onClick: () => setTokenSelectorOpen(true),
|
|
18501
18587
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
18502
18588
|
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",
|
|
18503
18589
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
18504
|
-
children: tokensLoading ? /* @__PURE__ */
|
|
18505
|
-
/* @__PURE__ */
|
|
18506
|
-
/* @__PURE__ */
|
|
18507
|
-
/* @__PURE__ */
|
|
18508
|
-
/* @__PURE__ */
|
|
18590
|
+
children: tokensLoading ? /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
|
|
18591
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
|
|
18592
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex-1", children: [
|
|
18593
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
|
|
18594
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
|
|
18509
18595
|
] })
|
|
18510
|
-
] }) : /* @__PURE__ */
|
|
18511
|
-
/* @__PURE__ */
|
|
18512
|
-
selectedToken && /* @__PURE__ */
|
|
18596
|
+
] }) : /* @__PURE__ */ jsxs35(Fragment42, { children: [
|
|
18597
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-relative uf-flex-shrink-0", children: [
|
|
18598
|
+
selectedToken && /* @__PURE__ */ jsx40(
|
|
18513
18599
|
"img",
|
|
18514
18600
|
{
|
|
18515
18601
|
src: selectedToken.icon_url,
|
|
@@ -18520,7 +18606,7 @@ function TransferCryptoSingleInput({
|
|
|
18520
18606
|
className: "uf-w-10 uf-h-10 uf-rounded-full"
|
|
18521
18607
|
}
|
|
18522
18608
|
),
|
|
18523
|
-
(currentChainFromBackend || currentChainData) && /* @__PURE__ */
|
|
18609
|
+
(currentChainFromBackend || currentChainData) && /* @__PURE__ */ jsx40("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ jsx40(
|
|
18524
18610
|
"img",
|
|
18525
18611
|
{
|
|
18526
18612
|
src: currentChainFromBackend?.icon_url || currentChainData?.icon_url || "",
|
|
@@ -18533,8 +18619,8 @@ function TransferCryptoSingleInput({
|
|
|
18533
18619
|
}
|
|
18534
18620
|
) })
|
|
18535
18621
|
] }),
|
|
18536
|
-
/* @__PURE__ */
|
|
18537
|
-
/* @__PURE__ */
|
|
18622
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
|
|
18623
|
+
/* @__PURE__ */ jsx40(
|
|
18538
18624
|
"div",
|
|
18539
18625
|
{
|
|
18540
18626
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -18542,7 +18628,7 @@ function TransferCryptoSingleInput({
|
|
|
18542
18628
|
children: selectedToken?.symbol || token
|
|
18543
18629
|
}
|
|
18544
18630
|
),
|
|
18545
|
-
/* @__PURE__ */
|
|
18631
|
+
/* @__PURE__ */ jsx40(
|
|
18546
18632
|
"div",
|
|
18547
18633
|
{
|
|
18548
18634
|
className: "uf-text-xs uf-truncate",
|
|
@@ -18551,8 +18637,8 @@ function TransferCryptoSingleInput({
|
|
|
18551
18637
|
}
|
|
18552
18638
|
)
|
|
18553
18639
|
] }),
|
|
18554
|
-
/* @__PURE__ */
|
|
18555
|
-
/* @__PURE__ */
|
|
18640
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
|
|
18641
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-right", children: /* @__PURE__ */ jsxs35(
|
|
18556
18642
|
"div",
|
|
18557
18643
|
{
|
|
18558
18644
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -18564,12 +18650,12 @@ function TransferCryptoSingleInput({
|
|
|
18564
18650
|
]
|
|
18565
18651
|
}
|
|
18566
18652
|
) }),
|
|
18567
|
-
/* @__PURE__ */
|
|
18653
|
+
/* @__PURE__ */ jsx40(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
18568
18654
|
] })
|
|
18569
18655
|
] })
|
|
18570
18656
|
}
|
|
18571
18657
|
),
|
|
18572
|
-
/* @__PURE__ */
|
|
18658
|
+
/* @__PURE__ */ jsx40(
|
|
18573
18659
|
TokenSelectorSheet,
|
|
18574
18660
|
{
|
|
18575
18661
|
open: tokenSelectorOpen,
|
|
@@ -18583,24 +18669,24 @@ function TransferCryptoSingleInput({
|
|
|
18583
18669
|
}
|
|
18584
18670
|
}
|
|
18585
18671
|
),
|
|
18586
|
-
error && !loading && /* @__PURE__ */
|
|
18587
|
-
/* @__PURE__ */
|
|
18588
|
-
/* @__PURE__ */
|
|
18589
|
-
/* @__PURE__ */
|
|
18590
|
-
/* @__PURE__ */
|
|
18591
|
-
/* @__PURE__ */
|
|
18672
|
+
error && !loading && /* @__PURE__ */ jsxs35("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
|
|
18673
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
18674
|
+
/* @__PURE__ */ jsx40(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
|
|
18675
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
18676
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
|
|
18677
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
18592
18678
|
] })
|
|
18593
18679
|
] }),
|
|
18594
|
-
/* @__PURE__ */
|
|
18595
|
-
/* @__PURE__ */
|
|
18596
|
-
/* @__PURE__ */
|
|
18680
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
|
|
18681
|
+
/* @__PURE__ */ jsx40(Clock, { className: "uf-w-3 uf-h-3" }),
|
|
18682
|
+
/* @__PURE__ */ jsx40("span", { children: "Retrying automatically every 5 seconds..." })
|
|
18597
18683
|
] })
|
|
18598
18684
|
] }),
|
|
18599
|
-
/* @__PURE__ */
|
|
18600
|
-
/* @__PURE__ */
|
|
18601
|
-
/* @__PURE__ */
|
|
18685
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
18686
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
18687
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
18602
18688
|
// QR Skeleton - matches QR code appearance
|
|
18603
|
-
/* @__PURE__ */
|
|
18689
|
+
/* @__PURE__ */ jsx40(
|
|
18604
18690
|
"div",
|
|
18605
18691
|
{
|
|
18606
18692
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -18610,7 +18696,7 @@ function TransferCryptoSingleInput({
|
|
|
18610
18696
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
18611
18697
|
borderRadius: 8
|
|
18612
18698
|
},
|
|
18613
|
-
children: /* @__PURE__ */
|
|
18699
|
+
children: /* @__PURE__ */ jsx40(
|
|
18614
18700
|
"div",
|
|
18615
18701
|
{
|
|
18616
18702
|
style: {
|
|
@@ -18623,7 +18709,7 @@ function TransferCryptoSingleInput({
|
|
|
18623
18709
|
)
|
|
18624
18710
|
}
|
|
18625
18711
|
)
|
|
18626
|
-
) : depositAddress ? /* @__PURE__ */
|
|
18712
|
+
) : depositAddress ? /* @__PURE__ */ jsx40(
|
|
18627
18713
|
StyledQRCode,
|
|
18628
18714
|
{
|
|
18629
18715
|
value: depositAddress,
|
|
@@ -18633,19 +18719,19 @@ function TransferCryptoSingleInput({
|
|
|
18633
18719
|
darkMode: isDarkMode
|
|
18634
18720
|
},
|
|
18635
18721
|
`qr-${depositAddress}-${chain}`
|
|
18636
|
-
) : /* @__PURE__ */
|
|
18722
|
+
) : /* @__PURE__ */ jsx40(
|
|
18637
18723
|
"div",
|
|
18638
18724
|
{
|
|
18639
18725
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
18640
18726
|
style: { width: 180, height: 180 },
|
|
18641
|
-
children: /* @__PURE__ */
|
|
18727
|
+
children: /* @__PURE__ */ jsx40("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
|
|
18642
18728
|
}
|
|
18643
18729
|
) })
|
|
18644
18730
|
] }),
|
|
18645
|
-
/* @__PURE__ */
|
|
18731
|
+
/* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsxs35("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
18646
18732
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
18647
18733
|
// Address skeleton
|
|
18648
|
-
/* @__PURE__ */
|
|
18734
|
+
/* @__PURE__ */ jsx40(
|
|
18649
18735
|
"div",
|
|
18650
18736
|
{
|
|
18651
18737
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -18654,45 +18740,45 @@ function TransferCryptoSingleInput({
|
|
|
18654
18740
|
}
|
|
18655
18741
|
}
|
|
18656
18742
|
)
|
|
18657
|
-
) : /* @__PURE__ */
|
|
18658
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */
|
|
18743
|
+
) : /* @__PURE__ */ jsx40("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
|
|
18744
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ jsx40(
|
|
18659
18745
|
"span",
|
|
18660
18746
|
{
|
|
18661
18747
|
onClick: handleCopyAddress,
|
|
18662
18748
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
18663
18749
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
18664
|
-
children: copied ? /* @__PURE__ */
|
|
18750
|
+
children: copied ? /* @__PURE__ */ jsx40(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx40(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
18665
18751
|
}
|
|
18666
18752
|
)
|
|
18667
18753
|
] }) }),
|
|
18668
|
-
/* @__PURE__ */
|
|
18669
|
-
/* @__PURE__ */
|
|
18754
|
+
/* @__PURE__ */ jsxs35("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: [
|
|
18755
|
+
/* @__PURE__ */ jsxs35(
|
|
18670
18756
|
"button",
|
|
18671
18757
|
{
|
|
18672
18758
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
18673
18759
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
18674
18760
|
children: [
|
|
18675
|
-
/* @__PURE__ */
|
|
18676
|
-
/* @__PURE__ */
|
|
18677
|
-
/* @__PURE__ */
|
|
18761
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
18762
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
18763
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
18678
18764
|
t4.processingTime.label,
|
|
18679
18765
|
":",
|
|
18680
18766
|
" ",
|
|
18681
|
-
/* @__PURE__ */
|
|
18767
|
+
/* @__PURE__ */ jsx40("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
18682
18768
|
] })
|
|
18683
18769
|
] }),
|
|
18684
|
-
detailsExpanded ? /* @__PURE__ */
|
|
18770
|
+
detailsExpanded ? /* @__PURE__ */ jsx40(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx40(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
18685
18771
|
]
|
|
18686
18772
|
}
|
|
18687
18773
|
),
|
|
18688
|
-
detailsExpanded && /* @__PURE__ */
|
|
18689
|
-
/* @__PURE__ */
|
|
18690
|
-
/* @__PURE__ */
|
|
18691
|
-
/* @__PURE__ */
|
|
18774
|
+
detailsExpanded && /* @__PURE__ */ jsxs35("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
18775
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
18776
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
18777
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
18692
18778
|
t4.slippage.label,
|
|
18693
18779
|
":",
|
|
18694
18780
|
" ",
|
|
18695
|
-
/* @__PURE__ */
|
|
18781
|
+
/* @__PURE__ */ jsxs35("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
18696
18782
|
t4.slippage.auto,
|
|
18697
18783
|
" \u2022 ",
|
|
18698
18784
|
maxSlippage.toFixed(2),
|
|
@@ -18700,38 +18786,38 @@ function TransferCryptoSingleInput({
|
|
|
18700
18786
|
] })
|
|
18701
18787
|
] })
|
|
18702
18788
|
] }),
|
|
18703
|
-
/* @__PURE__ */
|
|
18704
|
-
/* @__PURE__ */
|
|
18705
|
-
/* @__PURE__ */
|
|
18789
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
18790
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
18791
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
18706
18792
|
t4.priceImpact.label,
|
|
18707
18793
|
":",
|
|
18708
18794
|
" ",
|
|
18709
|
-
/* @__PURE__ */
|
|
18795
|
+
/* @__PURE__ */ jsxs35("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
18710
18796
|
priceImpact.toFixed(2),
|
|
18711
18797
|
"%"
|
|
18712
18798
|
] })
|
|
18713
18799
|
] })
|
|
18714
18800
|
] }),
|
|
18715
|
-
/* @__PURE__ */
|
|
18716
|
-
/* @__PURE__ */
|
|
18717
|
-
/* @__PURE__ */
|
|
18801
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
18802
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
18803
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
18718
18804
|
"Recipient address:",
|
|
18719
18805
|
" ",
|
|
18720
|
-
/* @__PURE__ */
|
|
18721
|
-
/* @__PURE__ */
|
|
18806
|
+
/* @__PURE__ */ jsx40("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
18807
|
+
/* @__PURE__ */ jsx40(
|
|
18722
18808
|
"span",
|
|
18723
18809
|
{
|
|
18724
18810
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
18725
18811
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
18726
18812
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
18727
|
-
children: copiedRecipient ? /* @__PURE__ */
|
|
18813
|
+
children: copiedRecipient ? /* @__PURE__ */ jsx40(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx40(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
18728
18814
|
}
|
|
18729
18815
|
)
|
|
18730
18816
|
] })
|
|
18731
18817
|
] })
|
|
18732
18818
|
] })
|
|
18733
18819
|
] }),
|
|
18734
|
-
wallets && wallets.length > 0 && /* @__PURE__ */
|
|
18820
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ jsx40(
|
|
18735
18821
|
DepositPollingUi,
|
|
18736
18822
|
{
|
|
18737
18823
|
depositConfirmationMode,
|
|
@@ -18740,29 +18826,29 @@ function TransferCryptoSingleInput({
|
|
|
18740
18826
|
onIveDeposited: handleIveDeposited
|
|
18741
18827
|
}
|
|
18742
18828
|
),
|
|
18743
|
-
/* @__PURE__ */
|
|
18744
|
-
depositExecutions.length > 1 && /* @__PURE__ */
|
|
18829
|
+
/* @__PURE__ */ jsx40(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
18830
|
+
depositExecutions.length > 1 && /* @__PURE__ */ jsx40("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs35(
|
|
18745
18831
|
"button",
|
|
18746
18832
|
{
|
|
18747
18833
|
onClick: () => setDepositsModalOpen(true),
|
|
18748
18834
|
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",
|
|
18749
18835
|
children: [
|
|
18750
|
-
/* @__PURE__ */
|
|
18836
|
+
/* @__PURE__ */ jsx40(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
18751
18837
|
"Track deposits (",
|
|
18752
18838
|
depositExecutions.length,
|
|
18753
18839
|
")",
|
|
18754
|
-
/* @__PURE__ */
|
|
18840
|
+
/* @__PURE__ */ jsx40(ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
18755
18841
|
]
|
|
18756
18842
|
}
|
|
18757
18843
|
) }),
|
|
18758
|
-
/* @__PURE__ */
|
|
18844
|
+
/* @__PURE__ */ jsx40(
|
|
18759
18845
|
DepositPollingToasts,
|
|
18760
18846
|
{
|
|
18761
18847
|
executions: depositExecutions,
|
|
18762
18848
|
isPolling
|
|
18763
18849
|
}
|
|
18764
18850
|
),
|
|
18765
|
-
/* @__PURE__ */
|
|
18851
|
+
/* @__PURE__ */ jsx40(
|
|
18766
18852
|
DepositsModal,
|
|
18767
18853
|
{
|
|
18768
18854
|
open: depositsModalOpen,
|
|
@@ -18773,7 +18859,7 @@ function TransferCryptoSingleInput({
|
|
|
18773
18859
|
themeClass
|
|
18774
18860
|
}
|
|
18775
18861
|
),
|
|
18776
|
-
/* @__PURE__ */
|
|
18862
|
+
/* @__PURE__ */ jsx40(
|
|
18777
18863
|
GlossaryModal,
|
|
18778
18864
|
{
|
|
18779
18865
|
open: glossaryOpen,
|
|
@@ -18790,7 +18876,7 @@ var Select2 = Root23;
|
|
|
18790
18876
|
var SelectValue2 = Value;
|
|
18791
18877
|
var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props }, ref) => {
|
|
18792
18878
|
const { components } = useTheme();
|
|
18793
|
-
return /* @__PURE__ */
|
|
18879
|
+
return /* @__PURE__ */ jsxs36(
|
|
18794
18880
|
Trigger2,
|
|
18795
18881
|
{
|
|
18796
18882
|
ref,
|
|
@@ -18806,13 +18892,13 @@ var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props
|
|
|
18806
18892
|
...props,
|
|
18807
18893
|
children: [
|
|
18808
18894
|
children,
|
|
18809
|
-
/* @__PURE__ */
|
|
18895
|
+
/* @__PURE__ */ jsx41(Icon2, { asChild: true, children: /* @__PURE__ */ jsx41(ChevronDown, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
|
|
18810
18896
|
]
|
|
18811
18897
|
}
|
|
18812
18898
|
);
|
|
18813
18899
|
});
|
|
18814
18900
|
SelectTrigger2.displayName = Trigger2.displayName;
|
|
18815
|
-
var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
18901
|
+
var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
18816
18902
|
ScrollUpButton,
|
|
18817
18903
|
{
|
|
18818
18904
|
ref,
|
|
@@ -18821,11 +18907,11 @@ var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) =
|
|
|
18821
18907
|
className
|
|
18822
18908
|
),
|
|
18823
18909
|
...props,
|
|
18824
|
-
children: /* @__PURE__ */
|
|
18910
|
+
children: /* @__PURE__ */ jsx41(ChevronUp, { className: "uf-h-4 uf-w-4" })
|
|
18825
18911
|
}
|
|
18826
18912
|
));
|
|
18827
18913
|
SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
|
|
18828
|
-
var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
18914
|
+
var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
18829
18915
|
ScrollDownButton,
|
|
18830
18916
|
{
|
|
18831
18917
|
ref,
|
|
@@ -18834,13 +18920,13 @@ var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref)
|
|
|
18834
18920
|
className
|
|
18835
18921
|
),
|
|
18836
18922
|
...props,
|
|
18837
|
-
children: /* @__PURE__ */
|
|
18923
|
+
children: /* @__PURE__ */ jsx41(ChevronDown, { className: "uf-h-4 uf-w-4" })
|
|
18838
18924
|
}
|
|
18839
18925
|
));
|
|
18840
18926
|
SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
|
|
18841
18927
|
var SelectContent2 = React242.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
|
|
18842
18928
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
18843
|
-
return /* @__PURE__ */
|
|
18929
|
+
return /* @__PURE__ */ jsx41(Portal4, { children: /* @__PURE__ */ jsxs36(
|
|
18844
18930
|
Content23,
|
|
18845
18931
|
{
|
|
18846
18932
|
ref,
|
|
@@ -18859,8 +18945,8 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
|
|
|
18859
18945
|
position,
|
|
18860
18946
|
...props,
|
|
18861
18947
|
children: [
|
|
18862
|
-
/* @__PURE__ */
|
|
18863
|
-
/* @__PURE__ */
|
|
18948
|
+
/* @__PURE__ */ jsx41(SelectScrollUpButton2, {}),
|
|
18949
|
+
/* @__PURE__ */ jsx41(
|
|
18864
18950
|
Viewport,
|
|
18865
18951
|
{
|
|
18866
18952
|
className: cn(
|
|
@@ -18870,13 +18956,13 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
|
|
|
18870
18956
|
children
|
|
18871
18957
|
}
|
|
18872
18958
|
),
|
|
18873
|
-
/* @__PURE__ */
|
|
18959
|
+
/* @__PURE__ */ jsx41(SelectScrollDownButton2, {})
|
|
18874
18960
|
]
|
|
18875
18961
|
}
|
|
18876
18962
|
) });
|
|
18877
18963
|
});
|
|
18878
18964
|
SelectContent2.displayName = Content23.displayName;
|
|
18879
|
-
var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
18965
|
+
var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
18880
18966
|
Label,
|
|
18881
18967
|
{
|
|
18882
18968
|
ref,
|
|
@@ -18888,7 +18974,7 @@ var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
18888
18974
|
}
|
|
18889
18975
|
));
|
|
18890
18976
|
SelectLabel2.displayName = Label.displayName;
|
|
18891
|
-
var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */
|
|
18977
|
+
var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs36(
|
|
18892
18978
|
Item,
|
|
18893
18979
|
{
|
|
18894
18980
|
ref,
|
|
@@ -18898,13 +18984,13 @@ var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) =
|
|
|
18898
18984
|
),
|
|
18899
18985
|
...props,
|
|
18900
18986
|
children: [
|
|
18901
|
-
/* @__PURE__ */
|
|
18902
|
-
/* @__PURE__ */
|
|
18987
|
+
/* @__PURE__ */ jsx41("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__ */ jsx41(ItemIndicator, { children: /* @__PURE__ */ jsx41(Check, { className: "uf-h-4 uf-w-4" }) }) }),
|
|
18988
|
+
/* @__PURE__ */ jsx41(ItemText, { children })
|
|
18903
18989
|
]
|
|
18904
18990
|
}
|
|
18905
18991
|
));
|
|
18906
18992
|
SelectItem2.displayName = Item.displayName;
|
|
18907
|
-
var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
18993
|
+
var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
18908
18994
|
Separator,
|
|
18909
18995
|
{
|
|
18910
18996
|
ref,
|
|
@@ -19069,8 +19155,8 @@ function TransferCryptoDoubleInput({
|
|
|
19069
19155
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
19070
19156
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
19071
19157
|
const renderTokenItem = (tokenData) => {
|
|
19072
|
-
return /* @__PURE__ */
|
|
19073
|
-
/* @__PURE__ */
|
|
19158
|
+
return /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19159
|
+
/* @__PURE__ */ jsx422(
|
|
19074
19160
|
"img",
|
|
19075
19161
|
{
|
|
19076
19162
|
src: tokenData.icon_url,
|
|
@@ -19081,13 +19167,13 @@ function TransferCryptoDoubleInput({
|
|
|
19081
19167
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
19082
19168
|
}
|
|
19083
19169
|
),
|
|
19084
|
-
/* @__PURE__ */
|
|
19170
|
+
/* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
|
|
19085
19171
|
] });
|
|
19086
19172
|
};
|
|
19087
19173
|
const renderChainItem = (chainData, showMinDeposit = false) => {
|
|
19088
|
-
return /* @__PURE__ */
|
|
19089
|
-
/* @__PURE__ */
|
|
19090
|
-
/* @__PURE__ */
|
|
19174
|
+
return /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
|
|
19175
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19176
|
+
/* @__PURE__ */ jsx422(
|
|
19091
19177
|
"img",
|
|
19092
19178
|
{
|
|
19093
19179
|
src: chainData.icon_url,
|
|
@@ -19098,32 +19184,32 @@ function TransferCryptoDoubleInput({
|
|
|
19098
19184
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
19099
19185
|
}
|
|
19100
19186
|
),
|
|
19101
|
-
/* @__PURE__ */
|
|
19187
|
+
/* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
|
|
19102
19188
|
] }),
|
|
19103
|
-
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */
|
|
19189
|
+
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ jsxs37("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
19104
19190
|
"$",
|
|
19105
19191
|
chainData.minimum_deposit_amount_usd
|
|
19106
19192
|
] })
|
|
19107
19193
|
] });
|
|
19108
19194
|
};
|
|
19109
|
-
return /* @__PURE__ */
|
|
19195
|
+
return /* @__PURE__ */ jsx422(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs37(
|
|
19110
19196
|
"div",
|
|
19111
19197
|
{
|
|
19112
19198
|
className: "uf-space-y-3",
|
|
19113
19199
|
style: { backgroundColor: colors2.background },
|
|
19114
19200
|
children: [
|
|
19115
|
-
/* @__PURE__ */
|
|
19116
|
-
/* @__PURE__ */
|
|
19117
|
-
/* @__PURE__ */
|
|
19118
|
-
/* @__PURE__ */
|
|
19201
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
|
|
19202
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
19203
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
|
|
19204
|
+
/* @__PURE__ */ jsxs37(
|
|
19119
19205
|
Select2,
|
|
19120
19206
|
{
|
|
19121
19207
|
value: token,
|
|
19122
19208
|
onValueChange: setToken,
|
|
19123
19209
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
19124
19210
|
children: [
|
|
19125
|
-
/* @__PURE__ */
|
|
19126
|
-
/* @__PURE__ */
|
|
19211
|
+
/* @__PURE__ */ jsx422(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__ */ jsx422(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
|
|
19212
|
+
/* @__PURE__ */ jsx422(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__ */ jsx422(
|
|
19127
19213
|
SelectItem2,
|
|
19128
19214
|
{
|
|
19129
19215
|
value: tokenData.symbol,
|
|
@@ -19136,36 +19222,36 @@ function TransferCryptoDoubleInput({
|
|
|
19136
19222
|
}
|
|
19137
19223
|
)
|
|
19138
19224
|
] }),
|
|
19139
|
-
/* @__PURE__ */
|
|
19140
|
-
/* @__PURE__ */
|
|
19225
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
19226
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
|
|
19141
19227
|
t5.selectedChain,
|
|
19142
|
-
/* @__PURE__ */
|
|
19228
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
19143
19229
|
"$",
|
|
19144
19230
|
minDepositUsd,
|
|
19145
19231
|
" ",
|
|
19146
19232
|
t5.minDeposit.label
|
|
19147
19233
|
] })
|
|
19148
19234
|
] }),
|
|
19149
|
-
/* @__PURE__ */
|
|
19235
|
+
/* @__PURE__ */ jsxs37(
|
|
19150
19236
|
Select2,
|
|
19151
19237
|
{
|
|
19152
19238
|
value: chain,
|
|
19153
19239
|
onValueChange: setChain,
|
|
19154
19240
|
disabled: tokensLoading || availableChainsForToken.length === 0,
|
|
19155
19241
|
children: [
|
|
19156
|
-
/* @__PURE__ */
|
|
19157
|
-
/* @__PURE__ */
|
|
19242
|
+
/* @__PURE__ */ jsx422(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__ */ jsx422(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
|
|
19243
|
+
/* @__PURE__ */ jsx422(
|
|
19158
19244
|
SelectContent2,
|
|
19159
19245
|
{
|
|
19160
19246
|
align: "end",
|
|
19161
19247
|
className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
|
|
19162
19248
|
style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} },
|
|
19163
|
-
children: availableChainsForToken.length === 0 ? /* @__PURE__ */
|
|
19249
|
+
children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx422("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
|
|
19164
19250
|
const chainKey = getChainKey2(
|
|
19165
19251
|
chainData.chain_id,
|
|
19166
19252
|
chainData.chain_type
|
|
19167
19253
|
);
|
|
19168
|
-
return /* @__PURE__ */
|
|
19254
|
+
return /* @__PURE__ */ jsx422(
|
|
19169
19255
|
SelectItem2,
|
|
19170
19256
|
{
|
|
19171
19257
|
value: chainKey,
|
|
@@ -19182,24 +19268,24 @@ function TransferCryptoDoubleInput({
|
|
|
19182
19268
|
)
|
|
19183
19269
|
] })
|
|
19184
19270
|
] }),
|
|
19185
|
-
error && !loading && /* @__PURE__ */
|
|
19186
|
-
/* @__PURE__ */
|
|
19187
|
-
/* @__PURE__ */
|
|
19188
|
-
/* @__PURE__ */
|
|
19189
|
-
/* @__PURE__ */
|
|
19190
|
-
/* @__PURE__ */
|
|
19271
|
+
error && !loading && /* @__PURE__ */ jsxs37("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
|
|
19272
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
19273
|
+
/* @__PURE__ */ jsx422(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
|
|
19274
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
19275
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
|
|
19276
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
19191
19277
|
] })
|
|
19192
19278
|
] }),
|
|
19193
|
-
/* @__PURE__ */
|
|
19194
|
-
/* @__PURE__ */
|
|
19195
|
-
/* @__PURE__ */
|
|
19279
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
|
|
19280
|
+
/* @__PURE__ */ jsx422(Clock, { className: "uf-w-3 uf-h-3" }),
|
|
19281
|
+
/* @__PURE__ */ jsx422("span", { children: "Retrying automatically every 5 seconds..." })
|
|
19196
19282
|
] })
|
|
19197
19283
|
] }),
|
|
19198
|
-
/* @__PURE__ */
|
|
19199
|
-
/* @__PURE__ */
|
|
19200
|
-
/* @__PURE__ */
|
|
19284
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
19285
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
19286
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
19201
19287
|
// QR Skeleton - matches QR code appearance
|
|
19202
|
-
/* @__PURE__ */
|
|
19288
|
+
/* @__PURE__ */ jsx422(
|
|
19203
19289
|
"div",
|
|
19204
19290
|
{
|
|
19205
19291
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -19209,7 +19295,7 @@ function TransferCryptoDoubleInput({
|
|
|
19209
19295
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
19210
19296
|
borderRadius: 8
|
|
19211
19297
|
},
|
|
19212
|
-
children: /* @__PURE__ */
|
|
19298
|
+
children: /* @__PURE__ */ jsx422(
|
|
19213
19299
|
"div",
|
|
19214
19300
|
{
|
|
19215
19301
|
style: {
|
|
@@ -19222,7 +19308,7 @@ function TransferCryptoDoubleInput({
|
|
|
19222
19308
|
)
|
|
19223
19309
|
}
|
|
19224
19310
|
)
|
|
19225
|
-
) : depositAddress ? /* @__PURE__ */
|
|
19311
|
+
) : depositAddress ? /* @__PURE__ */ jsx422(
|
|
19226
19312
|
StyledQRCode,
|
|
19227
19313
|
{
|
|
19228
19314
|
value: depositAddress,
|
|
@@ -19232,19 +19318,19 @@ function TransferCryptoDoubleInput({
|
|
|
19232
19318
|
darkMode: isDarkMode
|
|
19233
19319
|
},
|
|
19234
19320
|
`qr-${depositAddress}-${chain}`
|
|
19235
|
-
) : /* @__PURE__ */
|
|
19321
|
+
) : /* @__PURE__ */ jsx422(
|
|
19236
19322
|
"div",
|
|
19237
19323
|
{
|
|
19238
19324
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
19239
19325
|
style: { width: 180, height: 180 },
|
|
19240
|
-
children: /* @__PURE__ */
|
|
19326
|
+
children: /* @__PURE__ */ jsx422("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
|
|
19241
19327
|
}
|
|
19242
19328
|
) })
|
|
19243
19329
|
] }),
|
|
19244
|
-
/* @__PURE__ */
|
|
19330
|
+
/* @__PURE__ */ jsx422("div", { children: /* @__PURE__ */ jsxs37("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
19245
19331
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
19246
19332
|
// Address skeleton
|
|
19247
|
-
/* @__PURE__ */
|
|
19333
|
+
/* @__PURE__ */ jsx422(
|
|
19248
19334
|
"div",
|
|
19249
19335
|
{
|
|
19250
19336
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -19253,45 +19339,45 @@ function TransferCryptoDoubleInput({
|
|
|
19253
19339
|
}
|
|
19254
19340
|
}
|
|
19255
19341
|
)
|
|
19256
|
-
) : /* @__PURE__ */
|
|
19257
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */
|
|
19342
|
+
) : /* @__PURE__ */ jsx422("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
|
|
19343
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ jsx422(
|
|
19258
19344
|
"span",
|
|
19259
19345
|
{
|
|
19260
19346
|
onClick: handleCopyAddress,
|
|
19261
19347
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
19262
19348
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
19263
|
-
children: copied ? /* @__PURE__ */
|
|
19349
|
+
children: copied ? /* @__PURE__ */ jsx422(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx422(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
19264
19350
|
}
|
|
19265
19351
|
)
|
|
19266
19352
|
] }) }),
|
|
19267
|
-
/* @__PURE__ */
|
|
19268
|
-
/* @__PURE__ */
|
|
19353
|
+
/* @__PURE__ */ jsxs37("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: [
|
|
19354
|
+
/* @__PURE__ */ jsxs37(
|
|
19269
19355
|
"button",
|
|
19270
19356
|
{
|
|
19271
19357
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
19272
19358
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
19273
19359
|
children: [
|
|
19274
|
-
/* @__PURE__ */
|
|
19275
|
-
/* @__PURE__ */
|
|
19276
|
-
/* @__PURE__ */
|
|
19360
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19361
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx422(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
19362
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
19277
19363
|
t5.processingTime.label,
|
|
19278
19364
|
":",
|
|
19279
19365
|
" ",
|
|
19280
|
-
/* @__PURE__ */
|
|
19366
|
+
/* @__PURE__ */ jsx422("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
19281
19367
|
] })
|
|
19282
19368
|
] }),
|
|
19283
|
-
detailsExpanded ? /* @__PURE__ */
|
|
19369
|
+
detailsExpanded ? /* @__PURE__ */ jsx422(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx422(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
19284
19370
|
]
|
|
19285
19371
|
}
|
|
19286
19372
|
),
|
|
19287
|
-
detailsExpanded && /* @__PURE__ */
|
|
19288
|
-
/* @__PURE__ */
|
|
19289
|
-
/* @__PURE__ */
|
|
19290
|
-
/* @__PURE__ */
|
|
19373
|
+
detailsExpanded && /* @__PURE__ */ jsxs37("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
19374
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19375
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx422(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
19376
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
19291
19377
|
t5.slippage.label,
|
|
19292
19378
|
":",
|
|
19293
19379
|
" ",
|
|
19294
|
-
/* @__PURE__ */
|
|
19380
|
+
/* @__PURE__ */ jsxs37("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
19295
19381
|
t5.slippage.auto,
|
|
19296
19382
|
" \u2022 ",
|
|
19297
19383
|
maxSlippage.toFixed(2),
|
|
@@ -19299,38 +19385,38 @@ function TransferCryptoDoubleInput({
|
|
|
19299
19385
|
] })
|
|
19300
19386
|
] })
|
|
19301
19387
|
] }),
|
|
19302
|
-
/* @__PURE__ */
|
|
19303
|
-
/* @__PURE__ */
|
|
19304
|
-
/* @__PURE__ */
|
|
19388
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19389
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx422(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
19390
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
19305
19391
|
t5.priceImpact.label,
|
|
19306
19392
|
":",
|
|
19307
19393
|
" ",
|
|
19308
|
-
/* @__PURE__ */
|
|
19394
|
+
/* @__PURE__ */ jsxs37("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
19309
19395
|
priceImpact.toFixed(2),
|
|
19310
19396
|
"%"
|
|
19311
19397
|
] })
|
|
19312
19398
|
] })
|
|
19313
19399
|
] }),
|
|
19314
|
-
/* @__PURE__ */
|
|
19315
|
-
/* @__PURE__ */
|
|
19316
|
-
/* @__PURE__ */
|
|
19400
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19401
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx422(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
19402
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
19317
19403
|
"Recipient address:",
|
|
19318
19404
|
" ",
|
|
19319
|
-
/* @__PURE__ */
|
|
19320
|
-
/* @__PURE__ */
|
|
19405
|
+
/* @__PURE__ */ jsx422("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
19406
|
+
/* @__PURE__ */ jsx422(
|
|
19321
19407
|
"span",
|
|
19322
19408
|
{
|
|
19323
19409
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
19324
19410
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
19325
19411
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
19326
|
-
children: copiedRecipient ? /* @__PURE__ */
|
|
19412
|
+
children: copiedRecipient ? /* @__PURE__ */ jsx422(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx422(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
19327
19413
|
}
|
|
19328
19414
|
)
|
|
19329
19415
|
] })
|
|
19330
19416
|
] })
|
|
19331
19417
|
] })
|
|
19332
19418
|
] }),
|
|
19333
|
-
wallets && wallets.length > 0 && /* @__PURE__ */
|
|
19419
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ jsx422(
|
|
19334
19420
|
DepositPollingUi,
|
|
19335
19421
|
{
|
|
19336
19422
|
depositConfirmationMode,
|
|
@@ -19339,29 +19425,29 @@ function TransferCryptoDoubleInput({
|
|
|
19339
19425
|
onIveDeposited: handleIveDeposited
|
|
19340
19426
|
}
|
|
19341
19427
|
),
|
|
19342
|
-
/* @__PURE__ */
|
|
19343
|
-
depositExecutions.length > 1 && /* @__PURE__ */
|
|
19428
|
+
/* @__PURE__ */ jsx422(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
19429
|
+
depositExecutions.length > 1 && /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs37(
|
|
19344
19430
|
"button",
|
|
19345
19431
|
{
|
|
19346
19432
|
onClick: () => setDepositsModalOpen(true),
|
|
19347
19433
|
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",
|
|
19348
19434
|
children: [
|
|
19349
|
-
/* @__PURE__ */
|
|
19435
|
+
/* @__PURE__ */ jsx422(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
19350
19436
|
"Track deposits (",
|
|
19351
19437
|
depositExecutions.length,
|
|
19352
19438
|
")",
|
|
19353
|
-
/* @__PURE__ */
|
|
19439
|
+
/* @__PURE__ */ jsx422(ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
19354
19440
|
]
|
|
19355
19441
|
}
|
|
19356
19442
|
) }),
|
|
19357
|
-
/* @__PURE__ */
|
|
19443
|
+
/* @__PURE__ */ jsx422(
|
|
19358
19444
|
DepositPollingToasts,
|
|
19359
19445
|
{
|
|
19360
19446
|
executions: depositExecutions,
|
|
19361
19447
|
isPolling
|
|
19362
19448
|
}
|
|
19363
19449
|
),
|
|
19364
|
-
/* @__PURE__ */
|
|
19450
|
+
/* @__PURE__ */ jsx422(
|
|
19365
19451
|
DepositsModal,
|
|
19366
19452
|
{
|
|
19367
19453
|
open: depositsModalOpen,
|
|
@@ -19372,7 +19458,7 @@ function TransferCryptoDoubleInput({
|
|
|
19372
19458
|
themeClass
|
|
19373
19459
|
}
|
|
19374
19460
|
),
|
|
19375
|
-
/* @__PURE__ */
|
|
19461
|
+
/* @__PURE__ */ jsx422(
|
|
19376
19462
|
GlossaryModal,
|
|
19377
19463
|
{
|
|
19378
19464
|
open: glossaryOpen,
|
|
@@ -19399,8 +19485,8 @@ function SelectTokenView({
|
|
|
19399
19485
|
onClose
|
|
19400
19486
|
}) {
|
|
19401
19487
|
const { colors: colors2, fonts, components } = useTheme();
|
|
19402
|
-
return /* @__PURE__ */
|
|
19403
|
-
/* @__PURE__ */
|
|
19488
|
+
return /* @__PURE__ */ jsxs38(Fragment52, { children: [
|
|
19489
|
+
/* @__PURE__ */ jsx43(
|
|
19404
19490
|
DepositHeader,
|
|
19405
19491
|
{
|
|
19406
19492
|
title: "Select Token",
|
|
@@ -19413,20 +19499,20 @@ function SelectTokenView({
|
|
|
19413
19499
|
onClose
|
|
19414
19500
|
}
|
|
19415
19501
|
),
|
|
19416
|
-
/* @__PURE__ */
|
|
19502
|
+
/* @__PURE__ */ jsx43("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx43("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ jsx43(
|
|
19417
19503
|
LoaderCircle,
|
|
19418
19504
|
{
|
|
19419
19505
|
className: "uf-w-6 uf-h-6 uf-animate-spin",
|
|
19420
19506
|
style: { color: colors2.foregroundMuted }
|
|
19421
19507
|
}
|
|
19422
|
-
) }) : error ? /* @__PURE__ */
|
|
19508
|
+
) }) : error ? /* @__PURE__ */ jsx43("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx43(
|
|
19423
19509
|
"div",
|
|
19424
19510
|
{
|
|
19425
19511
|
className: "uf-text-sm",
|
|
19426
19512
|
style: { color: colors2.foregroundMuted },
|
|
19427
19513
|
children: error
|
|
19428
19514
|
}
|
|
19429
|
-
) }) : balances.length === 0 ? /* @__PURE__ */
|
|
19515
|
+
) }) : balances.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx43(
|
|
19430
19516
|
"div",
|
|
19431
19517
|
{
|
|
19432
19518
|
className: "uf-text-sm",
|
|
@@ -19445,7 +19531,7 @@ function SelectTokenView({
|
|
|
19445
19531
|
token.symbol
|
|
19446
19532
|
);
|
|
19447
19533
|
const formattedUsd = formatUsdAmount(balance.amount_usd);
|
|
19448
|
-
return /* @__PURE__ */
|
|
19534
|
+
return /* @__PURE__ */ jsxs38(
|
|
19449
19535
|
"button",
|
|
19450
19536
|
{
|
|
19451
19537
|
onClick: () => onTokenSelect(balance),
|
|
@@ -19458,9 +19544,9 @@ function SelectTokenView({
|
|
|
19458
19544
|
opacity: isEligible ? 1 : 0.5
|
|
19459
19545
|
},
|
|
19460
19546
|
children: [
|
|
19461
|
-
/* @__PURE__ */
|
|
19462
|
-
/* @__PURE__ */
|
|
19463
|
-
getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */
|
|
19547
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
19548
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
|
|
19549
|
+
getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ jsx43(
|
|
19464
19550
|
"img",
|
|
19465
19551
|
{
|
|
19466
19552
|
src: getIconUrl2(token.icon_url, assetCdnUrl),
|
|
@@ -19472,12 +19558,12 @@ function SelectTokenView({
|
|
|
19472
19558
|
filter: isEligible ? "none" : "grayscale(100%)"
|
|
19473
19559
|
}
|
|
19474
19560
|
}
|
|
19475
|
-
) : /* @__PURE__ */
|
|
19561
|
+
) : /* @__PURE__ */ jsx43(
|
|
19476
19562
|
"div",
|
|
19477
19563
|
{
|
|
19478
19564
|
className: "uf-w-9 uf-h-9 uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
19479
19565
|
style: { backgroundColor: colors2.card },
|
|
19480
|
-
children: /* @__PURE__ */
|
|
19566
|
+
children: /* @__PURE__ */ jsx43(
|
|
19481
19567
|
"span",
|
|
19482
19568
|
{
|
|
19483
19569
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -19487,7 +19573,7 @@ function SelectTokenView({
|
|
|
19487
19573
|
)
|
|
19488
19574
|
}
|
|
19489
19575
|
),
|
|
19490
|
-
getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */
|
|
19576
|
+
getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ jsx43(
|
|
19491
19577
|
"img",
|
|
19492
19578
|
{
|
|
19493
19579
|
src: getIconUrl2(token.chain_icon_url, assetCdnUrl),
|
|
@@ -19502,8 +19588,8 @@ function SelectTokenView({
|
|
|
19502
19588
|
}
|
|
19503
19589
|
)
|
|
19504
19590
|
] }),
|
|
19505
|
-
/* @__PURE__ */
|
|
19506
|
-
/* @__PURE__ */
|
|
19591
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-text-left", children: [
|
|
19592
|
+
/* @__PURE__ */ jsx43(
|
|
19507
19593
|
"div",
|
|
19508
19594
|
{
|
|
19509
19595
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19514,7 +19600,7 @@ function SelectTokenView({
|
|
|
19514
19600
|
children: token.symbol
|
|
19515
19601
|
}
|
|
19516
19602
|
),
|
|
19517
|
-
/* @__PURE__ */
|
|
19603
|
+
/* @__PURE__ */ jsxs38(
|
|
19518
19604
|
"div",
|
|
19519
19605
|
{
|
|
19520
19606
|
className: "uf-text-xs",
|
|
@@ -19530,8 +19616,8 @@ function SelectTokenView({
|
|
|
19530
19616
|
)
|
|
19531
19617
|
] })
|
|
19532
19618
|
] }),
|
|
19533
|
-
/* @__PURE__ */
|
|
19534
|
-
/* @__PURE__ */
|
|
19619
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-text-right", children: [
|
|
19620
|
+
/* @__PURE__ */ jsxs38(
|
|
19535
19621
|
"div",
|
|
19536
19622
|
{
|
|
19537
19623
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19546,7 +19632,7 @@ function SelectTokenView({
|
|
|
19546
19632
|
]
|
|
19547
19633
|
}
|
|
19548
19634
|
),
|
|
19549
|
-
formattedUsd && /* @__PURE__ */
|
|
19635
|
+
formattedUsd && /* @__PURE__ */ jsxs38(
|
|
19550
19636
|
"div",
|
|
19551
19637
|
{
|
|
19552
19638
|
className: "uf-text-xs",
|
|
@@ -19566,7 +19652,7 @@ function SelectTokenView({
|
|
|
19566
19652
|
`${token.chain_id}-${token.token_address}-${index2}`
|
|
19567
19653
|
);
|
|
19568
19654
|
}) }) }),
|
|
19569
|
-
/* @__PURE__ */
|
|
19655
|
+
/* @__PURE__ */ jsx43("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx43(
|
|
19570
19656
|
"button",
|
|
19571
19657
|
{
|
|
19572
19658
|
onClick: onContinue,
|
|
@@ -19602,8 +19688,8 @@ function EnterAmountView({
|
|
|
19602
19688
|
}) {
|
|
19603
19689
|
const { colors: colors2, fonts, components } = useTheme();
|
|
19604
19690
|
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}`;
|
|
19605
|
-
return /* @__PURE__ */
|
|
19606
|
-
/* @__PURE__ */
|
|
19691
|
+
return /* @__PURE__ */ jsxs39(Fragment62, { children: [
|
|
19692
|
+
/* @__PURE__ */ jsx44(
|
|
19607
19693
|
DepositHeader,
|
|
19608
19694
|
{
|
|
19609
19695
|
title: "Enter Amount",
|
|
@@ -19613,9 +19699,9 @@ function EnterAmountView({
|
|
|
19613
19699
|
onClose
|
|
19614
19700
|
}
|
|
19615
19701
|
),
|
|
19616
|
-
/* @__PURE__ */
|
|
19617
|
-
/* @__PURE__ */
|
|
19618
|
-
/* @__PURE__ */
|
|
19702
|
+
/* @__PURE__ */ jsxs39("div", { className: "uf-text-center uf-py-6", children: [
|
|
19703
|
+
/* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
19704
|
+
/* @__PURE__ */ jsx44(
|
|
19619
19705
|
"span",
|
|
19620
19706
|
{
|
|
19621
19707
|
className: "uf-text-2xl uf-mr-1",
|
|
@@ -19623,7 +19709,7 @@ function EnterAmountView({
|
|
|
19623
19709
|
children: "$"
|
|
19624
19710
|
}
|
|
19625
19711
|
),
|
|
19626
|
-
/* @__PURE__ */
|
|
19712
|
+
/* @__PURE__ */ jsx44(
|
|
19627
19713
|
"input",
|
|
19628
19714
|
{
|
|
19629
19715
|
type: "text",
|
|
@@ -19651,7 +19737,7 @@ function EnterAmountView({
|
|
|
19651
19737
|
}
|
|
19652
19738
|
)
|
|
19653
19739
|
] }),
|
|
19654
|
-
formattedTokenAmount && /* @__PURE__ */
|
|
19740
|
+
formattedTokenAmount && /* @__PURE__ */ jsxs39(
|
|
19655
19741
|
"div",
|
|
19656
19742
|
{
|
|
19657
19743
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -19663,8 +19749,8 @@ function EnterAmountView({
|
|
|
19663
19749
|
}
|
|
19664
19750
|
)
|
|
19665
19751
|
] }),
|
|
19666
|
-
/* @__PURE__ */
|
|
19667
|
-
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */
|
|
19752
|
+
/* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
|
|
19753
|
+
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ jsxs39(
|
|
19668
19754
|
"button",
|
|
19669
19755
|
{
|
|
19670
19756
|
onClick: () => onAmountChange(quickAmount.toString()),
|
|
@@ -19681,7 +19767,7 @@ function EnterAmountView({
|
|
|
19681
19767
|
},
|
|
19682
19768
|
quickAmount
|
|
19683
19769
|
)),
|
|
19684
|
-
/* @__PURE__ */
|
|
19770
|
+
/* @__PURE__ */ jsx44(
|
|
19685
19771
|
"button",
|
|
19686
19772
|
{
|
|
19687
19773
|
onClick: onMaxClick,
|
|
@@ -19695,7 +19781,7 @@ function EnterAmountView({
|
|
|
19695
19781
|
}
|
|
19696
19782
|
)
|
|
19697
19783
|
] }),
|
|
19698
|
-
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */
|
|
19784
|
+
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ jsxs39(
|
|
19699
19785
|
"div",
|
|
19700
19786
|
{
|
|
19701
19787
|
className: "uf-text-center uf-text-xs uf-mb-3",
|
|
@@ -19706,14 +19792,14 @@ function EnterAmountView({
|
|
|
19706
19792
|
]
|
|
19707
19793
|
}
|
|
19708
19794
|
),
|
|
19709
|
-
inputUsdNum > 0 && /* @__PURE__ */
|
|
19795
|
+
inputUsdNum > 0 && /* @__PURE__ */ jsx44(Fragment62, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ jsx44(
|
|
19710
19796
|
"div",
|
|
19711
19797
|
{
|
|
19712
19798
|
className: "uf-text-center uf-text-sm uf-mb-3",
|
|
19713
19799
|
style: { color: colors2.error },
|
|
19714
19800
|
children: "Insufficient balance"
|
|
19715
19801
|
}
|
|
19716
|
-
) : error && /* @__PURE__ */
|
|
19802
|
+
) : error && /* @__PURE__ */ jsx44(
|
|
19717
19803
|
"div",
|
|
19718
19804
|
{
|
|
19719
19805
|
className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2",
|
|
@@ -19721,7 +19807,7 @@ function EnterAmountView({
|
|
|
19721
19807
|
children: error
|
|
19722
19808
|
}
|
|
19723
19809
|
) }),
|
|
19724
|
-
/* @__PURE__ */
|
|
19810
|
+
/* @__PURE__ */ jsx44(
|
|
19725
19811
|
"button",
|
|
19726
19812
|
{
|
|
19727
19813
|
onClick: onReview,
|
|
@@ -19757,8 +19843,8 @@ function ReviewView({
|
|
|
19757
19843
|
onClose
|
|
19758
19844
|
}) {
|
|
19759
19845
|
const { colors: colors2, fonts, components } = useTheme();
|
|
19760
|
-
return /* @__PURE__ */
|
|
19761
|
-
/* @__PURE__ */
|
|
19846
|
+
return /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
|
|
19847
|
+
/* @__PURE__ */ jsx45(
|
|
19762
19848
|
DepositHeader,
|
|
19763
19849
|
{
|
|
19764
19850
|
title: "Review",
|
|
@@ -19767,8 +19853,8 @@ function ReviewView({
|
|
|
19767
19853
|
onClose
|
|
19768
19854
|
}
|
|
19769
19855
|
),
|
|
19770
|
-
/* @__PURE__ */
|
|
19771
|
-
/* @__PURE__ */
|
|
19856
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-text-center", children: [
|
|
19857
|
+
/* @__PURE__ */ jsxs40(
|
|
19772
19858
|
"div",
|
|
19773
19859
|
{
|
|
19774
19860
|
className: "uf-text-4xl uf-font-medium",
|
|
@@ -19779,7 +19865,7 @@ function ReviewView({
|
|
|
19779
19865
|
]
|
|
19780
19866
|
}
|
|
19781
19867
|
),
|
|
19782
|
-
formattedTokenAmount && /* @__PURE__ */
|
|
19868
|
+
formattedTokenAmount && /* @__PURE__ */ jsxs40(
|
|
19783
19869
|
"div",
|
|
19784
19870
|
{
|
|
19785
19871
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -19791,14 +19877,14 @@ function ReviewView({
|
|
|
19791
19877
|
}
|
|
19792
19878
|
)
|
|
19793
19879
|
] }),
|
|
19794
|
-
/* @__PURE__ */
|
|
19880
|
+
/* @__PURE__ */ jsxs40(
|
|
19795
19881
|
"div",
|
|
19796
19882
|
{
|
|
19797
19883
|
className: "uf-p-4 uf-space-y-4 uf-mt-4",
|
|
19798
19884
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
19799
19885
|
children: [
|
|
19800
|
-
/* @__PURE__ */
|
|
19801
|
-
/* @__PURE__ */
|
|
19886
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
19887
|
+
/* @__PURE__ */ jsx45(
|
|
19802
19888
|
"span",
|
|
19803
19889
|
{
|
|
19804
19890
|
className: "uf-text-sm",
|
|
@@ -19806,8 +19892,8 @@ function ReviewView({
|
|
|
19806
19892
|
children: "Source"
|
|
19807
19893
|
}
|
|
19808
19894
|
),
|
|
19809
|
-
/* @__PURE__ */
|
|
19810
|
-
getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */
|
|
19895
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19896
|
+
getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ jsx45(
|
|
19811
19897
|
"img",
|
|
19812
19898
|
{
|
|
19813
19899
|
src: getIconUrl2(selectedToken.icon_url, assetCdnUrl),
|
|
@@ -19815,7 +19901,7 @@ function ReviewView({
|
|
|
19815
19901
|
className: "uf-w-5 uf-h-5 uf-rounded-full"
|
|
19816
19902
|
}
|
|
19817
19903
|
),
|
|
19818
|
-
/* @__PURE__ */
|
|
19904
|
+
/* @__PURE__ */ jsxs40(
|
|
19819
19905
|
"span",
|
|
19820
19906
|
{
|
|
19821
19907
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19830,8 +19916,8 @@ function ReviewView({
|
|
|
19830
19916
|
)
|
|
19831
19917
|
] })
|
|
19832
19918
|
] }),
|
|
19833
|
-
/* @__PURE__ */
|
|
19834
|
-
/* @__PURE__ */
|
|
19919
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
19920
|
+
/* @__PURE__ */ jsx45(
|
|
19835
19921
|
"span",
|
|
19836
19922
|
{
|
|
19837
19923
|
className: "uf-text-sm",
|
|
@@ -19839,7 +19925,7 @@ function ReviewView({
|
|
|
19839
19925
|
children: "Destination"
|
|
19840
19926
|
}
|
|
19841
19927
|
),
|
|
19842
|
-
/* @__PURE__ */
|
|
19928
|
+
/* @__PURE__ */ jsx45(
|
|
19843
19929
|
"span",
|
|
19844
19930
|
{
|
|
19845
19931
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19848,13 +19934,13 @@ function ReviewView({
|
|
|
19848
19934
|
}
|
|
19849
19935
|
)
|
|
19850
19936
|
] }),
|
|
19851
|
-
/* @__PURE__ */
|
|
19937
|
+
/* @__PURE__ */ jsxs40(
|
|
19852
19938
|
"button",
|
|
19853
19939
|
{
|
|
19854
19940
|
onClick: onToggleDetails,
|
|
19855
19941
|
className: "uf-w-full uf-flex uf-justify-between uf-items-center uf-transition-colors hover:uf-opacity-80",
|
|
19856
19942
|
children: [
|
|
19857
|
-
/* @__PURE__ */
|
|
19943
|
+
/* @__PURE__ */ jsx45(
|
|
19858
19944
|
"span",
|
|
19859
19945
|
{
|
|
19860
19946
|
className: "uf-text-sm",
|
|
@@ -19862,8 +19948,8 @@ function ReviewView({
|
|
|
19862
19948
|
children: "Estimated time"
|
|
19863
19949
|
}
|
|
19864
19950
|
),
|
|
19865
|
-
/* @__PURE__ */
|
|
19866
|
-
/* @__PURE__ */
|
|
19951
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19952
|
+
/* @__PURE__ */ jsx45(
|
|
19867
19953
|
"span",
|
|
19868
19954
|
{
|
|
19869
19955
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19873,13 +19959,13 @@ function ReviewView({
|
|
|
19873
19959
|
)
|
|
19874
19960
|
}
|
|
19875
19961
|
),
|
|
19876
|
-
showTransactionDetails ? /* @__PURE__ */
|
|
19962
|
+
showTransactionDetails ? /* @__PURE__ */ jsx45(
|
|
19877
19963
|
ChevronUp,
|
|
19878
19964
|
{
|
|
19879
19965
|
className: "uf-w-4 uf-h-4",
|
|
19880
19966
|
style: { color: colors2.foregroundMuted }
|
|
19881
19967
|
}
|
|
19882
|
-
) : /* @__PURE__ */
|
|
19968
|
+
) : /* @__PURE__ */ jsx45(
|
|
19883
19969
|
ChevronDown,
|
|
19884
19970
|
{
|
|
19885
19971
|
className: "uf-w-4 uf-h-4",
|
|
@@ -19890,14 +19976,14 @@ function ReviewView({
|
|
|
19890
19976
|
]
|
|
19891
19977
|
}
|
|
19892
19978
|
),
|
|
19893
|
-
showTransactionDetails && tokenChainDetails && /* @__PURE__ */
|
|
19894
|
-
/* @__PURE__ */
|
|
19979
|
+
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ jsxs40(Fragment72, { children: [
|
|
19980
|
+
/* @__PURE__ */ jsxs40(
|
|
19895
19981
|
"div",
|
|
19896
19982
|
{
|
|
19897
19983
|
className: "uf-flex uf-justify-between uf-items-center uf-pt-3 uf-border-t",
|
|
19898
19984
|
style: { borderColor: colors2.border },
|
|
19899
19985
|
children: [
|
|
19900
|
-
/* @__PURE__ */
|
|
19986
|
+
/* @__PURE__ */ jsx45(
|
|
19901
19987
|
"span",
|
|
19902
19988
|
{
|
|
19903
19989
|
className: "uf-text-sm",
|
|
@@ -19908,7 +19994,7 @@ function ReviewView({
|
|
|
19908
19994
|
children: "Price impact"
|
|
19909
19995
|
}
|
|
19910
19996
|
),
|
|
19911
|
-
/* @__PURE__ */
|
|
19997
|
+
/* @__PURE__ */ jsxs40(
|
|
19912
19998
|
"span",
|
|
19913
19999
|
{
|
|
19914
20000
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19922,8 +20008,8 @@ function ReviewView({
|
|
|
19922
20008
|
]
|
|
19923
20009
|
}
|
|
19924
20010
|
),
|
|
19925
|
-
/* @__PURE__ */
|
|
19926
|
-
/* @__PURE__ */
|
|
20011
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
20012
|
+
/* @__PURE__ */ jsx45(
|
|
19927
20013
|
"span",
|
|
19928
20014
|
{
|
|
19929
20015
|
className: "uf-text-sm",
|
|
@@ -19934,7 +20020,7 @@ function ReviewView({
|
|
|
19934
20020
|
children: "Max slippage"
|
|
19935
20021
|
}
|
|
19936
20022
|
),
|
|
19937
|
-
/* @__PURE__ */
|
|
20023
|
+
/* @__PURE__ */ jsxs40(
|
|
19938
20024
|
"span",
|
|
19939
20025
|
{
|
|
19940
20026
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19950,7 +20036,7 @@ function ReviewView({
|
|
|
19950
20036
|
]
|
|
19951
20037
|
}
|
|
19952
20038
|
),
|
|
19953
|
-
error && /* @__PURE__ */
|
|
20039
|
+
error && /* @__PURE__ */ jsx45(
|
|
19954
20040
|
"div",
|
|
19955
20041
|
{
|
|
19956
20042
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-2",
|
|
@@ -19958,7 +20044,7 @@ function ReviewView({
|
|
|
19958
20044
|
children: error
|
|
19959
20045
|
}
|
|
19960
20046
|
),
|
|
19961
|
-
/* @__PURE__ */
|
|
20047
|
+
/* @__PURE__ */ jsxs40(
|
|
19962
20048
|
"div",
|
|
19963
20049
|
{
|
|
19964
20050
|
className: "uf-text-xs uf-text-center uf-mt-4 uf-px-4",
|
|
@@ -19969,7 +20055,7 @@ function ReviewView({
|
|
|
19969
20055
|
]
|
|
19970
20056
|
}
|
|
19971
20057
|
),
|
|
19972
|
-
/* @__PURE__ */
|
|
20058
|
+
/* @__PURE__ */ jsx45("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx45(
|
|
19973
20059
|
"button",
|
|
19974
20060
|
{
|
|
19975
20061
|
onClick: onConfirm,
|
|
@@ -20000,23 +20086,23 @@ function ConfirmingView({
|
|
|
20000
20086
|
const visibleExecutions = executions.filter(
|
|
20001
20087
|
(execution) => !closedExecutionIds.has(execution.id)
|
|
20002
20088
|
);
|
|
20003
|
-
return /* @__PURE__ */
|
|
20004
|
-
/* @__PURE__ */
|
|
20089
|
+
return /* @__PURE__ */ jsxs41("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
|
|
20090
|
+
/* @__PURE__ */ jsx46(
|
|
20005
20091
|
DepositHeader,
|
|
20006
20092
|
{
|
|
20007
20093
|
title: isConfirming ? "Confirming..." : "Processing",
|
|
20008
20094
|
onClose
|
|
20009
20095
|
}
|
|
20010
20096
|
),
|
|
20011
|
-
/* @__PURE__ */
|
|
20012
|
-
/* @__PURE__ */
|
|
20097
|
+
/* @__PURE__ */ jsx46("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-flex-1 uf-py-12", children: isConfirming ? /* @__PURE__ */ jsxs41(Fragment82, { children: [
|
|
20098
|
+
/* @__PURE__ */ jsx46(
|
|
20013
20099
|
LoaderCircle,
|
|
20014
20100
|
{
|
|
20015
20101
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
20016
20102
|
style: { color: colors2.primary }
|
|
20017
20103
|
}
|
|
20018
20104
|
),
|
|
20019
|
-
/* @__PURE__ */
|
|
20105
|
+
/* @__PURE__ */ jsx46(
|
|
20020
20106
|
"div",
|
|
20021
20107
|
{
|
|
20022
20108
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -20024,7 +20110,7 @@ function ConfirmingView({
|
|
|
20024
20110
|
children: "Waiting for confirmation..."
|
|
20025
20111
|
}
|
|
20026
20112
|
),
|
|
20027
|
-
/* @__PURE__ */
|
|
20113
|
+
/* @__PURE__ */ jsx46(
|
|
20028
20114
|
"div",
|
|
20029
20115
|
{
|
|
20030
20116
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -20032,15 +20118,15 @@ function ConfirmingView({
|
|
|
20032
20118
|
children: "Please confirm the transaction in your wallet"
|
|
20033
20119
|
}
|
|
20034
20120
|
)
|
|
20035
|
-
] }) : /* @__PURE__ */
|
|
20036
|
-
/* @__PURE__ */
|
|
20121
|
+
] }) : /* @__PURE__ */ jsxs41(Fragment82, { children: [
|
|
20122
|
+
/* @__PURE__ */ jsx46(
|
|
20037
20123
|
CircleCheck,
|
|
20038
20124
|
{
|
|
20039
20125
|
className: "uf-w-12 uf-h-12 uf-mb-4",
|
|
20040
20126
|
style: { color: colors2.primary }
|
|
20041
20127
|
}
|
|
20042
20128
|
),
|
|
20043
|
-
/* @__PURE__ */
|
|
20129
|
+
/* @__PURE__ */ jsx46(
|
|
20044
20130
|
"div",
|
|
20045
20131
|
{
|
|
20046
20132
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -20048,7 +20134,7 @@ function ConfirmingView({
|
|
|
20048
20134
|
children: "Transaction Submitted"
|
|
20049
20135
|
}
|
|
20050
20136
|
),
|
|
20051
|
-
/* @__PURE__ */
|
|
20137
|
+
/* @__PURE__ */ jsx46(
|
|
20052
20138
|
"div",
|
|
20053
20139
|
{
|
|
20054
20140
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -20057,7 +20143,7 @@ function ConfirmingView({
|
|
|
20057
20143
|
}
|
|
20058
20144
|
)
|
|
20059
20145
|
] }) }),
|
|
20060
|
-
visibleExecutions.length > 0 && /* @__PURE__ */
|
|
20146
|
+
visibleExecutions.length > 0 && /* @__PURE__ */ jsx46("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__ */ jsx46(
|
|
20061
20147
|
DepositSuccessToast,
|
|
20062
20148
|
{
|
|
20063
20149
|
depositTx: execution.transaction_hash,
|
|
@@ -20559,7 +20645,7 @@ function BrowserWalletModal({
|
|
|
20559
20645
|
""
|
|
20560
20646
|
);
|
|
20561
20647
|
}, [tokenAmount, selectedToken]);
|
|
20562
|
-
return /* @__PURE__ */
|
|
20648
|
+
return /* @__PURE__ */ jsx47(Fragment9, { children: /* @__PURE__ */ jsx47(
|
|
20563
20649
|
Dialog2,
|
|
20564
20650
|
{
|
|
20565
20651
|
open,
|
|
@@ -20569,15 +20655,15 @@ function BrowserWalletModal({
|
|
|
20569
20655
|
}
|
|
20570
20656
|
handleClose();
|
|
20571
20657
|
},
|
|
20572
|
-
children: /* @__PURE__ */
|
|
20658
|
+
children: /* @__PURE__ */ jsx47(
|
|
20573
20659
|
DialogContent2,
|
|
20574
20660
|
{
|
|
20575
20661
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
20576
20662
|
style: { backgroundColor: colors2.background },
|
|
20577
20663
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
20578
20664
|
onInteractOutside: (e) => e.preventDefault(),
|
|
20579
|
-
children: /* @__PURE__ */
|
|
20580
|
-
step === "select-token" && /* @__PURE__ */
|
|
20665
|
+
children: /* @__PURE__ */ jsxs422(ThemeStyleInjector, { children: [
|
|
20666
|
+
step === "select-token" && /* @__PURE__ */ jsx47(
|
|
20581
20667
|
SelectTokenView,
|
|
20582
20668
|
{
|
|
20583
20669
|
projectName,
|
|
@@ -20593,7 +20679,7 @@ function BrowserWalletModal({
|
|
|
20593
20679
|
onClose: handleFullClose
|
|
20594
20680
|
}
|
|
20595
20681
|
),
|
|
20596
|
-
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */
|
|
20682
|
+
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ jsx47(
|
|
20597
20683
|
EnterAmountView,
|
|
20598
20684
|
{
|
|
20599
20685
|
selectedBalance,
|
|
@@ -20612,7 +20698,7 @@ function BrowserWalletModal({
|
|
|
20612
20698
|
onClose: handleFullClose
|
|
20613
20699
|
}
|
|
20614
20700
|
),
|
|
20615
|
-
step === "review" && selectedToken && /* @__PURE__ */
|
|
20701
|
+
step === "review" && selectedToken && /* @__PURE__ */ jsx47(
|
|
20616
20702
|
ReviewView,
|
|
20617
20703
|
{
|
|
20618
20704
|
walletInfo,
|
|
@@ -20632,7 +20718,7 @@ function BrowserWalletModal({
|
|
|
20632
20718
|
onClose: handleFullClose
|
|
20633
20719
|
}
|
|
20634
20720
|
),
|
|
20635
|
-
step === "confirming" && /* @__PURE__ */
|
|
20721
|
+
step === "confirming" && /* @__PURE__ */ jsx47(
|
|
20636
20722
|
ConfirmingView,
|
|
20637
20723
|
{
|
|
20638
20724
|
isConfirming,
|
|
@@ -20723,6 +20809,7 @@ var WALLET_DEFINITIONS = [
|
|
|
20723
20809
|
installUrl: "https://glow.app/"
|
|
20724
20810
|
}
|
|
20725
20811
|
];
|
|
20812
|
+
var WALLET_LIST_MAX_HEIGHT_PX = 330;
|
|
20726
20813
|
function WalletSelectionModal({
|
|
20727
20814
|
open,
|
|
20728
20815
|
onOpenChange,
|
|
@@ -20731,14 +20818,13 @@ function WalletSelectionModal({
|
|
|
20731
20818
|
chainType,
|
|
20732
20819
|
theme = "dark"
|
|
20733
20820
|
}) {
|
|
20734
|
-
const { colors: colors2, fonts, components
|
|
20821
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
20735
20822
|
const [step, setStep] = React272.useState("select-wallet");
|
|
20736
20823
|
const [selectedWallet, setSelectedWallet] = React272.useState(null);
|
|
20737
20824
|
const [connectingNetwork, setConnectingNetwork] = React272.useState(null);
|
|
20738
20825
|
const [error, setError] = React272.useState(null);
|
|
20739
20826
|
const [isConnecting, setIsConnecting] = React272.useState(false);
|
|
20740
20827
|
const themeClass = theme === "dark" ? "uf-dark" : "";
|
|
20741
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
20742
20828
|
const getProviders = React272.useCallback(() => {
|
|
20743
20829
|
if (typeof window === "undefined") {
|
|
20744
20830
|
return {};
|
|
@@ -21002,6 +21088,7 @@ function WalletSelectionModal({
|
|
|
21002
21088
|
setSelectedWallet(null);
|
|
21003
21089
|
setConnectingNetwork(null);
|
|
21004
21090
|
setError(null);
|
|
21091
|
+
setIsConnecting(false);
|
|
21005
21092
|
} else {
|
|
21006
21093
|
handleClose();
|
|
21007
21094
|
}
|
|
@@ -21022,15 +21109,15 @@ function WalletSelectionModal({
|
|
|
21022
21109
|
return "Connect Wallet";
|
|
21023
21110
|
}
|
|
21024
21111
|
};
|
|
21025
|
-
return /* @__PURE__ */
|
|
21112
|
+
return /* @__PURE__ */ jsx48(Dialog2, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx48(
|
|
21026
21113
|
DialogContent2,
|
|
21027
21114
|
{
|
|
21028
|
-
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
21115
|
+
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}`,
|
|
21029
21116
|
style: { backgroundColor: colors2.background },
|
|
21030
21117
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
21031
21118
|
onInteractOutside: (e) => e.preventDefault(),
|
|
21032
|
-
children: /* @__PURE__ */
|
|
21033
|
-
/* @__PURE__ */
|
|
21119
|
+
children: /* @__PURE__ */ jsxs43(ThemeStyleInjector, { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
21120
|
+
/* @__PURE__ */ jsx48(
|
|
21034
21121
|
DepositHeader,
|
|
21035
21122
|
{
|
|
21036
21123
|
title: getTitle(),
|
|
@@ -21039,9 +21126,9 @@ function WalletSelectionModal({
|
|
|
21039
21126
|
onClose: handleClose
|
|
21040
21127
|
}
|
|
21041
21128
|
),
|
|
21042
|
-
/* @__PURE__ */
|
|
21043
|
-
step === "select-wallet" && /* @__PURE__ */
|
|
21044
|
-
/* @__PURE__ */
|
|
21129
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
21130
|
+
step === "select-wallet" && /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
21131
|
+
/* @__PURE__ */ jsx48(
|
|
21045
21132
|
"p",
|
|
21046
21133
|
{
|
|
21047
21134
|
className: "uf-text-sm uf-text-center uf-pb-4",
|
|
@@ -21052,87 +21139,96 @@ function WalletSelectionModal({
|
|
|
21052
21139
|
children: chainType ? `Select a ${chainType === "ethereum" ? "Ethereum" : "Solana"} wallet` : "Select a wallet to connect"
|
|
21053
21140
|
}
|
|
21054
21141
|
),
|
|
21055
|
-
/* @__PURE__ */
|
|
21056
|
-
"
|
|
21142
|
+
/* @__PURE__ */ jsx48(
|
|
21143
|
+
"div",
|
|
21057
21144
|
{
|
|
21058
|
-
className: "uf-
|
|
21145
|
+
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]",
|
|
21059
21146
|
style: {
|
|
21060
|
-
|
|
21061
|
-
|
|
21147
|
+
height: `min(${WALLET_LIST_MAX_HEIGHT_PX}px, 50dvh)`,
|
|
21148
|
+
maxHeight: WALLET_LIST_MAX_HEIGHT_PX
|
|
21062
21149
|
},
|
|
21063
|
-
children: "
|
|
21150
|
+
children: availableWallets.length === 0 ? /* @__PURE__ */ jsx48("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx48(
|
|
21151
|
+
"p",
|
|
21152
|
+
{
|
|
21153
|
+
className: "uf-text-sm",
|
|
21154
|
+
style: {
|
|
21155
|
+
color: colors2.foregroundMuted,
|
|
21156
|
+
fontFamily: fonts.regular
|
|
21157
|
+
},
|
|
21158
|
+
children: "No wallets available"
|
|
21159
|
+
}
|
|
21160
|
+
) }) : availableWallets.map((wallet) => /* @__PURE__ */ jsxs43(
|
|
21161
|
+
"button",
|
|
21162
|
+
{
|
|
21163
|
+
onClick: () => handleWalletClick(wallet),
|
|
21164
|
+
disabled: isConnecting,
|
|
21165
|
+
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",
|
|
21166
|
+
style: {
|
|
21167
|
+
backgroundColor: components.card.backgroundColor,
|
|
21168
|
+
borderRadius: components.card.borderRadius,
|
|
21169
|
+
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
21170
|
+
},
|
|
21171
|
+
children: [
|
|
21172
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
21173
|
+
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ jsx48(
|
|
21174
|
+
WalletIconWithNetwork,
|
|
21175
|
+
{
|
|
21176
|
+
WalletIcon: WALLET_ICONS[wallet.id],
|
|
21177
|
+
networks: wallet.networks,
|
|
21178
|
+
size: 40,
|
|
21179
|
+
className: "uf-rounded-lg"
|
|
21180
|
+
}
|
|
21181
|
+
) : /* @__PURE__ */ jsx48("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
21182
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-text-left", children: /* @__PURE__ */ jsx48(
|
|
21183
|
+
"div",
|
|
21184
|
+
{
|
|
21185
|
+
className: "uf-text-sm uf-font-medium",
|
|
21186
|
+
style: {
|
|
21187
|
+
color: components.card.titleColor,
|
|
21188
|
+
fontFamily: fonts.medium
|
|
21189
|
+
},
|
|
21190
|
+
children: wallet.name
|
|
21191
|
+
}
|
|
21192
|
+
) })
|
|
21193
|
+
] }),
|
|
21194
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ jsx48(
|
|
21195
|
+
"span",
|
|
21196
|
+
{
|
|
21197
|
+
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
21198
|
+
style: {
|
|
21199
|
+
backgroundColor: colors2.primary + "20",
|
|
21200
|
+
color: colors2.primary,
|
|
21201
|
+
fontFamily: fonts.medium
|
|
21202
|
+
},
|
|
21203
|
+
children: "Detected"
|
|
21204
|
+
}
|
|
21205
|
+
) : /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
21206
|
+
/* @__PURE__ */ jsx48(
|
|
21207
|
+
"span",
|
|
21208
|
+
{
|
|
21209
|
+
className: "uf-text-xs",
|
|
21210
|
+
style: {
|
|
21211
|
+
color: colors2.foregroundMuted,
|
|
21212
|
+
fontFamily: fonts.regular
|
|
21213
|
+
},
|
|
21214
|
+
children: "Install"
|
|
21215
|
+
}
|
|
21216
|
+
),
|
|
21217
|
+
/* @__PURE__ */ jsx48(
|
|
21218
|
+
ExternalLink,
|
|
21219
|
+
{
|
|
21220
|
+
className: "uf-w-3 uf-h-3",
|
|
21221
|
+
style: { color: colors2.foregroundMuted }
|
|
21222
|
+
}
|
|
21223
|
+
)
|
|
21224
|
+
] }) })
|
|
21225
|
+
]
|
|
21226
|
+
},
|
|
21227
|
+
wallet.id
|
|
21228
|
+
))
|
|
21064
21229
|
}
|
|
21065
|
-
)
|
|
21066
|
-
|
|
21067
|
-
{
|
|
21068
|
-
onClick: () => handleWalletClick(wallet),
|
|
21069
|
-
disabled: isConnecting,
|
|
21070
|
-
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",
|
|
21071
|
-
style: {
|
|
21072
|
-
backgroundColor: components.card.backgroundColor,
|
|
21073
|
-
borderRadius: components.card.borderRadius,
|
|
21074
|
-
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
21075
|
-
},
|
|
21076
|
-
children: [
|
|
21077
|
-
/* @__PURE__ */ jsxs422("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
21078
|
-
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ jsx47(
|
|
21079
|
-
WalletIconWithNetwork,
|
|
21080
|
-
{
|
|
21081
|
-
WalletIcon: WALLET_ICONS[wallet.id],
|
|
21082
|
-
networks: wallet.networks,
|
|
21083
|
-
size: 40,
|
|
21084
|
-
className: "uf-rounded-lg",
|
|
21085
|
-
variant: iconVariant
|
|
21086
|
-
}
|
|
21087
|
-
) : /* @__PURE__ */ jsx47("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
21088
|
-
/* @__PURE__ */ jsx47("div", { className: "uf-text-left", children: /* @__PURE__ */ jsx47(
|
|
21089
|
-
"div",
|
|
21090
|
-
{
|
|
21091
|
-
className: "uf-text-sm uf-font-medium",
|
|
21092
|
-
style: {
|
|
21093
|
-
color: components.card.titleColor,
|
|
21094
|
-
fontFamily: fonts.medium
|
|
21095
|
-
},
|
|
21096
|
-
children: wallet.name
|
|
21097
|
-
}
|
|
21098
|
-
) })
|
|
21099
|
-
] }),
|
|
21100
|
-
/* @__PURE__ */ jsx47("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ jsx47(
|
|
21101
|
-
"span",
|
|
21102
|
-
{
|
|
21103
|
-
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
21104
|
-
style: {
|
|
21105
|
-
backgroundColor: colors2.primary + "20",
|
|
21106
|
-
color: colors2.primary,
|
|
21107
|
-
fontFamily: fonts.medium
|
|
21108
|
-
},
|
|
21109
|
-
children: "Detected"
|
|
21110
|
-
}
|
|
21111
|
-
) : /* @__PURE__ */ jsxs422("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
21112
|
-
/* @__PURE__ */ jsx47(
|
|
21113
|
-
"span",
|
|
21114
|
-
{
|
|
21115
|
-
className: "uf-text-xs",
|
|
21116
|
-
style: {
|
|
21117
|
-
color: colors2.foregroundMuted,
|
|
21118
|
-
fontFamily: fonts.regular
|
|
21119
|
-
},
|
|
21120
|
-
children: "Install"
|
|
21121
|
-
}
|
|
21122
|
-
),
|
|
21123
|
-
/* @__PURE__ */ jsx47(
|
|
21124
|
-
ExternalLink,
|
|
21125
|
-
{
|
|
21126
|
-
className: "uf-w-3 uf-h-3",
|
|
21127
|
-
style: { color: colors2.foregroundMuted }
|
|
21128
|
-
}
|
|
21129
|
-
)
|
|
21130
|
-
] }) })
|
|
21131
|
-
]
|
|
21132
|
-
},
|
|
21133
|
-
wallet.id
|
|
21134
|
-
)) }),
|
|
21135
|
-
error && /* @__PURE__ */ jsx47(
|
|
21230
|
+
),
|
|
21231
|
+
error && /* @__PURE__ */ jsx48(
|
|
21136
21232
|
"div",
|
|
21137
21233
|
{
|
|
21138
21234
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -21141,19 +21237,18 @@ function WalletSelectionModal({
|
|
|
21141
21237
|
}
|
|
21142
21238
|
)
|
|
21143
21239
|
] }),
|
|
21144
|
-
step === "select-network" && selectedWallet && /* @__PURE__ */
|
|
21145
|
-
/* @__PURE__ */
|
|
21146
|
-
/* @__PURE__ */
|
|
21240
|
+
step === "select-network" && selectedWallet && /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
21241
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
|
|
21242
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ jsx48(
|
|
21147
21243
|
WalletIconWithNetwork,
|
|
21148
21244
|
{
|
|
21149
21245
|
WalletIcon: WALLET_ICONS[selectedWallet.id],
|
|
21150
21246
|
networks: selectedWallet.networks,
|
|
21151
21247
|
size: 48,
|
|
21152
|
-
className: "uf-rounded-lg"
|
|
21153
|
-
variant: iconVariant
|
|
21248
|
+
className: "uf-rounded-lg"
|
|
21154
21249
|
}
|
|
21155
|
-
) : /* @__PURE__ */
|
|
21156
|
-
/* @__PURE__ */
|
|
21250
|
+
) : /* @__PURE__ */ jsx48("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
|
|
21251
|
+
/* @__PURE__ */ jsx48(
|
|
21157
21252
|
"p",
|
|
21158
21253
|
{
|
|
21159
21254
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -21164,7 +21259,7 @@ function WalletSelectionModal({
|
|
|
21164
21259
|
children: selectedWallet.name
|
|
21165
21260
|
}
|
|
21166
21261
|
),
|
|
21167
|
-
/* @__PURE__ */
|
|
21262
|
+
/* @__PURE__ */ jsx48(
|
|
21168
21263
|
"p",
|
|
21169
21264
|
{
|
|
21170
21265
|
className: "uf-text-xs",
|
|
@@ -21176,7 +21271,7 @@ function WalletSelectionModal({
|
|
|
21176
21271
|
}
|
|
21177
21272
|
)
|
|
21178
21273
|
] }),
|
|
21179
|
-
/* @__PURE__ */
|
|
21274
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ jsxs43(
|
|
21180
21275
|
"button",
|
|
21181
21276
|
{
|
|
21182
21277
|
onClick: () => handleNetworkSelect(network),
|
|
@@ -21188,16 +21283,16 @@ function WalletSelectionModal({
|
|
|
21188
21283
|
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
21189
21284
|
},
|
|
21190
21285
|
children: [
|
|
21191
|
-
/* @__PURE__ */
|
|
21192
|
-
network === "ethereum" ? /* @__PURE__ */
|
|
21286
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
21287
|
+
network === "ethereum" ? /* @__PURE__ */ jsx48(
|
|
21193
21288
|
EthereumIcon,
|
|
21194
21289
|
{
|
|
21195
21290
|
size: 36,
|
|
21196
21291
|
className: "uf-rounded-full"
|
|
21197
21292
|
}
|
|
21198
|
-
) : /* @__PURE__ */
|
|
21199
|
-
/* @__PURE__ */
|
|
21200
|
-
/* @__PURE__ */
|
|
21293
|
+
) : /* @__PURE__ */ jsx48(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
|
|
21294
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-text-left", children: [
|
|
21295
|
+
/* @__PURE__ */ jsx48(
|
|
21201
21296
|
"div",
|
|
21202
21297
|
{
|
|
21203
21298
|
className: "uf-text-sm uf-font-medium uf-capitalize",
|
|
@@ -21208,7 +21303,7 @@ function WalletSelectionModal({
|
|
|
21208
21303
|
children: network === "ethereum" ? "Ethereum" : "Solana"
|
|
21209
21304
|
}
|
|
21210
21305
|
),
|
|
21211
|
-
/* @__PURE__ */
|
|
21306
|
+
/* @__PURE__ */ jsx48(
|
|
21212
21307
|
"div",
|
|
21213
21308
|
{
|
|
21214
21309
|
className: "uf-text-xs",
|
|
@@ -21221,7 +21316,7 @@ function WalletSelectionModal({
|
|
|
21221
21316
|
)
|
|
21222
21317
|
] })
|
|
21223
21318
|
] }),
|
|
21224
|
-
connectingNetwork === network && /* @__PURE__ */
|
|
21319
|
+
connectingNetwork === network && /* @__PURE__ */ jsx48(
|
|
21225
21320
|
LoaderCircle,
|
|
21226
21321
|
{
|
|
21227
21322
|
className: "uf-w-4 uf-h-4 uf-animate-spin",
|
|
@@ -21232,7 +21327,7 @@ function WalletSelectionModal({
|
|
|
21232
21327
|
},
|
|
21233
21328
|
network
|
|
21234
21329
|
)) }),
|
|
21235
|
-
error && /* @__PURE__ */
|
|
21330
|
+
error && /* @__PURE__ */ jsx48(
|
|
21236
21331
|
"div",
|
|
21237
21332
|
{
|
|
21238
21333
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -21241,15 +21336,15 @@ function WalletSelectionModal({
|
|
|
21241
21336
|
}
|
|
21242
21337
|
)
|
|
21243
21338
|
] }),
|
|
21244
|
-
step === "connecting" && /* @__PURE__ */
|
|
21245
|
-
/* @__PURE__ */
|
|
21339
|
+
step === "connecting" && /* @__PURE__ */ jsx48("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-1 uf-flex-col uf-items-center uf-justify-center uf-py-8", children: [
|
|
21340
|
+
/* @__PURE__ */ jsx48(
|
|
21246
21341
|
LoaderCircle,
|
|
21247
21342
|
{
|
|
21248
21343
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
21249
21344
|
style: { color: colors2.primary }
|
|
21250
21345
|
}
|
|
21251
21346
|
),
|
|
21252
|
-
/* @__PURE__ */
|
|
21347
|
+
/* @__PURE__ */ jsxs43(
|
|
21253
21348
|
"div",
|
|
21254
21349
|
{
|
|
21255
21350
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -21261,7 +21356,7 @@ function WalletSelectionModal({
|
|
|
21261
21356
|
]
|
|
21262
21357
|
}
|
|
21263
21358
|
),
|
|
21264
|
-
/* @__PURE__ */
|
|
21359
|
+
/* @__PURE__ */ jsx48(
|
|
21265
21360
|
"div",
|
|
21266
21361
|
{
|
|
21267
21362
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -21269,7 +21364,22 @@ function WalletSelectionModal({
|
|
|
21269
21364
|
children: connectingNetwork === "solana" ? "Please approve the connection in your Solana wallet" : "Please approve the connection in your wallet"
|
|
21270
21365
|
}
|
|
21271
21366
|
)
|
|
21272
|
-
] })
|
|
21367
|
+
] }) }),
|
|
21368
|
+
step !== "connecting" && /* @__PURE__ */ jsx48("div", { className: "uf-min-h-0 uf-flex-1", "aria-hidden": true }),
|
|
21369
|
+
/* @__PURE__ */ jsx48(
|
|
21370
|
+
"div",
|
|
21371
|
+
{
|
|
21372
|
+
className: "uf-shrink-0 uf-pt-3 uf-pb-4",
|
|
21373
|
+
style: { backgroundColor: colors2.background },
|
|
21374
|
+
children: /* @__PURE__ */ jsx48(
|
|
21375
|
+
PoweredByUnifold,
|
|
21376
|
+
{
|
|
21377
|
+
color: colors2.foregroundMuted,
|
|
21378
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
21379
|
+
}
|
|
21380
|
+
)
|
|
21381
|
+
}
|
|
21382
|
+
)
|
|
21273
21383
|
] })
|
|
21274
21384
|
] })
|
|
21275
21385
|
}
|
|
@@ -21278,23 +21388,23 @@ function WalletSelectionModal({
|
|
|
21278
21388
|
function SkeletonButton({
|
|
21279
21389
|
variant = "default"
|
|
21280
21390
|
}) {
|
|
21281
|
-
return /* @__PURE__ */
|
|
21282
|
-
/* @__PURE__ */
|
|
21283
|
-
/* @__PURE__ */
|
|
21284
|
-
/* @__PURE__ */
|
|
21285
|
-
/* @__PURE__ */
|
|
21286
|
-
/* @__PURE__ */
|
|
21391
|
+
return /* @__PURE__ */ jsxs44("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: [
|
|
21392
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
21393
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
|
|
21394
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-space-y-1.5", children: [
|
|
21395
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
|
|
21396
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
|
|
21287
21397
|
] })
|
|
21288
21398
|
] }),
|
|
21289
|
-
/* @__PURE__ */
|
|
21290
|
-
variant === "with-icons" && /* @__PURE__ */
|
|
21399
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
21400
|
+
variant === "with-icons" && /* @__PURE__ */ jsx49("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx49(
|
|
21291
21401
|
"div",
|
|
21292
21402
|
{
|
|
21293
21403
|
className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
|
|
21294
21404
|
},
|
|
21295
21405
|
i
|
|
21296
21406
|
)) }),
|
|
21297
|
-
/* @__PURE__ */
|
|
21407
|
+
/* @__PURE__ */ jsx49(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
|
|
21298
21408
|
] })
|
|
21299
21409
|
] });
|
|
21300
21410
|
}
|
|
@@ -21316,11 +21426,18 @@ function DepositModal({
|
|
|
21316
21426
|
depositConfirmationMode = "auto_ui",
|
|
21317
21427
|
enableConnectWallet = false,
|
|
21318
21428
|
enablePayWithExchange,
|
|
21429
|
+
hideDepositFlowInfo = false,
|
|
21430
|
+
hideDisplayDescription = false,
|
|
21319
21431
|
onDepositSuccess,
|
|
21320
21432
|
onDepositError,
|
|
21321
21433
|
theme = "dark",
|
|
21322
21434
|
hideOverlay = false,
|
|
21323
|
-
initialScreen = "main"
|
|
21435
|
+
initialScreen = "main",
|
|
21436
|
+
transferCryptoTitle = t6.transferCrypto.title,
|
|
21437
|
+
depositWithCardTitle = t6.depositWithCard.title,
|
|
21438
|
+
payWithExchangeTitle = t6.payWithExchange.title,
|
|
21439
|
+
depositTrackerTitle = t6.depositTracker.title,
|
|
21440
|
+
depositTrackerSubTitle = t6.depositTracker.subtitle
|
|
21324
21441
|
}) {
|
|
21325
21442
|
const { colors: colors2, fonts, components } = useTheme();
|
|
21326
21443
|
const effectiveInitialScreen = useMemo82(() => {
|
|
@@ -21460,28 +21577,28 @@ function DepositModal({
|
|
|
21460
21577
|
const standaloneNeedsDepositPrereq = openingScreen !== "main" && (view === "transfer" || view === "card");
|
|
21461
21578
|
let depositPrerequisiteBody;
|
|
21462
21579
|
if (isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig) {
|
|
21463
|
-
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */
|
|
21464
|
-
/* @__PURE__ */
|
|
21465
|
-
/* @__PURE__ */
|
|
21466
|
-
!hideDepositTracker && /* @__PURE__ */
|
|
21580
|
+
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21581
|
+
/* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }),
|
|
21582
|
+
/* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }),
|
|
21583
|
+
!hideDepositTracker && /* @__PURE__ */ jsx49(SkeletonButton, {})
|
|
21467
21584
|
] });
|
|
21468
21585
|
} else if (countryError) {
|
|
21469
|
-
depositPrerequisiteBody = /* @__PURE__ */
|
|
21470
|
-
/* @__PURE__ */
|
|
21471
|
-
/* @__PURE__ */
|
|
21472
|
-
/* @__PURE__ */
|
|
21586
|
+
depositPrerequisiteBody = /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
21587
|
+
/* @__PURE__ */ jsx49("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__ */ jsx49(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
21588
|
+
/* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
|
|
21589
|
+
/* @__PURE__ */ jsx49("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." })
|
|
21473
21590
|
] });
|
|
21474
21591
|
} else if (!isAllowed) {
|
|
21475
|
-
depositPrerequisiteBody = /* @__PURE__ */
|
|
21476
|
-
/* @__PURE__ */
|
|
21477
|
-
/* @__PURE__ */
|
|
21478
|
-
/* @__PURE__ */
|
|
21592
|
+
depositPrerequisiteBody = /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
21593
|
+
/* @__PURE__ */ jsx49("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__ */ jsx49(MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
21594
|
+
/* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
|
|
21595
|
+
/* @__PURE__ */ jsx49("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
|
|
21479
21596
|
] });
|
|
21480
21597
|
} else if (isAddressValid === false) {
|
|
21481
|
-
depositPrerequisiteBody = /* @__PURE__ */
|
|
21482
|
-
/* @__PURE__ */
|
|
21483
|
-
/* @__PURE__ */
|
|
21484
|
-
/* @__PURE__ */
|
|
21598
|
+
depositPrerequisiteBody = /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
21599
|
+
/* @__PURE__ */ jsx49("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__ */ jsx49(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
21600
|
+
/* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
|
|
21601
|
+
/* @__PURE__ */ jsx49("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
|
|
21485
21602
|
addressFailureCode,
|
|
21486
21603
|
addressFailureMetadata
|
|
21487
21604
|
) })
|
|
@@ -21613,14 +21730,21 @@ function DepositModal({
|
|
|
21613
21730
|
setWalletSelectionModalOpen(false);
|
|
21614
21731
|
setBrowserWalletModalOpen(true);
|
|
21615
21732
|
};
|
|
21616
|
-
|
|
21733
|
+
const depositPoweredByFooter = /* @__PURE__ */ jsx49("div", { className: "uf-pt-3", children: /* @__PURE__ */ jsx49(
|
|
21734
|
+
PoweredByUnifold,
|
|
21735
|
+
{
|
|
21736
|
+
color: colors2.foregroundMuted,
|
|
21737
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
21738
|
+
}
|
|
21739
|
+
) });
|
|
21740
|
+
return /* @__PURE__ */ jsx49(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ jsxs44(
|
|
21617
21741
|
Dialog2,
|
|
21618
21742
|
{
|
|
21619
21743
|
open: hideOverlay || open,
|
|
21620
21744
|
onOpenChange: hideOverlay ? void 0 : handleClose,
|
|
21621
21745
|
modal: !hideOverlay,
|
|
21622
21746
|
children: [
|
|
21623
|
-
/* @__PURE__ */
|
|
21747
|
+
/* @__PURE__ */ jsx49(
|
|
21624
21748
|
DialogContent2,
|
|
21625
21749
|
{
|
|
21626
21750
|
ref: hideOverlay ? containerCallbackRef : void 0,
|
|
@@ -21629,8 +21753,8 @@ function DepositModal({
|
|
|
21629
21753
|
style: { backgroundColor: colors2.background },
|
|
21630
21754
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
21631
21755
|
onInteractOutside: (e) => e.preventDefault(),
|
|
21632
|
-
children: /* @__PURE__ */
|
|
21633
|
-
/* @__PURE__ */
|
|
21756
|
+
children: /* @__PURE__ */ jsx49(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21757
|
+
/* @__PURE__ */ jsx49(
|
|
21634
21758
|
DepositHeader,
|
|
21635
21759
|
{
|
|
21636
21760
|
title: modalTitle || "Deposit",
|
|
@@ -21645,63 +21769,66 @@ function DepositModal({
|
|
|
21645
21769
|
publishableKey
|
|
21646
21770
|
}
|
|
21647
21771
|
),
|
|
21648
|
-
/* @__PURE__ */
|
|
21649
|
-
/* @__PURE__ */
|
|
21650
|
-
|
|
21651
|
-
|
|
21652
|
-
|
|
21653
|
-
|
|
21654
|
-
|
|
21655
|
-
|
|
21656
|
-
|
|
21657
|
-
|
|
21658
|
-
|
|
21659
|
-
|
|
21660
|
-
|
|
21661
|
-
|
|
21662
|
-
|
|
21663
|
-
|
|
21664
|
-
|
|
21665
|
-
|
|
21666
|
-
|
|
21667
|
-
|
|
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
|
-
|
|
21772
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21773
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21774
|
+
/* @__PURE__ */ jsx49(
|
|
21775
|
+
TransferCryptoButton,
|
|
21776
|
+
{
|
|
21777
|
+
onClick: () => setView("transfer"),
|
|
21778
|
+
title: transferCryptoTitle,
|
|
21779
|
+
subtitle: t6.transferCrypto.subtitle,
|
|
21780
|
+
featuredTokens: projectConfig?.transfer_crypto.networks
|
|
21781
|
+
}
|
|
21782
|
+
),
|
|
21783
|
+
enableConnectWallet && !isMobileView && /* @__PURE__ */ jsx49(
|
|
21784
|
+
BrowserWalletButton,
|
|
21785
|
+
{
|
|
21786
|
+
onClick: handleBrowserWalletClick,
|
|
21787
|
+
onConnectClick: handleWalletConnectClick,
|
|
21788
|
+
onDisconnect: handleWalletDisconnect,
|
|
21789
|
+
chainType: browserWalletChainType,
|
|
21790
|
+
publishableKey
|
|
21791
|
+
}
|
|
21792
|
+
),
|
|
21793
|
+
/* @__PURE__ */ jsx49(
|
|
21794
|
+
DepositWithCardButton,
|
|
21795
|
+
{
|
|
21796
|
+
onClick: () => setView("card"),
|
|
21797
|
+
title: depositWithCardTitle,
|
|
21798
|
+
subtitle: t6.depositWithCard.subtitle,
|
|
21799
|
+
paymentNetworks: projectConfig?.payment_networks.networks
|
|
21800
|
+
}
|
|
21801
|
+
),
|
|
21802
|
+
showPayWithExchange && /* @__PURE__ */ jsx49(
|
|
21803
|
+
PayWithExchangeButton,
|
|
21804
|
+
{
|
|
21805
|
+
onClick: () => setView("exchange"),
|
|
21806
|
+
title: payWithExchangeTitle,
|
|
21807
|
+
subtitle: t6.payWithExchange.subtitle,
|
|
21808
|
+
exchanges,
|
|
21809
|
+
loading: exchangesLoading
|
|
21810
|
+
}
|
|
21811
|
+
),
|
|
21812
|
+
!hideDepositTracker && /* @__PURE__ */ jsx49(
|
|
21813
|
+
DepositTrackerButton,
|
|
21814
|
+
{
|
|
21815
|
+
onClick: () => {
|
|
21816
|
+
setAllExecutions(depositExecutions);
|
|
21817
|
+
setView("tracker");
|
|
21818
|
+
},
|
|
21819
|
+
title: depositTrackerTitle,
|
|
21820
|
+
subtitle: depositTrackerSubTitle,
|
|
21821
|
+
badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
|
|
21822
|
+
}
|
|
21823
|
+
)
|
|
21824
|
+
] }) }),
|
|
21825
|
+
depositPoweredByFooter
|
|
21826
|
+
] })
|
|
21827
|
+
] }) : view === "transfer" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21828
|
+
/* @__PURE__ */ jsx49(
|
|
21702
21829
|
DepositHeader,
|
|
21703
21830
|
{
|
|
21704
|
-
title:
|
|
21831
|
+
title: transferCryptoTitle,
|
|
21705
21832
|
showBack: showBackTransfer,
|
|
21706
21833
|
onBack: handleBack,
|
|
21707
21834
|
onClose: handleClose,
|
|
@@ -21714,67 +21841,73 @@ function DepositModal({
|
|
|
21714
21841
|
publishableKey
|
|
21715
21842
|
}
|
|
21716
21843
|
),
|
|
21717
|
-
|
|
21718
|
-
|
|
21719
|
-
|
|
21720
|
-
|
|
21721
|
-
|
|
21722
|
-
|
|
21723
|
-
|
|
21724
|
-
|
|
21725
|
-
|
|
21726
|
-
|
|
21727
|
-
|
|
21728
|
-
|
|
21729
|
-
|
|
21730
|
-
|
|
21731
|
-
|
|
21732
|
-
|
|
21733
|
-
|
|
21734
|
-
|
|
21735
|
-
|
|
21736
|
-
|
|
21737
|
-
|
|
21738
|
-
|
|
21739
|
-
|
|
21740
|
-
|
|
21741
|
-
|
|
21742
|
-
|
|
21743
|
-
|
|
21744
|
-
|
|
21745
|
-
|
|
21746
|
-
|
|
21747
|
-
|
|
21748
|
-
|
|
21749
|
-
|
|
21844
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21845
|
+
standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx49("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ jsx49(
|
|
21846
|
+
TransferCryptoSingleInput,
|
|
21847
|
+
{
|
|
21848
|
+
userId,
|
|
21849
|
+
publishableKey,
|
|
21850
|
+
recipientAddress,
|
|
21851
|
+
destinationChainType,
|
|
21852
|
+
destinationChainId,
|
|
21853
|
+
destinationTokenAddress,
|
|
21854
|
+
depositConfirmationMode,
|
|
21855
|
+
onExecutionsChange: setDepositExecutions,
|
|
21856
|
+
onDepositSuccess,
|
|
21857
|
+
onDepositError,
|
|
21858
|
+
wallets
|
|
21859
|
+
}
|
|
21860
|
+
) : /* @__PURE__ */ jsx49(
|
|
21861
|
+
TransferCryptoDoubleInput,
|
|
21862
|
+
{
|
|
21863
|
+
userId,
|
|
21864
|
+
publishableKey,
|
|
21865
|
+
recipientAddress,
|
|
21866
|
+
destinationChainType,
|
|
21867
|
+
destinationChainId,
|
|
21868
|
+
destinationTokenAddress,
|
|
21869
|
+
depositConfirmationMode,
|
|
21870
|
+
onExecutionsChange: setDepositExecutions,
|
|
21871
|
+
onDepositSuccess,
|
|
21872
|
+
onDepositError,
|
|
21873
|
+
wallets
|
|
21874
|
+
}
|
|
21875
|
+
),
|
|
21876
|
+
depositPoweredByFooter
|
|
21877
|
+
] })
|
|
21878
|
+
] }) : view === "tracker" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21879
|
+
/* @__PURE__ */ jsx49(
|
|
21750
21880
|
DepositHeader,
|
|
21751
21881
|
{
|
|
21752
|
-
title: selectedExecution ? "Deposit Details" :
|
|
21882
|
+
title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
|
|
21753
21883
|
showBack: showBackTracker,
|
|
21754
21884
|
onBack: handleBack,
|
|
21755
21885
|
onClose: handleClose
|
|
21756
21886
|
}
|
|
21757
21887
|
),
|
|
21758
|
-
/* @__PURE__ */
|
|
21759
|
-
"div",
|
|
21760
|
-
|
|
21761
|
-
|
|
21762
|
-
|
|
21763
|
-
|
|
21764
|
-
|
|
21765
|
-
|
|
21766
|
-
|
|
21767
|
-
|
|
21768
|
-
|
|
21769
|
-
|
|
21770
|
-
|
|
21771
|
-
|
|
21772
|
-
|
|
21773
|
-
|
|
21774
|
-
|
|
21888
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21889
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx49(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx49("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx49("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx49(
|
|
21890
|
+
"div",
|
|
21891
|
+
{
|
|
21892
|
+
className: "uf-text-sm",
|
|
21893
|
+
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
21894
|
+
children: "No deposits yet"
|
|
21895
|
+
}
|
|
21896
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx49(
|
|
21897
|
+
DepositExecutionItem,
|
|
21898
|
+
{
|
|
21899
|
+
execution,
|
|
21900
|
+
onClick: () => setSelectedExecution(execution)
|
|
21901
|
+
},
|
|
21902
|
+
execution.id
|
|
21903
|
+
)) }) }),
|
|
21904
|
+
depositPoweredByFooter
|
|
21905
|
+
] })
|
|
21906
|
+
] }) : view === "card" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21907
|
+
/* @__PURE__ */ jsx49(
|
|
21775
21908
|
DepositHeader,
|
|
21776
21909
|
{
|
|
21777
|
-
title: cardView === "quotes" ? t6.quotes :
|
|
21910
|
+
title: cardView === "quotes" ? t6.quotes : depositWithCardTitle,
|
|
21778
21911
|
showBack: showBackCard,
|
|
21779
21912
|
onBack: handleBack,
|
|
21780
21913
|
onClose: handleClose,
|
|
@@ -21788,58 +21921,66 @@ function DepositModal({
|
|
|
21788
21921
|
publishableKey
|
|
21789
21922
|
}
|
|
21790
21923
|
),
|
|
21791
|
-
|
|
21792
|
-
|
|
21793
|
-
|
|
21794
|
-
|
|
21795
|
-
|
|
21796
|
-
|
|
21797
|
-
|
|
21798
|
-
|
|
21799
|
-
|
|
21800
|
-
|
|
21801
|
-
|
|
21802
|
-
|
|
21803
|
-
|
|
21804
|
-
|
|
21805
|
-
|
|
21806
|
-
|
|
21807
|
-
|
|
21808
|
-
|
|
21809
|
-
|
|
21810
|
-
|
|
21811
|
-
|
|
21924
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21925
|
+
standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx49("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ jsx49(
|
|
21926
|
+
BuyWithCard,
|
|
21927
|
+
{
|
|
21928
|
+
userId,
|
|
21929
|
+
publishableKey,
|
|
21930
|
+
view: cardView,
|
|
21931
|
+
onViewChange: handleCardViewChange,
|
|
21932
|
+
destinationTokenSymbol,
|
|
21933
|
+
recipientAddress,
|
|
21934
|
+
destinationChainType,
|
|
21935
|
+
destinationChainId,
|
|
21936
|
+
destinationTokenAddress,
|
|
21937
|
+
onDepositSuccess,
|
|
21938
|
+
onDepositError,
|
|
21939
|
+
themeClass,
|
|
21940
|
+
wallets,
|
|
21941
|
+
assetCdnUrl: projectConfig?.asset_cdn_url,
|
|
21942
|
+
hideDepositFlowInfo,
|
|
21943
|
+
hideDisplayDescription
|
|
21944
|
+
}
|
|
21945
|
+
),
|
|
21946
|
+
depositPoweredByFooter
|
|
21947
|
+
] })
|
|
21948
|
+
] }) : view === "exchange" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21949
|
+
/* @__PURE__ */ jsx49(
|
|
21812
21950
|
DepositHeader,
|
|
21813
21951
|
{
|
|
21814
|
-
title:
|
|
21952
|
+
title: payWithExchangeTitle,
|
|
21815
21953
|
showBack: true,
|
|
21816
21954
|
onBack: handleBack,
|
|
21817
21955
|
onClose: handleClose
|
|
21818
21956
|
}
|
|
21819
21957
|
),
|
|
21820
|
-
/* @__PURE__ */
|
|
21821
|
-
|
|
21822
|
-
|
|
21823
|
-
|
|
21824
|
-
|
|
21825
|
-
|
|
21826
|
-
|
|
21827
|
-
|
|
21828
|
-
|
|
21829
|
-
|
|
21830
|
-
|
|
21831
|
-
|
|
21832
|
-
|
|
21833
|
-
|
|
21834
|
-
|
|
21835
|
-
|
|
21836
|
-
|
|
21837
|
-
|
|
21838
|
-
|
|
21958
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21959
|
+
/* @__PURE__ */ jsx49(
|
|
21960
|
+
PayWithExchange,
|
|
21961
|
+
{
|
|
21962
|
+
userId,
|
|
21963
|
+
publishableKey,
|
|
21964
|
+
exchanges,
|
|
21965
|
+
view: exchangeView,
|
|
21966
|
+
onViewChange: setExchangeView,
|
|
21967
|
+
destinationTokenSymbol,
|
|
21968
|
+
recipientAddress,
|
|
21969
|
+
destinationChainType,
|
|
21970
|
+
destinationChainId,
|
|
21971
|
+
destinationTokenAddress,
|
|
21972
|
+
onDepositSuccess,
|
|
21973
|
+
onDepositError,
|
|
21974
|
+
wallets,
|
|
21975
|
+
defaultToken: defaultToken ?? null
|
|
21976
|
+
}
|
|
21977
|
+
),
|
|
21978
|
+
depositPoweredByFooter
|
|
21979
|
+
] })
|
|
21839
21980
|
] }) : null })
|
|
21840
21981
|
}
|
|
21841
21982
|
),
|
|
21842
|
-
/* @__PURE__ */
|
|
21983
|
+
/* @__PURE__ */ jsx49(
|
|
21843
21984
|
WalletSelectionModal,
|
|
21844
21985
|
{
|
|
21845
21986
|
open: walletSelectionModalOpen,
|
|
@@ -21849,7 +21990,7 @@ function DepositModal({
|
|
|
21849
21990
|
theme: resolvedTheme
|
|
21850
21991
|
}
|
|
21851
21992
|
),
|
|
21852
|
-
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */
|
|
21993
|
+
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ jsx49(
|
|
21853
21994
|
BrowserWalletModal,
|
|
21854
21995
|
{
|
|
21855
21996
|
open: browserWalletModalOpen,
|
|
@@ -21926,7 +22067,7 @@ var Button = React282.forwardRef(
|
|
|
21926
22067
|
}
|
|
21927
22068
|
return baseStyle;
|
|
21928
22069
|
}, [variant, components, fonts, style]);
|
|
21929
|
-
return /* @__PURE__ */
|
|
22070
|
+
return /* @__PURE__ */ jsx50(
|
|
21930
22071
|
Comp,
|
|
21931
22072
|
{
|
|
21932
22073
|
className: cn(buttonVariants({ variant, size: size4, className })),
|
|
@@ -21940,7 +22081,7 @@ var Button = React282.forwardRef(
|
|
|
21940
22081
|
Button.displayName = "Button";
|
|
21941
22082
|
|
|
21942
22083
|
// src/provider.tsx
|
|
21943
|
-
import { jsx as
|
|
22084
|
+
import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
21944
22085
|
function UnifoldProvider2({
|
|
21945
22086
|
children,
|
|
21946
22087
|
publishableKey,
|
|
@@ -22049,7 +22190,7 @@ function UnifoldProvider2({
|
|
|
22049
22190
|
}),
|
|
22050
22191
|
[beginDeposit, closeDeposit, handleDepositSuccess, handleDepositError]
|
|
22051
22192
|
);
|
|
22052
|
-
return /* @__PURE__ */
|
|
22193
|
+
return /* @__PURE__ */ jsx51(UnifoldProvider, { publishableKey, children: /* @__PURE__ */ jsx51(ConnectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs45(
|
|
22053
22194
|
ThemeProvider,
|
|
22054
22195
|
{
|
|
22055
22196
|
mode: resolvedTheme,
|
|
@@ -22060,7 +22201,7 @@ function UnifoldProvider2({
|
|
|
22060
22201
|
components: config?.components,
|
|
22061
22202
|
children: [
|
|
22062
22203
|
children,
|
|
22063
|
-
depositConfig && /* @__PURE__ */
|
|
22204
|
+
depositConfig && /* @__PURE__ */ jsx51(
|
|
22064
22205
|
DepositModal,
|
|
22065
22206
|
{
|
|
22066
22207
|
open: isOpen,
|
|
@@ -22082,7 +22223,14 @@ function UnifoldProvider2({
|
|
|
22082
22223
|
onDepositSuccess: handleDepositSuccess,
|
|
22083
22224
|
onDepositError: handleDepositError,
|
|
22084
22225
|
theme: resolvedTheme,
|
|
22085
|
-
initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen
|
|
22226
|
+
initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen,
|
|
22227
|
+
transferCryptoTitle: config?.transferCryptoTitle,
|
|
22228
|
+
depositWithCardTitle: config?.depositWithCardTitle,
|
|
22229
|
+
payWithExchangeTitle: config?.payWithExchangeTitle,
|
|
22230
|
+
depositTrackerTitle: config?.depositTrackerTitle,
|
|
22231
|
+
depositTrackerSubTitle: config?.depositTrackerSubTitle,
|
|
22232
|
+
hideDepositFlowInfo: config?.hideDepositFlowInfo,
|
|
22233
|
+
hideDisplayDescription: config?.hideDisplayDescription
|
|
22086
22234
|
}
|
|
22087
22235
|
)
|
|
22088
22236
|
]
|