deep-chat-dev 9.0.0 → 9.0.2

package/dist/deepChat.js

@@ -316,13 +316,13 @@ function getInterceptorMessage(r) {
 function getInvalidResponseMessage(r, e, t, n) {
   var s = "\n".concat(capitalizeFirstLetter(e), " message: ").concat(JSON.stringify(r), " \n"),
     o = t ? "".concat(capitalizeFirstLetter(e), " message after interceptor: ").concat(getInterceptorMessage(n), " \n") : "";
-  return "".concat(s + o, "Make sure the ").concat(e, " message is using the Result format: https://deepchat.dev/docs/connect/#Result \n You can also augment it using the responseInterceptor property: https://deepchat.dev/docs/interceptors#responseInterceptor");
+  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 Result format: https://deepchat.dev/docs/connect/#Result \nYou can also augment them using the responseInterceptor property: https://deepchat.dev/docs/interceptors#responseInterceptor"
+    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() {
@@ -539,42 +539,42 @@ function fetchEventSource(r, e) {
       b.abort(), document.hidden || I();
     }
     c || document.addEventListener("visibilitychange", m);
-    var v = DefaultRetryInterval,
-      g = 0;
+    var g = DefaultRetryInterval,
+      v = 0;
     function y() {
-      document.removeEventListener("visibilitychange", m), window.clearTimeout(g), b.abort();
+      document.removeEventListener("visibilitychange", m), window.clearTimeout(v), b.abort();
     }
     t == null || t.addEventListener("abort", function () {
       y(), h();
     });
-    var x = u !== null && u !== void 0 ? u : window.fetch,
-      _ = s !== null && s !== void 0 ? s : defaultOnOpen;
+    var _ = u !== null && u !== void 0 ? u : window.fetch,
+      S = s !== null && s !== void 0 ? s : defaultOnOpen;
     function I() {
       return _I.apply(this, arguments);
     }
     function _I() {
       _I = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        var R, w, S;
+        var R, w, x;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               b = new AbortController();
               _context3.prev = 1;
               _context3.next = 4;
-              return x(r, Object.assign(Object.assign({}, d), {
+              return _(r, Object.assign(Object.assign({}, d), {
                 headers: f,
                 signal: b.signal
               }));
             case 4:
               w = _context3.sent;
               _context3.next = 7;
-              return _(w);
+              return S(w);
             case 7:
               _context3.next = 9;
-              return getBytes(w.body, getLines(getMessages(function (S) {
-                S ? f[LastEventId] = S : delete f[LastEventId];
-              }, function (S) {
-                v = S;
+              return getBytes(w.body, getLines(getMessages(function (x) {
+                x ? f[LastEventId] = x : delete f[LastEventId];
+              }, function (x) {
+                g = x;
               }, o)));
             case 9:
               a == null || a();
@@ -586,10 +586,10 @@ function fetchEventSource(r, e) {
               _context3.prev = 14;
               _context3.t0 = _context3["catch"](1);
               if (!b.signal.aborted) try {
-                S = (R = l == null ? void 0 : l(_context3.t0)) !== null && R !== void 0 ? R : v;
-                window.clearTimeout(g), g = window.setTimeout(I, S);
-              } catch (S) {
-                y(), p(S);
+                x = (R = l == null ? void 0 : l(_context3.t0)) !== null && R !== void 0 ? R : g;
+                window.clearTimeout(v), v = window.setTimeout(I, x);
+              } catch (x) {
+                y(), p(x);
               }
             case 17:
             case "end":
@@ -640,9 +640,7 @@ var _Demo = /*#__PURE__*/function () {
     key: "getResponse",
     value: function getResponse(e) {
       return e.customDemoResponse ? C.getCustomResponse(e.customDemoResponse, e.messages[e.messages.length - 1]) : {
-        result: {
-          text: C.generateResponse(e)
-        }
+        text: C.generateResponse(e)
       };
     }
     // timeout is used to simulate a timeout for a response to come back
@@ -666,7 +664,7 @@ var _Demo = /*#__PURE__*/function () {
               _context4.t0 = s;
             case 5:
               o = _context4.t0;
-              o.error ? e.addNewErrorMessage("service", o.error) : o.result && e.addNewMessage(o.result, !0, !0), t();
+              o.error ? e.addNewErrorMessage("service", o.error) : e.addNewMessage(o, !0, !0), t();
             case 7:
             case "end":
               return _context4.stop();
@@ -679,8 +677,8 @@ var _Demo = /*#__PURE__*/function () {
     key: "requestStream",
     value: function requestStream(e, t) {
       setTimeout(function () {
-        var s, o;
-        var n = (o = (s = C.getResponse(e)) == null ? void 0 : s.result) == null ? void 0 : o.text;
+        var s;
+        var n = (s = C.getResponse(e)) == null ? void 0 : s.text;
         Stream.simulate(e, t, n);
       }, 400);
     }
@@ -702,7 +700,7 @@ var Stream = /*#__PURE__*/function () {
           f,
           b,
           m,
-          v,
+          g,
           o,
           _yield$RequestUtils$p,
           a,
@@ -747,24 +745,24 @@ var Stream = /*#__PURE__*/function () {
             case 16:
               p = null;
               fetchEventSource(((m = e.requestSettings) == null ? void 0 : m.url) || e.url || "", {
-                method: ((v = e.requestSettings) == null ? void 0 : v.method) || "POST",
+                method: ((g = e.requestSettings) == null ? void 0 : g.method) || "POST",
                 headers: l,
                 body: s ? JSON.stringify(a) : a,
                 openWhenHidden: !0,
                 // keep stream open when browser tab not open
-                onopen: function onopen(g) {
+                onopen: function onopen(v) {
                   return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
                     return _regeneratorRuntime().wrap(function _callee5$(_context5) {
                       while (1) switch (_context5.prev = _context5.next) {
                         case 0:
-                          if (!g.ok) {
+                          if (!v.ok) {
                             _context5.next = 2;
                             break;
                           }
                           return _context5.abrupt("return", (p = n.addNewStreamedMessage(), u()));
                         case 2:
                           _context5.next = 4;
-                          return RequestUtils.processResponseByType(g);
+                          return RequestUtils.processResponseByType(v);
                         case 4:
                           throw _context5.sent;
                         case 5:
@@ -774,30 +772,30 @@ var Stream = /*#__PURE__*/function () {
                     }, _callee5);
                   }))();
                 },
-                onmessage: function onmessage(g) {
+                onmessage: function onmessage(v) {
                   var y;
-                  if (JSON.stringify(g.data) !== JSON.stringify("[DONE]")) {
-                    var x = JSON.parse(g.data);
-                    (y = e.extractResultData) == null || y.call(e, x).then(function (_) {
-                      (_ == null ? void 0 : _.text) === void 0 ? console.error("Response data: ".concat(g.data, " \n ").concat(ErrorMessages.INVALID_STREAM_RESPONSE)) : p && n.updateStreamedMessage(_.text, p);
-                    })["catch"](function (_) {
-                      return RequestUtils.displayError(n, _);
+                  if (JSON.stringify(v.data) !== JSON.stringify("[DONE]")) {
+                    var _ = JSON.parse(v.data);
+                    (y = e.extractResultData) == null || y.call(e, _).then(function (S) {
+                      (S == null ? void 0 : S.text) === void 0 ? console.error("Response data: ".concat(v.data, " \n ").concat(ErrorMessages.INVALID_STREAM_RESPONSE)) : p && n.updateStreamedMessage(S.text, p);
+                    })["catch"](function (S) {
+                      return RequestUtils.displayError(n, S);
                     });
                   }
                 },
-                onerror: function onerror(g) {
-                  throw d(), g;
+                onerror: function onerror(v) {
+                  throw d(), v;
                 },
                 onclose: function onclose() {
                   n.finaliseStreamedMessage(), d();
                 },
                 signal: h.signal
-              })["catch"](function (g) {
+              })["catch"](function (v) {
                 var y;
-                (y = e.extractResultData) == null || y.call(e, g).then(function () {
-                  RequestUtils.displayError(n, g);
-                })["catch"](function (x) {
-                  RequestUtils.displayError(n, x);
+                (y = e.extractResultData) == null || y.call(e, v).then(function () {
+                  RequestUtils.displayError(n, v);
+                })["catch"](function (_) {
+                  RequestUtils.displayError(n, _);
                 });
               });
             case 18:
@@ -854,17 +852,15 @@ var CustomRequest = /*#__PURE__*/function () {
   }
   _createClass(CustomRequest, null, [{
     key: "request",
-    value: // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    function () {
-      var _request2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(e, t, n, s) {
-        var o;
+    value: function () {
+      var _request2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(e, t, n) {
+        var s, o;
         return _regeneratorRuntime().wrap(function _callee8$(_context8) {
           while (1) switch (_context8.prev = _context8.next) {
             case 0:
-              o = e.completionsHandlers.onFinish;
-              s(t).then( /*#__PURE__*/function () {
+              (o = (s = e.requestSettings).handler) == null || o.call(s, t).then( /*#__PURE__*/function () {
                 var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(a) {
-                  var l;
+                  var u, d, l, c;
                   return _regeneratorRuntime().wrap(function _callee7$(_context7) {
                     while (1) switch (_context7.prev = _context7.next) {
                       case 0:
@@ -875,35 +871,46 @@ var CustomRequest = /*#__PURE__*/function () {
                         return _context7.abrupt("return");
                       case 2:
                         _context7.next = 4;
-                        return e.extractResultData(a);
+                        return (d = (u = e.deepChat).responseInterceptor) == null ? void 0 : d.call(u, a);
                       case 4:
-                        l = _context7.sent;
-                        if (!(!l || _typeof(l) != "object")) {
+                        _context7.t0 = _context7.sent;
+                        if (_context7.t0) {
                           _context7.next = 7;
                           break;
                         }
-                        throw Error(ErrorMessages.INVALID_RESPONSE(a, "response", !!e.deepChat.responseInterceptor, l));
+                        _context7.t0 = a;
                       case 7:
-                        e.deepChat.stream && l.text ? Stream.simulate(n, e.streamHandlers, l.text) : (n.addNewMessage(l, !0, !0), o());
-                      case 8:
+                        l = _context7.t0;
+                        _context7.next = 10;
+                        return e.extractResultData(l);
+                      case 10:
+                        c = _context7.sent;
+                        if (!(!c || _typeof(c) != "object")) {
+                          _context7.next = 13;
+                          break;
+                        }
+                        throw Error(ErrorMessages.INVALID_RESPONSE(a, "response", !!e.deepChat.responseInterceptor, c));
+                      case 13:
+                        e.deepChat.stream && c.text ? Stream.simulate(n, e.streamHandlers, c.text) : (n.addNewMessage(c, !0, !0), e.completionsHandlers.onFinish());
+                      case 14:
                       case "end":
                         return _context7.stop();
                     }
                   }, _callee7);
                 }));
-                return function (_x15) {
+                return function (_x14) {
                   return _ref2.apply(this, arguments);
                 };
               }())["catch"](function (a) {
-                RequestUtils.displayError(n, a), o();
+                RequestUtils.displayError(n, a), e.completionsHandlers.onFinish();
               });
-            case 2:
+            case 1:
             case "end":
               return _context8.stop();
           }
         }, _callee8);
       }));
-      function request(_x11, _x12, _x13, _x14) {
+      function request(_x11, _x12, _x13) {
         return _request2.apply(this, arguments);
       }
       return request;
@@ -925,6 +932,7 @@ var HTTPRequest = /*#__PURE__*/function () {
           p,
           f,
           b,
+          m,
           o,
           _yield$RequestUtils$p2,
           a,
@@ -937,48 +945,48 @@ var HTTPRequest = /*#__PURE__*/function () {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
               s = _args10.length > 3 && _args10[3] !== undefined ? _args10[3] : !0;
-              if (!e.requestSettings.handler) {
-                _context10.next = 3;
-                break;
-              }
-              return _context10.abrupt("return", CustomRequest.request(e, t, n, e.requestSettings.handler));
-            case 3:
               o = {
                 body: t,
                 headers: (h = e.requestSettings) == null ? void 0 : h.headers
               };
-              _context10.next = 6;
+              _context10.next = 4;
               return RequestUtils.processResponseInterceptor(e.deepChat, o);
-            case 6:
+            case 4:
               _yield$RequestUtils$p2 = _context10.sent;
               a = _yield$RequestUtils$p2.body;
               l = _yield$RequestUtils$p2.headers;
               c = _yield$RequestUtils$p2.error;
               u = e.completionsHandlers.onFinish;
               if (!c) {
-                _context10.next = 13;
+                _context10.next = 11;
                 break;
               }
               return _context10.abrupt("return", HTTPRequest.onInterceptorError(n, c, u));
+            case 11:
+              if (!((p = e.requestSettings) != null && p.handler)) {
+                _context10.next = 13;
+                break;
+              }
+              return _context10.abrupt("return", CustomRequest.request(e, a, n));
             case 13:
-              if (!(((p = e.requestSettings) == null ? void 0 : p.url) === Demo.URL)) {
+              if (!(((f = e.requestSettings) == null ? void 0 : f.url) === Demo.URL)) {
                 _context10.next = 15;
                 break;
               }
               return _context10.abrupt("return", Demo.request(n, u, e.deepChat.responseInterceptor));
             case 15:
               d = !0;
-              fetch(((f = e.requestSettings) == null ? void 0 : f.url) || e.url || "", {
-                method: ((b = e.requestSettings) == null ? void 0 : b.method) || "POST",
+              fetch(((b = e.requestSettings) == null ? void 0 : b.url) || e.url || "", {
+                method: ((m = e.requestSettings) == null ? void 0 : m.method) || "POST",
                 headers: l,
                 body: s ? JSON.stringify(a) : a
-              }).then(function (m) {
-                return d = !!m.ok, m;
-              }).then(function (m) {
-                return RequestUtils.processResponseByType(m);
+              }).then(function (g) {
+                return d = !!g.ok, g;
+              }).then(function (g) {
+                return RequestUtils.processResponseByType(g);
               }).then( /*#__PURE__*/function () {
-                var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(m) {
-                  var y, x, v, g;
+                var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(g) {
+                  var _, S, v, y;
                   return _regeneratorRuntime().wrap(function _callee9$(_context9) {
                     while (1) switch (_context9.prev = _context9.next) {
                       case 0:
@@ -989,44 +997,44 @@ var HTTPRequest = /*#__PURE__*/function () {
                         return _context9.abrupt("return");
                       case 2:
                         _context9.next = 4;
-                        return (x = (y = e.deepChat).responseInterceptor) == null ? void 0 : x.call(y, m);
+                        return (S = (_ = e.deepChat).responseInterceptor) == null ? void 0 : S.call(_, g);
                       case 4:
                         _context9.t0 = _context9.sent;
                         if (_context9.t0) {
                           _context9.next = 7;
                           break;
                         }
-                        _context9.t0 = m;
+                        _context9.t0 = g;
                       case 7:
                         v = _context9.t0;
                         _context9.next = 10;
                         return e.extractResultData(v);
                       case 10:
-                        g = _context9.sent;
+                        y = _context9.sent;
                         if (d) {
                           _context9.next = 13;
                           break;
                         }
-                        throw m;
+                        throw g;
                       case 13:
-                        if (!(!g || _typeof(g) != "object")) {
+                        if (!(!y || _typeof(y) != "object")) {
                           _context9.next = 15;
                           break;
                         }
-                        throw Error(ErrorMessages.INVALID_RESPONSE(m, "response", !!e.deepChat.responseInterceptor, v));
+                        throw Error(ErrorMessages.INVALID_RESPONSE(g, "response", !!e.deepChat.responseInterceptor, v));
                       case 15:
-                        g.pollingInAnotherRequest || (e.deepChat.stream && g.text ? Stream.simulate(n, e.streamHandlers, g.text) : (n.addNewMessage(g, !0, !0), u()));
+                        y.pollingInAnotherRequest || (e.deepChat.stream && y.text ? Stream.simulate(n, e.streamHandlers, y.text) : (n.addNewMessage(y, !0, !0), u()));
                       case 16:
                       case "end":
                         return _context9.stop();
                     }
                   }, _callee9);
                 }));
-                return function (_x19) {
+                return function (_x18) {
                   return _ref3.apply(this, arguments);
                 };
-              }())["catch"](function (m) {
-                RequestUtils.displayError(n, m), u();
+              }())["catch"](function (g) {
+                RequestUtils.displayError(n, g), u();
               });
             case 17:
             case "end":
@@ -1034,7 +1042,7 @@ var HTTPRequest = /*#__PURE__*/function () {
           }
         }, _callee10);
       }));
-      function request(_x16, _x17, _x18) {
+      function request(_x15, _x16, _x17) {
         return _request3.apply(this, arguments);
       }
       return request;
@@ -1083,7 +1091,7 @@ var HTTPRequest = /*#__PURE__*/function () {
             }
           }, _callee11);
         }));
-        return function (_x20) {
+        return function (_x19) {
           return _ref4.apply(this, arguments);
         };
       }())["catch"](function (a) {
@@ -1142,7 +1150,7 @@ var HTTPRequest = /*#__PURE__*/function () {
           }
         }, _callee12);
       }));
-      function poll(_x21, _x22, _x23) {
+      function poll(_x20, _x21, _x22) {
         return _poll.apply(this, arguments);
       }
       return poll;
@@ -1227,23 +1235,38 @@ var Websocket = /*#__PURE__*/function () {
   }
   _createClass(Websocket, null, [{
     key: "setup",
-    value: function setup(e, t) {
-      if (e.requestSettings.url !== Demo.URL) {
-        var n = typeof t != "boolean" ? t : void 0;
-        e.websocket = Websocket.connect(e.requestSettings.url, n), e.permittedErrorPrefixes = ["Connection error", "Error in server message"];
+    value: function setup(e) {
+      e.requestSettings.url !== Demo.URL && (e.permittedErrorPrefixes = ["Connection error", "Error in server message"], e.websocket = "pending");
+    }
+  }, {
+    key: "createConnection",
+    value: function createConnection(e, t) {
+      if (!document.body.contains(e.deepChat)) return;
+      var n = e.requestSettings.websocket;
+      if (n) try {
+        var s = typeof n != "boolean" ? n : void 0;
+        e.websocket = new WebSocket(e.requestSettings.url || "", s), e.websocket.onopen = function () {
+          t.removeError(), e.websocket && _typeof(e.websocket) == "object" && Websocket.assignListeners(e, e.websocket, t);
+        }, e.websocket.onerror = function (o) {
+          console.error(o), Websocket.retryConnection(e, t);
+        };
+      } catch (s) {
+        console.error(s), Websocket.retryConnection(e, t);
       }
     }
   }, {
-    key: "connect",
-    value: function connect(e, t) {
-      return new WebSocket(e || "", t);
+    key: "retryConnection",
+    value: function retryConnection(e, t) {
+      document.body.contains(e.deepChat) && (e.websocket = "pending", t.isLastMessageError() || t.addNewErrorMessage("service", "Connection error"), setTimeout(function () {
+        Websocket.createConnection(e, t);
+      }, 5e3));
     }
   }, {
     key: "assignListeners",
-    value: function assignListeners(e, t) {
-      e.websocket && (e.websocket.onmessage = /*#__PURE__*/function () {
-        var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13(n) {
-          var s, o, a, l, c;
+    value: function assignListeners(e, t, n) {
+      t.onmessage = /*#__PURE__*/function () {
+        var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13(s) {
+          var o, a, l, c, u;
           return _regeneratorRuntime().wrap(function _callee13$(_context13) {
             while (1) switch (_context13.prev = _context13.next) {
               case 0:
@@ -1252,49 +1275,49 @@ var Websocket = /*#__PURE__*/function () {
                   break;
                 }
                 _context13.prev = 1;
-                a = JSON.parse(n.data);
+                l = JSON.parse(s.data);
                 _context13.next = 5;
-                return (o = (s = e.deepChat).responseInterceptor) == null ? void 0 : o.call(s, a);
+                return (a = (o = e.deepChat).responseInterceptor) == null ? void 0 : a.call(o, l);
               case 5:
                 _context13.t0 = _context13.sent;
                 if (_context13.t0) {
                   _context13.next = 8;
                   break;
                 }
-                _context13.t0 = a;
+                _context13.t0 = l;
               case 8:
-                l = _context13.t0;
+                c = _context13.t0;
                 _context13.next = 11;
-                return e.extractResultData(l);
+                return e.extractResultData(c);
               case 11:
-                c = _context13.sent;
-                if (!(!c || _typeof(c) != "object")) {
+                u = _context13.sent;
+                if (!(!u || _typeof(u) != "object")) {
                   _context13.next = 14;
                   break;
                 }
-                throw Error(ErrorMessages.INVALID_RESPONSE(a, "server", !!e.deepChat.responseInterceptor, l));
+                throw Error(ErrorMessages.INVALID_RESPONSE(l, "server", !!e.deepChat.responseInterceptor, c));
               case 14:
-                e.deepChat.stream && c.text ? Stream.simulate(t, e.streamHandlers, c.text) : t.addNewMessage(c, !0, !0);
+                e.deepChat.stream && u.text ? Stream.simulate(n, e.streamHandlers, u.text) : n.addNewMessage(u, !0, !0);
                 _context13.next = 20;
                 break;
               case 17:
                 _context13.prev = 17;
                 _context13.t1 = _context13["catch"](1);
-                RequestUtils.displayError(t, _context13.t1, "Error in server message");
+                RequestUtils.displayError(n, _context13.t1, "Error in server message");
               case 20:
               case "end":
                 return _context13.stop();
             }
           }, _callee13, null, [[1, 17]]);
         }));
-        return function (_x24) {
+        return function (_x23) {
           return _ref5.apply(this, arguments);
         };
-      }(), e.websocket.onerror = function (n) {
-        console.error(n), t.addNewErrorMessage("service", "Connection error");
-      }, e.websocket.onclose = function () {
-        console.error("Connection closed"), t.isLastMessageError() || t.addNewErrorMessage("service", "Connection error");
-      });
+      }(), t.onerror = function (s) {
+        console.error(s), n.isLastMessageError() || n.addNewErrorMessage("service", "Connection error");
+      }, t.onclose = function () {
+        console.error("Connection closed"), n.isLastMessageError() || n.addNewErrorMessage("service", "Connection error"), Websocket.createConnection(e, n);
+      };
     }
   }, {
     key: "sendWebsocket",
@@ -1336,14 +1359,14 @@ var Websocket = /*#__PURE__*/function () {
               }
               return _context14.abrupt("return", Demo.request(s, t.completionsHandlers.onFinish, t.deepChat.responseInterceptor));
             case 12:
-              e.readyState !== e.OPEN ? (console.error("Connection is not open"), s.addNewErrorMessage("service", "Connection error")) : e.send(JSON.stringify(u));
+              e.readyState === void 0 || e.readyState !== e.OPEN ? (console.error("Connection is not open"), s.isLastMessageError() || s.addNewErrorMessage("service", "Connection error")) : e.send(JSON.stringify(u));
             case 13:
             case "end":
               return _context14.stop();
           }
         }, _callee14);
       }));
-      function sendWebsocket(_x25, _x26, _x27, _x28) {
+      function sendWebsocket(_x24, _x25, _x26, _x27) {
         return _sendWebsocket.apply(this, arguments);
       }
       return sendWebsocket;
@@ -2003,24 +2026,24 @@ function replaceAt(r, e, t) {
   return r.substr(0, e) + t + r.substr(e + 1);
 }
 function smartquotes(r) {
-  var e, t, n, s, o, a, l, c, u, d, h, p, f, b, m, v, g;
+  var e, t, n, s, o, a, l, c, u, d, h, p, f, b, m, g, v;
   if (r.options.typographer) {
-    for (g = [], m = r.tokens.length - 1; m >= 0; m--) if (r.tokens[m].type === "inline") {
-      for (v = r.tokens[m].children, g.length = 0, e = 0; e < v.length; e++) if (t = v[e], !(t.type !== "text" || QUOTE_TEST_RE.test(t.text))) {
-        for (l = v[e].level, f = g.length - 1; f >= 0 && !(g[f].level <= l); f--);
-        g.length = f + 1, n = t.content, o = 0, a = n.length;
+    for (v = [], m = r.tokens.length - 1; m >= 0; m--) if (r.tokens[m].type === "inline") {
+      for (g = r.tokens[m].children, v.length = 0, e = 0; e < g.length; e++) if (t = g[e], !(t.type !== "text" || QUOTE_TEST_RE.test(t.text))) {
+        for (l = g[e].level, f = v.length - 1; f >= 0 && !(v[f].level <= l); f--);
+        v.length = f + 1, n = t.content, o = 0, a = n.length;
         e: for (; o < a && (QUOTE_RE.lastIndex = o, s = QUOTE_RE.exec(n), !!s);) {
           if (c = !isLetter(n, s.index - 1), o = s.index + 1, b = s[0] === "'", u = !isLetter(n, o), !u && !c) {
             b && (t.content = replaceAt(t.content, s.index, APOSTROPHE));
             continue;
           }
           if (h = !u, p = !c, p) {
-            for (f = g.length - 1; f >= 0 && (d = g[f], !(g[f].level < l)); f--) if (d.single === b && g[f].level === l) {
-              d = g[f], b ? (v[d.token].content = replaceAt(v[d.token].content, d.pos, r.options.quotes[2]), t.content = replaceAt(t.content, s.index, r.options.quotes[3])) : (v[d.token].content = replaceAt(v[d.token].content, d.pos, r.options.quotes[0]), t.content = replaceAt(t.content, s.index, r.options.quotes[1])), g.length = f;
+            for (f = v.length - 1; f >= 0 && (d = v[f], !(v[f].level < l)); f--) if (d.single === b && v[f].level === l) {
+              d = v[f], b ? (g[d.token].content = replaceAt(g[d.token].content, d.pos, r.options.quotes[2]), t.content = replaceAt(t.content, s.index, r.options.quotes[3])) : (g[d.token].content = replaceAt(g[d.token].content, d.pos, r.options.quotes[0]), t.content = replaceAt(t.content, s.index, r.options.quotes[1])), v.length = f;
               continue e;
             }
           }
-          h ? g.push({
+          h ? v.push({
             token: e,
             pos: s.index,
             single: b,
@@ -2141,12 +2164,12 @@ function blockquote(r, e, t, n) {
     f,
     b,
     m = r.bMarks[e] + r.tShift[e],
-    v = r.eMarks[e];
-  if (m > v || r.src.charCodeAt(m++) !== 62 || r.level >= r.options.maxNesting) return !1;
+    g = r.eMarks[e];
+  if (m > g || r.src.charCodeAt(m++) !== 62 || r.level >= r.options.maxNesting) return !1;
   if (n) return !0;
-  for (r.src.charCodeAt(m) === 32 && m++, c = r.blkIndent, r.blkIndent = 0, l = [r.bMarks[e]], r.bMarks[e] = m, m = m < v ? r.skipSpaces(m) : m, o = m >= v, a = [r.tShift[e]], r.tShift[e] = m - r.bMarks[e], h = r.parser.ruler.getRules("blockquote"), s = e + 1; s < t && (m = r.bMarks[s] + r.tShift[s], v = r.eMarks[s], !(m >= v)); s++) {
+  for (r.src.charCodeAt(m) === 32 && m++, c = r.blkIndent, r.blkIndent = 0, l = [r.bMarks[e]], r.bMarks[e] = m, m = m < g ? r.skipSpaces(m) : m, o = m >= g, a = [r.tShift[e]], r.tShift[e] = m - r.bMarks[e], h = r.parser.ruler.getRules("blockquote"), s = e + 1; s < t && (m = r.bMarks[s] + r.tShift[s], g = r.eMarks[s], !(m >= g)); s++) {
     if (r.src.charCodeAt(m++) === 62) {
-      r.src.charCodeAt(m) === 32 && m++, l.push(r.bMarks[s]), r.bMarks[s] = m, m = m < v ? r.skipSpaces(m) : m, o = m >= v, a.push(r.tShift[s]), r.tShift[s] = m - r.bMarks[s];
+      r.src.charCodeAt(m) === 32 && m++, l.push(r.bMarks[s]), r.bMarks[s] = m, m = m < g ? r.skipSpaces(m) : m, o = m >= g, a.push(r.tShift[s]), r.tShift[s] = m - r.bMarks[s];
       continue;
     }
     if (o) break;
@@ -2221,51 +2244,51 @@ function list(r, e, t, n) {
     f,
     b,
     m,
-    v,
     g,
+    v,
     y,
-    x,
     _,
+    S,
     I,
     R = !0,
     w,
-    S,
+    x,
     H,
     F;
-  if ((h = skipOrderedListMarker(r, e)) >= 0) v = !0;else if ((h = skipBulletListMarker(r, e)) >= 0) v = !1;else return !1;
+  if ((h = skipOrderedListMarker(r, e)) >= 0) g = !0;else if ((h = skipBulletListMarker(r, e)) >= 0) g = !1;else return !1;
   if (r.level >= r.options.maxNesting) return !1;
   if (m = r.src.charCodeAt(h - 1), n) return !0;
-  for (y = r.tokens.length, v ? (d = r.bMarks[e] + r.tShift[e], b = Number(r.src.substr(d, h - d - 1)), r.tokens.push({
+  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, 0],
+    lines: S = [e, 0],
     level: r.level++
   })) : r.tokens.push({
     type: "bullet_list_open",
-    lines: _ = [e, 0],
+    lines: S = [e, 0],
     level: r.level++
-  }), s = e, x = !1, w = r.parser.ruler.getRules("list"); s < t && (g = r.skipSpaces(h), p = r.eMarks[s], g >= p ? f = 1 : f = g - h, f > 4 && (f = 1), f < 1 && (f = 1), o = h - r.bMarks[s] + f, r.tokens.push({
+  }), s = e, _ = !1, w = r.parser.ruler.getRules("list"); s < t && (v = r.skipSpaces(h), p = r.eMarks[s], v >= p ? f = 1 : f = v - h, f > 4 && (f = 1), f < 1 && (f = 1), o = h - r.bMarks[s] + f, r.tokens.push({
     type: "list_item_open",
     lines: I = [e, 0],
     level: r.level++
-  }), l = r.blkIndent, c = r.tight, a = r.tShift[e], u = r.parentType, r.tShift[e] = g - r.bMarks[e], r.blkIndent = o, r.tight = !0, r.parentType = "list", r.parser.tokenize(r, e, t, !0), (!r.tight || x) && (R = !1), x = r.line - e > 1 && r.isEmpty(r.line - 1), r.blkIndent = l, r.tShift[e] = a, r.tight = c, r.parentType = u, r.tokens.push({
+  }), l = r.blkIndent, c = r.tight, a = r.tShift[e], u = r.parentType, r.tShift[e] = v - r.bMarks[e], r.blkIndent = o, r.tight = !0, r.parentType = "list", r.parser.tokenize(r, e, t, !0), (!r.tight || _) && (R = !1), _ = r.line - e > 1 && r.isEmpty(r.line - 1), r.blkIndent = l, r.tShift[e] = a, r.tight = c, r.parentType = u, r.tokens.push({
     type: "list_item_close",
     level: --r.level
-  }), s = e = r.line, I[1] = s, g = r.bMarks[e], !(s >= t || r.isEmpty(s) || r.tShift[s] < r.blkIndent));) {
-    for (F = !1, S = 0, H = w.length; S < H; S++) if (w[S](r, s, t, !0)) {
+  }), s = e = r.line, I[1] = s, v = r.bMarks[e], !(s >= t || r.isEmpty(s) || r.tShift[s] < r.blkIndent));) {
+    for (F = !1, x = 0, H = w.length; x < H; x++) if (w[x](r, s, t, !0)) {
       F = !0;
       break;
     }
     if (F) break;
-    if (v) {
+    if (g) {
       if (h = skipOrderedListMarker(r, s), h < 0) break;
     } else if (h = skipBulletListMarker(r, s), h < 0) break;
     if (m !== r.src.charCodeAt(h - 1)) break;
   }
   return r.tokens.push({
-    type: v ? "ordered_list_close" : "bullet_list_close",
+    type: g ? "ordered_list_close" : "bullet_list_close",
     level: --r.level
-  }), _[1] = s, r.line = s, R && markTightParagraphs(r, y), !0;
+  }), S[1] = s, r.line = s, R && markTightParagraphs(r, y), !0;
 }
 function footnote(r, e, t, n) {
   var s,
@@ -2470,7 +2493,7 @@ function markTightParagraphs$1(r, e) {
   for (t = e + 2, n = r.tokens.length - 2; t < n; t++) r.tokens[t].level === s && r.tokens[t].type === "paragraph_open" && (r.tokens[t + 2].tight = !0, r.tokens[t].tight = !0, t += 2);
 }
 function deflist(r, e, t, n) {
-  var s, o, a, l, c, u, d, h, p, f, b, m, v, g;
+  var s, o, a, l, c, u, d, h, p, f, b, m, g, v;
   if (n) return r.ddIndent < 0 ? !1 : skipMarker(r, e) >= 0;
   if (d = e + 1, r.isEmpty(d) && ++d > t || r.tShift[d] < r.blkIndent || (s = skipMarker(r, d), s < 0) || r.level >= r.options.maxNesting) return !1;
   u = r.tokens.length, r.tokens.push({
@@ -2479,7 +2502,7 @@ function deflist(r, e, t, n) {
     level: r.level++
   }), a = e, o = d;
   e: for (;;) {
-    for (g = !0, v = !1, r.tokens.push({
+    for (v = !0, g = !1, r.tokens.push({
       type: "dt_open",
       lines: [a, a],
       level: r.level++
@@ -2497,7 +2520,7 @@ function deflist(r, e, t, n) {
         type: "dd_open",
         lines: l = [d, 0],
         level: r.level++
-      }), m = r.tight, p = r.ddIndent, h = r.blkIndent, b = r.tShift[o], f = r.parentType, r.blkIndent = r.ddIndent = r.tShift[o] + 2, r.tShift[o] = s - r.bMarks[o], r.tight = !0, r.parentType = "deflist", r.parser.tokenize(r, o, t, !0), (!r.tight || v) && (g = !1), v = r.line - o > 1 && r.isEmpty(r.line - 1), r.tShift[o] = b, r.tight = m, r.parentType = f, r.blkIndent = h, r.ddIndent = p, r.tokens.push({
+      }), m = r.tight, p = r.ddIndent, h = r.blkIndent, b = r.tShift[o], f = r.parentType, r.blkIndent = r.ddIndent = r.tShift[o] + 2, r.tShift[o] = s - r.bMarks[o], r.tight = !0, r.parentType = "deflist", r.parser.tokenize(r, o, t, !0), (!r.tight || g) && (v = !1), g = r.line - o > 1 && r.isEmpty(r.line - 1), r.tShift[o] = b, r.tight = m, r.parentType = f, r.blkIndent = h, r.ddIndent = p, r.tokens.push({
         type: "dd_close",
         level: --r.level
       }), l[1] = d = r.line, d >= t || r.tShift[d] < r.blkIndent) break e;
@@ -2509,7 +2532,7 @@ function deflist(r, e, t, n) {
   return r.tokens.push({
     type: "dl_close",
     level: --r.level
-  }), c[1] = d, r.line = d, g && markTightParagraphs$1(r, u), !0;
+  }), c[1] = d, r.line = d, v && markTightParagraphs$1(r, u), !0;
 }
 function paragraph(r, e) {
   var t,
@@ -3373,7 +3396,7 @@ var BaseServiceIO = /*#__PURE__*/function () {
     var _l$url;
     _classCallCheck(this, BaseServiceIO);
     var s, o, a, l;
-    this.rawBody = {}, this.validateConfigKey = !1, this.canSendMessage = BaseServiceIO.canSendMessage, this.requestSettings = {}, this.fileTypes = {}, this.completionsHandlers = {}, this.streamHandlers = {}, this.deepChat = e, this.demo = n, Object.assign(this.rawBody, (s = e.request) == null ? void 0 : s.additionalBodyProps), this.totalMessagesMaxCharLength = (o = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : o.totalMessagesMaxCharLength, this.maxMessages = (a = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : a.maxMessages, SetFileTypes.set(e, this, t), e.request && (this.requestSettings = e.request), this.demo && ((_l$url = (l = this.requestSettings).url) !== null && _l$url !== void 0 ? _l$url : l.url = Demo.URL), this._directServiceRequiresFiles = !!t && Object.keys(t).length > 0, this.requestSettings.websocket && Websocket.setup(this, this.requestSettings.websocket);
+    this.rawBody = {}, this.validateConfigKey = !1, this.canSendMessage = BaseServiceIO.canSendMessage, this.requestSettings = {}, this.fileTypes = {}, this.completionsHandlers = {}, this.streamHandlers = {}, this.deepChat = e, this.demo = n, Object.assign(this.rawBody, (s = e.request) == null ? void 0 : s.additionalBodyProps), this.totalMessagesMaxCharLength = (o = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : o.totalMessagesMaxCharLength, this.maxMessages = (a = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : a.maxMessages, SetFileTypes.set(e, this, t), e.request && (this.requestSettings = e.request), this.demo && ((_l$url = (l = this.requestSettings).url) !== null && _l$url !== void 0 ? _l$url : l.url = Demo.URL), this._directServiceRequiresFiles = !!t && Object.keys(t).length > 0, this.requestSettings.websocket && Websocket.setup(this);
   }
   _createClass(BaseServiceIO, [{
     key: "verifyKey",
@@ -3424,7 +3447,7 @@ var BaseServiceIO = /*#__PURE__*/function () {
           }
         }, _callee15, this);
       }));
-      function callServiceAPI(_x29, _x30, _x31) {
+      function callServiceAPI(_x28, _x29, _x30) {
         return _callServiceAPI.apply(this, arguments);
       }
       return callServiceAPI;
@@ -3449,7 +3472,7 @@ var BaseServiceIO = /*#__PURE__*/function () {
           }
         }, _callee16, this);
       }));
-      function callApiWithFiles(_x32, _x33, _x34, _x35) {
+      function callApiWithFiles(_x31, _x32, _x33, _x34) {
         return _callApiWithFiles.apply(this, arguments);
       }
       return callApiWithFiles;
@@ -3481,11 +3504,12 @@ var BaseServiceIO = /*#__PURE__*/function () {
           }
         }, _callee17, this);
       }));
-      function callAPI(_x36, _x37) {
+      function callAPI(_x35, _x36) {
         return _callAPI.apply(this, arguments);
       }
       return callAPI;
-    }()
+    }() // WORK - validation to say that the response should have text, files or error property, link to example
+    // and responseInterceptor
   }, {
     key: "extractResultData",
     value: function () {
@@ -3499,14 +3523,14 @@ var BaseServiceIO = /*#__PURE__*/function () {
               }
               throw e.error;
             case 2:
-              return _context18.abrupt("return", e.result);
+              return _context18.abrupt("return", e.result ? (console.error("The {result: ....} response object type is deprecated since version 1.3.0."), console.error("Please change to using the new response object: https://deepchat.dev/docs/connect#Response"), e.result) : e);
             case 3:
             case "end":
               return _context18.stop();
           }
         }, _callee18);
       }));
-      function extractResultData(_x38) {
+      function extractResultData(_x37) {
         return _extractResultData.apply(this, arguments);
       }
       return extractResultData;
@@ -3847,17 +3871,17 @@ var HuggingFaceUtils = /*#__PURE__*/function () {
   return HuggingFaceUtils;
 }();
 var _HuggingFaceIO = /*#__PURE__*/function (_DirectServiceIO) {
-  _inherits(U, _DirectServiceIO);
-  var _super3 = _createSuper(U);
+  _inherits(j, _DirectServiceIO);
+  var _super3 = _createSuper(j);
   // prettier-ignore
-  function U(e, t, n, s, o, a) {
+  function j(e, t, n, s, o, a) {
     var _this4;
-    _classCallCheck(this, U);
-    _this4 = _super3.call(this, e, HuggingFaceUtils.buildKeyVerificationDetails(), HuggingFaceUtils.buildHeaders, o, a), _this4.insertKeyPlaceholderText = "Hugging Face Token", _this4.getKeyLink = "https://huggingface.co/settings/tokens", _this4.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Hugging Face</b></div>\n    <p>First message may take an extented amount of time to complete as the model needs to be initialized.</p>", _this4.permittedErrorPrefixes = ["Authorization header"], _this4.url = "".concat(U.URL_PREFIX).concat(n), _this4.textInputPlaceholderText = t, _typeof(s) == "object" && (s.model && (_this4.url = "".concat(U.URL_PREFIX).concat(s.model)), s.options && (_this4.rawBody.options = s.options), s.parameters && (_this4.rawBody.parameters = s.parameters));
+    _classCallCheck(this, j);
+    _this4 = _super3.call(this, e, HuggingFaceUtils.buildKeyVerificationDetails(), HuggingFaceUtils.buildHeaders, o, a), _this4.insertKeyPlaceholderText = "Hugging Face Token", _this4.getKeyLink = "https://huggingface.co/settings/tokens", _this4.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Hugging Face</b></div>\n    <p>First message may take an extented amount of time to complete as the model needs to be initialized.</p>", _this4.permittedErrorPrefixes = ["Authorization header"], _this4.url = "".concat(j.URL_PREFIX).concat(n), _this4.textInputPlaceholderText = t, _typeof(s) == "object" && (s.model && (_this4.url = "".concat(j.URL_PREFIX).concat(s.model)), s.options && (_this4.rawBody.options = s.options), s.parameters && (_this4.rawBody.parameters = s.parameters));
     return _this4;
   }
   // prettier-ignore
-  _createClass(U, [{
+  _createClass(j, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t, n) {
       var _s$options;
@@ -3889,13 +3913,13 @@ var _HuggingFaceIO = /*#__PURE__*/function (_DirectServiceIO) {
           }
         }, _callee19, this);
       }));
-      function callServiceAPI(_x39, _x40, _x41) {
+      function callServiceAPI(_x38, _x39, _x40) {
         return _callServiceAPI2.apply(this, arguments);
       }
       return callServiceAPI;
     }()
   }]);
-  return U;
+  return j;
 }(DirectServiceIO);
 _HuggingFaceIO.URL_PREFIX = "https://api-inference.huggingface.co/models/";
 var HuggingFaceIO = _HuggingFaceIO;
@@ -3941,7 +3965,7 @@ var HuggingFaceFileIO = /*#__PURE__*/function (_HuggingFaceIO2) {
           }
         }, _callee20, this);
       }));
-      function callServiceAPI(_x42, _x43, _x44) {
+      function callServiceAPI(_x41, _x42, _x43) {
         return _callServiceAPI3.apply(this, arguments);
       }
       return callServiceAPI;
@@ -3998,7 +4022,7 @@ var HuggingFaceAudioClassificationIO = /*#__PURE__*/function (_HuggingFaceFileIO
           }
         }, _callee21);
       }));
-      function extractPollResultData(_x45) {
+      function extractPollResultData(_x44) {
         return _extractPollResultData.apply(this, arguments);
       }
       return extractPollResultData;
@@ -4049,7 +4073,7 @@ var HuggingFaceImageClassificationIO = /*#__PURE__*/function (_HuggingFaceFileIO
           }
         }, _callee22);
       }));
-      function extractPollResultData(_x46) {
+      function extractPollResultData(_x45) {
         return _extractPollResultData2.apply(this, arguments);
       }
       return extractPollResultData;
@@ -4159,7 +4183,7 @@ var StabilityAIImageToImageUpscaleIO = /*#__PURE__*/function (_StabilityAIIO) {
           }
         }, _callee23, this);
       }));
-      function callServiceAPI(_x47, _x48, _x49) {
+      function callServiceAPI(_x46, _x47, _x48) {
         return _callServiceAPI4.apply(this, arguments);
       }
       return callServiceAPI;
@@ -4191,7 +4215,7 @@ var StabilityAIImageToImageUpscaleIO = /*#__PURE__*/function (_StabilityAIIO) {
           }
         }, _callee24);
       }));
-      function extractResultData(_x50) {
+      function extractResultData(_x49) {
         return _extractResultData2.apply(this, arguments);
       }
       return extractResultData;
@@ -4268,7 +4292,7 @@ var StabilityAIImageToImageMaskingIO = /*#__PURE__*/function (_StabilityAIIO2) {
           }
         }, _callee25, this);
       }));
-      function callServiceAPI(_x51, _x52, _x53) {
+      function callServiceAPI(_x50, _x51, _x52) {
         return _callServiceAPI5.apply(this, arguments);
       }
       return callServiceAPI;
@@ -4300,7 +4324,7 @@ var StabilityAIImageToImageMaskingIO = /*#__PURE__*/function (_StabilityAIIO2) {
           }
         }, _callee26);
       }));
-      function extractResultData(_x54) {
+      function extractResultData(_x53) {
         return _extractResultData3.apply(this, arguments);
       }
       return extractResultData;
@@ -4360,7 +4384,7 @@ var HuggingFaceAudioRecognitionIO = /*#__PURE__*/function (_HuggingFaceFileIO3)
           }
         }, _callee27);
       }));
-      function extractPollResultData(_x55) {
+      function extractPollResultData(_x54) {
         return _extractPollResultData3.apply(this, arguments);
       }
       return extractPollResultData;
@@ -4400,7 +4424,7 @@ var HuggingFaceTextGenerationIO = /*#__PURE__*/function (_HuggingFaceIO3) {
           }
         }, _callee28);
       }));
