@agg-build/ui 4.26.0 → 4.27.0

package/dist/modals-CSexQO1C.js

@@ -0,0 +1,3077 @@
+"use client";
+const require_primitives = require("./primitives-CqxNeV7H.js");
+const require_manage_betdex_account_modal = require("./manage-betdex-account-modal-21ZVLsz0.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 _agg_build_hooks_deposit = require("@agg-build/hooks/deposit");
+let qrcode_react = require("qrcode.react");
+//#region src/paper-trading/paper-trading-badge.tsx
+/**
+* Header pill marking the whole app as simulated, with an explanatory tooltip.
+*
+* Figma node 4772:31077 — 10px bold uppercase in the app's primary colour on a
+* 10%-alpha primary fill, 12/4 padding, fully rounded. Rendered directly
+* rather than through the `Badge` primitive because Badge imposes its own
+* type scale and padding, which do not match this spec.
+*
+* Renders nothing until the app mode has resolved from `/app/config` —
+* flashing "PAPER TRADING" over a real-money app, even briefly, is the one
+* mistake here that would genuinely mislead someone about their funds.
+*/
+const PaperTradingBadge = ({ placement = "chip", isAuthenticated = false, forceVisible = false, label, showWhenAuthenticated = false, classNames }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const { isPaperMode, isResolving } = (0, _agg_build_hooks.useResolvedExecutionMode)();
+	if (!forceVisible && (isResolving || !isPaperMode)) return null;
+	if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) return null;
+	const placementClassName = {
+		brand: "inline-flex md:hidden",
+		chip: "inline-flex",
+		signedOut: "hidden md:inline-flex"
+	}[placement];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Tooltip, {
+		content: labels.paperTrading.badgeTooltip,
+		side: "bottom",
+		sideOffset: 3,
+		size: "small",
+		classNames: { content: require_primitives.cn("max-w-[253px]! px-3! py-2! text-agg-xs! leading-agg-4! text-center", classNames?.tooltip) },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_primitives.cn("agg-paper-trading-badge items-center", placementClassName, classNames?.root),
+			"data-testid": "agg-paper-trading-badge",
+			"data-placement": placement,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_primitives.cn("inline-flex items-center justify-center rounded-full", "px-3 py-1", "h-6 md:h-auto", "bg-agg-primary/10 text-agg-primary", "text-[10px] leading-[14px] font-agg-bold uppercase whitespace-nowrap", classNames?.pill),
+				children: label ?? labels.paperTrading.badge
+			})
+		})
+	});
+};
+PaperTradingBadge.displayName = "PaperTradingBadge";
+//#endregion
+//#region src/onboarding/onboarding-modal.constants.ts
+const HOW_IT_WORKS_FEATURE_KEYS = [
+	"createAccount",
+	"linkAccounts",
+	"bestPrices",
+	"stayInControl"
+];
+const ONBOARDING_STEPS = {
+	HOW_IT_WORKS: 0,
+	PROFILE_SETUP: 1,
+	CONNECT_ACCOUNTS: 2
+};
+const ONCHAIN_VENUES = [
+	_agg_build_sdk.Venue.polymarket,
+	_agg_build_sdk.Venue.opinion,
+	_agg_build_sdk.Venue.predict,
+	_agg_build_sdk.Venue.pred
+].filter(_agg_build_sdk.isVenueActive);
+//#endregion
+//#region src/onboarding/steps/how-it-works.tsx
+const defaultIcons = {
+	createAccount: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+	linkAccounts: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+	bestPrices: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+	stayInControl: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+};
+const HowItWorksStep = ({ onContinue, icons }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const scrollRef = (0, react.useRef)(null);
+	const [showTopGradient, setShowTopGradient] = (0, react.useState)(false);
+	const [showBottomGradient, setShowBottomGradient] = (0, react.useState)(true);
+	const handleScroll = (0, react.useCallback)(() => {
+		const el = scrollRef.current;
+		if (!el) return;
+		setShowTopGradient(el.scrollTop > 0);
+		setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6 h-[600px] sm:h-auto",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+				className: "text-center text-agg-2xl font-agg-bold text-agg-foreground",
+				children: labels.onboarding.howItWorks.title
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "relative flex-1 min-h-0 sm:flex-initial",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						ref: scrollRef,
+						onScroll: handleScroll,
+						className: "flex flex-col gap-4 overflow-y-auto sm:overflow-visible h-full",
+						children: HOW_IT_WORKS_FEATURE_KEYS.map((featureKey) => {
+							const icon = icons?.[featureKey] ?? defaultIcons[featureKey];
+							const feature = labels.onboarding.howItWorks.features[featureKey];
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: require_primitives.cn("flex items-center gap-4 py-4 px-5 sm:px-4", "rounded-agg-md", "bg-agg-secondary-hover"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "flex flex-col flex-1 min-w-0 gap-[6px]",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground",
+										children: feature.title
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: "text-agg-sm leading-agg-5 text-agg-foreground",
+										children: feature.description
+									})]
+								}), icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex",
+									children: icon
+								}) : null]
+							}, featureKey);
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: require_primitives.cn("pointer-events-none absolute inset-x-0 top-0 h-20", "bg-gradient-to-b from-agg-secondary to-transparent", "sm:hidden transition-opacity", showTopGradient ? "opacity-100" : "opacity-0") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: require_primitives.cn("pointer-events-none absolute inset-x-0 bottom-0 h-20", "bg-gradient-to-t from-agg-secondary to-transparent", "sm:hidden transition-opacity", showBottomGradient ? "opacity-100" : "opacity-0") })
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+				variant: "primary",
+				size: "large",
+				className: "w-full",
+				onClick: onContinue,
+				children: labels.onboarding.howItWorks.continue
+			})
+		]
+	});
+};
+HowItWorksStep.displayName = "HowItWorksStep";
+//#endregion
+//#region src/onboarding/steps/profile-setup.tsx
+const ProfileSetupStep = ({ onContinue }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const [username, setUsername] = (0, react.useState)("");
+	const [avatarFile, setAvatarFile] = (0, react.useState)();
+	const [avatarPreview, setAvatarPreview] = (0, react.useState)();
+	const fileInputRef = (0, react.useRef)(null);
+	const handleAvatarClick = (0, react.useCallback)(() => {
+		fileInputRef.current?.click();
+	}, []);
+	const handleFileChange = (0, react.useCallback)((e) => {
+		const file = e.target.files?.[0];
+		if (!file) return;
+		setAvatarFile(file);
+		const reader = new FileReader();
+		reader.onload = (event) => {
+			setAvatarPreview(event.target?.result);
+		};
+		reader.readAsDataURL(file);
+	}, []);
+	const handleContinue = (0, react.useCallback)(() => {
+		onContinue({
+			username,
+			avatarFile,
+			avatarPreview
+		});
+	}, [
+		username,
+		avatarFile,
+		avatarPreview,
+		onContinue
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-7",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+				className: "text-center text-agg-2xl font-agg-bold text-agg-foreground",
+				children: labels.onboarding.profileSetup.title
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-5 items-center w-full",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex justify-center",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						onClick: handleAvatarClick,
+						className: require_primitives.cn("group relative flex items-center justify-center", "h-[80px] w-[80px]", "rounded-agg-full", "bg-agg-secondary-hover", !avatarPreview && "hover:bg-agg-tertiary", "transition-colors cursor-pointer", "overflow-hidden"),
+						"aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
+						children: [!avatarPreview ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+							"aria-hidden": true,
+							viewBox: "0 0 80 80",
+							className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+								cx: "40",
+								cy: "40",
+								r: "39.5",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "1",
+								strokeDasharray: "8 8"
+							})
+						}) : null, avatarPreview ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.RemoteImage, {
+							src: avatarPreview,
+							alt: labels.onboarding.profileSetup.profilePreviewAlt,
+							className: "h-full w-full object-cover"
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						ref: fileInputRef,
+						type: "file",
+						accept: "image/*",
+						onChange: handleFileChange,
+						className: "hidden",
+						"aria-hidden": "true"
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-2 w-full",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+						htmlFor: "onboarding-username",
+						className: "text-agg-sm font-agg-bold text-agg-foreground",
+						children: labels.onboarding.profileSetup.usernameLabel
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						id: "onboarding-username",
+						type: "text",
+						value: username,
+						onChange: (e) => setUsername(e.target.value),
+						placeholder: labels.onboarding.profileSetup.usernamePlaceholder,
+						className: require_primitives.cn("w-full px-3 py-2.5", "rounded-[4px]", "border border-agg-separator", "bg-agg-secondary text-agg-foreground", "placeholder:text-agg-muted-foreground", "outline-none", "hover:bg-agg-secondary-hover", "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary", "transition-colors", "text-agg-sm sm:text-agg-base")
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+				variant: "primary",
+				size: "large",
+				className: "w-full",
+				onClick: handleContinue,
+				children: labels.onboarding.profileSetup.continue
+			})
+		]
+	});
+};
+ProfileSetupStep.displayName = "ProfileSetupStep";
+//#endregion
+//#region src/onboarding/steps/connect-accounts.tsx
+const OnchainVenueLogos = () => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex gap-1 sm:gap-0 sm:-space-x-5",
+		children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: { zIndex: ONCHAIN_VENUES.length - index },
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.VenueLogo, {
+				venue,
+				variant: "logo",
+				size: "medium",
+				className: "sm:h-8 sm:w-8"
+			})
+		}, venue))
+	});
+};
+const VenueCard = ({ logos, title, mobileTitle, description, mobileDescription, onConnect, connected = false }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const action = connected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+		variant: "tertiary",
+		size: "large",
+		className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+		onClick: onConnect,
+		children: labels.onboarding.connectAccounts.connect
+	});
+	const mobileAction = connected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+		variant: "tertiary",
+		size: "medium",
+		className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+		onClick: onConnect,
+		suffix: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.ChevronRightIcon, { className: "h-4 w-4" }),
+		children: labels.onboarding.connectAccounts.connectAccount
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_primitives.cn("rounded-agg-md p-5 transition-colors", connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "hidden sm:flex items-center justify-between",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-5",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "shrink-0",
+					children: logos
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-[2px]",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-agg-base font-agg-bold text-agg-foreground",
+						children: title
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-agg-sm text-agg-foreground",
+						children: description
+					})]
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "shrink-0",
+				children: action
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-3 sm:hidden",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-3",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "shrink-0",
+					children: logos
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-agg-lg font-agg-bold text-agg-foreground",
+					children: mobileTitle ?? title
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col items-start gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-agg-base text-agg-foreground",
+					children: mobileDescription ?? description
+				}), mobileAction]
+			})]
+		})]
+	});
+};
+const ConnectAccountsStep = ({ onConnectOnchain, onContinue, connectedOnchain = false }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const canContinue = connectedOnchain;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+				className: "text-center text-agg-2xl font-agg-bold text-agg-foreground",
+				children: labels.onboarding.connectAccounts.title
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex flex-col gap-4",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VenueCard, {
+					logos: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OnchainVenueLogos, {}),
+					title: labels.onboarding.connectAccounts.onchainTitle,
+					mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(ONCHAIN_VENUES.length - 1),
+					description: labels.onboarding.connectAccounts.onchainDescription,
+					mobileDescription: labels.onboarding.connectAccounts.onchainMobileDescription,
+					onConnect: onConnectOnchain,
+					connected: connectedOnchain
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+				variant: "primary",
+				size: "large",
+				className: "w-full",
+				onClick: onContinue,
+				disabled: !canContinue,
+				children: labels.onboarding.connectAccounts.continue
+			})
+		]
+	});
+};
+ConnectAccountsStep.displayName = "ConnectAccountsStep";
+//#endregion
+//#region src/onboarding/steps/connect-onchain-modal.tsx
+const ConnectOnchainModal = ({ open, onOpenChange, onConnect }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const [connecting, setConnecting] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)();
+	const handleCancel = (0, react.useCallback)(() => {
+		onOpenChange(false);
+	}, [onOpenChange]);
+	const handleConnect = (0, react.useCallback)(async () => {
+		if (connecting) return;
+		setConnecting(true);
+		setError(void 0);
+		try {
+			await onConnect();
+			onOpenChange(false);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : labels.onboarding.connectOnchainModal.fallbackError);
+		} finally {
+			setConnecting(false);
+		}
+	}, [
+		connecting,
+		labels.onboarding.connectOnchainModal.fallbackError,
+		onConnect,
+		onOpenChange
+	]);
+	const handleOpenChange = (0, react.useCallback)((value) => {
+		if (value) {
+			setError(void 0);
+			setConnecting(false);
+		}
+		onOpenChange(value);
+	}, [onOpenChange]);
+	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: "600px",
+			"aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
+			classNames: { container: "!rounded-agg-lg" },
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
+					className: "sr-only",
+					children: labels.onboarding.connectOnchainModal.title
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Header, {
+					hideClose: false,
+					hideBorder: true,
+					classNames: {
+						root: "!min-h-0",
+						container: "!py-[18px] !px-8"
+					}
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Body, {
+					classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" },
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col gap-8 items-center",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex flex-col gap-4 items-center text-center",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+									className: "text-agg-2xl font-agg-bold text-agg-foreground",
+									children: labels.onboarding.connectOnchainModal.title
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line",
+									children: labels.onboarding.connectOnchainModal.description
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground",
+									children: labels.onboarding.connectOnchainModal.supportedVenuesLabel
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3",
+									children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "flex items-center gap-[6px]",
+										children: [
+											index > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.VenueLogo, {
+												venue,
+												size: "medium"
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "text-agg-base text-agg-foreground",
+												children: labels.venues[venue]
+											})
+										]
+									}, venue))
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex flex-col gap-6 items-center",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "flex flex-col gap-3 items-center",
+									children: [error ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.WarningIcon, { className: "h-3.5 w-3.5 shrink-0 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.jsx)(require_primitives.Button, {
+										variant: "primary",
+										size: "large",
+										onClick: handleConnect,
+										isLoading: connecting,
+										children: labels.onboarding.connectOnchainModal.connect
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+									variant: "tertiary",
+									size: "medium",
+									className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+									onClick: handleCancel,
+									children: labels.onboarding.connectOnchainModal.cancel
+								})]
+							})
+						]
+					})
+				})
+			]
+		})
+	});
+};
+ConnectOnchainModal.displayName = "ConnectOnchainModal";
+//#endregion
+//#region src/onboarding/index.tsx
+const OnboardingModal = ({ open, onOpenChange, onProfileSubmit, onConnectOnchain, onComplete, howItWorksIcons, connectedOnchain = false }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const [step, setStep] = (0, react.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
+	const resolvedTitle = {
+		[ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
+		[ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
+		[ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
+	}[step] ?? labels.onboarding.modal.title;
+	const [onchainModalOpen, setOnchainModalOpen] = (0, react.useState)(false);
+	const [onchainConnected, setOnchainConnected] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (open) {
+			setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
+			setOnchainConnected(false);
+		}
+	}, [open]);
+	const handleHowItWorksContinue = (0, react.useCallback)(() => {
+		setStep(ONBOARDING_STEPS.PROFILE_SETUP);
+	}, []);
+	const handleProfileContinue = (0, react.useCallback)((data) => {
+		onProfileSubmit?.(data);
+		setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
+	}, [onProfileSubmit]);
+	const handleConnectContinue = (0, react.useCallback)(() => {
+		onComplete?.();
+	}, [onComplete]);
+	const handleOpenOnchainModal = (0, react.useCallback)(() => {
+		setOnchainModalOpen(true);
+	}, []);
+	const handleOnchainConnect = (0, react.useCallback)(async () => {
+		await onConnectOnchain?.();
+		setOnchainConnected(true);
+	}, [onConnectOnchain]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Container, {
+			maxWidth: "600px",
+			"aria-label": resolvedTitle,
+			classNames: { container: "!rounded-agg-lg" },
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
+				className: "sr-only",
+				children: resolvedTitle
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Body, {
+				classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" },
+				children: [
+					step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HowItWorksStep, {
+						onContinue: handleHowItWorksContinue,
+						icons: howItWorksIcons
+					}),
+					step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
+					step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectAccountsStep, {
+						onConnectOnchain: handleOpenOnchainModal,
+						onContinue: handleConnectContinue,
+						connectedOnchain: connectedOnchain || onchainConnected
+					})
+				]
+			})]
+		})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectOnchainModal, {
+		open: onchainModalOpen,
+		onOpenChange: setOnchainModalOpen,
+		onConnect: handleOnchainConnect
+	})] });
+};
+OnboardingModal.displayName = "OnboardingModal";
+//#endregion
+//#region src/deposit/deposit-modal.constants.ts
+const BASE_URL = "https://assets.snagsolutions.io";
+/** Default network options for the card deposit flow. */
+const CARD_NETWORK_OPTIONS = [
+	{
+		value: "ethereum",
+		label: "Ethereum",
+		iconUrl: `${BASE_URL}/public/prediction-markets/logos/ETH.svg`
+	},
+	{
+		value: "arbitrum",
+		label: "Arbitrum",
+		iconUrl: `${BASE_URL}/public/prediction-markets/logos/Arbitrum.svg`
+	},
+	{
+		value: "base",
+		label: "Base",
+		iconUrl: `${BASE_URL}/public/prediction-markets/logos/Base.svg`
+	},
+	{
+		value: "solana",
+		label: "Solana",
+		iconUrl: `${BASE_URL}/public/prediction-markets/logos/Solana.svg`
+	},
+	{
+		value: "polygon",
+		label: "Polygon",
+		iconUrl: `${BASE_URL}/public/prediction-markets/logos/Polygon.svg`
+	}
+];
+/** Maps network slugs to ramp destination currency codes. */
+const NETWORK_TO_CURRENCY_CODE = {
+	ethereum: "USDC",
+	arbitrum: "USDC_ARBITRUM",
+	base: "USDC_BASE",
+	solana: "USDC_SOLANA",
+	polygon: "USDC_POLYGON"
+};
+//#endregion
+//#region src/deposit/steps/card-deposit.tsx
+const CardDepositStep = ({ amount, currency, networkOptions, selectedNetwork, minAmount, onBack, onAmountChange, onCurrencyChange, onNetworkChange, onContinue }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const [localAmount, setLocalAmount] = (0, react.useState)(amount);
+	(0, react.useEffect)(() => {
+		setLocalAmount(amount);
+	}, [amount]);
+	const numericAmount = Number(localAmount) || 0;
+	const hasInput = localAmount.length > 0;
+	const isBelowMin = minAmount != null && hasInput && numericAmount < minAmount;
+	const isValid = numericAmount > 0 && !isBelowMin;
+	const formattedMin = minAmount != null ? `$${minAmount}` : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Header, {
+		title: labels.deposit.cardFlow.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": "Go 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-3",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex-1 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.deposit.cardFlow.amountLabel
+							}), formattedMin ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "agg-type-label text-agg-foreground",
+								children: labels.deposit.cardFlow.minRequired(formattedMin)
+							}) : null]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex gap-3 items-center",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: require_primitives.cn("flex h-10 flex-1 items-center gap-2 rounded-agg-sm border bg-agg-secondary px-3", isBelowMin ? "border-agg-primary border-2" : "border-agg-separator"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "text",
+									inputMode: "decimal",
+									"aria-label": labels.deposit.cardFlow.amountLabel,
+									className: "agg-type-body w-full bg-transparent text-agg-foreground outline-none",
+									placeholder: "0.00",
+									value: localAmount,
+									onChange: (event) => {
+										const next = event.target.value;
+										setLocalAmount(next);
+										onAmountChange(next);
+									}
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "agg-type-body text-agg-muted-foreground",
+									children: "$"
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "w-[100px]",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Select, {
+									items: [{
+										value: currency,
+										label: currency
+									}],
+									value: currency,
+									onChange: onCurrencyChange,
+									ariaLabel: labels.deposit.cardFlow.currencyLabel,
+									triggerClassName: "rounded-agg-sm"
+								})
+							})]
+						})]
+					}), isBelowMin && formattedMin ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-2",
+						role: "alert",
+						"aria-live": "assertive",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+							name: "warning",
+							className: "!h-3.5 !w-3.5 shrink-0 text-agg-error",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "agg-type-label text-agg-error",
+							children: labels.deposit.cardFlow.minAmountError(formattedMin)
+						})]
+					}) : null]
+				}),
+				/* @__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.deposit.cardFlow.networkLabel
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Select, {
+						items: networkOptions,
+						value: selectedNetwork,
+						onChange: onNetworkChange,
+						ariaLabel: labels.deposit.cardFlow.networkLabel,
+						triggerClassName: "rounded-agg-sm"
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+					variant: "secondary",
+					size: "large",
+					className: "w-full",
+					disabled: !isValid,
+					onClick: () => onContinue(numericAmount),
+					children: labels.deposit.cardFlow.getQuotes
+				})
+			]
+		})
+	})] });
+};
+//#endregion
+//#region src/deposit/steps/card-payment-pending.tsx
+const CardPaymentPendingStep = ({ providerName, walletAddress, onClose, onViewActivity, onChooseAnotherProvider }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "relative",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Body, {
+			classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" },
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors cursor-pointer hover:text-agg-foreground/80",
+				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.jsxs)("div", {
+				className: "flex flex-col items-center gap-8",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.ExternalLinkIcon, { className: "h-[60px] w-[60px]" })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col items-center gap-3 text-center",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground",
+							children: labels.deposit.cardFlow.pendingTitle(providerName)
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "agg-type-body text-agg-foreground",
+							children: labels.deposit.cardFlow.pendingDescription
+						})]
+					}),
+					walletAddress ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex w-full flex-col items-center gap-3 rounded-agg-md bg-agg-secondary-hover p-5",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "agg-type-label text-agg-foreground w-full",
+							children: labels.deposit.cardFlow.pendingWalletAddressHelp
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex w-full h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 py-[10px]",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground",
+								children: walletAddress
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.CopyButton, {
+								value: walletAddress,
+								"aria-label": labels.deposit.cardFlow.pendingCopyAddress,
+								className: "text-agg-muted-foreground hover:text-agg-foreground"
+							})]
+						})]
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-start justify-center gap-3",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							variant: "secondary",
+							size: "large",
+							className: "w-[120px]",
+							onClick: onClose,
+							children: labels.common.close
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							variant: "primary",
+							size: "large",
+							onClick: onViewActivity,
+							children: labels.deposit.cardFlow.viewActivity
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "agg-type-body font-agg-bold text-agg-primary transition-colors cursor-pointer hover:text-agg-primary/80",
+						onClick: onChooseAnotherProvider,
+						children: labels.deposit.cardFlow.chooseAnotherProvider
+					})
+				]
+			})]
+		})
+	});
+};
+//#endregion
+//#region src/deposit/steps/card-provider.tsx
+const CardProviderItem = ({ provider, onSelect }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		className: "w-full rounded-xl border border-agg-separator px-4 py-3 text-left bg-agg-secondary hover:bg-agg-secondary-hover transition-colors cursor-pointer",
+		onClick: () => onSelect(provider.id),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center justify-between gap-4",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground",
+					children: provider.name
+				}), badgeText ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `rounded border px-2 py-[2px] text-[10px] leading-[14px] font-agg-bold uppercase ${provider.badge === "best" ? "border-agg-primary/50 text-agg-primary bg-agg-secondary" : "border-agg-separator text-agg-foreground bg-agg-secondary"}`,
+					children: badgeText
+				}) : null]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-4",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "text-right",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "agg-type-body text-agg-foreground",
+						children: provider.quote
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: "agg-type-label text-agg-muted-foreground",
+						children: [
+							labels.deposit.cardFlow.feeLabel,
+							" ",
+							provider.fee
+						]
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })]
+			})]
+		})
+	});
+};
+const CardProviderStep = ({ token, amount, currency, providers, isLoading, error, sessionError, onBack, onSelectProvider, onRetry }) => {
+	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.deposit.cardFlow.selectProviderTitle,
+		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.deposit.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-4",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-1.5",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.UsdcIcon, { className: "h-4 w-4 shrink-0" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "agg-type-body font-agg-bold text-agg-foreground",
+						children: token
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "agg-type-body text-agg-foreground",
+						children: [
+							"$",
+							amount,
+							" ",
+							currency
+						]
+					})
+				]
+			}), isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex min-h-[200px] flex-col items-center justify-center gap-3",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.LoadingIcon, { variant: "prominent" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "agg-type-body text-agg-foreground",
+					children: labels.deposit.cardFlow.loadingQuotes
+				})]
+			}) : error ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+						name: "quotes-warning",
+						size: "large",
+						className: "!h-9 !w-9 shrink-0 text-agg-muted-foreground",
+						color: "currentColor"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex max-w-[320px] flex-col gap-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground",
+							children: labels.deposit.cardFlow.errorLoadingQuotesTitle
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "agg-type-body text-agg-muted-foreground",
+							children: labels.deposit.cardFlow.errorLoadingQuotesDescription
+						})]
+					}),
+					onRetry ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+						variant: "secondary",
+						size: "medium",
+						onClick: onRetry,
+						children: labels.deposit.cardFlow.retry
+					}) : null
+				]
+			}) : providers.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex min-h-[200px] items-center justify-center",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "agg-type-body text-agg-muted-foreground",
+					children: labels.deposit.cardFlow.noQuotes
+				})
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-4",
+				children: [providers.map((provider) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardProviderItem, {
+					provider,
+					onSelect: onSelectProvider
+				}, provider.id)), sessionError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "agg-type-label text-agg-error text-center",
+					children: sessionError
+				}) : null]
+			})]
+		})
+	})] });
+};
+//#endregion
+//#region src/deposit/steps/card-purchase-success.tsx
+const SummaryRow$1 = ({ label, value }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0",
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground",
+		children: label
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: "agg-type-label text-agg-foreground",
+		children: value
+	})]
+});
+const CardPurchaseSuccessStep = ({ summary, onDone, onClose }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "relative",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Body, {
+			classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" },
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
+				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.jsxs)("div", {
+				className: "flex flex-col items-center gap-8",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15",
+						children: /* @__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 flex-col items-center gap-3 text-center",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground",
+							children: labels.deposit.cardFlow.successTitle
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "agg-type-body text-agg-foreground",
+							children: labels.deposit.cardFlow.successDescription
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryRow$1, {
+								label: labels.deposit.summary.amountReceived,
+								value: summary.amountReceived
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryRow$1, {
+								label: labels.deposit.summary.network,
+								value: summary.network
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryRow$1, {
+								label: labels.deposit.cardFlow.summary.fees,
+								value: summary.fees
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+						variant: "secondary",
+						size: "large",
+						className: "w-[120px]",
+						onClick: onDone,
+						children: labels.deposit.done
+					})
+				]
+			})]
+		})
+	});
+};
+//#endregion
+//#region src/deposit/components/DepositQRCode.tsx
+function DepositQRCode({ depositAddress, networkLogoUrl, networkLogo, size = 160 }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "inline-flex items-center justify-center rounded-xl border",
+		style: {
+			padding: 16,
+			borderColor: "#E5E7EB",
+			backgroundColor: "#FFFFFF"
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "relative",
+			style: {
+				width: size,
+				height: size
+			},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(qrcode_react.QRCodeSVG, {
+				value: depositAddress,
+				size,
+				level: "H"
+			}), networkLogo ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-sm",
+				style: {
+					width: 32,
+					height: 32,
+					backgroundColor: "#FFFFFF",
+					padding: 2
+				},
+				children: networkLogo
+			}) : networkLogoUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+				src: networkLogoUrl,
+				alt: "",
+				className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-sm",
+				width: 32,
+				height: 32,
+				style: {
+					backgroundColor: "#FFFFFF",
+					padding: 2
+				}
+			}) : null]
+		})
+	});
+}
+DepositQRCode.displayName = "DepositQRCode";
+//#endregion
+//#region src/deposit/steps/crypto-transfer.tsx
+const CryptoAddressLoadingState = () => {
+	const sendCryptoLabels = (0, _agg_build_hooks.useLabels)().deposit.sendCrypto;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex w-full flex-col items-center justify-center gap-6 py-10 text-center text-agg-foreground",
+		role: "status",
+		"aria-live": "polite",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "h-9 w-9 animate-spin rounded-full border-2 border-agg-primary/25 border-t-agg-primary",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex w-full flex-col items-center gap-2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-agg-base font-agg-bold leading-agg-6",
+				children: sendCryptoLabels.addressLoadingTitle
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "max-w-[300px] text-agg-sm leading-agg-5",
+				children: sendCryptoLabels.addressLoadingDescription
+			})]
+		})]
+	});
+};
+const getEstimateAmountFromMinDeposit = (minDeposit) => {
+	return minDeposit.replace(/[^0-9.]/g, "") || "1";
+};
+const CryptoTransferStep = ({ tokenOptions, networkOptions, selectedToken, selectedNetwork, depositAddress, minDeposit, eta, isLoadingAddress, addressError, onBack, onTokenChange, onNetworkChange, onCopyAddress, onDone }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const selectedNetworkOption = networkOptions.find((n) => n.value === selectedNetwork);
+	const networkLogoUrl = selectedNetworkOption?.iconUrl ?? "";
+	const networkLogo = selectedNetworkOption?.icon;
+	const transferFeeEstimate = (0, _agg_build_hooks.useWithdrawEstimate)({
+		amount: getEstimateAmountFromMinDeposit(minDeposit),
+		selectedToken,
+		selectedNetwork
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Header, {
+		title: labels.deposit.sendCrypto.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": "Go 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-7",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "flex flex-col gap-5",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex gap-5",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-1 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.deposit.sendCrypto.tokenLabel
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Select, {
+								items: tokenOptions,
+								value: selectedToken,
+								onChange: onTokenChange,
+								ariaLabel: labels.deposit.sendCrypto.tokenLabel
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-1 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.deposit.sendCrypto.networkLabel
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Select, {
+								items: networkOptions,
+								value: selectedNetwork,
+								onChange: onNetworkChange,
+								ariaLabel: labels.deposit.sendCrypto.networkLabel
+							})]
+						})]
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "mx-auto",
+					children: isLoadingAddress ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "agg-type-label text-center text-agg-error px-3",
+							children: addressError
+						})
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DepositQRCode, {
+						depositAddress,
+						networkLogoUrl,
+						networkLogo
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-3",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "agg-type-label-strong text-agg-foreground",
+							children: labels.deposit.sendCrypto.depositAddressLabel
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3",
+							children: [isLoadingAddress ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground",
+								children: depositAddress
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.CopyButton, {
+								value: depositAddress,
+								label: labels.deposit.sendCrypto.copy,
+								copiedLabel: labels.deposit.sendCrypto.copied,
+								disabled: isLoadingAddress || !!addressError || !depositAddress,
+								onCopy: onCopyAddress,
+								className: "text-agg-primary hover:text-agg-primary/80"
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_manage_betdex_account_modal.TransferFeeSummary, {
+							estimate: transferFeeEstimate,
+							view: "deposit",
+							minDeposit,
+							eta
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-agg-xs leading-agg-4 text-agg-foreground",
+						children: labels.deposit.sendCrypto.warning
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+					variant: "secondary",
+					size: "large",
+					className: "w-[120px] self-center",
+					onClick: onDone,
+					children: labels.deposit.done
+				})
+			]
+		})
+	})] });
+};
+//#endregion
+//#region src/deposit/steps/deposit-method.tsx
+const DepositMethodCard = ({ icon, title, description, value, highlighted = false, disabled = false, onContinue }) => /* @__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", "p-3 sm:p-4", "transition-colors", disabled ? "opacity-50 cursor-not-allowed pointer-events-none" : "cursor-pointer hover:bg-agg-secondary-hover", highlighted ? "" : ""),
+	role: "button",
+	tabIndex: disabled ? -1 : 0,
+	"aria-disabled": disabled || void 0,
+	onClick: disabled ? void 0 : onContinue,
+	onKeyDown: disabled ? void 0 : (e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			onContinue();
+		}
+	},
+	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: icon
+		}),
+		/* @__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: title
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "agg-type-label text-agg-muted-foreground",
+				children: description
+			})]
+		}),
+		value ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "agg-type-label text-agg-muted-foreground",
+			children: value
+		}) : null,
+		/* @__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" })
+		})
+	]
+});
+const DepositMethodStep = ({ balance, walletLabel, walletBalance, walletToken, isWalletBalanceLoading = false, showWalletMethod = true, highlightedMethod, depositAddressesReady = true, 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.deposit.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.deposit.balancePrefix,
+					" ",
+					require_primitives.formatCompactUsd(balance)
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-4",
+				children: [
+					showWalletMethod ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DepositMethodCard, {
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+						title: labels.deposit.methods.walletTitle(walletLabel),
+						description: labels.deposit.methods.walletDescription,
+						value: isWalletBalanceLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.LoadingIcon, { size: "small" }) : require_primitives.formatTokenAmount(walletBalance, walletToken),
+						highlighted: highlightedMethod === "wallet",
+						disabled: !depositAddressesReady,
+						onContinue: () => onSelectMethod("wallet")
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DepositMethodCard, {
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.BoltIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+						title: labels.deposit.methods.cryptoTitle,
+						description: labels.deposit.methods.cryptoDescription,
+						highlighted: highlightedMethod === "crypto",
+						disabled: !depositAddressesReady,
+						onContinue: () => onSelectMethod("crypto")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DepositMethodCard, {
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
+						title: labels.deposit.methods.cardTitle,
+						description: labels.deposit.methods.cardDescription,
+						highlighted: highlightedMethod === "card",
+						onContinue: () => onSelectMethod("card")
+					})
+				]
+			})]
+		})
+	})] });
+};
+//#endregion
+//#region src/deposit/steps/wallet-form.tsx
+const WalletFormStep = ({ walletLabel, walletBalance, isBalanceLoading = false, tokenOptions, networkOptions, selectedToken, selectedNetwork, amount, isSubmitting = false, formErrorMessage, formErrorTone = "error", estimatedReceive, feeEstimate, eta, onBack, onTokenChange, onNetworkChange, onAmountChange, onMax, onConfirm }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount) > 0 && Number(amount) <= walletBalance;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Header, {
+		title: labels.deposit.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": "Go 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-7",
+			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 text-agg-foreground",
+						children: walletLabel
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: "agg-type-label text-agg-muted-foreground",
+						children: [
+							labels.deposit.balanceLabel,
+							" ",
+							isBalanceLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.LoadingIcon, { size: "small" }) : require_primitives.formatTokenAmount(walletBalance, selectedToken)
+						]
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-5",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex gap-5",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex flex-1 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.deposit.walletFlow.tokenLabel
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Select, {
+									items: tokenOptions,
+									value: selectedToken,
+									onChange: onTokenChange,
+									ariaLabel: labels.deposit.walletFlow.tokenLabel
+								})]
+							}), networkOptions.length >= 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex flex-1 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.deposit.walletFlow.networkLabel
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Select, {
+									items: networkOptions,
+									value: selectedNetwork,
+									onChange: onNetworkChange,
+									ariaLabel: labels.deposit.walletFlow.networkLabel
+								})]
+							}) : null]
+						}),
+						/* @__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.deposit.walletFlow.amountLabel
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: require_primitives.cn("flex items-center gap-2", "rounded border border-agg-separator bg-agg-secondary", "h-10 px-3"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "text",
+									inputMode: "decimal",
+									"aria-label": labels.deposit.walletFlow.amountLabel,
+									className: "agg-type-body w-full bg-transparent outline-none text-agg-foreground",
+									placeholder: "0.00",
+									value: amount,
+									onChange: (event) => onAmountChange(event.target.value)
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "shrink-0 text-agg-sm font-agg-bold leading-agg-5 text-agg-primary transition-colors hover:text-agg-primary/80 cursor-pointer",
+									onClick: onMax,
+									"aria-label": labels.deposit.walletFlow.max,
+									children: labels.deposit.walletFlow.max
+								})]
+							})]
+						}),
+						estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "agg-type-label text-agg-foreground",
+							children: `≈ ${estimatedReceive} · ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} · ${eta}`
+						}) : null,
+						formErrorMessage ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: require_primitives.cn("flex items-start gap-2", formErrorTone === "warning" ? "text-agg-warning" : "text-agg-error"),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "agg-type-label",
+								children: formErrorMessage
+							})]
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+					variant: isConfirmEnabled ? "primary" : "secondary",
+					size: "large",
+					className: "w-full",
+					disabled: !isConfirmEnabled,
+					isLoading: isSubmitting,
+					"aria-label": labels.deposit.walletFlow.confirm,
+					onClick: onConfirm,
+					children: labels.deposit.walletFlow.confirm
+				})
+			]
+		})
+	})] });
+};
+//#endregion
+//#region src/deposit/steps/wallet-processing.tsx
+const WalletProcessingStep = ({ steps, errorMessage, onComplete }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	(0, react.useEffect)(() => {
+		if (steps.length > 0 && steps.every((s) => s.status === "complete")) onComplete();
+	}, [steps, onComplete]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Header, {
+		title: labels.deposit.processingTitle,
+		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: [steps.map((step) => {
+				const isComplete = step.status === "complete";
+				const isActive = step.status === "active";
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-3",
+					children: [isComplete ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: [
+						"inline-block h-4 w-4 rounded-full border",
+						isActive ? "border-2 border-agg-primary border-r-transparent animate-spin" : "",
+						!isActive ? "border-agg-separator" : ""
+					].join(" ") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: isComplete || isActive ? "agg-type-body text-agg-foreground" : "agg-type-body text-agg-muted-foreground",
+						children: step.label
+					})]
+				}, step.id);
+			}), errorMessage ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "agg-type-body text-agg-destructive",
+				children: errorMessage
+			}) : null]
+		})
+	})] });
+};
+//#endregion
+//#region src/deposit/steps/wallet-success.tsx
+const SummaryRow = ({ label, value }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0",
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground",
+		children: label
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: "agg-type-label text-agg-foreground",
+		children: value
+	})]
+});
+const WalletSuccessStep = ({ summary, onDone, onClose }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "relative",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Body, {
+			classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" },
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
+				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.jsxs)("div", {
+				className: "flex flex-col items-center gap-8",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15",
+						children: /* @__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 flex-col items-center gap-3 text-center",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground",
+							children: labels.deposit.successTitle
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "agg-type-body text-agg-foreground",
+							children: labels.deposit.successDescription
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryRow, {
+								label: labels.deposit.summary.amountReceived,
+								value: summary.amountReceived
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryRow, {
+								label: labels.deposit.summary.network,
+								value: summary.network
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryRow, {
+								label: labels.deposit.summary.fromWallet,
+								value: summary.fromWallet
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SummaryRow, {
+								label: labels.deposit.summary.gasFee,
+								value: summary.gasFee
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+						variant: "secondary",
+						size: "large",
+						className: "w-[120px]",
+						onClick: onDone,
+						children: labels.deposit.done
+					})
+				]
+			})]
+		})
+	});
+};
+//#endregion
+//#region src/deposit/index.tsx
+const PENDING_CARD_SESSION_KEY = "agg-pending-card-session";
+const DEFAULT_WALLET_CHAIN_ID = "1";
+const DEFAULT_WALLET_TOKEN = "USDC";
+function savePendingCardSession(data) {
+	try {
+		localStorage.setItem(PENDING_CARD_SESSION_KEY, JSON.stringify(data));
+	} catch {}
+}
+function clearPendingCardSession() {
+	try {
+		localStorage.removeItem(PENDING_CARD_SESSION_KEY);
+	} catch {}
+}
+/**
+* Returns a pending card session if one exists in localStorage.
+* Consumers should use this on page load to detect a redirect from the ramp provider
+* and pass it as `pendingCardSession` to the DepositModal.
+*/
+function getPendingCardSession() {
+	try {
+		const raw = localStorage.getItem(PENDING_CARD_SESSION_KEY);
+		if (!raw) return null;
+		return JSON.parse(raw);
+	} catch {
+		return null;
+	}
+}
+function getDefaultProcessingSteps(transactionStatus, labels) {
+	const defaultSteps = [{
+		id: "submitting",
+		label: labels.submitting,
+		status: "active"
+	}, {
+		id: "confirming",
+		label: labels.confirming,
+		status: "pending"
+	}];
+	const activeByStatus = {
+		submitting: 0,
+		submitted: 1,
+		confirming: 1,
+		error: 1
+	};
+	if (transactionStatus === "settled") return defaultSteps.map((step) => ({
+		...step,
+		status: "complete"
+	}));
+	const activeIndex = activeByStatus[transactionStatus ?? "submitted"] ?? 0;
+	return defaultSteps.map((step, index) => ({
+		...step,
+		status: index < activeIndex ? "complete" : index === activeIndex ? "active" : "pending"
+	}));
+}
+function isControlledDepositModalProps(props) {
+	return "walletFlow" in props;
+}
+function DepositModalSelfDriven({ open, onOpenChange }) {
+	const depositProps = (0, _agg_build_hooks_deposit.useDepositFlow)({
+		open,
+		onOpenChange
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DepositModalControlled, { ...depositProps });
+}
+function DepositModalControlled({ open, onOpenChange, onSelectDepositMethod, onContinueCardDeposit, onDoneCryptoTransfer, walletFlow, onWalletAmountChange, onWalletMax, onConfirmWalletDeposit, onCancelWalletDeposit, onDoneWalletDeposit, onWalletNetworkChange, onWalletTokenChange, initialWalletChainId, connectedWalletKind, sendCryptoConfig, onDoneSendCrypto, cardFlow, onCardAmountChange, onCardCurrencyChange, onCardTokenChange, onCardNetworkChange, onSelectCardProvider, onDoneCardPurchase, onViewActivity, cardRedirectUrl, onGetCardQuotes, onCreateCardSession, pendingCardPurchaseSummary }) {
+	const { isWeb3User } = (0, _agg_build_hooks.useAggAuthState)();
+	const { walletActions } = (0, _agg_build_hooks.useAggUiConfig)();
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const defaultMethod = isWeb3User ? "wallet" : "crypto";
+	const [step, setStep] = (0, react.useState)(() => pendingCardPurchaseSummary ? "card-success" : "method");
+	const [highlightedMethod, setHighlightedMethod] = (0, react.useState)(defaultMethod);
+	const walletSubmitInFlightRef = (0, react.useRef)(false);
+	const walletDepositAttemptIdRef = (0, react.useRef)(0);
+	const notifiedWalletDepositStatusesRef = (0, react.useRef)(/* @__PURE__ */ new Set());
+	const [isWalletSubmitting, setIsWalletSubmitting] = (0, react.useState)(false);
+	const [cardProviders, setCardProviders] = (0, react.useState)([]);
+	const [quotesLoading, setQuotesLoading] = (0, react.useState)(false);
+	const [quotesError, setQuotesError] = (0, react.useState)(null);
+	const [sessionError, setSessionError] = (0, react.useState)(null);
+	const [pendingProviderName, setPendingProviderName] = (0, react.useState)("");
+	const [pendingProviderWalletAddress, setPendingProviderWalletAddress] = (0, react.useState)("");
+	(0, react.useEffect)(() => {
+		if (pendingCardPurchaseSummary) {
+			clearPendingCardSession();
+			setStep("card-success");
+		}
+	}, [pendingCardPurchaseSummary]);
+	const [walletChainId, setWalletChainId] = (0, react.useState)("");
+	const [walletToken, setWalletToken] = (0, react.useState)("");
+	const [sendChainId, setSendChainId] = (0, react.useState)("");
+	const [sendToken, setSendToken] = (0, react.useState)("");
+	const { isReady, isTimedOut, error: addrError, supportedChains, getAddress } = (0, _agg_build_hooks.useDepositAddresses)({ enabled: open });
+	const fallbackNetworkOptions = (0, react.useMemo)(() => require_manage_betdex_account_modal.mapNetworksToOptions(), []);
+	const networkOptions = (0, react.useMemo)(() => {
+		if (!supportedChains?.length) return fallbackNetworkOptions;
+		return require_manage_betdex_account_modal.withNetworkIcons(supportedChains.map((c) => ({
+			value: String(c.chainId),
+			label: c.name
+		})));
+	}, [supportedChains, fallbackNetworkOptions]);
+	const walletNetworkOptions = (0, react.useMemo)(() => {
+		if (!supportedChains?.length || !connectedWalletKind) return networkOptions;
+		const filtered = supportedChains.filter((c) => connectedWalletKind === "solana" ? _agg_build_hooks_deposit.SVM_CHAIN_IDS.has(c.chainId) : !_agg_build_hooks_deposit.SVM_CHAIN_IDS.has(c.chainId));
+		if (filtered.length === 0) return networkOptions;
+		return require_manage_betdex_account_modal.withNetworkIcons(filtered.map((c) => ({
+			value: String(c.chainId),
+			label: c.name
+		})));
+	}, [
+		supportedChains,
+		networkOptions,
+		connectedWalletKind
+	]);
+	const walletTokenOptions = (0, react.useMemo)(() => {
+		const chain = supportedChains?.find((c) => String(c.chainId) === walletChainId);
+		if (!chain) return require_manage_betdex_account_modal.withTokenIcons(require_manage_betdex_account_modal.DEFAULT_CURRENCY_OPTIONS);
+		return require_manage_betdex_account_modal.withTokenIcons(chain.tokens.map((t) => ({
+			value: t.symbol,
+			label: t.symbol
+		})));
+	}, [supportedChains, walletChainId]);
+	const sendTokenOptions = (0, react.useMemo)(() => {
+		const chain = supportedChains?.find((c) => String(c.chainId) === sendChainId);
+		if (!chain) return require_manage_betdex_account_modal.withTokenIcons(require_manage_betdex_account_modal.DEFAULT_CURRENCY_OPTIONS);
+		return require_manage_betdex_account_modal.withTokenIcons(chain.tokens.map((t) => ({
+			value: t.symbol,
+			label: t.symbol
+		})));
+	}, [supportedChains, sendChainId]);
+	(0, react.useEffect)(() => {
+		if (walletNetworkOptions.length > 0) {
+			if (!walletChainId || !walletNetworkOptions.some((o) => o.value === walletChainId)) {
+				const ethereumMainnetOption = walletNetworkOptions.find((option) => option.value === DEFAULT_WALLET_CHAIN_ID || option.value === "mainnet" || option.label.toLowerCase() === "ethereum");
+				const preferred = ethereumMainnetOption ? ethereumMainnetOption.value : initialWalletChainId && walletNetworkOptions.some((option) => option.value === initialWalletChainId) ? initialWalletChainId : walletNetworkOptions[0].value;
+				setWalletChainId(preferred);
+			}
+		}
+	}, [
+		walletNetworkOptions,
+		walletChainId,
+		initialWalletChainId
+	]);
+	(0, react.useEffect)(() => {
+		if (networkOptions.length > 0) {
+			if (!sendChainId || !networkOptions.some((o) => o.value === sendChainId)) setSendChainId(networkOptions[0].value);
+		}
+	}, [networkOptions, sendChainId]);
+	(0, react.useEffect)(() => {
+		if (walletTokenOptions.length > 0) {
+			const preferredToken = walletTokenOptions.find((option) => option.value === DEFAULT_WALLET_TOKEN)?.value ?? walletTokenOptions[0].value;
+			setWalletToken(preferredToken);
+		}
+	}, [walletTokenOptions]);
+	(0, react.useEffect)(() => {
+		setSendToken(sendTokenOptions?.[0]?.value ?? "");
+	}, [sendTokenOptions]);
+	(0, react.useEffect)(() => {
+		if (walletChainId) onWalletNetworkChange?.(walletChainId);
+	}, [walletChainId, onWalletNetworkChange]);
+	(0, react.useEffect)(() => {
+		if (walletToken) onWalletTokenChange?.(walletToken);
+	}, [walletToken, onWalletTokenChange]);
+	const depositAddress = getAddress(sendChainId ? Number(sendChainId) : void 0) ?? "";
+	const isLoadingAddress = open && !isReady && !isTimedOut && !addrError;
+	const addressError = isTimedOut && !isReady ? "Address generation timed out. Please try again." : addrError && !isReady ? "Failed to load deposit address." : void 0;
+	const usesTransactionStatus = walletFlow.transactionStatus !== void 0;
+	const processingStatus = isWalletSubmitting ? "submitting" : walletFlow.transactionStatus;
+	const processingSteps = usesTransactionStatus ? walletFlow.processingSteps ?? getDefaultProcessingSteps(processingStatus, labels.deposit.processingSteps) : walletFlow.processingSteps ?? getDefaultProcessingSteps(processingStatus, labels.deposit.processingSteps);
+	const selectedNetworkLabel = networkOptions.find((n) => n.value === walletChainId)?.label ?? "";
+	const resolvedSuccessSummary = {
+		amountReceived: `+${walletFlow.amount} ${walletToken}`,
+		network: selectedNetworkLabel,
+		fromWallet: walletFlow.walletLabel,
+		gasFee: "",
+		...walletFlow.successSummary
+	};
+	const handleWalletDepositNotification = (0, react.useCallback)((status, errorMessage) => {
+		if (notifiedWalletDepositStatusesRef.current.has(status)) return;
+		notifiedWalletDepositStatusesRef.current.add(status);
+		require_manage_betdex_account_modal.dispatchAggDepositNotification({
+			id: `wallet-${walletDepositAttemptIdRef.current}`,
+			status,
+			amount: walletFlow.amount,
+			tokenSymbol: walletToken || DEFAULT_WALLET_TOKEN,
+			errorMessage
+		});
+	}, [walletFlow.amount, walletToken]);
+	(0, react.useEffect)(() => {
+		if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "settled") {
+			handleWalletDepositNotification("completed");
+			setStep("wallet-success");
+		}
+	}, [
+		handleWalletDepositNotification,
+		isWalletSubmitting,
+		step,
+		walletFlow.transactionStatus
+	]);
+	(0, react.useEffect)(() => {
+		if (!onCancelWalletDeposit) return;
+		if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "error") {
+			walletSubmitInFlightRef.current = false;
+			handleWalletDepositNotification("failed", walletFlow.transactionErrorMessage);
+			onCancelWalletDeposit();
+			setStep("wallet-form");
+		}
+	}, [
+		handleWalletDepositNotification,
+		isWalletSubmitting,
+		onCancelWalletDeposit,
+		step,
+		walletFlow.transactionErrorMessage,
+		walletFlow.transactionStatus
+	]);
+	const cardTokenOptions = require_manage_betdex_account_modal.withTokenIcons(require_manage_betdex_account_modal.mergeSelectOptionsUnique(cardFlow?.tokenOptions, require_manage_betdex_account_modal.DEFAULT_CURRENCY_OPTIONS));
+	const cardNetworkOptions = require_manage_betdex_account_modal.withNetworkIcons(require_manage_betdex_account_modal.mergeSelectOptionsUnique(cardFlow?.networkOptions, CARD_NETWORK_OPTIONS));
+	const handleSelectMethod = (method) => {
+		if (method === "wallet" && !isWeb3User) return;
+		if (!isReady && (method === "wallet" || method === "crypto")) return;
+		setHighlightedMethod(method);
+		onSelectDepositMethod?.(method);
+		if (method === "wallet") {
+			setStep("wallet-form");
+			return;
+		}
+		if (method === "card") setStep("card-deposit");
+		else if (method === "crypto") setStep("crypto-transfer");
+	};
+	const handleContinueCardDeposit = async (amount) => {
+		onContinueCardDeposit?.(amount);
+		setStep("card-provider");
+		if (onGetCardQuotes) {
+			setQuotesLoading(true);
+			setQuotesError(null);
+			setCardProviders([]);
+			try {
+				const providers = await onGetCardQuotes({
+					sourceAmount: String(amount),
+					sourceCurrencyCode: cardFlow?.currency ?? "USD",
+					destinationCurrencyCode: NETWORK_TO_CURRENCY_CODE[cardFlow?.selectedNetwork ?? ""] ?? cardFlow?.selectedNetwork ?? ""
+				});
+				setCardProviders(providers);
+			} catch (err) {
+				setQuotesError(err instanceof Error ? err.message : "Failed to load quotes");
+			} finally {
+				setQuotesLoading(false);
+			}
+		} else setCardProviders(cardFlow?.providers ?? []);
+	};
+	const handleRetryQuotes = () => {
+		const amount = Number(cardFlow?.amount) || 0;
+		if (amount > 0) handleContinueCardDeposit(amount);
+	};
+	const handleSelectProvider = async (providerId) => {
+		onSelectCardProvider?.(providerId);
+		if (onCreateCardSession) {
+			setSessionError(null);
+			try {
+				const networkVal = cardFlow?.selectedNetwork ?? "";
+				const numericId = Number(networkVal);
+				const cardChainId = Number.isFinite(numericId) && numericId > 0 ? numericId : supportedChains?.find((c) => c.name.toLowerCase() === networkVal.toLowerCase())?.chainId;
+				const depositAddr = getAddress(cardChainId) ?? "";
+				const session = await onCreateCardSession({
+					serviceProvider: providerId,
+					sourceAmount: cardFlow?.amount ?? "",
+					sourceCurrencyCode: cardFlow?.currency ?? "USD",
+					destinationCurrencyCode: NETWORK_TO_CURRENCY_CODE[networkVal] ?? networkVal,
+					walletAddress: depositAddr,
+					redirectUrl: cardRedirectUrl
+				});
+				const selectedProvider = cardProviders.find((p) => p.id === providerId);
+				const networkLabel = cardFlow?.networkOptions?.find((o) => o.value === cardFlow?.selectedNetwork)?.label ?? cardFlow?.selectedNetwork ?? "";
+				savePendingCardSession({
+					sessionId: session.id,
+					summary: {
+						amountReceived: selectedProvider?.quote ?? "",
+						network: networkLabel,
+						fees: selectedProvider?.fee ?? ""
+					}
+				});
+				window.open(session.widgetUrl, "_blank", "noopener,noreferrer");
+				setPendingProviderName(selectedProvider?.name ?? providerId);
+				setPendingProviderWalletAddress(depositAddr);
+				setStep("card-payment-pending");
+			} catch (err) {
+				setSessionError(err instanceof Error ? err.message : "Failed to create session");
+			}
+		}
+	};
+	const handleViewActivity = () => {
+		onViewActivity?.();
+		if (typeof window !== "undefined") window.location.href = "/profile?tab=activity";
+	};
+	const handleChooseAnotherProvider = () => {
+		setCardProviders([]);
+		setQuotesError(null);
+		setSessionError(null);
+		setPendingProviderName("");
+		setPendingProviderWalletAddress("");
+		setStep("card-deposit");
+	};
+	const handleDoneCryptoTransfer = () => {
+		onDoneCryptoTransfer?.();
+		onDoneSendCrypto?.();
+	};
+	const handleDoneWalletDeposit = () => {
+		handleOpenChange(false);
+		onDoneWalletDeposit?.();
+	};
+	const handleDoneCardPurchase = () => {
+		handleOpenChange(false);
+		onDoneCardPurchase?.();
+	};
+	const handleOpenChange = (isOpen) => {
+		if (!isOpen) {
+			setStep("method");
+			setHighlightedMethod(defaultMethod);
+			setWalletChainId("");
+			setWalletToken("");
+			setSendChainId("");
+			setSendToken("");
+			walletSubmitInFlightRef.current = false;
+			walletDepositAttemptIdRef.current = 0;
+			notifiedWalletDepositStatusesRef.current = /* @__PURE__ */ new Set();
+			setIsWalletSubmitting(false);
+			setCardProviders([]);
+			setQuotesLoading(false);
+			setQuotesError(null);
+			setSessionError(null);
+			setPendingProviderName("");
+			setPendingProviderWalletAddress("");
+			clearPendingCardSession();
+		}
+		onOpenChange(isOpen);
+	};
+	const depositModalMaxWidth = step === "method" ? "600px" : "480px";
+	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: depositModalMaxWidth,
+			"aria-label": "Deposit",
+			children: [
+				step === "method" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DepositMethodStep, {
+					balance: walletFlow.balance,
+					walletLabel: walletFlow.walletLabel,
+					walletBalance: walletFlow.walletBalance,
+					walletToken,
+					isWalletBalanceLoading: walletFlow.isWalletBalanceLoading,
+					showWalletMethod: isWeb3User,
+					highlightedMethod,
+					depositAddressesReady: isReady,
+					onSelectMethod: handleSelectMethod
+				}) : null,
+				step === "wallet-form" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WalletFormStep, {
+					walletLabel: walletFlow.walletLabel,
+					walletBalance: walletFlow.walletBalance,
+					isBalanceLoading: walletFlow.isWalletBalanceLoading,
+					tokenOptions: walletTokenOptions,
+					networkOptions: walletNetworkOptions,
+					selectedToken: walletToken,
+					selectedNetwork: walletChainId,
+					amount: walletFlow.amount,
+					formErrorMessage: walletFlow.formErrorMessage,
+					formErrorTone: walletFlow.formErrorTone,
+					estimatedReceive: walletFlow.estimatedReceive,
+					feeEstimate: walletFlow.feeEstimate,
+					eta: walletFlow.eta,
+					isSubmitting: isWalletSubmitting,
+					onBack: () => setStep("method"),
+					onTokenChange: setWalletToken,
+					onNetworkChange: (id) => {
+						setWalletChainId(id);
+						setWalletToken("");
+					},
+					onAmountChange: onWalletAmountChange,
+					onMax: onWalletMax,
+					onConfirm: async () => {
+						if (walletSubmitInFlightRef.current) return;
+						walletSubmitInFlightRef.current = true;
+						walletDepositAttemptIdRef.current += 1;
+						notifiedWalletDepositStatusesRef.current = /* @__PURE__ */ new Set();
+						setIsWalletSubmitting(true);
+						setStep("wallet-processing");
+						const walletChainIdNum = walletChainId ? Number(walletChainId) : void 0;
+						const address = getAddress(walletChainIdNum) ?? "";
+						try {
+							if (walletActions?.sendToken) {
+								const tokenMeta = (supportedChains?.find((c) => String(c.chainId) === walletChainId))?.tokens.find((t) => t.symbol === walletToken);
+								await walletActions.sendToken({
+									chainId: walletChainIdNum ?? 0,
+									token: {
+										symbol: walletToken,
+										address: tokenMeta?.address,
+										decimals: tokenMeta?.decimals ?? 6
+									},
+									to: address,
+									amount: walletFlow.amount
+								});
+							} else await onConfirmWalletDeposit?.({
+								address,
+								amount: walletFlow.amount,
+								chainId: walletChainIdNum ?? 0,
+								token: walletToken
+							});
+						} catch {
+							walletSubmitInFlightRef.current = false;
+							setStep("wallet-form");
+						} finally {
+							setIsWalletSubmitting(false);
+						}
+					}
+				}) : null,
+				step === "wallet-processing" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WalletProcessingStep, {
+					steps: processingSteps,
+					errorMessage: walletFlow.transactionStatus === "error" ? walletFlow.transactionErrorMessage ?? "Something went wrong with the transaction." : void 0,
+					onComplete: () => setStep("wallet-success")
+				}) : null,
+				step === "wallet-success" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WalletSuccessStep, {
+					summary: resolvedSuccessSummary,
+					onDone: handleDoneWalletDeposit,
+					onClose: () => handleOpenChange(false)
+				}) : null,
+				step === "card-deposit" && cardFlow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardDepositStep, {
+					amount: cardFlow.amount,
+					currency: cardFlow.currency,
+					tokenOptions: cardTokenOptions,
+					networkOptions: cardNetworkOptions,
+					selectedToken: cardFlow.selectedToken,
+					selectedNetwork: cardFlow.selectedNetwork,
+					minAmount: cardFlow.minAmount,
+					onBack: () => setStep("method"),
+					onAmountChange: onCardAmountChange ?? ignoreCardChange,
+					onCurrencyChange: onCardCurrencyChange ?? ignoreCardChange,
+					onTokenChange: onCardTokenChange ?? ignoreCardChange,
+					onNetworkChange: onCardNetworkChange ?? ignoreCardChange,
+					onContinue: handleContinueCardDeposit
+				}) : null,
+				step === "card-provider" && cardFlow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardProviderStep, {
+					amount: cardFlow.amount,
+					currency: cardFlow.currency,
+					token: cardFlow.selectedToken,
+					providers: cardProviders,
+					isLoading: quotesLoading,
+					error: quotesError,
+					sessionError,
+					onBack: () => setStep("card-deposit"),
+					onSelectProvider: handleSelectProvider,
+					onRetry: handleRetryQuotes
+				}) : null,
+				step === "card-payment-pending" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardPaymentPendingStep, {
+					providerName: pendingProviderName,
+					walletAddress: pendingProviderWalletAddress || void 0,
+					onClose: () => handleOpenChange(false),
+					onViewActivity: handleViewActivity,
+					onChooseAnotherProvider: handleChooseAnotherProvider
+				}) : null,
+				step === "card-success" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardPurchaseSuccessStep, {
+					summary: pendingCardPurchaseSummary ?? cardFlow?.purchaseSummary ?? {
+						amountReceived: "",
+						network: "",
+						fees: ""
+					},
+					onClose: () => handleOpenChange(false),
+					onDone: handleDoneCardPurchase
+				}) : null,
+				step === "crypto-transfer" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CryptoTransferStep, {
+					tokenOptions: sendTokenOptions,
+					networkOptions,
+					selectedToken: sendToken,
+					selectedNetwork: sendChainId,
+					depositAddress,
+					minDeposit: sendCryptoConfig?.minDeposit ?? "$1",
+					eta: sendCryptoConfig?.eta ?? "~30s",
+					isLoadingAddress,
+					addressError,
+					onBack: () => setStep("method"),
+					onTokenChange: setSendToken,
+					onNetworkChange: (id) => {
+						setSendChainId(id);
+						if (id !== sendChainId) setSendToken("");
+					},
+					onDone: handleDoneCryptoTransfer
+				}) : null
+			]
+		})
+	});
+}
+const ignoreCardChange = (_value) => {};
+const DepositModal = (props) => {
+	if (!isControlledDepositModalProps(props)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DepositModalSelfDriven, { ...props });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DepositModalControlled, { ...props });
+};
+DepositModal.displayName = "DepositModal";
+//#endregion
+//#region src/paper-trading/paper-onboarding-modal.tsx
+/**
+* Three-step intro shown once, on a user's first sign-in to a paper app.
+*
+* Figma node 4772:31182 lays the three states out side by side; this is one
+* modal that advances through them, not three modals.
+*
+* All copy resolves through `labels.paperTrading.onboarding` — the design's
+* strings were written against an earlier daily-allowance model and are still
+* being revised, so nothing here renders a literal.
+*/
+const PaperOnboardingModal = ({ open, onDismiss, startingBalanceLabel, classNames }) => {
+	const copy = (0, _agg_build_hooks.useLabels)().paperTrading.onboarding;
+	const [stepIndex, setStepIndex] = (0, react.useState)(0);
+	const steps = (0, react.useMemo)(() => [
+		{
+			key: "realMarkets",
+			icon: "paper-onboarding-markets",
+			title: copy.realMarkets.title,
+			body: copy.realMarkets.body
+		},
+		{
+			key: "zeroRisk",
+			icon: "paper-onboarding-funds",
+			title: copy.zeroRisk.title,
+			body: copy.zeroRisk.body({ amount: startingBalanceLabel })
+		},
+		{
+			key: "readyToTrade",
+			icon: "paper-onboarding-performance",
+			title: copy.readyToTrade.title,
+			body: copy.readyToTrade.body
+		}
+	], [copy, startingBalanceLabel]);
+	const total = steps.length;
+	const isFirst = stepIndex === 0;
+	const isLast = stepIndex === total - 1;
+	const step = steps[stepIndex];
+	const handleBack = (0, react.useCallback)(() => {
+		setStepIndex((current) => Math.max(0, current - 1));
+	}, []);
+	const handleNext = (0, react.useCallback)(() => {
+		if (isLast) {
+			onDismiss();
+			return;
+		}
+		setStepIndex((current) => Math.min(total - 1, current + 1));
+	}, [
+		isLast,
+		onDismiss,
+		total
+	]);
+	const handleOpenChange = (0, react.useCallback)((next) => {
+		if (next) return;
+		setStepIndex(0);
+		onDismiss();
+	}, [onDismiss]);
+	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: "480px",
+			"aria-label": step.title,
+			classNames: {
+				overlay: classNames?.overlay,
+				center: "items-center! p-6!",
+				container: require_primitives.cn("rounded-agg-xl! md:rounded-agg-xl!", classNames?.card)
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_primitives.cn("agg-paper-onboarding", "flex w-full flex-col gap-5 p-6"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex w-full items-start justify-center gap-5",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: require_primitives.cn("flex size-11 shrink-0 items-center justify-center overflow-hidden", "rounded-agg-lg bg-agg-primary/10 text-agg-primary", classNames?.icon),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+							name: step.icon,
+							className: "!h-6 !w-6",
+							"aria-hidden": "true"
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex min-w-0 flex-1 flex-col gap-2 break-words",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col gap-1",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: require_primitives.cn("text-agg-2xs leading-agg-14 font-agg-bold uppercase", "text-agg-muted-foreground", classNames?.eyebrow),
+								children: copy.stepEyebrow({
+									current: stepIndex + 1,
+									total
+								})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: require_primitives.cn("text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", classNames?.title),
+								children: step.title
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: require_primitives.cn("text-agg-sm leading-agg-5 text-agg-foreground", classNames?.body),
+							children: step.body
+						})]
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: require_primitives.cn("flex w-full items-center justify-between", classNames?.footer),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: require_primitives.cn("flex items-center gap-1", classNames?.dots),
+						"aria-hidden": "true",
+						children: steps.map((dotStep, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_primitives.cn("rounded-full transition-all", index === stepIndex ? "h-1 w-4 bg-agg-primary" : "size-1 bg-agg-separator") }, dotStep.key))
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-start gap-3",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							variant: "secondary",
+							size: "small",
+							onClick: isFirst ? onDismiss : handleBack,
+							className: "w-20 rounded-full",
+							children: isFirst ? copy.skip : copy.back
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							variant: "primary",
+							size: "small",
+							onClick: handleNext,
+							className: "w-[120px] rounded-full",
+							children: isLast ? copy.done : copy.next
+						})]
+					})]
+				})]
+			})
+		})
+	});
+};
+PaperOnboardingModal.displayName = "PaperOnboardingModal";
+//#endregion
+//#region src/paper-trading/paper-trading-onboarding.tsx
+const FALLBACK_STARTING_BALANCE = 1e4;
+/**
+* Drop-in paper-trading intro. Renders nothing in a live app, and nothing for
+* a user who has already seen it — mount it once, high in the tree, and forget
+* about it.
+*
+* Pairs `usePaperOnboarding` (when to show) with `PaperOnboardingModal` (what
+* to show). Use the modal directly if you need to drive visibility yourself.
+*/
+const PaperTradingOnboarding = ({ classNames }) => {
+	const { isOpen, dismiss } = (0, _agg_build_hooks.usePaperOnboarding)();
+	const { paperStartingBalance } = (0, _agg_build_hooks.useAppConfig)();
+	if (!isOpen) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaperOnboardingModal, {
+		open: true,
+		onDismiss: dismiss,
+		startingBalanceLabel: require_primitives.formatUsd(paperStartingBalance ?? FALLBACK_STARTING_BALANCE, { maximumFractionDigits: 0 }),
+		classNames
+	});
+};
+PaperTradingOnboarding.displayName = "PaperTradingOnboarding";
+//#endregion
+//#region src/profile/profile-modal.constants.ts
+const PROFILE_TAB_KEYS = {
+	PROFILE_ACCOUNTS: "profile-accounts",
+	TRADING_ACCESS: "trading-access"
+};
+const getProfileTabItems = () => [{
+	value: PROFILE_TAB_KEYS.PROFILE_ACCOUNTS,
+	label: "Profile & accounts",
+	icon: "profile-about-tab"
+}, {
+	value: PROFILE_TAB_KEYS.TRADING_ACCESS,
+	label: "Trading access",
+	icon: "shield-trust"
+}];
+//#endregion
+//#region src/profile/tabs/about-tab.tsx
+const AboutTab = ({ avatarPreview, onDeleteProfile: _onDeleteProfile, draftUsername, onDraftUsernameChange, onDraftAvatarChange, draftAvatarPreview, avatarError: _avatarError }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const fileInputRef = (0, react.useRef)(null);
+	const handleAvatarClick = (0, react.useCallback)(() => {
+		fileInputRef.current?.click();
+	}, []);
+	const handleFileChange = (0, react.useCallback)((e) => {
+		const file = e.target.files?.[0];
+		if (!file) return;
+		const reader = new FileReader();
+		reader.onload = (event) => {
+			onDraftAvatarChange(file, event.target?.result);
+		};
+		reader.readAsDataURL(file);
+	}, [onDraftAvatarChange]);
+	const resolvedPreview = draftAvatarPreview ?? avatarPreview;
+	const hasAvatarPreview = Boolean(resolvedPreview);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "agg-profile-about flex flex-col gap-8",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "agg-profile-avatar-section flex w-full items-center gap-6",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					onClick: handleAvatarClick,
+					className: require_primitives.cn("agg-profile-avatar-trigger", "group relative flex items-center justify-center self-start", "h-[80px] w-[80px]", "rounded-agg-full", "bg-agg-secondary-hover", !hasAvatarPreview && "hover:bg-agg-tertiary", "transition-colors cursor-pointer", "overflow-hidden"),
+					"aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
+					children: [!hasAvatarPreview ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+						"aria-hidden": true,
+						viewBox: "0 0 80 80",
+						className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+							cx: "40",
+							cy: "40",
+							r: "39.5",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1",
+							strokeDasharray: "8 8"
+						})
+					}) : null, resolvedPreview ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.RemoteImage, {
+						src: resolvedPreview,
+						alt: labels.onboarding.profileSetup.profilePreviewAlt,
+						className: "h-full w-full object-cover"
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+						name: "profile",
+						className: "h-7 w-7 text-agg-muted-foreground"
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					ref: fileInputRef,
+					type: "file",
+					accept: "image/*",
+					onChange: handleFileChange,
+					className: "hidden",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+						htmlFor: "profile-username",
+						className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+						children: "Username"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						id: "profile-username",
+						type: "text",
+						placeholder: "e.g. CryptoJohn",
+						value: draftUsername,
+						onChange: (e) => onDraftUsernameChange(e.target.value),
+						className: require_primitives.cn("h-10 w-full px-3 py-2.5", "rounded-agg-sm", "border border-agg-separator", "bg-agg-secondary text-agg-foreground", "placeholder:text-agg-muted-foreground", "outline-none", "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary", "transition-colors", "text-agg-sm sm:text-agg-base")
+					})]
+				})
+			]
+		})
+	});
+};
+AboutTab.displayName = "AboutTab";
+//#endregion
+//#region src/profile/tabs/accounts-wallets-tab.tsx
+const SectionTitle$1 = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+	className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+	children
+});
+const AccountRow = ({ children, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	className: require_primitives.cn("flex h-12 items-center justify-between", "rounded-agg-lg border border-agg-separator bg-agg-secondary", "px-5", className),
+	children
+});
+const AccountIdentity = ({ icon, label, iconClassName }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	className: "flex min-w-0 items-center gap-3",
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: require_primitives.cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+			name: icon,
+			size: "small",
+			color: "currentColor"
+		})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground",
+		children: label
+	})]
+});
+const ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+	type: "button",
+	onClick,
+	className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap",
+	children: "Connect"
+});
+const DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+	type: "button",
+	onClick,
+	className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-muted-foreground whitespace-nowrap",
+	children: "Disconnect"
+});
+const VerifiedBadge = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+	name: "check-badge",
+	size: "small",
+	color: "var(--agg-color-primary, #536dfe)"
+});
+const getWalletIconName = (wallet) => {
+	const chain = wallet.chain.toLowerCase();
+	if (chain === "solana" || chain === "svm") return "solana";
+	return "ethereum";
+};
+const ConnectedAccountRow = ({ icon, label, connectedLabel, connected, iconClassName, onConnect, onDisconnect }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AccountRow, {
+		className: "agg-social-account-row gap-4",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex min-w-0 items-center gap-3",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountIdentity, {
+				icon,
+				label: connected ? connectedLabel ?? label : label,
+				iconClassName
+			}), connected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VerifiedBadge, {}) : null]
+		}), connected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectTextButton, { onClick: onConnect })]
+	});
+};
+const AccountsWalletsTab = ({ socialAccounts, email, wallets = [], onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onConnectEmail }) => {
+	const twitter = socialAccounts?.twitter;
+	const google = socialAccounts?.google;
+	const apple = socialAccounts?.apple;
+	const hasEmail = Boolean(email);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "agg-accounts-wallets-tab flex flex-col gap-6",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "agg-social-accounts-section flex flex-col gap-3",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionTitle$1, { children: "Connected accounts" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "agg-social-accounts-list flex flex-col gap-4",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectedAccountRow, {
+						icon: "google",
+						iconClassName: "text-agg-foreground",
+						label: "Google",
+						connected: google?.connected,
+						connectedLabel: google?.handle,
+						onConnect: onConnectGoogle,
+						onDisconnect: onDisconnectGoogle
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectedAccountRow, {
+						icon: "apple",
+						iconClassName: "text-agg-foreground",
+						label: "Apple",
+						connected: apple?.connected,
+						connectedLabel: apple?.handle,
+						onConnect: onConnectApple,
+						onDisconnect: onDisconnectApple
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectedAccountRow, {
+						icon: "twitter",
+						iconClassName: "text-agg-foreground",
+						label: "X (Twitter)",
+						connected: twitter?.connected,
+						connectedLabel: twitter?.handle,
+						onConnect: onConnectTwitter,
+						onDisconnect: onDisconnectTwitter
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectedAccountRow, {
+						icon: "email",
+						iconClassName: "text-agg-foreground",
+						label: "Email address",
+						connected: hasEmail,
+						connectedLabel: email ?? void 0,
+						onConnect: onConnectEmail
+					})
+				]
+			})]
+		}), wallets.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "agg-wallets-section flex flex-col gap-3",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionTitle$1, { children: "Wallets" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex flex-col gap-2",
+				children: wallets.map((wallet) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountRow, {
+					className: "gap-4",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex min-w-0 items-center gap-3",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountIdentity, {
+							icon: getWalletIconName(wallet),
+							iconClassName: "text-agg-foreground",
+							label: wallet.displayAddress ?? wallet.address
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VerifiedBadge, {})]
+					})
+				}, `${wallet.chain}:${wallet.address}`))
+			})]
+		}) : null]
+	});
+};
+AccountsWalletsTab.displayName = "AccountsWalletsTab";
+//#endregion
+//#region src/profile/tabs/trading-access-tab.tsx
+const TRADING_ACCESS_VENUE_ITEMS = [
+	"kalshi",
+	"betdex",
+	"tiprun",
+	"polymarket",
+	"opinion",
+	"probable",
+	"limitless",
+	"predict",
+	"myriad",
+	"hyperliquid",
+	"novig",
+	"prophetx",
+	"pred"
+].map((id) => ({ id }));
+const SectionTitle = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+	className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
+	children
+});
+const AccessRow = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	className: require_primitives.cn("flex h-12 items-center justify-between gap-4", "rounded-agg-lg border border-agg-separator bg-agg-secondary", "px-5"),
+	children
+});
+const AvailableStatus = () => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+			name: "check-badge",
+			size: "small",
+			className: "text-agg-primary"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap",
+			children: labels.trading.tradingAccessAvailable
+		})]
+	});
+};
+const GeoblockedStatus = () => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-2 text-agg-muted-foreground",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+			name: "warning-filled",
+			size: "small",
+			color: "currentColor"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap",
+			children: labels.trading.venueUnavailableInRegion
+		})]
+	});
+};
+const TradingAccessTab = ({ venueAccounts, onConnectKalshi, onDisconnectKalshi, onConfigureBetdex }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const { disabledVenues, isLoading: isAppConfigLoading } = (0, _agg_build_hooks.useAppConfig)();
+	const { isLocationBlocked } = (0, _agg_build_hooks.useGeoBlock)();
+	const hasBetdexAccount = venueAccounts?.some((account) => account.venue === "betdex") ?? false;
+	const visibleVenues = (0, react.useMemo)(() => {
+		const visible = (0, _agg_build_hooks.getVisibleVenuesByConfig)(TRADING_ACCESS_VENUE_ITEMS, disabledVenues);
+		return TRADING_ACCESS_VENUE_ITEMS.filter((item) => visible.includes(item) || item.id === "betdex" && hasBetdexAccount);
+	}, [disabledVenues, hasBetdexAccount]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "agg-trading-access-section flex flex-col gap-4",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionTitle, { children: labels.trading.tradingAccessVenues }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex flex-col gap-3",
+			children: visibleVenues.map(({ id: venue }) => {
+				const venueAccount = venueAccounts?.find((account) => account.venue === venue);
+				const isKalshi = venue === "kalshi";
+				const isBetdex = venue === "betdex";
+				const canManageBetdex = isBetdex && hasBetdexAccount && !isAppConfigLoading;
+				const isConnected = venueAccount?.status === "active";
+				const availabilityState = (0, _agg_build_hooks.getVenueAvailabilityState)({
+					venueId: venue,
+					disabledVenues,
+					isConfigLoading: (isKalshi || isBetdex) && isAppConfigLoading,
+					isLocationBlocked
+				});
+				const displayName = require_primitives.venueLogoLabels[venue] ?? venue;
+				if (availabilityState === "hidden" && !canManageBetdex) return null;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AccessRow, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex min-w-0 items-center gap-3",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.VenueLogo, {
+						venue,
+						size: "small"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground",
+						children: displayName
+					})]
+				}), isBetdex && (availabilityState === "available" || canManageBetdex) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: onConfigureBetdex,
+					disabled: !onConfigureBetdex,
+					"aria-label": labels.trading.manageBetdexAccount,
+					className: "min-h-11 shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
+					children: labels.trading.configureBetdexAccount
+				}) : availabilityState === "geoblocked" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: onConnectKalshi,
+					disabled: !onConnectKalshi,
+					className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
+					children: labels.trading.tradingAccessAddKalshiAccount
+				}) : isKalshi ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvailableStatus, {}), onDisconnectKalshi ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: onDisconnectKalshi,
+						className: "min-h-11 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+						children: labels.auth.disconnect
+					}) : null]
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvailableStatus, {})] }, venue);
+			})
+		})]
+	});
+};
+TradingAccessTab.displayName = "TradingAccessTab";
+//#endregion
+//#region src/profile/index.tsx
+const ProfileModal = ({ open, onOpenChange, username, avatarPreview, onSave, onDeleteProfile, socialAccounts, wallets, email, onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onDisconnectWallet, onConnectEmail, onKycError, onConnectKalshi, onDisconnectExchange }) => {
+	const client = (0, _agg_build_hooks.useAggClient)();
+	const { user } = (0, _agg_build_hooks.useAggAuthState)();
+	const toastCtx = require_primitives.useOptionalToast();
+	const [activeTab, setActiveTab] = (0, react.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+	const profileTabItems = (0, react.useMemo)(() => getProfileTabItems(), []);
+	const resolvedInitialUsername = username ?? user?.username ?? "";
+	const [draftUsername, setDraftUsername] = (0, react.useState)(resolvedInitialUsername);
+	const [draftAvatarFile, setDraftAvatarFile] = (0, react.useState)();
+	const [draftAvatarPreview, setDraftAvatarPreview] = (0, react.useState)();
+	const [isSaving, setIsSaving] = (0, react.useState)(false);
+	const [avatarTypeError, setAvatarTypeError] = (0, react.useState)(null);
+	const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, react.useState)(false);
+	const [betdexAccountUserId, setBetdexAccountUserId] = (0, react.useState)(null);
+	const isBetdexAccountModalOpen = !!user?.id && betdexAccountUserId === user.id;
+	const { data: kalshiStatus, refetch: refetchKalshiStatus } = (0, _agg_build_hooks.useVenueKeyStatus)(_agg_build_sdk.Venue.kalshi, open);
+	(0, react.useEffect)(() => {
+		setDraftUsername(username ?? user?.username ?? "");
+	}, [username, user?.username]);
+	(0, react.useEffect)(() => {
+		if (open) return;
+		setIsConnectKalshiModalOpen(false);
+		setBetdexAccountUserId(null);
+	}, [open]);
+	(0, react.useEffect)(() => setBetdexAccountUserId(null), [user?.id]);
+	const handleOpenChange = (0, react.useCallback)((isOpen) => {
+		if (!isOpen) {
+			setActiveTab(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+			setIsSaving(false);
+			setDraftUsername(username ?? user?.username ?? "");
+			setDraftAvatarFile(void 0);
+			setDraftAvatarPreview(void 0);
+			setAvatarTypeError(null);
+		}
+		onOpenChange(isOpen);
+	}, [
+		onOpenChange,
+		username,
+		user?.username,
+		setActiveTab,
+		setIsSaving,
+		setDraftUsername,
+		setDraftAvatarFile,
+		setDraftAvatarPreview
+	]);
+	const handleDraftAvatarChange = (0, react.useCallback)((file, preview) => {
+		if (file && ![
+			"image/jpeg",
+			"image/png",
+			"image/gif",
+			"image/webp"
+		].includes(file.type)) {
+			setAvatarTypeError("Unsupported format. Please use JPEG, PNG, GIF, or WebP.");
+			return;
+		}
+		setAvatarTypeError(null);
+		setDraftAvatarFile(file);
+		setDraftAvatarPreview(preview);
+	}, []);
+	const originalUsername = username ?? user?.username ?? "";
+	const hasChanges = draftUsername !== originalUsername || draftAvatarFile !== void 0;
+	const handleSave = (0, react.useCallback)(async () => {
+		setIsSaving(true);
+		try {
+			const normalizedUsername = draftUsername.trim();
+			if (normalizedUsername !== originalUsername) await client.updateUser({ username: normalizedUsername || void 0 });
+			let avatarCdnUrl;
+			if (draftAvatarFile) {
+				const { uploadUrl, cdnUrl } = await client.createAvatarUploadUrl(draftAvatarFile.type);
+				const uploadResponse = await fetch(uploadUrl, {
+					method: "PUT",
+					headers: { "Content-Type": draftAvatarFile.type },
+					body: draftAvatarFile
+				});
+				if (!uploadResponse.ok) throw new Error(`Avatar upload failed (${uploadResponse.status})`);
+				avatarCdnUrl = cdnUrl || void 0;
+				await new Promise((resolve) => setTimeout(resolve, 5e3));
+				await client.updateUser({ confirmAvatar: true });
+			}
+			const resolvedAvatarPreview = (await client.getCurrentUser())?.avatarUrl ?? avatarCdnUrl ?? draftAvatarPreview;
+			onSave({
+				username: normalizedUsername || void 0,
+				avatarFile: draftAvatarFile,
+				avatarPreview: resolvedAvatarPreview
+			});
+			onOpenChange(false);
+		} catch (err) {
+			const apiError = err;
+			const fieldErrors = (apiError.errors ?? []).map((e) => e?.message).filter((m) => typeof m === "string" && m.length > 0);
+			const toastMessage = fieldErrors.length > 0 ? fieldErrors.join("\n") : apiError.message || "Failed to save profile. Please try again.";
+			if (toastCtx) toastCtx.toast(toastMessage, {
+				tone: "error",
+				title: "Could not save profile"
+			});
+			else if (typeof console !== "undefined") console.error("[ProfileModal] save failed:", toastMessage);
+		} finally {
+			setIsSaving(false);
+		}
+	}, [
+		client,
+		draftAvatarFile,
+		draftAvatarPreview,
+		draftUsername,
+		onOpenChange,
+		onSave,
+		originalUsername,
+		toastCtx
+	]);
+	const handleCancel = (0, react.useCallback)(() => {
+		handleOpenChange(false);
+	}, [handleOpenChange]);
+	const handleVerifyKalshi = (0, react.useCallback)(async (credentials) => {
+		if (onConnectKalshi) await onConnectKalshi(credentials);
+		else await client.upsertVenueKey({
+			venue: _agg_build_sdk.Venue.kalshi,
+			credentials: {
+				keyId: credentials.apiKeyId,
+				privateKey: credentials.privateKey
+			}
+		});
+		await refetchKalshiStatus();
+		await client.getCurrentUser();
+	}, [
+		client,
+		onConnectKalshi,
+		refetchKalshiStatus
+	]);
+	const handleDisconnectKalshi = (0, react.useCallback)(async () => {
+		await client.deleteVenueKey(_agg_build_sdk.Venue.kalshi);
+		await refetchKalshiStatus();
+		onDisconnectExchange?.(_agg_build_sdk.Venue.kalshi);
+	}, [
+		client,
+		onDisconnectExchange,
+		refetchKalshiStatus
+	]);
+	const resolvedVenueAccounts = (0, react.useMemo)(() => {
+		const nonKalshiAccounts = user?.venueAccounts?.filter((account) => account.venue !== "kalshi");
+		if (!kalshiStatus) return user?.venueAccounts;
+		if (!kalshiStatus?.connected) return nonKalshiAccounts;
+		return [...nonKalshiAccounts ?? [], {
+			id: "kalshi-venue-key",
+			venue: _agg_build_sdk.Venue.kalshi,
+			status: "active",
+			kycStatus: kalshiStatus.kycStatus
+		}];
+	}, [kalshiStatus, user?.venueAccounts]);
+	const isAccountConnected = (providers) => {
+		const normalizedProviders = providers.map((provider) => provider.toLowerCase());
+		const fromAccounts = user?.accounts?.some((account) => normalizedProviders.includes(String(account.provider).toLowerCase())) ?? false;
+		const fromLegacy = (user?.identities)?.some((identity) => normalizedProviders.includes(String(identity.provider ?? "").toLowerCase())) ?? false;
+		return fromAccounts || fromLegacy;
+	};
+	const resolvedSocialAccounts = socialAccounts ?? {
+		twitter: { connected: isAccountConnected(["twitter"]) },
+		google: { connected: isAccountConnected(["google"]) },
+		apple: { connected: isAccountConnected(["apple"]) }
+	};
+	const resolvedEmail = email ?? user?.accounts?.find((account) => String(account.provider).toLowerCase() === "email")?.providerAccountId ?? user?.identities?.find((identity) => String(identity.provider ?? "").toLowerCase() === "email")?.providerAccountId ?? null;
+	const resolveRedirectUrl = () => {
+		if (typeof window === "undefined") return "http://localhost";
+		return `${window.location.origin}${window.location.pathname}${window.location.search}`;
+	};
+	const navigateTopWindow = (url) => {
+		if (typeof window === "undefined") return;
+		(window.top ?? window).location.assign(url);
+	};
+	const surfaceError = (0, react.useCallback)((err, title) => {
+		const message = err?.message || "Something went wrong. Please try again.";
+		if (toastCtx) toastCtx.toast(message, {
+			tone: "error",
+			title
+		});
+		else console.error(`[ProfileModal] ${title}:`, message);
+	}, [toastCtx]);
+	const handleConnectTwitter = (0, react.useCallback)(async () => {
+		try {
+			const result = await client.linkAccount({
+				provider: "twitter",
+				redirectUrl: resolveRedirectUrl()
+			});
+			onConnectTwitter?.();
+			if (result.type === "redirect") navigateTopWindow(result.url);
+		} catch (err) {
+			surfaceError(err, "Could not connect X (Twitter)");
+		}
+	}, [
+		client,
+		onConnectTwitter,
+		surfaceError
+	]);
+	const handleConnectGoogle = (0, react.useCallback)(async () => {
+		try {
+			const result = await client.linkAccount({
+				provider: "google",
+				redirectUrl: resolveRedirectUrl()
+			});
+			onConnectGoogle?.();
+			if (result.type === "redirect") navigateTopWindow(result.url);
+		} catch (err) {
+			surfaceError(err, "Could not connect Google");
+		}
+	}, [
+		client,
+		onConnectGoogle,
+		surfaceError
+	]);
+	const handleConnectApple = (0, react.useCallback)(async () => {
+		try {
+			const result = await client.linkAccount({
+				provider: "apple",
+				redirectUrl: resolveRedirectUrl()
+			});
+			onConnectApple?.();
+			if (result.type === "redirect") navigateTopWindow(result.url);
+		} catch (err) {
+			surfaceError(err, "Could not connect Apple");
+		}
+	}, [
+		client,
+		onConnectApple,
+		surfaceError
+	]);
+	const handleDisconnectTwitter = (0, react.useCallback)(async () => {
+		try {
+			await client.disconnectAccount("twitter");
+			await client.getCurrentUser();
+			onDisconnectTwitter?.();
+		} catch (err) {
+			surfaceError(err, "Could not disconnect X (Twitter)");
+		}
+	}, [
+		client,
+		onDisconnectTwitter,
+		surfaceError
+	]);
+	const handleDisconnectGoogle = (0, react.useCallback)(async () => {
+		try {
+			await client.disconnectAccount("google");
+			await client.getCurrentUser();
+			onDisconnectGoogle?.();
+		} catch (err) {
+			surfaceError(err, "Could not disconnect Google");
+		}
+	}, [
+		client,
+		onDisconnectGoogle,
+		surfaceError
+	]);
+	const handleDisconnectApple = (0, react.useCallback)(async () => {
+		try {
+			await client.disconnectAccount("apple");
+			await client.getCurrentUser();
+			onDisconnectApple?.();
+		} catch (err) {
+			surfaceError(err, "Could not disconnect Apple");
+		}
+	}, [
+		client,
+		onDisconnectApple,
+		surfaceError
+	]);
+	const handleConnectEmail = (0, react.useCallback)(async () => {
+		const typedEmail = typeof window !== "undefined" ? window.prompt("Enter your email to receive a magic link")?.trim() : void 0;
+		if (!typedEmail) return;
+		try {
+			await client.linkAccount({
+				provider: "email",
+				email: typedEmail,
+				redirectUrl: resolveRedirectUrl()
+			});
+			onConnectEmail?.();
+			toastCtx?.toast(`We sent a link to ${typedEmail} to connect your email.`, {
+				tone: "success",
+				title: "Check your inbox"
+			});
+		} catch (err) {
+			surfaceError(err, "Could not connect email");
+		}
+	}, [
+		client,
+		onConnectEmail,
+		surfaceError,
+		toastCtx
+	]);
+	const handleDisconnectWallet = (0, react.useCallback)(async (wallet) => {
+		const normalizedChain = wallet.chain.toLowerCase();
+		const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
+		try {
+			await client.disconnectAccount(provider);
+			await client.getCurrentUser();
+			onDisconnectWallet?.(wallet);
+		} catch (err) {
+			surfaceError(err, "Could not disconnect wallet");
+		}
+	}, [
+		client,
+		onDisconnectWallet,
+		surfaceError
+	]);
+	const providerActionMap = (0, react.useMemo)(() => ({
+		twitter: {
+			connect: () => {
+				handleConnectTwitter();
+			},
+			disconnect: () => {
+				handleDisconnectTwitter();
+			}
+		},
+		google: {
+			connect: () => {
+				handleConnectGoogle();
+			},
+			disconnect: () => {
+				handleDisconnectGoogle();
+			}
+		},
+		apple: {
+			connect: () => {
+				handleConnectApple();
+			},
+			disconnect: () => {
+				handleDisconnectApple();
+			}
+		},
+		email: { connect: () => {
+			handleConnectEmail();
+		} }
+	}), [
+		handleConnectApple,
+		handleConnectEmail,
+		handleConnectGoogle,
+		handleConnectTwitter,
+		handleDisconnectApple,
+		handleDisconnectGoogle,
+		handleDisconnectTwitter
+	]);
+	const resolvedWallets = (0, react.useMemo)(() => {
+		if (wallets) return wallets;
+		return ((user?.accounts)?.filter((account) => {
+			const provider = account.provider?.toLowerCase();
+			return provider === "wallet" || provider === "solana_wallet";
+		}) ?? []).filter((account) => Boolean(account.providerAccountId)).map((account) => {
+			const chain = account.provider?.toLowerCase() === "solana_wallet" ? "solana" : "evm";
+			const address = account.providerAccountId;
+			return {
+				chain,
+				address,
+				displayAddress: require_primitives.shortenAddress(address, { chain }) ?? address
+			};
+		});
+	}, [user?.accounts, wallets]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal, {
+		open: open && !isConnectKalshiModalOpen && !isBetdexAccountModalOpen,
+		onOpenChange: handleOpenChange,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Container, {
+				maxWidth: "800px",
+				"aria-label": "Edit Profile",
+				classNames: { container: require_primitives.cn("agg-profile-modal", "min-h-[37.5rem]") },
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Header, {
+						title: "Edit Profile",
+						classNames: { root: "agg-profile-modal-header" }
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "agg-profile-tabs sm:hidden w-full",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Tabs, {
+							className: "w-full [&>div]:w-full",
+							variant: "underline",
+							classNames: { tabList: "w-full" },
+							items: profileTabItems.map((tab) => ({
+								value: tab.value,
+								label: tab.label,
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+									name: tab.icon,
+									size: "small"
+								})
+							})),
+							value: activeTab,
+							onChange: (val) => setActiveTab(val)
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Body, {
+						classNames: { root: require_primitives.cn("agg-profile-modal-body", "overflow-x-visible") },
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "shrink-0",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+									className: require_primitives.cn("agg-profile-sidebar", "hidden sm:sticky sm:top-0 sm:self-start sm:flex sm:flex-col", "w-[240px]", "overflow-hidden rounded-agg-lg", "border border-agg-separator", "bg-agg-secondary", "py-3"),
+									role: "tablist",
+									"aria-label": "Profile sections",
+									children: profileTabItems.map((tab) => {
+										const isActive = activeTab === tab.value;
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											role: "tab",
+											"aria-selected": isActive,
+											onClick: () => setActiveTab(tab.value),
+											className: require_primitives.cn("agg-profile-tab-trigger", "relative flex items-center gap-3", "h-[49px] px-6 py-4", "text-agg-sm leading-agg-5 font-agg-sans", "transition-colors cursor-pointer", isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"),
+											children: [
+												isActive ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+													name: tab.icon,
+													size: "small",
+													color: "currentColor"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "shrink-0 whitespace-nowrap",
+													children: tab.label
+												})
+											]
+										}, tab.value);
+									})
+								})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "agg-profile-content min-w-0 flex-1",
+								children: [activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "agg-profile-accounts-tab flex flex-col gap-8",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AboutTab, {
+										username: username ?? user?.username,
+										avatarPreview: user?.avatarUrl ?? avatarPreview,
+										onDeleteProfile,
+										draftUsername,
+										onDraftUsernameChange: setDraftUsername,
+										draftAvatarFile,
+										onDraftAvatarChange: handleDraftAvatarChange,
+										draftAvatarPreview,
+										avatarError: avatarTypeError
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountsWalletsTab, {
+										socialAccounts: resolvedSocialAccounts,
+										wallets: resolvedWallets,
+										email: resolvedEmail,
+										onConnectTwitter: providerActionMap.twitter.connect,
+										onDisconnectTwitter: providerActionMap.twitter.disconnect,
+										onConnectGoogle: providerActionMap.google.connect,
+										onDisconnectGoogle: providerActionMap.google.disconnect,
+										onConnectApple: providerActionMap.apple.connect,
+										onDisconnectApple: providerActionMap.apple.disconnect,
+										onDisconnectWallet: (wallet) => {
+											handleDisconnectWallet(wallet);
+										},
+										onConnectEmail: providerActionMap.email.connect
+									})]
+								}) : null, activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TradingAccessTab, {
+									venueAccounts: resolvedVenueAccounts,
+									onConnectKalshi: () => setIsConnectKalshiModalOpen(true),
+									onConfigureBetdex: user?.id ? () => setBetdexAccountUserId(user.id) : void 0,
+									onDisconnectKalshi: handleDisconnectKalshi,
+									onKycError
+								}) : null]
+							})]
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Footer, {
+						classNames: { root: "agg-profile-modal-footer" },
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							variant: "secondary",
+							size: "large",
+							onClick: handleCancel,
+							className: "min-w-[120px]",
+							children: "Cancel"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							variant: "primary",
+							size: "large",
+							disabled: !hasChanges,
+							isLoading: isSaving,
+							onClick: handleSave,
+							children: "Save changes"
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_manage_betdex_account_modal.ManageBetdexAccountModal, {
+				userId: user?.id,
+				open: open && isBetdexAccountModalOpen,
+				onOpenChange: (isOpen) => setBetdexAccountUserId(isOpen ? user?.id ?? null : null)
+			}, user?.id ?? "signed-out"),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_manage_betdex_account_modal.ConnectKalshiModal, {
+				open: open && isConnectKalshiModalOpen,
+				onOpenChange: setIsConnectKalshiModalOpen,
+				onVerify: handleVerifyKalshi
+			})
+		]
+	});
+};
+ProfileModal.displayName = "ProfileModal";
+//#endregion
+//#region src/geo-block-modal/index.tsx
+const GeoBlockModal = ({ open, onOpenChange, onConfirm, classNames }) => {
+	const labels = (0, _agg_build_hooks.useLabels)();
+	const handleConfirm = (0, react.useCallback)(() => {
+		onConfirm?.();
+		onOpenChange(false);
+	}, [onConfirm, onOpenChange]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal, {
+		open,
+		onOpenChange,
+		"aria-label": labels.trading.geoBlockModalAriaLabel,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.Modal.Container, {
+			maxWidth: "480px",
+			classNames: { container: require_primitives.cn("!rounded-agg-2xl", classNames?.container) },
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Header, {
+				title: "",
+				hideBorder: true,
+				classNames: {
+					root: "min-h-0! h-12!",
+					container: "p-0! sm:p-0!",
+					close: "absolute top-8 right-8"
+				}
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Modal.Body, {
+				classNames: { root: require_primitives.cn("!px-10 !pt-0 !pb-12", classNames?.body) },
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col items-center gap-8",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Icon, {
+							name: "internet-security",
+							className: "h-[60px] w-[60px] text-agg-muted-foreground"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-col items-center gap-3 text-center",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+								className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground",
+								children: labels.trading.geoBlockModalTitle
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground",
+								children: labels.trading.geoBlockModalDescription
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.Button, {
+							variant: "secondary",
+							size: "large",
+							className: "h-10 min-w-[140px] px-6",
+							onClick: handleConfirm,
+							children: labels.trading.geoBlockModalConfirm
+						})
+					]
+				})
+			})]
+		})
+	});
+};
+GeoBlockModal.displayName = "GeoBlockModal";
+//#endregion
+Object.defineProperty(exports, "CARD_NETWORK_OPTIONS", {
+	enumerable: true,
+	get: function() {
+		return CARD_NETWORK_OPTIONS;
+	}
+});
+Object.defineProperty(exports, "ConnectAccountsStep", {
+	enumerable: true,
+	get: function() {
+		return ConnectAccountsStep;
+	}
+});
+Object.defineProperty(exports, "ConnectOnchainModal", {
+	enumerable: true,
+	get: function() {
+		return ConnectOnchainModal;
+	}
+});
+Object.defineProperty(exports, "DepositModal", {
+	enumerable: true,
+	get: function() {
+		return DepositModal;
+	}
+});
+Object.defineProperty(exports, "GeoBlockModal", {
+	enumerable: true,
+	get: function() {
+		return GeoBlockModal;
+	}
+});
+Object.defineProperty(exports, "HowItWorksStep", {
+	enumerable: true,
+	get: function() {
+		return HowItWorksStep;
+	}
+});
+Object.defineProperty(exports, "OnboardingModal", {
+	enumerable: true,
+	get: function() {
+		return OnboardingModal;
+	}
+});
+Object.defineProperty(exports, "PaperOnboardingModal", {
+	enumerable: true,
+	get: function() {
+		return PaperOnboardingModal;
+	}
+});
+Object.defineProperty(exports, "PaperTradingBadge", {
+	enumerable: true,
+	get: function() {
+		return PaperTradingBadge;
+	}
+});
+Object.defineProperty(exports, "PaperTradingOnboarding", {
+	enumerable: true,
+	get: function() {
+		return PaperTradingOnboarding;
+	}
+});
+Object.defineProperty(exports, "ProfileModal", {
+	enumerable: true,
+	get: function() {
+		return ProfileModal;
+	}
+});
+Object.defineProperty(exports, "ProfileSetupStep", {
+	enumerable: true,
+	get: function() {
+		return ProfileSetupStep;
+	}
+});
+Object.defineProperty(exports, "clearPendingCardSession", {
+	enumerable: true,
+	get: function() {
+		return clearPendingCardSession;
+	}
+});
+Object.defineProperty(exports, "getPendingCardSession", {
+	enumerable: true,
+	get: function() {
+		return getPendingCardSession;
+	}
+});