@gelabs/ovr 0.4.3 → 0.4.4

package/dist/ui-components-admin/issuance-form.js

@@ -1,440 +1,23 @@
 "use client";
-import { Skeleton } from '../chunk-EGKFELO3.js';
-import { Textarea } from '../chunk-QCRVT2SS.js';
-import { Alert, AlertDescription } from '../chunk-EYFZWQ4J.js';
-import { Checkbox } from '../chunk-BBQBKQA4.js';
-import { TicketPreview } from '../chunk-ZUMEOZ22.js';
+export { IssuanceForm } from '../chunk-NPTR7GFZ.js';
+import '../chunk-EGKFELO3.js';
+import '../chunk-JTSTNZAB.js';
 import '../chunk-IBZVIUNI.js';
 import '../chunk-GLIK5BHP.js';
+import '../chunk-QCRVT2SS.js';
+import '../chunk-YGYA7KEG.js';
 import '../chunk-NSCIBSCW.js';
+import '../chunk-EYFZWQ4J.js';
+import '../chunk-BBQBKQA4.js';
+import '../chunk-XQTVSNHC.js';
+import '../chunk-M35R6JLA.js';
+import '../chunk-K3KIBHJF.js';
 import '../chunk-OE525ZER.js';
 import '../chunk-BVI5XDDA.js';
