@gelabs/ovr 0.1.1 → 0.2.1

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

@@ -0,0 +1,83 @@
+"use client";
+import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose } from '../chunk-M35R6JLA.js';
+import { Button } from '../chunk-I4WDVYHX.js';
+import { useCopy } from '../chunk-E2D7QT6N.js';
+import { cn } from '../chunk-77QBZC7J.js';
+import '../chunk-B634JHKZ.js';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { LayoutDashboard, ListChecks, FilePlus2, LogOut } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function isActive(p, href) {
+  if (href === "/admin") return p === "/admin";
+  if (href === "/admin/tickets") {
+    return p === "/admin/tickets" || p.startsWith("/admin/tickets/") && p !== "/admin/tickets/new";
+  }
+  return p === href;
+}
+function AdminNav({
+  signOutAction
+}) {
+  const pathname = usePathname();
+  const copy = useCopy();
+  const nav = [
+    { href: "/admin", label: copy.admin.dashboard, icon: LayoutDashboard },
+    { href: "/admin/tickets", label: copy.admin.tickets, icon: ListChecks },
+    { href: "/admin/tickets/new", label: copy.admin.issueTicket, icon: FilePlus2 }
+  ];
+  return /* @__PURE__ */ jsxs("nav", { className: "flex items-center gap-0.5 sm:gap-1", children: [
+    nav.map((it) => {
+      const active = isActive(pathname, it.href);
+      const Icon = it.icon;
+      return /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: it.href,
+          className: cn(
+            "flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-sm font-medium transition-colors",
+            active ? "bg-white/15 text-gov-foreground" : "text-gov-foreground/80 hover:bg-white/10 hover:text-gov-foreground"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "hidden md:inline", children: it.label })
+          ]
+        },
+        it.href
+      );
+    }),
+    /* @__PURE__ */ jsxs(Dialog, { children: [
+      /* @__PURE__ */ jsxs(
+        DialogTrigger,
+        {
+          render: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-sm font-medium text-gov-foreground/80 transition-colors hover:bg-white/10 hover:text-gov-foreground"
+            }
+          ),
+          children: [
+            /* @__PURE__ */ jsx(LogOut, { className: "size-4 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "hidden md:inline", children: "Sign out" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-sm", children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: "Sign out?" }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: "You'll need to sign in again to issue or manage tickets." })
+        ] }),
+        /* @__PURE__ */ jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsx(DialogClose, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: "Cancel" }),
+          /* @__PURE__ */ jsx("form", { action: signOutAction, children: /* @__PURE__ */ jsxs(Button, { type: "submit", variant: "destructive", className: "gap-2", children: [
+            /* @__PURE__ */ jsx(LogOut, { className: "size-4" }),
+            "Sign out"
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+export { AdminNav };

package/dist/ui-components-admin/issuance-form.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { NewTicketInput } from '../data.js';
+import { ViolationCatalogItem, Officer } from '../types.js';
+
+/** The Server Action that issues the ticket, injected by the consuming page. */
+type CreateTicketAction = (input: NewTicketInput) => Promise<{
+    error?: string;
+} | void>;
+declare function IssuanceForm({ catalog, officers, createAction, }: {
+    catalog: ViolationCatalogItem[];
+    officers: Officer[];
+    createAction: CreateTicketAction;
+}): React.JSX.Element;
+
+export { type CreateTicketAction, IssuanceForm };

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

@@ -0,0 +1,367 @@
+"use client";
+import { Textarea } from '../chunk-QCRVT2SS.js';
+import { Input } from '../chunk-K3KIBHJF.js';
+import { Label } from '../chunk-XQTVSNHC.js';
+import { Skeleton } from '../chunk-EGKFELO3.js';
+import { Checkbox } from '../chunk-BBQBKQA4.js';
+import { TicketPreview } from '../chunk-GDOCD7LT.js';
+import '../chunk-JEYT63LE.js';
+import '../chunk-BIQ2J75Y.js';
+import '../chunk-NSCIBSCW.js';
+import { Alert, AlertDescription } from '../chunk-EYFZWQ4J.js';
+import { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../chunk-SETIN6XP.js';
+import '../chunk-OE525ZER.js';
+import '../chunk-OWCGEEAZ.js';
+import '../chunk-55FQP2DO.js';
+import '../chunk-3KIDW4LT.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose } from '../chunk-M35R6JLA.js';
+import { Button } from '../chunk-I4WDVYHX.js';
+import { useFormatters, useOvrConfig } from '../chunk-E2D7QT6N.js';
+import { cn } from '../chunk-77QBZC7J.js';
+import { localToManilaISO, toPreviewTicket } from '../chunk-B634JHKZ.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 [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 [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
+    };
+    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__ */ jsx(TextField, { id: "city", label: "City / Municipality", value: cityMunicipality, onChange: setCityMunicipality, required: true }),
+          /* @__PURE__ */ jsx(TextField, { id: "province", label: "Province", value: province, onChange: setProvince, required: true }),
+          /* @__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__ */ 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__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            value: remarks,
+            onChange: (e) => setRemarks(e.target.value),
+            placeholder: "Optional notes for this ticket.",
+            rows: 3
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__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 };

package/dist/ui-components-admin/stat-card.d.ts

@@ -0,0 +1,10 @@
+import * as React$1 from 'react';
+
+declare function StatCard({ label, value, icon, accent, }: {
+    label: string;
+    value: string | number;
+    icon: React.ReactNode;
+    accent?: string;
+}): React$1.JSX.Element;
+
+export { StatCard };

package/dist/ui-components-admin/stat-card.js

@@ -0,0 +1,29 @@
+import { Card, CardContent } from '../chunk-SETIN6XP.js';
+import { cn } from '../chunk-77QBZC7J.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function StatCard({
+  label,
+  value,
+  icon,
+  accent = "bg-muted text-muted-foreground"
+}) {
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex size-10 shrink-0 items-center justify-center rounded-lg",
+          accent
+        ),
+        children: icon
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("p", { className: "truncate text-2xl font-semibold tabular-nums", children: value }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: label })
+    ] })
+  ] }) });
+}
+
+export { StatCard };

