@agg-build/ui 4.18.2 → 4.19.1

package/dist/chunk-CKHECAKV.mjs

@@ -0,0 +1,2724 @@
+"use client";
+import {
+  AGG_TERMS_OF_SERVICE_URL,
+  BestPricesIcon,
+  Button,
+  CheckCircleIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CloseIcon,
+  CreateAccountIcon,
+  Icon,
+  InlineAlert,
+  LinkAccountsIcon,
+  LoadingIcon,
+  Modal,
+  ProfileIcon,
+  RemoteImage,
+  Select,
+  SkeletonBlock,
+  StayInControlIcon,
+  SuccessCheckIcon,
+  Tooltip,
+  Typography,
+  VenueLogo,
+  WalletIcon,
+  WarningIcon,
+  __async,
+  __spreadProps,
+  __spreadValues,
+  cn,
+  formatCompactUsd,
+  formatUsd,
+  getMotionClassName
+} from "./chunk-XZVGHKMW.mjs";
+
+// src/geo-block-banner/index.tsx
+import { useLabels } from "@agg-build/hooks";
+import { jsx, jsxs } from "react/jsx-runtime";
+var GeoBlockBanner = ({
+  venue,
+  termsUrl = AGG_TERMS_OF_SERVICE_URL,
+  className
+}) => {
+  const labels = useLabels();
+  const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
+      role: "status",
+      children: [
+        /* @__PURE__ */ jsxs("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
+          message,
+          /* @__PURE__ */ jsx("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
+          labels.trading.geoBlockMessageSuffix
+        ] }),
+        /* @__PURE__ */ jsx(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
+      ]
+    }
+  );
+};
+GeoBlockBanner.displayName = "GeoBlockBanner";
+
+// src/kyc/shared-kyc-modal.tsx
+import { useLabels as useLabels2 } from "@agg-build/hooks";
+import * as Dialog from "@radix-ui/react-dialog";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var SharedKycModal = ({
+  open,
+  state = "initial",
+  errorMessage,
+  onOpenChange,
+  onStartVerification
+}) => {
+  const labels = useLabels2();
+  const modalLabels = labels.trading.sharedKyc.modal;
+  const isInitiating = state === "initiating";
+  const handleOpenChange = (nextOpen) => {
+    if (isInitiating && !nextOpen) return;
+    onOpenChange(nextOpen);
+  };
+  return /* @__PURE__ */ jsx2(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs2(
+    Modal.Container,
+    {
+      maxWidth: "420px",
+      "aria-label": modalLabels.ariaLabel,
+      classNames: { container: "!rounded-agg-2xl" },
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: "flex h-14 shrink-0 items-center justify-end px-5", children: /* @__PURE__ */ jsx2(
+          Dialog.Close,
+          {
+            "aria-label": labels.common.close,
+            disabled: isInitiating,
+            className: "flex size-11 cursor-pointer items-center justify-center rounded-agg-full text-agg-foreground hover:bg-agg-secondary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-50",
+            children: /* @__PURE__ */ jsx2(Icon, { name: "close", size: "small", "aria-hidden": "true" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx2(Modal.Body, { classNames: { root: "!px-8 !pb-9 !pt-0" }, children: state === "success" ? /* @__PURE__ */ jsxs2(
+          "div",
+          {
+            className: "flex flex-col items-center gap-6 text-center",
+            role: "status",
+            "aria-live": "polite",
+            children: [
+              /* @__PURE__ */ jsx2("div", { className: "flex size-12 items-center justify-center rounded-agg-full border border-agg-success bg-agg-success/10 text-agg-success", children: /* @__PURE__ */ jsx2(Icon, { name: "success-check", className: "size-5", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-2", children: [
+                /* @__PURE__ */ jsx2(Dialog.Title, { children: /* @__PURE__ */ jsx2(Typography, { as: "span", variant: "body-large-strong", children: modalLabels.successTitle }) }),
+                /* @__PURE__ */ jsx2(Dialog.Description, { children: /* @__PURE__ */ jsx2(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: modalLabels.successDescription }) })
+              ] }),
+              /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "large", onClick: () => handleOpenChange(false), children: modalLabels.done })
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-6 text-center", children: [
+          /* @__PURE__ */ jsx2(
+            Icon,
+            {
+              name: "user-trust",
+              className: "h-12! w-12! text-agg-muted-foreground",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-2", children: [
+            /* @__PURE__ */ jsx2(Dialog.Title, { children: /* @__PURE__ */ jsx2(Typography, { as: "span", variant: "body-large-strong", children: state === "pending" ? modalLabels.pendingTitle : modalLabels.title }) }),
+            /* @__PURE__ */ jsx2(Dialog.Description, { children: /* @__PURE__ */ jsx2(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: state === "pending" ? modalLabels.pendingDescription : modalLabels.freeDescription }) })
+          ] }),
+          state === "error" || state === "pending" && errorMessage ? /* @__PURE__ */ jsx2(
+            InlineAlert,
+            {
+              tone: "error",
+              variant: "surface",
+              message: errorMessage || modalLabels.error
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-4", children: [
+            /* @__PURE__ */ jsx2(
+              Button,
+              {
+                variant: "primary",
+                size: "large",
+                isLoading: isInitiating,
+                disabled: isInitiating,
+                "aria-label": state === "pending" ? modalLabels.checkStatus : modalLabels.startVerification,
+                onClick: onStartVerification,
+                children: state === "pending" ? modalLabels.checkStatus : modalLabels.startVerification
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              Button,
+              {
+                variant: "tertiary",
+                size: "large",
+                disabled: isInitiating,
+                onClick: () => handleOpenChange(false),
+                children: modalLabels.doItLater
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+};
+SharedKycModal.displayName = "SharedKycModal";
+
+// src/onboarding/steps/how-it-works.tsx
+import { useCallback, useRef, useState } from "react";
+import { useLabels as useLabels3 } from "@agg-build/hooks";
+
+// src/onboarding/onboarding-modal.constants.ts
+import { isVenueActive, 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,
+  Venue.pred
+].filter(isVenueActive);
+
+// src/onboarding/steps/how-it-works.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var defaultIcons = {
+  createAccount: /* @__PURE__ */ jsx3(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  linkAccounts: /* @__PURE__ */ jsx3(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  bestPrices: /* @__PURE__ */ jsx3(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  stayInControl: /* @__PURE__ */ jsx3(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+};
+var HowItWorksStep = ({ onContinue, icons }) => {
+  const labels = useLabels3();
+  const scrollRef = useRef(null);
+  const [showTopGradient, setShowTopGradient] = useState(false);
+  const [showBottomGradient, setShowBottomGradient] = useState(true);
+  const handleScroll = useCallback(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    setShowTopGradient(el.scrollTop > 0);
+    setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
+  }, []);
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
+    /* @__PURE__ */ jsx3("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
+    /* @__PURE__ */ jsxs3("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
+      /* @__PURE__ */ jsx3(
+        "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__ */ jsxs3(
+              "div",
+              {
+                className: cn(
+                  "flex items-center gap-4 py-4 px-5 sm:px-4",
+                  "rounded-agg-md",
+                  "bg-agg-secondary-hover"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs3("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
+                    /* @__PURE__ */ jsx3("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
+                    /* @__PURE__ */ jsx3("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  ] }),
+                  icon ? /* @__PURE__ */ jsx3("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                ]
+              },
+              featureKey
+            );
+          })
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        "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__ */ jsx3(
+        "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__ */ jsx3(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 useCallback2, useRef as useRef2, useState as useState2 } from "react";
+import { useLabels as useLabels4 } from "@agg-build/hooks";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var ProfileSetupStep = ({ onContinue }) => {
+  const labels = useLabels4();
+  const [username, setUsername] = useState2("");
+  const [avatarFile, setAvatarFile] = useState2();
+  const [avatarPreview, setAvatarPreview] = useState2();
+  const fileInputRef = useRef2(null);
+  const handleAvatarClick = useCallback2(() => {
+    var _a;
+    (_a = fileInputRef.current) == null ? void 0 : _a.click();
+  }, []);
+  const handleFileChange = useCallback2((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 = useCallback2(() => {
+    onContinue({
+      username,
+      avatarFile,
+      avatarPreview
+    });
+  }, [username, avatarFile, avatarPreview, onContinue]);
+  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ jsx4("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ jsxs4(
+          "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__ */ jsx4(
+                "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__ */ jsx4(
+                    "circle",
+                    {
+                      cx: "40",
+                      cy: "40",
+                      r: "39.5",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "1",
+                      strokeDasharray: "8 8"
+                    }
+                  )
+                }
+              ) : null,
+              avatarPreview ? /* @__PURE__ */ jsx4(
+                RemoteImage,
+                {
+                  src: avatarPreview,
+                  alt: labels.onboarding.profileSetup.profilePreviewAlt,
+                  className: "h-full w-full object-cover"
+                }
+              ) : /* @__PURE__ */ jsx4(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept: "image/*",
+            onChange: handleFileChange,
+            className: "hidden",
+            "aria-hidden": "true"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ jsx4(
+          "label",
+          {
+            htmlFor: "onboarding-username",
+            className: "text-agg-sm font-agg-bold text-agg-foreground",
+            children: labels.onboarding.profileSetup.usernameLabel
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "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__ */ jsx4(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 { useLabels as useLabels5 } from "@agg-build/hooks";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var OnchainVenueLogos = () => {
+  return /* @__PURE__ */ jsx5("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx5("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ jsx5(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 = useLabels5();
+  const action = connected ? /* @__PURE__ */ jsx5(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx5(
+    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__ */ jsx5(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx5(
+    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__ */ jsx5(ChevronRightIcon, { className: "h-4 w-4" }),
+      children: labels.onboarding.connectAccounts.connectAccount
+    }
+  );
+  return /* @__PURE__ */ jsxs5(
+    "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__ */ jsxs5("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ jsx5("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ jsx5("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
+              /* @__PURE__ */ jsx5("p", { className: "text-agg-sm text-agg-foreground", children: description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx5("div", { className: "shrink-0", children: action })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx5("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ jsx5("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
+          ] }),
+          /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ jsx5("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+            mobileAction
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+var ConnectAccountsStep = ({
+  onConnectOnchain,
+  onContinue,
+  connectedOnchain = false
+}) => {
+  const labels = useLabels5();
+  const canContinue = connectedOnchain;
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsx5("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ jsx5("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx5(
+      VenueCard,
+      {
+        logos: /* @__PURE__ */ jsx5(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__ */ jsx5(
+      Button,
+      {
+        variant: "primary",
+        size: "large",
+        className: "w-full",
+        onClick: onContinue,
+        disabled: !canContinue,
+        children: labels.onboarding.connectAccounts.continue
+      }
+    )
+  ] });
+};
+ConnectAccountsStep.displayName = "ConnectAccountsStep";
+
+// src/onboarding/steps/connect-onchain-modal.tsx
+import { useCallback as useCallback3, useState as useState3 } from "react";
+import { useLabels as useLabels6 } from "@agg-build/hooks";
+import * as Dialog2 from "@radix-ui/react-dialog";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var ConnectOnchainModal = ({
+  open,
+  onOpenChange,
+  onConnect
+}) => {
+  const labels = useLabels6();
+  const [connecting, setConnecting] = useState3(false);
+  const [error, setError] = useState3();
+  const handleCancel = useCallback3(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  const handleConnect = useCallback3(() => __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 = useCallback3(
+    (value) => {
+      if (value) {
+        setError(void 0);
+        setConnecting(false);
+      }
+      onOpenChange(value);
+    },
+    [onOpenChange]
+  );
+  return /* @__PURE__ */ jsx6(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs6(
+    Modal.Container,
+    {
+      maxWidth: "600px",
+      "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
+      classNames: { container: "!rounded-agg-lg" },
+      children: [
+        /* @__PURE__ */ jsx6(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ jsx6(
+          Modal.Header,
+          {
+            hideClose: false,
+            hideBorder: true,
+            classNames: {
+              root: "!min-h-0",
+              container: "!py-[18px] !px-8"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx6(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ jsx6("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ jsx6("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
+            /* @__PURE__ */ jsx6("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
+            /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ jsx6("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsx6(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ jsx6("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+            ] }, venue)) })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx6(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ jsx6("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+              ] }) : null,
+              /* @__PURE__ */ jsx6(
+                Button,
+                {
+                  variant: "primary",
+                  size: "large",
+                  onClick: handleConnect,
+                  isLoading: connecting,
+                  children: labels.onboarding.connectOnchainModal.connect
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx6(
+              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/steps/connect-kalshi-modal.tsx
+import { getVenueAvailabilityState, useAppConfig, useLabels as useLabels7 } from "@agg-build/hooks";
+import { Venue as Venue2 } from "@agg-build/sdk";
+import * as Dialog3 from "@radix-ui/react-dialog";
+import { useCallback as useCallback4, useEffect, useId, useMemo, useRef as useRef3, useState as useState4 } from "react";
+import { z } from "zod";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var kalshiCredentialsSchema = z.object({
+  apiKeyId: z.string().trim().min(1),
+  privateKey: z.string().trim().min(1)
+});
+var getSafeConnectionError = ({
+  apiKeyId,
+  error,
+  fallback,
+  privateKey
+}) => {
+  if (!(error instanceof Error) || !error.message.trim()) return fallback;
+  return [apiKeyId, privateKey].filter(Boolean).reduce(
+    (message, sensitiveValue) => message.split(sensitiveValue).join("[redacted]"),
+    error.message
+  ).trim();
+};
+var CloseButton = ({
+  className,
+  disabled
+}) => {
+  const labels = useLabels7();
+  return /* @__PURE__ */ jsx7(
+    Dialog3.Close,
+    {
+      "aria-label": labels.common.close,
+      disabled,
+      className: cn(
+        "z-30 flex size-6 cursor-pointer items-center justify-center rounded-agg-full",
+        "text-agg-foreground transition-colors hover:text-agg-foreground/80",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-accent",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      children: /* @__PURE__ */ jsx7(Icon, { name: "close", size: "medium", className: "!text-agg-foreground" })
+    }
+  );
+};
+var ConnectKalshiModal = ({
+  open,
+  onOpenChange,
+  onVerify
+}) => {
+  const labels = useLabels7();
+  const { disabledVenues, isLoading: isAppConfigLoading } = useAppConfig();
+  const apiKeyInputRef = useRef3(null);
+  const errorId = useId();
+  const [apiKeyId, setApiKeyId] = useState4("");
+  const [privateKey, setPrivateKey] = useState4("");
+  const [isVerifying, setIsVerifying] = useState4(false);
+  const [isConnected, setIsConnected] = useState4(false);
+  const [error, setError] = useState4();
+  const availabilityState = getVenueAvailabilityState({
+    venueId: Venue2.kalshi,
+    disabledVenues,
+    isConfigLoading: isAppConfigLoading
+  });
+  const parsedCredentials = useMemo(
+    () => kalshiCredentialsSchema.safeParse({ apiKeyId, privateKey }),
+    [apiKeyId, privateKey]
+  );
+  useEffect(() => {
+    if (!open) return;
+    setApiKeyId("");
+    setPrivateKey("");
+    setError(void 0);
+    setIsVerifying(false);
+    setIsConnected(false);
+  }, [open]);
+  const handleOpenAutoFocus = useCallback4((event) => {
+    var _a;
+    event.preventDefault();
+    (_a = apiKeyInputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+  }, []);
+  const handleOpenChange = useCallback4(
+    (nextOpen) => {
+      if (isVerifying && !nextOpen) return;
+      onOpenChange(nextOpen);
+    },
+    [isVerifying, onOpenChange]
+  );
+  const handleVerify = useCallback4(() => __async(null, null, function* () {
+    if (!parsedCredentials.success || isVerifying || isConnected) return;
+    const credentials = parsedCredentials.data;
+    setIsVerifying(true);
+    setError(void 0);
+    try {
+      yield onVerify(credentials);
+      setApiKeyId("");
+      setPrivateKey("");
+      setIsConnected(true);
+    } catch (verificationError) {
+      setError(
+        getSafeConnectionError(__spreadProps(__spreadValues({}, credentials), {
+          error: verificationError,
+          fallback: labels.onboarding.connectKalshiModal.fallbackError
+        }))
+      );
+    } finally {
+      setIsVerifying(false);
+    }
+  }), [
+    isConnected,
+    isVerifying,
+    labels.onboarding.connectKalshiModal.fallbackError,
+    onVerify,
+    parsedCredentials
+  ]);
+  const handleSubmit = useCallback4(
+    (event) => {
+      event.preventDefault();
+      void handleVerify();
+    },
+    [handleVerify]
+  );
+  if (availabilityState === "hidden") return null;
+  return /* @__PURE__ */ jsx7(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsx7(
+    Modal.Container,
+    {
+      maxWidth: isConnected ? "480px" : "600px",
+      "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
+      classNames: {
+        container: "!rounded-t-agg-xl !rounded-b-none md:!rounded-agg-2xl"
+      },
+      onOpenAutoFocus: isConnected ? void 0 : handleOpenAutoFocus,
+      children: isConnected ? /* @__PURE__ */ jsxs7(Modal.Body, { classNames: { root: "relative !px-5 !py-8 md:!px-10 md:!py-12" }, children: [
+        /* @__PURE__ */ jsx7(CloseButton, { className: "absolute right-5 top-5 md:right-8 md:top-8" }),
+        /* @__PURE__ */ jsxs7(
+          "div",
+          {
+            className: "flex flex-col items-center gap-8 text-center",
+            role: "status",
+            "aria-live": "polite",
+            children: [
+              /* @__PURE__ */ jsx7("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success/15", children: /* @__PURE__ */ jsx7(Icon, { name: "success-check", className: "size-6 text-agg-success", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center gap-3", children: [
+                /* @__PURE__ */ jsx7(Dialog3.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.title }),
+                /* @__PURE__ */ jsx7(Dialog3.Description, { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.description })
+              ] }),
+              /* @__PURE__ */ jsx7(Button, { variant: "secondary", size: "large", onClick: () => handleOpenChange(false), children: labels.onboarding.connectKalshiModal.success.done })
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs7("form", { className: "flex min-h-0 flex-1 flex-col", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsx7(
+          Modal.Body,
+          {
+            classNames: { root: "relative !px-5 !pb-6 !pt-5 md:!px-10 md:!pb-0 md:!pt-12" },
+            children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-6 md:items-center md:gap-0", children: [
+              /* @__PURE__ */ jsxs7("div", { className: "flex w-full flex-col md:contents", children: [
+                /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3 md:contents", children: [
+                  /* @__PURE__ */ jsx7(
+                    VenueLogo,
+                    {
+                      venue: Venue2.kalshi,
+                      variant: "logo",
+                      size: "large",
+                      className: "!size-10 md:!mb-8 md:!size-[60px]"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx7(Dialog3.Title, { className: "text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground md:mb-4 md:text-center md:text-agg-2xl md:leading-agg-8", children: labels.onboarding.connectKalshiModal.title }),
+                  /* @__PURE__ */ jsx7(
+                    CloseButton,
+                    {
+                      disabled: isVerifying,
+                      className: "ml-auto shrink-0 md:absolute md:right-8 md:top-8 md:ml-0"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx7(Dialog3.Description, { className: "mt-3 text-agg-sm leading-agg-5 text-agg-foreground md:mb-8 md:mt-0 md:text-center md:text-agg-base md:leading-agg-6", children: labels.onboarding.connectKalshiModal.description })
+              ] }),
+              /* @__PURE__ */ jsxs7("div", { className: "flex w-full flex-col gap-4", children: [
+                /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+                  /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1", children: [
+                    /* @__PURE__ */ jsx7("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
+                    /* @__PURE__ */ jsx7("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
+                  ] }),
+                  /* @__PURE__ */ jsxs7("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                    /* @__PURE__ */ jsx7("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                    /* @__PURE__ */ jsxs7("p", { children: [
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
+                      " ",
+                      /* @__PURE__ */ jsx7("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
+                      " ",
+                      /* @__PURE__ */ jsx7(
+                        "a",
+                        {
+                          href: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl,
+                          target: "_blank",
+                          rel: "noreferrer",
+                          className: "cursor-pointer underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+                          children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs7("p", { children: [
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
+                      " ",
+                      /* @__PURE__ */ jsx7("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
+                    ] }),
+                    /* @__PURE__ */ jsxs7("p", { children: [
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
+                      " ",
+                      /* @__PURE__ */ jsx7("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
+                    ] }),
+                    /* @__PURE__ */ jsx7("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                  ] }),
+                  /* @__PURE__ */ jsxs7("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                    labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
+                    /* @__PURE__ */ jsx7("br", {}),
+                    labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+                  /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1", children: [
+                    /* @__PURE__ */ jsx7("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
+                    /* @__PURE__ */ jsx7("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
+                  ] }),
+                  /* @__PURE__ */ jsx7("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+                  /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-2", children: [
+                    /* @__PURE__ */ jsx7(
+                      "label",
+                      {
+                        htmlFor: "kalshi-api-key-id",
+                        className: "text-agg-sm font-agg-bold text-agg-foreground",
+                        children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
+                      }
+                    ),
+                    /* @__PURE__ */ jsx7(
+                      "input",
+                      {
+                        ref: apiKeyInputRef,
+                        id: "kalshi-api-key-id",
+                        type: "text",
+                        autoComplete: "off",
+                        value: apiKeyId,
+                        onChange: (event) => setApiKeyId(event.target.value),
+                        placeholder: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdPlaceholder,
+                        disabled: isVerifying,
+                        "aria-invalid": !!error,
+                        "aria-describedby": error ? errorId : void 0,
+                        className: cn(
+                          "h-10 w-full rounded-agg-sm border border-agg-separator bg-agg-secondary px-3 py-2.5",
+                          "text-agg-base text-agg-foreground placeholder:text-agg-muted-foreground",
+                          "outline-none transition-colors focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
+                          "disabled:cursor-not-allowed disabled:opacity-60"
+                        )
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-2", children: [
+                    /* @__PURE__ */ jsx7(
+                      "label",
+                      {
+                        htmlFor: "kalshi-private-key",
+                        className: "text-agg-sm font-agg-bold text-agg-foreground",
+                        children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
+                      }
+                    ),
+                    /* @__PURE__ */ jsx7(
+                      "textarea",
+                      {
+                        id: "kalshi-private-key",
+                        autoComplete: "off",
+                        value: privateKey,
+                        onChange: (event) => setPrivateKey(event.target.value),
+                        placeholder: labels.onboarding.connectKalshiModal.stepTwo.privateKeyPlaceholder,
+                        rows: 3,
+                        disabled: isVerifying,
+                        "aria-invalid": !!error,
+                        "aria-describedby": error ? errorId : void 0,
+                        className: cn(
+                          "w-full resize-none rounded-agg-sm border border-agg-separator bg-agg-secondary px-3 py-2.5",
+                          "text-agg-base text-agg-foreground placeholder:text-agg-muted-foreground",
+                          "outline-none transition-colors focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
+                          "disabled:cursor-not-allowed disabled:opacity-60"
+                        )
+                      }
+                    )
+                  ] })
+                ] })
+              ] }),
+              error ? /* @__PURE__ */ jsxs7(
+                "div",
+                {
+                  id: errorId,
+                  className: "flex items-center gap-2 md:justify-center",
+                  role: "alert",
+                  "aria-live": "assertive",
+                  children: [
+                    /* @__PURE__ */ jsx7(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
+                    /* @__PURE__ */ jsx7("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+                  ]
+                }
+              ) : null
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs7(
+          Modal.Footer,
+          {
+            classNames: {
+              root: "relative !h-auto !gap-3 !p-4 md:!justify-center md:!border-0 md:!px-10 md:!pb-12 md:!pt-8"
+            },
+            children: [
+              /* @__PURE__ */ jsx7(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  className: "pointer-events-none absolute inset-x-0 -top-[60px] h-[60px] bg-gradient-to-b from-transparent to-agg-secondary md:hidden"
+                }
+              ),
+              /* @__PURE__ */ jsx7(
+                Button,
+                {
+                  variant: "secondary",
+                  size: "large",
+                  className: "shrink-0",
+                  onClick: () => handleOpenChange(false),
+                  disabled: isVerifying,
+                  children: labels.onboarding.connectKalshiModal.actions.cancel
+                }
+              ),
+              /* @__PURE__ */ jsx7(
+                Button,
+                {
+                  type: "submit",
+                  variant: "primary",
+                  size: "large",
+                  className: "flex-1 md:flex-none",
+                  disabled: !parsedCredentials.success || isVerifying,
+                  isLoading: isVerifying,
+                  children: labels.onboarding.connectKalshiModal.actions.verifyConnection
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  ) });
+};
+ConnectKalshiModal.displayName = "ConnectKalshiModal";
+
+// src/onboarding/steps/connect-prophetx-modal.tsx
+import { useAppConfig as useAppConfig2, useLabels as useLabels8 } from "@agg-build/hooks";
+import { Venue as Venue3 } from "@agg-build/sdk";
+import * as Dialog4 from "@radix-ui/react-dialog";
+import { useEffect as useEffect2, useId as useId2, useState as useState5 } from "react";
+import { Fragment, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function ConnectProphetxModal({
+  open,
+  onOpenChange,
+  onVerify,
+  onDisconnect,
+  allowExistingConnection = false
+}) {
+  const copy = useLabels8().onboarding.connectProphetxModal;
+  const common = useLabels8().common;
+  const { prophetxExecutionMode, disabledVenues, isLoading } = useAppConfig2();
+  const id = useId2();
+  const [accessKey, setAccessKey] = useState5("");
+  const [secretKey, setSecretKey] = useState5("");
+  const [pending, setPending] = useState5(false);
+  const [disconnecting, setDisconnecting] = useState5(false);
+  const [disconnectError, setDisconnectError] = useState5(false);
+  const busy = pending || disconnecting;
+  const [connected, setConnected] = useState5(false);
+  const [error, setError] = useState5(false);
+  useEffect2(() => {
+    if (!open) {
+      setAccessKey("");
+      setSecretKey("");
+      setError(false);
+      setDisconnectError(false);
+      setConnected(false);
+    }
+  }, [open]);
+  if (isLoading || !allowExistingConnection && (prophetxExecutionMode !== "direct" || disabledVenues.includes(Venue3.prophetx)))
+    return null;
+  return /* @__PURE__ */ jsx8(
+    Modal,
+    {
+      open,
+      onOpenChange: (value) => {
+        if (!busy) onOpenChange(value);
+      },
+      children: /* @__PURE__ */ jsx8(Modal.Container, { maxWidth: "480px", "aria-label": copy.title, children: /* @__PURE__ */ jsxs8(Modal.Body, { classNames: { root: "relative !p-6" }, children: [
+        /* @__PURE__ */ jsx8(
+          Dialog4.Close,
+          {
+            "aria-label": common.close,
+            disabled: busy,
+            className: "absolute right-4 top-4 cursor-pointer disabled:cursor-not-allowed",
+            children: /* @__PURE__ */ jsx8(Icon, { name: "close", size: "medium" })
+          }
+        ),
+        /* @__PURE__ */ jsxs8(
+          "form",
+          {
+            className: "flex flex-col gap-4",
+            onSubmit: (event) => __async(null, null, function* () {
+              event.preventDefault();
+              if (busy || !accessKey.trim() || !secretKey.trim()) return;
+              setPending(true);
+              setError(false);
+              try {
+                yield onVerify({ accessKey: accessKey.trim(), secretKey: secretKey.trim() });
+                setAccessKey("");
+                setSecretKey("");
+                setConnected(true);
+              } catch (e) {
+                setError(true);
+              } finally {
+                setPending(false);
+              }
+            }),
+            children: [
+              /* @__PURE__ */ jsx8(VenueLogo, { venue: Venue3.prophetx, size: "large" }),
+              /* @__PURE__ */ jsx8(Dialog4.Title, { className: "text-agg-xl font-agg-bold text-agg-foreground", children: copy.title }),
+              /* @__PURE__ */ jsx8(Dialog4.Description, { className: "text-agg-sm text-agg-muted-foreground", children: copy.description }),
+              /* @__PURE__ */ jsx8("p", { className: "text-agg-sm text-agg-muted-foreground", children: copy.fundingNotice }),
+              connected ? /* @__PURE__ */ jsxs8(Fragment, { children: [
+                /* @__PURE__ */ jsx8("p", { role: "status", children: copy.connected }),
+                /* @__PURE__ */ jsx8(Button, { type: "button", onClick: () => onOpenChange(false), children: copy.done })
+              ] }) : /* @__PURE__ */ jsxs8(Fragment, { children: [
+                /* @__PURE__ */ jsx8(
+                  "a",
+                  {
+                    className: "text-agg-sm text-agg-primary underline",
+                    href: "https://www.prophetx.co",
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: copy.instructions
+                  }
+                ),
+                /* @__PURE__ */ jsx8("label", { htmlFor: `${id}-access`, className: "text-agg-sm text-agg-foreground", children: copy.accessKey }),
+                /* @__PURE__ */ jsx8(
+                  "input",
+                  {
+                    id: `${id}-access`,
+                    type: "password",
+                    autoComplete: "off",
+                    spellCheck: false,
+                    className: "rounded-agg-md border border-agg-border bg-agg-secondary p-3 text-agg-foreground",
+                    value: accessKey,
+                    onChange: (e) => setAccessKey(e.target.value),
+                    disabled: busy,
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsx8("label", { htmlFor: `${id}-secret`, className: "text-agg-sm text-agg-foreground", children: copy.secretKey }),
+                /* @__PURE__ */ jsx8(
+                  "input",
+                  {
+                    id: `${id}-secret`,
+                    type: "password",
+                    autoComplete: "new-password",
+                    spellCheck: false,
+                    className: "rounded-agg-md border border-agg-border bg-agg-secondary p-3 text-agg-foreground",
+                    value: secretKey,
+                    onChange: (e) => setSecretKey(e.target.value),
+                    disabled: busy,
+                    required: true
+                  }
+                ),
+                error ? /* @__PURE__ */ jsx8("p", { role: "alert", className: "text-agg-sm text-agg-error", children: copy.error }) : null,
+                /* @__PURE__ */ jsx8(Button, { type: "submit", disabled: busy || !accessKey.trim() || !secretKey.trim(), children: pending ? copy.verifying : copy.verify })
+              ] }),
+              allowExistingConnection && onDisconnect ? /* @__PURE__ */ jsx8(
+                Button,
+                {
+                  type: "button",
+                  variant: "secondary",
+                  disabled: busy,
+                  onClick: () => __async(null, null, function* () {
+                    setDisconnecting(true);
+                    setDisconnectError(false);
+                    setError(false);
+                    try {
+                      yield onDisconnect();
+                      setAccessKey("");
+                      setSecretKey("");
+                      onOpenChange(false);
+                    } catch (e) {
+                      setDisconnectError(true);
+                    } finally {
+                      setDisconnecting(false);
+                    }
+                  }),
+                  children: disconnecting ? copy.disconnecting : copy.disconnect
+                }
+              ) : null,
+              disconnectError ? /* @__PURE__ */ jsx8("p", { role: "alert", className: "text-agg-sm text-agg-error", children: copy.disconnectError }) : null
+            ]
+          }
+        )
+      ] }) })
+    }
+  );
+}
+
+// src/onboarding/index.tsx
+import { useCallback as useCallback5, useEffect as useEffect3, useState as useState6 } from "react";
+import { useLabels as useLabels9 } from "@agg-build/hooks";
+import * as Dialog5 from "@radix-ui/react-dialog";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var OnboardingModal = ({
+  open,
+  onOpenChange,
+  onProfileSubmit,
+  onConnectOnchain,
+  onComplete,
+  howItWorksIcons,
+  connectedOnchain = false
+}) => {
+  var _a;
+  const labels = useLabels9();
+  const [step, setStep] = useState6(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 [onchainModalOpen, setOnchainModalOpen] = useState6(false);
+  const [onchainConnected, setOnchainConnected] = useState6(false);
+  useEffect3(() => {
+    if (open) {
+      setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
+      setOnchainConnected(false);
+    }
+  }, [open]);
+  const handleHowItWorksContinue = useCallback5(() => {
+    setStep(ONBOARDING_STEPS.PROFILE_SETUP);
+  }, []);
+  const handleProfileContinue = useCallback5(
+    (data) => {
+      onProfileSubmit == null ? void 0 : onProfileSubmit(data);
+      setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
+    },
+    [onProfileSubmit]
+  );
+  const handleConnectContinue = useCallback5(() => {
+    onComplete == null ? void 0 : onComplete();
+  }, [onComplete]);
+  const handleOpenOnchainModal = useCallback5(() => {
+    setOnchainModalOpen(true);
+  }, []);
+  const handleOnchainConnect = useCallback5(() => __async(null, null, function* () {
+    yield onConnectOnchain == null ? void 0 : onConnectOnchain();
+    setOnchainConnected(true);
+  }), [onConnectOnchain]);
+  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
+    /* @__PURE__ */ jsx9(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs9(
+      Modal.Container,
+      {
+        maxWidth: "600px",
+        "aria-label": resolvedTitle,
+        classNames: { container: "!rounded-agg-lg" },
+        children: [
+          /* @__PURE__ */ jsx9(Dialog5.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ jsxs9(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
+            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx9(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx9(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx9(
+              ConnectAccountsStep,
+              {
+                onConnectOnchain: handleOpenOnchainModal,
+                onContinue: handleConnectContinue,
+                connectedOnchain: connectedOnchain || onchainConnected
+              }
+            )
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx9(
+      ConnectOnchainModal,
+      {
+        open: onchainModalOpen,
+        onOpenChange: setOnchainModalOpen,
+        onConnect: handleOnchainConnect
+      }
+    )
+  ] });
+};
+OnboardingModal.displayName = "OnboardingModal";
+
+// src/withdraw/index.tsx
+import { useEffect as useEffect4, useState as useState7 } from "react";
+import { useWithdrawalLifecycle, useWithdrawFlow } from "@agg-build/hooks/withdraw";
+
+// src/shared/constants.ts
+var USDC = {
+  value: "USDC",
+  label: "USDC",
+  iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdc.svg"
+};
+var SUPPORTED_NETWORKS = [
+  {
+    value: "abstract",
+    label: "Abstract",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Abstract.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "arbitrum",
+    label: "Arbitrum One",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Arbitrum.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "base",
+    label: "Base",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Base.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "bnb",
+    label: "BNB Chain",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/BNB.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "flow",
+    label: "Flow",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Flow.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "hyperliquid",
+    label: "Hyperliquid",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/hyperliquid.png",
+    tokens: [USDC]
+  },
+  {
+    value: "mainnet",
+    label: "Ethereum",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/ETH.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/prediction-markets/logos/Polygon.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "solana",
+    label: "Solana",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Solana.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) => ({
+    value: n.value,
+    label: n.label,
+    iconUrl: n.iconUrl
+  }));
+};
+var USDC_ICON_URL = "https://assets.snagsolutions.io/public/web/icons/usdc.svg";
+var DEFAULT_CURRENCY_OPTIONS = [
+  {
+    value: "USDC",
+    label: "USDC",
+    iconUrl: USDC_ICON_URL
+  },
+  {
+    value: "USDC.e",
+    label: "USDC.e",
+    iconUrl: USDC_ICON_URL
+  },
+  {
+    value: "USDH",
+    label: "USDH",
+    iconUrl: USDC_ICON_URL
+  },
+  {
+    value: "pUSD",
+    label: "pUSD",
+    iconUrl: USDC_ICON_URL
+  },
+  {
+    value: "USDT",
+    label: "USDT",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdt.svg"
+  },
+  {
+    value: "USDT",
+    label: "USDT",
+    iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdt.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",
+  "747": "flow",
+  "1337": "hyperliquid",
+  "8453": "base",
+  "42161": "arbitrum",
+  "2741": "abstract",
+  "792703809": "solana"
+};
+var withNetworkIcons = (options) => {
+  const bySlug = new Map(SUPPORTED_NETWORKS.map((n) => [n.value, n.iconUrl]));
+  return options.map((o) => {
+    var _a, _b;
+    const slug = (_a = CHAIN_ID_TO_SLUG[o.value]) != null ? _a : o.value;
+    return __spreadProps(__spreadValues({}, o), {
+      iconUrl: (_b = o.iconUrl) != null ? _b : bySlug.get(slug)
+    });
+  });
+};
+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/withdraw/steps/withdraw-method.tsx
+import { useLabels as useLabels10 } from "@agg-build/hooks";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var WithdrawMethodStep = ({
+  balance,
+  onSelectMethod
+}) => {
+  const labels = useLabels10();
+  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
+    /* @__PURE__ */ jsx10(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
+    /* @__PURE__ */ jsx10(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs10("p", { className: "agg-type-body text-agg-foreground", children: [
+        labels.withdraw.balancePrefix,
+        " ",
+        formatCompactUsd(balance)
+      ] }),
+      /* @__PURE__ */ jsxs10(
+        "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: () => onSelectMethod("wallet"),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              onSelectMethod("wallet");
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsx10("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: /* @__PURE__ */ jsx10(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }) }),
+            /* @__PURE__ */ jsxs10("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx10("p", { className: "agg-type-body-strong text-agg-foreground", children: labels.withdraw.methods.walletTitle }),
+              /* @__PURE__ */ jsx10("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.withdraw.methods.walletDescription })
+            ] }),
+            /* @__PURE__ */ jsx10("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ jsx10(ChevronRightIcon, { className: "h-5 w-5" }) })
+          ]
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/withdraw/steps/withdraw-amount.tsx
+import { useLabels as useLabels12, useWithdrawPreview } from "@agg-build/hooks";
+
+// src/shared/transfer-fee-summary.tsx
+import { useLabels as useLabels11 } from "@agg-build/hooks";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var separator = /* @__PURE__ */ jsx11("span", { className: "text-agg-muted-foreground", "aria-hidden": "true", children: "\xB7" });
+var normalizeFeeLabel = (label) => label.replace(/\s*~\s*$/, "");
+var TransferFeeSummary = ({
+  estimate,
+  view,
+  minDeposit,
+  eta
+}) => {
+  const labels = useLabels11();
+  if (!estimate) return null;
+  if (view === "deposit") {
+    return /* @__PURE__ */ jsxs11("p", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
+      minDeposit ? /* @__PURE__ */ jsxs11("span", { children: [
+        labels.deposit.sendCrypto.minDepositPrefix,
+        " ",
+        minDeposit
+      ] }) : null,
+      minDeposit ? separator : null,
+      /* @__PURE__ */ jsxs11("span", { children: [
+        normalizeFeeLabel(labels.deposit.walletFlow.feePrefix),
+        ": ",
+        estimate.estimatedFees
+      ] }),
+      eta ? separator : null,
+      eta ? /* @__PURE__ */ jsx11("span", { children: eta }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxs11("div", { className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground", children: [
+    /* @__PURE__ */ jsxs11("span", { children: [
+      labels.withdraw.walletFlow.estimatedFees,
+      ": ",
+      estimate.estimatedFees
+    ] }),
+    separator,
+    /* @__PURE__ */ jsxs11("span", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxs11("span", { children: [
+        labels.withdraw.walletFlow.networkReserve,
+        ": ",
+        estimate.networkReserve
+      ] }),
+      /* @__PURE__ */ jsx11(
+        Tooltip,
+        {
+          "aria-label": labels.withdraw.walletFlow.networkReserveTooltipAria,
+          size: "medium",
+          content: /* @__PURE__ */ jsxs11("div", { className: "text-center", children: [
+            /* @__PURE__ */ jsx11("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineOne }),
+            /* @__PURE__ */ jsx11("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineTwo })
+          ] }),
+          classNames: {
+            content: "min-w-96 max-w-none!",
+            arrow: "[&_polygon]:fill-agg-background",
+            icon: "text-agg-foreground! h-3! w-3!"
+          }
+        }
+      )
+    ] }),
+    separator,
+    /* @__PURE__ */ jsxs11("span", { children: [
+      labels.withdraw.walletFlow.youReceive,
+      ": ",
+      estimate.youReceive
+    ] })
+  ] });
+};
+
+// src/withdraw/steps/withdraw-amount.tsx
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var formatRawTokenAmount = (rawAmount, decimals) => {
+  if (!rawAmount) return "0";
+  const raw = BigInt(rawAmount);
+  const divisor = BigInt(`1${"0".repeat(decimals)}`);
+  const whole = raw / divisor;
+  const remainder = raw % divisor;
+  if (remainder === BigInt(0)) return whole.toString();
+  return `${whole.toString()}.${remainder.toString().padStart(decimals, "0").replace(/0+$/, "")}`;
+};
+var parseTokenAmountToRaw = (amount2, decimals) => {
+  const normalizedAmount = amount2.trim();
+  if (!normalizedAmount || !/^\d*(?:\.\d*)?$/.test(normalizedAmount)) return null;
+  const [wholePart = "0", fractionalPart = ""] = normalizedAmount.split(".");
+  if (fractionalPart.length > decimals) return null;
+  const normalizedWhole = wholePart === "" ? "0" : wholePart;
+  const normalizedFraction = fractionalPart.padEnd(decimals, "0");
+  try {
+    return `${BigInt(normalizedWhole)}${normalizedFraction}`.replace(/^0+(?=\d)/, "");
+  } catch (e) {
+    return null;
+  }
+};
+var WithdrawAmountStep = ({
+  title,
+  fixedDestination = false,
+  amount: amount2,
+  destinationWallet,
+  balanceDisplay,
+  tokenOptions,
+  networkOptions,
+  selectedToken,
+  selectedNetwork,
+  destDecimals,
+  isConfirming = false,
+  error,
+  max = false,
+  onBack,
+  onAmountChange,
+  onDestinationChange,
+  onTokenChange,
+  onNetworkChange,
+  onMaxClick,
+  onContinue
+}) => {
+  var _a, _b, _c, _d;
+  const labels = useLabels12();
+  const SOLANA_CHAIN_ID = "792703809";
+  const isSolanaDest = selectedNetwork === SOLANA_CHAIN_ID;
+  const trimmedDestination = destinationWallet.trim();
+  const isValidAddress = isSolanaDest ? /^[1-9A-HJ-NP-Za-km-z]{32,44}$/.test(trimmedDestination) : /^0x[a-fA-F0-9]{40}$/.test(trimmedDestination);
+  const isValid = Number(amount2) > 0 && isValidAddress;
+  const amountRaw = amount2 && Number(amount2) > 0 ? parseTokenAmountToRaw(amount2, destDecimals) : null;
+  const destinationChainId = Number(selectedNetwork) || null;
+  const preview = useWithdrawPreview({
+    amountRaw,
+    tokenSymbol: selectedToken || null,
+    destinationChainId,
+    destinationAddress: trimmedDestination || null,
+    max
+  });
+  const previewUnviable = ((_a = preview.data) == null ? void 0 : _a.pricingStatus) === "unviable";
+  const previewUnviableMessage = previewUnviable ? ((_b = preview.data) == null ? void 0 : _b.maxDeliverableRaw) != null && BigInt(preview.data.maxDeliverableRaw) > BigInt(0) ? `Amount exceeds your withdrawable balance. Max: ~${formatRawTokenAmount(preview.data.maxDeliverableRaw, destDecimals)} ${selectedToken}` : (_d = (_c = preview.data) == null ? void 0 : _c.unviableReason) != null ? _d : "This amount can't be withdrawn right now." : null;
+  const previewLoading = preview.isFetching;
+  const isDisabled = !isValid || isConfirming || previewUnviable || previewLoading;
+  const withdrawEstimate = preview.data && preview.data.pricingStatus === "quoted" ? {
+    estimatedFees: preview.data.feeRaw != null ? `~${formatRawTokenAmount(preview.data.feeRaw, destDecimals)} ${selectedToken}` : "\u2014",
+    networkReserve: preview.data.networkFeeRaw != null ? `~${formatRawTokenAmount(preview.data.networkFeeRaw, destDecimals)} ${selectedToken}` : "\u2014",
+    youReceive: preview.data.receiveAmountRaw != null ? `~${formatRawTokenAmount(preview.data.receiveAmountRaw, destDecimals)} ${selectedToken}` : "\u2014"
+  } : null;
+  const shouldShowWithdrawEstimate = Boolean(withdrawEstimate);
+  return /* @__PURE__ */ jsxs12(Fragment4, { children: [
+    /* @__PURE__ */ jsx12(
+      Modal.Header,
+      {
+        title: title != null ? title : labels.withdraw.walletFlow.title,
+        hideBorder: true,
+        leftElement: /* @__PURE__ */ jsx12(
+          "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__ */ jsx12(ChevronLeftIcon, { className: "h-6 w-6" })
+          }
+        )
+      }
+    ),
+    /* @__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("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx12("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.recipientAddressLabel }),
+          /* @__PURE__ */ jsx12(
+            "input",
+            {
+              type: "text",
+              "aria-label": labels.withdraw.walletFlow.recipientAddressLabel,
+              className: cn(
+                "agg-type-body w-full h-10 rounded border border-agg-separator bg-agg-secondary px-3 outline-none",
+                "text-agg-foreground placeholder:text-agg-muted-foreground",
+                "focus:border-agg-primary transition-colors"
+              ),
+              placeholder: isSolanaDest ? "FwR3..." : "0x971d...",
+              value: destinationWallet,
+              readOnly: fixedDestination,
+              onChange: (e) => onDestinationChange(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx12("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.amountLabel }),
+            /* @__PURE__ */ jsxs12("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+              labels.withdraw.balancePrefix,
+              " ",
+              balanceDisplay
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs12("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 focus-within:border-agg-primary transition-colors", children: [
+            /* @__PURE__ */ jsx12(
+              "input",
+              {
+                type: "text",
+                inputMode: "decimal",
+                "aria-label": labels.withdraw.walletFlow.amountLabel,
+                className: cn(
+                  "agg-type-body flex-1 min-w-0 bg-transparent outline-none",
+                  Number(amount2) > 0 ? "text-agg-foreground" : "text-agg-muted-foreground"
+                ),
+                placeholder: "0.00",
+                value: amount2,
+                onChange: (e) => onAmountChange(e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx12("span", { className: "agg-type-body text-agg-muted-foreground shrink-0", children: selectedToken }),
+            onMaxClick ? /* @__PURE__ */ jsx12(
+              "button",
+              {
+                type: "button",
+                className: "agg-type-label-strong text-agg-primary hover:opacity-80 transition-opacity cursor-pointer shrink-0",
+                onClick: onMaxClick,
+                children: labels.withdraw.walletFlow.max
+              }
+            ) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-5", children: [
+          /* @__PURE__ */ jsxs12("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx12("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.tokenLabel }),
+            /* @__PURE__ */ jsx12(
+              Select,
+              {
+                items: tokenOptions,
+                disabled: fixedDestination,
+                value: selectedToken,
+                onChange: onTokenChange,
+                ariaLabel: labels.withdraw.walletFlow.tokenLabel
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs12("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx12("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.networkLabel }),
+            /* @__PURE__ */ jsx12(
+              Select,
+              {
+                items: networkOptions,
+                disabled: fixedDestination,
+                value: selectedNetwork,
+                onChange: onNetworkChange,
+                ariaLabel: labels.withdraw.walletFlow.networkLabel
+              }
+            )
+          ] })
+        ] }),
+        shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ jsx12(TransferFeeSummary, { estimate: withdrawEstimate, view: "withdraw" }) : null,
+        previewUnviableMessage ? /* @__PURE__ */ jsx12("p", { className: "agg-type-label text-agg-error", role: "alert", children: previewUnviableMessage }) : null
+      ] }),
+      /* @__PURE__ */ jsx12(
+        Button,
+        {
+          variant: isValid && !isConfirming && !previewUnviable && !previewLoading ? "primary" : "secondary",
+          size: "large",
+          className: "w-full",
+          disabled: isDisabled,
+          prefix: previewLoading && !isConfirming ? /* @__PURE__ */ jsx12(LoadingIcon, { size: "small", className: "mr-2 text-current" }) : void 0,
+          onClick: onContinue,
+          children: isConfirming ? labels.common.loading : previewLoading ? labels.withdraw.walletFlow.calculatingFees : labels.withdraw.walletFlow.confirm
+        }
+      ),
+      error ? /* @__PURE__ */ jsx12("p", { className: "agg-type-label text-agg-error text-center", role: "alert", children: error }) : null
+    ] }) })
+  ] });
+};
+
+// src/withdraw/steps/withdraw-success.tsx
+import { useLabels as useLabels13, useSdkUiConfig } from "@agg-build/hooks";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var SummaryRow = ({ label, value }) => /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between gap-4 border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ jsx13("p", { className: "min-w-0 text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ jsx13("p", { className: "min-w-0 text-right text-[14px] leading-5 text-agg-foreground", children: value })
+] });
+var WithdrawCloseButton = ({ onClose, label }) => /* @__PURE__ */ jsx13(
+  "button",
+  {
+    type: "button",
+    className: "absolute right-8 top-7 flex cursor-pointer items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+    onClick: onClose,
+    "aria-label": label,
+    children: /* @__PURE__ */ jsx13(CloseIcon, { className: "h-6 w-6" })
+  }
+);
+var LoadingGlyph = ({
+  className,
+  enableAnimations
+}) => /* @__PURE__ */ jsx13(
+  "span",
+  {
+    "aria-hidden": "true",
+    className: cn(
+      "inline-block rounded-full border-2 border-current border-r-transparent",
+      getMotionClassName(enableAnimations, "animate-spin"),
+      className
+    )
+  }
+);
+var loadingActiveIndexFor = (state) => {
+  if (state.status === "transferring") return 2;
+  if (state.status === "bridging") return 1;
+  return 0;
+};
+var getLoadingSteps = (labels) => [
+  { id: "preparing", label: labels.lifecycle.loadingSteps.preparing },
+  { id: "bridging", label: labels.lifecycle.loadingSteps.bridging },
+  { id: "sending", label: labels.lifecycle.loadingSteps.sending },
+  { id: "confirming", label: labels.lifecycle.loadingSteps.confirming }
+];
+var WithdrawLoadingStep = ({
+  lifecycleState,
+  onClose
+}) => {
+  const labels = useLabels13();
+  const {
+    features: { enableAnimations }
+  } = useSdkUiConfig();
+  const walletFlowLabels = labels.withdraw.walletFlow;
+  const activeIndex = loadingActiveIndexFor(lifecycleState);
+  const loadingSteps = getLoadingSteps(walletFlowLabels);
+  return /* @__PURE__ */ jsx13("div", { className: "relative", children: /* @__PURE__ */ jsx13(Modal.Body, { classNames: { root: "px-8 py-7" }, children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsx13("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: walletFlowLabels.successTitle }),
+      /* @__PURE__ */ jsx13(
+        "button",
+        {
+          type: "button",
+          className: "flex cursor-pointer items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+          onClick: onClose,
+          "aria-label": labels.common.close,
+          children: /* @__PURE__ */ jsx13(CloseIcon, { className: "h-6 w-6" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-5", role: "status", "aria-live": "polite", children: loadingSteps.map((step, index) => {
+      const isComplete = index < activeIndex;
+      const isActive = index === activeIndex;
+      const textClassName = isActive || isComplete ? "text-agg-foreground" : "text-agg-muted-foreground";
+      return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
+        isComplete ? /* @__PURE__ */ jsx13(
+          Icon,
+          {
+            name: "check-circle",
+            size: "small",
+            className: "h-4 w-4 shrink-0 text-agg-primary",
+            "aria-hidden": "true"
+          }
+        ) : null,
+        isActive ? /* @__PURE__ */ jsx13(
+          LoadingGlyph,
+          {
+            enableAnimations,
+            className: "h-4 w-4 shrink-0 text-agg-primary"
+          }
+        ) : null,
+        !isComplete && !isActive ? /* @__PURE__ */ jsx13(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "h-4 w-4 shrink-0 rounded-full border border-agg-separator"
+          }
+        ) : null,
+        /* @__PURE__ */ jsx13("p", { className: cn("min-w-0 flex-1 text-agg-base leading-agg-6", textClassName), children: step.label })
+      ] }, step.id);
+    }) }),
+    /* @__PURE__ */ jsx13("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: walletFlowLabels.loadingDescription })
+  ] }) }) });
+};
+var resultCopyFor = ({
+  status,
+  tokenSymbol,
+  labels
+}) => {
+  if (status === "failed") {
+    return {
+      title: labels.successTitleFailed,
+      description: labels.successDescriptionFailed(tokenSymbol)
+    };
+  }
+  if (status === "partial_success") {
+    return {
+      title: labels.successTitlePartial,
+      description: labels.successDescriptionPartial(tokenSymbol)
+    };
+  }
+  return {
+    title: labels.successTitleCompleted,
+    description: labels.successDescriptionCompleted(tokenSymbol)
+  };
+};
+var WithdrawSuccessStep = ({
+  summary,
+  tokenSymbol,
+  requestedWithdrawal,
+  resultStatus,
+  errorMessage,
+  onDone,
+  onRetry,
+  onClose
+}) => {
+  const labels = useLabels13();
+  const walletFlowLabels = labels.withdraw.walletFlow;
+  const { title, description } = resultCopyFor({
+    status: resultStatus,
+    tokenSymbol,
+    labels: walletFlowLabels
+  });
+  const isFailed = resultStatus === "failed";
+  return /* @__PURE__ */ jsx13("div", { className: "relative", children: /* @__PURE__ */ jsxs13(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
+    /* @__PURE__ */ jsx13(WithdrawCloseButton, { onClose, label: labels.common.close }),
+    /* @__PURE__ */ jsxs13("div", { className: "flex flex-col items-center justify-center gap-8 text-center", children: [
+      /* @__PURE__ */ jsx13(
+        "div",
+        {
+          className: cn(
+            "flex h-[60px] w-[60px] items-center justify-center rounded-full",
+            isFailed ? "bg-agg-error/15" : "bg-agg-success/15"
+          ),
+          "aria-hidden": "true",
+          children: isFailed ? /* @__PURE__ */ jsx13(CloseIcon, { className: "h-6 w-6 text-agg-error" }) : /* @__PURE__ */ jsx13(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" })
+        }
+      ),
+      /* @__PURE__ */ jsxs13("div", { className: "flex w-full flex-col items-center gap-3 text-center text-agg-foreground", children: [
+        /* @__PURE__ */ jsx13("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold", children: title }),
+        /* @__PURE__ */ jsx13(
+          "p",
+          {
+            className: "max-w-[400px] text-agg-base leading-agg-6",
+            "data-withdraw-result-status": resultStatus,
+            children: errorMessage && isFailed ? errorMessage : description
+          }
+        )
+      ] }),
+      !isFailed ? /* @__PURE__ */ jsxs13("div", { className: "flex w-full max-w-[400px] flex-col rounded-agg-lg border border-agg-separator bg-agg-secondary px-3 py-1 text-left", children: [
+        /* @__PURE__ */ jsx13(
+          SummaryRow,
+          {
+            label: walletFlowLabels.summary.requestedWithdrawal,
+            value: requestedWithdrawal
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          SummaryRow,
+          {
+            label: walletFlowLabels.summary.amountReceived,
+            value: summary.amountReceived
+          }
+        ),
+        /* @__PURE__ */ jsx13(SummaryRow, { label: walletFlowLabels.summary.fees, value: summary.fees }),
+        /* @__PURE__ */ jsx13(SummaryRow, { label: walletFlowLabels.summary.network, value: summary.network }),
+        /* @__PURE__ */ jsx13(SummaryRow, { label: walletFlowLabels.summary.toWallet, value: summary.toWallet })
+      ] }) : null,
+      isFailed ? /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-center gap-3", children: [
+        /* @__PURE__ */ jsx13(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: walletFlowLabels.close }),
+        /* @__PURE__ */ jsx13(Button, { variant: "primary", size: "large", className: "w-[123px]", onClick: onRetry, children: walletFlowLabels.retry })
+      ] }) : /* @__PURE__ */ jsx13(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
+    ] })
+  ] }) });
+};
+
+// src/withdraw/index.tsx
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+var DEFAULT_TOKEN_DECIMALS = 6;
+var TOKEN_DECIMALS_BY_SYMBOL = {
+  BNB: 18,
+  ETH: 18,
+  MATIC: 18,
+  POL: 18,
+  WETH: 18,
+  USDC: 6,
+  USDT: 6
+};
+var TOKEN_DECIMALS_BY_CHAIN_AND_SYMBOL = {
+  "56": {
+    USDC: 18,
+    USDT: 18
+  }
+};
+var getTokenDecimals = (tokenSymbol, chainId) => {
+  var _a;
+  const normalizedSymbol = tokenSymbol.trim().toUpperCase();
+  const normalizedChainId = chainId == null ? void 0 : chainId.trim();
+  if (normalizedChainId) {
+    const chainDecimals = TOKEN_DECIMALS_BY_CHAIN_AND_SYMBOL[normalizedChainId];
+    const chainTokenDecimals = chainDecimals == null ? void 0 : chainDecimals[normalizedSymbol];
+    if (chainTokenDecimals != null) return chainTokenDecimals;
+  }
+  return (_a = TOKEN_DECIMALS_BY_SYMBOL[normalizedSymbol]) != null ? _a : DEFAULT_TOKEN_DECIMALS;
+};
+var formatRawTokenAmount2 = (rawAmount, decimals) => {
+  const raw = BigInt(rawAmount);
+  const divisor = BigInt(`1${"0".repeat(decimals)}`);
+  const whole = raw / divisor;
+  const remainder = raw % divisor;
+  if (remainder === BigInt(0)) return whole.toString();
+  return `${whole.toString()}.${remainder.toString().padStart(decimals, "0").replace(/0+$/, "")}`;
+};
+var formatLifecycleTokenAmount = ({
+  rawAmount,
+  tokenSymbol,
+  chainId
+}) => `${formatRawTokenAmount2(rawAmount, getTokenDecimals(tokenSymbol, chainId))} ${tokenSymbol}`;
+var buildTerminalSummary = ({
+  fallbackSummary,
+  lifecycleCompletedAmountRaw,
+  lifecycleRequestedAmountRaw,
+  lifecycleFeeRaw,
+  tokenSymbol,
+  chainId
+}) => {
+  if (!lifecycleCompletedAmountRaw) return fallbackSummary;
+  const amountReceived = formatLifecycleTokenAmount({
+    rawAmount: lifecycleCompletedAmountRaw,
+    tokenSymbol,
+    chainId
+  });
+  let feeRaw = lifecycleFeeRaw;
+  if (feeRaw == null && lifecycleRequestedAmountRaw) {
+    try {
+      const r = BigInt(lifecycleRequestedAmountRaw);
+      const c = BigInt(lifecycleCompletedAmountRaw);
+      feeRaw = (r > c ? r - c : BigInt(0)).toString();
+    } catch (e) {
+      feeRaw = null;
+    }
+  }
+  return __spreadValues(__spreadProps(__spreadValues({}, fallbackSummary), {
+    amountReceived
+  }), feeRaw != null ? {
+    fees: formatLifecycleTokenAmount({
+      rawAmount: feeRaw,
+      tokenSymbol,
+      chainId
+    })
+  } : {});
+};
+function isControlledWithdrawModalProps(props) {
+  return "withdrawFlow" in props;
+}
+function WithdrawModalSelfDriven({
+  open,
+  onOpenChange
+}) {
+  const withdrawProps = useWithdrawFlow({ open, onOpenChange });
+  return /* @__PURE__ */ jsx14(WithdrawModalControlled, __spreadValues({}, withdrawProps));
+}
+function WithdrawModalControlled({
+  open,
+  onOpenChange,
+  withdrawFlow,
+  transferTarget,
+  onWithdrawDestinationChange,
+  onWithdrawAmountChange,
+  onWithdrawTokenChange,
+  onWithdrawNetworkChange,
+  onMaxClick,
+  onSelectWithdrawProvider,
+  onDoneWithdraw
+}) {
+  var _a;
+  const initialFormStep = transferTarget ? "withdraw-amount" : "method";
+  const [flowState, setFlowState] = useState7({
+    status: "form",
+    formStep: initialFormStep
+  });
+  const [isConfirming, setIsConfirming] = useState7(false);
+  const [confirmError, setConfirmError] = useState7(null);
+  const { state: withdrawalLifecycleState, reset: resetWithdrawalLifecycle } = useWithdrawalLifecycle(withdrawFlow.withdrawalId);
+  useEffect4(() => {
+    if (!open) {
+      setFlowState({ status: "form", formStep: initialFormStep });
+      setIsConfirming(false);
+      setConfirmError(null);
+      resetWithdrawalLifecycle();
+    }
+  }, [open, resetWithdrawalLifecycle, initialFormStep]);
+  useEffect4(() => {
+    if (flowState.status !== "loading") return;
+    if (!withdrawalLifecycleState.terminal) return;
+    if (withdrawalLifecycleState.status === "completed") {
+      setFlowState({ status: "success" });
+      return;
+    }
+    if (withdrawalLifecycleState.status === "partial") {
+      setFlowState({ status: "partial_success" });
+      return;
+    }
+    if (withdrawalLifecycleState.status === "failed") {
+      setFlowState({
+        status: "failed",
+        errorMessage: withdrawalLifecycleState.errorMessage
+      });
+    }
+  }, [
+    flowState.status,
+    withdrawalLifecycleState.errorMessage,
+    withdrawalLifecycleState.status,
+    withdrawalLifecycleState.terminal
+  ]);
+  const handleOpenChange = (isOpen) => {
+    if (!isOpen) {
+      setFlowState({ status: "form", formStep: initialFormStep });
+      setIsConfirming(false);
+      setConfirmError(null);
+      resetWithdrawalLifecycle();
+    }
+    onOpenChange(isOpen);
+  };
+  const handleBack = () => {
+    if (transferTarget) {
+      handleOpenChange(false);
+      return;
+    }
+    setConfirmError(null);
+    setFlowState({ status: "form", formStep: initialFormStep });
+  };
+  const handleRetry = () => {
+    setConfirmError(null);
+    setIsConfirming(false);
+    resetWithdrawalLifecycle();
+    setFlowState({ status: "form", formStep: "withdraw-amount" });
+  };
+  const handleConfirm = () => __async(null, null, function* () {
+    if (isConfirming || transferTarget && (withdrawFlow.destinationWallet !== transferTarget.address || withdrawFlow.selectedNetwork !== transferTarget.chainId || withdrawFlow.selectedToken !== transferTarget.tokenSymbol))
+      return;
+    setFlowState({ status: "loading" });
+    setIsConfirming(true);
+    setConfirmError(null);
+    try {
+      yield onSelectWithdrawProvider("wallet");
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Withdrawal failed. Please try again.";
+      setConfirmError(errorMessage);
+      setFlowState({ status: "failed", errorMessage });
+    } finally {
+      setIsConfirming(false);
+    }
+  });
+  const withdrawTokenOptions = withTokenIcons(withdrawFlow.tokenOptions);
+  const withdrawNetworkOptions = withNetworkIcons(withdrawFlow.networkOptions);
+  const requestedWithdrawal = `${withdrawFlow.amount} ${withdrawFlow.selectedToken}`.trim();
+  const modalMaxWidth = flowState.status === "form" && flowState.formStep === "method" ? "600px" : "480px";
+  const resultStatus = flowState.status;
+  const terminalSummary = buildTerminalSummary({
+    fallbackSummary: withdrawFlow.purchaseSummary,
+    lifecycleCompletedAmountRaw: withdrawalLifecycleState.completedAmountRaw,
+    lifecycleRequestedAmountRaw: withdrawalLifecycleState.requestedAmountRaw,
+    lifecycleFeeRaw: withdrawalLifecycleState.feeRaw,
+    tokenSymbol: withdrawFlow.selectedToken,
+    chainId: withdrawFlow.selectedNetwork
+  });
+  return /* @__PURE__ */ jsx14(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs14(Modal.Container, { maxWidth: modalMaxWidth, "aria-label": (_a = transferTarget == null ? void 0 : transferTarget.title) != null ? _a : "Withdraw", children: [
+    flowState.status === "form" && flowState.formStep === "method" ? /* @__PURE__ */ jsx14(
+      WithdrawMethodStep,
+      {
+        balance: withdrawFlow.balance,
+        onSelectMethod: () => setFlowState({ status: "form", formStep: "withdraw-amount" })
+      }
+    ) : null,
+    flowState.status === "form" && flowState.formStep === "withdraw-amount" ? /* @__PURE__ */ jsx14(
+      WithdrawAmountStep,
+      {
+        title: transferTarget == null ? void 0 : transferTarget.title,
+        fixedDestination: !!transferTarget,
+        amount: withdrawFlow.amount,
+        destinationWallet: withdrawFlow.destinationWallet,
+        balanceDisplay: withdrawFlow.balanceDisplay,
+        tokenOptions: withdrawTokenOptions,
+        networkOptions: withdrawNetworkOptions,
+        selectedToken: withdrawFlow.selectedToken,
+        selectedNetwork: withdrawFlow.selectedNetwork,
+        destDecimals: getTokenDecimals(
+          withdrawFlow.selectedToken,
+          withdrawFlow.selectedNetwork
+        ),
+        isConfirming,
+        error: confirmError,
+        max: withdrawFlow.isMax,
+        onBack: handleBack,
+        onAmountChange: onWithdrawAmountChange,
+        onDestinationChange: onWithdrawDestinationChange,
+        onTokenChange: onWithdrawTokenChange,
+        onNetworkChange: onWithdrawNetworkChange,
+        onMaxClick,
+        onContinue: handleConfirm
+      }
+    ) : null,
+    flowState.status === "loading" ? /* @__PURE__ */ jsx14(
+      WithdrawLoadingStep,
+      {
+        lifecycleState: withdrawalLifecycleState,
+        onClose: () => handleOpenChange(false)
+      }
+    ) : null,
+    flowState.status === "success" || flowState.status === "partial_success" || flowState.status === "failed" ? /* @__PURE__ */ jsx14(
+      WithdrawSuccessStep,
+      {
+        summary: terminalSummary,
+        tokenSymbol: withdrawFlow.selectedToken,
+        requestedWithdrawal,
+        resultStatus,
+        errorMessage: flowState.status === "failed" ? flowState.errorMessage : null,
+        onDone: onDoneWithdraw,
+        onRetry: handleRetry,
+        onClose: () => handleOpenChange(false)
+      }
+    ) : null
+  ] }) });
+}
+var WithdrawModal = (props) => {
+  if (isControlledWithdrawModalProps(props)) {
+    return /* @__PURE__ */ jsx14(WithdrawModalControlled, __spreadValues({}, props));
+  }
+  return /* @__PURE__ */ jsx14(WithdrawModalSelfDriven, __spreadValues({}, props));
+};
+WithdrawModal.displayName = "WithdrawModal";
+
+// src/notifications/deposit-notification-events.ts
+var AGG_DEPOSIT_NOTIFICATION_EVENT = "agg:deposit-notification";
+var dispatchAggDepositNotification = (detail) => {
+  if (typeof window === "undefined") return;
+  window.dispatchEvent(new CustomEvent(AGG_DEPOSIT_NOTIFICATION_EVENT, { detail }));
+};
+var subscribeAggDepositNotification = (handler) => {
+  if (typeof window === "undefined") return () => {
+  };
+  const handleDepositNotification = (event) => {
+    if (!(event instanceof CustomEvent)) return;
+    handler(event.detail);
+  };
+  window.addEventListener(AGG_DEPOSIT_NOTIFICATION_EVENT, handleDepositNotification);
+  return () => {
+    window.removeEventListener(AGG_DEPOSIT_NOTIFICATION_EVENT, handleDepositNotification);
+  };
+};
+
+// src/trading/manage-betdex-account-modal.tsx
+import { useEffect as useEffect6, useState as useState11 } from "react";
+import { useLabels as useLabels18 } from "@agg-build/hooks";
+import * as Dialog6 from "@radix-ui/react-dialog";
+
+// src/pages/user-profile/components/betdex-account-card.tsx
+import { useState as useState10 } from "react";
+import { useHostedVenueAccount, useLabels as useLabels16 } from "@agg-build/hooks";
+import { Venue as Venue4 } from "@agg-build/sdk";
+
+// src/pages/user-profile/components/betdex-account-transfers.tsx
+import { useState as useState8 } from "react";
+import { useDepositAddresses, useHostedVenueTransfers, useLabels as useLabels14 } from "@agg-build/hooks";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+function hostedWithdrawalRaw(value) {
+  var _a;
+  const match = /^([0-9]{1,26})(?:\.([0-9]{1,6}))?$/.exec(value.trim());
+  if (!match) return null;
+  const raw = BigInt(match[1]) * BigInt(1e6) + BigInt(((_a = match[2]) != null ? _a : "").padEnd(6, "0"));
+  return raw > BigInt(0) ? raw.toString() : null;
+}
+var amountText = (raw) => {
+  const value = BigInt(raw);
+  const fraction = (value % BigInt(1e6)).toString().padStart(6, "0").replace(/0+$/, "");
+  return (value / BigInt(1e6)).toString() + (fraction ? "." + fraction : "");
+};
+function BetdexAccountTransfers({
+  accountId,
+  environment,
+  availableRaw,
+  canDeposit,
+  onWalletDeposit
+}) {
+  const labels = useLabels14().userProfile.hostedBetdex;
+  const transfer = useHostedVenueTransfers(accountId, environment);
+  const [showWithdraw, setShowWithdraw] = useState8(false);
+  const wallet = useDepositAddresses({
+    enabled: transfer.isAvailable && environment === "production" && showWithdraw
+  });
+  const [amount2, setAmount] = useState8("");
+  const [destination, setDestination] = useState8("");
+  const [actionError, setActionError] = useState8(false);
+  const raw = hostedWithdrawalRaw(amount2);
+  const withinBalance = raw !== null && (availableRaw === void 0 || BigInt(raw) <= BigInt(availableRaw));
+  const validDestination = /^[1-9A-HJ-NP-Za-km-z]{32,44}$/.test(destination.trim());
+  const result = transfer.withdrawal.data;
+  const terminal = (result == null ? void 0 : result.status) === "confirmed" || (result == null ? void 0 : result.status) === "failed";
+  const run = (work) => {
+    setActionError(false);
+    void work().catch(() => setActionError(true));
+  };
+  if (!transfer.isAvailable) return null;
+  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-3 border-t border-agg-separator pt-3", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex flex-wrap gap-2", children: [
+      canDeposit && environment === "production" && onWalletDeposit ? /* @__PURE__ */ jsx15(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          size: "small",
+          disabled: transfer.deposit.isPending,
+          isLoading: transfer.deposit.isPending,
+          onClick: () => run(() => __async(null, null, function* () {
+            const response = yield transfer.deposit.mutateAsync();
+            onWalletDeposit(response.result.address);
+          })),
+          children: labels.fromWallet
+        }
+      ) : null,
+      canDeposit ? /* @__PURE__ */ jsx15(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          size: "small",
+          "aria-label": labels.deposit,
+          isLoading: transfer.deposit.isPending,
+          disabled: transfer.deposit.isPending,
+          onClick: () => run(() => transfer.deposit.mutateAsync()),
+          children: labels.deposit
+        }
+      ) : null,
+      /* @__PURE__ */ jsx15(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          size: "small",
+          "aria-expanded": showWithdraw || !!transfer.request,
+          onClick: () => setShowWithdraw((value) => !value),
+          children: labels.withdraw
+        }
+      )
+    ] }),
+    transfer.deposit.data ? /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2 agg-type-caption", children: [
+      /* @__PURE__ */ jsx15("p", { className: "text-agg-muted-foreground", children: labels.depositInstructions[environment] }),
+      /* @__PURE__ */ jsxs15("label", { className: "flex flex-col gap-1 text-agg-muted-foreground", children: [
+        labels.depositAddress,
+        /* @__PURE__ */ jsx15(
+          "input",
+          {
+            readOnly: true,
+            value: transfer.deposit.data.address,
+            onFocus: (event) => event.currentTarget.select(),
+            className: "w-full rounded-agg-md border border-agg-separator bg-agg-primary p-2 text-agg-foreground"
+          }
+        )
+      ] })
+    ] }) : null,
+    transfer.deposit.isError || transfer.withdrawal.isError || transfer.storageError || actionError ? /* @__PURE__ */ jsx15("p", { role: "alert", className: "agg-type-caption text-agg-error", children: labels.transferUnavailable }) : null,
+    transfer.request ? /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2 agg-type-caption", children: [
+      /* @__PURE__ */ jsxs15("p", { children: [
+        labels.withdrawalAmount,
+        ": ",
+        amountText(transfer.request.amountRaw)
+      ] }),
+      /* @__PURE__ */ jsxs15("p", { className: "break-all", children: [
+        labels.withdrawalDestination,
+        ": ",
+        transfer.request.destinationAddress
+      ] }),
+      /* @__PURE__ */ jsx15("p", { role: "status", children: result ? labels.withdrawalStatuses[result.status] : labels.withdrawalUnknown }),
+      terminal ? /* @__PURE__ */ jsx15(
+        Button,
+        {
+          type: "button",
+          variant: "tertiary",
+          size: "small",
+          onClick: () => {
+            transfer.clear();
+            setAmount("");
+            setDestination("");
+            setActionError(false);
+            setShowWithdraw(false);
+          },
+          children: labels.withdrawalNew
+        }
+      ) : /* @__PURE__ */ jsx15(
+        Button,
+        {
+          type: "button",
+          variant: "tertiary",
+          size: "small",
+          "aria-label": result ? labels.withdrawalCheck : labels.withdrawalRetry,
+          isLoading: transfer.withdrawal.isPending,
+          disabled: transfer.withdrawal.isPending,
+          onClick: () => run(transfer.check),
+          children: result ? labels.withdrawalCheck : labels.withdrawalRetry
+        }
+      )
+    ] }) : showWithdraw ? /* @__PURE__ */ jsxs15(
+      "form",
+      {
+        className: "flex flex-col gap-3",
+        onSubmit: (event) => {
+          event.preventDefault();
+          if (!raw || !withinBalance || !validDestination || !transfer.ready) return;
+          run(() => transfer.submit(raw, destination.trim()));
+        },
+        children: [
+          /* @__PURE__ */ jsxs15("label", { className: "flex flex-col gap-1 agg-type-caption text-agg-muted-foreground", children: [
+            labels.withdrawalAmount,
+            /* @__PURE__ */ jsx15(
+              "input",
+              {
+                inputMode: "decimal",
+                autoComplete: "off",
+                value: amount2,
+                onChange: (event) => setAmount(event.target.value),
+                className: "rounded-agg-md border border-agg-separator bg-agg-primary p-2 text-agg-foreground"
+              }
+            )
+          ] }),
+          environment === "production" ? /* @__PURE__ */ jsx15(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              size: "small",
+              disabled: !wallet.isReady || !wallet.svmAddress || wallet.isError,
+              isLoading: wallet.isLoading,
+              onClick: () => {
+                if (wallet.isReady && wallet.svmAddress && !wallet.isError)
+                  setDestination(wallet.svmAddress);
+              },
+              children: labels.toWallet
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs15("label", { className: "flex flex-col gap-1 agg-type-caption text-agg-muted-foreground", children: [
+            labels.withdrawalDestination,
+            /* @__PURE__ */ jsx15(
+              "input",
+              {
+                autoComplete: "off",
+                spellCheck: false,
+                value: destination,
+                onChange: (event) => setDestination(event.target.value),
+                className: "rounded-agg-md border border-agg-separator bg-agg-primary p-2 text-agg-foreground"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx15(
+            Button,
+            {
+              type: "submit",
+              variant: "primary",
+              size: "small",
+              "aria-label": labels.withdrawalSubmit,
+              disabled: !withinBalance || !validDestination || !transfer.ready || transfer.withdrawal.isPending,
+              isLoading: transfer.withdrawal.isPending,
+              children: labels.withdrawalSubmit
+            }
+          )
+        ]
+      }
+    ) : null
+  ] });
+}
+
+// src/pages/user-profile/components/betdex-account-activity.tsx
+import { useState as useState9 } from "react";
+import { useHostedVenueActivity, useLabels as useLabels15 } from "@agg-build/hooks";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
+function amount(raw) {
+  const negative = raw.startsWith("-");
+  const digits = (negative ? raw.slice(1) : raw).padStart(19, "0");
+  const fraction = digits.slice(-18).replace(/0+$/, "");
+  return `${negative ? "-" : "+"}${digits.slice(0, -18)}${fraction ? `.${fraction}` : ""}`;
+}
+function BetdexAccountActivity({
+  accountId,
+  environment
+}) {
+  const labels = useLabels15().userProfile.hostedBetdex;
+  const [page, setPage] = useState9(0);
+  const { activity, isAvailable } = useHostedVenueActivity("betdex", page);
+  if (!isAvailable) return null;
+  const data = activity.data;
+  const valid = (data == null ? void 0 : data.accountId) === accountId && data.environment === environment && data.page === page;
+  const unavailable = activity.isError || !!data && !valid;
+  return /* @__PURE__ */ jsxs16(
+    "section",
+    {
+      "aria-label": labels.activityTitle,
+      className: "flex flex-col gap-3 border-t border-agg-separator pt-3",
+      children: [
+        /* @__PURE__ */ jsx16("h4", { className: "agg-type-label text-agg-foreground", children: labels.activityTitle }),
+        /* @__PURE__ */ jsx16("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.activityDescription }),
+        activity.isPending ? /* @__PURE__ */ jsx16(SkeletonBlock, { className: "h-16 w-full" }) : null,
+        unavailable ? /* @__PURE__ */ jsx16("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.activityUnavailable }) : null,
+        valid && !unavailable ? data.items.length ? /* @__PURE__ */ jsx16("ul", { className: "flex flex-col gap-3 agg-type-caption", children: data.items.map((item) => /* @__PURE__ */ jsxs16("li", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "flex justify-between gap-3 text-agg-foreground", children: [
+            /* @__PURE__ */ jsx16("span", { children: labels.activityCodes[item.code] }),
+            /* @__PURE__ */ jsxs16("span", { className: "break-all tabular-nums", children: [
+              amount(item.amountRaw),
+              " ",
+              data.asset
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx16("time", { dateTime: item.createdAt, className: "text-agg-muted-foreground", children: new Date(item.createdAt).toLocaleString() })
+        ] }, item.id)) }) : /* @__PURE__ */ jsx16("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.activityEmpty }) : null,
+        /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ jsx16(
+            Button,
+            {
+              type: "button",
+              variant: "tertiary",
+              size: "small",
+              disabled: activity.isFetching || page === 0,
+              onClick: () => setPage((value) => Math.max(0, value - 1)),
+              children: labels.activityPrevious
+            }
+          ),
+          /* @__PURE__ */ jsx16(
+            Button,
+            {
+              type: "button",
+              variant: "tertiary",
+              size: "small",
+              disabled: activity.isFetching || unavailable || !valid || data.nextPage === null,
+              onClick: () => {
+                if (valid && data.nextPage !== null) setPage(data.nextPage);
+              },
+              children: labels.activityNext
+            }
+          ),
+          /* @__PURE__ */ jsx16(
+            Button,
+            {
+              type: "button",
+              variant: "tertiary",
+              size: "small",
+              disabled: activity.isFetching,
+              onClick: () => {
+                void activity.refetch();
+              },
+              children: labels.activityRefresh
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/pages/user-profile/components/betdex-account-card.tsx
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+function BetdexAccountCard({
+  onWalletDeposit
+} = {}) {
+  var _a;
+  const [showActivity, setShowActivity] = useState10(false);
+  const labels = useLabels16().userProfile.hostedBetdex;
+  const { account, provision, isAvailable } = useHostedVenueAccount("betdex");
+  const data = account.data;
+  if (!isAvailable || (data == null ? void 0 : data.status) === "disabled") return null;
+  const pending = provision.isPending || (data == null ? void 0 : data.status) === "provisioning";
+  const canCreate = (data == null ? void 0 : data.status) === "not_created" && data.provisioningEnabled;
+  const rawLabel = (raw) => formatUsd(Number(raw) / 1e6);
+  return /* @__PURE__ */ jsxs17(
+    "section",
+    {
+      "aria-label": labels.title,
+      className: "flex flex-col gap-3 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5",
+      children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx17(VenueLogo, { venue: Venue4.betdex, size: "small", className: "size-4" }),
+          /* @__PURE__ */ jsx17("h3", { className: "agg-type-label text-agg-foreground", children: labels.title })
+        ] }),
+        /* @__PURE__ */ jsx17("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.description }),
+        (data == null ? void 0 : data.environment) === "sandbox" ? /* @__PURE__ */ jsx17("p", { className: "agg-type-caption text-agg-warning", children: labels.sandbox }) : null,
+        account.isPending ? /* @__PURE__ */ jsx17(SkeletonBlock, { className: "h-10 w-full" }) : null,
+        (data == null ? void 0 : data.status) === "active" && data.balanceStatus === "available" && data.balance && !account.isError ? /* @__PURE__ */ jsx17("dl", { className: "flex flex-col gap-2 agg-type-caption", children: [
+          [labels.total, data.balance.totalRaw],
+          [labels.available, data.balance.availableRaw],
+          [labels.reserved, data.balance.unmatchedExposureRaw]
+        ].map(([label, raw]) => /* @__PURE__ */ jsxs17("div", { className: "flex justify-between gap-3", children: [
+          /* @__PURE__ */ jsx17("dt", { className: "text-agg-muted-foreground", children: label }),
+          /* @__PURE__ */ jsx17("dd", { className: "text-agg-foreground", children: rawLabel(raw) })
+        ] }, label)) }) : null,
+        pending ? /* @__PURE__ */ jsx17("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.provisioning }) : null,
+        (data == null ? void 0 : data.status) === "suspended" ? /* @__PURE__ */ jsx17("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.suspended }) : null,
+        account.isError || (data == null ? void 0 : data.status) === "unavailable" || (data == null ? void 0 : data.balanceStatus) === "unavailable" ? /* @__PURE__ */ jsx17("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.unavailable }) : null,
+        (data == null ? void 0 : data.status) === "not_created" && !data.provisioningEnabled ? /* @__PURE__ */ jsx17("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.provisioningUnavailable }) : null,
+        provision.isError ? /* @__PURE__ */ jsx17("p", { role: "alert", className: "agg-type-caption text-agg-error", children: labels.creationFailed }) : null,
+        canCreate || (data == null ? void 0 : data.status) === "provisioning" ? /* @__PURE__ */ jsx17(
+          Button,
+          {
+            type: "button",
+            "aria-label": (data == null ? void 0 : data.status) === "provisioning" ? labels.checkSetup : labels.createAccount,
+            variant: "secondary",
+            size: "small",
+            isLoading: provision.isPending,
+            disabled: provision.isPending || account.isError,
+            onClick: () => provision.mutate(),
+            children: (data == null ? void 0 : data.status) === "provisioning" ? labels.checkSetup : labels.createAccount
+          }
+        ) : null,
+        /* @__PURE__ */ jsx17(
+          Button,
+          {
+            type: "button",
+            variant: "tertiary",
+            size: "small",
+            disabled: account.isFetching || provision.isPending,
+            onClick: () => {
+              void account.refetch();
+            },
+            children: labels.refresh
+          }
+        ),
+        (data == null ? void 0 : data.accountId) && data.environment && ["active", "suspended"].includes(data.status) ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
+          /* @__PURE__ */ jsxs17("details", { className: "group/agg-betdex-funds border-t border-agg-separator pt-3", children: [
+            /* @__PURE__ */ jsxs17("summary", { className: "flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 text-agg-sm font-agg-bold text-agg-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary [&::-webkit-details-marker]:hidden", children: [
+              labels.manageFunds,
+              /* @__PURE__ */ jsx17(
+                Icon,
+                {
+                  name: "chevron-down",
+                  size: "small",
+                  className: "transition-transform group-open/agg-betdex-funds:rotate-180"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx17(
+              BetdexAccountTransfers,
+              {
+                accountId: data.accountId,
+                environment: data.environment,
+                availableRaw: data.balanceStatus === "available" ? (_a = data.balance) == null ? void 0 : _a.availableRaw : void 0,
+                canDeposit: data.status === "active",
+                onWalletDeposit
+              },
+              `transfers:${data.accountId}:${data.environment}`
+            )
+          ] }),
+          /* @__PURE__ */ jsx17(
+            Button,
+            {
+              type: "button",
+              variant: "tertiary",
+              size: "small",
+              "aria-expanded": showActivity,
+              onClick: () => setShowActivity((shown) => !shown),
+              children: showActivity ? labels.hideActivity : labels.showActivity
+            }
+          ),
+          showActivity ? /* @__PURE__ */ jsx17(
+            BetdexAccountActivity,
+            {
+              accountId: data.accountId,
+              environment: data.environment
+            },
+            `${data.accountId}:${data.environment}`
+          ) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/pages/user-profile/components/betdex-wallet-deposit.tsx
+import { useEffect as useEffect5 } from "react";
+import { useLabels as useLabels17 } from "@agg-build/hooks";
+import { useWithdrawFlow as useWithdrawFlow2 } from "@agg-build/hooks/withdraw";
+import { jsx as jsx18 } from "react/jsx-runtime";
+function BetdexWalletDeposit({
+  address,
+  onClose
+}) {
+  const labels = useLabels17().userProfile.hostedBetdex;
+  const flow = useWithdrawFlow2({
+    open: true,
+    onOpenChange: (open) => {
+      if (!open) onClose();
+    }
+  });
+  const { onWithdrawDestinationChange, onWithdrawNetworkChange, onWithdrawTokenChange } = flow;
+  useEffect5(() => {
+    onWithdrawDestinationChange(address);
+    onWithdrawNetworkChange("792703809");
+    onWithdrawTokenChange("USDC");
+  }, [address, onWithdrawDestinationChange, onWithdrawNetworkChange, onWithdrawTokenChange]);
+  return /* @__PURE__ */ jsx18(
+    WithdrawModal,
+    __spreadProps(__spreadValues({}, flow), {
+      transferTarget: {
+        title: labels.transferToBetdex,
+        address,
+        chainId: "792703809",
+        tokenSymbol: "USDC"
+      }
+    })
+  );
+}
+
+// src/trading/manage-betdex-account-modal.tsx
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+function ManageBetdexAccountModal({
+  open,
+  onOpenChange,
+  userId
+}) {
+  const labels = useLabels18();
+  const [fundingTarget, setFundingTarget] = useState11(
+    null
+  );
+  const currentTarget = (fundingTarget == null ? void 0 : fundingTarget.userId) === userId ? fundingTarget : null;
+  useEffect6(() => {
+    if (!open) setFundingTarget(null);
+  }, [open]);
+  useEffect6(() => setFundingTarget(null), [userId]);
+  return /* @__PURE__ */ jsxs18(Fragment6, { children: [
+    /* @__PURE__ */ jsx19(Modal, { open: open && !currentTarget, onOpenChange, children: /* @__PURE__ */ jsxs18(Modal.Container, { maxWidth: "600px", "aria-label": labels.trading.manageBetdexAccount, children: [
+      /* @__PURE__ */ jsx19(
+        Dialog6.Close,
+        {
+          "aria-label": labels.common.close,
+          className: "absolute right-4 top-4 z-10 flex size-11 cursor-pointer items-center justify-center rounded-agg-full text-agg-muted-foreground hover:bg-agg-quaternary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-accent",
+          children: /* @__PURE__ */ jsx19(Icon, { name: "close", size: "medium" })
+        }
+      ),
+      /* @__PURE__ */ jsxs18(Modal.Body, { classNames: { root: "!px-5 !py-16" }, children: [
+        /* @__PURE__ */ jsx19(Dialog6.Title, { className: "sr-only", children: labels.trading.manageBetdexAccount }),
+        /* @__PURE__ */ jsx19(Dialog6.Description, { className: "sr-only", children: labels.userProfile.hostedBetdex.description }),
+        open ? /* @__PURE__ */ jsx19(
+          BetdexAccountCard,
+          {
+            onWalletDeposit: userId ? (address) => setFundingTarget({ userId, address }) : void 0
+          }
+        ) : null
+      ] })
+    ] }) }),
+    open && currentTarget ? /* @__PURE__ */ jsx19(
+      BetdexWalletDeposit,
+      {
+        address: currentTarget.address,
+        onClose: () => setFundingTarget(null)
+      },
+      currentTarget.userId
+    ) : null
+  ] });
+}
+
+export {
+  dispatchAggDepositNotification,
+  subscribeAggDepositNotification,
+  GeoBlockBanner,
+  SharedKycModal,
+  HowItWorksStep,
+  ProfileSetupStep,
+  ConnectAccountsStep,
+  ConnectOnchainModal,
+  ConnectKalshiModal,
+  ConnectProphetxModal,
+  OnboardingModal,
+  mapNetworksToOptions,
+  DEFAULT_CURRENCY_OPTIONS,
+  withTokenIcons,
+  withNetworkIcons,
+  mergeSelectOptionsUnique,
+  TransferFeeSummary,
+  buildTerminalSummary,
+  WithdrawModal,
+  ManageBetdexAccountModal
+};