-      function extractResultData(_x56) {
+      function extractResultData(_x55) {
         return _extractResultData4.apply(this, arguments);
       }
       return extractResultData;
@@ -4456,7 +4480,7 @@ var HuggingFaceQuestionAnswerIO = /*#__PURE__*/function (_HuggingFaceIO4) {
           }
         }, _callee29);
       }));
-      function extractResultData(_x57) {
+      function extractResultData(_x56) {
         return _extractResultData5.apply(this, arguments);
       }
       return extractResultData;
@@ -4496,7 +4520,7 @@ var HuggingFaceSummarizationIO = /*#__PURE__*/function (_HuggingFaceIO5) {
           }
         }, _callee30);
       }));
-      function extractResultData(_x58) {
+      function extractResultData(_x57) {
         return _extractResultData6.apply(this, arguments);
       }
       return extractResultData;
@@ -4576,7 +4600,7 @@ var HuggingFaceConversationIO = /*#__PURE__*/function (_HuggingFaceIO6) {
           }
         }, _callee31);
       }));
-      function extractResultData(_x59) {
+      function extractResultData(_x58) {
         return _extractResultData7.apply(this, arguments);
       }
       return extractResultData;
@@ -4643,7 +4667,7 @@ var StabilityAIImageToImageIO = /*#__PURE__*/function (_StabilityAIIO3) {
           }
         }, _callee32, this);
       }));
