interview-widget 3.2.16 → 3.2.17

package/dist/{widget.es.3.2.16.js → widget.es.3.2.17.js}

@@ -423,12 +423,12 @@ const uu = (e) => {
   const t = D(null), i = D(null), [r, n] = C(!1), [o, s] = C(!1), [a, l] = C(null), [d, u] = C([]), [h, w] = C([]), [f, g] = C(""), [y, b] = C(""), [p, v] = C(!1), _ = M(() => {
     i.current && (i.current.getTracks().forEach((x) => x.stop()), i.current = null, l(null));
   }, []), E = M(async () => {
-    var x, A, P, j;
+    var x, T, P, j;
     try {
       const z = await navigator.mediaDevices.enumerateDevices(), X = z.filter((U) => U.kind === "audioinput"), O = z.filter((U) => U.kind === "videoinput");
       if (u(X), w(O), !f && X.length > 0) {
         const U = (x = i.current) == null ? void 0 : x.getAudioTracks()[0], ee = U == null ? void 0 : U.getSettings().deviceId;
-        g(ee || ((A = X[0]) == null ? void 0 : A.deviceId) || "");
+        g(ee || ((T = X[0]) == null ? void 0 : T.deviceId) || "");
       }
       if (!y && O.length > 0) {
         const U = (P = i.current) == null ? void 0 : P.getVideoTracks()[0], ee = U == null ? void 0 : U.getSettings().deviceId;
@@ -437,11 +437,11 @@ const uu = (e) => {
     } catch (z) {
       console.error("Error enumerating devices:", z);
     }
-  }, [f, y]), T = M(async (x, A) => {
+  }, [f, y]), k = M(async (x, T) => {
     const P = {
       width: { ideal: 1280 },
       height: { ideal: 720 },
-      ...A ? { deviceId: { exact: A } } : { facingMode: "user" }
+      ...T ? { deviceId: { exact: T } } : { facingMode: "user" }
     }, j = {
       echoCancellation: !0,
       noiseSuppression: !0,
@@ -472,17 +472,17 @@ const uu = (e) => {
       }
     }
     z ? (i.current = z, l(z), t.current && (t.current.srcObject = z, await t.current.play().catch((X) => console.error("Error playing video element", X)))) : (i.current = null, l(null)), await E();
-  }, [E]), k = async (x) => {
-    x !== f && (v(!0), g(x), _(), await T(x, y), v(!1));
+  }, [E]), A = async (x) => {
+    x !== f && (v(!0), g(x), _(), await k(x, y), v(!1));
   }, G = async (x) => {
-    x !== y && (v(!0), b(x), _(), await T(f, x), v(!1));
+    x !== y && (v(!0), b(x), _(), await k(f, x), v(!1));
   };
   return B(() => {
     if (!e) {
       _();
       return;
     }
-    return T(), () => _();
+    return k(), () => _();
   }, [e]), {
     videoRef: t,
     audioAllowed: r,
@@ -493,7 +493,7 @@ const uu = (e) => {
     selectedVideoDeviceId: y,
     isDeviceLoading: p,
     currentStream: a,
-    handleAudioChange: k,
+    handleAudioChange: A,
     handleVideoChange: G,
     stopStream: _
   };
@@ -4732,8 +4732,8 @@ const Lr = "https://storage.googleapis.com/mediapipe-models/face_landmarker/face
       const w = (d.x + u.x) * 0.5, f = (d.y + u.y) * 0.5, g = w - a.x, y = f - a.y, b = Math.sqrt(g * g + y * y), p = Math.abs(h.y - a.noseY) * 100, v = Math.abs(h.x - a.noseX) * 100, _ = Math.max(
         0,
         100 - (b * 200 + p + v)
-      ), E = _ < wh, T = performance.now();
-      return T - n.current > 100 && (t(_), r(E), n.current = T), { engagement: _, isLookingAway: E };
+      ), E = _ < wh, k = performance.now();
+      return k - n.current > 100 && (t(_), r(E), n.current = k), { engagement: _, isLookingAway: E };
     },
     []
   );