-import { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../chunk-SETIN6XP.js';
 import '../chunk-OWCGEEAZ.js';
 import '../chunk-55FQP2DO.js';
-import { Label } from '../chunk-XQTVSNHC.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose } from '../chunk-M35R6JLA.js';
-import { Input } from '../chunk-K3KIBHJF.js';
-import { Button } from '../chunk-I4WDVYHX.js';
-import { useFormatters, useOvrConfig } from '../chunk-TJSNVTVB.js';
-import { cn } from '../chunk-77QBZC7J.js';
-import { useIdentity } from '../chunk-YGYA7KEG.js';
-import { localToManilaISO, toPreviewTicket, listProvinces, citiesOfProvince } from '../chunk-BI4EGLPG.js';
-import * as React from 'react';
-import { toast } from 'sonner';
-import { FilePlus2, TriangleAlert, Loader2 } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var fieldClass = "h-9 w-full rounded-lg border border-input bg-transparent px-2.5 text-sm shadow-xs outline-none transition-colors focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 dark:bg-input/30";
-function TextField({
-  id,
-  label,
-  value,
-  onChange,
-  placeholder,
-  required,
-  type = "text"
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs(Label, { htmlFor: id, children: [
-      label,
-      required ? /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" }) : null
-    ] }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        id,
-        type,
-        value,
-        onChange: (e) => onChange(e.target.value),
-        placeholder,
-        autoComplete: "off"
-      }
-    )
-  ] });
-}
-function ViolationRow({
-  item,
-  checked,
-  details,
-  onToggle,
-  onDetails,
-  formatPeso
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "rounded-lg border p-3 transition-colors",
-        checked ? "border-primary/40 bg-primary/5" : "hover:bg-muted/40"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              id: `v-${item.code}`,
-              checked,
-              onCheckedChange: (v) => onToggle(v === true),
-              className: "mt-0.5"
-            }
-          ),
-          /* @__PURE__ */ jsxs("label", { htmlFor: `v-${item.code}`, className: "flex-1 cursor-pointer", children: [
-            /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: item.title }),
-              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-medium tabular-nums", children: formatPeso(item.basicFine) })
-            ] }),
-            /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-muted-foreground", children: item.code })
-          ] })
-        ] }),
-        checked ? /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            value: details,
-            onChange: (e) => onDetails(e.target.value),
-            placeholder: "Add details \u2014 location, circumstances, plate, etc.",
-            rows: 2,
-            className: "mt-2.5"
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function IssuanceForm({
-  catalog,
-  officers,
-  createAction
-}) {
-  const { formatPeso, nowManilaLocalInput } = useFormatters();
-  const { municipality, rules } = useOvrConfig();
-  const identity = useIdentity();
-  const [firstName, setFirstName] = React.useState("");
-  const [middleName, setMiddleName] = React.useState("");
-  const [lastName, setLastName] = React.useState("");
-  const [street, setStreet] = React.useState("");
-  const [barangay, setBarangay] = React.useState("");
-  const [cityMunicipality, setCityMunicipality] = React.useState(
-    municipality.shortName
-  );
-  const [province, setProvince] = React.useState(municipality.province);
-  const [licenseNumber, setLicenseNumber] = React.useState("");
-  const [plateNumber, setPlateNumber] = React.useState("");
-  const [contactNo, setContactNo] = React.useState("");
-  const [apprehendedLocal, setApprehendedLocal] = React.useState("");
-  const [placeOfViolation, setPlaceOfViolation] = React.useState("");
-  const [officerId, setOfficerId] = React.useState(officers[0]?.id ?? "");
-  const [selected, setSelected] = React.useState({});
-  const [remarks, setRemarks] = React.useState("");
-  const [issuedBy, setIssuedBy] = React.useState("");
-  const [mounted, setMounted] = React.useState(false);
-  const [open, setOpen] = React.useState(false);
-  const [error, setError] = React.useState(null);
-  const [isPending, startTransition] = React.useTransition();
-  React.useEffect(() => {
-    setMounted(true);
-    setApprehendedLocal(nowManilaLocalInput());
-  }, [nowManilaLocalInput]);
-  function toggle(code, checked) {
-    setSelected((prev) => {
-      const next = { ...prev };
-      if (checked) next[code] = next[code] ?? "";
-      else delete next[code];
-      return next;
-    });
-  }
-  const violator = {
-    firstName,
-    middleName: middleName || void 0,
-    lastName,
-    street,
-    barangay: barangay || void 0,
-    cityMunicipality,
-    province,
-    licenseNumber,
-    plateNumber: plateNumber || void 0,
-    contactNo: contactNo || void 0
-  };
-  const chosen = catalog.filter((c) => c.code in selected);
-  const total = chosen.reduce((s, c) => s + c.basicFine, 0);
-  const draft = {
-    violator,
-    apprehendedAtISO: apprehendedLocal ? localToManilaISO(apprehendedLocal) : "",
-    placeOfViolation: placeOfViolation || void 0,
-    officer: officers.find((o) => o.id === officerId),
-    violations: chosen.map((c) => ({ item: c, details: selected[c.code] })),
-    remarks: remarks || void 0
-  };
-  const preview = toPreviewTicket(draft, /* @__PURE__ */ new Date(), rules);
-  const valid = !!firstName.trim() && !!lastName.trim() && !!street.trim() && !!cityMunicipality.trim() && !!province.trim() && !!licenseNumber.trim() && !!apprehendedLocal && !!officerId && chosen.length > 0;
-  function issue() {
-    setError(null);
-    const input = {
-      violator,
-      apprehendedAt: localToManilaISO(apprehendedLocal),
-      placeOfViolation: placeOfViolation || void 0,
-      officerId,
-      violations: Object.entries(selected).map(([catalogCode, details]) => ({
-        catalogCode,
-        details: details || void 0
-      })),
-      remarks: remarks || void 0,
-      issuedBy: issuedBy || void 0,
-      apprehendingEnforcerId: identity?.userId,
-      apprehendingEnforcerName: identity?.username
-    };
-    startTransition(async () => {
-      const res = await createAction(input);
-      if (res?.error) {
-        setError(res.error);
-        toast.error(res.error);
-      }
-    });
-  }
-  const traffic = catalog.filter((c) => c.category === "TRAFFIC");
-  const ordinance = catalog.filter((c) => c.category === "ORDINANCE");
-  return /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-5", children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-6 lg:col-span-3", children: [
-      /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Violator details" }) }),
-        /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4 sm:grid-cols-2", children: [
-          /* @__PURE__ */ jsx(TextField, { id: "firstName", label: "First name", value: firstName, onChange: setFirstName, required: true }),
-          /* @__PURE__ */ jsx(TextField, { id: "middleName", label: "Middle name", value: middleName, onChange: setMiddleName }),
-          /* @__PURE__ */ jsx(TextField, { id: "lastName", label: "Last name", value: lastName, onChange: setLastName, required: true }),
-          /* @__PURE__ */ jsx(TextField, { id: "license", label: "License number", value: licenseNumber, onChange: setLicenseNumber, required: true, placeholder: "N03-12-345678" }),
-          /* @__PURE__ */ jsx("div", { className: "sm:col-span-2", children: /* @__PURE__ */ jsx(TextField, { id: "street", label: "Address line", value: street, onChange: setStreet, required: true, placeholder: "House no. / Purok / Zone / Street" }) }),
-          /* @__PURE__ */ jsx("div", { className: "sm:col-span-2", children: /* @__PURE__ */ jsx(TextField, { id: "barangay", label: "Barangay", value: barangay, onChange: setBarangay, placeholder: "e.g. Amungan" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsxs(Label, { htmlFor: "province", children: [
-              "Province",
-              /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
-            ] }),
-            /* @__PURE__ */ jsxs(
-              "select",
-              {
-                id: "province",
-                value: province,
-                onChange: (e) => {
-                  const p = e.target.value;
-                  setProvince(p);
-                  if (cityMunicipality && !citiesOfProvince(p).includes(cityMunicipality)) {
-                    setCityMunicipality("");
-                  }
-                },
-                className: fieldClass,
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: "Select province\u2026" }),
-                  listProvinces().map((p) => /* @__PURE__ */ jsx("option", { value: p, children: p }, p))
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsxs(Label, { htmlFor: "city", children: [
-              "City / Municipality",
-              /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
-            ] }),
-            /* @__PURE__ */ jsxs(
-              "select",
-              {
-                id: "city",
-                value: cityMunicipality,
-                onChange: (e) => setCityMunicipality(e.target.value),
-                disabled: !province,
-                className: fieldClass,
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: province ? "Select city / municipality\u2026" : "Select a province first" }),
-                  citiesOfProvince(province).map((c) => /* @__PURE__ */ jsx("option", { value: c, children: c }, c))
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(TextField, { id: "plate", label: "Plate number", value: plateNumber, onChange: setPlateNumber, placeholder: "ABC 1234" }),
-          /* @__PURE__ */ jsx(TextField, { id: "contact", label: "Contact number", value: contactNo, onChange: setContactNo, placeholder: "0917 555 0000" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Apprehension details" }) }),
-        /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4 sm:grid-cols-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsxs(Label, { htmlFor: "apprehendedAt", children: [
-              "Date & time",
-              /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "apprehendedAt",
-                type: "datetime-local",
-                value: apprehendedLocal,
-                onChange: (e) => setApprehendedLocal(e.target.value)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsxs(Label, { htmlFor: "officer", children: [
-              "Apprehending officer",
-              /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "select",
-              {
-                id: "officer",
-                value: officerId,
-                onChange: (e) => setOfficerId(e.target.value),
-                className: fieldClass,
-                children: officers.map((o) => /* @__PURE__ */ jsxs("option", { value: o.id, children: [
-                  o.name,
-                  o.badgeNo ? ` (${o.badgeNo})` : ""
-                ] }, o.id))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "apprehendingEnforcer", children: "Apprehending enforcer" }),
-            /* @__PURE__ */ jsx(
-              "p",
-              {
-                id: "apprehendingEnforcer",
-                className: "flex h-9 items-center rounded-lg border border-input bg-muted/40 px-2.5 text-sm text-muted-foreground",
-                children: identity?.username ?? "\u2014"
-              }
-            ),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Auto-recorded from your sign-in." })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "sm:col-span-2", children: /* @__PURE__ */ jsx(TextField, { id: "place", label: "Place of violation", value: placeOfViolation, onChange: setPlaceOfViolation, placeholder: `Street / landmark, ${municipality.shortName}` }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsxs(CardHeader, { children: [
-          /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Violations" }),
-          /* @__PURE__ */ jsx(CardDescription, { children: "Tick each violation and add details. Fines total automatically." })
-        ] }),
-        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Traffic" }),
-            /* @__PURE__ */ jsx("div", { className: "space-y-2", children: traffic.map((c) => /* @__PURE__ */ jsx(
-              ViolationRow,
-              {
-                item: c,
-                checked: c.code in selected,
-                details: selected[c.code] ?? "",
-                onToggle: (v) => toggle(c.code, v),
-                onDetails: (v) => setSelected((p) => ({ ...p, [c.code]: v })),
-                formatPeso
-              },
-              c.code
-            )) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Ordinance" }),
-            /* @__PURE__ */ jsx("div", { className: "space-y-2", children: ordinance.map((c) => /* @__PURE__ */ jsx(
-              ViolationRow,
-              {
-                item: c,
-                checked: c.code in selected,
-                details: selected[c.code] ?? "",
-                onToggle: (v) => toggle(c.code, v),
-                onDetails: (v) => setSelected((p) => ({ ...p, [c.code]: v })),
-                formatPeso
-              },
-              c.code
-            )) })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Remarks" }) }),
-        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx(
-            Textarea,
-            {
-              value: remarks,
-              onChange: (e) => setRemarks(e.target.value),
-              placeholder: "Optional notes for this ticket.",
-              rows: 3
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            TextField,
-            {
-              id: "issuedBy",
-              label: "Issued by",
-              value: issuedBy,
-              onChange: setIssuedBy,
-              placeholder: "Optional \u2014 name shown on the receipt"
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "lg:col-span-2", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 lg:sticky lg:top-6", children: [
-      mounted ? /* @__PURE__ */ jsx(TicketPreview, { ticket: preview }) : /* @__PURE__ */ jsx(Skeleton, { className: "h-80 w-full rounded-xl" }),
-      /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Total fines" }),
-          /* @__PURE__ */ jsx("p", { className: "text-xl font-semibold tabular-nums", children: formatPeso(total) })
-        ] }),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            type: "button",
-            disabled: !valid,
-            onClick: () => {
-              setError(null);
-              setOpen(true);
-            },
-            className: "h-10 gap-2 px-4",
-            children: [
-              /* @__PURE__ */ jsx(FilePlus2, { className: "size-4" }),
-              "Review & issue"
-            ]
-          }
-        )
-      ] }) }),
-      !valid ? /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-muted-foreground", children: "Fill the required fields and select at least one violation." }) : null
-    ] }) }),
-    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: "Confirm & issue ticket" }),
-        /* @__PURE__ */ jsxs(DialogDescription, { children: [
-          "This issues an official OVR for",
-          " ",
-          /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground", children: [
-            firstName,
-            " ",
-            lastName
-          ] }),
-          " ",
-          "with ",
-          chosen.length,
-          " ",
-          chosen.length === 1 ? "violation" : "violations",
-          " totaling",
-          " ",
-          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatPeso(total) }),
-          ". It becomes immediately searchable by the citizen."
-        ] })
-      ] }),
-      error ? /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
-        /* @__PURE__ */ jsx(TriangleAlert, {}),
-        /* @__PURE__ */ jsx(AlertDescription, { children: error })
-      ] }) : null,
-      /* @__PURE__ */ jsxs(DialogFooter, { children: [
-        /* @__PURE__ */ jsx(
-          DialogClose,
-          {
-            render: /* @__PURE__ */ jsx(Button, { variant: "outline", disabled: isPending }),
-            children: "Cancel"
-          }
-        ),
-        /* @__PURE__ */ jsxs(Button, { onClick: issue, disabled: isPending, className: "gap-2", children: [
-          isPending ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(FilePlus2, { className: "size-4" }),
-          "Confirm & issue"
-        ] })
-      ] })
-    ] }) })
-  ] });
-}
-
-export { IssuanceForm };
+import '../chunk-I4WDVYHX.js';
+import '../chunk-TJSNVTVB.js';
+import '../chunk-SETIN6XP.js';
+import '../chunk-77QBZC7J.js';
+import '../chunk-BI4EGLPG.js';

