npm - @burdenoff/microfe-kadaikodi - Versions diffs - 2026.626.2 → 2026.704.2 - Mend

@burdenoff/microfe-kadaikodi 2026.626.2 → 2026.704.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (96) hide show

package/dist/kadaikodi/pages/admin/AdminProfilePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdminProfilePage.js","names":[],"sources":["../../../../src/kadaikodi/pages/admin/AdminProfilePage.tsx"],"sourcesContent":["/*\n Admin Profile Page\n * @module kadaikodi/pages/admin\n \n Full-featured admin profile with edit mode toggle, save/cancel buttons,\n * editable form fields, account information, permissions as icon badges,\n * admin note, and back navigation.\n /\n\nimport { useState, useEffect, useCallback } from 'react';\nimport {\n User,\n Mail,\n Phone,\n Shield,\n ArrowLeft,\n Save,\n Edit3,\n Building2,\n Clock,\n ShoppingBag,\n BarChart3,\n Settings,\n Users,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { cn } from '../../utils/cn';\n\n/ ------------------------------------------------------------------ /\n/ Types /\n/ ------------------------------------------------------------------ /\n\ninterface AdminProfile {\n firstName: string;\n lastName: string;\n email: string;\n phone: string;\n role: string;\n department: string;\n permissions: string[];\n lastLogin: string;\n accountCreated: string;\n}\n\n/ ------------------------------------------------------------------ /\n/ Component /\n/ ------------------------------------------------------------------ /\n\nexport function AdminProfilePage() {\n const { currentUser, navigateTo } = useKadaikodi();\n const [isEditing, setIsEditing] = useState(false);\n const [saving, setSaving] = useState(false);\n const [profile, setProfile] = useState<AdminProfile>({\n firstName: '',\n lastName: '',\n email: '',\n phone: '',\n role: 'admin',\n department: 'Administration',\n permissions: [\n 'user_management',\n 'cart_management',\n 'order_management',\n 'analytics',\n 'system_settings',\n ],\n lastLogin: '',\n accountCreated: '',\n });\n\n const loadProfile = useCallback(() => {\n const mockProfile: AdminProfile = {\n firstName: currentUser?.firstName ?? 'Admin',\n lastName: currentUser?.lastName ?? 'User',\n email: currentUser?.email ?? 'admin@kadaikodi.com',\n phone: '+91 98765 43210',\n role: 'admin',\n department: 'Administration',\n permissions: [\n 'user_management',\n 'cart_management',\n 'order_management',\n 'analytics',\n 'system_settings',\n ],\n lastLogin: new Date(Date.now() - 24 60 * 60 * 1000).toISOString(),\n accountCreated: new Date(Date.now() - 90 * 24 * 60 * 60 * 1000).toISOString(),\n };\n setProfile(mockProfile);\n }, [currentUser]);\n\n useEffect(() => {\n loadProfile();\n }, [loadProfile]);\n\n const handleSave = async () => {\n setSaving(true);\n await new Promise((resolve) => setTimeout(resolve, 1000));\n alert('Profile updated successfully');\n setSaving(false);\n setIsEditing(false);\n };\n\n const handleInputChange = (field: keyof AdminProfile, value: string) => {\n setProfile((prev) => ({ ...prev, [field]: value }));\n };\n\n const formatDate = (d: string) => {\n if (!d) return 'N/A';\n return new Date(d).toLocaleDateString('en-IN', {\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n });\n };\n\n const permissionIcons: Record<string, typeof Users> = {\n user_management: Users,\n cart_management: ShoppingBag,\n order_management: ShoppingBag,\n analytics: BarChart3,\n system_settings: Settings,\n };\n\n return (\n <PageLayout\n title=\"Admin Profile\"\n description=\"Your admin account information and permissions\"\n actions={\n <div className=\"flex items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => navigateTo('/admin')}\n 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\"\n >\n <ArrowLeft className=\"h-4 w-4\" />\n Back\n </button>\n {!isEditing ? (\n <button\n type=\"button\"\n onClick={() => setIsEditing(true)}\n 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\"\n >\n <Edit3 className=\"h-4 w-4\" />\n Edit Profile\n </button>\n ) : (\n <>\n <button\n type=\"button\"\n onClick={() => {\n setIsEditing(false);\n loadProfile();\n }}\n 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\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n onClick={handleSave}\n disabled={saving}\n 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\"\n >\n <Save className=\"h-4 w-4\" />\n {saving ? 'Saving...' : 'Save Changes'}\n </button>\n </>\n )}\n </div>\n }\n >\n <PagePurpose className=\"mb-6 max-w-4xl\">\n Your admin identity and the permissions tied to it. Keep your name, contact details and\n department up to date so teammates know who approved a cart or actioned a payout, and review\n which platform permissions you hold. Use Edit Profile to make changes.\n </PagePurpose>\n\n <div className=\"space-y-6 max-w-4xl\">\n {/* Profile Information — the one emphasis zone for this page /}\n <EmphasisPanel>\n <div className=\"flex items-center mb-6\">\n <div className=\"w-16 h-16 bg-action-primary-bg text-action-primary-text rounded-full flex items-center justify-center text-2xl font-bold mr-4\">\n {profile.firstName.charAt(0)}\n {profile.lastName.charAt(0)}\n </div>\n <div>\n <h2 className=\"text-xl font-semibold text-text-primary\">\n {profile.firstName} {profile.lastName}\n </h2>\n <p className=\"text-text-secondary\">{profile.email}</p>\n <p className=\"text-sm text-text-secondary capitalize\">\n {profile.role} • {profile.department}\n </p>\n </div>\n </div>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n First Name\n </label>\n <input\n type=\"text\"\n value={profile.firstName}\n onChange={(e) => handleInputChange('firstName', e.target.value)}\n disabled={!isEditing}\n className={cn(\n 'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n !isEditing && 'bg-bg-sunken cursor-not-allowed'\n )}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n Last Name\n </label>\n <input\n type=\"text\"\n value={profile.lastName}\n onChange={(e) => handleInputChange('lastName', e.target.value)}\n disabled={!isEditing}\n className={cn(\n 'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n !isEditing && 'bg-bg-sunken cursor-not-allowed'\n )}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n Email Address\n </label>\n <input\n type=\"email\"\n value={profile.email}\n onChange={(e) => handleInputChange('email', e.target.value)}\n disabled={!isEditing}\n className={cn(\n 'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n !isEditing && 'bg-bg-sunken cursor-not-allowed'\n )}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n Phone Number\n </label>\n <input\n type=\"tel\"\n value={profile.phone}\n onChange={(e) => handleInputChange('phone', e.target.value)}\n disabled={!isEditing}\n className={cn(\n 'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n !isEditing && 'bg-bg-sunken cursor-not-allowed'\n )}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n Department\n </label>\n <input\n type=\"text\"\n value={profile.department}\n onChange={(e) => handleInputChange('department', e.target.value)}\n disabled={!isEditing}\n className={cn(\n 'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n !isEditing && 'bg-bg-sunken cursor-not-allowed'\n )}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-secondary mb-2\">Role</label>\n <input\n type=\"text\"\n value={profile.role}\n disabled\n className=\"w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary bg-bg-sunken cursor-not-allowed\"\n />\n <p className=\"text-xs text-text-secondary mt-1\">\n Role cannot be changed from profile page\n </p>\n </div>\n </div>\n </EmphasisPanel>\n\n {/ Account Information /}\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n <div className=\"flex items-center gap-2 mb-4\">\n <Clock className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-lg font-semibold text-text-primary\">Account Information</h3>\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n Last Login\n </label>\n <p className=\"rounded-lg bg-bg-sunken p-3 text-sm text-text-primary\">\n {formatDate(profile.lastLogin)}\n </p>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n Account Created\n </label>\n <p className=\"rounded-lg bg-bg-sunken p-3 text-sm text-text-primary\">\n {formatDate(profile.accountCreated)}\n </p>\n </div>\n </div>\n </div>\n\n {/ Permissions */}\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n <div className=\"flex items-center gap-2 mb-4\">\n <Shield className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-lg font-semibold text-text-primary\">Permissions</h3>\n </div>\n <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3\">\n {profile.permissions.map((permission) => {\n const PermIcon = permissionIcons[permission] ?? Shield;\n return (\n <div\n key={permission}\n className=\"flex items-center gap-2 rounded-lg bg-action-primary-bg/10 text-primary p-3 text-sm font-medium\"\n >\n <PermIcon className=\"h-4 w-4 shrink-0\" />\n <span className=\"uppercase text-xs\">{permission.replace(/_/g, ' ')}</span>\n </div>\n );\n })}\n </div>\n <p className=\"text-xs text-text-secondary mt-4\">\n Permissions are managed by super administrators. Contact your system administrator to\n modify permissions.\n </p>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AdminProfilePage.js","names":[],"sources":["../../../../src/kadaikodi/pages/admin/AdminProfilePage.tsx"],"sourcesContent":["/*\n Admin Profile Page\n * @module kadaikodi/pages/admin\n \n Read-only view of the signed-in admin's real identity (from the shell's\n * currentUser) plus the platform areas an admin can access. No fabricated\n * phone numbers, login history or account-created timestamps — those have no\n * backend source, so they are omitted rather than invented.\n /\n\nimport {\n Mail,\n Phone,\n Shield,\n ArrowLeft,\n ShoppingBag,\n BarChart3,\n Settings,\n Users,\n Store,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\n\n/ ------------------------------------------------------------------ /\n/ Component /\n/ ------------------------------------------------------------------ /\n\nconst CAPABILITIES: Array<{ key: string; label: string; icon: typeof Users }> = [\n { key: 'user_management', label: 'User Management', icon: Users },\n { key: 'cart_management', label: 'Cart Management', icon: Store },\n { key: 'order_management', label: 'Order Management', icon: ShoppingBag },\n { key: 'analytics', label: 'Analytics', icon: BarChart3 },\n { key: 'system_settings', label: 'System Settings', icon: Settings },\n];\n\nexport function AdminProfilePage() {\n const { currentUser, navigateTo } = useKadaikodi();\n\n const firstName = currentUser?.firstName ?? currentUser?.name?.split(' ')[0] ?? 'Admin';\n const lastName = currentUser?.lastName ?? currentUser?.name?.split(' ').slice(1).join(' ') ?? '';\n const email = currentUser?.email ?? '';\n const phone = currentUser?.phone ?? '';\n const role = currentUser?.role ?? 'admin';\n const initials = `${firstName.charAt(0)}${lastName.charAt(0)}`.trim() \|\| 'A';\n\n return (\n <PageLayout\n title=\"Admin Profile\"\n description=\"Your admin account information and access\"\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/admin')}\n 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\"\n >\n <ArrowLeft className=\"h-4 w-4\" />\n Back\n </button>\n }\n >\n <PagePurpose className=\"mb-6 max-w-4xl\">\n Your admin identity and the platform areas you can manage. Your name and email come from\n your Burdenoff account; contact your workspace administrator to update account details or\n change your role.\n </PagePurpose>\n\n <div className=\"space-y-6 max-w-4xl\">\n {/ Identity — the one emphasis zone for this page /}\n <EmphasisPanel>\n <div className=\"flex items-center mb-6\">\n <div className=\"w-16 h-16 bg-action-primary-bg text-action-primary-text rounded-full flex items-center justify-center text-2xl font-bold mr-4 uppercase\">\n {initials}\n </div>\n <div>\n <h2 className=\"text-xl font-semibold text-text-primary\">\n {firstName} {lastName}\n </h2>\n <p className=\"text-text-secondary\">{email}</p>\n <p className=\"text-sm text-text-secondary capitalize\">{role}</p>\n </div>\n </div>\n\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n Email Address\n </label>\n <p className=\"rounded-lg bg-bg-sunken p-3 text-sm text-text-primary flex items-center gap-2\">\n <Mail className=\"h-4 w-4 text-text-secondary\" />\n {email \|\| 'Not available'}\n </p>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n Phone Number\n </label>\n <p className=\"rounded-lg bg-bg-sunken p-3 text-sm text-text-primary flex items-center gap-2\">\n <Phone className=\"h-4 w-4 text-text-secondary\" />\n {phone \|\| 'Not provided'}\n </p>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-secondary mb-2\">Role</label>\n <p className=\"rounded-lg bg-bg-sunken p-3 text-sm text-text-primary capitalize flex items-center gap-2\">\n <Shield className=\"h-4 w-4 text-text-secondary\" />\n {role}\n </p>\n </div>\n </div>\n </EmphasisPanel>\n\n {/ Access / Capabilities */}\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n <div className=\"flex items-center gap-2 mb-4\">\n <Shield className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-lg font-semibold text-text-primary\">Admin Access</h3>\n </div>\n <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3\">\n {CAPABILITIES.map((cap) => {\n const CapIcon = cap.icon;\n return (\n <div\n key={cap.key}\n className=\"flex items-center gap-2 rounded-lg bg-action-primary-bg/10 text-primary p-3 text-sm font-medium\"\n >\n <CapIcon className=\"h-4 w-4 shrink-0\" />\n <span className=\"text-xs\">{cap.label}</span>\n </div>\n );\n })}\n </div>\n <p className=\"text-xs text-text-secondary mt-4\">\n Access is managed by workspace administrators. Contact your administrator to modify\n your role or permissions.\n </p>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

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

@@ -38,7 +38,7 @@ function x() {
 			backupFrequency: "daily",
 			retentionPeriod: 30,
 			autoBackup: !0,
-			lastBackup: (/* @__PURE__ */ new Date()).toISOString()
+			lastBackup: ""
 		},
 		integrations: {
 			emailService: "sendgrid",
@@ -557,7 +557,7 @@ function x() {
 											children: "Last Backup"
 										}), /* @__PURE__ */ g("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: new Date(E.database.lastBackup).toLocaleString("en-IN")
+											children: E.database.lastBackup ? new Date(E.database.lastBackup).toLocaleString("en-IN") : "No backups recorded yet"
 										})]
 									})
 								]

