@agg-build/ui 4.26.1 → 4.27.1

package/dist/chunk-W2LCFCW3.mjs

@@ -1,2879 +0,0 @@
-"use client";
-import {
-  ConnectKalshiModal,
-  DEFAULT_CURRENCY_OPTIONS,
-  ManageBetdexAccountModal,
-  TransferFeeSummary,
-  dispatchAggDepositNotification,
-  mapNetworksToOptions,
-  mergeSelectOptionsUnique,
-  withNetworkIcons,
-  withTokenIcons
-} from "./chunk-7ORC3TUJ.mjs";
-import {
-  BoltIcon,
-  Button,
-  CheckCircleIcon,
-  ChevronLeftIcon,
-  ChevronRightIcon,
-  CloseIcon,
-  CopyButton,
-  CreditCardIcon,
-  ExternalLinkIcon,
-  Icon,
-  LoadingIcon,
-  Modal,
-  RemoteImage,
-  Select,
-  SuccessCheckIcon,
-  Tabs,
-  Tooltip,
-  UsdcIcon,
-  VenueLogo,
-  WalletIcon,
-  WarningIcon,
-  __async,
-  __spreadProps,
-  __spreadValues,
-  cn,
-  formatCompactUsd,
-  formatTokenAmount,
-  formatUsd,
-  shortenAddress,
-  useOptionalToast,
-  venueLogoLabels
-} from "./chunk-XZVGHKMW.mjs";
-
-// src/deposit/index.tsx
-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/deposit/deposit-modal.constants.ts
-var BASE_URL = "https://assets.snagsolutions.io";
-var CARD_NETWORK_OPTIONS = [
-  {
-    value: "ethereum",
-    label: "Ethereum",
-    iconUrl: `${BASE_URL}/public/prediction-markets/logos/ETH.svg`
-  },
-  {
-    value: "arbitrum",
-    label: "Arbitrum",
-    iconUrl: `${BASE_URL}/public/prediction-markets/logos/Arbitrum.svg`
-  },
-  { value: "base", label: "Base", iconUrl: `${BASE_URL}/public/prediction-markets/logos/Base.svg` },
-  {
-    value: "solana",
-    label: "Solana",
-    iconUrl: `${BASE_URL}/public/prediction-markets/logos/Solana.svg`
-  },
-  {
-    value: "polygon",
-    label: "Polygon",
-    iconUrl: `${BASE_URL}/public/prediction-markets/logos/Polygon.svg`
-  }
-];
-var NETWORK_TO_CURRENCY_CODE = {
-  ethereum: "USDC",
-  arbitrum: "USDC_ARBITRUM",
-  base: "USDC_BASE",
-  solana: "USDC_SOLANA",
-  polygon: "USDC_POLYGON"
-};
-
-// src/deposit/steps/card-deposit.tsx
-import { useLabels } from "@agg-build/hooks";
-import { useEffect, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var CardDepositStep = ({
-  amount,
-  currency,
-  // tokenOptions,
-  networkOptions,
-  // selectedToken,
-  selectedNetwork,
-  minAmount,
-  onBack,
-  onAmountChange,
-  onCurrencyChange,
-  // onTokenChange,
-  onNetworkChange,
-  onContinue
-}) => {
-  const labels = useLabels();
-  const [localAmount, setLocalAmount] = useState(amount);
-  useEffect(() => {
-    setLocalAmount(amount);
-  }, [amount]);
-  const numericAmount = Number(localAmount) || 0;
-  const hasInput = localAmount.length > 0;
-  const isBelowMin = minAmount != null && hasInput && numericAmount < minAmount;
-  const isValid = numericAmount > 0 && !isBelowMin;
-  const formattedMin = minAmount != null ? `$${minAmount}` : void 0;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Modal.Header,
-      {
-        title: labels.deposit.cardFlow.title,
-        hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx(
-          "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__ */ jsx(ChevronLeftIcon, { className: "h-6 w-6" })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.amountLabel }),
-            formattedMin ? /* @__PURE__ */ jsx("p", { className: "agg-type-label text-agg-foreground", children: labels.deposit.cardFlow.minRequired(formattedMin) }) : null
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-3 items-center", children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: cn(
-                  "flex h-10 flex-1 items-center gap-2 rounded-agg-sm border bg-agg-secondary px-3",
-                  isBelowMin ? "border-agg-primary border-2" : "border-agg-separator"
-                ),
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "text",
-                      inputMode: "decimal",
-                      "aria-label": labels.deposit.cardFlow.amountLabel,
-                      className: "agg-type-body w-full bg-transparent text-agg-foreground outline-none",
-                      placeholder: "0.00",
-                      value: localAmount,
-                      onChange: (event) => {
-                        const next = event.target.value;
-                        setLocalAmount(next);
-                        onAmountChange(next);
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx(
-              Select,
-              {
-                items: [{ value: currency, label: currency }],
-                value: currency,
-                onChange: onCurrencyChange,
-                ariaLabel: labels.deposit.cardFlow.currencyLabel,
-                triggerClassName: "rounded-agg-sm"
-              }
-            ) })
-          ] })
-        ] }),
-        isBelowMin && formattedMin ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", role: "alert", "aria-live": "assertive", children: [
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "warning",
-              className: "!h-3.5 !w-3.5 shrink-0 text-agg-error",
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ jsx("p", { className: "agg-type-label text-agg-error", children: labels.deposit.cardFlow.minAmountError(formattedMin) })
-        ] }) : null
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.networkLabel }),
-        /* @__PURE__ */ jsx(
-          Select,
-          {
-            items: networkOptions,
-            value: selectedNetwork,
-            onChange: onNetworkChange,
-            ariaLabel: labels.deposit.cardFlow.networkLabel,
-            triggerClassName: "rounded-agg-sm"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "secondary",
-          size: "large",
-          className: "w-full",
-          disabled: !isValid,
-          onClick: () => onContinue(numericAmount),
-          children: labels.deposit.cardFlow.getQuotes
-        }
-      )
-    ] }) })
-  ] });
-};
-
-// src/deposit/steps/card-payment-pending.tsx
-import { useLabels as useLabels2 } from "@agg-build/hooks";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var CardPaymentPendingStep = ({
-  providerName,
-  walletAddress,
-  onClose,
-  onViewActivity,
-  onChooseAnotherProvider
-}) => {
-  const labels = useLabels2();
-  return /* @__PURE__ */ jsx2("div", { className: "relative", children: /* @__PURE__ */ jsxs2(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ jsx2(
-      "button",
-      {
-        type: "button",
-        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors cursor-pointer hover:text-agg-foreground/80",
-        onClick: onClose,
-        "aria-label": labels.common.close,
-        children: /* @__PURE__ */ jsx2(CloseIcon, { className: "h-6 w-6" })
-      }
-    ),
-    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ jsx2("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx2(ExternalLinkIcon, { className: "h-[60px] w-[60px]" }) }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ jsx2("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.pendingTitle(providerName) }),
-        /* @__PURE__ */ jsx2("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.pendingDescription })
-      ] }),
-      walletAddress ? /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col items-center gap-3 rounded-agg-md bg-agg-secondary-hover p-5", children: [
-        /* @__PURE__ */ jsx2("p", { className: "agg-type-label text-agg-foreground w-full", children: labels.deposit.cardFlow.pendingWalletAddressHelp }),
-        /* @__PURE__ */ jsxs2("div", { className: "flex w-full h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 py-[10px]", children: [
-          /* @__PURE__ */ jsx2("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: walletAddress }),
-          /* @__PURE__ */ jsx2(
-            CopyButton,
-            {
-              value: walletAddress,
-              "aria-label": labels.deposit.cardFlow.pendingCopyAddress,
-              className: "text-agg-muted-foreground hover:text-agg-foreground"
-            }
-          )
-        ] })
-      ] }) : null,
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-start justify-center gap-3", children: [
-        /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: labels.common.close }),
-        /* @__PURE__ */ jsx2(Button, { variant: "primary", size: "large", onClick: onViewActivity, children: labels.deposit.cardFlow.viewActivity })
-      ] }),
-      /* @__PURE__ */ jsx2(
-        "button",
-        {
-          type: "button",
-          className: "agg-type-body font-agg-bold text-agg-primary transition-colors cursor-pointer hover:text-agg-primary/80",
-          onClick: onChooseAnotherProvider,
-          children: labels.deposit.cardFlow.chooseAnotherProvider
-        }
-      )
-    ] })
-  ] }) });
-};
-
-// src/deposit/steps/card-provider.tsx
-import { useLabels as useLabels3 } from "@agg-build/hooks";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var CardProviderItem = ({ provider, onSelect }) => {
-  const labels = useLabels3();
-  const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
-  return /* @__PURE__ */ jsx3(
-    "button",
-    {
-      type: "button",
-      className: "w-full rounded-xl border border-agg-separator px-4 py-3 text-left bg-agg-secondary hover:bg-agg-secondary-hover transition-colors cursor-pointer",
-      onClick: () => onSelect(provider.id),
-      children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx3("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
-          badgeText ? /* @__PURE__ */ jsx3(
-            "span",
-            {
-              className: `rounded border px-2 py-[2px] text-[10px] leading-[14px] font-agg-bold uppercase ${provider.badge === "best" ? "border-agg-primary/50 text-agg-primary bg-agg-secondary" : "border-agg-separator text-agg-foreground bg-agg-secondary"}`,
-              children: badgeText
-            }
-          ) : null
-        ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "text-right", children: [
-            /* @__PURE__ */ jsx3("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
-            /* @__PURE__ */ jsxs3("p", { className: "agg-type-label text-agg-muted-foreground", children: [
-              labels.deposit.cardFlow.feeLabel,
-              " ",
-              provider.fee
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
-        ] })
-      ] })
-    }
-  );
-};
-var CardProviderStep = ({
-  token,
-  amount,
-  currency,
-  providers,
-  isLoading,
-  error,
-  sessionError,
-  onBack,
-  onSelectProvider,
-  onRetry
-}) => {
-  const labels = useLabels3();
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsx3(
-      Modal.Header,
-      {
-        title: labels.deposit.cardFlow.selectProviderTitle,
-        hideBorder: true,
-        leftElement: /* @__PURE__ */ jsx3(
-          "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.deposit.back,
-            children: /* @__PURE__ */ jsx3(ChevronLeftIcon, { className: "h-6 w-6" })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx3(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx3(UsdcIcon, { className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ jsx3("span", { className: "agg-type-body font-agg-bold text-agg-foreground", children: token }),
-        /* @__PURE__ */ jsxs3("span", { className: "agg-type-body text-agg-foreground", children: [
-          "$",
-          amount,
-          " ",
-          currency
-        ] })
-      ] }),
-      isLoading ? /* @__PURE__ */ jsxs3("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-3", children: [
-        /* @__PURE__ */ jsx3(LoadingIcon, { variant: "prominent" }),
-        /* @__PURE__ */ jsx3("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.loadingQuotes })
-      ] }) : error ? /* @__PURE__ */ jsxs3("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center", children: [
-        /* @__PURE__ */ jsx3(
-          Icon,
-          {
-            name: "quotes-warning",
-            size: "large",
-            className: "!h-9 !w-9 shrink-0 text-agg-muted-foreground",
-            color: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsxs3("div", { className: "flex max-w-[320px] flex-col gap-2", children: [
-          /* @__PURE__ */ jsx3("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesTitle }),
-          /* @__PURE__ */ jsx3("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesDescription })
-        ] }),
-        onRetry ? /* @__PURE__ */ jsx3(Button, { variant: "secondary", size: "medium", onClick: onRetry, children: labels.deposit.cardFlow.retry }) : null
-      ] }) : providers.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "flex min-h-[200px] items-center justify-center", children: /* @__PURE__ */ jsx3("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.noQuotes }) }) : /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4", children: [
-        providers.map((provider) => /* @__PURE__ */ jsx3(
-          CardProviderItem,
-          {
-            provider,
-            onSelect: onSelectProvider
-          },
-          provider.id
-        )),
-        sessionError ? /* @__PURE__ */ jsx3("p", { className: "agg-type-label text-agg-error text-center", children: sessionError }) : null
-      ] })
-    ] }) })
-  ] });
-};
-
-// src/deposit/steps/card-purchase-success.tsx
-import { useLabels as useLabels4 } from "@agg-build/hooks";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var SummaryRow = ({ label, value }) => /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ jsx4("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
-  /* @__PURE__ */ jsx4("p", { className: "agg-type-label text-agg-foreground", children: value })
-] });
-var CardPurchaseSuccessStep = ({
-  summary,
-  onDone,
-  onClose
-}) => {
-  const labels = useLabels4();
-  return /* @__PURE__ */ jsx4("div", { className: "relative", children: /* @__PURE__ */ jsxs4(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ jsx4(
-      "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__ */ jsx4(CloseIcon, { className: "h-6 w-6" })
-      }
-    ),
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ jsx4("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ jsx4(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ jsx4("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
-        /* @__PURE__ */ jsx4("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
-      ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
-        /* @__PURE__ */ jsx4(
-          SummaryRow,
-          {
-            label: labels.deposit.summary.amountReceived,
-            value: summary.amountReceived
-          }
-        ),
-        /* @__PURE__ */ jsx4(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
-        /* @__PURE__ */ jsx4(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
-      ] }),
-      /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
-    ] })
-  ] }) });
-};
-
-// src/deposit/steps/crypto-transfer.tsx
-import { useLabels as useLabels5, useWithdrawEstimate } from "@agg-build/hooks";
-
-// src/deposit/components/DepositQRCode.tsx
-import { QRCodeSVG } from "qrcode.react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function DepositQRCode({
-  depositAddress,
-  networkLogoUrl,
-  networkLogo,
-  size = 160
-}) {
-  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__ */ jsx5(
-    "img",
-    {
-      src: networkLogoUrl,
-      alt: "",
-      className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-sm",
-      width: 32,
-      height: 32,
-      style: { backgroundColor: "#FFFFFF", padding: 2 }
-    }
-  ) : null;
-  return /* @__PURE__ */ jsx5(
-    "div",
-    {
-      className: "inline-flex items-center justify-center rounded-xl border",
-      style: {
-        padding: 16,
-        borderColor: "#E5E7EB",
-        backgroundColor: "#FFFFFF"
-      },
-      children: /* @__PURE__ */ jsxs5("div", { className: "relative", style: { width: size, height: size }, children: [
-        /* @__PURE__ */ jsx5(QRCodeSVG, { value: depositAddress, size, level: "H" }),
-        logoOverlay
-      ] })
-    }
-  );
-}
-DepositQRCode.displayName = "DepositQRCode";
-
-// src/deposit/steps/crypto-transfer.tsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var CryptoAddressLoadingState = () => {
-  const labels = useLabels5();
-  const sendCryptoLabels = labels.deposit.sendCrypto;
-  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__ */ 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__ */ 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 })
-        ] })
-      ]
-    }
-  );
-};
-var getEstimateAmountFromMinDeposit = (minDeposit) => {
-  const numericMinDeposit = minDeposit.replace(/[^0-9.]/g, "");
-  return numericMinDeposit || "1";
-};
-var CryptoTransferStep = ({
-  tokenOptions,
-  networkOptions,
-  selectedToken,
-  selectedNetwork,
-  depositAddress,
-  minDeposit,
-  eta,
-  isLoadingAddress,
-  addressError,
-  onBack,
-  onTokenChange,
-  onNetworkChange,
-  onCopyAddress,
-  onDone
-}) => {
-  var _a;
-  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;
-  const transferFeeEstimate = useWithdrawEstimate({
-    amount: getEstimateAmountFromMinDeposit(minDeposit),
-    selectedToken,
-    selectedNetwork
-  });
-  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
-    /* @__PURE__ */ jsx6(
-      Modal.Header,
-      {
-        title: labels.deposit.sendCrypto.title,
-        hideBorder: true,
-        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__ */ jsx6(ChevronLeftIcon, { className: "h-6 w-6" })
-          }
-        )
-      }
-    ),
-    /* @__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,
-              value: selectedToken,
-              onChange: onTokenChange,
-              ariaLabel: labels.deposit.sendCrypto.tokenLabel
-            }
-          )
-        ] }),
-        /* @__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,
-              value: selectedNetwork,
-              onChange: onNetworkChange,
-              ariaLabel: labels.deposit.sendCrypto.networkLabel
-            }
-          )
-        ] })
-      ] }) }),
-      /* @__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,
-          networkLogoUrl,
-          networkLogo
-        }
-      ) }),
-      /* @__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,
-              label: labels.deposit.sendCrypto.copy,
-              copiedLabel: labels.deposit.sendCrypto.copied,
-              disabled: isLoadingAddress || !!addressError || !depositAddress,
-              onCopy: onCopyAddress,
-              className: "text-agg-primary hover:text-agg-primary/80"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx6(
-          TransferFeeSummary,
-          {
-            estimate: transferFeeEstimate,
-            view: "deposit",
-            minDeposit,
-            eta
-          }
-        )
-      ] }),
-      /* @__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__ */ jsx6(
-        Button,
-        {
-          variant: "secondary",
-          size: "large",
-          className: "w-[120px] self-center",
-          onClick: onDone,
-          children: labels.deposit.done
-        }
-      )
-    ] }) })
-  ] });
-};
-
-// src/deposit/steps/deposit-method.tsx
-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,
-  description,
-  value,
-  highlighted = false,
-  disabled = false,
-  onContinue
-}) => /* @__PURE__ */ jsxs7(
-  "div",
-  {
-    className: cn(
-      "flex items-center gap-3 sm:gap-4",
-      "rounded-xl border border-agg-separator",
-      "p-3 sm:p-4",
-      "transition-colors",
-      disabled ? "opacity-50 cursor-not-allowed pointer-events-none" : "cursor-pointer hover:bg-agg-secondary-hover",
-      highlighted ? "" : ""
-    ),
-    role: "button",
-    tabIndex: disabled ? -1 : 0,
-    "aria-disabled": disabled || void 0,
-    onClick: disabled ? void 0 : onContinue,
-    onKeyDown: disabled ? void 0 : (e) => {
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        onContinue();
-      }
-    },
-    children: [
-      /* @__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__ */ 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" }) })
-    ]
-  }
-);
-var DepositMethodStep = ({
-  balance,
-  walletLabel,
-  walletBalance,
-  walletToken,
-  isWalletBalanceLoading = false,
-  showWalletMethod = true,
-  highlightedMethod,
-  depositAddressesReady = true,
-  onSelectMethod
-}) => {
-  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__ */ jsxs7("div", { className: "flex flex-col gap-4", children: [
-        showWalletMethod ? /* @__PURE__ */ jsx7(
-          DepositMethodCard,
-          {
-            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__ */ jsx7(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, walletToken),
-            highlighted: highlightedMethod === "wallet",
-            disabled: !depositAddressesReady,
-            onContinue: () => onSelectMethod("wallet")
-          }
-        ) : null,
-        /* @__PURE__ */ jsx7(
-          DepositMethodCard,
-          {
-            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",
-            disabled: !depositAddressesReady,
-            onContinue: () => onSelectMethod("crypto")
-          }
-        ),
-        /* @__PURE__ */ jsx7(
-          DepositMethodCard,
-          {
-            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",
-            onContinue: () => onSelectMethod("card")
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-};
-
-// src/deposit/steps/wallet-form.tsx
-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,
-  isBalanceLoading = false,
-  tokenOptions,
-  networkOptions,
-  selectedToken,
-  selectedNetwork,
-  amount,
-  isSubmitting = false,
-  formErrorMessage,
-  formErrorTone = "error",
-  estimatedReceive,
-  feeEstimate,
-  eta,
-  onBack,
-  onTokenChange,
-  onNetworkChange,
-  onAmountChange,
-  onMax,
-  onConfirm
-}) => {
-  const labels = useLabels7();
-  const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount) > 0 && Number(amount) <= walletBalance;
-  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
-    /* @__PURE__ */ jsx8(
-      Modal.Header,
-      {
-        title: labels.deposit.walletFlow.title,
-        hideBorder: true,
-        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__ */ jsx8(ChevronLeftIcon, { className: "h-6 w-6" })
-          }
-        )
-      }
-    ),
-    /* @__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__ */ jsx8(LoadingIcon, { size: "small" }) : formatTokenAmount(walletBalance, selectedToken)
-        ] })
-      ] }),
-      /* @__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,
-                value: selectedToken,
-                onChange: onTokenChange,
-                ariaLabel: labels.deposit.walletFlow.tokenLabel
-              }
-            )
-          ] }),
-          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,
-                value: selectedNetwork,
-                onChange: onNetworkChange,
-                ariaLabel: labels.deposit.walletFlow.networkLabel
-              }
-            )
-          ] }) : null
-        ] }),
-        /* @__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(
-                "flex items-center gap-2",
-                "rounded border border-agg-separator bg-agg-secondary",
-                "h-10 px-3"
-              ),
-              children: [
-                /* @__PURE__ */ jsx8(
-                  "input",
-                  {
-                    type: "text",
-                    inputMode: "decimal",
-                    "aria-label": labels.deposit.walletFlow.amountLabel,
-                    className: "agg-type-body w-full bg-transparent outline-none text-agg-foreground",
-                    placeholder: "0.00",
-                    value: amount,
-                    onChange: (event) => onAmountChange(event.target.value)
-                  }
-                ),
-                /* @__PURE__ */ jsx8(
-                  "button",
-                  {
-                    type: "button",
-                    className: "shrink-0 text-agg-sm font-agg-bold leading-agg-5 text-agg-primary transition-colors hover:text-agg-primary/80 cursor-pointer",
-                    onClick: onMax,
-                    "aria-label": labels.deposit.walletFlow.max,
-                    children: labels.deposit.walletFlow.max
-                  }
-                )
-              ]
-            }
-          )
-        ] }),
-        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(
-              "flex items-start gap-2",
-              formErrorTone === "warning" ? "text-agg-warning" : "text-agg-error"
-            ),
-            children: [
-              /* @__PURE__ */ jsx8(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
-              /* @__PURE__ */ jsx8("p", { className: "agg-type-label", children: formErrorMessage })
-            ]
-          }
-        ) : null
-      ] }),
-      /* @__PURE__ */ jsx8(
-        Button,
-        {
-          variant: isConfirmEnabled ? "primary" : "secondary",
-          size: "large",
-          className: "w-full",
-          disabled: !isConfirmEnabled,
-          isLoading: isSubmitting,
-          "aria-label": labels.deposit.walletFlow.confirm,
-          onClick: onConfirm,
-          children: labels.deposit.walletFlow.confirm
-        }
-      )
-    ] }) })
-  ] });
-};
-
-// src/deposit/steps/wallet-processing.tsx
-import { useLabels as useLabels8 } from "@agg-build/hooks";
-import { useEffect as useEffect2 } from "react";
-import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-var WalletProcessingStep = ({
-  steps,
-  errorMessage,
-  onComplete
-}) => {
-  const labels = useLabels8();
-  useEffect2(() => {
-    const allDone = steps.length > 0 && steps.every((s) => s.status === "complete");
-    if (allDone) {
-      onComplete();
-    }
-  }, [steps, onComplete]);
-  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__ */ 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: [
-                "inline-block h-4 w-4 rounded-full border",
-                isActive ? "border-2 border-agg-primary border-r-transparent animate-spin" : "",
-                !isActive ? "border-agg-separator" : ""
-              ].join(" ")
-            }
-          ),
-          /* @__PURE__ */ jsx9(
-            "p",
-            {
-              className: isComplete || isActive ? "agg-type-body text-agg-foreground" : "agg-type-body text-agg-muted-foreground",
-              children: step.label
-            }
-          )
-        ] }, step.id);
-      }),
-      errorMessage ? /* @__PURE__ */ jsx9("p", { className: "agg-type-body text-agg-destructive", children: errorMessage }) : null
-    ] }) })
-  ] });
-};
-
-// src/deposit/steps/wallet-success.tsx
-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 = 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__ */ jsx10(CloseIcon, { className: "h-6 w-6" })
-      }
-    ),
-    /* @__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__ */ 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__ */ 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__ */ jsx10(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
-    ] })
-  ] }) });
-};
-
-// src/deposit/index.tsx
-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";
-function savePendingCardSession(data) {
-  try {
-    localStorage.setItem(PENDING_CARD_SESSION_KEY, JSON.stringify(data));
-  } catch (e) {
-  }
-}
-function clearPendingCardSession() {
-  try {
-    localStorage.removeItem(PENDING_CARD_SESSION_KEY);
-  } catch (e) {
-  }
-}
-function getPendingCardSession() {
-  try {
-    const raw = localStorage.getItem(PENDING_CARD_SESSION_KEY);
-    if (!raw) return null;
-    return JSON.parse(raw);
-  } catch (e) {
-    return null;
-  }
-}
-function getDefaultProcessingSteps(transactionStatus, labels) {
-  var _a;
-  const defaultSteps = [
-    { id: "submitting", label: labels.submitting, status: "active" },
-    { id: "confirming", label: labels.confirming, status: "pending" }
-  ];
-  const activeByStatus = {
-    submitting: 0,
-    submitted: 1,
-    confirming: 1,
-    error: 1
-  };
-  if (transactionStatus === "settled") {
-    return defaultSteps.map((step) => __spreadProps(__spreadValues({}, step), { status: "complete" }));
-  }
-  const activeIndex = (_a = activeByStatus[transactionStatus != null ? transactionStatus : "submitted"]) != null ? _a : 0;
-  return defaultSteps.map((step, index) => __spreadProps(__spreadValues({}, step), {
-    status: index < activeIndex ? "complete" : index === activeIndex ? "active" : "pending"
-  }));
-}
-function isControlledDepositModalProps(props) {
-  return "walletFlow" in props;
-}
-function DepositModalSelfDriven({ open, onOpenChange }) {
-  const depositProps = useDepositFlow({ open, onOpenChange });
-  return /* @__PURE__ */ jsx11(DepositModalControlled, __spreadValues({}, depositProps));
-}
-function DepositModalControlled({
-  open,
-  onOpenChange,
-  onSelectDepositMethod,
-  onContinueCardDeposit,
-  onDoneCryptoTransfer,
-  walletFlow,
-  onWalletAmountChange,
-  onWalletMax,
-  onConfirmWalletDeposit,
-  onCancelWalletDeposit,
-  onDoneWalletDeposit,
-  onWalletNetworkChange,
-  onWalletTokenChange,
-  initialWalletChainId,
-  connectedWalletKind,
-  sendCryptoConfig,
-  onDoneSendCrypto,
-  cardFlow,
-  onCardAmountChange,
-  onCardCurrencyChange,
-  onCardTokenChange,
-  onCardNetworkChange,
-  onSelectCardProvider,
-  onDoneCardPurchase,
-  onViewActivity,
-  cardRedirectUrl,
-  onGetCardQuotes,
-  onCreateCardSession,
-  pendingCardPurchaseSummary
-}) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const { isWeb3User } = useAggAuthState();
-  const { walletActions } = useAggUiConfig();
-  const labels = useLabels10();
-  const defaultMethod = isWeb3User ? "wallet" : "crypto";
-  const [step, setStep] = useState2(
-    () => pendingCardPurchaseSummary ? "card-success" : "method"
-  );
-  const [highlightedMethod, setHighlightedMethod] = useState2(defaultMethod);
-  const walletSubmitInFlightRef = useRef(false);
-  const walletDepositAttemptIdRef = useRef(0);
-  const notifiedWalletDepositStatusesRef = useRef(/* @__PURE__ */ new Set());
-  const [isWalletSubmitting, setIsWalletSubmitting] = useState2(false);
-  const [cardProviders, setCardProviders] = useState2([]);
-  const [quotesLoading, setQuotesLoading] = useState2(false);
-  const [quotesError, setQuotesError] = useState2(null);
-  const [sessionError, setSessionError] = useState2(null);
-  const [pendingProviderName, setPendingProviderName] = useState2("");
-  const [pendingProviderWalletAddress, setPendingProviderWalletAddress] = useState2("");
-  useEffect3(() => {
-    if (pendingCardPurchaseSummary) {
-      clearPendingCardSession();
-      setStep("card-success");
-    }
-  }, [pendingCardPurchaseSummary]);
-  const [walletChainId, setWalletChainId] = useState2("");
-  const [walletToken, setWalletToken] = useState2("");
-  const [sendChainId, setSendChainId] = useState2("");
-  const [sendToken, setSendToken] = useState2("");
-  const {
-    isReady,
-    isTimedOut,
-    error: addrError,
-    supportedChains,
-    getAddress
-  } = useDepositAddresses({ enabled: open });
-  const fallbackNetworkOptions = useMemo(() => mapNetworksToOptions(), []);
-  const networkOptions = useMemo(() => {
-    if (!(supportedChains == null ? void 0 : supportedChains.length)) return fallbackNetworkOptions;
-    return withNetworkIcons(
-      supportedChains.map((c) => ({ value: String(c.chainId), label: c.name }))
-    );
-  }, [supportedChains, fallbackNetworkOptions]);
-  const walletNetworkOptions = useMemo(() => {
-    if (!(supportedChains == null ? void 0 : supportedChains.length) || !connectedWalletKind) return networkOptions;
-    const filtered = supportedChains.filter(
-      (c) => connectedWalletKind === "solana" ? SVM_CHAIN_IDS.has(c.chainId) : !SVM_CHAIN_IDS.has(c.chainId)
-    );
-    if (filtered.length === 0) return networkOptions;
-    return withNetworkIcons(filtered.map((c) => ({ value: String(c.chainId), label: c.name })));
-  }, [supportedChains, networkOptions, connectedWalletKind]);
-  const walletTokenOptions = useMemo(() => {
-    const chain = supportedChains == null ? void 0 : supportedChains.find((c) => String(c.chainId) === walletChainId);
-    if (!chain) return withTokenIcons(DEFAULT_CURRENCY_OPTIONS);
-    return withTokenIcons(chain.tokens.map((t) => ({ value: t.symbol, label: t.symbol })));
-  }, [supportedChains, walletChainId]);
-  const sendTokenOptions = useMemo(() => {
-    const chain = supportedChains == null ? void 0 : supportedChains.find((c) => String(c.chainId) === sendChainId);
-    if (!chain) return withTokenIcons(DEFAULT_CURRENCY_OPTIONS);
-    return withTokenIcons(chain.tokens.map((t) => ({ value: t.symbol, label: t.symbol })));
-  }, [supportedChains, sendChainId]);
-  useEffect3(() => {
-    if (walletNetworkOptions.length > 0) {
-      if (!walletChainId || !walletNetworkOptions.some((o) => o.value === walletChainId)) {
-        const ethereumMainnetOption = walletNetworkOptions.find(
-          (option) => option.value === DEFAULT_WALLET_CHAIN_ID || option.value === "mainnet" || option.label.toLowerCase() === "ethereum"
-        );
-        const preferred = ethereumMainnetOption ? ethereumMainnetOption.value : initialWalletChainId && walletNetworkOptions.some((option) => option.value === initialWalletChainId) ? initialWalletChainId : walletNetworkOptions[0].value;
-        setWalletChainId(preferred);
-      }
-    }
-  }, [walletNetworkOptions, walletChainId, initialWalletChainId]);
-  useEffect3(() => {
-    if (networkOptions.length > 0) {
-      if (!sendChainId || !networkOptions.some((o) => o.value === sendChainId)) {
-        setSendChainId(networkOptions[0].value);
-      }
-    }
-  }, [networkOptions, sendChainId]);
-  useEffect3(() => {
-    var _a2, _b2;
-    if (walletTokenOptions.length > 0) {
-      const preferredToken = (_b2 = (_a2 = walletTokenOptions.find((option) => option.value === DEFAULT_WALLET_TOKEN)) == null ? void 0 : _a2.value) != null ? _b2 : walletTokenOptions[0].value;
-      setWalletToken(preferredToken);
-    }
-  }, [walletTokenOptions]);
-  useEffect3(() => {
-    var _a2, _b2;
-    setSendToken((_b2 = (_a2 = sendTokenOptions == null ? void 0 : sendTokenOptions[0]) == null ? void 0 : _a2.value) != null ? _b2 : "");
-  }, [sendTokenOptions]);
-  useEffect3(() => {
-    if (walletChainId) {
-      onWalletNetworkChange == null ? void 0 : onWalletNetworkChange(walletChainId);
-    }
-  }, [walletChainId, onWalletNetworkChange]);
-  useEffect3(() => {
-    if (walletToken) {
-      onWalletTokenChange == null ? void 0 : onWalletTokenChange(walletToken);
-    }
-  }, [walletToken, onWalletTokenChange]);
-  const sendChainIdNum = sendChainId ? Number(sendChainId) : void 0;
-  const depositAddress = (_a = getAddress(sendChainIdNum)) != null ? _a : "";
-  const isLoadingAddress = open && !isReady && !isTimedOut && !addrError;
-  const addressError = isTimedOut && !isReady ? "Address generation timed out. Please try again." : addrError && !isReady ? "Failed to load deposit address." : void 0;
-  const usesTransactionStatus = walletFlow.transactionStatus !== void 0;
-  const processingStatus = isWalletSubmitting ? "submitting" : walletFlow.transactionStatus;
-  const processingSteps = usesTransactionStatus ? (_b = walletFlow.processingSteps) != null ? _b : getDefaultProcessingSteps(processingStatus, labels.deposit.processingSteps) : (_c = walletFlow.processingSteps) != null ? _c : getDefaultProcessingSteps(processingStatus, labels.deposit.processingSteps);
-  const selectedNetworkLabel = (_e = (_d = networkOptions.find((n) => n.value === walletChainId)) == null ? void 0 : _d.label) != null ? _e : "";
-  const resolvedSuccessSummary = __spreadValues({
-    amountReceived: `+${walletFlow.amount} ${walletToken}`,
-    network: selectedNetworkLabel,
-    fromWallet: walletFlow.walletLabel,
-    gasFee: ""
-  }, walletFlow.successSummary);
-  const handleWalletDepositNotification = useCallback(
-    (status, errorMessage) => {
-      if (notifiedWalletDepositStatusesRef.current.has(status)) return;
-      notifiedWalletDepositStatusesRef.current.add(status);
-      dispatchAggDepositNotification({
-        id: `wallet-${walletDepositAttemptIdRef.current}`,
-        status,
-        amount: walletFlow.amount,
-        tokenSymbol: walletToken || DEFAULT_WALLET_TOKEN,
-        errorMessage
-      });
-    },
-    [walletFlow.amount, walletToken]
-  );
-  useEffect3(() => {
-    if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "settled") {
-      handleWalletDepositNotification("completed");
-      setStep("wallet-success");
-    }
-  }, [handleWalletDepositNotification, isWalletSubmitting, step, walletFlow.transactionStatus]);
-  useEffect3(() => {
-    if (!onCancelWalletDeposit) return;
-    if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "error") {
-      walletSubmitInFlightRef.current = false;
-      handleWalletDepositNotification("failed", walletFlow.transactionErrorMessage);
-      onCancelWalletDeposit();
-      setStep("wallet-form");
-    }
-  }, [
-    handleWalletDepositNotification,
-    isWalletSubmitting,
-    onCancelWalletDeposit,
-    step,
-    walletFlow.transactionErrorMessage,
-    walletFlow.transactionStatus
-  ]);
-  const cardTokenOptions = withTokenIcons(
-    mergeSelectOptionsUnique(cardFlow == null ? void 0 : cardFlow.tokenOptions, DEFAULT_CURRENCY_OPTIONS)
-  );
-  const cardNetworkOptions = withNetworkIcons(
-    mergeSelectOptionsUnique(cardFlow == null ? void 0 : cardFlow.networkOptions, CARD_NETWORK_OPTIONS)
-  );
-  const handleSelectMethod = (method) => {
-    if (method === "wallet" && !isWeb3User) return;
-    if (!isReady && (method === "wallet" || method === "crypto")) return;
-    setHighlightedMethod(method);
-    onSelectDepositMethod == null ? void 0 : onSelectDepositMethod(method);
-    if (method === "wallet") {
-      setStep("wallet-form");
-      return;
-    }
-    if (method === "card") {
-      setStep("card-deposit");
-    } else if (method === "crypto") {
-      setStep("crypto-transfer");
-    }
-  };
-  const handleContinueCardDeposit = (amount) => __async(null, null, function* () {
-    var _a2, _b2, _c2, _d2, _e2;
-    onContinueCardDeposit == null ? void 0 : onContinueCardDeposit(amount);
-    setStep("card-provider");
-    if (onGetCardQuotes) {
-      setQuotesLoading(true);
-      setQuotesError(null);
-      setCardProviders([]);
-      try {
-        const providers = yield onGetCardQuotes({
-          sourceAmount: String(amount),
-          sourceCurrencyCode: (_a2 = cardFlow == null ? void 0 : cardFlow.currency) != null ? _a2 : "USD",
-          destinationCurrencyCode: (_d2 = (_c2 = NETWORK_TO_CURRENCY_CODE[(_b2 = cardFlow == null ? void 0 : cardFlow.selectedNetwork) != null ? _b2 : ""]) != null ? _c2 : cardFlow == null ? void 0 : cardFlow.selectedNetwork) != null ? _d2 : ""
-        });
-        setCardProviders(providers);
-      } catch (err) {
-        setQuotesError(err instanceof Error ? err.message : "Failed to load quotes");
-      } finally {
-        setQuotesLoading(false);
-      }
-    } else {
-      setCardProviders((_e2 = cardFlow == null ? void 0 : cardFlow.providers) != null ? _e2 : []);
-    }
-  });
-  const handleRetryQuotes = () => {
-    const amount = Number(cardFlow == null ? void 0 : cardFlow.amount) || 0;
-    if (amount > 0) {
-      handleContinueCardDeposit(amount);
-    }
-  };
-  const handleSelectProvider = (providerId) => __async(null, null, function* () {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j, _k, _l, _m;
-    onSelectCardProvider == null ? void 0 : onSelectCardProvider(providerId);
-    if (onCreateCardSession) {
-      setSessionError(null);
-      try {
-        const networkVal = (_a2 = cardFlow == null ? void 0 : cardFlow.selectedNetwork) != null ? _a2 : "";
-        const numericId = Number(networkVal);
-        const cardChainId = Number.isFinite(numericId) && numericId > 0 ? numericId : (_b2 = supportedChains == null ? void 0 : supportedChains.find((c) => c.name.toLowerCase() === networkVal.toLowerCase())) == null ? void 0 : _b2.chainId;
-        const depositAddr = (_c2 = getAddress(cardChainId)) != null ? _c2 : "";
-        const session = yield onCreateCardSession({
-          serviceProvider: providerId,
-          sourceAmount: (_d2 = cardFlow == null ? void 0 : cardFlow.amount) != null ? _d2 : "",
-          sourceCurrencyCode: (_e2 = cardFlow == null ? void 0 : cardFlow.currency) != null ? _e2 : "USD",
-          destinationCurrencyCode: (_f2 = NETWORK_TO_CURRENCY_CODE[networkVal]) != null ? _f2 : networkVal,
-          walletAddress: depositAddr,
-          redirectUrl: cardRedirectUrl
-        });
-        const selectedProvider = cardProviders.find((p) => p.id === providerId);
-        const networkLabel = (_j = (_i2 = (_h2 = (_g2 = cardFlow == null ? void 0 : cardFlow.networkOptions) == null ? void 0 : _g2.find((o) => o.value === (cardFlow == null ? void 0 : cardFlow.selectedNetwork))) == null ? void 0 : _h2.label) != null ? _i2 : cardFlow == null ? void 0 : cardFlow.selectedNetwork) != null ? _j : "";
-        savePendingCardSession({
-          sessionId: session.id,
-          summary: {
-            amountReceived: (_k = selectedProvider == null ? void 0 : selectedProvider.quote) != null ? _k : "",
-            network: networkLabel,
-            fees: (_l = selectedProvider == null ? void 0 : selectedProvider.fee) != null ? _l : ""
-          }
-        });
-        window.open(session.widgetUrl, "_blank", "noopener,noreferrer");
-        setPendingProviderName((_m = selectedProvider == null ? void 0 : selectedProvider.name) != null ? _m : providerId);
-        setPendingProviderWalletAddress(depositAddr);
-        setStep("card-payment-pending");
-      } catch (err) {
-        setSessionError(err instanceof Error ? err.message : "Failed to create session");
-      }
-    }
-  });
-  const handleViewActivity = () => {
-    onViewActivity == null ? void 0 : onViewActivity();
-    if (typeof window !== "undefined") {
-      window.location.href = "/profile?tab=activity";
-    }
-  };
-  const handleChooseAnotherProvider = () => {
-    setCardProviders([]);
-    setQuotesError(null);
-    setSessionError(null);
-    setPendingProviderName("");
-    setPendingProviderWalletAddress("");
-    setStep("card-deposit");
-  };
-  const handleDoneCryptoTransfer = () => {
-    onDoneCryptoTransfer == null ? void 0 : onDoneCryptoTransfer();
-    onDoneSendCrypto == null ? void 0 : onDoneSendCrypto();
-  };
-  const handleDoneWalletDeposit = () => {
-    handleOpenChange(false);
-    onDoneWalletDeposit == null ? void 0 : onDoneWalletDeposit();
-  };
-  const handleDoneCardPurchase = () => {
-    handleOpenChange(false);
-    onDoneCardPurchase == null ? void 0 : onDoneCardPurchase();
-  };
-  const handleOpenChange = (isOpen) => {
-    if (!isOpen) {
-      setStep("method");
-      setHighlightedMethod(defaultMethod);
-      setWalletChainId("");
-      setWalletToken("");
-      setSendChainId("");
-      setSendToken("");
-      walletSubmitInFlightRef.current = false;
-      walletDepositAttemptIdRef.current = 0;
-      notifiedWalletDepositStatusesRef.current = /* @__PURE__ */ new Set();
-      setIsWalletSubmitting(false);
-      setCardProviders([]);
-      setQuotesLoading(false);
-      setQuotesError(null);
-      setSessionError(null);
-      setPendingProviderName("");
-      setPendingProviderWalletAddress("");
-      clearPendingCardSession();
-    }
-    onOpenChange(isOpen);
-  };
-  const depositModalMaxWidth = step === "method" ? "600px" : "480px";
-  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,
-        walletLabel: walletFlow.walletLabel,
-        walletBalance: walletFlow.walletBalance,
-        walletToken,
-        isWalletBalanceLoading: walletFlow.isWalletBalanceLoading,
-        showWalletMethod: isWeb3User,
-        highlightedMethod,
-        depositAddressesReady: isReady,
-        onSelectMethod: handleSelectMethod
-      }
-    ) : null,
-    step === "wallet-form" ? /* @__PURE__ */ jsx11(
-      WalletFormStep,
-      {
-        walletLabel: walletFlow.walletLabel,
-        walletBalance: walletFlow.walletBalance,
-        isBalanceLoading: walletFlow.isWalletBalanceLoading,
-        tokenOptions: walletTokenOptions,
-        networkOptions: walletNetworkOptions,
-        selectedToken: walletToken,
-        selectedNetwork: walletChainId,
-        amount: walletFlow.amount,
-        formErrorMessage: walletFlow.formErrorMessage,
-        formErrorTone: walletFlow.formErrorTone,
-        estimatedReceive: walletFlow.estimatedReceive,
-        feeEstimate: walletFlow.feeEstimate,
-        eta: walletFlow.eta,
-        isSubmitting: isWalletSubmitting,
-        onBack: () => setStep("method"),
-        onTokenChange: setWalletToken,
-        onNetworkChange: (id) => {
-          setWalletChainId(id);
-          setWalletToken("");
-        },
-        onAmountChange: onWalletAmountChange,
-        onMax: onWalletMax,
-        onConfirm: () => __async(null, null, function* () {
-          var _a2, _b2;
-          if (walletSubmitInFlightRef.current) return;
-          walletSubmitInFlightRef.current = true;
-          walletDepositAttemptIdRef.current += 1;
-          notifiedWalletDepositStatusesRef.current = /* @__PURE__ */ new Set();
-          setIsWalletSubmitting(true);
-          setStep("wallet-processing");
-          const walletChainIdNum = walletChainId ? Number(walletChainId) : void 0;
-          const address = (_a2 = getAddress(walletChainIdNum)) != null ? _a2 : "";
-          try {
-            if (walletActions == null ? void 0 : walletActions.sendToken) {
-              const chain = supportedChains == null ? void 0 : supportedChains.find((c) => String(c.chainId) === walletChainId);
-              const tokenMeta = chain == null ? void 0 : chain.tokens.find((t) => t.symbol === walletToken);
-              yield walletActions.sendToken({
-                chainId: walletChainIdNum != null ? walletChainIdNum : 0,
-                token: {
-                  symbol: walletToken,
-                  address: tokenMeta == null ? void 0 : tokenMeta.address,
-                  decimals: (_b2 = tokenMeta == null ? void 0 : tokenMeta.decimals) != null ? _b2 : 6
-                },
-                to: address,
-                amount: walletFlow.amount
-              });
-            } else {
-              yield onConfirmWalletDeposit == null ? void 0 : onConfirmWalletDeposit({
-                address,
-                amount: walletFlow.amount,
-                chainId: walletChainIdNum != null ? walletChainIdNum : 0,
-                token: walletToken
-              });
-            }
-          } catch (e) {
-            walletSubmitInFlightRef.current = false;
-            setStep("wallet-form");
-          } finally {
-            setIsWalletSubmitting(false);
-          }
-        })
-      }
-    ) : null,
-    step === "wallet-processing" ? /* @__PURE__ */ jsx11(
-      WalletProcessingStep,
-      {
-        steps: processingSteps,
-        errorMessage: walletFlow.transactionStatus === "error" ? (_f = walletFlow.transactionErrorMessage) != null ? _f : "Something went wrong with the transaction." : void 0,
-        onComplete: () => setStep("wallet-success")
-      }
-    ) : null,
-    step === "wallet-success" ? /* @__PURE__ */ jsx11(
-      WalletSuccessStep,
-      {
-        summary: resolvedSuccessSummary,
-        onDone: handleDoneWalletDeposit,
-        onClose: () => handleOpenChange(false)
-      }
-    ) : null,
-    step === "card-deposit" && cardFlow ? /* @__PURE__ */ jsx11(
-      CardDepositStep,
-      {
-        amount: cardFlow.amount,
-        currency: cardFlow.currency,
-        tokenOptions: cardTokenOptions,
-        networkOptions: cardNetworkOptions,
-        selectedToken: cardFlow.selectedToken,
-        selectedNetwork: cardFlow.selectedNetwork,
-        minAmount: cardFlow.minAmount,
-        onBack: () => setStep("method"),
-        onAmountChange: onCardAmountChange != null ? onCardAmountChange : ignoreCardChange,
-        onCurrencyChange: onCardCurrencyChange != null ? onCardCurrencyChange : ignoreCardChange,
-        onTokenChange: onCardTokenChange != null ? onCardTokenChange : ignoreCardChange,
-        onNetworkChange: onCardNetworkChange != null ? onCardNetworkChange : ignoreCardChange,
-        onContinue: handleContinueCardDeposit
-      }
-    ) : null,
-    step === "card-provider" && cardFlow ? /* @__PURE__ */ jsx11(
-      CardProviderStep,
-      {
-        amount: cardFlow.amount,
-        currency: cardFlow.currency,
-        token: cardFlow.selectedToken,
-        providers: cardProviders,
-        isLoading: quotesLoading,
-        error: quotesError,
-        sessionError,
-        onBack: () => setStep("card-deposit"),
-        onSelectProvider: handleSelectProvider,
-        onRetry: handleRetryQuotes
-      }
-    ) : null,
-    step === "card-payment-pending" ? /* @__PURE__ */ jsx11(
-      CardPaymentPendingStep,
-      {
-        providerName: pendingProviderName,
-        walletAddress: pendingProviderWalletAddress || void 0,
-        onClose: () => handleOpenChange(false),
-        onViewActivity: handleViewActivity,
-        onChooseAnotherProvider: handleChooseAnotherProvider
-      }
-    ) : null,
-    step === "card-success" ? /* @__PURE__ */ jsx11(
-      CardPurchaseSuccessStep,
-      {
-        summary: (_g = pendingCardPurchaseSummary != null ? pendingCardPurchaseSummary : cardFlow == null ? void 0 : cardFlow.purchaseSummary) != null ? _g : {
-          amountReceived: "",
-          network: "",
-          fees: ""
-        },
-        onClose: () => handleOpenChange(false),
-        onDone: handleDoneCardPurchase
-      }
-    ) : null,
-    step === "crypto-transfer" ? /* @__PURE__ */ jsx11(
-      CryptoTransferStep,
-      {
-        tokenOptions: sendTokenOptions,
-        networkOptions,
-        selectedToken: sendToken,
-        selectedNetwork: sendChainId,
-        depositAddress,
-        minDeposit: (_h = sendCryptoConfig == null ? void 0 : sendCryptoConfig.minDeposit) != null ? _h : "$1",
-        eta: (_i = sendCryptoConfig == null ? void 0 : sendCryptoConfig.eta) != null ? _i : "~30s",
-        isLoadingAddress,
-        addressError,
-        onBack: () => setStep("method"),
-        onTokenChange: setSendToken,
-        onNetworkChange: (id) => {
-          setSendChainId(id);
-          if (id !== sendChainId) {
-            setSendToken("");
-          }
-        },
-        onDone: handleDoneCryptoTransfer
-      }
-    ) : null
-  ] }) });
-}
-var ignoreCardChange = (_value) => {
-};
-var DepositModal = (props) => {
-  if (!isControlledDepositModalProps(props)) {
-    return /* @__PURE__ */ jsx11(DepositModalSelfDriven, __spreadValues({}, props));
-  }
-  return /* @__PURE__ */ jsx11(DepositModalControlled, __spreadValues({}, props));
-};
-DepositModal.displayName = "DepositModal";
-
-// src/paper-trading/paper-trading-badge.tsx
-import { useLabels as useLabels11, useResolvedExecutionMode } from "@agg-build/hooks";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var PaperTradingBadge = ({
-  placement = "chip",
-  isAuthenticated = false,
-  forceVisible = false,
-  label,
-  showWhenAuthenticated = false,
-  classNames
-}) => {
-  const labels = useLabels11();
-  const { isPaperMode, isResolving } = useResolvedExecutionMode();
-  if (!forceVisible && (isResolving || !isPaperMode)) return null;
-  if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) {
-    return null;
-  }
-  const placementClassName = {
-    brand: "inline-flex md:hidden",
-    chip: "inline-flex",
-    signedOut: "hidden md:inline-flex"
-  }[placement];
-  return /* @__PURE__ */ jsx12(
-    Tooltip,
-    {
-      content: labels.paperTrading.badgeTooltip,
-      side: "bottom",
-      sideOffset: 3,
-      size: "small",
-      classNames: {
-        content: cn(
-          // Figma node 4772:31068: 253px wide, 12/8 padding, 12px/16px text,
-          // centred — which lands the copy on exactly two lines. The `!`
-          // suffixes are required because `cn` is a plain join, not
-          // tailwind-merge, so conflicting utilities from tooltipSizeClasses
-          // would otherwise win on stylesheet order rather than call order.
-          "max-w-[253px]! px-3! py-2! text-agg-xs! leading-agg-4! text-center",
-          classNames == null ? void 0 : classNames.tooltip
-        )
-      },
-      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__ */ jsx12(
-            "span",
-            {
-              className: cn(
-                "inline-flex items-center justify-center rounded-full",
-                "px-3 py-1",
-                // Mobile pins an explicit 24px (Figma 4772:34209); from md the
-                // height falls out of padding + line-height at 22px, matching the
-                // in-chip pill (4772:31077).
-                "h-6 md:h-auto",
-                "bg-agg-primary/10 text-agg-primary",
-                "text-[10px] leading-[14px] font-agg-bold uppercase whitespace-nowrap",
-                classNames == null ? void 0 : classNames.pill
-              ),
-              children: label != null ? label : labels.paperTrading.badge
-            }
-          )
-        }
-      )
-    }
-  );
-};
-PaperTradingBadge.displayName = "PaperTradingBadge";
-
-// src/paper-trading/paper-trading-onboarding.tsx
-import { useAppConfig, usePaperOnboarding } from "@agg-build/hooks";
-
-// src/paper-trading/paper-onboarding-modal.tsx
-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 = useLabels12();
-  const copy = labels.paperTrading.onboarding;
-  const [stepIndex, setStepIndex] = useState3(0);
-  const steps = useMemo2(
-    () => [
-      {
-        key: "realMarkets",
-        icon: "paper-onboarding-markets",
-        title: copy.realMarkets.title,
-        body: copy.realMarkets.body
-      },
-      {
-        key: "zeroRisk",
-        icon: "paper-onboarding-funds",
-        title: copy.zeroRisk.title,
-        body: copy.zeroRisk.body({ amount: startingBalanceLabel })
-      },
-      {
-        key: "readyToTrade",
-        icon: "paper-onboarding-performance",
-        title: copy.readyToTrade.title,
-        body: copy.readyToTrade.body
-      }
-    ],
-    [copy, startingBalanceLabel]
-  );
-  const total = steps.length;
-  const isFirst = stepIndex === 0;
-  const isLast = stepIndex === total - 1;
-  const step = steps[stepIndex];
-  const handleBack = useCallback2(() => {
-    setStepIndex((current) => Math.max(0, current - 1));
-  }, []);
-  const handleNext = useCallback2(() => {
-    if (isLast) {
-      onDismiss();
-      return;
-    }
-    setStepIndex((current) => Math.min(total - 1, current + 1));
-  }, [isLast, onDismiss, total]);
-  const handleOpenChange = useCallback2(
-    (next) => {
-      if (next) return;
-      setStepIndex(0);
-      onDismiss();
-    },
-    [onDismiss]
-  );
-  return /* @__PURE__ */ jsx13(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsx13(
-    Modal.Container,
-    {
-      maxWidth: "480px",
-      "aria-label": step.title,
-      classNames: {
-        overlay: classNames == null ? void 0 : classNames.overlay,
-        // Figma 4772:33889 keeps this as a centred, inset card on mobile
-        // (352px inside a 400px frame) rather than the modal default of a
-        // full-bleed bottom sheet. 24px inset matches the frame's margins.
-        center: "items-center! p-6!",
-        // Figma 4772:31183 is ONE 480px surface with a 12px radius. The
-        // container already supplies the border, background and width, so
-        // the inner element must not draw a second bordered card inside it
-        // — that rendered as a double outline and shrank the card to 478px.
-        // 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__ */ 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(
-                "flex size-11 shrink-0 items-center justify-center overflow-hidden",
-                "rounded-agg-lg bg-agg-primary/10 text-agg-primary",
-                classNames == null ? void 0 : classNames.icon
-              ),
-              children: /* @__PURE__ */ jsx13(Icon, { name: step.icon, className: "!h-6 !w-6", "aria-hidden": "true" })
-            }
-          ),
-          /* @__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(
-                    // Figma node 4772:31190: 10px / 14px bold uppercase.
-                    // NOT `agg-type-label-caps`, which is 14px / 20px.
-                    "text-agg-2xs leading-agg-14 font-agg-bold uppercase",
-                    "text-agg-muted-foreground",
-                    classNames == null ? void 0 : classNames.eyebrow
-                  ),
-                  children: copy.stepEyebrow({ current: stepIndex + 1, total })
-                }
-              ),
-              /* @__PURE__ */ jsx13(
-                "p",
-                {
-                  className: cn(
-                    "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground",
-                    classNames == null ? void 0 : classNames.title
-                  ),
-                  children: step.title
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx13("p", { className: cn("text-agg-sm leading-agg-5 text-agg-foreground", classNames == null ? void 0 : classNames.body), children: step.body })
-          ] })
-        ] }),
-        /* @__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(
-                "rounded-full transition-all",
-                index === stepIndex ? "h-1 w-4 bg-agg-primary" : "size-1 bg-agg-separator"
-              )
-            },
-            dotStep.key
-          )) }),
-          /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx13(
-              Button,
-              {
-                variant: "secondary",
-                size: "small",
-                onClick: isFirst ? onDismiss : handleBack,
-                className: "w-20 rounded-full",
-                children: isFirst ? copy.skip : copy.back
-              }
-            ),
-            /* @__PURE__ */ jsx13(
-              Button,
-              {
-                variant: "primary",
-                size: "small",
-                onClick: handleNext,
-                className: "w-[120px] rounded-full",
-                children: isLast ? copy.done : copy.next
-              }
-            )
-          ] })
-        ] })
-      ] })
-    }
-  ) });
-};
-PaperOnboardingModal.displayName = "PaperOnboardingModal";
-
-// src/paper-trading/paper-trading-onboarding.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-var FALLBACK_STARTING_BALANCE = 1e4;
-var PaperTradingOnboarding = ({
-  classNames
-}) => {
-  const { isOpen, dismiss } = usePaperOnboarding();
-  const { paperStartingBalance } = useAppConfig();
-  if (!isOpen) return null;
-  return /* @__PURE__ */ jsx14(
-    PaperOnboardingModal,
-    {
-      open: true,
-      onDismiss: dismiss,
-      startingBalanceLabel: formatUsd(paperStartingBalance != null ? paperStartingBalance : FALLBACK_STARTING_BALANCE, {
-        maximumFractionDigits: 0
-      }),
-      classNames
-    }
-  );
-};
-PaperTradingOnboarding.displayName = "PaperTradingOnboarding";
-
-// src/profile/index.tsx
-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";
-
-// src/profile/profile-modal.constants.ts
-var PROFILE_TAB_KEYS = {
-  PROFILE_ACCOUNTS: "profile-accounts",
-  TRADING_ACCESS: "trading-access"
-};
-var getProfileTabItems = () => [
-  {
-    value: PROFILE_TAB_KEYS.PROFILE_ACCOUNTS,
-    label: "Profile & accounts",
-    icon: "profile-about-tab"
-  },
-  { value: PROFILE_TAB_KEYS.TRADING_ACCESS, label: "Trading access", icon: "shield-trust" }
-];
-
-// src/profile/tabs/about-tab.tsx
-import { useCallback as useCallback3, useRef as useRef2 } from "react";
-import { useLabels as useLabels13 } from "@agg-build/hooks";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
-var AboutTab = ({
-  avatarPreview,
-  onDeleteProfile: _onDeleteProfile,
-  draftUsername,
-  onDraftUsernameChange,
-  onDraftAvatarChange,
-  draftAvatarPreview,
-  avatarError: _avatarError
-}) => {
-  const labels = useLabels13();
-  const fileInputRef = useRef2(null);
-  const handleAvatarClick = useCallback3(() => {
-    var _a;
-    (_a = fileInputRef.current) == null ? void 0 : _a.click();
-  }, []);
-  const handleFileChange = useCallback3(
-    (e) => {
-      var _a;
-      const file = (_a = e.target.files) == null ? void 0 : _a[0];
-      if (!file) return;
-      const reader = new FileReader();
-      reader.onload = (event) => {
-        var _a2;
-        onDraftAvatarChange(file, (_a2 = event.target) == null ? void 0 : _a2.result);
-      };
-      reader.readAsDataURL(file);
-    },
-    [onDraftAvatarChange]
-  );
-  const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
-  const hasAvatarPreview = Boolean(resolvedPreview);
-  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",
-        onClick: handleAvatarClick,
-        className: cn(
-          "agg-profile-avatar-trigger",
-          "group relative flex items-center justify-center self-start",
-          "h-[80px] w-[80px]",
-          "rounded-agg-full",
-          "bg-agg-secondary-hover",
-          !hasAvatarPreview && "hover:bg-agg-tertiary",
-          "transition-colors cursor-pointer",
-          "overflow-hidden"
-        ),
-        "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
-        children: [
-          !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__ */ jsx15(
-                "circle",
-                {
-                  cx: "40",
-                  cy: "40",
-                  r: "39.5",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "1",
-                  strokeDasharray: "8 8"
-                }
-              )
-            }
-          ) : null,
-          resolvedPreview ? /* @__PURE__ */ jsx15(
-            RemoteImage,
-            {
-              src: resolvedPreview,
-              alt: labels.onboarding.profileSetup.profilePreviewAlt,
-              className: "h-full w-full object-cover"
-            }
-          ) : /* @__PURE__ */ jsx15(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx15(
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        accept: "image/*",
-        onChange: handleFileChange,
-        className: "hidden",
-        "aria-hidden": "true"
-      }
-    ),
-    /* @__PURE__ */ jsxs13("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
-      /* @__PURE__ */ jsx15(
-        "label",
-        {
-          htmlFor: "profile-username",
-          className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
-          children: "Username"
-        }
-      ),
-      /* @__PURE__ */ jsx15(
-        "input",
-        {
-          id: "profile-username",
-          type: "text",
-          placeholder: "e.g. CryptoJohn",
-          value: draftUsername,
-          onChange: (e) => onDraftUsernameChange(e.target.value),
-          className: cn(
-            "h-10 w-full px-3 py-2.5",
-            "rounded-agg-sm",
-            "border border-agg-separator",
-            "bg-agg-secondary text-agg-foreground",
-            "placeholder:text-agg-muted-foreground",
-            "outline-none",
-            "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
-            "transition-colors",
-            "text-agg-sm sm:text-agg-base"
-          )
-        }
-      )
-    ] })
-  ] }) });
-};
-AboutTab.displayName = "AboutTab";
-
-// src/profile/tabs/accounts-wallets-tab.tsx
-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(
-      "flex h-12 items-center justify-between",
-      "rounded-agg-lg border border-agg-separator bg-agg-secondary",
-      "px-5",
-      className
-    ),
-    children
-  }
-);
-var AccountIdentity = ({
-  icon,
-  label,
-  iconClassName
-}) => /* @__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__ */ jsx16(
-  "button",
-  {
-    type: "button",
-    onClick,
-    className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap",
-    children: "Connect"
-  }
-);
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx16(
-  "button",
-  {
-    type: "button",
-    onClick,
-    className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-muted-foreground whitespace-nowrap",
-    children: "Disconnect"
-  }
-);
-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") {
-    return "solana";
-  }
-  return "ethereum";
-};
-var ConnectedAccountRow = ({
-  icon,
-  label,
-  connectedLabel,
-  connected,
-  iconClassName,
-  onConnect,
-  onDisconnect
-}) => {
-  const displayLabel = connected ? connectedLabel != null ? connectedLabel : label : label;
-  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__ */ jsx16(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ jsx16(ConnectTextButton, { onClick: onConnect })
-  ] });
-};
-var AccountsWalletsTab = ({
-  socialAccounts,
-  email,
-  wallets = [],
-  onConnectTwitter,
-  onDisconnectTwitter,
-  onConnectGoogle,
-  onDisconnectGoogle,
-  onConnectApple,
-  onDisconnectApple,
-  onConnectEmail
-}) => {
-  const twitter = socialAccounts == null ? void 0 : socialAccounts.twitter;
-  const google = socialAccounts == null ? void 0 : socialAccounts.google;
-  const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
-  const hasEmail = Boolean(email);
-  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",
-            iconClassName: "text-agg-foreground",
-            label: "Google",
-            connected: google == null ? void 0 : google.connected,
-            connectedLabel: google == null ? void 0 : google.handle,
-            onConnect: onConnectGoogle,
-            onDisconnect: onDisconnectGoogle
-          }
-        ),
-        /* @__PURE__ */ jsx16(
-          ConnectedAccountRow,
-          {
-            icon: "apple",
-            iconClassName: "text-agg-foreground",
-            label: "Apple",
-            connected: apple == null ? void 0 : apple.connected,
-            connectedLabel: apple == null ? void 0 : apple.handle,
-            onConnect: onConnectApple,
-            onDisconnect: onDisconnectApple
-          }
-        ),
-        /* @__PURE__ */ jsx16(
-          ConnectedAccountRow,
-          {
-            icon: "twitter",
-            iconClassName: "text-agg-foreground",
-            label: "X (Twitter)",
-            connected: twitter == null ? void 0 : twitter.connected,
-            connectedLabel: twitter == null ? void 0 : twitter.handle,
-            onConnect: onConnectTwitter,
-            onDisconnect: onDisconnectTwitter
-          }
-        ),
-        /* @__PURE__ */ jsx16(
-          ConnectedAccountRow,
-          {
-            icon: "email",
-            iconClassName: "text-agg-foreground",
-            label: "Email address",
-            connected: hasEmail,
-            connectedLabel: email != null ? email : void 0,
-            onConnect: onConnectEmail
-          }
-        )
-      ] })
-    ] }),
-    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__ */ 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),
-              iconClassName: "text-agg-foreground",
-              label: (_a = wallet.displayAddress) != null ? _a : wallet.address
-            }
-          ),
-          /* @__PURE__ */ jsx16(VerifiedBadge, {})
-        ] }) }, `${wallet.chain}:${wallet.address}`);
-      }) })
-    ] }) : null
-  ] });
-};
-AccountsWalletsTab.displayName = "AccountsWalletsTab";
-
-// src/profile/tabs/trading-access-tab.tsx
-import {
-  getVenueAvailabilityState,
-  getVisibleVenuesByConfig,
-  useAppConfig as useAppConfig2,
-  useGeoBlock,
-  useLabels as useLabels14
-} from "@agg-build/hooks";
-import { useMemo as useMemo3 } from "react";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
-var TRADING_ACCESS_VENUES = [
-  "kalshi",
-  "betdex",
-  "tiprun",
-  "polymarket",
-  "opinion",
-  "probable",
-  "limitless",
-  "predict",
-  "myriad",
-  "hyperliquid",
-  "novig",
-  "prophetx",
-  "pred"
-];
-var TRADING_ACCESS_VENUE_ITEMS = TRADING_ACCESS_VENUES.map((id) => ({ id }));
-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(
-      "flex h-12 items-center justify-between gap-4",
-      "rounded-agg-lg border border-agg-separator bg-agg-secondary",
-      "px-5"
-    ),
-    children
-  }
-);
-var AvailableStatus = () => {
-  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 = 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,
-  onConfigureBetdex
-}) => {
-  var _a;
-  const labels = useLabels14();
-  const { disabledVenues, isLoading: isAppConfigLoading } = useAppConfig2();
-  const { isLocationBlocked } = useGeoBlock();
-  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 || isBetdex) && isAppConfigLoading,
-        isLocationBlocked
-      });
-      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 })
-        ] }),
-        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",
-            onClick: onConnectKalshi,
-            disabled: !onConnectKalshi,
-            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__ */ jsxs15("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx17(AvailableStatus, {}),
-          onDisconnectKalshi ? /* @__PURE__ */ jsx17(
-            "button",
-            {
-              type: "button",
-              onClick: onDisconnectKalshi,
-              className: "min-h-11 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
-              children: labels.auth.disconnect
-            }
-          ) : null
-        ] }) : /* @__PURE__ */ jsx17(AvailableStatus, {})
-      ] }, venue);
-    }) })
-  ] });
-};
-TradingAccessTab.displayName = "TradingAccessTab";
-
-// src/profile/index.tsx
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
-var ProfileModal = ({
-  open,
-  onOpenChange,
-  username,
-  avatarPreview,
-  onSave,
-  onDeleteProfile,
-  socialAccounts,
-  wallets,
-  email,
-  onConnectTwitter,
-  onDisconnectTwitter,
-  onConnectGoogle,
-  onDisconnectGoogle,
-  onConnectApple,
-  onDisconnectApple,
-  onDisconnectWallet,
-  onConnectEmail,
-  onKycError,
-  onConnectKalshi,
-  onDisconnectExchange
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  const client = useAggClient();
-  const { user } = useAggAuthState2();
-  const toastCtx = useOptionalToast();
-  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] = 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
-  );
-  useEffect4(() => {
-    var _a2;
-    setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
-  }, [username, user == null ? void 0 : user.username]);
-  useEffect4(() => {
-    if (open) return;
-    setIsConnectKalshiModalOpen(false);
-    setBetdexAccountUserId(null);
-  }, [open]);
-  useEffect4(() => setBetdexAccountUserId(null), [user == null ? void 0 : user.id]);
-  const handleOpenChange = useCallback4(
-    (isOpen) => {
-      var _a2;
-      if (!isOpen) {
-        setActiveTab(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
-        setIsSaving(false);
-        setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
-        setDraftAvatarFile(void 0);
-        setDraftAvatarPreview(void 0);
-        setAvatarTypeError(null);
-      }
-      onOpenChange(isOpen);
-    },
-    [
-      onOpenChange,
-      username,
-      user == null ? void 0 : user.username,
-      setActiveTab,
-      setIsSaving,
-      setDraftUsername,
-      setDraftAvatarFile,
-      setDraftAvatarPreview
-    ]
-  );
-  const handleDraftAvatarChange = useCallback4(
-    (file, preview) => {
-      const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
-      if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
-        setAvatarTypeError("Unsupported format. Please use JPEG, PNG, GIF, or WebP.");
-        return;
-      }
-      setAvatarTypeError(null);
-      setDraftAvatarFile(file);
-      setDraftAvatarPreview(preview);
-    },
-    []
-  );
-  const originalUsername = (_b = username != null ? username : user == null ? void 0 : user.username) != null ? _b : "";
-  const hasChanges = draftUsername !== originalUsername || draftAvatarFile !== void 0;
-  const handleSave = useCallback4(() => __async(null, null, function* () {
-    var _a2, _b2, _c2;
-    setIsSaving(true);
-    try {
-      const normalizedUsername = draftUsername.trim();
-      if (normalizedUsername !== originalUsername) {
-        yield client.updateUser({ username: normalizedUsername || void 0 });
-      }
-      let avatarCdnUrl;
-      if (draftAvatarFile) {
-        const { uploadUrl, cdnUrl } = yield client.createAvatarUploadUrl(draftAvatarFile.type);
-        const uploadResponse = yield fetch(uploadUrl, {
-          method: "PUT",
-          headers: {
-            "Content-Type": draftAvatarFile.type
-          },
-          body: draftAvatarFile
-        });
-        if (!uploadResponse.ok) {
-          throw new Error(`Avatar upload failed (${uploadResponse.status})`);
-        }
-        avatarCdnUrl = cdnUrl || void 0;
-        yield new Promise((resolve) => setTimeout(resolve, 5e3));
-        yield client.updateUser({ confirmAvatar: true });
-      }
-      const profile = yield client.getCurrentUser();
-      const resolvedAvatarPreview = (_b2 = (_a2 = profile == null ? void 0 : profile.avatarUrl) != null ? _a2 : avatarCdnUrl) != null ? _b2 : draftAvatarPreview;
-      onSave({
-        username: normalizedUsername || void 0,
-        avatarFile: draftAvatarFile,
-        avatarPreview: resolvedAvatarPreview
-      });
-      onOpenChange(false);
-    } catch (err) {
-      const apiError = err;
-      const fieldErrors = ((_c2 = apiError.errors) != null ? _c2 : []).map((e) => e == null ? void 0 : e.message).filter((m) => typeof m === "string" && m.length > 0);
-      const toastMessage = fieldErrors.length > 0 ? fieldErrors.join("\n") : apiError.message || "Failed to save profile. Please try again.";
-      if (toastCtx) {
-        toastCtx.toast(toastMessage, { tone: "error", title: "Could not save profile" });
-      } else if (typeof console !== "undefined") {
-        console.error("[ProfileModal] save failed:", toastMessage);
-      }
-    } finally {
-      setIsSaving(false);
-    }
-  }), [
-    client,
-    draftAvatarFile,
-    draftAvatarPreview,
-    draftUsername,
-    onOpenChange,
-    onSave,
-    originalUsername,
-    toastCtx
-  ]);
-  const handleCancel = useCallback4(() => {
-    handleOpenChange(false);
-  }, [handleOpenChange]);
-  const handleVerifyKalshi = useCallback4(
-    (credentials) => __async(null, null, function* () {
-      if (onConnectKalshi) {
-        yield onConnectKalshi(credentials);
-      } else {
-        yield client.upsertVenueKey({
-          venue: Venue.kalshi,
-          credentials: {
-            keyId: credentials.apiKeyId,
-            privateKey: credentials.privateKey
-          }
-        });
-      }
-      yield refetchKalshiStatus();
-      yield client.getCurrentUser();
-    }),
-    [client, onConnectKalshi, refetchKalshiStatus]
-  );
-  const handleDisconnectKalshi = useCallback4(() => __async(null, null, function* () {
-    yield client.deleteVenueKey(Venue.kalshi);
-    yield refetchKalshiStatus();
-    onDisconnectExchange == null ? void 0 : onDisconnectExchange(Venue.kalshi);
-  }), [client, onDisconnectExchange, refetchKalshiStatus]);
-  const resolvedVenueAccounts = useMemo4(() => {
-    var _a2;
-    const nonKalshiAccounts = (_a2 = user == null ? void 0 : user.venueAccounts) == null ? void 0 : _a2.filter((account) => account.venue !== "kalshi");
-    if (!kalshiStatus) return user == null ? void 0 : user.venueAccounts;
-    if (!(kalshiStatus == null ? void 0 : kalshiStatus.connected)) return nonKalshiAccounts;
-    return [
-      ...nonKalshiAccounts != null ? nonKalshiAccounts : [],
-      {
-        id: "kalshi-venue-key",
-        venue: Venue.kalshi,
-        status: "active",
-        kycStatus: kalshiStatus.kycStatus
-      }
-    ];
-  }, [kalshiStatus, user == null ? void 0 : user.venueAccounts]);
-  const isAccountConnected = (providers) => {
-    var _a2, _b2, _c2;
-    const normalizedProviders = providers.map((provider) => provider.toLowerCase());
-    const fromAccounts = (_b2 = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.some(
-      (account) => normalizedProviders.includes(String(account.provider).toLowerCase())
-    )) != null ? _b2 : false;
-    const legacyIdentities = user == null ? void 0 : user.identities;
-    const fromLegacy = (_c2 = legacyIdentities == null ? void 0 : legacyIdentities.some(
-      (identity) => {
-        var _a3;
-        return normalizedProviders.includes(String((_a3 = identity.provider) != null ? _a3 : "").toLowerCase());
-      }
-    )) != null ? _c2 : false;
-    return fromAccounts || fromLegacy;
-  };
-  const resolvedSocialAccounts = socialAccounts != null ? socialAccounts : {
-    twitter: {
-      connected: isAccountConnected(["twitter"])
-    },
-    google: {
-      connected: isAccountConnected(["google"])
-    },
-    apple: {
-      connected: isAccountConnected(["apple"])
-    }
-  };
-  const resolvedEmail = (_h = (_g = email != null ? email : (_d = (_c = user == null ? void 0 : user.accounts) == null ? void 0 : _c.find(
-    (account) => String(account.provider).toLowerCase() === "email"
-  )) == null ? void 0 : _d.providerAccountId) != null ? _g : (_f = (_e = user == null ? void 0 : user.identities) == null ? void 0 : _e.find((identity) => {
-    var _a2;
-    return String((_a2 = identity.provider) != null ? _a2 : "").toLowerCase() === "email";
-  })) == null ? void 0 : _f.providerAccountId) != null ? _h : null;
-  const resolveRedirectUrl = () => {
-    if (typeof window === "undefined") return "http://localhost";
-    return `${window.location.origin}${window.location.pathname}${window.location.search}`;
-  };
-  const navigateTopWindow = (url) => {
-    var _a2;
-    if (typeof window === "undefined") return;
-    ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
-  };
-  const surfaceError = useCallback4(
-    (err, title) => {
-      const message = (err == null ? void 0 : err.message) || "Something went wrong. Please try again.";
-      if (toastCtx) {
-        toastCtx.toast(message, { tone: "error", title });
-      } else {
-        console.error(`[ProfileModal] ${title}:`, message);
-      }
-    },
-    [toastCtx]
-  );
-  const handleConnectTwitter = useCallback4(() => __async(null, null, function* () {
-    try {
-      const result = yield client.linkAccount({
-        provider: "twitter",
-        redirectUrl: resolveRedirectUrl()
-      });
-      onConnectTwitter == null ? void 0 : onConnectTwitter();
-      if (result.type === "redirect") {
-        navigateTopWindow(result.url);
-      }
-    } catch (err) {
-      surfaceError(err, "Could not connect X (Twitter)");
-    }
-  }), [client, onConnectTwitter, surfaceError]);
-  const handleConnectGoogle = useCallback4(() => __async(null, null, function* () {
-    try {
-      const result = yield client.linkAccount({
-        provider: "google",
-        redirectUrl: resolveRedirectUrl()
-      });
-      onConnectGoogle == null ? void 0 : onConnectGoogle();
-      if (result.type === "redirect") {
-        navigateTopWindow(result.url);
-      }
-    } catch (err) {
-      surfaceError(err, "Could not connect Google");
-    }
-  }), [client, onConnectGoogle, surfaceError]);
-  const handleConnectApple = useCallback4(() => __async(null, null, function* () {
-    try {
-      const result = yield client.linkAccount({
-        provider: "apple",
-        redirectUrl: resolveRedirectUrl()
-      });
-      onConnectApple == null ? void 0 : onConnectApple();
-      if (result.type === "redirect") {
-        navigateTopWindow(result.url);
-      }
-    } catch (err) {
-      surfaceError(err, "Could not connect Apple");
-    }
-  }), [client, onConnectApple, surfaceError]);
-  const handleDisconnectTwitter = useCallback4(() => __async(null, null, function* () {
-    try {
-      yield client.disconnectAccount("twitter");
-      yield client.getCurrentUser();
-      onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
-    } catch (err) {
-      surfaceError(err, "Could not disconnect X (Twitter)");
-    }
-  }), [client, onDisconnectTwitter, surfaceError]);
-  const handleDisconnectGoogle = useCallback4(() => __async(null, null, function* () {
-    try {
-      yield client.disconnectAccount("google");
-      yield client.getCurrentUser();
-      onDisconnectGoogle == null ? void 0 : onDisconnectGoogle();
-    } catch (err) {
-      surfaceError(err, "Could not disconnect Google");
-    }
-  }), [client, onDisconnectGoogle, surfaceError]);
-  const handleDisconnectApple = useCallback4(() => __async(null, null, function* () {
-    try {
-      yield client.disconnectAccount("apple");
-      yield client.getCurrentUser();
-      onDisconnectApple == null ? void 0 : onDisconnectApple();
-    } catch (err) {
-      surfaceError(err, "Could not disconnect Apple");
-    }
-  }), [client, onDisconnectApple, surfaceError]);
-  const handleConnectEmail = useCallback4(() => __async(null, null, function* () {
-    var _a2;
-    const typedEmail = typeof window !== "undefined" ? (_a2 = window.prompt("Enter your email to receive a magic link")) == null ? void 0 : _a2.trim() : void 0;
-    if (!typedEmail) return;
-    try {
-      yield client.linkAccount({
-        provider: "email",
-        email: typedEmail,
-        redirectUrl: resolveRedirectUrl()
-      });
-      onConnectEmail == null ? void 0 : onConnectEmail();
-      toastCtx == null ? void 0 : toastCtx.toast(`We sent a link to ${typedEmail} to connect your email.`, {
-        tone: "success",
-        title: "Check your inbox"
-      });
-    } catch (err) {
-      surfaceError(err, "Could not connect email");
-    }
-  }), [client, onConnectEmail, surfaceError, toastCtx]);
-  const handleDisconnectWallet = useCallback4(
-    (wallet) => __async(null, null, function* () {
-      const normalizedChain = wallet.chain.toLowerCase();
-      const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
-      try {
-        yield client.disconnectAccount(provider);
-        yield client.getCurrentUser();
-        onDisconnectWallet == null ? void 0 : onDisconnectWallet(wallet);
-      } catch (err) {
-        surfaceError(err, "Could not disconnect wallet");
-      }
-    }),
-    [client, onDisconnectWallet, surfaceError]
-  );
-  const providerActionMap = useMemo4(
-    () => ({
-      twitter: {
-        connect: () => {
-          void handleConnectTwitter();
-        },
-        disconnect: () => {
-          void handleDisconnectTwitter();
-        }
-      },
-      google: {
-        connect: () => {
-          void handleConnectGoogle();
-        },
-        disconnect: () => {
-          void handleDisconnectGoogle();
-        }
-      },
-      apple: {
-        connect: () => {
-          void handleConnectApple();
-        },
-        disconnect: () => {
-          void handleDisconnectApple();
-        }
-      },
-      email: {
-        connect: () => {
-          void handleConnectEmail();
-        }
-      }
-    }),
-    [
-      handleConnectApple,
-      handleConnectEmail,
-      handleConnectGoogle,
-      handleConnectTwitter,
-      handleDisconnectApple,
-      handleDisconnectGoogle,
-      handleDisconnectTwitter
-    ]
-  );
-  const resolvedWallets = useMemo4(() => {
-    var _a2, _b2;
-    if (wallets) return wallets;
-    const walletAccounts = (_b2 = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.filter((account) => {
-      var _a3;
-      const provider = (_a3 = account.provider) == null ? void 0 : _a3.toLowerCase();
-      return provider === "wallet" || provider === "solana_wallet";
-    })) != null ? _b2 : [];
-    return walletAccounts.filter((account) => Boolean(account.providerAccountId)).map((account) => {
-      var _a3, _b3;
-      const chain = ((_a3 = account.provider) == null ? void 0 : _a3.toLowerCase()) === "solana_wallet" ? "solana" : "evm";
-      const address = account.providerAccountId;
-      return {
-        chain,
-        address,
-        displayAddress: (_b3 = shortenAddress(address, { chain })) != null ? _b3 : address
-      };
-    });
-  }, [user == null ? void 0 : user.accounts, wallets]);
-  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",
-                  {
-                    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__ */ 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,
-                  {
-                    variant: "primary",
-                    size: "large",
-                    disabled: !hasChanges,
-                    isLoading: isSaving,
-                    onClick: handleSave,
-                    children: "Save changes"
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__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 useLabels15 } from "@agg-build/hooks";
-import { useCallback as useCallback5 } from "react";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
-var GeoBlockModal = ({
-  open,
-  onOpenChange,
-  onConfirm,
-  classNames
-}) => {
-  const labels = useLabels15();
-  const handleConfirm = useCallback5(() => {
-    onConfirm == null ? void 0 : onConfirm();
-    onOpenChange(false);
-  }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ jsx19(
-    Modal,
-    {
-      open,
-      onOpenChange,
-      "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ jsxs17(
-        Modal.Container,
-        {
-          maxWidth: "480px",
-          classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
-          children: [
-            /* @__PURE__ */ jsx19(
-              Modal.Header,
-              {
-                title: "",
-                hideBorder: true,
-                classNames: {
-                  root: "min-h-0! h-12!",
-                  container: "p-0! sm:p-0!",
-                  close: "absolute top-8 right-8"
-                }
-              }
-            ),
-            /* @__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__ */ 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__ */ jsx19(
-                Button,
-                {
-                  variant: "secondary",
-                  size: "large",
-                  className: "h-10 min-w-[140px] px-6",
-                  onClick: handleConfirm,
-                  children: labels.trading.geoBlockModalConfirm
-                }
-              )
-            ] }) })
-          ]
-        }
-      )
-    }
-  );
-};
-GeoBlockModal.displayName = "GeoBlockModal";
-
-export {
-  PaperTradingBadge,
-  CARD_NETWORK_OPTIONS,
-  clearPendingCardSession,
-  getPendingCardSession,
-  DepositModal,
-  PaperOnboardingModal,
-  PaperTradingOnboarding,
-  ProfileModal,
-  GeoBlockModal
-};