@microsoft/omnichannel-chat-widget 0.1.0-main.bcfe8a3 → 0.1.0-main.c1dcc1d

package/lib/cjs/components/reconnectchatpanestateful/ReconnectChatPaneStateful.js

@@ -4,46 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ReconnectChatPaneStateful = void 0;
-
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ConversationState = require("../../contexts/common/ConversationState");
-
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
-
 var _utils = require("../../common/utils");
-
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
-
 var _useChatSDKStore = _interopRequireDefault(require("../../hooks/useChatSDKStore"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const ReconnectChatPaneStateful = props => {
-  const [state, dispatch] = (0, _useChatContextStore.default)(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+  const [state, dispatch] = (0, _useChatContextStore.default)();
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const chatSDK = (0, _useChatSDKStore.default)();
   const {
     reconnectChatProps,
     initStartChat
   } = props;
-
   const startChat = async continueChat => {
     dispatch({
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
       payload: _ConversationState.ConversationState.Loading
     });
-
     if (continueChat && state.appStates.reconnectId) {
       const optionalParams = {
         reconnectId: state.appStates.reconnectId
@@ -52,7 +37,6 @@ const ReconnectChatPaneStateful = props => {
     } else {
       const parseToJson = false;
       const preChatSurveyResponse = await chatSDK.getPreChatSurvey(parseToJson);
-
       if (preChatSurveyResponse) {
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_PRE_CHAT_SURVEY_RESPONSE,
@@ -71,7 +55,6 @@ const ReconnectChatPaneStateful = props => {
       }
     }
   };
-
   const controlProps = {
     id: "lcw-components-reconnect-chat-pane",
     dir: state.domainStates.globalDir,
@@ -80,7 +63,6 @@ const ReconnectChatPaneStateful = props => {
         Event: _TelemetryConstants.TelemetryEvent.ReconnectChatContinueConversation,
         Description: "Reconnect chat continue conversation button clicked."
       });
-
       startChat(true);
     },
     onStartNewChat: () => {
@@ -88,7 +70,6 @@ const ReconnectChatPaneStateful = props => {
         Event: _TelemetryConstants.TelemetryEvent.ReconnectChatStartNewConversation,
         Description: "Reconnect chat start new conversation button clicked."
       });
-
       startChat(false);
     },
     onMinimize: () => {
@@ -96,7 +77,6 @@ const ReconnectChatPaneStateful = props => {
         Event: _TelemetryConstants.TelemetryEvent.ReconnectChatMinimize,
         Description: "Reconnect chat minimized."
       });
-
       dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
         payload: true
@@ -106,7 +86,6 @@ const ReconnectChatPaneStateful = props => {
   };
   (0, _react.useEffect)(() => {
     (0, _utils.setFocusOnElement)(document.getElementById(controlProps.id));
-
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.ReconnectChatPaneLoaded
     });
@@ -117,7 +96,6 @@ const ReconnectChatPaneStateful = props => {
     styleProps: reconnectChatProps === null || reconnectChatProps === void 0 ? void 0 : reconnectChatProps.styleProps
   });
 };
-
 exports.ReconnectChatPaneStateful = ReconnectChatPaneStateful;
 var _default = ReconnectChatPaneStateful;
 exports.default = _default;

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

@@ -4,41 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.WebChatContainerStateful = void 0;
-
 var _react = require("@fluentui/react");
-
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _botframeworkWebchat = require("botframework-webchat");
-
+var _broadcastChannel = require("broadcast-channel");
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
-
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
-
 var _defaultMiddlewareLocalizedTexts = require("./common/defaultProps/defaultMiddlewareLocalizedTexts");
-
 var _defaultWebChatContainerStatefulProps = require("./common/defaultProps/defaultWebChatContainerStatefulProps");
-
 var _utils = require("../../common/utils");
-
 var _ = require("../..");
-
 var _WebChatActionType = require("./webchatcontroller/enums/WebChatActionType");
-
 var _WebChatStoreLoader = require("./webchatcontroller/WebChatStoreLoader");
-
 var _Constants = require("../../common/Constants");
-
 var _BotMagicCodeStore = require("./webchatcontroller/BotMagicCodeStore");
-
+var _defaultAdaptiveCardStyles = require("./common/defaultStyles/defaultAdaptiveCardStyles");
+var _defaultReceivedMessageAnchorStyles = require("./webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultReceivedMessageAnchorStyles");
+var _defaultUserMessageBoxStyles = require("./webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultUserMessageBoxStyles");
+var _defaultSystemMessageBoxStyles = require("./webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultSystemMessageBoxStyles");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const broadcastChannelMessageEvent = "message";
-
 const postActivity = activity => {
   // eslint-disable-line @typescript-eslint/no-explicit-any
   return {
@@ -57,28 +44,28 @@ const postActivity = activity => {
     }
   };
 };
-
 const createMagicCodeSuccessResponse = signin => {
   return {
     signin,
     result: "Success"
   };
 };
-
 const WebChatContainerStateful = props => {
+  var _props$adaptiveCardSt, _props$renderingMiddl, _props$renderingMiddl2, _props$renderingMiddl3, _props$renderingMiddl4, _props$adaptiveCardSt2, _props$renderingMiddl5, _props$renderingMiddl6, _props$renderingMiddl7, _props$renderingMiddl8;
   const {
     BasicWebChat
   } = _botframeworkWebchat.Components;
   const [state, dispatch] = (0, _.useChatContextStore)();
-  const magicCodeBroadcastChannel = new BroadcastChannel(_Constants.Constants.magicCodeBroadcastChannel);
-  const magicCodeResponseBroadcastChannel = new BroadcastChannel(_Constants.Constants.magicCodeResponseBroadcastChannel);
+  const magicCodeBroadcastChannel = new _broadcastChannel.BroadcastChannel(_Constants.Constants.magicCodeBroadcastChannel);
+  const magicCodeResponseBroadcastChannel = new _broadcastChannel.BroadcastChannel(_Constants.Constants.magicCodeResponseBroadcastChannel);
   const containerStyles = {
     root: Object.assign({}, _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.containerStyles, props === null || props === void 0 ? void 0 : props.containerStyles, {
       display: state.appStates.isMinimized ? "none" : ""
     }) // Use this instead of removing WebChat from the picture so that the activity observer inside the adapter is not invoked 
-
   };
-  const localizedTexts = { ..._defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts,
+
+  const localizedTexts = {
+    ..._defaultMiddlewareLocalizedTexts.defaultMiddlewareLocalizedTexts,
     ...(props === null || props === void 0 ? void 0 : props.localizedTexts)
   };
   (0, _react2.useEffect)(() => {
@@ -91,7 +78,6 @@ const WebChatContainerStateful = props => {
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MIDDLEWARE_LOCALIZED_TEXTS,
       payload: localizedTexts
     });
-
     _TelemetryHelper.TelemetryHelper.logLoadingEvent(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.WebChatLoaded
     });
@@ -102,7 +88,6 @@ const WebChatContainerStateful = props => {
       const {
         data
       } = event;
-
       if (_BotMagicCodeStore.BotMagicCodeStore.botOAuthSignInId === data.signin) {
         const {
           signin,
@@ -115,16 +100,12 @@ const WebChatContainerStateful = props => {
             tags: [_Constants.Constants.hiddenTag]
           }
         });
-
         _WebChatStoreLoader.WebChatStoreLoader.store.dispatch(action);
-
         const response = createMagicCodeSuccessResponse(signin);
         magicCodeResponseBroadcastChannel.postMessage(response);
-
         _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
           Event: _TelemetryConstants.TelemetryEvent.SuppressBotMagicCodeSucceeded
         });
-
         _BotMagicCodeStore.BotMagicCodeStore.botOAuthSignInId = "";
         magicCodeBroadcastChannel.close();
         magicCodeResponseBroadcastChannel.close();
@@ -135,14 +116,29 @@ const WebChatContainerStateful = props => {
         });
       }
     };
-
     magicCodeBroadcastChannel.addEventListener(broadcastChannelMessageEvent, eventListener);
   }, []);
   return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement("style", null, `
+
+        .webchat__bubble__content>div#ms_lcw_webchat_adaptive_card {
+            background: ${(props === null || props === void 0 ? void 0 : (_props$adaptiveCardSt = props.adaptiveCardStyles) === null || _props$adaptiveCardSt === void 0 ? void 0 : _props$adaptiveCardSt.background) ?? _defaultAdaptiveCardStyles.defaultAdaptiveCardStyles.background};
+        }
+
+        .webchat__stacked-layout__content div.webchat__stacked-layout__message-row div.webchat__bubble--from-user {
+            max-width: ${(props === null || props === void 0 ? void 0 : (_props$renderingMiddl = props.renderingMiddlewareProps) === null || _props$renderingMiddl === void 0 ? void 0 : (_props$renderingMiddl2 = _props$renderingMiddl.userMessageBoxStyles) === null || _props$renderingMiddl2 === void 0 ? void 0 : _props$renderingMiddl2.maxWidth) ?? (_defaultUserMessageBoxStyles.defaultUserMessageBoxStyles === null || _defaultUserMessageBoxStyles.defaultUserMessageBoxStyles === void 0 ? void 0 : _defaultUserMessageBoxStyles.defaultUserMessageBoxStyles.maxWidth)}
+        }
+
+        .webchat__stacked-layout--show-avatar div.webchat__stacked-layout__content div.webchat__stacked-layout__message-row div.webchat__stacked-layout__message {
+            max-width: ${(props === null || props === void 0 ? void 0 : (_props$renderingMiddl3 = props.renderingMiddlewareProps) === null || _props$renderingMiddl3 === void 0 ? void 0 : (_props$renderingMiddl4 = _props$renderingMiddl3.systemMessageBoxStyles) === null || _props$renderingMiddl4 === void 0 ? void 0 : _props$renderingMiddl4.maxWidth) ?? (_defaultSystemMessageBoxStyles.defaultSystemMessageBoxStyles === null || _defaultSystemMessageBoxStyles.defaultSystemMessageBoxStyles === void 0 ? void 0 : _defaultSystemMessageBoxStyles.defaultSystemMessageBoxStyles.maxWidth)}
+        }
+
+        div[class="ac-textBlock"]>p{color:${(props === null || props === void 0 ? void 0 : (_props$adaptiveCardSt2 = props.adaptiveCardStyles) === null || _props$adaptiveCardSt2 === void 0 ? void 0 : _props$adaptiveCardSt2.color) ?? _defaultAdaptiveCardStyles.defaultAdaptiveCardStyles.color};}
+
         .ms_lcw_webchat_received_message img.webchat__markdown__external-link-icon { 
             background-image : url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIzIDMgMTggMTgiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03LjI1MDEgNC41MDAxN0gxMC43NDk1QzExLjE2MzcgNC41MDAxNyAxMS40OTk1IDQuODM1OTYgMTEuNDk5NSA1LjI1MDE3QzExLjQ5OTUgNS42Mjk4NiAxMS4yMTczIDUuOTQzNjYgMTAuODUxMyA1Ljk5MzMyTDEwLjc0OTUgNi4wMDAxN0g3LjI0OTc0QzYuMDcwNzkgNS45OTk2MSA1LjEwMzQ5IDYuOTA2NTYgNS4wMDc4NiA4LjA2MTEyTDUuMDAwMjggOC4yMjAwM0w1LjAwMzEyIDE2Ljc1MDdDNS4wMDM0MyAxNy45NDE1IDUuOTI4ODUgMTguOTE2MSA3LjA5OTY2IDE4Ljk5NDlMNy4yNTM3MSAxOS4wMDAxTDE1Ljc1MTggMTguOTg4NEMxNi45NDE1IDE4Ljk4NjggMTcuOTE0NSAxOC4wNjIgMTcuOTkzNSAxNi44OTIzTDE3Ljk5ODcgMTYuNzM4NFYxMy4yMzIxQzE3Ljk5ODcgMTIuODE3OSAxOC4zMzQ1IDEyLjQ4MjEgMTguNzQ4NyAxMi40ODIxQzE5LjEyODQgMTIuNDgyMSAxOS40NDIyIDEyLjc2NDMgMTkuNDkxOCAxMy4xMzAzTDE5LjQ5ODcgMTMuMjMyMVYxNi43Mzg0QzE5LjQ5ODcgMTguNzQwNyAxNy45MjkzIDIwLjM3NjkgMTUuOTUyOCAyMC40ODI5TDE1Ljc1MzggMjAuNDg4NEw3LjI1ODI3IDIwLjUwMDFMNy4wNTQ5NSAyMC40OTQ5QzUuMTQyMzkgMjAuMzk1NCAzLjYwODk1IDE4Ljg2MjcgMy41MDgzNyAxNi45NTAyTDMuNTAzMTIgMTYuNzUxMUwzLjUwMDg5IDguMjUyN0wzLjUwNTI5IDguMDUwMkMzLjYwNTM5IDYuMTM3NDkgNS4xMzg2NyA0LjYwNDQ5IDcuMDUwOTYgNC41MDUyN0w3LjI1MDEgNC41MDAxN0gxMC43NDk1SDcuMjUwMVpNMTMuNzQ4MSAzLjAwMTQ2TDIwLjMwMTggMy4wMDE5N0wyMC40MDE0IDMuMDE1NzVMMjAuNTAyMiAzLjA0MzkzTDIwLjU1OSAzLjA2ODAzQzIwLjYxMjIgMy4wOTEyMiAyMC42NjM0IDMuMTIxNjMgMjAuNzExMSAzLjE1ODg1TDIwLjc4MDQgMy4yMjE1NkwyMC44NjQxIDMuMzIwMTRMMjAuOTE4MyAzLjQxMDI1TDIwLjk1NyAzLjUwMDU3TDIwLjk3NjIgMy41NjQ3NkwyMC45ODk4IDMuNjI4NjJMMjAuOTk5MiAzLjcyMjgyTDIwLjk5OTcgMTAuMjU1NEMyMC45OTk3IDEwLjY2OTYgMjAuNjYzOSAxMS4wMDU0IDIwLjI0OTcgMTEuMDA1NEMxOS44NyAxMS4wMDU0IDE5LjU1NjIgMTAuNzIzMiAxOS41MDY1IDEwLjM1NzFMMTkuNDk5NyAxMC4yNTU0TDE5LjQ5ODkgNS41NjE0N0wxMi4yNzk3IDEyLjc4NDdDMTIuMDEzNCAxMy4wNTEgMTEuNTk2OCAxMy4wNzUzIDExLjMwMzEgMTIuODU3NUwxMS4yMTkgMTIuNzg0OUMxMC45NTI3IDEyLjUxODcgMTAuOTI4NCAxMi4xMDIxIDExLjE0NjIgMTEuODA4NEwxMS4yMTg4IDExLjcyNDNMMTguNDM2OSA0LjUwMTQ2SDEzLjc0ODFDMTMuMzY4NCA0LjUwMTQ2IDEzLjA1NDYgNC4yMTkzMSAxMy4wMDUgMy44NTMyNEwxMi45OTgxIDMuNzUxNDZDMTIuOTk4MSAzLjM3MTc3IDEzLjI4MDMgMy4wNTc5NyAxMy42NDY0IDMuMDA4MzFMMTMuNzQ4MSAzLjAwMTQ2WiIgZmlsbD0iI0ZGRkZGRiIgLz48L3N2Zz4) !important;
             height: '.75em';
-            marginLeft: '.25em'; 
+            marginLeft: '.25em';
+            filter:${(props === null || props === void 0 ? void 0 : (_props$renderingMiddl5 = props.renderingMiddlewareProps) === null || _props$renderingMiddl5 === void 0 ? void 0 : (_props$renderingMiddl6 = _props$renderingMiddl5.receivedMessageAnchorStyles) === null || _props$renderingMiddl6 === void 0 ? void 0 : _props$renderingMiddl6.filter) ?? "none"};
         }
         pre {
             white-space: pre-wrap;
@@ -155,12 +151,11 @@ const WebChatContainerStateful = props => {
         .ms_lcw_webchat_received_message a:visited,
         .ms_lcw_webchat_received_message a:hover,
         .ms_lcw_webchat_received_message a:active {
-            color: white;
+            color: ${(props === null || props === void 0 ? void 0 : (_props$renderingMiddl7 = props.renderingMiddlewareProps) === null || _props$renderingMiddl7 === void 0 ? void 0 : (_props$renderingMiddl8 = _props$renderingMiddl7.receivedMessageAnchorStyles) === null || _props$renderingMiddl8 === void 0 ? void 0 : _props$renderingMiddl8.color) ?? (_defaultReceivedMessageAnchorStyles.defaultReceivedMessageAnchorStyles === null || _defaultReceivedMessageAnchorStyles.defaultReceivedMessageAnchorStyles === void 0 ? void 0 : _defaultReceivedMessageAnchorStyles.defaultReceivedMessageAnchorStyles.color)};
         } `), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
     styles: containerStyles
   }, /*#__PURE__*/_react2.default.createElement(BasicWebChat, null)));
 };
