@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

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

@@ -1,914 +0,0 @@
-import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
-import { cn as t } from "../../utils/cn.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { EmptyState as r } from "../../components/EmptyState.js";
-import { formatCurrency as i } from "../../utils/formatters.js";
-import { mockProducts as ee } from "../../mocks/data.js";
-import { useMemo as a, useState as o } from "react";
-import { AlertCircle as te, CheckCircle2 as s, Edit2 as ne, Package as c, Plus as l, Search as u, Trash2 as d, Upload as re, X as ie } from "lucide-react";
-import { Fragment as ae, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { EmphasisPanel as oe, PagePurpose as m } from "@burdenoff/fe-libs/ui";
-//#region src/coolandlovely/pages/cart-owner/InventoryManagementPage.tsx
-var h = [
-	"Service",
-	"Repair",
-	"Beauty",
-	"Care",
-	"Cleaning",
-	"Health",
-	"Wellness",
-	"Education"
-], g = (e) => h.some((t) => e.includes(t)), _ = (e) => e === "Food & Beverage", v = [
-	10,
-	25,
-	0,
-	50,
-	8,
-	15,
-	3,
-	100,
-	42,
-	0,
-	20,
-	6,
-	35,
-	18,
-	12,
-	30,
-	5,
-	22,
-	0,
-	45
-], se = () => ee.slice(0, 20).map((e, t) => ({
-	id: e.id,
-	name: e.name,
-	description: e.description ?? `${e.name} - quality offering from ${e.cartName}`,
-	price: e.price,
-	originalPrice: t % 4 == 0 ? Math.round(e.price * 1.2) : void 0,
-	category: e.category,
-	stock: v[t] ?? 10,
-	isAvailable: t !== 2 && t !== 9 && t !== 18,
-	cartName: e.cartName,
-	preparationTime: 15,
-	calories: _(e.category) ? Math.floor(Math.random() * 400) + 100 : 0,
-	isVegetarian: t % 3 == 0,
-	isVegan: t % 5 == 0,
-	isGlutenFree: t % 7 == 0,
-	spiceLevel: [
-		"mild",
-		"medium",
-		"spicy",
-		"none"
-	][t % 4],
-	tags: [
-		"popular",
-		"trending",
-		"new"
-	].slice(0, t % 3 + 1),
-	allergens: _(e.category) ? ["nuts", "dairy"].slice(0, t % 2 + 1) : [],
-	duration: g(e.category) ? 30 + t * 5 : 0,
-	serviceType: g(e.category) ? [
-		"instant",
-		"appointment",
-		"recurring",
-		"consultation"
-	][t % 4] : "",
-	requirements: g(e.category) ? ["advance booking"] : []
-})), y = {
-	name: "",
-	description: "",
-	category: "",
-	price: 0,
-	originalPrice: void 0,
-	isAvailable: !0,
-	stock: 0,
-	preparationTime: 15,
-	calories: 0,
-	isVegetarian: !1,
-	isVegan: !1,
-	isGlutenFree: !1,
-	spiceLevel: "mild",
-	tags: [],
-	allergens: [],
-	duration: 30,
-	serviceType: "instant",
-	requirements: []
-}, b = () => {
-	let { navigateTo: ee } = e(), [h, v] = o(se), [b, x] = o(""), [S, C] = o(""), [w, T] = o(""), [E, D] = o("name"), [ce, le] = o(!1), [O, k] = o(!1), [A, j] = o(null), [M, N] = o(y), [P, F] = o(""), [I, L] = o(""), [R, z] = o(""), [B, V] = o(null), H = a(() => [...new Set(h.map((e) => e.category))].sort(), [h]), U = a(() => {
-		let e = [...h];
-		if (b) {
-			let t = b.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 (S && (e = e.filter((e) => e.category === S)), w === "available" ? e = e.filter((e) => e.isAvailable) : w === "unavailable" && (e = e.filter((e) => !e.isAvailable)), E) {
-			case "name":
-				e.sort((e, t) => e.name.localeCompare(t.name));
-				break;
-			case "price_low":
-				e.sort((e, t) => e.price - t.price);
-				break;
-			case "price_high":
-				e.sort((e, t) => t.price - e.price);
-				break;
-			case "stock":
-				e.sort((e, t) => e.stock - t.stock);
-				break;
-		}
-		return e;
-	}, [
-		h,
-		b,
-		S,
-		w,
-		E
-	]), ue = h.length, de = h.filter((e) => e.isAvailable).length, fe = h.filter((e) => !g(e.category) && e.stock === 0).length, pe = h.filter((e) => !g(e.category) && e.stock > 0 && e.stock < 10).length, W = (e, t) => {
-		V({
-			text: e,
-			type: t
-		}), setTimeout(() => V(null), 3e3);
-	}, G = () => {
-		j(null), N({
-			...y,
-			category: H[0] || ""
-		}), F(""), L(""), z(""), k(!0);
-	}, K = (e) => {
-		j(e), N({
-			name: e.name,
-			description: e.description,
-			category: e.category,
-			price: e.price,
-			originalPrice: e.originalPrice,
-			isAvailable: e.isAvailable,
-			stock: e.stock,
-			preparationTime: e.preparationTime,
-			calories: e.calories,
-			isVegetarian: e.isVegetarian,
-			isVegan: e.isVegan,
-			isGlutenFree: e.isGlutenFree,
-			spiceLevel: e.spiceLevel,
-			tags: e.tags,
-			allergens: e.allergens,
-			duration: e.duration,
-			serviceType: e.serviceType,
-			requirements: e.requirements
-		}), F(e.tags.join(", ")), L(e.allergens.join(", ")), z(e.requirements.join(", ")), k(!0);
-	}, me = () => {
-		if (!M.name || !M.description || !M.category || M.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 = g(M.category) ? "Service" : "Product";
-		if (A) v((r) => r.map((r) => r.id === A.id ? {
-			...r,
-			...M,
-			tags: e,
-			allergens: t,
-			requirements: n
-		} : r)), W(`${r} updated successfully`, "success");
-		else {
-			let i = {
-				id: `item-${Date.now()}`,
-				...M,
-				tags: e,
-				allergens: t,
-				requirements: n,
-				cartName: "Dosa Express"
-			};
-			v((e) => [i, ...e]), W(`${r} added successfully`, "success");
-		}
-		k(!1);
-	}, q = (e) => {
-		confirm("Are you sure you want to delete this offering?") && (v((t) => t.filter((t) => t.id !== e)), W("Offering deleted successfully", "success"));
-	}, J = (e, t) => {
-		v((n) => n.map((n) => n.id === e ? {
-			...n,
-			isAvailable: t
-		} : n)), W(`Offering ${t ? "enabled" : "disabled"} successfully`, "success");
-	}, Y = (e) => {
-		let t = e === "enable", n = h.filter((e) => e.isAvailable !== t).length;
-		if (n === 0) {
-			W(`No offerings to ${e}`, "error");
-			return;
-		}
-		v((e) => e.map((e) => ({
-			...e,
-			isAvailable: t
-		}))), W(`${n} offerings ${e}d successfully`, "success");
-	}, X = (e) => g(e.category) ? {
-		color: "text-status-success-text",
-		label: "Available"
-	} : e.stock === 0 ? {
-		color: "text-status-error-text",
-		label: "Out of Stock"
-	} : e.stock < 10 ? {
-		color: "text-status-warning-text",
-		label: `Low Stock (${e.stock})`
-	} : {
-		color: "text-status-success-text",
-		label: `In Stock (${e.stock})`
-	}, Z = M.category ? g(M.category) : !1, he = M.category ? _(M.category) : !1, Q = !Z && he, $ = M.name && M.description && M.category && M.price > 0 && (!Z || M.duration && M.duration > 0) && (Z || M.stock >= 0);
-	return /* @__PURE__ */ p(n, {
-		title: "Offerings Management",
-		description: "Manage your products and services",
-		actions: /* @__PURE__ */ p("button", {
-			type: "button",
-			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 transition-colors",
-			children: [/* @__PURE__ */ f(l, { className: "h-4 w-4" }), "Add Item"]
-		}),
-		children: [
-			/* @__PURE__ */ f(m, {
-				className: "mb-6",
-				icon: /* @__PURE__ */ f(c, { className: "h-4 w-4" }),
-				children: "Your catalogue of products and services. Add and edit items, set prices and availability, and spot what's low or out of stock at a glance — keeping what customers see accurate so you never take an order you can't fulfil."
-			}),
-			/* @__PURE__ */ p("div", {
-				className: "space-y-4",
-				children: [
-					B && /* @__PURE__ */ p("div", {
-						className: t("flex items-center gap-2 rounded-lg border p-3", B.type === "success" ? "border-status-success-border/30 bg-status-success-bg-subtle/10" : "border-status-error-border/30 bg-status-error-bg-subtle/10"),
-						children: [B.type === "success" ? /* @__PURE__ */ f(s, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ f(te, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ f("span", {
-							className: t("text-sm font-medium", B.type === "success" ? "text-status-success-text" : "text-status-error-text"),
-							children: B.text
-						})]
-					}),
-					/* @__PURE__ */ p(oe, {
-						className: "grid grid-cols-2 lg:grid-cols-4 gap-3 p-4",
-						children: [
-							/* @__PURE__ */ p("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-								children: [/* @__PURE__ */ f("p", {
-									className: "text-xs text-text-secondary",
-									children: "Total Items"
-								}), /* @__PURE__ */ f("p", {
-									className: "text-2xl font-bold text-text-primary",
-									children: ue
-								})]
-							}),
-							/* @__PURE__ */ p("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-								children: [/* @__PURE__ */ f("p", {
-									className: "text-xs text-text-secondary",
-									children: "Available"
-								}), /* @__PURE__ */ f("p", {
-									className: "text-2xl font-bold text-status-success-text",
-									children: de
-								})]
-							}),
-							/* @__PURE__ */ p("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-								children: [/* @__PURE__ */ f("p", {
-									className: "text-xs text-text-secondary",
-									children: "Out of Stock"
-								}), /* @__PURE__ */ f("p", {
-									className: "text-2xl font-bold text-status-error-text",
-									children: fe
-								})]
-							}),
-							/* @__PURE__ */ p("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-								children: [/* @__PURE__ */ f("p", {
-									className: "text-xs text-text-secondary",
-									children: "Low Stock"
-								}), /* @__PURE__ */ f("p", {
-									className: "text-2xl font-bold text-status-warning-text",
-									children: pe
-								})]
-							})
-						]
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 space-y-4 bg-gloss-card shadow-pop",
-						children: [/* @__PURE__ */ p("div", {
-							className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3",
-							children: [/* @__PURE__ */ p("div", {
-								className: "flex flex-wrap gap-2",
-								children: [
-									/* @__PURE__ */ p("button", {
-										type: "button",
-										onClick: G,
-										className: "inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
-										children: [/* @__PURE__ */ f(l, { className: "h-4 w-4" }), "Add Item"]
-									}),
-									/* @__PURE__ */ f("button", {
-										type: "button",
-										onClick: () => Y("enable"),
-										className: "rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-										children: "Enable All"
-									}),
-									/* @__PURE__ */ f("button", {
-										type: "button",
-										onClick: () => Y("disable"),
-										className: "rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
-										children: "Disable All"
-									})
-								]
-							}), /* @__PURE__ */ p("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__ */ f(re, { className: "h-4 w-4" }), "Import/Export"]
-							})]
-						}), /* @__PURE__ */ p("div", {
-							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
-							children: [
-								/* @__PURE__ */ p("div", {
-									className: "relative sm:col-span-2 lg:col-span-1",
-									children: [/* @__PURE__ */ f(u, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ f("input", {
-										type: "text",
-										placeholder: "Search offerings...",
-										value: b,
-										onChange: (e) => x(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__ */ p("select", {
-									value: S,
-									onChange: (e) => C(e.target.value),
-									className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-									children: [/* @__PURE__ */ f("option", {
-										value: "",
-										children: "All Categories"
-									}), H.map((e) => /* @__PURE__ */ f("option", {
-										value: e,
-										children: e
-									}, e))]
-								}),
-								/* @__PURE__ */ p("select", {
-									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__ */ f("option", {
-											value: "",
-											children: "All Status"
-										}),
-										/* @__PURE__ */ f("option", {
-											value: "available",
-											children: "Available"
-										}),
-										/* @__PURE__ */ f("option", {
-											value: "unavailable",
-											children: "Unavailable"
-										})
-									]
-								}),
-								/* @__PURE__ */ p("select", {
-									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__ */ f("option", {
-											value: "name",
-											children: "Name A-Z"
-										}),
-										/* @__PURE__ */ f("option", {
-											value: "price_low",
-											children: "Price: Low to High"
-										}),
-										/* @__PURE__ */ f("option", {
-											value: "price_high",
-											children: "Price: High to Low"
-										}),
-										/* @__PURE__ */ f("option", {
-											value: "stock",
-											children: "Stock: Low to High"
-										})
-									]
-								})
-							]
-						})]
-					}),
-					U.length === 0 ? /* @__PURE__ */ f(r, {
-						illustration: b || S || w ? "empty-search" : "empty-files",
-						title: "No items found",
-						description: b || S || w ? "No items match your current filters. Try adjusting your search criteria." : "You haven't added any items yet. Start building your offerings!",
-						action: /* @__PURE__ */ p("div", {
-							className: "flex flex-wrap justify-center gap-3",
-							children: [/* @__PURE__ */ p("button", {
-								type: "button",
-								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__ */ f(l, { className: "h-4 w-4" }), "Add Your First Item"]
-							}), (b || S || w) && /* @__PURE__ */ f("button", {
-								type: "button",
-								onClick: () => {
-									x(""), C(""), T(""), D("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__ */ p(ae, { children: [/* @__PURE__ */ f("div", {
-						className: "hidden lg:block rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden",
-						children: /* @__PURE__ */ f("div", {
-							className: "overflow-x-auto",
-							children: /* @__PURE__ */ p("table", {
-								className: "w-full text-sm",
-								children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", {
-									className: "border-b border-border-subtle bg-bg-sunken/50",
-									children: [
-										/* @__PURE__ */ f("th", {
-											className: "px-5 py-3 text-left font-medium text-text-secondary",
-											children: "Item"
-										}),
-										/* @__PURE__ */ f("th", {
-											className: "px-5 py-3 text-left font-medium text-text-secondary",
-											children: "Category"
-										}),
-										/* @__PURE__ */ f("th", {
-											className: "px-5 py-3 text-right font-medium text-text-secondary",
-											children: "Price"
-										}),
-										/* @__PURE__ */ f("th", {
-											className: "px-5 py-3 text-left font-medium text-text-secondary",
-											children: "Stock/Status"
-										}),
-										/* @__PURE__ */ f("th", {
-											className: "px-5 py-3 text-center font-medium text-text-secondary",
-											children: "Available"
-										}),
-										/* @__PURE__ */ f("th", {
-											className: "px-5 py-3 text-right font-medium text-text-secondary",
-											children: "Actions"
-										})
-									]
-								}) }), /* @__PURE__ */ f("tbody", { children: U.map((e) => {
-									let n = X(e);
-									return /* @__PURE__ */ p("tr", {
-										className: "border-b border-border-subtle last:border-0 hover:bg-bg-sunken/30 transition-colors",
-										children: [
-											/* @__PURE__ */ f("td", {
-												className: "px-5 py-3",
-												children: /* @__PURE__ */ p("div", {
-													className: "flex items-center gap-3",
-													children: [/* @__PURE__ */ f("div", {
-														className: "flex h-10 w-10 items-center justify-center rounded-md bg-bg-sunken",
-														children: /* @__PURE__ */ f(c, { className: "h-4 w-4 text-text-secondary" })
-													}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
-														className: "font-medium text-text-primary",
-														children: e.name
-													}), /* @__PURE__ */ p("p", {
-														className: "text-xs text-text-secondary line-clamp-1",
-														children: [e.description.slice(0, 50), "..."]
-													})] })]
-												})
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "px-5 py-3",
-												children: /* @__PURE__ */ f("span", {
-													className: "inline-flex rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
-													children: e.category
-												})
-											}),
-											/* @__PURE__ */ p("td", {
-												className: "px-5 py-3 text-right",
-												children: [/* @__PURE__ */ f("p", {
-													className: "font-medium text-text-primary",
-													children: i(e.price, { minimumFractionDigits: 0 })
-												}), e.originalPrice && /* @__PURE__ */ f("p", {
-													className: "text-xs text-text-secondary line-through",
-													children: i(e.originalPrice, { minimumFractionDigits: 0 })
-												})]
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "px-5 py-3",
-												children: /* @__PURE__ */ f("span", {
-													className: t("text-sm font-medium", n.color),
-													children: n.label
-												})
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "px-5 py-3 text-center",
-												children: /* @__PURE__ */ f("button", {
-													type: "button",
-													onClick: () => J(e.id, !e.isAvailable),
-													className: t("h-6 w-11 rounded-full transition-colors relative inline-block", e.isAvailable ? "bg-accent-blue-subtle" : "bg-muted-foreground/30"),
-													children: /* @__PURE__ */ f("div", { className: t("absolute top-0.5 h-5 w-5 rounded-full bg-white transition-transform", e.isAvailable ? "translate-x-5" : "translate-x-0.5") })
-												})
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "px-5 py-3",
-												children: /* @__PURE__ */ p("div", {
-													className: "flex items-center justify-end gap-1",
-													children: [/* @__PURE__ */ f("button", {
-														type: "button",
-														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__ */ f(ne, { className: "h-4 w-4" })
-													}), /* @__PURE__ */ f("button", {
-														type: "button",
-														onClick: () => q(e.id),
-														className: "rounded p-1.5 text-text-secondary hover:bg-status-error-bg-subtle/10 hover:text-status-error-text transition-colors",
-														title: "Delete",
-														children: /* @__PURE__ */ f(d, { className: "h-4 w-4" })
-													})]
-												})
-											})
-										]
-									}, e.id);
-								}) })]
-							})
-						})
-					}), /* @__PURE__ */ f("div", {
-						className: "lg:hidden space-y-3",
-						children: U.map((e) => {
-							let n = X(e);
-							return /* @__PURE__ */ f("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-								children: /* @__PURE__ */ p("div", {
-									className: "flex items-start gap-3",
-									children: [/* @__PURE__ */ f("div", {
-										className: "flex h-14 w-14 items-center justify-center rounded-md bg-bg-sunken shrink-0",
-										children: /* @__PURE__ */ f(c, { className: "h-6 w-6 text-text-secondary" })
-									}), /* @__PURE__ */ p("div", {
-										className: "flex-1 min-w-0",
-										children: [
-											/* @__PURE__ */ p("div", {
-												className: "flex items-start justify-between mb-1",
-												children: [/* @__PURE__ */ p("div", {
-													className: "flex-1",
-													children: [/* @__PURE__ */ f("h3", {
-														className: "text-sm font-medium text-text-primary line-clamp-1",
-														children: e.name
-													}), /* @__PURE__ */ f("p", {
-														className: "text-xs text-text-secondary mt-0.5 line-clamp-2",
-														children: e.description
-													})]
-												}), /* @__PURE__ */ f("button", {
-													type: "button",
-													onClick: () => J(e.id, !e.isAvailable),
-													className: t("h-5 w-9 rounded-full transition-colors relative ml-2 shrink-0", e.isAvailable ? "bg-accent-blue-subtle" : "bg-muted-foreground/30"),
-													children: /* @__PURE__ */ f("div", { className: t("absolute top-0.5 h-4 w-4 rounded-full bg-white transition-transform", e.isAvailable ? "translate-x-4" : "translate-x-0.5") })
-												})]
-											}),
-											/* @__PURE__ */ p("div", {
-												className: "flex flex-wrap items-center gap-2 mt-2 text-xs",
-												children: [/* @__PURE__ */ f("span", {
-													className: "px-2 py-0.5 rounded-full bg-bg-sunken text-text-secondary",
-													children: e.category
-												}), /* @__PURE__ */ f("span", {
-													className: t("font-medium", n.color),
-													children: n.label
-												})]
-											}),
-											/* @__PURE__ */ p("div", {
-												className: "flex items-center justify-between mt-3",
-												children: [/* @__PURE__ */ p("div", {
-													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ f("span", {
-														className: "font-semibold text-text-primary",
-														children: i(e.price, { minimumFractionDigits: 0 })
-													}), e.originalPrice && /* @__PURE__ */ f("span", {
-														className: "text-xs text-text-secondary line-through",
-														children: i(e.originalPrice, { minimumFractionDigits: 0 })
-													})]
-												}), /* @__PURE__ */ p("div", {
-													className: "flex gap-1",
-													children: [/* @__PURE__ */ f("button", {
-														type: "button",
-														onClick: () => K(e),
-														className: "rounded px-2 py-1 text-xs border border-border-subtle text-text-primary hover:bg-bg-sunken",
-														children: "Edit"
-													}), /* @__PURE__ */ f("button", {
-														type: "button",
-														onClick: () => q(e.id),
-														className: "rounded px-2 py-1 text-xs border border-border-subtle text-status-error-text hover:bg-status-error-bg-subtle/10",
-														children: "Delete"
-													})]
-												})]
-											})
-										]
-									})]
-								})
-							}, e.id);
-						})
-					})] })
-				]
-			}),
-			O && /* @__PURE__ */ f("div", {
-				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ f("div", {
-					className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
-					children: /* @__PURE__ */ p("div", {
-						className: "p-6",
-						children: [
-							/* @__PURE__ */ p("div", {
-								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h3", {
-									className: "text-lg font-semibold text-text-primary",
-									children: A ? "Edit Item" : "Add New Item"
-								}), M.category && /* @__PURE__ */ p("p", {
-									className: "text-sm text-text-secondary mt-0.5",
-									children: [
-										"Type: ",
-										Z ? "Service" : "Product",
-										" | Category: ",
-										M.category
-									]
-								})] }), /* @__PURE__ */ f("button", {
-									type: "button",
-									onClick: () => k(!1),
-									className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
-									children: /* @__PURE__ */ f(ie, { className: "h-5 w-5" })
-								})]
-							}),
-							/* @__PURE__ */ p("div", {
-								className: "space-y-4",
-								children: [
-									/* @__PURE__ */ p("div", {
-										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Item Name *"
-										}), /* @__PURE__ */ f("input", {
-											type: "text",
-											value: M.name,
-											onChange: (e) => N((t) => ({
-												...t,
-												name: e.target.value
-											})),
-											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",
-											placeholder: "Enter item name"
-										})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Category *"
-										}), /* @__PURE__ */ p("select", {
-											value: M.category,
-											onChange: (e) => N((t) => ({
-												...t,
-												category: e.target.value
-											})),
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-											children: [/* @__PURE__ */ f("option", {
-												value: "",
-												children: "Select category"
-											}), H.map((e) => /* @__PURE__ */ f("option", {
-												value: e,
-												children: e
-											}, e))]
-										})] })]
-									}),
-									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Description *"
-									}), /* @__PURE__ */ f("textarea", {
-										value: M.description,
-										onChange: (e) => N((t) => ({
-											...t,
-											description: e.target.value
-										})),
-										rows: 3,
-										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 resize-none",
-										placeholder: "Describe the offering..."
-									})] }),
-									/* @__PURE__ */ p("div", {
-										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Price *"
-										}), /* @__PURE__ */ f("input", {
-											type: "number",
-											value: M.price,
-											onChange: (e) => N((t) => ({
-												...t,
-												price: parseInt(e.target.value) || 0
-											})),
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-										})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Original Price"
-										}), /* @__PURE__ */ f("input", {
-											type: "number",
-											value: M.originalPrice ?? "",
-											onChange: (e) => N((t) => ({
-												...t,
-												originalPrice: e.target.value ? parseInt(e.target.value) : void 0
-											})),
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-											placeholder: "Optional"
-										})] })]
-									}),
-									!Z && /* @__PURE__ */ p("div", {
-										className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
-										children: [
-											/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-												className: "block text-sm font-medium text-text-primary mb-1",
-												children: "Stock Quantity *"
-											}), /* @__PURE__ */ f("input", {
-												type: "number",
-												value: M.stock,
-												onChange: (e) => N((t) => ({
-													...t,
-													stock: parseInt(e.target.value) || 0
-												})),
-												className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-											})] }),
-											/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-												className: "block text-sm font-medium text-text-primary mb-1",
-												children: "Preparation Time (min)"
-											}), /* @__PURE__ */ f("input", {
-												type: "number",
-												value: M.preparationTime,
-												onChange: (e) => N((t) => ({
-													...t,
-													preparationTime: parseInt(e.target.value) || 0
-												})),
-												className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-											})] }),
-											Q && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-												className: "block text-sm font-medium text-text-primary mb-1",
-												children: "Calories"
-											}), /* @__PURE__ */ f("input", {
-												type: "number",
-												value: M.calories,
-												onChange: (e) => N((t) => ({
-													...t,
-													calories: parseInt(e.target.value) || 0
-												})),
-												className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-											})] })
-										]
-									}),
-									Z && /* @__PURE__ */ p("div", {
-										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Service Duration (min) *"
-										}), /* @__PURE__ */ f("input", {
-											type: "number",
-											value: M.duration,
-											onChange: (e) => N((t) => ({
-												...t,
-												duration: parseInt(e.target.value) || 30
-											})),
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-										})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Setup Time (min)"
-										}), /* @__PURE__ */ f("input", {
-											type: "number",
-											value: M.preparationTime,
-											onChange: (e) => N((t) => ({
-												...t,
-												preparationTime: parseInt(e.target.value) || 0
-											})),
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-										})] })]
-									}),
-									Q && /* @__PURE__ */ p("div", {
-										className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Spice Level"
-										}), /* @__PURE__ */ p("select", {
-											value: M.spiceLevel,
-											onChange: (e) => N((t) => ({
-												...t,
-												spiceLevel: e.target.value
-											})),
-											className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-											children: [
-												/* @__PURE__ */ f("option", {
-													value: "none",
-													children: "None"
-												}),
-												/* @__PURE__ */ f("option", {
-													value: "mild",
-													children: "Mild"
-												}),
-												/* @__PURE__ */ f("option", {
-													value: "medium",
-													children: "Medium"
-												}),
-												/* @__PURE__ */ f("option", {
-													value: "spicy",
-													children: "Spicy"
-												}),
-												/* @__PURE__ */ f("option", {
-													value: "very-spicy",
-													children: "Very Spicy"
-												})
-											]
-										})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-											className: "block text-sm font-medium text-text-primary mb-2",
-											children: "Dietary Options"
-										}), /* @__PURE__ */ f("div", {
-											className: "space-y-2",
-											children: [
-												"isVegetarian",
-												"isVegan",
-												"isGlutenFree"
-											].map((e) => /* @__PURE__ */ p("label", {
-												className: "flex items-center gap-2 text-sm text-text-primary",
-												children: [/* @__PURE__ */ f("input", {
-													type: "checkbox",
-													checked: M[e],
-													onChange: (t) => N((n) => ({
-														...n,
-														[e]: t.target.checked
-													})),
-													className: "rounded border-border-subtle"
-												}), e === "isVegetarian" ? "Vegetarian" : e === "isVegan" ? "Vegan" : "Gluten Free"]
-											}, e))
-										})] })]
-									}),
-									Z && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Service Type *"
-									}), /* @__PURE__ */ p("select", {
-										value: M.serviceType,
-										onChange: (e) => N((t) => ({
-											...t,
-											serviceType: e.target.value
-										})),
-										className: "w-full sm:w-64 rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-										children: [
-											/* @__PURE__ */ f("option", {
-												value: "instant",
-												children: "Instant Service"
-											}),
-											/* @__PURE__ */ f("option", {
-												value: "appointment",
-												children: "Appointment Based"
-											}),
-											/* @__PURE__ */ f("option", {
-												value: "recurring",
-												children: "Recurring Service"
-											}),
-											/* @__PURE__ */ f("option", {
-												value: "consultation",
-												children: "Consultation"
-											})
-										]
-									})] }),
-									/* @__PURE__ */ p("div", { children: [
-										/* @__PURE__ */ f("label", {
-											className: "block text-sm font-medium text-text-primary mb-1",
-											children: "Tags (comma separated)"
-										}),
-										/* @__PURE__ */ f("input", {
-											type: "text",
-											value: P,
-											onChange: (e) => F(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__ */ p("p", {
-											className: "text-xs text-text-secondary mt-1",
-											children: [
-												P.split(",").map((e) => e.trim()).filter(Boolean).length,
-												" ",
-												"tags"
-											]
-										})
-									] }),
-									Q && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Allergens (comma separated)"
-									}), /* @__PURE__ */ f("input", {
-										type: "text",
-										value: I,
-										onChange: (e) => L(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"
-									})] }),
-									Z && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-										className: "block text-sm font-medium text-text-primary mb-1",
-										children: "Service Requirements (comma separated)"
-									}), /* @__PURE__ */ f("input", {
-										type: "text",
-										value: R,
-										onChange: (e) => z(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"
-									})] })
-								]
-							}),
-							/* @__PURE__ */ p("div", {
-								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ f("button", {
-									type: "button",
-									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: "Cancel"
-								}), /* @__PURE__ */ f("button", {
-									type: "button",
-									onClick: me,
-									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"
-								})]
-							})
-						]
-					})
-				})
-			})
-		]
-	});
-};
-//#endregion
-export { b as InventoryManagementPage };
-
-//# sourceMappingURL=InventoryManagementPage.js.map