@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.704.5

package/dist/kadaikodi/pages/cart-owner/InvestmentListingPage.js

@@ -2,17 +2,20 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { EmptyState as n } from "../../components/EmptyState.js";
 import { useCreateInvestmentOpportunity as r, useProviders as i } from "../../hooks/useKadaikodiApi.js";
-import { useMemo as a, useState as o } from "react";
-import { CheckCircle2 as s, IndianRupee as c, TrendingUp as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { formatCurrency as a } from "../../utils/formatters.js";
+import { ProgressRing as o } from "../../components/viz/ProgressRing.js";
+import "../../components/viz/index.js";
+import { useMemo as s, useState as c } from "react";
+import { CalendarClock as l, CheckCircle2 as u, IndianRupee as d, TrendingUp as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/kadaikodi/pages/cart-owner/InvestmentListingPage.tsx
-var f = [
+var h = [
 	"LOW",
 	"MEDIUM",
 	"HIGH"
 ];
-function p() {
-	let { navigateTo: p, currentUser: m } = e(), { data: h = [], isLoading: g } = i(), _ = a(() => h.find((e) => e.ownerId === m?.id) ?? h[0], [h, m?.id]), v = r(), [y, b] = o({
+function g() {
+	let { navigateTo: g, currentUser: _ } = e(), { data: v = [], isLoading: y } = i(), b = s(() => v.find((e) => e.ownerId === _?.id) ?? v[0], [v, _?.id]), x = r(), [S, C] = c({
 		title: "",
 		description: "",
 		targetAmount: "",
@@ -20,206 +23,303 @@ function p() {
 		expectedReturnsPct: "",
 		lockInMonths: "",
 		riskLevel: "MEDIUM"
-	}), [x, S] = o(""), [C, w] = o(null), T = (e, t) => b((n) => ({
+	}), [w, T] = c(""), [E, D] = c(null), O = (e, t) => C((n) => ({
 		...n,
 		[e]: t
-	})), E = "w-full rounded-lg border border-border-subtle bg-bg-canvas px-3 py-2 text-sm text-text-primary outline-none focus:border-border-strong";
-	return g ? /* @__PURE__ */ u(t, {
+	})), k = "w-full rounded-lg border border-border-subtle bg-bg-canvas px-3 py-2 text-sm text-text-primary outline-none focus:border-border-strong";
+	return y ? /* @__PURE__ */ p(t, {
 		title: "List for Investment",
 		description: "Raise growth capital from the marketplace",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "animate-pulse space-y-4",
 			children: [
-				/* @__PURE__ */ u("div", { className: "h-10 rounded-lg bg-bg-sunken" }),
-				/* @__PURE__ */ u("div", { className: "h-10 rounded-lg bg-bg-sunken" }),
-				/* @__PURE__ */ u("div", { className: "h-10 rounded-lg bg-bg-sunken" })
+				/* @__PURE__ */ p("div", { className: "h-10 rounded-lg bg-bg-sunken" }),
+				/* @__PURE__ */ p("div", { className: "h-10 rounded-lg bg-bg-sunken" }),
+				/* @__PURE__ */ p("div", { className: "h-10 rounded-lg bg-bg-sunken" })
 			]
 		})
-	}) : _ ? /* @__PURE__ */ u(t, {
+	}) : b ? /* @__PURE__ */ p(t, {
 		title: "List for Investment",
-		description: `Raise growth capital for ${_.name}`,
-		children: /* @__PURE__ */ d("div", {
-			className: "mx-auto max-w-2xl space-y-6",
-			children: [C && /* @__PURE__ */ d("div", {
+		description: `Raise growth capital for ${b.name}`,
+		children: /* @__PURE__ */ m("div", {
+			className: "mx-auto max-w-5xl space-y-6",
+			children: [E && /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-2 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-4",
 				children: [
-					/* @__PURE__ */ u(s, { className: "h-5 w-5 text-status-success-text" }),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ p(u, { className: "h-5 w-5 text-status-success-text" }),
+					/* @__PURE__ */ m("div", {
 						className: "flex-1",
-						children: [/* @__PURE__ */ u("p", {
+						children: [/* @__PURE__ */ p("p", {
 							className: "text-sm font-medium text-text-primary",
 							children: "Opportunity published"
-						}), /* @__PURE__ */ d("p", {
+						}), /* @__PURE__ */ m("p", {
 							className: "text-xs text-text-secondary",
 							children: [
 								"“",
-								C.title,
+								E.title,
 								"” is now live in the Investor section for backers to fund."
 							]
 						})]
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => p("/investor/opportunities"),
+						onClick: () => g("/investor/opportunities"),
 						className: "rounded-lg border border-border-default bg-bg-surface px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-bg-sunken",
 						children: "View in Investor"
 					})
 				]
-			}), /* @__PURE__ */ d("div", {
-				className: "rounded-2xl border border-border-subtle bg-bg-surface p-6",
-				children: [/* @__PURE__ */ d("div", {
-					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ u(c, { className: "h-5 w-5 text-accent-primary" }), /* @__PURE__ */ u("h3", {
-						className: "text-base font-semibold text-text-primary",
-						children: "Opportunity details"
+			}), /* @__PURE__ */ m("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-[1fr_20rem]",
+				children: [/* @__PURE__ */ m("div", {
+					className: "rounded-2xl border border-border-subtle bg-bg-surface p-6",
+					children: [/* @__PURE__ */ m("div", {
+						className: "mb-4 flex items-center gap-2",
+						children: [/* @__PURE__ */ p(d, { className: "h-5 w-5 text-accent-primary" }), /* @__PURE__ */ p("h3", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Opportunity details"
+						})]
+					}), /* @__PURE__ */ m("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: "mb-1 block text-sm font-medium text-text-secondary",
+								children: "Title"
+							}), /* @__PURE__ */ p("input", {
+								className: k,
+								value: S.title,
+								onChange: (e) => O("title", e.target.value),
+								placeholder: "Expand to 3 locations"
+							})] }),
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: "mb-1 block text-sm font-medium text-text-secondary",
+								children: "Description"
+							}), /* @__PURE__ */ p("textarea", {
+								className: k,
+								rows: 3,
+								value: S.description,
+								onChange: (e) => O("description", e.target.value),
+								placeholder: "How the capital will be used and why backers should fund it."
+							})] }),
+							/* @__PURE__ */ m("div", {
+								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+								children: [
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+										className: "mb-1 block text-sm font-medium text-text-secondary",
+										children: "Target amount (₹)"
+									}), /* @__PURE__ */ p("input", {
+										type: "number",
+										min: "0",
+										className: k,
+										value: S.targetAmount,
+										onChange: (e) => O("targetAmount", e.target.value),
+										placeholder: "500000"
+									})] }),
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+										className: "mb-1 block text-sm font-medium text-text-secondary",
+										children: "Minimum investment (₹)"
+									}), /* @__PURE__ */ p("input", {
+										type: "number",
+										min: "0",
+										className: k,
+										value: S.minimumInvestment,
+										onChange: (e) => O("minimumInvestment", e.target.value),
+										placeholder: "5000"
+									})] }),
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+										className: "mb-1 block text-sm font-medium text-text-secondary",
+										children: "Expected returns (% p.a.)"
+									}), /* @__PURE__ */ p("input", {
+										type: "number",
+										min: "0",
+										className: k,
+										value: S.expectedReturnsPct,
+										onChange: (e) => O("expectedReturnsPct", e.target.value),
+										placeholder: "18"
+									})] }),
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+										className: "mb-1 block text-sm font-medium text-text-secondary",
+										children: "Lock-in (months)"
+									}), /* @__PURE__ */ p("input", {
+										type: "number",
+										min: "0",
+										className: k,
+										value: S.lockInMonths,
+										onChange: (e) => O("lockInMonths", e.target.value),
+										placeholder: "12"
+									})] })
+								]
+							}),
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: "mb-1 block text-sm font-medium text-text-secondary",
+								children: "Risk level"
+							}), /* @__PURE__ */ p("div", {
+								className: "flex gap-2",
+								children: h.map((e) => /* @__PURE__ */ p("button", {
+									type: "button",
+									onClick: () => O("riskLevel", e),
+									className: "rounded-lg border px-4 py-2 text-sm font-medium transition " + (S.riskLevel === e ? "border-accent-primary bg-accent-primary/10 text-accent-primary" : "border-border-subtle bg-bg-canvas text-text-secondary hover:bg-bg-sunken"),
+									children: e.charAt(0) + e.slice(1).toLowerCase()
+								}, e))
+							})] }),
+							w && /* @__PURE__ */ p("p", {
+								className: "text-sm text-status-error-text",
+								children: w
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "flex items-center justify-end gap-3 pt-2",
+								children: [/* @__PURE__ */ p("button", {
+									type: "button",
+									onClick: () => g("/cart-owner/dashboard"),
+									className: "rounded-lg border border-border-default bg-bg-surface px-5 py-2.5 text-sm font-medium text-text-secondary hover:bg-bg-sunken",
+									children: "Cancel"
+								}), /* @__PURE__ */ m("button", {
+									type: "button",
+									onClick: () => {
+										if (T(""), !b) return;
+										let e = Number(S.targetAmount), t = Number(S.minimumInvestment), n = Number(S.expectedReturnsPct), r = Number(S.lockInMonths);
+										if (!S.title.trim()) return T("Give your opportunity a title.");
+										if (!(e > 0)) return T("Enter a valid target amount.");
+										if (!(t > 0) || t > e) return T("Minimum investment must be positive and ≤ target.");
+										if (!(n >= 0)) return T("Enter a valid expected return %.");
+										if (!(r > 0)) return T("Enter a lock-in period in months.");
+										x.mutate({
+											providerId: b.id,
+											title: S.title.trim(),
+											description: S.description.trim() || void 0,
+											targetAmount: e,
+											minimumInvestment: t,
+											expectedReturnsPct: n,
+											lockInMonths: r,
+											riskLevel: S.riskLevel
+										}, {
+											onSuccess: (e) => {
+												D({ title: e.title }), C((e) => ({
+													...e,
+													title: "",
+													description: "",
+													targetAmount: "",
+													minimumInvestment: "",
+													expectedReturnsPct: "",
+													lockInMonths: ""
+												}));
+											},
+											onError: (e) => T(e instanceof Error ? e.message : "Could not publish the opportunity.")
+										});
+									},
+									disabled: x.isPending,
+									className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text transition hover:bg-action-primary-bg-hover disabled:opacity-60",
+									children: [/* @__PURE__ */ p(f, { className: "h-4 w-4" }), x.isPending ? "Publishing…" : "Publish opportunity"]
+								})]
+							})
+						]
 					})]
