@streamoji/avatar-widget 0.3.8 → 0.3.9

package/dist/avatar-widget.js

@@ -1,30 +1,30 @@
 import { jsx as d, jsxs as le } from "react/jsx-runtime";
 import { useGLTF as mt, Environment as on } from "@react-three/drei";
 import { useFrame as an, Canvas as cn, useThree as un } from "@react-three/fiber";
-import { memo as ln, useMemo as bt, useRef as c, useState as v, useEffect as W, useCallback as $e, useLayoutEffect as dn, Suspense as hn } from "react";
+import { memo as ln, useMemo as bt, useRef as a, useState as y, useEffect as W, useCallback as $e, useLayoutEffect as dn, Suspense as hn } from "react";
 import * as ze from "three";
 import { GLTFLoader as fn } from "three/examples/jsm/loaders/GLTFLoader.js";
-const Ye = "https://ai.streamoji.com", B = (...m) => {
-}, mn = (...m) => {
-}, Nt = ({ analyser: m }) => {
-  const T = c(null), y = c(null);
+const Ye = "https://ai.streamoji.com", B = (...f) => {
+}, mn = (...f) => {
+}, Nt = ({ analyser: f }) => {
+  const T = a(null), x = a(null);
   return W(() => {
     const b = T.current;
     if (!b) return;
-    const x = b.getContext("2d", { alpha: !0 });
-    if (!x) return;
+    const S = b.getContext("2d", { alpha: !0 });
+    if (!S) return;
     let H, I = null;
-    m && (m.fftSize = 128, I = new Uint8Array(m.frequencyBinCount));
+    f && (f.fftSize = 128, I = new Uint8Array(f.frequencyBinCount));
     const Ue = () => {
       H = requestAnimationFrame(Ue), (b.width !== b.offsetWidth || b.height !== b.offsetHeight) && (b.width = b.offsetWidth, b.height = b.offsetHeight);
       const se = b.width, R = b.height;
       if (se === 0 || R === 0) return;
       const we = R / 2;
-      x.clearRect(0, 0, se, R), x.fillStyle = "#1e293b";
+      S.clearRect(0, 0, se, R), S.fillStyle = "#1e293b";
       const K = 2, l = K + 2, Q = se * 0.95, g = Math.floor(Q / l);
-      (!y.current || y.current.length !== g) && (y.current = new Float32Array(g).fill(2));
+      (!x.current || x.current.length !== g) && (x.current = new Float32Array(g).fill(2));
       const ee = g * l, k = (se - ee) / 2;
-      m && I && m.getByteFrequencyData(I);
+      f && I && f.getByteFrequencyData(I);
       const Te = I ? I.length : 0, te = Math.floor(Te * 0.7) / g, Se = new Float32Array(g);
       for (let D = 0; D < g; D++) {
         let J = 0;
@@ -40,16 +40,16 @@ const Ye = "https://ai.streamoji.com", B = (...m) => {
         Se[D] = F;
       }
       for (let D = 0; D < g; D++) {
-        const J = g - 1 - D, Y = Math.max(Se[D], Se[J]), F = y.current[D] + (Y - y.current[D]) * 0.3;
-        y.current[D] = F;
+        const J = g - 1 - D, Y = Math.max(Se[D], Se[J]), F = x.current[D] + (Y - x.current[D]) * 0.3;
+        x.current[D] = F;
         const V = k + D * l, $ = we - F / 2;
-        x.beginPath(), x.roundRect ? x.roundRect(V, $, K, F, 4) : x.fillRect(V, $, K, F), x.fill();
+        S.beginPath(), S.roundRect ? S.roundRect(V, $, K, F, 4) : S.fillRect(V, $, K, F), S.fill();
       }
     };
     return Ue(), () => {
       cancelAnimationFrame(H);
     };
-  }, [m]), /* @__PURE__ */ d(
+  }, [f]), /* @__PURE__ */ d(
     "canvas",
     {
       ref: T,
@@ -57,33 +57,33 @@ const Ye = "https://ai.streamoji.com", B = (...m) => {
     }
   );
 }, pn = "https://pub-48df6f7d60d6440bbd01676ea5d90e55.r2.dev", Pt = "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/default-models/avatar-blue-suit.glb";
-async function gn(m) {
+async function gn(f) {
   const T = await crypto.subtle.digest(
     "SHA-256",
-    new TextEncoder().encode(m)
+    new TextEncoder().encode(f)
   );
-  return Array.from(new Uint8Array(T)).map((y) => y.toString(16).padStart(2, "0")).join("");
+  return Array.from(new Uint8Array(T)).map((x) => x.toString(16).padStart(2, "0")).join("");
 }
-function bn(m) {
-  const [T, y] = v(null);
+function bn(f) {
+  const [T, x] = y(null);
   return W(() => {
-    if (!m) {
-      y(null);
+    if (!f) {
+      x(null);
       return;
     }
     let b = !1;
-    return gn(m).then((x) => {
+    return gn(f).then((S) => {
       if (b) return;
-      const H = `${pn}/${x}.glb`;
+      const H = `${pn}/${S}.glb`;
       fetch(H, { method: "HEAD" }).then((I) => {
-        b || y(I.ok ? H : Pt);
+        b || x(I.ok ? H : Pt);
       }).catch(() => {
-        b || y(Pt);
+        b || x(Pt);
       });
     }), () => {
       b = !0;
     };
-  }, [m]), T;
+  }, [f]), T;
 }
 const _n = [
   "https://pub-be53cae7bd99457a8c1f11b4d38f1672.r2.dev/masculine/idle/M_Standing_Idle_Variations_001.glb",
@@ -622,39 +622,39 @@ const _n = [
   ],
   sil: [{ v: "sil", w: 1 }]
 };
-function En(m) {
-  if (!m) return [{ v: "sil", w: 1 }];
-  const T = m.toLowerCase();
+function En(f) {
+  if (!f) return [{ v: "sil", w: 1 }];
+  const T = f.toLowerCase();
   return Mn[T] ?? [{ v: "sil", w: 1 }];
 }
-function In({ target: m }) {
+function In({ target: f }) {
   const { camera: T } = un();
   return W(() => {
-    T.lookAt(...m);
-  }, [T, m]), null;
+    T.lookAt(...f);
+  }, [T, f]), null;
 }
-function E(m, T, y) {
-  if (!m || !m.morphTargetDictionary)
+function E(f, T, x) {
+  if (!f || !f.morphTargetDictionary)
     return;
-  const b = m, x = b.morphTargetDictionary, H = b.morphTargetInfluences;
+  const b = f, S = b.morphTargetDictionary, H = b.morphTargetInfluences;
   if (H)
-    for (const I in x)
-      I.toLowerCase() === T.toLowerCase() && (H[x[I]] = y);
+    for (const I in S)
+      I.toLowerCase() === T.toLowerCase() && (H[S[I]] = x);
 }
-function gt(m, T = 0.97) {
-  if (!m) return;
-  const y = m;
-  if (y.morphTargetInfluences)
-    for (let b = 0; b < y.morphTargetInfluences.length; b++)
-      y.morphTargetInfluences[b] *= T;
+function gt(f, T = 0.97) {
+  if (!f) return;
+  const x = f;
+  if (x.morphTargetInfluences)
+    for (let b = 0; b < x.morphTargetInfluences.length; b++)
+      x.morphTargetInfluences[b] *= T;
 }
 const Dn = ln(
   ({
-    avatarUrl: m,
+    avatarUrl: f,
     isPlayingRef: T,
-    visemeQueueRef: y,
+    visemeQueueRef: x,
     audioContextRef: b,
-    responseAudioStartTimeRef: x,
+    responseAudioStartTimeRef: S,
     adjustments: H,
     mood: I,
     expression: Ue,
@@ -668,37 +668,37 @@ const Dn = ln(
     isNudgeResponse: g,
     avatarGender: ee
   }) => {
-    const { scene: k } = mt(m), Me = mt(ee === "female" ? wn : _n), te = bt(
-      () => Me.flatMap((p) => p.animations),
+    const { scene: k } = mt(f), Me = mt(ee === "female" ? wn : _n), te = bt(
+      () => Me.flatMap((m) => m.animations),
       [Me]
     ), D = mt(ee === "female" ? yn : vn), J = bt(
-      () => D.flatMap((p) => p.animations),
+      () => D.flatMap((m) => m.animations),
       [D]
-    ), Y = c(null), F = c(null), V = c(null), $ = c(null), Ee = c([]), [U] = v(() => new ze.AnimationMixer(k)), N = c({}), O = c(null), ve = c(0), Ne = c(!1), ye = c(0), de = c(null);
+    ), Y = a(null), F = a(null), V = a(null), $ = a(null), Ee = a([]), [U] = y(() => new ze.AnimationMixer(k)), N = a({}), O = a(null), ve = a(0), Ne = a(!1), ye = a(0), de = a(null);
     W(() => {
       if (!(!te || !k)) {
-        if (te.forEach((p, u) => {
+        if (te.forEach((m, u) => {
           const s = `idle_${u}`;
           if (!N.current[s]) {
-            const o = U.clipAction(p, k);
+            const o = U.clipAction(m, k);
             o.name = s, o.setLoop(ze.LoopOnce, 1), o.clampWhenFinished = !0, N.current[s] = o;
           }
-        }), J.forEach((p, u) => {
+        }), J.forEach((m, u) => {
           const s = `talk_${u}`;
           if (!N.current[s]) {
-            const o = U.clipAction(p, k);
+            const o = U.clipAction(m, k);
             o.name = s, o.setLoop(ze.LoopOnce, 1), o.clampWhenFinished = !0, N.current[s] = o;
           }
         }), te.length > 0) {
-          const p = N.current.idle_0, u = O.current && U.existingAction(O.current.getClip());
-          p && !u && (p.reset().fadeIn(0.5).play(), O.current = p);
+          const m = N.current.idle_0, u = O.current && U.existingAction(O.current.getClip());
+          m && !u && (m.reset().fadeIn(0.5).play(), O.current = m);
         }
         return () => {
           U.stopAllAction(), N.current = {}, O.current = null;
         };
       }
     }, [te, J, k, U]);
-    const pe = c("");
+    const pe = a("");
     W(() => {
       if (!l || !k || l === pe.current) return;
       pe.current = l, de.current = l, new fn().load(
@@ -718,7 +718,7 @@ const Dn = ln(
         }
       );
     }, [l, k, U, R]), W(() => {
-      const p = (u) => {
+      const m = (u) => {
         const s = u.action, o = s.name || "";
         if (o.startsWith("idle_")) {
           const M = (parseInt(o.split("_")[1]) + 1) % te.length, X = N.current[`idle_${M}`];
@@ -743,7 +743,7 @@ const Dn = ln(
             h && (h.reset().fadeIn(0.5).play(), s.crossFadeTo(h, 0.5, !0), O.current = h);
           }
       };
-      return U.addEventListener("finished", p), () => U.removeEventListener("finished", p);
+      return U.addEventListener("finished", m), () => U.removeEventListener("finished", m);
     }, [
       U,
       te,
@@ -753,13 +753,13 @@ const Dn = ln(
       Q
     ]), W(() => {
       if (R && k) {
-        const p = O.current, u = p?.name || "";
+        const m = O.current, u = m?.name || "";
         if (u.startsWith("idle_") || u.startsWith("talk_") || u === "") {
           const s = de.current;
           if (s) {
             const o = N.current[`EXPR_${s}`];
             if (o) {
-              o.reset().fadeIn(0.3).play(), p && p !== o && p.crossFadeTo(o, 0.3, !0), O.current = o, de.current = null;
+              o.reset().fadeIn(0.3).play(), m && m !== o && m.crossFadeTo(o, 0.3, !0), O.current = o, de.current = null;
               return;
             }
           }
@@ -767,14 +767,14 @@ const Dn = ln(
             const o = Math.floor(
               Math.random() * J.length
             ), h = N.current[`talk_${o}`];
-            h && (h.reset().fadeIn(0.5).play(), p && p.crossFadeTo(h, 0.5, !0), O.current = h);
+            h && (h.reset().fadeIn(0.5).play(), m && m.crossFadeTo(h, 0.5, !0), O.current = h);
           }
         }
       } else if (!R && k) {
-        const p = O.current, u = p?.name || "";
+        const m = O.current, u = m?.name || "";
         if (u.startsWith("talk_") || u.startsWith("EXPR_")) {
           const s = N.current.idle_0;
-          s && (s.reset().fadeIn(0.5).play(), p && p.crossFadeTo(s, 0.5, !0), O.current = s);
+          s && (s.reset().fadeIn(0.5).play(), m && m.crossFadeTo(s, 0.5, !0), O.current = s);
         }
       }
     }, [R, k, l]), W(() => {
@@ -785,8 +785,8 @@ const Dn = ln(
           (o.includes("head") || o.includes("avatar")) && (F.current = s, B(`[ANIMATION] Found head mesh: ${s.name}`)), o.includes("teeth") && (V.current = s, B(`[ANIMATION] Found teeth mesh: ${s.name}`)), o.includes("beard") && ($.current = s, B(`[ANIMATION] Found beard mesh: ${s.name}`));
         }
       });
-      const p = F.current?.morphTargetDictionary;
-      p && Object.keys(p).filter(
+      const m = F.current?.morphTargetDictionary;
+      m && Object.keys(m).filter(
         (s) => s.toLowerCase().includes("brow")
       );
       const u = [];
@@ -797,8 +797,8 @@ const Dn = ln(
         }
       }), Ee.current = u, u.length > 0 && B("[ANIMATION] Meshes with brow morphs:", u.length);
     }, [k]);
-    const He = (p, u = 1) => {
-      const s = `viseme_${p}`.toLowerCase(), o = Tn.find((h) => h.key.toLowerCase() === s);
+    const He = (m, u = 1) => {
+      const s = `viseme_${m}`.toLowerCase(), o = Tn.find((h) => h.key.toLowerCase() === s);
       if (o) {
         for (const h in o.mix) {
           const M = o.mix[h] * u;
@@ -810,15 +810,15 @@ const Dn = ln(
             E(V.current, h, M);
           }
       }
-    }, xe = (p) => {
-      const u = nt[p] ?? nt.neutral;
+    }, xe = (m) => {
+      const u = nt[m] ?? nt.neutral;
       for (const s in u)
         E(F.current, s, u[s]), E(V.current, s, u[s]), E($.current, s, u[s]);
     };
-    return an((p, u) => {
+    return an((m, u) => {
       const s = Math.pow(0.88, 60 * u);
       gt(F.current, s), gt(V.current, s), gt($.current, s), xe(I);
-      const o = p.clock.elapsedTime;
+      const o = m.clock.elapsedTime;
       let h = 0;
       if (Math.floor(o) % 5 === 0 && Math.floor((o - u) % 5) !== 0) {
         let q = null;
@@ -849,9 +849,9 @@ const Dn = ln(
         ), Y.current.position.set(...H.position), Y.current.scale.setScalar(H.scale), Y.current.rotation.x = H.rotation[0], Y.current.rotation.z = H.rotation[2];
       }
       if (T.current && b.current) {
-        const q = b.current.currentTime, Be = (q - x.current) * 1e3 - -150;
-        for (let re = 0; re < y.current.length; re++) {
-          const ae = y.current[re];
+        const q = b.current.currentTime, Be = (q - S.current) * 1e3 - -150;
+        for (let re = 0; re < x.current.length; re++) {
+          const ae = x.current[re];
           Be >= ae.vtime && Be < ae.vtime + ae.vduration && He(ae.viseme, ae.weight ?? 1);
         }
         q > we.current + 0.5 && (K(), j(!1));
@@ -859,38 +859,38 @@ const Dn = ln(
     }), /* @__PURE__ */ d("group", { ref: Y, children: /* @__PURE__ */ d("primitive", { object: k }) });
   }
 );
-function On(m) {
-  return m ? m.charAt(0).toUpperCase() + m.slice(1).toLowerCase() : "";
+function On(f) {
+  return f ? f.charAt(0).toUpperCase() + f.slice(1).toLowerCase() : "";
 }
-function Wt(m) {
-  return m.replace(/\*(.*?)\*/g, " $1 ").replace(/\[.*?\]/g, " ").replace(/<.*?\/>/g, " ").replace(/<.*?>.*?<\/.*?>/g, " ").replace(/\s+/g, " ").trim();
+function Wt(f) {
+  return f.replace(/\*(.*?)\*/g, " $1 ").replace(/\[.*?\]/g, " ").replace(/<.*?\/>/g, " ").replace(/<.*?>.*?<\/.*?>/g, " ").replace(/\s+/g, " ").trim();
 }
 const Cn = ({
-  token: m,
+  token: f,
   agentToken: T,
-  onNavigationRequested: y,
+  onNavigationRequested: x,
   avatarGender: b,
-  presetUserDetails: x,
+  presetUserDetails: S,
   onAvatarReady: H
 } = {}) => {
-  const I = m ?? T ?? "", Ue = bn(I || void 0), [se, R] = v(""), [we, K] = v(""), [j, l] = v("Ready"), [Q, g] = v(!1), [ee, k] = v(!1), [Te, Me] = v([]), [te, Se] = v(""), D = c(null), [J, Y] = v(
+  const I = f ?? T ?? "", Ue = bn(I || void 0), [se, R] = y(""), [we, K] = y(""), [j, l] = y("Ready"), [Q, g] = y(!1), [ee, k] = y(!1), [Te, Me] = y([]), [te, Se] = y(""), D = a(null), [J, Y] = y(
     () => typeof window < "u" ? window.matchMedia("(max-width: 480px)").matches : !1
   );
   W(() => {
     const e = window.matchMedia("(max-width: 480px)"), t = () => Y(e.matches);
     return e.addEventListener("change", t), () => e.removeEventListener("change", t);
   }, []);
-  const F = J ? 80 : 600, V = c(!1), $ = c([]), Ee = c(0), U = c(!1), N = c([]), O = c(null), ve = c([]);
-  c([]);
-  const Ne = c([]), ye = c(0), de = c(0), pe = c(0), He = c(0), xe = c(!1), [p, u] = v(
+  const F = J ? 80 : 600, V = a(!1), $ = a([]), Ee = a(0), U = a(!1), N = a([]), O = a(null), ve = a([]);
+  a([]);
+  const Ne = a([]), ye = a(0), de = a(0), pe = a(0), He = a(0), xe = a(!1), [m, u] = y(
     null
-  ), s = c(null), [o, h] = v("neutral"), [M, X] = v(""), [rt, Ke] = v(""), [je, Ie] = v("Chat with us"), [ne, Qe] = v(
+  ), s = a(null), [o, h] = y("neutral"), [M, X] = y(""), [rt, Ke] = y(""), [je, Ie] = y("Chat with us"), [ne, Qe] = y(
     null
-  ), [oe, De] = v("hidden"), [Le, Pe] = v(""), Oe = c(null), q = c(oe);
+  ), [oe, De] = y("hidden"), [Le, Pe] = y(""), Oe = a(null), q = a(oe);
   q.current = oe;
-  const [ke, z] = v(null), Be = c(null), re = c(null), [ae, _t] = v(!1), wt = c(null), [he, Xe] = v("hidden"), [St, Vt] = v(""), it = c(he);
+  const [ke, z] = y(null), Be = a(null), re = a(null), [ae, _t] = y(!1), wt = a(null), [he, Xe] = y("hidden"), [St, Vt] = y(""), it = a(he);
   it.current = he;
-  const ie = c(""), ge = c(!1), be = c(""), vt = c(Date.now()), st = c([]), Je = c(!1), [ot, qe] = v(!1), [yt, xt] = v(!1), Re = c(null), We = bt(() => ae ? "Try again" : j === "Busy" ? "Busy" : j === "Thinking..." || j === "Processing Voice..." ? j : ne != null && ne !== "" && ne !== "none" && ne !== "<none>" ? `Enter ${On(ne)}` : he !== "hidden" || !yt ? null : Bt, [j, ne, ae, he, yt]), Lt = !ae && j !== "Busy" && j !== "Thinking..." && j !== "Processing Voice..." && (ne == null || ne === "" || ne === "none" || ne === "<none>");
+  const ie = a(""), ge = a(!1), be = a(""), vt = a(Date.now()), st = a([]), Je = a(!1), [ot, qe] = y(!1), [yt, xt] = y(!1), Re = a(null), We = bt(() => ae ? "Try again" : j === "Busy" ? "Busy" : j === "Thinking..." || j === "Processing Voice..." ? j : ne != null && ne !== "" && ne !== "none" && ne !== "<none>" ? `Enter ${On(ne)}` : he !== "hidden" || !yt ? null : Bt, [j, ne, ae, he, yt]), Lt = !ae && j !== "Busy" && j !== "Thinking..." && j !== "Processing Voice..." && (ne == null || ne === "" || ne === "none" || ne === "<none>");
   W(() => {
     if (he !== "hidden" || !Lt) {
       xt(!1), Re.current != null && (clearTimeout(Re.current), Re.current = null);
@@ -948,21 +948,21 @@ const Cn = ({
     if (e.expression != null) {
       const r = String(e.expression).trim();
       X(r);
-      const a = Sn.find(
-        (f) => f.name.toLowerCase() === r.toLowerCase()
+      const c = Sn.find(
+        (p) => p.name.toLowerCase() === r.toLowerCase()
       );
       B(
-        `[STREAM] Animation match for "${r}": ${a ? a.name : "NONE"}`
-      ), Ke(a?.url ?? "");
+        `[STREAM] Animation match for "${r}": ${c ? c.name : "NONE"}`
+      ), Ke(c?.url ?? "");
     }
     if (e.navigation != null) {
       const r = String(e.navigation).trim();
-      r !== "" && (y ? y(r) : window.open(r, "_blank"));
+      r !== "" && (x ? x(r) : window.open(r, "_blank"));
     }
     const t = e.ask_for || e.lead_capture?.ask_for, n = t ? String(t).trim().toLowerCase() : "", i = n === "none" || n === "<none>";
     if (t && !i) {
       const r = n;
-      if (x && (r === "email" && x.email || r === "name" && x.name || r === "phone" && x.phone))
+      if (S && (r === "email" && S.email || r === "name" && S.name || r === "phone" && S.phone))
         return;
       Qe(r || null), Ie(r === "email" ? "Enter your email" : r === "name" ? "Enter your name" : r === "phone" ? "Enter your phone number" : "Chat with us");
     } else (i || e.ask_for === null || e.lead_capture && e.lead_capture.ask_for === null || e.ask_for === "none") && (Qe(null), je !== "Chat with us" && Ie("Chat with us"));
@@ -1011,22 +1011,22 @@ const Cn = ({
       if (!sessionStorage.getItem(
         "STREAMOJI_LEADS_SESSION_LEAD_ID"
       )) {
-        const r = "secret", a = Math.floor(Date.now() / 1e3).toString();
+        const r = "secret", c = Math.floor(Date.now() / 1e3).toString();
         try {
-          const f = new TextEncoder(), _ = await crypto.subtle.importKey(
+          const p = new TextEncoder(), _ = await crypto.subtle.importKey(
             "raw",
-            f.encode(r),
+            p.encode(r),
             { name: "HMAC", hash: "SHA-256" },
             !1,
             ["sign"]
-          ), S = await crypto.subtle.sign(
+          ), v = await crypto.subtle.sign(
             "HMAC",
             _,
-            f.encode(a)
-          ), w = Array.from(new Uint8Array(S)).map((A) => A.toString(16).padStart(2, "0")).join("");
+            p.encode(c)
+          ), w = Array.from(new Uint8Array(v)).map((A) => A.toString(16).padStart(2, "0")).join("");
           sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", w), B("[SESSION] New HMAC UID generated and saved:", w);
-        } catch (f) {
-          console.error("[SESSION] HMAC generation failed:", f);
+        } catch (p) {
+          console.error("[SESSION] HMAC generation failed:", p);
           const _ = Math.random().toString(36) + Date.now().toString();
           sessionStorage.setItem("STREAMOJI_LEADS_SESSION_LEAD_ID", _);
         }
@@ -1039,7 +1039,7 @@ const Cn = ({
         } catch {
           i = [];
         }
-      i.length === 0 && x && (x.name || x.email) ? (i = [{ role: "user", content: `PRESET_USER_DETAILS: Name is "${x.name || ""}" , Email is "${x.email || ""}"` }], sessionStorage.setItem(
+      i.length === 0 && S && (S.name || S.email) ? (i = [{ role: "user", content: `PRESET_USER_DETAILS: Name is "${S.name || ""}" , Email is "${S.email || ""}"` }], sessionStorage.setItem(
         "STREAMOJI_LEADS_SESSION_MESSAGES",
         JSON.stringify(i)
       )) : n || sessionStorage.setItem(
@@ -1047,7 +1047,7 @@ const Cn = ({
         JSON.stringify([])
       );
     })();
-  }, [x]), W(() => {
+  }, [S]), W(() => {
     const e = () => {
       vt.current = Date.now(), Je.current && (Je.current = !1, qe(!1), Me([]), Se(""), K(""), k(!1));
     };
@@ -1058,19 +1058,19 @@ const Cn = ({
           qe(!0), Me(st.current);
         else
           try {
-            const r = `${Ye}/nudgeUser`, a = {
+            const r = `${Ye}/nudgeUser`, c = {
               navigationUrl: window.location.href,
               token: I
-            }, f = await fetch(r, {
+            }, p = await fetch(r, {
               method: "POST",
               headers: {
                 "Content-Type": "application/json"
               },
-              body: JSON.stringify(a)
+              body: JSON.stringify(c)
             });
-            if (f.ok) {
-              const S = (await f.json()).nudge_questions;
-              S && S.length > 0 && (B("[NUDGE] Received nudge questions from API:", S), st.current = S, qe(!0), Me(S));
+            if (p.ok) {
+              const v = (await p.json()).nudge_questions;
+              v && v.length > 0 && (B("[NUDGE] Received nudge questions from API:", v), st.current = v, qe(!0), Me(v));
             }
           } catch (r) {
             console.error("[NUDGE] Error calling /nudgeUser:", r), Je.current = !1;
@@ -1083,15 +1083,15 @@ const Cn = ({
     if (Te.length === 0) return;
     let e = 0, t = 0, n = !1, i = 100;
     const r = () => {
-      const a = Te[e];
+      const c = Te[e];
       if (n) {
-        const f = a.substring(0, t - 1);
-        Se(f), t--, i = 50;
+        const p = c.substring(0, t - 1);
+        Se(p), t--, i = 50;
       } else {
-        const f = a.substring(0, t + 1);
-        Se(f), t++, i = 100;
+        const p = c.substring(0, t + 1);
+        Se(p), t++, i = 100;
       }
-      !n && t === a.length ? (n = !0, i = 3e3) : n && t === 0 && (n = !1, e = (e + 1) % Te.length, i = 500), D.current = setTimeout(r, i);
+      !n && t === c.length ? (n = !0, i = 3e3) : n && t === 0 && (n = !1, e = (e + 1) % Te.length, i = 500), D.current = setTimeout(r, i);
     };
     return r(), () => {
       D.current && clearTimeout(D.current);
@@ -1110,11 +1110,11 @@ const Cn = ({
       "STREAMOJI_LEADS_SESSION_MESSAGES",
       JSON.stringify(e)
     );
-  }, [ct, ut] = v(!1), [At, lt] = v(0), fe = c(null), et = c([]), Tt = c(0), [Mt, Gt] = v(
+  }, [ct, ut] = y(!1), [At, lt] = y(0), fe = a(null), et = a([]), Tt = a(0), [Mt, Gt] = y(
     null
-  ), [zt, dt] = v(
+  ), [zt, dt] = y(
     null
-  ), _e = c(null), Ce = c(
+  ), _e = a(null), Ce = a(
     null
   ), Ge = $e((e = !1) => {
     e && (xe.current = !0, g(!1), l("Ready")), N.current = [], $.current = [], U.current = !1, k(!1), ye.current = 0, de.current = 0, pe.current = 0, ve.current.forEach((t) => {
@@ -1127,12 +1127,12 @@ const Cn = ({
     try {
       const e = await navigator.mediaDevices.getUserMedia({ audio: !0 }), t = window.AudioContext || window.webkitAudioContext, n = new t(), i = n.createMediaStreamSource(e), r = n.createAnalyser();
       r.fftSize = 64, i.connect(r), _e.current = n, Ce.current = i, dt(r);
-      const a = new MediaRecorder(e);
-      fe.current = a, et.current = [], a.ondataavailable = (f) => {
-        f.data.size > 0 && et.current.push(f.data);
-      }, a.onstop = async () => {
-        const f = Date.now() - Tt.current;
-        if (dt(null), Ce.current && (Ce.current.disconnect(), Ce.current = null), _e.current && _e.current.state !== "closed" && (_e.current.close(), _e.current = null), f < 1e3) {
+      const c = new MediaRecorder(e);
+      fe.current = c, et.current = [], c.ondataavailable = (p) => {
+        p.data.size > 0 && et.current.push(p.data);
+      }, c.onstop = async () => {
+        const p = Date.now() - Tt.current;
+        if (dt(null), Ce.current && (Ce.current.disconnect(), Ce.current = null), _e.current && _e.current.state !== "closed" && (_e.current.close(), _e.current = null), p < 1e3) {
           l("Recording too short. Hold or click longer."), g(!1);
           return;
         }
@@ -1140,7 +1140,7 @@ const Cn = ({
           type: "audio/wav"
         });
         await Zt(_);
-      }, Tt.current = Date.now(), a.start(100), ut(!0), l("Listening...");
+      }, Tt.current = Date.now(), c.start(100), ut(!0), l("Listening...");
     } catch (e) {
       console.error("Error accessing microphone:", e), l("Mic Access Error");
     }
@@ -1156,13 +1156,13 @@ const Cn = ({
       if (t <= 0) return;
       const n = O.current, i = ye.current;
       if (!n) return;
-      const r = n.currentTime - i, a = Math.min(Math.max(0, r), t), _ = Wt(we).trim().length;
+      const r = n.currentTime - i, c = Math.min(Math.max(0, r), t), _ = Wt(we).trim().length;
       if (_ <= 0) return;
-      const S = Math.min(
-        Math.round(a / t * _),
+      const v = Math.min(
+        Math.round(c / t * _),
         _
       );
-      u(S);
+      u(v);
     };
     return clearInterval(s.current ?? void 0), s.current = setInterval(e, 90), () => clearInterval(s.current ?? void 0);
   }, [ee, we, pe.current]), W(() => {
@@ -1173,20 +1173,20 @@ const Cn = ({
   }, [ct]);
   const Xt = (e) => {
     const t = e.numberOfChannels, n = e.length * t * 2 + 44, i = new ArrayBuffer(n), r = new DataView(i);
-    let a = 0;
-    const f = (w) => {
-      r.setUint16(a, w, !0), a += 2;
+    let c = 0;
+    const p = (w) => {
+      r.setUint16(c, w, !0), c += 2;
     }, _ = (w) => {
-      r.setUint32(a, w, !0), a += 4;
+      r.setUint32(c, w, !0), c += 4;
     };
-    _(1179011410), _(n - 8), _(1163280727), _(544501094), _(16), f(1), f(t), _(e.sampleRate), _(e.sampleRate * 2 * t), f(t * 2), f(16), _(1635017060), _(n - a - 4);
-    const S = [];
-    for (let w = 0; w < t; w++) S.push(e.getChannelData(w));
+    _(1179011410), _(n - 8), _(1163280727), _(544501094), _(16), p(1), p(t), _(e.sampleRate), _(e.sampleRate * 2 * t), p(t * 2), p(16), _(1635017060), _(n - c - 4);
+    const v = [];
+    for (let w = 0; w < t; w++) v.push(e.getChannelData(w));
     let L = 0;
-    for (; a < n; ) {
+    for (; c < n; ) {
       for (let w = 0; w < t; w++) {
-        let A = Math.max(-1, Math.min(1, S[w][L]));
-        A = A < 0 ? A * 32768 : A * 32767, r.setInt16(a, A, !0), a += 2;
+        let A = Math.max(-1, Math.min(1, v[w][L]));
+        A = A < 0 ? A * 32768 : A * 32767, r.setInt16(c, A, !0), c += 2;
       }
       L++;
     }
@@ -1205,15 +1205,15 @@ const Cn = ({
       try {
         const i = window.AudioContext || window.webkitAudioContext, r = O.current ?? new i();
         r.state === "suspended" && await r.resume(), O.current = r;
-        const a = window.atob(e), f = new Uint8Array(a.length);
-        for (let P = 0; P < a.length; P++)
-          f[P] = a.charCodeAt(P);
-        const _ = await r.decodeAudioData(f.buffer.slice(0));
+        const c = window.atob(e), p = new Uint8Array(c.length);
+        for (let P = 0; P < c.length; P++)
+          p[P] = c.charCodeAt(P);
+        const _ = await r.decodeAudioData(p.buffer.slice(0));
         pe.current += _.duration;
-        const S = r.currentTime;
+        const v = r.currentTime;
         let L = de.current;
         const w = !U.current;
-        L < S && (L = S + 0.1), de.current = L + _.duration;
+        L < v && (L = v + 0.1), de.current = L + _.duration;
         const A = r.createBufferSource();
         A.buffer = _;
         let G = Mt;
@@ -1227,11 +1227,11 @@ const Cn = ({
               3
             )}`
           ), ye.current = L;
-          const P = (L - S) * 1e3;
+          const P = (L - v) * 1e3;
           Ee.current = performance.now() + P, B(
             `[AUDIO] Response started. Initial startTime: ${L.toFixed(
               3
-            )}, CT: ${S.toFixed(3)}`
+            )}, CT: ${v.toFixed(3)}`
           );
         }
         A.start(L);
@@ -1268,31 +1268,31 @@ const Cn = ({
   }, Zt = async (e) => {
     try {
       g(!0), qe(!1), be.current = "", K(""), l("Processing Voice...");
-      const t = await e.arrayBuffer(), i = await new (window.AudioContext || window.webkitAudioContext)().decodeAudioData(t), r = Xt(i), a = new FileReader();
-      a.readAsDataURL(r), a.onloadend = async () => {
-        const f = a.result.split(",")[1];
+      const t = await e.arrayBuffer(), i = await new (window.AudioContext || window.webkitAudioContext)().decodeAudioData(t), r = Xt(i), c = new FileReader();
+      c.readAsDataURL(r), c.onloadend = async () => {
+        const p = c.result.split(",")[1];
         Ge(), R(""), ie.current = "", ge.current = !1;
         const _ = `${Ye}/stt?token=${encodeURIComponent(
           I
-        )}`, S = await fetch(_, {
+        )}`, v = await fetch(_, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
-            audio_base64: f,
+            audio_base64: p,
             audio_format: "wav"
           })
         });
-        if (S.status === 429) {
+        if (v.status === 429) {
           try {
-            const ce = await S.text(), C = JSON.parse(ce);
+            const ce = await v.text(), C = JSON.parse(ce);
             B("[STT] 429 agent at capacity:", C?.detail);
           } catch {
           }
           R(""), l("Busy"), g(!1);
           return;
         }
-        if (!S.ok) {
-          const ce = await S.text();
+        if (!v.ok) {
+          const ce = await v.text();
           let C = "STT Failed";
           try {
             C = JSON.parse(ce).error || C;
@@ -1301,7 +1301,7 @@ const Cn = ({
           }
           throw new Error(C);
         }
-        const L = S.body;
+        const L = v.body;
         if (B("this is body" + L), !L) {
           l("STT Failed"), g(!1);
           return;
@@ -1366,8 +1366,8 @@ const Cn = ({
   }, Ve = (e) => {
     const t = e.split(/\r?\n/);
     let n = "", i = "";
-    for (const a of t)
-      a.startsWith("event:") ? n = a.slice(6).trim() : a.startsWith("data:") && (i = a.slice(5).trim());
+    for (const c of t)
+      c.startsWith("event:") ? n = c.slice(6).trim() : c.startsWith("data:") && (i = c.slice(5).trim());
     if (!n) return null;
     let r = {};
     if (i)
@@ -1427,22 +1427,22 @@ const Cn = ({
       }
       const r = i.getReader();
       xe.current = !1;
-      const a = new TextDecoder();
-      let f = "";
+      const c = new TextDecoder();
+      let p = "";
       for (; ; ) {
-        const { done: _, value: S } = await r.read();
-        S && (f += a.decode(S, { stream: !0 }));
-        const L = f.split(`
+        const { done: _, value: v } = await r.read();
+        v && (p += c.decode(v, { stream: !0 }));
+        const L = p.split(`
 
 `);
-        f = L.pop() ?? "";
+        p = L.pop() ?? "";
         for (const w of L) {
           const A = Ve(w);
           A && tt(A.event, A.data);
         }
         if (_) {
-          if (f.trim()) {
-            const w = Ve(f.trim());
+          if (p.trim()) {
+            const w = Ve(p.trim());
             w && tt(w.event, w.data);
           }
           l("Ready"), g(!1);
@@ -1452,13 +1452,13 @@ const Cn = ({
     } catch (n) {
       console.error("Streaming Error:", n), l("Failed"), g(!1);
     }
-  }, It = $e(async (e, t, n, i, r, a = "inworld") => {
-    const f = `${Ye}/avatar_tts`;
-    await Et(f, { text: e, userQuery: t, llmPrompt: n, accessKey: i, agentUrl: r, flow: a });
-  }, []), Dt = $e(async (e, t, n, i, r = "inworld") => {
-    const a = `${Ye}/avatar_ttsWithKnowledge`;
-    await Et(a, { userQuery: e, llmPrompt: t, knowledge: n, history: i, flow: r });
-  }, []), Ot = c(!1);
+  }, It = $e(async (e, t, n) => {
+    const i = `${Ye}/avatar_tts`;
+    await Et(i, { text: e, userQuery: t, llmPrompt: n });
+  }, []), Dt = $e(async (e, t, n, i) => {
+    const r = `${Ye}/avatar_ttsWithKnowledge`;
+    await Et(r, { userQuery: e, llmPrompt: t, knowledge: n, history: i });
+  }, []), Ot = a(!1);
   W(() => {
     H && !Ot.current && (H({ avatarSpeak: It, avatarRespond: Dt }), Ot.current = !0);
   }, [H, It, Dt]);
@@ -1479,7 +1479,7 @@ const Cn = ({
         lead_id: i
       };
       B("[CHAT] Sending payload:", r);
-      const a = await fetch(t, {
+      const c = await fetch(t, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -1487,31 +1487,31 @@ const Cn = ({
         body: JSON.stringify(r),
         cache: "default"
       });
-      if (a.status === 429) {
+      if (c.status === 429) {
         try {
-          const w = await a.json();
+          const w = await c.json();
           B("[CHAT] 429 agent at capacity:", w?.detail);
         } catch {
         }
         R(""), l("Busy"), g(!1);
         return;
       }
-      if (!a.ok)
+      if (!c.ok)
         throw new Error("Agent request failed");
-      const f = a.body;
-      if (!f) {
+      const p = c.body;
+      if (!p) {
         l("Agent Failed"), g(!1);
         return;
       }
-      const _ = f.getReader();
+      const _ = p.getReader();
       xe.current = !1;
-      const S = new TextDecoder();
+      const v = new TextDecoder();
       let L = "";
       for (; ; ) {
         const { done: w, value: A } = await _.read();
         B(
           `[SSE] Chunk received. done=${w}, length=${A?.length || 0}`
-        ), A && (L += S.decode(A, { stream: !0 }));
+        ), A && (L += v.decode(A, { stream: !0 }));
         const G = L.split(`
 
 `);
@@ -1535,7 +1535,7 @@ const Cn = ({
     }
   }, nn = we.trim(), Ct = Wt(nn), ft = Ct && ee ? Ct.slice(
     0,
-    p != null && p > 0 ? p : 0
+    m != null && m > 0 ? m : 0
   ) : "";
   W(() => {
     const e = it.current;
@@ -1879,17 +1879,19 @@ const Cn = ({
     ] }) })
   ] });
 }, Wn = ({
-  token: m,
+  token: f,
   avatarGender: T,
-  onNavigationRequested: y,
-  presetUserDetails: b
+  onNavigationRequested: x,
+  presetUserDetails: b,
+  onAvatarReady: S
 }) => /* @__PURE__ */ d(
   Cn,
   {
-    token: m,
-    onNavigationRequested: y,
+    token: f,
+    onNavigationRequested: x,
     avatarGender: T,
-    presetUserDetails: b
+    presetUserDetails: b,
+    onAvatarReady: S
   }
 );
 export {