@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

package/dist/coolandlovely/pages/customer/ReviewsPage.js

@@ -1,616 +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 { formatDate as i } from "../../utils/formatters.js";
-import { RatingDisplay as a } from "../../components/RatingDisplay.js";
-import { useCallback as o, useState as s } from "react";
-import { CheckCircle2 as c, Info as l, MessageCircle as u, MessageSquare as d, PenSquare as f, Search as p, Star as m, ThumbsUp as h, X as g } from "lucide-react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { EmphasisPanel as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
-//#region src/coolandlovely/pages/customer/ReviewsPage.tsx
-var x = "user-001", S = {
-	1: "Terrible",
-	2: "Poor",
-	3: "Average",
-	4: "Good",
-	5: "Excellent"
-}, C = [
-	{
-		id: "review-001",
-		userId: x,
-		userName: "Rahul Sharma",
-		userAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100",
-		itemId: "FOOD-001",
-		itemName: "Dosa Express",
-		itemType: "cart",
-		cartId: "FOOD-001",
-		cartName: "Dosa Express",
-		orderId: "ORD-2024-001",
-		rating: 5,
-		title: "Excellent breakfast spot!",
-		comment: "Amazing dosas and filter coffee. The masala dosa was perfectly crispy and the potato filling was delicious. Service was quick and friendly. Highly recommend for authentic South Indian breakfast!",
-		helpfulCount: 12,
-		isHelpful: !0,
-		isVerified: !0,
-		createdAt: "2024-06-20T09:30:00Z",
-		response: {
-			message: "Thank you so much for your wonderful review! We're thrilled you enjoyed the dosas. We look forward to serving you again soon!",
-			respondedBy: "Dosa Express Team",
-			respondedAt: "2024-06-20T15:45:00Z"
-		}
-	},
-	{
-		id: "review-002",
-		userId: "user-002",
-		userName: "Priya Patel",
-		userAvatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100",
-		itemId: "prod-002",
-		itemName: "Pani Puri",
-		itemType: "product",
-		cartId: "FOOD-002",
-		cartName: "Chaat Corner",
-		orderId: "ORD-2024-002",
-		rating: 4,
-		title: "Good but could be spicier",
-		comment: "The pani puri was good overall. The puris were crispy and fresh. However, the pani could have been more spicy and tangy. The portions were generous though.",
-		helpfulCount: 8,
-		isHelpful: !1,
-		isVerified: !0,
-		createdAt: "2024-06-18T19:15:00Z"
-	},
-	{
-		id: "review-003",
-		userId: "user-003",
-		userName: "Amit Kumar",
-		userAvatar: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100",
-		itemId: "FOOD-002",
-		itemName: "Chaat Corner",
-		itemType: "cart",
-		cartId: "FOOD-002",
-		cartName: "Chaat Corner",
-		orderId: "ORD-2024-003",
-		rating: 5,
-		title: "Authentic Mumbai street food!",
-		comment: "This place brings back memories of Mumbai streets. Every item I ordered was authentic and delicious. The bhel puri and vada pav were exceptional. Will definitely order again!",
-		images: ["https://images.unsplash.com/photo-1601050690597-df0568f70950?w=400"],
-		helpfulCount: 15,
-		isHelpful: !1,
-		isVerified: !0,
-		createdAt: "2024-06-17T20:30:00Z"
-	},
-	{
-		id: "review-004",
-		userId: x,
-		userName: "Rahul Sharma",
-		userAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100",
-		itemId: "prod-001",
-		itemName: "Masala Dosa",
-		itemType: "product",
-		cartId: "FOOD-001",
-		cartName: "Dosa Express",
-		orderId: "ORD-2024-004",
-		rating: 5,
-		title: "Perfect masala dosa!",
-		comment: "The masala dosa here is absolutely perfect. Crispy, golden brown, and the potato masala inside is perfectly spiced. Comes with great chutneys and sambar.",
-		helpfulCount: 6,
-		isHelpful: !1,
-		isVerified: !0,
-		createdAt: "2024-06-15T08:45:00Z",
-		response: {
-			message: "Glad you loved it, Rahul! Our chef takes great care with every dosa. See you soon!",
-			respondedBy: "Dosa Express Team",
-			respondedAt: "2024-06-15T14:00:00Z"
-		}
-	},
-	{
-		id: "review-005",
-		userId: "user-004",
-		userName: "Sneha Reddy",
-		userAvatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100",
-		itemId: "FOOD-001",
-		itemName: "Dosa Express",
-		itemType: "cart",
-		cartId: "FOOD-001",
-		cartName: "Dosa Express",
-		orderId: "ORD-2024-005",
-		rating: 3,
-		title: "Average experience",
-		comment: "The food was okay but delivery took longer than expected. The taste was good but not exceptional. The packaging could be better to keep food warm.",
-		helpfulCount: 4,
-		isHelpful: !1,
-		isVerified: !0,
-		createdAt: "2024-06-12T12:20:00Z"
-	}
-];
-function w({ value: e, onChange: n }) {
-	let [r, i] = s(0), a = r || e;
-	return /* @__PURE__ */ v("div", {
-		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ _("div", {
-			className: "flex items-center gap-0.5",
-			children: [
-				1,
-				2,
-				3,
-				4,
-				5
-			].map((e) => /* @__PURE__ */ _("button", {
-				type: "button",
-				onClick: () => n(e),
-				onMouseEnter: () => i(e),
-				onMouseLeave: () => i(0),
-				className: "p-0.5 transition-transform",
-				children: /* @__PURE__ */ _(m, { className: t("h-6 w-6", e <= a ? "fill-status-warning-text text-status-warning-text" : "fill-none text-text-secondary/40") })
-			}, e))
-		}), /* @__PURE__ */ _("span", {
-			className: "text-sm font-medium text-text-secondary",
-			children: S[a] ?? ""
-		})]
-	});
-}
-function T() {
-	let { navigateTo: S } = e(), [T, E] = s(C), [D, O] = s(!1), [k, A] = s({
-		rating: 5,
-		title: "",
-		comment: ""
-	}), [j, M] = s({
-		searchQuery: "",
-		type: "all",
-		rating: "",
-		sortBy: "recent"
-	}), [N, P] = s(null), F = (e) => {
-		P(e), setTimeout(() => P(null), 3e3);
-	}, I = o(() => {
-		let e = [...T];
-		if (j.type === "my-reviews" ? e = e.filter((e) => e.userId === x) : j.type !== "all" && (e = e.filter((e) => e.itemType === j.type)), j.rating) {
-			let t = parseInt(j.rating, 10);
-			e = e.filter((e) => e.rating === t);
-		}
-		if (j.searchQuery) {
-			let t = j.searchQuery.toLowerCase();
-			e = e.filter((e) => e.itemName.toLowerCase().includes(t) || e.title.toLowerCase().includes(t) || e.comment.toLowerCase().includes(t) || e.cartName.toLowerCase().includes(t));
-		}
-		switch (j.sortBy) {
-			case "recent":
-				e.sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime());
-				break;
-			case "helpful":
-				e.sort((e, t) => t.helpfulCount - e.helpfulCount);
-				break;
-			case "rating-high":
-				e.sort((e, t) => t.rating - e.rating);
-				break;
-			case "rating-low":
-				e.sort((e, t) => e.rating - t.rating);
-				break;
-		}
-		return e;
-	}, [T, j])(), L = T.filter((e) => e.userId === x).length, R = T.length > 0 ? (T.reduce((e, t) => e + t.rating, 0) / T.length).toFixed(1) : "0", z = () => {
-		if (!k.title.trim() || !k.comment.trim()) {
-			alert("Please fill in the Review Title and Comment.");
-			return;
-		}
-		let e = {
-			id: `review-${Date.now()}`,
-			userId: x,
-			userName: "Rahul Sharma",
-			userAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100",
-			itemId: "FOOD-001",
-			itemName: "Dosa Express",
-			itemType: "cart",
-			cartId: "FOOD-001",
-			cartName: "Dosa Express",
-			orderId: `ORD-2024-${Date.now()}`,
-			rating: k.rating,
-			title: k.title,
-			comment: k.comment,
-			helpfulCount: 0,
-			isHelpful: !1,
-			isVerified: !0,
-			createdAt: (/* @__PURE__ */ new Date()).toISOString()
-		};
-		E((t) => [e, ...t]), A({
-			rating: 5,
-			title: "",
-			comment: ""
-		}), O(!1), F("Review submitted successfully!");
-	}, B = (e) => {
-		E((t) => t.map((t) => t.id === e ? {
-			...t,
-			isHelpful: !t.isHelpful,
-			helpfulCount: t.isHelpful ? t.helpfulCount - 1 : t.helpfulCount + 1
-		} : t));
-	};
-	return /* @__PURE__ */ v(n, {
-		title: "Reviews & Ratings",
-		description: `${I.length} reviews found`,
-		actions: /* @__PURE__ */ v("button", {
-			type: "button",
-			onClick: () => O(!0),
-			className: t("flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-opacity", "bg-foreground text-background hover:opacity-90"),
-			children: [/* @__PURE__ */ _(f, { className: "h-4 w-4" }), "Write Review"]
-		}),
-		children: [
-			N && /* @__PURE__ */ v("div", {
-				className: "mb-4 rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/10 p-3 flex items-center gap-2",
-				children: [/* @__PURE__ */ _(c, { className: "h-4 w-4 text-status-success-text shrink-0" }), /* @__PURE__ */ _("p", {
-					className: "text-sm text-status-success-text",
-					children: N
-				})]
-			}),
-			/* @__PURE__ */ _(b, {
-				className: "mb-6",
-				icon: /* @__PURE__ */ _(d, { className: "h-4 w-4" }),
-				children: "Read what other customers think and share your own experience. Filter by rating or type to find the most helpful feedback, mark reviews that helped you, and write your own — your honest review helps carts improve and other shoppers choose well."
-			}),
-			/* @__PURE__ */ _(y, {
-				className: "mb-6 p-5",
-				children: /* @__PURE__ */ v("div", {
-					className: "flex flex-wrap items-center justify-between gap-4",
-					children: [/* @__PURE__ */ v("div", {
-						className: "flex flex-wrap items-center gap-5 text-sm text-text-secondary",
-						children: [/* @__PURE__ */ v("span", { children: [T.length, " total reviews"] }), /* @__PURE__ */ v("span", { children: [L, " your reviews"] })]
-					}), /* @__PURE__ */ v("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ _("span", {
-							className: "text-xs text-text-secondary",
-							children: "Average rating"
-						}), /* @__PURE__ */ v("span", {
-							className: "flex items-center gap-1 text-2xl font-bold text-text-primary",
-							children: [R, /* @__PURE__ */ _(m, { className: "h-5 w-5 fill-status-warning-text text-status-warning-text" })]
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ _("div", {
-				className: "rounded-lg border border-border-seam bg-bg-surface p-4 mb-6 bg-gloss-card shadow-pop",
-				children: /* @__PURE__ */ v("div", {
-					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
-					children: [
-						/* @__PURE__ */ v("div", {
-							className: "relative",
-							children: [/* @__PURE__ */ _(p, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ _("input", {
-								type: "text",
-								placeholder: "Search reviews...",
-								value: j.searchQuery,
-								onChange: (e) => M((t) => ({
-									...t,
-									searchQuery: e.target.value
-								})),
-								className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-9 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-							})]
-						}),
-						/* @__PURE__ */ v("select", {
-							value: j.type,
-							onChange: (e) => M((t) => ({
-								...t,
-								type: e.target.value
-							})),
-							className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: [
-								/* @__PURE__ */ _("option", {
-									value: "all",
-									children: "All Reviews"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "cart",
-									children: "Cart Reviews"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "product",
-									children: "Product Reviews"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "my-reviews",
-									children: "My Reviews"
-								})
-							]
-						}),
-						/* @__PURE__ */ v("select", {
-							value: j.rating,
-							onChange: (e) => M((t) => ({
-								...t,
-								rating: e.target.value
-							})),
-							className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: [
-								/* @__PURE__ */ _("option", {
-									value: "",
-									children: "All Ratings"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "5",
-									children: "5 Stars"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "4",
-									children: "4 Stars"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "3",
-									children: "3 Stars"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "2",
-									children: "2 Stars"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "1",
-									children: "1 Star"
-								})
-							]
-						}),
-						/* @__PURE__ */ v("select", {
-							value: j.sortBy,
-							onChange: (e) => M((t) => ({
-								...t,
-								sortBy: e.target.value
-							})),
-							className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: [
-								/* @__PURE__ */ _("option", {
-									value: "recent",
-									children: "Most Recent"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "helpful",
-									children: "Most Helpful"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "rating-high",
-									children: "Highest Rating"
-								}),
-								/* @__PURE__ */ _("option", {
-									value: "rating-low",
-									children: "Lowest Rating"
-								})
-							]
-						})
-					]
-				})
-			}),
-			I.length === 0 ? /* @__PURE__ */ _(r, {
-				illustration: j.searchQuery || j.rating || j.type !== "all" ? "empty-search" : "empty-generic",
-				title: "No reviews found",
-				description: "Be the first to write a review!",
-				action: /* @__PURE__ */ _("button", {
-					type: "button",
-					onClick: () => O(!0),
-					className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-					children: "Write a Review"
-				})
-			}) : /* @__PURE__ */ _("div", {
-				className: "space-y-4",
-				children: I.map((e) => {
-					let n = e.userId === x;
-					return /* @__PURE__ */ v("div", {
-						className: t("rounded-lg border bg-bg-surface p-5", n ? "border-foreground/20" : "border-border-subtle"),
-						children: [
-							/* @__PURE__ */ v("div", {
-								className: "flex items-start gap-3 mb-3",
-								children: [
-									/* @__PURE__ */ _("img", {
-										src: e.userAvatar,
-										alt: e.userName,
-										className: "h-10 w-10 rounded-full object-cover shrink-0"
-									}),
-									/* @__PURE__ */ v("div", {
-										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ v("div", {
-											className: "flex items-center gap-2 flex-wrap",
-											children: [
-												/* @__PURE__ */ _("span", {
-													className: "text-sm font-semibold text-text-primary",
-													children: e.userName
-												}),
-												e.isVerified && /* @__PURE__ */ v("span", {
-													className: "inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle/10 px-2 py-0.5 text-[10px] font-medium text-status-success-text",
-													children: [/* @__PURE__ */ _(c, { className: "h-3 w-3" }), "Verified"]
-												}),
-												n && /* @__PURE__ */ _("span", {
-													className: "inline-flex items-center rounded-full bg-accent-blue-subtle/10 px-2 py-0.5 text-[10px] font-medium text-accent-blue",
-													children: "Your Review"
-												})
-											]
-										}), /* @__PURE__ */ v("div", {
-											className: "flex flex-wrap items-center gap-2 text-xs text-text-secondary mt-0.5",
-											children: [/* @__PURE__ */ v("span", { children: [e.itemType === "cart" ? /* @__PURE__ */ _(d, { className: "inline h-3 w-3 mr-0.5" }) : /* @__PURE__ */ _(m, { className: "inline h-3 w-3 mr-0.5" }), e.itemName] }), /* @__PURE__ */ _("span", { children: i(e.createdAt, {
-												hour: void 0,
-												minute: void 0,
-												hour12: void 0
-											}) })]
-										})]
-									}),
-									/* @__PURE__ */ v("div", {
-										className: "shrink-0",
-										children: [/* @__PURE__ */ _(a, {
-											value: e.rating,
-											size: "sm"
-										}), /* @__PURE__ */ v("p", {
-											className: "text-xs text-text-secondary mt-0.5 text-right",
-											children: ["From: ", e.cartName]
-										})]
-									})
-								]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "mb-3",
-								children: [/* @__PURE__ */ _("h4", {
-									className: "text-sm font-semibold text-text-primary mb-1",
-									children: e.title
-								}), /* @__PURE__ */ _("p", {
-									className: "text-sm text-text-primary leading-relaxed",
-									children: e.comment
-								})]
-							}),
-							e.images && e.images.length > 0 && /* @__PURE__ */ _("div", {
-								className: "mb-3 flex gap-2 overflow-x-auto pb-1",
-								children: e.images.map((e, t) => /* @__PURE__ */ _("img", {
-									src: e,
-									alt: `Review image ${t + 1}`,
-									className: "h-20 w-20 rounded-lg object-cover shrink-0"
-								}, t))
-							}),
-							e.response && /* @__PURE__ */ v("div", {
-								className: "mb-3 rounded-lg border border-accent-blue-subtle/20 bg-accent-blue-subtle/5 p-3",
-								children: [/* @__PURE__ */ v("div", {
-									className: "flex flex-wrap items-center gap-2 mb-1.5",
-									children: [
-										/* @__PURE__ */ _(u, { className: "h-3.5 w-3.5 text-accent-blue" }),
-										/* @__PURE__ */ v("span", {
-											className: "text-xs font-medium text-accent-blue",
-											children: ["Response from ", e.response.respondedBy]
-										}),
-										/* @__PURE__ */ _("span", {
-											className: "text-[10px] text-accent-blue",
-											children: i(e.response.respondedAt, {
-												hour: void 0,
-												minute: void 0,
-												hour12: void 0
-											})
-										})
-									]
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-accent-blue leading-relaxed",
-									children: e.response.message
-								})]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "flex items-center justify-between pt-3 border-t border-border-subtle",
-								children: [/* @__PURE__ */ v("button", {
-									type: "button",
-									onClick: () => B(e.id),
-									className: t("flex items-center gap-1.5 text-xs transition-colors", e.isHelpful ? "text-accent-blue font-medium" : "text-text-secondary hover:text-text-primary"),
-									children: [
-										/* @__PURE__ */ _(h, { className: t("h-3.5 w-3.5", e.isHelpful && "fill-current") }),
-										"Helpful (",
-										e.helpfulCount,
-										")"
-									]
-								}), /* @__PURE__ */ v("div", {
-									className: "flex items-center gap-3 text-xs text-text-secondary",
-									children: [/* @__PURE__ */ v("span", { children: ["Order: ", e.orderId] }), /* @__PURE__ */ _("button", {
-										type: "button",
-										onClick: () => S(`/customer/carts/${e.cartId}`),
-										className: "font-medium hover:text-text-primary transition-colors",
-										children: "View Cart"
-									})]
-								})]
-							})
-						]
-					}, e.id);
-				})
-			}),
-			D && /* @__PURE__ */ _("div", {
-				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ _("div", {
-					className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface shadow-lg",
-					children: /* @__PURE__ */ v("div", {
-						className: "p-5",
-						children: [
-							/* @__PURE__ */ v("div", {
-								className: "flex items-center justify-between mb-5",
-								children: [/* @__PURE__ */ _("h3", {
-									className: "text-lg font-semibold text-text-primary",
-									children: "Write a Review"
-								}), /* @__PURE__ */ _("button", {
-									type: "button",
-									onClick: () => O(!1),
-									className: "rounded-md p-2 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-									children: /* @__PURE__ */ _(g, { className: "h-4 w-4" })
-								})]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "space-y-4",
-								children: [
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("label", {
-										className: "block text-sm font-medium text-text-primary mb-2",
-										children: ["Rating ", /* @__PURE__ */ _("span", {
-											className: "text-status-error-text",
-											children: "*"
-										})]
-									}), /* @__PURE__ */ _(w, {
-										value: k.rating,
-										onChange: (e) => A((t) => ({
-											...t,
-											rating: e
-										}))
-									})] }),
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["Review Title ", /* @__PURE__ */ _("span", {
-											className: "text-status-error-text",
-											children: "*"
-										})]
-									}), /* @__PURE__ */ _("input", {
-										type: "text",
-										placeholder: "Summarize your experience",
-										value: k.title,
-										onChange: (e) => A((t) => ({
-											...t,
-											title: e.target.value
-										})),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] }),
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("label", {
-										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["Your Review ", /* @__PURE__ */ _("span", {
-											className: "text-status-error-text",
-											children: "*"
-										})]
-									}), /* @__PURE__ */ _("textarea", {
-										rows: 5,
-										placeholder: "Share your experience with others...",
-										value: k.comment,
-										onChange: (e) => A((t) => ({
-											...t,
-											comment: e.target.value
-										})),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
-									})] }),
-									/* @__PURE__ */ v("div", {
-										className: "rounded-lg bg-bg-sunken p-4",
-										children: [/* @__PURE__ */ v("div", {
-											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ _(l, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ _("h4", {
-												className: "text-sm font-medium text-text-primary",
-												children: "Review Guidelines"
-											})]
-										}), /* @__PURE__ */ v("ul", {
-											className: "text-xs text-text-secondary space-y-1",
-											children: [
-												/* @__PURE__ */ _("li", { children: "- Be honest and helpful to other customers" }),
-												/* @__PURE__ */ _("li", { children: "- Focus on your experience with the food and service" }),
-												/* @__PURE__ */ _("li", { children: "- Avoid personal information or inappropriate content" }),
-												/* @__PURE__ */ _("li", { children: "- Reviews are public and cannot be deleted once submitted" })
-											]
-										})]
-									})
-								]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "flex items-center gap-3 pt-5",
-								children: [/* @__PURE__ */ _("button", {
-									type: "button",
-									onClick: z,
-									className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-									children: "Submit Review"
-								}), /* @__PURE__ */ _("button", {
-									type: "button",
-									onClick: () => O(!1),
-									className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-									children: "Cancel"
-								})]
-							})
-						]
-					})
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { T as ReviewsPage };
-
-//# sourceMappingURL=ReviewsPage.js.map