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