-      function callServiceAPI(_x60, _x61, _x62) {
+      function callServiceAPI(_x59, _x60, _x61) {
         return _callServiceAPI6.apply(this, arguments);
       }
       return callServiceAPI;
@@ -4675,7 +4699,7 @@ var StabilityAIImageToImageIO = /*#__PURE__*/function (_StabilityAIIO3) {
           }
         }, _callee33);
       }));
-      function extractResultData(_x63) {
+      function extractResultData(_x62) {
         return _extractResultData8.apply(this, arguments);
       }
       return extractResultData;
@@ -4725,7 +4749,7 @@ var HuggingFaceTranslationIO = /*#__PURE__*/function (_HuggingFaceIO7) {
           }
         }, _callee34);
       }));
-      function extractResultData(_x64) {
+      function extractResultData(_x63) {
         return _extractResultData9.apply(this, arguments);
       }
       return extractResultData;
@@ -4778,7 +4802,7 @@ var StabilityAITextToImageIO = /*#__PURE__*/function (_StabilityAIIO4) {
           }
         }, _callee35, this);
       }));
-      function callServiceAPI(_x65, _x66) {
+      function callServiceAPI(_x64, _x65) {
         return _callServiceAPI7.apply(this, arguments);
       }
       return callServiceAPI;
@@ -4810,7 +4834,7 @@ var StabilityAITextToImageIO = /*#__PURE__*/function (_StabilityAIIO4) {
           }
         }, _callee36);
       }));
