@burdenoff/microfe-coolandlovely 2026.614.1

package/dist/coolandlovely/pages/common/SettingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/common/SettingsPage.tsx"],"sourcesContent":["/**\n * Settings Page\n * @module coolandlovely/pages/common\n *\n * Full-featured settings with 5 tabs: Profile, Preferences, Security,\n * Privacy, and Billing. Form validation, save state, sidebar navigation.\n */\n\nimport { useState, useCallback, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  User,\n  Settings,\n  Sun,\n  Moon,\n  Monitor,\n  Globe,\n  Bell,\n  Shield,\n  Eye,\n  EyeOff,\n  Save,\n  RotateCcw,\n  Lock,\n  Smartphone,\n  Laptop,\n  LogOut,\n  Trash2,\n  CreditCard,\n  Receipt,\n  Building2,\n  MapPin,\n  Camera,\n  AlertTriangle,\n  CheckCircle2,\n  Loader2,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useCoolAndLovely } from '../../context/CoolAndLovelyContext';\nimport { cn } from '../../utils/cn';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype ThemeOption = 'light' | 'dark' | 'system';\ntype LanguageOption = 'en' | 'ta' | 'hi' | 'kn' | 'te' | 'ml';\ntype TabId = 'profile' | 'preferences' | 'security' | 'privacy' | 'billing';\n\ninterface TrustedDevice {\n  id: string;\n  name: string;\n  browser: string;\n  os: string;\n  lastActive: string;\n  isCurrent: boolean;\n}\n\ninterface UserSettings {\n  profile: {\n    firstName: string;\n    lastName: string;\n    email: string;\n    phone: string;\n    bio: string;\n    dateOfBirth: string;\n    gender: string;\n    profilePicture: string;\n  };\n  preferences: {\n    theme: ThemeOption;\n    language: LanguageOption;\n    timezone: string;\n    currency: string;\n    notifications: {\n      email: boolean;\n      sms: boolean;\n      push: boolean;\n      orderUpdates: boolean;\n      promotions: boolean;\n      newsletters: boolean;\n      security: boolean;\n    };\n  };\n  security: {\n    twoFactorEnabled: boolean;\n    loginAlerts: boolean;\n    sessionTimeout: string;\n    trustedDevices: TrustedDevice[];\n  };\n  privacy: {\n    profileVisibility: 'public' | 'private' | 'friends';\n    dataSharing: {\n      analytics: boolean;\n      marketing: boolean;\n      thirdParty: boolean;\n    };\n    locationTracking: boolean;\n    activityHistory: boolean;\n  };\n  billing: {\n    paymentMethod: { type: string; last4: string; provider: string } | null;\n    autoRecharge: boolean;\n    autoRechargeAmount: string;\n    invoiceEmail: string;\n    gstNumber: string;\n    companyName: string;\n    billingAddress: string;\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Defaults\n// ---------------------------------------------------------------------------\n\nconst defaultSettings: UserSettings = {\n  profile: {\n    firstName: 'Priya',\n    lastName: 'Customer',\n    email: 'customer@burdenoff.com',\n    phone: '+91 98765 43220',\n    bio: 'Food enthusiast and tech lover. Always exploring new services and experiences in Bangalore.',\n    dateOfBirth: '1992-08-15',\n    gender: 'female',\n    profilePicture: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200',\n  },\n  preferences: {\n    theme: 'system',\n    language: 'en',\n    timezone: 'Asia/Kolkata',\n    currency: 'INR',\n    notifications: {\n      email: true,\n      sms: true,\n      push: true,\n      orderUpdates: true,\n      promotions: false,\n      newsletters: false,\n      security: true,\n    },\n  },\n  security: {\n    twoFactorEnabled: false,\n    loginAlerts: true,\n    sessionTimeout: '30',\n    trustedDevices: [\n      {\n        id: 'dev-1',\n        name: 'MacBook Pro',\n        browser: 'Chrome 126.0',\n        os: 'macOS Sonoma',\n        lastActive: '2024-06-24T09:30:00Z',\n        isCurrent: true,\n      },\n      {\n        id: 'dev-2',\n        name: 'iPhone 15',\n        browser: 'Safari Mobile',\n        os: 'iOS 17.5',\n        lastActive: '2024-06-23T18:45:00Z',\n        isCurrent: false,\n      },\n      {\n        id: 'dev-3',\n        name: 'Samsung Galaxy S24',\n        browser: 'Chrome Mobile',\n        os: 'Android 14',\n        lastActive: '2024-06-20T12:00:00Z',\n        isCurrent: false,\n      },\n    ],\n  },\n  privacy: {\n    profileVisibility: 'private',\n    dataSharing: {\n      analytics: true,\n      marketing: false,\n      thirdParty: false,\n    },\n    locationTracking: true,\n    activityHistory: true,\n  },\n  billing: {\n    paymentMethod: { type: 'card', last4: '4532', provider: 'Visa' },\n    autoRecharge: false,\n    autoRechargeAmount: '1000',\n    invoiceEmail: 'customer@burdenoff.com',\n    gstNumber: '29ABCDE1234F1Z5',\n    companyName: '',\n    billingAddress: '123 Tech Park, Koramangala, Bangalore 560034',\n  },\n};\n\n// ---------------------------------------------------------------------------\n// Tab config\n// ---------------------------------------------------------------------------\n\nconst tabConfig: { id: TabId; label: string; icon: typeof User }[] = [\n  { id: 'profile', label: 'Profile', icon: User },\n  { id: 'preferences', label: 'Preferences', icon: Settings },\n  { id: 'security', label: 'Security', icon: Shield },\n  { id: 'privacy', label: 'Privacy', icon: Eye },\n  { id: 'billing', label: 'Billing', icon: CreditCard },\n];\n\n// ---------------------------------------------------------------------------\n// Toggle Switch component (inline)\n// ---------------------------------------------------------------------------\n\nfunction ToggleSwitch({\n  checked,\n  onChange,\n  label,\n}: {\n  checked: boolean;\n  onChange: (val: boolean) => void;\n  label?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"switch\"\n      aria-checked={checked}\n      aria-label={label}\n      onClick={() => onChange(!checked)}\n      className={cn(\n        'relative inline-flex h-6 w-11 items-center rounded-full transition-colors shrink-0',\n        checked ? 'bg-primary' : 'bg-muted'\n      )}\n    >\n      <span\n        className={cn(\n          'inline-block h-4 w-4 transform rounded-full bg-white transition-transform',\n          checked ? 'translate-x-6' : 'translate-x-1'\n        )}\n      />\n    </button>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function SettingsPage() {\n  const { currentUser } = useCoolAndLovely();\n  const { t: translate } = useI18n();\n  const [activeTab, setActiveTab] = useState<TabId>('profile');\n  const [settings, setSettings] = useState<UserSettings>(() => {\n    const s = { ...defaultSettings };\n    if (currentUser?.firstName) s.profile.firstName = currentUser.firstName;\n    if (currentUser?.lastName) s.profile.lastName = currentUser.lastName;\n    if (currentUser?.email) s.profile.email = currentUser.email;\n    return s;\n  });\n  const [hasChanges, setHasChanges] = useState(false);\n  const [saving, setSaving] = useState(false);\n  const [saveMessage, setSaveMessage] = useState('');\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n  const localizedTabConfig = useMemo(\n    () =>\n      tabConfig.map((tab) => ({\n        ...tab,\n        label:\n          tab.id === 'profile'\n            ? t('coolandlovely.settings.tabs.profile', 'Profile')\n            : tab.id === 'preferences'\n              ? t('coolandlovely.settings.tabs.preferences', 'Preferences')\n              : tab.id === 'security'\n                ? t('coolandlovely.settings.tabs.security', 'Security')\n                : tab.id === 'privacy'\n                  ? t('coolandlovely.settings.tabs.privacy', 'Privacy')\n                  : t('coolandlovely.settings.tabs.billing', 'Billing'),\n      })),\n    [t]\n  );\n\n  // Deep update helper\n  const update = useCallback(\n    <S extends keyof UserSettings, F extends keyof UserSettings[S]>(\n      section: S,\n      field: F,\n      value: UserSettings[S][F]\n    ) => {\n      setSettings((prev) => ({\n        ...prev,\n        [section]: { ...prev[section], [field]: value },\n      }));\n      setHasChanges(true);\n      setSaveMessage('');\n    },\n    []\n  );\n\n  const updateNested = useCallback(\n    (section: keyof UserSettings, sub: string, field: string, value: boolean | string) => {\n      setSettings((prev) => ({\n        ...prev,\n        [section]: {\n          ...prev[section],\n          [sub]: {\n            ...((prev[section] as Record<string, unknown>)[sub] as Record<string, unknown>),\n            [field]: value,\n          },\n        },\n      }));\n      setHasChanges(true);\n      setSaveMessage('');\n    },\n    []\n  );\n\n  const resetSettings = useCallback(() => {\n    setSettings(defaultSettings);\n    setHasChanges(false);\n    setSaveMessage('');\n  }, []);\n\n  const saveSettings = useCallback(async () => {\n    // Basic validation\n    if (!settings.profile.firstName.trim() || !settings.profile.lastName.trim()) {\n      setSaveMessage(\n        t('coolandlovely.settings.validation.nameRequired', 'First name and last name are required.')\n      );\n      setActiveTab('profile');\n      return;\n    }\n    if (!settings.profile.email.trim() || !settings.profile.email.includes('@')) {\n      setSaveMessage(\n        t('coolandlovely.settings.validation.emailRequired', 'A valid email address is required.')\n      );\n      setActiveTab('profile');\n      return;\n    }\n\n    setSaving(true);\n    setSaveMessage('');\n    // Simulate API\n    await new Promise((r) => setTimeout(r, 1200));\n    setSaving(false);\n    setHasChanges(false);\n    setSaveMessage(t('coolandlovely.settings.saveSuccess', 'Settings saved successfully!'));\n    setTimeout(() => setSaveMessage(''), 3000);\n  }, [settings, t]);\n\n  const removeDevice = useCallback((id: string) => {\n    setSettings((prev) => ({\n      ...prev,\n      security: {\n        ...prev.security,\n        trustedDevices: prev.security.trustedDevices.filter((d) => d.id !== id),\n      },\n    }));\n    setHasChanges(true);\n  }, []);\n\n  const logoutAllDevices = useCallback(() => {\n    setSettings((prev) => ({\n      ...prev,\n      security: {\n        ...prev.security,\n        trustedDevices: prev.security.trustedDevices.filter((d) => d.isCurrent),\n      },\n    }));\n    setHasChanges(true);\n  }, []);\n\n  const handleDeleteAccount = useCallback(() => {\n    if (\n      window.confirm(\n        t(\n          'coolandlovely.settings.deleteConfirm',\n          'Are you sure you want to delete your account? This action cannot be undone.'\n        )\n      )\n    ) {\n      alert(\n        t(\n          'coolandlovely.settings.deleteSubmitted',\n          'Account deletion request submitted. You will receive a confirmation email.'\n        )\n      );\n    }\n  }, [t]);\n\n  // ---- Profile Tab ----\n  const renderProfile = () => (\n    <div className=\"space-y-6\">\n      <h3 className=\"text-base font-semibold text-foreground\">Personal Information</h3>\n\n      {/* Profile Picture */}\n      <div className=\"flex items-center gap-4\">\n        <div className=\"relative\">\n          <img\n            src={settings.profile.profilePicture}\n            alt=\"Profile\"\n            className=\"h-20 w-20 rounded-full object-cover border border-border\"\n          />\n          <button\n            type=\"button\"\n            onClick={() => alert('Photo upload coming soon')}\n            className=\"absolute -bottom-1 -right-1 flex h-7 w-7 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-sm hover:bg-primary/90\"\n          >\n            <Camera className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n        <div>\n          <p className=\"text-sm font-medium text-foreground\">Profile Picture</p>\n          <p className=\"text-xs text-muted-foreground\">Upload a new photo (JPG, PNG, max 2MB)</p>\n        </div>\n      </div>\n\n      {/* Name */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1.5\">First Name *</label>\n          <input\n            type=\"text\"\n            value={settings.profile.firstName}\n            onChange={(e) => update('profile', 'firstName', e.target.value)}\n            className=\"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\"\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1.5\">Last Name *</label>\n          <input\n            type=\"text\"\n            value={settings.profile.lastName}\n            onChange={(e) => update('profile', 'lastName', e.target.value)}\n            className=\"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\"\n          />\n        </div>\n      </div>\n\n      {/* Email & Phone */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n            Email Address *\n          </label>\n          <input\n            type=\"email\"\n            value={settings.profile.email}\n            onChange={(e) => update('profile', 'email', e.target.value)}\n            className=\"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\"\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1.5\">Phone Number</label>\n          <input\n            type=\"tel\"\n            value={settings.profile.phone}\n            onChange={(e) => update('profile', 'phone', e.target.value)}\n            className=\"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\"\n          />\n        </div>\n      </div>\n\n      {/* Bio */}\n      <div>\n        <label className=\"block text-sm font-medium text-foreground mb-1.5\">Bio</label>\n        <textarea\n          rows={3}\n          value={settings.profile.bio}\n          onChange={(e) => update('profile', 'bio', e.target.value)}\n          placeholder=\"Tell us about yourself...\"\n          className=\"w-full rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none\"\n        />\n      </div>\n\n      {/* DOB & Gender */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1.5\">Date of Birth</label>\n          <input\n            type=\"date\"\n            value={settings.profile.dateOfBirth}\n            onChange={(e) => update('profile', 'dateOfBirth', e.target.value)}\n            className=\"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\"\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1.5\">Gender</label>\n          <select\n            value={settings.profile.gender}\n            onChange={(e) => update('profile', 'gender', e.target.value)}\n            className=\"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\"\n          >\n            <option value=\"\">Select gender</option>\n            <option value=\"male\">Male</option>\n            <option value=\"female\">Female</option>\n            <option value=\"other\">Other</option>\n            <option value=\"prefer-not-to-say\">Prefer not to say</option>\n          </select>\n        </div>\n      </div>\n    </div>\n  );\n\n  // ---- Preferences Tab ----\n  const renderPreferences = () => (\n    <div className=\"space-y-6\">\n      <h3 className=\"text-base font-semibold text-foreground\">App Preferences</h3>\n\n      {/* Language, Timezone, Currency */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n            <span className=\"flex items-center gap-1.5\">\n              <Globe className=\"h-4 w-4 text-muted-foreground\" /> Language\n            </span>\n          </label>\n          <select\n            value={settings.preferences.language}\n            onChange={(e) => update('preferences', 'language', e.target.value as LanguageOption)}\n            className=\"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\"\n          >\n            <option value=\"en\">English</option>\n            <option value=\"hi\">Hindi</option>\n            <option value=\"ta\">Tamil</option>\n            <option value=\"kn\">Kannada</option>\n            <option value=\"te\">Telugu</option>\n            <option value=\"ml\">Malayalam</option>\n          </select>\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1.5\">Timezone</label>\n          <select\n            value={settings.preferences.timezone}\n            onChange={(e) => update('preferences', 'timezone', e.target.value)}\n            className=\"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\"\n          >\n            <option value=\"Asia/Kolkata\">India (IST)</option>\n            <option value=\"Asia/Dubai\">Dubai (GST)</option>\n            <option value=\"Europe/London\">London (GMT)</option>\n            <option value=\"America/New_York\">New York (EST)</option>\n          </select>\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1.5\">Currency</label>\n          <select\n            value={settings.preferences.currency}\n            onChange={(e) => update('preferences', 'currency', e.target.value)}\n            className=\"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\"\n          >\n            <option value=\"INR\">Indian Rupee (₹)</option>\n            <option value=\"USD\">US Dollar ($)</option>\n            <option value=\"EUR\">Euro (€)</option>\n            <option value=\"GBP\">British Pound (£)</option>\n          </select>\n        </div>\n      </div>\n\n      {/* Theme */}\n      <div>\n        <label className=\"block text-sm font-medium text-foreground mb-3\">Theme</label>\n        <div className=\"flex gap-3 flex-wrap\">\n          {(\n            [\n              { value: 'light', label: 'Light', Icon: Sun },\n              { value: 'dark', label: 'Dark', Icon: Moon },\n              { value: 'system', label: 'System', Icon: Monitor },\n            ] as const\n          ).map(({ value, label, Icon }) => (\n            <label\n              key={value}\n              className={cn(\n                'flex items-center gap-2 rounded-lg border px-4 py-2.5 text-sm font-medium cursor-pointer transition-colors',\n                settings.preferences.theme === value\n                  ? 'border-primary bg-primary/10 text-foreground'\n                  : 'border-border text-muted-foreground hover:border-accent-foreground/20 hover:text-foreground'\n              )}\n            >\n              <input\n                type=\"radio\"\n                name=\"theme\"\n                value={value}\n                checked={settings.preferences.theme === value}\n                onChange={(e) => update('preferences', 'theme', e.target.value as ThemeOption)}\n                className=\"sr-only\"\n              />\n              <Icon className=\"h-4 w-4\" />\n              {label}\n            </label>\n          ))}\n        </div>\n      </div>\n\n      {/* Notification Toggles */}\n      <div>\n        <div className=\"flex items-center gap-2 mb-4\">\n          <Bell className=\"h-4 w-4 text-muted-foreground\" />\n          <h4 className=\"text-sm font-semibold text-foreground\">Notification Preferences</h4>\n        </div>\n        <div className=\"space-y-3\">\n          {(\n            [\n              { key: 'email', label: 'Email notifications' },\n              { key: 'sms', label: 'SMS notifications' },\n              { key: 'push', label: 'Push notifications' },\n              { key: 'orderUpdates', label: 'Order status updates' },\n              { key: 'promotions', label: 'Promotional offers' },\n              { key: 'newsletters', label: 'Newsletters and updates' },\n              { key: 'security', label: 'Security alerts' },\n            ] as const\n          ).map((item) => (\n            <div\n              key={item.key}\n              className=\"flex items-center justify-between rounded-lg border border-border p-3\"\n            >\n              <span className=\"text-sm text-foreground\">{item.label}</span>\n              <ToggleSwitch\n                checked={settings.preferences.notifications[item.key]}\n                onChange={(val) => updateNested('preferences', 'notifications', item.key, val)}\n                label={item.label}\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n\n  // ---- Security Tab ----\n  const renderSecurity = () => (\n    <div className=\"space-y-6\">\n      <h3 className=\"text-base font-semibold text-foreground\">Security Settings</h3>\n\n      {/* Warning banner */}\n      <div className=\"flex items-start gap-3 rounded-lg border border-yellow-500/30 bg-yellow-500/5 p-4\">\n        <AlertTriangle className=\"h-5 w-5 text-yellow-600 dark:text-yellow-400 shrink-0 mt-0.5\" />\n        <div>\n          <p className=\"text-sm font-medium text-foreground\">Account Security</p>\n          <p className=\"text-xs text-muted-foreground\">\n            Keep your account secure by enabling two-factor authentication and monitoring login\n            activity.\n          </p>\n        </div>\n      </div>\n\n      {/* 2FA */}\n      <div className=\"flex items-center justify-between rounded-lg border border-border p-4\">\n        <div className=\"flex-1\">\n          <div className=\"flex items-center gap-2\">\n            <Lock className=\"h-4 w-4 text-muted-foreground\" />\n            <p className=\"text-sm font-medium text-foreground\">Two-Factor Authentication</p>\n          </div>\n          <p className=\"text-xs text-muted-foreground mt-0.5 ml-6\">\n            Add an extra layer of security to your account\n          </p>\n        </div>\n        <ToggleSwitch\n          checked={settings.security.twoFactorEnabled}\n          onChange={(val) => update('security', 'twoFactorEnabled', val)}\n          label=\"Two-factor authentication\"\n        />\n      </div>\n\n      {/* Login Alerts */}\n      <div className=\"flex items-center justify-between rounded-lg border border-border p-4\">\n        <div className=\"flex-1\">\n          <p className=\"text-sm font-medium text-foreground\">Login Alerts</p>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">\n            Get notified when someone logs into your account\n          </p>\n        </div>\n        <ToggleSwitch\n          checked={settings.security.loginAlerts}\n          onChange={(val) => update('security', 'loginAlerts', val)}\n          label=\"Login alerts\"\n        />\n      </div>\n\n      {/* Session Timeout */}\n      <div className=\"flex items-center justify-between rounded-lg border border-border p-4\">\n        <div className=\"flex-1\">\n          <p className=\"text-sm font-medium text-foreground\">Session Timeout</p>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">Auto-logout after inactivity</p>\n        </div>\n        <select\n          value={settings.security.sessionTimeout}\n          onChange={(e) => update('security', 'sessionTimeout', e.target.value)}\n          className=\"rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring w-36\"\n        >\n          <option value=\"15\">15 minutes</option>\n          <option value=\"30\">30 minutes</option>\n          <option value=\"60\">1 hour</option>\n          <option value=\"120\">2 hours</option>\n          <option value=\"0\">Never</option>\n        </select>\n      </div>\n\n      {/* Trusted Devices */}\n      <div>\n        <h4 className=\"text-sm font-semibold text-foreground mb-3\">Trusted Devices</h4>\n        <div className=\"space-y-3\">\n          {settings.security.trustedDevices.map((device) => (\n            <div\n              key={device.id}\n              className=\"flex items-center justify-between rounded-lg border border-border p-4\"\n            >\n              <div className=\"flex items-center gap-3\">\n                {device.os.toLowerCase().includes('mac') ||\n                device.os.toLowerCase().includes('windows') ? (\n                  <Laptop className=\"h-5 w-5 text-muted-foreground shrink-0\" />\n                ) : (\n                  <Smartphone className=\"h-5 w-5 text-muted-foreground shrink-0\" />\n                )}\n                <div>\n                  <div className=\"flex items-center gap-2\">\n                    <p className=\"text-sm font-medium text-foreground\">{device.name}</p>\n                    {device.isCurrent && (\n                      <span className=\"inline-flex items-center rounded-full bg-green-500/20 px-2 py-0.5 text-xs font-medium text-green-600 dark:text-green-400\">\n                        Current\n                      </span>\n                    )}\n                  </div>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {device.browser} &middot; {device.os}\n                  </p>\n                </div>\n              </div>\n              {!device.isCurrent && (\n                <button\n                  type=\"button\"\n                  onClick={() => removeDevice(device.id)}\n                  className=\"rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-destructive hover:bg-destructive/10 transition-colors\"\n                >\n                  Remove\n                </button>\n              )}\n            </div>\n          ))}\n        </div>\n      </div>\n\n      {/* Actions */}\n      <div className=\"flex flex-wrap gap-3\">\n        <button\n          type=\"button\"\n          onClick={() => alert('Password change functionality coming soon')}\n          className=\"flex items-center gap-1.5 rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n        >\n          <Lock className=\"h-4 w-4\" />\n          Change Password\n        </button>\n        <button\n          type=\"button\"\n          onClick={logoutAllDevices}\n          className=\"flex items-center gap-1.5 rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n        >\n          <LogOut className=\"h-4 w-4\" />\n          Logout All Devices\n        </button>\n      </div>\n    </div>\n  );\n\n  // ---- Privacy Tab ----\n  const renderPrivacy = () => (\n    <div className=\"space-y-6\">\n      <h3 className=\"text-base font-semibold text-foreground\">Privacy Controls</h3>\n\n      {/* Profile Visibility */}\n      <div>\n        <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n          <span className=\"flex items-center gap-1.5\">\n            <Eye className=\"h-4 w-4 text-muted-foreground\" /> Profile Visibility\n          </span>\n        </label>\n        <select\n          value={settings.privacy.profileVisibility}\n          onChange={(e) =>\n            update(\n              'privacy',\n              'profileVisibility',\n              e.target.value as 'public' | 'private' | 'friends'\n            )\n          }\n          className=\"w-full max-w-sm rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n        >\n          <option value=\"public\">Public - Anyone can see your profile</option>\n          <option value=\"private\">Private - Only you can see your profile</option>\n          <option value=\"friends\">Friends - Only friends can see your profile</option>\n        </select>\n      </div>\n\n      {/* Data Sharing */}\n      <div>\n        <h4 className=\"text-sm font-semibold text-foreground mb-3\">Data Sharing</h4>\n        <div className=\"space-y-3\">\n          {(\n            [\n              { key: 'analytics', label: 'Share usage analytics to improve the app' },\n              { key: 'marketing', label: 'Share data for personalized marketing' },\n              { key: 'thirdParty', label: 'Share data with third-party partners' },\n            ] as const\n          ).map((item) => (\n            <div\n              key={item.key}\n              className=\"flex items-center justify-between rounded-lg border border-border p-3\"\n            >\n              <span className=\"text-sm text-foreground\">{item.label}</span>\n              <ToggleSwitch\n                checked={settings.privacy.dataSharing[item.key]}\n                onChange={(val) => updateNested('privacy', 'dataSharing', item.key, val)}\n                label={item.label}\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n\n      {/* Location & Activity */}\n      <div className=\"space-y-3\">\n        <div className=\"flex items-center justify-between rounded-lg border border-border p-4\">\n          <div>\n            <p className=\"text-sm font-medium text-foreground\">Location Tracking</p>\n            <p className=\"text-xs text-muted-foreground\">\n              Allow app to track your location for better service\n            </p>\n          </div>\n          <ToggleSwitch\n            checked={settings.privacy.locationTracking}\n            onChange={(val) => update('privacy', 'locationTracking', val)}\n            label=\"Location tracking\"\n          />\n        </div>\n        <div className=\"flex items-center justify-between rounded-lg border border-border p-4\">\n          <div>\n            <p className=\"text-sm font-medium text-foreground\">Activity History</p>\n            <p className=\"text-xs text-muted-foreground\">\n              Keep track of your orders and activities\n            </p>\n          </div>\n          <ToggleSwitch\n            checked={settings.privacy.activityHistory}\n            onChange={(val) => update('privacy', 'activityHistory', val)}\n            label=\"Activity history\"\n          />\n        </div>\n      </div>\n\n      {/* Delete Account */}\n      <div className=\"rounded-lg border border-red-500/30 bg-red-500/5 p-4\">\n        <div className=\"flex items-start gap-3\">\n          <Trash2 className=\"h-5 w-5 text-red-600 dark:text-red-400 shrink-0 mt-0.5\" />\n          <div>\n            <p className=\"text-sm font-medium text-foreground\">Delete Account</p>\n            <p className=\"text-xs text-muted-foreground mt-0.5\">\n              Permanently delete your account and all associated data. This action cannot be undone.\n            </p>\n            <button\n              type=\"button\"\n              onClick={handleDeleteAccount}\n              className=\"mt-3 rounded-lg border border-red-500/30 px-4 py-2 text-sm font-medium text-destructive hover:bg-destructive/10 transition-colors\"\n            >\n              Delete Account\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n\n  // ---- Billing Tab ----\n  const renderBilling = () => (\n    <div className=\"space-y-6\">\n      <h3 className=\"text-base font-semibold text-foreground\">Billing & Payments</h3>\n\n      {/* Default Payment Method */}\n      <div>\n        <h4 className=\"text-sm font-semibold text-foreground mb-3\">\n          <span className=\"flex items-center gap-1.5\">\n            <CreditCard className=\"h-4 w-4 text-muted-foreground\" /> Default Payment Method\n          </span>\n        </h4>\n        {settings.billing.paymentMethod ? (\n          <div className=\"flex items-center justify-between rounded-lg border border-border p-4\">\n            <div className=\"flex items-center gap-3\">\n              <CreditCard className=\"h-6 w-6 text-muted-foreground\" />\n              <div>\n                <p className=\"text-sm font-medium text-foreground\">\n                  {settings.billing.paymentMethod.provider} ending in{' '}\n                  {settings.billing.paymentMethod.last4}\n                </p>\n                <p className=\"text-xs text-muted-foreground capitalize\">\n                  {settings.billing.paymentMethod.type}\n                </p>\n              </div>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => alert('Change payment method coming soon')}\n              className=\"rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n            >\n              Change\n            </button>\n          </div>\n        ) : (\n          <div className=\"rounded-lg border border-border p-4 text-center\">\n            <p className=\"text-sm text-muted-foreground\">No default payment method set</p>\n            <button\n              type=\"button\"\n              onClick={() => alert('Add payment method coming soon')}\n              className=\"mt-2 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors\"\n            >\n              Add Payment Method\n            </button>\n          </div>\n        )}\n      </div>\n\n      {/* Auto Recharge */}\n      <div>\n        <h4 className=\"text-sm font-semibold text-foreground mb-3\">Auto Recharge</h4>\n        <div className=\"flex items-center justify-between rounded-lg border border-border p-4 mb-3\">\n          <div>\n            <p className=\"text-sm font-medium text-foreground\">Enable Auto Recharge</p>\n            <p className=\"text-xs text-muted-foreground\">\n              Automatically add money when wallet balance is low\n            </p>\n          </div>\n          <ToggleSwitch\n            checked={settings.billing.autoRecharge}\n            onChange={(val) => update('billing', 'autoRecharge', val)}\n            label=\"Auto recharge\"\n          />\n        </div>\n        {settings.billing.autoRecharge && (\n          <div>\n            <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n              Auto Recharge Amount (₹)\n            </label>\n            <input\n              type=\"number\"\n              value={settings.billing.autoRechargeAmount}\n              onChange={(e) => update('billing', 'autoRechargeAmount', e.target.value)}\n              placeholder=\"1000\"\n              className=\"w-full max-w-xs rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Invoice Email */}\n      <div>\n        <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n          <span className=\"flex items-center gap-1.5\">\n            <Receipt className=\"h-4 w-4 text-muted-foreground\" /> Invoice Email\n          </span>\n        </label>\n        <input\n          type=\"email\"\n          value={settings.billing.invoiceEmail}\n          onChange={(e) => update('billing', 'invoiceEmail', e.target.value)}\n          placeholder=\"billing@example.com\"\n          className=\"w-full max-w-sm rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n        />\n      </div>\n\n      {/* Tax Info */}\n      <div>\n        <h4 className=\"text-sm font-semibold text-foreground mb-3\">\n          <span className=\"flex items-center gap-1.5\">\n            <Building2 className=\"h-4 w-4 text-muted-foreground\" /> Tax Information\n          </span>\n        </h4>\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-foreground mb-1.5\">GST Number</label>\n            <input\n              type=\"text\"\n              value={settings.billing.gstNumber}\n              onChange={(e) => update('billing', 'gstNumber', e.target.value)}\n              placeholder=\"29ABCDE1234F1Z5\"\n              className=\"w-full max-w-sm rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-foreground mb-1.5\">Company Name</label>\n            <input\n              type=\"text\"\n              value={settings.billing.companyName}\n              onChange={(e) => update('billing', 'companyName', e.target.value)}\n              placeholder=\"Your Company Name\"\n              className=\"w-full max-w-sm rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-foreground mb-1.5\">\n              <span className=\"flex items-center gap-1.5\">\n                <MapPin className=\"h-4 w-4 text-muted-foreground\" /> Billing Address\n              </span>\n            </label>\n            <textarea\n              rows={3}\n              value={settings.billing.billingAddress}\n              onChange={(e) => update('billing', 'billingAddress', e.target.value)}\n              placeholder=\"Enter your complete billing address\"\n              className=\"w-full rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n\n  // ---- Render function map ----\n  const renderTab: Record<TabId, () => React.ReactNode> = {\n    profile: renderProfile,\n    preferences: renderPreferences,\n    security: renderSecurity,\n    privacy: renderPrivacy,\n    billing: renderBilling,\n  };\n\n  return (\n    <PageLayout\n      title={t('coolandlovely.settings.title', 'Settings')}\n      description={t(\n        'coolandlovely.settings.description',\n        'Manage your preferences and account settings'\n      )}\n      actions={\n        <div className=\"flex items-center gap-2\">\n          {hasChanges && (\n            <button\n              type=\"button\"\n              onClick={resetSettings}\n              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\"\n            >\n              <RotateCcw className=\"h-4 w-4\" />\n              {t('coolandlovely.settings.reset', 'Reset')}\n            </button>\n          )}\n          <button\n            type=\"button\"\n            disabled={!hasChanges || saving}\n            onClick={saveSettings}\n            className={cn(\n              'flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium transition-colors',\n              hasChanges && !saving\n                ? 'bg-primary text-primary-foreground hover:bg-primary/90'\n                : 'bg-muted text-muted-foreground cursor-not-allowed'\n            )}\n          >\n            {saving ? (\n              <>\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n                {t('coolandlovely.settings.saving', 'Saving...')}\n              </>\n            ) : (\n              <>\n                <Save className=\"h-4 w-4\" />\n                {t('coolandlovely.settings.save', 'Save Settings')}\n              </>\n            )}\n          </button>\n        </div>\n      }\n    >\n      {/* Save message */}\n      {saveMessage && (\n        <div\n          className={cn(\n            'mb-6 flex items-center gap-2 rounded-lg border p-3 text-sm',\n            saveMessage.includes('successfully')\n              ? 'border-green-500/30 bg-green-500/5 text-green-600 dark:text-green-400'\n              : 'border-red-500/30 bg-red-500/5 text-red-600 dark:text-red-400'\n          )}\n        >\n          {saveMessage.includes('successfully') ? (\n            <CheckCircle2 className=\"h-4 w-4 shrink-0\" />\n          ) : (\n            <AlertTriangle className=\"h-4 w-4 shrink-0\" />\n          )}\n          {saveMessage}\n        </div>\n      )}\n\n      <div className=\"flex flex-col gap-6 lg:flex-row\">\n        {/* Sidebar (Desktop) / Tab Row (Mobile) */}\n        <div className=\"shrink-0 lg:w-56\">\n          {/* Mobile grid */}\n          <div className=\"grid grid-cols-5 gap-1 lg:hidden\">\n            {localizedTabConfig.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 flex-col items-center gap-1 rounded-lg py-2.5 text-center transition-colors',\n                    activeTab === tab.id\n                      ? 'bg-primary/10 text-foreground'\n                      : 'text-muted-foreground hover:text-foreground hover:bg-accent'\n                  )}\n                >\n                  <TabIcon className=\"h-4 w-4\" />\n                  <span className=\"text-xs font-medium\">{tab.label}</span>\n                </button>\n              );\n            })}\n          </div>\n          {/* Desktop sidebar */}\n          <div className=\"hidden lg:block rounded-lg border border-border bg-card\">\n            <div className=\"p-3 border-b border-border\">\n              <p className=\"text-sm font-semibold text-foreground\">\n                {t('coolandlovely.settings.title', 'Settings')}\n              </p>\n            </div>\n            <nav className=\"p-2\">\n              {localizedTabConfig.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 w-full items-center gap-2.5 rounded-lg px-3 py-2 text-sm font-medium transition-colors mb-0.5',\n                      activeTab === tab.id\n                        ? 'bg-primary/10 text-foreground'\n                        : 'text-muted-foreground hover:text-foreground hover:bg-accent'\n                    )}\n                  >\n                    <TabIcon className=\"h-4 w-4\" />\n                    {tab.label}\n                  </button>\n                );\n              })}\n            </nav>\n          </div>\n        </div>\n\n        {/* Content */}\n        <div className=\"flex-1 rounded-lg border border-border bg-card p-6\">\n          {renderTab[activeTab]()}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/coolandlovely/pages/customer/BookingDetailsPage.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Booking Details Page
+ * @module coolandlovely/pages/customer
+ *
+ * Detailed view of a service booking with service name, provider info,
+ * scheduled date/time, booking status timeline, location info,
+ * price breakdown, Contact Support button, Rate Service button (when completed),
+ * Cart Information sidebar, cancel button.
+ * Uses route param :bookingId from useParams().
+ */
+export declare function BookingDetailsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BookingDetailsPage.d.ts.map

package/dist/coolandlovely/pages/customer/BookingDetailsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingDetailsPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/customer/BookingDetailsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAkQH,wBAAgB,kBAAkB,4CAmWjC"}