@7365admin1/layer-common 3.2.1-staging.62 → 3.2.1-staging.63

package/components/HidAccessLogDashboard.vue

@@ -327,6 +327,8 @@ type AccessTab = "resident" | "visitor" | "administrator";
 type AccessRow = {
   key: string;
   identityKey: string;
+  identityType?: string;
+  visitorId?: string;
   name: string;
   facialData: string;
   faceImage?: string;
@@ -351,6 +353,7 @@ const { getVisitors } = useVisitor();
 
 const readers = ref<Record<string, any>[]>([]);
 const identities = ref<Record<string, any>[]>([]);
+const allIdentities = ref<Record<string, any>[]>([]);
 const visitorRecords = ref<Record<string, any>>({});
 const logs = ref<Record<string, any>[]>([]);
 const liveAccessLogs = ref<Record<string, any>[]>([]);
@@ -556,12 +559,10 @@ async function loadDashboard() {
   resetDashboardData();
   try {
     const isAdministratorTab = activeTab.value === "administrator";
-    const isVisitorTab = activeTab.value === "visitor";
     const [identityResponse, logResponse, hidAccessLogs, configurationResponse, roleResponse, visitorResponse, readerUserResponse] = await Promise.all([
       getIdentities(selectedReaderId.value, {
         page: 1,
         limit: 500,
-        ...(!isAdministratorTab ? { type: getIdentityType(activeTab.value) } : {}),
       }),
       getLogs(selectedReaderId.value, {
         page: 1,
@@ -570,7 +571,7 @@ async function loadDashboard() {
       loadLiveAccessLogs(selectedReaderId.value),
       loadReaderConfiguration(selectedReaderId.value),
       isAdministratorTab ? loadAdministratorRoles(selectedReaderId.value) : Promise.resolve(null),
-      isVisitorTab && props.org
+      props.org
         ? getVisitors({
             org: props.org,
             site: props.site,
@@ -587,18 +588,19 @@ async function loadDashboard() {
     const loadedIdentities = identityResponse?.items ?? identityResponse?.data?.items ?? identityResponse?.data?.identities ?? [];
     const mergedIdentities = mergeReaderUsersWithIdentities(readerUserResponse, loadedIdentities);
     const loadedVisitors = visitorResponse?.items ?? visitorResponse?.data?.items ?? visitorResponse?.data?.visitors ?? [];
-    visitorRecords.value = isVisitorTab
-      ? Object.fromEntries(loadedVisitors.map((visitor: Record<string, any>) => [String(visitor._id), visitor]))
-      : {};
+    visitorRecords.value = Object.fromEntries(
+      loadedVisitors.map((visitor: Record<string, any>) => [String(visitor._id), visitor]),
+    );
     administratorUserIds.value = getAdministratorRoleUserIds(roleResponse);
+    allIdentities.value = mergedIdentities;
     identities.value = isAdministratorTab
       ? mergedIdentities.filter((identity: Record<string, any>) => {
           const hidUserId = toHidNumericId(identity.hidUserId);
           return Boolean(hidUserId && administratorUserIds.value.has(hidUserId));
         })
-      : isVisitorTab
-        ? mergedIdentities.filter((identity: Record<string, any>) => Boolean(getVisitorRecord(identity)))
-      : mergedIdentities;
+      : activeTab.value === "visitor"
+        ? mergedIdentities.filter(isVisitorIdentity)
+        : mergedIdentities.filter((identity: Record<string, any>) => !isVisitorIdentity(identity));
     logs.value = logResponse?.items ?? logResponse?.data?.items ?? logResponse?.data?.logs ?? [];
     liveAccessLogs.value = hidAccessLogs;
     readerConfiguration.value = normalizeReaderConfiguration(configurationResponse);
@@ -775,6 +777,7 @@ function mergeReaderUsersWithIdentities(readerUsers: Record<string, any>[], iden
 function resetDashboardData() {
   selectedHistoryRow.value = undefined;
   identities.value = [];
+  allIdentities.value = [];
   visitorRecords.value = {};
   logs.value = [];
   liveAccessLogs.value = [];
@@ -782,15 +785,11 @@ function resetDashboardData() {
   administratorUserIds.value = new Set();
 }
 
-function getIdentityType(tab: AccessTab) {
-  if (tab === "administrator") return "admin";
-  return tab;
-}
-
 function isVisibleForActiveTab(row: AccessRow) {
   const identity = findIdentityByKey(row.identityKey);
+  const isVisitor = row.identityType === "visitor" || Boolean(row.visitorId) || isVisitorIdentity(identity);
   if (activeTab.value === "visitor") {
-    return Boolean(identity && getVisitorRecord(identity));
+    return isVisitor;
   }
 
   if (activeTab.value === "administrator") {
@@ -798,7 +797,11 @@ function isVisibleForActiveTab(row: AccessRow) {
     return Boolean(hidUserId && administratorUserIds.value.has(hidUserId));
   }
 
-  return !identity || !getVisitorRecord(identity);
+  return !isVisitor;
+}
+
+function isVisitorIdentity(identity: Record<string, unknown> | undefined) {
+  return Boolean(identity && (identity.type === "visitor" || identity.visitor));
 }
 
 function loadAdministratorRoles(readerId: string) {
@@ -850,7 +853,7 @@ function getIdentityKey(identity: Record<string, any>) {
 
 function findIdentityByKey(identityKey: string) {
   if (!identityKey) return undefined;
-  return identities.value.find((identity) => getIdentityKey(identity) === identityKey);
+  return allIdentities.value.find((identity) => getIdentityKey(identity) === identityKey);
 }
 
 function getLogIdentityKey(log: Record<string, any>) {
@@ -1154,12 +1157,15 @@ function getRawAccessLogs(event: Record<string, any>) {
 
 function mapAccessLogToRow(rawLog: Record<string, any>, event: Record<string, any>, index: string): AccessRow {
   const identity = findIdentityForAccessLog(rawLog, event);
+  const eventIdentity = event.payload?.identity || event.payload?.identityLookup || {};
   const rawAccessTime = getAccessLogTime(rawLog, event);
   const identityKey = identity ? getIdentityKey(identity) : getLogIdentityKey({ ...event, payload: { ...event.payload, rawAccessLog: rawLog } });
 
   return {
     key: `${event._id || event.id || "log"}-${rawLog.id || rawLog.time || index}`,
     identityKey,
+    identityType: String(identity?.type || eventIdentity.type || "").toLowerCase() || undefined,
+    visitorId: String(identity?.visitor || eventIdentity.visitor || "") || undefined,
     name: identity ? getName(identity) : getRawLogName(rawLog, event),
     facialData: identity ? getFacialData(identity) : "N/A",
     faceImage: identity ? getUserImageSrc(identity) : "",
@@ -1175,7 +1181,7 @@ function mapAccessLogToRow(rawLog: Record<string, any>, event: Record<string, an
 function findIdentityForAccessLog(rawLog: Record<string, any>, event: Record<string, any>) {
   const eventIdentityId = event.payload?.identity?._id;
   if (eventIdentityId) {
-    const byId = identities.value.find((identity) => String(identity._id) === String(eventIdentityId));
+    const byId = allIdentities.value.find((identity) => String(identity._id) === String(eventIdentityId));
     if (byId) return byId;
   }
 
@@ -1184,7 +1190,7 @@ function findIdentityForAccessLog(rawLog: Record<string, any>, event: Record<str
   const cardNo = rawLog.card_value || rawLog.cardNo || event.payload?.identity?.cardNo || event.payload?.identityLookup?.cardNo;
   const qrCodeValue = rawLog.qrcode_value || rawLog.qrCode || rawLog.qrcode;
 
-  return identities.value.find((identity) => {
+  return allIdentities.value.find((identity) => {
     return (
       (hidUserId !== undefined && hidUserId !== null && String(identity.hidUserId) === String(hidUserId)) ||
       (registration && identity.registration === registration) ||

package/components/HidCameraCaptureDialog.vue

@@ -0,0 +1,199 @@
+<template>
+  <v-dialog
+    :model-value="modelValue"
+    max-width="520"
+    persistent
+    @update:model-value="emit('update:modelValue', $event)"
+  >
+    <v-card class="camera-dialog" rounded="lg">
+      <v-card-title class="d-flex align-center justify-space-between pa-4">
+        <span class="text-subtitle-1 font-weight-bold">Take Facial Photo</span>
+        <v-btn
+          icon="mdi-close"
+          variant="text"
+          size="small"
+          aria-label="Close camera"
+          @click="close"
+        />
+      </v-card-title>
+
+      <v-divider />
+
+      <v-card-text class="pa-4">
+        <div class="camera-viewport">
+          <video
+            ref="videoElement"
+            class="camera-preview"
+            autoplay
+            muted
+            playsinline
+          />
+
+          <div v-if="starting" class="camera-state">
+            <v-progress-circular indeterminate color="primary" />
+            <span class="mt-3">Starting camera...</span>
+          </div>
+
+          <div v-else-if="cameraError" class="camera-state px-6 text-center">
+            <v-icon icon="mdi-camera-off-outline" size="42" color="error" />
+            <span class="mt-3 text-error">{{ cameraError }}</span>
+          </div>
+        </div>
+
+        <canvas ref="canvasElement" class="d-none" />
+
+        <div class="text-caption text-medium-emphasis mt-3 text-center">
+          Keep your face centered and make sure the area is well lit.
+        </div>
+      </v-card-text>
+
+      <v-divider />
+
+      <v-card-actions class="pa-4">
+        <v-btn variant="text" @click="close">Cancel</v-btn>
+        <v-spacer />
+        <v-btn
+          color="primary"
+          variant="flat"
+          prepend-icon="mdi-camera"
+          :disabled="starting || !!cameraError || !stream"
+          @click="capture"
+        >
+          Take Photo
+        </v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{ modelValue: boolean }>();
+const emit = defineEmits<{
+  "update:modelValue": [value: boolean];
+  capture: [dataUrl: string];
+}>();
+
+const videoElement = ref<HTMLVideoElement | null>(null);
+const canvasElement = ref<HTMLCanvasElement | null>(null);
+const stream = shallowRef<MediaStream | null>(null);
+const starting = ref(false);
+const cameraError = ref("");
+
+function stopCamera() {
+  stream.value?.getTracks().forEach((track) => track.stop());
+  stream.value = null;
+  if (videoElement.value) videoElement.value.srcObject = null;
+}
+
+function getCameraErrorMessage(caught: unknown) {
+  if (caught instanceof DOMException) {
+    if (caught.name === "NotAllowedError") {
+      return "Camera permission was denied. Allow camera access and try again.";
+    }
+    if (caught.name === "NotFoundError") {
+      return "No camera was found on this device.";
+    }
+    if (caught.name === "NotReadableError") {
+      return "The camera is currently being used by another application.";
+    }
+  }
+  return "Unable to open the camera. Use HTTPS or check the browser camera permission.";
+}
+
+async function startCamera() {
+  stopCamera();
+  cameraError.value = "";
+  starting.value = true;
+
+  try {
+    if (!navigator.mediaDevices?.getUserMedia) {
+      throw new Error("Camera API is unavailable");
+    }
+
+    stream.value = await navigator.mediaDevices.getUserMedia({
+      audio: false,
+      video: {
+        facingMode: "user",
+        width: { ideal: 1280 },
+        height: { ideal: 960 },
+      },
+    });
+
+    await nextTick();
+    if (!videoElement.value) throw new Error("Camera preview is unavailable");
+    videoElement.value.srcObject = stream.value;
+    await videoElement.value.play();
+  } catch (caught: unknown) {
+    stopCamera();
+    cameraError.value = getCameraErrorMessage(caught);
+  } finally {
+    starting.value = false;
+  }
+}
+
+function capture() {
+  const video = videoElement.value;
+  const canvas = canvasElement.value;
+  if (!video || !canvas || !video.videoWidth || !video.videoHeight) return;
+
+  canvas.width = video.videoWidth;
+  canvas.height = video.videoHeight;
+  const context = canvas.getContext("2d");
+  if (!context) return;
+
+  context.translate(canvas.width, 0);
+  context.scale(-1, 1);
+  context.drawImage(video, 0, 0, canvas.width, canvas.height);
+
+  emit("capture", canvas.toDataURL("image/jpeg", 0.9));
+  close();
+}
+
+function close() {
+  stopCamera();
+  emit("update:modelValue", false);
+}
+
+watch(
+  () => props.modelValue,
+  (isOpen) => {
+    if (isOpen) void startCamera();
+    else stopCamera();
+  }
+);
+
+onBeforeUnmount(stopCamera);
+</script>
+
+<style scoped>
+.camera-dialog {
+  overflow: hidden;
+}
+
+.camera-viewport {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  aspect-ratio: 3 / 4;
+  border-radius: 8px;
+  background: #111722;
+}
+
+.camera-preview {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transform: scaleX(-1);
+}
+
+.camera-state {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: #111722;
+  color: #ffffff;
+}
+</style>

package/components/HidIntercomManagement.vue

@@ -237,7 +237,7 @@
           <div class="sip-switch-row sip-section-switch">
             <div>
               <span>Enable video</span>
-              <small>Allow this reader to send and receive video during SIP calls.</small>
+              <small>Allow this reader to send its camera feed during SIP intercom calls.</small>
             </div>
             <v-switch v-model="sipForm.videoEnabled" :disabled="!sipForm.enabled" color="success" density="compact" hide-details />
           </div>
@@ -417,7 +417,10 @@
               <span class="sip-account-address">{{ sipAccount.sipAddress }}</span>
             </div>
             <div class="call-toggle-row web-video-toggle">
-              <span>Enable video</span>
+              <div>
+                <span>Receive HID video</span>
+                <small>Show the HID camera feed without sharing this device's camera.</small>
+              </div>
               <v-switch
                 v-model="webPhoneForm.video"
                 color="success"
@@ -457,12 +460,10 @@
               class="web-phone-media"
               :class="{
                 'has-video': webPhoneForm.video && webPhone.callState.value === 'active',
-                'has-local-video': webPhone.localVideoAvailable.value,
                 'has-remote-video': webPhone.remoteVideoAvailable.value,
               }"
             >
               <video ref="remoteVideoEl" autoplay playsinline class="remote-video" />
-              <video ref="localVideoEl" autoplay muted playsinline class="local-video" />
               <audio ref="remoteAudioEl" autoplay />
               <div
                 v-if="!webPhoneForm.video || webPhone.callState.value !== 'active' || !webPhone.remoteVideoAvailable.value"
@@ -472,7 +473,7 @@
                 <strong>{{ webPhoneCallLabel }}</strong>
                 <span v-if="webPhone.currentTarget.value">{{ webPhone.currentTarget.value }}</span>
                 <span v-if="webPhoneForm.video && webPhone.callState.value === 'active' && !webPhone.remoteVideoAvailable.value">
-                  Waiting for video from the other device
+                  Waiting for video from the HID device
                 </span>
               </div>
             </div>
@@ -529,14 +530,6 @@
                   :title="webPhone.muted.value ? 'Unmute' : 'Mute'"
                   @click="toggleWebMute"
                 />
-                <v-btn
-                  v-if="webPhoneForm.video"
-                  :icon="webPhone.cameraEnabled.value ? 'mdi-video' : 'mdi-video-off'"
-                  variant="outlined"
-                  :disabled="webPhone.callState.value !== 'active' || !webPhone.localVideoAvailable.value"
-                  :title="webPhone.cameraEnabled.value ? 'Turn camera off' : 'Turn camera on'"
-                  @click="toggleWebCamera"
-                />
                 <v-btn
                   icon="mdi-phone-hangup"
                   class="hangup-web-call"
@@ -723,7 +716,6 @@ const webPhoneActionLoading = ref(false);
 const sipAccount = ref<SipAccount | null>(null);
 const sipAccountLoading = ref(false);
 const sipAccountError = ref("");
-const localVideoEl = ref<HTMLVideoElement | null>(null);
 const remoteVideoEl = ref<HTMLVideoElement | null>(null);
 const remoteAudioEl = ref<HTMLAudioElement | null>(null);
 const webPhone = useSipWebPhone();
@@ -1249,7 +1241,6 @@ async function connectWebPhone() {
       displayName: "iService365 Web",
       video: webPhoneForm.video,
     }, {
-      localVideo: localVideoEl.value,
       remoteVideo: remoteVideoEl.value,
       remoteAudio: remoteAudioEl.value,
     });
@@ -1315,14 +1306,6 @@ async function hangupWebCall() {
   }
 }
 
-function toggleWebCamera() {
-  try {
-    webPhone.toggleCamera();
-  } catch (error: unknown) {
-    showMessage(getErrorMessage(error), "error");
-  }
-}
-
 function toggleWebMute() {
   try {
     webPhone.toggleMute();
@@ -2462,23 +2445,6 @@ export default {
   display: block;
 }
 
-.local-video {
-  position: absolute;
-  right: 12px;
-  bottom: 12px;
-  display: none;
-  width: 108px;
-  aspect-ratio: 3 / 4;
-  border: 2px solid #fff;
-  border-radius: 4px;
-  background: #263b49;
-  object-fit: cover;
-}
-
-.web-phone-media.has-local-video .local-video {
-  display: block;
-}
-
 .web-phone-media.has-remote-video .audio-call-state {
   display: none;
 }

package/components/HidUserEnrollment.vue

@@ -50,7 +50,13 @@
 
     <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>
 
@@ -66,10 +72,18 @@
             </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>
@@ -88,13 +102,22 @@
               <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>
@@ -109,8 +132,26 @@
 
       <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>
 
@@ -125,7 +166,12 @@
             <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>
@@ -137,7 +183,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
+                  title="Take Photo using Camera"
+                  @click="triggerCameraInput"
+                />
                 <v-list-item
                   v-if="form.photoPreview"
                   title="Remove Photo"
@@ -146,12 +195,10 @@
                 />
               </v-list>
             </v-menu>
-            <input ref="photoInput" type="file" accept="image/*" class="hidden-input" @change="onPhotoChange" />
             <input
-              ref="cameraInput"
+              ref="photoInput"
               type="file"
               accept="image/*"
-              capture="user"
               class="hidden-input"
               @change="onPhotoChange"
             />
@@ -217,31 +264,61 @@
         </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>
@@ -252,12 +329,26 @@
         <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>
@@ -312,7 +403,7 @@ const deleteDialog = ref(false);
 const selectedUser = ref<Record<string, any> | null>(null);
 const showPassword = ref(false);
 const photoInput = ref<HTMLInputElement | null>(null);
-const cameraInput = ref<HTMLInputElement | null>(null);
+const cameraDialog = ref(false);
 const selectedPhotoFile = ref<File | null>(null);
 const removePhotoRequested = ref(false);
 const snackbar = reactive({
@@ -340,7 +431,7 @@ const readerOptions = computed(() =>
   readers.value.map((reader) => ({
     title: reader.name || reader.deviceId || reader._id,
     value: reader._id,
-  })),
+  }))
 );
 
 const pageRange = computed(() => {
@@ -354,7 +445,7 @@ const pageRange = computed(() => {
 watch(
   () => props.site,
   () => init(),
-  { immediate: true },
+  { immediate: true }
 );
 
 async function init() {
@@ -365,7 +456,8 @@ 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;
   }
@@ -394,10 +486,16 @@ 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;
@@ -429,21 +527,23 @@ 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() {
@@ -512,7 +612,28 @@ function triggerPhotoInput() {
 }
 
 function triggerCameraInput() {
-  cameraInput.value?.click();
+  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() {
@@ -545,7 +666,8 @@ 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;
@@ -567,7 +689,13 @@ 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,
@@ -604,7 +732,11 @@ async function saveUser() {
 
     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");
@@ -619,13 +751,21 @@ type FacialSyncResult = {
   scores?: Record<string, unknown>;
 };
 
-async function syncFacialImage(readerId: string, hidUserId: number): Promise<FacialSyncResult> {
+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 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 };
@@ -640,7 +780,10 @@ async function syncFacialImage(readerId: string, hidUserId: number): Promise<Fac
   return { action: "none" };
 }
 
-function applyFacialResult(metadata: Record<string, unknown>, result: FacialSyncResult) {
+function applyFacialResult(
+  metadata: Record<string, unknown>,
+  result: FacialSyncResult
+) {
   if (result.action === "enrolled") {
     metadata.facialData = form.hidUserId;
     metadata.imageTimestamp = String(result.timestamp || "");
@@ -658,7 +801,11 @@ async function deleteUser() {
 
   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);
@@ -674,8 +821,14 @@ 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;
@@ -687,31 +840,47 @@ async function saveIdentityOnReader(readerId: string, payload: Record<string, an
     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);
@@ -741,7 +910,10 @@ 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",
@@ -755,7 +927,10 @@ async function updateHidUserOnReader(readerId: string, user: Record<string, any>
   });
 }
 
-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;
 
@@ -770,7 +945,11 @@ async function deleteHidUserFromReader(readerId: string, user: Record<string, an
   });
 }
 
-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;
 
@@ -864,14 +1043,17 @@ 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 || "",
   };
 }
@@ -900,23 +1082,40 @@ 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")}`;
@@ -930,10 +1129,15 @@ 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");
@@ -980,7 +1184,9 @@ function normalizeHidUsers(response: Record<string, any>) {
         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,
         },
@@ -988,7 +1194,10 @@ 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);
@@ -996,7 +1205,9 @@ function mergeReaderUsersWithIdentities(readerUsers: Record<string, any>[], iden
   });
 
   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 {
@@ -1011,8 +1222,11 @@ function mergeReaderUsersWithIdentities(readerUsers: Record<string, any>[], iden
       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,
       },
     };
   });
@@ -1023,13 +1237,16 @@ function mergeReaderUsersWithIdentities(readerUsers: Record<string, any>[], iden
 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;
   });
 }
@@ -1089,7 +1306,7 @@ function getHidErrorMessage(error: any) {
       data?.statusMessage ||
       error?.statusMessage ||
       error?.message ||
-      "Unable to save HID user.",
+      "Unable to save HID user."
   );
 }
 </script>

package/composables/useSipWebPhone.ts

@@ -1,5 +1,6 @@
 import { computed, onScopeDispose, readonly, ref, shallowRef } from "vue";
 import type { SimpleUser, SimpleUserDelegate, SimpleUserOptions } from "sip.js/lib/platform/web";
+import type { SessionDescriptionHandlerOptions } from "sip.js/lib/platform/web/session-description-handler/session-description-handler-options";
 
 export type SipWebPhoneConfig = {
   webSocketServer: string;
@@ -11,7 +12,6 @@ export type SipWebPhoneConfig = {
 };
 
 export type SipWebPhoneMedia = {
-  localVideo?: HTMLVideoElement | null;
   remoteAudio?: HTMLAudioElement | null;
   remoteVideo?: HTMLVideoElement | null;
 };
@@ -25,8 +25,6 @@ export default function useSipWebPhone() {
   const callState = ref<CallState>("idle");
   const errorMessage = ref("");
   const muted = ref(false);
-  const cameraEnabled = ref(false);
-  const localVideoAvailable = ref(false);
   const remoteVideoAvailable = ref(false);
   const currentTarget = ref("");
   const activeConfig = shallowRef<SipWebPhoneConfig>();
@@ -106,8 +104,7 @@ export default function useSipWebPhone() {
         aor: normalizeSipUri(config.aor),
         delegate,
         media: {
-          constraints: { audio: true, video: Boolean(config.video) },
-          local: { video: media.localVideo || undefined },
+          constraints: { audio: true, video: false },
           remote: {
             audio: media.remoteAudio || undefined,
             video: media.remoteVideo || undefined,
@@ -169,7 +166,14 @@ export default function useSipWebPhone() {
     currentTarget.value = destination;
     callState.value = "calling";
     try {
-      await user.call(destination);
+      const sessionDescriptionHandlerOptions: SessionDescriptionHandlerOptions = {
+        constraints: { audio: true, video: false },
+        offerOptions: {
+          offerToReceiveAudio: true,
+          offerToReceiveVideo: Boolean(activeConfig.value?.video),
+        },
+      };
+      await user.call(destination, { sessionDescriptionHandlerOptions });
     } catch (error) {
       resetCall();
       errorMessage.value = getErrorMessage(error);
@@ -179,7 +183,10 @@ export default function useSipWebPhone() {
 
   async function answer() {
     const user = requireRegisteredUser();
-    await user.answer();
+    const sessionDescriptionHandlerOptions: SessionDescriptionHandlerOptions = {
+      constraints: { audio: true, video: false },
+    };
+    await user.answer({ sessionDescriptionHandlerOptions });
   }
 
   async function decline() {
@@ -207,42 +214,19 @@ export default function useSipWebPhone() {
     muted.value = !enable;
   }
 
-  function toggleCamera() {
-    const user = requireUser();
-    const tracks = user.localMediaStream?.getVideoTracks() || [];
-    if (!tracks.length) throw new Error("No camera track is available. Reconnect the web phone with video enabled.");
-    const enable = !cameraEnabled.value;
-    tracks.forEach((track) => {
-      track.enabled = enable;
-    });
-    cameraEnabled.value = enable;
-  }
-
   function syncVideoState() {
     const user = simpleUser.value;
-    const localStream = user?.localMediaStream;
     const remoteStream = user?.remoteMediaStream;
-    const localTrack = localStream?.getVideoTracks()[0];
     const remoteTrack = remoteStream?.getVideoTracks()[0];
 
     const updateState = () => {
-      const currentLocalTrack = localStream?.getVideoTracks()[0];
       const currentRemoteTrack = remoteStream?.getVideoTracks()[0];
-      localVideoAvailable.value = Boolean(currentLocalTrack && currentLocalTrack.readyState === "live");
       remoteVideoAvailable.value = Boolean(currentRemoteTrack && currentRemoteTrack.readyState === "live");
-      cameraEnabled.value = Boolean(currentLocalTrack?.enabled);
     };
 
     updateState();
-    if (localStream) localStream.onaddtrack = updateState;
     if (remoteStream) remoteStream.onaddtrack = updateState;
 
-    if (localTrack) {
-      localTrack.onended = () => {
-        localVideoAvailable.value = false;
-        cameraEnabled.value = false;
-      };
-    }
     if (remoteTrack) {
       remoteTrack.onended = () => {
         remoteVideoAvailable.value = false;
@@ -254,8 +238,6 @@ export default function useSipWebPhone() {
     callState.value = "idle";
     currentTarget.value = "";
     muted.value = false;
-    cameraEnabled.value = false;
-    localVideoAvailable.value = false;
     remoteVideoAvailable.value = false;
   }
 
@@ -279,8 +261,6 @@ export default function useSipWebPhone() {
     callState: readonly(callState),
     errorMessage: readonly(errorMessage),
     muted: readonly(muted),
-    cameraEnabled: readonly(cameraEnabled),
-    localVideoAvailable: readonly(localVideoAvailable),
     remoteVideoAvailable: readonly(remoteVideoAvailable),
     currentTarget: readonly(currentTarget),
     isRegistered,
@@ -292,7 +272,6 @@ export default function useSipWebPhone() {
     decline,
     hangup,
     toggleMute,
-    toggleCamera,
   };
 }
 
@@ -323,10 +302,10 @@ function normalizeDestination(target: string, aor: string) {
 
 function getErrorMessage(error: unknown) {
   if (error instanceof DOMException && error.name === "NotAllowedError") {
-    return "Camera or microphone permission was denied. Allow media access in the browser and reconnect the web phone.";
+    return "Microphone permission was denied. Allow microphone access in the browser and reconnect the web phone.";
   }
   if (error instanceof DOMException && error.name === "NotFoundError") {
-    return "No camera or microphone was found for this video call.";
+    return "No microphone was found for this call.";
   }
   return error instanceof Error ? error.message : "SIP connection failed.";
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "3.2.1-staging.62",
+  "version": "3.2.1-staging.63",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "publishConfig": {