@burdenoff/microfe-channel 2026.519.1 → 2026.520.2

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

@@ -3,13 +3,13 @@ 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, Clock as f, Download as p, Loader2 as m, RefreshCw as h, RotateCcw as g, Send as _, XCircle as v } from "lucide-react";
+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 { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/channel/modules/channels/pages/DeliveryHistoryPage.tsx
-var C = {
+var w = {
 	PENDING: {
 		label: "Pending",
 		color: "text-muted-foreground bg-muted",
@@ -17,7 +17,7 @@ var C = {
 	},
 	QUEUED: {
 		label: "Queued",
-		color: "text-info-500 bg-info-100",
+		color: "text-accent-primary bg-accent-primary-subtle",
 		icon: f
 	},
 	SENDING: {
@@ -27,32 +27,32 @@ var C = {
 	},
 	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",
+		color: "text-status-error-text bg-status-error-bg-subtle",
 		icon: v
 	},
 	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",
+		color: "text-status-error-text bg-status-error-bg-subtle",
 		icon: v
 	},
 	RATE_LIMITED: {
 		label: "Rate Limited",
-		color: "text-warning-500 bg-warning-100",
+		color: "text-status-warning-text bg-status-warning-bg-subtle",
 		icon: f
 	},
 	RETRYING: {
@@ -62,303 +62,337 @@ var C = {
 	},
 	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) => {
+function T() {
+	let { channelId: d } = b(), f = y(), { t: v } = ee(), T = (e, t) => {
 		let n = v(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: 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) {
 			A(!0), I(null);
 			try {
-				M(await H(L));
+				let t = await J(L, e);
+				return M(t.items), B(t.total), t.nextCursor;
 			} finally {
 				A(!1);
 			}
 		}
 	}, [
 		d,
-		H,
+		J,
 		L
-	]);
+	]), Z = s(X), Q = s(V);
+	o(() => {
+		Z.current = X, Q.current = V;
+	});
+	let $ = s(!0);
 	o(() => {
-		Promise.resolve().then(() => W());
-	}, [W]), o(() => {
-		if (!d) return;
+		Promise.resolve().then(() => {
+			H([void 0]), W(0), Z.current(void 0);
+		});
+	}, [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(() => {
-			W();
+			X(void 0);
 		}, 6e4);
 		return () => clearInterval(e);
-	}, [d, W]);
-	let G = async (e) => {
+	}, [
+		d,
+		U,
+		X
+	]);
+	let ie = a(async () => {
+		let e = await X(V[U]);
+		e && H((t) => {
+			let n = [...t];
+			return n[U + 1] || (n[U + 1] = e), n;
+		}), W((e) => e + 1);
+	}, [
+		V,
+		U,
+		X
+	]), ae = a(() => {
+		let e = U - 1;
+		W(e), X(V[e]);
+	}, [
+		V,
+		U,
+		X
+	]), oe = j.length === L, se = U > 0, ce = async (e) => {
 		P(e), I(null);
 		try {
-			let t = await U(e);
-			t.success || I(t.error || "Retry failed");
+			let t = await Y(e);
+			t.success ? await X(V[U]) : I(t.error || "Retry failed");
 		} finally {
 			P(null);
 		}
-	}, K = (e) => C[e] || C.PENDING;
-	return B ? /* @__PURE__ */ x("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": w("channel.loading", "Loading"),
-		children: /* @__PURE__ */ x(m, {
+		"aria-label": T("channel.loading", "Loading"),
+		children: /* @__PURE__ */ S(m, {
 			size: 32,
 			className: "animate-spin text-accent-primary",
 			"aria-hidden": "true"
 		})
-	}) : V || !z ? /* @__PURE__ */ x("div", {
+	}) : q || !G ? /* @__PURE__ */ S("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__ */ C("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__ */ S(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__ */ S("div", { children: /* @__PURE__ */ S("p", {
+					className: "text-sm font-medium text-status-error-text",
+					children: q || "Channel not found"
 				}) }),
-				/* @__PURE__ */ x("button", {
+				/* @__PURE__ */ S("button", {
 					onClick: () => f(`/channels/${d}`),
-					className: "ml-auto px-3 py-1 text-sm text-error-700 hover:bg-error-200 rounded transition-colors",
+					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__ */ S(n, {
 		permission: r.CHANNEL_DELIVERY_READ,
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "space-y-6 p-3 sm:p-6",
 			children: [
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ C("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ x("button", {
+						children: [/* @__PURE__ */ S("button", {
 							onClick: () => f(`/channels/${d}`),
-							"aria-label": w("channel.backToChannel", "Back to channel"),
+							"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__ */ x(u, {
+							children: /* @__PURE__ */ S(u, {
 								size: 20,
 								"aria-hidden": "true"
 							})
-						}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h1", {
+						}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h1", {
 							className: "text-xl sm:text-2xl font-bold text-foreground",
-							children: w("channel.deliveryHistory", "Delivery History")
-						}), /* @__PURE__ */ S("p", {
+							children: T("channel.deliveryHistory", "Delivery History")
+						}), /* @__PURE__ */ C("p", {
 							className: "text-sm text-muted-foreground mt-1",
-							children: [z.name, " - Message deliveries"]
+							children: [G.name, " - Message deliveries"]
 						})] })]
-					}), /* @__PURE__ */ S("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ S("select", {
+							/* @__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__ */ x("option", {
+									/* @__PURE__ */ S("option", {
 										value: 10,
 										children: "10 results"
 									}),
-									/* @__PURE__ */ x("option", {
+									/* @__PURE__ */ S("option", {
 										value: 25,
 										children: "25 results"
 									}),
-									/* @__PURE__ */ x("option", {
+									/* @__PURE__ */ S("option", {
 										value: 50,
 										children: "50 results"
 									}),
-									/* @__PURE__ */ x("option", {
+									/* @__PURE__ */ S("option", {
 										value: 100,
 										children: "100 results"
 									})
 								]
 							}),
-							/* @__PURE__ */ S("button", {
-								onClick: W,
+							/* @__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__ */ x(h, {
+								children: [/* @__PURE__ */ S(h, {
 									size: 16,
 									className: k ? "animate-spin" : ""
-								}), w("channel.refresh", "Refresh")]
+								}), T("channel.refresh", "Refresh")]
 							}),
-							/* @__PURE__ */ x(n, {
+							/* @__PURE__ */ S(n, {
 								permission: r.CHANNEL_ADMIN,
-								children: /* @__PURE__ */ S("button", {
-									onClick: () => void E(),
+								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: w("channel.exportCSV", "Export to CSV"),
-									children: [D ? /* @__PURE__ */ x(m, {
+									title: T("channel.exportCSV", "Export to CSV"),
+									children: [D ? /* @__PURE__ */ S(m, {
 										size: 16,
 										className: "animate-spin"
-									}) : /* @__PURE__ */ x(p, { size: 16 }), w("channel.export", "Export")]
+									}) : /* @__PURE__ */ S(p, { size: 16 }), T("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, {
+				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__ */ S(l, {
 						size: 20,
-						className: "text-error-500"
-					}), /* @__PURE__ */ x("p", {
-						className: "text-sm text-error-700 flex-1",
+						className: "text-status-error-text"
+					}), /* @__PURE__ */ S("p", {
+						className: "text-sm text-status-error-text flex-1",
 						children: O
 					})]
 				}),
-				F && /* @__PURE__ */ S("div", {
-					className: "p-4 bg-error-100 border border-error-500 rounded-lg flex items-center gap-3",
+				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__ */ x(l, {
+						/* @__PURE__ */ S(l, {
 							size: 20,
-							className: "text-error-500"
+							className: "text-status-error-text"
 						}),
-						/* @__PURE__ */ x("p", {
-							className: "text-sm text-error-700 flex-1",
+						/* @__PURE__ */ S("p", {
+							className: "text-sm text-status-error-text flex-1",
 							children: F
 						}),
-						/* @__PURE__ */ x("button", {
+						/* @__PURE__ */ S("button", {
 							onClick: () => I(null),
-							className: "text-error-500 hover:text-error-700",
-							children: w("channel.dismiss", "Dismiss")
+							className: "text-status-error-text hover:text-status-error-text",
+							children: T("channel.dismiss", "Dismiss")
 						})
 					]
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ S("div", {
 					className: "p-4 bg-surface border border-border rounded-lg",
-					children: /* @__PURE__ */ x("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__ */ x("div", {
+				/* @__PURE__ */ S("div", {
 					className: "bg-surface border border-border rounded-lg overflow-hidden",
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ S("div", {
 						className: "overflow-x-auto min-w-full",
-						children: /* @__PURE__ */ S("table", {
+						children: /* @__PURE__ */ C("table", {
 							className: "w-full min-w-[700px]",
-							children: [/* @__PURE__ */ x("thead", {
+							children: [/* @__PURE__ */ S("thead", {
 								className: "bg-muted/50 border-b border-border",
-								children: /* @__PURE__ */ S("tr", { children: [
-									/* @__PURE__ */ x("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: w("channel.status", "Status")
+										children: T("channel.status", "Status")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: w("channel.content", "Content")
+										children: T("channel.content", "Content")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ S("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: T("channel.sentAt", "Sent At")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: w("channel.retries", "Retries")
+										children: T("channel.retries", "Retries")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: w("channel.error", "Error")
+										children: T("channel.error", "Error")
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ S("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
-										children: w("channel.actions", "Actions")
+										children: T("channel.actions", "Actions")
 									})
 								] })
-							}), /* @__PURE__ */ x("tbody", {
+							}), /* @__PURE__ */ S("tbody", {
 								className: "divide-y divide-border",
-								children: k ? /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ S("td", {
+								children: k ? /* @__PURE__ */ S("tr", { children: /* @__PURE__ */ C("td", {
 									colSpan: 6,
 									className: "px-4 py-12 text-center",
-									children: [/* @__PURE__ */ x(m, {
+									children: [/* @__PURE__ */ S(m, {
 										size: 24,
 										className: "animate-spin text-accent-primary mx-auto"
-									}), /* @__PURE__ */ x("p", {
+									}), /* @__PURE__ */ S("p", {
 										className: "text-sm text-muted-foreground mt-2",
 										children: "Loading delivery attempts..."
 									})]
-								}) }) : j.length === 0 ? /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ x("td", {
+								}) }) : j.length === 0 ? /* @__PURE__ */ S("tr", { children: /* @__PURE__ */ S("td", {
 									colSpan: 6,
 									className: "px-4 py-12 text-center",
-									children: /* @__PURE__ */ S("div", {
+									children: /* @__PURE__ */ C("div", {
 										className: "flex flex-col items-center gap-2",
 										children: [
-											/* @__PURE__ */ x(_, {
+											/* @__PURE__ */ S(_, {
 												size: 32,
 												className: "text-muted-foreground"
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ S("p", {
 												className: "text-sm font-medium text-foreground",
-												children: w("channel.noDeliveryAttempts", "No delivery attempts yet")
+												children: T("channel.noDeliveryAttempts", "No delivery attempts yet")
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ S("p", {
 												className: "text-xs text-muted-foreground",
-												children: w("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")
 											})
 										]
 									})
 								}) }) : 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", {
+									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__ */ x("td", {
+											/* @__PURE__ */ S("td", {
 												className: "px-4 py-3",
-												children: /* @__PURE__ */ S("div", {
+												children: /* @__PURE__ */ C("div", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ x(i, {
+													children: [/* @__PURE__ */ S(i, {
 														size: 14,
 														className: t.color.split(" ")[0]
-													}), /* @__PURE__ */ x("span", {
+													}), /* @__PURE__ */ S("span", {
 														className: `text-sm font-medium ${t.color}`,
 														children: t.label
 													})]
 												})
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ S("td", {
 												className: "px-4 py-3 text-sm text-foreground truncate max-w-xs",
 												children: e.content
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ S("td", {
 												className: "px-4 py-3 text-sm text-muted-foreground",
 												children: e.sentAt ? new Date(e.sentAt).toLocaleString() : "-"
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ S("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__ */ S("td", {
+												className: "px-4 py-3 text-sm text-status-error-text max-w-xs truncate",
 												children: e.errorMessage || "-"
 											}),
-											/* @__PURE__ */ x("td", {
+											/* @__PURE__ */ S("td", {
 												className: "px-4 py-3",
-												children: a && /* @__PURE__ */ x(n, {
+												children: a && /* @__PURE__ */ S(n, {
 													permission: r.CHANNEL_DELIVERY_EXECUTE,
-													children: /* @__PURE__ */ S("button", {
-														onClick: () => G(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: w("channel.retryDelivery", "Retry this delivery"),
-														children: [/* @__PURE__ */ x(g, {
+														title: T("channel.retryDelivery", "Retry this delivery"),
+														children: [/* @__PURE__ */ S(g, {
 															size: 12,
 															className: N === e.id ? "animate-spin" : ""
-														}), N === e.id ? w("channel.retrying", "Retrying...") : w("channel.retry", "Retry")]
+														}), N === e.id ? T("channel.retrying", "Retrying...") : T("channel.retry", "Retry")]
 													})
 												})
 											})
@@ -368,12 +402,46 @@ function w() {
 							})]
 						})
 					})
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ S("p", {
+						className: "text-sm text-muted-foreground",
+						children: z > 0 && /* @__PURE__ */ C(x, { children: [
+							T("channel.page", "Page"),
+							" ",
+							/* @__PURE__ */ S("span", {
+								className: "font-medium",
+								children: U + 1
+							}),
+							" · ",
+							T("channel.totalRecords", "Total"),
+							": ",
+							/* @__PURE__ */ S("span", {
+								className: "font-medium",
+								children: z
+							})
+						] })
+					}), /* @__PURE__ */ C("div", {
+						className: "flex items-center gap-2",
+						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__ */ 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: [T("channel.next", "Next"), /* @__PURE__ */ S(ne, { size: 16 })]
+						})]
+					})]
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { w as DeliveryHistoryPage };
+export { T as DeliveryHistoryPage };
 
 //# sourceMappingURL=DeliveryHistoryPage.js.map