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

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

@@ -1,12 +1,12 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
+import { Constants, HtmlAttributeNames, HtmlClassNames } from "../../common/Constants";
 import { Stack } from "@fluentui/react";
 import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
 import React, { useEffect } from "react";
 import { createTimer, getDeviceType, setFocusOnSendBox } from "../../common/utils";
 import { BotMagicCodeStore } from "./webchatcontroller/BotMagicCodeStore";
 import { Components } from "botframework-webchat";
-import { Constants, HtmlAttributeNames, HtmlClassNames } from "../../common/Constants";
 import { LiveChatWidgetActionType } from "../../contexts/common/LiveChatWidgetActionType";
 import { NotificationHandler } from "./webchatcontroller/notification/NotificationHandler";
 import { NotificationScenarios } from "./webchatcontroller/enums/NotificationScenarios";
@@ -48,7 +48,7 @@ const createMagicCodeSuccessResponse = signin => {
   };
 };
 export 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;
   useEffect(() => {
     uiTimer = createTimer();
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
@@ -233,16 +233,23 @@ export 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 === null || defaultSentMessageAnchorStyles === void 0 ? void 0 : 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__*/React.createElement(Stack, {
     styles: containerStyles,
     className: "webchat__stacked-layout_container"

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

@@ -1,3 +1,15 @@
+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); }
 import "rxjs/add/operator/share";
 import "rxjs/add/observable/of";
 import { Observable } from "rxjs/Observable";
@@ -6,74 +18,85 @@ import { customerUser, postBotMessageActivity, postBotAttachmentActivity, postBo
 import { createHeroCardAttachment, createJpgFileAttachment, createSigninCardAttachment, createThumbnailCardAttachment } from "./utils/attachmentActivityUtils";
 import MockBotCommand from "./MockBotCommand";
 import MockBotCardCommandType from "./MockBotCardCommandType";
-export class DemoChatAdapter extends MockAdapter {
-  constructor() {
-    super();
+export let DemoChatAdapter = /*#__PURE__*/function (_MockAdapter) {
+  _inherits(DemoChatAdapter, _MockAdapter);
+  var _super = _createSuper(DemoChatAdapter);
+  function DemoChatAdapter() {
+    var _this;
+    _classCallCheck(this, DemoChatAdapter);
+    _this = _super.call(this);
     setTimeout(() => {
-      postSystemMessageActivity(this.activityObserver, "You're currently using a demo.", 0);
-      postBotMessageActivity(this.activityObserver, "Type `/help` to learn more", undefined, 0); // send init message from bot
+      postSystemMessageActivity(_this.activityObserver, "You're currently using a demo.", 0);
+      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;
-    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) {
-      postEchoActivity(this.activityObserver, activity, customerUser);
-      if (activity.text) {
-        switch (true) {
-          case activity.text === MockBotCommand.Help:
-            this.postBotCommandsActivity();
-            break;
-          case activity.text === MockBotCommand.SendSystemMessage:
-            postSystemMessageActivity(this.activityObserver, "Contoso has joined the chat.");
-            break;
-          case activity.text === MockBotCommand.SendTyping:
-            postBotTypingActivity(this.activityObserver);
-            break;
-          case activity.text === MockBotCommand.SendAttachment:
-            postBotAttachmentActivity(this.activityObserver, [createJpgFileAttachment()]);
-            break;
-          case activity.text === MockBotCommand.SendBotMessage:
-            postBotMessageActivity(this.activityObserver, "Hi, how can I help you?");
-            break;
-          case activity.text === `${MockBotCommand.Card} ${MockBotCardCommandType.Signin}`:
-            postBotAttachmentActivity(this.activityObserver, [createSigninCardAttachment()]);
-            break;
-          case activity.text === `${MockBotCommand.Card} ${MockBotCardCommandType.Hero}`:
-            postBotAttachmentActivity(this.activityObserver, [createHeroCardAttachment()]);
-            break;
-          case activity.text === `${MockBotCommand.Card} ${MockBotCardCommandType.Thumbnail}`:
-            postBotAttachmentActivity(this.activityObserver, [createThumbnailCardAttachment()]);
-            break;
-          case activity.text.startsWith(`${MockBotCommand.Bot} `):
-            postBotMessageActivity(this.activityObserver, activity.text.substring(5));
-            break;
-          case activity.text.startsWith(`${MockBotCommand.System} `):
-            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;
+      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) {
+        postEchoActivity(this.activityObserver, activity, customerUser);
+        if (activity.text) {
+          switch (true) {
+            case activity.text === MockBotCommand.Help:
+              this.postBotCommandsActivity();
+              break;
+            case activity.text === MockBotCommand.SendSystemMessage:
+              postSystemMessageActivity(this.activityObserver, "Contoso has joined the chat.");
+              break;
+            case activity.text === MockBotCommand.SendTyping:
+              postBotTypingActivity(this.activityObserver);
+              break;
+            case activity.text === MockBotCommand.SendAttachment:
+              postBotAttachmentActivity(this.activityObserver, [createJpgFileAttachment()]);
+              break;
+            case activity.text === MockBotCommand.SendBotMessage:
+              postBotMessageActivity(this.activityObserver, "Hi, how can I help you?");
+              break;
+            case activity.text === `${MockBotCommand.Card} ${MockBotCardCommandType.Signin}`:
+              postBotAttachmentActivity(this.activityObserver, [createSigninCardAttachment()]);
+              break;
+            case activity.text === `${MockBotCommand.Card} ${MockBotCardCommandType.Hero}`:
+              postBotAttachmentActivity(this.activityObserver, [createHeroCardAttachment()]);
+              break;
+            case activity.text === `${MockBotCommand.Card} ${MockBotCardCommandType.Thumbnail}`:
+              postBotAttachmentActivity(this.activityObserver, [createThumbnailCardAttachment()]);
+              break;
+            case activity.text.startsWith(`${MockBotCommand.Bot} `):
+              postBotMessageActivity(this.activityObserver, activity.text.substring(5));
+              break;
+            case activity.text.startsWith(`${MockBotCommand.System} `):
+              postSystemMessageActivity(this.activityObserver, activity.text.substring(8));
+              break;
+          }
         }
       }
+      return Observable.of(activity.id || "");
     }
-    return Observable.of(activity.id || "");
-  }
-}
+  }]);
+  return DemoChatAdapter;
+}(MockAdapter);

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

@@ -1,10 +1,29 @@
+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); }
 import { DemoChatAdapter } from "./DemoChatAdapter";
 import { MockChatSDK } from "./mockchatsdk";
-export class DemoChatSDK extends MockChatSDK {
-  constructor() {
-    super();
+export 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();
-  }
-}
+  _createClass(DemoChatSDK, [{
+    key: "createChatAdapter",
+    value: function createChatAdapter() {
+      return new DemoChatAdapter();
+    }
+  }]);
+  return DemoChatSDK;
+}(MockChatSDK);

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

