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