-      function extractResultData(_x67) {
+      function extractResultData(_x66) {
         return _extractResultData10.apply(this, arguments);
       }
       return extractResultData;
@@ -4862,7 +4886,7 @@ var HuggingFaceFillMaskIO = /*#__PURE__*/function (_HuggingFaceIO8) {
           }
         }, _callee37);
       }));
-      function extractResultData(_x68) {
+      function extractResultData(_x67) {
         return _extractResultData11.apply(this, arguments);
       }
       return extractResultData;
@@ -4956,7 +4980,7 @@ var CohereTextGenerationIO = /*#__PURE__*/function (_CohereIO) {
           }
         }, _callee38, this);
       }));
-      function callServiceAPI(_x69, _x70) {
+      function callServiceAPI(_x68, _x69) {
         return _callServiceAPI8.apply(this, arguments);
       }
       return callServiceAPI;
@@ -4984,7 +5008,7 @@ var CohereTextGenerationIO = /*#__PURE__*/function (_CohereIO) {
           }
         }, _callee39);
       }));
-      function extractResultData(_x71) {
+      function extractResultData(_x70) {
         return _extractResultData12.apply(this, arguments);
       }
       return extractResultData;
@@ -5033,7 +5057,7 @@ var CohereSummarizationIO = /*#__PURE__*/function (_CohereIO2) {
           }
         }, _callee40, this);
       }));
