@gelabs/ovr 0.4.2 → 0.4.4

package/dist/ui-components-admin/officers-manager.d.ts

@@ -1,27 +1,3 @@
-import * as React from 'react';
-import { NewOfficerInput, Officer } from '../types.js';
-
-/**
- * Apprehending-officers management (GE-025). Add / edit / remove the Officer
- * records used in the Issue-Ticket dropdown and linked to enforcer accounts.
- * Server actions are INJECTED by the page (mirrors AccountsManager).
- */
-
-type CreateOfficerAction = (input: NewOfficerInput) => Promise<{
-    error?: string;
-} | void>;
-type UpdateOfficerAction = (id: string, patch: Partial<NewOfficerInput>) => Promise<{
-    error?: string;
-} | void>;
-type DeleteOfficerAction = (id: string) => Promise<{
-    error?: string;
-} | void>;
-interface OfficersManagerProps {
-    officers: Officer[];
-    createAction: CreateOfficerAction;
-    updateAction: UpdateOfficerAction;
-    deleteAction: DeleteOfficerAction;
-}
-declare function OfficersManager({ officers, createAction, updateAction, deleteAction, }: OfficersManagerProps): React.JSX.Element;
-
-export { type CreateOfficerAction, type DeleteOfficerAction, OfficersManager, type OfficersManagerProps, type UpdateOfficerAction };
+export { CreateOfficerAction, DeleteOfficerAction, OfficersManager, OfficersManagerProps, UpdateOfficerAction } from '../officers.js';
+import 'react';
+import '../types.js';

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

@@ -1,271 +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 { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose } from '../chunk-M35R6JLA.js';
-import { Label } from '../chunk-XQTVSNHC.js';
-import { Input } from '../chunk-K3KIBHJF.js';
-import { Button } from '../chunk-I4WDVYHX.js';
-import { useCopy } from '../chunk-TJSNVTVB.js';
+export { OfficersManager } from '../chunk-4JMHQKMK.js';
+import '../chunk-XQTVSNHC.js';
+import '../chunk-M35R6JLA.js';
+import '../chunk-6YFZLXFP.js';
+import '../chunk-K3KIBHJF.js';
+import '../chunk-OWCGEEAZ.js';
+import '../chunk-I4WDVYHX.js';
+import '../chunk-TJSNVTVB.js';
+import '../chunk-SETIN6XP.js';
 import '../chunk-77QBZC7J.js';
 import '../chunk-BI4EGLPG.js';
