@burdenoff/microfe-kadaikodi 2026.704.2 → 2026.704.4

package/dist/kadaikodi/pages/common/HelpSupportPage.js

@@ -3,11 +3,11 @@ import { PageLayout as t } from "../../components/PageLayout.js";
 import { EmptyState as n } from "../../components/EmptyState.js";
 import { formatDate as r } from "../../utils/formatters.js";
 import { useMemo as i, useState as a } from "react";
-import { AlertCircle as ee, AlertTriangle as o, BookOpen as s, CheckCircle2 as c, ChevronDown as l, ChevronUp as u, Circle as d, CircleDot as f, Clock as p, CreditCard as m, ExternalLink as te, FileText as ne, HelpCircle as re, Info as ie, Lightbulb as ae, Mail as h, MessageCircle as g, MessageSquare as _, Phone as v, PhoneCall as y, Search as oe, Send as b, Shield as x, ShoppingBag as S, Tag as se, ThumbsUp as C, Ticket as w, TrendingUp as T, Truck as E, User as D, Wrench as O, X as k, XCircle as A } from "lucide-react";
-import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
-import { EmphasisPanel as ce, PagePurpose as le } from "@burdenoff/fe-libs/ui";
+import { AlertCircle as o, AlertTriangle as s, BookOpen as c, CheckCircle2 as l, ChevronDown as ee, ChevronUp as u, Circle as d, CircleDot as f, Clock as p, CreditCard as m, ExternalLink as te, FileText as ne, HelpCircle as re, Info as h, Lightbulb as g, Mail as _, MessageCircle as v, MessageSquare as y, Phone as b, PhoneCall as x, Search as ie, Send as S, Shield as C, ShoppingBag as w, Tag as ae, ThumbsUp as T, Ticket as E, TrendingUp as D, Truck as O, User as k, Wrench as A, X as j, XCircle as M } from "lucide-react";
+import { jsx as N, jsxs as P } from "react/jsx-runtime";
+import { EmphasisPanel as oe, PagePurpose as se } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/common/HelpSupportPage.tsx
-var P = [
+var F = [
 	"Account & Profile",
 	"Orders & Payments",
 	"Cart Owners",
@@ -16,16 +16,16 @@ var P = [
 	"Technical Issues",
 	"Billing & Refunds",
 	"Privacy & Security"
-], ue = [
+], I = [
 	{
 		label: "Getting Started",
-		icon: s,
+		icon: c,
 		description: "New to Kadaikodi? Start here",
 		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
 		label: "Orders & Delivery",
-		icon: S,
+		icon: w,
 		description: "Placing, tracking, and cancelling orders",
 		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
@@ -37,48 +37,48 @@ var P = [
 	},
 	{
 		label: "Account & Profile",
-		icon: D,
+		icon: k,
 		description: "Manage your account and settings",
 		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	},
 	{
 		label: "Cart Owners",
-		icon: O,
+		icon: A,
 		description: "Running your cart business",
 		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
 	{
 		label: "Workers & Delivery",
-		icon: E,
+		icon: O,
 		description: "Delivery partner information",
 		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
 		label: "Investments",
-		icon: T,
+		icon: D,
 		description: "Investment opportunities and returns",
 		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
 	{
 		label: "Security & Privacy",
-		icon: x,
+		icon: C,
 		description: "Data protection and safety",
 		color: "bg-status-error-bg-subtle text-status-error-text"
 	},
 	{
 		label: "Technical Issues",
-		icon: o,
+		icon: s,
 		description: "App issues and troubleshooting",
 		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	}
-], F = [
+], L = [
 	{
 		type: "email",
 		label: "Email Support",
 		value: "support@kadaikodi.com",
 		available: !0,
 		responseTime: "Within 24 hours",
-		icon: h
+		icon: _
 	},
 	{
 		type: "phone",
@@ -86,15 +86,15 @@ var P = [
 		value: "+91 80-4012-3456",
 		available: !0,
 		responseTime: "9 AM - 9 PM IST",
-		icon: y
+		icon: x
 	},
 	{
 		type: "chat",
 		label: "Live Chat",
-		value: "Start a conversation",
-		available: !0,
-		responseTime: "Instant response",
-		icon: g
+		value: "Coming soon",
+		available: !1,
+		responseTime: "Not available yet",
+		icon: v
 	},
 	{
 		type: "whatsapp",
@@ -102,9 +102,9 @@ var P = [
 		value: "+91 98765-43210",
 		available: !0,
 		responseTime: "2-4 hours",
-		icon: _
+		icon: y
 	}
-], I = [
+], R = [
 	{
 		id: "faq-001",
 		category: "Account & Profile",
@@ -361,47 +361,53 @@ var P = [
 			"data"
 		]
 	}
-], L = [
+], z = [
 	{
 		id: "art-1",
 		title: "Getting Started with Kadaikodi",
-		category: "Getting Started"
+		category: "Getting Started",
+		faqCategory: "Account & Profile"
 	},
 	{
 		id: "art-2",
 		title: "How to Place Your First Order",
-		category: "Orders"
+		category: "Orders",
+		faqCategory: "Orders & Payments"
 	},
 	{
 		id: "art-3",
 		title: "Understanding Investment Returns",
-		category: "Investors"
+		category: "Investors",
+		faqCategory: "Investors"
 	},
 	{
 		id: "art-4",
 		title: "Setting Up Your Cart Business",
-		category: "Cart Owners"
+		category: "Cart Owners",
+		faqCategory: "Cart Owners"
 	},
 	{
 		id: "art-5",
 		title: "Payment Troubleshooting Guide",
-		category: "Payments"
+		category: "Payments",
+		faqCategory: "Orders & Payments"
 	},
 	{
 		id: "art-6",
 		title: "Delivery Partner Onboarding Guide",
-		category: "Workers"
+		category: "Workers",
+		faqCategory: "Delivery & Workers"
 	}
 ];
-function R(e) {
+function B(e) {
 	switch (e) {
 		case "open": return d;
 		case "in-progress": return f;
-		case "resolved": return c;
-		case "closed": return A;
+		case "resolved": return l;
+		case "closed": return M;
 	}
 }
-function z(e) {
+function V(e) {
 	switch (e) {
 		case "open": return "bg-[var(--color-accent-soft)] text-text-primary";
 		case "in-progress": return "bg-status-warning-bg-subtle text-status-warning-text";
@@ -409,7 +415,7 @@ function z(e) {
 		case "closed": return "bg-bg-sunken text-text-secondary";
 	}
 }
-function B(e) {
+function H(e) {
 	switch (e) {
 		case "urgent": return "bg-status-error-bg-subtle text-status-error-text";
 		case "high": return "bg-status-warning-bg-subtle text-status-warning-text";
@@ -417,35 +423,41 @@ function B(e) {
 		case "low": return "bg-bg-sunken text-text-secondary";
 	}
 }
-function V(e) {
+function U(e) {
 	return e.replace("-", " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function H() {
-	let [s, d] = a("faq"), [f, m] = a(""), [g, y] = a(""), [x, S] = a(null), [T, E] = a(I), [D, O] = a([]), [A, H] = a(!1), [U, W] = a(!1), [G, K] = a(""), [q, J] = a(""), [Y, X] = a({
+function W() {
+	let [c, d] = a("faq"), [f, m] = a(""), [v, x] = a(""), [C, w] = a(null), D = R, [O, k] = a(() => /* @__PURE__ */ new Set()), [A] = a([]), [M, W] = a(!1), [G, K] = a(""), [q, J] = a(""), [Y, X] = a({
 		subject: "",
 		category: "",
 		priority: "medium",
 		description: ""
-	}), Z = i(() => T.filter((e) => {
-		let t = !f || e.question.toLowerCase().includes(f.toLowerCase()) || e.answer.toLowerCase().includes(f.toLowerCase()) || e.tags.some((e) => e.toLowerCase().includes(f.toLowerCase())), n = !g || e.category === g;
+	}), Z = i(() => D.filter((e) => {
+		let t = !f || e.question.toLowerCase().includes(f.toLowerCase()) || e.answer.toLowerCase().includes(f.toLowerCase()) || e.tags.some((e) => e.toLowerCase().includes(f.toLowerCase())), n = !v || e.category === v;
 		return t && n;
 	}), [
-		T,
+		D,
 		f,
-		g
+		v
 	]), Q = i(() => ({
-		open: D.filter((e) => e.status === "open").length,
-		inProgress: D.filter((e) => e.status === "in-progress").length,
-		resolved: D.filter((e) => e.status === "resolved").length,
-		closed: D.filter((e) => e.status === "closed").length,
-		total: D.length
-	}), [D]), de = (e) => {
-		S((t) => t === e ? null : e);
-	}, fe = (e) => {
-		E((t) => t.map((t) => t.id === e ? {
-			...t,
-			helpful: t.helpful + 1
-		} : t));
+		open: A.filter((e) => e.status === "open").length,
+		inProgress: A.filter((e) => e.status === "in-progress").length,
+		resolved: A.filter((e) => e.status === "resolved").length,
+		closed: A.filter((e) => e.status === "closed").length,
+		total: A.length
+	}), [A]), ce = (e) => {
+		w((t) => t === e ? null : e);
+	}, le = (e) => {
+		k((t) => {
+			if (t.has(e)) return t;
+			let n = new Set(t);
+			return n.add(e), n;
+		});
+	}, ue = (e) => {
+		m(""), x(e), d("faq"), window.scrollTo({
+			top: 0,
+			behavior: "smooth"
+		});
 	}, $ = (e) => {
 		switch (e.type) {
 			case "email":
@@ -457,11 +469,9 @@ function H() {
 			case "whatsapp":
 				window.open(`https://wa.me/${e.value.replace(/[^0-9]/g, "")}`, "_blank");
 				break;
-			case "chat":
-				alert("Live chat will be available soon!");
-				break;
+			case "chat": break;
 		}
-	}, pe = () => {
+	}, de = () => {
 		if (J(""), K(""), !Y.subject.trim()) {
 			J("Please enter a subject for your ticket.");
 			return;
@@ -474,26 +484,14 @@ function H() {
 			J("Please select a category.");
 			return;
 		}
-		W(!0), setTimeout(() => {
-			let e = {
-				id: `ticket-${Date.now()}`,
-				subject: Y.subject,
-				category: Y.category,
-				priority: Y.priority,
-				status: "open",
-				description: Y.description,
-				createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-				updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-				responses: []
-			};
-			O((t) => [e, ...t]), X({
-				subject: "",
-				category: "",
-				priority: "medium",
-				description: ""
-			}), W(!1), H(!1), K("Support ticket created successfully! Our team will respond within 24 hours."), d("tickets"), setTimeout(() => K(""), 5e3);
-		}, 1e3);
-	}, me = [
+		let e = encodeURIComponent(`[${Y.priority.toUpperCase()}] ${Y.subject}`), t = encodeURIComponent(`Category: ${Y.category}\nPriority: ${Y.priority}\n\n${Y.description}`);
+		window.location.href = `mailto:support@kadaikodi.com?subject=${e}&body=${t}`, X({
+			subject: "",
+			category: "",
+			priority: "medium",
+			description: ""
+		}), W(!1), K("Opening your email app to send this to support@kadaikodi.com. Our team replies within 24 hours."), window.setTimeout(() => K(""), 6e3);
+	}, fe = [
 		{
 			id: "faq",
 			label: "FAQ",
@@ -502,84 +500,84 @@ function H() {
 		{
 			id: "contact",
 			label: "Contact Us",
-			icon: v
+			icon: b
 		},
 		{
 			id: "tickets",
 			label: "My Tickets",
-			icon: w
+			icon: E
 		}
 	];
-	return /* @__PURE__ */ N(t, {
+	return /* @__PURE__ */ P(t, {
 		title: "Help & Support",
 		description: "Find answers, contact support, or track your requests",
 		children: [
-			G && /* @__PURE__ */ N("div", {
+			G && /* @__PURE__ */ P("div", {
 				className: "mb-4 flex items-center gap-2 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle px-4 py-3 text-sm text-status-success-text",
 				children: [
-					/* @__PURE__ */ M(c, { className: "h-4 w-4 shrink-0" }),
+					/* @__PURE__ */ N(l, { className: "h-4 w-4 shrink-0" }),
 					G,
-					/* @__PURE__ */ M("button", {
+					/* @__PURE__ */ N("button", {
 						type: "button",
 						onClick: () => K(""),
 						className: "ml-auto",
-						children: /* @__PURE__ */ M(k, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ N(j, { className: "h-4 w-4" })
 					})
 				]
 			}),
-			/* @__PURE__ */ M(le, {
+			/* @__PURE__ */ N(se, {
 				className: "mb-6",
 				children: "Stuck or have a question? Start here. Use this page to search FAQs and help articles, browse topics by category, reach our support team, and track any requests you've raised — so you can get unblocked fast without leaving the app. Search first; if you still need a human, open a ticket and follow it under your requests."
 			}),
-			/* @__PURE__ */ N(ce, {
+			/* @__PURE__ */ P(oe, {
 				className: "mb-6",
-				children: [/* @__PURE__ */ M("h2", {
+				children: [/* @__PURE__ */ N("h2", {
 					className: "mb-3 text-base font-semibold text-text-primary",
 					children: "How can we help?"
-				}), /* @__PURE__ */ N("div", {
+				}), /* @__PURE__ */ P("div", {
 					className: "relative",
 					children: [
-						/* @__PURE__ */ M(oe, { className: "absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-text-secondary" }),
-						/* @__PURE__ */ M("input", {
+						/* @__PURE__ */ N(ie, { className: "absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-text-secondary" }),
+						/* @__PURE__ */ N("input", {
 							type: "text",
 							value: f,
 							onChange: (e) => {
-								m(e.target.value), s !== "faq" && d("faq");
+								m(e.target.value), c !== "faq" && d("faq");
 							},
 							placeholder: "Search help articles, FAQs, and more...",
 							className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-3 pl-10 pr-10 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						}),
-						f && /* @__PURE__ */ M("button", {
+						f && /* @__PURE__ */ N("button", {
 							type: "button",
 							onClick: () => m(""),
 							className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
-							children: /* @__PURE__ */ M(k, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ N(j, { className: "h-4 w-4" })
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ N("section", {
+			/* @__PURE__ */ P("section", {
 				className: "mb-6",
-				children: [/* @__PURE__ */ M("h2", {
+				children: [/* @__PURE__ */ N("h2", {
 					className: "text-lg font-semibold text-text-primary mb-3",
 					children: "Browse Help Topics"
-				}), /* @__PURE__ */ M("div", {
+				}), /* @__PURE__ */ N("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-					children: ue.map((t) => {
+					children: I.map((t) => {
 						let n = t.icon;
-						return /* @__PURE__ */ N("button", {
+						return /* @__PURE__ */ P("button", {
 							type: "button",
 							onClick: () => {
-								y(t.label === g ? "" : t.label), d("faq");
+								x(t.label === v ? "" : t.label), d("faq");
 							},
-							className: e("flex items-start gap-3 rounded-lg border bg-bg-surface p-4 text-left transition-all hover:shadow-sm", g === t.label ? "border-primary ring-1 ring-primary" : "border-border-subtle"),
-							children: [/* @__PURE__ */ M("div", {
+							className: e("flex items-start gap-3 rounded-lg border bg-bg-surface p-4 text-left transition-all hover:shadow-sm", v === t.label ? "border-primary ring-1 ring-primary" : "border-border-subtle"),
+							children: [/* @__PURE__ */ N("div", {
 								className: e("flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", t.color),
-								children: /* @__PURE__ */ M(n, { className: "h-5 w-5" })
-							}), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
+								children: /* @__PURE__ */ N(n, { className: "h-5 w-5" })
+							}), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "text-sm font-semibold text-text-primary",
 								children: t.label
-							}), /* @__PURE__ */ M("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-xs text-text-secondary",
 								children: t.description
 							})] })]
@@ -587,20 +585,20 @@ function H() {
 					})
 				})]
 			}),
-			/* @__PURE__ */ M("section", {
+			/* @__PURE__ */ N("section", {
 				className: "mb-6",
-				children: /* @__PURE__ */ M("div", {
+				children: /* @__PURE__ */ N("div", {
 					className: "flex space-x-1 bg-bg-sunken p-1 rounded-lg w-full sm:w-fit",
-					children: me.map((t) => {
+					children: fe.map((t) => {
 						let n = t.icon;
-						return /* @__PURE__ */ N("button", {
+						return /* @__PURE__ */ P("button", {
 							type: "button",
 							onClick: () => d(t.id),
-							className: e("flex flex-1 sm:flex-none items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", s === t.id ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
+							className: e("flex flex-1 sm:flex-none items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", c === t.id ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
 							children: [
-								/* @__PURE__ */ M(n, { className: "h-4 w-4" }),
-								/* @__PURE__ */ M("span", { children: t.label }),
-								t.id === "tickets" && Q.open > 0 && /* @__PURE__ */ M("span", {
+								/* @__PURE__ */ N(n, { className: "h-4 w-4" }),
+								/* @__PURE__ */ N("span", { children: t.label }),
+								t.id === "tickets" && Q.open > 0 && /* @__PURE__ */ N("span", {
 									className: "flex h-5 min-w-[20px] items-center justify-center rounded-full bg-action-primary-bg px-1.5 text-xs font-medium text-action-primary-text",
 									children: Q.open
 								})
@@ -609,149 +607,144 @@ function H() {
 					})
 				})
 			}),
-			s === "faq" && /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("div", {
+			c === "faq" && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("div", {
 				className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ N("p", {
+				children: [/* @__PURE__ */ P("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						Z.length,
 						" question",
 						Z.length === 1 ? "" : "s",
 						" found",
-						g && /* @__PURE__ */ N("span", { children: [
+						v && /* @__PURE__ */ P("span", { children: [
 							" ",
 							"in ",
-							/* @__PURE__ */ M("span", {
+							/* @__PURE__ */ N("span", {
 								className: "font-medium text-text-primary",
-								children: g
+								children: v
 							}),
-							/* @__PURE__ */ M("button", {
+							/* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: () => y(""),
+								onClick: () => x(""),
 								className: "ml-1 text-primary hover:underline",
 								children: "(clear)"
 							})
 						] })
 					]
-				}), /* @__PURE__ */ N("select", {
-					value: g,
-					onChange: (e) => y(e.target.value),
+				}), /* @__PURE__ */ P("select", {
+					value: v,
+					onChange: (e) => x(e.target.value),
 					className: "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__ */ M("option", {
+					children: [/* @__PURE__ */ N("option", {
 						value: "",
 						children: "All Categories"
-					}), P.map((e) => /* @__PURE__ */ M("option", {
+					}), F.map((e) => /* @__PURE__ */ N("option", {
 						value: e,
 						children: e
 					}, e))]
 				})]
-			}), Z.length > 0 ? /* @__PURE__ */ M("div", {
+			}), Z.length > 0 ? /* @__PURE__ */ N("div", {
 				className: "space-y-3",
 				children: Z.map((t) => {
-					let n = x === t.id;
-					return /* @__PURE__ */ N("div", {
+					let n = C === t.id;
+					return /* @__PURE__ */ P("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
-						children: [/* @__PURE__ */ N("button", {
+						children: [/* @__PURE__ */ P("button", {
 							type: "button",
-							onClick: () => de(t.id),
+							onClick: () => ce(t.id),
 							className: "flex w-full items-start justify-between gap-3 px-4 py-4 text-left hover:bg-accent/50 transition-colors",
-							children: [/* @__PURE__ */ N("div", {
+							children: [/* @__PURE__ */ P("div", {
 								className: "flex-1 min-w-0",
 								children: [/* @__PURE__ */ N("div", {
 									className: "flex flex-wrap items-center gap-2 mb-1",
-									children: [/* @__PURE__ */ M("span", {
+									children: /* @__PURE__ */ N("span", {
 										className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 										children: t.category
-									}), /* @__PURE__ */ N("span", {
-										className: "inline-flex items-center gap-1 text-xs text-text-secondary",
-										children: [/* @__PURE__ */ M(C, { className: "h-3 w-3" }), t.helpful]
-									})]
-								}), /* @__PURE__ */ M("span", {
+									})
+								}), /* @__PURE__ */ N("span", {
 									className: e("text-sm", n ? "font-semibold text-text-primary" : "font-medium text-text-primary"),
 									children: t.question
 								})]
-							}), M(n ? u : l, { className: "h-4 w-4 text-text-secondary shrink-0 mt-1" })]
-						}), n && /* @__PURE__ */ N("div", {
+							}), N(n ? u : ee, { className: "h-4 w-4 text-text-secondary shrink-0 mt-1" })]
+						}), n && /* @__PURE__ */ P("div", {
 							className: "border-t border-border-subtle px-4 pb-4 pt-3",
-							children: [/* @__PURE__ */ M("p", {
+							children: [/* @__PURE__ */ N("p", {
 								className: "text-sm text-text-secondary leading-relaxed mb-3",
 								children: t.answer
-							}), /* @__PURE__ */ N("div", {
+							}), /* @__PURE__ */ P("div", {
 								className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-								children: [/* @__PURE__ */ M("div", {
+								children: [/* @__PURE__ */ N("div", {
 									className: "flex flex-wrap gap-1.5",
-									children: t.tags.map((e) => /* @__PURE__ */ N("span", {
+									children: t.tags.map((e) => /* @__PURE__ */ P("span", {
 										className: "inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
-										children: [/* @__PURE__ */ M(se, { className: "h-2.5 w-2.5" }), e]
+										children: [/* @__PURE__ */ N(ae, { className: "h-2.5 w-2.5" }), e]
 									}, e))
-								}), /* @__PURE__ */ N("button", {
+								}), O.has(t.id) ? /* @__PURE__ */ P("span", {
+									className: "flex items-center gap-1.5 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle px-3 py-1.5 text-xs font-medium text-status-success-text",
+									children: [/* @__PURE__ */ N(T, { className: "h-3.5 w-3.5" }), "Thanks for your feedback"]
+								}) : /* @__PURE__ */ P("button", {
 									type: "button",
 									onClick: (e) => {
-										e.stopPropagation(), fe(t.id);
+										e.stopPropagation(), le(t.id);
 									},
 									className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-									children: [
-										/* @__PURE__ */ M(C, { className: "h-3.5 w-3.5" }),
-										"Helpful (",
-										t.helpful,
-										")"
-									]
+									children: [/* @__PURE__ */ N(T, { className: "h-3.5 w-3.5" }), "Was this helpful?"]
 								})]
 							})]
 						})]
 					}, t.id);
 				})
-			}) : /* @__PURE__ */ M(n, {
+			}) : /* @__PURE__ */ N(n, {
 				illustration: "empty-search",
 				title: "No FAQs found",
 				description: "Try adjusting your search or browse different categories. If you still can't find an answer, contact support.",
-				action: /* @__PURE__ */ M("button", {
+				action: /* @__PURE__ */ N("button", {
 					type: "button",
 					onClick: () => {
-						m(""), y("");
+						m(""), x("");
 					},
 					className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 					children: "Clear all filters"
 				})
 			})] }),
-			s === "contact" && /* @__PURE__ */ N("div", {
+			c === "contact" && /* @__PURE__ */ P("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h2", {
+					/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("h2", {
 						className: "text-base font-semibold text-text-primary mb-3",
 						children: "Get in Touch"
-					}), /* @__PURE__ */ M("div", {
+					}), /* @__PURE__ */ N("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: F.map((t) => {
+						children: L.map((t) => {
 							let n = t.icon;
-							return /* @__PURE__ */ M("div", {
+							return /* @__PURE__ */ N("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-								children: /* @__PURE__ */ N("div", {
+								children: /* @__PURE__ */ P("div", {
 									className: "flex items-start gap-4",
-									children: [/* @__PURE__ */ M("div", {
+									children: [/* @__PURE__ */ N("div", {
 										className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-bg-sunken",
-										children: /* @__PURE__ */ M(n, { className: "h-6 w-6 text-text-secondary" })
-									}), /* @__PURE__ */ N("div", {
+										children: /* @__PURE__ */ N(n, { className: "h-6 w-6 text-text-secondary" })
+									}), /* @__PURE__ */ P("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ M("h3", {
+											/* @__PURE__ */ N("h3", {
 												className: "text-sm font-semibold text-text-primary",
 												children: t.label
 											}),
-											/* @__PURE__ */ M("p", {
+											/* @__PURE__ */ N("p", {
 												className: "text-sm text-text-primary mt-0.5 break-words",
 												children: t.value
 											}),
-											/* @__PURE__ */ N("div", {
+											/* @__PURE__ */ P("div", {
 												className: "flex items-center gap-1 mt-1 text-xs text-text-secondary",
-												children: [/* @__PURE__ */ M(p, { className: "h-3 w-3" }), t.responseTime]
+												children: [/* @__PURE__ */ N(p, { className: "h-3 w-3" }), t.responseTime]
 											}),
-											/* @__PURE__ */ N("button", {
+											/* @__PURE__ */ P("button", {
 												type: "button",
 												onClick: () => $(t),
 												disabled: !t.available,
 												className: e("mt-3 flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium transition-colors", t.available ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-												children: [t.type === "chat" ? "Start Chat" : t.type === "email" ? "Send Email" : "Contact", /* @__PURE__ */ M(te, { className: "h-3.5 w-3.5" })]
+												children: [t.type === "chat" ? "Coming soon" : t.type === "email" ? "Send Email" : "Contact", t.available && /* @__PURE__ */ N(te, { className: "h-3.5 w-3.5" })]
 											})
 										]
 									})]
@@ -759,36 +752,36 @@ function H() {
 							}, t.type);
 						})
 					})] }),
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ P("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface",
-						children: [/* @__PURE__ */ N("div", {
+						children: [/* @__PURE__ */ P("div", {
 							className: "flex items-center justify-between border-b border-border-subtle px-5 py-4",
-							children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h2", {
+							children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("h2", {
 								className: "text-base font-semibold text-text-primary",
 								children: "Submit a Support Ticket"
-							}), /* @__PURE__ */ M("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-xs text-text-secondary mt-0.5",
 								children: "Can't find your answer? Create a ticket and our team will help."
-							})] }), /* @__PURE__ */ N("button", {
+							})] }), /* @__PURE__ */ P("button", {
 								type: "button",
-								onClick: () => H(!A),
+								onClick: () => W(!M),
 								className: "flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-								children: [/* @__PURE__ */ M(w, { className: "h-4 w-4" }), A ? "Close" : "New Ticket"]
+								children: [/* @__PURE__ */ N(E, { className: "h-4 w-4" }), M ? "Close" : "New Ticket"]
 							})]
-						}), A && /* @__PURE__ */ N("div", {
+						}), M && /* @__PURE__ */ P("div", {
 							className: "p-5 space-y-4",
 							children: [
-								q && /* @__PURE__ */ N("div", {
+								q && /* @__PURE__ */ P("div", {
 									className: "flex items-center gap-2 rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-									children: [/* @__PURE__ */ M(ee, { className: "h-4 w-4 shrink-0" }), q]
+									children: [/* @__PURE__ */ N(o, { className: "h-4 w-4 shrink-0" }), q]
 								}),
-								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("label", {
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Subject ", /* @__PURE__ */ M("span", {
+									children: ["Subject ", /* @__PURE__ */ N("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})]
-								}), /* @__PURE__ */ M("input", {
+								}), /* @__PURE__ */ N("input", {
 									type: "text",
 									value: Y.subject,
 									onChange: (e) => X((t) => ({
@@ -798,32 +791,32 @@ function H() {
 									placeholder: "Brief description of your issue",
 									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__ */ N("div", {
+								/* @__PURE__ */ P("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("label", {
+									children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["Category ", /* @__PURE__ */ M("span", {
+										children: ["Category ", /* @__PURE__ */ N("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})]
-									}), /* @__PURE__ */ N("select", {
+									}), /* @__PURE__ */ P("select", {
 										value: Y.category,
 										onChange: (e) => X((t) => ({
 											...t,
 											category: 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__ */ M("option", {
+										children: [/* @__PURE__ */ N("option", {
 											value: "",
 											children: "Select category"
-										}), P.map((e) => /* @__PURE__ */ M("option", {
+										}), F.map((e) => /* @__PURE__ */ N("option", {
 											value: e,
 											children: e
 										}, e))]
-									})] }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
+									})] }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: "Priority"
-									}), /* @__PURE__ */ N("select", {
+									}), /* @__PURE__ */ P("select", {
 										value: Y.priority,
 										onChange: (e) => X((t) => ({
 											...t,
@@ -831,32 +824,32 @@ function H() {
 										})),
 										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__ */ M("option", {
+											/* @__PURE__ */ N("option", {
 												value: "low",
 												children: "Low"
 											}),
-											/* @__PURE__ */ M("option", {
+											/* @__PURE__ */ N("option", {
 												value: "medium",
 												children: "Medium"
 											}),
-											/* @__PURE__ */ M("option", {
+											/* @__PURE__ */ N("option", {
 												value: "high",
 												children: "High"
 											}),
-											/* @__PURE__ */ M("option", {
+											/* @__PURE__ */ N("option", {
 												value: "urgent",
 												children: "Urgent"
 											})
 										]
 									})] })]
 								}),
-								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("label", {
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ P("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Description ", /* @__PURE__ */ M("span", {
+									children: ["Description ", /* @__PURE__ */ N("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})]
-								}), /* @__PURE__ */ M("textarea", {
+								}), /* @__PURE__ */ N("textarea", {
 									rows: 5,
 									value: Y.description,
 									onChange: (e) => X((t) => ({
@@ -866,36 +859,35 @@ function H() {
 									placeholder: "Please describe your issue in detail...",
 									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__ */ N("div", {
+								/* @__PURE__ */ P("div", {
 									className: "rounded-lg bg-[var(--color-accent-soft)] border border-border-focus/20 p-4",
-									children: [/* @__PURE__ */ N("div", {
+									children: [/* @__PURE__ */ P("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ M(ae, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ M("h4", {
+										children: [/* @__PURE__ */ N(g, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ N("h4", {
 											className: "text-sm font-medium text-text-primary",
 											children: "Tips for faster resolution"
 										})]
-									}), /* @__PURE__ */ N("ul", {
+									}), /* @__PURE__ */ P("ul", {
 										className: "text-xs text-text-primary space-y-1 ml-6 list-disc",
 										children: [
-											/* @__PURE__ */ M("li", { children: "Be specific about the issue and include steps to reproduce it" }),
-											/* @__PURE__ */ M("li", { children: "Include relevant order IDs, transaction IDs, or error messages" }),
-											/* @__PURE__ */ M("li", { children: "Mention your device type and app version for technical issues" }),
-											/* @__PURE__ */ M("li", { children: "Attach screenshots if they help illustrate the problem" })
+											/* @__PURE__ */ N("li", { children: "Be specific about the issue and include steps to reproduce it" }),
+											/* @__PURE__ */ N("li", { children: "Include relevant order IDs, transaction IDs, or error messages" }),
+											/* @__PURE__ */ N("li", { children: "Mention your device type and app version for technical issues" }),
+											/* @__PURE__ */ N("li", { children: "Attach screenshots if they help illustrate the problem" })
 										]
 									})]
 								}),
-								/* @__PURE__ */ N("div", {
+								/* @__PURE__ */ P("div", {
 									className: "flex items-center gap-3 pt-1",
-									children: [/* @__PURE__ */ M("button", {
+									children: [/* @__PURE__ */ P("button", {
 										type: "button",
-										onClick: pe,
-										disabled: U,
-										className: e("flex items-center gap-2 rounded-lg px-5 py-2.5 text-sm font-medium text-action-primary-text transition-colors", U ? "bg-action-primary-bg/70 cursor-not-allowed" : "bg-action-primary-bg hover:bg-action-primary-bg/90"),
-										children: U ? /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-primary-foreground/30 border-t-primary-foreground" }), "Submitting..."] }) : /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(b, { className: "h-4 w-4" }), "Submit Ticket"] })
-									}), /* @__PURE__ */ M("button", {
+										onClick: de,
+										className: "flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
+										children: [/* @__PURE__ */ N(S, { className: "h-4 w-4" }), "Email Support"]
+									}), /* @__PURE__ */ N("button", {
 										type: "button",
 										onClick: () => {
-											H(!1), J("");
+											W(!1), J("");
 										},
 										className: "rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 										children: "Cancel"
@@ -904,93 +896,93 @@ function H() {
 							]
 						})]
 					}),
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ P("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ N("div", {
+						children: [/* @__PURE__ */ P("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-							children: [/* @__PURE__ */ N("div", {
+							children: [/* @__PURE__ */ P("div", {
 								className: "flex items-center gap-2 mb-3",
-								children: [/* @__PURE__ */ M(p, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ M("h3", {
+								children: [/* @__PURE__ */ N(p, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ N("h3", {
 									className: "text-sm font-semibold text-text-primary",
 									children: "Support Hours"
 								})]
-							}), /* @__PURE__ */ N("div", {
+							}), /* @__PURE__ */ P("div", {
 								className: "space-y-2 text-sm",
 								children: [
-									/* @__PURE__ */ N("div", {
+									/* @__PURE__ */ P("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ M("span", {
+										children: [/* @__PURE__ */ N("span", {
 											className: "text-text-secondary",
 											children: "Monday - Friday"
-										}), /* @__PURE__ */ M("span", {
+										}), /* @__PURE__ */ N("span", {
 											className: "font-medium text-text-primary",
 											children: "9:00 AM - 9:00 PM IST"
 										})]
 									}),
-									/* @__PURE__ */ N("div", {
+									/* @__PURE__ */ P("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ M("span", {
+										children: [/* @__PURE__ */ N("span", {
 											className: "text-text-secondary",
 											children: "Saturday"
-										}), /* @__PURE__ */ M("span", {
+										}), /* @__PURE__ */ N("span", {
 											className: "font-medium text-text-primary",
 											children: "10:00 AM - 6:00 PM IST"
 										})]
 									}),
-									/* @__PURE__ */ N("div", {
+									/* @__PURE__ */ P("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ M("span", {
+										children: [/* @__PURE__ */ N("span", {
 											className: "text-text-secondary",
 											children: "Sunday"
-										}), /* @__PURE__ */ M("span", {
+										}), /* @__PURE__ */ N("span", {
 											className: "font-medium text-text-primary",
 											children: "Closed"
 										})]
 									}),
-									/* @__PURE__ */ N("div", {
+									/* @__PURE__ */ P("div", {
 										className: "flex justify-between pt-2 border-t border-border-subtle",
-										children: [/* @__PURE__ */ M("span", {
+										children: [/* @__PURE__ */ N("span", {
 											className: "text-text-secondary",
 											children: "Email Support"
-										}), /* @__PURE__ */ M("span", {
+										}), /* @__PURE__ */ N("span", {
 											className: "font-medium text-text-primary",
 											children: "24/7"
 										})]
 									})
 								]
 							})]
-						}), /* @__PURE__ */ N("div", {
+						}), /* @__PURE__ */ P("div", {
 							className: "rounded-lg border border-status-error-text/20 bg-status-error-bg-subtle p-5",
 							children: [
-								/* @__PURE__ */ N("div", {
+								/* @__PURE__ */ P("div", {
 									className: "flex items-center gap-2 mb-3",
-									children: [/* @__PURE__ */ M(o, { className: "h-5 w-5 text-status-error-text" }), /* @__PURE__ */ M("h3", {
+									children: [/* @__PURE__ */ N(s, { className: "h-5 w-5 text-status-error-text" }), /* @__PURE__ */ N("h3", {
 										className: "text-sm font-semibold text-status-error-text",
 										children: "Emergency Contact"
 									})]
 								}),
-								/* @__PURE__ */ M("p", {
+								/* @__PURE__ */ N("p", {
 									className: "text-sm text-status-error-text mb-3",
 									children: "For urgent issues like safety concerns, fraud, or account compromise:"
 								}),
-								/* @__PURE__ */ N("div", {
+								/* @__PURE__ */ P("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ N("div", {
+									children: [/* @__PURE__ */ P("div", {
 										className: "flex items-center gap-2 text-sm",
 										children: [
-											/* @__PURE__ */ M(v, { className: "h-4 w-4 text-status-error-text" }),
-											/* @__PURE__ */ M("span", {
+											/* @__PURE__ */ N(b, { className: "h-4 w-4 text-status-error-text" }),
+											/* @__PURE__ */ N("span", {
 												className: "font-medium text-status-error-text",
 												children: "+91 80-4012-9999"
 											}),
-											/* @__PURE__ */ M("span", {
+											/* @__PURE__ */ N("span", {
 												className: "text-xs text-status-error-text",
 												children: "(24/7)"
 											})
 										]
-									}), /* @__PURE__ */ N("div", {
+									}), /* @__PURE__ */ P("div", {
 										className: "flex items-center gap-2 text-sm",
-										children: [/* @__PURE__ */ M(h, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ M("span", {
+										children: [/* @__PURE__ */ N(_, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ N("span", {
 											className: "font-medium text-status-error-text",
 											children: "emergency@kadaikodi.com"
 										})]
@@ -999,22 +991,23 @@ function H() {
 							]
 						})]
 					}),
-					/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h2", {
+					/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("h2", {
 						className: "text-base font-semibold text-text-primary mb-3",
 						children: "Popular Articles"
-					}), /* @__PURE__ */ M("div", {
+					}), /* @__PURE__ */ N("div", {
 						className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-						children: L.map((e) => /* @__PURE__ */ N("button", {
+						children: z.map((e) => /* @__PURE__ */ P("button", {
 							type: "button",
+							onClick: () => ue(e.faqCategory),
 							className: "flex items-start gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 text-left hover:bg-accent/50 transition-colors",
-							children: [/* @__PURE__ */ M(ne, { className: "h-5 w-5 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ N("div", {
+							children: [/* @__PURE__ */ N(ne, { className: "h-5 w-5 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ P("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ M("p", {
+								children: [/* @__PURE__ */ N("p", {
 									className: "text-sm font-medium text-text-primary truncate",
 									children: e.title
-								}), /* @__PURE__ */ M("div", {
+								}), /* @__PURE__ */ N("div", {
 									className: "flex items-center gap-2 mt-1",
-									children: /* @__PURE__ */ M("span", {
+									children: /* @__PURE__ */ N("span", {
 										className: "text-xs text-text-secondary",
 										children: e.category
 									})
@@ -1024,104 +1017,104 @@ function H() {
 					})] })
 				]
 			}),
-			s === "tickets" && /* @__PURE__ */ N("div", {
+			c === "tickets" && /* @__PURE__ */ P("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ P("div", {
 						className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
 						children: [
-							/* @__PURE__ */ N("div", {
+							/* @__PURE__ */ P("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
-								children: [/* @__PURE__ */ M("p", {
+								children: [/* @__PURE__ */ N("p", {
 									className: "text-2xl font-bold text-text-primary",
 									children: Q.total
-								}), /* @__PURE__ */ M("p", {
+								}), /* @__PURE__ */ N("p", {
 									className: "text-xs text-text-secondary",
 									children: "Total"
 								})]
 							}),
-							/* @__PURE__ */ N("div", {
+							/* @__PURE__ */ P("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
-								children: [/* @__PURE__ */ M("p", {
+								children: [/* @__PURE__ */ N("p", {
 									className: "text-2xl font-bold text-text-primary",
 									children: Q.open
-								}), /* @__PURE__ */ M("p", {
+								}), /* @__PURE__ */ N("p", {
 									className: "text-xs text-text-secondary",
 									children: "Open"
 								})]
 							}),
-							/* @__PURE__ */ N("div", {
+							/* @__PURE__ */ P("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
-								children: [/* @__PURE__ */ M("p", {
+								children: [/* @__PURE__ */ N("p", {
 									className: "text-2xl font-bold text-status-warning-text",
 									children: Q.inProgress
-								}), /* @__PURE__ */ M("p", {
+								}), /* @__PURE__ */ N("p", {
 									className: "text-xs text-text-secondary",
 									children: "In Progress"
 								})]
 							}),
-							/* @__PURE__ */ N("div", {
+							/* @__PURE__ */ P("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
-								children: [/* @__PURE__ */ M("p", {
+								children: [/* @__PURE__ */ N("p", {
 									className: "text-2xl font-bold text-status-success-text",
 									children: Q.resolved
-								}), /* @__PURE__ */ M("p", {
+								}), /* @__PURE__ */ N("p", {
 									className: "text-xs text-text-secondary",
 									children: "Resolved"
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ P("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ N("p", {
+						children: [/* @__PURE__ */ P("p", {
 							className: "text-sm text-text-secondary",
 							children: [
-								D.length,
+								A.length,
 								" ticket",
-								D.length === 1 ? "" : "s"
+								A.length === 1 ? "" : "s"
 							]
-						}), /* @__PURE__ */ N("button", {
+						}), /* @__PURE__ */ P("button", {
 							type: "button",
 							onClick: () => {
-								H(!0), d("contact");
+								W(!0), d("contact");
 							},
 							className: "flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-							children: [/* @__PURE__ */ M(w, { className: "h-4 w-4" }), "New Ticket"]
+							children: [/* @__PURE__ */ N(E, { className: "h-4 w-4" }), "New Ticket"]
 						})]
 					}),
-					D.length === 0 ? /* @__PURE__ */ M(n, {
+					A.length === 0 ? /* @__PURE__ */ N(n, {
 						illustration: "empty-notifications",
 						title: "No support tickets",
 						description: "You haven't created any support tickets yet. If something needs a human, open one and we'll follow up here.",
-						action: /* @__PURE__ */ N("button", {
+						action: /* @__PURE__ */ P("button", {
 							type: "button",
 							onClick: () => {
-								H(!0), d("contact");
+								W(!0), d("contact");
 							},
 							className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-							children: [/* @__PURE__ */ M(w, { className: "h-4 w-4" }), "Create Your First Ticket"]
+							children: [/* @__PURE__ */ N(E, { className: "h-4 w-4" }), "Create Your First Ticket"]
 						})
-					}) : /* @__PURE__ */ M("div", {
+					}) : /* @__PURE__ */ N("div", {
 						className: "space-y-4",
-						children: D.map((t) => {
-							let n = R(t.status), i = t.responses.length > 0 ? t.responses[t.responses.length - 1] : null;
-							return /* @__PURE__ */ N("div", {
+						children: A.map((t) => {
+							let n = B(t.status), i = t.responses.length > 0 ? t.responses[t.responses.length - 1] : null;
+							return /* @__PURE__ */ P("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
-								children: [/* @__PURE__ */ N("div", {
+								children: [/* @__PURE__ */ P("div", {
 									className: "p-4 sm:p-5",
 									children: [
-										/* @__PURE__ */ N("div", {
+										/* @__PURE__ */ P("div", {
 											className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-											children: [/* @__PURE__ */ N("div", {
+											children: [/* @__PURE__ */ P("div", {
 												className: "flex-1 min-w-0",
-												children: [/* @__PURE__ */ N("div", {
+												children: [/* @__PURE__ */ P("div", {
 													className: "flex items-center gap-2 mb-1",
-													children: [/* @__PURE__ */ M(n, { className: e("h-4 w-4", z(t.status).split(" ").slice(1).join(" ")) }), /* @__PURE__ */ M("h3", {
+													children: [/* @__PURE__ */ N(n, { className: e("h-4 w-4", V(t.status).split(" ").slice(1).join(" ")) }), /* @__PURE__ */ N("h3", {
 														className: "text-sm font-semibold text-text-primary truncate",
 														children: t.subject
 													})]
-												}), /* @__PURE__ */ N("p", {
+												}), /* @__PURE__ */ P("p", {
 													className: "text-xs text-text-secondary",
 													children: [
 														t.category,
@@ -1129,52 +1122,52 @@ function H() {
 														t.id
 													]
 												})]
-											}), /* @__PURE__ */ N("div", {
+											}), /* @__PURE__ */ P("div", {
 												className: "flex flex-wrap gap-2",
-												children: [/* @__PURE__ */ M("span", {
-													className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", B(t.priority)),
+												children: [/* @__PURE__ */ N("span", {
+													className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", H(t.priority)),
 													children: t.priority.toUpperCase()
-												}), /* @__PURE__ */ M("span", {
-													className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", z(t.status)),
-													children: V(t.status)
+												}), /* @__PURE__ */ N("span", {
+													className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", V(t.status)),
+													children: U(t.status)
 												})]
 											})]
 										}),
-										/* @__PURE__ */ M("p", {
+										/* @__PURE__ */ N("p", {
 											className: "text-sm text-text-secondary mt-2 leading-relaxed",
 											children: t.description
 										}),
-										i && /* @__PURE__ */ N("div", {
+										i && /* @__PURE__ */ P("div", {
 											className: "mt-3 rounded-lg bg-bg-sunken/50 border border-border-subtle p-3",
-											children: [/* @__PURE__ */ N("div", {
+											children: [/* @__PURE__ */ P("div", {
 												className: "flex items-center gap-1.5 mb-1",
 												children: [
-													/* @__PURE__ */ M(_, { className: "h-3.5 w-3.5 text-text-secondary" }),
-													/* @__PURE__ */ M("span", {
+													/* @__PURE__ */ N(y, { className: "h-3.5 w-3.5 text-text-secondary" }),
+													/* @__PURE__ */ N("span", {
 														className: "text-xs font-medium text-text-primary",
 														children: i.sender === "support" ? "Support Team" : "You"
 													}),
-													/* @__PURE__ */ N("span", {
+													/* @__PURE__ */ P("span", {
 														className: "text-xs text-text-secondary",
 														children: ["· ", r(i.timestamp)]
 													})
 												]
-											}), /* @__PURE__ */ M("p", {
+											}), /* @__PURE__ */ N("p", {
 												className: "text-sm text-text-secondary",
 												children: i.message
 											})]
 										}),
-										t.responses.length === 0 && t.status === "open" && /* @__PURE__ */ N("div", {
+										t.responses.length === 0 && t.status === "open" && /* @__PURE__ */ P("div", {
 											className: "mt-3 flex items-center gap-2 text-xs text-text-secondary",
-											children: [/* @__PURE__ */ M(ie, { className: "h-3.5 w-3.5" }), "Awaiting response from support team"]
+											children: [/* @__PURE__ */ N(h, { className: "h-3.5 w-3.5" }), "Awaiting response from support team"]
 										})
 									]
-								}), /* @__PURE__ */ N("div", {
+								}), /* @__PURE__ */ P("div", {
 									className: "flex flex-col gap-1 border-t border-border-subtle bg-bg-sunken/30 px-4 py-2.5 sm:flex-row sm:items-center sm:justify-between text-xs text-text-secondary",
 									children: [
-										/* @__PURE__ */ N("span", { children: ["Created: ", r(t.createdAt)] }),
-										/* @__PURE__ */ N("span", { children: ["Updated: ", r(t.updatedAt)] }),
-										/* @__PURE__ */ N("span", { children: [
+										/* @__PURE__ */ P("span", { children: ["Created: ", r(t.createdAt)] }),
+										/* @__PURE__ */ P("span", { children: ["Updated: ", r(t.updatedAt)] }),
+										/* @__PURE__ */ P("span", { children: [
 											t.responses.length,
 											" response",
 											t.responses.length === 1 ? "" : "s"
@@ -1186,38 +1179,38 @@ function H() {
 					})
 				]
 			}),
-			/* @__PURE__ */ M("section", {
+			/* @__PURE__ */ N("section", {
 				className: "mt-8 rounded-lg border border-border-subtle bg-bg-sunken/30 p-5",
-				children: /* @__PURE__ */ N("div", {
+				children: /* @__PURE__ */ P("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
-					children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h3", {
+					children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("h3", {
 						className: "text-sm font-semibold text-text-primary mb-1",
 						children: "Still need help?"
-					}), /* @__PURE__ */ M("p", {
+					}), /* @__PURE__ */ N("p", {
 						className: "text-xs text-text-secondary",
 						children: "Our support team is available Monday to Saturday. Average response time is under 4 hours."
-					})] }), /* @__PURE__ */ N("div", {
+					})] }), /* @__PURE__ */ P("div", {
 						className: "flex flex-wrap gap-2",
 						children: [
-							/* @__PURE__ */ N("button", {
+							/* @__PURE__ */ P("button", {
 								type: "button",
-								onClick: () => $(F[0]),
+								onClick: () => $(L[0]),
 								className: "flex items-center gap-1.5 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
-								children: [/* @__PURE__ */ M(h, { className: "h-3.5 w-3.5" }), "Email Us"]
+								children: [/* @__PURE__ */ N(_, { className: "h-3.5 w-3.5" }), "Email Us"]
 							}),
-							/* @__PURE__ */ N("button", {
+							/* @__PURE__ */ P("button", {
 								type: "button",
-								onClick: () => $(F[1]),
+								onClick: () => $(L[1]),
 								className: "flex items-center gap-1.5 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
-								children: [/* @__PURE__ */ M(v, { className: "h-3.5 w-3.5" }), "Call Us"]
+								children: [/* @__PURE__ */ N(b, { className: "h-3.5 w-3.5" }), "Call Us"]
 							}),
-							/* @__PURE__ */ N("button", {
+							/* @__PURE__ */ P("button", {
 								type: "button",
 								onClick: () => {
-									H(!0), d("contact");
+									W(!0), d("contact");
 								},
 								className: "flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-2 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-								children: [/* @__PURE__ */ M(w, { className: "h-3.5 w-3.5" }), "Submit Ticket"]
+								children: [/* @__PURE__ */ N(E, { className: "h-3.5 w-3.5" }), "Submit Ticket"]
 							})
 						]
 					})]
@@ -1227,6 +1220,6 @@ function H() {
 	});
 }
 //#endregion
-export { H as HelpSupportPage };
+export { W as HelpSupportPage };
 
 //# sourceMappingURL=HelpSupportPage.js.map