@unifold/ui-react 0.1.35 → 0.1.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/powered-by-unifold.svg +38 -0
- package/dist/index.d.mts +5 -2
- package/dist/index.d.ts +5 -2
- package/dist/index.js +820 -653
- package/dist/index.mjs +828 -654
- package/dist/styles-base.css +1 -1
- package/dist/styles.css +1 -1
- package/package.json +3 -3
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
// src/components/deposits/DepositModal.tsx
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
useState as useState26,
|
|
4
|
+
useEffect as useEffect20,
|
|
5
|
+
useLayoutEffect as useLayoutEffect2,
|
|
6
|
+
useCallback as useCallback3,
|
|
7
|
+
useRef as useRef5,
|
|
8
|
+
useMemo as useMemo8
|
|
9
|
+
} from "react";
|
|
3
10
|
import { ChevronRight as ChevronRight11, MapPinOff, AlertTriangle } from "lucide-react";
|
|
4
11
|
|
|
5
12
|
// src/components/shared/dialog.tsx
|
|
@@ -5939,8 +5946,9 @@ function WalletIconWithNetwork({
|
|
|
5939
5946
|
const hasEthereum = networks.includes("ethereum");
|
|
5940
5947
|
const hasSolana = networks.includes("solana");
|
|
5941
5948
|
const hasMultiple = hasEthereum && hasSolana;
|
|
5942
|
-
const
|
|
5943
|
-
const
|
|
5949
|
+
const badgeOutset = 4;
|
|
5950
|
+
const badgeSize = Math.round(size * 0.5);
|
|
5951
|
+
const iconSize = Math.round(badgeSize * 0.76);
|
|
5944
5952
|
return /* @__PURE__ */ jsxs27(
|
|
5945
5953
|
"div",
|
|
5946
5954
|
{
|
|
@@ -5950,39 +5958,46 @@ function WalletIconWithNetwork({
|
|
|
5950
5958
|
/* @__PURE__ */ jsx29(WalletIcon, { size, className, variant }),
|
|
5951
5959
|
hasMultiple ? (
|
|
5952
5960
|
// Multiple networks: overlapping badges
|
|
5953
|
-
/* @__PURE__ */ jsxs27(
|
|
5954
|
-
|
|
5955
|
-
|
|
5956
|
-
|
|
5957
|
-
|
|
5958
|
-
|
|
5959
|
-
|
|
5960
|
-
|
|
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
|
-
|
|
5961
|
+
/* @__PURE__ */ jsxs27(
|
|
5962
|
+
"div",
|
|
5963
|
+
{
|
|
5964
|
+
className: "uf-absolute",
|
|
5965
|
+
style: { bottom: -2, right: -badgeOutset },
|
|
5966
|
+
children: [
|
|
5967
|
+
/* @__PURE__ */ jsx29(
|
|
5968
|
+
"div",
|
|
5969
|
+
{
|
|
5970
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
5971
|
+
style: {
|
|
5972
|
+
width: badgeSize,
|
|
5973
|
+
height: badgeSize,
|
|
5974
|
+
backgroundColor: "#000",
|
|
5975
|
+
border: "2px solid #fff",
|
|
5976
|
+
// Rear badge sits left of the front; +1px on offset shows slightly more of the rear network
|
|
5977
|
+
right: Math.round(badgeSize * 0.5) + 1,
|
|
5978
|
+
bottom: 0
|
|
5979
|
+
},
|
|
5980
|
+
children: /* @__PURE__ */ jsx29(SolanaIcon, { size: iconSize, variant: "color" })
|
|
5981
|
+
}
|
|
5982
|
+
),
|
|
5983
|
+
/* @__PURE__ */ jsx29(
|
|
5984
|
+
"div",
|
|
5985
|
+
{
|
|
5986
|
+
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
5987
|
+
style: {
|
|
5988
|
+
width: badgeSize,
|
|
5989
|
+
height: badgeSize,
|
|
5990
|
+
backgroundColor: "#627EEA",
|
|
5991
|
+
border: "2px solid #fff",
|
|
5992
|
+
right: 0,
|
|
5993
|
+
bottom: 0
|
|
5994
|
+
},
|
|
5995
|
+
children: /* @__PURE__ */ jsx29(EthereumIcon, { size: iconSize, variant: "light" })
|
|
5996
|
+
}
|
|
5997
|
+
)
|
|
5998
|
+
]
|
|
5999
|
+
}
|
|
6000
|
+
)
|
|
5986
6001
|
) : (
|
|
5987
6002
|
// Single network
|
|
5988
6003
|
/* @__PURE__ */ jsxs27(
|
|
@@ -5991,7 +6006,7 @@ function WalletIconWithNetwork({
|
|
|
5991
6006
|
className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
5992
6007
|
style: {
|
|
5993
6008
|
bottom: -2,
|
|
5994
|
-
right: -
|
|
6009
|
+
right: -badgeOutset,
|
|
5995
6010
|
width: badgeSize,
|
|
5996
6011
|
height: badgeSize,
|
|
5997
6012
|
backgroundColor: hasEthereum ? "#627EEA" : "#000",
|
|
@@ -6072,7 +6087,7 @@ function BrowserWalletButton({
|
|
|
6072
6087
|
chainType,
|
|
6073
6088
|
publishableKey
|
|
6074
6089
|
}) {
|
|
6075
|
-
const { colors: colors2, fonts, components
|
|
6090
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
6076
6091
|
const [isHovered, setIsHovered] = React21.useState(false);
|
|
6077
6092
|
const [isTouchDevice, setIsTouchDevice] = React21.useState(false);
|
|
6078
6093
|
const [wallet, setWallet] = React21.useState(null);
|
|
@@ -6080,7 +6095,6 @@ function BrowserWalletButton({
|
|
|
6080
6095
|
const [isConnecting, setIsConnecting] = React21.useState(false);
|
|
6081
6096
|
const [balanceText, setBalanceText] = React21.useState(null);
|
|
6082
6097
|
const [isLoadingBalance, setIsLoadingBalance] = React21.useState(false);
|
|
6083
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
6084
6098
|
const onDisconnectRef = React21.useRef(onDisconnect);
|
|
6085
6099
|
onDisconnectRef.current = onDisconnect;
|
|
6086
6100
|
React21.useEffect(() => {
|
|
@@ -6439,12 +6453,12 @@ function BrowserWalletButton({
|
|
|
6439
6453
|
wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React21.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
|
|
6440
6454
|
size: 36,
|
|
6441
6455
|
className: "uf-rounded-lg",
|
|
6442
|
-
variant:
|
|
6456
|
+
variant: "color"
|
|
6443
6457
|
}) : /* @__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(
|
|
6444
6458
|
Wallet,
|
|
6445
6459
|
{
|
|
6446
6460
|
className: "uf-w-5 uf-h-5",
|
|
6447
|
-
style: { color:
|
|
6461
|
+
style: { color: components.card.iconColor }
|
|
6448
6462
|
}
|
|
6449
6463
|
) }),
|
|
6450
6464
|
/* @__PURE__ */ jsxs28("div", { className: "uf-text-left", children: [
|
|
@@ -6906,9 +6920,68 @@ function ThemeStyleInjector({
|
|
|
6906
6920
|
return /* @__PURE__ */ jsx32("div", { className: cn(mode === "dark" ? "uf-dark" : "", className), style: cssVars, children });
|
|
6907
6921
|
}
|
|
6908
6922
|
|
|
6923
|
+
// src/components/shared/PoweredByUnifold.tsx
|
|
6924
|
+
import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
6925
|
+
var VIEW_W = 538;
|
|
6926
|
+
var VIEW_H = 53;
|
|
6927
|
+
var SIZE_MAX_WIDTH = {
|
|
6928
|
+
sm: 128,
|
|
6929
|
+
md: 152,
|
|
6930
|
+
lg: 216
|
|
6931
|
+
};
|
|
6932
|
+
function PoweredByUnifold({
|
|
6933
|
+
color,
|
|
6934
|
+
className,
|
|
6935
|
+
size = "sm",
|
|
6936
|
+
maxWidth: maxWidthProp
|
|
6937
|
+
}) {
|
|
6938
|
+
const maxWidth = maxWidthProp ?? SIZE_MAX_WIDTH[size];
|
|
6939
|
+
const height = Math.round(maxWidth / VIEW_W * VIEW_H);
|
|
6940
|
+
return /* @__PURE__ */ jsx33(
|
|
6941
|
+
"div",
|
|
6942
|
+
{
|
|
6943
|
+
className,
|
|
6944
|
+
style: { color, lineHeight: 0 },
|
|
6945
|
+
role: "img",
|
|
6946
|
+
"aria-label": "Powered by Unifold",
|
|
6947
|
+
children: /* @__PURE__ */ jsxs29(
|
|
6948
|
+
"svg",
|
|
6949
|
+
{
|
|
6950
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6951
|
+
width: maxWidth,
|
|
6952
|
+
height,
|
|
6953
|
+
viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
|
|
6954
|
+
fill: "none",
|
|
6955
|
+
className: "uf-block uf-max-w-full uf-h-auto",
|
|
6956
|
+
children: [
|
|
6957
|
+
/* @__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" }),
|
|
6958
|
+
/* @__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" }),
|
|
6959
|
+
/* @__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" }),
|
|
6960
|
+
/* @__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" }),
|
|
6961
|
+
/* @__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" }),
|
|
6962
|
+
/* @__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" }),
|
|
6963
|
+
/* @__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" }),
|
|
6964
|
+
/* @__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" }),
|
|
6965
|
+
/* @__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" }),
|
|
6966
|
+
/* @__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" }),
|
|
6967
|
+
/* @__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" }),
|
|
6968
|
+
/* @__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" }),
|
|
6969
|
+
/* @__PURE__ */ jsx33("path", { d: "M440.704 12.9302H432.724V42.2602H440.704V12.9302Z", fill: "currentColor" }),
|
|
6970
|
+
/* @__PURE__ */ jsx33("path", { d: "M504.904 2.96997H496.924V42.25H504.904V2.96997Z", fill: "currentColor" }),
|
|
6971
|
+
/* @__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" }),
|
|
6972
|
+
/* @__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" }),
|
|
6973
|
+
/* @__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" }),
|
|
6974
|
+
/* @__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" })
|
|
6975
|
+
]
|
|
6976
|
+
}
|
|
6977
|
+
)
|
|
6978
|
+
}
|
|
6979
|
+
);
|
|
6980
|
+
}
|
|
6981
|
+
|
|
6909
6982
|
// src/components/deposits/DepositsModal.tsx
|
|
6910
6983
|
import { queryExecutions as queryExecutions2 } from "@unifold/core";
|
|
6911
|
-
import { Fragment as Fragment3, jsx as
|
|
6984
|
+
import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
6912
6985
|
function DepositsModal({
|
|
6913
6986
|
open,
|
|
6914
6987
|
onOpenChange,
|
|
@@ -6962,8 +7035,8 @@ function DepositsModal({
|
|
|
6962
7035
|
const handleExecutionClick = (execution) => {
|
|
6963
7036
|
setSelectedExecution(execution);
|
|
6964
7037
|
};
|
|
6965
|
-
const content = selectedExecution ? /* @__PURE__ */
|
|
6966
|
-
/* @__PURE__ */
|
|
7038
|
+
const content = selectedExecution ? /* @__PURE__ */ jsxs30(Fragment3, { children: [
|
|
7039
|
+
/* @__PURE__ */ jsx34(
|
|
6967
7040
|
DepositHeader,
|
|
6968
7041
|
{
|
|
6969
7042
|
title: "Deposit Details",
|
|
@@ -6972,9 +7045,9 @@ function DepositsModal({
|
|
|
6972
7045
|
onClose: handleClose
|
|
6973
7046
|
}
|
|
6974
7047
|
),
|
|
6975
|
-
/* @__PURE__ */
|
|
6976
|
-
] }) : /* @__PURE__ */
|
|
6977
|
-
/* @__PURE__ */
|
|
7048
|
+
/* @__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 }) })
|
|
7049
|
+
] }) : /* @__PURE__ */ jsxs30(Fragment3, { children: [
|
|
7050
|
+
/* @__PURE__ */ jsx34(
|
|
6978
7051
|
DepositHeader,
|
|
6979
7052
|
{
|
|
6980
7053
|
title: "Deposit Tracker",
|
|
@@ -6983,14 +7056,14 @@ function DepositsModal({
|
|
|
6983
7056
|
onClose: handleClose
|
|
6984
7057
|
}
|
|
6985
7058
|
),
|
|
6986
|
-
/* @__PURE__ */
|
|
7059
|
+
/* @__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(
|
|
6987
7060
|
"div",
|
|
6988
7061
|
{
|
|
6989
7062
|
className: "uf-text-sm",
|
|
6990
7063
|
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
6991
7064
|
children: "No deposits yet"
|
|
6992
7065
|
}
|
|
6993
|
-
) }) : allExecutions.map((execution) => /* @__PURE__ */
|
|
7066
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx34(
|
|
6994
7067
|
DepositExecutionItem,
|
|
6995
7068
|
{
|
|
6996
7069
|
execution,
|
|
@@ -6999,12 +7072,21 @@ function DepositsModal({
|
|
|
6999
7072
|
execution.id
|
|
7000
7073
|
)) }) })
|
|
7001
7074
|
] });
|
|
7002
|
-
return /* @__PURE__ */
|
|
7075
|
+
return /* @__PURE__ */ jsx34(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx34(
|
|
7003
7076
|
DialogContent,
|
|
7004
7077
|
{
|
|
7005
7078
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
7006
7079
|
style: { backgroundColor: colors2.background },
|
|
7007
|
-
children: /* @__PURE__ */
|
|
7080
|
+
children: /* @__PURE__ */ jsxs30(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: [
|
|
7081
|
+
content,
|
|
7082
|
+
/* @__PURE__ */ jsx34("div", { className: "uf-pt-3 uf-shrink-0", children: /* @__PURE__ */ jsx34(
|
|
7083
|
+
PoweredByUnifold,
|
|
7084
|
+
{
|
|
7085
|
+
color: colors2.foregroundMuted,
|
|
7086
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
7087
|
+
}
|
|
7088
|
+
) })
|
|
7089
|
+
] })
|
|
7008
7090
|
}
|
|
7009
7091
|
) });
|
|
7010
7092
|
}
|
|
@@ -7012,7 +7094,7 @@ function DepositsModal({
|
|
|
7012
7094
|
// src/components/deposits/TokenSelectorSheet.tsx
|
|
7013
7095
|
import { useState as useState18, useMemo as useMemo3, useEffect as useEffect15 } from "react";
|
|
7014
7096
|
import { ArrowLeft as ArrowLeft2, X as X4 } from "lucide-react";
|
|
7015
|
-
import { jsx as
|
|
7097
|
+
import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
7016
7098
|
var STORAGE_KEY = "unifold_recent_tokens";
|
|
7017
7099
|
var MAX_RECENT_TOKENS = 5;
|
|
7018
7100
|
var COMMON_TOKENS = [
|
|
@@ -7143,7 +7225,7 @@ function TokenSelectorSheet({
|
|
|
7143
7225
|
onOpenChange(false);
|
|
7144
7226
|
};
|
|
7145
7227
|
if (!open) return null;
|
|
7146
|
-
return /* @__PURE__ */
|
|
7228
|
+
return /* @__PURE__ */ jsxs31(
|
|
7147
7229
|
"div",
|
|
7148
7230
|
{
|
|
7149
7231
|
className: `${themeClass} uf-px-6`,
|
|
@@ -7158,18 +7240,18 @@ function TokenSelectorSheet({
|
|
|
7158
7240
|
backgroundColor: colors2.background
|
|
7159
7241
|
},
|
|
7160
7242
|
children: [
|
|
7161
|
-
/* @__PURE__ */
|
|
7162
|
-
/* @__PURE__ */
|
|
7243
|
+
/* @__PURE__ */ jsxs31("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
|
|
7244
|
+
/* @__PURE__ */ jsx35(
|
|
7163
7245
|
"button",
|
|
7164
7246
|
{
|
|
7165
7247
|
type: "button",
|
|
7166
7248
|
onClick: () => onOpenChange(false),
|
|
7167
7249
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors",
|
|
7168
7250
|
style: { color: components.header.buttonColor },
|
|
7169
|
-
children: /* @__PURE__ */
|
|
7251
|
+
children: /* @__PURE__ */ jsx35(ArrowLeft2, { className: "uf-w-5 uf-h-5" })
|
|
7170
7252
|
}
|
|
7171
7253
|
),
|
|
7172
|
-
/* @__PURE__ */
|
|
7254
|
+
/* @__PURE__ */ jsx35(
|
|
7173
7255
|
"h2",
|
|
7174
7256
|
{
|
|
7175
7257
|
className: "uf-text-base uf-text-center",
|
|
@@ -7180,10 +7262,10 @@ function TokenSelectorSheet({
|
|
|
7180
7262
|
children: "Select token to deposit"
|
|
7181
7263
|
}
|
|
7182
7264
|
),
|
|
7183
|
-
/* @__PURE__ */
|
|
7265
|
+
/* @__PURE__ */ jsx35("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
|
|
7184
7266
|
] }),
|
|
7185
|
-
/* @__PURE__ */
|
|
7186
|
-
/* @__PURE__ */
|
|
7267
|
+
/* @__PURE__ */ jsxs31("div", { className: "uf-pb-3", children: [
|
|
7268
|
+
/* @__PURE__ */ jsx35(
|
|
7187
7269
|
"style",
|
|
7188
7270
|
{
|
|
7189
7271
|
dangerouslySetInnerHTML: {
|
|
@@ -7191,7 +7273,7 @@ function TokenSelectorSheet({
|
|
|
7191
7273
|
}
|
|
7192
7274
|
}
|
|
7193
7275
|
),
|
|
7194
|
-
/* @__PURE__ */
|
|
7276
|
+
/* @__PURE__ */ jsx35("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsx35(
|
|
7195
7277
|
"input",
|
|
7196
7278
|
{
|
|
7197
7279
|
type: "text",
|
|
@@ -7209,8 +7291,8 @@ function TokenSelectorSheet({
|
|
|
7209
7291
|
}
|
|
7210
7292
|
) })
|
|
7211
7293
|
] }),
|
|
7212
|
-
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */
|
|
7213
|
-
/* @__PURE__ */
|
|
7294
|
+
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ jsxs31("div", { className: "uf-pb-3 uf--mx-6", children: [
|
|
7295
|
+
/* @__PURE__ */ jsx35(
|
|
7214
7296
|
"div",
|
|
7215
7297
|
{
|
|
7216
7298
|
className: "uf-text-xs uf-mb-2 uf-px-6",
|
|
@@ -7221,7 +7303,7 @@ function TokenSelectorSheet({
|
|
|
7221
7303
|
children: "Quick select"
|
|
7222
7304
|
}
|
|
7223
7305
|
),
|
|
7224
|
-
/* @__PURE__ */
|
|
7306
|
+
/* @__PURE__ */ jsx35(
|
|
7225
7307
|
"div",
|
|
7226
7308
|
{
|
|
7227
7309
|
className: "uf-flex uf-gap-2 uf-overflow-x-auto uf-px-6 uf-pb-1",
|
|
@@ -7229,12 +7311,12 @@ function TokenSelectorSheet({
|
|
|
7229
7311
|
children: quickSelectOptions.map(({ token, chain, isRecent }) => {
|
|
7230
7312
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
7231
7313
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
7232
|
-
return /* @__PURE__ */
|
|
7314
|
+
return /* @__PURE__ */ jsxs31(
|
|
7233
7315
|
"div",
|
|
7234
7316
|
{
|
|
7235
7317
|
style: { position: "relative", flexShrink: 0 },
|
|
7236
7318
|
children: [
|
|
7237
|
-
isRecent && /* @__PURE__ */
|
|
7319
|
+
isRecent && /* @__PURE__ */ jsx35(
|
|
7238
7320
|
"button",
|
|
7239
7321
|
{
|
|
7240
7322
|
type: "button",
|
|
@@ -7254,10 +7336,10 @@ function TokenSelectorSheet({
|
|
|
7254
7336
|
padding: 2,
|
|
7255
7337
|
color: colors2.foregroundMuted
|
|
7256
7338
|
},
|
|
7257
|
-
children: /* @__PURE__ */
|
|
7339
|
+
children: /* @__PURE__ */ jsx35(X4, { style: { width: 12, height: 12 } })
|
|
7258
7340
|
}
|
|
7259
7341
|
),
|
|
7260
|
-
/* @__PURE__ */
|
|
7342
|
+
/* @__PURE__ */ jsxs31(
|
|
7261
7343
|
"button",
|
|
7262
7344
|
{
|
|
7263
7345
|
type: "button",
|
|
@@ -7276,8 +7358,8 @@ function TokenSelectorSheet({
|
|
|
7276
7358
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
7277
7359
|
},
|
|
7278
7360
|
children: [
|
|
7279
|
-
/* @__PURE__ */
|
|
7280
|
-
/* @__PURE__ */
|
|
7361
|
+
/* @__PURE__ */ jsxs31("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
7362
|
+
/* @__PURE__ */ jsx35(
|
|
7281
7363
|
"img",
|
|
7282
7364
|
{
|
|
7283
7365
|
src: token.icon_url,
|
|
@@ -7288,7 +7370,7 @@ function TokenSelectorSheet({
|
|
|
7288
7370
|
className: "uf-rounded-full"
|
|
7289
7371
|
}
|
|
7290
7372
|
),
|
|
7291
|
-
/* @__PURE__ */
|
|
7373
|
+
/* @__PURE__ */ jsx35(
|
|
7292
7374
|
"div",
|
|
7293
7375
|
{
|
|
7294
7376
|
style: {
|
|
@@ -7296,7 +7378,7 @@ function TokenSelectorSheet({
|
|
|
7296
7378
|
bottom: -2,
|
|
7297
7379
|
right: -2
|
|
7298
7380
|
},
|
|
7299
|
-
children: /* @__PURE__ */
|
|
7381
|
+
children: /* @__PURE__ */ jsx35(
|
|
7300
7382
|
"img",
|
|
7301
7383
|
{
|
|
7302
7384
|
src: chain.icon_url,
|
|
@@ -7310,8 +7392,8 @@ function TokenSelectorSheet({
|
|
|
7310
7392
|
}
|
|
7311
7393
|
)
|
|
7312
7394
|
] }),
|
|
7313
|
-
/* @__PURE__ */
|
|
7314
|
-
/* @__PURE__ */
|
|
7395
|
+
/* @__PURE__ */ jsxs31("div", { style: { textAlign: "left" }, children: [
|
|
7396
|
+
/* @__PURE__ */ jsx35(
|
|
7315
7397
|
"div",
|
|
7316
7398
|
{
|
|
7317
7399
|
style: {
|
|
@@ -7324,7 +7406,7 @@ function TokenSelectorSheet({
|
|
|
7324
7406
|
children: token.symbol
|
|
7325
7407
|
}
|
|
7326
7408
|
),
|
|
7327
|
-
/* @__PURE__ */
|
|
7409
|
+
/* @__PURE__ */ jsx35(
|
|
7328
7410
|
"div",
|
|
7329
7411
|
{
|
|
7330
7412
|
style: {
|
|
@@ -7348,7 +7430,7 @@ function TokenSelectorSheet({
|
|
|
7348
7430
|
}
|
|
7349
7431
|
)
|
|
7350
7432
|
] }),
|
|
7351
|
-
/* @__PURE__ */
|
|
7433
|
+
/* @__PURE__ */ jsx35(
|
|
7352
7434
|
"div",
|
|
7353
7435
|
{
|
|
7354
7436
|
className: "uf-text-xs uf-mb-2",
|
|
@@ -7359,7 +7441,7 @@ function TokenSelectorSheet({
|
|
|
7359
7441
|
children: "All supported tokens"
|
|
7360
7442
|
}
|
|
7361
7443
|
),
|
|
7362
|
-
/* @__PURE__ */
|
|
7444
|
+
/* @__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(
|
|
7363
7445
|
"div",
|
|
7364
7446
|
{
|
|
7365
7447
|
style: {
|
|
@@ -7371,10 +7453,10 @@ function TokenSelectorSheet({
|
|
|
7371
7453
|
},
|
|
7372
7454
|
children: "No tokens found"
|
|
7373
7455
|
}
|
|
7374
|
-
) : /* @__PURE__ */
|
|
7456
|
+
) : /* @__PURE__ */ jsx35("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
|
|
7375
7457
|
const chainKey = `${chain.chain_type}:${chain.chain_id}`;
|
|
7376
7458
|
const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
|
|
7377
|
-
return /* @__PURE__ */
|
|
7459
|
+
return /* @__PURE__ */ jsxs31(
|
|
7378
7460
|
"button",
|
|
7379
7461
|
{
|
|
7380
7462
|
type: "button",
|
|
@@ -7395,8 +7477,8 @@ function TokenSelectorSheet({
|
|
|
7395
7477
|
backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
|
|
7396
7478
|
},
|
|
7397
7479
|
children: [
|
|
7398
|
-
/* @__PURE__ */
|
|
7399
|
-
/* @__PURE__ */
|
|
7480
|
+
/* @__PURE__ */ jsxs31("div", { style: { position: "relative", flexShrink: 0 }, children: [
|
|
7481
|
+
/* @__PURE__ */ jsx35(
|
|
7400
7482
|
"img",
|
|
7401
7483
|
{
|
|
7402
7484
|
src: token.icon_url,
|
|
@@ -7407,7 +7489,7 @@ function TokenSelectorSheet({
|
|
|
7407
7489
|
className: "uf-rounded-full"
|
|
7408
7490
|
}
|
|
7409
7491
|
),
|
|
7410
|
-
/* @__PURE__ */
|
|
7492
|
+
/* @__PURE__ */ jsx35(
|
|
7411
7493
|
"div",
|
|
7412
7494
|
{
|
|
7413
7495
|
style: {
|
|
@@ -7415,7 +7497,7 @@ function TokenSelectorSheet({
|
|
|
7415
7497
|
bottom: -4,
|
|
7416
7498
|
right: -4
|
|
7417
7499
|
},
|
|
7418
|
-
children: /* @__PURE__ */
|
|
7500
|
+
children: /* @__PURE__ */ jsx35(
|
|
7419
7501
|
"img",
|
|
7420
7502
|
{
|
|
7421
7503
|
src: chain.icon_url,
|
|
@@ -7429,8 +7511,8 @@ function TokenSelectorSheet({
|
|
|
7429
7511
|
}
|
|
7430
7512
|
)
|
|
7431
7513
|
] }),
|
|
7432
|
-
/* @__PURE__ */
|
|
7433
|
-
/* @__PURE__ */
|
|
7514
|
+
/* @__PURE__ */ jsxs31("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
7515
|
+
/* @__PURE__ */ jsx35(
|
|
7434
7516
|
"div",
|
|
7435
7517
|
{
|
|
7436
7518
|
style: {
|
|
@@ -7442,7 +7524,7 @@ function TokenSelectorSheet({
|
|
|
7442
7524
|
children: token.symbol
|
|
7443
7525
|
}
|
|
7444
7526
|
),
|
|
7445
|
-
/* @__PURE__ */
|
|
7527
|
+
/* @__PURE__ */ jsx35(
|
|
7446
7528
|
"div",
|
|
7447
7529
|
{
|
|
7448
7530
|
style: {
|
|
@@ -7454,7 +7536,7 @@ function TokenSelectorSheet({
|
|
|
7454
7536
|
}
|
|
7455
7537
|
)
|
|
7456
7538
|
] }),
|
|
7457
|
-
/* @__PURE__ */
|
|
7539
|
+
/* @__PURE__ */ jsxs31(
|
|
7458
7540
|
"div",
|
|
7459
7541
|
{
|
|
7460
7542
|
style: {
|
|
@@ -7463,11 +7545,11 @@ function TokenSelectorSheet({
|
|
|
7463
7545
|
fontFamily: fonts.regular
|
|
7464
7546
|
},
|
|
7465
7547
|
children: [
|
|
7466
|
-
/* @__PURE__ */
|
|
7548
|
+
/* @__PURE__ */ jsxs31("span", { style: { color: components.card.textRightColor }, children: [
|
|
7467
7549
|
"Minimum:",
|
|
7468
7550
|
" "
|
|
7469
7551
|
] }),
|
|
7470
|
-
/* @__PURE__ */
|
|
7552
|
+
/* @__PURE__ */ jsxs31("span", { style: { color: components.card.labelHighlightRightColor }, children: [
|
|
7471
7553
|
"$",
|
|
7472
7554
|
chain.minimum_deposit_amount_usd
|
|
7473
7555
|
] })
|
|
@@ -7478,14 +7560,21 @@ function TokenSelectorSheet({
|
|
|
7478
7560
|
},
|
|
7479
7561
|
`${token.symbol}-${chainKey}`
|
|
7480
7562
|
);
|
|
7481
|
-
}) }) })
|
|
7563
|
+
}) }) }),
|
|
7564
|
+
/* @__PURE__ */ jsx35("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ jsx35(
|
|
7565
|
+
PoweredByUnifold,
|
|
7566
|
+
{
|
|
7567
|
+
color: colors2.foregroundMuted,
|
|
7568
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
7569
|
+
}
|
|
7570
|
+
) })
|
|
7482
7571
|
]
|
|
7483
7572
|
}
|
|
7484
7573
|
);
|
|
7485
7574
|
}
|
|
7486
7575
|
|
|
7487
7576
|
// src/components/deposits/DepositPollingUi.tsx
|
|
7488
|
-
import { jsx as
|
|
7577
|
+
import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
7489
7578
|
function DepositPollingUi({
|
|
7490
7579
|
depositConfirmationMode,
|
|
7491
7580
|
showWaitingUi,
|
|
@@ -7494,7 +7583,7 @@ function DepositPollingUi({
|
|
|
7494
7583
|
}) {
|
|
7495
7584
|
const { fonts, components } = useTheme();
|
|
7496
7585
|
if (depositConfirmationMode === "manual" && !showWaitingUi) {
|
|
7497
|
-
return /* @__PURE__ */
|
|
7586
|
+
return /* @__PURE__ */ jsx36(
|
|
7498
7587
|
"button",
|
|
7499
7588
|
{
|
|
7500
7589
|
onClick: onIveDeposited,
|
|
@@ -7511,15 +7600,15 @@ function DepositPollingUi({
|
|
|
7511
7600
|
);
|
|
7512
7601
|
}
|
|
7513
7602
|
if (showWaitingUi && !hasExecution) {
|
|
7514
|
-
return /* @__PURE__ */
|
|
7603
|
+
return /* @__PURE__ */ jsxs32(
|
|
7515
7604
|
"div",
|
|
7516
7605
|
{
|
|
7517
7606
|
className: "uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500",
|
|
7518
7607
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
7519
7608
|
children: [
|
|
7520
|
-
/* @__PURE__ */
|
|
7521
|
-
/* @__PURE__ */
|
|
7522
|
-
/* @__PURE__ */
|
|
7609
|
+
/* @__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" }) }),
|
|
7610
|
+
/* @__PURE__ */ jsxs32("div", { children: [
|
|
7611
|
+
/* @__PURE__ */ jsx36(
|
|
7523
7612
|
"div",
|
|
7524
7613
|
{
|
|
7525
7614
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -7527,7 +7616,7 @@ function DepositPollingUi({
|
|
|
7527
7616
|
children: "Processing deposit transactions"
|
|
7528
7617
|
}
|
|
7529
7618
|
),
|
|
7530
|
-
/* @__PURE__ */
|
|
7619
|
+
/* @__PURE__ */ jsx36(
|
|
7531
7620
|
"div",
|
|
7532
7621
|
{
|
|
7533
7622
|
className: "uf-text-xs",
|
|
@@ -7544,13 +7633,13 @@ function DepositPollingUi({
|
|
|
7544
7633
|
}
|
|
7545
7634
|
|
|
7546
7635
|
// src/components/deposits/shared/DepositFooterLinks.tsx
|
|
7547
|
-
import { jsx as
|
|
7636
|
+
import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
7548
7637
|
function DepositFooterLinks({
|
|
7549
7638
|
onGlossaryClick
|
|
7550
7639
|
}) {
|
|
7551
7640
|
const { colors: colors2 } = useTheme();
|
|
7552
|
-
return /* @__PURE__ */
|
|
7553
|
-
/* @__PURE__ */
|
|
7641
|
+
return /* @__PURE__ */ jsxs33("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
|
|
7642
|
+
/* @__PURE__ */ jsx37(
|
|
7554
7643
|
"a",
|
|
7555
7644
|
{
|
|
7556
7645
|
href: "https://unifold.io/terms",
|
|
@@ -7560,8 +7649,8 @@ function DepositFooterLinks({
|
|
|
7560
7649
|
children: "Terms"
|
|
7561
7650
|
}
|
|
7562
7651
|
),
|
|
7563
|
-
/* @__PURE__ */
|
|
7564
|
-
/* @__PURE__ */
|
|
7652
|
+
/* @__PURE__ */ jsx37("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
7653
|
+
/* @__PURE__ */ jsx37(
|
|
7565
7654
|
"a",
|
|
7566
7655
|
{
|
|
7567
7656
|
href: "https://unifold.io/support",
|
|
@@ -7571,8 +7660,8 @@ function DepositFooterLinks({
|
|
|
7571
7660
|
children: "Help"
|
|
7572
7661
|
}
|
|
7573
7662
|
),
|
|
7574
|
-
/* @__PURE__ */
|
|
7575
|
-
/* @__PURE__ */
|
|
7663
|
+
/* @__PURE__ */ jsx37("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
|
|
7664
|
+
/* @__PURE__ */ jsx37(
|
|
7576
7665
|
"div",
|
|
7577
7666
|
{
|
|
7578
7667
|
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
@@ -7586,7 +7675,7 @@ function DepositFooterLinks({
|
|
|
7586
7675
|
|
|
7587
7676
|
// src/components/deposits/shared/GlossaryModal.tsx
|
|
7588
7677
|
import { X as X5 } from "lucide-react";
|
|
7589
|
-
import { jsx as
|
|
7678
|
+
import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
7590
7679
|
var t3 = i18n.transferCrypto;
|
|
7591
7680
|
function GlossaryModal({
|
|
7592
7681
|
open,
|
|
@@ -7598,15 +7687,15 @@ function GlossaryModal({
|
|
|
7598
7687
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
7599
7688
|
const resolvedThemeClass = themeClassProp ?? themeClass;
|
|
7600
7689
|
const modalBackground = backgroundColorProp ?? colors2.background;
|
|
7601
|
-
return /* @__PURE__ */
|
|
7690
|
+
return /* @__PURE__ */ jsx38(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs34(
|
|
7602
7691
|
DialogContent,
|
|
7603
7692
|
{
|
|
7604
7693
|
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}`,
|
|
7605
7694
|
style: { backgroundColor: modalBackground },
|
|
7606
7695
|
children: [
|
|
7607
|
-
/* @__PURE__ */
|
|
7608
|
-
/* @__PURE__ */
|
|
7609
|
-
/* @__PURE__ */
|
|
7696
|
+
/* @__PURE__ */ jsxs34("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
|
|
7697
|
+
/* @__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" }) }),
|
|
7698
|
+
/* @__PURE__ */ jsx38(
|
|
7610
7699
|
DialogTitle,
|
|
7611
7700
|
{
|
|
7612
7701
|
className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
|
|
@@ -7614,91 +7703,91 @@ function GlossaryModal({
|
|
|
7614
7703
|
children: "Glossary"
|
|
7615
7704
|
}
|
|
7616
7705
|
),
|
|
7617
|
-
/* @__PURE__ */
|
|
7706
|
+
/* @__PURE__ */ jsx38(
|
|
7618
7707
|
"button",
|
|
7619
7708
|
{
|
|
7620
7709
|
onClick: () => onOpenChange(false),
|
|
7621
7710
|
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
|
|
7622
7711
|
style: { color: components.header.buttonColor },
|
|
7623
|
-
children: /* @__PURE__ */
|
|
7712
|
+
children: /* @__PURE__ */ jsx38(X5, { className: "uf-w-4 uf-h-4" })
|
|
7624
7713
|
}
|
|
7625
7714
|
)
|
|
7626
7715
|
] }),
|
|
7627
|
-
/* @__PURE__ */
|
|
7628
|
-
/* @__PURE__ */
|
|
7716
|
+
/* @__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: [
|
|
7717
|
+
/* @__PURE__ */ jsxs34(
|
|
7629
7718
|
"div",
|
|
7630
7719
|
{
|
|
7631
7720
|
className: "uf-rounded-xl uf-p-3",
|
|
7632
7721
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7633
7722
|
children: [
|
|
7634
|
-
/* @__PURE__ */
|
|
7635
|
-
/* @__PURE__ */
|
|
7723
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
|
|
7724
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
|
|
7636
7725
|
]
|
|
7637
7726
|
}
|
|
7638
7727
|
),
|
|
7639
|
-
/* @__PURE__ */
|
|
7728
|
+
/* @__PURE__ */ jsxs34(
|
|
7640
7729
|
"div",
|
|
7641
7730
|
{
|
|
7642
7731
|
className: "uf-rounded-xl uf-p-3",
|
|
7643
7732
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7644
7733
|
children: [
|
|
7645
|
-
/* @__PURE__ */
|
|
7646
|
-
/* @__PURE__ */
|
|
7734
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
|
|
7735
|
+
/* @__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." })
|
|
7647
7736
|
]
|
|
7648
7737
|
}
|
|
7649
7738
|
),
|
|
7650
|
-
/* @__PURE__ */
|
|
7739
|
+
/* @__PURE__ */ jsxs34(
|
|
7651
7740
|
"div",
|
|
7652
7741
|
{
|
|
7653
7742
|
className: "uf-rounded-xl uf-p-3",
|
|
7654
7743
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7655
7744
|
children: [
|
|
7656
|
-
/* @__PURE__ */
|
|
7657
|
-
/* @__PURE__ */
|
|
7745
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
|
|
7746
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
|
|
7658
7747
|
]
|
|
7659
7748
|
}
|
|
7660
7749
|
),
|
|
7661
|
-
/* @__PURE__ */
|
|
7750
|
+
/* @__PURE__ */ jsxs34(
|
|
7662
7751
|
"div",
|
|
7663
7752
|
{
|
|
7664
7753
|
className: "uf-rounded-xl uf-p-3",
|
|
7665
7754
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7666
7755
|
children: [
|
|
7667
|
-
/* @__PURE__ */
|
|
7668
|
-
/* @__PURE__ */
|
|
7756
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
|
|
7757
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
|
|
7669
7758
|
]
|
|
7670
7759
|
}
|
|
7671
7760
|
),
|
|
7672
|
-
/* @__PURE__ */
|
|
7761
|
+
/* @__PURE__ */ jsxs34(
|
|
7673
7762
|
"div",
|
|
7674
7763
|
{
|
|
7675
7764
|
className: "uf-rounded-xl uf-p-3",
|
|
7676
7765
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7677
7766
|
children: [
|
|
7678
|
-
/* @__PURE__ */
|
|
7679
|
-
/* @__PURE__ */
|
|
7767
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
|
|
7768
|
+
/* @__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." })
|
|
7680
7769
|
]
|
|
7681
7770
|
}
|
|
7682
7771
|
),
|
|
7683
|
-
/* @__PURE__ */
|
|
7772
|
+
/* @__PURE__ */ jsxs34(
|
|
7684
7773
|
"div",
|
|
7685
7774
|
{
|
|
7686
7775
|
className: "uf-rounded-xl uf-p-3",
|
|
7687
7776
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7688
7777
|
children: [
|
|
7689
|
-
/* @__PURE__ */
|
|
7690
|
-
/* @__PURE__ */
|
|
7778
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
|
|
7779
|
+
/* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
|
|
7691
7780
|
]
|
|
7692
7781
|
}
|
|
7693
7782
|
),
|
|
7694
|
-
/* @__PURE__ */
|
|
7783
|
+
/* @__PURE__ */ jsxs34(
|
|
7695
7784
|
"div",
|
|
7696
7785
|
{
|
|
7697
7786
|
className: "uf-rounded-xl uf-p-3",
|
|
7698
7787
|
style: { backgroundColor: components.card.backgroundColor },
|
|
7699
7788
|
children: [
|
|
7700
|
-
/* @__PURE__ */
|
|
7701
|
-
/* @__PURE__ */
|
|
7789
|
+
/* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
|
|
7790
|
+
/* @__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." })
|
|
7702
7791
|
]
|
|
7703
7792
|
}
|
|
7704
7793
|
)
|
|
@@ -7724,7 +7813,7 @@ function useCopyAddress() {
|
|
|
7724
7813
|
// src/components/shared/tooltip.tsx
|
|
7725
7814
|
import * as React23 from "react";
|
|
7726
7815
|
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
7727
|
-
import { jsx as
|
|
7816
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
7728
7817
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
7729
7818
|
function Tooltip({
|
|
7730
7819
|
children,
|
|
@@ -7734,11 +7823,11 @@ function Tooltip({
|
|
|
7734
7823
|
const isControlled = props.open !== void 0;
|
|
7735
7824
|
const isOpen = isControlled ? props.open : open;
|
|
7736
7825
|
const onOpenChange = isControlled ? props.onOpenChange : (nextOpen) => setOpen(nextOpen);
|
|
7737
|
-
return /* @__PURE__ */
|
|
7826
|
+
return /* @__PURE__ */ jsx39(
|
|
7738
7827
|
TooltipContext.Provider,
|
|
7739
7828
|
{
|
|
7740
7829
|
value: { open: isOpen, onOpenChange },
|
|
7741
|
-
children: /* @__PURE__ */
|
|
7830
|
+
children: /* @__PURE__ */ jsx39(
|
|
7742
7831
|
TooltipPrimitive.Root,
|
|
7743
7832
|
{
|
|
7744
7833
|
...props,
|
|
@@ -7764,12 +7853,12 @@ var TooltipTrigger = React23.forwardRef(({ onClick, ...props }, ref) => {
|
|
|
7764
7853
|
},
|
|
7765
7854
|
[open, onOpenChange, onClick]
|
|
7766
7855
|
);
|
|
7767
|
-
return /* @__PURE__ */
|
|
7856
|
+
return /* @__PURE__ */ jsx39(TooltipPrimitive.Trigger, { ref, onClick: handleClick, ...props });
|
|
7768
7857
|
});
|
|
7769
7858
|
TooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;
|
|
7770
7859
|
var TooltipContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
|
|
7771
7860
|
const { themeClass, colors: colors2 } = useTheme();
|
|
7772
|
-
return /* @__PURE__ */
|
|
7861
|
+
return /* @__PURE__ */ jsx39(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx39(
|
|
7773
7862
|
TooltipPrimitive.Content,
|
|
7774
7863
|
{
|
|
7775
7864
|
ref,
|
|
@@ -7790,7 +7879,7 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
|
7790
7879
|
import {
|
|
7791
7880
|
getWalletByChainType as getWalletByChainType2
|
|
7792
7881
|
} from "@unifold/core";
|
|
7793
|
-
import { Fragment as Fragment4, jsx as
|
|
7882
|
+
import { Fragment as Fragment4, jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
7794
7883
|
var t4 = i18n.transferCrypto;
|
|
7795
7884
|
var getChainKey = (chainId, chainType) => {
|
|
7796
7885
|
return `${chainType}:${chainId}`;
|
|
@@ -7974,29 +8063,29 @@ function TransferCryptoSingleInput({
|
|
|
7974
8063
|
const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
|
|
7975
8064
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
7976
8065
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
7977
|
-
return /* @__PURE__ */
|
|
8066
|
+
return /* @__PURE__ */ jsx40(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs35(
|
|
7978
8067
|
"div",
|
|
7979
8068
|
{
|
|
7980
8069
|
className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
|
|
7981
8070
|
style: { backgroundColor: colors2.background },
|
|
7982
8071
|
children: [
|
|
7983
|
-
/* @__PURE__ */
|
|
7984
|
-
/* @__PURE__ */
|
|
8072
|
+
/* @__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 }) }),
|
|
8073
|
+
/* @__PURE__ */ jsx40(
|
|
7985
8074
|
"button",
|
|
7986
8075
|
{
|
|
7987
8076
|
onClick: () => setTokenSelectorOpen(true),
|
|
7988
8077
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
7989
8078
|
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",
|
|
7990
8079
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
7991
|
-
children: tokensLoading ? /* @__PURE__ */
|
|
7992
|
-
/* @__PURE__ */
|
|
7993
|
-
/* @__PURE__ */
|
|
7994
|
-
/* @__PURE__ */
|
|
7995
|
-
/* @__PURE__ */
|
|
8080
|
+
children: tokensLoading ? /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
|
|
8081
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
|
|
8082
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex-1", children: [
|
|
8083
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
|
|
8084
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
|
|
7996
8085
|
] })
|
|
7997
|
-
] }) : /* @__PURE__ */
|
|
7998
|
-
/* @__PURE__ */
|
|
7999
|
-
selectedToken && /* @__PURE__ */
|
|
8086
|
+
] }) : /* @__PURE__ */ jsxs35(Fragment4, { children: [
|
|
8087
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-relative uf-flex-shrink-0", children: [
|
|
8088
|
+
selectedToken && /* @__PURE__ */ jsx40(
|
|
8000
8089
|
"img",
|
|
8001
8090
|
{
|
|
8002
8091
|
src: selectedToken.icon_url,
|
|
@@ -8007,7 +8096,7 @@ function TransferCryptoSingleInput({
|
|
|
8007
8096
|
className: "uf-w-10 uf-h-10 uf-rounded-full"
|
|
8008
8097
|
}
|
|
8009
8098
|
),
|
|
8010
|
-
(currentChainFromBackend || currentChainData) && /* @__PURE__ */
|
|
8099
|
+
(currentChainFromBackend || currentChainData) && /* @__PURE__ */ jsx40("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ jsx40(
|
|
8011
8100
|
"img",
|
|
8012
8101
|
{
|
|
8013
8102
|
src: currentChainFromBackend?.icon_url || currentChainData?.icon_url || "",
|
|
@@ -8020,8 +8109,8 @@ function TransferCryptoSingleInput({
|
|
|
8020
8109
|
}
|
|
8021
8110
|
) })
|
|
8022
8111
|
] }),
|
|
8023
|
-
/* @__PURE__ */
|
|
8024
|
-
/* @__PURE__ */
|
|
8112
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
|
|
8113
|
+
/* @__PURE__ */ jsx40(
|
|
8025
8114
|
"div",
|
|
8026
8115
|
{
|
|
8027
8116
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -8029,7 +8118,7 @@ function TransferCryptoSingleInput({
|
|
|
8029
8118
|
children: selectedToken?.symbol || token
|
|
8030
8119
|
}
|
|
8031
8120
|
),
|
|
8032
|
-
/* @__PURE__ */
|
|
8121
|
+
/* @__PURE__ */ jsx40(
|
|
8033
8122
|
"div",
|
|
8034
8123
|
{
|
|
8035
8124
|
className: "uf-text-xs uf-truncate",
|
|
@@ -8038,8 +8127,8 @@ function TransferCryptoSingleInput({
|
|
|
8038
8127
|
}
|
|
8039
8128
|
)
|
|
8040
8129
|
] }),
|
|
8041
|
-
/* @__PURE__ */
|
|
8042
|
-
/* @__PURE__ */
|
|
8130
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
|
|
8131
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-right", children: /* @__PURE__ */ jsxs35(
|
|
8043
8132
|
"div",
|
|
8044
8133
|
{
|
|
8045
8134
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -8051,12 +8140,12 @@ function TransferCryptoSingleInput({
|
|
|
8051
8140
|
]
|
|
8052
8141
|
}
|
|
8053
8142
|
) }),
|
|
8054
|
-
/* @__PURE__ */
|
|
8143
|
+
/* @__PURE__ */ jsx40(ChevronRight9, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
|
|
8055
8144
|
] })
|
|
8056
8145
|
] })
|
|
8057
8146
|
}
|
|
8058
8147
|
),
|
|
8059
|
-
/* @__PURE__ */
|
|
8148
|
+
/* @__PURE__ */ jsx40(
|
|
8060
8149
|
TokenSelectorSheet,
|
|
8061
8150
|
{
|
|
8062
8151
|
open: tokenSelectorOpen,
|
|
@@ -8070,24 +8159,24 @@ function TransferCryptoSingleInput({
|
|
|
8070
8159
|
}
|
|
8071
8160
|
}
|
|
8072
8161
|
),
|
|
8073
|
-
error && !loading && /* @__PURE__ */
|
|
8074
|
-
/* @__PURE__ */
|
|
8075
|
-
/* @__PURE__ */
|
|
8076
|
-
/* @__PURE__ */
|
|
8077
|
-
/* @__PURE__ */
|
|
8078
|
-
/* @__PURE__ */
|
|
8162
|
+
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: [
|
|
8163
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
8164
|
+
/* @__PURE__ */ jsx40(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
|
|
8165
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
8166
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
|
|
8167
|
+
/* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
8079
8168
|
] })
|
|
8080
8169
|
] }),
|
|
8081
|
-
/* @__PURE__ */
|
|
8082
|
-
/* @__PURE__ */
|
|
8083
|
-
/* @__PURE__ */
|
|
8170
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
|
|
8171
|
+
/* @__PURE__ */ jsx40(Clock2, { className: "uf-w-3 uf-h-3" }),
|
|
8172
|
+
/* @__PURE__ */ jsx40("span", { children: "Retrying automatically every 5 seconds..." })
|
|
8084
8173
|
] })
|
|
8085
8174
|
] }),
|
|
8086
|
-
/* @__PURE__ */
|
|
8087
|
-
/* @__PURE__ */
|
|
8088
|
-
/* @__PURE__ */
|
|
8175
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
8176
|
+
/* @__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" }),
|
|
8177
|
+
/* @__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 ? (
|
|
8089
8178
|
// QR Skeleton - matches QR code appearance
|
|
8090
|
-
/* @__PURE__ */
|
|
8179
|
+
/* @__PURE__ */ jsx40(
|
|
8091
8180
|
"div",
|
|
8092
8181
|
{
|
|
8093
8182
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -8097,7 +8186,7 @@ function TransferCryptoSingleInput({
|
|
|
8097
8186
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
8098
8187
|
borderRadius: 8
|
|
8099
8188
|
},
|
|
8100
|
-
children: /* @__PURE__ */
|
|
8189
|
+
children: /* @__PURE__ */ jsx40(
|
|
8101
8190
|
"div",
|
|
8102
8191
|
{
|
|
8103
8192
|
style: {
|
|
@@ -8110,7 +8199,7 @@ function TransferCryptoSingleInput({
|
|
|
8110
8199
|
)
|
|
8111
8200
|
}
|
|
8112
8201
|
)
|
|
8113
|
-
) : depositAddress ? /* @__PURE__ */
|
|
8202
|
+
) : depositAddress ? /* @__PURE__ */ jsx40(
|
|
8114
8203
|
StyledQRCode,
|
|
8115
8204
|
{
|
|
8116
8205
|
value: depositAddress,
|
|
@@ -8120,19 +8209,19 @@ function TransferCryptoSingleInput({
|
|
|
8120
8209
|
darkMode: isDarkMode
|
|
8121
8210
|
},
|
|
8122
8211
|
`qr-${depositAddress}-${chain}`
|
|
8123
|
-
) : /* @__PURE__ */
|
|
8212
|
+
) : /* @__PURE__ */ jsx40(
|
|
8124
8213
|
"div",
|
|
8125
8214
|
{
|
|
8126
8215
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
8127
8216
|
style: { width: 180, height: 180 },
|
|
8128
|
-
children: /* @__PURE__ */
|
|
8217
|
+
children: /* @__PURE__ */ jsx40("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
|
|
8129
8218
|
}
|
|
8130
8219
|
) })
|
|
8131
8220
|
] }),
|
|
8132
|
-
/* @__PURE__ */
|
|
8221
|
+
/* @__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: [
|
|
8133
8222
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
8134
8223
|
// Address skeleton
|
|
8135
|
-
/* @__PURE__ */
|
|
8224
|
+
/* @__PURE__ */ jsx40(
|
|
8136
8225
|
"div",
|
|
8137
8226
|
{
|
|
8138
8227
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -8141,45 +8230,45 @@ function TransferCryptoSingleInput({
|
|
|
8141
8230
|
}
|
|
8142
8231
|
}
|
|
8143
8232
|
)
|
|
8144
|
-
) : /* @__PURE__ */
|
|
8145
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */
|
|
8233
|
+
) : /* @__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 }),
|
|
8234
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ jsx40(
|
|
8146
8235
|
"span",
|
|
8147
8236
|
{
|
|
8148
8237
|
onClick: handleCopyAddress,
|
|
8149
8238
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8150
8239
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
8151
|
-
children: copied ? /* @__PURE__ */
|
|
8240
|
+
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" })
|
|
8152
8241
|
}
|
|
8153
8242
|
)
|
|
8154
8243
|
] }) }),
|
|
8155
|
-
/* @__PURE__ */
|
|
8156
|
-
/* @__PURE__ */
|
|
8244
|
+
/* @__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: [
|
|
8245
|
+
/* @__PURE__ */ jsxs35(
|
|
8157
8246
|
"button",
|
|
8158
8247
|
{
|
|
8159
8248
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
8160
8249
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
8161
8250
|
children: [
|
|
8162
|
-
/* @__PURE__ */
|
|
8163
|
-
/* @__PURE__ */
|
|
8164
|
-
/* @__PURE__ */
|
|
8251
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8252
|
+
/* @__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 } }) }),
|
|
8253
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8165
8254
|
t4.processingTime.label,
|
|
8166
8255
|
":",
|
|
8167
8256
|
" ",
|
|
8168
|
-
/* @__PURE__ */
|
|
8257
|
+
/* @__PURE__ */ jsx40("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
8169
8258
|
] })
|
|
8170
8259
|
] }),
|
|
8171
|
-
detailsExpanded ? /* @__PURE__ */
|
|
8260
|
+
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 } })
|
|
8172
8261
|
]
|
|
8173
8262
|
}
|
|
8174
8263
|
),
|
|
8175
|
-
detailsExpanded && /* @__PURE__ */
|
|
8176
|
-
/* @__PURE__ */
|
|
8177
|
-
/* @__PURE__ */
|
|
8178
|
-
/* @__PURE__ */
|
|
8264
|
+
detailsExpanded && /* @__PURE__ */ jsxs35("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
8265
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8266
|
+
/* @__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 } }) }),
|
|
8267
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8179
8268
|
t4.slippage.label,
|
|
8180
8269
|
":",
|
|
8181
8270
|
" ",
|
|
8182
|
-
/* @__PURE__ */
|
|
8271
|
+
/* @__PURE__ */ jsxs35("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
8183
8272
|
t4.slippage.auto,
|
|
8184
8273
|
" \u2022 ",
|
|
8185
8274
|
maxSlippage.toFixed(2),
|
|
@@ -8187,38 +8276,38 @@ function TransferCryptoSingleInput({
|
|
|
8187
8276
|
] })
|
|
8188
8277
|
] })
|
|
8189
8278
|
] }),
|
|
8190
|
-
/* @__PURE__ */
|
|
8191
|
-
/* @__PURE__ */
|
|
8192
|
-
/* @__PURE__ */
|
|
8279
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8280
|
+
/* @__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 } }) }),
|
|
8281
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8193
8282
|
t4.priceImpact.label,
|
|
8194
8283
|
":",
|
|
8195
8284
|
" ",
|
|
8196
|
-
/* @__PURE__ */
|
|
8285
|
+
/* @__PURE__ */ jsxs35("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
8197
8286
|
priceImpact.toFixed(2),
|
|
8198
8287
|
"%"
|
|
8199
8288
|
] })
|
|
8200
8289
|
] })
|
|
8201
8290
|
] }),
|
|
8202
|
-
/* @__PURE__ */
|
|
8203
|
-
/* @__PURE__ */
|
|
8204
|
-
/* @__PURE__ */
|
|
8291
|
+
/* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8292
|
+
/* @__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 } }) }),
|
|
8293
|
+
/* @__PURE__ */ jsxs35("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8205
8294
|
"Recipient address:",
|
|
8206
8295
|
" ",
|
|
8207
|
-
/* @__PURE__ */
|
|
8208
|
-
/* @__PURE__ */
|
|
8296
|
+
/* @__PURE__ */ jsx40("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
8297
|
+
/* @__PURE__ */ jsx40(
|
|
8209
8298
|
"span",
|
|
8210
8299
|
{
|
|
8211
8300
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
8212
8301
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8213
8302
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
8214
|
-
children: copiedRecipient ? /* @__PURE__ */
|
|
8303
|
+
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" })
|
|
8215
8304
|
}
|
|
8216
8305
|
)
|
|
8217
8306
|
] })
|
|
8218
8307
|
] })
|
|
8219
8308
|
] })
|
|
8220
8309
|
] }),
|
|
8221
|
-
wallets && wallets.length > 0 && /* @__PURE__ */
|
|
8310
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ jsx40(
|
|
8222
8311
|
DepositPollingUi,
|
|
8223
8312
|
{
|
|
8224
8313
|
depositConfirmationMode,
|
|
@@ -8227,29 +8316,29 @@ function TransferCryptoSingleInput({
|
|
|
8227
8316
|
onIveDeposited: handleIveDeposited
|
|
8228
8317
|
}
|
|
8229
8318
|
),
|
|
8230
|
-
/* @__PURE__ */
|
|
8231
|
-
depositExecutions.length > 1 && /* @__PURE__ */
|
|
8319
|
+
/* @__PURE__ */ jsx40(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
8320
|
+
depositExecutions.length > 1 && /* @__PURE__ */ jsx40("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs35(
|
|
8232
8321
|
"button",
|
|
8233
8322
|
{
|
|
8234
8323
|
onClick: () => setDepositsModalOpen(true),
|
|
8235
8324
|
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",
|
|
8236
8325
|
children: [
|
|
8237
|
-
/* @__PURE__ */
|
|
8326
|
+
/* @__PURE__ */ jsx40(Clock2, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
8238
8327
|
"Track deposits (",
|
|
8239
8328
|
depositExecutions.length,
|
|
8240
8329
|
")",
|
|
8241
|
-
/* @__PURE__ */
|
|
8330
|
+
/* @__PURE__ */ jsx40(ChevronRight9, { className: "uf-w-3 uf-h-3" })
|
|
8242
8331
|
]
|
|
8243
8332
|
}
|
|
8244
8333
|
) }),
|
|
8245
|
-
/* @__PURE__ */
|
|
8334
|
+
/* @__PURE__ */ jsx40(
|
|
8246
8335
|
DepositPollingToasts,
|
|
8247
8336
|
{
|
|
8248
8337
|
executions: depositExecutions,
|
|
8249
8338
|
isPolling
|
|
8250
8339
|
}
|
|
8251
8340
|
),
|
|
8252
|
-
/* @__PURE__ */
|
|
8341
|
+
/* @__PURE__ */ jsx40(
|
|
8253
8342
|
DepositsModal,
|
|
8254
8343
|
{
|
|
8255
8344
|
open: depositsModalOpen,
|
|
@@ -8260,7 +8349,7 @@ function TransferCryptoSingleInput({
|
|
|
8260
8349
|
themeClass
|
|
8261
8350
|
}
|
|
8262
8351
|
),
|
|
8263
|
-
/* @__PURE__ */
|
|
8352
|
+
/* @__PURE__ */ jsx40(
|
|
8264
8353
|
GlossaryModal,
|
|
8265
8354
|
{
|
|
8266
8355
|
open: glossaryOpen,
|
|
@@ -8293,13 +8382,13 @@ import {
|
|
|
8293
8382
|
import * as React24 from "react";
|
|
8294
8383
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
8295
8384
|
import { Check as Check4, ChevronDown as ChevronDown4, ChevronUp as ChevronUp3 } from "lucide-react";
|
|
8296
|
-
import { jsx as
|
|
8385
|
+
import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
8297
8386
|
var Select = SelectPrimitive.Root;
|
|
8298
8387
|
var SelectGroup = SelectPrimitive.Group;
|
|
8299
8388
|
var SelectValue = SelectPrimitive.Value;
|
|
8300
8389
|
var SelectTrigger = React24.forwardRef(({ className, style, children, ...props }, ref) => {
|
|
8301
8390
|
const { components } = useTheme();
|
|
8302
|
-
return /* @__PURE__ */
|
|
8391
|
+
return /* @__PURE__ */ jsxs36(
|
|
8303
8392
|
SelectPrimitive.Trigger,
|
|
8304
8393
|
{
|
|
8305
8394
|
ref,
|
|
@@ -8315,13 +8404,13 @@ var SelectTrigger = React24.forwardRef(({ className, style, children, ...props }
|
|
|
8315
8404
|
...props,
|
|
8316
8405
|
children: [
|
|
8317
8406
|
children,
|
|
8318
|
-
/* @__PURE__ */
|
|
8407
|
+
/* @__PURE__ */ jsx41(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx41(ChevronDown4, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
|
|
8319
8408
|
]
|
|
8320
8409
|
}
|
|
8321
8410
|
);
|
|
8322
8411
|
});
|
|
8323
8412
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
8324
|
-
var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
8413
|
+
var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
8325
8414
|
SelectPrimitive.ScrollUpButton,
|
|
8326
8415
|
{
|
|
8327
8416
|
ref,
|
|
@@ -8330,11 +8419,11 @@ var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) =>
|
|
|
8330
8419
|
className
|
|
8331
8420
|
),
|
|
8332
8421
|
...props,
|
|
8333
|
-
children: /* @__PURE__ */
|
|
8422
|
+
children: /* @__PURE__ */ jsx41(ChevronUp3, { className: "uf-h-4 uf-w-4" })
|
|
8334
8423
|
}
|
|
8335
8424
|
));
|
|
8336
8425
|
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
8337
|
-
var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
8426
|
+
var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
8338
8427
|
SelectPrimitive.ScrollDownButton,
|
|
8339
8428
|
{
|
|
8340
8429
|
ref,
|
|
@@ -8343,13 +8432,13 @@ var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) =
|
|
|
8343
8432
|
className
|
|
8344
8433
|
),
|
|
8345
8434
|
...props,
|
|
8346
|
-
children: /* @__PURE__ */
|
|
8435
|
+
children: /* @__PURE__ */ jsx41(ChevronDown4, { className: "uf-h-4 uf-w-4" })
|
|
8347
8436
|
}
|
|
8348
8437
|
));
|
|
8349
8438
|
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
8350
8439
|
var SelectContent = React24.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
|
|
8351
8440
|
const { themeClass, colors: colors2, components } = useTheme();
|
|
8352
|
-
return /* @__PURE__ */
|
|
8441
|
+
return /* @__PURE__ */ jsx41(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs36(
|
|
8353
8442
|
SelectPrimitive.Content,
|
|
8354
8443
|
{
|
|
8355
8444
|
ref,
|
|
@@ -8368,8 +8457,8 @@ var SelectContent = React24.forwardRef(({ className, style, children, position =
|
|
|
8368
8457
|
position,
|
|
8369
8458
|
...props,
|
|
8370
8459
|
children: [
|
|
8371
|
-
/* @__PURE__ */
|
|
8372
|
-
/* @__PURE__ */
|
|
8460
|
+
/* @__PURE__ */ jsx41(SelectScrollUpButton, {}),
|
|
8461
|
+
/* @__PURE__ */ jsx41(
|
|
8373
8462
|
SelectPrimitive.Viewport,
|
|
8374
8463
|
{
|
|
8375
8464
|
className: cn(
|
|
@@ -8379,13 +8468,13 @@ var SelectContent = React24.forwardRef(({ className, style, children, position =
|
|
|
8379
8468
|
children
|
|
8380
8469
|
}
|
|
8381
8470
|
),
|
|
8382
|
-
/* @__PURE__ */
|
|
8471
|
+
/* @__PURE__ */ jsx41(SelectScrollDownButton, {})
|
|
8383
8472
|
]
|
|
8384
8473
|
}
|
|
8385
8474
|
) });
|
|
8386
8475
|
});
|
|
8387
8476
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
8388
|
-
var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
8477
|
+
var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
8389
8478
|
SelectPrimitive.Label,
|
|
8390
8479
|
{
|
|
8391
8480
|
ref,
|
|
@@ -8397,7 +8486,7 @@ var SelectLabel = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
8397
8486
|
}
|
|
8398
8487
|
));
|
|
8399
8488
|
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
8400
|
-
var SelectItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */
|
|
8489
|
+
var SelectItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs36(
|
|
8401
8490
|
SelectPrimitive.Item,
|
|
8402
8491
|
{
|
|
8403
8492
|
ref,
|
|
@@ -8407,13 +8496,13 @@ var SelectItem = React24.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
8407
8496
|
),
|
|
8408
8497
|
...props,
|
|
8409
8498
|
children: [
|
|
8410
|
-
/* @__PURE__ */
|
|
8411
|
-
/* @__PURE__ */
|
|
8499
|
+
/* @__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" }) }) }),
|
|
8500
|
+
/* @__PURE__ */ jsx41(SelectPrimitive.ItemText, { children })
|
|
8412
8501
|
]
|
|
8413
8502
|
}
|
|
8414
8503
|
));
|
|
8415
8504
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
8416
|
-
var SelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
8505
|
+
var SelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
|
|
8417
8506
|
SelectPrimitive.Separator,
|
|
8418
8507
|
{
|
|
8419
8508
|
ref,
|
|
@@ -8427,7 +8516,7 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
|
8427
8516
|
import {
|
|
8428
8517
|
getWalletByChainType as getWalletByChainType3
|
|
8429
8518
|
} from "@unifold/core";
|
|
8430
|
-
import { jsx as
|
|
8519
|
+
import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
8431
8520
|
var t5 = i18n.transferCrypto;
|
|
8432
8521
|
var getChainKey2 = (chainId, chainType) => {
|
|
8433
8522
|
return `${chainType}:${chainId}`;
|
|
@@ -8584,8 +8673,8 @@ function TransferCryptoDoubleInput({
|
|
|
8584
8673
|
const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
|
|
8585
8674
|
const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
|
|
8586
8675
|
const renderTokenItem = (tokenData) => {
|
|
8587
|
-
return /* @__PURE__ */
|
|
8588
|
-
/* @__PURE__ */
|
|
8676
|
+
return /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8677
|
+
/* @__PURE__ */ jsx42(
|
|
8589
8678
|
"img",
|
|
8590
8679
|
{
|
|
8591
8680
|
src: tokenData.icon_url,
|
|
@@ -8596,13 +8685,13 @@ function TransferCryptoDoubleInput({
|
|
|
8596
8685
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
8597
8686
|
}
|
|
8598
8687
|
),
|
|
8599
|
-
/* @__PURE__ */
|
|
8688
|
+
/* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
|
|
8600
8689
|
] });
|
|
8601
8690
|
};
|
|
8602
8691
|
const renderChainItem = (chainData, showMinDeposit = false) => {
|
|
8603
|
-
return /* @__PURE__ */
|
|
8604
|
-
/* @__PURE__ */
|
|
8605
|
-
/* @__PURE__ */
|
|
8692
|
+
return /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
|
|
8693
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8694
|
+
/* @__PURE__ */ jsx42(
|
|
8606
8695
|
"img",
|
|
8607
8696
|
{
|
|
8608
8697
|
src: chainData.icon_url,
|
|
@@ -8613,32 +8702,32 @@ function TransferCryptoDoubleInput({
|
|
|
8613
8702
|
className: "uf-rounded-full uf-flex-shrink-0"
|
|
8614
8703
|
}
|
|
8615
8704
|
),
|
|
8616
|
-
/* @__PURE__ */
|
|
8705
|
+
/* @__PURE__ */ jsx42("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
|
|
8617
8706
|
] }),
|
|
8618
|
-
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */
|
|
8707
|
+
showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ jsxs37("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
8619
8708
|
"$",
|
|
8620
8709
|
chainData.minimum_deposit_amount_usd
|
|
8621
8710
|
] })
|
|
8622
8711
|
] });
|
|
8623
8712
|
};
|
|
8624
|
-
return /* @__PURE__ */
|
|
8713
|
+
return /* @__PURE__ */ jsx42(TooltipProvider, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs37(
|
|
8625
8714
|
"div",
|
|
8626
8715
|
{
|
|
8627
8716
|
className: "uf-space-y-3",
|
|
8628
8717
|
style: { backgroundColor: colors2.background },
|
|
8629
8718
|
children: [
|
|
8630
|
-
/* @__PURE__ */
|
|
8631
|
-
/* @__PURE__ */
|
|
8632
|
-
/* @__PURE__ */
|
|
8633
|
-
/* @__PURE__ */
|
|
8719
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
|
|
8720
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
8721
|
+
/* @__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 }),
|
|
8722
|
+
/* @__PURE__ */ jsxs37(
|
|
8634
8723
|
Select,
|
|
8635
8724
|
{
|
|
8636
8725
|
value: token,
|
|
8637
8726
|
onValueChange: setToken,
|
|
8638
8727
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
8639
8728
|
children: [
|
|
8640
|
-
/* @__PURE__ */
|
|
8641
|
-
/* @__PURE__ */
|
|
8729
|
+
/* @__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 }) }) }) }),
|
|
8730
|
+
/* @__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(
|
|
8642
8731
|
SelectItem,
|
|
8643
8732
|
{
|
|
8644
8733
|
value: tokenData.symbol,
|
|
@@ -8651,36 +8740,36 @@ function TransferCryptoDoubleInput({
|
|
|
8651
8740
|
}
|
|
8652
8741
|
)
|
|
8653
8742
|
] }),
|
|
8654
|
-
/* @__PURE__ */
|
|
8655
|
-
/* @__PURE__ */
|
|
8743
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
8744
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
|
|
8656
8745
|
t5.selectedChain,
|
|
8657
|
-
/* @__PURE__ */
|
|
8746
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
8658
8747
|
"$",
|
|
8659
8748
|
minDepositUsd,
|
|
8660
8749
|
" ",
|
|
8661
8750
|
t5.minDeposit.label
|
|
8662
8751
|
] })
|
|
8663
8752
|
] }),
|
|
8664
|
-
/* @__PURE__ */
|
|
8753
|
+
/* @__PURE__ */ jsxs37(
|
|
8665
8754
|
Select,
|
|
8666
8755
|
{
|
|
8667
8756
|
value: chain,
|
|
8668
8757
|
onValueChange: setChain,
|
|
8669
8758
|
disabled: tokensLoading || availableChainsForToken.length === 0,
|
|
8670
8759
|
children: [
|
|
8671
|
-
/* @__PURE__ */
|
|
8672
|
-
/* @__PURE__ */
|
|
8760
|
+
/* @__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 }) }) }) }),
|
|
8761
|
+
/* @__PURE__ */ jsx42(
|
|
8673
8762
|
SelectContent,
|
|
8674
8763
|
{
|
|
8675
8764
|
align: "end",
|
|
8676
8765
|
className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
|
|
8677
8766
|
style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} },
|
|
8678
|
-
children: availableChainsForToken.length === 0 ? /* @__PURE__ */
|
|
8767
|
+
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) => {
|
|
8679
8768
|
const chainKey = getChainKey2(
|
|
8680
8769
|
chainData.chain_id,
|
|
8681
8770
|
chainData.chain_type
|
|
8682
8771
|
);
|
|
8683
|
-
return /* @__PURE__ */
|
|
8772
|
+
return /* @__PURE__ */ jsx42(
|
|
8684
8773
|
SelectItem,
|
|
8685
8774
|
{
|
|
8686
8775
|
value: chainKey,
|
|
@@ -8697,24 +8786,24 @@ function TransferCryptoDoubleInput({
|
|
|
8697
8786
|
)
|
|
8698
8787
|
] })
|
|
8699
8788
|
] }),
|
|
8700
|
-
error && !loading && /* @__PURE__ */
|
|
8701
|
-
/* @__PURE__ */
|
|
8702
|
-
/* @__PURE__ */
|
|
8703
|
-
/* @__PURE__ */
|
|
8704
|
-
/* @__PURE__ */
|
|
8705
|
-
/* @__PURE__ */
|
|
8789
|
+
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: [
|
|
8790
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
|
|
8791
|
+
/* @__PURE__ */ jsx42(Info2, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
|
|
8792
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex-1 uf-min-w-0", children: [
|
|
8793
|
+
/* @__PURE__ */ jsx42("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
|
|
8794
|
+
/* @__PURE__ */ jsx42("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
|
|
8706
8795
|
] })
|
|
8707
8796
|
] }),
|
|
8708
|
-
/* @__PURE__ */
|
|
8709
|
-
/* @__PURE__ */
|
|
8710
|
-
/* @__PURE__ */
|
|
8797
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
|
|
8798
|
+
/* @__PURE__ */ jsx42(Clock3, { className: "uf-w-3 uf-h-3" }),
|
|
8799
|
+
/* @__PURE__ */ jsx42("span", { children: "Retrying automatically every 5 seconds..." })
|
|
8711
8800
|
] })
|
|
8712
8801
|
] }),
|
|
8713
|
-
/* @__PURE__ */
|
|
8714
|
-
/* @__PURE__ */
|
|
8715
|
-
/* @__PURE__ */
|
|
8802
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
8803
|
+
/* @__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" }),
|
|
8804
|
+
/* @__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 ? (
|
|
8716
8805
|
// QR Skeleton - matches QR code appearance
|
|
8717
|
-
/* @__PURE__ */
|
|
8806
|
+
/* @__PURE__ */ jsx42(
|
|
8718
8807
|
"div",
|
|
8719
8808
|
{
|
|
8720
8809
|
className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
|
|
@@ -8724,7 +8813,7 @@ function TransferCryptoDoubleInput({
|
|
|
8724
8813
|
background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
|
|
8725
8814
|
borderRadius: 8
|
|
8726
8815
|
},
|
|
8727
|
-
children: /* @__PURE__ */
|
|
8816
|
+
children: /* @__PURE__ */ jsx42(
|
|
8728
8817
|
"div",
|
|
8729
8818
|
{
|
|
8730
8819
|
style: {
|
|
@@ -8737,7 +8826,7 @@ function TransferCryptoDoubleInput({
|
|
|
8737
8826
|
)
|
|
8738
8827
|
}
|
|
8739
8828
|
)
|
|
8740
|
-
) : depositAddress ? /* @__PURE__ */
|
|
8829
|
+
) : depositAddress ? /* @__PURE__ */ jsx42(
|
|
8741
8830
|
StyledQRCode,
|
|
8742
8831
|
{
|
|
8743
8832
|
value: depositAddress,
|
|
@@ -8747,19 +8836,19 @@ function TransferCryptoDoubleInput({
|
|
|
8747
8836
|
darkMode: isDarkMode
|
|
8748
8837
|
},
|
|
8749
8838
|
`qr-${depositAddress}-${chain}`
|
|
8750
|
-
) : /* @__PURE__ */
|
|
8839
|
+
) : /* @__PURE__ */ jsx42(
|
|
8751
8840
|
"div",
|
|
8752
8841
|
{
|
|
8753
8842
|
className: "uf-flex uf-items-center uf-justify-center",
|
|
8754
8843
|
style: { width: 180, height: 180 },
|
|
8755
|
-
children: /* @__PURE__ */
|
|
8844
|
+
children: /* @__PURE__ */ jsx42("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
|
|
8756
8845
|
}
|
|
8757
8846
|
) })
|
|
8758
8847
|
] }),
|
|
8759
|
-
/* @__PURE__ */
|
|
8848
|
+
/* @__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: [
|
|
8760
8849
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
8761
8850
|
// Address skeleton
|
|
8762
|
-
/* @__PURE__ */
|
|
8851
|
+
/* @__PURE__ */ jsx42(
|
|
8763
8852
|
"div",
|
|
8764
8853
|
{
|
|
8765
8854
|
className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
|
|
@@ -8768,45 +8857,45 @@ function TransferCryptoDoubleInput({
|
|
|
8768
8857
|
}
|
|
8769
8858
|
}
|
|
8770
8859
|
)
|
|
8771
|
-
) : /* @__PURE__ */
|
|
8772
|
-
depositAddress && initialSelectionDone && /* @__PURE__ */
|
|
8860
|
+
) : /* @__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 }),
|
|
8861
|
+
depositAddress && initialSelectionDone && /* @__PURE__ */ jsx42(
|
|
8773
8862
|
"span",
|
|
8774
8863
|
{
|
|
8775
8864
|
onClick: handleCopyAddress,
|
|
8776
8865
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8777
8866
|
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
8778
|
-
children: copied ? /* @__PURE__ */
|
|
8867
|
+
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" })
|
|
8779
8868
|
}
|
|
8780
8869
|
)
|
|
8781
8870
|
] }) }),
|
|
8782
|
-
/* @__PURE__ */
|
|
8783
|
-
/* @__PURE__ */
|
|
8871
|
+
/* @__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: [
|
|
8872
|
+
/* @__PURE__ */ jsxs37(
|
|
8784
8873
|
"button",
|
|
8785
8874
|
{
|
|
8786
8875
|
onClick: () => setDetailsExpanded(!detailsExpanded),
|
|
8787
8876
|
className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
|
|
8788
8877
|
children: [
|
|
8789
|
-
/* @__PURE__ */
|
|
8790
|
-
/* @__PURE__ */
|
|
8791
|
-
/* @__PURE__ */
|
|
8878
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8879
|
+
/* @__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 } }) }),
|
|
8880
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8792
8881
|
t5.processingTime.label,
|
|
8793
8882
|
":",
|
|
8794
8883
|
" ",
|
|
8795
|
-
/* @__PURE__ */
|
|
8884
|
+
/* @__PURE__ */ jsx42("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
|
|
8796
8885
|
] })
|
|
8797
8886
|
] }),
|
|
8798
|
-
detailsExpanded ? /* @__PURE__ */
|
|
8887
|
+
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 } })
|
|
8799
8888
|
]
|
|
8800
8889
|
}
|
|
8801
8890
|
),
|
|
8802
|
-
detailsExpanded && /* @__PURE__ */
|
|
8803
|
-
/* @__PURE__ */
|
|
8804
|
-
/* @__PURE__ */
|
|
8805
|
-
/* @__PURE__ */
|
|
8891
|
+
detailsExpanded && /* @__PURE__ */ jsxs37("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
|
|
8892
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8893
|
+
/* @__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 } }) }),
|
|
8894
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8806
8895
|
t5.slippage.label,
|
|
8807
8896
|
":",
|
|
8808
8897
|
" ",
|
|
8809
|
-
/* @__PURE__ */
|
|
8898
|
+
/* @__PURE__ */ jsxs37("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
8810
8899
|
t5.slippage.auto,
|
|
8811
8900
|
" \u2022 ",
|
|
8812
8901
|
maxSlippage.toFixed(2),
|
|
@@ -8814,38 +8903,38 @@ function TransferCryptoDoubleInput({
|
|
|
8814
8903
|
] })
|
|
8815
8904
|
] })
|
|
8816
8905
|
] }),
|
|
8817
|
-
/* @__PURE__ */
|
|
8818
|
-
/* @__PURE__ */
|
|
8819
|
-
/* @__PURE__ */
|
|
8906
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8907
|
+
/* @__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 } }) }),
|
|
8908
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8820
8909
|
t5.priceImpact.label,
|
|
8821
8910
|
":",
|
|
8822
8911
|
" ",
|
|
8823
|
-
/* @__PURE__ */
|
|
8912
|
+
/* @__PURE__ */ jsxs37("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
|
|
8824
8913
|
priceImpact.toFixed(2),
|
|
8825
8914
|
"%"
|
|
8826
8915
|
] })
|
|
8827
8916
|
] })
|
|
8828
8917
|
] }),
|
|
8829
|
-
/* @__PURE__ */
|
|
8830
|
-
/* @__PURE__ */
|
|
8831
|
-
/* @__PURE__ */
|
|
8918
|
+
/* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
8919
|
+
/* @__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 } }) }),
|
|
8920
|
+
/* @__PURE__ */ jsxs37("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
|
|
8832
8921
|
"Recipient address:",
|
|
8833
8922
|
" ",
|
|
8834
|
-
/* @__PURE__ */
|
|
8835
|
-
/* @__PURE__ */
|
|
8923
|
+
/* @__PURE__ */ jsx42("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
|
|
8924
|
+
/* @__PURE__ */ jsx42(
|
|
8836
8925
|
"span",
|
|
8837
8926
|
{
|
|
8838
8927
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
8839
8928
|
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
8840
8929
|
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
8841
|
-
children: copiedRecipient ? /* @__PURE__ */
|
|
8930
|
+
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" })
|
|
8842
8931
|
}
|
|
8843
8932
|
)
|
|
8844
8933
|
] })
|
|
8845
8934
|
] })
|
|
8846
8935
|
] })
|
|
8847
8936
|
] }),
|
|
8848
|
-
wallets && wallets.length > 0 && /* @__PURE__ */
|
|
8937
|
+
wallets && wallets.length > 0 && /* @__PURE__ */ jsx42(
|
|
8849
8938
|
DepositPollingUi,
|
|
8850
8939
|
{
|
|
8851
8940
|
depositConfirmationMode,
|
|
@@ -8854,29 +8943,29 @@ function TransferCryptoDoubleInput({
|
|
|
8854
8943
|
onIveDeposited: handleIveDeposited
|
|
8855
8944
|
}
|
|
8856
8945
|
),
|
|
8857
|
-
/* @__PURE__ */
|
|
8858
|
-
depositExecutions.length > 1 && /* @__PURE__ */
|
|
8946
|
+
/* @__PURE__ */ jsx42(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
|
|
8947
|
+
depositExecutions.length > 1 && /* @__PURE__ */ jsx42("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs37(
|
|
8859
8948
|
"button",
|
|
8860
8949
|
{
|
|
8861
8950
|
onClick: () => setDepositsModalOpen(true),
|
|
8862
8951
|
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",
|
|
8863
8952
|
children: [
|
|
8864
|
-
/* @__PURE__ */
|
|
8953
|
+
/* @__PURE__ */ jsx42(Clock3, { className: "uf-w-3.5 uf-h-3.5" }),
|
|
8865
8954
|
"Track deposits (",
|
|
8866
8955
|
depositExecutions.length,
|
|
8867
8956
|
")",
|
|
8868
|
-
/* @__PURE__ */
|
|
8957
|
+
/* @__PURE__ */ jsx42(ChevronRight10, { className: "uf-w-3 uf-h-3" })
|
|
8869
8958
|
]
|
|
8870
8959
|
}
|
|
8871
8960
|
) }),
|
|
8872
|
-
/* @__PURE__ */
|
|
8961
|
+
/* @__PURE__ */ jsx42(
|
|
8873
8962
|
DepositPollingToasts,
|
|
8874
8963
|
{
|
|
8875
8964
|
executions: depositExecutions,
|
|
8876
8965
|
isPolling
|
|
8877
8966
|
}
|
|
8878
8967
|
),
|
|
8879
|
-
/* @__PURE__ */
|
|
8968
|
+
/* @__PURE__ */ jsx42(
|
|
8880
8969
|
DepositsModal,
|
|
8881
8970
|
{
|
|
8882
8971
|
open: depositsModalOpen,
|
|
@@ -8887,7 +8976,7 @@ function TransferCryptoDoubleInput({
|
|
|
8887
8976
|
themeClass
|
|
8888
8977
|
}
|
|
8889
8978
|
),
|
|
8890
|
-
/* @__PURE__ */
|
|
8979
|
+
/* @__PURE__ */ jsx42(
|
|
8891
8980
|
GlossaryModal,
|
|
8892
8981
|
{
|
|
8893
8982
|
open: glossaryOpen,
|
|
@@ -8912,7 +9001,7 @@ import {
|
|
|
8912
9001
|
|
|
8913
9002
|
// src/components/deposits/browser-wallets/SelectTokenView.tsx
|
|
8914
9003
|
import { Loader2 as Loader22 } from "lucide-react";
|
|
8915
|
-
import { Fragment as Fragment5, jsx as
|
|
9004
|
+
import { Fragment as Fragment5, jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
8916
9005
|
function SelectTokenView({
|
|
8917
9006
|
projectName,
|
|
8918
9007
|
assetCdnUrl,
|
|
@@ -8927,8 +9016,8 @@ function SelectTokenView({
|
|
|
8927
9016
|
onClose
|
|
8928
9017
|
}) {
|
|
8929
9018
|
const { colors: colors2, fonts, components } = useTheme();
|
|
8930
|
-
return /* @__PURE__ */
|
|
8931
|
-
/* @__PURE__ */
|
|
9019
|
+
return /* @__PURE__ */ jsxs38(Fragment5, { children: [
|
|
9020
|
+
/* @__PURE__ */ jsx43(
|
|
8932
9021
|
DepositHeader,
|
|
8933
9022
|
{
|
|
8934
9023
|
title: "Select Token",
|
|
@@ -8941,20 +9030,20 @@ function SelectTokenView({
|
|
|
8941
9030
|
onClose
|
|
8942
9031
|
}
|
|
8943
9032
|
),
|
|
8944
|
-
/* @__PURE__ */
|
|
9033
|
+
/* @__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(
|
|
8945
9034
|
Loader22,
|
|
8946
9035
|
{
|
|
8947
9036
|
className: "uf-w-6 uf-h-6 uf-animate-spin",
|
|
8948
9037
|
style: { color: colors2.foregroundMuted }
|
|
8949
9038
|
}
|
|
8950
|
-
) }) : error ? /* @__PURE__ */
|
|
9039
|
+
) }) : error ? /* @__PURE__ */ jsx43("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx43(
|
|
8951
9040
|
"div",
|
|
8952
9041
|
{
|
|
8953
9042
|
className: "uf-text-sm",
|
|
8954
9043
|
style: { color: colors2.foregroundMuted },
|
|
8955
9044
|
children: error
|
|
8956
9045
|
}
|
|
8957
|
-
) }) : balances.length === 0 ? /* @__PURE__ */
|
|
9046
|
+
) }) : balances.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx43(
|
|
8958
9047
|
"div",
|
|
8959
9048
|
{
|
|
8960
9049
|
className: "uf-text-sm",
|
|
@@ -8973,7 +9062,7 @@ function SelectTokenView({
|
|
|
8973
9062
|
token.symbol
|
|
8974
9063
|
);
|
|
8975
9064
|
const formattedUsd = formatUsdAmount(balance.amount_usd);
|
|
8976
|
-
return /* @__PURE__ */
|
|
9065
|
+
return /* @__PURE__ */ jsxs38(
|
|
8977
9066
|
"button",
|
|
8978
9067
|
{
|
|
8979
9068
|
onClick: () => onTokenSelect(balance),
|
|
@@ -8986,9 +9075,9 @@ function SelectTokenView({
|
|
|
8986
9075
|
opacity: isEligible ? 1 : 0.5
|
|
8987
9076
|
},
|
|
8988
9077
|
children: [
|
|
8989
|
-
/* @__PURE__ */
|
|
8990
|
-
/* @__PURE__ */
|
|
8991
|
-
getIconUrl(token.icon_url, assetCdnUrl) ? /* @__PURE__ */
|
|
9078
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
9079
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
|
|
9080
|
+
getIconUrl(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ jsx43(
|
|
8992
9081
|
"img",
|
|
8993
9082
|
{
|
|
8994
9083
|
src: getIconUrl(token.icon_url, assetCdnUrl),
|
|
@@ -9000,12 +9089,12 @@ function SelectTokenView({
|
|
|
9000
9089
|
filter: isEligible ? "none" : "grayscale(100%)"
|
|
9001
9090
|
}
|
|
9002
9091
|
}
|
|
9003
|
-
) : /* @__PURE__ */
|
|
9092
|
+
) : /* @__PURE__ */ jsx43(
|
|
9004
9093
|
"div",
|
|
9005
9094
|
{
|
|
9006
9095
|
className: "uf-w-9 uf-h-9 uf-rounded-full uf-flex uf-items-center uf-justify-center",
|
|
9007
9096
|
style: { backgroundColor: colors2.card },
|
|
9008
|
-
children: /* @__PURE__ */
|
|
9097
|
+
children: /* @__PURE__ */ jsx43(
|
|
9009
9098
|
"span",
|
|
9010
9099
|
{
|
|
9011
9100
|
className: "uf-text-xs uf-font-medium",
|
|
@@ -9015,7 +9104,7 @@ function SelectTokenView({
|
|
|
9015
9104
|
)
|
|
9016
9105
|
}
|
|
9017
9106
|
),
|
|
9018
|
-
getIconUrl(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */
|
|
9107
|
+
getIconUrl(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ jsx43(
|
|
9019
9108
|
"img",
|
|
9020
9109
|
{
|
|
9021
9110
|
src: getIconUrl(token.chain_icon_url, assetCdnUrl),
|
|
@@ -9030,8 +9119,8 @@ function SelectTokenView({
|
|
|
9030
9119
|
}
|
|
9031
9120
|
)
|
|
9032
9121
|
] }),
|
|
9033
|
-
/* @__PURE__ */
|
|
9034
|
-
/* @__PURE__ */
|
|
9122
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-text-left", children: [
|
|
9123
|
+
/* @__PURE__ */ jsx43(
|
|
9035
9124
|
"div",
|
|
9036
9125
|
{
|
|
9037
9126
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9042,7 +9131,7 @@ function SelectTokenView({
|
|
|
9042
9131
|
children: token.symbol
|
|
9043
9132
|
}
|
|
9044
9133
|
),
|
|
9045
|
-
/* @__PURE__ */
|
|
9134
|
+
/* @__PURE__ */ jsxs38(
|
|
9046
9135
|
"div",
|
|
9047
9136
|
{
|
|
9048
9137
|
className: "uf-text-xs",
|
|
@@ -9058,8 +9147,8 @@ function SelectTokenView({
|
|
|
9058
9147
|
)
|
|
9059
9148
|
] })
|
|
9060
9149
|
] }),
|
|
9061
|
-
/* @__PURE__ */
|
|
9062
|
-
/* @__PURE__ */
|
|
9150
|
+
/* @__PURE__ */ jsxs38("div", { className: "uf-text-right", children: [
|
|
9151
|
+
/* @__PURE__ */ jsxs38(
|
|
9063
9152
|
"div",
|
|
9064
9153
|
{
|
|
9065
9154
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9074,7 +9163,7 @@ function SelectTokenView({
|
|
|
9074
9163
|
]
|
|
9075
9164
|
}
|
|
9076
9165
|
),
|
|
9077
|
-
formattedUsd && /* @__PURE__ */
|
|
9166
|
+
formattedUsd && /* @__PURE__ */ jsxs38(
|
|
9078
9167
|
"div",
|
|
9079
9168
|
{
|
|
9080
9169
|
className: "uf-text-xs",
|
|
@@ -9094,7 +9183,7 @@ function SelectTokenView({
|
|
|
9094
9183
|
`${token.chain_id}-${token.token_address}-${index}`
|
|
9095
9184
|
);
|
|
9096
9185
|
}) }) }),
|
|
9097
|
-
/* @__PURE__ */
|
|
9186
|
+
/* @__PURE__ */ jsx43("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx43(
|
|
9098
9187
|
"button",
|
|
9099
9188
|
{
|
|
9100
9189
|
onClick: onContinue,
|
|
@@ -9114,7 +9203,7 @@ function SelectTokenView({
|
|
|
9114
9203
|
}
|
|
9115
9204
|
|
|
9116
9205
|
// src/components/deposits/browser-wallets/EnterAmountView.tsx
|
|
9117
|
-
import { Fragment as Fragment6, jsx as
|
|
9206
|
+
import { Fragment as Fragment6, jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
9118
9207
|
function EnterAmountView({
|
|
9119
9208
|
selectedBalance,
|
|
9120
9209
|
selectedToken,
|
|
@@ -9133,8 +9222,8 @@ function EnterAmountView({
|
|
|
9133
9222
|
}) {
|
|
9134
9223
|
const { colors: colors2, fonts, components } = useTheme();
|
|
9135
9224
|
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}`;
|
|
9136
|
-
return /* @__PURE__ */
|
|
9137
|
-
/* @__PURE__ */
|
|
9225
|
+
return /* @__PURE__ */ jsxs39(Fragment6, { children: [
|
|
9226
|
+
/* @__PURE__ */ jsx44(
|
|
9138
9227
|
DepositHeader,
|
|
9139
9228
|
{
|
|
9140
9229
|
title: "Enter Amount",
|
|
@@ -9144,9 +9233,9 @@ function EnterAmountView({
|
|
|
9144
9233
|
onClose
|
|
9145
9234
|
}
|
|
9146
9235
|
),
|
|
9147
|
-
/* @__PURE__ */
|
|
9148
|
-
/* @__PURE__ */
|
|
9149
|
-
/* @__PURE__ */
|
|
9236
|
+
/* @__PURE__ */ jsxs39("div", { className: "uf-text-center uf-py-6", children: [
|
|
9237
|
+
/* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
|
|
9238
|
+
/* @__PURE__ */ jsx44(
|
|
9150
9239
|
"span",
|
|
9151
9240
|
{
|
|
9152
9241
|
className: "uf-text-2xl uf-mr-1",
|
|
@@ -9154,7 +9243,7 @@ function EnterAmountView({
|
|
|
9154
9243
|
children: "$"
|
|
9155
9244
|
}
|
|
9156
9245
|
),
|
|
9157
|
-
/* @__PURE__ */
|
|
9246
|
+
/* @__PURE__ */ jsx44(
|
|
9158
9247
|
"input",
|
|
9159
9248
|
{
|
|
9160
9249
|
type: "text",
|
|
@@ -9182,7 +9271,7 @@ function EnterAmountView({
|
|
|
9182
9271
|
}
|
|
9183
9272
|
)
|
|
9184
9273
|
] }),
|
|
9185
|
-
formattedTokenAmount && /* @__PURE__ */
|
|
9274
|
+
formattedTokenAmount && /* @__PURE__ */ jsxs39(
|
|
9186
9275
|
"div",
|
|
9187
9276
|
{
|
|
9188
9277
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -9194,8 +9283,8 @@ function EnterAmountView({
|
|
|
9194
9283
|
}
|
|
9195
9284
|
)
|
|
9196
9285
|
] }),
|
|
9197
|
-
/* @__PURE__ */
|
|
9198
|
-
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */
|
|
9286
|
+
/* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
|
|
9287
|
+
[25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ jsxs39(
|
|
9199
9288
|
"button",
|
|
9200
9289
|
{
|
|
9201
9290
|
onClick: () => onAmountChange(quickAmount.toString()),
|
|
@@ -9212,7 +9301,7 @@ function EnterAmountView({
|
|
|
9212
9301
|
},
|
|
9213
9302
|
quickAmount
|
|
9214
9303
|
)),
|
|
9215
|
-
/* @__PURE__ */
|
|
9304
|
+
/* @__PURE__ */ jsx44(
|
|
9216
9305
|
"button",
|
|
9217
9306
|
{
|
|
9218
9307
|
onClick: onMaxClick,
|
|
@@ -9226,7 +9315,7 @@ function EnterAmountView({
|
|
|
9226
9315
|
}
|
|
9227
9316
|
)
|
|
9228
9317
|
] }),
|
|
9229
|
-
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */
|
|
9318
|
+
tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ jsxs39(
|
|
9230
9319
|
"div",
|
|
9231
9320
|
{
|
|
9232
9321
|
className: "uf-text-center uf-text-xs uf-mb-3",
|
|
@@ -9237,14 +9326,14 @@ function EnterAmountView({
|
|
|
9237
9326
|
]
|
|
9238
9327
|
}
|
|
9239
9328
|
),
|
|
9240
|
-
inputUsdNum > 0 && /* @__PURE__ */
|
|
9329
|
+
inputUsdNum > 0 && /* @__PURE__ */ jsx44(Fragment6, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ jsx44(
|
|
9241
9330
|
"div",
|
|
9242
9331
|
{
|
|
9243
9332
|
className: "uf-text-center uf-text-sm uf-mb-3",
|
|
9244
9333
|
style: { color: colors2.error },
|
|
9245
9334
|
children: "Insufficient balance"
|
|
9246
9335
|
}
|
|
9247
|
-
) : error && /* @__PURE__ */
|
|
9336
|
+
) : error && /* @__PURE__ */ jsx44(
|
|
9248
9337
|
"div",
|
|
9249
9338
|
{
|
|
9250
9339
|
className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2",
|
|
@@ -9252,7 +9341,7 @@ function EnterAmountView({
|
|
|
9252
9341
|
children: error
|
|
9253
9342
|
}
|
|
9254
9343
|
) }),
|
|
9255
|
-
/* @__PURE__ */
|
|
9344
|
+
/* @__PURE__ */ jsx44(
|
|
9256
9345
|
"button",
|
|
9257
9346
|
{
|
|
9258
9347
|
onClick: onReview,
|
|
@@ -9273,7 +9362,7 @@ function EnterAmountView({
|
|
|
9273
9362
|
|
|
9274
9363
|
// src/components/deposits/browser-wallets/ReviewView.tsx
|
|
9275
9364
|
import { ChevronDown as ChevronDown6, ChevronUp as ChevronUp5 } from "lucide-react";
|
|
9276
|
-
import { Fragment as Fragment7, jsx as
|
|
9365
|
+
import { Fragment as Fragment7, jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
9277
9366
|
function ReviewView({
|
|
9278
9367
|
walletInfo,
|
|
9279
9368
|
recipientAddress,
|
|
@@ -9292,8 +9381,8 @@ function ReviewView({
|
|
|
9292
9381
|
onClose
|
|
9293
9382
|
}) {
|
|
9294
9383
|
const { colors: colors2, fonts, components } = useTheme();
|
|
9295
|
-
return /* @__PURE__ */
|
|
9296
|
-
/* @__PURE__ */
|
|
9384
|
+
return /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
|
|
9385
|
+
/* @__PURE__ */ jsx45(
|
|
9297
9386
|
DepositHeader,
|
|
9298
9387
|
{
|
|
9299
9388
|
title: "Review",
|
|
@@ -9302,8 +9391,8 @@ function ReviewView({
|
|
|
9302
9391
|
onClose
|
|
9303
9392
|
}
|
|
9304
9393
|
),
|
|
9305
|
-
/* @__PURE__ */
|
|
9306
|
-
/* @__PURE__ */
|
|
9394
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-text-center", children: [
|
|
9395
|
+
/* @__PURE__ */ jsxs40(
|
|
9307
9396
|
"div",
|
|
9308
9397
|
{
|
|
9309
9398
|
className: "uf-text-4xl uf-font-medium",
|
|
@@ -9314,7 +9403,7 @@ function ReviewView({
|
|
|
9314
9403
|
]
|
|
9315
9404
|
}
|
|
9316
9405
|
),
|
|
9317
|
-
formattedTokenAmount && /* @__PURE__ */
|
|
9406
|
+
formattedTokenAmount && /* @__PURE__ */ jsxs40(
|
|
9318
9407
|
"div",
|
|
9319
9408
|
{
|
|
9320
9409
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -9326,14 +9415,14 @@ function ReviewView({
|
|
|
9326
9415
|
}
|
|
9327
9416
|
)
|
|
9328
9417
|
] }),
|
|
9329
|
-
/* @__PURE__ */
|
|
9418
|
+
/* @__PURE__ */ jsxs40(
|
|
9330
9419
|
"div",
|
|
9331
9420
|
{
|
|
9332
9421
|
className: "uf-p-4 uf-space-y-4 uf-mt-4",
|
|
9333
9422
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
9334
9423
|
children: [
|
|
9335
|
-
/* @__PURE__ */
|
|
9336
|
-
/* @__PURE__ */
|
|
9424
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
9425
|
+
/* @__PURE__ */ jsx45(
|
|
9337
9426
|
"span",
|
|
9338
9427
|
{
|
|
9339
9428
|
className: "uf-text-sm",
|
|
@@ -9341,8 +9430,8 @@ function ReviewView({
|
|
|
9341
9430
|
children: "Source"
|
|
9342
9431
|
}
|
|
9343
9432
|
),
|
|
9344
|
-
/* @__PURE__ */
|
|
9345
|
-
getIconUrl(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */
|
|
9433
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
9434
|
+
getIconUrl(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ jsx45(
|
|
9346
9435
|
"img",
|
|
9347
9436
|
{
|
|
9348
9437
|
src: getIconUrl(selectedToken.icon_url, assetCdnUrl),
|
|
@@ -9350,7 +9439,7 @@ function ReviewView({
|
|
|
9350
9439
|
className: "uf-w-5 uf-h-5 uf-rounded-full"
|
|
9351
9440
|
}
|
|
9352
9441
|
),
|
|
9353
|
-
/* @__PURE__ */
|
|
9442
|
+
/* @__PURE__ */ jsxs40(
|
|
9354
9443
|
"span",
|
|
9355
9444
|
{
|
|
9356
9445
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9365,8 +9454,8 @@ function ReviewView({
|
|
|
9365
9454
|
)
|
|
9366
9455
|
] })
|
|
9367
9456
|
] }),
|
|
9368
|
-
/* @__PURE__ */
|
|
9369
|
-
/* @__PURE__ */
|
|
9457
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
9458
|
+
/* @__PURE__ */ jsx45(
|
|
9370
9459
|
"span",
|
|
9371
9460
|
{
|
|
9372
9461
|
className: "uf-text-sm",
|
|
@@ -9374,7 +9463,7 @@ function ReviewView({
|
|
|
9374
9463
|
children: "Destination"
|
|
9375
9464
|
}
|
|
9376
9465
|
),
|
|
9377
|
-
/* @__PURE__ */
|
|
9466
|
+
/* @__PURE__ */ jsx45(
|
|
9378
9467
|
"span",
|
|
9379
9468
|
{
|
|
9380
9469
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9383,13 +9472,13 @@ function ReviewView({
|
|
|
9383
9472
|
}
|
|
9384
9473
|
)
|
|
9385
9474
|
] }),
|
|
9386
|
-
/* @__PURE__ */
|
|
9475
|
+
/* @__PURE__ */ jsxs40(
|
|
9387
9476
|
"button",
|
|
9388
9477
|
{
|
|
9389
9478
|
onClick: onToggleDetails,
|
|
9390
9479
|
className: "uf-w-full uf-flex uf-justify-between uf-items-center uf-transition-colors hover:uf-opacity-80",
|
|
9391
9480
|
children: [
|
|
9392
|
-
/* @__PURE__ */
|
|
9481
|
+
/* @__PURE__ */ jsx45(
|
|
9393
9482
|
"span",
|
|
9394
9483
|
{
|
|
9395
9484
|
className: "uf-text-sm",
|
|
@@ -9397,8 +9486,8 @@ function ReviewView({
|
|
|
9397
9486
|
children: "Estimated time"
|
|
9398
9487
|
}
|
|
9399
9488
|
),
|
|
9400
|
-
/* @__PURE__ */
|
|
9401
|
-
/* @__PURE__ */
|
|
9489
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
9490
|
+
/* @__PURE__ */ jsx45(
|
|
9402
9491
|
"span",
|
|
9403
9492
|
{
|
|
9404
9493
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9408,13 +9497,13 @@ function ReviewView({
|
|
|
9408
9497
|
)
|
|
9409
9498
|
}
|
|
9410
9499
|
),
|
|
9411
|
-
showTransactionDetails ? /* @__PURE__ */
|
|
9500
|
+
showTransactionDetails ? /* @__PURE__ */ jsx45(
|
|
9412
9501
|
ChevronUp5,
|
|
9413
9502
|
{
|
|
9414
9503
|
className: "uf-w-4 uf-h-4",
|
|
9415
9504
|
style: { color: colors2.foregroundMuted }
|
|
9416
9505
|
}
|
|
9417
|
-
) : /* @__PURE__ */
|
|
9506
|
+
) : /* @__PURE__ */ jsx45(
|
|
9418
9507
|
ChevronDown6,
|
|
9419
9508
|
{
|
|
9420
9509
|
className: "uf-w-4 uf-h-4",
|
|
@@ -9425,14 +9514,14 @@ function ReviewView({
|
|
|
9425
9514
|
]
|
|
9426
9515
|
}
|
|
9427
9516
|
),
|
|
9428
|
-
showTransactionDetails && tokenChainDetails && /* @__PURE__ */
|
|
9429
|
-
/* @__PURE__ */
|
|
9517
|
+
showTransactionDetails && tokenChainDetails && /* @__PURE__ */ jsxs40(Fragment7, { children: [
|
|
9518
|
+
/* @__PURE__ */ jsxs40(
|
|
9430
9519
|
"div",
|
|
9431
9520
|
{
|
|
9432
9521
|
className: "uf-flex uf-justify-between uf-items-center uf-pt-3 uf-border-t",
|
|
9433
9522
|
style: { borderColor: colors2.border },
|
|
9434
9523
|
children: [
|
|
9435
|
-
/* @__PURE__ */
|
|
9524
|
+
/* @__PURE__ */ jsx45(
|
|
9436
9525
|
"span",
|
|
9437
9526
|
{
|
|
9438
9527
|
className: "uf-text-sm",
|
|
@@ -9443,7 +9532,7 @@ function ReviewView({
|
|
|
9443
9532
|
children: "Price impact"
|
|
9444
9533
|
}
|
|
9445
9534
|
),
|
|
9446
|
-
/* @__PURE__ */
|
|
9535
|
+
/* @__PURE__ */ jsxs40(
|
|
9447
9536
|
"span",
|
|
9448
9537
|
{
|
|
9449
9538
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9457,8 +9546,8 @@ function ReviewView({
|
|
|
9457
9546
|
]
|
|
9458
9547
|
}
|
|
9459
9548
|
),
|
|
9460
|
-
/* @__PURE__ */
|
|
9461
|
-
/* @__PURE__ */
|
|
9549
|
+
/* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
|
|
9550
|
+
/* @__PURE__ */ jsx45(
|
|
9462
9551
|
"span",
|
|
9463
9552
|
{
|
|
9464
9553
|
className: "uf-text-sm",
|
|
@@ -9469,7 +9558,7 @@ function ReviewView({
|
|
|
9469
9558
|
children: "Max slippage"
|
|
9470
9559
|
}
|
|
9471
9560
|
),
|
|
9472
|
-
/* @__PURE__ */
|
|
9561
|
+
/* @__PURE__ */ jsxs40(
|
|
9473
9562
|
"span",
|
|
9474
9563
|
{
|
|
9475
9564
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -9485,7 +9574,7 @@ function ReviewView({
|
|
|
9485
9574
|
]
|
|
9486
9575
|
}
|
|
9487
9576
|
),
|
|
9488
|
-
error && /* @__PURE__ */
|
|
9577
|
+
error && /* @__PURE__ */ jsx45(
|
|
9489
9578
|
"div",
|
|
9490
9579
|
{
|
|
9491
9580
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-2",
|
|
@@ -9493,7 +9582,7 @@ function ReviewView({
|
|
|
9493
9582
|
children: error
|
|
9494
9583
|
}
|
|
9495
9584
|
),
|
|
9496
|
-
/* @__PURE__ */
|
|
9585
|
+
/* @__PURE__ */ jsxs40(
|
|
9497
9586
|
"div",
|
|
9498
9587
|
{
|
|
9499
9588
|
className: "uf-text-xs uf-text-center uf-mt-4 uf-px-4",
|
|
@@ -9504,7 +9593,7 @@ function ReviewView({
|
|
|
9504
9593
|
]
|
|
9505
9594
|
}
|
|
9506
9595
|
),
|
|
9507
|
-
/* @__PURE__ */
|
|
9596
|
+
/* @__PURE__ */ jsx45("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx45(
|
|
9508
9597
|
"button",
|
|
9509
9598
|
{
|
|
9510
9599
|
onClick: onConfirm,
|
|
@@ -9526,7 +9615,7 @@ function ReviewView({
|
|
|
9526
9615
|
// src/components/deposits/browser-wallets/ConfirmingView.tsx
|
|
9527
9616
|
import * as React25 from "react";
|
|
9528
9617
|
import { Loader2 as Loader23, CheckCircle2 } from "lucide-react";
|
|
9529
|
-
import { Fragment as Fragment8, jsx as
|
|
9618
|
+
import { Fragment as Fragment8, jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
9530
9619
|
function ConfirmingView({
|
|
9531
9620
|
isConfirming,
|
|
9532
9621
|
onClose,
|
|
@@ -9540,23 +9629,23 @@ function ConfirmingView({
|
|
|
9540
9629
|
const visibleExecutions = executions.filter(
|
|
9541
9630
|
(execution) => !closedExecutionIds.has(execution.id)
|
|
9542
9631
|
);
|
|
9543
|
-
return /* @__PURE__ */
|
|
9544
|
-
/* @__PURE__ */
|
|
9632
|
+
return /* @__PURE__ */ jsxs41("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
|
|
9633
|
+
/* @__PURE__ */ jsx46(
|
|
9545
9634
|
DepositHeader,
|
|
9546
9635
|
{
|
|
9547
9636
|
title: isConfirming ? "Confirming..." : "Processing",
|
|
9548
9637
|
onClose
|
|
9549
9638
|
}
|
|
9550
9639
|
),
|
|
9551
|
-
/* @__PURE__ */
|
|
9552
|
-
/* @__PURE__ */
|
|
9640
|
+
/* @__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: [
|
|
9641
|
+
/* @__PURE__ */ jsx46(
|
|
9553
9642
|
Loader23,
|
|
9554
9643
|
{
|
|
9555
9644
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
9556
9645
|
style: { color: colors2.primary }
|
|
9557
9646
|
}
|
|
9558
9647
|
),
|
|
9559
|
-
/* @__PURE__ */
|
|
9648
|
+
/* @__PURE__ */ jsx46(
|
|
9560
9649
|
"div",
|
|
9561
9650
|
{
|
|
9562
9651
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -9564,7 +9653,7 @@ function ConfirmingView({
|
|
|
9564
9653
|
children: "Waiting for confirmation..."
|
|
9565
9654
|
}
|
|
9566
9655
|
),
|
|
9567
|
-
/* @__PURE__ */
|
|
9656
|
+
/* @__PURE__ */ jsx46(
|
|
9568
9657
|
"div",
|
|
9569
9658
|
{
|
|
9570
9659
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -9572,15 +9661,15 @@ function ConfirmingView({
|
|
|
9572
9661
|
children: "Please confirm the transaction in your wallet"
|
|
9573
9662
|
}
|
|
9574
9663
|
)
|
|
9575
|
-
] }) : /* @__PURE__ */
|
|
9576
|
-
/* @__PURE__ */
|
|
9664
|
+
] }) : /* @__PURE__ */ jsxs41(Fragment8, { children: [
|
|
9665
|
+
/* @__PURE__ */ jsx46(
|
|
9577
9666
|
CheckCircle2,
|
|
9578
9667
|
{
|
|
9579
9668
|
className: "uf-w-12 uf-h-12 uf-mb-4",
|
|
9580
9669
|
style: { color: colors2.primary }
|
|
9581
9670
|
}
|
|
9582
9671
|
),
|
|
9583
|
-
/* @__PURE__ */
|
|
9672
|
+
/* @__PURE__ */ jsx46(
|
|
9584
9673
|
"div",
|
|
9585
9674
|
{
|
|
9586
9675
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -9588,7 +9677,7 @@ function ConfirmingView({
|
|
|
9588
9677
|
children: "Transaction Submitted"
|
|
9589
9678
|
}
|
|
9590
9679
|
),
|
|
9591
|
-
/* @__PURE__ */
|
|
9680
|
+
/* @__PURE__ */ jsx46(
|
|
9592
9681
|
"div",
|
|
9593
9682
|
{
|
|
9594
9683
|
className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
|
|
@@ -9597,7 +9686,7 @@ function ConfirmingView({
|
|
|
9597
9686
|
}
|
|
9598
9687
|
)
|
|
9599
9688
|
] }) }),
|
|
9600
|
-
visibleExecutions.length > 0 && /* @__PURE__ */
|
|
9689
|
+
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(
|
|
9601
9690
|
DepositSuccessToast,
|
|
9602
9691
|
{
|
|
9603
9692
|
depositTx: execution.transaction_hash,
|
|
@@ -9618,7 +9707,7 @@ function ConfirmingView({
|
|
|
9618
9707
|
}
|
|
9619
9708
|
|
|
9620
9709
|
// src/components/deposits/BrowserWalletModal.tsx
|
|
9621
|
-
import { Fragment as Fragment9, jsx as
|
|
9710
|
+
import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
9622
9711
|
function BrowserWalletModal({
|
|
9623
9712
|
open,
|
|
9624
9713
|
onOpenChange,
|
|
@@ -10102,7 +10191,7 @@ function BrowserWalletModal({
|
|
|
10102
10191
|
""
|
|
10103
10192
|
);
|
|
10104
10193
|
}, [tokenAmount, selectedToken]);
|
|
10105
|
-
return /* @__PURE__ */
|
|
10194
|
+
return /* @__PURE__ */ jsx47(Fragment9, { children: /* @__PURE__ */ jsx47(
|
|
10106
10195
|
Dialog,
|
|
10107
10196
|
{
|
|
10108
10197
|
open,
|
|
@@ -10112,15 +10201,15 @@ function BrowserWalletModal({
|
|
|
10112
10201
|
}
|
|
10113
10202
|
handleClose();
|
|
10114
10203
|
},
|
|
10115
|
-
children: /* @__PURE__ */
|
|
10204
|
+
children: /* @__PURE__ */ jsx47(
|
|
10116
10205
|
DialogContent,
|
|
10117
10206
|
{
|
|
10118
10207
|
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
10119
10208
|
style: { backgroundColor: colors2.background },
|
|
10120
10209
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
10121
10210
|
onInteractOutside: (e) => e.preventDefault(),
|
|
10122
|
-
children: /* @__PURE__ */
|
|
10123
|
-
step === "select-token" && /* @__PURE__ */
|
|
10211
|
+
children: /* @__PURE__ */ jsxs42(ThemeStyleInjector, { children: [
|
|
10212
|
+
step === "select-token" && /* @__PURE__ */ jsx47(
|
|
10124
10213
|
SelectTokenView,
|
|
10125
10214
|
{
|
|
10126
10215
|
projectName,
|
|
@@ -10136,7 +10225,7 @@ function BrowserWalletModal({
|
|
|
10136
10225
|
onClose: handleFullClose
|
|
10137
10226
|
}
|
|
10138
10227
|
),
|
|
10139
|
-
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */
|
|
10228
|
+
step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ jsx47(
|
|
10140
10229
|
EnterAmountView,
|
|
10141
10230
|
{
|
|
10142
10231
|
selectedBalance,
|
|
@@ -10155,7 +10244,7 @@ function BrowserWalletModal({
|
|
|
10155
10244
|
onClose: handleFullClose
|
|
10156
10245
|
}
|
|
10157
10246
|
),
|
|
10158
|
-
step === "review" && selectedToken && /* @__PURE__ */
|
|
10247
|
+
step === "review" && selectedToken && /* @__PURE__ */ jsx47(
|
|
10159
10248
|
ReviewView,
|
|
10160
10249
|
{
|
|
10161
10250
|
walletInfo,
|
|
@@ -10175,7 +10264,7 @@ function BrowserWalletModal({
|
|
|
10175
10264
|
onClose: handleFullClose
|
|
10176
10265
|
}
|
|
10177
10266
|
),
|
|
10178
|
-
step === "confirming" && /* @__PURE__ */
|
|
10267
|
+
step === "confirming" && /* @__PURE__ */ jsx47(
|
|
10179
10268
|
ConfirmingView,
|
|
10180
10269
|
{
|
|
10181
10270
|
isConfirming,
|
|
@@ -10193,7 +10282,7 @@ function BrowserWalletModal({
|
|
|
10193
10282
|
// src/components/deposits/WalletSelectionModal.tsx
|
|
10194
10283
|
import * as React27 from "react";
|
|
10195
10284
|
import { ExternalLink as ExternalLink3, Loader2 as Loader24 } from "lucide-react";
|
|
10196
|
-
import {
|
|
10285
|
+
import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
10197
10286
|
var WALLET_ICONS = {
|
|
10198
10287
|
metamask: MetamaskIcon,
|
|
10199
10288
|
phantom: PhantomIcon,
|
|
@@ -10271,6 +10360,7 @@ var WALLET_DEFINITIONS = [
|
|
|
10271
10360
|
installUrl: "https://glow.app/"
|
|
10272
10361
|
}
|
|
10273
10362
|
];
|
|
10363
|
+
var WALLET_LIST_MAX_HEIGHT_PX = 330;
|
|
10274
10364
|
function WalletSelectionModal({
|
|
10275
10365
|
open,
|
|
10276
10366
|
onOpenChange,
|
|
@@ -10279,14 +10369,13 @@ function WalletSelectionModal({
|
|
|
10279
10369
|
chainType,
|
|
10280
10370
|
theme = "dark"
|
|
10281
10371
|
}) {
|
|
10282
|
-
const { colors: colors2, fonts, components
|
|
10372
|
+
const { colors: colors2, fonts, components } = useTheme();
|
|
10283
10373
|
const [step, setStep] = React27.useState("select-wallet");
|
|
10284
10374
|
const [selectedWallet, setSelectedWallet] = React27.useState(null);
|
|
10285
10375
|
const [connectingNetwork, setConnectingNetwork] = React27.useState(null);
|
|
10286
10376
|
const [error, setError] = React27.useState(null);
|
|
10287
10377
|
const [isConnecting, setIsConnecting] = React27.useState(false);
|
|
10288
10378
|
const themeClass = theme === "dark" ? "uf-dark" : "";
|
|
10289
|
-
const iconVariant = mode === "dark" ? "light" : "dark";
|
|
10290
10379
|
const getProviders = React27.useCallback(() => {
|
|
10291
10380
|
if (typeof window === "undefined") {
|
|
10292
10381
|
return {};
|
|
@@ -10550,6 +10639,7 @@ function WalletSelectionModal({
|
|
|
10550
10639
|
setSelectedWallet(null);
|
|
10551
10640
|
setConnectingNetwork(null);
|
|
10552
10641
|
setError(null);
|
|
10642
|
+
setIsConnecting(false);
|
|
10553
10643
|
} else {
|
|
10554
10644
|
handleClose();
|
|
10555
10645
|
}
|
|
@@ -10570,15 +10660,15 @@ function WalletSelectionModal({
|
|
|
10570
10660
|
return "Connect Wallet";
|
|
10571
10661
|
}
|
|
10572
10662
|
};
|
|
10573
|
-
return /* @__PURE__ */
|
|
10663
|
+
return /* @__PURE__ */ jsx48(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx48(
|
|
10574
10664
|
DialogContent,
|
|
10575
10665
|
{
|
|
10576
|
-
className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
|
|
10666
|
+
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}`,
|
|
10577
10667
|
style: { backgroundColor: colors2.background },
|
|
10578
10668
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
10579
10669
|
onInteractOutside: (e) => e.preventDefault(),
|
|
10580
|
-
children: /* @__PURE__ */
|
|
10581
|
-
/* @__PURE__ */
|
|
10670
|
+
children: /* @__PURE__ */ jsxs43(ThemeStyleInjector, { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
10671
|
+
/* @__PURE__ */ jsx48(
|
|
10582
10672
|
DepositHeader,
|
|
10583
10673
|
{
|
|
10584
10674
|
title: getTitle(),
|
|
@@ -10587,9 +10677,9 @@ function WalletSelectionModal({
|
|
|
10587
10677
|
onClose: handleClose
|
|
10588
10678
|
}
|
|
10589
10679
|
),
|
|
10590
|
-
/* @__PURE__ */
|
|
10591
|
-
step === "select-wallet" && /* @__PURE__ */
|
|
10592
|
-
/* @__PURE__ */
|
|
10680
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
|
|
10681
|
+
step === "select-wallet" && /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
10682
|
+
/* @__PURE__ */ jsx48(
|
|
10593
10683
|
"p",
|
|
10594
10684
|
{
|
|
10595
10685
|
className: "uf-text-sm uf-text-center uf-pb-4",
|
|
@@ -10600,87 +10690,96 @@ function WalletSelectionModal({
|
|
|
10600
10690
|
children: chainType ? `Select a ${chainType === "ethereum" ? "Ethereum" : "Solana"} wallet` : "Select a wallet to connect"
|
|
10601
10691
|
}
|
|
10602
10692
|
),
|
|
10603
|
-
/* @__PURE__ */
|
|
10604
|
-
"
|
|
10693
|
+
/* @__PURE__ */ jsx48(
|
|
10694
|
+
"div",
|
|
10605
10695
|
{
|
|
10606
|
-
className: "uf-
|
|
10696
|
+
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]",
|
|
10607
10697
|
style: {
|
|
10608
|
-
|
|
10609
|
-
|
|
10698
|
+
height: `min(${WALLET_LIST_MAX_HEIGHT_PX}px, 50dvh)`,
|
|
10699
|
+
maxHeight: WALLET_LIST_MAX_HEIGHT_PX
|
|
10610
10700
|
},
|
|
10611
|
-
children: "
|
|
10701
|
+
children: availableWallets.length === 0 ? /* @__PURE__ */ jsx48("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx48(
|
|
10702
|
+
"p",
|
|
10703
|
+
{
|
|
10704
|
+
className: "uf-text-sm",
|
|
10705
|
+
style: {
|
|
10706
|
+
color: colors2.foregroundMuted,
|
|
10707
|
+
fontFamily: fonts.regular
|
|
10708
|
+
},
|
|
10709
|
+
children: "No wallets available"
|
|
10710
|
+
}
|
|
10711
|
+
) }) : availableWallets.map((wallet) => /* @__PURE__ */ jsxs43(
|
|
10712
|
+
"button",
|
|
10713
|
+
{
|
|
10714
|
+
onClick: () => handleWalletClick(wallet),
|
|
10715
|
+
disabled: isConnecting,
|
|
10716
|
+
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",
|
|
10717
|
+
style: {
|
|
10718
|
+
backgroundColor: components.card.backgroundColor,
|
|
10719
|
+
borderRadius: components.card.borderRadius,
|
|
10720
|
+
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
10721
|
+
},
|
|
10722
|
+
children: [
|
|
10723
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
10724
|
+
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ jsx48(
|
|
10725
|
+
WalletIconWithNetwork,
|
|
10726
|
+
{
|
|
10727
|
+
WalletIcon: WALLET_ICONS[wallet.id],
|
|
10728
|
+
networks: wallet.networks,
|
|
10729
|
+
size: 40,
|
|
10730
|
+
className: "uf-rounded-lg"
|
|
10731
|
+
}
|
|
10732
|
+
) : /* @__PURE__ */ jsx48("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
10733
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-text-left", children: /* @__PURE__ */ jsx48(
|
|
10734
|
+
"div",
|
|
10735
|
+
{
|
|
10736
|
+
className: "uf-text-sm uf-font-medium",
|
|
10737
|
+
style: {
|
|
10738
|
+
color: components.card.titleColor,
|
|
10739
|
+
fontFamily: fonts.medium
|
|
10740
|
+
},
|
|
10741
|
+
children: wallet.name
|
|
10742
|
+
}
|
|
10743
|
+
) })
|
|
10744
|
+
] }),
|
|
10745
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ jsx48(
|
|
10746
|
+
"span",
|
|
10747
|
+
{
|
|
10748
|
+
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
10749
|
+
style: {
|
|
10750
|
+
backgroundColor: colors2.primary + "20",
|
|
10751
|
+
color: colors2.primary,
|
|
10752
|
+
fontFamily: fonts.medium
|
|
10753
|
+
},
|
|
10754
|
+
children: "Detected"
|
|
10755
|
+
}
|
|
10756
|
+
) : /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
10757
|
+
/* @__PURE__ */ jsx48(
|
|
10758
|
+
"span",
|
|
10759
|
+
{
|
|
10760
|
+
className: "uf-text-xs",
|
|
10761
|
+
style: {
|
|
10762
|
+
color: colors2.foregroundMuted,
|
|
10763
|
+
fontFamily: fonts.regular
|
|
10764
|
+
},
|
|
10765
|
+
children: "Install"
|
|
10766
|
+
}
|
|
10767
|
+
),
|
|
10768
|
+
/* @__PURE__ */ jsx48(
|
|
10769
|
+
ExternalLink3,
|
|
10770
|
+
{
|
|
10771
|
+
className: "uf-w-3 uf-h-3",
|
|
10772
|
+
style: { color: colors2.foregroundMuted }
|
|
10773
|
+
}
|
|
10774
|
+
)
|
|
10775
|
+
] }) })
|
|
10776
|
+
]
|
|
10777
|
+
},
|
|
10778
|
+
wallet.id
|
|
10779
|
+
))
|
|
10612
10780
|
}
|
|
10613
|
-
)
|
|
10614
|
-
|
|
10615
|
-
{
|
|
10616
|
-
onClick: () => handleWalletClick(wallet),
|
|
10617
|
-
disabled: isConnecting,
|
|
10618
|
-
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",
|
|
10619
|
-
style: {
|
|
10620
|
-
backgroundColor: components.card.backgroundColor,
|
|
10621
|
-
borderRadius: components.card.borderRadius,
|
|
10622
|
-
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
10623
|
-
},
|
|
10624
|
-
children: [
|
|
10625
|
-
/* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
10626
|
-
WALLET_ICONS[wallet.id] ? /* @__PURE__ */ jsx47(
|
|
10627
|
-
WalletIconWithNetwork,
|
|
10628
|
-
{
|
|
10629
|
-
WalletIcon: WALLET_ICONS[wallet.id],
|
|
10630
|
-
networks: wallet.networks,
|
|
10631
|
-
size: 40,
|
|
10632
|
-
className: "uf-rounded-lg",
|
|
10633
|
-
variant: iconVariant
|
|
10634
|
-
}
|
|
10635
|
-
) : /* @__PURE__ */ jsx47("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
|
|
10636
|
-
/* @__PURE__ */ jsx47("div", { className: "uf-text-left", children: /* @__PURE__ */ jsx47(
|
|
10637
|
-
"div",
|
|
10638
|
-
{
|
|
10639
|
-
className: "uf-text-sm uf-font-medium",
|
|
10640
|
-
style: {
|
|
10641
|
-
color: components.card.titleColor,
|
|
10642
|
-
fontFamily: fonts.medium
|
|
10643
|
-
},
|
|
10644
|
-
children: wallet.name
|
|
10645
|
-
}
|
|
10646
|
-
) })
|
|
10647
|
-
] }),
|
|
10648
|
-
/* @__PURE__ */ jsx47("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ jsx47(
|
|
10649
|
-
"span",
|
|
10650
|
-
{
|
|
10651
|
-
className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
|
|
10652
|
-
style: {
|
|
10653
|
-
backgroundColor: colors2.primary + "20",
|
|
10654
|
-
color: colors2.primary,
|
|
10655
|
-
fontFamily: fonts.medium
|
|
10656
|
-
},
|
|
10657
|
-
children: "Detected"
|
|
10658
|
-
}
|
|
10659
|
-
) : /* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
|
|
10660
|
-
/* @__PURE__ */ jsx47(
|
|
10661
|
-
"span",
|
|
10662
|
-
{
|
|
10663
|
-
className: "uf-text-xs",
|
|
10664
|
-
style: {
|
|
10665
|
-
color: colors2.foregroundMuted,
|
|
10666
|
-
fontFamily: fonts.regular
|
|
10667
|
-
},
|
|
10668
|
-
children: "Install"
|
|
10669
|
-
}
|
|
10670
|
-
),
|
|
10671
|
-
/* @__PURE__ */ jsx47(
|
|
10672
|
-
ExternalLink3,
|
|
10673
|
-
{
|
|
10674
|
-
className: "uf-w-3 uf-h-3",
|
|
10675
|
-
style: { color: colors2.foregroundMuted }
|
|
10676
|
-
}
|
|
10677
|
-
)
|
|
10678
|
-
] }) })
|
|
10679
|
-
]
|
|
10680
|
-
},
|
|
10681
|
-
wallet.id
|
|
10682
|
-
)) }),
|
|
10683
|
-
error && /* @__PURE__ */ jsx47(
|
|
10781
|
+
),
|
|
10782
|
+
error && /* @__PURE__ */ jsx48(
|
|
10684
10783
|
"div",
|
|
10685
10784
|
{
|
|
10686
10785
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -10689,19 +10788,18 @@ function WalletSelectionModal({
|
|
|
10689
10788
|
}
|
|
10690
10789
|
)
|
|
10691
10790
|
] }),
|
|
10692
|
-
step === "select-network" && selectedWallet && /* @__PURE__ */
|
|
10693
|
-
/* @__PURE__ */
|
|
10694
|
-
/* @__PURE__ */
|
|
10791
|
+
step === "select-network" && selectedWallet && /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
|
|
10792
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
|
|
10793
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ jsx48(
|
|
10695
10794
|
WalletIconWithNetwork,
|
|
10696
10795
|
{
|
|
10697
10796
|
WalletIcon: WALLET_ICONS[selectedWallet.id],
|
|
10698
10797
|
networks: selectedWallet.networks,
|
|
10699
10798
|
size: 48,
|
|
10700
|
-
className: "uf-rounded-lg"
|
|
10701
|
-
variant: iconVariant
|
|
10799
|
+
className: "uf-rounded-lg"
|
|
10702
10800
|
}
|
|
10703
|
-
) : /* @__PURE__ */
|
|
10704
|
-
/* @__PURE__ */
|
|
10801
|
+
) : /* @__PURE__ */ jsx48("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
|
|
10802
|
+
/* @__PURE__ */ jsx48(
|
|
10705
10803
|
"p",
|
|
10706
10804
|
{
|
|
10707
10805
|
className: "uf-text-sm uf-font-medium",
|
|
@@ -10712,7 +10810,7 @@ function WalletSelectionModal({
|
|
|
10712
10810
|
children: selectedWallet.name
|
|
10713
10811
|
}
|
|
10714
10812
|
),
|
|
10715
|
-
/* @__PURE__ */
|
|
10813
|
+
/* @__PURE__ */ jsx48(
|
|
10716
10814
|
"p",
|
|
10717
10815
|
{
|
|
10718
10816
|
className: "uf-text-xs",
|
|
@@ -10724,7 +10822,7 @@ function WalletSelectionModal({
|
|
|
10724
10822
|
}
|
|
10725
10823
|
)
|
|
10726
10824
|
] }),
|
|
10727
|
-
/* @__PURE__ */
|
|
10825
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ jsxs43(
|
|
10728
10826
|
"button",
|
|
10729
10827
|
{
|
|
10730
10828
|
onClick: () => handleNetworkSelect(network),
|
|
@@ -10736,16 +10834,16 @@ function WalletSelectionModal({
|
|
|
10736
10834
|
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
10737
10835
|
},
|
|
10738
10836
|
children: [
|
|
10739
|
-
/* @__PURE__ */
|
|
10740
|
-
network === "ethereum" ? /* @__PURE__ */
|
|
10837
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
10838
|
+
network === "ethereum" ? /* @__PURE__ */ jsx48(
|
|
10741
10839
|
EthereumIcon,
|
|
10742
10840
|
{
|
|
10743
10841
|
size: 36,
|
|
10744
10842
|
className: "uf-rounded-full"
|
|
10745
10843
|
}
|
|
10746
|
-
) : /* @__PURE__ */
|
|
10747
|
-
/* @__PURE__ */
|
|
10748
|
-
/* @__PURE__ */
|
|
10844
|
+
) : /* @__PURE__ */ jsx48(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
|
|
10845
|
+
/* @__PURE__ */ jsxs43("div", { className: "uf-text-left", children: [
|
|
10846
|
+
/* @__PURE__ */ jsx48(
|
|
10749
10847
|
"div",
|
|
10750
10848
|
{
|
|
10751
10849
|
className: "uf-text-sm uf-font-medium uf-capitalize",
|
|
@@ -10756,7 +10854,7 @@ function WalletSelectionModal({
|
|
|
10756
10854
|
children: network === "ethereum" ? "Ethereum" : "Solana"
|
|
10757
10855
|
}
|
|
10758
10856
|
),
|
|
10759
|
-
/* @__PURE__ */
|
|
10857
|
+
/* @__PURE__ */ jsx48(
|
|
10760
10858
|
"div",
|
|
10761
10859
|
{
|
|
10762
10860
|
className: "uf-text-xs",
|
|
@@ -10769,7 +10867,7 @@ function WalletSelectionModal({
|
|
|
10769
10867
|
)
|
|
10770
10868
|
] })
|
|
10771
10869
|
] }),
|
|
10772
|
-
connectingNetwork === network && /* @__PURE__ */
|
|
10870
|
+
connectingNetwork === network && /* @__PURE__ */ jsx48(
|
|
10773
10871
|
Loader24,
|
|
10774
10872
|
{
|
|
10775
10873
|
className: "uf-w-4 uf-h-4 uf-animate-spin",
|
|
@@ -10780,7 +10878,7 @@ function WalletSelectionModal({
|
|
|
10780
10878
|
},
|
|
10781
10879
|
network
|
|
10782
10880
|
)) }),
|
|
10783
|
-
error && /* @__PURE__ */
|
|
10881
|
+
error && /* @__PURE__ */ jsx48(
|
|
10784
10882
|
"div",
|
|
10785
10883
|
{
|
|
10786
10884
|
className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
|
|
@@ -10789,15 +10887,15 @@ function WalletSelectionModal({
|
|
|
10789
10887
|
}
|
|
10790
10888
|
)
|
|
10791
10889
|
] }),
|
|
10792
|
-
step === "connecting" && /* @__PURE__ */
|
|
10793
|
-
/* @__PURE__ */
|
|
10890
|
+
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: [
|
|
10891
|
+
/* @__PURE__ */ jsx48(
|
|
10794
10892
|
Loader24,
|
|
10795
10893
|
{
|
|
10796
10894
|
className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
|
|
10797
10895
|
style: { color: colors2.primary }
|
|
10798
10896
|
}
|
|
10799
10897
|
),
|
|
10800
|
-
/* @__PURE__ */
|
|
10898
|
+
/* @__PURE__ */ jsxs43(
|
|
10801
10899
|
"div",
|
|
10802
10900
|
{
|
|
10803
10901
|
className: "uf-text-lg uf-font-medium",
|
|
@@ -10809,7 +10907,7 @@ function WalletSelectionModal({
|
|
|
10809
10907
|
]
|
|
10810
10908
|
}
|
|
10811
10909
|
),
|
|
10812
|
-
/* @__PURE__ */
|
|
10910
|
+
/* @__PURE__ */ jsx48(
|
|
10813
10911
|
"div",
|
|
10814
10912
|
{
|
|
10815
10913
|
className: "uf-text-sm uf-mt-2",
|
|
@@ -10817,7 +10915,22 @@ function WalletSelectionModal({
|
|
|
10817
10915
|
children: connectingNetwork === "solana" ? "Please approve the connection in your Solana wallet" : "Please approve the connection in your wallet"
|
|
10818
10916
|
}
|
|
10819
10917
|
)
|
|
10820
|
-
] })
|
|
10918
|
+
] }) }),
|
|
10919
|
+
step !== "connecting" && /* @__PURE__ */ jsx48("div", { className: "uf-min-h-0 uf-flex-1", "aria-hidden": true }),
|
|
10920
|
+
/* @__PURE__ */ jsx48(
|
|
10921
|
+
"div",
|
|
10922
|
+
{
|
|
10923
|
+
className: "uf-shrink-0 uf-pt-3 uf-pb-4",
|
|
10924
|
+
style: { backgroundColor: colors2.background },
|
|
10925
|
+
children: /* @__PURE__ */ jsx48(
|
|
10926
|
+
PoweredByUnifold,
|
|
10927
|
+
{
|
|
10928
|
+
color: colors2.foregroundMuted,
|
|
10929
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
10930
|
+
}
|
|
10931
|
+
)
|
|
10932
|
+
}
|
|
10933
|
+
)
|
|
10821
10934
|
] })
|
|
10822
10935
|
] })
|
|
10823
10936
|
}
|
|
@@ -10825,27 +10938,27 @@ function WalletSelectionModal({
|
|
|
10825
10938
|
}
|
|
10826
10939
|
|
|
10827
10940
|
// src/components/deposits/DepositModal.tsx
|
|
10828
|
-
import { Fragment as
|
|
10941
|
+
import { Fragment as Fragment10, jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
10829
10942
|
function SkeletonButton({
|
|
10830
10943
|
variant = "default"
|
|
10831
10944
|
}) {
|
|
10832
|
-
return /* @__PURE__ */
|
|
10833
|
-
/* @__PURE__ */
|
|
10834
|
-
/* @__PURE__ */
|
|
10835
|
-
/* @__PURE__ */
|
|
10836
|
-
/* @__PURE__ */
|
|
10837
|
-
/* @__PURE__ */
|
|
10945
|
+
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: [
|
|
10946
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
10947
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
|
|
10948
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-space-y-1.5", children: [
|
|
10949
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
|
|
10950
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
|
|
10838
10951
|
] })
|
|
10839
10952
|
] }),
|
|
10840
|
-
/* @__PURE__ */
|
|
10841
|
-
variant === "with-icons" && /* @__PURE__ */
|
|
10953
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
|
|
10954
|
+
variant === "with-icons" && /* @__PURE__ */ jsx49("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx49(
|
|
10842
10955
|
"div",
|
|
10843
10956
|
{
|
|
10844
10957
|
className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
|
|
10845
10958
|
},
|
|
10846
10959
|
i
|
|
10847
10960
|
)) }),
|
|
10848
|
-
/* @__PURE__ */
|
|
10961
|
+
/* @__PURE__ */ jsx49(ChevronRight11, { className: "uf-w-4 uf-h-4 uf-text-muted" })
|
|
10849
10962
|
] })
|
|
10850
10963
|
] });
|
|
10851
10964
|
}
|
|
@@ -10870,14 +10983,23 @@ function DepositModal({
|
|
|
10870
10983
|
onDepositSuccess,
|
|
10871
10984
|
onDepositError,
|
|
10872
10985
|
theme = "dark",
|
|
10873
|
-
hideOverlay = false
|
|
10986
|
+
hideOverlay = false,
|
|
10987
|
+
initialScreen = "main"
|
|
10874
10988
|
}) {
|
|
10875
10989
|
const { colors: colors2, fonts, components } = useTheme();
|
|
10990
|
+
const effectiveInitialScreen = useMemo8(() => {
|
|
10991
|
+
const s = initialScreen ?? "main";
|
|
10992
|
+
if (s === "tracker" && hideDepositTracker) return "main";
|
|
10993
|
+
return s;
|
|
10994
|
+
}, [initialScreen, hideDepositTracker]);
|
|
10876
10995
|
const [containerEl, setContainerEl] = useState26(null);
|
|
10877
10996
|
const containerCallbackRef = useCallback3((el) => {
|
|
10878
10997
|
setContainerEl(el);
|
|
10879
10998
|
}, []);
|
|
10880
|
-
const [view, setView] = useState26(
|
|
10999
|
+
const [view, setView] = useState26(
|
|
11000
|
+
effectiveInitialScreen
|
|
11001
|
+
);
|
|
11002
|
+
const resetViewTimeoutRef = useRef5(null);
|
|
10881
11003
|
const [cardView, setCardView] = useState26(
|
|
10882
11004
|
"amount"
|
|
10883
11005
|
);
|
|
@@ -10997,6 +11119,43 @@ function DepositModal({
|
|
|
10997
11119
|
const template = errors[code] ?? addressValidationMessages.defaultError;
|
|
10998
11120
|
return interpolate(template, metadata);
|
|
10999
11121
|
};
|
|
11122
|
+
const openingScreen = effectiveInitialScreen;
|
|
11123
|
+
const sessionOpenedFromMenu = openingScreen === "main";
|
|
11124
|
+
const standaloneNeedsDepositPrereq = openingScreen !== "main" && (view === "transfer" || view === "card");
|
|
11125
|
+
let depositPrerequisiteBody;
|
|
11126
|
+
if (isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig) {
|
|
11127
|
+
depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11128
|
+
/* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }),
|
|
11129
|
+
/* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }),
|
|
11130
|
+
!hideDepositTracker && /* @__PURE__ */ jsx49(SkeletonButton, {})
|
|
11131
|
+
] });
|
|
11132
|
+
} else if (countryError) {
|
|
11133
|
+
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: [
|
|
11134
|
+
/* @__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" }) }),
|
|
11135
|
+
/* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
|
|
11136
|
+
/* @__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." })
|
|
11137
|
+
] });
|
|
11138
|
+
} else if (!isAllowed) {
|
|
11139
|
+
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: [
|
|
11140
|
+
/* @__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" }) }),
|
|
11141
|
+
/* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
|
|
11142
|
+
/* @__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." })
|
|
11143
|
+
] });
|
|
11144
|
+
} else if (isAddressValid === false) {
|
|
11145
|
+
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: [
|
|
11146
|
+
/* @__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" }) }),
|
|
11147
|
+
/* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
|
|
11148
|
+
/* @__PURE__ */ jsx49("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
|
|
11149
|
+
addressFailureCode,
|
|
11150
|
+
addressFailureMetadata
|
|
11151
|
+
) })
|
|
11152
|
+
] });
|
|
11153
|
+
} else {
|
|
11154
|
+
depositPrerequisiteBody = null;
|
|
11155
|
+
}
|
|
11156
|
+
const showBackTransfer = sessionOpenedFromMenu;
|
|
11157
|
+
const showBackCard = cardView !== "amount" || sessionOpenedFromMenu;
|
|
11158
|
+
const showBackTracker = selectedExecution !== null || sessionOpenedFromMenu;
|
|
11000
11159
|
const themeClass = resolvedTheme === "dark" ? "uf-dark" : "";
|
|
11001
11160
|
const handleWalletDisconnect = () => {
|
|
11002
11161
|
setUserDisconnectedWallet(true);
|
|
@@ -11007,13 +11166,37 @@ function DepositModal({
|
|
|
11007
11166
|
};
|
|
11008
11167
|
const handleClose = () => {
|
|
11009
11168
|
onOpenChange(false);
|
|
11010
|
-
|
|
11011
|
-
|
|
11169
|
+
if (resetViewTimeoutRef.current) {
|
|
11170
|
+
clearTimeout(resetViewTimeoutRef.current);
|
|
11171
|
+
}
|
|
11172
|
+
resetViewTimeoutRef.current = setTimeout(() => {
|
|
11173
|
+
setView(effectiveInitialScreen);
|
|
11012
11174
|
setCardView("amount");
|
|
11013
11175
|
setExchangeView("providers");
|
|
11014
11176
|
setBrowserWalletInfo(null);
|
|
11177
|
+
resetViewTimeoutRef.current = null;
|
|
11015
11178
|
}, 200);
|
|
11016
11179
|
};
|
|
11180
|
+
useLayoutEffect2(() => {
|
|
11181
|
+
if (!open) return;
|
|
11182
|
+
if (resetViewTimeoutRef.current) {
|
|
11183
|
+
clearTimeout(resetViewTimeoutRef.current);
|
|
11184
|
+
resetViewTimeoutRef.current = null;
|
|
11185
|
+
}
|
|
11186
|
+
setView(effectiveInitialScreen);
|
|
11187
|
+
setCardView("amount");
|
|
11188
|
+
setExchangeView("providers");
|
|
11189
|
+
setBrowserWalletInfo(null);
|
|
11190
|
+
setSelectedExecution(null);
|
|
11191
|
+
}, [open, effectiveInitialScreen]);
|
|
11192
|
+
useEffect20(
|
|
11193
|
+
() => () => {
|
|
11194
|
+
if (resetViewTimeoutRef.current) {
|
|
11195
|
+
clearTimeout(resetViewTimeoutRef.current);
|
|
11196
|
+
}
|
|
11197
|
+
},
|
|
11198
|
+
[]
|
|
11199
|
+
);
|
|
11017
11200
|
const handleBack = () => {
|
|
11018
11201
|
if (view === "card" && cardView === "quotes") {
|
|
11019
11202
|
setCardView("amount");
|
|
@@ -11094,14 +11277,21 @@ function DepositModal({
|
|
|
11094
11277
|
setWalletSelectionModalOpen(false);
|
|
11095
11278
|
setBrowserWalletModalOpen(true);
|
|
11096
11279
|
};
|
|
11097
|
-
|
|
11280
|
+
const depositPoweredByFooter = /* @__PURE__ */ jsx49("div", { className: "uf-pt-3", children: /* @__PURE__ */ jsx49(
|
|
11281
|
+
PoweredByUnifold,
|
|
11282
|
+
{
|
|
11283
|
+
color: colors2.foregroundMuted,
|
|
11284
|
+
className: "uf-flex uf-justify-center uf-shrink-0"
|
|
11285
|
+
}
|
|
11286
|
+
) });
|
|
11287
|
+
return /* @__PURE__ */ jsx49(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ jsxs44(
|
|
11098
11288
|
Dialog,
|
|
11099
11289
|
{
|
|
11100
11290
|
open: hideOverlay || open,
|
|
11101
11291
|
onOpenChange: hideOverlay ? void 0 : handleClose,
|
|
11102
11292
|
modal: !hideOverlay,
|
|
11103
11293
|
children: [
|
|
11104
|
-
/* @__PURE__ */
|
|
11294
|
+
/* @__PURE__ */ jsx49(
|
|
11105
11295
|
DialogContent,
|
|
11106
11296
|
{
|
|
11107
11297
|
ref: hideOverlay ? containerCallbackRef : void 0,
|
|
@@ -11110,8 +11300,8 @@ function DepositModal({
|
|
|
11110
11300
|
style: { backgroundColor: colors2.background },
|
|
11111
11301
|
onPointerDownOutside: (e) => e.preventDefault(),
|
|
11112
11302
|
onInteractOutside: (e) => e.preventDefault(),
|
|
11113
|
-
children: /* @__PURE__ */
|
|
11114
|
-
/* @__PURE__ */
|
|
11303
|
+
children: /* @__PURE__ */ jsx49(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11304
|
+
/* @__PURE__ */ jsx49(
|
|
11115
11305
|
DepositHeader,
|
|
11116
11306
|
{
|
|
11117
11307
|
title: modalTitle || "Deposit",
|
|
@@ -11126,47 +11316,18 @@ function DepositModal({
|
|
|
11126
11316
|
publishableKey
|
|
11127
11317
|
}
|
|
11128
11318
|
),
|
|
11129
|
-
/* @__PURE__ */
|
|
11130
|
-
/* @__PURE__ */
|
|
11131
|
-
|
|
11132
|
-
!hideDepositTracker && /* @__PURE__ */ jsx48(SkeletonButton, {})
|
|
11133
|
-
] }) : countryError ? (
|
|
11134
|
-
/* Error state - couldn't verify location */
|
|
11135
|
-
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
11136
|
-
/* @__PURE__ */ jsx48("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx48(AlertTriangle, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
11137
|
-
/* @__PURE__ */ jsx48("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
|
|
11138
|
-
/* @__PURE__ */ jsx48("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "We couldn't verify your location. Please check your connection and try again." })
|
|
11139
|
-
] })
|
|
11140
|
-
) : !isAllowed ? (
|
|
11141
|
-
/* Blocked country state (isAllowed is false or null without error) */
|
|
11142
|
-
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
11143
|
-
/* @__PURE__ */ jsx48("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx48(MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
11144
|
-
/* @__PURE__ */ jsx48("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
|
|
11145
|
-
/* @__PURE__ */ jsx48("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
|
|
11146
|
-
] })
|
|
11147
|
-
) : isAddressValid === false ? (
|
|
11148
|
-
/* Invalid recipient address state (e.g., Algorand not opted in) */
|
|
11149
|
-
/* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
|
|
11150
|
-
/* @__PURE__ */ jsx48("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx48(AlertTriangle, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
|
|
11151
|
-
/* @__PURE__ */ jsx48("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
|
|
11152
|
-
/* @__PURE__ */ jsx48("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
|
|
11153
|
-
addressFailureCode,
|
|
11154
|
-
addressFailureMetadata
|
|
11155
|
-
) })
|
|
11156
|
-
] })
|
|
11157
|
-
) : (
|
|
11158
|
-
/* Normal deposit options */
|
|
11159
|
-
/* @__PURE__ */ jsxs43(Fragment11, { children: [
|
|
11160
|
-
/* @__PURE__ */ jsx48(
|
|
11319
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11320
|
+
/* @__PURE__ */ jsx49("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11321
|
+
/* @__PURE__ */ jsx49(
|
|
11161
11322
|
TransferCryptoButton,
|
|
11162
11323
|
{
|
|
11163
11324
|
onClick: () => setView("transfer"),
|
|
11164
11325
|
title: t6.transferCrypto.title,
|
|
11165
11326
|
subtitle: t6.transferCrypto.subtitle,
|
|
11166
|
-
featuredTokens: projectConfig
|
|
11327
|
+
featuredTokens: projectConfig?.transfer_crypto.networks
|
|
11167
11328
|
}
|
|
11168
11329
|
),
|
|
11169
|
-
enableConnectWallet && !isMobileView && /* @__PURE__ */
|
|
11330
|
+
enableConnectWallet && !isMobileView && /* @__PURE__ */ jsx49(
|
|
11170
11331
|
BrowserWalletButton,
|
|
11171
11332
|
{
|
|
11172
11333
|
onClick: handleBrowserWalletClick,
|
|
@@ -11176,16 +11337,16 @@ function DepositModal({
|
|
|
11176
11337
|
publishableKey
|
|
11177
11338
|
}
|
|
11178
11339
|
),
|
|
11179
|
-
/* @__PURE__ */
|
|
11340
|
+
/* @__PURE__ */ jsx49(
|
|
11180
11341
|
DepositWithCardButton,
|
|
11181
11342
|
{
|
|
11182
11343
|
onClick: () => setView("card"),
|
|
11183
11344
|
title: t6.depositWithCard.title,
|
|
11184
11345
|
subtitle: t6.depositWithCard.subtitle,
|
|
11185
|
-
paymentNetworks: projectConfig
|
|
11346
|
+
paymentNetworks: projectConfig?.payment_networks.networks
|
|
11186
11347
|
}
|
|
11187
11348
|
),
|
|
11188
|
-
showPayWithExchange && /* @__PURE__ */
|
|
11349
|
+
showPayWithExchange && /* @__PURE__ */ jsx49(
|
|
11189
11350
|
PayWithExchangeButton,
|
|
11190
11351
|
{
|
|
11191
11352
|
onClick: () => setView("exchange"),
|
|
@@ -11195,7 +11356,7 @@ function DepositModal({
|
|
|
11195
11356
|
loading: exchangesLoading
|
|
11196
11357
|
}
|
|
11197
11358
|
),
|
|
11198
|
-
!hideDepositTracker && /* @__PURE__ */
|
|
11359
|
+
!hideDepositTracker && /* @__PURE__ */ jsx49(
|
|
11199
11360
|
DepositTrackerButton,
|
|
11200
11361
|
{
|
|
11201
11362
|
onClick: () => {
|
|
@@ -11207,14 +11368,15 @@ function DepositModal({
|
|
|
11207
11368
|
badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
|
|
11208
11369
|
}
|
|
11209
11370
|
)
|
|
11210
|
-
] })
|
|
11211
|
-
|
|
11212
|
-
|
|
11213
|
-
|
|
11371
|
+
] }) }),
|
|
11372
|
+
depositPoweredByFooter
|
|
11373
|
+
] })
|
|
11374
|
+
] }) : view === "transfer" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11375
|
+
/* @__PURE__ */ jsx49(
|
|
11214
11376
|
DepositHeader,
|
|
11215
11377
|
{
|
|
11216
11378
|
title: t6.transferCrypto.title,
|
|
11217
|
-
showBack:
|
|
11379
|
+
showBack: showBackTransfer,
|
|
11218
11380
|
onBack: handleBack,
|
|
11219
11381
|
onClose: handleClose,
|
|
11220
11382
|
showBalance: showBalanceHeader,
|
|
@@ -11226,68 +11388,74 @@ function DepositModal({
|
|
|
11226
11388
|
publishableKey
|
|
11227
11389
|
}
|
|
11228
11390
|
),
|
|
11229
|
-
|
|
11230
|
-
|
|
11231
|
-
|
|
11232
|
-
|
|
11233
|
-
|
|
11234
|
-
|
|
11235
|
-
|
|
11236
|
-
|
|
11237
|
-
|
|
11238
|
-
|
|
11239
|
-
|
|
11240
|
-
|
|
11241
|
-
|
|
11242
|
-
|
|
11243
|
-
|
|
11244
|
-
|
|
11245
|
-
|
|
11246
|
-
|
|
11247
|
-
|
|
11248
|
-
|
|
11249
|
-
|
|
11250
|
-
|
|
11251
|
-
|
|
11252
|
-
|
|
11253
|
-
|
|
11254
|
-
|
|
11255
|
-
|
|
11256
|
-
|
|
11257
|
-
|
|
11258
|
-
|
|
11259
|
-
|
|
11260
|
-
|
|
11261
|
-
|
|
11391
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11392
|
+
standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx49("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ jsx49(
|
|
11393
|
+
TransferCryptoSingleInput,
|
|
11394
|
+
{
|
|
11395
|
+
userId,
|
|
11396
|
+
publishableKey,
|
|
11397
|
+
recipientAddress,
|
|
11398
|
+
destinationChainType,
|
|
11399
|
+
destinationChainId,
|
|
11400
|
+
destinationTokenAddress,
|
|
11401
|
+
depositConfirmationMode,
|
|
11402
|
+
onExecutionsChange: setDepositExecutions,
|
|
11403
|
+
onDepositSuccess,
|
|
11404
|
+
onDepositError,
|
|
11405
|
+
wallets
|
|
11406
|
+
}
|
|
11407
|
+
) : /* @__PURE__ */ jsx49(
|
|
11408
|
+
TransferCryptoDoubleInput,
|
|
11409
|
+
{
|
|
11410
|
+
userId,
|
|
11411
|
+
publishableKey,
|
|
11412
|
+
recipientAddress,
|
|
11413
|
+
destinationChainType,
|
|
11414
|
+
destinationChainId,
|
|
11415
|
+
destinationTokenAddress,
|
|
11416
|
+
depositConfirmationMode,
|
|
11417
|
+
onExecutionsChange: setDepositExecutions,
|
|
11418
|
+
onDepositSuccess,
|
|
11419
|
+
onDepositError,
|
|
11420
|
+
wallets
|
|
11421
|
+
}
|
|
11422
|
+
),
|
|
11423
|
+
depositPoweredByFooter
|
|
11424
|
+
] })
|
|
11425
|
+
] }) : view === "tracker" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11426
|
+
/* @__PURE__ */ jsx49(
|
|
11262
11427
|
DepositHeader,
|
|
11263
11428
|
{
|
|
11264
11429
|
title: selectedExecution ? "Deposit Details" : "Deposit Tracker",
|
|
11265
|
-
showBack:
|
|
11430
|
+
showBack: showBackTracker,
|
|
11266
11431
|
onBack: handleBack,
|
|
11267
11432
|
onClose: handleClose
|
|
11268
11433
|
}
|
|
11269
11434
|
),
|
|
11270
|
-
/* @__PURE__ */
|
|
11271
|
-
"div",
|
|
11272
|
-
|
|
11273
|
-
|
|
11274
|
-
|
|
11275
|
-
|
|
11276
|
-
|
|
11277
|
-
|
|
11278
|
-
|
|
11279
|
-
|
|
11280
|
-
|
|
11281
|
-
|
|
11282
|
-
|
|
11283
|
-
|
|
11284
|
-
|
|
11285
|
-
|
|
11286
|
-
|
|
11435
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11436
|
+
/* @__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(
|
|
11437
|
+
"div",
|
|
11438
|
+
{
|
|
11439
|
+
className: "uf-text-sm",
|
|
11440
|
+
style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
|
|
11441
|
+
children: "No deposits yet"
|
|
11442
|
+
}
|
|
11443
|
+
) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx49(
|
|
11444
|
+
DepositExecutionItem,
|
|
11445
|
+
{
|
|
11446
|
+
execution,
|
|
11447
|
+
onClick: () => setSelectedExecution(execution)
|
|
11448
|
+
},
|
|
11449
|
+
execution.id
|
|
11450
|
+
)) }) }),
|
|
11451
|
+
depositPoweredByFooter
|
|
11452
|
+
] })
|
|
11453
|
+
] }) : view === "card" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11454
|
+
/* @__PURE__ */ jsx49(
|
|
11287
11455
|
DepositHeader,
|
|
11288
11456
|
{
|
|
11289
11457
|
title: cardView === "quotes" ? t6.quotes : t6.depositWithCard.title,
|
|
11290
|
-
showBack:
|
|
11458
|
+
showBack: showBackCard,
|
|
11291
11459
|
onBack: handleBack,
|
|
11292
11460
|
onClose: handleClose,
|
|
11293
11461
|
badge: cardView === "quotes" ? { count: quotesCount } : void 0,
|
|
@@ -11300,27 +11468,30 @@ function DepositModal({
|
|
|
11300
11468
|
publishableKey
|
|
11301
11469
|
}
|
|
11302
11470
|
),
|
|
11303
|
-
/* @__PURE__ */
|
|
11304
|
-
|
|
11305
|
-
|
|
11306
|
-
|
|
11307
|
-
|
|
11308
|
-
|
|
11309
|
-
|
|
11310
|
-
|
|
11311
|
-
|
|
11312
|
-
|
|
11313
|
-
|
|
11314
|
-
|
|
11315
|
-
|
|
11316
|
-
|
|
11317
|
-
|
|
11318
|
-
|
|
11319
|
-
|
|
11320
|
-
|
|
11321
|
-
|
|
11322
|
-
|
|
11323
|
-
|
|
11471
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11472
|
+
standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx49("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ jsx49(
|
|
11473
|
+
BuyWithCard,
|
|
11474
|
+
{
|
|
11475
|
+
userId,
|
|
11476
|
+
publishableKey,
|
|
11477
|
+
view: cardView,
|
|
11478
|
+
onViewChange: handleCardViewChange,
|
|
11479
|
+
destinationTokenSymbol,
|
|
11480
|
+
recipientAddress,
|
|
11481
|
+
destinationChainType,
|
|
11482
|
+
destinationChainId,
|
|
11483
|
+
destinationTokenAddress,
|
|
11484
|
+
onDepositSuccess,
|
|
11485
|
+
onDepositError,
|
|
11486
|
+
themeClass,
|
|
11487
|
+
wallets,
|
|
11488
|
+
assetCdnUrl: projectConfig?.asset_cdn_url
|
|
11489
|
+
}
|
|
11490
|
+
),
|
|
11491
|
+
depositPoweredByFooter
|
|
11492
|
+
] })
|
|
11493
|
+
] }) : view === "exchange" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
|
|
11494
|
+
/* @__PURE__ */ jsx49(
|
|
11324
11495
|
DepositHeader,
|
|
11325
11496
|
{
|
|
11326
11497
|
title: t6.payWithExchange.title,
|
|
@@ -11329,29 +11500,32 @@ function DepositModal({
|
|
|
11329
11500
|
onClose: handleClose
|
|
11330
11501
|
}
|
|
11331
11502
|
),
|
|
11332
|
-
/* @__PURE__ */
|
|
11333
|
-
|
|
11334
|
-
|
|
11335
|
-
|
|
11336
|
-
|
|
11337
|
-
|
|
11338
|
-
|
|
11339
|
-
|
|
11340
|
-
|
|
11341
|
-
|
|
11342
|
-
|
|
11343
|
-
|
|
11344
|
-
|
|
11345
|
-
|
|
11346
|
-
|
|
11347
|
-
|
|
11348
|
-
|
|
11349
|
-
|
|
11350
|
-
|
|
11503
|
+
/* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
|
|
11504
|
+
/* @__PURE__ */ jsx49(
|
|
11505
|
+
PayWithExchange,
|
|
11506
|
+
{
|
|
11507
|
+
userId,
|
|
11508
|
+
publishableKey,
|
|
11509
|
+
exchanges,
|
|
11510
|
+
view: exchangeView,
|
|
11511
|
+
onViewChange: setExchangeView,
|
|
11512
|
+
destinationTokenSymbol,
|
|
11513
|
+
recipientAddress,
|
|
11514
|
+
destinationChainType,
|
|
11515
|
+
destinationChainId,
|
|
11516
|
+
destinationTokenAddress,
|
|
11517
|
+
onDepositSuccess,
|
|
11518
|
+
onDepositError,
|
|
11519
|
+
wallets,
|
|
11520
|
+
defaultToken: defaultToken ?? null
|
|
11521
|
+
}
|
|
11522
|
+
),
|
|
11523
|
+
depositPoweredByFooter
|
|
11524
|
+
] })
|
|
11351
11525
|
] }) : null })
|
|
11352
11526
|
}
|
|
11353
11527
|
),
|
|
11354
|
-
/* @__PURE__ */
|
|
11528
|
+
/* @__PURE__ */ jsx49(
|
|
11355
11529
|
WalletSelectionModal,
|
|
11356
11530
|
{
|
|
11357
11531
|
open: walletSelectionModalOpen,
|
|
@@ -11361,7 +11535,7 @@ function DepositModal({
|
|
|
11361
11535
|
theme: resolvedTheme
|
|
11362
11536
|
}
|
|
11363
11537
|
),
|
|
11364
|
-
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */
|
|
11538
|
+
browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ jsx49(
|
|
11365
11539
|
BrowserWalletModal,
|
|
11366
11540
|
{
|
|
11367
11541
|
open: browserWalletModalOpen,
|
|
@@ -11400,7 +11574,7 @@ function DepositModal({
|
|
|
11400
11574
|
import * as React28 from "react";
|
|
11401
11575
|
import { Slot } from "@radix-ui/react-slot";
|
|
11402
11576
|
import { cva } from "class-variance-authority";
|
|
11403
|
-
import { jsx as
|
|
11577
|
+
import { jsx as jsx50 } from "react/jsx-runtime";
|
|
11404
11578
|
var buttonVariants = cva(
|
|
11405
11579
|
"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",
|
|
11406
11580
|
{
|
|
@@ -11444,7 +11618,7 @@ var Button = React28.forwardRef(
|
|
|
11444
11618
|
}
|
|
11445
11619
|
return baseStyle;
|
|
11446
11620
|
}, [variant, components, fonts, style]);
|
|
11447
|
-
return /* @__PURE__ */
|
|
11621
|
+
return /* @__PURE__ */ jsx50(
|
|
11448
11622
|
Comp,
|
|
11449
11623
|
{
|
|
11450
11624
|
className: cn(buttonVariants({ variant, size, className })),
|