@burdenoff/microfe-kadaikodi 2026.625.1 → 2026.626.2

package/dist/kadaikodi/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/kadaikodi/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-status-success-bg-subtle text-status-success-text";
 		case "medium": return "bg-status-warning-bg-subtle text-status-warning-text";
@@ -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,17 @@ 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: "The deal flow — local carts and businesses looking for funding right now. Use this page to discover opportunities that fit your strategy, compare projected returns and equity on offer, filter by category or funding stage, and back the ones you believe in. The stats up top show how the platform is performing so you can gauge typical returns and success rates before you commit."
+			}),
+			/* @__PURE__ */ y(b, { children: [/* @__PURE__ */ v("h2", {
+				className: "mb-4 text-base font-semibold text-text-primary",
+				children: "Platform Performance"
+			}), /* @__PURE__ */ y("div", {
 				className: "grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4",
 				children: [
 					/* @__PURE__ */ y("div", {
@@ -339,7 +347,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 +357,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: [C.averageReturns, "%"]
 						})]
 					}),
 					/* @__PURE__ */ y("div", {
@@ -359,7 +367,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 +380,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 +395,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 +432,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 +455,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 +482,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 +509,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,7 +538,7 @@ function T() {
 					]
 				})
 			}),
-			z.length === 0 ? /* @__PURE__ */ v("div", {
+			V.length === 0 ? /* @__PURE__ */ v("div", {
 				className: "mt-6",
 				children: /* @__PURE__ */ v(r, {
 					icon: /* @__PURE__ */ v(h, { className: "h-10 w-10" }),
@@ -538,7 +546,7 @@ function T() {
 					description: "Try adjusting your filters to find more opportunities",
 					action: /* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: () => L({
+						onClick: () => z({
 							searchQuery: "",
 							category: "",
 							riskLevel: "",
@@ -552,8 +560,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 +607,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 +752,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 +768,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 +776,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-status-success-text" }),
@@ -799,11 +807,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 +823,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-status-error-text",
 										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 +859,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 +868,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-status-success-text 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 +883,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 +895,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 +921,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 +942,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as InvestmentOpportunitiesPage };
+export { D as InvestmentOpportunitiesPage };
 
 //# sourceMappingURL=InvestmentOpportunitiesPage.js.map