@7365admin1/layer-common 3.2.2-staging.180 → 3.2.2-staging.182

package/components/TableMain.vue

@@ -173,7 +173,13 @@
           :style="`max-height: calc(100vh - (${offset}px))`"
         >
           <template v-for="(_, slotName) in $slots" #[slotName]="slotProps">
-            <slot :name="slotName" v-bind="slotProps" />
+            <!--
+              Vuetify invokes argument-less slots such as `no-data` with null
+              props. Vue's dynamic `renderSlot` expects an object and otherwise
+              crashes while reading `props.key`, leaving the previous route on
+              screen even though Vue Router has already updated the URL.
+            -->
+            <slot :name="slotName" v-bind="slotProps ?? {}" />
           </template>
 
           <!--

package/composables/useHidAmico.ts

@@ -60,6 +60,23 @@ type HidFacialEnrollmentResult = {
   errors?: Array<{ code?: number; message?: string }>;
 };
 
+export type HidPhysicalCardType = "pacs" | "csn";
+
+export type HidPhysicalCard = {
+  id: string;
+  value: string;
+  userId: number;
+  cardType: HidPhysicalCardType | "unknown";
+  facilityCode?: number;
+  cardNumber?: number;
+  source?: "manual" | "reader" | "device";
+  enrolledAt?: string;
+};
+
+type HidPhysicalCardInput =
+  | { cardType: "pacs"; facilityCode: number; cardNumber: number }
+  | { cardType: "csn"; cardValue: string };
+
 export type HidSipAccountData = {
   orgId: string;
   site: string;
@@ -194,6 +211,55 @@ export default function useHidAmico() {
     );
   }
 
+  function getUserCards(readerId: string, hidUserId: string | number) {
+    return useNuxtApp().$api<{
+      data: { readerId: string; hidUserId: number; cards: HidPhysicalCard[] };
+    }>(`${basePath}/readers/${readerId}/users/${hidUserId}/cards`, {
+      method: "GET",
+    });
+  }
+
+  function assignUserCard(
+    readerId: string,
+    hidUserId: string | number,
+    payload: HidPhysicalCardInput,
+  ) {
+    return useNuxtApp().$api<{ data: { card: HidPhysicalCard; verified: boolean } }>(
+      `${basePath}/readers/${readerId}/users/${hidUserId}/cards`,
+      { method: "POST", body: payload },
+    );
+  }
+
+  function enrollUserCard(
+    readerId: string,
+    hidUserId: string | number,
+    cardType: HidPhysicalCardType,
+    timeoutSeconds = 30,
+  ) {
+    return useNuxtApp().$api<{ data: { card: HidPhysicalCard; verified: boolean } }>(
+      `${basePath}/readers/${readerId}/users/${hidUserId}/cards/enroll`,
+      { method: "POST", body: { cardType, timeoutSeconds } },
+    );
+  }
+
+  function cancelUserCardEnrollment(readerId: string) {
+    return useNuxtApp().$api<{ data: { cancelled: boolean } }>(
+      `${basePath}/readers/${readerId}/cards/enrollment/cancel`,
+      { method: "POST" },
+    );
+  }
+
+  function deleteUserCard(
+    readerId: string,
+    hidUserId: string | number,
+    cardId: string | number,
+  ) {
+    return useNuxtApp().$api<{ data: { deleted: boolean } }>(
+      `${basePath}/readers/${readerId}/users/${hidUserId}/cards/${cardId}`,
+      { method: "DELETE" },
+    );
+  }
+
   function discoverReader(payload: Pick<HidReaderPayload, "baseUrl" | "username" | "password">) {
     return useNuxtApp().$api<Record<string, unknown>>(`${basePath}/readers/discover`, {
       method: "POST",
@@ -320,6 +386,11 @@ export default function useHidAmico() {
     getUserImage,
     setUserImage,
     deleteUserImage,
+    getUserCards,
+    assignUserCard,
+    enrollUserCard,
+    cancelUserCardEnrollment,
+    deleteUserCard,
     getUserPinStatus,
     setUserPin,
     deleteUserPin,

package/composables/useHidNavigation.ts

@@ -28,9 +28,9 @@ export default function useHidNavigation() {
           },
         },
         {
-          title: "Administrator",
+          title: "HID Cards",
           route: {
-            name: "org-site-access-mgmt-administrator",
+            name: "org-site-access-mgmt-hid-cards",
             params: { org, site },
           },
         },

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "3.2.2-staging.180",
+  "version": "3.2.2-staging.182",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "//files": "What a consumer extending this layer actually loads. Without this npm ships the whole working tree - the changesets, the CI workflows, the render harness in tools/ and any scratch directory that happened to exist at publish time. Nuxt resolves a layer by directory, so every runtime directory below has to stay listed; adding a new top-level runtime directory means adding it here too.",

package/pages/[org]/[site]/access-mgmt/administrator/index.vue

@@ -3,9 +3,9 @@
     <HidEnabledGate
       :site="siteId"
       :org="orgId"
-      message="Enable HID as a service for this site before managing HID administrators."
+      message="Enable HID as a service for this site before managing HID users."
     >
-      <HidUserEnrollment :site="siteId" identity-type="admin" />
+      <HidUserEnrollment :site="siteId" />
     </HidEnabledGate>
   </v-container>
 </template>

package/pages/[org]/[site]/access-mgmt/hid-cards/index.vue

@@ -0,0 +1,23 @@
+<template>
+  <v-container fluid>
+    <HidEnabledGate
+      :site="siteId"
+      :org="orgId"
+      message="Enable HID as a service for this site before managing physical HID cards."
+    >
+      <HidUserEnrollment :site="siteId" card-management />
+    </HidEnabledGate>
+  </v-container>
+</template>
+
+<script setup lang="ts">
+definePageMeta({
+  layout: "default",
+  middleware: ["01-auth", "02-org"],
+  memberOnly: true,
+});
+
+const route = useRoute();
+const siteId = computed(() => String(route.params.site ?? ""));
+const orgId = computed(() => String(route.params.org ?? ""));
+</script>