deep-chat-dev 9.0.12 → 9.0.15

package/dist/deepChat.js

@@ -134,6 +134,18 @@ var StyleUtils = /*#__PURE__*/function () {
         click: a
       };
     }
+  }, {
+    key: "mergeStatefulStyles",
+    value: function mergeStatefulStyles(e) {
+      var t = {
+        "default": {},
+        hover: {},
+        click: {}
+      };
+      return e.forEach(function (n) {
+        t["default"] = Object.assign(t["default"], n["default"]), t.hover = Object.assign(t.hover, n.hover), t.click = Object.assign(t.click, n.click);
+      }), t;
+    }
   }]);
   return StyleUtils;
 }();
@@ -319,12 +331,109 @@ function getInvalidResponseMessage(r, e, t, n) {
   return "".concat(s + o, "Make sure the ").concat(e, " message is using the Response format: https://deepchat.dev/docs/connect/#Response \n You can also augment it using the responseInterceptor property: https://deepchat.dev/docs/interceptors#responseInterceptor");
 }
 var ErrorMessages = {
-  INVALID_KEY: "Invalid API Key",
-  CONNECTION_FAILED: "Failed to connect",
-  INVALID_RESPONSE: getInvalidResponseMessage,
-  INVALID_STREAM_RESPONSE: "Make sure the events are using the Response format: https://deepchat.dev/docs/connect/#Response \nYou can also augment them using the responseInterceptor property: https://deepchat.dev/docs/interceptors#responseInterceptor"
-};
-function getBytes(_x, _x2) {
+    INVALID_KEY: "Invalid API Key",
+    CONNECTION_FAILED: "Failed to connect",
+    INVALID_RESPONSE: getInvalidResponseMessage,
+    INVALID_STREAM_RESPONSE: "Make sure the events are using the Response format: https://deepchat.dev/docs/connect/#Response \nYou can also augment them using the responseInterceptor property: https://deepchat.dev/docs/interceptors#responseInterceptor"
+  },
+  _RequestUtils = /*#__PURE__*/function () {
+    function D() {
+      _classCallCheck(this, D);
+    }
+    _createClass(D, null, [{
+      key: "temporarilyRemoveHeader",
+      value: // need to pass stringifyBody boolean separately as binding is throwing an error for some reason
+      // prettier-ignore
+      function () {
+        var _temporarilyRemoveHeader = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e, t, n) {
+          var s;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                if (e != null && e.headers) {
+                  _context.next = 2;
+                  break;
+                }
+                throw new Error("Request settings have not been set up");
+              case 2:
+                s = e.headers[D.CONTENT_TYPE];
+                delete e.headers[D.CONTENT_TYPE];
+                _context.next = 6;
+                return t(n);
+              case 6:
+                e.headers[D.CONTENT_TYPE] = s;
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function temporarilyRemoveHeader(_x, _x2, _x3) {
+          return _temporarilyRemoveHeader.apply(this, arguments);
+        }
+        return temporarilyRemoveHeader;
+      }()
+    }, {
+      key: "displayError",
+      value: function displayError(e, t) {
+        var n = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "Service error, please try again.";
+        if (console.error(t), _typeof(t) == "object") return Object.keys(t).length === 0 ? e.addNewErrorMessage("service", n) : e.addNewErrorMessage("service", JSON.stringify(t));
+        e.addNewErrorMessage("service", t);
+      }
+    }, {
+      key: "processResponseByType",
+      value: function processResponseByType(e) {
+        var t = e.headers.get("content-type");
+        return t != null && t.includes("application/json") ? e.json() : t != null && t.includes("text/plain") || !t ? e : e.blob();
+      }
+    }, {
+      key: "processRequestInterceptor",
+      value: function () {
+        var _processRequestInterceptor = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e, t) {
+          var a, n, s, o;
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return (a = e.requestInterceptor) == null ? void 0 : a.call(e, t);
+              case 2:
+                _context2.t0 = _context2.sent;
+                if (_context2.t0) {
+                  _context2.next = 5;
+                  break;
+                }
+                _context2.t0 = t;
+              case 5:
+                n = _context2.t0;
+                s = n;
+                o = n;
+                return _context2.abrupt("return", {
+                  body: s.body,
+                  headers: s.headers,
+                  error: o.error
+                });
+              case 9:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        function processRequestInterceptor(_x4, _x5) {
+          return _processRequestInterceptor.apply(this, arguments);
+        }
+        return processRequestInterceptor;
+      }()
+    }, {
+      key: "validateResponseFormat",
+      value: function validateResponseFormat(e) {
+        return e && _typeof(e) == "object" && (typeof e.error == "string" || typeof e.text == "string" || typeof e.html == "string" || _typeof(e.files) == "object");
+      }
+    }]);
+    return D;
+  }();
+_RequestUtils.CONTENT_TYPE = "Content-Type";
+var RequestUtils = _RequestUtils;
+function getBytes(_x6, _x7) {
   return _getBytes.apply(this, arguments);
 }
 function _getBytes() {
@@ -456,56 +565,56 @@ function fetchEventSource(r, e) {
       y(), h();
     });
     var S = u !== null && u !== void 0 ? u : window.fetch,
