deep-chat-dev 9.0.165 → 9.0.167

package/dist/deepChat.js

@@ -450,7 +450,7 @@ var En = "Make sure the events are using {text: string} or {html: string} format
     }]);
   }();
 gi.CODE_SNIPPET_GENERATION_JUMP = 0.5;
-var j = gi;
+var U = gi;
 var bi = /*#__PURE__*/function () {
   function bi() {
     _classCallCheck(this, bi);
@@ -2889,7 +2889,7 @@ var Me = /*#__PURE__*/function () {
   }, {
     key: "isNonLinkableDataUrl",
     value: function isNonLinkableDataUrl(e, t) {
-      return !t.startsWith("data") || e === "image" ? !1 : e === "any" && t.startsWith("data:text/javascript") || !t.startsWith("data:image");
+      return !t.startsWith("data") || e === "image" ? !1 : e === "any" && t.startsWith("data:text/javascript") || !t.startsWith("data:image") && !t.startsWith("data:application");
     }
   }, {
     key: "processContent",
@@ -2954,7 +2954,7 @@ var Me = /*#__PURE__*/function () {
   }]);
 }();
 Me.DEFAULT_FILE_NAME = "file";
-var q = Me;
+var B = Me;
 var Qt = /*#__PURE__*/function () {
   function Qt() {
     _classCallCheck(this, Qt);
@@ -2968,7 +2968,7 @@ var Qt = /*#__PURE__*/function () {
         isHistory: i,
         isInitial: i
       }));
-      q.reAddFileRefToObject(t, n), (r = e.onMessage) == null || r.call(e, n), e.dispatchEvent(new CustomEvent("message", {
+      B.reAddFileRefToObject(t, n), (r = e.onMessage) == null || r.call(e, n), e.dispatchEvent(new CustomEvent("message", {
         detail: n
       })), he.fireOnNewMessage(e, n);
     }
@@ -2996,11 +2996,11 @@ var Qt = /*#__PURE__*/function () {
     }
   }]);
 }();
