@burdenoff/microfe-subscriberbot 2026.626.2 → 2026.628.1

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

@@ -1,886 +0,0 @@
-import { useSubscriberBot as e } from "../../context/SubscriberBotContext.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, Briefcase as f, Building2 as p, CheckCircle2 as m, Clock as h, Download as g, FileText as _, IndianRupee as v, Package as y, PieChart as b, Star as x, Target as S, TrendingUp as C, Users as w, X as T } from "lucide-react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { EmphasisPanel as O, NextSteps as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
-//#region src/subscriberbot/pages/investor/InvestmentDetailsPage.tsx
-var j = {
-	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 M(e) {
-	switch (e) {
-		case "verified": return {
-			color: "text-status-success-text",
-			Icon: m,
-			label: "Verified"
-		};
-		case "pending": return {
-			color: "text-status-warning-text",
-			Icon: h,
-			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 N() {
-	let { navigateTo: l } = e(), [m, h] = s("overview"), [N, P] = s(!0), [F, I] = s(!1), [L, R] = s(null);
-	o(() => {
-		let e = setTimeout(() => {
-			R(j), P(!1);
-		}, 600);
-		return () => clearTimeout(e);
-	}, []);
-	let z = [
-		{
-			id: "overview",
-			label: "Overview",
-			Icon: d
-		},
-		{
-			id: "financials",
-			label: "Financials",
-			Icon: v
-		},
-		{
-			id: "documents",
-			label: "Documents",
-			Icon: _
-		},
-		{
-			id: "updates",
-			label: "Updates",
-			Icon: c
-		}
-	];
-	if (N) return /* @__PURE__ */ E(n, {
-		title: "Investment Details",
-		description: "Loading...",
-		children: /* @__PURE__ */ E("div", {
-			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ D("div", {
-				className: "text-center",
-				children: [/* @__PURE__ */ E("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ E("p", {
-					className: "text-sm text-text-secondary",
-					children: "Loading investment details..."
-				})]
-			})
-		})
-	});
-	if (!L) return /* @__PURE__ */ E(n, {
-		title: "Investment Not Found",
-		children: /* @__PURE__ */ E(r, {
-			illustration: "empty-generic",
-			title: "Investment not found",
-			description: "We couldn't find this investment. It may have been removed, or the link may be out of date.",
-			action: /* @__PURE__ */ D("button", {
-				type: "button",
-				onClick: () => l("/investor/portfolio"),
-				className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
-				children: [/* @__PURE__ */ E(u, { className: "h-4 w-4" }), "Back to Portfolio"]
-			})
-		})
-	});
-	let B = L.currentValuation * (L.equityPercentage / 100) - L.investmentAmount, V = B / L.investmentAmount * 100;
-	return /* @__PURE__ */ D(n, {
-		title: L.cartName,
-		description: "Investment Details & Performance",
-		actions: /* @__PURE__ */ D("div", {
-			className: "flex items-center gap-2",
-			children: [
-				/* @__PURE__ */ D("button", {
-					type: "button",
-					onClick: () => l("/investor/portfolio"),
-					className: "flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-					children: [
-						/* @__PURE__ */ E(u, { className: "h-4 w-4" }),
-						/* @__PURE__ */ E("span", {
-							className: "hidden sm:inline",
-							children: "Back to Portfolio"
-						}),
-						/* @__PURE__ */ E("span", {
-							className: "sm:hidden",
-							children: "Back"
-						})
-					]
-				}),
-				/* @__PURE__ */ D("button", {
-					type: "button",
-					onClick: () => alert("Report export initiated"),
-					className: "flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-					children: [
-						/* @__PURE__ */ E(g, { className: "h-4 w-4" }),
-						/* @__PURE__ */ E("span", {
-							className: "hidden sm:inline",
-							children: "Export Report"
-						}),
-						/* @__PURE__ */ E("span", {
-							className: "sm:hidden",
-							children: "Export"
-						})
-					]
-				}),
-				/* @__PURE__ */ D("button", {
-					type: "button",
-					onClick: () => I(!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__ */ E("span", {
-						className: "hidden sm:inline",
-						children: "Manage Investment"
-					}), /* @__PURE__ */ E("span", {
-						className: "sm:hidden",
-						children: "Manage"
-					})]
-				})
-			]
-		}),
-		children: [
-			/* @__PURE__ */ E(A, {
-				icon: /* @__PURE__ */ E(C, { className: "h-4 w-4" }),
-				className: "mb-6",
-				children: "A deep dive into one of your holdings. See exactly how much you put in, your equity stake, current value and returns, then switch tabs for performance history, business updates and documents. Use Manage Investment when you want to top up, withdraw dividends or adjust your position."
-			}),
-			/* @__PURE__ */ E(k, {
-				storageKey: "subscriberbot-investment-details",
-				steps: [
-					{
-						id: "manage-investment",
-						label: "Manage this investment",
-						description: "Top up, withdraw dividends or adjust your position.",
-						icon: /* @__PURE__ */ E(f, { className: "h-4 w-4" }),
-						onClick: () => I(!0)
-					},
-					{
-						id: "back-portfolio",
-						label: "Back to your portfolio",
-						description: "Compare this holding against the rest of your investments.",
-						icon: /* @__PURE__ */ E(b, { className: "h-4 w-4" }),
-						onClick: () => l("/investor/portfolio")
-					},
-					{
-						id: "more-opps",
-						label: "Find more opportunities",
-						description: "Diversify by backing other promising local carts.",
-						icon: /* @__PURE__ */ E(S, { className: "h-4 w-4" }),
-						onClick: () => l("/investor/opportunities")
-					}
-				]
-			}),
-			/* @__PURE__ */ D(O, {
-				className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ D("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center",
-						children: [
-							/* @__PURE__ */ E(v, { className: "mx-auto mb-2 h-6 w-6 text-primary sm:h-8 sm:w-8" }),
-							/* @__PURE__ */ E("div", {
-								className: "text-lg font-bold text-text-primary sm:text-2xl",
-								children: i(L.investmentAmount, { minimumFractionDigits: 0 })
-							}),
-							/* @__PURE__ */ E("div", {
-								className: "text-xs text-text-secondary sm:text-sm",
-								children: "Your Investment"
-							})
-						]
-					}),
-					/* @__PURE__ */ D("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center",
-						children: [
-							/* @__PURE__ */ E(C, { className: "mx-auto mb-2 h-6 w-6 text-status-success-text sm:h-8 sm:w-8" }),
-							/* @__PURE__ */ D("div", {
-								className: "text-lg font-bold text-status-success-text sm:text-2xl",
-								children: [
-									V > 0 ? "+" : "",
-									V.toFixed(1),
-									"%"
-								]
-							}),
-							/* @__PURE__ */ E("div", {
-								className: "text-xs text-text-secondary sm:text-sm",
-								children: "Returns"
-							})
-						]
-					}),
-					/* @__PURE__ */ D("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center",
-						children: [
-							/* @__PURE__ */ E(b, { className: "mx-auto mb-2 h-6 w-6 text-status-info-text sm:h-8 sm:w-8" }),
-							/* @__PURE__ */ D("div", {
-								className: "text-lg font-bold text-text-primary sm:text-2xl",
-								children: [L.equityPercentage, "%"]
-							}),
-							/* @__PURE__ */ E("div", {
-								className: "text-xs text-text-secondary sm:text-sm",
-								children: "Equity Stake"
-							})
-						]
-					}),
-					/* @__PURE__ */ D("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 text-center",
-						children: [
-							/* @__PURE__ */ E(p, { className: "mx-auto mb-2 h-6 w-6 text-accent-purple sm:h-8 sm:w-8" }),
-							/* @__PURE__ */ E("div", {
-								className: "text-lg font-bold text-text-primary sm:text-2xl",
-								children: i(L.currentValuation * (L.equityPercentage / 100), { minimumFractionDigits: 0 })
-							}),
-							/* @__PURE__ */ E("div", {
-								className: "text-xs text-text-secondary sm:text-sm",
-								children: "Current Value"
-							})
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ E("div", {
-				className: "mt-6 flex gap-2 overflow-x-auto pb-2",
-				children: z.map((e) => /* @__PURE__ */ D("button", {
-					type: "button",
-					onClick: () => h(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", m === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-surface text-text-primary hover:bg-bg-sunken"),
-					children: [
-						/* @__PURE__ */ E(e.Icon, { className: "h-4 w-4 flex-shrink-0" }),
-						/* @__PURE__ */ E("span", {
-							className: "hidden sm:inline",
-							children: e.label
-						}),
-						/* @__PURE__ */ E("span", {
-							className: "sm:hidden",
-							children: e.label.split(" ")[0]
-						})
-					]
-				}, e.id))
-			}),
-			/* @__PURE__ */ D("div", {
-				className: "mt-6",
-				children: [
-					m === "overview" && /* @__PURE__ */ D("div", {
-						className: "grid gap-6 lg:grid-cols-3",
-						children: [/* @__PURE__ */ D("div", {
-							className: "space-y-6 lg:col-span-2",
-							children: [/* @__PURE__ */ D("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
-								children: [/* @__PURE__ */ E("h2", {
-									className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-									children: "Business Information"
-								}), /* @__PURE__ */ D("div", {
-									className: "grid gap-4 sm:grid-cols-2 sm:gap-6",
-									children: [
-										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-											className: "text-sm text-text-secondary",
-											children: "Owner"
-										}), /* @__PURE__ */ E("p", {
-											className: "font-medium text-text-primary",
-											children: L.cartOwner
-										})] }),
-										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-											className: "text-sm text-text-secondary",
-											children: "Business Type"
-										}), /* @__PURE__ */ E("p", {
-											className: "font-medium text-text-primary",
-											children: L.businessType
-										})] }),
-										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-											className: "text-sm text-text-secondary",
-											children: "Location"
-										}), /* @__PURE__ */ E("p", {
-											className: "font-medium text-text-primary",
-											children: L.location
-										})] }),
-										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-											className: "text-sm text-text-secondary",
-											children: "Established"
-										}), /* @__PURE__ */ E("p", {
-											className: "font-medium text-text-primary",
-											children: a(L.establishedDate, {
-												hour: void 0,
-												minute: void 0
-											})
-										})] })
-									]
-								})]
-							}), /* @__PURE__ */ D("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
-								children: [
-									/* @__PURE__ */ E("h2", {
-										className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-										children: "Performance Metrics"
-									}),
-									/* @__PURE__ */ D("div", {
-										className: "grid grid-cols-1 gap-4 text-center sm:grid-cols-3 sm:gap-6",
-										children: [
-											/* @__PURE__ */ D("div", { children: [
-												/* @__PURE__ */ E(y, { className: "mx-auto mb-2 h-6 w-6 text-primary sm:h-8 sm:w-8" }),
-												/* @__PURE__ */ E("div", {
-													className: "text-xl font-bold text-text-primary sm:text-2xl",
-													children: L.monthlyOrders
-												}),
-												/* @__PURE__ */ E("div", {
-													className: "text-xs text-text-secondary sm:text-sm",
-													children: "Monthly Orders"
-												})
-											] }),
-											/* @__PURE__ */ D("div", { children: [
-												/* @__PURE__ */ E(v, { className: "mx-auto mb-2 h-6 w-6 text-status-success-text sm:h-8 sm:w-8" }),
-												/* @__PURE__ */ E("div", {
-													className: "text-xl font-bold text-text-primary sm:text-2xl",
-													children: i(L.monthlyRevenue, { minimumFractionDigits: 0 })
-												}),
-												/* @__PURE__ */ E("div", {
-													className: "text-xs text-text-secondary sm:text-sm",
-													children: "Monthly Revenue"
-												})
-											] }),
-											/* @__PURE__ */ D("div", { children: [
-												/* @__PURE__ */ E(w, { className: "mx-auto mb-2 h-6 w-6 text-status-info-text sm:h-8 sm:w-8" }),
-												/* @__PURE__ */ E("div", {
-													className: "text-xl font-bold text-text-primary sm:text-2xl",
-													children: L.activeCustomers
-												}),
-												/* @__PURE__ */ E("div", {
-													className: "text-xs text-text-secondary sm:text-sm",
-													children: "Active Customers"
-												})
-											] })
-										]
-									}),
-									/* @__PURE__ */ D("div", {
-										className: "mt-4 flex flex-col items-start justify-between gap-4 border-t border-border-seam pt-4 sm:mt-6 sm:flex-row sm:items-center sm:pt-6",
-										children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-											className: "text-sm text-text-secondary",
-											children: "Customer Rating"
-										}), /* @__PURE__ */ D("div", {
-											className: "mt-1 flex items-center gap-1",
-											children: [Array.from({ length: 5 }, (e, n) => /* @__PURE__ */ E(x, { className: t("h-4 w-4", n < Math.floor(L.customerRating) ? "fill-status-warning-text text-status-warning-text" : "fill-none text-text-secondary/40") }, n)), /* @__PURE__ */ E("span", {
-												className: "ml-1 text-sm font-medium text-text-primary",
-												children: L.customerRating
-											})]
-										})] }), /* @__PURE__ */ D("div", {
-											className: "text-left sm:text-right",
-											children: [/* @__PURE__ */ E("p", {
-												className: "text-sm text-text-secondary",
-												children: "Avg Order Value"
-											}), /* @__PURE__ */ E("p", {
-												className: "text-lg font-semibold text-text-primary",
-												children: i(L.averageOrderValue, { minimumFractionDigits: 0 })
-											})]
-										})]
-									})
-								]
-							})]
-						}), /* @__PURE__ */ D("div", {
-							className: "space-y-6",
-							children: [/* @__PURE__ */ D("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
-								children: [/* @__PURE__ */ E("h2", {
-									className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-									children: "Investment Summary"
-								}), /* @__PURE__ */ D("div", {
-									className: "space-y-4",
-									children: [
-										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-											className: "text-sm text-text-secondary",
-											children: "Investment Date"
-										}), /* @__PURE__ */ E("p", {
-											className: "font-medium text-text-primary",
-											children: a(L.investmentDate, {
-												hour: void 0,
-												minute: void 0
-											})
-										})] }),
-										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-											className: "text-sm text-text-secondary",
-											children: "Investment Type"
-										}), /* @__PURE__ */ E("p", {
-											className: "font-medium text-text-primary",
-											children: L.investmentType
-										})] }),
-										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-											className: "text-sm text-text-secondary",
-											children: "Initial Valuation"
-										}), /* @__PURE__ */ E("p", {
-											className: "font-medium text-text-primary",
-											children: i(L.valuationAtInvestment, { minimumFractionDigits: 0 })
-										})] }),
-										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-											className: "text-sm text-text-secondary",
-											children: "Current Valuation"
-										}), /* @__PURE__ */ E("p", {
-											className: "text-lg font-medium text-text-primary",
-											children: i(L.currentValuation, { minimumFractionDigits: 0 })
-										})] }),
-										/* @__PURE__ */ E("div", {
-											className: "border-t border-border-seam pt-4",
-											children: /* @__PURE__ */ D("div", {
-												className: "flex items-center justify-between",
-												children: [/* @__PURE__ */ E("span", {
-													className: "text-sm text-text-secondary",
-													children: "Your Returns"
-												}), /* @__PURE__ */ D("span", {
-													className: t("text-lg font-semibold", B > 0 ? "text-status-success-text" : "text-status-error-text"),
-													children: [B > 0 ? "+" : "", i(B, { minimumFractionDigits: 0 })]
-												})]
-											})
-										})
-									]
-								})]
-							}), /* @__PURE__ */ D("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
-								children: [/* @__PURE__ */ E("h2", {
-									className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-									children: "Growth Indicators"
-								}), /* @__PURE__ */ D("div", {
-									className: "space-y-4",
-									children: [
-										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
-											className: "mb-2 flex items-center justify-between",
-											children: [/* @__PURE__ */ E("span", {
-												className: "text-sm text-text-secondary",
-												children: "Revenue Growth"
-											}), /* @__PURE__ */ D("span", {
-												className: "text-sm font-medium text-status-success-text",
-												children: [
-													"+",
-													L.revenueGrowth,
-													"%"
-												]
-											})]
-										}), /* @__PURE__ */ E("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ E("div", {
-												className: "h-full rounded-full bg-status-success-text",
-												style: { width: `${Math.min(L.revenueGrowth, 100)}%` }
-											})
-										})] }),
-										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
-											className: "mb-2 flex items-center justify-between",
-											children: [/* @__PURE__ */ E("span", {
-												className: "text-sm text-text-secondary",
-												children: "Profit Margin"
-											}), /* @__PURE__ */ D("span", {
-												className: "text-sm font-medium text-text-primary",
-												children: [L.profitMargin, "%"]
-											})]
-										}), /* @__PURE__ */ E("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ E("div", {
-												className: "h-full rounded-full bg-status-info-text",
-												style: { width: `${L.profitMargin}%` }
-											})
-										})] }),
-										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
-											className: "mb-2 flex items-center justify-between",
-											children: [/* @__PURE__ */ E("span", {
-												className: "text-sm text-text-secondary",
-												children: "ROI"
-											}), /* @__PURE__ */ D("span", {
-												className: "text-sm font-medium text-status-success-text",
-												children: [
-													"+",
-													L.returnOnInvestment,
-													"%"
-												]
-											})]
-										}), /* @__PURE__ */ E("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ E("div", {
-												className: "h-full rounded-full bg-status-success-text",
-												style: { width: `${Math.min(L.returnOnInvestment, 100)}%` }
-											})
-										})] }),
-										/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-											className: "text-sm text-text-secondary",
-											children: "Expected Payback"
-										}), /* @__PURE__ */ E("p", {
-											className: "font-medium text-text-primary",
-											children: L.paybackPeriod
-										})] })
-									]
-								})]
-							})]
-						})]
-					}),
-					m === "financials" && /* @__PURE__ */ D("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
-						children: [
-							/* @__PURE__ */ E("h2", {
-								className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-								children: "Financial Performance"
-							}),
-							/* @__PURE__ */ D("div", {
-								className: "mb-6 grid grid-cols-2 gap-4 lg:grid-cols-4",
-								children: [
-									/* @__PURE__ */ D("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ E("p", {
-											className: "text-xs text-text-secondary",
-											children: "Monthly Revenue"
-										}), /* @__PURE__ */ E("p", {
-											className: "mt-1 text-lg font-bold text-text-primary",
-											children: i(L.monthlyRevenue, { minimumFractionDigits: 0 })
-										})]
-									}),
-									/* @__PURE__ */ D("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ E("p", {
-											className: "text-xs text-text-secondary",
-											children: "Revenue Growth"
-										}), /* @__PURE__ */ D("p", {
-											className: "mt-1 text-lg font-bold text-status-success-text",
-											children: [
-												"+",
-												L.revenueGrowth,
-												"%"
-											]
-										})]
-									}),
-									/* @__PURE__ */ D("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ E("p", {
-											className: "text-xs text-text-secondary",
-											children: "Profit Margin"
-										}), /* @__PURE__ */ D("p", {
-											className: "mt-1 text-lg font-bold text-text-primary",
-											children: [L.profitMargin, "%"]
-										})]
-									}),
-									/* @__PURE__ */ D("div", {
-										className: "rounded-lg bg-bg-sunken/50 p-3",
-										children: [/* @__PURE__ */ E("p", {
-											className: "text-xs text-text-secondary",
-											children: "Avg Order Value"
-										}), /* @__PURE__ */ E("p", {
-											className: "mt-1 text-lg font-bold text-text-primary",
-											children: i(L.averageOrderValue, { minimumFractionDigits: 0 })
-										})]
-									})
-								]
-							}),
-							/* @__PURE__ */ E("div", {
-								className: "overflow-hidden rounded-lg border border-border-seam",
-								children: /* @__PURE__ */ D("table", {
-									className: "w-full",
-									children: [/* @__PURE__ */ E("thead", { children: /* @__PURE__ */ D("tr", {
-										className: "bg-bg-sunken/50",
-										children: [
-											/* @__PURE__ */ E("th", {
-												className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-text-secondary",
-												children: "Metric"
-											}),
-											/* @__PURE__ */ E("th", {
-												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-text-secondary",
-												children: "Value"
-											}),
-											/* @__PURE__ */ E("th", {
-												className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-text-secondary",
-												children: "Trend"
-											})
-										]
-									}) }), /* @__PURE__ */ E("tbody", {
-										className: "divide-y divide-border",
-										children: [
-											{
-												metric: "Monthly Revenue",
-												value: i(L.monthlyRevenue, { minimumFractionDigits: 0 }),
-												trend: "+18.5%"
-											},
-											{
-												metric: "Monthly Orders",
-												value: String(L.monthlyOrders),
-												trend: "+12%"
-											},
-											{
-												metric: "Average Order Value",
-												value: i(L.averageOrderValue, { minimumFractionDigits: 0 }),
-												trend: "+5.8%"
-											},
-											{
-												metric: "Active Customers",
-												value: String(L.activeCustomers),
-												trend: "+22%"
-											},
-											{
-												metric: "Profit Margin",
-												value: `${L.profitMargin}%`,
-												trend: "+2.1%"
-											},
-											{
-												metric: "Return on Investment",
-												value: `${L.returnOnInvestment}%`,
-												trend: "+8.5%"
-											}
-										].map((e) => /* @__PURE__ */ D("tr", {
-											className: "hover:bg-accent/50 transition-colors",
-											children: [
-												/* @__PURE__ */ E("td", {
-													className: "px-4 py-3 text-sm font-medium text-text-primary",
-													children: e.metric
-												}),
-												/* @__PURE__ */ E("td", {
-													className: "px-4 py-3 text-right text-sm text-text-primary",
-													children: e.value
-												}),
-												/* @__PURE__ */ E("td", {
-													className: "px-4 py-3 text-right text-sm font-medium text-status-success-text",
-													children: e.trend
-												})
-											]
-										}, e.metric))
-									})]
-								})
-							})
-						]
-					}),
-					m === "documents" && /* @__PURE__ */ D("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
-						children: [/* @__PURE__ */ E("h2", {
-							className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-							children: "Investment Documents"
-						}), /* @__PURE__ */ E("div", {
-							className: "space-y-4",
-							children: L.documents.map((e, n) => {
-								let r = M(e.status), i = r.Icon;
-								return /* @__PURE__ */ D("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__ */ D("div", {
-										className: "flex items-start gap-3 flex-1 min-w-0 sm:items-center sm:gap-4",
-										children: [/* @__PURE__ */ E(_, { className: "mt-1 h-6 w-6 flex-shrink-0 text-primary sm:mt-0 sm:h-8 sm:w-8" }), /* @__PURE__ */ D("div", {
-											className: "min-w-0 flex-1",
-											children: [
-												/* @__PURE__ */ E("h4", {
-													className: "text-sm font-medium text-text-primary sm:text-base",
-													children: e.type
-												}),
-												/* @__PURE__ */ E("p", {
-													className: "truncate text-xs text-text-secondary sm:text-sm",
-													children: e.name
-												}),
-												/* @__PURE__ */ D("p", {
-													className: "text-xs text-text-secondary",
-													children: [
-														"Uploaded",
-														" ",
-														a(e.uploadDate, {
-															hour: void 0,
-															minute: void 0
-														})
-													]
-												})
-											]
-										})]
-									}), /* @__PURE__ */ D("div", {
-										className: "flex w-full items-center justify-between gap-3 sm:w-auto sm:justify-end",
-										children: [/* @__PURE__ */ D("span", {
-											className: t("flex items-center gap-1 text-xs sm:text-sm", r.color),
-											children: [/* @__PURE__ */ E(i, { className: "h-3 w-3 sm:h-4 sm:w-4" }), /* @__PURE__ */ E("span", {
-												className: "capitalize",
-												children: r.label
-											})]
-										}), /* @__PURE__ */ D("button", {
-											type: "button",
-											onClick: () => alert(`Downloading ${e.name}`),
-											className: "flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-											children: [/* @__PURE__ */ E(g, { className: "h-3 w-3 sm:h-4 sm:w-4" }), /* @__PURE__ */ E("span", {
-												className: "hidden sm:inline",
-												children: "Download"
-											})]
-										})]
-									})]
-								}, n);
-							})
-						})]
-					}),
-					m === "updates" && /* @__PURE__ */ D("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
-						children: [/* @__PURE__ */ E("h2", {
-							className: "mb-4 text-lg font-semibold text-text-primary sm:mb-6",
-							children: "Recent Updates"
-						}), /* @__PURE__ */ E("div", {
-							className: "space-y-4",
-							children: L.recentUpdates.map((e, t) => /* @__PURE__ */ D("div", {
-								className: "flex gap-3 rounded-lg bg-bg-sunken/50 p-4 sm:gap-4",
-								children: [/* @__PURE__ */ E("div", {
-									className: "flex-shrink-0",
-									children: /* @__PURE__ */ E(c, { className: "mt-1 h-4 w-4 text-primary sm:h-5 sm:w-5" })
-								}), /* @__PURE__ */ D("div", {
-									className: "min-w-0 flex-1",
-									children: [/* @__PURE__ */ D("div", {
-										className: "mb-1 flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between",
-										children: [/* @__PURE__ */ E("h4", {
-											className: "text-sm font-medium text-text-primary sm:text-base",
-											children: e.type
-										}), /* @__PURE__ */ E("span", {
-											className: "text-xs text-text-secondary sm:text-sm",
-											children: a(e.date, {
-												hour: void 0,
-												minute: void 0
-											})
-										})]
-									}), /* @__PURE__ */ E("p", {
-										className: "text-xs text-text-secondary sm:text-sm",
-										children: e.description
-									})]
-								})]
-							}, t))
-						})]
-					})
-				]
-			}),
-			F && /* @__PURE__ */ E("div", {
-				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/50 p-4",
-				children: /* @__PURE__ */ D("div", {
-					className: "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border-seam bg-bg-surface",
-					children: [
-						/* @__PURE__ */ D("div", {
-							className: "border-b border-border-seam p-4 sm:p-6",
-							children: [/* @__PURE__ */ E("button", {
-								type: "button",
-								onClick: () => I(!1),
-								className: "absolute right-3 top-3 rounded-lg p-1 text-text-secondary hover:bg-accent transition-colors",
-								children: /* @__PURE__ */ E(T, { className: "h-5 w-5" })
-							}), /* @__PURE__ */ E("h2", {
-								className: "text-lg font-semibold text-text-primary sm:text-xl",
-								children: "Manage Investment"
-							})]
-						}),
-						/* @__PURE__ */ D("div", {
-							className: "space-y-4 p-4 sm:p-6",
-							children: [
-								/* @__PURE__ */ D("p", {
-									className: "text-sm text-text-secondary sm:text-base",
-									children: [
-										"Choose an action for your investment in ",
-										L.cartName,
-										":"
-									]
-								}),
-								/* @__PURE__ */ D("div", {
-									className: "space-y-3",
-									children: [
-										/* @__PURE__ */ E("button", {
-											type: "button",
-											onClick: () => alert("Partial withdrawal request submitted"),
-											className: "w-full rounded-lg border border-border-seam px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-											children: "Request Partial Withdrawal"
-										}),
-										/* @__PURE__ */ E("button", {
-											type: "button",
-											onClick: () => alert("Transfer ownership feature coming soon"),
-											className: "w-full rounded-lg border border-border-seam px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-											children: "Transfer Ownership"
-										}),
-										/* @__PURE__ */ E("button", {
-											type: "button",
-											onClick: () => alert("Exit options will be displayed"),
-											className: "w-full rounded-lg border border-border-seam px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-											children: "View Exit Options"
-										})
-									]
-								}),
-								/* @__PURE__ */ E("div", {
-									className: "rounded-lg border border-status-warning-border/30 bg-status-warning-bg/10 p-3 sm:p-4",
-									children: /* @__PURE__ */ E("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__ */ E("div", {
-							className: "flex justify-end gap-3 border-t border-border-seam p-4 sm:p-6",
-							children: /* @__PURE__ */ E("button", {
-								type: "button",
-								onClick: () => I(!1),
-								className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-								children: "Cancel"
-							})
-						})
-					]
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { N as InvestmentDetailsPage };
-
-//# sourceMappingURL=InvestmentDetailsPage.js.map