@burdenoff/microfe-adaptercloud 2026.614.1

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

@@ -0,0 +1,649 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.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";
+//#region src/adaptercloud/pages/admin/AdminSettingsPage.tsx
+function v() {
+	let { navigateTo: v } = e(), [y, b] = r(!1), [x, S] = r("general"), [C, w] = r({
+		general: {
+			siteName: "AdapterCloud",
+			siteUrl: "https://adaptercloud.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"
+		}
+	}), T = async () => {
+		b(!0), await new Promise((e) => setTimeout(e, 1e3)), alert("Settings saved successfully"), b(!1);
+	}, E = (e, t, n) => {
+		w((r) => ({
+			...r,
+			[e]: {
+				...r[e],
+				[t]: n
+			}
+		}));
+	}, D = (e, t, n, r) => {
+		w((i) => ({
+			...i,
+			[e]: {
+				...i[e],
+				[t]: {
+					...i[e][t],
+					[n]: r
+				}
+			}
+		}));
+	}, O = [
+		{
+			id: "general",
+			label: "General",
+			icon: p
+		},
+		{
+			id: "security",
+			label: "Security",
+			icon: m
+		},
+		{
+			id: "notifications",
+			label: "Notifications",
+			icon: a
+		},
+		{
+			id: "database",
+			label: "Database",
+			icon: o
+		},
+		{
+			id: "integrations",
+			label: "Integrations",
+			icon: d
+		}
+	], k = "w-full rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring", A = "block text-sm font-medium text-muted-foreground mb-2";
+	return /* @__PURE__ */ g(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"),
+				className: "flex items-center gap-1.5 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+				children: [/* @__PURE__ */ g(i, { className: "h-4 w-4" }), " Back"]
+			}), /* @__PURE__ */ _("button", {
+				type: "button",
+				onClick: T,
+				disabled: y,
+				className: "flex items-center gap-1.5 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
+				children: [
+					/* @__PURE__ */ g(f, { className: "h-4 w-4" }),
+					" ",
+					y ? "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 bg-card p-3 mb-4",
+						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-primary text-primary-foreground" : "bg-muted text-foreground hover:bg-muted/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 bg-card sticky top-24",
+						children: [/* @__PURE__ */ g("div", {
+							className: "p-4 border-b border-border",
+							children: /* @__PURE__ */ g("h2", {
+								className: "font-semibold text-foreground",
+								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-primary/10 text-primary font-medium" : "text-foreground hover:bg-muted"),
+									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 bg-card p-6",
+						children: [
+							x === "general" && /* @__PURE__ */ _("div", {
+								className: "space-y-6",
+								children: [
+									/* @__PURE__ */ _("div", {
+										className: "flex items-center gap-2 mb-2",
+										children: [/* @__PURE__ */ g(s, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ g("h3", {
+											className: "text-lg font-semibold text-foreground",
+											children: "General Settings"
+										})]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+										children: [
+											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+												className: A,
+												children: "Site Name"
+											}), /* @__PURE__ */ g("input", {
+												type: "text",
+												value: C.general.siteName,
+												onChange: (e) => E("general", "siteName", e.target.value),
+												className: k
+											})] }),
+											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+												className: A,
+												children: "Site URL"
+											}), /* @__PURE__ */ g("input", {
+												type: "text",
+												value: C.general.siteUrl,
+												onChange: (e) => E("general", "siteUrl", e.target.value),
+												className: k
+											})] }),
+											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+												className: A,
+												children: "Timezone"
+											}), /* @__PURE__ */ _("select", {
+												value: C.general.timezone,
+												onChange: (e) => E("general", "timezone", e.target.value),
+												className: k,
+												children: [
+													/* @__PURE__ */ g("option", {
+														value: "Asia/Kolkata",
+														children: "Asia/Kolkata (IST)"
+													}),
+													/* @__PURE__ */ g("option", {
+														value: "UTC",
+														children: "UTC"
+													}),
+													/* @__PURE__ */ g("option", {
+														value: "America/New_York",
+														children: "America/New_York (EST)"
+													})
+												]
+											})] }),
+											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+												className: A,
+												children: "Currency"
+											}), /* @__PURE__ */ _("select", {
+												value: C.general.currency,
+												onChange: (e) => E("general", "currency", e.target.value),
+												className: k,
+												children: [
+													/* @__PURE__ */ g("option", {
+														value: "INR",
+														children: "Indian Rupee (INR)"
+													}),
+													/* @__PURE__ */ g("option", {
+														value: "USD",
+														children: "US Dollar (USD)"
+													}),
+													/* @__PURE__ */ g("option", {
+														value: "EUR",
+														children: "Euro (EUR)"
+													})
+												]
+											})] }),
+											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+												className: A,
+												children: "Language"
+											}), /* @__PURE__ */ _("select", {
+												value: C.general.language,
+												onChange: (e) => E("general", "language", e.target.value),
+												className: k,
+												children: [
+													/* @__PURE__ */ g("option", {
+														value: "en",
+														children: "English"
+													}),
+													/* @__PURE__ */ g("option", {
+														value: "hi",
+														children: "Hindi"
+													}),
+													/* @__PURE__ */ g("option", {
+														value: "ta",
+														children: "Tamil"
+													})
+												]
+											})] }),
+											/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+												className: A,
+												children: "Date Format"
+											}), /* @__PURE__ */ _("select", {
+												value: C.general.dateFormat,
+												onChange: (e) => E("general", "dateFormat", e.target.value),
+												className: k,
+												children: [
+													/* @__PURE__ */ g("option", {
+														value: "DD/MM/YYYY",
+														children: "DD/MM/YYYY"
+													}),
+													/* @__PURE__ */ g("option", {
+														value: "MM/DD/YYYY",
+														children: "MM/DD/YYYY"
+													}),
+													/* @__PURE__ */ g("option", {
+														value: "YYYY-MM-DD",
+														children: "YYYY-MM-DD"
+													})
+												]
+											})] })
+										]
+									}),
+									/* @__PURE__ */ _("label", {
+										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),
+											className: "rounded border-border text-primary focus:ring-primary"
+										}), /* @__PURE__ */ g("span", {
+											className: "text-sm text-foreground",
+											children: "Enable Maintenance Mode"
+										})]
+									})
+								]
+							}),
+							x === "security" && /* @__PURE__ */ _("div", {
+								className: "space-y-6",
+								children: [
+									/* @__PURE__ */ _("div", {
+										className: "flex items-center gap-2 mb-2",
+										children: [/* @__PURE__ */ g(l, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ g("h3", {
+											className: "text-lg font-semibold text-foreground",
+											children: "Security Settings"
+										})]
+									}),
+									/* @__PURE__ */ _("div", { children: [
+										/* @__PURE__ */ g("h4", {
+											className: "font-medium text-foreground mb-4",
+											children: "Password Policy"
+										}),
+										/* @__PURE__ */ _("div", {
+											className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+											children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+												className: A,
+												children: "Minimum Length"
+											}), /* @__PURE__ */ g("input", {
+												type: "number",
+												value: C.security.passwordPolicy.minLength,
+												onChange: (e) => D("security", "passwordPolicy", "minLength", parseInt(e.target.value)),
+												min: 6,
+												max: 50,
+												className: k
+											})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+												className: A,
+												children: "Session Timeout (minutes)"
+											}), /* @__PURE__ */ g("input", {
+												type: "number",
+												value: C.security.sessionTimeout,
+												onChange: (e) => E("security", "sessionTimeout", parseInt(e.target.value)),
+												min: 15,
+												max: 480,
+												className: k
+											})] })]
+										}),
+										/* @__PURE__ */ _("div", {
+											className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-4",
+											children: [
+												/* @__PURE__ */ _("label", {
+													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),
+														className: "rounded border-border text-primary focus:ring-primary"
+													}), /* @__PURE__ */ g("span", {
+														className: "text-sm text-foreground",
+														children: "Require Uppercase"
+													})]
+												}),
+												/* @__PURE__ */ _("label", {
+													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),
+														className: "rounded border-border text-primary focus:ring-primary"
+													}), /* @__PURE__ */ g("span", {
+														className: "text-sm text-foreground",
+														children: "Require Numbers"
+													})]
+												}),
+												/* @__PURE__ */ _("label", {
+													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),
+														className: "rounded border-border text-primary focus:ring-primary"
+													}), /* @__PURE__ */ g("span", {
+														className: "text-sm text-foreground",
+														children: "Require Symbols"
+													})]
+												}),
+												/* @__PURE__ */ _("label", {
+													className: "flex items-center gap-2",
+													children: [/* @__PURE__ */ g("input", {
+														type: "checkbox",
+														checked: C.security.twoFactorAuth,
+														onChange: (e) => E("security", "twoFactorAuth", e.target.checked),
+														className: "rounded border-border text-primary focus:ring-primary"
+													}), /* @__PURE__ */ g("span", {
+														className: "text-sm text-foreground",
+														children: "Two-Factor Auth"
+													})]
+												})
+											]
+										})
+									] }),
+									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+										className: A,
+										children: "Max Login Attempts"
+									}), /* @__PURE__ */ g("input", {
+										type: "number",
+										value: C.security.maxLoginAttempts,
+										onChange: (e) => E("security", "maxLoginAttempts", parseInt(e.target.value)),
+										min: 1,
+										max: 20,
+										className: t(k, "max-w-xs")
+									})] })
+								]
+							}),
+							x === "notifications" && /* @__PURE__ */ _("div", {
+								className: "space-y-6",
+								children: [/* @__PURE__ */ _("div", {
+									className: "flex items-center gap-2 mb-2",
+									children: [/* @__PURE__ */ g(a, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ g("h3", {
+										className: "text-lg font-semibold text-foreground",
+										children: "Notification Settings"
+									})]
+								}), /* @__PURE__ */ g("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: h
+										},
+										{
+											key: "adminAlerts",
+											label: "Admin Alerts",
+											icon: m
+										},
+										{
+											key: "systemAlerts",
+											label: "System Alerts",
+											icon: a
+										}
+									].map((e) => {
+										let t = e.icon;
+										return /* @__PURE__ */ _("label", {
+											className: "flex items-center gap-3 rounded-lg border border-border p-4 cursor-pointer hover:bg-accent/50 transition-colors",
+											children: [
+												/* @__PURE__ */ g("input", {
+													type: "checkbox",
+													checked: C.notifications[e.key],
+													onChange: (t) => E("notifications", e.key, t.target.checked),
+													className: "rounded border-border text-primary focus:ring-primary"
+												}),
+												/* @__PURE__ */ g(t, { className: "h-5 w-5 text-muted-foreground" }),
+												/* @__PURE__ */ g("span", {
+													className: "text-sm font-medium text-foreground",
+													children: e.label
+												})
+											]
+										}, e.key);
+									})
+								})]
+							}),
+							x === "database" && /* @__PURE__ */ _("div", {
+								className: "space-y-6",
+								children: [
+									/* @__PURE__ */ _("div", {
+										className: "flex items-center gap-2 mb-2",
+										children: [/* @__PURE__ */ g(c, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ g("h3", {
+											className: "text-lg font-semibold text-foreground",
+											children: "Database Settings"
+										})]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+										children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+											className: A,
+											children: "Backup Frequency"
+										}), /* @__PURE__ */ _("select", {
+											value: C.database.backupFrequency,
+											onChange: (e) => E("database", "backupFrequency", e.target.value),
+											className: k,
+											children: [
+												/* @__PURE__ */ g("option", {
+													value: "hourly",
+													children: "Hourly"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "daily",
+													children: "Daily"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "weekly",
+													children: "Weekly"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "monthly",
+													children: "Monthly"
+												})
+											]
+										})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+											className: A,
+											children: "Retention Period (days)"
+										}), /* @__PURE__ */ g("input", {
+											type: "number",
+											value: C.database.retentionPeriod,
+											onChange: (e) => E("database", "retentionPeriod", parseInt(e.target.value)),
+											min: 7,
+											max: 365,
+											className: k
+										})] })]
+									}),
+									/* @__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),
+											className: "rounded border-border text-primary focus:ring-primary"
+										}), /* @__PURE__ */ g("span", {
+											className: "text-sm text-foreground",
+											children: "Enable Auto Backup"
+										})]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "rounded-lg bg-muted p-4",
+										children: [/* @__PURE__ */ g("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Last Backup"
+										}), /* @__PURE__ */ g("p", {
+											className: "text-sm font-medium text-foreground",
+											children: new Date(C.database.lastBackup).toLocaleString("en-IN")
+										})]
+									})
+								]
+							}),
+							x === "integrations" && /* @__PURE__ */ _("div", {
+								className: "space-y-6",
+								children: [/* @__PURE__ */ _("div", {
+									className: "flex items-center gap-2 mb-2",
+									children: [/* @__PURE__ */ g(d, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ g("h3", {
+										className: "text-lg font-semibold text-foreground",
+										children: "Integrations"
+									})]
+								}), /* @__PURE__ */ _("div", {
+									className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+									children: [
+										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+											className: A,
+											children: "Email Service"
+										}), /* @__PURE__ */ _("select", {
+											value: C.integrations.emailService,
+											onChange: (e) => E("integrations", "emailService", e.target.value),
+											className: k,
+											children: [
+												/* @__PURE__ */ g("option", {
+													value: "sendgrid",
+													children: "SendGrid"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "ses",
+													children: "AWS SES"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "mailgun",
+													children: "Mailgun"
+												})
+											]
+										})] }),
+										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+											className: A,
+											children: "SMS Service"
+										}), /* @__PURE__ */ _("select", {
+											value: C.integrations.smsService,
+											onChange: (e) => E("integrations", "smsService", e.target.value),
+											className: k,
+											children: [
+												/* @__PURE__ */ g("option", {
+													value: "twilio",
+													children: "Twilio"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "msg91",
+													children: "MSG91"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "sns",
+													children: "AWS SNS"
+												})
+											]
+										})] }),
+										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+											className: A,
+											children: "Payment Gateway"
+										}), /* @__PURE__ */ _("select", {
+											value: C.integrations.paymentGateway,
+											onChange: (e) => E("integrations", "paymentGateway", e.target.value),
+											className: k,
+											children: [
+												/* @__PURE__ */ g("option", {
+													value: "razorpay",
+													children: "Razorpay"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "stripe",
+													children: "Stripe"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "paytm",
+													children: "Paytm"
+												})
+											]
+										})] }),
+										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+											className: A,
+											children: "Analytics Service"
+										}), /* @__PURE__ */ _("select", {
+											value: C.integrations.analyticsService,
+											onChange: (e) => E("integrations", "analyticsService", e.target.value),
+											className: k,
+											children: [
+												/* @__PURE__ */ g("option", {
+													value: "google",
+													children: "Google Analytics"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "mixpanel",
+													children: "Mixpanel"
+												}),
+												/* @__PURE__ */ g("option", {
+													value: "amplitude",
+													children: "Amplitude"
+												})
+											]
+										})] })
+									]
+								})]
+							})
+						]
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { v as AdminSettingsPage };
+
+//# sourceMappingURL=AdminSettingsPage.js.map