-      E = s !== null && s !== void 0 ? s : defaultOnOpen;
+      _ = s !== null && s !== void 0 ? s : defaultOnOpen;
     function x() {
-      return _x3.apply(this, arguments);
+      return _x8.apply(this, arguments);
     }
-    function _x3() {
-      _x3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var R, w, _;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+    function _x8() {
+      _x8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+        var R, w, E;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               b = new AbortController();
-              _context.prev = 1;
-              _context.next = 4;
+              _context3.prev = 1;
+              _context3.next = 4;
               return S(r, Object.assign(Object.assign({}, d), {
                 headers: p,
                 signal: b.signal
               }));
             case 4:
-              w = _context.sent;
-              _context.next = 7;
-              return E(w);
+              w = _context3.sent;
+              _context3.next = 7;
+              return _(w);
             case 7:
-              _context.next = 9;
-              return getBytes(w.body, getLines(getMessages(function (_) {
-                _ ? p[LastEventId] = _ : delete p[LastEventId];
-              }, function (_) {
-                g = _;
+              _context3.next = 9;
+              return getBytes(w.body, getLines(getMessages(function (E) {
+                E ? p[LastEventId] = E : delete p[LastEventId];
+              }, function (E) {
+                g = E;
               }, o)));
             case 9:
               a == null || a();
               y();
               h();
-              _context.next = 17;
+              _context3.next = 17;
               break;
             case 14:
-              _context.prev = 14;
-              _context.t0 = _context["catch"](1);
+              _context3.prev = 14;
+              _context3.t0 = _context3["catch"](1);
               if (!b.signal.aborted) try {
-                _ = (R = l == null ? void 0 : l(_context.t0)) !== null && R !== void 0 ? R : g;
-                window.clearTimeout(v), v = window.setTimeout(x, _);
-              } catch (_) {
-                y(), f(_);
+                E = (R = l == null ? void 0 : l(_context3.t0)) !== null && R !== void 0 ? R : g;
+                window.clearTimeout(v), v = window.setTimeout(x, E);
+              } catch (E) {
+                y(), f(E);
               }
             case 17:
             case "end":
-              return _context.stop();
+              return _context3.stop();
           }
-        }, _callee, null, [[1, 14]]);
+        }, _callee3, null, [[1, 14]]);
       }));
-      return _x3.apply(this, arguments);
+      return _x8.apply(this, arguments);
     }
     x();
   });
@@ -514,103 +623,11 @@ function defaultOnOpen(r) {
   var e = r.headers.get("content-type");
   if (!(e != null && e.startsWith(EventStreamContentType))) throw new Error("Expected content-type to be ".concat(EventStreamContentType, ", Actual: ").concat(e));
 }
