@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1,849 @@
+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 { formatCurrency as r, formatDate as i } from "../../utils/formatters.js";
+import { useEffect as a, useState as o } from "react";
+import { Activity as s, AlertCircle as c, ArrowLeft as l, BarChart3 as u, Building2 as d, CheckCircle2 as f, Clock as p, Download as m, FileText as h, IndianRupee as g, Package as _, PieChart as v, Star as y, TrendingUp as b, Users as x, X as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/investor/InvestmentDetailsPage.tsx
+var T = {
+	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 E(e) {
+	switch (e) {
+		case "verified": return {
+			color: "text-green-600 dark:text-green-400",
+			Icon: f,
+			label: "Verified"
+		};
+		case "pending": return {
+			color: "text-yellow-600 dark:text-yellow-400",
+			Icon: p,
+			label: "Pending"
+		};
+		case "rejected": return {
+			color: "text-red-600 dark:text-red-400",
+			Icon: c,
+			label: "Rejected"
+		};
+		default: return {
+			color: "text-muted-foreground",
+			Icon: c,
+			label: e
+		};
+	}
+}
+function D() {
+	let { navigateTo: f } = e(), [p, D] = o("overview"), [O, k] = o(!0), [A, j] = o(!1), [M, N] = o(null);
+	a(() => {
+		let e = setTimeout(() => {
+			N(T), k(!1);
+		}, 600);
+		return () => clearTimeout(e);
+	}, []);
+	let P = [
+		{
+			id: "overview",
+			label: "Overview",
+			Icon: u
+		},
+		{
+			id: "financials",
+			label: "Financials",
+			Icon: g
+		},
+		{
+			id: "documents",
+			label: "Documents",
+			Icon: h
+		},
+		{
+			id: "updates",
+			label: "Updates",
+			Icon: s
+		}
+	];
+	if (O) return /* @__PURE__ */ C(n, {
+		title: "Investment Details",
+		description: "Loading...",
+		children: /* @__PURE__ */ C("div", {
+			className: "flex items-center justify-center py-20",
+			children: /* @__PURE__ */ w("div", {
+				className: "text-center",
+				children: [/* @__PURE__ */ C("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ C("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Loading investment details..."
+				})]
+			})
+		})
+	});
+	if (!M) return /* @__PURE__ */ C(n, {
+		title: "Investment Not Found",
+		children: /* @__PURE__ */ w("div", {
+			className: "flex flex-col items-center justify-center py-12",
+			children: [/* @__PURE__ */ C(c, { className: "mb-4 h-12 w-12 text-red-500" }), /* @__PURE__ */ C("p", {
+				className: "text-foreground",
+				children: "Investment not found"
+			})]
+		})
+	});
+	let F = M.currentValuation * (M.equityPercentage / 100) - M.investmentAmount, I = F / M.investmentAmount * 100;
+	return /* @__PURE__ */ w(n, {
+		title: M.cartName,
+		description: "Investment Details & Performance",
+		actions: /* @__PURE__ */ w("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ w("button", {
+					type: "button",
+					onClick: () => f("/investor/portfolio"),
+					className: "flex items-center gap-1.5 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+					children: [
+						/* @__PURE__ */ C(l, { className: "h-4 w-4" }),
+						/* @__PURE__ */ C("span", {
+							className: "hidden sm:inline",
+							children: "Back to Portfolio"
+						}),
+						/* @__PURE__ */ C("span", {
+							className: "sm:hidden",
+							children: "Back"
+						})
+					]
+				}),
+				/* @__PURE__ */ w("button", {
+					type: "button",
+					onClick: () => alert("Report export initiated"),
+					className: "flex items-center gap-1.5 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+					children: [
+						/* @__PURE__ */ C(m, { className: "h-4 w-4" }),
+						/* @__PURE__ */ C("span", {
+							className: "hidden sm:inline",
+							children: "Export Report"
+						}),
+						/* @__PURE__ */ C("span", {
+							className: "sm:hidden",
+							children: "Export"
+						})
+					]
+				}),
+				/* @__PURE__ */ w("button", {
+					type: "button",
+					onClick: () => j(!0),
+					className: "rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+					children: [/* @__PURE__ */ C("span", {
+						className: "hidden sm:inline",
+						children: "Manage Investment"
+					}), /* @__PURE__ */ C("span", {
+						className: "sm:hidden",
+						children: "Manage"
+					})]
+				})
+			]
+		}),
+		children: [
+			/* @__PURE__ */ w("div", {
+				className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4 text-center",
+						children: [
+							/* @__PURE__ */ C(g, { className: "mx-auto mb-2 h-6 w-6 text-primary sm:h-8 sm:w-8" }),
+							/* @__PURE__ */ C("div", {
+								className: "text-lg font-bold text-foreground sm:text-2xl",
+								children: r(M.investmentAmount, { minimumFractionDigits: 0 })
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "text-xs text-muted-foreground sm:text-sm",
+								children: "Your Investment"
+							})
+						]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4 text-center",
+						children: [
+							/* @__PURE__ */ C(b, { className: "mx-auto mb-2 h-6 w-6 text-green-600 sm:h-8 sm:w-8" }),
+							/* @__PURE__ */ w("div", {
+								className: "text-lg font-bold text-green-600 dark:text-green-400 sm:text-2xl",
+								children: [
+									I > 0 ? "+" : "",
+									I.toFixed(1),
+									"%"
+								]
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "text-xs text-muted-foreground sm:text-sm",
+								children: "Returns"
+							})
+						]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4 text-center",
+						children: [
+							/* @__PURE__ */ C(v, { className: "mx-auto mb-2 h-6 w-6 text-blue-600 sm:h-8 sm:w-8" }),
+							/* @__PURE__ */ w("div", {
+								className: "text-lg font-bold text-foreground sm:text-2xl",
+								children: [M.equityPercentage, "%"]
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "text-xs text-muted-foreground sm:text-sm",
+								children: "Equity Stake"
+							})
+						]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4 text-center",
+						children: [
+							/* @__PURE__ */ C(d, { className: "mx-auto mb-2 h-6 w-6 text-purple-600 sm:h-8 sm:w-8" }),
+							/* @__PURE__ */ C("div", {
+								className: "text-lg font-bold text-foreground sm:text-2xl",
+								children: r(M.currentValuation * (M.equityPercentage / 100), { minimumFractionDigits: 0 })
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "text-xs text-muted-foreground sm:text-sm",
+								children: "Current Value"
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "mt-6 flex gap-2 overflow-x-auto pb-2",
+				children: P.map((e) => /* @__PURE__ */ w("button", {
+					type: "button",
+					onClick: () => D(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-primary text-primary-foreground" : "bg-card text-foreground hover:bg-muted"),
+					children: [
+						/* @__PURE__ */ C(e.Icon, { className: "h-4 w-4 flex-shrink-0" }),
+						/* @__PURE__ */ C("span", {
+							className: "hidden sm:inline",
+							children: e.label
+						}),
+						/* @__PURE__ */ C("span", {
+							className: "sm:hidden",
+							children: e.label.split(" ")[0]
+						})
+					]
+				}, e.id))
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "mt-6",
+				children: [
+					p === "overview" && /* @__PURE__ */ w("div", {
+						className: "grid gap-6 lg:grid-cols-3",
+						children: [/* @__PURE__ */ w("div", {
+							className: "space-y-6 lg:col-span-2",
+							children: [/* @__PURE__ */ w("div", {
+								className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+								children: [/* @__PURE__ */ C("h2", {
+									className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+									children: "Business Information"
+								}), /* @__PURE__ */ w("div", {
+									className: "grid gap-4 sm:grid-cols-2 sm:gap-6",
+									children: [
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Owner"
+										}), /* @__PURE__ */ C("p", {
+											className: "font-medium text-foreground",
+											children: M.cartOwner
+										})] }),
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Business Type"
+										}), /* @__PURE__ */ C("p", {
+											className: "font-medium text-foreground",
+											children: M.businessType
+										})] }),
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Location"
+										}), /* @__PURE__ */ C("p", {
+											className: "font-medium text-foreground",
+											children: M.location
+										})] }),
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Established"
+										}), /* @__PURE__ */ C("p", {
+											className: "font-medium text-foreground",
+											children: i(M.establishedDate, {
+												hour: void 0,
+												minute: void 0
+											})
+										})] })
+									]
+								})]
+							}), /* @__PURE__ */ w("div", {
+								className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+								children: [
+									/* @__PURE__ */ C("h2", {
+										className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+										children: "Performance Metrics"
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "grid grid-cols-1 gap-4 text-center sm:grid-cols-3 sm:gap-6",
+										children: [
+											/* @__PURE__ */ w("div", { children: [
+												/* @__PURE__ */ C(_, { className: "mx-auto mb-2 h-6 w-6 text-primary sm:h-8 sm:w-8" }),
+												/* @__PURE__ */ C("div", {
+													className: "text-xl font-bold text-foreground sm:text-2xl",
+													children: M.monthlyOrders
+												}),
+												/* @__PURE__ */ C("div", {
+													className: "text-xs text-muted-foreground sm:text-sm",
+													children: "Monthly Orders"
+												})
+											] }),
+											/* @__PURE__ */ w("div", { children: [
+												/* @__PURE__ */ C(g, { className: "mx-auto mb-2 h-6 w-6 text-green-600 sm:h-8 sm:w-8" }),
+												/* @__PURE__ */ C("div", {
+													className: "text-xl font-bold text-foreground sm:text-2xl",
+													children: r(M.monthlyRevenue, { minimumFractionDigits: 0 })
+												}),
+												/* @__PURE__ */ C("div", {
+													className: "text-xs text-muted-foreground sm:text-sm",
+													children: "Monthly Revenue"
+												})
+											] }),
+											/* @__PURE__ */ w("div", { children: [
+												/* @__PURE__ */ C(x, { className: "mx-auto mb-2 h-6 w-6 text-blue-600 sm:h-8 sm:w-8" }),
+												/* @__PURE__ */ C("div", {
+													className: "text-xl font-bold text-foreground sm:text-2xl",
+													children: M.activeCustomers
+												}),
+												/* @__PURE__ */ C("div", {
+													className: "text-xs text-muted-foreground sm:text-sm",
+													children: "Active Customers"
+												})
+											] })
+										]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "mt-4 flex flex-col items-start justify-between gap-4 border-t border-border pt-4 sm:mt-6 sm:flex-row sm:items-center sm:pt-6",
+										children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Customer Rating"
+										}), /* @__PURE__ */ w("div", {
+											className: "mt-1 flex items-center gap-1",
+											children: [Array.from({ length: 5 }, (e, n) => /* @__PURE__ */ C(y, { className: t("h-4 w-4", n < Math.floor(M.customerRating) ? "fill-yellow-400 text-yellow-400" : "fill-none text-muted-foreground/40") }, n)), /* @__PURE__ */ C("span", {
+												className: "ml-1 text-sm font-medium text-foreground",
+												children: M.customerRating
+											})]
+										})] }), /* @__PURE__ */ w("div", {
+											className: "text-left sm:text-right",
+											children: [/* @__PURE__ */ C("p", {
+												className: "text-sm text-muted-foreground",
+												children: "Avg Order Value"
+											}), /* @__PURE__ */ C("p", {
+												className: "text-lg font-semibold text-foreground",
+												children: r(M.averageOrderValue, { minimumFractionDigits: 0 })
+											})]
+										})]
+									})
+								]
+							})]
+						}), /* @__PURE__ */ w("div", {
+							className: "space-y-6",
+							children: [/* @__PURE__ */ w("div", {
+								className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+								children: [/* @__PURE__ */ C("h2", {
+									className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+									children: "Investment Summary"
+								}), /* @__PURE__ */ w("div", {
+									className: "space-y-4",
+									children: [
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Investment Date"
+										}), /* @__PURE__ */ C("p", {
+											className: "font-medium text-foreground",
+											children: i(M.investmentDate, {
+												hour: void 0,
+												minute: void 0
+											})
+										})] }),
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Investment Type"
+										}), /* @__PURE__ */ C("p", {
+											className: "font-medium text-foreground",
+											children: M.investmentType
+										})] }),
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Initial Valuation"
+										}), /* @__PURE__ */ C("p", {
+											className: "font-medium text-foreground",
+											children: r(M.valuationAtInvestment, { minimumFractionDigits: 0 })
+										})] }),
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Current Valuation"
+										}), /* @__PURE__ */ C("p", {
+											className: "text-lg font-medium text-foreground",
+											children: r(M.currentValuation, { minimumFractionDigits: 0 })
+										})] }),
+										/* @__PURE__ */ C("div", {
+											className: "border-t border-border pt-4",
+											children: /* @__PURE__ */ w("div", {
+												className: "flex items-center justify-between",
+												children: [/* @__PURE__ */ C("span", {
+													className: "text-sm text-muted-foreground",
+													children: "Your Returns"
+												}), /* @__PURE__ */ w("span", {
+													className: t("text-lg font-semibold", F > 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+													children: [F > 0 ? "+" : "", r(F, { minimumFractionDigits: 0 })]
+												})]
+											})
+										})
+									]
+								})]
+							}), /* @__PURE__ */ w("div", {
+								className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+								children: [/* @__PURE__ */ C("h2", {
+									className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+									children: "Growth Indicators"
+								}), /* @__PURE__ */ w("div", {
+									className: "space-y-4",
+									children: [
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+											className: "mb-2 flex items-center justify-between",
+											children: [/* @__PURE__ */ C("span", {
+												className: "text-sm text-muted-foreground",
+												children: "Revenue Growth"
+											}), /* @__PURE__ */ w("span", {
+												className: "text-sm font-medium text-green-600 dark:text-green-400",
+												children: [
+													"+",
+													M.revenueGrowth,
+													"%"
+												]
+											})]
+										}), /* @__PURE__ */ C("div", {
+											className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+											children: /* @__PURE__ */ C("div", {
+												className: "h-full rounded-full bg-green-600",
+												style: { width: `${Math.min(M.revenueGrowth, 100)}%` }
+											})
+										})] }),
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+											className: "mb-2 flex items-center justify-between",
+											children: [/* @__PURE__ */ C("span", {
+												className: "text-sm text-muted-foreground",
+												children: "Profit Margin"
+											}), /* @__PURE__ */ w("span", {
+												className: "text-sm font-medium text-foreground",
+												children: [M.profitMargin, "%"]
+											})]
+										}), /* @__PURE__ */ C("div", {
+											className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+											children: /* @__PURE__ */ C("div", {
+												className: "h-full rounded-full bg-blue-600",
+												style: { width: `${M.profitMargin}%` }
+											})
+										})] }),
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
+											className: "mb-2 flex items-center justify-between",
+											children: [/* @__PURE__ */ C("span", {
+												className: "text-sm text-muted-foreground",
+												children: "ROI"
+											}), /* @__PURE__ */ w("span", {
+												className: "text-sm font-medium text-green-600 dark:text-green-400",
+												children: [
+													"+",
+													M.returnOnInvestment,
+													"%"
+												]
+											})]
+										}), /* @__PURE__ */ C("div", {
+											className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+											children: /* @__PURE__ */ C("div", {
+												className: "h-full rounded-full bg-green-500",
+												style: { width: `${Math.min(M.returnOnInvestment, 100)}%` }
+											})
+										})] }),
+										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm text-muted-foreground",
+											children: "Expected Payback"
+										}), /* @__PURE__ */ C("p", {
+											className: "font-medium text-foreground",
+											children: M.paybackPeriod
+										})] })
+									]
+								})]
+							})]
+						})]
+					}),
+					p === "financials" && /* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+						children: [
+							/* @__PURE__ */ C("h2", {
+								className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+								children: "Financial Performance"
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "mb-6 grid grid-cols-2 gap-4 lg:grid-cols-4",
+								children: [
+									/* @__PURE__ */ w("div", {
+										className: "rounded-lg bg-muted/50 p-3",
+										children: [/* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Monthly Revenue"
+										}), /* @__PURE__ */ C("p", {
+											className: "mt-1 text-lg font-bold text-foreground",
+											children: r(M.monthlyRevenue, { minimumFractionDigits: 0 })
+										})]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "rounded-lg bg-muted/50 p-3",
+										children: [/* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Revenue Growth"
+										}), /* @__PURE__ */ w("p", {
+											className: "mt-1 text-lg font-bold text-green-600 dark:text-green-400",
+											children: [
+												"+",
+												M.revenueGrowth,
+												"%"
+											]
+										})]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "rounded-lg bg-muted/50 p-3",
+										children: [/* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Profit Margin"
+										}), /* @__PURE__ */ w("p", {
+											className: "mt-1 text-lg font-bold text-foreground",
+											children: [M.profitMargin, "%"]
+										})]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "rounded-lg bg-muted/50 p-3",
+										children: [/* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Avg Order Value"
+										}), /* @__PURE__ */ C("p", {
+											className: "mt-1 text-lg font-bold text-foreground",
+											children: r(M.averageOrderValue, { minimumFractionDigits: 0 })
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "overflow-hidden rounded-lg border border-border",
+								children: /* @__PURE__ */ w("table", {
+									className: "w-full",
+									children: [/* @__PURE__ */ C("thead", { children: /* @__PURE__ */ w("tr", {
+										className: "bg-muted/50",
+										children: [
+											/* @__PURE__ */ C("th", {
+												className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-muted-foreground",
+												children: "Metric"
+											}),
+											/* @__PURE__ */ C("th", {
+												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-muted-foreground",
+												children: "Value"
+											}),
+											/* @__PURE__ */ C("th", {
+												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-muted-foreground",
+												children: "Trend"
+											})
+										]
+									}) }), /* @__PURE__ */ C("tbody", {
+										className: "divide-y divide-border",
+										children: [
+											{
+												metric: "Monthly Revenue",
+												value: r(M.monthlyRevenue, { minimumFractionDigits: 0 }),
+												trend: "+18.5%"
+											},
+											{
+												metric: "Monthly Orders",
+												value: String(M.monthlyOrders),
+												trend: "+12%"
+											},
+											{
+												metric: "Average Order Value",
+												value: r(M.averageOrderValue, { minimumFractionDigits: 0 }),
+												trend: "+5.8%"
+											},
+											{
+												metric: "Active Customers",
+												value: String(M.activeCustomers),
+												trend: "+22%"
+											},
+											{
+												metric: "Profit Margin",
+												value: `${M.profitMargin}%`,
+												trend: "+2.1%"
+											},
+											{
+												metric: "Return on Investment",
+												value: `${M.returnOnInvestment}%`,
+												trend: "+8.5%"
+											}
+										].map((e) => /* @__PURE__ */ w("tr", {
+											className: "hover:bg-accent/50 transition-colors",
+											children: [
+												/* @__PURE__ */ C("td", {
+													className: "px-4 py-3 text-sm font-medium text-foreground",
+													children: e.metric
+												}),
+												/* @__PURE__ */ C("td", {
+													className: "px-4 py-3 text-right text-sm text-foreground",
+													children: e.value
+												}),
+												/* @__PURE__ */ C("td", {
+													className: "px-4 py-3 text-right text-sm font-medium text-green-600 dark:text-green-400",
+													children: e.trend
+												})
+											]
+										}, e.metric))
+									})]
+								})
+							})
+						]
+					}),
+					p === "documents" && /* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+						children: [/* @__PURE__ */ C("h2", {
+							className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+							children: "Investment Documents"
+						}), /* @__PURE__ */ C("div", {
+							className: "space-y-4",
+							children: M.documents.map((e, n) => {
+								let r = E(e.status), a = r.Icon;
+								return /* @__PURE__ */ w("div", {
+									className: "flex flex-col gap-4 rounded-lg bg-muted/50 p-4 sm:flex-row sm:items-center sm:justify-between",
+									children: [/* @__PURE__ */ w("div", {
+										className: "flex items-start gap-3 flex-1 min-w-0 sm:items-center sm:gap-4",
+										children: [/* @__PURE__ */ C(h, { className: "mt-1 h-6 w-6 flex-shrink-0 text-primary sm:mt-0 sm:h-8 sm:w-8" }), /* @__PURE__ */ w("div", {
+											className: "min-w-0 flex-1",
+											children: [
+												/* @__PURE__ */ C("h4", {
+													className: "text-sm font-medium text-foreground sm:text-base",
+													children: e.type
+												}),
+												/* @__PURE__ */ C("p", {
+													className: "truncate text-xs text-muted-foreground sm:text-sm",
+													children: e.name
+												}),
+												/* @__PURE__ */ w("p", {
+													className: "text-xs text-muted-foreground",
+													children: [
+														"Uploaded",
+														" ",
+														i(e.uploadDate, {
+															hour: void 0,
+															minute: void 0
+														})
+													]
+												})
+											]
+										})]
+									}), /* @__PURE__ */ w("div", {
+										className: "flex w-full items-center justify-between gap-3 sm:w-auto sm:justify-end",
+										children: [/* @__PURE__ */ w("span", {
+											className: t("flex items-center gap-1 text-xs sm:text-sm", r.color),
+											children: [/* @__PURE__ */ C(a, { className: "h-3 w-3 sm:h-4 sm:w-4" }), /* @__PURE__ */ C("span", {
+												className: "capitalize",
+												children: r.label
+											})]
+										}), /* @__PURE__ */ w("button", {
+											type: "button",
+											onClick: () => alert(`Downloading ${e.name}`),
+											className: "flex items-center gap-1 rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											children: [/* @__PURE__ */ C(m, { className: "h-3 w-3 sm:h-4 sm:w-4" }), /* @__PURE__ */ C("span", {
+												className: "hidden sm:inline",
+												children: "Download"
+											})]
+										})]
+									})]
+								}, n);
+							})
+						})]
+					}),
+					p === "updates" && /* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4 sm:p-6",
+						children: [/* @__PURE__ */ C("h2", {
+							className: "mb-4 text-lg font-semibold text-foreground sm:mb-6",
+							children: "Recent Updates"
+						}), /* @__PURE__ */ C("div", {
+							className: "space-y-4",
+							children: M.recentUpdates.map((e, t) => /* @__PURE__ */ w("div", {
+								className: "flex gap-3 rounded-lg bg-muted/50 p-4 sm:gap-4",
+								children: [/* @__PURE__ */ C("div", {
+									className: "flex-shrink-0",
+									children: /* @__PURE__ */ C(s, { className: "mt-1 h-4 w-4 text-primary sm:h-5 sm:w-5" })
+								}), /* @__PURE__ */ w("div", {
+									className: "min-w-0 flex-1",
+									children: [/* @__PURE__ */ w("div", {
+										className: "mb-1 flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between",
+										children: [/* @__PURE__ */ C("h4", {
+											className: "text-sm font-medium text-foreground sm:text-base",
+											children: e.type
+										}), /* @__PURE__ */ C("span", {
+											className: "text-xs text-muted-foreground sm:text-sm",
+											children: i(e.date, {
+												hour: void 0,
+												minute: void 0
+											})
+										})]
+									}), /* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground sm:text-sm",
+										children: e.description
+									})]
+								})]
+							}, t))
+						})]
+					})
+				]
+			}),
+			A && /* @__PURE__ */ C("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+				children: /* @__PURE__ */ w("div", {
+					className: "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border bg-card",
+					children: [
+						/* @__PURE__ */ w("div", {
+							className: "border-b border-border p-4 sm:p-6",
+							children: [/* @__PURE__ */ C("button", {
+								type: "button",
+								onClick: () => j(!1),
+								className: "absolute right-3 top-3 rounded-lg p-1 text-muted-foreground hover:bg-accent transition-colors",
+								children: /* @__PURE__ */ C(S, { className: "h-5 w-5" })
+							}), /* @__PURE__ */ C("h2", {
+								className: "text-lg font-semibold text-foreground sm:text-xl",
+								children: "Manage Investment"
+							})]
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "space-y-4 p-4 sm:p-6",
+							children: [
+								/* @__PURE__ */ w("p", {
+									className: "text-sm text-muted-foreground sm:text-base",
+									children: [
+										"Choose an action for your investment in ",
+										M.cartName,
+										":"
+									]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "space-y-3",
+									children: [
+										/* @__PURE__ */ C("button", {
+											type: "button",
+											onClick: () => alert("Partial withdrawal request submitted"),
+											className: "w-full rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											children: "Request Partial Withdrawal"
+										}),
+										/* @__PURE__ */ C("button", {
+											type: "button",
+											onClick: () => alert("Transfer ownership feature coming soon"),
+											className: "w-full rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											children: "Transfer Ownership"
+										}),
+										/* @__PURE__ */ C("button", {
+											type: "button",
+											onClick: () => alert("Exit options will be displayed"),
+											className: "w-full rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											children: "View Exit Options"
+										})
+									]
+								}),
+								/* @__PURE__ */ C("div", {
+									className: "rounded-lg border border-yellow-500/30 bg-yellow-500/10 p-3 sm:p-4",
+									children: /* @__PURE__ */ C("p", {
+										className: "text-xs text-yellow-800 dark:text-yellow-200 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__ */ C("div", {
+							className: "flex justify-end gap-3 border-t border-border p-4 sm:p-6",
+							children: /* @__PURE__ */ C("button", {
+								type: "button",
+								onClick: () => j(!1),
+								className: "rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+								children: "Cancel"
+							})
+						})
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { D as InvestmentDetailsPage };
+
+//# sourceMappingURL=InvestmentDetailsPage.js.map