package/dist/kadaikodi/pages/admin/AdminSettingsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdminSettingsPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/admin/AdminSettingsPage.tsx"],"sourcesContent":["/*\n Admin Settings Page\n * @module kadaikodi/pages/admin\n \n Full-featured settings with 5-tab sidebar navigation (General/Security/\n * Notifications/Database/Integrations), dual mobile/desktop tab layout,\n * all form controls, saving state, and save handler.\n /\n\nimport { useState } from 'react';\nimport {\n Settings,\n Shield,\n Bell,\n Database,\n Mail,\n Smartphone,\n Server,\n Save,\n ArrowLeft,\n Globe,\n Lock,\n Clock,\n Key,\n HardDrive,\n Plug,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { cn } from '../../utils/cn';\n\n/ ------------------------------------------------------------------ /\n/ Types /\n/ ------------------------------------------------------------------ /\n\ninterface SystemSettings {\n general: {\n siteName: string;\n siteUrl: string;\n timezone: string;\n language: string;\n currency: string;\n dateFormat: string;\n maintenanceMode: boolean;\n };\n security: {\n passwordPolicy: {\n minLength: number;\n requireUppercase: boolean;\n requireNumbers: boolean;\n requireSymbols: boolean;\n };\n sessionTimeout: number;\n twoFactorAuth: boolean;\n maxLoginAttempts: number;\n };\n notifications: {\n emailNotifications: boolean;\n smsNotifications: boolean;\n adminAlerts: boolean;\n systemAlerts: boolean;\n };\n database: {\n backupFrequency: string;\n retentionPeriod: number;\n autoBackup: boolean;\n lastBackup: string;\n };\n integrations: {\n emailService: string;\n smsService: string;\n paymentGateway: string;\n analyticsService: string;\n };\n}\n\n/ ------------------------------------------------------------------ /\n/ Component /\n/ ------------------------------------------------------------------ /\n\nexport function AdminSettingsPage() {\n const { navigateTo } = useKadaikodi();\n const [saving, setSaving] = useState(false);\n const [activeTab, setActiveTab] = useState('general');\n const [settings, setSettings] = useState<SystemSettings>({\n general: {\n siteName: 'Kadaikodi',\n siteUrl: 'https://kadaikodi.com',\n timezone: 'Asia/Kolkata',\n language: 'en',\n currency: 'INR',\n dateFormat: 'DD/MM/YYYY',\n maintenanceMode: false,\n },\n security: {\n passwordPolicy: {\n minLength: 8,\n requireUppercase: true,\n requireNumbers: true,\n requireSymbols: false,\n },\n sessionTimeout: 60,\n twoFactorAuth: false,\n maxLoginAttempts: 5,\n },\n notifications: {\n emailNotifications: true,\n smsNotifications: true,\n adminAlerts: true,\n systemAlerts: true,\n },\n database: {\n backupFrequency: 'daily',\n retentionPeriod: 30,\n autoBackup: true,\n lastBackup: new Date().toISOString(),\n },\n integrations: {\n emailService: 'sendgrid',\n smsService: 'twilio',\n paymentGateway: 'razorpay',\n analyticsService: 'google',\n },\n });\n\n const handleSave = async () => {\n setSaving(true);\n await new Promise((resolve) => setTimeout(resolve, 1000));\n alert('Settings saved successfully');\n setSaving(false);\n };\n\n const updateSettings = (\n section: keyof SystemSettings,\n field: string,\n value: string \| number \| boolean\n ) => {\n setSettings((prev) => ({ ...prev, [section]: { ...prev[section], [field]: value } }));\n };\n\n const updateNested = (\n section: keyof SystemSettings,\n nested: string,\n field: string,\n value: string \| number \| boolean\n ) => {\n setSettings((prev) => ({\n ...prev,\n [section]: {\n ...prev[section],\n [nested]: {\n ...((prev[section] as Record<string, unknown>)[nested] as Record<string, unknown>),\n [field]: value,\n },\n },\n }));\n };\n\n const tabs = [\n { id: 'general', label: 'General', icon: Server },\n { id: 'security', label: 'Security', icon: Shield },\n { id: 'notifications', label: 'Notifications', icon: Bell },\n { id: 'database', label: 'Database', icon: Database },\n { id: 'integrations', label: 'Integrations', icon: Plug },\n ];\n\n const inputCls =\n '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 const labelCls = 'block text-sm font-medium text-text-secondary mb-2';\n\n return (\n <PageLayout\n title=\"System Settings\"\n description=\"Configure platform-wide settings and policies\"\n actions={\n <div className=\"flex items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => navigateTo('/admin')}\n 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\"\n >\n <ArrowLeft className=\"h-4 w-4\" /> Back\n </button>\n <button\n type=\"button\"\n onClick={handleSave}\n disabled={saving}\n 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\"\n >\n <Save className=\"h-4 w-4\" /> {saving ? 'Saving...' : 'Save Settings'}\n </button>\n </div>\n }\n >\n <PagePurpose className=\"mb-6\">\n The control panel for how the whole Kadaikodi platform behaves. Use these settings to set\n platform-wide policies — branding and locale, security and login rules, the notifications\n the system sends, database/backups, and third-party integrations. Changes here affect every\n user, so review carefully and Save when done.\n </PagePurpose>\n\n <NextSteps\n storageKey=\"kadaikodi-admin-settings\"\n className=\"mb-6\"\n steps={[\n {\n id: 'security',\n label: 'Review security policies',\n description: 'Check login, password and session rules.',\n onClick: () => setActiveTab('security'),\n },\n {\n id: 'notifications',\n label: 'Tune platform notifications',\n description: 'Decide which alerts the system sends out.',\n onClick: () => setActiveTab('notifications'),\n },\n {\n id: 'integrations',\n label: 'Connect integrations',\n description: 'Wire up payment, SMS and analytics providers.',\n onClick: () => setActiveTab('integrations'),\n },\n ]}\n />\n\n <div className=\"flex flex-col lg:flex-row gap-6\">\n {/ Mobile Tab Navigation /}\n <div className=\"lg:hidden\">\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3 mb-4\">\n <div className=\"grid grid-cols-2 sm:grid-cols-3 gap-2\">\n {tabs.map((tab) => {\n const TabIcon = tab.icon;\n return (\n <button\n key={tab.id}\n type=\"button\"\n onClick={() => setActiveTab(tab.id)}\n className={cn(\n 'flex items-center justify-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors',\n activeTab === tab.id\n ? 'bg-action-primary-bg text-action-primary-text'\n : 'bg-bg-sunken text-text-primary hover:bg-bg-sunken/80'\n )}\n >\n <TabIcon className=\"h-4 w-4\" />\n <span>{tab.label}</span>\n </button>\n );\n })}\n </div>\n </div>\n </div>\n\n {/ Desktop Sidebar /}\n <div className=\"hidden lg:block lg:w-64 lg:shrink-0\">\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface sticky top-24\">\n <div className=\"p-4 border-b border-border-subtle\">\n <h2 className=\"font-semibold text-text-primary\">Settings</h2>\n </div>\n <nav className=\"p-2\">\n {tabs.map((tab) => {\n const TabIcon = tab.icon;\n return (\n <button\n key={tab.id}\n type=\"button\"\n onClick={() => setActiveTab(tab.id)}\n className={cn(\n 'w-full text-left px-3 py-2 rounded-lg mb-1 flex items-center gap-3 transition-colors',\n activeTab === tab.id\n ? 'bg-action-primary-bg/10 text-primary font-medium'\n : 'text-text-primary hover:bg-bg-sunken'\n )}\n >\n <TabIcon className=\"h-4 w-4\" />\n <span className=\"text-sm\">{tab.label}</span>\n </button>\n );\n })}\n </nav>\n </div>\n </div>\n\n {/ Content — the one emphasis zone for this page /}\n <div className=\"flex-1 min-w-0\">\n <EmphasisPanel>\n {/ General Tab /}\n {activeTab === 'general' && (\n <div className=\"space-y-6\">\n <div className=\"flex items-center gap-2 mb-2\">\n <Globe className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-lg font-semibold text-text-primary\">General Settings</h3>\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label className={labelCls}>Site Name</label>\n <input\n type=\"text\"\n value={settings.general.siteName}\n onChange={(e) => updateSettings('general', 'siteName', e.target.value)}\n className={inputCls}\n />\n </div>\n <div>\n <label className={labelCls}>Site URL</label>\n <input\n type=\"text\"\n value={settings.general.siteUrl}\n onChange={(e) => updateSettings('general', 'siteUrl', e.target.value)}\n className={inputCls}\n />\n </div>\n <div>\n <label className={labelCls}>Timezone</label>\n <select\n value={settings.general.timezone}\n onChange={(e) => updateSettings('general', 'timezone', e.target.value)}\n className={inputCls}\n >\n <option value=\"Asia/Kolkata\">Asia/Kolkata (IST)</option>\n <option value=\"UTC\">UTC</option>\n <option value=\"America/New_York\">America/New_York (EST)</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>Currency</label>\n <select\n value={settings.general.currency}\n onChange={(e) => updateSettings('general', 'currency', e.target.value)}\n className={inputCls}\n >\n <option value=\"INR\">Indian Rupee (INR)</option>\n <option value=\"USD\">US Dollar (USD)</option>\n <option value=\"EUR\">Euro (EUR)</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>Language</label>\n <select\n value={settings.general.language}\n onChange={(e) => updateSettings('general', 'language', e.target.value)}\n className={inputCls}\n >\n <option value=\"en\">English</option>\n <option value=\"hi\">Hindi</option>\n <option value=\"ta\">Tamil</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>Date Format</label>\n <select\n value={settings.general.dateFormat}\n onChange={(e) => updateSettings('general', 'dateFormat', e.target.value)}\n className={inputCls}\n >\n <option value=\"DD/MM/YYYY\">DD/MM/YYYY</option>\n <option value=\"MM/DD/YYYY\">MM/DD/YYYY</option>\n <option value=\"YYYY-MM-DD\">YYYY-MM-DD</option>\n </select>\n </div>\n </div>\n <label className=\"flex items-center gap-2 mt-4\">\n <input\n type=\"checkbox\"\n checked={settings.general.maintenanceMode}\n onChange={(e) => updateSettings('general', 'maintenanceMode', e.target.checked)}\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <span className=\"text-sm text-text-primary\">Enable Maintenance Mode</span>\n </label>\n </div>\n )}\n\n {/ Security Tab /}\n {activeTab === 'security' && (\n <div className=\"space-y-6\">\n <div className=\"flex items-center gap-2 mb-2\">\n <Lock className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-lg font-semibold text-text-primary\">Security Settings</h3>\n </div>\n <div>\n <h4 className=\"font-medium text-text-primary mb-4\">Password Policy</h4>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label className={labelCls}>Minimum Length</label>\n <input\n type=\"number\"\n value={settings.security.passwordPolicy.minLength}\n onChange={(e) =>\n updateNested(\n 'security',\n 'passwordPolicy',\n 'minLength',\n parseInt(e.target.value)\n )\n }\n min={6}\n max={50}\n className={inputCls}\n />\n </div>\n <div>\n <label className={labelCls}>Session Timeout (minutes)</label>\n <input\n type=\"number\"\n value={settings.security.sessionTimeout}\n onChange={(e) =>\n updateSettings('security', 'sessionTimeout', parseInt(e.target.value))\n }\n min={15}\n max={480}\n className={inputCls}\n />\n </div>\n </div>\n <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-4\">\n <label className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={settings.security.passwordPolicy.requireUppercase}\n onChange={(e) =>\n updateNested(\n 'security',\n 'passwordPolicy',\n 'requireUppercase',\n e.target.checked\n )\n }\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <span className=\"text-sm text-text-primary\">Require Uppercase</span>\n </label>\n <label className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={settings.security.passwordPolicy.requireNumbers}\n onChange={(e) =>\n updateNested(\n 'security',\n 'passwordPolicy',\n 'requireNumbers',\n e.target.checked\n )\n }\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <span className=\"text-sm text-text-primary\">Require Numbers</span>\n </label>\n <label className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={settings.security.passwordPolicy.requireSymbols}\n onChange={(e) =>\n updateNested(\n 'security',\n 'passwordPolicy',\n 'requireSymbols',\n e.target.checked\n )\n }\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <span className=\"text-sm text-text-primary\">Require Symbols</span>\n </label>\n <label className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={settings.security.twoFactorAuth}\n onChange={(e) =>\n updateSettings('security', 'twoFactorAuth', e.target.checked)\n }\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <span className=\"text-sm text-text-primary\">Two-Factor Auth</span>\n </label>\n </div>\n </div>\n <div>\n <label className={labelCls}>Max Login Attempts</label>\n <input\n type=\"number\"\n value={settings.security.maxLoginAttempts}\n onChange={(e) =>\n updateSettings('security', 'maxLoginAttempts', parseInt(e.target.value))\n }\n min={1}\n max={20}\n className={cn(inputCls, 'max-w-xs')}\n />\n </div>\n </div>\n )}\n\n {/ Notifications Tab /}\n {activeTab === 'notifications' && (\n <div className=\"space-y-6\">\n <div className=\"flex items-center gap-2 mb-2\">\n <Bell className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-lg font-semibold text-text-primary\">Notification Settings</h3>\n </div>\n <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n {(\n [\n {\n key: 'emailNotifications' as const,\n label: 'Email Notifications',\n icon: Mail,\n },\n {\n key: 'smsNotifications' as const,\n label: 'SMS Notifications',\n icon: Smartphone,\n },\n { key: 'adminAlerts' as const, label: 'Admin Alerts', icon: Shield },\n { key: 'systemAlerts' as const, label: 'System Alerts', icon: Bell },\n ] as const\n ).map((item) => {\n const ItemIcon = item.icon;\n return (\n <label\n key={item.key}\n className=\"flex items-center gap-3 rounded-lg border border-border-subtle p-4 cursor-pointer hover:bg-accent/50 transition-colors\"\n >\n <input\n type=\"checkbox\"\n checked={settings.notifications[item.key]}\n onChange={(e) =>\n updateSettings('notifications', item.key, e.target.checked)\n }\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <ItemIcon className=\"h-5 w-5 text-text-secondary\" />\n <span className=\"text-sm font-medium text-text-primary\">{item.label}</span>\n </label>\n );\n })}\n </div>\n </div>\n )}\n\n {/ Database Tab /}\n {activeTab === 'database' && (\n <div className=\"space-y-6\">\n <div className=\"flex items-center gap-2 mb-2\">\n <HardDrive className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-lg font-semibold text-text-primary\">Database Settings</h3>\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label className={labelCls}>Backup Frequency</label>\n <select\n value={settings.database.backupFrequency}\n onChange={(e) =>\n updateSettings('database', 'backupFrequency', e.target.value)\n }\n className={inputCls}\n >\n <option value=\"hourly\">Hourly</option>\n <option value=\"daily\">Daily</option>\n <option value=\"weekly\">Weekly</option>\n <option value=\"monthly\">Monthly</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>Retention Period (days)</label>\n <input\n type=\"number\"\n value={settings.database.retentionPeriod}\n onChange={(e) =>\n updateSettings('database', 'retentionPeriod', parseInt(e.target.value))\n }\n min={7}\n max={365}\n className={inputCls}\n />\n </div>\n </div>\n <label className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={settings.database.autoBackup}\n onChange={(e) => updateSettings('database', 'autoBackup', e.target.checked)}\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <span className=\"text-sm text-text-primary\">Enable Auto Backup</span>\n </label>\n <div className=\"rounded-lg bg-bg-sunken p-4\">\n <p className=\"text-sm text-text-secondary\">Last Backup</p>\n <p className=\"text-sm font-medium text-text-primary\">\n {new Date(settings.database.lastBackup).toLocaleString('en-IN')}\n </p>\n </div>\n </div>\n )}\n\n {/ Integrations Tab */}\n {activeTab === 'integrations' && (\n <div className=\"space-y-6\">\n <div className=\"flex items-center gap-2 mb-2\">\n <Plug className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-lg font-semibold text-text-primary\">Integrations</h3>\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label className={labelCls}>Email Service</label>\n <select\n value={settings.integrations.emailService}\n onChange={(e) =>\n updateSettings('integrations', 'emailService', e.target.value)\n }\n className={inputCls}\n >\n <option value=\"sendgrid\">SendGrid</option>\n <option value=\"ses\">AWS SES</option>\n <option value=\"mailgun\">Mailgun</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>SMS Service</label>\n <select\n value={settings.integrations.smsService}\n onChange={(e) => updateSettings('integrations', 'smsService', e.target.value)}\n className={inputCls}\n >\n <option value=\"twilio\">Twilio</option>\n <option value=\"msg91\">MSG91</option>\n <option value=\"sns\">AWS SNS</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>Payment Gateway</label>\n <select\n value={settings.integrations.paymentGateway}\n onChange={(e) =>\n updateSettings('integrations', 'paymentGateway', e.target.value)\n }\n className={inputCls}\n >\n <option value=\"razorpay\">Razorpay</option>\n <option value=\"stripe\">Stripe</option>\n <option value=\"paytm\">Paytm</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>Analytics Service</label>\n <select\n value={settings.integrations.analyticsService}\n onChange={(e) =>\n updateSettings('integrations', 'analyticsService', e.target.value)\n }\n className={inputCls}\n >\n <option value=\"google\">Google Analytics</option>\n <option value=\"mixpanel\">Mixpanel</option>\n <option value=\"amplitude\">Amplitude</option>\n </select>\n </div>\n </div>\n </div>\n )}\n </EmphasisPanel>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AdminSettingsPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/admin/AdminSettingsPage.tsx"],"sourcesContent":["/*\n Admin Settings Page\n * @module kadaikodi/pages/admin\n \n Full-featured settings with 5-tab sidebar navigation (General/Security/\n * Notifications/Database/Integrations), dual mobile/desktop tab layout,\n * all form controls, saving state, and save handler.\n /\n\nimport { useState } from 'react';\nimport {\n Settings,\n Shield,\n Bell,\n Database,\n Mail,\n Smartphone,\n Server,\n Save,\n ArrowLeft,\n Globe,\n Lock,\n Clock,\n Key,\n HardDrive,\n Plug,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { cn } from '../../utils/cn';\n\n/ ------------------------------------------------------------------ /\n/ Types /\n/ ------------------------------------------------------------------ /\n\ninterface SystemSettings {\n general: {\n siteName: string;\n siteUrl: string;\n timezone: string;\n language: string;\n currency: string;\n dateFormat: string;\n maintenanceMode: boolean;\n };\n security: {\n passwordPolicy: {\n minLength: number;\n requireUppercase: boolean;\n requireNumbers: boolean;\n requireSymbols: boolean;\n };\n sessionTimeout: number;\n twoFactorAuth: boolean;\n maxLoginAttempts: number;\n };\n notifications: {\n emailNotifications: boolean;\n smsNotifications: boolean;\n adminAlerts: boolean;\n systemAlerts: boolean;\n };\n database: {\n backupFrequency: string;\n retentionPeriod: number;\n autoBackup: boolean;\n lastBackup: string;\n };\n integrations: {\n emailService: string;\n smsService: string;\n paymentGateway: string;\n analyticsService: string;\n };\n}\n\n/ ------------------------------------------------------------------ /\n/ Component /\n/ ------------------------------------------------------------------ /\n\nexport function AdminSettingsPage() {\n const { navigateTo } = useKadaikodi();\n const [saving, setSaving] = useState(false);\n const [activeTab, setActiveTab] = useState('general');\n const [settings, setSettings] = useState<SystemSettings>({\n general: {\n siteName: 'Kadaikodi',\n siteUrl: 'https://kadaikodi.com',\n timezone: 'Asia/Kolkata',\n language: 'en',\n currency: 'INR',\n dateFormat: 'DD/MM/YYYY',\n maintenanceMode: false,\n },\n security: {\n passwordPolicy: {\n minLength: 8,\n requireUppercase: true,\n requireNumbers: true,\n requireSymbols: false,\n },\n sessionTimeout: 60,\n twoFactorAuth: false,\n maxLoginAttempts: 5,\n },\n notifications: {\n emailNotifications: true,\n smsNotifications: true,\n adminAlerts: true,\n systemAlerts: true,\n },\n database: {\n backupFrequency: 'daily',\n retentionPeriod: 30,\n autoBackup: true,\n lastBackup: '',\n },\n integrations: {\n emailService: 'sendgrid',\n smsService: 'twilio',\n paymentGateway: 'razorpay',\n analyticsService: 'google',\n },\n });\n\n const handleSave = async () => {\n setSaving(true);\n await new Promise((resolve) => setTimeout(resolve, 1000));\n alert('Settings saved successfully');\n setSaving(false);\n };\n\n const updateSettings = (\n section: keyof SystemSettings,\n field: string,\n value: string \| number \| boolean\n ) => {\n setSettings((prev) => ({ ...prev, [section]: { ...prev[section], [field]: value } }));\n };\n\n const updateNested = (\n section: keyof SystemSettings,\n nested: string,\n field: string,\n value: string \| number \| boolean\n ) => {\n setSettings((prev) => ({\n ...prev,\n [section]: {\n ...prev[section],\n [nested]: {\n ...((prev[section] as Record<string, unknown>)[nested] as Record<string, unknown>),\n [field]: value,\n },\n },\n }));\n };\n\n const tabs = [\n { id: 'general', label: 'General', icon: Server },\n { id: 'security', label: 'Security', icon: Shield },\n { id: 'notifications', label: 'Notifications', icon: Bell },\n { id: 'database', label: 'Database', icon: Database },\n { id: 'integrations', label: 'Integrations', icon: Plug },\n ];\n\n const inputCls =\n '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 const labelCls = 'block text-sm font-medium text-text-secondary mb-2';\n\n return (\n <PageLayout\n title=\"System Settings\"\n description=\"Configure platform-wide settings and policies\"\n actions={\n <div className=\"flex items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => navigateTo('/admin')}\n 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\"\n >\n <ArrowLeft className=\"h-4 w-4\" /> Back\n </button>\n <button\n type=\"button\"\n onClick={handleSave}\n disabled={saving}\n 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\"\n >\n <Save className=\"h-4 w-4\" /> {saving ? 'Saving...' : 'Save Settings'}\n </button>\n </div>\n }\n >\n <PagePurpose className=\"mb-6\">\n The control panel for how the whole Kadaikodi platform behaves. Use these settings to set\n platform-wide policies — branding and locale, security and login rules, the notifications\n the system sends, database/backups, and third-party integrations. Changes here affect every\n user, so review carefully and Save when done.\n </PagePurpose>\n\n <NextSteps\n storageKey=\"kadaikodi-admin-settings\"\n className=\"mb-6\"\n steps={[\n {\n id: 'security',\n label: 'Review security policies',\n description: 'Check login, password and session rules.',\n onClick: () => setActiveTab('security'),\n },\n {\n id: 'notifications',\n label: 'Tune platform notifications',\n description: 'Decide which alerts the system sends out.',\n onClick: () => setActiveTab('notifications'),\n },\n {\n id: 'integrations',\n label: 'Connect integrations',\n description: 'Wire up payment, SMS and analytics providers.',\n onClick: () => setActiveTab('integrations'),\n },\n ]}\n />\n\n <div className=\"flex flex-col lg:flex-row gap-6\">\n {/ Mobile Tab Navigation /}\n <div className=\"lg:hidden\">\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3 mb-4\">\n <div className=\"grid grid-cols-2 sm:grid-cols-3 gap-2\">\n {tabs.map((tab) => {\n const TabIcon = tab.icon;\n return (\n <button\n key={tab.id}\n type=\"button\"\n onClick={() => setActiveTab(tab.id)}\n className={cn(\n 'flex items-center justify-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors',\n activeTab === tab.id\n ? 'bg-action-primary-bg text-action-primary-text'\n : 'bg-bg-sunken text-text-primary hover:bg-bg-sunken/80'\n )}\n >\n <TabIcon className=\"h-4 w-4\" />\n <span>{tab.label}</span>\n </button>\n );\n })}\n </div>\n </div>\n </div>\n\n {/ Desktop Sidebar /}\n <div className=\"hidden lg:block lg:w-64 lg:shrink-0\">\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface sticky top-24\">\n <div className=\"p-4 border-b border-border-subtle\">\n <h2 className=\"font-semibold text-text-primary\">Settings</h2>\n </div>\n <nav className=\"p-2\">\n {tabs.map((tab) => {\n const TabIcon = tab.icon;\n return (\n <button\n key={tab.id}\n type=\"button\"\n onClick={() => setActiveTab(tab.id)}\n className={cn(\n 'w-full text-left px-3 py-2 rounded-lg mb-1 flex items-center gap-3 transition-colors',\n activeTab === tab.id\n ? 'bg-action-primary-bg/10 text-primary font-medium'\n : 'text-text-primary hover:bg-bg-sunken'\n )}\n >\n <TabIcon className=\"h-4 w-4\" />\n <span className=\"text-sm\">{tab.label}</span>\n </button>\n );\n })}\n </nav>\n </div>\n </div>\n\n {/ Content — the one emphasis zone for this page /}\n <div className=\"flex-1 min-w-0\">\n <EmphasisPanel>\n {/ General Tab /}\n {activeTab === 'general' && (\n <div className=\"space-y-6\">\n <div className=\"flex items-center gap-2 mb-2\">\n <Globe className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-lg font-semibold text-text-primary\">General Settings</h3>\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label className={labelCls}>Site Name</label>\n <input\n type=\"text\"\n value={settings.general.siteName}\n onChange={(e) => updateSettings('general', 'siteName', e.target.value)}\n className={inputCls}\n />\n </div>\n <div>\n <label className={labelCls}>Site URL</label>\n <input\n type=\"text\"\n value={settings.general.siteUrl}\n onChange={(e) => updateSettings('general', 'siteUrl', e.target.value)}\n className={inputCls}\n />\n </div>\n <div>\n <label className={labelCls}>Timezone</label>\n <select\n value={settings.general.timezone}\n onChange={(e) => updateSettings('general', 'timezone', e.target.value)}\n className={inputCls}\n >\n <option value=\"Asia/Kolkata\">Asia/Kolkata (IST)</option>\n <option value=\"UTC\">UTC</option>\n <option value=\"America/New_York\">America/New_York (EST)</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>Currency</label>\n <select\n value={settings.general.currency}\n onChange={(e) => updateSettings('general', 'currency', e.target.value)}\n className={inputCls}\n >\n <option value=\"INR\">Indian Rupee (INR)</option>\n <option value=\"USD\">US Dollar (USD)</option>\n <option value=\"EUR\">Euro (EUR)</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>Language</label>\n <select\n value={settings.general.language}\n onChange={(e) => updateSettings('general', 'language', e.target.value)}\n className={inputCls}\n >\n <option value=\"en\">English</option>\n <option value=\"hi\">Hindi</option>\n <option value=\"ta\">Tamil</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>Date Format</label>\n <select\n value={settings.general.dateFormat}\n onChange={(e) => updateSettings('general', 'dateFormat', e.target.value)}\n className={inputCls}\n >\n <option value=\"DD/MM/YYYY\">DD/MM/YYYY</option>\n <option value=\"MM/DD/YYYY\">MM/DD/YYYY</option>\n <option value=\"YYYY-MM-DD\">YYYY-MM-DD</option>\n </select>\n </div>\n </div>\n <label className=\"flex items-center gap-2 mt-4\">\n <input\n type=\"checkbox\"\n checked={settings.general.maintenanceMode}\n onChange={(e) => updateSettings('general', 'maintenanceMode', e.target.checked)}\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <span className=\"text-sm text-text-primary\">Enable Maintenance Mode</span>\n </label>\n </div>\n )}\n\n {/ Security Tab /}\n {activeTab === 'security' && (\n <div className=\"space-y-6\">\n <div className=\"flex items-center gap-2 mb-2\">\n <Lock className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-lg font-semibold text-text-primary\">Security Settings</h3>\n </div>\n <div>\n <h4 className=\"font-medium text-text-primary mb-4\">Password Policy</h4>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label className={labelCls}>Minimum Length</label>\n <input\n type=\"number\"\n value={settings.security.passwordPolicy.minLength}\n onChange={(e) =>\n updateNested(\n 'security',\n 'passwordPolicy',\n 'minLength',\n parseInt(e.target.value)\n )\n }\n min={6}\n max={50}\n className={inputCls}\n />\n </div>\n <div>\n <label className={labelCls}>Session Timeout (minutes)</label>\n <input\n type=\"number\"\n value={settings.security.sessionTimeout}\n onChange={(e) =>\n updateSettings('security', 'sessionTimeout', parseInt(e.target.value))\n }\n min={15}\n max={480}\n className={inputCls}\n />\n </div>\n </div>\n <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-4\">\n <label className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={settings.security.passwordPolicy.requireUppercase}\n onChange={(e) =>\n updateNested(\n 'security',\n 'passwordPolicy',\n 'requireUppercase',\n e.target.checked\n )\n }\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <span className=\"text-sm text-text-primary\">Require Uppercase</span>\n </label>\n <label className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={settings.security.passwordPolicy.requireNumbers}\n onChange={(e) =>\n updateNested(\n 'security',\n 'passwordPolicy',\n 'requireNumbers',\n e.target.checked\n )\n }\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <span className=\"text-sm text-text-primary\">Require Numbers</span>\n </label>\n <label className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={settings.security.passwordPolicy.requireSymbols}\n onChange={(e) =>\n updateNested(\n 'security',\n 'passwordPolicy',\n 'requireSymbols',\n e.target.checked\n )\n }\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <span className=\"text-sm text-text-primary\">Require Symbols</span>\n </label>\n <label className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={settings.security.twoFactorAuth}\n onChange={(e) =>\n updateSettings('security', 'twoFactorAuth', e.target.checked)\n }\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <span className=\"text-sm text-text-primary\">Two-Factor Auth</span>\n </label>\n </div>\n </div>\n <div>\n <label className={labelCls}>Max Login Attempts</label>\n <input\n type=\"number\"\n value={settings.security.maxLoginAttempts}\n onChange={(e) =>\n updateSettings('security', 'maxLoginAttempts', parseInt(e.target.value))\n }\n min={1}\n max={20}\n className={cn(inputCls, 'max-w-xs')}\n />\n </div>\n </div>\n )}\n\n {/ Notifications Tab /}\n {activeTab === 'notifications' && (\n <div className=\"space-y-6\">\n <div className=\"flex items-center gap-2 mb-2\">\n <Bell className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-lg font-semibold text-text-primary\">Notification Settings</h3>\n </div>\n <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n {(\n [\n {\n key: 'emailNotifications' as const,\n label: 'Email Notifications',\n icon: Mail,\n },\n {\n key: 'smsNotifications' as const,\n label: 'SMS Notifications',\n icon: Smartphone,\n },\n { key: 'adminAlerts' as const, label: 'Admin Alerts', icon: Shield },\n { key: 'systemAlerts' as const, label: 'System Alerts', icon: Bell },\n ] as const\n ).map((item) => {\n const ItemIcon = item.icon;\n return (\n <label\n key={item.key}\n className=\"flex items-center gap-3 rounded-lg border border-border-subtle p-4 cursor-pointer hover:bg-accent/50 transition-colors\"\n >\n <input\n type=\"checkbox\"\n checked={settings.notifications[item.key]}\n onChange={(e) =>\n updateSettings('notifications', item.key, e.target.checked)\n }\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <ItemIcon className=\"h-5 w-5 text-text-secondary\" />\n <span className=\"text-sm font-medium text-text-primary\">{item.label}</span>\n </label>\n );\n })}\n </div>\n </div>\n )}\n\n {/ Database Tab /}\n {activeTab === 'database' && (\n <div className=\"space-y-6\">\n <div className=\"flex items-center gap-2 mb-2\">\n <HardDrive className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-lg font-semibold text-text-primary\">Database Settings</h3>\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label className={labelCls}>Backup Frequency</label>\n <select\n value={settings.database.backupFrequency}\n onChange={(e) =>\n updateSettings('database', 'backupFrequency', e.target.value)\n }\n className={inputCls}\n >\n <option value=\"hourly\">Hourly</option>\n <option value=\"daily\">Daily</option>\n <option value=\"weekly\">Weekly</option>\n <option value=\"monthly\">Monthly</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>Retention Period (days)</label>\n <input\n type=\"number\"\n value={settings.database.retentionPeriod}\n onChange={(e) =>\n updateSettings('database', 'retentionPeriod', parseInt(e.target.value))\n }\n min={7}\n max={365}\n className={inputCls}\n />\n </div>\n </div>\n <label className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={settings.database.autoBackup}\n onChange={(e) => updateSettings('database', 'autoBackup', e.target.checked)}\n className=\"rounded border-border-subtle text-primary focus:ring-primary\"\n />\n <span className=\"text-sm text-text-primary\">Enable Auto Backup</span>\n </label>\n <div className=\"rounded-lg bg-bg-sunken p-4\">\n <p className=\"text-sm text-text-secondary\">Last Backup</p>\n <p className=\"text-sm font-medium text-text-primary\">\n {settings.database.lastBackup\n ? new Date(settings.database.lastBackup).toLocaleString('en-IN')\n : 'No backups recorded yet'}\n </p>\n </div>\n </div>\n )}\n\n {/ Integrations Tab */}\n {activeTab === 'integrations' && (\n <div className=\"space-y-6\">\n <div className=\"flex items-center gap-2 mb-2\">\n <Plug className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-lg font-semibold text-text-primary\">Integrations</h3>\n </div>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label className={labelCls}>Email Service</label>\n <select\n value={settings.integrations.emailService}\n onChange={(e) =>\n updateSettings('integrations', 'emailService', e.target.value)\n }\n className={inputCls}\n >\n <option value=\"sendgrid\">SendGrid</option>\n <option value=\"ses\">AWS SES</option>\n <option value=\"mailgun\">Mailgun</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>SMS Service</label>\n <select\n value={settings.integrations.smsService}\n onChange={(e) => updateSettings('integrations', 'smsService', e.target.value)}\n className={inputCls}\n >\n <option value=\"twilio\">Twilio</option>\n <option value=\"msg91\">MSG91</option>\n <option value=\"sns\">AWS SNS</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>Payment Gateway</label>\n <select\n value={settings.integrations.paymentGateway}\n onChange={(e) =>\n updateSettings('integrations', 'paymentGateway', e.target.value)\n }\n className={inputCls}\n >\n <option value=\"razorpay\">Razorpay</option>\n <option value=\"stripe\">Stripe</option>\n <option value=\"paytm\">Paytm</option>\n </select>\n </div>\n <div>\n <label className={labelCls}>Analytics Service</label>\n <select\n value={settings.integrations.analyticsService}\n onChange={(e) =>\n updateSettings('integrations', 'analyticsService', e.target.value)\n }\n className={inputCls}\n >\n <option value=\"google\">Google Analytics</option>\n <option value=\"mixpanel\">Mixpanel</option>\n <option value=\"amplitude\">Amplitude</option>\n </select>\n </div>\n </div>\n </div>\n )}\n </EmphasisPanel>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}