@burdenoff/microfe-subscriberbot 2026.625.1 → 2026.626.1

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

@@ -1,10 +1,12 @@
 import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.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 te, Circle as u, CircleDot as d, Clock as f, CreditCard as p, ExternalLink as ne, FileText as re, HelpCircle as ie, Info as m, Lightbulb as ae, Mail as h, MessageCircle as g, MessageSquare as _, Phone as v, PhoneCall as y, Search as b, Send as oe, 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 { EmptyState as r } from "../../components/EmptyState.js";
+import { formatDate as i } from "../../utils/formatters.js";
+import { useMemo as a, useState as o } from "react";
+import { AlertCircle as ee, AlertTriangle as s, BookOpen as te, CheckCircle2 as c, ChevronDown as ne, ChevronUp as re, Circle as l, CircleDot as u, Clock as d, CreditCard as f, ExternalLink as ie, FileText as p, HelpCircle as m, Info as ae, Lightbulb as oe, Mail as h, MessageCircle as g, MessageSquare as _, Phone as v, PhoneCall as y, Search as se, Send as ce, Shield as b, ShoppingBag as x, Tag as S, 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 le, PagePurpose as ue } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/common/HelpSupportPage.tsx
 var P = [
 	"Account & Profile",
@@ -15,22 +17,22 @@ var P = [
 	"Technical Issues",
 	"Billing & Refunds",
 	"Privacy & Security"
-], F = [
+], de = [
 	{
 		label: "Getting Started",
-		icon: s,
+		icon: te,
 		description: "New to SubscriberBot? Start here",
 		color: "bg-status-info-bg/10 text-status-info-text"
 	},
 	{
 		label: "Orders & Delivery",
-		icon: S,
+		icon: x,
 		description: "Placing, tracking, and cancelling orders",
 		color: "bg-status-success-bg/10 text-status-success-text"
 	},
 	{
 		label: "Payments & Billing",
-		icon: p,
+		icon: f,
 		description: "Payment methods, refunds, and invoices",
 		color: "bg-accent-purple-subtle text-accent-purple"
 	},
@@ -60,17 +62,17 @@ var P = [
 	},
 	{
 		label: "Security & Privacy",
-		icon: x,
+		icon: b,
 		description: "Data protection and safety",
 		color: "bg-status-error-bg/10 text-status-error-text"
 	},
 	{
 		label: "Technical Issues",
-		icon: o,
+		icon: s,
 		description: "App issues and troubleshooting",
 		color: "bg-status-warning-bg/10 text-status-warning-text"
 	}
-], I = [
+], F = [
 	{
 		type: "email",
 		label: "Email Support",
@@ -103,7 +105,7 @@ var P = [
 		responseTime: "2-4 hours",
 		icon: _
 	}
-], ce = [
+], fe = [
 	{
 		id: "faq-001",
 		category: "Account & Profile",
@@ -360,7 +362,7 @@ var P = [
 			"data"
 		]
 	}
-], le = [
+], I = [
 	{
 		id: "ticket-001",
 		subject: "Payment failed but amount deducted",
@@ -472,15 +474,15 @@ var P = [
 		views: 4321
 	}
 ];
-function ue(e) {
+function R(e) {
 	switch (e) {
-		case "open": return u;
-		case "in-progress": return d;
+		case "open": return l;
+		case "in-progress": return u;
 		case "resolved": return c;
 		case "closed": return A;
 	}
 }
-function R(e) {
+function z(e) {
 	switch (e) {
 		case "open": return "bg-status-info-bg/10 text-status-info-text";
 		case "in-progress": return "bg-status-warning-bg/10 text-status-warning-text";
@@ -488,7 +490,7 @@ function R(e) {
 		case "closed": return "bg-bg-sunken text-text-secondary";
 	}
 }
-function z(e) {
+function B(e) {
 	switch (e) {
 		case "urgent": return "bg-status-error-bg/10 text-status-error-text";
 		case "high": return "bg-status-warning-bg/10 text-status-warning-text";
@@ -496,31 +498,31 @@ function z(e) {
 		case "low": return "bg-bg-sunken text-text-secondary";
 	}
 }
-function B(e) {
+function pe(e) {
 	return e.replace("-", " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
 function V() {
-	let { currentUser: s } = e(), [u, d] = a("faq"), [p, g] = a(""), [y, x] = a(""), [S, T] = a(null), [E, D] = a(ce), [O, A] = a(le), [V, H] = a(!1), [U, W] = a(!1), [G, K] = a(""), [q, J] = a(""), [Y, X] = a({
+	let { currentUser: te } = e(), [l, u] = o("faq"), [f, g] = o(""), [y, b] = o(""), [x, T] = o(null), [E, D] = o(fe), [O, A] = o(I), [V, H] = o(!1), [U, W] = o(!1), [G, K] = o(""), [q, J] = o(""), [Y, X] = o({
 		subject: "",
 		category: "",
 		priority: "medium",
 		description: ""
-	}), Z = i(() => E.filter((e) => {
-		let t = !p || e.question.toLowerCase().includes(p.toLowerCase()) || e.answer.toLowerCase().includes(p.toLowerCase()) || e.tags.some((e) => e.toLowerCase().includes(p.toLowerCase())), n = !y || e.category === y;
+	}), Z = a(() => E.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 = !y || e.category === y;
 		return t && n;
 	}), [
 		E,
-		p,
+		f,
 		y
-	]), Q = i(() => ({
+	]), Q = a(() => ({
 		open: O.filter((e) => e.status === "open").length,
 		inProgress: O.filter((e) => e.status === "in-progress").length,
 		resolved: O.filter((e) => e.status === "resolved").length,
 		closed: O.filter((e) => e.status === "closed").length,
 		total: O.length
-	}), [O]), de = (e) => {
+	}), [O]), me = (e) => {
 		T((t) => t === e ? null : e);
-	}, fe = (e) => {
+	}, he = (e) => {
 		D((t) => t.map((t) => t.id === e ? {
 			...t,
 			helpful: t.helpful + 1
@@ -540,7 +542,7 @@ function V() {
 				alert("Live chat will be available soon!");
 				break;
 		}
-	}, pe = () => {
+	}, ge = () => {
 		if (J(""), K(""), !Y.subject.trim()) {
 			J("Please enter a subject for your ticket.");
 			return;
@@ -570,13 +572,13 @@ function V() {
 				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);
+			}), W(!1), H(!1), K("Support ticket created successfully! Our team will respond within 24 hours."), u("tickets"), setTimeout(() => K(""), 5e3);
 		}, 1e3);
-	}, me = [
+	}, _e = [
 		{
 			id: "faq",
 			label: "FAQ",
-			icon: ie
+			icon: m
 		},
 		{
 			id: "contact",
@@ -593,6 +595,11 @@ function V() {
 		title: "Help & Support",
 		description: "Find answers, contact support, or track your requests",
 		children: [
+			/* @__PURE__ */ M(ue, {
+				icon: /* @__PURE__ */ M(m, { className: "h-4 w-4" }),
+				className: "mb-6",
+				children: "Stuck on something? Start here. Search the FAQ and help articles for a quick answer, raise a support ticket if you need a hand, and track the status of requests you've already sent. Most questions are answered in seconds without ever needing to wait on a reply."
+			}),
 			G && /* @__PURE__ */ N("div", {
 				className: "mb-4 flex items-center gap-2 rounded-lg border border-status-success-border/30 bg-status-success-bg/10 px-4 py-3 text-sm text-status-success-text",
 				children: [
@@ -606,22 +613,22 @@ function V() {
 					})
 				]
 			}),
-			/* @__PURE__ */ M("section", {
+			/* @__PURE__ */ M(le, {
 				className: "mb-6",
 				children: /* @__PURE__ */ N("div", {
 					className: "relative",
 					children: [
-						/* @__PURE__ */ M(b, { className: "absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-text-secondary" }),
+						/* @__PURE__ */ M(se, { className: "absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-text-secondary" }),
 						/* @__PURE__ */ M("input", {
 							type: "text",
-							value: p,
+							value: f,
 							onChange: (e) => {
-								g(e.target.value), u !== "faq" && d("faq");
+								g(e.target.value), l !== "faq" && u("faq");
 							},
 							placeholder: "Search help articles, FAQs, and more...",
 							className: "w-full rounded-lg border border-border-seam 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)]"
 						}),
-						p && /* @__PURE__ */ M("button", {
+						f && /* @__PURE__ */ M("button", {
 							type: "button",
 							onClick: () => g(""),
 							className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
@@ -637,12 +644,12 @@ function V() {
 					children: "Browse Help Topics"
 				}), /* @__PURE__ */ M("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-					children: F.map((e) => {
+					children: de.map((e) => {
 						let n = e.icon;
 						return /* @__PURE__ */ N("button", {
 							type: "button",
 							onClick: () => {
-								x(e.label === y ? "" : e.label), d("faq");
+								b(e.label === y ? "" : e.label), u("faq");
 							},
 							className: t("flex items-start gap-3 rounded-lg border bg-bg-surface p-4 text-left transition-all hover:shadow-sm", y === e.label ? "border-primary ring-1 ring-primary" : "border-border-seam"),
 							children: [/* @__PURE__ */ M("div", {
@@ -663,12 +670,12 @@ function V() {
 				className: "mb-6",
 				children: /* @__PURE__ */ M("div", {
 					className: "flex space-x-1 bg-bg-sunken p-1 rounded-lg w-full sm:w-fit",
-					children: me.map((e) => {
+					children: _e.map((e) => {
 						let n = e.icon;
 						return /* @__PURE__ */ N("button", {
 							type: "button",
-							onClick: () => d(e.id),
-							className: t("flex flex-1 sm:flex-none items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", u === e.id ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
+							onClick: () => u(e.id),
+							className: t("flex flex-1 sm:flex-none items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", l === e.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: e.label }),
@@ -681,7 +688,7 @@ function V() {
 					})
 				})
 			}),
-			u === "faq" && /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("div", {
+			l === "faq" && /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("div", {
 				className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
 				children: [/* @__PURE__ */ N("p", {
 					className: "text-sm text-text-secondary",
@@ -699,7 +706,7 @@ function V() {
 							}),
 							/* @__PURE__ */ M("button", {
 								type: "button",
-								onClick: () => x(""),
+								onClick: () => b(""),
 								className: "ml-1 text-primary hover:underline",
 								children: "(clear)"
 							})
@@ -707,7 +714,7 @@ function V() {
 					]
 				}), /* @__PURE__ */ N("select", {
 					value: y,
-					onChange: (e) => x(e.target.value),
+					onChange: (e) => b(e.target.value),
 					className: "rounded-lg border border-border-seam 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", {
 						value: "",
@@ -720,12 +727,12 @@ function V() {
 			}), Z.length > 0 ? /* @__PURE__ */ M("div", {
 				className: "space-y-3",
 				children: Z.map((e) => {
-					let n = S === e.id;
+					let n = x === e.id;
 					return /* @__PURE__ */ N("div", {
 						className: "rounded-lg border border-border-seam bg-bg-surface overflow-hidden",
 						children: [/* @__PURE__ */ N("button", {
 							type: "button",
-							onClick: () => de(e.id),
+							onClick: () => me(e.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", {
 								className: "flex-1 min-w-0",
@@ -742,7 +749,7 @@ function V() {
 									className: t("text-sm", n ? "font-semibold text-text-primary" : "font-medium text-text-primary"),
 									children: e.question
 								})]
-							}), M(n ? te : l, { className: "h-4 w-4 text-text-secondary shrink-0 mt-1" })]
+							}), M(n ? re : ne, { className: "h-4 w-4 text-text-secondary shrink-0 mt-1" })]
 						}), n && /* @__PURE__ */ N("div", {
 							className: "border-t border-border-seam px-4 pb-4 pt-3",
 							children: [/* @__PURE__ */ M("p", {
@@ -754,12 +761,12 @@ function V() {
 									className: "flex flex-wrap gap-1.5",
 									children: e.tags.map((e) => /* @__PURE__ */ N("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__ */ M(S, { className: "h-2.5 w-2.5" }), e]
 									}, e))
 								}), /* @__PURE__ */ N("button", {
 									type: "button",
 									onClick: (t) => {
-										t.stopPropagation(), fe(e.id);
+										t.stopPropagation(), he(e.id);
 									},
 									className: "flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
 									children: [
@@ -773,29 +780,20 @@ function V() {
 						})]
 					}, e.id);
 				})
-			}) : /* @__PURE__ */ N("div", {
-				className: "flex flex-col items-center justify-center rounded-lg border border-border-seam bg-bg-surface py-12",
-				children: [
-					/* @__PURE__ */ M(b, { className: "h-12 w-12 text-text-secondary/50 mb-3" }),
-					/* @__PURE__ */ M("h3", {
-						className: "text-base font-semibold text-text-primary mb-1",
-						children: "No FAQs found"
-					}),
-					/* @__PURE__ */ M("p", {
-						className: "text-sm text-text-secondary mb-3",
-						children: "Try adjusting your search or browse different categories"
-					}),
-					/* @__PURE__ */ M("button", {
-						type: "button",
-						onClick: () => {
-							g(""), x("");
-						},
-						className: "text-sm font-medium text-primary hover:underline",
-						children: "Clear all filters"
-					})
-				]
+			}) : /* @__PURE__ */ M(r, {
+				illustration: "empty-search",
+				title: "No FAQs found",
+				description: "Try adjusting your search or browse different categories.",
+				action: /* @__PURE__ */ M("button", {
+					type: "button",
+					onClick: () => {
+						g(""), b("");
+					},
+					className: "text-sm font-medium text-primary hover:underline",
+					children: "Clear all filters"
+				})
 			})] }),
-			u === "contact" && /* @__PURE__ */ N("div", {
+			l === "contact" && /* @__PURE__ */ N("div", {
 				className: "space-y-6",
 				children: [
 					/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h2", {
@@ -803,7 +801,7 @@ function V() {
 						children: "Get in Touch"
 					}), /* @__PURE__ */ M("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: I.map((e) => {
+						children: F.map((e) => {
 							let n = e.icon;
 							return /* @__PURE__ */ M("div", {
 								className: "rounded-lg border border-border-seam bg-bg-surface p-5",
@@ -825,14 +823,14 @@ function V() {
 											}),
 											/* @__PURE__ */ N("div", {
 												className: "flex items-center gap-1 mt-1 text-xs text-text-secondary",
-												children: [/* @__PURE__ */ M(f, { className: "h-3 w-3" }), e.responseTime]
+												children: [/* @__PURE__ */ M(d, { className: "h-3 w-3" }), e.responseTime]
 											}),
 											/* @__PURE__ */ N("button", {
 												type: "button",
 												onClick: () => $(e),
 												disabled: !e.available,
 												className: t("mt-3 flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium transition-colors", e.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: [e.type === "chat" ? "Start Chat" : e.type === "email" ? "Send Email" : "Contact", /* @__PURE__ */ M(ne, { className: "h-3.5 w-3.5" })]
+												children: [e.type === "chat" ? "Start Chat" : e.type === "email" ? "Send Email" : "Contact", /* @__PURE__ */ M(ie, { className: "h-3.5 w-3.5" })]
 											})
 										]
 									})]
@@ -951,7 +949,7 @@ function V() {
 									className: "rounded-lg bg-status-info-bg/5 border border-status-info-border/20 p-4",
 									children: [/* @__PURE__ */ N("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ M(ae, { className: "h-4 w-4 text-status-info-text" }), /* @__PURE__ */ M("h4", {
+										children: [/* @__PURE__ */ M(oe, { className: "h-4 w-4 text-status-info-text" }), /* @__PURE__ */ M("h4", {
 											className: "text-sm font-medium text-status-info-text",
 											children: "Tips for faster resolution"
 										})]
@@ -969,10 +967,10 @@ function V() {
 									className: "flex items-center gap-3 pt-1",
 									children: [/* @__PURE__ */ M("button", {
 										type: "button",
-										onClick: pe,
+										onClick: ge,
 										disabled: U,
 										className: t("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(oe, { className: "h-4 w-4" }), "Submit Ticket"] })
+										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(ce, { className: "h-4 w-4" }), "Submit Ticket"] })
 									}), /* @__PURE__ */ M("button", {
 										type: "button",
 										onClick: () => {
@@ -991,7 +989,7 @@ function V() {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-5",
 							children: [/* @__PURE__ */ N("div", {
 								className: "flex items-center gap-2 mb-3",
-								children: [/* @__PURE__ */ M(f, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ M("h3", {
+								children: [/* @__PURE__ */ M(d, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ M("h3", {
 									className: "text-sm font-semibold text-text-primary",
 									children: "Support Hours"
 								})]
@@ -1045,7 +1043,7 @@ function V() {
 							children: [
 								/* @__PURE__ */ N("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__ */ M(s, { className: "h-5 w-5 text-status-error-text" }), /* @__PURE__ */ M("h3", {
 										className: "text-sm font-semibold text-status-error-text",
 										children: "Emergency Contact"
 									})]
@@ -1088,7 +1086,7 @@ function V() {
 						children: L.map((e) => /* @__PURE__ */ N("button", {
 							type: "button",
 							className: "flex items-start gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left hover:bg-accent/50 transition-colors",
-							children: [/* @__PURE__ */ M(re, { className: "h-5 w-5 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ N("div", {
+							children: [/* @__PURE__ */ M(p, { className: "h-5 w-5 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ N("div", {
 								className: "min-w-0",
 								children: [/* @__PURE__ */ M("p", {
 									className: "text-sm font-medium text-text-primary truncate",
@@ -1108,7 +1106,7 @@ function V() {
 					})] })
 				]
 			}),
-			u === "tickets" && /* @__PURE__ */ N("div", {
+			l === "tickets" && /* @__PURE__ */ N("div", {
 				className: "space-y-4",
 				children: [
 					/* @__PURE__ */ N("div", {
@@ -1168,7 +1166,7 @@ function V() {
 						}), /* @__PURE__ */ N("button", {
 							type: "button",
 							onClick: () => {
-								H(!0), d("contact");
+								H(!0), u("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"]
@@ -1189,7 +1187,7 @@ function V() {
 							/* @__PURE__ */ M("button", {
 								type: "button",
 								onClick: () => {
-									H(!0), d("contact");
+									H(!0), u("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: "Create Your First Ticket"
@@ -1198,7 +1196,7 @@ function V() {
 					}) : /* @__PURE__ */ M("div", {
 						className: "space-y-4",
 						children: O.map((e) => {
-							let n = ue(e.status), i = e.responses.length > 0 ? e.responses[e.responses.length - 1] : null;
+							let n = R(e.status), r = e.responses.length > 0 ? e.responses[e.responses.length - 1] : null;
 							return /* @__PURE__ */ N("div", {
 								className: "rounded-lg border border-border-seam bg-bg-surface overflow-hidden",
 								children: [/* @__PURE__ */ N("div", {
@@ -1210,7 +1208,7 @@ function V() {
 												className: "flex-1 min-w-0",
 												children: [/* @__PURE__ */ N("div", {
 													className: "flex items-center gap-2 mb-1",
-													children: [/* @__PURE__ */ M(n, { className: t("h-4 w-4", R(e.status).split(" ").slice(1).join(" ")) }), /* @__PURE__ */ M("h3", {
+													children: [/* @__PURE__ */ M(n, { className: t("h-4 w-4", z(e.status).split(" ").slice(1).join(" ")) }), /* @__PURE__ */ M("h3", {
 														className: "text-sm font-semibold text-text-primary truncate",
 														children: e.subject
 													})]
@@ -1225,11 +1223,11 @@ function V() {
 											}), /* @__PURE__ */ N("div", {
 												className: "flex flex-wrap gap-2",
 												children: [/* @__PURE__ */ M("span", {
-													className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", z(e.priority)),
+													className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", B(e.priority)),
 													children: e.priority.toUpperCase()
 												}), /* @__PURE__ */ M("span", {
-													className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", R(e.status)),
-													children: B(e.status)
+													className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", z(e.status)),
+													children: pe(e.status)
 												})]
 											})]
 										}),
@@ -1237,7 +1235,7 @@ function V() {
 											className: "text-sm text-text-secondary mt-2 leading-relaxed",
 											children: e.description
 										}),
-										i && /* @__PURE__ */ N("div", {
+										r && /* @__PURE__ */ N("div", {
 											className: "mt-3 rounded-lg bg-bg-sunken/50 border border-border-seam p-3",
 											children: [/* @__PURE__ */ N("div", {
 												className: "flex items-center gap-1.5 mb-1",
@@ -1245,28 +1243,28 @@ function V() {
 													/* @__PURE__ */ M(_, { className: "h-3.5 w-3.5 text-text-secondary" }),
 													/* @__PURE__ */ M("span", {
 														className: "text-xs font-medium text-text-primary",
-														children: i.sender === "support" ? "Support Team" : "You"
+														children: r.sender === "support" ? "Support Team" : "You"
 													}),
 													/* @__PURE__ */ N("span", {
 														className: "text-xs text-text-secondary",
-														children: ["· ", r(i.timestamp)]
+														children: ["· ", i(r.timestamp)]
 													})
 												]
 											}), /* @__PURE__ */ M("p", {
 												className: "text-sm text-text-secondary",
-												children: i.message
+												children: r.message
 											})]
 										}),
 										e.responses.length === 0 && e.status === "open" && /* @__PURE__ */ N("div", {
 											className: "mt-3 flex items-center gap-2 text-xs text-text-secondary",
-											children: [/* @__PURE__ */ M(m, { className: "h-3.5 w-3.5" }), "Awaiting response from support team"]
+											children: [/* @__PURE__ */ M(ae, { className: "h-3.5 w-3.5" }), "Awaiting response from support team"]
 										})
 									]
 								}), /* @__PURE__ */ N("div", {
 									className: "flex flex-col gap-1 border-t border-border-seam 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(e.createdAt)] }),
-										/* @__PURE__ */ N("span", { children: ["Updated: ", r(e.updatedAt)] }),
+										/* @__PURE__ */ N("span", { children: ["Created: ", i(e.createdAt)] }),
+										/* @__PURE__ */ N("span", { children: ["Updated: ", i(e.updatedAt)] }),
 										/* @__PURE__ */ N("span", { children: [
 											e.responses.length,
 											" response",
@@ -1294,20 +1292,20 @@ function V() {
 						children: [
 							/* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: () => $(I[0]),
+								onClick: () => $(F[0]),
 								className: "flex items-center gap-1.5 rounded-lg border border-border-seam 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"]
 							}),
 							/* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: () => $(I[1]),
+								onClick: () => $(F[1]),
 								className: "flex items-center gap-1.5 rounded-lg border border-border-seam 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"]
 							}),
 							/* @__PURE__ */ N("button", {
 								type: "button",
 								onClick: () => {
-									H(!0), d("contact");
+									H(!0), u("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"]