-      function callServiceAPI(_x72, _x73) {
+      function callServiceAPI(_x71, _x72) {
         return _callServiceAPI9.apply(this, arguments);
       }
       return callServiceAPI;
@@ -5060,7 +5084,7 @@ var CohereSummarizationIO = /*#__PURE__*/function (_CohereIO2) {
           }
         }, _callee41);
       }));
-      function extractResultData(_x74) {
+      function extractResultData(_x73) {
         return _extractResultData13.apply(this, arguments);
       }
       return extractResultData;
@@ -5236,7 +5260,7 @@ var AzureSummarizationIO = /*#__PURE__*/function (_AzureLanguageIO) {
           }
         }, _callee42, this);
       }));
-      function callServiceAPI(_x75, _x76) {
+      function callServiceAPI(_x74, _x75) {
         return _callServiceAPI10.apply(this, arguments);
       }
       return callServiceAPI;
@@ -5271,7 +5295,7 @@ var AzureSummarizationIO = /*#__PURE__*/function (_AzureLanguageIO) {
           }
         }, _callee43, this);
       }));
-      function extractResultData(_x77) {
+      function extractResultData(_x76) {
         return _extractResultData14.apply(this, arguments);
       }
       return extractResultData;
@@ -5331,7 +5355,7 @@ var AzureSummarizationIO = /*#__PURE__*/function (_AzureLanguageIO) {
           }
         }, _callee44);
       }));
-      function extractPollResultData(_x78) {
+      function extractPollResultData(_x77) {
         return _extractPollResultData4.apply(this, arguments);
       }
       return extractPollResultData;
@@ -5449,7 +5473,7 @@ var OpenAICompletionsIO = /*#__PURE__*/function (_DirectServiceIO5) {
           }
         }, _callee45, this);
       }));
-      function callServiceAPI(_x79, _x80) {
+      function callServiceAPI(_x78, _x79) {
         return _callServiceAPI11.apply(this, arguments);
       }
       return callServiceAPI;
@@ -5477,7 +5501,7 @@ var OpenAICompletionsIO = /*#__PURE__*/function (_DirectServiceIO5) {
           }
         }, _callee46);
       }));
-      function extractResultData(_x81) {
+      function extractResultData(_x80) {
         return _extractResultData15.apply(this, arguments);
       }
       return extractResultData;
@@ -5559,7 +5583,7 @@ var AssemblyAIUtils = /*#__PURE__*/function () {
           }
         }, _callee47);
       }));
-      function poll(_x82, _x83) {
+      function poll(_x81, _x82) {
         return _poll2.apply(this, arguments);
       }
       return poll;
@@ -5631,7 +5655,7 @@ var AssemblyAIAudioIO = /*#__PURE__*/function (_DirectServiceIO6) {
           }
         }, _callee48, this);
       }));
-      function callServiceAPI(_x84, _x85, _x86) {
+      function callServiceAPI(_x83, _x84, _x85) {
         return _callServiceAPI12.apply(this, arguments);
       }
       return callServiceAPI;
@@ -5664,7 +5688,7 @@ var AssemblyAIAudioIO = /*#__PURE__*/function (_DirectServiceIO6) {
           }
         }, _callee49, this);
       }));
-      function extractResultData(_x87) {
+      function extractResultData(_x86) {
         return _extractResultData16.apply(this, arguments);
       }
       return extractResultData;
@@ -5733,7 +5757,7 @@ var _AzureTextToSpeechIO = /*#__PURE__*/function (_AzureSpeechIO) {
           }
         }, _callee50, this);
       }));
-      function callServiceAPI(_x88, _x89) {
+      function callServiceAPI(_x87, _x88) {
         return _callServiceAPI13.apply(this, arguments);
       }
       return callServiceAPI;
@@ -5762,7 +5786,7 @@ var _AzureTextToSpeechIO = /*#__PURE__*/function (_AzureSpeechIO) {
           }
         }, _callee51);
       }));
