@rqmii_immersive/agent-react-sdk 5.3.2 → 5.3.3

package/dist/ui.js

@@ -1,7 +1,7 @@
 import { A as oe, u as fa, g as Oe, j as de, h as ue, i as ta, l as na, k as ia, R as va, c as ya } from "./RqmiiCloudAvatarPlayer-Bi44g7bl.js";
 import { E as ri, d as si } from "./RqmiiCloudAvatarPlayer-Bi44g7bl.js";
 import { jsx as n, jsxs as f, Fragment as Ve } from "react/jsx-runtime";
-import j, { useContext as Fa, createContext as Ea, forwardRef as oa, createElement as Pe, useState as y, useEffect as D, useRef as _, useLayoutEffect as Ye, useCallback as re, useMemo as te } from "react";
+import j, { useContext as Fa, createContext as Ea, forwardRef as oa, createElement as Pe, useState as v, useEffect as D, useRef as _, useLayoutEffect as Ye, useCallback as re, useMemo as te } from "react";
 const Ta = {
   sendMessage: "Stuur 'n boodskap",
   send: "Stuur",
@@ -2769,20 +2769,27 @@ const $e = {
   useVoice: !1,
   faceIndex: 1,
   faceImageUrl: null,
-  languages: ["en"],
-  defaultLanguage: "en",
+  languages: ["ar-sa"],
+  defaultLanguage: "ar-sa",
   allowInterrupt: !0,
   allowWelcomeMessageInterrupt: !1,
   welcomeMessages: {},
-  conversation: { default_language: "en", languages: ["en"] },
+  conversation: { default_language: "ar-sa", languages: ["ar-sa"], suggested_messages: {} },
   widget: {
     appearance: { brand_color: null, position: "right", show_branding: !0, footer_content: {} },
-    behavior: { post_chat_rating_enabled: !1, welcome_bubble_enabled: !1, welcome_bubble_delay_seconds: 3, welcome_bubble_sound_enabled: !1, typing_indicator_enabled: !0 }
+    behavior: {
+      post_chat_rating_enabled: !1,
+      welcome_bubble_enabled: !1,
+      welcome_bubble_delay_seconds: 3,
+      welcome_bubble_sound_enabled: !1,
+      typing_indicator_enabled: !0,
+      suggested_messages: {}
+    }
   }
 };
 function ge(e) {
   if (!e) return $e;
-  const a = e, t = a.agent_type || a.agentType || oe.TEXT, i = typeof a.use_text == "boolean" ? a.use_text : typeof a.useText == "boolean" ? a.useText : t !== oe.VOICE, r = typeof a.use_voice == "boolean" ? a.use_voice : typeof a.useVoice == "boolean" ? a.useVoice : t === oe.TEXT_AND_VOICE || t === oe.CLOUD_AVATAR || t === oe.DESKTOP_AVATAR, o = a.conversation || a.agent_customization?.conversation || {}, s = a.speech || a.agent_customization?.speech || {}, c = o.default_language || "en", d = pe(o.languages, c), l = a.widget || a.agent_customization?.widget || null, m = l?.appearance, u = l?.behavior, h = l, T = typeof m?.hide_branding == "boolean" ? !m.hide_branding : typeof m?.show_branding == "boolean" ? m.show_branding : !0, k = h ? {
+  const a = e, t = a.agent_type || a.agentType || oe.TEXT, i = typeof a.use_text == "boolean" ? a.use_text : typeof a.useText == "boolean" ? a.useText : t !== oe.VOICE, r = typeof a.use_voice == "boolean" ? a.use_voice : typeof a.useVoice == "boolean" ? a.useVoice : t === oe.TEXT_AND_VOICE || t === oe.CLOUD_AVATAR || t === oe.DESKTOP_AVATAR, o = a.conversation || a.agent_customization?.conversation || {}, s = a.speech || a.agent_customization?.speech || {}, c = o.default_language || "ar-sa", d = pe(o.languages, c), l = a.widget || a.agent_customization?.widget || null, m = l?.appearance, u = l?.behavior, h = l, T = typeof m?.hide_branding == "boolean" ? !m.hide_branding : typeof m?.show_branding == "boolean" ? m.show_branding : !0, b = u?.suggested_messages || l?.suggested_messages || o.suggested_messages || o.suggestedMessages || {}, x = h ? {
     appearance: {
       brand_color: m?.brand_color,
       position: m?.position || "right",
@@ -2794,11 +2801,12 @@ function ge(e) {
       welcome_bubble_enabled: typeof u?.welcome_bubble_enabled == "boolean" ? u.welcome_bubble_enabled : !1,
       welcome_bubble_delay_seconds: typeof u?.welcome_bubble_delay_seconds == "number" ? u.welcome_bubble_delay_seconds : 3,
       welcome_bubble_sound_enabled: typeof u?.welcome_bubble_sound_enabled == "boolean" ? u.welcome_bubble_sound_enabled : !1,
-      typing_indicator_enabled: typeof u?.typing_indicator_enabled == "boolean" ? u.typing_indicator_enabled : !0
+      typing_indicator_enabled: typeof u?.typing_indicator_enabled == "boolean" ? u.typing_indicator_enabled : !0,
+      suggested_messages: b
     }
-  } : void 0, v = a.consent || a.consent_config || null, x = o.welcome_message || o.welcomeMessage || a.welcome_message || a.welcomeMessage || {}, E = Object.fromEntries(
-    Object.entries(x).filter(([, g]) => typeof g == "string").map(([g, z]) => [g, z.slice(0, 1e3)])
-  ), p = typeof a.allow_interrupt == "boolean" ? a.allow_interrupt : typeof s.allow_interrupt == "boolean" ? s.allow_interrupt : !0, b = typeof a.allow_welcome_message_interrupt == "boolean" ? a.allow_welcome_message_interrupt : typeof s.allow_welcome_message_interrupt == "boolean" ? s.allow_welcome_message_interrupt : !1;
+  } : void 0, y = a.consent || a.consent_config || null, E = o.welcome_message || o.welcomeMessage || a.welcome_message || a.welcomeMessage || {}, g = Object.fromEntries(
+    Object.entries(E).filter(([, z]) => typeof z == "string").map(([z, S]) => [z, S.slice(0, 1e3)])
+  ), k = typeof a.allow_interrupt == "boolean" ? a.allow_interrupt : typeof s.allow_interrupt == "boolean" ? s.allow_interrupt : !0, p = typeof a.allow_welcome_message_interrupt == "boolean" ? a.allow_welcome_message_interrupt : typeof s.allow_welcome_message_interrupt == "boolean" ? s.allow_welcome_message_interrupt : !1;
   return {
     id: a.id || null,
     name: a.name || $e.name,
@@ -2807,25 +2815,25 @@ function ge(e) {
     useVoice: r,
     faceIndex: typeof a.face_index == "number" ? a.face_index : typeof a.faceIndex == "number" ? a.faceIndex : 1,
     faceImageUrl: a.face_image_url || a.faceImageUrl || null,
-    allowInterrupt: p,
-    allowWelcomeMessageInterrupt: b,
-    welcomeMessages: E,
+    allowInterrupt: k,
+    allowWelcomeMessageInterrupt: p,
+    welcomeMessages: g,
     languages: d,
     defaultLanguage: d.includes(c) ? c : d[0],
     conversation: {
       default_language: c,
       languages: d,
-      suggested_messages: o.suggested_messages || o.suggestedMessages || {}
+      suggested_messages: b
     },
-    widget: k || void 0,
-    consent: v ? {
-      enabled: v.enabled ?? !1,
-      title: v.title || void 0,
-      body: v.body || void 0,
-      acceptLabel: v.accept_label || v.acceptLabel || void 0,
-      declineLabel: v.decline_label || v.declineLabel || void 0,
-      termsUrl: v.terms_url || v.termsUrl || void 0,
-      privacyUrl: v.privacy_url || v.privacyUrl || void 0
+    widget: x || void 0,
+    consent: y ? {
+      enabled: y.enabled ?? !1,
+      title: y.title || void 0,
+      body: y.body || void 0,
+      acceptLabel: y.accept_label || y.acceptLabel || void 0,
+      declineLabel: y.decline_label || y.declineLabel || void 0,
+      termsUrl: y.terms_url || y.termsUrl || void 0,
+      privacyUrl: y.privacy_url || y.privacyUrl || void 0
     } : void 0
   };
 }
@@ -2972,7 +2980,7 @@ const jt = (e) => {
       absoluteStrokeWidth: u = !1,
       color: h = "currentColor",
       className: T = ""
-    } = Dt() ?? {}, k = i ?? u ? Number(t ?? m) * 24 / Number(a ?? l) : t ?? m;
+    } = Dt() ?? {}, b = i ?? u ? Number(t ?? m) * 24 / Number(a ?? l) : t ?? m;
     return Pe(
       "svg",
       {
@@ -2981,13 +2989,13 @@ const jt = (e) => {
         width: a ?? l ?? Me.width,
         height: a ?? l ?? Me.height,
         stroke: e ?? h,
-        strokeWidth: k,
+        strokeWidth: b,
         className: ra("lucide", T, r),
         ...!o && !jt(c) && { "aria-hidden": "true" },
         ...c
       },
       [
-        ...s.map(([v, x]) => Pe(v, x)),
+        ...s.map(([x, y]) => Pe(x, y)),
         ...Array.isArray(o) ? o : [o]
       ]
     );
@@ -3209,7 +3217,7 @@ function Ne(e) {
   return `${a}:${t}`;
 }
 function sn(e = !0) {
-  const [a, t] = y(0);
+  const [a, t] = v(0);
   return D(() => {
     if (!e) return;
     const i = setInterval(() => t((r) => r + 1), 1e3);
@@ -3217,7 +3225,7 @@ function sn(e = !0) {
   }, [e]), a;
 }
 function ln() {
-  const [e, a] = y(null);
+  const [e, a] = v(null);
   return D(() => {
     const t = window.visualViewport;
     if (!t) return;
@@ -3230,7 +3238,7 @@ function ln() {
 function cn(e, a) {
   const t = _([]);
   t.current = e.match(/\S+\s*/g) || [e];
-  const [i, r] = y(
+  const [i, r] = v(
     () => a ? Math.min(1, t.current.length) : t.current.length
   );
   return D(() => {
@@ -3250,7 +3258,7 @@ function un(e) {
   return e?.faceIndex === 0 && e.faceImageUrl ? e.faceImageUrl : e?.faceIndex === 9 ? null : on(e?.faceIndex || 1);
 }
 const _e = j.memo(function({ language: a, languages: t, onChange: i }) {
-  const [r, o] = y(!1), s = _(null), c = We(a), d = pe(t, a).map((l) => We(l)).filter(Boolean);
+  const [r, o] = v(!1), s = _(null), c = We(a), d = pe(t, a).map((l) => We(l)).filter(Boolean);
   return D(() => {
     if (!r) return;
     const l = (m) => {
@@ -3285,7 +3293,7 @@ const _e = j.memo(function({ language: a, languages: t, onChange: i }) {
     c && /* @__PURE__ */ n("p", { children: s })
   ] });
 }), J = j.memo(function({ agent: a, size: t = "large", active: i = !1, className: r = "" }) {
-  const o = a?.faceIndex === 9, [s, c] = y(null), [d, l] = y(!s);
+  const o = a?.faceIndex === 9, [s, c] = v(null), [d, l] = v(!s);
   return D(() => {
     let m = !1;
     const u = un(a);
@@ -3318,7 +3326,7 @@ function mn() {
   }
 }
 const hn = j.memo(function({ message: a, delaySeconds: t, soundEnabled: i, language: r, buttonPosition: o = "right", onClick: s }) {
-  const [c, d] = y(!1), l = a.trim();
+  const [c, d] = v(!1), l = a.trim();
   return D(() => {
     if (!l) return;
     const u = setTimeout(() => {
@@ -3337,7 +3345,7 @@ const hn = j.memo(function({ message: a, delaySeconds: t, soundEnabled: i, langu
     }
   );
 }), Te = j.memo(function({ language: a, placeholder: t, onSend: i, disabled: r = !1, variant: o = "text" }) {
-  const [s, c] = y(""), d = _(null), l = 168, m = () => {
+  const [s, c] = v(""), d = _(null), l = 168, m = () => {
     const u = s.trim();
     !u || r || (i(u), c(""), d.current && (d.current.style.height = "auto"));
   };
@@ -3386,20 +3394,20 @@ function aa(e, a, t, i) {
   }
 }
 const Fn = j.memo(function({ suggestions: a, language: t, onClick: i }) {
-  const [r, o] = y(!1), [s, c] = y(!1), [d, l] = y(null), [m, u] = y(null), h = _(null), T = _([]), k = se(t || "en"), v = vn(k), x = (E) => {
-    E.forEach((p) => {
-      p && (p.style.maxWidth = "", p.style.marginRight = "", p.style.marginLeft = "");
+  const [r, o] = v(!1), [s, c] = v(!1), [d, l] = v(null), [m, u] = v(null), h = _(null), T = _([]), b = se(t || "en"), x = vn(b), y = (E) => {
+    E.forEach((g) => {
+      g && (g.style.maxWidth = "", g.style.marginRight = "", g.style.marginLeft = "");
     });
   };
   return Ye(() => {
     const E = h.current;
     if (!E || r) return;
-    const p = () => {
-      const g = T.current;
-      x(g);
+    const g = () => {
+      const p = T.current;
+      y(p);
       const z = E.clientWidth, S = fn(), M = () => {
-        for (let L = 0; L < g.length; L++) {
-          const A = g[L];
+        for (let L = 0; L < p.length; L++) {
+          const A = p[L];
           if (A && A.offsetTop + A.offsetHeight > S + 0.5)
             return L;
         }
@@ -3407,59 +3415,59 @@ const Fn = j.memo(function({ suggestions: a, language: t, onClick: i }) {
       };
       let P = M();
       if (P !== null)
-        for (let L = 0; L <= g.length; L++) {
-          x(g);
-          const A = g.slice(0, P).filter((I) => !!I);
-          aa(A, z, v, ea);
+        for (let L = 0; L <= p.length; L++) {
+          y(p);
+          const A = p.slice(0, P).filter((I) => !!I);
+          aa(A, z, x, ea);
           const C = M();
           if (C === null || C >= P) break;
           P = C;
         }
       if (l(P), c(P !== null), P !== null) {
-        const L = g.slice(0, P).filter((C) => !!C), A = L.length ? Math.max(...L.map((C) => C.offsetTop + C.offsetHeight)) : he;
+        const L = p.slice(0, P).filter((C) => !!C), A = L.length ? Math.max(...L.map((C) => C.offsetTop + C.offsetHeight)) : he;
         u(A - he);
       } else
         u(null);
     };
-    p();
-    const b = typeof ResizeObserver < "u" ? new ResizeObserver(p) : null;
-    return b?.observe(E), () => {
-      b?.disconnect(), x(T.current);
+    g();
+    const k = typeof ResizeObserver < "u" ? new ResizeObserver(g) : null;
+    return k?.observe(E), () => {
+      k?.disconnect(), y(T.current);
     };
-  }, [a, r, v]), Ye(() => {
+  }, [a, r, x]), Ye(() => {
     const E = h.current;
     if (!E || !r) return;
-    const p = T.current.filter((g) => !!g);
-    x(T.current), aa(p, E.clientWidth, v, ea);
-    const b = p.length ? Math.max(...p.map((g) => g.offsetTop + g.offsetHeight)) : he;
-    return u(b - he), () => {
-      x(T.current);
+    const g = T.current.filter((p) => !!p);
+    y(T.current), aa(g, E.clientWidth, x, ea);
+    const k = g.length ? Math.max(...g.map((p) => p.offsetTop + p.offsetHeight)) : he;
+    return u(k - he), () => {
+      y(T.current);
     };
-  }, [r, a, v]), a.length ? /* @__PURE__ */ n("div", { className: V("rqmii-suggested-messages", r && "is-expanded", s && "has-overflow"), dir: k, children: /* @__PURE__ */ f("div", { ref: h, className: V("rqmii-suggested-messages-inner", r ? "is-expanded" : "is-collapsed"), children: [
-    a.map((E, p) => {
-      const b = !r && d !== null && p >= d;
+  }, [r, a, x]), a.length ? /* @__PURE__ */ n("div", { className: V("rqmii-suggested-messages", r && "is-expanded", s && "has-overflow"), dir: b, children: /* @__PURE__ */ f("div", { ref: h, className: V("rqmii-suggested-messages-inner", r ? "is-expanded" : "is-collapsed"), children: [
+    a.map((E, g) => {
+      const k = !r && d !== null && g >= d;
       return /* @__PURE__ */ n(
         "button",
         {
-          ref: (g) => {
-            T.current[p] = g;
+          ref: (p) => {
+            T.current[g] = p;
           },
           type: "button",
           className: "rqmii-suggested-message",
           onClick: () => i(E),
-          style: b ? { visibility: "hidden" } : void 0,
-          "aria-hidden": b || void 0,
-          tabIndex: b ? -1 : void 0,
+          style: k ? { visibility: "hidden" } : void 0,
+          "aria-hidden": k || void 0,
+          tabIndex: k ? -1 : void 0,
           children: E
         },
-        p
+        g
       );
     }),
     s && /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        className: V("rqmii-suggested-messages-toggle", v === "left" && "is-start-left"),
+        className: V("rqmii-suggested-messages-toggle", x === "left" && "is-start-left"),
         style: m != null ? { top: m, bottom: "auto" } : void 0,
         onClick: () => o((E) => (E && h.current && (h.current.scrollTop = 0), !E)),
         "aria-label": r ? "Show less" : "Show more",
@@ -3485,15 +3493,15 @@ const zn = {
   phone: "leadFormPhone",
   message: "leadFormMessage"
 }, Sn = j.memo(function({ messageId: a, form: t, language: i, textDirection: r, formSubmitted: o }) {
-  const s = fa(), [c, d] = y({}), [l, m] = y(!1), [u, h] = y(!!o), [T, k] = y(null), v = t.title || F(i, "leadFormTitle"), x = (b) => {
-    const g = zn[b.key];
-    return `${g ? F(i, g) : b.label}${b.required ? "*" : ""}`;
-  }, E = (b, g) => {
-    d((z) => ({ ...z, [b]: g })), T && k(null);
-  }, p = async (b) => {
-    if (b.preventDefault(), l || u) return;
+  const s = fa(), [c, d] = v({}), [l, m] = v(!1), [u, h] = v(!!o), [T, b] = v(null), x = t.title || F(i, "leadFormTitle"), y = (k) => {
+    const p = zn[k.key];
+    return `${p ? F(i, p) : k.label}${k.required ? "*" : ""}`;
+  }, E = (k, p) => {
+    d((z) => ({ ...z, [k]: p })), T && b(null);
+  }, g = async (k) => {
+    if (k.preventDefault(), l || u) return;
     if (t.fields.some((S) => S.required && !c[S.key]?.trim())) {
-      k(F(i, "leadFormRequiredError"));
+      b(F(i, "leadFormRequiredError"));
       return;
     }
     const z = {};
@@ -3501,7 +3509,7 @@ const zn = {
       const M = c[S.key]?.trim();
       M && (z[S.key] = M);
     }
-    m(!0), k(null);
+    m(!0), b(null);
     try {
       await s.submitLead({ agentId: t.agentId, collectedData: z }), h(!0), s.setMessages(
         s.messages.map(
@@ -3509,37 +3517,37 @@ const zn = {
         )
       );
     } catch (S) {
-      k(S?.message || F(i, "leadFormGenericError"));
+      b(S?.message || F(i, "leadFormGenericError"));
     } finally {
       m(!1);
     }
   };
-  return u ? /* @__PURE__ */ n("div", { className: "rqmii-chat-message-row rqmii-chat-lead-form-row", children: /* @__PURE__ */ n("div", { className: "rqmii-chat-lead-form rqmii-chat-lead-form--done", dir: r, children: /* @__PURE__ */ n("div", { className: "rqmii-chat-lead-form-success", children: F(i, "leadFormSuccess") }) }) }) : /* @__PURE__ */ n("div", { className: "rqmii-chat-message-row rqmii-chat-lead-form-row", children: /* @__PURE__ */ f("form", { className: "rqmii-chat-lead-form", dir: r, onSubmit: p, children: [
-    /* @__PURE__ */ n("div", { className: "rqmii-chat-lead-form-title", children: v }),
-    t.fields.map((b) => {
-      const g = x(b), z = b.type === "email" ? "email" : b.type === "date" ? "date" : "text";
-      return Tn(b.key) ? /* @__PURE__ */ n(
+  return u ? /* @__PURE__ */ n("div", { className: "rqmii-chat-message-row rqmii-chat-lead-form-row", children: /* @__PURE__ */ n("div", { className: "rqmii-chat-lead-form rqmii-chat-lead-form--done", dir: r, children: /* @__PURE__ */ n("div", { className: "rqmii-chat-lead-form-success", children: F(i, "leadFormSuccess") }) }) }) : /* @__PURE__ */ n("div", { className: "rqmii-chat-message-row rqmii-chat-lead-form-row", children: /* @__PURE__ */ f("form", { className: "rqmii-chat-lead-form", dir: r, onSubmit: g, children: [
+    /* @__PURE__ */ n("div", { className: "rqmii-chat-lead-form-title", children: x }),
+    t.fields.map((k) => {
+      const p = y(k), z = k.type === "email" ? "email" : k.type === "date" ? "date" : "text";
+      return Tn(k.key) ? /* @__PURE__ */ n(
         "textarea",
         {
           className: "rqmii-chat-lead-form-input rqmii-chat-lead-form-textarea",
-          placeholder: g,
-          value: c[b.key] || "",
-          onChange: (S) => E(b.key, S.target.value),
+          placeholder: p,
+          value: c[k.key] || "",
+          onChange: (S) => E(k.key, S.target.value),
           disabled: l,
           rows: 4
         },
-        b.key
+        k.key
       ) : /* @__PURE__ */ n(
         "input",
         {
           className: "rqmii-chat-lead-form-input",
           type: z,
-          placeholder: g,
-          value: c[b.key] || "",
-          onChange: (S) => E(b.key, S.target.value),
+          placeholder: p,
+          value: c[k.key] || "",
+          onChange: (S) => E(k.key, S.target.value),
           disabled: l
         },
-        b.key
+        k.key
       );
     }),
     T && /* @__PURE__ */ n("div", { className: "rqmii-chat-lead-form-error", children: T }),
@@ -3573,7 +3581,7 @@ const zn = {
   ] });
 }), Mn = 5;
 function da({ rating: e, onRate: a, readonly: t, size: i = 28 }) {
-  const [r, o] = y(0), s = r || e;
+  const [r, o] = v(0), s = r || e;
   return /* @__PURE__ */ n("div", { className: "rqmii-chat-rating-stars", role: "radiogroup", children: Array.from({ length: Mn }, (c, d) => {
     const l = d + 1, m = l <= s;
     return /* @__PURE__ */ n(
@@ -3627,7 +3635,7 @@ function Cn({
   onMinimize: r,
   onSubmit: o
 }) {
-  const [s, c] = y(""), [d, l] = y(!1), m = s.trim().length > 0 && !d, u = async () => {
+  const [s, c] = v(""), [d, l] = v(!1), m = s.trim().length > 0 && !d, u = async () => {
     if (m) {
       l(!0);
       try {
@@ -3670,14 +3678,14 @@ function be(e) {
       bottom: 0
     };
 }
-const Ln = j.memo(function({ agent: a, language: t, languages: i, onLanguageChange: r, onClose: o, onSend: s, isVoiceEnabled: c = !1, isAudioPlaying: d = !1, isVoiceSetupLoading: l = !1, onStartVoice: m, visualViewportHeight: u, disabled: h = !1, error: T, suggestions: k, onSuggestionClick: v, compact: x = !1 }) {
-  const E = be(u), [p, b] = j.useState(we);
+const Ln = j.memo(function({ agent: a, language: t, languages: i, onLanguageChange: r, onClose: o, onSend: s, isVoiceEnabled: c = !1, isAudioPlaying: d = !1, isVoiceSetupLoading: l = !1, onStartVoice: m, visualViewportHeight: u, disabled: h = !1, error: T, suggestions: b, onSuggestionClick: x, compact: y = !1 }) {
+  const E = be(u), [g, k] = j.useState(we);
   j.useEffect(() => {
-    const M = () => b(we());
+    const M = () => k(we());
     return window.addEventListener("resize", M), () => window.removeEventListener("resize", M);
   }, []);
-  const g = x && !p, z = g ? "start" : "hero", S = k && k.length > 0;
-  return /* @__PURE__ */ f("div", { className: V("rqmii-chat-panel rqmii-chat-panel--start", g && "rqmii-chat-panel--start-compact", H(t)), style: E, children: [
+  const p = y && !g, z = p ? "start" : "hero", S = b && b.length > 0;
+  return /* @__PURE__ */ f("div", { className: V("rqmii-chat-panel rqmii-chat-panel--start", p && "rqmii-chat-panel--start-compact", H(t)), style: E, children: [
     /* @__PURE__ */ f("div", { className: "rqmii-chat-topbar", children: [
       /* @__PURE__ */ n("span", {}),
       /* @__PURE__ */ f("div", { className: "rqmii-chat-topbar-actions", children: [
@@ -3686,14 +3694,14 @@ const Ln = j.memo(function({ agent: a, language: t, languages: i, onLanguageChan
       ] })
     ] }),
     /* @__PURE__ */ f("div", { className: "rqmii-chat-start-body", children: [
-      c ? /* @__PURE__ */ f("div", { className: V("rqmii-chat-call-avatar-wrap", g && "is-compact"), children: [
+      c ? /* @__PURE__ */ f("div", { className: V("rqmii-chat-call-avatar-wrap", p && "is-compact"), children: [
         /* @__PURE__ */ n(J, { agent: a, size: z, active: d }),
-        /* @__PURE__ */ n("button", { type: "button", className: V("rqmii-chat-call-button", g && "is-compact"), onClick: m, disabled: l, "aria-label": F(t, "startVoice"), children: l ? /* @__PURE__ */ n(ye, { className: "rqmii-chat-spin", size: g ? 18 : 24 }) : /* @__PURE__ */ n(De, { size: g ? 18 : 24 }) })
+        /* @__PURE__ */ n("button", { type: "button", className: V("rqmii-chat-call-button", p && "is-compact"), onClick: m, disabled: l, "aria-label": F(t, "startVoice"), children: l ? /* @__PURE__ */ n(ye, { className: "rqmii-chat-spin", size: p ? 18 : 24 }) : /* @__PURE__ */ n(De, { size: p ? 18 : 24 }) })
       ] }) : /* @__PURE__ */ n(J, { agent: a, size: z }),
       /* @__PURE__ */ n("div", { className: "rqmii-chat-agent-name", children: a.name }),
       T && /* @__PURE__ */ n("div", { className: "rqmii-chat-error-text", children: T })
     ] }),
-    S && /* @__PURE__ */ n("div", { className: "rqmii-chat-start-suggestions", children: /* @__PURE__ */ n(Fn, { suggestions: k, language: t, onClick: (M) => v?.(M) }) }),
+    S && /* @__PURE__ */ n("div", { className: "rqmii-chat-start-suggestions", children: /* @__PURE__ */ n(Fn, { suggestions: b, language: t, onClick: (M) => x?.(M) }) }),
     /* @__PURE__ */ n(Te, { language: t, onSend: s, disabled: h }),
     /* @__PURE__ */ n(le, { language: t, agent: a })
   ] });
@@ -3720,12 +3728,12 @@ const Ln = j.memo(function({ agent: a, language: t, languages: i, onLanguageChan
     ] }),
     /* @__PURE__ */ n(le, { language: t, agent: a })
   ] });
-}), Vn = j.memo(function({ agent: a, language: t, onEndSession: i, onMinimize: r, messages: o, partialTranscript: s, onSend: c, isAudioPlaying: d, isVoiceEnabled: l, onToggleVoice: m, isListening: u, isSpeaking: h, isLoading: T, isAgentThinking: k, isAgentSpeaking: v, onStartVoice: x, elapsed: E, visualViewportHeight: p, waitingForResponse: b }) {
-  const g = ua({ language: t, isListening: u, isLoading: T, isSpeaking: h, isAudioPlaying: d, isAgentThinking: k, isAgentSpeaking: v, persistentListening: !1 }), z = be(p);
+}), Vn = j.memo(function({ agent: a, language: t, onEndSession: i, onMinimize: r, messages: o, partialTranscript: s, onSend: c, isAudioPlaying: d, isVoiceEnabled: l, onToggleVoice: m, isListening: u, isSpeaking: h, isLoading: T, isAgentThinking: b, isAgentSpeaking: x, onStartVoice: y, elapsed: E, visualViewportHeight: g, waitingForResponse: k }) {
+  const p = ua({ language: t, isListening: u, isLoading: T, isSpeaking: h, isAudioPlaying: d, isAgentThinking: b, isAgentSpeaking: x, persistentListening: !1 }), z = be(g);
   return /* @__PURE__ */ f("div", { className: V("rqmii-chat-panel rqmii-chat-panel--conversation", H(t)), style: z, children: [
     /* @__PURE__ */ f("div", { className: "rqmii-chat-header", children: [
       /* @__PURE__ */ n(J, { agent: a, size: "header", active: d }),
-      l && g && /* @__PURE__ */ n("div", { className: "rqmii-chat-header-status", children: /* @__PURE__ */ n("span", { children: g }) }),
+      l && p && /* @__PURE__ */ n("div", { className: "rqmii-chat-header-status", children: /* @__PURE__ */ n("span", { children: p }) }),
       /* @__PURE__ */ n("div", { className: "rqmii-chat-header-spacer" }),
       /* @__PURE__ */ f("div", { className: "rqmii-chat-header-actions", children: [
         r && /* @__PURE__ */ n("button", { type: "button", className: "rqmii-chat-circle-button", onClick: r, "aria-label": F(t, "minimize"), children: /* @__PURE__ */ n(Ee, { size: 20 }) }),
@@ -3733,14 +3741,14 @@ const Ln = j.memo(function({ agent: a, language: t, languages: i, onLanguageChan
         /* @__PURE__ */ n("button", { type: "button", className: "rqmii-chat-circle-button is-danger", onClick: i, "aria-label": F(t, "endCall"), children: /* @__PURE__ */ n(Ie, { size: 20 }) })
       ] })
     ] }),
-    /* @__PURE__ */ n(Re, { messages: o, partialTranscript: s, language: t, showTypingIndicator: b }),
+    /* @__PURE__ */ n(Re, { messages: o, partialTranscript: s, language: t, showTypingIndicator: k }),
     l && /* @__PURE__ */ n("div", { className: "rqmii-chat-session-counter", children: Ne(E) }),
     /* @__PURE__ */ n(Te, { language: t, onSend: c }),
     /* @__PURE__ */ n(le, { language: t, agent: a })
   ] });
 }), jn = j.memo(function({ agent: a, language: t, onEndSession: i, onMinimize: r, isListening: o, isLoading: s, isSpeaking: c, isAudioPlaying: d, isAgentThinking: l, isAgentSpeaking: m, onToggleVoice: u, elapsed: h, visualViewportHeight: T }) {
-  const k = ua({ language: t, isListening: o, isLoading: s, isSpeaking: c, isAudioPlaying: d, isAgentThinking: l, isAgentSpeaking: m, persistentListening: !0 }), v = be(T);
-  return /* @__PURE__ */ f("div", { className: V("rqmii-chat-panel rqmii-chat-panel--voice-call", H(t)), style: v, children: [
+  const b = ua({ language: t, isListening: o, isLoading: s, isSpeaking: c, isAudioPlaying: d, isAgentThinking: l, isAgentSpeaking: m, persistentListening: !0 }), x = be(T);
+  return /* @__PURE__ */ f("div", { className: V("rqmii-chat-panel rqmii-chat-panel--voice-call", H(t)), style: x, children: [
     /* @__PURE__ */ f("div", { className: "rqmii-chat-call-status", children: [
       /* @__PURE__ */ n("span", { className: V("rqmii-chat-live-dot", o && "is-live") }),
       /* @__PURE__ */ n("span", { children: Ne(h) }),
@@ -3749,7 +3757,7 @@ const Ln = j.memo(function({ agent: a, language: t, languages: i, onLanguageChan
     /* @__PURE__ */ f("div", { className: "rqmii-chat-voice-frame", children: [
       /* @__PURE__ */ n(J, { agent: a, size: "hero", active: d }),
       /* @__PURE__ */ n("div", { className: "rqmii-chat-agent-name", children: a.name }),
-      /* @__PURE__ */ n("div", { className: V("rqmii-chat-status-pill", !k && "is-empty"), children: k || F(t, "listening") }),
+      /* @__PURE__ */ n("div", { className: V("rqmii-chat-status-pill", !b && "is-empty"), children: b || F(t, "listening") }),
       /* @__PURE__ */ f("div", { className: "rqmii-chat-voice-actions", children: [
         /* @__PURE__ */ n("button", { type: "button", className: V("rqmii-chat-circle-button", c && "is-active"), onClick: u, children: o ? /* @__PURE__ */ n(Fe, { size: 20 }) : /* @__PURE__ */ n(je, { size: 20 }) }),
         /* @__PURE__ */ n("button", { type: "button", className: "rqmii-chat-circle-button is-danger", onClick: i, "aria-label": F(t, "endCall"), children: /* @__PURE__ */ n(Ie, { size: 20 }) })
@@ -3786,23 +3794,23 @@ const In = j.memo(function({ agent: a, language: t, onRestore: i, onClose: r, is
   visualViewportHeight: u,
   rating: h,
   endedBy: T,
-  sessionId: k,
-  ratingInteractive: v,
-  showTellUsMore: x,
+  sessionId: b,
+  ratingInteractive: x,
+  showTellUsMore: y,
   onRate: E,
-  onTellUsMore: p
+  onTellUsMore: g
 }) {
-  const b = be(u), g = k && a.widget?.behavior?.post_chat_rating_enabled ? /* @__PURE__ */ n(
+  const k = be(u), p = b && a.widget?.behavior?.post_chat_rating_enabled ? /* @__PURE__ */ n(
     Pn,
     {
       language: t,
       rating: h,
       endedBy: T,
-      sessionId: k,
-      interactive: v,
-      showTellUsMore: x,
+      sessionId: b,
+      interactive: x,
+      showTellUsMore: y,
       onRate: E,
-      onTellUsMore: p
+      onTellUsMore: g
     }
   ) : null, z = r === "voice" || r === "text_and_voice", S = r === "text" || r === "text_and_voice", M = /* @__PURE__ */ f("div", { className: "rqmii-chat-topbar-actions rqmii-chat-topbar-actions--ended", children: [
     /* @__PURE__ */ n(_e, { language: t, languages: i, onChange: s }),
@@ -3828,7 +3836,7 @@ const In = j.memo(function({ agent: a, language: t, onRestore: i, onClose: r, is
       }
     )
   ] });
-  return r === "voice" ? /* @__PURE__ */ f("div", { className: V("rqmii-chat-panel rqmii-chat-panel--voice-call", H(t)), style: b, children: [
+  return r === "voice" ? /* @__PURE__ */ f("div", { className: V("rqmii-chat-panel rqmii-chat-panel--voice-call", H(t)), style: k, children: [
     /* @__PURE__ */ f("div", { className: "rqmii-chat-topbar", children: [
       /* @__PURE__ */ n("span", {}),
       M
@@ -3836,16 +3844,16 @@ const In = j.memo(function({ agent: a, language: t, onRestore: i, onClose: r, is
     /* @__PURE__ */ f("div", { className: "rqmii-chat-voice-frame", children: [
       /* @__PURE__ */ n(J, { agent: a, size: "hero" }),
       /* @__PURE__ */ n("div", { className: "rqmii-chat-agent-name", children: a.name }),
-      g
+      p
     ] }),
     /* @__PURE__ */ n(le, { language: t, agent: a })
-  ] }) : /* @__PURE__ */ f("div", { className: V("rqmii-chat-panel rqmii-chat-panel--conversation", H(t)), style: b, children: [
+  ] }) : /* @__PURE__ */ f("div", { className: V("rqmii-chat-panel rqmii-chat-panel--conversation", H(t)), style: k, children: [
     /* @__PURE__ */ f("div", { className: "rqmii-chat-topbar", children: [
       /* @__PURE__ */ n(J, { agent: a, size: "header" }),
       M
     ] }),
     /* @__PURE__ */ n(Re, { messages: o, language: t }),
-    g,
+    p,
     S && /* @__PURE__ */ n(Te, { language: t, onSend: l }),
     /* @__PURE__ */ n(le, { language: t, agent: a })
   ] });
@@ -3934,10 +3942,10 @@ const Be = j.memo(function({
   sdk: u,
   renderPanel: h,
   messagesRef: T,
-  initialText: k,
-  autoStartVoice: v
+  initialText: b,
+  autoStartVoice: x
 }) {
-  const [x, E] = y(!1), p = m || ve(a), [b, g] = y(() => p === "voice" && u.isSessionReady || p === "voice" && !!v), [z, S] = y(() => (p === "text" || p === "text_and_voice") && u.isSessionReady || !!k || p === "text_and_voice" && !!v), [M, P] = y(!1), [L, A] = y(!1), [C, I] = y(null), W = sn(p === "voice" && b || p === "text_and_voice" && z), q = ln(), B = a.consent?.enabled && !x && !l, N = _n(p), { events: U } = ue();
+  const [y, E] = v(!1), g = m || ve(a), [k, p] = v(() => g === "voice" && u.isSessionReady || g === "voice" && !!x), [z, S] = v(() => (g === "text" || g === "text_and_voice") && u.isSessionReady || !!b || g === "text_and_voice" && !!x), [M, P] = v(!1), [L, A] = v(!1), [C, I] = v(null), W = sn(g === "voice" && k || g === "text_and_voice" && z), q = ln(), B = a.consent?.enabled && !y && !l, N = _n(g), { events: U } = ue();
   D(() => {
     if (!U) return;
     const K = () => {
@@ -3965,23 +3973,23 @@ const Be = j.memo(function({
   });
   const ee = _(!1);
   D(() => {
-    ee.current || (k ? (ee.current = !0, ne(k)) : v && (ee.current = !0, I(null), A(!0), u.isVoiceActive || u.startVoice()));
+    ee.current || (b ? (ee.current = !0, ne(b)) : x && (ee.current = !0, I(null), A(!0), u.isVoiceActive || u.startVoice()));
   }, []), D(() => {
-    L && u.isSessionReady && (A(!1), p === "voice" ? g(!0) : S(!0));
-  }, [L, u.isSessionReady, p]), D(() => {
+    L && u.isSessionReady && (A(!1), g === "voice" ? p(!0) : S(!0));
+  }, [L, u.isSessionReady, g]), D(() => {
     L && u.error && (A(!1), I(u.error));
   }, [L, u.error]);
   const $ = re(() => {
     I(null), A(!0), u.isVoiceActive || u.startVoice();
   }, [u]);
-  if (u.error && !l && (z || b)) return /* @__PURE__ */ n(ca, { message: u.error, language: t, onClose: o });
+  if (u.error && !l && (z || k)) return /* @__PURE__ */ n(ca, { message: u.error, language: t, onClose: o });
   if (B)
     return /* @__PURE__ */ n(qn, { language: t, config: a.consent, onAccept: O, onDecline: Q });
   const R = {
     agent: a,
     language: t,
     languages: i,
-    chatKind: p,
+    chatKind: g,
     sdk: u,
     isPreview: l,
     onLanguageChange: X,
@@ -3989,35 +3997,35 @@ const Be = j.memo(function({
     onMinimize: N ? () => P(!0) : void 0,
     onRestore: N ? () => P(!1) : void 0,
     onSend: ne,
-    voiceStarted: b,
+    voiceStarted: k,
     conversationStarted: z,
     isMinimized: M,
     elapsed: W,
-    setVoiceStarted: g,
+    setVoiceStarted: p,
     setConversationStarted: S
   };
   return h ? /* @__PURE__ */ n(Ve, { children: h(R) }) : /* @__PURE__ */ n(Rn, { ...R, connecting: L, connectError: C, visualViewportHeight: q, onCloseWidget: s ?? o, initiateVoice: $, onSendSuggestion: (K) => {
     I(null), A(!0), u.sendSuggestion?.(K);
   } });
-}), Rn = j.memo(function({ agent: a, language: t, languages: i, chatKind: r, sdk: o, onLanguageChange: s, onClose: c, onMinimize: d, onRestore: l, onSend: m, voiceStarted: u, conversationStarted: h, isMinimized: T, elapsed: k, setVoiceStarted: v, setConversationStarted: x, visualViewportHeight: E, connecting: p = !1, connectError: b = null, onCloseWidget: g, initiateVoice: z, onSendSuggestion: S }) {
+}), Rn = j.memo(function({ agent: a, language: t, languages: i, chatKind: r, sdk: o, onLanguageChange: s, onClose: c, onMinimize: d, onRestore: l, onSend: m, voiceStarted: u, conversationStarted: h, isMinimized: T, elapsed: b, setVoiceStarted: x, setConversationStarted: y, visualViewportHeight: E, connecting: g = !1, connectError: k = null, onCloseWidget: p, initiateVoice: z, onSendSuggestion: S }) {
   const M = a.widget?.behavior?.typing_indicator_enabled ?? !0, P = r === "text" ? o.waitingForResponse && M : !1, L = o.messages;
   if (r === "avatar") return /* @__PURE__ */ n(ma, { agent: a, language: t, onClose: c });
   if (T)
-    return /* @__PURE__ */ n(In, { agent: a, language: t, onRestore: l, onClose: c, isListening: o.isVoiceActive, isAudioPlaying: o.isAudioPlaying, isSpeaking: o.vad.isSpeaking, onToggleVoice: o.toggleVoice, elapsed: k, variant: r === "text" ? "text" : "voice" });
+    return /* @__PURE__ */ n(In, { agent: a, language: t, onRestore: l, onClose: c, isListening: o.isVoiceActive, isAudioPlaying: o.isAudioPlaying, isSpeaking: o.vad.isSpeaking, onToggleVoice: o.toggleVoice, elapsed: b, variant: r === "text" ? "text" : "voice" });
   if (r === "voice" && u)
-    return /* @__PURE__ */ n(jn, { agent: a, language: t, onEndSession: c, onMinimize: d, isListening: o.isVoiceActive, isLoading: o.vad.isLoading, isSpeaking: o.vad.isSpeaking, isAudioPlaying: o.isAudioPlaying, isAgentThinking: o.isAgentThinking, isAgentSpeaking: o.isAgentSpeaking, onToggleVoice: o.toggleVoice, elapsed: k, visualViewportHeight: E });
+    return /* @__PURE__ */ n(jn, { agent: a, language: t, onEndSession: c, onMinimize: d, isListening: o.isVoiceActive, isLoading: o.vad.isLoading, isSpeaking: o.vad.isSpeaking, isAudioPlaying: o.isAudioPlaying, isAgentThinking: o.isAgentThinking, isAgentSpeaking: o.isAgentSpeaking, onToggleVoice: o.toggleVoice, elapsed: b, visualViewportHeight: E });
   if (r === "voice")
-    return /* @__PURE__ */ n(An, { agent: a, language: t, languages: i, onLanguageChange: s, onClose: g, isAudioPlaying: o.isAudioPlaying, isVoiceSetupLoading: o.isVoiceSetupLoading || p, onStartVoice: z, visualViewportHeight: E });
-  if (!h && (o.messages.length === 0 || p)) {
-    const A = a.conversation?.suggested_messages?.[t]?.filter((G) => G.trim()) || void 0, C = (G) => {
+    return /* @__PURE__ */ n(An, { agent: a, language: t, languages: i, onLanguageChange: s, onClose: p, isAudioPlaying: o.isAudioPlaying, isVoiceSetupLoading: o.isVoiceSetupLoading || g, onStartVoice: z, visualViewportHeight: E });
+  if (!h && (o.messages.length === 0 || g)) {
+    const A = (a.widget?.behavior?.suggested_messages?.[t] || a.conversation?.suggested_messages?.[t])?.filter((G) => G.trim()) || void 0, C = (G) => {
       o.sendSuggestion ? S(G) : m?.(G);
     }, I = r === "text_and_voice" || ve(a) === "text_and_voice";
-    return /* @__PURE__ */ n(Ln, { agent: a, language: t, languages: i, onLanguageChange: s, onClose: g, onSend: m, isVoiceEnabled: I, isAudioPlaying: o.isAudioPlaying, isVoiceSetupLoading: o.isVoiceSetupLoading || p, onStartVoice: z, visualViewportHeight: E, disabled: p, error: b || void 0, suggestions: A, onSuggestionClick: C, compact: !!A });
+    return /* @__PURE__ */ n(Ln, { agent: a, language: t, languages: i, onLanguageChange: s, onClose: p, onSend: m, isVoiceEnabled: I, isAudioPlaying: o.isAudioPlaying, isVoiceSetupLoading: o.isVoiceSetupLoading || g, onStartVoice: z, visualViewportHeight: E, disabled: g, error: k || void 0, suggestions: A, onSuggestionClick: C, compact: !!A });
   }
-  return /* @__PURE__ */ n(Vn, { agent: a, language: t, onEndSession: c, messages: L, partialTranscript: Nn(o.partialTranscript), onSend: m, isAudioPlaying: o.isAudioPlaying, isVoiceEnabled: r === "text_and_voice", isListening: o.isVoiceActive, isSpeaking: o.vad.isSpeaking, isLoading: o.vad.isLoading, isAgentThinking: o.isAgentThinking, isAgentSpeaking: o.isAgentSpeaking, onToggleVoice: o.toggleVoice, onStartVoice: o.startVoice, onMinimize: d, elapsed: k, visualViewportHeight: E, waitingForResponse: P });
+  return /* @__PURE__ */ n(Vn, { agent: a, language: t, onEndSession: c, messages: L, partialTranscript: Nn(o.partialTranscript), onSend: m, isAudioPlaying: o.isAudioPlaying, isVoiceEnabled: r === "text_and_voice", isListening: o.isVoiceActive, isSpeaking: o.vad.isSpeaking, isLoading: o.vad.isLoading, isAgentThinking: o.isAgentThinking, isAgentSpeaking: o.isAgentSpeaking, onToggleVoice: o.toggleVoice, onStartVoice: o.startVoice, onMinimize: d, elapsed: b, visualViewportHeight: E, waitingForResponse: P });
 }), Bn = { isListening: !1, isLoading: !1, isSpeaking: !1, toggle: async () => !1 };
 function ha({ isSessionReady: e, sendTextMessage: a, messages: t }) {
-  const [i, r] = y(null), [o, s] = y(null), c = re(() => {
+  const [i, r] = v(null), [o, s] = v(null), c = re(() => {
     r((d) => (d && (e ? a(d) : s(d)), null));
   }, [e, a]);
   return D(() => {
@@ -4031,7 +4039,7 @@ function ha({ isSessionReady: e, sendTextMessage: a, messages: t }) {
   }, [e, o, a]), { pendingWelcomeText: i, pendingMessage: o, setPendingWelcomeText: r, setPendingMessage: s, sendPendingWelcomeText: c };
 }
 function Ge({ isSessionReady: e, signalClientReady: a }) {
-  const [t, i] = y(!1), [r, o] = y(void 0), s = _(!1);
+  const [t, i] = v(!1), [r, o] = v(void 0), s = _(!1);
   return D(() => {
     !e || s.current || !t || (s.current = !0, a(r), i(!1));
   }, [e, t, r, a]), { emitClientReady: re((d) => {
@@ -4040,7 +4048,7 @@ function Ge({ isSessionReady: e, signalClientReady: a }) {
 }
 const Gn = 300;
 function Un(e) {
-  const { isPreview: a = !1, ...t } = e, { messages: i, sendTextMessage: r, emitUserMessage: o, addLocalMessage: s, clearMessages: c } = de(), { changeSessionLanguage: d, clearSessionHistory: l, signalClientReady: m, error: u, isSessionReady: h, isAgentThinking: T, isAgentSpeaking: k } = ue(), v = _(!1), x = _(null), E = _(!1), [p, b] = y(!1), [g, z] = y(null), [S, M] = y(!1), P = _(i.length);
+  const { isPreview: a = !1, ...t } = e, { messages: i, sendTextMessage: r, emitUserMessage: o, addLocalMessage: s, clearMessages: c } = de(), { changeSessionLanguage: d, clearSessionHistory: l, signalClientReady: m, error: u, isSessionReady: h, isAgentThinking: T, isAgentSpeaking: b } = ue(), x = _(!1), y = _(null), E = _(!1), [g, k] = v(!1), [p, z] = v(null), [S, M] = v(!1), P = _(i.length);
   D(() => {
     if (i.length > P.current) {
       const q = i[i.length - 1];
@@ -4050,18 +4058,18 @@ function Un(e) {
   }, [i]), ta("message_rate_limited", re(() => {
     M(!1);
   }, [])), D(() => {
-    if (!h || !p || E.current) return;
-    const q = x.current;
+    if (!h || !g || E.current) return;
+    const q = y.current;
     if (q === null) return;
-    E.current = !0, x.current = null, s("user", q), z(null);
+    E.current = !0, y.current = null, s("user", q), z(null);
     const B = e.agent.welcomeMessages?.[e.language];
     m(B ? { welcomeMessage: B } : void 0);
     const N = setTimeout(() => {
       o(q), M(!0);
     }, Gn);
     return () => clearTimeout(N);
-  }, [h, p, m, o, s]);
-  const L = te(() => g ? [{ id: "first-user", role: "user", text: g }, ...i] : i, [g, i]), A = re(() => {
+  }, [h, g, m, o, s]);
+  const L = te(() => p ? [{ id: "first-user", role: "user", text: p }, ...i] : i, [p, i]), A = re(() => {
     z(null), c();
   }, [c]), C = {
     emitClientReady: m,
@@ -4077,7 +4085,7 @@ function Un(e) {
     isVoiceActive: !1,
     chatKind: "text"
   }, I = (q, B) => {
-    e.onSessionStart?.(), v.current ? (M(!0), B.sendMessage(q)) : (v.current = !0, z(q), x.current = q, b(!0), M(!0));
+    e.onSessionStart?.(), x.current ? (M(!0), B.sendMessage(q)) : (x.current = !0, z(q), y.current = q, k(!0), M(!0));
   }, G = (q) => {
     e.onTextSend ? e.onTextSend(q, C) : I(q, C);
   };
@@ -4097,7 +4105,7 @@ function Un(e) {
         changeSessionLanguage: d,
         error: u,
         isAgentThinking: T,
-        isAgentSpeaking: k,
+        isAgentSpeaking: b,
         isVoiceSetupLoading: !1,
         isVoiceActive: !1,
         isSessionReady: h,
@@ -4113,24 +4121,24 @@ function Un(e) {
   );
 }
 function Kn(e) {
-  const { isPreview: a = !1, ...t } = e, { messages: i, sendTextMessage: r, clearMessages: o } = de(), { isAudioPlaying: s, partialTranscript: c } = na(), { changeSessionLanguage: d, clearSessionHistory: l, signalClientReady: m, error: u, isSessionReady: h, isAgentThinking: T, isAgentSpeaking: k } = ue(), { setPendingWelcomeText: v, setPendingMessage: x } = ha({ isSessionReady: h, sendTextMessage: r, messages: i }), { emitClientReady: E } = Ge({ isSessionReady: h, signalClientReady: m }), [p, b] = y(!1), g = ia({
+  const { isPreview: a = !1, ...t } = e, { messages: i, sendTextMessage: r, clearMessages: o } = de(), { isAudioPlaying: s, partialTranscript: c } = na(), { changeSessionLanguage: d, clearSessionHistory: l, signalClientReady: m, error: u, isSessionReady: h, isAgentThinking: T, isAgentSpeaking: b } = ue(), { setPendingWelcomeText: x, setPendingMessage: y } = ha({ isSessionReady: h, sendTextMessage: r, messages: i }), { emitClientReady: E } = Ge({ isSessionReady: h, signalClientReady: m }), [g, k] = v(!1), p = ia({
     enabled: !0,
     preloadStream: !1
-  }), { isLoading: z, isListening: S, toggle: M } = g, P = z, L = S || p;
+  }), { isLoading: z, isListening: S, toggle: M } = p, P = z, L = S || g;
   D(() => {
-    !p || !h || z || S || M();
-  }, [p, h, z, S, M]);
+    !g || !h || z || S || M();
+  }, [g, h, z, S, M]);
   const A = () => {
     e.onSessionStart?.();
   }, C = {
     emitClientReady: E,
     sendMessage: (N) => {
-      h ? r(N) : x(N);
+      h ? r(N) : y(N);
     },
-    queueForWelcome: (N) => v(N),
-    enableVoice: () => b(!0),
+    queueForWelcome: (N) => x(N),
+    enableVoice: () => k(!0),
     disableVoice: () => {
-      b(!1), S && M();
+      k(!1), S && M();
     },
     language: e.language,
     isSessionReady: h,
@@ -4161,11 +4169,11 @@ function Kn(e) {
         changeSessionLanguage: d,
         error: u,
         isAgentThinking: T,
-        isAgentSpeaking: k,
+        isAgentSpeaking: b,
         isVoiceSetupLoading: P,
         isVoiceActive: L,
         isSessionReady: h,
-        vad: g,
+        vad: p,
         startVoice: () => {
           e.onVoiceStart ? e.onVoiceStart(C) : I(C);
         },
@@ -4181,7 +4189,7 @@ function Kn(e) {
 }
 const On = 300;
 function Yn(e) {
-  const { isPreview: a = !1, ...t } = e, { messages: i, sendTextMessage: r, emitUserMessage: o, addLocalMessage: s, clearMessages: c } = de(), { isAudioPlaying: d, partialTranscript: l } = na(), { changeSessionLanguage: m, clearSessionHistory: u, signalClientReady: h, error: T, isSessionReady: k, isAgentThinking: v, isAgentSpeaking: x } = ue(), { emitClientReady: E } = Ge({ isSessionReady: k, signalClientReady: h }), [p, b] = y(!1), g = _(null), [z, S] = y(!1), M = _(null), [P, L] = y(!1), A = _(!1), C = _(!1), I = _(!1), [G, W] = y(null), [q, B] = y(!1), N = _(i.length);
+  const { isPreview: a = !1, ...t } = e, { messages: i, sendTextMessage: r, emitUserMessage: o, addLocalMessage: s, clearMessages: c } = de(), { isAudioPlaying: d, partialTranscript: l } = na(), { changeSessionLanguage: m, clearSessionHistory: u, signalClientReady: h, error: T, isSessionReady: b, isAgentThinking: x, isAgentSpeaking: y } = ue(), { emitClientReady: E } = Ge({ isSessionReady: b, signalClientReady: h }), [g, k] = v(!1), p = _(null), [z, S] = v(!1), M = _(null), [P, L] = v(!1), A = _(!1), C = _(!1), I = _(!1), [G, W] = v(null), [q, B] = v(!1), N = _(i.length);
   D(() => {
     if (i.length > N.current) {
       const w = i[i.length - 1];
@@ -4194,25 +4202,25 @@ function Yn(e) {
   const U = ia({
     enabled: !0,
     preloadStream: !1
-  }), { isLoading: O, isListening: Q, toggle: X } = U, ne = O, ee = Q || p;
+  }), { isLoading: O, isListening: Q, toggle: X } = U, ne = O, ee = Q || g;
   D(() => {
-    !p || !k || O || Q || X();
-  }, [p, k, O, Q, X]), D(() => {
-    if (!k || !z || I.current) return;
-    const w = g.current;
+    !g || !b || O || Q || X();
+  }, [g, b, O, Q, X]), D(() => {
+    if (!b || !z || I.current) return;
+    const w = p.current;
     if (w === null) return;
-    I.current = !0, g.current = null, s("user", w), W(null);
+    I.current = !0, p.current = null, s("user", w), W(null);
     const ae = e.agent.welcomeMessages?.[e.language];
     h(ae ? { welcomeMessage: ae } : void 0);
     const xe = setTimeout(() => {
       o(w), B(!0);
     }, On);
     return () => clearTimeout(xe);
-  }, [k, z, h, o, s]), D(() => {
-    if (!k || !P || A.current) return;
+  }, [b, z, h, o, s]), D(() => {
+    if (!b || !P || A.current) return;
     const w = M.current;
     w !== null && (A.current = !0, M.current = null, s("user", w), o(w), B(!0), L(!1));
-  }, [k, P, o, s]);
+  }, [b, P, o, s]);
   const $ = te(() => G ? [{ id: "first-user", role: "user", text: G }, ...i] : i, [G, i]), R = re(() => {
     W(null), C.current = !1, I.current = !1, c();
   }, [c]), K = () => {
@@ -4226,17 +4234,17 @@ function Yn(e) {
     },
     queueForWelcome: () => {
     },
-    enableVoice: () => b(!0),
+    enableVoice: () => k(!0),
     disableVoice: () => {
-      b(!1), Q && X();
+      k(!1), Q && X();
     },
     language: e.language,
-    isSessionReady: k,
+    isSessionReady: b,
     supportsVoice: !0,
     isVoiceActive: ee,
     chatKind: "text_and_voice"
   }, ke = (w, ae) => {
-    K(), !C.current && !I.current ? (C.current = !0, e.onStartText?.(), W(w), g.current = w, S(!0), B(!0)) : (C.current = !0, B(!0), ae.sendMessage(w));
+    K(), !C.current && !I.current ? (C.current = !0, e.onStartText?.(), W(w), p.current = w, S(!0), B(!0)) : (C.current = !0, B(!0), ae.sendMessage(w));
   }, ce = (w) => {
     K(), C.current = !0, I.current = !0, e.onStartVoice?.(), w.enableVoice();
     const ae = e.agent.welcomeMessages?.[e.language];
@@ -4254,11 +4262,11 @@ function Yn(e) {
     partialTranscript: l,
     changeSessionLanguage: m,
     error: T,
-    isAgentThinking: v,
-    isAgentSpeaking: x,
+    isAgentThinking: x,
+    isAgentSpeaking: y,
     isVoiceSetupLoading: ne,
     isVoiceActive: ee,
-    isSessionReady: k,
+    isSessionReady: b,
     vad: U,
     startVoice: () => {
       e.onVoiceStart ? e.onVoiceStart(Z) : ce(Z);
@@ -4271,7 +4279,7 @@ function Yn(e) {
     signalClientReady: h,
     waitingForResponse: q,
     sendSuggestion: (w) => {
-      K(), C.current = !0, I.current = !0, e.onStartVoice?.(), b(!0), M.current = w, L(!0);
+      K(), C.current = !0, I.current = !0, e.onStartVoice?.(), k(!0), M.current = w, L(!0);
     }
   };
   return /* @__PURE__ */ n(
@@ -4285,8 +4293,8 @@ function Yn(e) {
   );
 }
 function Qn(e) {
-  const { isPreview: a = !1, agent: t, language: i, languages: r, onLanguageChange: o, onEndSession: s, onMinimize: c, messages: d, onSendMessage: l } = e, m = s || c || ie, { messages: u, sendTextMessage: h, clearMessages: T } = de(), { changeSessionLanguage: k, clearSessionHistory: v, signalClientReady: x, error: E, isSessionReady: p, isAgentThinking: b, isAgentSpeaking: g } = ue();
-  return ha({ isSessionReady: p, sendTextMessage: h, messages: u }), Ge({ isSessionReady: p, signalClientReady: x }), E && !a ? /* @__PURE__ */ n(ca, { message: E, language: i, onClose: m }) : /* @__PURE__ */ n(ma, { agent: t, language: i, onClose: m });
+  const { isPreview: a = !1, agent: t, language: i, languages: r, onLanguageChange: o, onEndSession: s, onMinimize: c, messages: d, onSendMessage: l } = e, m = s || c || ie, { messages: u, sendTextMessage: h, clearMessages: T } = de(), { changeSessionLanguage: b, clearSessionHistory: x, signalClientReady: y, error: E, isSessionReady: g, isAgentThinking: k, isAgentSpeaking: p } = ue();
+  return ha({ isSessionReady: g, sendTextMessage: h, messages: u }), Ge({ isSessionReady: g, signalClientReady: y }), E && !a ? /* @__PURE__ */ n(ca, { message: E, language: i, onClose: m }) : /* @__PURE__ */ n(ma, { agent: t, language: i, onClose: m });
 }
 function ai({ agent: e, defaultOpen: a = !1, className: t = "", preview: i = !1, ChatBoxComponent: r }) {
   const [o, s] = j.useState(a), [c, d] = j.useState(e.defaultLanguage), l = te(() => pe(e.languages, e.defaultLanguage), [e.defaultLanguage, e.languages]);
@@ -4298,7 +4306,7 @@ function ai({ agent: e, defaultOpen: a = !1, className: t = "", preview: i = !1,
   ] });
 }
 function Hn({ restUrl: e, identifier: a, fallbackAgent: t, withCredentials: i = !1, children: r, onError: o }) {
-  const [s, c] = y(() => t ? ge(t) : null), [d, l] = y(null);
+  const [s, c] = v(() => t ? ge(t) : null), [d, l] = v(null);
   return D(() => {
     t && (c(ge(t)), l(null));
   }, [t]), D(() => {
@@ -4309,18 +4317,18 @@ function Hn({ restUrl: e, identifier: a, fallbackAgent: t, withCredentials: i =
     }), () => m.abort();
   }, [t, a, o, e, i]), d ? /* @__PURE__ */ n("div", { className: "rqmii-chat-panel rqmii-chat-panel--error", children: d.message || "Could not load agent" }) : s ? /* @__PURE__ */ n(Ve, { children: r(s) }) : /* @__PURE__ */ n("div", { className: "rqmii-chat-panel rqmii-chat-panel--error", children: "Loading" });
 }
-function Ae({ agent: e, language: a, languages: t, onLanguageChange: i, onEndSession: r, onMinimize: o, onStartText: s, onStartVoice: c, textOnly: d, messages: l, onSendMessage: m, isPreview: u, onSessionStart: h, initialText: T, autoStartVoice: k }) {
-  const v = ve(e), x = { agent: e, language: a, languages: t, onLanguageChange: i, onEndSession: r, onMinimize: o, messages: l, onSendMessage: m, isPreview: u, onSessionStart: h, initialText: T, autoStartVoice: k };
-  switch (v) {
+function Ae({ agent: e, language: a, languages: t, onLanguageChange: i, onEndSession: r, onMinimize: o, onStartText: s, onStartVoice: c, textOnly: d, messages: l, onSendMessage: m, isPreview: u, onSessionStart: h, initialText: T, autoStartVoice: b }) {
+  const x = ve(e), y = { agent: e, language: a, languages: t, onLanguageChange: i, onEndSession: r, onMinimize: o, messages: l, onSendMessage: m, isPreview: u, onSessionStart: h, initialText: T, autoStartVoice: b };
+  switch (x) {
     case "avatar":
-      return /* @__PURE__ */ n(Qn, { ...x });
+      return /* @__PURE__ */ n(Qn, { ...y });
     case "voice":
-      return /* @__PURE__ */ n(Kn, { ...x });
+      return /* @__PURE__ */ n(Kn, { ...y });
     case "text_and_voice":
-      return /* @__PURE__ */ n(Yn, { ...x, onStartText: s, onStartVoice: c, textOnly: d });
+      return /* @__PURE__ */ n(Yn, { ...y, onStartText: s, onStartVoice: c, textOnly: d });
     case "text":
     default:
-      return /* @__PURE__ */ n(Un, { ...x });
+      return /* @__PURE__ */ n(Un, { ...y });
   }
 }
 function Wn({
@@ -4338,27 +4346,27 @@ function Wn({
   onStartText: u,
   onStartVoice: h
 }) {
-  const { connectionState: T, isConnected: k, isSessionTerminated: v, creditExhausted: x, session: E, endSession: p, submitFeedback: b, interrupt: g } = ue(), { messages: z } = de(), S = _(!1), M = _(null), [P, L] = y(null), [A, C] = y(0), [I, G] = y(!1), [W, q] = y(!1), [B, N] = y(!1);
+  const { connectionState: T, isConnected: b, isSessionTerminated: x, creditExhausted: y, session: E, endSession: g, submitFeedback: k, interrupt: p } = ue(), { messages: z } = de(), S = _(!1), M = _(null), [P, L] = v(null), [A, C] = v(0), [I, G] = v(!1), [W, q] = v(!1), [B, N] = v(!1);
   D(() => {
-    k && (S.current = !0);
-  }, [k]), D(() => {
+    b && (S.current = !0);
+  }, [b]), D(() => {
     if (P) return;
     let R = null;
-    v || T === "ended" ? R = M.current === "user" ? "user_ended" : "terminated" : T === "failed" ? x ? R = "credits_exhausted" : S.current ? R = "connection_lost" : R = "failed" : x && (R = "credits_exhausted"), R && L({
+    x || T === "ended" ? R = M.current === "user" ? "user_ended" : "terminated" : T === "failed" ? y ? R = "credits_exhausted" : S.current ? R = "connection_lost" : R = "failed" : y && (R = "credits_exhausted"), R && L({
       sessionId: E.sessionId,
       endedBy: M.current ?? "agent",
       reason: R
     });
-  }, [v, T, x, E.sessionId, P]);
+  }, [x, T, y, E.sessionId, P]);
   const U = () => {
-    M.current = "user", g(), p();
+    M.current = "user", p(), g();
   }, O = P?.sessionId ?? null, Q = (R) => {
-    I || (C(R), O && b({ sessionId: O, rating: R, endedBy: P?.endedBy }).catch(() => {
+    I || (C(R), O && k({ sessionId: O, rating: R, endedBy: P?.endedBy }).catch(() => {
     }), B || (N(!0), q(!0)));
   }, X = async (R) => {
     if (O)
       try {
-        await b({ sessionId: O, feedback: R, endedBy: P?.endedBy });
+        await k({ sessionId: O, feedback: R, endedBy: P?.endedBy });
       } catch {
       }
     G(!0), q(!1);
@@ -4428,7 +4436,7 @@ function Wn({
     }
   );
 }
-function ti({ wsUrl: e, restUrl: a, apiKey: t, agentId: i, agent: r, language: o, defaultOpen: s = !1, open: c, className: d = "", pcmOptions: l, debug: m = !1, withCredentials: u = !1, onError: h, onInitialized: T, config: k, promptOverrides: v, clientTools: x, onMinimize: E, onOpen: p }) {
+function ti({ wsUrl: e, restUrl: a, apiKey: t, agentId: i, agent: r, language: o, defaultOpen: s = !1, open: c, className: d = "", pcmOptions: l, debug: m = !1, withCredentials: u = !1, onError: h, onInitialized: T, config: b, promptOverrides: x, clientTools: y, onMinimize: E, onOpen: g }) {
   if ([!!t, !!i].filter(Boolean).length > 1)
     throw new Error("RqmiiAgentChat: only one of apiKey, or agentId may be provided");
   return /* @__PURE__ */ n(Hn, { restUrl: a, identifier: t || i, fallbackAgent: r, withCredentials: u, onError: h, children: (z) => /* @__PURE__ */ n(
@@ -4448,16 +4456,16 @@ function ti({ wsUrl: e, restUrl: a, apiKey: t, agentId: i, agent: r, language: o
       withCredentials: u,
       onError: h,
       onInitialized: T,
-      config: k,
-      promptOverrides: v,
-      clientTools: x,
+      config: b,
+      promptOverrides: x,
+      clientTools: y,
       onMinimize: E,
-      onOpen: p
+      onOpen: g
     }
   ) });
 }
-function $n({ wsUrl: e, restUrl: a, apiKey: t, agentId: i, agent: r, language: o, defaultOpen: s, open: c, className: d, pcmOptions: l, debug: m, withCredentials: u, onError: h, onInitialized: T, config: k, promptOverrides: v, clientTools: x, onMinimize: E, onOpen: p }) {
-  const [b, g] = y(s), z = c !== void 0 ? c : b, [S, M] = y(!1), [P, L] = y(o || r.defaultLanguage), [A, C] = y("idle"), [I, G] = y(0), [W, q] = y(null), [B, N] = y(!1), U = r.agentType === "cloud_avatar" || r.agentType === "desktop_avatar", O = U, Q = r.widget?.behavior, X = r.welcomeMessages?.[P] || "", ne = !z && !B && !O && !!Q?.welcome_bubble_enabled && !!X.trim(), ee = te(() => pe(r.languages, r.defaultLanguage), [r.defaultLanguage, r.languages]), $ = te(() => A === "text" ? { ...k ?? {}, use_voice: !1, use_text: !0 } : k, [k, A]), R = te(
+function $n({ wsUrl: e, restUrl: a, apiKey: t, agentId: i, agent: r, language: o, defaultOpen: s, open: c, className: d, pcmOptions: l, debug: m, withCredentials: u, onError: h, onInitialized: T, config: b, promptOverrides: x, clientTools: y, onMinimize: E, onOpen: g }) {
+  const [k, p] = v(s), z = c !== void 0 ? c : k, [S, M] = v(!1), [P, L] = v(o || r.defaultLanguage), [A, C] = v("idle"), [I, G] = v(0), [W, q] = v(null), [B, N] = v(!1), U = r.agentType === "cloud_avatar" || r.agentType === "desktop_avatar", O = U, Q = r.widget?.behavior, X = r.welcomeMessages?.[P] || "", ne = !z && !B && !O && !!Q?.welcome_bubble_enabled && !!X.trim(), ee = te(() => pe(r.languages, r.defaultLanguage), [r.defaultLanguage, r.languages]), $ = te(() => A === "text" ? { ...b ?? {}, use_voice: !1, use_text: !0 } : b, [b, A]), R = te(
     () => Lt(r, $),
     [r, $]
   ), K = !O && R.useVoice, Z = U ? z : S, ke = te(() => ({
@@ -4465,8 +4473,8 @@ function $n({ wsUrl: e, restUrl: a, apiKey: t, agentId: i, agent: r, language: o
     ...i ? { agentId: i } : {},
     language: P,
     config: $,
-    ...v ? { promptOverrides: v } : {}
-  }), [i, t, P, $, v]), ce = _(null), fe = _(!1), ze = _(I), Ue = ze.current !== I;
+    ...x ? { promptOverrides: x } : {}
+  }), [i, t, P, $, x]), ce = _(null), fe = _(!1), ze = _(I), Ue = ze.current !== I;
   ze.current = I, S && (!fe.current || Ue) && (ce.current = ke), fe.current = S, S || (ce.current = null);
   const Ke = S && ce.current ? ce.current : ke;
   D(() => {
@@ -4481,9 +4489,9 @@ function $n({ wsUrl: e, restUrl: a, apiKey: t, agentId: i, agent: r, language: o
   }, ae = () => {
     C("voice"), M(!0);
   }, xe = () => {
-    c === void 0 && g(!1), E?.();
+    c === void 0 && p(!1), E?.();
   }, ga = () => {
-    c === void 0 && g(!0), N(!0), p?.();
+    c === void 0 && p(!0), N(!0), g?.();
   }, pa = (me, ba) => {
     q(me === "text" ? { mode: "text", text: ba ?? "" } : { mode: "voice" }), C(me), M(!0), G((ka) => ka + 1);
   };
@@ -4500,7 +4508,7 @@ function $n({ wsUrl: e, restUrl: a, apiKey: t, agentId: i, agent: r, language: o
       withCredentials: u,
       onError: Se,
       onInitialized: T,
-      clientTools: x,
+      clientTools: y,
       children: /* @__PURE__ */ f("div", { className: V("rqmii-chat-surface", r.widget?.appearance?.position === "left" && "rqmii-position-left", d), dir: "ltr", children: [
         ne && /* @__PURE__ */ n(
           hn,
@@ -4537,7 +4545,7 @@ function $n({ wsUrl: e, restUrl: a, apiKey: t, agentId: i, agent: r, language: o
   );
 }
 function ni({ agent: e, language: a, open: t = !0, className: i = "", messages: r, onSendMessage: o, onClose: s }) {
-  const c = te(() => ge(e), [e]), [d, l] = y(t), [m, u] = y(a || c.defaultLanguage), h = te(() => pe(c.languages, c.defaultLanguage), [c.defaultLanguage, c.languages]);
+  const c = te(() => ge(e), [e]), [d, l] = v(t), [m, u] = v(a || c.defaultLanguage), h = te(() => pe(c.languages, c.defaultLanguage), [c.defaultLanguage, c.languages]);
   return D(() => {
     a && u(a);
   }, [a]), D(() => {