@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1 @@
+{"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 { 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-muted-foreground\">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      {/* Profile Header */}\n      <div className=\"flex flex-col items-center sm:flex-row sm:items-start gap-6 rounded-lg border border-border bg-card p-6\">\n        <div className=\"relative\">\n          <div className=\"h-24 w-24 rounded-full bg-muted 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-muted-foreground\">\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-foreground\">\n            {profileData.firstName} {profileData.lastName}\n          </h2>\n          <p className=\"mt-1 text-sm text-muted-foreground\">{profileData.email}</p>\n          <p className=\"mt-0.5 text-sm text-muted-foreground\">{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-green-500/20 text-green-600 dark:text-green-400'\n                  : 'bg-destructive/20 text-destructive'\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-green-500/20 text-green-600 dark:text-green-400'\n                  : 'bg-destructive/20 text-destructive'\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-foreground\">{stats.loyaltyPoints}</p>\n          <p className=\"text-xs text-muted-foreground\">Loyalty Points</p>\n        </div>\n      </div>\n\n      {/* Tabs */}\n      <div className=\"mt-6 rounded-lg border border-border bg-card\">\n        <div className=\"border-b border-border\">\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-foreground'\n                      : 'text-muted-foreground hover:text-foreground'\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-foreground\">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 px-3 py-1.5 text-xs font-medium text-foreground 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 px-3 py-1.5 text-xs font-medium text-foreground 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-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring',\n                      !isEditing && 'bg-muted cursor-not-allowed',\n                      isEditing && 'bg-background'\n                    )}\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring',\n                      !isEditing && 'bg-muted cursor-not-allowed',\n                      isEditing && 'bg-background'\n                    )}\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring',\n                      !isEditing && 'bg-muted cursor-not-allowed',\n                      isEditing && 'bg-background'\n                    )}\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium text-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring',\n                      !isEditing && 'bg-muted cursor-not-allowed',\n                      isEditing && 'bg-background'\n                    )}\n                  />\n                </div>\n              </div>\n\n              {/* Primary Address */}\n              <div>\n                <h4 className=\"text-base font-semibold text-foreground mb-3\">Primary Address</h4>\n                <div className=\"rounded-lg bg-muted/50 p-4\">\n                  <p className=\"text-sm font-medium text-foreground\">{mockAddresses[0].street}</p>\n                  <p className=\"text-sm text-muted-foreground\">{mockAddresses[0].area}</p>\n                  <p className=\"text-sm text-muted-foreground\">\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-muted-foreground hover:text-foreground 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-foreground mb-3 flex items-center gap-2\">\n                  <AlertTriangle className=\"h-4 w-4 text-muted-foreground\" />\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-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring',\n                        !isEditing && 'bg-muted cursor-not-allowed',\n                        isEditing && 'bg-background'\n                      )}\n                    />\n                  </div>\n                  <div>\n                    <label className=\"block text-sm font-medium text-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring',\n                        !isEditing && 'bg-muted cursor-not-allowed',\n                        isEditing && 'bg-background'\n                      )}\n                    />\n                  </div>\n                  <div>\n                    <label className=\"block text-sm font-medium text-foreground 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 px-3 py-2.5 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring',\n                        !isEditing && 'bg-muted cursor-not-allowed',\n                        isEditing && 'bg-background'\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\">\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 px-4 py-2.5 text-sm font-medium text-foreground 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-foreground mb-4 flex items-center gap-2\">\n                  <Bell className=\"h-4 w-4 text-muted-foreground\" />\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 text-foreground focus:ring-ring\"\n                      />\n                      <span className=\"text-sm text-foreground\">{item.label}</span>\n                    </label>\n                  ))}\n                </div>\n              </div>\n\n              {/* Dietary Preferences */}\n              <div>\n                <h3 className=\"text-lg font-semibold text-foreground mb-4 flex items-center gap-2\">\n                  <Heart className=\"h-4 w-4 text-muted-foreground\" />\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 text-foreground focus:ring-ring\"\n                      />\n                      <span className=\"text-sm text-foreground capitalize\">{diet}</span>\n                    </label>\n                  ))}\n                </div>\n              </div>\n\n              {/* Food Allergies */}\n              <div>\n                <h3 className=\"text-lg font-semibold text-foreground mb-4 flex items-center gap-2\">\n                  <AlertTriangle className=\"h-4 w-4 text-destructive\" />\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 text-destructive focus:ring-destructive\"\n                      />\n                      <span className=\"text-sm text-foreground capitalize\">{allergy}</span>\n                    </label>\n                  ))}\n                </div>\n              </div>\n\n              {/* Save Preferences */}\n              <div className=\"pt-4 border-t border-border\">\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-blue-500/10 p-5 border border-blue-500/20\">\n                  <div className=\"flex items-center gap-2 mb-2\">\n                    <ShoppingBag className=\"h-4 w-4 text-blue-600 dark:text-blue-400\" />\n                    <h4 className=\"text-sm font-medium text-blue-600 dark:text-blue-400\">\n                      Total Orders\n                    </h4>\n                  </div>\n                  <p className=\"text-3xl font-bold text-blue-600 dark:text-blue-400\">\n                    {stats.totalOrders}\n                  </p>\n                </div>\n                <div className=\"rounded-lg bg-green-500/10 p-5 border border-green-500/20\">\n                  <div className=\"flex items-center gap-2 mb-2\">\n                    <IndianRupee className=\"h-4 w-4 text-green-600 dark:text-green-400\" />\n                    <h4 className=\"text-sm font-medium text-green-600 dark:text-green-400\">\n                      Total Spent\n                    </h4>\n                  </div>\n                  <p className=\"text-3xl font-bold text-green-600 dark:text-green-400\">\n                    {formatCurrency(stats.totalSpent, { minimumFractionDigits: 0 })}\n                  </p>\n                </div>\n                <div className=\"rounded-lg bg-purple-500/10 p-5 border border-purple-500/20\">\n                  <div className=\"flex items-center gap-2 mb-2\">\n                    <Award className=\"h-4 w-4 text-purple-600 dark:text-purple-400\" />\n                    <h4 className=\"text-sm font-medium text-purple-600 dark:text-purple-400\">\n                      Loyalty Points\n                    </h4>\n                  </div>\n                  <p className=\"text-3xl font-bold text-purple-600 dark:text-purple-400\">\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 bg-card p-5\">\n                  <h4 className=\"text-base font-semibold text-foreground mb-4 flex items-center gap-2\">\n                    <BarChart3 className=\"h-4 w-4 text-muted-foreground\" />\n                    Order Statistics\n                  </h4>\n                  <div className=\"space-y-3\">\n                    <div className=\"flex justify-between\">\n                      <span className=\"text-sm text-muted-foreground\">Average Order Value</span>\n                      <span className=\"text-sm font-medium text-foreground\">\n                        {formatCurrency(stats.avgOrderValue, { minimumFractionDigits: 0 })}\n                      </span>\n                    </div>\n                    <div className=\"flex justify-between\">\n                      <span className=\"text-sm text-muted-foreground\">Favorite Category</span>\n                      <span className=\"text-sm font-medium text-foreground\">\n                        {stats.favoriteCategory}\n                      </span>\n                    </div>\n                    <div className=\"flex justify-between\">\n                      <span className=\"text-sm text-muted-foreground\">Member Since</span>\n                      <span className=\"text-sm font-medium text-foreground\">\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 bg-card p-5\">\n                  <h4 className=\"text-base font-semibold text-foreground mb-4 flex items-center gap-2\">\n                    <Shield className=\"h-4 w-4 text-muted-foreground\" />\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-muted-foreground\">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-green-500/20 text-green-600 dark:text-green-400'\n                            : 'bg-destructive/20 text-destructive'\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-muted-foreground\">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-green-500/20 text-green-600 dark:text-green-400'\n                            : 'bg-destructive/20 text-destructive'\n                        )}\n                      >\n                        {profile.isPhoneVerified ? 'Verified' : 'Not Verified'}\n                      </span>\n                    </div>\n                    <div className=\"flex justify-between\">\n                      <span className=\"text-sm text-muted-foreground\">Last Updated</span>\n                      <span className=\"text-sm font-medium text-foreground\">\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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"}

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

@@ -0,0 +1,12 @@
+/**
+ * Direct Service Booking Page
+ * @module coolandlovely/pages/customer
+ *
+ * 4-step wizard: Location > Details > Payment > Confirmation.
+ * Progress indicator, step validation, geolocation button,
+ * address fields, preferred time slot selector (30-min slots),
+ * urgent booking checkbox, payment method selection,
+ * payment summary, confirmation step with checkmark/IDs/next steps.
+ */
+export declare function DirectServiceBookingPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DirectServiceBookingPage.d.ts.map

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

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