package/dist/ui-components-admin/logs-viewer.d.ts

@@ -1,13 +1,3 @@
-import * as React from 'react';
-import { ActivityLog } from '../types.js';
-
-/**
- * Activity-log viewer (GE-022). Read-only audit trail with client-side filters
- * (action dropdown + actor/detail search) over the entries fetched by the page.
- */
-
-declare function LogsViewer({ entries }: {
-    entries: ActivityLog[];
-}): React.JSX.Element;
-
-export { LogsViewer };
+export { LogsViewer } from '../audit.js';
+import 'react';
+import '../types.js';

package/dist/ui-components-admin/logs-viewer.js

@@ -1,102 +1,12 @@
 "use client";
-import { Card, CardContent } from '../chunk-SETIN6XP.js';
-import { usePagination, Pagination } from '../chunk-6YFZLXFP.js';
-import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../chunk-OWCGEEAZ.js';
-import { Badge } from '../chunk-55FQP2DO.js';
-import { Input } from '../chunk-K3KIBHJF.js';
+export { LogsViewer } from '../chunk-4EDMZRGS.js';
+import '../chunk-6YFZLXFP.js';
+import '../chunk-K3KIBHJF.js';
+import '../chunk-QZRRFE6E.js';
+import '../chunk-OWCGEEAZ.js';
+import '../chunk-55FQP2DO.js';
 import '../chunk-I4WDVYHX.js';
