@botonic/webchat-react 2.31.1-alpha.9 → 2.33.0

package/{webchat-app-Cxzk8Q-q.js → webchat-app-BfcNIC8B.js}

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as f, Fragment as B } from "react/jsx-runtime";
 import { Button as en, DropdownMenuItem as tt, DropdownMenuItemCheckbox as tn, PopoverTrigger as nn, DropdownMenu as on } from "@lilara/ui-web-react";
-import St, { createContext as Re, useContext as Be, useState as N, useRef as S, useCallback as b, useMemo as ce, useEffect as E, forwardRef as G, useLayoutEffect as an } from "react";
-import { cva as j, cx as R } from "class-variance-authority";
+import St, { createContext as Pe, useContext as Be, useState as N, useRef as S, useCallback as b, useMemo as ce, useEffect as I, forwardRef as G, useLayoutEffect as an } from "react";
+import { cva as j, cx as P } from "class-variance-authority";
 import { WebchatController as sn, setupGlobalWebchatAPI as rn, publicWebchatController as ct, isCloseWebviewMessage as ln, isWebviewPostMessage as cn, WEBVIEW_MESSAGE_TYPES as ge, WebchatMessageFactory as nt } from "@botonic/webchat-core";
 import { useDialog as dn, FocusScope as un, useButton as Nt, useFocusRing as ot, mergeProps as Mt, useObjectRef as mn } from "react-aria";
 import { useSelector as z } from "@xstate/react";
@@ -10,14 +10,14 @@ import fn from "react-markdown";
 import pn from "rehype-external-links";
 import Cn from "remark-breaks";
 import vn from "remark-gfm";
-const It = Re(null);
+const Tt = Pe(null);
 function q() {
-  const e = Be(It);
+  const e = Be(Tt);
   if (!e)
     throw new Error("useWebchatContext must be used within a WebchatProvider");
   return e;
 }
