@burdenoff/microfe-adaptercloud 2026.614.1

package/dist/adaptercloud/pages/cart-owner/CartOwnerProfilePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartOwnerProfilePage.js","names":[],"sources":["../../../../src/adaptercloud/pages/cart-owner/CartOwnerProfilePage.tsx"],"sourcesContent":["/**\n * Cart Owner Profile Page\n *\n * Tabbed sidebar (personal/business/operations/banking/security/notifications),\n * profile image upload placeholder, edit mode toggle, all form fields,\n * working days checkboxes, bank details with security note,\n * password/2FA sections, notification toggles.\n *\n * @module adaptercloud/pages/cart-owner\n */\n\nimport { useState } from 'react';\nimport {\n  User,\n  Mail,\n  Phone,\n  MapPin,\n  Shield,\n  CheckCircle2,\n  XCircle,\n  FileText,\n  CreditCard,\n  Calendar,\n  Star,\n  BadgeCheck,\n  Upload,\n  Edit2,\n  Save,\n  Lock,\n  Bell,\n  Building2,\n  Clock,\n  Camera,\n  Key,\n  AlertCircle,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { mockCartOwner } from '../../mocks/users';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype ProfileTab = 'personal' | 'business' | 'operations' | 'banking' | 'security' | 'notifications';\n\ninterface Tab {\n  id: ProfileTab;\n  label: string;\n  icon: typeof User;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst profileTabs: Tab[] = [\n  { id: 'personal', label: 'Personal Info', icon: User },\n  { id: 'business', label: 'Business Details', icon: Building2 },\n  { id: 'operations', label: 'Operations', icon: Clock },\n  { id: 'banking', label: 'Banking', icon: CreditCard },\n  { id: 'security', label: 'Security', icon: Lock },\n  { id: 'notifications', label: 'Notifications', icon: Bell },\n];\n\nconst DAYS = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const CartOwnerProfilePage = () => {\n  const { navigateTo } = useAdapterCloud();\n  const [activeTab, setActiveTab] = useState<ProfileTab>('personal');\n  const [isEditing, setIsEditing] = useState(false);\n  const [saved, setSaved] = useState(false);\n\n  // Personal Info\n  const [personal, setPersonal] = useState({\n    firstName: mockCartOwner.firstName,\n    lastName: mockCartOwner.lastName,\n    email: mockCartOwner.email,\n    phone: mockCartOwner.phone,\n    dateOfBirth: '1990-05-15',\n    gender: 'Male',\n    address: 'Koramangala 5th Block, Bangalore - 560034',\n    bio: 'Passionate about South Indian cuisine. Running Dosa Express since 2020.',\n  });\n\n  // Business Details\n  const [business, setBusiness] = useState({\n    businessName: 'Dosa Express',\n    category: 'Food & Beverage',\n    description: 'Authentic South Indian street food with a modern twist.',\n    gstNumber: '29ABCDE1234F1Z5',\n    panNumber: 'ABCDE1234F',\n    fssaiLicense: '12345678',\n    businessAddress: 'Koramangala 5th Block, Bangalore - 560034',\n    businessPhone: '+91-9876543210',\n    businessEmail: 'ravi@dosaexpress.in',\n  });\n\n  // Operations\n  const [operations, setOperations] = useState({\n    workingDays: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n    openTime: '09:00',\n    closeTime: '21:00',\n    preparationTime: 15,\n    deliveryRadius: 5,\n    maxOrdersPerDay: 100,\n  });\n\n  // Banking\n  const [banking, setBanking] = useState({\n    bankName: 'State Bank of India',\n    accountHolder: 'Ravi Kumar',\n    accountNumber: '1234567890123456',\n    ifscCode: 'SBIN0001234',\n    upiId: 'ravikumar@sbi',\n    payoutSchedule: 'weekly',\n  });\n\n  // Security\n  const [security, setSecurity] = useState({\n    twoFactorEnabled: true,\n    lastPasswordChange: '2024-01-01',\n  });\n\n  // Notifications\n  const [notificationPrefs, setNotificationPrefs] = useState({\n    orderAlerts: true,\n    paymentAlerts: true,\n    reviewAlerts: true,\n    promotionalEmails: false,\n    smsAlerts: true,\n    weeklyReport: true,\n  });\n\n  // Profile stats\n  const ownerStats = {\n    rating: 4.5,\n    totalOrders: 1247,\n    memberSince: '2023-03-01',\n    verificationPercentage: 86,\n  };\n\n  const handleSave = () => {\n    setSaved(true);\n    setIsEditing(false);\n    setTimeout(() => setSaved(false), 3000);\n  };\n\n  const toggleWorkingDay = (day: string) => {\n    setOperations((p) => ({\n      ...p,\n      workingDays: p.workingDays.includes(day)\n        ? p.workingDays.filter((d) => d !== day)\n        : [...p.workingDays, day],\n    }));\n  };\n\n  // ---- Tab Renderers ----\n\n  const renderPersonalTab = () => (\n    <div className=\"space-y-5\">\n      {/* Profile Image */}\n      <div className=\"flex items-center gap-5\">\n        <div className=\"relative\">\n          <div className=\"flex h-20 w-20 items-center justify-center rounded-full bg-muted text-2xl font-bold text-foreground\">\n            {personal.firstName[0]}\n            {personal.lastName[0]}\n          </div>\n          {isEditing && (\n            <button\n              type=\"button\"\n              onClick={() => alert('Image upload coming soon!')}\n              className=\"absolute -bottom-1 -right-1 flex h-7 w-7 items-center justify-center rounded-full bg-accent text-foreground border-2 border-card hover:bg-accent/80\"\n            >\n              <Camera className=\"h-3.5 w-3.5\" />\n            </button>\n          )}\n        </div>\n        <div>\n          <p className=\"text-lg font-semibold text-foreground\">\n            {personal.firstName} {personal.lastName}\n          </p>\n          <p className=\"text-sm text-muted-foreground\">Cart Owner</p>\n          <div className=\"flex items-center gap-2 mt-1\">\n            <span className=\"inline-flex items-center gap-1 rounded-full bg-blue-500/10 px-2.5 py-0.5 text-xs font-medium text-blue-600 dark:text-blue-400\">\n              <BadgeCheck className=\"h-3 w-3\" />\n              Verified\n            </span>\n            <span className=\"flex items-center gap-0.5 text-xs text-yellow-600 dark:text-yellow-400\">\n              <Star className=\"h-3 w-3 fill-yellow-400 text-yellow-400\" />\n              {ownerStats.rating}\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">First Name</label>\n          <input\n            type=\"text\"\n            value={personal.firstName}\n            onChange={(e) => setPersonal((p) => ({ ...p, firstName: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Last Name</label>\n          <input\n            type=\"text\"\n            value={personal.lastName}\n            onChange={(e) => setPersonal((p) => ({ ...p, lastName: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n      </div>\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Email</label>\n          <input\n            type=\"email\"\n            value={personal.email}\n            onChange={(e) => setPersonal((p) => ({ ...p, email: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Phone</label>\n          <input\n            type=\"tel\"\n            value={personal.phone}\n            onChange={(e) => setPersonal((p) => ({ ...p, phone: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n      </div>\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Date of Birth</label>\n          <input\n            type=\"date\"\n            value={personal.dateOfBirth}\n            onChange={(e) => setPersonal((p) => ({ ...p, dateOfBirth: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Gender</label>\n          <select\n            value={personal.gender}\n            onChange={(e) => setPersonal((p) => ({ ...p, gender: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          >\n            <option value=\"Male\">Male</option>\n            <option value=\"Female\">Female</option>\n            <option value=\"Other\">Other</option>\n          </select>\n        </div>\n      </div>\n      <div>\n        <label className=\"block text-sm font-medium text-foreground mb-1\">Address</label>\n        <input\n          type=\"text\"\n          value={personal.address}\n          onChange={(e) => setPersonal((p) => ({ ...p, address: e.target.value }))}\n          disabled={!isEditing}\n          className={cn(\n            'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n            !isEditing && 'bg-muted/50 cursor-not-allowed'\n          )}\n        />\n      </div>\n      <div>\n        <label className=\"block text-sm font-medium text-foreground mb-1\">Bio</label>\n        <textarea\n          value={personal.bio}\n          onChange={(e) => setPersonal((p) => ({ ...p, bio: e.target.value }))}\n          disabled={!isEditing}\n          rows={3}\n          className={cn(\n            'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground resize-none',\n            !isEditing && 'bg-muted/50 cursor-not-allowed'\n          )}\n        />\n      </div>\n    </div>\n  );\n\n  const renderBusinessTab = () => (\n    <div className=\"space-y-5\">\n      <div>\n        <label className=\"block text-sm font-medium text-foreground mb-1\">Business Name</label>\n        <input\n          type=\"text\"\n          value={business.businessName}\n          onChange={(e) => setBusiness((p) => ({ ...p, businessName: e.target.value }))}\n          disabled={!isEditing}\n          className={cn(\n            'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n            !isEditing && 'bg-muted/50 cursor-not-allowed'\n          )}\n        />\n      </div>\n      <div>\n        <label className=\"block text-sm font-medium text-foreground mb-1\">Category</label>\n        <select\n          value={business.category}\n          onChange={(e) => setBusiness((p) => ({ ...p, category: e.target.value }))}\n          disabled={!isEditing}\n          className={cn(\n            'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n            !isEditing && 'bg-muted/50 cursor-not-allowed'\n          )}\n        >\n          {[\n            'Food & Beverage',\n            'Personal Care & Beauty',\n            'Repair & Maintenance',\n            'Home Services',\n            'Retail & Merchandise',\n          ].map((c) => (\n            <option key={c} value={c}>\n              {c}\n            </option>\n          ))}\n        </select>\n      </div>\n      <div>\n        <label className=\"block text-sm font-medium text-foreground mb-1\">Description</label>\n        <textarea\n          value={business.description}\n          onChange={(e) => setBusiness((p) => ({ ...p, description: e.target.value }))}\n          disabled={!isEditing}\n          rows={3}\n          className={cn(\n            'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground resize-none',\n            !isEditing && 'bg-muted/50 cursor-not-allowed'\n          )}\n        />\n      </div>\n      <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-5\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">GST Number</label>\n          <input\n            type=\"text\"\n            value={business.gstNumber}\n            onChange={(e) => setBusiness((p) => ({ ...p, gstNumber: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">PAN Number</label>\n          <input\n            type=\"text\"\n            value={business.panNumber}\n            onChange={(e) => setBusiness((p) => ({ ...p, panNumber: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">FSSAI License</label>\n          <input\n            type=\"text\"\n            value={business.fssaiLicense}\n            onChange={(e) => setBusiness((p) => ({ ...p, fssaiLicense: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n      </div>\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Business Phone</label>\n          <input\n            type=\"tel\"\n            value={business.businessPhone}\n            onChange={(e) => setBusiness((p) => ({ ...p, businessPhone: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Business Email</label>\n          <input\n            type=\"email\"\n            value={business.businessEmail}\n            onChange={(e) => setBusiness((p) => ({ ...p, businessEmail: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n\n  const renderOperationsTab = () => (\n    <div className=\"space-y-5\">\n      <div>\n        <label className=\"block text-sm font-medium text-foreground mb-2\">Working Days</label>\n        <div className=\"flex flex-wrap gap-2\">\n          {DAYS.map((day) => (\n            <button\n              key={day}\n              type=\"button\"\n              onClick={() => isEditing && toggleWorkingDay(day)}\n              disabled={!isEditing}\n              className={cn(\n                'px-3 py-1.5 rounded-full text-xs font-medium transition-colors',\n                operations.workingDays.includes(day)\n                  ? 'bg-blue-500 text-white'\n                  : 'bg-muted text-muted-foreground',\n                !isEditing && 'cursor-not-allowed opacity-70'\n              )}\n            >\n              {day.slice(0, 3)}\n            </button>\n          ))}\n        </div>\n      </div>\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Opening Time</label>\n          <input\n            type=\"time\"\n            value={operations.openTime}\n            onChange={(e) => setOperations((p) => ({ ...p, openTime: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Closing Time</label>\n          <input\n            type=\"time\"\n            value={operations.closeTime}\n            onChange={(e) => setOperations((p) => ({ ...p, closeTime: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n      </div>\n      <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-5\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Prep Time (min)</label>\n          <input\n            type=\"number\"\n            value={operations.preparationTime}\n            onChange={(e) =>\n              setOperations((p) => ({ ...p, preparationTime: parseInt(e.target.value) || 0 }))\n            }\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">\n            Delivery Radius (km)\n          </label>\n          <input\n            type=\"number\"\n            value={operations.deliveryRadius}\n            onChange={(e) =>\n              setOperations((p) => ({ ...p, deliveryRadius: parseInt(e.target.value) || 0 }))\n            }\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Max Orders/Day</label>\n          <input\n            type=\"number\"\n            value={operations.maxOrdersPerDay}\n            onChange={(e) =>\n              setOperations((p) => ({ ...p, maxOrdersPerDay: parseInt(e.target.value) || 0 }))\n            }\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n\n  const renderBankingTab = () => (\n    <div className=\"space-y-5\">\n      <div className=\"flex items-start gap-3 rounded-md bg-blue-500/5 border border-blue-500/20 p-3\">\n        <AlertCircle className=\"h-4 w-4 text-blue-600 dark:text-blue-400 shrink-0 mt-0.5\" />\n        <p className=\"text-xs text-blue-600 dark:text-blue-400\">\n          Bank details are used for payouts. Changes require verification and may take 2-3 business\n          days to process.\n        </p>\n      </div>\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Bank Name</label>\n          <input\n            type=\"text\"\n            value={banking.bankName}\n            onChange={(e) => setBanking((p) => ({ ...p, bankName: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Account Holder</label>\n          <input\n            type=\"text\"\n            value={banking.accountHolder}\n            onChange={(e) => setBanking((p) => ({ ...p, accountHolder: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n      </div>\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Account Number</label>\n          <input\n            type=\"text\"\n            value={isEditing ? banking.accountNumber : `****${banking.accountNumber.slice(-4)}`}\n            onChange={(e) => setBanking((p) => ({ ...p, accountNumber: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">IFSC Code</label>\n          <input\n            type=\"text\"\n            value={banking.ifscCode}\n            onChange={(e) => setBanking((p) => ({ ...p, ifscCode: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n      </div>\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">UPI ID</label>\n          <input\n            type=\"text\"\n            value={banking.upiId}\n            onChange={(e) => setBanking((p) => ({ ...p, upiId: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-foreground mb-1\">Payout Schedule</label>\n          <select\n            value={banking.payoutSchedule}\n            onChange={(e) => setBanking((p) => ({ ...p, payoutSchedule: e.target.value }))}\n            disabled={!isEditing}\n            className={cn(\n              'w-full rounded-md border border-border px-3 py-2 text-sm text-foreground',\n              !isEditing && 'bg-muted/50 cursor-not-allowed'\n            )}\n          >\n            <option value=\"daily\">Daily</option>\n            <option value=\"weekly\">Weekly</option>\n            <option value=\"biweekly\">Bi-Weekly</option>\n            <option value=\"monthly\">Monthly</option>\n          </select>\n        </div>\n      </div>\n    </div>\n  );\n\n  const renderSecurityTab = () => (\n    <div className=\"space-y-6\">\n      {/* Password Section */}\n      <div className=\"rounded-lg border border-border p-5\">\n        <h3 className=\"text-sm font-semibold text-foreground flex items-center gap-2 mb-3\">\n          <Key className=\"h-4 w-4 text-muted-foreground\" />\n          Password\n        </h3>\n        <p className=\"text-xs text-muted-foreground mb-3\">\n          Last changed:{' '}\n          {new Date(security.lastPasswordChange).toLocaleDateString('en-IN', {\n            day: 'numeric',\n            month: 'short',\n            year: 'numeric',\n          })}\n        </p>\n        <button\n          type=\"button\"\n          onClick={() => alert('Password change coming soon!')}\n          className=\"rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted transition-colors\"\n        >\n          Change Password\n        </button>\n      </div>\n\n      {/* 2FA Section */}\n      <div className=\"rounded-lg border border-border p-5\">\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <h3 className=\"text-sm font-semibold text-foreground flex items-center gap-2\">\n              <Shield className=\"h-4 w-4 text-muted-foreground\" />\n              Two-Factor Authentication\n            </h3>\n            <p className=\"text-xs text-muted-foreground mt-1\">\n              Add an extra layer of security to your account\n            </p>\n          </div>\n          <button\n            type=\"button\"\n            onClick={() => setSecurity((p) => ({ ...p, twoFactorEnabled: !p.twoFactorEnabled }))}\n            className={cn(\n              'h-6 w-11 rounded-full transition-colors relative',\n              security.twoFactorEnabled ? 'bg-green-500' : 'bg-muted-foreground/30'\n            )}\n          >\n            <div\n              className={cn(\n                'absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform',\n                security.twoFactorEnabled ? 'translate-x-5' : 'translate-x-0.5'\n              )}\n            />\n          </button>\n        </div>\n        {security.twoFactorEnabled && (\n          <div className=\"mt-3 flex items-center gap-2\">\n            <CheckCircle2 className=\"h-4 w-4 text-green-600 dark:text-green-400\" />\n            <span className=\"text-xs text-green-600 dark:text-green-400 font-medium\">\n              2FA is enabled\n            </span>\n          </div>\n        )}\n      </div>\n\n      {/* Active Sessions */}\n      <div className=\"rounded-lg border border-border p-5\">\n        <h3 className=\"text-sm font-semibold text-foreground mb-3\">Active Sessions</h3>\n        <div className=\"space-y-3\">\n          <div className=\"flex items-center justify-between text-sm\">\n            <div>\n              <p className=\"font-medium text-foreground\">Current Device</p>\n              <p className=\"text-xs text-muted-foreground\">Chrome on Linux | Bangalore, IN</p>\n            </div>\n            <span className=\"text-xs text-green-600 dark:text-green-400 font-medium\">\n              Active now\n            </span>\n          </div>\n          <div className=\"flex items-center justify-between text-sm\">\n            <div>\n              <p className=\"font-medium text-foreground\">Mobile App</p>\n              <p className=\"text-xs text-muted-foreground\">Android | Bangalore, IN</p>\n            </div>\n            <span className=\"text-xs text-muted-foreground\">2 hours ago</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n\n  const renderNotificationsTab = () => {\n    const toggleItems: {\n      key: keyof typeof notificationPrefs;\n      label: string;\n      description: string;\n    }[] = [\n      {\n        key: 'orderAlerts',\n        label: 'Order Alerts',\n        description: 'New orders, updates, and cancellations',\n      },\n      {\n        key: 'paymentAlerts',\n        label: 'Payment Alerts',\n        description: 'Payouts, refunds, and transaction updates',\n      },\n      {\n        key: 'reviewAlerts',\n        label: 'Review Notifications',\n        description: 'New customer reviews and ratings',\n      },\n      { key: 'smsAlerts', label: 'SMS Alerts', description: 'Receive important alerts via SMS' },\n      {\n        key: 'weeklyReport',\n        label: 'Weekly Report',\n        description: 'Weekly business performance summary',\n      },\n      {\n        key: 'promotionalEmails',\n        label: 'Promotional Emails',\n        description: 'Tips, news, and promotional content',\n      },\n    ];\n\n    return (\n      <div className=\"space-y-1 divide-y divide-border\">\n        {toggleItems.map((item) => (\n          <div key={item.key} className=\"flex items-center justify-between py-3\">\n            <div>\n              <p className=\"text-sm font-medium text-foreground\">{item.label}</p>\n              <p className=\"text-xs text-muted-foreground mt-0.5\">{item.description}</p>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => setNotificationPrefs((p) => ({ ...p, [item.key]: !p[item.key] }))}\n              className={cn(\n                'h-6 w-11 rounded-full transition-colors relative',\n                notificationPrefs[item.key] ? 'bg-blue-500' : 'bg-muted-foreground/30'\n              )}\n            >\n              <div\n                className={cn(\n                  'absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform',\n                  notificationPrefs[item.key] ? 'translate-x-5' : 'translate-x-0.5'\n                )}\n              />\n            </button>\n          </div>\n        ))}\n      </div>\n    );\n  };\n\n  return (\n    <PageLayout\n      title=\"Profile\"\n      description=\"Your business profile and settings\"\n      actions={\n        <div className=\"flex items-center gap-2\">\n          {isEditing ? (\n            <>\n              <button\n                type=\"button\"\n                onClick={() => setIsEditing(false)}\n                className=\"rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted transition-colors\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleSave}\n                className=\"inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors\"\n              >\n                <Save className=\"h-4 w-4\" />\n                Save\n              </button>\n            </>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={() => setIsEditing(true)}\n              className=\"inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors\"\n            >\n              <Edit2 className=\"h-4 w-4\" />\n              Edit Profile\n            </button>\n          )}\n        </div>\n      }\n    >\n      <div className=\"space-y-4\">\n        {/* Saved Message */}\n        {saved && (\n          <div className=\"flex items-center gap-2 rounded-lg border border-green-500/30 bg-green-500/10 p-3\">\n            <CheckCircle2 className=\"h-4 w-4 text-green-600 dark:text-green-400\" />\n            <span className=\"text-sm font-medium text-green-600 dark:text-green-400\">\n              Profile saved successfully!\n            </span>\n          </div>\n        )}\n\n        {/* Quick Stats */}\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n          <div className=\"rounded-lg border border-border bg-card p-4 shadow-sm text-center\">\n            <p className=\"text-2xl font-bold text-foreground flex items-center justify-center gap-1\">\n              <Star className=\"h-5 w-5 fill-yellow-400 text-yellow-400\" />\n              {ownerStats.rating}\n            </p>\n            <p className=\"text-xs text-muted-foreground\">Rating</p>\n          </div>\n          <div className=\"rounded-lg border border-border bg-card p-4 shadow-sm text-center\">\n            <p className=\"text-2xl font-bold text-foreground\">\n              {ownerStats.totalOrders.toLocaleString()}\n            </p>\n            <p className=\"text-xs text-muted-foreground\">Total Orders</p>\n          </div>\n          <div className=\"rounded-lg border border-border bg-card p-4 shadow-sm text-center\">\n            <p className=\"text-2xl font-bold text-foreground\">\n              {ownerStats.verificationPercentage}%\n            </p>\n            <p className=\"text-xs text-muted-foreground\">Verified</p>\n          </div>\n          <div className=\"rounded-lg border border-border bg-card p-4 shadow-sm text-center\">\n            <p className=\"text-sm font-bold text-foreground\">\n              {new Date(ownerStats.memberSince).toLocaleDateString('en-IN', {\n                month: 'short',\n                year: 'numeric',\n              })}\n            </p>\n            <p className=\"text-xs text-muted-foreground\">Member Since</p>\n          </div>\n        </div>\n\n        <div className=\"flex flex-col lg:flex-row gap-6\">\n          {/* Sidebar */}\n          <div className=\"lg:w-56 shrink-0\">\n            {/* Mobile */}\n            <div className=\"lg:hidden rounded-lg border border-border bg-card p-3 shadow-sm\">\n              <div className=\"grid grid-cols-3 gap-2\">\n                {profileTabs.map((tab) => {\n                  const Icon = 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-md px-2 py-2 text-xs font-medium transition-colors',\n                        activeTab === tab.id\n                          ? 'bg-accent text-foreground'\n                          : 'text-muted-foreground hover:bg-muted'\n                      )}\n                    >\n                      <Icon className=\"h-4 w-4\" />\n                      {tab.label.split(' ')[0]}\n                    </button>\n                  );\n                })}\n              </div>\n            </div>\n            {/* Desktop */}\n            <div className=\"hidden lg:block rounded-lg border border-border bg-card shadow-sm sticky top-24\">\n              <div className=\"p-4 border-b border-border\">\n                <h2 className=\"font-semibold text-foreground text-sm\">Profile Settings</h2>\n              </div>\n              <nav className=\"p-2\">\n                {profileTabs.map((tab) => {\n                  const Icon = tab.icon;\n                  return (\n                    <button\n                      key={tab.id}\n                      type=\"button\"\n                      onClick={() => setActiveTab(tab.id)}\n                      className={cn(\n                        'w-full text-left px-3 py-2 rounded-md mb-1 flex items-center gap-3 text-sm transition-colors',\n                        activeTab === tab.id\n                          ? 'bg-accent text-foreground font-medium'\n                          : 'text-muted-foreground hover:bg-muted hover:text-foreground'\n                      )}\n                    >\n                      <Icon 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 min-w-0\">\n            <div className=\"rounded-lg border border-border bg-card p-5 sm:p-6 shadow-sm\">\n              {activeTab === 'personal' && renderPersonalTab()}\n              {activeTab === 'business' && renderBusinessTab()}\n              {activeTab === 'operations' && renderOperationsTab()}\n              {activeTab === 'banking' && renderBankingTab()}\n              {activeTab === 'security' && renderSecurityTab()}\n              {activeTab === 'notifications' && renderNotificationsTab()}\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}