@burdenoff/microfe-channel 2026.520.1 → 2026.520.2

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

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