@burdenoff/microfe-kadaikodi 2026.626.2 → 2026.704.2

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

@@ -1,14 +1,13 @@
-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 { useMemo as a, useState as o } from "react";
-import { AlertCircle as s, AlertTriangle as c, BookOpen as ee, CheckCircle2 as l, ChevronDown as te, ChevronUp as ne, Circle as u, CircleDot as d, Clock as f, CreditCard as p, ExternalLink as re, FileText as ie, HelpCircle as ae, Info as oe, Lightbulb as se, Mail as m, MessageCircle as h, MessageSquare as g, Phone as _, PhoneCall as v, Search as ce, Send as le, Shield as y, ShoppingBag as b, Tag as x, ThumbsUp as S, Ticket as C, TrendingUp as w, Truck as T, User as E, Wrench as D, X as O, XCircle as k } from "lucide-react";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { EmphasisPanel as ue, PagePurpose as de } from "@burdenoff/fe-libs/ui";
+import { cn as e } from "../../utils/cn.js";
+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";
 //#region src/kadaikodi/pages/common/HelpSupportPage.tsx
-var N = [
+var P = [
 	"Account & Profile",
 	"Orders & Payments",
 	"Cart Owners",
@@ -17,69 +16,69 @@ var N = [
 	"Technical Issues",
 	"Billing & Refunds",
 	"Privacy & Security"
-], fe = [
+], ue = [
 	{
 		label: "Getting Started",
-		icon: ee,
+		icon: s,
 		description: "New to Kadaikodi? Start here",
 		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
 		label: "Orders & Delivery",
-		icon: b,
+		icon: S,
 		description: "Placing, tracking, and cancelling orders",
 		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
 	{
 		label: "Payments & Billing",
-		icon: p,
+		icon: m,
 		description: "Payment methods, refunds, and invoices",
 		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	{
 		label: "Account & Profile",
-		icon: E,
+		icon: D,
 		description: "Manage your account and settings",
 		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	},
 	{
 		label: "Cart Owners",
-		icon: D,
+		icon: O,
 		description: "Running your cart business",
 		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
 	{
 		label: "Workers & Delivery",
-		icon: T,
+		icon: E,
 		description: "Delivery partner information",
 		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	{
 		label: "Investments",
-		icon: w,
+		icon: T,
 		description: "Investment opportunities and returns",
 		color: "bg-status-success-bg-subtle text-status-success-text"
 	},
 	{
 		label: "Security & Privacy",
-		icon: y,
+		icon: x,
 		description: "Data protection and safety",
 		color: "bg-status-error-bg-subtle text-status-error-text"
 	},
 	{
 		label: "Technical Issues",
-		icon: c,
+		icon: o,
 		description: "App issues and troubleshooting",
 		color: "bg-status-warning-bg-subtle text-status-warning-text"
 	}
-], P = [
+], F = [
 	{
 		type: "email",
 		label: "Email Support",
 		value: "support@kadaikodi.com",
 		available: !0,
 		responseTime: "Within 24 hours",
-		icon: m
+		icon: h
 	},
 	{
 		type: "phone",
@@ -87,7 +86,7 @@ var N = [
 		value: "+91 80-4012-3456",
 		available: !0,
 		responseTime: "9 AM - 9 PM IST",
-		icon: v
+		icon: y
 	},
 	{
 		type: "chat",
@@ -95,7 +94,7 @@ var N = [
 		value: "Start a conversation",
 		available: !0,
 		responseTime: "Instant response",
-		icon: h
+		icon: g
 	},
 	{
 		type: "whatsapp",
@@ -103,15 +102,15 @@ var N = [
 		value: "+91 98765-43210",
 		available: !0,
 		responseTime: "2-4 hours",
-		icon: g
+		icon: _
 	}
-], F = [
+], I = [
 	{
 		id: "faq-001",
 		category: "Account & Profile",
 		question: "How do I create an account on Kadaikodi?",
 		answer: "You can create an account by clicking the \"Sign Up\" button on the homepage. You'll need to provide your name, email address, phone number, and choose your role (Customer, Cart Owner, Worker, or Investor). After verification via OTP, your account will be activated immediately.",
-		helpful: 142,
+		helpful: 0,
 		tags: [
 			"account",
 			"signup",
@@ -123,7 +122,7 @@ var N = [
 		category: "Account & Profile",
 		question: "How can I change my password?",
 		answer: "Go to Settings > Security > Change Password. You'll need to enter your current password and then your new password twice to confirm. Make sure your new password is at least 8 characters long and includes a mix of letters, numbers, and symbols for better security.",
-		helpful: 89,
+		helpful: 0,
 		tags: [
 			"password",
 			"security",
@@ -135,7 +134,7 @@ var N = [
 		category: "Account & Profile",
 		question: "Can I switch my account role?",
 		answer: "Yes, you can request a role change from Settings > Profile > Account Role. Switching from Customer to Cart Owner or Worker requires additional verification. The process typically takes 2-3 business days. You can hold multiple roles simultaneously.",
-		helpful: 56,
+		helpful: 0,
 		tags: [
 			"role",
 			"account",
@@ -147,7 +146,7 @@ var N = [
 		category: "Orders & Payments",
 		question: "What payment methods are accepted?",
 		answer: "We accept various payment methods including UPI (Google Pay, PhonePe, Paytm), credit/debit cards (Visa, Mastercard, RuPay), net banking from all major banks, and digital wallets. Some cart owners also accept cash on delivery for orders under a certain amount.",
-		helpful: 203,
+		helpful: 0,
 		tags: [
 			"payment",
 			"upi",
@@ -160,7 +159,7 @@ var N = [
 		category: "Orders & Payments",
 		question: "How can I track my order in real-time?",
 		answer: "After placing an order, you'll receive a tracking link via SMS and email. You can also track your order in real-time through the app under \"My Orders\" section. The live map shows your delivery partner's location. You'll get push notifications at each stage: confirmed, preparing, picked up, and delivered.",
-		helpful: 156,
+		helpful: 0,
 		tags: [
 			"tracking",
 			"orders",
@@ -173,7 +172,7 @@ var N = [
 		category: "Orders & Payments",
 		question: "How do I cancel or modify an order?",
 		answer: "You can cancel your order from the Order Details page if it hasn't been picked up yet. Go to My Orders > Select Order > Cancel Order. For modifications, contact the cart owner directly through the chat feature. Cancellation before preparation gets a full refund; after preparation, a partial refund may apply.",
-		helpful: 178,
+		helpful: 0,
 		tags: [
 			"cancel",
 			"modify",
@@ -186,7 +185,7 @@ var N = [
 		category: "Cart Owners",
 		question: "How do I register my cart on Kadaikodi?",
 		answer: "To register your cart, sign up as a Cart Owner and complete the verification process. You'll need to provide business details, license documents (FSSAI for food carts, GST if applicable), photos of your cart, and your preferred operating location. Our team will review and approve your application within 2-3 business days.",
-		helpful: 67,
+		helpful: 0,
 		tags: [
 			"cart",
 			"registration",
@@ -199,7 +198,7 @@ var N = [
 		category: "Cart Owners",
 		question: "What commission does Kadaikodi charge?",
 		answer: "Kadaikodi charges a commission of 15-20% on each order, depending on your cart category and monthly order volume. Higher volume cart owners get reduced rates. This includes payment processing, marketing support, customer acquisition, and platform maintenance. You can view the detailed commission structure in your dashboard under \"Finances\".",
-		helpful: 94,
+		helpful: 0,
 		tags: [
 			"commission",
 			"fees",
@@ -212,7 +211,7 @@ var N = [
 		category: "Cart Owners",
 		question: "How do I manage my menu and pricing?",
 		answer: "Go to your Cart Dashboard > Menu Management to add, edit, or remove items. You can set prices, mark items as available/unavailable, add photos and descriptions, create categories, and set up combo offers. Changes are reflected instantly on the platform.",
-		helpful: 72,
+		helpful: 0,
 		tags: [
 			"menu",
 			"pricing",
@@ -225,7 +224,7 @@ var N = [
 		category: "Delivery & Workers",
 		question: "How do I become a delivery worker?",
 		answer: "Apply through the \"Join as Worker\" section on the app. You'll need a valid driving license, vehicle registration (bike/scooter), Aadhaar card, PAN card, and a smartphone with GPS. After document verification and background check (3-5 days), you'll receive online training and can start accepting delivery requests.",
-		helpful: 78,
+		helpful: 0,
 		tags: [
 			"worker",
 			"delivery",
@@ -238,7 +237,7 @@ var N = [
 		category: "Delivery & Workers",
 		question: "How is delivery worker pay calculated?",
 		answer: "Delivery pay includes a base fee per delivery (varies by distance), surge pricing during peak hours, and tips from customers. You also earn bonuses for completing a certain number of deliveries per day/week. Payments are settled daily to your registered bank account.",
-		helpful: 115,
+		helpful: 0,
 		tags: [
 			"pay",
 			"earnings",
@@ -251,7 +250,7 @@ var N = [
 		category: "Investors",
 		question: "What are the minimum investment requirements?",
 		answer: "The minimum investment amount varies by cart and investment type, typically starting from ₹50,000. You can invest in individual carts or diversified portfolios. Expected annual returns range from 12-18%, depending on the cart's performance. All investments are subject to market risk.",
-		helpful: 112,
+		helpful: 0,
 		tags: [
 			"investment",
 			"minimum",
@@ -264,7 +263,7 @@ var N = [
 		category: "Investors",
 		question: "How are returns distributed?",
 		answer: "Returns are distributed monthly based on the cart's revenue performance. You can view detailed performance reports, revenue breakdowns, and ROI analytics in your Investor Dashboard. Funds can be withdrawn to your bank account with a 3-day processing time.",
-		helpful: 98,
+		helpful: 0,
 		tags: [
 			"returns",
 			"distribution",
@@ -277,7 +276,7 @@ var N = [
 		category: "Technical Issues",
 		question: "The app is not working properly. What should I do?",
 		answer: "Try these steps: 1) Close and restart the app, 2) Check your internet connection (try switching between WiFi and mobile data), 3) Update to the latest app version from the app store, 4) Clear app cache from your phone settings, 5) Restart your device. If the issue persists, create a support ticket with details about the problem, your device model, and app version.",
-		helpful: 134,
+		helpful: 0,
 		tags: [
 			"technical",
 			"app",
@@ -290,7 +289,7 @@ var N = [
 		category: "Technical Issues",
 		question: "Why am I not receiving notifications?",
 		answer: "Ensure notifications are enabled in both your phone settings and the app settings. Go to Phone Settings > Apps > Kadaikodi > Notifications and enable all categories. Also check the app: Settings > Preferences > Notification Settings. If using battery optimization, add Kadaikodi to the exception list.",
-		helpful: 87,
+		helpful: 0,
 		tags: [
 			"notifications",
 			"technical",
@@ -302,7 +301,7 @@ var N = [
 		category: "Billing & Refunds",
 		question: "How do I request a refund?",
 		answer: "Refunds can be requested within 24 hours of order placement if the order hasn't been prepared. Go to \"My Orders\" > Select the order > \"Request Refund\". You'll need to select a reason. Refunds for quality issues can be raised within 2 hours of delivery. Refunds are processed within 3-5 business days to your original payment method.",
-		helpful: 167,
+		helpful: 0,
 		tags: [
 			"refund",
 			"cancellation",
@@ -315,7 +314,7 @@ var N = [
 		category: "Billing & Refunds",
 		question: "Where can I find my payment receipts?",
 		answer: "All payment receipts are available under My Orders > Select Order > View Receipt. You can also find consolidated billing statements under Settings > Billing > Invoice History. Receipts can be downloaded as PDF or emailed to your registered address.",
-		helpful: 65,
+		helpful: 0,
 		tags: [
 			"receipt",
 			"invoice",
@@ -328,7 +327,7 @@ var N = [
 		category: "Privacy & Security",
 		question: "How is my personal data protected?",
 		answer: "We follow industry-standard encryption (AES-256) for all personal data at rest and TLS 1.3 for data in transit. We are compliant with India's DPDP Act. You can control your data sharing preferences in Settings > Privacy. We never sell your personal information to third parties.",
-		helpful: 109,
+		helpful: 0,
 		tags: [
 			"privacy",
 			"data",
@@ -341,7 +340,7 @@ var N = [
 		category: "Privacy & Security",
 		question: "How do I enable two-factor authentication?",
 		answer: "Go to Settings > Security > Two-Factor Authentication and toggle it on. You can choose between SMS OTP or an authenticator app (Google Authenticator, Authy). We strongly recommend enabling 2FA for enhanced account security, especially for Cart Owners and Investors.",
-		helpful: 76,
+		helpful: 0,
 		tags: [
 			"2fa",
 			"authentication",
@@ -354,7 +353,7 @@ var N = [
 		category: "Privacy & Security",
 		question: "How can I delete my account?",
 		answer: "You can request account deletion from Settings > Privacy > Delete Account. Please note: this action is irreversible. All your data, order history, and wallet balance will be permanently removed after a 30-day cooling period. Pending orders or investments must be settled before deletion.",
-		helpful: 43,
+		helpful: 0,
 		tags: [
 			"delete",
 			"account",
@@ -362,124 +361,44 @@ var N = [
 			"data"
 		]
 	}
-], I = [
-	{
-		id: "ticket-001",
-		subject: "Payment failed but amount deducted",
-		category: "Billing & Refunds",
-		priority: "high",
-		status: "in-progress",
-		description: "I placed an order for ₹285 but the payment failed. However, the amount was deducted from my SBI account. Transaction ID: TXN123456789.",
-		createdAt: "2024-06-23T14:30:00Z",
-		updatedAt: "2024-06-24T09:15:00Z",
-		responses: [
-			{
-				id: "resp-001",
-				message: "Thank you for contacting us. We're investigating the payment issue. Could you please confirm the exact amount and your account details?",
-				sender: "support",
-				timestamp: "2024-06-23T16:45:00Z"
-			},
-			{
-				id: "resp-002",
-				message: "Transaction ID: TXN123456789. Amount: ₹285. Deducted from my SBI savings account ending in 4521.",
-				sender: "user",
-				timestamp: "2024-06-23T17:20:00Z"
-			},
-			{
-				id: "resp-003",
-				message: "We've verified the transaction. The refund of ₹285 has been initiated and will reflect in your account within 3-5 business days. Reference: REF-2024-06-24-001.",
-				sender: "support",
-				timestamp: "2024-06-24T09:15:00Z"
-			}
-		]
-	},
-	{
-		id: "ticket-002",
-		subject: "Unable to update cart location",
-		category: "Technical Issues",
-		priority: "medium",
-		status: "resolved",
-		description: "I'm unable to update my cart location in the app. The save button is not responding when I tap it. Tried clearing cache and reinstalling.",
-		createdAt: "2024-06-22T11:20:00Z",
-		updatedAt: "2024-06-22T18:30:00Z",
-		responses: [{
-			id: "resp-004",
-			message: "This was a known bug affecting Cart Owners on Android devices. It has been fixed in the latest app update (v2.1.3). Please update your app from the Play Store and try again.",
-			sender: "support",
-			timestamp: "2024-06-22T18:30:00Z"
-		}]
-	},
-	{
-		id: "ticket-003",
-		subject: "Wrong items delivered in order #ORD-4521",
-		category: "Orders & Payments",
-		priority: "high",
-		status: "open",
-		description: "Received completely different items from what I ordered. Order #ORD-4521 was for 2 Masala Dosas and 1 Filter Coffee, but received Idli and Sambar instead.",
-		createdAt: "2024-06-25T08:45:00Z",
-		updatedAt: "2024-06-25T08:45:00Z",
-		responses: []
-	},
-	{
-		id: "ticket-004",
-		subject: "Investment returns not credited for May",
-		category: "Investors",
-		priority: "medium",
-		status: "closed",
-		description: "My investment returns for the month of May 2024 have not been credited to my wallet. Portfolio: Diversified South Indian Carts.",
-		createdAt: "2024-06-10T09:00:00Z",
-		updatedAt: "2024-06-12T14:20:00Z",
-		responses: [{
-			id: "resp-005",
-			message: "We apologize for the delay. May returns have been processed and credited to your wallet. The delay was due to a system migration. You should see ₹4,250 credited.",
-			sender: "support",
-			timestamp: "2024-06-12T14:20:00Z"
-		}]
-	}
 ], L = [
 	{
 		id: "art-1",
 		title: "Getting Started with Kadaikodi",
-		category: "Getting Started",
-		views: 12450
+		category: "Getting Started"
 	},
 	{
 		id: "art-2",
 		title: "How to Place Your First Order",
-		category: "Orders",
-		views: 9823
+		category: "Orders"
 	},
 	{
 		id: "art-3",
 		title: "Understanding Investment Returns",
-		category: "Investors",
-		views: 7654
+		category: "Investors"
 	},
 	{
 		id: "art-4",
 		title: "Setting Up Your Cart Business",
-		category: "Cart Owners",
-		views: 6543
+		category: "Cart Owners"
 	},
 	{
 		id: "art-5",
 		title: "Payment Troubleshooting Guide",
-		category: "Payments",
-		views: 5890
+		category: "Payments"
 	},
 	{
 		id: "art-6",
 		title: "Delivery Partner Onboarding Guide",
-		category: "Workers",
-		views: 4321
+		category: "Workers"
 	}
 ];
 function R(e) {
 	switch (e) {
-		case "open": return u;
-		case "in-progress": return d;
-		case "resolved": return l;
-		case "closed": return k;
+		case "open": return d;
+		case "in-progress": return f;
+		case "resolved": return c;
+		case "closed": return A;
 	}
 }
 function z(e) {
@@ -498,31 +417,31 @@ function B(e) {
 		case "low": return "bg-bg-sunken text-text-secondary";
 	}
 }
-function pe(e) {
+function V(e) {
 	return e.replace("-", " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function V() {
-	let { currentUser: ee } = e(), [u, d] = o("faq"), [p, h] = o(""), [v, y] = o(""), [b, w] = o(null), [T, E] = o(F), [D, k] = o(I), [V, H] = o(!1), [U, W] = o(!1), [G, K] = o(""), [q, J] = o(""), [Y, X] = o({
+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({
 		subject: "",
 		category: "",
 		priority: "medium",
 		description: ""
-	}), Z = a(() => T.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 = !v || e.category === v;
+	}), 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;
 		return t && n;
 	}), [
 		T,
-		p,
-		v
-	]), Q = a(() => ({
+		f,
+		g
+	]), 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]), me = (e) => {
-		w((t) => t === e ? null : e);
-	}, he = (e) => {
+	}), [D]), de = (e) => {
+		S((t) => t === e ? null : e);
+	}, fe = (e) => {
 		E((t) => t.map((t) => t.id === e ? {
 			...t,
 			helpful: t.helpful + 1
@@ -542,7 +461,7 @@ function V() {
 				alert("Live chat will be available soon!");
 				break;
 		}
-	}, ge = () => {
+	}, pe = () => {
 		if (J(""), K(""), !Y.subject.trim()) {
 			J("Please enter a subject for your ticket.");
 			return;
@@ -567,146 +486,146 @@ function V() {
 				updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
 				responses: []
 			};
-			k((t) => [e, ...t]), X({
+			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);
-	}, _e = [
+	}, me = [
 		{
 			id: "faq",
 			label: "FAQ",
-			icon: ae
+			icon: re
 		},
 		{
 			id: "contact",
 			label: "Contact Us",
-			icon: _
+			icon: v
 		},
 		{
 			id: "tickets",
 			label: "My Tickets",
-			icon: C
+			icon: w
 		}
 	];
-	return /* @__PURE__ */ M(n, {
+	return /* @__PURE__ */ N(t, {
 		title: "Help & Support",
 		description: "Find answers, contact support, or track your requests",
 		children: [
-			G && /* @__PURE__ */ M("div", {
+			G && /* @__PURE__ */ N("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__ */ j(l, { className: "h-4 w-4 shrink-0" }),
+					/* @__PURE__ */ M(c, { className: "h-4 w-4 shrink-0" }),
 					G,
-					/* @__PURE__ */ j("button", {
+					/* @__PURE__ */ M("button", {
 						type: "button",
 						onClick: () => K(""),
 						className: "ml-auto",
-						children: /* @__PURE__ */ j(O, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ M(k, { className: "h-4 w-4" })
 					})
 				]
 			}),
-			/* @__PURE__ */ j(de, {
+			/* @__PURE__ */ M(le, {
 				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__ */ M(ue, {
+			/* @__PURE__ */ N(ce, {
 				className: "mb-6",
-				children: [/* @__PURE__ */ j("h2", {
+				children: [/* @__PURE__ */ M("h2", {
 					className: "mb-3 text-base font-semibold text-text-primary",
 					children: "How can we help?"
-				}), /* @__PURE__ */ M("div", {
+				}), /* @__PURE__ */ N("div", {
 					className: "relative",
 					children: [
-						/* @__PURE__ */ j(ce, { className: "absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-text-secondary" }),
-						/* @__PURE__ */ j("input", {
+						/* @__PURE__ */ M(oe, { 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) => {
-								h(e.target.value), u !== "faq" && d("faq");
+								m(e.target.value), s !== "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)]"
 						}),
-						p && /* @__PURE__ */ j("button", {
+						f && /* @__PURE__ */ M("button", {
 							type: "button",
-							onClick: () => h(""),
+							onClick: () => m(""),
 							className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
-							children: /* @__PURE__ */ j(O, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ M(k, { className: "h-4 w-4" })
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ M("section", {
+			/* @__PURE__ */ N("section", {
 				className: "mb-6",
-				children: [/* @__PURE__ */ j("h2", {
+				children: [/* @__PURE__ */ M("h2", {
 					className: "text-lg font-semibold text-text-primary mb-3",
 					children: "Browse Help Topics"
-				}), /* @__PURE__ */ j("div", {
+				}), /* @__PURE__ */ M("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-					children: fe.map((e) => {
-						let n = e.icon;
-						return /* @__PURE__ */ M("button", {
+					children: ue.map((t) => {
+						let n = t.icon;
+						return /* @__PURE__ */ N("button", {
 							type: "button",
 							onClick: () => {
-								y(e.label === v ? "" : e.label), d("faq");
+								y(t.label === g ? "" : t.label), d("faq");
 							},
-							className: t("flex items-start gap-3 rounded-lg border bg-bg-surface p-4 text-left transition-all hover:shadow-sm", v === e.label ? "border-primary ring-1 ring-primary" : "border-border-subtle"),
-							children: [/* @__PURE__ */ j("div", {
-								className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", e.color),
-								children: /* @__PURE__ */ j(n, { className: "h-5 w-5" })
-							}), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+							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 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", {
 								className: "text-sm font-semibold text-text-primary",
-								children: e.label
-							}), /* @__PURE__ */ j("p", {
+								children: t.label
+							}), /* @__PURE__ */ M("p", {
 								className: "text-xs text-text-secondary",
-								children: e.description
+								children: t.description
 							})] })]
-						}, e.label);
+						}, t.label);
 					})
 				})]
 			}),
-			/* @__PURE__ */ j("section", {
+			/* @__PURE__ */ M("section", {
 				className: "mb-6",
-				children: /* @__PURE__ */ j("div", {
+				children: /* @__PURE__ */ M("div", {
 					className: "flex space-x-1 bg-bg-sunken p-1 rounded-lg w-full sm:w-fit",
-					children: _e.map((e) => {
-						let n = e.icon;
-						return /* @__PURE__ */ M("button", {
+					children: me.map((t) => {
+						let n = t.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: () => 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"),
 							children: [
-								/* @__PURE__ */ j(n, { className: "h-4 w-4" }),
-								/* @__PURE__ */ j("span", { children: e.label }),
-								e.id === "tickets" && Q.open > 0 && /* @__PURE__ */ j("span", {
+								/* @__PURE__ */ M(n, { className: "h-4 w-4" }),
+								/* @__PURE__ */ M("span", { children: t.label }),
+								t.id === "tickets" && Q.open > 0 && /* @__PURE__ */ M("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
 								})
 							]
-						}, e.id);
+						}, t.id);
 					})
 				})
 			}),
-			u === "faq" && /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("div", {
+			s === "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__ */ M("p", {
+				children: [/* @__PURE__ */ N("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						Z.length,
 						" question",
 						Z.length === 1 ? "" : "s",
 						" found",
-						v && /* @__PURE__ */ M("span", { children: [
+						g && /* @__PURE__ */ N("span", { children: [
 							" ",
 							"in ",
-							/* @__PURE__ */ j("span", {
+							/* @__PURE__ */ M("span", {
 								className: "font-medium text-text-primary",
-								children: v
+								children: g
 							}),
-							/* @__PURE__ */ j("button", {
+							/* @__PURE__ */ M("button", {
 								type: "button",
 								onClick: () => y(""),
 								className: "ml-1 text-primary hover:underline",
@@ -714,162 +633,162 @@ function V() {
 							})
 						] })
 					]
-				}), /* @__PURE__ */ M("select", {
-					value: v,
+				}), /* @__PURE__ */ N("select", {
+					value: g,
 					onChange: (e) => y(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__ */ j("option", {
+					children: [/* @__PURE__ */ M("option", {
 						value: "",
 						children: "All Categories"
-					}), N.map((e) => /* @__PURE__ */ j("option", {
+					}), P.map((e) => /* @__PURE__ */ M("option", {
 						value: e,
 						children: e
 					}, e))]
 				})]
-			}), Z.length > 0 ? /* @__PURE__ */ j("div", {
+			}), Z.length > 0 ? /* @__PURE__ */ M("div", {
 				className: "space-y-3",
-				children: Z.map((e) => {
-					let n = b === e.id;
-					return /* @__PURE__ */ M("div", {
+				children: Z.map((t) => {
+					let n = x === t.id;
+					return /* @__PURE__ */ N("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
-						children: [/* @__PURE__ */ M("button", {
+						children: [/* @__PURE__ */ N("button", {
 							type: "button",
-							onClick: () => me(e.id),
+							onClick: () => de(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__ */ M("div", {
+							children: [/* @__PURE__ */ N("div", {
 								className: "flex-1 min-w-0",
-								children: [/* @__PURE__ */ M("div", {
+								children: [/* @__PURE__ */ N("div", {
 									className: "flex flex-wrap items-center gap-2 mb-1",
-									children: [/* @__PURE__ */ j("span", {
+									children: [/* @__PURE__ */ M("span", {
 										className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
-										children: e.category
-									}), /* @__PURE__ */ M("span", {
+										children: t.category
+									}), /* @__PURE__ */ N("span", {
 										className: "inline-flex items-center gap-1 text-xs text-text-secondary",
-										children: [/* @__PURE__ */ j(S, { className: "h-3 w-3" }), e.helpful]
+										children: [/* @__PURE__ */ M(C, { className: "h-3 w-3" }), t.helpful]
 									})]
-								}), /* @__PURE__ */ j("span", {
-									className: t("text-sm", n ? "font-semibold text-text-primary" : "font-medium text-text-primary"),
-									children: e.question
+								}), /* @__PURE__ */ M("span", {
+									className: e("text-sm", n ? "font-semibold text-text-primary" : "font-medium text-text-primary"),
+									children: t.question
 								})]
-							}), j(n ? ne : te, { className: "h-4 w-4 text-text-secondary shrink-0 mt-1" })]
-						}), n && /* @__PURE__ */ M("div", {
+							}), M(n ? u : l, { className: "h-4 w-4 text-text-secondary shrink-0 mt-1" })]
+						}), n && /* @__PURE__ */ N("div", {
 							className: "border-t border-border-subtle px-4 pb-4 pt-3",
-							children: [/* @__PURE__ */ j("p", {
+							children: [/* @__PURE__ */ M("p", {
 								className: "text-sm text-text-secondary leading-relaxed mb-3",
-								children: e.answer
-							}), /* @__PURE__ */ M("div", {
+								children: t.answer
+							}), /* @__PURE__ */ N("div", {
 								className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-								children: [/* @__PURE__ */ j("div", {
+								children: [/* @__PURE__ */ M("div", {
 									className: "flex flex-wrap gap-1.5",
-									children: e.tags.map((e) => /* @__PURE__ */ M("span", {
+									children: t.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__ */ j(x, { className: "h-2.5 w-2.5" }), e]
+										children: [/* @__PURE__ */ M(se, { className: "h-2.5 w-2.5" }), e]
 									}, e))
-								}), /* @__PURE__ */ M("button", {
+								}), /* @__PURE__ */ N("button", {
 									type: "button",
-									onClick: (t) => {
-										t.stopPropagation(), he(e.id);
+									onClick: (e) => {
+										e.stopPropagation(), fe(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__ */ j(S, { className: "h-3.5 w-3.5" }),
+										/* @__PURE__ */ M(C, { className: "h-3.5 w-3.5" }),
 										"Helpful (",
-										e.helpful,
+										t.helpful,
 										")"
 									]
 								})]
 							})]
 						})]
-					}, e.id);
+					}, t.id);
 				})
-			}) : /* @__PURE__ */ j(r, {
+			}) : /* @__PURE__ */ M(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__ */ j("button", {
+				action: /* @__PURE__ */ M("button", {
 					type: "button",
 					onClick: () => {
-						h(""), y("");
+						m(""), y("");
 					},
 					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"
 				})
 			})] }),
-			u === "contact" && /* @__PURE__ */ M("div", {
+			s === "contact" && /* @__PURE__ */ N("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("h2", {
+					/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h2", {
 						className: "text-base font-semibold text-text-primary mb-3",
 						children: "Get in Touch"
-					}), /* @__PURE__ */ j("div", {
+					}), /* @__PURE__ */ M("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: P.map((e) => {
-							let n = e.icon;
-							return /* @__PURE__ */ j("div", {
+						children: F.map((t) => {
+							let n = t.icon;
+							return /* @__PURE__ */ M("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-								children: /* @__PURE__ */ M("div", {
+								children: /* @__PURE__ */ N("div", {
 									className: "flex items-start gap-4",
-									children: [/* @__PURE__ */ j("div", {
+									children: [/* @__PURE__ */ M("div", {
 										className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-bg-sunken",
-										children: /* @__PURE__ */ j(n, { className: "h-6 w-6 text-text-secondary" })
-									}), /* @__PURE__ */ M("div", {
+										children: /* @__PURE__ */ M(n, { className: "h-6 w-6 text-text-secondary" })
+									}), /* @__PURE__ */ N("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ j("h3", {
+											/* @__PURE__ */ M("h3", {
 												className: "text-sm font-semibold text-text-primary",
-												children: e.label
+												children: t.label
 											}),
-											/* @__PURE__ */ j("p", {
+											/* @__PURE__ */ M("p", {
 												className: "text-sm text-text-primary mt-0.5 break-words",
-												children: e.value
+												children: t.value
 											}),
-											/* @__PURE__ */ M("div", {
+											/* @__PURE__ */ N("div", {
 												className: "flex items-center gap-1 mt-1 text-xs text-text-secondary",
-												children: [/* @__PURE__ */ j(f, { className: "h-3 w-3" }), e.responseTime]
+												children: [/* @__PURE__ */ M(p, { className: "h-3 w-3" }), t.responseTime]
 											}),
-											/* @__PURE__ */ M("button", {
+											/* @__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__ */ j(re, { className: "h-3.5 w-3.5" })]
+												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" })]
 											})
 										]
 									})]
 								})
-							}, e.type);
+							}, t.type);
 						})
 					})] }),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ N("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface",
-						children: [/* @__PURE__ */ M("div", {
+						children: [/* @__PURE__ */ N("div", {
 							className: "flex items-center justify-between border-b border-border-subtle px-5 py-4",
-							children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("h2", {
+							children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h2", {
 								className: "text-base font-semibold text-text-primary",
 								children: "Submit a Support Ticket"
-							}), /* @__PURE__ */ j("p", {
+							}), /* @__PURE__ */ M("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__ */ M("button", {
+							})] }), /* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: () => H(!V),
+								onClick: () => H(!A),
 								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__ */ j(C, { className: "h-4 w-4" }), V ? "Close" : "New Ticket"]
+								children: [/* @__PURE__ */ M(w, { className: "h-4 w-4" }), A ? "Close" : "New Ticket"]
 							})]
-						}), V && /* @__PURE__ */ M("div", {
+						}), A && /* @__PURE__ */ N("div", {
 							className: "p-5 space-y-4",
 							children: [
-								q && /* @__PURE__ */ M("div", {
+								q && /* @__PURE__ */ N("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__ */ j(s, { className: "h-4 w-4 shrink-0" }), q]
+									children: [/* @__PURE__ */ M(ee, { className: "h-4 w-4 shrink-0" }), q]
 								}),
-								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("label", {
+								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Subject ", /* @__PURE__ */ j("span", {
+									children: ["Subject ", /* @__PURE__ */ M("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})]
-								}), /* @__PURE__ */ j("input", {
+								}), /* @__PURE__ */ M("input", {
 									type: "text",
 									value: Y.subject,
 									onChange: (e) => X((t) => ({
@@ -879,32 +798,32 @@ function V() {
 									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__ */ M("div", {
+								/* @__PURE__ */ N("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("label", {
+									children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
-										children: ["Category ", /* @__PURE__ */ j("span", {
+										children: ["Category ", /* @__PURE__ */ M("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})]
-									}), /* @__PURE__ */ M("select", {
+									}), /* @__PURE__ */ N("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__ */ j("option", {
+										children: [/* @__PURE__ */ M("option", {
 											value: "",
 											children: "Select category"
-										}), N.map((e) => /* @__PURE__ */ j("option", {
+										}), P.map((e) => /* @__PURE__ */ M("option", {
 											value: e,
 											children: e
 										}, e))]
-									})] }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("label", {
+									})] }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: "Priority"
-									}), /* @__PURE__ */ M("select", {
+									}), /* @__PURE__ */ N("select", {
 										value: Y.priority,
 										onChange: (e) => X((t) => ({
 											...t,
@@ -912,32 +831,32 @@ function V() {
 										})),
 										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__ */ j("option", {
+											/* @__PURE__ */ M("option", {
 												value: "low",
 												children: "Low"
 											}),
-											/* @__PURE__ */ j("option", {
+											/* @__PURE__ */ M("option", {
 												value: "medium",
 												children: "Medium"
 											}),
-											/* @__PURE__ */ j("option", {
+											/* @__PURE__ */ M("option", {
 												value: "high",
 												children: "High"
 											}),
-											/* @__PURE__ */ j("option", {
+											/* @__PURE__ */ M("option", {
 												value: "urgent",
 												children: "Urgent"
 											})
 										]
 									})] })]
 								}),
-								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("label", {
+								/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Description ", /* @__PURE__ */ j("span", {
+									children: ["Description ", /* @__PURE__ */ M("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})]
-								}), /* @__PURE__ */ j("textarea", {
+								}), /* @__PURE__ */ M("textarea", {
 									rows: 5,
 									value: Y.description,
 									onChange: (e) => X((t) => ({
@@ -947,33 +866,33 @@ function V() {
 									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__ */ M("div", {
+								/* @__PURE__ */ N("div", {
 									className: "rounded-lg bg-[var(--color-accent-soft)] border border-border-focus/20 p-4",
-									children: [/* @__PURE__ */ M("div", {
+									children: [/* @__PURE__ */ N("div", {
 										className: "flex items-center gap-2 mb-2",
-										children: [/* @__PURE__ */ j(se, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ j("h4", {
+										children: [/* @__PURE__ */ M(ae, { className: "h-4 w-4 text-text-primary" }), /* @__PURE__ */ M("h4", {
 											className: "text-sm font-medium text-text-primary",
 											children: "Tips for faster resolution"
 										})]
-									}), /* @__PURE__ */ M("ul", {
+									}), /* @__PURE__ */ N("ul", {
 										className: "text-xs text-text-primary space-y-1 ml-6 list-disc",
 										children: [
-											/* @__PURE__ */ j("li", { children: "Be specific about the issue and include steps to reproduce it" }),
-											/* @__PURE__ */ j("li", { children: "Include relevant order IDs, transaction IDs, or error messages" }),
-											/* @__PURE__ */ j("li", { children: "Mention your device type and app version for technical issues" }),
-											/* @__PURE__ */ j("li", { children: "Attach screenshots if they help illustrate the problem" })
+											/* @__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__ */ M("div", {
+								/* @__PURE__ */ N("div", {
 									className: "flex items-center gap-3 pt-1",
-									children: [/* @__PURE__ */ j("button", {
+									children: [/* @__PURE__ */ M("button", {
 										type: "button",
-										onClick: ge,
+										onClick: pe,
 										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__ */ M(A, { children: [/* @__PURE__ */ j("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-primary-foreground/30 border-t-primary-foreground" }), "Submitting..."] }) : /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(le, { className: "h-4 w-4" }), "Submit Ticket"] })
-									}), /* @__PURE__ */ j("button", {
+										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", {
 										type: "button",
 										onClick: () => {
 											H(!1), J("");
@@ -985,93 +904,93 @@ function V() {
 							]
 						})]
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ N("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ M("div", {
+						children: [/* @__PURE__ */ N("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-							children: [/* @__PURE__ */ M("div", {
+							children: [/* @__PURE__ */ N("div", {
 								className: "flex items-center gap-2 mb-3",
-								children: [/* @__PURE__ */ j(f, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ j("h3", {
+								children: [/* @__PURE__ */ M(p, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ M("h3", {
 									className: "text-sm font-semibold text-text-primary",
 									children: "Support Hours"
 								})]
-							}), /* @__PURE__ */ M("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "space-y-2 text-sm",
 								children: [
-									/* @__PURE__ */ M("div", {
+									/* @__PURE__ */ N("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ j("span", {
+										children: [/* @__PURE__ */ M("span", {
 											className: "text-text-secondary",
 											children: "Monday - Friday"
-										}), /* @__PURE__ */ j("span", {
+										}), /* @__PURE__ */ M("span", {
 											className: "font-medium text-text-primary",
 											children: "9:00 AM - 9:00 PM IST"
 										})]
 									}),
-									/* @__PURE__ */ M("div", {
+									/* @__PURE__ */ N("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ j("span", {
+										children: [/* @__PURE__ */ M("span", {
 											className: "text-text-secondary",
 											children: "Saturday"
-										}), /* @__PURE__ */ j("span", {
+										}), /* @__PURE__ */ M("span", {
 											className: "font-medium text-text-primary",
 											children: "10:00 AM - 6:00 PM IST"
 										})]
 									}),
-									/* @__PURE__ */ M("div", {
+									/* @__PURE__ */ N("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ j("span", {
+										children: [/* @__PURE__ */ M("span", {
 											className: "text-text-secondary",
 											children: "Sunday"
-										}), /* @__PURE__ */ j("span", {
+										}), /* @__PURE__ */ M("span", {
 											className: "font-medium text-text-primary",
 											children: "Closed"
 										})]
 									}),
-									/* @__PURE__ */ M("div", {
+									/* @__PURE__ */ N("div", {
 										className: "flex justify-between pt-2 border-t border-border-subtle",
-										children: [/* @__PURE__ */ j("span", {
+										children: [/* @__PURE__ */ M("span", {
 											className: "text-text-secondary",
 											children: "Email Support"
-										}), /* @__PURE__ */ j("span", {
+										}), /* @__PURE__ */ M("span", {
 											className: "font-medium text-text-primary",
 											children: "24/7"
 										})]
 									})
 								]
 							})]
-						}), /* @__PURE__ */ M("div", {
+						}), /* @__PURE__ */ N("div", {
 							className: "rounded-lg border border-status-error-text/20 bg-status-error-bg-subtle p-5",
 							children: [
-								/* @__PURE__ */ M("div", {
+								/* @__PURE__ */ N("div", {
 									className: "flex items-center gap-2 mb-3",
-									children: [/* @__PURE__ */ j(c, { className: "h-5 w-5 text-status-error-text" }), /* @__PURE__ */ j("h3", {
+									children: [/* @__PURE__ */ M(o, { className: "h-5 w-5 text-status-error-text" }), /* @__PURE__ */ M("h3", {
 										className: "text-sm font-semibold text-status-error-text",
 										children: "Emergency Contact"
 									})]
 								}),
-								/* @__PURE__ */ j("p", {
+								/* @__PURE__ */ M("p", {
 									className: "text-sm text-status-error-text mb-3",
 									children: "For urgent issues like safety concerns, fraud, or account compromise:"
 								}),
-								/* @__PURE__ */ M("div", {
+								/* @__PURE__ */ N("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ M("div", {
+									children: [/* @__PURE__ */ N("div", {
 										className: "flex items-center gap-2 text-sm",
 										children: [
-											/* @__PURE__ */ j(_, { className: "h-4 w-4 text-status-error-text" }),
-											/* @__PURE__ */ j("span", {
+											/* @__PURE__ */ M(v, { className: "h-4 w-4 text-status-error-text" }),
+											/* @__PURE__ */ M("span", {
 												className: "font-medium text-status-error-text",
 												children: "+91 80-4012-9999"
 											}),
-											/* @__PURE__ */ j("span", {
+											/* @__PURE__ */ M("span", {
 												className: "text-xs text-status-error-text",
 												children: "(24/7)"
 											})
 										]
-									}), /* @__PURE__ */ M("div", {
+									}), /* @__PURE__ */ N("div", {
 										className: "flex items-center gap-2 text-sm",
-										children: [/* @__PURE__ */ j(m, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ j("span", {
+										children: [/* @__PURE__ */ M(h, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ M("span", {
 											className: "font-medium text-status-error-text",
 											children: "emergency@kadaikodi.com"
 										})]
@@ -1080,228 +999,225 @@ function V() {
 							]
 						})]
 					}),
-					/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("h2", {
+					/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h2", {
 						className: "text-base font-semibold text-text-primary mb-3",
 						children: "Popular Articles"
-					}), /* @__PURE__ */ j("div", {
+					}), /* @__PURE__ */ M("div", {
 						className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
-						children: L.map((e) => /* @__PURE__ */ M("button", {
+						children: L.map((e) => /* @__PURE__ */ N("button", {
 							type: "button",
 							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__ */ j(ie, { className: "h-5 w-5 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ M("div", {
+							children: [/* @__PURE__ */ M(ne, { className: "h-5 w-5 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ N("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ M("p", {
 									className: "text-sm font-medium text-text-primary truncate",
 									children: e.title
 								}), /* @__PURE__ */ M("div", {
 									className: "flex items-center gap-2 mt-1",
-									children: [/* @__PURE__ */ j("span", {
+									children: /* @__PURE__ */ M("span", {
 										className: "text-xs text-text-secondary",
 										children: e.category
-									}), /* @__PURE__ */ M("span", {
-										className: "text-xs text-text-secondary",
-										children: [e.views.toLocaleString("en-IN"), " views"]
-									})]
+									})
 								})]
 							})]
 						}, e.id))
 					})] })
 				]
 			}),
-			u === "tickets" && /* @__PURE__ */ M("div", {
+			s === "tickets" && /* @__PURE__ */ N("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ N("div", {
 						className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
 						children: [
-							/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ N("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ M("p", {
 									className: "text-2xl font-bold text-text-primary",
 									children: Q.total
-								}), /* @__PURE__ */ j("p", {
+								}), /* @__PURE__ */ M("p", {
 									className: "text-xs text-text-secondary",
 									children: "Total"
 								})]
 							}),
-							/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ N("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ M("p", {
 									className: "text-2xl font-bold text-text-primary",
 									children: Q.open
-								}), /* @__PURE__ */ j("p", {
+								}), /* @__PURE__ */ M("p", {
 									className: "text-xs text-text-secondary",
 									children: "Open"
 								})]
 							}),
-							/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ N("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ M("p", {
 									className: "text-2xl font-bold text-status-warning-text",
 									children: Q.inProgress
-								}), /* @__PURE__ */ j("p", {
+								}), /* @__PURE__ */ M("p", {
 									className: "text-xs text-text-secondary",
 									children: "In Progress"
 								})]
 							}),
-							/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ N("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-3 text-center",
-								children: [/* @__PURE__ */ j("p", {
+								children: [/* @__PURE__ */ M("p", {
 									className: "text-2xl font-bold text-status-success-text",
 									children: Q.resolved
-								}), /* @__PURE__ */ j("p", {
+								}), /* @__PURE__ */ M("p", {
 									className: "text-xs text-text-secondary",
 									children: "Resolved"
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ N("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ M("p", {
+						children: [/* @__PURE__ */ N("p", {
 							className: "text-sm text-text-secondary",
 							children: [
 								D.length,
 								" ticket",
 								D.length === 1 ? "" : "s"
 							]
-						}), /* @__PURE__ */ M("button", {
+						}), /* @__PURE__ */ N("button", {
 							type: "button",
 							onClick: () => {
 								H(!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__ */ j(C, { className: "h-4 w-4" }), "New Ticket"]
+							children: [/* @__PURE__ */ M(w, { className: "h-4 w-4" }), "New Ticket"]
 						})]
 					}),
-					D.length === 0 ? /* @__PURE__ */ j(r, {
+					D.length === 0 ? /* @__PURE__ */ M(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__ */ M("button", {
+						action: /* @__PURE__ */ N("button", {
 							type: "button",
 							onClick: () => {
 								H(!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__ */ j(C, { className: "h-4 w-4" }), "Create Your First Ticket"]
+							children: [/* @__PURE__ */ M(w, { className: "h-4 w-4" }), "Create Your First Ticket"]
 						})
-					}) : /* @__PURE__ */ j("div", {
+					}) : /* @__PURE__ */ M("div", {
 						className: "space-y-4",
-						children: D.map((e) => {
-							let n = R(e.status), r = e.responses.length > 0 ? e.responses[e.responses.length - 1] : null;
-							return /* @__PURE__ */ M("div", {
+						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", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
-								children: [/* @__PURE__ */ M("div", {
+								children: [/* @__PURE__ */ N("div", {
 									className: "p-4 sm:p-5",
 									children: [
-										/* @__PURE__ */ M("div", {
+										/* @__PURE__ */ N("div", {
 											className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-											children: [/* @__PURE__ */ M("div", {
+											children: [/* @__PURE__ */ N("div", {
 												className: "flex-1 min-w-0",
-												children: [/* @__PURE__ */ M("div", {
+												children: [/* @__PURE__ */ N("div", {
 													className: "flex items-center gap-2 mb-1",
-													children: [/* @__PURE__ */ j(n, { className: t("h-4 w-4", z(e.status).split(" ").slice(1).join(" ")) }), /* @__PURE__ */ j("h3", {
+													children: [/* @__PURE__ */ M(n, { className: e("h-4 w-4", z(t.status).split(" ").slice(1).join(" ")) }), /* @__PURE__ */ M("h3", {
 														className: "text-sm font-semibold text-text-primary truncate",
-														children: e.subject
+														children: t.subject
 													})]
-												}), /* @__PURE__ */ M("p", {
+												}), /* @__PURE__ */ N("p", {
 													className: "text-xs text-text-secondary",
 													children: [
-														e.category,
+														t.category,
 														" · ",
-														e.id
+														t.id
 													]
 												})]
-											}), /* @__PURE__ */ M("div", {
+											}), /* @__PURE__ */ N("div", {
 												className: "flex flex-wrap gap-2",
-												children: [/* @__PURE__ */ j("span", {
-													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__ */ j("span", {
-													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)
+												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: 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__ */ j("p", {
+										/* @__PURE__ */ M("p", {
 											className: "text-sm text-text-secondary mt-2 leading-relaxed",
-											children: e.description
+											children: t.description
 										}),
-										r && /* @__PURE__ */ M("div", {
+										i && /* @__PURE__ */ N("div", {
 											className: "mt-3 rounded-lg bg-bg-sunken/50 border border-border-subtle p-3",
-											children: [/* @__PURE__ */ M("div", {
+											children: [/* @__PURE__ */ N("div", {
 												className: "flex items-center gap-1.5 mb-1",
 												children: [
-													/* @__PURE__ */ j(g, { className: "h-3.5 w-3.5 text-text-secondary" }),
-													/* @__PURE__ */ j("span", {
+													/* @__PURE__ */ M(_, { className: "h-3.5 w-3.5 text-text-secondary" }),
+													/* @__PURE__ */ M("span", {
 														className: "text-xs font-medium text-text-primary",
-														children: r.sender === "support" ? "Support Team" : "You"
+														children: i.sender === "support" ? "Support Team" : "You"
 													}),
-													/* @__PURE__ */ M("span", {
+													/* @__PURE__ */ N("span", {
 														className: "text-xs text-text-secondary",
-														children: ["· ", i(r.timestamp)]
+														children: ["· ", r(i.timestamp)]
 													})
 												]
-											}), /* @__PURE__ */ j("p", {
+											}), /* @__PURE__ */ M("p", {
 												className: "text-sm text-text-secondary",
-												children: r.message
+												children: i.message
 											})]
 										}),
-										e.responses.length === 0 && e.status === "open" && /* @__PURE__ */ M("div", {
+										t.responses.length === 0 && t.status === "open" && /* @__PURE__ */ N("div", {
 											className: "mt-3 flex items-center gap-2 text-xs text-text-secondary",
-											children: [/* @__PURE__ */ j(oe, { className: "h-3.5 w-3.5" }), "Awaiting response from support team"]
+											children: [/* @__PURE__ */ M(ie, { className: "h-3.5 w-3.5" }), "Awaiting response from support team"]
 										})
 									]
-								}), /* @__PURE__ */ M("div", {
+								}), /* @__PURE__ */ N("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__ */ M("span", { children: ["Created: ", i(e.createdAt)] }),
-										/* @__PURE__ */ M("span", { children: ["Updated: ", i(e.updatedAt)] }),
-										/* @__PURE__ */ M("span", { children: [
-											e.responses.length,
+										/* @__PURE__ */ N("span", { children: ["Created: ", r(t.createdAt)] }),
+										/* @__PURE__ */ N("span", { children: ["Updated: ", r(t.updatedAt)] }),
+										/* @__PURE__ */ N("span", { children: [
+											t.responses.length,
 											" response",
-											e.responses.length === 1 ? "" : "s"
+											t.responses.length === 1 ? "" : "s"
 										] })
 									]
 								})]
-							}, e.id);
+							}, t.id);
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ j("section", {
+			/* @__PURE__ */ M("section", {
 				className: "mt-8 rounded-lg border border-border-subtle bg-bg-sunken/30 p-5",
-				children: /* @__PURE__ */ M("div", {
+				children: /* @__PURE__ */ N("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
-					children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("h3", {
+					children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h3", {
 						className: "text-sm font-semibold text-text-primary mb-1",
 						children: "Still need help?"
-					}), /* @__PURE__ */ j("p", {
+					}), /* @__PURE__ */ M("p", {
 						className: "text-xs text-text-secondary",
 						children: "Our support team is available Monday to Saturday. Average response time is under 4 hours."
-					})] }), /* @__PURE__ */ M("div", {
+					})] }), /* @__PURE__ */ N("div", {
 						className: "flex flex-wrap gap-2",
 						children: [
-							/* @__PURE__ */ M("button", {
+							/* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: () => $(P[0]),
+								onClick: () => $(F[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__ */ j(m, { className: "h-3.5 w-3.5" }), "Email Us"]
+								children: [/* @__PURE__ */ M(h, { className: "h-3.5 w-3.5" }), "Email Us"]
 							}),
-							/* @__PURE__ */ M("button", {
+							/* @__PURE__ */ N("button", {
 								type: "button",
-								onClick: () => $(P[1]),
+								onClick: () => $(F[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__ */ j(_, { className: "h-3.5 w-3.5" }), "Call Us"]
+								children: [/* @__PURE__ */ M(v, { className: "h-3.5 w-3.5" }), "Call Us"]
 							}),
-							/* @__PURE__ */ M("button", {
+							/* @__PURE__ */ N("button", {
 								type: "button",
 								onClick: () => {
 									H(!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__ */ j(C, { className: "h-3.5 w-3.5" }), "Submit Ticket"]
+								children: [/* @__PURE__ */ M(w, { className: "h-3.5 w-3.5" }), "Submit Ticket"]
 							})
 						]
 					})]
@@ -1311,6 +1227,6 @@ function V() {
 	});
 }
 //#endregion
-export { V as HelpSupportPage };
+export { H as HelpSupportPage };
 
 //# sourceMappingURL=HelpSupportPage.js.map