@7365admin1/layer-common 3.2.1-staging.72 → 3.2.2

package/components/HidUserEnrollment.vue

@@ -50,13 +50,7 @@
 
     <v-card flat border class="table-card">
       <div class="table-refresh">
-        <v-btn
-          icon="mdi-refresh"
-          variant="text"
-          density="comfortable"
-          :loading="loading"
-          @click="loadUsers"
-        />
+        <v-btn icon="mdi-refresh" variant="text" density="comfortable" :loading="loading" @click="loadUsers" />
         <div class="page-count">{{ pageRange }}</div>
       </div>
 
@@ -72,18 +66,10 @@
             </tr>
           </thead>
           <tbody>
-            <tr
-              v-for="user in users"
-              :key="user._rowKey || user._id || user.hidUserId"
-            >
+            <tr v-for="user in users" :key="user._rowKey || user._id || user.hidUserId">
               <td>{{ getName(user) }}</td>
               <td>
-                <v-avatar
-                  v-if="getUserImageSrc(user)"
-                  size="34"
-                  rounded="lg"
-                  class="hid-face-avatar"
-                >
+                <v-avatar v-if="getUserImageSrc(user)" size="34" rounded="lg" class="hid-face-avatar">
                   <v-img :src="getUserImageSrc(user)" cover />
                 </v-avatar>
                 <span v-else>{{ getFacialData(user) }}</span>
@@ -102,22 +88,13 @@
               <td class="text-right">
                 <v-menu>
                   <template #activator="{ props: menuProps }">
-                    <v-btn
-                      v-bind="menuProps"
-                      icon="mdi-dots-vertical"
-                      variant="text"
-                      density="comfortable"
-                    />
+                    <v-btn v-bind="menuProps" icon="mdi-dots-vertical" variant="text" density="comfortable" />
                   </template>
 
                   <v-list density="compact" min-width="150">
                     <v-list-item title="View" @click="openView(user)" />
                     <v-list-item title="Edit" @click="openEdit(user)" />
-                    <v-list-item
-                      title="Delete"
-                      class="text-error"
-                      @click="openDelete(user)"
-                    />
+                    <v-list-item title="Delete" class="text-error" @click="openDelete(user)" />
                   </v-list>
                 </v-menu>
               </td>
@@ -132,26 +109,8 @@
 
       <div class="table-footer">
         <span>{{ pageRange }}</span>
-        <v-btn
-          icon="mdi-chevron-left"
-          variant="text"
-          density="comfortable"
-          :disabled="page <= 1"
-          @click="
-            page--;
-            loadUsers();
-          "
-        />
-        <v-btn
-          icon="mdi-chevron-right"
-          variant="text"
-          density="comfortable"
-          :disabled="page >= pages"
-          @click="
-            page++;
-            loadUsers();
-          "
-        />
+        <v-btn icon="mdi-chevron-left" variant="text" density="comfortable" :disabled="page <= 1" @click="page--; loadUsers()" />
+        <v-btn icon="mdi-chevron-right" variant="text" density="comfortable" :disabled="page >= pages" @click="page++; loadUsers()" />
       </div>
     </v-card>
 
@@ -166,12 +125,7 @@
             <v-menu>
               <template #activator="{ props: menuProps }">
                 <button v-bind="menuProps" class="photo-button" type="button">
-                  <v-img
-                    v-if="form.photoPreview"
-                    :src="form.photoPreview"
-                    cover
-                    class="photo-preview"
-                  />
+                  <v-img v-if="form.photoPreview" :src="form.photoPreview" cover class="photo-preview" />
                   <span v-if="form.photoPreview" class="photo-edit-icon">
                     <v-icon icon="mdi-pencil" size="16" />
                   </span>
@@ -183,25 +137,10 @@
               </template>
               <v-list density="compact" min-width="190">
                 <v-list-item title="Browse" @click="triggerPhotoInput" />
