@agg-market/ui 5.0.0 → 7.0.0

package/dist/chunk-QLMVKLNJ.mjs

@@ -1,669 +0,0 @@
-import {
-  Modal
-} from "./chunk-5K7VXAYM.mjs";
-import {
-  Select
-} from "./chunk-YJA5VQW6.mjs";
-import {
-  VenueLogo,
-  venueLogoLabels
-} from "./chunk-PORVP72S.mjs";
-import {
-  BoltIcon,
-  ChevronLeftIcon,
-  ChevronRightIcon,
-  CopyIcon,
-  CreditCardIcon,
-  ExternalLinkIcon,
-  WarningFilledIcon
-} from "./chunk-PZTHM6WG.mjs";
-import {
-  Button
-} from "./chunk-KAGYJ4XT.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: "large", className: "rounded-lg" }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
-          /* @__PURE__ */ jsxs("p", { className: "agg-type-label text-agg-muted-foreground", 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-agg-warning" }),
-          /* @__PURE__ */ jsxs("span", { className: "agg-type-label-strong whitespace-nowrap text-agg-warning", children: [
-            "Short ",
-            formatCompactUsd(venue.shortfall)
-          ] })
-        ] }) : null,
-        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "secondary",
-            size: "small",
-            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: "agg-type-body text-agg-foreground", 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: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ jsx2("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
-      ] }),
-      /* @__PURE__ */ jsx2("div", { className: "shrink-0", children: /* @__PURE__ */ jsx2(
-        Button,
-        {
-          variant: "secondary",
-          size: "small",
-          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: "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-4", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx2(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-        /* @__PURE__ */ jsxs2("p", { className: "agg-type-label text-agg-muted-foreground", 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-agg-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-agg-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: "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__ */ 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: "small", className: "rounded-sm" }),
-        /* @__PURE__ */ jsxs3("p", { className: "agg-type-label text-agg-muted-foreground", 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: "agg-type-display text-agg-foreground", children: "$" }),
-          /* @__PURE__ */ jsx3(
-            "input",
-            {
-              type: "text",
-              inputMode: "decimal",
-              "aria-label": "Amount",
-              className: cn(
-                "agg-type-display w-full bg-transparent outline-none",
-                isValid ? "text-agg-foreground" : "text-agg-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: "agg-type-body-strong text-agg-foreground", children: "Provider" }),
-              /* @__PURE__ */ jsx3("p", { className: "agg-type-label text-agg-muted-foreground", children: "Auto-picked for you" })
-            ] }),
-            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 shrink-0", children: [
-              /* @__PURE__ */ jsx3("span", { className: "agg-type-label-strong text-agg-foreground", children: "Swapped" }),
-              /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "h-4 w-4 text-agg-foreground" })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx3(
-        Button,
-        {
-          variant: "primary",
-          size: "large",
-          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: "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__ */ 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: "agg-type-label-strong text-agg-foreground", 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: "agg-type-label-strong text-agg-foreground", 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: "agg-type-label-strong text-agg-foreground", 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: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
-                /* @__PURE__ */ jsx4(
-                  "button",
-                  {
-                    type: "button",
-                    className: "shrink-0 text-agg-muted-foreground transition-colors hover:text-agg-foreground",
-                    onClick: handleCopyAddress,
-                    "aria-label": "Copy deposit address",
-                    children: /* @__PURE__ */ jsx4(CopyIcon, { className: "h-4 w-4" })
-                  }
-                )
-              ]
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "large", 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: "agg-type-caption-caps text-agg-muted-foreground", children: [
-    "Step ",
-    step
-  ] }),
-  /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ jsx5("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
-    /* @__PURE__ */ jsx5("p", { className: "agg-type-label text-agg-foreground", 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: "large",
-        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: "agg-type-heading text-agg-foreground", children: "Fund Your Kalshi Account" }),
-      /* @__PURE__ */ jsx5("p", { className: "agg-type-body text-agg-foreground", 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: "small",
-              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: "large", 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
-};