@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

package/dist/coolandlovely/pages/investor/InvestmentDetailsPage.js

@@ -1,887 +0,0 @@
-import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
-import { cn as t } from "../../utils/cn.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { EmptyState as r } from "../../components/EmptyState.js";
-import { formatCurrency as i, formatDate as a } from "../../utils/formatters.js";
-import { useEffect as o, useState as s } from "react";
-import { Activity as c, AlertCircle as l, ArrowLeft as u, BarChart3 as d, Building2 as f, CheckCircle2 as p, Clock as m, Download as h, FileText as g, IndianRupee as _, Package as v, PieChart as y, Star as b, TrendingUp as x, Users as S, X as C } from "lucide-react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { EmphasisPanel as E, NextSteps as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
-//#region src/coolandlovely/pages/investor/InvestmentDetailsPage.tsx
-var k = {
-	id: "INV-001",
-	cartName: "Dosa Express - Koramangala",
-	cartOwner: "Suresh Rao",
-	location: "Koramangala 6th Block, Bangalore",
-	businessType: "South Indian Cuisine",
-	establishedDate: "2022-06-15",
-	investmentAmount: 5e5,
-	investmentDate: "2023-03-10",
-	equityPercentage: 15,
-	valuationAtInvestment: 3333333,
-	currentValuation: 4333333,
-	investmentType: "Equity Investment",
-	monthlyRevenue: 28e4,
-	monthlyOrders: 1850,
-	averageOrderValue: 151,
-	customerRating: 4.6,
-	activeCustomers: 450,
-	revenueGrowth: 18.5,
-	profitMargin: 22,
-	returnOnInvestment: 30,
-	paybackPeriod: "2.5 years",
-	documents: [
-		{
-			type: "Investment Agreement",
-			name: "investment_agreement_dosa_express.pdf",
-			uploadDate: "2023-03-10",
-			status: "verified"
-		},
-		{
-			type: "Financial Statement",
-			name: "financial_statement_q4_2023.pdf",
-			uploadDate: "2024-01-05",
-			status: "verified"
-		},
-		{
-			type: "Tax Returns",
-			name: "tax_returns_2023.pdf",
-			uploadDate: "2024-01-10",
-			status: "pending"
-		},
-		{
-			type: "Business License",
-			name: "fssai_license.pdf",
-			uploadDate: "2023-03-08",
-			status: "verified"
-		}
-	],
-	recentUpdates: [
-		{
-			date: "2024-01-12",
-			type: "Performance",
-			description: "Monthly revenue exceeded target by 15%"
-		},
-		{
-			date: "2024-01-08",
-			type: "Operations",
-			description: "Expanded menu with 5 new items"
-		},
-		{
-			date: "2024-01-01",
-			type: "Financial",
-			description: "Q4 2023 profit distribution completed"
-		},
-		{
-			date: "2023-12-20",
-			type: "Growth",
-			description: "Opened second location in BTM Layout"
-		}
-	]
-};
-function A(e) {
-	switch (e) {
-		case "verified": return {
-			color: "text-status-success-text",
-			Icon: p,
-			label: "Verified"
-		};
-		case "pending": return {
-			color: "text-status-warning-text",
-			Icon: m,
-			label: "Pending"
-		};
-		case "rejected": return {
-			color: "text-status-error-text",
-			Icon: l,
-			label: "Rejected"
-		};
-		default: return {
-			color: "text-text-secondary",
-			Icon: l,
-			label: e
-		};
-	}
-}
-function j() {
-	let { navigateTo: l } = e(), [p, m] = s("overview"), [j, M] = s(!0), [N, P] = s(!1), [F, I] = s(null);
-	o(() => {
-		let e = setTimeout(() => {
-			I(k), M(!1);
-		}, 600);
-		return () => clearTimeout(e);
-	}, []);
-	let L = [
-		{
-			id: "overview",
-			label: "Overview",
-			Icon: d
-		},
-		{
-			id: "financials",
-			label: "Financials",
-			Icon: _
-		},
-		{
-			id: "documents",
-			label: "Documents",
-			Icon: g
-		},
-		{
-			id: "updates",
-			label: "Updates",
-			Icon: c
-		}
-	];
-	if (j) return /* @__PURE__ */ w(n, {
-		title: "Investment Details",
-		description: "Loading...",
-		children: /* @__PURE__ */ w("div", {
-			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ T("div", {
-				className: "text-center",
-				children: [/* @__PURE__ */ w("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ w("p", {
-					className: "text-sm text-text-secondary",
-					children: "Loading investment details..."
-				})]
-			})
-		})
-	});
-	if (!F) return /* @__PURE__ */ w(n, {
-		title: "Investment Not Found",
-		children: /* @__PURE__ */ w(r, {
-			illustration: "empty-search",
-			title: "Investment not found",
-			description: "We couldn't find this investment. It may have been removed or the link is incorrect.",
-			action: /* @__PURE__ */ w("button", {
-				type: "button",
-				onClick: () => l("/investor/portfolio"),
-				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",
-				children: "Back to Portfolio"
-			})
-		})
-	});
-	let R = F.currentValuation * (F.equityPercentage / 100) - F.investmentAmount, z = R / F.investmentAmount * 100;
-	return /* @__PURE__ */ T(n, {
-		title: F.cartName,
-		description: "Investment Details & Performance",
-		actions: /* @__PURE__ */ T("div", {
-			className: "flex items-center gap-2",
-			children: [
-				/* @__PURE__ */ T("button", {
-					type: "button",
-					onClick: () => l("/investor/portfolio"),
-					className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-					children: [
-						/* @__PURE__ */ w(u, { className: "h-4 w-4" }),
-						/* @__PURE__ */ w("span", {
-							className: "hidden sm:inline",
-							children: "Back to Portfolio"
-						}),
-						/* @__PURE__ */ w("span", {
-							className: "sm:hidden",
-							children: "Back"
-						})
-					]
-				}),
-				/* @__PURE__ */ T("button", {
-					type: "button",
-					onClick: () => alert("Report export initiated"),
-					className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-					children: [
-						/* @__PURE__ */ w(h, { className: "h-4 w-4" }),
-						/* @__PURE__ */ w("span", {
-							className: "hidden sm:inline",
-							children: "Export Report"
-						}),
-						/* @__PURE__ */ w("span", {
-							className: "sm:hidden",
-							children: "Export"
-						})
-					]
-				}),
-				/* @__PURE__ */ T("button", {
-					type: "button",
-					onClick: () => P(!0),
-					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",
-					children: [/* @__PURE__ */ w("span", {
-						className: "hidden sm:inline",
-						children: "Manage Investment"
-					}), /* @__PURE__ */ w("span", {
-						className: "sm:hidden",
-						children: "Manage"
-					})]
-				})
-			]
-		}),
-		children: [
-			/* @__PURE__ */ w(O, {
-				className: "mb-6",
-				icon: /* @__PURE__ */ w(d, { className: "h-4 w-4" }),
-				children: "A deep dive into one of your investments: how much you put in, your equity stake, current valuation and returns, plus the business's growth, documents and risk profile. Use it to decide whether to top up, hold, or manage your stake."
-			}),
-			/* @__PURE__ */ w(D, {
-				className: "mb-6",
-				storageKey: "coolandlovely-investment-details",
-				steps: [
-					{
-						id: "manage",
-						label: "Manage this investment",
-						description: "Top up, withdraw returns, or adjust your position.",
-						icon: /* @__PURE__ */ w(c, { className: "h-4 w-4" }),
-						onClick: () => P(!0)
-					},
-					{
-						id: "documents",
-						label: "Review the documents",
-						description: "Check agreements and reports filed for this business.",
-						icon: /* @__PURE__ */ w(g, { className: "h-4 w-4" }),
-						onClick: () => m("documents")
-					},
-					{
-						id: "portfolio",
-						label: "Back to your portfolio",
-						description: "Compare this holding against the rest of your portfolio.",
-						icon: /* @__PURE__ */ w(y, { className: "h-4 w-4" }),
-						onClick: () => l("/investor/portfolio")
-					}
-				]
-			}),
-			/* @__PURE__ */ T(E, {
-				className: "grid grid-cols-2 gap-4 lg:grid-cols-4 p-4",
-				children: [
-					/* @__PURE__ */ T("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center bg-gloss-card shadow-pop",
-						children: [
-							/* @__PURE__ */ w(_, { className: "mx-auto mb-2 h-6 w-6 text-primary sm:h-8 sm:w-8" }),
-							/* @__PURE__ */ w("div", {
-								className: "text-lg font-bold text-text-primary sm:text-2xl",
-								children: i(F.investmentAmount, { minimumFractionDigits: 0 })
-							}),
-							/* @__PURE__ */ w("div", {
-								className: "text-xs text-text-secondary sm:text-sm",
-								children: "Your Investment"
-							})
-						]
-					}),
-					/* @__PURE__ */ T("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center bg-gloss-card shadow-pop",
-						children: [
-							/* @__PURE__ */ w(x, { className: "mx-auto mb-2 h-6 w-6 text-status-success-text sm:h-8 sm:w-8" }),
-							/* @__PURE__ */ T("div", {
-								className: "text-lg font-bold text-status-success-text sm:text-2xl",
-								children: [
-									z > 0 ? "+" : "",
-									z.toFixed(1),
-									"%"
-								]
-							}),
-							/* @__PURE__ */ w("div", {
-								className: "text-xs text-text-secondary sm:text-sm",
-								children: "Returns"
-							})
-						]
-					}),
-					/* @__PURE__ */ T("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center bg-gloss-card shadow-pop",
-						children: [
-							/* @__PURE__ */ w(y, { className: "mx-auto mb-2 h-6 w-6 text-accent-blue sm:h-8 sm:w-8" }),
-							/* @__PURE__ */ T("div", {
-								className: "text-lg font-bold text-text-primary sm:text-2xl",
-								children: [F.equityPercentage, "%"]
-							}),
-							/* @__PURE__ */ w("div", {
-								className: "text-xs text-text-secondary sm:text-sm",
-								children: "Equity Stake"
-							})
-						]
-					}),
-					/* @__PURE__ */ T("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center bg-gloss-card shadow-pop",
-						children: [
-							/* @__PURE__ */ w(f, { className: "mx-auto mb-2 h-6 w-6 text-accent-purple sm:h-8 sm:w-8" }),
-							/* @__PURE__ */ w("div", {
-								className: "text-lg font-bold text-text-primary sm:text-2xl",
-								children: i(F.currentValuation * (F.equityPercentage / 100), { minimumFractionDigits: 0 })
-							}),
-							/* @__PURE__ */ w("div", {
-								className: "text-xs text-text-secondary sm:text-sm",
-								children: "Current Value"
-							})
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ w("div", {
-				className: "mt-6 flex gap-2 overflow-x-auto pb-2",
-				children: L.map((e) => /* @__PURE__ */ T("button", {
-					type: "button",
-					onClick: () => m(e.id),
-					className: t("flex items-center gap-2 whitespace-nowrap rounded-lg px-3 py-2 text-sm font-medium transition-colors sm:px-4 sm:py-3", p === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-bg-sunken"),
-					children: [
-						/* @__PURE__ */ w(e.Icon, { className: "h-4 w-4 flex-shrink-0" }),
-						/* @__PURE__ */ w("span", {
-							className: "hidden sm:inline",
-							children: e.label
-						}),
-						/* @__PURE__ */ w("span", {
-							className: "sm:hidden",
-							children: e.label.split(" ")[0]
-						})
-					]
-				}, e.id))
-			}),
-			/* @__PURE__ */ T("div", {
-				className: "mt-6",
-				children: [
-					p === "overview" && /* @__PURE__ */ T("div", {
-						className: "grid gap-6 lg:grid-cols-3",
-						children: [/* @__PURE__ */ T("div", {
-							className: "space-y-6 lg:col-span-2",
-							children: [/* @__PURE__ */ T("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
-								children: [/* @__PURE__ */ w("h2", {
-									className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-									children: "Business Information"
-								}), /* @__PURE__ */ T("div", {
-									className: "grid gap-4 sm:grid-cols-2 sm:gap-6",
-									children: [
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-											className: "text-sm text-text-secondary",
-											children: "Owner"
-										}), /* @__PURE__ */ w("p", {
-											className: "font-medium text-text-primary",
-											children: F.cartOwner
-										})] }),
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-											className: "text-sm text-text-secondary",
-											children: "Business Type"
-										}), /* @__PURE__ */ w("p", {
-											className: "font-medium text-text-primary",
-											children: F.businessType
-										})] }),
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-											className: "text-sm text-text-secondary",
-											children: "Location"
-										}), /* @__PURE__ */ w("p", {
-											className: "font-medium text-text-primary",
-											children: F.location
-										})] }),
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-											className: "text-sm text-text-secondary",
-											children: "Established"
-										}), /* @__PURE__ */ w("p", {
-											className: "font-medium text-text-primary",
-											children: a(F.establishedDate, {
-												hour: void 0,
-												minute: void 0
-											})
-										})] })
-									]
-								})]
-							}), /* @__PURE__ */ T("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
-								children: [
-									/* @__PURE__ */ w("h2", {
-										className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-										children: "Performance Metrics"
-									}),
-									/* @__PURE__ */ T("div", {
-										className: "grid grid-cols-1 gap-4 text-center sm:grid-cols-3 sm:gap-6",
-										children: [
-											/* @__PURE__ */ T("div", { children: [
-												/* @__PURE__ */ w(v, { className: "mx-auto mb-2 h-6 w-6 text-primary sm:h-8 sm:w-8" }),
-												/* @__PURE__ */ w("div", {
-													className: "text-xl font-bold text-text-primary sm:text-2xl",
-													children: F.monthlyOrders
-												}),
-												/* @__PURE__ */ w("div", {
-													className: "text-xs text-text-secondary sm:text-sm",
-													children: "Monthly Orders"
-												})
-											] }),
-											/* @__PURE__ */ T("div", { children: [
-												/* @__PURE__ */ w(_, { className: "mx-auto mb-2 h-6 w-6 text-status-success-text sm:h-8 sm:w-8" }),
-												/* @__PURE__ */ w("div", {
-													className: "text-xl font-bold text-text-primary sm:text-2xl",
-													children: i(F.monthlyRevenue, { minimumFractionDigits: 0 })
-												}),
-												/* @__PURE__ */ w("div", {
-													className: "text-xs text-text-secondary sm:text-sm",
-													children: "Monthly Revenue"
-												})
-											] }),
-											/* @__PURE__ */ T("div", { children: [
-												/* @__PURE__ */ w(S, { className: "mx-auto mb-2 h-6 w-6 text-accent-blue sm:h-8 sm:w-8" }),
-												/* @__PURE__ */ w("div", {
-													className: "text-xl font-bold text-text-primary sm:text-2xl",
-													children: F.activeCustomers
-												}),
-												/* @__PURE__ */ w("div", {
-													className: "text-xs text-text-secondary sm:text-sm",
-													children: "Active Customers"
-												})
-											] })
-										]
-									}),
-									/* @__PURE__ */ T("div", {
-										className: "mt-4 flex flex-col items-start justify-between gap-4 border-t border-border-subtle pt-4 sm:mt-6 sm:flex-row sm:items-center sm:pt-6",
-										children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-											className: "text-sm text-text-secondary",
-											children: "Customer Rating"
-										}), /* @__PURE__ */ T("div", {
-											className: "mt-1 flex items-center gap-1",
-											children: [Array.from({ length: 5 }, (e, n) => /* @__PURE__ */ w(b, { className: t("h-4 w-4", n < Math.floor(F.customerRating) ? "fill-status-warning-text text-status-warning-text" : "fill-none text-text-secondary/40") }, n)), /* @__PURE__ */ w("span", {
-												className: "ml-1 text-sm font-medium text-text-primary",
-												children: F.customerRating
-											})]
-										})] }), /* @__PURE__ */ T("div", {
-											className: "text-left sm:text-right",
-											children: [/* @__PURE__ */ w("p", {
-												className: "text-sm text-text-secondary",
-												children: "Avg Order Value"
-											}), /* @__PURE__ */ w("p", {
-												className: "text-lg font-semibold text-text-primary",
-												children: i(F.averageOrderValue, { minimumFractionDigits: 0 })
-											})]
-										})]
-									})
-								]
-							})]
-						}), /* @__PURE__ */ T("div", {
-							className: "space-y-6",
-							children: [/* @__PURE__ */ T("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
-								children: [/* @__PURE__ */ w("h2", {
-									className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-									children: "Investment Summary"
-								}), /* @__PURE__ */ T("div", {
-									className: "space-y-4",
-									children: [
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-											className: "text-sm text-text-secondary",
-											children: "Investment Date"
-										}), /* @__PURE__ */ w("p", {
-											className: "font-medium text-text-primary",
-											children: a(F.investmentDate, {
-												hour: void 0,
-												minute: void 0
-											})
-										})] }),
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-											className: "text-sm text-text-secondary",
-											children: "Investment Type"
-										}), /* @__PURE__ */ w("p", {
-											className: "font-medium text-text-primary",
-											children: F.investmentType
-										})] }),
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-											className: "text-sm text-text-secondary",
-											children: "Initial Valuation"
-										}), /* @__PURE__ */ w("p", {
-											className: "font-medium text-text-primary",
-											children: i(F.valuationAtInvestment, { minimumFractionDigits: 0 })
-										})] }),
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-											className: "text-sm text-text-secondary",
-											children: "Current Valuation"
-										}), /* @__PURE__ */ w("p", {
-											className: "text-lg font-medium text-text-primary",
-											children: i(F.currentValuation, { minimumFractionDigits: 0 })
-										})] }),
-										/* @__PURE__ */ w("div", {
-											className: "border-t border-border-subtle pt-4",
-											children: /* @__PURE__ */ T("div", {
-												className: "flex items-center justify-between",
-												children: [/* @__PURE__ */ w("span", {
-													className: "text-sm text-text-secondary",
-													children: "Your Returns"
-												}), /* @__PURE__ */ T("span", {
-													className: t("text-lg font-semibold", R > 0 ? "text-status-success-text" : "text-status-error-text"),
-													children: [R > 0 ? "+" : "", i(R, { minimumFractionDigits: 0 })]
-												})]
-											})
-										})
-									]
-								})]
-							}), /* @__PURE__ */ T("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
-								children: [/* @__PURE__ */ w("h2", {
-									className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-									children: "Growth Indicators"
-								}), /* @__PURE__ */ T("div", {
-									className: "space-y-4",
-									children: [
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
-											className: "mb-2 flex items-center justify-between",
-											children: [/* @__PURE__ */ w("span", {
-												className: "text-sm text-text-secondary",
-												children: "Revenue Growth"
-											}), /* @__PURE__ */ T("span", {
-												className: "text-sm font-medium text-status-success-text",
-												children: [
-													"+",
-													F.revenueGrowth,
-													"%"
-												]
-											})]
-										}), /* @__PURE__ */ w("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ w("div", {
-												className: "h-full rounded-full bg-status-success-bg-subtle",
-												style: { width: `${Math.min(F.revenueGrowth, 100)}%` }
-											})
-										})] }),
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
-											className: "mb-2 flex items-center justify-between",
-											children: [/* @__PURE__ */ w("span", {
-												className: "text-sm text-text-secondary",
-												children: "Profit Margin"
-											}), /* @__PURE__ */ T("span", {
-												className: "text-sm font-medium text-text-primary",
-												children: [F.profitMargin, "%"]
-											})]
-										}), /* @__PURE__ */ w("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ w("div", {
-												className: "h-full rounded-full bg-accent-blue-subtle",
-												style: { width: `${F.profitMargin}%` }
-											})
-										})] }),
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
-											className: "mb-2 flex items-center justify-between",
-											children: [/* @__PURE__ */ w("span", {
-												className: "text-sm text-text-secondary",
-												children: "ROI"
-											}), /* @__PURE__ */ T("span", {
-												className: "text-sm font-medium text-status-success-text",
-												children: [
-													"+",
-													F.returnOnInvestment,
-													"%"
-												]
-											})]
-										}), /* @__PURE__ */ w("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ w("div", {
-												className: "h-full rounded-full bg-status-success-bg-subtle",
-												style: { width: `${Math.min(F.returnOnInvestment, 100)}%` }
-											})
-										})] }),
-										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-											className: "text-sm text-text-secondary",
-											children: "Expected Payback"
-										}), /* @__PURE__ */ w("p", {
-											className: "font-medium text-text-primary",
-											children: F.paybackPeriod
-										})] })
-									]
-								})]
-							})]
-						})]
-					}),
-					p === "financials" && /* @__PURE__ */ T("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
-						children: [
-							/* @__PURE__ */ w("h2", {
-								className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-								children: "Financial Performance"
-							}),
-							/* @__PURE__ */ T("div", {
-								className: "mb-6 grid grid-cols-2 gap-4 lg:grid-cols-4",
-								children: [
-									/* @__PURE__ */ T("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ w("p", {
-											className: "text-xs text-text-secondary",
-											children: "Monthly Revenue"
-										}), /* @__PURE__ */ w("p", {
-											className: "mt-1 text-lg font-bold text-text-primary",
-											children: i(F.monthlyRevenue, { minimumFractionDigits: 0 })
-										})]
-									}),
-									/* @__PURE__ */ T("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ w("p", {
-											className: "text-xs text-text-secondary",
-											children: "Revenue Growth"
-										}), /* @__PURE__ */ T("p", {
-											className: "mt-1 text-lg font-bold text-status-success-text",
-											children: [
-												"+",
-												F.revenueGrowth,
-												"%"
-											]
-										})]
-									}),
-									/* @__PURE__ */ T("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ w("p", {
-											className: "text-xs text-text-secondary",
-											children: "Profit Margin"
-										}), /* @__PURE__ */ T("p", {
-											className: "mt-1 text-lg font-bold text-text-primary",
-											children: [F.profitMargin, "%"]
-										})]
-									}),
-									/* @__PURE__ */ T("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ w("p", {
-											className: "text-xs text-text-secondary",
-											children: "Avg Order Value"
-										}), /* @__PURE__ */ w("p", {
-											className: "mt-1 text-lg font-bold text-text-primary",
-											children: i(F.averageOrderValue, { minimumFractionDigits: 0 })
-										})]
-									})
-								]
-							}),
-							/* @__PURE__ */ w("div", {
-								className: "overflow-hidden rounded-lg border border-border-subtle",
-								children: /* @__PURE__ */ T("table", {
-									className: "w-full",
-									children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", {
-										className: "bg-bg-sunken/50",
-										children: [
-											/* @__PURE__ */ w("th", {
-												className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary",
-												children: "Metric"
-											}),
-											/* @__PURE__ */ w("th", {
-												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-text-secondary",
-												children: "Value"
-											}),
-											/* @__PURE__ */ w("th", {
-												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-text-secondary",
-												children: "Trend"
-											})
-										]
-									}) }), /* @__PURE__ */ w("tbody", {
-										className: "divide-y divide-border",
-										children: [
-											{
-												metric: "Monthly Revenue",
-												value: i(F.monthlyRevenue, { minimumFractionDigits: 0 }),
-												trend: "+18.5%"
-											},
-											{
-												metric: "Monthly Orders",
-												value: String(F.monthlyOrders),
-												trend: "+12%"
-											},
-											{
-												metric: "Average Order Value",
-												value: i(F.averageOrderValue, { minimumFractionDigits: 0 }),
-												trend: "+5.8%"
-											},
-											{
-												metric: "Active Customers",
-												value: String(F.activeCustomers),
-												trend: "+22%"
-											},
-											{
-												metric: "Profit Margin",
-												value: `${F.profitMargin}%`,
-												trend: "+2.1%"
-											},
-											{
-												metric: "Return on Investment",
-												value: `${F.returnOnInvestment}%`,
-												trend: "+8.5%"
-											}
-										].map((e) => /* @__PURE__ */ T("tr", {
-											className: "hover:bg-accent/50 transition-colors",
-											children: [
-												/* @__PURE__ */ w("td", {
-													className: "px-4 py-3 text-sm font-medium text-text-primary",
-													children: e.metric
-												}),
-												/* @__PURE__ */ w("td", {
-													className: "px-4 py-3 text-right text-sm text-text-primary",
-													children: e.value
-												}),
-												/* @__PURE__ */ w("td", {
-													className: "px-4 py-3 text-right text-sm font-medium text-status-success-text",
-													children: e.trend
-												})
-											]
-										}, e.metric))
-									})]
-								})
-							})
-						]
-					}),
-					p === "documents" && /* @__PURE__ */ T("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
-						children: [/* @__PURE__ */ w("h2", {
-							className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-							children: "Investment Documents"
-						}), /* @__PURE__ */ w("div", {
-							className: "space-y-4",
-							children: F.documents.map((e, n) => {
-								let r = A(e.status), i = r.Icon;
-								return /* @__PURE__ */ T("div", {
-									className: "flex flex-col gap-4 rounded-lg bg-bg-sunken/50 p-4 sm:flex-row sm:items-center sm:justify-between",
-									children: [/* @__PURE__ */ T("div", {
-										className: "flex items-start gap-3 flex-1 min-w-0 sm:items-center sm:gap-4",
-										children: [/* @__PURE__ */ w(g, { className: "mt-1 h-6 w-6 flex-shrink-0 text-primary sm:mt-0 sm:h-8 sm:w-8" }), /* @__PURE__ */ T("div", {
-											className: "min-w-0 flex-1",
-											children: [
-												/* @__PURE__ */ w("h4", {
-													className: "text-sm font-medium text-text-primary sm:text-base",
-													children: e.type
-												}),
-												/* @__PURE__ */ w("p", {
-													className: "truncate text-xs text-text-secondary sm:text-sm",
-													children: e.name
-												}),
-												/* @__PURE__ */ T("p", {
-													className: "text-xs text-text-secondary",
-													children: [
-														"Uploaded",
-														" ",
-														a(e.uploadDate, {
-															hour: void 0,
-															minute: void 0
-														})
-													]
-												})
-											]
-										})]
-									}), /* @__PURE__ */ T("div", {
-										className: "flex w-full items-center justify-between gap-3 sm:w-auto sm:justify-end",
-										children: [/* @__PURE__ */ T("span", {
-											className: t("flex items-center gap-1 text-xs sm:text-sm", r.color),
-											children: [/* @__PURE__ */ w(i, { className: "h-3 w-3 sm:h-4 sm:w-4" }), /* @__PURE__ */ w("span", {
-												className: "capitalize",
-												children: r.label
-											})]
-										}), /* @__PURE__ */ T("button", {
-											type: "button",
-											onClick: () => alert(`Downloading ${e.name}`),
-											className: "flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-											children: [/* @__PURE__ */ w(h, { className: "h-3 w-3 sm:h-4 sm:w-4" }), /* @__PURE__ */ w("span", {
-												className: "hidden sm:inline",
-												children: "Download"
-											})]
-										})]
-									})]
-								}, n);
-							})
-						})]
-					}),
-					p === "updates" && /* @__PURE__ */ T("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
-						children: [/* @__PURE__ */ w("h2", {
-							className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-							children: "Recent Updates"
-						}), /* @__PURE__ */ w("div", {
-							className: "space-y-4",
-							children: F.recentUpdates.map((e, t) => /* @__PURE__ */ T("div", {
-								className: "flex gap-3 rounded-lg bg-bg-sunken/50 p-4 sm:gap-4",
-								children: [/* @__PURE__ */ w("div", {
-									className: "flex-shrink-0",
-									children: /* @__PURE__ */ w(c, { className: "mt-1 h-4 w-4 text-primary sm:h-5 sm:w-5" })
-								}), /* @__PURE__ */ T("div", {
-									className: "min-w-0 flex-1",
-									children: [/* @__PURE__ */ T("div", {
-										className: "mb-1 flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between",
-										children: [/* @__PURE__ */ w("h4", {
-											className: "text-sm font-medium text-text-primary sm:text-base",
-											children: e.type
-										}), /* @__PURE__ */ w("span", {
-											className: "text-xs text-text-secondary sm:text-sm",
-											children: a(e.date, {
-												hour: void 0,
-												minute: void 0
-											})
-										})]
-									}), /* @__PURE__ */ w("p", {
-										className: "text-xs text-text-secondary sm:text-sm",
-										children: e.description
-									})]
-								})]
-							}, t))
-						})]
-					})
-				]
-			}),
-			N && /* @__PURE__ */ w("div", {
-				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ T("div", {
-					className: "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface",
-					children: [
-						/* @__PURE__ */ T("div", {
-							className: "border-b border-border-subtle p-4 sm:p-6",
-							children: [/* @__PURE__ */ w("button", {
-								type: "button",
-								onClick: () => P(!1),
-								className: "absolute right-3 top-3 rounded-lg p-1 text-text-secondary hover:bg-accent transition-colors",
-								children: /* @__PURE__ */ w(C, { className: "h-5 w-5" })
-							}), /* @__PURE__ */ w("h2", {
-								className: "text-lg font-semibold text-text-primary sm:text-xl",
-								children: "Manage Investment"
-							})]
-						}),
-						/* @__PURE__ */ T("div", {
-							className: "space-y-4 p-4 sm:p-6",
-							children: [
-								/* @__PURE__ */ T("p", {
-									className: "text-sm text-text-secondary sm:text-base",
-									children: [
-										"Choose an action for your investment in ",
-										F.cartName,
-										":"
-									]
-								}),
-								/* @__PURE__ */ T("div", {
-									className: "space-y-3",
-									children: [
-										/* @__PURE__ */ w("button", {
-											type: "button",
-											onClick: () => alert("Partial withdrawal request submitted"),
-											className: "w-full rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-											children: "Request Partial Withdrawal"
-										}),
-										/* @__PURE__ */ w("button", {
-											type: "button",
-											onClick: () => alert("Transfer ownership feature coming soon"),
-											className: "w-full rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-											children: "Transfer Ownership"
-										}),
-										/* @__PURE__ */ w("button", {
-											type: "button",
-											onClick: () => alert("Exit options will be displayed"),
-											className: "w-full rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-											children: "View Exit Options"
-										})
-									]
-								}),
-								/* @__PURE__ */ w("div", {
-									className: "rounded-lg border border-status-warning-border/30 bg-status-warning-bg-subtle/10 p-3 sm:p-4",
-									children: /* @__PURE__ */ w("p", {
-										className: "text-xs text-status-warning-text sm:text-sm",
-										children: "Any changes to your investment require approval from the business owner and may be subject to terms in your investment agreement."
-									})
-								})
-							]
-						}),
-						/* @__PURE__ */ w("div", {
-							className: "flex justify-end gap-3 border-t border-border-subtle p-4 sm:p-6",
-							children: /* @__PURE__ */ w("button", {
-								type: "button",
-								onClick: () => P(!1),
-								className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-								children: "Cancel"
-							})
-						})
-					]
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { j as InvestmentDetailsPage };
-
-//# sourceMappingURL=InvestmentDetailsPage.js.map