@burdenoff/microfe-atheletebridge 2026.625.2 → 2026.628.1

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

@@ -1,945 +0,0 @@
-import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
-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 { 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 { EmphasisPanel as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
-//#region src/atheletebridge/pages/investor/InvestmentOpportunitiesPage.tsx
-var S = [
-	{
-		id: "opp-001",
-		cartId: "cart-005",
-		cartName: "Organic Salad Bar",
-		cartOwner: "Sarah Johnson",
-		description: "Premium organic salad bar serving health-conscious customers in tech parks. Looking to expand to 3 new locations.",
-		targetAmount: 5e5,
-		raisedAmount: 325e3,
-		minimumInvestment: 25e3,
-		maximumInvestment: 1e5,
-		investorCount: 8,
-		daysLeft: 15,
-		expectedReturns: 22,
-		paybackPeriod: 36,
-		riskLevel: "low",
-		category: "Healthy Food",
-		location: "Whitefield, Bangalore",
-		image: "https://images.unsplash.com/photo-1512621776951-a57141f2eefd?w=400",
-		businessMetrics: {
-			monthlyRevenue: 28e4,
-			monthlyOrders: 1800,
-			averageOrderValue: 156,
-			rating: 4.9,
-			reviewCount: 342,
-			operatingSince: "2022-03-15"
-		},
-		financials: {
-			grossMargin: 65,
-			netMargin: 28,
-			monthlyExpenses: 78e3,
-			breakEvenAchieved: !0
-		},
-		investmentTerms: {
-			equityOffered: 25,
-			dividendFrequency: "monthly",
-			lockInPeriod: 24,
-			exitOptions: [
-				"Buyback",
-				"Secondary Sale",
-				"IPO"
-			]
-		},
-		documents: [
-			{
-				name: "Business Plan",
-				type: "PDF",
-				uploadedOn: "2024-06-01"
-			},
-			{
-				name: "Financial Statements",
-				type: "PDF",
-				uploadedOn: "2024-06-01"
-			},
-			{
-				name: "Legal Documents",
-				type: "PDF",
-				uploadedOn: "2024-06-01"
-			}
-		],
-		status: "active"
-	},
-	{
-		id: "opp-002",
-		cartId: "cart-006",
-		cartName: "Midnight Munchies",
-		cartOwner: "Ravi Mehta",
-		description: "Late-night food delivery cart specializing in comfort food for night shift workers and students. Operating near IT corridors.",
-		targetAmount: 3e5,
-		raisedAmount: 18e4,
-		minimumInvestment: 15e3,
-		maximumInvestment: 75e3,
-		investorCount: 12,
-		daysLeft: 22,
-		expectedReturns: 18,
-		paybackPeriod: 30,
-		riskLevel: "medium",
-		category: "Fast Food",
-		location: "Electronic City, Bangalore",
-		image: "https://images.unsplash.com/photo-1565299624946-b28f40a0ae38?w=400",
-		businessMetrics: {
-			monthlyRevenue: 195e3,
-			monthlyOrders: 1200,
-			averageOrderValue: 163,
-			rating: 4.7,
-			reviewCount: 256,
-			operatingSince: "2023-01-10"
-		},
-		financials: {
-			grossMargin: 58,
-			netMargin: 22,
-			monthlyExpenses: 65e3,
-			breakEvenAchieved: !0
-		},
-		investmentTerms: {
-			equityOffered: 20,
-			dividendFrequency: "quarterly",
-			lockInPeriod: 18,
-			exitOptions: ["Buyback", "Secondary Sale"]
-		},
-		documents: [{
-			name: "Business Plan",
-			type: "PDF",
-			uploadedOn: "2024-06-05"
-		}, {
-			name: "Market Analysis",
-			type: "PDF",
-			uploadedOn: "2024-06-05"
-		}],
-		status: "active"
-	},
-	{
-		id: "opp-003",
-		cartId: "cart-007",
-		cartName: "Fusion Street Tacos",
-		cartOwner: "Maria Rodriguez",
-		description: "Innovative fusion taco cart combining Mexican and Indian flavors. Winner of Street Food Awards 2023.",
-		targetAmount: 4e5,
-		raisedAmount: 4e5,
-		minimumInvestment: 2e4,
-		maximumInvestment: 8e4,
-		investorCount: 15,
-		daysLeft: 0,
-		expectedReturns: 25,
-		paybackPeriod: 24,
-		riskLevel: "low",
-		category: "Fusion Food",
-		location: "Indiranagar, Bangalore",
-		image: "https://images.unsplash.com/photo-1551504734-5ee1c4a1479b?w=400",
-		businessMetrics: {
-			monthlyRevenue: 32e4,
-			monthlyOrders: 2100,
-			averageOrderValue: 152,
-			rating: 4.8,
-			reviewCount: 512,
-			operatingSince: "2021-08-20"
-		},
-		financials: {
-			grossMargin: 68,
-			netMargin: 32,
-			monthlyExpenses: 85e3,
-			breakEvenAchieved: !0
-		},
-		investmentTerms: {
-			equityOffered: 30,
-			dividendFrequency: "monthly",
-			lockInPeriod: 12,
-			exitOptions: ["Buyback", "Franchise Conversion"]
-		},
-		documents: [{
-			name: "Business Plan",
-			type: "PDF",
-			uploadedOn: "2024-05-20"
-		}, {
-			name: "Awards & Recognition",
-			type: "PDF",
-			uploadedOn: "2024-05-20"
-		}],
-		status: "funded"
-	},
-	{
-		id: "opp-004",
-		cartId: "cart-008",
-		cartName: "Bubble Tea Express",
-		cartOwner: "Chen Wei",
-		description: "Trendy bubble tea cart with proprietary recipes. Planning expansion through franchise model.",
-		targetAmount: 6e5,
-		raisedAmount: 12e4,
-		minimumInvestment: 3e4,
-		maximumInvestment: 15e4,
-		investorCount: 4,
-		daysLeft: 45,
-		expectedReturns: 20,
-		paybackPeriod: 36,
-		riskLevel: "high",
-		category: "Beverages",
-		location: "Koramangala, Bangalore",
-		image: "https://images.unsplash.com/photo-1558857563-b371033873b8?w=400",
-		businessMetrics: {
-			monthlyRevenue: 15e4,
-			monthlyOrders: 900,
-			averageOrderValue: 167,
-			rating: 4.6,
-			reviewCount: 189,
-			operatingSince: "2023-11-01"
-		},
-		financials: {
-			grossMargin: 72,
-			netMargin: 18,
-			monthlyExpenses: 55e3,
-			breakEvenAchieved: !1
-		},
-		investmentTerms: {
-			equityOffered: 35,
-			dividendFrequency: "quarterly",
-			lockInPeriod: 36,
-			exitOptions: ["Franchise Sale", "Acquisition"]
-		},
-		documents: [{
-			name: "Franchise Plan",
-			type: "PDF",
-			uploadedOn: "2024-06-10"
-		}, {
-			name: "Recipe Patents",
-			type: "PDF",
-			uploadedOn: "2024-06-10"
-		}],
-		status: "active"
-	}
-], C = {
-	totalOpportunities: 24,
-	averageReturns: 21.5,
-	totalFunded: 156e5,
-	successRate: 89
-};
-function w(e) {
-	switch (e) {
-		case "low": return "bg-green-500/20 text-green-600 dark:text-green-400";
-		case "medium": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
-		case "high": return "bg-red-500/20 text-red-600 dark:text-red-400";
-		default: return "bg-secondary text-secondary-foreground";
-	}
-}
-function T(e) {
-	switch (e) {
-		case "low": return "Low Risk";
-		case "medium": return "Medium Risk";
-		case "high": return "High Risk";
-		default: return e;
-	}
-}
-function E(e, t) {
-	return t > 0 ? Math.min(e / t * 100, 100) : 0;
-}
-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: "",
-		minimumAmount: "",
-		location: "",
-		sortBy: "featured"
-	});
-	s(() => {
-		let e = setTimeout(() => k(!1), 600);
-		return () => clearTimeout(e);
-	}, []);
-	let B = o((e, t) => {
-		z((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, []), 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 (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 (R.sortBy) {
-			case "returns":
-				e.sort((e, t) => t.expectedReturns - e.expectedReturns);
-				break;
-			case "funding":
-				e.sort((e, t) => t.raisedAmount / t.targetAmount - e.raisedAmount / e.targetAmount);
-				break;
-			case "closing":
-				e.sort((e, t) => e.daysLeft - t.daysLeft);
-				break;
-			case "minimum":
-				e.sort((e, t) => e.minimumInvestment - t.minimumInvestment);
-				break;
-			default: break;
-		}
-		return e;
-	}, [R]), H = o(() => {
-		if (!A || !P) return;
-		let e = parseInt(P, 10);
-		if (!isNaN(e)) {
-			if (e < A.minimumInvestment) {
-				L("error");
-				return;
-			}
-			if (e > A.maximumInvestment) {
-				L("error");
-				return;
-			}
-			L("success"), setTimeout(() => {
-				N(!1), F(""), L("idle"), D("/investor/portfolio");
-			}, 1500);
-		}
-	}, [
-		A,
-		P,
-		D
-	]), U = o((e) => {
-		j(e), F(""), L("idle"), N(!0);
-	}, []);
-	return O ? /* @__PURE__ */ v(n, {
-		title: "Investment Opportunities",
-		description: "Loading opportunities...",
-		children: /* @__PURE__ */ v("div", {
-			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ y("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", {
-					className: "text-sm text-text-secondary",
-					children: "Loading opportunities..."
-				})]
-			})
-		})
-	}) : /* @__PURE__ */ y(n, {
-		title: "Investment Opportunities",
-		description: "Discover and invest in growing local businesses",
-		actions: /* @__PURE__ */ y("span", {
-			className: "text-sm text-text-secondary",
-			children: [V.length, " opportunities"]
-		}),
-		children: [
-			/* @__PURE__ */ v(x, {
-				className: "mb-6",
-				children: "Find businesses worth backing. Browse vetted carts raising funds, compare expected returns, risk levels and funding progress, then filter and search to match your strategy. Tap any opportunity to dig into the details before you invest."
-			}),
-			/* @__PURE__ */ v(b, { children: /* @__PURE__ */ y("div", {
-				className: "grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ v("p", {
-							className: "text-xs text-text-secondary",
-							children: "Active Opportunities"
-						}), /* @__PURE__ */ v("p", {
-							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: C.totalOpportunities
-						})]
-					}),
-					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ v("p", {
-							className: "text-xs text-text-secondary",
-							children: "Average Returns"
-						}), /* @__PURE__ */ y("p", {
-							className: "text-lg font-bold text-green-600 dark:text-green-400 sm:text-2xl",
-							children: [C.averageReturns, "%"]
-						})]
-					}),
-					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ v("p", {
-							className: "text-xs text-text-secondary",
-							children: "Total Funded"
-						}), /* @__PURE__ */ v("p", {
-							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							children: i(C.totalFunded, {
-								minimumFractionDigits: 0,
-								notation: "compact"
-							})
-						})]
-					}),
-					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-3 sm:p-4",
-						children: [/* @__PURE__ */ v("p", {
-							className: "text-xs text-text-secondary",
-							children: "Success Rate"
-						}), /* @__PURE__ */ y("p", {
-							className: "text-lg font-bold text-text-primary sm:text-2xl",
-							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", {
-					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6",
-					children: [
-						/* @__PURE__ */ y("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", {
-								type: "text",
-								placeholder: "Search opportunities...",
-								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: 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", {
-									value: "",
-									children: "All Categories"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "Healthy Food",
-									children: "Healthy Food"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "Fast Food",
-									children: "Fast Food"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "Fusion Food",
-									children: "Fusion Food"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "Beverages",
-									children: "Beverages"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "Street Food",
-									children: "Street Food"
-								})
-							]
-						}),
-						/* @__PURE__ */ y("select", {
-							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", {
-									value: "",
-									children: "All Risk Levels"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "low",
-									children: "Low Risk"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "medium",
-									children: "Medium Risk"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "high",
-									children: "High Risk"
-								})
-							]
-						}),
-						/* @__PURE__ */ y("select", {
-							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", {
-									value: "",
-									children: "Any Amount"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "15000",
-									children: "Under ₹15,000"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "25000",
-									children: "Under ₹25,000"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "50000",
-									children: "Under ₹50,000"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "100000",
-									children: "Under ₹1,00,000"
-								})
-							]
-						}),
-						/* @__PURE__ */ y("select", {
-							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", {
-									value: "",
-									children: "All Locations"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "Whitefield",
-									children: "Whitefield"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "Koramangala",
-									children: "Koramangala"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "Indiranagar",
-									children: "Indiranagar"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "Electronic City",
-									children: "Electronic City"
-								})
-							]
-						}),
-						/* @__PURE__ */ y("select", {
-							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", {
-									value: "featured",
-									children: "Featured"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "returns",
-									children: "Highest Returns"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "funding",
-									children: "Most Funded"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "closing",
-									children: "Closing Soon"
-								}),
-								/* @__PURE__ */ v("option", {
-									value: "minimum",
-									children: "Lowest Minimum"
-								})
-							]
-						})
-					]
-				})
-			}),
-			V.length === 0 ? /* @__PURE__ */ v("div", {
-				className: "mt-6",
-				children: /* @__PURE__ */ v(r, {
-					illustration: "empty-search",
-					icon: /* @__PURE__ */ v(h, { className: "h-10 w-10" }),
-					title: "No opportunities found",
-					description: "Try adjusting your filters to find more opportunities",
-					action: /* @__PURE__ */ v("button", {
-						type: "button",
-						onClick: () => 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__ */ v("div", {
-				className: "mt-6 grid grid-cols-1 gap-4 lg:grid-cols-2",
-				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", {
-							className: "relative",
-							children: [
-								/* @__PURE__ */ v("div", {
-									className: "h-40 w-full overflow-hidden rounded-t-lg bg-bg-sunken sm:h-48",
-									children: /* @__PURE__ */ v("img", {
-										src: e.image,
-										alt: e.cartName,
-										className: "h-full w-full object-cover",
-										loading: "lazy"
-									})
-								}),
-								e.status === "funded" && /* @__PURE__ */ v("div", {
-									className: "absolute right-2 top-2 rounded-full bg-green-500 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", {
-									className: "absolute left-2 top-2 rounded-full bg-red-500 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", {
-							className: "p-4 sm:p-6",
-							children: [
-								/* @__PURE__ */ y("div", {
-									className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-									children: [/* @__PURE__ */ y("div", {
-										className: "flex-1",
-										children: [
-											/* @__PURE__ */ v("h3", {
-												className: "text-base font-semibold text-text-primary sm:text-xl",
-												children: e.cartName
-											}),
-											/* @__PURE__ */ y("p", {
-												className: "text-xs text-text-secondary sm:text-sm",
-												children: ["by ", e.cartOwner]
-											}),
-											/* @__PURE__ */ y("div", {
-												className: "mt-2 flex flex-wrap items-center gap-2",
-												children: [/* @__PURE__ */ v("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", w(e.riskLevel)),
-													children: T(e.riskLevel)
-												})]
-											})
-										]
-									}), /* @__PURE__ */ y("div", {
-										className: "text-left sm:text-right",
-										children: [/* @__PURE__ */ y("p", {
-											className: "text-xl font-bold text-green-600 dark:text-green-400 sm:text-2xl",
-											children: [e.expectedReturns, "%"]
-										}), /* @__PURE__ */ v("p", {
-											className: "text-xs text-text-secondary",
-											children: "Expected Returns"
-										})]
-									})]
-								}),
-								/* @__PURE__ */ v("p", {
-									className: "mb-4 text-sm leading-relaxed text-text-secondary line-clamp-2",
-									children: e.description
-								}),
-								/* @__PURE__ */ y("div", {
-									className: "mb-4",
-									children: [
-										/* @__PURE__ */ y("div", {
-											className: "mb-1 flex justify-between text-xs sm:text-sm",
-											children: [/* @__PURE__ */ y("span", {
-												className: "font-medium text-text-primary",
-												children: [
-													i(e.raisedAmount, { minimumFractionDigits: 0 }),
-													" ",
-													"raised"
-												]
-											}), /* @__PURE__ */ y("span", {
-												className: "text-text-secondary",
-												children: ["of ", i(e.targetAmount, { minimumFractionDigits: 0 })]
-											})]
-										}),
-										/* @__PURE__ */ v("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ v("div", {
-												className: "h-full rounded-full bg-action-primary-bg transition-all duration-300",
-												style: { width: `${n}%` }
-											})
-										}),
-										/* @__PURE__ */ y("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"] })]
-										})
-									]
-								}),
-								/* @__PURE__ */ y("div", {
-									className: "mb-4 grid grid-cols-3 gap-2 text-center sm:gap-4",
-									children: [
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-											className: "text-sm font-bold text-text-primary sm:text-lg",
-											children: i(e.minimumInvestment, { minimumFractionDigits: 0 })
-										}), /* @__PURE__ */ v("p", {
-											className: "text-xs text-text-secondary",
-											children: "Min Investment"
-										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("p", {
-											className: "text-sm font-bold text-text-primary sm:text-lg",
-											children: [e.paybackPeriod, " mo"]
-										}), /* @__PURE__ */ v("p", {
-											className: "text-xs text-text-secondary",
-											children: "Payback Period"
-										})] }),
-										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
-											className: "flex items-center justify-center gap-1",
-											children: [/* @__PURE__ */ v(g, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }), /* @__PURE__ */ v("p", {
-												className: "text-sm font-bold text-text-primary sm:text-lg",
-												children: e.businessMetrics.rating
-											})]
-										}), /* @__PURE__ */ v("p", {
-											className: "text-xs text-text-secondary",
-											children: "Rating"
-										})] })
-									]
-								}),
-								/* @__PURE__ */ y("div", {
-									className: "mb-4 border-t border-border-subtle pt-3 sm:pt-4",
-									children: [/* @__PURE__ */ v("p", {
-										className: "mb-2 text-xs font-medium text-text-secondary sm:text-sm",
-										children: "Business Performance"
-									}), /* @__PURE__ */ y("div", {
-										className: "grid grid-cols-1 gap-2 text-xs sm:grid-cols-2 sm:text-sm",
-										children: [
-											/* @__PURE__ */ y("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
-													className: "text-text-secondary",
-													children: "Monthly Revenue:"
-												}), /* @__PURE__ */ v("span", {
-													className: "font-medium text-text-primary",
-													children: i(e.businessMetrics.monthlyRevenue, { minimumFractionDigits: 0 })
-												})]
-											}),
-											/* @__PURE__ */ y("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
-													className: "text-text-secondary",
-													children: "Gross Margin:"
-												}), /* @__PURE__ */ y("span", {
-													className: "font-medium text-text-primary",
-													children: [e.financials.grossMargin, "%"]
-												})]
-											}),
-											/* @__PURE__ */ y("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
-													className: "text-text-secondary",
-													children: "Monthly Orders:"
-												}), /* @__PURE__ */ v("span", {
-													className: "font-medium text-text-primary",
-													children: a(e.businessMetrics.monthlyOrders)
-												})]
-											}),
-											/* @__PURE__ */ y("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
-													className: "text-text-secondary",
-													children: "Net Margin:"
-												}), /* @__PURE__ */ y("span", {
-													className: "font-medium text-text-primary",
-													children: [e.financials.netMargin, "%"]
-												})]
-											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ v("div", {
-									className: "mb-4 border-t border-border-subtle pt-3",
-									children: /* @__PURE__ */ y("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"] })]
-									})
-								}),
-								/* @__PURE__ */ y("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 })]
-								}),
-								/* @__PURE__ */ y("div", {
-									className: "flex flex-col gap-2 sm:flex-row sm:gap-3",
-									children: [/* @__PURE__ */ v("button", {
-										type: "button",
-										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: () => 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"]
-									})]
-								})
-							]
-						})]
-					}, e.id);
-				})
-			}),
-			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",
-					children: [
-						/* @__PURE__ */ v("button", {
-							type: "button",
-							onClick: () => {
-								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 ", A.cartName]
-						}),
-						I === "success" ? /* @__PURE__ */ y("div", {
-							className: "py-8 text-center",
-							children: [
-								/* @__PURE__ */ v(u, { className: "mx-auto mb-3 h-12 w-12 text-green-600 dark:text-green-400" }),
-								/* @__PURE__ */ v("p", {
-									className: "text-sm font-medium text-text-primary",
-									children: "Investment successful!"
-								}),
-								/* @__PURE__ */ v("p", {
-									className: "mt-1 text-xs text-text-secondary",
-									children: "Redirecting to your portfolio..."
-								})
-							]
-						}) : /* @__PURE__ */ y("div", {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-									className: "mb-1 text-xs text-text-secondary sm:text-sm",
-									children: "Investment Range"
-								}), /* @__PURE__ */ y("p", {
-									className: "text-sm font-medium text-text-primary sm:text-base",
-									children: [
-										i(A.minimumInvestment, { minimumFractionDigits: 0 }),
-										" ",
-										"-",
-										" ",
-										i(A.maximumInvestment, { minimumFractionDigits: 0 })
-									]
-								})] }),
-								/* @__PURE__ */ y("div", { children: [
-									/* @__PURE__ */ v("label", {
-										className: "mb-1 block text-xs font-medium text-text-primary sm:text-sm",
-										children: "Investment Amount"
-									}),
-									/* @__PURE__ */ y("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", {
-											type: "number",
-											value: P,
-											onChange: (e) => {
-												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)]"
-										})]
-									}),
-									I === "error" && /* @__PURE__ */ y("p", {
-										className: "mt-1 text-xs text-red-600 dark:text-red-400",
-										children: [
-											"Amount must be between",
-											" ",
-											i(A.minimumInvestment, { minimumFractionDigits: 0 }),
-											" ",
-											"and",
-											" ",
-											i(A.maximumInvestment, { minimumFractionDigits: 0 })
-										]
-									})
-								] }),
-								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",
-										children: "Expected Returns"
-									}), /* @__PURE__ */ y("div", {
-										className: "space-y-1.5",
-										children: [
-											/* @__PURE__ */ y("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ v("span", {
-													className: "text-xs text-text-primary sm:text-sm",
-													children: "Investment:"
-												}), /* @__PURE__ */ v("span", {
-													className: "text-xs font-medium text-text-primary sm:text-sm",
-													children: i(parseInt(P, 10), { minimumFractionDigits: 0 })
-												})]
-											}),
-											/* @__PURE__ */ y("div", {
-												className: "flex justify-between",
-												children: [/* @__PURE__ */ y("span", {
-													className: "text-xs text-text-primary sm:text-sm",
-													children: [
-														"Expected Return (",
-														A.expectedReturns,
-														"%):"
-													]
-												}), /* @__PURE__ */ y("span", {
-													className: "text-xs font-medium text-green-600 dark:text-green-400 sm:text-sm",
-													children: ["+", i(parseInt(P, 10) * A.expectedReturns / 100, { minimumFractionDigits: 0 })]
-												})]
-											}),
-											/* @__PURE__ */ y("div", {
-												className: "flex justify-between border-t border-border-subtle pt-2",
-												children: [/* @__PURE__ */ v("span", {
-													className: "text-xs font-medium text-text-primary sm:text-sm",
-													children: "Total Value:"
-												}), /* @__PURE__ */ v("span", {
-													className: "text-xs font-bold text-text-primary sm:text-sm",
-													children: i(parseInt(P, 10) * (1 + A.expectedReturns / 100), { minimumFractionDigits: 0 })
-												})]
-											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ y("div", {
-									className: "space-y-1 text-xs text-text-secondary sm:text-sm",
-									children: [
-										/* @__PURE__ */ y("p", { children: [
-											"• Minimum lock-in period:",
-											" ",
-											A.investmentTerms.lockInPeriod,
-											" months"
-										] }),
-										/* @__PURE__ */ y("p", { children: [
-											"• Dividend frequency:",
-											" ",
-											A.investmentTerms.dividendFrequency
-										] }),
-										/* @__PURE__ */ y("p", { children: [
-											"• Your equity stake:",
-											" ",
-											((parseInt(P, 10) || 0) / A.targetAmount * A.investmentTerms.equityOffered).toFixed(2),
-											"%"
-										] }),
-										/* @__PURE__ */ y("p", { children: [
-											"• Exit options:",
-											" ",
-											A.investmentTerms.exitOptions.join(", ")
-										] })
-									]
-								}),
-								/* @__PURE__ */ y("div", {
-									className: "flex flex-col gap-2 pt-2 sm:flex-row sm:gap-3",
-									children: [/* @__PURE__ */ v("button", {
-										type: "button",
-										onClick: () => {
-											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: 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"
-									})]
-								})
-							]
-						})
-					]
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { D as InvestmentOpportunitiesPage };
-
-//# sourceMappingURL=InvestmentOpportunitiesPage.js.map