@@ -4774,11 +4774,11 @@ const Lr = "https://storage.googleapis.com/mediapipe-models/face_landmarker/face
       );
       if (b === 0 || p === 0) return 0;
       for (const _ of d) {
-        const E = l[_], T = a[_];
-        if (E && T) {
-          const k = w.x + (T.x - g.x) * b / p, G = w.y + (T.y - g.y) * b / p;
+        const E = l[_], k = a[_];
+        if (E && k) {
+          const A = w.x + (k.x - g.x) * b / p, G = w.y + (k.y - g.y) * b / p;
           u += n(E, {
-            x: k,
+            x: A,
             y: G
           }), h++;
         }
@@ -5353,24 +5353,24 @@ const Eh = new fr(), _h = (e, t, i, r) => {
     }
     r();
     try {
-      const E = performance.now(), T = _.detectForVideo(
+      const E = performance.now(), k = _.detectForVideo(
         p,
         E
-      ), k = n(
-        T,
+      ), A = n(
+        k,
         l,
         d.current,
         f
       );
-      k ? (o(
+      A ? (o(
         v,
         p,
-        k,
+        A,
         u,
         h,
         w,
         l
-      ), l && w && a(k, d.current, w)) : s(v, p);
+      ), l && w && a(A, d.current, w)) : s(v, p);
     } catch (E) {
       console.error("Face detection error:", E);
     }
@@ -5828,28 +5828,28 @@ const Fh = (e) => {
     try {
       l(null), s(null), u(null), await v.startRecording(p, {
         onStart: () => {
-          var T, k;
-          i(!0), (k = (T = h.current).onStart) == null || k.call(T);
+          var k, A;
+          i(!0), (A = (k = h.current).onStart) == null || A.call(k);
         },
         // ---- FIX: onStop is the SINGLE source of truth for stop events.
         // stopRecording() no longer calls onStop separately, preventing double-fire.
         onStop: () => {
-          var T, k;
-          i(!1), (k = (T = h.current).onStop) == null || k.call(T);
+          var k, A;
+          i(!1), (A = (k = h.current).onStop) == null || A.call(k);
         },
-        onError: (T) => {
+        onError: (k) => {
           var G, x;
-          const k = T instanceof Q ? T : new Q(T.message, "RECORDING_ERROR", !0);
-          l(k), i(!1), (x = (G = h.current).onError) == null || x.call(G, k);
+          const A = k instanceof Q ? k : new Q(k.message, "RECORDING_ERROR", !0);
+          l(A), i(!1), (x = (G = h.current).onError) == null || x.call(G, A);
         }
       });
-    } catch (T) {
-      const k = T instanceof Q ? T : new Q(
-        T instanceof Error ? T.message : String(T),
+    } catch (k) {
+      const A = k instanceof Q ? k : new Q(
+        k instanceof Error ? k.message : String(k),
         "START_FAILED",
         !1
       );
-      throw l(k), i(!1), (E = (_ = h.current).onError) == null || E.call(_, k), k;
+      throw l(A), i(!1), (E = (_ = h.current).onError) == null || E.call(_, A), A;
     }
   }, []), g = M(async () => {
     var v, _;
@@ -5864,16 +5864,16 @@ const Fh = (e) => {
       const E = await p.stopRecording();
       return u(E), E;
     } catch (E) {
-      const T = E instanceof Q ? E : new Q(
+      const k = E instanceof Q ? E : new Q(
         E instanceof Error ? E.message : String(E),
         "STOP_FAILED",
         !1
       );
-      throw l(T), i(!1), (_ = (v = h.current).onError) == null || _.call(v, T), T;
+      throw l(k), i(!1), (_ = (v = h.current).onError) == null || _.call(v, k), k;
     }
   }, []), y = M(
     async (p, v = {}) => {
-      var E, T, k, G, x, A;
+      var E, k, A, G, x, T;
       const _ = w.current;
       if (!_ || _.isDisposed())
         throw new Q(
@@ -5885,20 +5885,20 @@ const Fh = (e) => {
         if (l(null), n(!0), !p || p.size === 0) {
           console.warn("Skipping transcription — blob is empty");
           const z = { transcript: "" };
-          return s(z.transcript), n(!1), (T = (E = h.current).onTranscriptionComplete) == null || T.call(E, z), z;
+          return s(z.transcript), n(!1), (k = (E = h.current).onTranscriptionComplete) == null || k.call(E, z), z;
         }
         const P = {
           audioBlob: p,
           ...v
         }, j = await _.transcribe(P);
-        return s(j.transcript), n(!1), (G = (k = h.current).onTranscriptionComplete) == null || G.call(k, j), j;
+        return s(j.transcript), n(!1), (G = (A = h.current).onTranscriptionComplete) == null || G.call(A, j), j;
       } catch (P) {
         const j = P instanceof Q ? P : new Q(
           P instanceof Error ? P.message : String(P),
           "TRANSCRIPTION_FAILED",
           !0
         );
-        throw l(j), n(!1), (A = (x = h.current).onError) == null || A.call(x, j), j;
+        throw l(j), n(!1), (T = (x = h.current).onError) == null || T.call(x, j), j;
       }
     },
     []
@@ -6386,9 +6386,9 @@ const to = new Oh(), Bh = (e = {}) => {
     videoAllowed: u = !0
   }, h) => {
     var as;
-    const { authToken: w } = Aa(), f = os(), g = w ? lu(w) : null, { borderRadius: y } = Ii(), b = y ?? 18, { proctoring: p, capture_screenshots: v } = gr(), _ = !!(p != null && p.gazeAnalysisEnabled), [E, T] = C(!1), [k, G] = C(
+    const { authToken: w } = Aa(), f = os(), g = w ? lu(w) : null, { borderRadius: y } = Ii(), b = y ?? 18, { proctoring: p, capture_screenshots: v } = gr(), _ = !!(p != null && p.gazeAnalysisEnabled), [E, k] = C(!1), [A, G] = C(
       (p == null ? void 0 : p.showLandmarks) ?? !1
-    ), [x, A] = C(
+    ), [x, T] = C(
       r && ((p == null ? void 0 : p.showEngagementBar) ?? !0)
     ), [P, j] = C(
       _
@@ -6501,7 +6501,7 @@ const to = new Oh(), Bh = (e = {}) => {
       $i,
       Hi,
       qi,
-      k,
+      A,
       x,
       _,
       ct,
@@ -6629,16 +6629,16 @@ const to = new Oh(), Bh = (e = {}) => {
               {
                 showControls: (p == null ? void 0 : p.showControls) ?? !1,
                 isBubbleOpen: E,
-                setIsBubbleOpen: T,
+                setIsBubbleOpen: k,
                 setReference: Ki,
                 clearCache: oi,
                 isModelLoaded: Ke,
                 gazeAnalysisEnabled: P && _,
                 referenceSet: Hi,
-                showLandmarks: k,
+                showLandmarks: A,
                 setShowLandmarks: G,
                 showEngagementBar: x,
-                setShowEngagementBar: A,
+                setShowEngagementBar: T,
                 handleToggleGazeAnalysis: Pl,
                 stats: Bl,
                 statusMessage: De,
@@ -6767,21 +6767,21 @@ const to = new Oh(), Bh = (e = {}) => {
         const U = p[O] ?? 0;
         E += U * U;
       }
-      const T = Math.sqrt(E / b), k = Math.min(1, T / 128), G = new Float32Array(w.fftSize);
+      const k = Math.sqrt(E / b), A = Math.min(1, k / 128), G = new Float32Array(w.fftSize);
       w.getFloatTimeDomainData(G);
       let x = 0;
       for (let O = 0; O < G.length; O++) {
         const U = G[O] || 0;
         x += U * U;
       }
-      const A = Math.sqrt(x / G.length), P = A > 0 ? 20 * Math.log10(A) : -1 / 0;
+      const T = Math.sqrt(x / G.length), P = T > 0 ? 20 * Math.log10(T) : -1 / 0;
       let j = "problem";
       if (P >= -20 ? j = "good" : P >= -25 ? j = "acceptable" : P >= -45 ? j = "poor" : j = "problem", r) {
         const O = Date.now();
         O - s.current > 200 && (s.current = O, r(j, P));
       }
       y.clearRect(0, 0, v, _);
-      const z = i, X = Math.floor(k * z);
+      const z = i, X = Math.floor(A * z);
       for (let O = 0; O < z; O++) {
         const U = O * (v / z), ee = v / z - 1.8;
         O < X ? y.fillStyle = "#0EB00E" : y.fillStyle = "#D9D9D9", y.fillRect(U, 0, ee, _);
@@ -7030,11 +7030,11 @@ const to = new Oh(), Bh = (e = {}) => {
   audioStream: y = null,
   isDeviceLoading: b = !1
 }) => {
-  const { baseColor: p } = Ii(), [v, _] = C("problem"), [E, T] = C(!1);
+  const { baseColor: p } = Ii(), [v, _] = C("problem"), [E, k] = C(!1);
   Ht.useEffect(() => {
-    _("problem"), T(!1);
+    _("problem"), k(!1);
   }, [h]);
-  const k = l || !n || a && (!e || !t || !E) || b;
+  const A = l || !n || a && (!e || !t || !E) || b;
   return /* @__PURE__ */ m("div", { className: "iw-flex iw-flex-col iw-gap-1 iw-w-full", children: [
     /* @__PURE__ */ m("div", { className: "iw-flex iw-justify-center iw-items-center iw-gap-2 iw-flex-wrap iw-max-w-[700px] iw-mx-auto", children: [
       a && /* @__PURE__ */ m("div", { className: "iw-flex sm:iw-flex-row iw-flex-col iw-gap-4 iw-w-full", children: [
@@ -7053,10 +7053,10 @@ const to = new Oh(), Bh = (e = {}) => {
             stream: y,
             hasPermission: e,
             onAudioLevel: (x) => {
-              const A = { good: 3, acceptable: 2, poor: 1, problem: 0 };
+              const T = { good: 3, acceptable: 2, poor: 1, problem: 0 };
               _(
-                (P) => A[x] > A[P] ? x : P
-              ), !E && (x === "good" || x === "acceptable") && T(!0);
+                (P) => T[x] > T[P] ? x : P
+              ), !E && (x === "good" || x === "acceptable") && k(!0);
             }
           }
         ),
@@ -7098,8 +7098,8 @@ const to = new Oh(), Bh = (e = {}) => {
         zr,
         {
           onClick: r,
-          disabled: k,
-          className: `iw-h-12 iw-w-full iw-shadow-lg !iw-bg-[#F1F5FE] !iw-text-[#062260] !iw-font-bold !iw-border-[#E7EAF1] iw-rounded-lg ${k ? "iw-opacity-50" : "hover:iw-opacity-75"}`,
+          disabled: A,
+          className: `iw-h-12 iw-w-full iw-shadow-lg !iw-bg-[#F1F5FE] !iw-text-[#062260] !iw-font-bold !iw-border-[#E7EAF1] iw-rounded-lg ${A ? "iw-opacity-50" : "hover:iw-opacity-75"}`,
           children: b ? "Device Loading..." : i
         }
       ),
@@ -7171,11 +7171,11 @@ const to = new Oh(), Bh = (e = {}) => {
     handleAudioChange: y,
     handleVideoChange: b,
     stopStream: p
-  } = du(e), [v, _] = C(!1), [E, T] = C(0), [k, G] = C(!1), x = D(null), A = D(null), P = (U) => {
+  } = du(e), [v, _] = C(!1), [E, k] = C(0), [A, G] = C(!1), x = D(null), T = D(null), P = (U) => {
     x.current = U, r && (typeof r == "function" ? r(U) : r.current = U);
   };
   if (B(() => () => {
-    A.current && (clearInterval(A.current), A.current = null);
+    T.current && (clearInterval(T.current), T.current = null);
   }, []), !e) return null;
   const [j, z] = C(Re.MODEL_LOADING), X = async () => {
     var ee;
@@ -7184,7 +7184,7 @@ const to = new Oh(), Bh = (e = {}) => {
       var be;
       return (be = x.current) == null ? void 0 : be.setReference();
     };
-    U(), A.current && clearInterval(A.current), A.current = setInterval(U, 500);
+    U(), T.current && clearInterval(T.current), T.current = setInterval(U, 500);
   };
   return /* @__PURE__ */ c("div", { className: "iw-fixed iw-inset-0 iw-z-50 iw-flex iw-items-center iw-justify-center iw-bg-gray-900/40 iw-backdrop-blur-sm iw-p-4 iw-pt-16 iw-overflow-auto", children: /* @__PURE__ */ m("div", { className: "iw-w-full iw-max-w-[700px] iw-max-h-[900px] iw-my-6 iw-bg-white iw-rounded-xl iw-shadow-2xl iw-overflow-auto", children: [
     /* @__PURE__ */ m("div", { className: "iw-px-12 iw-pt-3", children: [
@@ -7209,7 +7209,7 @@ const to = new Oh(), Bh = (e = {}) => {
           videoAllowed: a,
           onProctoringStatusChange: z,
           onSetReference: () => {
-            A.current && (clearInterval(A.current), A.current = null), _(!1), T(1);
+            T.current && (clearInterval(T.current), T.current = null), _(!1), k(1);
           }
         }
       ) : /* @__PURE__ */ c(
@@ -7230,10 +7230,10 @@ const to = new Oh(), Bh = (e = {}) => {
           videoEnabled: a,
           buttonText: i ? v ? "Calibrating..." : j === "model_loading" ? "Initialising..." : "Start calibrate" : "Next",
           onButtonClick: () => {
-            i ? X() : T(1);
+            i ? X() : k(1);
           },
-          disabled: !k || i && j !== "face_detected" || !i && (!s || !a),
-          isAgreed: k,
+          disabled: !A || i && j !== "face_detected" || !i && (!s || !a),
+          isAgreed: A,
           onAgreedToggle: G,
           audioDevices: d,
           videoDevices: u,
@@ -7257,7 +7257,7 @@ const to = new Oh(), Bh = (e = {}) => {
           onButtonClick: () => {
             t(), p();
           },
-          isAgreed: k,
+          isAgreed: A,
           onAgreedToggle: G,
           showMediaIcons: !1
         }
@@ -7561,28 +7561,28 @@ const to = new Oh(), Bh = (e = {}) => {
       n = new u(), o = n.createAnalyser(), o.fftSize = 256, o.smoothingTimeConstant = 0.9, s = n.createMediaStreamSource(d), s.connect(o);
       const h = o.frequencyBinCount, w = new Uint8Array(h), f = new Float32Array(h), g = 0.2, y = () => {
         if (t.current) {
-          const A = t.current.clientWidth - 32;
-          i.width !== A && A > 0 && (i.width = A);
+          const T = t.current.clientWidth - 32;
+          i.width !== T && T > 0 && (i.width = T);
         }
         const b = i.width, p = i.height;
         r.clearRect(0, 0, b, p), o.getByteFrequencyData(w);
-        for (let A = 0; A < h; A++) {
-          const P = f[A] || 0, j = w[A] || 0;
-          f[A] = P * g + j * (1 - g);
+        for (let T = 0; T < h; T++) {
+          const P = f[T] || 0, j = w[T] || 0;
+          f[T] = P * g + j * (1 - g);
         }
-        const v = 3, _ = 2, E = Math.floor(b / (v + _)), T = E > 0 ? E % 2 === 0 ? E - 1 : E : 0;
-        if (T <= 0) {
+        const v = 3, _ = 2, E = Math.floor(b / (v + _)), k = E > 0 ? E % 2 === 0 ? E - 1 : E : 0;
+        if (k <= 0) {
           a = requestAnimationFrame(y);
           return;
         }
-        const k = (b - T * (v + _)) / 2, G = Math.floor(T / 2);
+        const A = (b - k * (v + _)) / 2, G = Math.floor(k / 2);
         r.fillStyle = "#27ba71";
         const x = 38;
-        for (let A = 0; A < T; A++) {
-          const P = Math.abs(A - G), j = G > 0 ? P / G : 0, z = 2 + Math.floor(Math.pow(j, 1.5) * x);
+        for (let T = 0; T < k; T++) {
+          const P = Math.abs(T - G), j = G > 0 ? P / G : 0, z = 2 + Math.floor(Math.pow(j, 1.5) * x);
           let X = f[Math.min(z, h - 1)] || 0;
           X = X / 255, X = Math.pow(X, 2.2);
-          const O = 1 - j * 0.8, U = 1.5, ee = X > 0.05 ? Math.sin(Date.now() / 300 + A) * 0.5 * O : 0, be = X * (p - 8) * O, Me = Math.max(U, be + ee), at = k + A * (v + _), Ke = (p - Me) / 2;
+          const O = 1 - j * 0.8, U = 1.5, ee = X > 0.05 ? Math.sin(Date.now() / 300 + T) * 0.5 * O : 0, be = X * (p - 8) * O, Me = Math.max(U, be + ee), at = A + T * (v + _), Ke = (p - Me) / 2;
           r.beginPath(), r.roundRect(at, Ke, v, Me, v / 2), r.fill();
         }
         a = requestAnimationFrame(y);
@@ -8168,26 +8168,24 @@ const c2 = (e) => /* @__PURE__ */ m(
       }),
       []
     ), Lh(y), Fh(y), Mh(), Vh();
-    const { proctoring: E } = gr(), T = (E == null ? void 0 : E.prevent_unintended_exit) ?? !1;
+    const { proctoring: E } = gr(), k = (E == null ? void 0 : E.prevent_unintended_exit) ?? !1;
     B(() => {
-      if (!T) return;
-      window.history.pushState(null, "", window.location.href);
       const x = () => {
-        d || h || r || (console.log("User attempted to use browser back navigation"), l(!0), window.history.pushState(null, "", window.location.href));
-      }, A = (P) => {
-        if (!(d || h || r))
-          return console.log("User attempted to reload or close the tab"), l(!0), P.preventDefault(), P.returnValue = void 0, "";
+        k && (d || h || r || (console.log("User attempted to use browser back navigation"), l(!0), window.history.pushState(null, "", window.location.href)));
+      }, T = (P) => {
+        if (!(d || h || r) && (console.log("User attempted to reload or close the tab"), k))
+          return l(!0), P.preventDefault(), P.returnValue = "", "";
       };
-      return window.addEventListener("popstate", x), window.addEventListener("beforeunload", A), () => {
-        window.removeEventListener("popstate", x), window.removeEventListener("beforeunload", A);
+      return k && (window.history.pushState(null, "", window.location.href), window.addEventListener("popstate", x)), window.addEventListener("beforeunload", T), () => {
+        window.removeEventListener("popstate", x), window.removeEventListener("beforeunload", T);
       };
     }, [
       d,
       h,
       r,
-      T
+      k
     ]);
-    const k = () => {
+    const A = () => {
       u(!0), _(), s(!1), l(!1), t == null || t();
     }, G = () => {
       l(!1), i == null || i();
@@ -8203,7 +8201,7 @@ const c2 = (e) => /* @__PURE__ */ m(
           handleClose: () => {
             s(!1), p();
           },
-          handleDisqualify: k,
+          handleDisqualify: A,
           handleUnintendedExit: () => {
             l(!0);
           }
@@ -8425,13 +8423,13 @@ const c2 = (e) => /* @__PURE__ */ m(
   const { baseColor: d } = Ii(), u = D(null), h = D(null), w = D(null), f = D(null), g = D(null), y = D(null), b = D(!1), [p, v] = C(null);
   B(() => {
     if (t || !h.current) return;
-    const E = h.current, T = () => {
+    const E = h.current, k = () => {
       const G = u.current;
       if (!G) return;
-      const x = E.clientWidth, A = i;
-      G.width = Math.max(1, Math.floor(x * window.devicePixelRatio || 1)), G.height = Math.max(1, Math.floor(A * window.devicePixelRatio || 1));
-    }, k = new ResizeObserver(T);
-    return k.observe(E), T(), () => k.disconnect();
+      const x = E.clientWidth, T = i;
+      G.width = Math.max(1, Math.floor(x * window.devicePixelRatio || 1)), G.height = Math.max(1, Math.floor(T * window.devicePixelRatio || 1));
+    }, A = new ResizeObserver(k);
+    return A.observe(E), k(), () => A.disconnect();
   }, [t, i]), B(() => {
     if (!t) return;
     const E = u.current;
@@ -8446,8 +8444,8 @@ const c2 = (e) => /* @__PURE__ */ m(
     let E = !1;
     return (async () => {
       try {
-        const k = new (window.AudioContext || window.webkitAudioContext)();
-        w.current = k;
+        const A = new (window.AudioContext || window.webkitAudioContext)();
+        w.current = A;
         let G = a;
         if (!G) {
           if (!l) return;
@@ -8457,40 +8455,40 @@ const c2 = (e) => /* @__PURE__ */ m(
           }), b.current = !0;
         }
         if (E) return;
-        const x = k.createAnalyser();
+        const x = A.createAnalyser();
         x.fftSize = o, x.smoothingTimeConstant = s, f.current = x;
-        const A = k.createMediaStreamSource(G);
-        g.current = A, A.connect(x), _();
-      } catch (k) {
-        v((k == null ? void 0 : k.message) || "Failed to initialize microphone");
+        const T = A.createMediaStreamSource(G);
+        g.current = T, T.connect(x), _();
+      } catch (A) {
+        v((A == null ? void 0 : A.message) || "Failed to initialize microphone");
       }
     })(), () => {
-      var k, G, x, A;
+      var A, G, x, T;
       E = !0, y.current && cancelAnimationFrame(y.current);
       try {
-        (k = g.current) == null || k.disconnect();
+        (A = g.current) == null || A.disconnect();
       } catch {
       }
       try {
         (G = f.current) == null || G.disconnect();
       } catch {
       }
-      b.current && ((A = ((x = g.current) == null ? void 0 : x.mediaStream) || void 0) == null || A.getTracks().forEach((P) => P.stop())), w.current && w.current.state !== "closed" && w.current.close();
+      b.current && ((T = ((x = g.current) == null ? void 0 : x.mediaStream) || void 0) == null || T.getTracks().forEach((P) => P.stop())), w.current && w.current.state !== "closed" && w.current.close();
     };
   }, [a, o, s, l]);
   const _ = () => {
-    const E = u.current, T = f.current;
-    if (!E || !T) return;
-    const k = E.getContext("2d");
-    if (!k) return;
-    const G = window.devicePixelRatio || 1, x = E.width, A = E.height, P = T.frequencyBinCount, j = new Uint8Array(P), z = () => {
-      y.current = requestAnimationFrame(z), T.getByteTimeDomainData(j), k.clearRect(0, 0, x, A), k.fillStyle = "rgba(0,0,0,0)", k.fillRect(0, 0, x, A);
+    const E = u.current, k = f.current;
+    if (!E || !k) return;
+    const A = E.getContext("2d");
+    if (!A) return;
+    const G = window.devicePixelRatio || 1, x = E.width, T = E.height, P = k.frequencyBinCount, j = new Uint8Array(P), z = () => {
+      y.current = requestAnimationFrame(z), k.getByteTimeDomainData(j), A.clearRect(0, 0, x, T), A.fillStyle = "rgba(0,0,0,0)", A.fillRect(0, 0, x, T);
       const X = Math.max(1, Math.floor(r * G)), O = Math.max(1, Math.floor(n * G)), U = X + O, ee = Math.max(8, Math.floor((x + O) / U)), be = Math.floor(j.length / ee);
       for (let Me = 0; Me < ee; Me++) {
-        const at = Math.min(j.length - 1, Me * be), Ke = j[at] / 128 - 1, De = Math.abs(Ke), ct = Math.pow(De, 0.6), At = Math.max(A * 0.06, ct * (A * 0.9)), ni = Me * U, oi = (A - At) / 2, si = 140 - Math.min(140, 140 * De), ai = 85, ci = 48 + Math.floor(12 * (1 - De));
-        k.fillStyle = `${d}`, k.shadowColor = `hsla(${si}, ${ai}%, ${ci}%, ${0.25 * De})`, k.shadowBlur = 8 * De;
+        const at = Math.min(j.length - 1, Me * be), Ke = j[at] / 128 - 1, De = Math.abs(Ke), ct = Math.pow(De, 0.6), At = Math.max(T * 0.06, ct * (T * 0.9)), ni = Me * U, oi = (T - At) / 2, si = 140 - Math.min(140, 140 * De), ai = 85, ci = 48 + Math.floor(12 * (1 - De));
+        A.fillStyle = `${d}`, A.shadowColor = `hsla(${si}, ${ai}%, ${ci}%, ${0.25 * De})`, A.shadowBlur = 8 * De;
         const Ut = Math.min(X / 2, At / 2);
-        g2(k, ni, oi, X, At, Ut), k.fill();
+        g2(A, ni, oi, X, At, Ut), A.fill();
       }
     };
     z();
@@ -8836,9 +8834,9 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
   videoFeedRef: a
 }) => {
   var Xi, Tr;
-  const l = os(), { baseUrl: d, authToken: u } = Aa(), { timers: h, stt: w, proctoring: f } = gr(), g = D(null), [y, b] = C(null), [p, v] = C(""), [_, E] = C(null), [T, k] = C(
+  const l = os(), { baseUrl: d, authToken: u } = Aa(), { timers: h, stt: w, proctoring: f } = gr(), g = D(null), [y, b] = C(null), [p, v] = C(""), [_, E] = C(null), [k, A] = C(
     Hr
-  ), [G, x] = C(!0), A = D(""), P = D(null), j = {
+  ), [G, x] = C(!0), T = D(""), P = D(null), j = {
     thinkingTime: (h == null ? void 0 : h.thinkingDuration) || 0,
     // TODO: Use this to use the estimated answer duration from response
     // answeringTime:
@@ -8849,7 +8847,7 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
     editingTime: G ? (h == null ? void 0 : h.editingDuration) || 30 : 0
   }, { thinkingTime: z, answeringTime: X, editingTime: O } = j;
   B(() => {
-    A.current = p;
+    T.current = p;
   }, [p]);
   const [U, ee] = C(!1), be = D(!1), {
     speak: Me,
@@ -8887,7 +8885,7 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
     },
     onTranscriptionComplete: (V) => {
       const W = V.transcript;
-      v(W), A.current = W, ct.current || (ct.current = !0, ae());
+      v(W), T.current = W, ct.current || (ct.current = !0, ae());
     },
     onError: (V) => {
       console.error("STT Error:", V), De.current || (De.current = !0, ae());
@@ -8929,7 +8927,7 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
     (async () => {
       try {
         const W = await l.getInterviewConfig(r);
-        if (W != null && W.data && (W.data.duration_in_minutes && k(W.data.duration_in_minutes), typeof W.data.allow_answer_editing == "boolean" && x(W.data.allow_answer_editing), typeof W.data.elapsed_time_in_minutes == "number")) {
+        if (W != null && W.data && (W.data.duration_in_minutes && A(W.data.duration_in_minutes), typeof W.data.allow_answer_editing == "boolean" && x(W.data.allow_answer_editing), typeof W.data.elapsed_time_in_minutes == "number")) {
           const Ye = Math.floor(
             W.data.elapsed_time_in_minutes * 60
           );
@@ -8952,7 +8950,7 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
     },
     {
       onSuccess: async (V) => {
-        V && V.data && (v(""), A.current = "", b(V.data), ae());
+        V && V.data && (v(""), T.current = "", b(V.data), ae());
       },
       onError: (V) => {
         console.error("Failed to fetch questions:", V);
@@ -8961,7 +8959,7 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
   ), zi = M(async () => {
     var V;
     try {
-      const W = A.current, Ye = ((V = P.current) == null ? void 0 : V.qna_id) || "";
+      const W = T.current, Ye = ((V = P.current) == null ? void 0 : V.qna_id) || "";
       G && await l.submitAnswer({
         interviewId: r,
         qnaId: Ye,
@@ -9108,7 +9106,7 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
         title: e,
         brandName: t,
         brandLogo: i,
-        totalDuration: T,
+        totalDuration: k,
         elapsedTime: Ie.totalTimeElapsed,
         onExit: () => {
           var V;
@@ -9126,14 +9124,14 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
         phase: Ie.phase,
         className: s,
         interviewId: r,
-        interview_duration: T,
+        interview_duration: k,
         videoFeedRef: a,
         lastSubmittedAnswer: _,
         onNextPhase: Ie.phase === $.ANSWERING ? Hi : ae,
         answerText: p,
         onAnswerChange: (V) => {
           const W = V.target.value;
-          v(W), A.current = W;
+          v(W), T.current = W;
         },
         editingTime: O,
         disableSubmitButton: Ie.phase === $.ANSWERING && U,