@7365admin1/layer-common 3.2.2-staging.84 → 3.2.2-staging.86

package/composables/useHidAmico.ts

@@ -33,7 +33,7 @@ type HidVisitorQrData = {
   readerId: string;
   hidUserId: number;
   qrValue: string;
-  qrFormat: "0" | "1" | "2";
+  qrFormat: "0";
   issuedAt: string;
   expiresAt: string;
 };
@@ -120,7 +120,7 @@ export default function useHidAmico() {
 
   function issueVisitorQr(
     readerId: string,
-    payload: { visitorId: string; validityMinutes: number; qrFormat: "0" | "1" | "2" },
+    payload: { visitorId: string; validityMinutes: number },
   ) {
     return useNuxtApp().$api<HidVisitorQrResponse>(`${basePath}/readers/${readerId}/visitor-qr`, {
       method: "POST",
@@ -189,6 +189,27 @@ export default function useHidAmico() {
     );
   }
 
+  function getUserPinStatus(readerId: string, hidUserId: string | number) {
+    return useNuxtApp().$api<{ data: { pinEnrolled: boolean } }>(
+      `${basePath}/readers/${readerId}/users/${hidUserId}/pin`,
+      { method: "GET" },
+    );
+  }
+
+  function setUserPin(readerId: string, hidUserId: string | number, pin: string) {
+    return useNuxtApp().$api<{ data: { pinEnrolled: boolean } }>(
+      `${basePath}/readers/${readerId}/users/${hidUserId}/pin`,
+      { method: "PUT", body: { pin } },
+    );
+  }
+
+  function deleteUserPin(readerId: string, hidUserId: string | number) {
+    return useNuxtApp().$api<{ data: { pinEnrolled: boolean } }>(
+      `${basePath}/readers/${readerId}/users/${hidUserId}/pin`,
+      { method: "DELETE" },
+    );
+  }
+
   function createIdentity(readerId: string, payload: HidIdentityPayload) {
     return useNuxtApp().$api<Record<string, any>>(`${basePath}/readers/${readerId}/identities`, {
       method: "POST",
@@ -286,6 +307,9 @@ export default function useHidAmico() {
     getUserImage,
     setUserImage,
     deleteUserImage,
+    getUserPinStatus,
+    setUserPin,
+    deleteUserPin,
     getIdentities,
     createIdentity,
     updateIdentity,

package/composables/useSipWebPhone.ts

@@ -31,6 +31,12 @@ export default function useSipWebPhone() {
 
   const isRegistered = computed(() => connectionState.value === "registered");
   const hasCall = computed(() => callState.value !== "idle");
+  const audioConstraints: MediaTrackConstraints = {
+    echoCancellation: true,
+    noiseSuppression: true,
+    autoGainControl: true,
+    channelCount: 1,
+  };
 
   async function connect(config: SipWebPhoneConfig, media: SipWebPhoneMedia) {
     validateConfig(config);
@@ -73,6 +79,7 @@ export default function useSipWebPhone() {
         },
         onCallAnswered: () => {
           callState.value = "active";
+          ensureMicrophoneSending();
           syncVideoState();
         },
         onCallHangup: () => {
@@ -104,7 +111,9 @@ export default function useSipWebPhone() {
         aor: normalizeSipUri(config.aor),
         delegate,
         media: {
-          constraints: { audio: true, video: false },
+          // The browser sends microphone audio and receives HID audio/video.
+          // Do not request a local camera merely because the HID video leg is enabled.
+          constraints: { audio: audioConstraints, video: false },
           remote: {
             audio: media.remoteAudio || undefined,
             video: media.remoteVideo || undefined,
@@ -167,7 +176,7 @@ export default function useSipWebPhone() {
     callState.value = "calling";
     try {
       const sessionDescriptionHandlerOptions: SessionDescriptionHandlerOptions = {
-        constraints: { audio: true, video: false },
+        constraints: { audio: audioConstraints, video: false },
         offerOptions: {
           offerToReceiveAudio: true,
           offerToReceiveVideo: Boolean(activeConfig.value?.video),
@@ -184,7 +193,11 @@ export default function useSipWebPhone() {
   async function answer() {
     const user = requireRegisteredUser();
     const sessionDescriptionHandlerOptions: SessionDescriptionHandlerOptions = {
-      constraints: { audio: true, video: false },
+      constraints: { audio: audioConstraints, video: false },
+      offerOptions: {
+        offerToReceiveAudio: true,
+        offerToReceiveVideo: Boolean(activeConfig.value?.video),
+      },
     };
     await user.answer({ sessionDescriptionHandlerOptions });
   }
@@ -214,6 +227,18 @@ export default function useSipWebPhone() {
     muted.value = !enable;
   }
 
+  function ensureMicrophoneSending() {
+    const tracks = simpleUser.value?.localMediaStream?.getAudioTracks() || [];
+    if (!tracks.length) {
+      errorMessage.value = "The call connected without a microphone track. Reconnect and allow microphone access.";
+      return;
+    }
+    tracks.forEach((track) => {
+      track.enabled = true;
+    });
+    muted.value = false;
+  }
+
   function syncVideoState() {
     const user = simpleUser.value;
     const remoteStream = user?.remoteMediaStream;

package/package.json

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

package/plugins/vuetify.ts

@@ -53,6 +53,7 @@ import type { CookieOptions } from "#app";
  */
 import "../assets/css/tokens.css";
 import "../assets/css/shell.css";
+import "../assets/css/screens.css";
 
 export default defineNuxtPlugin((app) => {
   /**

package/utils/status.test.ts

@@ -35,6 +35,42 @@ test("an unmapped status comes out neutral rather than guessed", () => {
   }
 });
 
+/**
+ * PHASE 4. Each of these words is on a module screen today with a colour a
+ * per-screen `getStatusColor` gave it. The list has to keep giving it the SAME
+ * tone, or adopting the shared chip would quietly repaint a status.
+ */
+test("the product's own status words keep the tone the screens already gave them", () => {
+  for (const s of ["Accepted", "Approved", "Resolved", "Active"]) {
+    assert.equal(statusTone(s), "ok", s);
+  }
+
+  for (const s of ["Rejected", "Deleted", "Suspended"]) {
+    assert.equal(statusTone(s), "err", s);
+  }
+
+  for (const s of ["In Progress", "In-Progress", "To-Do", "Awaiting Approval"]) {
+    assert.equal(statusTone(s), "warn", s);
+  }
+
+  for (const s of ["Ongoing", "For Review"]) {
+    assert.equal(statusTone(s), "info", s);
+  }
+
+  for (const s of ["Inactive", "Expired"]) {
+    assert.equal(statusTone(s), "neutral", s);
+  }
+});
+
+/**
+ * The one place the handoff and the old per-screen colour disagree: `Open` was
+ * grey on the cleaning schedules and the design names it `ok`. Pinned so the
+ * disagreement is a decision on the record rather than a surprise.
+ */
+test("Open follows the design, not the old grey", () => {
+  assert.equal(statusTone("open"), "ok");
+});
+
 test("the class name matches what tokens.css actually defines", () => {
   assert.equal(statusToneClass("Paid"), "tone-ok");
   assert.equal(statusToneClass("Whatever"), "tone-neutral");

package/utils/status.ts

@@ -34,6 +34,42 @@ const TONES: Record<string, TStatusTone> = {
 
   role: "info",
   info: "info",
+
+  /**
+   * PHASE 4 - THE WORDS THIS PRODUCT ACTUALLY USES.
+   *
+   * The handoff names ten words; the module screens show more than that, and
+   * each of them is ALREADY painted a colour today by a per-screen
+   * `getStatusColor`. So these are not new opinions - each one is the tone the
+   * screens already give that word, moved into the one list so that "Ongoing"
+   * is the same blue on a cleaning schedule and on a scheduled area. Where the
+   * old per-screen colour and the design disagree the design wins, and there
+   * is exactly one of those: `Open` was grey and the handoff names it `ok`.
+   *
+   * Anything still unlisted stays neutral, deliberately - see above.
+   */
+  ongoing: "info", // was `primary`
+  "in progress": "warn", // was #FB8C00, orange
+  "for review": "info", // was `primary`
+  "to do": "warn", // was `orange`
+
+  accepted: "ok", // was `success`
+  approved: "ok",
+  resolved: "ok", // was #4CAF50, green
+  active: "ok", // was `success`
+
+  rejected: "err", // was `error`
+  deleted: "err", // was `error`
+  suspended: "err", // was `error`
+
+  complete: "ok",
+
+  inactive: "neutral", // was `grey`
+  "in active": "neutral", // the same word, printed "In-Active"
+  declined: "neutral", // was Vuetify's `default`
+  expired: "neutral", // was `grey`
+
+  "awaiting approval": "warn", // a waiting state, like Pending
 };
 
 /**