@burdenoff/microfe-atheletebridge 2026.624.1 → 2026.625.2

package/dist/atheletebridge/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, PagePurpose as y } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/admin/AdminSettingsPage.tsx
-function v() {
-	let { navigateTo: v } = e(), [y, b] = r(!1), [x, S] = r("general"), [C, w] = r({
+function b() {
+	let { navigateTo: b } = e(), [x, S] = r(!1), [C, w] = r("general"), [T, E] = r({
 		general: {
 			siteName: "AthleteBridge",
 			siteUrl: "https://atheletebridge.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) => ({
+	}), D = async () => {
+		S(!0), await new Promise((e) => setTimeout(e, 1e3)), alert("Settings saved successfully"), S(!1);
+	}, O = (e, t, n) => {
+		E((r) => ({
 			...r,
 			[e]: {
 				...r[e],
 				[t]: n
 			}
 		}));
-	}, D = (e, t, n, r) => {
-		w((i) => ({
+	}, k = (e, t, n, r) => {
+		E((i) => ({
 			...i,
 			[e]: {
 				...i[e],
@@ -66,7 +67,7 @@ function v() {
 				}
 			}
 		}));
-	}, O = [
+	}, A = [
 		{
 			id: "general",
 			label: "General",
@@ -92,30 +93,33 @@ 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, {
+	], j = "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)]", M = "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: () => b("/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: D,
+				disabled: x,
 				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"
+					x ? "Saving..." : "Save Settings"
 				]
 			})]
 		}),
-		children: /* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ g(y, {
+			className: "mb-6",
+			children: "Configure how the whole platform behaves. Adjust general settings, commission and payment policies, notifications, security rules and more. Changes here apply platform-wide, so review carefully and save when you're done."
+		}), /* @__PURE__ */ _("div", {
 			className: "flex flex-col lg:flex-row gap-6",
 			children: [
 				/* @__PURE__ */ g("div", {
@@ -124,12 +128,12 @@ function v() {
 						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: O.map((e) => {
+							children: A.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"),
+									onClick: () => w(e.id),
+									className: t("flex items-center justify-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors", C === 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);
 							})
@@ -138,8 +142,8 @@ function v() {
 				}),
 				/* @__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__ */ _(v, {
+						className: "sticky top-24 p-0 overflow-hidden",
 						children: [/* @__PURE__ */ g("div", {
 							className: "p-4 border-b border-border-subtle",
 							children: /* @__PURE__ */ g("h2", {
@@ -148,12 +152,12 @@ function v() {
 							})
 						}), /* @__PURE__ */ g("nav", {
 							className: "p-2",
-							children: O.map((e) => {
+							children: A.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"),
+									onClick: () => w(e.id),
+									className: t("w-full text-left px-3 py-2 rounded-lg mb-1 flex items-center gap-3 transition-colors", C === 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
@@ -168,7 +172,7 @@ function v() {
 					children: /* @__PURE__ */ _("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
 						children: [
-							x === "general" && /* @__PURE__ */ _("div", {
+							C === "general" && /* @__PURE__ */ _("div", {
 								className: "space-y-6",
 								children: [
 									/* @__PURE__ */ _("div", {
@@ -182,30 +186,30 @@ function v() {
 										className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 										children: [
 											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: M,
 												children: "Site Name"
 											}), /* @__PURE__ */ g("input", {
 												type: "text",
-												value: C.general.siteName,
-												onChange: (e) => E("general", "siteName", e.target.value),
-												className: k
+												value: T.general.siteName,
+												onChange: (e) => O("general", "siteName", e.target.value),
+												className: j
 											})] }),
 											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: M,
 												children: "Site URL"
 											}), /* @__PURE__ */ g("input", {
 												type: "text",
-												value: C.general.siteUrl,
-												onChange: (e) => E("general", "siteUrl", e.target.value),
-												className: k
+												value: T.general.siteUrl,
+												onChange: (e) => O("general", "siteUrl", e.target.value),
+												className: j
 											})] }),
 											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: M,
 												children: "Timezone"
 											}), /* @__PURE__ */ _("select", {
-												value: C.general.timezone,
-												onChange: (e) => E("general", "timezone", e.target.value),
-												className: k,
+												value: T.general.timezone,
+												onChange: (e) => O("general", "timezone", e.target.value),
+												className: j,
 												children: [
 													/* @__PURE__ */ g("option", {
 														value: "Asia/Kolkata",
@@ -222,12 +226,12 @@ function v() {
 												]
 											})] }),
 											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: M,
 												children: "Currency"
 											}), /* @__PURE__ */ _("select", {
-												value: C.general.currency,
-												onChange: (e) => E("general", "currency", e.target.value),
-												className: k,
+												value: T.general.currency,
+												onChange: (e) => O("general", "currency", e.target.value),
+												className: j,
 												children: [
 													/* @__PURE__ */ g("option", {
 														value: "INR",
@@ -244,12 +248,12 @@ function v() {
 												]
 											})] }),
 											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: M,
 												children: "Language"
 											}), /* @__PURE__ */ _("select", {
-												value: C.general.language,
-												onChange: (e) => E("general", "language", e.target.value),
-												className: k,
+												value: T.general.language,
+												onChange: (e) => O("general", "language", e.target.value),
+												className: j,
 												children: [
 													/* @__PURE__ */ g("option", {
 														value: "en",
@@ -266,12 +270,12 @@ function v() {
 												]
 											})] }),
 											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: M,
 												children: "Date Format"
 											}), /* @__PURE__ */ _("select", {
-												value: C.general.dateFormat,
-												onChange: (e) => E("general", "dateFormat", e.target.value),
-												className: k,
+												value: T.general.dateFormat,
+												onChange: (e) => O("general", "dateFormat", e.target.value),
+												className: j,
 												children: [
 													/* @__PURE__ */ g("option", {
 														value: "DD/MM/YYYY",
@@ -293,8 +297,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: T.general.maintenanceMode,
+											onChange: (e) => O("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 +307,7 @@ function v() {
 									})
 								]
 							}),
-							x === "security" && /* @__PURE__ */ _("div", {
+							C === "security" && /* @__PURE__ */ _("div", {
 								className: "space-y-6",
 								children: [
 									/* @__PURE__ */ _("div", {
@@ -321,25 +325,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: M,
 												children: "Minimum Length"
 											}), /* @__PURE__ */ g("input", {
 												type: "number",
-												value: C.security.passwordPolicy.minLength,
-												onChange: (e) => D("security", "passwordPolicy", "minLength", parseInt(e.target.value)),
+												value: T.security.passwordPolicy.minLength,
+												onChange: (e) => k("security", "passwordPolicy", "minLength", parseInt(e.target.value)),
 												min: 6,
 												max: 50,
-												className: k
+												className: j
 											})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-												className: A,
+												className: M,
 												children: "Session Timeout (minutes)"
 											}), /* @__PURE__ */ g("input", {
 												type: "number",
-												value: C.security.sessionTimeout,
-												onChange: (e) => E("security", "sessionTimeout", parseInt(e.target.value)),
+												value: T.security.sessionTimeout,
+												onChange: (e) => O("security", "sessionTimeout", parseInt(e.target.value)),
 												min: 15,
 												max: 480,
-												className: k
+												className: j
 											})] })]
 										}),
 										/* @__PURE__ */ _("div", {
@@ -349,8 +353,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: T.security.passwordPolicy.requireUppercase,
+														onChange: (e) => k("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 +365,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: T.security.passwordPolicy.requireNumbers,
+														onChange: (e) => k("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 +377,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: T.security.passwordPolicy.requireSymbols,
+														onChange: (e) => k("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 +389,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: T.security.twoFactorAuth,
+														onChange: (e) => O("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 +401,19 @@ function v() {
 										})
 									] }),
 									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-										className: A,
+										className: M,
 										children: "Max Login Attempts"
 									}), /* @__PURE__ */ g("input", {
 										type: "number",
-										value: C.security.maxLoginAttempts,
-										onChange: (e) => E("security", "maxLoginAttempts", parseInt(e.target.value)),
+										value: T.security.maxLoginAttempts,
+										onChange: (e) => O("security", "maxLoginAttempts", parseInt(e.target.value)),
 										min: 1,
 										max: 20,
-										className: t(k, "max-w-xs")
+										className: t(j, "max-w-xs")
 									})] })
 								]
 							}),
-							x === "notifications" && /* @__PURE__ */ _("div", {
+							C === "notifications" && /* @__PURE__ */ _("div", {
 								className: "space-y-6",
 								children: [/* @__PURE__ */ _("div", {
 									className: "flex items-center gap-2 mb-2",
@@ -447,8 +451,8 @@ function v() {
 											children: [
 												/* @__PURE__ */ g("input", {
 													type: "checkbox",
-													checked: C.notifications[e.key],
-													onChange: (t) => E("notifications", e.key, t.target.checked),
+													checked: T.notifications[e.key],
+													onChange: (t) => O("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 +465,7 @@ function v() {
 									})
 								})]
 							}),
-							x === "database" && /* @__PURE__ */ _("div", {
+							C === "database" && /* @__PURE__ */ _("div", {
 								className: "space-y-6",
 								children: [
 									/* @__PURE__ */ _("div", {
@@ -474,12 +478,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: M,
 											children: "Backup Frequency"
 										}), /* @__PURE__ */ _("select", {
-											value: C.database.backupFrequency,
-											onChange: (e) => E("database", "backupFrequency", e.target.value),
-											className: k,
+											value: T.database.backupFrequency,
+											onChange: (e) => O("database", "backupFrequency", e.target.value),
+											className: j,
 											children: [
 												/* @__PURE__ */ g("option", {
 													value: "hourly",
@@ -499,23 +503,23 @@ function v() {
 												})
 											]
 										})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+											className: M,
 											children: "Retention Period (days)"
 										}), /* @__PURE__ */ g("input", {
 											type: "number",
-											value: C.database.retentionPeriod,
-											onChange: (e) => E("database", "retentionPeriod", parseInt(e.target.value)),
+											value: T.database.retentionPeriod,
+											onChange: (e) => O("database", "retentionPeriod", parseInt(e.target.value)),
 											min: 7,
 											max: 365,
-											className: k
+											className: j
 										})] })]
 									}),
 									/* @__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: T.database.autoBackup,
+											onChange: (e) => O("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 +533,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(T.database.lastBackup).toLocaleString("en-IN")
 										})]
 									})
 								]
 							}),
-							x === "integrations" && /* @__PURE__ */ _("div", {
+							C === "integrations" && /* @__PURE__ */ _("div", {
 								className: "space-y-6",
 								children: [/* @__PURE__ */ _("div", {
 									className: "flex items-center gap-2 mb-2",
@@ -546,12 +550,12 @@ function v() {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 									children: [
 										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+											className: M,
 											children: "Email Service"
 										}), /* @__PURE__ */ _("select", {
-											value: C.integrations.emailService,
-											onChange: (e) => E("integrations", "emailService", e.target.value),
-											className: k,
+											value: T.integrations.emailService,
+											onChange: (e) => O("integrations", "emailService", e.target.value),
+											className: j,
 											children: [
 												/* @__PURE__ */ g("option", {
 													value: "sendgrid",
@@ -568,12 +572,12 @@ function v() {
 											]
 										})] }),
 										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+											className: M,
 											children: "SMS Service"
 										}), /* @__PURE__ */ _("select", {
-											value: C.integrations.smsService,
-											onChange: (e) => E("integrations", "smsService", e.target.value),
-											className: k,
+											value: T.integrations.smsService,
+											onChange: (e) => O("integrations", "smsService", e.target.value),
+											className: j,
 											children: [
 												/* @__PURE__ */ g("option", {
 													value: "twilio",
@@ -590,12 +594,12 @@ function v() {
 											]
 										})] }),
 										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+											className: M,
 											children: "Payment Gateway"
 										}), /* @__PURE__ */ _("select", {
-											value: C.integrations.paymentGateway,
-											onChange: (e) => E("integrations", "paymentGateway", e.target.value),
-											className: k,
+											value: T.integrations.paymentGateway,
+											onChange: (e) => O("integrations", "paymentGateway", e.target.value),
+											className: j,
 											children: [
 												/* @__PURE__ */ g("option", {
 													value: "razorpay",
@@ -612,12 +616,12 @@ function v() {
 											]
 										})] }),
 										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
-											className: A,
+											className: M,
 											children: "Analytics Service"
 										}), /* @__PURE__ */ _("select", {
-											value: C.integrations.analyticsService,
-											onChange: (e) => E("integrations", "analyticsService", e.target.value),
-											className: k,
+											value: T.integrations.analyticsService,
+											onChange: (e) => O("integrations", "analyticsService", e.target.value),
+											className: j,
 											children: [
 												/* @__PURE__ */ g("option", {
 													value: "google",
@@ -640,10 +644,10 @@ function v() {
 					})
 				})
 			]
-		})
+		})]
 	});
 }
 //#endregion
-export { v as AdminSettingsPage };
+export { b as AdminSettingsPage };
 
 //# sourceMappingURL=AdminSettingsPage.js.map