deep-chat-dev 9.0.216 → 9.0.217

package/dist/deepChat.js

@@ -136,26 +136,26 @@ var R = /*#__PURE__*/function () {
     }
   }]);
 }();
-var $e = /*#__PURE__*/function () {
-  function $e() {
-    _classCallCheck(this, $e);
+var We = /*#__PURE__*/function () {
+  function We() {
+    _classCallCheck(this, We);
   }
-  return _createClass($e, null, [{
+  return _createClass(We, null, [{
     key: "attemptAppendStyleSheetToHead",
     value: function attemptAppendStyleSheetToHead(e) {
-      if (e.fontFamily && e.fontFamily !== $e.DEFAULT_FONT_FAMILY) return;
+      if (e.fontFamily && e.fontFamily !== We.DEFAULT_FONT_FAMILY) return;
       var t = document.getElementsByTagName("head")[0];
       if (!Array.from(t.getElementsByTagName("link")).some(function (s) {
-        return s.getAttribute("href") === $e.FONT_URL;
+        return s.getAttribute("href") === We.FONT_URL;
       })) {
         var s = document.createElement("link");
-        s.rel = "stylesheet", s.href = $e.FONT_URL, t.appendChild(s);
+        s.rel = "stylesheet", s.href = We.FONT_URL, t.appendChild(s);
       }
     }
   }]);
 }();
-$e.FONT_URL = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap", $e.DEFAULT_FONT_FAMILY = "'Inter', sans-serif, Avenir, Helvetica, Arial";
-var fi = $e;
+We.FONT_URL = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap", We.DEFAULT_FONT_FAMILY = "'Inter', sans-serif, Avenir, Helvetica, Arial";
+var fi = We;
 var pt = /*#__PURE__*/function () {
   function pt() {
     _classCallCheck(this, pt);
@@ -213,16 +213,16 @@ var Ct = (it = /*#__PURE__*/_createClass(function it() {
 var N = /* @__PURE__ */function (n) {
   return n.ESCAPE = "Escape", n.ENTER = "Enter", n.TAB = "Tab", n.ARROW_UP = "ArrowUp", n.ARROW_DOWN = "ArrowDown", n.ARROW_RIGHT = "ArrowRight", n.ARROW_LEFT = "ArrowLeft", n.BACKSPACE = "Backspace", n.DELETE = "Delete", n.META = "Meta", n.CONTROL = "Control", n;
 }(N || {});
-var We = /*#__PURE__*/function () {
-  function We() {
-    _classCallCheck(this, We);
+var Ke = /*#__PURE__*/function () {
+  function Ke() {
+    _classCallCheck(this, Ke);
   }
-  return _createClass(We, null, [{
+  return _createClass(Ke, null, [{
     key: "add",
     value:
     // prettier-ignore
     function add(e, t, i, s) {
-      i !== void 0 && e.addEventListener("keydown", We.onKeyDown.bind(this, i)), e.oninput = We.onInput.bind(this, i, s), e.addEventListener("paste", function (r) {
+      i !== void 0 && e.addEventListener("keydown", Ke.onKeyDown.bind(this, i)), e.oninput = Ke.onInput.bind(this, i, s), e.addEventListener("paste", function (r) {
         var o;
         r.preventDefault(), (o = r.clipboardData) != null && o.files.length && t.addFilesToAnyType(Array.from(r.clipboardData.files));
       });
@@ -233,7 +233,7 @@ var We = /*#__PURE__*/function () {
     key: "onKeyDown",
     value: function onKeyDown(e, t) {
       var s = t.target.textContent;
-      s && s.length >= e && !We.PERMITTED_KEYS.has(t.key) && !We.isKeyCombinationPermitted(t) && t.preventDefault();
+      s && s.length >= e && !Ke.PERMITTED_KEYS.has(t.key) && !Ke.isKeyCombinationPermitted(t) && t.preventDefault();
     }
   }, {
     key: "isKeyCombinationPermitted",
@@ -249,8 +249,8 @@ var We = /*#__PURE__*/function () {
     }
   }]);
 }();
-We.PERMITTED_KEYS = /* @__PURE__ */new Set([N.BACKSPACE, N.DELETE, N.ARROW_RIGHT, N.ARROW_LEFT, N.ARROW_DOWN, N.ARROW_UP, N.META, N.CONTROL, N.ENTER]);
-var ls = We;
+Ke.PERMITTED_KEYS = /* @__PURE__ */new Set([N.BACKSPACE, N.DELETE, N.ARROW_RIGHT, N.ARROW_LEFT, N.ARROW_DOWN, N.ARROW_UP, N.META, N.CONTROL, N.ENTER]);
+var ls = Ke;
 var Ln = /*#__PURE__*/function () {
   function Ln() {
     _classCallCheck(this, Ln);
@@ -265,17 +265,17 @@ var Ln = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Ke = /*#__PURE__*/function () {
-  function Ke(e, t, i) {
+var Je = /*#__PURE__*/function () {
+  function Je(e, t, i) {
     var _this = this;
-    _classCallCheck(this, Ke);
+    _classCallCheck(this, Je);
     var r, o;
-    var s = Ke.processConfig(t, e.textInput);
-    this.elementRef = Ke.createContainerElement((r = s == null ? void 0 : s.styles) == null ? void 0 : r.container), this._config = s, this.inputElementRef = this.createInputElement(), this.elementRef.appendChild(this.inputElementRef), e.setPlaceholderText = this.setPlaceholderText.bind(this), e.setPlaceholderText(((o = this._config.placeholder) == null ? void 0 : o.text) || "Ask me anything!"), setTimeout(function () {
+    var s = Je.processConfig(t, e.textInput);
+    this.elementRef = Je.createContainerElement((r = s == null ? void 0 : s.styles) == null ? void 0 : r.container), this._config = s, this.inputElementRef = this.createInputElement(), this.elementRef.appendChild(this.inputElementRef), e.setPlaceholderText = this.setPlaceholderText.bind(this), e.setPlaceholderText(((o = this._config.placeholder) == null ? void 0 : o.text) || "Ask me anything!"), setTimeout(function () {
       ls.add(_this.inputElementRef, i, _this._config.characterLimit, e._validationHandler);
     });
   }
-  return _createClass(Ke, [{
+  return _createClass(Je, [{
     key: "clear",
     value:
     // this also similarly prevents scroll up
@@ -291,7 +291,7 @@ var Ke = /*#__PURE__*/function () {
     value: function createInputElement() {
       var t, i, s, r;
       var e = document.createElement("div");
-      return e.id = Ke.TEXT_INPUT_ID, e.classList.add("text-input-styling"), Ct.IS_CHROMIUM && Ke.preventAutomaticScrollUpOnNewLine(e), typeof this._config.disabled == "boolean" && this._config.disabled === !0 ? (e.contentEditable = "false", e.classList.add("text-input-disabled")) : (e.contentEditable = "true", this.addEventListeners(e)), Object.assign(e.style, (t = this._config.styles) == null ? void 0 : t.text), Object.assign(e.style, (i = this._config.placeholder) == null ? void 0 : i.style), (r = (s = this._config.placeholder) == null ? void 0 : s.style) != null && r.color || e.setAttribute("textcolor", ""), e;
+      return e.id = Je.TEXT_INPUT_ID, e.classList.add("text-input-styling"), Ct.IS_CHROMIUM && Je.preventAutomaticScrollUpOnNewLine(e), typeof this._config.disabled == "boolean" && this._config.disabled === !0 ? (e.contentEditable = "false", e.classList.add("text-input-disabled")) : (e.contentEditable = "true", this.addEventListeners(e)), Object.assign(e.style, (t = this._config.styles) == null ? void 0 : t.text), Object.assign(e.style, (i = this._config.placeholder) == null ? void 0 : i.style), (r = (s = this._config.placeholder) == null ? void 0 : s.style) != null && r.color || e.setAttribute("textcolor", ""), e;
     }
   }, {
     key: "removePlaceholderStyle",
@@ -368,8 +368,8 @@ var Ke = /*#__PURE__*/function () {
     }
   }]);
 }();
-Ke.TEXT_INPUT_ID = "text-input";
-var pi = Ke;
+Je.TEXT_INPUT_ID = "text-input";
+var pi = Je;
 var Yt = /*#__PURE__*/function () {
   function Yt() {
     _classCallCheck(this, Yt);
@@ -634,11 +634,11 @@ var le = /*#__PURE__*/function () {
 }();
 le.DEFAULT_FILE_NAME = "file", le.FILE_BUBBLE_CLASS = "file-message";
 var j = le;
-var ne = /*#__PURE__*/function () {
-  function ne() {
-    _classCallCheck(this, ne);
+var X = /*#__PURE__*/function () {
+  function X() {
+    _classCallCheck(this, X);
   }
-  return _createClass(ne, null, [{
+  return _createClass(X, null, [{
     key: "checkForContainerStyles",
     value: function checkForContainerStyles(e, t) {
       var i = e.containerStyle;
@@ -714,19 +714,28 @@ var ne = /*#__PURE__*/function () {
       if (!e) return;
       var t = structuredClone(e),
         i = t.loading;
-      return i && (i.outerContainer || i.innerContainer || i.bubble || i.media) && (console.error("The loading message styles are defined using LoadingMessageStyles interface since version 2.0.2."), console.error("Check it out here: https://deepchat.dev/docs/messages/styles#LoadingMessageStyles"), t.loading = {
+      return i && (i.outerContainer || i.innerContainer || i.bubble || i.media) && (console.error("The loading message styles are defined using LoadingMessageStyles interface since version 2.1.0."), console.error("Check it out here: https://deepchat.dev/docs/messages/styles#LoadingMessageStyles"), t.loading = {
         message: {
           styles: i
         }
       }), t;
     }
+  }, {
+    key: "processDemo",
+    value: function processDemo(e) {
+      if (typeof e == "boolean") return e;
+      var t = structuredClone(e);
+      return t.displayLoadingBubble && (console.error("The demo displayLoadingBubble property is deprecated since version 2.1.0."), console.error("Please use displayLoading instead: https://deepchat.dev/docs/messages/styles#LoadingMessageStyles"), t.displayLoading = {
+        message: !0
+      }), t;
+    }
   }]);
 }();
-var Ye = /*#__PURE__*/function () {
-  function Ye() {
-    _classCallCheck(this, Ye);
+var Qe = /*#__PURE__*/function () {
+  function Qe() {
+    _classCallCheck(this, Qe);
   }
-  return _createClass(Ye, null, [{
+  return _createClass(Qe, null, [{
     key: "mouseUp",
     value: function mouseUp(e, t) {
       R.unsetAllCSSMouseStates(e, t), Object.assign(e.style, t["default"]), Object.assign(e.style, t.hover);
@@ -749,7 +758,7 @@ var Ye = /*#__PURE__*/function () {
   }, {
     key: "add",
     value: function add(e, t) {
-      e.addEventListener("mouseenter", Ye.mouseEnter.bind(this, e, t)), e.addEventListener("mouseleave", Ye.mouseLeave.bind(this, e, t)), e.addEventListener("mousedown", Ye.mouseDown.bind(this, e, t)), e.addEventListener("mouseup", Ye.mouseUp.bind(this, e, t));
+      e.addEventListener("mouseenter", Qe.mouseEnter.bind(this, e, t)), e.addEventListener("mouseleave", Qe.mouseLeave.bind(this, e, t)), e.addEventListener("mousedown", Qe.mouseDown.bind(this, e, t)), e.addEventListener("mouseup", Qe.mouseUp.bind(this, e, t));
     }
   }]);
 }();
@@ -837,7 +846,7 @@ var Oe = /*#__PURE__*/function () {
         var o = i.getElementsByClassName(r);
         Array.from(o || []).forEach(function (a) {
           var l = Oe.getProcessedStyles(t, a, r);
-          ie.applyStylesToElement(a, l), Oe.applyEvents(a, r);
+          se.applyStylesToElement(a, l), Oe.applyEvents(a, r);
         });
       });
       var s = i.getElementsByClassName(Fn);
@@ -847,15 +856,15 @@ var Oe = /*#__PURE__*/function () {
     }
   }]);
 }();
-var ie = /*#__PURE__*/function () {
-  function ie() {
-    _classCallCheck(this, ie);
+var se = /*#__PURE__*/function () {
+  function se() {
+    _classCallCheck(this, se);
   }
-  return _createClass(ie, null, [{
+  return _createClass(se, null, [{
     key: "applyStylesToElement",
     value: function applyStylesToElement(e, t) {
       var i = R.processStateful(t, {}, {});
-      Ye.add(e, i), Object.assign(e.style, i["default"]);
+      Qe.add(e, i), Object.assign(e.style, i["default"]);
     }
   }, {
     key: "applyEventsToElement",
@@ -870,7 +879,7 @@ var ie = /*#__PURE__*/function () {
     value: function applyClassUtilitiesToElement(e, t) {
       var i = t.events,
         s = t.styles;
-      i && ie.applyEventsToElement(e, i), s && !Oe.doesElementContainDeepChatClass(e) && ie.applyStylesToElement(e, s);
+      i && se.applyEventsToElement(e, i), s && !Oe.doesElementContainDeepChatClass(e) && se.applyStylesToElement(e, s);
     }
   }, {
     key: "applyCustomClassUtilities",
@@ -878,20 +887,20 @@ var ie = /*#__PURE__*/function () {
       Object.keys(e).forEach(function (i) {
         var s = t.getElementsByClassName(i);
         Array.from(s).forEach(function (r) {
-          e[i] && ie.applyClassUtilitiesToElement(r, e[i]);
+          e[i] && se.applyClassUtilitiesToElement(r, e[i]);
         });
       });
     }
   }, {
     key: "apply",
     value: function apply(e, t) {
-      Oe.applyDeepChatUtilities(e, e.htmlClassUtilities, t), ie.applyCustomClassUtilities(e.htmlClassUtilities, t);
+      Oe.applyDeepChatUtilities(e, e.htmlClassUtilities, t), se.applyCustomClassUtilities(e.htmlClassUtilities, t);
     }
   }, {
     key: "traverseNodes",
     value: function traverseNodes(e, t) {
       e.nodeType === Node.ELEMENT_NODE && t.push(e.outerHTML), e.childNodes.forEach(function (i) {
-        ie.traverseNodes(i, t);
+        se.traverseNodes(i, t);
       });
     }
   }, {
@@ -900,7 +909,7 @@ var ie = /*#__PURE__*/function () {
       var i = new DOMParser().parseFromString(e, "text/html"),
         s = [];
       return i.body.childNodes.forEach(function (r) {
-        ie.traverseNodes(r, s);
+        se.traverseNodes(r, s);
       }), s;
     }
   }]);
@@ -923,7 +932,7 @@ var Ae = /*#__PURE__*/function () {
   }, {
     key: "overwriteElements",
     value: function overwriteElements(e, t, i) {
-      i.bubbleElement.innerHTML = t, ie.apply(e, i.outerContainer), ne.flagHTMLUpdateClass(i.bubbleElement);
+      i.bubbleElement.innerHTML = t, se.apply(e, i.outerContainer), X.flagHTMLUpdateClass(i.bubbleElement);
     }
     // prettier-ignore
   }, {
@@ -939,7 +948,7 @@ var Ae = /*#__PURE__*/function () {
       var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
       var o;
       var r = Ae.createElements(e, t, i, s);
-      return b.fillEmptyMessageElement(r.bubbleElement, t), ie.apply(e, r.outerContainer), ne.flagHTMLUpdateClass(r.bubbleElement), e.applyCustomStyles(r, i, !1, (o = e.messageStyles) == null ? void 0 : o.html), r;
+      return b.fillEmptyMessageElement(r.bubbleElement, t), se.apply(e, r.outerContainer), X.flagHTMLUpdateClass(r.bubbleElement), e.applyCustomStyles(r, i, !1, (o = e.messageStyles) == null ? void 0 : o.html), r;
     }
     // prettier-ignore
   }, {
@@ -1832,12 +1841,12 @@ function gr(n, e, t, i) {
     y,
     P,
     V,
-    Be,
+    Fe,
     I,
-    X = !0,
-    Y,
+    Y = !0,
+    Q,
     B,
-    qe,
+    ze,
     Mt;
   if ((h = Ws(n, e)) >= 0) v = !0;else if ((h = $s(n, e)) >= 0) v = !1;else return !1;
   if (n.level >= n.options.maxNesting) return !1;
@@ -1845,21 +1854,21 @@ function gr(n, e, t, i) {
   for (P = n.tokens.length, v ? (d = n.bMarks[e] + n.tShift[e], m = Number(n.src.substr(d, h - d - 1)), n.tokens.push({
     type: "ordered_list_open",
     order: m,
-    lines: Be = [e, 0],
+    lines: Fe = [e, 0],
     level: n.level++
   })) : n.tokens.push({
     type: "bullet_list_open",
-    lines: Be = [e, 0],
+    lines: Fe = [e, 0],
     level: n.level++
-  }), s = e, V = !1, Y = n.parser.ruler.getRules("list"); s < t && (y = n.skipSpaces(h), u = n.eMarks[s], y >= u ? f = 1 : f = y - h, f > 4 && (f = 1), f < 1 && (f = 1), r = h - n.bMarks[s] + f, n.tokens.push({
+  }), s = e, V = !1, Q = n.parser.ruler.getRules("list"); s < t && (y = n.skipSpaces(h), u = n.eMarks[s], y >= u ? f = 1 : f = y - h, f > 4 && (f = 1), f < 1 && (f = 1), r = h - n.bMarks[s] + f, n.tokens.push({
     type: "list_item_open",
     lines: I = [e, 0],
     level: n.level++
-  }), a = n.blkIndent, l = n.tight, o = n.tShift[e], c = n.parentType, n.tShift[e] = y - n.bMarks[e], n.blkIndent = r, n.tight = !0, n.parentType = "list", n.parser.tokenize(n, e, t, !0), (!n.tight || V) && (X = !1), V = n.line - e > 1 && n.isEmpty(n.line - 1), n.blkIndent = a, n.tShift[e] = o, n.tight = l, n.parentType = c, n.tokens.push({
+  }), a = n.blkIndent, l = n.tight, o = n.tShift[e], c = n.parentType, n.tShift[e] = y - n.bMarks[e], n.blkIndent = r, n.tight = !0, n.parentType = "list", n.parser.tokenize(n, e, t, !0), (!n.tight || V) && (Y = !1), V = n.line - e > 1 && n.isEmpty(n.line - 1), n.blkIndent = a, n.tShift[e] = o, n.tight = l, n.parentType = c, n.tokens.push({
     type: "list_item_close",
     level: --n.level
   }), s = e = n.line, I[1] = s, y = n.bMarks[e], !(s >= t || n.isEmpty(s) || n.tShift[s] < n.blkIndent));) {
-    for (Mt = !1, B = 0, qe = Y.length; B < qe; B++) if (Y[B](n, s, t, !0)) {
+    for (Mt = !1, B = 0, ze = Q.length; B < ze; B++) if (Q[B](n, s, t, !0)) {
       Mt = !0;
       break;
     }
@@ -1872,7 +1881,7 @@ function gr(n, e, t, i) {
   return n.tokens.push({
     type: v ? "ordered_list_close" : "bullet_list_close",
     level: --n.level
-  }), Be[1] = s, n.line = s, X && mr(n, P), !0;
+  }), Fe[1] = s, n.line = s, Y && mr(n, P), !0;
 }
 function br(n, e, t, i) {
   var s,
@@ -2945,7 +2954,7 @@ var mi = /*#__PURE__*/function () {
       }));
       j.reAddFileRefToObject(t, s), (r = e.onMessage) == null || r.call(e, s), e.dispatchEvent(new CustomEvent("message", {
         detail: s
-      })), ne.fireOnNewMessage(e, s);
+      })), X.fireOnNewMessage(e, s);
     }
   }, {
     key: "onClearMessages",
@@ -3029,12 +3038,12 @@ var F = /*#__PURE__*/function () {
   }]);
 }();
 F.CLASS = "loading-history-message", F.FULL_VIEW_CLASS = "loading-history-message-full-view", F.SMALL_CLASS = "loading-history-message-small";
-var tt = F;
+var Ne = F;
 var pe = /*#__PURE__*/function () {
   function pe(e) {
     var _this3 = this;
     _classCallCheck(this, pe);
-    this.messageElementRefs = [], this.htmlClassUtilities = {}, this.messageToElements = [], this.elementRef = pe.createContainerElement(), this.messageStyles = ne.processMessageStyles(e.messageStyles), this._remarkable = Gt.createNew(e.remarkable), this._avatars = e.avatars, this._names = e.names, this._onMessage = mi.onMessage.bind(this, e), e.htmlClassUtilities && (this.htmlClassUtilities = e.htmlClassUtilities), setTimeout(function () {
+    this.messageElementRefs = [], this.htmlClassUtilities = {}, this.messageToElements = [], this.elementRef = pe.createContainerElement(), this.messageStyles = X.processMessageStyles(e.messageStyles), this._remarkable = Gt.createNew(e.remarkable), this._avatars = e.avatars, this._names = e.names, this._onMessage = mi.onMessage.bind(this, e), e.htmlClassUtilities && (this.htmlClassUtilities = e.htmlClassUtilities), setTimeout(function () {
       _this3.submitUserMessage = e.submitUserMessage;
     });
   }
@@ -3090,7 +3099,7 @@ var pe = /*#__PURE__*/function () {
       var r;
       (r = this._introPanel) == null || r.hide();
       var s = this.messageElementRefs[this.messageElementRefs.length - 1];
-      return tt.changeFullViewToSmall(this, s), pe.isTemporaryElement(s) && (this.revealRoleElementsIfTempRemoved(s, t), s.outerContainer.remove(), this.messageElementRefs.pop()), this.createMessageElements(e, t, i);
+      return Ne.changeFullViewToSmall(this, s), pe.isTemporaryElement(s) && (this.revealRoleElementsIfTempRemoved(s, t), s.outerContainer.remove(), this.messageElementRefs.pop()), this.createMessageElements(e, t, i);
     }
     // this can be tested by having an ai message, then a temp ai message with html that submits new user message:
     // https://github.com/OvidijusParsiunas/deep-chat/issues/258
@@ -3135,6 +3144,7 @@ var pe = /*#__PURE__*/function () {
     value: function applyCustomStyles(e, t, i, s) {
       e && this.messageStyles && z.applyCustomStyles(this.messageStyles, e, t, i, s);
     }
+    // WORK - add a customProps to allow devs to add custom properties
   }, {
     key: "removeMessage",
     value: function removeMessage(e) {
@@ -3221,23 +3231,23 @@ var pe = /*#__PURE__*/function () {
   }]);
 }();
 pe.TEXT_BUBBLE_CLASS = "text-message", pe.INTRO_CLASS = "deep-chat-intro";
-var Ne = pe;
+var De = pe;
 var So = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3csvg%20fill='%23000000'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%2032%2032'%20xml:space='preserve'%3e%3cpath%20d='M23,30.36H9c-2.404,0-4.36-1.956-4.36-4.36V15c0-2.404,1.956-4.36,4.36-4.36h3.659%20c0.167-1.566,1.415-2.813,2.981-2.981V5.333c-1.131-0.174-2-1.154-2-2.333c0-1.301,1.059-2.36,2.36-2.36%20c1.302,0,2.36,1.059,2.36,2.36c0,1.179-0.869,2.159-2,2.333V7.66c1.566,0.167,2.814,1.415,2.981,2.981H23%20c2.404,0,4.36,1.956,4.36,4.36v11C27.36,28.404,25.404,30.36,23,30.36z%20M9,11.36c-2.007,0-3.64,1.633-3.64,3.64v11%20c0,2.007,1.633,3.64,3.64,3.64h14c2.007,0,3.64-1.633,3.64-3.64V15c0-2.007-1.633-3.64-3.64-3.64H9z%20M13.384,10.64h5.231%20C18.439,9.354,17.334,8.36,16,8.36C14.667,8.36,13.561,9.354,13.384,10.64z%20M16,1.36c-0.904,0-1.64,0.736-1.64,1.64%20S15.096,4.64,16,4.64c0.904,0,1.64-0.736,1.64-1.64S16.904,1.36,16,1.36z%20M20,27.36h-8c-1.301,0-2.36-1.059-2.36-2.36%20s1.059-2.36,2.36-2.36h8c1.302,0,2.36,1.059,2.36,2.36S21.302,27.36,20,27.36z%20M12,23.36c-0.904,0-1.64,0.735-1.64,1.64%20s0.736,1.64,1.64,1.64h8c0.904,0,1.64-0.735,1.64-1.64s-0.735-1.64-1.64-1.64H12z%20M31,23.86h-2c-0.199,0-0.36-0.161-0.36-0.36V15%20c0-0.199,0.161-0.36,0.36-0.36h2c0.199,0,0.36,0.161,0.36,0.36v8.5C31.36,23.699,31.199,23.86,31,23.86z%20M29.36,23.14h1.279v-7.78%20H29.36V23.14z%20M3,23.86H1c-0.199,0-0.36-0.161-0.36-0.36V15c0-0.199,0.161-0.36,0.36-0.36h2c0.199,0,0.36,0.161,0.36,0.36v8.5%20C3.36,23.699,3.199,23.86,3,23.86z%20M1.36,23.14h1.28v-7.78H1.36V23.14z%20M20,20.36c-1.302,0-2.36-1.059-2.36-2.36%20s1.059-2.36,2.36-2.36s2.36,1.059,2.36,2.36C22.36,19.302,21.302,20.36,20,20.36z%20M20,16.36c-0.904,0-1.64,0.736-1.64,1.64%20s0.735,1.64,1.64,1.64s1.64-0.735,1.64-1.64S20.904,16.36,20,16.36z%20M12,20.36c-1.301,0-2.36-1.059-2.36-2.36s1.059-2.36,2.36-2.36%20s2.36,1.059,2.36,2.36C14.36,19.302,13.301,20.36,12,20.36z%20M12,16.36c-0.904,0-1.64,0.736-1.64,1.64s0.736,1.64,1.64,1.64%20s1.64-0.735,1.64-1.64S12.904,16.36,12,16.36z'/%3e%3crect%20style='fill:none;'%20width='32'%20height='32'/%3e%3c/svg%3e",
   xo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD6CAMAAAC/MqoPAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAADNQTFRF////9vX18vLy/Pz86enp4+Li2tnZ1tbWzczM+fn57Ozs4N/f09LS0M/P5uXl7+/v3dzcwtncCAAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAZNSURBVHja7d3bdtsqEABQYABZSLH9/3+ZpnUsIcF5iOM6PfElNoMHMfPQdq3GmL0GkLhEUqLaUExnOtOZznSmM53pTGc605nOdKYznelMZzrTmV4LXSqllKyJDkob26xWq8Zae/iH0QoWTm9d1xur4WuypQJtTd+5dqn0VjcxzNO5/57mEBvdLo8Oron6aseWOjYOFkVvjQs3DmgyONMuht52EfztP+4hdu0i6LCO808/M8c1lE/fuPGej41uUzgdtoO/75N+2ELJ9I3b3//hPXbiMenm3pR/Jt4USgcLBIp4Bh10gqKVhvLo0klCxeSky96nKcj3siw6pJIL4XsoiQ7apyvMY/V3HHrSRioLopvEhSpTCn2TPEuwKYMOIX0tAxRBf/Hpa+lfSqBv9gi1FPsNfTrMAiVmIE/vJhz61FGnQxRIEYE4vfNYdN8Rp6MlHaHotHTn8ejekaZPAjEmyvQWdZFTtYTpXqCGJ0zvcek9Yfoel76nS0ffv1NMp1ca+pkgyfRCGind4L7OWWc605l+cxjsyhqy9AGbPpClc1/nvl5VX0c/3Alk6RU3+Am7shNZ+h6bvidLr7jBB+zKBrL0irOOudmIUDzTmf5gIP+iEuXtRuTVaEmY/oZLfyNMrzjryPc0gerMTdpVg0tvjJUU6bLPcGOoUv46SLL6Wi8yhLf06C7TUyekI0efRaaYqdFltkeNpPumRPSMDxgBYvSM035FrKAmH72hRW99PrpvSdEHkTEGUvSsK3yKVDkuJ92RohcZaehzzirPpOg+J92Tolfc4Cumx5xVXpGiZ34+ICX6W84qv5GiR5NPbiIpOv6BCoSvSkTX+eiaGP092zINvBOj4x8mSf9FqejvNo/cvpOji19ZbmviL0GPLsYMFzgzCor0+Bv/ePDvSJKOb9dJ5UlnbnEHiHgzv6cdTpJOWuc/u3FEucLDOL75xGtBiefrcwgoC9NDSH/jkH6pAuXmBqPQ9HSUPVdZBH1GGOrMXAQdYxcKZfxAoK+KKBKFLosoEoX+u4giUehz8jlcnAuhp78I46yDYNAd+QLR6K+pr+yvxdBTHyVDubQh0UfSxaHSd0lbvNkVRE87JGOtc+PQd2QLQ6fHhJkKsSh6yg13tO08JPprsgrrXWH0dJd2vH1MLPprot4eXoujpzrdhngiD40ek2y92lggPcnWa8qN1Yz0BFuvZhRl0uOfR0v4Ewuli/Bg4Qr3lArqGdndQ3UPO1EunXYwnelMZzrTmc50pjOd6UxnOtOZznSmM53pTGf6kuj6oedFKV0s3fX6sX1S3bsi6a4PD7+/YAqYeBw6pIB/4qEgOqxdSPbGiim4NRRCbzs3Jj0L4UfXtQXQVRfn5IdA/Bw7RZzurEV6EtdsLeGXkIPuA+K1UoVeA0l62zmN/LqfSSft9KkepmoRuvi3nd5uKNFB9zbbXEANqdr941XO0NJx2v2jdJenpf+/3bvn0ts16ph+sd6hX7dPo2+2cZzE02Ia43bzDHqr+2Evnhz74ZHU30ffbKOeng1/NPV30Ns1gYQnSP2P6e65Pfxc6h02XZqXQCjhJ6kPL6bFo4NrGvAU4UII4SE2P1vQuZkuOxckVfehisF1MjUddN/MZBN+kvq5uf0O/xa66gyNS9ktMWlz44rO1Z8C19i5FPdHzPamXn+F3hryPfxMr78+4F+kq22kO6Rf6fUQt+puuustyWv4rbG3l/duztFB96GYoe1cTBdXMr+nw9qVM6ZfxOvzezff0nXi/ZOndvrR6Zvpm0c3h6nhdb+5iS7tsIim/qXZD9+97/Jf+rpZ5BET1ayv0GUzLhEuhBBjIy/RdVPgndutIRt9nt7p5cKFEEJ3Z+jQFDZL+XnMDXxHB73gxn5s9Kc3d3/pFciFkN/QTSXHJpX5l66gDrkQoP6hL3xsPw39la4qOiV8tH78XeSbue6N9mvWa6J/ybpc1CT1Wnh5Qq9meP8IOKH3ddH7E/ri1iYux/SXDrXR4UiPdck/wUpU+FtPf6/orja6O9KL3l56LOvVxe5Ib2qjN0d6Vbex4ghWlU3bPqI90If66MNng680FNpbJijH6kCvaF3uMzQ3+IrpFerV4Y9dffQdN3im10ivbuImhD3Qq5u4HdZkua8znelMZ/pS4z9CPVKkxowNxgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0wMy0yN1QxNTo0NToxNSswMDowMN1xSg4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMDMtMjdUMTU6NDU6MTUrMDA6MDCsLPKyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==",
-  Q = /*#__PURE__*/function () {
-    function Q() {
-      _classCallCheck(this, Q);
+  ee = /*#__PURE__*/function () {
+    function ee() {
+      _classCallCheck(this, ee);
     }
-    return _createClass(Q, null, [{
+    return _createClass(ee, null, [{
       key: "hide",
       value: function hide(e) {
         var t;
-        (t = e.getElementsByClassName(Q.CONTAINER_CLASS)[0].style).visibility || (t.visibility = "hidden");
+        (t = e.getElementsByClassName(ee.CONTAINER_CLASS)[0].style).visibility || (t.visibility = "hidden");
       }
     }, {
       key: "reveal",
       value: function reveal(e) {
-        e.getElementsByClassName(Q.CONTAINER_CLASS)[0].style.visibility = "";
+        e.getElementsByClassName(ee.CONTAINER_CLASS)[0].style.visibility = "";
       }
     }, {
       key: "applyCustomStylesToElements",
@@ -3248,10 +3258,10 @@ var So = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e
       key: "applyCustomStyles",
       value: function applyCustomStyles(e, t, i, s) {
         var r, o, a, l;
-        if ((r = i["default"]) != null && r.styles && Q.applyCustomStylesToElements(e, t, i["default"].styles), s === b.USER_ROLE) (o = i.user) != null && o.styles && Q.applyCustomStylesToElements(e, t, i.user.styles);else {
-          (a = i.ai) != null && a.styles && Q.applyCustomStylesToElements(e, t, i.ai.styles);
+        if ((r = i["default"]) != null && r.styles && ee.applyCustomStylesToElements(e, t, i["default"].styles), s === b.USER_ROLE) (o = i.user) != null && o.styles && ee.applyCustomStylesToElements(e, t, i.user.styles);else {
+          (a = i.ai) != null && a.styles && ee.applyCustomStylesToElements(e, t, i.ai.styles);
           var c = (l = i[s]) == null ? void 0 : l.styles;
-          c && Q.applyCustomStylesToElements(e, t, c);
+          c && ee.applyCustomStylesToElements(e, t, c);
         }
       }
     }, {
@@ -3261,7 +3271,7 @@ var So = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e
         var i = document.createElement("img");
         e === b.USER_ROLE ? i.src = ((r = t == null ? void 0 : t.user) == null ? void 0 : r.src) || ((o = t == null ? void 0 : t["default"]) == null ? void 0 : o.src) || xo : i.src = ((a = t == null ? void 0 : t[e]) == null ? void 0 : a.src) || ((l = t == null ? void 0 : t.ai) == null ? void 0 : l.src) || ((c = t == null ? void 0 : t["default"]) == null ? void 0 : c.src) || So, i.classList.add("avatar"), i.alt = "".concat(e, " avatar");
         var s = document.createElement("div");
-        return s.classList.add(Q.CONTAINER_CLASS), s.appendChild(i), t && Q.applyCustomStyles(s, i, t, e), s;
+        return s.classList.add(ee.CONTAINER_CLASS), s.appendChild(i), t && ee.applyCustomStyles(s, i, t, e), s;
       }
     }, {
       key: "getPosition",
@@ -3275,14 +3285,14 @@ var So = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e
       key: "add",
       value: function add(e, t, i) {
         var s = typeof i == "boolean" ? void 0 : i,
-          r = Q.createAvatar(t, s),
-          o = Q.getPosition(t, s);
+          r = ee.createAvatar(t, s),
+          o = ee.getPosition(t, s);
         r.classList.add(o === "left" ? "left-item-position" : "right-item-position"), e.insertAdjacentElement(o === "left" ? "beforebegin" : "afterend", r);
       }
     }]);
   }();
-Q.CONTAINER_CLASS = "avatar-container";
-var Pt = Q;
+ee.CONTAINER_CLASS = "avatar-container";
+var Pt = ee;
 var Ee = /*#__PURE__*/function () {
   function Ee() {
     _classCallCheck(this, Ee);
@@ -3470,7 +3480,7 @@ var w = /*#__PURE__*/function () {
     key: "generateMessageBodyElements",
     value: function generateMessageBodyElements(e, t) {
       var i = {};
-      return e.text && (i.text = w.findMessageElements(t, Ne.TEXT_BUBBLE_CLASS)), e.html && (i.html = w.findMessageElements(t, Se.HTML_BUBBLE_CLASS)), e.files && (i.files = w.filterdMessageElements(t, j.FILE_BUBBLE_CLASS)), i;
+      return e.text && (i.text = w.findMessageElements(t, De.TEXT_BUBBLE_CLASS)), e.html && (i.html = w.findMessageElements(t, Se.HTML_BUBBLE_CLASS)), e.files && (i.files = w.filterdMessageElements(t, j.FILE_BUBBLE_CLASS)), i;
     }
   }, {
     key: "generateMessageBody",
@@ -3549,7 +3559,7 @@ var bt = /*#__PURE__*/function () {
       var e;
       if (!(this._endStreamAfterOperation || !this._message) && !(this._fileAdded && !this._elements)) {
         if (!this._elements) throw Error(M.NO_VALID_STREAM_EVENTS_SENT);
-        (e = this._elements.bubbleElement) != null && e.classList.contains(bt.MESSAGE_CLASS) && (this._streamType === "text" ? this._messages.textToSpeech && St.speak(this._message.text || "", this._messages.textToSpeech) : this._streamType === "html" && this._elements && ie.apply(this._messages, this._elements.outerContainer), this._elements.bubbleElement.classList.remove(bt.MESSAGE_CLASS), this._message && this._messages.sendClientUpdate(Ne.createMessageContent(this._message), !1), this._hasStreamEnded = !0);
+        (e = this._elements.bubbleElement) != null && e.classList.contains(bt.MESSAGE_CLASS) && (this._streamType === "text" ? this._messages.textToSpeech && St.speak(this._message.text || "", this._messages.textToSpeech) : this._streamType === "html" && this._elements && se.apply(this._messages, this._elements.outerContainer), this._elements.bubbleElement.classList.remove(bt.MESSAGE_CLASS), this._message && this._messages.sendClientUpdate(De.createMessageContent(this._message), !1), this._hasStreamEnded = !0);
       }
     }
   }, {
@@ -3596,11 +3606,11 @@ var bt = /*#__PURE__*/function () {
 }();
 bt.MESSAGE_CLASS = "streamed-message";
 var _e = bt;
-var Je = /*#__PURE__*/function () {
-  function Je() {
-    _classCallCheck(this, Je);
+var Ze = /*#__PURE__*/function () {
+  function Ze() {
+    _classCallCheck(this, Ze);
   }
-  return _createClass(Je, null, [{
+  return _createClass(Ze, null, [{
     key: "tempRemoveContentHeader",
     value: // need to pass stringifyBody boolean separately as binding is throwing an error for some reason
     // prettier-ignore
@@ -3616,8 +3626,8 @@ var Je = /*#__PURE__*/function () {
               }
               throw new Error("Request settings have not been set up");
             case 2:
-              s = e.headers[Je.CONTENT_TYPE];
-              delete e.headers[Je.CONTENT_TYPE];
+              s = e.headers[Ze.CONTENT_TYPE];
+              delete e.headers[Ze.CONTENT_TYPE];
               _context2.prev = 4;
               _context2.next = 7;
               return t(i);
@@ -3628,9 +3638,9 @@ var Je = /*#__PURE__*/function () {
             case 10:
               _context2.prev = 10;
               _context2.t0 = _context2["catch"](4);
-              throw e.headers[Je.CONTENT_TYPE] = s, _context2.t0;
+              throw e.headers[Ze.CONTENT_TYPE] = s, _context2.t0;
             case 13:
-              return _context2.abrupt("return", (e.headers[Je.CONTENT_TYPE] = s, r));
+              return _context2.abrupt("return", (e.headers[Ze.CONTENT_TYPE] = s, r));
             case 14:
             case "end":
               return _context2.stop();
@@ -3723,8 +3733,8 @@ var Je = /*#__PURE__*/function () {
     }
   }]);
 }();
-Je.CONTENT_TYPE = "Content-Type";
-var E = Je;
+Ze.CONTENT_TYPE = "Content-Type";
+var E = Ze;
 function _o(_x12, _x13) {
   return _o2.apply(this, arguments);
 }
@@ -3857,13 +3867,13 @@ function Mo(n, e) {
       P(), h();
     });
     var V = c !== null && c !== void 0 ? c : window.fetch,
-      Be = s !== null && s !== void 0 ? s : Ro;
+      Fe = s !== null && s !== void 0 ? s : Ro;
     function I() {
       return _I.apply(this, arguments);
     }
     function _I() {
       _I = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-        var X, Y, B;
+        var Y, Q, B;
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -3875,12 +3885,12 @@ function Mo(n, e) {
                 signal: m.signal
               }));
             case 4:
-              Y = _context4.sent;
+              Q = _context4.sent;
               _context4.next = 7;
-              return Be(Y);
+              return Fe(Q);
             case 7:
               _context4.next = 9;
-              return _o(Y.body, wo(Co(function (B) {
+              return _o(Q.body, wo(Co(function (B) {
                 B ? f[Ys] = B : delete f[Ys];
               }, function (B) {
                 v = B;
@@ -3895,7 +3905,7 @@ function Mo(n, e) {
               _context4.prev = 14;
               _context4.t0 = _context4["catch"](1);
               if (!m.signal.aborted) try {
-                B = (X = a == null ? void 0 : a(_context4.t0)) !== null && X !== void 0 ? X : v;
+                B = (Y = a == null ? void 0 : a(_context4.t0)) !== null && Y !== void 0 ? Y : v;
                 window.clearTimeout(y), y = window.setTimeout(I, B);
               } catch (B) {
                 P(), u(B);
@@ -3931,7 +3941,7 @@ var A = /*#__PURE__*/function () {
           y,
           P,
           V,
-          Be,
+          Fe,
           o,
           _yield$E$processReque,
           a,
@@ -3986,7 +3996,7 @@ var A = /*#__PURE__*/function () {
               return _context7.abrupt("return", (Mo(((P = e.connectSettings) == null ? void 0 : P.url) || e.url || "", {
                 method: ((V = e.connectSettings) == null ? void 0 : V.method) || "POST",
                 headers: l,
-                credentials: (Be = e.connectSettings) == null ? void 0 : Be.credentials,
+                credentials: (Fe = e.connectSettings) == null ? void 0 : Fe.credentials,
                 body: s ? JSON.stringify(a) : a,
                 openWhenHidden: !0,
                 // keep stream open when browser tab not open
@@ -4014,7 +4024,7 @@ var A = /*#__PURE__*/function () {
                 },
                 onmessage: function onmessage(I) {
                   return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-                    var X, Y, B, qe, Mt;
+                    var Y, Q, B, ze, Mt;
                     return _regeneratorRuntime().wrap(function _callee6$(_context6) {
                       while (1) switch (_context6.prev = _context6.next) {
                         case 0:
@@ -4023,25 +4033,25 @@ var A = /*#__PURE__*/function () {
                             break;
                           }
                           try {
-                            qe = JSON.parse(I.data);
+                            ze = JSON.parse(I.data);
                           } catch (_unused6) {
-                            qe = {};
+                            ze = {};
                           }
                           _context6.next = 4;
-                          return (Y = (X = e.deepChat).responseInterceptor) == null ? void 0 : Y.call(X, qe);
+                          return (Q = (Y = e.deepChat).responseInterceptor) == null ? void 0 : Q.call(Y, ze);
                         case 4:
                           _context6.t0 = _context6.sent;
                           if (_context6.t0) {
                             _context6.next = 7;
                             break;
                           }
-                          _context6.t0 = qe;
+                          _context6.t0 = ze;
                         case 7:
                           Mt = _context6.t0;
-                          (B = e.extractResultData) == null || B.call(e, Mt, m, a).then(function (ze) {
-                            e.asyncCallInProgress && ze && ze.text !== "" ? (A.simulate(i, e.streamHandlers, ze), h(), e.asyncCallInProgress = !1) : A.upsertWFiles(i, f.upsertStreamedMessage.bind(f), f, ze);
-                          })["catch"](function (ze) {
-                            return E.displayError(i, ze);
+                          (B = e.extractResultData) == null || B.call(e, Mt, m, a).then(function (Ge) {
+                            e.asyncCallInProgress && Ge && Ge.text !== "" ? (A.simulate(i, e.streamHandlers, Ge), h(), e.asyncCallInProgress = !1) : A.upsertWFiles(i, f.upsertStreamedMessage.bind(f), f, Ge);
+                          })["catch"](function (Ge) {
+                            return E.displayError(i, Ge);
                           });
                         case 9:
                         case "end":
@@ -4062,11 +4072,11 @@ var A = /*#__PURE__*/function () {
                 },
                 signal: u.signal
               })["catch"](function (I) {
-                var X;
-                i.isLastMessageError() || (X = e.extractResultData) == null || X.call(e, I).then(function () {
+                var Y;
+                i.isLastMessageError() || (Y = e.extractResultData) == null || Y.call(e, I).then(function () {
                   E.displayError(i, I);
-                })["catch"](function (Y) {
-                  E.displayError(i, Y);
+                })["catch"](function (Q) {
+                  E.displayError(i, Q);
                 });
               }), f));
             case 21:
@@ -4094,7 +4104,7 @@ var A = /*#__PURE__*/function () {
       }
       if (i.html) {
         t.onOpen();
-        var _r2 = ie.splitHTML(i.html);
+        var _r2 = se.splitHTML(i.html);
         _r2.length === 0 && (_r2 = i.html.split("")), A.populateMessages(_r2, new _e(e), s, "html");
       }
     }
@@ -4143,11 +4153,11 @@ var A = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Ze = /*#__PURE__*/function () {
-  function Ze() {
-    _classCallCheck(this, Ze);
+var Xe = /*#__PURE__*/function () {
+  function Xe() {
+    _classCallCheck(this, Xe);
   }
-  return _createClass(Ze, null, [{
+  return _createClass(Xe, null, [{
     key: "generateResponse",
     value: function generateResponse(e) {
       var t = e[e.length - 1][0];
@@ -4172,15 +4182,15 @@ var Ze = /*#__PURE__*/function () {
     value: function getResponse(_ref3) {
       var e = _ref3.customDemoResponse,
         t = _ref3.messageToElements;
-      return e ? Ze.getCustomResponse(e, t[t.length - 1][0]) : {
-        text: Ze.generateResponse(t)
+      return e ? Xe.getCustomResponse(e, t[t.length - 1][0]) : {
+        text: Xe.generateResponse(t)
       };
     }
     // timeout is used to simulate a timeout for a response to come back
   }, {
     key: "request",
     value: function request(e, t) {
-      var i = Ze.getResponse(t);
+      var i = Xe.getResponse(t);
       setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
         var r, o, s;
         return _regeneratorRuntime().wrap(function _callee8$(_context8) {
@@ -4210,14 +4220,14 @@ var Ze = /*#__PURE__*/function () {
     key: "requestStream",
     value: function requestStream(e, t) {
       setTimeout(function () {
-        var i = Ze.getResponse(e);
+        var i = Xe.getResponse(e);
         A.simulate(e, t, i);
       }, 400);
     }
   }]);
 }();
-Ze.URL = "deep-chat-demo";
-var we = Ze;
+Xe.URL = "deep-chat-demo";
+var we = Xe;
 var U = /*#__PURE__*/function () {
   function U() {
     _classCallCheck(this, U);
@@ -4482,7 +4492,7 @@ var Ie = /*#__PURE__*/function () {
     value: function attemptToFinaliseStream(e, t) {
       try {
         var i = t.messageElementRefs[t.messageElementRefs.length - 1];
-        Ne.isLoadingMessage(i) ? t.removeLastMessage() : e.finaliseStreamedMessage();
+        De.isLoadingMessage(i) ? t.removeLastMessage() : e.finaliseStreamedMessage();
       } catch (i) {
         console.error(i), t.addNewErrorMessage("service", i);
       }
@@ -4891,7 +4901,7 @@ var vt = /*#__PURE__*/function () {
         return _regeneratorRuntime().wrap(function _callee19$(_context19) {
           while (1) switch (_context19.prev = _context19.next) {
             case 0:
-              t = tt.addMessage(this._messages);
+              t = Ne.addMessage(this._messages);
               _context19.next = 3;
               return e();
             case 3:
@@ -4922,7 +4932,7 @@ var vt = /*#__PURE__*/function () {
         i = _this$_messages.messageToElements,
         s = _this$_messages.elementRef,
         r = (a = t.find(function (l) {
-          return !l.outerContainer.classList.contains(Ne.INTRO_CLASS);
+          return !l.outerContainer.classList.contains(De.INTRO_CLASS);
         })) == null ? void 0 : a.outerContainer,
         o = s.scrollTop;
       e == null || e.reverse().map(function (l) {
@@ -4969,7 +4979,7 @@ var vt = /*#__PURE__*/function () {
                         break;
                       }
                       _this10._isLoading = !0;
-                      t = tt.addMessage(_this10._messages, !1);
+                      t = Ne.addMessage(_this10._messages, !1);
                       _context20.prev = 3;
                       _context20.next = 6;
                       return e(_this10._index++);
@@ -5004,7 +5014,7 @@ var vt = /*#__PURE__*/function () {
     value: function populateInitialHistory(e) {
       var _this11 = this;
       e.forEach(function (t) {
-        ne.processHistoryFile(t), _this11._messages.addNewMessage(t, !0);
+        X.processHistoryFile(t), _this11._messages.addNewMessage(t, !0);
       });
     }
   }, {
@@ -5017,7 +5027,7 @@ var vt = /*#__PURE__*/function () {
           while (1) switch (_context22.prev = _context22.next) {
             case 0:
               this._isLoading = !0;
-              t = tt.addMessage(this._messages);
+              t = Ne.addMessage(this._messages);
               _context22.prev = 2;
               _context22.next = 5;
               return e(this._index++);
@@ -5055,7 +5065,7 @@ var vt = /*#__PURE__*/function () {
           while (1) switch (_context23.prev = _context23.next) {
             case 0:
               e.loadHistory && this.loadInitialHistory(e.loadHistory);
-              t = e.history || ne.processHistory(e);
+              t = e.history || X.processHistory(e);
               t && (this.populateInitialHistory(t), this._index += 1);
             case 3:
             case "end":
@@ -5127,7 +5137,7 @@ var O = /*#__PURE__*/function () {
         files: t
       };
       if (_typeof(s) == "object") {
-        ne.processFileConfigConnect(s);
+        X.processFileConfigConnect(s);
         var a = s.files,
           l = s.connect,
           c = s.button;
@@ -5226,7 +5236,7 @@ var nt = /*#__PURE__*/function () {
     var _a$url;
     _classCallCheck(this, nt);
     var s, r, o, a, l;
-    this.rawBody = {}, this.validateKeyProperty = !1, this.canSendMessage = nt.canSendMessage, this.connectSettings = {}, this.fileTypes = {}, this.completionsHandlers = {}, this.streamHandlers = {}, this.deepChat = e, this.demo = i, Object.assign(this.rawBody, (s = e.connect) == null ? void 0 : s.additionalBodyProps), this.totalMessagesMaxCharLength = (r = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : r.totalMessagesMaxCharLength, this.maxMessages = (o = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : o.maxMessages, O.set(e, this, t), e.connect && (this.connectSettings = e.connect), this.demo && ((_a$url = (a = this.connectSettings).url) !== null && _a$url !== void 0 ? _a$url : a.url = we.URL), this.connectSettings.websocket && U.setup(this), this.stream = ((l = this.deepChat.connect) == null ? void 0 : l.stream) || ne.checkForStream(this.deepChat), e.loadHistory && Vt.addErrorPrefix(this);
+    this.rawBody = {}, this.validateKeyProperty = !1, this.canSendMessage = nt.canSendMessage, this.connectSettings = {}, this.fileTypes = {}, this.completionsHandlers = {}, this.streamHandlers = {}, this.deepChat = e, this.demo = i, Object.assign(this.rawBody, (s = e.connect) == null ? void 0 : s.additionalBodyProps), this.totalMessagesMaxCharLength = (r = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : r.totalMessagesMaxCharLength, this.maxMessages = (o = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : o.maxMessages, O.set(e, this, t), e.connect && (this.connectSettings = e.connect), this.demo && ((_a$url = (a = this.connectSettings).url) !== null && _a$url !== void 0 ? _a$url : a.url = we.URL), this.connectSettings.websocket && U.setup(this), this.stream = ((l = this.deepChat.connect) == null ? void 0 : l.stream) || X.checkForStream(this.deepChat), e.loadHistory && Vt.addErrorPrefix(this);
   }
   return _createClass(nt, [{
     key: "verifyKey",
@@ -5390,7 +5400,7 @@ var nt = /*#__PURE__*/function () {
                 _context29.next = 4;
                 break;
               }
-              return _context29.abrupt("return", ne.handleResponseProperty(e));
+              return _context29.abrupt("return", X.handleResponseProperty(e));
             case 4:
               if (!E.validateResponseFormat(e)) {
                 _context29.next = 6;
@@ -5555,32 +5565,32 @@ ke._attributes_ = {}, ke._attributeToProperty_ = {};
 var fs = ke;
 var Io = "<?xml version=\"1.0\" standalone=\"no\"?>\n<svg version=\"1.1\"\n\txmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\" xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"\n\txmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"0.9em\" height=\"0.9em\"\n\tviewBox=\"0 0 1200 1200\" enable-background=\"new 0 0 1200 1200\">\n\t\t<path d=\"\n\t\t\tM669.727,273.516c-22.891-2.476-46.15-3.895-69.727-4.248c-103.025,0.457-209.823,25.517-310.913,73.536\n\t\t\tc-75.058,37.122-148.173,89.529-211.67,154.174C46.232,529.978,6.431,577.76,0,628.74c0.76,44.162,48.153,98.67,77.417,131.764\n\t\t\tc59.543,62.106,130.754,113.013,211.67,154.174c2.75,1.335,5.51,2.654,8.276,3.955l-75.072,131.102l102.005,60.286l551.416-960.033\n\t\t\tl-98.186-60.008L669.727,273.516z M902.563,338.995l-74.927,129.857c34.47,44.782,54.932,100.006,54.932,159.888\n\t\t\tc0,149.257-126.522,270.264-282.642,270.264c-6.749,0-13.29-0.728-19.922-1.172l-49.585,85.84c22.868,2.449,45.99,4.233,69.58,4.541\n\t\t\tc103.123-0.463,209.861-25.812,310.84-73.535c75.058-37.122,148.246-89.529,211.743-154.174\n\t\t\tc31.186-32.999,70.985-80.782,77.417-131.764c-0.76-44.161-48.153-98.669-77.417-131.763\n\t\t\tc-59.543-62.106-130.827-113.013-211.743-154.175C908.108,341.478,905.312,340.287,902.563,338.995L902.563,338.995z\n\t\t\tM599.927,358.478c6.846,0,13.638,0.274,20.361,0.732l-58.081,100.561c-81.514,16.526-142.676,85.88-142.676,168.897\n\t\t\tc0,20.854,3.841,40.819,10.913,59.325c0.008,0.021-0.008,0.053,0,0.074l-58.228,100.854\n\t\t\tc-34.551-44.823-54.932-100.229-54.932-160.182C317.285,479.484,443.808,358.477,599.927,358.478L599.927,358.478z M768.896,570.513\n\t\t\tL638.013,797.271c81.076-16.837,141.797-85.875,141.797-168.603C779.81,608.194,775.724,588.729,768.896,570.513L768.896,570.513z\"\n\t\t\t/>\n</svg>\n",
   Lo = "<?xml version=\"1.0\" standalone=\"no\"?>\n<svg version=\"1.1\"\n\txmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\" xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"\n\txmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"0.9em\" height=\"0.9em\"\n\tviewBox=\"0 0 1200 1200\" enable-background=\"new 0 0 1200 1200\">\n\t\t<path id=\"path6686\" inkscape:connector-curvature=\"0\" d=\"M779.843,599.925c0,95.331-80.664,172.612-180.169,172.612\n\t\t\tc-99.504,0-180.168-77.281-180.168-172.612c0-95.332,80.664-172.612,180.168-172.612\n\t\t\tC699.179,427.312,779.843,504.594,779.843,599.925z M600,240.521c-103.025,0.457-209.814,25.538-310.904,73.557\n\t\t\tc-75.058,37.122-148.206,89.496-211.702,154.141C46.208,501.218,6.431,549,0,599.981c0.76,44.161,48.13,98.669,77.394,131.763\n\t\t\tc59.543,62.106,130.786,113.018,211.702,154.179c94.271,45.751,198.616,72.092,310.904,73.557\n\t\t\tc103.123-0.464,209.888-25.834,310.866-73.557c75.058-37.122,148.243-89.534,211.74-154.179\n\t\t\tc31.185-32.999,70.962-80.782,77.394-131.763c-0.76-44.161-48.13-98.671-77.394-131.764\n\t\t\tc-59.543-62.106-130.824-112.979-211.74-154.141C816.644,268.36,712.042,242.2,600,240.521z M599.924,329.769\n\t\t\tc156.119,0,282.675,120.994,282.675,270.251c0,149.256-126.556,270.25-282.675,270.25S317.249,749.275,317.249,600.02\n\t\t\tC317.249,450.763,443.805,329.769,599.924,329.769L599.924,329.769z\"/>\n</svg>\n";
-var se = /*#__PURE__*/function () {
-  function se() {
-    _classCallCheck(this, se);
+var ne = /*#__PURE__*/function () {
+  function ne() {
+    _classCallCheck(this, ne);
   }
-  return _createClass(se, null, [{
+  return _createClass(ne, null, [{
     key: "createSVGElement",
     value: function createSVGElement(e) {
       return new DOMParser().parseFromString(e, "image/svg+xml").documentElement;
     }
   }]);
 }();
-var Fe = /*#__PURE__*/function () {
-  function Fe() {
-    _classCallCheck(this, Fe);
+var Ue = /*#__PURE__*/function () {
+  function Ue() {
+    _classCallCheck(this, Ue);
   }
-  return _createClass(Fe, null, [{
+  return _createClass(Ue, null, [{
     key: "changeVisibility",
     value:
     // prettier-ignore
     function changeVisibility(e, t, i, s) {
-      s.target.id === Fe.VISIBLE_ICON_ID ? (t.style.display = "none", i.style.display = "block", e.type = "password") : (t.style.display = "block", i.style.display = "none", e.type = "text");
+      s.target.id === Ue.VISIBLE_ICON_ID ? (t.style.display = "none", i.style.display = "block", e.type = "password") : (t.style.display = "block", i.style.display = "none", e.type = "text");
     }
   }, {
     key: "createIconElement",
     value: function createIconElement(e, t) {
-      var i = se.createSVGElement(e);
+      var i = ne.createSVGElement(e);
       return i.id = t, i.classList.add("visibility-icon"), i;
     }
     // prettier-ignore
@@ -5589,15 +5599,15 @@ var Fe = /*#__PURE__*/function () {
     value: function create(e) {
       var t = document.createElement("div");
       t.id = "visibility-icon-container";
-      var i = Fe.createIconElement(Lo, Fe.VISIBLE_ICON_ID);
+      var i = Ue.createIconElement(Lo, Ue.VISIBLE_ICON_ID);
       i.style.display = "none", t.appendChild(i);
-      var s = Fe.createIconElement(Io, "not-visible-icon");
-      return t.appendChild(s), t.onclick = Fe.changeVisibility.bind(this, e, i, s), t;
+      var s = Ue.createIconElement(Io, "not-visible-icon");
+      return t.appendChild(s), t.onclick = Ue.changeVisibility.bind(this, e, i, s), t;
     }
   }]);
 }();
-Fe.VISIBLE_ICON_ID = "visible-icon";
-var ps = Fe;
+Ue.VISIBLE_ICON_ID = "visible-icon";
+var ps = Ue;
 var H = /*#__PURE__*/function () {
   function H() {
     _classCallCheck(this, H);
@@ -5725,25 +5735,25 @@ var H = /*#__PURE__*/function () {
     }
   }]);
 }();
-var ee = /*#__PURE__*/function () {
-  function ee() {
-    _classCallCheck(this, ee);
+var te = /*#__PURE__*/function () {
+  function te() {
+    _classCallCheck(this, te);
   }
-  return _createClass(ee, null, [{
+  return _createClass(te, null, [{
     key: "enableButtons",
     value: function enableButtons(e, t) {
       var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
       window.webLLM ? (e && (e.disabled = !1), t && (t.disabled = !1)) : i < $t.MODULE_SEARCH_LIMIT_S * 4 && setTimeout(function () {
-        return ee.enableButtons(e, t, i + 1);
+        return te.enableButtons(e, t, i + 1);
       }, 250);
     }
     // prettier-ignore
   }, {
     key: "setUpInitial",
     value: function setUpInitial(e, t, i, s) {
-      var r = (t == null ? void 0 : t.downloadClass) || ee.DOWNLOAD_BUTTON_CLASS,
-        o = (t == null ? void 0 : t.uploadClass) || ee.UPLOAD_BUTTON_CLASS,
-        a = (t == null ? void 0 : t.fileInputClass) || ee.FILE_INPUT_CLASS;
+      var r = (t == null ? void 0 : t.downloadClass) || te.DOWNLOAD_BUTTON_CLASS,
+        o = (t == null ? void 0 : t.uploadClass) || te.UPLOAD_BUTTON_CLASS,
+        a = (t == null ? void 0 : t.fileInputClass) || te.FILE_INPUT_CLASS;
       return setTimeout(function () {
         var l = i == null ? void 0 : i.getElementsByClassName(r)[0],
           c = i == null ? void 0 : i.getElementsByClassName(a)[0],
@@ -5754,7 +5764,7 @@ var ee = /*#__PURE__*/function () {
           c.files && c.files.length > 0 && e(c.files);
         }), d && (d.onclick = function () {
           return c.click();
-        }), (l || d) && ee.enableButtons(l, d);
+        }), (l || d) && te.enableButtons(l, d);
       }), (t == null ? void 0 : t.initialHtml) || "<div>\n        Download or upload a web model that will run entirely on your browser: <br/> \n        <button disabled class=\"".concat(r, " deep-chat-button deep-chat-web-model-button\">Download</button>\n        ").concat(s ? "" : "<input type=\"file\" class=\"".concat(a, "\" hidden multiple />\n          <button disabled class=\"").concat(o, " deep-chat-button deep-chat-web-model-button\">Upload</button>"), "\n      </div>");
     }
   }, {
@@ -5779,18 +5789,18 @@ var ee = /*#__PURE__*/function () {
   }, {
     key: "setUpAfterLoad",
     value: function setUpAfterLoad(e, t, i, s) {
-      var r = (t == null ? void 0 : t.exportFilesClass) || ee.EXPORT_BUTTON_CLASS;
+      var r = (t == null ? void 0 : t.exportFilesClass) || te.EXPORT_BUTTON_CLASS;
       return setTimeout(function () {
         var o = i == null ? void 0 : i.getElementsByClassName(r)[0];
         o && (o.onclick = function () {
-          return ee.exportFile(e);
+          return te.exportFile(e);
         });
       }), (t == null ? void 0 : t.afterLoadHtml) || "<div>\n        Model loaded successfully and has been cached for future requests.\n        ".concat(s ? "" : "<br/> <button style=\"margin-top: 5px\" class=\"".concat(r, " deep-chat-button\">Export</button>"), "\n      </div>");
     }
   }]);
 }();
-ee.DOWNLOAD_BUTTON_CLASS = "deep-chat-download-button", ee.UPLOAD_BUTTON_CLASS = "deep-chat-upload-button", ee.FILE_INPUT_CLASS = "deep-chat-file-input", ee.EXPORT_BUTTON_CLASS = "deep-chat-export-button";
-var bi = ee;
+te.DOWNLOAD_BUTTON_CLASS = "deep-chat-download-button", te.UPLOAD_BUTTON_CLASS = "deep-chat-upload-button", te.FILE_INPUT_CLASS = "deep-chat-file-input", te.EXPORT_BUTTON_CLASS = "deep-chat-export-button";
+var bi = te;
 var Qs = {
     model_list: [
     // Llama-2
@@ -6533,8 +6543,8 @@ var Ut = /*#__PURE__*/function (_G) {
   }]);
 }(G);
 Ut.URL_PREFIX = "https://api-inference.huggingface.co/models/";
-var De = Ut;
-var Qt = /*#__PURE__*/function (_De) {
+var Be = Ut;
+var Qt = /*#__PURE__*/function (_Be) {
   // prettier-ignore
   function Qt(e, t, i, s, r, o) {
     var _this22;
@@ -6542,7 +6552,7 @@ var Qt = /*#__PURE__*/function (_De) {
     _this22 = _callSuper(this, Qt, [e, t, i, s, r, o]), _this22.isTextInputDisabled = !0, _this22.canSendMessage = Qt.canSendFile;
     return _this22;
   }
-  _inherits(Qt, _De);
+  _inherits(Qt, _Be);
   return _createClass(Qt, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t, i) {
@@ -6586,7 +6596,7 @@ var Qt = /*#__PURE__*/function (_De) {
       return !!(t != null && t[0]);
     }
   }]);
-}(De);
+}(Be);
 var Po = /*#__PURE__*/function (_Qt) {
   // prettier-ignore
   function Po(e) {
@@ -6989,7 +6999,7 @@ var No = /*#__PURE__*/function (_Qt3) {
     }()
   }]);
 }(Qt);
-var Do = /*#__PURE__*/function (_De2) {
+var Do = /*#__PURE__*/function (_Be2) {
   function Do(e) {
     _classCallCheck(this, Do);
     var s, r, o;
@@ -6997,7 +7007,7 @@ var Do = /*#__PURE__*/function (_De2) {
       i = (o = e.directConnection) == null ? void 0 : o.huggingFace;
     return _callSuper(this, Do, [e, "Once upon a time", "gpt2", t, i]);
   }
-  _inherits(Do, _De2);
+  _inherits(Do, _Be2);
   return _createClass(Do, [{
     key: "extractResultData",
     value: function () {
@@ -7027,8 +7037,8 @@ var Do = /*#__PURE__*/function (_De2) {
       return extractResultData;
     }()
   }]);
-}(De);
-var Bo = /*#__PURE__*/function (_De3) {
+}(Be);
+var Bo = /*#__PURE__*/function (_Be3) {
   function Bo(e) {
     var _this26;
     _classCallCheck(this, Bo);
@@ -7038,7 +7048,7 @@ var Bo = /*#__PURE__*/function (_De3) {
     _this26 = _callSuper(this, Bo, [e, "Ask a question", "bert-large-uncased-whole-word-masking-finetuned-squad", t, i]), _this26.permittedErrorPrefixes = ["Authorization header", "Error in"], _this26.context = t.context;
     return _this26;
   }
-  _inherits(Bo, _De3);
+  _inherits(Bo, _Be3);
   return _createClass(Bo, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
@@ -7081,8 +7091,8 @@ var Bo = /*#__PURE__*/function (_De3) {
       return extractResultData;
     }()
   }]);
-}(De);
-var Fo = /*#__PURE__*/function (_De4) {
+}(Be);
+var Fo = /*#__PURE__*/function (_Be4) {
   function Fo(e) {
     _classCallCheck(this, Fo);
     var s, r, o;
@@ -7090,7 +7100,7 @@ var Fo = /*#__PURE__*/function (_De4) {
       i = (o = e.directConnection) == null ? void 0 : o.huggingFace;
     return _callSuper(this, Fo, [e, "Insert text to summarize", "facebook/bart-large-cnn", t, i]);
   }
-  _inherits(Fo, _De4);
+  _inherits(Fo, _Be4);
   return _createClass(Fo, [{
     key: "extractResultData",
     value: function () {
@@ -7120,8 +7130,8 @@ var Fo = /*#__PURE__*/function (_De4) {
       return extractResultData;
     }()
   }]);
-}(De);
-var Uo = /*#__PURE__*/function (_De5) {
+}(Be);
+var Uo = /*#__PURE__*/function (_Be5) {
   function Uo(e) {
     var _this27$maxMessages;
     var _this27;
@@ -7133,7 +7143,7 @@ var Uo = /*#__PURE__*/function (_De5) {
     return _this27;
   }
   // prettier-ignore
-  _inherits(Uo, _De5);
+  _inherits(Uo, _Be5);
   return _createClass(Uo, [{
     key: "processMessages",
     value: function processMessages(e) {
@@ -7202,7 +7212,7 @@ var Uo = /*#__PURE__*/function (_De5) {
       return extractResultData;
     }()
   }]);
-}(De);
+}(Be);
 var Si = /*#__PURE__*/function (_Ui3) {
   function Si(e) {
     var _this28;
@@ -7310,7 +7320,7 @@ var Si = /*#__PURE__*/function (_Ui3) {
     }
   }]);
 }(Ui);
-var jo = /*#__PURE__*/function (_De6) {
+var jo = /*#__PURE__*/function (_Be6) {
   function jo(e) {
     _classCallCheck(this, jo);
     var s, r, o;
@@ -7318,7 +7328,7 @@ var jo = /*#__PURE__*/function (_De6) {
       i = (o = e.directConnection) == null ? void 0 : o.huggingFace;
     return _callSuper(this, jo, [e, "Insert text to translate", "Helsinki-NLP/opus-tatoeba-en-ja", t, i]);
   }
-  _inherits(jo, _De6);
+  _inherits(jo, _Be6);
   return _createClass(jo, [{
     key: "extractResultData",
     value: function () {
@@ -7348,7 +7358,7 @@ var jo = /*#__PURE__*/function (_De6) {
       return extractResultData;
     }()
   }]);
-}(De);
+}(Be);
 var xi = /*#__PURE__*/function (_Ui4) {
   function xi(e) {
     var _this29;
@@ -7442,7 +7452,7 @@ var xi = /*#__PURE__*/function (_Ui4) {
     }
   }]);
 }(Ui);
-var Ho = /*#__PURE__*/function (_De7) {
+var Ho = /*#__PURE__*/function (_Be7) {
   function Ho(e) {
     var _this30;
     _classCallCheck(this, Ho);
@@ -7452,7 +7462,7 @@ var Ho = /*#__PURE__*/function (_De7) {
     _this30 = _callSuper(this, Ho, [e, "The goal of life is [MASK].", "bert-base-uncased", t, i]), _this30.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Hugging Face</b></div>\n    <p>Insert a sentence with the word [MASK] and the model will try to fill it for you. E.g. I want [MASK].</p>\n    <p>First message may take an extented amount of time to complete as the model needs to be initialized.</p>", _this30.permittedErrorPrefixes = ["Authorization header", "No mask_token"];
     return _this30;
   }
-  _inherits(Ho, _De7);
+  _inherits(Ho, _Be7);
   return _createClass(Ho, [{
     key: "extractResultData",
     value: function () {
@@ -7482,7 +7492,7 @@ var Ho = /*#__PURE__*/function (_De7) {
       return extractResultData;
     }()
   }]);
-}(De);
+}(Be);
 var L = /*#__PURE__*/function () {
   function L() {
     _classCallCheck(this, L);
@@ -7550,11 +7560,11 @@ var L = /*#__PURE__*/function () {
     }()
   }]);
 }();
-var te = /*#__PURE__*/function () {
-  function te() {
-    _classCallCheck(this, te);
+var ie = /*#__PURE__*/function () {
+  function ie() {
+    _classCallCheck(this, ie);
   }
-  return _createClass(te, null, [{
+  return _createClass(ie, null, [{
     key: "storeFiles",
     value: function () {
       var _storeFiles = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee62(e, t, i, s) {
@@ -7648,7 +7658,7 @@ var te = /*#__PURE__*/function () {
                     d({
                       src: u.target.result,
                       name: t[c].name,
-                      type: te.getType(t, c)
+                      type: ie.getType(t, c)
                     });
                   };
                 });
@@ -7690,7 +7700,7 @@ var te = /*#__PURE__*/function () {
                 break;
               }
               _context64.next = 5;
-              return te.getFiles(e, t, a, l);
+              return ie.getFiles(e, t, a, l);
             case 5:
               o = _context64.sent;
               (c = r == null ? void 0 : r.text) != null && c.value && o.forEach(function (h, u) {
@@ -7734,7 +7744,7 @@ var te = /*#__PURE__*/function () {
           l.text && l.text.startsWith("sandbox:") && (c = l.file_path) != null && c.file_id && i.push({
             path: l.text,
             fileId: l.file_path.file_id,
-            name: te.getFileName(l.text)
+            name: ie.getFileName(l.text)
           });
         });
       }), t != null && t.image_file && i.push({
@@ -7750,9 +7760,9 @@ var te = /*#__PURE__*/function () {
         return _regeneratorRuntime().wrap(function _callee65$(_context65) {
           while (1) switch (_context65.prev = _context65.next) {
             case 0:
-              r = te.getFileDetails(t, s);
+              r = ie.getFileDetails(t, s);
               _context65.next = 3;
-              return te.getFilesAndNewText(e, r, i, t.role, s);
+              return ie.getFilesAndNewText(e, r, i, t.role, s);
             case 3:
               return _context65.abrupt("return", _context65.sent);
             case 4:
@@ -7796,7 +7806,7 @@ var te = /*#__PURE__*/function () {
                     return _regeneratorRuntime().wrap(function _callee66$(_context66) {
                       while (1) switch (_context66.prev = _context66.next) {
                         case 0:
-                          s.push(te.getFilesAndText(e, r, i, o));
+                          s.push(ie.getFilesAndText(e, r, i, o));
                         case 1:
                         case "end":
                           return _context66.stop();
@@ -7825,7 +7835,7 @@ var te = /*#__PURE__*/function () {
         return _regeneratorRuntime().wrap(function _callee68$(_context68) {
           while (1) switch (_context68.prev = _context68.next) {
             case 0:
-              return _context68.abrupt("return", te.parseMessages(e, [{
+              return _context68.abrupt("return", ie.parseMessages(e, [{
                 content: t,
                 role: "assistant"
               }], i));
@@ -7848,8 +7858,8 @@ var te = /*#__PURE__*/function () {
         return _regeneratorRuntime().wrap(function _callee69$(_context69) {
           while (1) switch (_context69.prev = _context69.next) {
             case 0:
-              r = te.parseResult(t, i);
-              return _context69.abrupt("return", te.parseMessages(e, r, s));
+              r = ie.parseResult(t, i);
+              return _context69.abrupt("return", ie.parseMessages(e, r, s));
             case 2:
             case "end":
               return _context69.stop();
@@ -7863,14 +7873,14 @@ var te = /*#__PURE__*/function () {
     }()
   }]);
 }();
-te.FILES_WITH_TEXT_ERROR = "content with type `text` must have `text` values", te.FUNCTION_TOOL_RESP_ERROR = "Response must contain an array of strings for each individual function/tool_call, see https://deepchat.dev/docs/directConnection/OpenAI/#assistant-functions.";
-var Te = te;
-var Ue = /*#__PURE__*/function (_G3) {
+ie.FILES_WITH_TEXT_ERROR = "content with type `text` must have `text` values", ie.FUNCTION_TOOL_RESP_ERROR = "Response must contain an array of strings for each individual function/tool_call, see https://deepchat.dev/docs/directConnection/OpenAI/#assistant-functions.";
+var Te = ie;
+var je = /*#__PURE__*/function (_G3) {
   // prettier-ignore
-  function Ue(e, t, i, s, r, o) {
+  function je(e, t, i, s, r, o) {
     var _this31;
-    _classCallCheck(this, Ue);
-    if (_this31 = _callSuper(this, Ue, [e, s, r, o]), _this31.insertKeyPlaceholderText = "OpenAI API Key", _this31.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this31.url = "", _this31.permittedErrorPrefixes = ["Incorrect", "Please send text", Vt.FAILED_ERROR_MESSAGE], _this31.shouldFetchHistory = !1, _this31.searchedForThreadId = !1, _this31.config = {}, _this31.newAssistantDetails = {
+    _classCallCheck(this, je);
+    if (_this31 = _callSuper(this, je, [e, s, r, o]), _this31.insertKeyPlaceholderText = "OpenAI API Key", _this31.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this31.url = "", _this31.permittedErrorPrefixes = ["Incorrect", "Please send text", Vt.FAILED_ERROR_MESSAGE], _this31.shouldFetchHistory = !1, _this31.searchedForThreadId = !1, _this31.config = {}, _this31.newAssistantDetails = {
       model: "gpt-4"
     }, _this31.waitingForStreamResponse = !1, _this31.isSSEStream = !1, _this31.urlSegments = i, _typeof(t) == "object") {
       _this31.config = t;
@@ -7883,8 +7893,8 @@ var Ue = /*#__PURE__*/function (_G3) {
     _this31.maxMessages = 1, _this31.isSSEStream = !!(_this31.stream && (_typeof(_this31.stream) != "object" || !_this31.stream.simulation));
     return _assertThisInitialized(_this31);
   }
-  _inherits(Ue, _G3);
-  return _createClass(Ue, [{
+  _inherits(je, _G3);
+  return _createClass(je, [{
     key: "fetchHistoryFunc",
     value: function () {
       var _fetchHistoryFunc = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee70() {
@@ -7933,13 +7943,13 @@ var Ue = /*#__PURE__*/function (_G3) {
           }));
           a === "code_interpreter" || a === "file_search" || a === "images" ? r = a : (console.error("Tool type \"".concat(a, "\" is not valid")), console.error('Expected "code_interpreter" or "file_search" or "images". Going to default to "images"'));
         }
-        if (r === "file_search") return Ue.processAttachmentsMessage(s, t, "file_search");
-        if (r === "code_interpreter") return Ue.processAttachmentsMessage(s, t, "code_interpreter");
+        if (r === "file_search") return je.processAttachmentsMessage(s, t, "file_search");
+        if (r === "code_interpreter") return je.processAttachmentsMessage(s, t, "code_interpreter");
         if (t.find(function (_ref20) {
           var a = _ref20.name;
           return !j.isImageFileExtension(a);
         })) console.error("The uploaded files contained a non-image file"), console.error('Make sure only images can be uploaded or define a "code_interpreter" or "file_search" value in the "files_tool_type" property'), console.warn('Make sure your existing assistant supports these "tools" or specify them in the "new_assistant" property');else {
-          var _a2 = Ue.processImageMessage(s, t);
+          var _a2 = je.processImageMessage(s, t);
           if (_a2) return _a2;
         }
       }
@@ -8205,7 +8215,7 @@ var Ue = /*#__PURE__*/function (_G3) {
                 break;
               }
               return _context76.abrupt("return", {
-                timeoutMS: Ue.POLLING_TIMEOUT_MS
+                timeoutMS: je.POLLING_TIMEOUT_MS
               });
             case 3:
               if (!(t === "completed" && this.messages)) {
@@ -8318,7 +8328,7 @@ var Ue = /*#__PURE__*/function (_G3) {
               }, "POST");
             case 22:
               return _context77.abrupt("return", {
-                timeoutMS: Ue.POLLING_TIMEOUT_MS
+                timeoutMS: je.POLLING_TIMEOUT_MS
               });
             case 23:
             case "end":
@@ -8513,8 +8523,8 @@ var Ue = /*#__PURE__*/function (_G3) {
     }
   }]);
 }(G);
-Ue.POLLING_TIMEOUT_MS = 800;
-var _i = Ue;
+je.POLLING_TIMEOUT_MS = 800;
+var _i = je;
 var Di = /*#__PURE__*/function (_i10) {
   function Di(e) {
     var _o$headers2, _a$OpenAIBeta;
@@ -9503,26 +9513,26 @@ var kn = /*#__PURE__*/function (_G9) {
   _inherits(kn, _G9);
   return _createClass(kn);
 }(G);
-var Xe = /*#__PURE__*/function (_kn) {
+var Ye = /*#__PURE__*/function (_kn) {
   // prettier-ignore
-  function Xe(e) {
+  function Ye(e) {
     var _a$lang, _l$name, _c$gender;
     var _this43;
-    _classCallCheck(this, Xe);
+    _classCallCheck(this, Ye);
     var s, r, o, a, l, c;
     var t = (r = (s = e.directConnection) == null ? void 0 : s.azure) == null ? void 0 : r.textToSpeech,
       i = (o = e.directConnection) == null ? void 0 : o.azure;
-    _this43 = _callSuper(this, Xe, [e, ue.buildTextToSpeechHeaders.bind({}, (t == null ? void 0 : t.outputFormat) || "audio-16khz-128kbitrate-mono-mp3"), t.region, i]), _this43.permittedErrorPrefixes = [Xe.REGION_ERROR_MESSAGE], _this43.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Text To Speech</b></div>\n    <p>Insert text to synthesize it to audio.\n    <p>\n      Click <a href=\"".concat(Xe.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this43.isTextInputDisabled = !1, _this43.url = "", t.region ? (Object.assign(_this43.rawBody, t), (_a$lang = (a = _this43.rawBody).lang) !== null && _a$lang !== void 0 ? _a$lang : a.lang = "en-US", (_l$name = (l = _this43.rawBody).name) !== null && _l$name !== void 0 ? _l$name : l.name = "en-US-JennyNeural", (_c$gender = (c = _this43.rawBody).gender) !== null && _c$gender !== void 0 ? _c$gender : c.gender = "Female", _this43.url = "https://".concat(t.region, ".tts.speech.microsoft.com/cognitiveservices/v1")) : (_this43.isTextInputDisabled = !0, _this43.canSendMessage = function () {
+    _this43 = _callSuper(this, Ye, [e, ue.buildTextToSpeechHeaders.bind({}, (t == null ? void 0 : t.outputFormat) || "audio-16khz-128kbitrate-mono-mp3"), t.region, i]), _this43.permittedErrorPrefixes = [Ye.REGION_ERROR_MESSAGE], _this43.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Text To Speech</b></div>\n    <p>Insert text to synthesize it to audio.\n    <p>\n      Click <a href=\"".concat(Ye.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this43.isTextInputDisabled = !1, _this43.url = "", t.region ? (Object.assign(_this43.rawBody, t), (_a$lang = (a = _this43.rawBody).lang) !== null && _a$lang !== void 0 ? _a$lang : a.lang = "en-US", (_l$name = (l = _this43.rawBody).name) !== null && _l$name !== void 0 ? _l$name : l.name = "en-US-JennyNeural", (_c$gender = (c = _this43.rawBody).gender) !== null && _c$gender !== void 0 ? _c$gender : c.gender = "Female", _this43.url = "https://".concat(t.region, ".tts.speech.microsoft.com/cognitiveservices/v1")) : (_this43.isTextInputDisabled = !0, _this43.canSendMessage = function () {
       return !1;
     }, setTimeout(function () {
       e.addMessage({
-        error: Xe.REGION_ERROR_MESSAGE
+        error: Ye.REGION_ERROR_MESSAGE
       });
     }));
     return _this43;
   }
-  _inherits(Xe, _kn);
-  return _createClass(Xe, [{
+  _inherits(Ye, _kn);
+  return _createClass(Ye, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
       var i = t[t.length - 1].text;
@@ -9586,16 +9596,16 @@ var Xe = /*#__PURE__*/function (_kn) {
     }()
   }]);
 }(kn);
-Xe.HELP_LINK =
+Ye.HELP_LINK =
 // eslint-disable-next-line max-len
-"https://learn.microsoft.com/en-GB/azure/cognitive-services/speech-service/get-started-text-to-speech?tabs=windows%2Cterminal&pivots=programming-language-rest", Xe.REGION_ERROR_MESSAGE =
+"https://learn.microsoft.com/en-GB/azure/cognitive-services/speech-service/get-started-text-to-speech?tabs=windows%2Cterminal&pivots=programming-language-rest", Ye.REGION_ERROR_MESSAGE =
 // eslint-disable-next-line max-len
 "Please define a region config property. [More Information](https://deepchat.dev/docs/directConnection/Azure#TextToSpeech)";
-var Es = Xe;
-var je = /*#__PURE__*/function (_kn2) {
-  function je(e) {
+var Es = Ye;
+var He = /*#__PURE__*/function (_kn2) {
+  function He(e) {
     var _this44;
-    _classCallCheck(this, je);
+    _classCallCheck(this, He);
     var r, o, a;
     var t = (o = (r = e.directConnection) == null ? void 0 : r.azure) == null ? void 0 : o.speechToText,
       i = (a = e.directConnection) == null ? void 0 : a.azure,
@@ -9606,21 +9616,21 @@ var je = /*#__PURE__*/function (_kn2) {
           }
         }
       };
-    if (_this44 = _callSuper(this, je, [e, ue.buildSpeechToTextHeaders, t.region, i, s]), _this44.permittedErrorPrefixes = [je.REGION_ERROR_MESSAGE], _this44.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Speech To Text</b></div>\n    <p><b>Upload a .wav or .ogg audio file</b> to transcribe it into text.\n    <p>\n      Click <a href=\"".concat(je.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this44.url = "", _this44.isTextInputDisabled = !0, _this44.textInputPlaceholderText = "Upload an audio file", !t.region) _this44.isTextInputDisabled = !0, _this44.canSendMessage = function () {
+    if (_this44 = _callSuper(this, He, [e, ue.buildSpeechToTextHeaders, t.region, i, s]), _this44.permittedErrorPrefixes = [He.REGION_ERROR_MESSAGE], _this44.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Speech To Text</b></div>\n    <p><b>Upload a .wav or .ogg audio file</b> to transcribe it into text.\n    <p>\n      Click <a href=\"".concat(He.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this44.url = "", _this44.isTextInputDisabled = !0, _this44.textInputPlaceholderText = "Upload an audio file", !t.region) _this44.isTextInputDisabled = !0, _this44.canSendMessage = function () {
       return !1;
     }, setTimeout(function () {
       e.addMessage({
-        error: je.REGION_ERROR_MESSAGE
+        error: He.REGION_ERROR_MESSAGE
       });
     });else {
-      _this44.canSendMessage = je.canFileSendMessage;
+      _this44.canSendMessage = He.canFileSendMessage;
       var l = t.lang || "en-US";
       _this44.url = "https://".concat(t.region, ".stt.speech.microsoft.com/speech/recognition/conversation/cognitiveservices/v1?language=").concat(l, "&format=detailed"), _this44.recordAudio = void 0;
     }
     return _assertThisInitialized(_this44);
   }
-  _inherits(je, _kn2);
-  return _createClass(je, [{
+  _inherits(He, _kn2);
+  return _createClass(He, [{
     key: "callServiceAPI",
     value: function () {
       var _callServiceAPI17 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee97(e, t, i) {
@@ -9686,12 +9696,12 @@ var je = /*#__PURE__*/function (_kn2) {
     }
   }]);
 }(kn);
-je.HELP_LINK =
+He.HELP_LINK =
 // eslint-disable-next-line max-len
-"https://learn.microsoft.com/en-GB/azure/cognitive-services/speech-service/get-started-text-to-speech?tabs=windows%2Cterminal&pivots=programming-language-rest", je.REGION_ERROR_MESSAGE =
+"https://learn.microsoft.com/en-GB/azure/cognitive-services/speech-service/get-started-text-to-speech?tabs=windows%2Cterminal&pivots=programming-language-rest", He.REGION_ERROR_MESSAGE =
 // eslint-disable-next-line max-len
 "Please define a region config property. [More Information](https://deepchat.dev/docs/directConnection/Azure#SpeechToText)";
-var Ss = je;
+var Ss = He;
 var Vo = /*#__PURE__*/function (_G10) {
   // prettier-ignore
   function Vo(e) {
@@ -10585,7 +10595,7 @@ var Jo = "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n<svg version=\"1.1\"
         t.classList.add("any-file-message-contents");
         var i = document.createElement("div");
         i.classList.add("any-file-message-icon-container");
-        var s = se.createSVGElement(Jo);
+        var s = ne.createSVGElement(Jo);
         s.classList.add("any-file-message-icon"), i.appendChild(s);
         var r = document.createElement("div");
         return r.classList.add("any-file-message-text"), r.textContent = e.name || j.DEFAULT_FILE_NAME, t.appendChild(i), t.appendChild(r), j.processContent("any", t, e.src, r.textContent);
@@ -10740,7 +10750,7 @@ var Zo = /*#__PURE__*/function () {
     }
   }]);
 }();
-var de = /*#__PURE__*/function (_Ne) {
+var de = /*#__PURE__*/function (_De) {
   function de(e, t, i) {
     var _this52;
     _classCallCheck(this, de);
@@ -10761,16 +10771,16 @@ var de = /*#__PURE__*/function (_Ne) {
       }), !d);
     }, e.updateMessage = function (c, d) {
       return oe.update(_this52, c, d);
-    }, t.isWebModel() && t.setUpMessages(_this52), o && _this52.prepareDemo(o), e.textToSpeech && St.processConfig(e.textToSpeech, function (c) {
+    }, t.isWebModel() && t.setUpMessages(_this52), o && _this52.prepareDemo(X.processDemo(o)), e.textToSpeech && St.processConfig(e.textToSpeech, function (c) {
       _this52.textToSpeech = c;
     });
     return _this52;
   }
-  _inherits(de, _Ne);
+  _inherits(de, _De);
   return _createClass(de, [{
     key: "prepareDemo",
     value: function prepareDemo(e) {
-      _typeof(e) == "object" && (e.response && (this.customDemoResponse = e.response), e.displayErrors && (e.displayErrors["default"] && this.addNewErrorMessage("", ""), e.displayErrors.service && this.addNewErrorMessage("service", ""), e.displayErrors.speechToText && this.addNewErrorMessage("speechToText", "")), e.displayLoadingBubble && this.addLoadingMessage());
+      _typeof(e) == "object" && (e.response && (this.customDemoResponse = e.response), e.displayLoading && (e.displayLoading.history && (e.displayLoading.history.full && Ne.addMessage(this), e.displayLoading.history.small && Ne.addMessage(this, !1)), e.displayLoading.message && this.addLoadingMessage()), e.displayErrors && (e.displayErrors["default"] && this.addNewErrorMessage("", ""), e.displayErrors.service && this.addNewErrorMessage("service", ""), e.displayErrors.speechToText && this.addNewErrorMessage("speechToText", "")));
     }
   }, {
     key: "addSetupMessageIfNeeded",
@@ -10799,13 +10809,13 @@ var de = /*#__PURE__*/function (_Ne) {
     value: function addIntroductoryMessage(e) {
       var i;
       var t;
-      e != null && e.text ? t = this.createAndAppendNewMessageElement(e.text, b.AI_ROLE) : e != null && e.html && (t = Se.add(this, e.html, b.AI_ROLE, this.messageElementRefs)), t && (this.applyCustomStyles(t, b.AI_ROLE, !1, (i = this.messageStyles) == null ? void 0 : i.intro), t.outerContainer.classList.add(Ne.INTRO_CLASS));
+      e != null && e.text ? t = this.createAndAppendNewMessageElement(e.text, b.AI_ROLE) : e != null && e.html && (t = Se.add(this, e.html, b.AI_ROLE, this.messageElementRefs)), t && (this.applyCustomStyles(t, b.AI_ROLE, !1, (i = this.messageStyles) == null ? void 0 : i.intro), t.outerContainer.classList.add(De.INTRO_CLASS));
     }
   }, {
     key: "removeIntroductoryMessage",
     value: function removeIntroductoryMessage() {
       var e = this.messageElementRefs[0];
-      e.outerContainer.classList.contains(Ne.INTRO_CLASS) && (e.outerContainer.remove(), this.messageElementRefs.shift());
+      e.outerContainer.classList.contains(De.INTRO_CLASS) && (e.outerContainer.remove(), this.messageElementRefs.shift());
     }
   }, {
     key: "addAnyMessage",
@@ -10913,7 +10923,7 @@ var de = /*#__PURE__*/function (_Ne) {
   }, {
     key: "populateIntroPanel",
     value: function populateIntroPanel(e, t, i) {
-      (e || t) && (this._introPanel = new Ti(e, t, i), this._introPanel._elementRef && (ie.apply(this, this._introPanel._elementRef), this.elementRef.appendChild(this._introPanel._elementRef)));
+      (e || t) && (this._introPanel = new Ti(e, t, i), this._introPanel._elementRef && (se.apply(this, this._introPanel._elementRef), this.elementRef.appendChild(this._introPanel._elementRef)));
     }
   }, {
     key: "addMultipleFiles",
@@ -10993,10 +11003,10 @@ var de = /*#__PURE__*/function (_Ne) {
   }, {
     key: "isActiveElement",
     value: function isActiveElement(e) {
-      return e ? e.contains(Pe.BUBBLE_CLASS) || e.contains(tt.CLASS) || e.contains(_e.MESSAGE_CLASS) : !1;
+      return e ? e.contains(Pe.BUBBLE_CLASS) || e.contains(Ne.CLASS) || e.contains(_e.MESSAGE_CLASS) : !1;
     }
   }]);
-}(Ne);
+}(De);
 var D = /*#__PURE__*/function () {
   function D() {
     _classCallCheck(this, D);
@@ -11081,7 +11091,7 @@ var K = /*#__PURE__*/function () {
   }, {
     key: "createElement",
     value: function createElement(e, t) {
-      return t ? K.createTextElement(e) : se.createSVGElement(e);
+      return t ? K.createTextElement(e) : ne.createSVGElement(e);
     }
   }, {
     key: "createCustomElement",
@@ -11219,14 +11229,14 @@ var Wt = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Ge = /*#__PURE__*/function () {
-  function Ge() {
-    _classCallCheck(this, Ge);
+var Ve = /*#__PURE__*/function () {
+  function Ve() {
+    _classCallCheck(this, Ve);
   }
-  return _createClass(Ge, null, [{
+  return _createClass(Ve, null, [{
     key: "addItemEvents",
     value: function addItemEvents(e, t, i, s) {
-      Ye.add(t, s), t.addEventListener("click", function () {
+      Qe.add(t, s), t.addEventListener("click", function () {
         i.click();
       }), t.addEventListener("mouseenter", function (r) {
         e.highlightedItem = r.target;
@@ -11250,7 +11260,7 @@ var Ge = /*#__PURE__*/function () {
     key: "populateItem",
     value: function populateItem(e, t, i, s) {
       var r = e.children[0];
-      r.classList.contains("text-button") ? t.appendChild(Ge.createItemText(r.textContent, s == null ? void 0 : s.text)) : (t.appendChild(Ge.createItemIcon(e, s == null ? void 0 : s.iconContainer)), t.appendChild(Ge.createItemText(i, s == null ? void 0 : s.text)));
+      r.classList.contains("text-button") ? t.appendChild(Ve.createItemText(r.textContent, s == null ? void 0 : s.text)) : (t.appendChild(Ve.createItemIcon(e, s == null ? void 0 : s.iconContainer)), t.appendChild(Ve.createItemText(i, s == null ? void 0 : s.text)));
     }
     // prettier-ignore
   }, {
@@ -11260,13 +11270,13 @@ var Ge = /*#__PURE__*/function () {
       var s = t.elementRef,
         r = t.dropupText,
         o = document.createElement("div");
-      Object.assign(o.style, (l = i == null ? void 0 : i.item) == null ? void 0 : l["default"]), Ge.populateItem(s, o, r, i), o.classList.add("dropup-menu-item");
+      Object.assign(o.style, (l = i == null ? void 0 : i.item) == null ? void 0 : l["default"]), Ve.populateItem(s, o, r, i), o.classList.add("dropup-menu-item");
       var a = R.processStateful((i == null ? void 0 : i.item) || {}, {
         backgroundColor: "#f3f3f3"
       }, {
         backgroundColor: "#ebebeb"
       });
-      return Ge.addItemEvents(e, o, s, a), o;
+      return Ve.addItemEvents(e, o, s, a), o;
     }
   }]);
 }();
@@ -11297,7 +11307,7 @@ var Ps = /*#__PURE__*/function () {
   }, {
     key: "addItem",
     value: function addItem(e) {
-      var t = Ge.createItem(this, e, this._styles);
+      var t = Ve.createItem(this, e, this._styles);
       this.elementRef.appendChild(t);
     }
     // prettier-ignore
@@ -11379,7 +11389,7 @@ var _t = /*#__PURE__*/function (_ti) {
   }, {
     key: "createSVGIconElement",
     value: function createSVGIconElement() {
-      return se.createSVGElement(Xo);
+      return ne.createSVGElement(Xo);
     }
   }, {
     key: "createButtonContainer",
@@ -11567,7 +11577,7 @@ var Kt = /*#__PURE__*/function (_ti2) {
   }, {
     key: "createSVGIconElement",
     value: function createSVGIconElement() {
-      var e = se.createSVGElement(sa);
+      var e = ne.createSVGElement(sa);
       return e.id = "microphone-icon", e;
     }
   }]);
@@ -11581,21 +11591,21 @@ Object.defineProperty(lt, "__esModule", {
   value: !0
 });
 lt.Text = void 0;
-var He = /*#__PURE__*/function () {
-  function He() {
-    _classCallCheck(this, He);
+var qe = /*#__PURE__*/function () {
+  function qe() {
+    _classCallCheck(this, qe);
   }
-  return _createClass(He, null, [{
+  return _createClass(qe, null, [{
     key: "capitalize",
     value: function capitalize(e) {
-      return e.replace(He.FIRST_CHAR_REGEX, function (t) {
+      return e.replace(qe.FIRST_CHAR_REGEX, function (t) {
         return t.toUpperCase();
       });
     }
   }, {
     key: "lineBreak",
     value: function lineBreak(e) {
-      return e.replace(He.DOUBLE_LINE, "<p></p>").replace(He.ONE_LINE, "<br>");
+      return e.replace(qe.DOUBLE_LINE, "<p></p>").replace(qe.ONE_LINE, "<br>");
     }
   }, {
     key: "isCharDefined",
@@ -11610,10 +11620,10 @@ var He = /*#__PURE__*/function () {
     }
   }]);
 }();
-lt.Text = He;
-He.FIRST_CHAR_REGEX = /\S/;
-He.DOUBLE_LINE = /\n\n/g;
-He.ONE_LINE = /\n/g;
+lt.Text = qe;
+qe.FIRST_CHAR_REGEX = /\S/;
+qe.DOUBLE_LINE = /\n\n/g;
+qe.ONE_LINE = /\n/g;
 Object.defineProperty(ii, "__esModule", {
   value: !0
 });
@@ -13068,7 +13078,7 @@ var _a = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
         i.classList.add("audio-placeholder-text-3-digits");
         var s = document.createElement("div");
         s.classList.add("file-attachment-text-container", "audio-placeholder-text-3-digits-container"), s.appendChild(i);
-        var r = se.createSVGElement(bn);
+        var r = ne.createSVGElement(bn);
         return r.classList.add("attachment-icon", "stop-icon", "not-removable-attachment-icon"), i.textContent = "0:00", this._activePlaceholderTimer = this.createTimer(i, e), t.appendChild(s), this.addPlaceholderAudioAttachmentEvents(t, r, s), t;
       }
     }, {
@@ -13124,9 +13134,9 @@ var _a = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
         var i = e.parentElement ? Z.cloneElement(e) : e,
           s = document.createElement("audio");
         s.src = t;
-        var r = se.createSVGElement(_a);
+        var r = ne.createSVGElement(_a);
         r.classList.add("attachment-icon", "play-icon");
-        var o = se.createSVGElement(bn);
+        var o = ne.createSVGElement(bn);
         o.classList.add("attachment-icon", "stop-icon"), i.replaceChildren(r), s.onplay = function () {
           i.replaceChildren(o);
         }, s.onpause = function () {
@@ -13361,7 +13371,7 @@ var be = /*#__PURE__*/function () {
     value: function createSVGButton(e) {
       var t = document.createElement("div");
       t.classList.add("modal-button", "modal-svg-button");
-      var i = se.createSVGElement(e);
+      var i = ne.createSVGElement(e);
       return i.classList.add("modal-svg-button-icon"), t.appendChild(i), t;
     }
   }, {
@@ -13376,7 +13386,7 @@ var be = /*#__PURE__*/function () {
   }]);
 }();
 be.MODAL_CLOSE_TIMEOUT_MS = 190;
-var Qe = be;
+var et = be;
 var Bt = /*#__PURE__*/function (_ti3) {
   // prettier-ignore
   function Bt(e, t, i, s, r, o) {
@@ -13415,7 +13425,7 @@ var Bt = /*#__PURE__*/function (_ti3) {
     key: "addClickEvent",
     value: function addClickEvent(e, t) {
       var i = this.triggerImportPrompt.bind(this, this._inputElement),
-        s = Qe.createTextModalFunc(e, t, i);
+        s = et.createTextModalFunc(e, t, i);
       this.elementRef.onclick = this.click.bind(this, s);
     }
   }, {
@@ -13438,7 +13448,7 @@ var Bt = /*#__PURE__*/function (_ti3) {
   }, {
     key: "createSVGIconElement",
     value: function createSVGIconElement(e, t) {
-      var i = se.createSVGElement(t);
+      var i = ne.createSVGElement(t);
       return i.id = e, i;
     }
   }]);
@@ -13496,11 +13506,11 @@ var Re = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Ve = /*#__PURE__*/function () {
-  function Ve() {
-    _classCallCheck(this, Ve);
+var $e = /*#__PURE__*/function () {
+  function $e() {
+    _classCallCheck(this, $e);
   }
-  return _createClass(Ve, null, [{
+  return _createClass($e, null, [{
     key: "validate",
     value:
     // prettier-ignore
@@ -13524,7 +13534,7 @@ var Ve = /*#__PURE__*/function () {
               o = i.getAllFileData(), a = o == null ? void 0 : o.map(function (l) {
                 return l.file;
               });
-              return _context118.abrupt("return", Ve.validate(e, s, r, a));
+              return _context118.abrupt("return", $e.validate(e, s, r, a));
             case 5:
             case "end":
               return _context118.stop();
@@ -13547,7 +13557,7 @@ var Ve = /*#__PURE__*/function () {
               s = (r = t.files) == null ? void 0 : r.map(function (o) {
                 return o.file;
               });
-              return _context119.abrupt("return", Ve.validate(e, i, t.text, s, !0));
+              return _context119.abrupt("return", $e.validate(e, i, t.text, s, !0));
             case 2:
             case "end":
               return _context119.stop();
@@ -13568,21 +13578,21 @@ var Ve = /*#__PURE__*/function () {
   }, {
     key: "attach",
     value: function attach(e, t, i, s, r) {
-      var o = e.validateInput || ne.processValidateInput(e);
+      var o = e.validateInput || X.processValidateInput(e);
       e._validationHandler = /*#__PURE__*/function () {
         var _ref33 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee120(a) {
           var l;
           return _regeneratorRuntime().wrap(function _callee120$(_context120) {
             while (1) switch (_context120.prev = _context120.next) {
               case 0:
-                if (!(r.status.loadingActive || r.status.requestInProgress || t.isSubmitProgrammaticallyDisabled === !0 || !Ve.validateWebsocket(t, r))) {
+                if (!(r.status.loadingActive || r.status.requestInProgress || t.isSubmitProgrammaticallyDisabled === !0 || !$e.validateWebsocket(t, r))) {
                   _context120.next = 2;
                   break;
                 }
                 return _context120.abrupt("return", !1);
               case 2:
                 l = o || t.canSendMessage;
-                return _context120.abrupt("return", l ? a ? Ve.useValidationFuncProgrammatic(l, a, r) : Ve.useValidationFunc(l, i, s, r) : null);
+                return _context120.abrupt("return", l ? a ? $e.useValidationFuncProgrammatic(l, a, r) : $e.useValidationFunc(l, i, s, r) : null);
               case 4:
               case "end":
                 return _context120.stop();
@@ -13709,11 +13719,11 @@ var W = /*#__PURE__*/function () {
     }
   }]);
 }();
-var et = /*#__PURE__*/function () {
-  function et() {
-    _classCallCheck(this, et);
+var tt = /*#__PURE__*/function () {
+  function tt() {
+    _classCallCheck(this, tt);
   }
-  return _createClass(et, null, [{
+  return _createClass(tt, null, [{
     key: "resetSubmit",
     value: function resetSubmit(e, t) {
       t ? e.unsetCustomStateStyles(["loading", "submit"]) : e.unsetCustomStateStyles(["stop", "loading", "submit"]), e.reapplyStateStyle("submit");
@@ -13729,13 +13739,13 @@ var et = /*#__PURE__*/function () {
   }, {
     key: "setUpDisabledButton",
     value: function setUpDisabledButton(e) {
-      W.setPropertyValueIfDoesNotExist(e, ["submit", "container", "default", "backgroundColor"], ""), W.setPropertyValueIfDoesNotExist(e, ["disabled", "container", "default", "backgroundColor"], "unset"), W.setPropertyValueIfDoesNotExist(e.submit, ["svg", "styles", "default", "filter"], ""), W.setPropertyValueIfDoesNotExist(e.disabled, ["svg", "styles", "default", "filter"], "brightness(0) saturate(100%) invert(70%) sepia(0%) saturate(5564%) hue-rotate(207deg) brightness(100%) contrast(97%)"), et.overwriteDefaultStyleWithSubmit(e, "disabled");
+      W.setPropertyValueIfDoesNotExist(e, ["submit", "container", "default", "backgroundColor"], ""), W.setPropertyValueIfDoesNotExist(e, ["disabled", "container", "default", "backgroundColor"], "unset"), W.setPropertyValueIfDoesNotExist(e.submit, ["svg", "styles", "default", "filter"], ""), W.setPropertyValueIfDoesNotExist(e.disabled, ["svg", "styles", "default", "filter"], "brightness(0) saturate(100%) invert(70%) sepia(0%) saturate(5564%) hue-rotate(207deg) brightness(100%) contrast(97%)"), tt.overwriteDefaultStyleWithSubmit(e, "disabled");
     }
   }, {
     key: "process",
     value: function process(e) {
       var t = JSON.parse(JSON.stringify(e || {}));
-      return et.overwriteDefaultStyleWithSubmit(t, "loading"), et.overwriteDefaultStyleWithSubmit(t, "stop"), e != null && e.alwaysEnabled || et.setUpDisabledButton(t), t;
+      return tt.overwriteDefaultStyleWithSubmit(t, "loading"), tt.overwriteDefaultStyleWithSubmit(t, "stop"), e != null && e.alwaysEnabled || tt.setUpDisabledButton(t), t;
     }
   }]);
 }();
@@ -13744,7 +13754,7 @@ var k = /*#__PURE__*/function (_ti4) {
   function k(e, t, i, s, r, o) {
     var _this76;
     _classCallCheck(this, k);
-    var a = et.process(e.submitButtonStyles);
+    var a = tt.process(e.submitButtonStyles);
     _this76 = _callSuper(this, k, [k.createButtonContainerElement(), a == null ? void 0 : a.position, a]), _this76._isSVGLoadingIconOverriden = !1, _this76.status = {
       requestInProgress: !1,
       loadingActive: !1
@@ -13868,7 +13878,7 @@ var k = /*#__PURE__*/function (_ti4) {
         return _regeneratorRuntime().wrap(function _callee122$(_context122) {
           while (1) switch (_context122.prev = _context122.next) {
             case 0:
-              typeof e == "string" && (e = ne.processSubmitUserMessage(e));
+              typeof e == "string" && (e = X.processSubmitUserMessage(e));
               t = {
                 text: e.text
               };
@@ -14001,7 +14011,7 @@ var k = /*#__PURE__*/function (_ti4) {
     key: "changeToSubmitIcon",
     value: function changeToSubmitIcon() {
       var _this79 = this;
-      this.elementRef.classList.contains(k.SUBMIT_CLASS) || (this.elementRef.classList.remove(k.LOADING_CLASS, k.DISABLED_CLASS), this.elementRef.classList.add(k.SUBMIT_CLASS), this.elementRef.replaceChildren(this._innerElements.submit), et.resetSubmit(this, this.status.loadingActive), this.elementRef.onclick = function () {
+      this.elementRef.classList.contains(k.SUBMIT_CLASS) || (this.elementRef.classList.remove(k.LOADING_CLASS, k.DISABLED_CLASS), this.elementRef.classList.add(k.SUBMIT_CLASS), this.elementRef.replaceChildren(this._innerElements.submit), tt.resetSubmit(this, this.status.loadingActive), this.elementRef.onclick = function () {
         var e;
         _this79.submitFromInput(), (e = _this79._microphoneButton) != null && e.isActive && Zt.toggleSpeechAfterSubmit(_this79._microphoneButton.elementRef, !!_this79._stopSTTAfterSubmit);
       });
@@ -14028,7 +14038,7 @@ var k = /*#__PURE__*/function (_ti4) {
   }, {
     key: "createSubmitIconElement",
     value: function createSubmitIconElement() {
-      var e = se.createSVGElement(Ta);
+      var e = ne.createSVGElement(Ta);
       return e.id = "submit-icon", e;
     }
   }, {
@@ -14051,7 +14061,7 @@ var Aa = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
   ka = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n  <title>capture</title>\n  <path d=\"M0 16q0 3.264 1.28 6.208t3.392 5.12 5.12 3.424 6.208 1.248 6.208-1.248 5.12-3.424 3.392-5.12 1.28-6.208-1.28-6.208-3.392-5.12-5.088-3.392-6.24-1.28q-3.264 0-6.208 1.28t-5.12 3.392-3.392 5.12-1.28 6.208zM4 16q0-3.264 1.6-6.016t4.384-4.352 6.016-1.632 6.016 1.632 4.384 4.352 1.6 6.016-1.6 6.048-4.384 4.352-6.016 1.6-6.016-1.6-4.384-4.352-1.6-6.048z\"></path>\n</svg>\n",
   Ma = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z\"/>\n</svg>",
   Ra = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4.89163 13.2687L9.16582 17.5427L18.7085 8\" stroke=\"#000000\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>";
-var Ns = /*#__PURE__*/function (_Qe) {
+var Ns = /*#__PURE__*/function (_et) {
   // prettier-ignore
   function Ns(e, t, i, s) {
     var _this80;
@@ -14060,18 +14070,18 @@ var Ns = /*#__PURE__*/function (_Qe) {
     var _this80$addButtonsAnd = _this80.addButtonsAndTheirEvents(t),
       r = _this80$addButtonsAnd.captureButton,
       o = _this80$addButtonsAnd.submitButton;
-    _this80._captureButton = r, _this80._submitButton = o, _this80._captureIcon = _this80._captureButton.children[0], _this80._refreshIcon = se.createSVGElement(Aa), _this80._refreshIcon.classList.add("modal-svg-button-icon", "modal-svg-refresh-icon"), (s == null ? void 0 : s.format) === "jpeg" && (_this80._format = "image/jpeg"), s != null && s.dimensions && (_this80._dimensions = s.dimensions), _this80._contentRef.appendChild(_this80._canvas), _this80.extensionCloseCallback = _this80.stop;
+    _this80._captureButton = r, _this80._submitButton = o, _this80._captureIcon = _this80._captureButton.children[0], _this80._refreshIcon = ne.createSVGElement(Aa), _this80._refreshIcon.classList.add("modal-svg-button-icon", "modal-svg-refresh-icon"), (s == null ? void 0 : s.format) === "jpeg" && (_this80._format = "image/jpeg"), s != null && s.dimensions && (_this80._dimensions = s.dimensions), _this80._contentRef.appendChild(_this80._canvas), _this80.extensionCloseCallback = _this80.stop;
     return _this80;
   }
-  _inherits(Ns, _Qe);
+  _inherits(Ns, _et);
   return _createClass(Ns, [{
     key: "addButtonsAndTheirEvents",
     value: function addButtonsAndTheirEvents(e) {
-      var t = Qe.createSVGButton(ka);
+      var t = et.createSVGButton(ka);
       t.classList.add("modal-svg-camera-button"), t.children[0].classList.add("modal-svg-camera-icon");
       var i = this.addCloseButton(Ma, !0);
       i.classList.add("modal-svg-close-button"), i.children[0].classList.add("modal-svg-close-icon");
-      var s = Qe.createSVGButton(Ra);
+      var s = et.createSVGButton(Ra);
       return s.classList.add("modal-svg-submit-button"), this.addButtons(t, s), this.addButtonEvents(t, i, s, e), {
         captureButton: t,
         submitButton: s
@@ -14099,7 +14109,7 @@ var Ns = /*#__PURE__*/function (_Qe) {
         _this82._captureButton.replaceChildren(_this82._captureIcon), _this82._captureButton.classList.replace("modal-svg-refresh-button", "modal-svg-camera-button");
         var e = _this82._canvas.getContext("2d");
         e == null || e.clearRect(0, 0, _this82._canvas.width, _this82._canvas.height);
-      }, Qe.MODAL_CLOSE_TIMEOUT_MS);
+      }, et.MODAL_CLOSE_TIMEOUT_MS);
     }
   }, {
     key: "start",
@@ -14163,7 +14173,7 @@ var Ns = /*#__PURE__*/function (_Qe) {
       return r.openCameraModal.bind(r, r);
     }
   }]);
-}(Qe);
+}(et);
 var Ia = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M29 7h-4.599l-2.401-4h-12l-2.4 4h-4.6c-1 0-3 1-3 2.969v16.031c0 1.657 1.5 3 2.792 3h26.271c1.313 0 2.938-1.406 2.938-2.968v-16.032c0-1-1-3-3-3zM30 26.032c0 0.395-0.639 0.947-0.937 0.969h-26.265c-0.232-0.019-0.797-0.47-0.797-1v-16.031c0-0.634 0.851-0.953 1-0.969h5.732l2.4-4h9.802l1.785 3.030 0.55 0.97h5.731c0.705 0 0.99 0.921 1 1v16.032zM16 10c-3.866 0-7 3.134-7 7s3.134 7 7 7 7-3.134 7-7-3.134-7-7-7zM16 22c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5z\"></path>\n</svg>";
 var Pi = /*#__PURE__*/function (_ti5) {
   function Pi(e, t, i) {
@@ -14204,7 +14214,7 @@ var Pi = /*#__PURE__*/function (_ti5) {
   }, {
     key: "createSVGIconElement",
     value: function createSVGIconElement() {
-      var e = se.createSVGElement(Ia);
+      var e = ne.createSVGElement(Ia);
       return e.id = "camera-icon", e;
     }
   }]);
@@ -14220,7 +14230,7 @@ var Ft = /*#__PURE__*/function () {
       button: new Zt(e, a, t.addNewErrorMessage.bind(t))
     });
     var l = new Cs(e, a, t, i, o, r);
-    a.submit = l.submitFromInput.bind(l), Ve.attach(e, i, a, o, l), e.submitUserMessage = l.programmaticSubmit.bind(l), r.submit = {
+    a.submit = l.submitFromInput.bind(l), $e.attach(e, i, a, o, l), e.submitUserMessage = l.programmaticSubmit.bind(l), r.submit = {
       button: l
     }, Ft.addElements(this.elementRef, a, r, s, o, e.dropupStyles);
   }
@@ -14341,7 +14351,7 @@ var S = /*#__PURE__*/function (_fs) {
     key: "onRender",
     value: function onRender() {
       var _this$_childElement;
-      fi.attemptAppendStyleSheetToHead(this.style), ne.processConnect(this), (!this._activeService || this._activeService.demo) && (this._activeService = Ko.create(this)), this.auxiliaryStyle && !this._auxiliaryStyleApplied && (Lt.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0), Lt.applyDefaultStyleToComponent(this.style, this.chatStyle), ne.checkForContainerStyles(this, this._elementRef), this._activeService.key && this._activeService.validateKeyProperty ? ui.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : !(this._activeService instanceof G) || this._activeService.key ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], Ds.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof G && H.render(this._elementRef, this.changeToChatView.bind(this), this._activeService), this._hasBeenRendered = !0, mi.onRender(this);
+      fi.attemptAppendStyleSheetToHead(this.style), X.processConnect(this), (!this._activeService || this._activeService.demo) && (this._activeService = Ko.create(this)), this.auxiliaryStyle && !this._auxiliaryStyleApplied && (Lt.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0), Lt.applyDefaultStyleToComponent(this.style, this.chatStyle), X.checkForContainerStyles(this, this._elementRef), this._activeService.key && this._activeService.validateKeyProperty ? ui.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : !(this._activeService instanceof G) || this._activeService.key ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], Ds.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof G && H.render(this._elementRef, this.changeToChatView.bind(this), this._activeService), this._hasBeenRendered = !0, mi.onRender(this);
     }
   }, {
     key: "disconnectedCallback",