@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.mjs
CHANGED
|
@@ -1218,7 +1218,14 @@ function useUnifold() {
|
|
|
1218
1218
|
}
|
|
1219
1219
|
|
|
1220
1220
|
// ../ui-react/dist/index.mjs
|
|
1221
|
-
import {
|
|
1221
|
+
import {
|
|
1222
|
+
useState as useState26,
|
|
1223
|
+
useEffect as useEffect20,
|
|
1224
|
+
useLayoutEffect as useLayoutEffect22,
|
|
1225
|
+
useCallback as useCallback32,
|
|
1226
|
+
useRef as useRef52,
|
|
1227
|
+
useMemo as useMemo82
|
|
1228
|
+
} from "react";
|
|
1222
1229
|
|
|
1223
1230
|
// ../../node_modules/.pnpm/lucide-react@0.454.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
|
1224
1231
|
import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
|
|
@@ -6707,12 +6714,13 @@ import { jsx as jsx31 } from "react/jsx-runtime";
|
|
|
6707
6714
|
import { useEffect as useEffect142, useState as useState172 } from "react";
|
|
6708
6715
|
import * as React222 from "react";
|
|
6709
6716
|
import { jsx as jsx322 } from "react/jsx-runtime";
|
|
6710
|
-
import {
|
|
6717
|
+
import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
6718
|
+
import { Fragment as Fragment32, jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
6711
6719
|
import { useState as useState182, useMemo as useMemo32, useEffect as useEffect152 } from "react";
|
|
6712
|
-
import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
6713
6720
|
import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
6714
6721
|
import { jsx as jsx36, jsxs as jsxs322 } from "react/jsx-runtime";
|
|
6715
6722
|
import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
6723
|
+
import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
6716
6724
|
import { useState as useState192 } from "react";
|
|
6717
6725
|
import * as React232 from "react";
|
|
6718
6726
|
|
|
@@ -9451,8 +9459,8 @@ var Portal3 = TooltipPortal;
|
|
|
9451
9459
|
var Content22 = TooltipContent;
|
|
9452
9460
|
|
|
9453
9461
|
// ../ui-react/dist/index.mjs
|
|
9454
|
-
import { jsx as
|
|
9455
|
-
import { Fragment as Fragment42, jsx as
|
|
9462
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
9463
|
+
import { Fragment as Fragment42, jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
9456
9464
|
import { useState as useState222, useEffect as useEffect172, useMemo as useMemo52 } from "react";
|
|
9457
9465
|
import * as React242 from "react";
|
|
9458
9466
|
|
|
@@ -10689,18 +10697,18 @@ var ScrollDownButton = SelectScrollDownButton;
|
|
|
10689
10697
|
var Separator = SelectSeparator;
|
|
10690
10698
|
|
|
10691
10699
|
// ../ui-react/dist/index.mjs
|
|
10692
|
-
import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
10693
10700
|
import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
10701
|
+
import { jsx as jsx422, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
10694
10702
|
import * as React262 from "react";
|
|
10695
|
-
import { Fragment as Fragment52, jsx as
|
|
10696
|
-
import { Fragment as Fragment62, jsx as
|
|
10697
|
-
import { Fragment as Fragment72, jsx as
|
|
10703
|
+
import { Fragment as Fragment52, jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
10704
|
+
import { Fragment as Fragment62, jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
10705
|
+
import { Fragment as Fragment72, jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
10698
10706
|
import * as React252 from "react";
|
|
10699
|
-
import { Fragment as Fragment82, jsx as
|
|
10700
|
-
import { Fragment as Fragment9, jsx as
|
|
10707
|
+
import { Fragment as Fragment82, jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
10708
|
+
import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs422 } from "react/jsx-runtime";
|
|
10701
10709
|
import * as React272 from "react";
|
|
10702
|
-
import {
|
|
10703
|
-
import { Fragment as
|
|
10710
|
+
import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
10711
|
+
import { Fragment as Fragment10, jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
10704
10712
|
import * as React282 from "react";
|
|
10705
10713
|
|
|
10706
10714
|
// ../../node_modules/.pnpm/@radix-ui+react-slot@1.2.4_@types+react@19.2.9_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs
|
|
@@ -10847,7 +10855,7 @@ var cva = (base, config) => (props) => {
|
|
|
10847
10855
|
};
|
|
10848
10856
|
|
|
10849
10857
|
// ../ui-react/dist/index.mjs
|
|
10850
|
-
import { jsx as
|
|
10858
|
+
import { jsx as jsx50 } from "react/jsx-runtime";
|
|
10851
10859
|
function cn(...inputs) {
|
|
10852
10860
|
return twMerge(clsx(inputs));
|
|
10853
10861
|
}
|
|
@@ -16573,8 +16581,9 @@ function WalletIconWithNetwork({
|
|
|
16573
16581
|
const hasEthereum = networks.includes("ethereum");
|
|
16574
16582
|
const hasSolana = networks.includes("solana");
|
|
16575
16583
|
const hasMultiple = hasEthereum && hasSolana;
|
|
16576
|
-
const
|
|
16577
|
-
const
|
|
16584
|
+
const badgeOutset = 4;
|
|
16585
|
+
const badgeSize = Math.round(size4 * 0.5);
|
|
16586
|
+
const iconSize = Math.round(badgeSize * 0.76);
|
|
16578
16587
|
return /* @__PURE__ */ jsxs27(
|
|
16579
16588
|
"div",
|
|
16580
16589
|
{
|
|
@@ -16584,39 +16593,46 @@ function WalletIconWithNetwork({
|
|
|
16584
16593
|
/* @__PURE__ */ jsx29(WalletIcon, { size: size4, className, variant }),
|
|
16585
16594
|
hasMultiple ? (
|
|
16586
16595
|
// Multiple networks: overlapping badges
|
|
16587
|
-
/* @__PURE__ */ jsxs27(
|
|
16588
|
-
|
|
16589
|
-
|
|
16590
|
-
|
|
16591
|
-
|
|
16592
|
-
|
|
16593
|
-
|
|
16594
|
-
|
|
16595
|
-
|
|
16596
|
-
|
|
16597
|
-
|
|
16598
|
-
|
|
16599
|
-
|
|
16600
|
-
|
|
16601
|
-
|
|
16602
|
-
|
|
16603
|
-
|
|
16604
|
-
|
|
16605
|
-
|
|
16606
|
-
|
|
16607
|
-
|
|
16608
|
-
|
|
16609
|
-
|
|
16610
|
-
|
|
16611
|
-
|
|
16612
|
-
|
|
16613
|
-
|
|
16614
|
-
|
|
16615
|
-
|
|
16616
|
-
|
|
16617
|
-
|
|
16618
|
-
|
|
16619
|
-
|
|
16596
|
+
/* @__PURE__ */ jsxs27(
|
|
16597
|
+
"div",
|
|
16598
|
+
{
|
|
16599
|
+
className: "uf-absolute",
|
|
16600
|
+
style: { bottom: -2, right: -badgeOutset },
|
|
16601
|
+
children: [
|
|
16602
|
+
/* @__PURE__ */ jsx29(
|
|
16603
|
+
"div",
|
|
16604
|
+
{
|
|
16605
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
16606
|
+
style: {
|
|
16607
|
+
width: badgeSize,
|
|
16608
|
+
height: badgeSize,
|
|
16609
|
+
backgroundColor: "#000",
|
|
16610
|
+
border: "2px solid #fff",
|
|
16611
|
+
// Rear badge sits left of the front; +1px on offset shows slightly more of the rear network
|
|
16612
|
+
right: Math.round(badgeSize * 0.5) + 1,
|
|
16613
|
+
bottom: 0
|
|
16614
|
+
},
|
|
16615
|
+
children: /* @__PURE__ */ jsx29(SolanaIcon, { size: iconSize, variant: "color" })
|
|
16616
|
+
}
|
|
16617
|
+
),
|
|
16618
|
+
/* @__PURE__ */ jsx29(
|
|
16619
|
+
"div",
|
|
16620
|
+
{
|
|
16621
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
16622
|
+
style: {
|
|
16623
|
+
width: badgeSize,
|
|
16624
|
+
height: badgeSize,
|
|
16625
|
+
backgroundColor: "#627EEA",
|
|
16626
|
+
border: "2px solid #fff",
|
|
16627
|
+
right: 0,
|
|
16628
|
+
bottom: 0
|
|
16629
|
+
},
|
|
16630
|
+
children: /* @__PURE__ */ jsx29(EthereumIcon, { size: iconSize, variant: "light" })
|
|
16631
|
+
}
|
|
16632
|
+
)
|
|
16633
|
+
]
|
|
16634
|
+
}
|
|
16635
|
+
)
|
|
16620
16636
|
) : (
|
|
16621
16637
|
// Single network
|
|
16622
16638
|
/* @__PURE__ */ jsxs27(
|
|
@@ -16625,7 +16641,7 @@ function WalletIconWithNetwork({
|
|
|
16625
16641
|
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
16626
16642
|
style: {
|
|
16627
16643
|
bottom: -2,
|
|
16628
|
-
right: -
|
|
16644
|
+
right: -badgeOutset,
|
|
16629
16645
|
width: badgeSize,
|
|
16630
16646
|
height: badgeSize,
|
|
16631
16647
|
backgroundColor: hasEthereum ? "#627EEA" : "#000",
|
|
@@ -16703,7 +16719,7 @@ function BrowserWalletButton({
|
|
|
16703
16719
|
chainType,
|
|
16704
16720
|
publishableKey
|
|
16705
16721
|
}) {
|
|
16706
|
-
const { colors: colors2, fonts, components
|
|
16722
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
16707
16723
|
const [isHovered, setIsHovered] = React212.useState(false);
|
|
16708
16724
|
const [isTouchDevice, setIsTouchDevice] = React212.useState(false);
|
|
16709
16725
|
const [wallet, setWallet] = React212.useState(null);
|
|
@@ -16711,7 +16727,6 @@ function BrowserWalletButton({
|
|
|
16711
16727
|
const [isConnecting, setIsConnecting] = React212.useState(false);
|
|
16712
16728
|
const [balanceText, setBalanceText] = React212.useState(null);
|
|
16713
16729
|
const [isLoadingBalance, setIsLoadingBalance] = React212.useState(false);
|
|
16714
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
16715
16730
|
const onDisconnectRef = React212.useRef(onDisconnect);
|
|
16716
16731
|
onDisconnectRef.current = onDisconnect;
|
|
16717
16732
|
React212.useEffect(() => {
|
|
@@ -17070,12 +17085,12 @@ function BrowserWalletButton({
|
|
|
17070
17085
|
wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React212.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
|
|
17071
17086
|
size: 36,
|
|
17072
17087
|
className: "uf-rounded-lg",
|
|
17073
|
-
variant:
|
|
17088
|
+
variant: "color"
|
|
17074
17089
|
}) : /* @__PURE__ */ jsx30("div", { className: "uf-w-9 uf-h-9 uf-rounded-lg uf-bg-gray-500" }) : /* @__PURE__ */ jsx30("div", { className: "uf-rounded-lg uf-p-2", children: /* @__PURE__ */ jsx30(
|
|
17075
17090
|
Wallet,
|
|
17076
17091
|
{
|
|
17077
17092
|
className: "uf-w-5 uf-h-5",
|
|
17078
|
-
style: { color:
|
|
17093
|
+
style: { color: components.card.iconColor }
|
|
17079
17094
|
}
|
|
17080
17095
|
) }),
|
|
17081
17096
|
/* @__PURE__ */ jsxs28("div", { className: "uf-text-left", children: [
|
|
@@ -17468,6 +17483,62 @@ function ThemeStyleInjector({
|
|
|
17468
17483
|
}, [fonts.regular]);
|
|
17469
17484
|
return /* @__PURE__ */ jsx322("div", { className: cn(mode === "dark" ? "uf-dark" : "", className), style: cssVars, children });
|
|
17470
17485
|
}
|
|
17486
|
+
var VIEW_W = 538;
|
|
17487
|
+
var VIEW_H = 53;
|
|
17488
|
+
var SIZE_MAX_WIDTH = {
|
|
17489
|
+
sm: 128,
|
|
17490
|
+
md: 152,
|
|
17491
|
+
lg: 216
|
|
17492
|
+
};
|
|
17493
|
+
function PoweredByUnifold({
|
|
17494
|
+
color,
|
|
17495
|
+
className,
|
|
17496
|
+
size: size4 = "sm",
|
|
17497
|
+
maxWidth: maxWidthProp
|
|
17498
|
+
}) {
|
|
17499
|
+
const maxWidth = maxWidthProp ?? SIZE_MAX_WIDTH[size4];
|
|
17500
|
+
const height = Math.round(maxWidth / VIEW_W * VIEW_H);
|
|
17501
|
+
return /* @__PURE__ */ jsx33(
|
|
17502
|
+
"div",
|
|
17503
|
+
{
|
|
17504
|
+
className,
|
|
17505
|
+
style: { color, lineHeight: 0 },
|
|
17506
|
+
role: "img",
|
|
17507
|
+
"aria-label": "Powered by Unifold",
|
|
17508
|
+
children: /* @__PURE__ */ jsxs29(
|
|
17509
|
+
"svg",
|
|
17510
|
+
{
|
|
17511
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17512
|
+
width: maxWidth,
|
|
17513
|
+
height,
|
|
17514
|
+
viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
|
|
17515
|
+
fill: "none",
|
|
17516
|
+
className: "uf-block uf-max-w-full uf-h-auto",
|
|
17517
|
+
children: [
|
|
17518
|
+
/* @__PURE__ */ jsx33("path", { d: "M14.796 25.746H5.184V42H0V3.22803H14.796C19.044 3.22803 22.338 4.21803 24.678 6.19803C27.054 8.14203 28.242 10.896 28.242 14.46C28.242 18.024 27.054 20.796 24.678 22.776C22.302 24.756 19.008 25.746 14.796 25.746ZM5.184 7.71003V21.264H14.526C17.298 21.264 19.422 20.688 20.898 19.536C22.374 18.348 23.112 16.656 23.112 14.46C23.112 12.3 22.374 10.644 20.898 9.49203C19.422 8.30403 17.298 7.71003 14.526 7.71003H5.184Z", fill: "currentColor" }),
|
|
17519
|
+
/* @__PURE__ */ jsx33("path", { d: "M53.0082 17.592C54.1242 18.888 54.9702 20.418 55.5462 22.182C56.1222 23.946 56.4102 25.854 56.4102 27.906C56.4102 29.958 56.1222 31.866 55.5462 33.63C54.9702 35.394 54.1242 36.924 53.0082 38.22C51.8202 39.624 50.3802 40.704 48.6882 41.46C47.0322 42.216 45.2322 42.594 43.2882 42.594C41.3442 42.594 39.5262 42.216 37.8342 41.46C36.1782 40.704 34.7562 39.624 33.5682 38.22C32.4522 36.924 31.6062 35.394 31.0302 33.63C30.4542 31.866 30.1662 29.958 30.1662 27.906C30.1662 25.854 30.4542 23.946 31.0302 22.182C31.6062 20.418 32.4522 18.888 33.5682 17.592C34.7562 16.188 36.1782 15.108 37.8342 14.352C39.5262 13.596 41.3442 13.218 43.2882 13.218C45.2322 13.218 47.0322 13.596 48.6882 14.352C50.3802 15.108 51.8202 16.188 53.0082 17.592ZM43.2882 17.322C40.8042 17.322 38.8062 18.276 37.2942 20.184C35.8182 22.092 35.0802 24.666 35.0802 27.906C35.0802 31.11 35.8182 33.666 37.2942 35.574C38.8062 37.482 40.8042 38.436 43.2882 38.436C45.7722 38.436 47.7522 37.482 49.2282 35.574C50.7402 33.666 51.4962 31.11 51.4962 27.906C51.4962 24.666 50.7402 22.092 49.2282 20.184C47.7522 18.276 45.7722 17.322 43.2882 17.322Z", fill: "currentColor" }),
|
|
17520
|
+
/* @__PURE__ */ jsx33("path", { d: "M69.6773 34.764L75.5093 13.758H79.6133L85.4453 34.818L91.3313 13.758H96.1913L87.6053 42H83.3393L77.4533 21.048L71.5673 42H67.3013L58.7153 13.758H63.7373L69.6773 34.764Z", fill: "currentColor" }),
|
|
17521
|
+
/* @__PURE__ */ jsx33("path", { d: "M111.687 42.594C109.707 42.594 107.871 42.234 106.179 41.514C104.523 40.758 103.101 39.66 101.913 38.22C100.797 36.924 99.9332 35.394 99.3212 33.63C98.7452 31.866 98.4572 29.958 98.4572 27.906C98.4572 25.926 98.7452 24.054 99.3212 22.29C99.8972 20.526 100.743 18.978 101.859 17.646C103.047 16.206 104.469 15.108 106.125 14.352C107.781 13.596 109.563 13.218 111.471 13.218C115.179 13.218 118.113 14.478 120.273 16.998C122.433 19.518 123.513 22.866 123.513 27.042V28.662H103.101C103.245 31.614 104.091 33.972 105.639 35.736C107.187 37.5 109.203 38.382 111.687 38.382C113.559 38.382 115.143 37.914 116.439 36.978C117.735 36.006 118.599 34.674 119.031 32.982L123.297 34.494C122.433 37.05 120.975 39.048 118.923 40.488C116.871 41.892 114.459 42.594 111.687 42.594ZM111.417 17.376C109.329 17.376 107.565 18.042 106.125 19.374C104.721 20.706 103.803 22.56 103.371 24.936H118.599C118.527 22.632 117.861 20.796 116.601 19.428C115.341 18.06 113.613 17.376 111.417 17.376Z", fill: "currentColor" }),
|
|
17522
|
+
/* @__PURE__ */ jsx33("path", { d: "M142.253 13.542C142.577 13.542 142.901 13.56 143.225 13.596C143.549 13.596 143.873 13.614 144.197 13.65V18.564C143.801 18.492 143.423 18.438 143.063 18.402C142.703 18.366 142.289 18.348 141.821 18.348C139.697 18.348 137.933 19.122 136.529 20.67C135.125 22.182 134.423 24.144 134.423 26.556V42H129.563V13.758H134.423V18.564C135.107 17.016 136.133 15.792 137.501 14.892C138.905 13.992 140.489 13.542 142.253 13.542Z", fill: "currentColor" }),
|
|
17523
|
+
/* @__PURE__ */ jsx33("path", { d: "M159.675 42.594C157.695 42.594 155.859 42.234 154.167 41.514C152.511 40.758 151.089 39.66 149.901 38.22C148.785 36.924 147.921 35.394 147.309 33.63C146.733 31.866 146.445 29.958 146.445 27.906C146.445 25.926 146.733 24.054 147.309 22.29C147.885 20.526 148.731 18.978 149.847 17.646C151.035 16.206 152.457 15.108 154.113 14.352C155.769 13.596 157.551 13.218 159.459 13.218C163.167 13.218 166.101 14.478 168.261 16.998C170.421 19.518 171.501 22.866 171.501 27.042V28.662H151.089C151.233 31.614 152.079 33.972 153.627 35.736C155.175 37.5 157.191 38.382 159.675 38.382C161.547 38.382 163.131 37.914 164.427 36.978C165.723 36.006 166.587 34.674 167.019 32.982L171.285 34.494C170.421 37.05 168.963 39.048 166.911 40.488C164.859 41.892 162.447 42.594 159.675 42.594ZM159.405 17.376C157.317 17.376 155.553 18.042 154.113 19.374C152.709 20.706 151.791 22.56 151.359 24.936H166.587C166.515 22.632 165.849 20.796 164.589 19.428C163.329 18.06 161.601 17.376 159.405 17.376Z", fill: "currentColor" }),
|
|
17524
|
+
/* @__PURE__ */ jsx33("path", { d: "M187.92 42.594C186.012 42.594 184.266 42.216 182.682 41.46C181.134 40.668 179.802 39.534 178.686 38.058C177.678 36.726 176.904 35.196 176.364 33.468C175.86 31.704 175.608 29.85 175.608 27.906C175.608 25.926 175.86 24.072 176.364 22.344C176.904 20.616 177.66 19.086 178.632 17.754C179.748 16.278 181.098 15.162 182.682 14.406C184.266 13.614 186.012 13.218 187.92 13.218C189.792 13.218 191.484 13.632 192.996 14.46C194.544 15.288 195.768 16.422 196.668 17.862V3.22803H201.528V42H196.668V37.896C195.804 39.372 194.598 40.524 193.05 41.352C191.502 42.18 189.792 42.594 187.92 42.594ZM196.776 28.932V26.934C196.776 24.018 196.02 21.714 194.508 20.022C193.032 18.33 191.124 17.484 188.784 17.484C186.228 17.484 184.212 18.438 182.736 20.346C181.26 22.218 180.522 24.738 180.522 27.906C180.522 31.074 181.26 33.612 182.736 35.52C184.248 37.392 186.264 38.328 188.784 38.328C191.124 38.328 193.032 37.482 194.508 35.79C196.02 34.098 196.776 31.812 196.776 28.932Z", fill: "currentColor" }),
|
|
17525
|
+
/* @__PURE__ */ jsx33("path", { d: "M243.794 38.058C242.678 39.534 241.328 40.668 239.744 41.46C238.196 42.216 236.468 42.594 234.56 42.594C232.688 42.594 230.978 42.18 229.43 41.352C227.882 40.524 226.676 39.372 225.812 37.896V42H220.952V3.22803H225.812V17.862C226.712 16.422 227.918 15.288 229.43 14.46C230.978 13.632 232.688 13.218 234.56 13.218C236.468 13.218 238.214 13.614 239.798 14.406C241.382 15.162 242.732 16.278 243.848 17.754C244.82 19.086 245.558 20.616 246.062 22.344C246.602 24.072 246.872 25.926 246.872 27.906C246.872 29.85 246.602 31.704 246.062 33.468C245.558 35.196 244.802 36.726 243.794 38.058ZM233.696 17.484C231.356 17.484 229.43 18.33 227.918 20.022C226.442 21.714 225.704 24.018 225.704 26.934V28.932C225.704 31.812 226.442 34.098 227.918 35.79C229.43 37.482 231.356 38.328 233.696 38.328C236.216 38.328 238.214 37.392 239.69 35.52C241.202 33.612 241.958 31.074 241.958 27.906C241.958 24.738 241.22 22.218 239.744 20.346C238.268 18.438 236.252 17.484 233.696 17.484Z", fill: "currentColor" }),
|
|
17526
|
+
/* @__PURE__ */ jsx33("path", { d: "M275.008 13.758L262.858 45.078C261.886 47.598 260.716 49.38 259.348 50.424C257.98 51.504 256.234 52.044 254.11 52.044C253.534 52.044 253.048 52.026 252.652 51.99C252.292 51.954 251.896 51.9 251.464 51.828V47.616C251.896 47.724 252.274 47.796 252.598 47.832C252.958 47.868 253.354 47.886 253.786 47.886C254.902 47.886 255.766 47.616 256.378 47.076C257.026 46.572 257.62 45.654 258.16 44.322L259.51 40.974L249.034 13.758H254.164L262.102 35.358L269.932 13.758H275.008Z", fill: "currentColor" }),
|
|
17527
|
+
/* @__PURE__ */ jsx33("path", { d: "M310.386 0V26.7073C310.386 34.9642 316.734 37.7847 320.266 37.7847C324.205 37.7847 325.092 34.8254 325.092 28.4171C325.092 22.0088 325.129 0 325.129 0H338.734V26.3419C338.734 35.673 333.65 40.9049 327.693 42.0228C327.693 42.0228 323.644 48 314.872 48C305.508 48 294.734 42.0374 294.734 23.8064V1.79753C294.734 1.79753 298.991 0 303.602 0H310.386Z", fill: "currentColor" }),
|
|
17528
|
+
/* @__PURE__ */ jsx33("path", { d: "M386.974 27.31C386.974 31.89 383.254 35.61 378.674 35.61C374.094 35.61 370.374 31.89 370.374 27.31V2.96997H362.544V28.7C362.544 36.51 368.144 42.84 378.434 42.84H379.334C389.014 42.84 394.814 36.51 394.814 28.7V2.96997H386.984V27.31H386.974Z", fill: "currentColor" }),
|
|
17529
|
+
/* @__PURE__ */ jsx33("path", { d: "M417.004 12.47C409.634 12.47 408.004 19.18 408.004 19.18V12.76H400.474V42.25H408.504V24.15C408.504 21.13 410.944 18.69 413.964 18.69C416.984 18.69 419.424 21.13 419.424 24.15V42.25H427.324V24.6C427.324 17.36 424.364 12.47 417.004 12.47Z", fill: "currentColor" }),
|
|
17530
|
+
/* @__PURE__ */ jsx33("path", { d: "M440.704 12.9302H432.724V42.2602H440.704V12.9302Z", fill: "currentColor" }),
|
|
17531
|
+
/* @__PURE__ */ jsx33("path", { d: "M504.904 2.96997H496.924V42.25H504.904V2.96997Z", fill: "currentColor" }),
|
|
17532
|
+
/* @__PURE__ */ jsx33("path", { d: "M529.474 2.96997V17.96C528.294 15.93 525.554 12.36 520.884 12.36C514.354 12.36 508.824 16.64 508.824 27.59C508.824 38.54 514.354 42.82 520.884 42.82C525.554 42.82 528.284 39.26 529.474 37.22V42.25H537.454V2.96997H529.474ZM523.184 36.41C518.894 36.41 516.944 32.58 516.944 27.59C516.944 22.6 518.884 18.77 523.184 18.77C527.484 18.77 529.484 22.35 529.484 27.59C529.484 32.83 527.484 36.41 523.184 36.41Z", fill: "currentColor" }),
|
|
17533
|
+
/* @__PURE__ */ jsx33("path", { d: "M436.714 0.840088C434.484 0.840088 432.664 2.65009 432.664 4.89009C432.664 7.13009 434.474 8.94009 436.714 8.94009C438.954 8.94009 440.764 7.13009 440.764 4.89009C440.764 2.65009 438.954 0.840088 436.714 0.840088Z", fill: "currentColor" }),
|
|
17534
|
+
/* @__PURE__ */ jsx33("path", { d: "M459.724 7.35012C461.424 7.35012 462.214 7.95013 462.214 7.95013L463.774 1.88013C463.774 1.88013 461.804 1.13013 457.934 1.13013C457.764 1.13013 457.594 1.13013 457.414 1.13013C452.454 1.20013 448.444 5.23012 448.444 10.1901V12.9201H443.124V18.7601H448.444V42.2501H456.104V18.7601H462.554V12.9201H456.104V11.2901C456.104 8.27013 458.014 7.34013 459.714 7.34013L459.724 7.35012Z", fill: "currentColor" }),
|
|
17535
|
+
/* @__PURE__ */ jsx33("path", { d: "M478.364 12.3601C470.404 12.3601 463.964 19.1801 463.964 27.5901C463.964 36.0001 470.414 42.8201 478.364 42.8201C486.314 42.8201 492.764 36.0001 492.764 27.5901C492.764 19.1801 486.314 12.3601 478.364 12.3601ZM478.364 36.4101C473.714 36.4101 471.714 32.4601 471.714 27.5901C471.714 22.7201 473.494 18.7701 478.364 18.7701C483.234 18.7701 485.014 22.7201 485.014 27.5901C485.014 32.4601 483.024 36.4101 478.364 36.4101Z", fill: "currentColor" })
|
|
17536
|
+
]
|
|
17537
|
+
}
|
|
17538
|
+
)
|
|
17539
|
+
}
|
|
17540
|
+
);
|
|
17541
|
+
}
|
|
17471
17542
|
function DepositsModal({
|
|
17472
17543
|
open,
|
|
17473
17544
|
onOpenChange,
|
|
@@ -17521,8 +17592,8 @@ function DepositsModal({
|
|
|
17521
17592
|
const handleExecutionClick = (execution) => {
|
|
17522
17593
|
setSelectedExecution(execution);
|
|
17523
17594
|
};
|
|
17524
|
-
const content = selectedExecution ? /* @__PURE__ */
|
|
17525
|
-
/* @__PURE__ */
|
|
17595
|
+
const content = selectedExecution ? /* @__PURE__ */ jsxs30(Fragment32, { children: [
|
|
17596
|
+
/* @__PURE__ */ jsx34(
|
|
17526
17597
|
DepositHeader,
|
|
17527
17598
|
{
|
|
17528
17599
|
title: "Deposit Details",
|
|
@@ -17531,9 +17602,9 @@ function DepositsModal({
|
|
|
17531
17602
|
onClose: handleClose
|
|
17532
17603
|
}
|
|
17533
17604
|
),
|
|
17534
|
-
/* @__PURE__ */
|
|
17535
|
-
] }) : /* @__PURE__ */
|
|
17536
|
-
/* @__PURE__ */
|
|
17605
|
+
/* @__PURE__ */ jsx34("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx34(DepositDetailContent, { execution: selectedExecution }) })
|
|
17606
|
+
] }) : /* @__PURE__ */ jsxs30(Fragment32, { children: [
|
|
17607
|
+
/* @__PURE__ */ jsx34(
|
|
17537
17608
|
DepositHeader,
|
|
17538
17609
|
{
|
|
17539
17610
|
title: "Deposit Tracker",
|
|
@@ -17542,14 +17613,14 @@ function DepositsModal({
|
|
|
17542
17613
|
onClose: handleClose
|
|
17543
17614
|
}
|
|
17544
17615
|
),
|
|
17545
|
-
/* @__PURE__ */
|
|
17616
|
+
/* @__PURE__ */ jsx34("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx34("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx34("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx34(
|
|
17546
17617
|
"div",
|
|
17547
17618
|
{
|
|
17548
17619
|
className: "uf-text-sm",
|
|
17549
17620
|
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
17550
17621
|
children: "No deposits yet"
|
|
17551
17622
|
}
|
|
17552
|
-
) }) : allExecutions.map((execution) => /* @__PURE__ */
|
|
17623
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx34(
|
|
17553
17624
|
DepositExecutionItem,
|
|
17554
17625
|
{
|
|
17555
17626
|
execution,
|
|
@@ -17558,12 +17629,21 @@ function DepositsModal({
|
|
|
17558
17629
|
execution.id
|
|
17559
17630
|
)) }) })
|
|
17560
17631
|
] });
|
|
17561
|
-
return /* @__PURE__ */
|
|
17632
|
+
return /* @__PURE__ */ jsx34(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsx34(
|
|
17562
17633
|
DialogContent2,
|
|
17563
17634
|
{
|
|
17564
17635
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
17565
17636
|
style: { backgroundColor: colors2.background },
|
|
17566
|
-
children: /* @__PURE__ */
|
|
17637
|
+
children: /* @__PURE__ */ jsxs30(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: [
|
|
17638
|
+
content,
|
|
17639
|
+
/* @__PURE__ */ jsx34("div", { className: "uf-pt-3 uf-shrink-0", children: /* @__PURE__ */ jsx34(
|
|
17640
|
+
PoweredByUnifold,
|
|
17641
|
+
{
|
|
17642
|
+
color: colors2.foregroundMuted,
|
|
17643
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
17644
|
+
}
|
|
17645
|
+
) })
|
|
17646
|
+
] })
|
|
17567
17647
|
}
|
|
17568
17648
|
) });
|
|
17569
17649
|
}
|
|
@@ -17697,7 +17777,7 @@ function TokenSelectorSheet({
|
|
|
17697
17777
|
onOpenChange(false);
|
|
17698
17778
|
};
|
|
17699
17779
|
if (!open) return null;
|
|
17700
|
-
return /* @__PURE__ */
|
|
17780
|
+
return /* @__PURE__ */ jsxs31(
|
|
17701
17781
|
"div",
|
|
17702
17782
|
{
|
|
17703
17783
|
className: `${themeClass} uf-px-6`,
|
|
@@ -17712,18 +17792,18 @@ function TokenSelectorSheet({
|
|
|
17712
17792
|
backgroundColor: colors2.background
|
|
17713
17793
|
},
|
|
17714
17794
|
children: [
|
|
17715
|
-
/* @__PURE__ */
|
|
17716
|
-
/* @__PURE__ */
|
|
17795
|
+
/* @__PURE__ */ jsxs31("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
|
|
17796
|
+
/* @__PURE__ */ jsx35(
|
|
17717
17797
|
"button",
|
|
17718
17798
|
{
|
|
17719
17799
|
type: "button",
|
|
17720
17800
|
onClick: () => onOpenChange(false),
|
|
17721
17801
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors",
|
|
17722
17802
|
style: { color: components.header.buttonColor },
|
|
17723
|
-
children: /* @__PURE__ */
|
|
17803
|
+
children: /* @__PURE__ */ jsx35(ArrowLeft, { className: "uf-w-5 uf-h-5" })
|
|
17724
17804
|
}
|
|
17725
17805
|
),
|
|
17726
|
-
/* @__PURE__ */
|
|
17806
|
+
/* @__PURE__ */ jsx35(
|
|
17727
17807
|
"h2",
|
|
17728
17808
|
{
|
|
17729
17809
|
className: "uf-text-base uf-text-center",
|
|
@@ -17734,10 +17814,10 @@ function TokenSelectorSheet({
|
|
|
17734
17814
|
children: "Select token to deposit"
|
|
17735
17815
|
}
|
|
17736
17816
|
),
|
|
17737
|
-
/* @__PURE__ */
|
|
17817
|
+
/* @__PURE__ */ jsx35("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
|
|
17738
17818
|
] }),
|
|
17739
|
-
/* @__PURE__ */
|
|
17740
|
-
/* @__PURE__ */
|
|
17819
|
+
/* @__PURE__ */ jsxs31("div", { className: "uf-pb-3", children: [
|
|
17820
|
+
/* @__PURE__ */ jsx35(
|
|
17741
17821
|
"style",
|
|
17742
17822
|
{
|
|
17743
17823
|
dangerouslySetInnerHTML: {
|
|
@@ -17745,7 +17825,7 @@ function TokenSelectorSheet({
|
|
|
17745
17825
|
}
|
|
17746
17826
|
}
|
|
17747
17827
|
),
|
|
17748
|
-
/* @__PURE__ */
|
|
17828
|
+
/* @__PURE__ */ jsx35("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsx35(
|
|
17749
17829
|
"input",
|
|
17750
17830
|
{
|
|
17751
17831
|
type: "text",
|
|
@@ -17763,8 +17843,8 @@ function TokenSelectorSheet({
|
|
|
17763
17843
|
}
|
|
17764
17844
|
) })
|
|
17765
17845
|
] }),
|
|
17766
|
-
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */
|
|
17767
|
-
/* @__PURE__ */
|
|
17846
|
+
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ jsxs31("div", { className: "uf-pb-3 uf--mx-6", children: [
|
|
17847
|
+
/* @__PURE__ */ jsx35(
|
|
17768
17848
|
"div",
|
|
17769
17849
|
{
|
|
17770
17850
|
className: "uf-text-xs uf-mb-2 uf-px-6",
|
|
@@ -17775,7 +17855,7 @@ function TokenSelectorSheet({
|
|
|
17775
17855
|
children: "Quick select"
|
|
17776
17856
|
}
|
|
17777
17857
|
),
|
|
17778
|
-
/* @__PURE__ */
|
|
17858
|
+
/* @__PURE__ */ jsx35(
|
|
17779
17859
|
"div",
|
|
17780
17860
|
{
|
|
17781
17861
|
className: "uf-flex uf-gap-2 uf-overflow-x-auto uf-px-6 uf-pb-1",
|
|
@@ -17783,12 +17863,12 @@ function TokenSelectorSheet({
|
|
|
17783
17863
|
children: quickSelectOptions.map(({ token, chain, isRecent }) => {
|
|
17784
17864
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
17785
17865
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
17786
|
-
return /* @__PURE__ */
|
|
17866
|
+
return /* @__PURE__ */ jsxs31(
|
|
17787
17867
|
"div",
|
|
17788
17868
|
{
|
|
17789
17869
|
style: { position: "relative", flexShrink: 0 },
|
|
17790
17870
|
children: [
|
|
17791
|
-
isRecent && /* @__PURE__ */
|
|
17871
|
+
isRecent && /* @__PURE__ */ jsx35(
|
|
17792
17872
|
"button",
|
|
17793
17873
|
{
|
|
17794
17874
|
type: "button",
|
|
@@ -17808,10 +17888,10 @@ function TokenSelectorSheet({
|
|
|
17808
17888
|
padding: 2,
|
|
17809
17889
|
color: colors2.foregroundMuted
|
|
17810
17890
|
},
|
|
17811
|
-
children: /* @__PURE__ */
|
|
17891
|
+
children: /* @__PURE__ */ jsx35(X, { style: { width: 12, height: 12 } })
|
|
17812
17892
|
}
|
|
17813
17893
|
),
|
|
17814
|
-
/* @__PURE__ */
|
|
17894
|
+
/* @__PURE__ */ jsxs31(
|
|
17815
17895
|
"button",
|
|
17816
17896
|
{
|
|
17817
17897
|
type: "button",
|
|
@@ -17830,8 +17910,8 @@ function TokenSelectorSheet({
|
|
|
17830
17910
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
17831
17911
|
},
|
|
17832
17912
|
children: [
|
|
17833
|
-
/* @__PURE__ */
|
|
17834
|
-
/* @__PURE__ */
|
|
17913
|
+
/* @__PURE__ */ jsxs31("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
17914
|
+
/* @__PURE__ */ jsx35(
|
|
17835
17915
|
"img",
|
|
17836
17916
|
{
|
|
17837
17917
|
src: token.icon_url,
|
|
@@ -17842,7 +17922,7 @@ function TokenSelectorSheet({
|
|
|
17842
17922
|
className: "uf-rounded-full"
|
|
17843
17923
|
}
|
|
17844
17924
|
),
|
|
17845
|
-
/* @__PURE__ */
|
|
17925
|
+
/* @__PURE__ */ jsx35(
|
|
17846
17926
|
"div",
|
|
17847
17927
|
{
|
|
17848
17928
|
style: {
|
|
@@ -17850,7 +17930,7 @@ function TokenSelectorSheet({
|
|
|
17850
17930
|
bottom: -2,
|
|
17851
17931
|
right: -2
|
|
17852
17932
|
},
|
|
17853
|
-
children: /* @__PURE__ */
|
|
17933
|
+
children: /* @__PURE__ */ jsx35(
|
|
17854
17934
|
"img",
|
|
17855
17935
|
{
|
|
17856
17936
|
src: chain.icon_url,
|
|
@@ -17864,8 +17944,8 @@ function TokenSelectorSheet({
|
|
|
17864
17944
|
}
|
|
17865
17945
|
)
|
|
17866
17946
|
] }),
|
|
17867
|
-
/* @__PURE__ */
|
|
17868
|
-
/* @__PURE__ */
|
|
17947
|
+
/* @__PURE__ */ jsxs31("div", { style: { textAlign: "left" }, children: [
|
|
17948
|
+
/* @__PURE__ */ jsx35(
|
|
17869
17949
|
"div",
|
|
17870
17950
|
{
|
|
17871
17951
|
style: {
|
|
@@ -17878,7 +17958,7 @@ function TokenSelectorSheet({
|
|
|
17878
17958
|
children: token.symbol
|
|
17879
17959
|
}
|
|
17880
17960
|
),
|
|
17881
|
-
/* @__PURE__ */
|
|
17961
|
+
/* @__PURE__ */ jsx35(
|
|
17882
17962
|
"div",
|
|
17883
17963
|
{
|
|
17884
17964
|
style: {
|
|
@@ -17902,7 +17982,7 @@ function TokenSelectorSheet({
|
|
|
17902
17982
|
}
|
|
17903
17983
|
)
|
|
17904
17984
|
] }),
|
|
17905
|
-
/* @__PURE__ */
|
|
17985
|
+
/* @__PURE__ */ jsx35(
|
|
17906
17986
|
"div",
|
|
17907
17987
|
{
|
|
17908
17988
|
className: "uf-text-xs uf-mb-2",
|
|
@@ -17913,7 +17993,7 @@ function TokenSelectorSheet({
|
|
|
17913
17993
|
children: "All supported tokens"
|
|
17914
17994
|
}
|
|
17915
17995
|
),
|
|
17916
|
-
/* @__PURE__ */
|
|
17996
|
+
/* @__PURE__ */ jsx35("div", { className: "uf-flex-1 uf-overflow-y-auto uf-min-h-0 uf--mx-6 uf-px-6 uf-pb-3", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx35(
|
|
17917
17997
|
"div",
|
|
17918
17998
|
{
|
|
17919
17999
|
style: {
|
|
@@ -17925,10 +18005,10 @@ function TokenSelectorSheet({
|
|
|
17925
18005
|
},
|
|
17926
18006
|
children: "No tokens found"
|
|
17927
18007
|
}
|
|
17928
|
-
) : /* @__PURE__ */
|
|
18008
|
+
) : /* @__PURE__ */ jsx35("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
|
|
17929
18009
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
17930
18010
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
17931
|
-
return /* @__PURE__ */
|
|
18011
|
+
return /* @__PURE__ */ jsxs31(
|
|
17932
18012
|
"button",
|
|
17933
18013
|
{
|
|
17934
18014
|
type: "button",
|
|
@@ -17949,8 +18029,8 @@ function TokenSelectorSheet({
|
|
|
17949
18029
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
17950
18030
|
},
|
|
17951
18031
|
children: [
|
|
17952
|
-
/* @__PURE__ */
|
|
17953
|
-
/* @__PURE__ */
|
|
18032
|
+
/* @__PURE__ */ jsxs31("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
18033
|
+
/* @__PURE__ */ jsx35(
|
|
17954
18034
|
"img",
|
|
17955
18035
|
{
|
|
17956
18036
|
src: token.icon_url,
|
|
@@ -17961,7 +18041,7 @@ function TokenSelectorSheet({
|
|
|
17961
18041
|
className: "uf-rounded-full"
|
|
17962
18042
|
}
|
|
17963
18043
|
),
|
|
17964
|
-
/* @__PURE__ */
|
|
18044
|
+
/* @__PURE__ */ jsx35(
|
|
17965
18045
|
"div",
|
|
17966
18046
|
{
|
|
17967
18047
|
style: {
|
|
@@ -17969,7 +18049,7 @@ function TokenSelectorSheet({
|
|
|
17969
18049
|
bottom: -4,
|
|
17970
18050
|
right: -4
|
|
17971
18051
|
},
|
|
17972
|
-
children: /* @__PURE__ */
|
|
18052
|
+
children: /* @__PURE__ */ jsx35(
|
|
17973
18053
|
"img",
|
|
17974
18054
|
{
|
|
17975
18055
|
src: chain.icon_url,
|
|
@@ -17983,8 +18063,8 @@ function TokenSelectorSheet({
|
|
|
17983
18063
|
}
|
|
17984
18064
|
)
|
|
17985
18065
|
] }),
|
|
17986
|
-
/* @__PURE__ */
|
|
17987
|
-
/* @__PURE__ */
|
|
18066
|
+
/* @__PURE__ */ jsxs31("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
18067
|
+
/* @__PURE__ */ jsx35(
|
|
17988
18068
|
"div",
|
|
17989
18069
|
{
|
|
17990
18070
|
style: {
|
|
@@ -17996,7 +18076,7 @@ function TokenSelectorSheet({
|
|
|
17996
18076
|
children: token.symbol
|
|
17997
18077
|
}
|
|
17998
18078
|
),
|
|
17999
|
-
/* @__PURE__ */
|
|
18079
|
+
/* @__PURE__ */ jsx35(
|
|
18000
18080
|
"div",
|
|
18001
18081
|
{
|
|
18002
18082
|
style: {
|
|
@@ -18008,7 +18088,7 @@ function TokenSelectorSheet({
|
|
|
18008
18088
|
}
|
|
18009
18089
|
)
|
|
18010
18090
|
] }),
|
|
18011
|
-
/* @__PURE__ */
|
|
18091
|
+
/* @__PURE__ */ jsxs31(
|
|
18012
18092
|
"div",
|
|
18013
18093
|
{
|
|
18014
18094
|
style: {
|
|
@@ -18017,11 +18097,11 @@ function TokenSelectorSheet({
|
|
|
18017
18097
|
fontFamily: fonts.regular
|
|
18018
18098
|
},
|
|
18019
18099
|
children: [
|
|
18020
|
-
/* @__PURE__ */
|
|
18100
|
+
/* @__PURE__ */ jsxs31("span", { style: { color: components.card.textRightColor }, children: [
|
|
18021
18101
|
"Minimum:",
|
|
18022
18102
|
" "
|
|
18023
18103
|
] }),
|
|
18024
|
-
/* @__PURE__ */
|
|
18104
|
+
/* @__PURE__ */ jsxs31("span", { style: { color: components.card.labelHighlightRightColor }, children: [
|
|
18025
18105
|
"$",
|
|
18026
18106
|
chain.minimum_deposit_amount_usd
|
|
18027
18107
|
] })
|
|
@@ -18032,7 +18112,14 @@ function TokenSelectorSheet({
|
|
|
18032
18112
|
},
|
|
18033
18113
|
`${token.symbol}-${chainKey}`
|
|
18034
18114
|
);
|
|
18035
|
-
}) }) })
|
|
18115
|
+
}) }) }),
|
|
18116
|
+
/* @__PURE__ */ jsx35("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ jsx35(
|
|
18117
|
+
PoweredByUnifold,
|
|
18118
|
+
{
|
|
18119
|
+
color: colors2.foregroundMuted,
|
|
18120
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
18121
|
+
}
|
|
18122
|
+
) })
|
|
18036
18123
|
]
|
|
18037
18124
|
}
|
|
18038
18125
|
);
|
|
@@ -18045,7 +18132,7 @@ function DepositPollingUi({
|
|
|
18045
18132
|
}) {
|
|
18046
18133
|
const { fonts, components } = useTheme();
|
|
18047
18134
|
if (depositConfirmationMode === "manual" && !showWaitingUi) {
|
|
18048
|
-
return /* @__PURE__ */
|
|
18135
|
+
return /* @__PURE__ */ jsx36(
|
|
18049
18136
|
"button",
|
|
18050
18137
|
{
|
|
18051
18138
|
onClick: onIveDeposited,
|
|
@@ -18062,15 +18149,15 @@ function DepositPollingUi({
|
|
|
18062
18149
|
);
|
|
18063
18150
|
}
|
|
18064
18151
|
if (showWaitingUi && !hasExecution) {
|
|
18065
|
-
return /* @__PURE__ */
|
|
18152
|
+
return /* @__PURE__ */ jsxs322(
|
|
18066
18153
|
"div",
|
|
18067
18154
|
{
|
|
18068
18155
|
className: "uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500",
|
|
18069
18156
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
18070
18157
|
children: [
|
|
18071
|
-
/* @__PURE__ */
|
|
18072
|
-
/* @__PURE__ */
|
|
18073
|
-
/* @__PURE__ */
|
|
18158
|
+
/* @__PURE__ */ jsx36("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ jsx36("div", { className: "uf-w-9 uf-h-9 uf-rounded-full uf-border-2 uf-border-t-primary uf-border-primary/20 uf-animate-spin" }) }),
|
|
18159
|
+
/* @__PURE__ */ jsxs322("div", { children: [
|
|
18160
|
+
/* @__PURE__ */ jsx36(
|
|
18074
18161
|
"div",
|
|
18075
18162
|
{
|
|
18076
18163
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -18078,7 +18165,7 @@ function DepositPollingUi({
|
|
|
18078
18165
|
children: "Processing deposit transactions"
|
|
18079
18166
|
}
|
|
18080
18167
|
),
|
|
18081
|
-
/* @__PURE__ */
|
|
18168
|
+
/* @__PURE__ */ jsx36(
|
|
18082
18169
|
"div",
|
|
18083
18170
|
{
|
|
18084
18171
|
className: "uf-text-xs",
|
|
@@ -18097,8 +18184,8 @@ function DepositFooterLinks({
|
|
|
18097
18184
|
onGlossaryClick
|
|
18098
18185
|
}) {
|
|
18099
18186
|
const { colors: colors2 } = useTheme();
|
|
18100
|
-
return /* @__PURE__ */
|
|
18101
|
-
/* @__PURE__ */
|
|
18187
|
+
return /* @__PURE__ */ jsxs33("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
|
|
18188
|
+
/* @__PURE__ */ jsx37(
|
|
18102
18189
|
"a",
|
|
18103
18190
|
{
|
|
18104
18191
|
href: "https://unifold.io/terms",
|
|
@@ -18108,8 +18195,8 @@ function DepositFooterLinks({
|
|
|
18108
18195
|
children: "Terms"
|
|
18109
18196
|
}
|
|
18110
18197
|
),
|
|
18111
|
-
/* @__PURE__ */
|
|
18112
|
-
/* @__PURE__ */
|
|
18198
|
+
/* @__PURE__ */ jsx37("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
18199
|
+
/* @__PURE__ */ jsx37(
|
|
18113
18200
|
"a",
|
|
18114
18201
|
{
|
|
18115
18202
|
href: "https://unifold.io/support",
|
|
@@ -18119,8 +18206,8 @@ function DepositFooterLinks({
|
|
|
18119
18206
|
children: "Help"
|
|
18120
18207
|
}
|
|
18121
18208
|
),
|
|
18122
|
-
/* @__PURE__ */
|
|
18123
|
-
/* @__PURE__ */
|
|
18209
|
+
/* @__PURE__ */ jsx37("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
18210
|
+
/* @__PURE__ */ jsx37(
|
|
18124
18211
|
"div",
|
|
18125
18212
|
{
|
|
18126
18213
|
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
@@ -18142,15 +18229,15 @@ function GlossaryModal({
|
|
|
18142
18229
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
18143
18230
|
const resolvedThemeClass = themeClassProp ?? themeClass;
|
|
18144
18231
|
const modalBackground = backgroundColorProp ?? colors2.background;
|
|
18145
|
-
return /* @__PURE__ */
|
|
18232
|
+
return /* @__PURE__ */ jsx38(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs34(
|
|
18146
18233
|
DialogContent2,
|
|
18147
18234
|
{
|
|
18148
18235
|
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}`,
|
|
18149
18236
|
style: { backgroundColor: modalBackground },
|
|
18150
18237
|
children: [
|
|
18151
|
-
/* @__PURE__ */
|
|
18152
|
-
/* @__PURE__ */
|
|
18153
|
-
/* @__PURE__ */
|
|
18238
|
+
/* @__PURE__ */ jsxs34("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
|
|
18239
|
+
/* @__PURE__ */ jsx38("span", { className: "uf-invisible uf-w-9 uf-h-9 uf-flex uf-shrink-0 uf-items-center uf-justify-center", "aria-hidden": true, children: /* @__PURE__ */ jsx38(X, { className: "uf-w-4 uf-h-4" }) }),
|
|
18240
|
+
/* @__PURE__ */ jsx38(
|
|
18154
18241
|
DialogTitle2,
|
|
18155
18242
|
{
|
|
18156
18243
|
className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
|
|
@@ -18158,91 +18245,91 @@ function GlossaryModal({
|
|
|
18158
18245
|
children: "Glossary"
|
|
18159
18246
|
}
|
|
18160
18247
|
),
|
|
18161
|
-
/* @__PURE__ */
|
|
18248
|
+
/* @__PURE__ */ jsx38(
|
|
18162
18249
|
"button",
|
|
18163
18250
|
{
|
|
18164
18251
|
onClick: () => onOpenChange(false),
|
|
18165
18252
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
|
|
18166
18253
|
style: { color: components.header.buttonColor },
|
|
18167
|
-
children: /* @__PURE__ */
|
|
18254
|
+
children: /* @__PURE__ */ jsx38(X, { className: "uf-w-4 uf-h-4" })
|
|
18168
18255
|
}
|
|
18169
18256
|
)
|
|
18170
18257
|
] }),
|
|
18171
|
-
/* @__PURE__ */
|
|
18172
|
-
/* @__PURE__ */
|
|
18258
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-max-h-[60vh] sm:uf-max-h-[400px] uf-overflow-y-auto uf-pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsxs34("div", { className: "uf-space-y-3", children: [
|
|
18259
|
+
/* @__PURE__ */ jsxs34(
|
|
18173
18260
|
"div",
|
|
18174
18261
|
{
|
|
18175
18262
|
className: "uf-rounded-xl uf-p-3",
|
|
18176
18263
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18177
18264
|
children: [
|
|
18178
|
-
/* @__PURE__ */
|
|
18179
|
-
/* @__PURE__ */
|
|
18265
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
|
|
18266
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
|
|
18180
18267
|
]
|
|
18181
18268
|
}
|
|
18182
18269
|
),
|
|
18183
|
-
/* @__PURE__ */
|
|
18270
|
+
/* @__PURE__ */ jsxs34(
|
|
18184
18271
|
"div",
|
|
18185
18272
|
{
|
|
18186
18273
|
className: "uf-rounded-xl uf-p-3",
|
|
18187
18274
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18188
18275
|
children: [
|
|
18189
|
-
/* @__PURE__ */
|
|
18190
|
-
/* @__PURE__ */
|
|
18276
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
|
|
18277
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "A unique wallet address generated for you. Send supported tokens to this address and they will be automatically converted and deposited into your account." })
|
|
18191
18278
|
]
|
|
18192
18279
|
}
|
|
18193
18280
|
),
|
|
18194
|
-
/* @__PURE__ */
|
|
18281
|
+
/* @__PURE__ */ jsxs34(
|
|
18195
18282
|
"div",
|
|
18196
18283
|
{
|
|
18197
18284
|
className: "uf-rounded-xl uf-p-3",
|
|
18198
18285
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18199
18286
|
children: [
|
|
18200
|
-
/* @__PURE__ */
|
|
18201
|
-
/* @__PURE__ */
|
|
18287
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
|
|
18288
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
|
|
18202
18289
|
]
|
|
18203
18290
|
}
|
|
18204
18291
|
),
|
|
18205
|
-
/* @__PURE__ */
|
|
18292
|
+
/* @__PURE__ */ jsxs34(
|
|
18206
18293
|
"div",
|
|
18207
18294
|
{
|
|
18208
18295
|
className: "uf-rounded-xl uf-p-3",
|
|
18209
18296
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18210
18297
|
children: [
|
|
18211
|
-
/* @__PURE__ */
|
|
18212
|
-
/* @__PURE__ */
|
|
18298
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
|
|
18299
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
|
|
18213
18300
|
]
|
|
18214
18301
|
}
|
|
18215
18302
|
),
|
|
18216
|
-
/* @__PURE__ */
|
|
18303
|
+
/* @__PURE__ */ jsxs34(
|
|
18217
18304
|
"div",
|
|
18218
18305
|
{
|
|
18219
18306
|
className: "uf-rounded-xl uf-p-3",
|
|
18220
18307
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18221
18308
|
children: [
|
|
18222
|
-
/* @__PURE__ */
|
|
18223
|
-
/* @__PURE__ */
|
|
18309
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
|
|
18310
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The estimated time for your deposit to be confirmed and credited. This depends on the source network's block confirmation time and current congestion." })
|
|
18224
18311
|
]
|
|
18225
18312
|
}
|
|
18226
18313
|
),
|
|
18227
|
-
/* @__PURE__ */
|
|
18314
|
+
/* @__PURE__ */ jsxs34(
|
|
18228
18315
|
"div",
|
|
18229
18316
|
{
|
|
18230
18317
|
className: "uf-rounded-xl uf-p-3",
|
|
18231
18318
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18232
18319
|
children: [
|
|
18233
|
-
/* @__PURE__ */
|
|
18234
|
-
/* @__PURE__ */
|
|
18320
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
|
|
18321
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
|
|
18235
18322
|
]
|
|
18236
18323
|
}
|
|
18237
18324
|
),
|
|
18238
|
-
/* @__PURE__ */
|
|
18325
|
+
/* @__PURE__ */ jsxs34(
|
|
18239
18326
|
"div",
|
|
18240
18327
|
{
|
|
18241
18328
|
className: "uf-rounded-xl uf-p-3",
|
|
18242
18329
|
style: { backgroundColor: components.card.backgroundColor },
|
|
18243
18330
|
children: [
|
|
18244
|
-
/* @__PURE__ */
|
|
18245
|
-
/* @__PURE__ */
|
|
18331
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
|
|
18332
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The destination address on the target blockchain where your converted deposit will be sent. This is typically your wallet address on the application's native chain." })
|
|
18246
18333
|
]
|
|
18247
18334
|
}
|
|
18248
18335
|
)
|
|
@@ -18276,12 +18363,12 @@ var TooltipTrigger2 = React232.forwardRef(({ onClick, ...props }, ref) => {
|
|
|
18276
18363
|
},
|
|
18277
18364
|
[open, onOpenChange, onClick]
|
|
18278
18365
|
);
|
|
18279
|
-
return /* @__PURE__ */
|
|
18366
|
+
return /* @__PURE__ */ jsx39(Trigger, { ref, onClick: handleClick, ...props });
|
|
18280
18367
|
});
|
|
18281
18368
|
TooltipTrigger2.displayName = Trigger.displayName;
|
|
18282
18369
|
var TooltipContent2 = React232.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
|
|
18283
18370
|
const { themeClass, colors: colors2 } = useTheme();
|
|
18284
|
-
return /* @__PURE__ */
|
|
18371
|
+
return /* @__PURE__ */ jsx39(Portal3, { children: /* @__PURE__ */ jsx39(
|
|
18285
18372
|
Content22,
|
|
18286
18373
|
{
|
|
18287
18374
|
ref,
|
|
@@ -18480,29 +18567,29 @@ function TransferCryptoSingleInput({
|
|
|
18480
18567
|
const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
|
|
18481
18568
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
18482
18569
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
18483
|
-
return /* @__PURE__ */
|
|
18570
|
+
return /* @__PURE__ */ jsx40(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs35(
|
|
18484
18571
|
"div",
|
|
18485
18572
|
{
|
|
18486
18573
|
className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
|
|
18487
18574
|
style: { backgroundColor: colors2.background },
|
|
18488
18575
|
children: [
|
|
18489
|
-
/* @__PURE__ */
|
|
18490
|
-
/* @__PURE__ */
|
|
18576
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ jsx40("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
|
|
18577
|
+
/* @__PURE__ */ jsx40(
|
|
18491
18578
|
"button",
|
|
18492
18579
|
{
|
|
18493
18580
|
onClick: () => setTokenSelectorOpen(true),
|
|
18494
18581
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
18495
18582
|
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",
|
|
18496
18583
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
18497
|
-
children: tokensLoading ? /* @__PURE__ */
|
|
18498
|
-
/* @__PURE__ */
|
|
18499
|
-
/* @__PURE__ */
|
|
18500
|
-
/* @__PURE__ */
|
|
18501
|
-
/* @__PURE__ */
|
|
18584
|
+
children: tokensLoading ? /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
|
|
18585
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
|
|
18586
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex-1", children: [
|
|
18587
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
|
|
18588
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
|
|
18502
18589
|
] })
|
|
18503
|
-
] }) : /* @__PURE__ */
|
|
18504
|
-
/* @__PURE__ */
|
|
18505
|
-
selectedToken && /* @__PURE__ */
|
|
18590
|
+
] }) : /* @__PURE__ */ jsxs35(Fragment42, { children: [
|
|
18591
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-relative uf-flex-shrink-0", children: [
|
|
18592
|
+
selectedToken && /* @__PURE__ */ jsx40(
|
|
18506
18593
|
"img",
|
|
18507
18594
|
{
|
|
18508
18595
|
src: selectedToken.icon_url,
|
|
@@ -18513,7 +18600,7 @@ function TransferCryptoSingleInput({
|
|
|
18513
18600
|
className: "uf-w-10 uf-h-10 uf-rounded-full"
|
|
18514
18601
|
}
|
|
18515
18602
|
),
|
|
18516
|
-
(currentChainFromBackend || currentChainData) && /* @__PURE__ */
|
|
18603
|
+
(currentChainFromBackend || currentChainData) && /* @__PURE__ */ jsx40("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ jsx40(
|
|
18517
18604
|
"img",
|
|
18518
18605
|
{
|
|
18519
18606
|
src: currentChainFromBackend?.icon_url || currentChainData?.icon_url || "",
|
|
@@ -18526,8 +18613,8 @@ function TransferCryptoSingleInput({
|
|
|
18526
18613
|
}
|
|
18527
18614
|
) })
|
|
18528
18615
|
] }),
|
|
18529
|
-
/* @__PURE__ */
|
|
18530
|
-
/* @__PURE__ */
|
|
18616
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
|
|
18617
|
+
/* @__PURE__ */ jsx40(
|
|
18531
18618
|
"div",
|
|
18532
18619
|
{
|
|
18533
18620
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -18535,7 +18622,7 @@ function TransferCryptoSingleInput({
|
|
|
18535
18622
|
children: selectedToken?.symbol || token
|
|
18536
18623
|
}
|
|
18537
18624
|
),
|
|
18538
|
-
/* @__PURE__ */
|
|
18625
|
+
/* @__PURE__ */ jsx40(
|
|
18539
18626
|
"div",
|
|
18540
18627
|
{
|
|
18541
18628
|
className: "uf-text-xs uf-truncate",
|
|
@@ -18544,8 +18631,8 @@ function TransferCryptoSingleInput({
|
|
|
18544
18631
|
}
|
|
18545
18632
|
)
|
|
18546
18633
|
] }),
|
|
18547
|
-
/* @__PURE__ */
|
|
18548
|
-
/* @__PURE__ */
|
|
18634
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
|
|
18635
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-right", children: /* @__PURE__ */ jsxs35(
|
|
18549
18636
|
"div",
|
|
18550
18637
|
{
|
|
18551
18638
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -18557,12 +18644,12 @@ function TransferCryptoSingleInput({
|
|
|
18557
18644
|
]
|
|
18558
18645
|
}
|
|
18559
18646
|
) }),
|
|
18560
|
-
/* @__PURE__ */
|
|
18647
|
+
/* @__PURE__ */ jsx40(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
18561
18648
|
] })
|
|
18562
18649
|
] })
|
|
18563
18650
|
}
|
|
18564
18651
|
),
|
|
18565
|
-
/* @__PURE__ */
|
|
18652
|
+
/* @__PURE__ */ jsx40(
|
|
18566
18653
|
TokenSelectorSheet,
|
|
18567
18654
|
{
|
|
18568
18655
|
open: tokenSelectorOpen,
|
|
@@ -18576,24 +18663,24 @@ function TransferCryptoSingleInput({
|
|
|
18576
18663
|
}
|
|
18577
18664
|
}
|
|
18578
18665
|
),
|
|
18579
|
-
error && !loading && /* @__PURE__ */
|
|
18580
|
-
/* @__PURE__ */
|
|
18581
|
-
/* @__PURE__ */
|
|
18582
|
-
/* @__PURE__ */
|
|
18583
|
-
/* @__PURE__ */
|
|
18584
|
-
/* @__PURE__ */
|
|
18666
|
+
error && !loading && /* @__PURE__ */ jsxs35("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
|
|
18667
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
18668
|
+
/* @__PURE__ */ jsx40(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
|
|
18669
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
18670
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
|
|
18671
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
18585
18672
|
] })
|
|
18586
18673
|
] }),
|
|
18587
|
-
/* @__PURE__ */
|
|
18588
|
-
/* @__PURE__ */
|
|
18589
|
-
/* @__PURE__ */
|
|
18674
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
|
|
18675
|
+
/* @__PURE__ */ jsx40(Clock, { className: "uf-w-3 uf-h-3" }),
|
|
18676
|
+
/* @__PURE__ */ jsx40("span", { children: "Retrying automatically every 5 seconds..." })
|
|
18590
18677
|
] })
|
|
18591
18678
|
] }),
|
|
18592
|
-
/* @__PURE__ */
|
|
18593
|
-
/* @__PURE__ */
|
|
18594
|
-
/* @__PURE__ */
|
|
18679
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
18680
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
18681
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
18595
18682
|
// QR Skeleton - matches QR code appearance
|
|
18596
|
-
/* @__PURE__ */
|
|
18683
|
+
/* @__PURE__ */ jsx40(
|
|
18597
18684
|
"div",
|
|
18598
18685
|
{
|
|
18599
18686
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -18603,7 +18690,7 @@ function TransferCryptoSingleInput({
|
|
|
18603
18690
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
18604
18691
|
borderRadius: 8
|
|
18605
18692
|
},
|
|
18606
|
-
children: /* @__PURE__ */
|
|
18693
|
+
children: /* @__PURE__ */ jsx40(
|
|
18607
18694
|
"div",
|
|
18608
18695
|
{
|
|
18609
18696
|
style: {
|
|
@@ -18616,7 +18703,7 @@ function TransferCryptoSingleInput({
|
|
|
18616
18703
|
)
|
|
18617
18704
|
}
|
|
18618
18705
|
)
|
|
18619
|
-
) : depositAddress ? /* @__PURE__ */
|
|
18706
|
+
) : depositAddress ? /* @__PURE__ */ jsx40(
|
|
18620
18707
|
StyledQRCode,
|
|
18621
18708
|
{
|
|
18622
18709
|
value: depositAddress,
|
|
@@ -18626,19 +18713,19 @@ function TransferCryptoSingleInput({
|
|
|
18626
18713
|
darkMode: isDarkMode
|
|
18627
18714
|
},
|
|
18628
18715
|
`qr-${depositAddress}-${chain}`
|
|
18629
|
-
) : /* @__PURE__ */
|
|
18716
|
+
) : /* @__PURE__ */ jsx40(
|
|
18630
18717
|
"div",
|
|
18631
18718
|
{
|
|
18632
18719
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
18633
18720
|
style: { width: 180, height: 180 },
|
|
18634
|
-
children: /* @__PURE__ */
|
|
18721
|
+
children: /* @__PURE__ */ jsx40("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
|
|
18635
18722
|
}
|
|
18636
18723
|
) })
|
|
18637
18724
|
] }),
|
|
18638
|
-
/* @__PURE__ */
|
|
18725
|
+
/* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsxs35("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
18639
18726
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
18640
18727
|
// Address skeleton
|
|
18641
|
-
/* @__PURE__ */
|
|
18728
|
+
/* @__PURE__ */ jsx40(
|
|
18642
18729
|
"div",
|
|
18643
18730
|
{
|
|
18644
18731
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -18647,45 +18734,45 @@ function TransferCryptoSingleInput({
|
|
|
18647
18734
|
}
|
|
18648
18735
|
}
|
|
18649
18736
|
)
|
|
18650
|
-
) : /* @__PURE__ */
|
|
18651
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */
|
|
18737
|
+
) : /* @__PURE__ */ jsx40("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
|
|
18738
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ jsx40(
|
|
18652
18739
|
"span",
|
|
18653
18740
|
{
|
|
18654
18741
|
onClick: handleCopyAddress,
|
|
18655
18742
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
18656
18743
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
18657
|
-
children: copied ? /* @__PURE__ */
|
|
18744
|
+
children: copied ? /* @__PURE__ */ jsx40(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx40(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
18658
18745
|
}
|
|
18659
18746
|
)
|
|
18660
18747
|
] }) }),
|
|
18661
|
-
/* @__PURE__ */
|
|
18662
|
-
/* @__PURE__ */
|
|
18748
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
|
|
18749
|
+
/* @__PURE__ */ jsxs35(
|
|
18663
18750
|
"button",
|
|
18664
18751
|
{
|
|
18665
18752
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
18666
18753
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
18667
18754
|
children: [
|
|
18668
|
-
/* @__PURE__ */
|
|
18669
|
-
/* @__PURE__ */
|
|
18670
|
-
/* @__PURE__ */
|
|
18755
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
18756
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
18757
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
18671
18758
|
t4.processingTime.label,
|
|
18672
18759
|
":",
|
|
18673
18760
|
" ",
|
|
18674
|
-
/* @__PURE__ */
|
|
18761
|
+
/* @__PURE__ */ jsx40("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
18675
18762
|
] })
|
|
18676
18763
|
] }),
|
|
18677
|
-
detailsExpanded ? /* @__PURE__ */
|
|
18764
|
+
detailsExpanded ? /* @__PURE__ */ jsx40(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx40(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
18678
18765
|
]
|
|
18679
18766
|
}
|
|
18680
18767
|
),
|
|
18681
|
-
detailsExpanded && /* @__PURE__ */
|
|
18682
|
-
/* @__PURE__ */
|
|
18683
|
-
/* @__PURE__ */
|
|
18684
|
-
/* @__PURE__ */
|
|
18768
|
+
detailsExpanded && /* @__PURE__ */ jsxs35("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
18769
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
18770
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
18771
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
18685
18772
|
t4.slippage.label,
|
|
18686
18773
|
":",
|
|
18687
18774
|
" ",
|
|
18688
|
-
/* @__PURE__ */
|
|
18775
|
+
/* @__PURE__ */ jsxs35("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
18689
18776
|
t4.slippage.auto,
|
|
18690
18777
|
" \u2022 ",
|
|
18691
18778
|
maxSlippage.toFixed(2),
|
|
@@ -18693,38 +18780,38 @@ function TransferCryptoSingleInput({
|
|
|
18693
18780
|
] })
|
|
18694
18781
|
] })
|
|
18695
18782
|
] }),
|
|
18696
|
-
/* @__PURE__ */
|
|
18697
|
-
/* @__PURE__ */
|
|
18698
|
-
/* @__PURE__ */
|
|
18783
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
18784
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
18785
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
18699
18786
|
t4.priceImpact.label,
|
|
18700
18787
|
":",
|
|
18701
18788
|
" ",
|
|
18702
|
-
/* @__PURE__ */
|
|
18789
|
+
/* @__PURE__ */ jsxs35("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
18703
18790
|
priceImpact.toFixed(2),
|
|
18704
18791
|
"%"
|
|
18705
18792
|
] })
|
|
18706
18793
|
] })
|
|
18707
18794
|
] }),
|
|
18708
|
-
/* @__PURE__ */
|
|
18709
|
-
/* @__PURE__ */
|
|
18710
|
-
/* @__PURE__ */
|
|
18795
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
18796
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
18797
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
18711
18798
|
"Recipient address:",
|
|
18712
18799
|
" ",
|
|
18713
|
-
/* @__PURE__ */
|
|
18714
|
-
/* @__PURE__ */
|
|
18800
|
+
/* @__PURE__ */ jsx40("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
18801
|
+
/* @__PURE__ */ jsx40(
|
|
18715
18802
|
"span",
|
|
18716
18803
|
{
|
|
18717
18804
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
18718
18805
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
18719
18806
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
18720
|
-
children: copiedRecipient ? /* @__PURE__ */
|
|
18807
|
+
children: copiedRecipient ? /* @__PURE__ */ jsx40(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx40(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
18721
18808
|
}
|
|
18722
18809
|
)
|
|
18723
18810
|
] })
|
|
18724
18811
|
] })
|
|
18725
18812
|
] })
|
|
18726
18813
|
] }),
|
|
18727
|
-
wallets && wallets.length > 0 && /* @__PURE__ */
|
|
18814
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ jsx40(
|
|
18728
18815
|
DepositPollingUi,
|
|
18729
18816
|
{
|
|
18730
18817
|
depositConfirmationMode,
|
|
@@ -18733,29 +18820,29 @@ function TransferCryptoSingleInput({
|
|
|
18733
18820
|
onIveDeposited: handleIveDeposited
|
|
18734
18821
|
}
|
|
18735
18822
|
),
|
|
18736
|
-
/* @__PURE__ */
|
|
18737
|
-
depositExecutions.length > 1 && /* @__PURE__ */
|
|
18823
|
+
/* @__PURE__ */ jsx40(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
18824
|
+
depositExecutions.length > 1 && /* @__PURE__ */ jsx40("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs35(
|
|
18738
18825
|
"button",
|
|
18739
18826
|
{
|
|
18740
18827
|
onClick: () => setDepositsModalOpen(true),
|
|
18741
18828
|
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",
|
|
18742
18829
|
children: [
|
|
18743
|
-
/* @__PURE__ */
|
|
18830
|
+
/* @__PURE__ */ jsx40(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
18744
18831
|
"Track deposits (",
|
|
18745
18832
|
depositExecutions.length,
|
|
18746
18833
|
")",
|
|
18747
|
-
/* @__PURE__ */
|
|
18834
|
+
/* @__PURE__ */ jsx40(ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
18748
18835
|
]
|
|
18749
18836
|
}
|
|
18750
18837
|
) }),
|
|
18751
|
-
/* @__PURE__ */
|
|
18838
|
+
/* @__PURE__ */ jsx40(
|
|
18752
18839
|
DepositPollingToasts,
|
|
18753
18840
|
{
|
|
18754
18841
|
executions: depositExecutions,
|
|
18755
18842
|
isPolling
|
|
18756
18843
|
}
|
|
18757
18844
|
),
|
|
18758
|
-
/* @__PURE__ */
|
|
18845
|
+
/* @__PURE__ */ jsx40(
|
|
18759
18846
|
DepositsModal,
|
|
18760
18847
|
{
|
|
18761
18848
|
open: depositsModalOpen,
|
|
@@ -18766,7 +18853,7 @@ function TransferCryptoSingleInput({
|
|
|
18766
18853
|
themeClass
|
|
18767
18854
|
}
|
|
18768
18855
|
),
|
|
18769
|
-
/* @__PURE__ */
|
|
18856
|
+
/* @__PURE__ */ jsx40(
|
|
18770
18857
|
GlossaryModal,
|
|
18771
18858
|
{
|
|
18772
18859
|
open: glossaryOpen,
|
|
@@ -18783,7 +18870,7 @@ var Select2 = Root23;
|
|
|
18783
18870
|
var SelectValue2 = Value;
|
|
18784
18871
|
var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props }, ref) => {
|
|
18785
18872
|
const { components } = useTheme();
|
|
18786
|
-
return /* @__PURE__ */
|
|
18873
|
+
return /* @__PURE__ */ jsxs36(
|
|
18787
18874
|
Trigger2,
|
|
18788
18875
|
{
|
|
18789
18876
|
ref,
|
|
@@ -18799,13 +18886,13 @@ var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props
|
|
|
18799
18886
|
...props,
|
|
18800
18887
|
children: [
|
|
18801
18888
|
children,
|
|
18802
|
-
/* @__PURE__ */
|
|
18889
|
+
/* @__PURE__ */ jsx41(Icon2, { asChild: true, children: /* @__PURE__ */ jsx41(ChevronDown, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
|
|
18803
18890
|
]
|
|
18804
18891
|
}
|
|
18805
18892
|
);
|
|
18806
18893
|
});
|
|
18807
18894
|
SelectTrigger2.displayName = Trigger2.displayName;
|
|
18808
|
-
var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
18895
|
+
var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
18809
18896
|
ScrollUpButton,
|
|
18810
18897
|
{
|
|
18811
18898
|
ref,
|
|
@@ -18814,11 +18901,11 @@ var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) =
|
|
|
18814
18901
|
className
|
|
18815
18902
|
),
|
|
18816
18903
|
...props,
|
|
18817
|
-
children: /* @__PURE__ */
|
|
18904
|
+
children: /* @__PURE__ */ jsx41(ChevronUp, { className: "uf-h-4 uf-w-4" })
|
|
18818
18905
|
}
|
|
18819
18906
|
));
|
|
18820
18907
|
SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
|
|
18821
|
-
var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
18908
|
+
var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
18822
18909
|
ScrollDownButton,
|
|
18823
18910
|
{
|
|
18824
18911
|
ref,
|
|
@@ -18827,13 +18914,13 @@ var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref)
|
|
|
18827
18914
|
className
|
|
18828
18915
|
),
|
|
18829
18916
|
...props,
|
|
18830
|
-
children: /* @__PURE__ */
|
|
18917
|
+
children: /* @__PURE__ */ jsx41(ChevronDown, { className: "uf-h-4 uf-w-4" })
|
|
18831
18918
|
}
|
|
18832
18919
|
));
|
|
18833
18920
|
SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
|
|
18834
18921
|
var SelectContent2 = React242.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
|
|
18835
18922
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
18836
|
-
return /* @__PURE__ */
|
|
18923
|
+
return /* @__PURE__ */ jsx41(Portal4, { children: /* @__PURE__ */ jsxs36(
|
|
18837
18924
|
Content23,
|
|
18838
18925
|
{
|
|
18839
18926
|
ref,
|
|
@@ -18852,8 +18939,8 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
|
|
|
18852
18939
|
position,
|
|
18853
18940
|
...props,
|
|
18854
18941
|
children: [
|
|
18855
|
-
/* @__PURE__ */
|
|
18856
|
-
/* @__PURE__ */
|
|
18942
|
+
/* @__PURE__ */ jsx41(SelectScrollUpButton2, {}),
|
|
18943
|
+
/* @__PURE__ */ jsx41(
|
|
18857
18944
|
Viewport,
|
|
18858
18945
|
{
|
|
18859
18946
|
className: cn(
|
|
@@ -18863,13 +18950,13 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
|
|
|
18863
18950
|
children
|
|
18864
18951
|
}
|
|
18865
18952
|
),
|
|
18866
|
-
/* @__PURE__ */
|
|
18953
|
+
/* @__PURE__ */ jsx41(SelectScrollDownButton2, {})
|
|
18867
18954
|
]
|
|
18868
18955
|
}
|
|
18869
18956
|
) });
|
|
18870
18957
|
});
|
|
18871
18958
|
SelectContent2.displayName = Content23.displayName;
|
|
18872
|
-
var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
18959
|
+
var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
18873
18960
|
Label,
|
|
18874
18961
|
{
|
|
18875
18962
|
ref,
|
|
@@ -18881,7 +18968,7 @@ var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__P
|
|
|
18881
18968
|
}
|
|
18882
18969
|
));
|
|
18883
18970
|
SelectLabel2.displayName = Label.displayName;
|
|
18884
|
-
var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */
|
|
18971
|
+
var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs36(
|
|
18885
18972
|
Item,
|
|
18886
18973
|
{
|
|
18887
18974
|
ref,
|
|
@@ -18891,13 +18978,13 @@ var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) =
|
|
|
18891
18978
|
),
|
|
18892
18979
|
...props,
|
|
18893
18980
|
children: [
|
|
18894
|
-
/* @__PURE__ */
|
|
18895
|
-
/* @__PURE__ */
|
|
18981
|
+
/* @__PURE__ */ jsx41("span", { className: "uf-absolute uf-left-2 uf-flex uf-h-3.5 uf-w-3.5 uf-items-center uf-justify-center", children: /* @__PURE__ */ jsx41(ItemIndicator, { children: /* @__PURE__ */ jsx41(Check, { className: "uf-h-4 uf-w-4" }) }) }),
|
|
18982
|
+
/* @__PURE__ */ jsx41(ItemText, { children })
|
|
18896
18983
|
]
|
|
18897
18984
|
}
|
|
18898
18985
|
));
|
|
18899
18986
|
SelectItem2.displayName = Item.displayName;
|
|
18900
|
-
var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
18987
|
+
var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
18901
18988
|
Separator,
|
|
18902
18989
|
{
|
|
18903
18990
|
ref,
|
|
@@ -19062,8 +19149,8 @@ function TransferCryptoDoubleInput({
|
|
|
19062
19149
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
19063
19150
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
19064
19151
|
const renderTokenItem = (tokenData) => {
|
|
19065
|
-
return /* @__PURE__ */
|
|
19066
|
-
/* @__PURE__ */
|
|
19152
|
+
return /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19153
|
+
/* @__PURE__ */ jsx422(
|
|
19067
19154
|
"img",
|
|
19068
19155
|
{
|
|
19069
19156
|
src: tokenData.icon_url,
|
|
@@ -19074,13 +19161,13 @@ function TransferCryptoDoubleInput({
|
|
|
19074
19161
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
19075
19162
|
}
|
|
19076
19163
|
),
|
|
19077
|
-
/* @__PURE__ */
|
|
19164
|
+
/* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
|
|
19078
19165
|
] });
|
|
19079
19166
|
};
|
|
19080
19167
|
const renderChainItem = (chainData, showMinDeposit = false) => {
|
|
19081
|
-
return /* @__PURE__ */
|
|
19082
|
-
/* @__PURE__ */
|
|
19083
|
-
/* @__PURE__ */
|
|
19168
|
+
return /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
|
|
19169
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19170
|
+
/* @__PURE__ */ jsx422(
|
|
19084
19171
|
"img",
|
|
19085
19172
|
{
|
|
19086
19173
|
src: chainData.icon_url,
|
|
@@ -19091,32 +19178,32 @@ function TransferCryptoDoubleInput({
|
|
|
19091
19178
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
19092
19179
|
}
|
|
19093
19180
|
),
|
|
19094
|
-
/* @__PURE__ */
|
|
19181
|
+
/* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
|
|
19095
19182
|
] }),
|
|
19096
|
-
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */
|
|
19183
|
+
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ jsxs37("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
19097
19184
|
"$",
|
|
19098
19185
|
chainData.minimum_deposit_amount_usd
|
|
19099
19186
|
] })
|
|
19100
19187
|
] });
|
|
19101
19188
|
};
|
|
19102
|
-
return /* @__PURE__ */
|
|
19189
|
+
return /* @__PURE__ */ jsx422(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs37(
|
|
19103
19190
|
"div",
|
|
19104
19191
|
{
|
|
19105
19192
|
className: "uf-space-y-3",
|
|
19106
19193
|
style: { backgroundColor: colors2.background },
|
|
19107
19194
|
children: [
|
|
19108
|
-
/* @__PURE__ */
|
|
19109
|
-
/* @__PURE__ */
|
|
19110
|
-
/* @__PURE__ */
|
|
19111
|
-
/* @__PURE__ */
|
|
19195
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
|
|
19196
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
19197
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
|
|
19198
|
+
/* @__PURE__ */ jsxs37(
|
|
19112
19199
|
Select2,
|
|
19113
19200
|
{
|
|
19114
19201
|
value: token,
|
|
19115
19202
|
onValueChange: setToken,
|
|
19116
19203
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
19117
19204
|
children: [
|
|
19118
|
-
/* @__PURE__ */
|
|
19119
|
-
/* @__PURE__ */
|
|
19205
|
+
/* @__PURE__ */ jsx422(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx422(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
|
|
19206
|
+
/* @__PURE__ */ jsx422(SelectContent2, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} }, children: supportedTokens.map((tokenData) => /* @__PURE__ */ jsx422(
|
|
19120
19207
|
SelectItem2,
|
|
19121
19208
|
{
|
|
19122
19209
|
value: tokenData.symbol,
|
|
@@ -19129,36 +19216,36 @@ function TransferCryptoDoubleInput({
|
|
|
19129
19216
|
}
|
|
19130
19217
|
)
|
|
19131
19218
|
] }),
|
|
19132
|
-
/* @__PURE__ */
|
|
19133
|
-
/* @__PURE__ */
|
|
19219
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
19220
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
|
|
19134
19221
|
t5.selectedChain,
|
|
19135
|
-
/* @__PURE__ */
|
|
19222
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
19136
19223
|
"$",
|
|
19137
19224
|
minDepositUsd,
|
|
19138
19225
|
" ",
|
|
19139
19226
|
t5.minDeposit.label
|
|
19140
19227
|
] })
|
|
19141
19228
|
] }),
|
|
19142
|
-
/* @__PURE__ */
|
|
19229
|
+
/* @__PURE__ */ jsxs37(
|
|
19143
19230
|
Select2,
|
|
19144
19231
|
{
|
|
19145
19232
|
value: chain,
|
|
19146
19233
|
onValueChange: setChain,
|
|
19147
19234
|
disabled: tokensLoading || availableChainsForToken.length === 0,
|
|
19148
19235
|
children: [
|
|
19149
|
-
/* @__PURE__ */
|
|
19150
|
-
/* @__PURE__ */
|
|
19236
|
+
/* @__PURE__ */ jsx422(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx422(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
|
|
19237
|
+
/* @__PURE__ */ jsx422(
|
|
19151
19238
|
SelectContent2,
|
|
19152
19239
|
{
|
|
19153
19240
|
align: "end",
|
|
19154
19241
|
className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
|
|
19155
19242
|
style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} },
|
|
19156
|
-
children: availableChainsForToken.length === 0 ? /* @__PURE__ */
|
|
19243
|
+
children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx422("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
|
|
19157
19244
|
const chainKey = getChainKey2(
|
|
19158
19245
|
chainData.chain_id,
|
|
19159
19246
|
chainData.chain_type
|
|
19160
19247
|
);
|
|
19161
|
-
return /* @__PURE__ */
|
|
19248
|
+
return /* @__PURE__ */ jsx422(
|
|
19162
19249
|
SelectItem2,
|
|
19163
19250
|
{
|
|
19164
19251
|
value: chainKey,
|
|
@@ -19175,24 +19262,24 @@ function TransferCryptoDoubleInput({
|
|
|
19175
19262
|
)
|
|
19176
19263
|
] })
|
|
19177
19264
|
] }),
|
|
19178
|
-
error && !loading && /* @__PURE__ */
|
|
19179
|
-
/* @__PURE__ */
|
|
19180
|
-
/* @__PURE__ */
|
|
19181
|
-
/* @__PURE__ */
|
|
19182
|
-
/* @__PURE__ */
|
|
19183
|
-
/* @__PURE__ */
|
|
19265
|
+
error && !loading && /* @__PURE__ */ jsxs37("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
|
|
19266
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
19267
|
+
/* @__PURE__ */ jsx422(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
|
|
19268
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
19269
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
|
|
19270
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
19184
19271
|
] })
|
|
19185
19272
|
] }),
|
|
19186
|
-
/* @__PURE__ */
|
|
19187
|
-
/* @__PURE__ */
|
|
19188
|
-
/* @__PURE__ */
|
|
19273
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
|
|
19274
|
+
/* @__PURE__ */ jsx422(Clock, { className: "uf-w-3 uf-h-3" }),
|
|
19275
|
+
/* @__PURE__ */ jsx422("span", { children: "Retrying automatically every 5 seconds..." })
|
|
19189
19276
|
] })
|
|
19190
19277
|
] }),
|
|
19191
|
-
/* @__PURE__ */
|
|
19192
|
-
/* @__PURE__ */
|
|
19193
|
-
/* @__PURE__ */
|
|
19278
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
19279
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
19280
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
19194
19281
|
// QR Skeleton - matches QR code appearance
|
|
19195
|
-
/* @__PURE__ */
|
|
19282
|
+
/* @__PURE__ */ jsx422(
|
|
19196
19283
|
"div",
|
|
19197
19284
|
{
|
|
19198
19285
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -19202,7 +19289,7 @@ function TransferCryptoDoubleInput({
|
|
|
19202
19289
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
19203
19290
|
borderRadius: 8
|
|
19204
19291
|
},
|
|
19205
|
-
children: /* @__PURE__ */
|
|
19292
|
+
children: /* @__PURE__ */ jsx422(
|
|
19206
19293
|
"div",
|
|
19207
19294
|
{
|
|
19208
19295
|
style: {
|
|
@@ -19215,7 +19302,7 @@ function TransferCryptoDoubleInput({
|
|
|
19215
19302
|
)
|
|
19216
19303
|
}
|
|
19217
19304
|
)
|
|
19218
|
-
) : depositAddress ? /* @__PURE__ */
|
|
19305
|
+
) : depositAddress ? /* @__PURE__ */ jsx422(
|
|
19219
19306
|
StyledQRCode,
|
|
19220
19307
|
{
|
|
19221
19308
|
value: depositAddress,
|
|
@@ -19225,19 +19312,19 @@ function TransferCryptoDoubleInput({
|
|
|
19225
19312
|
darkMode: isDarkMode
|
|
19226
19313
|
},
|
|
19227
19314
|
`qr-${depositAddress}-${chain}`
|
|
19228
|
-
) : /* @__PURE__ */
|
|
19315
|
+
) : /* @__PURE__ */ jsx422(
|
|
19229
19316
|
"div",
|
|
19230
19317
|
{
|
|
19231
19318
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
19232
19319
|
style: { width: 180, height: 180 },
|
|
19233
|
-
children: /* @__PURE__ */
|
|
19320
|
+
children: /* @__PURE__ */ jsx422("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
|
|
19234
19321
|
}
|
|
19235
19322
|
) })
|
|
19236
19323
|
] }),
|
|
19237
|
-
/* @__PURE__ */
|
|
19324
|
+
/* @__PURE__ */ jsx422("div", { children: /* @__PURE__ */ jsxs37("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
19238
19325
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
19239
19326
|
// Address skeleton
|
|
19240
|
-
/* @__PURE__ */
|
|
19327
|
+
/* @__PURE__ */ jsx422(
|
|
19241
19328
|
"div",
|
|
19242
19329
|
{
|
|
19243
19330
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -19246,45 +19333,45 @@ function TransferCryptoDoubleInput({
|
|
|
19246
19333
|
}
|
|
19247
19334
|
}
|
|
19248
19335
|
)
|
|
19249
|
-
) : /* @__PURE__ */
|
|
19250
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */
|
|
19336
|
+
) : /* @__PURE__ */ jsx422("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
|
|
19337
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ jsx422(
|
|
19251
19338
|
"span",
|
|
19252
19339
|
{
|
|
19253
19340
|
onClick: handleCopyAddress,
|
|
19254
19341
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
19255
19342
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
19256
|
-
children: copied ? /* @__PURE__ */
|
|
19343
|
+
children: copied ? /* @__PURE__ */ jsx422(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx422(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
19257
19344
|
}
|
|
19258
19345
|
)
|
|
19259
19346
|
] }) }),
|
|
19260
|
-
/* @__PURE__ */
|
|
19261
|
-
/* @__PURE__ */
|
|
19347
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
|
|
19348
|
+
/* @__PURE__ */ jsxs37(
|
|
19262
19349
|
"button",
|
|
19263
19350
|
{
|
|
19264
19351
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
19265
19352
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
19266
19353
|
children: [
|
|
19267
|
-
/* @__PURE__ */
|
|
19268
|
-
/* @__PURE__ */
|
|
19269
|
-
/* @__PURE__ */
|
|
19354
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19355
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx422(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
19356
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
19270
19357
|
t5.processingTime.label,
|
|
19271
19358
|
":",
|
|
19272
19359
|
" ",
|
|
19273
|
-
/* @__PURE__ */
|
|
19360
|
+
/* @__PURE__ */ jsx422("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
19274
19361
|
] })
|
|
19275
19362
|
] }),
|
|
19276
|
-
detailsExpanded ? /* @__PURE__ */
|
|
19363
|
+
detailsExpanded ? /* @__PURE__ */ jsx422(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx422(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
19277
19364
|
]
|
|
19278
19365
|
}
|
|
19279
19366
|
),
|
|
19280
|
-
detailsExpanded && /* @__PURE__ */
|
|
19281
|
-
/* @__PURE__ */
|
|
19282
|
-
/* @__PURE__ */
|
|
19283
|
-
/* @__PURE__ */
|
|
19367
|
+
detailsExpanded && /* @__PURE__ */ jsxs37("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
19368
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19369
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx422(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
19370
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
19284
19371
|
t5.slippage.label,
|
|
19285
19372
|
":",
|
|
19286
19373
|
" ",
|
|
19287
|
-
/* @__PURE__ */
|
|
19374
|
+
/* @__PURE__ */ jsxs37("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
19288
19375
|
t5.slippage.auto,
|
|
19289
19376
|
" \u2022 ",
|
|
19290
19377
|
maxSlippage.toFixed(2),
|
|
@@ -19292,38 +19379,38 @@ function TransferCryptoDoubleInput({
|
|
|
19292
19379
|
] })
|
|
19293
19380
|
] })
|
|
19294
19381
|
] }),
|
|
19295
|
-
/* @__PURE__ */
|
|
19296
|
-
/* @__PURE__ */
|
|
19297
|
-
/* @__PURE__ */
|
|
19382
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19383
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx422(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
19384
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
19298
19385
|
t5.priceImpact.label,
|
|
19299
19386
|
":",
|
|
19300
19387
|
" ",
|
|
19301
|
-
/* @__PURE__ */
|
|
19388
|
+
/* @__PURE__ */ jsxs37("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
19302
19389
|
priceImpact.toFixed(2),
|
|
19303
19390
|
"%"
|
|
19304
19391
|
] })
|
|
19305
19392
|
] })
|
|
19306
19393
|
] }),
|
|
19307
|
-
/* @__PURE__ */
|
|
19308
|
-
/* @__PURE__ */
|
|
19309
|
-
/* @__PURE__ */
|
|
19394
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19395
|
+
/* @__PURE__ */ jsx422("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx422(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
19396
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
19310
19397
|
"Recipient address:",
|
|
19311
19398
|
" ",
|
|
19312
|
-
/* @__PURE__ */
|
|
19313
|
-
/* @__PURE__ */
|
|
19399
|
+
/* @__PURE__ */ jsx422("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
19400
|
+
/* @__PURE__ */ jsx422(
|
|
19314
19401
|
"span",
|
|
19315
19402
|
{
|
|
19316
19403
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
19317
19404
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
19318
19405
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
19319
|
-
children: copiedRecipient ? /* @__PURE__ */
|
|
19406
|
+
children: copiedRecipient ? /* @__PURE__ */ jsx422(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx422(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
19320
19407
|
}
|
|
19321
19408
|
)
|
|
19322
19409
|
] })
|
|
19323
19410
|
] })
|
|
19324
19411
|
] })
|
|
19325
19412
|
] }),
|
|
19326
|
-
wallets && wallets.length > 0 && /* @__PURE__ */
|
|
19413
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ jsx422(
|
|
19327
19414
|
DepositPollingUi,
|
|
19328
19415
|
{
|
|
19329
19416
|
depositConfirmationMode,
|
|
@@ -19332,29 +19419,29 @@ function TransferCryptoDoubleInput({
|
|
|
19332
19419
|
onIveDeposited: handleIveDeposited
|
|
19333
19420
|
}
|
|
19334
19421
|
),
|
|
19335
|
-
/* @__PURE__ */
|
|
19336
|
-
depositExecutions.length > 1 && /* @__PURE__ */
|
|
19422
|
+
/* @__PURE__ */ jsx422(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
19423
|
+
depositExecutions.length > 1 && /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs37(
|
|
19337
19424
|
"button",
|
|
19338
19425
|
{
|
|
19339
19426
|
onClick: () => setDepositsModalOpen(true),
|
|
19340
19427
|
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",
|
|
19341
19428
|
children: [
|
|
19342
|
-
/* @__PURE__ */
|
|
19429
|
+
/* @__PURE__ */ jsx422(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
19343
19430
|
"Track deposits (",
|
|
19344
19431
|
depositExecutions.length,
|
|
19345
19432
|
")",
|
|
19346
|
-
/* @__PURE__ */
|
|
19433
|
+
/* @__PURE__ */ jsx422(ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
19347
19434
|
]
|
|
19348
19435
|
}
|
|
19349
19436
|
) }),
|
|
19350
|
-
/* @__PURE__ */
|
|
19437
|
+
/* @__PURE__ */ jsx422(
|
|
19351
19438
|
DepositPollingToasts,
|
|
19352
19439
|
{
|
|
19353
19440
|
executions: depositExecutions,
|
|
19354
19441
|
isPolling
|
|
19355
19442
|
}
|
|
19356
19443
|
),
|
|
19357
|
-
/* @__PURE__ */
|
|
19444
|
+
/* @__PURE__ */ jsx422(
|
|
19358
19445
|
DepositsModal,
|
|
19359
19446
|
{
|
|
19360
19447
|
open: depositsModalOpen,
|
|
@@ -19365,7 +19452,7 @@ function TransferCryptoDoubleInput({
|
|
|
19365
19452
|
themeClass
|
|
19366
19453
|
}
|
|
19367
19454
|
),
|
|
19368
|
-
/* @__PURE__ */
|
|
19455
|
+
/* @__PURE__ */ jsx422(
|
|
19369
19456
|
GlossaryModal,
|
|
19370
19457
|
{
|
|
19371
19458
|
open: glossaryOpen,
|
|
@@ -19392,8 +19479,8 @@ function SelectTokenView({
|
|
|
19392
19479
|
onClose
|
|
19393
19480
|
}) {
|
|
19394
19481
|
const { colors: colors2, fonts, components } = useTheme();
|
|
19395
|
-
return /* @__PURE__ */
|
|
19396
|
-
/* @__PURE__ */
|
|
19482
|
+
return /* @__PURE__ */ jsxs38(Fragment52, { children: [
|
|
19483
|
+
/* @__PURE__ */ jsx43(
|
|
19397
19484
|
DepositHeader,
|
|
19398
19485
|
{
|
|
19399
19486
|
title: "Select Token",
|
|
@@ -19406,20 +19493,20 @@ function SelectTokenView({
|
|
|
19406
19493
|
onClose
|
|
19407
19494
|
}
|
|
19408
19495
|
),
|
|
19409
|
-
/* @__PURE__ */
|
|
19496
|
+
/* @__PURE__ */ jsx43("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx43("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ jsx43(
|
|
19410
19497
|
LoaderCircle,
|
|
19411
19498
|
{
|
|
19412
19499
|
className: "uf-w-6 uf-h-6 uf-animate-spin",
|
|
19413
19500
|
style: { color: colors2.foregroundMuted }
|
|
19414
19501
|
}
|
|
19415
|
-
) }) : error ? /* @__PURE__ */
|
|
19502
|
+
) }) : error ? /* @__PURE__ */ jsx43("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx43(
|
|
19416
19503
|
"div",
|
|
19417
19504
|
{
|
|
19418
19505
|
className: "uf-text-sm",
|
|
19419
19506
|
style: { color: colors2.foregroundMuted },
|
|
19420
19507
|
children: error
|
|
19421
19508
|
}
|
|
19422
|
-
) }) : balances.length === 0 ? /* @__PURE__ */
|
|
19509
|
+
) }) : balances.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx43(
|
|
19423
19510
|
"div",
|
|
19424
19511
|
{
|
|
19425
19512
|
className: "uf-text-sm",
|
|
@@ -19438,7 +19525,7 @@ function SelectTokenView({
|
|
|
19438
19525
|
token.symbol
|
|
19439
19526
|
);
|
|
19440
19527
|
const formattedUsd = formatUsdAmount(balance.amount_usd);
|
|
19441
|
-
return /* @__PURE__ */
|
|
19528
|
+
return /* @__PURE__ */ jsxs38(
|
|
19442
19529
|
"button",
|
|
19443
19530
|
{
|
|
19444
19531
|
onClick: () => onTokenSelect(balance),
|
|
@@ -19451,9 +19538,9 @@ function SelectTokenView({
|
|
|
19451
19538
|
opacity: isEligible ? 1 : 0.5
|
|
19452
19539
|
},
|
|
19453
19540
|
children: [
|
|
19454
|
-
/* @__PURE__ */
|
|
19455
|
-
/* @__PURE__ */
|
|
19456
|
-
getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */
|
|
19541
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
19542
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
|
|
19543
|
+
getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ jsx43(
|
|
19457
19544
|
"img",
|
|
19458
19545
|
{
|
|
19459
19546
|
src: getIconUrl2(token.icon_url, assetCdnUrl),
|
|
@@ -19465,12 +19552,12 @@ function SelectTokenView({
|
|
|
19465
19552
|
filter: isEligible ? "none" : "grayscale(100%)"
|
|
19466
19553
|
}
|
|
19467
19554
|
}
|
|
19468
|
-
) : /* @__PURE__ */
|
|
19555
|
+
) : /* @__PURE__ */ jsx43(
|
|
19469
19556
|
"div",
|
|
19470
19557
|
{
|
|
19471
19558
|
className: "uf-w-9 uf-h-9 uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
19472
19559
|
style: { backgroundColor: colors2.card },
|
|
19473
|
-
children: /* @__PURE__ */
|
|
19560
|
+
children: /* @__PURE__ */ jsx43(
|
|
19474
19561
|
"span",
|
|
19475
19562
|
{
|
|
19476
19563
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -19480,7 +19567,7 @@ function SelectTokenView({
|
|
|
19480
19567
|
)
|
|
19481
19568
|
}
|
|
19482
19569
|
),
|
|
19483
|
-
getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */
|
|
19570
|
+
getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ jsx43(
|
|
19484
19571
|
"img",
|
|
19485
19572
|
{
|
|
19486
19573
|
src: getIconUrl2(token.chain_icon_url, assetCdnUrl),
|
|
@@ -19495,8 +19582,8 @@ function SelectTokenView({
|
|
|
19495
19582
|
}
|
|
19496
19583
|
)
|
|
19497
19584
|
] }),
|
|
19498
|
-
/* @__PURE__ */
|
|
19499
|
-
/* @__PURE__ */
|
|
19585
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-text-left", children: [
|
|
19586
|
+
/* @__PURE__ */ jsx43(
|
|
19500
19587
|
"div",
|
|
19501
19588
|
{
|
|
19502
19589
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19507,7 +19594,7 @@ function SelectTokenView({
|
|
|
19507
19594
|
children: token.symbol
|
|
19508
19595
|
}
|
|
19509
19596
|
),
|
|
19510
|
-
/* @__PURE__ */
|
|
19597
|
+
/* @__PURE__ */ jsxs38(
|
|
19511
19598
|
"div",
|
|
19512
19599
|
{
|
|
19513
19600
|
className: "uf-text-xs",
|
|
@@ -19523,8 +19610,8 @@ function SelectTokenView({
|
|
|
19523
19610
|
)
|
|
19524
19611
|
] })
|
|
19525
19612
|
] }),
|
|
19526
|
-
/* @__PURE__ */
|
|
19527
|
-
/* @__PURE__ */
|
|
19613
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-text-right", children: [
|
|
19614
|
+
/* @__PURE__ */ jsxs38(
|
|
19528
19615
|
"div",
|
|
19529
19616
|
{
|
|
19530
19617
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19539,7 +19626,7 @@ function SelectTokenView({
|
|
|
19539
19626
|
]
|
|
19540
19627
|
}
|
|
19541
19628
|
),
|
|
19542
|
-
formattedUsd && /* @__PURE__ */
|
|
19629
|
+
formattedUsd && /* @__PURE__ */ jsxs38(
|
|
19543
19630
|
"div",
|
|
19544
19631
|
{
|
|
19545
19632
|
className: "uf-text-xs",
|
|
@@ -19559,7 +19646,7 @@ function SelectTokenView({
|
|
|
19559
19646
|
`${token.chain_id}-${token.token_address}-${index2}`
|
|
19560
19647
|
);
|
|
19561
19648
|
}) }) }),
|
|
19562
|
-
/* @__PURE__ */
|
|
19649
|
+
/* @__PURE__ */ jsx43("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx43(
|
|
19563
19650
|
"button",
|
|
19564
19651
|
{
|
|
19565
19652
|
onClick: onContinue,
|
|
@@ -19595,8 +19682,8 @@ function EnterAmountView({
|
|
|
19595
19682
|
}) {
|
|
19596
19683
|
const { colors: colors2, fonts, components } = useTheme();
|
|
19597
19684
|
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}`;
|
|
19598
|
-
return /* @__PURE__ */
|
|
19599
|
-
/* @__PURE__ */
|
|
19685
|
+
return /* @__PURE__ */ jsxs39(Fragment62, { children: [
|
|
19686
|
+
/* @__PURE__ */ jsx44(
|
|
19600
19687
|
DepositHeader,
|
|
19601
19688
|
{
|
|
19602
19689
|
title: "Enter Amount",
|
|
@@ -19606,9 +19693,9 @@ function EnterAmountView({
|
|
|
19606
19693
|
onClose
|
|
19607
19694
|
}
|
|
19608
19695
|
),
|
|
19609
|
-
/* @__PURE__ */
|
|
19610
|
-
/* @__PURE__ */
|
|
19611
|
-
/* @__PURE__ */
|
|
19696
|
+
/* @__PURE__ */ jsxs39("div", { className: "uf-text-center uf-py-6", children: [
|
|
19697
|
+
/* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
19698
|
+
/* @__PURE__ */ jsx44(
|
|
19612
19699
|
"span",
|
|
19613
19700
|
{
|
|
19614
19701
|
className: "uf-text-2xl uf-mr-1",
|
|
@@ -19616,7 +19703,7 @@ function EnterAmountView({
|
|
|
19616
19703
|
children: "$"
|
|
19617
19704
|
}
|
|
19618
19705
|
),
|
|
19619
|
-
/* @__PURE__ */
|
|
19706
|
+
/* @__PURE__ */ jsx44(
|
|
19620
19707
|
"input",
|
|
19621
19708
|
{
|
|
19622
19709
|
type: "text",
|
|
@@ -19644,7 +19731,7 @@ function EnterAmountView({
|
|
|
19644
19731
|
}
|
|
19645
19732
|
)
|
|
19646
19733
|
] }),
|
|
19647
|
-
formattedTokenAmount && /* @__PURE__ */
|
|
19734
|
+
formattedTokenAmount && /* @__PURE__ */ jsxs39(
|
|
19648
19735
|
"div",
|
|
19649
19736
|
{
|
|
19650
19737
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -19656,8 +19743,8 @@ function EnterAmountView({
|
|
|
19656
19743
|
}
|
|
19657
19744
|
)
|
|
19658
19745
|
] }),
|
|
19659
|
-
/* @__PURE__ */
|
|
19660
|
-
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */
|
|
19746
|
+
/* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
|
|
19747
|
+
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ jsxs39(
|
|
19661
19748
|
"button",
|
|
19662
19749
|
{
|
|
19663
19750
|
onClick: () => onAmountChange(quickAmount.toString()),
|
|
@@ -19674,7 +19761,7 @@ function EnterAmountView({
|
|
|
19674
19761
|
},
|
|
19675
19762
|
quickAmount
|
|
19676
19763
|
)),
|
|
19677
|
-
/* @__PURE__ */
|
|
19764
|
+
/* @__PURE__ */ jsx44(
|
|
19678
19765
|
"button",
|
|
19679
19766
|
{
|
|
19680
19767
|
onClick: onMaxClick,
|
|
@@ -19688,7 +19775,7 @@ function EnterAmountView({
|
|
|
19688
19775
|
}
|
|
19689
19776
|
)
|
|
19690
19777
|
] }),
|
|
19691
|
-
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */
|
|
19778
|
+
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ jsxs39(
|
|
19692
19779
|
"div",
|
|
19693
19780
|
{
|
|
19694
19781
|
className: "uf-text-center uf-text-xs uf-mb-3",
|
|
@@ -19699,14 +19786,14 @@ function EnterAmountView({
|
|
|
19699
19786
|
]
|
|
19700
19787
|
}
|
|
19701
19788
|
),
|
|
19702
|
-
inputUsdNum > 0 && /* @__PURE__ */
|
|
19789
|
+
inputUsdNum > 0 && /* @__PURE__ */ jsx44(Fragment62, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ jsx44(
|
|
19703
19790
|
"div",
|
|
19704
19791
|
{
|
|
19705
19792
|
className: "uf-text-center uf-text-sm uf-mb-3",
|
|
19706
19793
|
style: { color: colors2.error },
|
|
19707
19794
|
children: "Insufficient balance"
|
|
19708
19795
|
}
|
|
19709
|
-
) : error && /* @__PURE__ */
|
|
19796
|
+
) : error && /* @__PURE__ */ jsx44(
|
|
19710
19797
|
"div",
|
|
19711
19798
|
{
|
|
19712
19799
|
className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2",
|
|
@@ -19714,7 +19801,7 @@ function EnterAmountView({
|
|
|
19714
19801
|
children: error
|
|
19715
19802
|
}
|
|
19716
19803
|
) }),
|
|
19717
|
-
/* @__PURE__ */
|
|
19804
|
+
/* @__PURE__ */ jsx44(
|
|
19718
19805
|
"button",
|
|
19719
19806
|
{
|
|
19720
19807
|
onClick: onReview,
|
|
@@ -19750,8 +19837,8 @@ function ReviewView({
|
|
|
19750
19837
|
onClose
|
|
19751
19838
|
}) {
|
|
19752
19839
|
const { colors: colors2, fonts, components } = useTheme();
|
|
19753
|
-
return /* @__PURE__ */
|
|
19754
|
-
/* @__PURE__ */
|
|
19840
|
+
return /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
|
|
19841
|
+
/* @__PURE__ */ jsx45(
|
|
19755
19842
|
DepositHeader,
|
|
19756
19843
|
{
|
|
19757
19844
|
title: "Review",
|
|
@@ -19760,8 +19847,8 @@ function ReviewView({
|
|
|
19760
19847
|
onClose
|
|
19761
19848
|
}
|
|
19762
19849
|
),
|
|
19763
|
-
/* @__PURE__ */
|
|
19764
|
-
/* @__PURE__ */
|
|
19850
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-text-center", children: [
|
|
19851
|
+
/* @__PURE__ */ jsxs40(
|
|
19765
19852
|
"div",
|
|
19766
19853
|
{
|
|
19767
19854
|
className: "uf-text-4xl uf-font-medium",
|
|
@@ -19772,7 +19859,7 @@ function ReviewView({
|
|
|
19772
19859
|
]
|
|
19773
19860
|
}
|
|
19774
19861
|
),
|
|
19775
|
-
formattedTokenAmount && /* @__PURE__ */
|
|
19862
|
+
formattedTokenAmount && /* @__PURE__ */ jsxs40(
|
|
19776
19863
|
"div",
|
|
19777
19864
|
{
|
|
19778
19865
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -19784,14 +19871,14 @@ function ReviewView({
|
|
|
19784
19871
|
}
|
|
19785
19872
|
)
|
|
19786
19873
|
] }),
|
|
19787
|
-
/* @__PURE__ */
|
|
19874
|
+
/* @__PURE__ */ jsxs40(
|
|
19788
19875
|
"div",
|
|
19789
19876
|
{
|
|
19790
19877
|
className: "uf-p-4 uf-space-y-4 uf-mt-4",
|
|
19791
19878
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
19792
19879
|
children: [
|
|
19793
|
-
/* @__PURE__ */
|
|
19794
|
-
/* @__PURE__ */
|
|
19880
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
19881
|
+
/* @__PURE__ */ jsx45(
|
|
19795
19882
|
"span",
|
|
19796
19883
|
{
|
|
19797
19884
|
className: "uf-text-sm",
|
|
@@ -19799,8 +19886,8 @@ function ReviewView({
|
|
|
19799
19886
|
children: "Source"
|
|
19800
19887
|
}
|
|
19801
19888
|
),
|
|
19802
|
-
/* @__PURE__ */
|
|
19803
|
-
getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */
|
|
19889
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19890
|
+
getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ jsx45(
|
|
19804
19891
|
"img",
|
|
19805
19892
|
{
|
|
19806
19893
|
src: getIconUrl2(selectedToken.icon_url, assetCdnUrl),
|
|
@@ -19808,7 +19895,7 @@ function ReviewView({
|
|
|
19808
19895
|
className: "uf-w-5 uf-h-5 uf-rounded-full"
|
|
19809
19896
|
}
|
|
19810
19897
|
),
|
|
19811
|
-
/* @__PURE__ */
|
|
19898
|
+
/* @__PURE__ */ jsxs40(
|
|
19812
19899
|
"span",
|
|
19813
19900
|
{
|
|
19814
19901
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19823,8 +19910,8 @@ function ReviewView({
|
|
|
19823
19910
|
)
|
|
19824
19911
|
] })
|
|
19825
19912
|
] }),
|
|
19826
|
-
/* @__PURE__ */
|
|
19827
|
-
/* @__PURE__ */
|
|
19913
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
19914
|
+
/* @__PURE__ */ jsx45(
|
|
19828
19915
|
"span",
|
|
19829
19916
|
{
|
|
19830
19917
|
className: "uf-text-sm",
|
|
@@ -19832,7 +19919,7 @@ function ReviewView({
|
|
|
19832
19919
|
children: "Destination"
|
|
19833
19920
|
}
|
|
19834
19921
|
),
|
|
19835
|
-
/* @__PURE__ */
|
|
19922
|
+
/* @__PURE__ */ jsx45(
|
|
19836
19923
|
"span",
|
|
19837
19924
|
{
|
|
19838
19925
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19841,13 +19928,13 @@ function ReviewView({
|
|
|
19841
19928
|
}
|
|
19842
19929
|
)
|
|
19843
19930
|
] }),
|
|
19844
|
-
/* @__PURE__ */
|
|
19931
|
+
/* @__PURE__ */ jsxs40(
|
|
19845
19932
|
"button",
|
|
19846
19933
|
{
|
|
19847
19934
|
onClick: onToggleDetails,
|
|
19848
19935
|
className: "uf-w-full uf-flex uf-justify-between uf-items-center uf-transition-colors hover:uf-opacity-80",
|
|
19849
19936
|
children: [
|
|
19850
|
-
/* @__PURE__ */
|
|
19937
|
+
/* @__PURE__ */ jsx45(
|
|
19851
19938
|
"span",
|
|
19852
19939
|
{
|
|
19853
19940
|
className: "uf-text-sm",
|
|
@@ -19855,8 +19942,8 @@ function ReviewView({
|
|
|
19855
19942
|
children: "Estimated time"
|
|
19856
19943
|
}
|
|
19857
19944
|
),
|
|
19858
|
-
/* @__PURE__ */
|
|
19859
|
-
/* @__PURE__ */
|
|
19945
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
19946
|
+
/* @__PURE__ */ jsx45(
|
|
19860
19947
|
"span",
|
|
19861
19948
|
{
|
|
19862
19949
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19866,13 +19953,13 @@ function ReviewView({
|
|
|
19866
19953
|
)
|
|
19867
19954
|
}
|
|
19868
19955
|
),
|
|
19869
|
-
showTransactionDetails ? /* @__PURE__ */
|
|
19956
|
+
showTransactionDetails ? /* @__PURE__ */ jsx45(
|
|
19870
19957
|
ChevronUp,
|
|
19871
19958
|
{
|
|
19872
19959
|
className: "uf-w-4 uf-h-4",
|
|
19873
19960
|
style: { color: colors2.foregroundMuted }
|
|
19874
19961
|
}
|
|
19875
|
-
) : /* @__PURE__ */
|
|
19962
|
+
) : /* @__PURE__ */ jsx45(
|
|
19876
19963
|
ChevronDown,
|
|
19877
19964
|
{
|
|
19878
19965
|
className: "uf-w-4 uf-h-4",
|
|
@@ -19883,14 +19970,14 @@ function ReviewView({
|
|
|
19883
19970
|
]
|
|
19884
19971
|
}
|
|
19885
19972
|
),
|
|
19886
|
-
showTransactionDetails && tokenChainDetails && /* @__PURE__ */
|
|
19887
|
-
/* @__PURE__ */
|
|
19973
|
+
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ jsxs40(Fragment72, { children: [
|
|
19974
|
+
/* @__PURE__ */ jsxs40(
|
|
19888
19975
|
"div",
|
|
19889
19976
|
{
|
|
19890
19977
|
className: "uf-flex uf-justify-between uf-items-center uf-pt-3 uf-border-t",
|
|
19891
19978
|
style: { borderColor: colors2.border },
|
|
19892
19979
|
children: [
|
|
19893
|
-
/* @__PURE__ */
|
|
19980
|
+
/* @__PURE__ */ jsx45(
|
|
19894
19981
|
"span",
|
|
19895
19982
|
{
|
|
19896
19983
|
className: "uf-text-sm",
|
|
@@ -19901,7 +19988,7 @@ function ReviewView({
|
|
|
19901
19988
|
children: "Price impact"
|
|
19902
19989
|
}
|
|
19903
19990
|
),
|
|
19904
|
-
/* @__PURE__ */
|
|
19991
|
+
/* @__PURE__ */ jsxs40(
|
|
19905
19992
|
"span",
|
|
19906
19993
|
{
|
|
19907
19994
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19915,8 +20002,8 @@ function ReviewView({
|
|
|
19915
20002
|
]
|
|
19916
20003
|
}
|
|
19917
20004
|
),
|
|
19918
|
-
/* @__PURE__ */
|
|
19919
|
-
/* @__PURE__ */
|
|
20005
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
20006
|
+
/* @__PURE__ */ jsx45(
|
|
19920
20007
|
"span",
|
|
19921
20008
|
{
|
|
19922
20009
|
className: "uf-text-sm",
|
|
@@ -19927,7 +20014,7 @@ function ReviewView({
|
|
|
19927
20014
|
children: "Max slippage"
|
|
19928
20015
|
}
|
|
19929
20016
|
),
|
|
19930
|
-
/* @__PURE__ */
|
|
20017
|
+
/* @__PURE__ */ jsxs40(
|
|
19931
20018
|
"span",
|
|
19932
20019
|
{
|
|
19933
20020
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -19943,7 +20030,7 @@ function ReviewView({
|
|
|
19943
20030
|
]
|
|
19944
20031
|
}
|
|
19945
20032
|
),
|
|
19946
|
-
error && /* @__PURE__ */
|
|
20033
|
+
error && /* @__PURE__ */ jsx45(
|
|
19947
20034
|
"div",
|
|
19948
20035
|
{
|
|
19949
20036
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-2",
|
|
@@ -19951,7 +20038,7 @@ function ReviewView({
|
|
|
19951
20038
|
children: error
|
|
19952
20039
|
}
|
|
19953
20040
|
),
|
|
19954
|
-
/* @__PURE__ */
|
|
20041
|
+
/* @__PURE__ */ jsxs40(
|
|
19955
20042
|
"div",
|
|
19956
20043
|
{
|
|
19957
20044
|
className: "uf-text-xs uf-text-center uf-mt-4 uf-px-4",
|
|
@@ -19962,7 +20049,7 @@ function ReviewView({
|
|
|
19962
20049
|
]
|
|
19963
20050
|
}
|
|
19964
20051
|
),
|
|
19965
|
-
/* @__PURE__ */
|
|
20052
|
+
/* @__PURE__ */ jsx45("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx45(
|
|
19966
20053
|
"button",
|
|
19967
20054
|
{
|
|
19968
20055
|
onClick: onConfirm,
|
|
@@ -19993,23 +20080,23 @@ function ConfirmingView({
|
|
|
19993
20080
|
const visibleExecutions = executions.filter(
|
|
19994
20081
|
(execution) => !closedExecutionIds.has(execution.id)
|
|
19995
20082
|
);
|
|
19996
|
-
return /* @__PURE__ */
|
|
19997
|
-
/* @__PURE__ */
|
|
20083
|
+
return /* @__PURE__ */ jsxs41("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
|
|
20084
|
+
/* @__PURE__ */ jsx46(
|
|
19998
20085
|
DepositHeader,
|
|
19999
20086
|
{
|
|
20000
20087
|
title: isConfirming ? "Confirming..." : "Processing",
|
|
20001
20088
|
onClose
|
|
20002
20089
|
}
|
|
20003
20090
|
),
|
|
20004
|
-
/* @__PURE__ */
|
|
20005
|
-
/* @__PURE__ */
|
|
20091
|
+
/* @__PURE__ */ jsx46("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-flex-1 uf-py-12", children: isConfirming ? /* @__PURE__ */ jsxs41(Fragment82, { children: [
|
|
20092
|
+
/* @__PURE__ */ jsx46(
|
|
20006
20093
|
LoaderCircle,
|
|
20007
20094
|
{
|
|
20008
20095
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
20009
20096
|
style: { color: colors2.primary }
|
|
20010
20097
|
}
|
|
20011
20098
|
),
|
|
20012
|
-
/* @__PURE__ */
|
|
20099
|
+
/* @__PURE__ */ jsx46(
|
|
20013
20100
|
"div",
|
|
20014
20101
|
{
|
|
20015
20102
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -20017,7 +20104,7 @@ function ConfirmingView({
|
|
|
20017
20104
|
children: "Waiting for confirmation..."
|
|
20018
20105
|
}
|
|
20019
20106
|
),
|
|
20020
|
-
/* @__PURE__ */
|
|
20107
|
+
/* @__PURE__ */ jsx46(
|
|
20021
20108
|
"div",
|
|
20022
20109
|
{
|
|
20023
20110
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -20025,15 +20112,15 @@ function ConfirmingView({
|
|
|
20025
20112
|
children: "Please confirm the transaction in your wallet"
|
|
20026
20113
|
}
|
|
20027
20114
|
)
|
|
20028
|
-
] }) : /* @__PURE__ */
|
|
20029
|
-
/* @__PURE__ */
|
|
20115
|
+
] }) : /* @__PURE__ */ jsxs41(Fragment82, { children: [
|
|
20116
|
+
/* @__PURE__ */ jsx46(
|
|
20030
20117
|
CircleCheck,
|
|
20031
20118
|
{
|
|
20032
20119
|
className: "uf-w-12 uf-h-12 uf-mb-4",
|
|
20033
20120
|
style: { color: colors2.primary }
|
|
20034
20121
|
}
|
|
20035
20122
|
),
|
|
20036
|
-
/* @__PURE__ */
|
|
20123
|
+
/* @__PURE__ */ jsx46(
|
|
20037
20124
|
"div",
|
|
20038
20125
|
{
|
|
20039
20126
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -20041,7 +20128,7 @@ function ConfirmingView({
|
|
|
20041
20128
|
children: "Transaction Submitted"
|
|
20042
20129
|
}
|
|
20043
20130
|
),
|
|
20044
|
-
/* @__PURE__ */
|
|
20131
|
+
/* @__PURE__ */ jsx46(
|
|
20045
20132
|
"div",
|
|
20046
20133
|
{
|
|
20047
20134
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -20050,7 +20137,7 @@ function ConfirmingView({
|
|
|
20050
20137
|
}
|
|
20051
20138
|
)
|
|
20052
20139
|
] }) }),
|
|
20053
|
-
visibleExecutions.length > 0 && /* @__PURE__ */
|
|
20140
|
+
visibleExecutions.length > 0 && /* @__PURE__ */ jsx46("div", { className: "uf-absolute uf-bottom-0 uf-left-0 uf-right-0 uf-p-4 uf-flex uf-flex-col uf-gap-2", children: visibleExecutions.map((execution) => /* @__PURE__ */ jsx46(
|
|
20054
20141
|
DepositSuccessToast,
|
|
20055
20142
|
{
|
|
20056
20143
|
depositTx: execution.transaction_hash,
|
|
@@ -20552,7 +20639,7 @@ function BrowserWalletModal({
|
|
|
20552
20639
|
""
|
|
20553
20640
|
);
|
|
20554
20641
|
}, [tokenAmount, selectedToken]);
|
|
20555
|
-
return /* @__PURE__ */
|
|
20642
|
+
return /* @__PURE__ */ jsx47(Fragment9, { children: /* @__PURE__ */ jsx47(
|
|
20556
20643
|
Dialog2,
|
|
20557
20644
|
{
|
|
20558
20645
|
open,
|
|
@@ -20562,15 +20649,15 @@ function BrowserWalletModal({
|
|
|
20562
20649
|
}
|
|
20563
20650
|
handleClose();
|
|
20564
20651
|
},
|
|
20565
|
-
children: /* @__PURE__ */
|
|
20652
|
+
children: /* @__PURE__ */ jsx47(
|
|
20566
20653
|
DialogContent2,
|
|
20567
20654
|
{
|
|
20568
20655
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
20569
20656
|
style: { backgroundColor: colors2.background },
|
|
20570
20657
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
20571
20658
|
onInteractOutside: (e) => e.preventDefault(),
|
|
20572
|
-
children: /* @__PURE__ */
|
|
20573
|
-
step === "select-token" && /* @__PURE__ */
|
|
20659
|
+
children: /* @__PURE__ */ jsxs422(ThemeStyleInjector, { children: [
|
|
20660
|
+
step === "select-token" && /* @__PURE__ */ jsx47(
|
|
20574
20661
|
SelectTokenView,
|
|
20575
20662
|
{
|
|
20576
20663
|
projectName,
|
|
@@ -20586,7 +20673,7 @@ function BrowserWalletModal({
|
|
|
20586
20673
|
onClose: handleFullClose
|
|
20587
20674
|
}
|
|
20588
20675
|
),
|
|
20589
|
-
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */
|
|
20676
|
+
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ jsx47(
|
|
20590
20677
|
EnterAmountView,
|
|
20591
20678
|
{
|
|
20592
20679
|
selectedBalance,
|
|
@@ -20605,7 +20692,7 @@ function BrowserWalletModal({
|
|
|
20605
20692
|
onClose: handleFullClose
|
|
20606
20693
|
}
|
|
20607
20694
|
),
|
|
20608
|
-
step === "review" && selectedToken && /* @__PURE__ */
|
|
20695
|
+
step === "review" && selectedToken && /* @__PURE__ */ jsx47(
|
|
20609
20696
|
ReviewView,
|
|
20610
20697
|
{
|
|
20611
20698
|
walletInfo,
|
|
@@ -20625,7 +20712,7 @@ function BrowserWalletModal({
|
|
|
20625
20712
|
onClose: handleFullClose
|
|
20626
20713
|
}
|
|
20627
20714
|
),
|
|
20628
|
-
step === "confirming" && /* @__PURE__ */
|
|
20715
|
+
step === "confirming" && /* @__PURE__ */ jsx47(
|
|
20629
20716
|
ConfirmingView,
|
|
20630
20717
|
{
|
|
20631
20718
|
isConfirming,
|
|
@@ -20716,6 +20803,7 @@ var WALLET_DEFINITIONS = [
|
|
|
20716
20803
|
installUrl: "https://glow.app/"
|
|
20717
20804
|
}
|
|
20718
20805
|
];
|
|
20806
|
+
var WALLET_LIST_MAX_HEIGHT_PX = 330;
|
|
20719
20807
|
function WalletSelectionModal({
|
|
20720
20808
|
open,
|
|
20721
20809
|
onOpenChange,
|
|
@@ -20724,14 +20812,13 @@ function WalletSelectionModal({
|
|
|
20724
20812
|
chainType,
|
|
20725
20813
|
theme = "dark"
|
|
20726
20814
|
}) {
|
|
20727
|
-
const { colors: colors2, fonts, components
|
|
20815
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
20728
20816
|
const [step, setStep] = React272.useState("select-wallet");
|
|
20729
20817
|
const [selectedWallet, setSelectedWallet] = React272.useState(null);
|
|
20730
20818
|
const [connectingNetwork, setConnectingNetwork] = React272.useState(null);
|
|
20731
20819
|
const [error, setError] = React272.useState(null);
|
|
20732
20820
|
const [isConnecting, setIsConnecting] = React272.useState(false);
|
|
20733
20821
|
const themeClass = theme === "dark" ? "uf-dark" : "";
|
|
20734
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
20735
20822
|
const getProviders = React272.useCallback(() => {
|
|
20736
20823
|
if (typeof window === "undefined") {
|
|
20737
20824
|
return {};
|
|
@@ -20995,6 +21082,7 @@ function WalletSelectionModal({
|
|
|
20995
21082
|
setSelectedWallet(null);
|
|
20996
21083
|
setConnectingNetwork(null);
|
|
20997
21084
|
setError(null);
|
|
21085
|
+
setIsConnecting(false);
|
|
20998
21086
|
} else {
|
|
20999
21087
|
handleClose();
|
|
21000
21088
|
}
|
|
@@ -21015,15 +21103,15 @@ function WalletSelectionModal({
|
|
|
21015
21103
|
return "Connect Wallet";
|
|
21016
21104
|
}
|
|
21017
21105
|
};
|
|
21018
|
-
return /* @__PURE__ */
|
|
21106
|
+
return /* @__PURE__ */ jsx48(Dialog2, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx48(
|
|
21019
21107
|
DialogContent2,
|
|
21020
21108
|
{
|
|
21021
|
-
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
21109
|
+
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}`,
|
|
21022
21110
|
style: { backgroundColor: colors2.background },
|
|
21023
21111
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
21024
21112
|
onInteractOutside: (e) => e.preventDefault(),
|
|
21025
|
-
children: /* @__PURE__ */
|
|
21026
|
-
/* @__PURE__ */
|
|
21113
|
+
children: /* @__PURE__ */ jsxs43(ThemeStyleInjector, { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
21114
|
+
/* @__PURE__ */ jsx48(
|
|
21027
21115
|
DepositHeader,
|
|
21028
21116
|
{
|
|
21029
21117
|
title: getTitle(),
|
|
@@ -21032,9 +21120,9 @@ function WalletSelectionModal({
|
|
|
21032
21120
|
onClose: handleClose
|
|
21033
21121
|
}
|
|
21034
21122
|
),
|
|
21035
|
-
/* @__PURE__ */
|
|
21036
|
-
step === "select-wallet" && /* @__PURE__ */
|
|
21037
|
-
/* @__PURE__ */
|
|
21123
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
21124
|
+
step === "select-wallet" && /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
21125
|
+
/* @__PURE__ */ jsx48(
|
|
21038
21126
|
"p",
|
|
21039
21127
|
{
|
|
21040
21128
|
className: "uf-text-sm uf-text-center uf-pb-4",
|
|
@@ -21045,87 +21133,96 @@ function WalletSelectionModal({
|
|
|
21045
21133
|
children: chainType ? `Select a ${chainType === "ethereum" ? "Ethereum" : "Solana"} wallet` : "Select a wallet to connect"
|
|
21046
21134
|
}
|
|
21047
21135
|
),
|
|
21048
|
-
/* @__PURE__ */
|
|
21049
|
-
"
|
|
21136
|
+
/* @__PURE__ */ jsx48(
|
|
21137
|
+
"div",
|
|
21050
21138
|
{
|
|
21051
|
-
className: "uf-
|
|
21139
|
+
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]",
|
|
21052
21140
|
style: {
|
|
21053
|
-
|
|
21054
|
-
|
|
21141
|
+
height: `min(${WALLET_LIST_MAX_HEIGHT_PX}px, 50dvh)`,
|
|
21142
|
+
maxHeight: WALLET_LIST_MAX_HEIGHT_PX
|
|
21055
21143
|
},
|
|
21056
|
-
children: "
|
|
21144
|
+
children: availableWallets.length === 0 ? /* @__PURE__ */ jsx48("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx48(
|
|
21145
|
+
"p",
|
|
21146
|
+
{
|
|
21147
|
+
className: "uf-text-sm",
|
|
21148
|
+
style: {
|
|
21149
|
+
color: colors2.foregroundMuted,
|
|
21150
|
+
fontFamily: fonts.regular
|
|
21151
|
+
},
|
|
21152
|
+
children: "No wallets available"
|
|
21153
|
+
}
|
|
21154
|
+
) }) : availableWallets.map((wallet) => /* @__PURE__ */ jsxs43(
|
|
21155
|
+
"button",
|
|
21156
|
+
{
|
|
21157
|
+
onClick: () => handleWalletClick(wallet),
|
|
21158
|
+
disabled: isConnecting,
|
|
21159
|
+
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",
|
|
21160
|
+
style: {
|
|
21161
|
+
backgroundColor: components.card.backgroundColor,
|
|
21162
|
+
borderRadius: components.card.borderRadius,
|
|
21163
|
+
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
21164
|
+
},
|
|
21165
|
+
children: [
|
|
21166
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
21167
|
+
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ jsx48(
|
|
21168
|
+
WalletIconWithNetwork,
|
|
21169
|
+
{
|
|
21170
|
+
WalletIcon: WALLET_ICONS[wallet.id],
|
|
21171
|
+
networks: wallet.networks,
|
|
21172
|
+
size: 40,
|
|
21173
|
+
className: "uf-rounded-lg"
|
|
21174
|
+
}
|
|
21175
|
+
) : /* @__PURE__ */ jsx48("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
21176
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-text-left", children: /* @__PURE__ */ jsx48(
|
|
21177
|
+
"div",
|
|
21178
|
+
{
|
|
21179
|
+
className: "uf-text-sm uf-font-medium",
|
|
21180
|
+
style: {
|
|
21181
|
+
color: components.card.titleColor,
|
|
21182
|
+
fontFamily: fonts.medium
|
|
21183
|
+
},
|
|
21184
|
+
children: wallet.name
|
|
21185
|
+
}
|
|
21186
|
+
) })
|
|
21187
|
+
] }),
|
|
21188
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ jsx48(
|
|
21189
|
+
"span",
|
|
21190
|
+
{
|
|
21191
|
+
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
21192
|
+
style: {
|
|
21193
|
+
backgroundColor: colors2.primary + "20",
|
|
21194
|
+
color: colors2.primary,
|
|
21195
|
+
fontFamily: fonts.medium
|
|
21196
|
+
},
|
|
21197
|
+
children: "Detected"
|
|
21198
|
+
}
|
|
21199
|
+
) : /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
21200
|
+
/* @__PURE__ */ jsx48(
|
|
21201
|
+
"span",
|
|
21202
|
+
{
|
|
21203
|
+
className: "uf-text-xs",
|
|
21204
|
+
style: {
|
|
21205
|
+
color: colors2.foregroundMuted,
|
|
21206
|
+
fontFamily: fonts.regular
|
|
21207
|
+
},
|
|
21208
|
+
children: "Install"
|
|
21209
|
+
}
|
|
21210
|
+
),
|
|
21211
|
+
/* @__PURE__ */ jsx48(
|
|
21212
|
+
ExternalLink,
|
|
21213
|
+
{
|
|
21214
|
+
className: "uf-w-3 uf-h-3",
|
|
21215
|
+
style: { color: colors2.foregroundMuted }
|
|
21216
|
+
}
|
|
21217
|
+
)
|
|
21218
|
+
] }) })
|
|
21219
|
+
]
|
|
21220
|
+
},
|
|
21221
|
+
wallet.id
|
|
21222
|
+
))
|
|
21057
21223
|
}
|
|
21058
|
-
)
|
|
21059
|
-
|
|
21060
|
-
{
|
|
21061
|
-
onClick: () => handleWalletClick(wallet),
|
|
21062
|
-
disabled: isConnecting,
|
|
21063
|
-
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",
|
|
21064
|
-
style: {
|
|
21065
|
-
backgroundColor: components.card.backgroundColor,
|
|
21066
|
-
borderRadius: components.card.borderRadius,
|
|
21067
|
-
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
21068
|
-
},
|
|
21069
|
-
children: [
|
|
21070
|
-
/* @__PURE__ */ jsxs422("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
21071
|
-
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ jsx47(
|
|
21072
|
-
WalletIconWithNetwork,
|
|
21073
|
-
{
|
|
21074
|
-
WalletIcon: WALLET_ICONS[wallet.id],
|
|
21075
|
-
networks: wallet.networks,
|
|
21076
|
-
size: 40,
|
|
21077
|
-
className: "uf-rounded-lg",
|
|
21078
|
-
variant: iconVariant
|
|
21079
|
-
}
|
|
21080
|
-
) : /* @__PURE__ */ jsx47("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
21081
|
-
/* @__PURE__ */ jsx47("div", { className: "uf-text-left", children: /* @__PURE__ */ jsx47(
|
|
21082
|
-
"div",
|
|
21083
|
-
{
|
|
21084
|
-
className: "uf-text-sm uf-font-medium",
|
|
21085
|
-
style: {
|
|
21086
|
-
color: components.card.titleColor,
|
|
21087
|
-
fontFamily: fonts.medium
|
|
21088
|
-
},
|
|
21089
|
-
children: wallet.name
|
|
21090
|
-
}
|
|
21091
|
-
) })
|
|
21092
|
-
] }),
|
|
21093
|
-
/* @__PURE__ */ jsx47("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ jsx47(
|
|
21094
|
-
"span",
|
|
21095
|
-
{
|
|
21096
|
-
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
21097
|
-
style: {
|
|
21098
|
-
backgroundColor: colors2.primary + "20",
|
|
21099
|
-
color: colors2.primary,
|
|
21100
|
-
fontFamily: fonts.medium
|
|
21101
|
-
},
|
|
21102
|
-
children: "Detected"
|
|
21103
|
-
}
|
|
21104
|
-
) : /* @__PURE__ */ jsxs422("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
21105
|
-
/* @__PURE__ */ jsx47(
|
|
21106
|
-
"span",
|
|
21107
|
-
{
|
|
21108
|
-
className: "uf-text-xs",
|
|
21109
|
-
style: {
|
|
21110
|
-
color: colors2.foregroundMuted,
|
|
21111
|
-
fontFamily: fonts.regular
|
|
21112
|
-
},
|
|
21113
|
-
children: "Install"
|
|
21114
|
-
}
|
|
21115
|
-
),
|
|
21116
|
-
/* @__PURE__ */ jsx47(
|
|
21117
|
-
ExternalLink,
|
|
21118
|
-
{
|
|
21119
|
-
className: "uf-w-3 uf-h-3",
|
|
21120
|
-
style: { color: colors2.foregroundMuted }
|
|
21121
|
-
}
|
|
21122
|
-
)
|
|
21123
|
-
] }) })
|
|
21124
|
-
]
|
|
21125
|
-
},
|
|
21126
|
-
wallet.id
|
|
21127
|
-
)) }),
|
|
21128
|
-
error && /* @__PURE__ */ jsx47(
|
|
21224
|
+
),
|
|
21225
|
+
error && /* @__PURE__ */ jsx48(
|
|
21129
21226
|
"div",
|
|
21130
21227
|
{
|
|
21131
21228
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -21134,19 +21231,18 @@ function WalletSelectionModal({
|
|
|
21134
21231
|
}
|
|
21135
21232
|
)
|
|
21136
21233
|
] }),
|
|
21137
|
-
step === "select-network" && selectedWallet && /* @__PURE__ */
|
|
21138
|
-
/* @__PURE__ */
|
|
21139
|
-
/* @__PURE__ */
|
|
21234
|
+
step === "select-network" && selectedWallet && /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
21235
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
|
|
21236
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ jsx48(
|
|
21140
21237
|
WalletIconWithNetwork,
|
|
21141
21238
|
{
|
|
21142
21239
|
WalletIcon: WALLET_ICONS[selectedWallet.id],
|
|
21143
21240
|
networks: selectedWallet.networks,
|
|
21144
21241
|
size: 48,
|
|
21145
|
-
className: "uf-rounded-lg"
|
|
21146
|
-
variant: iconVariant
|
|
21242
|
+
className: "uf-rounded-lg"
|
|
21147
21243
|
}
|
|
21148
|
-
) : /* @__PURE__ */
|
|
21149
|
-
/* @__PURE__ */
|
|
21244
|
+
) : /* @__PURE__ */ jsx48("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
|
|
21245
|
+
/* @__PURE__ */ jsx48(
|
|
21150
21246
|
"p",
|
|
21151
21247
|
{
|
|
21152
21248
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -21157,7 +21253,7 @@ function WalletSelectionModal({
|
|
|
21157
21253
|
children: selectedWallet.name
|
|
21158
21254
|
}
|
|
21159
21255
|
),
|
|
21160
|
-
/* @__PURE__ */
|
|
21256
|
+
/* @__PURE__ */ jsx48(
|
|
21161
21257
|
"p",
|
|
21162
21258
|
{
|
|
21163
21259
|
className: "uf-text-xs",
|
|
@@ -21169,7 +21265,7 @@ function WalletSelectionModal({
|
|
|
21169
21265
|
}
|
|
21170
21266
|
)
|
|
21171
21267
|
] }),
|
|
21172
|
-
/* @__PURE__ */
|
|
21268
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ jsxs43(
|
|
21173
21269
|
"button",
|
|
21174
21270
|
{
|
|
21175
21271
|
onClick: () => handleNetworkSelect(network),
|
|
@@ -21181,16 +21277,16 @@ function WalletSelectionModal({
|
|
|
21181
21277
|
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
21182
21278
|
},
|
|
21183
21279
|
children: [
|
|
21184
|
-
/* @__PURE__ */
|
|
21185
|
-
network === "ethereum" ? /* @__PURE__ */
|
|
21280
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
21281
|
+
network === "ethereum" ? /* @__PURE__ */ jsx48(
|
|
21186
21282
|
EthereumIcon,
|
|
21187
21283
|
{
|
|
21188
21284
|
size: 36,
|
|
21189
21285
|
className: "uf-rounded-full"
|
|
21190
21286
|
}
|
|
21191
|
-
) : /* @__PURE__ */
|
|
21192
|
-
/* @__PURE__ */
|
|
21193
|
-
/* @__PURE__ */
|
|
21287
|
+
) : /* @__PURE__ */ jsx48(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
|
|
21288
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-text-left", children: [
|
|
21289
|
+
/* @__PURE__ */ jsx48(
|
|
21194
21290
|
"div",
|
|
21195
21291
|
{
|
|
21196
21292
|
className: "uf-text-sm uf-font-medium uf-capitalize",
|
|
@@ -21201,7 +21297,7 @@ function WalletSelectionModal({
|
|
|
21201
21297
|
children: network === "ethereum" ? "Ethereum" : "Solana"
|
|
21202
21298
|
}
|
|
21203
21299
|
),
|
|
21204
|
-
/* @__PURE__ */
|
|
21300
|
+
/* @__PURE__ */ jsx48(
|
|
21205
21301
|
"div",
|
|
21206
21302
|
{
|
|
21207
21303
|
className: "uf-text-xs",
|
|
@@ -21214,7 +21310,7 @@ function WalletSelectionModal({
|
|
|
21214
21310
|
)
|
|
21215
21311
|
] })
|
|
21216
21312
|
] }),
|
|
21217
|
-
connectingNetwork === network && /* @__PURE__ */
|
|
21313
|
+
connectingNetwork === network && /* @__PURE__ */ jsx48(
|
|
21218
21314
|
LoaderCircle,
|
|
21219
21315
|
{
|
|
21220
21316
|
className: "uf-w-4 uf-h-4 uf-animate-spin",
|
|
@@ -21225,7 +21321,7 @@ function WalletSelectionModal({
|
|
|
21225
21321
|
},
|
|
21226
21322
|
network
|
|
21227
21323
|
)) }),
|
|
21228
|
-
error && /* @__PURE__ */
|
|
21324
|
+
error && /* @__PURE__ */ jsx48(
|
|
21229
21325
|
"div",
|
|
21230
21326
|
{
|
|
21231
21327
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -21234,15 +21330,15 @@ function WalletSelectionModal({
|
|
|
21234
21330
|
}
|
|
21235
21331
|
)
|
|
21236
21332
|
] }),
|
|
21237
|
-
step === "connecting" && /* @__PURE__ */
|
|
21238
|
-
/* @__PURE__ */
|
|
21333
|
+
step === "connecting" && /* @__PURE__ */ jsx48("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-1 uf-flex-col uf-items-center uf-justify-center uf-py-8", children: [
|
|
21334
|
+
/* @__PURE__ */ jsx48(
|
|
21239
21335
|
LoaderCircle,
|
|
21240
21336
|
{
|
|
21241
21337
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
21242
21338
|
style: { color: colors2.primary }
|
|
21243
21339
|
}
|
|
21244
21340
|
),
|
|
21245
|
-
/* @__PURE__ */
|
|
21341
|
+
/* @__PURE__ */ jsxs43(
|
|
21246
21342
|
"div",
|
|
21247
21343
|
{
|
|
21248
21344
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -21254,7 +21350,7 @@ function WalletSelectionModal({
|
|
|
21254
21350
|
]
|
|
21255
21351
|
}
|
|
21256
21352
|
),
|
|
21257
|
-
/* @__PURE__ */
|
|
21353
|
+
/* @__PURE__ */ jsx48(
|
|
21258
21354
|
"div",
|
|
21259
21355
|
{
|
|
21260
21356
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -21262,7 +21358,22 @@ function WalletSelectionModal({
|
|
|
21262
21358
|
children: connectingNetwork === "solana" ? "Please approve the connection in your Solana wallet" : "Please approve the connection in your wallet"
|
|
21263
21359
|
}
|
|
21264
21360
|
)
|
|
21265
|
-
] })
|
|
21361
|
+
] }) }),
|
|
21362
|
+
step !== "connecting" && /* @__PURE__ */ jsx48("div", { className: "uf-min-h-0 uf-flex-1", "aria-hidden": true }),
|
|
21363
|
+
/* @__PURE__ */ jsx48(
|
|
21364
|
+
"div",
|
|
21365
|
+
{
|
|
21366
|
+
className: "uf-shrink-0 uf-pt-3 uf-pb-4",
|
|
21367
|
+
style: { backgroundColor: colors2.background },
|
|
21368
|
+
children: /* @__PURE__ */ jsx48(
|
|
21369
|
+
PoweredByUnifold,
|
|
21370
|
+
{
|
|
21371
|
+
color: colors2.foregroundMuted,
|
|
21372
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
21373
|
+
}
|
|
21374
|
+
)
|
|
21375
|
+
}
|
|
21376
|
+
)
|
|
21266
21377
|
] })
|
|
21267
21378
|
] })
|
|
21268
21379
|
}
|
|
@@ -21271,23 +21382,23 @@ function WalletSelectionModal({
|
|
|
21271
21382
|
function SkeletonButton({
|
|
21272
21383
|
variant = "default"
|
|
21273
21384
|
}) {
|
|
21274
|
-
return /* @__PURE__ */
|
|
21275
|
-
/* @__PURE__ */
|
|
21276
|
-
/* @__PURE__ */
|
|
21277
|
-
/* @__PURE__ */
|
|
21278
|
-
/* @__PURE__ */
|
|
21279
|
-
/* @__PURE__ */
|
|
21385
|
+
return /* @__PURE__ */ jsxs44("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
|
|
21386
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
21387
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
|
|
21388
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-space-y-1.5", children: [
|
|
21389
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
|
|
21390
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
|
|
21280
21391
|
] })
|
|
21281
21392
|
] }),
|
|
21282
|
-
/* @__PURE__ */
|
|
21283
|
-
variant === "with-icons" && /* @__PURE__ */
|
|
21393
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
21394
|
+
variant === "with-icons" && /* @__PURE__ */ jsx49("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx49(
|
|
21284
21395
|
"div",
|
|
21285
21396
|
{
|
|
21286
21397
|
className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
|
|
21287
21398
|
},
|
|
21288
21399
|
i
|
|
21289
21400
|
)) }),
|
|
21290
|
-
/* @__PURE__ */
|
|
21401
|
+
/* @__PURE__ */ jsx49(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
|
|
21291
21402
|
] })
|
|
21292
21403
|
] });
|
|
21293
21404
|
}
|
|
@@ -21312,14 +21423,23 @@ function DepositModal({
|
|
|
21312
21423
|
onDepositSuccess,
|
|
21313
21424
|
onDepositError,
|
|
21314
21425
|
theme = "dark",
|
|
21315
|
-
hideOverlay = false
|
|
21426
|
+
hideOverlay = false,
|
|
21427
|
+
initialScreen = "main"
|
|
21316
21428
|
}) {
|
|
21317
21429
|
const { colors: colors2, fonts, components } = useTheme();
|
|
21430
|
+
const effectiveInitialScreen = useMemo82(() => {
|
|
21431
|
+
const s = initialScreen ?? "main";
|
|
21432
|
+
if (s === "tracker" && hideDepositTracker) return "main";
|
|
21433
|
+
return s;
|
|
21434
|
+
}, [initialScreen, hideDepositTracker]);
|
|
21318
21435
|
const [containerEl, setContainerEl] = useState26(null);
|
|
21319
21436
|
const containerCallbackRef = useCallback32((el) => {
|
|
21320
21437
|
setContainerEl(el);
|
|
21321
21438
|
}, []);
|
|
21322
|
-
const [view, setView] = useState26(
|
|
21439
|
+
const [view, setView] = useState26(
|
|
21440
|
+
effectiveInitialScreen
|
|
21441
|
+
);
|
|
21442
|
+
const resetViewTimeoutRef = useRef52(null);
|
|
21323
21443
|
const [cardView, setCardView] = useState26(
|
|
21324
21444
|
"amount"
|
|
21325
21445
|
);
|
|
@@ -21439,6 +21559,43 @@ function DepositModal({
|
|
|
21439
21559
|
const template = errors[code] ?? addressValidationMessages.defaultError;
|
|
21440
21560
|
return interpolate(template, metadata);
|
|
21441
21561
|
};
|
|
21562
|
+
const openingScreen = effectiveInitialScreen;
|
|
21563
|
+
const sessionOpenedFromMenu = openingScreen === "main";
|
|
21564
|
+
const standaloneNeedsDepositPrereq = openingScreen !== "main" && (view === "transfer" || view === "card");
|
|
21565
|
+
let depositPrerequisiteBody;
|
|
21566
|
+
if (isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig) {
|
|
21567
|
+
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21568
|
+
/* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }),
|
|
21569
|
+
/* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }),
|
|
21570
|
+
!hideDepositTracker && /* @__PURE__ */ jsx49(SkeletonButton, {})
|
|
21571
|
+
] });
|
|
21572
|
+
} else if (countryError) {
|
|
21573
|
+
depositPrerequisiteBody = /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
21574
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx49(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
21575
|
+
/* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
|
|
21576
|
+
/* @__PURE__ */ jsx49("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "We couldn't verify your location. Please check your connection and try again." })
|
|
21577
|
+
] });
|
|
21578
|
+
} else if (!isAllowed) {
|
|
21579
|
+
depositPrerequisiteBody = /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
21580
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx49(MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
21581
|
+
/* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
|
|
21582
|
+
/* @__PURE__ */ jsx49("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
|
|
21583
|
+
] });
|
|
21584
|
+
} else if (isAddressValid === false) {
|
|
21585
|
+
depositPrerequisiteBody = /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
21586
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx49(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
21587
|
+
/* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
|
|
21588
|
+
/* @__PURE__ */ jsx49("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
|
|
21589
|
+
addressFailureCode,
|
|
21590
|
+
addressFailureMetadata
|
|
21591
|
+
) })
|
|
21592
|
+
] });
|
|
21593
|
+
} else {
|
|
21594
|
+
depositPrerequisiteBody = null;
|
|
21595
|
+
}
|
|
21596
|
+
const showBackTransfer = sessionOpenedFromMenu;
|
|
21597
|
+
const showBackCard = cardView !== "amount" || sessionOpenedFromMenu;
|
|
21598
|
+
const showBackTracker = selectedExecution !== null || sessionOpenedFromMenu;
|
|
21442
21599
|
const themeClass = resolvedTheme === "dark" ? "uf-dark" : "";
|
|
21443
21600
|
const handleWalletDisconnect = () => {
|
|
21444
21601
|
setUserDisconnectedWallet(true);
|
|
@@ -21449,13 +21606,37 @@ function DepositModal({
|
|
|
21449
21606
|
};
|
|
21450
21607
|
const handleClose = () => {
|
|
21451
21608
|
onOpenChange(false);
|
|
21452
|
-
|
|
21453
|
-
|
|
21609
|
+
if (resetViewTimeoutRef.current) {
|
|
21610
|
+
clearTimeout(resetViewTimeoutRef.current);
|
|
21611
|
+
}
|
|
21612
|
+
resetViewTimeoutRef.current = setTimeout(() => {
|
|
21613
|
+
setView(effectiveInitialScreen);
|
|
21454
21614
|
setCardView("amount");
|
|
21455
21615
|
setExchangeView("providers");
|
|
21456
21616
|
setBrowserWalletInfo(null);
|
|
21617
|
+
resetViewTimeoutRef.current = null;
|
|
21457
21618
|
}, 200);
|
|
21458
21619
|
};
|
|
21620
|
+
useLayoutEffect22(() => {
|
|
21621
|
+
if (!open) return;
|
|
21622
|
+
if (resetViewTimeoutRef.current) {
|
|
21623
|
+
clearTimeout(resetViewTimeoutRef.current);
|
|
21624
|
+
resetViewTimeoutRef.current = null;
|
|
21625
|
+
}
|
|
21626
|
+
setView(effectiveInitialScreen);
|
|
21627
|
+
setCardView("amount");
|
|
21628
|
+
setExchangeView("providers");
|
|
21629
|
+
setBrowserWalletInfo(null);
|
|
21630
|
+
setSelectedExecution(null);
|
|
21631
|
+
}, [open, effectiveInitialScreen]);
|
|
21632
|
+
useEffect20(
|
|
21633
|
+
() => () => {
|
|
21634
|
+
if (resetViewTimeoutRef.current) {
|
|
21635
|
+
clearTimeout(resetViewTimeoutRef.current);
|
|
21636
|
+
}
|
|
21637
|
+
},
|
|
21638
|
+
[]
|
|
21639
|
+
);
|
|
21459
21640
|
const handleBack = () => {
|
|
21460
21641
|
if (view === "card" && cardView === "quotes") {
|
|
21461
21642
|
setCardView("amount");
|
|
@@ -21536,14 +21717,21 @@ function DepositModal({
|
|
|
21536
21717
|
setWalletSelectionModalOpen(false);
|
|
21537
21718
|
setBrowserWalletModalOpen(true);
|
|
21538
21719
|
};
|
|
21539
|
-
|
|
21720
|
+
const depositPoweredByFooter = /* @__PURE__ */ jsx49("div", { className: "uf-pt-3", children: /* @__PURE__ */ jsx49(
|
|
21721
|
+
PoweredByUnifold,
|
|
21722
|
+
{
|
|
21723
|
+
color: colors2.foregroundMuted,
|
|
21724
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
21725
|
+
}
|
|
21726
|
+
) });
|
|
21727
|
+
return /* @__PURE__ */ jsx49(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ jsxs44(
|
|
21540
21728
|
Dialog2,
|
|
21541
21729
|
{
|
|
21542
21730
|
open: hideOverlay || open,
|
|
21543
21731
|
onOpenChange: hideOverlay ? void 0 : handleClose,
|
|
21544
21732
|
modal: !hideOverlay,
|
|
21545
21733
|
children: [
|
|
21546
|
-
/* @__PURE__ */
|
|
21734
|
+
/* @__PURE__ */ jsx49(
|
|
21547
21735
|
DialogContent2,
|
|
21548
21736
|
{
|
|
21549
21737
|
ref: hideOverlay ? containerCallbackRef : void 0,
|
|
@@ -21552,8 +21740,8 @@ function DepositModal({
|
|
|
21552
21740
|
style: { backgroundColor: colors2.background },
|
|
21553
21741
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
21554
21742
|
onInteractOutside: (e) => e.preventDefault(),
|
|
21555
|
-
children: /* @__PURE__ */
|
|
21556
|
-
/* @__PURE__ */
|
|
21743
|
+
children: /* @__PURE__ */ jsx49(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21744
|
+
/* @__PURE__ */ jsx49(
|
|
21557
21745
|
DepositHeader,
|
|
21558
21746
|
{
|
|
21559
21747
|
title: modalTitle || "Deposit",
|
|
@@ -21568,47 +21756,18 @@ function DepositModal({
|
|
|
21568
21756
|
publishableKey
|
|
21569
21757
|
}
|
|
21570
21758
|
),
|
|
21571
|
-
/* @__PURE__ */
|
|
21572
|
-
/* @__PURE__ */
|
|
21573
|
-
|
|
21574
|
-
!hideDepositTracker && /* @__PURE__ */ jsx48(SkeletonButton, {})
|
|
21575
|
-
] }) : countryError ? (
|
|
21576
|
-
/* Error state - couldn't verify location */
|
|
21577
|
-
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
21578
|
-
/* @__PURE__ */ jsx48("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__ */ jsx48(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
21579
|
-
/* @__PURE__ */ jsx48("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
|
|
21580
|
-
/* @__PURE__ */ jsx48("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." })
|
|
21581
|
-
] })
|
|
21582
|
-
) : !isAllowed ? (
|
|
21583
|
-
/* Blocked country state (isAllowed is false or null without error) */
|
|
21584
|
-
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
21585
|
-
/* @__PURE__ */ jsx48("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__ */ jsx48(MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
21586
|
-
/* @__PURE__ */ jsx48("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
|
|
21587
|
-
/* @__PURE__ */ jsx48("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
|
|
21588
|
-
] })
|
|
21589
|
-
) : isAddressValid === false ? (
|
|
21590
|
-
/* Invalid recipient address state (e.g., Algorand not opted in) */
|
|
21591
|
-
/* @__PURE__ */ jsxs43("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__ */ jsx48("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__ */ jsx48(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
21593
|
-
/* @__PURE__ */ jsx48("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
|
|
21594
|
-
/* @__PURE__ */ jsx48("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
|
|
21595
|
-
addressFailureCode,
|
|
21596
|
-
addressFailureMetadata
|
|
21597
|
-
) })
|
|
21598
|
-
] })
|
|
21599
|
-
) : (
|
|
21600
|
-
/* Normal deposit options */
|
|
21601
|
-
/* @__PURE__ */ jsxs43(Fragment11, { children: [
|
|
21602
|
-
/* @__PURE__ */ jsx48(
|
|
21759
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21760
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21761
|
+
/* @__PURE__ */ jsx49(
|
|
21603
21762
|
TransferCryptoButton,
|
|
21604
21763
|
{
|
|
21605
21764
|
onClick: () => setView("transfer"),
|
|
21606
21765
|
title: t6.transferCrypto.title,
|
|
21607
21766
|
subtitle: t6.transferCrypto.subtitle,
|
|
21608
|
-
featuredTokens: projectConfig
|
|
21767
|
+
featuredTokens: projectConfig?.transfer_crypto.networks
|
|
21609
21768
|
}
|
|
21610
21769
|
),
|
|
21611
|
-
enableConnectWallet && !isMobileView && /* @__PURE__ */
|
|
21770
|
+
enableConnectWallet && !isMobileView && /* @__PURE__ */ jsx49(
|
|
21612
21771
|
BrowserWalletButton,
|
|
21613
21772
|
{
|
|
21614
21773
|
onClick: handleBrowserWalletClick,
|
|
@@ -21618,16 +21777,16 @@ function DepositModal({
|
|
|
21618
21777
|
publishableKey
|
|
21619
21778
|
}
|
|
21620
21779
|
),
|
|
21621
|
-
/* @__PURE__ */
|
|
21780
|
+
/* @__PURE__ */ jsx49(
|
|
21622
21781
|
DepositWithCardButton,
|
|
21623
21782
|
{
|
|
21624
21783
|
onClick: () => setView("card"),
|
|
21625
21784
|
title: t6.depositWithCard.title,
|
|
21626
21785
|
subtitle: t6.depositWithCard.subtitle,
|
|
21627
|
-
paymentNetworks: projectConfig
|
|
21786
|
+
paymentNetworks: projectConfig?.payment_networks.networks
|
|
21628
21787
|
}
|
|
21629
21788
|
),
|
|
21630
|
-
showPayWithExchange && /* @__PURE__ */
|
|
21789
|
+
showPayWithExchange && /* @__PURE__ */ jsx49(
|
|
21631
21790
|
PayWithExchangeButton,
|
|
21632
21791
|
{
|
|
21633
21792
|
onClick: () => setView("exchange"),
|
|
@@ -21637,7 +21796,7 @@ function DepositModal({
|
|
|
21637
21796
|
loading: exchangesLoading
|
|
21638
21797
|
}
|
|
21639
21798
|
),
|
|
21640
|
-
!hideDepositTracker && /* @__PURE__ */
|
|
21799
|
+
!hideDepositTracker && /* @__PURE__ */ jsx49(
|
|
21641
21800
|
DepositTrackerButton,
|
|
21642
21801
|
{
|
|
21643
21802
|
onClick: () => {
|
|
@@ -21649,14 +21808,15 @@ function DepositModal({
|
|
|
21649
21808
|
badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
|
|
21650
21809
|
}
|
|
21651
21810
|
)
|
|
21652
|
-
] })
|
|
21653
|
-
|
|
21654
|
-
|
|
21655
|
-
|
|
21811
|
+
] }) }),
|
|
21812
|
+
depositPoweredByFooter
|
|
21813
|
+
] })
|
|
21814
|
+
] }) : view === "transfer" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21815
|
+
/* @__PURE__ */ jsx49(
|
|
21656
21816
|
DepositHeader,
|
|
21657
21817
|
{
|
|
21658
21818
|
title: t6.transferCrypto.title,
|
|
21659
|
-
showBack:
|
|
21819
|
+
showBack: showBackTransfer,
|
|
21660
21820
|
onBack: handleBack,
|
|
21661
21821
|
onClose: handleClose,
|
|
21662
21822
|
showBalance: showBalanceHeader,
|
|
@@ -21668,68 +21828,74 @@ function DepositModal({
|
|
|
21668
21828
|
publishableKey
|
|
21669
21829
|
}
|
|
21670
21830
|
),
|
|
21671
|
-
|
|
21672
|
-
|
|
21673
|
-
|
|
21674
|
-
|
|
21675
|
-
|
|
21676
|
-
|
|
21677
|
-
|
|
21678
|
-
|
|
21679
|
-
|
|
21680
|
-
|
|
21681
|
-
|
|
21682
|
-
|
|
21683
|
-
|
|
21684
|
-
|
|
21685
|
-
|
|
21686
|
-
|
|
21687
|
-
|
|
21688
|
-
|
|
21689
|
-
|
|
21690
|
-
|
|
21691
|
-
|
|
21692
|
-
|
|
21693
|
-
|
|
21694
|
-
|
|
21695
|
-
|
|
21696
|
-
|
|
21697
|
-
|
|
21698
|
-
|
|
21699
|
-
|
|
21700
|
-
|
|
21701
|
-
|
|
21702
|
-
|
|
21703
|
-
|
|
21831
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21832
|
+
standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx49("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ jsx49(
|
|
21833
|
+
TransferCryptoSingleInput,
|
|
21834
|
+
{
|
|
21835
|
+
userId,
|
|
21836
|
+
publishableKey,
|
|
21837
|
+
recipientAddress,
|
|
21838
|
+
destinationChainType,
|
|
21839
|
+
destinationChainId,
|
|
21840
|
+
destinationTokenAddress,
|
|
21841
|
+
depositConfirmationMode,
|
|
21842
|
+
onExecutionsChange: setDepositExecutions,
|
|
21843
|
+
onDepositSuccess,
|
|
21844
|
+
onDepositError,
|
|
21845
|
+
wallets
|
|
21846
|
+
}
|
|
21847
|
+
) : /* @__PURE__ */ jsx49(
|
|
21848
|
+
TransferCryptoDoubleInput,
|
|
21849
|
+
{
|
|
21850
|
+
userId,
|
|
21851
|
+
publishableKey,
|
|
21852
|
+
recipientAddress,
|
|
21853
|
+
destinationChainType,
|
|
21854
|
+
destinationChainId,
|
|
21855
|
+
destinationTokenAddress,
|
|
21856
|
+
depositConfirmationMode,
|
|
21857
|
+
onExecutionsChange: setDepositExecutions,
|
|
21858
|
+
onDepositSuccess,
|
|
21859
|
+
onDepositError,
|
|
21860
|
+
wallets
|
|
21861
|
+
}
|
|
21862
|
+
),
|
|
21863
|
+
depositPoweredByFooter
|
|
21864
|
+
] })
|
|
21865
|
+
] }) : view === "tracker" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21866
|
+
/* @__PURE__ */ jsx49(
|
|
21704
21867
|
DepositHeader,
|
|
21705
21868
|
{
|
|
21706
21869
|
title: selectedExecution ? "Deposit Details" : "Deposit Tracker",
|
|
21707
|
-
showBack:
|
|
21870
|
+
showBack: showBackTracker,
|
|
21708
21871
|
onBack: handleBack,
|
|
21709
21872
|
onClose: handleClose
|
|
21710
21873
|
}
|
|
21711
21874
|
),
|
|
21712
|
-
/* @__PURE__ */
|
|
21713
|
-
"div",
|
|
21714
|
-
|
|
21715
|
-
|
|
21716
|
-
|
|
21717
|
-
|
|
21718
|
-
|
|
21719
|
-
|
|
21720
|
-
|
|
21721
|
-
|
|
21722
|
-
|
|
21723
|
-
|
|
21724
|
-
|
|
21725
|
-
|
|
21726
|
-
|
|
21727
|
-
|
|
21728
|
-
|
|
21875
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21876
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx49(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx49("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx49("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx49(
|
|
21877
|
+
"div",
|
|
21878
|
+
{
|
|
21879
|
+
className: "uf-text-sm",
|
|
21880
|
+
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
21881
|
+
children: "No deposits yet"
|
|
21882
|
+
}
|
|
21883
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx49(
|
|
21884
|
+
DepositExecutionItem,
|
|
21885
|
+
{
|
|
21886
|
+
execution,
|
|
21887
|
+
onClick: () => setSelectedExecution(execution)
|
|
21888
|
+
},
|
|
21889
|
+
execution.id
|
|
21890
|
+
)) }) }),
|
|
21891
|
+
depositPoweredByFooter
|
|
21892
|
+
] })
|
|
21893
|
+
] }) : view === "card" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21894
|
+
/* @__PURE__ */ jsx49(
|
|
21729
21895
|
DepositHeader,
|
|
21730
21896
|
{
|
|
21731
21897
|
title: cardView === "quotes" ? t6.quotes : t6.depositWithCard.title,
|
|
21732
|
-
showBack:
|
|
21898
|
+
showBack: showBackCard,
|
|
21733
21899
|
onBack: handleBack,
|
|
21734
21900
|
onClose: handleClose,
|
|
21735
21901
|
badge: cardView === "quotes" ? { count: quotesCount } : void 0,
|
|
@@ -21742,27 +21908,30 @@ function DepositModal({
|
|
|
21742
21908
|
publishableKey
|
|
21743
21909
|
}
|
|
21744
21910
|
),
|
|
21745
|
-
/* @__PURE__ */
|
|
21746
|
-
|
|
21747
|
-
|
|
21748
|
-
|
|
21749
|
-
|
|
21750
|
-
|
|
21751
|
-
|
|
21752
|
-
|
|
21753
|
-
|
|
21754
|
-
|
|
21755
|
-
|
|
21756
|
-
|
|
21757
|
-
|
|
21758
|
-
|
|
21759
|
-
|
|
21760
|
-
|
|
21761
|
-
|
|
21762
|
-
|
|
21763
|
-
|
|
21764
|
-
|
|
21765
|
-
|
|
21911
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21912
|
+
standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx49("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ jsx49(
|
|
21913
|
+
BuyWithCard,
|
|
21914
|
+
{
|
|
21915
|
+
userId,
|
|
21916
|
+
publishableKey,
|
|
21917
|
+
view: cardView,
|
|
21918
|
+
onViewChange: handleCardViewChange,
|
|
21919
|
+
destinationTokenSymbol,
|
|
21920
|
+
recipientAddress,
|
|
21921
|
+
destinationChainType,
|
|
21922
|
+
destinationChainId,
|
|
21923
|
+
destinationTokenAddress,
|
|
21924
|
+
onDepositSuccess,
|
|
21925
|
+
onDepositError,
|
|
21926
|
+
themeClass,
|
|
21927
|
+
wallets,
|
|
21928
|
+
assetCdnUrl: projectConfig?.asset_cdn_url
|
|
21929
|
+
}
|
|
21930
|
+
),
|
|
21931
|
+
depositPoweredByFooter
|
|
21932
|
+
] })
|
|
21933
|
+
] }) : view === "exchange" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
21934
|
+
/* @__PURE__ */ jsx49(
|
|
21766
21935
|
DepositHeader,
|
|
21767
21936
|
{
|
|
21768
21937
|
title: t6.payWithExchange.title,
|
|
@@ -21771,29 +21940,32 @@ function DepositModal({
|
|
|
21771
21940
|
onClose: handleClose
|
|
21772
21941
|
}
|
|
21773
21942
|
),
|
|
21774
|
-
/* @__PURE__ */
|
|
21775
|
-
|
|
21776
|
-
|
|
21777
|
-
|
|
21778
|
-
|
|
21779
|
-
|
|
21780
|
-
|
|
21781
|
-
|
|
21782
|
-
|
|
21783
|
-
|
|
21784
|
-
|
|
21785
|
-
|
|
21786
|
-
|
|
21787
|
-
|
|
21788
|
-
|
|
21789
|
-
|
|
21790
|
-
|
|
21791
|
-
|
|
21792
|
-
|
|
21943
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
21944
|
+
/* @__PURE__ */ jsx49(
|
|
21945
|
+
PayWithExchange,
|
|
21946
|
+
{
|
|
21947
|
+
userId,
|
|
21948
|
+
publishableKey,
|
|
21949
|
+
exchanges,
|
|
21950
|
+
view: exchangeView,
|
|
21951
|
+
onViewChange: setExchangeView,
|
|
21952
|
+
destinationTokenSymbol,
|
|
21953
|
+
recipientAddress,
|
|
21954
|
+
destinationChainType,
|
|
21955
|
+
destinationChainId,
|
|
21956
|
+
destinationTokenAddress,
|
|
21957
|
+
onDepositSuccess,
|
|
21958
|
+
onDepositError,
|
|
21959
|
+
wallets,
|
|
21960
|
+
defaultToken: defaultToken ?? null
|
|
21961
|
+
}
|
|
21962
|
+
),
|
|
21963
|
+
depositPoweredByFooter
|
|
21964
|
+
] })
|
|
21793
21965
|
] }) : null })
|
|
21794
21966
|
}
|
|
21795
21967
|
),
|
|
21796
|
-
/* @__PURE__ */
|
|
21968
|
+
/* @__PURE__ */ jsx49(
|
|
21797
21969
|
WalletSelectionModal,
|
|
21798
21970
|
{
|
|
21799
21971
|
open: walletSelectionModalOpen,
|
|
@@ -21803,7 +21975,7 @@ function DepositModal({
|
|
|
21803
21975
|
theme: resolvedTheme
|
|
21804
21976
|
}
|
|
21805
21977
|
),
|
|
21806
|
-
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */
|
|
21978
|
+
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ jsx49(
|
|
21807
21979
|
BrowserWalletModal,
|
|
21808
21980
|
{
|
|
21809
21981
|
open: browserWalletModalOpen,
|
|
@@ -21880,7 +22052,7 @@ var Button = React282.forwardRef(
|
|
|
21880
22052
|
}
|
|
21881
22053
|
return baseStyle;
|
|
21882
22054
|
}, [variant, components, fonts, style]);
|
|
21883
|
-
return /* @__PURE__ */
|
|
22055
|
+
return /* @__PURE__ */ jsx50(
|
|
21884
22056
|
Comp,
|
|
21885
22057
|
{
|
|
21886
22058
|
className: cn(buttonVariants({ variant, size: size4, className })),
|
|
@@ -21894,7 +22066,7 @@ var Button = React282.forwardRef(
|
|
|
21894
22066
|
Button.displayName = "Button";
|
|
21895
22067
|
|
|
21896
22068
|
// src/provider.tsx
|
|
21897
|
-
import { jsx as
|
|
22069
|
+
import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
21898
22070
|
function UnifoldProvider2({
|
|
21899
22071
|
children,
|
|
21900
22072
|
publishableKey,
|
|
@@ -22003,7 +22175,7 @@ function UnifoldProvider2({
|
|
|
22003
22175
|
}),
|
|
22004
22176
|
[beginDeposit, closeDeposit, handleDepositSuccess, handleDepositError]
|
|
22005
22177
|
);
|
|
22006
|
-
return /* @__PURE__ */
|
|
22178
|
+
return /* @__PURE__ */ jsx51(UnifoldProvider, { publishableKey, children: /* @__PURE__ */ jsx51(ConnectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs45(
|
|
22007
22179
|
ThemeProvider,
|
|
22008
22180
|
{
|
|
22009
22181
|
mode: resolvedTheme,
|
|
@@ -22014,7 +22186,7 @@ function UnifoldProvider2({
|
|
|
22014
22186
|
components: config?.components,
|
|
22015
22187
|
children: [
|
|
22016
22188
|
children,
|
|
22017
|
-
depositConfig && /* @__PURE__ */
|
|
22189
|
+
depositConfig && /* @__PURE__ */ jsx51(
|
|
22018
22190
|
DepositModal,
|
|
22019
22191
|
{
|
|
22020
22192
|
open: isOpen,
|
|
@@ -22035,7 +22207,8 @@ function UnifoldProvider2({
|
|
|
22035
22207
|
enablePayWithExchange: config?.enablePayWithExchange,
|
|
22036
22208
|
onDepositSuccess: handleDepositSuccess,
|
|
22037
22209
|
onDepositError: handleDepositError,
|
|
22038
|
-
theme: resolvedTheme
|
|
22210
|
+
theme: resolvedTheme,
|
|
22211
|
+
initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen
|
|
22039
22212
|
}
|
|
22040
22213
|
)
|
|
22041
22214
|
]
|