@2uinc/frontend-component-xpert-chatbot 1.36.0-alpha.14 → 1.36.0-alpha.15

package/dist/lib/index.min.js

@@ -1,4 +1,4 @@
-import yt, { createContext as Kr, useState as ce, useCallback as st, useEffect as xe, useMemo as cn, useRef as tt, useContext as oe, forwardRef as ws, createElement as Za, useLayoutEffect as O0, memo as I0, Suspense as N0, Fragment as k0, StrictMode as L0 } from "react";
+import yt, { createContext as Kr, useState as ce, useCallback as st, useEffect as Ne, useMemo as cn, useRef as tt, useContext as oe, forwardRef as ws, createElement as Za, useLayoutEffect as O0, memo as I0, Suspense as N0, Fragment as k0, StrictMode as L0 } from "react";
 import w0, { render as R0 } from "react-dom";
 var Sr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Mt(e) {
@@ -245,10 +245,10 @@ function j0() {
   return Ou || (Ou = 1, function(e, t) {
     var n = 200, r = "__lodash_hash_undefined__", a = 800, i = 16, u = 9007199254740991, s = "[object Arguments]", l = "[object Array]", c = "[object AsyncFunction]", d = "[object Boolean]", f = "[object Date]", p = "[object Error]", h = "[object Function]", E = "[object GeneratorFunction]", m = "[object Map]", y = "[object Number]", g = "[object Null]", P = "[object Object]", M = "[object Proxy]", W = "[object RegExp]", R = "[object Set]", _ = "[object String]", N = "[object Undefined]", $ = "[object WeakMap]", H = "[object ArrayBuffer]", te = "[object DataView]", Y = "[object Float32Array]", V = "[object Float64Array]", L = "[object Int8Array]", I = "[object Int16Array]", w = "[object Int32Array]", B = "[object Uint8Array]", G = "[object Uint8ClampedArray]", j = "[object Uint16Array]", q = "[object Uint32Array]", b = /[\\^$.*+?()[\]{}|]/g, ne = /^\[object .+?Constructor\]$/, le = /^(?:0|[1-9]\d*)$/, x = {};
     x[Y] = x[V] = x[L] = x[I] = x[w] = x[B] = x[G] = x[j] = x[q] = !0, x[s] = x[l] = x[H] = x[d] = x[te] = x[f] = x[p] = x[h] = x[m] = x[y] = x[P] = x[W] = x[R] = x[_] = x[$] = !1;
-    var se = typeof Sr == "object" && Sr && Sr.Object === Object && Sr, ye = typeof self == "object" && self && self.Object === Object && self, me = se || ye || Function("return this")(), Ae = t && !t.nodeType && t, ve = Ae && !0 && e && !e.nodeType && e, Ue = ve && ve.exports === Ae, Oe = Ue && se.process, Ze = function() {
+    var se = typeof Sr == "object" && Sr && Sr.Object === Object && Sr, ye = typeof self == "object" && self && self.Object === Object && self, me = se || ye || Function("return this")(), Ae = t && !t.nodeType && t, xe = Ae && !0 && e && !e.nodeType && e, Ue = xe && xe.exports === Ae, ve = Ue && se.process, Ze = function() {
       try {
-        var A = ve && ve.require && ve.require("util").types;
-        return A || Oe && Oe.binding && Oe.binding("util");
+        var A = xe && xe.require && xe.require("util").types;
+        return A || ve && ve.binding && ve.binding("util");
       } catch {
       }
     }(), ft = Ze && Ze.isTypedArray;
@@ -296,7 +296,7 @@ function j0() {
         return A({}, "", {}), A;
       } catch {
       }
-    }(), Ie = X ? X.isBuffer : void 0, nt = Math.max, ze = Date.now, Vt = ca(me, "Map"), tn = ca(Object, "create"), kt = /* @__PURE__ */ function() {
+    }(), Oe = X ? X.isBuffer : void 0, nt = Math.max, ze = Date.now, Vt = ca(me, "Map"), tn = ca(Object, "create"), kt = /* @__PURE__ */ function() {
       function A() {
       }
       return function(k) {
@@ -667,7 +667,7 @@ function j0() {
     function _0(A) {
       return qn(A) && pa(A);
     }
-    var mu = Ie || v0;
+    var mu = Oe || v0;
     function ma(A) {
       if (!rn(A))
         return !1;
@@ -1466,7 +1466,7 @@ const Ps = /* @__PURE__ */ Mt(q0), z0 = {
       u(!0);
     }
   }, [t, r]);
-  xe(() => {
+  Ne(() => {
     c();
   }, [c]);
   const d = cn(
@@ -1581,7 +1581,7 @@ Ms.propTypes = {
   xpertKey: v.string,
   widgetMode: v.bool
 };
-const Zt = Kr({}), Ne = {
+const Zt = Kr({}), Ie = {
   AGENT: "agent",
   ASSISTANT: "assistant",
   ERROR: "error",
@@ -1596,7 +1596,7 @@ const Zt = Kr({}), Ne = {
   content: v.string.isRequired,
   feedbackThumbType: v.oneOf(["DOWN", "UP"]),
   liveAgent: v.bool,
-  role: v.oneOf(Object.values(Ne)).isRequired,
+  role: v.oneOf(Object.values(Ie)).isRequired,
   timestamp: v.instanceOf(Date),
   toolCalls: v.arrayOf(
     v.shape({
@@ -1639,7 +1639,7 @@ const Iu = 991, Z0 = () => {
   const [e, t] = ce(
     window.innerWidth < Iu
   );
-  return xe(() => {
+  return Ne(() => {
     const n = () => {
       t(window.innerWidth < Iu);
     };
@@ -1765,7 +1765,7 @@ eyes follow your mouse when you hover near it.`, qs = ({
   ), i = tt(null), u = tt(!1), s = a ? (h = n == null ? void 0 : n.animatedGraduate) == null ? void 0 : h.delayMs : ((E = n == null ? void 0 : n.animatedGraduate) == null ? void 0 : E.delayMs) * 2, [l, c] = ce(!1), d = window.matchMedia(
     `(max-width: ${tf}px)`
   ).matches;
-  xe(() => {
+  Ne(() => {
     const P = setTimeout(
       () => {
         c(!0);
@@ -1775,7 +1775,7 @@ eyes follow your mouse when you hover near it.`, qs = ({
     return () => {
       clearTimeout(P);
     };
-  }, [s]), xe(() => {
+  }, [s]), Ne(() => {
     const g = (P) => {
       const M = window.devicePixelRatio > 1.5;
       if (!(u != null && u.current) || d || M)
@@ -2479,8 +2479,8 @@ var Ru = {
         G ? j = u.tabbableGroups[u.tabbableGroups.length - 1].lastTabbableNode : j = u.tabbableGroups[0].firstTabbableNode;
       else if (G) {
         var ne = u.tabbableGroups.findIndex(function(Ae) {
-          var ve = Ae.firstTabbableNode;
-          return I === ve;
+          var xe = Ae.firstTabbableNode;
+          return I === xe;
         });
         if (ne < 0 && (b.container === I || Rr(I, i.tabbableOptions) && !sn(I, i.tabbableOptions) && !b.nextTabbableNode(I, !1)) && (ne = q), ne >= 0) {
           var le = ne === 0 ? u.tabbableGroups.length - 1 : ne - 1, x = u.tabbableGroups[le];
@@ -2488,8 +2488,8 @@ var Ru = {
         } else tr(w) || (j = b.nextTabbableNode(I, !1));
       } else {
         var se = u.tabbableGroups.findIndex(function(Ae) {
-          var ve = Ae.lastTabbableNode;
-          return I === ve;
+          var xe = Ae.lastTabbableNode;
+          return I === xe;
         });
         if (se < 0 && (b.container === I || Rr(I, i.tabbableOptions) && !sn(I, i.tabbableOptions) && !b.nextTabbableNode(I)) && (se = q), se >= 0) {
           var ye = se === u.tabbableGroups.length - 1 ? 0 : se + 1, me = u.tabbableGroups[ye];
@@ -3047,7 +3047,7 @@ el.propTypes = {
 };
 const tl = () => {
   const { disclaimer: e } = oe(Ye), t = tt(null);
-  return xe(() => {
+  return Ne(() => {
     var n;
     (n = t == null ? void 0 : t.current) == null || n.focus();
   }, []), /* @__PURE__ */ S.jsxs(
@@ -4262,7 +4262,7 @@ function pl(e) {
         });
       } else m && ((h = e.onLoad) === null || h === void 0 || h.call(e, E));
   }
-  xe(() => (n(!0), l), []), xe(() => {
+  Ne(() => (n(!0), l), []), Ne(() => {
     t && d();
   }, [e.icon, t]);
   const { name: f, data: p } = u;
@@ -4296,10 +4296,10 @@ function Li({
   ), m = () => {
     h(""), r.current && (r.current.style.height = "auto");
   }, y = e || d || f;
-  xe(() => {
+  Ne(() => {
     var W;
     i.current && !y && ((W = r.current) == null || W.focus()), i.current = y;
-  }, [y, r]), xe(() => {
+  }, [y, r]), Ne(() => {
     var W;
     (l || c) && ((W = r.current) == null || W.focus());
   }, [c, l, r]);
@@ -4371,7 +4371,7 @@ Li.propTypes = {
 };
 const ui = ({ content: e = "Please try again later." }) => {
   const t = tt(null);
-  return xe(() => {
+  return Ne(() => {
     var n;
     (n = t.current) == null || n.scrollIntoView({
       behavior: "instant"
@@ -7182,14 +7182,14 @@ function tm(e, t, n) {
       ) : ne(I);
       function ne(me) {
         return Ae;
-        function Ae(ve) {
-          const Ue = ve !== null && me[ve], Oe = ve !== null && me.null, Ze = [
+        function Ae(xe) {
+          const Ue = xe !== null && me[xe], ve = xe !== null && me.null, Ze = [
             // To do: add more extension tests.
             /* c8 ignore next 2 */
             ...Array.isArray(Ue) ? Ue : Ue ? [Ue] : [],
-            ...Array.isArray(Oe) ? Oe : Oe ? [Oe] : []
+            ...Array.isArray(ve) ? ve : ve ? [ve] : []
           ];
-          return le(Ze)(ve);
+          return le(Ze)(xe);
         }
       }
       function le(me) {
@@ -7197,7 +7197,7 @@ function tm(e, t, n) {
       }
       function x(me) {
         return Ae;
-        function Ae(ve) {
+        function Ae(xe) {
           return b = H(), q = me, me.partial || (c.currentConstruct = me), me.name && c.parser.constructs.disable.null.includes(me.name) ? ye() : me.tokenize.call(
             // If we do have fields, create an object w/ `context` as its
             // prototype.
@@ -7206,7 +7206,7 @@ function tm(e, t, n) {
             l,
             se,
             ye
-          )(ve);
+          )(xe);
         }
       }
       function se(me) {
@@ -7517,13 +7517,13 @@ function _m(e) {
       atxHeading: d(),
       atxHeadingSequence: N,
       autolink: d(),
-      autolinkEmail: Oe,
+      autolinkEmail: ve,
       autolinkProtocol: Ue,
       blockQuote: d(),
       characterEscapeValue: V,
       characterReferenceMarkerHexadecimal: Ae,
       characterReferenceMarkerNumeric: Ae,
-      characterReferenceValue: ve,
+      characterReferenceValue: xe,
       codeFenced: d(P),
       codeFencedFence: g,
       codeFencedFenceInfo: m,
@@ -7630,8 +7630,8 @@ function _m(e) {
   function a(F, X, re) {
     let ue = X - 1, pe = -1, Me = !1, at, je, Je, it;
     for (; ++ue <= re; ) {
-      const Ie = F[ue];
-      if (Ie[1].type === "listUnordered" || Ie[1].type === "listOrdered" || Ie[1].type === "blockQuote" ? (Ie[0] === "enter" ? pe++ : pe--, it = void 0) : Ie[1].type === "lineEndingBlank" ? Ie[0] === "enter" && (at && !it && !pe && !Je && (Je = ue), it = void 0) : Ie[1].type === "linePrefix" || Ie[1].type === "listItemValue" || Ie[1].type === "listItemMarker" || Ie[1].type === "listItemPrefix" || Ie[1].type === "listItemPrefixWhitespace" || (it = void 0), !pe && Ie[0] === "enter" && Ie[1].type === "listItemPrefix" || pe === -1 && Ie[0] === "exit" && (Ie[1].type === "listUnordered" || Ie[1].type === "listOrdered")) {
+      const Oe = F[ue];
+      if (Oe[1].type === "listUnordered" || Oe[1].type === "listOrdered" || Oe[1].type === "blockQuote" ? (Oe[0] === "enter" ? pe++ : pe--, it = void 0) : Oe[1].type === "lineEndingBlank" ? Oe[0] === "enter" && (at && !it && !pe && !Je && (Je = ue), it = void 0) : Oe[1].type === "linePrefix" || Oe[1].type === "listItemValue" || Oe[1].type === "listItemMarker" || Oe[1].type === "listItemPrefix" || Oe[1].type === "listItemPrefixWhitespace" || (it = void 0), !pe && Oe[0] === "enter" && Oe[1].type === "listItemPrefix" || pe === -1 && Oe[0] === "exit" && (Oe[1].type === "listUnordered" || Oe[1].type === "listOrdered")) {
         if (at) {
           let nt = ue;
           for (je = void 0; nt--; ) {
@@ -7643,16 +7643,16 @@ function _m(e) {
           }
           Je && (!je || Je < je) && (at._spread = !0), at.end = Object.assign(
             {},
-            je ? F[je][1].start : Ie[1].end
-          ), F.splice(je || ue, 0, ["exit", at, Ie[2]]), ue++, re++;
+            je ? F[je][1].start : Oe[1].end
+          ), F.splice(je || ue, 0, ["exit", at, Oe[2]]), ue++, re++;
         }
-        Ie[1].type === "listItemPrefix" && (at = {
+        Oe[1].type === "listItemPrefix" && (at = {
           type: "listItem",
           _spread: !1,
-          start: Object.assign({}, Ie[1].start),
+          start: Object.assign({}, Oe[1].start),
           // @ts-expect-error: we’ll add `end` in a second.
           end: void 0
-        }, F.splice(ue, 0, ["enter", at, Ie[2]]), ue++, re++, Je = void 0, it = !0);
+        }, F.splice(ue, 0, ["enter", at, Oe[2]]), ue++, re++, Je = void 0, it = !0);
       }
     }
     return F[X][1]._spread = Me, re;
@@ -7848,7 +7848,7 @@ function _m(e) {
   function Ae(F) {
     i("characterReferenceType", F.type);
   }
-  function ve(F) {
+  function xe(F) {
     const X = this.sliceSerialize(F), re = u("characterReferenceType");
     let ue;
     re ? (ue = kl(
@@ -7863,7 +7863,7 @@ function _m(e) {
     const X = this.stack[this.stack.length - 1];
     X.url = this.sliceSerialize(F);
   }
-  function Oe(F) {
+  function ve(F) {
     V.call(this, F);
     const X = this.stack[this.stack.length - 1];
     X.url = "mailto:" + this.sliceSerialize(F);
@@ -19406,11 +19406,11 @@ function DT() {
         }, w.valueOf = function() {
           return this.$d.getTime();
         }, w.startOf = function(B, G) {
-          var j = this, q = !!Y.u(G) || G, b = Y.p(B), ne = function(Ue, Oe) {
-            var Ze = Y.w(j.$u ? Date.UTC(j.$y, Oe, Ue) : new Date(j.$y, Oe, Ue), j);
+          var j = this, q = !!Y.u(G) || G, b = Y.p(B), ne = function(Ue, ve) {
+            var Ze = Y.w(j.$u ? Date.UTC(j.$y, ve, Ue) : new Date(j.$y, ve, Ue), j);
             return q ? Ze : Ze.endOf(c);
-          }, le = function(Ue, Oe) {
-            return Y.w(j.toDate()[Ue].apply(j.toDate("s"), (q ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(Oe)), j);
+          }, le = function(Ue, ve) {
+            return Y.w(j.toDate()[Ue].apply(j.toDate("s"), (q ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(ve)), j);
           }, x = this.$W, se = this.$M, ye = this.$D, me = "set" + (this.$u ? "UTC" : "");
           switch (b) {
             case h:
@@ -19418,8 +19418,8 @@ function DT() {
             case f:
               return q ? ne(1, se) : ne(0, se + 1);
             case d:
-              var Ae = this.$locale().weekStart || 0, ve = (x < Ae ? x + 7 : x) - Ae;
-              return ne(q ? ye - ve : ye + (6 - ve), se);
+              var Ae = this.$locale().weekStart || 0, xe = (x < Ae ? x + 7 : x) - Ae;
+              return ne(q ? ye - xe : ye + (6 - xe), se);
             case c:
             case E:
               return le(me + "Hours", 0);
@@ -19463,15 +19463,15 @@ function DT() {
         }, w.format = function(B) {
           var G = this, j = this.$locale();
           if (!this.isValid()) return j.invalidDate || m;
-          var q = B || "YYYY-MM-DDTHH:mm:ssZ", b = Y.z(this), ne = this.$H, le = this.$m, x = this.$M, se = j.weekdays, ye = j.months, me = j.meridiem, Ae = function(Oe, Ze, ft, It) {
-            return Oe && (Oe[Ze] || Oe(G, q)) || ft[Ze].slice(0, It);
-          }, ve = function(Oe) {
-            return Y.s(ne % 12 || 12, Oe, "0");
-          }, Ue = me || function(Oe, Ze, ft) {
-            var It = Oe < 12 ? "AM" : "PM";
+          var q = B || "YYYY-MM-DDTHH:mm:ssZ", b = Y.z(this), ne = this.$H, le = this.$m, x = this.$M, se = j.weekdays, ye = j.months, me = j.meridiem, Ae = function(ve, Ze, ft, It) {
+            return ve && (ve[Ze] || ve(G, q)) || ft[Ze].slice(0, It);
+          }, xe = function(ve) {
+            return Y.s(ne % 12 || 12, ve, "0");
+          }, Ue = me || function(ve, Ze, ft) {
+            var It = ve < 12 ? "AM" : "PM";
             return ft ? It.toLowerCase() : It;
           };
-          return q.replace(g, function(Oe, Ze) {
+          return q.replace(g, function(ve, Ze) {
             return Ze || function(ft) {
               switch (ft) {
                 case "YY":
@@ -19503,9 +19503,9 @@ function DT() {
                 case "HH":
                   return Y.s(ne, 2, "0");
                 case "h":
-                  return ve(1);
+                  return xe(1);
                 case "hh":
-                  return ve(2);
+                  return xe(2);
                 case "a":
                   return Ue(ne, le, !0);
                 case "A":
@@ -19524,7 +19524,7 @@ function DT() {
                   return b;
               }
               return null;
-            }(Oe) || b.replace(":", "");
+            }(ve) || b.replace(":", "");
           });
         }, w.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
@@ -19665,7 +19665,7 @@ function tu({
     },
     [a]
   );
-  xe(() => {
+  Ne(() => {
     var N, $, H, te;
     let R, _;
     return (N = h == null ? void 0 : h.liveChat) != null && N.useOwnChat && (_ = setTimeout(() => {
@@ -19917,7 +19917,7 @@ const zT = () => /* @__PURE__ */ S.jsx(
   }
 ), od = ({ src: e, alt: t, ...n }) => {
   const { streaming: r } = oe(Xe), a = tt(null), [i, u] = ce(!1), [s, l] = ce(!0), [c, d] = ce(!1);
-  return xe(() => {
+  return Ne(() => {
     const f = a.current;
     if (!f) return;
     const p = new IntersectionObserver(
@@ -19929,9 +19929,7 @@ const zT = () => /* @__PURE__ */ S.jsx(
     return p.observe(f), () => {
       p.disconnect();
     };
-  }, []), xe(() => {
-    !i || !s || l(!1);
-  }, [i, s]), /* @__PURE__ */ S.jsxs(
+  }, []), /* @__PURE__ */ S.jsxs(
     "div",
     {
       ref: a,
@@ -19963,7 +19961,6 @@ const zT = () => /* @__PURE__ */ S.jsx(
               maxWidth: "100%",
               maxHeight: "1280px",
               objectFit: "contain",
-              display: s ? "none" : "block",
               borderRadius: "8px",
               margin: "0.5rem 0",
               alignSelf: "center"
@@ -20006,10 +20003,7 @@ const WT = (e) => ({
     }
   }
 })[e] ?? ((n) => n), GT = (e, t = !1) => {
-  t && (e = e.replace(
-    /!\[[^\]]*(?:\][^(]*)?(?:\([^)]+)?\)?/g,
-    "![](https://example.com/placeholder.png)"
-  ));
+  t && (e = e.replace(/!\[[^\]]*(?:\][^(]*)?(?:\([^)]+)?\)?/g, "![]()"));
   const r = new DOMParser().parseFromString(e, "text/html");
   let a = 1;
   const i = (u) => {
@@ -20083,9 +20077,9 @@ const WT = (e) => ({
     content: p,
     disableFeedback: h,
     liveAgent: E,
-    role: m = Ne.ASSISTANT,
+    role: m = Ie.ASSISTANT,
     timestamp: y
-  } = n ?? {}, g = m === Ne.TOOL ? Ne.ASSISTANT : m, P = E || l === Fs.ESCALATE_TO_AN_AGENT, M = !P && !!p, W = cn(
+  } = n ?? {}, g = m === Ie.TOOL ? Ie.ASSISTANT : m, P = E || l === Fs.ESCALATE_TO_AN_AGENT, M = !P && !!p, W = cn(
     () => {
       var $;
       return KT(
@@ -20134,7 +20128,7 @@ const WT = (e) => ({
             className: "xpert-chatbot-popup__bubble--group-inner",
             style: W[g].innerStyle,
             children: [
-              g === Ne.AGENT && /* @__PURE__ */ S.jsx(
+              g === Ie.AGENT && /* @__PURE__ */ S.jsx(
                 xi,
                 {
                   alignSelf: "flex-end",
@@ -20168,7 +20162,7 @@ const WT = (e) => ({
                   ]
                 }
               ),
-              g === Ne.USER && /* @__PURE__ */ S.jsx(
+              g === Ie.USER && /* @__PURE__ */ S.jsx(
                 xi,
                 {
                   alignSelf: "flex-end",
@@ -20180,7 +20174,7 @@ const WT = (e) => ({
           }
         ),
         y && /* @__PURE__ */ S.jsx("div", { className: "xpert-chatbot-popup__bubble--timestamp", children: MT(y).format("hh:mm a") }),
-        !h && a && g === Ne.ASSISTANT && /* @__PURE__ */ S.jsx(
+        !h && a && g === Ie.ASSISTANT && /* @__PURE__ */ S.jsx(
           ad,
           {
             id: e,
@@ -20207,7 +20201,7 @@ ru.displayName = "MessageBubble";
 const sd = I0(ru);
 function au({ message: e }) {
   const { content: t, icon: n, iconColor: r, role: a } = e;
-  return a !== Ne.NOTIFICATION ? null : /* @__PURE__ */ S.jsxs("div", { className: "notification-container", children: [
+  return a !== Ie.NOTIFICATION ? null : /* @__PURE__ */ S.jsxs("div", { className: "notification-container", children: [
     /* @__PURE__ */ S.jsx(
       "div",
       {
@@ -20224,13 +20218,13 @@ au.propTypes = {
     content: v.string,
     icon: v.string,
     iconColor: v.string,
-    role: v.oneOf([Ne.NOTIFICATION])
+    role: v.oneOf([Ie.NOTIFICATION])
   }).isRequired
 };
 au.displayName = "NotificationMessage";
 function ld({ disableScroll: e }) {
   const t = tt(null), { streaming: n } = oe(Xe);
-  return xe(() => {
+  return Ne(() => {
     var r;
     e || (r = t.current) == null || r.scrollIntoView({
       behavior: "smooth",
@@ -20283,16 +20277,16 @@ const oa = ({
         style: { display: "flex", flexDirection: "column" },
         children: n.map((f, p) => {
           const { role: h } = f, E = `${h}-${p}`;
-          if (h === Ne.ERROR)
+          if (h === Ie.ERROR)
             return /* @__PURE__ */ S.jsx(ui, { content: f == null ? void 0 : f.content }, E);
-          if (h === Ne.NOTIFICATION)
+          if (h === Ie.NOTIFICATION)
             return /* @__PURE__ */ S.jsx(au, { message: f }, E);
           if (![
-            Ne.AGENT,
-            Ne.ASSISTANT,
-            Ne.INFO,
-            Ne.TOOL,
-            Ne.USER
+            Ie.AGENT,
+            Ie.ASSISTANT,
+            Ie.INFO,
+            Ie.TOOL,
+            Ie.USER
           ].includes(h) || !f.content) return null;
           const m = d[f.toolCallId];
           return /* @__PURE__ */ S.jsx(
@@ -20422,16 +20416,16 @@ const dd = ({ chatContentRef: e, messages: t }) => {
       behavior: "smooth"
     }), u.current && u.current.focus();
   };
-  return xe(() => {
+  return Ne(() => {
     const c = e.current;
     if (c)
       return c.addEventListener("scroll", s), () => c.removeEventListener("scroll", s);
-  }, [e, s]), xe(() => {
+  }, [e, s]), Ne(() => {
     !n && e.current && e.current.scrollTo({
       top: e.current.scrollHeight,
       behavior: "smooth"
     });
-  }, [n, e]), n ? null : /* @__PURE__ */ S.jsx("div", { ref: u, tabIndex: -1, children: (a || r) && t.find((c) => c.role === Ne.ASSISTANT) && /* @__PURE__ */ S.jsx(
+  }, [n, e]), n ? null : /* @__PURE__ */ S.jsx("div", { ref: u, tabIndex: -1, children: (a || r) && t.find((c) => c.role === Ie.ASSISTANT) && /* @__PURE__ */ S.jsx(
     "button",
     {
       onClick: l,
@@ -20479,7 +20473,7 @@ function fd({
             {
               message: {
                 content: s == null ? void 0 : s.systemMessage,
-                role: Ne.ASSISTANT
+                role: Ie.ASSISTANT
               }
             }
           ),
@@ -21176,9 +21170,9 @@ function cu() {
                     });
                   }, ye = function(Ae) {
                     b || (0, i.flushSync)(function() {
-                      return W(function(ve) {
+                      return W(function(xe) {
                         var Ue;
-                        return e(e({}, ve), _.current && (Ue = {}, Ue[_.current] = Ae, Ue));
+                        return e(e({}, xe), _.current && (Ue = {}, Ue[_.current] = Ae, Ue));
                       });
                     });
                   }, ne && (q = (0, s.createOrJoinSocket)(N, _.current, ye, L, se, $, H, te, B)), [
@@ -21390,7 +21384,7 @@ const l3 = "This conversation with a live agent has ended. Please note that a tr
   }, $ = () => {
     r({
       content: l3,
-      role: Ne.INFO
+      role: Ie.INFO
     }), H();
   }, H = () => {
     d(""), E(null), y($t.FORM), i(vt.XPERT);
@@ -21408,7 +21402,7 @@ const l3 = "This conversation with a live agent has ended. Please note that a tr
     M({
       content: b ?? "",
       id: q ?? "",
-      role: Ne.AGENT,
+      role: Ie.AGENT,
       timestamp: ne ? new Date(ne) : void 0
     }), R({
       action: "sendmessage",
@@ -21431,7 +21425,7 @@ const l3 = "This conversation with a live agent has ended. Please note that a tr
       M({
         content: j,
         id: "",
-        role: Ne.USER,
+        role: Ie.USER,
         timestamp: /* @__PURE__ */ new Date()
       }), R({
         action: "sendmessage",
@@ -21465,7 +21459,7 @@ const l3 = "This conversation with a live agent has ended. Please note that a tr
         content: "Feedback submitted",
         icon: "check",
         iconColor: "#30A171",
-        role: Ne.NOTIFICATION
+        role: Ie.NOTIFICATION
       }), $();
     },
     terminateConversation: N
@@ -21624,7 +21618,7 @@ function Ed({
 }) {
   var c, d, f, p, h, E, m, y, g, P, M, W, R, _, N;
   const { primaryColor: a, conversationScreen: i } = oe(Ye), { isMobile: u, mode: s } = oe(Xe), { step: l } = oe(En);
-  return xe(() => {
+  return Ne(() => {
     const $ = document.getElementById("header-mobile");
     return $ && ($.style.display = "none"), () => {
       $ && ($.style.display = "");
@@ -21885,7 +21879,7 @@ function g3(e, t) {
     },
     [n, e, t]
   );
-  return xe(() => () => {
+  return Ne(() => () => {
     clearTimeout(a.current);
   }, []), i;
 }
@@ -22004,7 +21998,7 @@ function Cd() {
   }, M = () => {
     W() && n(l);
   };
-  xe(() => {
+  Ne(() => {
     (!a || a.length === 0) && n();
   }, [a, n]);
   const W = () => {
@@ -22123,16 +22117,16 @@ function Sd({
 }) {
   var E;
   const { proactiveMessage: u } = oe(Ye), [s, l] = ce(!0), [c, d] = ce(!1), f = s && (!(window != null && window.OnetrustActiveGroups) || ((E = window == null ? void 0 : window.OnetrustActiveGroups) == null ? void 0 : E.includes("C0003"))) && lt.get(t) === void 0;
-  xe(() => {
+  Ne(() => {
     var m;
     (m = window == null ? void 0 : window.OneTrust) == null || m.OnConsentChanged(() => {
       var y;
       !((y = window == null ? void 0 : window.OnetrustActiveGroups) != null && y.includes("C0003")) && lt.get(t) !== void 0 && lt.remove(t);
     });
-  }, [t]), xe(() => {
+  }, [t]), Ne(() => {
     var m;
     a || (!(window != null && window.OnetrustActiveGroups) || (m = window == null ? void 0 : window.OnetrustActiveGroups) != null && m.includes("C0003")) && h(t, 1, 1);
-  }, [t, a]), xe(() => {
+  }, [t, a]), Ne(() => {
     if (u != null && u.enabled && (u == null ? void 0 : u.delayMs) > 0) {
       const m = setTimeout(() => {
         d(!0);
@@ -22209,9 +22203,9 @@ function _3(e, t, n) {
     },
     [n]
   );
-  xe(() => (e && window.addEventListener("message", r), () => {
+  Ne(() => (e && window.addEventListener("message", r), () => {
     window.removeEventListener("message", r);
-  }), [e, r]), xe(() => {
+  }), [e, r]), Ne(() => {
     let a;
     return e && (a = document.createElement("style"), document.head.appendChild(a), ((u) => {
       a.innerHTML = `
@@ -22233,7 +22227,7 @@ function _3(e, t, n) {
 }
 function C3(e) {
   const [t, n] = ce(null);
-  return xe(() => {
+  return Ne(() => {
     try {
       (() => {
         var a, i, u;
@@ -22258,7 +22252,7 @@ function C3(e) {
   }, [e]), t;
 }
 function A3(e) {
-  xe(() => {
+  Ne(() => {
     const t = () => document.visibilityState === "visible" && e();
     return document.addEventListener("visibilitychange", t), () => {
       document.removeEventListener("visibilitychange", t);
@@ -22315,7 +22309,7 @@ function xd({ submitEventExternal: e = null }) {
     setLoading: _,
     setStreaming: N
   } = oe(Xe), [, $] = ce(!1), [, H] = ce(!1), [te, Y] = ce(!1), [V, L] = ce(!1), [I, w] = ce(!1), B = te || !c, G = tt(null), j = tt(null), q = lt.get(`${a}-test`) === "1";
-  xe(() => {
+  Ne(() => {
     g === vt.XPERT && B && G.current && G.current.focus();
   }, [g, B]), _3(
     (en = r == null ? void 0 : r.liveChat) == null ? void 0 : en.enabled,
@@ -22391,7 +22385,7 @@ function xd({ submitEventExternal: e = null }) {
   }, le = ((yn = r == null ? void 0 : r.conversationHistory) == null ? void 0 : yn.enabled) && B && !V;
   A3(
     () => le && ne()
-  ), xe(() => {
+  ), Ne(() => {
     let ie, Ee;
     if (n)
       return s != null && s.enabled && (ie = setInterval(() => {
@@ -22407,7 +22401,7 @@ function xd({ submitEventExternal: e = null }) {
     e,
     s == null ? void 0 : s.enabled,
     s == null ? void 0 : s.prefix
-  ]), xe(() => {
+  ]), Ne(() => {
     let ie, Ee;
     const Se = () => {
       l != null && l.enabled && window.optimizely && window.experiments && (clearInterval(ie), clearTimeout(Ee), H(!0));
@@ -22478,7 +22472,7 @@ function xd({ submitEventExternal: e = null }) {
         content: je,
         live_agent: Je,
         role: it,
-        tool_calls: Ie,
+        tool_calls: Oe,
         tool_call_id: nt
       }) => {
         h({
@@ -22486,7 +22480,7 @@ function xd({ submitEventExternal: e = null }) {
           createdAt: /* @__PURE__ */ new Date(),
           liveAgent: Je,
           role: it,
-          toolCalls: Ie,
+          toolCalls: Oe,
           toolCallId: nt
         });
       }
@@ -22512,7 +22506,7 @@ function xd({ submitEventExternal: e = null }) {
       if (Je) break;
       const it = X.decode(je, { stream: !0 });
       try {
-        const Ie = it.match(/\[.*?\](?=\[|$)/gs), nt = JSON.parse(Ie[Ie.length - 1]).map(
+        const Oe = it.match(/\[.*?\](?=\[|$)/gs), nt = JSON.parse(Oe[Oe.length - 1]).map(
           (ze) => ({
             content: ze.content,
             createdAt: pe,
@@ -22553,7 +22547,7 @@ function xd({ submitEventExternal: e = null }) {
     }
     const Me = ((at = re.find((je) => je.content)) == null ? void 0 : at.content) || "";
     return se(Me, Ee), re;
-  }, ve = async (ie, Ee, Se, qe, F) => {
+  }, xe = async (ie, Ee, Se, qe, F) => {
     N(!0);
     const X = ie.body.getReader(), re = await Ae(
       X,
@@ -22570,7 +22564,7 @@ function xd({ submitEventExternal: e = null }) {
         return;
       const Se = /* @__PURE__ */ new Date();
       W(!1), M(!1);
-      const qe = m.filter((ue) => ue.role === Ne.USER).length + 1;
+      const qe = m.filter((ue) => ue.role === Ie.USER).length + 1;
       if (b({
         name: `${s.prefix}.bi.xpert.chatbot.popup.chat.message.sent`,
         payload: {
@@ -22585,10 +22579,10 @@ function xd({ submitEventExternal: e = null }) {
         return;
       }
       let F = null;
-      r.conversationHistory.enabled && (F = Ls(a)), h({ role: Ne.USER, content: ie });
+      r.conversationHistory.enabled && (F = Ls(a)), h({ role: Ie.USER, content: ie });
       const X = [
         ...m,
-        { role: Ne.USER, content: ie }
+        { role: Ie.USER, content: ie }
       ].map((ue) => ({
         role: ue.role,
         content: ue.content,
@@ -22596,9 +22590,9 @@ function xd({ submitEventExternal: e = null }) {
         ...ue.toolCallId && { tool_call_id: ue.toolCallId }
       })).filter(
         ({ role: ue }) => [
-          Ne.ASSISTANT,
-          Ne.TOOL,
-          Ne.USER
+          Ie.ASSISTANT,
+          Ie.TOOL,
+          Ie.USER
         ].includes(ue)
       ), re = await fetch(t.endpoint, {
         method: "POST",
@@ -22613,7 +22607,7 @@ function xd({ submitEventExternal: e = null }) {
       });
       if (!re.ok)
         throw new Error(`HTTPError: ${re.status} ${re.statusText}`);
-      _(!1), (Ee = t.payloadParams) != null && Ee.stream ? await ve(
+      _(!1), (Ee = t.payloadParams) != null && Ee.stream ? await xe(
         re,
         F,
         ie,
@@ -22629,7 +22623,7 @@ function xd({ submitEventExternal: e = null }) {
     } catch (Se) {
       _(!1), M(!0), console.error(Se);
     }
-  }, Oe = () => {
+  }, ve = () => {
     L(!1), Y(!0), R(!0), ne(), b({
       name: `${s.prefix}.bi.xpert.chatbot.action.button.clicked`,
       payload: {
@@ -22735,13 +22729,13 @@ function xd({ submitEventExternal: e = null }) {
       Jt && c && /* @__PURE__ */ S.jsx(
         qs,
         {
-          handleFloatingActionButtonClick: Oe
+          handleFloatingActionButtonClick: ve
         }
       ),
       !Jt && c && /* @__PURE__ */ S.jsx(
         Ys,
         {
-          handleFloatingActionButtonClick: Oe
+          handleFloatingActionButtonClick: ve
         }
       ),
       c && /* @__PURE__ */ S.jsx(h3, {}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@2uinc/frontend-component-xpert-chatbot",
-  "version": "1.36.0-alpha.14",
+  "version": "1.36.0-alpha.15",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/2uinc/frontend-component-xpert-chatbot.git"