-      function extractResultData(_x90) {
+      function extractResultData(_x89) {
         return _extractResultData17.apply(this, arguments);
       }
       return extractResultData;
@@ -5775,11 +5799,11 @@ _AzureTextToSpeechIO.HELP_LINK =
 "https://learn.microsoft.com/en-GB/azure/cognitive-services/speech-service/get-started-text-to-speech?tabs=windows%2Cterminal&pivots=programming-language-rest";
 var AzureTextToSpeechIO = _AzureTextToSpeechIO;
 var _AzureSpeechToTextIO = /*#__PURE__*/function (_AzureSpeechIO2) {
-  _inherits(j, _AzureSpeechIO2);
-  var _super28 = _createSuper(j);
-  function j(e) {
+  _inherits(U, _AzureSpeechIO2);
+  var _super28 = _createSuper(U);
+  function U(e) {
     var _this21;
-    _classCallCheck(this, j);
+    _classCallCheck(this, U);
     var a, l, c;
     var t = (l = (a = e.directConnection) == null ? void 0 : a.azure) == null ? void 0 : l.speechToText,
       n = (c = e.directConnection) == null ? void 0 : c.azure,
@@ -5790,12 +5814,12 @@ var _AzureSpeechToTextIO = /*#__PURE__*/function (_AzureSpeechIO2) {
           }
         }
       };
-    _this21 = _super28.call(this, e, AzureUtils.buildSpeechToTextHeaders, t.region, n, s), _this21.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Speech To Text</b></div>\n    <p><b>Upload a .wav or .ogg audio file</b> to transcribe it into text.\n    <p>\n      Click <a href=\"".concat(j.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this21.url = "", _this21.isTextInputDisabled = !0, _this21.textInputPlaceholderText = "Upload an audio file", _this21.canSendMessage = j.canFileSendMessage;
+    _this21 = _super28.call(this, e, AzureUtils.buildSpeechToTextHeaders, t.region, n, s), _this21.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Speech To Text</b></div>\n    <p><b>Upload a .wav or .ogg audio file</b> to transcribe it into text.\n    <p>\n      Click <a href=\"".concat(U.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this21.url = "", _this21.isTextInputDisabled = !0, _this21.textInputPlaceholderText = "Upload an audio file", _this21.canSendMessage = U.canFileSendMessage;
     var o = t.lang || "en-US";
     _this21.url = "https://".concat(t.region, ".stt.speech.microsoft.com/speech/recognition/conversation/cognitiveservices/v1?language=").concat(o, "&format=detailed"), _this21.recordAudio = void 0;
     return _this21;
   }
-  _createClass(j, [{
+  _createClass(U, [{
     key: "callServiceAPI",
     value: function () {
       var _callServiceAPI14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee52(e, t, n) {
@@ -5822,7 +5846,7 @@ var _AzureSpeechToTextIO = /*#__PURE__*/function (_AzureSpeechIO2) {
           }
         }, _callee52, this);
       }));
-      function callServiceAPI(_x91, _x92, _x93) {
+      function callServiceAPI(_x90, _x91, _x92) {
         return _callServiceAPI14.apply(this, arguments);
       }
       return callServiceAPI;
@@ -5849,7 +5873,7 @@ var _AzureSpeechToTextIO = /*#__PURE__*/function (_AzureSpeechIO2) {
           }
         }, _callee53);
       }));
-      function extractResultData(_x94) {
+      function extractResultData(_x93) {
         return _extractResultData18.apply(this, arguments);
       }
       return extractResultData;
@@ -5860,7 +5884,7 @@ var _AzureSpeechToTextIO = /*#__PURE__*/function (_AzureSpeechIO2) {
       return !!(t != null && t[0]);
     }
   }]);
-  return j;
+  return U;
 }(AzureSpeechIO);
 _AzureSpeechToTextIO.HELP_LINK =
 // eslint-disable-next-line max-len
@@ -5911,7 +5935,7 @@ var AzureTranslationIO = /*#__PURE__*/function (_DirectServiceIO8) {
           }
         }, _callee54, this);
       }));
-      function callServiceAPI(_x95, _x96) {
+      function callServiceAPI(_x94, _x95) {
         return _callServiceAPI15.apply(this, arguments);
       }
       return callServiceAPI;
@@ -5939,7 +5963,7 @@ var AzureTranslationIO = /*#__PURE__*/function (_DirectServiceIO8) {
           }
         }, _callee55);
       }));
-      function extractResultData(_x97) {
+      function extractResultData(_x96) {
         return _extractResultData19.apply(this, arguments);
       }
       return extractResultData;
@@ -6040,7 +6064,7 @@ var _OpenAIImagesIO = /*#__PURE__*/function (_DirectServiceIO9) {
           }
         }, _callee56, this);
       }));
-      function callServiceAPI(_x98, _x99, _x100) {
+      function callServiceAPI(_x97, _x98, _x99) {
         return _callServiceAPI16.apply(this, arguments);
       }
       return callServiceAPI;
@@ -6075,7 +6099,7 @@ var _OpenAIImagesIO = /*#__PURE__*/function (_DirectServiceIO9) {
           }
         }, _callee57);
       }));
-      function extractResultData(_x101) {
+      function extractResultData(_x100) {
         return _extractResultData20.apply(this, arguments);
       }
       return extractResultData;
@@ -6109,27 +6133,27 @@ _OpenAIImagesIO.IMAGE_VARIATIONS_URL = "https://api.openai.com/v1/images/variati
 _OpenAIImagesIO.IMAGE_EDIT_URL = "https://api.openai.com/v1/images/edits";
 var OpenAIImagesIO = _OpenAIImagesIO;
 var _OpenAIAudioIO = /*#__PURE__*/function (_DirectServiceIO10) {
-  _inherits(k, _DirectServiceIO10);
-  var _super31 = _createSuper(k);
-  function k(e) {
+  _inherits(M, _DirectServiceIO10);
+  var _super31 = _createSuper(M);
+  function M(e) {
     var _l$model2;
     var _this24;
-    _classCallCheck(this, k);
+    _classCallCheck(this, M);
     var a, l;
     var t = e.directConnection,
       n = e.textInput,
       s = t == null ? void 0 : t.openAI;
     _this24 = _super31.call(this, e, OpenAIUtils.buildKeyVerificationDetails(), OpenAIUtils.buildHeaders, s, {
       audio: {}
-    }), _this24.insertKeyPlaceholderText = "OpenAI API Key", _this24.getKeyLink = "https://platform.openai.com/account/api-keys", _this24.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI Whisper</b></div>\n    <p><b>Upload an audio file</b> to transcribe it into text. You can optionally provide text to guide the audio\n      processing.\n    <p>Click <a href=\"https://platform.openai.com/docs/api-reference/audio/create\">here</a> for more info.</p>", _this24.url = "", _this24.permittedErrorPrefixes = ["Invalid"], _this24._maxCharLength = OpenAIUtils.FILE_MAX_CHAR_LENGTH, _this24._service_url = k.AUDIO_TRANSCRIPTIONS_URL, n != null && n.characterLimit && (_this24._maxCharLength = n.characterLimit);
+    }), _this24.insertKeyPlaceholderText = "OpenAI API Key", _this24.getKeyLink = "https://platform.openai.com/account/api-keys", _this24.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI Whisper</b></div>\n    <p><b>Upload an audio file</b> to transcribe it into text. You can optionally provide text to guide the audio\n      processing.\n    <p>Click <a href=\"https://platform.openai.com/docs/api-reference/audio/create\">here</a> for more info.</p>", _this24.url = "", _this24.permittedErrorPrefixes = ["Invalid"], _this24._maxCharLength = OpenAIUtils.FILE_MAX_CHAR_LENGTH, _this24._service_url = M.AUDIO_TRANSCRIPTIONS_URL, n != null && n.characterLimit && (_this24._maxCharLength = n.characterLimit);
     var o = (a = t == null ? void 0 : t.openAI) == null ? void 0 : a.audio;
-    _typeof(o) == "object" && (_this24.processConfig(o), k.cleanConfig(o), Object.assign(_this24.rawBody, o)), (_l$model2 = (l = _this24.rawBody).model) !== null && _l$model2 !== void 0 ? _l$model2 : l.model = k.DEFAULT_MODEL, _this24.rawBody.response_format = "json", _this24.canSendMessage = k.canSendFileMessage;
+    _typeof(o) == "object" && (_this24.processConfig(o), M.cleanConfig(o), Object.assign(_this24.rawBody, o)), (_l$model2 = (l = _this24.rawBody).model) !== null && _l$model2 !== void 0 ? _l$model2 : l.model = M.DEFAULT_MODEL, _this24.rawBody.response_format = "json", _this24.canSendMessage = M.canSendFileMessage;
     return _this24;
   }
-  _createClass(k, [{
+  _createClass(M, [{
     key: "processConfig",
     value: function processConfig(e) {
-      e != null && e.type && e.type === "translation" && (this._service_url = k.AUDIO_TRANSLATIONS_URL, delete e.language);
+      e != null && e.type && e.type === "translation" && (this._service_url = M.AUDIO_TRANSLATIONS_URL, delete e.language);
     }
   }, {
     key: "preprocessBody",
@@ -6165,7 +6189,7 @@ var _OpenAIAudioIO = /*#__PURE__*/function (_DirectServiceIO10) {
               throw new Error("No file was added");
             case 4:
               this.url = this.requestSettings.url || this._service_url;
-              s = this.preprocessBody(this.rawBody, t, n), o = k.createFormDataBody(s, n[0]);
+              s = this.preprocessBody(this.rawBody, t, n), o = M.createFormDataBody(s, n[0]);
               RequestUtils.temporarilyRemoveHeader(this.requestSettings, HTTPRequest.request.bind(this, this, o, e), !1);
             case 7:
             case "end":
@@ -6173,7 +6197,7 @@ var _OpenAIAudioIO = /*#__PURE__*/function (_DirectServiceIO10) {
           }
         }, _callee58, this);
       }));
-      function callServiceAPI(_x102, _x103, _x104) {
+      function callServiceAPI(_x101, _x102, _x103) {
         return _callServiceAPI17.apply(this, arguments);
       }
       return callServiceAPI;
@@ -6200,7 +6224,7 @@ var _OpenAIAudioIO = /*#__PURE__*/function (_DirectServiceIO10) {
           }
         }, _callee59);
       }));
-      function extractResultData(_x105) {
+      function extractResultData(_x104) {
         return _extractResultData21.apply(this, arguments);
       }
       return extractResultData;
@@ -6224,7 +6248,7 @@ var _OpenAIAudioIO = /*#__PURE__*/function (_DirectServiceIO10) {
       }), n;
     }
   }]);
-  return k;
+  return M;
 }(DirectServiceIO);
 _OpenAIAudioIO.AUDIO_TRANSCRIPTIONS_URL = "https://api.openai.com/v1/audio/transcriptions";
 _OpenAIAudioIO.AUDIO_TRANSLATIONS_URL = "https://api.openai.com/v1/audio/translations";
