npm - @burdenoff/microfe-kadaikodi - Versions diffs - 2026.704.2 → 2026.704.4 - Mend

@burdenoff/microfe-kadaikodi 2026.704.2 → 2026.704.4

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 (77) hide show

package/dist/kadaikodi/pages/investor/InvestorProfilePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InvestorProfilePage.js","names":[],"sources":["../../../../src/kadaikodi/pages/investor/InvestorProfilePage.tsx"],"sourcesContent":["/*\n Investor Profile Page\n * @module kadaikodi/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 Eye,\n EyeOff,\n Lock,\n Smartphone,\n Monitor,\n Edit3,\n Globe,\n Linkedin,\n Building2,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useInvestments } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } 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// Static option lists (preference selectors — local UI state, not fabricated data)\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 } = useKadaikodi();\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 // Identity comes from the signed-in user only — never fabricated.\n firstName: currentUser?.firstName ?? currentUser?.name?.split(' ')[0] ?? '',\n lastName: currentUser?.lastName ?? currentUser?.name?.split(' ').slice(1).join(' ') ?? '',\n email: currentUser?.email ?? '',\n phone: currentUser?.phone ?? '',\n profileImage: currentUser?.avatar ?? currentUser?.profilePicture ?? '',\n\n // Investment preferences are editable local settings — default to unset.\n investorType: '',\n investmentRange: '',\n preferredSectors: [],\n investmentHorizon: '',\n riskProfile: '',\n\n companyName: '',\n designation: '',\n companyWebsite: '',\n linkedinProfile: '',\n\n address: '',\n city: '',\n state: '',\n country: '',\n pincode: '',\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-subtle 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 className=\"mb-6\">\n Your investor identity and how the platform tailors deals to you. Use this page to keep your\n personal and professional details current, set your investment profile (preferred sectors,\n ticket size and risk tolerance) so you see the right opportunities, review your portfolio at\n a glance, and complete KYC so you're cleared to invest. A complete, verified profile\n unlocks more and better opportunities.\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 for this page /}\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-subtle 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(portfolioStats.portfolioValue, { 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 {portfolioStats.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(portfolioStats.totalReturns, { 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(portfolioStats.totalInvested, { 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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 value=\"\">Select investor type</option>\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-subtle 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 value=\"\">Select range</option>\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-subtle 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 value=\"\">Select horizon</option>\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-subtle 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 value=\"\">Select risk profile</option>\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-subtle 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-subtle 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-subtle',\n level === 'Moderate' && 'bg-status-warning-bg-subtle',\n level === 'Aggressive' && 'bg-status-error-bg-subtle',\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(portfolioStats.totalInvested, {\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-text-primary sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {portfolioStats.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(portfolioStats.totalReturns, {\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-text-primary sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {formatCurrency(portfolioStats.portfolioValue, {\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 {investments.length === 0 ? (\n <p className=\"rounded-lg border border-border-subtle bg-bg-sunken/30 p-4 text-sm text-text-secondary\">\n You don't have any active investments yet. Explore opportunities to start\n building your portfolio.\n </p>\n ) : (\n <div className=\"space-y-3\">\n {investments.map((investment, index) => (\n <div\n key={index}\n className=\"rounded-lg border border-border-subtle 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.returnsPercentage >= 0\n ? 'text-status-success-text'\n : 'text-status-error-text'\n )}\n >\n {investment.returnsPercentage >= 0 ? '+' : ''}\n {investment.returnsPercentage}%\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(\n investment.currentValue - investment.investedAmount,\n {\n minimumFractionDigits: 0,\n }\n )}\n </span>\n </div>\n </div>\n </div>\n ))}\n </div>\n )}\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 {/ No KYC/documents backend yet — honest empty state rather than fabricated records. /}\n <div className=\"rounded-lg border border-border-subtle bg-bg-sunken/30 p-6 text-center\">\n <FileText className=\"mx-auto mb-3 h-10 w-10 text-text-secondary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">\n No documents on file yet\n </h3>\n <p className=\"mx-auto mt-1 max-w-md text-sm text-text-secondary\">\n Your KYC and investment documents will appear here once uploaded. Complete\n verification to unlock more opportunities.\n </p>\n </div>\n\n {/ Upload New Document /}\n {isEditing && (\n <div className=\"rounded-lg border-2 border-dashed border-border-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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 <p className=\"rounded-lg bg-bg-sunken/30 p-4 text-sm text-text-secondary\">\n Recent sign-in sessions for your account will be listed here.\n </p>\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-subtle 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-white 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-subtle 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 "Edit Profile" 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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"}
1	+ {"version":3,"file":"InvestorProfilePage.js","names":[],"sources":["../../../../src/kadaikodi/pages/investor/InvestorProfilePage.tsx"],"sourcesContent":["/*\n Investor Profile Page\n * @module kadaikodi/pages/investor\n \n 6-tab profile (personal / investment / portfolio / documents / security /\n * notifications).\n \n Wiring rules (no fake success anywhere):\n * - IDENTITY (name, email, phone, photo) and AUTH (password, 2FA, sessions) are\n * platform-owned (Burdenoff account). They are shown DISPLAY-ONLY from\n * `currentUser` and the user is routed to Account Security to change them.\n * - APP-OWNED PROFILE + PREFERENCE fields (company / address / investor type /\n * sectors / risk) have no server of their own, so they are edited and\n * genuinely persisted client-side (localStorage, per user) — a real save that\n * survives reload, not a mutation no-op.\n * - KYC/documents and notification delivery have no backend yet, so they are\n * rendered honestly disabled (\"coming soon\") rather than faking success.\n /\n\nimport { useCallback, useMemo, useState } from 'react';\nimport {\n User,\n Mail,\n Phone,\n Save,\n X,\n Shield,\n ShieldCheck,\n Bell,\n TrendingUp,\n FileText,\n PieChart,\n Briefcase,\n DollarSign,\n Lock,\n Smartphone,\n Monitor,\n Edit3,\n Globe,\n Linkedin,\n Building2,\n ExternalLink,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useInvestments } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/\n App-owned profile fields the investor authors themselves. These are NOT\n * platform identity (name/email/phone live on the Burdenoff account) — there is\n * no kadaikodi investor-profile service, so they are persisted client-side.\n /\ninterface ProfilePreferences {\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\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// Static option lists (preference selectors — local UI state, not fabricated data)\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// Client-side persistence (real — survives reload, scoped per user)\n// ---------------------------------------------------------------------------\n\nconst EMPTY_PREFERENCES: ProfilePreferences = {\n investorType: '',\n investmentRange: '',\n preferredSectors: [],\n investmentHorizon: '',\n riskProfile: '',\n companyName: '',\n designation: '',\n companyWebsite: '',\n linkedinProfile: '',\n address: '',\n city: '',\n state: '',\n country: '',\n pincode: '',\n};\n\nfunction preferencesStorageKey(userId: string): string {\n return `kadaikodi:investor-profile:${userId}`;\n}\n\nfunction loadPreferences(userId: string): ProfilePreferences {\n if (!userId \|\| typeof window === 'undefined') return EMPTY_PREFERENCES;\n try {\n const raw = window.localStorage.getItem(preferencesStorageKey(userId));\n if (!raw) return EMPTY_PREFERENCES;\n const parsed = JSON.parse(raw) as Partial<ProfilePreferences>;\n return {\n ...EMPTY_PREFERENCES,\n ...parsed,\n preferredSectors: Array.isArray(parsed.preferredSectors) ? parsed.preferredSectors : [],\n };\n } catch {\n return EMPTY_PREFERENCES;\n }\n}\n\nfunction savePreferences(userId: string, prefs: ProfilePreferences): void {\n if (!userId \|\| typeof window === 'undefined') return;\n window.localStorage.setItem(preferencesStorageKey(userId), JSON.stringify(prefs));\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function InvestorProfilePage() {\n const { currentUser, navigateTo } = useKadaikodi();\n const { data: investments = [] } = useInvestments(currentUser?.id \|\| '');\n\n const [activeTab, setActiveTab] = useState<TabId>('personal');\n const [isEditing, setIsEditing] = useState(false);\n const [saveMessage, setSaveMessage] = useState('');\n\n // Identity is display-only, sourced from the signed-in account — never edited here.\n const identity = useMemo(\n () => ({\n firstName: currentUser?.firstName ?? currentUser?.name?.split(' ')[0] ?? '',\n lastName: currentUser?.lastName ?? currentUser?.name?.split(' ').slice(1).join(' ') ?? '',\n email: currentUser?.email ?? '',\n phone: currentUser?.phone ?? '',\n profileImage: currentUser?.avatar ?? currentUser?.profilePicture ?? '',\n }),\n [currentUser]\n );\n\n // App-owned preferences: editable, genuinely persisted client-side.\n const [preferences, setPreferences] = useState<ProfilePreferences>(() =>\n loadPreferences(currentUser?.id ?? '')\n );\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 // Notification delivery is not wired to any backend yet — shown as an honest,\n // disabled preview so we never imply we can turn real emails on/off.\n const notifications: 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 const handlePreferenceChange = useCallback(\n (field: keyof ProfilePreferences, value: string \| string[]) => {\n setPreferences((prev) => ({ ...prev, [field]: value }));\n },\n []\n );\n\n const handleSave = useCallback(() => {\n // Real persistence: writes to localStorage synchronously and survives reload.\n savePreferences(currentUser?.id ?? '', preferences);\n setIsEditing(false);\n setSaveMessage('Saved on this device');\n // Only clears the confirmation banner — the save itself already happened above.\n window.setTimeout(() => setSaveMessage(''), 3000);\n }, [currentUser?.id, preferences]);\n\n const handleCancel = useCallback(() => {\n setIsEditing(false);\n setPreferences(loadPreferences(currentUser?.id ?? ''));\n }, [currentUser?.id]);\n\n const goToAccountSecurity = useCallback(\n () => navigateTo('/auth/security'),\n [navigateTo]\n );\n\n const displayName = [identity.firstName, identity.lastName].filter(Boolean).join(' ') \|\| 'Investor';\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 <>\n <button\n type=\"button\"\n onClick={goToAccountSecurity}\n className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n <ShieldCheck className=\"h-4 w-4\" />\n Account Security\n </button>\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 <>\n <button\n type=\"button\"\n onClick={handleCancel}\n className=\"flex items-center gap-2 rounded-lg border border-border-subtle 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 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 <Save className=\"h-4 w-4\" />\n Save Changes\n </button>\n </>\n )}\n </div>\n }\n >\n <PagePurpose className=\"mb-6\">\n Your investor identity and how the platform tailors deals to you. Your name, email, phone and\n photo come from your Burdenoff account and are managed in Account Security; here you set your\n investment profile (preferred sectors, ticket size and risk tolerance) so you see the right\n opportunities, and review your portfolio 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 for this page /}\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 {identity.profileImage ? (\n <img\n src={identity.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 </div>\n <h3 className=\"mt-3 text-base font-semibold text-text-primary sm:text-lg\">\n {displayName}\n </h3>\n {preferences.investorType && (\n <p className=\"text-sm text-text-secondary\">{preferences.investorType}</p>\n )}\n {preferences.companyName && (\n <p className=\"mt-1 truncate text-xs text-text-secondary\">\n {preferences.companyName}\n </p>\n )}\n </div>\n\n {/ Quick Stats /}\n <div className=\"mt-5 space-y-3 border-t border-border-subtle 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(portfolioStats.portfolioValue, { 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 {portfolioStats.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(portfolioStats.totalReturns, { 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(portfolioStats.totalInvested, { 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-subtle 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 {/ Identity is account-owned — display only, managed in Account Security. /}\n <div className=\"flex flex-col gap-3 rounded-lg border border-border-subtle bg-bg-sunken/40 p-4 sm:flex-row sm:items-center sm:justify-between\">\n <div className=\"flex items-start gap-3\">\n <ShieldCheck className=\"mt-0.5 h-5 w-5 shrink-0 text-text-secondary\" />\n <p className=\"text-sm text-text-secondary\">\n Your name, email, phone and photo come from your Burdenoff account. To change\n them, open Account Security.\n </p>\n </div>\n <button\n type=\"button\"\n onClick={goToAccountSecurity}\n className=\"flex shrink-0 items-center gap-1.5 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Account Security\n <ExternalLink className=\"h-3.5 w-3.5\" />\n </button>\n </div>\n\n {/ Name & Contact — display only (identity) /}\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={identity.firstName}\n readOnly\n className=\"w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-secondary focus:outline-none\"\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={identity.lastName}\n readOnly\n className=\"w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-secondary focus:outline-none\"\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={identity.email}\n readOnly\n className=\"w-full rounded-lg border border-border-subtle bg-bg-sunken py-2 pl-10 pr-3 text-sm text-text-secondary focus:outline-none\"\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={identity.phone}\n readOnly\n placeholder=\"Add in Account Security\"\n className=\"w-full rounded-lg border border-border-subtle bg-bg-sunken py-2 pl-10 pr-3 text-sm text-text-secondary placeholder:text-text-secondary focus:outline-none\"\n />\n </div>\n </div>\n </div>\n\n {/ Professional Details — app-owned, editable + saved on this device /}\n <div className=\"border-t border-border-subtle 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={preferences.companyName}\n onChange={(e) => handlePreferenceChange('companyName', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle 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={preferences.designation}\n onChange={(e) => handlePreferenceChange('designation', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle 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={preferences.companyWebsite}\n onChange={(e) =>\n handlePreferenceChange('companyWebsite', e.target.value)\n }\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle 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={preferences.linkedinProfile}\n onChange={(e) =>\n handlePreferenceChange('linkedinProfile', e.target.value)\n }\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle 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 — app-owned, editable + saved on this device /}\n <div className=\"border-t border-border-subtle 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={preferences.address}\n onChange={(e) => handlePreferenceChange('address', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle 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={preferences.city}\n onChange={(e) => handlePreferenceChange('city', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle 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={preferences.state}\n onChange={(e) => handlePreferenceChange('state', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle 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={preferences.country}\n onChange={(e) => handlePreferenceChange('country', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle 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={preferences.pincode}\n onChange={(e) => handlePreferenceChange('pincode', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle 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={preferences.investorType}\n onChange={(e) => handlePreferenceChange('investorType', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle 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 value=\"\">Select investor type</option>\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={preferences.investmentRange}\n onChange={(e) => handlePreferenceChange('investmentRange', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle 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 value=\"\">Select range</option>\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={preferences.investmentHorizon}\n onChange={(e) =>\n handlePreferenceChange('investmentHorizon', e.target.value)\n }\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle 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 value=\"\">Select horizon</option>\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={preferences.riskProfile}\n onChange={(e) => handlePreferenceChange('riskProfile', e.target.value)}\n disabled={!isEditing}\n className=\"w-full rounded-lg border border-border-subtle 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 value=\"\">Select risk profile</option>\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={preferences.preferredSectors.includes(sector)}\n onChange={(e) => {\n if (e.target.checked) {\n handlePreferenceChange('preferredSectors', [\n ...preferences.preferredSectors,\n sector,\n ]);\n } else {\n handlePreferenceChange(\n 'preferredSectors',\n preferences.preferredSectors.filter((s) => s !== sector)\n );\n }\n }}\n disabled={!isEditing}\n className=\"h-4 w-4 rounded border-border-subtle 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-subtle 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 preferences.riskProfile === 'Conservative'\n ? 'text-status-success-text'\n : preferences.riskProfile === 'Moderate'\n ? 'text-status-warning-text'\n : 'text-status-error-text'\n )}\n >\n {preferences.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-subtle',\n level === 'Moderate' && 'bg-status-warning-bg-subtle',\n level === 'Aggressive' && 'bg-status-error-bg-subtle',\n level === preferences.riskProfile &&\n level === 'Conservative' &&\n 'bg-status-success-text',\n level === preferences.riskProfile &&\n level === 'Moderate' &&\n 'bg-status-warning-text',\n level === preferences.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(portfolioStats.totalInvested, {\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-text-primary sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {portfolioStats.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(portfolioStats.totalReturns, {\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-text-primary sm:h-8 sm:w-8\" />\n <div className=\"text-lg font-bold text-text-primary sm:text-2xl\">\n {formatCurrency(portfolioStats.portfolioValue, {\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 <div className=\"mb-4 flex items-center justify-between\">\n <h3 className=\"text-base font-semibold text-text-primary\">Active Investments</h3>\n <button\n type=\"button\"\n onClick={() => navigateTo('/investor/portfolio')}\n className=\"text-sm font-medium text-primary hover:underline\"\n >\n View full portfolio\n </button>\n </div>\n {investments.length === 0 ? (\n <p className=\"rounded-lg border border-border-subtle bg-bg-sunken/30 p-4 text-sm text-text-secondary\">\n You don't have any active investments yet. Explore opportunities to start\n building your portfolio.\n </p>\n ) : (\n <div className=\"space-y-3\">\n {investments.map((investment) => (\n <button\n key={investment.id}\n type=\"button\"\n onClick={() => navigateTo(`/investor/investments/${investment.id}`)}\n className=\"block w-full rounded-lg border border-border-subtle bg-bg-sunken/30 p-4 text-left hover:bg-accent/40 transition-colors\"\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.returnsPercentage >= 0\n ? 'text-status-success-text'\n : 'text-status-error-text'\n )}\n >\n {investment.returnsPercentage >= 0 ? '+' : ''}\n {investment.returnsPercentage}%\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(\n investment.currentValue - investment.investedAmount,\n {\n minimumFractionDigits: 0,\n }\n )}\n </span>\n </div>\n </div>\n </button>\n ))}\n </div>\n )}\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 {/ No KYC/documents backend yet — honest empty state rather than fabricated records. /}\n <div className=\"rounded-lg border border-border-subtle bg-bg-sunken/30 p-6 text-center\">\n <FileText className=\"mx-auto mb-3 h-10 w-10 text-text-secondary\" />\n <h3 className=\"text-base font-semibold text-text-primary\">\n No documents on file yet\n </h3>\n <p className=\"mx-auto mt-1 max-w-md text-sm text-text-secondary\">\n Your KYC and investment documents will appear here once uploaded. Complete\n verification to unlock more opportunities.\n </p>\n </div>\n\n {/ Upload is not wired to a backend yet — honestly disabled, never a fake success. /}\n <div className=\"rounded-lg border-2 border-dashed border-border-subtle p-6 text-center opacity-70\">\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\">PDF, JPG, or PNG up to 10MB</p>\n <button\n type=\"button\"\n disabled\n title=\"Document upload is coming soon\"\n className=\"mt-3 inline-flex cursor-not-allowed items-center gap-2 rounded-lg bg-bg-sunken px-4 py-2 text-sm font-medium text-text-secondary\"\n >\n Choose File\n <span className=\"rounded-full bg-bg-surface px-2 py-0.5 text-xs\">\n Coming soon\n </span>\n </button>\n </div>\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 {/ Password, 2FA and session management are platform-owned — route to Account Security. /}\n <div className=\"rounded-lg border border-border-subtle 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 Your password is managed by your Burdenoff account. Update it securely in\n Account Security.\n </p>\n <button\n type=\"button\"\n onClick={goToAccountSecurity}\n className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Manage in Account Security\n <ExternalLink className=\"h-4 w-4\" />\n </button>\n </div>\n\n <div className=\"rounded-lg border border-border-subtle 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 account. Two-factor authentication is\n configured in Account Security.\n </p>\n <button\n type=\"button\"\n onClick={goToAccountSecurity}\n className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Manage in Account Security\n <ExternalLink className=\"h-4 w-4\" />\n </button>\n </div>\n\n <div className=\"rounded-lg border border-border-subtle p-4 sm:p-6\">\n <div className=\"flex items-center gap-3 mb-3\">\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 <p className=\"mb-4 text-sm text-text-secondary\">\n Review recent sign-ins and active sessions for your account in Account\n Security.\n </p>\n <button\n type=\"button\"\n onClick={goToAccountSecurity}\n className=\"flex items-center gap-2 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n >\n Manage in Account Security\n <ExternalLink className=\"h-4 w-4\" />\n </button>\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 {/ Notification delivery has no investor backend yet — honest, disabled preview. */}\n <div className=\"mb-4 flex items-start gap-3 rounded-lg border border-border-subtle bg-bg-sunken/40 p-4\">\n <Bell className=\"mt-0.5 h-5 w-5 shrink-0 text-text-secondary\" />\n <p className=\"text-sm text-text-secondary\">\n Notification controls are coming soon. This is a preview of the alerts\n you'll be able to manage here — the switches are not active yet.\n </p>\n </div>\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-subtle 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 <span\n aria-disabled=\"true\"\n title=\"Coming soon\"\n className={cn(\n 'relative inline-flex h-6 w-11 shrink-0 cursor-not-allowed rounded-full opacity-50 transition-colors duration-200',\n item.enabled ? 'bg-action-primary-bg' : 'bg-bg-sunken'\n )}\n >\n <span\n className={cn(\n 'pointer-events-none inline-block h-5 w-5 translate-y-0.5 rounded-full bg-white shadow ring-0 transition-transform duration-200',\n item.enabled ? 'translate-x-5' : 'translate-x-0.5'\n )}\n />\n </span>\n </div>\n ))}\n </div>\n </div>\n )}\n </div>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}