@burdenoff/microfe-kadaikodi 2026.704.1 → 2026.704.2

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

@@ -3,13 +3,13 @@ import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { useInvest as i, useInvestmentOpportunities as a } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as o, formatNumber as s } from "../../utils/formatters.js";
-import { useCallback as c, useMemo as l, useState as u } from "react";
-import { Briefcase as d, CheckCircle2 as f, Eye as p, FileText as m, IndianRupee as h, MapPin as g, Search as _, Star as v, X as y } from "lucide-react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { EmphasisPanel as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+import { formatCurrency as o } from "../../utils/formatters.js";
+import { useCallback as s, useMemo as c, useState as l } from "react";
+import { Briefcase as u, CheckCircle2 as d, Eye as f, FileText as p, IndianRupee as m, Search as h, X as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { EmphasisPanel as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/investor/InvestmentOpportunitiesPage.tsx
-function w(e) {
+function x(e) {
 	let t = e.expiresAt ? Math.max(0, Math.ceil((new Date(e.expiresAt).getTime() - Date.now()) / 864e5)) : 0;
 	return {
 		id: e.id,
@@ -57,7 +57,7 @@ function w(e) {
 		status: e.status
 	};
 }
-function T(e) {
+function S(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";
@@ -65,7 +65,7 @@ function T(e) {
 		default: return "bg-bg-sunken text-text-secondary";
 	}
 }
-function E(e) {
+function C(e) {
 	switch (e) {
 		case "low": return "Low Risk";
 		case "medium": return "Medium Risk";
@@ -73,41 +73,40 @@ function E(e) {
 		default: return e;
 	}
 }
-function D(e, t) {
+function w(e, t) {
 	return t > 0 ? Math.min(e / t * 100, 100) : 0;
 }
-function O() {
-	let { navigateTo: O, currentUser: k } = e(), { data: A = [], isLoading: j } = a(), M = i(), [N, P] = u(null), [F, I] = u(!1), [L, R] = u(""), [z, B] = u("idle"), [V, H] = u({
+function T() {
+	let { navigateTo: T, currentUser: E } = e(), { data: D = [], isLoading: O } = a(), k = i(), [A, j] = l(null), [M, N] = l(!1), [P, F] = l(""), [I, L] = l("idle"), [R, z] = l({
 		searchQuery: "",
 		category: "",
 		riskLevel: "",
 		minimumAmount: "",
-		location: "",
 		sortBy: "featured"
-	}), U = l(() => A.map(w), [A]), W = l(() => {
-		let e = U.length;
+	}), B = c(() => D.map(x), [D]), V = c(() => {
+		let e = B.length;
 		return {
 			totalOpportunities: e,
-			averageReturns: e ? Number((U.reduce((e, t) => e + t.expectedReturns, 0) / e).toFixed(1)) : 0,
-			totalFunded: U.reduce((e, t) => e + t.raisedAmount, 0),
-			totalTarget: U.reduce((e, t) => e + t.targetAmount, 0)
+			averageReturns: e ? Number((B.reduce((e, t) => e + t.expectedReturns, 0) / e).toFixed(1)) : 0,
+			totalFunded: B.reduce((e, t) => e + t.raisedAmount, 0),
+			totalTarget: B.reduce((e, t) => e + t.targetAmount, 0)
 		};
-	}, [U]), G = c((e, t) => {
-		H((n) => ({
+	}, [B]), H = s((e, t) => {
+		z((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), K = l(() => {
-		let e = [...U];
-		if (V.searchQuery.trim()) {
-			let t = V.searchQuery.toLowerCase();
+	}, []), U = c(() => {
+		let e = [...B];
+		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 (V.category && (e = e.filter((e) => e.category === V.category)), V.riskLevel && (e = e.filter((e) => e.riskLevel === V.riskLevel)), V.location && (e = e.filter((e) => e.location.includes(V.location))), V.minimumAmount) {
-			let t = parseInt(V.minimumAmount, 10);
+		if (R.category && (e = e.filter((e) => e.category === R.category)), R.riskLevel && (e = e.filter((e) => e.riskLevel === R.riskLevel)), R.minimumAmount) {
+			let t = parseInt(R.minimumAmount, 10);
 			e = e.filter((e) => e.minimumInvestment <= t);
 		}
-		switch (V.sortBy) {
+		switch (R.sortBy) {
 			case "returns":
 				e.sort((e, t) => t.expectedReturns - e.expectedReturns);
 				break;
@@ -123,112 +122,112 @@ function O() {
 			default: break;
 		}
 		return e;
-	}, [V, U]), q = c(() => {
-		if (!N || !L) return;
-		let e = parseInt(L, 10);
+	}, [R, B]), W = s(() => {
+		if (!A || !P) return;
+		let e = parseInt(P, 10);
 		if (!isNaN(e)) {
-			if (e < N.minimumInvestment) {
-				B("error");
+			if (e < A.minimumInvestment) {
+				L("error");
 				return;
 			}
-			if (e > N.maximumInvestment) {
-				B("error");
+			if (e > A.maximumInvestment) {
+				L("error");
 				return;
 			}
-			M.mutate({
+			k.mutate({
 				amount: e,
-				investorId: k?.id ?? "",
-				opportunityId: N.id
+				investorId: E?.id ?? "",
+				opportunityId: A.id
 			}, {
 				onSuccess: () => {
-					B("success"), setTimeout(() => {
-						I(!1), R(""), B("idle"), O("/investor/portfolio");
+					L("success"), setTimeout(() => {
+						N(!1), F(""), L("idle"), T("/investor/portfolio");
 					}, 1500);
 				},
-				onError: () => B("error")
+				onError: () => L("error")
 			});
 		}
 	}, [
-		N,
-		L,
-		O,
-		M,
-		k?.id
-	]), J = c((e) => {
-		P(e), R(""), B("idle"), I(!0);
+		A,
+		P,
+		T,
+		k,
+		E?.id
+	]), G = s((e) => {
+		j(e), F(""), L("idle"), N(!0);
 	}, []);
-	return j ? /* @__PURE__ */ b(n, {
+	return O ? /* @__PURE__ */ _(n, {
 		title: "Investment Opportunities",
 		description: "Loading opportunities...",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ x("div", {
+			children: /* @__PURE__ */ v("div", {
 				className: "text-center",
-				children: [/* @__PURE__ */ b("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ b("p", {
+				children: [/* @__PURE__ */ _("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ _("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading opportunities..."
 				})]
 			})
 		})
-	}) : /* @__PURE__ */ x(n, {
+	}) : /* @__PURE__ */ v(n, {
 		title: "Investment Opportunities",
 		description: "Discover and invest in growing local businesses",
-		actions: /* @__PURE__ */ x("span", {
+		actions: /* @__PURE__ */ v("span", {
 			className: "text-sm text-text-secondary",
-			children: [K.length, " opportunities"]
+			children: [U.length, " opportunities"]
 		}),
 		children: [
-			/* @__PURE__ */ b(C, {
+			/* @__PURE__ */ _(b, {
 				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__ */ x(S, { children: [/* @__PURE__ */ b("h2", {
+			/* @__PURE__ */ v(y, { children: [/* @__PURE__ */ _("h2", {
 				className: "mb-4 text-base font-semibold text-text-primary",
 				children: "Platform Performance"
-			}), /* @__PURE__ */ x("div", {
+			}), /* @__PURE__ */ v("div", {
 				className: "grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ v("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ b("p", {
+						children: [/* @__PURE__ */ _("p", {
 							className: "text-xs text-text-secondary",
 							children: "Active Opportunities"
-						}), /* @__PURE__ */ b("p", {
+						}), /* @__PURE__ */ _("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: W.totalOpportunities
+							children: V.totalOpportunities
 						})]
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ v("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ b("p", {
+						children: [/* @__PURE__ */ _("p", {
 							className: "text-xs text-text-secondary",
 							children: "Average Returns"
-						}), /* @__PURE__ */ x("p", {
+						}), /* @__PURE__ */ v("p", {
 							className: "text-lg font-bold text-status-success-text sm:text-2xl",
-							children: [W.averageReturns, "%"]
+							children: [V.averageReturns, "%"]
 						})]
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ v("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ b("p", {
+						children: [/* @__PURE__ */ _("p", {
 							className: "text-xs text-text-secondary",
 							children: "Total Funded"
-						}), /* @__PURE__ */ b("p", {
+						}), /* @__PURE__ */ _("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: o(W.totalFunded, {
+							children: o(V.totalFunded, {
 								minimumFractionDigits: 0,
 								notation: "compact"
 							})
 						})]
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ v("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ b("p", {
+						children: [/* @__PURE__ */ _("p", {
 							className: "text-xs text-text-secondary",
 							children: "Total Target"
-						}), /* @__PURE__ */ b("p", {
+						}), /* @__PURE__ */ _("p", {
 							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: o(W.totalTarget, {
+							children: o(V.totalTarget, {
 								minimumFractionDigits: 0,
 								notation: "compact"
 							})
@@ -236,151 +235,124 @@ function O() {
 					})
 				]
 			})] }),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ _("div", {
 				className: "mt-6 rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6",
-				children: /* @__PURE__ */ x("div", {
-					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6",
+				children: /* @__PURE__ */ v("div", {
+					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
 					children: [
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ v("div", {
 							className: "relative sm:col-span-2 lg:col-span-1",
-							children: [/* @__PURE__ */ b(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ b("input", {
+							children: [/* @__PURE__ */ _(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ _("input", {
 								type: "text",
 								placeholder: "Search opportunities...",
-								value: V.searchQuery,
-								onChange: (e) => G("searchQuery", e.target.value),
+								value: R.searchQuery,
+								onChange: (e) => H("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__ */ x("select", {
-							value: V.category,
-							onChange: (e) => G("category", e.target.value),
+						/* @__PURE__ */ v("select", {
+							value: R.category,
+							onChange: (e) => H("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__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "",
 									children: "All Categories"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "Healthy Food",
 									children: "Healthy Food"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "Fast Food",
 									children: "Fast Food"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "Fusion Food",
 									children: "Fusion Food"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "Beverages",
 									children: "Beverages"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "Street Food",
 									children: "Street Food"
 								})
 							]
 						}),
-						/* @__PURE__ */ x("select", {
-							value: V.riskLevel,
-							onChange: (e) => G("riskLevel", e.target.value),
+						/* @__PURE__ */ v("select", {
+							value: R.riskLevel,
+							onChange: (e) => H("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__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "",
 									children: "All Risk Levels"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "low",
 									children: "Low Risk"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "medium",
 									children: "Medium Risk"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "high",
 									children: "High Risk"
 								})
 							]
 						}),
-						/* @__PURE__ */ x("select", {
-							value: V.minimumAmount,
-							onChange: (e) => G("minimumAmount", e.target.value),
+						/* @__PURE__ */ v("select", {
+							value: R.minimumAmount,
+							onChange: (e) => H("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__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "",
 									children: "Any Amount"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "15000",
 									children: "Under ₹15,000"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "25000",
 									children: "Under ₹25,000"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "50000",
 									children: "Under ₹50,000"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "100000",
 									children: "Under ₹1,00,000"
 								})
 							]
 						}),
-						/* @__PURE__ */ x("select", {
-							value: V.location,
-							onChange: (e) => G("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__ */ b("option", {
-									value: "",
-									children: "All Locations"
-								}),
-								/* @__PURE__ */ b("option", {
-									value: "Whitefield",
-									children: "Whitefield"
-								}),
-								/* @__PURE__ */ b("option", {
-									value: "Koramangala",
-									children: "Koramangala"
-								}),
-								/* @__PURE__ */ b("option", {
-									value: "Indiranagar",
-									children: "Indiranagar"
-								}),
-								/* @__PURE__ */ b("option", {
-									value: "Electronic City",
-									children: "Electronic City"
-								})
-							]
-						}),
-						/* @__PURE__ */ x("select", {
-							value: V.sortBy,
-							onChange: (e) => G("sortBy", e.target.value),
+						/* @__PURE__ */ v("select", {
+							value: R.sortBy,
+							onChange: (e) => H("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__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "featured",
 									children: "Featured"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "returns",
 									children: "Highest Returns"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "funding",
 									children: "Most Funded"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "closing",
 									children: "Closing Soon"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ _("option", {
 									value: "minimum",
 									children: "Lowest Minimum"
 								})
@@ -389,224 +361,155 @@ function O() {
 					]
 				})
 			}),
-			K.length === 0 ? /* @__PURE__ */ b("div", {
+			U.length === 0 ? /* @__PURE__ */ _("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ b(r, {
-					icon: /* @__PURE__ */ b(_, { className: "h-10 w-10" }),
+				children: /* @__PURE__ */ _(r, {
+					icon: /* @__PURE__ */ _(h, { className: "h-10 w-10" }),
 					title: "No opportunities found",
 					description: "Try adjusting your filters to find more opportunities",
-					action: /* @__PURE__ */ b("button", {
+					action: /* @__PURE__ */ _("button", {
 						type: "button",
-						onClick: () => H({
+						onClick: () => z({
 							searchQuery: "",
 							category: "",
 							riskLevel: "",
 							minimumAmount: "",
-							location: "",
 							sortBy: "featured"
 						}),
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 						children: "Clear Filters"
 					})
 				})
-			}) : /* @__PURE__ */ b("div", {
+			}) : /* @__PURE__ */ _("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 lg:grid-cols-2",
-				children: K.map((e) => {
-					let n = D(e.raisedAmount, e.targetAmount);
-					return /* @__PURE__ */ x("div", {
+				children: U.map((e) => {
+					let n = w(e.raisedAmount, e.targetAmount);
+					return /* @__PURE__ */ v("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm hover:shadow-md transition-shadow",
-						children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ v("div", {
 							className: "relative",
 							children: [
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ _("div", {
 									className: "flex h-40 w-full items-center justify-center overflow-hidden rounded-t-lg bg-bg-sunken sm:h-48",
-									children: /* @__PURE__ */ b(d, { className: "h-10 w-10 text-text-secondary" })
+									children: /* @__PURE__ */ _(u, { className: "h-10 w-10 text-text-secondary" })
 								}),
-								e.status === "funded" && /* @__PURE__ */ b("div", {
+								e.status === "funded" && /* @__PURE__ */ _("div", {
 									className: "absolute right-2 top-2 rounded-full bg-status-success-text 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__ */ x("div", {
+								e.daysLeft > 0 && e.daysLeft <= 7 && /* @__PURE__ */ v("div", {
 									className: "absolute left-2 top-2 rounded-full bg-status-error-text 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__ */ x("div", {
+						}), /* @__PURE__ */ v("div", {
 							className: "p-4 sm:p-6",
 							children: [
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ v("div", {
 									className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-									children: [/* @__PURE__ */ x("div", {
+									children: [/* @__PURE__ */ v("div", {
 										className: "flex-1",
 										children: [
-											/* @__PURE__ */ b("h3", {
+											/* @__PURE__ */ _("h3", {
 												className: "text-base font-semibold text-text-primary sm:text-xl",
 												children: e.cartName
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ v("p", {
 												className: "text-xs text-text-secondary sm:text-sm",
 												children: ["by ", e.cartOwner]
 											}),
-											/* @__PURE__ */ x("div", {
+											/* @__PURE__ */ v("div", {
 												className: "mt-2 flex flex-wrap items-center gap-2",
-												children: [/* @__PURE__ */ b("span", {
+												children: [/* @__PURE__ */ _("span", {
 													className: "text-xs text-text-secondary sm:text-sm",
 													children: e.category
-												}), /* @__PURE__ */ b("span", {
-													className: t("rounded-full px-2 py-0.5 text-xs font-medium", T(e.riskLevel)),
-													children: E(e.riskLevel)
+												}), /* @__PURE__ */ _("span", {
+													className: t("rounded-full px-2 py-0.5 text-xs font-medium", S(e.riskLevel)),
+													children: C(e.riskLevel)
 												})]
 											})
 										]
-									}), /* @__PURE__ */ x("div", {
+									}), /* @__PURE__ */ v("div", {
 										className: "text-left sm:text-right",
-										children: [/* @__PURE__ */ x("p", {
+										children: [/* @__PURE__ */ v("p", {
 											className: "text-xl font-bold text-status-success-text sm:text-2xl",
 											children: [e.expectedReturns, "%"]
-										}), /* @__PURE__ */ b("p", {
+										}), /* @__PURE__ */ _("p", {
 											className: "text-xs text-text-secondary",
 											children: "Expected Returns"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ b("p", {
+								/* @__PURE__ */ _("p", {
 									className: "mb-4 text-sm leading-relaxed text-text-secondary line-clamp-2",
 									children: e.description
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ v("div", {
 									className: "mb-4",
 									children: [
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ v("div", {
 											className: "mb-1 flex justify-between text-xs sm:text-sm",
-											children: [/* @__PURE__ */ x("span", {
+											children: [/* @__PURE__ */ v("span", {
 												className: "font-medium text-text-primary",
 												children: [
 													o(e.raisedAmount, { minimumFractionDigits: 0 }),
 													" ",
 													"raised"
 												]
-											}), /* @__PURE__ */ x("span", {
+											}), /* @__PURE__ */ v("span", {
 												className: "text-text-secondary",
 												children: ["of ", o(e.targetAmount, { minimumFractionDigits: 0 })]
 											})]
 										}),
-										/* @__PURE__ */ b("div", {
+										/* @__PURE__ */ _("div", {
 											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ b("div", {
+											children: /* @__PURE__ */ _("div", {
 												className: "h-full rounded-full bg-action-primary-bg transition-all duration-300",
 												style: { width: `${n}%` }
 											})
 										}),
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ v("div", {
 											className: "mt-1 flex justify-between text-xs text-text-secondary",
-											children: [/* @__PURE__ */ x("span", { children: [e.investorCount, " investors"] }), /* @__PURE__ */ x("span", { children: [n.toFixed(0), "% funded"] })]
+											children: [/* @__PURE__ */ v("span", { children: [e.investorCount, " investors"] }), /* @__PURE__ */ v("span", { children: [n.toFixed(0), "% funded"] })]
 										})
 									]
 								}),
-								/* @__PURE__ */ x("div", {
-									className: "mb-4 grid grid-cols-3 gap-2 text-center sm:gap-4",
-									children: [
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-											className: "text-sm font-bold text-text-primary sm:text-lg",
-											children: o(e.minimumInvestment, { minimumFractionDigits: 0 })
-										}), /* @__PURE__ */ b("p", {
-											className: "text-xs text-text-secondary",
-											children: "Min Investment"
-										})] }),
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
-											className: "text-sm font-bold text-text-primary sm:text-lg",
-											children: [e.paybackPeriod, " mo"]
-										}), /* @__PURE__ */ b("p", {
-											className: "text-xs text-text-secondary",
-											children: "Payback Period"
-										})] }),
-										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
-											className: "flex items-center justify-center gap-1",
-											children: [/* @__PURE__ */ b(v, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ b("p", {
-												className: "text-sm font-bold text-text-primary sm:text-lg",
-												children: e.businessMetrics.rating
-											})]
-										}), /* @__PURE__ */ b("p", {
-											className: "text-xs text-text-secondary",
-											children: "Rating"
-										})] })
-									]
-								}),
-								/* @__PURE__ */ x("div", {
-									className: "mb-4 border-t border-border-subtle pt-3 sm:pt-4",
-									children: [/* @__PURE__ */ b("p", {
-										className: "mb-2 text-xs font-medium text-text-secondary sm:text-sm",
-										children: "Business Performance"
-									}), /* @__PURE__ */ x("div", {
-										className: "grid grid-cols-1 gap-2 text-xs sm:grid-cols-2 sm:text-sm",
-										children: [
-											/* @__PURE__ */ x("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ b("span", {
-													className: "text-text-secondary",
-													children: "Monthly Revenue:"
-												}), /* @__PURE__ */ b("span", {
-													className: "font-medium text-text-primary",
-													children: o(e.businessMetrics.monthlyRevenue, { minimumFractionDigits: 0 })
-												})]
-											}),
-											/* @__PURE__ */ x("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ b("span", {
-													className: "text-text-secondary",
-													children: "Gross Margin:"
-												}), /* @__PURE__ */ x("span", {
-													className: "font-medium text-text-primary",
-													children: [e.financials.grossMargin, "%"]
-												})]
-											}),
-											/* @__PURE__ */ x("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ b("span", {
-													className: "text-text-secondary",
-													children: "Monthly Orders:"
-												}), /* @__PURE__ */ b("span", {
-													className: "font-medium text-text-primary",
-													children: s(e.businessMetrics.monthlyOrders)
-												})]
-											}),
-											/* @__PURE__ */ x("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ b("span", {
-													className: "text-text-secondary",
-													children: "Net Margin:"
-												}), /* @__PURE__ */ x("span", {
-													className: "font-medium text-text-primary",
-													children: [e.financials.netMargin, "%"]
-												})]
-											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ v("div", {
+									className: "mb-4 grid grid-cols-2 gap-2 text-center sm:gap-4",
+									children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+										className: "text-sm font-bold text-text-primary sm:text-lg",
+										children: o(e.minimumInvestment, { minimumFractionDigits: 0 })
+									}), /* @__PURE__ */ _("p", {
+										className: "text-xs text-text-secondary",
+										children: "Min Investment"
+									})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("p", {
+										className: "text-sm font-bold text-text-primary sm:text-lg",
+										children: [e.paybackPeriod, " mo"]
+									}), /* @__PURE__ */ _("p", {
+										className: "text-xs text-text-secondary",
+										children: "Lock-in Period"
+									})] })]
+								}),
+								e.documents.length > 0 && /* @__PURE__ */ _("div", {
 									className: "mb-4 border-t border-border-subtle pt-3",
-									children: /* @__PURE__ */ x("div", {
+									children: /* @__PURE__ */ v("div", {
 										className: "flex items-center gap-1.5 text-xs text-text-secondary",
-										children: [/* @__PURE__ */ b(m, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ x("span", { children: [e.documents.length, " documents available"] })]
+										children: [/* @__PURE__ */ _(p, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ v("span", { children: [e.documents.length, " documents available"] })]
 									})
 								}),
-								/* @__PURE__ */ x("div", {
-									className: "mb-4 flex items-center gap-1.5 text-xs text-text-secondary",
-									children: [/* @__PURE__ */ b(g, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ b("span", { children: e.location })]
-								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ v("div", {
 									className: "flex flex-col gap-2 sm:flex-row sm:gap-3",
-									children: [/* @__PURE__ */ b("button", {
+									children: [/* @__PURE__ */ _("button", {
 										type: "button",
-										onClick: () => J(e),
+										onClick: () => G(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__ */ x("button", {
+									}), /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: () => O(`/investor/opportunities/${e.id}`),
+										onClick: () => T(`/investor/opportunity/${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__ */ b(p, { className: "h-4 w-4" }), "View Details"]
+										children: [/* @__PURE__ */ _(f, { className: "h-4 w-4" }), "View Details"]
 									})]
 								})
 							]
@@ -614,168 +517,154 @@ function O() {
 					}, e.id);
 				})
 			}),
-			F && N && /* @__PURE__ */ b("div", {
+			M && A && /* @__PURE__ */ _("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ v("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",
 					children: [
-						/* @__PURE__ */ b("button", {
+						/* @__PURE__ */ _("button", {
 							type: "button",
 							onClick: () => {
-								I(!1), R(""), B("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__ */ b(y, { className: "h-5 w-5" })
+							children: /* @__PURE__ */ _(g, { className: "h-5 w-5" })
 						}),
-						/* @__PURE__ */ x("h3", {
+						/* @__PURE__ */ v("h3", {
 							className: "mb-4 text-base font-semibold text-text-primary sm:text-lg",
-							children: ["Invest in ", N.cartName]
+							children: ["Invest in ", A.cartName]
 						}),
-						z === "success" ? /* @__PURE__ */ x("div", {
+						I === "success" ? /* @__PURE__ */ v("div", {
 							className: "py-8 text-center",
 							children: [
-								/* @__PURE__ */ b(f, { className: "mx-auto mb-3 h-12 w-12 text-status-success-text" }),
-								/* @__PURE__ */ b("p", {
+								/* @__PURE__ */ _(d, { className: "mx-auto mb-3 h-12 w-12 text-status-success-text" }),
+								/* @__PURE__ */ _("p", {
 									className: "text-sm font-medium text-text-primary",
 									children: "Investment successful!"
 								}),
-								/* @__PURE__ */ b("p", {
+								/* @__PURE__ */ _("p", {
 									className: "mt-1 text-xs text-text-secondary",
 									children: "Redirecting to your portfolio..."
 								})
 							]
-						}) : /* @__PURE__ */ x("div", {
+						}) : /* @__PURE__ */ v("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 									className: "mb-1 text-xs text-text-secondary sm:text-sm",
 									children: "Investment Range"
-								}), /* @__PURE__ */ x("p", {
+								}), /* @__PURE__ */ v("p", {
 									className: "text-sm font-medium text-text-primary sm:text-base",
 									children: [
-										o(N.minimumInvestment, { minimumFractionDigits: 0 }),
+										o(A.minimumInvestment, { minimumFractionDigits: 0 }),
 										" ",
 										"-",
 										" ",
-										o(N.maximumInvestment, { minimumFractionDigits: 0 })
+										o(A.maximumInvestment, { minimumFractionDigits: 0 })
 									]
 								})] }),
-								/* @__PURE__ */ x("div", { children: [
-									/* @__PURE__ */ b("label", {
+								/* @__PURE__ */ v("div", { children: [
+									/* @__PURE__ */ _("label", {
 										className: "mb-1 block text-xs font-medium text-text-primary sm:text-sm",
 										children: "Investment Amount"
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ v("div", {
 										className: "relative",
-										children: [/* @__PURE__ */ b(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ b("input", {
+										children: [/* @__PURE__ */ _(m, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ _("input", {
 											type: "number",
-											value: L,
+											value: P,
 											onChange: (e) => {
-												R(e.target.value), B("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)]"
 										})]
 									}),
-									z === "error" && /* @__PURE__ */ x("p", {
+									I === "error" && /* @__PURE__ */ v("p", {
 										className: "mt-1 text-xs text-status-error-text",
 										children: [
 											"Amount must be between",
 											" ",
-											o(N.minimumInvestment, { minimumFractionDigits: 0 }),
+											o(A.minimumInvestment, { minimumFractionDigits: 0 }),
 											" ",
 											"and",
 											" ",
-											o(N.maximumInvestment, { minimumFractionDigits: 0 })
+											o(A.maximumInvestment, { minimumFractionDigits: 0 })
 										]
 									})
 								] }),
-								L && !isNaN(parseInt(L, 10)) && parseInt(L, 10) > 0 && /* @__PURE__ */ x("div", {
+								P && !isNaN(parseInt(P, 10)) && parseInt(P, 10) > 0 && /* @__PURE__ */ v("div", {
 									className: "rounded-lg border border-border-subtle bg-bg-sunken/50 p-3 sm:p-4",
-									children: [/* @__PURE__ */ b("p", {
+									children: [/* @__PURE__ */ _("p", {
 										className: "mb-2 text-xs text-text-secondary sm:text-sm",
 										children: "Expected Returns"
-									}), /* @__PURE__ */ x("div", {
+									}), /* @__PURE__ */ v("div", {
 										className: "space-y-1.5",
 										children: [
-											/* @__PURE__ */ x("div", {
+											/* @__PURE__ */ v("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ b("span", {
+												children: [/* @__PURE__ */ _("span", {
 													className: "text-xs text-text-primary sm:text-sm",
 													children: "Investment:"
-												}), /* @__PURE__ */ b("span", {
+												}), /* @__PURE__ */ _("span", {
 													className: "text-xs font-medium text-text-primary sm:text-sm",
-													children: o(parseInt(L, 10), { minimumFractionDigits: 0 })
+													children: o(parseInt(P, 10), { minimumFractionDigits: 0 })
 												})]
 											}),
-											/* @__PURE__ */ x("div", {
+											/* @__PURE__ */ v("div", {
 												className: "flex justify-between",
-												children: [/* @__PURE__ */ x("span", {
+												children: [/* @__PURE__ */ v("span", {
 													className: "text-xs text-text-primary sm:text-sm",
 													children: [
 														"Expected Return (",
-														N.expectedReturns,
+														A.expectedReturns,
 														"%):"
 													]
-												}), /* @__PURE__ */ x("span", {
+												}), /* @__PURE__ */ v("span", {
 													className: "text-xs font-medium text-status-success-text sm:text-sm",
-													children: ["+", o(parseInt(L, 10) * N.expectedReturns / 100, { minimumFractionDigits: 0 })]
+													children: ["+", o(parseInt(P, 10) * A.expectedReturns / 100, { minimumFractionDigits: 0 })]
 												})]
 											}),
-											/* @__PURE__ */ x("div", {
+											/* @__PURE__ */ v("div", {
 												className: "flex justify-between border-t border-border-subtle pt-2",
-												children: [/* @__PURE__ */ b("span", {
+												children: [/* @__PURE__ */ _("span", {
 													className: "text-xs font-medium text-text-primary sm:text-sm",
 													children: "Total Value:"
-												}), /* @__PURE__ */ b("span", {
+												}), /* @__PURE__ */ _("span", {
 													className: "text-xs font-bold text-text-primary sm:text-sm",
-													children: o(parseInt(L, 10) * (1 + N.expectedReturns / 100), { minimumFractionDigits: 0 })
+													children: o(parseInt(P, 10) * (1 + A.expectedReturns / 100), { minimumFractionDigits: 0 })
 												})]
 											})
 										]
 									})]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ v("div", {
 									className: "space-y-1 text-xs text-text-secondary sm:text-sm",
-									children: [
-										/* @__PURE__ */ x("p", { children: [
-											"• Minimum lock-in period:",
-											" ",
-											N.investmentTerms.lockInPeriod,
-											" months"
-										] }),
-										/* @__PURE__ */ x("p", { children: [
-											"• Dividend frequency:",
-											" ",
-											N.investmentTerms.dividendFrequency
-										] }),
-										/* @__PURE__ */ x("p", { children: [
-											"• Your equity stake:",
-											" ",
-											((parseInt(L, 10) || 0) / N.targetAmount * N.investmentTerms.equityOffered).toFixed(2),
-											"%"
-										] }),
-										/* @__PURE__ */ x("p", { children: [
-											"• Exit options:",
-											" ",
-											N.investmentTerms.exitOptions.join(", ")
-										] })
-									]
-								}),
-								/* @__PURE__ */ x("div", {
+									children: [/* @__PURE__ */ v("p", { children: [
+										"• Minimum lock-in period:",
+										" ",
+										A.investmentTerms.lockInPeriod,
+										" months"
+									] }), /* @__PURE__ */ v("p", { children: [
+										"• Expected returns: ",
+										A.expectedReturns,
+										"% over the lock-in period"
+									] })]
+								}),
+								/* @__PURE__ */ v("div", {
 									className: "flex flex-col gap-2 pt-2 sm:flex-row sm:gap-3",
-									children: [/* @__PURE__ */ b("button", {
+									children: [/* @__PURE__ */ _("button", {
 										type: "button",
 										onClick: () => {
-											I(!1), R(""), B("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__ */ b("button", {
+									}), /* @__PURE__ */ _("button", {
 										type: "button",
-										onClick: q,
-										disabled: !L || isNaN(parseInt(L, 10)) || parseInt(L, 10) < N.minimumInvestment,
-										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", !L || isNaN(parseInt(L, 10)) || parseInt(L, 10) < N.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: W,
+										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"
 									})]
 								})
@@ -788,6 +677,6 @@ function O() {
 	});
 }
 //#endregion
-export { O as InvestmentOpportunitiesPage };
+export { T as InvestmentOpportunitiesPage };
 
 //# sourceMappingURL=InvestmentOpportunitiesPage.js.map