interview-widget 1.0.4 → 1.0.6

package/dist/widget.es.js

@@ -1,9 +1,9 @@
-var Ue = Object.defineProperty;
-var qe = (i, r, t) => r in i ? Ue(i, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[r] = t;
-var F = (i, r, t) => qe(i, typeof r != "symbol" ? r + "" : r, t);
-import he, { createContext as Ee, useRef as T, useCallback as N, useMemo as X, useContext as re, useSyncExternalStore as Te, useState as k, useEffect as C } from "react";
-import { createPortal as Be } from "react-dom";
-var Ce = { exports: {} }, se = {};
+var Be = Object.defineProperty;
+var We = (i, r, t) => r in i ? Be(i, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[r] = t;
+var F = (i, r, t) => We(i, typeof r != "symbol" ? r + "" : r, t);
+import fe, { createContext as Ce, useContext as ne, useSyncExternalStore as Se, useRef as E, useCallback as T, useMemo as ee, useState as k, useEffect as C, forwardRef as Ge, useImperativeHandle as Ve } from "react";
+import { createPortal as ze } from "react-dom";
+var Ie = { exports: {} }, ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,8 +13,8 @@ var Ce = { exports: {} }, se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var We = Symbol.for("react.transitional.element"), Ge = Symbol.for("react.fragment");
-function Se(i, r, t) {
+var He = Symbol.for("react.transitional.element"), Ye = Symbol.for("react.fragment");
+function Re(i, r, t) {
   var s = null;
   if (t !== void 0 && (s = "" + t), r.key !== void 0 && (s = "" + r.key), "key" in r) {
     t = {};
@@ -22,19 +22,19 @@ function Se(i, r, t) {
       n !== "key" && (t[n] = r[n]);
   } else t = r;
   return r = t.ref, {
-    $$typeof: We,
+    $$typeof: He,
     type: i,
     key: s,
     ref: r !== void 0 ? r : null,
     props: t
   };
 }
-se.Fragment = Ge;
-se.jsx = Se;
-se.jsxs = Se;
-Ce.exports = se;
-var e = Ce.exports;
-const $ = {
+ae.Fragment = Ye;
+ae.jsx = Re;
+ae.jsxs = Re;
+Ie.exports = ae;
+var e = Ie.exports;
+const he = {}, $ = {
   api: {
     baseUrl: "/api",
     retryConfig: {
@@ -65,40 +65,41 @@ const $ = {
       enabled: !0
     }
   }
-}, ge = "iw-storage";
-function Ve() {
-  return typeof import.meta < "u" ? "your-secure-encryption-seed-here" : typeof process < "u" && process.env.NEXT_PUBLIC_IW_SECRET ? process.env.NEXT_PUBLIC_IW_SECRET : typeof window < "u" && window.__IW_SECRET__ ? window.__IW_SECRET__ : "proctoring-data-seed";
+}, pe = "iw-storage";
+function Qe() {
+  if (!(typeof import.meta < "u" && (he != null && he.VITE_IW_SECRET)))
+    return typeof process < "u" && process.env.NEXT_PUBLIC_IW_SECRET ? process.env.NEXT_PUBLIC_IW_SECRET : typeof window < "u" && window.__IW_SECRET__ ? window.__IW_SECRET__ : "proctoring-data-seed";
 }
-const Ie = Ve(), fe = "AES-GCM", me = 12;
-async function Re(i) {
+const Ae = Qe(), be = "AES-GCM", xe = 12;
+async function Me(i) {
   const t = new TextEncoder().encode(i), s = await crypto.subtle.digest("SHA-256", t);
-  return crypto.subtle.importKey("raw", s, fe, !1, [
+  return crypto.subtle.importKey("raw", s, be, !1, [
     "encrypt",
     "decrypt"
   ]);
 }
-function ze() {
-  return crypto.getRandomValues(new Uint8Array(me));
+function Ke() {
+  return crypto.getRandomValues(new Uint8Array(xe));
 }
-async function He(i, r = "default-seed") {
+async function Je(i, r = "default-seed") {
   try {
-    const t = typeof i == "string" ? i : JSON.stringify(i), n = new TextEncoder().encode(t), o = await Re(r), a = ze(), l = await crypto.subtle.encrypt(
-      { name: fe, iv: a },
+    const t = typeof i == "string" ? i : JSON.stringify(i), n = new TextEncoder().encode(t), o = await Me(r), a = Ke(), l = await crypto.subtle.encrypt(
+      { name: be, iv: a },
       o,
       n
-    ), d = new Uint8Array(a.length + l.byteLength);
-    return d.set(new Uint8Array(a), 0), d.set(new Uint8Array(l), a.length), btoa(String.fromCharCode(...Array.from(d)));
+    ), w = new Uint8Array(a.length + l.byteLength);
+    return w.set(new Uint8Array(a), 0), w.set(new Uint8Array(l), a.length), btoa(String.fromCharCode(...Array.from(w)));
   } catch (t) {
     throw console.error("Encryption failed:", t), new Error("Failed to encrypt data");
   }
 }
-async function Ye(i, r = "default-seed") {
+async function Xe(i, r = "default-seed") {
   try {
     const t = atob(i), s = new Uint8Array(t.length);
-    for (let c = 0; c < t.length; c++)
-      s[c] = t.charCodeAt(c);
-    const n = s.slice(0, me), o = s.slice(me), a = await Re(r), l = await crypto.subtle.decrypt(
-      { name: fe, iv: n },
+    for (let d = 0; d < t.length; d++)
+      s[d] = t.charCodeAt(d);
+    const n = s.slice(0, xe), o = s.slice(xe), a = await Me(r), l = await crypto.subtle.decrypt(
+      { name: be, iv: n },
       a,
       o
     );
@@ -107,23 +108,23 @@ async function Ye(i, r = "default-seed") {
     throw console.error("Decryption failed:", t), new Error("Failed to decrypt data");
   }
 }
-async function Qe(i, r = "default-seed") {
-  return He(i, r);
+async function Ze(i, r = "default-seed") {
+  return Je(i, r);
 }
-async function Ke(i, r = "default-seed") {
-  const t = await Ye(i, r);
+async function et(i, r = "default-seed") {
+  const t = await Xe(i, r);
   try {
     return JSON.parse(t);
   } catch {
     return t;
   }
 }
-const ne = Ee(null), Je = async () => {
+const oe = Ce(null), tt = async () => {
   var i, r;
   try {
-    const t = sessionStorage.getItem(ge);
+    const t = sessionStorage.getItem(pe);
     if (t) {
-      const s = await Ke(t, Ie);
+      const s = await et(t, Ae);
       return {
         logViolations: ((i = s.state) == null ? void 0 : i.logViolations) || [],
         totalViolations: ((r = s.state) == null ? void 0 : r.totalViolations) || 0
@@ -136,49 +137,49 @@ const ne = Ee(null), Je = async () => {
     );
   }
   return { logViolations: [], totalViolations: 0 };
-}, ve = async (i) => {
+}, Ne = async (i) => {
   try {
-    const r = await Qe(
+    const r = await Ze(
       {
         state: i,
         version: 0
       },
-      Ie
+      Ae
     );
-    sessionStorage.setItem(ge, r);
+    sessionStorage.setItem(pe, r);
   } catch (r) {
     console.error("Failed to save proctoring data to session storage:", r);
   }
-}, Xe = ({
+}, it = ({
   children: i
 }) => {
-  const r = T({
+  const r = E({
     logViolations: [],
     totalViolations: 0
-  }), t = T(/* @__PURE__ */ new Set());
-  he.useEffect(() => {
-    Je().then((c) => {
-      r.current = c, s();
+  }), t = E(/* @__PURE__ */ new Set());
+  fe.useEffect(() => {
+    tt().then((d) => {
+      r.current = d, s();
     });
   }, []);
-  const s = N(() => {
-    t.current.forEach((c) => c());
-  }, []), n = N((c) => (t.current.add(c), () => {
-    t.current.delete(c);
-  }), []), o = N(() => r.current, []), a = N(
-    (c) => {
+  const s = T(() => {
+    t.current.forEach((d) => d());
+  }, []), n = T((d) => (t.current.add(d), () => {
+    t.current.delete(d);
+  }), []), o = T(() => r.current, []), a = T(
+    (d) => {
       r.current = {
-        logViolations: [...r.current.logViolations, c],
+        logViolations: [...r.current.logViolations, d],
         totalViolations: r.current.totalViolations + 1
-      }, ve(r.current), s();
+      }, Ne(r.current), s();
     },
     [s]
-  ), l = N(() => {
+  ), l = T(() => {
     r.current = {
       logViolations: [],
       totalViolations: 0
-    }, ve(r.current), s();
-  }, [s]), d = X(
+    }, Ne(r.current), s();
+  }, [s]), w = ee(
     () => ({
       getState: o,
       addViolation: a,
@@ -187,29 +188,29 @@ const ne = Ee(null), Je = async () => {
     }),
     [o, a, l, n]
   );
-  return /* @__PURE__ */ e.jsx(ne.Provider, { value: d, children: i });
-}, Ze = () => {
-  const i = re(ne);
+  return /* @__PURE__ */ e.jsx(oe.Provider, { value: w, children: i });
+}, rt = () => {
+  const i = ne(oe);
   if (!i)
     throw new Error("useViolations must be used within a ProctoringProvider");
-  return Te(
+  return Se(
     i.subscribe,
     () => i.getState().logViolations,
     () => i.getState().logViolations
   );
-}, et = () => {
-  const i = re(ne);
+}, st = () => {
+  const i = ne(oe);
   if (!i)
     throw new Error(
       "useTotalViolations must be used within a ProctoringProvider"
     );
-  return Te(
+  return Se(
     i.subscribe,
     () => i.getState().totalViolations,
     () => i.getState().totalViolations
   );
-}, tt = () => {
-  const i = re(ne);
+}, nt = () => {
+  const i = ne(oe);
   if (!i)
     throw new Error(
       "useProctoringActions must be used within a ProctoringProvider"
@@ -218,10 +219,10 @@ const ne = Ee(null), Je = async () => {
     addViolation: i.addViolation,
     clearViolations: i.clearViolations
   };
-}, Ae = Ee(
+}, De = Ce(
   null
 );
-function it({
+function at({
   config: i = {},
   children: r
 }) {
@@ -256,26 +257,26 @@ function it({
       }
     }
   };
-  return /* @__PURE__ */ e.jsx(Ae.Provider, { value: t, children: /* @__PURE__ */ e.jsx(Xe, { children: r }) });
+  return /* @__PURE__ */ e.jsx(De.Provider, { value: t, children: /* @__PURE__ */ e.jsx(it, { children: r }) });
 }
-function ae() {
-  const i = re(Ae);
+function le() {
+  const i = ne(De);
   if (!i)
     throw new Error(
       "useInterviewConfig must be used within an InterviewWidgetProvider. Wrap your component tree with <InterviewWidgetProvider config={...}>"
     );
   return i;
 }
-function Me() {
-  return ae().api || $.api;
+function Pe() {
+  return le().api || $.api;
 }
-function Z() {
-  return ae().ui || $.ui;
+function te() {
+  return le().ui || $.ui;
 }
-function rt() {
-  return ae().interview || $.interview;
+function ot() {
+  return le().interview || $.interview;
 }
-const De = ({
+const _e = ({
   className: i,
   ...r
 }) => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
@@ -304,7 +305,7 @@ const De = ({
       /* @__PURE__ */ e.jsx("path", { d: "M7.75 7.75l-2.15 -2.15" })
     ]
   }
-) }), _e = ({
+) }), Fe = ({
   children: i,
   variant: r = "primary",
   size: t = "md",
@@ -314,7 +315,7 @@ const De = ({
   className: a = "",
   ...l
 }) => {
-  const d = "iw-inline-flex iw-items-center iw-justify-center iw-rounded-md iw-font-medium iw-transition-colors iw-focus:outline-none iw-focus:ring-2 iw-focus:ring-primary-500 iw-focus:ring-offset-2", c = {
+  const w = "iw-inline-flex iw-items-center iw-justify-center iw-rounded-md iw-font-medium iw-transition-colors iw-focus:outline-none iw-focus:ring-2 iw-focus:ring-primary-500 iw-focus:ring-offset-2", d = {
     primary: "iw-bg-primary-600 iw-text-white iw-hover:bg-primary-700 iw-border iw-border-transparent",
     secondary: "iw-bg-primary-100 iw-text-primary-700 iw-hover:bg-primary-200 iw-border iw-border-transparent",
     outline: "iw-bg-transparent iw-text-primary-700 iw-border iw-border-primary-500 iw-hover:bg-primary-50",
@@ -328,17 +329,17 @@ const De = ({
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
-      className: `${d} ${c[r]} ${u[t]} ${m} ${h} ${a}`,
+      className: `${w} ${d[r]} ${u[t]} ${m} ${h} ${a}`,
       disabled: o || n,
       ...l,
       children: [
-        n && /* @__PURE__ */ e.jsx(De, { height: 16, width: 16, style: { marginRight: "3px" } }),
+        n && /* @__PURE__ */ e.jsx(_e, { height: 16, width: 16, style: { marginRight: "3px" } }),
         i
       ]
     }
   );
 };
-function st(i) {
+function lt(i) {
   const r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(i);
   return r ? {
     r: parseInt(r[1], 16),
@@ -346,32 +347,32 @@ function st(i) {
     b: parseInt(r[3], 16)
   } : null;
 }
-function nt(i, r, t) {
+function ct(i, r, t) {
   return "#" + [i, r, t].map((s) => {
     const n = Math.round(s).toString(16);
     return n.length === 1 ? "0" + n : n;
   }).join("");
 }
-function Pe(i, r) {
-  const t = st(i);
+function Le(i, r) {
+  const t = lt(i);
   if (!t) return i;
   const s = t.r + (255 - t.r) * r, n = t.g + (255 - t.g) * r, o = t.b + (255 - t.b) * r;
-  return nt(s, n, o);
+  return ct(s, n, o);
 }
-function at(i, r = 0.8) {
+function dt(i, r = 0.8) {
   return {
-    background: `linear-gradient(to bottom, ${Pe(i, r)}, #ffffff)`,
+    background: `linear-gradient(to bottom, ${Le(i, r)}, #ffffff)`,
     color: "#1f2937"
   };
 }
-function ot(i) {
+function wt(i) {
   return new Promise((r) => setTimeout(r, i));
 }
-function Fe(i) {
-  return `linear-gradient(to left, ${Pe(i, 0.4)}, ${i})`;
+function $e(i) {
+  return `linear-gradient(to left, ${Le(i, 0.4)}, ${i})`;
 }
-const lt = () => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
-function ct(i) {
+const ut = () => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
+function ht(i) {
   try {
     const r = i.split(".");
     if (r.length !== 3 || !r[1])
@@ -385,7 +386,7 @@ function ct(i) {
     return console.error("Error decoding JWT:", r), null;
   }
 }
-const Le = (i) => /* @__PURE__ */ e.jsxs(
+const Oe = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -403,7 +404,7 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
       /* @__PURE__ */ e.jsx("path", { d: "m9 12 2 2 4-4" })
     ]
   }
-), $e = (i) => /* @__PURE__ */ e.jsxs(
+), Ue = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -422,7 +423,7 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
       /* @__PURE__ */ e.jsx("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
     ]
   }
-), dt = (i) => /* @__PURE__ */ e.jsxs(
+), mt = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -442,51 +443,51 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
     ]
   }
 ), V = (i) => {
-  const { baseColor: r, borderRadius: t } = Z(), { loading: s, children: n, ...o } = i;
+  const { baseColor: r, borderRadius: t } = te(), { loading: s, children: n, ...o } = i;
   return /* @__PURE__ */ e.jsx(
-    _e,
+    Fe,
     {
       style: {
-        background: Fe(r),
+        background: $e(r),
         borderRadius: t
       },
       ...o,
-      children: s ? /* @__PURE__ */ e.jsx(De, {}) : n
+      children: s ? /* @__PURE__ */ e.jsx(_e, {}) : n
     }
   );
-}, wt = [
+}, gt = [
   "Do not refresh or reload the page during your assessment",
   "Refrain from switching tabs or opening other applications while the session is in progress",
   "Ensure your face remains clearly visible on camera at all times",
   "Avoid frequent distractions or leaving your seat during the session",
   "Do not disable or interfere with audio/video monitoring"
-], ut = ({
+], ft = ({
   isOpen: i,
   onStart: r,
   onClose: t
 }) => {
   var A;
-  const s = T(null), n = T(null), { baseColor: o, borderRadius: a } = Z(), [l, d] = k(!1), [c, u] = k(null), [h, m] = k(!1), w = o ?? "#2563eb", f = Fe(w), v = a ?? 18, j = (g, I) => g.startsWith("#") && g.length === 7 ? `${g}${I}` : g, x = [
+  const s = E(null), n = E(null), { baseColor: o, borderRadius: a } = te(), [l, w] = k(!1), [d, u] = k(null), [h, m] = k(!1), c = o ?? "#2563eb", x = $e(c), b = a ?? 18, j = (f, M) => f.startsWith("#") && f.length === 7 ? `${f}${M}` : f, g = [
     `radial-gradient(120% 85% at 50% 125%, ${j(
-      w,
+      c,
       "34"
     )} 0%, transparent 70%)`,
     `radial-gradient(90% 70% at 10% 130%, ${j(
-      w,
+      c,
       "24"
     )} 0%, transparent 72%)`,
     `radial-gradient(90% 70% at 90% 130%, ${j(
-      w,
+      c,
       "24"
     )} 0%, transparent 72%)`,
     `repeating-linear-gradient(135deg, ${j(
-      w,
+      c,
       "14"
     )} 0, ${j(
-      w,
+      c,
       "14"
     )} 16px, transparent 16px, transparent 32px)`
-  ].join(", "), E = l ? {
+  ].join(", "), v = l ? {
     label: "Camera & microphone ready",
     toneClass: "iw-bg-white/15 iw-text-white",
     dotClass: "iw-bg-emerald-400"
@@ -513,35 +514,35 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
     toneClass: "iw-bg-rose-50 iw-text-rose-600",
     cameraCopy: "Grant camera access to continue with the interview.",
     micCopy: "Enable microphone access so we can capture your answers."
-  }, y = [
+  }, N = [
     {
       label: "Camera feed",
       description: S.cameraCopy,
       status: S.badge,
       toneClass: S.toneClass,
-      Icon: $e
+      Icon: Ue
     },
     {
       label: "Microphone input",
       description: S.micCopy,
       status: S.badge,
       toneClass: S.toneClass,
-      Icon: dt
+      Icon: mt
     }
   ], P = () => {
-    n.current && (n.current.getTracks().forEach((g) => g.stop()), n.current = null);
-  }, b = async () => {
+    n.current && (n.current.getTracks().forEach((f) => f.stop()), n.current = null);
+  }, y = async () => {
     m(!0), u(null);
     try {
-      const g = await navigator.mediaDevices.getUserMedia({
+      const f = await navigator.mediaDevices.getUserMedia({
         video: { width: { ideal: 1280 }, height: { ideal: 720 } },
         audio: !0
       });
-      n.current = g, s.current && (s.current.srcObject = g), d(!0);
-    } catch (g) {
-      console.error("Media permission error:", g);
-      let I = "Unable to access camera or microphone.";
-      (g == null ? void 0 : g.name) === "NotAllowedError" ? I = "Permissions denied. Please allow access to camera and microphone." : (g == null ? void 0 : g.name) === "NotFoundError" ? I = "No camera/microphone found. Please connect a device and retry." : g != null && g.message && (I = g.message), d(!1), u(I);
+      n.current = f, s.current && (s.current.srcObject = f), w(!0);
+    } catch (f) {
+      console.error("Media permission error:", f);
+      let M = "Unable to access camera or microphone.";
+      (f == null ? void 0 : f.name) === "NotAllowedError" ? M = "Permissions denied. Please allow access to camera and microphone." : (f == null ? void 0 : f.name) === "NotFoundError" ? M = "No camera/microphone found. Please connect a device and retry." : f != null && f.message && (M = f.message), w(!1), u(M);
     } finally {
       m(!1);
     }
@@ -551,11 +552,11 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
       P();
       return;
     }
-    return b(), () => {
+    return y(), () => {
       P();
     };
   }, [i]), !i) return null;
-  const D = () => {
+  const R = () => {
     r(), P();
   };
   return /* @__PURE__ */ e.jsx("div", { className: "iw-fixed iw-inset-0 iw-z-50 iw-flex iw-items-center iw-justify-center iw-bg-gray-900/25 iw-backdrop-blur-md iw-p-4", children: /* @__PURE__ */ e.jsxs("div", { className: " iw-w-full iw-max-w-[920px] iw-max-h-[96vh] iw-overflow-auto iw-rounded-3xl iw-bg-white iw-shadow-[0_40px_80px_-28px_rgba(15,23,42,0.25)]", children: [
@@ -563,7 +564,7 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "iw-relative iw-overflow-hidden",
-        style: { background: f },
+        style: { background: x },
         children: [
           /* @__PURE__ */ e.jsx(
             "div",
@@ -597,7 +598,7 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
           ),
           /* @__PURE__ */ e.jsxs("div", { className: "iw-relative iw-grid md:iw-grid-cols-[minmax(0,1fr)_auto] iw-items-start iw-gap-6 iw-px-6 iw-py-7", children: [
             /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-flex-col iw-gap-4 iw-text-white", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-start iw-gap-4", children: [
-              /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-12 iw-w-12 iw-items-center iw-justify-center iw-rounded-2xl iw-bg-white/15 iw-shadow-inner", children: /* @__PURE__ */ e.jsx(Le, { className: "iw-h-6 iw-w-6" }) }),
+              /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-12 iw-w-12 iw-items-center iw-justify-center iw-rounded-2xl iw-bg-white/15 iw-shadow-inner", children: /* @__PURE__ */ e.jsx(Oe, { className: "iw-h-6 iw-w-6" }) }),
               /* @__PURE__ */ e.jsxs("div", { children: [
                 /* @__PURE__ */ e.jsx("p", { className: "iw-text-[11px] iw-font-medium iw-uppercase iw-tracking-wide iw-text-white/70", children: "Pre-interview checklist" }),
                 /* @__PURE__ */ e.jsx("h2", { className: "iw-mt-1 iw-text-xl iw-font-semibold iw-leading-tight", children: "Final checks before you go live" }),
@@ -607,15 +608,15 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
             /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-items-start iw-justify-end", children: /* @__PURE__ */ e.jsxs(
               "div",
               {
-                className: `iw-inline-flex iw-items-center iw-gap-2 iw-rounded-full iw-bg-white/10 iw-px-4 iw-py-1.5 iw-text-xs iw-font-medium iw-text-white/85 iw-backdrop-blur-sm ${E.toneClass}`,
+                className: `iw-inline-flex iw-items-center iw-gap-2 iw-rounded-full iw-bg-white/10 iw-px-4 iw-py-1.5 iw-text-xs iw-font-medium iw-text-white/85 iw-backdrop-blur-sm ${v.toneClass}`,
                 children: [
                   /* @__PURE__ */ e.jsx(
                     "span",
                     {
-                      className: `iw-inline-flex iw-h-2 iw-w-2 iw-rounded-full ${E.dotClass}`
+                      className: `iw-inline-flex iw-h-2 iw-w-2 iw-rounded-full ${v.dotClass}`
                     }
                   ),
-                  E.label
+                  v.label
                 ]
               }
             ) }),
@@ -641,7 +642,7 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
             /* @__PURE__ */ e.jsx("h3", { className: "iw-text-sm iw-font-semibold iw-text-slate-900", children: "Proctoring guidelines" }),
             /* @__PURE__ */ e.jsx("span", { className: "iw-text-[11px] iw-font-medium iw-uppercase iw-tracking-wide iw-text-slate-400", children: "Required" })
           ] }),
-          /* @__PURE__ */ e.jsx("ul", { className: "iw-mt-5 iw-flex iw-flex-col iw-gap-4", children: wt.map((g, I) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("ul", { className: "iw-mt-5 iw-flex iw-flex-col iw-gap-4", children: gt.map((f, M) => /* @__PURE__ */ e.jsx(
             "li",
             {
               className: "iw-group iw-overflow-hidden iw-rounded-xl iw-border iw-border-slate-100 iw-bg-slate-50/60 iw-p-4 iw-transition-all hover:iw-border-slate-200 hover:iw-bg-white",
@@ -650,14 +651,14 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
                   "span",
                   {
                     className: "iw-flex iw-h-8 iw-w-8 iw-flex-none iw-items-center iw-justify-center iw-rounded-full iw-text-sm iw-font-semibold iw-text-white",
-                    style: { background: f },
-                    children: I + 1
+                    style: { background: x },
+                    children: M + 1
                   }
                 ),
-                /* @__PURE__ */ e.jsx("span", { className: "iw-text-sm iw-text-slate-600", children: g })
+                /* @__PURE__ */ e.jsx("span", { className: "iw-text-sm iw-text-slate-600", children: f })
               ] })
             },
-            g
+            f
           )) })
         ] }) }),
         /* @__PURE__ */ e.jsxs("section", { className: "iw-flex iw-flex-col iw-gap-5", children: [
@@ -665,7 +666,7 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
             "div",
             {
               className: "iw-relative iw-flex iw-flex-col iw-gap-6 iw-overflow-hidden iw-rounded-3xl  iw-bg-white ",
-              style: { borderRadius: v },
+              style: { borderRadius: b },
               children: [
                 /* @__PURE__ */ e.jsx("div", { className: "iw-relative iw-z-10 iw-rounded-2xl iw-border iw-border-slate-200 iw-bg-slate-50/80 iw-p-3", children: /* @__PURE__ */ e.jsx(
                   "video",
@@ -677,23 +678,23 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
                     className: "iw-h-64 iw-w-full iw-rounded-2xl iw-object-cover",
                     style: {
                       transform: "scaleX(-1)",
-                      borderRadius: v
+                      borderRadius: b
                     }
                   }
                 ) }),
                 /* @__PURE__ */ e.jsxs("div", { className: "iw-relative iw-grid iw-grid-cols-2 iw-gap-4 iw-px-1", children: [
                   /* @__PURE__ */ e.jsx(
-                    _e,
+                    Fe,
                     {
-                      onClick: b,
+                      onClick: y,
                       disabled: h,
                       variant: "outline",
                       size: "sm",
                       className: "iw-font-medium",
                       style: {
-                        borderColor: w,
-                        borderRadius: v,
-                        color: w
+                        borderColor: c,
+                        borderRadius: b,
+                        color: c
                       },
                       children: l ? "Recheck permissions" : "Enable camera & mic"
                     }
@@ -701,11 +702,11 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
                   /* @__PURE__ */ e.jsx(
                     V,
                     {
-                      onClick: D,
+                      onClick: R,
                       disabled: !l,
                       className: "iw-h-10 iw-px-6 iw-text-sm",
                       style: {
-                        backgroundColor: w
+                        backgroundColor: c
                       },
                       children: "Proceed"
                     }
@@ -714,21 +715,21 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
               ]
             }
           ),
-          /* @__PURE__ */ e.jsx("ul", { className: "iw-grid sm:iw-grid-cols-1 iw-gap-3", children: y.map(
-            ({ Icon: g, label: I, description: L, status: B, toneClass: q }) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("ul", { className: "iw-grid sm:iw-grid-cols-1 iw-gap-3", children: N.map(
+            ({ Icon: f, label: M, description: L, status: O, toneClass: q }) => /* @__PURE__ */ e.jsx(
               "li",
               {
                 className: "iw-rounded-2xl iw-border iw-border-slate-200/65 iw-bg-white iw-p-4 iw-shadow-sm iw-transition-all hover:iw-border-slate-200",
                 children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-start iw-gap-3", children: [
-                  /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-10 iw-w-10 iw-flex-none iw-items-center iw-justify-center iw-rounded-xl iw-bg-slate-100", children: /* @__PURE__ */ e.jsx(g, { className: "iw-h-5 iw-w-5 iw-text-slate-600" }) }),
+                  /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-10 iw-w-10 iw-flex-none iw-items-center iw-justify-center iw-rounded-xl iw-bg-slate-100", children: /* @__PURE__ */ e.jsx(f, { className: "iw-h-5 iw-w-5 iw-text-slate-600" }) }),
                   /* @__PURE__ */ e.jsxs("div", { className: "iw-flex-1", children: [
                     /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-between iw-gap-3", children: [
-                      /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-font-medium iw-text-slate-800", children: I }),
+                      /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-font-medium iw-text-slate-800", children: M }),
                       /* @__PURE__ */ e.jsx(
                         "span",
                         {
                           className: `iw-rounded-full iw-px-3 iw-py-1 iw-text-[11px] iw-font-semibold ${q}`,
-                          children: B
+                          children: O
                         }
                       )
                     ] }),
@@ -736,10 +737,10 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
                   ] })
                 ] })
               },
-              I
+              M
             )
           ) }),
-          c && /* @__PURE__ */ e.jsx("div", { className: "iw-rounded-lg iw-border iw-border-rose-200 iw-bg-rose-50 iw-px-3 iw-py-2 iw-text-xs iw-text-rose-600", children: c }),
+          d && /* @__PURE__ */ e.jsx("div", { className: "iw-rounded-lg iw-border iw-border-rose-200 iw-bg-rose-50 iw-px-3 iw-py-2 iw-text-xs iw-text-rose-600", children: d }),
           !((A = navigator.mediaDevices) != null && A.getUserMedia) && /* @__PURE__ */ e.jsx("div", { className: "iw-rounded-lg iw-border iw-border-amber-200 iw-bg-amber-50 iw-px-3 iw-py-2 iw-text-xs iw-text-amber-700", children: "Your browser does not support media devices. Please use a modern browser like Chrome, Edge, or Firefox." })
         ] })
       ] }),
@@ -750,7 +751,7 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
           "aria-hidden": !0,
           className: "iw-pointer-events-none iw-absolute iw-inset-x-0 iw-bottom-1 iw-h-20",
           style: {
-            backgroundImage: x,
+            backgroundImage: g,
             backgroundSize: "100% 120%, 100% 120%, 100% 120%, 32px 32px",
             backgroundPosition: "center bottom, left 95% bottom, right 95% bottom, center bottom",
             backgroundRepeat: "no-repeat, no-repeat, no-repeat, repeat",
@@ -764,12 +765,12 @@ const Le = (i) => /* @__PURE__ */ e.jsxs(
     ] })
   ] }) });
 };
-var _ = /* @__PURE__ */ ((i) => (i.IDLE = "idle", i.FETCHING_QUESTION = "fetching_question", i.READING_QUESTION = "reading_question", i.THINKING = "thinking", i.ANSWERING = "answering", i.TRANSCRIBING = "transcribing", i.EDITING = "editing", i.SUBMITTING = "submitting", i.COMPLETED = "completed", i))(_ || {});
-const ht = {
+var D = /* @__PURE__ */ ((i) => (i.IDLE = "idle", i.FETCHING_QUESTION = "fetching_question", i.READING_QUESTION = "reading_question", i.THINKING = "thinking", i.ANSWERING = "answering", i.TRANSCRIBING = "transcribing", i.EDITING = "editing", i.SUBMITTING = "submitting", i.COMPLETED = "completed", i))(D || {});
+const xt = {
   thinkingDuration: 30,
   answeringDuration: 120,
   editingDuration: 30
-}, mt = {
+}, pt = {
   idle: {
     next: "fetching_question"
     /* FETCHING_QUESTION */
@@ -798,14 +799,14 @@ const ht = {
     /* COMPLETED */
   }
 };
-class gt {
+class bt {
   constructor(r = {}, t = {}) {
     F(this, "config");
     F(this, "state");
     F(this, "phaseIntervalId", null);
     F(this, "globalIntervalId", null);
     F(this, "callbacks");
-    this.config = { ...ht, ...r }, this.callbacks = t, this.state = {
+    this.config = { ...xt, ...r }, this.callbacks = t, this.state = {
       phase: "idle",
       currentPhaseTimeRemaining: 0,
       totalTimeElapsed: 0,
@@ -828,7 +829,7 @@ class gt {
    * Move to next phase
    */
   nextPhase() {
-    const r = this.state.phase, t = mt[r];
+    const r = this.state.phase, t = pt[r];
     if (!t) return;
     this.stopPhaseTimer(), this.state.phase = t.next;
     const s = this.getDurationForPhase(t.next);
@@ -899,21 +900,21 @@ class gt {
     (t = (r = this.callbacks).onPhaseChange) == null || t.call(r, this.state.phase, this.getState());
   }
 }
-function ft(i = {}) {
-  const { config: r = {}, callbacks: t = {} } = i, s = T(null);
-  s.current || (s.current = new gt(r, {}));
-  const n = s.current, [o, a] = k(n.getState()), l = N(() => {
+function yt(i = {}) {
+  const { config: r = {}, callbacks: t = {} } = i, s = E(null);
+  s.current || (s.current = new bt(r, {}));
+  const n = s.current, [o, a] = k(n.getState()), l = T(() => {
     a(n.getState());
   }, [n]);
   C(() => {
     const h = {
-      onPhaseChange: (m, w) => {
-        var f;
-        l(), (f = t.onPhaseChange) == null || f.call(t, m, w);
+      onPhaseChange: (m, c) => {
+        var x;
+        l(), (x = t.onPhaseChange) == null || x.call(t, m, c);
       },
       onTick: (m) => {
-        var w;
-        l(), (w = t.onTick) == null || w.call(t, m);
+        var c;
+        l(), (c = t.onTick) == null || c.call(t, m);
       },
       onInterviewEnd: () => {
         var m;
@@ -924,29 +925,29 @@ function ft(i = {}) {
   }, [n, t, l]), C(() => () => {
     n.destroy();
   }, [n]);
-  const d = N(() => {
+  const w = T(() => {
     n.startQuestion(), l();
-  }, [n, l]), c = N(() => {
+  }, [n, l]), d = T(() => {
     n.nextPhase(), l();
-  }, [n, l]), u = N(() => {
+  }, [n, l]), u = T(() => {
     n.completeInterview(), l();
   }, [n, l]);
   return {
     state: o,
-    startQuestion: d,
-    nextPhase: c,
+    startQuestion: w,
+    nextPhase: d,
     completeInterview: u,
     timerService: n
   };
 }
-function xt(i, r = {}) {
+function vt(i, r = {}) {
   const [t, s] = k({
     data: null,
     loading: !1,
     error: null
-  }), n = N(
+  }), n = T(
     async (...o) => {
-      var a, l, d, c;
+      var a, l, w, d;
       s((u) => ({ ...u, loading: !0, error: null }));
       try {
         const u = await i(...o);
@@ -968,7 +969,7 @@ function xt(i, r = {}) {
           ...m,
           loading: !1,
           error: h
-        })), (d = r.onError) == null || d.call(r, h), (c = r.onSettled) == null || c.call(r, null, h);
+        })), (w = r.onError) == null || w.call(r, h), (d = r.onSettled) == null || d.call(r, null, h);
       }
     },
     [i, r]
@@ -978,67 +979,67 @@ function xt(i, r = {}) {
     execute: n
   };
 }
-const pt = (i) => {
-  const [r, t] = k(null), [s, n] = k(!1), o = document, a = () => !!(o.fullscreenEnabled || o.webkitFullscreenEnabled || o.mozFullScreenEnabled || o.msFullscreenEnabled), l = () => o.fullscreenElement || o.webkitFullscreenElement || o.mozFullScreenElement || o.msFullscreenElement, d = async (w) => {
-    var f;
+const jt = (i) => {
+  const [r, t] = k(null), [s, n] = k(!1), o = document, a = () => !!(o.fullscreenEnabled || o.webkitFullscreenEnabled || o.mozFullScreenEnabled || o.msFullscreenEnabled), l = () => o.fullscreenElement || o.webkitFullscreenElement || o.mozFullScreenElement || o.msFullscreenElement, w = async (c) => {
+    var x;
     try {
       if (!a())
         throw new Error("Fullscreen is not supported in this environment");
-      w.requestFullscreen ? await w.requestFullscreen() : w.webkitRequestFullscreen ? await w.webkitRequestFullscreen() : w.mozRequestFullScreen ? await w.mozRequestFullScreen() : w.msRequestFullscreen && await w.msRequestFullscreen();
-    } catch (v) {
+      c.requestFullscreen ? await c.requestFullscreen() : c.webkitRequestFullscreen ? await c.webkitRequestFullscreen() : c.mozRequestFullScreen ? await c.mozRequestFullScreen() : c.msRequestFullscreen && await c.msRequestFullscreen();
+    } catch (b) {
       const j = {
         name: "FullscreenError",
-        message: v instanceof Error ? v.message : "Failed to enter fullscreen"
+        message: b instanceof Error ? b.message : "Failed to enter fullscreen"
       };
-      t(j), (f = i == null ? void 0 : i.onError) == null || f.call(i, j);
+      t(j), (x = i == null ? void 0 : i.onError) == null || x.call(i, j);
     }
-  }, c = async () => {
-    var w;
+  }, d = async () => {
+    var c;
     try {
       o.exitFullscreen ? await o.exitFullscreen() : o.webkitExitFullscreen ? await o.webkitExitFullscreen() : o.mozCancelFullScreen ? await o.mozCancelFullScreen() : o.msExitFullscreen && await o.msExitFullscreen();
-    } catch (f) {
-      const v = {
+    } catch (x) {
+      const b = {
         name: "FullscreenError",
-        message: f instanceof Error ? f.message : "Failed to exit fullscreen"
+        message: x instanceof Error ? x.message : "Failed to exit fullscreen"
       };
-      t(v), (w = i == null ? void 0 : i.onError) == null || w.call(i, v);
+      t(b), (c = i == null ? void 0 : i.onError) == null || c.call(i, b);
     }
-  }, u = N(() => {
-    var f;
-    const w = !!l();
-    n(w), (f = i == null ? void 0 : i.onFullScreenChange) == null || f.call(i, w);
+  }, u = T(() => {
+    var x;
+    const c = !!l();
+    n(c), (x = i == null ? void 0 : i.onFullScreenChange) == null || x.call(i, c);
   }, [i]);
   C(() => {
-    const w = [
+    const c = [
       "fullscreenchange",
       "webkitfullscreenchange",
       "mozfullscreenchange",
       "MSFullscreenChange"
     ];
-    return w.forEach((f) => {
-      document.addEventListener(f, u);
+    return c.forEach((x) => {
+      document.addEventListener(x, u);
     }), () => {
-      w.forEach((f) => {
-        document.removeEventListener(f, u);
+      c.forEach((x) => {
+        document.removeEventListener(x, u);
       });
     };
   }, [u]);
-  const h = async (w) => {
+  const h = async (c) => {
     t(null);
-    const f = w ?? document.documentElement;
-    await d(f);
+    const x = c ?? document.documentElement;
+    await w(x);
   };
   return {
     isFullScreen: s,
-    toggleFullScreen: async (w) => {
-      s ? await c() : await h(w);
+    toggleFullScreen: async (c) => {
+      s ? await d() : await h(c);
     },
     enterFullScreen: h,
-    exitFullScreen: c,
+    exitFullScreen: d,
     error: r
   };
 };
-function bt(i) {
+function Nt(i) {
   var r;
   if (!navigator.onLine)
     return {
@@ -1097,7 +1098,7 @@ function bt(i) {
     originalError: i
   };
 }
-async function xe(i, r = {}, t = {
+async function ye(i, r = {}, t = {
   attempts: 3,
   backoff: "exponential",
   baseDelay: 1e3,
@@ -1118,22 +1119,22 @@ async function xe(i, r = {}, t = {
       return l;
     } catch (o) {
       s = o;
-      const a = bt(o);
+      const a = Nt(o);
       if (!a.retryable || n === t.attempts)
         throw a;
-      const l = yt(n, t);
+      const l = kt(n, t);
       console.warn(
         `API request failed (attempt ${n}/${t.attempts}), retrying in ${l}ms:`,
         a.message
-      ), await new Promise((d) => setTimeout(d, l));
+      ), await new Promise((w) => setTimeout(w, l));
     }
   throw s;
 }
-function yt(i, r) {
+function kt(i, r) {
   let t;
   return r.backoff === "exponential" ? t = r.baseDelay * Math.pow(2, i - 1) : t = r.baseDelay, t = Math.min(t, r.maxDelay), r.jitter && (t = t * (0.5 + Math.random() * 0.5)), Math.round(t);
 }
-class vt {
+class Et {
   constructor(r = {}) {
     F(this, "config");
     this.config = r;
@@ -1172,7 +1173,7 @@ class vt {
     answer: o,
     answerDuration: a
   }) {
-    const l = await xe(
+    const l = await ye(
       `${this.getBaseUrl()}/questions/next`,
       {
         method: "POST",
@@ -1193,14 +1194,14 @@ class vt {
     return await l.json();
   }
 }
-function jt() {
-  const i = ae();
-  return X(() => {
+function Tt() {
+  const i = le();
+  return ee(() => {
     const t = i.api || {};
-    return new vt(t);
+    return new Et(t);
   }, [i.api]);
 }
-const Nt = (i) => {
+const Ct = (i) => {
   C(() => {
     const r = (s) => {
       (s.ctrlKey || s.metaKey) && ["c", "v", "a", "t", "n", "w", "r", "s", "p"].includes(s.key.toLowerCase()) && (s.preventDefault(), i({
@@ -1240,12 +1241,12 @@ const Nt = (i) => {
     };
   }, [i]);
 };
-class R extends Error {
+class I extends Error {
   constructor(r, t, s = !1) {
     super(r), this.code = t, this.recoverable = s, this.name = "STTError";
   }
 }
-class kt {
+class St {
   constructor(r = {}) {
     F(this, "config");
     F(this, "mediaRecorder", null);
@@ -1280,13 +1281,13 @@ class kt {
   async startRecording(r, t) {
     var s;
     if (!this.isRecordingSupported())
-      throw new R(
+      throw new I(
         "Audio recording is not supported in this browser",
         "RECORDING_NOT_SUPPORTED",
         !1
       );
     if (this.isRecording())
-      throw new R(
+      throw new I(
         "Recording is already in progress",
         "ALREADY_RECORDING",
         !0
@@ -1310,7 +1311,7 @@ class kt {
         (o = t == null ? void 0 : t.onStop) == null || o.call(t);
       }, this.mediaRecorder.onerror = (o) => {
         var l;
-        const a = new R(
+        const a = new I(
           `Recording failed: ${o.error}`,
           "RECORDING_ERROR",
           !0
@@ -1322,15 +1323,15 @@ class kt {
     } catch (n) {
       if (this.cleanup(), n instanceof Error) {
         if (n.name === "NotAllowedError" || n.name === "PermissionDeniedError")
-          throw new R(
+          throw new I(
             "Microphone permission was denied",
             "PERMISSION_DENIED",
             !1
           );
         if (n.name === "NotFoundError")
-          throw new R("No microphone found", "NO_MICROPHONE", !1);
+          throw new I("No microphone found", "NO_MICROPHONE", !1);
       }
-      throw new R(
+      throw new I(
         `Failed to start recording: ${n instanceof Error ? n.message : String(n)}`,
         "START_RECORDING_FAILED",
         !0
@@ -1342,7 +1343,7 @@ class kt {
    */
   async stopRecording() {
     if (this.autoStopTimeoutId && (clearTimeout(this.autoStopTimeoutId), this.autoStopTimeoutId = null), !this.mediaRecorder || !this.isRecording())
-      throw new R(
+      throw new I(
         "No active recording to stop",
         "NO_ACTIVE_RECORDING",
         !1
@@ -1350,7 +1351,7 @@ class kt {
     return new Promise((r, t) => {
       if (!this.mediaRecorder) {
         t(
-          new R("MediaRecorder is null", "MEDIARECORDER_NULL", !1)
+          new I("MediaRecorder is null", "MEDIARECORDER_NULL", !1)
         );
         return;
       }
@@ -1360,7 +1361,7 @@ class kt {
           this.cleanup(), r(a);
         } catch (o) {
           t(
-            new R(
+            new I(
               `Failed to create audio blob: ${o instanceof Error ? o.message : String(o)}`,
               "BLOB_CREATION_FAILED",
               !1
@@ -1383,17 +1384,17 @@ class kt {
       temperature: a = this.config.temperature
     } = r;
     if (!t || t.size === 0)
-      throw new R(
+      throw new I(
         "Audio blob is empty or invalid",
         "INVALID_AUDIO",
         !1
       );
     try {
-      const l = new FormData(), d = new File([t], "recording.wav", {
+      const l = new FormData(), w = new File([t], "recording.wav", {
         type: t.type || "audio/wav"
       });
-      l.append("file", d), l.append("model", s || "whisper-large-v3-turbo"), l.append("language", n || "en"), l.append("include_timestamps", String(o || !1)), l.append("temperature", String(a || 0));
-      const c = await xe(
+      l.append("file", w), l.append("model", s || "whisper-large-v3-turbo"), l.append("language", n || "en"), l.append("include_timestamps", String(o || !1)), l.append("temperature", String(a || 0));
+      const d = await ye(
         `${this.config.baseUrl}/speech/transcribe`,
         {
           method: "POST",
@@ -1414,26 +1415,26 @@ class kt {
           jitter: !0
         }
       );
-      if (!c.ok) {
-        const h = await c.text();
-        let m = `STT request failed: ${c.status} ${c.statusText}`;
+      if (!d.ok) {
+        const h = await d.text();
+        let m = `STT request failed: ${d.status} ${d.statusText}`;
         try {
-          const w = JSON.parse(h);
-          m = w.message || w.error || m;
+          const c = JSON.parse(h);
+          m = c.message || c.error || m;
         } catch {
           m = h || m;
         }
-        throw new R(
+        throw new I(
           m,
-          `HTTP_${c.status}`,
-          c.status >= 500
+          `HTTP_${d.status}`,
+          d.status >= 500
         );
       }
       return {
-        transcript: (await c.json()).data.text ?? ""
+        transcript: (await d.json()).data.text ?? ""
       };
     } catch (l) {
-      throw l instanceof R ? l : new R(
+      throw l instanceof I ? l : new I(
         `Transcription failed: ${l instanceof Error ? l.message : String(l)}`,
         "TRANSCRIPTION_FAILED",
         !0
@@ -1475,84 +1476,84 @@ class kt {
     this.recordingStream && (this.recordingStream.getTracks().forEach((r) => r.stop()), this.recordingStream = null), this.mediaRecorder = null, this.audioChunks = [], this.autoStopTimeoutId && (clearTimeout(this.autoStopTimeoutId), this.autoStopTimeoutId = null);
   }
 }
-const J = new kt(), Et = (i = {}) => {
-  const [r, t] = k(!1), [s, n] = k(!1), [o, a] = k(null), [l, d] = k(null), [c, u] = k(null);
-  i.config && J.updateConfig(i.config);
-  const h = N(async (v) => {
+const Z = new St(), It = (i = {}) => {
+  const [r, t] = k(!1), [s, n] = k(!1), [o, a] = k(null), [l, w] = k(null), [d, u] = k(null);
+  i.config && Z.updateConfig(i.config);
+  const h = T(async (b) => {
     var j;
     try {
-      d(null), a(null), u(null), await J.startRecording(v, {
+      w(null), a(null), u(null), await Z.startRecording(b, {
         onStart: () => {
-          var x;
-          t(!0), (x = i.onStart) == null || x.call(i);
+          var g;
+          t(!0), (g = i.onStart) == null || g.call(i);
         },
         onStop: () => {
-          var x;
-          t(!1), (x = i.onStop) == null || x.call(i);
+          var g;
+          t(!1), (g = i.onStop) == null || g.call(i);
         },
-        onError: (x) => {
+        onError: (g) => {
           var S;
-          const E = x instanceof R ? x : new R(x.message, "RECORDING_ERROR", !0);
-          d(E), t(!1), (S = i.onError) == null || S.call(i, E);
+          const v = g instanceof I ? g : new I(g.message, "RECORDING_ERROR", !0);
+          w(v), t(!1), (S = i.onError) == null || S.call(i, v);
         }
       });
-    } catch (x) {
-      const E = x instanceof R ? x : new R(
-        x instanceof Error ? x.message : String(x),
+    } catch (g) {
+      const v = g instanceof I ? g : new I(
+        g instanceof Error ? g.message : String(g),
         "START_FAILED",
         !1
       );
-      throw d(E), t(!1), (j = i.onError) == null || j.call(i, E), E;
+      throw w(v), t(!1), (j = i.onError) == null || j.call(i, v), v;
     }
-  }, []), m = N(async () => {
-    var v, j;
+  }, []), m = T(async () => {
+    var b, j;
     try {
-      const x = await J.stopRecording();
-      return u(x), t(!1), (v = i.onStop) == null || v.call(i), x;
-    } catch (x) {
-      const E = x instanceof R ? x : new R(
-        x instanceof Error ? x.message : String(x),
+      const g = await Z.stopRecording();
+      return u(g), t(!1), (b = i.onStop) == null || b.call(i), g;
+    } catch (g) {
+      const v = g instanceof I ? g : new I(
+        g instanceof Error ? g.message : String(g),
         "STOP_FAILED",
         !1
       );
-      throw d(E), t(!1), (j = i.onError) == null || j.call(i, E), E;
+      throw w(v), t(!1), (j = i.onError) == null || j.call(i, v), v;
     }
-  }, []), w = N(
-    async (v, j = {}) => {
-      var x, E;
+  }, []), c = T(
+    async (b, j = {}) => {
+      var g, v;
       try {
-        d(null), n(!0);
+        w(null), n(!0);
         const S = {
-          audioBlob: v,
+          audioBlob: b,
           ...j
-        }, y = await J.transcribe(S);
-        return a(y.transcript), n(!1), (x = i.onTranscriptionComplete) == null || x.call(i, y), y;
+        }, N = await Z.transcribe(S);
+        return a(N.transcript), n(!1), (g = i.onTranscriptionComplete) == null || g.call(i, N), N;
       } catch (S) {
-        const y = S instanceof R ? S : new R(
+        const N = S instanceof I ? S : new I(
           S instanceof Error ? S.message : String(S),
           "TRANSCRIPTION_FAILED",
           !0
         );
-        throw d(y), n(!1), (E = i.onError) == null || E.call(i, y), y;
+        throw w(N), n(!1), (v = i.onError) == null || v.call(i, N), N;
       }
     },
     []
-  ), f = N(() => {
-    J.cancelRecording(), t(!1), u(null);
+  ), x = T(() => {
+    Z.cancelRecording(), t(!1), u(null);
   }, []);
   return {
     startRecording: h,
     stopRecording: m,
-    transcribe: w,
-    cancelRecording: f,
+    transcribe: c,
+    cancelRecording: x,
     isRecording: r,
     isTranscribing: s,
     transcript: o,
     error: l,
-    audioBlob: c
+    audioBlob: d
   };
-}, Tt = (i) => {
-  const r = T(null), t = T(!1);
+}, Rt = (i) => {
+  const r = E(null), t = E(!1);
   C(() => {
     const s = () => {
       document.hidden && (t.current = !0, r.current && (clearTimeout(r.current), r.current = null), i({
@@ -1581,7 +1582,7 @@ const J = new kt(), Et = (i = {}) => {
       document.removeEventListener("visibilitychange", s), window.removeEventListener("blur", n), r.current && clearTimeout(r.current);
     };
   }, [i]);
-}, Ct = () => {
+}, At = () => {
   C(() => {
     const i = document.createElement("style");
     return i.textContent = `
@@ -1602,7 +1603,7 @@ const J = new kt(), Et = (i = {}) => {
     };
   }, []);
 };
-class St {
+class Mt {
   constructor(r = {}) {
     F(this, "config");
     F(this, "currentAudio", null);
@@ -1630,7 +1631,7 @@ class St {
       speed: n = this.config.speed
     } = r, o = new URLSearchParams();
     o.append("text", t), o.append("voice", s || "string"), o.append("speed", (n == null ? void 0 : n.toString()) || "1");
-    const a = await xe(
+    const a = await ye(
       `${this.config.baseUrl}/speech/synthesize`,
       {
         method: "POST",
@@ -1660,8 +1661,8 @@ class St {
     if (l && l.includes("audio/"))
       return a.blob();
     try {
-      const d = await a.json();
-      throw new Error(`TTS Error: ${JSON.stringify(d)}`);
+      const w = await a.json();
+      throw new Error(`TTS Error: ${JSON.stringify(w)}`);
     } catch {
       throw new Error("TTS request failed with unknown error");
     }
@@ -1674,25 +1675,25 @@ class St {
     try {
       this.stop(), (s = t == null ? void 0 : t.onStart) == null || s.call(t);
       const o = await this.synthesizeSpeech(r), a = URL.createObjectURL(o);
-      return this.currentAudio = new Audio(a), new Promise((l, d) => {
+      return this.currentAudio = new Audio(a), new Promise((l, w) => {
         if (!this.currentAudio) {
-          d(new Error("Audio element not created"));
+          w(new Error("Audio element not created"));
           return;
         }
-        const c = this.currentAudio;
-        c.onended = () => {
+        const d = this.currentAudio;
+        d.onended = () => {
           var u;
           URL.revokeObjectURL(a), this.currentAudio = null, (u = t == null ? void 0 : t.onEnd) == null || u.call(t), l();
-        }, c.onerror = (u) => {
+        }, d.onerror = (u) => {
           var m;
           URL.revokeObjectURL(a), this.currentAudio = null;
           const h = new Error(`Audio playback failed: ${u}`);
-          (m = t == null ? void 0 : t.onError) == null || m.call(t, h), d(h);
-        }, c.play().catch((u) => {
+          (m = t == null ? void 0 : t.onError) == null || m.call(t, h), w(h);
+        }, d.play().catch((u) => {
           var m;
           URL.revokeObjectURL(a), this.currentAudio = null;
           const h = new Error(`Failed to play audio: ${u.message}`);
-          (m = t == null ? void 0 : t.onError) == null || m.call(t, h), d(h);
+          (m = t == null ? void 0 : t.onError) == null || m.call(t, h), w(h);
         });
       });
     } catch (o) {
@@ -1713,76 +1714,76 @@ class St {
     return this.currentAudio !== null && !this.currentAudio.paused;
   }
 }
-const we = new St(), It = (i = {}) => {
+const me = new Mt(), Dt = (i = {}) => {
   const [r, t] = k(!1), [s, n] = k(!1), [o, a] = k(null);
-  i.config && we.updateConfig(i.config);
-  const l = N(
-    async (c, u = {}) => {
+  i.config && me.updateConfig(i.config);
+  const l = T(
+    async (d, u = {}) => {
       var h;
       try {
         a(null), n(!0);
         const m = {
-          text: c,
+          text: d,
           ...u
         };
-        await we.speak(m, {
+        await me.speak(m, {
           onStart: () => {
-            var w;
-            n(!1), t(!0), (w = i.onStart) == null || w.call(i);
+            var c;
+            n(!1), t(!0), (c = i.onStart) == null || c.call(i);
           },
           onEnd: () => {
-            var w;
-            t(!1), (w = i.onEnd) == null || w.call(i);
+            var c;
+            t(!1), (c = i.onEnd) == null || c.call(i);
           },
-          onError: (w) => {
-            var f;
-            t(!1), n(!1), a(w), (f = i.onError) == null || f.call(i, w);
+          onError: (c) => {
+            var x;
+            t(!1), n(!1), a(c), (x = i.onError) == null || x.call(i, c);
           }
         });
       } catch (m) {
-        const w = m instanceof Error ? m : new Error(String(m));
-        throw a(w), t(!1), n(!1), (h = i.onError) == null || h.call(i, w), w;
+        const c = m instanceof Error ? m : new Error(String(m));
+        throw a(c), t(!1), n(!1), (h = i.onError) == null || h.call(i, c), c;
       }
     },
     [i]
-  ), d = N(() => {
-    we.stop(), t(!1), n(!1);
+  ), w = T(() => {
+    me.stop(), t(!1), n(!1);
   }, []);
   return {
     speak: l,
-    stop: d,
+    stop: w,
     isPlaying: r,
     isLoading: s,
     error: o
   };
-}, Rt = ({
+}, Pt = ({
   onViolation: i,
   onEnd: r,
   maxViolations: t = 5
 }) => {
-  const { addViolation: s } = tt(), n = Ze(), o = et(), a = T(o);
+  const { addViolation: s } = nt(), n = rt(), o = st(), a = E(o);
   C(() => {
     a.current = o;
   }, [o]);
-  const l = N(
-    (c) => {
-      r && r(c, a.current);
+  const l = T(
+    (d) => {
+      r && r(d, a.current);
     },
     [r]
   );
   return {
-    logViolation: N(
-      ({ type: c, severity: u, details: h }) => {
+    logViolation: T(
+      ({ type: d, severity: u, details: h }) => {
         const m = {
-          id: lt(),
-          type: c,
+          id: ut(),
+          type: d,
           severity: u,
           details: h,
           timestamp: Date.now()
         };
         s(m);
-        const w = a.current + 1;
-        i && i(m, w), w >= t && l("excessive_violations");
+        const c = a.current + 1;
+        i && i(m, c), c >= t && l("excessive_violations");
       },
       [s, i, t, l]
     ),
@@ -1790,7 +1791,7 @@ const we = new St(), It = (i = {}) => {
     violationCount: o,
     logList: n
   };
-}, At = () => {
+}, _t = () => {
   C(() => {
     function i() {
       console.clear(), console.log(
@@ -1872,7 +1873,7 @@ const we = new St(), It = (i = {}) => {
       clearInterval(s), document.removeEventListener("keydown", n), document.removeEventListener("contextmenu", o), delete window.showStats, delete window.interviewTips;
     };
   }, []);
-}, pe = (i) => /* @__PURE__ */ e.jsxs(
+}, ve = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1894,10 +1895,10 @@ const we = new St(), It = (i = {}) => {
       /* @__PURE__ */ e.jsx("path", { d: "M8.644 21.42a10 10 0 0 0 7.631-.38" })
     ]
   }
-), Mt = (i, r, t) => Math.max(r, Math.min(t, i)), je = (i) => {
+), Ft = (i, r, t) => Math.max(r, Math.min(t, i)), ke = (i) => {
   const r = Math.max(0, Math.floor(i)), t = Math.floor(r / 60).toString().padStart(2, "0"), s = (r % 60).toString().padStart(2, "0");
   return `${t}:${s}`;
-}, be = ({
+}, je = ({
   total: i,
   remaining: r,
   size: t = 64,
@@ -1905,16 +1906,16 @@ const we = new St(), It = (i = {}) => {
   className: n = "",
   showLabel: o = !0
 }) => {
-  const a = Math.max(1, i || 1), l = Mt(r / a, 0, 1), { radius: d, circumference: c, dashOffset: u, center: h } = X(() => {
-    const f = (t - s) / 2, v = 2 * Math.PI * f, j = v * (1 - l), x = Math.round(s) % 2 === 1, E = t / 2 + (x ? 0.5 : 0);
-    return { radius: f, circumference: v, dashOffset: j, center: E };
-  }, [t, s, l]), m = X(() => l <= 0.25 ? "iw-stroke-red-500" : l <= 0.5 ? "iw-stroke-yellow-500" : "iw-stroke-green-500", [l]), w = l <= 0.25 ? "iw-animate-pulse" : "";
+  const a = Math.max(1, i || 1), l = Ft(r / a, 0, 1), { radius: w, circumference: d, dashOffset: u, center: h } = ee(() => {
+    const x = (t - s) / 2, b = 2 * Math.PI * x, j = b * (1 - l), g = Math.round(s) % 2 === 1, v = t / 2 + (g ? 0.5 : 0);
+    return { radius: x, circumference: b, dashOffset: j, center: v };
+  }, [t, s, l]), m = ee(() => l <= 0.25 ? "iw-stroke-red-500" : l <= 0.5 ? "iw-stroke-yellow-500" : "iw-stroke-green-500", [l]), c = l <= 0.25 ? "iw-animate-pulse" : "";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `iw-relative iw-inline-flex iw-items-center iw-justify-center iw-rounded-full iw-bg-white ${n}`,
       style: { width: t, height: t },
-      "aria-label": `Time remaining ${je(r)}`,
+      "aria-label": `Time remaining ${ke(r)}`,
       role: "timer",
       "aria-live": "polite",
       children: [
@@ -1931,7 +1932,7 @@ const we = new St(), It = (i = {}) => {
                 {
                   cx: h,
                   cy: h,
-                  r: d,
+                  r: w,
                   className: "iw-stroke-gray-200",
                   strokeWidth: s,
                   fill: "none",
@@ -1944,12 +1945,12 @@ const we = new St(), It = (i = {}) => {
                 {
                   cx: h,
                   cy: h,
-                  r: d,
-                  className: `${m} ${w}`,
+                  r: w,
+                  className: `${m} ${c}`,
                   strokeWidth: s,
                   strokeLinecap: "round",
                   fill: "none",
-                  strokeDasharray: c,
+                  strokeDasharray: d,
                   strokeDashoffset: u,
                   shapeRendering: "geometricPrecision",
                   vectorEffect: "non-scaling-stroke",
@@ -1965,13 +1966,13 @@ const we = new St(), It = (i = {}) => {
           "span",
           {
             className: `iw-text-[11px] iw-font-semibold iw-tabular-nums ${l <= 0.25 ? "iw-text-red-600" : l <= 0.5 ? "iw-text-yellow-600" : "iw-text-green-600"}`,
-            children: je(r)
+            children: ke(r)
           }
         ) })
       ]
     }
   );
-}, Dt = ({
+}, Lt = ({
   label: i,
   error: r,
   fullWidth: t = !1,
@@ -1979,7 +1980,7 @@ const we = new St(), It = (i = {}) => {
   id: n,
   ...o
 }) => {
-  const a = n || `textarea-${Math.random().toString(36).substring(2, 9)}`, l = "iw-block iw-rounded-md iw-border iw-border-gray-300 iw-shadow-sm iw-px-4 iw-py-2 iw-text-sm  iw-transition-all", d = r ? "iw-border-red-500 iw-focus:border-red-500 iw-focus:ring-red-500" : "", c = t ? "iw-w-full" : "", u = s.includes("iw-h-full") || t ? "iw-h-full" : "";
+  const a = n || `textarea-${Math.random().toString(36).substring(2, 9)}`, l = "iw-block iw-rounded-md iw-border iw-border-gray-300 iw-shadow-sm iw-px-4 iw-py-2 iw-text-sm  iw-transition-all", w = r ? "iw-border-red-500 iw-focus:border-red-500 iw-focus:ring-red-500" : "", d = t ? "iw-w-full" : "", u = s.includes("iw-h-full") || t ? "iw-h-full" : "";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1997,7 +1998,7 @@ const we = new St(), It = (i = {}) => {
           "textarea",
           {
             id: a,
-            className: `${l} ${d} ${c} ${u} ${s}`,
+            className: `${l} ${w} ${d} ${u} ${s}`,
             "aria-invalid": r ? "true" : "false",
             ...o
           }
@@ -2006,7 +2007,7 @@ const we = new St(), It = (i = {}) => {
       ]
     }
   );
-}, _t = ({
+}, $t = ({
   value: i,
   onChange: r,
   onSubmit: t,
@@ -2022,11 +2023,11 @@ const we = new St(), It = (i = {}) => {
       /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "Your Answer" }),
       /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-center iw-gap-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-1", children: [
-          /* @__PURE__ */ e.jsx(pe, { className: "iw-size-4 iw-text-orange-600" }),
+          /* @__PURE__ */ e.jsx(ve, { className: "iw-size-4 iw-text-orange-600" }),
           /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to edit: " })
         ] }),
         /* @__PURE__ */ e.jsx(
-          be,
+          je,
           {
             total: o,
             remaining: n.currentPhaseTimeRemaining,
@@ -2038,7 +2039,7 @@ const we = new St(), It = (i = {}) => {
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: " iw-overflow-hidden  iw-flex iw-flex-col iw-h-full iw-mt-2", children: [
       /* @__PURE__ */ e.jsx(
-        Dt,
+        Lt,
         {
           value: i,
           onChange: r,
@@ -2055,9 +2056,9 @@ const we = new St(), It = (i = {}) => {
       /* @__PURE__ */ e.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1 iw-mt-4", children: /* @__PURE__ */ e.jsx(V, { onClick: t, disabled: s, children: "Submit Answer" }) })
     ] })
   ] });
-}, Pt = ({ className: i = "" }) => {
+}, Ot = ({ className: i = "" }) => {
   var n;
-  const { authToken: r } = Me(), t = r ? ct(r) : null, s = T(null);
+  const { authToken: r } = Pe(), t = r ? ht(r) : null, s = E(null);
   return C(() => {
     let o = null;
     return (async () => {
@@ -2092,16 +2093,16 @@ const we = new St(), It = (i = {}) => {
     ] }),
     ((n = t == null ? void 0 : t.data) == null ? void 0 : n.user_name) && /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-bottom-4 iw-right-4 iw-inline-flex iw-items-center iw-gap-2 iw-rounded-lg iw-border iw-border-white/10 iw-bg-black/40 iw-px-4 iw-py-2 iw-backdrop-blur-md", children: /* @__PURE__ */ e.jsx("span", { className: "iw-font-medium iw-text-white", children: t.data.user_name }) })
   ] });
-}, Ft = ({
+}, Ut = ({
   question: i,
   isLoading: r = !1
 }) => {
-  const { baseColor: t } = Z();
+  const { baseColor: t } = te();
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: "iw-rounded-xl iw-mb-4 message-animation  iw-text-gray-800 iw-p-6 ",
-      style: at(t, 0.85),
+      style: dt(t, 0.85),
       children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-8", children: [
         /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-flex-col iw-items-center iw-relative iw-h-32 iw-w-32 iw-shrink-0 iw-shadow iw-rounded-lg iw-bg-white", children: /* @__PURE__ */ e.jsx("div", { className: "iw-mt-2", children: /* @__PURE__ */ e.jsx(
           "img",
@@ -2118,7 +2119,7 @@ const we = new St(), It = (i = {}) => {
       ] })
     }
   );
-}, Ne = ({
+}, Ee = ({
   currentQuestion: i,
   phase: r,
   className: t = "",
@@ -2129,19 +2130,19 @@ const we = new St(), It = (i = {}) => {
     className: `iw-p-4 iw-space-y-4 iw-pb-6 ${t}  iw-min-h-[calc(100vh_-_3.8rem)] iw-flex iw-flex-col iw-justify-between`,
     children: [
       /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-items-start iw-justify-between iw-gap-3", children: /* @__PURE__ */ e.jsx("div", { className: "iw-flex-1", children: /* @__PURE__ */ e.jsx(
-        Ft,
+        Ut,
         {
           question: i,
-          isLoading: r === _.FETCHING_QUESTION || r === _.IDLE
+          isLoading: r === D.FETCHING_QUESTION || r === D.IDLE
         }
       ) }) }),
       /* @__PURE__ */ e.jsxs("div", { className: "iw iw-bg-[#F6F6F6] iw-grid iw-grid-cols-2 iw-rounded-[14px] iw-p-6", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "iw-min-h-[400px] iw-max-h-[600px]", children: /* @__PURE__ */ e.jsx(Pt, {}) }),
+        /* @__PURE__ */ e.jsx("div", { className: "iw-min-h-[400px] iw-max-h-[600px]", children: /* @__PURE__ */ e.jsx(Ot, {}) }),
         /* @__PURE__ */ e.jsx("div", { className: "iw-bg-white iw-rounded-r-xl iw-shadow iw-p-6", children: s })
       ] })
     ]
   }
-), Oe = ({
+), qe = ({
   isOpen: i,
   onClose: r,
   children: t,
@@ -2160,14 +2161,14 @@ const we = new St(), It = (i = {}) => {
   }, [i, a, r]), C(() => (i ? (document.body.style.overflow = "hidden", document.body.classList.add("interview-widget-container")) : (document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container")), () => {
     document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container");
   }), [i]), !i) return null;
-  const d = (u) => {
+  const w = (u) => {
     o && u.target === u.currentTarget && r();
-  }, c = /* @__PURE__ */ e.jsxs("div", { className: "iw-fixed iw-inset-0 iw-z-50 iw-flex iw-items-center iw-justify-center", children: [
+  }, d = /* @__PURE__ */ e.jsxs("div", { className: "iw-fixed iw-inset-0 iw-z-50 iw-flex iw-items-center iw-justify-center", children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
         className: "iw-fixed iw-inset-0 iw-bg-black iw-bg-opacity-50 iw-transition-opacity",
-        onClick: d
+        onClick: w
       }
     ),
     /* @__PURE__ */ e.jsxs(
@@ -2219,13 +2220,13 @@ const we = new St(), It = (i = {}) => {
       }
     )
   ] });
-  return Be(c, document.body);
-}, Lt = ({
+  return ze(d, document.body);
+}, qt = ({
   confirmExitInterview: i,
   isOpen: r,
   onClose: t
 }) => /* @__PURE__ */ e.jsx(
-  Oe,
+  qe,
   {
     isOpen: r,
     onClose: t,
@@ -2263,8 +2264,8 @@ const we = new St(), It = (i = {}) => {
       ] })
     ] })
   }
-), ke = ({ title: i, onExit: r }) => {
-  const { baseColor: t } = Z(), [s, n] = k(!1);
+), Te = ({ title: i, onExit: r }) => {
+  const { baseColor: t } = te(), [s, n] = k(!1);
   return /* @__PURE__ */ e.jsxs("header", { className: "iw-w-full iw-text-gray-900", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "iw-mx-auto iw-flex iw-items-center iw-justify-between iw-px-4 iw-pb-4 iw-pt-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-space-x-2", children: [
@@ -2293,7 +2294,7 @@ const we = new St(), It = (i = {}) => {
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "iw-h-px iw-bg-gray-200" }),
     /* @__PURE__ */ e.jsx(
-      Lt,
+      qt,
       {
         isOpen: s,
         confirmExitInterview: () => {
@@ -2303,7 +2304,7 @@ const we = new St(), It = (i = {}) => {
       }
     )
   ] });
-}, $t = ({
+}, Bt = ({
   className: i = "",
   width: r,
   height: t = 56,
@@ -2312,80 +2313,80 @@ const we = new St(), It = (i = {}) => {
   fftSize: o = 1024,
   smoothingTimeConstant: a = 0.8,
   mediaStream: l,
-  startOnMount: d = !0
+  startOnMount: w = !0
 }) => {
-  const { baseColor: c } = Z(), u = T(null), h = T(null), m = T(null), w = T(null), f = T(null), v = T(null), j = T(!1), [x, E] = k(null);
+  const { baseColor: d } = te(), u = E(null), h = E(null), m = E(null), c = E(null), x = E(null), b = E(null), j = E(!1), [g, v] = k(null);
   C(() => {
     if (r || !h.current) return;
-    const y = h.current, P = () => {
-      const D = u.current;
-      if (!D) return;
-      const A = y.clientWidth, g = t;
-      D.width = Math.max(1, Math.floor(A * window.devicePixelRatio || 1)), D.height = Math.max(1, Math.floor(g * window.devicePixelRatio || 1));
-    }, b = new ResizeObserver(P);
-    return b.observe(y), P(), () => b.disconnect();
+    const N = h.current, P = () => {
+      const R = u.current;
+      if (!R) return;
+      const A = N.clientWidth, f = t;
+      R.width = Math.max(1, Math.floor(A * window.devicePixelRatio || 1)), R.height = Math.max(1, Math.floor(f * window.devicePixelRatio || 1));
+    }, y = new ResizeObserver(P);
+    return y.observe(N), P(), () => y.disconnect();
   }, [r, t]), C(() => {
     if (!r) return;
-    const y = u.current;
-    y && (y.width = Math.max(
+    const N = u.current;
+    N && (N.width = Math.max(
       1,
       Math.floor(r * (window.devicePixelRatio || 1))
-    ), y.height = Math.max(
+    ), N.height = Math.max(
       1,
       Math.floor(t * (window.devicePixelRatio || 1))
     ));
   }, [r, t]), C(() => {
-    let y = !1;
+    let N = !1;
     return (async () => {
       try {
-        const b = new (window.AudioContext || window.webkitAudioContext)();
-        m.current = b;
-        let D = l;
-        if (!D) {
-          if (!d) return;
-          D = await navigator.mediaDevices.getUserMedia({
+        const y = new (window.AudioContext || window.webkitAudioContext)();
+        m.current = y;
+        let R = l;
+        if (!R) {
+          if (!w) return;
+          R = await navigator.mediaDevices.getUserMedia({
             audio: !0,
             video: !1
           }), j.current = !0;
         }
-        if (y) return;
-        const A = b.createAnalyser();
-        A.fftSize = o, A.smoothingTimeConstant = a, w.current = A;
-        const g = b.createMediaStreamSource(D);
-        f.current = g, g.connect(A), S();
-      } catch (b) {
-        E((b == null ? void 0 : b.message) || "Failed to initialize microphone");
+        if (N) return;
+        const A = y.createAnalyser();
+        A.fftSize = o, A.smoothingTimeConstant = a, c.current = A;
+        const f = y.createMediaStreamSource(R);
+        x.current = f, f.connect(A), S();
+      } catch (y) {
+        v((y == null ? void 0 : y.message) || "Failed to initialize microphone");
       }
     })(), () => {
-      var b, D, A, g;
-      y = !0, v.current && cancelAnimationFrame(v.current);
+      var y, R, A, f;
+      N = !0, b.current && cancelAnimationFrame(b.current);
       try {
-        (b = f.current) == null || b.disconnect();
+        (y = x.current) == null || y.disconnect();
       } catch {
       }
       try {
-        (D = w.current) == null || D.disconnect();
+        (R = c.current) == null || R.disconnect();
       } catch {
       }
-      j.current && ((g = ((A = f.current) == null ? void 0 : A.mediaStream) || void 0) == null || g.getTracks().forEach((I) => I.stop())), m.current && m.current.state !== "closed" && m.current.close();
+      j.current && ((f = ((A = x.current) == null ? void 0 : A.mediaStream) || void 0) == null || f.getTracks().forEach((M) => M.stop())), m.current && m.current.state !== "closed" && m.current.close();
     };
-  }, [l, o, a, d]);
+  }, [l, o, a, w]);
   const S = () => {
-    const y = u.current, P = w.current;
-    if (!y || !P) return;
-    const b = y.getContext("2d");
-    if (!b) return;
-    const D = window.devicePixelRatio || 1, A = y.width, g = y.height, I = P.frequencyBinCount, L = new Uint8Array(I), B = () => {
-      v.current = requestAnimationFrame(B), P.getByteTimeDomainData(L), b.clearRect(0, 0, A, g), b.fillStyle = "rgba(0,0,0,0)", b.fillRect(0, 0, A, g);
-      const q = Math.max(1, Math.floor(s * D)), z = Math.max(1, Math.floor(n * D)), H = q + z, O = Math.max(8, Math.floor((A + z) / H)), G = Math.floor(L.length / O);
-      for (let M = 0; M < O; M++) {
-        const Y = Math.min(L.length - 1, M * G), oe = L[Y] / 128 - 1, W = Math.abs(oe), le = Math.pow(W, 0.6), Q = Math.max(g * 0.06, le * (g * 0.9)), ce = M * H, de = (g - Q) / 2, K = 140 - Math.min(140, 140 * W), ee = 85, p = 48 + Math.floor(12 * (1 - W));
-        b.fillStyle = `${c}`, b.shadowColor = `hsla(${K}, ${ee}%, ${p}%, ${0.25 * W})`, b.shadowBlur = 8 * W;
-        const U = Math.min(q / 2, Q / 2);
-        Ot(b, ce, de, q, Q, U), b.fill();
+    const N = u.current, P = c.current;
+    if (!N || !P) return;
+    const y = N.getContext("2d");
+    if (!y) return;
+    const R = window.devicePixelRatio || 1, A = N.width, f = N.height, M = P.frequencyBinCount, L = new Uint8Array(M), O = () => {
+      b.current = requestAnimationFrame(O), P.getByteTimeDomainData(L), y.clearRect(0, 0, A, f), y.fillStyle = "rgba(0,0,0,0)", y.fillRect(0, 0, A, f);
+      const q = Math.max(1, Math.floor(s * R)), z = Math.max(1, Math.floor(n * R)), H = q + z, Y = Math.max(8, Math.floor((A + z) / H)), B = Math.floor(L.length / Y);
+      for (let U = 0; U < Y; U++) {
+        const _ = Math.min(L.length - 1, U * B), Q = L[_] / 128 - 1, W = Math.abs(Q), ce = Math.pow(W, 0.6), K = Math.max(f * 0.06, ce * (f * 0.9)), de = U * H, we = (f - K) / 2, ue = 140 - Math.min(140, 140 * W), J = 85, ie = 48 + Math.floor(12 * (1 - W));
+        y.fillStyle = `${d}`, y.shadowColor = `hsla(${ue}, ${J}%, ${ie}%, ${0.25 * W})`, y.shadowBlur = 8 * W;
+        const p = Math.min(q / 2, K / 2);
+        Wt(y, de, we, q, K, p), y.fill();
       }
     };
-    B();
+    O();
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -2395,16 +2396,16 @@ const we = new St(), It = (i = {}) => {
       style: { height: t },
       children: [
         /* @__PURE__ */ e.jsx("canvas", { ref: u, className: "iw-w-full iw-h-full" }),
-        x && /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-inset-0 iw-flex iw-items-center iw-justify-center", children: /* @__PURE__ */ e.jsx("span", { className: "iw-text-xs iw-text-red-600 iw-bg-red-50 iw-border iw-border-red-200 iw-px-2 iw-py-1 iw-rounded", children: x }) })
+        g && /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-inset-0 iw-flex iw-items-center iw-justify-center", children: /* @__PURE__ */ e.jsx("span", { className: "iw-text-xs iw-text-red-600 iw-bg-red-50 iw-border iw-border-red-200 iw-px-2 iw-py-1 iw-rounded", children: g }) })
       ]
     }
   );
 };
-function Ot(i, r, t, s, n, o) {
+function Wt(i, r, t, s, n, o) {
   const a = Math.min(o, s / 2, n / 2);
   i.beginPath(), i.moveTo(r + a, t), i.lineTo(r + s - a, t), i.quadraticCurveTo(r + s, t, r + s, t + a), i.lineTo(r + s, t + n - a), i.quadraticCurveTo(r + s, t + n, r + s - a, t + n), i.lineTo(r + a, t + n), i.quadraticCurveTo(r, t + n, r, t + n - a), i.lineTo(r, t + a), i.quadraticCurveTo(r, t, r + a, t), i.closePath();
 }
-const Ut = ({
+const Gt = ({
   state: i,
   answeringTime: r,
   nextPhase: t,
@@ -2415,11 +2416,11 @@ const Ut = ({
       /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "You may start speaking now. We're listening...." }),
       /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-center iw-gap-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-1", children: [
-          /* @__PURE__ */ e.jsx(pe, { className: "iw-size-4 iw-text-orange-600" }),
+          /* @__PURE__ */ e.jsx(ve, { className: "iw-size-4 iw-text-orange-600" }),
           /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to talk: " })
         ] }),
         /* @__PURE__ */ e.jsx(
-          be,
+          je,
           {
             total: r,
             remaining: i.currentPhaseTimeRemaining,
@@ -2432,7 +2433,7 @@ const Ut = ({
     /* @__PURE__ */ e.jsx("p", { className: "iw-max-w-lg iw-text-gray-500 iw-text-xs iw-leading-[21px]", children: "Done talking? Click the button to review your answer." })
   ] }),
   /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsx($t, {}),
+    /* @__PURE__ */ e.jsx(Bt, {}),
     s && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
       "Recording error: ",
       s.message
@@ -2448,8 +2449,8 @@ const Ut = ({
     }
   ) })
 ] });
-function qt() {
-  const [i, r] = k(!0), t = X(
+function Vt() {
+  const [i, r] = k(!0), t = ee(
     () => [0, 1, 2].map((s) => ({ id: s })),
     []
   );
@@ -2460,7 +2461,7 @@ function qt() {
     return () => clearInterval(s);
   }, []), /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-gap-8 iw-h-full", children: [
     /* @__PURE__ */ e.jsx("div", { className: "iw-relative iw-w-80 iw-h-48 ", "aria-hidden": !0, children: t.map((s, n) => {
-      const o = n * 50, a = i ? o : o + 12, l = i ? 1 : 0.08, d = n * 140;
+      const o = n * 50, a = i ? o : o + 12, l = i ? 1 : 0.08, w = n * 140;
       return /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -2470,7 +2471,7 @@ function qt() {
             top: 0,
             transform: `translateY(${a}px)`,
             opacity: l,
-            transition: `transform 600ms cubic-bezier(.2,.9,.3,1) ${d}ms, opacity 400ms ease ${d}ms`
+            transition: `transform 600ms cubic-bezier(.2,.9,.3,1) ${w}ms, opacity 400ms ease ${w}ms`
           },
           children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-gap-3 iw-items-center", children: [
             /* @__PURE__ */ e.jsx("div", { className: "iw-w-10 iw-h-10 iw-bg-gray-300 iw-rounded iw-flex-shrink-0" }),
@@ -2486,7 +2487,7 @@ function qt() {
     /* @__PURE__ */ e.jsx("div", { className: "iw-text-center", children: /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-500  iw-font-medium", children: "Preparing your question..." }) })
   ] });
 }
-const Bt = ({
+const zt = ({
   size: i = "192px",
   className: r,
   colors: t,
@@ -2500,7 +2501,7 @@ const Bt = ({
     // Pastel blue
     c3: "oklch(78% 0.14 280)"
     // Pastel purple/lavender
-  }, ...t }, a = parseInt(i.replace("px", ""), 10), l = a < 50 ? Math.max(a * 8e-3, 1) : Math.max(a * 0.015, 4), d = a < 50 ? Math.max(a * 4e-3, 1.2) : Math.max(a * 8e-3, 1.5), c = a < 50 ? Math.max(a * 4e-3, 0.05) : Math.max(a * 8e-3, 0.1), u = a < 50 ? Math.max(a * 4e-3, 0.5) : Math.max(a * 8e-3, 2), h = a < 30 ? "0%" : a < 50 ? "5%" : a < 100 ? "15%" : "25%", m = a < 30 ? 1.1 : a < 50 ? Math.max(d * 1.2, 1.3) : d;
+  }, ...t }, a = parseInt(i.replace("px", ""), 10), l = a < 50 ? Math.max(a * 8e-3, 1) : Math.max(a * 0.015, 4), w = a < 50 ? Math.max(a * 4e-3, 1.2) : Math.max(a * 8e-3, 1.5), d = a < 50 ? Math.max(a * 4e-3, 0.05) : Math.max(a * 8e-3, 0.1), u = a < 50 ? Math.max(a * 4e-3, 0.5) : Math.max(a * 8e-3, 2), h = a < 30 ? "0%" : a < 50 ? "5%" : a < 100 ? "15%" : "25%", m = a < 30 ? 1.1 : a < 50 ? Math.max(w * 1.2, 1.3) : w;
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -2515,7 +2516,7 @@ const Bt = ({
         "--animation-duration": `${s}s`,
         "--blur-amount": `${l}px`,
         "--contrast-amount": m,
-        "--dot-size": `${c}px`,
+        "--dot-size": `${d}px`,
         "--shadow-spread": `${u}px`,
         "--mask-radius": h
       },
@@ -2628,9 +2629,9 @@ const Bt = ({
     }
   );
 };
-function Wt({ ttsError: i }) {
+function Ht({ ttsError: i }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-gap-8 iw-w-full iw-h-full", children: [
-    /* @__PURE__ */ e.jsx(Bt, { size: "80px" }),
+    /* @__PURE__ */ e.jsx(zt, { size: "80px" }),
     i && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
       "Audio playback failed: ",
       i.message
@@ -2638,18 +2639,18 @@ function Wt({ ttsError: i }) {
     /* @__PURE__ */ e.jsx("p", { className: "iw-text- iw-text-gray-700", children: "Your AI interviewer is speaking..." })
   ] });
 }
-const Gt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-gap-6 iw-items-center iw-justify-center iw-text-center iw-h-full ", children: [
+const Yt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-gap-6 iw-items-center iw-justify-center iw-text-center iw-h-full ", children: [
   /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "Get Ready to Answer" }),
     /* @__PURE__ */ e.jsx("p", { className: "iw-max-w-lg iw-text-gray-500 iw-text-xs iw-leading-[21px]", children: "After 30-seconds thinking time, recording will start automatically, or you can begin recording early by clicking the button below." })
   ] }),
   /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-center iw-gap-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-1", children: [
-      /* @__PURE__ */ e.jsx(pe, { className: "iw-size-4 iw-text-orange-600" }),
+      /* @__PURE__ */ e.jsx(ve, { className: "iw-size-4 iw-text-orange-600" }),
       /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to think: " })
     ] }),
     /* @__PURE__ */ e.jsx(
-      be,
+      je,
       {
         total: r,
         remaining: i.currentPhaseTimeRemaining,
@@ -2667,7 +2668,7 @@ const Gt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
       children: "Start Answering"
     }
   ) })
-] }), Vt = ({ sttError: i }) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-h-full", children: [
+] }), Qt = ({ sttError: i }) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-h-full", children: [
   /* @__PURE__ */ e.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 60 60", fill: "none", children: [
     /* @__PURE__ */ e.jsx(
       "rect",
@@ -2708,7 +2709,7 @@ const Gt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
     i.message,
     i.recoverable && " (attempting to continue)"
   ] })
-] }), ie = (i) => /* @__PURE__ */ e.jsxs(
+] }), se = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2727,7 +2728,7 @@ const Gt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("path", { d: "M12 17h.01" })
     ]
   }
-), zt = (i) => /* @__PURE__ */ e.jsxs(
+), Kt = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2745,7 +2746,7 @@ const Gt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" })
     ]
   }
-), Ht = (i) => /* @__PURE__ */ e.jsxs(
+), Jt = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2763,7 +2764,7 @@ const Gt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" })
     ]
   }
-), Yt = (i) => /* @__PURE__ */ e.jsxs(
+), Xt = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2784,7 +2785,7 @@ const Gt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
     ]
   }
-), ue = (i) => /* @__PURE__ */ e.jsxs(
+), ge = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2805,7 +2806,7 @@ const Gt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
     ]
   }
-), Qt = (i) => /* @__PURE__ */ e.jsxs(
+), Zt = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2826,21 +2827,21 @@ const Gt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
     ]
   }
-), te = 5;
-function Kt({
+), re = 5;
+function ei({
   isOpen: i,
   onClose: r,
   warningCount: t,
   violationType: s,
   onDisqualify: n
 }) {
-  const [o, a] = k(10), l = T(r);
+  const [o, a] = k(10), l = E(r);
   if (C(() => {
     l.current = r;
   }, [r]), C(() => {
     if (!i) return;
     const m = setInterval(() => {
-      a((w) => w <= 1 ? (l.current(), 10) : w - 1);
+      a((c) => c <= 1 ? (l.current(), 10) : c - 1);
     }, 1e3);
     return () => clearInterval(m);
   }, [i]), C(() => {
@@ -2848,80 +2849,80 @@ function Kt({
   }, [i]), C(() => (i ? (document.body.style.overflow = "hidden", document.body.classList.add("interview-widget-container")) : (document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container")), () => {
     document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container");
   }), [i]), !i) return null;
-  const c = (() => {
+  const d = (() => {
     switch (s) {
       case "tab_switch":
         return {
           title: "Tab Switch Detected",
           description: "You attempted to switch to another tab or reload application.",
-          icon: /* @__PURE__ */ e.jsx(Ht, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(Jt, { className: "iw-h-5 iw-w-5" })
         };
       case "fullscreen_exit":
         return {
           title: "Full Screen Exit Detected",
           description: "You attempted to exit full screen mode.",
-          icon: /* @__PURE__ */ e.jsx($e, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(Ue, { className: "iw-h-5 iw-w-5" })
         };
       case "focus_loss":
         return {
           title: "Focus Loss Detected",
           description: "You lost focus from the interview window.",
-          icon: /* @__PURE__ */ e.jsx(Yt, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(Xt, { className: "iw-h-5 iw-w-5" })
         };
       case "blocked_shortcut":
         return {
           title: "Keyboard Shortcut Blocked",
           description: "You attempted to use a blocked keyboard shortcut.",
-          icon: /* @__PURE__ */ e.jsx(ue, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(ge, { className: "iw-h-5 iw-w-5" })
         };
       case "right_click_attempt":
         return {
           title: "Right Click Attempted",
           description: "You attempted to use the right click.",
-          icon: /* @__PURE__ */ e.jsx(Qt, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(Zt, { className: "iw-h-5 iw-w-5" })
         };
       case "alt_tab_attempt":
         return {
           title: "Alt + Tab Attempted",
           description: "You attempted to use the Alt + Tab shortcut.",
-          icon: /* @__PURE__ */ e.jsx(ue, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(ge, { className: "iw-h-5 iw-w-5" })
         };
       case "blocked_function_key":
         return {
           title: "Function Key Blocked",
           description: "You attempted to use a blocked function key.",
-          icon: /* @__PURE__ */ e.jsx(ue, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(ge, { className: "iw-h-5 iw-w-5" })
         };
       default:
         return {
           title: "Violation Detected",
           description: "You attempted to perform an action that is not allowed.",
-          icon: /* @__PURE__ */ e.jsx(ie, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(se, { className: "iw-h-5 iw-w-5" })
         };
     }
-  })(), u = te - t, h = () => {
-    t + 1 > te ? n() : r();
+  })(), u = re - t, h = () => {
+    t + 1 > re ? n() : r();
   };
   return /* @__PURE__ */ e.jsx("div", { className: "iw-fixed iw-inset-0 iw-z-50 iw-flex iw-items-center iw-justify-center iw-bg-black/60 iw-p-4 iw-backdrop-blur-sm", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-w-full iw-max-w-md iw-rounded-2xl iw-border iw-border-gray-100 iw-bg-white iw-shadow-xl", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "iw-p-6 iw-pb-0", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "iw-mb-6 iw-flex iw-items-start iw-gap-4", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-12 iw-w-12 iw-flex-shrink-0 iw-items-center iw-justify-center iw-rounded-2xl iw-bg-red-50", children: /* @__PURE__ */ e.jsx(ie, { className: "iw-h-6 iw-w-6 iw-text-red-500" }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-12 iw-w-12 iw-flex-shrink-0 iw-items-center iw-justify-center iw-rounded-2xl iw-bg-red-50", children: /* @__PURE__ */ e.jsx(se, { className: "iw-h-6 iw-w-6 iw-text-red-500" }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "iw-flex-1", children: [
           /* @__PURE__ */ e.jsx("h2", { className: "iw-mb-1 iw-text-xl iw-font-semibold iw-text-gray-900", children: "Security Violation" }),
           /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-2", children: [
             /* @__PURE__ */ e.jsx("span", { className: "iw-text-sm iw-text-gray-500", children: "Warning" }),
-            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-gap-1", children: Array.from({ length: te }).map((m, w) => /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-gap-1", children: Array.from({ length: re }).map((m, c) => /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: `iw-h-2 iw-w-2 iw-rounded-full ${w <= t - 1 ? "iw-bg-red-500" : "iw-bg-gray-200"}`
+                className: `iw-h-2 iw-w-2 iw-rounded-full ${c <= t - 1 ? "iw-bg-red-500" : "iw-bg-gray-200"}`
               },
-              w
+              c
             )) }),
             /* @__PURE__ */ e.jsxs("span", { className: "iw-text-sm iw-text-gray-500", children: [
               "(",
               t,
               "/",
-              te,
+              re,
               ")"
             ] })
           ] })
@@ -2936,12 +2937,12 @@ function Kt({
             borderColor: "rgb(254, 226, 226)"
           },
           children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-start iw-gap-4", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-10 iw-w-10 iw-items-center iw-justify-center iw-rounded-xl iw-bg-white iw-shadow-sm", children: c.icon }),
+            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-10 iw-w-10 iw-items-center iw-justify-center iw-rounded-xl iw-bg-white iw-shadow-sm", children: d.icon }),
             /* @__PURE__ */ e.jsxs("div", { className: "iw-flex-1", children: [
-              /* @__PURE__ */ e.jsx("h3", { className: "iw-mb-2 iw-font-semibold iw-text-gray-900", children: c.title }),
-              /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-leading-relaxed iw-text-gray-700", children: c.description }),
+              /* @__PURE__ */ e.jsx("h3", { className: "iw-mb-2 iw-font-semibold iw-text-gray-900", children: d.title }),
+              /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-leading-relaxed iw-text-gray-700", children: d.description }),
               /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-3 iw-flex iw-items-center iw-gap-2 iw-text-xs iw-text-red-600", children: [
-                /* @__PURE__ */ e.jsx(Le, { className: "iw-h-3 iw-w-3" }),
+                /* @__PURE__ */ e.jsx(Oe, { className: "iw-h-3 iw-w-3" }),
                 /* @__PURE__ */ e.jsx("span", { children: "This action is monitored for interview integrity" })
               ] })
             ] })
@@ -2955,7 +2956,7 @@ function Kt({
         ] }) }),
         /* @__PURE__ */ e.jsx("div", { className: "iw-border-primary-100 iw-bg-primary-50 iw-rounded-xl iw-border iw-p-4", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-text-center", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "iw-mb-1 iw-flex iw-items-center iw-justify-center iw-gap-1.5", children: [
-            /* @__PURE__ */ e.jsx(zt, { className: "iw-text-primary-600 iw-h-4 iw-w-4" }),
+            /* @__PURE__ */ e.jsx(Kt, { className: "iw-text-primary-600 iw-h-4 iw-w-4" }),
             /* @__PURE__ */ e.jsx("span", { className: "iw-text-primary-600 iw-text-2xl iw-font-bold", children: o })
           ] }),
           /* @__PURE__ */ e.jsx("div", { className: "iw-text-primary-700 iw-text-xs iw-font-medium", children: "Auto Close" })
@@ -2969,7 +2970,7 @@ function Kt({
             background: "linear-gradient(to right, rgba(220, 38, 38, 0.9), rgba(239, 68, 68, 0.9))"
           },
           children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-3", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-8 iw-w-8 iw-items-center iw-justify-center iw-rounded-full iw-bg-white/20", children: /* @__PURE__ */ e.jsx(ie, { className: "iw-h-4 iw-w-4" }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-8 iw-w-8 iw-items-center iw-justify-center iw-rounded-full iw-bg-white/20", children: /* @__PURE__ */ e.jsx(se, { className: "iw-h-4 iw-w-4" }) }),
             /* @__PURE__ */ e.jsxs("div", { children: [
               /* @__PURE__ */ e.jsx("div", { className: "iw-text-sm iw-font-semibold", children: "Final Warning" }),
               /* @__PURE__ */ e.jsx("div", { className: "iw-text-xs iw-text-red-100", children: "Next violation will disqualify you from this interview" })
@@ -2991,7 +2992,7 @@ function Kt({
     ] })
   ] }) });
 }
-const Jt = (i) => /* @__PURE__ */ e.jsxs(
+const ti = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3009,7 +3010,7 @@ const Jt = (i) => /* @__PURE__ */ e.jsxs(
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" })
     ]
   }
-), Xt = ({
+), ii = ({
   showHardReloadWarning: i,
   onContinue: r
 }) => {
@@ -3017,7 +3018,7 @@ const Jt = (i) => /* @__PURE__ */ e.jsxs(
     r();
   };
   return /* @__PURE__ */ e.jsxs(
-    Oe,
+    qe,
     {
       isOpen: i,
       onClose: t,
@@ -3028,7 +3029,7 @@ const Jt = (i) => /* @__PURE__ */ e.jsxs(
       children: [
         /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-inset-x-0 iw-top-0 iw-h-1 iw-bg-gradient-to-r iw-from-red-500 iw-to-red-600" }),
         /* @__PURE__ */ e.jsx("div", { className: "iw-space-y-1 iw-pb-2 iw-pt-3", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-2", children: [
-          /* @__PURE__ */ e.jsx(ie, { className: "iw-w-5 iw-h-5 iw-text-red-500" }),
+          /* @__PURE__ */ e.jsx(se, { className: "iw-w-5 iw-h-5 iw-text-red-500" }),
           /* @__PURE__ */ e.jsx("h3", { className: "iw-text-xl iw-font-semibold iw-text-red-500", children: "Full Screen Exit Detected" })
         ] }) }),
         /* @__PURE__ */ e.jsx("div", { className: "iw-pt-4 iw-pb-6", children: /* @__PURE__ */ e.jsx("p", { className: "iw-text-center iw-text-sm iw-leading-relaxed iw-text-gray-500/90", children: "Exiting full screen mode or reloading this page during the session is strictly prohibited. Any attempt to do so will be recorded and may lead to penalties." }) }),
@@ -3038,7 +3039,7 @@ const Jt = (i) => /* @__PURE__ */ e.jsxs(
             onClick: t,
             className: "iw-w-full iw-flex iw-items-center iw-justify-center iw-gap-2 iw-px-4 iw-py-3 iw-bg-gray-100 iw-text-gray-600 iw-rounded-md iw-font-medium iw-transition-colors hover:iw-bg-gray-200 focus:iw-outline-none focus:iw-ring-2 focus:iw-ring-gray-400 focus:iw-ring-offset-2",
             children: [
-              /* @__PURE__ */ e.jsx(Jt, { className: "iw-size-4" }),
+              /* @__PURE__ */ e.jsx(ti, { className: "iw-size-4" }),
               "Continue Session"
             ]
           }
@@ -3046,131 +3047,146 @@ const Jt = (i) => /* @__PURE__ */ e.jsxs(
       ]
     }
   );
-}, Zt = ({ children: i, onDisqualify: r }) => {
-  const [t, s] = k(!1), [n, o] = k(!1), [a, l] = k("fullscreen_exit"), { logViolation: d, violationCount: c } = Rt({
-    maxViolations: 5,
-    onViolation: (f) => {
-      n || (s(!0), l(f.type));
-    }
-  }), { enterFullScreen: u, isFullScreen: h, exitFullScreen: m } = pt({
-    onFullScreenChange(f) {
-      !f && !n && (s(!0), d({
-        type: "fullscreen_exit",
-        severity: "high",
-        details: {
-          action: "fullscreen_exit",
-          reason: "Attempted to exit full screen mode"
-        }
-      }));
-    }
-  });
-  C(() => {
-    u();
-  }, []), Tt(d), Nt(d), Ct(), At();
-  const w = () => {
-    o(!0), m(), s(!1), r == null || r();
-  };
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { className: "iw-relative iw-h-full iw-w-full", children: i }),
-    /* @__PURE__ */ e.jsx(
-      Kt,
-      {
-        warningCount: c,
-        isOpen: t,
-        violationType: a,
-        onClose: () => {
-          s(!1), u();
-        },
-        onDisqualify: w
+}, ri = Ge(
+  ({ children: i, onDisqualify: r }, t) => {
+    const [s, n] = k(!1), [o, a] = k(!1), [l, w] = k(!1), [d, u] = k("fullscreen_exit"), { logViolation: h, violationCount: m } = Pt({
+      maxViolations: 5,
+      onViolation: (g) => {
+        o || (n(!0), u(g.type));
       }
-    ),
-    !t && c > 0 && !n && /* @__PURE__ */ e.jsx(
-      Xt,
-      {
-        showHardReloadWarning: !h,
-        logViolation: d,
-        onContinue: u
+    }), { enterFullScreen: c, isFullScreen: x, exitFullScreen: b } = jt({
+      onFullScreenChange(g) {
+        !g && !o && !l && (n(!0), h({
+          type: "fullscreen_exit",
+          severity: "high",
+          details: {
+            action: "fullscreen_exit",
+            reason: "Attempted to exit full screen mode"
+          }
+        })), g && w(!1);
       }
-    )
-  ] });
-}, ei = ({
+    });
+    C(() => {
+      c();
+    }, []), Ve(
+      t,
+      () => ({
+        exitFullScreenIntentionally: async () => {
+          w(!0), n(!1), a(!1);
+          try {
+            document.fullscreenElement && await document.exitFullscreen();
+          } catch (g) {
+            console.error("Failed to exit fullscreen:", g);
+          }
+        }
+      }),
+      []
+    ), Rt(h), Ct(h), At(), _t();
+    const j = () => {
+      a(!0), b(), n(!1), r == null || r();
+    };
+    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx("div", { className: "iw-relative iw-h-full iw-w-full", children: i }),
+      /* @__PURE__ */ e.jsx(
+        ei,
+        {
+          warningCount: m,
+          isOpen: s,
+          violationType: d,
+          onClose: () => {
+            n(!1), c();
+          },
+          onDisqualify: j
+        }
+      ),
+      !s && m > 0 && !o && !l && /* @__PURE__ */ e.jsx(
+        ii,
+        {
+          showHardReloadWarning: !x,
+          logViolation: h,
+          onContinue: c
+        }
+      )
+    ] });
+  }
+), si = ({
   interviewTitle: i,
   interviewId: r,
   onComplete: t,
   onDisqualify: s,
   className: n = ""
 }) => {
-  const o = jt(), { baseUrl: a, authToken: l } = Me(), { timers: d, stt: c, tts: u, proctoring: h } = rt(), [m, w] = k(null), [f, v] = k(""), j = T(""), x = T(null), E = {
-    thinkingTime: (d == null ? void 0 : d.thinkingDuration) || 30,
-    answeringTime: (d == null ? void 0 : d.answeringDuration) || 120,
-    editingTime: (d == null ? void 0 : d.editingDuration) || 30
-  }, { thinkingTime: S, answeringTime: y, editingTime: P } = E;
+  const o = Tt(), { baseUrl: a, authToken: l } = Pe(), { timers: w, stt: d, tts: u, proctoring: h } = ot(), m = E(null), [c, x] = k(null), [b, j] = k(""), g = E(""), v = E(null), S = {
+    thinkingTime: (w == null ? void 0 : w.thinkingDuration) || 30,
+    answeringTime: (w == null ? void 0 : w.answeringDuration) || 120,
+    editingTime: (w == null ? void 0 : w.editingDuration) || 30
+  }, { thinkingTime: N, answeringTime: P, editingTime: y } = S;
   C(() => {
-    j.current = f;
-  }, [f]);
-  const b = T(!1), {
-    speak: D,
-    stop: A,
-    error: g
-  } = It({
+    g.current = b;
+  }, [b]);
+  const R = E(!1), {
+    speak: A,
+    stop: f,
+    error: M
+  } = Dt({
     config: {
       baseUrl: a,
       provider: u == null ? void 0 : u.provider,
       authToken: l
     },
     onEnd: () => {
-      b.current = !1, M();
+      R.current = !1, _();
     },
     onError: () => {
-      b.current || (b.current = !0, M());
+      R.current || (R.current = !0, _());
     }
-  }), I = T(!1), L = T(!1), {
-    startRecording: B,
-    stopRecording: q,
-    transcribe: z,
-    error: H
-  } = Et({
+  }), L = E(!1), O = E(!1), {
+    startRecording: q,
+    stopRecording: z,
+    transcribe: H,
+    error: Y
+  } = It({
     config: {
       baseUrl: a,
-      provider: c == null ? void 0 : c.provider,
-      model: c == null ? void 0 : c.model,
-      language: c == null ? void 0 : c.language,
+      provider: d == null ? void 0 : d.provider,
+      model: d == null ? void 0 : d.model,
+      language: d == null ? void 0 : d.language,
       authToken: l
     },
     onStart: () => {
-      I.current = !1, L.current = !1;
+      L.current = !1, O.current = !1;
     },
     onStop: () => {
     },
     onTranscriptionComplete: (p) => {
-      v(p.transcript), L.current || (L.current = !0, M());
+      j(p.transcript), O.current || (O.current = !0, _());
     },
     onError: (p) => {
-      console.error("STT Error:", p), I.current || (I.current = !0, M());
+      console.error("STT Error:", p), L.current || (L.current = !0, _());
     }
-  }), { state: O, startQuestion: G, nextPhase: M, completeInterview: Y } = ft({
+  }), { state: B, startQuestion: U, nextPhase: _, completeInterview: Q } = yt({
     config: {
-      thinkingDuration: S,
-      answeringDuration: y,
-      editingDuration: P
+      thinkingDuration: N,
+      answeringDuration: P,
+      editingDuration: y
     },
     callbacks: {
       onPhaseChange: (p) => {
         switch (p) {
-          case _.FETCHING_QUESTION:
-            oe();
+          case D.FETCHING_QUESTION:
+            W();
             break;
-          case _.READING_QUESTION:
-            Q();
+          case D.READING_QUESTION:
+            de();
             break;
-          case _.ANSWERING:
-            ce();
+          case D.ANSWERING:
+            we();
             break;
-          case _.TRANSCRIBING:
-            de();
+          case D.TRANSCRIBING:
+            ue();
             break;
-          case _.SUBMITTING:
-            le();
+          case D.SUBMITTING:
+            K();
             break;
         }
       },
@@ -3180,169 +3196,171 @@ const Jt = (i) => /* @__PURE__ */ e.jsxs(
     }
   });
   C(() => {
-    G();
+    U();
   }, []);
-  const { execute: oe, loading: W } = xt(
+  const { execute: W, loading: ce } = vt(
     async () => {
-      var U, ye;
+      var G, X;
       const p = await o.generateQuestion({
         interviewId: r,
-        question: ((U = x.current) == null ? void 0 : U.question) || "",
-        qnaId: ((ye = x.current) == null ? void 0 : ye.qna_id) || "",
-        answer: j.current
+        question: ((G = v.current) == null ? void 0 : G.question) || "",
+        qnaId: ((X = v.current) == null ? void 0 : X.qna_id) || "",
+        answer: g.current
       });
-      return x.current = p.data, p;
+      return v.current = p.data, p;
     },
     {
       onSuccess: async (p) => {
-        p && p.data && (v(""), w(p.data), M());
+        p && p.data && (j(""), x(p.data), _());
       },
       onError: (p) => {
         console.error("Failed to fetch questions:", p);
       }
     }
-  ), le = N(async () => {
-    G();
-  }, [G]), Q = N(async () => {
+  ), K = T(async () => {
+    U();
+  }, [U]), de = T(async () => {
     var p;
-    if ((p = x.current) != null && p.question)
+    if ((p = v.current) != null && p.question)
       try {
-        b.current = !1, await D(x.current.question), x.current.is_interview_done && (await ot(2e3), Y());
-      } catch (U) {
-        console.error("Failed to speak question:", U);
+        R.current = !1, await A(v.current.question), v.current.is_interview_done && (await wt(2e3), Q());
+      } catch (G) {
+        console.error("Failed to speak question:", G);
       }
     else
-      M();
-  }, [D, M, Y]), ce = N(async () => {
+      _();
+  }, [A, _, Q]), we = T(async () => {
     try {
-      await B(y);
+      await q(P);
     } catch (p) {
-      console.error("Failed to start recording:", p), M();
+      console.error("Failed to start recording:", p), _();
     }
-  }, [B, M]), de = N(async () => {
+  }, [q, _]), ue = T(async () => {
     try {
-      const p = await q();
-      await z(p);
+      const p = await z();
+      await H(p);
     } catch (p) {
-      console.error("STT processing failed:", p), !I.current && !L.current && (I.current = !0, M());
+      console.error("STT processing failed:", p), !L.current && !O.current && (L.current = !0, _());
     }
-  }, [q, z, M]), K = N(
+  }, [z, H, _]), J = T(
     async (p) => {
-      A(), (await o.generateQuestion({
+      var X;
+      f(), await ((X = m.current) == null ? void 0 : X.exitFullScreenIntentionally()), (await o.generateQuestion({
         interviewId: r,
         isInterviewDone: !0
-      })).success && (p == null || p(), Y(), sessionStorage.removeItem(ge));
+      })).success && (p == null || p(), Q(), sessionStorage.removeItem(pe));
     },
-    [r, A, o]
-  ), ee = () => {
-    const { phase: p } = O;
+    [r, f, o]
+  ), ie = () => {
+    const { phase: p } = B;
     switch (p) {
-      case _.IDLE:
+      case D.IDLE:
         return /* @__PURE__ */ e.jsxs("div", { className: "iw-text-center iw-flex iw-flex-col iw-items-center iw-justify-center iw-gap-2 iw-h-full", children: [
           /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "Ready to start the Interview?" }),
           /* @__PURE__ */ e.jsx("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__ */ e.jsx(V, { onClick: G, className: "iw-mt-2 iw-w-40", children: "Start Interview" })
+          /* @__PURE__ */ e.jsx(V, { onClick: U, className: "iw-mt-2 iw-w-40", children: "Start Interview" })
         ] });
-      case _.FETCHING_QUESTION:
-        return /* @__PURE__ */ e.jsx(qt, {});
-      case _.READING_QUESTION:
-        return /* @__PURE__ */ e.jsx(Wt, { ttsError: g });
-      case _.THINKING:
+      case D.FETCHING_QUESTION:
+        return /* @__PURE__ */ e.jsx(Vt, {});
+      case D.READING_QUESTION:
+        return /* @__PURE__ */ e.jsx(Ht, { ttsError: M });
+      case D.THINKING:
         return /* @__PURE__ */ e.jsx(
-          Gt,
+          Yt,
           {
-            state: O,
-            thinkingTime: S,
-            nextPhase: M
+            state: B,
+            thinkingTime: N,
+            nextPhase: _
           }
         );
-      case _.ANSWERING:
+      case D.ANSWERING:
         return /* @__PURE__ */ e.jsx(
-          Ut,
+          Gt,
           {
-            state: O,
-            answeringTime: y,
-            nextPhase: M,
-            sttError: H
+            state: B,
+            answeringTime: P,
+            nextPhase: _,
+            sttError: Y
           }
         );
-      case _.TRANSCRIBING:
-        return /* @__PURE__ */ e.jsx(Vt, { sttError: H });
-      case _.EDITING:
-      case _.SUBMITTING:
+      case D.TRANSCRIBING:
+        return /* @__PURE__ */ e.jsx(Qt, { sttError: Y });
+      case D.EDITING:
+      case D.SUBMITTING:
         return /* @__PURE__ */ e.jsx("div", { className: "iw-space-y-4 iw-h-full", children: /* @__PURE__ */ e.jsx(
-          _t,
+          $t,
           {
-            value: f,
-            onChange: (U) => v(U.target.value),
-            onSubmit: () => M(),
-            isSubmitDisabled: !f.trim() || W,
-            state: O,
-            editingTime: P
+            value: b,
+            onChange: (G) => j(G.target.value),
+            onSubmit: () => _(),
+            isSubmitDisabled: !b.trim() || ce,
+            state: B,
+            editingTime: y
           }
         ) });
-      case _.COMPLETED:
+      case D.COMPLETED:
         return null;
       default:
         return null;
     }
   };
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: h != null && h.enabled ? /* @__PURE__ */ e.jsxs(
-    Zt,
+    ri,
     {
-      onDisqualify: () => K(s),
+      ref: m,
+      onDisqualify: () => J(s),
       children: [
         /* @__PURE__ */ e.jsx(
-          ke,
+          Te,
           {
             title: i,
-            onExit: () => K()
+            onExit: () => J()
           }
         ),
         /* @__PURE__ */ e.jsx(
-          Ne,
+          Ee,
           {
-            currentQuestion: m,
-            phase: O.phase,
+            currentQuestion: c,
+            phase: B.phase,
             className: n,
-            children: ee()
+            children: ie()
           }
         )
       ]
     }
   ) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      ke,
+      Te,
       {
         title: i,
-        onExit: () => K()
+        onExit: () => J()
       }
     ),
     /* @__PURE__ */ e.jsx(
-      Ne,
+      Ee,
       {
-        currentQuestion: m,
-        phase: O.phase,
+        currentQuestion: c,
+        phase: B.phase,
         className: n,
-        children: ee()
+        children: ie()
       }
     )
   ] }) });
-}, ti = ({
+}, ni = ({
   title: i,
   interviewId: r,
   onInterviewEnd: t,
   onInterviewDisqualify: s,
   className: n = ""
 }) => {
-  const [o, a] = he.useState(!1), [l, d] = he.useState(!0), c = T(null);
+  const [o, a] = fe.useState(!1), [l, w] = fe.useState(!0), d = E(null);
   return o ? /* @__PURE__ */ e.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: c,
+      ref: d,
       className: `iw-flex iw-flex-col iw-rounded-xl iw-shadow-lg iw-overflow-hidden  iw-h-[calc(100vh-1rem)] ${n}`,
       children: /* @__PURE__ */ e.jsx("div", { className: " iw-h-full iw-flex iw-flex-col", children: /* @__PURE__ */ e.jsx(
-        ei,
+        si,
         {
           interviewTitle: i ?? "Interview",
           interviewId: r,
@@ -3354,21 +3372,21 @@ const Jt = (i) => /* @__PURE__ */ e.jsxs(
       ) })
     }
   ) }) : /* @__PURE__ */ e.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ e.jsx(
-    ut,
+    ft,
     {
       isOpen: l,
       onStart: () => {
-        a(!0), d(!1);
+        a(!0), w(!1);
       }
     }
   ) });
 };
 typeof window < "u" && (window.InterviewWidget = {
-  InterviewWidget: ti,
-  InterviewWidgetProvider: it
+  InterviewWidget: ni,
+  InterviewWidgetProvider: at
 });
 export {
-  ti as InterviewWidget,
-  it as InterviewWidgetProvider,
-  ti as default
+  ni as InterviewWidget,
+  at as InterviewWidgetProvider,
+  ni as default
 };