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