package/dist/ui-components-admin/ticket-preview.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Ticket } from '../types.js';
+
+/** A live, miniature Order of Payment — exactly what the citizen will later see. */
+declare function TicketPreview({ ticket }: {
+    ticket: Ticket;
+}): React.JSX.Element;
+
+export { TicketPreview };

package/dist/ui-components-admin/ticket-preview.js

@@ -0,0 +1,13 @@
+"use client";
+export { TicketPreview } from '../chunk-GDOCD7LT.js';
+import '../chunk-JEYT63LE.js';
+import '../chunk-BIQ2J75Y.js';
+import '../chunk-NSCIBSCW.js';
+import '../chunk-SETIN6XP.js';
+import '../chunk-OE525ZER.js';
+import '../chunk-OWCGEEAZ.js';
+import '../chunk-55FQP2DO.js';
+import '../chunk-3KIDW4LT.js';
+import '../chunk-E2D7QT6N.js';
+import '../chunk-77QBZC7J.js';
+import '../chunk-B634JHKZ.js';

package/dist/ui-components-admin/tickets-table.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Ticket } from '../types.js';
+
+declare function TicketsTable({ tickets }: {
+    tickets: Ticket[];
+}): React.JSX.Element;
+
+export { TicketsTable };

package/dist/ui-components-admin/tickets-table.js

@@ -0,0 +1,50 @@
+"use client";
+import { StatusBadge } from '../chunk-OE525ZER.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../chunk-OWCGEEAZ.js';
+import '../chunk-55FQP2DO.js';
+import { Money } from '../chunk-3KIDW4LT.js';
+import { useFormatters } from '../chunk-E2D7QT6N.js';
+import '../chunk-77QBZC7J.js';
+import { formalName } from '../chunk-B634JHKZ.js';
+import Link from 'next/link';
+import { ChevronRight } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function TicketsTable({ tickets }) {
+  const { formatDate } = useFormatters();
+  if (tickets.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "px-4 py-10 text-center text-sm text-muted-foreground", children: "No tickets match this view." });
+  }
+  return /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableHead, { children: "Ticket No." }),
+      /* @__PURE__ */ jsx(TableHead, { children: "Violator" }),
+      /* @__PURE__ */ jsx(TableHead, { className: "hidden sm:table-cell", children: "Apprehended" }),
+      /* @__PURE__ */ jsx(TableHead, { children: "Status" }),
+      /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: "Amount" }),
+      /* @__PURE__ */ jsx(TableHead, { className: "w-8" })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: tickets.map((t) => {
+      const href = `/admin/tickets/${encodeURIComponent(t.ovrTicketNo)}`;
+      const amount = t.status === "PAID" ? t.payment?.amount ?? 0 : t.totalAmountDue;
+      return /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-xs", children: /* @__PURE__ */ jsx(Link, { href, className: "hover:underline", children: t.ovrTicketNo }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: formalName(t.violator) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "hidden text-muted-foreground sm:table-cell", children: formatDate(t.apprehendedAt) }),
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(StatusBadge, { status: t.status }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx(Money, { value: amount }) }),
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+          Link,
+          {
+            href,
+            className: "text-muted-foreground hover:text-foreground",
+            "aria-label": `Open ${t.ovrTicketNo}`,
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+          }
+        ) })
+      ] }, t.ovrTicketNo);
+    }) })
+  ] });
+}
+
+export { TicketsTable };

package/dist/ui-components-citizen/citizen-nav.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function CitizenNav(): React.JSX.Element;
+
+export { CitizenNav };

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

@@ -0,0 +1,33 @@
+"use client";
+import { useCopy } from '../chunk-E2D7QT6N.js';
+import { cn } from '../chunk-77QBZC7J.js';
+import '../chunk-B634JHKZ.js';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { jsx } from 'react/jsx-runtime';
+
+function CitizenNav() {
+  const pathname = usePathname();
+  const copy = useCopy();
+  const items = [
+    { href: "/citizen", label: "Home", exact: true },
+    { href: "/citizen/search", label: copy.citizen.home.searchCta }
+  ];
+  return /* @__PURE__ */ jsx("nav", { className: "flex items-center gap-1", children: items.map((it) => {
+    const active = it.exact ? pathname === it.href : pathname.startsWith(it.href);
+    return /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: it.href,
+        className: cn(
+          "rounded-md px-2.5 py-1.5 text-sm font-medium transition-colors sm:px-3",
+          active ? "bg-white/15 text-gov-foreground" : "text-gov-foreground/80 hover:bg-white/10 hover:text-gov-foreground"
+        ),
+        children: it.label
+      },
+      it.href
+    );
+  }) });
+}
+
+export { CitizenNav };

package/dist/ui-components-citizen/payment-form.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { PayAction } from './payment-qr-dialog.js';
+
+declare function PaymentForm({ ovrTicketNo, lastName, violatorName, basicFines, penalty, amount, payAction, }: {
+    ovrTicketNo: string;
+    lastName: string;
+    violatorName: string;
+    basicFines: number;
+    penalty: number;
+    amount: number;
+    payAction: PayAction;
+}): React.JSX.Element;
+
+export { PaymentForm };