@@ -6285,7 +6309,7 @@ var OpenAIChatIO = /*#__PURE__*/function (_DirectServiceIO11) {
           }
         }, _callee60, this);
       }));
-      function callServiceAPI(_x106, _x107) {
+      function callServiceAPI(_x105, _x106) {
         return _callServiceAPI18.apply(this, arguments);
       }
       return callServiceAPI;
@@ -6316,7 +6340,7 @@ var OpenAIChatIO = /*#__PURE__*/function (_DirectServiceIO11) {
           }
         }, _callee61);
       }));
-      function extractResultData(_x108) {
+      function extractResultData(_x107) {
         return _extractResultData22.apply(this, arguments);
       }
       return extractResultData;
@@ -6383,7 +6407,7 @@ var CohereChatIO = /*#__PURE__*/function (_CohereIO3) {
           }
         }, _callee62, this);
       }));
-      function callServiceAPI(_x109, _x110) {
+      function callServiceAPI(_x108, _x109) {
         return _callServiceAPI19.apply(this, arguments);
       }
       return callServiceAPI;
@@ -6410,7 +6434,7 @@ var CohereChatIO = /*#__PURE__*/function (_CohereIO3) {
           }
         }, _callee63);
       }));
-      function extractResultData(_x111) {
+      function extractResultData(_x110) {
         return _extractResultData23.apply(this, arguments);
       }
       return extractResultData;
@@ -6512,6 +6536,11 @@ var FireEvents = /*#__PURE__*/function () {
         detail: s
       }));
     }
+  }, {
+    key: "onClearMessages",
+    value: function onClearMessages(e) {
+      e.onClearMessages(), e.dispatchEvent(new CustomEvent("clear-messages"));
+    }
   }, {
     key: "onRender",
     value: function onRender(e) {
@@ -6682,6 +6711,11 @@ var IntroPanel = /*#__PURE__*/function () {
     value: function hide() {
       this._isDisplayed && this._elementRef && (this._elementRef.style.display = "none", this._isDisplayed = !1);
     }
+  }, {
+    key: "display",
+    value: function display() {
+      !this._isDisplayed && this._elementRef && (this._elementRef.style.display = "", this._isDisplayed = !0);
+    }
   }], [{
     key: "createIntroPanel",
     value: function createIntroPanel(e) {
@@ -6753,6 +6787,8 @@ var FileMessages = /*#__PURE__*/function () {
       var n = new Image();
       return n.src = e.src, FileMessageUtils.scrollDownOnImageLoad(n.src, t), FileMessageUtils.processContent(n, n.src);
     }
+    // WORK - should base64 images be clickable?
+    // WORK - image still does not scroll down when loaded
   }, {
     key: "addNewImageMessage",
     value: function () {
@@ -6773,7 +6809,7 @@ var FileMessages = /*#__PURE__*/function () {
           }
         }, _callee64);
       }));
-      function addNewImageMessage(_x112, _x113, _x114) {
+      function addNewImageMessage(_x111, _x112, _x113) {
         return _addNewImageMessage.apply(this, arguments);
       }
       return addNewImageMessage;
@@ -6911,9 +6947,9 @@ var Messages = /*#__PURE__*/function () {
     var s = t.permittedErrorPrefixes,
       o = t.introPanelMarkUp,
       a = t.demo;
-    this._remarkable = RemarkableConfig.createNew(), this.elementRef = Messages.createContainerElement(), this.messageStyles = e.messageStyles, this._avatars = e.avatars, this._names = e.names, this._errorMessageOverrides = (l = e.errorMessages) == null ? void 0 : l.overrides, this._onNewMessage = FireEvents.onNewMessage.bind(this, e), this._displayLoadingMessage = Messages.getDisplayLoadingMessage(e, t), this._permittedErrorPrefixes = s, this.populateIntroPanel(n, o, e.introPanelStyle), e.introMessage && this.addIntroductoryMessage(e.introMessage), e.initialMessages && this.populateInitialMessages(e.initialMessages), this.displayServiceErrorMessages = (c = e.errorMessages) == null ? void 0 : c.displayServiceErrorMessages, e.getMessages = function () {
+    this._remarkable = RemarkableConfig.createNew(), this.elementRef = Messages.createContainerElement(), this.messageStyles = e.messageStyles, this._avatars = e.avatars, this._names = e.names, this._errorMessageOverrides = (l = e.errorMessages) == null ? void 0 : l.overrides, this._onNewMessage = FireEvents.onNewMessage.bind(this, e), this._onClearMessages = FireEvents.onClearMessages.bind(this, e), this._displayLoadingMessage = Messages.getDisplayLoadingMessage(e, t), this._permittedErrorPrefixes = s, this.populateIntroPanel(n, o, e.introPanelStyle), e.introMessage && this.addIntroductoryMessage(e.introMessage), e.initialMessages && this.populateInitialMessages(e.initialMessages), this.displayServiceErrorMessages = (c = e.errorMessages) == null ? void 0 : c.displayServiceErrorMessages, e.getMessages = function () {
       return JSON.parse(JSON.stringify(_this28.messages));
-    }, e.refreshMessages = this.refreshTextMessages.bind(this), a && this.prepareDemo(a), e.textToSpeech && TextToSpeech.processConfig(e.textToSpeech, function (u) {
+    }, 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;
     });
   }
@@ -6925,9 +6961,11 @@ var Messages = /*#__PURE__*/function () {
   }, {
     key: "addIntroductoryMessage",
     value: function addIntroductoryMessage(e) {
-      var n;
-      var t = this.createAndAppendNewMessageElement(e, !0);
-      this.applyCustomStyles(t, !0, !1, (n = this.messageStyles) == null ? void 0 : n.intro);
+      var t;
+      if (e && (this._introMessage = e), this._introMessage) {
+        var n = this.createAndAppendNewMessageElement(this._introMessage, !0);
+        this.applyCustomStyles(n, !0, !1, (t = this.messageStyles) == null ? void 0 : t.intro);
+      }
     }
   }, {
     key: "populateInitialMessages",
@@ -7048,6 +7086,11 @@ var Messages = /*#__PURE__*/function () {
       var e, t, n, s, o;
       return (o = (s = (n = (t = (e = this.elementRef.children[this.elementRef.children.length - 1]) == null ? void 0 : e.children) == null ? void 0 : t[0]) == null ? void 0 : n.children) == null ? void 0 : s[0]) == null ? void 0 : o.classList.contains("error-message-text");
     }
+  }, {
+    key: "removeError",
+    value: function removeError() {
+      this.isLastMessageError() && this.elementRef.children[this.elementRef.children.length - 1].remove();
+    }
   }, {
     key: "addLoadingMessage",
     value: function addLoadingMessage() {
@@ -7125,22 +7168,21 @@ var Messages = /*#__PURE__*/function () {
           }
         }, _callee65);
       }));
-      function addMultipleFiles(_x115) {
+      function addMultipleFiles(_x114) {
         return _addMultipleFiles.apply(this, arguments);
       }
       return addMultipleFiles;
-    }() // private clearMessages() {
-    //   const retainedElements: MessageElements[] = [];
-    //   this._messageElementRefs.forEach((message) => {
-    //     const bubbleClasslist = message.bubbleElement.classList;
-    //     if (bubbleClasslist.contains('loading-message-text') || bubbleClasslist.contains('streamed-message')) {
-    //       retainedElements.push(message);
-    //     } else {
-    //       message.outerContainer.remove();
-    //     }
-    //   });
-    //   this._messageElementRefs = retainedElements;
-    // }
+    }()
+  }, {
+    key: "clearMessages",
+    value: function clearMessages(e) {
+      var n, s;
+      var t = [];
+      this._messageElementRefs.forEach(function (o) {
+        var a = o.bubbleElement.classList;
+        a.contains("loading-message-text") || a.contains("streamed-message") ? t.push(o) : o.outerContainer.remove();
+      }), this._messageElementRefs = t, e !== !1 && ((n = this._introPanel) != null && n._elementRef && this._introPanel.display(), this.addIntroductoryMessage()), (s = this._onClearMessages) == null || s.call(this);
+    }
     // this is mostly used for enabling highlight.js to highlight code if it is downloads later
   }, {
     key: "refreshTextMessages",
@@ -7872,18 +7914,18 @@ var FileAttachmentsType = /*#__PURE__*/function () {
 var PLAY_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n  <title>play</title>\n  <path d=\"M5.92 24.096q0 1.088 0.928 1.728 0.512 0.288 1.088 0.288 0.448 0 0.896-0.224l16.16-8.064q0.48-0.256 0.8-0.736t0.288-1.088-0.288-1.056-0.8-0.736l-16.16-8.064q-0.448-0.224-0.896-0.224-0.544 0-1.088 0.288-0.928 0.608-0.928 1.728v16.16z\"></path>\n</svg>",
   STOP_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n<title>stop</title>\n<path d=\"M5.92 24.096q0 0.832 0.576 1.408t1.44 0.608h16.128q0.832 0 1.44-0.608t0.576-1.408v-16.16q0-0.832-0.576-1.44t-1.44-0.576h-16.128q-0.832 0-1.44 0.576t-0.576 1.44v16.16z\"></path>\n</svg>",
   _AudioFileAttachmentType = /*#__PURE__*/function (_FileAttachmentsType) {
-    _inherits(M, _FileAttachmentsType);
-    var _super35 = _createSuper(M);
-    function M(e, t, n) {
-      _classCallCheck(this, M);
+    _inherits(k, _FileAttachmentsType);
+    var _super35 = _createSuper(k);
+    function k(e, t, n) {
+      _classCallCheck(this, k);
       return _super35.call(this, e, t, n);
     }
-    _createClass(M, [{
+    _createClass(k, [{
       key: "createTimer",
       value: function createTimer(e, t) {
         var _this37 = this;
         var n = 0;
-        var s = t !== void 0 && t < M.TIMER_LIMIT_S ? t : M.TIMER_LIMIT_S;
+        var s = t !== void 0 && t < k.TIMER_LIMIT_S ? t : k.TIMER_LIMIT_S;
         return setInterval(function () {
           var l;
           n += 1, n === s && ((l = _this37.stopPlaceholderCallback) == null || l.call(_this37), _this37.clearTimer()), n === 600 && e.classList.add("audio-placeholder-text-4-digits");
@@ -7895,7 +7937,7 @@ var PLAY_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox
     }, {
       key: "createPlaceholderAudioAttachment",
       value: function createPlaceholderAudioAttachment(e) {
-        var t = M.createAudioContainer(),
+        var t = k.createAudioContainer(),
           n = document.createElement("div");
         n.classList.add("audio-placeholder-text-3-digits");
         var s = document.createElement("div");
@@ -7932,7 +7974,7 @@ var PLAY_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox
       key: "completePlaceholderAttachment",
       value: function completePlaceholderAttachment(e, t) {
         var n = this._activePlaceholderAttachment;
-        n && (n.file = e, M.addAudioElements(n.attachmentContainerElement.children[0], t), n.removeButton = this.createRemoveAttachmentButton(n), n.attachmentContainerElement.appendChild(n.removeButton), this._activePlaceholderAttachment = void 0, this.clearTimer());
+        n && (n.file = e, k.addAudioElements(n.attachmentContainerElement.children[0], t), n.removeButton = this.createRemoveAttachmentButton(n), n.attachmentContainerElement.appendChild(n.removeButton), this._activePlaceholderAttachment = void 0, this.clearTimer());
       }
     }, {
       key: "removePlaceholderAttachment",
@@ -7972,8 +8014,8 @@ var PLAY_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox
     }, {
       key: "createAudioAttachment",
       value: function createAudioAttachment(e) {
-        var t = M.createAudioContainer();
-        return M.addAudioElements(t, e), t;
+        var t = k.createAudioContainer();
+        return k.addAudioElements(t, e), t;
       }
     }, {
       key: "stopAttachmentPlayback",
@@ -7982,7 +8024,7 @@ var PLAY_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox
         (s = (n = (t = e.children[0]) == null ? void 0 : t.children) == null ? void 0 : n[0]) != null && s.classList.contains("stop-icon") && e.children[0].click();
       }
     }]);
-    return M;
+    return k;
   }(FileAttachmentsType);
 _AudioFileAttachmentType.TIMER_LIMIT_S = 5999;
 var AudioFileAttachmentType = _AudioFileAttachmentType;
@@ -8054,7 +8096,7 @@ var FileAttachments = /*#__PURE__*/function () {
                     }
                   }, _callee66);
                 }));
-                return function (_x116) {
+                return function (_x115) {
                   return _ref6.apply(this, arguments);
                 };
               }()));
@@ -9301,7 +9343,7 @@ var AzureSpeechConfig = /*#__PURE__*/function () {
           }
         }, _callee68);
       }));
