@burdenoff/microfe-kadaikodi 2026.704.2 → 2026.704.4

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

@@ -2,14 +2,14 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
-import { useOfferings as i, useProviders as ee, useUpdateOffering as te } from "../../hooks/useKadaikodiApi.js";
+import { useCreateOffering as i, useDeleteOffering as ee, useOfferings as te, useProviders as ne, useUpdateOffering as re } from "../../hooks/useKadaikodiApi.js";
 import { formatCurrency as a } from "../../utils/formatters.js";
-import { useEffect as ne, useMemo as o, useState as s } from "react";
-import { AlertCircle as re, CheckCircle2 as ie, Edit2 as ae, Package as c, Plus as l, Search as oe, Trash2 as se, Upload as ce, X as le } from "lucide-react";
-import { Fragment as ue, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { EmphasisPanel as de, PagePurpose as fe } from "@burdenoff/fe-libs/ui";
+import { useEffect as ie, useMemo as o, useState as s } from "react";
+import { AlertCircle as ae, CheckCircle2 as oe, Download as se, Edit2 as ce, Package as c, Plus as l, Search as le, Trash2 as ue, Upload as de, X as fe } from "lucide-react";
+import { Fragment as pe, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { EmphasisPanel as me, PagePurpose as he } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/cart-owner/InventoryManagementPage.tsx
-var pe = [
+var ge = [
 	"Service",
 	"Repair",
 	"Beauty",
@@ -18,7 +18,7 @@ var pe = [
 	"Health",
 	"Wellness",
 	"Education"
-], f = (e) => pe.some((t) => e.includes(t)), me = (e) => e === "Food & Beverage", p = {
+], f = (e) => ge.some((t) => e.includes(t)), _e = (e) => e === "Food & Beverage", p = {
 	FOOD_BEVERAGE: "Food & Beverage",
 	PERSONAL_CARE_BEAUTY: "Personal Care & Beauty",
 	CLOTHING_FASHION: "Clothing & Fashion",
@@ -28,7 +28,10 @@ var pe = [
 	EDUCATION_SKILLS: "Education & Skills",
 	RETAIL_MERCHANDISE: "Retail & Merchandise",
 	GROCERY_ESSENTIALS: "Grocery & Essentials"
-}, he = (e, t) => ({
+}, ve = Object.fromEntries(Object.entries(p).map(([e, t]) => [t, e])), ye = Object.values(p).sort(), be = (e) => `${e.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "offering"}-${Date.now().toString(36)}`, xe = (e) => {
+	let t = String(e ?? "");
+	return /[",\n]/.test(t) ? `"${t.replace(/"/g, "\"\"")}"` : t;
+}, Se = (e, t) => ({
 	id: e.id,
 	name: e.name,
 	description: e.description ?? "",
@@ -69,17 +72,17 @@ var pe = [
 	serviceType: "instant",
 	requirements: []
 }, h = () => {
-	let { navigateTo: pe, currentUser: p } = e(), { data: h = [] } = ee(), g = o(() => h.find((e) => e.ownerId === p?.id) ?? h[0], [h, p?.id]), ge = g?.id, { data: _ = [], isLoading: _e } = i(ge), v = te(), [y, b] = s([]);
-	ne(() => {
-		b(_.map((e) => he(e, g?.name ?? "")));
-	}, [_, g?.name]);
-	let [x, S] = s(""), [C, w] = s(""), [T, E] = s(""), [D, O] = s("name"), [ve, ye] = s(!1), [be, k] = s(!1), [A, j] = s(null), [M, N] = s(m), [P, F] = s(""), [I, L] = s(""), [R, z] = s(""), [B, V] = s(null), H = o(() => [...new Set(y.map((e) => e.category))].sort(), [y]), U = o(() => {
-		let e = [...y];
-		if (x) {
-			let t = x.toLowerCase();
+	let { navigateTo: ge, currentUser: p } = e(), { data: h = [] } = ne(), g = o(() => h.find((e) => e.ownerId === p?.id) ?? h[0], [h, p?.id]), _ = g?.id, { data: v = [], isLoading: Ce } = te(_), y = re(), we = i(), Te = ee(), [b, x] = s([]);
+	ie(() => {
+		x(v.map((e) => Se(e, g?.name ?? "")));
+	}, [v, g?.name]);
+	let [S, C] = s(""), [w, T] = s(""), [E, D] = s(""), [O, k] = s("name"), [Ee, De] = s(!1), [Oe, A] = s(!1), [j, M] = s(null), [N, P] = s(m), [F, I] = s(""), [L, R] = s(""), [z, B] = s(""), [V, H] = s(null), ke = o(() => [...new Set(b.map((e) => e.category))].sort(), [b]), U = o(() => {
+		let e = [...b];
+		if (S) {
+			let t = S.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.description.toLowerCase().includes(t) || e.category.toLowerCase().includes(t) || e.tags.some((e) => e.toLowerCase().includes(t)));
 		}
-		switch (C && (e = e.filter((e) => e.category === C)), T === "available" ? e = e.filter((e) => e.isAvailable) : T === "unavailable" && (e = e.filter((e) => !e.isAvailable)), D) {
+		switch (w && (e = e.filter((e) => e.category === w)), E === "available" ? e = e.filter((e) => e.isAvailable) : E === "unavailable" && (e = e.filter((e) => !e.isAvailable)), O) {
 			case "name":
 				e.sort((e, t) => e.name.localeCompare(t.name));
 				break;
@@ -95,23 +98,23 @@ var pe = [
 		}
 		return e;
 	}, [
-		y,
-		x,
-		C,
-		T,
-		D
-	]), xe = y.length, Se = y.filter((e) => e.isAvailable).length, Ce = y.filter((e) => !f(e.category) && e.stock === 0).length, we = y.filter((e) => !f(e.category) && e.stock > 0 && e.stock < 10).length, W = (e, t) => {
-		V({
+		b,
+		S,
+		w,
+		E,
+		O
+	]), Ae = b.length, je = b.filter((e) => e.isAvailable).length, Me = b.filter((e) => !f(e.category) && e.stock === 0).length, Ne = b.filter((e) => !f(e.category) && e.stock > 0 && e.stock < 10).length, W = (e, t) => {
+		H({
 			text: e,
 			type: t
-		}), setTimeout(() => V(null), 3e3);
+		}), setTimeout(() => H(null), 3e3);
 	}, G = () => {
-		j(null), N({
+		M(null), P({
 			...m,
-			category: H[0] || ""
-		}), F(""), L(""), z(""), k(!0);
+			category: ""
+		}), I(""), R(""), B(""), A(!0);
 	}, K = (e) => {
-		j(e), N({
+		M(e), P({
 			name: e.name,
 			description: e.description,
 			category: e.category,
@@ -130,64 +133,115 @@ var pe = [
 			duration: e.duration,
 			serviceType: e.serviceType,
 			requirements: e.requirements
-		}), F(e.tags.join(", ")), L(e.allergens.join(", ")), z(e.requirements.join(", ")), k(!0);
-	}, Te = () => {
-		if (!M.name || !M.description || !M.category || M.price <= 0) {
+		}), I(e.tags.join(", ")), R(e.allergens.join(", ")), B(e.requirements.join(", ")), A(!0);
+	}, Pe = () => {
+		if (!N.name || !N.description || !N.category || N.price <= 0) {
 			W("Please fill all required fields (name, description, category, price > 0)", "error");
 			return;
 		}
-		let e = P.split(",").map((e) => e.trim()).filter(Boolean), t = I.split(",").map((e) => e.trim()).filter(Boolean), n = R.split(",").map((e) => e.trim()).filter(Boolean), r = f(M.category), i = r ? "Service" : "Product";
-		if (A) b((r) => r.map((r) => r.id === A.id ? {
+		let e = F.split(",").map((e) => e.trim()).filter(Boolean), t = L.split(",").map((e) => e.trim()).filter(Boolean), n = z.split(",").map((e) => e.trim()).filter(Boolean), r = f(N.category), i = r ? "Service" : "Product";
+		if (j) x((r) => r.map((r) => r.id === j.id ? {
 			...r,
-			...M,
+			...N,
 			tags: e,
 			allergens: t,
 			requirements: n
-		} : r)), v.mutate({
-			id: A.id,
+		} : r)), y.mutate({
+			id: j.id,
 			input: {
-				name: M.name,
-				description: M.description,
-				price: M.price,
-				originalPrice: M.originalPrice,
-				stock: M.stock,
+				name: N.name,
+				description: N.description,
+				price: N.price,
+				originalPrice: N.originalPrice,
+				stock: r ? void 0 : N.stock,
 				tags: e,
-				serviceType: M.serviceType || void 0,
-				durationMinutes: r ? M.duration : void 0
+				serviceType: N.serviceType || void 0,
+				durationMinutes: r ? N.duration : void 0
 			}
-		}, { onError: () => W("Could not save changes to the server", "error") }), W(`${i} updated successfully`, "success");
+		}, { onError: () => W("Could not save changes to the server", "error") }), W(`${i} updated successfully`, "success"), A(!1);
 		else {
-			let r = {
-				id: `item-${Date.now()}`,
-				...M,
+			if (!_) {
+				W("Create your cart before adding offerings", "error");
+				return;
+			}
+			let t = ve[N.category];
+			if (!t) {
+				W("Please choose a valid category", "error");
+				return;
+			}
+			we.mutate({
+				providerId: _,
+				name: N.name,
+				slug: be(N.name),
+				description: N.description,
+				category: t,
+				kind: r ? "SERVICE" : "PRODUCT",
+				price: N.price,
+				originalPrice: N.originalPrice,
+				stock: r ? void 0 : N.stock,
 				tags: e,
-				allergens: t,
-				requirements: n,
-				cartName: g?.name ?? ""
-			};
-			b((e) => [r, ...e]), W(`${i} added successfully`, "success");
+				serviceType: r && N.serviceType || void 0,
+				durationMinutes: r ? N.duration : void 0
+			}, {
+				onSuccess: () => {
+					W(`${i} added successfully`, "success"), A(!1);
+				},
+				onError: () => W(`Could not create the ${i.toLowerCase()}`, "error")
+			});
 		}
-		k(!1);
 	}, q = (e) => {
-		confirm("Are you sure you want to delete this offering?") && (b((t) => t.filter((t) => t.id !== e)), W("Offering deleted successfully", "success"));
+		if (!confirm("Are you sure you want to delete this offering?")) return;
+		let t = b;
+		x((t) => t.filter((t) => t.id !== e)), Te.mutate(e, {
+			onSuccess: () => W("Offering deleted successfully", "success"),
+			onError: () => {
+				x(t), W("Could not delete the offering", "error");
+			}
+		});
 	}, J = (e, t) => {
-		b((n) => n.map((n) => n.id === e ? {
+		x((n) => n.map((n) => n.id === e ? {
 			...n,
 			isAvailable: t
-		} : n)), v.mutate({
+		} : n)), y.mutate({
 			id: e,
 			input: { isAvailable: t }
 		}, { onError: () => W("Could not update availability on the server", "error") }), W(`Offering ${t ? "enabled" : "disabled"} successfully`, "success");
 	}, Y = (e) => {
-		let t = e === "enable", n = y.filter((e) => e.isAvailable !== t).length;
-		if (n === 0) {
+		let t = e === "enable", n = b.filter((e) => e.isAvailable !== t);
+		if (n.length === 0) {
 			W(`No offerings to ${e}`, "error");
 			return;
 		}
-		b((e) => e.map((e) => ({
+		x((e) => e.map((e) => ({
 			...e,
 			isAvailable: t
-		}))), W(`${n} offerings ${e}d successfully`, "success");
+		}))), n.forEach((e) => y.mutate({
+			id: e.id,
+			input: { isAvailable: t }
+		}, { onError: () => W("Some offerings could not be updated on the server", "error") })), W(`${n.length} offerings ${e}d successfully`, "success");
+	}, Fe = () => {
+		if (b.length === 0) {
+			W("There are no offerings to export yet", "error");
+			return;
+		}
+		let e = [[
+			"Name",
+			"Category",
+			"Price",
+			"Original Price",
+			"Stock",
+			"Available",
+			"Tags"
+		], ...b.map((e) => [
+			e.name,
+			e.category,
+			e.price,
+			e.originalPrice ?? "",
+			f(e.category) ? "" : e.stock,
+			e.isAvailable ? "Yes" : "No",
+			e.tags.join("; ")
+		])].map((e) => e.map(xe).join(",")).join("\n"), t = new Blob([e], { type: "text/csv;charset=utf-8;" }), n = URL.createObjectURL(t), r = document.createElement("a");
+		r.href = n, r.download = `offerings-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`, document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(n), W(`Exported ${b.length} offerings to CSV`, "success");
 	}, X = (e) => f(e.category) ? {
 		color: "text-status-success-text",
 		label: "Available"
@@ -200,7 +254,7 @@ var pe = [
 	} : {
 		color: "text-status-success-text",
 		label: `In Stock (${e.stock})`
-	}, Z = M.category ? f(M.category) : !1, Ee = M.category ? me(M.category) : !1, Q = !Z && Ee, $ = M.name && M.description && M.category && M.price > 0 && (!Z || M.duration && M.duration > 0) && (Z || M.stock >= 0);
+	}, Z = N.category ? f(N.category) : !1, Ie = N.category ? _e(N.category) : !1, Q = !Z && Ie, $ = N.name && N.description && N.category && N.price > 0 && (!Z || N.duration && N.duration > 0) && (Z || N.stock >= 0);
 	return /* @__PURE__ */ d(n, {
 		title: "Offerings Management",
 		description: "Manage your products and services",
@@ -211,21 +265,21 @@ var pe = [
 			children: [/* @__PURE__ */ u(l, { className: "h-4 w-4" }), "Add Item"]
 		}),
 		children: [
-			/* @__PURE__ */ u(fe, {
+			/* @__PURE__ */ u(he, {
 				className: "mb-6",
 				children: "The menu and stock control room for your cart. Use this page to add and edit the products and services you offer, set prices and availability, and keep stock levels accurate so customers never order something you can't fulfil. Watch the out-of-stock and low-stock counts and restock before they cost you sales."
 			}),
 			/* @__PURE__ */ d("div", {
 				className: "space-y-4",
 				children: [
-					B && /* @__PURE__ */ d("div", {
-						className: t("flex items-center gap-2 rounded-lg border p-3", B.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
-						children: [B.type === "success" ? /* @__PURE__ */ u(ie, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ u(re, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ u("span", {
-							className: t("text-sm font-medium", B.type === "success" ? "text-status-success-text" : "text-status-error-text"),
-							children: B.text
+					V && /* @__PURE__ */ d("div", {
+						className: t("flex items-center gap-2 rounded-lg border p-3", V.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
+						children: [V.type === "success" ? /* @__PURE__ */ u(oe, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ u(ae, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ u("span", {
+							className: t("text-sm font-medium", V.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+							children: V.text
 						})]
 					}),
-					/* @__PURE__ */ d(de, { children: [/* @__PURE__ */ u("h2", {
+					/* @__PURE__ */ d(me, { children: [/* @__PURE__ */ u("h2", {
 						className: "mb-4 text-base font-semibold text-text-primary",
 						children: "Stock at a Glance"
 					}), /* @__PURE__ */ d("div", {
@@ -238,7 +292,7 @@ var pe = [
 									children: "Total Items"
 								}), /* @__PURE__ */ u("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: xe
+									children: Ae
 								})]
 							}),
 							/* @__PURE__ */ d("div", {
@@ -248,7 +302,7 @@ var pe = [
 									children: "Available"
 								}), /* @__PURE__ */ u("p", {
 									className: "text-2xl font-bold text-status-success-text",
-									children: Se
+									children: je
 								})]
 							}),
 							/* @__PURE__ */ d("div", {
@@ -258,7 +312,7 @@ var pe = [
 									children: "Out of Stock"
 								}), /* @__PURE__ */ u("p", {
 									className: "text-2xl font-bold text-status-error-text",
-									children: Ce
+									children: Me
 								})]
 							}),
 							/* @__PURE__ */ d("div", {
@@ -268,7 +322,7 @@ var pe = [
 									children: "Low Stock"
 								}), /* @__PURE__ */ u("p", {
 									className: "text-2xl font-bold text-status-warning-text",
-									children: we
+									children: Ne
 								})]
 							})
 						]
@@ -299,40 +353,49 @@ var pe = [
 										children: "Disable All"
 									})
 								]
-							}), /* @__PURE__ */ d("button", {
-								type: "button",
-								onClick: () => alert("Import/Export feature coming soon!"),
-								className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-								children: [/* @__PURE__ */ u(ce, { className: "h-4 w-4" }), "Import/Export"]
+							}), /* @__PURE__ */ d("div", {
+								className: "flex flex-wrap gap-2",
+								children: [/* @__PURE__ */ d("button", {
+									type: "button",
+									onClick: Fe,
+									className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
+									children: [/* @__PURE__ */ u(se, { className: "h-4 w-4" }), "Export CSV"]
+								}), /* @__PURE__ */ d("button", {
+									type: "button",
+									disabled: !0,
+									title: "Bulk import is coming soon",
+									className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm text-text-secondary opacity-60 cursor-not-allowed",
+									children: [/* @__PURE__ */ u(de, { className: "h-4 w-4" }), "Import (coming soon)"]
+								})]
 							})]
 						}), /* @__PURE__ */ d("div", {
 							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
 							children: [
 								/* @__PURE__ */ d("div", {
 									className: "relative sm:col-span-2 lg:col-span-1",
-									children: [/* @__PURE__ */ u(oe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ u("input", {
+									children: [/* @__PURE__ */ u(le, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ u("input", {
 										type: "text",
 										placeholder: "Search offerings...",
-										value: x,
-										onChange: (e) => S(e.target.value),
+										value: S,
+										onChange: (e) => C(e.target.value),
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface pl-10 pr-4 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})]
 								}),
 								/* @__PURE__ */ d("select", {
-									value: C,
-									onChange: (e) => w(e.target.value),
+									value: w,
+									onChange: (e) => T(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [/* @__PURE__ */ u("option", {
 										value: "",
 										children: "All Categories"
-									}), H.map((e) => /* @__PURE__ */ u("option", {
+									}), ke.map((e) => /* @__PURE__ */ u("option", {
 										value: e,
 										children: e
 									}, e))]
 								}),
 								/* @__PURE__ */ d("select", {
-									value: T,
-									onChange: (e) => E(e.target.value),
+									value: E,
+									onChange: (e) => D(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [
 										/* @__PURE__ */ u("option", {
@@ -350,8 +413,8 @@ var pe = [
 									]
 								}),
 								/* @__PURE__ */ d("select", {
-									value: D,
-									onChange: (e) => O(e.target.value),
+									value: O,
+									onChange: (e) => k(e.target.value),
 									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									children: [
 										/* @__PURE__ */ u("option", {
@@ -375,13 +438,13 @@ var pe = [
 							]
 						})]
 					}),
-					_e ? /* @__PURE__ */ u("div", {
+					Ce ? /* @__PURE__ */ u("div", {
 						className: "flex items-center justify-center py-16",
 						children: /* @__PURE__ */ u("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
 					}) : U.length === 0 ? /* @__PURE__ */ u(r, {
-						illustration: x || C || T ? "empty-search" : "empty-files",
+						illustration: S || w || E ? "empty-search" : "empty-files",
 						title: "No items found",
-						description: x || C || T ? "No items match your current filters. Try adjusting your search criteria." : "You haven't added any items yet. Start building your offerings so customers can order from you.",
+						description: S || w || E ? "No items match your current filters. Try adjusting your search criteria." : "You haven't added any items yet. Start building your offerings so customers can order from you.",
 						action: /* @__PURE__ */ d("div", {
 							className: "flex flex-wrap justify-center gap-3",
 							children: [/* @__PURE__ */ d("button", {
@@ -389,16 +452,16 @@ var pe = [
 								onClick: G,
 								className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80",
 								children: [/* @__PURE__ */ u(l, { className: "h-4 w-4" }), "Add Your First Item"]
-							}), (x || C || T) && /* @__PURE__ */ u("button", {
+							}), (S || w || E) && /* @__PURE__ */ u("button", {
 								type: "button",
 								onClick: () => {
-									S(""), w(""), E(""), O("name");
+									C(""), T(""), D(""), k("name");
 								},
 								className: "rounded-md border border-border-subtle px-4 py-2 text-sm text-text-primary hover:bg-bg-sunken",
 								children: "Clear Filters"
 							})]
 						})
-					}) : /* @__PURE__ */ d(ue, { children: [/* @__PURE__ */ u("div", {
+					}) : /* @__PURE__ */ d(pe, { children: [/* @__PURE__ */ u("div", {
 						className: "hidden lg:block rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden",
 						children: /* @__PURE__ */ u("div", {
 							className: "overflow-x-auto",
@@ -495,13 +558,13 @@ var pe = [
 														onClick: () => K(e),
 														className: "rounded p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
 														title: "Edit",
-														children: /* @__PURE__ */ u(ae, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ u(ce, { className: "h-4 w-4" })
 													}), /* @__PURE__ */ u("button", {
 														type: "button",
 														onClick: () => q(e.id),
 														className: "rounded p-1.5 text-text-secondary hover:bg-status-error-bg-subtle hover:text-status-error-text transition-colors",
 														title: "Delete",
-														children: /* @__PURE__ */ u(se, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ u(ue, { className: "h-4 w-4" })
 													})]
 												})
 											})
@@ -586,7 +649,7 @@ var pe = [
 					})] })
 				]
 			}),
-			be && /* @__PURE__ */ u("div", {
+			Oe && /* @__PURE__ */ u("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ u("div", {
 					className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
@@ -597,20 +660,20 @@ var pe = [
 								className: "flex items-center justify-between mb-4",
 								children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h3", {
 									className: "text-lg font-semibold text-text-primary",
-									children: A ? "Edit Item" : "Add New Item"
-								}), M.category && /* @__PURE__ */ d("p", {
+									children: j ? "Edit Item" : "Add New Item"
+								}), N.category && /* @__PURE__ */ d("p", {
 									className: "text-sm text-text-secondary mt-0.5",
 									children: [
 										"Type: ",
 										Z ? "Service" : "Product",
 										" | Category: ",
-										M.category
+										N.category
 									]
 								})] }), /* @__PURE__ */ u("button", {
 									type: "button",
-									onClick: () => k(!1),
+									onClick: () => A(!1),
 									className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
-									children: /* @__PURE__ */ u(le, { className: "h-5 w-5" })
+									children: /* @__PURE__ */ u(fe, { className: "h-5 w-5" })
 								})]
 							}),
 							/* @__PURE__ */ d("div", {
@@ -623,8 +686,8 @@ var pe = [
 											children: "Item Name *"
 										}), /* @__PURE__ */ u("input", {
 											type: "text",
-											value: M.name,
-											onChange: (e) => N((t) => ({
+											value: N.name,
+											onChange: (e) => P((t) => ({
 												...t,
 												name: e.target.value
 											})),
@@ -634,8 +697,8 @@ var pe = [
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Category *"
 										}), /* @__PURE__ */ d("select", {
-											value: M.category,
-											onChange: (e) => N((t) => ({
+											value: N.category,
+											onChange: (e) => P((t) => ({
 												...t,
 												category: e.target.value
 											})),
@@ -643,7 +706,7 @@ var pe = [
 											children: [/* @__PURE__ */ u("option", {
 												value: "",
 												children: "Select category"
-											}), H.map((e) => /* @__PURE__ */ u("option", {
+											}), ye.map((e) => /* @__PURE__ */ u("option", {
 												value: e,
 												children: e
 											}, e))]
@@ -653,8 +716,8 @@ var pe = [
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Description *"
 									}), /* @__PURE__ */ u("textarea", {
-										value: M.description,
-										onChange: (e) => N((t) => ({
+										value: N.description,
+										onChange: (e) => P((t) => ({
 											...t,
 											description: e.target.value
 										})),
@@ -669,8 +732,8 @@ var pe = [
 											children: "Price *"
 										}), /* @__PURE__ */ u("input", {
 											type: "number",
-											value: M.price,
-											onChange: (e) => N((t) => ({
+											value: N.price,
+											onChange: (e) => P((t) => ({
 												...t,
 												price: parseInt(e.target.value) || 0
 											})),
@@ -680,8 +743,8 @@ var pe = [
 											children: "Original Price"
 										}), /* @__PURE__ */ u("input", {
 											type: "number",
-											value: M.originalPrice ?? "",
-											onChange: (e) => N((t) => ({
+											value: N.originalPrice ?? "",
+											onChange: (e) => P((t) => ({
 												...t,
 												originalPrice: e.target.value ? parseInt(e.target.value) : void 0
 											})),
@@ -697,8 +760,8 @@ var pe = [
 												children: "Stock Quantity *"
 											}), /* @__PURE__ */ u("input", {
 												type: "number",
-												value: M.stock,
-												onChange: (e) => N((t) => ({
+												value: N.stock,
+												onChange: (e) => P((t) => ({
 													...t,
 													stock: parseInt(e.target.value) || 0
 												})),
@@ -709,8 +772,8 @@ var pe = [
 												children: "Preparation Time (min)"
 											}), /* @__PURE__ */ u("input", {
 												type: "number",
-												value: M.preparationTime,
-												onChange: (e) => N((t) => ({
+												value: N.preparationTime,
+												onChange: (e) => P((t) => ({
 													...t,
 													preparationTime: parseInt(e.target.value) || 0
 												})),
@@ -721,8 +784,8 @@ var pe = [
 												children: "Calories"
 											}), /* @__PURE__ */ u("input", {
 												type: "number",
-												value: M.calories,
-												onChange: (e) => N((t) => ({
+												value: N.calories,
+												onChange: (e) => P((t) => ({
 													...t,
 													calories: parseInt(e.target.value) || 0
 												})),
@@ -737,8 +800,8 @@ var pe = [
 											children: "Service Duration (min) *"
 										}), /* @__PURE__ */ u("input", {
 											type: "number",
-											value: M.duration,
-											onChange: (e) => N((t) => ({
+											value: N.duration,
+											onChange: (e) => P((t) => ({
 												...t,
 												duration: parseInt(e.target.value) || 30
 											})),
@@ -748,8 +811,8 @@ var pe = [
 											children: "Setup Time (min)"
 										}), /* @__PURE__ */ u("input", {
 											type: "number",
-											value: M.preparationTime,
-											onChange: (e) => N((t) => ({
+											value: N.preparationTime,
+											onChange: (e) => P((t) => ({
 												...t,
 												preparationTime: parseInt(e.target.value) || 0
 											})),
@@ -762,8 +825,8 @@ var pe = [
 											className: "block text-sm font-medium text-text-primary mb-1",
 											children: "Spice Level"
 										}), /* @__PURE__ */ d("select", {
-											value: M.spiceLevel,
-											onChange: (e) => N((t) => ({
+											value: N.spiceLevel,
+											onChange: (e) => P((t) => ({
 												...t,
 												spiceLevel: e.target.value
 											})),
@@ -803,8 +866,8 @@ var pe = [
 												className: "flex items-center gap-2 text-sm text-text-primary",
 												children: [/* @__PURE__ */ u("input", {
 													type: "checkbox",
-													checked: M[e],
-													onChange: (t) => N((n) => ({
+													checked: N[e],
+													onChange: (t) => P((n) => ({
 														...n,
 														[e]: t.target.checked
 													})),
@@ -817,8 +880,8 @@ var pe = [
 										className: "block text-sm font-medium text-text-primary mb-1",
 										children: "Service Type *"
 									}), /* @__PURE__ */ d("select", {
-										value: M.serviceType,
-										onChange: (e) => N((t) => ({
+										value: N.serviceType,
+										onChange: (e) => P((t) => ({
 											...t,
 											serviceType: e.target.value
 										})),
@@ -849,15 +912,15 @@ var pe = [
 										}),
 										/* @__PURE__ */ u("input", {
 											type: "text",
-											value: P,
-											onChange: (e) => F(e.target.value),
+											value: F,
+											onChange: (e) => I(e.target.value),
 											placeholder: Z ? "professional, certified, quick" : "popular, spicy, traditional",
 											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 										}),
 										/* @__PURE__ */ d("p", {
 											className: "text-xs text-text-secondary mt-1",
 											children: [
-												P.split(",").map((e) => e.trim()).filter(Boolean).length,
+												F.split(",").map((e) => e.trim()).filter(Boolean).length,
 												" ",
 												"tags"
 											]
@@ -868,8 +931,8 @@ var pe = [
 										children: "Allergens (comma separated)"
 									}), /* @__PURE__ */ u("input", {
 										type: "text",
-										value: I,
-										onChange: (e) => L(e.target.value),
+										value: L,
+										onChange: (e) => R(e.target.value),
 										placeholder: "nuts, dairy, gluten, soy",
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 									})] }),
@@ -878,8 +941,8 @@ var pe = [
 										children: "Service Requirements (comma separated)"
 									}), /* @__PURE__ */ u("input", {
 										type: "text",
-										value: R,
-										onChange: (e) => z(e.target.value),
+										value: z,
+										onChange: (e) => B(e.target.value),
 										placeholder: "advance booking, payment required, tools provided",
 										className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
 									})] })
@@ -889,15 +952,15 @@ var pe = [
 								className: "flex gap-3 mt-6",
 								children: [/* @__PURE__ */ u("button", {
 									type: "button",
-									onClick: () => k(!1),
+									onClick: () => A(!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: "Cancel"
 								}), /* @__PURE__ */ u("button", {
 									type: "button",
-									onClick: Te,
+									onClick: Pe,
 									disabled: !$,
 									className: t("flex-1 rounded-md px-4 py-2 text-sm font-medium transition-colors", $ ? "bg-accent text-text-primary hover:bg-accent/80" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-									children: A ? "Update Item" : "Add Item"
+									children: j ? "Update Item" : "Add Item"
 								})]
 							})
 						]