@burdenoff/microfe-coolandlovely 2026.625.1 → 2026.625.2

package/dist/coolandlovely/pages/admin/AdminSettingsPage.js

@@ -2,11 +2,12 @@ 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 { useState as r } from "react";
-import { ArrowLeft as i, Bell as a, Database as o, Globe as s, HardDrive as c, Lock as l, Mail as u, Plug as d, Save as f, Server as p, Shield as m, Smartphone as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { ArrowLeft as i, Bell as a, Database as o, Globe as s, HardDrive as c, Lock as l, Mail as u, Plug as d, Save as f, Server as p, Settings as m, Shield as h, Smartphone as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { EmphasisPanel as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/admin/AdminSettingsPage.tsx
-function v() {
-	let { navigateTo: v } = e(), [y, b] = r(!1), [x, S] = r("general"), [C, w] = r({
+function x() {
+	let { navigateTo: x } = e(), [S, C] = r(!1), [w, T] = r("general"), [E, D] = r({
 		general: {
 			siteName: "CoolAndLovely",
 			siteUrl: "https://coolandlovely.com",
@@ -45,18 +46,18 @@ function v() {
 			paymentGateway: "razorpay",
 			analyticsService: "google"
 		}
-	}), T = async () => {
-		b(!0), await new Promise((e) => setTimeout(e, 1e3)), alert("Settings saved successfully"), b(!1);
-	}, E = (e, t, n) => {
-		w((r) => ({
+	}), O = async () => {
+		C(!0), await new Promise((e) => setTimeout(e, 1e3)), alert("Settings saved successfully"), C(!1);
+	}, k = (e, t, n) => {
+		D((r) => ({
 			...r,
 			[e]: {
 				...r[e],
 				[t]: n
 			}
 		}));
-	}, D = (e, t, n, r) => {
-		w((i) => ({
+	}, A = (e, t, n, r) => {
+		D((i) => ({
 			...i,
 			[e]: {
 				...i[e],
@@ -66,7 +67,7 @@ function v() {
 				}
 			}
 		}));
-	}, O = [
+	}, j = [
 		{
 			id: "general",
 			label: "General",
@@ -75,7 +76,7 @@ function v() {
 		{
 			id: "security",
 			label: "Security",
-			icon: m
+			icon: h
 		},
 		{
 			id: "notifications",
@@ -92,69 +93,73 @@ function v() {
 			label: "Integrations",
 			icon: d
 		}
-	], k = "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", A = "block text-sm font-medium text-text-secondary mb-2";
-	return /* @__PURE__ */ g(n, {
+	], M = "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", N = "block text-sm font-medium text-text-secondary mb-2";
+	return /* @__PURE__ */ v(n, {
 		title: "System Settings",
 		description: "Configure platform-wide settings and policies",
-		actions: /* @__PURE__ */ _("div", {
+		actions: /* @__PURE__ */ v("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ _("button", {
+			children: [/* @__PURE__ */ v("button", {
 				type: "button",
-				onClick: () => v("/admin"),
+				onClick: () => x("/admin"),
 				className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-				children: [/* @__PURE__ */ g(i, { className: "h-4 w-4" }), " Back"]
-			}), /* @__PURE__ */ _("button", {
+				children: [/* @__PURE__ */ _(i, { className: "h-4 w-4" }), " Back"]
+			}), /* @__PURE__ */ v("button", {
 				type: "button",
-				onClick: T,
-				disabled: y,
+				onClick: O,
+				disabled: S,
 				className: "flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
 				children: [
-					/* @__PURE__ */ g(f, { className: "h-4 w-4" }),
+					/* @__PURE__ */ _(f, { className: "h-4 w-4" }),
 					" ",
-					y ? "Saving..." : "Save Settings"
+					S ? "Saving..." : "Save Settings"
 				]
 			})]
 		}),
-		children: /* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ _(b, {
+			className: "mb-6",
+			icon: /* @__PURE__ */ _(m, { className: "h-4 w-4" }),
+			children: "The master switches for the whole platform. Configure general settings, security policies, notifications, database options and integrations in one place — changes here affect every user and business, so review carefully before you save."
+		}), /* @__PURE__ */ v("div", {
 			className: "flex flex-col lg:flex-row gap-6",
 			children: [
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: "lg:hidden",
-					children: /* @__PURE__ */ g("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 mb-4",
-						children: /* @__PURE__ */ g("div", {
+						children: /* @__PURE__ */ _("div", {
 							className: "grid grid-cols-2 sm:grid-cols-3 gap-2",
-							children: O.map((e) => {
+							children: j.map((e) => {
 								let n = e.icon;
-								return /* @__PURE__ */ _("button", {
+								return /* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: () => S(e.id),
-									className: t("flex items-center justify-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors", x === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary hover:bg-bg-sunken/80"),
-									children: [/* @__PURE__ */ g(n, { className: "h-4 w-4" }), /* @__PURE__ */ g("span", { children: e.label })]
+									onClick: () => T(e.id),
+									className: t("flex items-center justify-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors", w === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary hover:bg-bg-sunken/80"),
+									children: [/* @__PURE__ */ _(n, { className: "h-4 w-4" }), /* @__PURE__ */ _("span", { children: e.label })]
 								}, e.id);
 							})
 						})
 					})
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: "hidden lg:block lg:w-64 lg:shrink-0",
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ v("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface sticky top-24",
-						children: [/* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ _("div", {
 							className: "p-4 border-b border-border-subtle",
-							children: /* @__PURE__ */ g("h2", {
+							children: /* @__PURE__ */ _("h2", {
 								className: "font-semibold text-text-primary",
 								children: "Settings"
 							})
-						}), /* @__PURE__ */ g("nav", {
+						}), /* @__PURE__ */ _("nav", {
 							className: "p-2",
-							children: O.map((e) => {
+							children: j.map((e) => {
 								let n = e.icon;
-								return /* @__PURE__ */ _("button", {
+								return /* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: () => S(e.id),
-									className: t("w-full text-left px-3 py-2 rounded-lg mb-1 flex items-center gap-3 transition-colors", x === e.id ? "bg-action-primary-bg/10 text-primary font-medium" : "text-text-primary hover:bg-bg-sunken"),
-									children: [/* @__PURE__ */ g(n, { className: "h-4 w-4" }), /* @__PURE__ */ g("span", {
+									onClick: () => T(e.id),
+									className: t("w-full text-left px-3 py-2 rounded-lg mb-1 flex items-center gap-3 transition-colors", w === e.id ? "bg-action-primary-bg/10 text-primary font-medium" : "text-text-primary hover:bg-bg-sunken"),
+									children: [/* @__PURE__ */ _(n, { className: "h-4 w-4" }), /* @__PURE__ */ _("span", {
 										className: "text-sm",
 										children: e.label
 									})]
@@ -163,125 +168,125 @@ function v() {
 						})]
 					})
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: "flex-1 min-w-0",
-					children: /* @__PURE__ */ _("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
+					children: /* @__PURE__ */ v(y, {
+						className: "p-6",
 						children: [
-							x === "general" && /* @__PURE__ */ _("div", {
+							w === "general" && /* @__PURE__ */ v("div", {
 								className: "space-y-6",
 								children: [
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ v("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ g(s, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ g("h3", {
+										children: [/* @__PURE__ */ _(s, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ _("h3", {
 											className: "text-lg font-semibold text-text-primary",
 											children: "General Settings"
 										})]
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ v("div", {
 										className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 										children: [
-											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+												className: N,
 												children: "Site Name"
-											}), /* @__PURE__ */ g("input", {
+											}), /* @__PURE__ */ _("input", {
 												type: "text",
-												value: C.general.siteName,
-												onChange: (e) => E("general", "siteName", e.target.value),
-												className: k
+												value: E.general.siteName,
+												onChange: (e) => k("general", "siteName", e.target.value),
+												className: M
 											})] }),
-											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+												className: N,
 												children: "Site URL"
-											}), /* @__PURE__ */ g("input", {
+											}), /* @__PURE__ */ _("input", {
 												type: "text",
-												value: C.general.siteUrl,
-												onChange: (e) => E("general", "siteUrl", e.target.value),
-												className: k
+												value: E.general.siteUrl,
+												onChange: (e) => k("general", "siteUrl", e.target.value),
+												className: M
 											})] }),
-											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+												className: N,
 												children: "Timezone"
-											}), /* @__PURE__ */ _("select", {
-												value: C.general.timezone,
-												onChange: (e) => E("general", "timezone", e.target.value),
-												className: k,
+											}), /* @__PURE__ */ v("select", {
+												value: E.general.timezone,
+												onChange: (e) => k("general", "timezone", e.target.value),
+												className: M,
 												children: [
-													/* @__PURE__ */ g("option", {
+													/* @__PURE__ */ _("option", {
 														value: "Asia/Kolkata",
 														children: "Asia/Kolkata (IST)"
 													}),
-													/* @__PURE__ */ g("option", {
+													/* @__PURE__ */ _("option", {
 														value: "UTC",
 														children: "UTC"
 													}),
-													/* @__PURE__ */ g("option", {
+													/* @__PURE__ */ _("option", {
 														value: "America/New_York",
 														children: "America/New_York (EST)"
 													})
 												]
 											})] }),
-											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+												className: N,
 												children: "Currency"
-											}), /* @__PURE__ */ _("select", {
-												value: C.general.currency,
-												onChange: (e) => E("general", "currency", e.target.value),
-												className: k,
+											}), /* @__PURE__ */ v("select", {
+												value: E.general.currency,
+												onChange: (e) => k("general", "currency", e.target.value),
+												className: M,
 												children: [
-													/* @__PURE__ */ g("option", {
+													/* @__PURE__ */ _("option", {
 														value: "INR",
 														children: "Indian Rupee (INR)"
 													}),
-													/* @__PURE__ */ g("option", {
+													/* @__PURE__ */ _("option", {
 														value: "USD",
 														children: "US Dollar (USD)"
 													}),
-													/* @__PURE__ */ g("option", {
+													/* @__PURE__ */ _("option", {
 														value: "EUR",
 														children: "Euro (EUR)"
 													})
 												]
 											})] }),
-											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+												className: N,
 												children: "Language"
-											}), /* @__PURE__ */ _("select", {
-												value: C.general.language,
-												onChange: (e) => E("general", "language", e.target.value),
-												className: k,
+											}), /* @__PURE__ */ v("select", {
+												value: E.general.language,
+												onChange: (e) => k("general", "language", e.target.value),
+												className: M,
 												children: [
-													/* @__PURE__ */ g("option", {
+													/* @__PURE__ */ _("option", {
 														value: "en",
 														children: "English"
 													}),
-													/* @__PURE__ */ g("option", {
+													/* @__PURE__ */ _("option", {
 														value: "hi",
 														children: "Hindi"
 													}),
-													/* @__PURE__ */ g("option", {
+													/* @__PURE__ */ _("option", {
 														value: "ta",
 														children: "Tamil"
 													})
 												]
 											})] }),
-											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+												className: N,
 												children: "Date Format"
-											}), /* @__PURE__ */ _("select", {
-												value: C.general.dateFormat,
-												onChange: (e) => E("general", "dateFormat", e.target.value),
-												className: k,
+											}), /* @__PURE__ */ v("select", {
+												value: E.general.dateFormat,
+												onChange: (e) => k("general", "dateFormat", e.target.value),
+												className: M,
 												children: [
-													/* @__PURE__ */ g("option", {
+													/* @__PURE__ */ _("option", {
 														value: "DD/MM/YYYY",
 														children: "DD/MM/YYYY"
 													}),
-													/* @__PURE__ */ g("option", {
+													/* @__PURE__ */ _("option", {
 														value: "MM/DD/YYYY",
 														children: "MM/DD/YYYY"
 													}),
-													/* @__PURE__ */ g("option", {
+													/* @__PURE__ */ _("option", {
 														value: "YYYY-MM-DD",
 														children: "YYYY-MM-DD"
 													})
@@ -289,106 +294,106 @@ function v() {
 											})] })
 										]
 									}),
-									/* @__PURE__ */ _("label", {
+									/* @__PURE__ */ v("label", {
 										className: "flex items-center gap-2 mt-4",
-										children: [/* @__PURE__ */ g("input", {
+										children: [/* @__PURE__ */ _("input", {
 											type: "checkbox",
-											checked: C.general.maintenanceMode,
-											onChange: (e) => E("general", "maintenanceMode", e.target.checked),
+											checked: E.general.maintenanceMode,
+											onChange: (e) => k("general", "maintenanceMode", e.target.checked),
 											className: "rounded border-border-subtle text-primary focus:ring-primary"
-										}), /* @__PURE__ */ g("span", {
+										}), /* @__PURE__ */ _("span", {
 											className: "text-sm text-text-primary",
 											children: "Enable Maintenance Mode"
 										})]
 									})
 								]
 							}),
-							x === "security" && /* @__PURE__ */ _("div", {
+							w === "security" && /* @__PURE__ */ v("div", {
 								className: "space-y-6",
 								children: [
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ v("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ g(l, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ g("h3", {
+										children: [/* @__PURE__ */ _(l, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ _("h3", {
 											className: "text-lg font-semibold text-text-primary",
 											children: "Security Settings"
 										})]
 									}),
-									/* @__PURE__ */ _("div", { children: [
-										/* @__PURE__ */ g("h4", {
+									/* @__PURE__ */ v("div", { children: [
+										/* @__PURE__ */ _("h4", {
 											className: "font-medium text-text-primary mb-4",
 											children: "Password Policy"
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ v("div", {
 											className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-											children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+											children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+												className: N,
 												children: "Minimum Length"
-											}), /* @__PURE__ */ g("input", {
+											}), /* @__PURE__ */ _("input", {
 												type: "number",
-												value: C.security.passwordPolicy.minLength,
-												onChange: (e) => D("security", "passwordPolicy", "minLength", parseInt(e.target.value)),
+												value: E.security.passwordPolicy.minLength,
+												onChange: (e) => A("security", "passwordPolicy", "minLength", parseInt(e.target.value)),
 												min: 6,
 												max: 50,
-												className: k
-											})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: M
+											})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+												className: N,
 												children: "Session Timeout (minutes)"
-											}), /* @__PURE__ */ g("input", {
+											}), /* @__PURE__ */ _("input", {
 												type: "number",
-												value: C.security.sessionTimeout,
-												onChange: (e) => E("security", "sessionTimeout", parseInt(e.target.value)),
+												value: E.security.sessionTimeout,
+												onChange: (e) => k("security", "sessionTimeout", parseInt(e.target.value)),
 												min: 15,
 												max: 480,
-												className: k
+												className: M
 											})] })]
 										}),
-										/* @__PURE__ */ _("div", {
+										/* @__PURE__ */ v("div", {
 											className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-4",
 											children: [
-												/* @__PURE__ */ _("label", {
+												/* @__PURE__ */ v("label", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ g("input", {
+													children: [/* @__PURE__ */ _("input", {
 														type: "checkbox",
-														checked: C.security.passwordPolicy.requireUppercase,
-														onChange: (e) => D("security", "passwordPolicy", "requireUppercase", e.target.checked),
+														checked: E.security.passwordPolicy.requireUppercase,
+														onChange: (e) => A("security", "passwordPolicy", "requireUppercase", e.target.checked),
 														className: "rounded border-border-subtle text-primary focus:ring-primary"
-													}), /* @__PURE__ */ g("span", {
+													}), /* @__PURE__ */ _("span", {
 														className: "text-sm text-text-primary",
 														children: "Require Uppercase"
 													})]
 												}),
-												/* @__PURE__ */ _("label", {
+												/* @__PURE__ */ v("label", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ g("input", {
+													children: [/* @__PURE__ */ _("input", {
 														type: "checkbox",
-														checked: C.security.passwordPolicy.requireNumbers,
-														onChange: (e) => D("security", "passwordPolicy", "requireNumbers", e.target.checked),
+														checked: E.security.passwordPolicy.requireNumbers,
+														onChange: (e) => A("security", "passwordPolicy", "requireNumbers", e.target.checked),
 														className: "rounded border-border-subtle text-primary focus:ring-primary"
-													}), /* @__PURE__ */ g("span", {
+													}), /* @__PURE__ */ _("span", {
 														className: "text-sm text-text-primary",
 														children: "Require Numbers"
 													})]
 												}),
-												/* @__PURE__ */ _("label", {
+												/* @__PURE__ */ v("label", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ g("input", {
+													children: [/* @__PURE__ */ _("input", {
 														type: "checkbox",
-														checked: C.security.passwordPolicy.requireSymbols,
-														onChange: (e) => D("security", "passwordPolicy", "requireSymbols", e.target.checked),
+														checked: E.security.passwordPolicy.requireSymbols,
+														onChange: (e) => A("security", "passwordPolicy", "requireSymbols", e.target.checked),
 														className: "rounded border-border-subtle text-primary focus:ring-primary"
-													}), /* @__PURE__ */ g("span", {
+													}), /* @__PURE__ */ _("span", {
 														className: "text-sm text-text-primary",
 														children: "Require Symbols"
 													})]
 												}),
-												/* @__PURE__ */ _("label", {
+												/* @__PURE__ */ v("label", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ g("input", {
+													children: [/* @__PURE__ */ _("input", {
 														type: "checkbox",
-														checked: C.security.twoFactorAuth,
-														onChange: (e) => E("security", "twoFactorAuth", e.target.checked),
+														checked: E.security.twoFactorAuth,
+														onChange: (e) => k("security", "twoFactorAuth", e.target.checked),
 														className: "rounded border-border-subtle text-primary focus:ring-primary"
-													}), /* @__PURE__ */ g("span", {
+													}), /* @__PURE__ */ _("span", {
 														className: "text-sm text-text-primary",
 														children: "Two-Factor Auth"
 													})]
@@ -396,28 +401,28 @@ function v() {
 											]
 										})
 									] }),
-									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-										className: A,
+									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+										className: N,
 										children: "Max Login Attempts"
-									}), /* @__PURE__ */ g("input", {
+									}), /* @__PURE__ */ _("input", {
 										type: "number",
-										value: C.security.maxLoginAttempts,
-										onChange: (e) => E("security", "maxLoginAttempts", parseInt(e.target.value)),
+										value: E.security.maxLoginAttempts,
+										onChange: (e) => k("security", "maxLoginAttempts", parseInt(e.target.value)),
 										min: 1,
 										max: 20,
-										className: t(k, "max-w-xs")
+										className: t(M, "max-w-xs")
 									})] })
 								]
 							}),
-							x === "notifications" && /* @__PURE__ */ _("div", {
+							w === "notifications" && /* @__PURE__ */ v("div", {
 								className: "space-y-6",
-								children: [/* @__PURE__ */ _("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: "flex items-center gap-2 mb-2",
-									children: [/* @__PURE__ */ g(a, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ g("h3", {
+									children: [/* @__PURE__ */ _(a, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ _("h3", {
 										className: "text-lg font-semibold text-text-primary",
 										children: "Notification Settings"
 									})]
-								}), /* @__PURE__ */ g("div", {
+								}), /* @__PURE__ */ _("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [
 										{
@@ -428,12 +433,12 @@ function v() {
 										{
 											key: "smsNotifications",
 											label: "SMS Notifications",
-											icon: h
+											icon: g
 										},
 										{
 											key: "adminAlerts",
 											label: "Admin Alerts",
-											icon: m
+											icon: h
 										},
 										{
 											key: "systemAlerts",
@@ -442,17 +447,17 @@ function v() {
 										}
 									].map((e) => {
 										let t = e.icon;
-										return /* @__PURE__ */ _("label", {
+										return /* @__PURE__ */ v("label", {
 											className: "flex items-center gap-3 rounded-lg border border-border-subtle p-4 cursor-pointer hover:bg-accent/50 transition-colors",
 											children: [
-												/* @__PURE__ */ g("input", {
+												/* @__PURE__ */ _("input", {
 													type: "checkbox",
-													checked: C.notifications[e.key],
-													onChange: (t) => E("notifications", e.key, t.target.checked),
+													checked: E.notifications[e.key],
+													onChange: (t) => k("notifications", e.key, t.target.checked),
 													className: "rounded border-border-subtle text-primary focus:ring-primary"
 												}),
-												/* @__PURE__ */ g(t, { className: "h-5 w-5 text-text-secondary" }),
-												/* @__PURE__ */ g("span", {
+												/* @__PURE__ */ _(t, { className: "h-5 w-5 text-text-secondary" }),
+												/* @__PURE__ */ _("span", {
 													className: "text-sm font-medium text-text-primary",
 													children: e.label
 												})
@@ -461,173 +466,173 @@ function v() {
 									})
 								})]
 							}),
-							x === "database" && /* @__PURE__ */ _("div", {
+							w === "database" && /* @__PURE__ */ v("div", {
 								className: "space-y-6",
 								children: [
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ v("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ g(c, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ g("h3", {
+										children: [/* @__PURE__ */ _(c, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ _("h3", {
 											className: "text-lg font-semibold text-text-primary",
 											children: "Database Settings"
 										})]
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ v("div", {
 										className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-										children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+										children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											className: N,
 											children: "Backup Frequency"
-										}), /* @__PURE__ */ _("select", {
-											value: C.database.backupFrequency,
-											onChange: (e) => E("database", "backupFrequency", e.target.value),
-											className: k,
+										}), /* @__PURE__ */ v("select", {
+											value: E.database.backupFrequency,
+											onChange: (e) => k("database", "backupFrequency", e.target.value),
+											className: M,
 											children: [
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "hourly",
 													children: "Hourly"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "daily",
 													children: "Daily"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "weekly",
 													children: "Weekly"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "monthly",
 													children: "Monthly"
 												})
 											]
-										})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+										})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											className: N,
 											children: "Retention Period (days)"
-										}), /* @__PURE__ */ g("input", {
+										}), /* @__PURE__ */ _("input", {
 											type: "number",
-											value: C.database.retentionPeriod,
-											onChange: (e) => E("database", "retentionPeriod", parseInt(e.target.value)),
+											value: E.database.retentionPeriod,
+											onChange: (e) => k("database", "retentionPeriod", parseInt(e.target.value)),
 											min: 7,
 											max: 365,
-											className: k
+											className: M
 										})] })]
 									}),
-									/* @__PURE__ */ _("label", {
+									/* @__PURE__ */ v("label", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ g("input", {
+										children: [/* @__PURE__ */ _("input", {
 											type: "checkbox",
-											checked: C.database.autoBackup,
-											onChange: (e) => E("database", "autoBackup", e.target.checked),
+											checked: E.database.autoBackup,
+											onChange: (e) => k("database", "autoBackup", e.target.checked),
 											className: "rounded border-border-subtle text-primary focus:ring-primary"
-										}), /* @__PURE__ */ g("span", {
+										}), /* @__PURE__ */ _("span", {
 											className: "text-sm text-text-primary",
 											children: "Enable Auto Backup"
 										})]
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ v("div", {
 										className: "rounded-lg bg-bg-sunken p-4",
-										children: [/* @__PURE__ */ g("p", {
+										children: [/* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
 											children: "Last Backup"
-										}), /* @__PURE__ */ g("p", {
+										}), /* @__PURE__ */ _("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: new Date(C.database.lastBackup).toLocaleString("en-IN")
+											children: new Date(E.database.lastBackup).toLocaleString("en-IN")
 										})]
 									})
 								]
 							}),
-							x === "integrations" && /* @__PURE__ */ _("div", {
+							w === "integrations" && /* @__PURE__ */ v("div", {
 								className: "space-y-6",
-								children: [/* @__PURE__ */ _("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: "flex items-center gap-2 mb-2",
-									children: [/* @__PURE__ */ g(d, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ g("h3", {
+									children: [/* @__PURE__ */ _(d, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ _("h3", {
 										className: "text-lg font-semibold text-text-primary",
 										children: "Integrations"
 									})]
-								}), /* @__PURE__ */ _("div", {
+								}), /* @__PURE__ */ v("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 									children: [
-										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											className: N,
 											children: "Email Service"
-										}), /* @__PURE__ */ _("select", {
-											value: C.integrations.emailService,
-											onChange: (e) => E("integrations", "emailService", e.target.value),
-											className: k,
+										}), /* @__PURE__ */ v("select", {
+											value: E.integrations.emailService,
+											onChange: (e) => k("integrations", "emailService", e.target.value),
+											className: M,
 											children: [
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "sendgrid",
 													children: "SendGrid"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "ses",
 													children: "AWS SES"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "mailgun",
 													children: "Mailgun"
 												})
 											]
 										})] }),
-										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											className: N,
 											children: "SMS Service"
-										}), /* @__PURE__ */ _("select", {
-											value: C.integrations.smsService,
-											onChange: (e) => E("integrations", "smsService", e.target.value),
-											className: k,
+										}), /* @__PURE__ */ v("select", {
+											value: E.integrations.smsService,
+											onChange: (e) => k("integrations", "smsService", e.target.value),
+											className: M,
 											children: [
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "twilio",
 													children: "Twilio"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "msg91",
 													children: "MSG91"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "sns",
 													children: "AWS SNS"
 												})
 											]
 										})] }),
-										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											className: N,
 											children: "Payment Gateway"
-										}), /* @__PURE__ */ _("select", {
-											value: C.integrations.paymentGateway,
-											onChange: (e) => E("integrations", "paymentGateway", e.target.value),
-											className: k,
+										}), /* @__PURE__ */ v("select", {
+											value: E.integrations.paymentGateway,
+											onChange: (e) => k("integrations", "paymentGateway", e.target.value),
+											className: M,
 											children: [
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "razorpay",
 													children: "Razorpay"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "stripe",
 													children: "Stripe"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "paytm",
 													children: "Paytm"
 												})
 											]
 										})] }),
-										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+											className: N,
 											children: "Analytics Service"
-										}), /* @__PURE__ */ _("select", {
-											value: C.integrations.analyticsService,
-											onChange: (e) => E("integrations", "analyticsService", e.target.value),
-											className: k,
+										}), /* @__PURE__ */ v("select", {
+											value: E.integrations.analyticsService,
+											onChange: (e) => k("integrations", "analyticsService", e.target.value),
+											className: M,
 											children: [
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "google",
 													children: "Google Analytics"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "mixpanel",
 													children: "Mixpanel"
 												}),
-												/* @__PURE__ */ g("option", {
+												/* @__PURE__ */ _("option", {
 													value: "amplitude",
 													children: "Amplitude"
 												})
@@ -640,10 +645,10 @@ function v() {
 					})
 				})
 			]
-		})
+		})]
 	});
 }
 //#endregion
-export { v as AdminSettingsPage };
+export { x as AdminSettingsPage };
 
 //# sourceMappingURL=AdminSettingsPage.js.map