-import { useCopy, useOvrConfig } from '../chunk-TJSNVTVB.js';
+import '../chunk-TJSNVTVB.js';
+import '../chunk-SETIN6XP.js';
 import '../chunk-77QBZC7J.js';
-import { ACTIVITY_ACTION_LABELS } from '../chunk-QZRRFE6E.js';
 import '../chunk-BI4EGLPG.js';
-import * as React from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var fieldClass = "h-9 rounded-lg border border-input bg-transparent px-2.5 text-sm shadow-xs outline-none transition-colors focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 dark:bg-input/30";
-function actionLabel(action) {
-  return ACTIVITY_ACTION_LABELS[action] ?? action;
-}
-function LogsViewer({ entries }) {
-  const t = useCopy().admin.logsPage;
-  const { rules } = useOvrConfig();
-  const [action, setAction] = React.useState("");
-  const [q, setQ] = React.useState("");
-  const fmt = (iso) => new Date(iso).toLocaleString(rules.locale, {
-    timeZone: rules.timeZone,
-    year: "numeric",
-    month: "short",
-    day: "2-digit",
-    hour: "numeric",
-    minute: "2-digit"
-  });
-  const actions = Array.from(new Set(entries.map((e) => e.action)));
-  const query = q.trim().toLowerCase();
-  const filtered = entries.filter((e) => {
-    if (action && e.action !== action) return false;
-    if (query) {
-      const hay = `${e.actorUsername ?? ""} ${e.summary}`.toLowerCase();
-      if (!hay.includes(query)) return false;
-    }
-    return true;
-  });
-  const { pageItems, page, setPage, totalPages, from, to, total } = usePagination(filtered, 20, `${action}|${query}`);
-  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-4xl p-4 sm:p-6 lg:p-8", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
-      /* @__PURE__ */ jsx("h1", { className: "font-heading text-2xl font-semibold tracking-tight", children: t.title }),
-      /* @__PURE__ */ jsx("p", { className: "max-w-2xl text-sm text-muted-foreground", children: t.subtitle })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsxs(
-        "select",
-        {
-          value: action,
-          onChange: (e) => setAction(e.target.value),
-          className: `${fieldClass} w-auto`,
-          "aria-label": t.action,
-          children: [
-            /* @__PURE__ */ jsx("option", { value: "", children: t.allActions }),
-            actions.map((a) => /* @__PURE__ */ jsx("option", { value: a, children: actionLabel(a) }, a))
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          value: q,
-          onChange: (e) => setQ(e.target.value),
-          placeholder: t.search,
-          className: "h-9 w-auto min-w-56"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: t.empty }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(Table, { children: [
-        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-          /* @__PURE__ */ jsx(TableHead, { children: t.when }),
-          /* @__PURE__ */ jsx(TableHead, { children: t.actor }),
-          /* @__PURE__ */ jsx(TableHead, { children: t.action }),
-          /* @__PURE__ */ jsx(TableHead, { children: t.detail })
-        ] }) }),
-        /* @__PURE__ */ jsx(TableBody, { children: pageItems.map((e) => /* @__PURE__ */ jsxs(TableRow, { children: [
-          /* @__PURE__ */ jsx(TableCell, { className: "whitespace-nowrap text-muted-foreground", children: fmt(e.createdAt) }),
-          /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: e.actorUsername ?? t.system }),
-          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: actionLabel(e.action) }) }),
-          /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground", children: e.summary })
-        ] }, e.id)) })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Pagination,
-        {
-          page,
-          totalPages,
-          from,
-          to,
-          total,
-          onPage: setPage
-        }
-      )
-    ] }) }) })
-  ] });
-}
-
-export { LogsViewer };