-const Et = Re(
+const Et = Pe(
   null
 );
 function bn({
@@ -107,7 +107,7 @@ function yn(e) {
     c,
     (g) => g.context.overlayState
   );
-  return E(() => (rn(o), () => {
+  return I(() => (rn(o), () => {
     o.destroy();
   }), [o]), {
     // Framework-agnostic controller - all webchat functionality
@@ -141,7 +141,7 @@ const Sn = G(({ children: e, ...n }, a) => {
     controller: o.controller,
     previewUtils: n.previewUtils
   };
-  return /* @__PURE__ */ t(It.Provider, { value: s, children: /* @__PURE__ */ t(bn, { children: e }) });
+  return /* @__PURE__ */ t(Tt.Provider, { value: s, children: /* @__PURE__ */ t(bn, { children: e }) });
 }), Nn = {
   collapsedByDefaultWhenConversationHasMessages: !0,
   collapseOnUserEngagement: !0,
@@ -172,7 +172,7 @@ const An = {
   },
   onUserEngagement: Ae
 };
-function In({
+function Tn({
   controller: e,
   isOpen: n,
   layout: a,
@@ -191,7 +191,7 @@ function In({
     (A) => Ze(A),
     (A, M) => A === M
   );
-  E(() => {
+  I(() => {
     if (!o) return;
     if (p === 0) {
       m(!1), u(!1), h.current = !1, _.current = !1, l.current = 0;
@@ -203,7 +203,7 @@ function In({
     o,
     p,
     s.collapsedByDefaultWhenConversationHasMessages
-  ]), E(() => {
+  ]), I(() => {
     if (!o || !n || !s.collapsedByDefaultWhenConversationHasMessages) return;
     Ze(e.machine.getSnapshot()) > 0 && (m(!0), u(!0), h.current = !0);
   }, [
@@ -214,7 +214,7 @@ function In({
   ]);
   const v = b(() => {
     o && (h.current = !0, u(!0), s.collapseOnUserEngagement && m(!0));
-  }, [o, s.collapseOnUserEngagement]), w = b(
+  }, [o, s.collapseOnUserEngagement]), L = b(
     (A) => {
       if (o && h.current) {
         if (!A) {
@@ -225,7 +225,7 @@ function In({
       }
     },
     [o, s.expandHeroWhenReturningToScrollTop]
-  ), I = b(
+  ), T = b(
     (A) => {
       o && C(A);
     },
@@ -239,27 +239,27 @@ function In({
     },
     messages: {
       hasUserInteracted: d,
-      onScrollDepthChange: I,
-      onMessagesScrollAtTopChange: w,
+      onScrollDepthChange: T,
+      onMessagesScrollAtTopChange: L,
       onUserInteraction: v
     },
     onUserEngagement: v
   } : An;
 }
-const En = "backdrop-module__base___2047X", Tn = {
+const En = "backdrop-module__base___2047X", In = {
   base: En
 };
 function xn({ isClosing: e = !1 }) {
   return /* @__PURE__ */ t(
     "div",
     {
-      className: Tn.base,
+      className: In.base,
       "aria-hidden": !0,
       "data-closing": e || void 0
     }
   );
 }
-function Pn() {
+function Rn() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -272,7 +272,7 @@ function Pn() {
     }
   );
 }
-function Rn() {
+function Pn() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -285,13 +285,13 @@ function Rn() {
     }
   );
 }
-const Bn = "dialog-module__base___K18e8", kn = "dialog-module__success___z5NAQ", On = "dialog-module__error___Q46VR", Dn = "dialog-module__loading___21312", Wn = "dialog-module__actions___xFizf", Vn = "dialog-module__closing___qgRFX", zn = "dialog-module__iconContainer___8lOJ3", Fn = "dialog-module__spinner___jL0bN", Hn = "dialog-module__textContent___t6Tqt", Un = "dialog-module__title___jr3if", $n = "dialog-module__subtitle___K1uUB", Z = {
+const Bn = "dialog-module__base___K18e8", kn = "dialog-module__success___z5NAQ", On = "dialog-module__error___Q46VR", Dn = "dialog-module__loading___21312", Vn = "dialog-module__actions___xFizf", Wn = "dialog-module__closing___qgRFX", zn = "dialog-module__iconContainer___8lOJ3", Fn = "dialog-module__spinner___jL0bN", Hn = "dialog-module__textContent___t6Tqt", Un = "dialog-module__title___jr3if", $n = "dialog-module__subtitle___K1uUB", Z = {
   base: Bn,
   success: kn,
   error: On,
   loading: Dn,
-  actions: Wn,
-  closing: Vn,
+  actions: Vn,
+  closing: Wn,
   iconContainer: zn,
   spinner: Fn,
   textContent: Hn,
@@ -325,7 +325,7 @@ function qn({
     const m = (g) => (g ?? "solid") === "solid";
     return Number(m(u.appearance)) - Number(m(c.appearance));
   }), h = S(null), { dialogProps: _, titleProps: d } = dn({ role: "dialog" }, h);
-  return E(() => {
+  return I(() => {
     h.current && h.current.focus();
   }, [e]), /* @__PURE__ */ t(un, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ f(
     "div",
@@ -344,8 +344,8 @@ function qn({
             "aria-hidden": !0,
             children: [
               e === "loading" && /* @__PURE__ */ t("div", { className: Z.spinner }, "loading"),
-              e === "success" && /* @__PURE__ */ t(Pn, {}, "success"),
-              e === "error" && /* @__PURE__ */ t(Rn, {}, "error")
+              e === "success" && /* @__PURE__ */ t(Rn, {}, "success"),
+              e === "error" && /* @__PURE__ */ t(Pn, {}, "error")
             ]
           }
         ),
@@ -358,9 +358,9 @@ function qn({
     }
   ) });
 }
-const Tt = Re(null);
+const It = Pe(null);
 function xt() {
-  const e = Be(Tt);
+  const e = Be(It);
   if (!e)
     throw new Error("useDialog must be used within a DialogProvider");
   return e;
@@ -406,7 +406,7 @@ function jn({
     }
     r(!0);
   }, []);
-  a && (a.current = { open: d, update: u, close: c }), E(() => {
+  a && (a.current = { open: d, update: u, close: c }), I(() => {
     if (process.env.NODE_ENV !== "production") {
       const C = document.querySelector(
         "[data-webchat-container], [data-webview-frame]"
@@ -417,7 +417,7 @@ function jn({
     }
   }, []);
   const m = o.isOpen || i, g = { open: d, update: u, close: c, dialogState: o };
-  return /* @__PURE__ */ f(Tt.Provider, { value: g, children: [
+  return /* @__PURE__ */ f(It.Provider, { value: g, children: [
     e,
     m && /* @__PURE__ */ t(xn, { isClosing: i }),
     m && /* @__PURE__ */ t(
@@ -441,7 +441,7 @@ function Qn({
   const o = S(null), s = () => {
     a.current();
   };
-  return E(() => (ct.setDialogController({
+  return I(() => (ct.setDialogController({
     open: (i) => o.current?.open(i),
     update: (i) => o.current?.update(i),
     close: () => o.current?.close()
@@ -449,21 +449,21 @@ function Qn({
     ct.setDialogController(void 0);
   }), []), /* @__PURE__ */ t(jn, { onOpen: s, controlsRef: o, children: e });
 }
-const Pt = Re(null);
+const Rt = Pe(null);
 function Oe() {
-  const e = Be(Pt);
+  const e = Be(Rt);
   if (!e)
     throw new Error("useOverlayContext must be used within an Overlay");
   return e;
 }
-const Zn = "cover-frame-module__base___e38vU", Xn = "cover-frame-module__errorContainer___o19mQ", Yn = "cover-frame-module__errorText___ltF9m", Je = {
+const Zn = "cover-frame-module__base___e38vU", Yn = "cover-frame-module__errorContainer___o19mQ", Xn = "cover-frame-module__errorText___ltF9m", Je = {
   base: Zn,
-  errorContainer: Xn,
-  errorText: Yn
+  errorContainer: Yn,
+  errorText: Xn
 }, dt = j(Je.base);
 function Jn({ className: e }) {
   const { overlayState: n, coverRegistry: a, setIsLoading: o } = Oe();
-  if (E(() => {
+  if (I(() => {
     n?.type === "cover" && o(!1);
   }, [n?.type, o]), !n || n.type !== "cover")
     return null;
@@ -616,11 +616,11 @@ function bo(e, n) {
     l,
     h
   ]);
-  return E(() => {
+  return I(() => {
     e?.isOpen && e?.type === "webview" && o(!0);
-  }, [e?.isOpen, e?.type]), E(() => {
+  }, [e?.isOpen, e?.type]), I(() => {
     e?.type === "webview" && o(!0);
-  }, [e?.type === "webview" ? e.url : null]), E(() => {
+  }, [e?.type === "webview" ? e.url : null]), I(() => {
     if (e?.type !== "webview")
       return;
     const d = (u) => {
@@ -655,7 +655,7 @@ function bo(e, n) {
     return window.addEventListener("message", d), () => {
       window.removeEventListener("message", d);
     };
-  }, [n, _, e?.type]), E(() => {
+  }, [n, _, e?.type]), I(() => {
     const d = (u) => {
       if (u.key === "Escape") {
         if (r.isOpen) {
@@ -723,7 +723,7 @@ function yo({
     attemptClose: m,
     coverRegistry: h
   };
-  return /* @__PURE__ */ t(Pt.Provider, { value: C, children: /* @__PURE__ */ t("div", { className: Lo(g), "data-overlay": !0, children: _ || /* @__PURE__ */ f(B, { children: [
+  return /* @__PURE__ */ t(Rt.Provider, { value: C, children: /* @__PURE__ */ t("div", { className: Lo(g), "data-overlay": !0, children: _ || /* @__PURE__ */ f(B, { children: [
     /* @__PURE__ */ t(fo, {}),
     /* @__PURE__ */ t(ro, {})
   ] }) }) });
@@ -744,7 +744,7 @@ function So(e, n, a) {
     },
     [u]
   );
-  return E(() => {
+  return I(() => {
     const v = C.current;
     C.current = d, v === !1 && d ? (g(!0), c("opening")) : v === !0 && !d && c("closing");
   }, [d]), {
@@ -838,10 +838,10 @@ function Ao(e) {
   ), v = b(
     (y) => a.overlay.setConfirmClose(y),
     [a]
-  ), w = b(
+  ), L = b(
     (y) => a.overlay.sendPayload(y),
     [a]
-  ), I = b(
+  ), T = b(
     (y) => a.overlay.navigate(y),
     [a]
   );
@@ -864,8 +864,8 @@ function Ao(e) {
             onSetIcon: C,
             onSetAllowClose: p,
             onSetConfirmClose: v,
-            onSendPayload: w,
-            onNavigate: I,
+            onSendPayload: L,
+            onNavigate: T,
             coverRegistry: h
           }
         )
@@ -873,7 +873,7 @@ function Ao(e) {
     }
   ) : null;
 }
-function Io() {
+function To() {
   return /* @__PURE__ */ f(
     "svg",
     {
@@ -909,7 +909,7 @@ function Eo() {
     }
   );
 }
-function To(e) {
+function Io(e) {
   return Math.min(1, Math.max(0, e));
 }
 function xo(e, n, a) {
@@ -928,7 +928,7 @@ function xo(e, n, a) {
     className: g,
     style: C,
     ...p
-  } = e, v = s ?? n.avatarConfig?.bot?.src, w = n.avatarConfig?.bot?.svg, I = i ?? n.avatarConfig?.bot?.alt, y = z(
+  } = e, v = s ?? n.avatarConfig?.bot?.src, L = n.avatarConfig?.bot?.svg, T = i ?? n.avatarConfig?.bot?.alt, y = z(
     n.controller.machine,
     (F) => F.context.connectionStatus || "disconnected"
   ), A = b(() => {
@@ -948,11 +948,11 @@ function xo(e, n, a) {
       default:
         return "Offline";
     }
-  }, []), k = r ? M(y) : void 0, W = _ !== "expanded", V = c ?? n.enableResponsiveHeroHeader ?? !0, X = To(
-    d ?? Number(W)
-  ), Y = {
+  }, []), k = r ? M(y) : void 0, V = _ !== "expanded", W = c ?? n.enableResponsiveHeroHeader ?? !0, Y = Io(
+    d ?? Number(V)
+  ), X = {
     ...C,
-    "--webchat-header-collapse-progress": String(X)
+    "--webchat-header-collapse-progress": String(Y)
   };
   return {
     // Header element props
@@ -960,14 +960,14 @@ function xo(e, n, a) {
       ...p,
       ref: a,
       "aria-label": m || `${o} header`,
-      style: Y,
-      "data-webchat-responsive-hero": V ? "on" : "off"
+      style: X,
+      "data-webchat-responsive-hero": W ? "on" : "off"
     },
     // Header content
     title: o,
     avatarSrc: v,
-    avatarSvg: w,
-    avatarAlt: I,
+    avatarSvg: L,
+    avatarAlt: T,
     showStatus: r,
     statusText: k,
     showClose: l,
@@ -981,10 +981,10 @@ function xo(e, n, a) {
     }
   };
 }
-const Po = "webchat-header-module__base___VbIWd", Ro = "webchat-header-module__profile___NsohW", Bo = "webchat-header-module__avatar___klWPr", ko = "webchat-header-module__collapsed___Xwj3m", Oo = "webchat-header-module__expanded___9RKFH", D = {
-  base: Po,
+const Ro = "webchat-header-module__base___VbIWd", Po = "webchat-header-module__profile___NsohW", Bo = "webchat-header-module__avatar___klWPr", ko = "webchat-header-module__collapsed___Xwj3m", Oo = "webchat-header-module__expanded___9RKFH", D = {
+  base: Ro,
   "header-content": "webchat-header-module__header-content___bPP9l",
-  profile: Ro,
+  profile: Po,
   avatar: Bo,
   "header-text": "webchat-header-module__header-text___64Yj9",
   "header-title": "webchat-header-module__header-title___QHcHi",
@@ -998,7 +998,7 @@ const Po = "webchat-header-module__base___VbIWd", Ro = "webchat-header-module__p
   "has-shadow": "webchat-header-module__has-shadow___uQ7mG",
   collapsed: ko,
   expanded: Oo
-}, Rt = G((e, n) => {
+}, Pt = G((e, n) => {
   const a = mn(n), { buttonProps: o } = Nt(e, a), { focusProps: s, isFocusVisible: i } = ot();
   return /* @__PURE__ */ t(
     "button",
@@ -1022,12 +1022,12 @@ function Do(e) {
       className: D["header-button"],
       "aria-label": e["aria-label"] ?? "Close chat",
       "data-focus-visible": s || void 0,
-      children: /* @__PURE__ */ t(Io, {})
+      children: /* @__PURE__ */ t(To, {})
     }
   );
 }
-Rt.displayName = "MenuTriggerButton";
-const Wo = j(D.base, {
+Pt.displayName = "MenuTriggerButton";
+const Vo = j(D.base, {
   variants: {
     variant: {
       default: D.collapsed,
@@ -1042,7 +1042,7 @@ const Wo = j(D.base, {
     variant: "collapsed"
   }
 });
-function Vo({
+function Wo({
   children: e,
   ...n
 }) {
@@ -1063,7 +1063,7 @@ function Vo({
     "header",
     {
       ...s,
-      className: Wo(g),
+      className: Vo(g),
       "data-webchat-header": !0,
       children: /* @__PURE__ */ f("div", { className: D["header-content"], children: [
         /* @__PURE__ */ f("div", { className: D.profile, children: [
@@ -1194,7 +1194,7 @@ function Zo({
   const { menuItemProps: a } = Qo({ onClose: e });
   return /* @__PURE__ */ t(tt, { icon: /* @__PURE__ */ t($o, {}), onPress: a.onPress, children: n ?? "Reset session" });
 }
-function Xo() {
+function Yo() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -1207,7 +1207,7 @@ function Xo() {
     }
   );
 }
-function Yo({
+function Xo({
   onClose: e,
   children: n
 }) {
@@ -1215,7 +1215,7 @@ function Yo({
   return /* @__PURE__ */ t(
     tn,
     {
-      icon: /* @__PURE__ */ t(Xo, {}),
+      icon: /* @__PURE__ */ t(Yo, {}),
       isSelected: s,
       onChange: (i) => o.toggleSounds(i),
       children: n ?? "Sounds"
@@ -1404,7 +1404,7 @@ function va(e) {
 }
 function ba() {
   const { controller: e } = q(), [n, a] = N([]), [o, s] = N(), i = S(null), r = S(/* @__PURE__ */ new Map());
-  E(() => {
+  I(() => {
     const c = r.current;
     return () => {
       c.forEach((m) => URL.revokeObjectURL(m));
@@ -1463,12 +1463,12 @@ function ba() {
     }
   };
 }
-const wa = "audio-waveform-module__waveform___xs7iO", Wt = {
+const wa = "audio-waveform-module__waveform___xs7iO", Vt = {
   waveform: wa
 }, La = 30, ya = 1e3 / La, Sa = 24, mt = 2, _t = 3;
 function Na({ analyserNode: e }) {
   const n = S(null), a = S(void 0), o = S(0);
-  return E(() => {
+  return I(() => {
     const s = n.current;
     if (!s) return;
     const i = () => {
@@ -1498,19 +1498,19 @@ function Na({ analyserNode: e }) {
       const m = window.devicePixelRatio ?? 1, g = s.width, C = s.height, p = mt * m, v = Math.max(
         1,
         Math.floor(g / m / (mt + _t))
-      ), w = _t * m;
+      ), L = _t * m;
       l.clearRect(0, 0, g, C), l.fillStyle = "currentColor";
-      const I = Math.floor(h * 0.5);
+      const T = Math.floor(h * 0.5);
       for (let y = 0; y < v; y++) {
-        const A = Math.floor(y / v * I), M = _[A], k = Math.max(p, M / 255 * C * 1.1), W = y * (p + w), V = (C - k) / 2;
-        d(W, V, p, k);
+        const A = Math.floor(y / v * T), M = _[A], k = Math.max(p, M / 255 * C * 1.1), V = y * (p + L), W = (C - k) / 2;
+        d(V, W, p, k);
       }
       a.current = requestAnimationFrame(u);
     }
     return a.current = requestAnimationFrame(u), () => {
       a.current !== void 0 && cancelAnimationFrame(a.current), r.disconnect();
     };
-  }, [e]), /* @__PURE__ */ t("canvas", { ref: n, className: Wt.waveform, "aria-hidden": !0 });
+  }, [e]), /* @__PURE__ */ t("canvas", { ref: n, className: Vt.waveform, "aria-hidden": !0 });
 }
 const Ma = 24, ht = 2, gt = 3;
 function Aa(e, n, a, o, s) {
@@ -1521,7 +1521,7 @@ function Aa(e, n, a, o, s) {
   }
   e.beginPath(), e.moveTo(n + i, a), e.arcTo(n + o, a, n + o, a + i, i), e.lineTo(n + o, a + s - i), e.arcTo(n + o, a + s, n + i, a + s, i), e.lineTo(n + i, a + s), e.arcTo(n, a + s, n, a + s - i, i), e.lineTo(n, a + i), e.arcTo(n, a, n + i, a, i), e.closePath(), e.fill();
 }
-function Ia(e, n, a, o, s) {
+function Ta(e, n, a, o, s) {
   const i = window.devicePixelRatio ?? 1;
   e.clearRect(0, 0, n, a), e.fillStyle = "currentColor";
   const r = ht * i, l = gt * i, h = Math.max(
@@ -1535,7 +1535,7 @@ function Ia(e, n, a, o, s) {
         Math.floor((g + 1) / h * o.length)
       );
       let v = 0;
-      for (let w = C; w < p; w++) v += Math.abs(o[w]);
+      for (let L = C; L < p; L++) v += Math.abs(o[L]);
       u[g] = v / (p - C);
     } else
       u[g] = 0.1 + 0.1 * Math.abs(Math.sin(g * 0.9)) + 0.07 * Math.abs(Math.sin(g * 1.7));
@@ -1549,11 +1549,11 @@ function Ia(e, n, a, o, s) {
   }
   e.globalAlpha = 1;
 }
-function Ie(e, n, a) {
+function Te(e, n, a) {
   const o = window.devicePixelRatio ?? 1, s = Math.max(e.clientWidth, 60), i = Math.round(s * o), r = Ma * o;
   e.width !== i && (e.width = i), e.height !== r && (e.height = r);
   const l = e.getContext("2d");
-  l && Ia(l, e.width, e.height, n, a);
+  l && Ta(l, e.width, e.height, n, a);
 }
 function Ea(e) {
   return Math.min(1, Math.max(0, e));
@@ -1562,31 +1562,31 @@ function ft(e, n) {
   const a = e.getBoundingClientRect();
   return Ea((n - a.left) / a.width);
 }
-function Vt({
+function Wt({
   audioBlob: e,
   progress: n,
   onSeek: a
 }) {
   const o = S(null), s = S(null), i = S(n), r = S(a);
-  i.current = n, r.current = a, E(() => {
+  i.current = n, r.current = a, I(() => {
     const _ = o.current;
     if (!_) return;
     let d = !1;
-    s.current = null, Ie(_, null, i.current);
+    s.current = null, Te(_, null, i.current);
     const u = new ResizeObserver(() => {
-      d || Ie(_, s.current, i.current);
+      d || Te(_, s.current, i.current);
     });
     u.observe(_);
     const c = new AudioContext();
     return e.arrayBuffer().then((m) => c.decodeAudioData(m)).then((m) => {
-      d || (s.current = m.getChannelData(0), Ie(_, s.current, i.current));
+      d || (s.current = m.getChannelData(0), Te(_, s.current, i.current));
     }).catch(() => {
     }).finally(() => c.close()), () => {
       d = !0, u.disconnect();
     };
-  }, [e]), E(() => {
+  }, [e]), I(() => {
     const _ = o.current;
-    _ && Ie(_, s.current, n);
+    _ && Te(_, s.current, n);
   }, [n]);
   const l = b(
     (_) => {
@@ -1607,7 +1607,7 @@ function Vt({
     "canvas",
     {
       ref: o,
-      className: Wt.waveform,
+      className: Vt.waveform,
       "data-seekable": !!a,
       "aria-hidden": !0,
       onPointerDown: a ? l : void 0,
@@ -1615,7 +1615,7 @@ function Vt({
     }
   );
 }
-function Ta() {
+function Ia() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -1690,14 +1690,14 @@ function xa({
   handleAudioPlay: C,
   handleAudioPause: p,
   handleAudioEnded: v,
-  handleAudioLoadedMetadata: w,
-  handleAudioTimeUpdate: I
+  handleAudioLoadedMetadata: L,
+  handleAudioTimeUpdate: T
 }) {
   return /* @__PURE__ */ f(B, { children: [
     e && /* @__PURE__ */ f(
       "div",
       {
-        className: R(
+        className: P(
           re["recording-controls"],
           n
         ),
@@ -1709,13 +1709,13 @@ function xa({
               className: re["recording-side-btn"],
               "aria-label": h ? "Discard recording" : "Cancel recording",
               onClick: u,
-              children: /* @__PURE__ */ t(Ta, {})
+              children: /* @__PURE__ */ t(Ia, {})
             }
           ),
           /* @__PURE__ */ f(
             "div",
             {
-              className: R(
+              className: P(
                 re["recording-pill"],
                 a ? re["recording-pill--recording"] : re["recording-pill--preview"]
               ),
@@ -1731,7 +1731,7 @@ function xa({
                   }
                 ),
                 a && s ? /* @__PURE__ */ t(Na, { analyserNode: s }) : o && i ? /* @__PURE__ */ t(
-                  Vt,
+                  Wt,
                   {
                     audioBlob: i,
                     progress: r,
@@ -1753,20 +1753,20 @@ function xa({
         onPlay: C,
         onPause: p,
         onEnded: v,
-        onLoadedMetadata: w,
-        onTimeUpdate: I,
+        onLoadedMetadata: L,
+        onTimeUpdate: T,
         style: { display: "none" }
       }
     )
   ] });
 }
-function Pa() {
+function Ra() {
   return typeof window < "u" && typeof navigator.mediaDevices?.getUserMedia == "function" && typeof MediaRecorder < "u";
 }
-function Ra() {
+function Pa() {
   const [e, n] = N("idle"), [a, o] = N(void 0), [s, i] = N(
     void 0
-  ), [r, l] = N(!1), h = Pa(), _ = S(void 0), d = S(void 0), u = S(void 0), c = S([]), m = b(() => {
+  ), [r, l] = N(!1), h = Ra(), _ = S(void 0), d = S(void 0), u = S(void 0), c = S([]), m = b(() => {
     d.current?.getTracks().forEach((v) => v.stop()), d.current = void 0, u.current?.close(), u.current = void 0, i(void 0);
   }, []), g = b(async () => {
     if (!h || e !== "idle") return;
@@ -1779,10 +1779,10 @@ function Ra() {
       return;
     }
     d.current = v;
-    const w = new AudioContext();
-    u.current = w;
-    const I = w.createMediaStreamSource(v), y = w.createAnalyser();
-    y.fftSize = 256, I.connect(y), i(y), c.current = [];
+    const L = new AudioContext();
+    u.current = L;
+    const T = L.createMediaStreamSource(v), y = L.createAnalyser();
+    y.fftSize = 256, T.connect(y), i(y), c.current = [];
     const A = new MediaRecorder(v);
     _.current = A, A.ondataavailable = (M) => {
       M.data.size > 0 && c.current.push(M.data);
@@ -1790,16 +1790,16 @@ function Ra() {
   }, [h, e]), C = b(() => {
     const v = _.current;
     !v || e !== "recording" || (v.onstop = () => {
-      const w = new Blob(c.current, {
+      const L = new Blob(c.current, {
         type: v.mimeType || "audio/webm"
       });
-      o(w), n("preview");
+      o(L), n("preview");
     }, v.stop(), m());
   }, [e, m]), p = b(() => {
     const v = _.current;
     v && v.state !== "inactive" && (v.onstop = null, v.stop()), m(), c.current = [], o(void 0), n("idle");
   }, [m]);
-  return E(() => () => {
+  return I(() => () => {
     const v = _.current;
     v && v.state !== "inactive" && (v.onstop = null, v.stop()), m();
   }, [m]), {
@@ -1813,11 +1813,11 @@ function Ra() {
     cancelRecording: p
   };
 }
-function Pe(e) {
+function Re(e) {
   const n = String(Math.floor(e / 60)).padStart(2, "0"), a = String(Math.floor(e % 60)).padStart(2, "0");
   return `${n}:${a}`;
 }
-const Xe = "audio-recording", fe = "audio-preview", Ba = 120;
+const Ye = "audio-recording", fe = "audio-preview", Ba = 120;
 function ka(e) {
   return new Promise((n, a) => {
     const o = new FileReader();
@@ -1826,7 +1826,7 @@ function ka(e) {
 }
 function Oa(e) {
   const [n, a] = N(e), [o, s] = N(!1), i = S();
-  return E(() => (e ? (clearTimeout(i.current), a(!0), s(!1)) : (s(!0), i.current = setTimeout(() => {
+  return I(() => (e ? (clearTimeout(i.current), a(!0), s(!1)) : (s(!0), i.current = setTimeout(() => {
     a(!1), s(!1);
   }, Ba)), () => {
     clearTimeout(i.current);
@@ -1841,21 +1841,21 @@ function Da(e, n) {
     startRecording: d,
     confirmRecording: u,
     cancelRecording: c
-  } = Ra(), m = e.webchatClientSettingsBehaviors.input.isAudioRecordingVisible && _, [g, C] = N(0), p = S(
+  } = Pa(), m = e.webchatClientSettingsBehaviors.input.isAudioRecordingVisible && _, [g, C] = N(0), p = S(
     void 0
-  ), v = S(null), [w, I] = N(""), [y, A] = N(!1), [M, k] = N(0), [W, V] = N(0);
-  E(() => (r === "recording" ? (C(0), p.current = setInterval(() => {
+  ), v = S(null), [L, T] = N(""), [y, A] = N(!1), [M, k] = N(0), [V, W] = N(0);
+  I(() => (r === "recording" ? (C(0), p.current = setInterval(() => {
     C((O) => O + 1);
-  }, 1e3)) : (clearInterval(p.current), r === "idle" && (C(0), k(0), V(0), A(!1))), () => clearInterval(p.current)), [r]), E(() => {
+  }, 1e3)) : (clearInterval(p.current), r === "idle" && (C(0), k(0), W(0), A(!1))), () => clearInterval(p.current)), [r]), I(() => {
     if (!l) {
-      I("");
+      T("");
       return;
     }
     const O = URL.createObjectURL(l);
-    return I(O), () => URL.revokeObjectURL(O);
+    return T(O), () => URL.revokeObjectURL(O);
   }, [l]);
-  const X = Pe(r === "recording" ? g : y ? W : M), Y = M > 0 ? W / M : 0;
-  E(() => {
+  const Y = Re(r === "recording" ? g : y ? V : M), X = M > 0 ? V / M : 0;
+  I(() => {
     o !== fe && y && v.current?.pause();
   }, [o, y]);
   const F = b(() => {
@@ -1871,21 +1871,21 @@ function Da(e, n) {
     []
   ), Ne = b(
     (O) => {
-      V(Math.round(O.currentTarget.currentTime));
+      W(Math.round(O.currentTarget.currentTime));
     },
     []
-  ), Ve = b(() => {
+  ), We = b(() => {
     const O = v.current;
     O && (y ? O.pause() : O.play().catch(() => A(!1)));
   }, [y]), ze = b(() => {
-    m && (s(Xe), d());
+    m && (s(Ye), d());
   }, [m, s, d]), Fe = b(() => {
-    i(Xe), u();
+    i(Ye), u();
   }, [i, u]), He = b(() => {
-    i(Xe), i(fe), c();
+    i(Ye), i(fe), c();
   }, [i, c]), he = b(
     (O) => {
-      !v.current || M === 0 || (v.current.currentTime = O * M, V(Math.round(v.current.currentTime)));
+      !v.current || M === 0 || (v.current.currentTime = O * M, W(Math.round(v.current.currentTime)));
     },
     [M]
   ), Ue = b(() => {
@@ -1917,14 +1917,14 @@ function Da(e, n) {
       frozenIsPreview: ue,
       analyserNode: h,
       audioBlob: l,
-      audioProgress: Y,
+      audioProgress: X,
       isPlaying: y,
       isPreview: ee,
-      handlePlayPause: Ve,
+      handlePlayPause: We,
       handleSeekPreview: he,
       handleCancelRecording: He,
-      timerDisplay: X,
-      objectUrl: w,
+      timerDisplay: Y,
+      objectUrl: L,
       audioRef: v,
       handleAudioPlay: F,
       handleAudioPause: J,
@@ -1934,10 +1934,10 @@ function Da(e, n) {
     }
   };
 }
-function Wa() {
+function Va() {
   return /* @__PURE__ */ t("svg", { ..._e, viewBox: "0 0 448 512", children: /* @__PURE__ */ t("path", { d: "M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z" }) });
 }
-function Va() {
+function Wa() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -1977,7 +1977,7 @@ function Fa() {
 function pt() {
   return /* @__PURE__ */ t("svg", { ..._e, children: /* @__PURE__ */ t("path", { d: "M57.6 35.8C23.1 20.6-11.3 57.4 6.1 90.9l63 121.2c4.4 8.4 12.6 14.1 22 15.3L266 249.3c3.4 .4 6 3.3 6 6.7s-2.6 6.3-6 6.7L91.1 284.6c-9.4 1.2-17.6 6.9-22 15.3L6.1 421.1c-17.4 33.5 17 70.2 51.6 55.1L492.9 285.3c25.5-11.2 25.5-47.4 0-58.6L57.6 35.8z" }) });
 }
-const Ha = "webchat-input-module__base___TZXU7", Ua = "webchat-input-module__branding___ReLzJ", P = {
+const Ha = "webchat-input-module__base___TZXU7", Ua = "webchat-input-module__branding___ReLzJ", R = {
   default: "webchat-input-module__default___tHS5e",
   base: Ha,
   "input-form": "webchat-input-module__input-form___GnKc7",
@@ -2026,28 +2026,28 @@ function Ga(e, n, a) {
     onMicrophoneClick: c,
     onUserMessageSent: m,
     ...g
-  } = e, [C, p] = N(""), v = S(""), w = n.webchatClientSettingsBehaviors.input, I = w.isTextInputEnabled && !i, y = $a(
+  } = e, [C, p] = N(""), v = S(""), L = n.webchatClientSettingsBehaviors.input, T = L.isTextInputEnabled && !i, y = $a(
     C,
-    w.blockInputs
+    L.blockInputs
   ), A = C.trim().length > 0, {
     hasAttachments: M,
     attachmentError: k,
-    fileInputRef: W,
-    handleFileInputChange: V,
-    handleOpenFilePicker: X,
-    sendAttachments: Y,
+    fileInputRef: V,
+    handleFileInputChange: W,
+    handleOpenFilePicker: Y,
+    sendAttachments: X,
     attachmentListProps: F
   } = ba(), {
     audioRecordingAvailable: J,
     hideBaseContent: ie,
     isPreview: ae,
     isRecording: Ne,
-    handleMicrophoneClick: Ve,
+    handleMicrophoneClick: We,
     handleConfirmRecording: ze,
     handleSendRecording: Fe,
     overlayProps: He
   } = Da(n), he = b(() => {
-    if (!I || y) return;
+    if (!T || y) return;
     const te = v.current.trim();
     if (te) {
       const Me = nt.createText({
@@ -2058,11 +2058,11 @@ function Ga(e, n, a) {
       });
       m?.(), o.sendMessage(Me), v.current = "", p("");
     }
-  }, [o, I, y, m]), Ue = b(
+  }, [o, T, y, m]), Ue = b(
     (te) => {
-      te.preventDefault(), M && Y(), he();
+      te.preventDefault(), M && X(), he();
     },
-    [M, Y, he]
+    [M, X, he]
   ), ve = b(
     (te) => {
       const Me = te.target.value;
@@ -2074,9 +2074,9 @@ function Ga(e, n, a) {
       te.key === "Enter" && !te.shiftKey && (te.preventDefault(), he());
     },
     [he]
-  ), be = A || M, we = J ? !!i || !I || A && y : !!i || !I || !be || A && y, Ge = J ? be ? "submit" : "button" : "submit", ue = !Ne && !ae && J && !be, ee = Ne, qe = !ue && !ee, Ke = ue ? P["primary-action-mic"] : ee ? P["primary-action-confirm"] : P["primary-action-send"], je = ee || ae ? "button" : Ge, lt = ee ? !1 : we, O = ee ? ze : ae ? Fe : ue ? Ve : void 0, Qe = ue ? "Record voice message" : ee ? "Confirm recording" : "Send message", Jt = b(() => {
-    X(), u?.();
-  }, [X, u]);
+  ), be = A || M, we = J ? !!i || !T || A && y : !!i || !T || !be || A && y, Ge = J ? be ? "submit" : "button" : "submit", ue = !Ne && !ae && J && !be, ee = Ne, qe = !ue && !ee, Ke = ue ? R["primary-action-mic"] : ee ? R["primary-action-confirm"] : R["primary-action-send"], je = ee || ae ? "button" : Ge, lt = ee ? !1 : we, O = ee ? ze : ae ? Fe : ue ? We : void 0, Qe = ue ? "Record voice message" : ee ? "Confirm recording" : "Send message", Jt = b(() => {
+    Y(), u?.();
+  }, [Y, u]);
   return {
     // Input wrapper props
     inputProps: {
@@ -2094,8 +2094,8 @@ function Ga(e, n, a) {
     // Attachment preview
     hasAttachments: M,
     attachmentError: k,
-    fileInputRef: W,
-    handleFileInputChange: V,
+    fileInputRef: V,
+    handleFileInputChange: W,
     attachmentListProps: F,
     // Input field props
     fieldProps: {
@@ -2103,7 +2103,7 @@ function Ga(e, n, a) {
       onChange: ve,
       onKeyDown: $e,
       placeholder: s,
-      disabled: !I,
+      disabled: !T,
       rows: 1
       // minimum rows; CSS field-sizing: content allows growth up to --webchat-input-max-rows
     },
@@ -2112,9 +2112,9 @@ function Ga(e, n, a) {
       variant: r,
       className: _
     },
-    isInputEnabled: I,
+    isInputEnabled: T,
     isInputDisabled: i,
-    inputBehavior: w,
+    inputBehavior: L,
     showBranding: l,
     // Audio overlay (passed to AudioInput)
     overlayProps: He,
@@ -2132,10 +2132,10 @@ function Ga(e, n, a) {
     showSend: qe
   };
 }
-const qa = j(P.base, {
+const qa = j(R.base, {
   variants: {
     variant: {
-      default: P.default
+      default: R.default
     }
   },
   defaultVariants: {
@@ -2159,20 +2159,20 @@ function Ka(e) {
     primaryBgClass: C,
     primaryType: p,
     isPrimaryDisabled: v,
-    primaryHandler: w,
-    primaryLabel: I,
+    primaryHandler: L,
+    primaryLabel: T,
     showMic: y,
     showConfirm: A,
     showSend: M,
     hasAttachments: k,
-    attachmentError: W,
-    fileInputRef: V,
-    handleFileInputChange: X,
-    attachmentListProps: Y
+    attachmentError: V,
+    fileInputRef: W,
+    handleFileInputChange: Y,
+    attachmentListProps: X
   } = Ga(e, n, a), { icons: F } = e;
   if (!u.isComposerVisible)
     return null;
-  const J = l ? /* @__PURE__ */ t("p", { className: P.branding, children: "Powered by Hubtype" }) : void 0;
+  const J = l ? /* @__PURE__ */ t("p", { className: R.branding, children: "Powered by Hubtype" }) : void 0;
   return /* @__PURE__ */ f(
     "div",
     {
@@ -2182,26 +2182,26 @@ function Ka(e) {
       "data-attachments-enabled": String(u.areAttachmentsVisible),
       "data-emoji-picker-enabled": String(u.isEmojiPickerVisible),
       children: [
-        /* @__PURE__ */ t("div", { className: P["input-container"], children: /* @__PURE__ */ f(
+        /* @__PURE__ */ t("div", { className: R["input-container"], children: /* @__PURE__ */ f(
           "form",
           {
             onSubmit: s,
-            className: R(
-              P["input-form"],
-              m && P["input-form--active"]
+            className: P(
+              R["input-form"],
+              m && R["input-form--active"]
             ),
             children: [
-              k && /* @__PURE__ */ t(_a, { ...Y }),
-              W && /* @__PURE__ */ t("p", { className: P["attachment-error"], role: "alert", children: W }),
-              /* @__PURE__ */ f("div", { className: P["input-row"], children: [
+              k && /* @__PURE__ */ t(_a, { ...X }),
+              V && /* @__PURE__ */ t("p", { className: R["attachment-error"], role: "alert", children: V }),
+              /* @__PURE__ */ f("div", { className: R["input-row"], children: [
                 g && /* @__PURE__ */ t(xa, { ...c }),
                 /* @__PURE__ */ t(
                   "textarea",
                   {
                     ...i,
-                    className: R(
-                      P["input-field"],
-                      m && P["content-hidden"]
+                    className: P(
+                      R["input-field"],
+                      m && R["content-hidden"]
                     ),
                     inert: m ? "" : void 0
                   }
@@ -2209,9 +2209,9 @@ function Ka(e) {
                 /* @__PURE__ */ f(
                   "div",
                   {
-                    className: R(
-                      P["action-bar"],
-                      m && P["content-hidden"]
+                    className: P(
+                      R["action-bar"],
+                      m && R["content-hidden"]
                     ),
                     role: "group",
                     "aria-label": "Message actions",
@@ -2221,7 +2221,7 @@ function Ka(e) {
                         "button",
                         {
                           type: "button",
-                          className: P["action-button"],
+                          className: R["action-button"],
                           "aria-label": "Emoji",
                           disabled: d,
                           onClick: h,
@@ -2232,11 +2232,11 @@ function Ka(e) {
                         "button",
                         {
                           type: "button",
-                          className: P["action-button"],
+                          className: R["action-button"],
                           "aria-label": "Attach file",
                           disabled: d,
                           onClick: _,
-                          children: F?.attachment ?? /* @__PURE__ */ t(Wa, {})
+                          children: F?.attachment ?? /* @__PURE__ */ t(Va, {})
                         }
                       )
                     ]
@@ -2246,16 +2246,16 @@ function Ka(e) {
                   "button",
                   {
                     type: p,
-                    className: R(P["primary-action-base"], C),
+                    className: P(R["primary-action-base"], C),
                     disabled: v,
-                    "aria-label": I,
-                    onClick: w,
-                    children: /* @__PURE__ */ t("span", { className: P["icon-slot"], children: g ? /* @__PURE__ */ f(B, { children: [
+                    "aria-label": T,
+                    onClick: L,
+                    children: /* @__PURE__ */ t("span", { className: R["icon-slot"], children: g ? /* @__PURE__ */ f(B, { children: [
                       /* @__PURE__ */ t(
                         "span",
                         {
                           "aria-hidden": !0,
-                          className: R(P["icon-face"], P["icon-mic"]),
+                          className: P(R["icon-face"], R["icon-mic"]),
                           "data-visible": y ? "true" : "false",
                           children: F?.microphone ?? /* @__PURE__ */ t(Fa, {})
                         }
@@ -2264,19 +2264,19 @@ function Ka(e) {
                         "span",
                         {
                           "aria-hidden": !0,
-                          className: R(
-                            P["icon-face"],
-                            P["icon-confirm"]
+                          className: P(
+                            R["icon-face"],
+                            R["icon-confirm"]
                           ),
                           "data-visible": A ? "true" : "false",
-                          children: /* @__PURE__ */ t(Va, {})
+                          children: /* @__PURE__ */ t(Wa, {})
                         }
                       ),
                       /* @__PURE__ */ t(
                         "span",
                         {
                           "aria-hidden": !0,
-                          className: R(P["icon-face"], P["icon-send"]),
+                          className: P(R["icon-face"], R["icon-send"]),
                           "data-visible": M ? "true" : "false",
                           children: F?.send ?? /* @__PURE__ */ t(pt, {})
                         }
@@ -2285,7 +2285,7 @@ function Ka(e) {
                       "span",
                       {
                         "aria-hidden": !0,
-                        className: R(P["icon-face"], P["icon-send"]),
+                        className: P(R["icon-face"], R["icon-send"]),
                         "data-visible": "true",
                         children: F?.send ?? /* @__PURE__ */ t(pt, {})
                       }
@@ -2296,10 +2296,10 @@ function Ka(e) {
               /* @__PURE__ */ t(
                 "input",
                 {
-                  ref: V,
+                  ref: W,
                   type: "file",
                   accept: pa,
-                  onChange: X,
+                  onChange: Y,
                   style: { display: "none" },
                   "aria-hidden": !0,
                   tabIndex: -1
@@ -2321,14 +2321,14 @@ function et(e) {
   if (!(!Number.isFinite(o) || o <= 0))
     return new Date(o);
 }
-const ja = "message-bubble-module__base___WzTAP", Qa = "message-bubble-module__bot___PcXmL", Za = "message-bubble-module__agent___WGfzX", Xa = "message-bubble-module__user___lFMMm", Ya = "message-bubble-module__system___e8-FD", Ja = "message-bubble-module__sending___P9nK-", es = "message-bubble-module__error___mine7", ne = {
+const ja = "message-bubble-module__base___WzTAP", Qa = "message-bubble-module__bot___PcXmL", Za = "message-bubble-module__agent___WGfzX", Ya = "message-bubble-module__user___lFMMm", Xa = "message-bubble-module__system___e8-FD", Ja = "message-bubble-module__sending___P9nK-", es = "message-bubble-module__error___mine7", ne = {
   base: ja,
   bot: Qa,
   agent: Za,
-  user: Xa,
+  user: Ya,
   "flat-top-corner": "message-bubble-module__flat-top-corner___CLxP2",
   "flat-bottom-corner": "message-bubble-module__flat-bottom-corner___DrB7C",
-  system: Ya,
+  system: Xa,
   sending: Ja,
   error: es
 }, ts = j(ne.base, {
@@ -2468,7 +2468,7 @@ const ja = "message-bubble-module__base___WzTAP", Qa = "message-bubble-module__b
       ]
     }
   )
-), vs = "message-info-module__base___yO0Cd", bs = "message-info-module__senderName___fP58-", ws = "message-info-module__timestamp___xwDsF", Ls = "message-info-module__status___jPwtz", ys = "message-info-module__top___NK5CY", Ss = "message-info-module__bottom___NE4Rs", Ns = "message-info-module__bot___xlQbg", Ms = "message-info-module__agent___ckeYQ", As = "message-info-module__user___bgEi-", Is = "message-info-module__system___MF1CS", oe = {
+), vs = "message-info-module__base___yO0Cd", bs = "message-info-module__senderName___fP58-", ws = "message-info-module__timestamp___xwDsF", Ls = "message-info-module__status___jPwtz", ys = "message-info-module__top___NK5CY", Ss = "message-info-module__bottom___NE4Rs", Ns = "message-info-module__bot___xlQbg", Ms = "message-info-module__agent___ckeYQ", As = "message-info-module__user___bgEi-", Ts = "message-info-module__system___MF1CS", oe = {
   base: vs,
   senderName: bs,
   timestamp: ws,
@@ -2478,7 +2478,7 @@ const ja = "message-bubble-module__base___WzTAP", Qa = "message-bubble-module__b
   bot: Ns,
   agent: Ms,
   user: As,
-  system: Is
+  system: Ts
 }, Es = j(oe.base, {
   variants: {
     variant: {
@@ -2493,7 +2493,7 @@ const ja = "message-bubble-module__base___WzTAP", Qa = "message-bubble-module__b
     }
   },
   defaultVariants: { variant: "bot", position: "bottom" }
-}), Ts = (e) => {
+}), Is = (e) => {
   if (e)
     return typeof e == "string" ? e : e.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
 }, Ft = G(
@@ -2520,7 +2520,7 @@ const ja = "message-bubble-module__base___WzTAP", Qa = "message-bubble-module__b
         default:
           return "";
       }
-    }, c = Ts(o);
+    }, c = Is(o);
     return a && c || s || _ || r || l ? /* @__PURE__ */ f(
       "div",
       {
@@ -2541,14 +2541,14 @@ const ja = "message-bubble-module__base___WzTAP", Qa = "message-bubble-module__b
       }
     ) : null;
   }
-), xs = "message-module__base___Ki7QB", Ps = "message-module__bot___vw-E6", Rs = "message-module__agent___2wXra", Bs = "message-module__user___BSpcY", ks = "message-module__system___-jvsr", Q = {
+), xs = "message-module__base___Ki7QB", Rs = "message-module__bot___vw-E6", Ps = "message-module__agent___2wXra", Bs = "message-module__user___BSpcY", ks = "message-module__system___-jvsr", Q = {
   base: xs,
   "hide-footer": "message-module__hide-footer___hIyVr",
-  bot: Ps,
+  bot: Rs,
   "is-full-width": "message-module__is-full-width___TbepW",
   "has-actions": "message-module__has-actions___oKqN8",
   "is-continuation": "message-module__is-continuation___0ir98",
-  agent: Rs,
+  agent: Ps,
   user: Bs,
   system: ks
 }, Os = j(Q.base, {
@@ -2616,7 +2616,7 @@ function rt(e) {
       timestamp: i,
       status: a,
       senderName: l
-    }, w = {
+    }, L = {
       variant: n,
       status: a,
       ..._ ? { className: _ } : {},
@@ -2626,31 +2626,31 @@ function rt(e) {
     if (!r)
       return {
         messageClasses: p,
-        bubbleProps: w,
+        bubbleProps: L,
         infoProps: v,
         standaloneAvatarProps: null
       };
-    const { placement: I, avatarProps: y } = r;
-    switch (I) {
+    const { placement: T, avatarProps: y } = r;
+    switch (T) {
       case "bubble":
       case "info":
         return {
           messageClasses: p,
-          bubbleProps: w,
+          bubbleProps: L,
           infoProps: { ...v, avatarProps: y },
           standaloneAvatarProps: null
         };
       case "standalone":
         return {
           messageClasses: p,
-          bubbleProps: w,
+          bubbleProps: L,
           infoProps: v,
           standaloneAvatarProps: y
         };
       default:
         return {
           messageClasses: p,
-          bubbleProps: w,
+          bubbleProps: L,
           infoProps: v,
           standaloneAvatarProps: null
         };
@@ -2689,10 +2689,10 @@ const de = G(
       }
     );
   }
-), Ds = "audio-message-module__audioMessageBase___Xye8T", Ws = "audio-message-module__audioControls___bPgRS", Vs = "audio-message-module__playButton___zFi0C", zs = "audio-message-module__waveformPlaceholder___I9e-v", Fs = "audio-message-module__timer___6vQtQ", Le = {
+), Ds = "audio-message-module__audioMessageBase___Xye8T", Vs = "audio-message-module__audioControls___bPgRS", Ws = "audio-message-module__playButton___zFi0C", zs = "audio-message-module__waveformPlaceholder___I9e-v", Fs = "audio-message-module__timer___6vQtQ", Le = {
   audioMessageBase: Ds,
-  audioControls: Ws,
-  playButton: Vs,
+  audioControls: Vs,
+  playButton: Ws,
   waveformPlaceholder: zs,
   timer: Fs
 };
@@ -2704,10 +2704,10 @@ function Hs({
   onPause: s,
   onEnded: i
 }) {
-  const r = S(null), [l, h] = N(!1), [_, d] = N(), [u, c] = N(0), [m, g] = N(), C = S(!1), { activeId: p, setActive: v, clearActive: w } = ke(), { isFocusVisible: I, focusProps: y } = ot();
-  E(() => {
+  const r = S(null), [l, h] = N(!1), [_, d] = N(), [u, c] = N(0), [m, g] = N(), C = S(!1), { activeId: p, setActive: v, clearActive: L } = ke(), { isFocusVisible: T, focusProps: y } = ot();
+  I(() => {
     n && p !== n && l && r.current?.pause();
-  }, [p, n, l]), E(() => {
+  }, [p, n, l]), I(() => {
     if (C.current) return;
     let ie = !1;
     return fetch(e).then((ae) => ae.blob()).then((ae) => {
@@ -2723,36 +2723,36 @@ function Hs({
     r.current && c(r.current.currentTime);
   }, []), k = b(() => {
     h(!0), n && v(n), o?.();
-  }, [n, o, v]), W = b(() => {
-    h(!1), n && w(n), s?.();
-  }, [n, s, w]), V = b(() => {
-    h(!1), c(0), n && w(n), i?.();
-  }, [n, i, w]), X = b(() => {
+  }, [n, o, v]), V = b(() => {
+    h(!1), n && L(n), s?.();
+  }, [n, s, L]), W = b(() => {
+    h(!1), c(0), n && L(n), i?.();
+  }, [n, i, L]), Y = b(() => {
     r.current && (l ? r.current.pause() : r.current.play());
-  }, [l]), Y = b(
+  }, [l]), X = b(
     (ie) => {
       !r.current || _ === void 0 || (r.current.currentTime = ie * _, c(r.current.currentTime));
     },
     [_]
-  ), F = _ ? u / _ : 0, J = l ? Pe(u) : _ !== void 0 ? Pe(_) : "--:--";
+  ), F = _ ? u / _ : 0, J = l ? Re(u) : _ !== void 0 ? Re(_) : "--:--";
   return {
     audioRef: r,
     audioBlob: m,
     isPlaying: l,
     audioProgress: F,
     timerLabel: J,
-    handlePlayPause: X,
-    handleSeek: Y,
+    handlePlayPause: Y,
+    handleSeek: X,
     audioProps: {
       onLoadedMetadata: A,
       onTimeUpdate: M,
       onPlay: k,
-      onPause: W,
-      onEnded: V
+      onPause: V,
+      onEnded: W
     },
     playButtonProps: {
       ...y,
-      "data-focus-visible": I
+      "data-focus-visible": T
     }
   };
 }
@@ -2777,7 +2777,7 @@ const Ht = G(
       handlePlayPause: C,
       handleSeek: p,
       audioProps: v,
-      playButtonProps: w
+      playButtonProps: L
     } = Hs({
       src: e,
       messageId: n,
@@ -2790,7 +2790,7 @@ const Ht = G(
       de,
       {
         ref: _,
-        className: R(Le.audioMessageBase, l),
+        className: P(Le.audioMessageBase, l),
         ...h,
         children: [
           /* @__PURE__ */ t(
@@ -2811,12 +2811,12 @@ const Ht = G(
                 className: Le.playButton,
                 onClick: C,
                 "aria-label": c ? "Pause audio" : "Play audio",
-                ...w,
+                ...L,
                 children: c ? /* @__PURE__ */ t(zt, {}) : /* @__PURE__ */ t(at, {})
               }
             ),
             u ? /* @__PURE__ */ t(
-              Vt,
+              Wt,
               {
                 audioBlob: u,
                 progress: m,
@@ -2836,7 +2836,7 @@ const Us = "markdown-text-module__markdownText___UbIHM", $s = {
 }, it = ({
   text: e,
   className: n
-}) => /* @__PURE__ */ t("div", { className: R($s.markdownText, n), children: /* @__PURE__ */ t(
+}) => /* @__PURE__ */ t("div", { className: P($s.markdownText, n), children: /* @__PURE__ */ t(
   fn,
   {
     remarkPlugins: [Cn, vn],
@@ -2917,7 +2917,7 @@ const Ut = G(
         onClick: (_) => {
           _.preventDefault(), _.stopPropagation(), a?.(o);
         },
-        className: R(
+        className: P(
           ye.quickReply,
           i === "primary" && ye.primary,
           i === "secondary" && ye.secondary,
@@ -2932,9 +2932,9 @@ const Ut = G(
       }
     );
   }
-), Xs = "button-message-module__actions___3CAVo", Ys = "button-message-module__floatingButton___OK9AF", Ct = {
-  actions: Xs,
-  floatingButton: Ys
+), Ys = "button-message-module__actions___3CAVo", Xs = "button-message-module__floatingButton___OK9AF", Ct = {
+  actions: Ys,
+  floatingButton: Xs
 }, Js = G(
   ({ text: e, buttons: n, buttonsPerRow: a = 1, className: o, hideFooter: s, ...i }, r) => {
     const l = Math.min(a, n.length), { messageClasses: h, bubbleProps: _, infoProps: d, standaloneAvatarProps: u } = rt({ ...i, children: null, hasActions: !0, hideFooter: s });
@@ -2942,7 +2942,7 @@ const Ut = G(
       "div",
       {
         ref: r,
-        className: R(h, o),
+        className: P(h, o),
         "data-testid": `webchat-message-${i.variant || "bot"}`,
         children: [
           u && /* @__PURE__ */ t(De, { ...u }),
@@ -3118,7 +3118,7 @@ const $t = G(
       de,
       {
         ref: i,
-        className: R(H.carouselMessageBase, o),
+        className: P(H.carouselMessageBase, o),
         isFullWidth: !0,
         ...s,
         children: /* @__PURE__ */ f("div", { ...r, className: H.carouselWrapper, children: [
@@ -3167,7 +3167,7 @@ const $t = G(
               {
                 ...d,
                 type: "button",
-                className: R(H.arrowButton, H.prevArrow),
+                className: P(H.arrowButton, H.prevArrow),
                 children: /* @__PURE__ */ t(hr, {})
               }
             ),
@@ -3176,7 +3176,7 @@ const $t = G(
               {
                 ...u,
                 type: "button",
-                className: R(H.arrowButton, H.nextArrow),
+                className: P(H.arrowButton, H.nextArrow),
                 children: /* @__PURE__ */ t(gr, {})
               }
             )
@@ -3187,7 +3187,7 @@ const $t = G(
   }
 );
 $t.displayName = "CarouselMessage";
-const pr = "document-message-module__documentMessageBase___hqh5-", Cr = "document-message-module__fileRow___-dzrn", vr = "document-message-module__fileIcon___OwdXn", br = "document-message-module__fileName___2d5yP", Te = {
+const pr = "document-message-module__documentMessageBase___hqh5-", Cr = "document-message-module__fileRow___-dzrn", vr = "document-message-module__fileIcon___OwdXn", br = "document-message-module__fileName___2d5yP", Ie = {
   documentMessageBase: pr,
   fileRow: Cr,
   fileIcon: vr,
@@ -3217,18 +3217,18 @@ const Gt = G(
       de,
       {
         ref: r,
-        className: R(Te.documentMessageBase, s),
+        className: P(Ie.documentMessageBase, s),
         ...i,
         children: /* @__PURE__ */ f(
           "button",
           {
             type: "button",
-            className: Te.fileRow,
+            className: Ie.fileRow,
             "aria-label": `Download ${n || "document"}`,
             ...l,
             children: [
-              /* @__PURE__ */ t("span", { className: Te.fileIcon, "aria-hidden": !0, children: Lr(a) }),
-              /* @__PURE__ */ t("span", { className: Te.fileName, children: n || "Document" })
+              /* @__PURE__ */ t("span", { className: Ie.fileIcon, "aria-hidden": !0, children: Lr(a) }),
+              /* @__PURE__ */ t("span", { className: Ie.fileName, children: n || "Document" })
             ]
           }
         )
@@ -3261,7 +3261,7 @@ const qt = G(
       de,
       {
         ref: i,
-        className: R(bt.imageMessageBase, o),
+        className: P(bt.imageMessageBase, o),
         ...s,
         children: /* @__PURE__ */ t(
           "img",
@@ -3277,15 +3277,15 @@ const qt = G(
   }
 );
 qt.displayName = "ImageMessage";
-const Mr = "location-message-module__locationMessageBase___rY3d-", Ar = "location-message-module__locationContainer___9Rukw", Ir = "location-message-module__locationContent___2BRdV", Er = "location-message-module__locationIcon___rjObu", Tr = "location-message-module__locationInfo___NqVsR", xr = "location-message-module__locationTitle___RpUjH", Pr = "location-message-module__locationCoordinates___lLfuf", Rr = "location-message-module__locationLink___Zq2I2", le = {
+const Mr = "location-message-module__locationMessageBase___rY3d-", Ar = "location-message-module__locationContainer___9Rukw", Tr = "location-message-module__locationContent___2BRdV", Er = "location-message-module__locationIcon___rjObu", Ir = "location-message-module__locationInfo___NqVsR", xr = "location-message-module__locationTitle___RpUjH", Rr = "location-message-module__locationCoordinates___lLfuf", Pr = "location-message-module__locationLink___Zq2I2", le = {
   locationMessageBase: Mr,
   locationContainer: Ar,
-  locationContent: Ir,
+  locationContent: Tr,
   locationIcon: Er,
-  locationInfo: Tr,
+  locationInfo: Ir,
   locationTitle: xr,
-  locationCoordinates: Pr,
-  locationLink: Rr
+  locationCoordinates: Rr,
+  locationLink: Pr
 }, Br = G(
   ({
     latitude: e,
@@ -3302,7 +3302,7 @@ const Mr = "location-message-module__locationMessageBase___rY3d-", Ar = "locatio
       de,
       {
         ref: r,
-        className: R(le.locationMessageBase, s),
+        className: P(le.locationMessageBase, s),
         ...i,
         children: /* @__PURE__ */ f("div", { className: le.locationContainer, children: [
           /* @__PURE__ */ f("div", { className: le.locationContent, children: [
@@ -3408,7 +3408,7 @@ const Mr = "location-message-module__locationMessageBase___rY3d-", Ar = "locatio
     d: "M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm349.5 52.4c18.7-4.4 35.9 12 25.5 28.1C350.4 374.6 306.3 400 255.9 400s-94.5-25.4-119.1-63.5c-10.4-16.1 6.8-32.5 25.5-28.1c28.9 6.8 60.5 10.5 93.6 10.5s64.7-3.7 93.6-10.5zM217.6 228.8s0 0 0 0c0 0 0 0 0 0l-.2-.2c-.2-.2-.4-.5-.7-.9c-.6-.8-1.6-2-2.8-3.4c-2.5-2.8-6-6.6-10.2-10.3c-8.8-7.8-18.8-14-27.7-14s-18.9 6.2-27.7 14c-4.2 3.7-7.7 7.5-10.2 10.3c-1.2 1.4-2.2 2.6-2.8 3.4c-.3 .4-.6 .7-.7 .9l-.2 .2c0 0 0 0 0 0c0 0 0 0 0 0s0 0 0 0c-2.1 2.8-5.7 3.9-8.9 2.8s-5.5-4.1-5.5-7.6c0-17.9 6.7-35.6 16.6-48.8c9.8-13 23.9-23.2 39.4-23.2s29.6 10.2 39.4 23.2c9.9 13.2 16.6 30.9 16.6 48.8c0 3.4-2.2 6.5-5.5 7.6s-6.9 0-8.9-2.8c0 0 0 0 0 0s0 0 0 0zm160 0c0 0 0 0 0 0l-.2-.2c-.2-.2-.4-.5-.7-.9c-.6-.8-1.6-2-2.8-3.4c-2.5-2.8-6-6.6-10.2-10.3c-8.8-7.8-18.8-14-27.7-14s-18.9 6.2-27.7 14c-4.2 3.7-7.7 7.5-10.2 10.3c-1.2 1.4-2.2 2.6-2.8 3.4c-.3 .4-.6 .7-.7 .9l-.2 .2c0 0 0 0 0 0c0 0 0 0 0 0s0 0 0 0c-2.1 2.8-5.7 3.9-8.9 2.8s-5.5-4.1-5.5-7.6c0-17.9 6.7-35.6 16.6-48.8c9.8-13 23.9-23.2 39.4-23.2s29.6 10.2 39.4 23.2c9.9 13.2 16.6 30.9 16.6 48.8c0 3.4-2.2 6.5-5.5 7.6s-6.9 0-8.9-2.8c0 0 0 0 0 0s0 0 0 0s0 0 0 0z",
     fill: "currentColor"
   }
-) }), Wr = ({ color: e, selected: n }) => n ? /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, children: /* @__PURE__ */ t(
+) }), Vr = ({ color: e, selected: n }) => n ? /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, children: /* @__PURE__ */ t(
   "path",
   {
     d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM176.4 176a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm128 32a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zM160 336l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z",
@@ -3420,7 +3420,7 @@ const Mr = "location-message-module__locationMessageBase___rY3d-", Ar = "locatio
     d: "M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM176.4 240a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm192-32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM184 328c-13.3 0-24 10.7-24 24s10.7 24 24 24l144 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-144 0z",
     fill: "currentColor"
   }
-) }), Vr = ({ color: e, selected: n }) => n ? /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, children: /* @__PURE__ */ t(
+) }), Wr = ({ color: e, selected: n }) => n ? /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", color: e, children: /* @__PURE__ */ t(
   "path",
   {
     d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z",
@@ -3444,7 +3444,7 @@ const Mr = "location-message-module__locationMessageBase___rY3d-", Ar = "locatio
     d: "M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z",
     fill: "currentColor"
   }
-) }), Fr = "rating-message-module__ratingBubble___7wyHy", Hr = "rating-message-module__container___dtkEH", Ur = "rating-message-module__titleBlock___V-gUi", $r = "rating-message-module__title___nox04", Gr = "rating-message-module__subtitle___HvR5A", qr = "rating-message-module__starsBlock___p7KFf", Kr = "rating-message-module__starsRow___0okuD", jr = "rating-message-module__ratingIconWrap___c8yQW", Qr = "rating-message-module__starButton___jEIj0", Zr = "rating-message-module__smileyButton___W-mdc", Xr = "rating-message-module__submitButton___fzRTp", U = {
+) }), Fr = "rating-message-module__ratingBubble___7wyHy", Hr = "rating-message-module__container___dtkEH", Ur = "rating-message-module__titleBlock___V-gUi", $r = "rating-message-module__title___nox04", Gr = "rating-message-module__subtitle___HvR5A", qr = "rating-message-module__starsBlock___p7KFf", Kr = "rating-message-module__starsRow___0okuD", jr = "rating-message-module__ratingIconWrap___c8yQW", Qr = "rating-message-module__starButton___jEIj0", Zr = "rating-message-module__smileyButton___W-mdc", Yr = "rating-message-module__submitButton___fzRTp", U = {
   ratingBubble: Fr,
   container: Hr,
   titleBlock: Ur,
@@ -3456,10 +3456,10 @@ const Mr = "location-message-module__locationMessageBase___rY3d-", Ar = "locatio
   starButton: Qr,
   smileyButton: Zr,
   "is-submitted": "rating-message-module__is-submitted___fCaIp",
-  submitButton: Xr,
+  submitButton: Yr,
   "is-active": "rating-message-module__is-active___iZqMO"
 };
-function Yr(e) {
+function Xr(e) {
   const { controller: n } = q();
   return b(
     (a) => {
@@ -3474,19 +3474,19 @@ function Jr(e) {
   return n === -1 ? [e, void 0] : [e.slice(0, n).trim(), e.slice(n + 1).trim()];
 }
 function ei(e) {
-  const n = e.text ?? "", [a, o] = Jr(n), s = e.sendButtonText ?? "", i = e.buttons ?? [], r = e.messageProps ?? {}, l = e.type ?? At.Stars, { controller: h } = q(), _ = Yr(e.messageId), [d, u] = N(e.selected), [c, m] = N(void 0), [g, C] = N(e.submitted ?? !1), [p, v] = N(!1);
-  E(() => {
+  const n = e.text ?? "", [a, o] = Jr(n), s = e.sendButtonText ?? "", i = e.buttons ?? [], r = e.messageProps ?? {}, l = e.type ?? At.Stars, { controller: h } = q(), _ = Xr(e.messageId), [d, u] = N(e.selected), [c, m] = N(void 0), [g, C] = N(e.submitted ?? !1), [p, v] = N(!1);
+  I(() => {
     _({ selected: d, submitted: g });
   }, [d, g, _]);
-  const w = S(g);
-  w.current = g;
-  const I = b((M) => {
-    w.current || u(M);
+  const L = S(g);
+  L.current = g;
+  const T = b((M) => {
+    L.current || u(M);
   }, []), y = b((M) => {
-    w.current || m(M);
+    L.current || m(M);
   }, []), A = b(async () => {
-    if (d === void 0 || p || w.current) return;
-    const M = i.find((W) => W.value === d)?.payload;
+    if (d === void 0 || p || L.current) return;
+    const M = i.find((V) => V.value === d)?.payload;
     if (!M) return;
     const k = h.getContext();
     if (!(!k.webchatService || !k.user)) {
@@ -3500,7 +3500,7 @@ function ei(e) {
   }, [d, p, i, h]);
   return {
     state: { selected: d, hovered: c, submitted: g, isSubmitting: p },
-    handlers: { handleSelect: I, handleHover: y, handleSubmit: A },
+    handlers: { handleSelect: T, handleHover: y, handleSubmit: A },
     resolved: {
       titleText: a,
       text: o,
@@ -3514,8 +3514,8 @@ function ei(e) {
 const ti = [
   kr,
   Or,
-  Wr,
   Vr,
+  Wr,
   Dr
 ], ni = "var(--webchat-rating-message-star-inactive)", oi = "var(--webchat-rating-message-star-active)", ai = (e) => {
   const { state: n, handlers: a, resolved: o } = ei(e), { selected: s, hovered: i, submitted: r, isSubmitting: l } = n, { handleSelect: h, handleHover: _, handleSubmit: d } = a, { titleText: u, text: c, sendButtonText: m, messageProps: g, type: C } = o, p = C === At.Smileys, v = [1, 2, 3, 4, 5];
@@ -3530,38 +3530,38 @@ const ti = [
           /* @__PURE__ */ t("p", { className: U.title, children: u }),
           c && /* @__PURE__ */ t(it, { text: c, className: U.subtitle })
         ] }),
-        /* @__PURE__ */ t("div", { className: U.starsBlock, children: /* @__PURE__ */ t("div", { className: U.starsRow, "data-rating-type": C, children: v.map((w) => {
-          const I = s !== void 0 && w <= s || s === void 0 && i !== void 0 && w <= i, y = I ? oi : ni, A = ti[w - 1];
+        /* @__PURE__ */ t("div", { className: U.starsBlock, children: /* @__PURE__ */ t("div", { className: U.starsRow, "data-rating-type": C, children: v.map((L) => {
+          const T = s !== void 0 && L <= s || s === void 0 && i !== void 0 && L <= i, y = T ? oi : ni, A = ti[L - 1];
           return p ? /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              "aria-label": `Rate ${w} out of 5`,
-              className: R(
+              "aria-label": `Rate ${L} out of 5`,
+              className: P(
                 U.smileyButton,
                 r && U["is-submitted"]
               ),
-              onClick: () => h(w),
-              onMouseEnter: () => _(w),
+              onClick: () => h(L),
+              onMouseEnter: () => _(L),
               onMouseLeave: () => _(void 0),
-              children: /* @__PURE__ */ t("span", { className: U.ratingIconWrap, "aria-hidden": !0, children: /* @__PURE__ */ t(A, { color: y, selected: I }) })
+              children: /* @__PURE__ */ t("span", { className: U.ratingIconWrap, "aria-hidden": !0, children: /* @__PURE__ */ t(A, { color: y, selected: T }) })
             },
-            w
+            L
           ) : /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              "aria-label": `Rate ${w} out of 5`,
-              className: R(
+              "aria-label": `Rate ${L} out of 5`,
+              className: P(
                 U.starButton,
                 r && U["is-submitted"]
               ),
-              onClick: () => h(w),
-              onMouseEnter: () => _(w),
+              onClick: () => h(L),
+              onMouseEnter: () => _(L),
               onMouseLeave: () => _(void 0),
-              children: /* @__PURE__ */ t("span", { className: U.ratingIconWrap, "aria-hidden": !0, children: /* @__PURE__ */ t(zr, { color: y, selected: I }) })
+              children: /* @__PURE__ */ t("span", { className: U.ratingIconWrap, "aria-hidden": !0, children: /* @__PURE__ */ t(zr, { color: y, selected: T }) })
             },
-            w
+            L
           );
         }) }) }),
         !r && /* @__PURE__ */ t(
@@ -3571,7 +3571,7 @@ const ti = [
             onClick: d,
             disabled: s === void 0 || l,
             "aria-label": m,
-            className: R(
+            className: P(
               U.submitButton,
               s !== void 0 && !l && U["is-active"]
             ),
@@ -3581,7 +3581,7 @@ const ti = [
       ] })
     }
   );
-}, si = "text-message-module__textMessageBase___p4r-t", ri = "text-message-module__textContent___yRb8d", Ye = {
+}, si = "text-message-module__textMessageBase___p4r-t", ri = "text-message-module__textContent___yRb8d", Xe = {
   textMessageBase: si,
   textContent: ri
 }, ii = G(
@@ -3591,9 +3591,9 @@ const ti = [
       de,
       {
         ref: o,
-        className: R(Ye.textMessageBase, n),
+        className: P(Xe.textMessageBase, n),
         ...a,
-        children: s ? /* @__PURE__ */ t(it, { text: e, className: Ye.textContent }) : /* @__PURE__ */ t("div", { className: Ye.textContent, children: e })
+        children: s ? /* @__PURE__ */ t(it, { text: e, className: Xe.textContent }) : /* @__PURE__ */ t("div", { className: Xe.textContent, children: e })
       }
     );
   }
@@ -3606,7 +3606,7 @@ function li({
   onEnded: s
 }) {
   const i = S(null), [r, l] = N(!1), { activeId: h, setActive: _, clearActive: d } = ke();
-  E(() => {
+  I(() => {
     e && h !== e && r && i.current?.pause();
   }, [h, e, r]);
   const u = b(() => {
@@ -3663,7 +3663,7 @@ const ci = "video-message-module__videoMessageBase___RX3Qk", di = "video-message
       de,
       {
         ref: _,
-        className: R(Se.videoMessageBase, l),
+        className: P(Se.videoMessageBase, l),
         ...h,
         children: /* @__PURE__ */ f("div", { className: Se.videoContainer, children: [
           /* @__PURE__ */ t(
@@ -3720,7 +3720,7 @@ function gi() {
     }
   );
 }
-const fi = "preview-events-module__debugContainer___P9sMZ", pi = "preview-events-module__isCollapsible___Wioh1", Ci = "preview-events-module__debugHeader___5JQ-z", vi = "preview-events-module__debugArrow___bZ2MW", bi = "preview-events-module__debugIcon___U7Cd-", wi = "preview-events-module__debugTitle___2woRJ", Li = "preview-events-module__debugContent___gjEW1", yi = "preview-events-module__debugDetail___T8Mtr", Si = "preview-events-module__debugLabel___ZoZkq", Ni = "preview-events-module__debugValue___U-Sy5", Mi = "preview-events-module__debugItemWithIcon___hA1rE", Ai = "preview-events-module__debugContentWrapper___KPaYl", Ii = "preview-events-module__seeInfoButton___tEdQN", Ei = "preview-events-module__guardrailItem___-SEcp", Ti = "preview-events-module__isLastItem___s0M7V", xi = "preview-events-module__guardrailLabel___Vsipd", Pi = "preview-events-module__guardrailValue___YlnOM", Ri = "preview-events-module__fileSourceValue___kHKp-", Bi = "preview-events-module__urlSourceValue___qCosj", L = {
+const fi = "preview-events-module__debugContainer___P9sMZ", pi = "preview-events-module__isCollapsible___Wioh1", Ci = "preview-events-module__debugHeader___5JQ-z", vi = "preview-events-module__debugArrow___bZ2MW", bi = "preview-events-module__debugIcon___U7Cd-", wi = "preview-events-module__debugTitle___2woRJ", Li = "preview-events-module__debugContent___gjEW1", yi = "preview-events-module__debugDetail___T8Mtr", Si = "preview-events-module__debugLabel___ZoZkq", Ni = "preview-events-module__debugValue___U-Sy5", Mi = "preview-events-module__debugItemWithIcon___hA1rE", Ai = "preview-events-module__debugContentWrapper___KPaYl", Ti = "preview-events-module__seeInfoButton___tEdQN", Ei = "preview-events-module__guardrailItem___-SEcp", Ii = "preview-events-module__isLastItem___s0M7V", xi = "preview-events-module__guardrailLabel___Vsipd", Ri = "preview-events-module__guardrailValue___YlnOM", Pi = "preview-events-module__fileSourceValue___kHKp-", Bi = "preview-events-module__urlSourceValue___qCosj", w = {
   debugContainer: fi,
   isCollapsible: pi,
   debugHeader: Ci,
@@ -3733,12 +3733,12 @@ const fi = "preview-events-module__debugContainer___P9sMZ", pi = "preview-events
   debugValue: Ni,
   debugItemWithIcon: Mi,
   debugContentWrapper: Ai,
-  seeInfoButton: Ii,
+  seeInfoButton: Ti,
   guardrailItem: Ei,
-  isLastItem: Ti,
+  isLastItem: Ii,
   guardrailLabel: xi,
-  guardrailValue: Pi,
-  fileSourceValue: Ri,
+  guardrailValue: Ri,
+  fileSourceValue: Pi,
   urlSourceValue: Bi
 };
 function ki() {
@@ -3796,8 +3796,8 @@ function jt({
       default:
         return null;
     }
-  }, { hasKnowledge: w, isFaithful: I } = ce(() => o === "no_knowledge" ? { hasKnowledge: !1, isFaithful: !1 } : o === "hallucination" ? { hasKnowledge: !0, isFaithful: !1 } : { hasKnowledge: !0, isFaithful: !0 }, [o]);
-  return E(() => {
+  }, { hasKnowledge: L, isFaithful: T } = ce(() => o === "no_knowledge" ? { hasKnowledge: !1, isFaithful: !1 } : o === "hallucination" ? { hasKnowledge: !0, isFaithful: !1 } : { hasKnowledge: !0, isFaithful: !0 }, [o]);
+  return I(() => {
     if (i || !s || n.length === 0)
       return;
     let y = !1;
@@ -3806,10 +3806,10 @@ function jt({
       try {
         const M = await s.getChunkIdsGroupedBySource(n);
         if (y) return;
-        const k = M.map((V) => V.source), W = M.flatMap(
-          (V) => V.chunks
+        const k = M.map((W) => W.source), V = M.flatMap(
+          (W) => W.chunks
         );
-        d(M), c(k), g(W);
+        d(M), c(k), g(V);
       } catch (M) {
         y || console.error("Error fetching chunks with sources:", M);
       } finally {
@@ -3824,8 +3824,8 @@ function jt({
     chunksWithSources: _,
     isLoading: C,
     getIconForSourceType: v,
-    hasKnowledge: w,
-    isFaithful: I
+    hasKnowledge: L,
+    isFaithful: T
   };
 }
 function Qt() {
@@ -3906,7 +3906,7 @@ function Zt() {
     }
   );
 }
-const T = {
+const E = {
   GUARDRAIL_TRIGGERED: "Guardrail triggered",
   KNOWLEDGE_FOUND: "Knowledge found",
   FAITHFUL_ANSWER: "Faithful answer",
@@ -3933,19 +3933,22 @@ const T = {
   AGENTS_AVAILABLE: "Agents available",
   SPECIALISTS_AVAILABLE: "Specialists available",
   NO_TRANSFER: "No transfer",
-  TRANSFERRED_TO: "Transferred to"
-}, Xt = ({
+  TRANSFERRED_TO: "Transferred to",
+  TYPE: "Type",
+  OPERATOR: "Operator",
+  TARGET: "Target"
+}, Yt = ({
   guardrail: e,
   keyPrefix: n,
   isLastItem: a
 }) => /* @__PURE__ */ f(
   "div",
   {
-    className: R(L.guardrailItem, { [L.isLastItem]: a }),
+    className: P(w.guardrailItem, { [w.isLastItem]: a }),
     children: [
       /* @__PURE__ */ t(Zt, {}),
-      /* @__PURE__ */ t("span", { className: L.guardrailLabel, children: T.GUARDRAIL_TRIGGERED }),
-      /* @__PURE__ */ f("span", { className: L.guardrailValue, children: [
+      /* @__PURE__ */ t("span", { className: w.guardrailLabel, children: E.GUARDRAIL_TRIGGERED }),
+      /* @__PURE__ */ f("span", { className: w.guardrailValue, children: [
         "- ",
         e
       ] })
@@ -3957,24 +3960,24 @@ const T = {
   keyPrefix: n,
   isLastItem: a
 }) => /* @__PURE__ */ t(B, { children: e.map((o) => /* @__PURE__ */ t(
-  Xt,
+  Yt,
   {
     guardrail: o,
     keyPrefix: n,
     isLastItem: a
   },
   `${n}-${o}`
-)) }), Yt = ({
+)) }), Xt = ({
   sources: e,
   chunks: n,
   getIconForSourceType: a,
   onSeeChunks: o,
-  label: s = T.SOURCES
-}) => e.length === 0 ? null : /* @__PURE__ */ f("div", { className: L.debugDetail, children: [
-  /* @__PURE__ */ t("strong", { className: L.debugLabel, children: s }),
+  label: s = E.SOURCES
+}) => e.length === 0 ? null : /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+  /* @__PURE__ */ t("strong", { className: w.debugLabel, children: s }),
   e.map((i) => {
     const r = a(i), l = i.type === "url", h = l ? i.activeExtractionJob?.url : i.activeExtractionJob?.fileName;
-    return /* @__PURE__ */ f("div", { className: L.debugItemWithIcon, children: [
+    return /* @__PURE__ */ f("div", { className: w.debugItemWithIcon, children: [
       r,
       l ? /* @__PURE__ */ t(
         "a",
@@ -3983,23 +3986,23 @@ const T = {
           target: "_blank",
           rel: "noopener noreferrer",
           title: h ?? "Not detected",
-          className: L.urlSourceValue,
+          className: w.urlSourceValue,
           children: h
         }
-      ) : /* @__PURE__ */ t("span", { className: L.fileSourceValue, children: h })
+      ) : /* @__PURE__ */ t("span", { className: w.fileSourceValue, children: h })
     ] }, i.id);
   }),
   n.length > 0 && /* @__PURE__ */ t(
     "button",
     {
       type: "button",
-      className: L.seeInfoButton,
+      className: w.seeInfoButton,
       onClick: o,
-      children: T.SEE_CHUNKS_BUTTON
+      children: E.SEE_CHUNKS_BUTTON
     }
   )
 ] });
-function Wi() {
+function Vi() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -4012,23 +4015,23 @@ function Wi() {
     }
   );
 }
-const Vi = ({ tools: e, onSeeToolDetails: n }) => e.length ? /* @__PURE__ */ f("div", { className: L.debugDetail, children: [
-  /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.EXECUTED_TOOLS }),
+const Wi = ({ tools: e, onSeeToolDetails: n }) => e.length ? /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+  /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.EXECUTED_TOOLS }),
   e.map((a, o) => /* @__PURE__ */ f(
     "div",
     {
-      className: L.debugItemWithIcon,
+      className: w.debugItemWithIcon,
       children: [
-        /* @__PURE__ */ t(Wi, {}),
+        /* @__PURE__ */ t(Vi, {}),
         a.tool_name,
         /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            className: L.seeInfoButton,
+            className: w.seeInfoButton,
             style: { border: "none", flexShrink: 0 },
             onClick: () => n(a),
-            children: T.SEE_TOOL_DETAILS
+            children: E.SEE_TOOL_DETAILS
           }
         )
       ]
@@ -4078,41 +4081,41 @@ const Ui = ({
   }), C = () => {
     r?.onClickOpenChunks?.(m);
   }, p = (v) => {
-    const w = {
+    const L = {
       toolName: v.tool_name,
       toolArguments: v.tool_arguments ?? {},
       knowledgebaseSourcesIds: v.knowledgebase_sources_ids,
       knowledgebaseChunksIds: v.knowledgebase_chunks_ids
     };
-    r?.onClickOpenToolResults?.(w);
+    r?.onClickOpenToolResults?.(L);
   };
   return /* @__PURE__ */ f(B, { children: [
-    d && /* @__PURE__ */ f("div", { className: L.debugDetail, children: [
-      /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.QUERY }),
-      /* @__PURE__ */ f("div", { className: L.debugValue, children: [
+    d && /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+      /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.QUERY }),
+      /* @__PURE__ */ f("div", { className: w.debugValue, children: [
         '"',
         d,
         '"'
       ] })
     ] }),
     /* @__PURE__ */ t(
-      Yt,
+      Xt,
       {
         sources: u,
         chunks: c,
         getIconForSourceType: g,
         onSeeChunks: C,
-        label: T.KNOWLEDGE_SOURCES
+        label: E.KNOWLEDGE_SOURCES
       }
     ),
     /* @__PURE__ */ t(
-      Vi,
+      Wi,
       {
         tools: l,
         onSeeToolDetails: p
       }
     ),
-    !e.length && /* @__PURE__ */ t("div", { className: L.debugDetail, children: /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.NO_TOOLS_EXECUTED }) }),
+    !e.length && /* @__PURE__ */ t("div", { className: w.debugDetail, children: /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.NO_TOOLS_EXECUTED }) }),
     /* @__PURE__ */ t(
       wt,
       {
@@ -4128,8 +4131,8 @@ const Ui = ({
         isLastItem: !o && !s
       }
     ),
-    o && /* @__PURE__ */ t("div", { className: L.debugDetail, children: /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.EXIT }) }),
-    s && /* @__PURE__ */ t("div", { className: L.debugDetail, children: /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.ERROR }) })
+    o && /* @__PURE__ */ t("div", { className: w.debugDetail, children: /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.EXIT }) }),
+    s && /* @__PURE__ */ t("div", { className: w.debugDetail, children: /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.ERROR }) })
   ] });
 }, $i = (e) => ({
   action: x.AiAgent,
@@ -4212,15 +4215,15 @@ const qi = ({
   is_transferred_to_specialist: a,
   last_agent_name: o
 }) => /* @__PURE__ */ f(B, { children: [
-  n.length > 0 && /* @__PURE__ */ f("div", { className: L.debugDetail, "data-line-end": !0, children: [
-    /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.SPECIALISTS_AVAILABLE }),
-    n.map((s) => /* @__PURE__ */ f("div", { className: L.debugItemWithIcon, children: [
+  n.length > 0 && /* @__PURE__ */ f("div", { className: w.debugDetail, "data-line-end": !0, children: [
+    /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.SPECIALISTS_AVAILABLE }),
+    n.map((s) => /* @__PURE__ */ f("div", { className: w.debugItemWithIcon, children: [
       /* @__PURE__ */ t(Qt, {}),
       s.name
     ] }, s.name))
   ] }),
-  /* @__PURE__ */ t("div", { className: L.debugDetail, children: a ? /* @__PURE__ */ f("div", { className: L.debugValue, children: [
-    T.TRANSFERRED_TO,
+  /* @__PURE__ */ t("div", { className: w.debugDetail, children: a ? /* @__PURE__ */ f("div", { className: w.debugValue, children: [
+    E.TRANSFERRED_TO,
     " ",
     /* @__PURE__ */ f("span", { style: { fontWeight: 400 }, children: [
       "- ",
@@ -4229,18 +4232,18 @@ const qi = ({
   ] }) : e.length > 0 ? /* @__PURE__ */ t(B, { children: e.map((s) => /* @__PURE__ */ f(
     "div",
     {
-      className: L.debugItemWithIcon,
+      className: w.debugItemWithIcon,
       children: [
         /* @__PURE__ */ t(Zt, {}),
-        /* @__PURE__ */ t("span", { className: L.guardrailLabel, children: T.GUARDRAIL_TRIGGERED }),
-        /* @__PURE__ */ f("span", { className: L.guardrailValue, children: [
+        /* @__PURE__ */ t("span", { className: w.guardrailLabel, children: E.GUARDRAIL_TRIGGERED }),
+        /* @__PURE__ */ f("span", { className: w.guardrailValue, children: [
           "- ",
           s
         ] })
       ]
     },
     `input-guardrail-${s}`
-  )) }) : /* @__PURE__ */ t("div", { className: L.debugValue, children: T.NO_TRANSFER }) })
+  )) }) : /* @__PURE__ */ t("div", { className: w.debugValue, children: E.NO_TRANSFER }) })
 ] }), Ki = (e) => ({
   action: x.AiAgentRouter,
   title: /* @__PURE__ */ f(B, { children: [
@@ -4280,7 +4283,7 @@ const Qi = (e) => ({
   icon: /* @__PURE__ */ t(ji, {}),
   collapsible: !1
 });
-function We() {
+function Ve() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -4303,9 +4306,9 @@ const Zi = (e) => ({
     ] })
   ] }),
   component: null,
-  icon: /* @__PURE__ */ t(We, {}),
+  icon: /* @__PURE__ */ t(Ve, {}),
   collapsible: !1
-}), Xi = (e) => ({
+}), Yi = (e) => ({
   action: x.ConditionalCountry,
   title: /* @__PURE__ */ f(B, { children: [
     "Country checked ",
@@ -4315,37 +4318,44 @@ const Zi = (e) => ({
     ] })
   ] }),
   component: null,
-  icon: /* @__PURE__ */ t(We, {}),
+  icon: /* @__PURE__ */ t(Ve, {}),
   collapsible: !1
-}), Yi = (e) => ({
-  action: x.ConditionalCustom,
-  title: /* @__PURE__ */ f(B, { children: [
-    "Custom condition checked ",
-    /* @__PURE__ */ f("span", { children: [
-      "- ",
-      e.conditional_variable
-    ] })
+}), Xi = (e) => /* @__PURE__ */ f(B, { children: [
+  /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+    /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.TYPE }),
+    /* @__PURE__ */ t("div", { className: w.debugValue, children: e.variable_format })
   ] }),
-  component: null,
-  icon: /* @__PURE__ */ t(We, {}),
-  collapsible: !1
-}), Ji = (e) => {
-  const n = e.is_queue_open ? T.OPEN : T.CLOSED, a = e.is_available_agent ? T.YES : T.NO;
+  /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+    /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.OPERATOR }),
+    /* @__PURE__ */ t("div", { className: w.debugValue, children: e.operator })
+  ] }),
+  /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+    /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.TARGET }),
+    /* @__PURE__ */ t("div", { className: w.debugValue, children: e.conditional_variable })
+  ] })
+] }), Ji = (e) => ({
+  action: x.ConditionalCustom,
+  title: /* @__PURE__ */ t(B, { children: "Custom condition" }),
+  component: Xi,
+  icon: /* @__PURE__ */ t(Ve, {}),
+  collapsible: !0
+}), el = (e) => {
+  const n = e.is_queue_open ? E.OPEN : E.CLOSED, a = e.is_available_agent ? E.YES : E.NO;
   return /* @__PURE__ */ f(B, { children: [
-    /* @__PURE__ */ f("div", { className: L.debugDetail, children: [
-      /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.QUEUE }),
-      /* @__PURE__ */ t("div", { className: L.debugValue, children: e.queue_name })
+    /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+      /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.QUEUE }),
+      /* @__PURE__ */ t("div", { className: w.debugValue, children: e.queue_name })
     ] }),
-    /* @__PURE__ */ f("div", { className: L.debugDetail, children: [
-      /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.STATUS }),
-      /* @__PURE__ */ t("div", { className: L.debugValue, children: n })
+    /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+      /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.STATUS }),
+      /* @__PURE__ */ t("div", { className: w.debugValue, children: n })
     ] }),
-    /* @__PURE__ */ f("div", { className: L.debugDetail, children: [
-      /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.AGENTS_AVAILABLE }),
-      /* @__PURE__ */ t("div", { className: L.debugValue, children: a })
+    /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+      /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.AGENTS_AVAILABLE }),
+      /* @__PURE__ */ t("div", { className: w.debugValue, children: a })
     ] })
   ] });
-}, el = (e) => ({
+}, tl = (e) => ({
   action: x.ConditionalQueueStatus,
   title: /* @__PURE__ */ f(B, { children: [
     "Queue status checked ",
@@ -4354,11 +4364,11 @@ const Zi = (e) => ({
       e.queue_name
     ] })
   ] }),
-  component: Ji,
-  icon: /* @__PURE__ */ t(We, {}),
+  component: el,
+  icon: /* @__PURE__ */ t(Ve, {}),
   collapsible: !0
 });
-function tl() {
+function nl() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -4371,7 +4381,7 @@ function tl() {
     }
   );
 }
-const nl = (e) => {
+const ol = (e) => {
   const n = e.fallback_out === 1 ? "1st" : "2nd";
   return {
     action: x.Fallback,
@@ -4384,11 +4394,11 @@ const nl = (e) => {
       ] })
     ] }),
     component: null,
-    icon: /* @__PURE__ */ t(tl, {}),
+    icon: /* @__PURE__ */ t(nl, {}),
     collapsible: !1
   };
 };
-function ol() {
+function al() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -4401,9 +4411,9 @@ function ol() {
     }
   );
 }
-const al = (e) => {
+const sl = (e) => {
   const [n, a] = N();
-  return E(() => {
+  return I(() => {
     if (!e.previewUtils || !e.handoff_note_id)
       return;
     let o = !1;
@@ -4418,20 +4428,20 @@ const al = (e) => {
       o = !0;
     };
   }, [e.previewUtils, e.handoff_note_id]), /* @__PURE__ */ f(B, { children: [
-    /* @__PURE__ */ f("div", { className: L.debugDetail, children: [
-      /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.QUEUE }),
-      /* @__PURE__ */ t("div", { className: L.debugValue, children: e.handoff_queue_name })
+    /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+      /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.QUEUE }),
+      /* @__PURE__ */ t("div", { className: w.debugValue, children: e.handoff_queue_name })
     ] }),
-    /* @__PURE__ */ f("div", { className: L.debugDetail, children: [
-      /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.AUTO_ASSIGN }),
-      /* @__PURE__ */ t("div", { className: L.debugValue, children: e.handoff_has_auto_assign ? T.AUTO_ASSIGN_ON : T.AUTO_ASSIGN_OFF })
+    /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+      /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.AUTO_ASSIGN }),
+      /* @__PURE__ */ t("div", { className: w.debugValue, children: e.handoff_has_auto_assign ? E.AUTO_ASSIGN_ON : E.AUTO_ASSIGN_OFF })
     ] }),
-    !!n && /* @__PURE__ */ f("div", { className: L.debugDetail, children: [
-      /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.NOTE }),
-      /* @__PURE__ */ t("div", { className: L.debugValue, children: n })
+    !!n && /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+      /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.NOTE }),
+      /* @__PURE__ */ t("div", { className: w.debugValue, children: n })
     ] })
   ] });
-}, sl = (e) => ({
+}, rl = (e) => ({
   action: x.HandoffSuccess,
   title: /* @__PURE__ */ f(B, { children: [
     "Handoff to agent ",
@@ -4440,11 +4450,11 @@ const al = (e) => {
       e.handoff_queue_name
     ] })
   ] }),
-  icon: /* @__PURE__ */ t(ol, {}),
-  component: al,
+  icon: /* @__PURE__ */ t(al, {}),
+  component: sl,
   collapsible: !0
 });
-function rl() {
+function il() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -4457,7 +4467,7 @@ function rl() {
     }
   );
 }
-const il = (e) => ({
+const ll = (e) => ({
   action: x.Keyword,
   title: /* @__PURE__ */ f(B, { children: [
     "Keyword matched ",
@@ -4468,10 +4478,10 @@ const il = (e) => ({
     ] })
   ] }),
   component: null,
-  icon: /* @__PURE__ */ t(rl, {}),
+  icon: /* @__PURE__ */ t(il, {}),
   collapsible: !1
 });
-function ll() {
+function cl() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -4484,7 +4494,7 @@ function ll() {
     }
   );
 }
-function cl() {
+function dl() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -4497,7 +4507,7 @@ function cl() {
     }
   );
 }
-const dl = (e) => {
+const ul = (e) => {
   const {
     sources: n,
     chunks: a,
@@ -4515,20 +4525,20 @@ const dl = (e) => {
     e.previewUtils?.onClickOpenChunks?.(o);
   };
   return /* @__PURE__ */ f(B, { children: [
-    /* @__PURE__ */ f("div", { className: L.debugDetail, children: [
-      /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.QUERY }),
-      /* @__PURE__ */ f("div", { className: L.debugValue, children: [
+    /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+      /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.QUERY }),
+      /* @__PURE__ */ f("div", { className: w.debugValue, children: [
         '"',
         e.user_input,
         '"'
       ] })
     ] }),
-    l ? /* @__PURE__ */ f("div", { className: L.debugDetail, children: [
-      /* @__PURE__ */ t("strong", { className: L.debugLabel, children: T.KNOWLEDGE_BASE_FAIL_REASON }),
-      /* @__PURE__ */ t("div", { className: L.debugValue, children: e.knowledgebase_fail_reason })
+    l ? /* @__PURE__ */ f("div", { className: w.debugDetail, children: [
+      /* @__PURE__ */ t("strong", { className: w.debugLabel, children: E.KNOWLEDGE_BASE_FAIL_REASON }),
+      /* @__PURE__ */ t("div", { className: w.debugValue, children: e.knowledgebase_fail_reason })
     ] }) : /* @__PURE__ */ f(B, { children: [
       /* @__PURE__ */ t(
-        Yt,
+        Xt,
         {
           sources: n,
           chunks: a,
@@ -4537,33 +4547,33 @@ const dl = (e) => {
         }
       ),
       i && /* @__PURE__ */ t(
-        Xt,
+        Yt,
         {
-          guardrail: T.KNOWLEDGE_FOUND,
+          guardrail: E.KNOWLEDGE_FOUND,
           keyPrefix: "kb-knowledge"
         }
       ),
       r && /* @__PURE__ */ f(
         "div",
         {
-          className: `${L.guardrailItem} ${L.isLastItem}`,
+          className: `${w.guardrailItem} ${w.isLastItem}`,
           "data-line-end": !0,
           children: [
-            /* @__PURE__ */ t(ll, {}),
-            /* @__PURE__ */ t("span", { className: L.guardrailLabel, children: T.FAITHFUL_ANSWER })
+            /* @__PURE__ */ t(cl, {}),
+            /* @__PURE__ */ t("span", { className: w.guardrailLabel, children: E.FAITHFUL_ANSWER })
           ]
         }
       )
     ] })
   ] });
-}, ul = (e) => ({
+}, ml = (e) => ({
   action: x.Knowledgebase,
   title: /* @__PURE__ */ t(B, { children: "Knowledge Base triggered" }),
-  component: dl,
-  icon: /* @__PURE__ */ t(cl, {}),
+  component: ul,
+  icon: /* @__PURE__ */ t(dl, {}),
   collapsible: !0
 });
-function ml() {
+function _l() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -4576,7 +4586,7 @@ function ml() {
     }
   );
 }
-const _l = (e) => ({
+const hl = (e) => ({
   action: x.RedirectFlow,
   title: /* @__PURE__ */ f(B, { children: [
     "Redirected to flow ",
@@ -4586,10 +4596,10 @@ const _l = (e) => ({
     ] })
   ] }),
   component: null,
-  icon: /* @__PURE__ */ t(ml, {}),
+  icon: /* @__PURE__ */ t(_l, {}),
   collapsible: !1
 });
-function hl() {
+function gl() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -4602,7 +4612,7 @@ function hl() {
     }
   );
 }
-const gl = (e) => ({
+const fl = (e) => ({
   action: x.IntentSmart,
   title: /* @__PURE__ */ f(B, { children: [
     "Smart intent triggered",
@@ -4614,9 +4624,9 @@ const gl = (e) => ({
     ] })
   ] }),
   component: null,
-  icon: /* @__PURE__ */ t(hl, {})
+  icon: /* @__PURE__ */ t(gl, {})
 });
-function fl() {
+function pl() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -4629,7 +4639,7 @@ function fl() {
     }
   );
 }
-const pl = (e) => ({
+const Cl = (e) => ({
   action: x.WebviewActionTriggered,
   title: /* @__PURE__ */ f(B, { children: [
     "Webview action triggered ",
@@ -4639,16 +4649,16 @@ const pl = (e) => ({
     ] })
   ] }),
   component: null,
-  icon: /* @__PURE__ */ t(fl, {}),
+  icon: /* @__PURE__ */ t(pl, {}),
   collapsible: !1
 });
-function Cl({
+function vl({
   wrapperRef: e,
   isExpanded: n,
   debugEvent: a,
   isCollapsible: o
 }) {
-  E(() => {
+  I(() => {
     if (!o)
       return;
     if (!n || !e.current) {
@@ -4693,52 +4703,52 @@ function Cl({
     };
   }, [n, a, e, o]);
 }
-function vl(e) {
+function bl(e) {
   switch (e.action) {
     case x.Keyword:
-      return il(e);
+      return ll(e);
     case x.IntentSmart:
-      return gl(e);
+      return fl(e);
     case x.HandoffSuccess:
-      return sl(e);
+      return rl(e);
     case x.AiAgent:
       return $i(e);
     case x.AiAgentRouter:
       return Ki(e);
     case x.Knowledgebase:
-      return ul();
+      return ml();
     case x.Fallback:
-      return nl(e);
+      return ol(e);
     case x.BotAction:
       return Qi(e);
     case x.ConditionalChannel:
       return Zi(e);
     case x.ConditionalCountry:
-      return Xi(e);
-    case x.ConditionalCustom:
       return Yi(e);
+    case x.ConditionalCustom:
+      return Ji();
     case x.ConditionalQueueStatus:
-      return el(e);
+      return tl(e);
     case x.RedirectFlow:
-      return _l(e);
+      return hl(e);
     case x.WebviewActionTriggered:
-      return pl(e);
+      return Cl(e);
     default:
       return;
   }
 }
-function bl({
+function wl({
   debugEvent: e,
   messageId: n,
   previewUtils: a
 }) {
-  const [o, s] = N(!1), i = S(null), r = vl(e);
-  Cl({
+  const [o, s] = N(!1), i = S(null), r = bl(e);
+  vl({
     wrapperRef: i,
     isExpanded: o,
     debugEvent: e,
     isCollapsible: r?.collapsible ?? !1
-  }), E(() => {
+  }), I(() => {
     o && a?.trackPreviewEventOpened?.({ action: e.action });
   }, [a, o, e]);
   const l = b(
@@ -4757,12 +4767,12 @@ function bl({
     handleContainerClick: l
   };
 }
-const wl = "system-message", Ll = ({
+const Ll = "system-message", yl = ({
   debugEvent: e,
   messageId: n,
   previewUtils: a
 }) => {
-  const { isExpanded: o, eventConfig: s, wrapperRef: i, handleContainerClick: r } = bl({ debugEvent: e, messageId: n, previewUtils: a }), { messageClasses: l, standaloneAvatarProps: h } = rt({
+  const { isExpanded: o, eventConfig: s, wrapperRef: i, handleContainerClick: r } = wl({ debugEvent: e, messageId: n, previewUtils: a }), { messageClasses: l, standaloneAvatarProps: h } = rt({
     variant: "bot",
     children: null,
     hideFooter: !0
@@ -4770,28 +4780,28 @@ const wl = "system-message", Ll = ({
   if (!s)
     return null;
   const { title: _, icon: d, component: u, collapsible: c } = s, m = u;
-  return /* @__PURE__ */ f("div", { className: l, role: wl, children: [
+  return /* @__PURE__ */ f("div", { className: l, role: Ll, children: [
     h && /* @__PURE__ */ t(De, { ...h }),
     /* @__PURE__ */ f(
       "div",
       {
-        className: R(L.debugContainer, {
-          [L.isCollapsible]: c
+        className: P(w.debugContainer, {
+          [w.isCollapsible]: c
         }),
         "data-webchat-message-bubble": !0,
         onClick: c ? r : void 0,
         children: [
-          /* @__PURE__ */ f("div", { className: L.debugHeader, children: [
-            /* @__PURE__ */ t("span", { className: L.debugIcon, children: d }),
-            /* @__PURE__ */ t("span", { className: L.debugTitle, children: _ }),
-            c && /* @__PURE__ */ t("span", { className: L.debugArrow, children: o ? /* @__PURE__ */ t(gi, {}) : /* @__PURE__ */ t(hi, {}) })
+          /* @__PURE__ */ f("div", { className: w.debugHeader, children: [
+            /* @__PURE__ */ t("span", { className: w.debugIcon, children: d }),
+            /* @__PURE__ */ t("span", { className: w.debugTitle, children: _ }),
+            c && /* @__PURE__ */ t("span", { className: w.debugArrow, children: o ? /* @__PURE__ */ t(gi, {}) : /* @__PURE__ */ t(hi, {}) })
           ] }),
           m && /* @__PURE__ */ t(
             "div",
             {
-              className: L.debugContent,
+              className: w.debugContent,
               style: { display: o ? "block" : "none" },
-              children: /* @__PURE__ */ t("div", { className: L.debugContentWrapper, ref: i, children: /* @__PURE__ */ t(
+              children: /* @__PURE__ */ t("div", { className: w.debugContentWrapper, ref: i, children: /* @__PURE__ */ t(
                 m,
                 {
                   ...e,
@@ -4806,7 +4816,7 @@ const wl = "system-message", Ll = ({
     )
   ] });
 };
-function yl({
+function Sl({
   messageActor: e,
   baseProps: n = {}
 }) {
@@ -4875,7 +4885,7 @@ function yl({
     handleButtonClick: r
   };
 }
-const Sl = ({
+const Nl = ({
   messageActor: e,
   customMessageRenderer: n,
   baseProps: a = {
@@ -4885,11 +4895,11 @@ const Sl = ({
   onImageLoadStart: s,
   onImageLoadComplete: i
 }) => {
-  const { message: r, messageProps: l, handleButtonClick: h } = yl({
+  const { message: r, messageProps: l, handleButtonClick: h } = Sl({
     messageActor: e,
     baseProps: a
   });
-  return E(() => {
+  return I(() => {
     if (r && r.type === "image") {
       const d = `img-${r.id}-${r.data}`;
       s?.(d);
@@ -5022,7 +5032,7 @@ const Sl = ({
       );
     }
     return r.isSystemDebugTrace() ? /* @__PURE__ */ t(
-      Ll,
+      yl,
       {
         debugEvent: r.data.event_data,
         messageId: d,
@@ -5039,7 +5049,7 @@ const Sl = ({
     ), null) : (console.warn(`Unknown message type: ${r.type}`), null);
   })() }) : null;
 };
-function Nl(e) {
+function Ml(e) {
   return ce(() => {
     if (!e)
       return { bot: null, agent: null };
@@ -5064,7 +5074,7 @@ function Nl(e) {
     };
   }, [e]);
 }
-function Ml(e, n, a) {
+function Al(e, n, a) {
   const {
     variant: o = "default",
     hasUserInteracted: s = !1,
@@ -5081,7 +5091,7 @@ function Ml(e, n, a) {
       return C ? Array.from(C.values()) : [];
     },
     (g, C) => g.length === C.length
-  ), c = Nl(n.avatarConfig), m = z(
+  ), c = Ml(n.avatarConfig), m = z(
     n.controller.machine,
     (g) => g.context.isTypingOn,
     (g, C) => g === C
@@ -5118,8 +5128,8 @@ function Ml(e, n, a) {
     }
   };
 }
-const Al = 8, Il = 1, El = 350, Tl = 2;
-function xl({
+const Tl = 8, El = 1, Il = 350, xl = 2;
+function Rl({
   scrollRef: e,
   hasUserInteracted: n,
   messageActorsLength: a,
@@ -5131,12 +5141,12 @@ function xl({
     if (!n) return;
     const c = e.current;
     if (!c) return;
-    const m = c.scrollTop <= Tl;
+    const m = c.scrollTop <= xl;
     i?.(m);
   }, [n, i]), d = b(() => {
     const c = e.current;
     if (!c) return;
-    const m = r.current ? c.scrollTop > Il : c.scrollTop > Al;
+    const m = r.current ? c.scrollTop > El : c.scrollTop > Tl;
     r.current !== m && (r.current = m, s?.(m));
   }, [s]), u = b(() => {
     d(), !l.current && _();
@@ -5150,7 +5160,7 @@ function xl({
         behavior: "smooth"
       }), h.current = window.setTimeout(() => {
         l.current = !1, u();
-      }, El), requestAnimationFrame(u);
+      }, Il), requestAnimationFrame(u);
     });
   }, [a, o, u]), { handleScrollState: u };
 }
@@ -5160,7 +5170,7 @@ const Pl = "webchat-messages-module__base___V7acY", pe = {
   "scroll-fade-bottom": "webchat-messages-module__scroll-fade-bottom___WoP9u",
   "typing-indicator-container": "webchat-messages-module__typing-indicator-container___v3bpq",
   default: "webchat-messages-module__default___3C2qm"
-}, Rl = j(pe.base, {
+}, Bl = j(pe.base, {
   variants: {
     variant: {
       default: pe.default
@@ -5169,20 +5179,20 @@ const Pl = "webchat-messages-module__base___V7acY", pe = {
   defaultVariants: {
     variant: "default"
   }
-}), Bl = 1, kl = /* @__PURE__ */ new Set([gn.Text]);
+}), kl = 1, Ol = /* @__PURE__ */ new Set([gn.Text]);
 function Lt(e) {
-  return kl.has(e.type);
+  return Ol.has(e.type);
 }
-function Ol(e, n) {
-  return !e || !n ? !1 : Math.abs(n.getTime() - e.getTime()) <= Bl * 6e4;
+function Dl(e, n) {
+  return !e || !n ? !1 : Math.abs(n.getTime() - e.getTime()) <= kl * 6e4;
 }
 function yt(e, n) {
-  return !e || !n || !Lt(e) || !Lt(n) || e.sent_by !== n.sent_by ? !1 : Ol(
+  return !e || !n || !Lt(e) || !Lt(n) || e.sent_by !== n.sent_by ? !1 : Dl(
     et(e.id),
     et(n.id)
   );
 }
-function Dl({
+function Vl({
   messageActors: e,
   isTyping: n,
   hasUserInteracted: a = !1,
@@ -5195,7 +5205,7 @@ function Dl({
   onUserInteraction: _,
   previewUtils: d
 }) {
-  const { handleScrollState: u } = xl({
+  const { handleScrollState: u } = Rl({
     scrollRef: r,
     hasUserInteracted: a ?? !1,
     messageActorsLength: e.length,
@@ -5206,9 +5216,9 @@ function Dl({
     (m, g, C, p) => {
       const v = m;
       if (v.type === "custom" && v.data && o) {
-        const w = o[v.data.name];
-        if (w && typeof w == "function")
-          return w({
+        const L = o[v.data.name];
+        if (L && typeof L == "function")
+          return L({
             ...v.data.props,
             onButtonClick: C,
             messageProps: p,
@@ -5228,9 +5238,9 @@ function Dl({
       onScroll: u,
       children: [
         e && e.length > 0 && e.map((m, g) => {
-          const C = e[g - 1]?.getSnapshot().context?.message, p = m.getSnapshot().context?.message, v = e[g + 1]?.getSnapshot().context?.message, w = yt(p, v), I = yt(C, p);
+          const C = e[g - 1]?.getSnapshot().context?.message, p = m.getSnapshot().context?.message, v = e[g + 1]?.getSnapshot().context?.message, L = yt(p, v), T = yt(C, p);
           return /* @__PURE__ */ t(
-            Sl,
+            Nl,
             {
               messageActor: m,
               customMessageRenderer: c,
@@ -5240,8 +5250,8 @@ function Dl({
                 botAvatarConfig: s,
                 agentAvatarConfig: i,
                 onUserInteraction: _,
-                hideFooter: w,
-                isContinuation: I,
+                hideFooter: L,
+                isContinuation: T,
                 botInteractionId: p?.bot_interaction_id,
                 previewUtils: d
               }
@@ -5256,7 +5266,7 @@ function Dl({
   );
 }
 function Wl(e) {
-  const { state: n, previewUtils: a } = q(), o = S(null), s = S(null), { messagesProps: i, messageListProps: r, variants: l } = Ml(
+  const { state: n, previewUtils: a } = q(), o = S(null), s = S(null), { messagesProps: i, messageListProps: r, variants: l } = Al(
     e,
     n,
     o
@@ -5265,10 +5275,10 @@ function Wl(e) {
     "div",
     {
       ...i,
-      className: Rl(l),
+      className: Bl(l),
       "data-webchat-messages": !0,
       children: /* @__PURE__ */ t(
-        Dl,
+        Vl,
         {
           ...r,
           customMessages: n.customMessages,
@@ -5279,7 +5289,7 @@ function Wl(e) {
     }
   );
 }
-function Vl({
+function zl({
   isOpen: e,
   onClose: n,
   onControllerReady: a,
@@ -5290,21 +5300,21 @@ function Vl({
   icons: l,
   heroHeaderLayout: h
 }) {
-  const { controller: _, state: d } = q(), u = S(!1), c = In({
+  const { controller: _, state: d } = q(), u = S(!1), c = Tn({
     controller: _,
     isOpen: e,
     layout: h,
     enableResponsiveHeroHeader: d.enableResponsiveHeroHeader
   }), { header: m, messages: g, onUserEngagement: C } = c;
-  return E(() => {
+  return I(() => {
     _ && !u.current && (u.current = !0, a?.(_));
-  }, [_, a]), E(() => {
+  }, [_, a]), I(() => {
     if (!_) return;
-    const w = _.machine.getSnapshot().context.isOpen ?? !1;
-    e && !w ? _.open() : !e && w && _.close();
+    const L = _.machine.getSnapshot().context.isOpen ?? !1;
+    e && !L ? _.open() : !e && L && _.close();
   }, [e, _]), /* @__PURE__ */ f(Ao, { layout: "default", coverRegistry: r, children: [
     /* @__PURE__ */ t(
-      Vo,
+      Wo,
       {
         title: o,
         onClose: () => {
@@ -5317,12 +5327,12 @@ function Vl({
         children: /* @__PURE__ */ t(
           nn,
           {
-            trigger: /* @__PURE__ */ t(Rt, { "aria-label": "Open menu" }),
+            trigger: /* @__PURE__ */ t(Pt, { "aria-label": "Open menu" }),
             placement: "bottom right",
             children: ({ close: v }) => /* @__PURE__ */ f(on, { children: [
               /* @__PURE__ */ t(Uo, { onClose: v }),
               /* @__PURE__ */ t(Fo, { onClose: v }),
-              /* @__PURE__ */ t(Yo, {}),
+              /* @__PURE__ */ t(Xo, {}),
               /* @__PURE__ */ t(Zo, { onClose: v })
             ] })
           }
@@ -5342,7 +5352,7 @@ function Vl({
     )
   ] });
 }
-function zl({
+function Fl({
   appId: e,
   isOpen: n,
   onClose: a,
@@ -5366,7 +5376,7 @@ function zl({
       avatarConfig: h,
       ...c,
       children: /* @__PURE__ */ t(
-        Vl,
+        zl,
         {
           isOpen: n,
           onClose: a,
@@ -5382,50 +5392,50 @@ function zl({
     }
   );
 }
-const Jl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ec = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  WebchatApp: zl
+  WebchatApp: Fl
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   ho as A,
   xn as B,
   Do as C,
   Nn as D,
-  Yr as E,
+  Xr as E,
   So as F,
   q as G,
   xo as H,
-  In as I,
+  Tn as I,
   Ga as J,
-  Ml as K,
+  Al as K,
   yn as L,
   it as M,
-  Jl as N,
+  ec as N,
   yo as O,
-  Ll as P,
+  yl as P,
   Ut as Q,
   ai as R,
-  wl as S,
+  Ll as S,
   as as T,
-  zl as W,
+  Fl as W,
   qn as a,
-  Tt as b,
+  It as b,
   jn as c,
   Fo as d,
   Uo as e,
   Zo as f,
-  Yo as g,
-  Rt as h,
+  Xo as g,
+  Pt as h,
   de as i,
   st as j,
-  Sl as k,
+  Nl as k,
   ro as l,
-  Pt as m,
+  Rt as m,
   Jn as n,
   fo as o,
   so as p,
   Ao as q,
-  Vo as r,
+  Wo as r,
   Ka as s,
   Wl as t,
   Sn as u,