-      function getNewSpeechConfig(_x117, _x118) {
+      function getNewSpeechConfig(_x116, _x117) {
         return _getNewSpeechConfig.apply(this, arguments);
       }
       return getNewSpeechConfig;
@@ -9330,7 +9372,7 @@ var AzureSpeechConfig = /*#__PURE__*/function () {
           }
         }, _callee69);
       }));
-      function get(_x119, _x120) {
+      function get(_x118, _x119) {
         return _get.apply(this, arguments);
       }
       return get;
@@ -9441,7 +9483,7 @@ var Azure = /*#__PURE__*/function (_speech_1$Speech) {
           }
         }, _callee70, this);
       }));
-      function startAsync(_x121) {
+      function startAsync(_x120) {
         return _startAsync.apply(this, arguments);
       }
       return startAsync;
@@ -9475,7 +9517,7 @@ var Azure = /*#__PURE__*/function (_speech_1$Speech) {
           }
         }, _callee71, this);
       }));
-      function instantiateService(_x122) {
+      function instantiateService(_x121) {
         return _instantiateService.apply(this, arguments);
       }
       return instantiateService;
@@ -9849,11 +9891,13 @@ var SubmitButton = /*#__PURE__*/function (_InputButton4) {
     }
     // TO-DO - button should be disabled if validateMessageBeforeSending is not valid
     // TO-DO - button should be disabled if websocket connection is not open
+    // TO-DO - should be disabled when websocket is connecting and option when loading history
+    // prettier-ignore
   }, {
     key: "submit",
     value: function () {
       var _submit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee72(e, t) {
-        var l, c, n, s, o, a;
+        var c, u, n, s, o, a, l;
         return _regeneratorRuntime().wrap(function _callee72$(_context72) {
           while (1) switch (_context72.prev = _context72.next) {
             case 0:
@@ -9866,8 +9910,8 @@ var SubmitButton = /*#__PURE__*/function (_InputButton4) {
               return this._fileAttachments.completePlaceholders();
             case 4:
               n = this._fileAttachments.getAllFileData();
-              s = n == null ? void 0 : n.map(function (u) {
-                return u.file;
+              s = n == null ? void 0 : n.map(function (d) {
+                return d.file;
               });
             case 6:
               o = t === "" ? void 0 : t;
@@ -9877,54 +9921,61 @@ var SubmitButton = /*#__PURE__*/function (_InputButton4) {
               }
               return _context72.abrupt("return");
             case 9:
-              if (!((l = this._serviceIO.deepChat) != null && l.validateMessageBeforeSending)) {
-                _context72.next = 14;
+              a = this._serviceIO.websocket;
+              if (!(a && (a === "pending" || a.readyState === void 0 || a.readyState !== a.OPEN))) {
+                _context72.next = 12;
+                break;
+              }
+              return _context72.abrupt("return");
+            case 12:
+              if (!((c = this._serviceIO.deepChat) != null && c.validateMessageBeforeSending)) {
+                _context72.next = 17;
                 break;
               }
               if (this._serviceIO.deepChat.validateMessageBeforeSending(o, s)) {
-                _context72.next = 12;
+                _context72.next = 15;
                 break;
               }
               return _context72.abrupt("return");
-            case 12:
-              _context72.next = 16;
+            case 15:
+              _context72.next = 19;
               break;
-            case 14:
+            case 17:
               if (this._serviceIO.canSendMessage(o, s)) {
-                _context72.next = 16;
+                _context72.next = 19;
                 break;
               }
               return _context72.abrupt("return");
-            case 16:
+            case 19:
               this.changeToLoadingIcon();
               t !== "" && this._messages.addNewMessage({
                 text: t
               }, !1, !0);
               _context72.t1 = n;
               if (!_context72.t1) {
-                _context72.next = 22;
+                _context72.next = 25;
                 break;
               }
-              _context72.next = 22;
+              _context72.next = 25;
               return this._messages.addMultipleFiles(n);
-            case 22:
+            case 25:
               this._messages.addLoadingMessage();
               e || TextInputEl.clear(this._inputElementRef);
-              a = {
+              l = {
                 text: o,
                 files: s
               };
-              _context72.next = 27;
-              return this._serviceIO.callAPI(a, this._messages);
-            case 27:
-              e || (c = this._fileAttachments) == null || c.removeAllFiles();
-            case 28:
+              _context72.next = 30;
+              return this._serviceIO.callAPI(l, this._messages);
+            case 30:
+              e || (u = this._fileAttachments) == null || u.removeAllFiles();
+            case 31:
             case "end":
               return _context72.stop();
           }
         }, _callee72, this);
       }));
-      function submit(_x123, _x124) {
+      function submit(_x122, _x123) {
         return _submit.apply(this, arguments);
       }
       return submit;
@@ -10229,7 +10280,7 @@ var ChatView = /*#__PURE__*/function () {
       var s = document.createElement("div");
       s.id = "chat-view";
       var o = new Messages(e, t, n);
-      t.websocket && Websocket.assignListeners(t, o);
+      t.websocket && Websocket.createConnection(t, o);
       var a = new Input(e, o, t, s);
       return ElementUtils.addElements(s, o.elementRef, a.elementRef), s;
     }
@@ -10262,7 +10313,7 @@ var DeepChat = /*#__PURE__*/function (_InternalHTML2) {
       return console.warn("submitUserMessage failed - please wait for chat view to render before calling this property.");
     }, _this60.focusInput = function () {
       FocusUtils.focusFromParentElement(_this60._elementRef);
-    }, _this60.refreshMessages = function () {}, _this60.onNewMessage = function () {}, _this60.onComponentRender = function () {}, _this60._hasBeenRendered = !1, _this60._auxiliaryStyleApplied = !1, GoogleFont.appendStyleSheetToHead(), _this60._elementRef = document.createElement("div"), _this60._elementRef.id = "container", _this60.attachShadow({
+    }, _this60.refreshMessages = function () {}, _this60.clearMessages = function () {}, _this60.onNewMessage = function () {}, _this60.onClearMessages = function () {}, _this60.onComponentRender = function () {}, _this60._hasBeenRendered = !1, _this60._auxiliaryStyleApplied = !1, GoogleFont.appendStyleSheetToHead(), _this60._elementRef = document.createElement("div"), _this60._elementRef.id = "container", _this60.attachShadow({
       mode: "open"
     }).appendChild(_this60._elementRef), WebComponentStyleUtils.apply(style, _this60.shadowRoot), setTimeout(function () {
       _this60._hasBeenRendered || _this60.onRender();
@@ -10279,8 +10330,8 @@ var DeepChat = /*#__PURE__*/function (_InternalHTML2) {
     key: "onRender",
     value: function onRender() {
       var _this$_activeService, _this$_childElement;
-      var e, t;
-      (_this$_activeService = this._activeService) !== null && _this$_activeService !== void 0 ? _this$_activeService : this._activeService = ServiceIOFactory.create(this), this._activeService && (this.auxiliaryStyle && !this._auxiliaryStyleApplied && (WebComponentStyleUtils.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0), Object.assign(this._elementRef.style, this.containerStyle), this._activeService.key && this._activeService.validateConfigKey ? ValidateKeyPropertyView.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : this._activeService instanceof DirectServiceIO && this._activeService.key || (e = this.request) != null && e.url || (t = this.directConnection) != null && t.demo ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], ChatView.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof DirectServiceIO ? InsertKeyView.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : ErrorView.render(this._elementRef, 'Please define "request" with a "url"'), this._hasBeenRendered = !0, FireEvents.onRender(this));
+      var e, t, n;
+      (_this$_activeService = this._activeService) !== null && _this$_activeService !== void 0 ? _this$_activeService : this._activeService = ServiceIOFactory.create(this), this._activeService && (this.auxiliaryStyle && !this._auxiliaryStyleApplied && (WebComponentStyleUtils.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0), Object.assign(this._elementRef.style, this.containerStyle), this._activeService.key && this._activeService.validateConfigKey ? ValidateKeyPropertyView.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : this._activeService instanceof DirectServiceIO && this._activeService.key || (e = this.request) != null && e.url || (t = this.request) != null && t.handler || (n = this.directConnection) != null && n.demo ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], ChatView.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof DirectServiceIO ? InsertKeyView.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : ErrorView.render(this._elementRef, 'Please define "request" with a "url"'), this._hasBeenRendered = !0, FireEvents.onRender(this));
     }
   }]);
   return DeepChat;
@@ -10317,6 +10368,7 @@ __decorateClass([Property("object")], DeepChat.prototype, "mixedFiles", 2);
 __decorateClass([Property("object")], DeepChat.prototype, "dragAndDrop", 2);
 __decorateClass([Property("object")], DeepChat.prototype, "introPanelStyle", 2);
 __decorateClass([Property("function")], DeepChat.prototype, "onNewMessage", 2);
+__decorateClass([Property("function")], DeepChat.prototype, "onClearMessages", 2);
 __decorateClass([Property("function")], DeepChat.prototype, "onComponentRender", 2);
 customElements.define("deep-chat", DeepChat);
 export { DeepChat };