@unifold/connect-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/index.mjs CHANGED
@@ -6714,12 +6714,13 @@ import { jsx as jsx31 } from "react/jsx-runtime";
6714
6714
  import { useEffect as useEffect142, useState as useState172 } from "react";
6715
6715
  import * as React222 from "react";
6716
6716
  import { jsx as jsx322 } from "react/jsx-runtime";
6717
- import { Fragment as Fragment32, jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
6717
+ import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
6718
+ import { Fragment as Fragment32, jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
6718
6719
  import { useState as useState182, useMemo as useMemo32, useEffect as useEffect152 } from "react";
6719
- import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
6720
6720
  import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
6721
6721
  import { jsx as jsx36, jsxs as jsxs322 } from "react/jsx-runtime";
6722
6722
  import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
6723
+ import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
6723
6724
  import { useState as useState192 } from "react";
6724
6725
  import * as React232 from "react";
6725
6726
 
@@ -9458,8 +9459,8 @@ var Portal3 = TooltipPortal;
9458
9459
  var Content22 = TooltipContent;
9459
9460
 
9460
9461
  // ../ui-react/dist/index.mjs
9461
- import { jsx as jsx38 } from "react/jsx-runtime";
9462
- import { Fragment as Fragment42, jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
9462
+ import { jsx as jsx39 } from "react/jsx-runtime";
9463
+ import { Fragment as Fragment42, jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
9463
9464
  import { useState as useState222, useEffect as useEffect172, useMemo as useMemo52 } from "react";
9464
9465
  import * as React242 from "react";
9465
9466
 
@@ -10696,18 +10697,18 @@ var ScrollDownButton = SelectScrollDownButton;
10696
10697
  var Separator = SelectSeparator;
10697
10698
 
10698
10699
  // ../ui-react/dist/index.mjs
10699
- import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
10700
10700
  import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
10701
+ import { jsx as jsx422, jsxs as jsxs37 } from "react/jsx-runtime";
10701
10702
  import * as React262 from "react";
10702
- import { Fragment as Fragment52, jsx as jsx422, jsxs as jsxs37 } from "react/jsx-runtime";
10703
- import { Fragment as Fragment62, jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
10704
- import { Fragment as Fragment72, jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
10703
+ import { Fragment as Fragment52, jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
10704
+ import { Fragment as Fragment62, jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
10705
+ import { Fragment as Fragment72, jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
10705
10706
  import * as React252 from "react";
10706
- import { Fragment as Fragment82, jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
10707
- import { Fragment as Fragment9, jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
10707
+ import { Fragment as Fragment82, jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
10708
+ import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs422 } from "react/jsx-runtime";
10708
10709
  import * as React272 from "react";
10709
- import { Fragment as Fragment10, jsx as jsx47, jsxs as jsxs422 } from "react/jsx-runtime";
10710
- import { Fragment as Fragment11, jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
10710
+ import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
10711
+ import { Fragment as Fragment10, jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
10711
10712
  import * as React282 from "react";
10712
10713
 
10713
10714
  // ../../node_modules/.pnpm/@radix-ui+react-slot@1.2.4_@types+react@19.2.9_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs
@@ -10854,7 +10855,7 @@ var cva = (base, config) => (props) => {
10854
10855
  };
10855
10856
 
10856
10857
  // ../ui-react/dist/index.mjs
10857
- import { jsx as jsx49 } from "react/jsx-runtime";
10858
+ import { jsx as jsx50 } from "react/jsx-runtime";
10858
10859
  function cn(...inputs) {
10859
10860
  return twMerge(clsx(inputs));
10860
10861
  }
@@ -16580,8 +16581,9 @@ function WalletIconWithNetwork({
16580
16581
  const hasEthereum = networks.includes("ethereum");
16581
16582
  const hasSolana = networks.includes("solana");
16582
16583
  const hasMultiple = hasEthereum && hasSolana;
16583
- const badgeSize = Math.round(size4 * 0.4);
16584
- const iconSize = Math.round(badgeSize * 0.65);
16584
+ const badgeOutset = 4;
16585
+ const badgeSize = Math.round(size4 * 0.5);
16586
+ const iconSize = Math.round(badgeSize * 0.76);
16585
16587
  return /* @__PURE__ */ jsxs27(
16586
16588
  "div",
16587
16589
  {
@@ -16591,39 +16593,46 @@ function WalletIconWithNetwork({
16591
16593
  /* @__PURE__ */ jsx29(WalletIcon, { size: size4, className, variant }),
16592
16594
  hasMultiple ? (
16593
16595
  // Multiple networks: overlapping badges
16594
- /* @__PURE__ */ jsxs27("div", { className: "uf-absolute", style: { bottom: -2, right: -2 }, children: [
16595
- /* @__PURE__ */ jsx29(
16596
- "div",
16597
- {
16598
- className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
16599
- style: {
16600
- width: badgeSize,
16601
- height: badgeSize,
16602
- backgroundColor: "#000",
16603
- border: "2px solid #fff",
16604
- right: Math.round(badgeSize * 0.5),
16605
- // 50% overlap
16606
- bottom: 0
16607
- },
16608
- children: /* @__PURE__ */ jsx29(SolanaIcon, { size: iconSize, variant: "color" })
16609
- }
16610
- ),
16611
- /* @__PURE__ */ jsx29(
16612
- "div",
16613
- {
16614
- className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
16615
- style: {
16616
- width: badgeSize,
16617
- height: badgeSize,
16618
- backgroundColor: "#627EEA",
16619
- border: "2px solid #fff",
16620
- right: 0,
16621
- bottom: 0
16622
- },
16623
- children: /* @__PURE__ */ jsx29(EthereumIcon, { size: iconSize, variant: "light" })
16624
- }
16625
- )
16626
- ] })
16596
+ /* @__PURE__ */ jsxs27(
16597
+ "div",
16598
+ {
16599
+ className: "uf-absolute",
16600
+ style: { bottom: -2, right: -badgeOutset },
16601
+ children: [
16602
+ /* @__PURE__ */ jsx29(
16603
+ "div",
16604
+ {
16605
+ className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
16606
+ style: {
16607
+ width: badgeSize,
16608
+ height: badgeSize,
16609
+ backgroundColor: "#000",
16610
+ border: "2px solid #fff",
16611
+ // Rear badge sits left of the front; +1px on offset shows slightly more of the rear network
16612
+ right: Math.round(badgeSize * 0.5) + 1,
16613
+ bottom: 0
16614
+ },
16615
+ children: /* @__PURE__ */ jsx29(SolanaIcon, { size: iconSize, variant: "color" })
16616
+ }
16617
+ ),
16618
+ /* @__PURE__ */ jsx29(
16619
+ "div",
16620
+ {
16621
+ className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
16622
+ style: {
16623
+ width: badgeSize,
16624
+ height: badgeSize,
16625
+ backgroundColor: "#627EEA",
16626
+ border: "2px solid #fff",
16627
+ right: 0,
16628
+ bottom: 0
16629
+ },
16630
+ children: /* @__PURE__ */ jsx29(EthereumIcon, { size: iconSize, variant: "light" })
16631
+ }
16632
+ )
16633
+ ]
16634
+ }
16635
+ )
16627
16636
  ) : (
16628
16637
  // Single network
16629
16638
  /* @__PURE__ */ jsxs27(
@@ -16632,7 +16641,7 @@ function WalletIconWithNetwork({
16632
16641
  className: "uf-absolute uf-rounded-full uf-flex uf-items-center uf-justify-center",
16633
16642
  style: {
16634
16643
  bottom: -2,
16635
- right: -2,
16644
+ right: -badgeOutset,
16636
16645
  width: badgeSize,
16637
16646
  height: badgeSize,
16638
16647
  backgroundColor: hasEthereum ? "#627EEA" : "#000",
@@ -16710,7 +16719,7 @@ function BrowserWalletButton({
16710
16719
  chainType,
16711
16720
  publishableKey
16712
16721
  }) {
16713
- const { colors: colors2, fonts, components, mode } = useTheme();
16722
+ const { colors: colors2, fonts, components } = useTheme();
16714
16723
  const [isHovered, setIsHovered] = React212.useState(false);
16715
16724
  const [isTouchDevice, setIsTouchDevice] = React212.useState(false);
16716
16725
  const [wallet, setWallet] = React212.useState(null);
@@ -16718,7 +16727,6 @@ function BrowserWalletButton({
16718
16727
  const [isConnecting, setIsConnecting] = React212.useState(false);
16719
16728
  const [balanceText, setBalanceText] = React212.useState(null);
16720
16729
  const [isLoadingBalance, setIsLoadingBalance] = React212.useState(false);
16721
- const iconVariant = mode === "dark" ? "light" : "dark";
16722
16730
  const onDisconnectRef = React212.useRef(onDisconnect);
16723
16731
  onDisconnectRef.current = onDisconnect;
16724
16732
  React212.useEffect(() => {
@@ -17077,12 +17085,12 @@ function BrowserWalletButton({
17077
17085
  wallet ? WALLET_ICON_COMPONENTS[wallet.icon] ? React212.createElement(WALLET_ICON_COMPONENTS[wallet.icon], {
17078
17086
  size: 36,
17079
17087
  className: "uf-rounded-lg",
17080
- variant: iconVariant
17088
+ variant: "color"
17081
17089
  }) : /* @__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(
17082
17090
  Wallet,
17083
17091
  {
17084
17092
  className: "uf-w-5 uf-h-5",
17085
- style: { color: colors2.foregroundMuted }
17093
+ style: { color: components.card.iconColor }
17086
17094
  }
17087
17095
  ) }),
17088
17096
  /* @__PURE__ */ jsxs28("div", { className: "uf-text-left", children: [
@@ -17475,6 +17483,62 @@ function ThemeStyleInjector({
17475
17483
  }, [fonts.regular]);
17476
17484
  return /* @__PURE__ */ jsx322("div", { className: cn(mode === "dark" ? "uf-dark" : "", className), style: cssVars, children });
17477
17485
  }
17486
+ var VIEW_W = 538;
17487
+ var VIEW_H = 53;
17488
+ var SIZE_MAX_WIDTH = {
17489
+ sm: 128,
17490
+ md: 152,
17491
+ lg: 216
17492
+ };
17493
+ function PoweredByUnifold({
17494
+ color,
17495
+ className,
17496
+ size: size4 = "sm",
17497
+ maxWidth: maxWidthProp
17498
+ }) {
17499
+ const maxWidth = maxWidthProp ?? SIZE_MAX_WIDTH[size4];
17500
+ const height = Math.round(maxWidth / VIEW_W * VIEW_H);
17501
+ return /* @__PURE__ */ jsx33(
17502
+ "div",
17503
+ {
17504
+ className,
17505
+ style: { color, lineHeight: 0 },
17506
+ role: "img",
17507
+ "aria-label": "Powered by Unifold",
17508
+ children: /* @__PURE__ */ jsxs29(
17509
+ "svg",
17510
+ {
17511
+ xmlns: "http://www.w3.org/2000/svg",
17512
+ width: maxWidth,
17513
+ height,
17514
+ viewBox: `0 0 ${VIEW_W} ${VIEW_H}`,
17515
+ fill: "none",
17516
+ className: "uf-block uf-max-w-full uf-h-auto",
17517
+ children: [
17518
+ /* @__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" }),
17519
+ /* @__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" }),
17520
+ /* @__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" }),
17521
+ /* @__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" }),
17522
+ /* @__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" }),
17523
+ /* @__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" }),
17524
+ /* @__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" }),
17525
+ /* @__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" }),
17526
+ /* @__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" }),
17527
+ /* @__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" }),
17528
+ /* @__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" }),
17529
+ /* @__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" }),
17530
+ /* @__PURE__ */ jsx33("path", { d: "M440.704 12.9302H432.724V42.2602H440.704V12.9302Z", fill: "currentColor" }),
17531
+ /* @__PURE__ */ jsx33("path", { d: "M504.904 2.96997H496.924V42.25H504.904V2.96997Z", fill: "currentColor" }),
17532
+ /* @__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" }),
17533
+ /* @__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" }),
17534
+ /* @__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" }),
17535
+ /* @__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" })
17536
+ ]
17537
+ }
17538
+ )
17539
+ }
17540
+ );
17541
+ }
17478
17542
  function DepositsModal({
17479
17543
  open,
17480
17544
  onOpenChange,
@@ -17528,8 +17592,8 @@ function DepositsModal({
17528
17592
  const handleExecutionClick = (execution) => {
17529
17593
  setSelectedExecution(execution);
17530
17594
  };
17531
- const content = selectedExecution ? /* @__PURE__ */ jsxs29(Fragment32, { children: [
17532
- /* @__PURE__ */ jsx33(
17595
+ const content = selectedExecution ? /* @__PURE__ */ jsxs30(Fragment32, { children: [
17596
+ /* @__PURE__ */ jsx34(
17533
17597
  DepositHeader,
17534
17598
  {
17535
17599
  title: "Deposit Details",
@@ -17538,9 +17602,9 @@ function DepositsModal({
17538
17602
  onClose: handleClose
17539
17603
  }
17540
17604
  ),
17541
- /* @__PURE__ */ jsx33("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx33(DepositDetailContent, { execution: selectedExecution }) })
17542
- ] }) : /* @__PURE__ */ jsxs29(Fragment32, { children: [
17543
- /* @__PURE__ */ jsx33(
17605
+ /* @__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 }) })
17606
+ ] }) : /* @__PURE__ */ jsxs30(Fragment32, { children: [
17607
+ /* @__PURE__ */ jsx34(
17544
17608
  DepositHeader,
17545
17609
  {
17546
17610
  title: "Deposit Tracker",
@@ -17549,14 +17613,14 @@ function DepositsModal({
17549
17613
  onClose: handleClose
17550
17614
  }
17551
17615
  ),
17552
- /* @__PURE__ */ jsx33("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx33("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx33("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx33(
17616
+ /* @__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(
17553
17617
  "div",
17554
17618
  {
17555
17619
  className: "uf-text-sm",
17556
17620
  style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
17557
17621
  children: "No deposits yet"
17558
17622
  }
17559
- ) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx33(
17623
+ ) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx34(
17560
17624
  DepositExecutionItem,
17561
17625
  {
17562
17626
  execution,
@@ -17565,12 +17629,21 @@ function DepositsModal({
17565
17629
  execution.id
17566
17630
  )) }) })
17567
17631
  ] });
17568
- return /* @__PURE__ */ jsx33(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsx33(
17632
+ return /* @__PURE__ */ jsx34(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsx34(
17569
17633
  DialogContent2,
17570
17634
  {
17571
17635
  className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
17572
17636
  style: { backgroundColor: colors2.background },
17573
- children: /* @__PURE__ */ jsx33(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: content })
17637
+ children: /* @__PURE__ */ jsxs30(ThemeStyleInjector, { className: "uf-flex uf-flex-col uf-flex-1 uf-min-h-0", children: [
17638
+ content,
17639
+ /* @__PURE__ */ jsx34("div", { className: "uf-pt-3 uf-shrink-0", children: /* @__PURE__ */ jsx34(
17640
+ PoweredByUnifold,
17641
+ {
17642
+ color: colors2.foregroundMuted,
17643
+ className: "uf-flex uf-justify-center uf-shrink-0"
17644
+ }
17645
+ ) })
17646
+ ] })
17574
17647
  }
17575
17648
  ) });
17576
17649
  }
@@ -17704,7 +17777,7 @@ function TokenSelectorSheet({
17704
17777
  onOpenChange(false);
17705
17778
  };
17706
17779
  if (!open) return null;
17707
- return /* @__PURE__ */ jsxs30(
17780
+ return /* @__PURE__ */ jsxs31(
17708
17781
  "div",
17709
17782
  {
17710
17783
  className: `${themeClass} uf-px-6`,
@@ -17719,18 +17792,18 @@ function TokenSelectorSheet({
17719
17792
  backgroundColor: colors2.background
17720
17793
  },
17721
17794
  children: [
17722
- /* @__PURE__ */ jsxs30("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
17723
- /* @__PURE__ */ jsx34(
17795
+ /* @__PURE__ */ jsxs31("div", { className: "uf-flex uf-items-center uf-justify-between uf-py-3", children: [
17796
+ /* @__PURE__ */ jsx35(
17724
17797
  "button",
17725
17798
  {
17726
17799
  type: "button",
17727
17800
  onClick: () => onOpenChange(false),
17728
17801
  className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors",
17729
17802
  style: { color: components.header.buttonColor },
17730
- children: /* @__PURE__ */ jsx34(ArrowLeft, { className: "uf-w-5 uf-h-5" })
17803
+ children: /* @__PURE__ */ jsx35(ArrowLeft, { className: "uf-w-5 uf-h-5" })
17731
17804
  }
17732
17805
  ),
17733
- /* @__PURE__ */ jsx34(
17806
+ /* @__PURE__ */ jsx35(
17734
17807
  "h2",
17735
17808
  {
17736
17809
  className: "uf-text-base uf-text-center",
@@ -17741,10 +17814,10 @@ function TokenSelectorSheet({
17741
17814
  children: "Select token to deposit"
17742
17815
  }
17743
17816
  ),
17744
- /* @__PURE__ */ jsx34("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
17817
+ /* @__PURE__ */ jsx35("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
17745
17818
  ] }),
17746
- /* @__PURE__ */ jsxs30("div", { className: "uf-pb-3", children: [
17747
- /* @__PURE__ */ jsx34(
17819
+ /* @__PURE__ */ jsxs31("div", { className: "uf-pb-3", children: [
17820
+ /* @__PURE__ */ jsx35(
17748
17821
  "style",
17749
17822
  {
17750
17823
  dangerouslySetInnerHTML: {
@@ -17752,7 +17825,7 @@ function TokenSelectorSheet({
17752
17825
  }
17753
17826
  }
17754
17827
  ),
17755
- /* @__PURE__ */ jsx34("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsx34(
17828
+ /* @__PURE__ */ jsx35("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsx35(
17756
17829
  "input",
17757
17830
  {
17758
17831
  type: "text",
@@ -17770,8 +17843,8 @@ function TokenSelectorSheet({
17770
17843
  }
17771
17844
  ) })
17772
17845
  ] }),
17773
- quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ jsxs30("div", { className: "uf-pb-3 uf--mx-6", children: [
17774
- /* @__PURE__ */ jsx34(
17846
+ quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ jsxs31("div", { className: "uf-pb-3 uf--mx-6", children: [
17847
+ /* @__PURE__ */ jsx35(
17775
17848
  "div",
17776
17849
  {
17777
17850
  className: "uf-text-xs uf-mb-2 uf-px-6",
@@ -17782,7 +17855,7 @@ function TokenSelectorSheet({
17782
17855
  children: "Quick select"
17783
17856
  }
17784
17857
  ),
17785
- /* @__PURE__ */ jsx34(
17858
+ /* @__PURE__ */ jsx35(
17786
17859
  "div",
17787
17860
  {
17788
17861
  className: "uf-flex uf-gap-2 uf-overflow-x-auto uf-px-6 uf-pb-1",
@@ -17790,12 +17863,12 @@ function TokenSelectorSheet({
17790
17863
  children: quickSelectOptions.map(({ token, chain, isRecent }) => {
17791
17864
  const chainKey = `${chain.chain_type}:${chain.chain_id}`;
17792
17865
  const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
17793
- return /* @__PURE__ */ jsxs30(
17866
+ return /* @__PURE__ */ jsxs31(
17794
17867
  "div",
17795
17868
  {
17796
17869
  style: { position: "relative", flexShrink: 0 },
17797
17870
  children: [
17798
- isRecent && /* @__PURE__ */ jsx34(
17871
+ isRecent && /* @__PURE__ */ jsx35(
17799
17872
  "button",
17800
17873
  {
17801
17874
  type: "button",
@@ -17815,10 +17888,10 @@ function TokenSelectorSheet({
17815
17888
  padding: 2,
17816
17889
  color: colors2.foregroundMuted
17817
17890
  },
17818
- children: /* @__PURE__ */ jsx34(X, { style: { width: 12, height: 12 } })
17891
+ children: /* @__PURE__ */ jsx35(X, { style: { width: 12, height: 12 } })
17819
17892
  }
17820
17893
  ),
17821
- /* @__PURE__ */ jsxs30(
17894
+ /* @__PURE__ */ jsxs31(
17822
17895
  "button",
17823
17896
  {
17824
17897
  type: "button",
@@ -17837,8 +17910,8 @@ function TokenSelectorSheet({
17837
17910
  backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
17838
17911
  },
17839
17912
  children: [
17840
- /* @__PURE__ */ jsxs30("div", { style: { position: "relative", flexShrink: 0 }, children: [
17841
- /* @__PURE__ */ jsx34(
17913
+ /* @__PURE__ */ jsxs31("div", { style: { position: "relative", flexShrink: 0 }, children: [
17914
+ /* @__PURE__ */ jsx35(
17842
17915
  "img",
17843
17916
  {
17844
17917
  src: token.icon_url,
@@ -17849,7 +17922,7 @@ function TokenSelectorSheet({
17849
17922
  className: "uf-rounded-full"
17850
17923
  }
17851
17924
  ),
17852
- /* @__PURE__ */ jsx34(
17925
+ /* @__PURE__ */ jsx35(
17853
17926
  "div",
17854
17927
  {
17855
17928
  style: {
@@ -17857,7 +17930,7 @@ function TokenSelectorSheet({
17857
17930
  bottom: -2,
17858
17931
  right: -2
17859
17932
  },
17860
- children: /* @__PURE__ */ jsx34(
17933
+ children: /* @__PURE__ */ jsx35(
17861
17934
  "img",
17862
17935
  {
17863
17936
  src: chain.icon_url,
@@ -17871,8 +17944,8 @@ function TokenSelectorSheet({
17871
17944
  }
17872
17945
  )
17873
17946
  ] }),
17874
- /* @__PURE__ */ jsxs30("div", { style: { textAlign: "left" }, children: [
17875
- /* @__PURE__ */ jsx34(
17947
+ /* @__PURE__ */ jsxs31("div", { style: { textAlign: "left" }, children: [
17948
+ /* @__PURE__ */ jsx35(
17876
17949
  "div",
17877
17950
  {
17878
17951
  style: {
@@ -17885,7 +17958,7 @@ function TokenSelectorSheet({
17885
17958
  children: token.symbol
17886
17959
  }
17887
17960
  ),
17888
- /* @__PURE__ */ jsx34(
17961
+ /* @__PURE__ */ jsx35(
17889
17962
  "div",
17890
17963
  {
17891
17964
  style: {
@@ -17909,7 +17982,7 @@ function TokenSelectorSheet({
17909
17982
  }
17910
17983
  )
17911
17984
  ] }),
17912
- /* @__PURE__ */ jsx34(
17985
+ /* @__PURE__ */ jsx35(
17913
17986
  "div",
17914
17987
  {
17915
17988
  className: "uf-text-xs uf-mb-2",
@@ -17920,7 +17993,7 @@ function TokenSelectorSheet({
17920
17993
  children: "All supported tokens"
17921
17994
  }
17922
17995
  ),
17923
- /* @__PURE__ */ jsx34("div", { className: "uf-flex-1 uf-overflow-y-auto uf-min-h-0 uf--mx-6 uf-px-6 uf-pb-6", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx34(
17996
+ /* @__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(
17924
17997
  "div",
17925
17998
  {
17926
17999
  style: {
@@ -17932,10 +18005,10 @@ function TokenSelectorSheet({
17932
18005
  },
17933
18006
  children: "No tokens found"
17934
18007
  }
17935
- ) : /* @__PURE__ */ jsx34("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
18008
+ ) : /* @__PURE__ */ jsx35("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: filteredOptions.map(({ token, chain }) => {
17936
18009
  const chainKey = `${chain.chain_type}:${chain.chain_id}`;
17937
18010
  const isSelected = token.symbol === selectedToken && chainKey === selectedChainKey;
17938
- return /* @__PURE__ */ jsxs30(
18011
+ return /* @__PURE__ */ jsxs31(
17939
18012
  "button",
17940
18013
  {
17941
18014
  type: "button",
@@ -17956,8 +18029,8 @@ function TokenSelectorSheet({
17956
18029
  backgroundColor: isSelected ? components.card.backgroundColor : hoveredTokenKey === `${token.symbol}-${chainKey}` ? colors2.cardHover : "transparent"
17957
18030
  },
17958
18031
  children: [
17959
- /* @__PURE__ */ jsxs30("div", { style: { position: "relative", flexShrink: 0 }, children: [
17960
- /* @__PURE__ */ jsx34(
18032
+ /* @__PURE__ */ jsxs31("div", { style: { position: "relative", flexShrink: 0 }, children: [
18033
+ /* @__PURE__ */ jsx35(
17961
18034
  "img",
17962
18035
  {
17963
18036
  src: token.icon_url,
@@ -17968,7 +18041,7 @@ function TokenSelectorSheet({
17968
18041
  className: "uf-rounded-full"
17969
18042
  }
17970
18043
  ),
17971
- /* @__PURE__ */ jsx34(
18044
+ /* @__PURE__ */ jsx35(
17972
18045
  "div",
17973
18046
  {
17974
18047
  style: {
@@ -17976,7 +18049,7 @@ function TokenSelectorSheet({
17976
18049
  bottom: -4,
17977
18050
  right: -4
17978
18051
  },
17979
- children: /* @__PURE__ */ jsx34(
18052
+ children: /* @__PURE__ */ jsx35(
17980
18053
  "img",
17981
18054
  {
17982
18055
  src: chain.icon_url,
@@ -17990,8 +18063,8 @@ function TokenSelectorSheet({
17990
18063
  }
17991
18064
  )
17992
18065
  ] }),
17993
- /* @__PURE__ */ jsxs30("div", { style: { flex: 1, minWidth: 0 }, children: [
17994
- /* @__PURE__ */ jsx34(
18066
+ /* @__PURE__ */ jsxs31("div", { style: { flex: 1, minWidth: 0 }, children: [
18067
+ /* @__PURE__ */ jsx35(
17995
18068
  "div",
17996
18069
  {
17997
18070
  style: {
@@ -18003,7 +18076,7 @@ function TokenSelectorSheet({
18003
18076
  children: token.symbol
18004
18077
  }
18005
18078
  ),
18006
- /* @__PURE__ */ jsx34(
18079
+ /* @__PURE__ */ jsx35(
18007
18080
  "div",
18008
18081
  {
18009
18082
  style: {
@@ -18015,7 +18088,7 @@ function TokenSelectorSheet({
18015
18088
  }
18016
18089
  )
18017
18090
  ] }),
18018
- /* @__PURE__ */ jsxs30(
18091
+ /* @__PURE__ */ jsxs31(
18019
18092
  "div",
18020
18093
  {
18021
18094
  style: {
@@ -18024,11 +18097,11 @@ function TokenSelectorSheet({
18024
18097
  fontFamily: fonts.regular
18025
18098
  },
18026
18099
  children: [
18027
- /* @__PURE__ */ jsxs30("span", { style: { color: components.card.textRightColor }, children: [
18100
+ /* @__PURE__ */ jsxs31("span", { style: { color: components.card.textRightColor }, children: [
18028
18101
  "Minimum:",
18029
18102
  " "
18030
18103
  ] }),
18031
- /* @__PURE__ */ jsxs30("span", { style: { color: components.card.labelHighlightRightColor }, children: [
18104
+ /* @__PURE__ */ jsxs31("span", { style: { color: components.card.labelHighlightRightColor }, children: [
18032
18105
  "$",
18033
18106
  chain.minimum_deposit_amount_usd
18034
18107
  ] })
@@ -18039,7 +18112,14 @@ function TokenSelectorSheet({
18039
18112
  },
18040
18113
  `${token.symbol}-${chainKey}`
18041
18114
  );
18042
- }) }) })
18115
+ }) }) }),
18116
+ /* @__PURE__ */ jsx35("div", { className: "uf-pt-3 uf-pb-2 uf-shrink-0", children: /* @__PURE__ */ jsx35(
18117
+ PoweredByUnifold,
18118
+ {
18119
+ color: colors2.foregroundMuted,
18120
+ className: "uf-flex uf-justify-center uf-shrink-0"
18121
+ }
18122
+ ) })
18043
18123
  ]
18044
18124
  }
18045
18125
  );
@@ -18052,7 +18132,7 @@ function DepositPollingUi({
18052
18132
  }) {
18053
18133
  const { fonts, components } = useTheme();
18054
18134
  if (depositConfirmationMode === "manual" && !showWaitingUi) {
18055
- return /* @__PURE__ */ jsx35(
18135
+ return /* @__PURE__ */ jsx36(
18056
18136
  "button",
18057
18137
  {
18058
18138
  onClick: onIveDeposited,
@@ -18069,15 +18149,15 @@ function DepositPollingUi({
18069
18149
  );
18070
18150
  }
18071
18151
  if (showWaitingUi && !hasExecution) {
18072
- return /* @__PURE__ */ jsxs31(
18152
+ return /* @__PURE__ */ jsxs322(
18073
18153
  "div",
18074
18154
  {
18075
18155
  className: "uf-p-3 uf-flex uf-items-center uf-gap-3 uf-animate-in uf-fade-in uf-duration-500",
18076
18156
  style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
18077
18157
  children: [
18078
- /* @__PURE__ */ jsx35("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ jsx35("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" }) }),
18079
- /* @__PURE__ */ jsxs31("div", { children: [
18080
- /* @__PURE__ */ jsx35(
18158
+ /* @__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" }) }),
18159
+ /* @__PURE__ */ jsxs322("div", { children: [
18160
+ /* @__PURE__ */ jsx36(
18081
18161
  "div",
18082
18162
  {
18083
18163
  className: "uf-text-sm uf-font-medium",
@@ -18085,7 +18165,7 @@ function DepositPollingUi({
18085
18165
  children: "Processing deposit transactions"
18086
18166
  }
18087
18167
  ),
18088
- /* @__PURE__ */ jsx35(
18168
+ /* @__PURE__ */ jsx36(
18089
18169
  "div",
18090
18170
  {
18091
18171
  className: "uf-text-xs",
@@ -18104,8 +18184,8 @@ function DepositFooterLinks({
18104
18184
  onGlossaryClick
18105
18185
  }) {
18106
18186
  const { colors: colors2 } = useTheme();
18107
- return /* @__PURE__ */ jsxs322("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
18108
- /* @__PURE__ */ jsx36(
18187
+ return /* @__PURE__ */ jsxs33("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
18188
+ /* @__PURE__ */ jsx37(
18109
18189
  "a",
18110
18190
  {
18111
18191
  href: "https://unifold.io/terms",
@@ -18115,8 +18195,8 @@ function DepositFooterLinks({
18115
18195
  children: "Terms"
18116
18196
  }
18117
18197
  ),
18118
- /* @__PURE__ */ jsx36("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
18119
- /* @__PURE__ */ jsx36(
18198
+ /* @__PURE__ */ jsx37("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
18199
+ /* @__PURE__ */ jsx37(
18120
18200
  "a",
18121
18201
  {
18122
18202
  href: "https://unifold.io/support",
@@ -18126,8 +18206,8 @@ function DepositFooterLinks({
18126
18206
  children: "Help"
18127
18207
  }
18128
18208
  ),
18129
- /* @__PURE__ */ jsx36("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
18130
- /* @__PURE__ */ jsx36(
18209
+ /* @__PURE__ */ jsx37("span", { className: "uf-text-xs uf-text-muted-foreground", children: "|" }),
18210
+ /* @__PURE__ */ jsx37(
18131
18211
  "div",
18132
18212
  {
18133
18213
  className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
@@ -18149,15 +18229,15 @@ function GlossaryModal({
18149
18229
  const { themeClass, colors: colors2, components } = useTheme();
18150
18230
  const resolvedThemeClass = themeClassProp ?? themeClass;
18151
18231
  const modalBackground = backgroundColorProp ?? colors2.background;
18152
- return /* @__PURE__ */ jsx37(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs33(
18232
+ return /* @__PURE__ */ jsx38(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs34(
18153
18233
  DialogContent2,
18154
18234
  {
18155
18235
  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}`,
18156
18236
  style: { backgroundColor: modalBackground },
18157
18237
  children: [
18158
- /* @__PURE__ */ jsxs33("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
18159
- /* @__PURE__ */ jsx37("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__ */ jsx37(X, { className: "uf-w-4 uf-h-4" }) }),
18160
- /* @__PURE__ */ jsx37(
18238
+ /* @__PURE__ */ jsxs34("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
18239
+ /* @__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(X, { className: "uf-w-4 uf-h-4" }) }),
18240
+ /* @__PURE__ */ jsx38(
18161
18241
  DialogTitle2,
18162
18242
  {
18163
18243
  className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
@@ -18165,91 +18245,91 @@ function GlossaryModal({
18165
18245
  children: "Glossary"
18166
18246
  }
18167
18247
  ),
18168
- /* @__PURE__ */ jsx37(
18248
+ /* @__PURE__ */ jsx38(
18169
18249
  "button",
18170
18250
  {
18171
18251
  onClick: () => onOpenChange(false),
18172
18252
  className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
18173
18253
  style: { color: components.header.buttonColor },
18174
- children: /* @__PURE__ */ jsx37(X, { className: "uf-w-4 uf-h-4" })
18254
+ children: /* @__PURE__ */ jsx38(X, { className: "uf-w-4 uf-h-4" })
18175
18255
  }
18176
18256
  )
18177
18257
  ] }),
18178
- /* @__PURE__ */ jsx37("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__ */ jsxs33("div", { className: "uf-space-y-3", children: [
18179
- /* @__PURE__ */ jsxs33(
18258
+ /* @__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: [
18259
+ /* @__PURE__ */ jsxs34(
18180
18260
  "div",
18181
18261
  {
18182
18262
  className: "uf-rounded-xl uf-p-3",
18183
18263
  style: { backgroundColor: components.card.backgroundColor },
18184
18264
  children: [
18185
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
18186
- /* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
18265
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
18266
+ /* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
18187
18267
  ]
18188
18268
  }
18189
18269
  ),
18190
- /* @__PURE__ */ jsxs33(
18270
+ /* @__PURE__ */ jsxs34(
18191
18271
  "div",
18192
18272
  {
18193
18273
  className: "uf-rounded-xl uf-p-3",
18194
18274
  style: { backgroundColor: components.card.backgroundColor },
18195
18275
  children: [
18196
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
18197
- /* @__PURE__ */ jsx37("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." })
18276
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
18277
+ /* @__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." })
18198
18278
  ]
18199
18279
  }
18200
18280
  ),
18201
- /* @__PURE__ */ jsxs33(
18281
+ /* @__PURE__ */ jsxs34(
18202
18282
  "div",
18203
18283
  {
18204
18284
  className: "uf-rounded-xl uf-p-3",
18205
18285
  style: { backgroundColor: components.card.backgroundColor },
18206
18286
  children: [
18207
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
18208
- /* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
18287
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
18288
+ /* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
18209
18289
  ]
18210
18290
  }
18211
18291
  ),
18212
- /* @__PURE__ */ jsxs33(
18292
+ /* @__PURE__ */ jsxs34(
18213
18293
  "div",
18214
18294
  {
18215
18295
  className: "uf-rounded-xl uf-p-3",
18216
18296
  style: { backgroundColor: components.card.backgroundColor },
18217
18297
  children: [
18218
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
18219
- /* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
18298
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
18299
+ /* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
18220
18300
  ]
18221
18301
  }
18222
18302
  ),
18223
- /* @__PURE__ */ jsxs33(
18303
+ /* @__PURE__ */ jsxs34(
18224
18304
  "div",
18225
18305
  {
18226
18306
  className: "uf-rounded-xl uf-p-3",
18227
18307
  style: { backgroundColor: components.card.backgroundColor },
18228
18308
  children: [
18229
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
18230
- /* @__PURE__ */ jsx37("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." })
18309
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
18310
+ /* @__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." })
18231
18311
  ]
18232
18312
  }
18233
18313
  ),
18234
- /* @__PURE__ */ jsxs33(
18314
+ /* @__PURE__ */ jsxs34(
18235
18315
  "div",
18236
18316
  {
18237
18317
  className: "uf-rounded-xl uf-p-3",
18238
18318
  style: { backgroundColor: components.card.backgroundColor },
18239
18319
  children: [
18240
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
18241
- /* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
18320
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
18321
+ /* @__PURE__ */ jsx38("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
18242
18322
  ]
18243
18323
  }
18244
18324
  ),
18245
- /* @__PURE__ */ jsxs33(
18325
+ /* @__PURE__ */ jsxs34(
18246
18326
  "div",
18247
18327
  {
18248
18328
  className: "uf-rounded-xl uf-p-3",
18249
18329
  style: { backgroundColor: components.card.backgroundColor },
18250
18330
  children: [
18251
- /* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
18252
- /* @__PURE__ */ jsx37("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." })
18331
+ /* @__PURE__ */ jsx38("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
18332
+ /* @__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." })
18253
18333
  ]
18254
18334
  }
18255
18335
  )
@@ -18283,12 +18363,12 @@ var TooltipTrigger2 = React232.forwardRef(({ onClick, ...props }, ref) => {
18283
18363
  },
18284
18364
  [open, onOpenChange, onClick]
18285
18365
  );
18286
- return /* @__PURE__ */ jsx38(Trigger, { ref, onClick: handleClick, ...props });
18366
+ return /* @__PURE__ */ jsx39(Trigger, { ref, onClick: handleClick, ...props });
18287
18367
  });
18288
18368
  TooltipTrigger2.displayName = Trigger.displayName;
18289
18369
  var TooltipContent2 = React232.forwardRef(({ className, sideOffset = 4, ...props }, ref) => {
18290
18370
  const { themeClass, colors: colors2 } = useTheme();
18291
- return /* @__PURE__ */ jsx38(Portal3, { children: /* @__PURE__ */ jsx38(
18371
+ return /* @__PURE__ */ jsx39(Portal3, { children: /* @__PURE__ */ jsx39(
18292
18372
  Content22,
18293
18373
  {
18294
18374
  ref,
@@ -18487,29 +18567,29 @@ function TransferCryptoSingleInput({
18487
18567
  const maxSlippage = currentChainFromBackend?.max_slippage_percent ?? 0.25;
18488
18568
  const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
18489
18569
  const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
18490
- return /* @__PURE__ */ jsx39(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs34(
18570
+ return /* @__PURE__ */ jsx40(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs35(
18491
18571
  "div",
18492
18572
  {
18493
18573
  className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
18494
18574
  style: { backgroundColor: colors2.background },
18495
18575
  children: [
18496
- /* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ jsx39("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
18497
- /* @__PURE__ */ jsx39(
18576
+ /* @__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 }) }),
18577
+ /* @__PURE__ */ jsx40(
18498
18578
  "button",
18499
18579
  {
18500
18580
  onClick: () => setTokenSelectorOpen(true),
18501
18581
  disabled: tokensLoading || supportedTokens.length === 0,
18502
18582
  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",
18503
18583
  style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
18504
- children: tokensLoading ? /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
18505
- /* @__PURE__ */ jsx39("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
18506
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex-1", children: [
18507
- /* @__PURE__ */ jsx39("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
18508
- /* @__PURE__ */ jsx39("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
18584
+ children: tokensLoading ? /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-3 uf-animate-pulse", children: [
18585
+ /* @__PURE__ */ jsx40("div", { className: "uf-w-10 uf-h-10 uf-rounded-full uf-bg-muted" }),
18586
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex-1", children: [
18587
+ /* @__PURE__ */ jsx40("div", { className: "uf-h-4 uf-w-16 uf-bg-muted uf-rounded uf-mb-1" }),
18588
+ /* @__PURE__ */ jsx40("div", { className: "uf-h-3 uf-w-24 uf-bg-muted uf-rounded" })
18509
18589
  ] })
18510
- ] }) : /* @__PURE__ */ jsxs34(Fragment42, { children: [
18511
- /* @__PURE__ */ jsxs34("div", { className: "uf-relative uf-flex-shrink-0", children: [
18512
- selectedToken && /* @__PURE__ */ jsx39(
18590
+ ] }) : /* @__PURE__ */ jsxs35(Fragment42, { children: [
18591
+ /* @__PURE__ */ jsxs35("div", { className: "uf-relative uf-flex-shrink-0", children: [
18592
+ selectedToken && /* @__PURE__ */ jsx40(
18513
18593
  "img",
18514
18594
  {
18515
18595
  src: selectedToken.icon_url,
@@ -18520,7 +18600,7 @@ function TransferCryptoSingleInput({
18520
18600
  className: "uf-w-10 uf-h-10 uf-rounded-full"
18521
18601
  }
18522
18602
  ),
18523
- (currentChainFromBackend || currentChainData) && /* @__PURE__ */ jsx39("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ jsx39(
18603
+ (currentChainFromBackend || currentChainData) && /* @__PURE__ */ jsx40("div", { className: "uf-absolute -uf-bottom-1 -uf-right-1", children: /* @__PURE__ */ jsx40(
18524
18604
  "img",
18525
18605
  {
18526
18606
  src: currentChainFromBackend?.icon_url || currentChainData?.icon_url || "",
@@ -18533,8 +18613,8 @@ function TransferCryptoSingleInput({
18533
18613
  }
18534
18614
  ) })
18535
18615
  ] }),
18536
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
18537
- /* @__PURE__ */ jsx39(
18616
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex-1 uf-text-left uf-min-w-0", children: [
18617
+ /* @__PURE__ */ jsx40(
18538
18618
  "div",
18539
18619
  {
18540
18620
  className: "uf-text-sm uf-font-medium",
@@ -18542,7 +18622,7 @@ function TransferCryptoSingleInput({
18542
18622
  children: selectedToken?.symbol || token
18543
18623
  }
18544
18624
  ),
18545
- /* @__PURE__ */ jsx39(
18625
+ /* @__PURE__ */ jsx40(
18546
18626
  "div",
18547
18627
  {
18548
18628
  className: "uf-text-xs uf-truncate",
@@ -18551,8 +18631,8 @@ function TransferCryptoSingleInput({
18551
18631
  }
18552
18632
  )
18553
18633
  ] }),
18554
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
18555
- /* @__PURE__ */ jsx39("div", { className: "uf-text-right", children: /* @__PURE__ */ jsxs34(
18634
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2 uf-flex-shrink-0", children: [
18635
+ /* @__PURE__ */ jsx40("div", { className: "uf-text-right", children: /* @__PURE__ */ jsxs35(
18556
18636
  "div",
18557
18637
  {
18558
18638
  className: "uf-text-xs uf-font-medium",
@@ -18564,12 +18644,12 @@ function TransferCryptoSingleInput({
18564
18644
  ]
18565
18645
  }
18566
18646
  ) }),
18567
- /* @__PURE__ */ jsx39(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
18647
+ /* @__PURE__ */ jsx40(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
18568
18648
  ] })
18569
18649
  ] })
18570
18650
  }
18571
18651
  ),
18572
- /* @__PURE__ */ jsx39(
18652
+ /* @__PURE__ */ jsx40(
18573
18653
  TokenSelectorSheet,
18574
18654
  {
18575
18655
  open: tokenSelectorOpen,
@@ -18583,24 +18663,24 @@ function TransferCryptoSingleInput({
18583
18663
  }
18584
18664
  }
18585
18665
  ),
18586
- error && !loading && /* @__PURE__ */ jsxs34("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
18587
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
18588
- /* @__PURE__ */ jsx39(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
18589
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex-1 uf-min-w-0", children: [
18590
- /* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
18591
- /* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
18666
+ 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: [
18667
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
18668
+ /* @__PURE__ */ jsx40(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
18669
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex-1 uf-min-w-0", children: [
18670
+ /* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
18671
+ /* @__PURE__ */ jsx40("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
18592
18672
  ] })
18593
18673
  ] }),
18594
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
18595
- /* @__PURE__ */ jsx39(Clock, { className: "uf-w-3 uf-h-3" }),
18596
- /* @__PURE__ */ jsx39("span", { children: "Retrying automatically every 5 seconds..." })
18674
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
18675
+ /* @__PURE__ */ jsx40(Clock, { className: "uf-w-3 uf-h-3" }),
18676
+ /* @__PURE__ */ jsx40("span", { children: "Retrying automatically every 5 seconds..." })
18597
18677
  ] })
18598
18678
  ] }),
18599
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
18600
- /* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
18601
- /* @__PURE__ */ jsx39("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
18679
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
18680
+ /* @__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" }),
18681
+ /* @__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 ? (
18602
18682
  // QR Skeleton - matches QR code appearance
18603
- /* @__PURE__ */ jsx39(
18683
+ /* @__PURE__ */ jsx40(
18604
18684
  "div",
18605
18685
  {
18606
18686
  className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
@@ -18610,7 +18690,7 @@ function TransferCryptoSingleInput({
18610
18690
  background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
18611
18691
  borderRadius: 8
18612
18692
  },
18613
- children: /* @__PURE__ */ jsx39(
18693
+ children: /* @__PURE__ */ jsx40(
18614
18694
  "div",
18615
18695
  {
18616
18696
  style: {
@@ -18623,7 +18703,7 @@ function TransferCryptoSingleInput({
18623
18703
  )
18624
18704
  }
18625
18705
  )
18626
- ) : depositAddress ? /* @__PURE__ */ jsx39(
18706
+ ) : depositAddress ? /* @__PURE__ */ jsx40(
18627
18707
  StyledQRCode,
18628
18708
  {
18629
18709
  value: depositAddress,
@@ -18633,19 +18713,19 @@ function TransferCryptoSingleInput({
18633
18713
  darkMode: isDarkMode
18634
18714
  },
18635
18715
  `qr-${depositAddress}-${chain}`
18636
- ) : /* @__PURE__ */ jsx39(
18716
+ ) : /* @__PURE__ */ jsx40(
18637
18717
  "div",
18638
18718
  {
18639
18719
  className: "uf-flex uf-items-center uf-justify-center",
18640
18720
  style: { width: 180, height: 180 },
18641
- children: /* @__PURE__ */ jsx39("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
18721
+ children: /* @__PURE__ */ jsx40("div", { className: "uf-text-red-400 uf-text-sm", children: t4.noAddressAvailable })
18642
18722
  }
18643
18723
  ) })
18644
18724
  ] }),
18645
- /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsxs34("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
18725
+ /* @__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: [
18646
18726
  loading || tokensLoading || !initialSelectionDone ? (
18647
18727
  // Address skeleton
18648
- /* @__PURE__ */ jsx39(
18728
+ /* @__PURE__ */ jsx40(
18649
18729
  "div",
18650
18730
  {
18651
18731
  className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
@@ -18654,45 +18734,45 @@ function TransferCryptoSingleInput({
18654
18734
  }
18655
18735
  }
18656
18736
  )
18657
- ) : /* @__PURE__ */ jsx39("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
18658
- depositAddress && initialSelectionDone && /* @__PURE__ */ jsx39(
18737
+ ) : /* @__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 }),
18738
+ depositAddress && initialSelectionDone && /* @__PURE__ */ jsx40(
18659
18739
  "span",
18660
18740
  {
18661
18741
  onClick: handleCopyAddress,
18662
18742
  className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
18663
18743
  style: { color: copied ? colors2.success : components.card.actionColor },
18664
- children: copied ? /* @__PURE__ */ jsx39(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx39(Copy, { className: "uf-w-3.5 uf-h-3.5" })
18744
+ children: copied ? /* @__PURE__ */ jsx40(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx40(Copy, { className: "uf-w-3.5 uf-h-3.5" })
18665
18745
  }
18666
18746
  )
18667
18747
  ] }) }),
18668
- /* @__PURE__ */ jsxs34("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: [
18669
- /* @__PURE__ */ jsxs34(
18748
+ /* @__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: [
18749
+ /* @__PURE__ */ jsxs35(
18670
18750
  "button",
18671
18751
  {
18672
18752
  onClick: () => setDetailsExpanded(!detailsExpanded),
18673
18753
  className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
18674
18754
  children: [
18675
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
18676
- /* @__PURE__ */ jsx39("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx39(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
18677
- /* @__PURE__ */ jsxs34("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
18755
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
18756
+ /* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
18757
+ /* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
18678
18758
  t4.processingTime.label,
18679
18759
  ":",
18680
18760
  " ",
18681
- /* @__PURE__ */ jsx39("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
18761
+ /* @__PURE__ */ jsx40("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
18682
18762
  ] })
18683
18763
  ] }),
18684
- detailsExpanded ? /* @__PURE__ */ jsx39(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx39(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
18764
+ detailsExpanded ? /* @__PURE__ */ jsx40(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx40(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
18685
18765
  ]
18686
18766
  }
18687
18767
  ),
18688
- detailsExpanded && /* @__PURE__ */ jsxs34("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
18689
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
18690
- /* @__PURE__ */ jsx39("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx39(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
18691
- /* @__PURE__ */ jsxs34("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
18768
+ detailsExpanded && /* @__PURE__ */ jsxs35("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
18769
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
18770
+ /* @__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 } }) }),
18771
+ /* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
18692
18772
  t4.slippage.label,
18693
18773
  ":",
18694
18774
  " ",
18695
- /* @__PURE__ */ jsxs34("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
18775
+ /* @__PURE__ */ jsxs35("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
18696
18776
  t4.slippage.auto,
18697
18777
  " \u2022 ",
18698
18778
  maxSlippage.toFixed(2),
@@ -18700,38 +18780,38 @@ function TransferCryptoSingleInput({
18700
18780
  ] })
18701
18781
  ] })
18702
18782
  ] }),
18703
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
18704
- /* @__PURE__ */ jsx39("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx39(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
18705
- /* @__PURE__ */ jsxs34("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
18783
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
18784
+ /* @__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 } }) }),
18785
+ /* @__PURE__ */ jsxs35("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
18706
18786
  t4.priceImpact.label,
18707
18787
  ":",
18708
18788
  " ",
18709
- /* @__PURE__ */ jsxs34("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
18789
+ /* @__PURE__ */ jsxs35("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
18710
18790
  priceImpact.toFixed(2),
18711
18791
  "%"
18712
18792
  ] })
18713
18793
  ] })
18714
18794
  ] }),
18715
- /* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
18716
- /* @__PURE__ */ jsx39("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx39(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
18717
- /* @__PURE__ */ jsxs34("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
18795
+ /* @__PURE__ */ jsxs35("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
18796
+ /* @__PURE__ */ jsx40("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx40(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
18797
+ /* @__PURE__ */ jsxs35("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
18718
18798
  "Recipient address:",
18719
18799
  " ",
18720
- /* @__PURE__ */ jsx39("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
18721
- /* @__PURE__ */ jsx39(
18800
+ /* @__PURE__ */ jsx40("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
18801
+ /* @__PURE__ */ jsx40(
18722
18802
  "span",
18723
18803
  {
18724
18804
  onClick: () => handleCopyRecipientAddress(recipientAddress),
18725
18805
  className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
18726
18806
  style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
18727
- children: copiedRecipient ? /* @__PURE__ */ jsx39(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx39(Copy, { className: "uf-w-3.5 uf-h-3.5" })
18807
+ children: copiedRecipient ? /* @__PURE__ */ jsx40(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx40(Copy, { className: "uf-w-3.5 uf-h-3.5" })
18728
18808
  }
18729
18809
  )
18730
18810
  ] })
18731
18811
  ] })
18732
18812
  ] })
18733
18813
  ] }),
18734
- wallets && wallets.length > 0 && /* @__PURE__ */ jsx39(
18814
+ wallets && wallets.length > 0 && /* @__PURE__ */ jsx40(
18735
18815
  DepositPollingUi,
18736
18816
  {
18737
18817
  depositConfirmationMode,
@@ -18740,29 +18820,29 @@ function TransferCryptoSingleInput({
18740
18820
  onIveDeposited: handleIveDeposited
18741
18821
  }
18742
18822
  ),
18743
- /* @__PURE__ */ jsx39(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
18744
- depositExecutions.length > 1 && /* @__PURE__ */ jsx39("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs34(
18823
+ /* @__PURE__ */ jsx40(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
18824
+ depositExecutions.length > 1 && /* @__PURE__ */ jsx40("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs35(
18745
18825
  "button",
18746
18826
  {
18747
18827
  onClick: () => setDepositsModalOpen(true),
18748
18828
  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",
18749
18829
  children: [
18750
- /* @__PURE__ */ jsx39(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
18830
+ /* @__PURE__ */ jsx40(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
18751
18831
  "Track deposits (",
18752
18832
  depositExecutions.length,
18753
18833
  ")",
18754
- /* @__PURE__ */ jsx39(ChevronRight, { className: "uf-w-3 uf-h-3" })
18834
+ /* @__PURE__ */ jsx40(ChevronRight, { className: "uf-w-3 uf-h-3" })
18755
18835
  ]
18756
18836
  }
18757
18837
  ) }),
18758
- /* @__PURE__ */ jsx39(
18838
+ /* @__PURE__ */ jsx40(
18759
18839
  DepositPollingToasts,
18760
18840
  {
18761
18841
  executions: depositExecutions,
18762
18842
  isPolling
18763
18843
  }
18764
18844
  ),
18765
- /* @__PURE__ */ jsx39(
18845
+ /* @__PURE__ */ jsx40(
18766
18846
  DepositsModal,
18767
18847
  {
18768
18848
  open: depositsModalOpen,
@@ -18773,7 +18853,7 @@ function TransferCryptoSingleInput({
18773
18853
  themeClass
18774
18854
  }
18775
18855
  ),
18776
- /* @__PURE__ */ jsx39(
18856
+ /* @__PURE__ */ jsx40(
18777
18857
  GlossaryModal,
18778
18858
  {
18779
18859
  open: glossaryOpen,
@@ -18790,7 +18870,7 @@ var Select2 = Root23;
18790
18870
  var SelectValue2 = Value;
18791
18871
  var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props }, ref) => {
18792
18872
  const { components } = useTheme();
18793
- return /* @__PURE__ */ jsxs35(
18873
+ return /* @__PURE__ */ jsxs36(
18794
18874
  Trigger2,
18795
18875
  {
18796
18876
  ref,
@@ -18806,13 +18886,13 @@ var SelectTrigger2 = React242.forwardRef(({ className, style, children, ...props
18806
18886
  ...props,
18807
18887
  children: [
18808
18888
  children,
18809
- /* @__PURE__ */ jsx40(Icon2, { asChild: true, children: /* @__PURE__ */ jsx40(ChevronDown, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
18889
+ /* @__PURE__ */ jsx41(Icon2, { asChild: true, children: /* @__PURE__ */ jsx41(ChevronDown, { className: "uf-h-4 uf-w-4 uf-opacity-50" }) })
18810
18890
  ]
18811
18891
  }
18812
18892
  );
18813
18893
  });
18814
18894
  SelectTrigger2.displayName = Trigger2.displayName;
18815
- var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
18895
+ var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
18816
18896
  ScrollUpButton,
18817
18897
  {
18818
18898
  ref,
@@ -18821,11 +18901,11 @@ var SelectScrollUpButton2 = React242.forwardRef(({ className, ...props }, ref) =
18821
18901
  className
18822
18902
  ),
18823
18903
  ...props,
18824
- children: /* @__PURE__ */ jsx40(ChevronUp, { className: "uf-h-4 uf-w-4" })
18904
+ children: /* @__PURE__ */ jsx41(ChevronUp, { className: "uf-h-4 uf-w-4" })
18825
18905
  }
18826
18906
  ));
18827
18907
  SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
18828
- var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
18908
+ var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
18829
18909
  ScrollDownButton,
18830
18910
  {
18831
18911
  ref,
@@ -18834,13 +18914,13 @@ var SelectScrollDownButton2 = React242.forwardRef(({ className, ...props }, ref)
18834
18914
  className
18835
18915
  ),
18836
18916
  ...props,
18837
- children: /* @__PURE__ */ jsx40(ChevronDown, { className: "uf-h-4 uf-w-4" })
18917
+ children: /* @__PURE__ */ jsx41(ChevronDown, { className: "uf-h-4 uf-w-4" })
18838
18918
  }
18839
18919
  ));
18840
18920
  SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
18841
18921
  var SelectContent2 = React242.forwardRef(({ className, style, children, position = "popper", ...props }, ref) => {
18842
18922
  const { themeClass, colors: colors2, components } = useTheme();
18843
- return /* @__PURE__ */ jsx40(Portal4, { children: /* @__PURE__ */ jsxs35(
18923
+ return /* @__PURE__ */ jsx41(Portal4, { children: /* @__PURE__ */ jsxs36(
18844
18924
  Content23,
18845
18925
  {
18846
18926
  ref,
@@ -18859,8 +18939,8 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
18859
18939
  position,
18860
18940
  ...props,
18861
18941
  children: [
18862
- /* @__PURE__ */ jsx40(SelectScrollUpButton2, {}),
18863
- /* @__PURE__ */ jsx40(
18942
+ /* @__PURE__ */ jsx41(SelectScrollUpButton2, {}),
18943
+ /* @__PURE__ */ jsx41(
18864
18944
  Viewport,
18865
18945
  {
18866
18946
  className: cn(
@@ -18870,13 +18950,13 @@ var SelectContent2 = React242.forwardRef(({ className, style, children, position
18870
18950
  children
18871
18951
  }
18872
18952
  ),
18873
- /* @__PURE__ */ jsx40(SelectScrollDownButton2, {})
18953
+ /* @__PURE__ */ jsx41(SelectScrollDownButton2, {})
18874
18954
  ]
18875
18955
  }
18876
18956
  ) });
18877
18957
  });
18878
18958
  SelectContent2.displayName = Content23.displayName;
18879
- var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
18959
+ var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
18880
18960
  Label,
18881
18961
  {
18882
18962
  ref,
@@ -18888,7 +18968,7 @@ var SelectLabel2 = React242.forwardRef(({ className, ...props }, ref) => /* @__P
18888
18968
  }
18889
18969
  ));
18890
18970
  SelectLabel2.displayName = Label.displayName;
18891
- var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs35(
18971
+ var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs36(
18892
18972
  Item,
18893
18973
  {
18894
18974
  ref,
@@ -18898,13 +18978,13 @@ var SelectItem2 = React242.forwardRef(({ className, children, ...props }, ref) =
18898
18978
  ),
18899
18979
  ...props,
18900
18980
  children: [
18901
- /* @__PURE__ */ jsx40("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__ */ jsx40(ItemIndicator, { children: /* @__PURE__ */ jsx40(Check, { className: "uf-h-4 uf-w-4" }) }) }),
18902
- /* @__PURE__ */ jsx40(ItemText, { children })
18981
+ /* @__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(ItemIndicator, { children: /* @__PURE__ */ jsx41(Check, { className: "uf-h-4 uf-w-4" }) }) }),
18982
+ /* @__PURE__ */ jsx41(ItemText, { children })
18903
18983
  ]
18904
18984
  }
18905
18985
  ));
18906
18986
  SelectItem2.displayName = Item.displayName;
18907
- var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
18987
+ var SelectSeparator2 = React242.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
18908
18988
  Separator,
18909
18989
  {
18910
18990
  ref,
@@ -19069,8 +19149,8 @@ function TransferCryptoDoubleInput({
19069
19149
  const processingTime = currentChainFromBackend?.estimated_processing_time ?? null;
19070
19150
  const minDepositUsd = currentChainFromBackend?.minimum_deposit_amount_usd ?? 3;
19071
19151
  const renderTokenItem = (tokenData) => {
19072
- return /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19073
- /* @__PURE__ */ jsx41(
19152
+ return /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19153
+ /* @__PURE__ */ jsx422(
19074
19154
  "img",
19075
19155
  {
19076
19156
  src: tokenData.icon_url,
@@ -19081,13 +19161,13 @@ function TransferCryptoDoubleInput({
19081
19161
  className: "uf-rounded-full uf-flex-shrink-0"
19082
19162
  }
19083
19163
  ),
19084
- /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
19164
+ /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-normal", children: tokenData.symbol })
19085
19165
  ] });
19086
19166
  };
19087
19167
  const renderChainItem = (chainData, showMinDeposit = false) => {
19088
- return /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
19089
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19090
- /* @__PURE__ */ jsx41(
19168
+ return /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-justify-between uf-w-full", children: [
19169
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19170
+ /* @__PURE__ */ jsx422(
19091
19171
  "img",
19092
19172
  {
19093
19173
  src: chainData.icon_url,
@@ -19098,32 +19178,32 @@ function TransferCryptoDoubleInput({
19098
19178
  className: "uf-rounded-full uf-flex-shrink-0"
19099
19179
  }
19100
19180
  ),
19101
- /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
19181
+ /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-normal", children: chainData.chain_name })
19102
19182
  ] }),
19103
- showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ jsxs36("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
19183
+ showMinDeposit && chainData.minimum_deposit_amount_usd && /* @__PURE__ */ jsxs37("span", { className: "uf-text-xs uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
19104
19184
  "$",
19105
19185
  chainData.minimum_deposit_amount_usd
19106
19186
  ] })
19107
19187
  ] });
19108
19188
  };
19109
- return /* @__PURE__ */ jsx41(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs36(
19189
+ return /* @__PURE__ */ jsx422(TooltipProvider2, { delayDuration: 0, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs37(
19110
19190
  "div",
19111
19191
  {
19112
19192
  className: "uf-space-y-3",
19113
19193
  style: { backgroundColor: colors2.background },
19114
19194
  children: [
19115
- /* @__PURE__ */ jsxs36("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
19116
- /* @__PURE__ */ jsxs36("div", { children: [
19117
- /* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
19118
- /* @__PURE__ */ jsxs36(
19195
+ /* @__PURE__ */ jsxs37("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
19196
+ /* @__PURE__ */ jsxs37("div", { children: [
19197
+ /* @__PURE__ */ jsx422("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
19198
+ /* @__PURE__ */ jsxs37(
19119
19199
  Select2,
19120
19200
  {
19121
19201
  value: token,
19122
19202
  onValueChange: setToken,
19123
19203
  disabled: tokensLoading || supportedTokens.length === 0,
19124
19204
  children: [
19125
- /* @__PURE__ */ jsx41(SelectTrigger2, { 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__ */ jsx41(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
19126
- /* @__PURE__ */ jsx41(SelectContent2, { 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__ */ jsx41(
19205
+ /* @__PURE__ */ jsx422(SelectTrigger2, { 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__ */ jsx422(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
19206
+ /* @__PURE__ */ jsx422(SelectContent2, { 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__ */ jsx422(
19127
19207
  SelectItem2,
19128
19208
  {
19129
19209
  value: tokenData.symbol,
@@ -19136,36 +19216,36 @@ function TransferCryptoDoubleInput({
19136
19216
  }
19137
19217
  )
19138
19218
  ] }),
19139
- /* @__PURE__ */ jsxs36("div", { children: [
19140
- /* @__PURE__ */ jsxs36("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
19219
+ /* @__PURE__ */ jsxs37("div", { children: [
19220
+ /* @__PURE__ */ jsxs37("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
19141
19221
  t5.selectedChain,
19142
- /* @__PURE__ */ jsxs36("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
19222
+ /* @__PURE__ */ jsxs37("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
19143
19223
  "$",
19144
19224
  minDepositUsd,
19145
19225
  " ",
19146
19226
  t5.minDeposit.label
19147
19227
  ] })
19148
19228
  ] }),
19149
- /* @__PURE__ */ jsxs36(
19229
+ /* @__PURE__ */ jsxs37(
19150
19230
  Select2,
19151
19231
  {
19152
19232
  value: chain,
19153
19233
  onValueChange: setChain,
19154
19234
  disabled: tokensLoading || availableChainsForToken.length === 0,
19155
19235
  children: [
19156
- /* @__PURE__ */ jsx41(SelectTrigger2, { 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__ */ jsx41(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
19157
- /* @__PURE__ */ jsx41(
19236
+ /* @__PURE__ */ jsx422(SelectTrigger2, { 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__ */ jsx422(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx422("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
19237
+ /* @__PURE__ */ jsx422(
19158
19238
  SelectContent2,
19159
19239
  {
19160
19240
  align: "end",
19161
19241
  className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
19162
19242
  style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} },
19163
- children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx41("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
19243
+ children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx422("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t5.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
19164
19244
  const chainKey = getChainKey2(
19165
19245
  chainData.chain_id,
19166
19246
  chainData.chain_type
19167
19247
  );
19168
- return /* @__PURE__ */ jsx41(
19248
+ return /* @__PURE__ */ jsx422(
19169
19249
  SelectItem2,
19170
19250
  {
19171
19251
  value: chainKey,
@@ -19182,24 +19262,24 @@ function TransferCryptoDoubleInput({
19182
19262
  )
19183
19263
  ] })
19184
19264
  ] }),
19185
- error && !loading && /* @__PURE__ */ jsxs36("div", { className: "uf-bg-destructive/10 uf-border uf-border-destructive/20 uf-rounded-xl uf-p-3 uf-space-y-2", children: [
19186
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
19187
- /* @__PURE__ */ jsx41(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
19188
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex-1 uf-min-w-0", children: [
19189
- /* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
19190
- /* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
19265
+ 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: [
19266
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-start uf-gap-2", children: [
19267
+ /* @__PURE__ */ jsx422(Info, { className: "uf-w-4 uf-h-4 uf-text-destructive uf-flex-shrink-0 uf-mt-0.5" }),
19268
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex-1 uf-min-w-0", children: [
19269
+ /* @__PURE__ */ jsx422("div", { className: "uf-text-xs uf-font-medium uf-text-destructive uf-mb-1", children: "Failed to create deposit address" }),
19270
+ /* @__PURE__ */ jsx422("div", { className: "uf-text-xs uf-text-muted-foreground", children: error })
19191
19271
  ] })
19192
19272
  ] }),
19193
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
19194
- /* @__PURE__ */ jsx41(Clock, { className: "uf-w-3 uf-h-3" }),
19195
- /* @__PURE__ */ jsx41("span", { children: "Retrying automatically every 5 seconds..." })
19273
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-1.5 uf-text-xs uf-text-muted-foreground uf-pl-6", children: [
19274
+ /* @__PURE__ */ jsx422(Clock, { className: "uf-w-3 uf-h-3" }),
19275
+ /* @__PURE__ */ jsx422("span", { children: "Retrying automatically every 5 seconds..." })
19196
19276
  ] })
19197
19277
  ] }),
19198
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
19199
- /* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
19200
- /* @__PURE__ */ jsx41("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
19278
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
19279
+ /* @__PURE__ */ jsx422("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
19280
+ /* @__PURE__ */ jsx422("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
19201
19281
  // QR Skeleton - matches QR code appearance
19202
- /* @__PURE__ */ jsx41(
19282
+ /* @__PURE__ */ jsx422(
19203
19283
  "div",
19204
19284
  {
19205
19285
  className: "uf-flex uf-items-center uf-justify-center uf-animate-pulse",
@@ -19209,7 +19289,7 @@ function TransferCryptoDoubleInput({
19209
19289
  background: isDarkMode ? "linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%)" : "linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%)",
19210
19290
  borderRadius: 8
19211
19291
  },
19212
- children: /* @__PURE__ */ jsx41(
19292
+ children: /* @__PURE__ */ jsx422(
19213
19293
  "div",
19214
19294
  {
19215
19295
  style: {
@@ -19222,7 +19302,7 @@ function TransferCryptoDoubleInput({
19222
19302
  )
19223
19303
  }
19224
19304
  )
19225
- ) : depositAddress ? /* @__PURE__ */ jsx41(
19305
+ ) : depositAddress ? /* @__PURE__ */ jsx422(
19226
19306
  StyledQRCode,
19227
19307
  {
19228
19308
  value: depositAddress,
@@ -19232,19 +19312,19 @@ function TransferCryptoDoubleInput({
19232
19312
  darkMode: isDarkMode
19233
19313
  },
19234
19314
  `qr-${depositAddress}-${chain}`
19235
- ) : /* @__PURE__ */ jsx41(
19315
+ ) : /* @__PURE__ */ jsx422(
19236
19316
  "div",
19237
19317
  {
19238
19318
  className: "uf-flex uf-items-center uf-justify-center",
19239
19319
  style: { width: 180, height: 180 },
19240
- children: /* @__PURE__ */ jsx41("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
19320
+ children: /* @__PURE__ */ jsx422("div", { className: "uf-text-red-400 uf-text-sm", children: t5.noAddressAvailable })
19241
19321
  }
19242
19322
  ) })
19243
19323
  ] }),
19244
- /* @__PURE__ */ jsx41("div", { children: /* @__PURE__ */ jsxs36("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
19324
+ /* @__PURE__ */ jsx422("div", { children: /* @__PURE__ */ jsxs37("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
19245
19325
  loading || tokensLoading || !initialSelectionDone ? (
19246
19326
  // Address skeleton
19247
- /* @__PURE__ */ jsx41(
19327
+ /* @__PURE__ */ jsx422(
19248
19328
  "div",
19249
19329
  {
19250
19330
  className: "uf-h-4 uf-w-32 uf-rounded uf-animate-pulse",
@@ -19253,45 +19333,45 @@ function TransferCryptoDoubleInput({
19253
19333
  }
19254
19334
  }
19255
19335
  )
19256
- ) : /* @__PURE__ */ jsx41("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
19257
- depositAddress && initialSelectionDone && /* @__PURE__ */ jsx41(
19336
+ ) : /* @__PURE__ */ jsx422("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
19337
+ depositAddress && initialSelectionDone && /* @__PURE__ */ jsx422(
19258
19338
  "span",
19259
19339
  {
19260
19340
  onClick: handleCopyAddress,
19261
19341
  className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
19262
19342
  style: { color: copied ? colors2.success : components.card.actionColor },
19263
- children: copied ? /* @__PURE__ */ jsx41(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx41(Copy, { className: "uf-w-3.5 uf-h-3.5" })
19343
+ children: copied ? /* @__PURE__ */ jsx422(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx422(Copy, { className: "uf-w-3.5 uf-h-3.5" })
19264
19344
  }
19265
19345
  )
19266
19346
  ] }) }),
19267
- /* @__PURE__ */ jsxs36("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: [
19268
- /* @__PURE__ */ jsxs36(
19347
+ /* @__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: [
19348
+ /* @__PURE__ */ jsxs37(
19269
19349
  "button",
19270
19350
  {
19271
19351
  onClick: () => setDetailsExpanded(!detailsExpanded),
19272
19352
  className: "uf-w-full uf-flex uf-items-center uf-justify-between uf-py-2.5",
19273
19353
  children: [
19274
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19275
- /* @__PURE__ */ jsx41("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx41(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
19276
- /* @__PURE__ */ jsxs36("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
19354
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19355
+ /* @__PURE__ */ jsx422("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx422(Clock, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
19356
+ /* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
19277
19357
  t5.processingTime.label,
19278
19358
  ":",
19279
19359
  " ",
19280
- /* @__PURE__ */ jsx41("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
19360
+ /* @__PURE__ */ jsx422("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: formatProcessingTime2(processingTime) })
19281
19361
  ] })
19282
19362
  ] }),
19283
- detailsExpanded ? /* @__PURE__ */ jsx41(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx41(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
19363
+ detailsExpanded ? /* @__PURE__ */ jsx422(ChevronUp, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } }) : /* @__PURE__ */ jsx422(ChevronDown, { className: "uf-w-4 uf-h-4", style: { color: components.card.actionColor } })
19284
19364
  ]
19285
19365
  }
19286
19366
  ),
19287
- detailsExpanded && /* @__PURE__ */ jsxs36("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
19288
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19289
- /* @__PURE__ */ jsx41("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx41(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
19290
- /* @__PURE__ */ jsxs36("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
19367
+ detailsExpanded && /* @__PURE__ */ jsxs37("div", { className: "uf-pb-3 uf-space-y-2.5", children: [
19368
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19369
+ /* @__PURE__ */ jsx422("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx422(ShieldCheck, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
19370
+ /* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
19291
19371
  t5.slippage.label,
19292
19372
  ":",
19293
19373
  " ",
19294
- /* @__PURE__ */ jsxs36("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
19374
+ /* @__PURE__ */ jsxs37("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
19295
19375
  t5.slippage.auto,
19296
19376
  " \u2022 ",
19297
19377
  maxSlippage.toFixed(2),
@@ -19299,38 +19379,38 @@ function TransferCryptoDoubleInput({
19299
19379
  ] })
19300
19380
  ] })
19301
19381
  ] }),
19302
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19303
- /* @__PURE__ */ jsx41("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx41(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
19304
- /* @__PURE__ */ jsxs36("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
19382
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19383
+ /* @__PURE__ */ jsx422("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx422(DollarSign, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
19384
+ /* @__PURE__ */ jsxs37("span", { className: "uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
19305
19385
  t5.priceImpact.label,
19306
19386
  ":",
19307
19387
  " ",
19308
- /* @__PURE__ */ jsxs36("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
19388
+ /* @__PURE__ */ jsxs37("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: [
19309
19389
  priceImpact.toFixed(2),
19310
19390
  "%"
19311
19391
  ] })
19312
19392
  ] })
19313
19393
  ] }),
19314
- /* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19315
- /* @__PURE__ */ jsx41("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx41(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
19316
- /* @__PURE__ */ jsxs36("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
19394
+ /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19395
+ /* @__PURE__ */ jsx422("div", { className: "uf-rounded-full uf-p-1", style: { backgroundColor: components.card.iconBackgroundColor }, children: /* @__PURE__ */ jsx422(WalletMinimal, { className: "uf-w-3 uf-h-3", style: { color: components.card.iconColor } }) }),
19396
+ /* @__PURE__ */ jsxs37("span", { className: "uf-flex uf-gap-2 uf-text-xs", style: { color: components.card.labelColor, fontFamily: fonts.regular }, children: [
19317
19397
  "Recipient address:",
19318
19398
  " ",
19319
- /* @__PURE__ */ jsx41("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
19320
- /* @__PURE__ */ jsx41(
19399
+ /* @__PURE__ */ jsx422("span", { style: { color: components.card.titleColor, fontFamily: fonts.medium }, children: truncateAddress(recipientAddress || "", 8, 6) }),
19400
+ /* @__PURE__ */ jsx422(
19321
19401
  "span",
19322
19402
  {
19323
19403
  onClick: () => handleCopyRecipientAddress(recipientAddress),
19324
19404
  className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
19325
19405
  style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
19326
- children: copiedRecipient ? /* @__PURE__ */ jsx41(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx41(Copy, { className: "uf-w-3.5 uf-h-3.5" })
19406
+ children: copiedRecipient ? /* @__PURE__ */ jsx422(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx422(Copy, { className: "uf-w-3.5 uf-h-3.5" })
19327
19407
  }
19328
19408
  )
19329
19409
  ] })
19330
19410
  ] })
19331
19411
  ] })
19332
19412
  ] }),
19333
- wallets && wallets.length > 0 && /* @__PURE__ */ jsx41(
19413
+ wallets && wallets.length > 0 && /* @__PURE__ */ jsx422(
19334
19414
  DepositPollingUi,
19335
19415
  {
19336
19416
  depositConfirmationMode,
@@ -19339,29 +19419,29 @@ function TransferCryptoDoubleInput({
19339
19419
  onIveDeposited: handleIveDeposited
19340
19420
  }
19341
19421
  ),
19342
- /* @__PURE__ */ jsx41(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
19343
- depositExecutions.length > 1 && /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs36(
19422
+ /* @__PURE__ */ jsx422(DepositFooterLinks, { onGlossaryClick: () => setGlossaryOpen(true) }),
19423
+ depositExecutions.length > 1 && /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-justify-end uf-text-xs uf-pt-2", children: /* @__PURE__ */ jsxs37(
19344
19424
  "button",
19345
19425
  {
19346
19426
  onClick: () => setDepositsModalOpen(true),
19347
19427
  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",
19348
19428
  children: [
19349
- /* @__PURE__ */ jsx41(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
19429
+ /* @__PURE__ */ jsx422(Clock, { className: "uf-w-3.5 uf-h-3.5" }),
19350
19430
  "Track deposits (",
19351
19431
  depositExecutions.length,
19352
19432
  ")",
19353
- /* @__PURE__ */ jsx41(ChevronRight, { className: "uf-w-3 uf-h-3" })
19433
+ /* @__PURE__ */ jsx422(ChevronRight, { className: "uf-w-3 uf-h-3" })
19354
19434
  ]
19355
19435
  }
19356
19436
  ) }),
19357
- /* @__PURE__ */ jsx41(
19437
+ /* @__PURE__ */ jsx422(
19358
19438
  DepositPollingToasts,
19359
19439
  {
19360
19440
  executions: depositExecutions,
19361
19441
  isPolling
19362
19442
  }
19363
19443
  ),
19364
- /* @__PURE__ */ jsx41(
19444
+ /* @__PURE__ */ jsx422(
19365
19445
  DepositsModal,
19366
19446
  {
19367
19447
  open: depositsModalOpen,
@@ -19372,7 +19452,7 @@ function TransferCryptoDoubleInput({
19372
19452
  themeClass
19373
19453
  }
19374
19454
  ),
19375
- /* @__PURE__ */ jsx41(
19455
+ /* @__PURE__ */ jsx422(
19376
19456
  GlossaryModal,
19377
19457
  {
19378
19458
  open: glossaryOpen,
@@ -19399,8 +19479,8 @@ function SelectTokenView({
19399
19479
  onClose
19400
19480
  }) {
19401
19481
  const { colors: colors2, fonts, components } = useTheme();
19402
- return /* @__PURE__ */ jsxs37(Fragment52, { children: [
19403
- /* @__PURE__ */ jsx422(
19482
+ return /* @__PURE__ */ jsxs38(Fragment52, { children: [
19483
+ /* @__PURE__ */ jsx43(
19404
19484
  DepositHeader,
19405
19485
  {
19406
19486
  title: "Select Token",
@@ -19413,20 +19493,20 @@ function SelectTokenView({
19413
19493
  onClose
19414
19494
  }
19415
19495
  ),
19416
- /* @__PURE__ */ jsx422("div", { className: "uf-h-[300px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx422("div", { className: "uf-space-y-2", children: isLoading ? /* @__PURE__ */ jsx422("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-12", children: /* @__PURE__ */ jsx422(
19496
+ /* @__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(
19417
19497
  LoaderCircle,
19418
19498
  {
19419
19499
  className: "uf-w-6 uf-h-6 uf-animate-spin",
19420
19500
  style: { color: colors2.foregroundMuted }
19421
19501
  }
19422
- ) }) : error ? /* @__PURE__ */ jsx422("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx422(
19502
+ ) }) : error ? /* @__PURE__ */ jsx43("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx43(
19423
19503
  "div",
19424
19504
  {
19425
19505
  className: "uf-text-sm",
19426
19506
  style: { color: colors2.foregroundMuted },
19427
19507
  children: error
19428
19508
  }
19429
- ) }) : balances.length === 0 ? /* @__PURE__ */ jsx422("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx422(
19509
+ ) }) : balances.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx43(
19430
19510
  "div",
19431
19511
  {
19432
19512
  className: "uf-text-sm",
@@ -19445,7 +19525,7 @@ function SelectTokenView({
19445
19525
  token.symbol
19446
19526
  );
19447
19527
  const formattedUsd = formatUsdAmount(balance.amount_usd);
19448
- return /* @__PURE__ */ jsxs37(
19528
+ return /* @__PURE__ */ jsxs38(
19449
19529
  "button",
19450
19530
  {
19451
19531
  onClick: () => onTokenSelect(balance),
@@ -19458,9 +19538,9 @@ function SelectTokenView({
19458
19538
  opacity: isEligible ? 1 : 0.5
19459
19539
  },
19460
19540
  children: [
19461
- /* @__PURE__ */ jsxs37("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
19462
- /* @__PURE__ */ jsxs37("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
19463
- getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ jsx422(
19541
+ /* @__PURE__ */ jsxs38("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
19542
+ /* @__PURE__ */ jsxs38("div", { className: "uf-relative uf-w-9 uf-h-9", children: [
19543
+ getIconUrl2(token.icon_url, assetCdnUrl) ? /* @__PURE__ */ jsx43(
19464
19544
  "img",
19465
19545
  {
19466
19546
  src: getIconUrl2(token.icon_url, assetCdnUrl),
@@ -19472,12 +19552,12 @@ function SelectTokenView({
19472
19552
  filter: isEligible ? "none" : "grayscale(100%)"
19473
19553
  }
19474
19554
  }
19475
- ) : /* @__PURE__ */ jsx422(
19555
+ ) : /* @__PURE__ */ jsx43(
19476
19556
  "div",
19477
19557
  {
19478
19558
  className: "uf-w-9 uf-h-9 uf-rounded-full uf-flex uf-items-center uf-justify-center",
19479
19559
  style: { backgroundColor: colors2.card },
19480
- children: /* @__PURE__ */ jsx422(
19560
+ children: /* @__PURE__ */ jsx43(
19481
19561
  "span",
19482
19562
  {
19483
19563
  className: "uf-text-xs uf-font-medium",
@@ -19487,7 +19567,7 @@ function SelectTokenView({
19487
19567
  )
19488
19568
  }
19489
19569
  ),
19490
- getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ jsx422(
19570
+ getIconUrl2(token.chain_icon_url, assetCdnUrl) && /* @__PURE__ */ jsx43(
19491
19571
  "img",
19492
19572
  {
19493
19573
  src: getIconUrl2(token.chain_icon_url, assetCdnUrl),
@@ -19502,8 +19582,8 @@ function SelectTokenView({
19502
19582
  }
19503
19583
  )
19504
19584
  ] }),
19505
- /* @__PURE__ */ jsxs37("div", { className: "uf-text-left", children: [
19506
- /* @__PURE__ */ jsx422(
19585
+ /* @__PURE__ */ jsxs38("div", { className: "uf-text-left", children: [
19586
+ /* @__PURE__ */ jsx43(
19507
19587
  "div",
19508
19588
  {
19509
19589
  className: "uf-text-sm uf-font-medium",
@@ -19514,7 +19594,7 @@ function SelectTokenView({
19514
19594
  children: token.symbol
19515
19595
  }
19516
19596
  ),
19517
- /* @__PURE__ */ jsxs37(
19597
+ /* @__PURE__ */ jsxs38(
19518
19598
  "div",
19519
19599
  {
19520
19600
  className: "uf-text-xs",
@@ -19530,8 +19610,8 @@ function SelectTokenView({
19530
19610
  )
19531
19611
  ] })
19532
19612
  ] }),
19533
- /* @__PURE__ */ jsxs37("div", { className: "uf-text-right", children: [
19534
- /* @__PURE__ */ jsxs37(
19613
+ /* @__PURE__ */ jsxs38("div", { className: "uf-text-right", children: [
19614
+ /* @__PURE__ */ jsxs38(
19535
19615
  "div",
19536
19616
  {
19537
19617
  className: "uf-text-sm uf-font-medium",
@@ -19546,7 +19626,7 @@ function SelectTokenView({
19546
19626
  ]
19547
19627
  }
19548
19628
  ),
19549
- formattedUsd && /* @__PURE__ */ jsxs37(
19629
+ formattedUsd && /* @__PURE__ */ jsxs38(
19550
19630
  "div",
19551
19631
  {
19552
19632
  className: "uf-text-xs",
@@ -19566,7 +19646,7 @@ function SelectTokenView({
19566
19646
  `${token.chain_id}-${token.token_address}-${index2}`
19567
19647
  );
19568
19648
  }) }) }),
19569
- /* @__PURE__ */ jsx422("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx422(
19649
+ /* @__PURE__ */ jsx43("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx43(
19570
19650
  "button",
19571
19651
  {
19572
19652
  onClick: onContinue,
@@ -19602,8 +19682,8 @@ function EnterAmountView({
19602
19682
  }) {
19603
19683
  const { colors: colors2, fonts, components } = useTheme();
19604
19684
  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}`;
19605
- return /* @__PURE__ */ jsxs38(Fragment62, { children: [
19606
- /* @__PURE__ */ jsx43(
19685
+ return /* @__PURE__ */ jsxs39(Fragment62, { children: [
19686
+ /* @__PURE__ */ jsx44(
19607
19687
  DepositHeader,
19608
19688
  {
19609
19689
  title: "Enter Amount",
@@ -19613,9 +19693,9 @@ function EnterAmountView({
19613
19693
  onClose
19614
19694
  }
19615
19695
  ),
19616
- /* @__PURE__ */ jsxs38("div", { className: "uf-text-center uf-py-6", children: [
19617
- /* @__PURE__ */ jsxs38("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
19618
- /* @__PURE__ */ jsx43(
19696
+ /* @__PURE__ */ jsxs39("div", { className: "uf-text-center uf-py-6", children: [
19697
+ /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
19698
+ /* @__PURE__ */ jsx44(
19619
19699
  "span",
19620
19700
  {
19621
19701
  className: "uf-text-2xl uf-mr-1",
@@ -19623,7 +19703,7 @@ function EnterAmountView({
19623
19703
  children: "$"
19624
19704
  }
19625
19705
  ),
19626
- /* @__PURE__ */ jsx43(
19706
+ /* @__PURE__ */ jsx44(
19627
19707
  "input",
19628
19708
  {
19629
19709
  type: "text",
@@ -19651,7 +19731,7 @@ function EnterAmountView({
19651
19731
  }
19652
19732
  )
19653
19733
  ] }),
19654
- formattedTokenAmount && /* @__PURE__ */ jsxs38(
19734
+ formattedTokenAmount && /* @__PURE__ */ jsxs39(
19655
19735
  "div",
19656
19736
  {
19657
19737
  className: "uf-text-sm uf-mt-2",
@@ -19663,8 +19743,8 @@ function EnterAmountView({
19663
19743
  }
19664
19744
  )
19665
19745
  ] }),
19666
- /* @__PURE__ */ jsxs38("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
19667
- [25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ jsxs38(
19746
+ /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-gap-2 uf-mb-4", children: [
19747
+ [25, 50, 100, 500].map((quickAmount) => /* @__PURE__ */ jsxs39(
19668
19748
  "button",
19669
19749
  {
19670
19750
  onClick: () => onAmountChange(quickAmount.toString()),
@@ -19681,7 +19761,7 @@ function EnterAmountView({
19681
19761
  },
19682
19762
  quickAmount
19683
19763
  )),
19684
- /* @__PURE__ */ jsx43(
19764
+ /* @__PURE__ */ jsx44(
19685
19765
  "button",
19686
19766
  {
19687
19767
  onClick: onMaxClick,
@@ -19695,7 +19775,7 @@ function EnterAmountView({
19695
19775
  }
19696
19776
  )
19697
19777
  ] }),
19698
- tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ jsxs38(
19778
+ tokenChainDetails && tokenChainDetails.minimum_deposit_amount_usd > 0 && /* @__PURE__ */ jsxs39(
19699
19779
  "div",
19700
19780
  {
19701
19781
  className: "uf-text-center uf-text-xs uf-mb-3",
@@ -19706,14 +19786,14 @@ function EnterAmountView({
19706
19786
  ]
19707
19787
  }
19708
19788
  ),
19709
- inputUsdNum > 0 && /* @__PURE__ */ jsx43(Fragment62, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ jsx43(
19789
+ inputUsdNum > 0 && /* @__PURE__ */ jsx44(Fragment62, { children: inputUsdNum > maxUsdAmount ? /* @__PURE__ */ jsx44(
19710
19790
  "div",
19711
19791
  {
19712
19792
  className: "uf-text-center uf-text-sm uf-mb-3",
19713
19793
  style: { color: colors2.error },
19714
19794
  children: "Insufficient balance"
19715
19795
  }
19716
- ) : error && /* @__PURE__ */ jsx43(
19796
+ ) : error && /* @__PURE__ */ jsx44(
19717
19797
  "div",
19718
19798
  {
19719
19799
  className: "uf-text-center uf-text-sm uf-mb-3 uf-px-2",
@@ -19721,7 +19801,7 @@ function EnterAmountView({
19721
19801
  children: error
19722
19802
  }
19723
19803
  ) }),
19724
- /* @__PURE__ */ jsx43(
19804
+ /* @__PURE__ */ jsx44(
19725
19805
  "button",
19726
19806
  {
19727
19807
  onClick: onReview,
@@ -19757,8 +19837,8 @@ function ReviewView({
19757
19837
  onClose
19758
19838
  }) {
19759
19839
  const { colors: colors2, fonts, components } = useTheme();
19760
- return /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
19761
- /* @__PURE__ */ jsx44(
19840
+ return /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-flex-col uf-min-h-[400px]", children: [
19841
+ /* @__PURE__ */ jsx45(
19762
19842
  DepositHeader,
19763
19843
  {
19764
19844
  title: "Review",
@@ -19767,8 +19847,8 @@ function ReviewView({
19767
19847
  onClose
19768
19848
  }
19769
19849
  ),
19770
- /* @__PURE__ */ jsxs39("div", { className: "uf-text-center", children: [
19771
- /* @__PURE__ */ jsxs39(
19850
+ /* @__PURE__ */ jsxs40("div", { className: "uf-text-center", children: [
19851
+ /* @__PURE__ */ jsxs40(
19772
19852
  "div",
19773
19853
  {
19774
19854
  className: "uf-text-4xl uf-font-medium",
@@ -19779,7 +19859,7 @@ function ReviewView({
19779
19859
  ]
19780
19860
  }
19781
19861
  ),
19782
- formattedTokenAmount && /* @__PURE__ */ jsxs39(
19862
+ formattedTokenAmount && /* @__PURE__ */ jsxs40(
19783
19863
  "div",
19784
19864
  {
19785
19865
  className: "uf-text-sm uf-mt-2",
@@ -19791,14 +19871,14 @@ function ReviewView({
19791
19871
  }
19792
19872
  )
19793
19873
  ] }),
19794
- /* @__PURE__ */ jsxs39(
19874
+ /* @__PURE__ */ jsxs40(
19795
19875
  "div",
19796
19876
  {
19797
19877
  className: "uf-p-4 uf-space-y-4 uf-mt-4",
19798
19878
  style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
19799
19879
  children: [
19800
- /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
19801
- /* @__PURE__ */ jsx44(
19880
+ /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
19881
+ /* @__PURE__ */ jsx45(
19802
19882
  "span",
19803
19883
  {
19804
19884
  className: "uf-text-sm",
@@ -19806,8 +19886,8 @@ function ReviewView({
19806
19886
  children: "Source"
19807
19887
  }
19808
19888
  ),
19809
- /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19810
- getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ jsx44(
19889
+ /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19890
+ getIconUrl2(selectedToken.icon_url, assetCdnUrl) && /* @__PURE__ */ jsx45(
19811
19891
  "img",
19812
19892
  {
19813
19893
  src: getIconUrl2(selectedToken.icon_url, assetCdnUrl),
@@ -19815,7 +19895,7 @@ function ReviewView({
19815
19895
  className: "uf-w-5 uf-h-5 uf-rounded-full"
19816
19896
  }
19817
19897
  ),
19818
- /* @__PURE__ */ jsxs39(
19898
+ /* @__PURE__ */ jsxs40(
19819
19899
  "span",
19820
19900
  {
19821
19901
  className: "uf-text-sm uf-font-medium",
@@ -19830,8 +19910,8 @@ function ReviewView({
19830
19910
  )
19831
19911
  ] })
19832
19912
  ] }),
19833
- /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
19834
- /* @__PURE__ */ jsx44(
19913
+ /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
19914
+ /* @__PURE__ */ jsx45(
19835
19915
  "span",
19836
19916
  {
19837
19917
  className: "uf-text-sm",
@@ -19839,7 +19919,7 @@ function ReviewView({
19839
19919
  children: "Destination"
19840
19920
  }
19841
19921
  ),
19842
- /* @__PURE__ */ jsx44(
19922
+ /* @__PURE__ */ jsx45(
19843
19923
  "span",
19844
19924
  {
19845
19925
  className: "uf-text-sm uf-font-medium",
@@ -19848,13 +19928,13 @@ function ReviewView({
19848
19928
  }
19849
19929
  )
19850
19930
  ] }),
19851
- /* @__PURE__ */ jsxs39(
19931
+ /* @__PURE__ */ jsxs40(
19852
19932
  "button",
19853
19933
  {
19854
19934
  onClick: onToggleDetails,
19855
19935
  className: "uf-w-full uf-flex uf-justify-between uf-items-center uf-transition-colors hover:uf-opacity-80",
19856
19936
  children: [
19857
- /* @__PURE__ */ jsx44(
19937
+ /* @__PURE__ */ jsx45(
19858
19938
  "span",
19859
19939
  {
19860
19940
  className: "uf-text-sm",
@@ -19862,8 +19942,8 @@ function ReviewView({
19862
19942
  children: "Estimated time"
19863
19943
  }
19864
19944
  ),
19865
- /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19866
- /* @__PURE__ */ jsx44(
19945
+ /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
19946
+ /* @__PURE__ */ jsx45(
19867
19947
  "span",
19868
19948
  {
19869
19949
  className: "uf-text-sm uf-font-medium",
@@ -19873,13 +19953,13 @@ function ReviewView({
19873
19953
  )
19874
19954
  }
19875
19955
  ),
19876
- showTransactionDetails ? /* @__PURE__ */ jsx44(
19956
+ showTransactionDetails ? /* @__PURE__ */ jsx45(
19877
19957
  ChevronUp,
19878
19958
  {
19879
19959
  className: "uf-w-4 uf-h-4",
19880
19960
  style: { color: colors2.foregroundMuted }
19881
19961
  }
19882
- ) : /* @__PURE__ */ jsx44(
19962
+ ) : /* @__PURE__ */ jsx45(
19883
19963
  ChevronDown,
19884
19964
  {
19885
19965
  className: "uf-w-4 uf-h-4",
@@ -19890,14 +19970,14 @@ function ReviewView({
19890
19970
  ]
19891
19971
  }
19892
19972
  ),
19893
- showTransactionDetails && tokenChainDetails && /* @__PURE__ */ jsxs39(Fragment72, { children: [
19894
- /* @__PURE__ */ jsxs39(
19973
+ showTransactionDetails && tokenChainDetails && /* @__PURE__ */ jsxs40(Fragment72, { children: [
19974
+ /* @__PURE__ */ jsxs40(
19895
19975
  "div",
19896
19976
  {
19897
19977
  className: "uf-flex uf-justify-between uf-items-center uf-pt-3 uf-border-t",
19898
19978
  style: { borderColor: colors2.border },
19899
19979
  children: [
19900
- /* @__PURE__ */ jsx44(
19980
+ /* @__PURE__ */ jsx45(
19901
19981
  "span",
19902
19982
  {
19903
19983
  className: "uf-text-sm",
@@ -19908,7 +19988,7 @@ function ReviewView({
19908
19988
  children: "Price impact"
19909
19989
  }
19910
19990
  ),
19911
- /* @__PURE__ */ jsxs39(
19991
+ /* @__PURE__ */ jsxs40(
19912
19992
  "span",
19913
19993
  {
19914
19994
  className: "uf-text-sm uf-font-medium",
@@ -19922,8 +20002,8 @@ function ReviewView({
19922
20002
  ]
19923
20003
  }
19924
20004
  ),
19925
- /* @__PURE__ */ jsxs39("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
19926
- /* @__PURE__ */ jsx44(
20005
+ /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-justify-between uf-items-center", children: [
20006
+ /* @__PURE__ */ jsx45(
19927
20007
  "span",
19928
20008
  {
19929
20009
  className: "uf-text-sm",
@@ -19934,7 +20014,7 @@ function ReviewView({
19934
20014
  children: "Max slippage"
19935
20015
  }
19936
20016
  ),
19937
- /* @__PURE__ */ jsxs39(
20017
+ /* @__PURE__ */ jsxs40(
19938
20018
  "span",
19939
20019
  {
19940
20020
  className: "uf-text-sm uf-font-medium",
@@ -19950,7 +20030,7 @@ function ReviewView({
19950
20030
  ]
19951
20031
  }
19952
20032
  ),
19953
- error && /* @__PURE__ */ jsx44(
20033
+ error && /* @__PURE__ */ jsx45(
19954
20034
  "div",
19955
20035
  {
19956
20036
  className: "uf-text-center uf-text-sm uf-mt-4 uf-px-2",
@@ -19958,7 +20038,7 @@ function ReviewView({
19958
20038
  children: error
19959
20039
  }
19960
20040
  ),
19961
- /* @__PURE__ */ jsxs39(
20041
+ /* @__PURE__ */ jsxs40(
19962
20042
  "div",
19963
20043
  {
19964
20044
  className: "uf-text-xs uf-text-center uf-mt-4 uf-px-4",
@@ -19969,7 +20049,7 @@ function ReviewView({
19969
20049
  ]
19970
20050
  }
19971
20051
  ),
19972
- /* @__PURE__ */ jsx44("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx44(
20052
+ /* @__PURE__ */ jsx45("div", { className: "uf-pt-4", children: /* @__PURE__ */ jsx45(
19973
20053
  "button",
19974
20054
  {
19975
20055
  onClick: onConfirm,
@@ -20000,23 +20080,23 @@ function ConfirmingView({
20000
20080
  const visibleExecutions = executions.filter(
20001
20081
  (execution) => !closedExecutionIds.has(execution.id)
20002
20082
  );
20003
- return /* @__PURE__ */ jsxs40("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
20004
- /* @__PURE__ */ jsx45(
20083
+ return /* @__PURE__ */ jsxs41("div", { className: "uf-flex uf-flex-col uf-min-h-[400px] uf-relative", children: [
20084
+ /* @__PURE__ */ jsx46(
20005
20085
  DepositHeader,
20006
20086
  {
20007
20087
  title: isConfirming ? "Confirming..." : "Processing",
20008
20088
  onClose
20009
20089
  }
20010
20090
  ),
20011
- /* @__PURE__ */ jsx45("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-flex-1 uf-py-12", children: isConfirming ? /* @__PURE__ */ jsxs40(Fragment82, { children: [
20012
- /* @__PURE__ */ jsx45(
20091
+ /* @__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(Fragment82, { children: [
20092
+ /* @__PURE__ */ jsx46(
20013
20093
  LoaderCircle,
20014
20094
  {
20015
20095
  className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
20016
20096
  style: { color: colors2.primary }
20017
20097
  }
20018
20098
  ),
20019
- /* @__PURE__ */ jsx45(
20099
+ /* @__PURE__ */ jsx46(
20020
20100
  "div",
20021
20101
  {
20022
20102
  className: "uf-text-lg uf-font-medium",
@@ -20024,7 +20104,7 @@ function ConfirmingView({
20024
20104
  children: "Waiting for confirmation..."
20025
20105
  }
20026
20106
  ),
20027
- /* @__PURE__ */ jsx45(
20107
+ /* @__PURE__ */ jsx46(
20028
20108
  "div",
20029
20109
  {
20030
20110
  className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
@@ -20032,15 +20112,15 @@ function ConfirmingView({
20032
20112
  children: "Please confirm the transaction in your wallet"
20033
20113
  }
20034
20114
  )
20035
- ] }) : /* @__PURE__ */ jsxs40(Fragment82, { children: [
20036
- /* @__PURE__ */ jsx45(
20115
+ ] }) : /* @__PURE__ */ jsxs41(Fragment82, { children: [
20116
+ /* @__PURE__ */ jsx46(
20037
20117
  CircleCheck,
20038
20118
  {
20039
20119
  className: "uf-w-12 uf-h-12 uf-mb-4",
20040
20120
  style: { color: colors2.primary }
20041
20121
  }
20042
20122
  ),
20043
- /* @__PURE__ */ jsx45(
20123
+ /* @__PURE__ */ jsx46(
20044
20124
  "div",
20045
20125
  {
20046
20126
  className: "uf-text-lg uf-font-medium",
@@ -20048,7 +20128,7 @@ function ConfirmingView({
20048
20128
  children: "Transaction Submitted"
20049
20129
  }
20050
20130
  ),
20051
- /* @__PURE__ */ jsx45(
20131
+ /* @__PURE__ */ jsx46(
20052
20132
  "div",
20053
20133
  {
20054
20134
  className: "uf-text-sm uf-mt-2 uf-text-center uf-px-6",
@@ -20057,7 +20137,7 @@ function ConfirmingView({
20057
20137
  }
20058
20138
  )
20059
20139
  ] }) }),
20060
- visibleExecutions.length > 0 && /* @__PURE__ */ jsx45("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__ */ jsx45(
20140
+ 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(
20061
20141
  DepositSuccessToast,
20062
20142
  {
20063
20143
  depositTx: execution.transaction_hash,
@@ -20559,7 +20639,7 @@ function BrowserWalletModal({
20559
20639
  ""
20560
20640
  );
20561
20641
  }, [tokenAmount, selectedToken]);
20562
- return /* @__PURE__ */ jsx46(Fragment9, { children: /* @__PURE__ */ jsx46(
20642
+ return /* @__PURE__ */ jsx47(Fragment9, { children: /* @__PURE__ */ jsx47(
20563
20643
  Dialog2,
20564
20644
  {
20565
20645
  open,
@@ -20569,15 +20649,15 @@ function BrowserWalletModal({
20569
20649
  }
20570
20650
  handleClose();
20571
20651
  },
20572
- children: /* @__PURE__ */ jsx46(
20652
+ children: /* @__PURE__ */ jsx47(
20573
20653
  DialogContent2,
20574
20654
  {
20575
20655
  className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
20576
20656
  style: { backgroundColor: colors2.background },
20577
20657
  onPointerDownOutside: (e) => e.preventDefault(),
20578
20658
  onInteractOutside: (e) => e.preventDefault(),
20579
- children: /* @__PURE__ */ jsxs41(ThemeStyleInjector, { children: [
20580
- step === "select-token" && /* @__PURE__ */ jsx46(
20659
+ children: /* @__PURE__ */ jsxs422(ThemeStyleInjector, { children: [
20660
+ step === "select-token" && /* @__PURE__ */ jsx47(
20581
20661
  SelectTokenView,
20582
20662
  {
20583
20663
  projectName,
@@ -20593,7 +20673,7 @@ function BrowserWalletModal({
20593
20673
  onClose: handleFullClose
20594
20674
  }
20595
20675
  ),
20596
- step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ jsx46(
20676
+ step === "input-amount" && selectedToken && selectedBalance && /* @__PURE__ */ jsx47(
20597
20677
  EnterAmountView,
20598
20678
  {
20599
20679
  selectedBalance,
@@ -20612,7 +20692,7 @@ function BrowserWalletModal({
20612
20692
  onClose: handleFullClose
20613
20693
  }
20614
20694
  ),
20615
- step === "review" && selectedToken && /* @__PURE__ */ jsx46(
20695
+ step === "review" && selectedToken && /* @__PURE__ */ jsx47(
20616
20696
  ReviewView,
20617
20697
  {
20618
20698
  walletInfo,
@@ -20632,7 +20712,7 @@ function BrowserWalletModal({
20632
20712
  onClose: handleFullClose
20633
20713
  }
20634
20714
  ),
20635
- step === "confirming" && /* @__PURE__ */ jsx46(
20715
+ step === "confirming" && /* @__PURE__ */ jsx47(
20636
20716
  ConfirmingView,
20637
20717
  {
20638
20718
  isConfirming,
@@ -20723,6 +20803,7 @@ var WALLET_DEFINITIONS = [
20723
20803
  installUrl: "https://glow.app/"
20724
20804
  }
20725
20805
  ];
20806
+ var WALLET_LIST_MAX_HEIGHT_PX = 330;
20726
20807
  function WalletSelectionModal({
20727
20808
  open,
20728
20809
  onOpenChange,
@@ -20731,14 +20812,13 @@ function WalletSelectionModal({
20731
20812
  chainType,
20732
20813
  theme = "dark"
20733
20814
  }) {
20734
- const { colors: colors2, fonts, components, mode } = useTheme();
20815
+ const { colors: colors2, fonts, components } = useTheme();
20735
20816
  const [step, setStep] = React272.useState("select-wallet");
20736
20817
  const [selectedWallet, setSelectedWallet] = React272.useState(null);
20737
20818
  const [connectingNetwork, setConnectingNetwork] = React272.useState(null);
20738
20819
  const [error, setError] = React272.useState(null);
20739
20820
  const [isConnecting, setIsConnecting] = React272.useState(false);
20740
20821
  const themeClass = theme === "dark" ? "uf-dark" : "";
20741
- const iconVariant = mode === "dark" ? "light" : "dark";
20742
20822
  const getProviders = React272.useCallback(() => {
20743
20823
  if (typeof window === "undefined") {
20744
20824
  return {};
@@ -21002,6 +21082,7 @@ function WalletSelectionModal({
21002
21082
  setSelectedWallet(null);
21003
21083
  setConnectingNetwork(null);
21004
21084
  setError(null);
21085
+ setIsConnecting(false);
21005
21086
  } else {
21006
21087
  handleClose();
21007
21088
  }
@@ -21022,15 +21103,15 @@ function WalletSelectionModal({
21022
21103
  return "Connect Wallet";
21023
21104
  }
21024
21105
  };
21025
- return /* @__PURE__ */ jsx47(Dialog2, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx47(
21106
+ return /* @__PURE__ */ jsx48(Dialog2, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsx48(
21026
21107
  DialogContent2,
21027
21108
  {
21028
- className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
21109
+ 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}`,
21029
21110
  style: { backgroundColor: colors2.background },
21030
21111
  onPointerDownOutside: (e) => e.preventDefault(),
21031
21112
  onInteractOutside: (e) => e.preventDefault(),
21032
- children: /* @__PURE__ */ jsxs422(ThemeStyleInjector, { children: [
21033
- /* @__PURE__ */ jsx47(
21113
+ children: /* @__PURE__ */ jsxs43(ThemeStyleInjector, { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
21114
+ /* @__PURE__ */ jsx48(
21034
21115
  DepositHeader,
21035
21116
  {
21036
21117
  title: getTitle(),
@@ -21039,9 +21120,9 @@ function WalletSelectionModal({
21039
21120
  onClose: handleClose
21040
21121
  }
21041
21122
  ),
21042
- /* @__PURE__ */ jsxs422("div", { className: "uf-pb-4", children: [
21043
- step === "select-wallet" && /* @__PURE__ */ jsxs422(Fragment10, { children: [
21044
- /* @__PURE__ */ jsx47(
21123
+ /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col", children: [
21124
+ step === "select-wallet" && /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
21125
+ /* @__PURE__ */ jsx48(
21045
21126
  "p",
21046
21127
  {
21047
21128
  className: "uf-text-sm uf-text-center uf-pb-4",
@@ -21052,87 +21133,96 @@ function WalletSelectionModal({
21052
21133
  children: chainType ? `Select a ${chainType === "ethereum" ? "Ethereum" : "Solana"} wallet` : "Select a wallet to connect"
21053
21134
  }
21054
21135
  ),
21055
- /* @__PURE__ */ jsx47("div", { className: "uf-space-y-2 uf-max-h-[400px] uf-overflow-y-auto [&::-webkit-scrollbar]:uf-hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: availableWallets.length === 0 ? /* @__PURE__ */ jsx47("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx47(
21056
- "p",
21136
+ /* @__PURE__ */ jsx48(
21137
+ "div",
21057
21138
  {
21058
- className: "uf-text-sm",
21139
+ 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]",
21059
21140
  style: {
21060
- color: colors2.foregroundMuted,
21061
- fontFamily: fonts.regular
21141
+ height: `min(${WALLET_LIST_MAX_HEIGHT_PX}px, 50dvh)`,
21142
+ maxHeight: WALLET_LIST_MAX_HEIGHT_PX
21062
21143
  },
21063
- children: "No wallets available"
21144
+ children: availableWallets.length === 0 ? /* @__PURE__ */ jsx48("div", { className: "uf-text-center uf-py-8", children: /* @__PURE__ */ jsx48(
21145
+ "p",
21146
+ {
21147
+ className: "uf-text-sm",
21148
+ style: {
21149
+ color: colors2.foregroundMuted,
21150
+ fontFamily: fonts.regular
21151
+ },
21152
+ children: "No wallets available"
21153
+ }
21154
+ ) }) : availableWallets.map((wallet) => /* @__PURE__ */ jsxs43(
21155
+ "button",
21156
+ {
21157
+ onClick: () => handleWalletClick(wallet),
21158
+ disabled: isConnecting,
21159
+ 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",
21160
+ style: {
21161
+ backgroundColor: components.card.backgroundColor,
21162
+ borderRadius: components.card.borderRadius,
21163
+ border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
21164
+ },
21165
+ children: [
21166
+ /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
21167
+ WALLET_ICONS[wallet.id] ? /* @__PURE__ */ jsx48(
21168
+ WalletIconWithNetwork,
21169
+ {
21170
+ WalletIcon: WALLET_ICONS[wallet.id],
21171
+ networks: wallet.networks,
21172
+ size: 40,
21173
+ className: "uf-rounded-lg"
21174
+ }
21175
+ ) : /* @__PURE__ */ jsx48("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
21176
+ /* @__PURE__ */ jsx48("div", { className: "uf-text-left", children: /* @__PURE__ */ jsx48(
21177
+ "div",
21178
+ {
21179
+ className: "uf-text-sm uf-font-medium",
21180
+ style: {
21181
+ color: components.card.titleColor,
21182
+ fontFamily: fonts.medium
21183
+ },
21184
+ children: wallet.name
21185
+ }
21186
+ ) })
21187
+ ] }),
21188
+ /* @__PURE__ */ jsx48("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ jsx48(
21189
+ "span",
21190
+ {
21191
+ className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
21192
+ style: {
21193
+ backgroundColor: colors2.primary + "20",
21194
+ color: colors2.primary,
21195
+ fontFamily: fonts.medium
21196
+ },
21197
+ children: "Detected"
21198
+ }
21199
+ ) : /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
21200
+ /* @__PURE__ */ jsx48(
21201
+ "span",
21202
+ {
21203
+ className: "uf-text-xs",
21204
+ style: {
21205
+ color: colors2.foregroundMuted,
21206
+ fontFamily: fonts.regular
21207
+ },
21208
+ children: "Install"
21209
+ }
21210
+ ),
21211
+ /* @__PURE__ */ jsx48(
21212
+ ExternalLink,
21213
+ {
21214
+ className: "uf-w-3 uf-h-3",
21215
+ style: { color: colors2.foregroundMuted }
21216
+ }
21217
+ )
21218
+ ] }) })
21219
+ ]
21220
+ },
21221
+ wallet.id
21222
+ ))
21064
21223
  }
21065
- ) }) : availableWallets.map((wallet) => /* @__PURE__ */ jsxs422(
21066
- "button",
21067
- {
21068
- onClick: () => handleWalletClick(wallet),
21069
- disabled: isConnecting,
21070
- 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",
21071
- style: {
21072
- backgroundColor: components.card.backgroundColor,
21073
- borderRadius: components.card.borderRadius,
21074
- border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
21075
- },
21076
- children: [
21077
- /* @__PURE__ */ jsxs422("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
21078
- WALLET_ICONS[wallet.id] ? /* @__PURE__ */ jsx47(
21079
- WalletIconWithNetwork,
21080
- {
21081
- WalletIcon: WALLET_ICONS[wallet.id],
21082
- networks: wallet.networks,
21083
- size: 40,
21084
- className: "uf-rounded-lg",
21085
- variant: iconVariant
21086
- }
21087
- ) : /* @__PURE__ */ jsx47("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
21088
- /* @__PURE__ */ jsx47("div", { className: "uf-text-left", children: /* @__PURE__ */ jsx47(
21089
- "div",
21090
- {
21091
- className: "uf-text-sm uf-font-medium",
21092
- style: {
21093
- color: components.card.titleColor,
21094
- fontFamily: fonts.medium
21095
- },
21096
- children: wallet.name
21097
- }
21098
- ) })
21099
- ] }),
21100
- /* @__PURE__ */ jsx47("div", { className: "uf-flex uf-items-center uf-gap-2", children: wallet.isInstalled ? /* @__PURE__ */ jsx47(
21101
- "span",
21102
- {
21103
- className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
21104
- style: {
21105
- backgroundColor: colors2.primary + "20",
21106
- color: colors2.primary,
21107
- fontFamily: fonts.medium
21108
- },
21109
- children: "Detected"
21110
- }
21111
- ) : /* @__PURE__ */ jsxs422("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
21112
- /* @__PURE__ */ jsx47(
21113
- "span",
21114
- {
21115
- className: "uf-text-xs",
21116
- style: {
21117
- color: colors2.foregroundMuted,
21118
- fontFamily: fonts.regular
21119
- },
21120
- children: "Install"
21121
- }
21122
- ),
21123
- /* @__PURE__ */ jsx47(
21124
- ExternalLink,
21125
- {
21126
- className: "uf-w-3 uf-h-3",
21127
- style: { color: colors2.foregroundMuted }
21128
- }
21129
- )
21130
- ] }) })
21131
- ]
21132
- },
21133
- wallet.id
21134
- )) }),
21135
- error && /* @__PURE__ */ jsx47(
21224
+ ),
21225
+ error && /* @__PURE__ */ jsx48(
21136
21226
  "div",
21137
21227
  {
21138
21228
  className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
@@ -21141,19 +21231,18 @@ function WalletSelectionModal({
21141
21231
  }
21142
21232
  )
21143
21233
  ] }),
21144
- step === "select-network" && selectedWallet && /* @__PURE__ */ jsxs422(Fragment10, { children: [
21145
- /* @__PURE__ */ jsxs422("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
21146
- /* @__PURE__ */ jsx47("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ jsx47(
21234
+ step === "select-network" && selectedWallet && /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-shrink-0 uf-flex-col", children: [
21235
+ /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-pb-4", children: [
21236
+ /* @__PURE__ */ jsx48("div", { className: "uf-mb-2", children: WALLET_ICONS[selectedWallet.id] ? /* @__PURE__ */ jsx48(
21147
21237
  WalletIconWithNetwork,
21148
21238
  {
21149
21239
  WalletIcon: WALLET_ICONS[selectedWallet.id],
21150
21240
  networks: selectedWallet.networks,
21151
21241
  size: 48,
21152
- className: "uf-rounded-lg",
21153
- variant: iconVariant
21242
+ className: "uf-rounded-lg"
21154
21243
  }
21155
- ) : /* @__PURE__ */ jsx47("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
21156
- /* @__PURE__ */ jsx47(
21244
+ ) : /* @__PURE__ */ jsx48("div", { className: "uf-w-12 uf-h-12 uf-rounded-lg uf-bg-gray-500" }) }),
21245
+ /* @__PURE__ */ jsx48(
21157
21246
  "p",
21158
21247
  {
21159
21248
  className: "uf-text-sm uf-font-medium",
@@ -21164,7 +21253,7 @@ function WalletSelectionModal({
21164
21253
  children: selectedWallet.name
21165
21254
  }
21166
21255
  ),
21167
- /* @__PURE__ */ jsx47(
21256
+ /* @__PURE__ */ jsx48(
21168
21257
  "p",
21169
21258
  {
21170
21259
  className: "uf-text-xs",
@@ -21176,7 +21265,7 @@ function WalletSelectionModal({
21176
21265
  }
21177
21266
  )
21178
21267
  ] }),
21179
- /* @__PURE__ */ jsx47("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ jsxs422(
21268
+ /* @__PURE__ */ jsx48("div", { className: "uf-space-y-2", children: selectedWallet.networks.filter((n) => !chainType || n === chainType).map((network) => /* @__PURE__ */ jsxs43(
21180
21269
  "button",
21181
21270
  {
21182
21271
  onClick: () => handleNetworkSelect(network),
@@ -21188,16 +21277,16 @@ function WalletSelectionModal({
21188
21277
  border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
21189
21278
  },
21190
21279
  children: [
21191
- /* @__PURE__ */ jsxs422("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
21192
- network === "ethereum" ? /* @__PURE__ */ jsx47(
21280
+ /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
21281
+ network === "ethereum" ? /* @__PURE__ */ jsx48(
21193
21282
  EthereumIcon,
21194
21283
  {
21195
21284
  size: 36,
21196
21285
  className: "uf-rounded-full"
21197
21286
  }
21198
- ) : /* @__PURE__ */ jsx47(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
21199
- /* @__PURE__ */ jsxs422("div", { className: "uf-text-left", children: [
21200
- /* @__PURE__ */ jsx47(
21287
+ ) : /* @__PURE__ */ jsx48(SolanaIcon, { size: 36, className: "uf-rounded-full" }),
21288
+ /* @__PURE__ */ jsxs43("div", { className: "uf-text-left", children: [
21289
+ /* @__PURE__ */ jsx48(
21201
21290
  "div",
21202
21291
  {
21203
21292
  className: "uf-text-sm uf-font-medium uf-capitalize",
@@ -21208,7 +21297,7 @@ function WalletSelectionModal({
21208
21297
  children: network === "ethereum" ? "Ethereum" : "Solana"
21209
21298
  }
21210
21299
  ),
21211
- /* @__PURE__ */ jsx47(
21300
+ /* @__PURE__ */ jsx48(
21212
21301
  "div",
21213
21302
  {
21214
21303
  className: "uf-text-xs",
@@ -21221,7 +21310,7 @@ function WalletSelectionModal({
21221
21310
  )
21222
21311
  ] })
21223
21312
  ] }),
21224
- connectingNetwork === network && /* @__PURE__ */ jsx47(
21313
+ connectingNetwork === network && /* @__PURE__ */ jsx48(
21225
21314
  LoaderCircle,
21226
21315
  {
21227
21316
  className: "uf-w-4 uf-h-4 uf-animate-spin",
@@ -21232,7 +21321,7 @@ function WalletSelectionModal({
21232
21321
  },
21233
21322
  network
21234
21323
  )) }),
21235
- error && /* @__PURE__ */ jsx47(
21324
+ error && /* @__PURE__ */ jsx48(
21236
21325
  "div",
21237
21326
  {
21238
21327
  className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4",
@@ -21241,15 +21330,15 @@ function WalletSelectionModal({
21241
21330
  }
21242
21331
  )
21243
21332
  ] }),
21244
- step === "connecting" && /* @__PURE__ */ jsxs422("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8", children: [
21245
- /* @__PURE__ */ jsx47(
21333
+ 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: [
21334
+ /* @__PURE__ */ jsx48(
21246
21335
  LoaderCircle,
21247
21336
  {
21248
21337
  className: "uf-w-12 uf-h-12 uf-animate-spin uf-mb-4",
21249
21338
  style: { color: colors2.primary }
21250
21339
  }
21251
21340
  ),
21252
- /* @__PURE__ */ jsxs422(
21341
+ /* @__PURE__ */ jsxs43(
21253
21342
  "div",
21254
21343
  {
21255
21344
  className: "uf-text-lg uf-font-medium",
@@ -21261,7 +21350,7 @@ function WalletSelectionModal({
21261
21350
  ]
21262
21351
  }
21263
21352
  ),
21264
- /* @__PURE__ */ jsx47(
21353
+ /* @__PURE__ */ jsx48(
21265
21354
  "div",
21266
21355
  {
21267
21356
  className: "uf-text-sm uf-mt-2",
@@ -21269,7 +21358,22 @@ function WalletSelectionModal({
21269
21358
  children: connectingNetwork === "solana" ? "Please approve the connection in your Solana wallet" : "Please approve the connection in your wallet"
21270
21359
  }
21271
21360
  )
21272
- ] })
21361
+ ] }) }),
21362
+ step !== "connecting" && /* @__PURE__ */ jsx48("div", { className: "uf-min-h-0 uf-flex-1", "aria-hidden": true }),
21363
+ /* @__PURE__ */ jsx48(
21364
+ "div",
21365
+ {
21366
+ className: "uf-shrink-0 uf-pt-3 uf-pb-4",
21367
+ style: { backgroundColor: colors2.background },
21368
+ children: /* @__PURE__ */ jsx48(
21369
+ PoweredByUnifold,
21370
+ {
21371
+ color: colors2.foregroundMuted,
21372
+ className: "uf-flex uf-justify-center uf-shrink-0"
21373
+ }
21374
+ )
21375
+ }
21376
+ )
21273
21377
  ] })
21274
21378
  ] })
21275
21379
  }
@@ -21278,23 +21382,23 @@ function WalletSelectionModal({
21278
21382
  function SkeletonButton({
21279
21383
  variant = "default"
21280
21384
  }) {
21281
- return /* @__PURE__ */ jsxs43("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: [
21282
- /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
21283
- /* @__PURE__ */ jsx48("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
21284
- /* @__PURE__ */ jsxs43("div", { className: "uf-space-y-1.5", children: [
21285
- /* @__PURE__ */ jsx48("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
21286
- /* @__PURE__ */ jsx48("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
21385
+ 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: [
21386
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
21387
+ /* @__PURE__ */ jsx49("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
21388
+ /* @__PURE__ */ jsxs44("div", { className: "uf-space-y-1.5", children: [
21389
+ /* @__PURE__ */ jsx49("div", { className: "uf-h-3.5 uf-w-24 uf-bg-muted uf-rounded" }),
21390
+ /* @__PURE__ */ jsx49("div", { className: "uf-h-3 uf-w-32 uf-bg-muted uf-rounded" })
21287
21391
  ] })
21288
21392
  ] }),
21289
- /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
21290
- variant === "with-icons" && /* @__PURE__ */ jsx48("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx48(
21393
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
21394
+ variant === "with-icons" && /* @__PURE__ */ jsx49("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx49(
21291
21395
  "div",
21292
21396
  {
21293
21397
  className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
21294
21398
  },
21295
21399
  i
21296
21400
  )) }),
21297
- /* @__PURE__ */ jsx48(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
21401
+ /* @__PURE__ */ jsx49(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
21298
21402
  ] })
21299
21403
  ] });
21300
21404
  }
@@ -21460,28 +21564,28 @@ function DepositModal({
21460
21564
  const standaloneNeedsDepositPrereq = openingScreen !== "main" && (view === "transfer" || view === "card");
21461
21565
  let depositPrerequisiteBody;
21462
21566
  if (isCountryLoading || isAddressValidationLoading || tokensLoading || walletsLoading || !projectConfig) {
21463
- depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ jsx48(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ jsxs43(Fragment11, { children: [
21464
- /* @__PURE__ */ jsx48(SkeletonButton, { variant: "with-icons" }),
21465
- /* @__PURE__ */ jsx48(SkeletonButton, { variant: "with-icons" }),
21466
- !hideDepositTracker && /* @__PURE__ */ jsx48(SkeletonButton, {})
21567
+ depositPrerequisiteBody = standaloneNeedsDepositPrereq ? /* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }) : /* @__PURE__ */ jsxs44(Fragment10, { children: [
21568
+ /* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }),
21569
+ /* @__PURE__ */ jsx49(SkeletonButton, { variant: "with-icons" }),
21570
+ !hideDepositTracker && /* @__PURE__ */ jsx49(SkeletonButton, {})
21467
21571
  ] });
21468
21572
  } else if (countryError) {
21469
- depositPrerequisiteBody = /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
21470
- /* @__PURE__ */ jsx48("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx48(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
21471
- /* @__PURE__ */ jsx48("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
21472
- /* @__PURE__ */ jsx48("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "We couldn't verify your location. Please check your connection and try again." })
21573
+ 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: [
21574
+ /* @__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(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
21575
+ /* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "Unable to Verify Location" }),
21576
+ /* @__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." })
21473
21577
  ] });
21474
21578
  } else if (!isAllowed) {
21475
- depositPrerequisiteBody = /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
21476
- /* @__PURE__ */ jsx48("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx48(MapPinOff, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
21477
- /* @__PURE__ */ jsx48("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
21478
- /* @__PURE__ */ jsx48("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: "There are no supported tokens available from your current location." })
21579
+ 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: [
21580
+ /* @__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" }) }),
21581
+ /* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: "No Tokens Available" }),
21582
+ /* @__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." })
21479
21583
  ] });
21480
21584
  } else if (isAddressValid === false) {
21481
- depositPrerequisiteBody = /* @__PURE__ */ jsxs43("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
21482
- /* @__PURE__ */ jsx48("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ jsx48(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
21483
- /* @__PURE__ */ jsx48("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
21484
- /* @__PURE__ */ jsx48("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
21585
+ 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: [
21586
+ /* @__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(TriangleAlert, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
21587
+ /* @__PURE__ */ jsx49("h3", { className: "uf-text-lg uf-font-semibold uf-text-foreground uf-mb-2", children: addressValidationMessages.unableToReceiveFunds }),
21588
+ /* @__PURE__ */ jsx49("p", { className: "uf-text-sm uf-text-muted-foreground uf-max-w-[280px]", children: getAddressValidationErrorMessage(
21485
21589
  addressFailureCode,
21486
21590
  addressFailureMetadata
21487
21591
  ) })
@@ -21613,14 +21717,21 @@ function DepositModal({
21613
21717
  setWalletSelectionModalOpen(false);
21614
21718
  setBrowserWalletModalOpen(true);
21615
21719
  };
21616
- return /* @__PURE__ */ jsx48(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ jsxs43(
21720
+ const depositPoweredByFooter = /* @__PURE__ */ jsx49("div", { className: "uf-pt-3", children: /* @__PURE__ */ jsx49(
21721
+ PoweredByUnifold,
21722
+ {
21723
+ color: colors2.foregroundMuted,
21724
+ className: "uf-flex uf-justify-center uf-shrink-0"
21725
+ }
21726
+ ) });
21727
+ return /* @__PURE__ */ jsx49(PortalContainerProvider, { value: hideOverlay ? containerEl : null, children: /* @__PURE__ */ jsxs44(
21617
21728
  Dialog2,
21618
21729
  {
21619
21730
  open: hideOverlay || open,
21620
21731
  onOpenChange: hideOverlay ? void 0 : handleClose,
21621
21732
  modal: !hideOverlay,
21622
21733
  children: [
21623
- /* @__PURE__ */ jsx48(
21734
+ /* @__PURE__ */ jsx49(
21624
21735
  DialogContent2,
21625
21736
  {
21626
21737
  ref: hideOverlay ? containerCallbackRef : void 0,
@@ -21629,8 +21740,8 @@ function DepositModal({
21629
21740
  style: { backgroundColor: colors2.background },
21630
21741
  onPointerDownOutside: (e) => e.preventDefault(),
21631
21742
  onInteractOutside: (e) => e.preventDefault(),
21632
- children: /* @__PURE__ */ jsx48(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ jsxs43(Fragment11, { children: [
21633
- /* @__PURE__ */ jsx48(
21743
+ children: /* @__PURE__ */ jsx49(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
21744
+ /* @__PURE__ */ jsx49(
21634
21745
  DepositHeader,
21635
21746
  {
21636
21747
  title: modalTitle || "Deposit",
@@ -21645,60 +21756,63 @@ function DepositModal({
21645
21756
  publishableKey
21646
21757
  }
21647
21758
  ),
21648
- /* @__PURE__ */ jsx48("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ jsxs43(Fragment11, { children: [
21649
- /* @__PURE__ */ jsx48(
21650
- TransferCryptoButton,
21651
- {
21652
- onClick: () => setView("transfer"),
21653
- title: t6.transferCrypto.title,
21654
- subtitle: t6.transferCrypto.subtitle,
21655
- featuredTokens: projectConfig?.transfer_crypto.networks
21656
- }
21657
- ),
21658
- enableConnectWallet && !isMobileView && /* @__PURE__ */ jsx48(
21659
- BrowserWalletButton,
21660
- {
21661
- onClick: handleBrowserWalletClick,
21662
- onConnectClick: handleWalletConnectClick,
21663
- onDisconnect: handleWalletDisconnect,
21664
- chainType: browserWalletChainType,
21665
- publishableKey
21666
- }
21667
- ),
21668
- /* @__PURE__ */ jsx48(
21669
- DepositWithCardButton,
21670
- {
21671
- onClick: () => setView("card"),
21672
- title: t6.depositWithCard.title,
21673
- subtitle: t6.depositWithCard.subtitle,
21674
- paymentNetworks: projectConfig?.payment_networks.networks
21675
- }
21676
- ),
21677
- showPayWithExchange && /* @__PURE__ */ jsx48(
21678
- PayWithExchangeButton,
21679
- {
21680
- onClick: () => setView("exchange"),
21681
- title: t6.payWithExchange.title,
21682
- subtitle: t6.payWithExchange.subtitle,
21683
- exchanges,
21684
- loading: exchangesLoading
21685
- }
21686
- ),
21687
- !hideDepositTracker && /* @__PURE__ */ jsx48(
21688
- DepositTrackerButton,
21689
- {
21690
- onClick: () => {
21691
- setAllExecutions(depositExecutions);
21692
- setView("tracker");
21693
- },
21694
- title: "Deposit Tracker",
21695
- subtitle: "Track your deposit progress",
21696
- badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
21697
- }
21698
- )
21699
- ] }) })
21700
- ] }) : view === "transfer" ? /* @__PURE__ */ jsxs43(Fragment11, { children: [
21701
- /* @__PURE__ */ jsx48(
21759
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
21760
+ /* @__PURE__ */ jsx49("div", { className: "uf-space-y-3", children: depositPrerequisiteBody ?? /* @__PURE__ */ jsxs44(Fragment10, { children: [
21761
+ /* @__PURE__ */ jsx49(
21762
+ TransferCryptoButton,
21763
+ {
21764
+ onClick: () => setView("transfer"),
21765
+ title: t6.transferCrypto.title,
21766
+ subtitle: t6.transferCrypto.subtitle,
21767
+ featuredTokens: projectConfig?.transfer_crypto.networks
21768
+ }
21769
+ ),
21770
+ enableConnectWallet && !isMobileView && /* @__PURE__ */ jsx49(
21771
+ BrowserWalletButton,
21772
+ {
21773
+ onClick: handleBrowserWalletClick,
21774
+ onConnectClick: handleWalletConnectClick,
21775
+ onDisconnect: handleWalletDisconnect,
21776
+ chainType: browserWalletChainType,
21777
+ publishableKey
21778
+ }
21779
+ ),
21780
+ /* @__PURE__ */ jsx49(
21781
+ DepositWithCardButton,
21782
+ {
21783
+ onClick: () => setView("card"),
21784
+ title: t6.depositWithCard.title,
21785
+ subtitle: t6.depositWithCard.subtitle,
21786
+ paymentNetworks: projectConfig?.payment_networks.networks
21787
+ }
21788
+ ),
21789
+ showPayWithExchange && /* @__PURE__ */ jsx49(
21790
+ PayWithExchangeButton,
21791
+ {
21792
+ onClick: () => setView("exchange"),
21793
+ title: t6.payWithExchange.title,
21794
+ subtitle: t6.payWithExchange.subtitle,
21795
+ exchanges,
21796
+ loading: exchangesLoading
21797
+ }
21798
+ ),
21799
+ !hideDepositTracker && /* @__PURE__ */ jsx49(
21800
+ DepositTrackerButton,
21801
+ {
21802
+ onClick: () => {
21803
+ setAllExecutions(depositExecutions);
21804
+ setView("tracker");
21805
+ },
21806
+ title: "Deposit Tracker",
21807
+ subtitle: "Track your deposit progress",
21808
+ badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
21809
+ }
21810
+ )
21811
+ ] }) }),
21812
+ depositPoweredByFooter
21813
+ ] })
21814
+ ] }) : view === "transfer" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
21815
+ /* @__PURE__ */ jsx49(
21702
21816
  DepositHeader,
21703
21817
  {
21704
21818
  title: t6.transferCrypto.title,
@@ -21714,39 +21828,42 @@ function DepositModal({
21714
21828
  publishableKey
21715
21829
  }
21716
21830
  ),
21717
- standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx48("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ jsx48(
21718
- TransferCryptoSingleInput,
21719
- {
21720
- userId,
21721
- publishableKey,
21722
- recipientAddress,
21723
- destinationChainType,
21724
- destinationChainId,
21725
- destinationTokenAddress,
21726
- depositConfirmationMode,
21727
- onExecutionsChange: setDepositExecutions,
21728
- onDepositSuccess,
21729
- onDepositError,
21730
- wallets
21731
- }
21732
- ) : /* @__PURE__ */ jsx48(
21733
- TransferCryptoDoubleInput,
21734
- {
21735
- userId,
21736
- publishableKey,
21737
- recipientAddress,
21738
- destinationChainType,
21739
- destinationChainId,
21740
- destinationTokenAddress,
21741
- depositConfirmationMode,
21742
- onExecutionsChange: setDepositExecutions,
21743
- onDepositSuccess,
21744
- onDepositError,
21745
- wallets
21746
- }
21747
- )
21748
- ] }) : view === "tracker" ? /* @__PURE__ */ jsxs43(Fragment11, { children: [
21749
- /* @__PURE__ */ jsx48(
21831
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
21832
+ standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx49("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ jsx49(
21833
+ TransferCryptoSingleInput,
21834
+ {
21835
+ userId,
21836
+ publishableKey,
21837
+ recipientAddress,
21838
+ destinationChainType,
21839
+ destinationChainId,
21840
+ destinationTokenAddress,
21841
+ depositConfirmationMode,
21842
+ onExecutionsChange: setDepositExecutions,
21843
+ onDepositSuccess,
21844
+ onDepositError,
21845
+ wallets
21846
+ }
21847
+ ) : /* @__PURE__ */ jsx49(
21848
+ TransferCryptoDoubleInput,
21849
+ {
21850
+ userId,
21851
+ publishableKey,
21852
+ recipientAddress,
21853
+ destinationChainType,
21854
+ destinationChainId,
21855
+ destinationTokenAddress,
21856
+ depositConfirmationMode,
21857
+ onExecutionsChange: setDepositExecutions,
21858
+ onDepositSuccess,
21859
+ onDepositError,
21860
+ wallets
21861
+ }
21862
+ ),
21863
+ depositPoweredByFooter
21864
+ ] })
21865
+ ] }) : view === "tracker" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
21866
+ /* @__PURE__ */ jsx49(
21750
21867
  DepositHeader,
21751
21868
  {
21752
21869
  title: selectedExecution ? "Deposit Details" : "Deposit Tracker",
@@ -21755,23 +21872,26 @@ function DepositModal({
21755
21872
  onClose: handleClose
21756
21873
  }
21757
21874
  ),
21758
- /* @__PURE__ */ jsx48("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx48(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx48("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx48("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx48(
21759
- "div",
21760
- {
21761
- className: "uf-text-sm",
21762
- style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
21763
- children: "No deposits yet"
21764
- }
21765
- ) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx48(
21766
- DepositExecutionItem,
21767
- {
21768
- execution,
21769
- onClick: () => setSelectedExecution(execution)
21770
- },
21771
- execution.id
21772
- )) }) })
21773
- ] }) : view === "card" ? /* @__PURE__ */ jsxs43(Fragment11, { children: [
21774
- /* @__PURE__ */ jsx48(
21875
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
21876
+ /* @__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(
21877
+ "div",
21878
+ {
21879
+ className: "uf-text-sm",
21880
+ style: { color: components.container.subtitleColor, fontFamily: fonts.regular },
21881
+ children: "No deposits yet"
21882
+ }
21883
+ ) }) : allExecutions.map((execution) => /* @__PURE__ */ jsx49(
21884
+ DepositExecutionItem,
21885
+ {
21886
+ execution,
21887
+ onClick: () => setSelectedExecution(execution)
21888
+ },
21889
+ execution.id
21890
+ )) }) }),
21891
+ depositPoweredByFooter
21892
+ ] })
21893
+ ] }) : view === "card" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
21894
+ /* @__PURE__ */ jsx49(
21775
21895
  DepositHeader,
21776
21896
  {
21777
21897
  title: cardView === "quotes" ? t6.quotes : t6.depositWithCard.title,
@@ -21788,27 +21908,30 @@ function DepositModal({
21788
21908
  publishableKey
21789
21909
  }
21790
21910
  ),
21791
- standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx48("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ jsx48(
21792
- BuyWithCard,
21793
- {
21794
- userId,
21795
- publishableKey,
21796
- view: cardView,
21797
- onViewChange: handleCardViewChange,
21798
- destinationTokenSymbol,
21799
- recipientAddress,
21800
- destinationChainType,
21801
- destinationChainId,
21802
- destinationTokenAddress,
21803
- onDepositSuccess,
21804
- onDepositError,
21805
- themeClass,
21806
- wallets,
21807
- assetCdnUrl: projectConfig?.asset_cdn_url
21808
- }
21809
- )
21810
- ] }) : view === "exchange" ? /* @__PURE__ */ jsxs43(Fragment11, { children: [
21811
- /* @__PURE__ */ jsx48(
21911
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
21912
+ standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ jsx49("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : /* @__PURE__ */ jsx49(
21913
+ BuyWithCard,
21914
+ {
21915
+ userId,
21916
+ publishableKey,
21917
+ view: cardView,
21918
+ onViewChange: handleCardViewChange,
21919
+ destinationTokenSymbol,
21920
+ recipientAddress,
21921
+ destinationChainType,
21922
+ destinationChainId,
21923
+ destinationTokenAddress,
21924
+ onDepositSuccess,
21925
+ onDepositError,
21926
+ themeClass,
21927
+ wallets,
21928
+ assetCdnUrl: projectConfig?.asset_cdn_url
21929
+ }
21930
+ ),
21931
+ depositPoweredByFooter
21932
+ ] })
21933
+ ] }) : view === "exchange" ? /* @__PURE__ */ jsxs44(Fragment10, { children: [
21934
+ /* @__PURE__ */ jsx49(
21812
21935
  DepositHeader,
21813
21936
  {
21814
21937
  title: t6.payWithExchange.title,
@@ -21817,29 +21940,32 @@ function DepositModal({
21817
21940
  onClose: handleClose
21818
21941
  }
21819
21942
  ),
21820
- /* @__PURE__ */ jsx48(
21821
- PayWithExchange,
21822
- {
21823
- userId,
21824
- publishableKey,
21825
- exchanges,
21826
- view: exchangeView,
21827
- onViewChange: setExchangeView,
21828
- destinationTokenSymbol,
21829
- recipientAddress,
21830
- destinationChainType,
21831
- destinationChainId,
21832
- destinationTokenAddress,
21833
- onDepositSuccess,
21834
- onDepositError,
21835
- wallets,
21836
- defaultToken: defaultToken ?? null
21837
- }
21838
- )
21943
+ /* @__PURE__ */ jsxs44("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
21944
+ /* @__PURE__ */ jsx49(
21945
+ PayWithExchange,
21946
+ {
21947
+ userId,
21948
+ publishableKey,
21949
+ exchanges,
21950
+ view: exchangeView,
21951
+ onViewChange: setExchangeView,
21952
+ destinationTokenSymbol,
21953
+ recipientAddress,
21954
+ destinationChainType,
21955
+ destinationChainId,
21956
+ destinationTokenAddress,
21957
+ onDepositSuccess,
21958
+ onDepositError,
21959
+ wallets,
21960
+ defaultToken: defaultToken ?? null
21961
+ }
21962
+ ),
21963
+ depositPoweredByFooter
21964
+ ] })
21839
21965
  ] }) : null })
21840
21966
  }
21841
21967
  ),
21842
- /* @__PURE__ */ jsx48(
21968
+ /* @__PURE__ */ jsx49(
21843
21969
  WalletSelectionModal,
21844
21970
  {
21845
21971
  open: walletSelectionModalOpen,
@@ -21849,7 +21975,7 @@ function DepositModal({
21849
21975
  theme: resolvedTheme
21850
21976
  }
21851
21977
  ),
21852
- browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ jsx48(
21978
+ browserWalletInfo && browserWalletInfo.depositWallet && /* @__PURE__ */ jsx49(
21853
21979
  BrowserWalletModal,
21854
21980
  {
21855
21981
  open: browserWalletModalOpen,
@@ -21926,7 +22052,7 @@ var Button = React282.forwardRef(
21926
22052
  }
21927
22053
  return baseStyle;
21928
22054
  }, [variant, components, fonts, style]);
21929
- return /* @__PURE__ */ jsx49(
22055
+ return /* @__PURE__ */ jsx50(
21930
22056
  Comp,
21931
22057
  {
21932
22058
  className: cn(buttonVariants({ variant, size: size4, className })),
@@ -21940,7 +22066,7 @@ var Button = React282.forwardRef(
21940
22066
  Button.displayName = "Button";
21941
22067
 
21942
22068
  // src/provider.tsx
21943
- import { jsx as jsx50, jsxs as jsxs44 } from "react/jsx-runtime";
22069
+ import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
21944
22070
  function UnifoldProvider2({
21945
22071
  children,
21946
22072
  publishableKey,
@@ -22049,7 +22175,7 @@ function UnifoldProvider2({
22049
22175
  }),
22050
22176
  [beginDeposit, closeDeposit, handleDepositSuccess, handleDepositError]
22051
22177
  );
22052
- return /* @__PURE__ */ jsx50(UnifoldProvider, { publishableKey, children: /* @__PURE__ */ jsx50(ConnectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs44(
22178
+ return /* @__PURE__ */ jsx51(UnifoldProvider, { publishableKey, children: /* @__PURE__ */ jsx51(ConnectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs45(
22053
22179
  ThemeProvider,
22054
22180
  {
22055
22181
  mode: resolvedTheme,
@@ -22060,7 +22186,7 @@ function UnifoldProvider2({
22060
22186
  components: config?.components,
22061
22187
  children: [
22062
22188
  children,
22063
- depositConfig && /* @__PURE__ */ jsx50(
22189
+ depositConfig && /* @__PURE__ */ jsx51(
22064
22190
  DepositModal,
22065
22191
  {
22066
22192
  open: isOpen,