deep-chat-dev 9.0.149 → 9.0.151

package/dist/deepChat.js

@@ -455,7 +455,7 @@ var xn = "Make sure the events are using {text: string} or {html: string} format
     return mi;
   }();
 mi.CODE_SNIPPET_GENERATION_JUMP = 0.5;
-var j = mi;
+var B = mi;
 var gi = /*#__PURE__*/function () {
   function gi() {
     _classCallCheck(this, gi);
@@ -3032,16 +3032,16 @@ var F = /*#__PURE__*/function () {
       n && (F.applyCustomStylesToElements(e, i, n.shared), t === b.USER_ROLE ? F.applyCustomStylesToElements(e, i, n.user) : (F.applyCustomStylesToElements(e, i, n.ai), F.applyCustomStylesToElements(e, i, n[t])));
     }
   }, {
-    key: "isMessageSideStyles",
-    value: function isMessageSideStyles(e) {
-      return !!(e.ai || e.shared || e.user);
+    key: "isElementsStyles",
+    value: function isElementsStyles(e) {
+      return !!(e.outerContainer || e.innerContainer || e.bubble || e.media);
     }
     // prettier-ignore
   }, {
     key: "applyCustomStyles",
     value: function applyCustomStyles(e, t, i, n, r) {
       var o;
-      r && e["default"] !== r ? F.isMessageSideStyles(r) ? (F.applySideStyles(t, i, n, e["default"]), F.applySideStyles(t, i, n, r)) : (F.applyCustomStylesToElements(t, n, (o = e["default"]) == null ? void 0 : o.shared), F.applyCustomStylesToElements(t, n, r)) : F.applySideStyles(t, i, n, e["default"]);
+      r && e["default"] !== r ? F.isElementsStyles(r) ? (F.applyCustomStylesToElements(t, n, (o = e["default"]) == null ? void 0 : o.shared), F.applyCustomStylesToElements(t, n, r)) : (F.applySideStyles(t, i, n, e["default"]), F.applySideStyles(t, i, n, r)) : F.applySideStyles(t, i, n, e["default"]);
     }
     // prettier-ignore
   }, {
@@ -3099,7 +3099,7 @@ var rt = /*#__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 B.scrollToBottom(_this4.elementRef);
       }), i;
     }
   }, {
@@ -3220,13 +3220,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 = B.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 && B.scrollToBottom(this._messages.elementRef);
     }
   }, {
     key: "setInitialState",
@@ -5428,7 +5428,7 @@ var Pn = {
         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 && B.scrollToTop((n = _this13._messages) == null ? void 0 : n.elementRef);
         }, e);
       }
       // prettier-ignore
@@ -5560,7 +5560,7 @@ var Pn = {
                     sendUpdate: !1
                   }), i && (setTimeout(function () {
                     var p;
-                    return j.scrollToBottom((p = _this14._messages) == null ? void 0 : p.elementRef);
+                    return B.scrollToBottom((p = _this14._messages) == null ? void 0 : p.elementRef);
                   }), i = !1);
                 };
                 w.chat.setInitProgressCallback(n);
@@ -9703,7 +9703,7 @@ var ke = /*#__PURE__*/function (_rt) {
       o = t.demo;
     _this44._errorMessageOverrides = (a = e.errorMessages) == null ? void 0 : a.overrides, _this44._onClearMessages = Yt.onClearMessages.bind(_assertThisInitialized(_this44), e), _this44._onError = Yt.onError.bind(_assertThisInitialized(_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(_assertThisInitialized(_this44), t), e.refreshMessages = _this44.refreshTextMessages.bind(_assertThisInitialized(_this44)), e.scrollToBottom = j.scrollToBottom.bind(_assertThisInitialized(_this44), _this44.elementRef), e.addMessage = function (c, d) {
+    }, e.clearMessages = _this44.clearMessages.bind(_assertThisInitialized(_this44), t), e.refreshMessages = _this44.refreshTextMessages.bind(_assertThisInitialized(_this44)), e.scrollToBottom = B.scrollToBottom.bind(_assertThisInitialized(_this44), _this44.elementRef), e.addMessage = function (c, d) {
       _this44.addAnyMessage(_objectSpread(_objectSpread({}, c), {}, {
         sendUpdate: !!d
       }), !d);
@@ -9754,7 +9754,7 @@ var ke = /*#__PURE__*/function (_rt) {
       t && (t.forEach(function (i) {
         ue.processHistoryFile(i), _this45.addNewMessage(i, !0);
       }), setTimeout(function () {
-        return j.scrollToBottom(_this45.elementRef);
+        return B.scrollToBottom(_this45.elementRef);
       }, 0));
     }
   }, {
@@ -9772,7 +9772,7 @@ var ke = /*#__PURE__*/function (_rt) {
                 return _this46.addAnyMessage(i, !0);
               });
               setTimeout(function () {
-                return j.scrollToBottom(_this46.elementRef);
+                return B.scrollToBottom(_this46.elementRef);
               }, 0);
             case 4:
             case "end":
@@ -9839,7 +9839,7 @@ var ke = /*#__PURE__*/function (_rt) {
       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 = F.extractParticularSharedStyles(["fontSize", "fontFamily"], (d = this.messageStyles) == null ? void 0 : d["default"]);
-      F.applyCustomStylesToElements(i, !1, a), F.applyCustomStylesToElements(i, !1, (h = this.messageStyles) == null ? void 0 : h.error), this.elementRef.appendChild(n), j.scrollToBottom(this.elementRef), this.textToSpeech && st.speak(o, this.textToSpeech), (u = this._onError) == null || u.call(this, o);
+      F.applyCustomStylesToElements(i, !1, a), F.applyCustomStylesToElements(i, !1, (h = this.messageStyles) == null ? void 0 : h.error), this.elementRef.appendChild(n), B.scrollToBottom(this.elementRef), this.textToSpeech && st.speak(o, this.textToSpeech), (u = this._onError) == null || u.call(this, o);
     }
   }, {
     key: "getPermittedMessage",
@@ -9870,7 +9870,7 @@ var ke = /*#__PURE__*/function (_rt) {
         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), fn.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), fn.set(i, this.messageStyles), this.elementRef.appendChild(t), B.scrollToBottom(this.elementRef);
     }
   }, {
     key: "populateIntroPanel",
@@ -10017,11 +10017,11 @@ var dt = /*#__PURE__*/function () {
   return dt;
 }();
 var On = ["camera", "gifs", "images", "audio", "mixedFiles", "submit", "microphone"];
-var B = /*#__PURE__*/function () {
-  function B() {
-    _classCallCheck(this, B);
+var j = /*#__PURE__*/function () {
+  function j() {
+    _classCallCheck(this, j);
   }
-  _createClass(B, null, [{
+  _createClass(j, null, [{
     key: "createTextElement",
     value: function createTextElement(e) {
       var t = document.createElement("div");
@@ -10030,15 +10030,15 @@ var B = /*#__PURE__*/function () {
   }, {
     key: "createElement",
     value: function createElement(e, t) {
-      return t ? B.createTextElement(e) : J.createSVGElement(e);
+      return t ? j.createTextElement(e) : J.createSVGElement(e);
     }
   }, {
     key: "createCustomElement",
     value: function createCustomElement(e, t) {
       var n, r, o, a;
       var i = t == null ? void 0 : t[e];
-      if ((n = i == null ? void 0 : i.text) != null && n.content) return B.createElement((r = i == null ? void 0 : i.text) == null ? void 0 : r.content, !0);
-      if ((o = i == null ? void 0 : i.svg) != null && o.content) return B.createElement((a = i == null ? void 0 : i.svg) == null ? void 0 : a.content, !1);
+      if ((n = i == null ? void 0 : i.text) != null && n.content) return j.createElement((r = i == null ? void 0 : i.text) == null ? void 0 : r.content, !0);
+      if ((o = i == null ? void 0 : i.svg) != null && o.content) return j.createElement((a = i == null ? void 0 : i.svg) == null ? void 0 : a.content, !1);
     }
   }, {
     key: "processElement",
@@ -10051,24 +10051,10 @@ var B = /*#__PURE__*/function () {
     key: "createSpecificStateElement",
     value: function createSpecificStateElement(e, t, i) {
       var n;
-      return i && (n = B.createCustomElement(t, i)), B.processElement(e, n), n;
-    }
-    // used for creating elements that change state in a sequence
-    // prettier-ignore
-  }, {
-    key: "create",
-    value: function create(e, t, i) {
-      var n = {};
-      if (!i) return B.processElement(e), n;
-      var r = B.createSpecificStateElement(e, t[0], i);
-      n[t[0]] = r;
-      var o = r;
-      return t.slice(1).forEach(function (a) {
-        o = B.createCustomElement(a, i) || o, n[a] = o;
-      }), n;
+      return i && (n = j.createCustomElement(t, i)), j.processElement(e, n), n;
     }
   }]);
-  return B;
+  return j;
 }();
 var Io = "<?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=\"M16 0c-8.836 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 30.032c-7.72 0-14-6.312-14-14.032s6.28-14 14-14 14 6.28 14 14-6.28 14.032-14 14.032zM23 15h-6v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1v6h-6c-0.552 0-1 0.448-1 1s0.448 1 1 1h6v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6h6c0.552 0 1-0.448 1-1s-0.448-1-1-1z\"></path>\n</svg>";
 var he = /*#__PURE__*/function () {
@@ -10309,7 +10295,7 @@ var ot = /*#__PURE__*/function (_Dt) {
   }, {
     key: "createInnerElement",
     value: function createInnerElement(e, t, i) {
-      return B.createSpecificStateElement(this.elementRef, t, i) || e;
+      return j.createSpecificStateElement(this.elementRef, t, i) || e;
     }
   }, {
     key: "addClickEvent",
@@ -10481,7 +10467,7 @@ var Rt = /*#__PURE__*/function (_Dt2) {
   }, {
     key: "createInnerElement",
     value: function createInnerElement(e, t, i) {
-      return B.createSpecificStateElement(this.elementRef, t, i) || e;
+      return j.createSpecificStateElement(this.elementRef, t, i) || e;
     }
   }, {
     key: "changeToActive",
@@ -12094,7 +12080,7 @@ var na = "<?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 ? B.cloneElement(e) : e,
           n = document.createElement("audio");
         n.src = t;
         var r = J.createSVGElement(na);
@@ -12387,7 +12373,7 @@ var yt = /*#__PURE__*/function (_Dt3) {
   }, {
     key: "createInnerElement",
     value: function createInnerElement(e, t, i) {
-      return B.createSpecificStateElement(this.elementRef, t, i) || e;
+      return j.createSpecificStateElement(this.elementRef, t, i) || e;
     }
   }, {
     key: "addClickEvent",
@@ -12742,26 +12728,40 @@ var k = /*#__PURE__*/function (_Dt4) {
     });
     return _this69;
   }
-  // prettier-ignore
   _createClass(k, [{
     key: "createInnerElements",
     value: function createInnerElements() {
-      var _B$create = B.create(this.elementRef, ["submit", "loading", "stop"], this._customStyles),
-        e = _B$create.submit,
-        t = _B$create.loading,
-        i = _B$create.stop,
-        n = e || k.createSubmitIconElement();
+      var _this$createCustomEle = this.createCustomElements(),
+        e = _this$createCustomEle.submit,
+        t = _this$createCustomEle.loading,
+        i = _this$createCustomEle.stop,
+        n = e || k.createSubmitIconElement(this.elementRef, this._customStyles);
       return {
         submit: n,
-        loading: t || k.createLoadingIconElement(),
-        stop: i || k.createStopIconElement(),
+        loading: t || k.createLoadingIconElement(this.elementRef, this._customStyles),
+        stop: i || k.createStopIconElement(this.elementRef, this._customStyles),
         disabled: this.createDisabledIconElement(n)
       };
     }
+  }, {
+    key: "createCustomElements",
+    value: function createCustomElements() {
+      var _this70 = this;
+      var e = {
+        submit: void 0,
+        loading: void 0,
+        stop: void 0
+      };
+      return Object.keys(e).forEach(function (t) {
+        var i = t,
+          n = j.createSpecificStateElement(_this70.elementRef, i, _this70._customStyles);
+        n && (e[i] = n);
+      }), e;
+    }
   }, {
     key: "createDisabledIconElement",
     value: function createDisabledIconElement(e) {
-      return B.createCustomElement("disabled", this._customStyles) || e.cloneNode(!0);
+      return j.createCustomElement("disabled", this._customStyles) || e.cloneNode(!0);
     }
     // prettier-ignore
   }, {
@@ -12790,7 +12790,7 @@ var k = /*#__PURE__*/function (_Dt4) {
   }, {
     key: "setUpSpeechToText",
     value: function setUpSpeechToText(e, t) {
-      this._microphoneButton = e.elementRef, this._stopSTTAfterSubmit = _typeof(t) == "object" ? t.stopAfterSubmit : !1;
+      this._microphoneButton = e, this._stopSTTAfterSubmit = _typeof(t) == "object" ? t.stopAfterSubmit : !1;
     }
   }, {
     key: "resetSubmit",
@@ -12834,7 +12834,7 @@ var k = /*#__PURE__*/function (_Dt4) {
     key: "programmaticSubmit",
     value: function () {
       var _programmaticSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee112(e) {
-        var _this70 = this;
+        var _this71 = this;
         var t;
         return _regeneratorRuntime().wrap(function _callee112$(_context112) {
           while (1) switch (_context112.prev = _context112.next) {
@@ -12849,7 +12849,7 @@ var k = /*#__PURE__*/function (_Dt4) {
                   type: _e.getTypeFromBlob(i)
                 };
               })), setTimeout(function () {
-                return _this70.attemptSubmit(t, !0);
+                return _this71.attemptSubmit(t, !0);
               });
             case 3:
             case "end":
@@ -12971,9 +12971,10 @@ var k = /*#__PURE__*/function (_Dt4) {
   }, {
     key: "changeToSubmitIcon",
     value: function changeToSubmitIcon() {
-      var _this71 = this;
+      var _this72 = 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), ze.resetSubmit(this, this.status.loadingActive), this.elementRef.onclick = function () {
-        _this71.submitFromInput(), _this71._microphoneButton && Lt.toggleSpeechAfterSubmit(_this71._microphoneButton, !!_this71._stopSTTAfterSubmit);
+        var e;
+        _this72.submitFromInput(), (e = _this72._microphoneButton) != null && e.isActive && Lt.toggleSpeechAfterSubmit(_this72._microphoneButton.elementRef, !!_this72._stopSTTAfterSubmit);
       });
     }
     // called every time when user triggers an input via ValidationHandler - hence use class to check if not already present
@@ -12997,21 +12998,27 @@ var k = /*#__PURE__*/function (_Dt4) {
     }
   }, {
     key: "createSubmitIconElement",
-    value: function createSubmitIconElement() {
-      var e = J.createSVGElement(oa);
-      return e.id = "submit-icon", e;
+    value: function createSubmitIconElement(e, t) {
+      var i = j.createSpecificStateElement(e, "submit", t);
+      if (i) return i;
+      var n = J.createSVGElement(oa);
+      return n.id = "submit-icon", n;
     }
   }, {
     key: "createLoadingIconElement",
-    value: function createLoadingIconElement() {
-      var e = document.createElement("div");
-      return e.classList.add("dots-jumping"), e;
+    value: function createLoadingIconElement(e, t) {
+      var i = j.createSpecificStateElement(e, "loading", t);
+      if (i) return i;
+      var n = document.createElement("div");
+      return n.classList.add("dots-jumping"), n;
     }
   }, {
     key: "createStopIconElement",
-    value: function createStopIconElement() {
-      var e = document.createElement("div");
-      return e.id = "stop-icon", e;
+    value: function createStopIconElement(e, t) {
+      var i = j.createSpecificStateElement(e, "stop", t);
+      if (i) return i;
+      var n = document.createElement("div");
+      return n.id = "stop-icon", n;
     }
   }]);
   return k;
@@ -13026,14 +13033,14 @@ var gn = /*#__PURE__*/function (_qe) {
   _inherits(gn, _qe);
   // prettier-ignore
   function gn(e, t, i, n) {
-    var _this72;
+    var _this73;
     _classCallCheck(this, gn);
-    _this72 = _callSuper(this, gn, [e, ["modal-content", "modal-camera-content"], i]), _this72._stopped = !1, _this72._format = "image/png", _this72._canvas = document.createElement("canvas"), _this72._canvas.classList.add("camera-modal-canvas");
-    var _this72$addButtonsAnd = _this72.addButtonsAndTheirEvents(t),
-      r = _this72$addButtonsAnd.captureButton,
-      o = _this72$addButtonsAnd.submitButton;
-    _this72._captureButton = r, _this72._submitButton = o, _this72._captureIcon = _this72._captureButton.children[0], _this72._refreshIcon = J.createSVGElement(aa), _this72._refreshIcon.classList.add("modal-svg-button-icon", "modal-svg-refresh-icon"), (n == null ? void 0 : n.format) === "jpeg" && (_this72._format = "image/jpeg"), n != null && n.dimensions && (_this72._dimensions = n.dimensions), _this72._contentRef.appendChild(_this72._canvas), _this72.extensionCloseCallback = _this72.stop;
-    return _this72;
+    _this73 = _callSuper(this, gn, [e, ["modal-content", "modal-camera-content"], i]), _this73._stopped = !1, _this73._format = "image/png", _this73._canvas = document.createElement("canvas"), _this73._canvas.classList.add("camera-modal-canvas");
+    var _this73$addButtonsAnd = _this73.addButtonsAndTheirEvents(t),
+      r = _this73$addButtonsAnd.captureButton,
+      o = _this73$addButtonsAnd.submitButton;
+    _this73._captureButton = r, _this73._submitButton = o, _this73._captureIcon = _this73._captureButton.children[0], _this73._refreshIcon = J.createSVGElement(aa), _this73._refreshIcon.classList.add("modal-svg-button-icon", "modal-svg-refresh-icon"), (n == null ? void 0 : n.format) === "jpeg" && (_this73._format = "image/jpeg"), n != null && n.dimensions && (_this73._dimensions = n.dimensions), _this73._contentRef.appendChild(_this73._canvas), _this73.extensionCloseCallback = _this73.stop;
+    return _this73;
   }
   _createClass(gn, [{
     key: "addButtonsAndTheirEvents",
@@ -13052,38 +13059,38 @@ var gn = /*#__PURE__*/function (_qe) {
   }, {
     key: "addButtonEvents",
     value: function addButtonEvents(e, t, i, n) {
-      var _this73 = this;
+      var _this74 = this;
       e.onclick = function () {
-        _this73.capture();
+        _this74.capture();
       }, t.addEventListener("click", this.stop.bind(this)), i.onclick = function () {
-        var r = _this73.getFile();
-        r && Ht.addFilesToType([r], [n]), _this73.stop(), _this73.close();
+        var r = _this74.getFile();
+        r && Ht.addFilesToType([r], [n]), _this74.stop(), _this74.close();
       };
     }
   }, {
     key: "stop",
     value: function stop() {
-      var _this74 = this;
+      var _this75 = this;
       this._mediaStream && this._mediaStream.getTracks().forEach(function (e) {
         return e.stop();
       }), this._stopped = !0, setTimeout(function () {
-        _this74._captureButton.replaceChildren(_this74._captureIcon), _this74._captureButton.classList.replace("modal-svg-refresh-button", "modal-svg-camera-button");
-        var e = _this74._canvas.getContext("2d");
-        e == null || e.clearRect(0, 0, _this74._canvas.width, _this74._canvas.height);
+        _this75._captureButton.replaceChildren(_this75._captureIcon), _this75._captureButton.classList.replace("modal-svg-refresh-button", "modal-svg-camera-button");
+        var e = _this75._canvas.getContext("2d");
+        e == null || e.clearRect(0, 0, _this75._canvas.width, _this75._canvas.height);
       }, qe.MODAL_CLOSE_TIMEOUT_MS);
     }
   }, {
     key: "start",
     value: function start() {
-      var _this75 = this;
+      var _this76 = this;
       this._dataURL = void 0, this._submitButton.classList.add("modal-svg-submit-disabled"), this._stopped = !1, navigator.mediaDevices.getUserMedia({
         video: this._dimensions || !0
       }).then(function (e) {
-        if (_this75._mediaStream = e, !_this75.isOpen()) return _this75.stop();
+        if (_this76._mediaStream = e, !_this76.isOpen()) return _this76.stop();
         var t = document.createElement("video");
-        t.srcObject = e, t.play(), requestAnimationFrame(_this75.updateCanvas.bind(_this75, t, _this75._canvas));
+        t.srcObject = e, t.play(), requestAnimationFrame(_this76.updateCanvas.bind(_this76, t, _this76._canvas));
       })["catch"](function (e) {
-        console.error(e), _this75.stop(), _this75.close();
+        console.error(e), _this76.stop(), _this76.close();
       });
     }
   }, {
@@ -13140,13 +13147,13 @@ var ha = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
 var pi = /*#__PURE__*/function (_Dt5) {
   _inherits(pi, _Dt5);
   function pi(e, t, i) {
-    var _this76;
+    var _this77;
     _classCallCheck(this, pi);
     var r;
-    _this76 = _callSuper(this, pi, [pi.createButtonElement(), (r = i == null ? void 0 : i.button) == null ? void 0 : r.position, (i == null ? void 0 : i.button) || {}, "Photo"]);
-    var n = _this76.createInnerElements(_this76._customStyles);
-    i && _this76.addClickEvent(e, t, i.modalContainerStyle, i.files), _this76.elementRef.classList.add("upload-file-button"), _this76.elementRef.appendChild(n.styles), _this76.reapplyStateStyle("styles");
-    return _this76;
+    _this77 = _callSuper(this, pi, [pi.createButtonElement(), (r = i == null ? void 0 : i.button) == null ? void 0 : r.position, (i == null ? void 0 : i.button) || {}, "Photo"]);
+    var n = _this77.createInnerElements(_this77._customStyles);
+    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;
   }
   _createClass(pi, [{
     key: "createInnerElements",
@@ -13158,7 +13165,7 @@ var pi = /*#__PURE__*/function (_Dt5) {
   }, {
     key: "createInnerElement",
     value: function createInnerElement(e, t, i) {
-      return B.createSpecificStateElement(this.elementRef, t, i) || e;
+      return j.createSpecificStateElement(this.elementRef, t, i) || e;
     }
   }, {
     key: "addClickEvent",
@@ -13250,7 +13257,7 @@ var xt = /*#__PURE__*/function () {
   }, {
     key: "addElements",
     value: function addElements(e, t, i, n, r, o) {
-      j.addElements(e, t.elementRef);
+      B.addElements(e, t.elementRef);
       var a = dt.create(),
         l = H.addButtons(a, i, n, o);
       rn.set(t.inputElementRef, a, r.elementRef, l), dt.add(e, a);
@@ -13270,7 +13277,7 @@ var bn = /*#__PURE__*/function () {
       var r = new ke(e, t, i);
       t.websocket && V.createConnection(t, r);
       var o = new xt(e, r, t, n);
-      return j.addElements(n, r.elementRef, o.elementRef), n;
+      return B.addElements(n, r.elementRef, o.elementRef), n;
     }
   }, {
     key: "render",
@@ -13291,22 +13298,22 @@ var fa = Object.defineProperty,
 var y = /*#__PURE__*/function (_Ji) {
   _inherits(y, _Ji);
   function y() {
-    var _this77;
+    var _this78;
     _classCallCheck(this, y);
-    _this77 = _callSuper(this, y), _this77.getMessages = function () {
+    _this78 = _callSuper(this, y), _this78.getMessages = function () {
       return [];
-    }, _this77.submitUserMessage = function () {
+    }, _this78.submitUserMessage = function () {
       return console.warn("submitUserMessage failed - please wait for chat view to render before calling this property.");
-    }, _this77.addMessage = function () {
+    }, _this78.addMessage = function () {
       return console.warn("addMessage failed - please wait for chat view to render before calling this property.");
-    }, _this77.focusInput = function () {
-      return vi.focusFromParentElement(_this77._elementRef);
-    }, _this77.refreshMessages = function () {}, _this77.clearMessages = function () {}, _this77.scrollToBottom = function () {}, _this77.disableSubmitButton = function () {}, _this77._hasBeenRendered = !1, _this77._auxiliaryStyleApplied = !1, _this77._elementRef = document.createElement("div"), _this77._elementRef.id = "container", _this77.attachShadow({
+    }, _this78.focusInput = function () {
+      return vi.focusFromParentElement(_this78._elementRef);
+    }, _this78.refreshMessages = function () {}, _this78.clearMessages = function () {}, _this78.scrollToBottom = function () {}, _this78.disableSubmitButton = function () {}, _this78._hasBeenRendered = !1, _this78._auxiliaryStyleApplied = !1, _this78._elementRef = document.createElement("div"), _this78._elementRef.id = "container", _this78.attachShadow({
       mode: "open"
-    }).appendChild(_this77._elementRef), mt.apply(ua, _this77.shadowRoot), setTimeout(function () {
-      _this77._hasBeenRendered || _this77.onRender();
+    }).appendChild(_this78._elementRef), mt.apply(ua, _this78.shadowRoot), setTimeout(function () {
+      _this78._hasBeenRendered || _this78.onRender();
     }, 20);
-    return _this77;
+    return _this78;
   }
   _createClass(y, [{
     key: "changeToChatView",

package/dist/views/chat/input/buttons/customButtonInnerElements.d.ts

@@ -1,10 +1,9 @@
-import { ButtonInnerElements, ButtonStateStyles } from '../../../../types/buttonInternal';
+import { ButtonStateStyles } from '../../../../types/buttonInternal';
 export declare class CustomButtonInnerElements {
     private static createTextElement;
     private static createElement;
     static createCustomElement<T>(state: keyof T, customStyles?: ButtonStateStyles<T>): HTMLDivElement | SVGGraphicsElement | undefined;
     private static processElement;
     static createSpecificStateElement<T>(parentEl: HTMLElement, state: keyof T, customStyles?: ButtonStateStyles<T>): HTMLDivElement | SVGGraphicsElement | undefined;
-    static create<T>(parentEl: HTMLElement, states: (keyof T)[], styles?: ButtonStateStyles<T>): ButtonInnerElements<T>;
 }
 //# sourceMappingURL=customButtonInnerElements.d.ts.map

package/dist/views/chat/input/buttons/customButtonInnerElements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customButtonInnerElements.d.ts","sourceRoot":"","sources":["../../../../../src/views/chat/input/buttons/customButtonInnerElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAE,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAGxF,qBAAa,yBAAyB;IACpC,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAOhC,OAAO,CAAC,MAAM,CAAC,aAAa;WAId,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,YAAY,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAOxF,OAAO,CAAC,MAAM,CAAC,cAAc;WAQf,0BAA0B,CAAC,CAAC,EACtC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,YAAY,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC;WAShE,MAAM,CAAC,CAAC,EAClB,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC;CAgBvG"}
+{"version":3,"file":"customButtonInnerElements.d.ts","sourceRoot":"","sources":["../../../../../src/views/chat/input/buttons/customButtonInnerElements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAGnE,qBAAa,yBAAyB;IACpC,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAOhC,OAAO,CAAC,MAAM,CAAC,aAAa;WAId,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,YAAY,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAOxF,OAAO,CAAC,MAAM,CAAC,cAAc;WAQf,0BAA0B,CAAC,CAAC,EACtC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,YAAY,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC;CAM/E"}

package/dist/views/chat/input/buttons/submit/submitButton.d.ts

@@ -31,6 +31,7 @@ export declare class SubmitButton extends InputButton<Styles> {
     };
     constructor(deepChat: DeepChat, inputElementRef: HTMLElement, messages: Messages, serviceIO: ServiceIO, fileAttachments: FileAttachments, buttons: Buttons);
     private createInnerElements;
+    private createCustomElements;
     private static createButtonContainerElement;
     private static createSubmitIconElement;
     private static createLoadingIconElement;

package/dist/views/chat/input/buttons/submit/submitButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"submitButton.d.ts","sourceRoot":"","sources":["../../../../../../src/views/chat/input/buttons/submit/submitButton.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAC,kBAAkB,EAAC,MAAM,mCAAmC,CAAC;AAIrE,OAAO,EAAC,YAAY,EAAC,MAAM,uCAAuC,CAAC;AAEnE,OAAO,EAAC,SAAS,EAAC,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAC,WAAW,EAAC,MAAM,+BAA+B,CAAC;AAK1D,OAAO,EAAC,QAAQ,EAAC,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,OAAO,EAAC,MAAM,aAAa,CAAC;AACpC,OAAO,EAEL,wBAAwB,EAEzB,MAAM,qCAAqC,CAAC;AAE7C,KAAK,MAAM,GAAG,IAAI,CAAC,wBAAwB,CAAC,kBAAkB,CAAC,EAAE,eAAe,CAAC,CAAC;AAElF,qBAAa,YAAa,SAAQ,WAAW,CAAC,MAAM,CAAC;IACnD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAmB;IACvD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAoB;IACzD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAqB;IAC3D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAY;IACvC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAW;IACrC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAc;IAC/C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAkB;IAC/C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAyB;IACtD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAqC;IACpE,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAkB;IACnD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAU;IACzC,OAAO,CAAC,iBAAiB,CAAC,CAAc;IACxC,OAAO,CAAC,mBAAmB,CAAC,CAAU;IACtC,OAAO,CAAC,0BAA0B,CAAS;IAC3C,OAAO,CAAC,kBAAkB,CAAC,CAAoB;IAC/C,QAAQ,CAAC,MAAM;;;MAAoD;gBAGvD,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAClG,eAAe,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO;IAsBtD,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,MAAM,CAAC,4BAA4B;IAM3C,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAMtC,OAAO,CAAC,MAAM,CAAC,wBAAwB;IAMvC,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAMpC,OAAO,CAAC,yBAAyB;IAMjC,OAAO,CAAC,4BAA4B;IAepC,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,WAAW;IAMN,eAAe;IAWf,kBAAkB,CAAC,OAAO,EAAE,WAAW;IAavC,aAAa,CAAC,OAAO,EAAE,YAAY,EAAE,cAAc,UAAQ;YAa1D,aAAa;IAQ3B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,mBAAmB;IAYpB,kBAAkB;IAalB,oBAAoB,CAAC,cAAc,UAAQ;IAYlD,OAAO,CAAC,mBAAmB;CAS5B"}
+{"version":3,"file":"submitButton.d.ts","sourceRoot":"","sources":["../../../../../../src/views/chat/input/buttons/submit/submitButton.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAC,kBAAkB,EAAC,MAAM,mCAAmC,CAAC;AAIrE,OAAO,EAAC,YAAY,EAAC,MAAM,uCAAuC,CAAC;AAGnE,OAAO,EAAC,SAAS,EAAC,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAC,WAAW,EAAC,MAAM,+BAA+B,CAAC;AAK1D,OAAO,EAAC,QAAQ,EAAC,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,OAAO,EAAC,MAAM,aAAa,CAAC;AACpC,OAAO,EAEL,wBAAwB,EAEzB,MAAM,qCAAqC,CAAC;AAE7C,KAAK,MAAM,GAAG,IAAI,CAAC,wBAAwB,CAAC,kBAAkB,CAAC,EAAE,eAAe,CAAC,CAAC;AAElF,qBAAa,YAAa,SAAQ,WAAW,CAAC,MAAM,CAAC;IACnD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAmB;IACvD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAoB;IACzD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAqB;IAC3D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAY;IACvC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAW;IACrC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAc;IAC/C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAkB;IAC/C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAyB;IACtD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAqC;IACpE,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAkB;IACnD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAU;IACzC,OAAO,CAAC,iBAAiB,CAAC,CAAmB;IAC7C,OAAO,CAAC,mBAAmB,CAAC,CAAU;IACtC,OAAO,CAAC,0BAA0B,CAAS;IAC3C,OAAO,CAAC,kBAAkB,CAAC,CAAoB;IAC/C,QAAQ,CAAC,MAAM;;;MAAoD;gBAGvD,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAClG,eAAe,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO;IAqBtD,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,MAAM,CAAC,4BAA4B;IAM3C,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAQtC,OAAO,CAAC,MAAM,CAAC,wBAAwB;IAQvC,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAQpC,OAAO,CAAC,yBAAyB;IAMjC,OAAO,CAAC,4BAA4B;IAepC,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,WAAW;IAMN,eAAe;IAWf,kBAAkB,CAAC,OAAO,EAAE,WAAW;IAavC,aAAa,CAAC,OAAO,EAAE,YAAY,EAAE,cAAc,UAAQ;YAa1D,aAAa;IAQ3B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,mBAAmB;IAYpB,kBAAkB;IAelB,oBAAoB,CAAC,cAAc,UAAQ;IAYlD,OAAO,CAAC,mBAAmB;CAS5B"}

package/dist/views/chat/messages/messageStyleUtils.d.ts

@@ -4,7 +4,7 @@ import { MessageElements } from './messages';
 export declare class MessageStyleUtils {
     static applyCustomStylesToElements(elements: MessageElements, isMedia: boolean, styles?: MessageElementsStyles): void;
     private static applySideStyles;
-    private static isMessageSideStyles;
+    private static isElementsStyles;
     static applyCustomStyles(messageStyles: MessageStyles, elements: MessageElements, role: string, media: boolean, otherStyles?: MessageRoleStyles | MessageElementsStyles): void;
     static extractParticularSharedStyles(specificStyles: (keyof CustomStyle)[], otherStyles?: MessageRoleStyles): MessageElementsStyles | undefined;
 }

package/dist/views/chat/messages/messageStyleUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messageStyleUtils.d.ts","sourceRoot":"","sources":["../../../../src/views/chat/messages/messageStyleUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,qBAAqB,EAAE,iBAAiB,EAAE,aAAa,EAAC,MAAM,yBAAyB,CAAC;AAGhG,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,eAAe,EAAC,MAAM,YAAY,CAAC;AAE3C,qBAAa,iBAAiB;WACd,2BAA2B,CAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,qBAAqB;IAYrH,OAAO,CAAC,MAAM,CAAC,eAAe;IAW9B,OAAO,CAAC,MAAM,CAAC,mBAAmB;WASpB,iBAAiB,CAAC,aAAa,EAAE,aAAa,EACxD,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,iBAAiB,GAAG,qBAAqB;WAiBtG,6BAA6B,CAAC,cAAc,EAAE,CAAC,MAAM,WAAW,CAAC,EAAE,EAC7E,WAAW,CAAC,EAAE,iBAAiB,GAAG,qBAAqB,GAAG,SAAS;CAkBxE"}
+{"version":3,"file":"messageStyleUtils.d.ts","sourceRoot":"","sources":["../../../../src/views/chat/messages/messageStyleUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,qBAAqB,EAAE,iBAAiB,EAAE,aAAa,EAAC,MAAM,yBAAyB,CAAC;AAGhG,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAC,eAAe,EAAC,MAAM,YAAY,CAAC;AAE3C,qBAAa,iBAAiB;WACd,2BAA2B,CAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,qBAAqB;IAYrH,OAAO,CAAC,MAAM,CAAC,eAAe;IAW9B,OAAO,CAAC,MAAM,CAAC,gBAAgB;WAUjB,iBAAiB,CAAC,aAAa,EAAE,aAAa,EACxD,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,iBAAiB,GAAG,qBAAqB;WAgBtG,6BAA6B,CAAC,cAAc,EAAE,CAAC,MAAM,WAAW,CAAC,EAAE,EAC7E,WAAW,CAAC,EAAE,iBAAiB,GAAG,qBAAqB,GAAG,SAAS;CAkBxE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deep-chat-dev",
-  "version": "9.0.149",
+  "version": "9.0.151",
   "description": "Customizable chat component for AI APIs",
   "main": "./dist/deepChat.js",
   "module": "./dist/deepChat.js",