@agg-build/ui 4.19.0 → 4.21.0

package/dist/{chunk-47CCGQH6.mjs → chunk-UXLC3FFY.mjs}

@@ -1,8 +1,15 @@
 "use client";
 import {
   ConnectKalshiModal,
-  dispatchAggDepositNotification
-} from "./chunk-ROA5K67W.mjs";
+  DEFAULT_CURRENCY_OPTIONS,
+  ManageBetdexAccountModal,
+  TransferFeeSummary,
+  dispatchAggDepositNotification,
+  mapNetworksToOptions,
+  mergeSelectOptionsUnique,
+  withNetworkIcons,
+  withTokenIcons
+} from "./chunk-CKHECAKV.mjs";
 import {
   BoltIcon,
   Button,
@@ -32,212 +39,16 @@ import {
   formatCompactUsd,
   formatTokenAmount,
   formatUsd,
-  getMotionClassName,
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
 } from "./chunk-XZVGHKMW.mjs";
 
 // src/deposit/index.tsx
-import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";
+import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels10 } from "@agg-build/hooks";
 import { SVM_CHAIN_IDS, useDepositFlow } from "@agg-build/hooks/deposit";
 import { useCallback, useEffect as useEffect3, useMemo, useRef, useState as useState2 } from "react";
 