-import * as React from 'react';
-import { toast } from 'sonner';
-import { useRouter } from 'next/navigation';
-import { UserPlus, Pencil, Loader2, Trash2 } from 'lucide-react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function OfficersManager({
-  officers,
-  createAction,
-  updateAction,
-  deleteAction
-}) {
-  const t = useCopy().admin.officersPage;
-  const router = useRouter();
-  const { pageItems, page, setPage, totalPages, from, to, total } = usePagination(officers, 12);
-  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 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(
-        OfficerDialog,
-        {
-          mode: "create",
-          createAction,
-          onDone: () => router.refresh()
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: officers.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.name }),
-          /* @__PURE__ */ jsx(TableHead, { children: t.badge }),
-          /* @__PURE__ */ jsx(TableHead, { children: t.office }),
-          /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: t.actions })
-        ] }) }),
-        /* @__PURE__ */ jsx(TableBody, { children: pageItems.map((o) => /* @__PURE__ */ jsxs(TableRow, { children: [
-          /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: o.name }),
-          /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground", children: o.badgeNo ?? "\u2014" }),
-          /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground", children: o.office }),
-          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1.5", children: [
-            /* @__PURE__ */ jsx(
-              OfficerDialog,
-              {
-                mode: "edit",
-                officer: o,
-                updateAction,
-                onDone: () => router.refresh()
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              DeleteOfficerButton,
-              {
-                officer: o,
-                deleteAction,
-                onDone: () => router.refresh()
-              }
-            )
-          ] }) })
-        ] }, o.id)) })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Pagination,
-        {
-          page,
-          totalPages,
-          from,
-          to,
-          total,
-          onPage: setPage
-        }
-      )
-    ] }) }) })
-  ] });
-}
-function OfficerDialog({
-  mode,
-  officer,
-  createAction,
-  updateAction,
-  onDone
-}) {
-  const t = useCopy().admin.officersPage;
-  const [open, setOpen] = React.useState(false);
-  const [name, setName] = React.useState(officer?.name ?? "");
-  const [badgeNo, setBadgeNo] = React.useState(officer?.badgeNo ?? "");
-  const [office, setOffice] = React.useState(officer?.office ?? "");
-  const [submitting, setSubmitting] = React.useState(false);
-  function resetTo(o) {
-    setName(o?.name ?? "");
-    setBadgeNo(o?.badgeNo ?? "");
-    setOffice(o?.office ?? "");
-  }
-  async function submit(e) {
-    e.preventDefault();
-    if (!name.trim()) return toast.error(`${t.name} is required.`);
-    if (!office.trim()) return toast.error(`${t.office} is required.`);
-    setSubmitting(true);
-    try {
-      const input = {
-        name: name.trim(),
-        badgeNo: badgeNo.trim() || void 0,
-        office: office.trim()
-      };
-      const res = mode === "create" ? await createAction?.(input) : await updateAction?.(officer.id, input);
-      if (res?.error) {
-        toast.error(res.error);
-        return;
-      }
-      toast.success(
-        `${mode === "create" ? t.create : t.editTitle}: ${name.trim()}`
-      );
-      setOpen(false);
-      onDone();
-    } finally {
-      setSubmitting(false);
-    }
-  }
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      open,
-      onOpenChange: (o) => {
-        if (o) resetTo(officer);
-        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(UserPlus, { className: "size-4" }) : /* @__PURE__ */ jsx(Pencil, { className: "size-3.5" }),
-              /* @__PURE__ */ jsx("span", { className: mode === "create" ? "" : "hidden sm:inline", children: mode === "create" ? t.newOfficer : t.edit })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
-          /* @__PURE__ */ jsxs(DialogHeader, { children: [
-            /* @__PURE__ */ jsx(DialogTitle, { children: mode === "create" ? t.newOfficer : 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: "off-name", children: t.name }),
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  id: "off-name",
-                  value: name,
-                  onChange: (e) => setName(e.target.value),
-                  placeholder: t.namePlaceholder,
-                  autoComplete: "off",
-                  autoFocus: true
-                }
-              )
-            ] }),
-            /* @__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: "off-badge", children: t.badge }),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    id: "off-badge",
-                    value: badgeNo,
-                    onChange: (e) => setBadgeNo(e.target.value),
-                    placeholder: t.badgePlaceholder,
-                    autoComplete: "off"
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-                /* @__PURE__ */ jsx(Label, { htmlFor: "off-office", children: t.office }),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    id: "off-office",
-                    value: office,
-                    onChange: (e) => setOffice(e.target.value),
-                    placeholder: t.officePlaceholder,
-                    autoComplete: "off"
-                  }
-                )
-              ] })
-            ] }),
-            /* @__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 DeleteOfficerButton({
-  officer,
-  deleteAction,
-  onDone
-}) {
-  const t = useCopy().admin.officersPage;
-  const [deleting, setDeleting] = React.useState(false);
-  async function remove() {
-    setDeleting(true);
-    try {
-      const res = await deleteAction(officer.id);
-      if (res?.error) {
-        toast.error(res.error);
-        return;
-      }
-      toast.success(`${t.delete}: ${officer.name}`);
-      onDone();
-    } finally {
-      setDeleting(false);
-    }
-  }
-  return /* @__PURE__ */ jsxs(Dialog, { children: [
-    /* @__PURE__ */ jsxs(
-      DialogTrigger,
-      {
-        render: /* @__PURE__ */ jsx(Button, { variant: "destructive", size: "sm", className: "gap-1.5" }),
-        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: [
-          officer.name,
-          " \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
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-
-export { OfficersManager };

package/dist/ui-components-admin/roles-manager.d.ts

@@ -1,37 +1,3 @@
-import * as React from 'react';
-import { Permission, RoleDef } from '../types.js';
-
-/**
- * Roles & permissions editor (GE-013, custom roles). Each role is a COMPACT card
- * (name + a one-line permission summary); the permission checklist lives in a
- * MODAL opened by "Edit permissions". Super admins create custom roles + delete
- * unused ones. SUPER_ADMIN's management permissions are locked on (anti-lockout)
- * here AND re-asserted server-side.
- */
-
-type CreateRoleAction = (input: {
-    label: string;
-    permissions: Permission[];
-}) => Promise<{
-    error?: string;
-} | void>;
-type UpdateRoleAction = (name: string, patch: {
-    label?: string;
-    permissions?: Permission[];
-}) => Promise<{
-    error?: string;
-} | void>;
-type DeleteRoleAction = (name: string) => Promise<{
-    error?: string;
-} | void>;
-interface RolesManagerProps {
-    roles: RoleDef[];
-    /** username count per role name — shown as "N in use" + blocks delete. */
-    usage?: Record<string, number>;
-    createAction: CreateRoleAction;
-    updateAction: UpdateRoleAction;
-    deleteAction: DeleteRoleAction;
-}
-declare function RolesManager({ roles, usage, createAction, updateAction, deleteAction, }: RolesManagerProps): React.JSX.Element;
-
-export { type CreateRoleAction, type DeleteRoleAction, RolesManager, type RolesManagerProps, type UpdateRoleAction };
+export { CreateRoleAction, DeleteRoleAction, RolesManager, RolesManagerProps, UpdateRoleAction } from '../roles.js';
+import 'react';
+import '../types.js';