@agg-build/ui 1.0.0

package/dist/chunk-DMKKNK76.mjs

@@ -0,0 +1,3742 @@
+"use client";
+import {
+  ArbitrumIcon,
+  BaseIcon,
+  BestPricesIcon,
+  BnbIcon,
+  BoltIcon,
+  Button,
+  CheckCircleIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CloseIcon,
+  CopyIcon,
+  CreateAccountIcon,
+  CreditCardIcon,
+  DocumentIcon,
+  EthereumIcon,
+  ExternalLinkIcon,
+  Icon,
+  LinkAccountsIcon,
+  LoadingIcon,
+  Modal,
+  PlaySquareIcon,
+  PolygonIcon,
+  ProfileIcon,
+  RemoteImage,
+  Select,
+  SolanaIcon,
+  StayInControlIcon,
+  SuccessCheckIcon,
+  UsdcIcon,
+  VenueLogo,
+  WalletIcon,
+  WarningIcon,
+  __async,
+  __spreadProps,
+  __spreadValues,
+  cn,
+  formatCompactUsd,
+  venueLogoLabels
+} from "./chunk-6NS7D73S.mjs";
+
+// src/deposit/index.tsx
+import { useEffect as useEffect3, useMemo, useRef, useState as useState3 } from "react";
+import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels10 } from "@agg-build/hooks";
+import { SVM_CHAIN_IDS, useDepositFlow } from "@agg-build/hooks/deposit";
+
+// src/shared/constants.ts
+import React from "react";
+var USDC = {
+  value: "USDC",
+  label: "USDC",
+  iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdc.svg"
+};
+var SUPPORTED_NETWORKS = [
+  {
+    value: "arbitrum",
+    label: "Arbitrum One",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/arbitrum/colored.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "base",
+    label: "Base",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/base/colored.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "bnb",
+    label: "BNB Chain",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/bnb/colored.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "mainnet",
+    label: "Ethereum",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/eth/colored.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "optimism",
+    label: "Optimism",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/optimism/colored.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "polygon",
+    label: "Polygon Mainnet",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/polygon/colored.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "solana",
+    label: "Solana",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/solana/dark.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "zksync",
+    label: "zkSync Era",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/zksync/colored.svg",
+    tokens: [USDC]
+  }
+];
+var mapNetworksToOptions = () => {
+  return SUPPORTED_NETWORKS.map((n) => {
+    const Component = CHAIN_ICON_COMPONENTS[n.value];
+    return {
+      value: n.value,
+      label: n.label,
+      iconUrl: n.iconUrl,
+      icon: Component ? React.createElement(Component) : void 0
+    };
+  });
+};
+var DEFAULT_CURRENCY_OPTIONS = [
+  {
+    value: "USDC",
+    label: "USDC",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdc.svg"
+  },
+  // Add commonly-used tokens with icons. These can be overridden by props.
+  {
+    value: "ARB",
+    label: "ARB",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/arb.svg"
+  },
+  {
+    value: "BNB",
+    label: "BNB",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/bnb.svg"
+  },
+  {
+    value: "BTC",
+    label: "BTC",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/btc.svg"
+  },
+  {
+    value: "MATIC",
+    label: "MATIC",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/matic.svg"
+  },
+  {
+    value: "ETH",
+    label: "ETH",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/eth.svg"
+  },
+  {
+    value: "SOL",
+    label: "SOL",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/sol.svg"
+  },
+  {
+    value: "OP",
+    label: "OP",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/tokens/op.svg"
+  }
+];
+var withTokenIcons = (options) => {
+  const byValue = new Map(DEFAULT_CURRENCY_OPTIONS.map((o) => [o.value, o.iconUrl]));
+  return options.map((o) => o.iconUrl ? o : __spreadProps(__spreadValues({}, o), { iconUrl: byValue.get(o.value) }));
+};
+var CHAIN_ID_TO_SLUG = {
+  "1": "mainnet",
+  "10": "optimism",
+  "56": "bnb",
+  "137": "polygon",
+  "324": "zksync",
+  "8453": "base",
+  "42161": "arbitrum",
+  "792703809": "solana"
+};
+var CHAIN_ICON_COMPONENTS = {
+  mainnet: EthereumIcon,
+  polygon: PolygonIcon,
+  base: BaseIcon,
+  arbitrum: ArbitrumIcon,
+  solana: SolanaIcon,
+  bnb: BnbIcon
+};
+var withNetworkIcons = (options) => {
+  const bySlug = new Map(SUPPORTED_NETWORKS.map((n) => [n.value, n.iconUrl]));
+  return options.map((o) => {
+    var _a, _b, _c;
+    const slug = (_a = CHAIN_ID_TO_SLUG[o.value]) != null ? _a : o.value;
+    const Component = CHAIN_ICON_COMPONENTS[slug];
+    return __spreadProps(__spreadValues({}, o), {
+      iconUrl: (_b = o.iconUrl) != null ? _b : bySlug.get(slug),
+      icon: (_c = o.icon) != null ? _c : Component ? React.createElement(Component) : void 0
+    });
+  });
+};
+var mergeSelectOptionsUnique = (base, fill) => {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const opt of base != null ? base : []) {
+    if (!seen.has(opt.value)) {
+      out.push(opt);
+      seen.add(opt.value);
+    }
+  }
+  for (const opt of fill) {
+    if (!seen.has(opt.value)) {
+      out.push(opt);
+      seen.add(opt.value);
+    }
+  }
+  return out;
+};
+
+// src/deposit/deposit-modal.constants.ts
+import React2 from "react";
+var CARD_NETWORK_OPTIONS = [
+  { value: "ethereum", label: "Ethereum", icon: React2.createElement(EthereumIcon) },
+  { value: "arbitrum", label: "Arbitrum", icon: React2.createElement(ArbitrumIcon) },
+  { value: "base", label: "Base", icon: React2.createElement(BaseIcon) },
+  { value: "solana", label: "Solana", icon: React2.createElement(SolanaIcon) },
+  { value: "polygon", label: "Polygon", icon: React2.createElement(PolygonIcon) }
+];
+var NETWORK_TO_CURRENCY_CODE = {
+  ethereum: "USDC",
+  arbitrum: "USDC_ARBITRUM",
+  base: "USDC_BASE",
+  solana: "USDC_SOLANA",
+  polygon: "USDC_POLYGON"
+};
+
+// src/deposit/steps/deposit-method.tsx
+import { useLabels } from "@agg-build/hooks";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DepositMethodCard = ({
+  icon,
+  title,
+  description,
+  value,
+  highlighted = false,
+  disabled = false,
+  onContinue
+}) => /* @__PURE__ */ jsxs(
+  "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__ */ jsx("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      ] }),
+      value ? /* @__PURE__ */ jsx("p", { className: "agg-type-label text-agg-muted-foreground", children: value }) : null,
+      /* @__PURE__ */ jsx("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-5 w-5" }) })
+    ]
+  }
+);
+var DepositMethodStep = ({
+  balance,
+  walletLabel,
+  walletBalance,
+  isWalletBalanceLoading = false,
+  showWalletMethod = true,
+  highlightedMethod,
+  depositAddressesReady = true,
+  onSelectMethod
+}) => {
+  const labels = useLabels();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Modal.Header, { title: labels.deposit.title, hideBorder: true }),
+    /* @__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("p", { className: "agg-type-body text-agg-foreground", children: [
+        labels.deposit.balancePrefix,
+        " ",
+        formatCompactUsd(balance)
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        showWalletMethod ? /* @__PURE__ */ jsx(
+          DepositMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+            title: labels.deposit.methods.walletTitle(walletLabel),
+            description: labels.deposit.methods.walletDescription,
+            value: isWalletBalanceLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : formatCompactUsd(walletBalance),
+            highlighted: highlightedMethod === "wallet",
+            disabled: !depositAddressesReady,
+            onContinue: () => onSelectMethod("wallet")
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          DepositMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx(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__ */ jsx(
+          DepositMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx(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/card-deposit.tsx
+import { useLabels as useLabels2 } from "@agg-build/hooks";
+import { useEffect, useState } from "react";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CardDepositStep = ({
+  amount,
+  currency,
+  // tokenOptions,
+  networkOptions,
+  // selectedToken,
+  selectedNetwork,
+  minAmount,
+  onBack,
+  onAmountChange,
+  onCurrencyChange,
+  // onTokenChange,
+  onNetworkChange,
+  onContinue
+}) => {
+  const labels = useLabels2();
+  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__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(
+      Modal.Header,
+      {
+        title: labels.deposit.cardFlow.title,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx2(
+          "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__ */ jsx2(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx2(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex-1 flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx2("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.amountLabel }),
+            formattedMin ? /* @__PURE__ */ jsx2("p", { className: "agg-type-label text-agg-foreground", children: labels.deposit.cardFlow.minRequired(formattedMin) }) : null
+          ] }),
+          /* @__PURE__ */ jsxs2("div", { className: "flex gap-3 items-center", children: [
+            /* @__PURE__ */ jsxs2(
+              "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__ */ jsx2(
+                    "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__ */ jsx2("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx2("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx2(
+              Select,
+              {
+                items: [{ value: currency, label: currency }],
+                value: currency,
+                onChange: onCurrencyChange,
+                ariaLabel: labels.deposit.cardFlow.currencyLabel,
+                triggerClassName: "rounded-agg-sm"
+              }
+            ) })
+          ] })
+        ] }),
+        isBelowMin && formattedMin ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", role: "alert", "aria-live": "assertive", children: [
+          /* @__PURE__ */ jsx2(
+            Icon,
+            {
+              name: "warning",
+              className: "!h-3.5 !w-3.5 shrink-0 text-agg-error",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsx2("p", { className: "agg-type-label text-agg-error", children: labels.deposit.cardFlow.minAmountError(formattedMin) })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx2("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.cardFlow.networkLabel }),
+        /* @__PURE__ */ jsx2(
+          Select,
+          {
+            items: networkOptions,
+            value: selectedNetwork,
+            onChange: onNetworkChange,
+            ariaLabel: labels.deposit.cardFlow.networkLabel,
+            triggerClassName: "rounded-agg-sm"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx2(
+        Button,
+        {
+          variant: "secondary",
+          size: "large",
+          className: "w-full",
+          disabled: !isValid,
+          onClick: () => onContinue(numericAmount),
+          children: labels.deposit.cardFlow.getQuotes
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/crypto-transfer.tsx
+import { useState as useState2, useCallback } from "react";
+import { useLabels as useLabels3 } from "@agg-build/hooks";
+
+// src/deposit/components/DepositQRCode.tsx
+import { QRCodeSVG } from "qrcode.react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function DepositQRCode({
+  depositAddress,
+  networkLogoUrl,
+  networkLogo,
+  size = 160
+}) {
+  const logoOverlay = networkLogo ? /* @__PURE__ */ jsx3(
+    "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__ */ jsx3(
+    "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__ */ jsx3(
+    "div",
+    {
+      className: "inline-flex items-center justify-center rounded-xl border",
+      style: {
+        padding: 16,
+        borderColor: "#E5E7EB",
+        backgroundColor: "#FFFFFF"
+      },
+      children: /* @__PURE__ */ jsxs3("div", { className: "relative", style: { width: size, height: size }, children: [
+        /* @__PURE__ */ jsx3(QRCodeSVG, { value: depositAddress, size, level: "H" }),
+        logoOverlay
+      ] })
+    }
+  );
+}
+DepositQRCode.displayName = "DepositQRCode";
+
+// src/deposit/steps/crypto-transfer.tsx
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var CryptoAddressLoadingState = () => {
+  const labels = useLabels3();
+  const sendCryptoLabels = labels.deposit.sendCrypto;
+  return /* @__PURE__ */ jsxs4(
+    "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__ */ jsx4(
+          "span",
+          {
+            className: "h-9 w-9 animate-spin rounded-full border-2 border-agg-primary/25 border-t-agg-primary",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-col items-center gap-2", children: [
+          /* @__PURE__ */ jsx4("p", { className: "text-agg-base font-agg-bold leading-agg-6", children: sendCryptoLabels.addressLoadingTitle }),
+          /* @__PURE__ */ jsx4("p", { className: "max-w-[300px] text-agg-sm leading-agg-5", children: sendCryptoLabels.addressLoadingDescription })
+        ] })
+      ]
+    }
+  );
+};
+var CryptoTransferStep = ({
+  tokenOptions,
+  networkOptions,
+  selectedToken,
+  selectedNetwork,
+  depositAddress,
+  minDeposit,
+  feeEstimate,
+  eta,
+  isLoadingAddress,
+  addressError,
+  onBack,
+  onTokenChange,
+  onNetworkChange,
+  onCopyAddress,
+  onDone
+}) => {
+  var _a;
+  const labels = useLabels3();
+  const [isCopied, setIsCopied] = useState2(false);
+  const handleCopy = useCallback(() => {
+    onCopyAddress();
+    setIsCopied(true);
+    window.setTimeout(() => setIsCopied(false), 2e3);
+  }, [onCopyAddress]);
+  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;
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx4(
+      Modal.Header,
+      {
+        title: labels.deposit.sendCrypto.title,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx4(
+          "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__ */ jsx4(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx4(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ jsxs4("div", { className: "flex gap-5", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
+          /* @__PURE__ */ jsx4(
+            Select,
+            {
+              items: tokenOptions,
+              value: selectedToken,
+              onChange: onTokenChange,
+              ariaLabel: labels.deposit.sendCrypto.tokenLabel
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
+          /* @__PURE__ */ jsx4(
+            Select,
+            {
+              items: networkOptions,
+              value: selectedNetwork,
+              onChange: onNetworkChange,
+              ariaLabel: labels.deposit.sendCrypto.networkLabel
+            }
+          )
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx4("div", { className: "mx-auto", children: isLoadingAddress ? /* @__PURE__ */ jsx4(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ jsx4("div", { className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary", children: /* @__PURE__ */ jsx4("p", { className: "agg-type-label text-center text-agg-error px-3", children: addressError }) }) : /* @__PURE__ */ jsx4(
+        DepositQRCode,
+        {
+          depositAddress,
+          networkLogoUrl,
+          networkLogo
+        }
+      ) }),
+      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx4("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
+        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
+          isLoadingAddress ? /* @__PURE__ */ jsx4("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ jsx4("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
+          /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              type: "button",
+              disabled: isLoadingAddress || !!addressError || !depositAddress,
+              className: "shrink-0 inline-flex items-center gap-1 text-agg-primary hover:text-agg-primary/80 transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
+              onClick: handleCopy,
+              children: [
+                isCopied ? /* @__PURE__ */ jsx4(CheckCircleIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx4(CopyIcon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx4("span", { className: "agg-type-label-strong", children: isCopied ? labels.deposit.sendCrypto.copied : labels.deposit.sendCrypto.copy })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx4("p", { className: "agg-type-label text-agg-foreground", children: `${labels.deposit.sendCrypto.minDepositPrefix} ${minDeposit} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
+        /* @__PURE__ */ jsx4(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
+        /* @__PURE__ */ jsx4("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
+      ] }),
+      /* @__PURE__ */ jsx4(
+        Button,
+        {
+          variant: "secondary",
+          size: "large",
+          className: "w-[120px] self-center",
+          onClick: onDone,
+          children: labels.deposit.done
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/wallet-form.tsx
+import { useLabels as useLabels4 } from "@agg-build/hooks";
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs5 } 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 = useLabels4();
+  const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount) > 0 && Number(amount) <= walletBalance;
+  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
+    /* @__PURE__ */ jsx5(
+      Modal.Header,
+      {
+        title: labels.deposit.walletFlow.title,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx5(
+          "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__ */ jsx5(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx5(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx5("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
+        /* @__PURE__ */ jsxs5("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+          labels.deposit.balanceLabel,
+          " ",
+          isBalanceLoading ? /* @__PURE__ */ jsx5(LoadingIcon, { size: "small" }) : formatCompactUsd(walletBalance)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex gap-5", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx5("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
+            /* @__PURE__ */ jsx5(
+              Select,
+              {
+                items: tokenOptions,
+                value: selectedToken,
+                onChange: onTokenChange,
+                ariaLabel: labels.deposit.walletFlow.tokenLabel
+              }
+            )
+          ] }),
+          networkOptions.length > 1 ? /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx5("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
+            /* @__PURE__ */ jsx5(
+              Select,
+              {
+                items: networkOptions,
+                value: selectedNetwork,
+                onChange: onNetworkChange,
+                ariaLabel: labels.deposit.walletFlow.networkLabel
+              }
+            )
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx5("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
+          /* @__PURE__ */ jsxs5(
+            "div",
+            {
+              className: cn(
+                "flex items-center gap-2",
+                "rounded border border-agg-separator bg-agg-secondary",
+                "h-10 px-3"
+              ),
+              children: [
+                /* @__PURE__ */ jsx5(
+                  "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__ */ jsx5(
+                  "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__ */ jsx5("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null,
+        formErrorMessage ? /* @__PURE__ */ jsxs5(
+          "div",
+          {
+            className: cn(
+              "flex items-start gap-2",
+              formErrorTone === "warning" ? "text-agg-warning" : "text-agg-error"
+            ),
+            children: [
+              /* @__PURE__ */ jsx5(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
+              /* @__PURE__ */ jsx5("p", { className: "agg-type-label", children: formErrorMessage })
+            ]
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsx5(
+        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/card-provider.tsx
+import { useLabels as useLabels5 } from "@agg-build/hooks";
+import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var CardProviderItem = ({ provider, onSelect }) => {
+  const labels = useLabels5();
+  const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
+  return /* @__PURE__ */ jsx6(
+    "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__ */ jsxs6("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx6("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
+          badgeText ? /* @__PURE__ */ jsx6(
+            "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__ */ jsxs6("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsx6("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
+            /* @__PURE__ */ jsxs6("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+              labels.deposit.cardFlow.feeLabel,
+              " ",
+              provider.fee
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx6(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
+        ] })
+      ] })
+    }
+  );
+};
+var CardProviderStep = ({
+  token,
+  amount,
+  currency,
+  providers,
+  isLoading,
+  error,
+  sessionError,
+  onBack,
+  onSelectProvider,
+  onRetry
+}) => {
+  const labels = useLabels5();
+  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
+    /* @__PURE__ */ jsx6(
+      Modal.Header,
+      {
+        title: labels.deposit.cardFlow.selectProviderTitle,
+        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": labels.deposit.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-4", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx6(UsdcIcon, { className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ jsx6("span", { className: "agg-type-body font-agg-bold text-agg-foreground", children: token }),
+        /* @__PURE__ */ jsxs6("span", { className: "agg-type-body text-agg-foreground", children: [
+          "$",
+          amount,
+          " ",
+          currency
+        ] })
+      ] }),
+      isLoading ? /* @__PURE__ */ jsxs6("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-3", children: [
+        /* @__PURE__ */ jsx6(LoadingIcon, { variant: "prominent" }),
+        /* @__PURE__ */ jsx6("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.loadingQuotes })
+      ] }) : error ? /* @__PURE__ */ jsxs6("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center", children: [
+        /* @__PURE__ */ jsx6(
+          Icon,
+          {
+            name: "quotes-warning",
+            size: "large",
+            className: "!h-9 !w-9 shrink-0 text-agg-muted-foreground",
+            color: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxs6("div", { className: "flex max-w-[320px] flex-col gap-2", children: [
+          /* @__PURE__ */ jsx6("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesTitle }),
+          /* @__PURE__ */ jsx6("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesDescription })
+        ] }),
+        onRetry ? /* @__PURE__ */ jsx6(Button, { variant: "secondary", size: "medium", onClick: onRetry, children: labels.deposit.cardFlow.retry }) : null
+      ] }) : providers.length === 0 ? /* @__PURE__ */ jsx6("div", { className: "flex min-h-[200px] items-center justify-center", children: /* @__PURE__ */ jsx6("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.noQuotes }) }) : /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-4", children: [
+        providers.map((provider) => /* @__PURE__ */ jsx6(
+          CardProviderItem,
+          {
+            provider,
+            onSelect: onSelectProvider
+          },
+          provider.id
+        )),
+        sessionError ? /* @__PURE__ */ jsx6("p", { className: "agg-type-label text-agg-error text-center", children: sessionError }) : null
+      ] })
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/card-payment-pending.tsx
+import { useLabels as useLabels6 } from "@agg-build/hooks";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var CardPaymentPendingStep = ({
+  providerName,
+  onClose,
+  onViewActivity,
+  onChooseAnotherProvider
+}) => {
+  const labels = useLabels6();
+  return /* @__PURE__ */ jsx7("div", { className: "relative", children: /* @__PURE__ */ jsxs7(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ jsx7(
+      "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__ */ jsx7(CloseIcon, { className: "h-6 w-6" })
+      }
+    ),
+    /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ jsx7("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx7(ExternalLinkIcon, { className: "h-[60px] w-[60px]" }) }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx7("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.pendingTitle(providerName) }),
+        /* @__PURE__ */ jsx7("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.pendingDescription })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-start justify-center gap-3", children: [
+        /* @__PURE__ */ jsx7(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: labels.common.close }),
+        /* @__PURE__ */ jsx7(Button, { variant: "primary", size: "large", onClick: onViewActivity, children: labels.deposit.cardFlow.viewActivity })
+      ] }),
+      /* @__PURE__ */ jsx7(
+        "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-purchase-success.tsx
+import { useLabels as useLabels7 } from "@agg-build/hooks";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var SummaryRow = ({ label, value }) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ jsx8("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx8("p", { className: "agg-type-label text-agg-foreground", children: value })
+] });
+var CardPurchaseSuccessStep = ({
+  summary,
+  onDone,
+  onClose
+}) => {
+  const labels = useLabels7();
+  return /* @__PURE__ */ jsx8("div", { className: "relative", children: /* @__PURE__ */ jsxs8(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ jsx8(
+      "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__ */ jsx8(CloseIcon, { className: "h-6 w-6" })
+      }
+    ),
+    /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ jsx8("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ jsx8(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx8("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
+        /* @__PURE__ */ jsx8("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ jsx8(
+          SummaryRow,
+          {
+            label: labels.deposit.summary.amountReceived,
+            value: summary.amountReceived
+          }
+        ),
+        /* @__PURE__ */ jsx8(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ jsx8(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
+      ] }),
+      /* @__PURE__ */ jsx8(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+    ] })
+  ] }) });
+};
+
+// 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";
+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,
+  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, _j;
+  const { isWeb3User } = useAggAuthState();
+  const { walletActions } = useAggUiConfig();
+  const labels = useLabels10();
+  const defaultMethod = isWeb3User ? "wallet" : "crypto";
+  const [step, setStep] = useState3(
+    () => pendingCardPurchaseSummary ? "card-success" : "method"
+  );
+  const [highlightedMethod, setHighlightedMethod] = useState3(defaultMethod);
+  const walletSubmitInFlightRef = useRef(false);
+  const [isWalletSubmitting, setIsWalletSubmitting] = useState3(false);
+  const [cardProviders, setCardProviders] = useState3([]);
+  const [quotesLoading, setQuotesLoading] = useState3(false);
+  const [quotesError, setQuotesError] = useState3(null);
+  const [sessionError, setSessionError] = useState3(null);
+  const [pendingProviderName, setPendingProviderName] = useState3("");
+  useEffect3(() => {
+    if (pendingCardPurchaseSummary) {
+      clearPendingCardSession();
+      setStep("card-success");
+    }
+  }, [pendingCardPurchaseSummary]);
+  const [walletChainId, setWalletChainId] = useState3("");
+  const [walletToken, setWalletToken] = useState3("");
+  const [sendChainId, setSendChainId] = useState3("");
+  const [sendToken, setSendToken] = useState3("");
+  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 preferred = initialWalletChainId && walletNetworkOptions.some((o) => o.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(() => {
+    if (walletTokenOptions.length > 0) setWalletToken(walletTokenOptions[0].value);
+  }, [walletTokenOptions]);
+  useEffect3(() => {
+    if (sendTokenOptions.length > 0) setSendToken(sendTokenOptions[0].value);
+  }, [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);
+  useEffect3(() => {
+    if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "settled") {
+      setStep("wallet-success");
+    }
+  }, [isWalletSubmitting, step, 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, _j2, _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 = (_j2 = (_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 ? _j2 : "";
+        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);
+        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("");
+    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;
+      setIsWalletSubmitting(false);
+      setCardProviders([]);
+      setQuotesLoading(false);
+      setQuotesError(null);
+      setSessionError(null);
+      setPendingProviderName("");
+      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,
+        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;
+          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 : (() => {
+        }),
+        onCurrencyChange: onCardCurrencyChange != null ? onCardCurrencyChange : (() => {
+        }),
+        onTokenChange: onCardTokenChange != null ? onCardTokenChange : (() => {
+        }),
+        onNetworkChange: onCardNetworkChange != null ? onCardNetworkChange : (() => {
+        }),
+        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,
+        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",
+        feeEstimate: (_i = sendCryptoConfig == null ? void 0 : sendCryptoConfig.feeEstimate) != null ? _i : "~$0.01",
+        eta: (_j = sendCryptoConfig == null ? void 0 : sendCryptoConfig.eta) != null ? _j : "~30s",
+        isLoadingAddress,
+        addressError,
+        onBack: () => setStep("method"),
+        onTokenChange: setSendToken,
+        onNetworkChange: (id) => {
+          setSendChainId(id);
+          setSendToken("");
+        },
+        onCopyAddress: () => {
+          var _a2;
+          if (depositAddress) (_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText(depositAddress).catch(() => {
+          });
+        },
+        onDone: handleDoneCryptoTransfer
+      }
+    ) : null
+  ] }) });
+}
+var DepositModal = (props) => {
+  if (!isControlledDepositModalProps(props)) {
+    return /* @__PURE__ */ jsx11(DepositModalSelfDriven, __spreadValues({}, props));
+  }
+  return /* @__PURE__ */ jsx11(DepositModalControlled, __spreadValues({}, props));
+};
+DepositModal.displayName = "DepositModal";
+
+// src/withdraw/index.tsx
+import { useMemo as useMemo2, useState as useState4 } from "react";
+
+// src/withdraw/steps/withdraw-method.tsx
+import { useLabels as useLabels11 } from "@agg-build/hooks";
+import { Fragment as Fragment7, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var WithdrawMethodCard = ({
+  icon,
+  title,
+  description,
+  onContinue
+}) => /* @__PURE__ */ jsxs12(
+  "div",
+  {
+    className: cn(
+      "flex items-center gap-3 sm:gap-4 rounded-xl border border-agg-separator bg-agg-secondary p-3 sm:p-4",
+      "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
+    ),
+    role: "button",
+    tabIndex: 0,
+    onClick: onContinue,
+    onKeyDown: (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onContinue();
+      }
+    },
+    children: [
+      /* @__PURE__ */ jsx12("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
+      /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx12("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ jsx12("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      ] }),
+      /* @__PURE__ */ jsx12("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx12(ChevronRightIcon, { className: "h-5 w-5" }) })
+    ]
+  }
+);
+var WithdrawMethodStep = ({
+  balance,
+  onSelectMethod
+}) => {
+  const labels = useLabels11();
+  return /* @__PURE__ */ jsxs12(Fragment7, { children: [
+    /* @__PURE__ */ jsx12(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
+    /* @__PURE__ */ jsx12(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs12("p", { className: "agg-type-body text-agg-foreground", children: [
+        labels.withdraw.balancePrefix,
+        " ",
+        formatCompactUsd(balance)
+      ] }),
+      /* @__PURE__ */ jsx12(
+        WithdrawMethodCard,
+        {
+          icon: /* @__PURE__ */ jsx12(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+          title: labels.withdraw.methods.cardTitle,
+          description: labels.withdraw.methods.cardDescription,
+          onContinue: () => onSelectMethod("card")
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/withdraw/steps/withdraw-amount.tsx
+import { useLabels as useLabels12 } from "@agg-build/hooks";
+import { Fragment as Fragment8, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var WithdrawAmountStep = ({
+  amount,
+  currency,
+  destinationWallet,
+  tokenOptions,
+  networkOptions,
+  selectedToken,
+  selectedNetwork,
+  onBack,
+  onAmountChange,
+  onCurrencyChange,
+  onTokenChange,
+  onNetworkChange,
+  onContinue
+}) => {
+  const labels = useLabels12();
+  const isValid = Number(amount) > 0;
+  return /* @__PURE__ */ jsxs13(Fragment8, { children: [
+    /* @__PURE__ */ jsx13(
+      Modal.Header,
+      {
+        title: labels.withdraw.cardFlow.title,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx13(
+          "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__ */ jsx13(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx13(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "flex gap-3 items-end", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "flex-1 flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx13("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.amountLabel }),
+          /* @__PURE__ */ jsxs13("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3", children: [
+            /* @__PURE__ */ jsx13(
+              "input",
+              {
+                type: "text",
+                inputMode: "decimal",
+                "aria-label": labels.withdraw.cardFlow.amountLabel,
+                className: cn(
+                  "agg-type-body w-full bg-transparent outline-none",
+                  isValid ? "text-agg-foreground" : "text-agg-muted-foreground"
+                ),
+                placeholder: "0.00",
+                value: amount,
+                onChange: (event) => onAmountChange(event.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx13("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx13("div", { className: "w-[100px]", children: /* @__PURE__ */ jsx13(
+          Select,
+          {
+            items: [{ value: currency, label: currency }],
+            value: currency,
+            onChange: onCurrencyChange,
+            ariaLabel: labels.withdraw.cardFlow.currencyLabel
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs13("div", { className: "flex gap-5", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx13("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.tokenLabel }),
+          /* @__PURE__ */ jsx13(
+            Select,
+            {
+              items: tokenOptions,
+              value: selectedToken,
+              onChange: onTokenChange,
+              ariaLabel: labels.withdraw.cardFlow.tokenLabel
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs13("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx13("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.networkLabel }),
+          /* @__PURE__ */ jsx13(
+            Select,
+            {
+              items: networkOptions,
+              value: selectedNetwork,
+              onChange: onNetworkChange,
+              ariaLabel: labels.withdraw.cardFlow.networkLabel
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx13("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.destinationWalletLabel }),
+        /* @__PURE__ */ jsx13("div", { className: "flex h-10 items-center rounded border border-agg-separator bg-agg-secondary px-3", children: /* @__PURE__ */ jsx13("p", { className: "agg-type-body truncate text-agg-foreground", children: destinationWallet }) })
+      ] }),
+      /* @__PURE__ */ jsx13(
+        Button,
+        {
+          variant: isValid ? "primary" : "secondary",
+          size: "large",
+          className: "w-full",
+          disabled: !isValid,
+          onClick: onContinue,
+          children: labels.withdraw.cardFlow.getQuotes
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/withdraw/steps/withdraw-provider.tsx
+import { useLabels as useLabels13 } from "@agg-build/hooks";
+import { Fragment as Fragment9, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+var WithdrawProviderItem = ({ provider, onSelect }) => {
+  const labels = useLabels13();
+  const badgeText = provider.badge === "best" ? labels.withdraw.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.withdraw.cardFlow.providerBadges.lowKyc : void 0;
+  return /* @__PURE__ */ jsx14(
+    "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__ */ jsxs14("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx14("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
+          badgeText ? /* @__PURE__ */ jsx14(
+            "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__ */ jsxs14("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsx14("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
+            /* @__PURE__ */ jsxs14("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+              labels.withdraw.cardFlow.feeLabel,
+              " ",
+              provider.fee
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx14(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
+        ] })
+      ] })
+    }
+  );
+};
+var WithdrawProviderStep = ({
+  token,
+  amount,
+  currency,
+  providers,
+  onBack,
+  onSelectProvider
+}) => {
+  const labels = useLabels13();
+  return /* @__PURE__ */ jsxs14(Fragment9, { children: [
+    /* @__PURE__ */ jsx14(
+      Modal.Header,
+      {
+        title: labels.withdraw.cardFlow.selectProviderTitle,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx14(
+          "button",
+          {
+            type: "button",
+            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
+            onClick: onBack,
+            "aria-label": labels.withdraw.back,
+            children: /* @__PURE__ */ jsx14(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx14(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs14("p", { className: "agg-type-body text-agg-foreground", children: [
+        /* @__PURE__ */ jsx14("span", { className: "font-agg-bold", children: token }),
+        " $",
+        amount,
+        " ",
+        currency
+      ] }),
+      /* @__PURE__ */ jsx14("div", { className: "flex flex-col gap-4", children: providers.map((provider) => /* @__PURE__ */ jsx14(
+        WithdrawProviderItem,
+        {
+          provider,
+          onSelect: onSelectProvider
+        },
+        provider.id
+      )) })
+    ] }) })
+  ] });
+};
+
+// src/withdraw/steps/withdraw-success.tsx
+import { useLabels as useLabels14 } from "@agg-build/hooks";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ jsx15("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx15("p", { className: "agg-type-label text-agg-foreground", children: value })
+] });
+var WithdrawSuccessStep = ({
+  summary,
+  onDone,
+  onClose
+}) => {
+  const labels = useLabels14();
+  return /* @__PURE__ */ jsx15("div", { className: "relative", children: /* @__PURE__ */ jsxs15(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ jsx15(
+      "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__ */ jsx15(CloseIcon, { className: "h-6 w-6" })
+      }
+    ),
+    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ jsx15("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full border border-agg-success/50 bg-agg-success/15", children: /* @__PURE__ */ jsx15(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx15("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.withdraw.cardFlow.successTitle }),
+        /* @__PURE__ */ jsx15("p", { className: "agg-type-body text-agg-foreground", children: labels.withdraw.cardFlow.successDescription })
+      ] }),
+      /* @__PURE__ */ jsxs15("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ jsx15(
+          SummaryRow3,
+          {
+            label: labels.withdraw.summary.amountReceived,
+            value: summary.amountReceived
+          }
+        ),
+        /* @__PURE__ */ jsx15(SummaryRow3, { label: labels.withdraw.summary.network, value: summary.network }),
+        /* @__PURE__ */ jsx15(
+          SummaryRow3,
+          {
+            label: labels.withdraw.cardFlow.summary.provider,
+            value: summary.provider
+          }
+        ),
+        /* @__PURE__ */ jsx15(
+          SummaryRow3,
+          {
+            label: labels.withdraw.cardFlow.summary.toWallet,
+            value: summary.toWallet
+          }
+        ),
+        /* @__PURE__ */ jsx15(SummaryRow3, { label: labels.withdraw.cardFlow.summary.fees, value: summary.fees })
+      ] }),
+      /* @__PURE__ */ jsx15(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
+    ] })
+  ] }) });
+};
+
+// src/withdraw/index.tsx
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+var WithdrawModal = ({
+  open,
+  onOpenChange,
+  withdrawFlow,
+  onSelectWithdrawMethod,
+  onWithdrawAmountChange,
+  onWithdrawCurrencyChange,
+  onWithdrawTokenChange,
+  onWithdrawNetworkChange,
+  onGetWithdrawQuotes,
+  onSelectWithdrawProvider,
+  onDoneWithdraw
+}) => {
+  const [step, setStep] = useState4("method");
+  const handleBackToMethod = () => {
+    setStep("method");
+  };
+  const handleSelectMethod = (method) => {
+    setStep("withdraw-amount");
+    onSelectWithdrawMethod == null ? void 0 : onSelectWithdrawMethod(method);
+  };
+  const handleOpenChange = (isOpen) => {
+    if (!isOpen) {
+      setStep("method");
+    }
+    onOpenChange(isOpen);
+  };
+  const fallbackNetworkOptions = useMemo2(() => mapNetworksToOptions(), []);
+  const withdrawTokenOptions = withTokenIcons(
+    mergeSelectOptionsUnique(withdrawFlow.tokenOptions, DEFAULT_CURRENCY_OPTIONS)
+  );
+  const withdrawNetworkOptions = withNetworkIcons(
+    mergeSelectOptionsUnique(withdrawFlow.networkOptions, fallbackNetworkOptions)
+  );
+  return /* @__PURE__ */ jsx16(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs16(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
+    step === "method" ? /* @__PURE__ */ jsx16(WithdrawMethodStep, { balance: withdrawFlow.balance, onSelectMethod: handleSelectMethod }) : null,
+    step === "withdraw-amount" ? /* @__PURE__ */ jsx16(
+      WithdrawAmountStep,
+      {
+        amount: withdrawFlow.amount,
+        currency: withdrawFlow.currency,
+        destinationWallet: withdrawFlow.destinationWallet,
+        tokenOptions: withdrawTokenOptions,
+        networkOptions: withdrawNetworkOptions,
+        selectedToken: withdrawFlow.selectedToken,
+        selectedNetwork: withdrawFlow.selectedNetwork,
+        onBack: handleBackToMethod,
+        onAmountChange: onWithdrawAmountChange,
+        onCurrencyChange: onWithdrawCurrencyChange,
+        onTokenChange: onWithdrawTokenChange,
+        onNetworkChange: onWithdrawNetworkChange,
+        onContinue: () => {
+          onGetWithdrawQuotes == null ? void 0 : onGetWithdrawQuotes();
+          setStep("provider");
+        }
+      }
+    ) : null,
+    step === "provider" ? /* @__PURE__ */ jsx16(
+      WithdrawProviderStep,
+      {
+        token: withdrawFlow.selectedToken,
+        amount: withdrawFlow.amount,
+        currency: withdrawFlow.currency,
+        providers: withdrawFlow.providers,
+        onBack: () => setStep("withdraw-amount"),
+        onSelectProvider: (providerId) => {
+          onSelectWithdrawProvider(providerId);
+          setStep("success");
+        }
+      }
+    ) : null,
+    step === "success" ? /* @__PURE__ */ jsx16(
+      WithdrawSuccessStep,
+      {
+        summary: withdrawFlow.purchaseSummary,
+        onDone: onDoneWithdraw,
+        onClose: () => onOpenChange(false)
+      }
+    ) : null
+  ] }) });
+};
+WithdrawModal.displayName = "WithdrawModal";
+
+// src/onboarding/index.tsx
+import { useCallback as useCallback6, useEffect as useEffect4, useState as useState9 } from "react";
+import { useLabels as useLabels20 } from "@agg-build/hooks";
+import * as Dialog3 from "@radix-ui/react-dialog";
+
+// src/onboarding/onboarding-modal.constants.ts
+import { Venue } from "@agg-build/sdk";
+var HOW_IT_WORKS_FEATURE_KEYS = [
+  "createAccount",
+  "linkAccounts",
+  "bestPrices",
+  "stayInControl"
+];
+var ONBOARDING_STEPS = {
+  HOW_IT_WORKS: 0,
+  PROFILE_SETUP: 1,
+  CONNECT_ACCOUNTS: 2
+};
+var ONCHAIN_VENUES = [Venue.polymarket, Venue.opinion, Venue.predict];
+
+// src/onboarding/steps/how-it-works.tsx
+import { useCallback as useCallback2, useRef as useRef2, useState as useState5 } from "react";
+import { useLabels as useLabels15 } from "@agg-build/hooks";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+var defaultIcons = {
+  createAccount: /* @__PURE__ */ jsx17(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  linkAccounts: /* @__PURE__ */ jsx17(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  bestPrices: /* @__PURE__ */ jsx17(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  stayInControl: /* @__PURE__ */ jsx17(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+};
+var HowItWorksStep = ({ onContinue, icons }) => {
+  const labels = useLabels15();
+  const scrollRef = useRef2(null);
+  const [showTopGradient, setShowTopGradient] = useState5(false);
+  const [showBottomGradient, setShowBottomGradient] = useState5(true);
+  const handleScroll = useCallback2(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    setShowTopGradient(el.scrollTop > 0);
+    setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
+  }, []);
+  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
+    /* @__PURE__ */ jsx17("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
+    /* @__PURE__ */ jsxs17("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
+      /* @__PURE__ */ jsx17(
+        "div",
+        {
+          ref: scrollRef,
+          onScroll: handleScroll,
+          className: "flex flex-col gap-4 overflow-y-auto sm:overflow-visible h-full",
+          children: HOW_IT_WORKS_FEATURE_KEYS.map((featureKey) => {
+            var _a;
+            const icon = (_a = icons == null ? void 0 : icons[featureKey]) != null ? _a : defaultIcons[featureKey];
+            const feature = labels.onboarding.howItWorks.features[featureKey];
+            return /* @__PURE__ */ jsxs17(
+              "div",
+              {
+                className: cn(
+                  "flex items-center gap-4 py-4 px-5 sm:px-4",
+                  "rounded-agg-md",
+                  "bg-agg-secondary-hover"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs17("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
+                    /* @__PURE__ */ jsx17("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
+                    /* @__PURE__ */ jsx17("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  ] }),
+                  icon ? /* @__PURE__ */ jsx17("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                ]
+              },
+              featureKey
+            );
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx17(
+        "div",
+        {
+          className: cn(
+            "pointer-events-none absolute inset-x-0 top-0 h-20",
+            "bg-gradient-to-b from-agg-secondary to-transparent",
+            "sm:hidden transition-opacity",
+            showTopGradient ? "opacity-100" : "opacity-0"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx17(
+        "div",
+        {
+          className: cn(
+            "pointer-events-none absolute inset-x-0 bottom-0 h-20",
+            "bg-gradient-to-t from-agg-secondary to-transparent",
+            "sm:hidden transition-opacity",
+            showBottomGradient ? "opacity-100" : "opacity-0"
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx17(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+  ] });
+};
+HowItWorksStep.displayName = "HowItWorksStep";
+
+// src/onboarding/steps/profile-setup.tsx
+import { useCallback as useCallback3, useRef as useRef3, useState as useState6 } from "react";
+import { useLabels as useLabels16 } from "@agg-build/hooks";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+var ProfileSetupStep = ({ onContinue }) => {
+  const labels = useLabels16();
+  const [username, setUsername] = useState6("");
+  const [avatarFile, setAvatarFile] = useState6();
+  const [avatarPreview, setAvatarPreview] = useState6();
+  const fileInputRef = useRef3(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;
+    setAvatarFile(file);
+    const reader = new FileReader();
+    reader.onload = (event) => {
+      var _a2;
+      setAvatarPreview((_a2 = event.target) == null ? void 0 : _a2.result);
+    };
+    reader.readAsDataURL(file);
+  }, []);
+  const handleContinue = useCallback3(() => {
+    onContinue({
+      username,
+      avatarFile,
+      avatarPreview
+    });
+  }, [username, avatarFile, avatarPreview, onContinue]);
+  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ jsx18("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ jsxs18(
+          "button",
+          {
+            type: "button",
+            onClick: handleAvatarClick,
+            className: cn(
+              "group relative flex items-center justify-center",
+              "h-[80px] w-[80px]",
+              "rounded-agg-full",
+              "bg-agg-secondary-hover",
+              !avatarPreview && "hover:bg-agg-tertiary",
+              "transition-colors cursor-pointer",
+              "overflow-hidden"
+            ),
+            "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
+            children: [
+              !avatarPreview ? /* @__PURE__ */ jsx18(
+                "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__ */ jsx18(
+                    "circle",
+                    {
+                      cx: "40",
+                      cy: "40",
+                      r: "39.5",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "1",
+                      strokeDasharray: "8 8"
+                    }
+                  )
+                }
+              ) : null,
+              avatarPreview ? /* @__PURE__ */ jsx18(
+                RemoteImage,
+                {
+                  src: avatarPreview,
+                  alt: labels.onboarding.profileSetup.profilePreviewAlt,
+                  className: "h-full w-full object-cover"
+                }
+              ) : /* @__PURE__ */ jsx18(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx18(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept: "image/*",
+            onChange: handleFileChange,
+            className: "hidden",
+            "aria-hidden": "true"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ jsx18(
+          "label",
+          {
+            htmlFor: "onboarding-username",
+            className: "text-agg-sm font-agg-bold text-agg-foreground",
+            children: labels.onboarding.profileSetup.usernameLabel
+          }
+        ),
+        /* @__PURE__ */ jsx18(
+          "input",
+          {
+            id: "onboarding-username",
+            type: "text",
+            value: username,
+            onChange: (e) => setUsername(e.target.value),
+            placeholder: labels.onboarding.profileSetup.usernamePlaceholder,
+            className: cn(
+              "w-full px-3 py-2.5",
+              "rounded-[4px]",
+              "border border-agg-separator",
+              "bg-agg-secondary text-agg-foreground",
+              "placeholder:text-agg-muted-foreground",
+              "outline-none",
+              "hover:bg-agg-secondary-hover",
+              "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
+              "transition-colors",
+              "text-agg-sm sm:text-agg-base"
+            )
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx18(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+  ] });
+};
+ProfileSetupStep.displayName = "ProfileSetupStep";
+
+// src/onboarding/steps/connect-accounts.tsx
+import { Venue as Venue2 } from "@agg-build/sdk";
+import { useLabels as useLabels17 } from "@agg-build/hooks";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+var OnchainVenueLogos = () => {
+  return /* @__PURE__ */ jsx19("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx19("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ jsx19(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+};
+var VenueCard = ({
+  logos,
+  title,
+  mobileTitle,
+  description,
+  mobileDescription,
+  onConnect,
+  connected = false
+}) => {
+  const labels = useLabels17();
+  const action = connected ? /* @__PURE__ */ jsx19(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx19(
+    Button,
+    {
+      variant: "tertiary",
+      size: "large",
+      className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+      onClick: onConnect,
+      children: labels.onboarding.connectAccounts.connect
+    }
+  );
+  const mobileAction = connected ? /* @__PURE__ */ jsx19(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx19(
+    Button,
+    {
+      variant: "tertiary",
+      size: "medium",
+      className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+      onClick: onConnect,
+      suffix: /* @__PURE__ */ jsx19(ChevronRightIcon, { className: "h-4 w-4" }),
+      children: labels.onboarding.connectAccounts.connectAccount
+    }
+  );
+  return /* @__PURE__ */ jsxs19(
+    "div",
+    {
+      className: cn(
+        "rounded-agg-md p-5 transition-colors",
+        connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs19("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ jsx19("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
+              /* @__PURE__ */ jsx19("p", { className: "text-agg-sm text-agg-foreground", children: description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: action })
+        ] }),
+        /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ jsx19("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
+          ] }),
+          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ jsx19("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+            mobileAction
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+var ConnectAccountsStep = ({
+  onConnectOnchain,
+  onConnectKalshi,
+  onContinue,
+  connectedOnchain = false,
+  connectedKalshi = false
+}) => {
+  const labels = useLabels17();
+  const canContinue = connectedOnchain || connectedKalshi;
+  return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsx19("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx19(
+        VenueCard,
+        {
+          logos: /* @__PURE__ */ jsx19(OnchainVenueLogos, {}),
+          title: labels.onboarding.connectAccounts.onchainTitle,
+          mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
+            ONCHAIN_VENUES.length - 1
+          ),
+          description: labels.onboarding.connectAccounts.onchainDescription,
+          mobileDescription: labels.onboarding.connectAccounts.onchainMobileDescription,
+          onConnect: onConnectOnchain,
+          connected: connectedOnchain
+        }
+      ),
+      /* @__PURE__ */ jsx19(
+        VenueCard,
+        {
+          logos: /* @__PURE__ */ jsx19("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ jsx19(
+            VenueLogo,
+            {
+              venue: Venue2.kalshi,
+              variant: "logo",
+              size: "large",
+              className: "h-6 w-6 sm:h-9 sm:w-9"
+            }
+          ) }),
+          title: labels.onboarding.connectAccounts.kalshiTitle,
+          mobileTitle: labels.onboarding.connectAccounts.kalshiMobileTitle,
+          description: labels.onboarding.connectAccounts.kalshiDescription,
+          mobileDescription: labels.onboarding.connectAccounts.kalshiMobileDescription,
+          onConnect: onConnectKalshi,
+          connected: connectedKalshi
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx19(
+      Button,
+      {
+        variant: "primary",
+        size: "large",
+        className: "w-full",
+        onClick: onContinue,
+        disabled: !canContinue,
+        children: labels.onboarding.connectAccounts.continue
+      }
+    )
+  ] });
+};
+ConnectAccountsStep.displayName = "ConnectAccountsStep";
+
+// src/onboarding/steps/connect-kalshi-modal.tsx
+import { Venue as Venue3 } from "@agg-build/sdk";
+import { useCallback as useCallback4, useState as useState7 } from "react";
+import { useLabels as useLabels18 } from "@agg-build/hooks";
+import * as Dialog from "@radix-ui/react-dialog";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+var ConnectKalshiModal = ({
+  open,
+  onOpenChange,
+  onVerify
+}) => {
+  const labels = useLabels18();
+  const [apiKeyId, setApiKeyId] = useState7("");
+  const [privateKey, setPrivateKey] = useState7("");
+  const [verifying, setVerifying] = useState7(false);
+  const [error, setError] = useState7();
+  const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
+  const handleCancel = useCallback4(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  const handleVerify = useCallback4(() => __async(null, null, function* () {
+    if (!canVerify || verifying) return;
+    setVerifying(true);
+    setError(void 0);
+    try {
+      const credentials = {
+        apiKeyId: apiKeyId.trim(),
+        privateKey: privateKey.trim()
+      };
+      yield onVerify(credentials);
+      setApiKeyId("");
+      setPrivateKey("");
+      onOpenChange(false);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : labels.onboarding.connectKalshiModal.fallbackError
+      );
+    } finally {
+      setVerifying(false);
+    }
+  }), [
+    apiKeyId,
+    canVerify,
+    labels.onboarding.connectKalshiModal.fallbackError,
+    onOpenChange,
+    onVerify,
+    privateKey,
+    verifying
+  ]);
+  const handleOpenChange = useCallback4(
+    (value) => {
+      if (value) {
+        setApiKeyId("");
+        setPrivateKey("");
+        setError(void 0);
+        setVerifying(false);
+      }
+      onOpenChange(value);
+    },
+    [onOpenChange]
+  );
+  return /* @__PURE__ */ jsx20(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs20(
+    Modal.Container,
+    {
+      maxWidth: "600px",
+      "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
+      classNames: { container: "!rounded-agg-lg" },
+      children: [
+        /* @__PURE__ */ jsx20(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
+        /* @__PURE__ */ jsx20(
+          Modal.Header,
+          {
+            hideClose: false,
+            hideBorder: true,
+            classNames: {
+              root: "!min-h-0",
+              container: "!py-[18px] !px-8"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx20(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ jsx20(
+            VenueLogo,
+            {
+              venue: Venue3.kalshi,
+              variant: "logo",
+              size: "large",
+              className: "h-[60px] w-[60px]"
+            }
+          ),
+          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ jsx20("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ jsx20("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+          ] }),
+          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx20("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
+                /* @__PURE__ */ jsx20("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
+              ] }),
+              /* @__PURE__ */ jsxs20("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ jsx20("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ jsxs20("p", { children: [
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
+                  " ",
+                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
+                  " ",
+                  /* @__PURE__ */ jsx20("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
+                ] }),
+                /* @__PURE__ */ jsxs20("p", { children: [
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
+                  " ",
+                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
+                ] }),
+                /* @__PURE__ */ jsxs20("p", { children: [
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
+                  " ",
+                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
+                ] }),
+                /* @__PURE__ */ jsx20("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+              ] }),
+              /* @__PURE__ */ jsxs20("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
+                /* @__PURE__ */ jsx20("br", {}),
+                labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx20("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
+                /* @__PURE__ */ jsx20("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
+              ] }),
+              /* @__PURE__ */ jsx20("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx20(
+                  "label",
+                  {
+                    htmlFor: "kalshi-api-key-id",
+                    className: "text-agg-sm font-agg-bold text-agg-foreground",
+                    children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
+                  }
+                ),
+                /* @__PURE__ */ jsx20(
+                  "input",
+                  {
+                    id: "kalshi-api-key-id",
+                    type: "text",
+                    value: apiKeyId,
+                    onChange: (e) => setApiKeyId(e.target.value),
+                    placeholder: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdPlaceholder,
+                    className: cn(
+                      "w-full px-3 py-2.5 h-10",
+                      "rounded border border-agg-separator",
+                      "bg-agg-secondary text-agg-base text-agg-foreground",
+                      "placeholder:text-agg-muted-foreground",
+                      "outline-none",
+                      "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
+                      "transition-colors"
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx20(
+                  "label",
+                  {
+                    htmlFor: "kalshi-private-key",
+                    className: "text-agg-sm font-agg-bold text-agg-foreground",
+                    children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
+                  }
+                ),
+                /* @__PURE__ */ jsx20(
+                  "textarea",
+                  {
+                    id: "kalshi-private-key",
+                    value: privateKey,
+                    onChange: (e) => setPrivateKey(e.target.value),
+                    placeholder: labels.onboarding.connectKalshiModal.stepTwo.privateKeyPlaceholder,
+                    rows: 3,
+                    className: cn(
+                      "w-full px-3 py-2.5",
+                      "rounded border border-agg-separator",
+                      "bg-agg-secondary text-agg-base text-agg-foreground",
+                      "placeholder:text-agg-muted-foreground",
+                      "outline-none resize-none",
+                      "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
+                      "transition-colors"
+                    )
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ jsx20("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxs20(
+                "a",
+                {
+                  href: "#",
+                  className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
+                  children: [
+                    /* @__PURE__ */ jsx20(DocumentIcon, { className: "h-4 w-4" }),
+                    labels.onboarding.connectKalshiModal.help.docsLinkLabel
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx20("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsxs20(
+                "a",
+                {
+                  href: "#",
+                  className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
+                  children: [
+                    /* @__PURE__ */ jsx20(PlaySquareIcon, { className: "h-4 w-4" }),
+                    labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-5 items-center", children: [
+            error ? /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx20(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+              /* @__PURE__ */ jsx20("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+            ] }) : null,
+            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3 justify-center", children: [
+              /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
+              /* @__PURE__ */ jsx20(
+                Button,
+                {
+                  variant: "primary",
+                  size: "large",
+                  onClick: handleVerify,
+                  disabled: !canVerify,
+                  isLoading: verifying,
+                  children: labels.onboarding.connectKalshiModal.actions.verifyConnection
+                }
+              )
+            ] })
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+};
+ConnectKalshiModal.displayName = "ConnectKalshiModal";
+
+// src/onboarding/steps/connect-onchain-modal.tsx
+import { useCallback as useCallback5, useState as useState8 } from "react";
+import { useLabels as useLabels19 } from "@agg-build/hooks";
+import * as Dialog2 from "@radix-ui/react-dialog";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+var ConnectOnchainModal = ({
+  open,
+  onOpenChange,
+  onConnect
+}) => {
+  const labels = useLabels19();
+  const [connecting, setConnecting] = useState8(false);
+  const [error, setError] = useState8();
+  const handleCancel = useCallback5(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  const handleConnect = useCallback5(() => __async(null, null, function* () {
+    if (connecting) return;
+    setConnecting(true);
+    setError(void 0);
+    try {
+      yield onConnect();
+      onOpenChange(false);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : labels.onboarding.connectOnchainModal.fallbackError
+      );
+    } finally {
+      setConnecting(false);
+    }
+  }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
+  const handleOpenChange = useCallback5(
+    (value) => {
+      if (value) {
+        setError(void 0);
+        setConnecting(false);
+      }
+      onOpenChange(value);
+    },
+    [onOpenChange]
+  );
+  return /* @__PURE__ */ jsx21(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs21(
+    Modal.Container,
+    {
+      maxWidth: "600px",
+      "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
+      classNames: { container: "!rounded-agg-lg" },
+      children: [
+        /* @__PURE__ */ jsx21(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ jsx21(
+          Modal.Header,
+          {
+            hideClose: false,
+            hideBorder: true,
+            classNames: {
+              root: "!min-h-0",
+              container: "!py-[18px] !px-8"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx21(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ jsx21("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ jsx21("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
+          ] }),
+          /* @__PURE__ */ jsxs21("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
+            /* @__PURE__ */ jsx21("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
+            /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ jsx21("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsx21(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ jsx21("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+            ] }, venue)) })
+          ] }),
+          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx21(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ jsx21("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+              ] }) : null,
+              /* @__PURE__ */ jsx21(
+                Button,
+                {
+                  variant: "primary",
+                  size: "large",
+                  onClick: handleConnect,
+                  isLoading: connecting,
+                  children: labels.onboarding.connectOnchainModal.connect
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx21(
+              Button,
+              {
+                variant: "tertiary",
+                size: "medium",
+                className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+                onClick: handleCancel,
+                children: labels.onboarding.connectOnchainModal.cancel
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+};
+ConnectOnchainModal.displayName = "ConnectOnchainModal";
+
+// src/onboarding/index.tsx
+import { Fragment as Fragment10, jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
+var OnboardingModal = ({
+  open,
+  onOpenChange,
+  onProfileSubmit,
+  onConnectOnchain,
+  onConnectKalshi,
+  onComplete,
+  howItWorksIcons,
+  connectedOnchain = false,
+  connectedKalshi = false
+}) => {
+  var _a;
+  const labels = useLabels20();
+  const [step, setStep] = useState9(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const stepLabels = {
+    [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
+    [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
+    [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
+  };
+  const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
+  const [kalshiModalOpen, setKalshiModalOpen] = useState9(false);
+  const [kalshiConnected, setKalshiConnected] = useState9(false);
+  const [onchainModalOpen, setOnchainModalOpen] = useState9(false);
+  const [onchainConnected, setOnchainConnected] = useState9(false);
+  useEffect4(() => {
+    if (open) {
+      setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
+      setKalshiConnected(false);
+      setOnchainConnected(false);
+    }
+  }, [open]);
+  const handleHowItWorksContinue = useCallback6(() => {
+    setStep(ONBOARDING_STEPS.PROFILE_SETUP);
+  }, []);
+  const handleProfileContinue = useCallback6(
+    (data) => {
+      onProfileSubmit == null ? void 0 : onProfileSubmit(data);
+      setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
+    },
+    [onProfileSubmit]
+  );
+  const handleConnectContinue = useCallback6(() => {
+    onComplete == null ? void 0 : onComplete();
+  }, [onComplete]);
+  const handleOpenOnchainModal = useCallback6(() => {
+    setOnchainModalOpen(true);
+  }, []);
+  const handleOnchainConnect = useCallback6(() => __async(null, null, function* () {
+    yield onConnectOnchain == null ? void 0 : onConnectOnchain();
+    setOnchainConnected(true);
+  }), [onConnectOnchain]);
+  const handleOpenKalshiModal = useCallback6(() => {
+    setKalshiModalOpen(true);
+  }, []);
+  const handleKalshiVerify = useCallback6(
+    (credentials) => __async(null, null, function* () {
+      yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
+      setKalshiConnected(true);
+    }),
+    [onConnectKalshi]
+  );
+  return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+    /* @__PURE__ */ jsx22(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs22(
+      Modal.Container,
+      {
+        maxWidth: "600px",
+        "aria-label": resolvedTitle,
+        classNames: { container: "!rounded-agg-lg" },
+        children: [
+          /* @__PURE__ */ jsx22(Dialog3.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ jsxs22(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
+            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx22(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx22(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx22(
+              ConnectAccountsStep,
+              {
+                onConnectOnchain: handleOpenOnchainModal,
+                onConnectKalshi: handleOpenKalshiModal,
+                onContinue: handleConnectContinue,
+                connectedOnchain: connectedOnchain || onchainConnected,
+                connectedKalshi: connectedKalshi || kalshiConnected
+              }
+            )
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx22(
+      ConnectOnchainModal,
+      {
+        open: onchainModalOpen,
+        onOpenChange: setOnchainModalOpen,
+        onConnect: handleOnchainConnect
+      }
+    ),
+    /* @__PURE__ */ jsx22(
+      ConnectKalshiModal,
+      {
+        open: kalshiModalOpen,
+        onOpenChange: setKalshiModalOpen,
+        onVerify: handleKalshiVerify
+      }
+    )
+  ] });
+};
+OnboardingModal.displayName = "OnboardingModal";
+
+// src/profile/index.tsx
+import { Venue as Venue4 } from "@agg-build/sdk";
+import { useState as useState11, useEffect as useEffect6, useCallback as useCallback9, useMemo as useMemo3 } from "react";
+import { useAggClient as useAggClient2, useAggAuthState as useAggAuthState2 } from "@agg-build/hooks";
+
+// src/profile/profile-modal.constants.ts
+var PROFILE_TAB_KEYS = {
+  ABOUT: "about",
+  ACCOUNTS_WALLETS: "accounts-wallets"
+};
+var PROFILE_TAB_ITEMS = [
+  { value: PROFILE_TAB_KEYS.ABOUT, label: "About", icon: "profile-about-tab" },
+  {
+    value: PROFILE_TAB_KEYS.ACCOUNTS_WALLETS,
+    label: "Accounts & wallets",
+    icon: "profile-accounts-wallets-tab"
+  }
+];
+
+// src/profile/tabs/about-tab.tsx
+import { useCallback as useCallback7, useRef as useRef4 } from "react";
+import { useLabels as useLabels21 } from "@agg-build/hooks";
+import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+var AboutTab = ({
+  avatarPreview,
+  onDeleteProfile: _onDeleteProfile,
+  draftUsername,
+  onDraftUsernameChange,
+  onDraftAvatarChange,
+  draftAvatarPreview,
+  avatarError: _avatarError
+}) => {
+  const labels = useLabels21();
+  const fileInputRef = useRef4(null);
+  const handleAvatarClick = useCallback7(() => {
+    var _a;
+    (_a = fileInputRef.current) == null ? void 0 : _a.click();
+  }, []);
+  const handleFileChange = useCallback7(
+    (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__ */ jsxs23("div", { className: "agg-profile-about flex flex-col gap-8", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "agg-profile-avatar-section flex w-full flex-col items-stretch sm:items-start", children: [
+      /* @__PURE__ */ jsxs23(
+        "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__ */ jsx23(
+              "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__ */ jsx23(
+                  "circle",
+                  {
+                    cx: "40",
+                    cy: "40",
+                    r: "39.5",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "1",
+                    strokeDasharray: "8 8"
+                  }
+                )
+              }
+            ) : null,
+            resolvedPreview ? /* @__PURE__ */ jsx23(
+              RemoteImage,
+              {
+                src: resolvedPreview,
+                alt: labels.onboarding.profileSetup.profilePreviewAlt,
+                className: "h-full w-full object-cover"
+              }
+            ) : /* @__PURE__ */ jsx23(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx23(
+        "input",
+        {
+          ref: fileInputRef,
+          type: "file",
+          accept: "image/*",
+          onChange: handleFileChange,
+          className: "hidden",
+          "aria-hidden": "true"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs23("div", { className: "agg-form-section flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx23(
+        "label",
+        {
+          htmlFor: "profile-username",
+          className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+          children: "Username"
+        }
+      ),
+      /* @__PURE__ */ jsx23(
+        "input",
+        {
+          id: "profile-username",
+          type: "text",
+          placeholder: "e.g. CryptoJohn",
+          value: draftUsername,
+          onChange: (e) => onDraftUsernameChange(e.target.value),
+          className: cn(
+            "w-full px-4 py-3",
+            "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 { useCallback as useCallback8, useEffect as useEffect5, useState as useState10 } from "react";
+import { useAggClient, useDepositAddresses as useDepositAddresses2 } from "@agg-build/hooks";
+import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
+var SectionTitle = ({ children }) => /* @__PURE__ */ jsx24("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx24(
+  "div",
+  {
+    className: cn(
+      "flex items-center justify-between",
+      "rounded-agg-lg border border-agg-separator bg-agg-secondary",
+      "px-5 py-3",
+      className
+    ),
+    children
+  }
+);
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
+  "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__ */ jsx24(
+  "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 TRADING_ACCESS_VENUES = ["kalshi", "polymarket", "opinion", "predict"];
+var VerifyIdentityButton = ({ onError }) => {
+  const client = useAggClient();
+  const [isInitiating, setIsInitiating] = useState10(false);
+  const [needsDepositAddress, setNeedsDepositAddress] = useState10(false);
+  const { isReady, isTimedOut } = useDepositAddresses2({
+    enabled: needsDepositAddress,
+    poll: true
+  });
+  useEffect5(() => {
+    if (!isInitiating || !isReady) return;
+    const redirectUri = window.location.href;
+    client.initiateKyc("kalshi", redirectUri).then((res) => {
+      if (res.kycUrl) {
+        window.location.assign(res.kycUrl);
+      }
+    }).catch((err) => {
+      onError == null ? void 0 : onError(err instanceof Error ? err : new Error(String(err)));
+    }).finally(() => {
+      setIsInitiating(false);
+      setNeedsDepositAddress(false);
+    });
+  }, [isReady, isInitiating, client, onError]);
+  useEffect5(() => {
+    if (isTimedOut && isInitiating) {
+      setIsInitiating(false);
+      setNeedsDepositAddress(false);
+      onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
+    }
+  }, [isTimedOut, isInitiating, onError]);
+  const handleClick = useCallback8(() => {
+    setIsInitiating(true);
+    setNeedsDepositAddress(true);
+  }, []);
+  return /* @__PURE__ */ jsx24(
+    "button",
+    {
+      type: "button",
+      disabled: isInitiating,
+      onClick: handleClick,
+      className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap disabled:cursor-not-allowed disabled:opacity-60",
+      children: isInitiating ? /* @__PURE__ */ jsx24("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : "Verify Identity"
+    }
+  );
+};
+var TradingAccessSection = ({
+  venueAccounts,
+  onKycError
+}) => {
+  return /* @__PURE__ */ jsxs24("div", { className: "agg-trading-access-section flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx24(SectionTitle, { children: "Trading access" }),
+    /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-2", children: TRADING_ACCESS_VENUES.map((venue) => {
+      var _a;
+      const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((va) => va.venue === venue);
+      const isKalshi = venue === "kalshi";
+      const isVerified = (venueAccount == null ? void 0 : venueAccount.kycStatus) === "verified";
+      const displayName = (_a = venueLogoLabels[venue]) != null ? _a : venue;
+      return /* @__PURE__ */ jsxs24(AccountRow, { children: [
+        /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx24(VenueLogo, { venue, size: "small" }),
+          /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName })
+        ] }),
+        isKalshi && !isVerified ? /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx24("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: "KYC required" }),
+          /* @__PURE__ */ jsx24(VerifyIdentityButton, { onError: onKycError })
+        ] }) : isKalshi && isVerified ? /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx24("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: "Verified" }),
+          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx24(
+              Icon,
+              {
+                name: "check-badge",
+                size: "small",
+                color: "var(--agg-color-primary, #536dfe)"
+              }
+            ),
+            /* @__PURE__ */ jsx24("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
+          ] })
+        ] }) : /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx24(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" }),
+          /* @__PURE__ */ jsx24("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
+        ] })
+      ] }, venue);
+    }) })
+  ] });
+};
+var AccountsWalletsTab = ({
+  exchanges: _exchanges,
+  socialAccounts,
+  email,
+  venueAccounts,
+  onKycError,
+  onDisconnectExchange: _onDisconnectExchange,
+  onConnectTwitter,
+  onDisconnectTwitter,
+  onConnectGoogle,
+  onDisconnectGoogle,
+  onConnectApple,
+  onDisconnectApple,
+  onConnectDiscord: _onConnectDiscord,
+  onDisconnectDiscord: _onDisconnectDiscord,
+  onConnectTelegram: _onConnectTelegram,
+  onDisconnectTelegram: _onDisconnectTelegram,
+  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;
+  return /* @__PURE__ */ jsxs24("div", { className: "agg-accounts-wallets-tab flex flex-col gap-8", children: [
+    /* @__PURE__ */ jsx24(TradingAccessSection, { venueAccounts, onKycError }),
+    /* @__PURE__ */ jsxs24("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx24(SectionTitle, { children: "Social Accounts" }),
+      /* @__PURE__ */ jsxs24("div", { className: "agg-social-accounts-list flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs24(AccountRow, { className: "agg-social-account-row", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "google", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Google" })
+          ] }),
+          (google == null ? void 0 : google.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectGoogle }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectGoogle })
+        ] }),
+        /* @__PURE__ */ jsxs24(AccountRow, { className: "agg-social-account-row", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "apple", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Apple" })
+          ] }),
+          (apple == null ? void 0 : apple.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectApple }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectApple })
+        ] }),
+        /* @__PURE__ */ jsxs24(AccountRow, { className: "agg-social-account-row", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
+          ] }),
+          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectTwitter })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx24(SectionTitle, { children: "Email Address" }),
+      /* @__PURE__ */ jsxs24(
+        "button",
+        {
+          type: "button",
+          onClick: onConnectEmail,
+          className: cn(
+            "flex items-center justify-between",
+            "rounded-agg-lg border border-agg-separator bg-agg-secondary",
+            "px-5 py-3",
+            "cursor-pointer hover:bg-agg-secondary-hover"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "email", size: "small", color: "currentColor" }) }),
+              /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
+            ] }),
+            /* @__PURE__ */ jsx24(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+AccountsWalletsTab.displayName = "AccountsWalletsTab";
+
+// src/profile/index.tsx
+import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
+var EVM_WALLET_VENUES = [Venue4.polymarket, Venue4.predict, Venue4.opinion];
+var ProfileModal = ({
+  open,
+  onOpenChange,
+  username,
+  avatarPreview,
+  onSave,
+  onDeleteProfile,
+  exchanges,
+  socialAccounts,
+  wallets,
+  email,
+  onDisconnectExchange: onDisconnectExchangeProp,
+  onConnectTwitter,
+  onDisconnectTwitter,
+  onConnectGoogle,
+  onDisconnectGoogle,
+  onConnectApple,
+  onDisconnectApple,
+  onConnectDiscord,
+  onDisconnectDiscord,
+  onConnectTelegram,
+  onDisconnectTelegram,
+  onDisconnectWallet,
+  onConnectEmail,
+  onKycError
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const client = useAggClient2();
+  const { user, startAuth } = useAggAuthState2();
+  const [activeTab, setActiveTab] = useState11(PROFILE_TAB_KEYS.ABOUT);
+  const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
+  const [draftUsername, setDraftUsername] = useState11(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = useState11();
+  const [draftAvatarPreview, setDraftAvatarPreview] = useState11();
+  const [isSaving, setIsSaving] = useState11(false);
+  const [avatarTypeError, setAvatarTypeError] = useState11(null);
+  useEffect6(() => {
+    var _a2;
+    setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
+  }, [username, user == null ? void 0 : user.username]);
+  const handleOpenChange = useCallback9(
+    (isOpen) => {
+      var _a2;
+      if (!isOpen) {
+        setActiveTab(PROFILE_TAB_KEYS.ABOUT);
+        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 = useCallback9(
+    (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 = useCallback9(() => __async(null, null, function* () {
+    var _a2, _b2;
+    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);
+    } finally {
+      setIsSaving(false);
+    }
+  }), [
+    client,
+    draftAvatarFile,
+    draftAvatarPreview,
+    draftUsername,
+    onOpenChange,
+    onSave,
+    originalUsername
+  ]);
+  const handleCancel = useCallback9(() => {
+    handleOpenChange(false);
+  }, [handleOpenChange]);
+  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 handleConnectTwitter = useCallback9(() => __async(null, null, function* () {
+    const result = yield startAuth({
+      provider: "twitter",
+      redirectUrl: resolveRedirectUrl()
+    });
+    onConnectTwitter == null ? void 0 : onConnectTwitter();
+    if (result.type === "redirect") {
+      navigateTopWindow(result.url);
+    }
+  }), [onConnectTwitter, startAuth]);
+  const handleConnectGoogle = useCallback9(() => __async(null, null, function* () {
+    const result = yield startAuth({
+      provider: "google",
+      redirectUrl: resolveRedirectUrl()
+    });
+    onConnectGoogle == null ? void 0 : onConnectGoogle();
+    if (result.type === "redirect") {
+      navigateTopWindow(result.url);
+    }
+  }), [onConnectGoogle, startAuth]);
+  const handleConnectApple = useCallback9(() => __async(null, null, function* () {
+    const result = yield startAuth({
+      provider: "apple",
+      redirectUrl: resolveRedirectUrl()
+    });
+    onConnectApple == null ? void 0 : onConnectApple();
+    if (result.type === "redirect") {
+      navigateTopWindow(result.url);
+    }
+  }), [onConnectApple, startAuth]);
+  const handleDisconnectTwitter = useCallback9(() => __async(null, null, function* () {
+    yield client.disconnectAccount("twitter");
+    yield client.getCurrentUser();
+    onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
+  }), [client, onDisconnectTwitter]);
+  const handleDisconnectGoogle = useCallback9(() => __async(null, null, function* () {
+    yield client.disconnectAccount("google");
+    yield client.getCurrentUser();
+    onDisconnectGoogle == null ? void 0 : onDisconnectGoogle();
+  }), [client, onDisconnectGoogle]);
+  const handleDisconnectApple = useCallback9(() => __async(null, null, function* () {
+    yield client.disconnectAccount("apple");
+    yield client.getCurrentUser();
+    onDisconnectApple == null ? void 0 : onDisconnectApple();
+  }), [client, onDisconnectApple]);
+  const handleConnectEmail = useCallback9(() => __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;
+    yield startAuth({
+      provider: "email",
+      email: typedEmail,
+      redirectUrl: resolveRedirectUrl()
+    });
+    onConnectEmail == null ? void 0 : onConnectEmail();
+  }), [onConnectEmail, startAuth]);
+  const handleDisconnectWallet = useCallback9(
+    (wallet) => __async(null, null, function* () {
+      const normalizedChain = wallet.chain.toLowerCase();
+      const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
+      yield client.disconnectAccount(provider);
+      yield client.getCurrentUser();
+      onDisconnectWallet == null ? void 0 : onDisconnectWallet(wallet);
+    }),
+    [client, onDisconnectWallet]
+  );
+  const providerActionMap = useMemo3(
+    () => ({
+      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 shortenAddress = (address) => {
+    if (address.length <= 12) return address;
+    return `${address.slice(0, 6)}...${address.slice(-4)}`;
+  };
+  const resolvedWallets = useMemo3(() => {
+    var _a2, _b2;
+    if (wallets) return wallets;
+    return (_b2 = (_a2 = user == null ? void 0 : user.wallets) == null ? void 0 : _a2.map((wallet) => ({
+      chain: wallet.chain,
+      address: wallet.address,
+      displayAddress: shortenAddress(wallet.address)
+    }))) != null ? _b2 : [];
+  }, [user == null ? void 0 : user.wallets, wallets]);
+  const resolvedExchanges = useMemo3(() => {
+    var _a2, _b2;
+    if (exchanges !== void 0) return exchanges;
+    const walletAccount = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.find(
+      (a) => a.provider.toLowerCase() === "wallet"
+    );
+    if (!walletAccount) return [];
+    const addr = walletAccount.providerAccountId;
+    const displayAddress = (_b2 = shortenAddress(addr)) != null ? _b2 : addr;
+    return EVM_WALLET_VENUES.map((venue) => ({ venue, displayAddress, verified: false }));
+  }, [exchanges, user == null ? void 0 : user.accounts]);
+  const handleDisconnectExchange = useCallback9(
+    (venue) => __async(null, null, function* () {
+      if (exchanges !== void 0) {
+        onDisconnectExchangeProp == null ? void 0 : onDisconnectExchangeProp(venue);
+        return;
+      }
+      yield client.disconnectAccount("wallet");
+      yield client.getCurrentUser();
+      onDisconnectExchangeProp == null ? void 0 : onDisconnectExchangeProp(venue);
+    }),
+    [client, exchanges, onDisconnectExchangeProp]
+  );
+  return /* @__PURE__ */ jsx25(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs25(
+    Modal.Container,
+    {
+      maxWidth: "800px",
+      "aria-label": "Edit Profile",
+      classNames: {
+        container: cn("agg-profile-modal", "min-h-[37.5rem]")
+      },
+      children: [
+        /* @__PURE__ */ jsx25(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+        /* @__PURE__ */ jsx25(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs25("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+          /* @__PURE__ */ jsxs25("div", { className: "shrink-0", children: [
+            /* @__PURE__ */ jsx25("div", { className: "agg-profile-tabs mb-6 flex gap-2 sm:hidden", children: PROFILE_TAB_ITEMS.map((tab) => {
+              const isActive = activeTab === tab.value;
+              return /* @__PURE__ */ jsxs25(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setActiveTab(tab.value),
+                  className: cn(
+                    "agg-profile-tab-trigger",
+                    "flex items-center gap-3 px-4 py-3 rounded-agg-lg",
+                    "text-agg-sm leading-agg-5 font-agg-sans",
+                    "transition-colors cursor-pointer",
+                    "border-b-2",
+                    isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover border-agg-primary" : "font-agg-normal text-agg-foreground border-transparent"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx25(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                    /* @__PURE__ */ jsx25("span", { className: "whitespace-nowrap", children: tab.label })
+                  ]
+                },
+                tab.value
+              );
+            }) }),
+            /* @__PURE__ */ jsx25(
+              "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: PROFILE_TAB_ITEMS.map((tab) => {
+                  const isActive = activeTab === tab.value;
+                  return /* @__PURE__ */ jsxs25(
+                    "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__ */ jsx25("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                        /* @__PURE__ */ jsx25(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                        /* @__PURE__ */ jsx25("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                      ]
+                    },
+                    tab.value
+                  );
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs25("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+            activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ jsx25(
+              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
+              }
+            ) : null,
+            activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ jsx25(
+              AccountsWalletsTab,
+              {
+                exchanges: resolvedExchanges,
+                venueAccounts: user == null ? void 0 : user.venueAccounts,
+                onKycError,
+                socialAccounts: resolvedSocialAccounts,
+                wallets: resolvedWallets,
+                email: resolvedEmail,
+                onDisconnectExchange: (venue) => {
+                  void handleDisconnectExchange(venue);
+                },
+                onConnectTwitter: providerActionMap.twitter.connect,
+                onDisconnectTwitter: providerActionMap.twitter.disconnect,
+                onConnectGoogle: providerActionMap.google.connect,
+                onDisconnectGoogle: providerActionMap.google.disconnect,
+                onConnectApple: providerActionMap.apple.connect,
+                onDisconnectApple: providerActionMap.apple.disconnect,
+                onConnectDiscord,
+                onDisconnectDiscord,
+                onConnectTelegram,
+                onDisconnectTelegram,
+                onDisconnectWallet: (wallet) => {
+                  void handleDisconnectWallet(wallet);
+                },
+                onConnectEmail: providerActionMap.email.connect
+              }
+            ) : null
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs25(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+          /* @__PURE__ */ jsx25(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+          /* @__PURE__ */ jsx25(
+            Button,
+            {
+              variant: "primary",
+              size: "large",
+              disabled: !hasChanges,
+              isLoading: isSaving,
+              onClick: handleSave,
+              children: "Save Changes"
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+};
+ProfileModal.displayName = "ProfileModal";
+
+// src/geo-block-modal/index.tsx
+import { useLabels as useLabels22 } from "@agg-build/hooks";
+import { useCallback as useCallback10 } from "react";
+import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
+var GeoBlockModal = ({
+  open,
+  onOpenChange,
+  onConfirm,
+  classNames
+}) => {
+  const labels = useLabels22();
+  const handleConfirm = useCallback10(() => {
+    onConfirm == null ? void 0 : onConfirm();
+    onOpenChange(false);
+  }, [onConfirm, onOpenChange]);
+  return /* @__PURE__ */ jsx26(
+    Modal,
+    {
+      open,
+      onOpenChange,
+      "aria-label": labels.trading.geoBlockModalAriaLabel,
+      children: /* @__PURE__ */ jsxs26(
+        Modal.Container,
+        {
+          maxWidth: "480px",
+          classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
+          children: [
+            /* @__PURE__ */ jsx26(Modal.Header, { title: "", hideBorder: true, classNames: { container: "px-8 pt-8 pb-0" } }),
+            /* @__PURE__ */ jsx26(Modal.Body, { classNames: { root: cn("!px-10 !pb-12 !pt-0", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ jsx26(
+                Icon,
+                {
+                  name: "internet-security",
+                  className: "h-[60px] w-[60px] text-agg-muted-foreground"
+                }
+              ),
+              /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ jsx26("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ jsx26("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              ] }),
+              /* @__PURE__ */ jsx26(
+                Button,
+                {
+                  variant: "secondary",
+                  size: "large",
+                  className: "h-10 min-w-[140px] px-6",
+                  onClick: handleConfirm,
+                  children: labels.trading.geoBlockModalConfirm
+                }
+              )
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+};
+GeoBlockModal.displayName = "GeoBlockModal";
+
+export {
+  CARD_NETWORK_OPTIONS,
+  clearPendingCardSession,
+  getPendingCardSession,
+  DepositModal,
+  WithdrawModal,
+  HowItWorksStep,
+  ProfileSetupStep,
+  ConnectAccountsStep,
+  ConnectKalshiModal,
+  ConnectOnchainModal,
+  OnboardingModal,
+  ProfileModal,
+  GeoBlockModal
+};