@burdenoff/microfe-coolandlovely 2026.614.1

package/dist/coolandlovely/pages/investor/InvestorProfilePage.js

@@ -0,0 +1,1065 @@
+import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { useInvestments as ee } from "../../hooks/useCoolAndLovelyApi.js";
+import { formatCurrency as r, formatDate as te } from "../../utils/formatters.js";
+import { mockActiveInvestments as i } from "../../mocks/data.js";
+import { useCallback as a, useMemo as o, useState as s } from "react";
+import { Bell as c, Briefcase as l, Building2 as u, Camera as ne, CheckCircle2 as d, DollarSign as re, Edit3 as ie, Eye as f, EyeOff as p, FileText as m, Globe as h, Linkedin as ae, Lock as g, Mail as _, MapPin as v, Monitor as y, Phone as oe, PieChart as b, Save as se, Shield as ce, Smartphone as le, TrendingUp as x, User as S, X as C } from "lucide-react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/investor/InvestorProfilePage.tsx
+var D = [
+	{
+		id: "personal",
+		label: "Personal Info",
+		Icon: S
+	},
+	{
+		id: "investment",
+		label: "Investment Profile",
+		Icon: x
+	},
+	{
+		id: "portfolio",
+		label: "Portfolio",
+		Icon: b
+	},
+	{
+		id: "documents",
+		label: "Documents",
+		Icon: m
+	},
+	{
+		id: "security",
+		label: "Security",
+		Icon: ce
+	},
+	{
+		id: "notifications",
+		label: "Notifications",
+		Icon: c
+	}
+], O = [
+	{
+		name: "PAN Card",
+		verifiedOn: "15 Dec 2023",
+		status: "verified"
+	},
+	{
+		name: "Aadhar Card",
+		verifiedOn: "15 Dec 2023",
+		status: "verified"
+	},
+	{
+		name: "Bank Statement",
+		verifiedOn: "20 Dec 2023",
+		status: "uploaded"
+	},
+	{
+		name: "Investment Agreement",
+		verifiedOn: "",
+		status: "template"
+	}
+], k = [
+	{
+		device: "Chrome on macOS",
+		location: "Bangalore, India",
+		date: "2024-01-16T08:30:00Z",
+		current: !0
+	},
+	{
+		device: "Safari on iPhone",
+		location: "Bangalore, India",
+		date: "2024-01-15T19:45:00Z",
+		current: !1
+	},
+	{
+		device: "Chrome on Windows",
+		location: "Mumbai, India",
+		date: "2024-01-14T10:20:00Z",
+		current: !1
+	}
+], ue = [
+	"Food & Beverage",
+	"Quick Commerce",
+	"Cloud Kitchen",
+	"Retail",
+	"Technology",
+	"Healthcare",
+	"Education",
+	"Logistics",
+	"FinTech"
+];
+function A() {
+	let { currentUser: c, navigateTo: ce } = e(), { data: A = [] } = ee(c?.id || ""), [j, M] = s("personal"), [N, P] = s(!1), [F, I] = s(!1), [L, R] = s(""), z = o(() => ({
+		firstName: c?.firstName ?? c?.name?.split(" ")[0] ?? "Rajesh",
+		lastName: c?.lastName ?? c?.name?.split(" ")[1] ?? "Mehta",
+		email: c?.email ?? "investor@burdenoff.com",
+		phone: "+91 98765 43230",
+		profileImage: c?.avatar ?? "",
+		investorType: "Angel Investor",
+		investmentRange: "5L - 25L",
+		preferredSectors: [
+			"Food & Beverage",
+			"Quick Commerce",
+			"Cloud Kitchen"
+		],
+		investmentHorizon: "3-5 years",
+		riskProfile: "Moderate",
+		companyName: "Mehta Ventures",
+		designation: "Managing Partner",
+		companyWebsite: "www.mehtaventures.com",
+		linkedinProfile: "linkedin.com/in/rajeshmehta",
+		address: "456, MG Road",
+		city: "Bangalore",
+		state: "Karnataka",
+		country: "India",
+		pincode: "560001"
+	}), [c]), [B, V] = s(z);
+	o(() => ({
+		totalInvested: A.reduce((e, t) => e + t.investedAmount, 0),
+		portfolioValue: A.reduce((e, t) => e + t.currentValue, 0),
+		totalReturns: A.reduce((e, t) => e + t.returns, 0),
+		activeInvestments: A.length
+	}), [A]);
+	let [H, de] = s([
+		{
+			id: "opportunities",
+			label: "New Investment Opportunities",
+			description: "Get notified about new investment opportunities matching your profile",
+			enabled: !0
+		},
+		{
+			id: "updates",
+			label: "Portfolio Updates",
+			description: "Regular updates on your portfolio performance",
+			enabled: !0
+		},
+		{
+			id: "reports",
+			label: "Monthly Reports",
+			description: "Detailed monthly investment reports",
+			enabled: !0
+		},
+		{
+			id: "events",
+			label: "Investor Events",
+			description: "Invitations to investor meetups and events",
+			enabled: !1
+		},
+		{
+			id: "news",
+			label: "Market News",
+			description: "Important market news and updates",
+			enabled: !0
+		},
+		{
+			id: "dividends",
+			label: "Dividend Alerts",
+			description: "Notifications when dividends are credited to your account",
+			enabled: !0
+		}
+	]), [fe, U] = s(!1), [W, G] = s(""), [K, q] = s(""), [J, Y] = s(""), [X, pe] = s(!1), [Z, me] = s(!1), [Q, he] = s(!1), $ = a((e, t) => {
+		V((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, []), ge = a(() => {
+		I(!0), setTimeout(() => {
+			I(!1), P(!1), R("Profile updated successfully!"), setTimeout(() => R(""), 3e3);
+		}, 1200);
+	}, []), _e = a((e) => {
+		let t = e.target.files?.[0];
+		if (t) {
+			let e = new FileReader();
+			e.onloadend = () => {
+				V((t) => ({
+					...t,
+					profileImage: e.result
+				}));
+			}, e.readAsDataURL(t);
+		}
+	}, []), ve = a((e) => {
+		de((t) => t.map((t) => t.id === e ? {
+			...t,
+			enabled: !t.enabled
+		} : t));
+	}, []), ye = a(() => {
+		if (!(!W || !K || !J)) {
+			if (K !== J) {
+				alert("Passwords do not match");
+				return;
+			}
+			if (K.length < 8) {
+				alert("Password must be at least 8 characters");
+				return;
+			}
+			alert("Password changed successfully!"), U(!1), G(""), q(""), Y("");
+		}
+	}, [
+		W,
+		K,
+		J
+	]), be = a(() => {
+		he((e) => {
+			let t = !e;
+			return alert(t ? "2FA has been enabled" : "2FA has been disabled"), t;
+		});
+	}, []);
+	return /* @__PURE__ */ T(n, {
+		title: "Investor Profile",
+		description: "Manage your investment profile and preferences",
+		actions: /* @__PURE__ */ E("div", {
+			className: "flex items-center gap-2",
+			children: [L && /* @__PURE__ */ T("span", {
+				className: "text-sm font-medium text-green-600 dark:text-green-400",
+				children: L
+			}), N ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("button", {
+				type: "button",
+				onClick: () => {
+					P(!1), V(z);
+				},
+				className: "flex items-center gap-2 rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+				children: [/* @__PURE__ */ T(C, { className: "h-4 w-4" }), "Cancel"]
+			}), /* @__PURE__ */ T("button", {
+				type: "button",
+				onClick: ge,
+				disabled: F,
+				className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors", F ? "cursor-not-allowed bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"),
+				children: F ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), "Saving..."] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(se, { className: "h-4 w-4" }), "Save Changes"] })
+			})] }) : /* @__PURE__ */ E("button", {
+				type: "button",
+				onClick: () => P(!0),
+				className: "flex items-center gap-2 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+				children: [/* @__PURE__ */ T(ie, { className: "h-4 w-4" }), "Edit Profile"]
+			})]
+		}),
+		children: /* @__PURE__ */ E("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-4",
+			children: [/* @__PURE__ */ E("div", {
+				className: "lg:col-span-1",
+				children: [
+					/* @__PURE__ */ E("div", {
+						className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+						children: [/* @__PURE__ */ E("div", {
+							className: "text-center",
+							children: [
+								/* @__PURE__ */ E("div", {
+									className: "relative mx-auto inline-block",
+									children: [/* @__PURE__ */ T("div", {
+										className: "h-20 w-20 overflow-hidden rounded-full bg-muted sm:h-24 sm:w-24",
+										children: B.profileImage ? /* @__PURE__ */ T("img", {
+											src: B.profileImage,
+											alt: "Profile",
+											className: "h-full w-full object-cover"
+										}) : /* @__PURE__ */ T("div", {
+											className: "flex h-full w-full items-center justify-center",
+											children: /* @__PURE__ */ T(S, { className: "h-10 w-10 text-muted-foreground" })
+										})
+									}), N && /* @__PURE__ */ E("label", {
+										className: "absolute bottom-0 right-0 flex h-8 w-8 cursor-pointer items-center justify-center rounded-full bg-primary text-primary-foreground hover:bg-primary/90 transition-colors",
+										children: [/* @__PURE__ */ T(ne, { className: "h-4 w-4" }), /* @__PURE__ */ T("input", {
+											type: "file",
+											accept: "image/*",
+											onChange: _e,
+											className: "hidden"
+										})]
+									})]
+								}),
+								/* @__PURE__ */ E("h3", {
+									className: "mt-3 text-base font-semibold text-foreground sm:text-lg",
+									children: [
+										B.firstName,
+										" ",
+										B.lastName
+									]
+								}),
+								/* @__PURE__ */ T("p", {
+									className: "text-sm text-muted-foreground",
+									children: B.investorType
+								}),
+								/* @__PURE__ */ T("p", {
+									className: "mt-1 truncate text-xs text-muted-foreground",
+									children: B.companyName
+								})
+							]
+						}), /* @__PURE__ */ E("div", {
+							className: "mt-5 space-y-3 border-t border-border pt-4",
+							children: [
+								/* @__PURE__ */ E("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ T("span", {
+										className: "text-xs text-muted-foreground sm:text-sm",
+										children: "Portfolio Value"
+									}), /* @__PURE__ */ T("span", {
+										className: "text-xs font-semibold text-primary sm:text-sm",
+										children: r(B.portfolioValue ?? 0, { minimumFractionDigits: 0 })
+									})]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ T("span", {
+										className: "text-xs text-muted-foreground sm:text-sm",
+										children: "Active Investments"
+									}), /* @__PURE__ */ T("span", {
+										className: "text-xs font-semibold text-foreground sm:text-sm",
+										children: B.activeInvestments
+									})]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ T("span", {
+										className: "text-xs text-muted-foreground sm:text-sm",
+										children: "Total Returns"
+									}), /* @__PURE__ */ E("span", {
+										className: "text-xs font-semibold text-green-600 dark:text-green-400 sm:text-sm",
+										children: ["+", r(B.totalReturns ?? 0, { minimumFractionDigits: 0 })]
+									})]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ T("span", {
+										className: "text-xs text-muted-foreground sm:text-sm",
+										children: "Total Invested"
+									}), /* @__PURE__ */ T("span", {
+										className: "text-xs font-semibold text-foreground sm:text-sm",
+										children: r(B.totalInvested ?? 0, { minimumFractionDigits: 0 })
+									})]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ T("div", {
+						className: "mt-4 flex gap-2 overflow-x-auto pb-2 lg:hidden",
+						children: D.map((e) => /* @__PURE__ */ E("button", {
+							type: "button",
+							onClick: () => M(e.id),
+							className: t("flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors", j === e.id ? "bg-primary text-primary-foreground shadow-sm" : "bg-card text-foreground hover:bg-accent"),
+							children: [/* @__PURE__ */ T(e.Icon, { className: "h-4 w-4 shrink-0" }), e.label]
+						}, e.id))
+					}),
+					/* @__PURE__ */ T("div", {
+						className: "mt-4 hidden space-y-2 lg:block",
+						children: D.map((e) => /* @__PURE__ */ E("button", {
+							type: "button",
+							onClick: () => M(e.id),
+							className: t("flex w-full items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-colors", j === e.id ? "bg-primary text-primary-foreground" : "bg-card text-foreground hover:bg-accent"),
+							children: [/* @__PURE__ */ T(e.Icon, { className: "h-4 w-4" }), e.label]
+						}, e.id))
+					})
+				]
+			}), /* @__PURE__ */ T("div", {
+				className: "lg:col-span-3",
+				children: /* @__PURE__ */ E("div", {
+					className: "rounded-lg border border-border bg-card p-4 sm:p-6 lg:p-8",
+					children: [
+						j === "personal" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+							className: "mb-6 text-lg font-semibold text-foreground sm:text-xl",
+							children: "Personal Information"
+						}), /* @__PURE__ */ E("div", {
+							className: "space-y-6",
+							children: [
+								/* @__PURE__ */ E("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
+									children: [
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											className: "mb-1 block text-sm font-medium text-foreground",
+											children: "First Name"
+										}), /* @__PURE__ */ T("input", {
+											type: "text",
+											value: B.firstName,
+											onChange: (e) => $("firstName", e.target.value),
+											disabled: !N,
+											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+										})] }),
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											className: "mb-1 block text-sm font-medium text-foreground",
+											children: "Last Name"
+										}), /* @__PURE__ */ T("input", {
+											type: "text",
+											value: B.lastName,
+											onChange: (e) => $("lastName", e.target.value),
+											disabled: !N,
+											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+										})] }),
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											className: "mb-1 block text-sm font-medium text-foreground",
+											children: "Email Address"
+										}), /* @__PURE__ */ E("div", {
+											className: "relative",
+											children: [/* @__PURE__ */ T(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ T("input", {
+												type: "email",
+												value: B.email,
+												onChange: (e) => $("email", e.target.value),
+												disabled: !N,
+												className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-3 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+											})]
+										})] }),
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											className: "mb-1 block text-sm font-medium text-foreground",
+											children: "Phone Number"
+										}), /* @__PURE__ */ E("div", {
+											className: "relative",
+											children: [/* @__PURE__ */ T(oe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ T("input", {
+												type: "tel",
+												value: B.phone,
+												onChange: (e) => $("phone", e.target.value),
+												disabled: !N,
+												className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-3 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+											})]
+										})] })
+									]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "border-t border-border pt-6",
+									children: [/* @__PURE__ */ T("h3", {
+										className: "mb-4 text-sm font-semibold text-foreground sm:text-base",
+										children: "Professional Details"
+									}), /* @__PURE__ */ E("div", {
+										className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
+										children: [
+											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+												className: "mb-1 block text-sm font-medium text-foreground",
+												children: "Company/Organization"
+											}), /* @__PURE__ */ E("div", {
+												className: "relative",
+												children: [/* @__PURE__ */ T(u, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ T("input", {
+													type: "text",
+													value: B.companyName,
+													onChange: (e) => $("companyName", e.target.value),
+													disabled: !N,
+													className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-3 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+												})]
+											})] }),
+											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+												className: "mb-1 block text-sm font-medium text-foreground",
+												children: "Designation"
+											}), /* @__PURE__ */ T("input", {
+												type: "text",
+												value: B.designation,
+												onChange: (e) => $("designation", e.target.value),
+												disabled: !N,
+												className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+											})] }),
+											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+												className: "mb-1 block text-sm font-medium text-foreground",
+												children: "Company Website"
+											}), /* @__PURE__ */ E("div", {
+												className: "relative",
+												children: [/* @__PURE__ */ T(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ T("input", {
+													type: "text",
+													value: B.companyWebsite,
+													onChange: (e) => $("companyWebsite", e.target.value),
+													disabled: !N,
+													className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-3 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+												})]
+											})] }),
+											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+												className: "mb-1 block text-sm font-medium text-foreground",
+												children: "LinkedIn Profile"
+											}), /* @__PURE__ */ E("div", {
+												className: "relative",
+												children: [/* @__PURE__ */ T(ae, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ T("input", {
+													type: "text",
+													value: B.linkedinProfile,
+													onChange: (e) => $("linkedinProfile", e.target.value),
+													disabled: !N,
+													className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-3 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+												})]
+											})] })
+										]
+									})]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "border-t border-border pt-6",
+									children: [/* @__PURE__ */ T("h3", {
+										className: "mb-4 text-sm font-semibold text-foreground sm:text-base",
+										children: "Address"
+									}), /* @__PURE__ */ E("div", {
+										className: "space-y-4",
+										children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											className: "mb-1 block text-sm font-medium text-foreground",
+											children: "Street Address"
+										}), /* @__PURE__ */ T("textarea", {
+											rows: 2,
+											value: B.address,
+											onChange: (e) => $("address", e.target.value),
+											disabled: !N,
+											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+										})] }), /* @__PURE__ */ E("div", {
+											className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
+											children: [
+												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+													className: "mb-1 block text-sm font-medium text-foreground",
+													children: "City"
+												}), /* @__PURE__ */ T("input", {
+													type: "text",
+													value: B.city,
+													onChange: (e) => $("city", e.target.value),
+													disabled: !N,
+													className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+												})] }),
+												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+													className: "mb-1 block text-sm font-medium text-foreground",
+													children: "State"
+												}), /* @__PURE__ */ T("input", {
+													type: "text",
+													value: B.state,
+													onChange: (e) => $("state", e.target.value),
+													disabled: !N,
+													className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+												})] }),
+												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+													className: "mb-1 block text-sm font-medium text-foreground",
+													children: "Country"
+												}), /* @__PURE__ */ T("input", {
+													type: "text",
+													value: B.country,
+													onChange: (e) => $("country", e.target.value),
+													disabled: !N,
+													className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+												})] }),
+												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+													className: "mb-1 block text-sm font-medium text-foreground",
+													children: "Pincode"
+												}), /* @__PURE__ */ T("input", {
+													type: "text",
+													value: B.pincode,
+													onChange: (e) => $("pincode", e.target.value),
+													disabled: !N,
+													className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+												})] })
+											]
+										})]
+									})]
+								})
+							]
+						})] }),
+						j === "investment" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+							className: "mb-6 text-lg font-semibold text-foreground sm:text-xl",
+							children: "Investment Profile"
+						}), /* @__PURE__ */ E("div", {
+							className: "space-y-6",
+							children: [
+								/* @__PURE__ */ E("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
+									children: [
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											className: "mb-1 block text-sm font-medium text-foreground",
+											children: "Investor Type"
+										}), /* @__PURE__ */ E("select", {
+											value: B.investorType,
+											onChange: (e) => $("investorType", e.target.value),
+											disabled: !N,
+											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+											children: [
+												/* @__PURE__ */ T("option", { children: "Angel Investor" }),
+												/* @__PURE__ */ T("option", { children: "Venture Capitalist" }),
+												/* @__PURE__ */ T("option", { children: "Private Equity" }),
+												/* @__PURE__ */ T("option", { children: "Strategic Investor" })
+											]
+										})] }),
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											className: "mb-1 block text-sm font-medium text-foreground",
+											children: "Investment Range"
+										}), /* @__PURE__ */ E("select", {
+											value: B.investmentRange,
+											onChange: (e) => $("investmentRange", e.target.value),
+											disabled: !N,
+											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+											children: [
+												/* @__PURE__ */ T("option", { children: "1L - 5L" }),
+												/* @__PURE__ */ T("option", { children: "5L - 25L" }),
+												/* @__PURE__ */ T("option", { children: "25L - 1Cr" }),
+												/* @__PURE__ */ T("option", { children: "1Cr+" })
+											]
+										})] }),
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											className: "mb-1 block text-sm font-medium text-foreground",
+											children: "Investment Horizon"
+										}), /* @__PURE__ */ E("select", {
+											value: B.investmentHorizon,
+											onChange: (e) => $("investmentHorizon", e.target.value),
+											disabled: !N,
+											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+											children: [
+												/* @__PURE__ */ T("option", { children: "1-2 years" }),
+												/* @__PURE__ */ T("option", { children: "3-5 years" }),
+												/* @__PURE__ */ T("option", { children: "5-7 years" }),
+												/* @__PURE__ */ T("option", { children: "7+ years" })
+											]
+										})] }),
+										/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+											className: "mb-1 block text-sm font-medium text-foreground",
+											children: "Risk Profile"
+										}), /* @__PURE__ */ E("select", {
+											value: B.riskProfile,
+											onChange: (e) => $("riskProfile", e.target.value),
+											disabled: !N,
+											className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground disabled:bg-muted disabled:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+											children: [
+												/* @__PURE__ */ T("option", { children: "Conservative" }),
+												/* @__PURE__ */ T("option", { children: "Moderate" }),
+												/* @__PURE__ */ T("option", { children: "Aggressive" })
+											]
+										})] })
+									]
+								}),
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+									className: "mb-3 block text-sm font-medium text-foreground",
+									children: "Preferred Sectors"
+								}), /* @__PURE__ */ T("div", {
+									className: "grid grid-cols-2 gap-3 sm:grid-cols-3",
+									children: ue.map((e) => /* @__PURE__ */ E("label", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ T("input", {
+											type: "checkbox",
+											checked: B.preferredSectors.includes(e),
+											onChange: (t) => {
+												t.target.checked ? $("preferredSectors", [...B.preferredSectors, e]) : $("preferredSectors", B.preferredSectors.filter((t) => t !== e));
+											},
+											disabled: !N,
+											className: "h-4 w-4 rounded border-border text-primary focus:ring-ring"
+										}), /* @__PURE__ */ T("span", {
+											className: "text-sm text-foreground",
+											children: e
+										})]
+									}, e))
+								})] }),
+								/* @__PURE__ */ E("div", {
+									className: "rounded-lg border border-border p-4",
+									children: [/* @__PURE__ */ E("div", {
+										className: "mb-2 flex items-center justify-between",
+										children: [/* @__PURE__ */ T("p", {
+											className: "text-sm font-medium text-foreground",
+											children: "Risk Tolerance"
+										}), /* @__PURE__ */ T("span", {
+											className: t("text-sm font-semibold", B.riskProfile === "Conservative" ? "text-green-600 dark:text-green-400" : B.riskProfile === "Moderate" ? "text-yellow-600 dark:text-yellow-400" : "text-red-600 dark:text-red-400"),
+											children: B.riskProfile
+										})]
+									}), /* @__PURE__ */ T("div", {
+										className: "flex gap-1",
+										children: [
+											"Conservative",
+											"Moderate",
+											"Aggressive"
+										].map((e) => /* @__PURE__ */ T("div", { className: t("h-2.5 flex-1 rounded-full", e === "Conservative" && "bg-green-500/30", e === "Moderate" && "bg-yellow-500/30", e === "Aggressive" && "bg-red-500/30", e === B.riskProfile && e === "Conservative" && "bg-green-500", e === B.riskProfile && e === "Moderate" && "bg-yellow-500", e === B.riskProfile && e === "Aggressive" && "bg-red-500") }, e))
+									})]
+								})
+							]
+						})] }),
+						j === "portfolio" && /* @__PURE__ */ E("div", { children: [
+							/* @__PURE__ */ T("h2", {
+								className: "mb-6 text-lg font-semibold text-foreground sm:text-xl",
+								children: "Investment Portfolio"
+							}),
+							/* @__PURE__ */ E("div", {
+								className: "mb-8 grid grid-cols-2 gap-4 sm:grid-cols-4 sm:gap-6",
+								children: [
+									/* @__PURE__ */ E("div", {
+										className: "rounded-lg bg-muted/50 p-4",
+										children: [
+											/* @__PURE__ */ T(re, { className: "mb-2 h-7 w-7 text-primary sm:h-8 sm:w-8" }),
+											/* @__PURE__ */ T("div", {
+												className: "text-lg font-bold text-foreground sm:text-2xl",
+												children: r(B.totalInvested ?? 0, {
+													minimumFractionDigits: 0,
+													notation: "compact"
+												})
+											}),
+											/* @__PURE__ */ T("div", {
+												className: "text-xs text-muted-foreground sm:text-sm",
+												children: "Total Invested"
+											})
+										]
+									}),
+									/* @__PURE__ */ E("div", {
+										className: "rounded-lg bg-muted/50 p-4",
+										children: [
+											/* @__PURE__ */ T(l, { className: "mb-2 h-7 w-7 text-blue-600 sm:h-8 sm:w-8" }),
+											/* @__PURE__ */ T("div", {
+												className: "text-lg font-bold text-foreground sm:text-2xl",
+												children: B.activeInvestments
+											}),
+											/* @__PURE__ */ T("div", {
+												className: "text-xs text-muted-foreground sm:text-sm",
+												children: "Active Investments"
+											})
+										]
+									}),
+									/* @__PURE__ */ E("div", {
+										className: "rounded-lg bg-muted/50 p-4",
+										children: [
+											/* @__PURE__ */ T(x, { className: "mb-2 h-7 w-7 text-green-600 sm:h-8 sm:w-8" }),
+											/* @__PURE__ */ T("div", {
+												className: "text-lg font-bold text-foreground sm:text-2xl",
+												children: r(B.totalReturns ?? 0, {
+													minimumFractionDigits: 0,
+													notation: "compact"
+												})
+											}),
+											/* @__PURE__ */ T("div", {
+												className: "text-xs text-muted-foreground sm:text-sm",
+												children: "Total Returns"
+											})
+										]
+									}),
+									/* @__PURE__ */ E("div", {
+										className: "rounded-lg bg-muted/50 p-4",
+										children: [
+											/* @__PURE__ */ T(b, { className: "mb-2 h-7 w-7 text-purple-600 sm:h-8 sm:w-8" }),
+											/* @__PURE__ */ T("div", {
+												className: "text-lg font-bold text-foreground sm:text-2xl",
+												children: r(B.portfolioValue ?? 0, {
+													minimumFractionDigits: 0,
+													notation: "compact"
+												})
+											}),
+											/* @__PURE__ */ T("div", {
+												className: "text-xs text-muted-foreground sm:text-sm",
+												children: "Portfolio Value"
+											})
+										]
+									})
+								]
+							}),
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
+								className: "mb-4 text-base font-semibold text-foreground",
+								children: "Active Investments"
+							}), /* @__PURE__ */ T("div", {
+								className: "space-y-3",
+								children: i.map((e, n) => /* @__PURE__ */ E("div", {
+									className: "rounded-lg border border-border bg-muted/30 p-4",
+									children: [/* @__PURE__ */ E("div", {
+										className: "mb-3 flex items-start justify-between",
+										children: [/* @__PURE__ */ T("h4", {
+											className: "text-sm font-medium text-foreground sm:text-base",
+											children: e.cartName
+										}), /* @__PURE__ */ E("span", {
+											className: t("text-sm font-semibold", e.returns > 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+											children: [
+												e.returns > 0 ? "+" : "",
+												e.returns,
+												"%"
+											]
+										})]
+									}), /* @__PURE__ */ E("div", {
+										className: "grid grid-cols-1 gap-3 text-sm sm:grid-cols-3",
+										children: [
+											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("span", {
+												className: "text-muted-foreground",
+												children: "Invested: "
+											}), /* @__PURE__ */ T("span", {
+												className: "font-medium text-foreground",
+												children: r(e.investedAmount, { minimumFractionDigits: 0 })
+											})] }),
+											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("span", {
+												className: "text-muted-foreground",
+												children: "Current Value: "
+											}), /* @__PURE__ */ T("span", {
+												className: "font-medium text-foreground",
+												children: r(e.currentValue, { minimumFractionDigits: 0 })
+											})] }),
+											/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("span", {
+												className: "text-muted-foreground",
+												children: "Returns: "
+											}), /* @__PURE__ */ T("span", {
+												className: "font-medium text-green-600 dark:text-green-400",
+												children: r(e.currentValue - e.investedAmount, { minimumFractionDigits: 0 })
+											})] })
+										]
+									})]
+								}, n))
+							})] })
+						] }),
+						j === "documents" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+							className: "mb-6 text-lg font-semibold text-foreground sm:text-xl",
+							children: "Documents & KYC"
+						}), /* @__PURE__ */ E("div", {
+							className: "space-y-6",
+							children: [
+								/* @__PURE__ */ E("div", {
+									className: "flex items-center gap-2 rounded-lg bg-green-500/10 px-4 py-3",
+									children: [/* @__PURE__ */ T(d, { className: "h-5 w-5 text-green-600 dark:text-green-400" }), /* @__PURE__ */ T("p", {
+										className: "text-sm font-medium text-green-600 dark:text-green-400",
+										children: "Your KYC is complete and verified"
+									})]
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6",
+									children: O.map((e) => /* @__PURE__ */ E("div", {
+										className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+										children: [
+											/* @__PURE__ */ T(m, { className: "mb-3 h-8 w-8 text-primary" }),
+											/* @__PURE__ */ T("h3", {
+												className: "text-base font-semibold text-foreground",
+												children: e.name
+											}),
+											/* @__PURE__ */ T("p", {
+												className: "mt-1 text-sm text-muted-foreground",
+												children: e.status === "verified" ? `Verified on ${e.verifiedOn}` : e.status === "uploaded" ? `Uploaded on ${e.verifiedOn}` : "Template available"
+											}),
+											/* @__PURE__ */ E("div", {
+												className: "mt-3 flex items-center gap-2",
+												children: [
+													e.status === "verified" && /* @__PURE__ */ E("span", {
+														className: "flex items-center gap-1 rounded-full bg-green-500/20 px-2 py-0.5 text-xs font-medium text-green-600 dark:text-green-400",
+														children: [/* @__PURE__ */ T(d, { className: "h-3 w-3" }), "Verified"]
+													}),
+													e.status === "uploaded" && /* @__PURE__ */ E("span", {
+														className: "flex items-center gap-1 rounded-full bg-blue-500/20 px-2 py-0.5 text-xs font-medium text-blue-600 dark:text-blue-400",
+														children: [/* @__PURE__ */ T(m, { className: "h-3 w-3" }), "Uploaded"]
+													}),
+													/* @__PURE__ */ T("button", {
+														type: "button",
+														onClick: () => alert(e.status === "template" ? `Downloading ${e.name} template...` : `Viewing ${e.name}...`),
+														className: "rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent transition-colors",
+														children: e.status === "template" ? "Download Template" : "View Document"
+													})
+												]
+											})
+										]
+									}, e.name))
+								}),
+								N && /* @__PURE__ */ E("div", {
+									className: "rounded-lg border-2 border-dashed border-border p-6 text-center",
+									children: [
+										/* @__PURE__ */ T(m, { className: "mx-auto mb-2 h-8 w-8 text-muted-foreground" }),
+										/* @__PURE__ */ T("p", {
+											className: "text-sm font-medium text-foreground",
+											children: "Upload New Document"
+										}),
+										/* @__PURE__ */ T("p", {
+											className: "mt-1 text-xs text-muted-foreground",
+											children: "PDF, JPG, or PNG up to 10MB"
+										}),
+										/* @__PURE__ */ E("label", {
+											className: "mt-3 inline-block cursor-pointer rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+											children: ["Choose File", /* @__PURE__ */ T("input", {
+												type: "file",
+												accept: ".pdf,.jpg,.png",
+												className: "hidden"
+											})]
+										})
+									]
+								})
+							]
+						})] }),
+						j === "security" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+							className: "mb-6 text-lg font-semibold text-foreground sm:text-xl",
+							children: "Security Settings"
+						}), /* @__PURE__ */ E("div", {
+							className: "space-y-6",
+							children: [
+								/* @__PURE__ */ E("div", {
+									className: "rounded-lg border border-border p-4 sm:p-6",
+									children: [
+										/* @__PURE__ */ E("div", {
+											className: "flex items-center gap-3 mb-3",
+											children: [/* @__PURE__ */ T(g, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ T("h3", {
+												className: "text-base font-semibold text-foreground",
+												children: "Change Password"
+											})]
+										}),
+										/* @__PURE__ */ T("p", {
+											className: "mb-4 text-sm text-muted-foreground",
+											children: "Update your password regularly to keep your account secure"
+										}),
+										fe ? /* @__PURE__ */ E("div", {
+											className: "space-y-4",
+											children: [
+												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+													className: "mb-1 block text-sm font-medium text-foreground",
+													children: "Current Password"
+												}), /* @__PURE__ */ E("div", {
+													className: "relative",
+													children: [/* @__PURE__ */ T("input", {
+														type: X ? "text" : "password",
+														value: W,
+														onChange: (e) => G(e.target.value),
+														className: "w-full rounded-lg border border-border bg-card px-3 py-2 pr-10 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+													}), /* @__PURE__ */ T("button", {
+														type: "button",
+														onClick: () => pe(!X),
+														className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+														children: T(X ? p : f, { className: "h-4 w-4" })
+													})]
+												})] }),
+												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+													className: "mb-1 block text-sm font-medium text-foreground",
+													children: "New Password"
+												}), /* @__PURE__ */ E("div", {
+													className: "relative",
+													children: [/* @__PURE__ */ T("input", {
+														type: Z ? "text" : "password",
+														value: K,
+														onChange: (e) => q(e.target.value),
+														className: "w-full rounded-lg border border-border bg-card px-3 py-2 pr-10 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+													}), /* @__PURE__ */ T("button", {
+														type: "button",
+														onClick: () => me(!Z),
+														className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+														children: T(Z ? p : f, { className: "h-4 w-4" })
+													})]
+												})] }),
+												/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("label", {
+													className: "mb-1 block text-sm font-medium text-foreground",
+													children: "Confirm New Password"
+												}), /* @__PURE__ */ T("input", {
+													type: "password",
+													value: J,
+													onChange: (e) => Y(e.target.value),
+													className: "w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+												})] }),
+												/* @__PURE__ */ E("div", {
+													className: "flex gap-3",
+													children: [/* @__PURE__ */ T("button", {
+														type: "button",
+														onClick: ye,
+														className: "rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+														children: "Update Password"
+													}), /* @__PURE__ */ T("button", {
+														type: "button",
+														onClick: () => {
+															U(!1), G(""), q(""), Y("");
+														},
+														className: "rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+														children: "Cancel"
+													})]
+												})
+											]
+										}) : /* @__PURE__ */ T("button", {
+											type: "button",
+											onClick: () => U(!0),
+											className: "rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											children: "Change Password"
+										})
+									]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "rounded-lg border border-border p-4 sm:p-6",
+									children: [
+										/* @__PURE__ */ E("div", {
+											className: "flex items-center gap-3 mb-3",
+											children: [/* @__PURE__ */ T(le, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ T("h3", {
+												className: "text-base font-semibold text-foreground",
+												children: "Two-Factor Authentication"
+											})]
+										}),
+										/* @__PURE__ */ T("p", {
+											className: "mb-4 text-sm text-muted-foreground",
+											children: "Add an extra layer of security to your investment account"
+										}),
+										/* @__PURE__ */ E("div", {
+											className: "flex items-center justify-between rounded-lg bg-muted/50 p-3",
+											children: [/* @__PURE__ */ T("div", {
+												className: "flex items-center gap-2",
+												children: /* @__PURE__ */ T("span", {
+													className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", Q ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-muted text-muted-foreground"),
+													children: Q ? "Enabled" : "Disabled"
+												})
+											}), /* @__PURE__ */ T("button", {
+												type: "button",
+												onClick: be,
+												className: t("rounded-lg px-4 py-2 text-sm font-medium transition-colors", Q ? "border border-border text-foreground hover:bg-accent" : "bg-primary text-primary-foreground hover:bg-primary/90"),
+												children: Q ? "Disable 2FA" : "Enable 2FA"
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "rounded-lg border border-border p-4 sm:p-6",
+									children: [/* @__PURE__ */ E("div", {
+										className: "flex items-center gap-3 mb-4",
+										children: [/* @__PURE__ */ T(y, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ T("h3", {
+											className: "text-base font-semibold text-foreground",
+											children: "Login Activity"
+										})]
+									}), /* @__PURE__ */ T("div", {
+										className: "space-y-3",
+										children: k.map((e, t) => /* @__PURE__ */ E("div", {
+											className: "flex items-center justify-between rounded-lg bg-muted/30 p-3",
+											children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("div", {
+												className: "flex items-center gap-2",
+												children: [/* @__PURE__ */ T("p", {
+													className: "text-sm font-medium text-foreground",
+													children: e.device
+												}), e.current && /* @__PURE__ */ T("span", {
+													className: "rounded-full bg-green-500/20 px-2 py-0.5 text-xs font-medium text-green-600 dark:text-green-400",
+													children: "Current"
+												})]
+											}), /* @__PURE__ */ E("div", {
+												className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground",
+												children: [
+													/* @__PURE__ */ T(v, { className: "h-3 w-3" }),
+													/* @__PURE__ */ T("span", { children: e.location }),
+													/* @__PURE__ */ T("span", { children: "•" }),
+													/* @__PURE__ */ T("span", { children: te(e.date, {
+														hour: "numeric",
+														minute: "2-digit"
+													}) })
+												]
+											})] }), !e.current && /* @__PURE__ */ T("button", {
+												type: "button",
+												onClick: () => alert("Session revoked"),
+												className: "rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent transition-colors",
+												children: "Revoke"
+											})]
+										}, t))
+									})]
+								})
+							]
+						})] }),
+						j === "notifications" && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+							className: "mb-6 text-lg font-semibold text-foreground sm:text-xl",
+							children: "Notification Preferences"
+						}), /* @__PURE__ */ E("div", {
+							className: "space-y-4",
+							children: [H.map((e) => /* @__PURE__ */ E("div", {
+								className: "flex items-center justify-between rounded-lg border border-border bg-muted/30 p-4",
+								children: [/* @__PURE__ */ E("div", {
+									className: "flex-1 pr-4",
+									children: [/* @__PURE__ */ T("h4", {
+										className: "text-sm font-medium text-foreground",
+										children: e.label
+									}), /* @__PURE__ */ T("p", {
+										className: "mt-0.5 text-xs text-muted-foreground sm:text-sm",
+										children: e.description
+									})]
+								}), /* @__PURE__ */ T("button", {
+									type: "button",
+									onClick: () => {
+										N && ve(e.id);
+									},
+									disabled: !N,
+									className: t("relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full transition-colors duration-200", e.enabled ? "bg-primary" : "bg-muted", !N && "cursor-not-allowed opacity-60"),
+									children: /* @__PURE__ */ T("span", { className: t("pointer-events-none inline-block h-5 w-5 translate-y-0.5 rounded-full bg-white shadow ring-0 transition-transform duration-200", e.enabled ? "translate-x-5" : "translate-x-0.5") })
+								})]
+							}, e.id)), /* @__PURE__ */ T("div", {
+								className: "mt-4 rounded-lg border border-border bg-muted/50 p-4",
+								children: /* @__PURE__ */ E("p", {
+									className: "text-sm text-muted-foreground",
+									children: [
+										H.filter((e) => e.enabled).length,
+										" of ",
+										H.length,
+										" ",
+										"notification types enabled.",
+										!N && /* @__PURE__ */ T("span", {
+											className: "ml-1",
+											children: "Click \"Edit Profile\" to modify preferences."
+										})
+									]
+								})
+							})]
+						})] })
+					]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { A as InvestorProfilePage };
+
+//# sourceMappingURL=InvestorProfilePage.js.map