-
 exports.WebChatContainerStateful = WebChatContainerStateful;
 var _default = WebChatContainerStateful;
 exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps.js

@@ -4,23 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultWebChatContainerStatefulProps = void 0;
-
 var _mockadapter = _interopRequireDefault(require("../mockadapter"));
-
 var _defaultWebChatStatefulContainerStyles = require("../defaultStyles/defaultWebChatStatefulContainerStyles");
-
 var _defaultWebChatStatefulProps = require("./defaultWebChatStatefulProps");
-
 var _defaultWebChatContainerStatefulStyles = require("../defaultStyles/defaultWebChatContainerStatefulStyles");
-
+var _defaultAdaptiveCardStyles = require("../defaultStyles/defaultAdaptiveCardStyles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const defaultWebChatContainerStatefulProps = {
   webChatStyles: _defaultWebChatContainerStatefulStyles.defaultWebChatStatefulStyles,
   webChatProps: _defaultWebChatStatefulProps.defaultWebChatStatefulProps,
   containerStyles: _defaultWebChatStatefulContainerStyles.defaultWebChatStatefulContainerStyles,
   disableNewLineMarkdownSupport: false,
   disableMarkdownMessageFormatting: false,
-  directLine: new _mockadapter.default()
+  directLine: new _mockadapter.default(),
+  adaptiveCardStyles: _defaultAdaptiveCardStyles.defaultAdaptiveCardStyles
 };
 exports.defaultWebChatContainerStatefulProps = defaultWebChatContainerStatefulProps;

