@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.mjs
CHANGED
|
@@ -1311,6 +1311,10 @@ var en_default = {
|
|
|
1311
1311
|
payWithExchange: {
|
|
1312
1312
|
title: "Pay with Exchange",
|
|
1313
1313
|
subtitle: "Transfer from exchange"
|
|
1314
|
+
},
|
|
1315
|
+
depositTracker: {
|
|
1316
|
+
title: "Deposit Tracker",
|
|
1317
|
+
subtitle: "Track your deposit progress"
|
|
1314
1318
|
}
|
|
1315
1319
|
},
|
|
1316
1320
|
payWithExchange: {
|
|
@@ -2303,7 +2307,9 @@ function BuyWithCard({
|
|
|
2303
2307
|
onDepositError,
|
|
2304
2308
|
themeClass = "",
|
|
2305
2309
|
wallets: externalWallets,
|
|
2306
|
-
assetCdnUrl
|
|
2310
|
+
assetCdnUrl,
|
|
2311
|
+
hideDepositFlowInfo = false,
|
|
2312
|
+
hideDisplayDescription = false
|
|
2307
2313
|
}) {
|
|
2308
2314
|
const { colors: colors2, fonts, components } = useTheme();
|
|
2309
2315
|
const [amount, setAmount] = useState9("");
|
|
@@ -3122,7 +3128,7 @@ function BuyWithCard({
|
|
|
3122
3128
|
children: t.onramp.canCloseModal
|
|
3123
3129
|
}
|
|
3124
3130
|
),
|
|
3125
|
-
/* @__PURE__ */ jsx10("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
3131
|
+
!hideDepositFlowInfo && /* @__PURE__ */ jsx10("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
3126
3132
|
/* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
|
|
3127
3133
|
/* @__PURE__ */ jsx10("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ jsx10(
|
|
3128
3134
|
"img",
|
|
@@ -3236,7 +3242,7 @@ function BuyWithCard({
|
|
|
3236
3242
|
)
|
|
3237
3243
|
] })
|
|
3238
3244
|
] }) }),
|
|
3239
|
-
/* @__PURE__ */ jsx10("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__ */ jsx10(
|
|
3245
|
+
!hideDisplayDescription && /* @__PURE__ */ jsx10("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__ */ jsx10(
|
|
3240
3246
|
"p",
|
|
3241
3247
|
{
|
|
3242
3248
|
className: "uf-text-xs uf-leading-relaxed",
|
|
@@ -5946,8 +5952,9 @@ function WalletIconWithNetwork({
|
|
|
5946
5952
|
const hasEthereum = networks.includes("ethereum");
|
|
5947
5953
|
const hasSolana = networks.includes("solana");
|
|
5948
5954
|
const hasMultiple = hasEthereum && hasSolana;
|
|
5949
|
-
const
|
|
5950
|
-
const
|
|
5955
|
+
const badgeOutset = 4;
|
|
5956
|
+
const badgeSize = Math.round(size * 0.5);
|
|
5957
|
+
const iconSize = Math.round(badgeSize * 0.76);
|
|
5951
5958
|
return /* @__PURE__ */ jsxs27(
|
|
5952
5959
|
"div",
|
|
5953
5960
|
{
|
|
@@ -5957,39 +5964,46 @@ function WalletIconWithNetwork({
|
|
|
5957
5964
|
/* @__PURE__ */ jsx29(WalletIcon, { size, className, variant }),
|
|
5958
5965
|
hasMultiple ? (
|
|
5959
5966
|
// Multiple networks: overlapping badges
|
|
5960
|
-
/* @__PURE__ */ jsxs27(
|
|
5961
|
-
|
|
5962
|
-
|
|
5963
|
-
|
|
5964
|
-
|
|
5965
|
-
|
|
5966
|
-
|
|
5967
|
-
|
|
5968
|
-
|
|
5969
|
-
|
|
5970
|
-
|
|
5971
|
-
|
|
5972
|
-
|
|
5973
|
-
|
|
5974
|
-
|
|
5975
|
-
|
|
5976
|
-
|
|
5977
|
-
|
|
5978
|
-
|
|
5979
|
-
|
|
5980
|
-
|
|
5981
|
-
|
|
5982
|
-
|
|
5983
|
-
|
|
5984
|
-
|
|
5985
|
-
|
|
5986
|
-
|
|
5987
|
-
|
|
5988
|
-
|
|
5989
|
-
|
|
5990
|
-
|
|
5991
|
-
|
|
5992
|
-
|
|
5967
|
+
/* @__PURE__ */ jsxs27(
|
|
5968
|
+
"div",
|
|
5969
|
+
{
|
|
5970
|
+
className: "uf-absolute",
|
|
5971
|
+
style: { bottom: -2, right: -badgeOutset },
|
|
5972
|
+
children: [
|
|
5973
|
+
/* @__PURE__ */ jsx29(
|
|
5974
|
+
"div",
|
|
5975
|
+
{
|
|
5976
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
5977
|
+
style: {
|
|
5978
|
+
width: badgeSize,
|
|
5979
|
+
height: badgeSize,
|
|
5980
|
+
backgroundColor: "#000",
|
|
5981
|
+
border: "2px solid #fff",
|
|
5982
|
+
// Rear badge sits left of the front; +1px on offset shows slightly more of the rear network
|
|
5983
|
+
right: Math.round(badgeSize * 0.5) + 1,
|
|
5984
|
+
bottom: 0
|
|
5985
|
+
},
|
|
5986
|
+
children: /* @__PURE__ */ jsx29(SolanaIcon, { size: iconSize, variant: "color" })
|
|
5987
|
+
}
|
|
5988
|
+
),
|
|
5989
|
+
/* @__PURE__ */ jsx29(
|
|
5990
|
+
"div",
|
|
5991
|
+
{
|
|
5992
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
5993
|
+
style: {
|
|
5994
|
+
width: badgeSize,
|
|
5995
|
+
height: badgeSize,
|
|
5996
|
+
backgroundColor: "#627EEA",
|
|
5997
|
+
border: "2px solid #fff",
|
|
5998
|
+
right: 0,
|
|
5999
|
+
bottom: 0
|
|
6000
|
+
},
|
|
6001
|
+
children: /* @__PURE__ */ jsx29(EthereumIcon, { size: iconSize, variant: "light" })
|
|
6002
|
+
}
|
|
6003
|
+
)
|
|
6004
|
+
]
|
|
6005
|
+
}
|
|
6006
|
+
)
|
|
5993
6007
|
) : (
|
|
5994
6008
|
// Single network
|
|
5995
6009
|
/* @__PURE__ */ jsxs27(
|
|
@@ -5998,7 +6012,7 @@ function WalletIconWithNetwork({
|
|
|
5998
6012
|
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
5999
6013
|
style: {
|
|
6000
6014
|
bottom: -2,
|
|
6001
|
-
right: -
|
|
6015
|
+
right: -badgeOutset,
|
|
6002
6016
|
width: badgeSize,
|
|
6003
6017
|
height: badgeSize,
|
|
6004
6018
|
backgroundColor: hasEthereum ? "#627EEA" : "#000",
|
|
@@ -6079,7 +6093,7 @@ function BrowserWalletButton({
|
|
|
6079
6093
|
chainType,
|
|
6080
6094
|
publishableKey
|
|
6081
6095
|
}) {
|
|
6082
|
-
const { colors: colors2, fonts, components
|
|
6096
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
6083
6097
|
const [isHovered, setIsHovered] = React21.useState(false);
|
|
6084
6098
|
const [isTouchDevice, setIsTouchDevice] = React21.useState(false);
|
|
6085
6099
|
const [wallet, setWallet] = React21.useState(null);
|
|
@@ -6087,7 +6101,6 @@ function BrowserWalletButton({
|
|
|
6087
6101
|
const [isConnecting, setIsConnecting] = React21.useState(false);
|
|
6088
6102
|
const [balanceText, setBalanceText] = React21.useState(null);
|
|
6089
6103
|
const [isLoadingBalance, setIsLoadingBalance] = React21.useState(false);
|
|
6090
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
6091
6104
|
const onDisconnectRef = React21.useRef(onDisconnect);
|
|
6092
6105
|
onDisconnectRef.current = onDisconnect;
|
|
6093
6106
|
React21.useEffect(() => {
|
|
@@ -6446,12 +6459,12 @@ function BrowserWalletButton({
|
|
|
6446
6459
|
wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React21.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
|
|
6447
6460
|
size: 36,
|
|
6448
6461
|
className: "uf-rounded-lg",
|
|
6449
|
-
variant:
|
|
6462
|
+
variant: "color"
|
|
6450
6463
|
}) : /* @__PURE__ */ jsx30("div", { className: "uf-w-9 uf-h-9 uf-rounded-lg uf-bg-gray-500" }) : /* @__PURE__ */ jsx30("div", { className: "uf-rounded-lg uf-p-2", children: /* @__PURE__ */ jsx30(
|
|
6451
6464
|
Wallet,
|
|
6452
6465
|
{
|
|
6453
6466
|
className: "uf-w-5 uf-h-5",
|
|
6454
|
-
style: { color:
|
|
6467
|
+
style: { color: components.card.iconColor }
|
|
6455
6468
|
}
|
|
6456
6469
|
) }),
|
|
6457
6470
|
/* @__PURE__ */ jsxs28("div", { className: "uf-text-left", children: [
|
|
@@ -6913,9 +6926,68 @@ function ThemeStyleInjector({
|
|
|
6913
6926
|
return /* @__PURE__ */ jsx32("div", { className: cn(mode === "dark" ? "uf-dark" : "", className), style: cssVars, children });
|
|
6914
6927
|
}
|
|
6915
6928
|
|
|
6929
|
+
// src/components/shared/PoweredByUnifold.tsx
|
|
6930
|
+
import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
6931
|
+
var VIEW_W = 538;
|
|
6932
|
+
var VIEW_H = 53;
|
|
6933
|
+
var SIZE_MAX_WIDTH = {
|
|
6934
|
+
sm: 128,
|
|
6935
|
+
md: 152,
|
|
6936
|
+
lg: 216
|
|
6937
|
+
};
|
|
6938
|
+
function PoweredByUnifold({
|
|
6939
|
+
color,
|
|
6940
|
+
className,
|
|
6941
|
+
size = "sm",
|
|
6942
|
+
maxWidth: maxWidthProp
|
|
6943
|
+
}) {
|
|
6944
|
+
const maxWidth = maxWidthProp ?? SIZE_MAX_WIDTH[size];
|
|
6945
|
+
const height = Math.round(maxWidth / VIEW_W * VIEW_H);
|
|
6946
|
+
return /* @__PURE__ */ jsx33(
|
|
6947
|
+
"div",
|
|
6948
|
+
{
|
|
6949
|
+
className,
|
|
6950
|
+
style: { color, lineHeight: 0 },
|
|
6951
|
+
role: "img",
|
|
6952
|
+
"aria-label": "Powered by Unifold",
|
|
6953
|
+
children: /* @__PURE__ */ jsxs29(
|
|
6954
|
+
"svg",
|
|
6955
|
+
{
|
|
6956
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6957
|
+
width: maxWidth,
|
|
6958
|
+
height,
|
|
6959
|
+
viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
|
|
6960
|
+
fill: "none",
|
|
6961
|
+
className: "uf-block uf-max-w-full uf-h-auto",
|
|
6962
|
+
children: [
|
|
6963
|
+
/* @__PURE__ */ jsx33("path", { d: "M14.796 25.746H5.184V42H0V3.22803H14.796C19.044 3.22803 22.338 4.21803 24.678 6.19803C27.054 8.14203 28.242 10.896 28.242 14.46C28.242 18.024 27.054 20.796 24.678 22.776C22.302 24.756 19.008 25.746 14.796 25.746ZM5.184 7.71003V21.264H14.526C17.298 21.264 19.422 20.688 20.898 19.536C22.374 18.348 23.112 16.656 23.112 14.46C23.112 12.3 22.374 10.644 20.898 9.49203C19.422 8.30403 17.298 7.71003 14.526 7.71003H5.184Z", fill: "currentColor" }),
|
|
6964
|
+
/* @__PURE__ */ jsx33("path", { d: "M53.0082 17.592C54.1242 18.888 54.9702 20.418 55.5462 22.182C56.1222 23.946 56.4102 25.854 56.4102 27.906C56.4102 29.958 56.1222 31.866 55.5462 33.63C54.9702 35.394 54.1242 36.924 53.0082 38.22C51.8202 39.624 50.3802 40.704 48.6882 41.46C47.0322 42.216 45.2322 42.594 43.2882 42.594C41.3442 42.594 39.5262 42.216 37.8342 41.46C36.1782 40.704 34.7562 39.624 33.5682 38.22C32.4522 36.924 31.6062 35.394 31.0302 33.63C30.4542 31.866 30.1662 29.958 30.1662 27.906C30.1662 25.854 30.4542 23.946 31.0302 22.182C31.6062 20.418 32.4522 18.888 33.5682 17.592C34.7562 16.188 36.1782 15.108 37.8342 14.352C39.5262 13.596 41.3442 13.218 43.2882 13.218C45.2322 13.218 47.0322 13.596 48.6882 14.352C50.3802 15.108 51.8202 16.188 53.0082 17.592ZM43.2882 17.322C40.8042 17.322 38.8062 18.276 37.2942 20.184C35.8182 22.092 35.0802 24.666 35.0802 27.906C35.0802 31.11 35.8182 33.666 37.2942 35.574C38.8062 37.482 40.8042 38.436 43.2882 38.436C45.7722 38.436 47.7522 37.482 49.2282 35.574C50.7402 33.666 51.4962 31.11 51.4962 27.906C51.4962 24.666 50.7402 22.092 49.2282 20.184C47.7522 18.276 45.7722 17.322 43.2882 17.322Z", fill: "currentColor" }),
|
|
6965
|
+
/* @__PURE__ */ jsx33("path", { d: "M69.6773 34.764L75.5093 13.758H79.6133L85.4453 34.818L91.3313 13.758H96.1913L87.6053 42H83.3393L77.4533 21.048L71.5673 42H67.3013L58.7153 13.758H63.7373L69.6773 34.764Z", fill: "currentColor" }),
|
|
6966
|
+
/* @__PURE__ */ jsx33("path", { d: "M111.687 42.594C109.707 42.594 107.871 42.234 106.179 41.514C104.523 40.758 103.101 39.66 101.913 38.22C100.797 36.924 99.9332 35.394 99.3212 33.63C98.7452 31.866 98.4572 29.958 98.4572 27.906C98.4572 25.926 98.7452 24.054 99.3212 22.29C99.8972 20.526 100.743 18.978 101.859 17.646C103.047 16.206 104.469 15.108 106.125 14.352C107.781 13.596 109.563 13.218 111.471 13.218C115.179 13.218 118.113 14.478 120.273 16.998C122.433 19.518 123.513 22.866 123.513 27.042V28.662H103.101C103.245 31.614 104.091 33.972 105.639 35.736C107.187 37.5 109.203 38.382 111.687 38.382C113.559 38.382 115.143 37.914 116.439 36.978C117.735 36.006 118.599 34.674 119.031 32.982L123.297 34.494C122.433 37.05 120.975 39.048 118.923 40.488C116.871 41.892 114.459 42.594 111.687 42.594ZM111.417 17.376C109.329 17.376 107.565 18.042 106.125 19.374C104.721 20.706 103.803 22.56 103.371 24.936H118.599C118.527 22.632 117.861 20.796 116.601 19.428C115.341 18.06 113.613 17.376 111.417 17.376Z", fill: "currentColor" }),
|
|
6967
|
+
/* @__PURE__ */ jsx33("path", { d: "M142.253 13.542C142.577 13.542 142.901 13.56 143.225 13.596C143.549 13.596 143.873 13.614 144.197 13.65V18.564C143.801 18.492 143.423 18.438 143.063 18.402C142.703 18.366 142.289 18.348 141.821 18.348C139.697 18.348 137.933 19.122 136.529 20.67C135.125 22.182 134.423 24.144 134.423 26.556V42H129.563V13.758H134.423V18.564C135.107 17.016 136.133 15.792 137.501 14.892C138.905 13.992 140.489 13.542 142.253 13.542Z", fill: "currentColor" }),
|
|
6968
|
+
/* @__PURE__ */ jsx33("path", { d: "M159.675 42.594C157.695 42.594 155.859 42.234 154.167 41.514C152.511 40.758 151.089 39.66 149.901 38.22C148.785 36.924 147.921 35.394 147.309 33.63C146.733 31.866 146.445 29.958 146.445 27.906C146.445 25.926 146.733 24.054 147.309 22.29C147.885 20.526 148.731 18.978 149.847 17.646C151.035 16.206 152.457 15.108 154.113 14.352C155.769 13.596 157.551 13.218 159.459 13.218C163.167 13.218 166.101 14.478 168.261 16.998C170.421 19.518 171.501 22.866 171.501 27.042V28.662H151.089C151.233 31.614 152.079 33.972 153.627 35.736C155.175 37.5 157.191 38.382 159.675 38.382C161.547 38.382 163.131 37.914 164.427 36.978C165.723 36.006 166.587 34.674 167.019 32.982L171.285 34.494C170.421 37.05 168.963 39.048 166.911 40.488C164.859 41.892 162.447 42.594 159.675 42.594ZM159.405 17.376C157.317 17.376 155.553 18.042 154.113 19.374C152.709 20.706 151.791 22.56 151.359 24.936H166.587C166.515 22.632 165.849 20.796 164.589 19.428C163.329 18.06 161.601 17.376 159.405 17.376Z", fill: "currentColor" }),
|
|
6969
|
+
/* @__PURE__ */ jsx33("path", { d: "M187.92 42.594C186.012 42.594 184.266 42.216 182.682 41.46C181.134 40.668 179.802 39.534 178.686 38.058C177.678 36.726 176.904 35.196 176.364 33.468C175.86 31.704 175.608 29.85 175.608 27.906C175.608 25.926 175.86 24.072 176.364 22.344C176.904 20.616 177.66 19.086 178.632 17.754C179.748 16.278 181.098 15.162 182.682 14.406C184.266 13.614 186.012 13.218 187.92 13.218C189.792 13.218 191.484 13.632 192.996 14.46C194.544 15.288 195.768 16.422 196.668 17.862V3.22803H201.528V42H196.668V37.896C195.804 39.372 194.598 40.524 193.05 41.352C191.502 42.18 189.792 42.594 187.92 42.594ZM196.776 28.932V26.934C196.776 24.018 196.02 21.714 194.508 20.022C193.032 18.33 191.124 17.484 188.784 17.484C186.228 17.484 184.212 18.438 182.736 20.346C181.26 22.218 180.522 24.738 180.522 27.906C180.522 31.074 181.26 33.612 182.736 35.52C184.248 37.392 186.264 38.328 188.784 38.328C191.124 38.328 193.032 37.482 194.508 35.79C196.02 34.098 196.776 31.812 196.776 28.932Z", fill: "currentColor" }),
|
|
6970
|
+
/* @__PURE__ */ jsx33("path", { d: "M243.794 38.058C242.678 39.534 241.328 40.668 239.744 41.46C238.196 42.216 236.468 42.594 234.56 42.594C232.688 42.594 230.978 42.18 229.43 41.352C227.882 40.524 226.676 39.372 225.812 37.896V42H220.952V3.22803H225.812V17.862C226.712 16.422 227.918 15.288 229.43 14.46C230.978 13.632 232.688 13.218 234.56 13.218C236.468 13.218 238.214 13.614 239.798 14.406C241.382 15.162 242.732 16.278 243.848 17.754C244.82 19.086 245.558 20.616 246.062 22.344C246.602 24.072 246.872 25.926 246.872 27.906C246.872 29.85 246.602 31.704 246.062 33.468C245.558 35.196 244.802 36.726 243.794 38.058ZM233.696 17.484C231.356 17.484 229.43 18.33 227.918 20.022C226.442 21.714 225.704 24.018 225.704 26.934V28.932C225.704 31.812 226.442 34.098 227.918 35.79C229.43 37.482 231.356 38.328 233.696 38.328C236.216 38.328 238.214 37.392 239.69 35.52C241.202 33.612 241.958 31.074 241.958 27.906C241.958 24.738 241.22 22.218 239.744 20.346C238.268 18.438 236.252 17.484 233.696 17.484Z", fill: "currentColor" }),
|
|
6971
|
+
/* @__PURE__ */ jsx33("path", { d: "M275.008 13.758L262.858 45.078C261.886 47.598 260.716 49.38 259.348 50.424C257.98 51.504 256.234 52.044 254.11 52.044C253.534 52.044 253.048 52.026 252.652 51.99C252.292 51.954 251.896 51.9 251.464 51.828V47.616C251.896 47.724 252.274 47.796 252.598 47.832C252.958 47.868 253.354 47.886 253.786 47.886C254.902 47.886 255.766 47.616 256.378 47.076C257.026 46.572 257.62 45.654 258.16 44.322L259.51 40.974L249.034 13.758H254.164L262.102 35.358L269.932 13.758H275.008Z", fill: "currentColor" }),
|
|
6972
|
+
/* @__PURE__ */ jsx33("path", { d: "M310.386 0V26.7073C310.386 34.9642 316.734 37.7847 320.266 37.7847C324.205 37.7847 325.092 34.8254 325.092 28.4171C325.092 22.0088 325.129 0 325.129 0H338.734V26.3419C338.734 35.673 333.65 40.9049 327.693 42.0228C327.693 42.0228 323.644 48 314.872 48C305.508 48 294.734 42.0374 294.734 23.8064V1.79753C294.734 1.79753 298.991 0 303.602 0H310.386Z", fill: "currentColor" }),
|
|
6973
|
+
/* @__PURE__ */ jsx33("path", { d: "M386.974 27.31C386.974 31.89 383.254 35.61 378.674 35.61C374.094 35.61 370.374 31.89 370.374 27.31V2.96997H362.544V28.7C362.544 36.51 368.144 42.84 378.434 42.84H379.334C389.014 42.84 394.814 36.51 394.814 28.7V2.96997H386.984V27.31H386.974Z", fill: "currentColor" }),
|
|
6974
|
+
/* @__PURE__ */ jsx33("path", { d: "M417.004 12.47C409.634 12.47 408.004 19.18 408.004 19.18V12.76H400.474V42.25H408.504V24.15C408.504 21.13 410.944 18.69 413.964 18.69C416.984 18.69 419.424 21.13 419.424 24.15V42.25H427.324V24.6C427.324 17.36 424.364 12.47 417.004 12.47Z", fill: "currentColor" }),
|
|
6975
|
+
/* @__PURE__ */ jsx33("path", { d: "M440.704 12.9302H432.724V42.2602H440.704V12.9302Z", fill: "currentColor" }),
|
|
6976
|
+
/* @__PURE__ */ jsx33("path", { d: "M504.904 2.96997H496.924V42.25H504.904V2.96997Z", fill: "currentColor" }),
|
|
6977
|
+
/* @__PURE__ */ jsx33("path", { d: "M529.474 2.96997V17.96C528.294 15.93 525.554 12.36 520.884 12.36C514.354 12.36 508.824 16.64 508.824 27.59C508.824 38.54 514.354 42.82 520.884 42.82C525.554 42.82 528.284 39.26 529.474 37.22V42.25H537.454V2.96997H529.474ZM523.184 36.41C518.894 36.41 516.944 32.58 516.944 27.59C516.944 22.6 518.884 18.77 523.184 18.77C527.484 18.77 529.484 22.35 529.484 27.59C529.484 32.83 527.484 36.41 523.184 36.41Z", fill: "currentColor" }),
|
|
6978
|
+
/* @__PURE__ */ jsx33("path", { d: "M436.714 0.840088C434.484 0.840088 432.664 2.65009 432.664 4.89009C432.664 7.13009 434.474 8.94009 436.714 8.94009C438.954 8.94009 440.764 7.13009 440.764 4.89009C440.764 2.65009 438.954 0.840088 436.714 0.840088Z", fill: "currentColor" }),
|
|
6979
|
+
/* @__PURE__ */ jsx33("path", { d: "M459.724 7.35012C461.424 7.35012 462.214 7.95013 462.214 7.95013L463.774 1.88013C463.774 1.88013 461.804 1.13013 457.934 1.13013C457.764 1.13013 457.594 1.13013 457.414 1.13013C452.454 1.20013 448.444 5.23012 448.444 10.1901V12.9201H443.124V18.7601H448.444V42.2501H456.104V18.7601H462.554V12.9201H456.104V11.2901C456.104 8.27013 458.014 7.34013 459.714 7.34013L459.724 7.35012Z", fill: "currentColor" }),
|
|
6980
|
+
/* @__PURE__ */ jsx33("path", { d: "M478.364 12.3601C470.404 12.3601 463.964 19.1801 463.964 27.5901C463.964 36.0001 470.414 42.8201 478.364 42.8201C486.314 42.8201 492.764 36.0001 492.764 27.5901C492.764 19.1801 486.314 12.3601 478.364 12.3601ZM478.364 36.4101C473.714 36.4101 471.714 32.4601 471.714 27.5901C471.714 22.7201 473.494 18.7701 478.364 18.7701C483.234 18.7701 485.014 22.7201 485.014 27.5901C485.014 32.4601 483.024 36.4101 478.364 36.4101Z", fill: "currentColor" })
|
|
6981
|
+
]
|
|
6982
|
+
}
|
|
6983
|
+
)
|
|
6984
|
+
}
|
|
6985
|
+
);
|
|
6986
|
+
}
|
|
6987
|
+
|
|
6916
6988
|
// src/components/deposits/DepositsModal.tsx
|
|
6917
6989
|
import { queryExecutions as queryExecutions2 } from "@unifold/core";
|
|
6918
|
-
import { Fragment as Fragment3, jsx as
|
|
6990
|
+
import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
6919
6991
|
function DepositsModal({
|
|
6920
6992
|
open,
|
|
6921
6993
|
onOpenChange,
|
|
@@ -6969,8 +7041,8 @@ function DepositsModal({
|
|
|
6969
7041
|
const handleExecutionClick = (execution) => {
|
|
6970
7042
|
setSelectedExecution(execution);
|
|
6971
7043
|
};
|
|
6972
|
-
const content = selectedExecution ? /* @__PURE__ */
|
|
6973
|
-
/* @__PURE__ */
|
|
7044
|
+
const content = selectedExecution ? /* @__PURE__ */ jsxs30(Fragment3, { children: [
|
|
7045
|
+
/* @__PURE__ */ jsx34(
|
|
6974
7046
|
DepositHeader,
|
|
6975
7047
|
{
|
|
6976
7048
|
title: "Deposit Details",
|
|
@@ -6979,9 +7051,9 @@ function DepositsModal({
|
|
|
6979
7051
|
onClose: handleClose
|
|
6980
7052
|
}
|
|
6981
7053
|
),
|
|
6982
|
-
/* @__PURE__ */
|
|
6983
|
-
] }) : /* @__PURE__ */
|
|
6984
|
-
/* @__PURE__ */
|
|
7054
|
+
/* @__PURE__ */ jsx34("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx34(DepositDetailContent, { execution: selectedExecution }) })
|
|
7055
|
+
] }) : /* @__PURE__ */ jsxs30(Fragment3, { children: [
|
|
7056
|
+
/* @__PURE__ */ jsx34(
|
|
6985
7057
|
DepositHeader,
|
|
6986
7058
|
{
|
|
6987
7059
|
title: "Deposit Tracker",
|
|
@@ -6990,14 +7062,14 @@ function DepositsModal({
|
|
|
6990
7062
|
onClose: handleClose
|
|
6991
7063
|
}
|
|
6992
7064
|
),
|
|
6993
|
-
/* @__PURE__ */
|
|
7065
|
+
/* @__PURE__ */ jsx34("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx34("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx34("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx34(
|
|
6994
7066
|
"div",
|
|
6995
7067
|
{
|
|
6996
7068
|
className: "uf-text-sm",
|
|
6997
7069
|
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
6998
7070
|
children: "No deposits yet"
|
|
6999
7071
|
}
|
|
7000
|
-
) }) : allExecutions.map((execution) => /* @__PURE__ */
|
|
7072
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx34(
|
|
7001
7073
|
DepositExecutionItem,
|
|
7002
7074
|
{
|
|
7003
7075
|
execution,
|
|
@@ -7006,12 +7078,21 @@ function DepositsModal({
|
|
|
7006
7078
|
execution.id
|
|
7007
7079
|
)) }) })
|
|
7008
7080
|
] });
|
|
7009
|
-
return /* @__PURE__ */
|
|
7081
|
+
return /* @__PURE__ */ jsx34(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx34(
|
|
7010
7082
|
DialogContent,
|
|
7011
7083
|
{
|
|
7012
7084
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
7013
7085
|
style: { backgroundColor: colors2.background },
|
|
7014
|
-
children: /* @__PURE__ */
|
|
7086
|
+
children: /* @__PURE__ */ jsxs30(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: [
|
|
7087
|
+
content,
|
|
7088
|
+
/* @__PURE__ */ jsx34("div", { className: "uf-pt-3 uf-shrink-0", children: /* @__PURE__ */ jsx34(
|
|
7089
|
+
PoweredByUnifold,
|
|
7090
|
+
{
|
|
7091
|
+
color: colors2.foregroundMuted,
|
|
7092
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
7093
|
+
}
|
|
7094
|
+
) })
|
|
7095
|
+
] })
|
|
7015
7096
|
}
|
|
7016
7097
|
) });
|
|
7017
7098
|
}
|
|
@@ -7019,7 +7100,7 @@ function DepositsModal({
|
|
|
7019
7100
|
// src/components/deposits/TokenSelectorSheet.tsx
|
|
7020
7101
|
import { useState as useState18, useMemo as useMemo3, useEffect as useEffect15 } from "react";
|
|
7021
7102
|
import { ArrowLeft as ArrowLeft2, X as X4 } from "lucide-react";
|
|
7022
|
-
import { jsx as
|
|
7103
|
+
import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
7023
7104
|
var STORAGE_KEY = "unifold_recent_tokens";
|
|
7024
7105
|
var MAX_RECENT_TOKENS = 5;
|
|
7025
7106
|
var COMMON_TOKENS = [
|
|
@@ -7150,7 +7231,7 @@ function TokenSelectorSheet({
|
|
|
7150
7231
|
onOpenChange(false);
|
|
7151
7232
|
};
|
|
7152
7233
|
if (!open) return null;
|
|
7153
|
-
return /* @__PURE__ */
|
|
7234
|
+
return /* @__PURE__ */ jsxs31(
|
|
7154
7235
|
"div",
|
|
7155
7236
|
{
|
|
7156
7237
|
className: `${themeClass} uf-px-6`,
|
|
@@ -7165,18 +7246,18 @@ function TokenSelectorSheet({
|
|
|
7165
7246
|
backgroundColor: colors2.background
|
|
7166
7247
|
},
|
|
7167
7248
|
children: [
|
|
7168
|
-
/* @__PURE__ */
|
|
7169
|
-
/* @__PURE__ */
|
|
7249
|
+
/* @__PURE__ */ jsxs31("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
|
|
7250
|
+
/* @__PURE__ */ jsx35(
|
|
7170
7251
|
"button",
|
|
7171
7252
|
{
|
|
7172
7253
|
type: "button",
|
|
7173
7254
|
onClick: () => onOpenChange(false),
|
|
7174
7255
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors",
|
|
7175
7256
|
style: { color: components.header.buttonColor },
|
|
7176
|
-
children: /* @__PURE__ */
|
|
7257
|
+
children: /* @__PURE__ */ jsx35(ArrowLeft2, { className: "uf-w-5 uf-h-5" })
|
|
7177
7258
|
}
|
|
7178
7259
|
),
|
|
7179
|
-
/* @__PURE__ */
|
|
7260
|
+
/* @__PURE__ */ jsx35(
|
|
7180
7261
|
"h2",
|
|
7181
7262
|
{
|
|
7182
7263
|
className: "uf-text-base uf-text-center",
|
|
@@ -7187,10 +7268,10 @@ function TokenSelectorSheet({
|
|
|
7187
7268
|
children: "Select token to deposit"
|
|
7188
7269
|
}
|
|
7189
7270
|
),
|
|
7190
|
-
/* @__PURE__ */
|
|
7271
|
+
/* @__PURE__ */ jsx35("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
|
|
7191
7272
|
] }),
|
|
7192
|
-
/* @__PURE__ */
|
|
7193
|
-
/* @__PURE__ */
|
|
7273
|
+
/* @__PURE__ */ jsxs31("div", { className: "uf-pb-3", children: [
|
|
7274
|
+
/* @__PURE__ */ jsx35(
|
|
7194
7275
|
"style",
|
|
7195
7276
|
{
|
|
7196
7277
|
dangerouslySetInnerHTML: {
|
|
@@ -7198,7 +7279,7 @@ function TokenSelectorSheet({
|
|
|
7198
7279
|
}
|
|
7199
7280
|
}
|
|
7200
7281
|
),
|
|
7201
|
-
/* @__PURE__ */
|
|
7282
|
+
/* @__PURE__ */ jsx35("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsx35(
|
|
7202
7283
|
"input",
|
|
7203
7284
|
{
|
|
7204
7285
|
type: "text",
|
|
@@ -7216,8 +7297,8 @@ function TokenSelectorSheet({
|
|
|
7216
7297
|
}
|
|
7217
7298
|
) })
|
|
7218
7299
|
] }),
|
|
7219
|
-
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */
|
|
7220
|
-
/* @__PURE__ */
|
|
7300
|
+
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ jsxs31("div", { className: "uf-pb-3 uf--mx-6", children: [
|
|
7301
|
+
/* @__PURE__ */ jsx35(
|
|
7221
7302
|
"div",
|
|
7222
7303
|
{
|
|
7223
7304
|
className: "uf-text-xs uf-mb-2 uf-px-6",
|
|
@@ -7228,7 +7309,7 @@ function TokenSelectorSheet({
|
|
|
7228
7309
|
children: "Quick select"
|
|
7229
7310
|
}
|
|
7230
7311
|
),
|
|
7231
|
-
/* @__PURE__ */
|
|
7312
|
+
/* @__PURE__ */ jsx35(
|
|
7232
7313
|
"div",
|
|
7233
7314
|
{
|
|
7234
7315
|
className: "uf-flex uf-gap-2 uf-overflow-x-auto uf-px-6 uf-pb-1",
|
|
@@ -7236,12 +7317,12 @@ function TokenSelectorSheet({
|
|
|
7236
7317
|
children: quickSelectOptions.map(({ token, chain, isRecent }) => {
|
|
7237
7318
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
7238
7319
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
7239
|
-
return /* @__PURE__ */
|
|
7320
|
+
return /* @__PURE__ */ jsxs31(
|
|
7240
7321
|
"div",
|
|
7241
7322
|
{
|
|
7242
7323
|
style: { position: "relative", flexShrink: 0 },
|
|
7243
7324
|
children: [
|
|
7244
|
-
isRecent && /* @__PURE__ */
|
|
7325
|
+
isRecent && /* @__PURE__ */ jsx35(
|
|
7245
7326
|
"button",
|
|
7246
7327
|
{
|
|
7247
7328
|
type: "button",
|
|
@@ -7261,10 +7342,10 @@ function TokenSelectorSheet({
|
|
|
7261
7342
|
padding: 2,
|
|
7262
7343
|
color: colors2.foregroundMuted
|
|
7263
7344
|
},
|
|
7264
|
-
children: /* @__PURE__ */
|
|
7345
|
+
children: /* @__PURE__ */ jsx35(X4, { style: { width: 12, height: 12 } })
|
|
7265
7346
|
}
|
|
7266
7347
|
),
|
|
7267
|
-
/* @__PURE__ */
|
|
7348
|
+
/* @__PURE__ */ jsxs31(
|
|
7268
7349
|
"button",
|
|
7269
7350
|
{
|
|
7270
7351
|
type: "button",
|
|
@@ -7283,8 +7364,8 @@ function TokenSelectorSheet({
|
|
|
7283
7364
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
7284
7365
|
},
|
|
7285
7366
|
children: [
|
|
7286
|
-
/* @__PURE__ */
|
|
7287
|
-
/* @__PURE__ */
|
|
7367
|
+
/* @__PURE__ */ jsxs31("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
7368
|
+
/* @__PURE__ */ jsx35(
|
|
7288
7369
|
"img",
|
|
7289
7370
|
{
|
|
7290
7371
|
src: token.icon_url,
|
|
@@ -7295,7 +7376,7 @@ function TokenSelectorSheet({
|
|
|
7295
7376
|
className: "uf-rounded-full"
|
|
7296
7377
|
}
|
|
7297
7378
|
),
|
|
7298
|
-
/* @__PURE__ */
|
|
7379
|
+
/* @__PURE__ */ jsx35(
|
|
7299
7380
|
"div",
|
|
7300
7381
|
{
|
|
7301
7382
|
style: {
|
|
@@ -7303,7 +7384,7 @@ function TokenSelectorSheet({
|
|
|
7303
7384
|
bottom: -2,
|
|
7304
7385
|
right: -2
|
|
7305
7386
|
},
|
|
7306
|
-
children: /* @__PURE__ */
|
|
7387
|
+
children: /* @__PURE__ */ jsx35(
|
|
7307
7388
|
"img",
|
|
7308
7389
|
{
|
|
7309
7390
|
src: chain.icon_url,
|
|
@@ -7317,8 +7398,8 @@ function TokenSelectorSheet({
|
|
|
7317
7398
|
}
|
|
7318
7399
|
)
|
|
7319
7400
|
] }),
|
|
7320
|
-
/* @__PURE__ */
|
|
7321
|
-
/* @__PURE__ */
|
|
7401
|
+
/* @__PURE__ */ jsxs31("div", { style: { textAlign: "left" }, children: [
|
|
7402
|
+
/* @__PURE__ */ jsx35(
|
|
7322
7403
|
"div",
|
|
7323
7404
|
{
|
|
7324
7405
|
style: {
|
|
@@ -7331,7 +7412,7 @@ function TokenSelectorSheet({
|
|
|
7331
7412
|
children: token.symbol
|
|
7332
7413
|
}
|
|
7333
7414
|
),
|
|
7334
|
-
/* @__PURE__ */
|
|
7415
|
+
/* @__PURE__ */ jsx35(
|
|
7335
7416
|
"div",
|
|
7336
7417
|
{
|
|
7337
7418
|
style: {
|
|
@@ -7355,7 +7436,7 @@ function TokenSelectorSheet({
|
|
|
7355
7436
|
}
|
|
7356
7437
|
)
|
|
7357
7438
|
] }),
|
|
7358
|
-
/* @__PURE__ */
|
|
7439
|
+
/* @__PURE__ */ jsx35(
|
|
7359
7440
|
"div",
|
|
7360
7441
|
{
|
|
7361
7442
|
className: "uf-text-xs uf-mb-2",
|
|
@@ -7366,7 +7447,7 @@ function TokenSelectorSheet({
|
|
|
7366
7447
|
children: "All supported tokens"
|
|
7367
7448
|
}
|
|
7368
7449
|
),
|
|
7369
|
-
/* @__PURE__ */
|
|
7450
|
+
/* @__PURE__ */ jsx35("div", { className: "uf-flex-1 uf-overflow-y-auto uf-min-h-0 uf--mx-6 uf-px-6 uf-pb-3", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx35(
|
|
7370
7451
|
"div",
|
|
7371
7452
|
{
|
|
7372
7453
|
style: {
|
|
@@ -7378,10 +7459,10 @@ function TokenSelectorSheet({
|
|
|
7378
7459
|
},
|
|
7379
7460
|
children: "No tokens found"
|
|
7380
7461
|
}
|
|
7381
|
-
) : /* @__PURE__ */
|
|
7462
|
+
) : /* @__PURE__ */ jsx35("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
|
|
7382
7463
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
7383
7464
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
7384
|
-
return /* @__PURE__ */
|
|
7465
|
+
return /* @__PURE__ */ jsxs31(
|
|
7385
7466
|
"button",
|
|
7386
7467
|
{
|
|
7387
7468
|
type: "button",
|
|
@@ -7402,8 +7483,8 @@ function TokenSelectorSheet({
|
|
|
7402
7483
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
7403
7484
|
},
|
|
7404
7485
|
children: [
|
|
7405
|
-
/* @__PURE__ */
|
|
7406
|
-
/* @__PURE__ */
|
|
7486
|
+
/* @__PURE__ */ jsxs31("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
7487
|
+
/* @__PURE__ */ jsx35(
|
|
7407
7488
|
"img",
|
|
7408
7489
|
{
|
|
7409
7490
|
src: token.icon_url,
|
|
@@ -7414,7 +7495,7 @@ function TokenSelectorSheet({
|
|
|
7414
7495
|
className: "uf-rounded-full"
|
|
7415
7496
|
}
|
|
7416
7497
|
),
|
|
7417
|
-
/* @__PURE__ */
|
|
7498
|
+
/* @__PURE__ */ jsx35(
|
|
7418
7499
|
"div",
|
|
7419
7500
|
{
|
|
7420
7501
|
style: {
|
|
@@ -7422,7 +7503,7 @@ function TokenSelectorSheet({
|
|
|
7422
7503
|
bottom: -4,
|
|
7423
7504
|
right: -4
|
|
7424
7505
|
},
|
|
7425
|
-
children: /* @__PURE__ */
|
|
7506
|
+
children: /* @__PURE__ */ jsx35(
|
|
7426
7507
|
"img",
|
|
7427
7508
|
{
|
|
7428
7509
|
src: chain.icon_url,
|
|
@@ -7436,8 +7517,8 @@ function TokenSelectorSheet({
|
|
|
7436
7517
|
}
|
|
7437
7518
|
)
|
|
7438
7519
|
] }),
|
|
7439
|
-
/* @__PURE__ */
|
|
7440
|
-
/* @__PURE__ */
|
|
7520
|
+
/* @__PURE__ */ jsxs31("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
7521
|
+
/* @__PURE__ */ jsx35(
|
|
7441
7522
|
"div",
|
|
7442
7523
|
{
|
|
7443
7524
|
style: {
|
|
@@ -7449,7 +7530,7 @@ function TokenSelectorSheet({
|
|
|
7449
7530
|
children: token.symbol
|
|
7450
7531
|
}
|
|
7451
7532
|
),
|
|
7452
|
-
/* @__PURE__ */
|
|
7533
|
+
/* @__PURE__ */ jsx35(
|
|
7453
7534
|
"div",
|
|
7454
7535
|
{
|
|
7455
7536
|
style: {
|
|
@@ -7461,7 +7542,7 @@ function TokenSelectorSheet({
|
|
|
7461
7542
|
}
|
|
7462
7543
|
)
|
|
7463
7544
|
] }),
|
|
7464
|
-
/* @__PURE__ */
|
|
7545
|
+
/* @__PURE__ */ jsxs31(
|
|
7465
7546
|
"div",
|
|
7466
7547
|
{
|
|
7467
7548
|
style: {
|
|
@@ -7470,11 +7551,11 @@ function TokenSelectorSheet({
|
|
|
7470
7551
|
fontFamily: fonts.regular
|
|
7471
7552
|
},
|
|
7472
7553
|
children: [
|
|
7473
|
-
/* @__PURE__ */
|
|
7554
|
+
/* @__PURE__ */ jsxs31("span", { style: { color: components.card.textRightColor }, children: [
|
|
7474
7555
|
"Minimum:",
|
|
7475
7556
|
" "
|
|
7476
7557
|
] }),
|
|
7477
|
-
/* @__PURE__ */
|
|
7558
|
+
/* @__PURE__ */ jsxs31("span", { style: { color: components.card.labelHighlightRightColor }, children: [
|
|
7478
7559
|
"$",
|
|
7479
7560
|
chain.minimum_deposit_amount_usd
|
|
7480
7561
|
] })
|
|
@@ -7485,14 +7566,21 @@ function TokenSelectorSheet({
|
|
|
7485
7566
|
},
|
|
7486
7567
|
`${token.symbol}-${chainKey}`
|
|
7487
7568
|
);
|
|
7488
|
-
}) }) })
|
|
7569
|
+
}) }) }),
|
|
7570
|
+
/* @__PURE__ */ jsx35("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ jsx35(
|
|
7571
|
+
PoweredByUnifold,
|
|
7572
|
+
{
|
|
7573
|
+
color: colors2.foregroundMuted,
|
|
7574
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
7575
|
+
}
|
|
7576
|
+
) })
|
|
7489
7577
|
]
|
|
7490
7578
|
}
|
|
7491
7579
|
);
|
|
7492
7580
|
}
|
|
7493
7581
|
|
|
7494
7582
|
// src/components/deposits/DepositPollingUi.tsx
|
|
7495
|
-
import { jsx as
|
|
7583
|
+
import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
7496
7584
|
function DepositPollingUi({
|
|
7497
7585
|
depositConfirmationMode,
|
|
7498
7586
|
showWaitingUi,
|
|
@@ -7501,7 +7589,7 @@ function DepositPollingUi({
|
|
|
7501
7589
|
}) {
|
|
7502
7590
|
const { fonts, components } = useTheme();
|
|
7503
7591
|
if (depositConfirmationMode === "manual" && !showWaitingUi) {
|
|
7504
|
-
return /* @__PURE__ */
|
|
7592
|
+
return /* @__PURE__ */ jsx36(
|
|
7505
7593
|
"button",
|
|
7506
7594
|
{
|
|
7507
7595
|
onClick: onIveDeposited,
|
|
@@ -7518,15 +7606,15 @@ function DepositPollingUi({
|
|
|
7518
7606
|
);
|
|
7519
7607
|
}
|
|
7520
7608
|
if (showWaitingUi && !hasExecution) {
|
|
7521
|
-
return /* @__PURE__ */
|
|
7609
|
+
return /* @__PURE__ */ jsxs32(
|
|
7522
7610
|
"div",
|
|
7523
7611
|
{
|
|
7524
7612
|
className: "uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500",
|
|
7525
7613
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
7526
7614
|
children: [
|
|
7527
|
-
/* @__PURE__ */
|
|
7528
|
-
/* @__PURE__ */
|
|
7529
|
-
/* @__PURE__ */
|
|
7615
|
+
/* @__PURE__ */ jsx36("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ jsx36("div", { className: "uf-w-9 uf-h-9 uf-rounded-full uf-border-2 uf-border-t-primary uf-border-primary/20 uf-animate-spin" }) }),
|
|
7616
|
+
/* @__PURE__ */ jsxs32("div", { children: [
|
|
7617
|
+
/* @__PURE__ */ jsx36(
|
|
7530
7618
|
"div",
|
|
7531
7619
|
{
|
|
7532
7620
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -7534,7 +7622,7 @@ function DepositPollingUi({
|
|
|
7534
7622
|
children: "Processing deposit transactions"
|
|
7535
7623
|
}
|
|
7536
7624
|
),
|
|
7537
|
-
/* @__PURE__ */
|
|
7625
|
+
/* @__PURE__ */ jsx36(
|
|
7538
7626
|
"div",
|
|
7539
7627
|
{
|
|
7540
7628
|
className: "uf-text-xs",
|
|
@@ -7551,13 +7639,13 @@ function DepositPollingUi({
|
|
|
7551
7639
|
}
|
|
7552
7640
|
|
|
7553
7641
|
// src/components/deposits/shared/DepositFooterLinks.tsx
|
|
7554
|
-
import { jsx as
|
|
7642
|
+
import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
7555
7643
|
function DepositFooterLinks({
|
|
7556
7644
|
onGlossaryClick
|
|
7557
7645
|
}) {
|
|
7558
7646
|
const { colors: colors2 } = useTheme();
|
|
7559
|
-
return /* @__PURE__ */
|
|
7560
|
-
/* @__PURE__ */
|
|
7647
|
+
return /* @__PURE__ */ jsxs33("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
|
|
7648
|
+
/* @__PURE__ */ jsx37(
|
|
7561
7649
|
"a",
|
|
7562
7650
|
{
|
|
7563
7651
|
href: "https://unifold.io/terms",
|
|
@@ -7567,8 +7655,8 @@ function DepositFooterLinks({
|
|
|
7567
7655
|
children: "Terms"
|
|
7568
7656
|
}
|
|
7569
7657
|
),
|
|
7570
|
-
/* @__PURE__ */
|
|
7571
|
-
/* @__PURE__ */
|
|
7658
|
+
/* @__PURE__ */ jsx37("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
7659
|
+
/* @__PURE__ */ jsx37(
|
|
7572
7660
|
"a",
|
|
7573
7661
|
{
|
|
7574
7662
|
href: "https://unifold.io/support",
|
|
@@ -7578,8 +7666,8 @@ function DepositFooterLinks({
|
|
|
7578
7666
|
children: "Help"
|
|
7579
7667
|
}
|
|
7580
7668
|
),
|
|
7581
|
-
/* @__PURE__ */
|
|
7582
|
-
/* @__PURE__ */
|
|
7669
|
+
/* @__PURE__ */ jsx37("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
7670
|
+
/* @__PURE__ */ jsx37(
|
|
7583
7671
|
"div",
|
|
7584
7672
|
{
|
|
7585
7673
|
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
@@ -7593,7 +7681,7 @@ function DepositFooterLinks({
|
|
|
7593
7681
|
|
|
7594
7682
|
// src/components/deposits/shared/GlossaryModal.tsx
|
|
7595
7683
|
import { X as X5 } from "lucide-react";
|
|
7596
|
-
import { jsx as
|
|
7684
|
+
import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
7597
7685
|
var t3 = i18n.transferCrypto;
|
|
7598
7686
|
function GlossaryModal({
|
|
7599
7687
|
open,
|
|
@@ -7605,15 +7693,15 @@ function GlossaryModal({
|
|
|
7605
7693
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
7606
7694
|
const resolvedThemeClass = themeClassProp ?? themeClass;
|
|
7607
7695
|
const modalBackground = backgroundColorProp ?? colors2.background;
|
|
7608
|
-
return /* @__PURE__ */
|
|
7696
|
+
return /* @__PURE__ */ jsx38(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs34(
|
|
7609
7697
|
DialogContent,
|
|
7610
7698
|
{
|
|
7611
7699
|
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}`,
|
|
7612
7700
|
style: { backgroundColor: modalBackground },
|
|
7613
7701
|
children: [
|
|
7614
|
-
/* @__PURE__ */
|
|
7615
|
-
/* @__PURE__ */
|
|
7616
|
-
/* @__PURE__ */
|
|
7702
|
+
/* @__PURE__ */ jsxs34("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
|
|
7703
|
+
/* @__PURE__ */ jsx38("span", { className: "uf-invisible uf-w-9 uf-h-9 uf-flex uf-shrink-0 uf-items-center uf-justify-center", "aria-hidden": true, children: /* @__PURE__ */ jsx38(X5, { className: "uf-w-4 uf-h-4" }) }),
|
|
7704
|
+
/* @__PURE__ */ jsx38(
|
|
7617
7705
|
DialogTitle,
|
|
7618
7706
|
{
|
|
7619
7707
|
className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
|
|
@@ -7621,91 +7709,91 @@ function GlossaryModal({
|
|
|
7621
7709
|
children: "Glossary"
|
|
7622
7710
|
}
|
|
7623
7711
|
),
|
|
7624
|
-
/* @__PURE__ */
|
|
7712
|
+
/* @__PURE__ */ jsx38(
|
|
7625
7713
|
"button",
|
|
7626
7714
|
{
|
|
7627
7715
|
onClick: () => onOpenChange(false),
|
|
7628
7716
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
|
|
7629
7717
|
style: { color: components.header.buttonColor },
|
|
7630
|
-
children: /* @__PURE__ */
|
|
7718
|
+
children: /* @__PURE__ */ jsx38(X5, { className: "uf-w-4 uf-h-4" })
|
|
7631
7719
|
}
|
|
7632
7720
|
)
|
|
7633
7721
|
] }),
|
|
7634
|
-
/* @__PURE__ */
|
|
7635
|
-
/* @__PURE__ */
|
|
7722
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-max-h-[60vh] sm:uf-max-h-[400px] uf-overflow-y-auto uf-pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsxs34("div", { className: "uf-space-y-3", children: [
|
|
7723
|
+
/* @__PURE__ */ jsxs34(
|
|
7636
7724
|
"div",
|
|
7637
7725
|
{
|
|
7638
7726
|
className: "uf-rounded-xl uf-p-3",
|
|
7639
7727
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7640
7728
|
children: [
|
|
7641
|
-
/* @__PURE__ */
|
|
7642
|
-
/* @__PURE__ */
|
|
7729
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
|
|
7730
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
|
|
7643
7731
|
]
|
|
7644
7732
|
}
|
|
7645
7733
|
),
|
|
7646
|
-
/* @__PURE__ */
|
|
7734
|
+
/* @__PURE__ */ jsxs34(
|
|
7647
7735
|
"div",
|
|
7648
7736
|
{
|
|
7649
7737
|
className: "uf-rounded-xl uf-p-3",
|
|
7650
7738
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7651
7739
|
children: [
|
|
7652
|
-
/* @__PURE__ */
|
|
7653
|
-
/* @__PURE__ */
|
|
7740
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
|
|
7741
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "A unique wallet address generated for you. Send supported tokens to this address and they will be automatically converted and deposited into your account." })
|
|
7654
7742
|
]
|
|
7655
7743
|
}
|
|
7656
7744
|
),
|
|
7657
|
-
/* @__PURE__ */
|
|
7745
|
+
/* @__PURE__ */ jsxs34(
|
|
7658
7746
|
"div",
|
|
7659
7747
|
{
|
|
7660
7748
|
className: "uf-rounded-xl uf-p-3",
|
|
7661
7749
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7662
7750
|
children: [
|
|
7663
|
-
/* @__PURE__ */
|
|
7664
|
-
/* @__PURE__ */
|
|
7751
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
|
|
7752
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
|
|
7665
7753
|
]
|
|
7666
7754
|
}
|
|
7667
7755
|
),
|
|
7668
|
-
/* @__PURE__ */
|
|
7756
|
+
/* @__PURE__ */ jsxs34(
|
|
7669
7757
|
"div",
|
|
7670
7758
|
{
|
|
7671
7759
|
className: "uf-rounded-xl uf-p-3",
|
|
7672
7760
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7673
7761
|
children: [
|
|
7674
|
-
/* @__PURE__ */
|
|
7675
|
-
/* @__PURE__ */
|
|
7762
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
|
|
7763
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
|
|
7676
7764
|
]
|
|
7677
7765
|
}
|
|
7678
7766
|
),
|
|
7679
|
-
/* @__PURE__ */
|
|
7767
|
+
/* @__PURE__ */ jsxs34(
|
|
7680
7768
|
"div",
|
|
7681
7769
|
{
|
|
7682
7770
|
className: "uf-rounded-xl uf-p-3",
|
|
7683
7771
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7684
7772
|
children: [
|
|
7685
|
-
/* @__PURE__ */
|
|
7686
|
-
/* @__PURE__ */
|
|
7773
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
|
|
7774
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The estimated time for your deposit to be confirmed and credited. This depends on the source network's block confirmation time and current congestion." })
|
|
7687
7775
|
]
|
|
7688
7776
|
}
|
|
7689
7777
|
),
|
|
7690
|
-
/* @__PURE__ */
|
|
7778
|
+
/* @__PURE__ */ jsxs34(
|
|
7691
7779
|
"div",
|
|
7692
7780
|
{
|
|
7693
7781
|
className: "uf-rounded-xl uf-p-3",
|
|
7694
7782
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7695
7783
|
children: [
|
|
7696
|
-
/* @__PURE__ */
|
|
7697
|
-
/* @__PURE__ */
|
|
7784
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
|
|
7785
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
|
|
7698
7786
|
]
|
|
7699
7787
|
}
|
|
7700
7788
|
),
|
|
7701
|
-
/* @__PURE__ */
|
|
7789
|
+
/* @__PURE__ */ jsxs34(
|
|
7702
7790
|
"div",
|
|
7703
7791
|
{
|
|
7704
7792
|
className: "uf-rounded-xl uf-p-3",
|
|
7705
7793
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7706
7794
|
children: [
|
|
7707
|
-
/* @__PURE__ */
|
|
7708
|
-
/* @__PURE__ */
|
|
7795
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
|
|
7796
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The destination address on the target blockchain where your converted deposit will be sent. This is typically your wallet address on the application's native chain." })
|
|
7709
7797
|
]
|
|
7710
7798
|
}
|
|
7711
7799
|
)
|
|
@@ -7731,7 +7819,7 @@ function useCopyAddress() {
|
|
|
7731
7819
|
// src/components/shared/tooltip.tsx
|
|
7732
7820
|
import * as React23 from "react";
|
|
7733
7821
|
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
7734
|
-
import { jsx as
|
|
7822
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
7735
7823
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
7736
7824
|
function Tooltip({
|
|
7737
7825
|
children,
|
|
@@ -7741,11 +7829,11 @@ function Tooltip({
|
|
|
7741
7829
|
const isControlled = props.open !== void 0;
|
|
7742
7830
|
const isOpen = isControlled ? props.open : open;
|
|
7743
7831
|
const onOpenChange = isControlled ? props.onOpenChange : (nextOpen) => setOpen(nextOpen);
|
|
7744
|
-
return /* @__PURE__ */
|
|
7832
|
+
return /* @__PURE__ */ jsx39(
|
|
7745
7833
|
TooltipContext.Provider,
|
|
7746
7834
|
{
|
|
7747
7835
|
value: { open: isOpen, onOpenChange },
|
|
7748
|
-
children: /* @__PURE__ */
|
|
7836
|
+
children: /* @__PURE__ */ jsx39(
|
|
7749
7837
|
TooltipPrimitive.Root,
|
|
7750
7838
|
{
|
|
7751
7839
|
...props,
|
|
@@ -7771,12 +7859,12 @@ var TooltipTrigger = React23.forwardRef(({ onClick, ...props }, ref) => {
|
|
|
7771
7859
|
},
|
|
7772
7860
|
[open, onOpenChange, onClick]
|
|
7773
7861
|
);
|
|
7774
|
-
return /* @__PURE__ */
|
|
7862
|
+
return /* @__PURE__ */ jsx39(TooltipPrimitive.Trigger, { ref, onClick: handleClick, ...props });
|
|
7775
7863
|
});
|
|
7776
7864
|
TooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;
|
|
7777
7865
|
var TooltipContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
|
|
7778
7866
|
const { themeClass, colors: colors2 } = useTheme();
|
|
7779
|
-
return /* @__PURE__ */
|
|
7867
|
+
return /* @__PURE__ */ jsx39(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx39(
|
|
7780
7868
|
TooltipPrimitive.Content,
|
|
7781
7869
|
{
|
|
7782
7870
|
ref,
|
|
@@ -7797,7 +7885,7 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
|
7797
7885
|
import {
|
|
7798
7886
|
getWalletByChainType as getWalletByChainType2
|
|
7799
7887
|
} from "@unifold/core";
|
|
7800
|
-
import { Fragment as Fragment4, jsx as
|
|
7888
|
+
import { Fragment as Fragment4, jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
7801
7889
|
var t4 = i18n.transferCrypto;
|
|
7802
7890
|
var getChainKey = (chainId, chainType) => {
|
|
7803
7891
|
return `${chainType}:${chainId}`;
|
|
@@ -7981,29 +8069,29 @@ function TransferCryptoSingleInput({
|
|
|
7981
8069
|
const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
|
|
7982
8070
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
7983
8071
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
7984
|
-
return /* @__PURE__ */
|
|
8072
|
+
return /* @__PURE__ */ jsx40(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs35(
|
|
7985
8073
|
"div",
|
|
7986
8074
|
{
|
|
7987
8075
|
className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
|
|
7988
8076
|
style: { backgroundColor: colors2.background },
|
|
7989
8077
|
children: [
|
|
7990
|
-
/* @__PURE__ */
|
|
7991
|
-
/* @__PURE__ */
|
|
8078
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ jsx40("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
|
|
8079
|
+
/* @__PURE__ */ jsx40(
|
|
7992
8080
|
"button",
|
|
7993
8081
|
{
|
|
7994
8082
|
onClick: () => setTokenSelectorOpen(true),
|
|
7995
8083
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
7996
8084
|
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",
|
|
7997
8085
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
7998
|
-
children: tokensLoading ? /* @__PURE__ */
|
|
7999
|
-
/* @__PURE__ */
|
|
8000
|
-
/* @__PURE__ */
|
|
8001
|
-
/* @__PURE__ */
|
|
8002
|
-
/* @__PURE__ */
|
|
8086
|
+
children: tokensLoading ? /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
|
|
8087
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
|
|
8088
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex-1", children: [
|
|
8089
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
|
|
8090
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
|
|
8003
8091
|
] })
|
|
8004
|
-
] }) : /* @__PURE__ */
|
|
8005
|
-
/* @__PURE__ */
|
|
8006
|
-
selectedToken && /* @__PURE__ */
|
|
8092
|
+
] }) : /* @__PURE__ */ jsxs35(Fragment4, { children: [
|
|
8093
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-relative uf-flex-shrink-0", children: [
|
|
8094
|
+
selectedToken && /* @__PURE__ */ jsx40(
|
|
8007
8095
|
"img",
|
|
8008
8096
|
{
|
|
8009
8097
|
src: selectedToken.icon_url,
|
|
@@ -8014,7 +8102,7 @@ function TransferCryptoSingleInput({
|
|
|
8014
8102
|
className: "uf-w-10 uf-h-10 uf-rounded-full"
|
|
8015
8103
|
}
|
|
8016
8104
|
),
|
|
8017
|
-
(currentChainFromBackend || currentChainData) && /* @__PURE__ */
|
|
8105
|
+
(currentChainFromBackend || currentChainData) && /* @__PURE__ */ jsx40("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ jsx40(
|
|
8018
8106
|
"img",
|
|
8019
8107
|
{
|
|
8020
8108
|
src: currentChainFromBackend?.icon_url || currentChainData?.icon_url || "",
|
|
@@ -8027,8 +8115,8 @@ function TransferCryptoSingleInput({
|
|
|
8027
8115
|
}
|
|
8028
8116
|
) })
|
|
8029
8117
|
] }),
|
|
8030
|
-
/* @__PURE__ */
|
|
8031
|
-
/* @__PURE__ */
|
|
8118
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
|
|
8119
|
+
/* @__PURE__ */ jsx40(
|
|
8032
8120
|
"div",
|
|
8033
8121
|
{
|
|
8034
8122
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -8036,7 +8124,7 @@ function TransferCryptoSingleInput({
|
|
|
8036
8124
|
children: selectedToken?.symbol || token
|
|
8037
8125
|
}
|
|
8038
8126
|
),
|
|
8039
|
-
/* @__PURE__ */
|
|
8127
|
+
/* @__PURE__ */ jsx40(
|
|
8040
8128
|
"div",
|
|
8041
8129
|
{
|
|
8042
8130
|
className: "uf-text-xs uf-truncate",
|
|
@@ -8045,8 +8133,8 @@ function TransferCryptoSingleInput({
|
|
|
8045
8133
|
}
|
|
8046
8134
|
)
|
|
8047
8135
|
] }),
|
|
8048
|
-
/* @__PURE__ */
|
|
8049
|
-
/* @__PURE__ */
|
|
8136
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
|
|
8137
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-right", children: /* @__PURE__ */ jsxs35(
|
|
8050
8138
|
"div",
|
|
8051
8139
|
{
|
|
8052
8140
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -8058,12 +8146,12 @@ function TransferCryptoSingleInput({
|
|
|
8058
8146
|
]
|
|
8059
8147
|
}
|
|
8060
8148
|
) }),
|
|
8061
|
-
/* @__PURE__ */
|
|
8149
|
+
/* @__PURE__ */ jsx40(ChevronRight9, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
8062
8150
|
] })
|
|
8063
8151
|
] })
|
|
8064
8152
|
}
|
|
8065
8153
|
),
|
|
8066
|
-
/* @__PURE__ */
|
|
8154
|
+
/* @__PURE__ */ jsx40(
|
|
8067
8155
|
TokenSelectorSheet,
|
|
8068
8156
|
{
|
|
8069
8157
|
open: tokenSelectorOpen,
|
|
@@ -8077,24 +8165,24 @@ function TransferCryptoSingleInput({
|
|
|
8077
8165
|
}
|
|
8078
8166
|
}
|
|
8079
8167
|
),
|
|
8080
|
-
error && !loading && /* @__PURE__ */
|
|
8081
|
-
/* @__PURE__ */
|
|
8082
|
-
/* @__PURE__ */
|
|
8083
|
-
/* @__PURE__ */
|
|
8084
|
-
/* @__PURE__ */
|
|
8085
|
-
/* @__PURE__ */
|
|
8168
|
+
error && !loading && /* @__PURE__ */ jsxs35("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
|
|
8169
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
8170
|
+
/* @__PURE__ */ jsx40(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
|
|
8171
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
8172
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
|
|
8173
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
8086
8174
|
] })
|
|
8087
8175
|
] }),
|
|
8088
|
-
/* @__PURE__ */
|
|
8089
|
-
/* @__PURE__ */
|
|
8090
|
-
/* @__PURE__ */
|
|
8176
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
|
|
8177
|
+
/* @__PURE__ */ jsx40(Clock2, { className: "uf-w-3 uf-h-3" }),
|
|
8178
|
+
/* @__PURE__ */ jsx40("span", { children: "Retrying automatically every 5 seconds..." })
|
|
8091
8179
|
] })
|
|
8092
8180
|
] }),
|
|
8093
|
-
/* @__PURE__ */
|
|
8094
|
-
/* @__PURE__ */
|
|
8095
|
-
/* @__PURE__ */
|
|
8181
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
8182
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
8183
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
8096
8184
|
// QR Skeleton - matches QR code appearance
|
|
8097
|
-
/* @__PURE__ */
|
|
8185
|
+
/* @__PURE__ */ jsx40(
|
|
8098
8186
|
"div",
|
|
8099
8187
|
{
|
|
8100
8188
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -8104,7 +8192,7 @@ function TransferCryptoSingleInput({
|
|
|
8104
8192
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
8105
8193
|
borderRadius: 8
|
|
8106
8194
|
},
|
|
8107
|
-
children: /* @__PURE__ */
|
|
8195
|
+
children: /* @__PURE__ */ jsx40(
|
|
8108
8196
|
"div",
|
|
8109
8197
|
{
|
|
8110
8198
|
style: {
|
|
@@ -8117,7 +8205,7 @@ function TransferCryptoSingleInput({
|
|
|
8117
8205
|
)
|
|
8118
8206
|
}
|
|
8119
8207
|
)
|
|
8120
|
-
) : depositAddress ? /* @__PURE__ */
|
|
8208
|
+
) : depositAddress ? /* @__PURE__ */ jsx40(
|
|
8121
8209
|
StyledQRCode,
|
|
8122
8210
|
{
|
|
8123
8211
|
value: depositAddress,
|
|
@@ -8127,19 +8215,19 @@ function TransferCryptoSingleInput({
|
|
|
8127
8215
|
darkMode: isDarkMode
|
|
8128
8216
|
},
|
|
8129
8217
|
`qr-${depositAddress}-${chain}`
|
|
8130
|
-
) : /* @__PURE__ */
|
|
8218
|
+
) : /* @__PURE__ */ jsx40(
|
|
8131
8219
|
"div",
|
|
8132
8220
|
{
|
|
8133
8221
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
8134
8222
|
style: { width: 180, height: 180 },
|
|
8135
|
-
children: /* @__PURE__ */
|
|
8223
|
+
children: /* @__PURE__ */ jsx40("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
|
|
8136
8224
|
}
|
|
8137
8225
|
) })
|
|
8138
8226
|
] }),
|
|
8139
|
-
/* @__PURE__ */
|
|
8227
|
+
/* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsxs35("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
8140
8228
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
8141
8229
|
// Address skeleton
|
|
8142
|
-
/* @__PURE__ */
|
|
8230
|
+
/* @__PURE__ */ jsx40(
|
|
8143
8231
|
"div",
|
|
8144
8232
|
{
|
|
8145
8233
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -8148,45 +8236,45 @@ function TransferCryptoSingleInput({
|
|
|
8148
8236
|
}
|
|
8149
8237
|
}
|
|
8150
8238
|
)
|
|
8151
|
-
) : /* @__PURE__ */
|
|
8152
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */
|
|
8239
|
+
) : /* @__PURE__ */ jsx40("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
|
|
8240
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ jsx40(
|
|
8153
8241
|
"span",
|
|
8154
8242
|
{
|
|
8155
8243
|
onClick: handleCopyAddress,
|
|
8156
8244
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8157
8245
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
8158
|
-
children: copied ? /* @__PURE__ */
|
|
8246
|
+
children: copied ? /* @__PURE__ */ jsx40(Check3, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx40(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
8159
8247
|
}
|
|
8160
8248
|
)
|
|
8161
8249
|
] }) }),
|
|
8162
|
-
/* @__PURE__ */
|
|
8163
|
-
/* @__PURE__ */
|
|
8250
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
|
|
8251
|
+
/* @__PURE__ */ jsxs35(
|
|
8164
8252
|
"button",
|
|
8165
8253
|
{
|
|
8166
8254
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
8167
8255
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
8168
8256
|
children: [
|
|
8169
|
-
/* @__PURE__ */
|
|
8170
|
-
/* @__PURE__ */
|
|
8171
|
-
/* @__PURE__ */
|
|
8257
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8258
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(Clock2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8259
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8172
8260
|
t4.processingTime.label,
|
|
8173
8261
|
":",
|
|
8174
8262
|
" ",
|
|
8175
|
-
/* @__PURE__ */
|
|
8263
|
+
/* @__PURE__ */ jsx40("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
8176
8264
|
] })
|
|
8177
8265
|
] }),
|
|
8178
|
-
detailsExpanded ? /* @__PURE__ */
|
|
8266
|
+
detailsExpanded ? /* @__PURE__ */ jsx40(ChevronUp2, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx40(ChevronDown3, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
8179
8267
|
]
|
|
8180
8268
|
}
|
|
8181
8269
|
),
|
|
8182
|
-
detailsExpanded && /* @__PURE__ */
|
|
8183
|
-
/* @__PURE__ */
|
|
8184
|
-
/* @__PURE__ */
|
|
8185
|
-
/* @__PURE__ */
|
|
8270
|
+
detailsExpanded && /* @__PURE__ */ jsxs35("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
8271
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8272
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8273
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8186
8274
|
t4.slippage.label,
|
|
8187
8275
|
":",
|
|
8188
8276
|
" ",
|
|
8189
|
-
/* @__PURE__ */
|
|
8277
|
+
/* @__PURE__ */ jsxs35("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
8190
8278
|
t4.slippage.auto,
|
|
8191
8279
|
" \u2022 ",
|
|
8192
8280
|
maxSlippage.toFixed(2),
|
|
@@ -8194,38 +8282,38 @@ function TransferCryptoSingleInput({
|
|
|
8194
8282
|
] })
|
|
8195
8283
|
] })
|
|
8196
8284
|
] }),
|
|
8197
|
-
/* @__PURE__ */
|
|
8198
|
-
/* @__PURE__ */
|
|
8199
|
-
/* @__PURE__ */
|
|
8285
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8286
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8287
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8200
8288
|
t4.priceImpact.label,
|
|
8201
8289
|
":",
|
|
8202
8290
|
" ",
|
|
8203
|
-
/* @__PURE__ */
|
|
8291
|
+
/* @__PURE__ */ jsxs35("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
8204
8292
|
priceImpact.toFixed(2),
|
|
8205
8293
|
"%"
|
|
8206
8294
|
] })
|
|
8207
8295
|
] })
|
|
8208
8296
|
] }),
|
|
8209
|
-
/* @__PURE__ */
|
|
8210
|
-
/* @__PURE__ */
|
|
8211
|
-
/* @__PURE__ */
|
|
8297
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8298
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(Wallet2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8299
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8212
8300
|
"Recipient address:",
|
|
8213
8301
|
" ",
|
|
8214
|
-
/* @__PURE__ */
|
|
8215
|
-
/* @__PURE__ */
|
|
8302
|
+
/* @__PURE__ */ jsx40("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
8303
|
+
/* @__PURE__ */ jsx40(
|
|
8216
8304
|
"span",
|
|
8217
8305
|
{
|
|
8218
8306
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
8219
8307
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8220
8308
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
8221
|
-
children: copiedRecipient ? /* @__PURE__ */
|
|
8309
|
+
children: copiedRecipient ? /* @__PURE__ */ jsx40(Check3, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx40(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
8222
8310
|
}
|
|
8223
8311
|
)
|
|
8224
8312
|
] })
|
|
8225
8313
|
] })
|
|
8226
8314
|
] })
|
|
8227
8315
|
] }),
|
|
8228
|
-
wallets && wallets.length > 0 && /* @__PURE__ */
|
|
8316
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ jsx40(
|
|
8229
8317
|
DepositPollingUi,
|
|
8230
8318
|
{
|
|
8231
8319
|
depositConfirmationMode,
|
|
@@ -8234,29 +8322,29 @@ function TransferCryptoSingleInput({
|
|
|
8234
8322
|
onIveDeposited: handleIveDeposited
|
|
8235
8323
|
}
|
|
8236
8324
|
),
|
|
8237
|
-
/* @__PURE__ */
|
|
8238
|
-
depositExecutions.length > 1 && /* @__PURE__ */
|
|
8325
|
+
/* @__PURE__ */ jsx40(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
8326
|
+
depositExecutions.length > 1 && /* @__PURE__ */ jsx40("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs35(
|
|
8239
8327
|
"button",
|
|
8240
8328
|
{
|
|
8241
8329
|
onClick: () => setDepositsModalOpen(true),
|
|
8242
8330
|
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",
|
|
8243
8331
|
children: [
|
|
8244
|
-
/* @__PURE__ */
|
|
8332
|
+
/* @__PURE__ */ jsx40(Clock2, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
8245
8333
|
"Track deposits (",
|
|
8246
8334
|
depositExecutions.length,
|
|
8247
8335
|
")",
|
|
8248
|
-
/* @__PURE__ */
|
|
8336
|
+
/* @__PURE__ */ jsx40(ChevronRight9, { className: "uf-w-3 uf-h-3" })
|
|
8249
8337
|
]
|
|
8250
8338
|
}
|
|
8251
8339
|
) }),
|
|
8252
|
-
/* @__PURE__ */
|
|
8340
|
+
/* @__PURE__ */ jsx40(
|
|
8253
8341
|
DepositPollingToasts,
|
|
8254
8342
|
{
|
|
8255
8343
|
executions: depositExecutions,
|
|
8256
8344
|
isPolling
|
|
8257
8345
|
}
|
|
8258
8346
|
),
|
|
8259
|
-
/* @__PURE__ */
|
|
8347
|
+
/* @__PURE__ */ jsx40(
|
|
8260
8348
|
DepositsModal,
|
|
8261
8349
|
{
|
|
8262
8350
|
open: depositsModalOpen,
|
|
@@ -8267,7 +8355,7 @@ function TransferCryptoSingleInput({
|
|
|
8267
8355
|
themeClass
|
|
8268
8356
|
}
|
|
8269
8357
|
),
|
|
8270
|
-
/* @__PURE__ */
|
|
8358
|
+
/* @__PURE__ */ jsx40(
|
|
8271
8359
|
GlossaryModal,
|
|
8272
8360
|
{
|
|
8273
8361
|
open: glossaryOpen,
|
|
@@ -8300,13 +8388,13 @@ import {
|
|
|
8300
8388
|
import * as React24 from "react";
|
|
8301
8389
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
8302
8390
|
import { Check as Check4, ChevronDown as ChevronDown4, ChevronUp as ChevronUp3 } from "lucide-react";
|
|
8303
|
-
import { jsx as
|
|
8391
|
+
import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
8304
8392
|
var Select = SelectPrimitive.Root;
|
|
8305
8393
|
var SelectGroup = SelectPrimitive.Group;
|
|
8306
8394
|
var SelectValue = SelectPrimitive.Value;
|
|
8307
8395
|
var SelectTrigger = React24.forwardRef(({ className, style, children, ...props }, ref) => {
|
|
8308
8396
|
const { components } = useTheme();
|
|
8309
|
-
return /* @__PURE__ */
|
|
8397
|
+
return /* @__PURE__ */ jsxs36(
|
|
8310
8398
|
SelectPrimitive.Trigger,
|
|
8311
8399
|
{
|
|
8312
8400
|
ref,
|
|
@@ -8322,13 +8410,13 @@ var SelectTrigger = React24.forwardRef(({ className, style, children, ...props }
|
|
|
8322
8410
|
...props,
|
|
8323
8411
|
children: [
|
|
8324
8412
|
children,
|
|
8325
|
-
/* @__PURE__ */
|
|
8413
|
+
/* @__PURE__ */ jsx41(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx41(ChevronDown4, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
|
|
8326
8414
|
]
|
|
8327
8415
|
}
|
|
8328
8416
|
);
|
|
8329
8417
|
});
|
|
8330
8418
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
8331
|
-
var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
8419
|
+
var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
8332
8420
|
SelectPrimitive.ScrollUpButton,
|
|
8333
8421
|
{
|
|
8334
8422
|
ref,
|
|
@@ -8337,11 +8425,11 @@ var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) =>
|
|
|
8337
8425
|
className
|
|
8338
8426
|
),
|
|
8339
8427
|
...props,
|
|
8340
|
-
children: /* @__PURE__ */
|
|
8428
|
+
children: /* @__PURE__ */ jsx41(ChevronUp3, { className: "uf-h-4 uf-w-4" })
|
|
8341
8429
|
}
|
|
8342
8430
|
));
|
|
8343
8431
|
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
8344
|
-
var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
8432
|
+
var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
8345
8433
|
SelectPrimitive.ScrollDownButton,
|
|
8346
8434
|
{
|
|
8347
8435
|
ref,
|
|
@@ -8350,13 +8438,13 @@ var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) =
|
|
|
8350
8438
|
className
|
|
8351
8439
|
),
|
|
8352
8440
|
...props,
|
|
8353
|
-
children: /* @__PURE__ */
|
|
8441
|
+
children: /* @__PURE__ */ jsx41(ChevronDown4, { className: "uf-h-4 uf-w-4" })
|
|
8354
8442
|
}
|
|
8355
8443
|
));
|
|
8356
8444
|
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
8357
8445
|
var SelectContent = React24.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
|
|
8358
8446
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
8359
|
-
return /* @__PURE__ */
|
|
8447
|
+
return /* @__PURE__ */ jsx41(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs36(
|
|
8360
8448
|
SelectPrimitive.Content,
|
|
8361
8449
|
{
|
|
8362
8450
|
ref,
|
|
@@ -8375,8 +8463,8 @@ var SelectContent = React24.forwardRef(({ className, style, children, position =
|
|
|
8375
8463
|
position,
|
|
8376
8464
|
...props,
|
|
8377
8465
|
children: [
|
|
8378
|
-
/* @__PURE__ */
|
|
8379
|
-
/* @__PURE__ */
|
|
8466
|
+
/* @__PURE__ */ jsx41(SelectScrollUpButton, {}),
|
|
8467
|
+
/* @__PURE__ */ jsx41(
|
|
8380
8468
|
SelectPrimitive.Viewport,
|
|
8381
8469
|
{
|
|
8382
8470
|
className: cn(
|
|
@@ -8386,13 +8474,13 @@ var SelectContent = React24.forwardRef(({ className, style, children, position =
|
|
|
8386
8474
|
children
|
|
8387
8475
|
}
|
|
8388
8476
|
),
|
|
8389
|
-
/* @__PURE__ */
|
|
8477
|
+
/* @__PURE__ */ jsx41(SelectScrollDownButton, {})
|
|
8390
8478
|
]
|
|
8391
8479
|
}
|
|
8392
8480
|
) });
|
|
8393
8481
|
});
|
|
8394
8482
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
8395
|
-
var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
8483
|
+
var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
8396
8484
|
SelectPrimitive.Label,
|
|
8397
8485
|
{
|
|
8398
8486
|
ref,
|
|
@@ -8404,7 +8492,7 @@ var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
8404
8492
|
}
|
|
8405
8493
|
));
|
|
8406
8494
|
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
8407
|
-
var SelectItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */
|
|
8495
|
+
var SelectItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs36(
|
|
8408
8496
|
SelectPrimitive.Item,
|
|
8409
8497
|
{
|
|
8410
8498
|
ref,
|
|
@@ -8414,13 +8502,13 @@ var SelectItem = React24.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
8414
8502
|
),
|
|
8415
8503
|
...props,
|
|
8416
8504
|
children: [
|
|
8417
|
-
/* @__PURE__ */
|
|
8418
|
-
/* @__PURE__ */
|
|
8505
|
+
/* @__PURE__ */ jsx41("span", { className: "uf-absolute uf-left-2 uf-flex uf-h-3.5 uf-w-3.5 uf-items-center uf-justify-center", children: /* @__PURE__ */ jsx41(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx41(Check4, { className: "uf-h-4 uf-w-4" }) }) }),
|
|
8506
|
+
/* @__PURE__ */ jsx41(SelectPrimitive.ItemText, { children })
|
|
8419
8507
|
]
|
|
8420
8508
|
}
|
|
8421
8509
|
));
|
|
8422
8510
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
8423
|
-
var SelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
8511
|
+
var SelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
8424
8512
|
SelectPrimitive.Separator,
|
|
8425
8513
|
{
|
|
8426
8514
|
ref,
|
|
@@ -8434,7 +8522,7 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
|
8434
8522
|
import {
|
|
8435
8523
|
getWalletByChainType as getWalletByChainType3
|
|
8436
8524
|
} from "@unifold/core";
|
|
8437
|
-
import { jsx as
|
|
8525
|
+
import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
8438
8526
|
var t5 = i18n.transferCrypto;
|
|
8439
8527
|
var getChainKey2 = (chainId, chainType) => {
|
|
8440
8528
|
return `${chainType}:${chainId}`;
|
|
@@ -8591,8 +8679,8 @@ function TransferCryptoDoubleInput({
|
|
|
8591
8679
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
8592
8680
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
8593
8681
|
const renderTokenItem = (tokenData) => {
|
|
8594
|
-
return /* @__PURE__ */
|
|
8595
|
-
/* @__PURE__ */
|
|
8682
|
+
return /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8683
|
+
/* @__PURE__ */ jsx42(
|
|
8596
8684
|
"img",
|
|
8597
8685
|
{
|
|
8598
8686
|
src: tokenData.icon_url,
|
|
@@ -8603,13 +8691,13 @@ function TransferCryptoDoubleInput({
|
|
|
8603
8691
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
8604
8692
|
}
|
|
8605
8693
|
),
|
|
8606
|
-
/* @__PURE__ */
|
|
8694
|
+
/* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
|
|
8607
8695
|
] });
|
|
8608
8696
|
};
|
|
8609
8697
|
const renderChainItem = (chainData, showMinDeposit = false) => {
|
|
8610
|
-
return /* @__PURE__ */
|
|
8611
|
-
/* @__PURE__ */
|
|
8612
|
-
/* @__PURE__ */
|
|
8698
|
+
return /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
|
|
8699
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8700
|
+
/* @__PURE__ */ jsx42(
|
|
8613
8701
|
"img",
|
|
8614
8702
|
{
|
|
8615
8703
|
src: chainData.icon_url,
|
|
@@ -8620,32 +8708,32 @@ function TransferCryptoDoubleInput({
|
|
|
8620
8708
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
8621
8709
|
}
|
|
8622
8710
|
),
|
|
8623
|
-
/* @__PURE__ */
|
|
8711
|
+
/* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
|
|
8624
8712
|
] }),
|
|
8625
|
-
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */
|
|
8713
|
+
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ jsxs37("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
8626
8714
|
"$",
|
|
8627
8715
|
chainData.minimum_deposit_amount_usd
|
|
8628
8716
|
] })
|
|
8629
8717
|
] });
|
|
8630
8718
|
};
|
|
8631
|
-
return /* @__PURE__ */
|
|
8719
|
+
return /* @__PURE__ */ jsx42(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs37(
|
|
8632
8720
|
"div",
|
|
8633
8721
|
{
|
|
8634
8722
|
className: "uf-space-y-3",
|
|
8635
8723
|
style: { backgroundColor: colors2.background },
|
|
8636
8724
|
children: [
|
|
8637
|
-
/* @__PURE__ */
|
|
8638
|
-
/* @__PURE__ */
|
|
8639
|
-
/* @__PURE__ */
|
|
8640
|
-
/* @__PURE__ */
|
|
8725
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
|
|
8726
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
8727
|
+
/* @__PURE__ */ jsx42("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
|
|
8728
|
+
/* @__PURE__ */ jsxs37(
|
|
8641
8729
|
Select,
|
|
8642
8730
|
{
|
|
8643
8731
|
value: token,
|
|
8644
8732
|
onValueChange: setToken,
|
|
8645
8733
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
8646
8734
|
children: [
|
|
8647
|
-
/* @__PURE__ */
|
|
8648
|
-
/* @__PURE__ */
|
|
8735
|
+
/* @__PURE__ */ jsx42(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__ */ jsx42(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx42("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx42("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
|
|
8736
|
+
/* @__PURE__ */ jsx42(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__ */ jsx42(
|
|
8649
8737
|
SelectItem,
|
|
8650
8738
|
{
|
|
8651
8739
|
value: tokenData.symbol,
|
|
@@ -8658,36 +8746,36 @@ function TransferCryptoDoubleInput({
|
|
|
8658
8746
|
}
|
|
8659
8747
|
)
|
|
8660
8748
|
] }),
|
|
8661
|
-
/* @__PURE__ */
|
|
8662
|
-
/* @__PURE__ */
|
|
8749
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
8750
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
|
|
8663
8751
|
t5.selectedChain,
|
|
8664
|
-
/* @__PURE__ */
|
|
8752
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
8665
8753
|
"$",
|
|
8666
8754
|
minDepositUsd,
|
|
8667
8755
|
" ",
|
|
8668
8756
|
t5.minDeposit.label
|
|
8669
8757
|
] })
|
|
8670
8758
|
] }),
|
|
8671
|
-
/* @__PURE__ */
|
|
8759
|
+
/* @__PURE__ */ jsxs37(
|
|
8672
8760
|
Select,
|
|
8673
8761
|
{
|
|
8674
8762
|
value: chain,
|
|
8675
8763
|
onValueChange: setChain,
|
|
8676
8764
|
disabled: tokensLoading || availableChainsForToken.length === 0,
|
|
8677
8765
|
children: [
|
|
8678
|
-
/* @__PURE__ */
|
|
8679
|
-
/* @__PURE__ */
|
|
8766
|
+
/* @__PURE__ */ jsx42(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__ */ jsx42(SelectValue, { children: tokensLoading ? /* @__PURE__ */ jsx42("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx42("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
|
|
8767
|
+
/* @__PURE__ */ jsx42(
|
|
8680
8768
|
SelectContent,
|
|
8681
8769
|
{
|
|
8682
8770
|
align: "end",
|
|
8683
8771
|
className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
|
|
8684
8772
|
style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} },
|
|
8685
|
-
children: availableChainsForToken.length === 0 ? /* @__PURE__ */
|
|
8773
|
+
children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx42("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
|
|
8686
8774
|
const chainKey = getChainKey2(
|
|
8687
8775
|
chainData.chain_id,
|
|
8688
8776
|
chainData.chain_type
|
|
8689
8777
|
);
|
|
8690
|
-
return /* @__PURE__ */
|
|
8778
|
+
return /* @__PURE__ */ jsx42(
|
|
8691
8779
|
SelectItem,
|
|
8692
8780
|
{
|
|
8693
8781
|
value: chainKey,
|
|
@@ -8704,24 +8792,24 @@ function TransferCryptoDoubleInput({
|
|
|
8704
8792
|
)
|
|
8705
8793
|
] })
|
|
8706
8794
|
] }),
|
|
8707
|
-
error && !loading && /* @__PURE__ */
|
|
8708
|
-
/* @__PURE__ */
|
|
8709
|
-
/* @__PURE__ */
|
|
8710
|
-
/* @__PURE__ */
|
|
8711
|
-
/* @__PURE__ */
|
|
8712
|
-
/* @__PURE__ */
|
|
8795
|
+
error && !loading && /* @__PURE__ */ jsxs37("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
|
|
8796
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
8797
|
+
/* @__PURE__ */ jsx42(Info2, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
|
|
8798
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
8799
|
+
/* @__PURE__ */ jsx42("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
|
|
8800
|
+
/* @__PURE__ */ jsx42("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
8713
8801
|
] })
|
|
8714
8802
|
] }),
|
|
8715
|
-
/* @__PURE__ */
|
|
8716
|
-
/* @__PURE__ */
|
|
8717
|
-
/* @__PURE__ */
|
|
8803
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
|
|
8804
|
+
/* @__PURE__ */ jsx42(Clock3, { className: "uf-w-3 uf-h-3" }),
|
|
8805
|
+
/* @__PURE__ */ jsx42("span", { children: "Retrying automatically every 5 seconds..." })
|
|
8718
8806
|
] })
|
|
8719
8807
|
] }),
|
|
8720
|
-
/* @__PURE__ */
|
|
8721
|
-
/* @__PURE__ */
|
|
8722
|
-
/* @__PURE__ */
|
|
8808
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
8809
|
+
/* @__PURE__ */ jsx42("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
8810
|
+
/* @__PURE__ */ jsx42("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
8723
8811
|
// QR Skeleton - matches QR code appearance
|
|
8724
|
-
/* @__PURE__ */
|
|
8812
|
+
/* @__PURE__ */ jsx42(
|
|
8725
8813
|
"div",
|
|
8726
8814
|
{
|
|
8727
8815
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -8731,7 +8819,7 @@ function TransferCryptoDoubleInput({
|
|
|
8731
8819
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
8732
8820
|
borderRadius: 8
|
|
8733
8821
|
},
|
|
8734
|
-
children: /* @__PURE__ */
|
|
8822
|
+
children: /* @__PURE__ */ jsx42(
|
|
8735
8823
|
"div",
|
|
8736
8824
|
{
|
|
8737
8825
|
style: {
|
|
@@ -8744,7 +8832,7 @@ function TransferCryptoDoubleInput({
|
|
|
8744
8832
|
)
|
|
8745
8833
|
}
|
|
8746
8834
|
)
|
|
8747
|
-
) : depositAddress ? /* @__PURE__ */
|
|
8835
|
+
) : depositAddress ? /* @__PURE__ */ jsx42(
|
|
8748
8836
|
StyledQRCode,
|
|
8749
8837
|
{
|
|
8750
8838
|
value: depositAddress,
|
|
@@ -8754,19 +8842,19 @@ function TransferCryptoDoubleInput({
|
|
|
8754
8842
|
darkMode: isDarkMode
|
|
8755
8843
|
},
|
|
8756
8844
|
`qr-${depositAddress}-${chain}`
|
|
8757
|
-
) : /* @__PURE__ */
|
|
8845
|
+
) : /* @__PURE__ */ jsx42(
|
|
8758
8846
|
"div",
|
|
8759
8847
|
{
|
|
8760
8848
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
8761
8849
|
style: { width: 180, height: 180 },
|
|
8762
|
-
children: /* @__PURE__ */
|
|
8850
|
+
children: /* @__PURE__ */ jsx42("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
|
|
8763
8851
|
}
|
|
8764
8852
|
) })
|
|
8765
8853
|
] }),
|
|
8766
|
-
/* @__PURE__ */
|
|
8854
|
+
/* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsxs37("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
8767
8855
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
8768
8856
|
// Address skeleton
|
|
8769
|
-
/* @__PURE__ */
|
|
8857
|
+
/* @__PURE__ */ jsx42(
|
|
8770
8858
|
"div",
|
|
8771
8859
|
{
|
|
8772
8860
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -8775,45 +8863,45 @@ function TransferCryptoDoubleInput({
|
|
|
8775
8863
|
}
|
|
8776
8864
|
}
|
|
8777
8865
|
)
|
|
8778
|
-
) : /* @__PURE__ */
|
|
8779
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */
|
|
8866
|
+
) : /* @__PURE__ */ jsx42("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
|
|
8867
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ jsx42(
|
|
8780
8868
|
"span",
|
|
8781
8869
|
{
|
|
8782
8870
|
onClick: handleCopyAddress,
|
|
8783
8871
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8784
8872
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
8785
|
-
children: copied ? /* @__PURE__ */
|
|
8873
|
+
children: copied ? /* @__PURE__ */ jsx42(Check5, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx42(Copy2, { className: "uf-w-3.5 uf-h-3.5" })
|
|
8786
8874
|
}
|
|
8787
8875
|
)
|
|
8788
8876
|
] }) }),
|
|
8789
|
-
/* @__PURE__ */
|
|
8790
|
-
/* @__PURE__ */
|
|
8877
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-px-2.5", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: [
|
|
8878
|
+
/* @__PURE__ */ jsxs37(
|
|
8791
8879
|
"button",
|
|
8792
8880
|
{
|
|
8793
8881
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
8794
8882
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
8795
8883
|
children: [
|
|
8796
|
-
/* @__PURE__ */
|
|
8797
|
-
/* @__PURE__ */
|
|
8798
|
-
/* @__PURE__ */
|
|
8884
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8885
|
+
/* @__PURE__ */ jsx42("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx42(Clock3, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8886
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8799
8887
|
t5.processingTime.label,
|
|
8800
8888
|
":",
|
|
8801
8889
|
" ",
|
|
8802
|
-
/* @__PURE__ */
|
|
8890
|
+
/* @__PURE__ */ jsx42("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
8803
8891
|
] })
|
|
8804
8892
|
] }),
|
|
8805
|
-
detailsExpanded ? /* @__PURE__ */
|
|
8893
|
+
detailsExpanded ? /* @__PURE__ */ jsx42(ChevronUp4, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx42(ChevronDown5, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
8806
8894
|
]
|
|
8807
8895
|
}
|
|
8808
8896
|
),
|
|
8809
|
-
detailsExpanded && /* @__PURE__ */
|
|
8810
|
-
/* @__PURE__ */
|
|
8811
|
-
/* @__PURE__ */
|
|
8812
|
-
/* @__PURE__ */
|
|
8897
|
+
detailsExpanded && /* @__PURE__ */ jsxs37("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
8898
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8899
|
+
/* @__PURE__ */ jsx42("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx42(ShieldCheck2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8900
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8813
8901
|
t5.slippage.label,
|
|
8814
8902
|
":",
|
|
8815
8903
|
" ",
|
|
8816
|
-
/* @__PURE__ */
|
|
8904
|
+
/* @__PURE__ */ jsxs37("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
8817
8905
|
t5.slippage.auto,
|
|
8818
8906
|
" \u2022 ",
|
|
8819
8907
|
maxSlippage.toFixed(2),
|
|
@@ -8821,38 +8909,38 @@ function TransferCryptoDoubleInput({
|
|
|
8821
8909
|
] })
|
|
8822
8910
|
] })
|
|
8823
8911
|
] }),
|
|
8824
|
-
/* @__PURE__ */
|
|
8825
|
-
/* @__PURE__ */
|
|
8826
|
-
/* @__PURE__ */
|
|
8912
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8913
|
+
/* @__PURE__ */ jsx42("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx42(DollarSign2, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8914
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8827
8915
|
t5.priceImpact.label,
|
|
8828
8916
|
":",
|
|
8829
8917
|
" ",
|
|
8830
|
-
/* @__PURE__ */
|
|
8918
|
+
/* @__PURE__ */ jsxs37("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
8831
8919
|
priceImpact.toFixed(2),
|
|
8832
8920
|
"%"
|
|
8833
8921
|
] })
|
|
8834
8922
|
] })
|
|
8835
8923
|
] }),
|
|
8836
|
-
/* @__PURE__ */
|
|
8837
|
-
/* @__PURE__ */
|
|
8838
|
-
/* @__PURE__ */
|
|
8924
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8925
|
+
/* @__PURE__ */ jsx42("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx42(Wallet22, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
|
|
8926
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8839
8927
|
"Recipient address:",
|
|
8840
8928
|
" ",
|
|
8841
|
-
/* @__PURE__ */
|
|
8842
|
-
/* @__PURE__ */
|
|
8929
|
+
/* @__PURE__ */ jsx42("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
8930
|
+
/* @__PURE__ */ jsx42(
|
|
8843
8931
|
"span",
|
|
8844
8932
|
{
|
|
8845
8933
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
8846
8934
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8847
8935
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
8848
|
-
children: copiedRecipient ? /* @__PURE__ */
|
|
8936
|
+
children: copiedRecipient ? /* @__PURE__ */ jsx42(Check5, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx42(Copy2, { className: "uf-w-3.5 uf-h-3.5" })
|
|
8849
8937
|
}
|
|
8850
8938
|
)
|
|
8851
8939
|
] })
|
|
8852
8940
|
] })
|
|
8853
8941
|
] })
|
|
8854
8942
|
] }),
|
|
8855
|
-
wallets && wallets.length > 0 && /* @__PURE__ */
|
|
8943
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ jsx42(
|
|
8856
8944
|
DepositPollingUi,
|
|
8857
8945
|
{
|
|
8858
8946
|
depositConfirmationMode,
|
|
@@ -8861,29 +8949,29 @@ function TransferCryptoDoubleInput({
|
|
|
8861
8949
|
onIveDeposited: handleIveDeposited
|
|
8862
8950
|
}
|
|
8863
8951
|
),
|
|
8864
|
-
/* @__PURE__ */
|
|
8865
|
-
depositExecutions.length > 1 && /* @__PURE__ */
|
|
8952
|
+
/* @__PURE__ */ jsx42(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
8953
|
+
depositExecutions.length > 1 && /* @__PURE__ */ jsx42("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs37(
|
|
8866
8954
|
"button",
|
|
8867
8955
|
{
|
|
8868
8956
|
onClick: () => setDepositsModalOpen(true),
|
|
8869
8957
|
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",
|
|
8870
8958
|
children: [
|
|
8871
|
-
/* @__PURE__ */
|
|
8959
|
+
/* @__PURE__ */ jsx42(Clock3, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
8872
8960
|
"Track deposits (",
|
|
8873
8961
|
depositExecutions.length,
|
|
8874
8962
|
")",
|
|
8875
|
-
/* @__PURE__ */
|
|
8963
|
+
/* @__PURE__ */ jsx42(ChevronRight10, { className: "uf-w-3 uf-h-3" })
|
|
8876
8964
|
]
|
|
8877
8965
|
}
|
|
8878
8966
|
) }),
|
|
8879
|
-
/* @__PURE__ */
|
|
8967
|
+
/* @__PURE__ */ jsx42(
|
|
8880
8968
|
DepositPollingToasts,
|
|
8881
8969
|
{
|
|
8882
8970
|
executions: depositExecutions,
|
|
8883
8971
|
isPolling
|
|
8884
8972
|
}
|
|
8885
8973
|
),
|
|
8886
|
-
/* @__PURE__ */
|
|
8974
|
+
/* @__PURE__ */ jsx42(
|
|
8887
8975
|
DepositsModal,
|
|
8888
8976
|
{
|
|
8889
8977
|
open: depositsModalOpen,
|
|
@@ -8894,7 +8982,7 @@ function TransferCryptoDoubleInput({
|
|
|
8894
8982
|
themeClass
|
|
8895
8983
|
}
|
|
8896
8984
|
),
|
|
8897
|
-
/* @__PURE__ */
|
|
8985
|
+
/* @__PURE__ */ jsx42(
|
|
8898
8986
|
GlossaryModal,
|
|
8899
8987
|
{
|
|
8900
8988
|
open: glossaryOpen,
|
|
@@ -8919,7 +9007,7 @@ import {
|
|
|
8919
9007
|
|
|
8920
9008
|
// src/components/deposits/browser-wallets/SelectTokenView.tsx
|
|
8921
9009
|
import { Loader2 as Loader22 } from "lucide-react";
|
|
8922
|
-
import { Fragment as Fragment5, jsx as
|
|
9010
|
+
import { Fragment as Fragment5, jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
8923
9011
|
function SelectTokenView({
|
|
8924
9012
|
projectName,
|
|
8925
9013
|
assetCdnUrl,
|
|
@@ -8934,8 +9022,8 @@ function SelectTokenView({
|
|
|
8934
9022
|
onClose
|
|
8935
9023
|
}) {
|
|
8936
9024
|
const { colors: colors2, fonts, components } = useTheme();
|
|
8937
|
-
return /* @__PURE__ */
|
|
8938
|
-
/* @__PURE__ */
|
|
9025
|
+
return /* @__PURE__ */ jsxs38(Fragment5, { children: [
|
|
9026
|
+
/* @__PURE__ */ jsx43(
|
|
8939
9027
|
DepositHeader,
|
|
8940
9028
|
{
|
|
8941
9029
|
title: "Select Token",
|
|
@@ -8948,20 +9036,20 @@ function SelectTokenView({
|
|
|
8948
9036
|
onClose
|
|
8949
9037
|
}
|
|
8950
9038
|
),
|
|
8951
|
-
/* @__PURE__ */
|
|
9039
|
+
/* @__PURE__ */ jsx43("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx43("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ jsx43("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ jsx43(
|
|
8952
9040
|
Loader22,
|
|
8953
9041
|
{
|
|
8954
9042
|
className: "uf-w-6 uf-h-6 uf-animate-spin",
|
|
8955
9043
|
style: { color: colors2.foregroundMuted }
|
|
8956
9044
|
}
|
|
8957
|
-
) }) : error ? /* @__PURE__ */
|
|
9045
|
+
) }) : error ? /* @__PURE__ */ jsx43("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx43(
|
|
8958
9046
|
"div",
|
|
8959
9047
|
{
|
|
8960
9048
|
className: "uf-text-sm",
|
|
8961
9049
|
style: { color: colors2.foregroundMuted },
|
|
8962
9050
|
children: error
|
|
8963
9051
|
}
|
|
8964
|
-
) }) : balances.length === 0 ? /* @__PURE__ */
|
|
9052
|
+
) }) : balances.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx43(
|
|
8965
9053
|
"div",
|
|
8966
9054
|
{
|
|
8967
9055
|
className: "uf-text-sm",
|
|
@@ -8980,7 +9068,7 @@ function SelectTokenView({
|
|
|
8980
9068
|
token.symbol
|
|
8981
9069
|
);
|
|
8982
9070
|
const formattedUsd = formatUsdAmount(balance.amount_usd);
|
|
8983
|
-
return /* @__PURE__ */
|
|
9071
|
+
return /* @__PURE__ */ jsxs38(
|
|
8984
9072
|
"button",
|
|
8985
9073
|
{
|
|
8986
9074
|
onClick: () => onTokenSelect(balance),
|
|
@@ -8993,9 +9081,9 @@ function SelectTokenView({
|
|
|
8993
9081
|
opacity: isEligible ? 1 : 0.5
|
|
8994
9082
|
},
|
|
8995
9083
|
children: [
|
|
8996
|
-
/* @__PURE__ */
|
|
8997
|
-
/* @__PURE__ */
|
|
8998
|
-
getIconUrl(token.icon_url, assetCdnUrl) ? /* @__PURE__ */
|
|
9084
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
9085
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
|
|
9086
|
+
getIconUrl(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ jsx43(
|
|
8999
9087
|
"img",
|
|
9000
9088
|
{
|
|
9001
9089
|
src: getIconUrl(token.icon_url, assetCdnUrl),
|
|
@@ -9007,12 +9095,12 @@ function SelectTokenView({
|
|
|
9007
9095
|
filter: isEligible ? "none" : "grayscale(100%)"
|
|
9008
9096
|
}
|
|
9009
9097
|
}
|
|
9010
|
-
) : /* @__PURE__ */
|
|
9098
|
+
) : /* @__PURE__ */ jsx43(
|
|
9011
9099
|
"div",
|
|
9012
9100
|
{
|
|
9013
9101
|
className: "uf-w-9 uf-h-9 uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
9014
9102
|
style: { backgroundColor: colors2.card },
|
|
9015
|
-
children: /* @__PURE__ */
|
|
9103
|
+
children: /* @__PURE__ */ jsx43(
|
|
9016
9104
|
"span",
|
|
9017
9105
|
{
|
|
9018
9106
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -9022,7 +9110,7 @@ function SelectTokenView({
|
|
|
9022
9110
|
)
|
|
9023
9111
|
}
|
|
9024
9112
|
),
|
|
9025
|
-
getIconUrl(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */
|
|
9113
|
+
getIconUrl(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ jsx43(
|
|
9026
9114
|
"img",
|
|
9027
9115
|
{
|
|
9028
9116
|
src: getIconUrl(token.chain_icon_url, assetCdnUrl),
|
|
@@ -9037,8 +9125,8 @@ function SelectTokenView({
|
|
|
9037
9125
|
}
|
|
9038
9126
|
)
|
|
9039
9127
|
] }),
|
|
9040
|
-
/* @__PURE__ */
|
|
9041
|
-
/* @__PURE__ */
|
|
9128
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-text-left", children: [
|
|
9129
|
+
/* @__PURE__ */ jsx43(
|
|
9042
9130
|
"div",
|
|
9043
9131
|
{
|
|
9044
9132
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9049,7 +9137,7 @@ function SelectTokenView({
|
|
|
9049
9137
|
children: token.symbol
|
|
9050
9138
|
}
|
|
9051
9139
|
),
|
|
9052
|
-
/* @__PURE__ */
|
|
9140
|
+
/* @__PURE__ */ jsxs38(
|
|
9053
9141
|
"div",
|
|
9054
9142
|
{
|
|
9055
9143
|
className: "uf-text-xs",
|
|
@@ -9065,8 +9153,8 @@ function SelectTokenView({
|
|
|
9065
9153
|
)
|
|
9066
9154
|
] })
|
|
9067
9155
|
] }),
|
|
9068
|
-
/* @__PURE__ */
|
|
9069
|
-
/* @__PURE__ */
|
|
9156
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-text-right", children: [
|
|
9157
|
+
/* @__PURE__ */ jsxs38(
|
|
9070
9158
|
"div",
|
|
9071
9159
|
{
|
|
9072
9160
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9081,7 +9169,7 @@ function SelectTokenView({
|
|
|
9081
9169
|
]
|
|
9082
9170
|
}
|
|
9083
9171
|
),
|
|
9084
|
-
formattedUsd && /* @__PURE__ */
|
|
9172
|
+
formattedUsd && /* @__PURE__ */ jsxs38(
|
|
9085
9173
|
"div",
|
|
9086
9174
|
{
|
|
9087
9175
|
className: "uf-text-xs",
|
|
@@ -9101,7 +9189,7 @@ function SelectTokenView({
|
|
|
9101
9189
|
`${token.chain_id}-${token.token_address}-${index}`
|
|
9102
9190
|
);
|
|
9103
9191
|
}) }) }),
|
|
9104
|
-
/* @__PURE__ */
|
|
9192
|
+
/* @__PURE__ */ jsx43("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx43(
|
|
9105
9193
|
"button",
|
|
9106
9194
|
{
|
|
9107
9195
|
onClick: onContinue,
|
|
@@ -9121,7 +9209,7 @@ function SelectTokenView({
|
|
|
9121
9209
|
}
|
|
9122
9210
|
|
|
9123
9211
|
// src/components/deposits/browser-wallets/EnterAmountView.tsx
|
|
9124
|
-
import { Fragment as Fragment6, jsx as
|
|
9212
|
+
import { Fragment as Fragment6, jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
9125
9213
|
function EnterAmountView({
|
|
9126
9214
|
selectedBalance,
|
|
9127
9215
|
selectedToken,
|
|
@@ -9140,8 +9228,8 @@ function EnterAmountView({
|
|
|
9140
9228
|
}) {
|
|
9141
9229
|
const { colors: colors2, fonts, components } = useTheme();
|
|
9142
9230
|
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}`;
|
|
9143
|
-
return /* @__PURE__ */
|
|
9144
|
-
/* @__PURE__ */
|
|
9231
|
+
return /* @__PURE__ */ jsxs39(Fragment6, { children: [
|
|
9232
|
+
/* @__PURE__ */ jsx44(
|
|
9145
9233
|
DepositHeader,
|
|
9146
9234
|
{
|
|
9147
9235
|
title: "Enter Amount",
|
|
@@ -9151,9 +9239,9 @@ function EnterAmountView({
|
|
|
9151
9239
|
onClose
|
|
9152
9240
|
}
|
|
9153
9241
|
),
|
|
9154
|
-
/* @__PURE__ */
|
|
9155
|
-
/* @__PURE__ */
|
|
9156
|
-
/* @__PURE__ */
|
|
9242
|
+
/* @__PURE__ */ jsxs39("div", { className: "uf-text-center uf-py-6", children: [
|
|
9243
|
+
/* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
9244
|
+
/* @__PURE__ */ jsx44(
|
|
9157
9245
|
"span",
|
|
9158
9246
|
{
|
|
9159
9247
|
className: "uf-text-2xl uf-mr-1",
|
|
@@ -9161,7 +9249,7 @@ function EnterAmountView({
|
|
|
9161
9249
|
children: "$"
|
|
9162
9250
|
}
|
|
9163
9251
|
),
|
|
9164
|
-
/* @__PURE__ */
|
|
9252
|
+
/* @__PURE__ */ jsx44(
|
|
9165
9253
|
"input",
|
|
9166
9254
|
{
|
|
9167
9255
|
type: "text",
|
|
@@ -9189,7 +9277,7 @@ function EnterAmountView({
|
|
|
9189
9277
|
}
|
|
9190
9278
|
)
|
|
9191
9279
|
] }),
|
|
9192
|
-
formattedTokenAmount && /* @__PURE__ */
|
|
9280
|
+
formattedTokenAmount && /* @__PURE__ */ jsxs39(
|
|
9193
9281
|
"div",
|
|
9194
9282
|
{
|
|
9195
9283
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -9201,8 +9289,8 @@ function EnterAmountView({
|
|
|
9201
9289
|
}
|
|
9202
9290
|
)
|
|
9203
9291
|
] }),
|
|
9204
|
-
/* @__PURE__ */
|
|
9205
|
-
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */
|
|
9292
|
+
/* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
|
|
9293
|
+
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ jsxs39(
|
|
9206
9294
|
"button",
|
|
9207
9295
|
{
|
|
9208
9296
|
onClick: () => onAmountChange(quickAmount.toString()),
|
|
@@ -9219,7 +9307,7 @@ function EnterAmountView({
|
|
|
9219
9307
|
},
|
|
9220
9308
|
quickAmount
|
|
9221
9309
|
)),
|
|
9222
|
-
/* @__PURE__ */
|
|
9310
|
+
/* @__PURE__ */ jsx44(
|
|
9223
9311
|
"button",
|
|
9224
9312
|
{
|
|
9225
9313
|
onClick: onMaxClick,
|
|
@@ -9233,7 +9321,7 @@ function EnterAmountView({
|
|
|
9233
9321
|
}
|
|
9234
9322
|
)
|
|
9235
9323
|
] }),
|
|
9236
|
-
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */
|
|
9324
|
+
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ jsxs39(
|
|
9237
9325
|
"div",
|
|
9238
9326
|
{
|
|
9239
9327
|
className: "uf-text-center uf-text-xs uf-mb-3",
|
|
@@ -9244,14 +9332,14 @@ function EnterAmountView({
|
|
|
9244
9332
|
]
|
|
9245
9333
|
}
|
|
9246
9334
|
),
|
|
9247
|
-
inputUsdNum > 0 && /* @__PURE__ */
|
|
9335
|
+
inputUsdNum > 0 && /* @__PURE__ */ jsx44(Fragment6, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ jsx44(
|
|
9248
9336
|
"div",
|
|
9249
9337
|
{
|
|
9250
9338
|
className: "uf-text-center uf-text-sm uf-mb-3",
|
|
9251
9339
|
style: { color: colors2.error },
|
|
9252
9340
|
children: "Insufficient balance"
|
|
9253
9341
|
}
|
|
9254
|
-
) : error && /* @__PURE__ */
|
|
9342
|
+
) : error && /* @__PURE__ */ jsx44(
|
|
9255
9343
|
"div",
|
|
9256
9344
|
{
|
|
9257
9345
|
className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2",
|
|
@@ -9259,7 +9347,7 @@ function EnterAmountView({
|
|
|
9259
9347
|
children: error
|
|
9260
9348
|
}
|
|
9261
9349
|
) }),
|
|
9262
|
-
/* @__PURE__ */
|
|
9350
|
+
/* @__PURE__ */ jsx44(
|
|
9263
9351
|
"button",
|
|
9264
9352
|
{
|
|
9265
9353
|
onClick: onReview,
|
|
@@ -9280,7 +9368,7 @@ function EnterAmountView({
|
|
|
9280
9368
|
|
|
9281
9369
|
// src/components/deposits/browser-wallets/ReviewView.tsx
|
|
9282
9370
|
import { ChevronDown as ChevronDown6, ChevronUp as ChevronUp5 } from "lucide-react";
|
|
9283
|
-
import { Fragment as Fragment7, jsx as
|
|
9371
|
+
import { Fragment as Fragment7, jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
9284
9372
|
function ReviewView({
|
|
9285
9373
|
walletInfo,
|
|
9286
9374
|
recipientAddress,
|
|
@@ -9299,8 +9387,8 @@ function ReviewView({
|
|
|
9299
9387
|
onClose
|
|
9300
9388
|
}) {
|
|
9301
9389
|
const { colors: colors2, fonts, components } = useTheme();
|
|
9302
|
-
return /* @__PURE__ */
|
|
9303
|
-
/* @__PURE__ */
|
|
9390
|
+
return /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
|
|
9391
|
+
/* @__PURE__ */ jsx45(
|
|
9304
9392
|
DepositHeader,
|
|
9305
9393
|
{
|
|
9306
9394
|
title: "Review",
|
|
@@ -9309,8 +9397,8 @@ function ReviewView({
|
|
|
9309
9397
|
onClose
|
|
9310
9398
|
}
|
|
9311
9399
|
),
|
|
9312
|
-
/* @__PURE__ */
|
|
9313
|
-
/* @__PURE__ */
|
|
9400
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-text-center", children: [
|
|
9401
|
+
/* @__PURE__ */ jsxs40(
|
|
9314
9402
|
"div",
|
|
9315
9403
|
{
|
|
9316
9404
|
className: "uf-text-4xl uf-font-medium",
|
|
@@ -9321,7 +9409,7 @@ function ReviewView({
|
|
|
9321
9409
|
]
|
|
9322
9410
|
}
|
|
9323
9411
|
),
|
|
9324
|
-
formattedTokenAmount && /* @__PURE__ */
|
|
9412
|
+
formattedTokenAmount && /* @__PURE__ */ jsxs40(
|
|
9325
9413
|
"div",
|
|
9326
9414
|
{
|
|
9327
9415
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -9333,14 +9421,14 @@ function ReviewView({
|
|
|
9333
9421
|
}
|
|
9334
9422
|
)
|
|
9335
9423
|
] }),
|
|
9336
|
-
/* @__PURE__ */
|
|
9424
|
+
/* @__PURE__ */ jsxs40(
|
|
9337
9425
|
"div",
|
|
9338
9426
|
{
|
|
9339
9427
|
className: "uf-p-4 uf-space-y-4 uf-mt-4",
|
|
9340
9428
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
9341
9429
|
children: [
|
|
9342
|
-
/* @__PURE__ */
|
|
9343
|
-
/* @__PURE__ */
|
|
9430
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
9431
|
+
/* @__PURE__ */ jsx45(
|
|
9344
9432
|
"span",
|
|
9345
9433
|
{
|
|
9346
9434
|
className: "uf-text-sm",
|
|
@@ -9348,8 +9436,8 @@ function ReviewView({
|
|
|
9348
9436
|
children: "Source"
|
|
9349
9437
|
}
|
|
9350
9438
|
),
|
|
9351
|
-
/* @__PURE__ */
|
|
9352
|
-
getIconUrl(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */
|
|
9439
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
9440
|
+
getIconUrl(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ jsx45(
|
|
9353
9441
|
"img",
|
|
9354
9442
|
{
|
|
9355
9443
|
src: getIconUrl(selectedToken.icon_url, assetCdnUrl),
|
|
@@ -9357,7 +9445,7 @@ function ReviewView({
|
|
|
9357
9445
|
className: "uf-w-5 uf-h-5 uf-rounded-full"
|
|
9358
9446
|
}
|
|
9359
9447
|
),
|
|
9360
|
-
/* @__PURE__ */
|
|
9448
|
+
/* @__PURE__ */ jsxs40(
|
|
9361
9449
|
"span",
|
|
9362
9450
|
{
|
|
9363
9451
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9372,8 +9460,8 @@ function ReviewView({
|
|
|
9372
9460
|
)
|
|
9373
9461
|
] })
|
|
9374
9462
|
] }),
|
|
9375
|
-
/* @__PURE__ */
|
|
9376
|
-
/* @__PURE__ */
|
|
9463
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
9464
|
+
/* @__PURE__ */ jsx45(
|
|
9377
9465
|
"span",
|
|
9378
9466
|
{
|
|
9379
9467
|
className: "uf-text-sm",
|
|
@@ -9381,7 +9469,7 @@ function ReviewView({
|
|
|
9381
9469
|
children: "Destination"
|
|
9382
9470
|
}
|
|
9383
9471
|
),
|
|
9384
|
-
/* @__PURE__ */
|
|
9472
|
+
/* @__PURE__ */ jsx45(
|
|
9385
9473
|
"span",
|
|
9386
9474
|
{
|
|
9387
9475
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9390,13 +9478,13 @@ function ReviewView({
|
|
|
9390
9478
|
}
|
|
9391
9479
|
)
|
|
9392
9480
|
] }),
|
|
9393
|
-
/* @__PURE__ */
|
|
9481
|
+
/* @__PURE__ */ jsxs40(
|
|
9394
9482
|
"button",
|
|
9395
9483
|
{
|
|
9396
9484
|
onClick: onToggleDetails,
|
|
9397
9485
|
className: "uf-w-full uf-flex uf-justify-between uf-items-center uf-transition-colors hover:uf-opacity-80",
|
|
9398
9486
|
children: [
|
|
9399
|
-
/* @__PURE__ */
|
|
9487
|
+
/* @__PURE__ */ jsx45(
|
|
9400
9488
|
"span",
|
|
9401
9489
|
{
|
|
9402
9490
|
className: "uf-text-sm",
|
|
@@ -9404,8 +9492,8 @@ function ReviewView({
|
|
|
9404
9492
|
children: "Estimated time"
|
|
9405
9493
|
}
|
|
9406
9494
|
),
|
|
9407
|
-
/* @__PURE__ */
|
|
9408
|
-
/* @__PURE__ */
|
|
9495
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
9496
|
+
/* @__PURE__ */ jsx45(
|
|
9409
9497
|
"span",
|
|
9410
9498
|
{
|
|
9411
9499
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9415,13 +9503,13 @@ function ReviewView({
|
|
|
9415
9503
|
)
|
|
9416
9504
|
}
|
|
9417
9505
|
),
|
|
9418
|
-
showTransactionDetails ? /* @__PURE__ */
|
|
9506
|
+
showTransactionDetails ? /* @__PURE__ */ jsx45(
|
|
9419
9507
|
ChevronUp5,
|
|
9420
9508
|
{
|
|
9421
9509
|
className: "uf-w-4 uf-h-4",
|
|
9422
9510
|
style: { color: colors2.foregroundMuted }
|
|
9423
9511
|
}
|
|
9424
|
-
) : /* @__PURE__ */
|
|
9512
|
+
) : /* @__PURE__ */ jsx45(
|
|
9425
9513
|
ChevronDown6,
|
|
9426
9514
|
{
|
|
9427
9515
|
className: "uf-w-4 uf-h-4",
|
|
@@ -9432,14 +9520,14 @@ function ReviewView({
|
|
|
9432
9520
|
]
|
|
9433
9521
|
}
|
|
9434
9522
|
),
|
|
9435
|
-
showTransactionDetails && tokenChainDetails && /* @__PURE__ */
|
|
9436
|
-
/* @__PURE__ */
|
|
9523
|
+
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ jsxs40(Fragment7, { children: [
|
|
9524
|
+
/* @__PURE__ */ jsxs40(
|
|
9437
9525
|
"div",
|
|
9438
9526
|
{
|
|
9439
9527
|
className: "uf-flex uf-justify-between uf-items-center uf-pt-3 uf-border-t",
|
|
9440
9528
|
style: { borderColor: colors2.border },
|
|
9441
9529
|
children: [
|
|
9442
|
-
/* @__PURE__ */
|
|
9530
|
+
/* @__PURE__ */ jsx45(
|
|
9443
9531
|
"span",
|
|
9444
9532
|
{
|
|
9445
9533
|
className: "uf-text-sm",
|
|
@@ -9450,7 +9538,7 @@ function ReviewView({
|
|
|
9450
9538
|
children: "Price impact"
|
|
9451
9539
|
}
|
|
9452
9540
|
),
|
|
9453
|
-
/* @__PURE__ */
|
|
9541
|
+
/* @__PURE__ */ jsxs40(
|
|
9454
9542
|
"span",
|
|
9455
9543
|
{
|
|
9456
9544
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9464,8 +9552,8 @@ function ReviewView({
|
|
|
9464
9552
|
]
|
|
9465
9553
|
}
|
|
9466
9554
|
),
|
|
9467
|
-
/* @__PURE__ */
|
|
9468
|
-
/* @__PURE__ */
|
|
9555
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
9556
|
+
/* @__PURE__ */ jsx45(
|
|
9469
9557
|
"span",
|
|
9470
9558
|
{
|
|
9471
9559
|
className: "uf-text-sm",
|
|
@@ -9476,7 +9564,7 @@ function ReviewView({
|
|
|
9476
9564
|
children: "Max slippage"
|
|
9477
9565
|
}
|
|
9478
9566
|
),
|
|
9479
|
-
/* @__PURE__ */
|
|
9567
|
+
/* @__PURE__ */ jsxs40(
|
|
9480
9568
|
"span",
|
|
9481
9569
|
{
|
|
9482
9570
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9492,7 +9580,7 @@ function ReviewView({
|
|
|
9492
9580
|
]
|
|
9493
9581
|
}
|
|
9494
9582
|
),
|
|
9495
|
-
error && /* @__PURE__ */
|
|
9583
|
+
error && /* @__PURE__ */ jsx45(
|
|
9496
9584
|
"div",
|
|
9497
9585
|
{
|
|
9498
9586
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-2",
|
|
@@ -9500,7 +9588,7 @@ function ReviewView({
|
|
|
9500
9588
|
children: error
|
|
9501
9589
|
}
|
|
9502
9590
|
),
|
|
9503
|
-
/* @__PURE__ */
|
|
9591
|
+
/* @__PURE__ */ jsxs40(
|
|
9504
9592
|
"div",
|
|
9505
9593
|
{
|
|
9506
9594
|
className: "uf-text-xs uf-text-center uf-mt-4 uf-px-4",
|
|
@@ -9511,7 +9599,7 @@ function ReviewView({
|
|
|
9511
9599
|
]
|
|
9512
9600
|
}
|
|
9513
9601
|
),
|
|
9514
|
-
/* @__PURE__ */
|
|
9602
|
+
/* @__PURE__ */ jsx45("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx45(
|
|
9515
9603
|
"button",
|
|
9516
9604
|
{
|
|
9517
9605
|
onClick: onConfirm,
|
|
@@ -9533,7 +9621,7 @@ function ReviewView({
|
|
|
9533
9621
|
// src/components/deposits/browser-wallets/ConfirmingView.tsx
|
|
9534
9622
|
import * as React25 from "react";
|
|
9535
9623
|
import { Loader2 as Loader23, CheckCircle2 } from "lucide-react";
|
|
9536
|
-
import { Fragment as Fragment8, jsx as
|
|
9624
|
+
import { Fragment as Fragment8, jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
9537
9625
|
function ConfirmingView({
|
|
9538
9626
|
isConfirming,
|
|
9539
9627
|
onClose,
|
|
@@ -9547,23 +9635,23 @@ function ConfirmingView({
|
|
|
9547
9635
|
const visibleExecutions = executions.filter(
|
|
9548
9636
|
(execution) => !closedExecutionIds.has(execution.id)
|
|
9549
9637
|
);
|
|
9550
|
-
return /* @__PURE__ */
|
|
9551
|
-
/* @__PURE__ */
|
|
9638
|
+
return /* @__PURE__ */ jsxs41("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
|
|
9639
|
+
/* @__PURE__ */ jsx46(
|
|
9552
9640
|
DepositHeader,
|
|
9553
9641
|
{
|
|
9554
9642
|
title: isConfirming ? "Confirming..." : "Processing",
|
|
9555
9643
|
onClose
|
|
9556
9644
|
}
|
|
9557
9645
|
),
|
|
9558
|
-
/* @__PURE__ */
|
|
9559
|
-
/* @__PURE__ */
|
|
9646
|
+
/* @__PURE__ */ jsx46("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-flex-1 uf-py-12", children: isConfirming ? /* @__PURE__ */ jsxs41(Fragment8, { children: [
|
|
9647
|
+
/* @__PURE__ */ jsx46(
|
|
9560
9648
|
Loader23,
|
|
9561
9649
|
{
|
|
9562
9650
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
9563
9651
|
style: { color: colors2.primary }
|
|
9564
9652
|
}
|
|
9565
9653
|
),
|
|
9566
|
-
/* @__PURE__ */
|
|
9654
|
+
/* @__PURE__ */ jsx46(
|
|
9567
9655
|
"div",
|
|
9568
9656
|
{
|
|
9569
9657
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -9571,7 +9659,7 @@ function ConfirmingView({
|
|
|
9571
9659
|
children: "Waiting for confirmation..."
|
|
9572
9660
|
}
|
|
9573
9661
|
),
|
|
9574
|
-
/* @__PURE__ */
|
|
9662
|
+
/* @__PURE__ */ jsx46(
|
|
9575
9663
|
"div",
|
|
9576
9664
|
{
|
|
9577
9665
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -9579,15 +9667,15 @@ function ConfirmingView({
|
|
|
9579
9667
|
children: "Please confirm the transaction in your wallet"
|
|
9580
9668
|
}
|
|
9581
9669
|
)
|
|
9582
|
-
] }) : /* @__PURE__ */
|
|
9583
|
-
/* @__PURE__ */
|
|
9670
|
+
] }) : /* @__PURE__ */ jsxs41(Fragment8, { children: [
|
|
9671
|
+
/* @__PURE__ */ jsx46(
|
|
9584
9672
|
CheckCircle2,
|
|
9585
9673
|
{
|
|
9586
9674
|
className: "uf-w-12 uf-h-12 uf-mb-4",
|
|
9587
9675
|
style: { color: colors2.primary }
|
|
9588
9676
|
}
|
|
9589
9677
|
),
|
|
9590
|
-
/* @__PURE__ */
|
|
9678
|
+
/* @__PURE__ */ jsx46(
|
|
9591
9679
|
"div",
|
|
9592
9680
|
{
|
|
9593
9681
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -9595,7 +9683,7 @@ function ConfirmingView({
|
|
|
9595
9683
|
children: "Transaction Submitted"
|
|
9596
9684
|
}
|
|
9597
9685
|
),
|
|
9598
|
-
/* @__PURE__ */
|
|
9686
|
+
/* @__PURE__ */ jsx46(
|
|
9599
9687
|
"div",
|
|
9600
9688
|
{
|
|
9601
9689
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -9604,7 +9692,7 @@ function ConfirmingView({
|
|
|
9604
9692
|
}
|
|
9605
9693
|
)
|
|
9606
9694
|
] }) }),
|
|
9607
|
-
visibleExecutions.length > 0 && /* @__PURE__ */
|
|
9695
|
+
visibleExecutions.length > 0 && /* @__PURE__ */ jsx46("div", { className: "uf-absolute uf-bottom-0 uf-left-0 uf-right-0 uf-p-4 uf-flex uf-flex-col uf-gap-2", children: visibleExecutions.map((execution) => /* @__PURE__ */ jsx46(
|
|
9608
9696
|
DepositSuccessToast,
|
|
9609
9697
|
{
|
|
9610
9698
|
depositTx: execution.transaction_hash,
|
|
@@ -9625,7 +9713,7 @@ function ConfirmingView({
|
|
|
9625
9713
|
}
|
|
9626
9714
|
|
|
9627
9715
|
// src/components/deposits/BrowserWalletModal.tsx
|
|
9628
|
-
import { Fragment as Fragment9, jsx as
|
|
9716
|
+
import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
9629
9717
|
function BrowserWalletModal({
|
|
9630
9718
|
open,
|
|
9631
9719
|
onOpenChange,
|
|
@@ -10109,7 +10197,7 @@ function BrowserWalletModal({
|
|
|
10109
10197
|
""
|
|
10110
10198
|
);
|
|
10111
10199
|
}, [tokenAmount, selectedToken]);
|
|
10112
|
-
return /* @__PURE__ */
|
|
10200
|
+
return /* @__PURE__ */ jsx47(Fragment9, { children: /* @__PURE__ */ jsx47(
|
|
10113
10201
|
Dialog,
|
|
10114
10202
|
{
|
|
10115
10203
|
open,
|
|
@@ -10119,15 +10207,15 @@ function BrowserWalletModal({
|
|
|
10119
10207
|
}
|
|
10120
10208
|
handleClose();
|
|
10121
10209
|
},
|
|
10122
|
-
children: /* @__PURE__ */
|
|
10210
|
+
children: /* @__PURE__ */ jsx47(
|
|
10123
10211
|
DialogContent,
|
|
10124
10212
|
{
|
|
10125
10213
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
10126
10214
|
style: { backgroundColor: colors2.background },
|
|
10127
10215
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
10128
10216
|
onInteractOutside: (e) => e.preventDefault(),
|
|
10129
|
-
children: /* @__PURE__ */
|
|
10130
|
-
step === "select-token" && /* @__PURE__ */
|
|
10217
|
+
children: /* @__PURE__ */ jsxs42(ThemeStyleInjector, { children: [
|
|
10218
|
+
step === "select-token" && /* @__PURE__ */ jsx47(
|
|
10131
10219
|
SelectTokenView,
|
|
10132
10220
|
{
|
|
10133
10221
|
projectName,
|
|
@@ -10143,7 +10231,7 @@ function BrowserWalletModal({
|
|
|
10143
10231
|
onClose: handleFullClose
|
|
10144
10232
|
}
|
|
10145
10233
|
),
|
|
10146
|
-
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */
|
|
10234
|
+
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ jsx47(
|
|
10147
10235
|
EnterAmountView,
|
|
10148
10236
|
{
|
|
10149
10237
|
selectedBalance,
|
|
@@ -10162,7 +10250,7 @@ function BrowserWalletModal({
|
|
|
10162
10250
|
onClose: handleFullClose
|
|
10163
10251
|
}
|
|
10164
10252
|
),
|
|
10165
|
-
step === "review" && selectedToken && /* @__PURE__ */
|
|
10253
|
+
step === "review" && selectedToken && /* @__PURE__ */ jsx47(
|
|
10166
10254
|
ReviewView,
|
|
10167
10255
|
{
|
|
10168
10256
|
walletInfo,
|
|
@@ -10182,7 +10270,7 @@ function BrowserWalletModal({
|
|
|
10182
10270
|
onClose: handleFullClose
|
|
10183
10271
|
}
|
|
10184
10272
|
),
|
|
10185
|
-
step === "confirming" && /* @__PURE__ */
|
|
10273
|
+
step === "confirming" && /* @__PURE__ */ jsx47(
|
|
10186
10274
|
ConfirmingView,
|
|
10187
10275
|
{
|
|
10188
10276
|
isConfirming,
|
|
@@ -10200,7 +10288,7 @@ function BrowserWalletModal({
|
|
|
10200
10288
|
// src/components/deposits/WalletSelectionModal.tsx
|
|
10201
10289
|
import * as React27 from "react";
|
|
10202
10290
|
import { ExternalLink as ExternalLink3, Loader2 as Loader24 } from "lucide-react";
|
|
10203
|
-
import {
|
|
10291
|
+
import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
10204
10292
|
var WALLET_ICONS = {
|
|
10205
10293
|
metamask: MetamaskIcon,
|
|
10206
10294
|
phantom: PhantomIcon,
|
|
@@ -10278,6 +10366,7 @@ var WALLET_DEFINITIONS = [
|
|
|
10278
10366
|
installUrl: "https://glow.app/"
|
|
10279
10367
|
}
|
|
10280
10368
|
];
|
|
10369
|
+
var WALLET_LIST_MAX_HEIGHT_PX = 330;
|
|
10281
10370
|
function WalletSelectionModal({
|
|
10282
10371
|
open,
|
|
10283
10372
|
onOpenChange,
|
|
@@ -10286,14 +10375,13 @@ function WalletSelectionModal({
|
|
|
10286
10375
|
chainType,
|
|
10287
10376
|
theme = "dark"
|
|
10288
10377
|
}) {
|
|
10289
|
-
const { colors: colors2, fonts, components
|
|
10378
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
10290
10379
|
const [step, setStep] = React27.useState("select-wallet");
|
|
10291
10380
|
const [selectedWallet, setSelectedWallet] = React27.useState(null);
|
|
10292
10381
|
const [connectingNetwork, setConnectingNetwork] = React27.useState(null);
|
|
10293
10382
|
const [error, setError] = React27.useState(null);
|
|
10294
10383
|
const [isConnecting, setIsConnecting] = React27.useState(false);
|
|
10295
10384
|
const themeClass = theme === "dark" ? "uf-dark" : "";
|
|
10296
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
10297
10385
|
const getProviders = React27.useCallback(() => {
|
|
10298
10386
|
if (typeof window === "undefined") {
|
|
10299
10387
|
return {};
|
|
@@ -10557,6 +10645,7 @@ function WalletSelectionModal({
|
|
|
10557
10645
|
setSelectedWallet(null);
|
|
10558
10646
|
setConnectingNetwork(null);
|
|
10559
10647
|
setError(null);
|
|
10648
|
+
setIsConnecting(false);
|
|
10560
10649
|
} else {
|
|
10561
10650
|
handleClose();
|
|
10562
10651
|
}
|
|
@@ -10577,15 +10666,15 @@ function WalletSelectionModal({
|
|
|
10577
10666
|
return "Connect Wallet";
|
|
10578
10667
|
}
|
|
10579
10668
|
};
|
|
10580
|
-
return /* @__PURE__ */
|
|
10669
|
+
return /* @__PURE__ */ jsx48(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx48(
|
|
10581
10670
|
DialogContent,
|
|
10582
10671
|
{
|
|
10583
|
-
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
10672
|
+
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}`,
|
|
10584
10673
|
style: { backgroundColor: colors2.background },
|
|
10585
10674
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
10586
10675
|
onInteractOutside: (e) => e.preventDefault(),
|
|
10587
|
-
children: /* @__PURE__ */
|
|
10588
|
-
/* @__PURE__ */
|
|
10676
|
+
children: /* @__PURE__ */ jsxs43(ThemeStyleInjector, { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
10677
|
+
/* @__PURE__ */ jsx48(
|
|
10589
10678
|
DepositHeader,
|
|
10590
10679
|
{
|
|
10591
10680
|
title: getTitle(),
|
|
@@ -10594,9 +10683,9 @@ function WalletSelectionModal({
|
|
|
10594
10683
|
onClose: handleClose
|
|
10595
10684
|
}
|
|
10596
10685
|
),
|
|
10597
|
-
/* @__PURE__ */
|
|
10598
|
-
step === "select-wallet" && /* @__PURE__ */
|
|
10599
|
-
/* @__PURE__ */
|
|
10686
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
10687
|
+
step === "select-wallet" && /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
10688
|
+
/* @__PURE__ */ jsx48(
|
|
10600
10689
|
"p",
|
|
10601
10690
|
{
|
|
10602
10691
|
className: "uf-text-sm uf-text-center uf-pb-4",
|
|
@@ -10607,87 +10696,96 @@ function WalletSelectionModal({
|
|
|
10607
10696
|
children: chainType ? `Select a ${chainType === "ethereum" ? "Ethereum" : "Solana"} wallet` : "Select a wallet to connect"
|
|
10608
10697
|
}
|
|
10609
10698
|
),
|
|
10610
|
-
/* @__PURE__ */
|
|
10611
|
-
"
|
|
10699
|
+
/* @__PURE__ */ jsx48(
|
|
10700
|
+
"div",
|
|
10612
10701
|
{
|
|
10613
|
-
className: "uf-
|
|
10702
|
+
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]",
|
|
10614
10703
|
style: {
|
|
10615
|
-
|
|
10616
|
-
|
|
10704
|
+
height: `min(${WALLET_LIST_MAX_HEIGHT_PX}px, 50dvh)`,
|
|
10705
|
+
maxHeight: WALLET_LIST_MAX_HEIGHT_PX
|
|
10617
10706
|
},
|
|
10618
|
-
children: "
|
|
10707
|
+
children: availableWallets.length === 0 ? /* @__PURE__ */ jsx48("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx48(
|
|
10708
|
+
"p",
|
|
10709
|
+
{
|
|
10710
|
+
className: "uf-text-sm",
|
|
10711
|
+
style: {
|
|
10712
|
+
color: colors2.foregroundMuted,
|
|
10713
|
+
fontFamily: fonts.regular
|
|
10714
|
+
},
|
|
10715
|
+
children: "No wallets available"
|
|
10716
|
+
}
|
|
10717
|
+
) }) : availableWallets.map((wallet) => /* @__PURE__ */ jsxs43(
|
|
10718
|
+
"button",
|
|
10719
|
+
{
|
|
10720
|
+
onClick: () => handleWalletClick(wallet),
|
|
10721
|
+
disabled: isConnecting,
|
|
10722
|
+
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",
|
|
10723
|
+
style: {
|
|
10724
|
+
backgroundColor: components.card.backgroundColor,
|
|
10725
|
+
borderRadius: components.card.borderRadius,
|
|
10726
|
+
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
10727
|
+
},
|
|
10728
|
+
children: [
|
|
10729
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
10730
|
+
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ jsx48(
|
|
10731
|
+
WalletIconWithNetwork,
|
|
10732
|
+
{
|
|
10733
|
+
WalletIcon: WALLET_ICONS[wallet.id],
|
|
10734
|
+
networks: wallet.networks,
|
|
10735
|
+
size: 40,
|
|
10736
|
+
className: "uf-rounded-lg"
|
|
10737
|
+
}
|
|
10738
|
+
) : /* @__PURE__ */ jsx48("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
10739
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-text-left", children: /* @__PURE__ */ jsx48(
|
|
10740
|
+
"div",
|
|
10741
|
+
{
|
|
10742
|
+
className: "uf-text-sm uf-font-medium",
|
|
10743
|
+
style: {
|
|
10744
|
+
color: components.card.titleColor,
|
|
10745
|
+
fontFamily: fonts.medium
|
|
10746
|
+
},
|
|
10747
|
+
children: wallet.name
|
|
10748
|
+
}
|
|
10749
|
+
) })
|
|
10750
|
+
] }),
|
|
10751
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ jsx48(
|
|
10752
|
+
"span",
|
|
10753
|
+
{
|
|
10754
|
+
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
10755
|
+
style: {
|
|
10756
|
+
backgroundColor: colors2.primary + "20",
|
|
10757
|
+
color: colors2.primary,
|
|
10758
|
+
fontFamily: fonts.medium
|
|
10759
|
+
},
|
|
10760
|
+
children: "Detected"
|
|
10761
|
+
}
|
|
10762
|
+
) : /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
10763
|
+
/* @__PURE__ */ jsx48(
|
|
10764
|
+
"span",
|
|
10765
|
+
{
|
|
10766
|
+
className: "uf-text-xs",
|
|
10767
|
+
style: {
|
|
10768
|
+
color: colors2.foregroundMuted,
|
|
10769
|
+
fontFamily: fonts.regular
|
|
10770
|
+
},
|
|
10771
|
+
children: "Install"
|
|
10772
|
+
}
|
|
10773
|
+
),
|
|
10774
|
+
/* @__PURE__ */ jsx48(
|
|
10775
|
+
ExternalLink3,
|
|
10776
|
+
{
|
|
10777
|
+
className: "uf-w-3 uf-h-3",
|
|
10778
|
+
style: { color: colors2.foregroundMuted }
|
|
10779
|
+
}
|
|
10780
|
+
)
|
|
10781
|
+
] }) })
|
|
10782
|
+
]
|
|
10783
|
+
},
|
|
10784
|
+
wallet.id
|
|
10785
|
+
))
|
|
10619
10786
|
}
|
|
10620
|
-
)
|
|
10621
|
-
|
|
10622
|
-
{
|
|
10623
|
-
onClick: () => handleWalletClick(wallet),
|
|
10624
|
-
disabled: isConnecting,
|
|
10625
|
-
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",
|
|
10626
|
-
style: {
|
|
10627
|
-
backgroundColor: components.card.backgroundColor,
|
|
10628
|
-
borderRadius: components.card.borderRadius,
|
|
10629
|
-
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
10630
|
-
},
|
|
10631
|
-
children: [
|
|
10632
|
-
/* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
10633
|
-
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ jsx47(
|
|
10634
|
-
WalletIconWithNetwork,
|
|
10635
|
-
{
|
|
10636
|
-
WalletIcon: WALLET_ICONS[wallet.id],
|
|
10637
|
-
networks: wallet.networks,
|
|
10638
|
-
size: 40,
|
|
10639
|
-
className: "uf-rounded-lg",
|
|
10640
|
-
variant: iconVariant
|
|
10641
|
-
}
|
|
10642
|
-
) : /* @__PURE__ */ jsx47("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
10643
|
-
/* @__PURE__ */ jsx47("div", { className: "uf-text-left", children: /* @__PURE__ */ jsx47(
|
|
10644
|
-
"div",
|
|
10645
|
-
{
|
|
10646
|
-
className: "uf-text-sm uf-font-medium",
|
|
10647
|
-
style: {
|
|
10648
|
-
color: components.card.titleColor,
|
|
10649
|
-
fontFamily: fonts.medium
|
|
10650
|
-
},
|
|
10651
|
-
children: wallet.name
|
|
10652
|
-
}
|
|
10653
|
-
) })
|
|
10654
|
-
] }),
|
|
10655
|
-
/* @__PURE__ */ jsx47("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ jsx47(
|
|
10656
|
-
"span",
|
|
10657
|
-
{
|
|
10658
|
-
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
10659
|
-
style: {
|
|
10660
|
-
backgroundColor: colors2.primary + "20",
|
|
10661
|
-
color: colors2.primary,
|
|
10662
|
-
fontFamily: fonts.medium
|
|
10663
|
-
},
|
|
10664
|
-
children: "Detected"
|
|
10665
|
-
}
|
|
10666
|
-
) : /* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
10667
|
-
/* @__PURE__ */ jsx47(
|
|
10668
|
-
"span",
|
|
10669
|
-
{
|
|
10670
|
-
className: "uf-text-xs",
|
|
10671
|
-
style: {
|
|
10672
|
-
color: colors2.foregroundMuted,
|
|
10673
|
-
fontFamily: fonts.regular
|
|
10674
|
-
},
|
|
10675
|
-
children: "Install"
|
|
10676
|
-
}
|
|
10677
|
-
),
|
|
10678
|
-
/* @__PURE__ */ jsx47(
|
|
10679
|
-
ExternalLink3,
|
|
10680
|
-
{
|
|
10681
|
-
className: "uf-w-3 uf-h-3",
|
|
10682
|
-
style: { color: colors2.foregroundMuted }
|
|
10683
|
-
}
|
|
10684
|
-
)
|
|
10685
|
-
] }) })
|
|
10686
|
-
]
|
|
10687
|
-
},
|
|
10688
|
-
wallet.id
|
|
10689
|
-
)) }),
|
|
10690
|
-
error && /* @__PURE__ */ jsx47(
|
|
10787
|
+
),
|
|
10788
|
+
error && /* @__PURE__ */ jsx48(
|
|
10691
10789
|
"div",
|
|
10692
10790
|
{
|
|
10693
10791
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -10696,19 +10794,18 @@ function WalletSelectionModal({
|
|
|
10696
10794
|
}
|
|
10697
10795
|
)
|
|
10698
10796
|
] }),
|
|
10699
|
-
step === "select-network" && selectedWallet && /* @__PURE__ */
|
|
10700
|
-
/* @__PURE__ */
|
|
10701
|
-
/* @__PURE__ */
|
|
10797
|
+
step === "select-network" && selectedWallet && /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
10798
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
|
|
10799
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ jsx48(
|
|
10702
10800
|
WalletIconWithNetwork,
|
|
10703
10801
|
{
|
|
10704
10802
|
WalletIcon: WALLET_ICONS[selectedWallet.id],
|
|
10705
10803
|
networks: selectedWallet.networks,
|
|
10706
10804
|
size: 48,
|
|
10707
|
-
className: "uf-rounded-lg"
|
|
10708
|
-
variant: iconVariant
|
|
10805
|
+
className: "uf-rounded-lg"
|
|
10709
10806
|
}
|
|
10710
|
-
) : /* @__PURE__ */
|
|
10711
|
-
/* @__PURE__ */
|
|
10807
|
+
) : /* @__PURE__ */ jsx48("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
|
|
10808
|
+
/* @__PURE__ */ jsx48(
|
|
10712
10809
|
"p",
|
|
10713
10810
|
{
|
|
10714
10811
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -10719,7 +10816,7 @@ function WalletSelectionModal({
|
|
|
10719
10816
|
children: selectedWallet.name
|
|
10720
10817
|
}
|
|
10721
10818
|
),
|
|
10722
|
-
/* @__PURE__ */
|
|
10819
|
+
/* @__PURE__ */ jsx48(
|
|
10723
10820
|
"p",
|
|
10724
10821
|
{
|
|
10725
10822
|
className: "uf-text-xs",
|
|
@@ -10731,7 +10828,7 @@ function WalletSelectionModal({
|
|
|
10731
10828
|
}
|
|
10732
10829
|
)
|
|
10733
10830
|
] }),
|
|
10734
|
-
/* @__PURE__ */
|
|
10831
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ jsxs43(
|
|
10735
10832
|
"button",
|
|
10736
10833
|
{
|
|
10737
10834
|
onClick: () => handleNetworkSelect(network),
|
|
@@ -10743,16 +10840,16 @@ function WalletSelectionModal({
|
|
|
10743
10840
|
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
10744
10841
|
},
|
|
10745
10842
|
children: [
|
|
10746
|
-
/* @__PURE__ */
|
|
10747
|
-
network === "ethereum" ? /* @__PURE__ */
|
|
10843
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
10844
|
+
network === "ethereum" ? /* @__PURE__ */ jsx48(
|
|
10748
10845
|
EthereumIcon,
|
|
10749
10846
|
{
|
|
10750
10847
|
size: 36,
|
|
10751
10848
|
className: "uf-rounded-full"
|
|
10752
10849
|
}
|
|
10753
|
-
) : /* @__PURE__ */
|
|
10754
|
-
/* @__PURE__ */
|
|
10755
|
-
/* @__PURE__ */
|
|
10850
|
+
) : /* @__PURE__ */ jsx48(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
|
|
10851
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-text-left", children: [
|
|
10852
|
+
/* @__PURE__ */ jsx48(
|
|
10756
10853
|
"div",
|
|
10757
10854
|
{
|
|
10758
10855
|
className: "uf-text-sm uf-font-medium uf-capitalize",
|
|
@@ -10763,7 +10860,7 @@ function WalletSelectionModal({
|
|
|
10763
10860
|
children: network === "ethereum" ? "Ethereum" : "Solana"
|
|
10764
10861
|
}
|
|
10765
10862
|
),
|
|
10766
|
-
/* @__PURE__ */
|
|
10863
|
+
/* @__PURE__ */ jsx48(
|
|
10767
10864
|
"div",
|
|
10768
10865
|
{
|
|
10769
10866
|
className: "uf-text-xs",
|
|
@@ -10776,7 +10873,7 @@ function WalletSelectionModal({
|
|
|
10776
10873
|
)
|
|
10777
10874
|
] })
|
|
10778
10875
|
] }),
|
|
10779
|
-
connectingNetwork === network && /* @__PURE__ */
|
|
10876
|
+
connectingNetwork === network && /* @__PURE__ */ jsx48(
|
|
10780
10877
|
Loader24,
|
|
10781
10878
|
{
|
|
10782
10879
|
className: "uf-w-4 uf-h-4 uf-animate-spin",
|
|
@@ -10787,7 +10884,7 @@ function WalletSelectionModal({
|
|
|
10787
10884
|
},
|
|
10788
10885
|
network
|
|
10789
10886
|
)) }),
|
|
10790
|
-
error && /* @__PURE__ */
|
|
10887
|
+
error && /* @__PURE__ */ jsx48(
|
|
10791
10888
|
"div",
|
|
10792
10889
|
{
|
|
10793
10890
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -10796,15 +10893,15 @@ function WalletSelectionModal({
|
|
|
10796
10893
|
}
|
|
10797
10894
|
)
|
|
10798
10895
|
] }),
|
|
10799
|
-
step === "connecting" && /* @__PURE__ */
|
|
10800
|
-
/* @__PURE__ */
|
|
10896
|
+
step === "connecting" && /* @__PURE__ */ jsx48("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-1 uf-flex-col uf-items-center uf-justify-center uf-py-8", children: [
|
|
10897
|
+
/* @__PURE__ */ jsx48(
|
|
10801
10898
|
Loader24,
|
|
10802
10899
|
{
|
|
10803
10900
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
10804
10901
|
style: { color: colors2.primary }
|
|
10805
10902
|
}
|
|
10806
10903
|
),
|
|
10807
|
-
/* @__PURE__ */
|
|
10904
|
+
/* @__PURE__ */ jsxs43(
|
|
10808
10905
|
"div",
|
|
10809
10906
|
{
|
|
10810
10907
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -10816,7 +10913,7 @@ function WalletSelectionModal({
|
|
|
10816
10913
|
]
|
|
10817
10914
|
}
|
|
10818
10915
|
),
|
|
10819
|
-
/* @__PURE__ */
|
|
10916
|
+
/* @__PURE__ */ jsx48(
|
|
10820
10917
|
"div",
|
|
10821
10918
|
{
|
|
10822
10919
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -10824,7 +10921,22 @@ function WalletSelectionModal({
|
|
|
10824
10921
|
children: connectingNetwork === "solana" ? "Please approve the connection in your Solana wallet" : "Please approve the connection in your wallet"
|
|
10825
10922
|
}
|
|
10826
10923
|
)
|
|
10827
|
-
] })
|
|
10924
|
+
] }) }),
|
|
10925
|
+
step !== "connecting" && /* @__PURE__ */ jsx48("div", { className: "uf-min-h-0 uf-flex-1", "aria-hidden": true }),
|
|
10926
|
+
/* @__PURE__ */ jsx48(
|
|
10927
|
+
"div",
|
|
10928
|
+
{
|
|
10929
|
+
className: "uf-shrink-0 uf-pt-3 uf-pb-4",
|
|
10930
|
+
style: { backgroundColor: colors2.background },
|
|
10931
|
+
children: /* @__PURE__ */ jsx48(
|
|
10932
|
+
PoweredByUnifold,
|
|
10933
|
+
{
|
|
10934
|
+
color: colors2.foregroundMuted,
|
|
10935
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
10936
|
+
}
|
|
10937
|
+
)
|
|
10938
|
+
}
|
|
10939
|
+
)
|
|
10828
10940
|
] })
|
|
10829
10941
|
] })
|
|
10830
10942
|
}
|
|
@@ -10832,27 +10944,27 @@ function WalletSelectionModal({
|
|
|
10832
10944
|
}
|
|
10833
10945
|
|
|
10834
10946
|
// src/components/deposits/DepositModal.tsx
|
|
10835
|
-
import { Fragment as
|
|
10947
|
+
import { Fragment as Fragment10, jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
10836
10948
|
function SkeletonButton({
|
|
10837
10949
|
variant = "default"
|
|
10838
10950
|
}) {
|
|
10839
|
-
return /* @__PURE__ */
|
|
10840
|
-
/* @__PURE__ */
|
|
10841
|
-
/* @__PURE__ */
|
|
10842
|
-
/* @__PURE__ */
|
|
10843
|
-
/* @__PURE__ */
|
|
10844
|
-
/* @__PURE__ */
|
|
10951
|
+
return /* @__PURE__ */ jsxs44("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
|
|
10952
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
10953
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
|
|
10954
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-space-y-1.5", children: [
|
|
10955
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
|
|
10956
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
|
|
10845
10957
|
] })
|
|
10846
10958
|
] }),
|
|
10847
|
-
/* @__PURE__ */
|
|
10848
|
-
variant === "with-icons" && /* @__PURE__ */
|
|
10959
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
10960
|
+
variant === "with-icons" && /* @__PURE__ */ jsx49("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx49(
|
|
10849
10961
|
"div",
|
|
10850
10962
|
{
|
|
10851
10963
|
className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
|
|
10852
10964
|
},
|
|
10853
10965
|
i
|
|
10854
10966
|
)) }),
|
|
10855
|
-
/* @__PURE__ */
|
|
10967
|
+
/* @__PURE__ */ jsx49(ChevronRight11, { className: "uf-w-4 uf-h-4 uf-text-muted" })
|
|
10856
10968
|
] })
|
|
10857
10969
|
] });
|
|
10858
10970
|
}
|
|
@@ -10874,11 +10986,18 @@ function DepositModal({
|
|
|
10874
10986
|
depositConfirmationMode = "auto_ui",
|
|
10875
10987
|
enableConnectWallet = false,
|
|
10876
10988
|
enablePayWithExchange,
|
|
10989
|
+
hideDepositFlowInfo = false,
|
|
10990
|
+
hideDisplayDescription = false,
|
|
10877
10991
|
onDepositSuccess,
|
|
10878
10992
|
onDepositError,
|
|
10879
10993
|
theme = "dark",
|
|
10880
10994
|
hideOverlay = false,
|
|
10881
|
-
initialScreen = "main"
|
|
10995
|
+
initialScreen = "main",
|
|
10996
|
+
transferCryptoTitle = t6.transferCrypto.title,
|
|
10997
|
+
depositWithCardTitle = t6.depositWithCard.title,
|
|
10998
|
+
payWithExchangeTitle = t6.payWithExchange.title,
|
|
10999
|
+
depositTrackerTitle = t6.depositTracker.title,
|
|
11000
|
+
depositTrackerSubTitle = t6.depositTracker.subtitle
|
|
10882
11001
|
}) {
|
|
10883
11002
|
const { colors: colors2, fonts, components } = useTheme();
|
|
10884
11003
|
const effectiveInitialScreen = useMemo8(() => {
|
|
@@ -11018,28 +11137,28 @@ function DepositModal({
|
|
|
11018
11137
|
const standaloneNeedsDepositPrereq = openingScreen !== "main" && (view === "transfer" || view === "card");
|
|
11019
11138
|
let depositPrerequisiteBody;
|
|
11020
11139
|
if (isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig) {
|
|
11021
|
-
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */
|
|
11022
|
-
/* @__PURE__ */
|
|
11023
|
-
/* @__PURE__ */
|
|
11024
|
-
!hideDepositTracker && /* @__PURE__ */
|
|
11140
|
+
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11141
|
+
/* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }),
|
|
11142
|
+
/* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }),
|
|
11143
|
+
!hideDepositTracker && /* @__PURE__ */ jsx49(SkeletonButton, {})
|
|
11025
11144
|
] });
|
|
11026
11145
|
} else if (countryError) {
|
|
11027
|
-
depositPrerequisiteBody = /* @__PURE__ */
|
|
11028
|
-
/* @__PURE__ */
|
|
11029
|
-
/* @__PURE__ */
|
|
11030
|
-
/* @__PURE__ */
|
|
11146
|
+
depositPrerequisiteBody = /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
11147
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx49(AlertTriangle, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
11148
|
+
/* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
|
|
11149
|
+
/* @__PURE__ */ jsx49("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "We couldn't verify your location. Please check your connection and try again." })
|
|
11031
11150
|
] });
|
|
11032
11151
|
} else if (!isAllowed) {
|
|
11033
|
-
depositPrerequisiteBody = /* @__PURE__ */
|
|
11034
|
-
/* @__PURE__ */
|
|
11035
|
-
/* @__PURE__ */
|
|
11036
|
-
/* @__PURE__ */
|
|
11152
|
+
depositPrerequisiteBody = /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
11153
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx49(MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
11154
|
+
/* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
|
|
11155
|
+
/* @__PURE__ */ jsx49("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
|
|
11037
11156
|
] });
|
|
11038
11157
|
} else if (isAddressValid === false) {
|
|
11039
|
-
depositPrerequisiteBody = /* @__PURE__ */
|
|
11040
|
-
/* @__PURE__ */
|
|
11041
|
-
/* @__PURE__ */
|
|
11042
|
-
/* @__PURE__ */
|
|
11158
|
+
depositPrerequisiteBody = /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
11159
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx49(AlertTriangle, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
11160
|
+
/* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
|
|
11161
|
+
/* @__PURE__ */ jsx49("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
|
|
11043
11162
|
addressFailureCode,
|
|
11044
11163
|
addressFailureMetadata
|
|
11045
11164
|
) })
|
|
@@ -11171,14 +11290,21 @@ function DepositModal({
|
|
|
11171
11290
|
setWalletSelectionModalOpen(false);
|
|
11172
11291
|
setBrowserWalletModalOpen(true);
|
|
11173
11292
|
};
|
|
11174
|
-
|
|
11293
|
+
const depositPoweredByFooter = /* @__PURE__ */ jsx49("div", { className: "uf-pt-3", children: /* @__PURE__ */ jsx49(
|
|
11294
|
+
PoweredByUnifold,
|
|
11295
|
+
{
|
|
11296
|
+
color: colors2.foregroundMuted,
|
|
11297
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
11298
|
+
}
|
|
11299
|
+
) });
|
|
11300
|
+
return /* @__PURE__ */ jsx49(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ jsxs44(
|
|
11175
11301
|
Dialog,
|
|
11176
11302
|
{
|
|
11177
11303
|
open: hideOverlay || open,
|
|
11178
11304
|
onOpenChange: hideOverlay ? void 0 : handleClose,
|
|
11179
11305
|
modal: !hideOverlay,
|
|
11180
11306
|
children: [
|
|
11181
|
-
/* @__PURE__ */
|
|
11307
|
+
/* @__PURE__ */ jsx49(
|
|
11182
11308
|
DialogContent,
|
|
11183
11309
|
{
|
|
11184
11310
|
ref: hideOverlay ? containerCallbackRef : void 0,
|
|
@@ -11187,8 +11313,8 @@ function DepositModal({
|
|
|
11187
11313
|
style: { backgroundColor: colors2.background },
|
|
11188
11314
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
11189
11315
|
onInteractOutside: (e) => e.preventDefault(),
|
|
11190
|
-
children: /* @__PURE__ */
|
|
11191
|
-
/* @__PURE__ */
|
|
11316
|
+
children: /* @__PURE__ */ jsx49(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11317
|
+
/* @__PURE__ */ jsx49(
|
|
11192
11318
|
DepositHeader,
|
|
11193
11319
|
{
|
|
11194
11320
|
title: modalTitle || "Deposit",
|
|
@@ -11203,63 +11329,66 @@ function DepositModal({
|
|
|
11203
11329
|
publishableKey
|
|
11204
11330
|
}
|
|
11205
11331
|
),
|
|
11206
|
-
/* @__PURE__ */
|
|
11207
|
-
/* @__PURE__ */
|
|
11208
|
-
|
|
11209
|
-
|
|
11210
|
-
|
|
11211
|
-
|
|
11212
|
-
|
|
11213
|
-
|
|
11214
|
-
|
|
11215
|
-
|
|
11216
|
-
|
|
11217
|
-
|
|
11218
|
-
|
|
11219
|
-
|
|
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
|
-
|
|
11332
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11333
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11334
|
+
/* @__PURE__ */ jsx49(
|
|
11335
|
+
TransferCryptoButton,
|
|
11336
|
+
{
|
|
11337
|
+
onClick: () => setView("transfer"),
|
|
11338
|
+
title: transferCryptoTitle,
|
|
11339
|
+
subtitle: t6.transferCrypto.subtitle,
|
|
11340
|
+
featuredTokens: projectConfig?.transfer_crypto.networks
|
|
11341
|
+
}
|
|
11342
|
+
),
|
|
11343
|
+
enableConnectWallet && !isMobileView && /* @__PURE__ */ jsx49(
|
|
11344
|
+
BrowserWalletButton,
|
|
11345
|
+
{
|
|
11346
|
+
onClick: handleBrowserWalletClick,
|
|
11347
|
+
onConnectClick: handleWalletConnectClick,
|
|
11348
|
+
onDisconnect: handleWalletDisconnect,
|
|
11349
|
+
chainType: browserWalletChainType,
|
|
11350
|
+
publishableKey
|
|
11351
|
+
}
|
|
11352
|
+
),
|
|
11353
|
+
/* @__PURE__ */ jsx49(
|
|
11354
|
+
DepositWithCardButton,
|
|
11355
|
+
{
|
|
11356
|
+
onClick: () => setView("card"),
|
|
11357
|
+
title: depositWithCardTitle,
|
|
11358
|
+
subtitle: t6.depositWithCard.subtitle,
|
|
11359
|
+
paymentNetworks: projectConfig?.payment_networks.networks
|
|
11360
|
+
}
|
|
11361
|
+
),
|
|
11362
|
+
showPayWithExchange && /* @__PURE__ */ jsx49(
|
|
11363
|
+
PayWithExchangeButton,
|
|
11364
|
+
{
|
|
11365
|
+
onClick: () => setView("exchange"),
|
|
11366
|
+
title: payWithExchangeTitle,
|
|
11367
|
+
subtitle: t6.payWithExchange.subtitle,
|
|
11368
|
+
exchanges,
|
|
11369
|
+
loading: exchangesLoading
|
|
11370
|
+
}
|
|
11371
|
+
),
|
|
11372
|
+
!hideDepositTracker && /* @__PURE__ */ jsx49(
|
|
11373
|
+
DepositTrackerButton,
|
|
11374
|
+
{
|
|
11375
|
+
onClick: () => {
|
|
11376
|
+
setAllExecutions(depositExecutions);
|
|
11377
|
+
setView("tracker");
|
|
11378
|
+
},
|
|
11379
|
+
title: depositTrackerTitle,
|
|
11380
|
+
subtitle: depositTrackerSubTitle,
|
|
11381
|
+
badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
|
|
11382
|
+
}
|
|
11383
|
+
)
|
|
11384
|
+
] }) }),
|
|
11385
|
+
depositPoweredByFooter
|
|
11386
|
+
] })
|
|
11387
|
+
] }) : view === "transfer" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11388
|
+
/* @__PURE__ */ jsx49(
|
|
11260
11389
|
DepositHeader,
|
|
11261
11390
|
{
|
|
11262
|
-
title:
|
|
11391
|
+
title: transferCryptoTitle,
|
|
11263
11392
|
showBack: showBackTransfer,
|
|
11264
11393
|
onBack: handleBack,
|
|
11265
11394
|
onClose: handleClose,
|
|
@@ -11272,67 +11401,73 @@ function DepositModal({
|
|
|
11272
11401
|
publishableKey
|
|
11273
11402
|
}
|
|
11274
11403
|
),
|
|
11275
|
-
|
|
11276
|
-
|
|
11277
|
-
|
|
11278
|
-
|
|
11279
|
-
|
|
11280
|
-
|
|
11281
|
-
|
|
11282
|
-
|
|
11283
|
-
|
|
11284
|
-
|
|
11285
|
-
|
|
11286
|
-
|
|
11287
|
-
|
|
11288
|
-
|
|
11289
|
-
|
|
11290
|
-
|
|
11291
|
-
|
|
11292
|
-
|
|
11293
|
-
|
|
11294
|
-
|
|
11295
|
-
|
|
11296
|
-
|
|
11297
|
-
|
|
11298
|
-
|
|
11299
|
-
|
|
11300
|
-
|
|
11301
|
-
|
|
11302
|
-
|
|
11303
|
-
|
|
11304
|
-
|
|
11305
|
-
|
|
11306
|
-
|
|
11307
|
-
|
|
11404
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11405
|
+
standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx49("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ jsx49(
|
|
11406
|
+
TransferCryptoSingleInput,
|
|
11407
|
+
{
|
|
11408
|
+
userId,
|
|
11409
|
+
publishableKey,
|
|
11410
|
+
recipientAddress,
|
|
11411
|
+
destinationChainType,
|
|
11412
|
+
destinationChainId,
|
|
11413
|
+
destinationTokenAddress,
|
|
11414
|
+
depositConfirmationMode,
|
|
11415
|
+
onExecutionsChange: setDepositExecutions,
|
|
11416
|
+
onDepositSuccess,
|
|
11417
|
+
onDepositError,
|
|
11418
|
+
wallets
|
|
11419
|
+
}
|
|
11420
|
+
) : /* @__PURE__ */ jsx49(
|
|
11421
|
+
TransferCryptoDoubleInput,
|
|
11422
|
+
{
|
|
11423
|
+
userId,
|
|
11424
|
+
publishableKey,
|
|
11425
|
+
recipientAddress,
|
|
11426
|
+
destinationChainType,
|
|
11427
|
+
destinationChainId,
|
|
11428
|
+
destinationTokenAddress,
|
|
11429
|
+
depositConfirmationMode,
|
|
11430
|
+
onExecutionsChange: setDepositExecutions,
|
|
11431
|
+
onDepositSuccess,
|
|
11432
|
+
onDepositError,
|
|
11433
|
+
wallets
|
|
11434
|
+
}
|
|
11435
|
+
),
|
|
11436
|
+
depositPoweredByFooter
|
|
11437
|
+
] })
|
|
11438
|
+
] }) : view === "tracker" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11439
|
+
/* @__PURE__ */ jsx49(
|
|
11308
11440
|
DepositHeader,
|
|
11309
11441
|
{
|
|
11310
|
-
title: selectedExecution ? "Deposit Details" :
|
|
11442
|
+
title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
|
|
11311
11443
|
showBack: showBackTracker,
|
|
11312
11444
|
onBack: handleBack,
|
|
11313
11445
|
onClose: handleClose
|
|
11314
11446
|
}
|
|
11315
11447
|
),
|
|
11316
|
-
/* @__PURE__ */
|
|
11317
|
-
"div",
|
|
11318
|
-
|
|
11319
|
-
|
|
11320
|
-
|
|
11321
|
-
|
|
11322
|
-
|
|
11323
|
-
|
|
11324
|
-
|
|
11325
|
-
|
|
11326
|
-
|
|
11327
|
-
|
|
11328
|
-
|
|
11329
|
-
|
|
11330
|
-
|
|
11331
|
-
|
|
11332
|
-
|
|
11448
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11449
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx49(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx49("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx49("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx49(
|
|
11450
|
+
"div",
|
|
11451
|
+
{
|
|
11452
|
+
className: "uf-text-sm",
|
|
11453
|
+
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
11454
|
+
children: "No deposits yet"
|
|
11455
|
+
}
|
|
11456
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx49(
|
|
11457
|
+
DepositExecutionItem,
|
|
11458
|
+
{
|
|
11459
|
+
execution,
|
|
11460
|
+
onClick: () => setSelectedExecution(execution)
|
|
11461
|
+
},
|
|
11462
|
+
execution.id
|
|
11463
|
+
)) }) }),
|
|
11464
|
+
depositPoweredByFooter
|
|
11465
|
+
] })
|
|
11466
|
+
] }) : view === "card" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11467
|
+
/* @__PURE__ */ jsx49(
|
|
11333
11468
|
DepositHeader,
|
|
11334
11469
|
{
|
|
11335
|
-
title: cardView === "quotes" ? t6.quotes :
|
|
11470
|
+
title: cardView === "quotes" ? t6.quotes : depositWithCardTitle,
|
|
11336
11471
|
showBack: showBackCard,
|
|
11337
11472
|
onBack: handleBack,
|
|
11338
11473
|
onClose: handleClose,
|
|
@@ -11346,58 +11481,66 @@ function DepositModal({
|
|
|
11346
11481
|
publishableKey
|
|
11347
11482
|
}
|
|
11348
11483
|
),
|
|
11349
|
-
|
|
11350
|
-
|
|
11351
|
-
|
|
11352
|
-
|
|
11353
|
-
|
|
11354
|
-
|
|
11355
|
-
|
|
11356
|
-
|
|
11357
|
-
|
|
11358
|
-
|
|
11359
|
-
|
|
11360
|
-
|
|
11361
|
-
|
|
11362
|
-
|
|
11363
|
-
|
|
11364
|
-
|
|
11365
|
-
|
|
11366
|
-
|
|
11367
|
-
|
|
11368
|
-
|
|
11369
|
-
|
|
11484
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11485
|
+
standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx49("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ jsx49(
|
|
11486
|
+
BuyWithCard,
|
|
11487
|
+
{
|
|
11488
|
+
userId,
|
|
11489
|
+
publishableKey,
|
|
11490
|
+
view: cardView,
|
|
11491
|
+
onViewChange: handleCardViewChange,
|
|
11492
|
+
destinationTokenSymbol,
|
|
11493
|
+
recipientAddress,
|
|
11494
|
+
destinationChainType,
|
|
11495
|
+
destinationChainId,
|
|
11496
|
+
destinationTokenAddress,
|
|
11497
|
+
onDepositSuccess,
|
|
11498
|
+
onDepositError,
|
|
11499
|
+
themeClass,
|
|
11500
|
+
wallets,
|
|
11501
|
+
assetCdnUrl: projectConfig?.asset_cdn_url,
|
|
11502
|
+
hideDepositFlowInfo,
|
|
11503
|
+
hideDisplayDescription
|
|
11504
|
+
}
|
|
11505
|
+
),
|
|
11506
|
+
depositPoweredByFooter
|
|
11507
|
+
] })
|
|
11508
|
+
] }) : view === "exchange" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11509
|
+
/* @__PURE__ */ jsx49(
|
|
11370
11510
|
DepositHeader,
|
|
11371
11511
|
{
|
|
11372
|
-
title:
|
|
11512
|
+
title: payWithExchangeTitle,
|
|
11373
11513
|
showBack: true,
|
|
11374
11514
|
onBack: handleBack,
|
|
11375
11515
|
onClose: handleClose
|
|
11376
11516
|
}
|
|
11377
11517
|
),
|
|
11378
|
-
/* @__PURE__ */
|
|
11379
|
-
|
|
11380
|
-
|
|
11381
|
-
|
|
11382
|
-
|
|
11383
|
-
|
|
11384
|
-
|
|
11385
|
-
|
|
11386
|
-
|
|
11387
|
-
|
|
11388
|
-
|
|
11389
|
-
|
|
11390
|
-
|
|
11391
|
-
|
|
11392
|
-
|
|
11393
|
-
|
|
11394
|
-
|
|
11395
|
-
|
|
11396
|
-
|
|
11518
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11519
|
+
/* @__PURE__ */ jsx49(
|
|
11520
|
+
PayWithExchange,
|
|
11521
|
+
{
|
|
11522
|
+
userId,
|
|
11523
|
+
publishableKey,
|
|
11524
|
+
exchanges,
|
|
11525
|
+
view: exchangeView,
|
|
11526
|
+
onViewChange: setExchangeView,
|
|
11527
|
+
destinationTokenSymbol,
|
|
11528
|
+
recipientAddress,
|
|
11529
|
+
destinationChainType,
|
|
11530
|
+
destinationChainId,
|
|
11531
|
+
destinationTokenAddress,
|
|
11532
|
+
onDepositSuccess,
|
|
11533
|
+
onDepositError,
|
|
11534
|
+
wallets,
|
|
11535
|
+
defaultToken: defaultToken ?? null
|
|
11536
|
+
}
|
|
11537
|
+
),
|
|
11538
|
+
depositPoweredByFooter
|
|
11539
|
+
] })
|
|
11397
11540
|
] }) : null })
|
|
11398
11541
|
}
|
|
11399
11542
|
),
|
|
11400
|
-
/* @__PURE__ */
|
|
11543
|
+
/* @__PURE__ */ jsx49(
|
|
11401
11544
|
WalletSelectionModal,
|
|
11402
11545
|
{
|
|
11403
11546
|
open: walletSelectionModalOpen,
|
|
@@ -11407,7 +11550,7 @@ function DepositModal({
|
|
|
11407
11550
|
theme: resolvedTheme
|
|
11408
11551
|
}
|
|
11409
11552
|
),
|
|
11410
|
-
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */
|
|
11553
|
+
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ jsx49(
|
|
11411
11554
|
BrowserWalletModal,
|
|
11412
11555
|
{
|
|
11413
11556
|
open: browserWalletModalOpen,
|
|
@@ -11446,7 +11589,7 @@ function DepositModal({
|
|
|
11446
11589
|
import * as React28 from "react";
|
|
11447
11590
|
import { Slot } from "@radix-ui/react-slot";
|
|
11448
11591
|
import { cva } from "class-variance-authority";
|
|
11449
|
-
import { jsx as
|
|
11592
|
+
import { jsx as jsx50 } from "react/jsx-runtime";
|
|
11450
11593
|
var buttonVariants = cva(
|
|
11451
11594
|
"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",
|
|
11452
11595
|
{
|
|
@@ -11490,7 +11633,7 @@ var Button = React28.forwardRef(
|
|
|
11490
11633
|
}
|
|
11491
11634
|
return baseStyle;
|
|
11492
11635
|
}, [variant, components, fonts, style]);
|
|
11493
|
-
return /* @__PURE__ */
|
|
11636
|
+
return /* @__PURE__ */ jsx50(
|
|
11494
11637
|
Comp,
|
|
11495
11638
|
{
|
|
11496
11639
|
className: cn(buttonVariants({ variant, size, className })),
|