@microsoft/omnichannel-chat-widget 1.7.8-main.f60b0b7 → 1.8.0

package/lib/cjs/components/webchatcontainerstateful/WebChatContainerStateful.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.WebChatContainerStateful = void 0;
+var _Constants = require("../../common/Constants");
 var _react = require("@fluentui/react");
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
 var _react2 = _interopRequireWildcard(require("react"));
 var _utils = require("../../common/utils");
 var _BotMagicCodeStore = require("./webchatcontroller/BotMagicCodeStore");
 var _botframeworkWebchat = require("botframework-webchat");
-var _Constants = require("../../common/Constants");
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
 var _NotificationHandler = require("./webchatcontroller/notification/NotificationHandler");
 var _NotificationScenarios = require("./webchatcontroller/enums/NotificationScenarios");
@@ -56,7 +56,7 @@ const createMagicCodeSuccessResponse = signin => {
   };
 };
 const WebChatContainerStateful = props => {
-  var _webChatContainerProp, _webChatContainerProp2, _webChatContainerProp3, _webChatContainerProp4, _webChatContainerProp5, _webChatContainerProp6, _webChatContainerProp7, _props$webChatContain5, _props$webChatContain6, _defaultWebChatContai, _props$webChatContain7, _props$webChatContain8, _defaultWebChatContai2, _webChatContainerProp8, _webChatContainerProp9, _webChatContainerProp10, _webChatContainerProp11, _webChatContainerProp12, _webChatContainerProp13, _webChatContainerProp14, _webChatContainerProp15, _props$webChatContain9, _props$webChatContain10;
+  var _webChatContainerProp, _webChatContainerProp2, _webChatContainerProp3, _webChatContainerProp4, _webChatContainerProp5, _webChatContainerProp6, _webChatContainerProp7, _props$webChatContain5, _props$webChatContain6, _defaultWebChatContai, _props$webChatContain7, _props$webChatContain8, _defaultWebChatContai2, _webChatContainerProp8, _webChatContainerProp9, _webChatContainerProp10, _webChatContainerProp11, _webChatContainerProp12, _webChatContainerProp13, _webChatContainerProp14, _webChatContainerProp15, _webChatContainerProp16, _props$webChatContain9, _props$webChatContain10;
   (0, _react2.useEffect)(() => {
     uiTimer = (0, _utils.createTimer)();
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
@@ -241,16 +241,23 @@ const WebChatContainerStateful = props => {
             color: ${(webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : (_webChatContainerProp14 = webChatContainerProps.renderingMiddlewareProps) === null || _webChatContainerProp14 === void 0 ? void 0 : (_webChatContainerProp15 = _webChatContainerProp14.sentMessageAnchorStyles) === null || _webChatContainerProp15 === void 0 ? void 0 : _webChatContainerProp15.color) ?? (_defaultSentMessageAnchorStyles.defaultSentMessageAnchorStyles === null || _defaultSentMessageAnchorStyles.defaultSentMessageAnchorStyles === void 0 ? void 0 : _defaultSentMessageAnchorStyles.defaultSentMessageAnchorStyles.color)};
         }
 
+        // we had a nasty bug long time ago with crashing borders messing with the sendbox, so if customer adds this value, they need to deal with that
         .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content {
-            border-radius: 0 !important; /* Override border-radius */
+            border-radius: ${(webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : (_webChatContainerProp16 = webChatContainerProps.webChatStyles) === null || _webChatContainerProp16 === void 0 ? void 0 : _webChatContainerProp16.bubbleBorderRadius) ?? 0} !important; /* Override border-radius */
         }
 
         .webchat__stacked-layout_container>div {
             background: ${(props === null || props === void 0 ? void 0 : (_props$webChatContain9 = props.webChatContainerProps) === null || _props$webChatContain9 === void 0 ? void 0 : (_props$webChatContain10 = _props$webChatContain9.containerStyles) === null || _props$webChatContain10 === void 0 ? void 0 : _props$webChatContain10.background) ?? ""}
         }
-        .webchat__toaster__expandText {
+        .webchat__toast_text {
             display: flex;
+            
         }
+        .webchat__toaster {
+            overflow-y: unset;
+            }
+
+        
         `), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
     styles: containerStyles,
     className: "webchat__stacked-layout_container"

package/lib/cjs/components/webchatcontainerstateful/common/DemoChatAdapter.js

@@ -13,75 +13,98 @@ var _attachmentActivityUtils = require("./utils/attachmentActivityUtils");
 var _MockBotCommand = _interopRequireDefault(require("./MockBotCommand"));
 var _MockBotCardCommandType = _interopRequireDefault(require("./MockBotCardCommandType"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-class DemoChatAdapter extends _mockadapter.default {
-  constructor() {
-    super();
+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 _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); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+let DemoChatAdapter = /*#__PURE__*/function (_MockAdapter) {
+  _inherits(DemoChatAdapter, _MockAdapter);
+  var _super = _createSuper(DemoChatAdapter);
+  function DemoChatAdapter() {
+    var _this;
+    _classCallCheck(this, DemoChatAdapter);
+    _this = _super.call(this);
     setTimeout(() => {
-      (0, _chatAdapterUtils.postSystemMessageActivity)(this.activityObserver, "You're currently using a demo.", 0);
-      (0, _chatAdapterUtils.postBotMessageActivity)(this.activityObserver, "Type `/help` to learn more", undefined, 0); // send init message from bot
+      (0, _chatAdapterUtils.postSystemMessageActivity)(_this.activityObserver, "You're currently using a demo.", 0);
+      (0, _chatAdapterUtils.postBotMessageActivity)(_this.activityObserver, "Type `/help` to learn more", undefined, 0); // send init message from bot
     }, 1000);
+    return _this;
   }
-  postBotCommandsActivity() {
-    let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000;
-    (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [{
-      contentType: "application/vnd.microsoft.card.thumbnail",
-      content: {
-        buttons: [{
-          title: "Send system message",
-          type: "imBack",
-          value: "send system message"
-        }, {
-          title: "Send typing",
-          type: "imBack",
-          value: "send typing"
-        }, {
-          title: "Send bot message",
-          type: "imBack",
-          value: "send bot message"
-        }],
-        title: "Commands"
-      }
-    }], delay);
-  }
-  postActivity(activity) {
-    if (activity) {
-      (0, _chatAdapterUtils.postEchoActivity)(this.activityObserver, activity, _chatAdapterUtils.customerUser);
-      if (activity.text) {
-        switch (true) {
-          case activity.text === _MockBotCommand.default.Help:
-            this.postBotCommandsActivity();
-            break;
-          case activity.text === _MockBotCommand.default.SendSystemMessage:
-            (0, _chatAdapterUtils.postSystemMessageActivity)(this.activityObserver, "Contoso has joined the chat.");
-            break;
-          case activity.text === _MockBotCommand.default.SendTyping:
-            (0, _chatAdapterUtils.postBotTypingActivity)(this.activityObserver);
-            break;
-          case activity.text === _MockBotCommand.default.SendAttachment:
-            (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [(0, _attachmentActivityUtils.createJpgFileAttachment)()]);
-            break;
-          case activity.text === _MockBotCommand.default.SendBotMessage:
-            (0, _chatAdapterUtils.postBotMessageActivity)(this.activityObserver, "Hi, how can I help you?");
-            break;
-          case activity.text === `${_MockBotCommand.default.Card} ${_MockBotCardCommandType.default.Signin}`:
-            (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [(0, _attachmentActivityUtils.createSigninCardAttachment)()]);
-            break;
-          case activity.text === `${_MockBotCommand.default.Card} ${_MockBotCardCommandType.default.Hero}`:
-            (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [(0, _attachmentActivityUtils.createHeroCardAttachment)()]);
-            break;
-          case activity.text === `${_MockBotCommand.default.Card} ${_MockBotCardCommandType.default.Thumbnail}`:
-            (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [(0, _attachmentActivityUtils.createThumbnailCardAttachment)()]);
-            break;
-          case activity.text.startsWith(`${_MockBotCommand.default.Bot} `):
-            (0, _chatAdapterUtils.postBotMessageActivity)(this.activityObserver, activity.text.substring(5));
-            break;
-          case activity.text.startsWith(`${_MockBotCommand.default.System} `):
-            (0, _chatAdapterUtils.postSystemMessageActivity)(this.activityObserver, activity.text.substring(8));
-            break;
+  _createClass(DemoChatAdapter, [{
+    key: "postBotCommandsActivity",
+    value: function postBotCommandsActivity() {
+      let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000;
+      (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [{
+        contentType: "application/vnd.microsoft.card.thumbnail",
+        content: {
+          buttons: [{
+            title: "Send system message",
+            type: "imBack",
+            value: "send system message"
+          }, {
+            title: "Send typing",
+            type: "imBack",
+            value: "send typing"
+          }, {
+            title: "Send bot message",
+            type: "imBack",
+            value: "send bot message"
+          }],
+          title: "Commands"
+        }
+      }], delay);
+    }
+  }, {
+    key: "postActivity",
+    value: function postActivity(activity) {
+      if (activity) {
+        (0, _chatAdapterUtils.postEchoActivity)(this.activityObserver, activity, _chatAdapterUtils.customerUser);
+        if (activity.text) {
+          switch (true) {
+            case activity.text === _MockBotCommand.default.Help:
+              this.postBotCommandsActivity();
+              break;
+            case activity.text === _MockBotCommand.default.SendSystemMessage:
+              (0, _chatAdapterUtils.postSystemMessageActivity)(this.activityObserver, "Contoso has joined the chat.");
+              break;
+            case activity.text === _MockBotCommand.default.SendTyping:
+              (0, _chatAdapterUtils.postBotTypingActivity)(this.activityObserver);
+              break;
+            case activity.text === _MockBotCommand.default.SendAttachment:
+              (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [(0, _attachmentActivityUtils.createJpgFileAttachment)()]);
+              break;
+            case activity.text === _MockBotCommand.default.SendBotMessage:
+              (0, _chatAdapterUtils.postBotMessageActivity)(this.activityObserver, "Hi, how can I help you?");
+              break;
+            case activity.text === `${_MockBotCommand.default.Card} ${_MockBotCardCommandType.default.Signin}`:
+              (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [(0, _attachmentActivityUtils.createSigninCardAttachment)()]);
+              break;
+            case activity.text === `${_MockBotCommand.default.Card} ${_MockBotCardCommandType.default.Hero}`:
+              (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [(0, _attachmentActivityUtils.createHeroCardAttachment)()]);
+              break;
+            case activity.text === `${_MockBotCommand.default.Card} ${_MockBotCardCommandType.default.Thumbnail}`:
+              (0, _chatAdapterUtils.postBotAttachmentActivity)(this.activityObserver, [(0, _attachmentActivityUtils.createThumbnailCardAttachment)()]);
+              break;
+            case activity.text.startsWith(`${_MockBotCommand.default.Bot} `):
+              (0, _chatAdapterUtils.postBotMessageActivity)(this.activityObserver, activity.text.substring(5));
+              break;
+            case activity.text.startsWith(`${_MockBotCommand.default.System} `):
+              (0, _chatAdapterUtils.postSystemMessageActivity)(this.activityObserver, activity.text.substring(8));
+              break;
+          }
         }
       }
+      return _Observable.Observable.of(activity.id || "");
     }
-    return _Observable.Observable.of(activity.id || "");
-  }
-}
+  }]);
+  return DemoChatAdapter;
+}(_mockadapter.default);
 exports.DemoChatAdapter = DemoChatAdapter;

package/lib/cjs/components/webchatcontainerstateful/common/DemoChatSDK.js

@@ -6,12 +6,31 @@ Object.defineProperty(exports, "__esModule", {
 exports.DemoChatSDK = void 0;
 var _DemoChatAdapter = require("./DemoChatAdapter");
 var _mockchatsdk = require("./mockchatsdk");
-class DemoChatSDK extends _mockchatsdk.MockChatSDK {
-  constructor() {
-    super();
+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 _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); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+let DemoChatSDK = /*#__PURE__*/function (_MockChatSDK) {
+  _inherits(DemoChatSDK, _MockChatSDK);
+  var _super = _createSuper(DemoChatSDK);
+  function DemoChatSDK() {
+    _classCallCheck(this, DemoChatSDK);
+    return _super.call(this);
   }
-  createChatAdapter() {
-    return new _DemoChatAdapter.DemoChatAdapter();
-  }
-}
+  _createClass(DemoChatSDK, [{
+    key: "createChatAdapter",
+    value: function createChatAdapter() {
+      return new _DemoChatAdapter.DemoChatAdapter();
+    }
+  }]);
+  return DemoChatSDK;
+}(_mockchatsdk.MockChatSDK);
 exports.DemoChatSDK = DemoChatSDK;

package/lib/cjs/components/webchatcontainerstateful/common/DesignerChatAdapter.js

@@ -8,34 +8,57 @@ var _Observable = require("rxjs/Observable");
 var _mockadapter = _interopRequireDefault(require("./mockadapter"));
 var _chatAdapterUtils = require("./utils/chatAdapterUtils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-class DesignerChatAdapter extends _mockadapter.default {
-  constructor() {
-    super();
+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 _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); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+let DesignerChatAdapter = /*#__PURE__*/function (_MockAdapter) {
+  _inherits(DesignerChatAdapter, _MockAdapter);
+  var _super = _createSuper(DesignerChatAdapter);
+  function DesignerChatAdapter() {
+    var _this;
+    _classCallCheck(this, DesignerChatAdapter);
+    _this = _super.call(this);
     setTimeout(() => {
-      (0, _chatAdapterUtils.postBotMessageActivity)(this.activityObserver, "Thank you for contacting us! How can I help you today?", undefined, 0);
-      this.postUserActivity("I need to change my address.", 0);
-      (0, _chatAdapterUtils.postBotMessageActivity)(this.activityObserver, "Okay, let me connect you with a live agent.", undefined, 100);
-      (0, _chatAdapterUtils.postSystemMessageActivity)(this.activityObserver, "John has joined the chat", 100);
-      (0, _chatAdapterUtils.postBotMessageActivity)(this.activityObserver, "I'd be happy to help you update your account.", undefined, 100);
+      (0, _chatAdapterUtils.postBotMessageActivity)(_this.activityObserver, "Thank you for contacting us! How can I help you today?", undefined, 0);
+      _this.postUserActivity("I need to change my address.", 0);
+      (0, _chatAdapterUtils.postBotMessageActivity)(_this.activityObserver, "Okay, let me connect you with a live agent.", undefined, 100);
+      (0, _chatAdapterUtils.postSystemMessageActivity)(_this.activityObserver, "John has joined the chat", 100);
+      (0, _chatAdapterUtils.postBotMessageActivity)(_this.activityObserver, "I'd be happy to help you update your account.", undefined, 100);
     }, 1000);
+    return _this;
   }
-  postUserActivity(text) {
-    let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
-    setTimeout(() => {
-      (0, _chatAdapterUtils.postEchoActivity)(this.activityObserver, {
-        text,
-        from: {
-          ..._chatAdapterUtils.customerUser
-        },
-        type: "message"
-      }, _chatAdapterUtils.customerUser, 0);
-    }, delay);
-  }
-  postActivity(activity) {
-    if (activity) {
-      (0, _chatAdapterUtils.postEchoActivity)(this.activityObserver, activity, _chatAdapterUtils.customerUser);
+  _createClass(DesignerChatAdapter, [{
+    key: "postUserActivity",
+    value: function postUserActivity(text) {
+      let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+      setTimeout(() => {
+        (0, _chatAdapterUtils.postEchoActivity)(this.activityObserver, {
+          text,
+          from: {
+            ..._chatAdapterUtils.customerUser
+          },
+          type: "message"
+        }, _chatAdapterUtils.customerUser, 0);
+      }, delay);
     }
-    return _Observable.Observable.of(activity.id || "");
-  }
-}
+  }, {
+    key: "postActivity",
+    value: function postActivity(activity) {
+      if (activity) {
+        (0, _chatAdapterUtils.postEchoActivity)(this.activityObserver, activity, _chatAdapterUtils.customerUser);
+      }
+      return _Observable.Observable.of(activity.id || "");
+    }
+  }]);
+  return DesignerChatAdapter;
+}(_mockadapter.default);
 exports.DesignerChatAdapter = DesignerChatAdapter;

package/lib/cjs/components/webchatcontainerstateful/common/DesignerChatSDK.js

@@ -6,43 +6,65 @@ Object.defineProperty(exports, "__esModule", {
 exports.DesignerChatSDK = void 0;
 var _DesignerChatAdapter = require("./DesignerChatAdapter");
 var _mockchatsdk = require("./mockchatsdk");
+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 _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 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 DesignerChatSDK extends _mockchatsdk.MockChatSDK {
-  constructor() {
-    super();
-    _defineProperty(this, "localeId", this.getLiveChatConfig().ChatWidgetLanguage.msdyn_localeid);
+let DesignerChatSDK = /*#__PURE__*/function (_MockChatSDK) {
+  _inherits(DesignerChatSDK, _MockChatSDK);
+  var _super = _createSuper(DesignerChatSDK);
+  function DesignerChatSDK() {
+    var _this;
+    _classCallCheck(this, DesignerChatSDK);
+    _this = _super.call(this);
+    _defineProperty(_assertThisInitialized(_this), "localeId", _this.getLiveChatConfig().ChatWidgetLanguage.msdyn_localeid);
+    return _this;
   }
-  createChatAdapter() {
-    return new _DesignerChatAdapter.DesignerChatAdapter();
-  }
-  /**
-  * If the widget is running in designer mode, we mock the initialize response. We don't want
-  * any interactions with a real server in when designing LCW widget visually in Modern Admin.
-  *
-  * - All GUIDs were changed to 00000000-0000-0000-0000-000000000000.
-  * - msdyn_callingoptions was changed to disable calling functionality
-  */
-  getLiveChatConfig() {
-    return {
-      LiveWSAndLiveChatEngJoin: {
-        msdyn_widgetthemecolor: "19236002",
-        // msdyn_callingoptions was changed to disable calling functionality
-        msdyn_callingoptions: "192350000",
-        msdyn_widgettitle: "Let\u0027s chat",
-        msdyn_conversationmode: "192350000",
-        msdyn_avatarurl: "https://oc-cdn-ocprod.azureedge.net/livechatwidget/images/chatIcon.svg",
-        msdyn_name: "Let's Chat",
-        msdyn_postconversationsurveyenable: "false",
-        OutOfOperatingHours: "False",
-        ShowWidget: "True"
-      },
-      ChatWidgetLanguage: {
-        msdyn_localeid: "1033",
-        msdyn_languagename: "English - United States"
-      }
-    };
-  }
-}
+  _createClass(DesignerChatSDK, [{
+    key: "createChatAdapter",
+    value: function createChatAdapter() {
+      return new _DesignerChatAdapter.DesignerChatAdapter();
+    }
+  }, {
+    key: "getLiveChatConfig",
+    value:
+    /**
+    * If the widget is running in designer mode, we mock the initialize response. We don't want
+    * any interactions with a real server in when designing LCW widget visually in Modern Admin.
+    *
+    * - All GUIDs were changed to 00000000-0000-0000-0000-000000000000.
+    * - msdyn_callingoptions was changed to disable calling functionality
+    */
+    function getLiveChatConfig() {
+      return {
+        LiveWSAndLiveChatEngJoin: {
+          msdyn_widgetthemecolor: "19236002",
+          // msdyn_callingoptions was changed to disable calling functionality
+          msdyn_callingoptions: "192350000",
+          msdyn_widgettitle: "Let\u0027s chat",
+          msdyn_conversationmode: "192350000",
+          msdyn_avatarurl: "https://oc-cdn-ocprod.azureedge.net/livechatwidget/images/chatIcon.svg",
+          msdyn_name: "Let's Chat",
+          msdyn_postconversationsurveyenable: "false",
+          OutOfOperatingHours: "False",
+          ShowWidget: "True"
+        },
+        ChatWidgetLanguage: {
+          msdyn_localeid: "1033",
+          msdyn_languagename: "English - United States"
+        }
+      };
+    }
+  }]);
+  return DesignerChatSDK;
+}(_mockchatsdk.MockChatSDK);
 exports.DesignerChatSDK = DesignerChatSDK;

package/lib/cjs/components/webchatcontainerstateful/common/mockadapter.js

@@ -10,11 +10,15 @@ var _botframeworkDirectlinejs = require("botframework-directlinejs");
 var _rxjs = require("rxjs");
 var _Observable = require("rxjs/Observable");
 var _omnichannelChatSdk = require("@microsoft/omnichannel-chat-sdk");
+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 MockAdapter {
-  constructor() {
+let MockAdapter = /*#__PURE__*/function () {
+  function MockAdapter() {
+    _classCallCheck(this, MockAdapter);
     _defineProperty(this, "activityObserver", void 0);
     _defineProperty(this, "activity$", void 0);
     _defineProperty(this, "connectionStatus$", new _rxjs.BehaviorSubject(_botframeworkDirectlinejs.ConnectionStatus.Uninitialized));
@@ -33,57 +37,63 @@ class MockAdapter {
       });
     }).share();
   }
-  postActivity(activity) {
-    if (activity) {
-      var _activity$text;
-      let modActivity;
-      let typingActivity;
-      const userId = "userId",
-        botId = "botId";
-      if ((_activity$text = activity.text) !== null && _activity$text !== void 0 && _activity$text.startsWith(":")) {
-        var _this$activityObserve, _this$activityObserve2;
-        modActivity = {
-          ...activity,
-          id: (0, _omnichannelChatSdk.uuidv4)(),
-          from: {
-            ...activity.from,
-            id: botId,
-            name: "Bot",
-            role: "bot"
-          },
-          text: activity.text.substr(1)
-        };
-        typingActivity = {
-          id: (0, _omnichannelChatSdk.uuidv4)(),
-          from: {
+  _createClass(MockAdapter, [{
+    key: "postActivity",
+    value: function postActivity(activity) {
+      if (activity) {
+        var _activity$text;
+        let modActivity;
+        let typingActivity;
+        const userId = "userId",
+          botId = "botId";
+        if ((_activity$text = activity.text) !== null && _activity$text !== void 0 && _activity$text.startsWith(":")) {
+          var _this$activityObserve, _this$activityObserve2;
+          modActivity = {
+            ...activity,
             id: (0, _omnichannelChatSdk.uuidv4)(),
-            name: "Bot",
-            role: "bot"
-          },
-          type: "typing"
-        };
-        (_this$activityObserve = this.activityObserver) === null || _this$activityObserve === void 0 ? void 0 : _this$activityObserve.next(modActivity); // mock echo message
-        (_this$activityObserve2 = this.activityObserver) === null || _this$activityObserve2 === void 0 ? void 0 : _this$activityObserve2.next(typingActivity); // mock typing
-      } else {
-        var _this$activityObserve3;
-        modActivity = {
-          ...activity,
-          id: (0, _omnichannelChatSdk.uuidv4)(),
-          from: {
-            ...activity.from,
-            id: userId,
-            name: "User",
-            role: "user"
-          }
-        };
-        (_this$activityObserve3 = this.activityObserver) === null || _this$activityObserve3 === void 0 ? void 0 : _this$activityObserve3.next(modActivity); // mock message sent
+            from: {
+              ...activity.from,
+              id: botId,
+              name: "Bot",
+              role: "bot"
+            },
+            text: activity.text.substr(1)
+          };
+          typingActivity = {
+            id: (0, _omnichannelChatSdk.uuidv4)(),
+            from: {
+              id: (0, _omnichannelChatSdk.uuidv4)(),
+              name: "Bot",
+              role: "bot"
+            },
+            type: "typing"
+          };
+          (_this$activityObserve = this.activityObserver) === null || _this$activityObserve === void 0 ? void 0 : _this$activityObserve.next(modActivity); // mock echo message
+          (_this$activityObserve2 = this.activityObserver) === null || _this$activityObserve2 === void 0 ? void 0 : _this$activityObserve2.next(typingActivity); // mock typing
+        } else {
+          var _this$activityObserve3;
+          modActivity = {
+            ...activity,
+            id: (0, _omnichannelChatSdk.uuidv4)(),
+            from: {
+              ...activity.from,
+              id: userId,
+              name: "User",
+              role: "user"
+            }
+          };
+          (_this$activityObserve3 = this.activityObserver) === null || _this$activityObserve3 === void 0 ? void 0 : _this$activityObserve3.next(modActivity); // mock message sent
+        }
       }
-    }
 
-    return _Observable.Observable.of(activity.id || "");
-  }
-  end() {
-    return;
-  }
-}
+      return _Observable.Observable.of(activity.id || "");
+    }
+  }, {
+    key: "end",
+    value: function end() {
+      return;
+    }
+  }]);
+  return MockAdapter;
+}();
 exports.default = MockAdapter;