interview-widget 3.2.19 → 3.2.20

package/dist/{widget.es.3.2.19.js → widget.es.3.2.20.js}

@@ -422,10 +422,10 @@ const du = (e) => {
 }, hu = (e) => {
   const t = P(null), i = P(null), [r, n] = N(!1), [o, s] = N(!1), [a, l] = N(null), [d, u] = N([]), [h, w] = N([]), [f, g] = N(""), [y, b] = N(""), [p, v] = N(!1), k = D(() => {
     i.current && (i.current.getTracks().forEach((C) => C.stop()), i.current = null, l(null));
-  }, []), E = D(async () => {
+  }, []), _ = D(async () => {
     var C, x, M, j;
     try {
-      const z = await navigator.mediaDevices.enumerateDevices(), X = z.filter((U) => U.kind === "audioinput"), O = z.filter((U) => U.kind === "videoinput");
+      const $ = await navigator.mediaDevices.enumerateDevices(), X = $.filter((U) => U.kind === "audioinput"), O = $.filter((U) => U.kind === "videoinput");
       if (u(X), w(O), !f && X.length > 0) {
         const U = (C = i.current) == null ? void 0 : C.getAudioTracks()[0], ee = U == null ? void 0 : U.getSettings().deviceId;
         g(ee || ((x = X[0]) == null ? void 0 : x.deviceId) || "");
@@ -434,8 +434,8 @@ const du = (e) => {
         const U = (M = i.current) == null ? void 0 : M.getVideoTracks()[0], ee = U == null ? void 0 : U.getSettings().deviceId;
         b(ee || ((j = O[0]) == null ? void 0 : j.deviceId) || "");
       }
-    } catch (z) {
-      console.error("Error enumerating devices:", z);
+    } catch ($) {
+      console.error("Error enumerating devices:", $);
     }
   }, [f, y]), A = D(async (C, x) => {
     const M = {
@@ -450,9 +450,9 @@ const du = (e) => {
       channelCount: { ideal: 1 },
       ...C ? { deviceId: { exact: C } } : {}
     };
-    let z = null;
+    let $ = null;
     try {
-      z = await navigator.mediaDevices.getUserMedia({
+      $ = await navigator.mediaDevices.getUserMedia({
         video: M,
         audio: j
       }), n(!0), s(!0);
@@ -460,19 +460,19 @@ const du = (e) => {
       console.warn("Combined media request failed, trying individual.", X);
       try {
         const O = await navigator.mediaDevices.getUserMedia({ audio: j });
-        n(!0), z = O;
+        n(!0), $ = O;
       } catch (O) {
         console.error("Audio permission denied", O), n(!1);
       }
       try {
         const O = await navigator.mediaDevices.getUserMedia({ video: M });
-        s(!0), z ? O.getTracks().forEach((U) => z.addTrack(U)) : z = O;
+        s(!0), $ ? O.getTracks().forEach((U) => $.addTrack(U)) : $ = O;
       } catch (O) {
         console.error("Video permission denied", O), s(!1);
       }
     }
-    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]), _ = async (C) => {
+    $ ? (i.current = $, l($), t.current && (t.current.srcObject = $, await t.current.play().catch((X) => console.error("Error playing video element", X)))) : (i.current = null, l(null)), await _();
+  }, [_]), E = async (C) => {
     C !== f && (v(!0), g(C), k(), await A(C, y), v(!1));
   }, G = async (C) => {
     C !== y && (v(!0), b(C), k(), await A(f, C), v(!1));
@@ -493,7 +493,7 @@ const du = (e) => {
     selectedVideoDeviceId: y,
     isDeviceLoading: p,
     currentStream: a,
-    handleAudioChange: _,
+    handleAudioChange: E,
     handleVideoChange: G,
     stopStream: k
   };
@@ -4624,8 +4624,8 @@ const Lr = "https://storage.googleapis.com/mediapipe-models/face_landmarker/face
         const { done: v, value: k } = await y.read();
         if (v) break;
         if (p.push(k), b += k.length, g) {
-          const E = Math.round(b / g * 100);
-          s(E), n(`Downloading model... ${E}%`);
+          const _ = Math.round(b / g * 100);
+          s(_), n(`Downloading model... ${_}%`);
         }
       }
       return "caches" in window && await (await caches.open("mediapipe-models-v1")).put(
@@ -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, k = Math.max(
         0,
         100 - (b * 200 + p + v)
-      ), E = k < fh, A = performance.now();
-      return A - n.current > 100 && (t(k), r(E), n.current = A), { engagement: k, isLookingAway: E };
+      ), _ = k < fh, A = performance.now();
+      return A - n.current > 100 && (t(k), r(_), n.current = A), { engagement: k, isLookingAway: _ };
     },
     []
   );
@@ -4774,11 +4774,11 @@ const Lr = "https://storage.googleapis.com/mediapipe-models/face_landmarker/face
       );
       if (b === 0 || p === 0) return 0;
       for (const k of d) {
-        const E = l[k], A = a[k];
-        if (E && A) {
-          const _ = w.x + (A.x - g.x) * b / p, G = w.y + (A.y - g.y) * b / p;
-          u += n(E, {
-            x: _,
+        const _ = l[k], A = a[k];
+        if (_ && A) {
+          const E = w.x + (A.x - g.x) * b / p, G = w.y + (A.y - g.y) * b / p;
+          u += n(_, {
+            x: E,
             y: G
           }), h++;
         }
@@ -5362,26 +5362,26 @@ const Sl = new Si(), _h = (e, t, i, r) => {
     }
     r();
     try {
-      const E = performance.now(), A = k.detectForVideo(
+      const _ = performance.now(), A = k.detectForVideo(
         p,
-        E
-      ), _ = n(
+        _
+      ), E = n(
         A,
         l,
         d.current,
         f
       );
-      _ ? (o(
+      E ? (o(
         v,
         p,
-        _,
+        E,
         u,
         h,
         w,
         l
-      ), l && w && a(_, d.current, w)) : s(v, p);
-    } catch (E) {
-      console.error("Face detection error:", E);
+      ), l && w && a(E, d.current, w)) : s(v, p);
+    } catch (_) {
+      console.error("Face detection error:", _);
     }
     y.current = requestAnimationFrame(b);
   }, [
@@ -5826,7 +5826,7 @@ const Fh = (e) => {
     };
   }, []);
   const f = D(async (p) => {
-    var k, E;
+    var k, _;
     const v = w.current;
     if (!v || v.isDisposed())
       throw new Q(
@@ -5837,28 +5837,28 @@ const Fh = (e) => {
     try {
       l(null), s(null), u(null), await v.startRecording(p, {
         onStart: () => {
-          var A, _;
-          i(!0), (_ = (A = h.current).onStart) == null || _.call(A);
+          var A, E;
+          i(!0), (E = (A = h.current).onStart) == null || E.call(A);
         },
         // ---- FIX: onStop is the SINGLE source of truth for stop events.
         // stopRecording() no longer calls onStop separately, preventing double-fire.
         onStop: () => {
-          var A, _;
-          i(!1), (_ = (A = h.current).onStop) == null || _.call(A);
+          var A, E;
+          i(!1), (E = (A = h.current).onStop) == null || E.call(A);
         },
         onError: (A) => {
           var G, C;
-          const _ = A instanceof Q ? A : new Q(A.message, "RECORDING_ERROR", !0);
-          l(_), i(!1), (C = (G = h.current).onError) == null || C.call(G, _);
+          const E = A instanceof Q ? A : new Q(A.message, "RECORDING_ERROR", !0);
+          l(E), i(!1), (C = (G = h.current).onError) == null || C.call(G, E);
         }
       });
     } catch (A) {
-      const _ = A instanceof Q ? A : new Q(
+      const E = A instanceof Q ? A : new Q(
         A instanceof Error ? A.message : String(A),
         "START_FAILED",
         !1
       );
-      throw l(_), i(!1), (E = (k = h.current).onError) == null || E.call(k, _), _;
+      throw l(E), i(!1), (_ = (k = h.current).onError) == null || _.call(k, E), E;
     }
   }, []), g = D(async () => {
     var v, k;
@@ -5870,11 +5870,11 @@ const Fh = (e) => {
         !1
       );
     try {
-      const E = await p.stopRecording();
-      return u(E), E;
-    } catch (E) {
-      const A = E instanceof Q ? E : new Q(
-        E instanceof Error ? E.message : String(E),
+      const _ = await p.stopRecording();
+      return u(_), _;
+    } catch (_) {
+      const A = _ instanceof Q ? _ : new Q(
+        _ instanceof Error ? _.message : String(_),
         "STOP_FAILED",
         !1
       );
@@ -5882,7 +5882,7 @@ const Fh = (e) => {
     }
   }, []), y = D(
     async (p, v = {}) => {
-      var E, A, _, G, C, x;
+      var _, A, E, G, C, x;
       const k = w.current;
       if (!k || k.isDisposed())
         throw new Q(
@@ -5893,14 +5893,14 @@ const Fh = (e) => {
       try {
         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), (A = (E = h.current).onTranscriptionComplete) == null || A.call(E, z), z;
+          const $ = { transcript: "" };
+          return s($.transcript), n(!1), (A = (_ = h.current).onTranscriptionComplete) == null || A.call(_, $), $;
         }
         const M = {
           audioBlob: p,
           ...v
         }, j = await k.transcribe(M);
-        return s(j.transcript), n(!1), (G = (_ = h.current).onTranscriptionComplete) == null || G.call(_, j), j;
+        return s(j.transcript), n(!1), (G = (E = h.current).onTranscriptionComplete) == null || G.call(E, j), j;
       } catch (M) {
         const j = M instanceof Q ? M : new Q(
           M instanceof Error ? M.message : String(M),
@@ -5977,7 +5977,7 @@ const Fh = (e) => {
     };
   }, []);
 };
-var $ = /* @__PURE__ */ ((e) => (e.IDLE = "idle", e.FETCHING_QUESTION = "fetching_question", e.READING_QUESTION = "reading_question", e.THINKING = "thinking", e.ANSWERING = "answering", e.TRANSCRIBING = "transcribing", e.EDITING = "editing", e.SUBMITTING = "submitting", e.COMPLETED = "completed", e))($ || {});
+var z = /* @__PURE__ */ ((e) => (e.IDLE = "idle", e.FETCHING_QUESTION = "fetching_question", e.READING_QUESTION = "reading_question", e.THINKING = "thinking", e.ANSWERING = "answering", e.TRANSCRIBING = "transcribing", e.EDITING = "editing", e.SUBMITTING = "submitting", e.COMPLETED = "completed", e))(z || {});
 const Il = {
   thinkingDuration: 0,
   answeringDuration: 120,
@@ -6395,13 +6395,13 @@ const to = new Oh(), Bh = (e = {}) => {
     videoAllowed: u = !0
   }, h) => {
     var as;
-    const { authToken: w } = Aa(), f = os(), g = w ? uu(w) : null, { borderRadius: y } = Fi(), b = y ?? 18, { proctoring: p, capture_screenshots: v } = gr(), k = !!(p != null && p.gazeAnalysisEnabled), [E, A] = N(!1), [_, G] = N(
+    const { authToken: w } = Aa(), f = os(), g = w ? uu(w) : null, { borderRadius: y } = Fi(), b = y ?? 18, { proctoring: p, capture_screenshots: v } = gr(), k = !!(p != null && p.gazeAnalysisEnabled), [_, A] = N(!1), [E, G] = N(
       (p == null ? void 0 : p.showLandmarks) ?? !1
     ), [C, x] = N(
       r && ((p == null ? void 0 : p.showEngagementBar) ?? !0)
     ), [M, j] = N(
       k
-    ), [z, X] = N(!1), O = P(null), U = P(null), ee = P(null), be = P(null), Me = D(
+    ), [$, X] = N(!1), O = P(null), U = P(null), ee = P(null), be = P(null), Me = D(
       async (Ae) => {
         var Cr;
         const Ji = O.current, Ne = ee.current;
@@ -6511,7 +6511,7 @@ const to = new Oh(), Bh = (e = {}) => {
       zi,
       qi,
       Ki,
-      _,
+      E,
       C,
       k,
       ct,
@@ -6593,7 +6593,7 @@ const to = new Oh(), Bh = (e = {}) => {
       ] }) : /* @__PURE__ */ c("div", { className: "iw-flex iw-w-full iw-h-full iw-justify-start iw-items-start", children: /* @__PURE__ */ m(
         "div",
         {
-          className: `iw-relative iw-max-w-full iw-max-h-full iw-aspect-video iw-rounded-2xl iw-overflow-hidden iw-bg-black ${z ? "iw-animate-answer-start" : ""} ${o ? "iw-border-4 iw-border-[#6296FB]" : ""}`,
+          className: `iw-relative iw-max-w-full iw-max-h-full iw-aspect-video iw-rounded-2xl iw-overflow-hidden iw-bg-black ${$ ? "iw-animate-answer-start" : ""} ${o ? "iw-border-4 iw-border-[#6296FB]" : ""}`,
           style: { width: "100%", height: "auto", minHeight: "0" },
           children: [
             /* @__PURE__ */ c(
@@ -6638,14 +6638,14 @@ const to = new Oh(), Bh = (e = {}) => {
               _u,
               {
                 showControls: (p == null ? void 0 : p.showControls) ?? !1,
-                isBubbleOpen: E,
+                isBubbleOpen: _,
                 setIsBubbleOpen: A,
                 setReference: Yi,
                 clearCache: oi,
                 isModelLoaded: De,
                 gazeAnalysisEnabled: M && k,
                 referenceSet: qi,
-                showLandmarks: _,
+                showLandmarks: E,
                 setShowLandmarks: G,
                 showEngagementBar: C,
                 setShowEngagementBar: x,
@@ -6772,12 +6772,12 @@ const to = new Oh(), Bh = (e = {}) => {
       w.getByteFrequencyData(p);
       const v = g.width, k = g.height;
       y.clearRect(0, 0, v, k);
-      let E = 0;
+      let _ = 0;
       for (let O = 0; O < b; O++) {
         const U = p[O] ?? 0;
-        E += U * U;
+        _ += U * U;
       }
-      const A = Math.sqrt(E / b), _ = Math.min(1, A / 128), G = new Float32Array(w.fftSize);
+      const A = Math.sqrt(_ / b), E = Math.min(1, A / 128), G = new Float32Array(w.fftSize);
       w.getFloatTimeDomainData(G);
       let C = 0;
       for (let O = 0; O < G.length; O++) {
@@ -6791,9 +6791,9 @@ const to = new Oh(), Bh = (e = {}) => {
         O - s.current > 200 && (s.current = O, r(j, M));
       }
       y.clearRect(0, 0, v, k);
-      const z = i, X = Math.floor(_ * z);
-      for (let O = 0; O < z; O++) {
-        const U = O * (v / z), ee = v / z - 1.8;
+      const $ = i, X = Math.floor(E * $);
+      for (let O = 0; O < $; O++) {
+        const U = O * (v / $), ee = v / $ - 1.8;
         O < X ? y.fillStyle = "#0EB00E" : y.fillStyle = "#D9D9D9", y.fillRect(U, 0, ee, k);
       }
       o.current = requestAnimationFrame(f);
@@ -7040,11 +7040,11 @@ const to = new Oh(), Bh = (e = {}) => {
   audioStream: y = null,
   isDeviceLoading: b = !1
 }) => {
-  const { baseColor: p } = Fi(), [v, k] = N("problem"), [E, A] = N(!1);
+  const { baseColor: p } = Fi(), [v, k] = N("problem"), [_, A] = N(!1);
   Ht.useEffect(() => {
     k("problem"), A(!1);
   }, [h]);
-  const _ = l || !n || a && (!e || !t || !E) || b;
+  const E = l || !n || a && (!e || !t || !_) || 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: [
@@ -7058,7 +7058,7 @@ const to = new Oh(), Bh = (e = {}) => {
             label: "Choose mic",
             showVisualizer: !0,
             showMicHint: !0,
-            micTested: E,
+            micTested: _,
             audioStatus: v,
             stream: y,
             hasPermission: e,
@@ -7066,7 +7066,7 @@ const to = new Oh(), Bh = (e = {}) => {
               const x = { good: 3, acceptable: 2, poor: 1, problem: 0 };
               k(
                 (M) => x[C] > x[M] ? C : M
-              ), !E && (C === "good" || C === "acceptable") && A(!0);
+              ), !_ && (C === "good" || C === "acceptable") && A(!0);
             }
           }
         ),
@@ -7108,8 +7108,8 @@ const to = new Oh(), Bh = (e = {}) => {
         zr,
         {
           onClick: r,
-          disabled: _,
-          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 ${_ ? "iw-opacity-50" : "hover:iw-opacity-75"}`,
+          disabled: E,
+          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 ${E ? "iw-opacity-50" : "hover:iw-opacity-75"}`,
           children: b ? "Device Loading..." : i
         }
       ),
@@ -7181,13 +7181,13 @@ const to = new Oh(), Bh = (e = {}) => {
     handleAudioChange: y,
     handleVideoChange: b,
     stopStream: p
-  } = hu(e), [v, k] = N(!1), [E, A] = N(0), [_, G] = N(!1), C = P(null), x = P(null), M = (U) => {
+  } = hu(e), [v, k] = N(!1), [_, A] = N(0), [E, G] = N(!1), C = P(null), x = P(null), M = (U) => {
     C.current = U, r && (typeof r == "function" ? r(U) : r.current = U);
   };
   if (B(() => () => {
     x.current && (clearInterval(x.current), x.current = null);
   }, []), !e) return null;
-  const [j, z] = N(Se.MODEL_LOADING), X = async () => {
+  const [j, $] = N(Se.MODEL_LOADING), X = async () => {
     var ee;
     k(!0), (ee = C.current) == null || ee.resetReference();
     const U = () => {
@@ -7204,9 +7204,9 @@ const to = new Oh(), Bh = (e = {}) => {
       /* @__PURE__ */ c(zh, { steps: [
         { label: i ? "Calibrate your camera" : "Camera & Mic permission" },
         { label: "Basic guidelines" }
-      ], currentStepIndex: E })
+      ], currentStepIndex: _ })
     ] }),
-    /* @__PURE__ */ c("div", { className: "iw-px-12 iw-pb-3 iw-flex iw-flex-col iw-items-center", children: E === 0 ? /* @__PURE__ */ m("div", { className: "iw-w-full iw-flex iw-flex-col iw-items-center iw-gap-4", children: [
+    /* @__PURE__ */ c("div", { className: "iw-px-12 iw-pb-3 iw-flex iw-flex-col iw-items-center", children: _ === 0 ? /* @__PURE__ */ m("div", { className: "iw-w-full iw-flex iw-flex-col iw-items-center iw-gap-4", children: [
       /* @__PURE__ */ c("div", { className: "iw-w-full iw-max-w-[600px] iw-aspect-video iw-bg-slate-100 iw-rounded-2xl iw-overflow-hidden iw-relative iw-border iw-border-slate-200", children: i ? /* @__PURE__ */ c(
         Fl,
         {
@@ -7217,7 +7217,7 @@ const to = new Oh(), Bh = (e = {}) => {
           showStatusOverlay: !f && a,
           isDeviceLoading: f,
           videoAllowed: a,
-          onProctoringStatusChange: z,
+          onProctoringStatusChange: $,
           onSetReference: () => {
             x.current && (clearInterval(x.current), x.current = null), k(!1), A(1);
           }
@@ -7242,8 +7242,8 @@ const to = new Oh(), Bh = (e = {}) => {
           onButtonClick: () => {
             i ? X() : A(1);
           },
-          disabled: !_ || i && j !== "face_detected" || !i && (!s || !a),
-          isAgreed: _,
+          disabled: !E || i && j !== "face_detected" || !i && (!s || !a),
+          isAgreed: E,
           onAgreedToggle: G,
           audioDevices: d,
           videoDevices: u,
@@ -7267,7 +7267,7 @@ const to = new Oh(), Bh = (e = {}) => {
           onButtonClick: () => {
             t(), p();
           },
-          isAgreed: _,
+          isAgreed: E,
           onAgreedToggle: G,
           showMediaIcons: !1
         }
@@ -7301,7 +7301,7 @@ const to = new Oh(), Bh = (e = {}) => {
       /* @__PURE__ */ c(
         "div",
         {
-          className: `iw-flex iw-flex-col iw-items-center iw-justify-center iw-relative iw-h-16 iw-w-16 iw-shrink-0 iw-shadow iw-rounded-full iw-border-[#E8EEFE] iw-border-4 ${i === $.READING_QUESTION ? "iw-animate-speaking" : ""}`,
+          className: `iw-flex iw-flex-col iw-items-center iw-justify-center iw-relative iw-h-16 iw-w-16 iw-shrink-0 iw-shadow iw-rounded-full iw-border-[#E8EEFE] iw-border-4 ${i === z.READING_QUESTION ? "iw-animate-speaking" : ""}`,
           children: /* @__PURE__ */ c(
             "div",
             {
@@ -7327,7 +7327,7 @@ const to = new Oh(), Bh = (e = {}) => {
   }
 ), Kh = ({ phase: e, question: t, isLoading: i, brandName: r }) => {
   const n = r || "We", o = r ? "is" : "are";
-  if (i || e === $.FETCHING_QUESTION || e === $.IDLE)
+  if (i || e === z.FETCHING_QUESTION || e === z.IDLE)
     return /* @__PURE__ */ m("div", { className: "iw-animate-pulse iw-w-full iw-space-y-3 iw-mr-10", children: [
       /* @__PURE__ */ c("div", { className: "iw-h-5 iw-bg-gray-200 iw-rounded iw-w-full" }),
       /* @__PURE__ */ c("div", { className: "iw-h-5 iw-bg-gray-200 iw-rounded iw-w-3/4" })
@@ -7338,12 +7338,12 @@ const to = new Oh(), Bh = (e = {}) => {
     /* @__PURE__ */ c("span", { children: "." })
   ] });
   switch (e) {
-    case $.ANSWERING:
+    case z.ANSWERING:
       return /* @__PURE__ */ c("div", { className: "iw-flex iw-items-center iw-justify-between iw-w-full", children: /* @__PURE__ */ m("p", { className: "iw-text-lg iw-leading-7 iw-font-medium iw-text-gray-600", children: [
         "Listening",
         /* @__PURE__ */ c(s, {})
       ] }) });
-    case $.TRANSCRIBING:
+    case z.TRANSCRIBING:
       return /* @__PURE__ */ m("p", { className: "iw-text-lg iw-leading-7 iw-font-medium iw-text-gray-600", children: [
         n,
         " ",
@@ -7351,7 +7351,7 @@ const to = new Oh(), Bh = (e = {}) => {
         " analyzing your answer",
         /* @__PURE__ */ c(s, {})
       ] });
-    case ($.EDITING || $.SUBMITTING):
+    case (z.EDITING || z.SUBMITTING):
       return /* @__PURE__ */ m("p", { className: "iw-text-lg iw-leading-7 iw-font-medium iw-text-gray-600", children: [
         n,
         " ",
@@ -7486,7 +7486,7 @@ const to = new Oh(), Bh = (e = {}) => {
       onChange: t,
       placeholder: "Type your answer here...",
       className: "iw-w-full iw-h-64 iw-resize-none iw-bg-transparent iw-border-none iw-text-[#062260] iw-text-base iw-leading-relaxed focus-visible:iw-outline-0 iw-p-0",
-      disabled: i.phase === $.SUBMITTING
+      disabled: i.phase === z.SUBMITTING
     }
   ) }),
   /* @__PURE__ */ m("div", { className: "iw-bg-[#F1F5FE] iw-px-2 iw-py-2 iw-flex iw-items-center iw-justify-between iw-border-t iw-border-[#E8EEFE]", children: [
@@ -7580,19 +7580,19 @@ const to = new Oh(), Bh = (e = {}) => {
           const M = f[x] || 0, j = w[x] || 0;
           f[x] = M * g + j * (1 - g);
         }
-        const v = 3, k = 2, E = Math.floor(b / (v + k)), A = E > 0 ? E % 2 === 0 ? E - 1 : E : 0;
+        const v = 3, k = 2, _ = Math.floor(b / (v + k)), A = _ > 0 ? _ % 2 === 0 ? _ - 1 : _ : 0;
         if (A <= 0) {
           a = requestAnimationFrame(y);
           return;
         }
-        const _ = (b - A * (v + k)) / 2, G = Math.floor(A / 2);
+        const E = (b - A * (v + k)) / 2, G = Math.floor(A / 2);
         r.fillStyle = "#27ba71";
         const C = 38;
         for (let x = 0; x < A; x++) {
-          const M = Math.abs(x - G), j = G > 0 ? M / G : 0, z = 2 + Math.floor(Math.pow(j, 1.5) * C);
-          let X = f[Math.min(z, h - 1)] || 0;
+          const M = Math.abs(x - G), j = G > 0 ? M / G : 0, $ = 2 + Math.floor(Math.pow(j, 1.5) * C);
+          let X = f[Math.min($, 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 + x) * 0.5 * O : 0, be = X * (p - 8) * O, Me = Math.max(U, be + ee), at = _ + x * (v + k), De = (p - Me) / 2;
+          const O = 1 - j * 0.8, U = 1.5, ee = X > 0.05 ? Math.sin(Date.now() / 300 + x) * 0.5 * O : 0, be = X * (p - 8) * O, Me = Math.max(U, be + ee), at = E + x * (v + k), De = (p - Me) / 2;
           r.beginPath(), r.roundRect(at, De, v, Me, v / 2), r.fill();
         }
         a = requestAnimationFrame(y);
@@ -7631,12 +7631,12 @@ const to = new Oh(), Bh = (e = {}) => {
 }, i2 = ({ phase: e, questionNumber: t, timerState: i }) => {
   const { timers: r } = gr();
   switch (e) {
-    case $.FETCHING_QUESTION:
+    case z.FETCHING_QUESTION:
       return /* @__PURE__ */ m(ya, { children: [
         /* @__PURE__ */ c(Jh, { questionNumber: t + 1 }),
         /* @__PURE__ */ c(Zh, {})
       ] });
-    case $.ANSWERING:
+    case z.ANSWERING:
       return /* @__PURE__ */ m("div", { className: "iw-flex iw-flex-col iw-items-end iw-w-full", children: [
         /* @__PURE__ */ c(t2, {}),
         /* @__PURE__ */ c("div", { className: "iw-mt-2 iw-w-full", children: /* @__PURE__ */ c(
@@ -7647,7 +7647,7 @@ const to = new Oh(), Bh = (e = {}) => {
           }
         ) })
       ] });
-    case $.TRANSCRIBING:
+    case z.TRANSCRIBING:
       return /* @__PURE__ */ c(ya, { children: /* @__PURE__ */ m("div", { className: "iw-flex iw-items-center iw-px-1 iw-py-1.5 iw-rounded-lg iw-mb-2 iw-text-sm iw-bg-[#F2E8FE]", children: [
         /* @__PURE__ */ c("div", { className: "iw-h-8 iw-w-12 iw-transcribing-icon" }),
         /* @__PURE__ */ c("span", { className: "iw-text-sm iw-text-[#062260]", children: "Analyzing answer…" })
@@ -8178,33 +8178,41 @@ const c2 = (e) => /* @__PURE__ */ m(
       }),
       []
     ), Lh(y), Fh(y), Mh(), Vh();
-    const { proctoring: E } = gr(), A = (E == null ? void 0 : E.prevent_unintended_exit) ?? !1, _ = D(() => {
+    const { proctoring: _ } = gr(), A = (_ == null ? void 0 : _.prevent_unintended_exit) ?? !1, E = D(() => {
       var x, M;
       to.stop(), Sl.dispose(), (M = (x = Si.activeStream) == null ? void 0 : x.getTracks()) == null || M.forEach((j) => j.stop());
     }, []);
     B(() => {
       const x = () => {
-        A && (d || h || r || (console.log("User attempted to use browser back navigation"), l(!0), window.history.pushState(null, "", window.location.href)));
-      }, M = (j) => {
         if (!(d || h || r)) {
-          if (console.log("User attempted to reload or close the tab"), A)
-            return l(!0), j.preventDefault(), j.returnValue = "", "";
-          _();
+          if (A)
+            l(!0);
+          else if (window.confirm("Leave site? Changes you made may not be saved.")) {
+            E();
+            return;
+          }
+          window.history.pushState(null, "", window.location.href);
         }
+      }, M = ($) => {
+        if (!(d || h || r))
+          return console.log("User attempted to reload or close the tab"), A && l(!0), $.preventDefault(), $.returnValue = "", "";
+      }, j = () => {
+        h || E();
       };
-      return A && (window.history.pushState(null, "", window.location.href), window.addEventListener("popstate", x)), window.addEventListener("beforeunload", M), () => {
-        window.removeEventListener("popstate", x), window.removeEventListener("beforeunload", M);
+      return window.history.pushState(null, "", window.location.href), window.addEventListener("popstate", x), window.addEventListener("beforeunload", M), window.addEventListener("unload", j), () => {
+        window.removeEventListener("popstate", x), window.removeEventListener("beforeunload", M), window.removeEventListener("unload", j);
       };
     }, [
       d,
       h,
       r,
-      A
+      A,
+      E
     ]);
     const G = () => {
-      _(), u(!0), k(), s(!1), l(!1), t == null || t();
+      E(), u(!0), k(), s(!1), l(!1), t == null || t();
     }, C = () => {
-      _(), l(!1), i == null || i();
+      E(), l(!1), i == null || i();
     };
     return /* @__PURE__ */ m(
       Dl.Provider,
@@ -8314,7 +8322,7 @@ const c2 = (e) => /* @__PURE__ */ m(
             qh,
             {
               question: i,
-              isLoading: n === $.FETCHING_QUESTION || n === $.IDLE,
+              isLoading: n === z.FETCHING_QUESTION || n === z.IDLE,
               phase: n,
               brandName: e,
               brandLogo: t
@@ -8327,7 +8335,7 @@ const c2 = (e) => /* @__PURE__ */ m(
                 ref: l,
                 interviewId: s,
                 interview_duration: a,
-                isAnswering: n === $.ANSWERING,
+                isAnswering: n === z.ANSWERING,
                 cheatingWarningVisible: y
               }
             ),
@@ -8349,20 +8357,20 @@ const c2 = (e) => /* @__PURE__ */ m(
             interviewId: s,
             currentQuestion: i,
             lastSubmittedAnswer: d,
-            isEditing: n === $.EDITING,
+            isEditing: n === z.EDITING,
             answerText: h,
             onAnswerChange: w,
             timerState: r,
             editingTime: f
           }
         ) }),
-        u && (n === $.ANSWERING || n === $.EDITING) && /* @__PURE__ */ c(
+        u && (n === z.ANSWERING || n === z.EDITING) && /* @__PURE__ */ c(
           h2,
           {
             onClick: u,
             disabled: g,
             isFirstQuestion: (r == null ? void 0 : r.currentQuestionNumber) === 1,
-            text: n === $.ANSWERING ? "Submit Response" : "Submit Final Response"
+            text: n === z.ANSWERING ? "Submit Response" : "Submit Final Response"
           }
         )
       ]
@@ -8439,29 +8447,29 @@ const c2 = (e) => /* @__PURE__ */ m(
   const { baseColor: d } = Fi(), u = P(null), h = P(null), w = P(null), f = P(null), g = P(null), y = P(null), b = P(!1), [p, v] = N(null);
   B(() => {
     if (t || !h.current) return;
-    const E = h.current, A = () => {
+    const _ = h.current, A = () => {
       const G = u.current;
       if (!G) return;
-      const C = E.clientWidth, x = i;
+      const C = _.clientWidth, x = i;
       G.width = Math.max(1, Math.floor(C * window.devicePixelRatio || 1)), G.height = Math.max(1, Math.floor(x * window.devicePixelRatio || 1));
-    }, _ = new ResizeObserver(A);
-    return _.observe(E), A(), () => _.disconnect();
+    }, E = new ResizeObserver(A);
+    return E.observe(_), A(), () => E.disconnect();
   }, [t, i]), B(() => {
     if (!t) return;
-    const E = u.current;
-    E && (E.width = Math.max(
+    const _ = u.current;
+    _ && (_.width = Math.max(
       1,
       Math.floor(t * (window.devicePixelRatio || 1))
-    ), E.height = Math.max(
+    ), _.height = Math.max(
       1,
       Math.floor(i * (window.devicePixelRatio || 1))
     ));
   }, [t, i]), B(() => {
-    let E = !1;
+    let _ = !1;
     return (async () => {
       try {
-        const _ = new (window.AudioContext || window.webkitAudioContext)();
-        w.current = _;
+        const E = new (window.AudioContext || window.webkitAudioContext)();
+        w.current = E;
         let G = a;
         if (!G) {
           if (!l) return;
@@ -8470,19 +8478,19 @@ const c2 = (e) => /* @__PURE__ */ m(
             video: !1
           }), b.current = !0;
         }
-        if (E) return;
-        const C = _.createAnalyser();
+        if (_) return;
+        const C = E.createAnalyser();
         C.fftSize = o, C.smoothingTimeConstant = s, f.current = C;
-        const x = _.createMediaStreamSource(G);
+        const x = E.createMediaStreamSource(G);
         g.current = x, x.connect(C), k();
-      } catch (_) {
-        v((_ == null ? void 0 : _.message) || "Failed to initialize microphone");
+      } catch (E) {
+        v((E == null ? void 0 : E.message) || "Failed to initialize microphone");
       }
     })(), () => {
-      var _, G, C, x;
-      E = !0, y.current && cancelAnimationFrame(y.current);
+      var E, G, C, x;
+      _ = !0, y.current && cancelAnimationFrame(y.current);
       try {
-        (_ = g.current) == null || _.disconnect();
+        (E = g.current) == null || E.disconnect();
       } catch {
       }
       try {
@@ -8493,21 +8501,21 @@ const c2 = (e) => /* @__PURE__ */ m(
     };
   }, [a, o, s, l]);
   const k = () => {
-    const E = u.current, A = f.current;
-    if (!E || !A) return;
-    const _ = E.getContext("2d");
-    if (!_) return;
-    const G = window.devicePixelRatio || 1, C = E.width, x = E.height, M = A.frequencyBinCount, j = new Uint8Array(M), z = () => {
-      y.current = requestAnimationFrame(z), A.getByteTimeDomainData(j), _.clearRect(0, 0, C, x), _.fillStyle = "rgba(0,0,0,0)", _.fillRect(0, 0, C, x);
+    const _ = u.current, A = f.current;
+    if (!_ || !A) return;
+    const E = _.getContext("2d");
+    if (!E) return;
+    const G = window.devicePixelRatio || 1, C = _.width, x = _.height, M = A.frequencyBinCount, j = new Uint8Array(M), $ = () => {
+      y.current = requestAnimationFrame($), A.getByteTimeDomainData(j), E.clearRect(0, 0, C, x), E.fillStyle = "rgba(0,0,0,0)", E.fillRect(0, 0, C, x);
       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((C + O) / U)), be = Math.floor(j.length / ee);
       for (let Me = 0; Me < ee; Me++) {
         const at = Math.min(j.length - 1, Me * be), De = j[at] / 128 - 1, Pe = Math.abs(De), ct = Math.pow(Pe, 0.6), At = Math.max(x * 0.06, ct * (x * 0.9)), ni = Me * U, oi = (x - At) / 2, si = 140 - Math.min(140, 140 * Pe), ai = 85, ci = 48 + Math.floor(12 * (1 - Pe));
-        _.fillStyle = `${d}`, _.shadowColor = `hsla(${si}, ${ai}%, ${ci}%, ${0.25 * Pe})`, _.shadowBlur = 8 * Pe;
+        E.fillStyle = `${d}`, E.shadowColor = `hsla(${si}, ${ai}%, ${ci}%, ${0.25 * Pe})`, E.shadowBlur = 8 * Pe;
         const Ut = Math.min(X / 2, At / 2);
-        g2(_, ni, oi, X, At, Ut), _.fill();
+        g2(E, ni, oi, X, At, Ut), E.fill();
       }
     };
-    z();
+    $();
   };
   return /* @__PURE__ */ m(
     "div",
@@ -8850,7 +8858,7 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
   videoFeedRef: a
 }) => {
   var Qi, Tr;
-  const l = os(), { baseUrl: d, authToken: u } = Aa(), { timers: h, stt: w, proctoring: f } = gr(), g = P(null), [y, b] = N(null), [p, v] = N(""), [k, E] = N(null), [A, _] = N(
+  const l = os(), { baseUrl: d, authToken: u } = Aa(), { timers: h, stt: w, proctoring: f } = gr(), g = P(null), [y, b] = N(null), [p, v] = N(""), [k, _] = N(null), [A, E] = N(
     Hr
   ), [G, C] = N(!0), x = P(""), M = P(null), j = {
     thinkingTime: (h == null ? void 0 : h.thinkingDuration) || 0,
@@ -8861,7 +8869,7 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
     //   120,
     answeringTime: (h == null ? void 0 : h.answeringDuration) || 120,
     editingTime: G ? (h == null ? void 0 : h.editingDuration) || 30 : 0
-  }, { thinkingTime: z, answeringTime: X, editingTime: O } = j;
+  }, { thinkingTime: $, answeringTime: X, editingTime: O } = j;
   B(() => {
     x.current = p;
   }, [p]);
@@ -8915,19 +8923,19 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
     callbacks: {
       onPhaseChange: (V) => {
         switch (V) {
-          case $.FETCHING_QUESTION:
+          case z.FETCHING_QUESTION:
             Vt();
             break;
-          case $.READING_QUESTION:
+          case z.READING_QUESTION:
             xn();
             break;
-          case $.ANSWERING:
+          case z.ANSWERING:
             Ar();
             break;
-          case $.TRANSCRIBING:
+          case z.TRANSCRIBING:
             Hi();
             break;
-          case $.SUBMITTING:
+          case z.SUBMITTING:
             Wi();
             break;
         }
@@ -8943,7 +8951,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 && _(W.data.duration_in_minutes), typeof W.data.allow_answer_editing == "boolean" && C(W.data.allow_answer_editing), typeof W.data.elapsed_time_in_minutes == "number")) {
+        if (W != null && W.data && (W.data.duration_in_minutes && E(W.data.duration_in_minutes), typeof W.data.allow_answer_editing == "boolean" && C(W.data.allow_answer_editing), typeof W.data.elapsed_time_in_minutes == "number")) {
           const Ye = Math.floor(
             W.data.elapsed_time_in_minutes * 60
           );
@@ -8980,7 +8988,7 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
         interviewId: r,
         qnaId: Ye,
         answer: W
-      }), E({
+      }), _({
         qnaId: Ye,
         answer: W
       });
@@ -9058,13 +9066,13 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
   ), Yi = () => {
     const { phase: V } = Fe;
     switch (V) {
-      case $.IDLE:
+      case z.IDLE:
         return /* @__PURE__ */ m("div", { className: "iw-text-center iw-flex iw-flex-col iw-items-center iw-justify-center iw-gap-2 iw-h-full", children: [
           /* @__PURE__ */ c("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "Ready to start the Interview?" }),
           /* @__PURE__ */ c("p", { className: "iw-max-w-xl iw-text-gray-500 iw-text-xs iw-leading-[21px]", children: `You will be asked a series of behavioral and technical questions. For each one you'll get a short thinking period, then a timed recording window. We'll transcribe your response so you can review and edit it before submitting. Click "Start Interview" when you're ready.` }),
           /* @__PURE__ */ c(Wr, { onClick: Tt, className: "iw-mt-2 iw-w-40", children: "Start Interview" })
         ] });
-      case $.FETCHING_QUESTION:
+      case z.FETCHING_QUESTION:
         return ui ? /* @__PURE__ */ m("div", { className: "iw-text-center iw-flex iw-flex-col iw-items-center iw-justify-center iw-gap-2 iw-h-full", children: [
           /* @__PURE__ */ c("h3", { className: "iw-text-lg iw-font-semibold iw-text-red-600 iw-mb-1", children: "Failed to load the next question" }),
           /* @__PURE__ */ c("p", { className: "iw-max-w-md iw-text-gray-500 iw-text-sm iw-leading-[21px]", children: ui.message || "Please check your network connection and try again." }),
@@ -9077,18 +9085,18 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
             }
           )
         ] }) : /* @__PURE__ */ c(y2, {});
-      case $.READING_QUESTION:
+      case z.READING_QUESTION:
         return /* @__PURE__ */ c(v2, { ttsError: De });
-      case $.THINKING:
+      case z.THINKING:
         return /* @__PURE__ */ c(
           x2,
           {
             state: Fe,
-            thinkingTime: z,
+            thinkingTime: $,
             nextPhase: ae
           }
         );
-      case $.ANSWERING:
+      case z.ANSWERING:
         return /* @__PURE__ */ c(
           p2,
           {
@@ -9099,7 +9107,7 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
             disableStopButton: U
           }
         );
-      case $.TRANSCRIBING:
+      case z.TRANSCRIBING:
         return /* @__PURE__ */ c(
           E2,
           {
@@ -9107,10 +9115,10 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
             editingDuration: O
           }
         );
-      case $.EDITING:
-      case $.SUBMITTING:
+      case z.EDITING:
+      case z.SUBMITTING:
         return null;
-      case $.COMPLETED:
+      case z.COMPLETED:
         return null;
       default:
         return null;
@@ -9143,14 +9151,14 @@ const x2 = ({ state: e, thinkingTime: t, nextPhase: i }) => /* @__PURE__ */ m("d
         interview_duration: A,
         videoFeedRef: a,
         lastSubmittedAnswer: k,
-        onNextPhase: Fe.phase === $.ANSWERING ? qi : ae,
+        onNextPhase: Fe.phase === z.ANSWERING ? qi : ae,
         answerText: p,
         onAnswerChange: (V) => {
           const W = V.target.value;
           v(W), x.current = W;
         },
         editingTime: O,
-        disableSubmitButton: Fe.phase === $.ANSWERING && U,
+        disableSubmitButton: Fe.phase === z.ANSWERING && U,
         children: Yi()
       }
     )