-				}), /* @__PURE__ */ d("div", {
-					className: "space-y-4",
+				}), /* @__PURE__ */ m("aside", {
+					className: "h-fit rounded-2xl border border-border-subtle bg-bg-surface p-6 lg:sticky lg:top-6",
 					children: [
-						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
-							className: "mb-1 block text-sm font-medium text-text-secondary",
-							children: "Title"
-						}), /* @__PURE__ */ u("input", {
-							className: E,
-							value: y.title,
-							onChange: (e) => T("title", e.target.value),
-							placeholder: "Expand to 3 locations"
-						})] }),
-						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
-							className: "mb-1 block text-sm font-medium text-text-secondary",
-							children: "Description"
-						}), /* @__PURE__ */ u("textarea", {
-							className: E,
-							rows: 3,
-							value: y.description,
-							onChange: (e) => T("description", e.target.value),
-							placeholder: "How the capital will be used and why backers should fund it."
-						})] }),
-						/* @__PURE__ */ d("div", {
-							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [
-								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
-									className: "mb-1 block text-sm font-medium text-text-secondary",
-									children: "Target amount (₹)"
-								}), /* @__PURE__ */ u("input", {
-									type: "number",
-									min: "0",
-									className: E,
-									value: y.targetAmount,
-									onChange: (e) => T("targetAmount", e.target.value),
-									placeholder: "500000"
-								})] }),
-								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
-									className: "mb-1 block text-sm font-medium text-text-secondary",
-									children: "Minimum investment (₹)"
-								}), /* @__PURE__ */ u("input", {
-									type: "number",
-									min: "0",
-									className: E,
-									value: y.minimumInvestment,
-									onChange: (e) => T("minimumInvestment", e.target.value),
-									placeholder: "5000"
-								})] }),
-								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
-									className: "mb-1 block text-sm font-medium text-text-secondary",
-									children: "Expected returns (% p.a.)"
-								}), /* @__PURE__ */ u("input", {
-									type: "number",
-									min: "0",
-									className: E,
-									value: y.expectedReturnsPct,
-									onChange: (e) => T("expectedReturnsPct", e.target.value),
-									placeholder: "18"
-								})] }),
-								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
-									className: "mb-1 block text-sm font-medium text-text-secondary",
-									children: "Lock-in (months)"
-								}), /* @__PURE__ */ u("input", {
-									type: "number",
-									min: "0",
-									className: E,
-									value: y.lockInMonths,
-									onChange: (e) => T("lockInMonths", e.target.value),
-									placeholder: "12"
-								})] })
-							]
+						/* @__PURE__ */ p("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: S.title.trim() || "Your opportunity"
 						}),
