@burdenoff/microfe-subscriberbot 2026.626.2 → 2026.628.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/dist/index.js +4 -4
  2. package/dist/subscriberbot/SubscriberBotRoot.js +61 -133
  3. package/dist/subscriberbot/SubscriberBotRoot.js.map +1 -1
  4. package/dist/subscriberbot/SubscriberBotRoutes.js +56 -187
  5. package/dist/subscriberbot/SubscriberBotRoutes.js.map +1 -1
  6. package/dist/subscriberbot/components/StateViews.js +49 -0
  7. package/dist/subscriberbot/components/StateViews.js.map +1 -0
  8. package/dist/subscriberbot/components/StatusBadge.js +45 -47
  9. package/dist/subscriberbot/components/StatusBadge.js.map +1 -1
  10. package/dist/subscriberbot/context/SubscriberBotContext.js +22 -30
  11. package/dist/subscriberbot/context/SubscriberBotContext.js.map +1 -1
  12. package/dist/subscriberbot/hooks/useSubscriberBotApi.js +342 -195
  13. package/dist/subscriberbot/hooks/useSubscriberBotApi.js.map +1 -1
  14. package/dist/subscriberbot/index.js +1 -1
  15. package/dist/subscriberbot/pages/DashboardPage.js +269 -0
  16. package/dist/subscriberbot/pages/DashboardPage.js.map +1 -0
  17. package/dist/subscriberbot/pages/InboxPage.js +186 -0
  18. package/dist/subscriberbot/pages/InboxPage.js.map +1 -0
  19. package/dist/subscriberbot/pages/InvoicesPage.js +211 -0
  20. package/dist/subscriberbot/pages/InvoicesPage.js.map +1 -0
  21. package/dist/subscriberbot/pages/WorkflowsPage.js +236 -0
  22. package/dist/subscriberbot/pages/WorkflowsPage.js.map +1 -0
  23. package/dist/subscriberbot/pages/agents/AgentDetailPage.js +160 -0
  24. package/dist/subscriberbot/pages/agents/AgentDetailPage.js.map +1 -0
  25. package/dist/subscriberbot/pages/agents/AgentNewPage.js +140 -0
  26. package/dist/subscriberbot/pages/agents/AgentNewPage.js.map +1 -0
  27. package/dist/subscriberbot/pages/agents/AgentsListPage.js +178 -0
  28. package/dist/subscriberbot/pages/agents/AgentsListPage.js.map +1 -0
  29. package/dist/subscriberbot/pages/providers/ProviderDetailPage.js +179 -0
  30. package/dist/subscriberbot/pages/providers/ProviderDetailPage.js.map +1 -0
  31. package/dist/subscriberbot/pages/providers/ProviderNewPage.js +185 -0
  32. package/dist/subscriberbot/pages/providers/ProviderNewPage.js.map +1 -0
  33. package/dist/subscriberbot/pages/providers/ProvidersListPage.js +254 -0
  34. package/dist/subscriberbot/pages/providers/ProvidersListPage.js.map +1 -0
  35. package/dist/subscriberbot/pages/relationships/RelationshipDetailPage.js +306 -0
  36. package/dist/subscriberbot/pages/relationships/RelationshipDetailPage.js.map +1 -0
  37. package/dist/subscriberbot/pages/relationships/RelationshipNewPage.js +253 -0
  38. package/dist/subscriberbot/pages/relationships/RelationshipNewPage.js.map +1 -0
  39. package/dist/subscriberbot/pages/relationships/RelationshipsListPage.js +248 -0
  40. package/dist/subscriberbot/pages/relationships/RelationshipsListPage.js.map +1 -0
  41. package/dist/subscriberbot/utils/formatters.js +50 -32
  42. package/dist/subscriberbot/utils/formatters.js.map +1 -1
  43. package/package.json +1 -1
  44. package/dist/subscriberbot/components/InvestmentCard.js +0 -97
  45. package/dist/subscriberbot/components/InvestmentCard.js.map +0 -1
  46. package/dist/subscriberbot/components/RatingDisplay.js +0 -35
  47. package/dist/subscriberbot/components/RatingDisplay.js.map +0 -1
  48. package/dist/subscriberbot/mocks/data.js +0 -1517
  49. package/dist/subscriberbot/mocks/data.js.map +0 -1
  50. package/dist/subscriberbot/mocks/users.js +0 -34
  51. package/dist/subscriberbot/mocks/users.js.map +0 -1
  52. package/dist/subscriberbot/pages/HomePage.js +0 -930
  53. package/dist/subscriberbot/pages/HomePage.js.map +0 -1
  54. package/dist/subscriberbot/pages/admin/AdminAnalyticsPage.js +0 -651
  55. package/dist/subscriberbot/pages/admin/AdminAnalyticsPage.js.map +0 -1
  56. package/dist/subscriberbot/pages/admin/AdminDashboard.js +0 -679
  57. package/dist/subscriberbot/pages/admin/AdminDashboard.js.map +0 -1
  58. package/dist/subscriberbot/pages/admin/AdminFinancialPage.js +0 -427
  59. package/dist/subscriberbot/pages/admin/AdminFinancialPage.js.map +0 -1
  60. package/dist/subscriberbot/pages/admin/AdminOrdersPage.js +0 -665
  61. package/dist/subscriberbot/pages/admin/AdminOrdersPage.js.map +0 -1
  62. package/dist/subscriberbot/pages/admin/AdminProfilePage.js +0 -261
  63. package/dist/subscriberbot/pages/admin/AdminProfilePage.js.map +0 -1
  64. package/dist/subscriberbot/pages/admin/AdminSettingsPage.js +0 -654
  65. package/dist/subscriberbot/pages/admin/AdminSettingsPage.js.map +0 -1
  66. package/dist/subscriberbot/pages/admin/CartManagementPage.js +0 -874
  67. package/dist/subscriberbot/pages/admin/CartManagementPage.js.map +0 -1
  68. package/dist/subscriberbot/pages/admin/UserManagementPage.js +0 -898
  69. package/dist/subscriberbot/pages/admin/UserManagementPage.js.map +0 -1
  70. package/dist/subscriberbot/pages/cart-owner/AnalyticsDashboard.js +0 -839
  71. package/dist/subscriberbot/pages/cart-owner/AnalyticsDashboard.js.map +0 -1
  72. package/dist/subscriberbot/pages/cart-owner/BusinessSettingsPage.js +0 -705
  73. package/dist/subscriberbot/pages/cart-owner/BusinessSettingsPage.js.map +0 -1
  74. package/dist/subscriberbot/pages/cart-owner/CartOwnerDashboard.js +0 -802
  75. package/dist/subscriberbot/pages/cart-owner/CartOwnerDashboard.js.map +0 -1
  76. package/dist/subscriberbot/pages/cart-owner/CartOwnerProfilePage.js +0 -891
  77. package/dist/subscriberbot/pages/cart-owner/CartOwnerProfilePage.js.map +0 -1
  78. package/dist/subscriberbot/pages/cart-owner/CartServiceConfigPage.js +0 -633
  79. package/dist/subscriberbot/pages/cart-owner/CartServiceConfigPage.js.map +0 -1
  80. package/dist/subscriberbot/pages/cart-owner/InventoryManagementPage.js +0 -910
  81. package/dist/subscriberbot/pages/cart-owner/InventoryManagementPage.js.map +0 -1
  82. package/dist/subscriberbot/pages/cart-owner/OrderManagementPage.js +0 -879
  83. package/dist/subscriberbot/pages/cart-owner/OrderManagementPage.js.map +0 -1
  84. package/dist/subscriberbot/pages/cart-owner/StaffManagementPage.js +0 -838
  85. package/dist/subscriberbot/pages/cart-owner/StaffManagementPage.js.map +0 -1
  86. package/dist/subscriberbot/pages/common/HelpSupportPage.js +0 -1323
  87. package/dist/subscriberbot/pages/common/HelpSupportPage.js.map +0 -1
  88. package/dist/subscriberbot/pages/common/NotificationCenterPage.js +0 -672
  89. package/dist/subscriberbot/pages/common/NotificationCenterPage.js.map +0 -1
  90. package/dist/subscriberbot/pages/common/SettingsPage.js +0 -973
  91. package/dist/subscriberbot/pages/common/SettingsPage.js.map +0 -1
  92. package/dist/subscriberbot/pages/customer/BookingDetailsPage.js +0 -626
  93. package/dist/subscriberbot/pages/customer/BookingDetailsPage.js.map +0 -1
  94. package/dist/subscriberbot/pages/customer/CartDetailPage.js +0 -654
  95. package/dist/subscriberbot/pages/customer/CartDetailPage.js.map +0 -1
  96. package/dist/subscriberbot/pages/customer/CartDiscoveryPage.js +0 -555
  97. package/dist/subscriberbot/pages/customer/CartDiscoveryPage.js.map +0 -1
  98. package/dist/subscriberbot/pages/customer/CheckoutPage.js +0 -529
  99. package/dist/subscriberbot/pages/customer/CheckoutPage.js.map +0 -1
  100. package/dist/subscriberbot/pages/customer/CustomerDashboard.js +0 -532
  101. package/dist/subscriberbot/pages/customer/CustomerDashboard.js.map +0 -1
  102. package/dist/subscriberbot/pages/customer/CustomerProfilePage.js +0 -630
  103. package/dist/subscriberbot/pages/customer/CustomerProfilePage.js.map +0 -1
  104. package/dist/subscriberbot/pages/customer/DirectServiceBookingPage.js +0 -633
  105. package/dist/subscriberbot/pages/customer/DirectServiceBookingPage.js.map +0 -1
  106. package/dist/subscriberbot/pages/customer/FavoritesPage.js +0 -484
  107. package/dist/subscriberbot/pages/customer/FavoritesPage.js.map +0 -1
  108. package/dist/subscriberbot/pages/customer/OrderHistoryPage.js +0 -446
  109. package/dist/subscriberbot/pages/customer/OrderHistoryPage.js.map +0 -1
  110. package/dist/subscriberbot/pages/customer/OrderTrackingPage.js +0 -394
  111. package/dist/subscriberbot/pages/customer/OrderTrackingPage.js.map +0 -1
  112. package/dist/subscriberbot/pages/customer/PaymentMethodsPage.js +0 -495
  113. package/dist/subscriberbot/pages/customer/PaymentMethodsPage.js.map +0 -1
  114. package/dist/subscriberbot/pages/customer/ReviewsPage.js +0 -613
  115. package/dist/subscriberbot/pages/customer/ReviewsPage.js.map +0 -1
  116. package/dist/subscriberbot/pages/customer/SavedAddressesPage.js +0 -450
  117. package/dist/subscriberbot/pages/customer/SavedAddressesPage.js.map +0 -1
  118. package/dist/subscriberbot/pages/investor/InvestmentDetailsPage.js +0 -886
  119. package/dist/subscriberbot/pages/investor/InvestmentDetailsPage.js.map +0 -1
  120. package/dist/subscriberbot/pages/investor/InvestmentOpportunitiesPage.js +0 -947
  121. package/dist/subscriberbot/pages/investor/InvestmentOpportunitiesPage.js.map +0 -1
  122. package/dist/subscriberbot/pages/investor/InvestorAnalyticsPage.js +0 -687
  123. package/dist/subscriberbot/pages/investor/InvestorAnalyticsPage.js.map +0 -1
  124. package/dist/subscriberbot/pages/investor/InvestorDashboard.js +0 -451
  125. package/dist/subscriberbot/pages/investor/InvestorDashboard.js.map +0 -1
  126. package/dist/subscriberbot/pages/investor/InvestorInvestmentsPage.js +0 -406
  127. package/dist/subscriberbot/pages/investor/InvestorInvestmentsPage.js.map +0 -1
  128. package/dist/subscriberbot/pages/investor/InvestorPortfolioPage.js +0 -575
  129. package/dist/subscriberbot/pages/investor/InvestorPortfolioPage.js.map +0 -1
  130. package/dist/subscriberbot/pages/investor/InvestorProfilePage.js +0 -1070
  131. package/dist/subscriberbot/pages/investor/InvestorProfilePage.js.map +0 -1
  132. package/dist/subscriberbot/pages/worker/TaskDetailsPage.js +0 -535
  133. package/dist/subscriberbot/pages/worker/TaskDetailsPage.js.map +0 -1
  134. package/dist/subscriberbot/pages/worker/WorkerDashboard.js +0 -666
  135. package/dist/subscriberbot/pages/worker/WorkerDashboard.js.map +0 -1
  136. package/dist/subscriberbot/pages/worker/WorkerOrdersPage.js +0 -681
  137. package/dist/subscriberbot/pages/worker/WorkerOrdersPage.js.map +0 -1
  138. package/dist/subscriberbot/pages/worker/WorkerProfilePage.js +0 -692
  139. package/dist/subscriberbot/pages/worker/WorkerProfilePage.js.map +0 -1
  140. package/dist/subscriberbot/pages/worker/WorkerSchedulePage.js +0 -588
  141. package/dist/subscriberbot/pages/worker/WorkerSchedulePage.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"InvestorProfilePage.js","names":[],"sources":["../../../../src/subscriberbot/pages/investor/InvestorProfilePage.tsx"],"sourcesContent":["/**\n * Investor Profile Page\n * @module subscriberbot/pages/investor\n *\n * Edit mode toggle, 6-tab system (personal/investment/portfolio/documents/\n * security/notifications), image upload, form fields for personal/professional/\n * address, investment profile with selects, preferred sectors checkboxes,\n * portfolio summary with active investments list, documents/KYC tab,\n * security tab (change password/2FA/login activity), notification toggles.\n */\n\nimport { useState, useCallback, useMemo } from 'react';\nimport {\n User,\n Mail,\n Phone,\n Camera,\n Save,\n X,\n Shield,\n Bell,\n TrendingUp,\n FileText,\n PieChart,\n Briefcase,\n DollarSign,\n CheckCircle2,\n AlertCircle,\n Eye,\n EyeOff,\n Lock,\n Smartphone,\n Monitor,\n Edit3,\n MapPin,\n Globe,\n Linkedin,\n Building2,\n BadgeCheck,\n} from 'lucide-react';\nimport { PagePurpose, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { useInvestments } from '../../hooks/useSubscriberBotApi';\nimport { mockActiveInvestments } from '../../mocks/data';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ninterface InvestorProfile {\n // Personal Information\n firstName: string;\n lastName: string;\n email: string;\n phone: string;\n profileImage: string;\n\n // Investment Profile\n investorType: string;\n investmentRange: string;\n preferredSectors: string[];\n investmentHorizon: string;\n riskProfile: string;\n\n // Company/Organization Details\n companyName: string;\n designation: string;\n companyWebsite: string;\n linkedinProfile: string;\n\n // Address\n address: string;\n city: string;\n state: string;\n country: string;\n pincode: string;\n\n // Portfolio\n portfolioValue?: number;\n activeInvestments?: number;\n totalReturns?: number;\n totalInvested?: number;\n}\n\ninterface NotificationPreference {\n id: string;\n label: string;\n description: string;\n enabled: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Tab definition\n// ---------------------------------------------------------------------------\n\nconst tabs = [\n { id: 'personal', label: 'Personal Info', Icon: User },\n { id: 'investment', label: 'Investment Profile', Icon: TrendingUp },\n { id: 'portfolio', label: 'Portfolio', Icon: PieChart },\n { id: 'documents', label: 'Documents', Icon: FileText },\n { id: 'security', label: 'Security', Icon: Shield },\n { id: 'notifications', label: 'Notifications', Icon: Bell },\n] as const;\n\ntype TabId = (typeof tabs)[number]['id'];\n\n// ---------------------------------------------------------------------------\n// Mock data\n// ---------------------------------------------------------------------------\n\nconst mockDocuments = [\n { name: 'PAN Card', verifiedOn: '15 Dec 2023', status: 'verified' as const },\n { name: 'Aadhar Card', verifiedOn: '15 Dec 2023', status: 'verified' as const },\n { name: 'Bank Statement', verifiedOn: '20 Dec 2023', status: 'uploaded' as const },\n { name: 'Investment Agreement', verifiedOn: '', status: 'template' as const },\n];\n\nconst mockLoginActivity = [\n {\n device: 'Chrome on macOS',\n location: 'Bangalore, India',\n date: '2024-01-16T08:30:00Z',\n current: true,\n },\n {\n device: 'Safari on iPhone',\n location: 'Bangalore, India',\n date: '2024-01-15T19:45:00Z',\n current: false,\n },\n {\n device: 'Chrome on Windows',\n location: 'Mumbai, India',\n date: '2024-01-14T10:20:00Z',\n current: false,\n },\n];\n\nconst sectorOptions = [\n 'Food & Beverage',\n 'Quick Commerce',\n 'Cloud Kitchen',\n 'Retail',\n 'Technology',\n 'Healthcare',\n 'Education',\n 'Logistics',\n 'FinTech',\n];\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestorProfilePage() {\n const { currentUser, navigateTo } = useSubscriberBot();\n const { data: investments = [] } = useInvestments(currentUser?.id || '');\n\n const [activeTab, setActiveTab] = useState<TabId>('personal');\n const [isEditing, setIsEditing] = useState(false);\n const [isSaving, setIsSaving] = useState(false);\n const [saveMessage, setSaveMessage] = useState('');\n\n const initialProfile = useMemo(\n (): InvestorProfile => ({\n firstName: currentUser?.firstName ?? currentUser?.name?.split(' ')[0] ?? 'Rajesh',\n lastName: currentUser?.lastName ?? currentUser?.name?.split(' ')[1] ?? 'Mehta',\n email: currentUser?.email ?? 'investor@burdenoff.com',\n // phone/profilePicture are not yet part of the currentUser context; use placeholders until they are.\n phone: '+91 98765 43230',\n profileImage: currentUser?.avatar ?? '',\n\n investorType: 'Angel Investor',\n investmentRange: '5L - 25L',\n preferredSectors: ['Food & Beverage', 'Quick Commerce', 'Cloud Kitchen'],\n investmentHorizon: '3-5 years',\n riskProfile: 'Moderate',\n\n companyName: 'Mehta Ventures',\n designation: 'Managing Partner',\n companyWebsite: 'www.mehtaventures.com',\n linkedinProfile: 'linkedin.com/in/rajeshmehta',\n\n address: '456, MG Road',\n city: 'Bangalore',\n state: 'Karnataka',\n country: 'India',\n pincode: '560001',\n }),\n [currentUser]\n );\n\n const [profileData, setProfileData] = useState<InvestorProfile>(initialProfile);\n\n const portfolioStats = useMemo(() => {\n const totalInvested = investments.reduce((sum, inv) => sum + inv.investedAmount, 0);\n const portfolioValue = investments.reduce((sum, inv) => sum + inv.currentValue, 0);\n const totalReturns = investments.reduce((sum, inv) => sum + inv.returns, 0);\n\n return {\n totalInvested,\n portfolioValue,\n totalReturns,\n activeInvestments: investments.length,\n };\n }, [investments]);\n\n const [notifications, setNotifications] = useState<NotificationPreference[]>([\n {\n id: 'opportunities',\n label: 'New Investment Opportunities',\n description: 'Get notified about new investment opportunities matching your profile',\n enabled: true,\n },\n {\n id: 'updates',\n label: 'Portfolio Updates',\n description: 'Regular updates on your portfolio performance',\n enabled: true,\n },\n {\n id: 'reports',\n label: 'Monthly Reports',\n description: 'Detailed monthly investment reports',\n enabled: true,\n },\n {\n id: 'events',\n label: 'Investor Events',\n description: 'Invitations to investor meetups and events',\n enabled: false,\n },\n {\n id: 'news',\n label: 'Market News',\n description: 'Important market news and updates',\n enabled: true,\n },\n {\n id: 'dividends',\n label: 'Dividend Alerts',\n description: 'Notifications when dividends are credited to your account',\n enabled: true,\n },\n ]);\n\n // Security state\n const [showChangePassword, setShowChangePassword] = useState(false);\n const [currentPassword, setCurrentPassword] = useState('');\n const [newPassword, setNewPassword] = useState('');\n const [confirmPassword, setConfirmPassword] = useState('');\n const [showCurrentPassword, setShowCurrentPassword] = useState(false);\n const [showNewPassword, setShowNewPassword] = useState(false);\n const [twoFactorEnabled, setTwoFactorEnabled] = useState(false);\n\n const handleInputChange = useCallback(\n (field: keyof InvestorProfile, value: string | string[]) => {\n setProfileData((prev) => ({ ...prev, [field]: value }));\n },\n []\n );\n\n const handleSave = useCallback(() => {\n setIsSaving(true);\n setTimeout(() => {\n setIsSaving(false);\n setIsEditing(false);\n setSaveMessage('Profile updated successfully!');\n setTimeout(() => setSaveMessage(''), 3000);\n }, 1200);\n }, []);\n\n const handleImageUpload = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const file = e.target.files?.[0];\n if (file) {\n const reader = new FileReader();\n reader.onloadend = () => {\n setProfileData((prev) => ({\n ...prev,\n profileImage: reader.result as string,\n }));\n };\n reader.readAsDataURL(file);\n }\n }, []);\n\n const handleToggleNotification = useCallback((id: string) => {\n setNotifications((prev) => prev.map((n) => (n.id === id ? { ...n, enabled: !n.enabled } : n)));\n }, []);\n\n const handleChangePassword = useCallback(() => {\n if (!currentPassword || !newPassword || !confirmPassword) return;\n if (newPassword !== confirmPassword) {\n alert('Passwords do not match');\n return;\n }\n if (newPassword.length < 8) {\n alert('Password must be at least 8 characters');\n return;\n }\n alert('Password changed successfully!');\n setShowChangePassword(false);\n setCurrentPassword('');\n setNewPassword('');\n setConfirmPassword('');\n }, [currentPassword, newPassword, confirmPassword]);\n\n const handleToggle2FA = useCallback(() => {\n setTwoFactorEnabled((prev) => {\n const next = !prev;\n alert(next ? '2FA has been enabled' : '2FA has been disabled');\n return next;\n });\n }, []);\n\n return (\n <PageLayout\n title=\"Investor Profile\"\n description=\"Manage your investment profile and preferences\"\n actions={\n <div className=\"flex items-center gap-2\">\n {saveMessage && (\n <span className=\"text-sm font-medium text-status-success-text\">{saveMessage}</span>\n )}\n {!isEditing ? (\n <button\n type=\"button\"\n onClick={() => setIsEditing(true)}\n className=\"flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n >\n <Edit3 className=\"h-4 w-4\" />\n Edit Profile\n </button>\n ) : (\n <>\n <button\n type=\"button\"\n onClick={() => {\n setIsEditing(false);\n setProfileData(initialProfile);\n }}\n className=\"flex items-center gap-2 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n <X className=\"h-4 w-4\" />\n Cancel\n </button>\n <button\n type=\"button\"\n onClick={handleSave}\n disabled={isSaving}\n className={cn(\n 'flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors',\n isSaving\n ? 'cursor-not-allowed bg-bg-sunken text-text-secondary'\n : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90'\n )}\n >\n {isSaving ? (\n <>\n <div className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n Saving...\n </>\n ) : (\n <>\n <Save className=\"h-4 w-4\" />\n Save Changes\n </>\n )}\n </button>\n </>\n )}\n </div>\n }\n >\n <PagePurpose icon={<Briefcase className=\"h-4 w-4\" />} className=\"mb-6\">\n Your investor identity and preferences. Keep your contact details current and set\n your investment profile — risk appetite, preferred categories and goals — so the\n platform can surface opportunities that actually fit you. Your portfolio snapshot\n lives here too, so you always know where you stand at a glance.\n </PagePurpose>\n\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-4\">\n {/* Sidebar */}\n <div className=\"lg:col-span-1\">\n {/* Profile Card — the ONE emphasis zone */}\n <EmphasisPanel className=\"p-4 sm:p-6\">\n <div className=\"text-center\">\n <div className=\"relative mx-auto inline-block\">\n <div className=\"h-20 w-20 overflow-hidden rounded-full bg-bg-sunken sm:h-24 sm:w-24\">\n {profileData.profileImage ? (\n <img\n src={profileData.profileImage}\n alt=\"Profile\"\n className=\"h-full w-full object-cover\"\n />\n ) : (\n <div className=\"flex h-full w-full items-center justify-center\">\n <User className=\"h-10 w-10 text-text-secondary\" />\n </div>\n )}\n </div>\n {isEditing && (\n <label className=\"absolute bottom-0 right-0 flex h-8 w-8 cursor-pointer items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\">\n <Camera className=\"h-4 w-4\" />\n <input\n type=\"file\"\n accept=\"image/*\"\n onChange={handleImageUpload}\n className=\"hidden\"\n />\n </label>\n )}\n </div>\n <h3 className=\"mt-3 text-base font-semibold text-text-primary sm:text-lg\">\n {profileData.firstName} {profileData.lastName}\n </h3>\n <p className=\"text-sm text-text-secondary\">{profileData.investorType}</p>\n <p className=\"mt-1 truncate text-xs text-text-secondary\">{profileData.companyName}</p>\n </div>\n\n {/* Quick Stats */}\n <div className=\"mt-5 space-y-3 border-t border-border-seam pt-4\">\n <div className=\"flex items-center justify-between\">\n <span className=\"text-xs text-text-secondary sm:text-sm\">Portfolio Value</span>\n <span className=\"text-xs font-semibold text-primary sm:text-sm\">\n {formatCurrency(profileData.portfolioValue ?? 0, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-xs text-text-secondary sm:text-sm\">Active Investments</span>\n <span className=\"text-xs font-semibold text-text-primary sm:text-sm\">\n {profileData.activeInvestments}\n </span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-xs text-text-secondary sm:text-sm\">Total Returns</span>\n <span className=\"text-xs font-semibold text-status-success-text sm:text-sm\">\n +{formatCurrency(profileData.totalReturns ?? 0, { minimumFractionDigits: 0 })}\n </span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-xs text-text-secondary sm:text-sm\">Total Invested</span>\n <span className=\"text-xs font-semibold text-text-primary sm:text-sm\">\n {formatCurrency(profileData.totalInvested ?? 0, { minimumFractionDigits: 0 })}\n </span>\n </div>\n </div>\n </EmphasisPanel>\n\n {/* Mobile: Horizontal scrolling tabs */}\n <div className=\"mt-4 flex gap-2 overflow-x-auto pb-2 lg:hidden\">\n {tabs.map((tab) => (\n <button\n key={tab.id}\n type=\"button\"\n onClick={() => setActiveTab(tab.id)}\n className={cn(\n 'flex shrink-0 items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors',\n activeTab === tab.id\n ? 'bg-action-primary-bg text-action-primary-text shadow-sm'\n : 'bg-bg-surface text-text-primary hover:bg-accent'\n )}\n >\n <tab.Icon className=\"h-4 w-4 shrink-0\" />\n {tab.label}\n </button>\n ))}\n </div>\n\n {/* Desktop: Vertical tabs */}\n <div className=\"mt-4 hidden space-y-2 lg:block\">\n {tabs.map((tab) => (\n <button\n key={tab.id}\n type=\"button\"\n onClick={() => setActiveTab(tab.id)}\n className={cn(\n 'flex w-full items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium transition-colors',\n activeTab === tab.id\n ? 'bg-action-primary-bg text-action-primary-text'\n : 'bg-bg-surface text-text-primary hover:bg-accent'\n )}\n >\n <tab.Icon className=\"h-4 w-4\" />\n {tab.label}\n </button>\n ))}\n </div>\n </div>\n\n {/* Content Area */}\n <div className=\"lg:col-span-3\">\n <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 lg:p-8\">\n {/* ==================== Personal Info Tab ==================== */}\n {activeTab === 'personal' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Personal Information\n </h2>\n\n <div className=\"space-y-6\">\n {/* Name & Contact */}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n First Name\n </label>\n <input\n type=\"text\"\n value={profileData.firstName}\n onChange={(e) => handleInputChange('firstName', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Last Name\n </label>\n <input\n type=\"text\"\n value={profileData.lastName}\n onChange={(e) => handleInputChange('lastName', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Email Address\n </label>\n <div className=\"relative\">\n <Mail className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"email\"\n value={profileData.email}\n onChange={(e) => handleInputChange('email', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Phone Number\n </label>\n <div className=\"relative\">\n <Phone className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"tel\"\n value={profileData.phone}\n onChange={(e) => handleInputChange('phone', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n </div>\n\n {/* Professional Details */}\n <div className=\"border-t border-border-seam pt-6\">\n <h3 className=\"mb-4 text-sm font-semibold text-text-primary sm:text-base\">\n Professional Details\n </h3>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Company/Organization\n </label>\n <div className=\"relative\">\n <Building2 className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n value={profileData.companyName}\n onChange={(e) => handleInputChange('companyName', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Designation\n </label>\n <input\n type=\"text\"\n value={profileData.designation}\n onChange={(e) => handleInputChange('designation', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Company Website\n </label>\n <div className=\"relative\">\n <Globe className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n value={profileData.companyWebsite}\n onChange={(e) => handleInputChange('companyWebsite', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n LinkedIn Profile\n </label>\n <div className=\"relative\">\n <Linkedin className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n value={profileData.linkedinProfile}\n onChange={(e) => handleInputChange('linkedinProfile', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface py-2 pl-10 pr-3 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n </div>\n </div>\n\n {/* Address */}\n <div className=\"border-t border-border-seam pt-6\">\n <h3 className=\"mb-4 text-sm font-semibold text-text-primary sm:text-base\">\n Address\n </h3>\n <div className=\"space-y-4\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Street Address\n </label>\n <textarea\n rows={2}\n value={profileData.address}\n onChange={(e) => handleInputChange('address', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n City\n </label>\n <input\n type=\"text\"\n value={profileData.city}\n onChange={(e) => handleInputChange('city', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n State\n </label>\n <input\n type=\"text\"\n value={profileData.state}\n onChange={(e) => handleInputChange('state', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Country\n </label>\n <input\n type=\"text\"\n value={profileData.country}\n onChange={(e) => handleInputChange('country', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Pincode\n </label>\n <input\n type=\"text\"\n value={profileData.pincode}\n onChange={(e) => handleInputChange('pincode', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/* ==================== Investment Profile Tab ==================== */}\n {activeTab === 'investment' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Investment Profile\n </h2>\n\n <div className=\"space-y-6\">\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Investor Type\n </label>\n <select\n value={profileData.investorType}\n onChange={(e) => handleInputChange('investorType', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option>Angel Investor</option>\n <option>Venture Capitalist</option>\n <option>Private Equity</option>\n <option>Strategic Investor</option>\n </select>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Investment Range\n </label>\n <select\n value={profileData.investmentRange}\n onChange={(e) => handleInputChange('investmentRange', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option>1L - 5L</option>\n <option>5L - 25L</option>\n <option>25L - 1Cr</option>\n <option>1Cr+</option>\n </select>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Investment Horizon\n </label>\n <select\n value={profileData.investmentHorizon}\n onChange={(e) => handleInputChange('investmentHorizon', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option>1-2 years</option>\n <option>3-5 years</option>\n <option>5-7 years</option>\n <option>7+ years</option>\n </select>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Risk Profile\n </label>\n <select\n value={profileData.riskProfile}\n onChange={(e) => handleInputChange('riskProfile', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:bg-bg-sunken disabled:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option>Conservative</option>\n <option>Moderate</option>\n <option>Aggressive</option>\n </select>\n </div>\n </div>\n\n {/* Preferred Sectors */}\n <div>\n <label className=\"mb-3 block text-sm font-medium text-text-primary\">\n Preferred Sectors\n </label>\n <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3\">\n {sectorOptions.map((sector) => (\n <label key={sector} className=\"flex items-center gap-2\">\n <input\n type=\"checkbox\"\n checked={profileData.preferredSectors.includes(sector)}\n onChange={(e) => {\n if (e.target.checked) {\n handleInputChange('preferredSectors', [\n ...profileData.preferredSectors,\n sector,\n ]);\n } else {\n handleInputChange(\n 'preferredSectors',\n profileData.preferredSectors.filter((s) => s !== sector)\n );\n }\n }}\n disabled={!isEditing}\n className=\"h-4 w-4 rounded border-border-seam text-primary focus:ring-[var(--color-focus-ring)]\"\n />\n <span className=\"text-sm text-text-primary\">{sector}</span>\n </label>\n ))}\n </div>\n </div>\n\n {/* Risk Tolerance Visual */}\n <div className=\"rounded-lg border border-border-seam p-4\">\n <div className=\"mb-2 flex items-center justify-between\">\n <p className=\"text-sm font-medium text-text-primary\">Risk Tolerance</p>\n <span\n className={cn(\n 'text-sm font-semibold',\n profileData.riskProfile === 'Conservative'\n ? 'text-status-success-text'\n : profileData.riskProfile === 'Moderate'\n ? 'text-status-warning-text'\n : 'text-status-error-text'\n )}\n >\n {profileData.riskProfile}\n </span>\n </div>\n <div className=\"flex gap-1\">\n {(['Conservative', 'Moderate', 'Aggressive'] as const).map((level) => (\n <div\n key={level}\n className={cn(\n 'h-2.5 flex-1 rounded-full',\n level === 'Conservative' && 'bg-status-success-bg/30',\n level === 'Moderate' && 'bg-status-warning-bg/30',\n level === 'Aggressive' && 'bg-status-error-bg/30',\n level === profileData.riskProfile &&\n level === 'Conservative' &&\n 'bg-status-success-text',\n level === profileData.riskProfile &&\n level === 'Moderate' &&\n 'bg-status-warning-text',\n level === profileData.riskProfile &&\n level === 'Aggressive' &&\n 'bg-status-error-text'\n )}\n />\n ))}\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/* ==================== Portfolio Tab ==================== */}\n {activeTab === 'portfolio' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Investment Portfolio\n </h2>\n\n {/* Portfolio Summary */}\n <div className=\"mb-8 grid grid-cols-2 gap-4 sm:grid-cols-4 sm:gap-6\">\n <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n <DollarSign className=\"mb-2 h-7 w-7 text-primary sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {formatCurrency(profileData.totalInvested ?? 0, {\n minimumFractionDigits: 0,\n notation: 'compact',\n })}\n </div>\n <div className=\"text-xs text-text-secondary sm:text-sm\">Total Invested</div>\n </div>\n <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n <Briefcase className=\"mb-2 h-7 w-7 text-status-info-text sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {profileData.activeInvestments}\n </div>\n <div className=\"text-xs text-text-secondary sm:text-sm\">Active Investments</div>\n </div>\n <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n <TrendingUp className=\"mb-2 h-7 w-7 text-status-success-text sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {formatCurrency(profileData.totalReturns ?? 0, {\n minimumFractionDigits: 0,\n notation: 'compact',\n })}\n </div>\n <div className=\"text-xs text-text-secondary sm:text-sm\">Total Returns</div>\n </div>\n <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n <PieChart className=\"mb-2 h-7 w-7 text-accent-purple sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {formatCurrency(profileData.portfolioValue ?? 0, {\n minimumFractionDigits: 0,\n notation: 'compact',\n })}\n </div>\n <div className=\"text-xs text-text-secondary sm:text-sm\">Portfolio Value</div>\n </div>\n </div>\n\n {/* Active Investments List */}\n <div>\n <h3 className=\"mb-4 text-base font-semibold text-text-primary\">\n Active Investments\n </h3>\n <div className=\"space-y-3\">\n {mockActiveInvestments.map((investment, index) => (\n <div\n key={index}\n className=\"rounded-lg border border-border-seam bg-bg-sunken/30 p-4\"\n >\n <div className=\"mb-3 flex items-start justify-between\">\n <h4 className=\"text-sm font-medium text-text-primary sm:text-base\">\n {investment.cartName}\n </h4>\n <span\n className={cn(\n 'text-sm font-semibold',\n investment.returns > 0\n ? 'text-status-success-text'\n : 'text-status-error-text'\n )}\n >\n {investment.returns > 0 ? '+' : ''}\n {investment.returns}%\n </span>\n </div>\n <div className=\"grid grid-cols-1 gap-3 text-sm sm:grid-cols-3\">\n <div>\n <span className=\"text-text-secondary\">Invested: </span>\n <span className=\"font-medium text-text-primary\">\n {formatCurrency(investment.investedAmount, {\n minimumFractionDigits: 0,\n })}\n </span>\n </div>\n <div>\n <span className=\"text-text-secondary\">Current Value: </span>\n <span className=\"font-medium text-text-primary\">\n {formatCurrency(investment.currentValue, {\n minimumFractionDigits: 0,\n })}\n </span>\n </div>\n <div>\n <span className=\"text-text-secondary\">Returns: </span>\n <span className=\"font-medium text-status-success-text\">\n {formatCurrency(investment.currentValue - investment.investedAmount, {\n minimumFractionDigits: 0,\n })}\n </span>\n </div>\n </div>\n </div>\n ))}\n </div>\n </div>\n </div>\n )}\n\n {/* ==================== Documents Tab ==================== */}\n {activeTab === 'documents' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Documents & KYC\n </h2>\n\n <div className=\"space-y-6\">\n {/* KYC Status */}\n <div className=\"flex items-center gap-2 rounded-lg bg-status-success-bg/10 px-4 py-3\">\n <CheckCircle2 className=\"h-5 w-5 text-status-success-text\" />\n <p className=\"text-sm font-medium text-status-success-text\">\n Your KYC is complete and verified\n </p>\n </div>\n\n {/* Document Cards */}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-6\">\n {mockDocuments.map((doc) => (\n <div\n key={doc.name}\n className=\"rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6\"\n >\n <FileText className=\"mb-3 h-8 w-8 text-primary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">{doc.name}</h3>\n <p className=\"mt-1 text-sm text-text-secondary\">\n {doc.status === 'verified'\n ? `Verified on ${doc.verifiedOn}`\n : doc.status === 'uploaded'\n ? `Uploaded on ${doc.verifiedOn}`\n : 'Template available'}\n </p>\n <div className=\"mt-3 flex items-center gap-2\">\n {doc.status === 'verified' && (\n <span className=\"flex items-center gap-1 rounded-full bg-status-success-bg/20 px-2 py-0.5 text-xs font-medium text-status-success-text\">\n <CheckCircle2 className=\"h-3 w-3\" />\n Verified\n </span>\n )}\n {doc.status === 'uploaded' && (\n <span className=\"flex items-center gap-1 rounded-full bg-status-info-bg/20 px-2 py-0.5 text-xs font-medium text-status-info-text\">\n <FileText className=\"h-3 w-3\" />\n Uploaded\n </span>\n )}\n <button\n type=\"button\"\n onClick={() =>\n alert(\n doc.status === 'template'\n ? `Downloading ${doc.name} template...`\n : `Viewing ${doc.name}...`\n )\n }\n className=\"rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n {doc.status === 'template' ? 'Download Template' : 'View Document'}\n </button>\n </div>\n </div>\n ))}\n </div>\n\n {/* Upload New Document */}\n {isEditing && (\n <div className=\"rounded-lg border-2 border-dashed border-border-seam p-6 text-center\">\n <FileText className=\"mx-auto mb-2 h-8 w-8 text-text-secondary\" />\n <p className=\"text-sm font-medium text-text-primary\">Upload New Document</p>\n <p className=\"mt-1 text-xs text-text-secondary\">\n PDF, JPG, or PNG up to 10MB\n </p>\n <label className=\"mt-3 inline-block cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\">\n Choose File\n <input type=\"file\" accept=\".pdf,.jpg,.png\" className=\"hidden\" />\n </label>\n </div>\n )}\n </div>\n </div>\n )}\n\n {/* ==================== Security Tab ==================== */}\n {activeTab === 'security' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Security Settings\n </h2>\n\n <div className=\"space-y-6\">\n {/* Change Password */}\n <div className=\"rounded-lg border border-border-seam p-4 sm:p-6\">\n <div className=\"flex items-center gap-3 mb-3\">\n <Lock className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">Change Password</h3>\n </div>\n <p className=\"mb-4 text-sm text-text-secondary\">\n Update your password regularly to keep your account secure\n </p>\n\n {showChangePassword ? (\n <div className=\"space-y-4\">\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Current Password\n </label>\n <div className=\"relative\">\n <input\n type={showCurrentPassword ? 'text' : 'password'}\n value={currentPassword}\n onChange={(e) => setCurrentPassword(e.target.value)}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 pr-10 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n <button\n type=\"button\"\n onClick={() => setShowCurrentPassword(!showCurrentPassword)}\n className=\"absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary\"\n >\n {showCurrentPassword ? (\n <EyeOff className=\"h-4 w-4\" />\n ) : (\n <Eye className=\"h-4 w-4\" />\n )}\n </button>\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n New Password\n </label>\n <div className=\"relative\">\n <input\n type={showNewPassword ? 'text' : 'password'}\n value={newPassword}\n onChange={(e) => setNewPassword(e.target.value)}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 pr-10 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n <button\n type=\"button\"\n onClick={() => setShowNewPassword(!showNewPassword)}\n className=\"absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary\"\n >\n {showNewPassword ? (\n <EyeOff className=\"h-4 w-4\" />\n ) : (\n <Eye className=\"h-4 w-4\" />\n )}\n </button>\n </div>\n </div>\n <div>\n <label className=\"mb-1 block text-sm font-medium text-text-primary\">\n Confirm New Password\n </label>\n <input\n type=\"password\"\n value={confirmPassword}\n onChange={(e) => setConfirmPassword(e.target.value)}\n className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <div className=\"flex gap-3\">\n <button\n type=\"button\"\n onClick={handleChangePassword}\n className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n >\n Update Password\n </button>\n <button\n type=\"button\"\n onClick={() => {\n setShowChangePassword(false);\n setCurrentPassword('');\n setNewPassword('');\n setConfirmPassword('');\n }}\n className=\"rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Cancel\n </button>\n </div>\n </div>\n ) : (\n <button\n type=\"button\"\n onClick={() => setShowChangePassword(true)}\n className=\"rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Change Password\n </button>\n )}\n </div>\n\n {/* Two-Factor Authentication */}\n <div className=\"rounded-lg border border-border-seam p-4 sm:p-6\">\n <div className=\"flex items-center gap-3 mb-3\">\n <Smartphone className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">\n Two-Factor Authentication\n </h3>\n </div>\n <p className=\"mb-4 text-sm text-text-secondary\">\n Add an extra layer of security to your investment account\n </p>\n <div className=\"flex items-center justify-between rounded-lg bg-bg-sunken/50 p-3\">\n <div className=\"flex items-center gap-2\">\n <span\n className={cn(\n 'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium',\n twoFactorEnabled\n ? 'bg-status-success-bg/20 text-status-success-text'\n : 'bg-bg-sunken text-text-secondary'\n )}\n >\n {twoFactorEnabled ? 'Enabled' : 'Disabled'}\n </span>\n </div>\n <button\n type=\"button\"\n onClick={handleToggle2FA}\n className={cn(\n 'rounded-lg px-4 py-2 text-sm font-medium transition-colors',\n twoFactorEnabled\n ? 'border border-border-seam text-text-primary hover:bg-accent'\n : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90'\n )}\n >\n {twoFactorEnabled ? 'Disable 2FA' : 'Enable 2FA'}\n </button>\n </div>\n </div>\n\n {/* Login Activity */}\n <div className=\"rounded-lg border border-border-seam p-4 sm:p-6\">\n <div className=\"flex items-center gap-3 mb-4\">\n <Monitor className=\"h-5 w-5 text-text-secondary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">Login Activity</h3>\n </div>\n <div className=\"space-y-3\">\n {mockLoginActivity.map((activity, index) => (\n <div\n key={index}\n className=\"flex items-center justify-between rounded-lg bg-bg-sunken/30 p-3\"\n >\n <div>\n <div className=\"flex items-center gap-2\">\n <p className=\"text-sm font-medium text-text-primary\">\n {activity.device}\n </p>\n {activity.current && (\n <span className=\"rounded-full bg-status-success-bg/20 px-2 py-0.5 text-xs font-medium text-status-success-text\">\n Current\n </span>\n )}\n </div>\n <div className=\"mt-1 flex items-center gap-2 text-xs text-text-secondary\">\n <MapPin className=\"h-3 w-3\" />\n <span>{activity.location}</span>\n <span>&bull;</span>\n <span>\n {formatDate(activity.date, { hour: 'numeric', minute: '2-digit' })}\n </span>\n </div>\n </div>\n {!activity.current && (\n <button\n type=\"button\"\n onClick={() => alert('Session revoked')}\n className=\"rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Revoke\n </button>\n )}\n </div>\n ))}\n </div>\n </div>\n </div>\n </div>\n )}\n\n {/* ==================== Notifications Tab ==================== */}\n {activeTab === 'notifications' && (\n <div>\n <h2 className=\"mb-6 text-lg font-semibold text-text-primary sm:text-xl\">\n Notification Preferences\n </h2>\n\n <div className=\"space-y-4\">\n {notifications.map((item) => (\n <div\n key={item.id}\n className=\"flex items-center justify-between rounded-lg border border-border-seam bg-bg-sunken/30 p-4\"\n >\n <div className=\"flex-1 pr-4\">\n <h4 className=\"text-sm font-medium text-text-primary\">{item.label}</h4>\n <p className=\"mt-0.5 text-xs text-text-secondary sm:text-sm\">\n {item.description}\n </p>\n </div>\n <button\n type=\"button\"\n onClick={() => {\n if (isEditing) handleToggleNotification(item.id);\n }}\n disabled={!isEditing}\n className={cn(\n 'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full transition-colors duration-200',\n item.enabled ? 'bg-action-primary-bg' : 'bg-bg-sunken',\n !isEditing && 'cursor-not-allowed opacity-60'\n )}\n >\n <span\n className={cn(\n 'pointer-events-none inline-block h-5 w-5 translate-y-0.5 rounded-full bg-bg-surface shadow ring-0 transition-transform duration-200',\n item.enabled ? 'translate-x-5' : 'translate-x-0.5'\n )}\n />\n </button>\n </div>\n ))}\n\n {/* Notification Summary */}\n <div className=\"mt-4 rounded-lg border border-border-seam bg-bg-sunken/50 p-4\">\n <p className=\"text-sm text-text-secondary\">\n {notifications.filter((n) => n.enabled).length} of {notifications.length}{' '}\n notification types enabled.\n {!isEditing && (\n <span className=\"ml-1\">\n Click &quot;Edit Profile&quot; to modify preferences.\n </span>\n )}\n </p>\n </div>\n </div>\n </div>\n )}\n </div>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}