@gelabs/ovr 0.2.2 → 0.4.0

package/dist/ui-components-admin/violations-manager.js

@@ -0,0 +1,385 @@
+"use client";
+import { Textarea } from '../chunk-QCRVT2SS.js';
+import { Money } from '../chunk-BVI5XDDA.js';
+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 { Label } from '../chunk-XQTVSNHC.js';
+import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose } from '../chunk-M35R6JLA.js';
+import { Input } from '../chunk-K3KIBHJF.js';
+import { Button } from '../chunk-I4WDVYHX.js';
+import { useCopy } from '../chunk-TJSNVTVB.js';
+import { cn } from '../chunk-77QBZC7J.js';
+import '../chunk-BI4EGLPG.js';
+import * as React from 'react';
+import { toast } from 'sonner';
+import { useRouter } from 'next/navigation';
+import { Plus, Pencil, Loader2, Archive, ArchiveRestore } from 'lucide-react';
+import { jsxs, jsx, Fragment } 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 ViolationsManager({
+  violations,
+  createAction,
+  updateAction,
+  deleteAction
+}) {
+  const t = useCopy().admin.violationsPage;
+  const router = useRouter();
+  const { pageItems, page, setPage, totalPages, from, to, total } = usePagination(violations, 12);
+  const categoryLabel = (c) => c === "TRAFFIC" ? t.categoryTraffic : t.categoryOrdinance;
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-5xl p-4 sm:p-6 lg:p-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", 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__ */ jsx(
+        ViolationDialog,
+        {
+          mode: "create",
+          createAction,
+          onDone: () => router.refresh()
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: violations.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.code }),
+          /* @__PURE__ */ jsx(TableHead, { children: t.titleLabel }),
+          /* @__PURE__ */ jsx(TableHead, { className: "hidden sm:table-cell", children: t.category }),
+          /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: t.fine }),
+          /* @__PURE__ */ jsx(TableHead, { children: t.status }),
+          /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: t.actions })
+        ] }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: pageItems.map((v) => {
+          const archived = v.active === false;
+          return /* @__PURE__ */ jsxs(TableRow, { className: cn(archived && "opacity-60"), children: [
+            /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-xs", children: v.code }),
+            /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: v.title }),
+            /* @__PURE__ */ jsx(TableCell, { className: "hidden text-muted-foreground sm:table-cell", children: categoryLabel(v.category) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx(Money, { value: v.basicFine }) }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { variant: archived ? "outline" : "secondary", children: archived ? t.archived : t.active }) }),
+            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1.5", children: [
+              /* @__PURE__ */ jsx(
+                ViolationDialog,
+                {
+                  mode: "edit",
+                  violation: v,
+                  updateAction,
+                  onDone: () => router.refresh()
+                }
+              ),
+              archived ? /* @__PURE__ */ jsx(
+                RestoreButton,
+                {
+                  violation: v,
+                  updateAction,
+                  onDone: () => router.refresh()
+                }
+              ) : /* @__PURE__ */ jsx(
+                ArchiveButton,
+                {
+                  violation: v,
+                  deleteAction,
+                  onDone: () => router.refresh()
+                }
+              )
+            ] }) })
+          ] }, v.code);
+        }) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          page,
+          totalPages,
+          from,
+          to,
+          total,
+          onPage: setPage
+        }
+      )
+    ] }) }) })
+  ] });
+}
+function ViolationDialog({
+  mode,
+  violation,
+  createAction,
+  updateAction,
+  onDone
+}) {
+  const t = useCopy().admin.violationsPage;
+  const [open, setOpen] = React.useState(false);
+  const [code, setCode] = React.useState(violation?.code ?? "");
+  const [title, setTitle] = React.useState(violation?.title ?? "");
+  const [category, setCategory] = React.useState(
+    violation?.category ?? "TRAFFIC"
+  );
+  const [fine, setFine] = React.useState(
+    violation ? String(violation.basicFine) : ""
+  );
+  const [legalText, setLegalText] = React.useState(violation?.legalText ?? "");
+  const [submitting, setSubmitting] = React.useState(false);
+  function resetTo(v) {
+    setCode(v?.code ?? "");
+    setTitle(v?.title ?? "");
+    setCategory(v?.category ?? "TRAFFIC");
+    setFine(v ? String(v.basicFine) : "");
+    setLegalText(v?.legalText ?? "");
+  }
+  async function submit(e) {
+    e.preventDefault();
+    if (mode === "create" && !code.trim())
+      return toast.error(`${t.code} is required.`);
+    if (!title.trim()) return toast.error(`${t.titleLabel} is required.`);
+    const fineNum = Number(fine);
+    if (!Number.isFinite(fineNum) || fineNum < 0)
+      return toast.error(`${t.fine} must be a number \u2265 0.`);
+    setSubmitting(true);
+    try {
+      let res;
+      if (mode === "create") {
+        const input = {
+          code: code.trim(),
+          title: title.trim(),
+          category,
+          basicFine: fineNum,
+          legalText: legalText.trim() || void 0
+        };
+        res = await createAction?.(input);
+      } else {
+        res = await updateAction?.(violation.code, {
+          title: title.trim(),
+          category,
+          basicFine: fineNum,
+          legalText: legalText.trim() || void 0
+        });
+      }
+      if (res?.error) {
+        toast.error(res.error);
+        return;
+      }
+      toast.success(
+        `${mode === "create" ? t.create : t.editTitle}: ${title.trim()}`
+      );
+      setOpen(false);
+      onDone();
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      onOpenChange: (o) => {
+        if (o) resetTo(violation);
+        setOpen(o);
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          DialogTrigger,
+          {
+            render: mode === "create" ? /* @__PURE__ */ jsx(Button, { className: "gap-1.5" }) : /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "gap-1.5" }),
+            children: [
+              mode === "create" ? /* @__PURE__ */ jsx(Plus, { className: "size-4" }) : /* @__PURE__ */ jsx(Pencil, { className: "size-3.5" }),
+              /* @__PURE__ */ jsx("span", { className: mode === "create" ? "" : "hidden sm:inline", children: mode === "create" ? t.newViolation : t.edit })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
+          /* @__PURE__ */ jsxs(DialogHeader, { children: [
+            /* @__PURE__ */ jsx(DialogTitle, { children: mode === "create" ? t.newViolation : t.editTitle }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: t.subtitle })
+          ] }),
+          /* @__PURE__ */ jsxs("form", { onSubmit: submit, className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "vio-code", children: t.code }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "vio-code",
+                  value: code,
+                  onChange: (e) => setCode(e.target.value),
+                  placeholder: t.codePlaceholder,
+                  autoComplete: "off",
+                  disabled: mode === "edit",
+                  autoFocus: mode === "create"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "vio-title", children: t.titleLabel }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "vio-title",
+                  value: title,
+                  onChange: (e) => setTitle(e.target.value),
+                  placeholder: t.titlePlaceholder,
+                  autoComplete: "off",
+                  autoFocus: mode === "edit"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "vio-category", children: t.category }),
+                /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    id: "vio-category",
+                    value: category,
+                    onChange: (e) => setCategory(e.target.value),
+                    className: fieldClass,
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "TRAFFIC", children: t.categoryTraffic }),
+                      /* @__PURE__ */ jsx("option", { value: "ORDINANCE", children: t.categoryOrdinance })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "vio-fine", children: t.fine }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "vio-fine",
+                    type: "number",
+                    min: "0",
+                    step: "1",
+                    inputMode: "numeric",
+                    value: fine,
+                    onChange: (e) => setFine(e.target.value),
+                    placeholder: t.finePlaceholder,
+                    autoComplete: "off"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "vio-legal", children: t.legalText }),
+              /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  id: "vio-legal",
+                  value: legalText,
+                  onChange: (e) => setLegalText(e.target.value),
+                  placeholder: t.legalTextPlaceholder,
+                  rows: 2
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(DialogFooter, { children: [
+              /* @__PURE__ */ jsx(DialogClose, { render: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline" }), children: t.cancel }),
+              /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: submitting, className: "gap-1.5", children: [
+                submitting ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : null,
+                submitting ? mode === "create" ? t.creating : t.saving : mode === "create" ? t.create : t.save
+              ] })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function ArchiveButton({
+  violation,
+  deleteAction,
+  onDone
+}) {
+  const t = useCopy().admin.violationsPage;
+  const [busy, setBusy] = React.useState(false);
+  async function archive() {
+    setBusy(true);
+    try {
+      const res = await deleteAction(violation.code);
+      if (res?.error) {
+        toast.error(res.error);
+        return;
+      }
+      toast.success(`${t.archive}: ${violation.title}`);
+      onDone();
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs(Dialog, { children: [
+    /* @__PURE__ */ jsxs(
+      DialogTrigger,
+      {
+        render: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "gap-1.5" }),
+        children: [
+          /* @__PURE__ */ jsx(Archive, { className: "size-3.5" }),
+          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t.archive })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-sm", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: t.archiveConfirmTitle }),
+        /* @__PURE__ */ jsxs(DialogDescription, { children: [
+          violation.title,
+          " \u2014 ",
+          t.archiveConfirmBody
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(DialogClose, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: t.cancel }),
+        /* @__PURE__ */ jsxs(
+          DialogClose,
+          {
+            render: /* @__PURE__ */ jsx(Button, { className: "gap-2", disabled: busy }),
+            onClick: archive,
+            children: [
+              /* @__PURE__ */ jsx(Archive, { className: "size-4" }),
+              t.archive
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function RestoreButton({
+  violation,
+  updateAction,
+  onDone
+}) {
+  const t = useCopy().admin.violationsPage;
+  const [busy, setBusy] = React.useState(false);
+  async function restore() {
+    setBusy(true);
+    try {
+      const res = await updateAction(violation.code, { active: true });
+      if (res?.error) {
+        toast.error(res.error);
+        return;
+      }
+      toast.success(`${t.restore}: ${violation.title}`);
+      onDone();
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      className: "gap-1.5",
+      disabled: busy,
+      onClick: restore,
+      children: [
+        busy ? /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx(ArchiveRestore, { className: "size-3.5" }),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t.restore })
+      ]
+    }
+  );
+}
+
+export { ViolationsManager };

package/dist/ui-components-citizen/citizen-nav.js

@@ -1,7 +1,7 @@
 "use client";
-import { useCopy } from '../chunk-E2D7QT6N.js';
+import { useCopy } from '../chunk-TJSNVTVB.js';
 import { cn } from '../chunk-77QBZC7J.js';
-import '../chunk-B634JHKZ.js';
+import '../chunk-BI4EGLPG.js';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { jsx } from 'react/jsx-runtime';

package/dist/ui-components-citizen/payment-form.js

@@ -1,14 +1,14 @@
 "use client";
-import { PaymentQrDialog } from '../chunk-5Z2IAD5I.js';
-import { Separator } from '../chunk-NSCIBSCW.js';
+import { PaymentQrDialog } from '../chunk-TLG4C2XI.js';
 import { Alert, AlertDescription } from '../chunk-EYFZWQ4J.js';
+import { Separator } from '../chunk-NSCIBSCW.js';
+import { Money } from '../chunk-BVI5XDDA.js';
 import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '../chunk-SETIN6XP.js';
-import { Money } from '../chunk-3KIDW4LT.js';
 import '../chunk-M35R6JLA.js';
 import { Button } from '../chunk-I4WDVYHX.js';
-import { useOvrConfig, useCopy } from '../chunk-E2D7QT6N.js';
+import { useOvrConfig, useCopy } from '../chunk-TJSNVTVB.js';
 import { cn } from '../chunk-77QBZC7J.js';
-import '../chunk-B634JHKZ.js';
+import '../chunk-BI4EGLPG.js';
 import * as React from 'react';
 import { toast } from 'sonner';
 import { Check, TriangleAlert, Loader2, Lock, Building2, Landmark, Smartphone, Wallet } from 'lucide-react';

package/dist/ui-components-citizen/payment-qr-dialog.js

@@ -1,9 +1,9 @@
 "use client";
-export { PaymentQrDialog } from '../chunk-5Z2IAD5I.js';
+export { PaymentQrDialog } from '../chunk-TLG4C2XI.js';
 import '../chunk-EYFZWQ4J.js';
-import '../chunk-3KIDW4LT.js';
+import '../chunk-BVI5XDDA.js';
 import '../chunk-M35R6JLA.js';
 import '../chunk-I4WDVYHX.js';
-import '../chunk-E2D7QT6N.js';
+import '../chunk-TJSNVTVB.js';
 import '../chunk-77QBZC7J.js';
-import '../chunk-B634JHKZ.js';
+import '../chunk-BI4EGLPG.js';

package/dist/ui-components-citizen/ticket-not-found.js

@@ -1,9 +1,9 @@
 "use client";
 import { Card, CardContent } from '../chunk-SETIN6XP.js';
 import { buttonVariants } from '../chunk-I4WDVYHX.js';
-import { useCopy } from '../chunk-E2D7QT6N.js';
+import { useCopy } from '../chunk-TJSNVTVB.js';
 import '../chunk-77QBZC7J.js';
-import '../chunk-B634JHKZ.js';
+import '../chunk-BI4EGLPG.js';
 import Link from 'next/link';
 import { FileQuestion } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/ui-components-citizen/violation-history-table.js

@@ -1,11 +1,11 @@
 "use client";
 import { StatusBadge } from '../chunk-OE525ZER.js';
+import { Money } from '../chunk-BVI5XDDA.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../chunk-OWCGEEAZ.js';
 import '../chunk-55FQP2DO.js';
-import { Money } from '../chunk-3KIDW4LT.js';
-import { useFormatters, useCopy } from '../chunk-E2D7QT6N.js';
+import { useFormatters, useCopy } from '../chunk-TJSNVTVB.js';
 import { cn } from '../chunk-77QBZC7J.js';
-import '../chunk-B634JHKZ.js';
+import '../chunk-BI4EGLPG.js';
 import Link from 'next/link';
 import { ChevronRight } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/ui-components-shared/amount-summary.js

@@ -1,7 +1,7 @@
 "use client";
-export { AmountSummary } from '../chunk-BIQ2J75Y.js';
+export { AmountSummary } from '../chunk-GLIK5BHP.js';
 import '../chunk-NSCIBSCW.js';
-import '../chunk-3KIDW4LT.js';
-import '../chunk-E2D7QT6N.js';
+import '../chunk-BVI5XDDA.js';
+import '../chunk-TJSNVTVB.js';
 import '../chunk-77QBZC7J.js';
-import '../chunk-B634JHKZ.js';
+import '../chunk-BI4EGLPG.js';

package/dist/ui-components-shared/money.js

@@ -1,5 +1,5 @@
 "use client";
-export { Money } from '../chunk-3KIDW4LT.js';
-import '../chunk-E2D7QT6N.js';
+export { Money } from '../chunk-BVI5XDDA.js';
+import '../chunk-TJSNVTVB.js';
 import '../chunk-77QBZC7J.js';
-import '../chunk-B634JHKZ.js';
+import '../chunk-BI4EGLPG.js';

package/dist/ui-components-shared/municipal-seal.js

@@ -1,6 +1,6 @@
 "use client";
-export { MunicipalSeal } from '../chunk-IF5UAVIE.js';
+export { MunicipalSeal } from '../chunk-YC7G2IOZ.js';
 import '../chunk-WOPU6DI7.js';
-import '../chunk-E2D7QT6N.js';
+import '../chunk-TJSNVTVB.js';
 import '../chunk-77QBZC7J.js';
-import '../chunk-B634JHKZ.js';
+import '../chunk-BI4EGLPG.js';

package/dist/ui-components-shared/official-header.js

@@ -1,7 +1,7 @@
 "use client";
-export { OfficialHeader } from '../chunk-4SZXBT56.js';
-import '../chunk-IF5UAVIE.js';
+export { OfficialHeader } from '../chunk-NT72CQAI.js';
+import '../chunk-YC7G2IOZ.js';
 import '../chunk-WOPU6DI7.js';
-import '../chunk-E2D7QT6N.js';
+import '../chunk-TJSNVTVB.js';
 import '../chunk-77QBZC7J.js';
-import '../chunk-B634JHKZ.js';
+import '../chunk-BI4EGLPG.js';

package/dist/ui-components-shared/site-header.js

@@ -1,11 +1,11 @@
 "use client";
-import { ThemeToggle } from '../chunk-MDTRBOPQ.js';
-import { MunicipalSeal } from '../chunk-IF5UAVIE.js';
+import { MunicipalSeal } from '../chunk-YC7G2IOZ.js';
 import '../chunk-WOPU6DI7.js';
+import { ThemeToggle } from '../chunk-2C3VCTYJ.js';
 import '../chunk-I4WDVYHX.js';
-import { useOvrConfig, useCopy } from '../chunk-E2D7QT6N.js';
+import { useOvrConfig, useCopy } from '../chunk-TJSNVTVB.js';
 import '../chunk-77QBZC7J.js';
-import '../chunk-B634JHKZ.js';
+import '../chunk-BI4EGLPG.js';
 import Link from 'next/link';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/ui-components-shared/sonner.js

@@ -1,6 +1,6 @@
 "use client";
-import { useTheme } from '../chunk-E2D7QT6N.js';
-import '../chunk-B634JHKZ.js';
+import { useTheme } from '../chunk-TJSNVTVB.js';
+import '../chunk-BI4EGLPG.js';
 import { Toaster as Toaster$1 } from 'sonner';
 import { Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon } from 'lucide-react';
 import { jsx } from 'react/jsx-runtime';

package/dist/ui-components-shared/theme-toggle.js

@@ -1,6 +1,6 @@
 "use client";
-export { ThemeToggle } from '../chunk-MDTRBOPQ.js';
+export { ThemeToggle } from '../chunk-2C3VCTYJ.js';
 import '../chunk-I4WDVYHX.js';
-import '../chunk-E2D7QT6N.js';
+import '../chunk-TJSNVTVB.js';
 import '../chunk-77QBZC7J.js';
-import '../chunk-B634JHKZ.js';
+import '../chunk-BI4EGLPG.js';

package/dist/ui-components-shared/ticket-receipt.js

@@ -1,16 +1,16 @@
 "use client";
-import { OfficialHeader } from '../chunk-4SZXBT56.js';
-import '../chunk-IF5UAVIE.js';
+import { OfficialHeader } from '../chunk-NT72CQAI.js';
+import '../chunk-YC7G2IOZ.js';
 import '../chunk-WOPU6DI7.js';
-import { ViolationsTable } from '../chunk-JEYT63LE.js';
+import { ViolationsTable } from '../chunk-IBZVIUNI.js';
 import { Separator } from '../chunk-NSCIBSCW.js';
 import { StatusBadge } from '../chunk-OE525ZER.js';
+import { Money } from '../chunk-BVI5XDDA.js';
 import '../chunk-OWCGEEAZ.js';
 import '../chunk-55FQP2DO.js';
-import { Money } from '../chunk-3KIDW4LT.js';
-import { useFormatters, useOvrConfig } from '../chunk-E2D7QT6N.js';
+import { useFormatters, useOvrConfig } from '../chunk-TJSNVTVB.js';
 import { cn } from '../chunk-77QBZC7J.js';
-import { formalName, formatAddress } from '../chunk-B634JHKZ.js';
+import { formalName, formatAddress } from '../chunk-BI4EGLPG.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function Field({ label, value }) {
@@ -64,6 +64,13 @@ function TicketReceipt({ ticket }) {
           value: `${ticket.officer.name}${ticket.officer.badgeNo ? ` (${ticket.officer.badgeNo})` : ""}`
         }
       ),
+      ticket.apprehendingEnforcerName ? /* @__PURE__ */ jsx(
+        Field,
+        {
+          label: "Apprehending Enforcer",
+          value: ticket.apprehendingEnforcerName
+        }
+      ) : null,
       ticket.issuedBy ? /* @__PURE__ */ jsx(Field, { label: "Issued By", value: ticket.issuedBy }) : null
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "mt-6 print:mt-3", children: [

package/dist/ui-components-shared/violations-table.js

@@ -1,7 +1,7 @@
 "use client";
-export { ViolationsTable } from '../chunk-JEYT63LE.js';
+export { ViolationsTable } from '../chunk-IBZVIUNI.js';
+import '../chunk-BVI5XDDA.js';
 import '../chunk-OWCGEEAZ.js';
-import '../chunk-3KIDW4LT.js';
-import '../chunk-E2D7QT6N.js';
+import '../chunk-TJSNVTVB.js';
 import '../chunk-77QBZC7J.js';
-import '../chunk-B634JHKZ.js';
+import '../chunk-BI4EGLPG.js';

package/dist/ui-components-ui/badge.d.ts

@@ -4,7 +4,7 @@ import { useRender } from '@base-ui/react/use-render';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 

package/dist/ui-components-ui/button.d.ts

@@ -4,7 +4,7 @@ import { Button as Button$1 } from '@base-ui/react/button';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, ...props }: Button$1.Props & VariantProps<typeof buttonVariants>): React.JSX.Element;