@burdenoff/microfe-coolandlovely 2026.625.1 → 2026.625.2

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

@@ -4,10 +4,11 @@ import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { formatCurrency as i, formatNumber as a } from "../../utils/formatters.js";
 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 { CheckCircle2 as u, Eye as d, FileText as f, IndianRupee as p, MapPin as m, Search as h, Star as g, Target as _, X as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EmphasisPanel as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/investor/InvestmentOpportunitiesPage.tsx
-var b = [
+var C = [
 	{
 		id: "opp-001",
 		cartId: "cart-005",
@@ -216,13 +217,13 @@ var b = [
 		}],
 		status: "active"
 	}
-], x = {
+], w = {
 	totalOpportunities: 24,
 	averageReturns: 21.5,
 	totalFunded: 156e5,
 	successRate: 89
 };
-function S(e) {
+function T(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 E(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 D(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 O() {
+	let { navigateTo: O } = e(), [k, A] = l(!0), [j, M] = l(null), [N, P] = l(!1), [F, I] = l(""), [L, R] = l("idle"), [z, B] = l({
 		searchQuery: "",
 		category: "",
 		riskLevel: "",
@@ -251,25 +252,25 @@ function T() {
 		sortBy: "featured"
 	});
 	s(() => {
-		let e = setTimeout(() => D(!1), 600);
+		let e = setTimeout(() => A(!1), 600);
 		return () => clearTimeout(e);
 	}, []);
-	let R = o((e, t) => {
-		L((n) => ({
+	let V = o((e, t) => {
+		B((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), z = c(() => {
-		let e = [...b];
-		if (I.searchQuery.trim()) {
-			let t = I.searchQuery.toLowerCase();
+	}, []), H = c(() => {
+		let e = [...C];
+		if (z.searchQuery.trim()) {
+			let t = z.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 (z.category && (e = e.filter((e) => e.category === z.category)), z.riskLevel && (e = e.filter((e) => e.riskLevel === z.riskLevel)), z.location && (e = e.filter((e) => e.location.includes(z.location))), z.minimumAmount) {
+			let t = parseInt(z.minimumAmount, 10);
 			e = e.filter((e) => e.minimumInvestment <= t);
 		}
-		switch (I.sortBy) {
+		switch (z.sortBy) {
 			case "returns":
 				e.sort((e, t) => t.expectedReturns - e.expectedReturns);
 				break;
@@ -285,243 +286,248 @@ function T() {
 			default: break;
 		}
 		return e;
-	}, [I]), B = o(() => {
-		if (!O || !M) return;
-		let e = parseInt(M, 10);
+	}, [z]), U = o(() => {
+		if (!j || !F) return;
+		let e = parseInt(F, 10);
 		if (!isNaN(e)) {
-			if (e < O.minimumInvestment) {
-				F("error");
+			if (e < j.minimumInvestment) {
+				R("error");
 				return;
 			}
-			if (e > O.maximumInvestment) {
-				F("error");
+			if (e > j.maximumInvestment) {
+				R("error");
 				return;
 			}
-			F("success"), setTimeout(() => {
-				j(!1), N(""), F("idle"), T("/investor/portfolio");
+			R("success"), setTimeout(() => {
+				P(!1), I(""), R("idle"), O("/investor/portfolio");
 			}, 1500);
 		}
 	}, [
-		O,
-		M,
-		T
-	]), V = o((e) => {
-		k(e), N(""), F("idle"), j(!0);
+		j,
+		F,
+		O
+	]), W = o((e) => {
+		M(e), I(""), R("idle"), P(!0);
 	}, []);
-	return E ? /* @__PURE__ */ v(n, {
+	return k ? /* @__PURE__ */ y(n, {
 		title: "Investment Opportunities",
 		description: "Loading opportunities...",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ y("div", {
+			children: /* @__PURE__ */ b("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ v("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ v("p", {
+				children: [/* @__PURE__ */ y("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ y("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading opportunities..."
 				})]
 			})
 		})
-	}) : /* @__PURE__ */ y(n, {
+	}) : /* @__PURE__ */ b(n, {
 		title: "Investment Opportunities",
 		description: "Discover and invest in growing local businesses",
-		actions: /* @__PURE__ */ y("span", {
+		actions: /* @__PURE__ */ b("span", {
 			className: "text-sm text-text-secondary",
-			children: [z.length, " opportunities"]
+			children: [H.length, " opportunities"]
 		}),
 		children: [
-			/* @__PURE__ */ y("div", {
-				className: "grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4",
+			/* @__PURE__ */ y(S, {
+				className: "mb-6",
+				icon: /* @__PURE__ */ y(_, { className: "h-4 w-4" }),
+				children: "Discover local businesses raising capital and back the ones you believe in. Compare expected returns, risk and funding progress, filter to match your strategy, and open any opportunity to review the full pitch before you invest."
+			}),
+			/* @__PURE__ */ b(x, {
+				className: "grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4 p-4",
 				children: [
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ b("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ v("p", {
+						children: [/* @__PURE__ */ y("p", {
 							className: "text-xs text-text-secondary",
 							children: "Active Opportunities"
-						}), /* @__PURE__ */ v("p", {
+						}), /* @__PURE__ */ y("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: x.totalOpportunities
+							children: w.totalOpportunities
 						})]
 					}),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ b("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ v("p", {
+						children: [/* @__PURE__ */ y("p", {
 							className: "text-xs text-text-secondary",
 							children: "Average Returns"
-						}), /* @__PURE__ */ y("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "text-lg font-bold text-status-success-text sm:text-2xl",
-							children: [x.averageReturns, "%"]
+							children: [w.averageReturns, "%"]
 						})]
 					}),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ b("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ v("p", {
+						children: [/* @__PURE__ */ y("p", {
 							className: "text-xs text-text-secondary",
 							children: "Total Funded"
-						}), /* @__PURE__ */ v("p", {
+						}), /* @__PURE__ */ y("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: i(x.totalFunded, {
+							children: i(w.totalFunded, {
 								minimumFractionDigits: 0,
 								notation: "compact"
 							})
 						})]
 					}),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ b("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ v("p", {
+						children: [/* @__PURE__ */ y("p", {
 							className: "text-xs text-text-secondary",
 							children: "Success Rate"
-						}), /* @__PURE__ */ y("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: [x.successRate, "%"]
+							children: [w.successRate, "%"]
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("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", {
+				children: /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6",
 					children: [
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ b("div", {
 							className: "relative sm:col-span-2 lg:col-span-1",
-							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", {
+							children: [/* @__PURE__ */ y(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ y("input", {
 								type: "text",
 								placeholder: "Search opportunities...",
-								value: I.searchQuery,
-								onChange: (e) => R("searchQuery", e.target.value),
+								value: z.searchQuery,
+								onChange: (e) => V("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),
+						/* @__PURE__ */ b("select", {
+							value: z.category,
+							onChange: (e) => V("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", {
+								/* @__PURE__ */ y("option", {
 									value: "",
 									children: "All Categories"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Healthy Food",
 									children: "Healthy Food"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Fast Food",
 									children: "Fast Food"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Fusion Food",
 									children: "Fusion Food"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Beverages",
 									children: "Beverages"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Street Food",
 									children: "Street Food"
 								})
 							]
 						}),
-						/* @__PURE__ */ y("select", {
-							value: I.riskLevel,
-							onChange: (e) => R("riskLevel", e.target.value),
+						/* @__PURE__ */ b("select", {
+							value: z.riskLevel,
+							onChange: (e) => V("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", {
+								/* @__PURE__ */ y("option", {
 									value: "",
 									children: "All Risk Levels"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "low",
 									children: "Low Risk"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "medium",
 									children: "Medium Risk"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "high",
 									children: "High Risk"
 								})
 							]
 						}),
-						/* @__PURE__ */ y("select", {
-							value: I.minimumAmount,
-							onChange: (e) => R("minimumAmount", e.target.value),
+						/* @__PURE__ */ b("select", {
+							value: z.minimumAmount,
+							onChange: (e) => V("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", {
+								/* @__PURE__ */ y("option", {
 									value: "",
 									children: "Any Amount"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "15000",
 									children: "Under ₹15,000"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "25000",
 									children: "Under ₹25,000"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "50000",
 									children: "Under ₹50,000"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "100000",
 									children: "Under ₹1,00,000"
 								})
 							]
 						}),
-						/* @__PURE__ */ y("select", {
-							value: I.location,
-							onChange: (e) => R("location", e.target.value),
+						/* @__PURE__ */ b("select", {
+							value: z.location,
+							onChange: (e) => V("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", {
+								/* @__PURE__ */ y("option", {
 									value: "",
 									children: "All Locations"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Whitefield",
 									children: "Whitefield"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Koramangala",
 									children: "Koramangala"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Indiranagar",
 									children: "Indiranagar"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Electronic City",
 									children: "Electronic City"
 								})
 							]
 						}),
-						/* @__PURE__ */ y("select", {
-							value: I.sortBy,
-							onChange: (e) => R("sortBy", e.target.value),
+						/* @__PURE__ */ b("select", {
+							value: z.sortBy,
+							onChange: (e) => V("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", {
+								/* @__PURE__ */ y("option", {
 									value: "featured",
 									children: "Featured"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "returns",
 									children: "Highest Returns"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "funding",
 									children: "Most Funded"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "closing",
 									children: "Closing Soon"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "minimum",
 									children: "Lowest Minimum"
 								})
@@ -530,15 +536,15 @@ function T() {
 					]
 				})
 			}),
-			z.length === 0 ? /* @__PURE__ */ v("div", {
+			H.length === 0 ? /* @__PURE__ */ y("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ v(r, {
-					icon: /* @__PURE__ */ v(h, { className: "h-10 w-10" }),
+				children: /* @__PURE__ */ y(r, {
+					illustration: "empty-search",
 					title: "No opportunities found",
 					description: "Try adjusting your filters to find more opportunities",
-					action: /* @__PURE__ */ v("button", {
+					action: /* @__PURE__ */ y("button", {
 						type: "button",
-						onClick: () => L({
+						onClick: () => B({
 							searchQuery: "",
 							category: "",
 							riskLevel: "",
@@ -550,178 +556,178 @@ function T() {
 						children: "Clear Filters"
 					})
 				})
-			}) : /* @__PURE__ */ v("div", {
+			}) : /* @__PURE__ */ y("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);
-					return /* @__PURE__ */ y("div", {
+				children: H.map((e) => {
+					let n = D(e.raisedAmount, e.targetAmount);
+					return /* @__PURE__ */ b("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm hover:shadow-md transition-shadow",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "relative",
 							children: [
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ y("div", {
 									className: "h-40 w-full overflow-hidden rounded-t-lg bg-bg-sunken sm:h-48",
-									children: /* @__PURE__ */ v("img", {
+									children: /* @__PURE__ */ y("img", {
 										src: e.image,
 										alt: e.cartName,
 										className: "h-full w-full object-cover",
 										loading: "lazy"
 									})
 								}),
-								e.status === "funded" && /* @__PURE__ */ v("div", {
+								e.status === "funded" && /* @__PURE__ */ y("div", {
 									className: "absolute right-2 top-2 rounded-full bg-status-success-bg-subtle px-2 py-1 text-xs font-medium text-white sm:right-4 sm:top-4 sm:px-3",
 									children: "Fully Funded"
 								}),
-								e.daysLeft > 0 && e.daysLeft <= 7 && /* @__PURE__ */ y("div", {
+								e.daysLeft > 0 && e.daysLeft <= 7 && /* @__PURE__ */ b("div", {
 									className: "absolute left-2 top-2 rounded-full bg-status-error-bg-subtle px-2 py-1 text-xs font-medium text-white sm:left-4 sm:top-4 sm:px-3",
 									children: [e.daysLeft, " days left"]
 								})
 							]
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "p-4 sm:p-6",
 							children: [
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-									children: [/* @__PURE__ */ y("div", {
+									children: [/* @__PURE__ */ b("div", {
 										className: "flex-1",
 										children: [
-											/* @__PURE__ */ v("h3", {
+											/* @__PURE__ */ y("h3", {
 												className: "text-base font-semibold text-text-primary sm:text-xl",
 												children: e.cartName
 											}),
-											/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ b("p", {
 												className: "text-xs text-text-secondary sm:text-sm",
 												children: ["by ", e.cartOwner]
 											}),
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "mt-2 flex flex-wrap items-center gap-2",
-												children: [/* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ y("span", {
 													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)
+												}), /* @__PURE__ */ y("span", {
+													className: t("rounded-full px-2 py-0.5 text-xs font-medium", T(e.riskLevel)),
+													children: E(e.riskLevel)
 												})]
 											})
 										]
-									}), /* @__PURE__ */ y("div", {
+									}), /* @__PURE__ */ b("div", {
 										className: "text-left sm:text-right",
-										children: [/* @__PURE__ */ y("p", {
+										children: [/* @__PURE__ */ b("p", {
 											className: "text-xl font-bold text-status-success-text sm:text-2xl",
 											children: [e.expectedReturns, "%"]
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-xs text-text-secondary",
 											children: "Expected Returns"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ v("p", {
+								/* @__PURE__ */ y("p", {
 									className: "mb-4 text-sm leading-relaxed text-text-secondary line-clamp-2",
 									children: e.description
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "mb-4",
 									children: [
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: "mb-1 flex justify-between text-xs sm:text-sm",
-											children: [/* @__PURE__ */ y("span", {
+											children: [/* @__PURE__ */ b("span", {
 												className: "font-medium text-text-primary",
 												children: [
 													i(e.raisedAmount, { minimumFractionDigits: 0 }),
 													" ",
 													"raised"
 												]
-											}), /* @__PURE__ */ y("span", {
+											}), /* @__PURE__ */ b("span", {
 												className: "text-text-secondary",
 												children: ["of ", i(e.targetAmount, { minimumFractionDigits: 0 })]
 											})]
 										}),
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ y("div", {
 											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ v("div", {
+											children: /* @__PURE__ */ y("div", {
 												className: "h-full rounded-full bg-action-primary-bg transition-all duration-300",
 												style: { width: `${n}%` }
 											})
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: "mt-1 flex justify-between text-xs text-text-secondary",
-											children: [/* @__PURE__ */ y("span", { children: [e.investorCount, " investors"] }), /* @__PURE__ */ y("span", { children: [n.toFixed(0), "% funded"] })]
+											children: [/* @__PURE__ */ b("span", { children: [e.investorCount, " investors"] }), /* @__PURE__ */ b("span", { children: [n.toFixed(0), "% funded"] })]
 										})
 									]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "mb-4 grid grid-cols-3 gap-2 text-center sm:gap-4",
 									children: [
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 											className: "text-sm font-bold text-text-primary sm:text-lg",
 											children: i(e.minimumInvestment, { minimumFractionDigits: 0 })
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-xs text-text-secondary",
 											children: "Min Investment"
 										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("p", {
 											className: "text-sm font-bold text-text-primary sm:text-lg",
 											children: [e.paybackPeriod, " mo"]
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-xs text-text-secondary",
 											children: "Payback Period"
 										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
 											className: "flex items-center justify-center gap-1",
-											children: [/* @__PURE__ */ v(g, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ v("p", {
+											children: [/* @__PURE__ */ y(g, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ y("p", {
 												className: "text-sm font-bold text-text-primary sm:text-lg",
 												children: e.businessMetrics.rating
 											})]
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-xs text-text-secondary",
 											children: "Rating"
 										})] })
 									]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "mb-4 border-t border-border-subtle pt-3 sm:pt-4",
-									children: [/* @__PURE__ */ v("p", {
+									children: [/* @__PURE__ */ y("p", {
 										className: "mb-2 text-xs font-medium text-text-secondary sm:text-sm",
 										children: "Business Performance"
-									}), /* @__PURE__ */ y("div", {
+									}), /* @__PURE__ */ b("div", {
 										className: "grid grid-cols-1 gap-2 text-xs sm:grid-cols-2 sm:text-sm",
 										children: [
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ y("span", {
 													className: "text-text-secondary",
 													children: "Monthly Revenue:"
-												}), /* @__PURE__ */ v("span", {
+												}), /* @__PURE__ */ y("span", {
 													className: "font-medium text-text-primary",
 													children: i(e.businessMetrics.monthlyRevenue, { minimumFractionDigits: 0 })
 												})]
 											}),
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ y("span", {
 													className: "text-text-secondary",
 													children: "Gross Margin:"
-												}), /* @__PURE__ */ y("span", {
+												}), /* @__PURE__ */ b("span", {
 													className: "font-medium text-text-primary",
 													children: [e.financials.grossMargin, "%"]
 												})]
 											}),
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ y("span", {
 													className: "text-text-secondary",
 													children: "Monthly Orders:"
-												}), /* @__PURE__ */ v("span", {
+												}), /* @__PURE__ */ y("span", {
 													className: "font-medium text-text-primary",
 													children: a(e.businessMetrics.monthlyOrders)
 												})]
 											}),
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ y("span", {
 													className: "text-text-secondary",
 													children: "Net Margin:"
-												}), /* @__PURE__ */ y("span", {
+												}), /* @__PURE__ */ b("span", {
 													className: "font-medium text-text-primary",
 													children: [e.financials.netMargin, "%"]
 												})]
@@ -729,30 +735,30 @@ function T() {
 										]
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ y("div", {
 									className: "mb-4 border-t border-border-subtle pt-3",
-									children: /* @__PURE__ */ y("div", {
+									children: /* @__PURE__ */ b("div", {
 										className: "flex items-center gap-1.5 text-xs text-text-secondary",
-										children: [/* @__PURE__ */ v(f, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ y("span", { children: [e.documents.length, " documents available"] })]
+										children: [/* @__PURE__ */ y(f, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ b("span", { children: [e.documents.length, " documents available"] })]
 									})
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "mb-4 flex items-center gap-1.5 text-xs text-text-secondary",
-									children: [/* @__PURE__ */ v(m, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ v("span", { children: e.location })]
+									children: [/* @__PURE__ */ y(m, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ y("span", { children: e.location })]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-2 sm:flex-row sm:gap-3",
-									children: [/* @__PURE__ */ v("button", {
+									children: [/* @__PURE__ */ y("button", {
 										type: "button",
-										onClick: () => V(e),
+										onClick: () => W(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", {
+									}), /* @__PURE__ */ b("button", {
 										type: "button",
-										onClick: () => T(`/investor/opportunities/${e.id}`),
+										onClick: () => O(`/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"]
+										children: [/* @__PURE__ */ y(d, { className: "h-4 w-4" }), "View Details"]
 									})]
 								})
 							]
@@ -760,168 +766,168 @@ function T() {
 					}, e.id);
 				})
 			}),
-			A && O && /* @__PURE__ */ v("div", {
+			N && j && /* @__PURE__ */ y("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ y("div", {
+				children: /* @__PURE__ */ b("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",
 					children: [
-						/* @__PURE__ */ v("button", {
+						/* @__PURE__ */ y("button", {
 							type: "button",
 							onClick: () => {
-								j(!1), N(""), F("idle");
+								P(!1), I(""), R("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" })
+							children: /* @__PURE__ */ y(v, { className: "h-5 w-5" })
 						}),
-						/* @__PURE__ */ y("h3", {
+						/* @__PURE__ */ b("h3", {
 							className: "mb-4 text-base font-semibold text-text-primary sm:text-lg",
-							children: ["Invest in ", O.cartName]
+							children: ["Invest in ", j.cartName]
 						}),
-						P === "success" ? /* @__PURE__ */ y("div", {
+						L === "success" ? /* @__PURE__ */ b("div", {
 							className: "py-8 text-center",
 							children: [
-								/* @__PURE__ */ v(u, { className: "mx-auto mb-3 h-12 w-12 text-status-success-text" }),
-								/* @__PURE__ */ v("p", {
+								/* @__PURE__ */ y(u, { className: "mx-auto mb-3 h-12 w-12 text-status-success-text" }),
+								/* @__PURE__ */ y("p", {
 									className: "text-sm font-medium text-text-primary",
 									children: "Investment successful!"
 								}),
-								/* @__PURE__ */ v("p", {
+								/* @__PURE__ */ y("p", {
 									className: "mt-1 text-xs text-text-secondary",
 									children: "Redirecting to your portfolio..."
 								})
 							]
-						}) : /* @__PURE__ */ y("div", {
+						}) : /* @__PURE__ */ b("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 									className: "mb-1 text-xs text-text-secondary sm:text-sm",
 									children: "Investment Range"
-								}), /* @__PURE__ */ y("p", {
+								}), /* @__PURE__ */ b("p", {
 									className: "text-sm font-medium text-text-primary sm:text-base",
 									children: [
-										i(O.minimumInvestment, { minimumFractionDigits: 0 }),
+										i(j.minimumInvestment, { minimumFractionDigits: 0 }),
 										" ",
 										"-",
 										" ",
-										i(O.maximumInvestment, { minimumFractionDigits: 0 })
+										i(j.maximumInvestment, { minimumFractionDigits: 0 })
 									]
 								})] }),
-								/* @__PURE__ */ y("div", { children: [
-									/* @__PURE__ */ v("label", {
+								/* @__PURE__ */ b("div", { children: [
+									/* @__PURE__ */ y("label", {
 										className: "mb-1 block text-xs font-medium text-text-primary sm:text-sm",
 										children: "Investment Amount"
 									}),
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ b("div", {
 										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", {
+										children: [/* @__PURE__ */ y(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ y("input", {
 											type: "number",
-											value: M,
+											value: F,
 											onChange: (e) => {
-												N(e.target.value), F("idle");
+												I(e.target.value), R("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", {
+									L === "error" && /* @__PURE__ */ b("p", {
 										className: "mt-1 text-xs text-status-error-text",
 										children: [
 											"Amount must be between",
 											" ",
-											i(O.minimumInvestment, { minimumFractionDigits: 0 }),
+											i(j.minimumInvestment, { minimumFractionDigits: 0 }),
 											" ",
 											"and",
 											" ",
-											i(O.maximumInvestment, { minimumFractionDigits: 0 })
+											i(j.maximumInvestment, { minimumFractionDigits: 0 })
 										]
 									})
 								] }),
-								M && !isNaN(parseInt(M, 10)) && parseInt(M, 10) > 0 && /* @__PURE__ */ y("div", {
+								F && !isNaN(parseInt(F, 10)) && parseInt(F, 10) > 0 && /* @__PURE__ */ b("div", {
 									className: "rounded-lg border border-border-subtle bg-bg-sunken/50 p-3 sm:p-4",
-									children: [/* @__PURE__ */ v("p", {
+									children: [/* @__PURE__ */ y("p", {
 										className: "mb-2 text-xs text-text-secondary sm:text-sm",
 										children: "Expected Returns"
-									}), /* @__PURE__ */ y("div", {
+									}), /* @__PURE__ */ b("div", {
 										className: "space-y-1.5",
 										children: [
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ y("span", {
 													className: "text-xs text-text-primary sm:text-sm",
 													children: "Investment:"
-												}), /* @__PURE__ */ v("span", {
+												}), /* @__PURE__ */ y("span", {
 													className: "text-xs font-medium text-text-primary sm:text-sm",
-													children: i(parseInt(M, 10), { minimumFractionDigits: 0 })
+													children: i(parseInt(F, 10), { minimumFractionDigits: 0 })
 												})]
 											}),
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ y("span", {
+												children: [/* @__PURE__ */ b("span", {
 													className: "text-xs text-text-primary sm:text-sm",
 													children: [
 														"Expected Return (",
-														O.expectedReturns,
+														j.expectedReturns,
 														"%):"
 													]
-												}), /* @__PURE__ */ y("span", {
+												}), /* @__PURE__ */ b("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(F, 10) * j.expectedReturns / 100, { minimumFractionDigits: 0 })]
 												})]
 											}),
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex justify-between border-t border-border-subtle pt-2",
-												children: [/* @__PURE__ */ v("span", {
+												children: [/* @__PURE__ */ y("span", {
 													className: "text-xs font-medium text-text-primary sm:text-sm",
 													children: "Total Value:"
-												}), /* @__PURE__ */ v("span", {
+												}), /* @__PURE__ */ y("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(F, 10) * (1 + j.expectedReturns / 100), { minimumFractionDigits: 0 })
 												})]
 											})
 										]
 									})]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "space-y-1 text-xs text-text-secondary sm:text-sm",
 									children: [
-										/* @__PURE__ */ y("p", { children: [
+										/* @__PURE__ */ b("p", { children: [
 											"• Minimum lock-in period:",
 											" ",
-											O.investmentTerms.lockInPeriod,
+											j.investmentTerms.lockInPeriod,
 											" months"
 										] }),
-										/* @__PURE__ */ y("p", { children: [
+										/* @__PURE__ */ b("p", { children: [
 											"• Dividend frequency:",
 											" ",
-											O.investmentTerms.dividendFrequency
+											j.investmentTerms.dividendFrequency
 										] }),
-										/* @__PURE__ */ y("p", { children: [
+										/* @__PURE__ */ b("p", { children: [
 											"• Your equity stake:",
 											" ",
-											((parseInt(M, 10) || 0) / O.targetAmount * O.investmentTerms.equityOffered).toFixed(2),
+											((parseInt(F, 10) || 0) / j.targetAmount * j.investmentTerms.equityOffered).toFixed(2),
 											"%"
 										] }),
-										/* @__PURE__ */ y("p", { children: [
+										/* @__PURE__ */ b("p", { children: [
 											"• Exit options:",
 											" ",
-											O.investmentTerms.exitOptions.join(", ")
+											j.investmentTerms.exitOptions.join(", ")
 										] })
 									]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex flex-col gap-2 pt-2 sm:flex-row sm:gap-3",
-									children: [/* @__PURE__ */ v("button", {
+									children: [/* @__PURE__ */ y("button", {
 										type: "button",
 										onClick: () => {
-											j(!1), N(""), F("idle");
+											P(!1), I(""), R("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", {
+									}), /* @__PURE__ */ y("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: U,
+										disabled: !F || isNaN(parseInt(F, 10)) || parseInt(F, 10) < j.minimumInvestment,
+										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", !F || isNaN(parseInt(F, 10)) || parseInt(F, 10) < j.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 { O as InvestmentOpportunitiesPage };
 
 //# sourceMappingURL=InvestmentOpportunitiesPage.js.map