@burdenoff/microfe-kadaikodi 2026.704.2 → 2026.704.4

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

@@ -2,25 +2,26 @@ 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 { 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";
+import { useCreateReview as i, useOrders as a } from "../../hooks/useKadaikodiApi.js";
+import { formatDate as o } from "../../utils/formatters.js";
+import { RatingDisplay as s } from "../../components/RatingDisplay.js";
+import { useCallback as c, useState as l } from "react";
+import { CheckCircle2 as u, Info as d, MessageCircle as f, MessageSquare as p, PenSquare as m, Search as h, Star as g, ThumbsUp as _, X as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EmphasisPanel as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/customer/ReviewsPage.tsx
-var x = {
+var C = {
 	1: "Terrible",
 	2: "Poor",
 	3: "Average",
 	4: "Good",
 	5: "Excellent"
 };
-function S({ value: e, onChange: n }) {
-	let [r, i] = s(0), a = r || e;
-	return /* @__PURE__ */ v("div", {
+function w({ value: e, onChange: n }) {
+	let [r, i] = l(0), a = r || e;
+	return /* @__PURE__ */ b("div", {
 		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ y("div", {
 			className: "flex items-center gap-0.5",
 			children: [
 				1,
@@ -28,43 +29,43 @@ function S({ value: e, onChange: n }) {
 				3,
 				4,
 				5
-			].map((e) => /* @__PURE__ */ _("button", {
+			].map((e) => /* @__PURE__ */ y("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") })
+				children: /* @__PURE__ */ y(g, { 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", {
+		}), /* @__PURE__ */ y("span", {
 			className: "text-sm font-medium text-text-secondary",
-			children: x[a] ?? ""
+			children: C[a] ?? ""
 		})]
 	});
 }
-function C() {
-	let { navigateTo: x, currentUser: C } = e(), w = C?.id ?? "", [T, E] = s([]), [D, O] = s(!1), [k, A] = s({
+function T() {
+	let { navigateTo: C, currentUser: T } = e(), E = T?.id ?? "", { data: D = [] } = a({ customerId: T?.id }), O = i(), k = D.filter((e) => e.status === "delivered"), [A, j] = l([]), [M, N] = l(!1), [P, F] = l(""), [I, L] = l({
 		rating: 5,
 		title: "",
 		comment: ""
-	}), [j, M] = s({
+	}), [R, z] = l({
 		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 === w) : j.type !== "all" && (e = e.filter((e) => e.itemType === j.type)), j.rating) {
-			let t = parseInt(j.rating, 10);
+	}), [B, V] = l(null), H = (e) => {
+		V(e), setTimeout(() => V(null), 3e3);
+	}, U = c(() => {
+		let e = [...A];
+		if (R.type === "my-reviews" ? e = e.filter((e) => e.userId === E) : R.type !== "all" && (e = e.filter((e) => e.itemType === R.type)), R.rating) {
+			let t = parseInt(R.rating, 10);
 			e = e.filter((e) => e.rating === t);
 		}
-		if (j.searchQuery) {
-			let t = j.searchQuery.toLowerCase();
+		if (R.searchQuery) {
+			let t = R.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) {
+		switch (R.sortBy) {
 			case "recent":
 				e.sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime());
 				break;
@@ -79,161 +80,181 @@ function C() {
 				break;
 		}
 		return e;
-	}, [T, j])(), L = T.filter((e) => e.userId === w).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.");
+	}, [A, R])(), W = A.filter((e) => e.userId === E).length, G = A.length > 0 ? (A.reduce((e, t) => e + t.rating, 0) / A.length).toFixed(1) : "0", K = () => {
+		if (!P) {
+			H("Please choose which delivered order you want to review.");
 			return;
 		}
-		A({
-			rating: 5,
-			title: "",
-			comment: ""
-		}), O(!1), F("To post a review, open a delivered order and rate it from there.");
-	}, B = (e) => {
-		E((t) => t.map((t) => t.id === e ? {
+		if (!I.title.trim() || !I.comment.trim()) {
+			H("Please fill in the Review Title and Comment.");
+			return;
+		}
+		let e = k.find((e) => e.id === P);
+		if (!e || !T?.id) {
+			H("Could not find that order. Please try again.");
+			return;
+		}
+		O.mutate({
+			providerId: e.cartId,
+			orderId: e.id,
+			customerId: T.id,
+			rating: I.rating,
+			review: `${I.title.trim()} — ${I.comment.trim()}`
+		}, {
+			onSuccess: () => {
+				L({
+					rating: 5,
+					title: "",
+					comment: ""
+				}), F(""), N(!1), H("Thanks! Your review has been posted to the cart.");
+			},
+			onError: () => H("Could not post your review. Please try again.")
+		});
+	}, q = (e) => {
+		j((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, {
+	return /* @__PURE__ */ b(n, {
 		title: "Reviews & Ratings",
-		description: `${I.length} reviews found`,
-		actions: /* @__PURE__ */ v("button", {
+		description: `${U.length} reviews found`,
+		actions: /* @__PURE__ */ b("button", {
 			type: "button",
-			onClick: () => O(!0),
+			onClick: () => N(!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: [/* @__PURE__ */ y(m, { className: "h-4 w-4" }), "Write Review"]
 		}),
 		children: [
-			N && /* @__PURE__ */ v("div", {
+			B && /* @__PURE__ */ b("div", {
 				className: "mb-4 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-3 flex items-center gap-2",
-				children: [/* @__PURE__ */ _(c, { className: "h-4 w-4 text-status-success-text shrink-0" }), /* @__PURE__ */ _("p", {
+				children: [/* @__PURE__ */ y(u, { className: "h-4 w-4 text-status-success-text shrink-0" }), /* @__PURE__ */ y("p", {
 					className: "text-sm text-status-success-text",
-					children: N
+					children: B
 				})]
 			}),
-			/* @__PURE__ */ _(b, {
+			/* @__PURE__ */ y(S, {
 				className: "mb-6",
 				children: "Your voice on the carts you've tried — write honest reviews to help other customers and give vendors feedback they can act on. Browse what others said, then add your own rating for a recent order."
 			}),
-			/* @__PURE__ */ _(y, {
+			/* @__PURE__ */ y(x, {
 				className: "mb-6",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ b("div", {
 					className: "flex flex-wrap items-center gap-4 text-sm text-text-secondary",
 					children: [
-						/* @__PURE__ */ v("span", { children: [T.length, " total reviews"] }),
-						/* @__PURE__ */ v("span", { children: [L, " your reviews"] }),
-						/* @__PURE__ */ v("span", {
+						/* @__PURE__ */ b("span", { children: [A.length, " total reviews"] }),
+						/* @__PURE__ */ b("span", { children: [W, " your reviews"] }),
+						/* @__PURE__ */ b("span", {
 							className: "flex items-center gap-1",
 							children: [
 								"Average: ",
-								R,
-								/* @__PURE__ */ _(m, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" })
+								G,
+								/* @__PURE__ */ y(g, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" })
 							]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ y("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3",
 					children: [
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ b("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", {
+							children: [/* @__PURE__ */ y(h, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ y("input", {
 								type: "text",
 								placeholder: "Search reviews...",
-								value: j.searchQuery,
-								onChange: (e) => M((t) => ({
+								value: R.searchQuery,
+								onChange: (e) => z((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) => ({
+						/* @__PURE__ */ b("select", {
+							value: R.type,
+							onChange: (e) => z((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", {
+								/* @__PURE__ */ y("option", {
 									value: "all",
 									children: "All Reviews"
 								}),
-								/* @__PURE__ */ _("option", {
+								/* @__PURE__ */ y("option", {
 									value: "cart",
 									children: "Cart Reviews"
 								}),
-								/* @__PURE__ */ _("option", {
+								/* @__PURE__ */ y("option", {
 									value: "product",
 									children: "Product Reviews"
 								}),
-								/* @__PURE__ */ _("option", {
+								/* @__PURE__ */ y("option", {
 									value: "my-reviews",
 									children: "My Reviews"
 								})
 							]
 						}),
-						/* @__PURE__ */ v("select", {
-							value: j.rating,
-							onChange: (e) => M((t) => ({
+						/* @__PURE__ */ b("select", {
+							value: R.rating,
+							onChange: (e) => z((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", {
+								/* @__PURE__ */ y("option", {
 									value: "",
 									children: "All Ratings"
 								}),
-								/* @__PURE__ */ _("option", {
+								/* @__PURE__ */ y("option", {
 									value: "5",
 									children: "5 Stars"
 								}),
-								/* @__PURE__ */ _("option", {
+								/* @__PURE__ */ y("option", {
 									value: "4",
 									children: "4 Stars"
 								}),
-								/* @__PURE__ */ _("option", {
+								/* @__PURE__ */ y("option", {
 									value: "3",
 									children: "3 Stars"
 								}),
-								/* @__PURE__ */ _("option", {
+								/* @__PURE__ */ y("option", {
 									value: "2",
 									children: "2 Stars"
 								}),
-								/* @__PURE__ */ _("option", {
+								/* @__PURE__ */ y("option", {
 									value: "1",
 									children: "1 Star"
 								})
 							]
 						}),
-						/* @__PURE__ */ v("select", {
-							value: j.sortBy,
-							onChange: (e) => M((t) => ({
+						/* @__PURE__ */ b("select", {
+							value: R.sortBy,
+							onChange: (e) => z((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", {
+								/* @__PURE__ */ y("option", {
 									value: "recent",
 									children: "Most Recent"
 								}),
-								/* @__PURE__ */ _("option", {
+								/* @__PURE__ */ y("option", {
 									value: "helpful",
 									children: "Most Helpful"
 								}),
-								/* @__PURE__ */ _("option", {
+								/* @__PURE__ */ y("option", {
 									value: "rating-high",
 									children: "Highest Rating"
 								}),
-								/* @__PURE__ */ _("option", {
+								/* @__PURE__ */ y("option", {
 									value: "rating-low",
 									children: "Lowest Rating"
 								})
@@ -242,129 +263,129 @@ function C() {
 					]
 				})
 			}),
-			I.length === 0 ? /* @__PURE__ */ _(r, {
-				icon: /* @__PURE__ */ _(d, { className: "h-12 w-12" }),
+			U.length === 0 ? /* @__PURE__ */ y(r, {
+				icon: /* @__PURE__ */ y(p, { className: "h-12 w-12" }),
 				title: "No reviews found",
 				description: "Be the first to write a review!",
-				action: /* @__PURE__ */ _("button", {
+				action: /* @__PURE__ */ y("button", {
 					type: "button",
-					onClick: () => O(!0),
+					onClick: () => N(!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", {
+			}) : /* @__PURE__ */ y("div", {
 				className: "space-y-4",
-				children: I.map((e) => {
-					let n = e.userId === w;
-					return /* @__PURE__ */ v("div", {
+				children: U.map((e) => {
+					let n = e.userId === E;
+					return /* @__PURE__ */ b("div", {
 						className: t("rounded-lg border bg-bg-surface p-5", n ? "border-foreground/20" : "border-border-subtle"),
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex items-start gap-3 mb-3",
 								children: [
-									/* @__PURE__ */ _("img", {
+									/* @__PURE__ */ y("img", {
 										src: e.userAvatar,
 										alt: e.userName,
 										className: "h-10 w-10 rounded-full object-cover shrink-0"
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ b("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ v("div", {
+										children: [/* @__PURE__ */ b("div", {
 											className: "flex items-center gap-2 flex-wrap",
 											children: [
-												/* @__PURE__ */ _("span", {
+												/* @__PURE__ */ y("span", {
 													className: "text-sm font-semibold text-text-primary",
 													children: e.userName
 												}),
-												e.isVerified && /* @__PURE__ */ v("span", {
+												e.isVerified && /* @__PURE__ */ b("span", {
 													className: "inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-[10px] font-medium text-status-success-text",
-													children: [/* @__PURE__ */ _(c, { className: "h-3 w-3" }), "Verified"]
+													children: [/* @__PURE__ */ y(u, { className: "h-3 w-3" }), "Verified"]
 												}),
-												n && /* @__PURE__ */ _("span", {
+												n && /* @__PURE__ */ y("span", {
 													className: "inline-flex items-center rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-[10px] font-medium text-text-primary",
 													children: "Your Review"
 												})
 											]
-										}), /* @__PURE__ */ v("div", {
+										}), /* @__PURE__ */ b("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, {
+											children: [/* @__PURE__ */ b("span", { children: [e.itemType === "cart" ? /* @__PURE__ */ y(p, { className: "inline h-3 w-3 mr-0.5" }) : /* @__PURE__ */ y(g, { className: "inline h-3 w-3 mr-0.5" }), e.itemName] }), /* @__PURE__ */ y("span", { children: o(e.createdAt, {
 												hour: void 0,
 												minute: void 0,
 												hour12: void 0
 											}) })]
 										})]
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ b("div", {
 										className: "shrink-0",
-										children: [/* @__PURE__ */ _(a, {
+										children: [/* @__PURE__ */ y(s, {
 											value: e.rating,
 											size: "sm"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ b("p", {
 											className: "text-xs text-text-secondary mt-0.5 text-right",
 											children: ["From: ", e.cartName]
 										})]
 									})
 								]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b("div", {
 								className: "mb-3",
-								children: [/* @__PURE__ */ _("h4", {
+								children: [/* @__PURE__ */ y("h4", {
 									className: "text-sm font-semibold text-text-primary mb-1",
 									children: e.title
-								}), /* @__PURE__ */ _("p", {
+								}), /* @__PURE__ */ y("p", {
 									className: "text-sm text-text-primary leading-relaxed",
 									children: e.comment
 								})]
 							}),
-							e.images && e.images.length > 0 && /* @__PURE__ */ _("div", {
+							e.images && e.images.length > 0 && /* @__PURE__ */ y("div", {
 								className: "mb-3 flex gap-2 overflow-x-auto pb-1",
-								children: e.images.map((e, t) => /* @__PURE__ */ _("img", {
+								children: e.images.map((e, t) => /* @__PURE__ */ y("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", {
+							e.response && /* @__PURE__ */ b("div", {
 								className: "mb-3 rounded-lg border border-border-focus/20 bg-[var(--color-accent-soft)] p-3",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ b("div", {
 									className: "flex flex-wrap items-center gap-2 mb-1.5",
 									children: [
-										/* @__PURE__ */ _(u, { className: "h-3.5 w-3.5 text-text-primary" }),
-										/* @__PURE__ */ v("span", {
+										/* @__PURE__ */ y(f, { className: "h-3.5 w-3.5 text-text-primary" }),
+										/* @__PURE__ */ b("span", {
 											className: "text-xs font-medium text-text-primary",
 											children: ["Response from ", e.response.respondedBy]
 										}),
-										/* @__PURE__ */ _("span", {
+										/* @__PURE__ */ y("span", {
 											className: "text-[10px] text-text-primary/70",
-											children: i(e.response.respondedAt, {
+											children: o(e.response.respondedAt, {
 												hour: void 0,
 												minute: void 0,
 												hour12: void 0
 											})
 										})
 									]
-								}), /* @__PURE__ */ _("p", {
+								}), /* @__PURE__ */ y("p", {
 									className: "text-xs text-text-primary leading-relaxed",
 									children: e.response.message
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex items-center justify-between pt-3 border-t border-border-subtle",
-								children: [/* @__PURE__ */ v("button", {
+								children: [/* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => B(e.id),
+									onClick: () => q(e.id),
 									className: t("flex items-center gap-1.5 text-xs transition-colors", e.isHelpful ? "text-text-primary font-medium" : "text-text-secondary hover:text-text-primary"),
 									children: [
-										/* @__PURE__ */ _(h, { className: t("h-3.5 w-3.5", e.isHelpful && "fill-current") }),
+										/* @__PURE__ */ y(_, { className: t("h-3.5 w-3.5", e.isHelpful && "fill-current") }),
 										"Helpful (",
 										e.helpfulCount,
 										")"
 									]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ b("div", {
 									className: "flex items-center gap-3 text-xs text-text-secondary",
-									children: [/* @__PURE__ */ v("span", { children: ["Order: ", e.orderId] }), /* @__PURE__ */ _("button", {
+									children: [/* @__PURE__ */ b("span", { children: ["Order: ", e.orderId] }), /* @__PURE__ */ y("button", {
 										type: "button",
-										onClick: () => x(`/customer/carts/${e.cartId}`),
+										onClick: () => C(`/customer/cart/${e.cartId}`),
 										className: "font-medium hover:text-text-primary transition-colors",
 										children: "View Cart"
 									})]
@@ -374,103 +395,129 @@ function C() {
 					}, e.id);
 				})
 			}),
-			D && /* @__PURE__ */ _("div", {
+			M && /* @__PURE__ */ y("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ y("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", {
+					children: /* @__PURE__ */ b("div", {
 						className: "p-5",
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex items-center justify-between mb-5",
-								children: [/* @__PURE__ */ _("h3", {
+								children: [/* @__PURE__ */ y("h3", {
 									className: "text-lg font-semibold text-text-primary",
 									children: "Write a Review"
-								}), /* @__PURE__ */ _("button", {
+								}), /* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: () => O(!1),
+									onClick: () => N(!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" })
+									children: /* @__PURE__ */ y(v, { className: "h-4 w-4" })
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("label", {
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-sm font-medium text-text-primary mb-1.5",
+										children: ["Which order? ", /* @__PURE__ */ y("span", {
+											className: "text-status-error-text",
+											children: "*"
+										})]
+									}), k.length > 0 ? /* @__PURE__ */ b("select", {
+										value: P,
+										onChange: (e) => F(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__ */ y("option", {
+											value: "",
+											children: "Select a delivered order…"
+										}), k.map((e) => /* @__PURE__ */ b("option", {
+											value: e.id,
+											children: [
+												e.cartName,
+												" · ",
+												o(e.orderDate)
+											]
+										}, e.id))]
+									}) : /* @__PURE__ */ y("p", {
+										className: "rounded-lg bg-bg-sunken p-3 text-xs text-text-secondary",
+										children: "You can review a cart once one of your orders has been delivered. Place an order and come back after it arrives."
+									})] }),
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-sm font-medium text-text-primary mb-2",
-										children: ["Rating ", /* @__PURE__ */ _("span", {
+										children: ["Rating ", /* @__PURE__ */ y("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})]
-									}), /* @__PURE__ */ _(S, {
-										value: k.rating,
-										onChange: (e) => A((t) => ({
+									}), /* @__PURE__ */ y(w, {
+										value: I.rating,
+										onChange: (e) => L((t) => ({
 											...t,
 											rating: e
 										}))
 									})] }),
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("label", {
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["Review Title ", /* @__PURE__ */ _("span", {
+										children: ["Review Title ", /* @__PURE__ */ y("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})]
-									}), /* @__PURE__ */ _("input", {
+									}), /* @__PURE__ */ y("input", {
 										type: "text",
 										placeholder: "Summarize your experience",
-										value: k.title,
-										onChange: (e) => A((t) => ({
+										value: I.title,
+										onChange: (e) => L((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", {
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["Your Review ", /* @__PURE__ */ _("span", {
+										children: ["Your Review ", /* @__PURE__ */ y("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})]
-									}), /* @__PURE__ */ _("textarea", {
+									}), /* @__PURE__ */ y("textarea", {
 										rows: 5,
 										placeholder: "Share your experience with others...",
-										value: k.comment,
-										onChange: (e) => A((t) => ({
+										value: I.comment,
+										onChange: (e) => L((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", {
+									/* @__PURE__ */ b("div", {
 										className: "rounded-lg bg-bg-sunken p-4",
-										children: [/* @__PURE__ */ v("div", {
+										children: [/* @__PURE__ */ b("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ _(l, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ _("h4", {
+											children: [/* @__PURE__ */ y(d, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ y("h4", {
 												className: "text-sm font-medium text-text-primary",
 												children: "Review Guidelines"
 											})]
-										}), /* @__PURE__ */ v("ul", {
+										}), /* @__PURE__ */ b("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__ */ y("li", { children: "- Be honest and helpful to other customers" }),
+												/* @__PURE__ */ y("li", { children: "- Focus on your experience with the food and service" }),
+												/* @__PURE__ */ y("li", { children: "- Avoid personal information or inappropriate content" }),
+												/* @__PURE__ */ y("li", { children: "- Reviews are public and cannot be deleted once submitted" })
 											]
 										})]
 									})
 								]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex items-center gap-3 pt-5",
-								children: [/* @__PURE__ */ _("button", {
+								children: [/* @__PURE__ */ y("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", {
+									onClick: K,
+									disabled: O.isPending || k.length === 0,
+									className: t("rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background transition-opacity", O.isPending || k.length === 0 ? "opacity-60 cursor-not-allowed" : "hover:opacity-90"),
+									children: O.isPending ? "Posting…" : "Submit Review"
+								}), /* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: () => O(!1),
+									onClick: () => N(!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"
 								})]
@@ -483,6 +530,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as ReviewsPage };
+export { T as ReviewsPage };
 
 //# sourceMappingURL=ReviewsPage.js.map