@burdenoff/microfe-atheletebridge 2026.625.2 → 2026.628.1

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

@@ -1,881 +0,0 @@
-import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.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";
-import { EmphasisPanel as T, NextSteps as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
-//#region src/atheletebridge/pages/investor/InvestmentDetailsPage.tsx
-var O = {
-	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 k(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-text-secondary",
-			Icon: c,
-			label: e
-		};
-	}
-}
-function A() {
-	let { navigateTo: f } = e(), [p, A] = o("overview"), [j, M] = o(!0), [N, P] = o(!1), [F, I] = o(null);
-	a(() => {
-		let e = setTimeout(() => {
-			I(O), M(!1);
-		}, 600);
-		return () => clearTimeout(e);
-	}, []);
-	let L = [
-		{
-			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 (j) 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-text-secondary",
-					children: "Loading investment details..."
-				})]
-			})
-		})
-	});
-	if (!F) 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-text-primary",
-				children: "Investment not found"
-			})]
-		})
-	});
-	let R = F.currentValuation * (F.equityPercentage / 100) - F.investmentAmount, z = R / F.investmentAmount * 100;
-	return /* @__PURE__ */ w(n, {
-		title: F.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-subtle px-3 py-2 text-sm font-medium text-text-primary 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-subtle px-3 py-2 text-sm font-medium text-text-primary 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: () => 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__ */ C("span", {
-						className: "hidden sm:inline",
-						children: "Manage Investment"
-					}), /* @__PURE__ */ C("span", {
-						className: "sm:hidden",
-						children: "Manage"
-					})]
-				})
-			]
-		}),
-		children: [
-			/* @__PURE__ */ C(D, {
-				className: "mb-6",
-				children: "A deep dive into one of your investments. Track your stake, returns and equity, follow the business's performance over time, export a report, or manage your position. Everything about this holding lives on this page."
-			}),
-			/* @__PURE__ */ C(E, {
-				className: "mb-6",
-				storageKey: "atheletebridge-investment-details",
-				steps: [
-					{
-						id: "manage",
-						label: "Manage this investment",
-						description: "Top up, withdraw or adjust your position.",
-						icon: /* @__PURE__ */ C(v, { className: "h-4 w-4" }),
-						onClick: () => P(!0)
-					},
-					{
-						id: "export",
-						label: "Export a performance report",
-						description: "Download the numbers for your records.",
-						icon: /* @__PURE__ */ C(m, { className: "h-4 w-4" }),
-						onClick: () => alert("Report export initiated")
-					},
-					{
-						id: "portfolio",
-						label: "Back to your portfolio",
-						description: "Compare this holding against the rest of your investments.",
-						icon: /* @__PURE__ */ C(l, { className: "h-4 w-4" }),
-						onClick: () => f("/investor/portfolio")
-					}
-				]
-			}),
-			/* @__PURE__ */ C(T, { 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-subtle bg-bg-surface 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-text-primary sm:text-2xl",
-								children: r(F.investmentAmount, { minimumFractionDigits: 0 })
-							}),
-							/* @__PURE__ */ C("div", {
-								className: "text-xs text-text-secondary sm:text-sm",
-								children: "Your Investment"
-							})
-						]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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: [
-									z > 0 ? "+" : "",
-									z.toFixed(1),
-									"%"
-								]
-							}),
-							/* @__PURE__ */ C("div", {
-								className: "text-xs text-text-secondary sm:text-sm",
-								children: "Returns"
-							})
-						]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-primary sm:text-2xl",
-								children: [F.equityPercentage, "%"]
-							}),
-							/* @__PURE__ */ C("div", {
-								className: "text-xs text-text-secondary sm:text-sm",
-								children: "Equity Stake"
-							})
-						]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface 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-text-primary sm:text-2xl",
-								children: r(F.currentValuation * (F.equityPercentage / 100), { minimumFractionDigits: 0 })
-							}),
-							/* @__PURE__ */ C("div", {
-								className: "text-xs text-text-secondary sm:text-sm",
-								children: "Current Value"
-							})
-						]
-					})
-				]
-			}) }),
-			/* @__PURE__ */ C("div", {
-				className: "mt-6 flex gap-2 overflow-x-auto pb-2",
-				children: L.map((e) => /* @__PURE__ */ w("button", {
-					type: "button",
-					onClick: () => A(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__ */ 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-subtle bg-bg-surface p-4 sm:p-6",
-								children: [/* @__PURE__ */ C("h2", {
-									className: "mb-4 text-lg font-semibold text-text-primary 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-text-secondary",
-											children: "Owner"
-										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-text-primary",
-											children: F.cartOwner
-										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-text-secondary",
-											children: "Business Type"
-										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-text-primary",
-											children: F.businessType
-										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-text-secondary",
-											children: "Location"
-										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-text-primary",
-											children: F.location
-										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-text-secondary",
-											children: "Established"
-										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-text-primary",
-											children: i(F.establishedDate, {
-												hour: void 0,
-												minute: void 0
-											})
-										})] })
-									]
-								})]
-							}), /* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-								children: [
-									/* @__PURE__ */ C("h2", {
-										className: "mb-4 text-lg font-semibold text-text-primary 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-text-primary sm:text-2xl",
-													children: F.monthlyOrders
-												}),
-												/* @__PURE__ */ C("div", {
-													className: "text-xs text-text-secondary 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-text-primary sm:text-2xl",
-													children: r(F.monthlyRevenue, { minimumFractionDigits: 0 })
-												}),
-												/* @__PURE__ */ C("div", {
-													className: "text-xs text-text-secondary 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-text-primary sm:text-2xl",
-													children: F.activeCustomers
-												}),
-												/* @__PURE__ */ C("div", {
-													className: "text-xs text-text-secondary 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-subtle 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-text-secondary",
-											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(F.customerRating) ? "fill-yellow-400 text-yellow-400" : "fill-none text-text-secondary/40") }, n)), /* @__PURE__ */ C("span", {
-												className: "ml-1 text-sm font-medium text-text-primary",
-												children: F.customerRating
-											})]
-										})] }), /* @__PURE__ */ w("div", {
-											className: "text-left sm:text-right",
-											children: [/* @__PURE__ */ C("p", {
-												className: "text-sm text-text-secondary",
-												children: "Avg Order Value"
-											}), /* @__PURE__ */ C("p", {
-												className: "text-lg font-semibold text-text-primary",
-												children: r(F.averageOrderValue, { minimumFractionDigits: 0 })
-											})]
-										})]
-									})
-								]
-							})]
-						}), /* @__PURE__ */ w("div", {
-							className: "space-y-6",
-							children: [/* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-								children: [/* @__PURE__ */ C("h2", {
-									className: "mb-4 text-lg font-semibold text-text-primary 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-text-secondary",
-											children: "Investment Date"
-										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-text-primary",
-											children: i(F.investmentDate, {
-												hour: void 0,
-												minute: void 0
-											})
-										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-text-secondary",
-											children: "Investment Type"
-										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-text-primary",
-											children: F.investmentType
-										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-text-secondary",
-											children: "Initial Valuation"
-										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-text-primary",
-											children: r(F.valuationAtInvestment, { minimumFractionDigits: 0 })
-										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-text-secondary",
-											children: "Current Valuation"
-										}), /* @__PURE__ */ C("p", {
-											className: "text-lg font-medium text-text-primary",
-											children: r(F.currentValuation, { minimumFractionDigits: 0 })
-										})] }),
-										/* @__PURE__ */ C("div", {
-											className: "border-t border-border-subtle pt-4",
-											children: /* @__PURE__ */ w("div", {
-												className: "flex items-center justify-between",
-												children: [/* @__PURE__ */ C("span", {
-													className: "text-sm text-text-secondary",
-													children: "Your Returns"
-												}), /* @__PURE__ */ w("span", {
-													className: t("text-lg font-semibold", R > 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
-													children: [R > 0 ? "+" : "", r(R, { minimumFractionDigits: 0 })]
-												})]
-											})
-										})
-									]
-								})]
-							}), /* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-								children: [/* @__PURE__ */ C("h2", {
-									className: "mb-4 text-lg font-semibold text-text-primary 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-text-secondary",
-												children: "Revenue Growth"
-											}), /* @__PURE__ */ w("span", {
-												className: "text-sm font-medium text-green-600 dark:text-green-400",
-												children: [
-													"+",
-													F.revenueGrowth,
-													"%"
-												]
-											})]
-										}), /* @__PURE__ */ C("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ C("div", {
-												className: "h-full rounded-full bg-green-600",
-												style: { width: `${Math.min(F.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-text-secondary",
-												children: "Profit Margin"
-											}), /* @__PURE__ */ w("span", {
-												className: "text-sm font-medium text-text-primary",
-												children: [F.profitMargin, "%"]
-											})]
-										}), /* @__PURE__ */ C("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ C("div", {
-												className: "h-full rounded-full bg-blue-600",
-												style: { width: `${F.profitMargin}%` }
-											})
-										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
-											className: "mb-2 flex items-center justify-between",
-											children: [/* @__PURE__ */ C("span", {
-												className: "text-sm text-text-secondary",
-												children: "ROI"
-											}), /* @__PURE__ */ w("span", {
-												className: "text-sm font-medium text-green-600 dark:text-green-400",
-												children: [
-													"+",
-													F.returnOnInvestment,
-													"%"
-												]
-											})]
-										}), /* @__PURE__ */ C("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ C("div", {
-												className: "h-full rounded-full bg-green-500",
-												style: { width: `${Math.min(F.returnOnInvestment, 100)}%` }
-											})
-										})] }),
-										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-sm text-text-secondary",
-											children: "Expected Payback"
-										}), /* @__PURE__ */ C("p", {
-											className: "font-medium text-text-primary",
-											children: F.paybackPeriod
-										})] })
-									]
-								})]
-							})]
-						})]
-					}),
-					p === "financials" && /* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-						children: [
-							/* @__PURE__ */ C("h2", {
-								className: "mb-4 text-lg font-semibold text-text-primary 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-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											children: "Monthly Revenue"
-										}), /* @__PURE__ */ C("p", {
-											className: "mt-1 text-lg font-bold text-text-primary",
-											children: r(F.monthlyRevenue, { minimumFractionDigits: 0 })
-										})]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											children: "Revenue Growth"
-										}), /* @__PURE__ */ w("p", {
-											className: "mt-1 text-lg font-bold text-green-600 dark:text-green-400",
-											children: [
-												"+",
-												F.revenueGrowth,
-												"%"
-											]
-										})]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											children: "Profit Margin"
-										}), /* @__PURE__ */ w("p", {
-											className: "mt-1 text-lg font-bold text-text-primary",
-											children: [F.profitMargin, "%"]
-										})]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											children: "Avg Order Value"
-										}), /* @__PURE__ */ C("p", {
-											className: "mt-1 text-lg font-bold text-text-primary",
-											children: r(F.averageOrderValue, { minimumFractionDigits: 0 })
-										})]
-									})
-								]
-							}),
-							/* @__PURE__ */ C("div", {
-								className: "overflow-hidden rounded-lg border border-border-subtle",
-								children: /* @__PURE__ */ w("table", {
-									className: "w-full",
-									children: [/* @__PURE__ */ C("thead", { children: /* @__PURE__ */ w("tr", {
-										className: "bg-bg-sunken/50",
-										children: [
-											/* @__PURE__ */ C("th", {
-												className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary",
-												children: "Metric"
-											}),
-											/* @__PURE__ */ C("th", {
-												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-text-secondary",
-												children: "Value"
-											}),
-											/* @__PURE__ */ C("th", {
-												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-text-secondary",
-												children: "Trend"
-											})
-										]
-									}) }), /* @__PURE__ */ C("tbody", {
-										className: "divide-y divide-border",
-										children: [
-											{
-												metric: "Monthly Revenue",
-												value: r(F.monthlyRevenue, { minimumFractionDigits: 0 }),
-												trend: "+18.5%"
-											},
-											{
-												metric: "Monthly Orders",
-												value: String(F.monthlyOrders),
-												trend: "+12%"
-											},
-											{
-												metric: "Average Order Value",
-												value: r(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__ */ w("tr", {
-											className: "hover:bg-accent/50 transition-colors",
-											children: [
-												/* @__PURE__ */ C("td", {
-													className: "px-4 py-3 text-sm font-medium text-text-primary",
-													children: e.metric
-												}),
-												/* @__PURE__ */ C("td", {
-													className: "px-4 py-3 text-right text-sm text-text-primary",
-													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-subtle bg-bg-surface p-4 sm:p-6",
-						children: [/* @__PURE__ */ C("h2", {
-							className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-							children: "Investment Documents"
-						}), /* @__PURE__ */ C("div", {
-							className: "space-y-4",
-							children: F.documents.map((e, n) => {
-								let r = k(e.status), a = r.Icon;
-								return /* @__PURE__ */ w("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__ */ 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-text-primary sm:text-base",
-													children: e.type
-												}),
-												/* @__PURE__ */ C("p", {
-													className: "truncate text-xs text-text-secondary sm:text-sm",
-													children: e.name
-												}),
-												/* @__PURE__ */ w("p", {
-													className: "text-xs text-text-secondary",
-													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-subtle px-3 py-1.5 text-sm font-medium text-text-primary 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-subtle bg-bg-surface p-4 sm:p-6",
-						children: [/* @__PURE__ */ C("h2", {
-							className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-							children: "Recent Updates"
-						}), /* @__PURE__ */ C("div", {
-							className: "space-y-4",
-							children: F.recentUpdates.map((e, t) => /* @__PURE__ */ w("div", {
-								className: "flex gap-3 rounded-lg bg-bg-sunken/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-text-primary sm:text-base",
-											children: e.type
-										}), /* @__PURE__ */ C("span", {
-											className: "text-xs text-text-secondary sm:text-sm",
-											children: i(e.date, {
-												hour: void 0,
-												minute: void 0
-											})
-										})]
-									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary sm:text-sm",
-										children: e.description
-									})]
-								})]
-							}, t))
-						})]
-					})
-				]
-			}),
-			N && /* @__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-subtle bg-bg-surface",
-					children: [
-						/* @__PURE__ */ w("div", {
-							className: "border-b border-border-subtle p-4 sm:p-6",
-							children: [/* @__PURE__ */ C("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__ */ C(S, { className: "h-5 w-5" })
-							}), /* @__PURE__ */ C("h2", {
-								className: "text-lg font-semibold text-text-primary 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-text-secondary sm:text-base",
-									children: [
-										"Choose an action for your investment in ",
-										F.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-subtle px-4 py-2.5 text-sm font-medium text-text-primary 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-subtle px-4 py-2.5 text-sm font-medium text-text-primary 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-subtle px-4 py-2.5 text-sm font-medium text-text-primary 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-subtle p-4 sm:p-6",
-							children: /* @__PURE__ */ C("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 { A as InvestmentDetailsPage };
-
-//# sourceMappingURL=InvestmentDetailsPage.js.map