-                <v-list-item
-                  title="Take Photo using Camera"
-                  @click="triggerCameraInput"
-                />
-                <v-list-item
-                  v-if="form.photoPreview"
-                  title="Remove Photo"
-                  class="text-error"
-                  @click="removePhoto"
-                />
+                <v-list-item title="Take Photo using Camera" @click="triggerPhotoInput" />
               </v-list>
             </v-menu>
-            <input
-              ref="photoInput"
-              type="file"
-              accept="image/*"
-              class="hidden-input"
-              @change="onPhotoChange"
-            />
+            <input ref="photoInput" type="file" accept="image/*" class="hidden-input" @change="onPhotoChange" />
           </div>
 
           <div class="field-label">Name <span>*</span></div>
@@ -264,61 +203,31 @@
         </v-card-text>
 
         <v-card-actions class="pa-0">
-          <v-btn
-            class="text-none action-cancel"
-            variant="flat"
-            height="44"
-            @click="formDialog = false"
-            >Cancel</v-btn
-          >
-          <v-btn
-            class="text-none action-submit"
-            variant="flat"
-            height="44"
-            :loading="saving"
-            @click="saveUser"
-          >
+          <v-btn class="text-none action-cancel" variant="flat" height="44" @click="formDialog = false">Cancel</v-btn>
+          <v-btn class="text-none action-submit" variant="flat" height="44" :loading="saving" @click="saveUser">
             Save
           </v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
 
-    <HidCameraCaptureDialog v-model="cameraDialog" @capture="onCameraCapture" />
-
     <v-dialog v-model="viewDialog" max-width="430">
       <v-card rounded="lg">
         <v-card-title class="small-title">User Information</v-card-title>
         <v-card-text>
           <div class="detail-grid">
             <span>Name</span><strong>{{ getName(selectedUser) }}</strong>
-            <span>User ID</span
-            ><strong>{{
-              selectedUser ? formatHidUid(selectedUser.hidUserId) : "N/A"
-            }}</strong>
-            <span>Registration No.</span
-            ><strong>{{ selectedUser?.registration || "N/A" }}</strong>
-            <span>Last access time</span
-            ><strong>{{
-              formatDate(selectedUser?.metadata?.lastAccessAt)
-            }}</strong>
-            <span>Status</span
-            ><strong>{{
-              selectedUser ? getMappingStatus(selectedUser) : "N/A"
-            }}</strong>
-            <span>Panic Pin</span
-            ><strong>{{ selectedUser?.cardNo || "N/A" }}</strong>
-            <span>Private Password</span
-            ><strong>{{
-              selectedUser?.metadata?.pinPassword ? "********" : "N/A"
-            }}</strong>
+            <span>User ID</span><strong>{{ selectedUser ? formatHidUid(selectedUser.hidUserId) : "N/A" }}</strong>
+            <span>Registration No.</span><strong>{{ selectedUser?.registration || "N/A" }}</strong>
+            <span>Last access time</span><strong>{{ formatDate(selectedUser?.metadata?.lastAccessAt) }}</strong>
+            <span>Status</span><strong>{{ selectedUser ? getMappingStatus(selectedUser) : "N/A" }}</strong>
+            <span>Panic Pin</span><strong>{{ selectedUser?.cardNo || "N/A" }}</strong>
+            <span>Private Password</span><strong>{{ selectedUser?.metadata?.pinPassword ? "********" : "N/A" }}</strong>
           </div>
         </v-card-text>
         <v-card-actions>
           <v-spacer />
-          <v-btn class="text-none" variant="text" @click="viewDialog = false"
-            >Close</v-btn
-          >
+          <v-btn class="text-none" variant="text" @click="viewDialog = false">Close</v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
@@ -329,26 +238,12 @@
         <v-card-text class="text-body-2">
           Are you sure you want to permanently delete this HID user?
           <div class="text-caption text-medium-emphasis mt-2">
