@agg-market/ui 0.0.3 → 0.0.4

package/dist/chunk-HM3CGN32.mjs

@@ -0,0 +1,669 @@
+import {
+  Modal
+} from "./chunk-VIP7HSOU.mjs";
+import {
+  Select
+} from "./chunk-ZDF7QP4G.mjs";
+import {
+  VenueLogo,
+  venueLogoLabels
+} from "./chunk-BLSHXIAH.mjs";
+import {
+  BoltIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CopyIcon,
+  CreditCardIcon,
+  ExternalLinkIcon,
+  WarningFilledIcon
+} from "./chunk-F236MLT6.mjs";
+import {
+  Button
+} from "./chunk-PGSPYQOW.mjs";
+import {
+  cn,
+  formatAmountDisplay,
+  formatCompactUsd
+} from "./chunk-GJ4U5NCE.mjs";
+
+// src/deposit/index.tsx
+import { useState as useState3 } from "react";
+
+// src/deposit/deposit-modal.constants.ts
+var KALSHI_VENUE = "kalshi";
+var KALSHI_DEPOSIT_URL_DEFAULT = "https://kalshi.com/account/deposit";
+
+// src/deposit/steps/venue-selection.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var VenueRow = ({ venue, onSelect }) => {
+  var _a;
+  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
+  const hasShortfall = venue.shortfall != null && venue.shortfall > 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-3 sm:gap-4",
+        "rounded-xl border border-separator",
+        "p-3 sm:p-4",
+        "hover:bg-secondary-hover transition-colors cursor-pointer"
+      ),
+      role: "button",
+      tabIndex: 0,
+      onClick: () => onSelect(venue.venue),
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onSelect(venue.venue);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(VenueLogo, { venue: venue.venue, size: "xl", className: "rounded-lg" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-base font-bold text-foreground leading-6", children: displayName }),
+          /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground leading-5", children: [
+            "Balance ",
+            formatCompactUsd(venue.balance)
+          ] })
+        ] }),
+        hasShortfall ? /* @__PURE__ */ jsxs("div", { className: "hidden sm:flex items-center gap-1.5 shrink-0", children: [
+          /* @__PURE__ */ jsx(WarningFilledIcon, { className: "h-4 w-4 text-warning" }),
+          /* @__PURE__ */ jsxs("span", { className: "text-sm font-bold text-warning whitespace-nowrap", children: [
+            "Short ",
+            formatCompactUsd(venue.shortfall)
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            size: "s",
+            suffix: /* @__PURE__ */ jsx(ChevronRightIcon, {}),
+            onClick: (e) => {
+              e.stopPropagation();
+              onSelect(venue.venue);
+            },
+            children: hasShortfall ? "Continue" : "Select"
+          }
+        ) })
+      ]
+    }
+  );
+};
+var VenueSelectionStep = ({
+  venues,
+  hasAnyShortfall,
+  onSelectVenue
+}) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(Modal.Header, { title: "Deposit", 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-4", children: [
+    !hasAnyShortfall ? /* @__PURE__ */ jsx("p", { className: "text-base text-foreground leading-6", children: "Choose where to deposit funds:" }) : null,
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ jsx(VenueRow, { venue, onSelect: onSelectVenue }, venue.venue)) })
+  ] }) })
+] });
+
+// src/deposit/steps/deposit-method.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DepositMethodCard = ({
+  icon,
+  title,
+  description,
+  onContinue
+}) => /* @__PURE__ */ jsxs2(
+  "div",
+  {
+    className: cn(
+      "flex items-center gap-3 sm:gap-4",
+      "rounded-xl border border-separator",
+      "p-3 sm:p-4",
+      "hover:bg-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__ */ jsx2("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-secondary-hover", children: icon }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx2("p", { className: "text-base font-bold text-foreground leading-6", children: title }),
+        /* @__PURE__ */ jsx2("p", { className: "text-sm text-muted-foreground leading-5", children: description })
+      ] }),
+      /* @__PURE__ */ jsx2("div", { className: "shrink-0", children: /* @__PURE__ */ jsx2(
+        Button,
+        {
+          variant: "secondary",
+          size: "s",
+          suffix: /* @__PURE__ */ jsx2(ChevronRightIcon, {}),
+          onClick: (e) => {
+            e.stopPropagation();
+            onContinue();
+          },
+          children: "Continue"
+        }
+      ) })
+    ]
+  }
+);
+var DepositMethodStep = ({
+  venue,
+  onBack,
+  onSelectMethod
+}) => {
+  var _a;
+  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(
+      Modal.Header,
+      {
+        title: `Deposit to ${displayName}`,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            className: "flex items-center justify-center text-foreground hover:text-foreground/80 transition-colors hover:cursor-pointer mr-2",
+            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-4", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx2(VenueLogo, { venue: venue.venue, size: "xs", className: "rounded-sm" }),
+        /* @__PURE__ */ jsxs2("p", { className: "text-sm text-muted-foreground leading-5", children: [
+          displayName,
+          " balance: ",
+          formatCompactUsd(venue.balance)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx2(
+          DepositMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx2(BoltIcon, { className: "h-6 w-6 text-foreground" }),
+            title: "Transfer Crypto",
+            description: "Send USDC from your blockchain wallet.",
+            onContinue: () => onSelectMethod("crypto")
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          DepositMethodCard,
+          {
+            icon: /* @__PURE__ */ jsx2(CreditCardIcon, { className: "h-6 w-6 text-foreground" }),
+            title: "Deposit with Card",
+            description: "Buy USDC instantly with a debit or credit card.",
+            onContinue: () => onSelectMethod("card")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/card-deposit.tsx
+import { useCallback, useState } from "react";
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var CardDepositStep = ({
+  venue,
+  onBack,
+  onContinue
+}) => {
+  var _a;
+  const [rawAmount, setRawAmount] = useState("");
+  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
+  const numericAmount = Number(rawAmount) || 0;
+  const isValid = numericAmount > 0;
+  const handleAmountChange = useCallback((e) => {
+    const v = e.target.value.replace(/[^0-9.]/g, "");
+    const parts = v.split(".");
+    const sanitized = parts.length > 2 ? `${parts[0]}.${parts.slice(1).join("")}` : v;
+    setRawAmount(sanitized);
+  }, []);
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx3(
+      Modal.Header,
+      {
+        title: `Deposit to ${displayName}`,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            className: "flex items-center justify-center text-foreground hover:text-foreground/80 transition-colors hover:cursor-pointer mr-2",
+            onClick: onBack,
+            "aria-label": "Go back",
+            children: /* @__PURE__ */ jsx3(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx3(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx3(VenueLogo, { venue: venue.venue, size: "xs", className: "rounded-sm" }),
+        /* @__PURE__ */ jsxs3("p", { className: "text-sm text-muted-foreground leading-5", children: [
+          displayName,
+          " balance: ",
+          formatCompactUsd(venue.balance)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx3("div", { className: "shrink-0", children: /* @__PURE__ */ jsx3(
+          Select,
+          {
+            items: [{ value: "USD", label: "USD" }],
+            value: "USD",
+            onChange: () => {
+            },
+            ariaLabel: "Currency",
+            className: "w-auto"
+          }
+        ) }),
+        /* @__PURE__ */ jsx3("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-baseline", children: [
+          /* @__PURE__ */ jsx3("span", { className: "text-3xl sm:text-4xl font-bold text-foreground leading-none", children: "$" }),
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              type: "text",
+              inputMode: "decimal",
+              "aria-label": "Amount",
+              className: cn(
+                "w-full bg-transparent text-3xl sm:text-4xl font-bold leading-none outline-none",
+                isValid ? "text-foreground" : "text-muted-foreground"
+              ),
+              placeholder: "0",
+              value: rawAmount ? formatAmountDisplay(rawAmount) : "",
+              onChange: handleAmountChange
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs3(
+        "div",
+        {
+          className: cn(
+            "flex items-center gap-3",
+            "rounded-xl border border-separator",
+            "p-3 sm:p-4",
+            "hover:bg-secondary-hover transition-colors cursor-pointer"
+          ),
+          role: "button",
+          tabIndex: 0,
+          children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx3("p", { className: "text-base font-bold text-foreground leading-6", children: "Provider" }),
+              /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground leading-5", children: "Auto-picked for you" })
+            ] }),
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 shrink-0", children: [
+              /* @__PURE__ */ jsx3("span", { className: "text-sm font-bold text-foreground", children: "Swapped" }),
+              /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "h-4 w-4 text-foreground" })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        Button,
+        {
+          variant: "primary",
+          size: "xl",
+          className: "w-full",
+          disabled: !isValid,
+          onClick: () => onContinue(numericAmount),
+          children: "Continue"
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/crypto-transfer.tsx
+import { useCallback as useCallback2, useMemo, useState as useState2 } from "react";
+
+// src/shared/constants.ts
+var USDC = {
+  value: "USDC",
+  label: "USDC",
+  iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdc.svg"
+};
+var SUPPORTED_NETWORKS = [
+  {
+    value: "base",
+    label: "Base",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/base/colored.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "mainnet",
+    label: "Ethereum Mainnet",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/eth/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 getTokensForNetwork = (networkValue) => {
+  var _a;
+  const network = SUPPORTED_NETWORKS.find((n) => n.value === networkValue);
+  return (_a = network == null ? void 0 : network.tokens) != null ? _a : [];
+};
+
+// src/deposit/steps/crypto-transfer.tsx
+import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var CryptoTransferStep = ({
+  venue,
+  onBack,
+  onDone
+}) => {
+  var _a, _b, _c, _d, _e;
+  const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
+  const defaultNetwork = (_c = (_b = SUPPORTED_NETWORKS[0]) == null ? void 0 : _b.value) != null ? _c : "";
+  const [selectedNetwork, setSelectedNetwork] = useState2(defaultNetwork);
+  const tokenItems = useMemo(() => {
+    const tokens = getTokensForNetwork(selectedNetwork);
+    return tokens.map((t) => ({
+      value: t.value,
+      label: t.label,
+      iconUrl: t.iconUrl
+    }));
+  }, [selectedNetwork]);
+  const [selectedToken, setSelectedToken] = useState2((_e = (_d = tokenItems[0]) == null ? void 0 : _d.value) != null ? _e : "");
+  const networkItems = useMemo(
+    () => SUPPORTED_NETWORKS.map((n) => ({
+      value: n.value,
+      label: n.label,
+      iconUrl: n.iconUrl
+    })),
+    []
+  );
+  const handleNetworkChange = useCallback2((networkValue) => {
+    var _a2, _b2;
+    setSelectedNetwork(networkValue);
+    const tokens = getTokensForNetwork(networkValue);
+    setSelectedToken((_b2 = (_a2 = tokens[0]) == null ? void 0 : _a2.value) != null ? _b2 : "");
+  }, []);
+  const depositAddress = "82nbtQamxV3KPZtyRMXjrQ4xwQJMRcXn2PYmpfQyq5UK";
+  const handleCopyAddress = useCallback2(() => {
+    void navigator.clipboard.writeText(depositAddress);
+  }, [depositAddress]);
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx4(
+      Modal.Header,
+      {
+        title: `Deposit to ${displayName}`,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx4(
+          "button",
+          {
+            type: "button",
+            className: "flex items-center justify-center text-foreground hover:text-foreground/80 transition-colors hover:cursor-pointer mr-2",
+            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__ */ jsxs4("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "flex gap-6", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx4("p", { className: "text-sm font-bold text-foreground leading-5", children: "Supported token" }),
+            /* @__PURE__ */ jsx4(
+              Select,
+              {
+                items: tokenItems,
+                value: selectedToken,
+                onChange: setSelectedToken,
+                ariaLabel: "Supported token"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx4("p", { className: "text-sm font-bold text-foreground leading-5", children: "Supported network" }),
+            /* @__PURE__ */ jsx4(
+              Select,
+              {
+                items: networkItems,
+                value: selectedNetwork,
+                onChange: handleNetworkChange,
+                ariaLabel: "Supported network"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx4("p", { className: "text-sm font-bold text-foreground leading-5", children: "Your deposit address" }),
+          /* @__PURE__ */ jsxs4(
+            "div",
+            {
+              className: cn(
+                "flex items-center gap-2",
+                "rounded border border-separator bg-secondary",
+                "h-10 px-3"
+              ),
+              children: [
+                /* @__PURE__ */ jsx4("p", { className: "flex-1 min-w-0 text-base text-foreground leading-6 truncate", children: depositAddress }),
+                /* @__PURE__ */ jsx4(
+                  "button",
+                  {
+                    type: "button",
+                    className: "shrink-0 text-muted-foreground hover:text-foreground transition-colors",
+                    onClick: handleCopyAddress,
+                    "aria-label": "Copy deposit address",
+                    children: /* @__PURE__ */ jsx4(CopyIcon, { className: "h-4 w-4" })
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "xl", className: "w-full", onClick: onDone, children: "Done" })
+    ] }) })
+  ] });
+};
+
+// src/deposit/steps/kalshi-deposit.tsx
+import { Fragment as Fragment5, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var KalshiStepCard = ({
+  step,
+  title,
+  description,
+  children
+}) => /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2 rounded-xl bg-secondary-hover p-4", children: [
+  /* @__PURE__ */ jsxs5("p", { className: "text-xs font-bold uppercase leading-4 text-muted-foreground", children: [
+    "Step ",
+    step
+  ] }),
+  /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx5("p", { className: "text-sm font-bold text-foreground leading-5", children: title }),
+    /* @__PURE__ */ jsx5("p", { className: "text-sm text-foreground leading-5", children: description })
+  ] }),
+  children
+] });
+var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ jsxs5(Fragment5, { children: [
+  /* @__PURE__ */ jsx5(Modal.Header, { title: "", hideBorder: true }),
+  /* @__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 items-center gap-8", children: [
+    /* @__PURE__ */ jsx5(
+      VenueLogo,
+      {
+        venue: "kalshi",
+        size: "xl",
+        className: "h-[60px] w-[60px] rounded-lg"
+      }
+    ),
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+      /* @__PURE__ */ jsx5("h2", { className: "text-2xl font-bold text-foreground leading-8", children: "Fund Your Kalshi Account" }),
+      /* @__PURE__ */ jsx5("p", { className: "text-base text-foreground leading-6", children: "To trade on Kalshi you'll need to add funds to your Kalshi balance first. You can do this on Kalshi's site." })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex w-full flex-col gap-4", children: [
+      /* @__PURE__ */ jsx5(
+        KalshiStepCard,
+        {
+          step: 1,
+          title: "Open Kalshi Deposit Page",
+          description: "Sign in to your Kalshi account and go to Deposit (Add Funds) from your account menu.",
+          children: /* @__PURE__ */ jsx5("div", { className: "mt-1", children: /* @__PURE__ */ jsx5(
+            Button,
+            {
+              variant: "secondary",
+              size: "s",
+              suffix: /* @__PURE__ */ jsx5(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
+              onClick: () => {
+                window.open(depositUrl, "_blank", "noopener,noreferrer");
+              },
+              children: "Open Kalshi"
+            }
+          ) })
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        KalshiStepCard,
+        {
+          step: 2,
+          title: "Choose a Funding Method",
+          description: "Select a deposit method: Bank transfer (ACH), Debit card, Wire, or USDC (crypto)."
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        KalshiStepCard,
+        {
+          step: 3,
+          title: "Complete Your Deposit",
+          description: "Follow the on-screen instructions to confirm your deposit. Funds may arrive instantly (card/crypto) or within a few business days (ACH/wire)."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx5(Button, { variant: "secondary", size: "l", onClick: onDone, children: "Done" })
+  ] }) })
+] });
+
+// src/deposit/index.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var DepositModal = ({
+  open,
+  onOpenChange,
+  venues,
+  onSelectVenue,
+  onSelectDepositMethod,
+  onContinueCardDeposit,
+  onDoneCryptoTransfer,
+  onDoneKalshi,
+  kalshiDepositUrl = KALSHI_DEPOSIT_URL_DEFAULT
+}) => {
+  const [step, setStep] = useState3("venues");
+  const [selectedVenue, setSelectedVenue] = useState3(null);
+  const hasAnyShortfall = venues.some((v) => v.shortfall != null && v.shortfall > 0);
+  const handleSelectVenue = (venueSlug) => {
+    onSelectVenue(venueSlug);
+    if (venueSlug === KALSHI_VENUE) {
+      setStep("kalshi");
+      return;
+    }
+    const venueData = venues.find((v) => v.venue === venueSlug);
+    if (venueData) {
+      setSelectedVenue(venueData);
+      setStep("method");
+    }
+  };
+  const handleBackToVenues = () => {
+    setStep("venues");
+    setSelectedVenue(null);
+  };
+  const handleBackToMethod = () => {
+    setStep("method");
+  };
+  const handleSelectMethod = (method) => {
+    if (!selectedVenue)
+      return;
+    if (method === "card") {
+      setStep("card-deposit");
+    } else {
+      setStep("crypto-transfer");
+      onSelectDepositMethod == null ? void 0 : onSelectDepositMethod(selectedVenue.venue, method);
+    }
+  };
+  const handleContinueCardDeposit = (amount) => {
+    if (selectedVenue) {
+      onContinueCardDeposit == null ? void 0 : onContinueCardDeposit(selectedVenue.venue, amount);
+    }
+  };
+  const handleDoneCryptoTransfer = () => {
+    if (selectedVenue) {
+      onDoneCryptoTransfer == null ? void 0 : onDoneCryptoTransfer(selectedVenue.venue);
+    }
+  };
+  const handleDoneKalshi = () => {
+    onDoneKalshi == null ? void 0 : onDoneKalshi();
+    onOpenChange(false);
+  };
+  const handleOpenChange = (isOpen) => {
+    if (!isOpen) {
+      setStep("venues");
+      setSelectedVenue(null);
+    }
+    onOpenChange(isOpen);
+  };
+  return /* @__PURE__ */ jsx6(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs6(Modal.Container, { maxWidth: "600px", "aria-label": "Deposit", children: [
+    step === "venues" ? /* @__PURE__ */ jsx6(
+      VenueSelectionStep,
+      {
+        venues,
+        hasAnyShortfall,
+        onSelectVenue: handleSelectVenue
+      }
+    ) : null,
+    step === "method" && selectedVenue ? /* @__PURE__ */ jsx6(
+      DepositMethodStep,
+      {
+        venue: selectedVenue,
+        onBack: handleBackToVenues,
+        onSelectMethod: handleSelectMethod
+      }
+    ) : null,
+    step === "card-deposit" && selectedVenue ? /* @__PURE__ */ jsx6(
+      CardDepositStep,
+      {
+        venue: selectedVenue,
+        onBack: handleBackToMethod,
+        onContinue: handleContinueCardDeposit
+      }
+    ) : null,
+    step === "crypto-transfer" && selectedVenue ? /* @__PURE__ */ jsx6(
+      CryptoTransferStep,
+      {
+        venue: selectedVenue,
+        onBack: handleBackToMethod,
+        onDone: handleDoneCryptoTransfer
+      }
+    ) : null,
+    step === "kalshi" ? /* @__PURE__ */ jsx6(KalshiDepositStep, { depositUrl: kalshiDepositUrl, onDone: handleDoneKalshi }) : null
+  ] }) });
+};
+DepositModal.displayName = "DepositModal";
+
+export {
+  DepositModal
+};