@agg-build/ui 4.26.1 → 4.27.0

package/dist/manage-betdex-account-modal-21ZVLsz0.js

@@ -0,0 +1,2390 @@
+"use client";
+const require_primitives = require("./primitives-CqxNeV7H.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _agg_build_hooks = require("@agg-build/hooks");
+let _agg_build_sdk = require("@agg-build/sdk");
+let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
+_radix_ui_react_dialog = require_primitives.__toESM(_radix_ui_react_dialog);
+let zod = require("zod");
+let _agg_build_hooks_withdraw = require("@agg-build/hooks/withdraw");
+//#region src/notifications/deposit-notification-events.ts
+const AGG_DEPOSIT_NOTIFICATION_EVENT = "agg:deposit-notification";
+const dispatchAggDepositNotification = (detail) => {
+	if (typeof window === "undefined") return;
+	window.dispatchEvent(new CustomEvent(AGG_DEPOSIT_NOTIFICATION_EVENT, { detail }));
+};
+const 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);
+	};
+};
+//#endregion
+//#region src/geo-block-banner/index.tsx
+const GeoBlockBanner = ({ venue, termsUrl = require_primitives.AGG_TERMS_OF_SERVICE_URL, className }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_primitives.cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
+		role: "status",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+			className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground",
+			children: [
+				message,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+					href: termsUrl,
+					className: "underline",
+					target: "_blank",
+					rel: "noreferrer noopener",
+					children: labels.trading.geoBlockTermsLink
+				}),
+				labels.trading.geoBlockMessageSuffix
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+			name: "internet-security",
+			className: "h-6 w-6 shrink-0 text-agg-muted-foreground"
+		})]
+	});
+};
+GeoBlockBanner.displayName = "GeoBlockBanner";
+//#endregion
+//#region src/kyc/shared-kyc-modal.tsx
+const SharedKycModal = ({ open, state = "initial", errorMessage, onOpenChange, onStartVerification }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const modalLabels = labels.trading.sharedKyc.modal;
+	const isInitiating = state === "initiating";
+	const handleOpenChange = (nextOpen) => {
+		if (isInitiating && !nextOpen) return;
+		onOpenChange(nextOpen);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Container, {
+			maxWidth: "420px",
+			"aria-label": modalLabels.ariaLabel,
+			classNames: { container: "!rounded-agg-2xl" },
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex h-14 shrink-0 items-center justify-end px-5",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_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__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+						name: "close",
+						size: "small",
+						"aria-hidden": "true"
+					})
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Body, {
+				classNames: { root: "!px-8 !pb-9 !pt-0" },
+				children: state === "success" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col items-center gap-6 text-center",
+					role: "status",
+					"aria-live": "polite",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+								name: "success-check",
+								className: "size-5",
+								"aria-hidden": "true"
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col items-center gap-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Typography, {
+								as: "span",
+								variant: "body-large-strong",
+								children: modalLabels.successTitle
+							}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Typography, {
+								as: "span",
+								variant: "label",
+								className: "text-pretty text-agg-foreground",
+								children: modalLabels.successDescription
+							}) })]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							variant: "secondary",
+							size: "large",
+							onClick: () => handleOpenChange(false),
+							children: modalLabels.done
+						})
+					]
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col items-center gap-6 text-center",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+							name: "user-trust",
+							className: "h-12! w-12! text-agg-muted-foreground",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col items-center gap-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Typography, {
+								as: "span",
+								variant: "body-large-strong",
+								children: state === "pending" ? modalLabels.pendingTitle : modalLabels.title
+							}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Typography, {
+								as: "span",
+								variant: "label",
+								className: "text-pretty text-agg-foreground",
+								children: state === "pending" ? modalLabels.pendingDescription : modalLabels.freeDescription
+							}) })]
+						}),
+						state === "error" || state === "pending" && errorMessage ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.InlineAlert, {
+							tone: "error",
+							variant: "surface",
+							message: errorMessage || modalLabels.error
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col items-center gap-4",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.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__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+								variant: "tertiary",
+								size: "large",
+								disabled: isInitiating,
+								onClick: () => handleOpenChange(false),
+								children: modalLabels.doItLater
+							})]
+						})
+					]
+				})
+			})]
+		})
+	});
+};
+SharedKycModal.displayName = "SharedKycModal";
+//#endregion
+//#region src/onboarding/steps/connect-kalshi-modal.tsx
+const kalshiCredentialsSchema = zod.z.object({
+	apiKeyId: zod.z.string().trim().min(1),
+	privateKey: zod.z.string().trim().min(1)
+});
+const 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();
+};
+const CloseButton = ({ className, disabled }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Close, {
+		"aria-label": labels.common.close,
+		disabled,
+		className: require_primitives.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__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+			name: "close",
+			size: "medium",
+			className: "!text-agg-foreground"
+		})
+	});
+};
+const ConnectKalshiModal = ({ open, onOpenChange, onVerify }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const { disabledVenues, isLoading: isAppConfigLoading } = (0, _agg_build_hooks.useAppConfig)();
+	const apiKeyInputRef = (0, react.useRef)(null);
+	const errorId = (0, react.useId)();
+	const [apiKeyId, setApiKeyId] = (0, react.useState)("");
+	const [privateKey, setPrivateKey] = (0, react.useState)("");
+	const [isVerifying, setIsVerifying] = (0, react.useState)(false);
+	const [isConnected, setIsConnected] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)();
+	const availabilityState = (0, _agg_build_hooks.getVenueAvailabilityState)({
+		venueId: _agg_build_sdk.Venue.kalshi,
+		disabledVenues,
+		isConfigLoading: isAppConfigLoading
+	});
+	const parsedCredentials = (0, react.useMemo)(() => kalshiCredentialsSchema.safeParse({
+		apiKeyId,
+		privateKey
+	}), [apiKeyId, privateKey]);
+	(0, react.useEffect)(() => {
+		if (!open) return;
+		setApiKeyId("");
+		setPrivateKey("");
+		setError(void 0);
+		setIsVerifying(false);
+		setIsConnected(false);
+	}, [open]);
+	const handleOpenAutoFocus = (0, react.useCallback)((event) => {
+		event.preventDefault();
+		apiKeyInputRef.current?.focus({ preventScroll: true });
+	}, []);
+	const handleOpenChange = (0, react.useCallback)((nextOpen) => {
+		if (isVerifying && !nextOpen) return;
+		onOpenChange(nextOpen);
+	}, [isVerifying, onOpenChange]);
+	const handleVerify = (0, react.useCallback)(async () => {
+		if (!parsedCredentials.success || isVerifying || isConnected) return;
+		const credentials = parsedCredentials.data;
+		setIsVerifying(true);
+		setError(void 0);
+		try {
+			await onVerify(credentials);
+			setApiKeyId("");
+			setPrivateKey("");
+			setIsConnected(true);
+		} catch (verificationError) {
+			setError(getSafeConnectionError({
+				...credentials,
+				error: verificationError,
+				fallback: labels.onboarding.connectKalshiModal.fallbackError
+			}));
+		} finally {
+			setIsVerifying(false);
+		}
+	}, [
+		isConnected,
+		isVerifying,
+		labels.onboarding.connectKalshiModal.fallbackError,
+		onVerify,
+		parsedCredentials
+	]);
+	const handleSubmit = (0, react.useCallback)((event) => {
+		event.preventDefault();
+		handleVerify();
+	}, [handleVerify]);
+	if (availabilityState === "hidden") return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.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__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Body, {
+				classNames: { root: "relative !px-5 !py-8 md:!px-10 md:!py-12" },
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseButton, { className: "absolute right-5 top-5 md:right-8 md:top-8" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col items-center gap-8 text-center",
+					role: "status",
+					"aria-live": "polite",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success/15",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+								name: "success-check",
+								className: "size-6 text-agg-success",
+								"aria-hidden": "true"
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col items-center gap-3",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
+								className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground",
+								children: labels.onboarding.connectKalshiModal.success.title
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, {
+								className: "text-agg-base leading-agg-6 text-agg-foreground",
+								children: labels.onboarding.connectKalshiModal.success.description
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							variant: "secondary",
+							size: "large",
+							onClick: () => handleOpenChange(false),
+							children: labels.onboarding.connectKalshiModal.success.done
+						})
+					]
+				})]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+				className: "flex min-h-0 flex-1 flex-col",
+				onSubmit: handleSubmit,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Body, {
+					classNames: { root: "relative !px-5 !pb-6 !pt-5 md:!px-10 md:!pb-0 md:!pt-12" },
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col gap-6 md:items-center md:gap-0",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex w-full flex-col md:contents",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "flex items-center gap-3 md:contents",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.VenueLogo, {
+											venue: _agg_build_sdk.Venue.kalshi,
+											variant: "logo",
+											size: "large",
+											className: "!size-10 md:!mb-8 md:!size-[60px]"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.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__ */ (0, react_jsx_runtime.jsx)(CloseButton, {
+											disabled: isVerifying,
+											className: "ml-auto shrink-0 md:absolute md:right-8 md:top-8 md:ml-0"
+										})
+									]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex w-full flex-col gap-4",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "flex flex-col gap-1",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground",
+												children: labels.onboarding.connectKalshiModal.stepOne.label
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+												children: labels.onboarding.connectKalshiModal.stepOne.title
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "text-agg-sm leading-agg-5 text-agg-foreground",
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", { children: [
+													labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
+													" ",
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "font-agg-bold",
+														children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText
+													}),
+													labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
+													" ",
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsxs)("p", { children: [
+													labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
+													" ",
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "font-agg-bold",
+														children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText
+													}),
+													labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
+												] }),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", { children: [
+													labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
+													" ",
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: "font-agg-bold",
+														children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText
+													}),
+													labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
+												] }),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+											]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+											className: "text-agg-sm leading-agg-5 text-agg-foreground",
+											children: [
+												labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("br", {}),
+												labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
+											]
+										})
+									]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "flex flex-col gap-1",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground",
+												children: labels.onboarding.connectKalshiModal.stepTwo.label
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+												children: labels.onboarding.connectKalshiModal.stepTwo.title
+											})]
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: "text-agg-sm leading-agg-5 text-agg-foreground",
+											children: labels.onboarding.connectKalshiModal.stepTwo.description
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "flex flex-col gap-2",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+												htmlFor: "kalshi-api-key-id",
+												className: "text-agg-sm font-agg-bold text-agg-foreground",
+												children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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: require_primitives.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: "flex flex-col gap-2",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+												htmlFor: "kalshi-private-key",
+												className: "text-agg-sm font-agg-bold text-agg-foreground",
+												children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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: require_primitives.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+								id: errorId,
+								className: "flex items-center gap-2 md:justify-center",
+								role: "alert",
+								"aria-live": "assertive",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+									name: "warning",
+									size: "small",
+									className: "size-3.5 text-agg-error"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "text-agg-sm leading-agg-5 text-agg-error",
+									children: error
+								})]
+							}) : null
+						]
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.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__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							variant: "secondary",
+							size: "large",
+							className: "shrink-0",
+							onClick: () => handleOpenChange(false),
+							disabled: isVerifying,
+							children: labels.onboarding.connectKalshiModal.actions.cancel
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.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";
+//#endregion
+//#region src/onboarding/steps/connect-prophetx-modal.tsx
+function ConnectProphetxModal({ open, onOpenChange, onVerify, onDisconnect, allowExistingConnection = false }) {
+	const copy = (0, _agg_build_hooks.useLabels)().onboarding.connectProphetxModal;
+	const common = (0, _agg_build_hooks.useLabels)().common;
+	const { prophetxExecutionMode, disabledVenues, isLoading } = (0, _agg_build_hooks.useAppConfig)();
+	const id = (0, react.useId)();
+	const [accessKey, setAccessKey] = (0, react.useState)("");
+	const [secretKey, setSecretKey] = (0, react.useState)("");
+	const [pending, setPending] = (0, react.useState)(false);
+	const [disconnecting, setDisconnecting] = (0, react.useState)(false);
+	const [disconnectError, setDisconnectError] = (0, react.useState)(false);
+	const busy = pending || disconnecting;
+	const [connected, setConnected] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (!open) {
+			setAccessKey("");
+			setSecretKey("");
+			setError(false);
+			setDisconnectError(false);
+			setConnected(false);
+		}
+	}, [open]);
+	if (isLoading || !allowExistingConnection && (prophetxExecutionMode !== "direct" || disabledVenues.includes(_agg_build_sdk.Venue.prophetx))) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal, {
+		open,
+		onOpenChange: (value) => {
+			if (!busy) onOpenChange(value);
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Container, {
+			maxWidth: "480px",
+			"aria-label": copy.title,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Body, {
+				classNames: { root: "relative !p-6" },
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Close, {
+					"aria-label": common.close,
+					disabled: busy,
+					className: "absolute right-4 top-4 cursor-pointer disabled:cursor-not-allowed",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+						name: "close",
+						size: "medium"
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+					className: "flex flex-col gap-4",
+					onSubmit: async (event) => {
+						event.preventDefault();
+						if (busy || !accessKey.trim() || !secretKey.trim()) return;
+						setPending(true);
+						setError(false);
+						try {
+							await onVerify({
+								accessKey: accessKey.trim(),
+								secretKey: secretKey.trim()
+							});
+							setAccessKey("");
+							setSecretKey("");
+							setConnected(true);
+						} catch {
+							setError(true);
+						} finally {
+							setPending(false);
+						}
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.VenueLogo, {
+							venue: _agg_build_sdk.Venue.prophetx,
+							size: "large"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
+							className: "text-agg-xl font-agg-bold text-agg-foreground",
+							children: copy.title
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, {
+							className: "text-agg-sm text-agg-muted-foreground",
+							children: copy.description
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "text-agg-sm text-agg-muted-foreground",
+							children: copy.fundingNotice
+						}),
+						connected ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							role: "status",
+							children: copy.connected
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							type: "button",
+							onClick: () => onOpenChange(false),
+							children: copy.done
+						})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+								className: "text-agg-sm text-agg-primary underline",
+								href: "https://www.prophetx.co",
+								target: "_blank",
+								rel: "noopener noreferrer",
+								children: copy.instructions
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+								htmlFor: `${id}-access`,
+								className: "text-agg-sm text-agg-foreground",
+								children: copy.accessKey
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsx)("label", {
+								htmlFor: `${id}-secret`,
+								className: "text-agg-sm text-agg-foreground",
+								children: copy.secretKey
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsx)("p", {
+								role: "alert",
+								className: "text-agg-sm text-agg-error",
+								children: copy.error
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+								type: "submit",
+								disabled: busy || !accessKey.trim() || !secretKey.trim(),
+								children: pending ? copy.verifying : copy.verify
+							})
+						] }),
+						allowExistingConnection && onDisconnect ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							type: "button",
+							variant: "secondary",
+							disabled: busy,
+							onClick: async () => {
+								setDisconnecting(true);
+								setDisconnectError(false);
+								setError(false);
+								try {
+									await onDisconnect();
+									setAccessKey("");
+									setSecretKey("");
+									onOpenChange(false);
+								} catch {
+									setDisconnectError(true);
+								} finally {
+									setDisconnecting(false);
+								}
+							},
+							children: disconnecting ? copy.disconnecting : copy.disconnect
+						}) : null,
+						disconnectError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							role: "alert",
+							className: "text-agg-sm text-agg-error",
+							children: copy.disconnectError
+						}) : null
+					]
+				})]
+			})
+		})
+	});
+}
+//#endregion
+//#region src/onboarding/steps/connect-novig-modal.tsx
+function ConnectNovigModal({ open, onOpenChange, onVerify, onDisconnect, allowExistingConnection = false }) {
+	const copy = (0, _agg_build_hooks.useLabels)().onboarding.connectNovigModal;
+	const common = (0, _agg_build_hooks.useLabels)().common;
+	const { novigExecutionMode, disabledVenues, isLoading } = (0, _agg_build_hooks.useAppConfig)();
+	const id = (0, react.useId)();
+	const [keyId, setKeyId] = (0, react.useState)("");
+	const [privateKey, setPrivateKey] = (0, react.useState)("");
+	const [pending, setPending] = (0, react.useState)(false);
+	const [disconnecting, setDisconnecting] = (0, react.useState)(false);
+	const [disconnectError, setDisconnectError] = (0, react.useState)(false);
+	const busy = pending || disconnecting;
+	const [connected, setConnected] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (!open) {
+			setKeyId("");
+			setPrivateKey("");
+			setError(false);
+			setDisconnectError(false);
+			setConnected(false);
+		}
+	}, [open]);
+	if (isLoading || !allowExistingConnection && (novigExecutionMode !== "direct" || disabledVenues.includes(_agg_build_sdk.Venue.novig))) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal, {
+		open,
+		onOpenChange: (value) => {
+			if (!busy) onOpenChange(value);
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Container, {
+			maxWidth: "480px",
+			"aria-label": copy.title,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Body, {
+				classNames: { root: "relative !p-6" },
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Close, {
+					"aria-label": common.close,
+					disabled: busy,
+					className: "absolute right-4 top-4 cursor-pointer disabled:cursor-not-allowed",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+						name: "close",
+						size: "medium"
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+					className: "flex flex-col gap-4",
+					onSubmit: async (event) => {
+						event.preventDefault();
+						if (busy || !keyId.trim() || !privateKey.trim()) return;
+						setPending(true);
+						setError(false);
+						try {
+							await onVerify({
+								keyId: keyId.trim(),
+								privateKey: privateKey.trim()
+							});
+							setKeyId("");
+							setPrivateKey("");
+							setConnected(true);
+						} catch {
+							setError(true);
+						} finally {
+							setPending(false);
+						}
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.VenueLogo, {
+							venue: _agg_build_sdk.Venue.novig,
+							size: "large"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
+							className: "text-agg-xl font-agg-bold text-agg-foreground",
+							children: copy.title
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, {
+							className: "text-agg-sm text-agg-muted-foreground",
+							children: copy.description
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "text-agg-sm text-agg-muted-foreground",
+							children: copy.fundingNotice
+						}),
+						connected ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							role: "status",
+							children: copy.connected
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							type: "button",
+							onClick: () => onOpenChange(false),
+							children: copy.done
+						})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+								className: "text-agg-sm text-agg-primary underline",
+								href: "https://docs.novig.com/api/quickstart",
+								target: "_blank",
+								rel: "noopener noreferrer",
+								children: copy.instructions
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+								htmlFor: `${id}-access`,
+								className: "text-agg-sm text-agg-foreground",
+								children: copy.keyId
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("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: keyId,
+								onChange: (e) => setKeyId(e.target.value),
+								disabled: busy,
+								required: true
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+								htmlFor: `${id}-secret`,
+								className: "text-agg-sm text-agg-foreground",
+								children: copy.privateKey
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								id: `${id}-secret`,
+								rows: 5,
+								autoComplete: "new-password",
+								spellCheck: false,
+								className: "rounded-agg-md border border-agg-border bg-agg-secondary p-3 text-agg-foreground",
+								value: privateKey,
+								onChange: (e) => setPrivateKey(e.target.value),
+								disabled: busy,
+								required: true
+							}),
+							error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								role: "alert",
+								className: "text-agg-sm text-agg-error",
+								children: copy.error
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+								type: "submit",
+								disabled: busy || !keyId.trim() || !privateKey.trim(),
+								children: pending ? copy.verifying : copy.verify
+							})
+						] }),
+						allowExistingConnection && onDisconnect ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							type: "button",
+							variant: "secondary",
+							disabled: busy,
+							onClick: async () => {
+								setDisconnecting(true);
+								setDisconnectError(false);
+								setError(false);
+								try {
+									await onDisconnect();
+									setKeyId("");
+									setPrivateKey("");
+									onOpenChange(false);
+								} catch {
+									setDisconnectError(true);
+								} finally {
+									setDisconnecting(false);
+								}
+							},
+							children: disconnecting ? copy.disconnecting : copy.disconnect
+						}) : null,
+						disconnectError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							role: "alert",
+							className: "text-agg-sm text-agg-error",
+							children: copy.disconnectError
+						}) : null
+					]
+				})]
+			})
+		})
+	});
+}
+//#endregion
+//#region src/pages/user-profile/components/betdex-account-transfers.tsx
+function hostedWithdrawalRaw(value) {
+	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((match[2] ?? "").padEnd(6, "0"));
+	return raw > BigInt(0) ? raw.toString() : null;
+}
+const 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 = (0, _agg_build_hooks.useLabels)().userProfile.hostedBetdex;
+	const transfer = (0, _agg_build_hooks.useHostedVenueTransfers)(accountId, environment);
+	const [showWithdraw, setShowWithdraw] = (0, react.useState)(false);
+	const wallet = (0, _agg_build_hooks.useDepositAddresses)({ enabled: transfer.isAvailable && environment === "production" && showWithdraw });
+	const [amount, setAmount] = (0, react.useState)("");
+	const [destination, setDestination] = (0, react.useState)("");
+	const [actionError, setActionError] = (0, react.useState)(false);
+	const raw = hostedWithdrawalRaw(amount);
+	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?.status === "confirmed" || result?.status === "failed";
+	const run = (work) => {
+		setActionError(false);
+		work().catch(() => setActionError(true));
+	};
+	if (!transfer.isAvailable) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-3 border-t border-agg-separator pt-3",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap gap-2",
+				children: [
+					canDeposit && environment === "production" && onWalletDeposit ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+						type: "button",
+						variant: "secondary",
+						size: "small",
+						disabled: transfer.deposit.isPending,
+						isLoading: transfer.deposit.isPending,
+						onClick: () => run(async () => {
+							onWalletDeposit((await transfer.deposit.mutateAsync()).result.address);
+						}),
+						children: labels.fromWallet
+					}) : null,
+					canDeposit ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.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__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+						type: "button",
+						variant: "secondary",
+						size: "small",
+						"aria-expanded": showWithdraw || !!transfer.request,
+						onClick: () => setShowWithdraw((value) => !value),
+						children: labels.withdraw
+					})
+				]
+			}),
+			transfer.deposit.data ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-2 agg-type-caption",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-agg-muted-foreground",
+					children: labels.depositInstructions[environment]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: "flex flex-col gap-1 text-agg-muted-foreground",
+					children: [labels.depositAddress, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				className: "agg-type-caption text-agg-error",
+				children: labels.transferUnavailable
+			}) : null,
+			transfer.request ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-2 agg-type-caption",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", { children: [
+						labels.withdrawalAmount,
+						": ",
+						amountText(transfer.request.amountRaw)
+					] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: "break-all",
+						children: [
+							labels.withdrawalDestination,
+							": ",
+							transfer.request.destinationAddress
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						role: "status",
+						children: result ? labels.withdrawalStatuses[result.status] : labels.withdrawalUnknown
+					}),
+					terminal ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+						type: "button",
+						variant: "tertiary",
+						size: "small",
+						onClick: () => {
+							transfer.clear();
+							setAmount("");
+							setDestination("");
+							setActionError(false);
+							setShowWithdraw(false);
+						},
+						children: labels.withdrawalNew
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.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__ */ (0, react_jsx_runtime.jsxs)("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__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex flex-col gap-1 agg-type-caption text-agg-muted-foreground",
+						children: [labels.withdrawalAmount, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							inputMode: "decimal",
+							autoComplete: "off",
+							value: amount,
+							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__ */ (0, react_jsx_runtime.jsx)(require_primitives.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__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex flex-col gap-1 agg-type-caption text-agg-muted-foreground",
+						children: [labels.withdrawalDestination, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsx)(require_primitives.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
+		]
+	});
+}
+//#endregion
+//#region src/pages/user-profile/components/betdex-account-activity.tsx
+/** Preserve sub-micro ledger dust; no floating-point arithmetic or rounded zero. */
+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 = (0, _agg_build_hooks.useLabels)().userProfile.hostedBetdex;
+	const [page, setPage] = (0, react.useState)(0);
+	const { activity, isAvailable } = (0, _agg_build_hooks.useHostedVenueActivity)("betdex", page);
+	if (!isAvailable) return null;
+	const data = activity.data;
+	const valid = data?.accountId === accountId && data.environment === environment && data.page === page;
+	const unavailable = activity.isError || !!data && !valid;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		"aria-label": labels.activityTitle,
+		className: "flex flex-col gap-3 border-t border-agg-separator pt-3",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+				className: "agg-type-label text-agg-foreground",
+				children: labels.activityTitle
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "agg-type-caption text-agg-muted-foreground",
+				children: labels.activityDescription
+			}),
+			activity.isPending ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.SkeletonBlock, { className: "h-16 w-full" }) : null,
+			unavailable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "status",
+				className: "agg-type-caption text-agg-muted-foreground",
+				children: labels.activityUnavailable
+			}) : null,
+			valid && !unavailable ? data.items.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				className: "flex flex-col gap-3 agg-type-caption",
+				children: data.items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex justify-between gap-3 text-agg-foreground",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: labels.activityCodes[item.code] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "break-all tabular-nums",
+							children: [
+								amount(item.amountRaw),
+								" ",
+								data.asset
+							]
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
+						dateTime: item.createdAt,
+						className: "text-agg-muted-foreground",
+						children: new Date(item.createdAt).toLocaleString()
+					})]
+				}, item.id))
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "agg-type-caption text-agg-muted-foreground",
+				children: labels.activityEmpty
+			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap gap-2",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+						type: "button",
+						variant: "tertiary",
+						size: "small",
+						disabled: activity.isFetching || page === 0,
+						onClick: () => setPage((value) => Math.max(0, value - 1)),
+						children: labels.activityPrevious
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.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__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+						type: "button",
+						variant: "tertiary",
+						size: "small",
+						disabled: activity.isFetching,
+						onClick: () => {
+							activity.refetch();
+						},
+						children: labels.activityRefresh
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/pages/user-profile/components/betdex-account-card.tsx
+/** Hosted venue cash must never be presented as a signing-wallet chain balance. */
+function BetdexAccountCard({ onWalletDeposit } = {}) {
+	const [showActivity, setShowActivity] = (0, react.useState)(false);
+	const labels = (0, _agg_build_hooks.useLabels)().userProfile.hostedBetdex;
+	const { account, provision, isAvailable } = (0, _agg_build_hooks.useHostedVenueAccount)("betdex");
+	const data = account.data;
+	if (!isAvailable || data?.status === "disabled") return null;
+	const pending = provision.isPending || data?.status === "provisioning";
+	const canCreate = data?.status === "not_created" && data.provisioningEnabled;
+	const rawLabel = (raw) => require_primitives.formatUsd(Number(raw) / 1e6);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("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__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.VenueLogo, {
+					venue: _agg_build_sdk.Venue.betdex,
+					size: "small",
+					className: "size-4"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+					className: "agg-type-label text-agg-foreground",
+					children: labels.title
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "agg-type-caption text-agg-muted-foreground",
+				children: labels.description
+			}),
+			data?.environment === "sandbox" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "agg-type-caption text-agg-warning",
+				children: labels.sandbox
+			}) : null,
+			account.isPending ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.SkeletonBlock, { className: "h-10 w-full" }) : null,
+			data?.status === "active" && data.balanceStatus === "available" && data.balance && !account.isError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex justify-between gap-3",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
+						className: "text-agg-muted-foreground",
+						children: label
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
+						className: "text-agg-foreground",
+						children: rawLabel(raw)
+					})]
+				}, label))
+			}) : null,
+			pending ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "status",
+				className: "agg-type-caption text-agg-muted-foreground",
+				children: labels.provisioning
+			}) : null,
+			data?.status === "suspended" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "status",
+				className: "agg-type-caption text-agg-muted-foreground",
+				children: labels.suspended
+			}) : null,
+			account.isError || data?.status === "unavailable" || data?.balanceStatus === "unavailable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "status",
+				className: "agg-type-caption text-agg-muted-foreground",
+				children: labels.unavailable
+			}) : null,
+			data?.status === "not_created" && !data.provisioningEnabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "agg-type-caption text-agg-muted-foreground",
+				children: labels.provisioningUnavailable
+			}) : null,
+			provision.isError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				className: "agg-type-caption text-agg-error",
+				children: labels.creationFailed
+			}) : null,
+			canCreate || data?.status === "provisioning" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+				type: "button",
+				"aria-label": data?.status === "provisioning" ? labels.checkSetup : labels.createAccount,
+				variant: "secondary",
+				size: "small",
+				isLoading: provision.isPending,
+				disabled: provision.isPending || account.isError,
+				onClick: () => provision.mutate(),
+				children: data?.status === "provisioning" ? labels.checkSetup : labels.createAccount
+			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+				type: "button",
+				variant: "tertiary",
+				size: "small",
+				disabled: account.isFetching || provision.isPending,
+				onClick: () => {
+					account.refetch();
+				},
+				children: labels.refresh
+			}),
+			data?.accountId && data.environment && ["active", "suspended"].includes(data.status) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+					className: "group/agg-betdex-funds border-t border-agg-separator pt-3",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("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__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+							name: "chevron-down",
+							size: "small",
+							className: "transition-transform group-open/agg-betdex-funds:rotate-180"
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BetdexAccountTransfers, {
+						accountId: data.accountId,
+						environment: data.environment,
+						availableRaw: data.balanceStatus === "available" ? data.balance?.availableRaw : void 0,
+						canDeposit: data.status === "active",
+						onWalletDeposit
+					}, `transfers:${data.accountId}:${data.environment}`)]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+					type: "button",
+					variant: "tertiary",
+					size: "small",
+					"aria-expanded": showActivity,
+					onClick: () => setShowActivity((shown) => !shown),
+					children: showActivity ? labels.hideActivity : labels.showActivity
+				}),
+				showActivity ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BetdexAccountActivity, {
+					accountId: data.accountId,
+					environment: data.environment
+				}, `${data.accountId}:${data.environment}`) : null
+			] }) : null
+		]
+	});
+}
+//#endregion
+//#region src/shared/constants.ts
+const USDC = {
+	value: "USDC",
+	label: "USDC",
+	iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdc.svg"
+};
+const 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]
+	}
+];
+/** Map local SUPPORTED_NETWORKS to Select items with iconUrl. */
+const mapNetworksToOptions = () => {
+	return SUPPORTED_NETWORKS.map((n) => ({
+		value: n.value,
+		label: n.label,
+		iconUrl: n.iconUrl
+	}));
+};
+const USDC_ICON_URL = "https://assets.snagsolutions.io/public/web/icons/usdc.svg";
+/** Default currency options shown when the caller does not provide any. */
+const 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"
+	},
+	{
+		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"
+	}
+];
+/** Add iconUrl to token options when missing, based on DEFAULT_CURRENCY_OPTIONS. */
+const withTokenIcons = (options) => {
+	const byValue = new Map(DEFAULT_CURRENCY_OPTIONS.map((o) => [o.value, o.iconUrl]));
+	return options.map((o) => o.iconUrl ? o : {
+		...o,
+		iconUrl: byValue.get(o.value)
+	});
+};
+/** Maps numeric EIP-155 chain IDs to the slug values used in SUPPORTED_NETWORKS. */
+const 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"
+};
+/** Add iconUrl to network options when missing, resolved via chain ID or slug. */
+const withNetworkIcons = (options) => {
+	const bySlug = new Map(SUPPORTED_NETWORKS.map((n) => [n.value, n.iconUrl]));
+	return options.map((o) => {
+		const slug = CHAIN_ID_TO_SLUG[o.value] ?? o.value;
+		return {
+			...o,
+			iconUrl: o.iconUrl ?? bySlug.get(slug)
+		};
+	});
+};
+/** Merge two option arrays by value (preserving caller order, then filling from defaults). */
+const mergeSelectOptionsUnique = (base, fill) => {
+	const seen = /* @__PURE__ */ new Set();
+	const out = [];
+	for (const opt of 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;
+};
+//#endregion
+//#region src/withdraw/steps/withdraw-method.tsx
+const WithdrawMethodStep = ({ balance, onSelectMethod }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Header, {
+		title: labels.withdraw.title,
+		hideBorder: true
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Body, {
+		classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-5",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				className: "agg-type-body text-agg-foreground",
+				children: [
+					labels.withdraw.balancePrefix,
+					" ",
+					require_primitives.formatCompactUsd(balance)
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_primitives.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__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "agg-type-body-strong text-agg-foreground",
+							children: labels.withdraw.methods.walletTitle
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "agg-type-label text-agg-muted-foreground",
+							children: labels.withdraw.methods.walletDescription
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "shrink-0 text-agg-muted-foreground",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.ChevronRightIcon, { className: "h-5 w-5" })
+					})
+				]
+			})]
+		})
+	})] });
+};
+//#endregion
+//#region src/shared/transfer-fee-summary.tsx
+const separator = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	className: "text-agg-muted-foreground",
+	"aria-hidden": "true",
+	children: "·"
+});
+const normalizeFeeLabel = (label) => label.replace(/\s*~\s*$/, "");
+const TransferFeeSummary = ({ estimate, view, minDeposit, eta }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	if (!estimate) return null;
+	if (view === "deposit") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+		className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground",
+		children: [
+			minDeposit ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+				labels.deposit.sendCrypto.minDepositPrefix,
+				" ",
+				minDeposit
+			] }) : null,
+			minDeposit ? separator : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+				normalizeFeeLabel(labels.deposit.walletFlow.feePrefix),
+				": ",
+				estimate.estimatedFees
+			] }),
+			eta ? separator : null,
+			eta ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: eta }) : null
+		]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "agg-type-label flex flex-wrap items-center gap-x-2 gap-y-1 text-agg-foreground",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+				labels.withdraw.walletFlow.estimatedFees,
+				": ",
+				estimate.estimatedFees
+			] }),
+			separator,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "inline-flex items-center gap-1",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+					labels.withdraw.walletFlow.networkReserve,
+					": ",
+					estimate.networkReserve
+				] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Tooltip, {
+					"aria-label": labels.withdraw.walletFlow.networkReserveTooltipAria,
+					size: "medium",
+					content: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "text-center",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: labels.withdraw.walletFlow.networkReserveTooltipLineOne }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+				labels.withdraw.walletFlow.youReceive,
+				": ",
+				estimate.youReceive
+			] })
+		]
+	});
+};
+//#endregion
+//#region src/withdraw/steps/withdraw-amount.tsx
+/** Converts a raw integer string (e.g. "1000000") to a decimal string ("1.000000"). */
+const formatRawTokenAmount$1 = (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+$/, "")}`;
+};
+/** Converts a human-readable decimal string to a raw integer string, or null if invalid. */
+const parseTokenAmountToRaw = (amount, decimals) => {
+	const normalizedAmount = amount.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 {
+		return null;
+	}
+};
+const WithdrawAmountStep = ({ title, fixedDestination = false, amount, destinationWallet, balanceDisplay, tokenOptions, networkOptions, selectedToken, selectedNetwork, destDecimals, isConfirming = false, error, max = false, onBack, onAmountChange, onDestinationChange, onTokenChange, onNetworkChange, onMaxClick, onContinue }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const isSolanaDest = selectedNetwork === "792703809";
+	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(amount) > 0 && isValidAddress;
+	const amountRaw = amount && Number(amount) > 0 ? parseTokenAmountToRaw(amount, destDecimals) : null;
+	const destinationChainId = Number(selectedNetwork) || null;
+	const preview = (0, _agg_build_hooks.useWithdrawPreview)({
+		amountRaw,
+		tokenSymbol: selectedToken || null,
+		destinationChainId,
+		destinationAddress: trimmedDestination || null,
+		max
+	});
+	const previewUnviable = preview.data?.pricingStatus === "unviable";
+	const previewUnviableMessage = previewUnviable ? preview.data?.maxDeliverableRaw != null && BigInt(preview.data.maxDeliverableRaw) > BigInt(0) ? `Amount exceeds your withdrawable balance. Max: ~${formatRawTokenAmount$1(preview.data.maxDeliverableRaw, destDecimals)} ${selectedToken}` : preview.data?.unviableReason ?? "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$1(preview.data.feeRaw, destDecimals)} ${selectedToken}` : "—",
+		networkReserve: preview.data.networkFeeRaw != null ? `~${formatRawTokenAmount$1(preview.data.networkFeeRaw, destDecimals)} ${selectedToken}` : "—",
+		youReceive: preview.data.receiveAmountRaw != null ? `~${formatRawTokenAmount$1(preview.data.receiveAmountRaw, destDecimals)} ${selectedToken}` : "—"
+	} : null;
+	/**
+	* Only show withdraw estimate if the backend returned a valid quoted preview.
+	*/
+	const shouldShowWithdrawEstimate = Boolean(withdrawEstimate);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Header, {
+		title: title ?? labels.withdraw.walletFlow.title,
+		hideBorder: true,
+		leftElement: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsx)(require_primitives.ChevronLeftIcon, { className: "h-6 w-6" })
+		})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Body, {
+		classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-5",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-5",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col gap-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "agg-type-label-strong text-agg-foreground",
+								children: labels.withdraw.walletFlow.recipientAddressLabel
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "text",
+								"aria-label": labels.withdraw.walletFlow.recipientAddressLabel,
+								className: require_primitives.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col gap-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "agg-type-label-strong text-agg-foreground",
+									children: labels.withdraw.walletFlow.amountLabel
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+									className: "agg-type-label text-agg-muted-foreground",
+									children: [
+										labels.withdraw.balancePrefix,
+										" ",
+										balanceDisplay
+									]
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("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__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "text",
+										inputMode: "decimal",
+										"aria-label": labels.withdraw.walletFlow.amountLabel,
+										className: require_primitives.cn("agg-type-body flex-1 min-w-0 bg-transparent outline-none", Number(amount) > 0 ? "text-agg-foreground" : "text-agg-muted-foreground"),
+										placeholder: "0.00",
+										value: amount,
+										onChange: (e) => onAmountChange(e.target.value)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "agg-type-body text-agg-muted-foreground shrink-0",
+										children: selectedToken
+									}),
+									onMaxClick ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col gap-3 sm:flex-row sm:gap-5",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex-1 flex flex-col gap-2 min-w-0",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "agg-type-label-strong text-agg-foreground",
+									children: labels.withdraw.walletFlow.tokenLabel
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Select, {
+									items: tokenOptions,
+									disabled: fixedDestination,
+									value: selectedToken,
+									onChange: onTokenChange,
+									ariaLabel: labels.withdraw.walletFlow.tokenLabel
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex-1 flex flex-col gap-2 min-w-0",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "agg-type-label-strong text-agg-foreground",
+									children: labels.withdraw.walletFlow.networkLabel
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Select, {
+									items: networkOptions,
+									disabled: fixedDestination,
+									value: selectedNetwork,
+									onChange: onNetworkChange,
+									ariaLabel: labels.withdraw.walletFlow.networkLabel
+								})]
+							})]
+						}),
+						shouldShowWithdrawEstimate && withdrawEstimate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TransferFeeSummary, {
+							estimate: withdrawEstimate,
+							view: "withdraw"
+						}) : null,
+						previewUnviableMessage ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "agg-type-label text-agg-error",
+							role: "alert",
+							children: previewUnviableMessage
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+					variant: isValid && !isConfirming && !previewUnviable && !previewLoading ? "primary" : "secondary",
+					size: "large",
+					className: "w-full",
+					disabled: isDisabled,
+					prefix: previewLoading && !isConfirming ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.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__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "agg-type-label text-agg-error text-center",
+					role: "alert",
+					children: error
+				}) : null
+			]
+		})
+	})] });
+};
+//#endregion
+//#region src/withdraw/steps/withdraw-success.tsx
+const SummaryRow = ({ label, value }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	className: "flex items-center justify-between gap-4 border-b border-agg-separator py-2 last:border-b-0",
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: "min-w-0 text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground",
+		children: label
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: "min-w-0 text-right text-[14px] leading-5 text-agg-foreground",
+		children: value
+	})]
+});
+const WithdrawCloseButton = ({ onClose, label }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsx)(require_primitives.CloseIcon, { className: "h-6 w-6" })
+});
+const LoadingGlyph = ({ className, enableAnimations }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	"aria-hidden": "true",
+	className: require_primitives.cn("inline-block rounded-full border-2 border-current border-r-transparent", require_primitives.getMotionClassName(enableAnimations, "animate-spin"), className)
+});
+const loadingActiveIndexFor = (state) => {
+	if (state.status === "transferring") return 2;
+	if (state.status === "bridging") return 1;
+	return 0;
+};
+const 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
+	}
+];
+const WithdrawLoadingStep = ({ lifecycleState, onClose }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const { features: { enableAnimations } } = (0, _agg_build_hooks.useSdkUiConfig)();
+	const walletFlowLabels = labels.withdraw.walletFlow;
+	const activeIndex = loadingActiveIndexFor(lifecycleState);
+	const loadingSteps = getLoadingSteps(walletFlowLabels);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "relative",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Body, {
+			classNames: { root: "px-8 py-7" },
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-7",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-center justify-between gap-4",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground",
+							children: walletFlowLabels.successTitle
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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__ */ (0, react_jsx_runtime.jsx)(require_primitives.CloseIcon, { className: "h-6 w-6" })
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("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;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-3",
+								children: [
+									isComplete ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+										name: "check-circle",
+										size: "small",
+										className: "h-4 w-4 shrink-0 text-agg-primary",
+										"aria-hidden": "true"
+									}) : null,
+									isActive ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoadingGlyph, {
+										enableAnimations,
+										className: "h-4 w-4 shrink-0 text-agg-primary"
+									}) : null,
+									!isComplete && !isActive ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										"aria-hidden": "true",
+										className: "h-4 w-4 shrink-0 rounded-full border border-agg-separator"
+									}) : null,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: require_primitives.cn("min-w-0 flex-1 text-agg-base leading-agg-6", isActive || isComplete ? "text-agg-foreground" : "text-agg-muted-foreground"),
+										children: step.label
+									})
+								]
+							}, step.id);
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-agg-sm leading-agg-5 text-agg-foreground",
+						children: walletFlowLabels.loadingDescription
+					})
+				]
+			})
+		})
+	});
+};
+const 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)
+	};
+};
+const WithdrawSuccessStep = ({ summary, tokenSymbol, requestedWithdrawal, resultStatus, errorMessage, onDone, onRetry, onClose }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const walletFlowLabels = labels.withdraw.walletFlow;
+	const { title, description } = resultCopyFor({
+		status: resultStatus,
+		tokenSymbol,
+		labels: walletFlowLabels
+	});
+	const isFailed = resultStatus === "failed";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "relative",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Body, {
+			classNames: { root: "px-10 py-12" },
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WithdrawCloseButton, {
+				onClose,
+				label: labels.common.close
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col items-center justify-center gap-8 text-center",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: require_primitives.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__ */ (0, react_jsx_runtime.jsx)(require_primitives.CloseIcon, { className: "h-6 w-6 text-agg-error" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex w-full flex-col items-center gap-3 text-center text-agg-foreground",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "text-agg-2xl leading-agg-8 font-agg-bold",
+							children: title
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "max-w-[400px] text-agg-base leading-agg-6",
+							"data-withdraw-result-status": resultStatus,
+							children: errorMessage && isFailed ? errorMessage : description
+						})]
+					}),
+					!isFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("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__ */ (0, react_jsx_runtime.jsx)(SummaryRow, {
+								label: walletFlowLabels.summary.requestedWithdrawal,
+								value: requestedWithdrawal
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryRow, {
+								label: walletFlowLabels.summary.amountReceived,
+								value: summary.amountReceived
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryRow, {
+								label: walletFlowLabels.summary.fees,
+								value: summary.fees
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryRow, {
+								label: walletFlowLabels.summary.network,
+								value: summary.network
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryRow, {
+								label: walletFlowLabels.summary.toWallet,
+								value: summary.toWallet
+							})
+						]
+					}) : null,
+					isFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-center justify-center gap-3",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							variant: "secondary",
+							size: "large",
+							className: "w-[120px]",
+							onClick: onClose,
+							children: walletFlowLabels.close
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							variant: "primary",
+							size: "large",
+							className: "w-[123px]",
+							onClick: onRetry,
+							children: walletFlowLabels.retry
+						})]
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+						variant: "secondary",
+						size: "large",
+						className: "w-[120px]",
+						onClick: onDone,
+						children: labels.withdraw.done
+					})
+				]
+			})]
+		})
+	});
+};
+//#endregion
+//#region src/withdraw/index.tsx
+const DEFAULT_TOKEN_DECIMALS = 6;
+const TOKEN_DECIMALS_BY_SYMBOL = {
+	BNB: 18,
+	ETH: 18,
+	MATIC: 18,
+	POL: 18,
+	WETH: 18,
+	USDC: 6,
+	USDT: 6
+};
+const TOKEN_DECIMALS_BY_CHAIN_AND_SYMBOL = { "56": {
+	USDC: 18,
+	USDT: 18
+} };
+const getTokenDecimals = (tokenSymbol, chainId) => {
+	const normalizedSymbol = tokenSymbol.trim().toUpperCase();
+	const normalizedChainId = chainId?.trim();
+	if (normalizedChainId) {
+		const chainTokenDecimals = TOKEN_DECIMALS_BY_CHAIN_AND_SYMBOL[normalizedChainId]?.[normalizedSymbol];
+		if (chainTokenDecimals != null) return chainTokenDecimals;
+	}
+	return TOKEN_DECIMALS_BY_SYMBOL[normalizedSymbol] ?? DEFAULT_TOKEN_DECIMALS;
+};
+const formatRawTokenAmount = (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+$/, "")}`;
+};
+const formatLifecycleTokenAmount = ({ rawAmount, tokenSymbol, chainId }) => `${formatRawTokenAmount(rawAmount, getTokenDecimals(tokenSymbol, chainId))} ${tokenSymbol}`;
+const 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 {
+		feeRaw = null;
+	}
+	return {
+		...fallbackSummary,
+		amountReceived,
+		...feeRaw != null ? { fees: formatLifecycleTokenAmount({
+			rawAmount: feeRaw,
+			tokenSymbol,
+			chainId
+		}) } : {}
+	};
+};
+function isControlledWithdrawModalProps(props) {
+	return "withdrawFlow" in props;
+}
+function WithdrawModalSelfDriven({ open, onOpenChange }) {
+	const withdrawProps = (0, _agg_build_hooks_withdraw.useWithdrawFlow)({
+		open,
+		onOpenChange
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WithdrawModalControlled, { ...withdrawProps });
+}
+function WithdrawModalControlled({ open, onOpenChange, withdrawFlow, transferTarget, onWithdrawDestinationChange, onWithdrawAmountChange, onWithdrawTokenChange, onWithdrawNetworkChange, onMaxClick, onSelectWithdrawProvider, onDoneWithdraw }) {
+	const initialFormStep = transferTarget ? "withdraw-amount" : "method";
+	const [flowState, setFlowState] = (0, react.useState)({
+		status: "form",
+		formStep: initialFormStep
+	});
+	const [isConfirming, setIsConfirming] = (0, react.useState)(false);
+	const [confirmError, setConfirmError] = (0, react.useState)(null);
+	const { state: withdrawalLifecycleState, reset: resetWithdrawalLifecycle } = (0, _agg_build_hooks_withdraw.useWithdrawalLifecycle)(withdrawFlow.withdrawalId);
+	(0, react.useEffect)(() => {
+		if (!open) {
+			setFlowState({
+				status: "form",
+				formStep: initialFormStep
+			});
+			setIsConfirming(false);
+			setConfirmError(null);
+			resetWithdrawalLifecycle();
+		}
+	}, [
+		open,
+		resetWithdrawalLifecycle,
+		initialFormStep
+	]);
+	(0, react.useEffect)(() => {
+		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 () => {
+		if (isConfirming || transferTarget && (withdrawFlow.destinationWallet !== transferTarget.address || withdrawFlow.selectedNetwork !== transferTarget.chainId || withdrawFlow.selectedToken !== transferTarget.tokenSymbol)) return;
+		setFlowState({ status: "loading" });
+		setIsConfirming(true);
+		setConfirmError(null);
+		try {
+			await 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__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Container, {
+			maxWidth: modalMaxWidth,
+			"aria-label": transferTarget?.title ?? "Withdraw",
+			children: [
+				flowState.status === "form" && flowState.formStep === "method" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WithdrawMethodStep, {
+					balance: withdrawFlow.balance,
+					onSelectMethod: () => setFlowState({
+						status: "form",
+						formStep: "withdraw-amount"
+					})
+				}) : null,
+				flowState.status === "form" && flowState.formStep === "withdraw-amount" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WithdrawAmountStep, {
+					title: 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__ */ (0, react_jsx_runtime.jsx)(WithdrawLoadingStep, {
+					lifecycleState: withdrawalLifecycleState,
+					onClose: () => handleOpenChange(false)
+				}) : null,
+				flowState.status === "success" || flowState.status === "partial_success" || flowState.status === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WithdrawSuccessStep, {
+					summary: terminalSummary,
+					tokenSymbol: withdrawFlow.selectedToken,
+					requestedWithdrawal,
+					resultStatus,
+					errorMessage: flowState.status === "failed" ? flowState.errorMessage : null,
+					onDone: onDoneWithdraw,
+					onRetry: handleRetry,
+					onClose: () => handleOpenChange(false)
+				}) : null
+			]
+		})
+	});
+}
+const WithdrawModal = (props) => {
+	if (isControlledWithdrawModalProps(props)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WithdrawModalControlled, { ...props });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WithdrawModalSelfDriven, { ...props });
+};
+WithdrawModal.displayName = "WithdrawModal";
+//#endregion
+//#region src/pages/user-profile/components/betdex-wallet-deposit.tsx
+/** Move the user's managed cash through the normal bridge/withdrawal pipeline
+* to their verified BETDEX deposit address. Only confirmation submits money. */
+function BetdexWalletDeposit({ address, onClose }) {
+	const labels = (0, _agg_build_hooks.useLabels)().userProfile.hostedBetdex;
+	const flow = (0, _agg_build_hooks_withdraw.useWithdrawFlow)({
+		open: true,
+		onOpenChange: (open) => {
+			if (!open) onClose();
+		}
+	});
+	const { onWithdrawDestinationChange, onWithdrawNetworkChange, onWithdrawTokenChange } = flow;
+	(0, react.useEffect)(() => {
+		onWithdrawDestinationChange(address);
+		onWithdrawNetworkChange("792703809");
+		onWithdrawTokenChange("USDC");
+	}, [
+		address,
+		onWithdrawDestinationChange,
+		onWithdrawNetworkChange,
+		onWithdrawTokenChange
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WithdrawModal, {
+		...flow,
+		transferTarget: {
+			title: labels.transferToBetdex,
+			address,
+			chainId: "792703809",
+			tokenSymbol: "USDC"
+		}
+	});
+}
+//#endregion
+//#region src/trading/manage-betdex-account-modal.tsx
+/** Reuse the account controls without treating hosted cash as wallet cash. */
+function ManageBetdexAccountModal({ open, onOpenChange, userId }) {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const [fundingTarget, setFundingTarget] = (0, react.useState)(null);
+	const currentTarget = fundingTarget?.userId === userId ? fundingTarget : null;
+	(0, react.useEffect)(() => {
+		if (!open) setFundingTarget(null);
+	}, [open]);
+	(0, react.useEffect)(() => setFundingTarget(null), [userId]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal, {
+		open: open && !currentTarget,
+		onOpenChange,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Container, {
+			maxWidth: "600px",
+			"aria-label": labels.trading.manageBetdexAccount,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.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__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+					name: "close",
+					size: "medium"
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Body, {
+				classNames: { root: "!px-5 !py-16" },
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
+						className: "sr-only",
+						children: labels.trading.manageBetdexAccount
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, {
+						className: "sr-only",
+						children: labels.userProfile.hostedBetdex.description
+					}),
+					open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BetdexAccountCard, { onWalletDeposit: userId ? (address) => setFundingTarget({
+						userId,
+						address
+					}) : void 0 }) : null
+				]
+			})]
+		})
+	}), open && currentTarget ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BetdexWalletDeposit, {
+		address: currentTarget.address,
+		onClose: () => setFundingTarget(null)
+	}, currentTarget.userId) : null] });
+}
+//#endregion
+Object.defineProperty(exports, "ConnectKalshiModal", {
+	enumerable: true,
+	get: function() {
+		return ConnectKalshiModal;
+	}
+});
+Object.defineProperty(exports, "ConnectNovigModal", {
+	enumerable: true,
+	get: function() {
+		return ConnectNovigModal;
+	}
+});
+Object.defineProperty(exports, "ConnectProphetxModal", {
+	enumerable: true,
+	get: function() {
+		return ConnectProphetxModal;
+	}
+});
+Object.defineProperty(exports, "DEFAULT_CURRENCY_OPTIONS", {
+	enumerable: true,
+	get: function() {
+		return DEFAULT_CURRENCY_OPTIONS;
+	}
+});
+Object.defineProperty(exports, "GeoBlockBanner", {
+	enumerable: true,
+	get: function() {
+		return GeoBlockBanner;
+	}
+});
+Object.defineProperty(exports, "ManageBetdexAccountModal", {
+	enumerable: true,
+	get: function() {
+		return ManageBetdexAccountModal;
+	}
+});
+Object.defineProperty(exports, "SharedKycModal", {
+	enumerable: true,
+	get: function() {
+		return SharedKycModal;
+	}
+});
+Object.defineProperty(exports, "TransferFeeSummary", {
+	enumerable: true,
+	get: function() {
+		return TransferFeeSummary;
+	}
+});
+Object.defineProperty(exports, "WithdrawModal", {
+	enumerable: true,
+	get: function() {
+		return WithdrawModal;
+	}
+});
+Object.defineProperty(exports, "buildTerminalSummary", {
+	enumerable: true,
+	get: function() {
+		return buildTerminalSummary;
+	}
+});
+Object.defineProperty(exports, "dispatchAggDepositNotification", {
+	enumerable: true,
+	get: function() {
+		return dispatchAggDepositNotification;
+	}
+});
+Object.defineProperty(exports, "mapNetworksToOptions", {
+	enumerable: true,
+	get: function() {
+		return mapNetworksToOptions;
+	}
+});
+Object.defineProperty(exports, "mergeSelectOptionsUnique", {
+	enumerable: true,
+	get: function() {
+		return mergeSelectOptionsUnique;
+	}
+});
+Object.defineProperty(exports, "subscribeAggDepositNotification", {
+	enumerable: true,
+	get: function() {
+		return subscribeAggDepositNotification;
+	}
+});
+Object.defineProperty(exports, "withNetworkIcons", {
+	enumerable: true,
+	get: function() {
+		return withNetworkIcons;
+	}
+});
+Object.defineProperty(exports, "withTokenIcons", {
+	enumerable: true,
+	get: function() {
+		return withTokenIcons;
+	}
+});