package/dist/ui-components-admin/notifications-list.js

@@ -1,70 +1,10 @@
 "use client";
-import { Card, CardContent } from '../chunk-SETIN6XP.js';
-import { usePagination, Pagination } from '../chunk-6YFZLXFP.js';
-import { Badge } from '../chunk-55FQP2DO.js';
+export { NotificationsList } from '../chunk-SLQRZBMR.js';
+import '../chunk-YGYA7KEG.js';
+import '../chunk-6YFZLXFP.js';
+import '../chunk-55FQP2DO.js';
 import '../chunk-I4WDVYHX.js';
-import { useCopy, useOvrConfig } from '../chunk-TJSNVTVB.js';
+import '../chunk-TJSNVTVB.js';
+import '../chunk-SETIN6XP.js';
 import '../chunk-77QBZC7J.js';
-import { useNotifications } from '../chunk-YGYA7KEG.js';
 import '../chunk-BI4EGLPG.js';
-import Link from 'next/link';
-import { AlertTriangle, Clock } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function NotificationsList() {
-  const items = useNotifications();
-  const t = useCopy().admin.notifications;
-  const { rules } = useOvrConfig();
-  const { pageItems, page, setPage, totalPages, from, to, total } = usePagination(items, 20);
-  const fmt = (iso) => new Date(iso).toLocaleString(rules.locale, {
-    timeZone: rules.timeZone,
-    year: "numeric",
-    month: "short",
-    day: "2-digit",
-    hour: "numeric",
-    minute: "2-digit"
-  });
-  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-3xl p-4 sm:p-6 lg:p-8", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
-      /* @__PURE__ */ jsx("h1", { className: "font-heading text-2xl font-semibold tracking-tight", children: t.title }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t.subtitle })
-    ] }),
-    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
-      items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: t.empty }) : /* @__PURE__ */ jsx("ul", { className: "divide-y", children: pageItems.map((n) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-        Link,
-        {
-          href: n.href,
-          className: "flex items-center gap-3 px-4 py-3 transition-colors hover:bg-muted/50",
-          children: [
-            n.type === "overdue" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4 shrink-0 text-red-500" }) : /* @__PURE__ */ jsx(Clock, { className: "size-4 shrink-0 text-amber-500" }),
-            /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium", children: n.name }),
-              /* @__PURE__ */ jsx("span", { className: "block font-mono text-xs text-muted-foreground", children: n.ovrTicketNo })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Badge,
-              {
-                variant: n.type === "overdue" ? "destructive" : "secondary",
-                children: n.type === "overdue" ? t.overdue : t.outstanding
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "hidden whitespace-nowrap text-xs text-muted-foreground sm:block", children: fmt(n.at) })
-          ]
-        }
-      ) }, n.id)) }),
-      /* @__PURE__ */ jsx(
-        Pagination,
-        {
-          page,
-          totalPages,
-          from,
-          to,
-          total,
-          onPage: setPage
-        }
-      )
-    ] }) })
-  ] });
-}
-
-export { NotificationsList };