-var B = /*#__PURE__*/function () {
-  function B() {
-    _classCallCheck(this, B);
+var j = /*#__PURE__*/function () {
+  function j() {
+    _classCallCheck(this, j);
   }
-  return _createClass(B, null, [{
+  return _createClass(j, null, [{
     key: "applyCustomStylesToElements",
     value: function applyCustomStylesToElements(e, t, i) {
       if (i && (Object.assign(e.outerContainer.style, i.outerContainer), Object.assign(e.innerContainer.style, i.innerContainer), Object.assign(e.bubbleElement.style, i.bubble), t)) {
@@ -3012,7 +3012,7 @@ var B = /*#__PURE__*/function () {
   }, {
     key: "applySideStyles",
     value: function applySideStyles(e, t, i, n) {
-      n && (B.applyCustomStylesToElements(e, i, n.shared), t === b.USER_ROLE ? B.applyCustomStylesToElements(e, i, n.user) : (B.applyCustomStylesToElements(e, i, n.ai), B.applyCustomStylesToElements(e, i, n[t])));
+      n && (j.applyCustomStylesToElements(e, i, n.shared), t === b.USER_ROLE ? j.applyCustomStylesToElements(e, i, n.user) : (j.applyCustomStylesToElements(e, i, n.ai), j.applyCustomStylesToElements(e, i, n[t])));
     }
   }, {
     key: "isElementsStyles",
@@ -3024,7 +3024,7 @@ var B = /*#__PURE__*/function () {
     key: "applyCustomStyles",
     value: function applyCustomStyles(e, t, i, n, r) {
       var o;
-      r && e["default"] !== r ? B.isElementsStyles(r) ? (B.applyCustomStylesToElements(t, n, (o = e["default"]) == null ? void 0 : o.shared), B.applyCustomStylesToElements(t, n, r)) : (B.applySideStyles(t, i, n, e["default"]), B.applySideStyles(t, i, n, r)) : B.applySideStyles(t, i, n, e["default"]);
+      r && e["default"] !== r ? j.isElementsStyles(r) ? (j.applyCustomStylesToElements(t, n, (o = e["default"]) == null ? void 0 : o.shared), j.applyCustomStylesToElements(t, n, r)) : (j.applySideStyles(t, i, n, e["default"]), j.applySideStyles(t, i, n, r)) : j.applySideStyles(t, i, n, e["default"]);
     }
     // prettier-ignore
   }, {
@@ -3081,7 +3081,7 @@ var ot = /*#__PURE__*/function () {
       var _this4 = this;
       var i = this.createNewMessageElement(e, t);
       return this.elementRef.appendChild(i.outerContainer), setTimeout(function () {
-        return j.scrollToBottom(_this4.elementRef);
+        return U.scrollToBottom(_this4.elementRef);
       }), i;
     }
   }, {
@@ -3115,7 +3115,7 @@ var ot = /*#__PURE__*/function () {
   }, {
     key: "applyCustomStyles",
     value: function applyCustomStyles(e, t, i, n) {
-      e && this.messageStyles && B.applyCustomStyles(this.messageStyles, e, t, i, n);
+      e && this.messageStyles && j.applyCustomStyles(this.messageStyles, e, t, i, n);
     }
   }, {
     key: "removeLastMessage",
@@ -3201,13 +3201,13 @@ var Re = /*#__PURE__*/function () {
       if (this._hasStreamEnded) return;
       if ((e == null ? void 0 : e.text) === void 0 && (e == null ? void 0 : e.html) === void 0) return console.error(A.INVALID_STREAM_EVENT);
       var t = (e == null ? void 0 : e.text) || (e == null ? void 0 : e.html) || "",
-        i = j.isScrollbarAtBottomOfElement(this._messages.elementRef),
+        i = U.isScrollbarAtBottomOfElement(this._messages.elementRef),
         n = (e == null ? void 0 : e.text) !== void 0 ? "text" : "html";
       if (!this._elements && this._streamedContent === "") this.setInitialState(n, t, e == null ? void 0 : e.role);else {
         if (this._streamType !== n) return console.error(A.INVALID_STREAM_EVENT_MIX);
         this.updateBasedOnType(t, n, (r = this._elements) == null ? void 0 : r.bubbleElement, e == null ? void 0 : e.overwrite);
       }
-      i && j.scrollToBottom(this._messages.elementRef);
+      i && U.scrollToBottom(this._messages.elementRef);
     }
   }, {
     key: "setInitialState",
@@ -4916,17 +4916,17 @@ var We = /*#__PURE__*/function () {
     }
   }]);
 }();
-var U = /*#__PURE__*/function (_We) {
+var H = /*#__PURE__*/function (_We) {
   // prettier-ignore
-  function U(e, t, i, n, r) {
+  function H(e, t, i, n, r) {
     var _this8;
-    _classCallCheck(this, U);
+    _classCallCheck(this, H);
     var o;
-    _this8 = _callSuper(this, U, [e, r]), _this8.insertKeyPlaceholderText = "API Key", _this8.keyHelpUrl = "", Object.assign(_this8.rawBody, (o = e.connect) == null ? void 0 : o.additionalBodyProps), _this8.keyVerificationDetails = t, _this8.buildHeadersFunc = i, n && _this8.setApiKeyProperties(n), _this8.connectSettings = _this8.buildConnectSettings(_this8.key || "", e.connect);
+    _this8 = _callSuper(this, H, [e, r]), _this8.insertKeyPlaceholderText = "API Key", _this8.keyHelpUrl = "", Object.assign(_this8.rawBody, (o = e.connect) == null ? void 0 : o.additionalBodyProps), _this8.keyVerificationDetails = t, _this8.buildHeadersFunc = i, n && _this8.setApiKeyProperties(n), _this8.connectSettings = _this8.buildConnectSettings(_this8.key || "", e.connect);
     return _this8;
   }
-  _inherits(U, _We);
-  return _createClass(U, [{
+  _inherits(H, _We);
+  return _createClass(H, [{
     key: "setApiKeyProperties",
     value: function setApiKeyProperties(e) {
       this.key = e.key, e.validateKeyProperty && (this.validateKeyProperty = e.validateKeyProperty);
@@ -5433,7 +5433,7 @@ var On = {
         var t;
         ((t = this._webModel.introMessage) == null ? void 0 : t.autoScroll) !== !1 && setTimeout(function () {
           var i, n;
-          (i = _this13._messages) != null && i.elementRef && j.scrollToTop((n = _this13._messages) == null ? void 0 : n.elementRef);
+          (i = _this13._messages) != null && i.elementRef && U.scrollToTop((n = _this13._messages) == null ? void 0 : n.elementRef);
         }, e);
       }
       // prettier-ignore
@@ -5565,7 +5565,7 @@ var On = {
                     sendUpdate: !1
                   }), i && (setTimeout(function () {
                     var p;
-                    return j.scrollToBottom((p = _this14._messages) == null ? void 0 : p.elementRef);
+                    return U.scrollToBottom((p = _this14._messages) == null ? void 0 : p.elementRef);
                   }), i = !1);
                 };
                 w.chat.setInitProgressCallback(n);
@@ -5958,7 +5958,7 @@ var ii = /*#__PURE__*/function () {
     }
   }]);
 }();
-var St = /*#__PURE__*/function (_U) {
+var St = /*#__PURE__*/function (_H) {
   // prettier-ignore
   function St(e, t, i, n, r, o) {
     var _this16;
@@ -5967,7 +5967,7 @@ var St = /*#__PURE__*/function (_U) {
     return _this16;
   }
   // prettier-ignore
-  _inherits(St, _U);
+  _inherits(St, _H);
   return _createClass(St, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t, i) {
@@ -6006,7 +6006,7 @@ var St = /*#__PURE__*/function (_U) {
       return callServiceAPI;
     }()
   }]);
-}(U);
+}(H);
 St.URL_PREFIX = "https://api-inference.huggingface.co/models/";
 var we = St;
 var Dt = /*#__PURE__*/function (_we) {
@@ -6191,7 +6191,7 @@ var me = /*#__PURE__*/function () {
     }
   }]);
 }();
-var _i = /*#__PURE__*/function (_U2) {
+var _i = /*#__PURE__*/function (_H2) {
   // prettier-ignore
   function _i(e, t, i, n, r) {
     var _this18;
@@ -6199,9 +6199,9 @@ var _i = /*#__PURE__*/function (_U2) {
     _this18 = _callSuper(this, _i, [e, t, i, n, r]), _this18.insertKeyPlaceholderText = "Stability AI API Key", _this18.keyHelpUrl = "https://platform.stability.ai/docs/getting-started/authentication", _this18.permittedErrorPrefixes = ["Incorrect", "invalid_"];
     return _this18;
   }
-  _inherits(_i, _U2);
+  _inherits(_i, _H2);
   return _createClass(_i);
-}(U);
+}(H);
 var ni = /*#__PURE__*/function (_i10) {
   function ni(e) {
     var _this19;
@@ -6992,16 +6992,16 @@ var ai = /*#__PURE__*/function () {
     }
   }]);
 }();
-var un = /*#__PURE__*/function (_U3) {
+var un = /*#__PURE__*/function (_H3) {
   function un(e, t, i, n, r) {
     var _this26;
     _classCallCheck(this, un);
     _this26 = _callSuper(this, un, [e, ai.buildKeyVerificationDetails(), ai.buildHeaders, r]), _this26.insertKeyPlaceholderText = "Cohere API Key", _this26.keyHelpUrl = "https://dashboard.cohere.ai/api-keys", _this26.permittedErrorPrefixes = ["invalid"], _this26.url = t, _this26.textInputPlaceholderText = i, n && _typeof(n) == "object" && Object.assign(_this26.rawBody, n);
     return _this26;
   }
-  _inherits(un, _U3);
+  _inherits(un, _H3);
   return _createClass(un);
-}(U);
+}(H);
 var _o = /*#__PURE__*/function (_un) {
   function _o(e) {
     _classCallCheck(this, _o);
@@ -7218,7 +7218,7 @@ var P = /*#__PURE__*/function () {
     }()
   }]);
 }();
-var nt = /*#__PURE__*/function (_U4) {
+var nt = /*#__PURE__*/function (_H4) {
   function nt(e) {
     var _o$model, _a$voice;
     var _this27;
@@ -7231,7 +7231,7 @@ var nt = /*#__PURE__*/function (_U4) {
     _typeof(n) == "object" && Object.assign(_this27.rawBody, n), (_o$model = (o = _this27.rawBody).model) !== null && _o$model !== void 0 ? _o$model : o.model = nt.DEFAULT_MODEL, (_a$voice = (a = _this27.rawBody).voice) !== null && _a$voice !== void 0 ? _a$voice : a.voice = nt.DEFAULT_VOIDE, _this27.textInputPlaceholderText = "Insert text to generate audio", _this27.rawBody.response_format = "mp3";
     return _this27;
   }
-  _inherits(nt, _U4);
+  _inherits(nt, _H4);
   return _createClass(nt, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
@@ -7312,10 +7312,10 @@ var nt = /*#__PURE__*/function (_U4) {
       return extractResultData;
     }()
   }]);
-}(U);
+}(H);
 nt.DEFAULT_MODEL = "tts-1", nt.DEFAULT_VOIDE = "alloy";
 var Yi = nt;
-var ae = /*#__PURE__*/function (_U5) {
+var ae = /*#__PURE__*/function (_H5) {
   function ae(e) {
     var _o$model2;
     var _this28;
@@ -7330,7 +7330,7 @@ var ae = /*#__PURE__*/function (_U5) {
     _typeof(n) == "object" && (_this28.processConfig(n), ae.cleanConfig(n), Object.assign(_this28.rawBody, n)), (_o$model2 = (o = _this28.rawBody).model) !== null && _o$model2 !== void 0 ? _o$model2 : o.model = ae.DEFAULT_MODEL, _this28.rawBody.response_format = "json", _this28.canSendMessage = ae.canSendFileMessage;
     return _this28;
   }
-  _inherits(ae, _U5);
+  _inherits(ae, _H5);
   return _createClass(ae, [{
     key: "processConfig",
     value: function processConfig(e) {
@@ -7425,7 +7425,7 @@ var ae = /*#__PURE__*/function (_U5) {
       }), i;
     }
   }]);
-}(U);
+}(H);
 ae.AUDIO_TRANSCRIPTIONS_URL = "https://api.openai.com/v1/audio/transcriptions", ae.AUDIO_TRANSLATIONS_URL = "https://api.openai.com/v1/audio/translations", ae.DEFAULT_MODEL = "whisper-1";
 var Qi = ae;
 var ne = /*#__PURE__*/function () {
@@ -7529,7 +7529,7 @@ var ne = /*#__PURE__*/function () {
     }
   }]);
 }();
-var wo = /*#__PURE__*/function (_U6) {
+var wo = /*#__PURE__*/function (_H6) {
   // prettier-ignore
   function wo(e, t, i, n, r) {
     var _this29;
@@ -7539,9 +7539,9 @@ var wo = /*#__PURE__*/function (_U6) {
     "https://learn.microsoft.com/en-us/azure/api-management/api-management-subscriptions#create-and-manage-subscriptions-in-azure-portal", _this29.permittedErrorPrefixes = ["Access"];
     return _this29;
   }
-  _inherits(wo, _U6);
+  _inherits(wo, _H6);
   return _createClass(wo);
-}(U);
+}(H);
 var To = /*#__PURE__*/function (_wo) {
   function To(e) {
     var _a$language;
@@ -7800,7 +7800,7 @@ var vt = /*#__PURE__*/function () {
     }
   }]);
 }();
-var fn = /*#__PURE__*/function (_U7) {
+var fn = /*#__PURE__*/function (_H7) {
   function fn(e) {
     var _this31;
     _classCallCheck(this, fn);
@@ -7811,7 +7811,7 @@ var fn = /*#__PURE__*/function (_U7) {
     }]), _this31.insertKeyPlaceholderText = "AssemblyAI API Key", _this31.keyHelpUrl = "https://www.assemblyai.com/app/account", _this31.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>AssemblyAI Audio</b></div>\n    <p><b>Upload an audio file</b> to transcribe it into text.\n    <p>\n      Click <a href=\"https://www.assemblyai.com/docs/Guides/transcribing_an_audio_file#get-started\">here</a> for more info.\n    </p>", _this31.url = "https://api.assemblyai.com/v2/upload", _this31.isTextInputDisabled = !0, _this31.textInputPlaceholderText = "Upload an audio file", _this31.permittedErrorPrefixes = ["Authentication", "Invalid"], _this31.canSendMessage = fn.canFileSendMessage;
     return _this31;
   }
-  _inherits(fn, _U7);
+  _inherits(fn, _H7);
   return _createClass(fn, [{
     key: "callServiceAPI",
     value: function () {
@@ -7883,8 +7883,8 @@ var fn = /*#__PURE__*/function (_U7) {
       return !!(t != null && t[0]);
     }
   }]);
-}(U);
-var ls = /*#__PURE__*/function (_U8) {
+}(H);
+var ls = /*#__PURE__*/function (_H8) {
   // prettier-ignore
   function ls(e, t, i, n, r) {
     var _this32;
@@ -7894,9 +7894,9 @@ var ls = /*#__PURE__*/function (_U8) {
     "https://learn.microsoft.com/en-us/azure/api-management/api-management-subscriptions#create-and-manage-subscriptions-in-azure-portal";
     return _this32;
   }
-  _inherits(ls, _U8);
+  _inherits(ls, _H8);
   return _createClass(ls);
-}(U);
+}(H);
 var vi = /*#__PURE__*/function (_ls) {
   // prettier-ignore
   function vi(e) {
@@ -8068,7 +8068,7 @@ wt.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";
 var tn = wt;
-var Co = /*#__PURE__*/function (_U9) {
+var Co = /*#__PURE__*/function (_H9) {
   // prettier-ignore
   function Co(e) {
     var _this35;
@@ -8081,7 +8081,7 @@ var Co = /*#__PURE__*/function (_U9) {
     "https://learn.microsoft.com/en-us/azure/api-management/api-management-subscriptions#create-and-manage-subscriptions-in-azure-portal", _this35.url = "", _this35.url = "https://api.cognitive.microsofttranslator.com/translate?api-version=3.0&to=".concat(t.language || "es");
     return _this35;
   }
-  _inherits(Co, _U9);
+  _inherits(Co, _H9);
   return _createClass(Co, [{
     key: "preprocessBody",
     value: function preprocessBody(e) {
@@ -8146,7 +8146,7 @@ var Co = /*#__PURE__*/function (_U9) {
       return extractResultData;
     }()
   }]);
-}(U);
+}(H);
 var z = /*#__PURE__*/function () {
   function z() {
     _classCallCheck(this, z);
@@ -8268,6 +8268,7 @@ var z = /*#__PURE__*/function () {
       var t = e.split("/");
       return t[t.length - 1];
     }
+    // prettier-ignore
   }, {
     key: "getFileDetails",
     value: function getFileDetails(e, t) {
@@ -8277,7 +8278,9 @@ var z = /*#__PURE__*/function () {
         var o, a;
         (a = (o = r.text) == null ? void 0 : o.annotations) == null || a.forEach(function (l) {
           var c;
-          l.text && l.text.startsWith("sandbox:") && (c = l.file_path) != null && c.file_id && i.push({
+          l.text && l.text.startsWith("sandbox:") && !B.isImageFile({
+            src: l.text
+          }) && (c = l.file_path) != null && c.file_id && i.push({
             path: l.text,
             fileId: l.file_path.file_id,
             name: z.getFileName(l.text)
@@ -8360,7 +8363,7 @@ var z = /*#__PURE__*/function () {
         var r = e.data[n];
         if (r.role === "assistant") i.push(r);else break;
       }
-      return i;
+      return i.reverse();
     }
     // test this using this prompt and it should give 2 text mesages and a file:
     // "give example data for a csv and create a suitable bar chart"
@@ -8449,7 +8452,7 @@ var z = /*#__PURE__*/function () {
     }()
   }]);
 }();
-var F = /*#__PURE__*/function (_U10) {
+var F = /*#__PURE__*/function (_H10) {
   function F(e) {
     var _c$headers, _d$OpenAIBeta;
     var _this36;
@@ -8475,7 +8478,7 @@ var F = /*#__PURE__*/function (_U10) {
     (_c$headers = (c = _this36.connectSettings).headers) !== null && _c$headers !== void 0 ? _c$headers : c.headers = {}, (_d$OpenAIBeta = (d = _this36.connectSettings.headers)["OpenAI-Beta"]) !== null && _d$OpenAIBeta !== void 0 ? _d$OpenAIBeta : d["OpenAI-Beta"] = "assistants=v1", _this36.maxMessages = 1, _this36.isSSEStream = !!(_this36.stream && (_typeof(_this36.stream) != "object" || !_this36.stream.simulation)), _this36.shouldFetchHistory && _this36.sessionId && (_this36.fetchHistory = _this36.fetchHistoryFunc.bind(_this36));
     return _this36;
   }
-  _inherits(F, _U10);
+  _inherits(F, _H10);
   return _createClass(F, [{
     key: "fetchHistoryFunc",
     value: function () {
@@ -8767,7 +8770,7 @@ var F = /*#__PURE__*/function (_U10) {
     value: function () {
       var _extractPollResultData5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee91(e) {
         var _this38 = this;
-        var r, t, i, o, _o$pop, a, l, n;
+        var r, t, i, o, _o$shift, a, l, n;
         return _regeneratorRuntime().wrap(function _callee91$(_context91) {
           while (1) switch (_context91.prev = _context91.next) {
             case 0:
@@ -8788,9 +8791,9 @@ var F = /*#__PURE__*/function (_U10) {
               return this.getThreadMessages(e.thread_id);
             case 6:
               o = _context91.sent;
-              _o$pop = o.pop();
-              a = _o$pop.text;
-              l = _o$pop.files;
+              _o$shift = o.shift();
+              a = _o$shift.text;
+              l = _o$shift.files;
               return _context91.abrupt("return", (setTimeout(function () {
                 o.forEach(function (c) {
                   return _this38.deepChat.addMessage(c);
@@ -9032,10 +9035,10 @@ var F = /*#__PURE__*/function (_U10) {
       return createStreamRun;
     }()
   }]);
-}(U);
+}(H);
 F.THREAD_PREFIX = "https://api.openai.com/v1/threads", F.NEW_ASSISTANT_URL = "https://api.openai.com/v1/assistants", F.POLLING_TIMEOUT_MS = 800;
 var nn = F;
-var le = /*#__PURE__*/function (_U11) {
+var le = /*#__PURE__*/function (_H11) {
   function le(e) {
     var _this39;
     _classCallCheck(this, le);
@@ -9064,7 +9067,7 @@ var le = /*#__PURE__*/function (_U11) {
     _typeof(r) == "object" && Object.assign(_this39.rawBody, r), _this39.canSendMessage = le.canFileSendMessage;
     return _this39;
   }
-  _inherits(le, _U11);
+  _inherits(le, _H11);
   return _createClass(le, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
@@ -9184,10 +9187,10 @@ var le = /*#__PURE__*/function (_U11) {
       }), n;
     }
   }]);
-}(U);
+}(H);
 le.IMAGE_GENERATION_URL = "https://api.openai.com/v1/images/generations", le.IMAGE_VARIATIONS_URL = "https://api.openai.com/v1/images/variations", le.IMAGE_EDIT_URL = "https://api.openai.com/v1/images/edits";
 var sn = le;
-var yt = /*#__PURE__*/function (_U12) {
+var yt = /*#__PURE__*/function (_H12) {
   function yt(e) {
     var _this40$maxMessages, _l$model;
     var _this40;
@@ -9206,7 +9209,7 @@ var yt = /*#__PURE__*/function (_U12) {
     (_this40$maxMessages = _this40.maxMessages) !== null && _this40$maxMessages !== void 0 ? _this40$maxMessages : _this40.maxMessages = -1, (_l$model = (l = _this40.rawBody).model) !== null && _l$model !== void 0 ? _l$model : l.model = "gpt-3.5-turbo";
     return _this40;
   }
-  _inherits(yt, _U12);
+  _inherits(yt, _H12);
   return _createClass(yt, [{
     key: "cleanConfig",
     value: function cleanConfig(e) {
@@ -9460,7 +9463,7 @@ var yt = /*#__PURE__*/function (_U12) {
       return e.text;
     }
   }]);
-}(U);
+}(H);
 var ko = /*#__PURE__*/function (_un3) {
   function ko(e) {
     var _this42$maxMessages;
@@ -9575,7 +9578,7 @@ var li = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Ao = /*#__PURE__*/function (_U13) {
+var Ao = /*#__PURE__*/function (_H13) {
   function Ao(e) {
     var _this43$maxMessages, _n$model;
     var _this43;
@@ -9585,7 +9588,7 @@ var Ao = /*#__PURE__*/function (_U13) {
     _this43 = _callSuper(this, Ao, [e, li.buildKeyVerificationDetails(), li.buildHeaders, i]), _this43.insertKeyPlaceholderText = "Mistral API Key", _this43.keyHelpUrl = "https://console.mistral.ai/api-keys/", _this43.url = "https://api.mistral.ai/v1/chat/completions", _this43.permittedErrorPrefixes = ["invalid"], i && (_this43.cleanConfig(i), Object.assign(_this43.rawBody, i)), (_this43$maxMessages = _this43.maxMessages) !== null && _this43$maxMessages !== void 0 ? _this43$maxMessages : _this43.maxMessages = -1, (_n$model = (n = _this43.rawBody).model) !== null && _n$model !== void 0 ? _n$model : n.model = "open-mistral-7b";
     return _this43;
   }
-  _inherits(Ao, _U13);
+  _inherits(Ao, _H13);
   return _createClass(Ao, [{
     key: "cleanConfig",
     value: function cleanConfig(e) {
@@ -9661,7 +9664,7 @@ var Ao = /*#__PURE__*/function (_U13) {
       return extractResultData;
     }()
   }]);
-}(U);
+}(H);
 var Mo = /*#__PURE__*/function () {
   function Mo() {
     _classCallCheck(this, Mo);
@@ -9811,7 +9814,7 @@ var Ce = /*#__PURE__*/function () {
     key: "createImage",
     value: function createImage(e, t) {
       var i = new Image();
-      return i.src = e.src, q.scrollDownOnImageLoad(i.src, t), q.processContent("image", i, i.src, e.name);
+      return i.src = e.src, B.scrollDownOnImageLoad(i.src, t), B.processContent("image", i, i.src, e.name);
     }
     // WORK - image still does not scroll down when loaded
   }, {
@@ -9823,7 +9826,7 @@ var Ce = /*#__PURE__*/function () {
           while (1) switch (_context106.prev = _context106.next) {
             case 0:
               n = Ce.createImage(t, e.elementRef), r = e.createNewMessageElement("", i);
-              r.bubbleElement.appendChild(n), r.bubbleElement.classList.add("image-message"), q.addMessage(e, r, "image", i);
+              r.bubbleElement.appendChild(n), r.bubbleElement.classList.add("image-message"), B.addMessage(e, r, "image", i);
             case 2:
             case "end":
               return _context106.stop();
@@ -9846,7 +9849,7 @@ var Ce = /*#__PURE__*/function () {
     value: function addNewAudioMessage(e, t, i) {
       var n = Ce.createAudioElement(t, i),
         r = e.createNewMessageElement("", i);
-      r.bubbleElement.appendChild(n), r.bubbleElement.classList.add("audio-message"), q.addMessage(e, r, "audio", i);
+      r.bubbleElement.appendChild(n), r.bubbleElement.classList.add("audio-message"), B.addMessage(e, r, "audio", i);
     }
   }, {
     key: "createAnyFile",
@@ -9858,21 +9861,21 @@ var Ce = /*#__PURE__*/function () {
       var n = Z.createSVGElement(Io);
       n.classList.add("any-file-message-icon"), i.appendChild(n);
       var r = document.createElement("div");
-      return r.classList.add("any-file-message-text"), r.textContent = e.name || q.DEFAULT_FILE_NAME, t.appendChild(i), t.appendChild(r), q.processContent("any", t, e.src, r.textContent);
+      return r.classList.add("any-file-message-text"), r.textContent = e.name || B.DEFAULT_FILE_NAME, t.appendChild(i), t.appendChild(r), B.processContent("any", t, e.src, r.textContent);
     }
   }, {
     key: "addNewAnyFileMessage",
     value: function addNewAnyFileMessage(e, t, i) {
       var n = e.createNewMessageElement("", i),
         r = Ce.createAnyFile(t);
-      n.bubbleElement.classList.add("any-file-message-bubble"), n.bubbleElement.appendChild(r), q.addMessage(e, n, "file", i);
+      n.bubbleElement.classList.add("any-file-message-bubble"), n.bubbleElement.appendChild(r), B.addMessage(e, n, "file", i);
     }
     // no overwrite previous message logic as it is complex to track which files are to be overwritten
   }, {
     key: "addMessages",
     value: function addMessages(e, t, i) {
       t.forEach(function (n) {
-        n.ref && (n = q.removeFileRef(n)), q.isAudioFile(n) ? Ce.addNewAudioMessage(e, n, i) : q.isImageFile(n) ? Ce.addNewImageMessage(e, n, i) : Ce.addNewAnyFileMessage(e, n, i);
+        n.ref && (n = B.removeFileRef(n)), B.isAudioFile(n) ? Ce.addNewAudioMessage(e, n, i) : B.isImageFile(n) ? Ce.addNewImageMessage(e, n, i) : Ce.addNewAnyFileMessage(e, n, i);
       });
     }
   }]);
@@ -9888,7 +9891,7 @@ var ke = /*#__PURE__*/function (_ot) {
       o = t.demo;
     _this44._errorMessageOverrides = (a = e.errorMessages) == null ? void 0 : a.overrides, _this44._onClearMessages = Qt.onClearMessages.bind(_this44, e), _this44._onError = Qt.onError.bind(_this44, e), _this44._displayLoadingMessage = ke.getDisplayLoadingMessage(e, t), _this44._permittedErrorPrefixes = n, _this44.addSetupMessageIfNeeded(e, t) || _this44.populateIntroPanel(i, r, e.introPanelStyle), _this44.addIntroductoryMessage(e, t), _this44.populateHistory(e), _this44._displayServiceErrorMessages = (l = e.errorMessages) == null ? void 0 : l.displayServiceErrorMessages, e.getMessages = function () {
       return JSON.parse(JSON.stringify(_this44.messages));
-    }, e.clearMessages = _this44.clearMessages.bind(_this44, t), e.refreshMessages = _this44.refreshTextMessages.bind(_this44), e.scrollToBottom = j.scrollToBottom.bind(_this44, _this44.elementRef), e.addMessage = function (c, d) {
+    }, e.clearMessages = _this44.clearMessages.bind(_this44, t), e.refreshMessages = _this44.refreshTextMessages.bind(_this44), e.scrollToBottom = U.scrollToBottom.bind(_this44, _this44.elementRef), e.addMessage = function (c, d) {
       _this44.addAnyMessage(_objectSpread(_objectSpread({}, c), {}, {
         sendUpdate: !!d
       }), !d);
@@ -9940,7 +9943,7 @@ var ke = /*#__PURE__*/function (_ot) {
       t && (t.forEach(function (i) {
         he.processHistoryFile(i), _this45.addNewMessage(i, !0);
       }), setTimeout(function () {
-        return j.scrollToBottom(_this45.elementRef);
+        return U.scrollToBottom(_this45.elementRef);
       }, 0));
     }
   }, {
@@ -9958,7 +9961,7 @@ var ke = /*#__PURE__*/function (_ot) {
                 return _this46.addAnyMessage(i, !0);
               });
               setTimeout(function () {
-                return j.scrollToBottom(_this46.elementRef);
+                return U.scrollToBottom(_this46.elementRef);
               }, 0);
             case 4:
             case "end":
@@ -10024,8 +10027,8 @@ var ke = /*#__PURE__*/function (_ot) {
       r.classList.add("error-message-text");
       var o = this.getPermittedMessage(t) || ((l = this._errorMessageOverrides) == null ? void 0 : l[e]) || ((c = this._errorMessageOverrides) == null ? void 0 : c["default"]) || "Error, please try again.";
       this.renderText(r, o);
-      var a = B.extractParticularSharedStyles(["fontSize", "fontFamily"], (d = this.messageStyles) == null ? void 0 : d["default"]);
-      B.applyCustomStylesToElements(i, !1, a), B.applyCustomStylesToElements(i, !1, (h = this.messageStyles) == null ? void 0 : h.error), this.elementRef.appendChild(n), j.scrollToBottom(this.elementRef), this.textToSpeech && rt.speak(o, this.textToSpeech), (u = this._onError) == null || u.call(this, o);
+      var a = j.extractParticularSharedStyles(["fontSize", "fontFamily"], (d = this.messageStyles) == null ? void 0 : d["default"]);
+      j.applyCustomStylesToElements(i, !1, a), j.applyCustomStylesToElements(i, !1, (h = this.messageStyles) == null ? void 0 : h.error), this.elementRef.appendChild(n), U.scrollToBottom(this.elementRef), this.textToSpeech && rt.speak(o, this.textToSpeech), (u = this._onError) == null || u.call(this, o);
     }
   }, {
     key: "getPermittedMessage",
@@ -10056,7 +10059,7 @@ var ke = /*#__PURE__*/function (_ot) {
         i = e.bubbleElement;
       i.classList.add("loading-message-text");
       var n = document.createElement("div");
-      n.classList.add("dots-flashing"), i.appendChild(n), this.applyCustomStyles(e, b.AI_ROLE, !1, (r = this.messageStyles) == null ? void 0 : r.loading), pn.set(i, this.messageStyles), this.elementRef.appendChild(t), j.scrollToBottom(this.elementRef);
+      n.classList.add("dots-flashing"), i.appendChild(n), this.applyCustomStyles(e, b.AI_ROLE, !1, (r = this.messageStyles) == null ? void 0 : r.loading), pn.set(i, this.messageStyles), this.elementRef.appendChild(t), U.scrollToBottom(this.elementRef);
     }
   }, {
     key: "populateIntroPanel",
@@ -10073,7 +10076,7 @@ var ke = /*#__PURE__*/function (_ot) {
               return _context108.abrupt("return", Promise.all((e || []).map(function (t) {
                 return new Promise(function (i) {
                   if (!t.type || t.type === "any") {
-                    var n = t.file.name || q.DEFAULT_FILE_NAME;
+                    var n = t.file.name || B.DEFAULT_FILE_NAME;
                     i({
                       name: n,
                       type: "any",
@@ -10517,11 +10520,11 @@ var at = /*#__PURE__*/function (_Bt) {
     }
   }]);
 }(Bt);
-var H = /*#__PURE__*/function () {
-  function H() {
-    _classCallCheck(this, H);
+var q = /*#__PURE__*/function () {
+  function q() {
+    _classCallCheck(this, q);
   }
-  return _createClass(H, null, [{
+  return _createClass(q, null, [{
     key: "addToDropup",
     value:
     // prettier-ignore
@@ -10570,25 +10573,25 @@ var H = /*#__PURE__*/function () {
   }, {
     key: "generatePositions",
     value: function generatePositions(e) {
-      var t = H.createPositionsObj();
+      var t = q.createPositionsObj();
       Object.keys(e).forEach(function (n) {
         var o;
         var r = (o = e[n]) == null ? void 0 : o.button.position;
-        r && H.setPosition(e, n, t[r]);
-      }), t["inside-right"].length === 0 && e.submit && H.setPosition(e, "submit", t["inside-right"]), t["outside-right"].length === 0 && (e.submit ? H.setPosition(e, "submit", t["outside-right"]) : e.microphone ? H.setPosition(e, "microphone", t["outside-right"]) : e.camera && H.setPosition(e, "camera", t["outside-right"])), e.submit && H.setPosition(e, "submit", t["outside-left"].length === 0 ? t["outside-left"] : t["inside-right"]), e.microphone && H.setPosition(e, "microphone", t["outside-left"].length === 0 ? t["outside-left"] : t["inside-right"]);
+        r && q.setPosition(e, n, t[r]);
+      }), t["inside-right"].length === 0 && e.submit && q.setPosition(e, "submit", t["inside-right"]), t["outside-right"].length === 0 && (e.submit ? q.setPosition(e, "submit", t["outside-right"]) : e.microphone ? q.setPosition(e, "microphone", t["outside-right"]) : e.camera && q.setPosition(e, "camera", t["outside-right"])), e.submit && q.setPosition(e, "submit", t["outside-left"].length === 0 ? t["outside-left"] : t["inside-right"]), e.microphone && q.setPosition(e, "microphone", t["outside-left"].length === 0 ? t["outside-left"] : t["inside-right"]);
       var i = Object.keys(e);
       return i.length > 1 || t["dropup-menu"].length > 0 ? Nn.forEach(function (n) {
         e[n] && t["dropup-menu"].push(_objectSpread(_objectSpread({}, e[n]), {}, {
           buttonType: n
         }));
-      }) : i.length === 1 && H.setPosition(e, i[0], t["outside-right"].length === 0 ? t["outside-right"] : t["outside-left"]), t;
+      }) : i.length === 1 && q.setPosition(e, i[0], t["outside-right"].length === 0 ? t["outside-right"] : t["outside-left"]), t;
     }
     // prettier-ignore
   }, {
     key: "addButtons",
     value: function addButtons(e, t, i, n) {
-      var r = H.generatePositions(t);
-      return H.addToSideContainer(e, r), r["dropup-menu"].length > 0 && H.addToDropup(e, r, i, n), r;
+      var r = q.generatePositions(t);
+      return q.addToSideContainer(e, r), r["dropup-menu"].length > 0 && q.addToDropup(e, r, i, n), r;
     }
   }]);
 }();
@@ -12231,7 +12234,7 @@ var sa = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
     }, {
       key: "addAudioElements",
       value: function addAudioElements(e, t) {
-        var i = e.parentElement ? j.cloneElement(e) : e,
+        var i = e.parentElement ? U.cloneElement(e) : e,
           n = document.createElement("audio");
         n.src = t;
         var r = Z.createSVGElement(sa);
@@ -13286,6 +13289,7 @@ var mi = /*#__PURE__*/function (_Bt5) {
     i && _this77.addClickEvent(e, t, i.modalContainerStyle, i.files), _this77.elementRef.classList.add("upload-file-button"), _this77.elementRef.appendChild(n.styles), _this77.reapplyStateStyle("styles");
     return _this77;
   }
+  // need to know if the button is going to be stored inside a menu
   _inherits(mi, _Bt5);
   return _createClass(mi, [{
     key: "createInnerElements",
@@ -13388,9 +13392,9 @@ var _t = /*#__PURE__*/function () {
   }, {
     key: "addElements",
     value: function addElements(e, t, i, n, r, o) {
-      j.addElements(e, t.elementRef);
+      U.addElements(e, t.elementRef);
       var a = ht.create(),
-        l = H.addButtons(a, i, n, o);
+        l = q.addButtons(a, i, n, o);
       on.set(t.inputElementRef, a, r.elementRef, l), ht.add(e, a);
     }
   }]);
@@ -13407,7 +13411,7 @@ var vn = /*#__PURE__*/function () {
       var r = new ke(e, t, i);
       t.websocket && V.createConnection(t, r);
       var o = new _t(e, r, t, n);
-      return j.addElements(n, r.elementRef, o.elementRef), n;
+      return U.addElements(n, r.elementRef, o.elementRef), n;
     }
   }, {
     key: "render",
@@ -13454,7 +13458,7 @@ var y = /*#__PURE__*/function (_Xi) {
     key: "onRender",
     value: function onRender() {
       var _this$_childElement;
-      Xt.attemptAppendStyleSheetToHead(this.style), he.processConnect(this), (!this._activeService || this._activeService.demo) && (this._activeService = Mo.create(this)), this.auxiliaryStyle && !this._auxiliaryStyleApplied && (bt.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0), bt.applyDefaultStyleToComponent(this.style, this.chatStyle), he.checkForContainerStyles(this, this._elementRef), this._activeService.key && this._activeService.validateKeyProperty ? Jt.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : !(this._activeService instanceof U) || this._activeService.key ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], vn.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof U && D.render(this._elementRef, this.changeToChatView.bind(this), this._activeService), this._hasBeenRendered = !0, Qt.onRender(this);
+      Xt.attemptAppendStyleSheetToHead(this.style), he.processConnect(this), (!this._activeService || this._activeService.demo) && (this._activeService = Mo.create(this)), this.auxiliaryStyle && !this._auxiliaryStyleApplied && (bt.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0), bt.applyDefaultStyleToComponent(this.style, this.chatStyle), he.checkForContainerStyles(this, this._elementRef), this._activeService.key && this._activeService.validateKeyProperty ? Jt.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : !(this._activeService instanceof H) || this._activeService.key ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], vn.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof H && D.render(this._elementRef, this.changeToChatView.bind(this), this._activeService), this._hasBeenRendered = !0, Qt.onRender(this);
     }
   }, {
     key: "disconnectedCallback",