@burdenoff/microfe-channel 2026.518.2 → 2026.520.1

package/dist/channel/modules/channels/pages/DeliveryHistoryPage.js

@@ -5,360 +5,390 @@ import { CHANNEL_PERMISSIONS as r } from "../../../constants/permissions.js";
 import { useExportDeliveryAttempts as i } from "../hooks/useExport.js";
 import { useCallback as a, useEffect as o, useState as s } from "react";
 import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as l, ArrowLeft as u, CheckCircle2 as d, Clock as f, Download as p, Loader2 as m, RefreshCw as h, RotateCcw as g, Send as _, XCircle as v } from "lucide-react";
-import { useNavigate as y, useParams as b } from "react-router-dom";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { AlertCircle as l, ArrowLeft as u, CheckCircle2 as d, ChevronLeft as f, ChevronRight as p, Clock as m, Download as h, Loader2 as g, RefreshCw as _, RotateCcw as v, Send as y, XCircle as b } from "lucide-react";
+import { useNavigate as x, useParams as S } from "react-router-dom";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/channel/modules/channels/pages/DeliveryHistoryPage.tsx
-var C = {
+var E = {
 	PENDING: {
 		label: "Pending",
 		color: "text-muted-foreground bg-muted",
-		icon: f
+		icon: m
 	},
 	QUEUED: {
 		label: "Queued",
-		color: "text-info-500 bg-info-100",
-		icon: f
+		color: "text-accent-primary bg-accent-primary-subtle",
+		icon: m
 	},
 	SENDING: {
 		label: "Sending",
 		color: "text-accent-primary bg-accent-primary/10",
-		icon: _
+		icon: y
 	},
 	SENT: {
 		label: "Sent",
-		color: "text-success-500 bg-success-100",
+		color: "text-status-success-text bg-status-success-bg-subtle",
 		icon: d
 	},
 	DELIVERED: {
 		label: "Delivered",
-		color: "text-success-500 bg-success-100",
+		color: "text-status-success-text bg-status-success-bg-subtle",
 		icon: d
 	},
 	FAILED: {
 		label: "Failed",
-		color: "text-error-500 bg-error-100",
-		icon: v
+		color: "text-status-error-text bg-status-error-bg-subtle",
+		icon: b
 	},
 	BOUNCED: {
 		label: "Bounced",
-		color: "text-warning-500 bg-warning-100",
+		color: "text-status-warning-text bg-status-warning-bg-subtle",
 		icon: l
 	},
 	REJECTED: {
 		label: "Rejected",
-		color: "text-error-500 bg-error-100",
-		icon: v
+		color: "text-status-error-text bg-status-error-bg-subtle",
+		icon: b
 	},
 	RATE_LIMITED: {
 		label: "Rate Limited",
-		color: "text-warning-500 bg-warning-100",
-		icon: f
+		color: "text-status-warning-text bg-status-warning-bg-subtle",
+		icon: m
 	},
 	RETRYING: {
 		label: "Retrying",
 		color: "text-accent-primary bg-accent-primary/10",
-		icon: h
+		icon: _
 	},
 	OPENED: {
 		label: "Opened",
-		color: "text-success-500 bg-success-100",
+		color: "text-status-success-text bg-status-success-bg-subtle",
 		icon: d
 	},
 	CLICKED: {
 		label: "Clicked",
-		color: "text-success-500 bg-success-100",
+		color: "text-status-success-text bg-status-success-bg-subtle",
 		icon: d
 	}
 };
-function w() {
-	let { channelId: d } = b(), f = y(), { t: v } = c(), w = (e, t) => {
-		let n = v(e);
+function D() {
+	let { channelId: d } = S(), m = x(), { t: b } = c(), D = (e, t) => {
+		let n = b(e);
 		return n === e ? t : n;
-	}, { organizationId: T } = e(), { triggerExport: E, isExporting: D, exportError: O } = i(T ?? void 0, d), [k, A] = s(!0), [j, M] = s([]), [N, P] = s(null), [F, I] = s(null), [L, R] = s(25), { channel: z, isLoading: B, error: V, fetchDeliveryAttempts: H, retryDelivery: U } = t(d), W = a(async () => {
+	}, { organizationId: O } = e(), { triggerExport: k, isExporting: A, exportError: j } = i(O ?? void 0, d), [M, N] = s(!0), [P, F] = s([]), [I, L] = s(null), [R, z] = s(null), [B, V] = s(25), [H, U] = s(0), [W, G] = s([void 0]), [K, q] = s(0), { channel: J, isLoading: Y, error: X, fetchDeliveryAttempts: Z, retryDelivery: Q } = t(d), $ = a(async (e) => {
 		if (d) {
-			A(!0), I(null);
+			N(!0), z(null);
 			try {
-				M(await H(L));
+				let t = await Z(B, e);
+				return F(t.items), U(t.total), t.nextCursor;
 			} finally {
-				A(!1);
+				N(!1);
 			}
 		}
 	}, [
 		d,
-		H,
-		L
+		Z,
+		B
 	]);
 	o(() => {
-		Promise.resolve().then(() => W());
-	}, [W]), o(() => {
-		if (!d) return;
+		Promise.resolve().then(() => {
+			G([void 0]), q(0), $(void 0);
+		});
+	}, [B]), o(() => {
+		Promise.resolve().then(() => $(W[K]));
+	}, [K]), o(() => {
+		Promise.resolve().then(async () => {
+			await $(void 0);
+		});
+	}, []), o(() => {
+		if (!d || K !== 0) return;
 		let e = setInterval(() => {
-			W();
+			$(void 0);
 		}, 6e4);
 		return () => clearInterval(e);
-	}, [d, W]);
-	let G = async (e) => {
-		P(e), I(null);
+	}, [
+		d,
+		K,
+		$
+	]);
+	let ee = a(async () => {
+		let e = await $(W[K]);
+		e && G((t) => {
+			let n = [...t];
+			return n[K + 1] || (n[K + 1] = e), n;
+		}), q((e) => e + 1);
+	}, [
+		W,
+		K,
+		$
+	]), te = a(() => {
+		let e = K - 1;
+		q(e), $(W[e]);
+	}, [
+		W,
+		K,
+		$
+	]), ne = P.length === B, re = K > 0, ie = async (e) => {
+		L(e), z(null);
 		try {
-			let t = await U(e);
-			t.success || I(t.error || "Retry failed");
+			let t = await Q(e);
+			t.success ? await $(W[K]) : z(t.error || "Retry failed");
 		} finally {
-			P(null);
+			L(null);
 		}
-	}, K = (e) => C[e] || C.PENDING;
-	return B ? /* @__PURE__ */ x("div", {
+	}, ae = (e) => E[e] || E.PENDING;
+	return Y ? /* @__PURE__ */ w("div", {
 		className: "flex items-center justify-center min-h-screen",
 		role: "status",
-		"aria-label": w("channel.loading", "Loading"),
-		children: /* @__PURE__ */ x(m, {
+		"aria-label": D("channel.loading", "Loading"),
+		children: /* @__PURE__ */ w(g, {
 			size: 32,
 			className: "animate-spin text-accent-primary",
 			"aria-hidden": "true"
 		})
-	}) : V || !z ? /* @__PURE__ */ x("div", {
+	}) : X || !J ? /* @__PURE__ */ w("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ S("div", {
-			className: "flex items-center gap-3 p-4 bg-error-100 border border-error-500 rounded-lg",
+		children: /* @__PURE__ */ T("div", {
+			className: "flex items-center gap-3 p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg",
 			children: [
-				/* @__PURE__ */ x(l, {
+				/* @__PURE__ */ w(l, {
 					size: 20,
-					className: "text-error-500"
+					className: "text-status-error-text"
 				}),
-				/* @__PURE__ */ x("div", { children: /* @__PURE__ */ x("p", {
-					className: "text-sm font-medium text-error-700",
-					children: V || "Channel not found"
+				/* @__PURE__ */ w("div", { children: /* @__PURE__ */ w("p", {
+					className: "text-sm font-medium text-status-error-text",
+					children: X || "Channel not found"
 				}) }),
-				/* @__PURE__ */ x("button", {
-					onClick: () => f(`/channels/${d}`),
-					className: "ml-auto px-3 py-1 text-sm text-error-700 hover:bg-error-200 rounded transition-colors",
+				/* @__PURE__ */ w("button", {
+					onClick: () => m(`/channels/${d}`),
+					className: "ml-auto px-3 py-1 text-sm text-status-error-text hover:bg-status-error-bg-subtle rounded transition-colors",
 					children: "Go Back"
 				})
 			]
 		})
-	}) : /* @__PURE__ */ x(n, {
+	}) : /* @__PURE__ */ w(n, {
 		permission: r.CHANNEL_DELIVERY_READ,
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "space-y-6 p-3 sm:p-6",
 			children: [
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ T("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ T("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ x("button", {
-							onClick: () => f(`/channels/${d}`),
-							"aria-label": w("channel.backToChannel", "Back to channel"),
+						children: [/* @__PURE__ */ w("button", {
+							onClick: () => m(`/channels/${d}`),
+							"aria-label": D("channel.backToChannel", "Back to channel"),
 							className: "p-2 text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors",
-							children: /* @__PURE__ */ x(u, {
+							children: /* @__PURE__ */ w(u, {
 								size: 20,
 								"aria-hidden": "true"
 							})
-						}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h1", {
+						}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h1", {
 							className: "text-xl sm:text-2xl font-bold text-foreground",
-							children: w("channel.deliveryHistory", "Delivery History")
-						}), /* @__PURE__ */ S("p", {
+							children: D("channel.deliveryHistory", "Delivery History")
+						}), /* @__PURE__ */ T("p", {
 							className: "text-sm text-muted-foreground mt-1",
-							children: [z.name, " - Message deliveries"]
+							children: [J.name, " - Message deliveries"]
 						})] })]
-					}), /* @__PURE__ */ S("div", {
+					}), /* @__PURE__ */ T("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ S("select", {
-								value: L,
-								onChange: (e) => R(Number(e.target.value)),
+							/* @__PURE__ */ T("select", {
+								value: B,
+								onChange: (e) => V(Number(e.target.value)),
 								className: "px-3 py-2 text-sm bg-surface border border-border rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-bg/50 text-foreground",
 								children: [
-									/* @__PURE__ */ x("option", {
+									/* @__PURE__ */ w("option", {
 										value: 10,
 										children: "10 results"
 									}),
-									/* @__PURE__ */ x("option", {
+									/* @__PURE__ */ w("option", {
 										value: 25,
 										children: "25 results"
 									}),
-									/* @__PURE__ */ x("option", {
+									/* @__PURE__ */ w("option", {
 										value: 50,
 										children: "50 results"
 									}),
-									/* @__PURE__ */ x("option", {
+									/* @__PURE__ */ w("option", {
 										value: 100,
 										children: "100 results"
 									})
 								]
 							}),
-							/* @__PURE__ */ S("button", {
-								onClick: W,
-								disabled: k,
+							/* @__PURE__ */ T("button", {
+								onClick: () => void $(W[K]),
+								disabled: M,
 								className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors disabled:opacity-50",
-								children: [/* @__PURE__ */ x(h, {
+								children: [/* @__PURE__ */ w(_, {
 									size: 16,
-									className: k ? "animate-spin" : ""
-								}), w("channel.refresh", "Refresh")]
+									className: M ? "animate-spin" : ""
+								}), D("channel.refresh", "Refresh")]
 							}),
-							/* @__PURE__ */ x(n, {
+							/* @__PURE__ */ w(n, {
 								permission: r.CHANNEL_ADMIN,
-								children: /* @__PURE__ */ S("button", {
-									onClick: () => void E(),
-									disabled: D,
+								children: /* @__PURE__ */ T("button", {
+									onClick: () => void k(),
+									disabled: A,
 									className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-fg border border-border hover:bg-bg-elevated rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-									title: w("channel.exportCSV", "Export to CSV"),
-									children: [D ? /* @__PURE__ */ x(m, {
+									title: D("channel.exportCSV", "Export to CSV"),
+									children: [A ? /* @__PURE__ */ w(g, {
 										size: 16,
 										className: "animate-spin"
-									}) : /* @__PURE__ */ x(p, { size: 16 }), w("channel.export", "Export")]
+									}) : /* @__PURE__ */ w(h, { size: 16 }), D("channel.export", "Export")]
 								})
 							})
 						]
 					})]
 				}),
-				O && /* @__PURE__ */ S("div", {
-					className: "p-4 bg-error-100 border border-error-500 rounded-lg flex items-center gap-3",
-					children: [/* @__PURE__ */ x(l, {
+				j && /* @__PURE__ */ T("div", {
+					className: "p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg flex items-center gap-3",
+					children: [/* @__PURE__ */ w(l, {
 						size: 20,
-						className: "text-error-500"
-					}), /* @__PURE__ */ x("p", {
-						className: "text-sm text-error-700 flex-1",
-						children: O
+						className: "text-status-error-text"
+					}), /* @__PURE__ */ w("p", {
+						className: "text-sm text-status-error-text flex-1",
+						children: j
 					})]
 				}),
-				F && /* @__PURE__ */ S("div", {
-					className: "p-4 bg-error-100 border border-error-500 rounded-lg flex items-center gap-3",
+				R && /* @__PURE__ */ T("div", {
+					className: "p-4 bg-status-error-bg-subtle border border-status-error-border rounded-lg flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ x(l, {
+						/* @__PURE__ */ w(l, {
 							size: 20,
-							className: "text-error-500"
+							className: "text-status-error-text"
 						}),
-						/* @__PURE__ */ x("p", {
-							className: "text-sm text-error-700 flex-1",
-							children: F
+						/* @__PURE__ */ w("p", {
+							className: "text-sm text-status-error-text flex-1",
+							children: R
 						}),
-						/* @__PURE__ */ x("button", {
-							onClick: () => I(null),
-							className: "text-error-500 hover:text-error-700",
-							children: w("channel.dismiss", "Dismiss")
+						/* @__PURE__ */ w("button", {
+							onClick: () => z(null),
+							className: "text-status-error-text hover:text-status-error-text",
+							children: D("channel.dismiss", "Dismiss")
 						})
 					]
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ w("div", {
 					className: "p-4 bg-surface border border-border rounded-lg",
-					children: /* @__PURE__ */ x("p", {
+					children: /* @__PURE__ */ w("p", {
 						className: "text-sm text-muted-foreground",
 						children: "Delivery history shows all message attempts sent through this channel. Data is retained for 7 days. Click retry on a failed delivery to attempt sending again."
 					})
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ w("div", {
 					className: "bg-surface border border-border rounded-lg overflow-hidden",
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ w("div", {
 						className: "overflow-x-auto min-w-full",
-						children: /* @__PURE__ */ S("table", {
+						children: /* @__PURE__ */ T("table", {
 							className: "w-full min-w-[700px]",
-							children: [/* @__PURE__ */ x("thead", {
+							children: [/* @__PURE__ */ w("thead", {
 								className: "bg-muted/50 border-b border-border",
-								children: /* @__PURE__ */ S("tr", { children: [
-									/* @__PURE__ */ x("th", {
+								children: /* @__PURE__ */ T("tr", { children: [
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: w("channel.status", "Status")
+										children: D("channel.status", "Status")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: w("channel.content", "Content")
+										children: D("channel.content", "Content")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: w("channel.sentAt", "Sent At")
+										children: D("channel.sentAt", "Sent At")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: w("channel.retries", "Retries")
+										children: D("channel.retries", "Retries")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: w("channel.error", "Error")
+										children: D("channel.error", "Error")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: w("channel.actions", "Actions")
+										children: D("channel.actions", "Actions")
 									})
 								] })
-							}), /* @__PURE__ */ x("tbody", {
+							}), /* @__PURE__ */ w("tbody", {
 								className: "divide-y divide-border",
-								children: k ? /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ S("td", {
+								children: M ? /* @__PURE__ */ w("tr", { children: /* @__PURE__ */ T("td", {
 									colSpan: 6,
 									className: "px-4 py-12 text-center",
-									children: [/* @__PURE__ */ x(m, {
+									children: [/* @__PURE__ */ w(g, {
 										size: 24,
 										className: "animate-spin text-accent-primary mx-auto"
-									}), /* @__PURE__ */ x("p", {
+									}), /* @__PURE__ */ w("p", {
 										className: "text-sm text-muted-foreground mt-2",
 										children: "Loading delivery attempts..."
 									})]
-								}) }) : j.length === 0 ? /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ x("td", {
+								}) }) : P.length === 0 ? /* @__PURE__ */ w("tr", { children: /* @__PURE__ */ w("td", {
 									colSpan: 6,
 									className: "px-4 py-12 text-center",
-									children: /* @__PURE__ */ S("div", {
+									children: /* @__PURE__ */ T("div", {
 										className: "flex flex-col items-center gap-2",
 										children: [
-											/* @__PURE__ */ x(_, {
+											/* @__PURE__ */ w(y, {
 												size: 32,
 												className: "text-muted-foreground"
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ w("p", {
 												className: "text-sm font-medium text-foreground",
-												children: w("channel.noDeliveryAttempts", "No delivery attempts yet")
+												children: D("channel.noDeliveryAttempts", "No delivery attempts yet")
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ w("p", {
 												className: "text-xs text-muted-foreground",
-												children: w("channel.sendMessageToSeeHistory", "Send a message through this channel to see delivery history")
+												children: D("channel.sendMessageToSeeHistory", "Send a message through this channel to see delivery history")
 											})
 										]
 									})
-								}) }) : j.map((e) => {
-									let t = K(e.status), i = t.icon, a = e.status === "FAILED" || e.status === "BOUNCED" || e.status === "REJECTED";
-									return /* @__PURE__ */ S("tr", {
+								}) }) : P.map((e) => {
+									let t = ae(e.status), i = t.icon, a = e.status === "FAILED" || e.status === "BOUNCED" || e.status === "REJECTED";
+									return /* @__PURE__ */ T("tr", {
 										className: "hover:bg-muted/30 transition-colors",
 										children: [
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ S("div", {
+												children: /* @__PURE__ */ T("div", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ x(i, {
+													children: [/* @__PURE__ */ w(i, {
 														size: 14,
 														className: t.color.split(" ")[0]
-													}), /* @__PURE__ */ x("span", {
+													}), /* @__PURE__ */ w("span", {
 														className: `text-sm font-medium ${t.color}`,
 														children: t.label
 													})]
 												})
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3 text-sm text-foreground truncate max-w-xs",
 												children: e.content
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3 text-sm text-muted-foreground",
 												children: e.sentAt ? new Date(e.sentAt).toLocaleString() : "-"
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3 text-sm text-muted-foreground",
 												children: e.retryCount
 											}),
-											/* @__PURE__ */ x("td", {
-												className: "px-4 py-3 text-sm text-error-500 max-w-xs truncate",
+											/* @__PURE__ */ w("td", {
+												className: "px-4 py-3 text-sm text-status-error-text max-w-xs truncate",
 												children: e.errorMessage || "-"
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ w("td", {
 												className: "px-4 py-3",
-												children: a && /* @__PURE__ */ x(n, {
+												children: a && /* @__PURE__ */ w(n, {
 													permission: r.CHANNEL_DELIVERY_EXECUTE,
-													children: /* @__PURE__ */ S("button", {
-														onClick: () => G(e.id),
-														disabled: N === e.id,
+													children: /* @__PURE__ */ T("button", {
+														onClick: () => ie(e.id),
+														disabled: I === e.id,
 														className: "flex items-center gap-1 px-2 py-1 text-xs font-medium text-accent-primary hover:bg-accent-primary/10 rounded transition-colors disabled:opacity-50",
-														title: w("channel.retryDelivery", "Retry this delivery"),
-														children: [/* @__PURE__ */ x(g, {
+														title: D("channel.retryDelivery", "Retry this delivery"),
+														children: [/* @__PURE__ */ w(v, {
 															size: 12,
-															className: N === e.id ? "animate-spin" : ""
-														}), N === e.id ? w("channel.retrying", "Retrying...") : w("channel.retry", "Retry")]
+															className: I === e.id ? "animate-spin" : ""
+														}), I === e.id ? D("channel.retrying", "Retrying...") : D("channel.retry", "Retry")]
 													})
 												})
 											})
@@ -368,12 +398,46 @@ function w() {
 							})]
 						})
 					})
+				}),
+				/* @__PURE__ */ T("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ w("p", {
+						className: "text-sm text-muted-foreground",
+						children: H > 0 && /* @__PURE__ */ T(C, { children: [
+							D("channel.page", "Page"),
+							" ",
+							/* @__PURE__ */ w("span", {
+								className: "font-medium",
+								children: K + 1
+							}),
+							" · ",
+							D("channel.totalRecords", "Total"),
+							": ",
+							/* @__PURE__ */ w("span", {
+								className: "font-medium",
+								children: H
+							})
+						] })
+					}), /* @__PURE__ */ T("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ T("button", {
+							onClick: te,
+							disabled: !re || M,
+							className: "flex items-center gap-1 px-3 py-1.5 text-sm border border-border rounded-lg hover:bg-muted transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
+							children: [/* @__PURE__ */ w(f, { size: 16 }), D("channel.previous", "Previous")]
+						}), /* @__PURE__ */ T("button", {
+							onClick: () => void ee(),
+							disabled: !ne || M,
+							className: "flex items-center gap-1 px-3 py-1.5 text-sm border border-border rounded-lg hover:bg-muted transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
+							children: [D("channel.next", "Next"), /* @__PURE__ */ w(p, { size: 16 })]
+						})]
+					})]
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { w as DeliveryHistoryPage };
+export { D as DeliveryHistoryPage };
 
 //# sourceMappingURL=DeliveryHistoryPage.js.map