-// src/shared/constants.ts
-var USDC = {
-  value: "USDC",
-  label: "USDC",
-  iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdc.svg"
-};
-var SUPPORTED_NETWORKS = [
-  {
-    value: "abstract",
-    label: "Abstract",
-    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Abstract.svg",
-    tokens: [USDC]
-  },
-  {
-    value: "arbitrum",
-    label: "Arbitrum One",
-    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Arbitrum.svg",
-    tokens: [USDC]
-  },
-  {
-    value: "base",
-    label: "Base",
-    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Base.svg",
-    tokens: [USDC]
-  },
-  {
-    value: "bnb",
-    label: "BNB Chain",
-    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/BNB.svg",
-    tokens: [USDC]
-  },
-  {
-    value: "flow",
-    label: "Flow",
-    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Flow.svg",
-    tokens: [USDC]
-  },
-  {
-    value: "hyperliquid",
-    label: "Hyperliquid",
-    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/hyperliquid.png",
-    tokens: [USDC]
-  },
-  {
-    value: "mainnet",
-    label: "Ethereum",
-    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/ETH.svg",
-    tokens: [USDC]
-  },
-  {
-    value: "optimism",
-    label: "Optimism",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/optimism/colored.svg",
-    tokens: [USDC]
-  },
-  {
-    value: "polygon",
-    label: "Polygon Mainnet",
-    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Polygon.svg",
-    tokens: [USDC]
-  },
-  {
-    value: "solana",
-    label: "Solana",
-    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Solana.svg",
-    tokens: [USDC]
-  },
-  {
-    value: "zksync",
-    label: "zkSync Era",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/zksync/colored.svg",
-    tokens: [USDC]
-  }
-];
-var mapNetworksToOptions = () => {
-  return SUPPORTED_NETWORKS.map((n) => ({
-    value: n.value,
-    label: n.label,
-    iconUrl: n.iconUrl
-  }));
-};
-var USDC_ICON_URL = "https://assets.snagsolutions.io/public/web/icons/usdc.svg";
-var DEFAULT_CURRENCY_OPTIONS = [
-  {
-    value: "USDC",
-    label: "USDC",
-    iconUrl: USDC_ICON_URL
-  },
-  {
-    value: "USDC.e",
-    label: "USDC.e",
-    iconUrl: USDC_ICON_URL
-  },
-  {
-    value: "USDH",
-    label: "USDH",
-    iconUrl: USDC_ICON_URL
-  },
-  {
-    value: "pUSD",
-    label: "pUSD",
-    iconUrl: USDC_ICON_URL
-  },
-  {
-    value: "USDT",
-    label: "USDT",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdt.svg"
-  },
-  {
-    value: "USDT",
-    label: "USDT",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdt.svg"
-  },
-  // Add commonly-used tokens with icons. These can be overridden by props.
-  {
-    value: "ARB",
-    label: "ARB",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/arb.svg"
-  },
-  {
-    value: "BNB",
-    label: "BNB",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/bnb.svg"
-  },
-  {
-    value: "BTC",
-    label: "BTC",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/btc.svg"
-  },
-  {
-    value: "MATIC",
-    label: "MATIC",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/matic.svg"
-  },
-  {
-    value: "ETH",
-    label: "ETH",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/eth.svg"
-  },
-  {
-    value: "SOL",
-    label: "SOL",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/sol.svg"
-  },
-  {
-    value: "OP",
-    label: "OP",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/op.svg"
-  }
-];
-var withTokenIcons = (options) => {
-  const byValue = new Map(DEFAULT_CURRENCY_OPTIONS.map((o) => [o.value, o.iconUrl]));
-  return options.map((o) => o.iconUrl ? o : __spreadProps(__spreadValues({}, o), { iconUrl: byValue.get(o.value) }));
-};
-var CHAIN_ID_TO_SLUG = {
-  "1": "mainnet",
-  "10": "optimism",
-  "56": "bnb",
-  "137": "polygon",
-  "324": "zksync",
-  "747": "flow",
-  "1337": "hyperliquid",
-  "8453": "base",
-  "42161": "arbitrum",
-  "2741": "abstract",
-  "792703809": "solana"
-};
-var withNetworkIcons = (options) => {
-  const bySlug = new Map(SUPPORTED_NETWORKS.map((n) => [n.value, n.iconUrl]));
-  return options.map((o) => {
-    var _a, _b;
-    const slug = (_a = CHAIN_ID_TO_SLUG[o.value]) != null ? _a : o.value;
-    return __spreadProps(__spreadValues({}, o), {
-      iconUrl: (_b = o.iconUrl) != null ? _b : bySlug.get(slug)
-    });
-  });
-};
-var mergeSelectOptionsUnique = (base, fill) => {
-  const seen = /* @__PURE__ */ new Set();
-  const out = [];
-  for (const opt of base != null ? base : []) {
-    if (!seen.has(opt.value)) {
-      out.push(opt);
-      seen.add(opt.value);
-    }
-  }
-  for (const opt of fill) {
-    if (!seen.has(opt.value)) {
-      out.push(opt);
-      seen.add(opt.value);
-    }
-  }
-  return out;
-};
-
 // src/deposit/deposit-modal.constants.ts
 var BASE_URL = "https://assets.snagsolutions.io";
 var CARD_NETWORK_OPTIONS = [
@@ -625,94 +436,25 @@ var CardPurchaseSuccessStep = ({
 };
 
 // src/deposit/steps/crypto-transfer.tsx
-import { useLabels as useLabels6, useWithdrawEstimate } from "@agg-build/hooks";
-
-// src/shared/transfer-fee-summary.tsx
-import { useLabels as useLabels5 } from "@agg-build/hooks";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var separator = /* @__PURE__ */ jsx5("span", { className: "text-agg-muted-foreground", "aria-hidden": "true", children: "\xB7" });
-var normalizeFeeLabel = (label) => label.replace(/\s*~\s*$/, "");
-var TransferFeeSummary = ({
-  estimate,
-  view,
-  minDeposit,
-  eta
-}) => {
-  const labels = useLabels5();
-  if (!estimate) return null;
-  if (view === "deposit") {
-    return /* @__PURE__ */ jsxs5("p", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
-      minDeposit ? /* @__PURE__ */ jsxs5("span", { children: [
-        labels.deposit.sendCrypto.minDepositPrefix,
-        " ",
-        minDeposit
-      ] }) : null,
-      minDeposit ? separator : null,
-      /* @__PURE__ */ jsxs5("span", { children: [
-        normalizeFeeLabel(labels.deposit.walletFlow.feePrefix),
-        ": ",
-        estimate.estimatedFees
-      ] }),
-      eta ? separator : null,
-      eta ? /* @__PURE__ */ jsx5("span", { children: eta }) : null
-    ] });
-  }
-  return /* @__PURE__ */ jsxs5("div", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
-    /* @__PURE__ */ jsxs5("span", { children: [
-      labels.withdraw.walletFlow.estimatedFees,
-      ": ",
-      estimate.estimatedFees
-    ] }),
-    separator,
-    /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1", children: [
-      /* @__PURE__ */ jsxs5("span", { children: [
-        labels.withdraw.walletFlow.networkReserve,
-        ": ",
-        estimate.networkReserve
-      ] }),
-      /* @__PURE__ */ jsx5(
-        Tooltip,
-        {
-          "aria-label": labels.withdraw.walletFlow.networkReserveTooltipAria,
-          size: "medium",
-          content: /* @__PURE__ */ jsxs5("div", { className: "text-center", children: [
-            /* @__PURE__ */ jsx5("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineOne }),
-            /* @__PURE__ */ jsx5("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineTwo })
-          ] }),
-          classNames: {
-            content: "min-w-96 max-w-none!",
-            arrow: "[&_polygon]:fill-agg-background",
-            icon: "text-agg-foreground! h-3! w-3!"
-          }
-        }
-      )
-    ] }),
-    separator,
-    /* @__PURE__ */ jsxs5("span", { children: [
-      labels.withdraw.walletFlow.youReceive,
-      ": ",
-      estimate.youReceive
-    ] })
-  ] });
-};
+import { useLabels as useLabels5, useWithdrawEstimate } from "@agg-build/hooks";
 
 // src/deposit/components/DepositQRCode.tsx
 import { QRCodeSVG } from "qrcode.react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function DepositQRCode({
   depositAddress,
   networkLogoUrl,
   networkLogo,
   size = 160
 }) {
-  const logoOverlay = networkLogo ? /* @__PURE__ */ jsx6(
+  const logoOverlay = networkLogo ? /* @__PURE__ */ jsx5(
     "div",
     {
       className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-sm",
       style: { width: 32, height: 32, backgroundColor: "#FFFFFF", padding: 2 },
       children: networkLogo
     }
-  ) : networkLogoUrl ? /* @__PURE__ */ jsx6(
+  ) : networkLogoUrl ? /* @__PURE__ */ jsx5(
     "img",
     {
       src: networkLogoUrl,
@@ -723,7 +465,7 @@ function DepositQRCode({
       style: { backgroundColor: "#FFFFFF", padding: 2 }
     }
   ) : null;
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       className: "inline-flex items-center justify-center rounded-xl border",
@@ -732,8 +474,8 @@ function DepositQRCode({
         borderColor: "#E5E7EB",
         backgroundColor: "#FFFFFF"
       },
-      children: /* @__PURE__ */ jsxs6("div", { className: "relative", style: { width: size, height: size }, children: [
-        /* @__PURE__ */ jsx6(QRCodeSVG, { value: depositAddress, size, level: "H" }),
+      children: /* @__PURE__ */ jsxs5("div", { className: "relative", style: { width: size, height: size }, children: [
+        /* @__PURE__ */ jsx5(QRCodeSVG, { value: depositAddress, size, level: "H" }),
         logoOverlay
       ] })
     }
@@ -742,27 +484,27 @@ function DepositQRCode({
 DepositQRCode.displayName = "DepositQRCode";
 
 // src/deposit/steps/crypto-transfer.tsx
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var CryptoAddressLoadingState = () => {
-  const labels = useLabels6();
+  const labels = useLabels5();
   const sendCryptoLabels = labels.deposit.sendCrypto;
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: "flex w-full flex-col items-center justify-center gap-6 py-10 text-center text-agg-foreground",
       role: "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(
           "span",
           {
             className: "h-9 w-9 animate-spin rounded-full border-2 border-agg-primary/25 border-t-agg-primary",
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsxs7("div", { className: "flex w-full flex-col items-center gap-2", children: [
-          /* @__PURE__ */ jsx7("p", { className: "text-agg-base font-agg-bold leading-agg-6", children: sendCryptoLabels.addressLoadingTitle }),
-          /* @__PURE__ */ jsx7("p", { className: "max-w-[300px] text-agg-sm leading-agg-5", children: sendCryptoLabels.addressLoadingDescription })
+        /* @__PURE__ */ jsxs6("div", { className: "flex w-full flex-col items-center gap-2", children: [
+          /* @__PURE__ */ jsx6("p", { className: "text-agg-base font-agg-bold leading-agg-6", children: sendCryptoLabels.addressLoadingTitle }),
+          /* @__PURE__ */ jsx6("p", { className: "max-w-[300px] text-agg-sm leading-agg-5", children: sendCryptoLabels.addressLoadingDescription })
         ] })
       ]
     }
@@ -789,7 +531,7 @@ var CryptoTransferStep = ({
   onDone
 }) => {
   var _a;
-  const labels = useLabels6();
+  const labels = useLabels5();
   const selectedNetworkOption = networkOptions.find((n) => n.value === selectedNetwork);
   const networkLogoUrl = (_a = selectedNetworkOption == null ? void 0 : selectedNetworkOption.iconUrl) != null ? _a : "";
   const networkLogo = selectedNetworkOption == null ? void 0 : selectedNetworkOption.icon;
@@ -798,29 +540,29 @@ var CryptoTransferStep = ({
     selectedToken,
     selectedNetwork
   });
-  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
-    /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
+    /* @__PURE__ */ jsx6(
       Modal.Header,
       {
         title: labels.deposit.sendCrypto.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx7(
+        leftElement: /* @__PURE__ */ jsx6(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ jsx7(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ jsx6(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx7(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-7", children: [
-      /* @__PURE__ */ jsx7("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ jsxs7("div", { className: "flex gap-5", children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ jsx7("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
-          /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx6(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ jsx6("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ jsxs6("div", { className: "flex gap-5", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx6("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
+          /* @__PURE__ */ jsx6(
             Select,
             {
               items: tokenOptions,
@@ -830,9 +572,9 @@ var CryptoTransferStep = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ jsx7("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
-          /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx6("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
+          /* @__PURE__ */ jsx6(
             Select,
             {
               items: networkOptions,
@@ -843,7 +585,7 @@ var CryptoTransferStep = ({
           )
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx7("div", { className: "mx-auto", children: isLoadingAddress ? /* @__PURE__ */ jsx7(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ jsx7("div", { className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary", children: /* @__PURE__ */ jsx7("p", { className: "agg-type-label text-center text-agg-error px-3", children: addressError }) }) : /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx6("div", { className: "mx-auto", children: isLoadingAddress ? /* @__PURE__ */ jsx6(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ jsx6("div", { className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary", children: /* @__PURE__ */ jsx6("p", { className: "agg-type-label text-center text-agg-error px-3", children: addressError }) }) : /* @__PURE__ */ jsx6(
         DepositQRCode,
         {
           depositAddress,
@@ -851,11 +593,11 @@ var CryptoTransferStep = ({
           networkLogo
         }
       ) }),
-      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsx7("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
-          isLoadingAddress ? /* @__PURE__ */ jsx7("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ jsx7("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
-          /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx6("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
+          isLoadingAddress ? /* @__PURE__ */ jsx6("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ jsx6("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
+          /* @__PURE__ */ jsx6(
             CopyButton,
             {
               value: depositAddress,
@@ -867,7 +609,7 @@ var CryptoTransferStep = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6(
           TransferFeeSummary,
           {
             estimate: transferFeeEstimate,
@@ -877,11 +619,11 @@ var CryptoTransferStep = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
-        /* @__PURE__ */ jsx7(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
-        /* @__PURE__ */ jsx7("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
+        /* @__PURE__ */ jsx6(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
+        /* @__PURE__ */ jsx6("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
       ] }),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx6(
         Button,
         {
           variant: "secondary",
@@ -896,8 +638,8 @@ var CryptoTransferStep = ({
 };
 
 // src/deposit/steps/deposit-method.tsx
-import { useLabels as useLabels7 } from "@agg-build/hooks";
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useLabels as useLabels6 } from "@agg-build/hooks";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var DepositMethodCard = ({
   icon,
   title,
@@ -906,7 +648,7 @@ var DepositMethodCard = ({
   highlighted = false,
   disabled = false,
   onContinue
-}) => /* @__PURE__ */ jsxs8(
+}) => /* @__PURE__ */ jsxs7(
   "div",
   {
     className: cn(
@@ -928,13 +670,13 @@ var DepositMethodCard = ({
       }
     },
     children: [
-      /* @__PURE__ */ jsx8("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx8("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ jsx8("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      /* @__PURE__ */ jsx7("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx7("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ jsx7("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
       ] }),
-      value ? /* @__PURE__ */ jsx8("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
-      /* @__PURE__ */ jsx8("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx8(ChevronRightIcon, { className: "h-5 w-5" }) })
+      value ? /* @__PURE__ */ jsx7("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
+      /* @__PURE__ */ jsx7("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx7(ChevronRightIcon, { className: "h-5 w-5" }) })
     ]
   }
 );
@@ -949,32 +691,32 @@ var DepositMethodStep = ({
   depositAddressesReady = true,
   onSelectMethod
 }) => {
-  const labels = useLabels7();
-  return /* @__PURE__ */ jsxs8(Fragment4, { children: [
-    /* @__PURE__ */ jsx8(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
-    /* @__PURE__ */ jsx8(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ jsxs8("p", { className: "agg-type-body text-agg-foreground", children: [
+  const labels = useLabels6();
+  return /* @__PURE__ */ jsxs7(Fragment4, { children: [
+    /* @__PURE__ */ jsx7(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
+    /* @__PURE__ */ jsx7(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs7("p", { className: "agg-type-body text-agg-foreground", children: [
         labels.deposit.balancePrefix,
         " ",
         formatCompactUsd(balance)
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-4", children: [
-        showWalletMethod ? /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-4", children: [
+        showWalletMethod ? /* @__PURE__ */ jsx7(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ jsx8(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            icon: /* @__PURE__ */ jsx7(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
             title: labels.deposit.methods.walletTitle(walletLabel),
             description: labels.deposit.methods.walletDescription,
-            value: isWalletBalanceLoading ? /* @__PURE__ */ jsx8(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, walletToken),
+            value: isWalletBalanceLoading ? /* @__PURE__ */ jsx7(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, walletToken),
             highlighted: highlightedMethod === "wallet",
             disabled: !depositAddressesReady,
             onContinue: () => onSelectMethod("wallet")
           }
         ) : null,
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx7(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ jsx8(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            icon: /* @__PURE__ */ jsx7(BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
             title: labels.deposit.methods.cryptoTitle,
             description: labels.deposit.methods.cryptoDescription,
             highlighted: highlightedMethod === "crypto",
@@ -982,10 +724,10 @@ var DepositMethodStep = ({
             onContinue: () => onSelectMethod("crypto")
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx7(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ jsx8(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            icon: /* @__PURE__ */ jsx7(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
             title: labels.deposit.methods.cardTitle,
             description: labels.deposit.methods.cardDescription,
             highlighted: highlightedMethod === "card",
@@ -998,8 +740,8 @@ var DepositMethodStep = ({
 };
 
 // src/deposit/steps/wallet-form.tsx
-import { useLabels as useLabels8 } from "@agg-build/hooks";
-import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useLabels as useLabels7 } from "@agg-build/hooks";
+import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var WalletFormStep = ({
   walletLabel,
   walletBalance,
@@ -1022,40 +764,40 @@ var WalletFormStep = ({
   onMax,
   onConfirm
 }) => {
-  const labels = useLabels8();
+  const labels = useLabels7();
   const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount) > 0 && Number(amount) <= walletBalance;
-  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
+    /* @__PURE__ */ jsx8(
       Modal.Header,
       {
         title: labels.deposit.walletFlow.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx9(
+        leftElement: /* @__PURE__ */ jsx8(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ jsx9(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ jsx8(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx9(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-7", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx9("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
-        /* @__PURE__ */ jsxs9("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__PURE__ */ jsx8(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx8("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
+        /* @__PURE__ */ jsxs8("p", { className: "agg-type-label text-agg-muted-foreground", children: [
           labels.deposit.balanceLabel,
           " ",
-          isBalanceLoading ? /* @__PURE__ */ jsx9(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, selectedToken)
+          isBalanceLoading ? /* @__PURE__ */ jsx8(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, selectedToken)
         ] })
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "flex gap-5", children: [
-          /* @__PURE__ */ jsxs9("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx9("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
-            /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "flex gap-5", children: [
+          /* @__PURE__ */ jsxs8("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx8("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
+            /* @__PURE__ */ jsx8(
               Select,
               {
                 items: tokenOptions,
@@ -1065,9 +807,9 @@ var WalletFormStep = ({
               }
             )
           ] }),
-          networkOptions.length >= 1 ? /* @__PURE__ */ jsxs9("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx9("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
-            /* @__PURE__ */ jsx9(
+          networkOptions.length >= 1 ? /* @__PURE__ */ jsxs8("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx8("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
+            /* @__PURE__ */ jsx8(
               Select,
               {
                 items: networkOptions,
@@ -1078,9 +820,9 @@ var WalletFormStep = ({
             )
           ] }) : null
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx9("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
-          /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx8("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
+          /* @__PURE__ */ jsxs8(
             "div",
             {
               className: cn(
@@ -1089,7 +831,7 @@ var WalletFormStep = ({
                 "h-10 px-3"
               ),
               children: [
-                /* @__PURE__ */ jsx9(
+                /* @__PURE__ */ jsx8(
                   "input",
                   {
                     type: "text",
@@ -1101,7 +843,7 @@ var WalletFormStep = ({
                     onChange: (event) => onAmountChange(event.target.value)
                   }
                 ),
-                /* @__PURE__ */ jsx9(
+                /* @__PURE__ */ jsx8(
                   "button",
                   {
                     type: "button",
@@ -1115,8 +857,8 @@ var WalletFormStep = ({
             }
           )
         ] }),
-        estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ jsx9("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null,
-        formErrorMessage ? /* @__PURE__ */ jsxs9(
+        estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ jsx8("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null,
+        formErrorMessage ? /* @__PURE__ */ jsxs8(
           "div",
           {
             className: cn(
@@ -1124,13 +866,13 @@ var WalletFormStep = ({
               formErrorTone === "warning" ? "text-agg-warning" : "text-agg-error"
             ),
             children: [
-              /* @__PURE__ */ jsx9(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
-              /* @__PURE__ */ jsx9("p", { className: "agg-type-label", children: formErrorMessage })
+              /* @__PURE__ */ jsx8(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
+              /* @__PURE__ */ jsx8("p", { className: "agg-type-label", children: formErrorMessage })
             ]
           }
         ) : null
       ] }),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx8(
         Button,
         {
           variant: isConfirmEnabled ? "primary" : "secondary",
@@ -1148,29 +890,29 @@ var WalletFormStep = ({
 };
 
 // src/deposit/steps/wallet-processing.tsx
-import { useLabels as useLabels9 } from "@agg-build/hooks";
+import { useLabels as useLabels8 } from "@agg-build/hooks";
 import { useEffect as useEffect2 } from "react";
-import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var WalletProcessingStep = ({
   steps,
   errorMessage,
   onComplete
 }) => {
-  const labels = useLabels9();
+  const labels = useLabels8();
   useEffect2(() => {
     const allDone = steps.length > 0 && steps.every((s) => s.status === "complete");
     if (allDone) {
       onComplete();
     }
   }, [steps, onComplete]);
-  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
-    /* @__PURE__ */ jsx10(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
-    /* @__PURE__ */ jsx10(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-5", children: [
+  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
+    /* @__PURE__ */ jsx9(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
+    /* @__PURE__ */ jsx9(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-5", children: [
       steps.map((step) => {
         const isComplete = step.status === "complete";
         const isActive = step.status === "active";
-        return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3", children: [
-          isComplete ? /* @__PURE__ */ jsx10(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3", children: [
+          isComplete ? /* @__PURE__ */ jsx9(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ jsx9(
             "span",
             {
               className: [
@@ -1180,7 +922,7 @@ var WalletProcessingStep = ({
               ].join(" ")
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx9(
             "p",
             {
               className: isComplete || isActive ? "agg-type-body text-agg-foreground" : "agg-type-body text-agg-muted-foreground",
@@ -1189,60 +931,60 @@ var WalletProcessingStep = ({
           )
         ] }, step.id);
       }),
-      errorMessage ? /* @__PURE__ */ jsx10("p", { className: "agg-type-body text-agg-destructive", children: errorMessage }) : null
+      errorMessage ? /* @__PURE__ */ jsx9("p", { className: "agg-type-body text-agg-destructive", children: errorMessage }) : null
     ] }) })
   ] });
 };
 
 // src/deposit/steps/wallet-success.tsx
-import { useLabels as useLabels10 } from "@agg-build/hooks";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
-var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ jsx11("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
-  /* @__PURE__ */ jsx11("p", { className: "agg-type-label text-agg-foreground", children: value })
+import { useLabels as useLabels9 } from "@agg-build/hooks";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ jsx10("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx10("p", { className: "agg-type-label text-agg-foreground", children: value })
 ] });
 var WalletSuccessStep = ({
   summary,
   onDone,
   onClose
 }) => {
-  const labels = useLabels10();
-  return /* @__PURE__ */ jsx11("div", { className: "relative", children: /* @__PURE__ */ jsxs11(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ jsx11(
+  const labels = useLabels9();
+  return /* @__PURE__ */ jsx10("div", { className: "relative", children: /* @__PURE__ */ jsxs10(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ jsx10(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
         onClick: onClose,
         "aria-label": labels.common.close,
-        children: /* @__PURE__ */ jsx11(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ jsx10(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ jsx11("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ jsx11(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ jsx11("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
-        /* @__PURE__ */ jsx11("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
+    /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ jsx10("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ jsx10(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx10("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
+        /* @__PURE__ */ jsx10("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
       ] }),
-      /* @__PURE__ */ jsxs11("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
-        /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsxs10("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ jsx10(
           SummaryRow2,
           {
             label: labels.deposit.summary.amountReceived,
             value: summary.amountReceived
           }
         ),
-        /* @__PURE__ */ jsx11(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
-        /* @__PURE__ */ jsx11(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
-        /* @__PURE__ */ jsx11(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
+        /* @__PURE__ */ jsx10(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ jsx10(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
+        /* @__PURE__ */ jsx10(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
       ] }),
-      /* @__PURE__ */ jsx11(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+      /* @__PURE__ */ jsx10(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
     ] })
   ] }) });
 };
 
 // src/deposit/index.tsx
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var PENDING_CARD_SESSION_KEY = "agg-pending-card-session";
 var DEFAULT_WALLET_CHAIN_ID = "1";
 var DEFAULT_WALLET_TOKEN = "USDC";
@@ -1292,7 +1034,7 @@ function isControlledDepositModalProps(props) {
 }
 function DepositModalSelfDriven({ open, onOpenChange }) {
   const depositProps = useDepositFlow({ open, onOpenChange });
-  return /* @__PURE__ */ jsx12(DepositModalControlled, __spreadValues({}, depositProps));
+  return /* @__PURE__ */ jsx11(DepositModalControlled, __spreadValues({}, depositProps));
 }
 function DepositModalControlled({
   open,
@@ -1328,7 +1070,7 @@ function DepositModalControlled({
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { isWeb3User } = useAggAuthState();
   const { walletActions } = useAggUiConfig();
-  const labels = useLabels11();
+  const labels = useLabels10();
   const defaultMethod = isWeb3User ? "wallet" : "crypto";
   const [step, setStep] = useState2(
     () => pendingCardPurchaseSummary ? "card-success" : "method"
@@ -1612,8 +1354,8 @@ function DepositModalControlled({
     onOpenChange(isOpen);
   };
   const depositModalMaxWidth = step === "method" ? "600px" : "480px";
-  return /* @__PURE__ */ jsx12(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs12(Modal.Container, { maxWidth: depositModalMaxWidth, "aria-label": "Deposit", children: [
-    step === "method" ? /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs11(Modal.Container, { maxWidth: depositModalMaxWidth, "aria-label": "Deposit", children: [
+    step === "method" ? /* @__PURE__ */ jsx11(
       DepositMethodStep,
       {
         balance: walletFlow.balance,
@@ -1627,7 +1369,7 @@ function DepositModalControlled({
         onSelectMethod: handleSelectMethod
       }
     ) : null,
-    step === "wallet-form" ? /* @__PURE__ */ jsx12(
+    step === "wallet-form" ? /* @__PURE__ */ jsx11(
       WalletFormStep,
       {
         walletLabel: walletFlow.walletLabel,
@@ -1693,7 +1435,7 @@ function DepositModalControlled({
         })
       }
     ) : null,
-    step === "wallet-processing" ? /* @__PURE__ */ jsx12(
+    step === "wallet-processing" ? /* @__PURE__ */ jsx11(
       WalletProcessingStep,
       {
         steps: processingSteps,
@@ -1701,7 +1443,7 @@ function DepositModalControlled({
         onComplete: () => setStep("wallet-success")
       }
     ) : null,
-    step === "wallet-success" ? /* @__PURE__ */ jsx12(
+    step === "wallet-success" ? /* @__PURE__ */ jsx11(
       WalletSuccessStep,
       {
         summary: resolvedSuccessSummary,
@@ -1709,7 +1451,7 @@ function DepositModalControlled({
         onClose: () => handleOpenChange(false)
       }
     ) : null,
-    step === "card-deposit" && cardFlow ? /* @__PURE__ */ jsx12(
+    step === "card-deposit" && cardFlow ? /* @__PURE__ */ jsx11(
       CardDepositStep,
       {
         amount: cardFlow.amount,
@@ -1727,7 +1469,7 @@ function DepositModalControlled({
         onContinue: handleContinueCardDeposit
       }
     ) : null,
-    step === "card-provider" && cardFlow ? /* @__PURE__ */ jsx12(
+    step === "card-provider" && cardFlow ? /* @__PURE__ */ jsx11(
       CardProviderStep,
       {
         amount: cardFlow.amount,
@@ -1742,7 +1484,7 @@ function DepositModalControlled({
         onRetry: handleRetryQuotes
       }
     ) : null,
-    step === "card-payment-pending" ? /* @__PURE__ */ jsx12(
+    step === "card-payment-pending" ? /* @__PURE__ */ jsx11(
       CardPaymentPendingStep,
       {
         providerName: pendingProviderName,
@@ -1752,7 +1494,7 @@ function DepositModalControlled({
         onChooseAnotherProvider: handleChooseAnotherProvider
       }
     ) : null,
-    step === "card-success" ? /* @__PURE__ */ jsx12(
+    step === "card-success" ? /* @__PURE__ */ jsx11(
       CardPurchaseSuccessStep,
       {
         summary: (_g = pendingCardPurchaseSummary != null ? pendingCardPurchaseSummary : cardFlow == null ? void 0 : cardFlow.purchaseSummary) != null ? _g : {
@@ -1764,7 +1506,7 @@ function DepositModalControlled({
         onDone: handleDoneCardPurchase
       }
     ) : null,
-    step === "crypto-transfer" ? /* @__PURE__ */ jsx12(
+    step === "crypto-transfer" ? /* @__PURE__ */ jsx11(
       CryptoTransferStep,
       {
         tokenOptions: sendTokenOptions,
@@ -1793,696 +1535,15 @@ var ignoreCardChange = (_value) => {
 };
 var DepositModal = (props) => {
   if (!isControlledDepositModalProps(props)) {
-    return /* @__PURE__ */ jsx12(DepositModalSelfDriven, __spreadValues({}, props));
+    return /* @__PURE__ */ jsx11(DepositModalSelfDriven, __spreadValues({}, props));
   }
-  return /* @__PURE__ */ jsx12(DepositModalControlled, __spreadValues({}, props));
+  return /* @__PURE__ */ jsx11(DepositModalControlled, __spreadValues({}, props));
 };
 DepositModal.displayName = "DepositModal";
 
-// src/withdraw/index.tsx
-import { useEffect as useEffect4, useState as useState3 } from "react";
-import { useWithdrawalLifecycle, useWithdrawFlow } from "@agg-build/hooks/withdraw";
-
-// src/withdraw/steps/withdraw-method.tsx
-import { useLabels as useLabels12 } from "@agg-build/hooks";
-import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
-var WithdrawMethodStep = ({
-  balance,
-  onSelectMethod
-}) => {
-  const labels = useLabels12();
-  return /* @__PURE__ */ jsxs13(Fragment7, { children: [
-    /* @__PURE__ */ jsx13(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
-    /* @__PURE__ */ jsx13(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ jsxs13("p", { className: "agg-type-body text-agg-foreground", children: [
-        labels.withdraw.balancePrefix,
-        " ",
-        formatCompactUsd(balance)
-      ] }),
-      /* @__PURE__ */ jsxs13(
-        "div",
-        {
-          className: cn(
-            "flex items-center gap-3 sm:gap-4 rounded-xl border border-agg-separator bg-agg-secondary p-3 sm:p-4",
-            "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
-          ),
-          role: "button",
-          tabIndex: 0,
-          onClick: () => onSelectMethod("wallet"),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-              e.preventDefault();
-              onSelectMethod("wallet");
-            }
-          },
-          children: [
-            /* @__PURE__ */ jsx13("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: /* @__PURE__ */ jsx13(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }) }),
-            /* @__PURE__ */ jsxs13("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx13("p", { className: "agg-type-body-strong text-agg-foreground", children: labels.withdraw.methods.walletTitle }),
-              /* @__PURE__ */ jsx13("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.withdraw.methods.walletDescription })
-            ] }),
-            /* @__PURE__ */ jsx13("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx13(ChevronRightIcon, { className: "h-5 w-5" }) })
-          ]
-        }
-      )
-    ] }) })
-  ] });
-};
-
-// src/withdraw/steps/withdraw-amount.tsx
-import { useLabels as useLabels13, useWithdrawPreview } from "@agg-build/hooks";
-import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
-var formatRawTokenAmount = (rawAmount, decimals) => {
-  if (!rawAmount) return "0";
-  const raw = BigInt(rawAmount);
-  const divisor = BigInt(`1${"0".repeat(decimals)}`);
-  const whole = raw / divisor;
-  const remainder = raw % divisor;
-  if (remainder === BigInt(0)) return whole.toString();
-  return `${whole.toString()}.${remainder.toString().padStart(decimals, "0").replace(/0+$/, "")}`;
-};
-var parseTokenAmountToRaw = (amount, decimals) => {
-  const normalizedAmount = amount.trim();
-  if (!normalizedAmount || !/^\d*(?:\.\d*)?$/.test(normalizedAmount)) return null;
-  const [wholePart = "0", fractionalPart = ""] = normalizedAmount.split(".");
-  if (fractionalPart.length > decimals) return null;
-  const normalizedWhole = wholePart === "" ? "0" : wholePart;
-  const normalizedFraction = fractionalPart.padEnd(decimals, "0");
-  try {
-    return `${BigInt(normalizedWhole)}${normalizedFraction}`.replace(/^0+(?=\d)/, "");
-  } catch (e) {
-    return null;
-  }
-};
-var WithdrawAmountStep = ({
-  amount,
-  destinationWallet,
-  balanceDisplay,
-  tokenOptions,
-  networkOptions,
-  selectedToken,
-  selectedNetwork,
-  destDecimals,
-  isConfirming = false,
-  error,
-  max = false,
-  onBack,
-  onAmountChange,
-  onDestinationChange,
-  onTokenChange,
-  onNetworkChange,
-  onMaxClick,
-  onContinue
-}) => {
-  var _a, _b, _c, _d;
-  const labels = useLabels13();
-  const SOLANA_CHAIN_ID = "792703809";
-  const isSolanaDest = selectedNetwork === SOLANA_CHAIN_ID;
-  const trimmedDestination = destinationWallet.trim();
-  const isValidAddress = isSolanaDest ? /^[1-9A-HJ-NP-Za-km-z]{32,44}$/.test(trimmedDestination) : /^0x[a-fA-F0-9]{40}$/.test(trimmedDestination);
-  const isValid = Number(amount) > 0 && isValidAddress;
-  const amountRaw = amount && Number(amount) > 0 ? parseTokenAmountToRaw(amount, destDecimals) : null;
-  const destinationChainId = Number(selectedNetwork) || null;
-  const preview = useWithdrawPreview({
-    amountRaw,
-    tokenSymbol: selectedToken || null,
-    destinationChainId,
-    destinationAddress: trimmedDestination || null,
-    max
-  });
-  const previewUnviable = ((_a = preview.data) == null ? void 0 : _a.pricingStatus) === "unviable";
-  const previewUnviableMessage = previewUnviable ? ((_b = preview.data) == null ? void 0 : _b.maxDeliverableRaw) != null && BigInt(preview.data.maxDeliverableRaw) > BigInt(0) ? `Amount exceeds your withdrawable balance. Max: ~${formatRawTokenAmount(preview.data.maxDeliverableRaw, destDecimals)} ${selectedToken}` : (_d = (_c = preview.data) == null ? void 0 : _c.unviableReason) != null ? _d : "This amount can't be withdrawn right now." : null;
-  const previewLoading = preview.isFetching;
-  const isDisabled = !isValid || isConfirming || previewUnviable || previewLoading;
-  const withdrawEstimate = preview.data && preview.data.pricingStatus === "quoted" ? {
-    estimatedFees: preview.data.feeRaw != null ? `~${formatRawTokenAmount(preview.data.feeRaw, destDecimals)} ${selectedToken}` : "\u2014",
-    networkReserve: preview.data.networkFeeRaw != null ? `~${formatRawTokenAmount(preview.data.networkFeeRaw, destDecimals)} ${selectedToken}` : "\u2014",
-    youReceive: preview.data.receiveAmountRaw != null ? `~${formatRawTokenAmount(preview.data.receiveAmountRaw, destDecimals)} ${selectedToken}` : "\u2014"
-  } : null;
-  const shouldShowWithdrawEstimate = Boolean(withdrawEstimate);
-  return /* @__PURE__ */ jsxs14(Fragment8, { children: [
-    /* @__PURE__ */ jsx14(
-      Modal.Header,
-      {
-        title: labels.withdraw.walletFlow.title,
-        hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx14(
-          "button",
-          {
-            type: "button",
-            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
-            onClick: onBack,
-            "aria-label": labels.withdraw.back,
-            children: /* @__PURE__ */ jsx14(ChevronLeftIcon, { className: "h-6 w-6" })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx14(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx14("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.recipientAddressLabel }),
-          /* @__PURE__ */ jsx14(
-            "input",
-            {
-              type: "text",
-              "aria-label": labels.withdraw.walletFlow.recipientAddressLabel,
-              className: cn(
-                "agg-type-body w-full h-10 rounded border border-agg-separator bg-agg-secondary px-3 outline-none",
-                "text-agg-foreground placeholder:text-agg-muted-foreground",
-                "focus:border-agg-primary transition-colors"
-              ),
-              placeholder: isSolanaDest ? "FwR3..." : "0x971d...",
-              value: destinationWallet,
-              onChange: (e) => onDestinationChange(e.target.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx14("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.amountLabel }),
-            /* @__PURE__ */ jsxs14("p", { className: "agg-type-label text-agg-muted-foreground", children: [
-              labels.withdraw.balancePrefix,
-              " ",
-              balanceDisplay
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 focus-within:border-agg-primary transition-colors", children: [
-            /* @__PURE__ */ jsx14(
-              "input",
-              {
-                type: "text",
-                inputMode: "decimal",
-                "aria-label": labels.withdraw.walletFlow.amountLabel,
-                className: cn(
-                  "agg-type-body flex-1 min-w-0 bg-transparent outline-none",
-                  Number(amount) > 0 ? "text-agg-foreground" : "text-agg-muted-foreground"
-                ),
-                placeholder: "0.00",
-                value: amount,
-                onChange: (e) => onAmountChange(e.target.value)
-              }
-            ),
-            /* @__PURE__ */ jsx14("span", { className: "agg-type-body text-agg-muted-foreground shrink-0", children: selectedToken }),
-            onMaxClick ? /* @__PURE__ */ jsx14(
-              "button",
-              {
-                type: "button",
-                className: "agg-type-label-strong text-agg-primary hover:opacity-80 transition-opacity cursor-pointer shrink-0",
-                onClick: onMaxClick,
-                children: labels.withdraw.walletFlow.max
-              }
-            ) : null
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-5", children: [
-          /* @__PURE__ */ jsxs14("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx14("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.tokenLabel }),
-            /* @__PURE__ */ jsx14(
-              Select,
-              {
-                items: tokenOptions,
-                value: selectedToken,
-                onChange: onTokenChange,
-                ariaLabel: labels.withdraw.walletFlow.tokenLabel
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx14("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.networkLabel }),
-            /* @__PURE__ */ jsx14(
-              Select,
-              {
-                items: networkOptions,
-                value: selectedNetwork,
-                onChange: onNetworkChange,
-                ariaLabel: labels.withdraw.walletFlow.networkLabel
-              }
-            )
-          ] })
-        ] }),
-        shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ jsx14(TransferFeeSummary, { estimate: withdrawEstimate, view: "withdraw" }) : null,
-        previewUnviableMessage ? /* @__PURE__ */ jsx14("p", { className: "agg-type-label text-agg-error", role: "alert", children: previewUnviableMessage }) : null
-      ] }),
-      /* @__PURE__ */ jsx14(
-        Button,
-        {
-          variant: isValid && !isConfirming && !previewUnviable && !previewLoading ? "primary" : "secondary",
-          size: "large",
-          className: "w-full",
-          disabled: isDisabled,
-          prefix: previewLoading && !isConfirming ? /* @__PURE__ */ jsx14(LoadingIcon, { size: "small", className: "mr-2 text-current" }) : void 0,
-          onClick: onContinue,
-          children: isConfirming ? labels.common.loading : previewLoading ? labels.withdraw.walletFlow.calculatingFees : labels.withdraw.walletFlow.confirm
-        }
-      ),
-      error ? /* @__PURE__ */ jsx14("p", { className: "agg-type-label text-agg-error text-center", role: "alert", children: error }) : null
-    ] }) })
-  ] });
-};
-
-// src/withdraw/steps/withdraw-success.tsx
-import { useLabels as useLabels14, useSdkUiConfig } from "@agg-build/hooks";
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
-var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between gap-4 border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ jsx15("p", { className: "min-w-0 text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
-  /* @__PURE__ */ jsx15("p", { className: "min-w-0 text-right text-[14px] leading-5 text-agg-foreground", children: value })
-] });
-var WithdrawCloseButton = ({ onClose, label }) => /* @__PURE__ */ jsx15(
-  "button",
-  {
-    type: "button",
-    className: "absolute right-8 top-7 flex cursor-pointer items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
-    onClick: onClose,
-    "aria-label": label,
-    children: /* @__PURE__ */ jsx15(CloseIcon, { className: "h-6 w-6" })
-  }
-);
-var LoadingGlyph = ({
-  className,
-  enableAnimations
-}) => /* @__PURE__ */ jsx15(
-  "span",
-  {
-    "aria-hidden": "true",
-    className: cn(
-      "inline-block rounded-full border-2 border-current border-r-transparent",
-      getMotionClassName(enableAnimations, "animate-spin"),
-      className
-    )
-  }
-);
-var loadingActiveIndexFor = (state) => {
-  if (state.status === "transferring") return 2;
-  if (state.status === "bridging") return 1;
-  return 0;
-};
-var getLoadingSteps = (labels) => [
-  { id: "preparing", label: labels.lifecycle.loadingSteps.preparing },
-  { id: "bridging", label: labels.lifecycle.loadingSteps.bridging },
-  { id: "sending", label: labels.lifecycle.loadingSteps.sending },
-  { id: "confirming", label: labels.lifecycle.loadingSteps.confirming }
-];
-var WithdrawLoadingStep = ({
-  lifecycleState,
-  onClose
-}) => {
-  const labels = useLabels14();
-  const {
-    features: { enableAnimations }
-  } = useSdkUiConfig();
-  const walletFlowLabels = labels.withdraw.walletFlow;
-  const activeIndex = loadingActiveIndexFor(lifecycleState);
-  const loadingSteps = getLoadingSteps(walletFlowLabels);
-  return /* @__PURE__ */ jsx15("div", { className: "relative", children: /* @__PURE__ */ jsx15(Modal.Body, { classNames: { root: "px-8 py-7" }, children: /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsx15("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: walletFlowLabels.successTitle }),
-      /* @__PURE__ */ jsx15(
-        "button",
-        {
-          type: "button",
-          className: "flex cursor-pointer items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
-          onClick: onClose,
-          "aria-label": labels.common.close,
-          children: /* @__PURE__ */ jsx15(CloseIcon, { className: "h-6 w-6" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-5", role: "status", "aria-live": "polite", children: loadingSteps.map((step, index) => {
-      const isComplete = index < activeIndex;
-      const isActive = index === activeIndex;
-      const textClassName = isActive || isComplete ? "text-agg-foreground" : "text-agg-muted-foreground";
-      return /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
-        isComplete ? /* @__PURE__ */ jsx15(
-          Icon,
-          {
-            name: "check-circle",
-            size: "small",
-            className: "h-4 w-4 shrink-0 text-agg-primary",
-            "aria-hidden": "true"
-          }
-        ) : null,
-        isActive ? /* @__PURE__ */ jsx15(
-          LoadingGlyph,
-          {
-            enableAnimations,
-            className: "h-4 w-4 shrink-0 text-agg-primary"
-          }
-        ) : null,
-        !isComplete && !isActive ? /* @__PURE__ */ jsx15(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "h-4 w-4 shrink-0 rounded-full border border-agg-separator"
-          }
-        ) : null,
-        /* @__PURE__ */ jsx15("p", { className: cn("min-w-0 flex-1 text-agg-base leading-agg-6", textClassName), children: step.label })
-      ] }, step.id);
-    }) }),
-    /* @__PURE__ */ jsx15("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: walletFlowLabels.loadingDescription })
-  ] }) }) });
-};
-var resultCopyFor = ({
-  status,
-  tokenSymbol,
-  labels
-}) => {
-  if (status === "failed") {
-    return {
-      title: labels.successTitleFailed,
-      description: labels.successDescriptionFailed(tokenSymbol)
-    };
-  }
-  if (status === "partial_success") {
-    return {
-      title: labels.successTitlePartial,
-      description: labels.successDescriptionPartial(tokenSymbol)
-    };
-  }
-  return {
-    title: labels.successTitleCompleted,
-    description: labels.successDescriptionCompleted(tokenSymbol)
-  };
-};
-var WithdrawSuccessStep = ({
-  summary,
-  tokenSymbol,
-  requestedWithdrawal,
-  resultStatus,
-  errorMessage,
-  onDone,
-  onRetry,
-  onClose
-}) => {
-  const labels = useLabels14();
-  const walletFlowLabels = labels.withdraw.walletFlow;
-  const { title, description } = resultCopyFor({
-    status: resultStatus,
-    tokenSymbol,
-    labels: walletFlowLabels
-  });
-  const isFailed = resultStatus === "failed";
-  return /* @__PURE__ */ jsx15("div", { className: "relative", children: /* @__PURE__ */ jsxs15(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
-    /* @__PURE__ */ jsx15(WithdrawCloseButton, { onClose, label: labels.common.close }),
-    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center justify-center gap-8 text-center", children: [
-      /* @__PURE__ */ jsx15(
-        "div",
-        {
-          className: cn(
-            "flex h-[60px] w-[60px] items-center justify-center rounded-full",
-            isFailed ? "bg-agg-error/15" : "bg-agg-success/15"
-          ),
-          "aria-hidden": "true",
-          children: isFailed ? /* @__PURE__ */ jsx15(CloseIcon, { className: "h-6 w-6 text-agg-error" }) : /* @__PURE__ */ jsx15(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" })
-        }
-      ),
-      /* @__PURE__ */ jsxs15("div", { className: "flex w-full flex-col items-center gap-3 text-center text-agg-foreground", children: [
-        /* @__PURE__ */ jsx15("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold", children: title }),
-        /* @__PURE__ */ jsx15(
-          "p",
-          {
-            className: "max-w-[400px] text-agg-base leading-agg-6",
-            "data-withdraw-result-status": resultStatus,
-            children: errorMessage && isFailed ? errorMessage : description
-          }
-        )
-      ] }),
-      !isFailed ? /* @__PURE__ */ jsxs15("div", { className: "flex w-full max-w-[400px] flex-col rounded-agg-lg border border-agg-separator bg-agg-secondary px-3 py-1 text-left", children: [
-        /* @__PURE__ */ jsx15(
-          SummaryRow3,
-          {
-            label: walletFlowLabels.summary.requestedWithdrawal,
-            value: requestedWithdrawal
-          }
-        ),
-        /* @__PURE__ */ jsx15(
-          SummaryRow3,
-          {
-            label: walletFlowLabels.summary.amountReceived,
-            value: summary.amountReceived
-          }
-        ),
-        /* @__PURE__ */ jsx15(SummaryRow3, { label: walletFlowLabels.summary.fees, value: summary.fees }),
-        /* @__PURE__ */ jsx15(SummaryRow3, { label: walletFlowLabels.summary.network, value: summary.network }),
-        /* @__PURE__ */ jsx15(SummaryRow3, { label: walletFlowLabels.summary.toWallet, value: summary.toWallet })
-      ] }) : null,
-      isFailed ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-center gap-3", children: [
-        /* @__PURE__ */ jsx15(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: walletFlowLabels.close }),
-        /* @__PURE__ */ jsx15(Button, { variant: "primary", size: "large", className: "w-[123px]", onClick: onRetry, children: walletFlowLabels.retry })
-      ] }) : /* @__PURE__ */ jsx15(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
-    ] })
-  ] }) });
-};
-
-// src/withdraw/index.tsx
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
-var DEFAULT_TOKEN_DECIMALS = 6;
-var TOKEN_DECIMALS_BY_SYMBOL = {
-  BNB: 18,
-  ETH: 18,
-  MATIC: 18,
-  POL: 18,
-  WETH: 18,
-  USDC: 6,
-  USDT: 6
-};
-var TOKEN_DECIMALS_BY_CHAIN_AND_SYMBOL = {
-  "56": {
-    USDC: 18,
-    USDT: 18
-  }
-};
-var getTokenDecimals = (tokenSymbol, chainId) => {
-  var _a;
-  const normalizedSymbol = tokenSymbol.trim().toUpperCase();
-  const normalizedChainId = chainId == null ? void 0 : chainId.trim();
-  if (normalizedChainId) {
-    const chainDecimals = TOKEN_DECIMALS_BY_CHAIN_AND_SYMBOL[normalizedChainId];
-    const chainTokenDecimals = chainDecimals == null ? void 0 : chainDecimals[normalizedSymbol];
-    if (chainTokenDecimals != null) return chainTokenDecimals;
-  }
-  return (_a = TOKEN_DECIMALS_BY_SYMBOL[normalizedSymbol]) != null ? _a : DEFAULT_TOKEN_DECIMALS;
-};
-var formatRawTokenAmount2 = (rawAmount, decimals) => {
-  const raw = BigInt(rawAmount);
-  const divisor = BigInt(`1${"0".repeat(decimals)}`);
-  const whole = raw / divisor;
-  const remainder = raw % divisor;
-  if (remainder === BigInt(0)) return whole.toString();
-  return `${whole.toString()}.${remainder.toString().padStart(decimals, "0").replace(/0+$/, "")}`;
-};
-var formatLifecycleTokenAmount = ({
-  rawAmount,
-  tokenSymbol,
-  chainId
-}) => `${formatRawTokenAmount2(rawAmount, getTokenDecimals(tokenSymbol, chainId))} ${tokenSymbol}`;
-var buildTerminalSummary = ({
-  fallbackSummary,
-  lifecycleCompletedAmountRaw,
-  lifecycleRequestedAmountRaw,
-  lifecycleFeeRaw,
-  tokenSymbol,
-  chainId
-}) => {
-  if (!lifecycleCompletedAmountRaw) return fallbackSummary;
-  const amountReceived = formatLifecycleTokenAmount({
-    rawAmount: lifecycleCompletedAmountRaw,
-    tokenSymbol,
-    chainId
-  });
-  let feeRaw = lifecycleFeeRaw;
-  if (feeRaw == null && lifecycleRequestedAmountRaw) {
-    try {
-      const r = BigInt(lifecycleRequestedAmountRaw);
-      const c = BigInt(lifecycleCompletedAmountRaw);
-      feeRaw = (r > c ? r - c : BigInt(0)).toString();
-    } catch (e) {
-      feeRaw = null;
-    }
-  }
-  return __spreadValues(__spreadProps(__spreadValues({}, fallbackSummary), {
-    amountReceived
-  }), feeRaw != null ? {
-    fees: formatLifecycleTokenAmount({
-      rawAmount: feeRaw,
-      tokenSymbol,
-      chainId
-    })
-  } : {});
-};
-function isControlledWithdrawModalProps(props) {
-  return "withdrawFlow" in props;
-}
-function WithdrawModalSelfDriven({
-  open,
-  onOpenChange
-}) {
-  const withdrawProps = useWithdrawFlow({ open, onOpenChange });
-  return /* @__PURE__ */ jsx16(WithdrawModalControlled, __spreadValues({}, withdrawProps));
-}
-function WithdrawModalControlled({
-  open,
-  onOpenChange,
-  withdrawFlow,
-  onWithdrawDestinationChange,
-  onWithdrawAmountChange,
-  onWithdrawTokenChange,
-  onWithdrawNetworkChange,
-  onMaxClick,
-  onSelectWithdrawProvider,
-  onDoneWithdraw
-}) {
-  const [flowState, setFlowState] = useState3({
-    status: "form",
-    formStep: "method"
-  });
-  const [isConfirming, setIsConfirming] = useState3(false);
-  const [confirmError, setConfirmError] = useState3(null);
-  const { state: withdrawalLifecycleState, reset: resetWithdrawalLifecycle } = useWithdrawalLifecycle(withdrawFlow.withdrawalId);
-  useEffect4(() => {
-    if (!open) {
-      setFlowState({ status: "form", formStep: "method" });
-      setIsConfirming(false);
-      setConfirmError(null);
-      resetWithdrawalLifecycle();
-    }
-  }, [open, resetWithdrawalLifecycle]);
-  useEffect4(() => {
-    if (flowState.status !== "loading") return;
-    if (!withdrawalLifecycleState.terminal) return;
-    if (withdrawalLifecycleState.status === "completed") {
-      setFlowState({ status: "success" });
-      return;
-    }
-    if (withdrawalLifecycleState.status === "partial") {
-      setFlowState({ status: "partial_success" });
-      return;
-    }
-    if (withdrawalLifecycleState.status === "failed") {
-      setFlowState({
-        status: "failed",
-        errorMessage: withdrawalLifecycleState.errorMessage
-      });
-    }
-  }, [
-    flowState.status,
-    withdrawalLifecycleState.errorMessage,
-    withdrawalLifecycleState.status,
-    withdrawalLifecycleState.terminal
-  ]);
-  const handleOpenChange = (isOpen) => {
-    if (!isOpen) {
-      setFlowState({ status: "form", formStep: "method" });
-      setIsConfirming(false);
-      setConfirmError(null);
-      resetWithdrawalLifecycle();
-    }
-    onOpenChange(isOpen);
-  };
-  const handleBack = () => {
-    setConfirmError(null);
-    setFlowState({ status: "form", formStep: "method" });
-  };
-  const handleRetry = () => {
-    setConfirmError(null);
-    setIsConfirming(false);
-    resetWithdrawalLifecycle();
-    setFlowState({ status: "form", formStep: "withdraw-amount" });
-  };
-  const handleConfirm = () => __async(null, null, function* () {
-    setFlowState({ status: "loading" });
-    setIsConfirming(true);
-    setConfirmError(null);
-    try {
-      yield onSelectWithdrawProvider("wallet");
-    } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Withdrawal failed. Please try again.";
-      setConfirmError(errorMessage);
-      setFlowState({ status: "failed", errorMessage });
-    } finally {
-      setIsConfirming(false);
-    }
-  });
-  const withdrawTokenOptions = withTokenIcons(withdrawFlow.tokenOptions);
-  const withdrawNetworkOptions = withNetworkIcons(withdrawFlow.networkOptions);
-  const requestedWithdrawal = `${withdrawFlow.amount} ${withdrawFlow.selectedToken}`.trim();
-  const modalMaxWidth = flowState.status === "form" && flowState.formStep === "method" ? "600px" : "480px";
-  const resultStatus = flowState.status;
-  const terminalSummary = buildTerminalSummary({
-    fallbackSummary: withdrawFlow.purchaseSummary,
-    lifecycleCompletedAmountRaw: withdrawalLifecycleState.completedAmountRaw,
-    lifecycleRequestedAmountRaw: withdrawalLifecycleState.requestedAmountRaw,
-    lifecycleFeeRaw: withdrawalLifecycleState.feeRaw,
-    tokenSymbol: withdrawFlow.selectedToken,
-    chainId: withdrawFlow.selectedNetwork
-  });
-  return /* @__PURE__ */ jsx16(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs16(Modal.Container, { maxWidth: modalMaxWidth, "aria-label": "Withdraw", children: [
-    flowState.status === "form" && flowState.formStep === "method" ? /* @__PURE__ */ jsx16(
-      WithdrawMethodStep,
-      {
-        balance: withdrawFlow.balance,
-        onSelectMethod: () => setFlowState({ status: "form", formStep: "withdraw-amount" })
-      }
-    ) : null,
-    flowState.status === "form" && flowState.formStep === "withdraw-amount" ? /* @__PURE__ */ jsx16(
-      WithdrawAmountStep,
-      {
-        amount: withdrawFlow.amount,
-        destinationWallet: withdrawFlow.destinationWallet,
-        balanceDisplay: withdrawFlow.balanceDisplay,
-        tokenOptions: withdrawTokenOptions,
-        networkOptions: withdrawNetworkOptions,
-        selectedToken: withdrawFlow.selectedToken,
-        selectedNetwork: withdrawFlow.selectedNetwork,
-        destDecimals: getTokenDecimals(
-          withdrawFlow.selectedToken,
-          withdrawFlow.selectedNetwork
-        ),
-        isConfirming,
-        error: confirmError,
-        max: withdrawFlow.isMax,
-        onBack: handleBack,
-        onAmountChange: onWithdrawAmountChange,
-        onDestinationChange: onWithdrawDestinationChange,
-        onTokenChange: onWithdrawTokenChange,
-        onNetworkChange: onWithdrawNetworkChange,
-        onMaxClick,
-        onContinue: handleConfirm
-      }
-    ) : null,
-    flowState.status === "loading" ? /* @__PURE__ */ jsx16(
-      WithdrawLoadingStep,
-      {
-        lifecycleState: withdrawalLifecycleState,
-        onClose: () => handleOpenChange(false)
-      }
-    ) : null,
-    flowState.status === "success" || flowState.status === "partial_success" || flowState.status === "failed" ? /* @__PURE__ */ jsx16(
-      WithdrawSuccessStep,
-      {
-        summary: terminalSummary,
-        tokenSymbol: withdrawFlow.selectedToken,
-        requestedWithdrawal,
-        resultStatus,
-        errorMessage: flowState.status === "failed" ? flowState.errorMessage : null,
-        onDone: onDoneWithdraw,
-        onRetry: handleRetry,
-        onClose: () => handleOpenChange(false)
-      }
-    ) : null
-  ] }) });
-}
-var WithdrawModal = (props) => {
-  if (isControlledWithdrawModalProps(props)) {
-    return /* @__PURE__ */ jsx16(WithdrawModalControlled, __spreadValues({}, props));
-  }
-  return /* @__PURE__ */ jsx16(WithdrawModalSelfDriven, __spreadValues({}, props));
-};
-WithdrawModal.displayName = "WithdrawModal";
-
 // src/paper-trading/paper-trading-badge.tsx
-import { useLabels as useLabels15, useResolvedExecutionMode } from "@agg-build/hooks";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { useLabels as useLabels11, useResolvedExecutionMode } from "@agg-build/hooks";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var PaperTradingBadge = ({
   placement = "chip",
   isAuthenticated = false,
@@ -2491,7 +1552,7 @@ var PaperTradingBadge = ({
   showWhenAuthenticated = false,
   classNames
 }) => {
-  const labels = useLabels15();
+  const labels = useLabels11();
   const { isPaperMode, isResolving } = useResolvedExecutionMode();
   if (!forceVisible && (isResolving || !isPaperMode)) return null;
   if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) {
@@ -2502,7 +1563,7 @@ var PaperTradingBadge = ({
     chip: "inline-flex",
     signedOut: "hidden md:inline-flex"
   }[placement];
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx12(
     Tooltip,
     {
       content: labels.paperTrading.badgeTooltip,
@@ -2520,13 +1581,13 @@ var PaperTradingBadge = ({
           classNames == null ? void 0 : classNames.tooltip
         )
       },
-      children: /* @__PURE__ */ jsx17(
+      children: /* @__PURE__ */ jsx12(
         "span",
         {
           className: cn("agg-paper-trading-badge items-center", placementClassName, classNames == null ? void 0 : classNames.root),
           "data-testid": "agg-paper-trading-badge",
           "data-placement": placement,
-          children: /* @__PURE__ */ jsx17(
+          children: /* @__PURE__ */ jsx12(
             "span",
             {
               className: cn(
@@ -2554,18 +1615,18 @@ PaperTradingBadge.displayName = "PaperTradingBadge";
 import { useAppConfig, usePaperOnboarding } from "@agg-build/hooks";
 
 // src/paper-trading/paper-onboarding-modal.tsx
-import { useCallback as useCallback2, useMemo as useMemo2, useState as useState4 } from "react";
-import { useLabels as useLabels16 } from "@agg-build/hooks";
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useCallback as useCallback2, useMemo as useMemo2, useState as useState3 } from "react";
+import { useLabels as useLabels12 } from "@agg-build/hooks";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var PaperOnboardingModal = ({
   open,
   onDismiss,
   startingBalanceLabel,
   classNames
 }) => {
-  const labels = useLabels16();
+  const labels = useLabels12();
   const copy = labels.paperTrading.onboarding;
-  const [stepIndex, setStepIndex] = useState4(0);
+  const [stepIndex, setStepIndex] = useState3(0);
   const steps = useMemo2(
     () => [
       {
@@ -2611,7 +1672,7 @@ var PaperOnboardingModal = ({
     },
     [onDismiss]
   );
-  return /* @__PURE__ */ jsx18(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx13(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsx13(
     Modal.Container,
     {
       maxWidth: "480px",
@@ -2629,9 +1690,9 @@ var PaperOnboardingModal = ({
         // Only the radius needs overriding, from the container's default 16.
         container: cn("rounded-agg-xl! md:rounded-agg-xl!", classNames == null ? void 0 : classNames.card)
       },
-      children: /* @__PURE__ */ jsxs17("div", { className: cn("agg-paper-onboarding", "flex w-full flex-col gap-5 p-6"), children: [
-        /* @__PURE__ */ jsxs17("div", { className: "flex w-full items-start justify-center gap-5", children: [
-          /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsxs12("div", { className: cn("agg-paper-onboarding", "flex w-full flex-col gap-5 p-6"), children: [
+        /* @__PURE__ */ jsxs12("div", { className: "flex w-full items-start justify-center gap-5", children: [
+          /* @__PURE__ */ jsx13(
             "div",
             {
               className: cn(
@@ -2639,12 +1700,12 @@ var PaperOnboardingModal = ({
                 "rounded-agg-lg bg-agg-primary/10 text-agg-primary",
                 classNames == null ? void 0 : classNames.icon
               ),
-              children: /* @__PURE__ */ jsx18(Icon, { name: step.icon, className: "!h-6 !w-6", "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx13(Icon, { name: step.icon, className: "!h-6 !w-6", "aria-hidden": "true" })
             }
           ),
-          /* @__PURE__ */ jsxs17("div", { className: "flex min-w-0 flex-1 flex-col gap-2 break-words", children: [
-            /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-1 flex-col gap-2 break-words", children: [
+            /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx13(
                 "p",
                 {
                   className: cn(
@@ -2657,7 +1718,7 @@ var PaperOnboardingModal = ({
                   children: copy.stepEyebrow({ current: stepIndex + 1, total })
                 }
               ),
-              /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx13(
                 "p",
                 {
                   className: cn(
@@ -2668,11 +1729,11 @@ var PaperOnboardingModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx18("p", { className: cn("text-agg-sm leading-agg-5 text-agg-foreground", classNames == null ? void 0 : classNames.body), children: step.body })
+            /* @__PURE__ */ jsx13("p", { className: cn("text-agg-sm leading-agg-5 text-agg-foreground", classNames == null ? void 0 : classNames.body), children: step.body })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs17("div", { className: cn("flex w-full items-center justify-between", classNames == null ? void 0 : classNames.footer), children: [
-          /* @__PURE__ */ jsx18("div", { className: cn("flex items-center gap-1", classNames == null ? void 0 : classNames.dots), "aria-hidden": "true", children: steps.map((dotStep, index) => /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsxs12("div", { className: cn("flex w-full items-center justify-between", classNames == null ? void 0 : classNames.footer), children: [
+          /* @__PURE__ */ jsx13("div", { className: cn("flex items-center gap-1", classNames == null ? void 0 : classNames.dots), "aria-hidden": "true", children: steps.map((dotStep, index) => /* @__PURE__ */ jsx13(
             "span",
             {
               className: cn(
@@ -2682,8 +1743,8 @@ var PaperOnboardingModal = ({
             },
             dotStep.key
           )) }),
-          /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx13(
               Button,
               {
                 variant: "secondary",
@@ -2693,7 +1754,7 @@ var PaperOnboardingModal = ({
                 children: isFirst ? copy.skip : copy.back
               }
             ),
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx13(
               Button,
               {
                 variant: "primary",
@@ -2712,7 +1773,7 @@ var PaperOnboardingModal = ({
 PaperOnboardingModal.displayName = "PaperOnboardingModal";
 
 // src/paper-trading/paper-trading-onboarding.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var FALLBACK_STARTING_BALANCE = 1e4;
 var PaperTradingOnboarding = ({
   classNames
@@ -2720,7 +1781,7 @@ var PaperTradingOnboarding = ({
   const { isOpen, dismiss } = usePaperOnboarding();
   const { paperStartingBalance } = useAppConfig();
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx14(
     PaperOnboardingModal,
     {
       open: true,
@@ -2735,7 +1796,7 @@ var PaperTradingOnboarding = ({
 PaperTradingOnboarding.displayName = "PaperTradingOnboarding";
 
 // src/profile/index.tsx
-import { useState as useState5, useEffect as useEffect5, useCallback as useCallback4, useMemo as useMemo4 } from "react";
+import { useState as useState4, useEffect as useEffect4, useCallback as useCallback4, useMemo as useMemo4 } from "react";
 import { useAggClient, useAggAuthState as useAggAuthState2, useVenueKeyStatus } from "@agg-build/hooks";
 import { Venue } from "@agg-build/sdk";
 
@@ -2755,8 +1816,8 @@ var getProfileTabItems = () => [
 
 // src/profile/tabs/about-tab.tsx
 import { useCallback as useCallback3, useRef as useRef2 } from "react";
-import { useLabels as useLabels17 } from "@agg-build/hooks";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useLabels as useLabels13 } from "@agg-build/hooks";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile: _onDeleteProfile,
@@ -2766,7 +1827,7 @@ var AboutTab = ({
   draftAvatarPreview,
   avatarError: _avatarError
 }) => {
-  const labels = useLabels17();
+  const labels = useLabels13();
   const fileInputRef = useRef2(null);
   const handleAvatarClick = useCallback3(() => {
     var _a;
@@ -2788,8 +1849,8 @@ var AboutTab = ({
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
   const hasAvatarPreview = Boolean(resolvedPreview);
-  return /* @__PURE__ */ jsx20("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ jsxs18("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
-    /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx15("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ jsxs13("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
+    /* @__PURE__ */ jsxs13(
       "button",
       {
         type: "button",
@@ -2806,13 +1867,13 @@ var AboutTab = ({
         ),
         "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
         children: [
-          !hasAvatarPreview ? /* @__PURE__ */ jsx20(
+          !hasAvatarPreview ? /* @__PURE__ */ jsx15(
             "svg",
             {
               "aria-hidden": true,
               viewBox: "0 0 80 80",
               className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-              children: /* @__PURE__ */ jsx20(
+              children: /* @__PURE__ */ jsx15(
                 "circle",
                 {
                   cx: "40",
@@ -2826,18 +1887,18 @@ var AboutTab = ({
               )
             }
           ) : null,
-          resolvedPreview ? /* @__PURE__ */ jsx20(
+          resolvedPreview ? /* @__PURE__ */ jsx15(
             RemoteImage,
             {
               src: resolvedPreview,
               alt: labels.onboarding.profileSetup.profilePreviewAlt,
               className: "h-full w-full object-cover"
             }
-          ) : /* @__PURE__ */ jsx20(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
+          ) : /* @__PURE__ */ jsx15(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx15(
       "input",
       {
         ref: fileInputRef,
@@ -2848,8 +1909,8 @@ var AboutTab = ({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ jsxs18("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
-      /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsxs13("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ jsx15(
         "label",
         {
           htmlFor: "profile-username",
@@ -2857,7 +1918,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx15(
         "input",
         {
           id: "profile-username",
@@ -2884,9 +1945,9 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
-var SectionTitle = ({ children }) => /* @__PURE__ */ jsx21("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx21(
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+var SectionTitle = ({ children }) => /* @__PURE__ */ jsx16("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx16(
   "div",
   {
     className: cn(
@@ -2902,11 +1963,11 @@ var AccountIdentity = ({
   icon,
   label,
   iconClassName
-}) => /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 items-center gap-3", children: [
-  /* @__PURE__ */ jsx21("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ jsx21(Icon, { name: icon, size: "small", color: "currentColor" }) }),
-  /* @__PURE__ */ jsx21("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label })
+}) => /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 items-center gap-3", children: [
+  /* @__PURE__ */ jsx16("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ jsx16(Icon, { name: icon, size: "small", color: "currentColor" }) }),
+  /* @__PURE__ */ jsx16("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label })
 ] });
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx21(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx16(
   "button",
   {
     type: "button",
@@ -2915,7 +1976,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx21(
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx21(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx16(
   "button",
   {
     type: "button",
@@ -2924,7 +1985,7 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx21(
     children: "Disconnect"
   }
 );
-var VerifiedBadge = () => /* @__PURE__ */ jsx21(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
+var VerifiedBadge = () => /* @__PURE__ */ jsx16(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
 var getWalletIconName = (wallet) => {
   const chain = wallet.chain.toLowerCase();
   if (chain === "solana" || chain === "svm") {
@@ -2942,12 +2003,12 @@ var ConnectedAccountRow = ({
   onDisconnect
 }) => {
   const displayLabel = connected ? connectedLabel != null ? connectedLabel : label : label;
-  return /* @__PURE__ */ jsxs19(AccountRow, { className: "agg-social-account-row gap-4", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 items-center gap-3", children: [
-      /* @__PURE__ */ jsx21(AccountIdentity, { icon, label: displayLabel, iconClassName }),
-      connected ? /* @__PURE__ */ jsx21(VerifiedBadge, {}) : null
+  return /* @__PURE__ */ jsxs14(AccountRow, { className: "agg-social-account-row gap-4", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ jsx16(AccountIdentity, { icon, label: displayLabel, iconClassName }),
+      connected ? /* @__PURE__ */ jsx16(VerifiedBadge, {}) : null
     ] }),
-    connected ? /* @__PURE__ */ jsx21(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ jsx21(ConnectTextButton, { onClick: onConnect })
+    connected ? /* @__PURE__ */ jsx16(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ jsx16(ConnectTextButton, { onClick: onConnect })
   ] });
 };
 var AccountsWalletsTab = ({
@@ -2966,11 +2027,11 @@ var AccountsWalletsTab = ({
   const google = socialAccounts == null ? void 0 : socialAccounts.google;
   const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
   const hasEmail = Boolean(email);
-  return /* @__PURE__ */ jsxs19("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx21(SectionTitle, { children: "Connected accounts" }),
-      /* @__PURE__ */ jsxs19("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs14("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx16(SectionTitle, { children: "Connected accounts" }),
+      /* @__PURE__ */ jsxs14("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx16(
           ConnectedAccountRow,
           {
             icon: "google",
@@ -2982,7 +2043,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectGoogle
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx16(
           ConnectedAccountRow,
           {
             icon: "apple",
@@ -2994,7 +2055,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectApple
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx16(
           ConnectedAccountRow,
           {
             icon: "twitter",
@@ -3006,7 +2067,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectTwitter
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx16(
           ConnectedAccountRow,
           {
             icon: "email",
@@ -3019,12 +2080,12 @@ var AccountsWalletsTab = ({
         )
       ] })
     ] }),
-    wallets.length > 0 ? /* @__PURE__ */ jsxs19("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx21(SectionTitle, { children: "Wallets" }),
-      /* @__PURE__ */ jsx21("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
+    wallets.length > 0 ? /* @__PURE__ */ jsxs14("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx16(SectionTitle, { children: "Wallets" }),
+      /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
         var _a;
-        return /* @__PURE__ */ jsx21(AccountRow, { className: "gap-4", children: /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ jsx21(
+        return /* @__PURE__ */ jsx16(AccountRow, { className: "gap-4", children: /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ jsx16(
             AccountIdentity,
             {
               icon: getWalletIconName(wallet),
@@ -3032,7 +2093,7 @@ var AccountsWalletsTab = ({
               label: (_a = wallet.displayAddress) != null ? _a : wallet.address
             }
           ),
-          /* @__PURE__ */ jsx21(VerifiedBadge, {})
+          /* @__PURE__ */ jsx16(VerifiedBadge, {})
         ] }) }, `${wallet.chain}:${wallet.address}`);
       }) })
     ] }) : null
@@ -3046,12 +2107,14 @@ import {
   getVisibleVenuesByConfig,
   useAppConfig as useAppConfig2,
   useGeoBlock,
-  useLabels as useLabels18
+  useLabels as useLabels14
 } from "@agg-build/hooks";
 import { useMemo as useMemo3 } from "react";
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var TRADING_ACCESS_VENUES = [
   "kalshi",
+  "betdex",
+  "tiprun",
   "polymarket",
   "opinion",
   "probable",
@@ -3064,8 +2127,8 @@ var TRADING_ACCESS_VENUES = [
   "pred"
 ];
 var TRADING_ACCESS_VENUE_ITEMS = TRADING_ACCESS_VENUES.map((id) => ({ id }));
-var SectionTitle2 = ({ children }) => /* @__PURE__ */ jsx22("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccessRow = ({ children }) => /* @__PURE__ */ jsx22(
+var SectionTitle2 = ({ children }) => /* @__PURE__ */ jsx17("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccessRow = ({ children }) => /* @__PURE__ */ jsx17(
   "div",
   {
     className: cn(
@@ -3077,52 +2140,69 @@ var AccessRow = ({ children }) => /* @__PURE__ */ jsx22(
   }
 );
 var AvailableStatus = () => {
-  const labels = useLabels18();
-  return /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx22(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
-    /* @__PURE__ */ jsx22("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
+  const labels = useLabels14();
+  return /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx17(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
+    /* @__PURE__ */ jsx17("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
   ] });
 };
 var GeoblockedStatus = () => {
-  const labels = useLabels18();
-  return /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
-    /* @__PURE__ */ jsx22(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
-    /* @__PURE__ */ jsx22("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
+  const labels = useLabels14();
+  return /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
+    /* @__PURE__ */ jsx17(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
+    /* @__PURE__ */ jsx17("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
   ] });
 };
 var TradingAccessTab = ({
   venueAccounts,
   onConnectKalshi,
-  onDisconnectKalshi
+  onDisconnectKalshi,
+  onConfigureBetdex
 }) => {
-  const labels = useLabels18();
+  var _a;
+  const labels = useLabels14();
   const { disabledVenues, isLoading: isAppConfigLoading } = useAppConfig2();
   const { isLocationBlocked } = useGeoBlock();
-  const visibleVenues = useMemo3(
-    () => getVisibleVenuesByConfig(TRADING_ACCESS_VENUE_ITEMS, disabledVenues),
-    [disabledVenues]
-  );
-  return /* @__PURE__ */ jsxs20("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx22(SectionTitle2, { children: labels.trading.tradingAccessVenues }),
-    /* @__PURE__ */ jsx22("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
-      var _a;
+  const hasBetdexAccount = (_a = venueAccounts == null ? void 0 : venueAccounts.some((account) => account.venue === "betdex")) != null ? _a : false;
+  const visibleVenues = useMemo3(() => {
+    const visible = getVisibleVenuesByConfig(TRADING_ACCESS_VENUE_ITEMS, disabledVenues);
+    return TRADING_ACCESS_VENUE_ITEMS.filter(
+      (item) => visible.includes(item) || item.id === "betdex" && hasBetdexAccount
+    );
+  }, [disabledVenues, hasBetdexAccount]);
+  return /* @__PURE__ */ jsxs15("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx17(SectionTitle2, { children: labels.trading.tradingAccessVenues }),
+    /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
+      var _a2;
       const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((account) => account.venue === venue);
       const isKalshi = venue === "kalshi";
+      const isBetdex = venue === "betdex";
+      const canManageBetdex = isBetdex && hasBetdexAccount && !isAppConfigLoading;
       const isConnected = (venueAccount == null ? void 0 : venueAccount.status) === "active";
       const availabilityState = getVenueAvailabilityState({
         venueId: venue,
         disabledVenues,
-        isConfigLoading: isKalshi && isAppConfigLoading,
+        isConfigLoading: (isKalshi || isBetdex) && isAppConfigLoading,
         isLocationBlocked
       });
-      const displayName = (_a = venueLogoLabels[venue]) != null ? _a : venue;
-      if (availabilityState === "hidden") return null;
-      return /* @__PURE__ */ jsxs20(AccessRow, { children: [
-        /* @__PURE__ */ jsxs20("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ jsx22(VenueLogo, { venue, size: "small" }),
-          /* @__PURE__ */ jsx22("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
+      const displayName = (_a2 = venueLogoLabels[venue]) != null ? _a2 : venue;
+      if (availabilityState === "hidden" && !canManageBetdex) return null;
+      return /* @__PURE__ */ jsxs15(AccessRow, { children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ jsx17(VenueLogo, { venue, size: "small" }),
+          /* @__PURE__ */ jsx17("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
         ] }),
-        availabilityState === "geoblocked" ? /* @__PURE__ */ jsx22(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ jsx22(
+        isBetdex && (availabilityState === "available" || canManageBetdex) ? /* @__PURE__ */ jsx17(
+          "button",
+          {
+            type: "button",
+            onClick: onConfigureBetdex,
+            disabled: !onConfigureBetdex,
+            "aria-label": labels.trading.manageBetdexAccount,
+            className: "min-h-11 shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
+            children: labels.trading.configureBetdexAccount
+          }
+        ) : availabilityState === "geoblocked" ? /* @__PURE__ */ jsx17(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
@@ -3131,9 +2211,9 @@ var TradingAccessTab = ({
             className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
             children: labels.trading.tradingAccessAddKalshiAccount
           }
-        ) : isKalshi ? /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx22(AvailableStatus, {}),
-          onDisconnectKalshi ? /* @__PURE__ */ jsx22(
+        ) : isKalshi ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx17(AvailableStatus, {}),
+          onDisconnectKalshi ? /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
@@ -3142,7 +2222,7 @@ var TradingAccessTab = ({
               children: labels.auth.disconnect
             }
           ) : null
-        ] }) : /* @__PURE__ */ jsx22(AvailableStatus, {})
+        ] }) : /* @__PURE__ */ jsx17(AvailableStatus, {})
       ] }, venue);
     }) })
   ] });
@@ -3150,7 +2230,7 @@ var TradingAccessTab = ({
 TradingAccessTab.displayName = "TradingAccessTab";
 
 // src/profile/index.tsx
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -3173,31 +2253,35 @@ var ProfileModal = ({
   onConnectKalshi,
   onDisconnectExchange
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const client = useAggClient();
   const { user } = useAggAuthState2();
   const toastCtx = useOptionalToast();
-  const [activeTab, setActiveTab] = useState5(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const [activeTab, setActiveTab] = useState4(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
   const profileTabItems = useMemo4(() => getProfileTabItems(), []);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = useState5(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = useState5();
-  const [draftAvatarPreview, setDraftAvatarPreview] = useState5();
-  const [isSaving, setIsSaving] = useState5(false);
-  const [avatarTypeError, setAvatarTypeError] = useState5(null);
-  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = useState5(false);
+  const [draftUsername, setDraftUsername] = useState4(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = useState4();
+  const [draftAvatarPreview, setDraftAvatarPreview] = useState4();
+  const [isSaving, setIsSaving] = useState4(false);
+  const [avatarTypeError, setAvatarTypeError] = useState4(null);
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = useState4(false);
+  const [betdexAccountUserId, setBetdexAccountUserId] = useState4(null);
+  const isBetdexAccountModalOpen = !!(user == null ? void 0 : user.id) && betdexAccountUserId === user.id;
   const { data: kalshiStatus, refetch: refetchKalshiStatus } = useVenueKeyStatus(
     Venue.kalshi,
     open
   );
-  useEffect5(() => {
+  useEffect4(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  useEffect5(() => {
+  useEffect4(() => {
     if (open) return;
     setIsConnectKalshiModalOpen(false);
+    setBetdexAccountUserId(null);
   }, [open]);
+  useEffect4(() => setBetdexAccountUserId(null), [user == null ? void 0 : user.id]);
   const handleOpenChange = useCallback4(
     (isOpen) => {
       var _a2;
@@ -3548,178 +2632,198 @@ var ProfileModal = ({
       };
     });
   }, [user == null ? void 0 : user.accounts, wallets]);
-  return /* @__PURE__ */ jsxs21(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsxs21(
-      Modal.Container,
-      {
-        maxWidth: "800px",
-        "aria-label": "Edit Profile",
-        classNames: {
-          container: cn("agg-profile-modal", "min-h-[37.5rem]")
-        },
-        children: [
-          /* @__PURE__ */ jsx23(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-          /* @__PURE__ */ jsx23("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ jsx23(
-            Tabs,
-            {
-              className: "w-full [&>div]:w-full",
-              variant: "underline",
-              classNames: { tabList: "w-full" },
-              items: profileTabItems.map((tab) => ({
-                value: tab.value,
-                label: tab.label,
-                icon: /* @__PURE__ */ jsx23(Icon, { name: tab.icon, size: "small" })
-              })),
-              value: activeTab,
-              onChange: (val) => setActiveTab(val)
-            }
-          ) }),
-          /* @__PURE__ */ jsx23(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs21("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
-            /* @__PURE__ */ jsx23("div", { className: "shrink-0", children: /* @__PURE__ */ jsx23(
-              "nav",
-              {
-                className: cn(
-                  "agg-profile-sidebar",
-                  "hidden sm:sticky sm:top-0 sm:self-start sm:flex sm:flex-col",
-                  "w-[240px]",
-                  "overflow-hidden rounded-agg-lg",
-                  "border border-agg-separator",
-                  "bg-agg-secondary",
-                  "py-3"
-                ),
-                role: "tablist",
-                "aria-label": "Profile sections",
-                children: profileTabItems.map((tab) => {
-                  const isActive = activeTab === tab.value;
-                  return /* @__PURE__ */ jsxs21(
-                    "button",
-                    {
-                      type: "button",
-                      role: "tab",
-                      "aria-selected": isActive,
-                      onClick: () => setActiveTab(tab.value),
-                      className: cn(
-                        "agg-profile-tab-trigger",
-                        "relative flex items-center gap-3",
-                        "h-[49px] px-6 py-4",
-                        "text-agg-sm leading-agg-5 font-agg-sans",
-                        "transition-colors cursor-pointer",
-                        isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
-                      ),
-                      children: [
-                        isActive ? /* @__PURE__ */ jsx23("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                        /* @__PURE__ */ jsx23(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                        /* @__PURE__ */ jsx23("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
-                      ]
-                    },
-                    tab.value
-                  );
-                })
-              }
-            ) }),
-            /* @__PURE__ */ jsxs21("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ jsxs21("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
-                /* @__PURE__ */ jsx23(
-                  AboutTab,
+  return /* @__PURE__ */ jsxs16(
+    Modal,
+    {
+      open: open && !isConnectKalshiModalOpen && !isBetdexAccountModalOpen,
+      onOpenChange: handleOpenChange,
+      children: [
+        /* @__PURE__ */ jsxs16(
+          Modal.Container,
+          {
+            maxWidth: "800px",
+            "aria-label": "Edit Profile",
+            classNames: {
+              container: cn("agg-profile-modal", "min-h-[37.5rem]")
+            },
+            children: [
+              /* @__PURE__ */ jsx18(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+              /* @__PURE__ */ jsx18("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ jsx18(
+                Tabs,
+                {
+                  className: "w-full [&>div]:w-full",
+                  variant: "underline",
+                  classNames: { tabList: "w-full" },
+                  items: profileTabItems.map((tab) => ({
+                    value: tab.value,
+                    label: tab.label,
+                    icon: /* @__PURE__ */ jsx18(Icon, { name: tab.icon, size: "small" })
+                  })),
+                  value: activeTab,
+                  onChange: (val) => setActiveTab(val)
+                }
+              ) }),
+              /* @__PURE__ */ jsx18(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs16("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+                /* @__PURE__ */ jsx18("div", { className: "shrink-0", children: /* @__PURE__ */ jsx18(
+                  "nav",
                   {
-                    username: username != null ? username : user == null ? void 0 : user.username,
-                    avatarPreview: (_i = user == null ? void 0 : user.avatarUrl) != null ? _i : avatarPreview,
-                    onDeleteProfile,
-                    draftUsername,
-                    onDraftUsernameChange: setDraftUsername,
-                    draftAvatarFile,
-                    onDraftAvatarChange: handleDraftAvatarChange,
-                    draftAvatarPreview,
-                    avatarError: avatarTypeError
+                    className: cn(
+                      "agg-profile-sidebar",
+                      "hidden sm:sticky sm:top-0 sm:self-start sm:flex sm:flex-col",
+                      "w-[240px]",
+                      "overflow-hidden rounded-agg-lg",
+                      "border border-agg-separator",
+                      "bg-agg-secondary",
+                      "py-3"
+                    ),
+                    role: "tablist",
+                    "aria-label": "Profile sections",
+                    children: profileTabItems.map((tab) => {
+                      const isActive = activeTab === tab.value;
+                      return /* @__PURE__ */ jsxs16(
+                        "button",
+                        {
+                          type: "button",
+                          role: "tab",
+                          "aria-selected": isActive,
+                          onClick: () => setActiveTab(tab.value),
+                          className: cn(
+                            "agg-profile-tab-trigger",
+                            "relative flex items-center gap-3",
+                            "h-[49px] px-6 py-4",
+                            "text-agg-sm leading-agg-5 font-agg-sans",
+                            "transition-colors cursor-pointer",
+                            isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
+                          ),
+                          children: [
+                            isActive ? /* @__PURE__ */ jsx18("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                            /* @__PURE__ */ jsx18(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                            /* @__PURE__ */ jsx18("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                          ]
+                        },
+                        tab.value
+                      );
+                    })
                   }
-                ),
-                /* @__PURE__ */ jsx23(
-                  AccountsWalletsTab,
+                ) }),
+                /* @__PURE__ */ jsxs16("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+                  activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ jsxs16("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
+                    /* @__PURE__ */ jsx18(
+                      AboutTab,
+                      {
+                        username: username != null ? username : user == null ? void 0 : user.username,
+                        avatarPreview: (_i = user == null ? void 0 : user.avatarUrl) != null ? _i : avatarPreview,
+                        onDeleteProfile,
+                        draftUsername,
+                        onDraftUsernameChange: setDraftUsername,
+                        draftAvatarFile,
+                        onDraftAvatarChange: handleDraftAvatarChange,
+                        draftAvatarPreview,
+                        avatarError: avatarTypeError
+                      }
+                    ),
+                    /* @__PURE__ */ jsx18(
+                      AccountsWalletsTab,
+                      {
+                        socialAccounts: resolvedSocialAccounts,
+                        wallets: resolvedWallets,
+                        email: resolvedEmail,
+                        onConnectTwitter: providerActionMap.twitter.connect,
+                        onDisconnectTwitter: providerActionMap.twitter.disconnect,
+                        onConnectGoogle: providerActionMap.google.connect,
+                        onDisconnectGoogle: providerActionMap.google.disconnect,
+                        onConnectApple: providerActionMap.apple.connect,
+                        onDisconnectApple: providerActionMap.apple.disconnect,
+                        onDisconnectWallet: (wallet) => {
+                          void handleDisconnectWallet(wallet);
+                        },
+                        onConnectEmail: providerActionMap.email.connect
+                      }
+                    )
+                  ] }) : null,
+                  activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ jsx18(
+                    TradingAccessTab,
+                    {
+                      venueAccounts: resolvedVenueAccounts,
+                      onConnectKalshi: () => setIsConnectKalshiModalOpen(true),
+                      onConfigureBetdex: (user == null ? void 0 : user.id) ? () => setBetdexAccountUserId(user.id) : void 0,
+                      onDisconnectKalshi: handleDisconnectKalshi,
+                      onKycError
+                    }
+                  ) : null
+                ] })
+              ] }) }),
+              /* @__PURE__ */ jsxs16(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+                /* @__PURE__ */ jsx18(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+                /* @__PURE__ */ jsx18(
+                  Button,
                   {
-                    socialAccounts: resolvedSocialAccounts,
-                    wallets: resolvedWallets,
-                    email: resolvedEmail,
-                    onConnectTwitter: providerActionMap.twitter.connect,
-                    onDisconnectTwitter: providerActionMap.twitter.disconnect,
-                    onConnectGoogle: providerActionMap.google.connect,
-                    onDisconnectGoogle: providerActionMap.google.disconnect,
-                    onConnectApple: providerActionMap.apple.connect,
-                    onDisconnectApple: providerActionMap.apple.disconnect,
-                    onDisconnectWallet: (wallet) => {
-                      void handleDisconnectWallet(wallet);
-                    },
-                    onConnectEmail: providerActionMap.email.connect
+                    variant: "primary",
+                    size: "large",
+                    disabled: !hasChanges,
+                    isLoading: isSaving,
+                    onClick: handleSave,
+                    children: "Save changes"
                   }
                 )
-              ] }) : null,
-              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ jsx23(
-                TradingAccessTab,
-                {
-                  venueAccounts: resolvedVenueAccounts,
-                  onConnectKalshi: () => setIsConnectKalshiModalOpen(true),
-                  onDisconnectKalshi: handleDisconnectKalshi,
-                  onKycError
-                }
-              ) : null
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsxs21(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
-            /* @__PURE__ */ jsx23(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-            /* @__PURE__ */ jsx23(
-              Button,
-              {
-                variant: "primary",
-                size: "large",
-                disabled: !hasChanges,
-                isLoading: isSaving,
-                onClick: handleSave,
-                children: "Save changes"
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx23(
-      ConnectKalshiModal,
-      {
-        open: open && isConnectKalshiModalOpen,
-        onOpenChange: setIsConnectKalshiModalOpen,
-        onVerify: handleVerifyKalshi
-      }
-    )
-  ] });
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx18(
+          ManageBetdexAccountModal,
+          {
+            userId: user == null ? void 0 : user.id,
+            open: open && isBetdexAccountModalOpen,
+            onOpenChange: (isOpen) => {
+              var _a2;
+              return setBetdexAccountUserId(isOpen ? (_a2 = user == null ? void 0 : user.id) != null ? _a2 : null : null);
+            }
+          },
+          (_j = user == null ? void 0 : user.id) != null ? _j : "signed-out"
+        ),
+        /* @__PURE__ */ jsx18(
+          ConnectKalshiModal,
+          {
+            open: open && isConnectKalshiModalOpen,
+            onOpenChange: setIsConnectKalshiModalOpen,
+            onVerify: handleVerifyKalshi
+          }
+        )
+      ]
+    }
+  );
 };
 ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
-import { useLabels as useLabels19 } from "@agg-build/hooks";
+import { useLabels as useLabels15 } from "@agg-build/hooks";
 import { useCallback as useCallback5 } from "react";
-import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var GeoBlockModal = ({
   open,
   onOpenChange,
   onConfirm,
   classNames
 }) => {
-  const labels = useLabels19();
+  const labels = useLabels15();
   const handleConfirm = useCallback5(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx19(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ jsxs22(
+      children: /* @__PURE__ */ jsxs17(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx19(
               Modal.Header,
               {
                 title: "",
@@ -3731,19 +2835,19 @@ var GeoBlockModal = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx24(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx19(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ jsx19(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-                /* @__PURE__ */ jsx24("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
-                /* @__PURE__ */ jsx24("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              /* @__PURE__ */ jsxs17("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ jsx19("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ jsx19("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
               ] }),
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx19(
                 Button,
                 {
                   variant: "secondary",
@@ -3768,8 +2872,6 @@ export {
   clearPendingCardSession,
   getPendingCardSession,
   DepositModal,
-  buildTerminalSummary,
-  WithdrawModal,
   PaperOnboardingModal,
   PaperTradingOnboarding,
   ProfileModal,