@burdenoff/microfe-subscriberbot 2026.626.2 → 2026.628.1

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

@@ -1,672 +0,0 @@
-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 { EmptyState as r } from "../../components/EmptyState.js";
-import { formatRelativeTime as i } from "../../utils/formatters.js";
-import { useCallback as a, useMemo as o, useState as s } from "react";
-import { AlertCircle as c, AlertTriangle as l, ArrowUpDown as u, Bell as d, Check as f, CheckCheck as p, Clock as m, CreditCard as h, Inbox as g, MailOpen as _, Megaphone as v, RefreshCw as y, Search as b, ShoppingBag as x, Star as S, Trash2 as C, TrendingUp as w, Truck as T, UserCheck as E, Users as D, X as O } from "lucide-react";
-import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
-import { EmphasisPanel as M, PagePurpose as N } from "@burdenoff/fe-libs/ui";
-//#region src/subscriberbot/pages/common/NotificationCenterPage.tsx
-var P = [
-	{
-		id: "n-001",
-		type: "order_update",
-		title: "Order Delivered Successfully!",
-		message: "Your order #ORD-001 from Dosa Express has been delivered. Rate your experience to help others!",
-		priority: "medium",
-		isRead: !1,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 480 * 1e3)).toISOString(),
-		actionUrl: "/customer/order/ORD-001",
-		actionText: "Rate Order",
-		metadata: {
-			orderId: "ORD-001",
-			cartId: "FOOD-001"
-		}
-	},
-	{
-		id: "n-002",
-		type: "payment",
-		title: "Payment Confirmed",
-		message: "Your payment of ₹495 for order #ORD-002 at Quick Cuts Salon has been processed successfully.",
-		priority: "medium",
-		isRead: !1,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 2100 * 1e3)).toISOString(),
-		metadata: {
-			orderId: "ORD-002",
-			amount: 495
-		}
-	},
-	{
-		id: "n-003",
-		type: "promotion",
-		title: "20% Off Beauty Services This Weekend!",
-		message: "Glow Beauty Services is offering 20% off on all treatments this weekend only. Don't miss out!",
-		priority: "low",
-		isRead: !1,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 7200 * 1e3)).toISOString(),
-		actionUrl: "/customer/cart/SERV-002",
-		actionText: "Book Now",
-		metadata: { cartId: "SERV-002" }
-	},
-	{
-		id: "n-004",
-		type: "review",
-		title: "New Review Response",
-		message: "Dosa Express replied to your review: \"Thank you so much for your kind words! We hope to serve you again soon.\"",
-		priority: "low",
-		isRead: !1,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 14400 * 1e3)).toISOString(),
-		actionUrl: "/customer/reviews",
-		actionText: "View Reply"
-	},
-	{
-		id: "n-005",
-		type: "system",
-		title: "App Update Available",
-		message: "Version 2.4.0 of SubscriberBot is available with improved performance, new category filters, and bug fixes.",
-		priority: "medium",
-		isRead: !1,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 420 * 60 * 1e3)).toISOString(),
-		actionUrl: "/settings",
-		actionText: "Update Now"
-	},
-	{
-		id: "n-006",
-		type: "order_update",
-		title: "Appointment Confirmed",
-		message: "Your appointment at Quick Cuts Salon has been confirmed for tomorrow at 3:00 PM. The stylist Suresh will be serving you.",
-		priority: "medium",
-		isRead: !0,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 1440 * 60 * 1e3)).toISOString(),
-		actionUrl: "/customer/order/ORD-002",
-		actionText: "View Details",
-		metadata: { orderId: "ORD-002" }
-	},
-	{
-		id: "n-007",
-		type: "investment",
-		title: "Monthly Returns Credited",
-		message: "You received ₹1,250 in monthly returns from your Quick Cuts Salon investment. Total portfolio value: ₹2,12,500.",
-		priority: "medium",
-		isRead: !0,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 1440 * 60 * 1e3)).toISOString(),
-		actionUrl: "/investor/portfolio",
-		actionText: "View Portfolio",
-		metadata: { amount: 1250 }
-	},
-	{
-		id: "n-008",
-		type: "delivery",
-		title: "Delivery Worker Assigned",
-		message: "Ravi Kumar (rated 4.8) has been assigned to deliver your order from Biryani Pot. Estimated arrival: 25 minutes.",
-		priority: "high",
-		isRead: !0,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 1.5 * 24 * 60 * 60 * 1e3)).toISOString(),
-		metadata: { orderId: "ORD-003" }
-	},
-	{
-		id: "n-009",
-		type: "alert",
-		title: "Unusual Login Attempt Detected",
-		message: "We detected a login attempt from a new device in Mumbai. If this was not you, please change your password immediately.",
-		priority: "urgent",
-		isRead: !0,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 2880 * 60 * 1e3)).toISOString(),
-		actionUrl: "/settings",
-		actionText: "Review Activity"
-	},
-	{
-		id: "n-010",
-		type: "promotion",
-		title: "Flash Sale: Mobile Accessories",
-		message: "Gadget Zone Brigade is running a flash sale! Up to 30% off on bluetooth headphones, cases, and chargers.",
-		priority: "low",
-		isRead: !0,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 4320 * 60 * 1e3)).toISOString(),
-		actionUrl: "/customer/cart/RETAIL-003",
-		actionText: "Shop Now",
-		metadata: { cartId: "RETAIL-003" }
-	},
-	{
-		id: "n-011",
-		type: "system",
-		title: "Scheduled Platform Maintenance",
-		message: "Platform maintenance is scheduled for Sunday 2:00 AM - 4:00 AM IST. Some services may be briefly unavailable during this window.",
-		priority: "high",
-		isRead: !0,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 5760 * 60 * 1e3)).toISOString()
-	},
-	{
-		id: "n-012",
-		type: "account",
-		title: "KYC Verification Complete",
-		message: "Your KYC verification has been completed successfully. You now have full access to all platform features including investments.",
-		priority: "medium",
-		isRead: !0,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 7200 * 60 * 1e3)).toISOString()
-	},
-	{
-		id: "n-013",
-		type: "staff",
-		title: "Staff Schedule Updated",
-		message: "Priya Sharma has updated her availability for this week. She will be unavailable on Wednesday and Thursday.",
-		priority: "medium",
-		isRead: !0,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 8640 * 60 * 1e3)).toISOString(),
-		actionUrl: "/owner/staff",
-		actionText: "View Schedule"
-	},
-	{
-		id: "n-014",
-		type: "payment",
-		title: "Refund Processed",
-		message: "Your refund of ₹280 for order #ORD-005 has been processed. The amount will reflect in your account within 3-5 business days.",
-		priority: "medium",
-		isRead: !0,
-		createdAt: (/* @__PURE__ */ new Date(Date.now() - 10080 * 60 * 1e3)).toISOString(),
-		metadata: {
-			orderId: "ORD-005",
-			amount: 280
-		}
-	}
-], F = {
-	order_update: {
-		icon: x,
-		color: "text-status-info-text",
-		bg: "bg-status-info-bg/10",
-		label: "Order"
-	},
-	payment: {
-		icon: h,
-		color: "text-status-success-text",
-		bg: "bg-status-success-bg/10",
-		label: "Payment"
-	},
-	promotion: {
-		icon: v,
-		color: "text-status-warning-text",
-		bg: "bg-status-warning-bg/10",
-		label: "Promo"
-	},
-	system: {
-		icon: c,
-		color: "text-accent-purple",
-		bg: "bg-accent-purple-subtle",
-		label: "System"
-	},
-	review: {
-		icon: S,
-		color: "text-status-warning-text",
-		bg: "bg-status-warning-bg/10",
-		label: "Review"
-	},
-	staff: {
-		icon: D,
-		color: "text-accent-indigo",
-		bg: "bg-accent-indigo-subtle",
-		label: "Staff"
-	},
-	investment: {
-		icon: w,
-		color: "text-status-success-text",
-		bg: "bg-status-success-bg/10",
-		label: "Investment"
-	},
-	alert: {
-		icon: l,
-		color: "text-status-error-text",
-		bg: "bg-status-error-bg/10",
-		label: "Alert"
-	},
-	delivery: {
-		icon: T,
-		color: "text-status-info-text",
-		bg: "bg-status-info-bg/10",
-		label: "Delivery"
-	},
-	account: {
-		icon: E,
-		color: "text-accent-teal",
-		bg: "bg-accent-teal-subtle",
-		label: "Account"
-	}
-}, I = {
-	urgent: "bg-status-error-bg/20 text-status-error-text",
-	high: "bg-status-warning-bg/20 text-status-warning-text",
-	medium: "bg-status-info-bg/20 text-status-info-text",
-	low: "bg-bg-sunken text-text-secondary"
-}, L = {
-	urgent: "border-l-red-500",
-	high: "border-l-orange-500",
-	medium: "border-l-blue-500",
-	low: "border-l-border"
-}, R = {
-	urgent: 4,
-	high: 3,
-	medium: 2,
-	low: 1
-}, z = [
-	{
-		id: "all",
-		label: "All",
-		icon: g
-	},
-	{
-		id: "orders",
-		label: "Orders",
-		icon: x
-	},
-	{
-		id: "promotions",
-		label: "Promotions",
-		icon: v
-	},
-	{
-		id: "system",
-		label: "System",
-		icon: c
-	},
-	{
-		id: "unread",
-		label: "Unread",
-		icon: d
-	}
-];
-function B(e) {
-	let t = new Date(e), n = /* @__PURE__ */ new Date(), r = new Date(n.getFullYear(), n.getMonth(), n.getDate()), i = /* @__PURE__ */ new Date(r.getTime() - 1440 * 60 * 1e3);
-	return t >= r ? "Today" : t >= i ? "Yesterday" : "Earlier";
-}
-function V(e) {
-	let t = [], n = /* @__PURE__ */ new Map(), r = [
-		"Today",
-		"Yesterday",
-		"Earlier"
-	];
-	for (let t of e) {
-		let e = B(t.createdAt);
-		n.has(e) || n.set(e, []), n.get(e).push(t);
-	}
-	for (let e of r) {
-		let r = n.get(e);
-		r && r.length > 0 && t.push({
-			label: e,
-			items: r
-		});
-	}
-	return t;
-}
-function H() {
-	let { navigateTo: c } = e(), [l, h] = s(P), [g, v] = s("all"), [x, S] = s(""), [w, T] = s("recent"), [E, D] = s(!1), H = o(() => l.filter((e) => !e.isRead).length, [l]), U = o(() => l.filter((e) => e.priority === "urgent").length, [l]), W = o(() => l.filter((e) => B(e.createdAt) === "Today").length, [l]), G = o(() => {
-		let e = /* @__PURE__ */ new Date(Date.now() - 10080 * 60 * 1e3);
-		return l.filter((t) => new Date(t.createdAt) >= e).length;
-	}, [l]), K = o(() => {
-		let e = {
-			all: 0,
-			orders: 0,
-			promotions: 0,
-			system: 0,
-			unread: 0
-		};
-		for (let t of l) e.all++, t.isRead || e.unread++, (t.type === "order_update" || t.type === "delivery") && e.orders++, t.type === "promotion" && e.promotions++, (t.type === "system" || t.type === "alert" || t.type === "account") && e.system++;
-		return e;
-	}, [l]), q = o(() => {
-		let e = [...l];
-		switch (g) {
-			case "orders":
-				e = e.filter((e) => e.type === "order_update" || e.type === "delivery");
-				break;
-			case "promotions":
-				e = e.filter((e) => e.type === "promotion");
-				break;
-			case "system":
-				e = e.filter((e) => e.type === "system" || e.type === "alert" || e.type === "account");
-				break;
-			case "unread":
-				e = e.filter((e) => !e.isRead);
-				break;
-		}
-		if (x) {
-			let t = x.toLowerCase();
-			e = e.filter((e) => e.title.toLowerCase().includes(t) || e.message.toLowerCase().includes(t));
-		}
-		switch (w) {
-			case "recent":
-				e.sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime());
-				break;
-			case "priority":
-				e.sort((e, t) => R[t.priority] - R[e.priority]);
-				break;
-			case "unread":
-				e.sort((e, t) => e.isRead === t.isRead ? 0 : e.isRead ? 1 : -1);
-				break;
-		}
-		return e;
-	}, [
-		l,
-		g,
-		x,
-		w
-	]), J = o(() => V(q), [q]), Y = a((e) => {
-		h((t) => t.map((t) => t.id === e ? {
-			...t,
-			isRead: !0
-		} : t));
-	}, []), X = a(() => {
-		h((e) => e.map((e) => ({
-			...e,
-			isRead: !0
-		})));
-	}, []), Z = a((e) => {
-		h((t) => t.filter((t) => t.id !== e));
-	}, []), Q = a((e) => {
-		e.isRead || Y(e.id), e.actionUrl && c(e.actionUrl);
-	}, [Y, c]), $ = a(() => {
-		window.confirm("Are you sure you want to clear all notifications?") && h([]);
-	}, []);
-	return /* @__PURE__ */ j(n, {
-		title: "Notifications",
-		description: H > 0 ? `${H} unread notification${H === 1 ? "" : "s"}` : "All caught up!",
-		actions: /* @__PURE__ */ j("div", {
-			className: "flex items-center gap-2",
-			children: [l.length > 0 && /* @__PURE__ */ j("button", {
-				type: "button",
-				onClick: $,
-				className: "flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
-				children: [/* @__PURE__ */ A(C, { className: "h-4 w-4" }), /* @__PURE__ */ A("span", {
-					className: "hidden sm:inline",
-					children: "Clear All"
-				})]
-			}), H > 0 && /* @__PURE__ */ j("button", {
-				type: "button",
-				onClick: X,
-				className: "flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-				children: [/* @__PURE__ */ A(p, { className: "h-4 w-4" }), "Mark All Read"]
-			})]
-		}),
-		children: [
-			/* @__PURE__ */ A(N, {
-				icon: /* @__PURE__ */ A(d, { className: "h-4 w-4" }),
-				className: "mb-6",
-				children: "Every update from the platform in one feed — order status changes, promotions, system alerts and more. Filter by type or unread, search for a specific alert, and mark things read or clear them once you've dealt with them. Check here first whenever something needs your attention."
-			}),
-			/* @__PURE__ */ j(M, {
-				className: "grid grid-cols-2 gap-3 sm:grid-cols-5 mb-6",
-				children: [
-					/* @__PURE__ */ j("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-3 text-center",
-						children: [/* @__PURE__ */ A("p", {
-							className: "text-2xl font-bold text-text-primary",
-							children: l.length
-						}), /* @__PURE__ */ A("p", {
-							className: "text-xs text-text-secondary",
-							children: "Total"
-						})]
-					}),
-					/* @__PURE__ */ j("div", {
-						className: "rounded-lg border border-status-info-border/30 bg-status-info-bg/5 p-3 text-center",
-						children: [/* @__PURE__ */ A("p", {
-							className: "text-2xl font-bold text-status-info-text",
-							children: H
-						}), /* @__PURE__ */ A("p", {
-							className: "text-xs text-text-secondary",
-							children: "Unread"
-						})]
-					}),
-					/* @__PURE__ */ j("div", {
-						className: "rounded-lg border border-status-error-border/30 bg-status-error-bg/5 p-3 text-center",
-						children: [/* @__PURE__ */ A("p", {
-							className: "text-2xl font-bold text-status-error-text",
-							children: U
-						}), /* @__PURE__ */ A("p", {
-							className: "text-xs text-text-secondary",
-							children: "Urgent"
-						})]
-					}),
-					/* @__PURE__ */ j("div", {
-						className: "rounded-lg border border-status-success-border/30 bg-status-success-bg/5 p-3 text-center",
-						children: [/* @__PURE__ */ A("p", {
-							className: "text-2xl font-bold text-status-success-text",
-							children: W
-						}), /* @__PURE__ */ A("p", {
-							className: "text-xs text-text-secondary",
-							children: "Today"
-						})]
-					}),
-					/* @__PURE__ */ j("div", {
-						className: "rounded-lg border border-status-warning-border/30 bg-status-warning-bg/5 p-3 text-center",
-						children: [/* @__PURE__ */ A("p", {
-							className: "text-2xl font-bold text-status-warning-text",
-							children: G
-						}), /* @__PURE__ */ A("p", {
-							className: "text-xs text-text-secondary",
-							children: "This Week"
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ A("div", {
-				className: "flex items-center gap-2 mb-4 overflow-x-auto pb-1",
-				children: z.map((e) => {
-					let n = e.icon;
-					return /* @__PURE__ */ j("button", {
-						type: "button",
-						onClick: () => v(e.id),
-						className: t("flex items-center gap-1.5 whitespace-nowrap rounded-full border px-3 py-1.5 text-sm font-medium transition-colors", g === e.id ? "border-primary bg-action-primary-bg/10 text-text-primary" : "border-border-seam text-text-secondary hover:text-text-primary hover:border-accent-foreground/20"),
-						children: [
-							/* @__PURE__ */ A(n, { className: "h-3.5 w-3.5" }),
-							e.label,
-							/* @__PURE__ */ A("span", {
-								className: t("inline-flex h-5 min-w-[20px] items-center justify-center rounded-full px-1 text-xs", g === e.id ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary"),
-								children: K[e.id]
-							})
-						]
-					}, e.id);
-				})
-			}),
-			/* @__PURE__ */ j("div", {
-				className: "flex items-center gap-3 mb-6",
-				children: [/* @__PURE__ */ j("div", {
-					className: "relative flex-1",
-					children: [
-						/* @__PURE__ */ A(b, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
-						/* @__PURE__ */ A("input", {
-							type: "text",
-							placeholder: "Search notifications...",
-							value: x,
-							onChange: (e) => S(e.target.value),
-							className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2.5 pl-10 pr-9 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-						}),
-						x && /* @__PURE__ */ A("button", {
-							type: "button",
-							onClick: () => S(""),
-							className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
-							children: /* @__PURE__ */ A(O, { className: "h-4 w-4" })
-						})
-					]
-				}), /* @__PURE__ */ j("div", {
-					className: "relative",
-					children: [/* @__PURE__ */ j("button", {
-						type: "button",
-						onClick: () => D(!E),
-						className: "flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-						children: [/* @__PURE__ */ A(u, { className: "h-4 w-4" }), /* @__PURE__ */ A("span", {
-							className: "hidden sm:inline",
-							children: "Sort"
-						})]
-					}), E && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("div", {
-						className: "fixed inset-0 z-10",
-						onClick: () => D(!1)
-					}), /* @__PURE__ */ A("div", {
-						className: "absolute right-0 top-full mt-1 z-20 w-44 rounded-lg border border-border-seam bg-bg-surface shadow-lg py-1",
-						children: [
-							{
-								value: "recent",
-								label: "Most Recent"
-							},
-							{
-								value: "priority",
-								label: "By Priority"
-							},
-							{
-								value: "unread",
-								label: "Unread First"
-							}
-						].map((e) => /* @__PURE__ */ A("button", {
-							type: "button",
-							onClick: () => {
-								T(e.value), D(!1);
-							},
-							className: t("w-full text-left px-3 py-2 text-sm transition-colors", w === e.value ? "bg-action-primary-bg/10 text-text-primary font-medium" : "text-text-secondary hover:bg-accent hover:text-text-primary"),
-							children: e.label
-						}, e.value))
-					})] })]
-				})]
-			}),
-			q.length === 0 ? /* @__PURE__ */ A(r, {
-				illustration: "empty-notifications",
-				icon: /* @__PURE__ */ A(d, { className: "h-12 w-12" }),
-				title: "No notifications",
-				description: x ? "No notifications match your search. Try different keywords." : g === "unread" ? "You're all caught up! No unread notifications." : "No notifications in this category yet.",
-				action: x ? /* @__PURE__ */ A("button", {
-					type: "button",
-					onClick: () => S(""),
-					className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-					children: "Clear Search"
-				}) : g === "all" ? void 0 : /* @__PURE__ */ A("button", {
-					type: "button",
-					onClick: () => v("all"),
-					className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-					children: "View All Notifications"
-				})
-			}) : /* @__PURE__ */ A("div", {
-				className: "space-y-6",
-				children: J.map((e) => /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("div", {
-					className: "flex items-center gap-3 mb-2",
-					children: [
-						/* @__PURE__ */ A("h3", {
-							className: "text-xs font-semibold uppercase tracking-wider text-text-secondary",
-							children: e.label
-						}),
-						/* @__PURE__ */ A("div", { className: "flex-1 border-t border-border-seam" }),
-						/* @__PURE__ */ j("span", {
-							className: "text-xs text-text-secondary",
-							children: [
-								e.items.length,
-								" notification",
-								e.items.length === 1 ? "" : "s"
-							]
-						})
-					]
-				}), /* @__PURE__ */ A("div", {
-					className: "rounded-lg border border-border-seam bg-bg-surface divide-y divide-border overflow-hidden",
-					children: e.items.map((e) => {
-						let n = F[e.type] ?? F.system, r = n.icon;
-						return /* @__PURE__ */ j("div", {
-							className: t("flex items-start gap-3 px-4 py-4 border-l-4 transition-colors", L[e.priority], !e.isRead && "bg-accent/30"),
-							children: [
-								/* @__PURE__ */ A("div", {
-									className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-full", n.bg),
-									children: /* @__PURE__ */ A(r, { className: t("h-5 w-5", n.color) })
-								}),
-								/* @__PURE__ */ j("div", {
-									className: "flex-1 min-w-0",
-									children: [
-										/* @__PURE__ */ j("div", {
-											className: "flex items-center gap-2 flex-wrap",
-											children: [
-												/* @__PURE__ */ A("h4", {
-													className: t("text-sm text-text-primary", e.isRead ? "font-medium" : "font-semibold"),
-													children: e.title
-												}),
-												!e.isRead && /* @__PURE__ */ A("span", { className: "h-2 w-2 rounded-full bg-action-primary-bg shrink-0" }),
-												/* @__PURE__ */ A("span", {
-													className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", I[e.priority]),
-													children: e.priority
-												})
-											]
-										}),
-										/* @__PURE__ */ A("p", {
-											className: "mt-1 text-sm text-text-secondary leading-relaxed",
-											children: e.message
-										}),
-										/* @__PURE__ */ j("div", {
-											className: "mt-2 flex items-center gap-3 flex-wrap",
-											children: [
-												/* @__PURE__ */ j("span", {
-													className: "flex items-center gap-1 text-xs text-text-secondary",
-													children: [/* @__PURE__ */ A(m, { className: "h-3 w-3" }), i(e.createdAt)]
-												}),
-												/* @__PURE__ */ A("span", {
-													className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", n.bg, n.color),
-													children: n.label
-												}),
-												e.metadata?.orderId && /* @__PURE__ */ j("span", {
-													className: "text-xs text-text-secondary",
-													children: ["#", e.metadata.orderId]
-												})
-											]
-										}),
-										/* @__PURE__ */ j("div", {
-											className: "mt-3 flex items-center gap-2 flex-wrap",
-											children: [
-												e.actionUrl && /* @__PURE__ */ A("button", {
-													type: "button",
-													onClick: () => Q(e),
-													className: "rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-													children: e.actionText ?? "View"
-												}),
-												!e.isRead && /* @__PURE__ */ j("button", {
-													type: "button",
-													onClick: () => Y(e.id),
-													title: "Mark as read",
-													className: "flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
-													children: [/* @__PURE__ */ A(f, { className: "h-3 w-3" }), "Mark Read"]
-												}),
-												/* @__PURE__ */ j("button", {
-													type: "button",
-													onClick: () => Z(e.id),
-													title: "Delete notification",
-													className: "flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg/10 transition-colors",
-													children: [/* @__PURE__ */ A(C, { className: "h-3 w-3" }), "Delete"]
-												})
-											]
-										})
-									]
-								}),
-								/* @__PURE__ */ A("div", {
-									className: "shrink-0 pt-1",
-									children: e.isRead ? /* @__PURE__ */ A(_, { className: "h-4 w-4 text-text-secondary/40" }) : /* @__PURE__ */ A(d, { className: "h-4 w-4 text-primary" })
-								})
-							]
-						}, e.id);
-					})
-				})] }, e.label))
-			}),
-			q.length > 0 && /* @__PURE__ */ j("div", {
-				className: "mt-6 flex items-center justify-between rounded-lg border border-border-seam bg-bg-surface px-4 py-3",
-				children: [/* @__PURE__ */ j("p", {
-					className: "text-sm text-text-secondary",
-					children: [
-						"Showing ",
-						q.length,
-						" of ",
-						l.length,
-						" notifications"
-					]
-				}), g !== "all" && /* @__PURE__ */ j("button", {
-					type: "button",
-					onClick: () => {
-						v("all"), S("");
-					},
-					className: "flex items-center gap-1.5 text-sm font-medium text-primary hover:underline",
-					children: [/* @__PURE__ */ A(y, { className: "h-3.5 w-3.5" }), "Show All"]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { H as NotificationCenterPage };
-
-//# sourceMappingURL=NotificationCenterPage.js.map