@microsoft/omnichannel-chat-widget 1.7.8-main.29ce174 → 1.7.8-main.50111af

package/lib/cjs/plugins/createChatTranscript.js

@@ -8,14 +8,18 @@ var _utils = require("../common/utils");
 var _defaultLibraryScripts = _interopRequireDefault(require("../components/footerstateful/downloadtranscriptstateful/common/defaultLibraryScripts"));
 var _dompurify = _interopRequireDefault(require("dompurify"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-class TranscriptHTMLBuilder {
+let TranscriptHTMLBuilder = /*#__PURE__*/function () {
   // eslint-disable-line @typescript-eslint/no-explicit-any
 
-  constructor(options) {
+  function TranscriptHTMLBuilder(options) {
     var _this$options, _this$options2, _this$options3, _this$options4, _this$options5, _this$options6, _this$options7, _this$options8, _this$options9, _this$options10, _this$options11, _this$options12, _this$options13;
+    _classCallCheck(this, TranscriptHTMLBuilder);
     _defineProperty(this, "options", void 0);
     _defineProperty(this, "pageTitle", "Customer Transcript");
     _defineProperty(this, "attachmentMessage", "The following attachment was uploaded during the conversation: ");
@@ -75,59 +79,79 @@ class TranscriptHTMLBuilder {
       this.externalScripts = this.options.externalScripts;
     }
   }
-  createMetaElement() {
-    const htmlData = `
+  _createClass(TranscriptHTMLBuilder, [{
+    key: "createMetaElement",
+    value: function createMetaElement() {
+      const htmlData = `
             <meta charset="UTF-8">
         `;
-    return htmlData;
-  }
-  createTitleElement() {
-    const htmlData = `<title> ${this.pageTitle} </title>`;
-    return htmlData;
-  }
-  createScriptElement(src) {
-    let integrity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
-    let crossOrigin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
-    let referrerPolicy = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
-    return `<script src="${src}" ${integrity ? `integrity="${integrity}"` : ""} ${crossOrigin ? `crossorigin="${crossOrigin}"` : ""} ${referrerPolicy ? `referrerpolicy="${referrerPolicy}"` : ""}><\/script>`;
-  }
-  createWebChatScriptElement() {
-    var _this$externalScripts, _this$externalScripts2, _this$externalScripts3, _this$externalScripts4, _this$externalScripts5, _this$externalScripts6, _this$externalScripts7, _this$externalScripts8, _this$externalScripts9, _this$externalScripts10;
-    return (_this$externalScripts = this.externalScripts) !== null && _this$externalScripts !== void 0 && (_this$externalScripts2 = _this$externalScripts.botframeworkWebChat) !== null && _this$externalScripts2 !== void 0 && _this$externalScripts2.src ? this.createScriptElement((_this$externalScripts3 = this.externalScripts) === null || _this$externalScripts3 === void 0 ? void 0 : (_this$externalScripts4 = _this$externalScripts3.botframeworkWebChat) === null || _this$externalScripts4 === void 0 ? void 0 : _this$externalScripts4.src, (_this$externalScripts5 = this.externalScripts) === null || _this$externalScripts5 === void 0 ? void 0 : (_this$externalScripts6 = _this$externalScripts5.botframeworkWebChat) === null || _this$externalScripts6 === void 0 ? void 0 : _this$externalScripts6.integrity, (_this$externalScripts7 = this.externalScripts) === null || _this$externalScripts7 === void 0 ? void 0 : (_this$externalScripts8 = _this$externalScripts7.botframeworkWebChat) === null || _this$externalScripts8 === void 0 ? void 0 : _this$externalScripts8.crossOrigin, (_this$externalScripts9 = this.externalScripts) === null || _this$externalScripts9 === void 0 ? void 0 : (_this$externalScripts10 = _this$externalScripts9.botframeworkWebChat) === null || _this$externalScripts10 === void 0 ? void 0 : _this$externalScripts10.referrerPolicy) : this.createScriptElement(_defaultLibraryScripts.default.botframeworkWebChat.src);
-  }
-  createRxJsScriptElement() {
-    var _this$externalScripts11, _this$externalScripts12, _this$externalScripts13, _this$externalScripts14, _this$externalScripts15, _this$externalScripts16, _this$externalScripts17, _this$externalScripts18, _this$externalScripts19, _this$externalScripts20;
-    return (_this$externalScripts11 = this.externalScripts) !== null && _this$externalScripts11 !== void 0 && (_this$externalScripts12 = _this$externalScripts11.rxJs) !== null && _this$externalScripts12 !== void 0 && _this$externalScripts12.src ? this.createScriptElement((_this$externalScripts13 = this.externalScripts) === null || _this$externalScripts13 === void 0 ? void 0 : (_this$externalScripts14 = _this$externalScripts13.rxJs) === null || _this$externalScripts14 === void 0 ? void 0 : _this$externalScripts14.src, (_this$externalScripts15 = this.externalScripts) === null || _this$externalScripts15 === void 0 ? void 0 : (_this$externalScripts16 = _this$externalScripts15.rxJs) === null || _this$externalScripts16 === void 0 ? void 0 : _this$externalScripts16.integrity, (_this$externalScripts17 = this.externalScripts) === null || _this$externalScripts17 === void 0 ? void 0 : (_this$externalScripts18 = _this$externalScripts17.rxJs) === null || _this$externalScripts18 === void 0 ? void 0 : _this$externalScripts18.crossOrigin, (_this$externalScripts19 = this.externalScripts) === null || _this$externalScripts19 === void 0 ? void 0 : (_this$externalScripts20 = _this$externalScripts19.rxJs) === null || _this$externalScripts20 === void 0 ? void 0 : _this$externalScripts20.referrerPolicy) : this.createScriptElement(_defaultLibraryScripts.default.rxJs.src, _defaultLibraryScripts.default.rxJs.integrity, _defaultLibraryScripts.default.rxJs.crossOrigin, _defaultLibraryScripts.default.rxJs.referrerPolicy);
-  }
-  createReactScriptElement() {
-    var _this$externalScripts21, _this$externalScripts22, _this$externalScripts23, _this$externalScripts24, _this$externalScripts25, _this$externalScripts26, _this$externalScripts27, _this$externalScripts28, _this$externalScripts29, _this$externalScripts30;
-    return (_this$externalScripts21 = this.externalScripts) !== null && _this$externalScripts21 !== void 0 && (_this$externalScripts22 = _this$externalScripts21.react) !== null && _this$externalScripts22 !== void 0 && _this$externalScripts22.src ? this.createScriptElement((_this$externalScripts23 = this.externalScripts) === null || _this$externalScripts23 === void 0 ? void 0 : (_this$externalScripts24 = _this$externalScripts23.react) === null || _this$externalScripts24 === void 0 ? void 0 : _this$externalScripts24.src, (_this$externalScripts25 = this.externalScripts) === null || _this$externalScripts25 === void 0 ? void 0 : (_this$externalScripts26 = _this$externalScripts25.react) === null || _this$externalScripts26 === void 0 ? void 0 : _this$externalScripts26.integrity, (_this$externalScripts27 = this.externalScripts) === null || _this$externalScripts27 === void 0 ? void 0 : (_this$externalScripts28 = _this$externalScripts27.react) === null || _this$externalScripts28 === void 0 ? void 0 : _this$externalScripts28.crossOrigin, (_this$externalScripts29 = this.externalScripts) === null || _this$externalScripts29 === void 0 ? void 0 : (_this$externalScripts30 = _this$externalScripts29.react) === null || _this$externalScripts30 === void 0 ? void 0 : _this$externalScripts30.referrerPolicy) : this.createScriptElement(_defaultLibraryScripts.default.react.src);
-  }
-  createReactDomScriptElement() {
-    var _this$externalScripts31, _this$externalScripts32, _this$externalScripts33, _this$externalScripts34, _this$externalScripts35, _this$externalScripts36, _this$externalScripts37, _this$externalScripts38, _this$externalScripts39, _this$externalScripts40, _this$externalScripts41, _this$externalScripts42;
-    return (_this$externalScripts31 = this.externalScripts) !== null && _this$externalScripts31 !== void 0 && (_this$externalScripts32 = _this$externalScripts31.reactDom) !== null && _this$externalScripts32 !== void 0 && _this$externalScripts32.src ? this.createScriptElement((_this$externalScripts33 = this.externalScripts) === null || _this$externalScripts33 === void 0 ? void 0 : (_this$externalScripts34 = _this$externalScripts33.reactDom) === null || _this$externalScripts34 === void 0 ? void 0 : _this$externalScripts34.src, (_this$externalScripts35 = this.externalScripts) === null || _this$externalScripts35 === void 0 ? void 0 : (_this$externalScripts36 = _this$externalScripts35.reactDom) === null || _this$externalScripts36 === void 0 ? void 0 : _this$externalScripts36.integrity, (_this$externalScripts37 = this.externalScripts) === null || _this$externalScripts37 === void 0 ? void 0 : (_this$externalScripts38 = _this$externalScripts37.reactDom) === null || _this$externalScripts38 === void 0 ? void 0 : _this$externalScripts38.crossOrigin, (_this$externalScripts39 = this.externalScripts) === null || _this$externalScripts39 === void 0 ? void 0 : (_this$externalScripts40 = _this$externalScripts39.reactDom) === null || _this$externalScripts40 === void 0 ? void 0 : _this$externalScripts40.referrerPolicy) : this.createScriptElement(((_this$externalScripts41 = this.externalScripts) === null || _this$externalScripts41 === void 0 ? void 0 : (_this$externalScripts42 = _this$externalScripts41.reactDom) === null || _this$externalScripts42 === void 0 ? void 0 : _this$externalScripts42.src) ?? _defaultLibraryScripts.default.reactDom.src);
-  }
-  createMarkdownItScriptElement() {
-    var _this$externalScripts43, _this$externalScripts44, _this$externalScripts45, _this$externalScripts46, _this$externalScripts47, _this$externalScripts48, _this$externalScripts49, _this$externalScripts50, _this$externalScripts51, _this$externalScripts52;
-    return (_this$externalScripts43 = this.externalScripts) !== null && _this$externalScripts43 !== void 0 && (_this$externalScripts44 = _this$externalScripts43.markdownIt) !== null && _this$externalScripts44 !== void 0 && _this$externalScripts44.src ? this.createScriptElement((_this$externalScripts45 = this.externalScripts) === null || _this$externalScripts45 === void 0 ? void 0 : (_this$externalScripts46 = _this$externalScripts45.markdownIt) === null || _this$externalScripts46 === void 0 ? void 0 : _this$externalScripts46.src, (_this$externalScripts47 = this.externalScripts) === null || _this$externalScripts47 === void 0 ? void 0 : (_this$externalScripts48 = _this$externalScripts47.markdownIt) === null || _this$externalScripts48 === void 0 ? void 0 : _this$externalScripts48.integrity, (_this$externalScripts49 = this.externalScripts) === null || _this$externalScripts49 === void 0 ? void 0 : (_this$externalScripts50 = _this$externalScripts49.markdownIt) === null || _this$externalScripts50 === void 0 ? void 0 : _this$externalScripts50.crossOrigin, (_this$externalScripts51 = this.externalScripts) === null || _this$externalScripts51 === void 0 ? void 0 : (_this$externalScripts52 = _this$externalScripts51.markdownIt) === null || _this$externalScripts52 === void 0 ? void 0 : _this$externalScripts52.referrerPolicy) : this.createScriptElement(_defaultLibraryScripts.default.markdownIt.src, _defaultLibraryScripts.default.markdownIt.integrity, _defaultLibraryScripts.default.markdownIt.crossOrigin);
-  }
-  createExternalScriptElements() {
-    const webChatScript = this.createWebChatScriptElement();
-    const rxJsScript = this.createRxJsScriptElement();
-    const reactScript = this.createReactScriptElement();
-    const reactDomScript = this.createReactDomScriptElement();
-    const markdownItScript = this.createMarkdownItScriptElement();
-    const htmlData = `
+      return htmlData;
+    }
+  }, {
+    key: "createTitleElement",
+    value: function createTitleElement() {
+      const htmlData = `<title> ${this.pageTitle} </title>`;
+      return htmlData;
+    }
+  }, {
+    key: "createScriptElement",
+    value: function createScriptElement(src) {
+      let integrity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+      let crossOrigin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+      let referrerPolicy = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
+      return `<script src="${src}" ${integrity ? `integrity="${integrity}"` : ""} ${crossOrigin ? `crossorigin="${crossOrigin}"` : ""} ${referrerPolicy ? `referrerpolicy="${referrerPolicy}"` : ""}><\/script>`;
+    }
+  }, {
+    key: "createWebChatScriptElement",
+    value: function createWebChatScriptElement() {
+      var _this$externalScripts, _this$externalScripts2, _this$externalScripts3, _this$externalScripts4, _this$externalScripts5, _this$externalScripts6, _this$externalScripts7, _this$externalScripts8, _this$externalScripts9, _this$externalScripts10;
+      return (_this$externalScripts = this.externalScripts) !== null && _this$externalScripts !== void 0 && (_this$externalScripts2 = _this$externalScripts.botframeworkWebChat) !== null && _this$externalScripts2 !== void 0 && _this$externalScripts2.src ? this.createScriptElement((_this$externalScripts3 = this.externalScripts) === null || _this$externalScripts3 === void 0 ? void 0 : (_this$externalScripts4 = _this$externalScripts3.botframeworkWebChat) === null || _this$externalScripts4 === void 0 ? void 0 : _this$externalScripts4.src, (_this$externalScripts5 = this.externalScripts) === null || _this$externalScripts5 === void 0 ? void 0 : (_this$externalScripts6 = _this$externalScripts5.botframeworkWebChat) === null || _this$externalScripts6 === void 0 ? void 0 : _this$externalScripts6.integrity, (_this$externalScripts7 = this.externalScripts) === null || _this$externalScripts7 === void 0 ? void 0 : (_this$externalScripts8 = _this$externalScripts7.botframeworkWebChat) === null || _this$externalScripts8 === void 0 ? void 0 : _this$externalScripts8.crossOrigin, (_this$externalScripts9 = this.externalScripts) === null || _this$externalScripts9 === void 0 ? void 0 : (_this$externalScripts10 = _this$externalScripts9.botframeworkWebChat) === null || _this$externalScripts10 === void 0 ? void 0 : _this$externalScripts10.referrerPolicy) : this.createScriptElement(_defaultLibraryScripts.default.botframeworkWebChat.src);
+    }
+  }, {
+    key: "createRxJsScriptElement",
+    value: function createRxJsScriptElement() {
+      var _this$externalScripts11, _this$externalScripts12, _this$externalScripts13, _this$externalScripts14, _this$externalScripts15, _this$externalScripts16, _this$externalScripts17, _this$externalScripts18, _this$externalScripts19, _this$externalScripts20;
+      return (_this$externalScripts11 = this.externalScripts) !== null && _this$externalScripts11 !== void 0 && (_this$externalScripts12 = _this$externalScripts11.rxJs) !== null && _this$externalScripts12 !== void 0 && _this$externalScripts12.src ? this.createScriptElement((_this$externalScripts13 = this.externalScripts) === null || _this$externalScripts13 === void 0 ? void 0 : (_this$externalScripts14 = _this$externalScripts13.rxJs) === null || _this$externalScripts14 === void 0 ? void 0 : _this$externalScripts14.src, (_this$externalScripts15 = this.externalScripts) === null || _this$externalScripts15 === void 0 ? void 0 : (_this$externalScripts16 = _this$externalScripts15.rxJs) === null || _this$externalScripts16 === void 0 ? void 0 : _this$externalScripts16.integrity, (_this$externalScripts17 = this.externalScripts) === null || _this$externalScripts17 === void 0 ? void 0 : (_this$externalScripts18 = _this$externalScripts17.rxJs) === null || _this$externalScripts18 === void 0 ? void 0 : _this$externalScripts18.crossOrigin, (_this$externalScripts19 = this.externalScripts) === null || _this$externalScripts19 === void 0 ? void 0 : (_this$externalScripts20 = _this$externalScripts19.rxJs) === null || _this$externalScripts20 === void 0 ? void 0 : _this$externalScripts20.referrerPolicy) : this.createScriptElement(_defaultLibraryScripts.default.rxJs.src, _defaultLibraryScripts.default.rxJs.integrity, _defaultLibraryScripts.default.rxJs.crossOrigin, _defaultLibraryScripts.default.rxJs.referrerPolicy);
+    }
+  }, {
+    key: "createReactScriptElement",
+    value: function createReactScriptElement() {
+      var _this$externalScripts21, _this$externalScripts22, _this$externalScripts23, _this$externalScripts24, _this$externalScripts25, _this$externalScripts26, _this$externalScripts27, _this$externalScripts28, _this$externalScripts29, _this$externalScripts30;
+      return (_this$externalScripts21 = this.externalScripts) !== null && _this$externalScripts21 !== void 0 && (_this$externalScripts22 = _this$externalScripts21.react) !== null && _this$externalScripts22 !== void 0 && _this$externalScripts22.src ? this.createScriptElement((_this$externalScripts23 = this.externalScripts) === null || _this$externalScripts23 === void 0 ? void 0 : (_this$externalScripts24 = _this$externalScripts23.react) === null || _this$externalScripts24 === void 0 ? void 0 : _this$externalScripts24.src, (_this$externalScripts25 = this.externalScripts) === null || _this$externalScripts25 === void 0 ? void 0 : (_this$externalScripts26 = _this$externalScripts25.react) === null || _this$externalScripts26 === void 0 ? void 0 : _this$externalScripts26.integrity, (_this$externalScripts27 = this.externalScripts) === null || _this$externalScripts27 === void 0 ? void 0 : (_this$externalScripts28 = _this$externalScripts27.react) === null || _this$externalScripts28 === void 0 ? void 0 : _this$externalScripts28.crossOrigin, (_this$externalScripts29 = this.externalScripts) === null || _this$externalScripts29 === void 0 ? void 0 : (_this$externalScripts30 = _this$externalScripts29.react) === null || _this$externalScripts30 === void 0 ? void 0 : _this$externalScripts30.referrerPolicy) : this.createScriptElement(_defaultLibraryScripts.default.react.src);
+    }
+  }, {
+    key: "createReactDomScriptElement",
+    value: function createReactDomScriptElement() {
+      var _this$externalScripts31, _this$externalScripts32, _this$externalScripts33, _this$externalScripts34, _this$externalScripts35, _this$externalScripts36, _this$externalScripts37, _this$externalScripts38, _this$externalScripts39, _this$externalScripts40, _this$externalScripts41, _this$externalScripts42;
+      return (_this$externalScripts31 = this.externalScripts) !== null && _this$externalScripts31 !== void 0 && (_this$externalScripts32 = _this$externalScripts31.reactDom) !== null && _this$externalScripts32 !== void 0 && _this$externalScripts32.src ? this.createScriptElement((_this$externalScripts33 = this.externalScripts) === null || _this$externalScripts33 === void 0 ? void 0 : (_this$externalScripts34 = _this$externalScripts33.reactDom) === null || _this$externalScripts34 === void 0 ? void 0 : _this$externalScripts34.src, (_this$externalScripts35 = this.externalScripts) === null || _this$externalScripts35 === void 0 ? void 0 : (_this$externalScripts36 = _this$externalScripts35.reactDom) === null || _this$externalScripts36 === void 0 ? void 0 : _this$externalScripts36.integrity, (_this$externalScripts37 = this.externalScripts) === null || _this$externalScripts37 === void 0 ? void 0 : (_this$externalScripts38 = _this$externalScripts37.reactDom) === null || _this$externalScripts38 === void 0 ? void 0 : _this$externalScripts38.crossOrigin, (_this$externalScripts39 = this.externalScripts) === null || _this$externalScripts39 === void 0 ? void 0 : (_this$externalScripts40 = _this$externalScripts39.reactDom) === null || _this$externalScripts40 === void 0 ? void 0 : _this$externalScripts40.referrerPolicy) : this.createScriptElement(((_this$externalScripts41 = this.externalScripts) === null || _this$externalScripts41 === void 0 ? void 0 : (_this$externalScripts42 = _this$externalScripts41.reactDom) === null || _this$externalScripts42 === void 0 ? void 0 : _this$externalScripts42.src) ?? _defaultLibraryScripts.default.reactDom.src);
+    }
+  }, {
+    key: "createMarkdownItScriptElement",
+    value: function createMarkdownItScriptElement() {
+      var _this$externalScripts43, _this$externalScripts44, _this$externalScripts45, _this$externalScripts46, _this$externalScripts47, _this$externalScripts48, _this$externalScripts49, _this$externalScripts50, _this$externalScripts51, _this$externalScripts52;
+      return (_this$externalScripts43 = this.externalScripts) !== null && _this$externalScripts43 !== void 0 && (_this$externalScripts44 = _this$externalScripts43.markdownIt) !== null && _this$externalScripts44 !== void 0 && _this$externalScripts44.src ? this.createScriptElement((_this$externalScripts45 = this.externalScripts) === null || _this$externalScripts45 === void 0 ? void 0 : (_this$externalScripts46 = _this$externalScripts45.markdownIt) === null || _this$externalScripts46 === void 0 ? void 0 : _this$externalScripts46.src, (_this$externalScripts47 = this.externalScripts) === null || _this$externalScripts47 === void 0 ? void 0 : (_this$externalScripts48 = _this$externalScripts47.markdownIt) === null || _this$externalScripts48 === void 0 ? void 0 : _this$externalScripts48.integrity, (_this$externalScripts49 = this.externalScripts) === null || _this$externalScripts49 === void 0 ? void 0 : (_this$externalScripts50 = _this$externalScripts49.markdownIt) === null || _this$externalScripts50 === void 0 ? void 0 : _this$externalScripts50.crossOrigin, (_this$externalScripts51 = this.externalScripts) === null || _this$externalScripts51 === void 0 ? void 0 : (_this$externalScripts52 = _this$externalScripts51.markdownIt) === null || _this$externalScripts52 === void 0 ? void 0 : _this$externalScripts52.referrerPolicy) : this.createScriptElement(_defaultLibraryScripts.default.markdownIt.src, _defaultLibraryScripts.default.markdownIt.integrity, _defaultLibraryScripts.default.markdownIt.crossOrigin);
+    }
+  }, {
+    key: "createExternalScriptElements",
+    value: function createExternalScriptElements() {
+      const webChatScript = this.createWebChatScriptElement();
+      const rxJsScript = this.createRxJsScriptElement();
+      const reactScript = this.createReactScriptElement();
+      const reactDomScript = this.createReactDomScriptElement();
+      const markdownItScript = this.createMarkdownItScriptElement();
+      const htmlData = `
             ${webChatScript}
             ${rxJsScript}
             ${reactScript}
             ${reactDomScript}
             ${markdownItScript}
         `;
-    return htmlData;
-  }
-  createHeadElement() {
-    const htmlData = `
+      return htmlData;
+    }
+  }, {
+    key: "createHeadElement",
+    value: function createHeadElement() {
+      const htmlData = `
             <head>
                 ${this.createMetaElement()}
                 ${this.createTitleElement()}
@@ -367,10 +391,12 @@ class TranscriptHTMLBuilder {
                 <\/style>
             </head>
         `;
-    return htmlData;
-  }
-  createBodyElement() {
-    const htmlData = `
+      return htmlData;
+    }
+  }, {
+    key: "createBodyElement",
+    value: function createBodyElement() {
+      const htmlData = `
             <body>
                 <script>
                     if (!navigator.onLine) {
@@ -651,18 +677,22 @@ class TranscriptHTMLBuilder {
                 <\/script>
             </body>
         `;
-    return htmlData;
-  }
-  createHTML() {
-    const htmlData = `
+      return htmlData;
+    }
+  }, {
+    key: "createHTML",
+    value: function createHTML() {
+      const htmlData = `
             <html>
                 ${this.createHeadElement()}
                 ${this.createBodyElement()}
             </html>
         `;
-    return htmlData;
-  }
-}
+      return htmlData;
+    }
+  }]);
+  return TranscriptHTMLBuilder;
+}();
 const createChatTranscript = async function (transcript, facadeChatSDK) {
   let renderAttachments = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   let transcriptOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};

package/lib/cjs/plugins/newMessageEventHandler.js

@@ -5,102 +5,116 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createOnNewAdapterActivityHandler = void 0;
 var _TelemetryConstants = require("../common/telemetry/TelemetryConstants");
+var _Constants = require("../firstresponselatency/Constants");
+var _util = require("../firstresponselatency/util");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-var _Constants = require("../common/Constants");
+var _Constants2 = require("../common/Constants");
+var _FirstResponseLatencyTracker = require("../firstresponselatency/FirstResponseLatencyTracker");
 var _TelemetryHelper = require("../common/telemetry/TelemetryHelper");
 var _TelemetryManager = require("../common/telemetry/TelemetryManager");
 const createOnNewAdapterActivityHandler = (chatId, userId) => {
+  // Hooking the message tracker in the listener, a bit invasive but easier to control.
+  const firstResponseLatencyTracker = new _FirstResponseLatencyTracker.FirstResponseLatencyTracker();
+  // epoch time in utc for when start to listen.
+  // We dont longer have a mechanism to know if a message is history or new, so any message older than the time we start listening will be considered a history message.
+  // this is a workaround for the fact that we dont have a way to identify if a message is history or new, and it will provide consistency across different scenarios
+  const startTime = new Date().getTime();
+  let isHistoryMessageReceivedEventRaised = false;
   const onNewAdapterActivityHandler = activity => {
-    var _activity$channelData, _activity$channelData2, _activity$channelData3;
-    const isActivityMessage = (activity === null || activity === void 0 ? void 0 : activity.type) === _Constants.Constants.message;
-    const isHistoryMessage = isActivityMessage && ((activity === null || activity === void 0 ? void 0 : (_activity$channelData = activity.channelData) === null || _activity$channelData === void 0 ? void 0 : (_activity$channelData2 = _activity$channelData.tags) === null || _activity$channelData2 === void 0 ? void 0 : _activity$channelData2.includes(_Constants.Constants.historyMessageTag)) || (activity === null || activity === void 0 ? void 0 : (_activity$channelData3 = activity.channelData) === null || _activity$channelData3 === void 0 ? void 0 : _activity$channelData3.fromList));
-    raiseMessageEvent(activity, isHistoryMessage);
+    raiseMessageEvent(activity);
   };
-  let isHistoryMessageReceivedEventRasied = false;
-  const raiseMessageEvent = (activity, isHistoryMessage) => {
+  const userSendMessageStrategy = activity => {
+    var _TelemetryManager$Int;
+    const payload = (0, _util.buildMessagePayload)(activity, userId);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const polyfillMessagePayloadForEvent = payload => {
-      var _activity$conversatio, _TelemetryManager$Int, _attachments;
-      return {
-        ...payload,
-        channelData: activity === null || activity === void 0 ? void 0 : activity.channelData,
-        chatId: activity === null || activity === void 0 ? void 0 : (_activity$conversatio = activity.conversation) === null || _activity$conversatio === void 0 ? void 0 : _activity$conversatio.id,
-        conversationId: (_TelemetryManager$Int = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int === void 0 ? void 0 : _TelemetryManager$Int.conversationId,
-        id: activity === null || activity === void 0 ? void 0 : activity.id,
-        isChatComplete: false,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        text: activity === null || activity === void 0 ? void 0 : activity.text,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        attachment: (activity === null || activity === void 0 ? void 0 : (_attachments = activity.attachments) === null || _attachments === void 0 ? void 0 : _attachments.length) >= 1 ? activity === null || activity === void 0 ? void 0 : activity.attachments : []
-      };
+    payload.messageType = _Constants2.Constants.userMessageTag;
+    const newMessageSentEvent = {
+      eventName: _TelemetryConstants.BroadcastEvent.NewMessageSent,
+      payload: (0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int === void 0 ? void 0 : _TelemetryManager$Int.conversationId)
     };
-    if ((activity === null || activity === void 0 ? void 0 : activity.type) === _Constants.Constants.message) {
-      var _text, _text2, _activity$channelData4, _activity$from;
-      const payload = {
-        // To identify hidden contents vs empty content
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        text: (activity === null || activity === void 0 ? void 0 : (_text = activity.text) === null || _text === void 0 ? void 0 : _text.length) >= 1 ? `*contents hidden (${activity === null || activity === void 0 ? void 0 : (_text2 = activity.text) === null || _text2 === void 0 ? void 0 : _text2.length} chars)*` : "",
-        type: activity === null || activity === void 0 ? void 0 : activity.type,
-        timestamp: activity === null || activity === void 0 ? void 0 : activity.timestamp,
-        userId: userId,
-        tags: activity === null || activity === void 0 ? void 0 : (_activity$channelData4 = activity.channelData) === null || _activity$channelData4 === void 0 ? void 0 : _activity$channelData4.tags,
-        messageType: ""
-      };
-      if ((activity === null || activity === void 0 ? void 0 : (_activity$from = activity.from) === null || _activity$from === void 0 ? void 0 : _activity$from.role) === _Constants.Constants.userMessageTag) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        payload.messageType = _Constants.Constants.userMessageTag;
-        const newMessageSentEvent = {
-          eventName: _TelemetryConstants.BroadcastEvent.NewMessageSent,
-          payload: polyfillMessagePayloadForEvent(payload)
-        };
-        _omnichannelChatComponents.BroadcastService.postMessage(newMessageSentEvent);
-        _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
-          Event: _TelemetryConstants.TelemetryEvent.MessageSent,
-          Description: "New message sent"
-        });
-      } else {
-        var _activity$channelData5, _activity$channelData6;
-        if (activity !== null && activity !== void 0 && (_activity$channelData5 = activity.channelData) !== null && _activity$channelData5 !== void 0 && (_activity$channelData6 = _activity$channelData5.tags) !== null && _activity$channelData6 !== void 0 && _activity$channelData6.includes(_Constants.Constants.systemMessageTag)) {
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          payload.messageType = _Constants.Constants.systemMessageTag;
-          _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
-            Event: _TelemetryConstants.TelemetryEvent.SystemMessageReceived,
-            Description: "System message received"
-          });
-        } else {
-          var _activity$channelData7, _activity$channelData8, _activity$channelData9;
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          const messageHasNoText = !(activity !== null && activity !== void 0 && activity.text);
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          const messageHasNoTags = !(activity !== null && activity !== void 0 && activity.channelData) || !(activity !== null && activity !== void 0 && (_activity$channelData7 = activity.channelData) !== null && _activity$channelData7 !== void 0 && _activity$channelData7.tags) || (activity === null || activity === void 0 ? void 0 : (_activity$channelData8 = activity.channelData) === null || _activity$channelData8 === void 0 ? void 0 : (_activity$channelData9 = _activity$channelData8.tags) === null || _activity$channelData9 === void 0 ? void 0 : _activity$channelData9.length) === 0;
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          const messageHasNoAttachments = !(activity !== null && activity !== void 0 && activity.attachments) || (activity === null || activity === void 0 ? void 0 : activity.attachments.length) === 0;
-          if (messageHasNoTags && messageHasNoText && messageHasNoAttachments) {
-            return;
-          }
-          payload.messageType = _Constants.Constants.userMessageTag;
-        }
-        const newMessageReceivedEvent = {
-          eventName: isHistoryMessage ? _TelemetryConstants.BroadcastEvent.HistoryMessageReceived : _TelemetryConstants.BroadcastEvent.NewMessageReceived,
-          payload: polyfillMessagePayloadForEvent(payload)
-        };
-        _omnichannelChatComponents.BroadcastService.postMessage(newMessageReceivedEvent);
-        if (!isHistoryMessage) {
-          _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
-            Event: _TelemetryConstants.TelemetryEvent.MessageReceived,
-            Description: "New message received",
-            CustomProperties: payload
-          });
-        } else {
-          if (!isHistoryMessageReceivedEventRasied) {
-            isHistoryMessageReceivedEventRasied = true;
-            _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
-              Event: _TelemetryConstants.TelemetryEvent.RehydrateMessageReceived,
-              Description: "History message received",
-              CustomProperties: payload
-            });
-          }
-        }
+    _omnichannelChatComponents.BroadcastService.postMessage(newMessageSentEvent);
+    if (!(0, _util.isHistoryMessage)(activity, startTime)) {
+      firstResponseLatencyTracker.startClock(payload);
+    }
+    _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.MessageSent,
+      Description: "New message sent"
+    });
+  };
+  const systemMessageStrategy = activity => {
+    const payload = (0, _util.buildMessagePayload)(activity, userId);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    payload.messageType = _Constants2.Constants.systemMessageTag;
+    _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.SystemMessageReceived,
+      Description: "System message received"
+    });
+  };
+  const historyMessageStrategy = payload => {
+    const newMessageReceivedEvent = {
+      eventName: _TelemetryConstants.BroadcastEvent.HistoryMessageReceived,
+      payload: payload
+    };
+    _omnichannelChatComponents.BroadcastService.postMessage(newMessageReceivedEvent);
+    if (!isHistoryMessageReceivedEventRaised) {
+      // this is needed for reload scenarios, it helps to identify the last message received before the reload
+      isHistoryMessageReceivedEventRaised = true;
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.RehydrateMessageReceived,
+        Description: "History message received",
+        CustomProperties: payload
+      });
+    }
+  };
+  const isValidMessage = activity => {
+    var _activity$channelData, _activity$channelData2, _activity$channelData3;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const messageHasNoText = !(activity !== null && activity !== void 0 && activity.text);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const messageHasNoTags = !(activity !== null && activity !== void 0 && activity.channelData) || !(activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && _activity$channelData.tags) || (activity === null || activity === void 0 ? void 0 : (_activity$channelData2 = activity.channelData) === null || _activity$channelData2 === void 0 ? void 0 : (_activity$channelData3 = _activity$channelData2.tags) === null || _activity$channelData3 === void 0 ? void 0 : _activity$channelData3.length) === 0;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const messageHasNoAttachments = !(activity !== null && activity !== void 0 && activity.attachments) || (activity === null || activity === void 0 ? void 0 : activity.attachments.length) === 0;
+    if (messageHasNoTags && messageHasNoText && messageHasNoAttachments) {
+      return false;
+    }
+    return true;
+  };
+  const receivedMessageStrategy = activity => {
+    var _TelemetryManager$Int3;
+    if (!isValidMessage(activity)) return;
+    const isHistoryMessageReceived = (0, _util.isHistoryMessage)(activity, startTime);
+    const payload = (0, _util.buildMessagePayload)(activity, userId);
+    payload.messageType = _Constants2.Constants.userMessageTag;
+    if (isHistoryMessageReceived) {
+      var _TelemetryManager$Int2;
+      historyMessageStrategy((0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int2 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int2 === void 0 ? void 0 : _TelemetryManager$Int2.conversationId));
+      return;
+    }
+    firstResponseLatencyTracker.stopClock(payload);
+    const newMessageReceivedEvent = {
+      eventName: _TelemetryConstants.BroadcastEvent.NewMessageReceived,
+      payload: (0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int3 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int3 === void 0 ? void 0 : _TelemetryManager$Int3.conversationId)
+    };
+    _omnichannelChatComponents.BroadcastService.postMessage(newMessageReceivedEvent);
+    _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.MessageReceived,
+      Description: "New message received",
+      CustomProperties: payload
+    });
+  };
+  const raiseMessageEvent = activity => {
+    if ((activity === null || activity === void 0 ? void 0 : activity.type) === _Constants2.Constants.message) {
+      const scenarioType = (0, _util.getScenarioType)(activity);
+      switch (scenarioType) {
+        case _Constants.ScenarioType.UserSendMessageStrategy:
+          userSendMessageStrategy(activity);
+          break;
+        case _Constants.ScenarioType.SystemMessageStrategy:
+          systemMessageStrategy(activity);
+          break;
+        case _Constants.ScenarioType.ReceivedMessageStrategy:
+          receivedMessageStrategy(activity);
+          break;
       }
     }
   };

package/lib/esm/common/Constants.js

@@ -1,8 +1,13 @@
 var _class;
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-export class Constants {}
+export let Constants = /*#__PURE__*/_createClass(function Constants() {
+  _classCallCheck(this, Constants);
+});
 _defineProperty(Constants, "magicCodeBroadcastChannel", "MagicCodeChannel");
 _defineProperty(Constants, "magicCodeResponseBroadcastChannel", "MagicCodeResponseChannel");
 _defineProperty(Constants, "systemMessageTag", "system");
@@ -116,16 +121,26 @@ _defineProperty(Constants, "InitContextParamsResponse", "initContextParamsRespon
 _defineProperty(Constants, "OCOriginalMessageId", "OriginalMessageId");
 _defineProperty(Constants, "WebchatSequenceIdAttribute", "webchat:sequence-id");
 _defineProperty(Constants, "MessageSequenceIdOverride", "MessageSequenceIdOverride");
-export const Regex = (_class = class Regex {}, _defineProperty(_class, "EmailRegex", "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])"), _class);
-export class HtmlIdNames {}
+export const Regex = (_class = /*#__PURE__*/_createClass(function Regex() {
+  _classCallCheck(this, Regex);
+}), _defineProperty(_class, "EmailRegex", "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])"), _class);
+export let HtmlIdNames = /*#__PURE__*/_createClass(function HtmlIdNames() {
+  _classCallCheck(this, HtmlIdNames);
+});
 _defineProperty(HtmlIdNames, "MSLiveChatWidget", "MSLiveChatWidget");
-export class HtmlClassNames {}
+export let HtmlClassNames = /*#__PURE__*/_createClass(function HtmlClassNames() {
+  _classCallCheck(this, HtmlClassNames);
+});
 _defineProperty(HtmlClassNames, "webChatBannerCloseButton", "webchat__toast__dismissButton");
 _defineProperty(HtmlClassNames, "webChatBannerExpandButton", "webchat__toaster__expandIcon");
 _defineProperty(HtmlClassNames, "webChatHistoryContainer", "webchat__basic-transcript");
-export class HtmlElementSelectors {}
+export let HtmlElementSelectors = /*#__PURE__*/_createClass(function HtmlElementSelectors() {
+  _classCallCheck(this, HtmlElementSelectors);
+});
 _defineProperty(HtmlElementSelectors, "sendBoxSelector", "textarea[data-id=\"webchat-sendbox-input\"]");
-export class HtmlAttributeNames {}
+export let HtmlAttributeNames = /*#__PURE__*/_createClass(function HtmlAttributeNames() {
+  _classCallCheck(this, HtmlAttributeNames);
+});
 _defineProperty(HtmlAttributeNames, "role", "role");
 _defineProperty(HtmlAttributeNames, "navigation", "navigation");
 _defineProperty(HtmlAttributeNames, "ariaLabel", "aria-label");
@@ -159,20 +174,28 @@ _defineProperty(HtmlAttributeNames, "adaptiveCardClassName", "ac-adaptiveCard");
 _defineProperty(HtmlAttributeNames, "adaptiveCardTextBlockClassName", "ac-textBlock");
 _defineProperty(HtmlAttributeNames, "adaptiveCardToggleInputClassName", "ac-toggleInput");
 _defineProperty(HtmlAttributeNames, "adaptiveCardActionSetClassName", "ac-actionSet");
-export class WebChatMiddlewareConstants {}
+export let WebChatMiddlewareConstants = /*#__PURE__*/_createClass(function WebChatMiddlewareConstants() {
+  _classCallCheck(this, WebChatMiddlewareConstants);
+});
 _defineProperty(WebChatMiddlewareConstants, "nextVisibleActivity", "nextVisibleActivity");
 _defineProperty(WebChatMiddlewareConstants, "timeBetweenTimestampGroups", 300000);
 //5 minutes
 _defineProperty(WebChatMiddlewareConstants, "maxTextLength", 6000);
 _defineProperty(WebChatMiddlewareConstants, "adaptiveCard", "AdaptiveCard");
-export class AMSConstants {}
+export let AMSConstants = /*#__PURE__*/_createClass(function AMSConstants() {
+  _classCallCheck(this, AMSConstants);
+});
 _defineProperty(AMSConstants, "supportedImagesMimeTypes", ["image/jpeg", "image/png", "image/gif", "image/heic", "image/webp"]);
 _defineProperty(AMSConstants, "maxSupportedImageSize", 20);
 // AMS max file limit outside of supported Images MIME Types.
 _defineProperty(AMSConstants, "maxSupportedFileSize", 300);
-export class MimeTypes {}
+export let MimeTypes = /*#__PURE__*/_createClass(function MimeTypes() {
+  _classCallCheck(this, MimeTypes);
+});
 _defineProperty(MimeTypes, "UnknownFileType", "application/octet-stream");
-export class LocaleConstants {}
+export let LocaleConstants = /*#__PURE__*/_createClass(function LocaleConstants() {
+  _classCallCheck(this, LocaleConstants);
+});
 _defineProperty(LocaleConstants, "RTL_LOCALES", ["1025", "1037"]);
 export let ElementType;
 (function (ElementType) {
@@ -227,7 +250,9 @@ export let ConfirmationState;
   ConfirmationState["Cancel"] = "Cancel";
   ConfirmationState["NotSet"] = "NotSet";
 })(ConfirmationState || (ConfirmationState = {}));
-export class TranscriptConstants {}
+export let TranscriptConstants = /*#__PURE__*/_createClass(function TranscriptConstants() {
+  _classCallCheck(this, TranscriptConstants);
+});
 _defineProperty(TranscriptConstants, "ChatTranscriptsBodyColor", "#F5F5F5");
 _defineProperty(TranscriptConstants, "TranscriptMessageEmojiMessageType", "http://schema.skype.com/emoji");
 _defineProperty(TranscriptConstants, "ChatTranscriptDownloadFile", "ChatTranscripts.html");
@@ -238,7 +263,9 @@ _defineProperty(TranscriptConstants, "AdaptiveCardType", "adaptivecard");
 _defineProperty(TranscriptConstants, "InternalMode", "internal");
 _defineProperty(TranscriptConstants, "AgentDialogColor", "#2266E3");
 _defineProperty(TranscriptConstants, "AgentFontColor", "white");
-export class NotificationPaneConstants {}
+export let NotificationPaneConstants = /*#__PURE__*/_createClass(function NotificationPaneConstants() {
+  _classCallCheck(this, NotificationPaneConstants);
+});
 _defineProperty(NotificationPaneConstants, "DefaultNotificationPaneId", "lcw-notification-pane");
 _defineProperty(NotificationPaneConstants, "DismissId", "lcw-notification-pane-dismiss-button");
 _defineProperty(NotificationPaneConstants, "DismissText", "Dismiss");
@@ -251,7 +278,9 @@ _defineProperty(NotificationPaneConstants, "IconText", "Notification Icon");
 _defineProperty(NotificationPaneConstants, "ChatDisconnectTitleText", "Chat disconnected");
 _defineProperty(NotificationPaneConstants, "ChatDisconnectSubtitleText", "For additional assistance, please close the chat and try again.");
 _defineProperty(NotificationPaneConstants, "ChromeCloseIconName", "ChromeClose");
-export class StartChatErrorPaneConstants {}
+export let StartChatErrorPaneConstants = /*#__PURE__*/_createClass(function StartChatErrorPaneConstants() {
+  _classCallCheck(this, StartChatErrorPaneConstants);
+});
 _defineProperty(StartChatErrorPaneConstants, "DefaultStartChatErrorPaneId", "oc-lcw-start-chat-error-pane");
 _defineProperty(StartChatErrorPaneConstants, "DefaultStartChatErrorTitleText", "We are unable to load chat at this time.");
 _defineProperty(StartChatErrorPaneConstants, "DefaultStartChatErrorSubtitleText", "Please try again later.");
@@ -259,7 +288,9 @@ _defineProperty(StartChatErrorPaneConstants, "DefaultStartChatErrorUnauthorizedT
 _defineProperty(StartChatErrorPaneConstants, "DefaultStartChatErrorAuthSetupErrorTitleText", "Chat authentication has failed.");
 _defineProperty(StartChatErrorPaneConstants, "DefaultStartChatErrorUnauthorizedSubtitleText", "UNAUTHORIZED");
 _defineProperty(StartChatErrorPaneConstants, "DefaultStartChatErrorAuthSetupErrorSubtitleText", "AUTH SETUP ERROR");
-export class AriaTelemetryConstants {}
+export let AriaTelemetryConstants = /*#__PURE__*/_createClass(function AriaTelemetryConstants() {
+  _classCallCheck(this, AriaTelemetryConstants);
+});
 // Aria Endpoint for different environment types.
 _defineProperty(AriaTelemetryConstants, "GERMANY_ENDPOINT", "https://de.pipe.aria.microsoft.com/Collector/3.0/");
 _defineProperty(AriaTelemetryConstants, "GCCH_ENDPOINT", "https://tb.pipe.aria.microsoft.com/Collector/3.0/");
@@ -273,14 +304,20 @@ _defineProperty(AriaTelemetryConstants, "Public", "Public");
 _defineProperty(AriaTelemetryConstants, "EU", "Europe");
 // EUR: crm4; FRA: crm12; GER: crm16; CHE: crm17; NOR: crm19
 _defineProperty(AriaTelemetryConstants, "lcwEUDomainNames", ["crm4.omnichannelengagementhub.com", "crm12.omnichannelengagementhub.com", "crm16.omnichannelengagementhub.com", "crm17.omnichannelengagementhub.com", "crm19.omnichannelengagementhub.com"]);
-export class WidgetLoadTelemetryMessage {}
+export let WidgetLoadTelemetryMessage = /*#__PURE__*/_createClass(function WidgetLoadTelemetryMessage() {
+  _classCallCheck(this, WidgetLoadTelemetryMessage);
+});
 _defineProperty(WidgetLoadTelemetryMessage, "OOOHMessage", "Widget is OOOH");
 _defineProperty(WidgetLoadTelemetryMessage, "PersistedStateRetrievedMessage", "Persisted state retrieved");
-export class WidgetLoadCustomErrorString {}
+export let WidgetLoadCustomErrorString = /*#__PURE__*/_createClass(function WidgetLoadCustomErrorString() {
+  _classCallCheck(this, WidgetLoadCustomErrorString);
+});
 _defineProperty(WidgetLoadCustomErrorString, "AuthenticationFailedErrorString", "Authentication was not successful");
 _defineProperty(WidgetLoadCustomErrorString, "NetworkErrorString", "Network Error");
 _defineProperty(WidgetLoadCustomErrorString, "CloseAdapterAfterDisconnectionErrorString", "Error trying to end/close chat adapter after the widget is back on-line, for an already disconnected session");
-export class PrepareEndChatDescriptionConstants {}
+export let PrepareEndChatDescriptionConstants = /*#__PURE__*/_createClass(function PrepareEndChatDescriptionConstants() {
+  _classCallCheck(this, PrepareEndChatDescriptionConstants);
+});
 _defineProperty(PrepareEndChatDescriptionConstants, "ConversationEndedByCustomerWithoutPostChat", "Conversation ended by customer. Post chat not configured or should not show.");
 _defineProperty(PrepareEndChatDescriptionConstants, "ConversationEndedByCustomerWithInvalidPostChat", "Conversation ended by customer. Post chat context is invalid.");
 _defineProperty(PrepareEndChatDescriptionConstants, "ConversationEndedBy", "Conversation ended by");
@@ -291,6 +328,8 @@ _defineProperty(PrepareEndChatDescriptionConstants, "EndChatReceivedFromOtherTab
 _defineProperty(PrepareEndChatDescriptionConstants, "CustomerCloseChatOnFailureOrPostChat", "Customer is trying to close chat widget on start chat failure or post chat pane.");
 _defineProperty(PrepareEndChatDescriptionConstants, "CustomerCloseInactiveChat", "Chat was Inactive and customer is trying to close chat widget or refreshing the page.");
 _defineProperty(PrepareEndChatDescriptionConstants, "BrowserUnload", "Browser unload event received. Ending chat.");
-export class PostChatSurveyTelemetryMessage {}
+export let PostChatSurveyTelemetryMessage = /*#__PURE__*/_createClass(function PostChatSurveyTelemetryMessage() {
+  _classCallCheck(this, PostChatSurveyTelemetryMessage);
+});
 _defineProperty(PostChatSurveyTelemetryMessage, "PostChatContextCallFailed", "Failed to get post chat context.");
 _defineProperty(PostChatSurveyTelemetryMessage, "PostChatContextCallSucceed", "Postchat context call succeed.");