-            This action will remove the user from the HID reader and mark the
-            identity as deleted.
+            This action will remove the user from the HID reader and mark the identity as deleted.
           </div>
         </v-card-text>
         <v-card-actions class="pa-0">
-          <v-btn
-            class="text-none action-cancel"
-            variant="flat"
-            height="44"
-            @click="deleteDialog = false"
-            >Cancel</v-btn
-          >
-          <v-btn
-            class="text-none action-submit"
-            variant="flat"
-            height="44"
-            :loading="deleting"
-            @click="deleteUser"
-            >Delete</v-btn
-          >
+          <v-btn class="text-none action-cancel" variant="flat" height="44" @click="deleteDialog = false">Cancel</v-btn>
+          <v-btn class="text-none action-submit" variant="flat" height="44" :loading="deleting" @click="deleteUser">Delete</v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
@@ -375,8 +270,6 @@ const {
   getReaders,
   getIdentities,
   getUserImage,
-  setUserImage,
-  deleteUserImage,
   runObjectOperation,
   createIdentity,
   updateIdentity,
@@ -403,9 +296,6 @@ const deleteDialog = ref(false);
 const selectedUser = ref<Record<string, any> | null>(null);
 const showPassword = ref(false);
 const photoInput = ref<HTMLInputElement | null>(null);
-const cameraDialog = ref(false);
-const selectedPhotoFile = ref<File | null>(null);
-const removePhotoRequested = ref(false);
 const snackbar = reactive({
   show: false,
   color: "success",
@@ -431,7 +321,7 @@ const readerOptions = computed(() =>
   readers.value.map((reader) => ({
     title: reader.name || reader.deviceId || reader._id,
     value: reader._id,
-  }))
+  })),
 );
 
 const pageRange = computed(() => {
@@ -445,7 +335,7 @@ const pageRange = computed(() => {
 watch(
   () => props.site,
   () => init(),
-  { immediate: true }
+  { immediate: true },
 );
 
 async function init() {
@@ -456,8 +346,7 @@ async function init() {
 async function loadReaders() {
   if (!props.site) return;
   const response = await getReaders({ site: props.site, page: 1, limit: 100 });
-  readers.value =
-    response?.items ?? response?.data?.items ?? response?.data?.readers ?? [];
+  readers.value = response?.items ?? response?.data?.items ?? response?.data?.readers ?? [];
   if (!selectedReaderId.value && readers.value.length) {
     selectedReaderId.value = readers.value[0]._id;
   }
@@ -486,19 +375,12 @@ async function loadUsers() {
         limit: 500,
         offset: 0,
       }),
-      isAdministratorIdentity()
-        ? loadAdministratorRoles(selectedReaderId.value)
-        : Promise.resolve(null),
+      isAdministratorIdentity() ? loadAdministratorRoles(selectedReaderId.value) : Promise.resolve(null),
     ]);
 
-    const identities =
-      identityResponse?.items ??
-      identityResponse?.data?.items ??
-      identityResponse?.data?.identities ??
-      [];
+    const identities = identityResponse?.items ?? identityResponse?.data?.items ?? identityResponse?.data?.identities ?? [];
     const adminRoleIds = getAdministratorRoleUserIds(roleResponse);
     const readerUsers = normalizeHidUsers(readerResponse).filter((user) => {
-      if (Number(user.userTypeId) === 1) return false;
       if (!isAdministratorIdentity()) return true;
       const hidUserId = toHidNumericId(user.hidUserId);
       return Boolean(hidUserId && adminRoleIds.has(hidUserId));
@@ -527,23 +409,21 @@ async function loadUsers() {
 async function loadUserImages(items: Record<string, any>[]) {
   if (!selectedReaderId.value) return;
 
-  await Promise.all(
-    items.map(async (user) => {
-      const hidUserId = toHidNumericId(user.hidUserId);
-      const key = String(hidUserId || "");
-      if (!hidUserId || userImages.value[key] || user?.metadata?.photo) return;
-
-      try {
-        const response = await getUserImage(selectedReaderId.value, hidUserId);
-        const image = response?.data || response;
-        userImages.value[key] = image?.base64
-          ? `data:${image.contentType || "image/jpeg"};base64,${image.base64}`
-          : "";
-      } catch {
-        userImages.value[key] = "";
-      }
-    })
-  );
+  await Promise.all(items.map(async (user) => {
+    const hidUserId = toHidNumericId(user.hidUserId);
+    const key = String(hidUserId || "");
+    if (!hidUserId || userImages.value[key] || user?.metadata?.photo) return;
+
+    try {
+      const response = await getUserImage(selectedReaderId.value, hidUserId);
+      const image = response?.data || response;
+      userImages.value[key] = image?.base64
+        ? `data:${image.contentType || "image/jpeg"};base64,${image.base64}`
+        : "";
+    } catch {
+      userImages.value[key] = "";
+    }
+  }));
 }
 
 function resetForm() {
@@ -557,8 +437,6 @@ function resetForm() {
   form.cardNo = "";
   form.pinPassword = "";
   form.photoPreview = "";
-  selectedPhotoFile.value = null;
-  removePhotoRequested.value = false;
 }
 
 async function openEnroll() {
@@ -585,8 +463,6 @@ async function openEdit(user: Record<string, any>) {
   form.cardNo = user.cardNo ?? "";
   form.pinPassword = user.metadata?.pinPassword ?? "";
   form.photoPreview = getUserImageSrc(user);
-  selectedPhotoFile.value = null;
-  removePhotoRequested.value = false;
   formDialog.value = true;
 
   if (!form.photoPreview) {
@@ -611,53 +487,9 @@ function triggerPhotoInput() {
   photoInput.value?.click();
 }
 
-function triggerCameraInput() {
-  cameraDialog.value = true;
-}
-
-function onCameraCapture(dataUrl: string) {
-  const [header, encodedData] = dataUrl.split(",", 2);
-  if (!header || !encodedData) {
-    showToast("Unable to capture the facial image.", "error");
-    return;
-  }
-
-  const mimeType = header.match(/^data:([^;]+);base64$/)?.[1] || "image/jpeg";
-  const decodedData = atob(encodedData);
-  const bytes = new Uint8Array(decodedData.length);
-  for (let index = 0; index < decodedData.length; index += 1) {
-    bytes[index] = decodedData.charCodeAt(index);
-  }
-
-  selectedPhotoFile.value = new File([bytes], `hid-facial-${Date.now()}.jpg`, {
-    type: mimeType,
-  });
-  form.photoPreview = dataUrl;
-  removePhotoRequested.value = false;
-}
-
-function removePhoto() {
-  form.photoPreview = "";
-  selectedPhotoFile.value = null;
-  removePhotoRequested.value = true;
-}
-
 function onPhotoChange(event: Event) {
-  const input = event.target as HTMLInputElement;
-  const file = input.files?.[0];
-  input.value = "";
+  const file = (event.target as HTMLInputElement).files?.[0];
   if (!file) return;
-  if (!["image/jpeg", "image/png"].includes(file.type)) {
-    showToast("Facial enrollment only accepts JPG or PNG images.", "error");
-    return;
-  }
-  if (file.size > 2 * 1024 * 1024) {
-    showToast("Facial enrollment images must be smaller than 2 MB.", "error");
-    return;
-  }
-
-  selectedPhotoFile.value = file;
-  removePhotoRequested.value = false;
   const reader = new FileReader();
   reader.onload = () => {
     form.photoPreview = String(reader.result || "");
@@ -666,8 +498,7 @@ function onPhotoChange(event: Event) {
 }
 
 async function saveUser() {
-  const readerId =
-    selectedReaderId.value || form.reader || readers.value[0]?._id;
+  const readerId = selectedReaderId.value || form.reader || readers.value[0]?._id;
   if (!readerId || !form.name || !form.hidUserId || !form.registration) {
     showToast("Please complete the required HID user fields.", "error");
     return;
@@ -689,13 +520,7 @@ async function saveUser() {
       hidUserId: String(hidUser.id),
       registration: form.registration,
       cardNo: form.cardNo,
-      type: props.identityType as
-        | "resident"
-        | "staff"
-        | "contractor"
-        | "visitor"
-        | "admin"
-        | "unknown",
+      type: props.identityType as "resident" | "staff" | "contractor" | "visitor" | "admin" | "unknown",
       status: "active" as const,
       metadata: {
         name: form.name,
@@ -705,8 +530,6 @@ async function saveUser() {
         unitLabel: buildUnitLabel(),
         facialData: form.photoPreview ? form.hidUserId : "",
         photo: form.photoPreview,
-        imageTimestamp: selectedUser.value?.metadata?.imageTimestamp || "",
-        facialScores: selectedUser.value?.metadata?.facialScores || {},
         pinPassword: form.pinPassword,
       },
     };
@@ -714,8 +537,6 @@ async function saveUser() {
     if (selectedUser.value) {
       await updateHidUserOnReader(readerId, hidUser);
       await syncHidUserRole(readerId, hidUser.id, isAdministratorIdentity());
-      const facialResult = await syncFacialImage(readerId, hidUser.id);
-      applyFacialResult(payload.metadata, facialResult);
       if (selectedUser.value._id) {
         await updateIdentity(selectedUser.value._id, payload);
       } else {
@@ -724,19 +545,13 @@ async function saveUser() {
     } else {
       await createHidUserOnReader(readerId, hidUser);
       await syncHidUserRole(readerId, hidUser.id, isAdministratorIdentity());
-      const facialResult = await syncFacialImage(readerId, hidUser.id);
-      applyFacialResult(payload.metadata, facialResult);
       await saveIdentityOnReader(readerId, payload);
       selectedReaderId.value = readerId;
     }
 
     formDialog.value = false;
     await loadUsers();
-    showToast(
-      selectedUser.value?._id
-        ? "HID user updated on reader."
-        : "HID user enrolled on reader."
-    );
+    showToast(selectedUser.value?._id ? "HID user updated on reader." : "HID user enrolled on reader.");
   } catch (error: any) {
     console.error("Unable to save HID user:", error);
     showToast(getHidErrorMessage(error), "error");
@@ -745,67 +560,12 @@ async function saveUser() {
   }
 }
 
-type FacialSyncResult = {
-  action: "none" | "enrolled" | "removed";
-  timestamp?: number;
-  scores?: Record<string, unknown>;
-};
-
-async function syncFacialImage(
-  readerId: string,
-  hidUserId: number
-): Promise<FacialSyncResult> {
-  if (selectedPhotoFile.value) {
-    const timestamp = Math.floor(Date.now() / 1000);
-    const response = await setUserImage(
-      readerId,
-      hidUserId,
-      selectedPhotoFile.value,
-      {
-        timestamp,
-        match: true,
-      }
-    );
-    const result = response?.data;
-    userImages.value[String(hidUserId)] = form.photoPreview;
-    return { action: "enrolled", timestamp, scores: result?.scores };
-  }
-
-  if (removePhotoRequested.value) {
-    await deleteUserImage(readerId, hidUserId);
-    delete userImages.value[String(hidUserId)];
-    return { action: "removed" };
-  }
-
-  return { action: "none" };
-}
-
-function applyFacialResult(
-  metadata: Record<string, unknown>,
-  result: FacialSyncResult
-) {
-  if (result.action === "enrolled") {
-    metadata.facialData = form.hidUserId;
-    metadata.imageTimestamp = String(result.timestamp || "");
-    metadata.facialScores = result.scores || {};
-  } else if (result.action === "removed") {
-    metadata.facialData = "";
-    metadata.photo = "";
-    metadata.imageTimestamp = "";
-    metadata.facialScores = {};
-  }
-}
-
 async function deleteUser() {
   if (!selectedUser.value) return;
 
   deleting.value = true;
   try {
-    await syncHidUserRole(
-      selectedReaderId.value,
-      toHidNumericId(selectedUser.value.hidUserId),
-      false
-    );
+    await syncHidUserRole(selectedReaderId.value, toHidNumericId(selectedUser.value.hidUserId), false);
     await deleteHidUserFromReader(selectedReaderId.value, selectedUser.value);
     if (selectedUser.value._id) {
       await deleteIdentity(selectedUser.value._id);
@@ -821,14 +581,8 @@ async function deleteUser() {
   }
 }
 
-async function saveIdentityOnReader(
-  readerId: string,
-  payload: Record<string, any>
-) {
-  const existingIdentity = await findExistingIdentityOnReader(
-    readerId,
-    payload
-  );
+async function saveIdentityOnReader(readerId: string, payload: Record<string, any>) {
+  const existingIdentity = await findExistingIdentityOnReader(readerId, payload);
   if (existingIdentity?._id) {
     await updateIdentity(existingIdentity._id, payload);
     return;
@@ -840,47 +594,31 @@ async function saveIdentityOnReader(
     const message = getHidErrorMessage(error);
     if (!message.toLowerCase().includes("already exists")) throw error;
 
-    const duplicatedIdentity = await findExistingIdentityOnReader(
-      readerId,
-      payload
-    );
+    const duplicatedIdentity = await findExistingIdentityOnReader(readerId, payload);
     if (!duplicatedIdentity?._id) throw error;
     await updateIdentity(duplicatedIdentity._id, payload);
   }
 }
 
-async function findExistingIdentityOnReader(
-  readerId: string,
-  payload: Record<string, any>
-) {
+async function findExistingIdentityOnReader(readerId: string, payload: Record<string, any>) {
   const response = await getIdentities(readerId, {
     page: 1,
     limit: 500,
     search: payload.hidUserId || payload.registration || payload.cardNo || "",
   });
-  const identities =
-    response?.items ??
-    response?.data?.items ??
-    response?.data?.identities ??
-    [];
+  const identities = response?.items ?? response?.data?.items ?? response?.data?.identities ?? [];
   const hidUserId = String(payload.hidUserId || "");
   const registration = String(payload.registration || "");
   const cardNo = String(payload.cardNo || "");
 
-  return identities.find(
-    (identity: Record<string, any>) =>
-      String(identity.hidUserId || "") === hidUserId ||
-      Boolean(
-        registration && String(identity.registration || "") === registration
-      ) ||
-      Boolean(cardNo && String(identity.cardNo || "") === cardNo)
+  return identities.find((identity: Record<string, any>) =>
+    String(identity.hidUserId || "") === hidUserId ||
+    Boolean(registration && String(identity.registration || "") === registration) ||
+    Boolean(cardNo && String(identity.cardNo || "") === cardNo),
   );
 }
 
-async function createHidUserOnReader(
-  readerId: string,
-  user: Record<string, any>
-) {
+async function createHidUserOnReader(readerId: string, user: Record<string, any>) {
   const existing = await getHidUserFromReader(readerId, user.id);
   if (existing) {
     await updateHidUserOnReader(readerId, user);
@@ -910,10 +648,7 @@ async function getHidUserFromReader(readerId: string, id: unknown) {
   return normalizeHidUsers(response)[0];
 }
 
-async function updateHidUserOnReader(
-  readerId: string,
-  user: Record<string, any>
-) {
+async function updateHidUserOnReader(readerId: string, user: Record<string, any>) {
   const { id, ...values } = user;
   await runObjectOperation(readerId, {
     operation: "modify",
@@ -927,10 +662,7 @@ async function updateHidUserOnReader(
   });
 }
 
-async function deleteHidUserFromReader(
-  readerId: string,
-  user: Record<string, any>
-) {
+async function deleteHidUserFromReader(readerId: string, user: Record<string, any>) {
   const id = toHidNumericId(user.hidUserId);
   if (!readerId || !id) return;
 
@@ -945,11 +677,7 @@ async function deleteHidUserFromReader(
   });
 }
 
-async function syncHidUserRole(
-  readerId: string,
-  hidUserId: unknown,
-  isAdministrator: boolean
-) {
+async function syncHidUserRole(readerId: string, hidUserId: unknown, isAdministrator: boolean) {
   const userId = toHidNumericId(hidUserId);
   if (!readerId || !userId) return;
 
@@ -1043,17 +771,14 @@ function getAdministratorRoleUserIds(response: Record<string, any> | null) {
   return new Set(
     (Array.isArray(roles) ? roles : [])
       .map((role) => toHidNumericId(role.user_id))
-      .filter((userId): userId is number => Boolean(userId))
+      .filter((userId): userId is number => Boolean(userId)),
   );
 }
 
 function toHidUserObject(identity: Record<string, any>) {
   return {
     id: toHidNumericId(identity.hidUserId),
-    name:
-      identity.metadata?.name ||
-      identity.name ||
-      `User ${identity.hidUserId || ""}`.trim(),
+    name: identity.metadata?.name || identity.name || `User ${identity.hidUserId || ""}`.trim(),
     registration: identity.registration || "",
   };
 }
@@ -1082,40 +807,23 @@ function getName(user?: Record<string, any> | null) {
 }
 
 function getUnit(user?: Record<string, any> | null) {
-  return (
-    user?.metadata?.unitLabel ||
-    [user?.metadata?.block, user?.metadata?.level, user?.metadata?.unit]
-      .filter(Boolean)
-      .join("/") ||
-    "N/A"
-  );
+  return user?.metadata?.unitLabel || [user?.metadata?.block, user?.metadata?.level, user?.metadata?.unit].filter(Boolean).join("/") || "N/A";
 }
 
 function getFacialData(user: Record<string, any>) {
-  return (
-    user?.metadata?.facialData ||
-    user?.metadata?.imageTimestamp ||
-    (user?.metadata?.photo ? user.hidUserId : "N/A")
-  );
+  return user?.metadata?.facialData || user?.metadata?.imageTimestamp || (user?.metadata?.photo ? user.hidUserId : "N/A");
 }
 
 function getUserImageSrc(user: Record<string, any>) {
   const hidUserId = toHidNumericId(user?.hidUserId);
-  return (
-    user?.metadata?.photo ||
-    (hidUserId ? userImages.value[String(hidUserId)] : "") ||
-    ""
-  );
+  return user?.metadata?.photo || (hidUserId ? userImages.value[String(hidUserId)] : "") || "";
 }
 
 async function getNextUid() {
   const readerIds = await getExistingHidReaderIds();
   const maxNumber = users.value.reduce((max, user) => {
     const match = String(user.hidUserId ?? "").match(/^UID(\d+)$/i);
-    return Math.max(
-      max,
-      match ? Number(match[1]) : toHidNumericId(user.hidUserId) || 0
-    );
+    return Math.max(max, match ? Number(match[1]) : toHidNumericId(user.hidUserId) || 0);
   }, 0);
   const nextNumber = Math.max(maxNumber, ...readerIds, 0) + 1;
   return `UID${String(nextNumber).padStart(6, "0")}`;
@@ -1129,15 +837,10 @@ async function getNextRegistration() {
   const numericRegistrations = registrations
     .map((registration) => {
       const match = registration.match(/^(\d+)$/);
-      return match
-        ? { value: Number(match[1]), width: match[1].length }
-        : undefined;
+      return match ? { value: Number(match[1]), width: match[1].length } : undefined;
     })
     .filter((item): item is { value: number; width: number } => Boolean(item));
-  const maxRegistration = numericRegistrations.reduce(
-    (max, item) => Math.max(max, item.value),
-    0
-  );
+  const maxRegistration = numericRegistrations.reduce((max, item) => Math.max(max, item.value), 0);
   const width = Math.max(6, ...numericRegistrations.map((item) => item.width));
 
   return String(maxRegistration + 1).padStart(width, "0");
@@ -1179,14 +882,11 @@ function normalizeHidUsers(response: Record<string, any>) {
         hidUserId: String(user.id || ""),
         rawHidUserId: user.id,
         registration: user.registration,
-        userTypeId: user.user_type_id,
         cardNo: user.card_value || user.cardNo || "",
         name: user.name,
         metadata: {
           name: user.name,
-          imageTimestamp: user.image_timestamp
-            ? String(user.image_timestamp)
-            : "",
+          imageTimestamp: user.image_timestamp ? String(user.image_timestamp) : "",
           lastAccessAt: fromUnixSeconds(user.last_access),
           hidReaderSource: true,
         },
@@ -1194,10 +894,7 @@ function normalizeHidUsers(response: Record<string, any>) {
     : [];
 }
 
-function mergeReaderUsersWithIdentities(
-  readerUsers: Record<string, any>[],
-  identities: Record<string, any>[]
-) {
+function mergeReaderUsersWithIdentities(readerUsers: Record<string, any>[], identities: Record<string, any>[]) {
   const identityById = new Map<string, Record<string, any>>();
   identities.forEach((identity) => {
     const id = toHidNumericId(identity.hidUserId);
@@ -1205,9 +902,7 @@ function mergeReaderUsersWithIdentities(
   });
 
   const merged = readerUsers.map((readerUser) => {
-    const identity = identityById.get(
-      String(toHidNumericId(readerUser.hidUserId))
-    );
+    const identity = identityById.get(String(toHidNumericId(readerUser.hidUserId)));
     if (!identity) return readerUser;
 
     return {
@@ -1222,11 +917,8 @@ function mergeReaderUsersWithIdentities(
       metadata: {
         ...readerUser.metadata,
         ...identity.metadata,
-        imageTimestamp:
-          identity.metadata?.imageTimestamp ||
-          readerUser.metadata?.imageTimestamp,
-        lastAccessAt:
-          identity.metadata?.lastAccessAt || readerUser.metadata?.lastAccessAt,
+        imageTimestamp: identity.metadata?.imageTimestamp || readerUser.metadata?.imageTimestamp,
+        lastAccessAt: identity.metadata?.lastAccessAt || readerUser.metadata?.lastAccessAt,
       },
     };
   });
@@ -1237,16 +929,13 @@ function mergeReaderUsersWithIdentities(
 function filterUsers(items: Record<string, any>[]) {
   const searchText = search.value.trim().toLowerCase();
   return items.filter((item) => {
-    const matchesSearch =
-      !searchText ||
-      [getName(item), item.hidUserId, item.registration, item.cardNo].some(
-        (value) =>
-          String(value || "")
-            .toLowerCase()
-            .includes(searchText)
-      );
-    const matchesStatus =
-      status.value === "Status" || getMappingStatus(item) === status.value;
+    const matchesSearch = !searchText || [
+      getName(item),
+      item.hidUserId,
+      item.registration,
+      item.cardNo,
+    ].some((value) => String(value || "").toLowerCase().includes(searchText));
+    const matchesStatus = status.value === "Status" || getMappingStatus(item) === status.value;
     return matchesSearch && matchesStatus;
   });
 }
@@ -1306,7 +995,7 @@ function getHidErrorMessage(error: any) {
       data?.statusMessage ||
       error?.statusMessage ||
       error?.message ||
-      "Unable to save HID user."
+      "Unable to save HID user.",
   );
 }
 </script>