@microsoft/omnichannel-chat-widget 1.7.8-main.d71f599 → 1.7.8

package/lib/esm/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js

@@ -59,8 +59,9 @@ export const LiveChatWidgetStateful = props => {
   var _props$webChatContain, _props$styleProps, _props$webChatContain2, _props$webChatContain3, _props$controlProps, _props$controlProps3, _state$appStates7, _props$webChatContain7, _state$appStates14, _props$webChatContain9, _props$webChatContain10, _props$controlProps12, _props$draggableChatW, _props$draggableChatW2, _props$draggableChatW3, _props$draggableChatW4, _props$draggableChatW5, _livechatProps$webCha, _props$webChatContain11, _props$webChatContain12, _props$webChatContain13, _props$webChatContain14, _props$webChatContain15, _props$webChatContain16, _props$webChatContain17, _props$webChatContain18, _livechatProps$styleP, _livechatProps$contro, _livechatProps$contro2, _livechatProps$compon, _livechatProps$contro3, _livechatProps$compon2, _livechatProps$contro4, _livechatProps$compon3, _livechatProps$contro5, _livechatProps$compon4, _livechatProps$contro6, _livechatProps$compon5, _livechatProps$contro7, _livechatProps$compon6, _livechatProps$contro8, _livechatProps$compon7, _livechatProps$contro9, _livechatProps$compon8, _livechatProps$contro10, _livechatProps$contro11, _livechatProps$compon9, _livechatProps$contro12, _livechatProps$compon10, _livechatProps$contro13, _livechatProps$compon11, _livechatProps$compon12, _livechatProps$compon13;
   useEffect(() => {
     uiTimer = createTimer();
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXLivechatwidgetStart
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXLiveChatWidgetStart,
+      Description: "Live chat widget loading started."
     });
   }, []);
   const [state, dispatch] = useChatContextStore();
