@burdenoff/microfe-kadaikodi 2026.704.3 → 2026.704.4

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 } 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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"}

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

@@ -68,28 +68,28 @@ var O = {
 	let t = ((/* @__PURE__ */ new Date()).getTime() - new Date(e.orderDate).getTime()) / (1e3 * 60);
 	return e.status === "pending" && t > 10 ? "border-status-error-text/50 bg-status-error-bg-subtle" : e.status === "preparing" && t > 30 ? "border-status-warning-text/50 bg-status-warning-bg-subtle" : "border-border-subtle";
 }, N = () => {
-	let { navigateTo: y, currentUser: b } = e(), { data: N = [] } = a(), { data: P = [], isLoading: F } = i({ providerId: l(() => N.find((e) => e.ownerId === b?.id) ?? N[0], [N, b?.id])?.id }), I = o(), [L, R] = u([]);
+	let { navigateTo: y, currentUser: b } = e(), { data: N = [] } = a(), { data: P = [], isLoading: F, refetch: I, isFetching: L } = i({ providerId: l(() => N.find((e) => e.ownerId === b?.id) ?? N[0], [N, b?.id])?.id }), R = o(), [z, B] = u([]);
 	c(() => {
-		R(P);
+		B(P);
 	}, [P]);
-	let [z, B] = u({
+	let [V, H] = u({
 		status: "",
 		dateRange: "all",
 		searchQuery: "",
 		sortBy: "recent",
 		fulfillmentType: ""
-	}), [V, H] = u(null), [U, W] = u(!1), [G, K] = u(null), q = (e, t) => {
-		K({
+	}), [U, W] = u(null), [G, K] = u(!1), [q, J] = u(null), Y = (e, t) => {
+		J({
 			text: e,
 			type: t
-		}), setTimeout(() => K(null), 3e3);
-	}, J = l(() => {
-		let e = L.length, t = L.filter((e) => e.status === "pending").length, n = L.filter((e) => [
+		}), setTimeout(() => J(null), 3e3);
+	}, X = l(() => {
+		let e = z.length, t = z.filter((e) => e.status === "pending").length, n = z.filter((e) => [
 			"confirmed",
 			"preparing",
 			"ready",
 			"out_for_delivery"
-		].includes(e.status)).length, r = L.filter((e) => e.status === "delivered").length, i = L.filter((e) => e.status === "delivered").reduce((e, t) => e + t.total, 0);
+		].includes(e.status)).length, r = z.filter((e) => e.status === "delivered").length, i = z.filter((e) => e.status === "delivered").reduce((e, t) => e + t.total, 0);
 		return {
 			total: e,
 			pending: t,
@@ -98,17 +98,17 @@ var O = {
 			totalRevenue: i,
 			avgOrder: r > 0 ? Math.round(i / r) : 0
 		};
-	}, [L]), Y = l(() => {
-		let e = [...L];
-		if (z.status && (e = e.filter((e) => e.status === z.status)), z.fulfillmentType && (e = e.filter((e) => e.fulfillmentType === z.fulfillmentType)), z.searchQuery) {
-			let t = z.searchQuery.toLowerCase();
+	}, [z]), Z = l(() => {
+		let e = [...z];
+		if (V.status && (e = e.filter((e) => e.status === V.status)), V.fulfillmentType && (e = e.filter((e) => e.fulfillmentType === V.fulfillmentType)), V.searchQuery) {
+			let t = V.searchQuery.toLowerCase();
 			e = e.filter((e) => e.id.toLowerCase().includes(t) || (e.customerName || "").toLowerCase().includes(t) || e.items.some((e) => e.name.toLowerCase().includes(t)));
 		}
-		if (z.dateRange !== "all") {
+		if (V.dateRange !== "all") {
 			let t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
-			z.dateRange === "today" ? n.setHours(0, 0, 0, 0) : z.dateRange === "7days" ? n.setDate(t.getDate() - 7) : z.dateRange === "30days" && n.setDate(t.getDate() - 30), e = e.filter((e) => new Date(e.orderDate) >= n);
+			V.dateRange === "today" ? n.setHours(0, 0, 0, 0) : V.dateRange === "7days" ? n.setDate(t.getDate() - 7) : V.dateRange === "30days" && n.setDate(t.getDate() - 30), e = e.filter((e) => new Date(e.orderDate) >= n);
 		}
-		switch (z.sortBy) {
+		switch (V.sortBy) {
 			case "recent":
 				e.sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime());
 				break;
@@ -123,39 +123,45 @@ var O = {
 				break;
 		}
 		return e;
-	}, [L, z]), X = (e, t) => {
+	}, [z, V]), Q = async () => {
+		await I(), Y("Orders refreshed", "success");
+	}, $ = (e, t) => {
 		let n = {
 			accept: "confirmed",
 			reject: "cancelled",
+			prepare: "preparing",
 			ready: "ready",
 			complete: "delivered"
 		};
-		R((r) => r.map((r) => r.id === e ? {
+		B((r) => r.map((r) => r.id === e ? {
 			...r,
 			status: n[t]
-		} : r)), I.mutate({
+		} : r)), R.mutate({
 			id: e,
 			status: {
 				accept: "CONFIRMED",
 				reject: "CANCELLED",
+				prepare: "PREPARING",
 				ready: "READY",
 				complete: "DELIVERED"
 			}[t]
-		}, { onError: () => q("Could not update the order on the server", "error") }), q({
+		}, { onError: () => Y("Could not update the order on the server", "error") }), Y({
 			accept: "Order accepted",
 			reject: "Order rejected",
+			prepare: "Order moved to preparing",
 			ready: "Order marked as ready",
 			complete: "Order completed"
-		}[t], "success"), U && V?.id === e && W(!1);
+		}[t], "success"), G && U?.id === e && K(!1);
 	};
 	return /* @__PURE__ */ T(n, {
 		title: "Order Management",
 		description: "Manage incoming and active orders",
 		actions: /* @__PURE__ */ T("button", {
 			type: "button",
-			onClick: () => q("Orders refreshed", "success"),
-			className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-			children: [/* @__PURE__ */ w(_, { className: "h-4 w-4" }), "Refresh"]
+			onClick: Q,
+			disabled: L,
+			className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors disabled:opacity-60 disabled:cursor-not-allowed",
+			children: [/* @__PURE__ */ w(_, { className: t("h-4 w-4", L && "animate-spin") }), "Refresh"]
 		}),
 		children: [
 			/* @__PURE__ */ w(D, {
@@ -165,11 +171,11 @@ var O = {
 			/* @__PURE__ */ T("div", {
 				className: "space-y-4",
 				children: [
-					G && /* @__PURE__ */ T("div", {
-						className: t("flex items-center gap-2 rounded-lg border p-3", G.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
-						children: [G.type === "success" ? /* @__PURE__ */ w(f, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ w(d, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ w("span", {
-							className: t("text-sm font-medium", G.type === "success" ? "text-status-success-text" : "text-status-error-text"),
-							children: G.text
+					q && /* @__PURE__ */ T("div", {
+						className: t("flex items-center gap-2 rounded-lg border p-3", q.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
+						children: [q.type === "success" ? /* @__PURE__ */ w(f, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ w(d, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ w("span", {
+							className: t("text-sm font-medium", q.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+							children: q.text
 						})]
 					}),
 					/* @__PURE__ */ T(E, { children: [/* @__PURE__ */ w("h2", {
@@ -185,7 +191,7 @@ var O = {
 									children: "Total Orders"
 								}), /* @__PURE__ */ w("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: J.total
+									children: X.total
 								})]
 							}),
 							/* @__PURE__ */ T("div", {
@@ -195,7 +201,7 @@ var O = {
 									children: "Pending"
 								}), /* @__PURE__ */ w("p", {
 									className: "text-2xl font-bold text-status-warning-text",
-									children: J.pending
+									children: X.pending
 								})]
 							}),
 							/* @__PURE__ */ T("div", {
@@ -205,7 +211,7 @@ var O = {
 									children: "Active"
 								}), /* @__PURE__ */ w("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: J.active
+									children: X.active
 								})]
 							}),
 							/* @__PURE__ */ T("div", {
@@ -215,7 +221,7 @@ var O = {
 									children: "Completed"
 								}), /* @__PURE__ */ w("p", {
 									className: "text-2xl font-bold text-status-success-text",
-									children: J.completed
+									children: X.completed
 								})]
 							}),
 							/* @__PURE__ */ T("div", {
@@ -225,7 +231,7 @@ var O = {
 									children: "Total Revenue"
 								}), /* @__PURE__ */ w("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: s(J.totalRevenue, { minimumFractionDigits: 0 })
+									children: s(X.totalRevenue, { minimumFractionDigits: 0 })
 								})]
 							}),
 							/* @__PURE__ */ T("div", {
@@ -235,7 +241,7 @@ var O = {
 									children: "Avg Order"
 								}), /* @__PURE__ */ w("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: s(J.avgOrder, { minimumFractionDigits: 0 })
+									children: s(X.avgOrder, { minimumFractionDigits: 0 })
 								})]
 							})
 						]
@@ -250,8 +256,8 @@ var O = {
 									children: [/* @__PURE__ */ w(v, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ w("input", {
 										type: "text",
 										placeholder: "Search orders...",
-										value: z.searchQuery,
-										onChange: (e) => B((t) => ({
+										value: V.searchQuery,
+										onChange: (e) => H((t) => ({
 											...t,
 											searchQuery: e.target.value
 										})),
@@ -259,8 +265,8 @@ var O = {
 									})]
 								}),
 								/* @__PURE__ */ T("select", {
-									value: z.status,
-									onChange: (e) => B((t) => ({
+									value: V.status,
+									onChange: (e) => H((t) => ({
 										...t,
 										status: e.target.value
 									})),
@@ -297,8 +303,8 @@ var O = {
 									]
 								}),
 								/* @__PURE__ */ T("select", {
-									value: z.fulfillmentType,
-									onChange: (e) => B((t) => ({
+									value: V.fulfillmentType,
+									onChange: (e) => H((t) => ({
 										...t,
 										fulfillmentType: e.target.value
 									})),
@@ -323,8 +329,8 @@ var O = {
 									]
 								}),
 								/* @__PURE__ */ T("select", {
-									value: z.dateRange,
-									onChange: (e) => B((t) => ({
+									value: V.dateRange,
+									onChange: (e) => H((t) => ({
 										...t,
 										dateRange: e.target.value
 									})),
@@ -349,8 +355,8 @@ var O = {
 									]
 								}),
 								/* @__PURE__ */ T("select", {
-									value: z.sortBy,
-									onChange: (e) => B((t) => ({
+									value: V.sortBy,
+									onChange: (e) => H((t) => ({
 										...t,
 										sortBy: e.target.value
 									})),
@@ -380,13 +386,13 @@ var O = {
 					F ? /* @__PURE__ */ w("div", {
 						className: "flex items-center justify-center py-16",
 						children: /* @__PURE__ */ w("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
-					}) : Y.length === 0 ? /* @__PURE__ */ w(r, {
-						illustration: z.searchQuery || z.status ? "empty-search" : "empty-data",
+					}) : Z.length === 0 ? /* @__PURE__ */ w(r, {
+						illustration: V.searchQuery || V.status ? "empty-search" : "empty-data",
 						title: "No orders found",
-						description: z.searchQuery || z.status ? "No orders match your current filters. Try adjusting the status, type or date range." : "New orders from customers will appear here in real time. Make sure your cart is open and accepting orders."
+						description: V.searchQuery || V.status ? "No orders match your current filters. Try adjusting the status, type or date range." : "New orders from customers will appear here in real time. Make sure your cart is open and accepting orders."
 					}) : /* @__PURE__ */ w("div", {
 						className: "space-y-4",
-						children: Y.map((e) => {
+						children: Z.map((e) => {
 							let n = O[e.status] || {
 								color: "bg-bg-sunken text-text-secondary",
 								label: e.status
@@ -432,7 +438,7 @@ var O = {
 												}), /* @__PURE__ */ w("button", {
 													type: "button",
 													onClick: () => {
-														H(e), W(!0);
+														W(e), K(!0);
 													},
 													className: "rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 													children: "View Details"
@@ -458,30 +464,30 @@ var O = {
 											children: [
 												e.status === "pending" && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T("button", {
 													type: "button",
-													onClick: () => X(e.id, "accept"),
+													onClick: () => $(e.id, "accept"),
 													className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
 													children: [/* @__PURE__ */ w(f, { className: "h-3.5 w-3.5" }), "Accept Order"]
 												}), /* @__PURE__ */ T("button", {
 													type: "button",
-													onClick: () => X(e.id, "reject"),
+													onClick: () => $(e.id, "reject"),
 													className: "inline-flex items-center gap-1.5 rounded-md bg-status-error-bg-subtle px-3 py-2 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
 													children: [/* @__PURE__ */ w(S, { className: "h-3.5 w-3.5" }), "Reject"]
 												})] }),
 												e.status === "confirmed" && /* @__PURE__ */ T("button", {
 													type: "button",
-													onClick: () => X(e.id, "ready"),
+													onClick: () => $(e.id, "prepare"),
 													className: "inline-flex items-center gap-1.5 rounded-md bg-status-warning-bg-subtle px-3 py-2 text-xs font-medium text-status-warning-text hover:bg-status-warning-bg-subtle transition-colors",
 													children: [/* @__PURE__ */ w(p, { className: "h-3.5 w-3.5" }), "Start Preparing"]
 												}),
 												e.status === "preparing" && /* @__PURE__ */ T("button", {
 													type: "button",
-													onClick: () => X(e.id, "ready"),
+													onClick: () => $(e.id, "ready"),
 													className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
 													children: [/* @__PURE__ */ w(h, { className: "h-3.5 w-3.5" }), "Mark as Ready"]
 												}),
 												e.status === "ready" && e.fulfillmentType === "pickup" && /* @__PURE__ */ T("button", {
 													type: "button",
-													onClick: () => X(e.id, "complete"),
+													onClick: () => $(e.id, "complete"),
 													className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
 													children: [/* @__PURE__ */ w(f, { className: "h-3.5 w-3.5" }), "Complete Order"]
 												}),
@@ -489,9 +495,8 @@ var O = {
 													"confirmed",
 													"preparing",
 													"ready"
-												].includes(e.status) && /* @__PURE__ */ T("button", {
-													type: "button",
-													onClick: () => alert("Contact feature coming soon!"),
+												].includes(e.status) && e.customerPhone && /* @__PURE__ */ T("a", {
+													href: `tel:${e.customerPhone}`,
 													className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 													children: [/* @__PURE__ */ w(g, { className: "h-3.5 w-3.5" }), "Contact Customer"]
 												})
@@ -514,7 +519,7 @@ var O = {
 					})
 				]
 			}),
-			U && V && /* @__PURE__ */ w("div", {
+			G && U && /* @__PURE__ */ w("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ w("div", {
 					className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
@@ -527,7 +532,7 @@ var O = {
 								children: "Order Details"
 							}), /* @__PURE__ */ w("button", {
 								type: "button",
-								onClick: () => W(!1),
+								onClick: () => K(!1),
 								className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
 								children: /* @__PURE__ */ w(x, { className: "h-5 w-5" })
 							})]
@@ -542,28 +547,28 @@ var O = {
 											children: "Order ID"
 										}), /* @__PURE__ */ T("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: ["#", V.id]
+											children: ["#", U.id]
 										})] }),
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary",
 											children: "Status"
 										}), /* @__PURE__ */ w("span", {
-											className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium mt-0.5", (O[V.status] || O.pending).color),
-											children: (O[V.status] || O.pending).label
+											className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium mt-0.5", (O[U.status] || O.pending).color),
+											children: (O[U.status] || O.pending).label
 										})] }),
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary",
 											children: "Customer"
 										}), /* @__PURE__ */ w("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: V.customerName || "N/A"
+											children: U.customerName || "N/A"
 										})] }),
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary",
 											children: "Order Time"
 										}), /* @__PURE__ */ w("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: j(V.orderDate)
+											children: j(U.orderDate)
 										})] })
 									]
 								}),
@@ -574,7 +579,7 @@ var O = {
 										children: "Order Items"
 									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: V.items.map((e, t) => /* @__PURE__ */ T("div", {
+										children: U.items.map((e, t) => /* @__PURE__ */ T("div", {
 											className: "flex justify-between items-start",
 											children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 												className: "text-sm font-medium text-text-primary",
@@ -599,23 +604,23 @@ var O = {
 									children: [
 										/* @__PURE__ */ T("div", {
 											className: "flex justify-between text-sm text-text-secondary",
-											children: [/* @__PURE__ */ w("span", { children: "Subtotal" }), /* @__PURE__ */ w("span", { children: s(V.subtotal, { minimumFractionDigits: 0 }) })]
+											children: [/* @__PURE__ */ w("span", { children: "Subtotal" }), /* @__PURE__ */ w("span", { children: s(U.subtotal, { minimumFractionDigits: 0 }) })]
 										}),
 										/* @__PURE__ */ T("div", {
 											className: "flex justify-between text-sm text-text-secondary",
-											children: [/* @__PURE__ */ w("span", { children: "Delivery Fee" }), /* @__PURE__ */ w("span", { children: s(V.deliveryFee, { minimumFractionDigits: 0 }) })]
+											children: [/* @__PURE__ */ w("span", { children: "Delivery Fee" }), /* @__PURE__ */ w("span", { children: s(U.deliveryFee, { minimumFractionDigits: 0 }) })]
 										}),
 										/* @__PURE__ */ T("div", {
 											className: "flex justify-between text-sm text-text-secondary",
-											children: [/* @__PURE__ */ w("span", { children: "Tax" }), /* @__PURE__ */ w("span", { children: s(V.taxes, { minimumFractionDigits: 0 }) })]
+											children: [/* @__PURE__ */ w("span", { children: "Tax" }), /* @__PURE__ */ w("span", { children: s(U.taxes, { minimumFractionDigits: 0 }) })]
 										}),
 										/* @__PURE__ */ T("div", {
 											className: "flex justify-between font-semibold text-text-primary pt-2 border-t border-border-subtle",
-											children: [/* @__PURE__ */ w("span", { children: "Total" }), /* @__PURE__ */ w("span", { children: s(V.total, { minimumFractionDigits: 0 }) })]
+											children: [/* @__PURE__ */ w("span", { children: "Total" }), /* @__PURE__ */ w("span", { children: s(U.total, { minimumFractionDigits: 0 }) })]
 										})
 									]
 								}),
-								V.fulfillmentType === "delivery" && V.deliveryAddress && /* @__PURE__ */ T("div", {
+								U.fulfillmentType === "delivery" && U.deliveryAddress && /* @__PURE__ */ T("div", {
 									className: "border-t border-border-subtle pt-4",
 									children: [/* @__PURE__ */ T("h4", {
 										className: "text-sm font-medium text-text-primary mb-2 flex items-center gap-1.5",
@@ -623,13 +628,13 @@ var O = {
 									}), /* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary",
 										children: [
-											V.deliveryAddress.street,
+											U.deliveryAddress.street,
 											", ",
-											V.deliveryAddress.area,
+											U.deliveryAddress.area,
 											/* @__PURE__ */ w("br", {}),
-											V.deliveryAddress.city,
+											U.deliveryAddress.city,
 											" - ",
-											V.deliveryAddress.pincode
+											U.deliveryAddress.pincode
 										]
 									})]
 								}),
@@ -637,17 +642,17 @@ var O = {
 									className: "flex gap-3 mt-6",
 									children: [/* @__PURE__ */ w("button", {
 										type: "button",
-										onClick: () => W(!1),
+										onClick: () => K(!1),
 										className: "flex-1 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 										children: "Close"
-									}), V.status === "pending" && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("button", {
+									}), U.status === "pending" && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("button", {
 										type: "button",
-										onClick: () => X(V.id, "accept"),
+										onClick: () => $(U.id, "accept"),
 										className: "flex-1 rounded-md bg-status-success-bg-subtle px-4 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
 										children: "Accept Order"
 									}), /* @__PURE__ */ w("button", {
 										type: "button",
-										onClick: () => X(V.id, "reject"),
+										onClick: () => $(U.id, "reject"),
 										className: "flex-1 rounded-md bg-status-error-bg-subtle px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
 										children: "Reject Order"
 									})] })]