@burdenoff/microfe-adaptercloud 2026.625.1 → 2026.625.2

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

@@ -6,8 +6,9 @@ import { formatCurrency as i, formatNumber as a } from "../../utils/formatters.j
 import { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
 import { CheckCircle2 as u, Eye as d, FileText as f, IndianRupee as p, MapPin as m, Search as h, Star as g, X as _ } from "lucide-react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { EmphasisPanel as b } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/investor/InvestmentOpportunitiesPage.tsx
-var b = [
+var x = [
 	{
 		id: "opp-001",
 		cartId: "cart-005",
@@ -216,13 +217,13 @@ var b = [
 		}],
 		status: "active"
 	}
-], x = {
+], S = {
 	totalOpportunities: 24,
 	averageReturns: 21.5,
 	totalFunded: 156e5,
 	successRate: 89
 };
-function S(e) {
+function C(e) {
 	switch (e) {
 		case "low": return "bg-status-success-bg-subtle/20 text-status-success-text";
 		case "medium": return "bg-status-warning-bg-subtle/20 text-status-warning-text";
@@ -230,7 +231,7 @@ function S(e) {
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
-function C(e) {
+function w(e) {
 	switch (e) {
 		case "low": return "Low Risk";
 		case "medium": return "Medium Risk";
@@ -238,11 +239,11 @@ function C(e) {
 		default: return e;
 	}
 }
-function w(e, t) {
+function T(e, t) {
 	return t > 0 ? Math.min(e / t * 100, 100) : 0;
 }
-function T() {
-	let { navigateTo: T } = e(), [E, D] = l(!0), [O, k] = l(null), [A, j] = l(!1), [M, N] = l(""), [P, F] = l("idle"), [I, L] = l({
+function E() {
+	let { navigateTo: E } = e(), [D, O] = l(!0), [k, A] = l(null), [j, M] = l(!1), [N, P] = l(""), [F, I] = l("idle"), [L, R] = l({
 		searchQuery: "",
 		category: "",
 		riskLevel: "",
@@ -251,25 +252,25 @@ function T() {
 		sortBy: "featured"
 	});
 	s(() => {
-		let e = setTimeout(() => D(!1), 600);
+		let e = setTimeout(() => O(!1), 600);
 		return () => clearTimeout(e);
 	}, []);
-	let R = o((e, t) => {
-		L((n) => ({
+	let z = o((e, t) => {
+		R((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), z = c(() => {
-		let e = [...b];
-		if (I.searchQuery.trim()) {
-			let t = I.searchQuery.toLowerCase();
+	}, []), B = c(() => {
+		let e = [...x];
+		if (L.searchQuery.trim()) {
+			let t = L.searchQuery.toLowerCase();
 			e = e.filter((e) => e.cartName.toLowerCase().includes(t) || e.description.toLowerCase().includes(t) || e.category.toLowerCase().includes(t));
 		}
-		if (I.category && (e = e.filter((e) => e.category === I.category)), I.riskLevel && (e = e.filter((e) => e.riskLevel === I.riskLevel)), I.location && (e = e.filter((e) => e.location.includes(I.location))), I.minimumAmount) {
-			let t = parseInt(I.minimumAmount, 10);
+		if (L.category && (e = e.filter((e) => e.category === L.category)), L.riskLevel && (e = e.filter((e) => e.riskLevel === L.riskLevel)), L.location && (e = e.filter((e) => e.location.includes(L.location))), L.minimumAmount) {
+			let t = parseInt(L.minimumAmount, 10);
 			e = e.filter((e) => e.minimumInvestment <= t);
 		}
-		switch (I.sortBy) {
+		switch (L.sortBy) {
 			case "returns":
 				e.sort((e, t) => t.expectedReturns - e.expectedReturns);
 				break;
@@ -285,30 +286,30 @@ function T() {
 			default: break;
 		}
 		return e;
-	}, [I]), B = o(() => {
-		if (!O || !M) return;
-		let e = parseInt(M, 10);
+	}, [L]), V = o(() => {
+		if (!k || !N) return;
+		let e = parseInt(N, 10);
 		if (!isNaN(e)) {
-			if (e < O.minimumInvestment) {
-				F("error");
+			if (e < k.minimumInvestment) {
+				I("error");
 				return;
 			}
-			if (e > O.maximumInvestment) {
-				F("error");
+			if (e > k.maximumInvestment) {
+				I("error");
 				return;
 			}
-			F("success"), setTimeout(() => {
-				j(!1), N(""), F("idle"), T("/investor/portfolio");
+			I("success"), setTimeout(() => {
+				M(!1), P(""), I("idle"), E("/investor/portfolio");
 			}, 1500);
 		}
 	}, [
-		O,
-		M,
-		T
-	]), V = o((e) => {
-		k(e), N(""), F("idle"), j(!0);
+		k,
+		N,
+		E
+	]), H = o((e) => {
+		A(e), P(""), I("idle"), M(!0);
 	}, []);
-	return E ? /* @__PURE__ */ v(n, {
+	return D ? /* @__PURE__ */ v(n, {
 		title: "Investment Opportunities",
 		description: "Loading opportunities...",
 		children: /* @__PURE__ */ v("div", {
@@ -324,12 +325,13 @@ function T() {
 	}) : /* @__PURE__ */ y(n, {
 		title: "Investment Opportunities",
 		description: "Discover and invest in growing local businesses",
+		purpose: "Browse carts that are raising funds to grow — compare their projected returns, funding progress, and risk, then back the ones you believe in. This is where you find your next investment.",
 		actions: /* @__PURE__ */ y("span", {
 			className: "text-sm text-text-secondary",
-			children: [z.length, " opportunities"]
+			children: [B.length, " opportunities"]
 		}),
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ v(b, { children: /* @__PURE__ */ y("div", {
 				className: "grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4",
 				children: [
 					/* @__PURE__ */ y("div", {
@@ -339,7 +341,7 @@ function T() {
 							children: "Active Opportunities"
 						}), /* @__PURE__ */ v("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: x.totalOpportunities
+							children: S.totalOpportunities
 						})]
 					}),
 					/* @__PURE__ */ y("div", {
@@ -349,7 +351,7 @@ function T() {
 							children: "Average Returns"
 						}), /* @__PURE__ */ y("p", {
 							className: "text-lg font-bold text-status-success-text sm:text-2xl",
-							children: [x.averageReturns, "%"]
+							children: [S.averageReturns, "%"]
 						})]
 					}),
 					/* @__PURE__ */ y("div", {
@@ -359,7 +361,7 @@ function T() {
 							children: "Total Funded"
 						}), /* @__PURE__ */ v("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: i(x.totalFunded, {
+							children: i(S.totalFunded, {
 								minimumFractionDigits: 0,
 								notation: "compact"
 							})
@@ -372,11 +374,11 @@ function T() {
 							children: "Success Rate"
 						}), /* @__PURE__ */ y("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: [x.successRate, "%"]
+							children: [S.successRate, "%"]
 						})]
 					})
 				]
-			}),
+			}) }),
 			/* @__PURE__ */ v("div", {
 				className: "mt-6 rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
 				children: /* @__PURE__ */ y("div", {
@@ -387,14 +389,14 @@ function T() {
 							children: [/* @__PURE__ */ v(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v("input", {
 								type: "text",
 								placeholder: "Search opportunities...",
-								value: I.searchQuery,
-								onChange: (e) => R("searchQuery", e.target.value),
+								value: L.searchQuery,
+								onChange: (e) => z("searchQuery", e.target.value),
 								className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 							})]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: I.category,
-							onChange: (e) => R("category", e.target.value),
+							value: L.category,
+							onChange: (e) => z("category", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ v("option", {
@@ -424,8 +426,8 @@ function T() {
 							]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: I.riskLevel,
-							onChange: (e) => R("riskLevel", e.target.value),
+							value: L.riskLevel,
+							onChange: (e) => z("riskLevel", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ v("option", {
@@ -447,8 +449,8 @@ function T() {
 							]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: I.minimumAmount,
-							onChange: (e) => R("minimumAmount", e.target.value),
+							value: L.minimumAmount,
+							onChange: (e) => z("minimumAmount", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ v("option", {
@@ -474,8 +476,8 @@ function T() {
 							]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: I.location,
-							onChange: (e) => R("location", e.target.value),
+							value: L.location,
+							onChange: (e) => z("location", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ v("option", {
@@ -501,8 +503,8 @@ function T() {
 							]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: I.sortBy,
-							onChange: (e) => R("sortBy", e.target.value),
+							value: L.sortBy,
+							onChange: (e) => z("sortBy", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ v("option", {
@@ -530,7 +532,7 @@ function T() {
 					]
 				})
 			}),
-			z.length === 0 ? /* @__PURE__ */ v("div", {
+			B.length === 0 ? /* @__PURE__ */ v("div", {
 				className: "mt-6",
 				children: /* @__PURE__ */ v(r, {
 					illustration: "empty-search",
@@ -539,7 +541,7 @@ function T() {
 					description: "Try adjusting your filters to find more opportunities",
 					action: /* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: () => L({
+						onClick: () => R({
 							searchQuery: "",
 							category: "",
 							riskLevel: "",
@@ -553,8 +555,8 @@ function T() {
 				})
 			}) : /* @__PURE__ */ v("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 lg:grid-cols-2",
-				children: z.map((e) => {
-					let n = w(e.raisedAmount, e.targetAmount);
+				children: B.map((e) => {
+					let n = T(e.raisedAmount, e.targetAmount);
 					return /* @__PURE__ */ y("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm hover:shadow-md transition-shadow",
 						children: [/* @__PURE__ */ y("div", {
@@ -600,8 +602,8 @@ function T() {
 													className: "text-xs text-text-secondary sm:text-sm",
 													children: e.category
 												}), /* @__PURE__ */ v("span", {
-													className: t("rounded-full px-2 py-0.5 text-xs font-medium", S(e.riskLevel)),
-													children: C(e.riskLevel)
+													className: t("rounded-full px-2 py-0.5 text-xs font-medium", C(e.riskLevel)),
+													children: w(e.riskLevel)
 												})]
 											})
 										]
@@ -745,13 +747,13 @@ function T() {
 									className: "flex flex-col gap-2 sm:flex-row sm:gap-3",
 									children: [/* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: () => V(e),
+										onClick: () => H(e),
 										disabled: e.status === "funded",
 										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", e.status === "funded" ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
 										children: e.status === "funded" ? "Fully Funded" : "Invest Now"
 									}), /* @__PURE__ */ y("button", {
 										type: "button",
-										onClick: () => T(`/investor/opportunities/${e.id}`),
+										onClick: () => E(`/investor/opportunities/${e.id}`),
 										className: "flex flex-1 items-center justify-center gap-2 rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 										children: [/* @__PURE__ */ v(d, { className: "h-4 w-4" }), "View Details"]
 									})]
@@ -761,7 +763,7 @@ function T() {
 					}, e.id);
 				})
 			}),
-			A && O && /* @__PURE__ */ v("div", {
+			j && k && /* @__PURE__ */ v("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ y("div", {
 					className: "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 bg-gloss-card shadow-pop",
@@ -769,16 +771,16 @@ function T() {
 						/* @__PURE__ */ v("button", {
 							type: "button",
 							onClick: () => {
-								j(!1), N(""), F("idle");
+								M(!1), P(""), I("idle");
 							},
 							className: "absolute right-3 top-3 rounded-lg p-1 text-text-secondary hover:bg-accent transition-colors",
 							children: /* @__PURE__ */ v(_, { className: "h-5 w-5" })
 						}),
 						/* @__PURE__ */ y("h3", {
 							className: "mb-4 text-base font-semibold text-text-primary sm:text-lg",
-							children: ["Invest in ", O.cartName]
+							children: ["Invest in ", k.cartName]
 						}),
-						P === "success" ? /* @__PURE__ */ y("div", {
+						F === "success" ? /* @__PURE__ */ y("div", {
 							className: "py-8 text-center",
 							children: [
 								/* @__PURE__ */ v(u, { className: "mx-auto mb-3 h-12 w-12 text-status-success-text" }),
@@ -800,11 +802,11 @@ function T() {
 								}), /* @__PURE__ */ y("p", {
 									className: "text-sm font-medium text-text-primary sm:text-base",
 									children: [
-										i(O.minimumInvestment, { minimumFractionDigits: 0 }),
+										i(k.minimumInvestment, { minimumFractionDigits: 0 }),
 										" ",
 										"-",
 										" ",
-										i(O.maximumInvestment, { minimumFractionDigits: 0 })
+										i(k.maximumInvestment, { minimumFractionDigits: 0 })
 									]
 								})] }),
 								/* @__PURE__ */ y("div", { children: [
@@ -816,28 +818,28 @@ function T() {
 										className: "relative",
 										children: [/* @__PURE__ */ v(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v("input", {
 											type: "number",
-											value: M,
+											value: N,
 											onChange: (e) => {
-												N(e.target.value), F("idle");
+												P(e.target.value), I("idle");
 											},
 											placeholder: "Enter amount",
 											className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 										})]
 									}),
-									P === "error" && /* @__PURE__ */ y("p", {
+									F === "error" && /* @__PURE__ */ y("p", {
 										className: "mt-1 text-xs text-status-error-text",
 										children: [
 											"Amount must be between",
 											" ",
-											i(O.minimumInvestment, { minimumFractionDigits: 0 }),
+											i(k.minimumInvestment, { minimumFractionDigits: 0 }),
 											" ",
 											"and",
 											" ",
-											i(O.maximumInvestment, { minimumFractionDigits: 0 })
+											i(k.maximumInvestment, { minimumFractionDigits: 0 })
 										]
 									})
 								] }),
-								M && !isNaN(parseInt(M, 10)) && parseInt(M, 10) > 0 && /* @__PURE__ */ y("div", {
+								N && !isNaN(parseInt(N, 10)) && parseInt(N, 10) > 0 && /* @__PURE__ */ y("div", {
 									className: "rounded-lg border border-border-subtle bg-bg-sunken/50 p-3 sm:p-4",
 									children: [/* @__PURE__ */ v("p", {
 										className: "mb-2 text-xs text-text-secondary sm:text-sm",
@@ -852,7 +854,7 @@ function T() {
 													children: "Investment:"
 												}), /* @__PURE__ */ v("span", {
 													className: "text-xs font-medium text-text-primary sm:text-sm",
-													children: i(parseInt(M, 10), { minimumFractionDigits: 0 })
+													children: i(parseInt(N, 10), { minimumFractionDigits: 0 })
 												})]
 											}),
 											/* @__PURE__ */ y("div", {
@@ -861,12 +863,12 @@ function T() {
 													className: "text-xs text-text-primary sm:text-sm",
 													children: [
 														"Expected Return (",
-														O.expectedReturns,
+														k.expectedReturns,
 														"%):"
 													]
 												}), /* @__PURE__ */ y("span", {
 													className: "text-xs font-medium text-status-success-text sm:text-sm",
-													children: ["+", i(parseInt(M, 10) * O.expectedReturns / 100, { minimumFractionDigits: 0 })]
+													children: ["+", i(parseInt(N, 10) * k.expectedReturns / 100, { minimumFractionDigits: 0 })]
 												})]
 											}),
 											/* @__PURE__ */ y("div", {
@@ -876,7 +878,7 @@ function T() {
 													children: "Total Value:"
 												}), /* @__PURE__ */ v("span", {
 													className: "text-xs font-bold text-text-primary sm:text-sm",
-													children: i(parseInt(M, 10) * (1 + O.expectedReturns / 100), { minimumFractionDigits: 0 })
+													children: i(parseInt(N, 10) * (1 + k.expectedReturns / 100), { minimumFractionDigits: 0 })
 												})]
 											})
 										]
@@ -888,24 +890,24 @@ function T() {
 										/* @__PURE__ */ y("p", { children: [
 											"• Minimum lock-in period:",
 											" ",
-											O.investmentTerms.lockInPeriod,
+											k.investmentTerms.lockInPeriod,
 											" months"
 										] }),
 										/* @__PURE__ */ y("p", { children: [
 											"• Dividend frequency:",
 											" ",
-											O.investmentTerms.dividendFrequency
+											k.investmentTerms.dividendFrequency
 										] }),
 										/* @__PURE__ */ y("p", { children: [
 											"• Your equity stake:",
 											" ",
-											((parseInt(M, 10) || 0) / O.targetAmount * O.investmentTerms.equityOffered).toFixed(2),
+											((parseInt(N, 10) || 0) / k.targetAmount * k.investmentTerms.equityOffered).toFixed(2),
 											"%"
 										] }),
 										/* @__PURE__ */ y("p", { children: [
 											"• Exit options:",
 											" ",
-											O.investmentTerms.exitOptions.join(", ")
+											k.investmentTerms.exitOptions.join(", ")
 										] })
 									]
 								}),
@@ -914,15 +916,15 @@ function T() {
 									children: [/* @__PURE__ */ v("button", {
 										type: "button",
 										onClick: () => {
-											j(!1), N(""), F("idle");
+											M(!1), P(""), I("idle");
 										},
 										className: "flex-1 rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 										children: "Cancel"
 									}), /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: B,
-										disabled: !M || isNaN(parseInt(M, 10)) || parseInt(M, 10) < O.minimumInvestment,
-										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", !M || isNaN(parseInt(M, 10)) || parseInt(M, 10) < O.minimumInvestment ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
+										onClick: V,
+										disabled: !N || isNaN(parseInt(N, 10)) || parseInt(N, 10) < k.minimumInvestment,
+										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", !N || isNaN(parseInt(N, 10)) || parseInt(N, 10) < k.minimumInvestment ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
 										children: "Confirm Investment"
 									})]
 								})
@@ -935,6 +937,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as InvestmentOpportunitiesPage };
+export { E as InvestmentOpportunitiesPage };
 
 //# sourceMappingURL=InvestmentOpportunitiesPage.js.map