@burdenoff/microfe-kadaikodi 2026.625.1 → 2026.626.2

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

@@ -4,9 +4,10 @@ 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 { EmphasisPanel as v, NextSteps as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/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: "Kadaikodi",
 			siteUrl: "https://kadaikodi.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",
@@ -92,83 +93,110 @@ 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__ */ _(n, {
 		title: "System Settings",
 		description: "Configure platform-wide settings and policies",
 		actions: /* @__PURE__ */ _("div", {
 			className: "flex items-center gap-2",
 			children: [/* @__PURE__ */ _("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", {
 				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" }),
 					" ",
-					y ? "Saving..." : "Save Settings"
+					S ? "Saving..." : "Save Settings"
 				]
 			})]
 		}),
-		children: /* @__PURE__ */ _("div", {
-			className: "flex flex-col lg:flex-row gap-6",
-			children: [
-				/* @__PURE__ */ g("div", {
-					className: "lg:hidden",
-					children: /* @__PURE__ */ g("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 mb-4",
+		children: [
+			/* @__PURE__ */ g(b, {
+				className: "mb-6",
+				children: "The control panel for how the whole Kadaikodi platform behaves. Use these settings to set platform-wide policies — branding and locale, security and login rules, the notifications the system sends, database/backups, and third-party integrations. Changes here affect every user, so review carefully and Save when done."
+			}),
+			/* @__PURE__ */ g(y, {
+				storageKey: "kadaikodi-admin-settings",
+				className: "mb-6",
+				steps: [
+					{
+						id: "security",
+						label: "Review security policies",
+						description: "Check login, password and session rules.",
+						onClick: () => T("security")
+					},
+					{
+						id: "notifications",
+						label: "Tune platform notifications",
+						description: "Decide which alerts the system sends out.",
+						onClick: () => T("notifications")
+					},
+					{
+						id: "integrations",
+						label: "Connect integrations",
+						description: "Wire up payment, SMS and analytics providers.",
+						onClick: () => T("integrations")
+					}
+				]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "flex flex-col lg:flex-row gap-6",
+				children: [
+					/* @__PURE__ */ g("div", {
+						className: "lg:hidden",
 						children: /* @__PURE__ */ g("div", {
-							className: "grid grid-cols-2 sm:grid-cols-3 gap-2",
-							children: O.map((e) => {
-								let n = e.icon;
-								return /* @__PURE__ */ _("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 })]
-								}, e.id);
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-3 mb-4",
+							children: /* @__PURE__ */ g("div", {
+								className: "grid grid-cols-2 sm:grid-cols-3 gap-2",
+								children: j.map((e) => {
+									let n = e.icon;
+									return /* @__PURE__ */ _("button", {
+										type: "button",
+										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__ */ g(n, { className: "h-4 w-4" }), /* @__PURE__ */ g("span", { children: e.label })]
+									}, e.id);
+								})
 							})
 						})
-					})
-				}),
-				/* @__PURE__ */ g("div", {
-					className: "hidden lg:block lg:w-64 lg:shrink-0",
-					children: /* @__PURE__ */ _("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface sticky top-24",
-						children: [/* @__PURE__ */ g("div", {
-							className: "p-4 border-b border-border-subtle",
-							children: /* @__PURE__ */ g("h2", {
-								className: "font-semibold text-text-primary",
-								children: "Settings"
-							})
-						}), /* @__PURE__ */ g("nav", {
-							className: "p-2",
-							children: O.map((e) => {
-								let n = e.icon;
-								return /* @__PURE__ */ _("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", {
-										className: "text-sm",
-										children: e.label
-									})]
-								}, e.id);
-							})
-						})]
-					})
-				}),
-				/* @__PURE__ */ g("div", {
-					className: "flex-1 min-w-0",
-					children: /* @__PURE__ */ _("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
-						children: [
-							x === "general" && /* @__PURE__ */ _("div", {
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "hidden lg:block lg:w-64 lg:shrink-0",
+						children: /* @__PURE__ */ _("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-surface sticky top-24",
+							children: [/* @__PURE__ */ g("div", {
+								className: "p-4 border-b border-border-subtle",
+								children: /* @__PURE__ */ g("h2", {
+									className: "font-semibold text-text-primary",
+									children: "Settings"
+								})
+							}), /* @__PURE__ */ g("nav", {
+								className: "p-2",
+								children: j.map((e) => {
+									let n = e.icon;
+									return /* @__PURE__ */ _("button", {
+										type: "button",
+										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__ */ g(n, { className: "h-4 w-4" }), /* @__PURE__ */ g("span", {
+											className: "text-sm",
+											children: e.label
+										})]
+									}, e.id);
+								})
+							})]
+						})
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "flex-1 min-w-0",
+						children: /* @__PURE__ */ _(v, { children: [
+							w === "general" && /* @__PURE__ */ _("div", {
 								className: "space-y-6",
 								children: [
 									/* @__PURE__ */ _("div", {
@@ -182,30 +210,30 @@ function v() {
 										className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 										children: [
 											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: N,
 												children: "Site Name"
 											}), /* @__PURE__ */ g("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,
+												className: N,
 												children: "Site URL"
 											}), /* @__PURE__ */ g("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,
+												className: N,
 												children: "Timezone"
 											}), /* @__PURE__ */ _("select", {
-												value: C.general.timezone,
-												onChange: (e) => E("general", "timezone", e.target.value),
-												className: k,
+												value: E.general.timezone,
+												onChange: (e) => k("general", "timezone", e.target.value),
+												className: M,
 												children: [
 													/* @__PURE__ */ g("option", {
 														value: "Asia/Kolkata",
@@ -222,12 +250,12 @@ function v() {
 												]
 											})] }),
 											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: N,
 												children: "Currency"
 											}), /* @__PURE__ */ _("select", {
-												value: C.general.currency,
-												onChange: (e) => E("general", "currency", e.target.value),
-												className: k,
+												value: E.general.currency,
+												onChange: (e) => k("general", "currency", e.target.value),
+												className: M,
 												children: [
 													/* @__PURE__ */ g("option", {
 														value: "INR",
@@ -244,12 +272,12 @@ function v() {
 												]
 											})] }),
 											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: N,
 												children: "Language"
 											}), /* @__PURE__ */ _("select", {
-												value: C.general.language,
-												onChange: (e) => E("general", "language", e.target.value),
-												className: k,
+												value: E.general.language,
+												onChange: (e) => k("general", "language", e.target.value),
+												className: M,
 												children: [
 													/* @__PURE__ */ g("option", {
 														value: "en",
@@ -266,12 +294,12 @@ function v() {
 												]
 											})] }),
 											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: N,
 												children: "Date Format"
 											}), /* @__PURE__ */ _("select", {
-												value: C.general.dateFormat,
-												onChange: (e) => E("general", "dateFormat", e.target.value),
-												className: k,
+												value: E.general.dateFormat,
+												onChange: (e) => k("general", "dateFormat", e.target.value),
+												className: M,
 												children: [
 													/* @__PURE__ */ g("option", {
 														value: "DD/MM/YYYY",
@@ -293,8 +321,8 @@ function v() {
 										className: "flex items-center gap-2 mt-4",
 										children: [/* @__PURE__ */ g("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", {
 											className: "text-sm text-text-primary",
@@ -303,7 +331,7 @@ function v() {
 									})
 								]
 							}),
-							x === "security" && /* @__PURE__ */ _("div", {
+							w === "security" && /* @__PURE__ */ _("div", {
 								className: "space-y-6",
 								children: [
 									/* @__PURE__ */ _("div", {
@@ -321,25 +349,25 @@ function v() {
 										/* @__PURE__ */ _("div", {
 											className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 											children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: N,
 												children: "Minimum Length"
 											}), /* @__PURE__ */ g("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
+												className: M
 											})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: N,
 												children: "Session Timeout (minutes)"
 											}), /* @__PURE__ */ g("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", {
@@ -349,8 +377,8 @@ function v() {
 													className: "flex items-center gap-2",
 													children: [/* @__PURE__ */ g("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", {
 														className: "text-sm text-text-primary",
@@ -361,8 +389,8 @@ function v() {
 													className: "flex items-center gap-2",
 													children: [/* @__PURE__ */ g("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", {
 														className: "text-sm text-text-primary",
@@ -373,8 +401,8 @@ function v() {
 													className: "flex items-center gap-2",
 													children: [/* @__PURE__ */ g("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", {
 														className: "text-sm text-text-primary",
@@ -385,8 +413,8 @@ function v() {
 													className: "flex items-center gap-2",
 													children: [/* @__PURE__ */ g("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", {
 														className: "text-sm text-text-primary",
@@ -397,19 +425,19 @@ function v() {
 										})
 									] }),
 									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-										className: A,
+										className: N,
 										children: "Max Login Attempts"
 									}), /* @__PURE__ */ g("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__ */ _("div", {
 								className: "space-y-6",
 								children: [/* @__PURE__ */ _("div", {
 									className: "flex items-center gap-2 mb-2",
@@ -447,8 +475,8 @@ function v() {
 											children: [
 												/* @__PURE__ */ g("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" }),
@@ -461,7 +489,7 @@ function v() {
 									})
 								})]
 							}),
-							x === "database" && /* @__PURE__ */ _("div", {
+							w === "database" && /* @__PURE__ */ _("div", {
 								className: "space-y-6",
 								children: [
 									/* @__PURE__ */ _("div", {
@@ -474,12 +502,12 @@ function v() {
 									/* @__PURE__ */ _("div", {
 										className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 										children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+											className: N,
 											children: "Backup Frequency"
 										}), /* @__PURE__ */ _("select", {
-											value: C.database.backupFrequency,
-											onChange: (e) => E("database", "backupFrequency", e.target.value),
-											className: k,
+											value: E.database.backupFrequency,
+											onChange: (e) => k("database", "backupFrequency", e.target.value),
+											className: M,
 											children: [
 												/* @__PURE__ */ g("option", {
 													value: "hourly",
@@ -499,23 +527,23 @@ function v() {
 												})
 											]
 										})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+											className: N,
 											children: "Retention Period (days)"
 										}), /* @__PURE__ */ g("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", {
 										className: "flex items-center gap-2",
 										children: [/* @__PURE__ */ g("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", {
 											className: "text-sm text-text-primary",
@@ -529,12 +557,12 @@ function v() {
 											children: "Last Backup"
 										}), /* @__PURE__ */ g("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__ */ _("div", {
 								className: "space-y-6",
 								children: [/* @__PURE__ */ _("div", {
 									className: "flex items-center gap-2 mb-2",
@@ -546,12 +574,12 @@ function v() {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 									children: [
 										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+											className: N,
 											children: "Email Service"
 										}), /* @__PURE__ */ _("select", {
-											value: C.integrations.emailService,
-											onChange: (e) => E("integrations", "emailService", e.target.value),
-											className: k,
+											value: E.integrations.emailService,
+											onChange: (e) => k("integrations", "emailService", e.target.value),
+											className: M,
 											children: [
 												/* @__PURE__ */ g("option", {
 													value: "sendgrid",
@@ -568,12 +596,12 @@ function v() {
 											]
 										})] }),
 										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+											className: N,
 											children: "SMS Service"
 										}), /* @__PURE__ */ _("select", {
-											value: C.integrations.smsService,
-											onChange: (e) => E("integrations", "smsService", e.target.value),
-											className: k,
+											value: E.integrations.smsService,
+											onChange: (e) => k("integrations", "smsService", e.target.value),
+											className: M,
 											children: [
 												/* @__PURE__ */ g("option", {
 													value: "twilio",
@@ -590,12 +618,12 @@ function v() {
 											]
 										})] }),
 										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+											className: N,
 											children: "Payment Gateway"
 										}), /* @__PURE__ */ _("select", {
-											value: C.integrations.paymentGateway,
-											onChange: (e) => E("integrations", "paymentGateway", e.target.value),
-											className: k,
+											value: E.integrations.paymentGateway,
+											onChange: (e) => k("integrations", "paymentGateway", e.target.value),
+											className: M,
 											children: [
 												/* @__PURE__ */ g("option", {
 													value: "razorpay",
@@ -612,12 +640,12 @@ function v() {
 											]
 										})] }),
 										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+											className: N,
 											children: "Analytics Service"
 										}), /* @__PURE__ */ _("select", {
-											value: C.integrations.analyticsService,
-											onChange: (e) => E("integrations", "analyticsService", e.target.value),
-											className: k,
+											value: E.integrations.analyticsService,
+											onChange: (e) => k("integrations", "analyticsService", e.target.value),
+											className: M,
 											children: [
 												/* @__PURE__ */ g("option", {
 													value: "google",
@@ -636,14 +664,14 @@ function v() {
 									]
 								})]
 							})
-						]
+						] })
 					})
-				})
-			]
-		})
+				]
+			})
+		]
 	});
 }
 //#endregion
-export { v as AdminSettingsPage };
+export { x as AdminSettingsPage };
 
 //# sourceMappingURL=AdminSettingsPage.js.map