@burdenoff/microfe-kadaikodi 2026.704.3 → 2026.704.5

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

@@ -0,0 +1,332 @@
+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 { 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 h = [
+	"LOW",
+	"MEDIUM",
+	"HIGH"
+];
+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: "",
+		minimumInvestment: "",
+		expectedReturnsPct: "",
+		lockInMonths: "",
+		riskLevel: "MEDIUM"
+	}), [w, T] = c(""), [E, D] = c(null), O = (e, t) => C((n) => ({
+		...n,
+		[e]: 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__ */ m("div", {
+			className: "animate-pulse space-y-4",
+			children: [
+				/* @__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" })
+			]
+		})
+	}) : b ? /* @__PURE__ */ p(t, {
+		title: "List for Investment",
+		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__ */ p(u, { className: "h-5 w-5 text-status-success-text" }),
+					/* @__PURE__ */ m("div", {
+						className: "flex-1",
+						children: [/* @__PURE__ */ p("p", {
+							className: "text-sm font-medium text-text-primary",
+							children: "Opportunity published"
+						}), /* @__PURE__ */ m("p", {
+							className: "text-xs text-text-secondary",
+							children: [
+								"“",
+								E.title,
+								"” is now live in the Investor section for backers to fund."
+							]
+						})]
+					}),
+					/* @__PURE__ */ p("button", {
+						type: "button",
+						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__ */ 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__ */ m("aside", {
+					className: "h-fit rounded-2xl border border-border-subtle bg-bg-surface p-6 lg:sticky lg:top-6",
+					children: [
+						/* @__PURE__ */ p("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: S.title.trim() || "Your opportunity"
+						}),
+						/* @__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__ */ 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__ */ p(t, {
+		title: "List for Investment",
+		description: "Raise growth capital from the marketplace",
+		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__ */ p("button", {
+				type: "button",
+				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"
+			})
+		})
+	});
+}
+//#endregion
+export { g as InvestmentListingPage };
+
+//# sourceMappingURL=InvestmentListingPage.js.map

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

@@ -0,0 +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, 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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"}