@agg-market/ui 0.0.3 → 0.0.4

package/dist/chunk-R3DRVI4J.mjs

@@ -1,741 +0,0 @@
-import {
-  Modal
-} from "./chunk-CKTAVEW2.mjs";
-import {
-  VenueLogo
-} from "./chunk-LY6474C4.mjs";
-import {
-  BestPricesIcon,
-  CheckCircleIcon,
-  ChevronRightIcon,
-  CreateAccountIcon,
-  LinkAccountsIcon,
-  ProfileIcon,
-  StayInControlIcon,
-  WarningIcon
-} from "./chunk-DA6KZWSK.mjs";
-import {
-  Button
-} from "./chunk-J6L5BLKX.mjs";
-import {
-  __async,
-  cn
-} from "./chunk-GC3QIIH7.mjs";
-
-// src/onboarding/index.tsx
-import { useCallback as useCallback4, useEffect, useState as useState4 } from "react";
-import { useLabels as useLabels6 } from "@agg-market/hooks";
-import * as Dialog3 from "@radix-ui/react-dialog";
-
-// src/onboarding/onboarding-modal.constants.ts
-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 = [
-  "polymarket",
-  "opinion",
-  "probable"
-];
-
-// src/onboarding/steps/how-it-works.tsx
-import { useLabels } from "@agg-market/hooks";
-import { jsx, jsxs } from "react/jsx-runtime";
-var defaultIcons = {
-  createAccount: /* @__PURE__ */ jsx(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  linkAccounts: /* @__PURE__ */ jsx(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  bestPrices: /* @__PURE__ */ jsx(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  stayInControl: /* @__PURE__ */ jsx(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
-};
-var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = useLabels();
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground sm:text-agg-3xl", children: labels.onboarding.howItWorks.title }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", 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__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "flex items-center gap-4 p-4 sm:p-5",
-            "rounded-agg-lg",
-            "bg-agg-secondary-hover"
-          ),
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
-              /* @__PURE__ */ jsx("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
-            ] }),
-            icon ? /* @__PURE__ */ jsx("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
-          ]
-        },
-        featureKey
-      );
-    }) }),
-    /* @__PURE__ */ jsx(Button, { variant: "primary", size: "l", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
-  ] });
-};
-HowItWorksStep.displayName = "HowItWorksStep";
-
-// src/onboarding/steps/profile-setup.tsx
-import { useCallback, useRef, useState } from "react";
-import { useLabels as useLabels2 } from "@agg-market/hooks";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ProfileSetupStep = ({ onContinue }) => {
-  const labels = useLabels2();
-  const [username, setUsername] = useState("");
-  const [avatarFile, setAvatarFile] = useState();
-  const [avatarPreview, setAvatarPreview] = useState();
-  const fileInputRef = useRef(null);
-  const handleAvatarClick = useCallback(() => {
-    var _a;
-    (_a = fileInputRef.current) == null ? void 0 : _a.click();
-  }, []);
-  const handleFileChange = useCallback((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 = useCallback(() => {
-    onContinue({
-      username,
-      avatarFile,
-      avatarPreview
-    });
-  }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-6 sm:gap-8", children: [
-    /* @__PURE__ */ jsx2("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground sm:text-agg-3xl", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex justify-center", children: [
-      /* @__PURE__ */ jsx2(
-        "button",
-        {
-          type: "button",
-          onClick: handleAvatarClick,
-          className: cn(
-            "relative flex items-center justify-center",
-            "h-[80px] w-[80px]",
-            "rounded-agg-full",
-            "border-2 border-dashed border-agg-separator",
-            "bg-agg-secondary",
-            "hover:border-agg-muted-foreground hover:bg-agg-secondary-hover",
-            "transition-colors cursor-pointer",
-            "overflow-hidden"
-          ),
-          "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
-          children: avatarPreview ? /* @__PURE__ */ jsx2(
-            "img",
-            {
-              src: avatarPreview,
-              alt: labels.onboarding.profileSetup.profilePreviewAlt,
-              className: "h-full w-full object-cover"
-            }
-          ) : /* @__PURE__ */ jsx2(ProfileIcon, { className: "h-8 w-8 text-agg-muted-foreground" })
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        "input",
-        {
-          ref: fileInputRef,
-          type: "file",
-          accept: "image/*",
-          onChange: handleFileChange,
-          className: "hidden",
-          "aria-hidden": "true"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx2(
-        "label",
-        {
-          htmlFor: "onboarding-username",
-          className: "text-agg-sm font-agg-bold text-agg-foreground",
-          children: labels.onboarding.profileSetup.usernameLabel
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        "input",
-        {
-          id: "onboarding-username",
-          type: "text",
-          value: username,
-          onChange: (e) => setUsername(e.target.value),
-          placeholder: labels.onboarding.profileSetup.usernamePlaceholder,
-          className: cn(
-            "w-full px-4 py-3",
-            "rounded-agg-xl",
-            "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"
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx2(Button, { variant: "primary", size: "l", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
-  ] });
-};
-ProfileSetupStep.displayName = "ProfileSetupStep";
-
-// src/onboarding/steps/connect-accounts.tsx
-import { useLabels as useLabels3 } from "@agg-market/hooks";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ jsx3("div", { className: "flex -space-x-1.5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: "overflow-hidden rounded-agg-lg",
-      style: { zIndex: ONCHAIN_VENUES.length - index },
-      children: /* @__PURE__ */ jsx3(VenueLogo, { venue, size: "l" })
-    },
-    venue
-  )) });
-};
-var VenueCard = ({
-  logos,
-  title,
-  mobileTitle,
-  description,
-  mobileDescription,
-  onConnect,
-  connected = false
-}) => {
-  const labels = useLabels3();
-  const action = connected ? /* @__PURE__ */ jsx3(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx3(
-    Button,
-    {
-      variant: "tertiary",
-      size: "m",
-      className: "h-auto p-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
-      onClick: onConnect,
-      children: labels.onboarding.connectAccounts.connect
-    }
-  );
-  const mobileAction = connected ? /* @__PURE__ */ jsx3(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx3(
-    Button,
-    {
-      variant: "tertiary",
-      size: "m",
-      className: "h-auto p-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
-      onClick: onConnect,
-      suffix: /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "h-4 w-4" }),
-      children: labels.onboarding.connectAccounts.connectAccount
-    }
-  );
-  return /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      className: cn(
-        "rounded-agg-lg p-4 sm:p-5",
-        connected ? "bg-agg-success/5" : "bg-agg-secondary-hover"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs3("div", { className: "hidden sm:flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx3("div", { className: "shrink-0", children: logos }),
-          /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx3("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
-            /* @__PURE__ */ jsx3("p", { className: "mt-0.5 text-agg-sm text-agg-muted-foreground", children: description })
-          ] }),
-          /* @__PURE__ */ jsx3("div", { className: "shrink-0", children: action })
-        ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ jsx3("div", { className: "shrink-0", children: logos }),
-          /* @__PURE__ */ jsxs3("div", { children: [
-            /* @__PURE__ */ jsx3("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title }),
-            /* @__PURE__ */ jsx3("p", { className: "mt-0.5 text-agg-sm text-agg-muted-foreground", children: mobileDescription != null ? mobileDescription : description })
-          ] }),
-          /* @__PURE__ */ jsx3("div", { children: mobileAction })
-        ] })
-      ]
-    }
-  );
-};
-var ConnectAccountsStep = ({
-  onConnectOnchain,
-  onConnectKalshi,
-  onContinue,
-  connectedOnchain = false,
-  connectedKalshi = false
-}) => {
-  const labels = useLabels3();
-  const canContinue = connectedOnchain || connectedKalshi;
-  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsx3("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground sm:text-agg-3xl", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx3(
-        VenueCard,
-        {
-          logos: /* @__PURE__ */ jsx3(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__ */ jsx3(
-        VenueCard,
-        {
-          logos: /* @__PURE__ */ jsx3("div", { className: "overflow-hidden rounded-agg-lg", children: /* @__PURE__ */ jsx3(VenueLogo, { venue: "kalshi", size: "l" }) }),
-          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__ */ jsx3(
-      Button,
-      {
-        variant: "primary",
-        size: "l",
-        className: "w-full",
-        onClick: onContinue,
-        disabled: !canContinue,
-        children: labels.onboarding.connectAccounts.continue
-      }
-    )
-  ] });
-};
-ConnectAccountsStep.displayName = "ConnectAccountsStep";
-
-// src/onboarding/steps/connect-kalshi-modal.tsx
-import { useCallback as useCallback2, useState as useState2 } from "react";
-import { useLabels as useLabels4 } from "@agg-market/hooks";
-import * as Dialog from "@radix-ui/react-dialog";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var ConnectKalshiModal = ({
-  open,
-  onOpenChange,
-  onVerify
-}) => {
-  const labels = useLabels4();
-  const [apiKeyId, setApiKeyId] = useState2("");
-  const [privateKey, setPrivateKey] = useState2("");
-  const [verifying, setVerifying] = useState2(false);
-  const [error, setError] = useState2();
-  const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
-  const handleCancel = useCallback2(() => {
-    onOpenChange(false);
-  }, [onOpenChange]);
-  const handleVerify = useCallback2(() => __async(void 0, 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 = useCallback2(
-    (value) => {
-      if (value) {
-        setApiKeyId("");
-        setPrivateKey("");
-        setError(void 0);
-        setVerifying(false);
-      }
-      onOpenChange(value);
-    },
-    [onOpenChange]
-  );
-  return /* @__PURE__ */ jsx4(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs4(Modal.Container, { maxWidth: "600px", "aria-label": labels.onboarding.connectKalshiModal.ariaLabel, children: [
-    /* @__PURE__ */ jsx4(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
-    /* @__PURE__ */ jsx4(Modal.Header, { hideClose: false, hideBorder: true }),
-    /* @__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-8 items-center", children: [
-      /* @__PURE__ */ jsx4("div", { className: "overflow-hidden rounded-agg-lg", children: /* @__PURE__ */ jsx4(VenueLogo, { venue: "kalshi", size: "xl" }) }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-        /* @__PURE__ */ jsx4("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-        /* @__PURE__ */ jsx4("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
-      ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-4 w-full", children: [
-        /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsx4("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
-            /* @__PURE__ */ jsx4("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
-          ] }),
-          /* @__PURE__ */ jsxs4("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-            /* @__PURE__ */ jsx4("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-            /* @__PURE__ */ jsxs4("p", { children: [
-              labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
-              " ",
-              /* @__PURE__ */ jsx4("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
-              labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
-              " ",
-              /* @__PURE__ */ jsx4("span", { className: "text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
-            ] }),
-            /* @__PURE__ */ jsxs4("p", { children: [
-              labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
-              " ",
-              /* @__PURE__ */ jsx4("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
-              labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
-            ] }),
-            /* @__PURE__ */ jsxs4("p", { children: [
-              labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
-              " ",
-              /* @__PURE__ */ jsx4("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
-              labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
-            ] }),
-            /* @__PURE__ */ jsx4("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
-          ] }),
-          /* @__PURE__ */ jsxs4("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
-            labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-            /* @__PURE__ */ jsx4("br", {}),
-            labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsx4("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
-            /* @__PURE__ */ jsx4("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
-          ] }),
-          /* @__PURE__ */ jsx4("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx4(
-              "label",
-              {
-                htmlFor: "kalshi-api-key-id",
-                className: "text-agg-sm font-agg-bold text-agg-foreground",
-                children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
-              }
-            ),
-            /* @__PURE__ */ jsx4(
-              "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-agg-md 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__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx4(
-              "label",
-              {
-                htmlFor: "kalshi-private-key",
-                className: "text-agg-sm font-agg-bold text-agg-foreground",
-                children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
-              }
-            ),
-            /* @__PURE__ */ jsx4(
-              "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-agg-md 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"
-                )
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      error ? /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 w-full", children: [
-        /* @__PURE__ */ jsx4(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-        /* @__PURE__ */ jsx4("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
-      ] }) : null,
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between w-full", children: [
-        /* @__PURE__ */ jsx4("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx4(
-            "a",
-            {
-              href: "#",
-              className: "text-agg-base font-agg-bold text-agg-primary hover:underline",
-              children: labels.onboarding.connectKalshiModal.help.docsLinkLabel
-            }
-          ),
-          /* @__PURE__ */ jsx4("span", { className: "h-3 w-px bg-agg-separator" }),
-          /* @__PURE__ */ jsx4(
-            "a",
-            {
-              href: "#",
-              className: "text-agg-base font-agg-bold text-agg-primary hover:underline",
-              children: labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3 justify-center", children: [
-        /* @__PURE__ */ jsx4(Button, { variant: "secondary", size: "m", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
-        /* @__PURE__ */ jsx4(
-          Button,
-          {
-            variant: "primary",
-            size: "m",
-            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 useCallback3, useState as useState3 } from "react";
-import { useLabels as useLabels5 } from "@agg-market/hooks";
-import * as Dialog2 from "@radix-ui/react-dialog";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var ConnectOnchainModal = ({
-  open,
-  onOpenChange,
-  onConnect
-}) => {
-  const labels = useLabels5();
-  const [connecting, setConnecting] = useState3(false);
-  const [error, setError] = useState3();
-  const handleCancel = useCallback3(() => {
-    onOpenChange(false);
-  }, [onOpenChange]);
-  const handleConnect = useCallback3(() => __async(void 0, 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 = useCallback3(
-    (value) => {
-      if (value) {
-        setError(void 0);
-        setConnecting(false);
-      }
-      onOpenChange(value);
-    },
-    [onOpenChange]
-  );
-  return /* @__PURE__ */ jsx5(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs5(
-    Modal.Container,
-    {
-      maxWidth: "600px",
-      "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
-      children: [
-        /* @__PURE__ */ jsx5(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ jsx5(Modal.Header, { hideClose: false, 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 gap-8 items-center", children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ jsx5("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ jsx5("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectOnchainModal.description })
-          ] }),
-          /* @__PURE__ */ jsxs5("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
-            /* @__PURE__ */ jsx5("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
-            /* @__PURE__ */ jsx5("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ jsx5("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ jsx5(VenueLogo, { venue, size: "m", className: "h-5 w-5" }),
-              /* @__PURE__ */ jsx5("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
-            ] }, venue)) })
-          ] }),
-          /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx5(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ jsx5("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
-              ] }) : null,
-              /* @__PURE__ */ jsx5(Button, { variant: "primary", size: "l", onClick: handleConnect, isLoading: connecting, children: labels.onboarding.connectOnchainModal.connect })
-            ] }),
-            /* @__PURE__ */ jsx5(
-              Button,
-              {
-                variant: "tertiary",
-                size: "m",
-                className: "h-auto p-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, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var OnboardingModal = ({
-  open,
-  onOpenChange,
-  onProfileSubmit,
-  onConnectOnchain,
-  onConnectKalshi,
-  onComplete,
-  howItWorksIcons,
-  connectedOnchain = false,
-  connectedKalshi = false
-}) => {
-  var _a;
-  const labels = useLabels6();
-  const [step, setStep] = useState4(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] = useState4(false);
-  const [kalshiConnected, setKalshiConnected] = useState4(false);
-  const [onchainModalOpen, setOnchainModalOpen] = useState4(false);
-  const [onchainConnected, setOnchainConnected] = useState4(false);
-  useEffect(() => {
-    if (open) {
-      setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
-      setKalshiConnected(false);
-      setOnchainConnected(false);
-    }
-  }, [open]);
-  const handleHowItWorksContinue = useCallback4(() => {
-    setStep(ONBOARDING_STEPS.PROFILE_SETUP);
-  }, []);
-  const handleProfileContinue = useCallback4(
-    (data) => {
-      onProfileSubmit == null ? void 0 : onProfileSubmit(data);
-      setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
-    },
-    [onProfileSubmit]
-  );
-  const handleConnectContinue = useCallback4(() => {
-    onComplete == null ? void 0 : onComplete();
-  }, [onComplete]);
-  const handleOpenOnchainModal = useCallback4(() => {
-    setOnchainModalOpen(true);
-  }, []);
-  const handleOnchainConnect = useCallback4(() => __async(void 0, null, function* () {
-    yield onConnectOnchain == null ? void 0 : onConnectOnchain();
-    setOnchainConnected(true);
-  }), [onConnectOnchain]);
-  const handleOpenKalshiModal = useCallback4(() => {
-    setKalshiModalOpen(true);
-  }, []);
-  const handleKalshiVerify = useCallback4(
-    (credentials) => __async(void 0, null, function* () {
-      yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
-      setKalshiConnected(true);
-    }),
-    [onConnectKalshi]
-  );
-  return /* @__PURE__ */ jsxs6(Fragment, { children: [
-    /* @__PURE__ */ jsx6(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs6(Modal.Container, { maxWidth: "600px", "aria-label": resolvedTitle, children: [
-      /* @__PURE__ */ jsx6(Dialog3.Title, { className: "sr-only", children: resolvedTitle }),
-      /* @__PURE__ */ jsxs6(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
-        step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx6(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-        step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx6(ProfileSetupStep, { onContinue: handleProfileContinue }),
-        step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx6(
-          ConnectAccountsStep,
-          {
-            onConnectOnchain: handleOpenOnchainModal,
-            onConnectKalshi: handleOpenKalshiModal,
-            onContinue: handleConnectContinue,
-            connectedOnchain: connectedOnchain || onchainConnected,
-            connectedKalshi: connectedKalshi || kalshiConnected
-          }
-        )
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx6(
-      ConnectOnchainModal,
-      {
-        open: onchainModalOpen,
-        onOpenChange: setOnchainModalOpen,
-        onConnect: handleOnchainConnect
-      }
-    ),
-    /* @__PURE__ */ jsx6(
-      ConnectKalshiModal,
-      {
-        open: kalshiModalOpen,
-        onOpenChange: setKalshiModalOpen,
-        onVerify: handleKalshiVerify
-      }
-    )
-  ] });
-};
-OnboardingModal.displayName = "OnboardingModal";
-
-export {
-  HowItWorksStep,
-  ProfileSetupStep,
-  ConnectAccountsStep,
-  ConnectKalshiModal,
-  ConnectOnchainModal,
-  OnboardingModal
-};