@gelabs/ovr 0.4.3 → 0.4.4

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

@@ -1,406 +1,13 @@
 "use client";
-import { Checkbox } from '../chunk-BBQBKQA4.js';
-import { Card, CardContent } from '../chunk-SETIN6XP.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';
+export { RolesManager } from '../chunk-ACXED4UH.js';
+import '../chunk-BBQBKQA4.js';
+import '../chunk-XQTVSNHC.js';
+import '../chunk-M35R6JLA.js';
+import '../chunk-K3KIBHJF.js';
+import '../chunk-QZRRFE6E.js';
+import '../chunk-55FQP2DO.js';
+import '../chunk-I4WDVYHX.js';
+import '../chunk-TJSNVTVB.js';
+import '../chunk-SETIN6XP.js';
 import '../chunk-77QBZC7J.js';
-import { PERMISSION_CATALOG, SUPER_ADMIN_LOCKED_PERMISSIONS } from '../chunk-QZRRFE6E.js';
 import '../chunk-BI4EGLPG.js';
-import * as React from 'react';
-import { toast } from 'sonner';
-import { useRouter } from 'next/navigation';
-import { ShieldCheck, SlidersHorizontal, Loader2, Trash2, Plus, Lock } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function RolesManager({
-  roles,
-  usage = {},
-  createAction,
-  updateAction,
-  deleteAction
-}) {
-  const t = useCopy().admin.rolesPage;
-  const router = useRouter();
-  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 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(
-        NewRoleDialog,
-        {
-          createAction,
-          onChanged: () => router.refresh()
-        }
-      )
-    ] }),
-    roles.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded-xl border bg-card p-8 text-center text-sm text-muted-foreground", children: t.empty }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: roles.map((role) => /* @__PURE__ */ jsx(
-      RoleCard,
-      {
-        role,
-        inUse: usage[role.name] ?? 0,
-        updateAction,
-        deleteAction,
-        onChanged: () => router.refresh()
-      },
-      role.name
-    )) })
-  ] });
-}
-function PermissionChecklist({
-  selected,
-  onToggle,
-  locked
-}) {
-  return /* @__PURE__ */ jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: PERMISSION_CATALOG.map((perm) => {
-    const isLocked = locked?.(perm.key) ?? false;
-    const checked = selected.has(perm.key) || isLocked;
-    return /* @__PURE__ */ jsxs(
-      "label",
-      {
-        className: "flex items-start gap-2.5 rounded-lg border p-2.5",
-        children: [
-          /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              checked,
-              disabled: isLocked,
-              onCheckedChange: (v) => onToggle(perm.key, v === true),
-              className: "mt-0.5"
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: "flex-1", children: [
-            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-sm font-medium", children: [
-              perm.label,
-              isLocked ? /* @__PURE__ */ jsx(Lock, { className: "size-3 text-muted-foreground" }) : null
-            ] }),
-            /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: perm.description })
-          ] })
-        ]
-      },
-      perm.key
-    );
-  }) });
-}
-function RoleCard({
-  role,
-  inUse,
-  updateAction,
-  deleteAction,
-  onChanged
-}) {
-  const t = useCopy().admin.rolesPage;
-  const grantedLabels = PERMISSION_CATALOG.filter(
-    (p) => role.permissions.includes(p.key)
-  ).map((p) => p.label);
-  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "flex items-center justify-between gap-3 py-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ jsx(ShieldCheck, { className: "size-4 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium", children: role.label }),
-        /* @__PURE__ */ jsx(Badge, { variant: role.isSystem ? "secondary" : "outline", children: role.isSystem ? t.system : t.custom }),
-        inUse > 0 ? /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-          inUse,
-          " ",
-          t.inUseSuffix
-        ] }) : null
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: grantedLabels.length ? grantedLabels.join(" \xB7 ") : t.noPermissions })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx(
-        EditRolePermissionsDialog,
-        {
-          role,
-          updateAction,
-          onChanged
-        }
-      ),
-      !role.isSystem ? /* @__PURE__ */ jsx(
-        DeleteRoleButton,
-        {
-          role,
-          inUse,
-          deleteAction,
-          onChanged
-        }
-      ) : null
-    ] })
-  ] }) });
-}
-function EditRolePermissionsDialog({
-  role,
-  updateAction,
-  onChanged
-}) {
-  const t = useCopy().admin.rolesPage;
-  const [open, setOpen] = React.useState(false);
-  const [label, setLabel] = React.useState(role.label);
-  const [perms, setPerms] = React.useState(
-    () => new Set(role.permissions)
-  );
-  const [saving, setSaving] = React.useState(false);
-  const isLocked = (p) => role.name === "SUPER_ADMIN" && SUPER_ADMIN_LOCKED_PERMISSIONS.includes(p);
-  function toggle(p, checked) {
-    if (isLocked(p)) return;
-    setPerms((prev) => {
-      const next = new Set(prev);
-      if (checked) next.add(p);
-      else next.delete(p);
-      return next;
-    });
-  }
-  async function submit(e) {
-    e.preventDefault();
-    setSaving(true);
-    try {
-      const res = await updateAction(role.name, {
-        label: role.isSystem ? void 0 : label.trim(),
-        permissions: [...perms]
-      });
-      if (res?.error) {
-        toast.error(res.error);
-        return;
-      }
-      toast.success(`${t.saved}: ${role.isSystem ? role.label : label.trim()}`);
-      setOpen(false);
-      onChanged();
-    } finally {
-      setSaving(false);
-    }
-  }
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      open,
-      onOpenChange: (o) => {
-        if (o) {
-          setLabel(role.label);
-          setPerms(new Set(role.permissions));
-        }
-        setOpen(o);
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          DialogTrigger,
-          {
-            render: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "gap-1.5" }),
-            children: [
-              /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-3.5" }),
-              /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t.editPermissions })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-lg", children: [
-          /* @__PURE__ */ jsxs(DialogHeader, { children: [
-            /* @__PURE__ */ jsx(DialogTitle, { children: role.label }),
-            /* @__PURE__ */ jsx(DialogDescription, { children: t.editPermissions })
-          ] }),
-          /* @__PURE__ */ jsxs("form", { onSubmit: submit, className: "space-y-4", children: [
-            !role.isSystem ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx(Label, { htmlFor: `role-label-${role.name}`, children: t.roleName }),
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  id: `role-label-${role.name}`,
-                  value: label,
-                  onChange: (e) => setLabel(e.target.value),
-                  autoComplete: "off"
-                }
-              )
-            ] }) : null,
-            /* @__PURE__ */ jsx(
-              PermissionChecklist,
-              {
-                selected: perms,
-                onToggle: toggle,
-                locked: isLocked
-              }
-            ),
-            role.name === "SUPER_ADMIN" ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t.lockedHint }) : null,
-            /* @__PURE__ */ jsxs(DialogFooter, { children: [
-              /* @__PURE__ */ jsx(DialogClose, { render: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline" }), children: t.cancel }),
-              /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: saving, className: "gap-1.5", children: [
-                saving ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : null,
-                saving ? t.saving : t.save
-              ] })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function DeleteRoleButton({
-  role,
-  inUse,
-  deleteAction,
-  onChanged
-}) {
-  const t = useCopy().admin.rolesPage;
-  const [deleting, setDeleting] = React.useState(false);
-  async function remove() {
-    setDeleting(true);
-    try {
-      const res = await deleteAction(role.name);
-      if (res?.error) {
-        toast.error(res.error);
-        return;
-      }
-      toast.success(`${t.delete}: ${role.label}`);
-      onChanged();
-    } finally {
-      setDeleting(false);
-    }
-  }
-  return /* @__PURE__ */ jsxs(Dialog, { children: [
-    /* @__PURE__ */ jsxs(
-      DialogTrigger,
-      {
-        render: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "destructive",
-            size: "sm",
-            className: "gap-1.5",
-            disabled: inUse > 0
-          }
-        ),
-        children: [
-          /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" }),
-          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t.delete })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-sm", children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: t.deleteConfirmTitle }),
-        /* @__PURE__ */ jsxs(DialogDescription, { children: [
-          role.label,
-          " \u2014 ",
-          t.deleteConfirmBody
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(DialogFooter, { children: [
-        /* @__PURE__ */ jsx(DialogClose, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: t.cancel }),
-        /* @__PURE__ */ jsxs(
-          DialogClose,
-          {
-            render: /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "destructive",
-                className: "gap-2",
-                disabled: deleting
-              }
-            ),
-            onClick: remove,
-            children: [
-              /* @__PURE__ */ jsx(Trash2, { className: "size-4" }),
-              t.delete
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-function NewRoleDialog({
-  createAction,
-  onChanged
-}) {
-  const t = useCopy().admin.rolesPage;
-  const [open, setOpen] = React.useState(false);
-  const [label, setLabel] = React.useState("");
-  const [perms, setPerms] = React.useState(() => /* @__PURE__ */ new Set());
-  const [submitting, setSubmitting] = React.useState(false);
-  function reset() {
-    setLabel("");
-    setPerms(/* @__PURE__ */ new Set());
-  }
-  function toggle(p, checked) {
-    setPerms((prev) => {
-      const next = new Set(prev);
-      if (checked) next.add(p);
-      else next.delete(p);
-      return next;
-    });
-  }
-  async function submit(e) {
-    e.preventDefault();
-    if (!label.trim()) return toast.error(`${t.roleName} is required.`);
-    setSubmitting(true);
-    try {
-      const res = await createAction({
-        label: label.trim(),
-        permissions: [...perms]
-      });
-      if (res?.error) {
-        toast.error(res.error);
-        return;
-      }
-      toast.success(`${t.create}: ${label.trim()}`);
-      reset();
-      setOpen(false);
-      onChanged();
-    } finally {
-      setSubmitting(false);
-    }
-  }
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      open,
-      onOpenChange: (o) => {
-        if (!o) reset();
-        setOpen(o);
-      },
-      children: [
-        /* @__PURE__ */ jsxs(DialogTrigger, { render: /* @__PURE__ */ jsx(Button, { className: "gap-1.5" }), children: [
-          /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
-          t.newRole
-        ] }),
-        /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-lg", children: [
-          /* @__PURE__ */ jsxs(DialogHeader, { children: [
-            /* @__PURE__ */ jsx(DialogTitle, { children: t.newRole }),
-            /* @__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: "role-label", children: t.roleName }),
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  id: "role-label",
-                  value: label,
-                  onChange: (e) => setLabel(e.target.value),
-                  placeholder: t.roleNamePlaceholder,
-                  autoComplete: "off",
-                  autoFocus: true
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx(Label, { children: t.permissions }),
-              /* @__PURE__ */ jsx(PermissionChecklist, { selected: perms, onToggle: toggle })
-            ] }),
-            /* @__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" }) : /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
-                submitting ? t.creating : t.create
-              ] })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-export { RolesManager };

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

@@ -1,10 +1,2 @@
-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 };
+export { StatCard } from '../dashboard.js';
+import 'react';

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

@@ -1,29 +1,3 @@
-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 };
+export { StatCard } from '../chunk-UBUXPJLN.js';
+import '../chunk-SETIN6XP.js';
+import '../chunk-77QBZC7J.js';

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

@@ -1,13 +1,13 @@
 "use client";
-export { TicketPreview } from '../chunk-ZUMEOZ22.js';
+export { TicketPreview } from '../chunk-JTSTNZAB.js';
 import '../chunk-IBZVIUNI.js';
 import '../chunk-GLIK5BHP.js';
 import '../chunk-NSCIBSCW.js';
 import '../chunk-OE525ZER.js';
 import '../chunk-BVI5XDDA.js';
-import '../chunk-SETIN6XP.js';
 import '../chunk-OWCGEEAZ.js';
 import '../chunk-55FQP2DO.js';
 import '../chunk-TJSNVTVB.js';
+import '../chunk-SETIN6XP.js';
 import '../chunk-77QBZC7J.js';
 import '../chunk-BI4EGLPG.js';

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

@@ -1,73 +1,11 @@
 "use client";
-import { StatusBadge } from '../chunk-OE525ZER.js';
-import { Money } from '../chunk-BVI5XDDA.js';
-import { usePagination, Pagination } from '../chunk-6YFZLXFP.js';
-import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../chunk-OWCGEEAZ.js';
+export { TicketsTable } from '../chunk-6662IONX.js';
+import '../chunk-6YFZLXFP.js';
+import '../chunk-OE525ZER.js';
+import '../chunk-BVI5XDDA.js';
+import '../chunk-OWCGEEAZ.js';
 import '../chunk-55FQP2DO.js';
 import '../chunk-I4WDVYHX.js';
-import { useFormatters } from '../chunk-TJSNVTVB.js';
+import '../chunk-TJSNVTVB.js';
 import '../chunk-77QBZC7J.js';
-import { formalName } from '../chunk-BI4EGLPG.js';
-import { useRouter } from 'next/navigation';
-import { ChevronRight } from 'lucide-react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-function TicketsTable({ tickets }) {
-  const { formatDate } = useFormatters();
-  const router = useRouter();
-  const { pageItems, page, setPage, totalPages, from, to, total } = usePagination(tickets, 15);
-  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(Fragment, { children: [
-    /* @__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: pageItems.map((t) => {
-        const href = `/admin/tickets/${encodeURIComponent(t.ovrTicketNo)}`;
-        const amount = t.status === "PAID" ? t.payment?.amount ?? 0 : t.totalAmountDue;
-        return /* @__PURE__ */ jsxs(
-          TableRow,
-          {
-            onClick: () => router.push(href),
-            onKeyDown: (e) => {
-              if (e.key === "Enter") router.push(href);
-            },
-            role: "link",
-            tabIndex: 0,
-            "aria-label": `Open ticket ${t.ovrTicketNo}`,
-            className: "cursor-pointer",
-            children: [
-              /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-xs", 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, { className: "text-muted-foreground", children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" }) })
-            ]
-          },
-          t.ovrTicketNo
-        );
-      }) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Pagination,
-      {
-        page,
-        totalPages,
-        from,
-        to,
-        total,
-        onPage: setPage
-      }
-    )
-  ] });
-}
-
-export { TicketsTable };
+import '../chunk-BI4EGLPG.js';