@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

package/dist/coolandlovely/pages/customer/CustomerProfilePage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomerProfilePage.js","names":[],"sources":["../../../../src/coolandlovely/pages/customer/CustomerProfilePage.tsx"],"sourcesContent":["/**\n * Customer Profile Page\n * @module coolandlovely/pages/customer\n *\n * Full profile management with 3-tab interface (Profile Info, Preferences, My Stats),\n * edit mode toggle, inline editable fields, emergency contact, dietary preferences,\n * food allergies, and stats/loyalty display.\n */\n\nimport { useState, useEffect, useCallback } from'react';\nimport {\n  User,\n  Mail,\n  Phone,\n  Shield,\n  MapPin,\n  Bell,\n  Globe,\n  CheckCircle2,\n  Camera,\n  ChevronRight,\n  Edit3,\n  Save,\n  X,\n  Heart,\n  AlertTriangle,\n  Award,\n  ShoppingBag,\n  IndianRupee,\n  Star,\n  BarChart3,\n  Settings,\n  UserCircle,\n} from'lucide-react';\nimport { EmphasisPanel, PagePurpose, NextSteps } from'@burdenoff/fe-libs/ui';\nimport { PageLayout } from'../../components/PageLayout';\nimport { useCoolAndLovely } from'../../context/CoolAndLovelyContext';\nimport { useOrders } from'../../hooks/useCoolAndLovelyApi';\nimport { cn } from'../../utils/cn';\nimport { formatCurrency, formatDate } from'../../utils/formatters';\n\ntype ProfileTab = 'profile' | 'preferences' | 'stats';\n\ninterface EmergencyContact {\n  name: string;\n  phone: string;\n  relationship: string;\n}\n\ninterface ProfileData {\n  firstName: string;\n  lastName: string;\n  email: string;\n  phone: string;\n  emergencyContact: EmergencyContact;\n  dietary: string[];\n  allergies: string[];\n  notifications: {\n    orderUpdates: boolean;\n    promotions: boolean;\n    newsletter: boolean;\n    sms: boolean;\n  };\n}\n\nconst dietaryOptions = ['vegetarian', 'vegan', 'jain', 'keto', 'gluten-free', 'low-carb'];\nconst allergyOptions = ['nuts', 'dairy', 'eggs', 'soy', 'shellfish', 'gluten'];\n\nconst mockAddresses = [\n  {\n    id: 'addr-1',\n    label: 'Home',\n    street: '123, MG Road',\n    area: 'Near Central Mall',\n    city: 'Bangalore',\n    state: 'Karnataka',\n    pincode: '560001',\n    isDefault: true,\n  },\n  {\n    id: 'addr-2',\n    label: 'Office',\n    street: '456 Tech Park Road',\n    area: 'Whitefield',\n    city: 'Bangalore',\n    state: 'Karnataka',\n    pincode: '560066',\n    isDefault: false,\n  },\n];\n\nexport function CustomerProfilePage() {\n  const { navigateTo, currentUser } = useCoolAndLovely();\n  const { data: orders = [], isLoading: isLoadingOrders } = useOrders({\n    customerId: currentUser?.id,\n  });\n  const [activeTab, setActiveTab] = useState<ProfileTab>('profile');\n  const [isEditing, setIsEditing] = useState(false);\n\n  // Use currentUser from context, fallback to defaults\n  const profile = {\n    firstName: currentUser?.firstName || currentUser?.name?.split(' ')[0] || 'Customer',\n    lastName: currentUser?.lastName || currentUser?.name?.split(' ').slice(1).join(' ') || '',\n    email: currentUser?.email || '',\n    phone: '+91 98765 43210',\n    profilePicture: currentUser?.avatar,\n    isEmailVerified: true,\n    isPhoneVerified: true,\n    createdAt: new Date().toISOString(),\n    updatedAt: new Date().toISOString(),\n  };\n\n  // Editable profile data\n  const [profileData, setProfileData] = useState<ProfileData>({\n    firstName: profile.firstName,\n    lastName: profile.lastName,\n    email: profile.email,\n    phone: profile.phone,\n    emergencyContact: {\n      name: 'Priya Sharma',\n      phone: '+91 98765 43211',\n      relationship: 'Spouse',\n    },\n    dietary: ['vegetarian'],\n    allergies: ['nuts', 'dairy'],\n    notifications: {\n      orderUpdates: true,\n      promotions: true,\n      newsletter: false,\n      sms: true,\n    },\n  });\n\n  const [editedData, setEditedData] = useState<ProfileData>({ ...profileData });\n\n  // Calculate stats from real orders\n  const stats = {\n    totalOrders: orders.length,\n    totalSpent: orders.reduce((acc, o) => acc + o.total, 0),\n    loyaltyPoints: Math.floor(orders.reduce((acc, o) => acc + o.total, 0) / 10),\n    avgOrderValue:\n      orders.length > 0\n        ? Math.floor(orders.reduce((acc, o) => acc + o.total, 0) / orders.length)\n        : 0,\n    favoriteCategory: 'South Indian',\n    memberSince: profile.createdAt,\n  };\n\n  const isLoading = isLoadingOrders;\n\n  const handleStartEdit = () => {\n    setEditedData({ ...profileData });\n    setIsEditing(true);\n  };\n\n  const handleCancelEdit = () => {\n    setEditedData({ ...profileData });\n    setIsEditing(false);\n  };\n\n  const handleSaveProfile = () => {\n    setProfileData({ ...editedData });\n    setIsEditing(false);\n    alert('Profile updated successfully');\n  };\n\n  const handleSavePreferences = () => {\n    setProfileData({ ...editedData });\n    alert('Preferences saved successfully');\n  };\n\n  const handleFieldChange = (field: keyof ProfileData, value: string) => {\n    setEditedData((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const handleEmergencyContactChange = (field: keyof EmergencyContact, value: string) => {\n    setEditedData((prev) => ({\n      ...prev,\n      emergencyContact: { ...prev.emergencyContact, [field]: value },\n    }));\n  };\n\n  const handleNotificationChange = (field: string, value: boolean) => {\n    setEditedData((prev) => ({\n      ...prev,\n      notifications: { ...prev.notifications, [field]: value },\n    }));\n  };\n\n  const handleArrayToggle = (field: 'dietary' | 'allergies', value: string, checked: boolean) => {\n    setEditedData((prev) => {\n      const currentArray = prev[field];\n      const newArray = checked\n        ? [...currentArray, value]\n        : currentArray.filter((item) => item !== value);\n      return { ...prev, [field]: newArray };\n    });\n  };\n\n  const tabs: Array<{ key: ProfileTab; label: string; icon: typeof UserCircle }> = [\n    { key: 'profile', label: 'Profile Info', icon: UserCircle },\n    { key: 'preferences', label: 'Preferences', icon: Settings },\n    { key: 'stats', label: 'My Stats', icon: BarChart3 },\n  ];\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"My Profile\">\n        <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n          <div className=\"animate-spin rounded-full h-12 w-12 border-b-2 border-foreground mx-auto mb-4\" />\n          <p className=\"text-sm text-text-secondary\">Loading profile...</p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout title=\"My Profile\" description=\"Manage your personal information and preferences\">\n      <PagePurpose className=\"mb-6\" icon={<UserCircle className=\"h-4 w-4\" />}>\n        Your account hub. Keep your name, contact details and food preferences up\n        to date so orders and recommendations fit you, verify your email and phone\n        for account security, and track your loyalty points and lifetime stats.\n      </PagePurpose>\n\n      <NextSteps\n        className=\"mb-6\"\n        storageKey=\"coolandlovely-customer-profile\"\n        steps={[\n          {\n            id: 'complete-profile',\n            label: 'Complete your profile',\n            description: 'Add your details so orders and delivery go smoothly.',\n            icon: <Edit3 className=\"h-4 w-4\" />,\n            onClick: () => setActiveTab('profile'),\n          },\n          {\n            id: 'verify',\n            label: 'Verify email & phone',\n            description: 'Secure your account and unlock faster checkout.',\n            icon: <Shield className=\"h-4 w-4\" />,\n            onClick: () => setActiveTab('profile'),\n            done: profile.isEmailVerified && profile.isPhoneVerified,\n          },\n          {\n            id: 'preferences',\n            label: 'Set your preferences',\n            description: 'Tell us your dietary needs and notification choices.',\n            icon: <Heart className=\"h-4 w-4\" />,\n            onClick: () => setActiveTab('preferences'),\n          },\n        ]}\n      />\n\n      {/* Profile Header — primary emphasis zone */}\n      <EmphasisPanel className=\"flex flex-col items-center sm:flex-row sm:items-start gap-6 p-6\">\n        <div className=\"relative\">\n          <div className=\"h-24 w-24 rounded-full bg-bg-sunken overflow-hidden\">\n            {profile.profilePicture ? (\n              <img\n                src={profile.profilePicture}\n                alt={`${profile.firstName} ${profile.lastName}`}\n                className=\"h-full w-full object-cover\"\n              />\n            ) : (\n              <div className=\"flex h-full w-full items-center justify-center text-text-secondary\">\n                <User className=\"h-10 w-10\" />\n              </div>\n            )}\n          </div>\n          <button\n            type=\"button\"\n            className=\"absolute bottom-0 right-0 flex h-8 w-8 items-center justify-center rounded-full bg-foreground text-background shadow-sm hover:opacity-90 transition-opacity\"\n          >\n            <Camera className=\"h-4 w-4\" />\n          </button>\n        </div>\n\n        <div className=\"flex-1 text-center sm:text-left\">\n          <h2 className=\"text-xl font-semibold text-text-primary\">\n            {profileData.firstName} {profileData.lastName}\n          </h2>\n          <p className=\"mt-1 text-sm text-text-secondary\">{profileData.email}</p>\n          <p className=\"mt-0.5 text-sm text-text-secondary\">{profileData.phone}</p>\n          <div className=\"flex flex-wrap items-center justify-center sm:justify-start gap-2 mt-2\">\n            <span\n              className={cn(\n                'inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium',\n                profile.isEmailVerified\n                  ? 'bg-status-success-bg-subtle/20 text-status-success-text'\n                  : 'bg-status-error-bg/20 text-status-error-text'\n              )}\n            >\n              <CheckCircle2 className=\"h-3 w-3\" />\n              {profile.isEmailVerified ? 'Email Verified' : 'Email Not Verified'}\n            </span>\n            <span\n              className={cn(\n                'inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium',\n                profile.isPhoneVerified\n                  ? 'bg-status-success-bg-subtle/20 text-status-success-text'\n                  : 'bg-status-error-bg/20 text-status-error-text'\n              )}\n            >\n              <CheckCircle2 className=\"h-3 w-3\" />\n              {profile.isPhoneVerified ? 'Phone Verified' : 'Phone Not Verified'}\n            </span>\n          </div>\n        </div>\n\n        <div className=\"text-center sm:text-right\">\n          <p className=\"text-2xl font-bold text-text-primary\">{stats.loyaltyPoints}</p>\n          <p className=\"text-xs text-text-secondary\">Loyalty Points</p>\n        </div>\n      </EmphasisPanel>\n\n      {/* Tabs */}\n      <div className=\"mt-6 rounded-lg border border-border-subtle bg-bg-surface\">\n        <div className=\"border-b border-border-subtle\">\n          <nav className=\"flex -mb-px overflow-x-auto\">\n            {tabs.map((tab) => {\n              const Icon = tab.icon;\n              return (\n                <button\n                  key={tab.key}\n                  type=\"button\"\n                  className={cn(\n                    'flex items-center gap-2 py-3.5 px-5 text-sm font-medium whitespace-nowrap transition-colors',\n                    activeTab === tab.key\n                      ? 'border-b-2 border-foreground text-text-primary'\n                      : 'text-text-secondary hover:text-text-primary'\n                  )}\n                  onClick={() => setActiveTab(tab.key)}\n                >\n                  <Icon className=\"h-4 w-4\" />\n                  {tab.label}\n                </button>\n              );\n            })}\n          </nav>\n        </div>\n\n        <div className=\"p-5 md:p-6\">\n          {/* Profile Tab */}\n          {activeTab === 'profile' && (\n            <div className=\"space-y-6\">\n              {/* Header with Edit/Save/Cancel */}\n              <div className=\"flex justify-between items-center\">\n                <h3 className=\"text-lg font-semibold text-text-primary\">Personal Information</h3>\n                {isEditing ? (\n                  <div className=\"flex gap-2\">\n                    <button\n                      type=\"button\"\n                      onClick={handleSaveProfile}\n                      className=\"flex items-center gap-1.5 rounded-lg bg-foreground px-3 py-1.5 text-xs font-medium text-background hover:opacity-90 transition-opacity\"\n                    >\n                      <Save className=\"h-3 w-3\" />\n                      Save\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={handleCancelEdit}\n                      className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors\"\n                    >\n                      <X className=\"h-3 w-3\" />\n                      Cancel\n                    </button>\n                  </div>\n                ) : (\n                  <button\n                    type=\"button\"\n                    onClick={handleStartEdit}\n                    className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors\"\n                  >\n                    <Edit3 className=\"h-3 w-3\" />\n                    Edit Profile\n                  </button>\n                )}\n              </div>\n\n              {/* Editable Fields */}\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                    First Name\n                  </label>\n                  <input\n                    type=\"text\"\n                    value={isEditing ? editedData.firstName : profileData.firstName}\n                    onChange={(e) => handleFieldChange('firstName', e.target.value)}\n                    disabled={!isEditing}\n                    className={cn(\n                      'w-full rounded-lg border border-border-subtle px-3 py-2.5 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                      isEditing && 'bg-bg-surface'\n                    )}\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                    Last Name\n                  </label>\n                  <input\n                    type=\"text\"\n                    value={isEditing ? editedData.lastName : profileData.lastName}\n                    onChange={(e) => handleFieldChange('lastName', e.target.value)}\n                    disabled={!isEditing}\n                    className={cn(\n                      'w-full rounded-lg border border-border-subtle px-3 py-2.5 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                      isEditing && 'bg-bg-surface'\n                    )}\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1.5\">Email</label>\n                  <input\n                    type=\"email\"\n                    value={isEditing ? editedData.email : profileData.email}\n                    onChange={(e) => handleFieldChange('email', e.target.value)}\n                    disabled={!isEditing}\n                    className={cn(\n                      'w-full rounded-lg border border-border-subtle px-3 py-2.5 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                      isEditing && 'bg-bg-surface'\n                    )}\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1.5\">Phone</label>\n                  <input\n                    type=\"tel\"\n                    value={isEditing ? editedData.phone : profileData.phone}\n                    onChange={(e) => handleFieldChange('phone', e.target.value)}\n                    disabled={!isEditing}\n                    className={cn(\n                      'w-full rounded-lg border border-border-subtle px-3 py-2.5 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                      isEditing && 'bg-bg-surface'\n                    )}\n                  />\n                </div>\n              </div>\n\n              {/* Primary Address */}\n              <div>\n                <h4 className=\"text-base font-semibold text-text-primary mb-3\">Primary Address</h4>\n                <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n                  <p className=\"text-sm font-medium text-text-primary\">{mockAddresses[0].street}</p>\n                  <p className=\"text-sm text-text-secondary\">{mockAddresses[0].area}</p>\n                  <p className=\"text-sm text-text-secondary\">\n                    {mockAddresses[0].city}, {mockAddresses[0].state} - {mockAddresses[0].pincode}\n                  </p>\n                  <button\n                    type=\"button\"\n                    onClick={() => navigateTo('/customer/addresses')}\n                    className=\"mt-2 flex items-center gap-1 text-xs font-medium text-text-secondary hover:text-text-primary transition-colors\"\n                  >\n                    <MapPin className=\"h-3 w-3\" />\n                    Manage Addresses\n                    <ChevronRight className=\"h-3 w-3\" />\n                  </button>\n                </div>\n              </div>\n\n              {/* Emergency Contact */}\n              <div>\n                <h4 className=\"text-base font-semibold text-text-primary mb-3 flex items-center gap-2\">\n                  <AlertTriangle className=\"h-4 w-4 text-text-secondary\" />\n                  Emergency Contact\n                </h4>\n                <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1.5\">Name</label>\n                    <input\n                      type=\"text\"\n                      value={\n                        isEditing\n                          ? editedData.emergencyContact.name\n                          : profileData.emergencyContact.name\n                      }\n                      onChange={(e) => handleEmergencyContactChange('name', e.target.value)}\n                      disabled={!isEditing}\n                      className={cn(\n                        'w-full rounded-lg border border-border-subtle px-3 py-2.5 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                        isEditing && 'bg-bg-surface'\n                      )}\n                    />\n                  </div>\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                      Phone\n                    </label>\n                    <input\n                      type=\"tel\"\n                      value={\n                        isEditing\n                          ? editedData.emergencyContact.phone\n                          : profileData.emergencyContact.phone\n                      }\n                      onChange={(e) => handleEmergencyContactChange('phone', e.target.value)}\n                      disabled={!isEditing}\n                      className={cn(\n                        'w-full rounded-lg border border-border-subtle px-3 py-2.5 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                        isEditing && 'bg-bg-surface'\n                      )}\n                    />\n                  </div>\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-1.5\">\n                      Relationship\n                    </label>\n                    <input\n                      type=\"text\"\n                      value={\n                        isEditing\n                          ? editedData.emergencyContact.relationship\n                          : profileData.emergencyContact.relationship\n                      }\n                      onChange={(e) => handleEmergencyContactChange('relationship', e.target.value)}\n                      disabled={!isEditing}\n                      className={cn(\n                        'w-full rounded-lg border border-border-subtle px-3 py-2.5 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                        isEditing && 'bg-bg-surface'\n                      )}\n                    />\n                  </div>\n                </div>\n              </div>\n\n              {/* Save/Cancel at bottom when editing */}\n              {isEditing && (\n                <div className=\"flex gap-3 pt-4 border-t border-border-subtle\">\n                  <button\n                    type=\"button\"\n                    onClick={handleSaveProfile}\n                    className=\"flex items-center gap-2 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n                  >\n                    <Save className=\"h-4 w-4\" />\n                    Save Changes\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={handleCancelEdit}\n                    className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n                  >\n                    Cancel\n                  </button>\n                </div>\n              )}\n            </div>\n          )}\n\n          {/* Preferences Tab */}\n          {activeTab === 'preferences' && (\n            <div className=\"space-y-8\">\n              {/* Notification Preferences */}\n              <div>\n                <h3 className=\"text-lg font-semibold text-text-primary mb-4 flex items-center gap-2\">\n                  <Bell className=\"h-4 w-4 text-text-secondary\" />\n                  Notification Preferences\n                </h3>\n                <div className=\"space-y-3\">\n                  {[\n                    { key: 'orderUpdates', label: 'Order status updates' },\n                    { key: 'promotions', label: 'Promotional offers and discounts' },\n                    { key: 'newsletter', label: 'Newsletter and food recommendations' },\n                    { key: 'sms', label: 'SMS notifications' },\n                  ].map((item) => (\n                    <label key={item.key} className=\"flex items-center gap-3 cursor-pointer\">\n                      <input\n                        type=\"checkbox\"\n                        checked={\n                          editedData.notifications[\n                            item.key as keyof typeof editedData.notifications\n                          ]\n                        }\n                        onChange={(e) => handleNotificationChange(item.key, e.target.checked)}\n                        className=\"h-4 w-4 rounded border-border-subtle text-text-primary focus:ring-[var(--color-focus-ring)]\"\n                      />\n                      <span className=\"text-sm text-text-primary\">{item.label}</span>\n                    </label>\n                  ))}\n                </div>\n              </div>\n\n              {/* Dietary Preferences */}\n              <div>\n                <h3 className=\"text-lg font-semibold text-text-primary mb-4 flex items-center gap-2\">\n                  <Heart className=\"h-4 w-4 text-text-secondary\" />\n                  Dietary Preferences\n                </h3>\n                <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3\">\n                  {dietaryOptions.map((diet) => (\n                    <label key={diet} className=\"flex items-center gap-2 cursor-pointer\">\n                      <input\n                        type=\"checkbox\"\n                        checked={editedData.dietary.includes(diet)}\n                        onChange={(e) => handleArrayToggle('dietary', diet, e.target.checked)}\n                        className=\"h-4 w-4 rounded border-border-subtle text-text-primary focus:ring-[var(--color-focus-ring)]\"\n                      />\n                      <span className=\"text-sm text-text-primary capitalize\">{diet}</span>\n                    </label>\n                  ))}\n                </div>\n              </div>\n\n              {/* Food Allergies */}\n              <div>\n                <h3 className=\"text-lg font-semibold text-text-primary mb-4 flex items-center gap-2\">\n                  <AlertTriangle className=\"h-4 w-4 text-status-error-text\" />\n                  Food Allergies\n                </h3>\n                <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3\">\n                  {allergyOptions.map((allergy) => (\n                    <label key={allergy} className=\"flex items-center gap-2 cursor-pointer\">\n                      <input\n                        type=\"checkbox\"\n                        checked={editedData.allergies.includes(allergy)}\n                        onChange={(e) => handleArrayToggle('allergies', allergy, e.target.checked)}\n                        className=\"h-4 w-4 rounded border-border-subtle text-status-error-text focus:ring-destructive\"\n                      />\n                      <span className=\"text-sm text-text-primary capitalize\">{allergy}</span>\n                    </label>\n                  ))}\n                </div>\n              </div>\n\n              {/* Save Preferences */}\n              <div className=\"pt-4 border-t border-border-subtle\">\n                <button\n                  type=\"button\"\n                  onClick={handleSavePreferences}\n                  className=\"flex items-center gap-2 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n                >\n                  <Save className=\"h-4 w-4\" />\n                  Save Preferences\n                </button>\n              </div>\n            </div>\n          )}\n\n          {/* Stats Tab */}\n          {activeTab === 'stats' && (\n            <div className=\"space-y-8\">\n              {/* Top Stats Cards */}\n              <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n                <div className=\"rounded-lg bg-accent-blue-subtle/10 p-5 border border-accent-blue-subtle/20\">\n                  <div className=\"flex items-center gap-2 mb-2\">\n                    <ShoppingBag className=\"h-4 w-4 text-accent-blue\" />\n                    <h4 className=\"text-sm font-medium text-accent-blue\">\n                      Total Orders\n                    </h4>\n                  </div>\n                  <p className=\"text-3xl font-bold text-accent-blue\">\n                    {stats.totalOrders}\n                  </p>\n                </div>\n                <div className=\"rounded-lg bg-status-success-bg-subtle/10 p-5 border border-status-success-border/20\">\n                  <div className=\"flex items-center gap-2 mb-2\">\n                    <IndianRupee className=\"h-4 w-4 text-status-success-text\" />\n                    <h4 className=\"text-sm font-medium text-status-success-text\">\n                      Total Spent\n                    </h4>\n                  </div>\n                  <p className=\"text-3xl font-bold text-status-success-text\">\n                    {formatCurrency(stats.totalSpent, { minimumFractionDigits: 0 })}\n                  </p>\n                </div>\n                <div className=\"rounded-lg bg-accent-purple-subtle/10 p-5 border border-accent-purple-subtle/20\">\n                  <div className=\"flex items-center gap-2 mb-2\">\n                    <Award className=\"h-4 w-4 text-accent-purple\" />\n                    <h4 className=\"text-sm font-medium text-accent-purple\">\n                      Loyalty Points\n                    </h4>\n                  </div>\n                  <p className=\"text-3xl font-bold text-accent-purple\">\n                    {stats.loyaltyPoints}\n                  </p>\n                </div>\n              </div>\n\n              {/* Details Grid */}\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                {/* Order Statistics */}\n                <div className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n                  <h4 className=\"text-base font-semibold text-text-primary mb-4 flex items-center gap-2\">\n                    <BarChart3 className=\"h-4 w-4 text-text-secondary\" />\n                    Order Statistics\n                  </h4>\n                  <div className=\"space-y-3\">\n                    <div className=\"flex justify-between\">\n                      <span className=\"text-sm text-text-secondary\">Average Order Value</span>\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {formatCurrency(stats.avgOrderValue, { minimumFractionDigits: 0 })}\n                      </span>\n                    </div>\n                    <div className=\"flex justify-between\">\n                      <span className=\"text-sm text-text-secondary\">Favorite Category</span>\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {stats.favoriteCategory}\n                      </span>\n                    </div>\n                    <div className=\"flex justify-between\">\n                      <span className=\"text-sm text-text-secondary\">Member Since</span>\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {formatDate(stats.memberSince, {\n                          hour: undefined,\n                          minute: undefined,\n                          hour12: undefined,\n                        })}\n                      </span>\n                    </div>\n                  </div>\n                </div>\n\n                {/* Account Status */}\n                <div className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n                  <h4 className=\"text-base font-semibold text-text-primary mb-4 flex items-center gap-2\">\n                    <Shield className=\"h-4 w-4 text-text-secondary\" />\n                    Account Status\n                  </h4>\n                  <div className=\"space-y-3\">\n                    <div className=\"flex justify-between items-center\">\n                      <span className=\"text-sm text-text-secondary\">Email Verification</span>\n                      <span\n                        className={cn(\n                          'inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium',\n                          profile.isEmailVerified\n                            ? 'bg-status-success-bg-subtle/20 text-status-success-text'\n                            : 'bg-status-error-bg/20 text-status-error-text'\n                        )}\n                      >\n                        {profile.isEmailVerified ? 'Verified' : 'Not Verified'}\n                      </span>\n                    </div>\n                    <div className=\"flex justify-between items-center\">\n                      <span className=\"text-sm text-text-secondary\">Phone Verification</span>\n                      <span\n                        className={cn(\n                          'inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium',\n                          profile.isPhoneVerified\n                            ? 'bg-status-success-bg-subtle/20 text-status-success-text'\n                            : 'bg-status-error-bg/20 text-status-error-text'\n                        )}\n                      >\n                        {profile.isPhoneVerified ? 'Verified' : 'Not Verified'}\n                      </span>\n                    </div>\n                    <div className=\"flex justify-between\">\n                      <span className=\"text-sm text-text-secondary\">Last Updated</span>\n                      <span className=\"text-sm font-medium text-text-primary\">\n                        {formatDate(profile.updatedAt, {\n                          hour: undefined,\n                          minute: undefined,\n                          hour12: undefined,\n                        })}\n                      </span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}