@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

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

@@ -1,654 +0,0 @@
-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, 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 x() {
-	let { navigateTo: x } = e(), [S, C] = r(!1), [w, T] = r("general"), [E, D] = r({
-		general: {
-			siteName: "CoolAndLovely",
-			siteUrl: "https://coolandlovely.com",
-			timezone: "Asia/Kolkata",
-			language: "en",
-			currency: "INR",
-			dateFormat: "DD/MM/YYYY",
-			maintenanceMode: !1
-		},
-		security: {
-			passwordPolicy: {
-				minLength: 8,
-				requireUppercase: !0,
-				requireNumbers: !0,
-				requireSymbols: !1
-			},
-			sessionTimeout: 60,
-			twoFactorAuth: !1,
-			maxLoginAttempts: 5
-		},
-		notifications: {
-			emailNotifications: !0,
-			smsNotifications: !0,
-			adminAlerts: !0,
-			systemAlerts: !0
-		},
-		database: {
-			backupFrequency: "daily",
-			retentionPeriod: 30,
-			autoBackup: !0,
-			lastBackup: (/* @__PURE__ */ new Date()).toISOString()
-		},
-		integrations: {
-			emailService: "sendgrid",
-			smsService: "twilio",
-			paymentGateway: "razorpay",
-			analyticsService: "google"
-		}
-	}), 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
-			}
-		}));
-	}, A = (e, t, n, r) => {
-		D((i) => ({
-			...i,
-			[e]: {
-				...i[e],
-				[t]: {
-					...i[e][t],
-					[n]: r
-				}
-			}
-		}));
-	}, j = [
-		{
-			id: "general",
-			label: "General",
-			icon: p
-		},
-		{
-			id: "security",
-			label: "Security",
-			icon: h
-		},
-		{
-			id: "notifications",
-			label: "Notifications",
-			icon: a
-		},
-		{
-			id: "database",
-			label: "Database",
-			icon: o
-		},
-		{
-			id: "integrations",
-			label: "Integrations",
-			icon: d
-		}
-	], 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__ */ v("div", {
-			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ v("button", {
-				type: "button",
-				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__ */ _(i, { className: "h-4 w-4" }), " Back"]
-			}), /* @__PURE__ */ v("button", {
-				type: "button",
-				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__ */ _(f, { className: "h-4 w-4" }),
-					" ",
-					S ? "Saving..." : "Save Settings"
-				]
-			})]
-		}),
-		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__ */ _("div", {
-					className: "lg:hidden",
-					children: /* @__PURE__ */ _("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 mb-4",
-						children: /* @__PURE__ */ _("div", {
-							className: "grid grid-cols-2 sm:grid-cols-3 gap-2",
-							children: j.map((e) => {
-								let n = e.icon;
-								return /* @__PURE__ */ v("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__ */ _(n, { className: "h-4 w-4" }), /* @__PURE__ */ _("span", { children: e.label })]
-								}, e.id);
-							})
-						})
-					})
-				}),
-				/* @__PURE__ */ _("div", {
-					className: "hidden lg:block lg:w-64 lg:shrink-0",
-					children: /* @__PURE__ */ v("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface sticky top-24",
-						children: [/* @__PURE__ */ _("div", {
-							className: "p-4 border-b border-border-subtle",
-							children: /* @__PURE__ */ _("h2", {
-								className: "font-semibold text-text-primary",
-								children: "Settings"
-							})
-						}), /* @__PURE__ */ _("nav", {
-							className: "p-2",
-							children: j.map((e) => {
-								let n = e.icon;
-								return /* @__PURE__ */ v("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__ */ _(n, { className: "h-4 w-4" }), /* @__PURE__ */ _("span", {
-										className: "text-sm",
-										children: e.label
-									})]
-								}, e.id);
-							})
-						})]
-					})
-				}),
-				/* @__PURE__ */ _("div", {
-					className: "flex-1 min-w-0",
-					children: /* @__PURE__ */ v(y, {
-						className: "p-6",
-						children: [
-							w === "general" && /* @__PURE__ */ v("div", {
-								className: "space-y-6",
-								children: [
-									/* @__PURE__ */ v("div", {
-										className: "flex items-center gap-2 mb-2",
-										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__ */ v("div", {
-										className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-										children: [
-											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-												className: N,
-												children: "Site Name"
-											}), /* @__PURE__ */ _("input", {
-												type: "text",
-												value: E.general.siteName,
-												onChange: (e) => k("general", "siteName", e.target.value),
-												className: M
-											})] }),
-											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-												className: N,
-												children: "Site URL"
-											}), /* @__PURE__ */ _("input", {
-												type: "text",
-												value: E.general.siteUrl,
-												onChange: (e) => k("general", "siteUrl", e.target.value),
-												className: M
-											})] }),
-											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-												className: N,
-												children: "Timezone"
-											}), /* @__PURE__ */ v("select", {
-												value: E.general.timezone,
-												onChange: (e) => k("general", "timezone", e.target.value),
-												className: M,
-												children: [
-													/* @__PURE__ */ _("option", {
-														value: "Asia/Kolkata",
-														children: "Asia/Kolkata (IST)"
-													}),
-													/* @__PURE__ */ _("option", {
-														value: "UTC",
-														children: "UTC"
-													}),
-													/* @__PURE__ */ _("option", {
-														value: "America/New_York",
-														children: "America/New_York (EST)"
-													})
-												]
-											})] }),
-											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-												className: N,
-												children: "Currency"
-											}), /* @__PURE__ */ v("select", {
-												value: E.general.currency,
-												onChange: (e) => k("general", "currency", e.target.value),
-												className: M,
-												children: [
-													/* @__PURE__ */ _("option", {
-														value: "INR",
-														children: "Indian Rupee (INR)"
-													}),
-													/* @__PURE__ */ _("option", {
-														value: "USD",
-														children: "US Dollar (USD)"
-													}),
-													/* @__PURE__ */ _("option", {
-														value: "EUR",
-														children: "Euro (EUR)"
-													})
-												]
-											})] }),
-											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-												className: N,
-												children: "Language"
-											}), /* @__PURE__ */ v("select", {
-												value: E.general.language,
-												onChange: (e) => k("general", "language", e.target.value),
-												className: M,
-												children: [
-													/* @__PURE__ */ _("option", {
-														value: "en",
-														children: "English"
-													}),
-													/* @__PURE__ */ _("option", {
-														value: "hi",
-														children: "Hindi"
-													}),
-													/* @__PURE__ */ _("option", {
-														value: "ta",
-														children: "Tamil"
-													})
-												]
-											})] }),
-											/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-												className: N,
-												children: "Date Format"
-											}), /* @__PURE__ */ v("select", {
-												value: E.general.dateFormat,
-												onChange: (e) => k("general", "dateFormat", e.target.value),
-												className: M,
-												children: [
-													/* @__PURE__ */ _("option", {
-														value: "DD/MM/YYYY",
-														children: "DD/MM/YYYY"
-													}),
-													/* @__PURE__ */ _("option", {
-														value: "MM/DD/YYYY",
-														children: "MM/DD/YYYY"
-													}),
-													/* @__PURE__ */ _("option", {
-														value: "YYYY-MM-DD",
-														children: "YYYY-MM-DD"
-													})
-												]
-											})] })
-										]
-									}),
-									/* @__PURE__ */ v("label", {
-										className: "flex items-center gap-2 mt-4",
-										children: [/* @__PURE__ */ _("input", {
-											type: "checkbox",
-											checked: E.general.maintenanceMode,
-											onChange: (e) => k("general", "maintenanceMode", e.target.checked),
-											className: "rounded border-border-subtle text-primary focus:ring-primary"
-										}), /* @__PURE__ */ _("span", {
-											className: "text-sm text-text-primary",
-											children: "Enable Maintenance Mode"
-										})]
-									})
-								]
-							}),
-							w === "security" && /* @__PURE__ */ v("div", {
-								className: "space-y-6",
-								children: [
-									/* @__PURE__ */ v("div", {
-										className: "flex items-center gap-2 mb-2",
-										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__ */ v("div", { children: [
-										/* @__PURE__ */ _("h4", {
-											className: "font-medium text-text-primary mb-4",
-											children: "Password Policy"
-										}),
-										/* @__PURE__ */ v("div", {
-											className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-											children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-												className: N,
-												children: "Minimum Length"
-											}), /* @__PURE__ */ _("input", {
-												type: "number",
-												value: E.security.passwordPolicy.minLength,
-												onChange: (e) => A("security", "passwordPolicy", "minLength", parseInt(e.target.value)),
-												min: 6,
-												max: 50,
-												className: M
-											})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-												className: N,
-												children: "Session Timeout (minutes)"
-											}), /* @__PURE__ */ _("input", {
-												type: "number",
-												value: E.security.sessionTimeout,
-												onChange: (e) => k("security", "sessionTimeout", parseInt(e.target.value)),
-												min: 15,
-												max: 480,
-												className: M
-											})] })]
-										}),
-										/* @__PURE__ */ v("div", {
-											className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-4",
-											children: [
-												/* @__PURE__ */ v("label", {
-													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ _("input", {
-														type: "checkbox",
-														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__ */ _("span", {
-														className: "text-sm text-text-primary",
-														children: "Require Uppercase"
-													})]
-												}),
-												/* @__PURE__ */ v("label", {
-													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ _("input", {
-														type: "checkbox",
-														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__ */ _("span", {
-														className: "text-sm text-text-primary",
-														children: "Require Numbers"
-													})]
-												}),
-												/* @__PURE__ */ v("label", {
-													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ _("input", {
-														type: "checkbox",
-														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__ */ _("span", {
-														className: "text-sm text-text-primary",
-														children: "Require Symbols"
-													})]
-												}),
-												/* @__PURE__ */ v("label", {
-													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ _("input", {
-														type: "checkbox",
-														checked: E.security.twoFactorAuth,
-														onChange: (e) => k("security", "twoFactorAuth", e.target.checked),
-														className: "rounded border-border-subtle text-primary focus:ring-primary"
-													}), /* @__PURE__ */ _("span", {
-														className: "text-sm text-text-primary",
-														children: "Two-Factor Auth"
-													})]
-												})
-											]
-										})
-									] }),
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-										className: N,
-										children: "Max Login Attempts"
-									}), /* @__PURE__ */ _("input", {
-										type: "number",
-										value: E.security.maxLoginAttempts,
-										onChange: (e) => k("security", "maxLoginAttempts", parseInt(e.target.value)),
-										min: 1,
-										max: 20,
-										className: t(M, "max-w-xs")
-									})] })
-								]
-							}),
-							w === "notifications" && /* @__PURE__ */ v("div", {
-								className: "space-y-6",
-								children: [/* @__PURE__ */ v("div", {
-									className: "flex items-center gap-2 mb-2",
-									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__ */ _("div", {
-									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [
-										{
-											key: "emailNotifications",
-											label: "Email Notifications",
-											icon: u
-										},
-										{
-											key: "smsNotifications",
-											label: "SMS Notifications",
-											icon: g
-										},
-										{
-											key: "adminAlerts",
-											label: "Admin Alerts",
-											icon: h
-										},
-										{
-											key: "systemAlerts",
-											label: "System Alerts",
-											icon: a
-										}
-									].map((e) => {
-										let t = e.icon;
-										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__ */ _("input", {
-													type: "checkbox",
-													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__ */ _(t, { className: "h-5 w-5 text-text-secondary" }),
-												/* @__PURE__ */ _("span", {
-													className: "text-sm font-medium text-text-primary",
-													children: e.label
-												})
-											]
-										}, e.key);
-									})
-								})]
-							}),
-							w === "database" && /* @__PURE__ */ v("div", {
-								className: "space-y-6",
-								children: [
-									/* @__PURE__ */ v("div", {
-										className: "flex items-center gap-2 mb-2",
-										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__ */ v("div", {
-										className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-										children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: N,
-											children: "Backup Frequency"
-										}), /* @__PURE__ */ v("select", {
-											value: E.database.backupFrequency,
-											onChange: (e) => k("database", "backupFrequency", e.target.value),
-											className: M,
-											children: [
-												/* @__PURE__ */ _("option", {
-													value: "hourly",
-													children: "Hourly"
-												}),
-												/* @__PURE__ */ _("option", {
-													value: "daily",
-													children: "Daily"
-												}),
-												/* @__PURE__ */ _("option", {
-													value: "weekly",
-													children: "Weekly"
-												}),
-												/* @__PURE__ */ _("option", {
-													value: "monthly",
-													children: "Monthly"
-												})
-											]
-										})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: N,
-											children: "Retention Period (days)"
-										}), /* @__PURE__ */ _("input", {
-											type: "number",
-											value: E.database.retentionPeriod,
-											onChange: (e) => k("database", "retentionPeriod", parseInt(e.target.value)),
-											min: 7,
-											max: 365,
-											className: M
-										})] })]
-									}),
-									/* @__PURE__ */ v("label", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _("input", {
-											type: "checkbox",
-											checked: E.database.autoBackup,
-											onChange: (e) => k("database", "autoBackup", e.target.checked),
-											className: "rounded border-border-subtle text-primary focus:ring-primary"
-										}), /* @__PURE__ */ _("span", {
-											className: "text-sm text-text-primary",
-											children: "Enable Auto Backup"
-										})]
-									}),
-									/* @__PURE__ */ v("div", {
-										className: "rounded-lg bg-bg-sunken p-4",
-										children: [/* @__PURE__ */ _("p", {
-											className: "text-sm text-text-secondary",
-											children: "Last Backup"
-										}), /* @__PURE__ */ _("p", {
-											className: "text-sm font-medium text-text-primary",
-											children: new Date(E.database.lastBackup).toLocaleString("en-IN")
-										})]
-									})
-								]
-							}),
-							w === "integrations" && /* @__PURE__ */ v("div", {
-								className: "space-y-6",
-								children: [/* @__PURE__ */ v("div", {
-									className: "flex items-center gap-2 mb-2",
-									children: [/* @__PURE__ */ _(d, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ _("h3", {
-										className: "text-lg font-semibold text-text-primary",
-										children: "Integrations"
-									})]
-								}), /* @__PURE__ */ v("div", {
-									className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-									children: [
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: N,
-											children: "Email Service"
-										}), /* @__PURE__ */ v("select", {
-											value: E.integrations.emailService,
-											onChange: (e) => k("integrations", "emailService", e.target.value),
-											className: M,
-											children: [
-												/* @__PURE__ */ _("option", {
-													value: "sendgrid",
-													children: "SendGrid"
-												}),
-												/* @__PURE__ */ _("option", {
-													value: "ses",
-													children: "AWS SES"
-												}),
-												/* @__PURE__ */ _("option", {
-													value: "mailgun",
-													children: "Mailgun"
-												})
-											]
-										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: N,
-											children: "SMS Service"
-										}), /* @__PURE__ */ v("select", {
-											value: E.integrations.smsService,
-											onChange: (e) => k("integrations", "smsService", e.target.value),
-											className: M,
-											children: [
-												/* @__PURE__ */ _("option", {
-													value: "twilio",
-													children: "Twilio"
-												}),
-												/* @__PURE__ */ _("option", {
-													value: "msg91",
-													children: "MSG91"
-												}),
-												/* @__PURE__ */ _("option", {
-													value: "sns",
-													children: "AWS SNS"
-												})
-											]
-										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: N,
-											children: "Payment Gateway"
-										}), /* @__PURE__ */ v("select", {
-											value: E.integrations.paymentGateway,
-											onChange: (e) => k("integrations", "paymentGateway", e.target.value),
-											className: M,
-											children: [
-												/* @__PURE__ */ _("option", {
-													value: "razorpay",
-													children: "Razorpay"
-												}),
-												/* @__PURE__ */ _("option", {
-													value: "stripe",
-													children: "Stripe"
-												}),
-												/* @__PURE__ */ _("option", {
-													value: "paytm",
-													children: "Paytm"
-												})
-											]
-										})] }),
-										/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
-											className: N,
-											children: "Analytics Service"
-										}), /* @__PURE__ */ v("select", {
-											value: E.integrations.analyticsService,
-											onChange: (e) => k("integrations", "analyticsService", e.target.value),
-											className: M,
-											children: [
-												/* @__PURE__ */ _("option", {
-													value: "google",
-													children: "Google Analytics"
-												}),
-												/* @__PURE__ */ _("option", {
-													value: "mixpanel",
-													children: "Mixpanel"
-												}),
-												/* @__PURE__ */ _("option", {
-													value: "amplitude",
-													children: "Amplitude"
-												})
-											]
-										})] })
-									]
-								})]
-							})
-						]
-					})
-				})
-			]
-		})]
-	});
-}
-//#endregion
-export { x as AdminSettingsPage };
-
-//# sourceMappingURL=AdminSettingsPage.js.map