@@ -273,9 +274,8 @@ export const LiveChatWidgetStateful = props => {
   useEffect(() => {
     var _state$appStates6;
     if ((state === null || state === void 0 ? void 0 : (_state$appStates6 = state.appStates) === null || _state$appStates6 === void 0 ? void 0 : _state$appStates6.hideStartChatButton) === true) {
-      var _props$chatConfig3, _props$chatConfig3$Li, _props$chatConfig4, _props$chatConfig4$Li;
       //handle OOH pane
-      if (typeof (props === null || props === void 0 ? void 0 : (_props$chatConfig3 = props.chatConfig) === null || _props$chatConfig3 === void 0 ? void 0 : (_props$chatConfig3$Li = _props$chatConfig3.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig3$Li === void 0 ? void 0 : _props$chatConfig3$Li.OutOfOperatingHours) === "string" && (props === null || props === void 0 ? void 0 : (_props$chatConfig4 = props.chatConfig) === null || _props$chatConfig4 === void 0 ? void 0 : (_props$chatConfig4$Li = _props$chatConfig4.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig4$Li === void 0 ? void 0 : _props$chatConfig4$Li.OutOfOperatingHours.toLowerCase()) === "true") {
+      if (state.appStates.outsideOperatingHours === true) {
         dispatch({
           type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
           payload: ConversationState.OutOfOffice
@@ -311,7 +311,7 @@ export const LiveChatWidgetStateful = props => {
       });
     });
     BroadcastService.getMessageByEventName(BroadcastEvent.StartProactiveChat).subscribe(msg => {
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
         Event: TelemetryEvent.StartProactiveChatEventReceived,
         Description: "Start proactive chat event received."
       });
@@ -409,10 +409,10 @@ export const LiveChatWidgetStateful = props => {
 
     // Start chat from SDK Event
     BroadcastService.getMessageByEventName(BroadcastEvent.StartChat).subscribe(msg => {
-      var _props$chatConfig5, _props$chatConfig5$Li, _props$chatConfig6, _props$chatConfig6$Li, _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta2, _inMemoryState$appSta3;
+      var _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4;
       // If chat is out of operating hours chat widget sets the conversation state to OutOfOffice.
-      if (typeof (props === null || props === void 0 ? void 0 : (_props$chatConfig5 = props.chatConfig) === null || _props$chatConfig5 === void 0 ? void 0 : (_props$chatConfig5$Li = _props$chatConfig5.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig5$Li === void 0 ? void 0 : _props$chatConfig5$Li.OutOfOperatingHours) === "string" && (props === null || props === void 0 ? void 0 : (_props$chatConfig6 = props.chatConfig) === null || _props$chatConfig6 === void 0 ? void 0 : (_props$chatConfig6$Li = _props$chatConfig6.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig6$Li === void 0 ? void 0 : _props$chatConfig6$Li.OutOfOperatingHours.toLowerCase()) === "true") {
-        (state === null || state === void 0 ? void 0 : state.appStates.isMinimized) && dispatch({
+      if (state.appStates.outsideOperatingHours === true) {
+        dispatch({
           type: LiveChatWidgetActionType.SET_MINIMIZED,
           payload: false
         });
@@ -428,7 +428,7 @@ export const LiveChatWidgetStateful = props => {
       }
       if (msg !== null && msg !== void 0 && (_msg$payload7 = msg.payload) !== null && _msg$payload7 !== void 0 && _msg$payload7.customContext) {
         var _msg$payload8;
-        TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
           Event: TelemetryEvent.CustomContextReceived,
           Description: "CustomContext received through startChat event."
         });
@@ -437,8 +437,8 @@ export const LiveChatWidgetStateful = props => {
           payload: msg === null || msg === void 0 ? void 0 : (_msg$payload8 = msg.payload) === null || _msg$payload8 === void 0 ? void 0 : _msg$payload8.customContext
         });
       }
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
-        Event: TelemetryEvent.StartChatEventRecevied,
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.StartChatEventReceived,
         Description: "Start chat event received."
       });
       const inMemoryState = executeReducer(state, {
@@ -446,13 +446,17 @@ export const LiveChatWidgetStateful = props => {
         payload: null
       });
       inMemoryState.domainStates.customContext = msg === null || msg === void 0 ? void 0 : (_msg$payload9 = msg.payload) === null || _msg$payload9 === void 0 ? void 0 : _msg$payload9.customContext;
-
       /*
       * If the conversation is in closed state then we start a new chat, 
       * else if the conversation is in active state then we maximize the chat
       *  If the conversation is in inactive or postchat state then we maximize the chat.
       * 
       * To start a new chat, it needs to be called via the close button or close chat via SDK.
+      * 
+      * NOTE : Transition from OOH to business hours will follow this path, since during intialization conversation
+      * state is being set to closed.
+      * 
+      * Maximization has been added as part of the initialization chat, since it wont go further than this block.
       **/
       if (((_inMemoryState$appSta2 = inMemoryState.appStates) === null || _inMemoryState$appSta2 === void 0 ? void 0 : _inMemoryState$appSta2.conversationState) === ConversationState.Closed) {
         BroadcastService.postMessage({
@@ -463,7 +467,7 @@ export const LiveChatWidgetStateful = props => {
       }
 
       // If minimized, maximize the chat
-      if ((inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta3 = inMemoryState.appStates) === null || _inMemoryState$appSta3 === void 0 ? void 0 : _inMemoryState$appSta3.isMinimized) === true) {
+      if ((inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta3 = inMemoryState.appStates) === null || _inMemoryState$appSta3 === void 0 ? void 0 : _inMemoryState$appSta3.isMinimized) === true || (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta4 = inMemoryState.appStates) === null || _inMemoryState$appSta4 === void 0 ? void 0 : _inMemoryState$appSta4.isMinimized) === undefined) {
         var _inMemoryState$domain, _inMemoryState$domain2, _inMemoryState$domain3, _inMemoryState$domain4;
         dispatch({
           type: LiveChatWidgetActionType.SET_MINIMIZED,
@@ -482,7 +486,7 @@ export const LiveChatWidgetStateful = props => {
 
     // End chat
     BroadcastService.getMessageByEventName(BroadcastEvent.InitiateEndChat).subscribe(async () => {
-      TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+      TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.INFO, {
         Event: TelemetryEvent.EndChatEventReceived,
         Description: "Received InitiateEndChat BroadcastEvent."
       });
@@ -591,12 +595,12 @@ export const LiveChatWidgetStateful = props => {
         disablePolling: true
       });
       facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.onAgentEndSession(event => {
-        var _inMemoryState$appSta4;
+        var _inMemoryState$appSta5;
         const inMemoryState = executeReducer(state, {
           type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
           payload: null
         });
-        if ("participantsRemoved" in event && (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta4 = inMemoryState.appStates) === null || _inMemoryState$appSta4 === void 0 ? void 0 : _inMemoryState$appSta4.conversationState) === ConversationState.Active) {
+        if ("participantsRemoved" in event && (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta5 = inMemoryState.appStates) === null || _inMemoryState$appSta5 === void 0 ? void 0 : _inMemoryState$appSta5.conversationState) === ConversationState.Active) {
           setWebChatStyles(styles => {
             return {
               ...styles,
@@ -739,13 +743,13 @@ export const LiveChatWidgetStateful = props => {
 
   // Handle Chat disconnect cases
   useEffect(() => {
-    var _inMemoryState$appSta5;
+    var _inMemoryState$appSta6;
     const inMemoryState = executeReducer(state, {
       type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
       payload: null
     });
     handleChatDisconnect(props, inMemoryState, setWebChatStyles);
-    const chatDisconnectState = inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta5 = inMemoryState.appStates) === null || _inMemoryState$appSta5 === void 0 ? void 0 : _inMemoryState$appSta5.chatDisconnectEventReceived;
+    const chatDisconnectState = inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta6 = inMemoryState.appStates) === null || _inMemoryState$appSta6 === void 0 ? void 0 : _inMemoryState$appSta6.chatDisconnectEventReceived;
     if (chatDisconnectState && adapter) {
       try {
         adapter.end();
@@ -768,8 +772,9 @@ export const LiveChatWidgetStateful = props => {
     });
   }, [(_props$webChatContain9 = props.webChatContainerProps) === null || _props$webChatContain9 === void 0 ? void 0 : _props$webChatContain9.renderingMiddlewareProps]);
   useEffect(() => {
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXLivechatwidgetCompleted,
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXLiveChatWidgetCompleted,
+      Description: "Live chat widget loading completed.",
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);

package/lib/esm/components/ooohpanestateful/OOOHPaneStateful.js

@@ -11,8 +11,9 @@ export const OutOfOfficeHoursPaneStateful = props => {
   var _props$styleProps;
   useEffect(() => {
     uiTimer = createTimer();
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXOOHPaneStart
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXOutOfOfficeHoursPaneStart,
+      Description: "Out of office hours pane loading started."
     });
   }, []);
   const [state] = useChatContextStore();
@@ -38,8 +39,9 @@ export const OutOfOfficeHoursPaneStateful = props => {
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.OutOfOfficePaneLoaded
     });
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXOOHPaneCompleted,
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXOutOfOfficeHoursPaneCompleted,
+      Description: "Out of office hours pane loading completed.",
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);

package/lib/esm/components/postchatsurveypanestateful/PostChatSurveyPaneStateful.js

@@ -84,12 +84,17 @@ export const PostChatSurveyPaneStateful = props => {
           Event: TelemetryEvent.CustomerVoiceResponsePageLoaded
         });
       } else if (data === CustomerVoiceEvents.FormResponseSubmitted) {
-        TelemetryHelper.logActionEvent(LogLevel.INFO, {
-          Event: TelemetryEvent.CustomerVoiceFormResponseSubmitted
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+          Event: TelemetryEvent.CustomerVoiceFormResponseSubmitted,
+          Description: "Customer Voice form response submitted."
         });
       } else if (data === CustomerVoiceEvents.FormResponseError) {
-        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
-          Event: TelemetryEvent.CustomerVoiceFormResponseError
+        TelemetryHelper.logActionEventToAllTelemetry(LogLevel.ERROR, {
+          Event: TelemetryEvent.CustomerVoiceFormResponseError,
+          Description: "Customer Voice form response error.",
+          ExceptionDetails: {
+            message: "Customer Voice form response error."
+          }
         });
       }
     });

package/lib/esm/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.js

@@ -17,8 +17,9 @@ export const PreChatSurveyPaneStateful = props => {
   var _surveyProps$stylePro, _props$surveyProps, _props$surveyProps$co;
   useEffect(() => {
     uiTimer = createTimer();
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXPrechatPaneStart
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXPrechatPaneStart,
+      Description: "Prechat survey pane loading started."
     });
   }, []);
 
@@ -67,8 +68,9 @@ export const PreChatSurveyPaneStateful = props => {
     payload: getAdaptiveCardPayload(state.domainStates.preChatSurveyResponse, requiredFieldMissingMessage),
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     onSubmit: async values => {
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
-        Event: TelemetryEvent.PrechatSubmitted
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.PrechatSubmitted,
+        Description: "Prechat survey submitted."
       });
       dispatch({
         type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
@@ -139,9 +141,10 @@ export const PreChatSurveyPaneStateful = props => {
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.PrechatSurveyLoaded
     });
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
       Event: TelemetryEvent.UXPrechatPaneCompleted,
-      ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
+      ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed,
+      Description: "Prechat survey pane loading completed."
     });
   }, []);
 

package/lib/esm/components/proactivechatpanestateful/ProactiveChatPaneStateful.js

@@ -16,8 +16,9 @@ export const ProactiveChatPaneStateful = props => {
   var _proactiveChatProps$c;
   useEffect(() => {
     uiTimer = createTimer();
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXProactiveChatPaneStart
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXProactiveChatPaneStart,
+      Description: "Proactive chat pane loading started."
     });
   }, []);
   const [state, dispatch] = useChatContextStore();
@@ -42,7 +43,7 @@ export const ProactiveChatPaneStateful = props => {
         type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: ConversationState.Closed
       });
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
         Event: TelemetryEvent.ProactiveChatRejected,
         ElapsedTimeInMilliseconds: TelemetryTimers.LcwLoadToChatButtonTimer.milliSecondsElapsed,
         Description: "Proactive chat invitation timed out."
@@ -121,9 +122,10 @@ export const ProactiveChatPaneStateful = props => {
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.ProactiveChatPaneLoaded
     });
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.UXProactiveChatCompleted,
-      ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
+    TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
+      Event: TelemetryEvent.UXProactiveChatPaneCompleted,
+      ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed,
+      Description: "Proactive chat pane loading completed."
     });
     return () => {
       clearTimeout(timeoutEvent);

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

@@ -241,9 +241,15 @@ export const WebChatContainerStateful = props => {
         .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);