package/lib/cjs/components/webchatcontainerstateful/common/defaultProps/defaultWebChatStatefulProps.js

@@ -4,20 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultWebChatStatefulProps = void 0;
-
 var _activityStatusMiddleware = require("../../webchatcontroller/middlewares/renderingmiddlewares/activityStatusMiddleware");
-
 var _groupActivitiesMiddleware = require("../../webchatcontroller/middlewares/renderingmiddlewares/groupActivitiesMiddleware");
-
 var _typingIndicatorMiddleware = require("../../webchatcontroller/middlewares/renderingmiddlewares/typingIndicatorMiddleware");
-
 const defaultWebChatStatefulProps = {
   // activityMiddleware: activityMiddleware, - this is implemented elsewhere and can be customized
   activityStatusMiddleware: _activityStatusMiddleware.activityStatusMiddleware,
   // avatarMiddleware: avatarMiddleware, - this is implemented elsewhere and can be customized
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   groupActivitiesMiddleware: _groupActivitiesMiddleware.groupActivitiesMiddleware,
-  typingIndicatorMiddleware: _typingIndicatorMiddleware.typingIndicatorMiddleware // attachmentMiddleware: createAttachmentMiddleware(false), - this is implemented elsewhere and can be customized
-
+  typingIndicatorMiddleware: _typingIndicatorMiddleware.typingIndicatorMiddleware
+  // attachmentMiddleware: createAttachmentMiddleware(false), - this is implemented elsewhere and can be customized
 };
 exports.defaultWebChatStatefulProps = defaultWebChatStatefulProps;