@@ -1,33 +1,56 @@
+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); }
 import { Observable } from "rxjs/Observable";
 import MockAdapter from "./mockadapter";
 import { customerUser, postBotMessageActivity, postEchoActivity, postSystemMessageActivity } from "./utils/chatAdapterUtils";
-export class DesignerChatAdapter extends MockAdapter {
-  constructor() {
-    super();
+export let DesignerChatAdapter = /*#__PURE__*/function (_MockAdapter) {
+  _inherits(DesignerChatAdapter, _MockAdapter);
+  var _super = _createSuper(DesignerChatAdapter);
+  function DesignerChatAdapter() {
+    var _this;
+    _classCallCheck(this, DesignerChatAdapter);
+    _this = _super.call(this);
     setTimeout(() => {
-      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);
-      postBotMessageActivity(this.activityObserver, "Okay, let me connect you with a live agent.", undefined, 100);
-      postSystemMessageActivity(this.activityObserver, "John has joined the chat", 100);
-      postBotMessageActivity(this.activityObserver, "I'd be happy to help you update your account.", undefined, 100);
+      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);
+      postBotMessageActivity(_this.activityObserver, "Okay, let me connect you with a live agent.", undefined, 100);
+      postSystemMessageActivity(_this.activityObserver, "John has joined the chat", 100);
+      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(() => {
-      postEchoActivity(this.activityObserver, {
-        text,
-        from: {
-          ...customerUser
-        },
-        type: "message"
-      }, customerUser, 0);
-    }, delay);
-  }
-  postActivity(activity) {
-    if (activity) {
-      postEchoActivity(this.activityObserver, activity, customerUser);
+  _createClass(DesignerChatAdapter, [{
+    key: "postUserActivity",
+    value: function postUserActivity(text) {
+      let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+      setTimeout(() => {
+        postEchoActivity(this.activityObserver, {
+          text,
+          from: {
+            ...customerUser
+          },
+          type: "message"
+        }, customerUser, 0);
+      }, delay);
     }
-    return Observable.of(activity.id || "");
-  }
-}
+  }, {
+    key: "postActivity",
+    value: function postActivity(activity) {
+      if (activity) {
+        postEchoActivity(this.activityObserver, activity, customerUser);
+      }
+      return Observable.of(activity.id || "");
+    }
+  }]);
+  return DesignerChatAdapter;
+}(MockAdapter);

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

@@ -1,41 +1,63 @@
+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); }
 import { DesignerChatAdapter } from "./DesignerChatAdapter";
 import { MockChatSDK } from "./mockchatsdk";
-export class DesignerChatSDK extends MockChatSDK {
-  constructor() {
-    super();
-    _defineProperty(this, "localeId", this.getLiveChatConfig().ChatWidgetLanguage.msdyn_localeid);
+export 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();
-  }
-  /**
-  * 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();
+    }
+  }, {
+    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);

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

@@ -1,3 +1,6 @@
+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); }
@@ -7,8 +10,9 @@ import { ConnectionStatus } from "botframework-directlinejs";
 import { BehaviorSubject } from "rxjs";
 import { Observable } from "rxjs/Observable";
 import { uuidv4 } from "@microsoft/omnichannel-chat-sdk";
-export default 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 BehaviorSubject(ConnectionStatus.Uninitialized));
@@ -27,56 +31,63 @@ export default 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: uuidv4(),
-          from: {
-            ...activity.from,
-            id: botId,
-            name: "Bot",
-            role: "bot"
-          },
-          text: activity.text.substr(1)
-        };
-        typingActivity = {
-          id: 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: 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: 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: uuidv4(),
+            from: {
+              id: 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: 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.of(activity.id || "");
-  }
-  end() {
-    return;
-  }
-}
+      return Observable.of(activity.id || "");
+    }
+  }, {
+    key: "end",
+    value: function end() {
+      return;
+    }
+  }]);
+  return MockAdapter;
+}();
+export { MockAdapter as default };