@burdenoff/microfe-atheletebridge 2026.624.1 → 2026.625.2

package/dist/atheletebridge/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, PagePurpose as x } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/investor/InvestmentOpportunitiesPage.tsx
-var b = [
+var S = [
 	{
 		id: "opp-001",
 		cartId: "cart-005",
@@ -216,13 +217,13 @@ var b = [
 		}],
 		status: "active"
 	}
-], x = {
+], C = {
 	totalOpportunities: 24,
 	averageReturns: 21.5,
 	totalFunded: 156e5,
 	successRate: 89
 };
-function S(e) {
+function w(e) {
 	switch (e) {
 		case "low": return "bg-green-500/20 text-green-600 dark:text-green-400";
 		case "medium": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
@@ -230,7 +231,7 @@ function S(e) {
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
-function C(e) {
+function T(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 E(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 D() {
+	let { navigateTo: D } = e(), [O, k] = l(!0), [A, j] = l(null), [M, N] = l(!1), [P, F] = l(""), [I, L] = l("idle"), [R, z] = l({
 		searchQuery: "",
 		category: "",
 		riskLevel: "",
@@ -251,25 +252,25 @@ function T() {
 		sortBy: "featured"
 	});
 	s(() => {
-		let e = setTimeout(() => D(!1), 600);
+		let e = setTimeout(() => k(!1), 600);
 		return () => clearTimeout(e);
 	}, []);
-	let R = o((e, t) => {
-		L((n) => ({
+	let B = o((e, t) => {
+		z((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), z = c(() => {
-		let e = [...b];
-		if (I.searchQuery.trim()) {
-			let t = I.searchQuery.toLowerCase();
+	}, []), V = c(() => {
+		let e = [...S];
+		if (R.searchQuery.trim()) {
+			let t = R.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 (R.category && (e = e.filter((e) => e.category === R.category)), R.riskLevel && (e = e.filter((e) => e.riskLevel === R.riskLevel)), R.location && (e = e.filter((e) => e.location.includes(R.location))), R.minimumAmount) {
+			let t = parseInt(R.minimumAmount, 10);
 			e = e.filter((e) => e.minimumInvestment <= t);
 		}
-		switch (I.sortBy) {
+		switch (R.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);
+	}, [R]), H = o(() => {
+		if (!A || !P) return;
+		let e = parseInt(P, 10);
 		if (!isNaN(e)) {
-			if (e < O.minimumInvestment) {
-				F("error");
+			if (e < A.minimumInvestment) {
+				L("error");
 				return;
 			}
-			if (e > O.maximumInvestment) {
-				F("error");
+			if (e > A.maximumInvestment) {
+				L("error");
 				return;
 			}
-			F("success"), setTimeout(() => {
-				j(!1), N(""), F("idle"), T("/investor/portfolio");
+			L("success"), setTimeout(() => {
+				N(!1), F(""), L("idle"), D("/investor/portfolio");
 			}, 1500);
 		}
 	}, [
-		O,
-		M,
-		T
-	]), V = o((e) => {
-		k(e), N(""), F("idle"), j(!0);
+		A,
+		P,
+		D
+	]), U = o((e) => {
+		j(e), F(""), L("idle"), N(!0);
 	}, []);
-	return E ? /* @__PURE__ */ v(n, {
+	return O ? /* @__PURE__ */ v(n, {
 		title: "Investment Opportunities",
 		description: "Loading opportunities...",
 		children: /* @__PURE__ */ v("div", {
@@ -326,10 +327,14 @@ function T() {
 		description: "Discover and invest in growing local businesses",
 		actions: /* @__PURE__ */ y("span", {
 			className: "text-sm text-text-secondary",
-			children: [z.length, " opportunities"]
+			children: [V.length, " opportunities"]
 		}),
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ v(x, {
+				className: "mb-6",
+				children: "Find businesses worth backing. Browse vetted carts raising funds, compare expected returns, risk levels and funding progress, then filter and search to match your strategy. Tap any opportunity to dig into the details before you invest."
+			}),
+			/* @__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 +344,7 @@ function T() {
 							children: "Active Opportunities"
 						}), /* @__PURE__ */ v("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: x.totalOpportunities
+							children: C.totalOpportunities
 						})]
 					}),
 					/* @__PURE__ */ y("div", {
@@ -349,7 +354,7 @@ function T() {
 							children: "Average Returns"
 						}), /* @__PURE__ */ y("p", {
 							className: "text-lg font-bold text-green-600 dark:text-green-400 sm:text-2xl",
-							children: [x.averageReturns, "%"]
+							children: [C.averageReturns, "%"]
 						})]
 					}),
 					/* @__PURE__ */ y("div", {
@@ -359,7 +364,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(C.totalFunded, {
 								minimumFractionDigits: 0,
 								notation: "compact"
 							})
@@ -372,11 +377,11 @@ function T() {
 							children: "Success Rate"
 						}), /* @__PURE__ */ y("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: [x.successRate, "%"]
+							children: [C.successRate, "%"]
 						})]
 					})
 				]
-			}),
+			}) }),
 			/* @__PURE__ */ v("div", {
 				className: "mt-6 rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
 				children: /* @__PURE__ */ y("div", {
@@ -387,14 +392,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: R.searchQuery,
+								onChange: (e) => B("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: R.category,
+							onChange: (e) => B("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 +429,8 @@ function T() {
 							]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: I.riskLevel,
-							onChange: (e) => R("riskLevel", e.target.value),
+							value: R.riskLevel,
+							onChange: (e) => B("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 +452,8 @@ function T() {
 							]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: I.minimumAmount,
-							onChange: (e) => R("minimumAmount", e.target.value),
+							value: R.minimumAmount,
+							onChange: (e) => B("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 +479,8 @@ function T() {
 							]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: I.location,
-							onChange: (e) => R("location", e.target.value),
+							value: R.location,
+							onChange: (e) => B("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 +506,8 @@ function T() {
 							]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: I.sortBy,
-							onChange: (e) => R("sortBy", e.target.value),
+							value: R.sortBy,
+							onChange: (e) => B("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,15 +535,16 @@ function T() {
 					]
 				})
 			}),
-			z.length === 0 ? /* @__PURE__ */ v("div", {
+			V.length === 0 ? /* @__PURE__ */ v("div", {
 				className: "mt-6",
 				children: /* @__PURE__ */ v(r, {
+					illustration: "empty-search",
 					icon: /* @__PURE__ */ v(h, { className: "h-10 w-10" }),
 					title: "No opportunities found",
 					description: "Try adjusting your filters to find more opportunities",
 					action: /* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: () => L({
+						onClick: () => z({
 							searchQuery: "",
 							category: "",
 							riskLevel: "",
@@ -552,8 +558,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: V.map((e) => {
+					let n = E(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", {
@@ -599,8 +605,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", w(e.riskLevel)),
+													children: T(e.riskLevel)
 												})]
 											})
 										]
@@ -744,13 +750,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: () => U(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: () => D(`/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"]
 									})]
@@ -760,7 +766,7 @@ function T() {
 					}, e.id);
 				})
 			}),
-			A && O && /* @__PURE__ */ v("div", {
+			M && A && /* @__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-subtle bg-bg-surface p-4 sm:p-6",
@@ -768,16 +774,16 @@ function T() {
 						/* @__PURE__ */ v("button", {
 							type: "button",
 							onClick: () => {
-								j(!1), N(""), F("idle");
+								N(!1), F(""), L("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 ", A.cartName]
 						}),
-						P === "success" ? /* @__PURE__ */ y("div", {
+						I === "success" ? /* @__PURE__ */ y("div", {
 							className: "py-8 text-center",
 							children: [
 								/* @__PURE__ */ v(u, { className: "mx-auto mb-3 h-12 w-12 text-green-600 dark:text-green-400" }),
@@ -799,11 +805,11 @@ function T() {
 								}), /* @__PURE__ */ y("p", {
 									className: "text-sm font-medium text-text-primary sm:text-base",
 									children: [
-										i(O.minimumInvestment, { minimumFractionDigits: 0 }),
+										i(A.minimumInvestment, { minimumFractionDigits: 0 }),
 										" ",
 										"-",
 										" ",
-										i(O.maximumInvestment, { minimumFractionDigits: 0 })
+										i(A.maximumInvestment, { minimumFractionDigits: 0 })
 									]
 								})] }),
 								/* @__PURE__ */ y("div", { children: [
@@ -815,28 +821,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: P,
 											onChange: (e) => {
-												N(e.target.value), F("idle");
+												F(e.target.value), L("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", {
+									I === "error" && /* @__PURE__ */ y("p", {
 										className: "mt-1 text-xs text-red-600 dark:text-red-400",
 										children: [
 											"Amount must be between",
 											" ",
-											i(O.minimumInvestment, { minimumFractionDigits: 0 }),
+											i(A.minimumInvestment, { minimumFractionDigits: 0 }),
 											" ",
 											"and",
 											" ",
-											i(O.maximumInvestment, { minimumFractionDigits: 0 })
+											i(A.maximumInvestment, { minimumFractionDigits: 0 })
 										]
 									})
 								] }),
-								M && !isNaN(parseInt(M, 10)) && parseInt(M, 10) > 0 && /* @__PURE__ */ y("div", {
+								P && !isNaN(parseInt(P, 10)) && parseInt(P, 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",
@@ -851,7 +857,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(P, 10), { minimumFractionDigits: 0 })
 												})]
 											}),
 											/* @__PURE__ */ y("div", {
@@ -860,12 +866,12 @@ function T() {
 													className: "text-xs text-text-primary sm:text-sm",
 													children: [
 														"Expected Return (",
-														O.expectedReturns,
+														A.expectedReturns,
 														"%):"
 													]
 												}), /* @__PURE__ */ y("span", {
 													className: "text-xs font-medium text-green-600 dark:text-green-400 sm:text-sm",
-													children: ["+", i(parseInt(M, 10) * O.expectedReturns / 100, { minimumFractionDigits: 0 })]
+													children: ["+", i(parseInt(P, 10) * A.expectedReturns / 100, { minimumFractionDigits: 0 })]
 												})]
 											}),
 											/* @__PURE__ */ y("div", {
@@ -875,7 +881,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(P, 10) * (1 + A.expectedReturns / 100), { minimumFractionDigits: 0 })
 												})]
 											})
 										]
@@ -887,24 +893,24 @@ function T() {
 										/* @__PURE__ */ y("p", { children: [
 											"• Minimum lock-in period:",
 											" ",
-											O.investmentTerms.lockInPeriod,
+											A.investmentTerms.lockInPeriod,
 											" months"
 										] }),
 										/* @__PURE__ */ y("p", { children: [
 											"• Dividend frequency:",
 											" ",
-											O.investmentTerms.dividendFrequency
+											A.investmentTerms.dividendFrequency
 										] }),
 										/* @__PURE__ */ y("p", { children: [
 											"• Your equity stake:",
 											" ",
-											((parseInt(M, 10) || 0) / O.targetAmount * O.investmentTerms.equityOffered).toFixed(2),
+											((parseInt(P, 10) || 0) / A.targetAmount * A.investmentTerms.equityOffered).toFixed(2),
 											"%"
 										] }),
 										/* @__PURE__ */ y("p", { children: [
 											"• Exit options:",
 											" ",
-											O.investmentTerms.exitOptions.join(", ")
+											A.investmentTerms.exitOptions.join(", ")
 										] })
 									]
 								}),
@@ -913,15 +919,15 @@ function T() {
 									children: [/* @__PURE__ */ v("button", {
 										type: "button",
 										onClick: () => {
-											j(!1), N(""), F("idle");
+											N(!1), F(""), L("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: H,
+										disabled: !P || isNaN(parseInt(P, 10)) || parseInt(P, 10) < A.minimumInvestment,
+										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", !P || isNaN(parseInt(P, 10)) || parseInt(P, 10) < A.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"
 									})]
 								})
@@ -934,6 +940,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as InvestmentOpportunitiesPage };
+export { D as InvestmentOpportunitiesPage };
 
 //# sourceMappingURL=InvestmentOpportunitiesPage.js.map