-						/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
-							className: "mb-1 block text-sm font-medium text-text-secondary",
-							children: "Risk level"
-						}), /* @__PURE__ */ u("div", {
-							className: "flex gap-2",
-							children: f.map((e) => /* @__PURE__ */ u("button", {
-								type: "button",
-								onClick: () => T("riskLevel", e),
-								className: "rounded-lg border px-4 py-2 text-sm font-medium transition " + (y.riskLevel === e ? "border-accent-primary bg-accent-primary/10 text-accent-primary" : "border-border-subtle bg-bg-canvas text-text-secondary hover:bg-bg-sunken"),
-								children: e.charAt(0) + e.slice(1).toLowerCase()
-							}, e))
-						})] }),
-						x && /* @__PURE__ */ u("p", {
-							className: "text-sm text-status-error-text",
-							children: x
+						/* @__PURE__ */ p("p", {
+							className: "mt-1 line-clamp-2 text-xs text-text-secondary",
+							children: S.description.trim() || `Raise growth capital for ${b.name}.`
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "mt-5 flex flex-col items-center",
+							children: [/* @__PURE__ */ p(o, {
+								value: 0,
+								max: Math.max(Number(S.targetAmount) || 0, 1),
+								label: "0%",
+								caption: "funded",
+								size: 120
+							}), /* @__PURE__ */ m("p", {
+								className: "mt-3 text-center text-sm text-text-secondary",
+								children: [
+									/* @__PURE__ */ p("span", {
+										className: "font-semibold text-text-primary",
+										children: "₹0"
+									}),
+									" of",
+									" ",
+									/* @__PURE__ */ p("span", {
+										className: "font-semibold text-text-primary",
+										children: Number(S.targetAmount) > 0 ? a(Number(S.targetAmount), { minimumFractionDigits: 0 }) : "—"
+									}),
+									" ",
+									"raised"
+								]
+							})]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "mt-5 grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ m("div", {
+								className: "rounded-lg border border-border-subtle bg-bg-canvas p-3",
+								children: [
+									/* @__PURE__ */ m("div", {
+										className: "flex items-center gap-1.5 text-xs text-text-secondary",
+										children: [/* @__PURE__ */ p(f, { className: "h-3.5 w-3.5" }), "Returns"]
+									}),
+									/* @__PURE__ */ p("p", {
+										className: "mt-1 text-lg font-semibold text-text-primary",
+										children: S.expectedReturnsPct ? `${Number(S.expectedReturnsPct)}%` : "—"
+									}),
+									/* @__PURE__ */ p("p", {
+										className: "text-[11px] text-text-muted",
+										children: "expected p.a."
+									})
+								]
+							}), /* @__PURE__ */ m("div", {
+								className: "rounded-lg border border-border-subtle bg-bg-canvas p-3",
+								children: [
+									/* @__PURE__ */ m("div", {
+										className: "flex items-center gap-1.5 text-xs text-text-secondary",
+										children: [/* @__PURE__ */ p(l, { className: "h-3.5 w-3.5" }), "Lock-in"]
+									}),
+									/* @__PURE__ */ p("p", {
+										className: "mt-1 text-lg font-semibold text-text-primary",
+										children: S.lockInMonths ? Number(S.lockInMonths) : "—"
+									}),
+									/* @__PURE__ */ p("p", {
+										className: "text-[11px] text-text-muted",
+										children: "months"
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "mt-3 flex items-center justify-between rounded-lg border border-border-subtle bg-bg-canvas p-3",
+							children: [/* @__PURE__ */ p("span", {
+								className: "text-xs text-text-secondary",
+								children: "Min. investment"
+							}), /* @__PURE__ */ p("span", {
+								className: "text-sm font-semibold text-text-primary",
+								children: Number(S.minimumInvestment) > 0 ? a(Number(S.minimumInvestment), { minimumFractionDigits: 0 }) : "—"
+							})]
 						}),
-						/* @__PURE__ */ d("div", {
-							className: "flex items-center justify-end gap-3 pt-2",
-							children: [/* @__PURE__ */ u("button", {
-								type: "button",
-								onClick: () => p("/cart-owner/dashboard"),
-								className: "rounded-lg border border-border-default bg-bg-surface px-5 py-2.5 text-sm font-medium text-text-secondary hover:bg-bg-sunken",
-								children: "Cancel"
-							}), /* @__PURE__ */ d("button", {
-								type: "button",
-								onClick: () => {
-									if (S(""), !_) return;
-									let e = Number(y.targetAmount), t = Number(y.minimumInvestment), n = Number(y.expectedReturnsPct), r = Number(y.lockInMonths);
-									if (!y.title.trim()) return S("Give your opportunity a title.");
-									if (!(e > 0)) return S("Enter a valid target amount.");
-									if (!(t > 0) || t > e) return S("Minimum investment must be positive and ≤ target.");
-									if (!(n >= 0)) return S("Enter a valid expected return %.");
-									if (!(r > 0)) return S("Enter a lock-in period in months.");
-									v.mutate({
-										providerId: _.id,
-										title: y.title.trim(),
-										description: y.description.trim() || void 0,
-										targetAmount: e,
-										minimumInvestment: t,
-										expectedReturnsPct: n,
-										lockInMonths: r,
-										riskLevel: y.riskLevel
-									}, {
-										onSuccess: (e) => {
-											w({ title: e.title }), b((e) => ({
-												...e,
-												title: "",
-												description: "",
-												targetAmount: "",
-												minimumInvestment: "",
-												expectedReturnsPct: "",
-												lockInMonths: ""
-											}));
-										},
-										onError: (e) => S(e instanceof Error ? e.message : "Could not publish the opportunity.")
-									});
-								},
-								disabled: v.isPending,
-								className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text transition hover:bg-action-primary-bg-hover disabled:opacity-60",
-								children: [/* @__PURE__ */ u(l, { className: "h-4 w-4" }), v.isPending ? "Publishing…" : "Publish opportunity"]
+						/* @__PURE__ */ m("div", {
+							className: "mt-3 flex items-center justify-between rounded-lg border border-border-subtle bg-bg-canvas p-3",
+							children: [/* @__PURE__ */ p("span", {
+								className: "text-xs text-text-secondary",
+								children: "Risk level"
+							}), /* @__PURE__ */ p("span", {
+								className: "text-sm font-semibold text-text-primary",
+								children: S.riskLevel.charAt(0) + S.riskLevel.slice(1).toLowerCase()
 							})]
 						})
 					]
 				})]
 			})]
 		})
-	}) : /* @__PURE__ */ u(t, {
+	}) : /* @__PURE__ */ p(t, {
 		title: "List for Investment",
 		description: "Raise growth capital from the marketplace",
-		children: /* @__PURE__ */ u(n, {
-			icon: /* @__PURE__ */ u(l, { className: "h-8 w-8" }),
+		children: /* @__PURE__ */ p(n, {
+			icon: /* @__PURE__ */ p(f, { className: "h-8 w-8" }),
 			title: "Set up your cart first",
 			description: "Create and configure your service provider before listing it for investment.",
-			action: /* @__PURE__ */ u("button", {
+			action: /* @__PURE__ */ p("button", {
 				type: "button",
-				onClick: () => p("/cart-owner/dashboard"),
+				onClick: () => g("/cart-owner/dashboard"),
 				className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover",
 				children: "Go to Dashboard"
 			})
@@ -227,6 +327,6 @@ function p() {
 	});
 }
 //#endregion
-export { p as InvestmentListingPage };
+export { g as InvestmentListingPage };
 
 //# sourceMappingURL=InvestmentListingPage.js.map

package/dist/kadaikodi/pages/cart-owner/InvestmentListingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvestmentListingPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/cart-owner/InvestmentListingPage.tsx"],"sourcesContent":["/**\n * InvestmentListingPage — cart-owner lists their business for investment.\n *\n * Publishes a real KadaikodiInvestmentOpportunity (target, minimum, expected\n * returns, lock-in, risk) that then appears in the Investor section. Wired to\n * the live kadaikodiCreateInvestmentOpportunity mutation.\n */\nimport { useMemo, useState } from 'react';\nimport { TrendingUp, CheckCircle2, IndianRupee } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useProviders, useCreateInvestmentOpportunity } from '../../hooks/useKadaikodiApi';\n\nconst RISKS = ['LOW', 'MEDIUM', 'HIGH'] as const;\n\nexport function InvestmentListingPage() {\n  const { navigateTo, currentUser } = useKadaikodi();\n  const { data: providers = [], isLoading } = useProviders();\n  const myProvider = useMemo(\n    () => providers.find((p) => p.ownerId === currentUser?.id) ?? providers[0],\n    [providers, currentUser?.id]\n  );\n  const createOpportunity = useCreateInvestmentOpportunity();\n\n  const [form, setForm] = useState({\n    title: '',\n    description: '',\n    targetAmount: '',\n    minimumInvestment: '',\n    expectedReturnsPct: '',\n    lockInMonths: '',\n    riskLevel: 'MEDIUM' as (typeof RISKS)[number],\n  });\n  const [error, setError] = useState('');\n  const [created, setCreated] = useState<{ title: string } | null>(null);\n\n  const set = (k: keyof typeof form, v: string) => setForm((f) => ({ ...f, [k]: v }));\n\n  const inputCls =\n    'w-full rounded-lg border border-border-subtle bg-bg-canvas px-3 py-2 text-sm text-text-primary outline-none focus:border-border-strong';\n\n  const submit = () => {\n    setError('');\n    if (!myProvider) return;\n    const target = Number(form.targetAmount);\n    const minimum = Number(form.minimumInvestment);\n    const returns = Number(form.expectedReturnsPct);\n    const lock = Number(form.lockInMonths);\n    if (!form.title.trim()) return setError('Give your opportunity a title.');\n    if (!(target > 0)) return setError('Enter a valid target amount.');\n    if (!(minimum > 0) || minimum > target) return setError('Minimum investment must be positive and ≤ target.');\n    if (!(returns >= 0)) return setError('Enter a valid expected return %.');\n    if (!(lock > 0)) return setError('Enter a lock-in period in months.');\n    createOpportunity.mutate(\n      {\n        providerId: myProvider.id,\n        title: form.title.trim(),\n        description: form.description.trim() || undefined,\n        targetAmount: target,\n        minimumInvestment: minimum,\n        expectedReturnsPct: returns,\n        lockInMonths: lock,\n        riskLevel: form.riskLevel,\n      },\n      {\n        onSuccess: (opp) => {\n          setCreated({ title: opp.title });\n          setForm((f) => ({ ...f, title: '', description: '', targetAmount: '', minimumInvestment: '', expectedReturnsPct: '', lockInMonths: '' }));\n        },\n        onError: (e) => setError(e instanceof Error ? e.message : 'Could not publish the opportunity.'),\n      }\n    );\n  };\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"List for Investment\" description=\"Raise growth capital from the marketplace\">\n        <div className=\"animate-pulse space-y-4\">\n          <div className=\"h-10 rounded-lg bg-bg-sunken\" />\n          <div className=\"h-10 rounded-lg bg-bg-sunken\" />\n          <div className=\"h-10 rounded-lg bg-bg-sunken\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (!myProvider) {\n    return (\n      <PageLayout title=\"List for Investment\" description=\"Raise growth capital from the marketplace\">\n        <EmptyState\n          icon={<TrendingUp className=\"h-8 w-8\" />}\n          title=\"Set up your cart first\"\n          description=\"Create and configure your service provider before listing it for investment.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/cart-owner/dashboard')}\n              className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover\"\n            >\n              Go to Dashboard\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout title=\"List for Investment\" description={`Raise growth capital for ${myProvider.name}`}>\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        {created && (\n          <div className=\"flex items-center gap-2 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-4\">\n            <CheckCircle2 className=\"h-5 w-5 text-status-success-text\" />\n            <div className=\"flex-1\">\n              <p className=\"text-sm font-medium text-text-primary\">Opportunity published</p>\n              <p className=\"text-xs text-text-secondary\">\n                “{created.title}” is now live in the Investor section for backers to fund.\n              </p>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/investor/opportunities')}\n              className=\"rounded-lg border border-border-default bg-bg-surface px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-bg-sunken\"\n            >\n              View in Investor\n            </button>\n          </div>\n        )}\n\n        <div className=\"rounded-2xl border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"mb-4 flex items-center gap-2\">\n            <IndianRupee className=\"h-5 w-5 text-accent-primary\" />\n            <h3 className=\"text-base font-semibold text-text-primary\">Opportunity details</h3>\n          </div>\n          <div className=\"space-y-4\">\n            <div>\n              <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Title</label>\n              <input className={inputCls} value={form.title} onChange={(e) => set('title', e.target.value)} placeholder=\"Expand to 3 locations\" />\n            </div>\n            <div>\n              <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Description</label>\n              <textarea className={inputCls} rows={3} value={form.description} onChange={(e) => set('description', e.target.value)} placeholder=\"How the capital will be used and why backers should fund it.\" />\n            </div>\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n              <div>\n                <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Target amount (₹)</label>\n                <input type=\"number\" min=\"0\" className={inputCls} value={form.targetAmount} onChange={(e) => set('targetAmount', e.target.value)} placeholder=\"500000\" />\n              </div>\n              <div>\n                <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Minimum investment (₹)</label>\n                <input type=\"number\" min=\"0\" className={inputCls} value={form.minimumInvestment} onChange={(e) => set('minimumInvestment', e.target.value)} placeholder=\"5000\" />\n              </div>\n              <div>\n                <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Expected returns (% p.a.)</label>\n                <input type=\"number\" min=\"0\" className={inputCls} value={form.expectedReturnsPct} onChange={(e) => set('expectedReturnsPct', e.target.value)} placeholder=\"18\" />\n              </div>\n              <div>\n                <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Lock-in (months)</label>\n                <input type=\"number\" min=\"0\" className={inputCls} value={form.lockInMonths} onChange={(e) => set('lockInMonths', e.target.value)} placeholder=\"12\" />\n              </div>\n            </div>\n            <div>\n              <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Risk level</label>\n              <div className=\"flex gap-2\">\n                {RISKS.map((r) => (\n                  <button\n                    key={r}\n                    type=\"button\"\n                    onClick={() => set('riskLevel', r)}\n                    className={\n                      'rounded-lg border px-4 py-2 text-sm font-medium transition ' +\n                      (form.riskLevel === r\n                        ? 'border-accent-primary bg-accent-primary/10 text-accent-primary'\n                        : 'border-border-subtle bg-bg-canvas text-text-secondary hover:bg-bg-sunken')\n                    }\n                  >\n                    {r.charAt(0) + r.slice(1).toLowerCase()}\n                  </button>\n                ))}\n              </div>\n            </div>\n\n            {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n\n            <div className=\"flex items-center justify-end gap-3 pt-2\">\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/cart-owner/dashboard')}\n                className=\"rounded-lg border border-border-default bg-bg-surface px-5 py-2.5 text-sm font-medium text-text-secondary hover:bg-bg-sunken\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={submit}\n                disabled={createOpportunity.isPending}\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text transition hover:bg-action-primary-bg-hover disabled:opacity-60\"\n              >\n                <TrendingUp className=\"h-4 w-4\" />\n                {createOpportunity.isPending ? 'Publishing…' : 'Publish opportunity'}\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"InvestmentListingPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/cart-owner/InvestmentListingPage.tsx"],"sourcesContent":["/**\n * InvestmentListingPage — cart-owner lists their business for investment.\n *\n * Publishes a real KadaikodiInvestmentOpportunity (target, minimum, expected\n * returns, lock-in, risk) that then appears in the Investor section. Wired to\n * the live kadaikodiCreateInvestmentOpportunity mutation.\n */\nimport { useMemo, useState } from 'react';\nimport { TrendingUp, CheckCircle2, IndianRupee, CalendarClock } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { ProgressRing } from '../../components/viz';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useProviders, useCreateInvestmentOpportunity } from '../../hooks/useKadaikodiApi';\nimport { formatCurrency } from '../../utils/formatters';\n\nconst RISKS = ['LOW', 'MEDIUM', 'HIGH'] as const;\n\nexport function InvestmentListingPage() {\n  const { navigateTo, currentUser } = useKadaikodi();\n  const { data: providers = [], isLoading } = useProviders();\n  const myProvider = useMemo(\n    () => providers.find((p) => p.ownerId === currentUser?.id) ?? providers[0],\n    [providers, currentUser?.id]\n  );\n  const createOpportunity = useCreateInvestmentOpportunity();\n\n  const [form, setForm] = useState({\n    title: '',\n    description: '',\n    targetAmount: '',\n    minimumInvestment: '',\n    expectedReturnsPct: '',\n    lockInMonths: '',\n    riskLevel: 'MEDIUM' as (typeof RISKS)[number],\n  });\n  const [error, setError] = useState('');\n  const [created, setCreated] = useState<{ title: string } | null>(null);\n\n  const set = (k: keyof typeof form, v: string) => setForm((f) => ({ ...f, [k]: v }));\n\n  const inputCls =\n    'w-full rounded-lg border border-border-subtle bg-bg-canvas px-3 py-2 text-sm text-text-primary outline-none focus:border-border-strong';\n\n  const submit = () => {\n    setError('');\n    if (!myProvider) return;\n    const target = Number(form.targetAmount);\n    const minimum = Number(form.minimumInvestment);\n    const returns = Number(form.expectedReturnsPct);\n    const lock = Number(form.lockInMonths);\n    if (!form.title.trim()) return setError('Give your opportunity a title.');\n    if (!(target > 0)) return setError('Enter a valid target amount.');\n    if (!(minimum > 0) || minimum > target)\n      return setError('Minimum investment must be positive and ≤ target.');\n    if (!(returns >= 0)) return setError('Enter a valid expected return %.');\n    if (!(lock > 0)) return setError('Enter a lock-in period in months.');\n    createOpportunity.mutate(\n      {\n        providerId: myProvider.id,\n        title: form.title.trim(),\n        description: form.description.trim() || undefined,\n        targetAmount: target,\n        minimumInvestment: minimum,\n        expectedReturnsPct: returns,\n        lockInMonths: lock,\n        riskLevel: form.riskLevel,\n      },\n      {\n        onSuccess: (opp) => {\n          setCreated({ title: opp.title });\n          setForm((f) => ({\n            ...f,\n            title: '',\n            description: '',\n            targetAmount: '',\n            minimumInvestment: '',\n            expectedReturnsPct: '',\n            lockInMonths: '',\n          }));\n        },\n        onError: (e) =>\n          setError(e instanceof Error ? e.message : 'Could not publish the opportunity.'),\n      }\n    );\n  };\n\n  if (isLoading) {\n    return (\n      <PageLayout\n        title=\"List for Investment\"\n        description=\"Raise growth capital from the marketplace\"\n      >\n        <div className=\"animate-pulse space-y-4\">\n          <div className=\"h-10 rounded-lg bg-bg-sunken\" />\n          <div className=\"h-10 rounded-lg bg-bg-sunken\" />\n          <div className=\"h-10 rounded-lg bg-bg-sunken\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (!myProvider) {\n    return (\n      <PageLayout\n        title=\"List for Investment\"\n        description=\"Raise growth capital from the marketplace\"\n      >\n        <EmptyState\n          icon={<TrendingUp className=\"h-8 w-8\" />}\n          title=\"Set up your cart first\"\n          description=\"Create and configure your service provider before listing it for investment.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/cart-owner/dashboard')}\n              className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover\"\n            >\n              Go to Dashboard\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"List for Investment\"\n      description={`Raise growth capital for ${myProvider.name}`}\n    >\n      <div className=\"mx-auto max-w-5xl space-y-6\">\n        {created && (\n          <div className=\"flex items-center gap-2 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-4\">\n            <CheckCircle2 className=\"h-5 w-5 text-status-success-text\" />\n            <div className=\"flex-1\">\n              <p className=\"text-sm font-medium text-text-primary\">Opportunity published</p>\n              <p className=\"text-xs text-text-secondary\">\n                “{created.title}” is now live in the Investor section for backers to fund.\n              </p>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/investor/opportunities')}\n              className=\"rounded-lg border border-border-default bg-bg-surface px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-bg-sunken\"\n            >\n              View in Investor\n            </button>\n          </div>\n        )}\n\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-[1fr_20rem]\">\n          <div className=\"rounded-2xl border border-border-subtle bg-bg-surface p-6\">\n            <div className=\"mb-4 flex items-center gap-2\">\n              <IndianRupee className=\"h-5 w-5 text-accent-primary\" />\n              <h3 className=\"text-base font-semibold text-text-primary\">Opportunity details</h3>\n            </div>\n          <div className=\"space-y-4\">\n            <div>\n              <label className=\"mb-1 block text-sm font-medium text-text-secondary\">Title</label>\n              <input\n                className={inputCls}\n                value={form.title}\n                onChange={(e) => set('title', e.target.value)}\n                placeholder=\"Expand to 3 locations\"\n              />\n            </div>\n            <div>\n              <label className=\"mb-1 block text-sm font-medium text-text-secondary\">\n                Description\n              </label>\n              <textarea\n                className={inputCls}\n                rows={3}\n                value={form.description}\n                onChange={(e) => set('description', e.target.value)}\n                placeholder=\"How the capital will be used and why backers should fund it.\"\n              />\n            </div>\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n              <div>\n                <label className=\"mb-1 block text-sm font-medium text-text-secondary\">\n                  Target amount (₹)\n                </label>\n                <input\n                  type=\"number\"\n                  min=\"0\"\n                  className={inputCls}\n                  value={form.targetAmount}\n                  onChange={(e) => set('targetAmount', e.target.value)}\n                  placeholder=\"500000\"\n                />\n              </div>\n              <div>\n                <label className=\"mb-1 block text-sm font-medium text-text-secondary\">\n                  Minimum investment (₹)\n                </label>\n                <input\n                  type=\"number\"\n                  min=\"0\"\n                  className={inputCls}\n                  value={form.minimumInvestment}\n                  onChange={(e) => set('minimumInvestment', e.target.value)}\n                  placeholder=\"5000\"\n                />\n              </div>\n              <div>\n                <label className=\"mb-1 block text-sm font-medium text-text-secondary\">\n                  Expected returns (% p.a.)\n                </label>\n                <input\n                  type=\"number\"\n                  min=\"0\"\n                  className={inputCls}\n                  value={form.expectedReturnsPct}\n                  onChange={(e) => set('expectedReturnsPct', e.target.value)}\n                  placeholder=\"18\"\n                />\n              </div>\n              <div>\n                <label className=\"mb-1 block text-sm font-medium text-text-secondary\">\n                  Lock-in (months)\n                </label>\n                <input\n                  type=\"number\"\n                  min=\"0\"\n                  className={inputCls}\n                  value={form.lockInMonths}\n                  onChange={(e) => set('lockInMonths', e.target.value)}\n                  placeholder=\"12\"\n                />\n              </div>\n            </div>\n            <div>\n              <label className=\"mb-1 block text-sm font-medium text-text-secondary\">\n                Risk level\n              </label>\n              <div className=\"flex gap-2\">\n                {RISKS.map((r) => (\n                  <button\n                    key={r}\n                    type=\"button\"\n                    onClick={() => set('riskLevel', r)}\n                    className={\n                      'rounded-lg border px-4 py-2 text-sm font-medium transition ' +\n                      (form.riskLevel === r\n                        ? 'border-accent-primary bg-accent-primary/10 text-accent-primary'\n                        : 'border-border-subtle bg-bg-canvas text-text-secondary hover:bg-bg-sunken')\n                    }\n                  >\n                    {r.charAt(0) + r.slice(1).toLowerCase()}\n                  </button>\n                ))}\n              </div>\n            </div>\n\n            {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n\n            <div className=\"flex items-center justify-end gap-3 pt-2\">\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/cart-owner/dashboard')}\n                className=\"rounded-lg border border-border-default bg-bg-surface px-5 py-2.5 text-sm font-medium text-text-secondary hover:bg-bg-sunken\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={submit}\n                disabled={createOpportunity.isPending}\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text transition hover:bg-action-primary-bg-hover disabled:opacity-60\"\n              >\n                <TrendingUp className=\"h-4 w-4\" />\n                {createOpportunity.isPending ? 'Publishing…' : 'Publish opportunity'}\n              </button>\n            </div>\n          </div>\n          </div>\n\n          {/* Live funding preview — mirrors exactly what backers will see */}\n          <aside className=\"h-fit rounded-2xl border border-border-subtle bg-bg-surface p-6 lg:sticky lg:top-6\">\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              {form.title.trim() || 'Your opportunity'}\n            </h3>\n            <p className=\"mt-1 line-clamp-2 text-xs text-text-secondary\">\n              {form.description.trim() || `Raise growth capital for ${myProvider.name}.`}\n            </p>\n\n            <div className=\"mt-5 flex flex-col items-center\">\n              <ProgressRing\n                value={0}\n                max={Math.max(Number(form.targetAmount) || 0, 1)}\n                label=\"0%\"\n                caption=\"funded\"\n                size={120}\n              />\n              <p className=\"mt-3 text-center text-sm text-text-secondary\">\n                <span className=\"font-semibold text-text-primary\">₹0</span> of{' '}\n                <span className=\"font-semibold text-text-primary\">\n                  {Number(form.targetAmount) > 0\n                    ? formatCurrency(Number(form.targetAmount), { minimumFractionDigits: 0 })\n                    : '—'}\n                </span>{' '}\n                raised\n              </p>\n            </div>\n\n            <div className=\"mt-5 grid grid-cols-2 gap-3\">\n              <div className=\"rounded-lg border border-border-subtle bg-bg-canvas p-3\">\n                <div className=\"flex items-center gap-1.5 text-xs text-text-secondary\">\n                  <TrendingUp className=\"h-3.5 w-3.5\" />\n                  Returns\n                </div>\n                <p className=\"mt-1 text-lg font-semibold text-text-primary\">\n                  {form.expectedReturnsPct ? `${Number(form.expectedReturnsPct)}%` : '—'}\n                </p>\n                <p className=\"text-[11px] text-text-muted\">expected p.a.</p>\n              </div>\n              <div className=\"rounded-lg border border-border-subtle bg-bg-canvas p-3\">\n                <div className=\"flex items-center gap-1.5 text-xs text-text-secondary\">\n                  <CalendarClock className=\"h-3.5 w-3.5\" />\n                  Lock-in\n                </div>\n                <p className=\"mt-1 text-lg font-semibold text-text-primary\">\n                  {form.lockInMonths ? Number(form.lockInMonths) : '—'}\n                </p>\n                <p className=\"text-[11px] text-text-muted\">months</p>\n              </div>\n            </div>\n\n            <div className=\"mt-3 flex items-center justify-between rounded-lg border border-border-subtle bg-bg-canvas p-3\">\n              <span className=\"text-xs text-text-secondary\">Min. investment</span>\n              <span className=\"text-sm font-semibold text-text-primary\">\n                {Number(form.minimumInvestment) > 0\n                  ? formatCurrency(Number(form.minimumInvestment), { minimumFractionDigits: 0 })\n                  : '—'}\n              </span>\n            </div>\n\n            <div className=\"mt-3 flex items-center justify-between rounded-lg border border-border-subtle bg-bg-canvas p-3\">\n              <span className=\"text-xs text-text-secondary\">Risk level</span>\n              <span className=\"text-sm font-semibold text-text-primary\">\n                {form.riskLevel.charAt(0) + form.riskLevel.slice(1).toLowerCase()}\n              </span>\n            </div>\n          </aside>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}