@burdenoff/microfe-movethewheels 2026.920.3 → 2026.923.1

package/dist/pages/CustomersPage.js

@@ -14,79 +14,81 @@ import { MetricCard as g, MetricGrid as _ } from "../components/MetricCard.js";
 import { TypeBadge as v } from "../components/StatusBadge.js";
 import { DataTable as y } from "../components/DataTable.js";
 import { formatDate as b } from "../utils/formatters.js";
-import { useState as x } from "react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { CTAOverflowMenu as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
+import { useDebouncedValue as x } from "../hooks/useDebouncedValue.js";
+import { useState as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { CTAOverflowMenu as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CustomersPage.tsx
-function E() {
-	let { basePath: E, navigate: D } = c(), [O, k] = x(0), [A, j] = x(25), { customers: M, hasMore: N, isLoading: P, error: F, refetch: I } = u({
-		limit: A,
-		offset: O * A
-	}), { stats: L } = l(), R = (e) => D?.(s(E, e));
-	return /* @__PURE__ */ C(h, {
+function D() {
+	let { basePath: D, navigate: O } = c(), [k, A] = S(0), [j, M] = S(25), [N, P] = S(""), F = x(N), { customers: I, totalCustomers: L, hasMore: R, isLoading: z, error: B, refetch: V } = u({
+		limit: j,
+		offset: k * j,
+		filters: { search: F }
+	}), { stats: H } = l(), U = (e) => O?.(s(D, e));
+	return /* @__PURE__ */ w(h, {
 		title: "Customers",
-		subtitle: `${L.total} customers`,
-		icon: /* @__PURE__ */ S(o, { size: 24 }),
-		headerActions: /* @__PURE__ */ S(w, {
+		subtitle: `${H.total} customers`,
+		icon: /* @__PURE__ */ C(o, { size: 24 }),
+		headerActions: /* @__PURE__ */ C(T, {
 			primary: {
 				label: "Add Customer",
-				icon: /* @__PURE__ */ S(n, { size: 16 }),
-				onSelect: () => R("customers/new")
+				icon: /* @__PURE__ */ C(n, { size: 16 }),
+				onSelect: () => U("customers/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ S(r, { size: 16 }),
-				onSelect: () => I()
+				icon: /* @__PURE__ */ C(r, { size: 16 }),
+				onSelect: () => V()
 			}, {
 				label: "Export",
-				icon: /* @__PURE__ */ S(t, { size: 16 }),
-				onSelect: () => R("import-export")
+				icon: /* @__PURE__ */ C(t, { size: 16 }),
+				onSelect: () => U("import-export")
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ S(T, {
-				icon: /* @__PURE__ */ S(o, { size: 18 }),
+			/* @__PURE__ */ C(E, {
+				icon: /* @__PURE__ */ C(o, { size: 18 }),
 				children: "The businesses and individuals you deliver for. Keep contact details, locations and satisfaction ratings here, and open a customer to see their order history before booking the next shipment."
 			}),
-			/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+			/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Customer base at a glance"
-			}), /* @__PURE__ */ C(_, {
+			}), /* @__PURE__ */ w(_, {
 				columns: 3,
 				children: [
-					/* @__PURE__ */ S(g, {
+					/* @__PURE__ */ C(g, {
 						label: "Total customers",
-						value: L.total,
-						icon: /* @__PURE__ */ S(o, { size: 20 }),
+						value: H.total,
+						icon: /* @__PURE__ */ C(o, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ S(g, {
+					/* @__PURE__ */ C(g, {
 						label: "Active",
-						value: L.active,
-						icon: /* @__PURE__ */ S(a, { size: 20 }),
+						value: H.active,
+						icon: /* @__PURE__ */ C(a, { size: 20 }),
 						accent: "success",
 						subtitle: "Currently transacting"
 					}),
-					/* @__PURE__ */ S(g, {
+					/* @__PURE__ */ C(g, {
 						label: "Business accounts",
-						value: L.b2b,
-						icon: /* @__PURE__ */ S(e, { size: 20 }),
+						value: H.b2b,
+						icon: /* @__PURE__ */ C(e, { size: 20 }),
 						accent: "blue",
 						subtitle: "B2B relationships"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ S(y, {
+			/* @__PURE__ */ C(y, {
 				columns: [
 					{
 						id: "customer",
 						header: "Customer",
-						cell: (e) => /* @__PURE__ */ C("div", {
+						cell: (e) => /* @__PURE__ */ w("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ S(d, { children: /* @__PURE__ */ S(f, { children: e.name.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+							children: [/* @__PURE__ */ C(d, { children: /* @__PURE__ */ C(f, { children: e.name.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 								className: "font-medium",
 								children: e.name
-							}), /* @__PURE__ */ S("p", {
+							}), /* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary",
 								children: e.email
 							})] })]
@@ -96,7 +98,7 @@ function E() {
 						id: "type",
 						header: "Type",
 						accessorKey: "type",
-						cell: (e) => /* @__PURE__ */ S(v, { type: e.type })
+						cell: (e) => /* @__PURE__ */ C(v, { type: e.type })
 					},
 					{
 						id: "company",
@@ -117,18 +119,18 @@ function E() {
 					{
 						id: "rating",
 						header: "Rating",
-						cell: (e) => /* @__PURE__ */ C("div", {
+						cell: (e) => /* @__PURE__ */ w("div", {
 							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ S(i, {
+							children: [/* @__PURE__ */ C(i, {
 								size: 14,
 								className: "text-status-warning-text fill-current"
-							}), /* @__PURE__ */ S("span", { children: e.rating.toFixed(1) })]
+							}), /* @__PURE__ */ C("span", { children: e.rating.toFixed(1) })]
 						})
 					},
 					{
 						id: "status",
 						header: "Status",
-						cell: (e) => /* @__PURE__ */ S(p, {
+						cell: (e) => /* @__PURE__ */ C(p, {
 							variant: e.isActive ? "default" : "secondary",
 							children: e.isActive ? "Active" : "Inactive"
 						})
@@ -141,10 +143,10 @@ function E() {
 						cell: (e) => b(e.createdAt, "short")
 					}
 				],
-				data: M,
-				isLoading: P,
-				error: F,
-				onRetry: I,
+				data: I,
+				isLoading: z,
+				error: B,
+				onRetry: V,
 				searchable: !0,
 				searchPlaceholder: "Search customers...",
 				searchFields: [
@@ -152,21 +154,26 @@ function E() {
 					"email",
 					"company"
 				],
-				onRowClick: (e) => R(`customers/${e.id}`),
+				searchQuery: N,
+				onSearchQueryChange: (e) => {
+					P(e), A(0);
+				},
+				onRowClick: (e) => U(`customers/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: O,
-				pageSize: A,
-				onPageChange: k,
+				pageIndex: k,
+				pageSize: j,
+				onPageChange: A,
 				onPageSizeChange: (e) => {
-					j(e), k(0);
+					M(e), A(0);
 				},
-				hasNextPage: N,
+				totalItems: L,
+				hasNextPage: R,
 				emptyIllustration: "empty-people",
 				emptyTitle: "No customers yet",
 				emptyDescription: "Add your first customer to start booking deliveries for them.",
-				emptyAction: /* @__PURE__ */ C(m, {
-					onClick: () => R("customers/new"),
-					children: [/* @__PURE__ */ S(n, {
+				emptyAction: /* @__PURE__ */ w(m, {
+					onClick: () => U("customers/new"),
+					children: [/* @__PURE__ */ C(n, {
 						size: 16,
 						className: "mr-1.5"
 					}), "Add Customer"]
@@ -176,4 +183,4 @@ function E() {
 	});
 }
 //#endregion
-export { E as default };
+export { D as default };

package/dist/pages/DeliveryCapturePage.js

@@ -1,24 +1,26 @@
-import { CircleCheck as e } from "../node_modules/lucide-react/dist/esm/icons/circle-check.js";
-import { LoaderCircle as t } from "../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
-import { MapPin as n } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
-import { Package as r } from "../node_modules/lucide-react/dist/esm/icons/package.js";
-import { PenLine as i } from "../node_modules/lucide-react/dist/esm/icons/pen-line.js";
-import { Truck as a } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { Type as o } from "../node_modules/lucide-react/dist/esm/icons/type.js";
-import { Upload as s } from "../node_modules/lucide-react/dist/esm/icons/upload.js";
-import { mapOrderPriority as c, mapOrderStatus as l } from "../hooks/useOrders.js";
-import { useCaptureEpod as u, useEpodPhotoUpload as d, useMyPendingEpodDeliveryJobs as f } from "../hooks/useEpod.js";
-import { Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Input as v, Label as y, Textarea as b } from "../components/ui.js";
-import { PageLayout as x } from "../components/PageLayout.js";
-import { PriorityBadge as S, StatusBadge as C } from "../components/StatusBadge.js";
-import { FormError as w } from "../components/FormError.js";
-import { Notice as T, useNotice as E } from "../components/Notice.js";
-import { formatAddress as D, formatDate as O } from "../utils/formatters.js";
-import { SignaturePad as k } from "../components/SignaturePad.js";
-import { useRef as A, useState as j } from "react";
-import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { ChevronLeft as e } from "../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
+import { ChevronRight as t } from "../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import { CircleCheck as n } from "../node_modules/lucide-react/dist/esm/icons/circle-check.js";
+import { LoaderCircle as r } from "../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+import { MapPin as i } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
+import { Package as a } from "../node_modules/lucide-react/dist/esm/icons/package.js";
+import { PenLine as o } from "../node_modules/lucide-react/dist/esm/icons/pen-line.js";
+import { Truck as s } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { Type as c } from "../node_modules/lucide-react/dist/esm/icons/type.js";
+import { Upload as l } from "../node_modules/lucide-react/dist/esm/icons/upload.js";
+import { mapOrderPriority as u, mapOrderStatus as d } from "../hooks/useOrders.js";
+import { useCaptureEpod as f, useEpodPhotoUpload as p, useMyPendingEpodDeliveryJobs as m } from "../hooks/useEpod.js";
+import { Button as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y, Input as b, Label as x, Textarea as S } from "../components/ui.js";
+import { PageLayout as C } from "../components/PageLayout.js";
+import { PriorityBadge as w, StatusBadge as T } from "../components/StatusBadge.js";
+import { FormError as E } from "../components/FormError.js";
+import { Notice as D, useNotice as O } from "../components/Notice.js";
+import { formatAddress as k, formatDate as A } from "../utils/formatters.js";
+import { SignaturePad as j } from "../components/SignaturePad.js";
+import { useRef as M, useState as N } from "react";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
 //#region src/movethewheels/pages/DeliveryCapturePage.tsx
-function F() {
+function L() {
 	return new Promise((e) => {
 		if (!navigator.geolocation) {
 			e(null);
@@ -31,122 +33,122 @@ function F() {
 		});
 	});
 }
-function I({ job: r, onCaptured: c, onCancel: l }) {
-	let { captureEpod: f, isSubmitting: x, error: S } = u(), { upload: C, isUploading: T, error: E } = d(), O = A(null), [I, L] = j(""), [R, z] = j("drawn"), [B, V] = j(""), [H, U] = j(null), [W, G] = j(""), [K, q] = j(null), J = async () => {
+function R({ job: e, onCaptured: t, onCancel: a }) {
+	let { captureEpod: u, isSubmitting: d, error: m } = f(), { upload: C, isUploading: w, error: T } = p(), D = M(null), [O, A] = N(""), [R, z] = N("drawn"), [B, V] = N(""), [H, U] = N(null), [W, G] = N(""), [K, q] = N(null), J = async () => {
 		q(null);
-		let e = I.trim();
-		if (!e) {
+		let n = O.trim();
+		if (!n) {
 			q("Recipient name is required.");
 			return;
 		}
-		let t = R === "typed" ? B.trim() : O.current?.toDataUrl() ?? null;
-		if (!t) {
+		let r = R === "typed" ? B.trim() : D.current?.toDataUrl() ?? null;
+		if (!r) {
 			q(R === "typed" ? "Type the recipient full name as their signature." : "A signature is required.");
 			return;
 		}
 		try {
-			let n;
-			H && (n = [(await C(H)).fileId]);
-			let i = await F();
-			await f({
-				deliveryJobId: r.id,
-				recipientName: e,
+			let i;
+			H && (i = [(await C(H)).fileId]);
+			let a = await L();
+			await u({
+				deliveryJobId: e.id,
+				recipientName: n,
 				signatureType: R,
-				signatureData: t,
-				photoFileIds: n,
-				latitude: i?.coords.latitude,
-				longitude: i?.coords.longitude,
-				locationAccuracy: i?.coords.accuracy,
+				signatureData: r,
+				photoFileIds: i,
+				latitude: a?.coords.latitude,
+				longitude: a?.coords.longitude,
+				locationAccuracy: a?.coords.accuracy,
 				notes: W.trim() || void 0
-			}), c();
+			}), t();
 		} catch {}
-	}, Y = x || T;
-	return /* @__PURE__ */ P(m, { children: [/* @__PURE__ */ N(g, { children: /* @__PURE__ */ P(_, {
+	}, Y = d || w;
+	return /* @__PURE__ */ I(g, { children: [/* @__PURE__ */ F(v, { children: /* @__PURE__ */ I(y, {
 		className: "flex items-center gap-2",
 		children: [
-			/* @__PURE__ */ N(a, { size: 18 }),
+			/* @__PURE__ */ F(s, { size: 18 }),
 			" Capture delivery for ",
-			r.deliveryJobNumber
+			e.deliveryJobNumber
 		]
-	}) }), /* @__PURE__ */ P(h, {
+	}) }), /* @__PURE__ */ I(_, {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ I("div", {
 				className: "text-sm text-text-secondary space-y-1",
-				children: [r.customerName && /* @__PURE__ */ P("p", { children: ["Recipient on file: ", r.customerName] }), r.deliveryAddress && /* @__PURE__ */ N("p", { children: D(r.deliveryAddress) })]
+				children: [e.customerName && /* @__PURE__ */ I("p", { children: ["Recipient on file: ", e.customerName] }), e.deliveryAddress && /* @__PURE__ */ F("p", { children: k(e.deliveryAddress) })]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ I("div", {
 				className: "space-y-1.5",
-				children: [/* @__PURE__ */ N(y, {
+				children: [/* @__PURE__ */ F(x, {
 					htmlFor: "epod-recipient-name",
 					children: "Recipient name"
-				}), /* @__PURE__ */ N(v, {
+				}), /* @__PURE__ */ F(b, {
 					id: "epod-recipient-name",
-					value: I,
-					onChange: (e) => L(e.target.value),
+					value: O,
+					onChange: (e) => A(e.target.value),
 					placeholder: "Who received the delivery?"
 				})]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ I("div", {
 				className: "space-y-1.5",
 				children: [
-					/* @__PURE__ */ N(y, { children: "Signature" }),
-					/* @__PURE__ */ P("div", {
+					/* @__PURE__ */ F(x, { children: "Signature" }),
+					/* @__PURE__ */ I("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ P(p, {
+						children: [/* @__PURE__ */ I(h, {
 							type: "button",
 							variant: R === "drawn" ? "default" : "outline",
 							size: "sm",
 							onClick: () => z("drawn"),
-							children: [/* @__PURE__ */ N(i, { size: 14 }), " Draw"]
-						}), /* @__PURE__ */ P(p, {
+							children: [/* @__PURE__ */ F(o, { size: 14 }), " Draw"]
+						}), /* @__PURE__ */ I(h, {
 							type: "button",
 							variant: R === "typed" ? "default" : "outline",
 							size: "sm",
 							onClick: () => z("typed"),
-							children: [/* @__PURE__ */ N(o, { size: 14 }), " Type name instead"]
+							children: [/* @__PURE__ */ F(c, { size: 14 }), " Type name instead"]
 						})]
 					}),
-					R === "drawn" ? /* @__PURE__ */ N(k, { ref: O }) : /* @__PURE__ */ N(v, {
+					R === "drawn" ? /* @__PURE__ */ F(j, { ref: D }) : /* @__PURE__ */ F(b, {
 						value: B,
 						onChange: (e) => V(e.target.value),
 						placeholder: "Type full name as signature"
 					})
 				]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ I("div", {
 				className: "space-y-1.5",
 				children: [
-					/* @__PURE__ */ N(y, {
+					/* @__PURE__ */ F(x, {
 						htmlFor: "epod-photo",
 						children: "Delivery photo (optional)"
 					}),
-					/* @__PURE__ */ P("div", {
+					/* @__PURE__ */ I("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ N("input", {
+						children: [/* @__PURE__ */ F("input", {
 							id: "epod-photo",
 							type: "file",
 							accept: "image/*",
 							capture: "environment",
 							onChange: (e) => U(e.target.files?.[0] ?? null),
 							className: "text-sm"
-						}), H && /* @__PURE__ */ N(s, {
+						}), H && /* @__PURE__ */ F(l, {
 							size: 14,
 							className: "text-text-secondary"
 						})]
 					}),
-					H && /* @__PURE__ */ N("p", {
+					H && /* @__PURE__ */ F("p", {
 						className: "text-xs text-text-secondary",
 						children: H.name
 					})
 				]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ I("div", {
 				className: "space-y-1.5",
-				children: [/* @__PURE__ */ N(y, {
+				children: [/* @__PURE__ */ F(x, {
 					htmlFor: "epod-notes",
 					children: "Notes (optional)"
-				}), /* @__PURE__ */ N(b, {
+				}), /* @__PURE__ */ F(S, {
 					id: "epod-notes",
 					value: W,
 					onChange: (e) => G(e.target.value),
@@ -154,99 +156,119 @@ function I({ job: r, onCaptured: c, onCancel: l }) {
 					rows: 2
 				})]
 			}),
-			/* @__PURE__ */ P("p", {
+			/* @__PURE__ */ I("p", {
 				className: "flex items-center gap-1.5 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ N(n, { size: 12 }), " Device GPS is captured automatically when permitted by the browser."]
+				children: [/* @__PURE__ */ F(i, { size: 12 }), " Device GPS is captured automatically when permitted by the browser."]
 			}),
-			K && /* @__PURE__ */ N(w, { message: K }),
-			S && /* @__PURE__ */ N(w, { message: S.message }),
-			E && /* @__PURE__ */ N(w, { message: E.message }),
-			/* @__PURE__ */ P("div", {
+			K && /* @__PURE__ */ F(E, { message: K }),
+			m && /* @__PURE__ */ F(E, { message: m.message }),
+			T && /* @__PURE__ */ F(E, { message: T.message }),
+			/* @__PURE__ */ I("div", {
 				className: "flex gap-2 justify-end",
-				children: [/* @__PURE__ */ N(p, {
+				children: [/* @__PURE__ */ F(h, {
 					type: "button",
 					variant: "outline",
-					onClick: l,
+					onClick: a,
 					disabled: Y,
 					children: "Cancel"
-				}), /* @__PURE__ */ N(p, {
+				}), /* @__PURE__ */ F(h, {
 					type: "button",
 					onClick: () => void J(),
 					disabled: Y,
-					children: Y ? /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(t, {
+					children: Y ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(r, {
 						size: 14,
 						className: "animate-spin"
-					}), " Submitting…"] }) : /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(e, { size: 14 }), " Confirm delivery"] })
+					}), " Submitting…"] }) : /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(n, { size: 14 }), " Confirm delivery"] })
 				})]
 			})
 		]
 	})] });
 }
-function L() {
-	let { jobs: t, isLoading: n, error: i, refetch: o } = f(), [s, u] = j(null), { message: d, notify: g } = E();
-	return /* @__PURE__ */ N(x, {
+function z() {
+	let [r, i] = N(0), { jobs: o, hasMore: c, isLoading: l, error: f, refetch: p } = m({
+		limit: 20,
+		offset: r * 20
+	}), [v, y] = N(null), { message: b, notify: x } = O();
+	return /* @__PURE__ */ F(C, {
 		title: "My Deliveries",
 		subtitle: "Capture proof of delivery for your assigned stops",
-		icon: /* @__PURE__ */ N(a, { size: 24 }),
-		children: /* @__PURE__ */ P("div", {
+		icon: /* @__PURE__ */ F(s, { size: 24 }),
+		children: /* @__PURE__ */ I("div", {
 			className: "space-y-4",
-			children: [/* @__PURE__ */ N(T, { message: d }), s ? /* @__PURE__ */ N(I, {
-				job: s,
+			children: [/* @__PURE__ */ F(D, { message: b }), v ? /* @__PURE__ */ F(R, {
+				job: v,
 				onCaptured: () => {
-					g("Proof of delivery captured — delivery marked complete."), u(null), o();
+					x("Proof of delivery captured — delivery marked complete."), y(null), i(0), p();
 				},
-				onCancel: () => u(null)
-			}) : n ? /* @__PURE__ */ N("p", {
+				onCancel: () => y(null)
+			}) : l ? /* @__PURE__ */ F("p", {
 				className: "text-text-secondary text-center py-8",
 				children: "Loading your deliveries…"
-			}) : i ? /* @__PURE__ */ N(w, { message: i.message }) : t.length > 0 ? /* @__PURE__ */ N("div", {
+			}) : f ? /* @__PURE__ */ F(E, { message: f.message }) : o.length > 0 ? /* @__PURE__ */ I("div", {
 				className: "space-y-3",
-				children: t.map((e) => /* @__PURE__ */ N(m, { children: /* @__PURE__ */ P(h, {
+				children: [o.map((e) => /* @__PURE__ */ F(g, { children: /* @__PURE__ */ I(_, {
 					className: "flex items-center justify-between gap-3 py-4",
-					children: [/* @__PURE__ */ P("div", {
+					children: [/* @__PURE__ */ I("div", {
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ P("p", {
+							/* @__PURE__ */ I("p", {
 								className: "font-medium flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ N(r, { size: 16 }),
+									/* @__PURE__ */ F(a, { size: 16 }),
 									" ",
 									e.deliveryJobNumber
 								]
 							}),
-							/* @__PURE__ */ P("div", {
+							/* @__PURE__ */ I("div", {
 								className: "flex flex-wrap items-center gap-1.5 py-1",
-								children: [/* @__PURE__ */ N(C, {
-									status: l(e.status),
+								children: [/* @__PURE__ */ F(T, {
+									status: d(e.status),
 									type: "order",
 									size: "sm"
-								}), /* @__PURE__ */ N(S, {
-									priority: c(e.priority),
+								}), /* @__PURE__ */ F(w, {
+									priority: u(e.priority),
 									size: "sm"
 								})]
 							}),
-							e.deliveryAddress && /* @__PURE__ */ N("p", {
+							e.deliveryAddress && /* @__PURE__ */ F("p", {
 								className: "text-sm text-text-secondary truncate",
-								children: D(e.deliveryAddress)
+								children: k(e.deliveryAddress)
 							}),
-							e.scheduledDelivery && /* @__PURE__ */ P("p", {
+							e.scheduledDelivery && /* @__PURE__ */ I("p", {
 								className: "text-xs text-text-secondary",
-								children: ["Scheduled ", O(e.scheduledDelivery, "short")]
+								children: ["Scheduled ", A(e.scheduledDelivery, "short")]
 							})
 						]
-					}), /* @__PURE__ */ N(p, {
+					}), /* @__PURE__ */ F(h, {
 						type: "button",
 						size: "sm",
-						onClick: () => u(e),
+						onClick: () => y(e),
 						children: "Capture"
 					})]
-				}) }, e.id))
-			}) : /* @__PURE__ */ P("div", {
+				}) }, e.id)), (r > 0 || c) && /* @__PURE__ */ I("div", {
+					className: "flex justify-end gap-2 pt-2",
+					children: [/* @__PURE__ */ I(h, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						disabled: r === 0 || l,
+						onClick: () => i((e) => Math.max(0, e - 1)),
+						children: [/* @__PURE__ */ F(e, { size: 16 }), " Previous"]
+					}), /* @__PURE__ */ I(h, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						disabled: !c || l,
+						onClick: () => i((e) => e + 1),
+						children: ["Next ", /* @__PURE__ */ F(t, { size: 16 })]
+					})]
+				})]
+			}) : /* @__PURE__ */ I("div", {
 				className: "text-center py-12",
-				children: [/* @__PURE__ */ N(e, {
+				children: [/* @__PURE__ */ F(n, {
 					size: 40,
 					className: "mx-auto mb-3 text-text-secondary opacity-50"
-				}), /* @__PURE__ */ N("p", {
+				}), /* @__PURE__ */ F("p", {
 					className: "text-text-secondary",
 					children: "No deliveries awaiting proof of delivery."
 				})]
@@ -255,4 +277,4 @@ function L() {
 	});
 }
 //#endregion
-export { L as default };
+export { z as default };