-var _RequestUtils = /*#__PURE__*/function () {
-  function D() {
-    _classCallCheck(this, D);
-  }
-  _createClass(D, null, [{
-    key: "temporarilyRemoveHeader",
-    value: // need to pass stringifyBody boolean separately as binding is throwing an error for some reason
-    // prettier-ignore
-    function () {
-      var _temporarilyRemoveHeader = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e, t, n) {
-        var s;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              if (e != null && e.headers) {
-                _context2.next = 2;
-                break;
-              }
-              throw new Error("Request settings have not been set up");
-            case 2:
-              s = e.headers[D.CONTENT_TYPE];
-              delete e.headers[D.CONTENT_TYPE];
-              _context2.next = 6;
-              return t(n);
-            case 6:
-              e.headers[D.CONTENT_TYPE] = s;
-            case 7:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      function temporarilyRemoveHeader(_x4, _x5, _x6) {
-        return _temporarilyRemoveHeader.apply(this, arguments);
-      }
-      return temporarilyRemoveHeader;
-    }()
-  }, {
-    key: "displayError",
-    value: function displayError(e, t) {
-      var n = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "Service error, please try again.";
-      if (console.error(t), _typeof(t) == "object") return Object.keys(t).length === 0 ? e.addNewErrorMessage("service", n) : e.addNewErrorMessage("service", JSON.stringify(t));
-      e.addNewErrorMessage("service", t);
-    }
-  }, {
-    key: "processResponseByType",
-    value: function processResponseByType(e) {
-      var t = e.headers.get("content-type");
-      return t != null && t.includes("application/json") ? e.json() : t != null && t.includes("text/plain") || !t ? e : e.blob();
-    }
-  }, {
-    key: "processRequestInterceptor",
-    value: function () {
-      var _processRequestInterceptor = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(e, t) {
-        var a, n, s, o;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return (a = e.requestInterceptor) == null ? void 0 : a.call(e, t);
-            case 2:
-              _context3.t0 = _context3.sent;
-              if (_context3.t0) {
-                _context3.next = 5;
-                break;
-              }
-              _context3.t0 = t;
-            case 5:
-              n = _context3.t0;
-              s = n;
-              o = n;
-              return _context3.abrupt("return", {
-                body: s.body,
-                headers: s.headers,
-                error: o.error
-              });
-            case 9:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }));
-      function processRequestInterceptor(_x7, _x8) {
-        return _processRequestInterceptor.apply(this, arguments);
-      }
-      return processRequestInterceptor;
-    }()
-  }]);
-  return D;
-}();
-_RequestUtils.CONTENT_TYPE = "Content-Type";
-var RequestUtils = _RequestUtils;
 var _Demo = /*#__PURE__*/function () {
-  function A() {
-    _classCallCheck(this, A);
+  function M() {
+    _classCallCheck(this, M);
   }
-  _createClass(A, null, [{
+  _createClass(M, null, [{
     key: "generateResponseForOneMessage",
     value: function generateResponseForOneMessage(e) {
       if (e.file) return e.file.type === "image" ? "That is a nice image!" : e.file.type === "audio" ? "I like the sound of that!" : e.file.type === "gif" ? "That is a nice gif!" : "That is an interesting file!";
@@ -625,11 +642,11 @@ var _Demo = /*#__PURE__*/function () {
     value: function generateResponse(e) {
       var t = [];
       for (var s = e.messages.length - 1; s >= 0 && e.messages[s].role !== "ai"; s -= 1) t.push(e.messages[s]);
-      if (t.length === 1) return A.generateResponseForOneMessage(e.messages[e.messages.length - 1]);
+      if (t.length === 1) return M.generateResponseForOneMessage(e.messages[e.messages.length - 1]);
       var n = e.messages.findIndex(function (s) {
         return s.text;
       });
-      return n !== -1 && t.splice(n, 1), t.length === 1 ? A.generateResponseForOneMessage(e.messages[e.messages.length - 1]) : "Wow, very cool files!";
+      return n !== -1 && t.splice(n, 1), t.length === 1 ? M.generateResponseForOneMessage(e.messages[e.messages.length - 1]) : "Wow, very cool files!";
     }
   }, {
     key: "getCustomResponse",
@@ -639,15 +656,15 @@ var _Demo = /*#__PURE__*/function () {
   }, {
     key: "getResponse",
     value: function getResponse(e) {
-      return e.customDemoResponse ? A.getCustomResponse(e.customDemoResponse, e.messages[e.messages.length - 1]) : {
-        text: A.generateResponse(e)
+      return e.customDemoResponse ? M.getCustomResponse(e.customDemoResponse, e.messages[e.messages.length - 1]) : {
+        text: M.generateResponse(e)
       };
     }
     // timeout is used to simulate a timeout for a response to come back
   }, {
     key: "request",
     value: function request(e, t, n) {
-      var s = A.getResponse(e);
+      var s = M.getResponse(e);
       setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
         var o;
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
@@ -678,12 +695,12 @@ var _Demo = /*#__PURE__*/function () {
     value: function requestStream(e, t) {
       setTimeout(function () {
         var s;
-        var n = (s = A.getResponse(e)) == null ? void 0 : s.text;
+        var n = (s = M.getResponse(e)) == null ? void 0 : s.text;
         Stream.simulate(e, t, n);
       }, 400);
     }
   }]);
-  return A;
+  return M;
 }();
 _Demo.URL = "deep-chat-demo";
 var Demo = _Demo;
@@ -782,8 +799,8 @@ var Stream = /*#__PURE__*/function () {
                 onmessage: function onmessage(y) {
                   var S;
                   if (JSON.stringify(y.data) !== JSON.stringify("[DONE]")) {
-                    var E = JSON.parse(y.data);
-                    (S = e.extractResultData) == null || S.call(e, E).then(function (x) {
+                    var _ = JSON.parse(y.data);
+                    (S = e.extractResultData) == null || S.call(e, _).then(function (x) {
                       (x == null ? void 0 : x.text) === void 0 ? console.error("Response data: ".concat(y.data, " \n ").concat(ErrorMessages.INVALID_STREAM_RESPONSE)) : f && n.updateStreamedMessage(x.text, f);
                     })["catch"](function (x) {
                       return RequestUtils.displayError(n, x);
@@ -801,8 +818,8 @@ var Stream = /*#__PURE__*/function () {
                 var S;
                 (S = e.extractResultData) == null || S.call(e, y).then(function () {
                   RequestUtils.displayError(n, y);
-                })["catch"](function (E) {
-                  RequestUtils.displayError(n, E);
+                })["catch"](function (_) {
+                  RequestUtils.displayError(n, _);
                 });
               });
             case 20:
@@ -890,7 +907,7 @@ var CustomHandler = /*#__PURE__*/function () {
                         _context7.t0 = u;
                       case 8:
                         d = _context7.t0;
-                        !d || _typeof(d) != "object" || typeof d.error != "string" && typeof d.text != "string" ? (console.error(ErrorMessages.INVALID_RESPONSE(u, "server", !!e.deepChat.responseInterceptor, d)), n.addNewErrorMessage("service", "Error in server message"), e.completionsHandlers.onFinish()) : typeof d.error == "string" ? (console.error(d.error), n.addNewErrorMessage("service", d.error), e.completionsHandlers.onFinish()) : e.deepChat.stream && d.text ? Stream.simulate(n, e.streamHandlers, d.text) : (n.addNewMessage(d, !0, !0), e.completionsHandlers.onFinish());
+                        RequestUtils.validateResponseFormat(d) ? typeof d.error == "string" ? (console.error(d.error), n.addNewErrorMessage("service", d.error), e.completionsHandlers.onFinish()) : e.deepChat.stream && d.text ? Stream.simulate(n, e.streamHandlers, d.text) : (n.addNewMessage(d, !0, !0), e.completionsHandlers.onFinish()) : (console.error(ErrorMessages.INVALID_RESPONSE(u, "server", !!e.deepChat.responseInterceptor, d)), n.addNewErrorMessage("service", "Error in server message"), e.completionsHandlers.onFinish());
                       case 10:
                       case "end":
                         return _context7.stop();
@@ -983,7 +1000,7 @@ var CustomHandler = /*#__PURE__*/function () {
                   _context9.t0 = d;
                 case 7:
                   h = _context9.t0;
-                  !h || _typeof(h) != "object" || typeof h.error != "string" && typeof h.text != "string" ? (console.error(ErrorMessages.INVALID_RESPONSE(d, "server", !!e.deepChat.responseInterceptor, h)), t.addNewErrorMessage("service", "Error in server message")) : typeof h.error == "string" ? (console.error(h.error), t.isLastMessageError() || t.addNewErrorMessage("service", h.error)) : e.deepChat.stream ? Stream.simulate(t, e.streamHandlers, h.text) : t.addNewMessage(h, !0, !0);
+                  RequestUtils.validateResponseFormat(h) ? typeof h.error == "string" ? (console.error(h.error), t.isLastMessageError() || t.addNewErrorMessage("service", h.error)) : e.deepChat.stream ? Stream.simulate(t, e.streamHandlers, h.text) : t.addNewMessage(h, !0, !0) : (console.error(ErrorMessages.INVALID_RESPONSE(d, "server", !!e.deepChat.responseInterceptor, h)), t.addNewErrorMessage("service", "Error in server message"));
                 case 9:
                 case "end":
                   return _context9.stop();
@@ -1087,7 +1104,7 @@ var HTTPRequest = /*#__PURE__*/function () {
                 return RequestUtils.processResponseByType(g);
               }).then( /*#__PURE__*/function () {
                 var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(g) {
-                  var S, E, v, y;
+                  var S, _, v, y;
                   return _regeneratorRuntime().wrap(function _callee10$(_context10) {
                     while (1) switch (_context10.prev = _context10.next) {
                       case 0:
@@ -1098,7 +1115,7 @@ var HTTPRequest = /*#__PURE__*/function () {
                         return _context10.abrupt("return");
                       case 2:
                         _context10.next = 4;
-                        return (E = (S = e.deepChat).responseInterceptor) == null ? void 0 : E.call(S, g);
+                        return (_ = (S = e.deepChat).responseInterceptor) == null ? void 0 : _.call(S, g);
                       case 4:
                         _context10.t0 = _context10.sent;
                         if (_context10.t0) {
@@ -2376,11 +2393,11 @@ function list(r, e, t, n) {
     v,
     y,
     S,
-    E,
+    _,
     x,
     R = !0,
     w,
-    _,
+    E,
     H,
     F;
   if ((h = skipOrderedListMarker(r, e)) >= 0) g = !0;else if ((h = skipBulletListMarker(r, e)) >= 0) g = !1;else return !1;
@@ -2389,11 +2406,11 @@ function list(r, e, t, n) {
   for (y = r.tokens.length, g ? (d = r.bMarks[e] + r.tShift[e], b = Number(r.src.substr(d, h - d - 1)), r.tokens.push({
     type: "ordered_list_open",
     order: b,
-    lines: E = [e, 0],
+    lines: _ = [e, 0],
     level: r.level++
   })) : r.tokens.push({
     type: "bullet_list_open",
-    lines: E = [e, 0],
+    lines: _ = [e, 0],
     level: r.level++
   }), s = e, S = !1, w = r.parser.ruler.getRules("list"); s < t && (v = r.skipSpaces(h), f = r.eMarks[s], v >= f ? p = 1 : p = v - h, p > 4 && (p = 1), p < 1 && (p = 1), o = h - r.bMarks[s] + p, r.tokens.push({
     type: "list_item_open",
@@ -2403,7 +2420,7 @@ function list(r, e, t, n) {
     type: "list_item_close",
     level: --r.level
   }), s = e = r.line, x[1] = s, v = r.bMarks[e], !(s >= t || r.isEmpty(s) || r.tShift[s] < r.blkIndent));) {
-    for (F = !1, _ = 0, H = w.length; _ < H; _++) if (w[_](r, s, t, !0)) {
+    for (F = !1, E = 0, H = w.length; E < H; E++) if (w[E](r, s, t, !0)) {
       F = !0;
       break;
     }
@@ -2416,7 +2433,7 @@ function list(r, e, t, n) {
   return r.tokens.push({
     type: g ? "ordered_list_close" : "bullet_list_close",
     level: --r.level
-  }), E[1] = s, r.line = s, R && markTightParagraphs(r, y), !0;
+  }), _[1] = s, r.line = s, R && markTightParagraphs(r, y), !0;
 }
 function footnote(r, e, t, n) {
   var s,
@@ -6116,11 +6133,11 @@ var AzureTranslationIO = /*#__PURE__*/function (_DirectServiceIO8) {
   return AzureTranslationIO;
 }(DirectServiceIO);
 var _OpenAIImagesIO = /*#__PURE__*/function (_DirectServiceIO9) {
-  _inherits(M, _DirectServiceIO9);
-  var _super30 = _createSuper(M);
-  function M(e) {
+  _inherits(A, _DirectServiceIO9);
+  var _super30 = _createSuper(A);
+  function A(e) {
     var _this23;
-    _classCallCheck(this, M);
+    _classCallCheck(this, A);
     var l;
     var t = e.directConnection,
       n = e.textInput,
@@ -6144,10 +6161,10 @@ var _OpenAIImagesIO = /*#__PURE__*/function (_DirectServiceIO9) {
         }
       };
     }
-    _typeof(a) == "object" && Object.assign(_this23.rawBody, a), _this23.canSendMessage = M.canFileSendMessage;
+    _typeof(a) == "object" && Object.assign(_this23.rawBody, a), _this23.canSendMessage = A.canFileSendMessage;
     return _this23;
   }
-  _createClass(M, [{
+  _createClass(A, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
       var n = JSON.parse(JSON.stringify(e));
@@ -6165,10 +6182,10 @@ var _OpenAIImagesIO = /*#__PURE__*/function (_DirectServiceIO9) {
       var s;
       var o = (l = (a = t[t.length - 1]) == null ? void 0 : a.text) == null ? void 0 : l.trim();
       if (n[1] || o && o !== "") {
-        this.url = M.IMAGE_EDIT_URL;
+        this.url = A.IMAGE_EDIT_URL;
         var c = this.preprocessBody(this.rawBody, o);
-        s = M.createFormDataBody(c, n[0], n[1]);
-      } else this.url = M.IMAGE_VARIATIONS_URL, s = M.createFormDataBody(this.rawBody, n[0]);
+        s = A.createFormDataBody(c, n[0], n[1]);
+      } else this.url = A.IMAGE_VARIATIONS_URL, s = A.createFormDataBody(this.rawBody, n[0]);
       RequestUtils.temporarilyRemoveHeader(this.requestSettings, HTTPRequest.request.bind(this, this, s, e), !1);
     }
   }, {
@@ -6199,7 +6216,7 @@ var _OpenAIImagesIO = /*#__PURE__*/function (_DirectServiceIO9) {
               }
               throw new Error("Request settings have not been set up");
             case 8:
-              this.url = M.IMAGE_GENERATION_URL;
+              this.url = A.IMAGE_GENERATION_URL;
               o = this.preprocessBody(this.rawBody, t[t.length - 1].text);
               HTTPRequest.request(this, o, e);
             case 11:
@@ -6270,7 +6287,7 @@ var _OpenAIImagesIO = /*#__PURE__*/function (_DirectServiceIO9) {
       }), s;
     }
   }]);
-  return M;
+  return A;
 }(DirectServiceIO);
 _OpenAIImagesIO.IMAGE_GENERATION_URL = "https://api.openai.com/v1/images/generations";
 _OpenAIImagesIO.IMAGE_VARIATIONS_URL = "https://api.openai.com/v1/images/variations";
@@ -6785,6 +6802,170 @@ var LoadingMessageDotsStyle = /*#__PURE__*/function () {
   }]);
   return LoadingMessageDotsStyle;
 }();
+var StatefulEvents = /*#__PURE__*/function () {
+  function StatefulEvents() {
+    _classCallCheck(this, StatefulEvents);
+  }
+  _createClass(StatefulEvents, null, [{
+    key: "mouseUp",
+    value: function mouseUp(e, t) {
+      var n = t.target;
+      StyleUtils.unsetAllCSSMouseStates(n, e), Object.assign(n.style, e["default"]), Object.assign(n.style, e.hover);
+    }
+  }, {
+    key: "mouseDown",
+    value: function mouseDown(e, t) {
+      var n = t.target;
+      Object.assign(n.style, e.click);
+    }
+  }, {
+    key: "mouseLeave",
+    value: function mouseLeave(e, t) {
+      var n = t.target;
+      StyleUtils.unsetAllCSSMouseStates(n, e), Object.assign(n.style, e["default"]);
+    }
+  }, {
+    key: "mouseEnter",
+    value: function mouseEnter(e, t) {
+      var n = t.target;
+      Object.assign(n.style, e.hover);
+    }
+    // note that children elements can not be selectable
+  }, {
+    key: "add",
+    value: function add(e, t) {
+      e.addEventListener("mouseenter", StatefulEvents.mouseEnter.bind(this, t)), e.addEventListener("mouseleave", StatefulEvents.mouseLeave.bind(this, t)), e.addEventListener("mousedown", StatefulEvents.mouseDown.bind(this, t)), e.addEventListener("mouseup", StatefulEvents.mouseUp.bind(this, t));
+    }
+  }]);
+  return StatefulEvents;
+}();
+var HTMLMessageUtils = /*#__PURE__*/function () {
+  function HTMLMessageUtils() {
+    _classCallCheck(this, HTMLMessageUtils);
+  }
+  _createClass(HTMLMessageUtils, null, [{
+    key: "applyStylesToElement",
+    value: function applyStylesToElement(e, t) {
+      var n = StyleUtils.processStateful(t, {}, {});
+      StatefulEvents.add(e, n), Object.assign(e.style, n["default"]);
+    }
+  }, {
+    key: "applyEventsToElement",
+    value: function applyEventsToElement(e, t) {
+      Object.keys(t).forEach(function (n) {
+        var s = t[n];
+        s && e.addEventListener(n, s);
+      });
+    }
+  }, {
+    key: "applyClassUtilitiesToElement",
+    value: function applyClassUtilitiesToElement(e, t) {
+      var n = t.events,
+        s = t.styles;
+      n && HTMLMessageUtils.applyEventsToElement(e, n), s && !HTMLDeepChatElements.doesElementContainDeepChatClass(e) && HTMLMessageUtils.applyStylesToElement(e, s);
+    }
+  }, {
+    key: "applyCustomClassUtilities",
+    value: function applyCustomClassUtilities(e, t) {
+      Object.keys(e).forEach(function (n) {
+        var s = t.getElementsByClassName(n);
+        Array.from(s).forEach(function (o) {
+          e[n] && HTMLMessageUtils.applyClassUtilitiesToElement(o, e[n]);
+        });
+      });
+    }
+  }, {
+    key: "apply",
+    value: function apply(e, t) {
+      HTMLDeepChatElements.applyDeepChatUtilities(e, e._htmlClassUtilities, t), HTMLMessageUtils.applyCustomClassUtilities(e._htmlClassUtilities, t);
+    }
+  }]);
+  return HTMLMessageUtils;
+}();
+var DEEP_CHAT_TEMPORARY_ELEMENT = "deep-chat-temporary-element",
+  DEEP_CHAT_ELEMENTS = {
+    "deep-chat-suggestion-button": {
+      styles: {
+        "default": {
+          backgroundColor: "white",
+          padding: "5px",
+          paddingLeft: "7px",
+          paddingRight: "7px",
+          border: "1px solid #c2c2c2",
+          borderRadius: "6px",
+          cursor: "pointer"
+        },
+        hover: {
+          backgroundColor: "#fafafa"
+        },
+        click: {
+          backgroundColor: "#f1f1f1"
+        }
+      }
+    }
+  },
+  DEEP_CHAT_ELEMENT_CLASSES = Object.keys(DEEP_CHAT_ELEMENTS);
+var HTMLDeepChatElements = /*#__PURE__*/function () {
+  function HTMLDeepChatElements() {
+    _classCallCheck(this, HTMLDeepChatElements);
+  }
+  _createClass(HTMLDeepChatElements, null, [{
+    key: "isElementTemporary",
+    value: function isElementTemporary(e) {
+      return e ? e.bubbleElement.children[0].classList.contains(DEEP_CHAT_TEMPORARY_ELEMENT) : !1;
+    }
+  }, {
+    key: "doesElementContainDeepChatClass",
+    value: function doesElementContainDeepChatClass(e) {
+      return DEEP_CHAT_ELEMENT_CLASSES.find(function (t) {
+        return e.classList.contains(t);
+      });
+    }
+  }, {
+    key: "applyCustomSuggestionEvent",
+    value: function applyCustomSuggestionEvent(e, t) {
+      setTimeout(function () {
+        t.addEventListener("click", function () {
+          var n, s;
+          (s = e.submitUserMessage) == null || s.call(e, ((n = t.textContent) == null ? void 0 : n.trim()) || "");
+        });
+      });
+    }
+  }, {
+    key: "applyEvents",
+    value: function applyEvents(e, t, n) {
+      var s = DEEP_CHAT_ELEMENTS[n].events;
+      Object.keys(s || []).forEach(function (o) {
+        t.addEventListener(o, s == null ? void 0 : s[o]);
+      }), n === "deep-chat-suggestion-button" && HTMLDeepChatElements.applyCustomSuggestionEvent(e, t);
+    }
+  }, {
+    key: "getProcessedStyles",
+    value: function getProcessedStyles(e, t, n) {
+      var s = Array.from(t.classList).reduce(function (l, c) {
+          var d;
+          var u = (d = e[c]) == null ? void 0 : d.styles;
+          return u && e[c].styles && l.push(u), l;
+        }, []),
+        o = DEEP_CHAT_ELEMENTS[n].styles;
+      o && s.unshift(o);
+      var a = StyleUtils.mergeStatefulStyles(s);
+      return StyleUtils.processStateful(a, {}, {});
+    }
+  }, {
+    key: "applyDeepChatUtilities",
+    value: function applyDeepChatUtilities(e, t, n) {
+      DEEP_CHAT_ELEMENT_CLASSES.forEach(function (s) {
+        var o = n.getElementsByClassName(s);
+        Array.from(o || []).forEach(function (a) {
+          var l = HTMLDeepChatElements.getProcessedStyles(t, a, s);
+          HTMLMessageUtils.applyStylesToElement(a, l), HTMLDeepChatElements.applyEvents(e, a, s);
+        });
+      });
+    }
+  }]);
+  return HTMLDeepChatElements;
+}();
 var MessageStyleUtils = /*#__PURE__*/function () {
   function MessageStyleUtils() {
     _classCallCheck(this, MessageStyleUtils);
@@ -6924,75 +7105,39 @@ var _FileMessageUtils = /*#__PURE__*/function () {
 }();
 _FileMessageUtils.DEFAULT_FILE_NAME = "file";
 var FileMessageUtils = _FileMessageUtils;
-var StatefulEvents = /*#__PURE__*/function () {
-  function StatefulEvents() {
-    _classCallCheck(this, StatefulEvents);
+var HTMLMessages = /*#__PURE__*/function () {
+  function HTMLMessages() {
+    _classCallCheck(this, HTMLMessages);
   }
-  _createClass(StatefulEvents, null, [{
-    key: "mouseUp",
-    value: function mouseUp(e, t) {
-      var n = t.target;
-      StyleUtils.unsetAllCSSMouseStates(n, e), Object.assign(n.style, e["default"]), Object.assign(n.style, e.hover);
-    }
-  }, {
-    key: "mouseDown",
-    value: function mouseDown(e, t) {
-      var n = t.target;
-      Object.assign(n.style, e.click);
+  _createClass(HTMLMessages, null, [{
+    key: "addElement",
+    value: function addElement(e, t) {
+      e.elementRef.appendChild(t), e.elementRef.scrollTop = e.elementRef.scrollHeight;
     }
   }, {
-    key: "mouseLeave",
-    value: function mouseLeave(e, t) {
-      var n = t.target;
-      StyleUtils.unsetAllCSSMouseStates(n, e), Object.assign(n.style, e["default"]);
+    key: "update",
+    value: function update(e, t, n, s) {
+      var o = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
+      var a = Messages.createMessageContent(n, {
+        html: t
+      });
+      o || e.messages.push(a), s && e.sendClientUpdate(a, o);
     }
   }, {
-    key: "mouseEnter",
-    value: function mouseEnter(e, t) {
-      var n = t.target;
-      Object.assign(n.style, e.hover);
+    key: "createElements",
+    value: function createElements(e, t, n) {
+      var s = e.createNewMessageElement("", n);
+      return s.bubbleElement.style.maxWidth = "unset", s.bubbleElement.innerHTML = t, s;
     }
-    // note that children elements can not be selectable
   }, {
-    key: "add",
-    value: function add(e, t) {
-      e.addEventListener("mouseenter", StatefulEvents.mouseEnter.bind(this, t)), e.addEventListener("mouseleave", StatefulEvents.mouseLeave.bind(this, t)), e.addEventListener("mousedown", StatefulEvents.mouseDown.bind(this, t)), e.addEventListener("mouseup", StatefulEvents.mouseUp.bind(this, t));
-    }
-  }]);
-  return StatefulEvents;
-}();
-var HTMLMessageUtils = /*#__PURE__*/function () {
-  function HTMLMessageUtils() {
-    _classCallCheck(this, HTMLMessageUtils);
-  }
-  _createClass(HTMLMessageUtils, null, [{
     key: "addNewHTMLMessage",
     value: function addNewHTMLMessage(e, t, n, s) {
       var o = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
-      var a = e.createNewMessageElement("", n);
-      a.bubbleElement.style.maxWidth = "unset", a.bubbleElement.innerHTML = t, e.elementRef.appendChild(a.outerContainer), e.elementRef.scrollTop = e.elementRef.scrollHeight;
-      var l = Messages.createMessageContent(n, {
-        html: t
-      });
-      return o || e.messages.push(l), s && e.sendClientUpdate(l, o), Object.keys(e._htmlClassUtilities).forEach(function (c) {
-        var u = a.outerContainer.getElementsByClassName(c);
-        Array.from(u).forEach(function (d) {
-          var p, b;
-          var h = (p = e._htmlClassUtilities[c]) == null ? void 0 : p.events;
-          h && Object.keys(h).forEach(function (m) {
-            var g = h[m];
-            g && d.addEventListener(m, g);
-          });
-          var f = (b = e._htmlClassUtilities[c]) == null ? void 0 : b.styles;
-          if (f) {
-            var m = StyleUtils.processStateful(f, {}, {});
-            StatefulEvents.add(d, m), Object.assign(d.style, m["default"]);
-          }
-        });
-      }), a;
+      var a = HTMLMessages.createElements(e, t, n);
+      return t.trim().length === 0 && Messages.editEmptyMessageElement(a.bubbleElement), HTMLMessageUtils.apply(e, a.outerContainer), HTMLDeepChatElements.isElementTemporary(a) || HTMLMessages.update(e, t, n, s, o), HTMLMessages.addElement(e, a.outerContainer), a;
     }
   }]);
-  return HTMLMessageUtils;
+  return HTMLMessages;
 }();
 var SetupMessages = /*#__PURE__*/function () {
   function SetupMessages() {
@@ -7185,6 +7330,8 @@ var Messages = /*#__PURE__*/function () {
       return JSON.parse(JSON.stringify(_this28.messages));
     }, e.clearMessages = this.clearMessages.bind(this), e.refreshMessages = this.refreshTextMessages.bind(this), a && this.prepareDemo(a), e.textToSpeech && TextToSpeech.processConfig(e.textToSpeech, function (u) {
       _this28._textToSpeech = u;
+    }), setTimeout(function () {
+      _this28.submitUserMessage = e.submitUserMessage;
     });
   }
   _createClass(Messages, [{
@@ -7209,7 +7356,7 @@ var Messages = /*#__PURE__*/function () {
         var l = this.createAndAppendNewMessageElement(this._introMessage.text, !0);
         this.applyCustomStyles(l, !0, !1, (n = this.messageStyles) == null ? void 0 : n.intro);
       } else if ((s = this._introMessage) != null && s.html) {
-        var _l = HTMLMessageUtils.addNewHTMLMessage(this, this._introMessage.html, !0, !1, !0);
+        var _l = HTMLMessages.addNewHTMLMessage(this, this._introMessage.html, !0, !1, !0);
         this.applyCustomStyles(_l, !0, !1, (o = this.messageStyles) == null ? void 0 : o.html), this.applyCustomStyles(_l, !0, !1, (a = this.messageStyles) == null ? void 0 : a.intro);
       }
     }
@@ -7251,7 +7398,7 @@ var Messages = /*#__PURE__*/function () {
       var s;
       (s = this._introPanel) == null || s.hide();
       var n = this._messageElementRefs[this._messageElementRefs.length - 1];
-      return n != null && n.bubbleElement.classList.contains("loading-message-text") && (n.outerContainer.remove(), this._messageElementRefs.pop()), this.createMessageElements(e, t);
+      return Messages.isTemporaryElement(n) && (n.outerContainer.remove(), this._messageElementRefs.pop()), this.createMessageElements(e, t);
     }
   }, {
     key: "createAndAppendNewMessageElement",
@@ -7280,8 +7427,8 @@ var Messages = /*#__PURE__*/function () {
       if (e.text !== void 0 && e.text !== null) this.addNewTextMessage(e.text, t, n, s), !s && this._textToSpeech && t && TextToSpeech.speak(e.text, this._textToSpeech);else if (e.files) e.files.forEach(function (a) {
         var l, c;
         a.type === "audio" || (l = a.src) != null && l.startsWith("data:audio") ? FileMessages.addNewAudioMessage(_this30, a, t, s) : a.type === "image" || a.type === "gif" || (c = a.src) != null && c.startsWith("data:image") ? FileMessages.addNewImageMessage(_this30, a, t, s) : FileMessages.addNewAnyFileMessage(_this30, a, t, s);
-      });else if (e.html) {
-        var a = HTMLMessageUtils.addNewHTMLMessage(this, e.html, t, n, s);
+      });else if (e.html !== void 0 && e.html !== null) {
+        var a = HTMLMessages.addNewHTMLMessage(this, e.html, t, n, s);
         this.applyCustomStyles(a, t, !1, (o = this.messageStyles) == null ? void 0 : o.html);
       }
     }
@@ -7298,7 +7445,7 @@ var Messages = /*#__PURE__*/function () {
     value: function removeMessageOnError() {
       var e = this._messageElementRefs[this._messageElementRefs.length - 1],
         t = e == null ? void 0 : e.bubbleElement;
-      (t != null && t.classList.contains("streamed-message") && t.textContent === "" || t != null && t.classList.contains("loading-message-text")) && (e.outerContainer.remove(), this._messageElementRefs.pop());
+      (t != null && t.classList.contains("streamed-message") && t.textContent === "" || Messages.isTemporaryElement(e)) && (e.outerContainer.remove(), this._messageElementRefs.pop());
     }
     // prettier-ignore
   }, {
@@ -7329,7 +7476,6 @@ var Messages = /*#__PURE__*/function () {
         }
       }
     }
-    // WORK - check if this works correctly
   }, {
     key: "getLastMessageElement",
     value: function getLastMessageElement() {
@@ -7338,9 +7484,9 @@ var Messages = /*#__PURE__*/function () {
   }, {
     key: "getLastMessageBubbleElement",
     value: function getLastMessageBubbleElement() {
-      var e, t;
-      return Array.from(((t = (e = this.getLastMessageElement()) == null ? void 0 : e.children) == null ? void 0 : t[0].children) || []).find(function (n) {
-        return n.classList.contains("message-bubble");
+      var e, t, n;
+      return Array.from(((n = (t = (e = this.getLastMessageElement()) == null ? void 0 : e.children) == null ? void 0 : t[0]) == null ? void 0 : n.children) || []).find(function (s) {
+        return s.classList.contains("message-bubble");
       });
     }
   }, {
@@ -7438,7 +7584,7 @@ var Messages = /*#__PURE__*/function () {
         return _addMultipleFiles.apply(this, arguments);
       }
       return addMultipleFiles;
-    }()
+    }() // WORK - update all message classes to use deep-chat prefix
   }, {
     key: "clearMessages",
     value: function clearMessages(e) {
@@ -7505,6 +7651,11 @@ var Messages = /*#__PURE__*/function () {
         bubbleElement: n
       };
     }
+  }, {
+    key: "isTemporaryElement",
+    value: function isTemporaryElement(e) {
+      return (e == null ? void 0 : e.bubbleElement.classList.contains("loading-message-text")) || HTMLDeepChatElements.isElementTemporary(e);
+    }
   }, {
     key: "editEmptyMessageElement",
     value: function editEmptyMessageElement(e) {