@unifold/ui-react 0.1.36 → 0.1.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/powered-by-unifold.svg +38 -0
- package/dist/index.d.mts +21 -3
- package/dist/index.d.ts +21 -3
- package/dist/index.js +825 -682
- package/dist/index.mjs +825 -682
- package/dist/styles-base.css +1 -1
- package/dist/styles.css +1 -1
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -1382,6 +1382,10 @@ var en_default = {
|
|
|
1382
1382
|
payWithExchange: {
|
|
1383
1383
|
title: "Pay with Exchange",
|
|
1384
1384
|
subtitle: "Transfer from exchange"
|
|
1385
|
+
},
|
|
1386
|
+
depositTracker: {
|
|
1387
|
+
title: "Deposit Tracker",
|
|
1388
|
+
subtitle: "Track your deposit progress"
|
|
1385
1389
|
}
|
|
1386
1390
|
},
|
|
1387
1391
|
payWithExchange: {
|
|
@@ -2362,7 +2366,9 @@ function BuyWithCard({
|
|
|
2362
2366
|
onDepositError,
|
|
2363
2367
|
themeClass = "",
|
|
2364
2368
|
wallets: externalWallets,
|
|
2365
|
-
assetCdnUrl
|
|
2369
|
+
assetCdnUrl,
|
|
2370
|
+
hideDepositFlowInfo = false,
|
|
2371
|
+
hideDisplayDescription = false
|
|
2366
2372
|
}) {
|
|
2367
2373
|
const { colors: colors2, fonts, components } = useTheme();
|
|
2368
2374
|
const [amount, setAmount] = (0, import_react7.useState)("");
|
|
@@ -3181,7 +3187,7 @@ function BuyWithCard({
|
|
|
3181
3187
|
children: t.onramp.canCloseModal
|
|
3182
3188
|
}
|
|
3183
3189
|
),
|
|
3184
|
-
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
3190
|
+
!hideDepositFlowInfo && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
3185
3191
|
/* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
|
|
3186
3192
|
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
3187
3193
|
"img",
|
|
@@ -3295,7 +3301,7 @@ function BuyWithCard({
|
|
|
3295
3301
|
)
|
|
3296
3302
|
] })
|
|
3297
3303
|
] }) }),
|
|
3298
|
-
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
3304
|
+
!hideDisplayDescription && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
3299
3305
|
"p",
|
|
3300
3306
|
{
|
|
3301
3307
|
className: "uf-text-xs uf-leading-relaxed",
|
|
@@ -6000,8 +6006,9 @@ function WalletIconWithNetwork({
|
|
|
6000
6006
|
const hasEthereum = networks.includes("ethereum");
|
|
6001
6007
|
const hasSolana = networks.includes("solana");
|
|
6002
6008
|
const hasMultiple = hasEthereum && hasSolana;
|
|
6003
|
-
const
|
|
6004
|
-
const
|
|
6009
|
+
const badgeOutset = 4;
|
|
6010
|
+
const badgeSize = Math.round(size * 0.5);
|
|
6011
|
+
const iconSize = Math.round(badgeSize * 0.76);
|
|
6005
6012
|
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
6006
6013
|
"div",
|
|
6007
6014
|
{
|
|
@@ -6011,39 +6018,46 @@ function WalletIconWithNetwork({
|
|
|
6011
6018
|
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(WalletIcon, { size, className, variant }),
|
|
6012
6019
|
hasMultiple ? (
|
|
6013
6020
|
// Multiple networks: overlapping badges
|
|
6014
|
-
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
6015
|
-
|
|
6016
|
-
|
|
6017
|
-
|
|
6018
|
-
|
|
6019
|
-
|
|
6020
|
-
|
|
6021
|
-
|
|
6022
|
-
|
|
6023
|
-
|
|
6024
|
-
|
|
6025
|
-
|
|
6026
|
-
|
|
6027
|
-
|
|
6028
|
-
|
|
6029
|
-
|
|
6030
|
-
|
|
6031
|
-
|
|
6032
|
-
|
|
6033
|
-
|
|
6034
|
-
|
|
6035
|
-
|
|
6036
|
-
|
|
6037
|
-
|
|
6038
|
-
|
|
6039
|
-
|
|
6040
|
-
|
|
6041
|
-
|
|
6042
|
-
|
|
6043
|
-
|
|
6044
|
-
|
|
6045
|
-
|
|
6046
|
-
|
|
6021
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
6022
|
+
"div",
|
|
6023
|
+
{
|
|
6024
|
+
className: "uf-absolute",
|
|
6025
|
+
style: { bottom: -2, right: -badgeOutset },
|
|
6026
|
+
children: [
|
|
6027
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
6028
|
+
"div",
|
|
6029
|
+
{
|
|
6030
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
6031
|
+
style: {
|
|
6032
|
+
width: badgeSize,
|
|
6033
|
+
height: badgeSize,
|
|
6034
|
+
backgroundColor: "#000",
|
|
6035
|
+
border: "2px solid #fff",
|
|
6036
|
+
// Rear badge sits left of the front; +1px on offset shows slightly more of the rear network
|
|
6037
|
+
right: Math.round(badgeSize * 0.5) + 1,
|
|
6038
|
+
bottom: 0
|
|
6039
|
+
},
|
|
6040
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SolanaIcon, { size: iconSize, variant: "color" })
|
|
6041
|
+
}
|
|
6042
|
+
),
|
|
6043
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
6044
|
+
"div",
|
|
6045
|
+
{
|
|
6046
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
6047
|
+
style: {
|
|
6048
|
+
width: badgeSize,
|
|
6049
|
+
height: badgeSize,
|
|
6050
|
+
backgroundColor: "#627EEA",
|
|
6051
|
+
border: "2px solid #fff",
|
|
6052
|
+
right: 0,
|
|
6053
|
+
bottom: 0
|
|
6054
|
+
},
|
|
6055
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(EthereumIcon, { size: iconSize, variant: "light" })
|
|
6056
|
+
}
|
|
6057
|
+
)
|
|
6058
|
+
]
|
|
6059
|
+
}
|
|
6060
|
+
)
|
|
6047
6061
|
) : (
|
|
6048
6062
|
// Single network
|
|
6049
6063
|
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
@@ -6052,7 +6066,7 @@ function WalletIconWithNetwork({
|
|
|
6052
6066
|
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
6053
6067
|
style: {
|
|
6054
6068
|
bottom: -2,
|
|
6055
|
-
right: -
|
|
6069
|
+
right: -badgeOutset,
|
|
6056
6070
|
width: badgeSize,
|
|
6057
6071
|
height: badgeSize,
|
|
6058
6072
|
backgroundColor: hasEthereum ? "#627EEA" : "#000",
|
|
@@ -6133,7 +6147,7 @@ function BrowserWalletButton({
|
|
|
6133
6147
|
chainType,
|
|
6134
6148
|
publishableKey
|
|
6135
6149
|
}) {
|
|
6136
|
-
const { colors: colors2, fonts, components
|
|
6150
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
6137
6151
|
const [isHovered, setIsHovered] = React21.useState(false);
|
|
6138
6152
|
const [isTouchDevice, setIsTouchDevice] = React21.useState(false);
|
|
6139
6153
|
const [wallet, setWallet] = React21.useState(null);
|
|
@@ -6141,7 +6155,6 @@ function BrowserWalletButton({
|
|
|
6141
6155
|
const [isConnecting, setIsConnecting] = React21.useState(false);
|
|
6142
6156
|
const [balanceText, setBalanceText] = React21.useState(null);
|
|
6143
6157
|
const [isLoadingBalance, setIsLoadingBalance] = React21.useState(false);
|
|
6144
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
6145
6158
|
const onDisconnectRef = React21.useRef(onDisconnect);
|
|
6146
6159
|
onDisconnectRef.current = onDisconnect;
|
|
6147
6160
|
React21.useEffect(() => {
|
|
@@ -6500,12 +6513,12 @@ function BrowserWalletButton({
|
|
|
6500
6513
|
wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React21.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
|
|
6501
6514
|
size: 36,
|
|
6502
6515
|
className: "uf-rounded-lg",
|
|
6503
|
-
variant:
|
|
6516
|
+
variant: "color"
|
|
6504
6517
|
}) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "uf-w-9 uf-h-9 uf-rounded-lg uf-bg-gray-500" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "uf-rounded-lg uf-p-2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
6505
6518
|
import_lucide_react13.Wallet,
|
|
6506
6519
|
{
|
|
6507
6520
|
className: "uf-w-5 uf-h-5",
|
|
6508
|
-
style: { color:
|
|
6521
|
+
style: { color: components.card.iconColor }
|
|
6509
6522
|
}
|
|
6510
6523
|
) }),
|
|
6511
6524
|
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "uf-text-left", children: [
|
|
@@ -6945,9 +6958,68 @@ function ThemeStyleInjector({
|
|
|
6945
6958
|
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn(mode === "dark" ? "uf-dark" : "", className), style: cssVars, children });
|
|
6946
6959
|
}
|
|
6947
6960
|
|
|
6961
|
+
// src/components/shared/PoweredByUnifold.tsx
|
|
6962
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
6963
|
+
var VIEW_W = 538;
|
|
6964
|
+
var VIEW_H = 53;
|
|
6965
|
+
var SIZE_MAX_WIDTH = {
|
|
6966
|
+
sm: 128,
|
|
6967
|
+
md: 152,
|
|
6968
|
+
lg: 216
|
|
6969
|
+
};
|
|
6970
|
+
function PoweredByUnifold({
|
|
6971
|
+
color,
|
|
6972
|
+
className,
|
|
6973
|
+
size = "sm",
|
|
6974
|
+
maxWidth: maxWidthProp
|
|
6975
|
+
}) {
|
|
6976
|
+
const maxWidth = maxWidthProp ?? SIZE_MAX_WIDTH[size];
|
|
6977
|
+
const height = Math.round(maxWidth / VIEW_W * VIEW_H);
|
|
6978
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
6979
|
+
"div",
|
|
6980
|
+
{
|
|
6981
|
+
className,
|
|
6982
|
+
style: { color, lineHeight: 0 },
|
|
6983
|
+
role: "img",
|
|
6984
|
+
"aria-label": "Powered by Unifold",
|
|
6985
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
6986
|
+
"svg",
|
|
6987
|
+
{
|
|
6988
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6989
|
+
width: maxWidth,
|
|
6990
|
+
height,
|
|
6991
|
+
viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
|
|
6992
|
+
fill: "none",
|
|
6993
|
+
className: "uf-block uf-max-w-full uf-h-auto",
|
|
6994
|
+
children: [
|
|
6995
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M14.796 25.746H5.184V42H0V3.22803H14.796C19.044 3.22803 22.338 4.21803 24.678 6.19803C27.054 8.14203 28.242 10.896 28.242 14.46C28.242 18.024 27.054 20.796 24.678 22.776C22.302 24.756 19.008 25.746 14.796 25.746ZM5.184 7.71003V21.264H14.526C17.298 21.264 19.422 20.688 20.898 19.536C22.374 18.348 23.112 16.656 23.112 14.46C23.112 12.3 22.374 10.644 20.898 9.49203C19.422 8.30403 17.298 7.71003 14.526 7.71003H5.184Z", fill: "currentColor" }),
|
|
6996
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M53.0082 17.592C54.1242 18.888 54.9702 20.418 55.5462 22.182C56.1222 23.946 56.4102 25.854 56.4102 27.906C56.4102 29.958 56.1222 31.866 55.5462 33.63C54.9702 35.394 54.1242 36.924 53.0082 38.22C51.8202 39.624 50.3802 40.704 48.6882 41.46C47.0322 42.216 45.2322 42.594 43.2882 42.594C41.3442 42.594 39.5262 42.216 37.8342 41.46C36.1782 40.704 34.7562 39.624 33.5682 38.22C32.4522 36.924 31.6062 35.394 31.0302 33.63C30.4542 31.866 30.1662 29.958 30.1662 27.906C30.1662 25.854 30.4542 23.946 31.0302 22.182C31.6062 20.418 32.4522 18.888 33.5682 17.592C34.7562 16.188 36.1782 15.108 37.8342 14.352C39.5262 13.596 41.3442 13.218 43.2882 13.218C45.2322 13.218 47.0322 13.596 48.6882 14.352C50.3802 15.108 51.8202 16.188 53.0082 17.592ZM43.2882 17.322C40.8042 17.322 38.8062 18.276 37.2942 20.184C35.8182 22.092 35.0802 24.666 35.0802 27.906C35.0802 31.11 35.8182 33.666 37.2942 35.574C38.8062 37.482 40.8042 38.436 43.2882 38.436C45.7722 38.436 47.7522 37.482 49.2282 35.574C50.7402 33.666 51.4962 31.11 51.4962 27.906C51.4962 24.666 50.7402 22.092 49.2282 20.184C47.7522 18.276 45.7722 17.322 43.2882 17.322Z", fill: "currentColor" }),
|
|
6997
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M69.6773 34.764L75.5093 13.758H79.6133L85.4453 34.818L91.3313 13.758H96.1913L87.6053 42H83.3393L77.4533 21.048L71.5673 42H67.3013L58.7153 13.758H63.7373L69.6773 34.764Z", fill: "currentColor" }),
|
|
6998
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M111.687 42.594C109.707 42.594 107.871 42.234 106.179 41.514C104.523 40.758 103.101 39.66 101.913 38.22C100.797 36.924 99.9332 35.394 99.3212 33.63C98.7452 31.866 98.4572 29.958 98.4572 27.906C98.4572 25.926 98.7452 24.054 99.3212 22.29C99.8972 20.526 100.743 18.978 101.859 17.646C103.047 16.206 104.469 15.108 106.125 14.352C107.781 13.596 109.563 13.218 111.471 13.218C115.179 13.218 118.113 14.478 120.273 16.998C122.433 19.518 123.513 22.866 123.513 27.042V28.662H103.101C103.245 31.614 104.091 33.972 105.639 35.736C107.187 37.5 109.203 38.382 111.687 38.382C113.559 38.382 115.143 37.914 116.439 36.978C117.735 36.006 118.599 34.674 119.031 32.982L123.297 34.494C122.433 37.05 120.975 39.048 118.923 40.488C116.871 41.892 114.459 42.594 111.687 42.594ZM111.417 17.376C109.329 17.376 107.565 18.042 106.125 19.374C104.721 20.706 103.803 22.56 103.371 24.936H118.599C118.527 22.632 117.861 20.796 116.601 19.428C115.341 18.06 113.613 17.376 111.417 17.376Z", fill: "currentColor" }),
|
|
6999
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M142.253 13.542C142.577 13.542 142.901 13.56 143.225 13.596C143.549 13.596 143.873 13.614 144.197 13.65V18.564C143.801 18.492 143.423 18.438 143.063 18.402C142.703 18.366 142.289 18.348 141.821 18.348C139.697 18.348 137.933 19.122 136.529 20.67C135.125 22.182 134.423 24.144 134.423 26.556V42H129.563V13.758H134.423V18.564C135.107 17.016 136.133 15.792 137.501 14.892C138.905 13.992 140.489 13.542 142.253 13.542Z", fill: "currentColor" }),
|
|
7000
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M159.675 42.594C157.695 42.594 155.859 42.234 154.167 41.514C152.511 40.758 151.089 39.66 149.901 38.22C148.785 36.924 147.921 35.394 147.309 33.63C146.733 31.866 146.445 29.958 146.445 27.906C146.445 25.926 146.733 24.054 147.309 22.29C147.885 20.526 148.731 18.978 149.847 17.646C151.035 16.206 152.457 15.108 154.113 14.352C155.769 13.596 157.551 13.218 159.459 13.218C163.167 13.218 166.101 14.478 168.261 16.998C170.421 19.518 171.501 22.866 171.501 27.042V28.662H151.089C151.233 31.614 152.079 33.972 153.627 35.736C155.175 37.5 157.191 38.382 159.675 38.382C161.547 38.382 163.131 37.914 164.427 36.978C165.723 36.006 166.587 34.674 167.019 32.982L171.285 34.494C170.421 37.05 168.963 39.048 166.911 40.488C164.859 41.892 162.447 42.594 159.675 42.594ZM159.405 17.376C157.317 17.376 155.553 18.042 154.113 19.374C152.709 20.706 151.791 22.56 151.359 24.936H166.587C166.515 22.632 165.849 20.796 164.589 19.428C163.329 18.06 161.601 17.376 159.405 17.376Z", fill: "currentColor" }),
|
|
7001
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M187.92 42.594C186.012 42.594 184.266 42.216 182.682 41.46C181.134 40.668 179.802 39.534 178.686 38.058C177.678 36.726 176.904 35.196 176.364 33.468C175.86 31.704 175.608 29.85 175.608 27.906C175.608 25.926 175.86 24.072 176.364 22.344C176.904 20.616 177.66 19.086 178.632 17.754C179.748 16.278 181.098 15.162 182.682 14.406C184.266 13.614 186.012 13.218 187.92 13.218C189.792 13.218 191.484 13.632 192.996 14.46C194.544 15.288 195.768 16.422 196.668 17.862V3.22803H201.528V42H196.668V37.896C195.804 39.372 194.598 40.524 193.05 41.352C191.502 42.18 189.792 42.594 187.92 42.594ZM196.776 28.932V26.934C196.776 24.018 196.02 21.714 194.508 20.022C193.032 18.33 191.124 17.484 188.784 17.484C186.228 17.484 184.212 18.438 182.736 20.346C181.26 22.218 180.522 24.738 180.522 27.906C180.522 31.074 181.26 33.612 182.736 35.52C184.248 37.392 186.264 38.328 188.784 38.328C191.124 38.328 193.032 37.482 194.508 35.79C196.02 34.098 196.776 31.812 196.776 28.932Z", fill: "currentColor" }),
|
|
7002
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M243.794 38.058C242.678 39.534 241.328 40.668 239.744 41.46C238.196 42.216 236.468 42.594 234.56 42.594C232.688 42.594 230.978 42.18 229.43 41.352C227.882 40.524 226.676 39.372 225.812 37.896V42H220.952V3.22803H225.812V17.862C226.712 16.422 227.918 15.288 229.43 14.46C230.978 13.632 232.688 13.218 234.56 13.218C236.468 13.218 238.214 13.614 239.798 14.406C241.382 15.162 242.732 16.278 243.848 17.754C244.82 19.086 245.558 20.616 246.062 22.344C246.602 24.072 246.872 25.926 246.872 27.906C246.872 29.85 246.602 31.704 246.062 33.468C245.558 35.196 244.802 36.726 243.794 38.058ZM233.696 17.484C231.356 17.484 229.43 18.33 227.918 20.022C226.442 21.714 225.704 24.018 225.704 26.934V28.932C225.704 31.812 226.442 34.098 227.918 35.79C229.43 37.482 231.356 38.328 233.696 38.328C236.216 38.328 238.214 37.392 239.69 35.52C241.202 33.612 241.958 31.074 241.958 27.906C241.958 24.738 241.22 22.218 239.744 20.346C238.268 18.438 236.252 17.484 233.696 17.484Z", fill: "currentColor" }),
|
|
7003
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M275.008 13.758L262.858 45.078C261.886 47.598 260.716 49.38 259.348 50.424C257.98 51.504 256.234 52.044 254.11 52.044C253.534 52.044 253.048 52.026 252.652 51.99C252.292 51.954 251.896 51.9 251.464 51.828V47.616C251.896 47.724 252.274 47.796 252.598 47.832C252.958 47.868 253.354 47.886 253.786 47.886C254.902 47.886 255.766 47.616 256.378 47.076C257.026 46.572 257.62 45.654 258.16 44.322L259.51 40.974L249.034 13.758H254.164L262.102 35.358L269.932 13.758H275.008Z", fill: "currentColor" }),
|
|
7004
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M310.386 0V26.7073C310.386 34.9642 316.734 37.7847 320.266 37.7847C324.205 37.7847 325.092 34.8254 325.092 28.4171C325.092 22.0088 325.129 0 325.129 0H338.734V26.3419C338.734 35.673 333.65 40.9049 327.693 42.0228C327.693 42.0228 323.644 48 314.872 48C305.508 48 294.734 42.0374 294.734 23.8064V1.79753C294.734 1.79753 298.991 0 303.602 0H310.386Z", fill: "currentColor" }),
|
|
7005
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M386.974 27.31C386.974 31.89 383.254 35.61 378.674 35.61C374.094 35.61 370.374 31.89 370.374 27.31V2.96997H362.544V28.7C362.544 36.51 368.144 42.84 378.434 42.84H379.334C389.014 42.84 394.814 36.51 394.814 28.7V2.96997H386.984V27.31H386.974Z", fill: "currentColor" }),
|
|
7006
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M417.004 12.47C409.634 12.47 408.004 19.18 408.004 19.18V12.76H400.474V42.25H408.504V24.15C408.504 21.13 410.944 18.69 413.964 18.69C416.984 18.69 419.424 21.13 419.424 24.15V42.25H427.324V24.6C427.324 17.36 424.364 12.47 417.004 12.47Z", fill: "currentColor" }),
|
|
7007
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M440.704 12.9302H432.724V42.2602H440.704V12.9302Z", fill: "currentColor" }),
|
|
7008
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M504.904 2.96997H496.924V42.25H504.904V2.96997Z", fill: "currentColor" }),
|
|
7009
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M529.474 2.96997V17.96C528.294 15.93 525.554 12.36 520.884 12.36C514.354 12.36 508.824 16.64 508.824 27.59C508.824 38.54 514.354 42.82 520.884 42.82C525.554 42.82 528.284 39.26 529.474 37.22V42.25H537.454V2.96997H529.474ZM523.184 36.41C518.894 36.41 516.944 32.58 516.944 27.59C516.944 22.6 518.884 18.77 523.184 18.77C527.484 18.77 529.484 22.35 529.484 27.59C529.484 32.83 527.484 36.41 523.184 36.41Z", fill: "currentColor" }),
|
|
7010
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M436.714 0.840088C434.484 0.840088 432.664 2.65009 432.664 4.89009C432.664 7.13009 434.474 8.94009 436.714 8.94009C438.954 8.94009 440.764 7.13009 440.764 4.89009C440.764 2.65009 438.954 0.840088 436.714 0.840088Z", fill: "currentColor" }),
|
|
7011
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M459.724 7.35012C461.424 7.35012 462.214 7.95013 462.214 7.95013L463.774 1.88013C463.774 1.88013 461.804 1.13013 457.934 1.13013C457.764 1.13013 457.594 1.13013 457.414 1.13013C452.454 1.20013 448.444 5.23012 448.444 10.1901V12.9201H443.124V18.7601H448.444V42.2501H456.104V18.7601H462.554V12.9201H456.104V11.2901C456.104 8.27013 458.014 7.34013 459.714 7.34013L459.724 7.35012Z", fill: "currentColor" }),
|
|
7012
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M478.364 12.3601C470.404 12.3601 463.964 19.1801 463.964 27.5901C463.964 36.0001 470.414 42.8201 478.364 42.8201C486.314 42.8201 492.764 36.0001 492.764 27.5901C492.764 19.1801 486.314 12.3601 478.364 12.3601ZM478.364 36.4101C473.714 36.4101 471.714 32.4601 471.714 27.5901C471.714 22.7201 473.494 18.7701 478.364 18.7701C483.234 18.7701 485.014 22.7201 485.014 27.5901C485.014 32.4601 483.024 36.4101 478.364 36.4101Z", fill: "currentColor" })
|
|
7013
|
+
]
|
|
7014
|
+
}
|
|
7015
|
+
)
|
|
7016
|
+
}
|
|
7017
|
+
);
|
|
7018
|
+
}
|
|
7019
|
+
|
|
6948
7020
|
// src/components/deposits/DepositsModal.tsx
|
|
6949
7021
|
var import_core19 = require("@unifold/core");
|
|
6950
|
-
var
|
|
7022
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
6951
7023
|
function DepositsModal({
|
|
6952
7024
|
open,
|
|
6953
7025
|
onOpenChange,
|
|
@@ -7001,8 +7073,8 @@ function DepositsModal({
|
|
|
7001
7073
|
const handleExecutionClick = (execution) => {
|
|
7002
7074
|
setSelectedExecution(execution);
|
|
7003
7075
|
};
|
|
7004
|
-
const content = selectedExecution ? /* @__PURE__ */ (0,
|
|
7005
|
-
/* @__PURE__ */ (0,
|
|
7076
|
+
const content = selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
|
|
7077
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
7006
7078
|
DepositHeader,
|
|
7007
7079
|
{
|
|
7008
7080
|
title: "Deposit Details",
|
|
@@ -7011,9 +7083,9 @@ function DepositsModal({
|
|
|
7011
7083
|
onClose: handleClose
|
|
7012
7084
|
}
|
|
7013
7085
|
),
|
|
7014
|
-
/* @__PURE__ */ (0,
|
|
7015
|
-
] }) : /* @__PURE__ */ (0,
|
|
7016
|
-
/* @__PURE__ */ (0,
|
|
7086
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DepositDetailContent, { execution: selectedExecution }) })
|
|
7087
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
|
|
7088
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
7017
7089
|
DepositHeader,
|
|
7018
7090
|
{
|
|
7019
7091
|
title: "Deposit Tracker",
|
|
@@ -7022,14 +7094,14 @@ function DepositsModal({
|
|
|
7022
7094
|
onClose: handleClose
|
|
7023
7095
|
}
|
|
7024
7096
|
),
|
|
7025
|
-
/* @__PURE__ */ (0,
|
|
7097
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
7026
7098
|
"div",
|
|
7027
7099
|
{
|
|
7028
7100
|
className: "uf-text-sm",
|
|
7029
7101
|
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
7030
7102
|
children: "No deposits yet"
|
|
7031
7103
|
}
|
|
7032
|
-
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0,
|
|
7104
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
7033
7105
|
DepositExecutionItem,
|
|
7034
7106
|
{
|
|
7035
7107
|
execution,
|
|
@@ -7038,12 +7110,21 @@ function DepositsModal({
|
|
|
7038
7110
|
execution.id
|
|
7039
7111
|
)) }) })
|
|
7040
7112
|
] });
|
|
7041
|
-
return /* @__PURE__ */ (0,
|
|
7113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
7042
7114
|
DialogContent,
|
|
7043
7115
|
{
|
|
7044
7116
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
7045
7117
|
style: { backgroundColor: colors2.background },
|
|
7046
|
-
children: /* @__PURE__ */ (0,
|
|
7118
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: [
|
|
7119
|
+
content,
|
|
7120
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "uf-pt-3 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
7121
|
+
PoweredByUnifold,
|
|
7122
|
+
{
|
|
7123
|
+
color: colors2.foregroundMuted,
|
|
7124
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
7125
|
+
}
|
|
7126
|
+
) })
|
|
7127
|
+
] })
|
|
7047
7128
|
}
|
|
7048
7129
|
) });
|
|
7049
7130
|
}
|
|
@@ -7051,7 +7132,7 @@ function DepositsModal({
|
|
|
7051
7132
|
// src/components/deposits/TokenSelectorSheet.tsx
|
|
7052
7133
|
var import_react12 = require("react");
|
|
7053
7134
|
var import_lucide_react14 = require("lucide-react");
|
|
7054
|
-
var
|
|
7135
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
7055
7136
|
var STORAGE_KEY = "unifold_recent_tokens";
|
|
7056
7137
|
var MAX_RECENT_TOKENS = 5;
|
|
7057
7138
|
var COMMON_TOKENS = [
|
|
@@ -7182,7 +7263,7 @@ function TokenSelectorSheet({
|
|
|
7182
7263
|
onOpenChange(false);
|
|
7183
7264
|
};
|
|
7184
7265
|
if (!open) return null;
|
|
7185
|
-
return /* @__PURE__ */ (0,
|
|
7266
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
|
|
7186
7267
|
"div",
|
|
7187
7268
|
{
|
|
7188
7269
|
className: `${themeClass} uf-px-6`,
|
|
@@ -7197,18 +7278,18 @@ function TokenSelectorSheet({
|
|
|
7197
7278
|
backgroundColor: colors2.background
|
|
7198
7279
|
},
|
|
7199
7280
|
children: [
|
|
7200
|
-
/* @__PURE__ */ (0,
|
|
7201
|
-
/* @__PURE__ */ (0,
|
|
7281
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
|
|
7282
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7202
7283
|
"button",
|
|
7203
7284
|
{
|
|
7204
7285
|
type: "button",
|
|
7205
7286
|
onClick: () => onOpenChange(false),
|
|
7206
7287
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors",
|
|
7207
7288
|
style: { color: components.header.buttonColor },
|
|
7208
|
-
children: /* @__PURE__ */ (0,
|
|
7289
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react14.ArrowLeft, { className: "uf-w-5 uf-h-5" })
|
|
7209
7290
|
}
|
|
7210
7291
|
),
|
|
7211
|
-
/* @__PURE__ */ (0,
|
|
7292
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7212
7293
|
"h2",
|
|
7213
7294
|
{
|
|
7214
7295
|
className: "uf-text-base uf-text-center",
|
|
@@ -7219,10 +7300,10 @@ function TokenSelectorSheet({
|
|
|
7219
7300
|
children: "Select token to deposit"
|
|
7220
7301
|
}
|
|
7221
7302
|
),
|
|
7222
|
-
/* @__PURE__ */ (0,
|
|
7303
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
|
|
7223
7304
|
] }),
|
|
7224
|
-
/* @__PURE__ */ (0,
|
|
7225
|
-
/* @__PURE__ */ (0,
|
|
7305
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "uf-pb-3", children: [
|
|
7306
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7226
7307
|
"style",
|
|
7227
7308
|
{
|
|
7228
7309
|
dangerouslySetInnerHTML: {
|
|
@@ -7230,7 +7311,7 @@ function TokenSelectorSheet({
|
|
|
7230
7311
|
}
|
|
7231
7312
|
}
|
|
7232
7313
|
),
|
|
7233
|
-
/* @__PURE__ */ (0,
|
|
7314
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7234
7315
|
"input",
|
|
7235
7316
|
{
|
|
7236
7317
|
type: "text",
|
|
@@ -7248,8 +7329,8 @@ function TokenSelectorSheet({
|
|
|
7248
7329
|
}
|
|
7249
7330
|
) })
|
|
7250
7331
|
] }),
|
|
7251
|
-
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0,
|
|
7252
|
-
/* @__PURE__ */ (0,
|
|
7332
|
+
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "uf-pb-3 uf--mx-6", children: [
|
|
7333
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7253
7334
|
"div",
|
|
7254
7335
|
{
|
|
7255
7336
|
className: "uf-text-xs uf-mb-2 uf-px-6",
|
|
@@ -7260,7 +7341,7 @@ function TokenSelectorSheet({
|
|
|
7260
7341
|
children: "Quick select"
|
|
7261
7342
|
}
|
|
7262
7343
|
),
|
|
7263
|
-
/* @__PURE__ */ (0,
|
|
7344
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7264
7345
|
"div",
|
|
7265
7346
|
{
|
|
7266
7347
|
className: "uf-flex uf-gap-2 uf-overflow-x-auto uf-px-6 uf-pb-1",
|
|
@@ -7268,12 +7349,12 @@ function TokenSelectorSheet({
|
|
|
7268
7349
|
children: quickSelectOptions.map(({ token, chain, isRecent }) => {
|
|
7269
7350
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
7270
7351
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
7271
|
-
return /* @__PURE__ */ (0,
|
|
7352
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
|
|
7272
7353
|
"div",
|
|
7273
7354
|
{
|
|
7274
7355
|
style: { position: "relative", flexShrink: 0 },
|
|
7275
7356
|
children: [
|
|
7276
|
-
isRecent && /* @__PURE__ */ (0,
|
|
7357
|
+
isRecent && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7277
7358
|
"button",
|
|
7278
7359
|
{
|
|
7279
7360
|
type: "button",
|
|
@@ -7293,10 +7374,10 @@ function TokenSelectorSheet({
|
|
|
7293
7374
|
padding: 2,
|
|
7294
7375
|
color: colors2.foregroundMuted
|
|
7295
7376
|
},
|
|
7296
|
-
children: /* @__PURE__ */ (0,
|
|
7377
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react14.X, { style: { width: 12, height: 12 } })
|
|
7297
7378
|
}
|
|
7298
7379
|
),
|
|
7299
|
-
/* @__PURE__ */ (0,
|
|
7380
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
|
|
7300
7381
|
"button",
|
|
7301
7382
|
{
|
|
7302
7383
|
type: "button",
|
|
@@ -7315,8 +7396,8 @@ function TokenSelectorSheet({
|
|
|
7315
7396
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
7316
7397
|
},
|
|
7317
7398
|
children: [
|
|
7318
|
-
/* @__PURE__ */ (0,
|
|
7319
|
-
/* @__PURE__ */ (0,
|
|
7399
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
7400
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7320
7401
|
"img",
|
|
7321
7402
|
{
|
|
7322
7403
|
src: token.icon_url,
|
|
@@ -7327,7 +7408,7 @@ function TokenSelectorSheet({
|
|
|
7327
7408
|
className: "uf-rounded-full"
|
|
7328
7409
|
}
|
|
7329
7410
|
),
|
|
7330
|
-
/* @__PURE__ */ (0,
|
|
7411
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7331
7412
|
"div",
|
|
7332
7413
|
{
|
|
7333
7414
|
style: {
|
|
@@ -7335,7 +7416,7 @@ function TokenSelectorSheet({
|
|
|
7335
7416
|
bottom: -2,
|
|
7336
7417
|
right: -2
|
|
7337
7418
|
},
|
|
7338
|
-
children: /* @__PURE__ */ (0,
|
|
7419
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7339
7420
|
"img",
|
|
7340
7421
|
{
|
|
7341
7422
|
src: chain.icon_url,
|
|
@@ -7349,8 +7430,8 @@ function TokenSelectorSheet({
|
|
|
7349
7430
|
}
|
|
7350
7431
|
)
|
|
7351
7432
|
] }),
|
|
7352
|
-
/* @__PURE__ */ (0,
|
|
7353
|
-
/* @__PURE__ */ (0,
|
|
7433
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { style: { textAlign: "left" }, children: [
|
|
7434
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7354
7435
|
"div",
|
|
7355
7436
|
{
|
|
7356
7437
|
style: {
|
|
@@ -7363,7 +7444,7 @@ function TokenSelectorSheet({
|
|
|
7363
7444
|
children: token.symbol
|
|
7364
7445
|
}
|
|
7365
7446
|
),
|
|
7366
|
-
/* @__PURE__ */ (0,
|
|
7447
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7367
7448
|
"div",
|
|
7368
7449
|
{
|
|
7369
7450
|
style: {
|
|
@@ -7387,7 +7468,7 @@ function TokenSelectorSheet({
|
|
|
7387
7468
|
}
|
|
7388
7469
|
)
|
|
7389
7470
|
] }),
|
|
7390
|
-
/* @__PURE__ */ (0,
|
|
7471
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7391
7472
|
"div",
|
|
7392
7473
|
{
|
|
7393
7474
|
className: "uf-text-xs uf-mb-2",
|
|
@@ -7398,7 +7479,7 @@ function TokenSelectorSheet({
|
|
|
7398
7479
|
children: "All supported tokens"
|
|
7399
7480
|
}
|
|
7400
7481
|
),
|
|
7401
|
-
/* @__PURE__ */ (0,
|
|
7482
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "uf-flex-1 uf-overflow-y-auto uf-min-h-0 uf--mx-6 uf-px-6 uf-pb-3", children: filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7402
7483
|
"div",
|
|
7403
7484
|
{
|
|
7404
7485
|
style: {
|
|
@@ -7410,10 +7491,10 @@ function TokenSelectorSheet({
|
|
|
7410
7491
|
},
|
|
7411
7492
|
children: "No tokens found"
|
|
7412
7493
|
}
|
|
7413
|
-
) : /* @__PURE__ */ (0,
|
|
7494
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
|
|
7414
7495
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
7415
7496
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
7416
|
-
return /* @__PURE__ */ (0,
|
|
7497
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
|
|
7417
7498
|
"button",
|
|
7418
7499
|
{
|
|
7419
7500
|
type: "button",
|
|
@@ -7434,8 +7515,8 @@ function TokenSelectorSheet({
|
|
|
7434
7515
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
7435
7516
|
},
|
|
7436
7517
|
children: [
|
|
7437
|
-
/* @__PURE__ */ (0,
|
|
7438
|
-
/* @__PURE__ */ (0,
|
|
7518
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
7519
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7439
7520
|
"img",
|
|
7440
7521
|
{
|
|
7441
7522
|
src: token.icon_url,
|
|
@@ -7446,7 +7527,7 @@ function TokenSelectorSheet({
|
|
|
7446
7527
|
className: "uf-rounded-full"
|
|
7447
7528
|
}
|
|
7448
7529
|
),
|
|
7449
|
-
/* @__PURE__ */ (0,
|
|
7530
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7450
7531
|
"div",
|
|
7451
7532
|
{
|
|
7452
7533
|
style: {
|
|
@@ -7454,7 +7535,7 @@ function TokenSelectorSheet({
|
|
|
7454
7535
|
bottom: -4,
|
|
7455
7536
|
right: -4
|
|
7456
7537
|
},
|
|
7457
|
-
children: /* @__PURE__ */ (0,
|
|
7538
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7458
7539
|
"img",
|
|
7459
7540
|
{
|
|
7460
7541
|
src: chain.icon_url,
|
|
@@ -7468,8 +7549,8 @@ function TokenSelectorSheet({
|
|
|
7468
7549
|
}
|
|
7469
7550
|
)
|
|
7470
7551
|
] }),
|
|
7471
|
-
/* @__PURE__ */ (0,
|
|
7472
|
-
/* @__PURE__ */ (0,
|
|
7552
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
7553
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7473
7554
|
"div",
|
|
7474
7555
|
{
|
|
7475
7556
|
style: {
|
|
@@ -7481,7 +7562,7 @@ function TokenSelectorSheet({
|
|
|
7481
7562
|
children: token.symbol
|
|
7482
7563
|
}
|
|
7483
7564
|
),
|
|
7484
|
-
/* @__PURE__ */ (0,
|
|
7565
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7485
7566
|
"div",
|
|
7486
7567
|
{
|
|
7487
7568
|
style: {
|
|
@@ -7493,7 +7574,7 @@ function TokenSelectorSheet({
|
|
|
7493
7574
|
}
|
|
7494
7575
|
)
|
|
7495
7576
|
] }),
|
|
7496
|
-
/* @__PURE__ */ (0,
|
|
7577
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
|
|
7497
7578
|
"div",
|
|
7498
7579
|
{
|
|
7499
7580
|
style: {
|
|
@@ -7502,11 +7583,11 @@ function TokenSelectorSheet({
|
|
|
7502
7583
|
fontFamily: fonts.regular
|
|
7503
7584
|
},
|
|
7504
7585
|
children: [
|
|
7505
|
-
/* @__PURE__ */ (0,
|
|
7586
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { style: { color: components.card.textRightColor }, children: [
|
|
7506
7587
|
"Minimum:",
|
|
7507
7588
|
" "
|
|
7508
7589
|
] }),
|
|
7509
|
-
/* @__PURE__ */ (0,
|
|
7590
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { style: { color: components.card.labelHighlightRightColor }, children: [
|
|
7510
7591
|
"$",
|
|
7511
7592
|
chain.minimum_deposit_amount_usd
|
|
7512
7593
|
] })
|
|
@@ -7517,14 +7598,21 @@ function TokenSelectorSheet({
|
|
|
7517
7598
|
},
|
|
7518
7599
|
`${token.symbol}-${chainKey}`
|
|
7519
7600
|
);
|
|
7520
|
-
}) }) })
|
|
7601
|
+
}) }) }),
|
|
7602
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
7603
|
+
PoweredByUnifold,
|
|
7604
|
+
{
|
|
7605
|
+
color: colors2.foregroundMuted,
|
|
7606
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
7607
|
+
}
|
|
7608
|
+
) })
|
|
7521
7609
|
]
|
|
7522
7610
|
}
|
|
7523
7611
|
);
|
|
7524
7612
|
}
|
|
7525
7613
|
|
|
7526
7614
|
// src/components/deposits/DepositPollingUi.tsx
|
|
7527
|
-
var
|
|
7615
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
7528
7616
|
function DepositPollingUi({
|
|
7529
7617
|
depositConfirmationMode,
|
|
7530
7618
|
showWaitingUi,
|
|
@@ -7533,7 +7621,7 @@ function DepositPollingUi({
|
|
|
7533
7621
|
}) {
|
|
7534
7622
|
const { fonts, components } = useTheme();
|
|
7535
7623
|
if (depositConfirmationMode === "manual" && !showWaitingUi) {
|
|
7536
|
-
return /* @__PURE__ */ (0,
|
|
7624
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7537
7625
|
"button",
|
|
7538
7626
|
{
|
|
7539
7627
|
onClick: onIveDeposited,
|
|
@@ -7550,15 +7638,15 @@ function DepositPollingUi({
|
|
|
7550
7638
|
);
|
|
7551
7639
|
}
|
|
7552
7640
|
if (showWaitingUi && !hasExecution) {
|
|
7553
|
-
return /* @__PURE__ */ (0,
|
|
7641
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
7554
7642
|
"div",
|
|
7555
7643
|
{
|
|
7556
7644
|
className: "uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500",
|
|
7557
7645
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
7558
7646
|
children: [
|
|
7559
|
-
/* @__PURE__ */ (0,
|
|
7560
|
-
/* @__PURE__ */ (0,
|
|
7561
|
-
/* @__PURE__ */ (0,
|
|
7647
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "uf-w-9 uf-h-9 uf-rounded-full uf-border-2 uf-border-t-primary uf-border-primary/20 uf-animate-spin" }) }),
|
|
7648
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
|
|
7649
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7562
7650
|
"div",
|
|
7563
7651
|
{
|
|
7564
7652
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -7566,7 +7654,7 @@ function DepositPollingUi({
|
|
|
7566
7654
|
children: "Processing deposit transactions"
|
|
7567
7655
|
}
|
|
7568
7656
|
),
|
|
7569
|
-
/* @__PURE__ */ (0,
|
|
7657
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
7570
7658
|
"div",
|
|
7571
7659
|
{
|
|
7572
7660
|
className: "uf-text-xs",
|
|
@@ -7583,13 +7671,13 @@ function DepositPollingUi({
|
|
|
7583
7671
|
}
|
|
7584
7672
|
|
|
7585
7673
|
// src/components/deposits/shared/DepositFooterLinks.tsx
|
|
7586
|
-
var
|
|
7674
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
7587
7675
|
function DepositFooterLinks({
|
|
7588
7676
|
onGlossaryClick
|
|
7589
7677
|
}) {
|
|
7590
7678
|
const { colors: colors2 } = useTheme();
|
|
7591
|
-
return /* @__PURE__ */ (0,
|
|
7592
|
-
/* @__PURE__ */ (0,
|
|
7679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
|
|
7680
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
7593
7681
|
"a",
|
|
7594
7682
|
{
|
|
7595
7683
|
href: "https://unifold.io/terms",
|
|
@@ -7599,8 +7687,8 @@ function DepositFooterLinks({
|
|
|
7599
7687
|
children: "Terms"
|
|
7600
7688
|
}
|
|
7601
7689
|
),
|
|
7602
|
-
/* @__PURE__ */ (0,
|
|
7603
|
-
/* @__PURE__ */ (0,
|
|
7690
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
7691
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
7604
7692
|
"a",
|
|
7605
7693
|
{
|
|
7606
7694
|
href: "https://unifold.io/support",
|
|
@@ -7610,8 +7698,8 @@ function DepositFooterLinks({
|
|
|
7610
7698
|
children: "Help"
|
|
7611
7699
|
}
|
|
7612
7700
|
),
|
|
7613
|
-
/* @__PURE__ */ (0,
|
|
7614
|
-
/* @__PURE__ */ (0,
|
|
7701
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
7702
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
7615
7703
|
"div",
|
|
7616
7704
|
{
|
|
7617
7705
|
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
@@ -7625,7 +7713,7 @@ function DepositFooterLinks({
|
|
|
7625
7713
|
|
|
7626
7714
|
// src/components/deposits/shared/GlossaryModal.tsx
|
|
7627
7715
|
var import_lucide_react15 = require("lucide-react");
|
|
7628
|
-
var
|
|
7716
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
7629
7717
|
var t3 = i18n.transferCrypto;
|
|
7630
7718
|
function GlossaryModal({
|
|
7631
7719
|
open,
|
|
@@ -7637,15 +7725,15 @@ function GlossaryModal({
|
|
|
7637
7725
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
7638
7726
|
const resolvedThemeClass = themeClassProp ?? themeClass;
|
|
7639
7727
|
const modalBackground = backgroundColorProp ?? colors2.background;
|
|
7640
|
-
return /* @__PURE__ */ (0,
|
|
7728
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
7641
7729
|
DialogContent,
|
|
7642
7730
|
{
|
|
7643
7731
|
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}`,
|
|
7644
7732
|
style: { backgroundColor: modalBackground },
|
|
7645
7733
|
children: [
|
|
7646
|
-
/* @__PURE__ */ (0,
|
|
7647
|
-
/* @__PURE__ */ (0,
|
|
7648
|
-
/* @__PURE__ */ (0,
|
|
7734
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
|
|
7735
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "uf-invisible uf-w-9 uf-h-9 uf-flex uf-shrink-0 uf-items-center uf-justify-center", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react15.X, { className: "uf-w-4 uf-h-4" }) }),
|
|
7736
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
7649
7737
|
DialogTitle,
|
|
7650
7738
|
{
|
|
7651
7739
|
className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
|
|
@@ -7653,91 +7741,91 @@ function GlossaryModal({
|
|
|
7653
7741
|
children: "Glossary"
|
|
7654
7742
|
}
|
|
7655
7743
|
),
|
|
7656
|
-
/* @__PURE__ */ (0,
|
|
7744
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
7657
7745
|
"button",
|
|
7658
7746
|
{
|
|
7659
7747
|
onClick: () => onOpenChange(false),
|
|
7660
7748
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
|
|
7661
7749
|
style: { color: components.header.buttonColor },
|
|
7662
|
-
children: /* @__PURE__ */ (0,
|
|
7750
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react15.X, { className: "uf-w-4 uf-h-4" })
|
|
7663
7751
|
}
|
|
7664
7752
|
)
|
|
7665
7753
|
] }),
|
|
7666
|
-
/* @__PURE__ */ (0,
|
|
7667
|
-
/* @__PURE__ */ (0,
|
|
7754
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-max-h-[60vh] sm:uf-max-h-[400px] uf-overflow-y-auto uf-pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "uf-space-y-3", children: [
|
|
7755
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
7668
7756
|
"div",
|
|
7669
7757
|
{
|
|
7670
7758
|
className: "uf-rounded-xl uf-p-3",
|
|
7671
7759
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7672
7760
|
children: [
|
|
7673
|
-
/* @__PURE__ */ (0,
|
|
7674
|
-
/* @__PURE__ */ (0,
|
|
7761
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
|
|
7762
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
|
|
7675
7763
|
]
|
|
7676
7764
|
}
|
|
7677
7765
|
),
|
|
7678
|
-
/* @__PURE__ */ (0,
|
|
7766
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
7679
7767
|
"div",
|
|
7680
7768
|
{
|
|
7681
7769
|
className: "uf-rounded-xl uf-p-3",
|
|
7682
7770
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7683
7771
|
children: [
|
|
7684
|
-
/* @__PURE__ */ (0,
|
|
7685
|
-
/* @__PURE__ */ (0,
|
|
7772
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
|
|
7773
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "A unique wallet address generated for you. Send supported tokens to this address and they will be automatically converted and deposited into your account." })
|
|
7686
7774
|
]
|
|
7687
7775
|
}
|
|
7688
7776
|
),
|
|
7689
|
-
/* @__PURE__ */ (0,
|
|
7777
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
7690
7778
|
"div",
|
|
7691
7779
|
{
|
|
7692
7780
|
className: "uf-rounded-xl uf-p-3",
|
|
7693
7781
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7694
7782
|
children: [
|
|
7695
|
-
/* @__PURE__ */ (0,
|
|
7696
|
-
/* @__PURE__ */ (0,
|
|
7783
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
|
|
7784
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
|
|
7697
7785
|
]
|
|
7698
7786
|
}
|
|
7699
7787
|
),
|
|
7700
|
-
/* @__PURE__ */ (0,
|
|
7788
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
7701
7789
|
"div",
|
|
7702
7790
|
{
|
|
7703
7791
|
className: "uf-rounded-xl uf-p-3",
|
|
7704
7792
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7705
7793
|
children: [
|
|
7706
|
-
/* @__PURE__ */ (0,
|
|
7707
|
-
/* @__PURE__ */ (0,
|
|
7794
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
|
|
7795
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
|
|
7708
7796
|
]
|
|
7709
7797
|
}
|
|
7710
7798
|
),
|
|
7711
|
-
/* @__PURE__ */ (0,
|
|
7799
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
7712
7800
|
"div",
|
|
7713
7801
|
{
|
|
7714
7802
|
className: "uf-rounded-xl uf-p-3",
|
|
7715
7803
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7716
7804
|
children: [
|
|
7717
|
-
/* @__PURE__ */ (0,
|
|
7718
|
-
/* @__PURE__ */ (0,
|
|
7805
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
|
|
7806
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The estimated time for your deposit to be confirmed and credited. This depends on the source network's block confirmation time and current congestion." })
|
|
7719
7807
|
]
|
|
7720
7808
|
}
|
|
7721
7809
|
),
|
|
7722
|
-
/* @__PURE__ */ (0,
|
|
7810
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
7723
7811
|
"div",
|
|
7724
7812
|
{
|
|
7725
7813
|
className: "uf-rounded-xl uf-p-3",
|
|
7726
7814
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7727
7815
|
children: [
|
|
7728
|
-
/* @__PURE__ */ (0,
|
|
7729
|
-
/* @__PURE__ */ (0,
|
|
7816
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
|
|
7817
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
|
|
7730
7818
|
]
|
|
7731
7819
|
}
|
|
7732
7820
|
),
|
|
7733
|
-
/* @__PURE__ */ (0,
|
|
7821
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
7734
7822
|
"div",
|
|
7735
7823
|
{
|
|
7736
7824
|
className: "uf-rounded-xl uf-p-3",
|
|
7737
7825
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7738
7826
|
children: [
|
|
7739
|
-
/* @__PURE__ */ (0,
|
|
7740
|
-
/* @__PURE__ */ (0,
|
|
7827
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
|
|
7828
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The destination address on the target blockchain where your converted deposit will be sent. This is typically your wallet address on the application's native chain." })
|
|
7741
7829
|
]
|
|
7742
7830
|
}
|
|
7743
7831
|
)
|
|
@@ -7763,7 +7851,7 @@ function useCopyAddress() {
|
|
|
7763
7851
|
// src/components/shared/tooltip.tsx
|
|
7764
7852
|
var React23 = __toESM(require("react"));
|
|
7765
7853
|
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
|
|
7766
|
-
var
|
|
7854
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
7767
7855
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
7768
7856
|
function Tooltip({
|
|
7769
7857
|
children,
|
|
@@ -7773,11 +7861,11 @@ function Tooltip({
|
|
|
7773
7861
|
const isControlled = props.open !== void 0;
|
|
7774
7862
|
const isOpen = isControlled ? props.open : open;
|
|
7775
7863
|
const onOpenChange = isControlled ? props.onOpenChange : (nextOpen) => setOpen(nextOpen);
|
|
7776
|
-
return /* @__PURE__ */ (0,
|
|
7864
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7777
7865
|
TooltipContext.Provider,
|
|
7778
7866
|
{
|
|
7779
7867
|
value: { open: isOpen, onOpenChange },
|
|
7780
|
-
children: /* @__PURE__ */ (0,
|
|
7868
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7781
7869
|
TooltipPrimitive.Root,
|
|
7782
7870
|
{
|
|
7783
7871
|
...props,
|
|
@@ -7803,12 +7891,12 @@ var TooltipTrigger = React23.forwardRef(({ onClick, ...props }, ref) => {
|
|
|
7803
7891
|
},
|
|
7804
7892
|
[open, onOpenChange, onClick]
|
|
7805
7893
|
);
|
|
7806
|
-
return /* @__PURE__ */ (0,
|
|
7894
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipPrimitive.Trigger, { ref, onClick: handleClick, ...props });
|
|
7807
7895
|
});
|
|
7808
7896
|
TooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;
|
|
7809
7897
|
var TooltipContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
|
|
7810
7898
|
const { themeClass, colors: colors2 } = useTheme();
|
|
7811
|
-
return /* @__PURE__ */ (0,
|
|
7899
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
7812
7900
|
TooltipPrimitive.Content,
|
|
7813
7901
|
{
|
|
7814
7902
|
ref,
|
|
@@ -7827,7 +7915,7 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
|
7827
7915
|
|
|
7828
7916
|
// src/components/deposits/TransferCryptoSingleInput.tsx
|
|
7829
7917
|
var import_core20 = require("@unifold/core");
|
|
7830
|
-
var
|
|
7918
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
7831
7919
|
var t4 = i18n.transferCrypto;
|
|
7832
7920
|
var getChainKey = (chainId, chainType) => {
|
|
7833
7921
|
return `${chainType}:${chainId}`;
|
|
@@ -8011,29 +8099,29 @@ function TransferCryptoSingleInput({
|
|
|
8011
8099
|
const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
|
|
8012
8100
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
8013
8101
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
8014
|
-
return /* @__PURE__ */ (0,
|
|
8102
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
8015
8103
|
"div",
|
|
8016
8104
|
{
|
|
8017
8105
|
className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
|
|
8018
8106
|
style: { backgroundColor: colors2.background },
|
|
8019
8107
|
children: [
|
|
8020
|
-
/* @__PURE__ */ (0,
|
|
8021
|
-
/* @__PURE__ */ (0,
|
|
8108
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
|
|
8109
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8022
8110
|
"button",
|
|
8023
8111
|
{
|
|
8024
8112
|
onClick: () => setTokenSelectorOpen(true),
|
|
8025
8113
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
8026
8114
|
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",
|
|
8027
8115
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
8028
|
-
children: tokensLoading ? /* @__PURE__ */ (0,
|
|
8029
|
-
/* @__PURE__ */ (0,
|
|
8030
|
-
/* @__PURE__ */ (0,
|
|
8031
|
-
/* @__PURE__ */ (0,
|
|
8032
|
-
/* @__PURE__ */ (0,
|
|
8116
|
+
children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
|
|
8117
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
|
|
8118
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-flex-1", children: [
|
|
8119
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
|
|
8120
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
|
|
8033
8121
|
] })
|
|
8034
|
-
] }) : /* @__PURE__ */ (0,
|
|
8035
|
-
/* @__PURE__ */ (0,
|
|
8036
|
-
selectedToken && /* @__PURE__ */ (0,
|
|
8122
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
|
|
8123
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-relative uf-flex-shrink-0", children: [
|
|
8124
|
+
selectedToken && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8037
8125
|
"img",
|
|
8038
8126
|
{
|
|
8039
8127
|
src: selectedToken.icon_url,
|
|
@@ -8044,7 +8132,7 @@ function TransferCryptoSingleInput({
|
|
|
8044
8132
|
className: "uf-w-10 uf-h-10 uf-rounded-full"
|
|
8045
8133
|
}
|
|
8046
8134
|
),
|
|
8047
|
-
(currentChainFromBackend || currentChainData) && /* @__PURE__ */ (0,
|
|
8135
|
+
(currentChainFromBackend || currentChainData) && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8048
8136
|
"img",
|
|
8049
8137
|
{
|
|
8050
8138
|
src: currentChainFromBackend?.icon_url || currentChainData?.icon_url || "",
|
|
@@ -8057,8 +8145,8 @@ function TransferCryptoSingleInput({
|
|
|
8057
8145
|
}
|
|
8058
8146
|
) })
|
|
8059
8147
|
] }),
|
|
8060
|
-
/* @__PURE__ */ (0,
|
|
8061
|
-
/* @__PURE__ */ (0,
|
|
8148
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
|
|
8149
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8062
8150
|
"div",
|
|
8063
8151
|
{
|
|
8064
8152
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -8066,7 +8154,7 @@ function TransferCryptoSingleInput({
|
|
|
8066
8154
|
children: selectedToken?.symbol || token
|
|
8067
8155
|
}
|
|
8068
8156
|
),
|
|
8069
|
-
/* @__PURE__ */ (0,
|
|
8157
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8070
8158
|
"div",
|
|
8071
8159
|
{
|
|
8072
8160
|
className: "uf-text-xs uf-truncate",
|
|
@@ -8075,8 +8163,8 @@ function TransferCryptoSingleInput({
|
|
|
8075
8163
|
}
|
|
8076
8164
|
)
|
|
8077
8165
|
] }),
|
|
8078
|
-
/* @__PURE__ */ (0,
|
|
8079
|
-
/* @__PURE__ */ (0,
|
|
8166
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
|
|
8167
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-text-right", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
8080
8168
|
"div",
|
|
8081
8169
|
{
|
|
8082
8170
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -8088,12 +8176,12 @@ function TransferCryptoSingleInput({
|
|
|
8088
8176
|
]
|
|
8089
8177
|
}
|
|
8090
8178
|
) }),
|
|
8091
|
-
/* @__PURE__ */ (0,
|
|
8179
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
8092
8180
|
] })
|
|
8093
8181
|
] })
|
|
8094
8182
|
}
|
|
8095
8183
|
),
|
|
8096
|
-
/* @__PURE__ */ (0,
|
|
8184
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8097
8185
|
TokenSelectorSheet,
|
|
8098
8186
|
{
|
|
8099
8187
|
open: tokenSelectorOpen,
|
|
@@ -8107,24 +8195,24 @@ function TransferCryptoSingleInput({
|
|
|
8107
8195
|
}
|
|
8108
8196
|
}
|
|
8109
8197
|
),
|
|
8110
|
-
error && !loading && /* @__PURE__ */ (0,
|
|
8111
|
-
/* @__PURE__ */ (0,
|
|
8112
|
-
/* @__PURE__ */ (0,
|
|
8113
|
-
/* @__PURE__ */ (0,
|
|
8114
|
-
/* @__PURE__ */ (0,
|
|
8115
|
-
/* @__PURE__ */ (0,
|
|
8198
|
+
error && !loading && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
|
|
8199
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
8200
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
|
|
8201
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
8202
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
|
|
8203
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
8116
8204
|
] })
|
|
8117
8205
|
] }),
|
|
8118
|
-
/* @__PURE__ */ (0,
|
|
8119
|
-
/* @__PURE__ */ (0,
|
|
8120
|
-
/* @__PURE__ */ (0,
|
|
8206
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
|
|
8207
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.Clock, { className: "uf-w-3 uf-h-3" }),
|
|
8208
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
|
|
8121
8209
|
] })
|
|
8122
8210
|
] }),
|
|
8123
|
-
/* @__PURE__ */ (0,
|
|
8124
|
-
/* @__PURE__ */ (0,
|
|
8125
|
-
/* @__PURE__ */ (0,
|
|
8211
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
8212
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
8213
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
8126
8214
|
// QR Skeleton - matches QR code appearance
|
|
8127
|
-
/* @__PURE__ */ (0,
|
|
8215
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8128
8216
|
"div",
|
|
8129
8217
|
{
|
|
8130
8218
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -8134,7 +8222,7 @@ function TransferCryptoSingleInput({
|
|
|
8134
8222
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
8135
8223
|
borderRadius: 8
|
|
8136
8224
|
},
|
|
8137
|
-
children: /* @__PURE__ */ (0,
|
|
8225
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8138
8226
|
"div",
|
|
8139
8227
|
{
|
|
8140
8228
|
style: {
|
|
@@ -8147,7 +8235,7 @@ function TransferCryptoSingleInput({
|
|
|
8147
8235
|
)
|
|
8148
8236
|
}
|
|
8149
8237
|
)
|
|
8150
|
-
) : depositAddress ? /* @__PURE__ */ (0,
|
|
8238
|
+
) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8151
8239
|
StyledQRCode,
|
|
8152
8240
|
{
|
|
8153
8241
|
value: depositAddress,
|
|
@@ -8157,19 +8245,19 @@ function TransferCryptoSingleInput({
|
|
|
8157
8245
|
darkMode: isDarkMode
|
|
8158
8246
|
},
|
|
8159
8247
|
`qr-${depositAddress}-${chain}`
|
|
8160
|
-
) : /* @__PURE__ */ (0,
|
|
8248
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8161
8249
|
"div",
|
|
8162
8250
|
{
|
|
8163
8251
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
8164
8252
|
style: { width: 180, height: 180 },
|
|
8165
|
-
children: /* @__PURE__ */ (0,
|
|
8253
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
|
|
8166
8254
|
}
|
|
8167
8255
|
) })
|
|
8168
8256
|
] }),
|
|
8169
|
-
/* @__PURE__ */ (0,
|
|
8257
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
8170
8258
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
8171
8259
|
// Address skeleton
|
|
8172
|
-
/* @__PURE__ */ (0,
|
|
8260
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8173
8261
|
"div",
|
|
8174
8262
|
{
|
|
8175
8263
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -8178,45 +8266,45 @@ function TransferCryptoSingleInput({
|
|
|
8178
8266
|
}
|
|
8179
8267
|
}
|
|
8180
8268
|
)
|
|
8181
|
-
) : /* @__PURE__ */ (0,
|
|
8182
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */ (0,
|
|
8269
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
|
|
8270
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8183
8271
|
"span",
|
|
8184
8272
|
{
|
|
8185
8273
|
onClick: handleCopyAddress,
|
|
8186
8274
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8187
8275
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
8188
|
-
children: copied ? /* @__PURE__ */ (0,
|
|
8276
|
+
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
8189
8277
|
}
|
|
8190
8278
|
)
|
|
8191
8279
|
] }) }),
|
|
8192
|
-
/* @__PURE__ */ (0,
|
|
8193
|
-
/* @__PURE__ */ (0,
|
|
8280
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
|
|
8281
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
8194
8282
|
"button",
|
|
8195
8283
|
{
|
|
8196
8284
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
8197
8285
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
8198
8286
|
children: [
|
|
8199
|
-
/* @__PURE__ */ (0,
|
|
8200
|
-
/* @__PURE__ */ (0,
|
|
8201
|
-
/* @__PURE__ */ (0,
|
|
8287
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8288
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8289
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8202
8290
|
t4.processingTime.label,
|
|
8203
8291
|
":",
|
|
8204
8292
|
" ",
|
|
8205
|
-
/* @__PURE__ */ (0,
|
|
8293
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
8206
8294
|
] })
|
|
8207
8295
|
] }),
|
|
8208
|
-
detailsExpanded ? /* @__PURE__ */ (0,
|
|
8296
|
+
detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
8209
8297
|
]
|
|
8210
8298
|
}
|
|
8211
8299
|
),
|
|
8212
|
-
detailsExpanded && /* @__PURE__ */ (0,
|
|
8213
|
-
/* @__PURE__ */ (0,
|
|
8214
|
-
/* @__PURE__ */ (0,
|
|
8215
|
-
/* @__PURE__ */ (0,
|
|
8300
|
+
detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
8301
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8302
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8303
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8216
8304
|
t4.slippage.label,
|
|
8217
8305
|
":",
|
|
8218
8306
|
" ",
|
|
8219
|
-
/* @__PURE__ */ (0,
|
|
8307
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
8220
8308
|
t4.slippage.auto,
|
|
8221
8309
|
" \u2022 ",
|
|
8222
8310
|
maxSlippage.toFixed(2),
|
|
@@ -8224,38 +8312,38 @@ function TransferCryptoSingleInput({
|
|
|
8224
8312
|
] })
|
|
8225
8313
|
] })
|
|
8226
8314
|
] }),
|
|
8227
|
-
/* @__PURE__ */ (0,
|
|
8228
|
-
/* @__PURE__ */ (0,
|
|
8229
|
-
/* @__PURE__ */ (0,
|
|
8315
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8316
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8317
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8230
8318
|
t4.priceImpact.label,
|
|
8231
8319
|
":",
|
|
8232
8320
|
" ",
|
|
8233
|
-
/* @__PURE__ */ (0,
|
|
8321
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
8234
8322
|
priceImpact.toFixed(2),
|
|
8235
8323
|
"%"
|
|
8236
8324
|
] })
|
|
8237
8325
|
] })
|
|
8238
8326
|
] }),
|
|
8239
|
-
/* @__PURE__ */ (0,
|
|
8240
|
-
/* @__PURE__ */ (0,
|
|
8241
|
-
/* @__PURE__ */ (0,
|
|
8327
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8328
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.Wallet2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8329
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8242
8330
|
"Recipient address:",
|
|
8243
8331
|
" ",
|
|
8244
|
-
/* @__PURE__ */ (0,
|
|
8245
|
-
/* @__PURE__ */ (0,
|
|
8332
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
8333
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8246
8334
|
"span",
|
|
8247
8335
|
{
|
|
8248
8336
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
8249
8337
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8250
8338
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
8251
|
-
children: copiedRecipient ? /* @__PURE__ */ (0,
|
|
8339
|
+
children: copiedRecipient ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
8252
8340
|
}
|
|
8253
8341
|
)
|
|
8254
8342
|
] })
|
|
8255
8343
|
] })
|
|
8256
8344
|
] })
|
|
8257
8345
|
] }),
|
|
8258
|
-
wallets && wallets.length > 0 && /* @__PURE__ */ (0,
|
|
8346
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8259
8347
|
DepositPollingUi,
|
|
8260
8348
|
{
|
|
8261
8349
|
depositConfirmationMode,
|
|
@@ -8264,29 +8352,29 @@ function TransferCryptoSingleInput({
|
|
|
8264
8352
|
onIveDeposited: handleIveDeposited
|
|
8265
8353
|
}
|
|
8266
8354
|
),
|
|
8267
|
-
/* @__PURE__ */ (0,
|
|
8268
|
-
depositExecutions.length > 1 && /* @__PURE__ */ (0,
|
|
8355
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
8356
|
+
depositExecutions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
8269
8357
|
"button",
|
|
8270
8358
|
{
|
|
8271
8359
|
onClick: () => setDepositsModalOpen(true),
|
|
8272
8360
|
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",
|
|
8273
8361
|
children: [
|
|
8274
|
-
/* @__PURE__ */ (0,
|
|
8362
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
8275
8363
|
"Track deposits (",
|
|
8276
8364
|
depositExecutions.length,
|
|
8277
8365
|
")",
|
|
8278
|
-
/* @__PURE__ */ (0,
|
|
8366
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
8279
8367
|
]
|
|
8280
8368
|
}
|
|
8281
8369
|
) }),
|
|
8282
|
-
/* @__PURE__ */ (0,
|
|
8370
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8283
8371
|
DepositPollingToasts,
|
|
8284
8372
|
{
|
|
8285
8373
|
executions: depositExecutions,
|
|
8286
8374
|
isPolling
|
|
8287
8375
|
}
|
|
8288
8376
|
),
|
|
8289
|
-
/* @__PURE__ */ (0,
|
|
8377
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8290
8378
|
DepositsModal,
|
|
8291
8379
|
{
|
|
8292
8380
|
open: depositsModalOpen,
|
|
@@ -8297,7 +8385,7 @@ function TransferCryptoSingleInput({
|
|
|
8297
8385
|
themeClass
|
|
8298
8386
|
}
|
|
8299
8387
|
),
|
|
8300
|
-
/* @__PURE__ */ (0,
|
|
8388
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
8301
8389
|
GlossaryModal,
|
|
8302
8390
|
{
|
|
8303
8391
|
open: glossaryOpen,
|
|
@@ -8319,13 +8407,13 @@ var import_lucide_react18 = require("lucide-react");
|
|
|
8319
8407
|
var React24 = __toESM(require("react"));
|
|
8320
8408
|
var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
|
|
8321
8409
|
var import_lucide_react17 = require("lucide-react");
|
|
8322
|
-
var
|
|
8410
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
8323
8411
|
var Select = SelectPrimitive.Root;
|
|
8324
8412
|
var SelectGroup = SelectPrimitive.Group;
|
|
8325
8413
|
var SelectValue = SelectPrimitive.Value;
|
|
8326
8414
|
var SelectTrigger = React24.forwardRef(({ className, style, children, ...props }, ref) => {
|
|
8327
8415
|
const { components } = useTheme();
|
|
8328
|
-
return /* @__PURE__ */ (0,
|
|
8416
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
8329
8417
|
SelectPrimitive.Trigger,
|
|
8330
8418
|
{
|
|
8331
8419
|
ref,
|
|
@@ -8341,13 +8429,13 @@ var SelectTrigger = React24.forwardRef(({ className, style, children, ...props }
|
|
|
8341
8429
|
...props,
|
|
8342
8430
|
children: [
|
|
8343
8431
|
children,
|
|
8344
|
-
/* @__PURE__ */ (0,
|
|
8432
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.ChevronDown, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
|
|
8345
8433
|
]
|
|
8346
8434
|
}
|
|
8347
8435
|
);
|
|
8348
8436
|
});
|
|
8349
8437
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
8350
|
-
var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8438
|
+
var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
8351
8439
|
SelectPrimitive.ScrollUpButton,
|
|
8352
8440
|
{
|
|
8353
8441
|
ref,
|
|
@@ -8356,11 +8444,11 @@ var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) =>
|
|
|
8356
8444
|
className
|
|
8357
8445
|
),
|
|
8358
8446
|
...props,
|
|
8359
|
-
children: /* @__PURE__ */ (0,
|
|
8447
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.ChevronUp, { className: "uf-h-4 uf-w-4" })
|
|
8360
8448
|
}
|
|
8361
8449
|
));
|
|
8362
8450
|
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
8363
|
-
var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8451
|
+
var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
8364
8452
|
SelectPrimitive.ScrollDownButton,
|
|
8365
8453
|
{
|
|
8366
8454
|
ref,
|
|
@@ -8369,13 +8457,13 @@ var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) =
|
|
|
8369
8457
|
className
|
|
8370
8458
|
),
|
|
8371
8459
|
...props,
|
|
8372
|
-
children: /* @__PURE__ */ (0,
|
|
8460
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.ChevronDown, { className: "uf-h-4 uf-w-4" })
|
|
8373
8461
|
}
|
|
8374
8462
|
));
|
|
8375
8463
|
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
8376
8464
|
var SelectContent = React24.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
|
|
8377
8465
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
8378
|
-
return /* @__PURE__ */ (0,
|
|
8466
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
8379
8467
|
SelectPrimitive.Content,
|
|
8380
8468
|
{
|
|
8381
8469
|
ref,
|
|
@@ -8394,8 +8482,8 @@ var SelectContent = React24.forwardRef(({ className, style, children, position =
|
|
|
8394
8482
|
position,
|
|
8395
8483
|
...props,
|
|
8396
8484
|
children: [
|
|
8397
|
-
/* @__PURE__ */ (0,
|
|
8398
|
-
/* @__PURE__ */ (0,
|
|
8485
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectScrollUpButton, {}),
|
|
8486
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
8399
8487
|
SelectPrimitive.Viewport,
|
|
8400
8488
|
{
|
|
8401
8489
|
className: cn(
|
|
@@ -8405,13 +8493,13 @@ var SelectContent = React24.forwardRef(({ className, style, children, position =
|
|
|
8405
8493
|
children
|
|
8406
8494
|
}
|
|
8407
8495
|
),
|
|
8408
|
-
/* @__PURE__ */ (0,
|
|
8496
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectScrollDownButton, {})
|
|
8409
8497
|
]
|
|
8410
8498
|
}
|
|
8411
8499
|
) });
|
|
8412
8500
|
});
|
|
8413
8501
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
8414
|
-
var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8502
|
+
var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
8415
8503
|
SelectPrimitive.Label,
|
|
8416
8504
|
{
|
|
8417
8505
|
ref,
|
|
@@ -8423,7 +8511,7 @@ var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
8423
8511
|
}
|
|
8424
8512
|
));
|
|
8425
8513
|
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
8426
|
-
var SelectItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8514
|
+
var SelectItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
8427
8515
|
SelectPrimitive.Item,
|
|
8428
8516
|
{
|
|
8429
8517
|
ref,
|
|
@@ -8433,13 +8521,13 @@ var SelectItem = React24.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
8433
8521
|
),
|
|
8434
8522
|
...props,
|
|
8435
8523
|
children: [
|
|
8436
|
-
/* @__PURE__ */ (0,
|
|
8437
|
-
/* @__PURE__ */ (0,
|
|
8524
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "uf-absolute uf-left-2 uf-flex uf-h-3.5 uf-w-3.5 uf-items-center uf-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.Check, { className: "uf-h-4 uf-w-4" }) }) }),
|
|
8525
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectPrimitive.ItemText, { children })
|
|
8438
8526
|
]
|
|
8439
8527
|
}
|
|
8440
8528
|
));
|
|
8441
8529
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
8442
|
-
var SelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
8530
|
+
var SelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
8443
8531
|
SelectPrimitive.Separator,
|
|
8444
8532
|
{
|
|
8445
8533
|
ref,
|
|
@@ -8451,7 +8539,7 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
|
8451
8539
|
|
|
8452
8540
|
// src/components/deposits/TransferCryptoDoubleInput.tsx
|
|
8453
8541
|
var import_core21 = require("@unifold/core");
|
|
8454
|
-
var
|
|
8542
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
8455
8543
|
var t5 = i18n.transferCrypto;
|
|
8456
8544
|
var getChainKey2 = (chainId, chainType) => {
|
|
8457
8545
|
return `${chainType}:${chainId}`;
|
|
@@ -8608,8 +8696,8 @@ function TransferCryptoDoubleInput({
|
|
|
8608
8696
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
8609
8697
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
8610
8698
|
const renderTokenItem = (tokenData) => {
|
|
8611
|
-
return /* @__PURE__ */ (0,
|
|
8612
|
-
/* @__PURE__ */ (0,
|
|
8699
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8700
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8613
8701
|
"img",
|
|
8614
8702
|
{
|
|
8615
8703
|
src: tokenData.icon_url,
|
|
@@ -8620,13 +8708,13 @@ function TransferCryptoDoubleInput({
|
|
|
8620
8708
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
8621
8709
|
}
|
|
8622
8710
|
),
|
|
8623
|
-
/* @__PURE__ */ (0,
|
|
8711
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
|
|
8624
8712
|
] });
|
|
8625
8713
|
};
|
|
8626
8714
|
const renderChainItem = (chainData, showMinDeposit = false) => {
|
|
8627
|
-
return /* @__PURE__ */ (0,
|
|
8628
|
-
/* @__PURE__ */ (0,
|
|
8629
|
-
/* @__PURE__ */ (0,
|
|
8715
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
|
|
8716
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8717
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8630
8718
|
"img",
|
|
8631
8719
|
{
|
|
8632
8720
|
src: chainData.icon_url,
|
|
@@ -8637,32 +8725,32 @@ function TransferCryptoDoubleInput({
|
|
|
8637
8725
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
8638
8726
|
}
|
|
8639
8727
|
),
|
|
8640
|
-
/* @__PURE__ */ (0,
|
|
8728
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
|
|
8641
8729
|
] }),
|
|
8642
|
-
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ (0,
|
|
8730
|
+
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
8643
8731
|
"$",
|
|
8644
8732
|
chainData.minimum_deposit_amount_usd
|
|
8645
8733
|
] })
|
|
8646
8734
|
] });
|
|
8647
8735
|
};
|
|
8648
|
-
return /* @__PURE__ */ (0,
|
|
8736
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
8649
8737
|
"div",
|
|
8650
8738
|
{
|
|
8651
8739
|
className: "uf-space-y-3",
|
|
8652
8740
|
style: { backgroundColor: colors2.background },
|
|
8653
8741
|
children: [
|
|
8654
|
-
/* @__PURE__ */ (0,
|
|
8655
|
-
/* @__PURE__ */ (0,
|
|
8656
|
-
/* @__PURE__ */ (0,
|
|
8657
|
-
/* @__PURE__ */ (0,
|
|
8742
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
|
|
8743
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
|
|
8744
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
|
|
8745
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
8658
8746
|
Select,
|
|
8659
8747
|
{
|
|
8660
8748
|
value: token,
|
|
8661
8749
|
onValueChange: setToken,
|
|
8662
8750
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
8663
8751
|
children: [
|
|
8664
|
-
/* @__PURE__ */ (0,
|
|
8665
|
-
/* @__PURE__ */ (0,
|
|
8752
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectTrigger, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectValue, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
|
|
8753
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectContent, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} }, children: supportedTokens.map((tokenData) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8666
8754
|
SelectItem,
|
|
8667
8755
|
{
|
|
8668
8756
|
value: tokenData.symbol,
|
|
@@ -8675,36 +8763,36 @@ function TransferCryptoDoubleInput({
|
|
|
8675
8763
|
}
|
|
8676
8764
|
)
|
|
8677
8765
|
] }),
|
|
8678
|
-
/* @__PURE__ */ (0,
|
|
8679
|
-
/* @__PURE__ */ (0,
|
|
8766
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
|
|
8767
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
|
|
8680
8768
|
t5.selectedChain,
|
|
8681
|
-
/* @__PURE__ */ (0,
|
|
8769
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
8682
8770
|
"$",
|
|
8683
8771
|
minDepositUsd,
|
|
8684
8772
|
" ",
|
|
8685
8773
|
t5.minDeposit.label
|
|
8686
8774
|
] })
|
|
8687
8775
|
] }),
|
|
8688
|
-
/* @__PURE__ */ (0,
|
|
8776
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
8689
8777
|
Select,
|
|
8690
8778
|
{
|
|
8691
8779
|
value: chain,
|
|
8692
8780
|
onValueChange: setChain,
|
|
8693
8781
|
disabled: tokensLoading || availableChainsForToken.length === 0,
|
|
8694
8782
|
children: [
|
|
8695
|
-
/* @__PURE__ */ (0,
|
|
8696
|
-
/* @__PURE__ */ (0,
|
|
8783
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectTrigger, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectValue, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
|
|
8784
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8697
8785
|
SelectContent,
|
|
8698
8786
|
{
|
|
8699
8787
|
align: "end",
|
|
8700
8788
|
className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
|
|
8701
8789
|
style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} },
|
|
8702
|
-
children: availableChainsForToken.length === 0 ? /* @__PURE__ */ (0,
|
|
8790
|
+
children: availableChainsForToken.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
|
|
8703
8791
|
const chainKey = getChainKey2(
|
|
8704
8792
|
chainData.chain_id,
|
|
8705
8793
|
chainData.chain_type
|
|
8706
8794
|
);
|
|
8707
|
-
return /* @__PURE__ */ (0,
|
|
8795
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8708
8796
|
SelectItem,
|
|
8709
8797
|
{
|
|
8710
8798
|
value: chainKey,
|
|
@@ -8721,24 +8809,24 @@ function TransferCryptoDoubleInput({
|
|
|
8721
8809
|
)
|
|
8722
8810
|
] })
|
|
8723
8811
|
] }),
|
|
8724
|
-
error && !loading && /* @__PURE__ */ (0,
|
|
8725
|
-
/* @__PURE__ */ (0,
|
|
8726
|
-
/* @__PURE__ */ (0,
|
|
8727
|
-
/* @__PURE__ */ (0,
|
|
8728
|
-
/* @__PURE__ */ (0,
|
|
8729
|
-
/* @__PURE__ */ (0,
|
|
8812
|
+
error && !loading && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
|
|
8813
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
8814
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
|
|
8815
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
8816
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
|
|
8817
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
8730
8818
|
] })
|
|
8731
8819
|
] }),
|
|
8732
|
-
/* @__PURE__ */ (0,
|
|
8733
|
-
/* @__PURE__ */ (0,
|
|
8734
|
-
/* @__PURE__ */ (0,
|
|
8820
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
|
|
8821
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.Clock, { className: "uf-w-3 uf-h-3" }),
|
|
8822
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: "Retrying automatically every 5 seconds..." })
|
|
8735
8823
|
] })
|
|
8736
8824
|
] }),
|
|
8737
|
-
/* @__PURE__ */ (0,
|
|
8738
|
-
/* @__PURE__ */ (0,
|
|
8739
|
-
/* @__PURE__ */ (0,
|
|
8825
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
8826
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
8827
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
8740
8828
|
// QR Skeleton - matches QR code appearance
|
|
8741
|
-
/* @__PURE__ */ (0,
|
|
8829
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8742
8830
|
"div",
|
|
8743
8831
|
{
|
|
8744
8832
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -8748,7 +8836,7 @@ function TransferCryptoDoubleInput({
|
|
|
8748
8836
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
8749
8837
|
borderRadius: 8
|
|
8750
8838
|
},
|
|
8751
|
-
children: /* @__PURE__ */ (0,
|
|
8839
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8752
8840
|
"div",
|
|
8753
8841
|
{
|
|
8754
8842
|
style: {
|
|
@@ -8761,7 +8849,7 @@ function TransferCryptoDoubleInput({
|
|
|
8761
8849
|
)
|
|
8762
8850
|
}
|
|
8763
8851
|
)
|
|
8764
|
-
) : depositAddress ? /* @__PURE__ */ (0,
|
|
8852
|
+
) : depositAddress ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8765
8853
|
StyledQRCode,
|
|
8766
8854
|
{
|
|
8767
8855
|
value: depositAddress,
|
|
@@ -8771,19 +8859,19 @@ function TransferCryptoDoubleInput({
|
|
|
8771
8859
|
darkMode: isDarkMode
|
|
8772
8860
|
},
|
|
8773
8861
|
`qr-${depositAddress}-${chain}`
|
|
8774
|
-
) : /* @__PURE__ */ (0,
|
|
8862
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8775
8863
|
"div",
|
|
8776
8864
|
{
|
|
8777
8865
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
8778
8866
|
style: { width: 180, height: 180 },
|
|
8779
|
-
children: /* @__PURE__ */ (0,
|
|
8867
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
|
|
8780
8868
|
}
|
|
8781
8869
|
) })
|
|
8782
8870
|
] }),
|
|
8783
|
-
/* @__PURE__ */ (0,
|
|
8871
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
8784
8872
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
8785
8873
|
// Address skeleton
|
|
8786
|
-
/* @__PURE__ */ (0,
|
|
8874
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8787
8875
|
"div",
|
|
8788
8876
|
{
|
|
8789
8877
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -8792,45 +8880,45 @@ function TransferCryptoDoubleInput({
|
|
|
8792
8880
|
}
|
|
8793
8881
|
}
|
|
8794
8882
|
)
|
|
8795
|
-
) : /* @__PURE__ */ (0,
|
|
8796
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */ (0,
|
|
8883
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
|
|
8884
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8797
8885
|
"span",
|
|
8798
8886
|
{
|
|
8799
8887
|
onClick: handleCopyAddress,
|
|
8800
8888
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8801
8889
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
8802
|
-
children: copied ? /* @__PURE__ */ (0,
|
|
8890
|
+
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
8803
8891
|
}
|
|
8804
8892
|
)
|
|
8805
8893
|
] }) }),
|
|
8806
|
-
/* @__PURE__ */ (0,
|
|
8807
|
-
/* @__PURE__ */ (0,
|
|
8894
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
|
|
8895
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
8808
8896
|
"button",
|
|
8809
8897
|
{
|
|
8810
8898
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
8811
8899
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
8812
8900
|
children: [
|
|
8813
|
-
/* @__PURE__ */ (0,
|
|
8814
|
-
/* @__PURE__ */ (0,
|
|
8815
|
-
/* @__PURE__ */ (0,
|
|
8901
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8902
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8903
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8816
8904
|
t5.processingTime.label,
|
|
8817
8905
|
":",
|
|
8818
8906
|
" ",
|
|
8819
|
-
/* @__PURE__ */ (0,
|
|
8907
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
8820
8908
|
] })
|
|
8821
8909
|
] }),
|
|
8822
|
-
detailsExpanded ? /* @__PURE__ */ (0,
|
|
8910
|
+
detailsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
8823
8911
|
]
|
|
8824
8912
|
}
|
|
8825
8913
|
),
|
|
8826
|
-
detailsExpanded && /* @__PURE__ */ (0,
|
|
8827
|
-
/* @__PURE__ */ (0,
|
|
8828
|
-
/* @__PURE__ */ (0,
|
|
8829
|
-
/* @__PURE__ */ (0,
|
|
8914
|
+
detailsExpanded && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
8915
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8916
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8917
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8830
8918
|
t5.slippage.label,
|
|
8831
8919
|
":",
|
|
8832
8920
|
" ",
|
|
8833
|
-
/* @__PURE__ */ (0,
|
|
8921
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
8834
8922
|
t5.slippage.auto,
|
|
8835
8923
|
" \u2022 ",
|
|
8836
8924
|
maxSlippage.toFixed(2),
|
|
@@ -8838,38 +8926,38 @@ function TransferCryptoDoubleInput({
|
|
|
8838
8926
|
] })
|
|
8839
8927
|
] })
|
|
8840
8928
|
] }),
|
|
8841
|
-
/* @__PURE__ */ (0,
|
|
8842
|
-
/* @__PURE__ */ (0,
|
|
8843
|
-
/* @__PURE__ */ (0,
|
|
8929
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8930
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8931
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8844
8932
|
t5.priceImpact.label,
|
|
8845
8933
|
":",
|
|
8846
8934
|
" ",
|
|
8847
|
-
/* @__PURE__ */ (0,
|
|
8935
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
8848
8936
|
priceImpact.toFixed(2),
|
|
8849
8937
|
"%"
|
|
8850
8938
|
] })
|
|
8851
8939
|
] })
|
|
8852
8940
|
] }),
|
|
8853
|
-
/* @__PURE__ */ (0,
|
|
8854
|
-
/* @__PURE__ */ (0,
|
|
8855
|
-
/* @__PURE__ */ (0,
|
|
8941
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8942
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.Wallet2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8943
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8856
8944
|
"Recipient address:",
|
|
8857
8945
|
" ",
|
|
8858
|
-
/* @__PURE__ */ (0,
|
|
8859
|
-
/* @__PURE__ */ (0,
|
|
8946
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
8947
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8860
8948
|
"span",
|
|
8861
8949
|
{
|
|
8862
8950
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
8863
8951
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8864
8952
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
8865
|
-
children: copiedRecipient ? /* @__PURE__ */ (0,
|
|
8953
|
+
children: copiedRecipient ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
8866
8954
|
}
|
|
8867
8955
|
)
|
|
8868
8956
|
] })
|
|
8869
8957
|
] })
|
|
8870
8958
|
] })
|
|
8871
8959
|
] }),
|
|
8872
|
-
wallets && wallets.length > 0 && /* @__PURE__ */ (0,
|
|
8960
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8873
8961
|
DepositPollingUi,
|
|
8874
8962
|
{
|
|
8875
8963
|
depositConfirmationMode,
|
|
@@ -8878,29 +8966,29 @@ function TransferCryptoDoubleInput({
|
|
|
8878
8966
|
onIveDeposited: handleIveDeposited
|
|
8879
8967
|
}
|
|
8880
8968
|
),
|
|
8881
|
-
/* @__PURE__ */ (0,
|
|
8882
|
-
depositExecutions.length > 1 && /* @__PURE__ */ (0,
|
|
8969
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
8970
|
+
depositExecutions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
8883
8971
|
"button",
|
|
8884
8972
|
{
|
|
8885
8973
|
onClick: () => setDepositsModalOpen(true),
|
|
8886
8974
|
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",
|
|
8887
8975
|
children: [
|
|
8888
|
-
/* @__PURE__ */ (0,
|
|
8976
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.Clock, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
8889
8977
|
"Track deposits (",
|
|
8890
8978
|
depositExecutions.length,
|
|
8891
8979
|
")",
|
|
8892
|
-
/* @__PURE__ */ (0,
|
|
8980
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react18.ChevronRight, { className: "uf-w-3 uf-h-3" })
|
|
8893
8981
|
]
|
|
8894
8982
|
}
|
|
8895
8983
|
) }),
|
|
8896
|
-
/* @__PURE__ */ (0,
|
|
8984
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8897
8985
|
DepositPollingToasts,
|
|
8898
8986
|
{
|
|
8899
8987
|
executions: depositExecutions,
|
|
8900
8988
|
isPolling
|
|
8901
8989
|
}
|
|
8902
8990
|
),
|
|
8903
|
-
/* @__PURE__ */ (0,
|
|
8991
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8904
8992
|
DepositsModal,
|
|
8905
8993
|
{
|
|
8906
8994
|
open: depositsModalOpen,
|
|
@@ -8911,7 +8999,7 @@ function TransferCryptoDoubleInput({
|
|
|
8911
8999
|
themeClass
|
|
8912
9000
|
}
|
|
8913
9001
|
),
|
|
8914
|
-
/* @__PURE__ */ (0,
|
|
9002
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
8915
9003
|
GlossaryModal,
|
|
8916
9004
|
{
|
|
8917
9005
|
open: glossaryOpen,
|
|
@@ -8931,7 +9019,7 @@ var import_core22 = require("@unifold/core");
|
|
|
8931
9019
|
|
|
8932
9020
|
// src/components/deposits/browser-wallets/SelectTokenView.tsx
|
|
8933
9021
|
var import_lucide_react19 = require("lucide-react");
|
|
8934
|
-
var
|
|
9022
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
8935
9023
|
function SelectTokenView({
|
|
8936
9024
|
projectName,
|
|
8937
9025
|
assetCdnUrl,
|
|
@@ -8946,8 +9034,8 @@ function SelectTokenView({
|
|
|
8946
9034
|
onClose
|
|
8947
9035
|
}) {
|
|
8948
9036
|
const { colors: colors2, fonts, components } = useTheme();
|
|
8949
|
-
return /* @__PURE__ */ (0,
|
|
8950
|
-
/* @__PURE__ */ (0,
|
|
9037
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
|
|
9038
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
8951
9039
|
DepositHeader,
|
|
8952
9040
|
{
|
|
8953
9041
|
title: "Select Token",
|
|
@@ -8960,20 +9048,20 @@ function SelectTokenView({
|
|
|
8960
9048
|
onClose
|
|
8961
9049
|
}
|
|
8962
9050
|
),
|
|
8963
|
-
/* @__PURE__ */ (0,
|
|
9051
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
8964
9052
|
import_lucide_react19.Loader2,
|
|
8965
9053
|
{
|
|
8966
9054
|
className: "uf-w-6 uf-h-6 uf-animate-spin",
|
|
8967
9055
|
style: { color: colors2.foregroundMuted }
|
|
8968
9056
|
}
|
|
8969
|
-
) }) : error ? /* @__PURE__ */ (0,
|
|
9057
|
+
) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
8970
9058
|
"div",
|
|
8971
9059
|
{
|
|
8972
9060
|
className: "uf-text-sm",
|
|
8973
9061
|
style: { color: colors2.foregroundMuted },
|
|
8974
9062
|
children: error
|
|
8975
9063
|
}
|
|
8976
|
-
) }) : balances.length === 0 ? /* @__PURE__ */ (0,
|
|
9064
|
+
) }) : balances.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
8977
9065
|
"div",
|
|
8978
9066
|
{
|
|
8979
9067
|
className: "uf-text-sm",
|
|
@@ -8992,7 +9080,7 @@ function SelectTokenView({
|
|
|
8992
9080
|
token.symbol
|
|
8993
9081
|
);
|
|
8994
9082
|
const formattedUsd = formatUsdAmount(balance.amount_usd);
|
|
8995
|
-
return /* @__PURE__ */ (0,
|
|
9083
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
8996
9084
|
"button",
|
|
8997
9085
|
{
|
|
8998
9086
|
onClick: () => onTokenSelect(balance),
|
|
@@ -9005,9 +9093,9 @@ function SelectTokenView({
|
|
|
9005
9093
|
opacity: isEligible ? 1 : 0.5
|
|
9006
9094
|
},
|
|
9007
9095
|
children: [
|
|
9008
|
-
/* @__PURE__ */ (0,
|
|
9009
|
-
/* @__PURE__ */ (0,
|
|
9010
|
-
getIconUrl(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0,
|
|
9096
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
9097
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
|
|
9098
|
+
getIconUrl(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
9011
9099
|
"img",
|
|
9012
9100
|
{
|
|
9013
9101
|
src: getIconUrl(token.icon_url, assetCdnUrl),
|
|
@@ -9019,12 +9107,12 @@ function SelectTokenView({
|
|
|
9019
9107
|
filter: isEligible ? "none" : "grayscale(100%)"
|
|
9020
9108
|
}
|
|
9021
9109
|
}
|
|
9022
|
-
) : /* @__PURE__ */ (0,
|
|
9110
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
9023
9111
|
"div",
|
|
9024
9112
|
{
|
|
9025
9113
|
className: "uf-w-9 uf-h-9 uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
9026
9114
|
style: { backgroundColor: colors2.card },
|
|
9027
|
-
children: /* @__PURE__ */ (0,
|
|
9115
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
9028
9116
|
"span",
|
|
9029
9117
|
{
|
|
9030
9118
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -9034,7 +9122,7 @@ function SelectTokenView({
|
|
|
9034
9122
|
)
|
|
9035
9123
|
}
|
|
9036
9124
|
),
|
|
9037
|
-
getIconUrl(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0,
|
|
9125
|
+
getIconUrl(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
9038
9126
|
"img",
|
|
9039
9127
|
{
|
|
9040
9128
|
src: getIconUrl(token.chain_icon_url, assetCdnUrl),
|
|
@@ -9049,8 +9137,8 @@ function SelectTokenView({
|
|
|
9049
9137
|
}
|
|
9050
9138
|
)
|
|
9051
9139
|
] }),
|
|
9052
|
-
/* @__PURE__ */ (0,
|
|
9053
|
-
/* @__PURE__ */ (0,
|
|
9140
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "uf-text-left", children: [
|
|
9141
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
9054
9142
|
"div",
|
|
9055
9143
|
{
|
|
9056
9144
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9061,7 +9149,7 @@ function SelectTokenView({
|
|
|
9061
9149
|
children: token.symbol
|
|
9062
9150
|
}
|
|
9063
9151
|
),
|
|
9064
|
-
/* @__PURE__ */ (0,
|
|
9152
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
9065
9153
|
"div",
|
|
9066
9154
|
{
|
|
9067
9155
|
className: "uf-text-xs",
|
|
@@ -9077,8 +9165,8 @@ function SelectTokenView({
|
|
|
9077
9165
|
)
|
|
9078
9166
|
] })
|
|
9079
9167
|
] }),
|
|
9080
|
-
/* @__PURE__ */ (0,
|
|
9081
|
-
/* @__PURE__ */ (0,
|
|
9168
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "uf-text-right", children: [
|
|
9169
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
9082
9170
|
"div",
|
|
9083
9171
|
{
|
|
9084
9172
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9093,7 +9181,7 @@ function SelectTokenView({
|
|
|
9093
9181
|
]
|
|
9094
9182
|
}
|
|
9095
9183
|
),
|
|
9096
|
-
formattedUsd && /* @__PURE__ */ (0,
|
|
9184
|
+
formattedUsd && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
9097
9185
|
"div",
|
|
9098
9186
|
{
|
|
9099
9187
|
className: "uf-text-xs",
|
|
@@ -9113,7 +9201,7 @@ function SelectTokenView({
|
|
|
9113
9201
|
`${token.chain_id}-${token.token_address}-${index}`
|
|
9114
9202
|
);
|
|
9115
9203
|
}) }) }),
|
|
9116
|
-
/* @__PURE__ */ (0,
|
|
9204
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
9117
9205
|
"button",
|
|
9118
9206
|
{
|
|
9119
9207
|
onClick: onContinue,
|
|
@@ -9133,7 +9221,7 @@ function SelectTokenView({
|
|
|
9133
9221
|
}
|
|
9134
9222
|
|
|
9135
9223
|
// src/components/deposits/browser-wallets/EnterAmountView.tsx
|
|
9136
|
-
var
|
|
9224
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
9137
9225
|
function EnterAmountView({
|
|
9138
9226
|
selectedBalance,
|
|
9139
9227
|
selectedToken,
|
|
@@ -9152,8 +9240,8 @@ function EnterAmountView({
|
|
|
9152
9240
|
}) {
|
|
9153
9241
|
const { colors: colors2, fonts, components } = useTheme();
|
|
9154
9242
|
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}`;
|
|
9155
|
-
return /* @__PURE__ */ (0,
|
|
9156
|
-
/* @__PURE__ */ (0,
|
|
9243
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
|
|
9244
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
9157
9245
|
DepositHeader,
|
|
9158
9246
|
{
|
|
9159
9247
|
title: "Enter Amount",
|
|
@@ -9163,9 +9251,9 @@ function EnterAmountView({
|
|
|
9163
9251
|
onClose
|
|
9164
9252
|
}
|
|
9165
9253
|
),
|
|
9166
|
-
/* @__PURE__ */ (0,
|
|
9167
|
-
/* @__PURE__ */ (0,
|
|
9168
|
-
/* @__PURE__ */ (0,
|
|
9254
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "uf-text-center uf-py-6", children: [
|
|
9255
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
9256
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
9169
9257
|
"span",
|
|
9170
9258
|
{
|
|
9171
9259
|
className: "uf-text-2xl uf-mr-1",
|
|
@@ -9173,7 +9261,7 @@ function EnterAmountView({
|
|
|
9173
9261
|
children: "$"
|
|
9174
9262
|
}
|
|
9175
9263
|
),
|
|
9176
|
-
/* @__PURE__ */ (0,
|
|
9264
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
9177
9265
|
"input",
|
|
9178
9266
|
{
|
|
9179
9267
|
type: "text",
|
|
@@ -9201,7 +9289,7 @@ function EnterAmountView({
|
|
|
9201
9289
|
}
|
|
9202
9290
|
)
|
|
9203
9291
|
] }),
|
|
9204
|
-
formattedTokenAmount && /* @__PURE__ */ (0,
|
|
9292
|
+
formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
9205
9293
|
"div",
|
|
9206
9294
|
{
|
|
9207
9295
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -9213,8 +9301,8 @@ function EnterAmountView({
|
|
|
9213
9301
|
}
|
|
9214
9302
|
)
|
|
9215
9303
|
] }),
|
|
9216
|
-
/* @__PURE__ */ (0,
|
|
9217
|
-
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0,
|
|
9304
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
|
|
9305
|
+
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
9218
9306
|
"button",
|
|
9219
9307
|
{
|
|
9220
9308
|
onClick: () => onAmountChange(quickAmount.toString()),
|
|
@@ -9231,7 +9319,7 @@ function EnterAmountView({
|
|
|
9231
9319
|
},
|
|
9232
9320
|
quickAmount
|
|
9233
9321
|
)),
|
|
9234
|
-
/* @__PURE__ */ (0,
|
|
9322
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
9235
9323
|
"button",
|
|
9236
9324
|
{
|
|
9237
9325
|
onClick: onMaxClick,
|
|
@@ -9245,7 +9333,7 @@ function EnterAmountView({
|
|
|
9245
9333
|
}
|
|
9246
9334
|
)
|
|
9247
9335
|
] }),
|
|
9248
|
-
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0,
|
|
9336
|
+
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
9249
9337
|
"div",
|
|
9250
9338
|
{
|
|
9251
9339
|
className: "uf-text-center uf-text-xs uf-mb-3",
|
|
@@ -9256,14 +9344,14 @@ function EnterAmountView({
|
|
|
9256
9344
|
]
|
|
9257
9345
|
}
|
|
9258
9346
|
),
|
|
9259
|
-
inputUsdNum > 0 && /* @__PURE__ */ (0,
|
|
9347
|
+
inputUsdNum > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
9260
9348
|
"div",
|
|
9261
9349
|
{
|
|
9262
9350
|
className: "uf-text-center uf-text-sm uf-mb-3",
|
|
9263
9351
|
style: { color: colors2.error },
|
|
9264
9352
|
children: "Insufficient balance"
|
|
9265
9353
|
}
|
|
9266
|
-
) : error && /* @__PURE__ */ (0,
|
|
9354
|
+
) : error && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
9267
9355
|
"div",
|
|
9268
9356
|
{
|
|
9269
9357
|
className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2",
|
|
@@ -9271,7 +9359,7 @@ function EnterAmountView({
|
|
|
9271
9359
|
children: error
|
|
9272
9360
|
}
|
|
9273
9361
|
) }),
|
|
9274
|
-
/* @__PURE__ */ (0,
|
|
9362
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
9275
9363
|
"button",
|
|
9276
9364
|
{
|
|
9277
9365
|
onClick: onReview,
|
|
@@ -9292,7 +9380,7 @@ function EnterAmountView({
|
|
|
9292
9380
|
|
|
9293
9381
|
// src/components/deposits/browser-wallets/ReviewView.tsx
|
|
9294
9382
|
var import_lucide_react20 = require("lucide-react");
|
|
9295
|
-
var
|
|
9383
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
9296
9384
|
function ReviewView({
|
|
9297
9385
|
walletInfo,
|
|
9298
9386
|
recipientAddress,
|
|
@@ -9311,8 +9399,8 @@ function ReviewView({
|
|
|
9311
9399
|
onClose
|
|
9312
9400
|
}) {
|
|
9313
9401
|
const { colors: colors2, fonts, components } = useTheme();
|
|
9314
|
-
return /* @__PURE__ */ (0,
|
|
9315
|
-
/* @__PURE__ */ (0,
|
|
9402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
|
|
9403
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9316
9404
|
DepositHeader,
|
|
9317
9405
|
{
|
|
9318
9406
|
title: "Review",
|
|
@@ -9321,8 +9409,8 @@ function ReviewView({
|
|
|
9321
9409
|
onClose
|
|
9322
9410
|
}
|
|
9323
9411
|
),
|
|
9324
|
-
/* @__PURE__ */ (0,
|
|
9325
|
-
/* @__PURE__ */ (0,
|
|
9412
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-text-center", children: [
|
|
9413
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
9326
9414
|
"div",
|
|
9327
9415
|
{
|
|
9328
9416
|
className: "uf-text-4xl uf-font-medium",
|
|
@@ -9333,7 +9421,7 @@ function ReviewView({
|
|
|
9333
9421
|
]
|
|
9334
9422
|
}
|
|
9335
9423
|
),
|
|
9336
|
-
formattedTokenAmount && /* @__PURE__ */ (0,
|
|
9424
|
+
formattedTokenAmount && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
9337
9425
|
"div",
|
|
9338
9426
|
{
|
|
9339
9427
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -9345,14 +9433,14 @@ function ReviewView({
|
|
|
9345
9433
|
}
|
|
9346
9434
|
)
|
|
9347
9435
|
] }),
|
|
9348
|
-
/* @__PURE__ */ (0,
|
|
9436
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
9349
9437
|
"div",
|
|
9350
9438
|
{
|
|
9351
9439
|
className: "uf-p-4 uf-space-y-4 uf-mt-4",
|
|
9352
9440
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
9353
9441
|
children: [
|
|
9354
|
-
/* @__PURE__ */ (0,
|
|
9355
|
-
/* @__PURE__ */ (0,
|
|
9442
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
9443
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9356
9444
|
"span",
|
|
9357
9445
|
{
|
|
9358
9446
|
className: "uf-text-sm",
|
|
@@ -9360,8 +9448,8 @@ function ReviewView({
|
|
|
9360
9448
|
children: "Source"
|
|
9361
9449
|
}
|
|
9362
9450
|
),
|
|
9363
|
-
/* @__PURE__ */ (0,
|
|
9364
|
-
getIconUrl(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0,
|
|
9451
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
9452
|
+
getIconUrl(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9365
9453
|
"img",
|
|
9366
9454
|
{
|
|
9367
9455
|
src: getIconUrl(selectedToken.icon_url, assetCdnUrl),
|
|
@@ -9369,7 +9457,7 @@ function ReviewView({
|
|
|
9369
9457
|
className: "uf-w-5 uf-h-5 uf-rounded-full"
|
|
9370
9458
|
}
|
|
9371
9459
|
),
|
|
9372
|
-
/* @__PURE__ */ (0,
|
|
9460
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
9373
9461
|
"span",
|
|
9374
9462
|
{
|
|
9375
9463
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9384,8 +9472,8 @@ function ReviewView({
|
|
|
9384
9472
|
)
|
|
9385
9473
|
] })
|
|
9386
9474
|
] }),
|
|
9387
|
-
/* @__PURE__ */ (0,
|
|
9388
|
-
/* @__PURE__ */ (0,
|
|
9475
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
9476
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9389
9477
|
"span",
|
|
9390
9478
|
{
|
|
9391
9479
|
className: "uf-text-sm",
|
|
@@ -9393,7 +9481,7 @@ function ReviewView({
|
|
|
9393
9481
|
children: "Destination"
|
|
9394
9482
|
}
|
|
9395
9483
|
),
|
|
9396
|
-
/* @__PURE__ */ (0,
|
|
9484
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9397
9485
|
"span",
|
|
9398
9486
|
{
|
|
9399
9487
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9402,13 +9490,13 @@ function ReviewView({
|
|
|
9402
9490
|
}
|
|
9403
9491
|
)
|
|
9404
9492
|
] }),
|
|
9405
|
-
/* @__PURE__ */ (0,
|
|
9493
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
9406
9494
|
"button",
|
|
9407
9495
|
{
|
|
9408
9496
|
onClick: onToggleDetails,
|
|
9409
9497
|
className: "uf-w-full uf-flex uf-justify-between uf-items-center uf-transition-colors hover:uf-opacity-80",
|
|
9410
9498
|
children: [
|
|
9411
|
-
/* @__PURE__ */ (0,
|
|
9499
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9412
9500
|
"span",
|
|
9413
9501
|
{
|
|
9414
9502
|
className: "uf-text-sm",
|
|
@@ -9416,8 +9504,8 @@ function ReviewView({
|
|
|
9416
9504
|
children: "Estimated time"
|
|
9417
9505
|
}
|
|
9418
9506
|
),
|
|
9419
|
-
/* @__PURE__ */ (0,
|
|
9420
|
-
/* @__PURE__ */ (0,
|
|
9507
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
9508
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9421
9509
|
"span",
|
|
9422
9510
|
{
|
|
9423
9511
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9427,13 +9515,13 @@ function ReviewView({
|
|
|
9427
9515
|
)
|
|
9428
9516
|
}
|
|
9429
9517
|
),
|
|
9430
|
-
showTransactionDetails ? /* @__PURE__ */ (0,
|
|
9518
|
+
showTransactionDetails ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9431
9519
|
import_lucide_react20.ChevronUp,
|
|
9432
9520
|
{
|
|
9433
9521
|
className: "uf-w-4 uf-h-4",
|
|
9434
9522
|
style: { color: colors2.foregroundMuted }
|
|
9435
9523
|
}
|
|
9436
|
-
) : /* @__PURE__ */ (0,
|
|
9524
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9437
9525
|
import_lucide_react20.ChevronDown,
|
|
9438
9526
|
{
|
|
9439
9527
|
className: "uf-w-4 uf-h-4",
|
|
@@ -9444,14 +9532,14 @@ function ReviewView({
|
|
|
9444
9532
|
]
|
|
9445
9533
|
}
|
|
9446
9534
|
),
|
|
9447
|
-
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0,
|
|
9448
|
-
/* @__PURE__ */ (0,
|
|
9535
|
+
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
|
|
9536
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
9449
9537
|
"div",
|
|
9450
9538
|
{
|
|
9451
9539
|
className: "uf-flex uf-justify-between uf-items-center uf-pt-3 uf-border-t",
|
|
9452
9540
|
style: { borderColor: colors2.border },
|
|
9453
9541
|
children: [
|
|
9454
|
-
/* @__PURE__ */ (0,
|
|
9542
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9455
9543
|
"span",
|
|
9456
9544
|
{
|
|
9457
9545
|
className: "uf-text-sm",
|
|
@@ -9462,7 +9550,7 @@ function ReviewView({
|
|
|
9462
9550
|
children: "Price impact"
|
|
9463
9551
|
}
|
|
9464
9552
|
),
|
|
9465
|
-
/* @__PURE__ */ (0,
|
|
9553
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
9466
9554
|
"span",
|
|
9467
9555
|
{
|
|
9468
9556
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9476,8 +9564,8 @@ function ReviewView({
|
|
|
9476
9564
|
]
|
|
9477
9565
|
}
|
|
9478
9566
|
),
|
|
9479
|
-
/* @__PURE__ */ (0,
|
|
9480
|
-
/* @__PURE__ */ (0,
|
|
9567
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
9568
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9481
9569
|
"span",
|
|
9482
9570
|
{
|
|
9483
9571
|
className: "uf-text-sm",
|
|
@@ -9488,7 +9576,7 @@ function ReviewView({
|
|
|
9488
9576
|
children: "Max slippage"
|
|
9489
9577
|
}
|
|
9490
9578
|
),
|
|
9491
|
-
/* @__PURE__ */ (0,
|
|
9579
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
9492
9580
|
"span",
|
|
9493
9581
|
{
|
|
9494
9582
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9504,7 +9592,7 @@ function ReviewView({
|
|
|
9504
9592
|
]
|
|
9505
9593
|
}
|
|
9506
9594
|
),
|
|
9507
|
-
error && /* @__PURE__ */ (0,
|
|
9595
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9508
9596
|
"div",
|
|
9509
9597
|
{
|
|
9510
9598
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-2",
|
|
@@ -9512,7 +9600,7 @@ function ReviewView({
|
|
|
9512
9600
|
children: error
|
|
9513
9601
|
}
|
|
9514
9602
|
),
|
|
9515
|
-
/* @__PURE__ */ (0,
|
|
9603
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
9516
9604
|
"div",
|
|
9517
9605
|
{
|
|
9518
9606
|
className: "uf-text-xs uf-text-center uf-mt-4 uf-px-4",
|
|
@@ -9523,7 +9611,7 @@ function ReviewView({
|
|
|
9523
9611
|
]
|
|
9524
9612
|
}
|
|
9525
9613
|
),
|
|
9526
|
-
/* @__PURE__ */ (0,
|
|
9614
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uf-pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
9527
9615
|
"button",
|
|
9528
9616
|
{
|
|
9529
9617
|
onClick: onConfirm,
|
|
@@ -9545,7 +9633,7 @@ function ReviewView({
|
|
|
9545
9633
|
// src/components/deposits/browser-wallets/ConfirmingView.tsx
|
|
9546
9634
|
var React25 = __toESM(require("react"));
|
|
9547
9635
|
var import_lucide_react21 = require("lucide-react");
|
|
9548
|
-
var
|
|
9636
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
9549
9637
|
function ConfirmingView({
|
|
9550
9638
|
isConfirming,
|
|
9551
9639
|
onClose,
|
|
@@ -9559,23 +9647,23 @@ function ConfirmingView({
|
|
|
9559
9647
|
const visibleExecutions = executions.filter(
|
|
9560
9648
|
(execution) => !closedExecutionIds.has(execution.id)
|
|
9561
9649
|
);
|
|
9562
|
-
return /* @__PURE__ */ (0,
|
|
9563
|
-
/* @__PURE__ */ (0,
|
|
9650
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
|
|
9651
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
9564
9652
|
DepositHeader,
|
|
9565
9653
|
{
|
|
9566
9654
|
title: isConfirming ? "Confirming..." : "Processing",
|
|
9567
9655
|
onClose
|
|
9568
9656
|
}
|
|
9569
9657
|
),
|
|
9570
|
-
/* @__PURE__ */ (0,
|
|
9571
|
-
/* @__PURE__ */ (0,
|
|
9658
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-flex-1 uf-py-12", children: isConfirming ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
|
|
9659
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
9572
9660
|
import_lucide_react21.Loader2,
|
|
9573
9661
|
{
|
|
9574
9662
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
9575
9663
|
style: { color: colors2.primary }
|
|
9576
9664
|
}
|
|
9577
9665
|
),
|
|
9578
|
-
/* @__PURE__ */ (0,
|
|
9666
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
9579
9667
|
"div",
|
|
9580
9668
|
{
|
|
9581
9669
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -9583,7 +9671,7 @@ function ConfirmingView({
|
|
|
9583
9671
|
children: "Waiting for confirmation..."
|
|
9584
9672
|
}
|
|
9585
9673
|
),
|
|
9586
|
-
/* @__PURE__ */ (0,
|
|
9674
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
9587
9675
|
"div",
|
|
9588
9676
|
{
|
|
9589
9677
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -9591,15 +9679,15 @@ function ConfirmingView({
|
|
|
9591
9679
|
children: "Please confirm the transaction in your wallet"
|
|
9592
9680
|
}
|
|
9593
9681
|
)
|
|
9594
|
-
] }) : /* @__PURE__ */ (0,
|
|
9595
|
-
/* @__PURE__ */ (0,
|
|
9682
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
|
|
9683
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
9596
9684
|
import_lucide_react21.CheckCircle2,
|
|
9597
9685
|
{
|
|
9598
9686
|
className: "uf-w-12 uf-h-12 uf-mb-4",
|
|
9599
9687
|
style: { color: colors2.primary }
|
|
9600
9688
|
}
|
|
9601
9689
|
),
|
|
9602
|
-
/* @__PURE__ */ (0,
|
|
9690
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
9603
9691
|
"div",
|
|
9604
9692
|
{
|
|
9605
9693
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -9607,7 +9695,7 @@ function ConfirmingView({
|
|
|
9607
9695
|
children: "Transaction Submitted"
|
|
9608
9696
|
}
|
|
9609
9697
|
),
|
|
9610
|
-
/* @__PURE__ */ (0,
|
|
9698
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
9611
9699
|
"div",
|
|
9612
9700
|
{
|
|
9613
9701
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -9616,7 +9704,7 @@ function ConfirmingView({
|
|
|
9616
9704
|
}
|
|
9617
9705
|
)
|
|
9618
9706
|
] }) }),
|
|
9619
|
-
visibleExecutions.length > 0 && /* @__PURE__ */ (0,
|
|
9707
|
+
visibleExecutions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "uf-absolute uf-bottom-0 uf-left-0 uf-right-0 uf-p-4 uf-flex uf-flex-col uf-gap-2", children: visibleExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
9620
9708
|
DepositSuccessToast,
|
|
9621
9709
|
{
|
|
9622
9710
|
depositTx: execution.transaction_hash,
|
|
@@ -9637,7 +9725,7 @@ function ConfirmingView({
|
|
|
9637
9725
|
}
|
|
9638
9726
|
|
|
9639
9727
|
// src/components/deposits/BrowserWalletModal.tsx
|
|
9640
|
-
var
|
|
9728
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
9641
9729
|
function BrowserWalletModal({
|
|
9642
9730
|
open,
|
|
9643
9731
|
onOpenChange,
|
|
@@ -10121,7 +10209,7 @@ function BrowserWalletModal({
|
|
|
10121
10209
|
""
|
|
10122
10210
|
);
|
|
10123
10211
|
}, [tokenAmount, selectedToken]);
|
|
10124
|
-
return /* @__PURE__ */ (0,
|
|
10212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10125
10213
|
Dialog,
|
|
10126
10214
|
{
|
|
10127
10215
|
open,
|
|
@@ -10131,15 +10219,15 @@ function BrowserWalletModal({
|
|
|
10131
10219
|
}
|
|
10132
10220
|
handleClose();
|
|
10133
10221
|
},
|
|
10134
|
-
children: /* @__PURE__ */ (0,
|
|
10222
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10135
10223
|
DialogContent,
|
|
10136
10224
|
{
|
|
10137
10225
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
10138
10226
|
style: { backgroundColor: colors2.background },
|
|
10139
10227
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
10140
10228
|
onInteractOutside: (e) => e.preventDefault(),
|
|
10141
|
-
children: /* @__PURE__ */ (0,
|
|
10142
|
-
step === "select-token" && /* @__PURE__ */ (0,
|
|
10229
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(ThemeStyleInjector, { children: [
|
|
10230
|
+
step === "select-token" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10143
10231
|
SelectTokenView,
|
|
10144
10232
|
{
|
|
10145
10233
|
projectName,
|
|
@@ -10155,7 +10243,7 @@ function BrowserWalletModal({
|
|
|
10155
10243
|
onClose: handleFullClose
|
|
10156
10244
|
}
|
|
10157
10245
|
),
|
|
10158
|
-
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0,
|
|
10246
|
+
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10159
10247
|
EnterAmountView,
|
|
10160
10248
|
{
|
|
10161
10249
|
selectedBalance,
|
|
@@ -10174,7 +10262,7 @@ function BrowserWalletModal({
|
|
|
10174
10262
|
onClose: handleFullClose
|
|
10175
10263
|
}
|
|
10176
10264
|
),
|
|
10177
|
-
step === "review" && selectedToken && /* @__PURE__ */ (0,
|
|
10265
|
+
step === "review" && selectedToken && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10178
10266
|
ReviewView,
|
|
10179
10267
|
{
|
|
10180
10268
|
walletInfo,
|
|
@@ -10194,7 +10282,7 @@ function BrowserWalletModal({
|
|
|
10194
10282
|
onClose: handleFullClose
|
|
10195
10283
|
}
|
|
10196
10284
|
),
|
|
10197
|
-
step === "confirming" && /* @__PURE__ */ (0,
|
|
10285
|
+
step === "confirming" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10198
10286
|
ConfirmingView,
|
|
10199
10287
|
{
|
|
10200
10288
|
isConfirming,
|
|
@@ -10212,7 +10300,7 @@ function BrowserWalletModal({
|
|
|
10212
10300
|
// src/components/deposits/WalletSelectionModal.tsx
|
|
10213
10301
|
var React27 = __toESM(require("react"));
|
|
10214
10302
|
var import_lucide_react22 = require("lucide-react");
|
|
10215
|
-
var
|
|
10303
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
10216
10304
|
var WALLET_ICONS = {
|
|
10217
10305
|
metamask: MetamaskIcon,
|
|
10218
10306
|
phantom: PhantomIcon,
|
|
@@ -10290,6 +10378,7 @@ var WALLET_DEFINITIONS = [
|
|
|
10290
10378
|
installUrl: "https://glow.app/"
|
|
10291
10379
|
}
|
|
10292
10380
|
];
|
|
10381
|
+
var WALLET_LIST_MAX_HEIGHT_PX = 330;
|
|
10293
10382
|
function WalletSelectionModal({
|
|
10294
10383
|
open,
|
|
10295
10384
|
onOpenChange,
|
|
@@ -10298,14 +10387,13 @@ function WalletSelectionModal({
|
|
|
10298
10387
|
chainType,
|
|
10299
10388
|
theme = "dark"
|
|
10300
10389
|
}) {
|
|
10301
|
-
const { colors: colors2, fonts, components
|
|
10390
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
10302
10391
|
const [step, setStep] = React27.useState("select-wallet");
|
|
10303
10392
|
const [selectedWallet, setSelectedWallet] = React27.useState(null);
|
|
10304
10393
|
const [connectingNetwork, setConnectingNetwork] = React27.useState(null);
|
|
10305
10394
|
const [error, setError] = React27.useState(null);
|
|
10306
10395
|
const [isConnecting, setIsConnecting] = React27.useState(false);
|
|
10307
10396
|
const themeClass = theme === "dark" ? "uf-dark" : "";
|
|
10308
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
10309
10397
|
const getProviders = React27.useCallback(() => {
|
|
10310
10398
|
if (typeof window === "undefined") {
|
|
10311
10399
|
return {};
|
|
@@ -10569,6 +10657,7 @@ function WalletSelectionModal({
|
|
|
10569
10657
|
setSelectedWallet(null);
|
|
10570
10658
|
setConnectingNetwork(null);
|
|
10571
10659
|
setError(null);
|
|
10660
|
+
setIsConnecting(false);
|
|
10572
10661
|
} else {
|
|
10573
10662
|
handleClose();
|
|
10574
10663
|
}
|
|
@@ -10589,15 +10678,15 @@ function WalletSelectionModal({
|
|
|
10589
10678
|
return "Connect Wallet";
|
|
10590
10679
|
}
|
|
10591
10680
|
};
|
|
10592
|
-
return /* @__PURE__ */ (0,
|
|
10681
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10593
10682
|
DialogContent,
|
|
10594
10683
|
{
|
|
10595
|
-
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
10684
|
+
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}`,
|
|
10596
10685
|
style: { backgroundColor: colors2.background },
|
|
10597
10686
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
10598
10687
|
onInteractOutside: (e) => e.preventDefault(),
|
|
10599
|
-
children: /* @__PURE__ */ (0,
|
|
10600
|
-
/* @__PURE__ */ (0,
|
|
10688
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(ThemeStyleInjector, { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
10689
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10601
10690
|
DepositHeader,
|
|
10602
10691
|
{
|
|
10603
10692
|
title: getTitle(),
|
|
@@ -10606,9 +10695,9 @@ function WalletSelectionModal({
|
|
|
10606
10695
|
onClose: handleClose
|
|
10607
10696
|
}
|
|
10608
10697
|
),
|
|
10609
|
-
/* @__PURE__ */ (0,
|
|
10610
|
-
step === "select-wallet" && /* @__PURE__ */ (0,
|
|
10611
|
-
/* @__PURE__ */ (0,
|
|
10698
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
10699
|
+
step === "select-wallet" && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
10700
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10612
10701
|
"p",
|
|
10613
10702
|
{
|
|
10614
10703
|
className: "uf-text-sm uf-text-center uf-pb-4",
|
|
@@ -10619,87 +10708,96 @@ function WalletSelectionModal({
|
|
|
10619
10708
|
children: chainType ? `Select a ${chainType === "ethereum" ? "Ethereum" : "Solana"} wallet` : "Select a wallet to connect"
|
|
10620
10709
|
}
|
|
10621
10710
|
),
|
|
10622
|
-
/* @__PURE__ */ (0,
|
|
10623
|
-
"
|
|
10711
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10712
|
+
"div",
|
|
10624
10713
|
{
|
|
10625
|
-
className: "uf-
|
|
10714
|
+
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]",
|
|
10626
10715
|
style: {
|
|
10627
|
-
|
|
10628
|
-
|
|
10716
|
+
height: `min(${WALLET_LIST_MAX_HEIGHT_PX}px, 50dvh)`,
|
|
10717
|
+
maxHeight: WALLET_LIST_MAX_HEIGHT_PX
|
|
10629
10718
|
},
|
|
10630
|
-
children: "
|
|
10719
|
+
children: availableWallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10720
|
+
"p",
|
|
10721
|
+
{
|
|
10722
|
+
className: "uf-text-sm",
|
|
10723
|
+
style: {
|
|
10724
|
+
color: colors2.foregroundMuted,
|
|
10725
|
+
fontFamily: fonts.regular
|
|
10726
|
+
},
|
|
10727
|
+
children: "No wallets available"
|
|
10728
|
+
}
|
|
10729
|
+
) }) : availableWallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
10730
|
+
"button",
|
|
10731
|
+
{
|
|
10732
|
+
onClick: () => handleWalletClick(wallet),
|
|
10733
|
+
disabled: isConnecting,
|
|
10734
|
+
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",
|
|
10735
|
+
style: {
|
|
10736
|
+
backgroundColor: components.card.backgroundColor,
|
|
10737
|
+
borderRadius: components.card.borderRadius,
|
|
10738
|
+
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
10739
|
+
},
|
|
10740
|
+
children: [
|
|
10741
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
10742
|
+
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10743
|
+
WalletIconWithNetwork,
|
|
10744
|
+
{
|
|
10745
|
+
WalletIcon: WALLET_ICONS[wallet.id],
|
|
10746
|
+
networks: wallet.networks,
|
|
10747
|
+
size: 40,
|
|
10748
|
+
className: "uf-rounded-lg"
|
|
10749
|
+
}
|
|
10750
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
10751
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-text-left", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10752
|
+
"div",
|
|
10753
|
+
{
|
|
10754
|
+
className: "uf-text-sm uf-font-medium",
|
|
10755
|
+
style: {
|
|
10756
|
+
color: components.card.titleColor,
|
|
10757
|
+
fontFamily: fonts.medium
|
|
10758
|
+
},
|
|
10759
|
+
children: wallet.name
|
|
10760
|
+
}
|
|
10761
|
+
) })
|
|
10762
|
+
] }),
|
|
10763
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10764
|
+
"span",
|
|
10765
|
+
{
|
|
10766
|
+
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
10767
|
+
style: {
|
|
10768
|
+
backgroundColor: colors2.primary + "20",
|
|
10769
|
+
color: colors2.primary,
|
|
10770
|
+
fontFamily: fonts.medium
|
|
10771
|
+
},
|
|
10772
|
+
children: "Detected"
|
|
10773
|
+
}
|
|
10774
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
10775
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10776
|
+
"span",
|
|
10777
|
+
{
|
|
10778
|
+
className: "uf-text-xs",
|
|
10779
|
+
style: {
|
|
10780
|
+
color: colors2.foregroundMuted,
|
|
10781
|
+
fontFamily: fonts.regular
|
|
10782
|
+
},
|
|
10783
|
+
children: "Install"
|
|
10784
|
+
}
|
|
10785
|
+
),
|
|
10786
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10787
|
+
import_lucide_react22.ExternalLink,
|
|
10788
|
+
{
|
|
10789
|
+
className: "uf-w-3 uf-h-3",
|
|
10790
|
+
style: { color: colors2.foregroundMuted }
|
|
10791
|
+
}
|
|
10792
|
+
)
|
|
10793
|
+
] }) })
|
|
10794
|
+
]
|
|
10795
|
+
},
|
|
10796
|
+
wallet.id
|
|
10797
|
+
))
|
|
10631
10798
|
}
|
|
10632
|
-
)
|
|
10633
|
-
|
|
10634
|
-
{
|
|
10635
|
-
onClick: () => handleWalletClick(wallet),
|
|
10636
|
-
disabled: isConnecting,
|
|
10637
|
-
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",
|
|
10638
|
-
style: {
|
|
10639
|
-
backgroundColor: components.card.backgroundColor,
|
|
10640
|
-
borderRadius: components.card.borderRadius,
|
|
10641
|
-
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
10642
|
-
},
|
|
10643
|
-
children: [
|
|
10644
|
-
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
10645
|
-
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10646
|
-
WalletIconWithNetwork,
|
|
10647
|
-
{
|
|
10648
|
-
WalletIcon: WALLET_ICONS[wallet.id],
|
|
10649
|
-
networks: wallet.networks,
|
|
10650
|
-
size: 40,
|
|
10651
|
-
className: "uf-rounded-lg",
|
|
10652
|
-
variant: iconVariant
|
|
10653
|
-
}
|
|
10654
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
10655
|
-
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-text-left", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10656
|
-
"div",
|
|
10657
|
-
{
|
|
10658
|
-
className: "uf-text-sm uf-font-medium",
|
|
10659
|
-
style: {
|
|
10660
|
-
color: components.card.titleColor,
|
|
10661
|
-
fontFamily: fonts.medium
|
|
10662
|
-
},
|
|
10663
|
-
children: wallet.name
|
|
10664
|
-
}
|
|
10665
|
-
) })
|
|
10666
|
-
] }),
|
|
10667
|
-
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10668
|
-
"span",
|
|
10669
|
-
{
|
|
10670
|
-
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
10671
|
-
style: {
|
|
10672
|
-
backgroundColor: colors2.primary + "20",
|
|
10673
|
-
color: colors2.primary,
|
|
10674
|
-
fontFamily: fonts.medium
|
|
10675
|
-
},
|
|
10676
|
-
children: "Detected"
|
|
10677
|
-
}
|
|
10678
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
10679
|
-
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10680
|
-
"span",
|
|
10681
|
-
{
|
|
10682
|
-
className: "uf-text-xs",
|
|
10683
|
-
style: {
|
|
10684
|
-
color: colors2.foregroundMuted,
|
|
10685
|
-
fontFamily: fonts.regular
|
|
10686
|
-
},
|
|
10687
|
-
children: "Install"
|
|
10688
|
-
}
|
|
10689
|
-
),
|
|
10690
|
-
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10691
|
-
import_lucide_react22.ExternalLink,
|
|
10692
|
-
{
|
|
10693
|
-
className: "uf-w-3 uf-h-3",
|
|
10694
|
-
style: { color: colors2.foregroundMuted }
|
|
10695
|
-
}
|
|
10696
|
-
)
|
|
10697
|
-
] }) })
|
|
10698
|
-
]
|
|
10699
|
-
},
|
|
10700
|
-
wallet.id
|
|
10701
|
-
)) }),
|
|
10702
|
-
error && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
10799
|
+
),
|
|
10800
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10703
10801
|
"div",
|
|
10704
10802
|
{
|
|
10705
10803
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -10708,19 +10806,18 @@ function WalletSelectionModal({
|
|
|
10708
10806
|
}
|
|
10709
10807
|
)
|
|
10710
10808
|
] }),
|
|
10711
|
-
step === "select-network" && selectedWallet && /* @__PURE__ */ (0,
|
|
10712
|
-
/* @__PURE__ */ (0,
|
|
10713
|
-
/* @__PURE__ */ (0,
|
|
10809
|
+
step === "select-network" && selectedWallet && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
10810
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
|
|
10811
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10714
10812
|
WalletIconWithNetwork,
|
|
10715
10813
|
{
|
|
10716
10814
|
WalletIcon: WALLET_ICONS[selectedWallet.id],
|
|
10717
10815
|
networks: selectedWallet.networks,
|
|
10718
10816
|
size: 48,
|
|
10719
|
-
className: "uf-rounded-lg"
|
|
10720
|
-
variant: iconVariant
|
|
10817
|
+
className: "uf-rounded-lg"
|
|
10721
10818
|
}
|
|
10722
|
-
) : /* @__PURE__ */ (0,
|
|
10723
|
-
/* @__PURE__ */ (0,
|
|
10819
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
|
|
10820
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10724
10821
|
"p",
|
|
10725
10822
|
{
|
|
10726
10823
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -10731,7 +10828,7 @@ function WalletSelectionModal({
|
|
|
10731
10828
|
children: selectedWallet.name
|
|
10732
10829
|
}
|
|
10733
10830
|
),
|
|
10734
|
-
/* @__PURE__ */ (0,
|
|
10831
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10735
10832
|
"p",
|
|
10736
10833
|
{
|
|
10737
10834
|
className: "uf-text-xs",
|
|
@@ -10743,7 +10840,7 @@ function WalletSelectionModal({
|
|
|
10743
10840
|
}
|
|
10744
10841
|
)
|
|
10745
10842
|
] }),
|
|
10746
|
-
/* @__PURE__ */ (0,
|
|
10843
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
10747
10844
|
"button",
|
|
10748
10845
|
{
|
|
10749
10846
|
onClick: () => handleNetworkSelect(network),
|
|
@@ -10755,16 +10852,16 @@ function WalletSelectionModal({
|
|
|
10755
10852
|
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
10756
10853
|
},
|
|
10757
10854
|
children: [
|
|
10758
|
-
/* @__PURE__ */ (0,
|
|
10759
|
-
network === "ethereum" ? /* @__PURE__ */ (0,
|
|
10855
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
10856
|
+
network === "ethereum" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10760
10857
|
EthereumIcon,
|
|
10761
10858
|
{
|
|
10762
10859
|
size: 36,
|
|
10763
10860
|
className: "uf-rounded-full"
|
|
10764
10861
|
}
|
|
10765
|
-
) : /* @__PURE__ */ (0,
|
|
10766
|
-
/* @__PURE__ */ (0,
|
|
10767
|
-
/* @__PURE__ */ (0,
|
|
10862
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
|
|
10863
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-text-left", children: [
|
|
10864
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10768
10865
|
"div",
|
|
10769
10866
|
{
|
|
10770
10867
|
className: "uf-text-sm uf-font-medium uf-capitalize",
|
|
@@ -10775,7 +10872,7 @@ function WalletSelectionModal({
|
|
|
10775
10872
|
children: network === "ethereum" ? "Ethereum" : "Solana"
|
|
10776
10873
|
}
|
|
10777
10874
|
),
|
|
10778
|
-
/* @__PURE__ */ (0,
|
|
10875
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10779
10876
|
"div",
|
|
10780
10877
|
{
|
|
10781
10878
|
className: "uf-text-xs",
|
|
@@ -10788,7 +10885,7 @@ function WalletSelectionModal({
|
|
|
10788
10885
|
)
|
|
10789
10886
|
] })
|
|
10790
10887
|
] }),
|
|
10791
|
-
connectingNetwork === network && /* @__PURE__ */ (0,
|
|
10888
|
+
connectingNetwork === network && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10792
10889
|
import_lucide_react22.Loader2,
|
|
10793
10890
|
{
|
|
10794
10891
|
className: "uf-w-4 uf-h-4 uf-animate-spin",
|
|
@@ -10799,7 +10896,7 @@ function WalletSelectionModal({
|
|
|
10799
10896
|
},
|
|
10800
10897
|
network
|
|
10801
10898
|
)) }),
|
|
10802
|
-
error && /* @__PURE__ */ (0,
|
|
10899
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10803
10900
|
"div",
|
|
10804
10901
|
{
|
|
10805
10902
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -10808,15 +10905,15 @@ function WalletSelectionModal({
|
|
|
10808
10905
|
}
|
|
10809
10906
|
)
|
|
10810
10907
|
] }),
|
|
10811
|
-
step === "connecting" && /* @__PURE__ */ (0,
|
|
10812
|
-
/* @__PURE__ */ (0,
|
|
10908
|
+
step === "connecting" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uf-flex uf-flex-1 uf-flex-col uf-items-center uf-justify-center uf-py-8", children: [
|
|
10909
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10813
10910
|
import_lucide_react22.Loader2,
|
|
10814
10911
|
{
|
|
10815
10912
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
10816
10913
|
style: { color: colors2.primary }
|
|
10817
10914
|
}
|
|
10818
10915
|
),
|
|
10819
|
-
/* @__PURE__ */ (0,
|
|
10916
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
10820
10917
|
"div",
|
|
10821
10918
|
{
|
|
10822
10919
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -10828,7 +10925,7 @@ function WalletSelectionModal({
|
|
|
10828
10925
|
]
|
|
10829
10926
|
}
|
|
10830
10927
|
),
|
|
10831
|
-
/* @__PURE__ */ (0,
|
|
10928
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10832
10929
|
"div",
|
|
10833
10930
|
{
|
|
10834
10931
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -10836,7 +10933,22 @@ function WalletSelectionModal({
|
|
|
10836
10933
|
children: connectingNetwork === "solana" ? "Please approve the connection in your Solana wallet" : "Please approve the connection in your wallet"
|
|
10837
10934
|
}
|
|
10838
10935
|
)
|
|
10839
|
-
] })
|
|
10936
|
+
] }) }),
|
|
10937
|
+
step !== "connecting" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uf-min-h-0 uf-flex-1", "aria-hidden": true }),
|
|
10938
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10939
|
+
"div",
|
|
10940
|
+
{
|
|
10941
|
+
className: "uf-shrink-0 uf-pt-3 uf-pb-4",
|
|
10942
|
+
style: { backgroundColor: colors2.background },
|
|
10943
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
10944
|
+
PoweredByUnifold,
|
|
10945
|
+
{
|
|
10946
|
+
color: colors2.foregroundMuted,
|
|
10947
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
10948
|
+
}
|
|
10949
|
+
)
|
|
10950
|
+
}
|
|
10951
|
+
)
|
|
10840
10952
|
] })
|
|
10841
10953
|
] })
|
|
10842
10954
|
}
|
|
@@ -10844,27 +10956,27 @@ function WalletSelectionModal({
|
|
|
10844
10956
|
}
|
|
10845
10957
|
|
|
10846
10958
|
// src/components/deposits/DepositModal.tsx
|
|
10847
|
-
var
|
|
10959
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
10848
10960
|
function SkeletonButton({
|
|
10849
10961
|
variant = "default"
|
|
10850
10962
|
}) {
|
|
10851
|
-
return /* @__PURE__ */ (0,
|
|
10852
|
-
/* @__PURE__ */ (0,
|
|
10853
|
-
/* @__PURE__ */ (0,
|
|
10854
|
-
/* @__PURE__ */ (0,
|
|
10855
|
-
/* @__PURE__ */ (0,
|
|
10856
|
-
/* @__PURE__ */ (0,
|
|
10963
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
|
|
10964
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
10965
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
|
|
10966
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uf-space-y-1.5", children: [
|
|
10967
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
|
|
10968
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
|
|
10857
10969
|
] })
|
|
10858
10970
|
] }),
|
|
10859
|
-
/* @__PURE__ */ (0,
|
|
10860
|
-
variant === "with-icons" && /* @__PURE__ */ (0,
|
|
10971
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
10972
|
+
variant === "with-icons" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
10861
10973
|
"div",
|
|
10862
10974
|
{
|
|
10863
10975
|
className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
|
|
10864
10976
|
},
|
|
10865
10977
|
i
|
|
10866
10978
|
)) }),
|
|
10867
|
-
/* @__PURE__ */ (0,
|
|
10979
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react23.ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
|
|
10868
10980
|
] })
|
|
10869
10981
|
] });
|
|
10870
10982
|
}
|
|
@@ -10886,11 +10998,18 @@ function DepositModal({
|
|
|
10886
10998
|
depositConfirmationMode = "auto_ui",
|
|
10887
10999
|
enableConnectWallet = false,
|
|
10888
11000
|
enablePayWithExchange,
|
|
11001
|
+
hideDepositFlowInfo = false,
|
|
11002
|
+
hideDisplayDescription = false,
|
|
10889
11003
|
onDepositSuccess,
|
|
10890
11004
|
onDepositError,
|
|
10891
11005
|
theme = "dark",
|
|
10892
11006
|
hideOverlay = false,
|
|
10893
|
-
initialScreen = "main"
|
|
11007
|
+
initialScreen = "main",
|
|
11008
|
+
transferCryptoTitle = t6.transferCrypto.title,
|
|
11009
|
+
depositWithCardTitle = t6.depositWithCard.title,
|
|
11010
|
+
payWithExchangeTitle = t6.payWithExchange.title,
|
|
11011
|
+
depositTrackerTitle = t6.depositTracker.title,
|
|
11012
|
+
depositTrackerSubTitle = t6.depositTracker.subtitle
|
|
10894
11013
|
}) {
|
|
10895
11014
|
const { colors: colors2, fonts, components } = useTheme();
|
|
10896
11015
|
const effectiveInitialScreen = (0, import_react16.useMemo)(() => {
|
|
@@ -11030,28 +11149,28 @@ function DepositModal({
|
|
|
11030
11149
|
const standaloneNeedsDepositPrereq = openingScreen !== "main" && (view === "transfer" || view === "card");
|
|
11031
11150
|
let depositPrerequisiteBody;
|
|
11032
11151
|
if (isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig) {
|
|
11033
|
-
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ (0,
|
|
11034
|
-
/* @__PURE__ */ (0,
|
|
11035
|
-
/* @__PURE__ */ (0,
|
|
11036
|
-
!hideDepositTracker && /* @__PURE__ */ (0,
|
|
11152
|
+
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
|
|
11153
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SkeletonButton, { variant: "with-icons" }),
|
|
11154
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SkeletonButton, { variant: "with-icons" }),
|
|
11155
|
+
!hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SkeletonButton, {})
|
|
11037
11156
|
] });
|
|
11038
11157
|
} else if (countryError) {
|
|
11039
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
11040
|
-
/* @__PURE__ */ (0,
|
|
11041
|
-
/* @__PURE__ */ (0,
|
|
11042
|
-
/* @__PURE__ */ (0,
|
|
11158
|
+
depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
11159
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react23.AlertTriangle, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
11160
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
|
|
11161
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "We couldn't verify your location. Please check your connection and try again." })
|
|
11043
11162
|
] });
|
|
11044
11163
|
} else if (!isAllowed) {
|
|
11045
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
11046
|
-
/* @__PURE__ */ (0,
|
|
11047
|
-
/* @__PURE__ */ (0,
|
|
11048
|
-
/* @__PURE__ */ (0,
|
|
11164
|
+
depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
11165
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react23.MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
11166
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
|
|
11167
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
|
|
11049
11168
|
] });
|
|
11050
11169
|
} else if (isAddressValid === false) {
|
|
11051
|
-
depositPrerequisiteBody = /* @__PURE__ */ (0,
|
|
11052
|
-
/* @__PURE__ */ (0,
|
|
11053
|
-
/* @__PURE__ */ (0,
|
|
11054
|
-
/* @__PURE__ */ (0,
|
|
11170
|
+
depositPrerequisiteBody = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
11171
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react23.AlertTriangle, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
11172
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
|
|
11173
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
|
|
11055
11174
|
addressFailureCode,
|
|
11056
11175
|
addressFailureMetadata
|
|
11057
11176
|
) })
|
|
@@ -11183,14 +11302,21 @@ function DepositModal({
|
|
|
11183
11302
|
setWalletSelectionModalOpen(false);
|
|
11184
11303
|
setBrowserWalletModalOpen(true);
|
|
11185
11304
|
};
|
|
11186
|
-
|
|
11305
|
+
const depositPoweredByFooter = /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11306
|
+
PoweredByUnifold,
|
|
11307
|
+
{
|
|
11308
|
+
color: colors2.foregroundMuted,
|
|
11309
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
11310
|
+
}
|
|
11311
|
+
) });
|
|
11312
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
|
|
11187
11313
|
Dialog,
|
|
11188
11314
|
{
|
|
11189
11315
|
open: hideOverlay || open,
|
|
11190
11316
|
onOpenChange: hideOverlay ? void 0 : handleClose,
|
|
11191
11317
|
modal: !hideOverlay,
|
|
11192
11318
|
children: [
|
|
11193
|
-
/* @__PURE__ */ (0,
|
|
11319
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11194
11320
|
DialogContent,
|
|
11195
11321
|
{
|
|
11196
11322
|
ref: hideOverlay ? containerCallbackRef : void 0,
|
|
@@ -11199,8 +11325,8 @@ function DepositModal({
|
|
|
11199
11325
|
style: { backgroundColor: colors2.background },
|
|
11200
11326
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
11201
11327
|
onInteractOutside: (e) => e.preventDefault(),
|
|
11202
|
-
children: /* @__PURE__ */ (0,
|
|
11203
|
-
/* @__PURE__ */ (0,
|
|
11328
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
|
|
11329
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11204
11330
|
DepositHeader,
|
|
11205
11331
|
{
|
|
11206
11332
|
title: modalTitle || "Deposit",
|
|
@@ -11215,63 +11341,66 @@ function DepositModal({
|
|
|
11215
11341
|
publishableKey
|
|
11216
11342
|
}
|
|
11217
11343
|
),
|
|
11218
|
-
/* @__PURE__ */ (0,
|
|
11219
|
-
/* @__PURE__ */ (0,
|
|
11220
|
-
|
|
11221
|
-
|
|
11222
|
-
|
|
11223
|
-
|
|
11224
|
-
|
|
11225
|
-
|
|
11226
|
-
|
|
11227
|
-
|
|
11228
|
-
|
|
11229
|
-
|
|
11230
|
-
|
|
11231
|
-
|
|
11232
|
-
|
|
11233
|
-
|
|
11234
|
-
|
|
11235
|
-
|
|
11236
|
-
|
|
11237
|
-
|
|
11238
|
-
|
|
11239
|
-
|
|
11240
|
-
|
|
11241
|
-
|
|
11242
|
-
|
|
11243
|
-
|
|
11244
|
-
|
|
11245
|
-
|
|
11246
|
-
|
|
11247
|
-
|
|
11248
|
-
|
|
11249
|
-
|
|
11250
|
-
|
|
11251
|
-
|
|
11252
|
-
|
|
11253
|
-
|
|
11254
|
-
|
|
11255
|
-
|
|
11256
|
-
|
|
11257
|
-
|
|
11258
|
-
|
|
11259
|
-
|
|
11260
|
-
|
|
11261
|
-
|
|
11262
|
-
|
|
11263
|
-
|
|
11264
|
-
|
|
11265
|
-
|
|
11266
|
-
|
|
11267
|
-
|
|
11268
|
-
|
|
11269
|
-
|
|
11270
|
-
|
|
11271
|
-
|
|
11344
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11345
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
|
|
11346
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11347
|
+
TransferCryptoButton,
|
|
11348
|
+
{
|
|
11349
|
+
onClick: () => setView("transfer"),
|
|
11350
|
+
title: transferCryptoTitle,
|
|
11351
|
+
subtitle: t6.transferCrypto.subtitle,
|
|
11352
|
+
featuredTokens: projectConfig?.transfer_crypto.networks
|
|
11353
|
+
}
|
|
11354
|
+
),
|
|
11355
|
+
enableConnectWallet && !isMobileView && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11356
|
+
BrowserWalletButton,
|
|
11357
|
+
{
|
|
11358
|
+
onClick: handleBrowserWalletClick,
|
|
11359
|
+
onConnectClick: handleWalletConnectClick,
|
|
11360
|
+
onDisconnect: handleWalletDisconnect,
|
|
11361
|
+
chainType: browserWalletChainType,
|
|
11362
|
+
publishableKey
|
|
11363
|
+
}
|
|
11364
|
+
),
|
|
11365
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11366
|
+
DepositWithCardButton,
|
|
11367
|
+
{
|
|
11368
|
+
onClick: () => setView("card"),
|
|
11369
|
+
title: depositWithCardTitle,
|
|
11370
|
+
subtitle: t6.depositWithCard.subtitle,
|
|
11371
|
+
paymentNetworks: projectConfig?.payment_networks.networks
|
|
11372
|
+
}
|
|
11373
|
+
),
|
|
11374
|
+
showPayWithExchange && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11375
|
+
PayWithExchangeButton,
|
|
11376
|
+
{
|
|
11377
|
+
onClick: () => setView("exchange"),
|
|
11378
|
+
title: payWithExchangeTitle,
|
|
11379
|
+
subtitle: t6.payWithExchange.subtitle,
|
|
11380
|
+
exchanges,
|
|
11381
|
+
loading: exchangesLoading
|
|
11382
|
+
}
|
|
11383
|
+
),
|
|
11384
|
+
!hideDepositTracker && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11385
|
+
DepositTrackerButton,
|
|
11386
|
+
{
|
|
11387
|
+
onClick: () => {
|
|
11388
|
+
setAllExecutions(depositExecutions);
|
|
11389
|
+
setView("tracker");
|
|
11390
|
+
},
|
|
11391
|
+
title: depositTrackerTitle,
|
|
11392
|
+
subtitle: depositTrackerSubTitle,
|
|
11393
|
+
badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
|
|
11394
|
+
}
|
|
11395
|
+
)
|
|
11396
|
+
] }) }),
|
|
11397
|
+
depositPoweredByFooter
|
|
11398
|
+
] })
|
|
11399
|
+
] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
|
|
11400
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11272
11401
|
DepositHeader,
|
|
11273
11402
|
{
|
|
11274
|
-
title:
|
|
11403
|
+
title: transferCryptoTitle,
|
|
11275
11404
|
showBack: showBackTransfer,
|
|
11276
11405
|
onBack: handleBack,
|
|
11277
11406
|
onClose: handleClose,
|
|
@@ -11284,67 +11413,73 @@ function DepositModal({
|
|
|
11284
11413
|
publishableKey
|
|
11285
11414
|
}
|
|
11286
11415
|
),
|
|
11287
|
-
|
|
11288
|
-
|
|
11289
|
-
|
|
11290
|
-
|
|
11291
|
-
|
|
11292
|
-
|
|
11293
|
-
|
|
11294
|
-
|
|
11295
|
-
|
|
11296
|
-
|
|
11297
|
-
|
|
11298
|
-
|
|
11299
|
-
|
|
11300
|
-
|
|
11301
|
-
|
|
11302
|
-
|
|
11303
|
-
|
|
11304
|
-
|
|
11305
|
-
|
|
11306
|
-
|
|
11307
|
-
|
|
11308
|
-
|
|
11309
|
-
|
|
11310
|
-
|
|
11311
|
-
|
|
11312
|
-
|
|
11313
|
-
|
|
11314
|
-
|
|
11315
|
-
|
|
11316
|
-
|
|
11317
|
-
|
|
11318
|
-
|
|
11319
|
-
|
|
11416
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11417
|
+
standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11418
|
+
TransferCryptoSingleInput,
|
|
11419
|
+
{
|
|
11420
|
+
userId,
|
|
11421
|
+
publishableKey,
|
|
11422
|
+
recipientAddress,
|
|
11423
|
+
destinationChainType,
|
|
11424
|
+
destinationChainId,
|
|
11425
|
+
destinationTokenAddress,
|
|
11426
|
+
depositConfirmationMode,
|
|
11427
|
+
onExecutionsChange: setDepositExecutions,
|
|
11428
|
+
onDepositSuccess,
|
|
11429
|
+
onDepositError,
|
|
11430
|
+
wallets
|
|
11431
|
+
}
|
|
11432
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11433
|
+
TransferCryptoDoubleInput,
|
|
11434
|
+
{
|
|
11435
|
+
userId,
|
|
11436
|
+
publishableKey,
|
|
11437
|
+
recipientAddress,
|
|
11438
|
+
destinationChainType,
|
|
11439
|
+
destinationChainId,
|
|
11440
|
+
destinationTokenAddress,
|
|
11441
|
+
depositConfirmationMode,
|
|
11442
|
+
onExecutionsChange: setDepositExecutions,
|
|
11443
|
+
onDepositSuccess,
|
|
11444
|
+
onDepositError,
|
|
11445
|
+
wallets
|
|
11446
|
+
}
|
|
11447
|
+
),
|
|
11448
|
+
depositPoweredByFooter
|
|
11449
|
+
] })
|
|
11450
|
+
] }) : view === "tracker" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
|
|
11451
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11320
11452
|
DepositHeader,
|
|
11321
11453
|
{
|
|
11322
|
-
title: selectedExecution ? "Deposit Details" :
|
|
11454
|
+
title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
|
|
11323
11455
|
showBack: showBackTracker,
|
|
11324
11456
|
onBack: handleBack,
|
|
11325
11457
|
onClose: handleClose
|
|
11326
11458
|
}
|
|
11327
11459
|
),
|
|
11328
|
-
/* @__PURE__ */ (0,
|
|
11329
|
-
"div",
|
|
11330
|
-
|
|
11331
|
-
|
|
11332
|
-
|
|
11333
|
-
|
|
11334
|
-
|
|
11335
|
-
|
|
11336
|
-
|
|
11337
|
-
|
|
11338
|
-
|
|
11339
|
-
|
|
11340
|
-
|
|
11341
|
-
|
|
11342
|
-
|
|
11343
|
-
|
|
11344
|
-
|
|
11460
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11461
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11462
|
+
"div",
|
|
11463
|
+
{
|
|
11464
|
+
className: "uf-text-sm",
|
|
11465
|
+
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
11466
|
+
children: "No deposits yet"
|
|
11467
|
+
}
|
|
11468
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11469
|
+
DepositExecutionItem,
|
|
11470
|
+
{
|
|
11471
|
+
execution,
|
|
11472
|
+
onClick: () => setSelectedExecution(execution)
|
|
11473
|
+
},
|
|
11474
|
+
execution.id
|
|
11475
|
+
)) }) }),
|
|
11476
|
+
depositPoweredByFooter
|
|
11477
|
+
] })
|
|
11478
|
+
] }) : view === "card" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
|
|
11479
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11345
11480
|
DepositHeader,
|
|
11346
11481
|
{
|
|
11347
|
-
title: cardView === "quotes" ? t6.quotes :
|
|
11482
|
+
title: cardView === "quotes" ? t6.quotes : depositWithCardTitle,
|
|
11348
11483
|
showBack: showBackCard,
|
|
11349
11484
|
onBack: handleBack,
|
|
11350
11485
|
onClose: handleClose,
|
|
@@ -11358,58 +11493,66 @@ function DepositModal({
|
|
|
11358
11493
|
publishableKey
|
|
11359
11494
|
}
|
|
11360
11495
|
),
|
|
11361
|
-
|
|
11362
|
-
|
|
11363
|
-
|
|
11364
|
-
|
|
11365
|
-
|
|
11366
|
-
|
|
11367
|
-
|
|
11368
|
-
|
|
11369
|
-
|
|
11370
|
-
|
|
11371
|
-
|
|
11372
|
-
|
|
11373
|
-
|
|
11374
|
-
|
|
11375
|
-
|
|
11376
|
-
|
|
11377
|
-
|
|
11378
|
-
|
|
11379
|
-
|
|
11380
|
-
|
|
11381
|
-
|
|
11496
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11497
|
+
standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11498
|
+
BuyWithCard,
|
|
11499
|
+
{
|
|
11500
|
+
userId,
|
|
11501
|
+
publishableKey,
|
|
11502
|
+
view: cardView,
|
|
11503
|
+
onViewChange: handleCardViewChange,
|
|
11504
|
+
destinationTokenSymbol,
|
|
11505
|
+
recipientAddress,
|
|
11506
|
+
destinationChainType,
|
|
11507
|
+
destinationChainId,
|
|
11508
|
+
destinationTokenAddress,
|
|
11509
|
+
onDepositSuccess,
|
|
11510
|
+
onDepositError,
|
|
11511
|
+
themeClass,
|
|
11512
|
+
wallets,
|
|
11513
|
+
assetCdnUrl: projectConfig?.asset_cdn_url,
|
|
11514
|
+
hideDepositFlowInfo,
|
|
11515
|
+
hideDisplayDescription
|
|
11516
|
+
}
|
|
11517
|
+
),
|
|
11518
|
+
depositPoweredByFooter
|
|
11519
|
+
] })
|
|
11520
|
+
] }) : view === "exchange" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
|
|
11521
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11382
11522
|
DepositHeader,
|
|
11383
11523
|
{
|
|
11384
|
-
title:
|
|
11524
|
+
title: payWithExchangeTitle,
|
|
11385
11525
|
showBack: true,
|
|
11386
11526
|
onBack: handleBack,
|
|
11387
11527
|
onClose: handleClose
|
|
11388
11528
|
}
|
|
11389
11529
|
),
|
|
11390
|
-
/* @__PURE__ */ (0,
|
|
11391
|
-
|
|
11392
|
-
|
|
11393
|
-
|
|
11394
|
-
|
|
11395
|
-
|
|
11396
|
-
|
|
11397
|
-
|
|
11398
|
-
|
|
11399
|
-
|
|
11400
|
-
|
|
11401
|
-
|
|
11402
|
-
|
|
11403
|
-
|
|
11404
|
-
|
|
11405
|
-
|
|
11406
|
-
|
|
11407
|
-
|
|
11408
|
-
|
|
11530
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11531
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11532
|
+
PayWithExchange,
|
|
11533
|
+
{
|
|
11534
|
+
userId,
|
|
11535
|
+
publishableKey,
|
|
11536
|
+
exchanges,
|
|
11537
|
+
view: exchangeView,
|
|
11538
|
+
onViewChange: setExchangeView,
|
|
11539
|
+
destinationTokenSymbol,
|
|
11540
|
+
recipientAddress,
|
|
11541
|
+
destinationChainType,
|
|
11542
|
+
destinationChainId,
|
|
11543
|
+
destinationTokenAddress,
|
|
11544
|
+
onDepositSuccess,
|
|
11545
|
+
onDepositError,
|
|
11546
|
+
wallets,
|
|
11547
|
+
defaultToken: defaultToken ?? null
|
|
11548
|
+
}
|
|
11549
|
+
),
|
|
11550
|
+
depositPoweredByFooter
|
|
11551
|
+
] })
|
|
11409
11552
|
] }) : null })
|
|
11410
11553
|
}
|
|
11411
11554
|
),
|
|
11412
|
-
/* @__PURE__ */ (0,
|
|
11555
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11413
11556
|
WalletSelectionModal,
|
|
11414
11557
|
{
|
|
11415
11558
|
open: walletSelectionModalOpen,
|
|
@@ -11419,7 +11562,7 @@ function DepositModal({
|
|
|
11419
11562
|
theme: resolvedTheme
|
|
11420
11563
|
}
|
|
11421
11564
|
),
|
|
11422
|
-
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0,
|
|
11565
|
+
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
11423
11566
|
BrowserWalletModal,
|
|
11424
11567
|
{
|
|
11425
11568
|
open: browserWalletModalOpen,
|
|
@@ -11458,7 +11601,7 @@ function DepositModal({
|
|
|
11458
11601
|
var React28 = __toESM(require("react"));
|
|
11459
11602
|
var import_react_slot = require("@radix-ui/react-slot");
|
|
11460
11603
|
var import_class_variance_authority = require("class-variance-authority");
|
|
11461
|
-
var
|
|
11604
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
11462
11605
|
var buttonVariants = (0, import_class_variance_authority.cva)(
|
|
11463
11606
|
"uf-inline-flex uf-items-center uf-justify-center uf-whitespace-nowrap uf-rounded-md uf-text-sm uf-font-medium uf-ring-offset-background uf-transition-colors focus-visible:uf-outline-none focus-visible:uf-ring-2 focus-visible:uf-ring-ring focus-visible:uf-ring-offset-2 disabled:uf-pointer-events-none disabled:uf-opacity-50",
|
|
11464
11607
|
{
|
|
@@ -11502,7 +11645,7 @@ var Button = React28.forwardRef(
|
|
|
11502
11645
|
}
|
|
11503
11646
|
return baseStyle;
|
|
11504
11647
|
}, [variant, components, fonts, style]);
|
|
11505
|
-
return /* @__PURE__ */ (0,
|
|
11648
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
11506
11649
|
Comp,
|
|
11507
11650
|
{
|
|
11508
11651
|
className: cn(buttonVariants({ variant, size, className })),
|