package/lib/cjs/components/webchatcontainerstateful/common/defaultStyles/defaultAdaptiveCardStyles.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultAdaptiveCardStyles = void 0;
+const defaultAdaptiveCardStyles = {
+  background: "white",
+  color: "black"
+};
+exports.defaultAdaptiveCardStyles = defaultAdaptiveCardStyles;

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

@@ -4,34 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("rxjs/add/operator/share");
-
 require("rxjs/add/observable/of");
-
 var _botframeworkDirectlinejs = require("botframework-directlinejs");
-
 var _rxjs = require("rxjs");
-
 var _Observable = require("rxjs/Observable");
-
 var _omnichannelChatSdk = require("@microsoft/omnichannel-chat-sdk");
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 class MockAdapter {
   constructor() {
     _defineProperty(this, "activityObserver", void 0);
-
     _defineProperty(this, "activity$", void 0);
-
     _defineProperty(this, "connectionStatus$", new _rxjs.BehaviorSubject(_botframeworkDirectlinejs.ConnectionStatus.Uninitialized));
-
     this.activity$ = new _Observable.Observable(observer => {
       this.activityObserver = observer;
       Promise.resolve().then(async () => {
         this.connectionStatus$.next(_botframeworkDirectlinejs.ConnectionStatus.Online);
-
         try {
           if (this.connectionStatus$) {
             this.connectionStatus$.next(_botframeworkDirectlinejs.ConnectionStatus.Online);
@@ -43,22 +31,20 @@ class MockAdapter {
       });
     }).share();
   }
-
   postActivity(activity) {
     if (activity) {
       var _activity$text;
-
       let modActivity;
       let typingActivity;
       const userId = "userId",
-            botId = "botId";
-
+        botId = "botId";
       if ((_activity$text = activity.text) !== null && _activity$text !== void 0 && _activity$text.startsWith(":")) {
         var _this$activityObserve, _this$activityObserve2;
-
-        modActivity = { ...activity,
+        modActivity = {
+          ...activity,
           id: (0, _omnichannelChatSdk.uuidv4)(),
-          from: { ...activity.from,
+          from: {
+            ...activity.from,
             id: botId,
             name: "Bot",
             role: "bot"
@@ -75,14 +61,14 @@ class MockAdapter {
           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,
+        modActivity = {
+          ...activity,
           id: (0, _omnichannelChatSdk.uuidv4)(),
-          from: { ...activity.from,
+          from: {
+            ...activity.from,
             id: userId,
             name: "User",
             role: "user"
@@ -94,11 +80,8 @@ class MockAdapter {
 
     return _Observable.Observable.of(activity.id || "");
   }
-
   end() {
     return;
   }
-
 }
-
 exports.default = MockAdapter;

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

@@ -4,60 +4,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MockChatSDK = void 0;
-
 var _mockadapter = _interopRequireDefault(require("./mockadapter"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 class MockChatSDK {
   constructor() {
     _defineProperty(this, "sleep", ms => new Promise(r => setTimeout(r, ms)));
+    _defineProperty(this, "isMockModeOn", true);
   }
-
   async startChat() {
     await this.sleep(1000);
   }
-
   endChat() {
     return null;
   }
-
   getChatToken() {
     return null;
   }
-
   createChatAdapter() {
     return new _mockadapter.default();
-  } // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
+  }
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getPreChatSurvey(parseToJson) {
     return "";
   }
-
   getConversationDetails() {
     return {};
   }
-
   getCurrentLiveChatContext() {
     return {
       chatToken: {},
       requestId: ""
     };
   }
-
   onNewMessage() {
     return null;
   }
-
   getChatReconnectContext() {
     return {
       reconnectId: "123"
     };
   }
-
 }
-
 exports.MockChatSDK = MockChatSDK;

package/lib/cjs/components/webchatcontainerstateful/common/utils/BrowserInfo.js

@@ -4,85 +4,63 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isChromiumEdge = exports.getUserAgent = exports.getBrowserVersion = exports.getBrowserName = void 0;
-
 var _BrowserVendor = require("../../webchatcontroller/enums/BrowserVendor");
-
 const REGEX_VERSION = "([\\d,.]+)";
 const UNKNOWN_VERSION = "U";
 let userAgent = undefined;
-
 const getUserAgent = () => {
   if (!userAgent) {
     userAgent = window.navigator.userAgent;
   }
-
   return userAgent;
 };
-
 exports.getUserAgent = getUserAgent;
-
 const userAgentContainsString = searchString => {
   const userAgent = getUserAgent();
   return userAgent.indexOf(searchString) > -1;
 };
-
 const isEdge = () => {
   return userAgentContainsString(_BrowserVendor.BrowserVendor.EDGE) || userAgentContainsString(_BrowserVendor.BrowserVendor.EDGE_CHROMIUM);
 };
-
 const isChromiumEdge = () => {
   return userAgentContainsString(_BrowserVendor.BrowserVendor.EDGE_CHROMIUM) && !userAgentContainsString(_BrowserVendor.BrowserVendor.EDGE);
 };
-
 exports.isChromiumEdge = isChromiumEdge;
-
 const isOpera = () => {
   return userAgentContainsString("OPR/");
 };
-
 const getBrowserName = () => {
   if (isOpera()) {
     return _BrowserVendor.BrowserVendor.OPERA;
   }
-
   if (isEdge()) {
     return _BrowserVendor.BrowserVendor.EDGE;
   }
-
   if (userAgentContainsString(_BrowserVendor.BrowserVendor.CHROME)) {
     return _BrowserVendor.BrowserVendor.CHROME;
   }
-
   if (userAgentContainsString(_BrowserVendor.BrowserVendor.FIREFOX)) {
     return _BrowserVendor.BrowserVendor.FIREFOX;
   }
-
   if (userAgentContainsString(_BrowserVendor.BrowserVendor.SAFARI)) {
     return _BrowserVendor.BrowserVendor.SAFARI;
   }
-
   return _BrowserVendor.BrowserVendor.UNKNOWN;
 };
-
 exports.getBrowserName = getBrowserName;
-
 const getBrowserVersion = () => {
   let browserString = getBrowserName();
   const browserVersion = UNKNOWN_VERSION;
   let matches;
-
   if (browserString === _BrowserVendor.BrowserVendor.SAFARI) {
     browserString = "Version";
-  } // eslint-disable-next-line prefer-const
-
+  }
 
+  // eslint-disable-next-line prefer-const
   matches = getUserAgent().match(new RegExp(browserString + "/" + REGEX_VERSION));
-
   if (matches) {
     return matches[1];
   }
-
   return browserVersion;
 };
-
 exports.getBrowserVersion = getBrowserVersion;

package/lib/cjs/components/webchatcontainerstateful/common/utils/FileAttachmentIconManager.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isInlineMediaSupported = exports.getFileAttachmentIconData = void 0;
-
 var _Icons = require("../../../../assets/Icons");
-
 var _BrowserInfo = require("./BrowserInfo");
-
 var _BrowserVendor = require("../../webchatcontroller/enums/BrowserVendor");
-
 var _Constants = require("../../../../common/Constants");
-
 const FileAttachmentIconMap = {
   "aac": _Icons.AudioIcon,
   "aiff": _Icons.AudioIcon,
@@ -63,38 +58,31 @@ const FileAttachmentIconMap = {
   "zipx": _Icons.ArchiveIcon,
   "7z": _Icons.ArchiveIcon
 };
+
 /**
  * Get file attachment icon image depending on extension.
  *
  * @param extension File extension
 */
-
 const getFileAttachmentIconData = extension => {
   const key = extension.startsWith(".") ? extension.slice(1) : extension || "";
-
   const icon = FileAttachmentIconMap[key.toLowerCase()] || _Icons.BlankIcon;
-
   return icon;
-}; // Check if browser supports inline media playing for current media format
-
+};
 
+// Check if browser supports inline media playing for current media format
 exports.getFileAttachmentIconData = getFileAttachmentIconData;
-
 const isInlineMediaSupported = attachmentName => {
   switch ((0, _BrowserInfo.getBrowserName)()) {
     case _BrowserVendor.BrowserVendor.CHROME:
     case _BrowserVendor.BrowserVendor.OPERA:
       return _Constants.Constants.chromeSupportedInlineMediaRegex.test(attachmentName);
-
     case _BrowserVendor.BrowserVendor.FIREFOX:
       return _Constants.Constants.firefoxSupportedInlineMediaRegex.test(attachmentName);
-
     case _BrowserVendor.BrowserVendor.EDGE:
       return (0, _BrowserInfo.isChromiumEdge)() && _Constants.Constants.chromeSupportedInlineMediaRegex.test(attachmentName);
-
     default:
       return false;
   }
 };
-
 exports.isInlineMediaSupported = isInlineMediaSupported;

package/lib/cjs/components/webchatcontainerstateful/common/utils/isMaskingFromCustomer.js

@@ -4,24 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isMaskingforCustomer = void 0;
-
 const isMaskingforCustomer = maskingInfo => {
   var _maskingInfo$setting;
-
   // If the masking info (containing masking setting and masking rules) is missing or empty, return false.
   // If the masking rules are missing or empty, also return false.
   if (!maskingInfo || Object.keys(maskingInfo).length == 0 || !maskingInfo.dataMaskingRules || Object.keys(maskingInfo.dataMaskingRules).length == 0) {
     return false;
-  } // If the masking rules are provided and;
-  // If the masking setting is NOT null and masking for customer is NOT null, return the configuration
-
+  }
 
+  // If the masking rules are provided and;
+  // If the masking setting is NOT null and masking for customer is NOT null, return the configuration
   if ((_maskingInfo$setting = maskingInfo.setting) !== null && _maskingInfo$setting !== void 0 && _maskingInfo$setting.msdyn_maskforcustomer) {
     return maskingInfo.setting.msdyn_maskforcustomer;
-  } // In all other cases, even if masking setting is missing, return true to apply the masking for backward compatibility (i.e. in old versions, OC does not have masking info settings)
-
+  }
 
+  // In all other cases, even if masking setting is missing, return true to apply the masking for backward compatibility (i.e. in old versions, OC does not have masking info settings)
   return true;
 };
-
 exports.isMaskingforCustomer = isMaskingforCustomer;

package/lib/cjs/components/webchatcontainerstateful/interfaces/IAdaptiveCardStyles.js

@@ -0,0 +1 @@
+"use strict";