@burdenoff/microfe-adaptercloud 2026.625.1 → 2026.625.2

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

@@ -5,8 +5,9 @@ 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 } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/investor/InvestmentDetailsPage.tsx
-var T = {
+var E = {
 	id: "INV-001",
 	cartName: "Dosa Express - Koramangala",
 	cartOwner: "Suresh Rao",
@@ -77,7 +78,7 @@ var T = {
 		}
 	]
 };
-function E(e) {
+function D(e) {
 	switch (e) {
 		case "verified": return {
 			color: "text-status-success-text",
@@ -101,15 +102,15 @@ function E(e) {
 		};
 	}
 }
-function D() {
-	let { navigateTo: f } = e(), [p, D] = o("overview"), [O, k] = o(!0), [A, j] = o(!1), [M, N] = o(null);
+function O() {
+	let { navigateTo: f } = e(), [p, O] = o("overview"), [k, A] = o(!0), [j, M] = o(!1), [N, P] = o(null);
 	a(() => {
 		let e = setTimeout(() => {
-			N(T), k(!1);
+			P(E), A(!1);
 		}, 600);
 		return () => clearTimeout(e);
 	}, []);
-	let P = [
+	let F = [
 		{
 			id: "overview",
 			label: "Overview",
@@ -131,7 +132,7 @@ function D() {
 			Icon: s
 		}
 	];
-	if (O) return /* @__PURE__ */ C(n, {
+	if (k) return /* @__PURE__ */ C(n, {
 		title: "Investment Details",
 		description: "Loading...",
 		children: /* @__PURE__ */ C("div", {
@@ -145,7 +146,7 @@ function D() {
 			})
 		})
 	});
-	if (!M) return /* @__PURE__ */ C(n, {
+	if (!N) return /* @__PURE__ */ C(n, {
 		title: "Investment Not Found",
 		children: /* @__PURE__ */ w("div", {
 			className: "flex flex-col items-center justify-center py-12",
@@ -155,10 +156,11 @@ function D() {
 			})]
 		})
 	});
-	let F = M.currentValuation * (M.equityPercentage / 100) - M.investmentAmount, I = F / M.investmentAmount * 100;
+	let I = N.currentValuation * (N.equityPercentage / 100) - N.investmentAmount, L = I / N.investmentAmount * 100;
 	return /* @__PURE__ */ w(n, {
-		title: M.cartName,
+		title: N.cartName,
 		description: "Investment Details & Performance",
+		purpose: "A full picture of this single investment — how much you put in, what it's returned so far, the cart's performance, and your payout history. Use it to decide whether to top up, hold, or exit.",
 		actions: /* @__PURE__ */ w("div", {
 			className: "flex items-center gap-2",
 			children: [
@@ -196,7 +198,7 @@ function D() {
 				}),
 				/* @__PURE__ */ w("button", {
 					type: "button",
-					onClick: () => j(!0),
+					onClick: () => M(!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",
@@ -209,7 +211,7 @@ function D() {
 			]
 		}),
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ C(T, { children: /* @__PURE__ */ w("div", {
 				className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
 				children: [
 					/* @__PURE__ */ w("div", {
@@ -218,7 +220,7 @@ function D() {
 							/* @__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(M.investmentAmount, { minimumFractionDigits: 0 })
+								children: r(N.investmentAmount, { minimumFractionDigits: 0 })
 							}),
 							/* @__PURE__ */ C("div", {
 								className: "text-xs text-text-secondary sm:text-sm",
@@ -233,8 +235,8 @@ function D() {
 							/* @__PURE__ */ w("div", {
 								className: "text-lg font-bold text-status-success-text sm:text-2xl",
 								children: [
-									I > 0 ? "+" : "",
-									I.toFixed(1),
+									L > 0 ? "+" : "",
+									L.toFixed(1),
 									"%"
 								]
 							}),
@@ -250,7 +252,7 @@ function D() {
 							/* @__PURE__ */ C(v, { className: "mx-auto mb-2 h-6 w-6 text-accent-blue sm:h-8 sm:w-8" }),
 							/* @__PURE__ */ w("div", {
 								className: "text-lg font-bold text-text-primary sm:text-2xl",
-								children: [M.equityPercentage, "%"]
+								children: [N.equityPercentage, "%"]
 							}),
 							/* @__PURE__ */ C("div", {
 								className: "text-xs text-text-secondary sm:text-sm",
@@ -264,7 +266,7 @@ function D() {
 							/* @__PURE__ */ C(d, { className: "mx-auto mb-2 h-6 w-6 text-accent-purple sm:h-8 sm:w-8" }),
 							/* @__PURE__ */ C("div", {
 								className: "text-lg font-bold text-text-primary sm:text-2xl",
-								children: r(M.currentValuation * (M.equityPercentage / 100), { minimumFractionDigits: 0 })
+								children: r(N.currentValuation * (N.equityPercentage / 100), { minimumFractionDigits: 0 })
 							}),
 							/* @__PURE__ */ C("div", {
 								className: "text-xs text-text-secondary sm:text-sm",
@@ -273,12 +275,12 @@ function D() {
 						]
 					})
 				]
-			}),
+			}) }),
 			/* @__PURE__ */ C("div", {
 				className: "mt-6 flex gap-2 overflow-x-auto pb-2",
-				children: P.map((e) => /* @__PURE__ */ w("button", {
+				children: F.map((e) => /* @__PURE__ */ w("button", {
 					type: "button",
-					onClick: () => D(e.id),
+					onClick: () => O(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" }),
@@ -313,28 +315,28 @@ function D() {
 											children: "Owner"
 										}), /* @__PURE__ */ C("p", {
 											className: "font-medium text-text-primary",
-											children: M.cartOwner
+											children: N.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: M.businessType
+											children: N.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: M.location
+											children: N.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(M.establishedDate, {
+											children: i(N.establishedDate, {
 												hour: void 0,
 												minute: void 0
 											})
@@ -355,7 +357,7 @@ function D() {
 												/* @__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: M.monthlyOrders
+													children: N.monthlyOrders
 												}),
 												/* @__PURE__ */ C("div", {
 													className: "text-xs text-text-secondary sm:text-sm",
@@ -366,7 +368,7 @@ function D() {
 												/* @__PURE__ */ C(g, { className: "mx-auto mb-2 h-6 w-6 text-status-success-text sm:h-8 sm:w-8" }),
 												/* @__PURE__ */ C("div", {
 													className: "text-xl font-bold text-text-primary sm:text-2xl",
-													children: r(M.monthlyRevenue, { minimumFractionDigits: 0 })
+													children: r(N.monthlyRevenue, { minimumFractionDigits: 0 })
 												}),
 												/* @__PURE__ */ C("div", {
 													className: "text-xs text-text-secondary sm:text-sm",
@@ -377,7 +379,7 @@ function D() {
 												/* @__PURE__ */ C(x, { className: "mx-auto mb-2 h-6 w-6 text-accent-blue sm:h-8 sm:w-8" }),
 												/* @__PURE__ */ C("div", {
 													className: "text-xl font-bold text-text-primary sm:text-2xl",
-													children: M.activeCustomers
+													children: N.activeCustomers
 												}),
 												/* @__PURE__ */ C("div", {
 													className: "text-xs text-text-secondary sm:text-sm",
@@ -393,9 +395,9 @@ function D() {
 											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-status-warning-text text-status-warning-text" : "fill-none text-text-secondary/40") }, n)), /* @__PURE__ */ C("span", {
+											children: [Array.from({ length: 5 }, (e, n) => /* @__PURE__ */ C(y, { className: t("h-4 w-4", n < Math.floor(N.customerRating) ? "fill-status-warning-text text-status-warning-text" : "fill-none text-text-secondary/40") }, n)), /* @__PURE__ */ C("span", {
 												className: "ml-1 text-sm font-medium text-text-primary",
-												children: M.customerRating
+												children: N.customerRating
 											})]
 										})] }), /* @__PURE__ */ w("div", {
 											className: "text-left sm:text-right",
@@ -404,7 +406,7 @@ function D() {
 												children: "Avg Order Value"
 											}), /* @__PURE__ */ C("p", {
 												className: "text-lg font-semibold text-text-primary",
-												children: r(M.averageOrderValue, { minimumFractionDigits: 0 })
+												children: r(N.averageOrderValue, { minimumFractionDigits: 0 })
 											})]
 										})]
 									})
@@ -425,7 +427,7 @@ function D() {
 											children: "Investment Date"
 										}), /* @__PURE__ */ C("p", {
 											className: "font-medium text-text-primary",
-											children: i(M.investmentDate, {
+											children: i(N.investmentDate, {
 												hour: void 0,
 												minute: void 0
 											})
@@ -435,21 +437,21 @@ function D() {
 											children: "Investment Type"
 										}), /* @__PURE__ */ C("p", {
 											className: "font-medium text-text-primary",
-											children: M.investmentType
+											children: N.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(M.valuationAtInvestment, { minimumFractionDigits: 0 })
+											children: r(N.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(M.currentValuation, { minimumFractionDigits: 0 })
+											children: r(N.currentValuation, { minimumFractionDigits: 0 })
 										})] }),
 										/* @__PURE__ */ C("div", {
 											className: "border-t border-border-subtle pt-4",
@@ -459,8 +461,8 @@ function D() {
 													className: "text-sm text-text-secondary",
 													children: "Your Returns"
 												}), /* @__PURE__ */ w("span", {
-													className: t("text-lg font-semibold", F > 0 ? "text-status-success-text" : "text-status-error-text"),
-													children: [F > 0 ? "+" : "", r(F, { minimumFractionDigits: 0 })]
+													className: t("text-lg font-semibold", I > 0 ? "text-status-success-text" : "text-status-error-text"),
+													children: [I > 0 ? "+" : "", r(I, { minimumFractionDigits: 0 })]
 												})]
 											})
 										})
@@ -483,7 +485,7 @@ function D() {
 												className: "text-sm font-medium text-status-success-text",
 												children: [
 													"+",
-													M.revenueGrowth,
+													N.revenueGrowth,
 													"%"
 												]
 											})]
@@ -491,7 +493,7 @@ function D() {
 											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
 											children: /* @__PURE__ */ C("div", {
 												className: "h-full rounded-full bg-status-success-bg-subtle",
-												style: { width: `${Math.min(M.revenueGrowth, 100)}%` }
+												style: { width: `${Math.min(N.revenueGrowth, 100)}%` }
 											})
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
@@ -501,13 +503,13 @@ function D() {
 												children: "Profit Margin"
 											}), /* @__PURE__ */ w("span", {
 												className: "text-sm font-medium text-text-primary",
-												children: [M.profitMargin, "%"]
+												children: [N.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-accent-blue-subtle",
-												style: { width: `${M.profitMargin}%` }
+												style: { width: `${N.profitMargin}%` }
 											})
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
@@ -519,7 +521,7 @@ function D() {
 												className: "text-sm font-medium text-status-success-text",
 												children: [
 													"+",
-													M.returnOnInvestment,
+													N.returnOnInvestment,
 													"%"
 												]
 											})]
@@ -527,7 +529,7 @@ function D() {
 											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
 											children: /* @__PURE__ */ C("div", {
 												className: "h-full rounded-full bg-status-success-bg-subtle",
-												style: { width: `${Math.min(M.returnOnInvestment, 100)}%` }
+												style: { width: `${Math.min(N.returnOnInvestment, 100)}%` }
 											})
 										})] }),
 										/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
@@ -535,7 +537,7 @@ function D() {
 											children: "Expected Payback"
 										}), /* @__PURE__ */ C("p", {
 											className: "font-medium text-text-primary",
-											children: M.paybackPeriod
+											children: N.paybackPeriod
 										})] })
 									]
 								})]
@@ -559,7 +561,7 @@ function D() {
 											children: "Monthly Revenue"
 										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-lg font-bold text-text-primary",
-											children: r(M.monthlyRevenue, { minimumFractionDigits: 0 })
+											children: r(N.monthlyRevenue, { minimumFractionDigits: 0 })
 										})]
 									}),
 									/* @__PURE__ */ w("div", {
@@ -571,7 +573,7 @@ function D() {
 											className: "mt-1 text-lg font-bold text-status-success-text",
 											children: [
 												"+",
-												M.revenueGrowth,
+												N.revenueGrowth,
 												"%"
 											]
 										})]
@@ -583,7 +585,7 @@ function D() {
 											children: "Profit Margin"
 										}), /* @__PURE__ */ w("p", {
 											className: "mt-1 text-lg font-bold text-text-primary",
-											children: [M.profitMargin, "%"]
+											children: [N.profitMargin, "%"]
 										})]
 									}),
 									/* @__PURE__ */ w("div", {
@@ -593,7 +595,7 @@ function D() {
 											children: "Avg Order Value"
 										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-lg font-bold text-text-primary",
-											children: r(M.averageOrderValue, { minimumFractionDigits: 0 })
+											children: r(N.averageOrderValue, { minimumFractionDigits: 0 })
 										})]
 									})
 								]
@@ -623,32 +625,32 @@ function D() {
 										children: [
 											{
 												metric: "Monthly Revenue",
-												value: r(M.monthlyRevenue, { minimumFractionDigits: 0 }),
+												value: r(N.monthlyRevenue, { minimumFractionDigits: 0 }),
 												trend: "+18.5%"
 											},
 											{
 												metric: "Monthly Orders",
-												value: String(M.monthlyOrders),
+												value: String(N.monthlyOrders),
 												trend: "+12%"
 											},
 											{
 												metric: "Average Order Value",
-												value: r(M.averageOrderValue, { minimumFractionDigits: 0 }),
+												value: r(N.averageOrderValue, { minimumFractionDigits: 0 }),
 												trend: "+5.8%"
 											},
 											{
 												metric: "Active Customers",
-												value: String(M.activeCustomers),
+												value: String(N.activeCustomers),
 												trend: "+22%"
 											},
 											{
 												metric: "Profit Margin",
-												value: `${M.profitMargin}%`,
+												value: `${N.profitMargin}%`,
 												trend: "+2.1%"
 											},
 											{
 												metric: "Return on Investment",
-												value: `${M.returnOnInvestment}%`,
+												value: `${N.returnOnInvestment}%`,
 												trend: "+8.5%"
 											}
 										].map((e) => /* @__PURE__ */ w("tr", {
@@ -680,8 +682,8 @@ function D() {
 							children: "Investment Documents"
 						}), /* @__PURE__ */ C("div", {
 							className: "space-y-4",
-							children: M.documents.map((e, n) => {
-								let r = E(e.status), a = r.Icon;
+							children: N.documents.map((e, n) => {
+								let r = D(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", {
@@ -739,7 +741,7 @@ function D() {
 							children: "Recent Updates"
 						}), /* @__PURE__ */ C("div", {
 							className: "space-y-4",
-							children: M.recentUpdates.map((e, t) => /* @__PURE__ */ w("div", {
+							children: N.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",
@@ -768,7 +770,7 @@ function D() {
 					})
 				]
 			}),
-			A && /* @__PURE__ */ C("div", {
+			j && /* @__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",
@@ -777,7 +779,7 @@ function D() {
 							className: "border-b border-border-subtle p-4 sm:p-6",
 							children: [/* @__PURE__ */ C("button", {
 								type: "button",
-								onClick: () => j(!1),
+								onClick: () => M(!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", {
@@ -792,7 +794,7 @@ function D() {
 									className: "text-sm text-text-secondary sm:text-base",
 									children: [
 										"Choose an action for your investment in ",
-										M.cartName,
+										N.cartName,
 										":"
 									]
 								}),
@@ -832,7 +834,7 @@ function D() {
 							className: "flex justify-end gap-3 border-t border-border-subtle p-4 sm:p-6",
 							children: /* @__PURE__ */ C("button", {
 								type: "button",
-								onClick: () => j(!1),
+								onClick: () => M(!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"
 							})
@@ -844,6 +846,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as InvestmentDetailsPage };
+export { O as InvestmentDetailsPage };
 
 //# sourceMappingURL=InvestmentDetailsPage.js.map