@microsoft/omnichannel-chat-widget 0.1.0-main.01a30be

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

@@ -0,0 +1,96 @@
+import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
+import React, { useEffect } from "react";
+import { ConversationState } from "../../contexts/common/ConversationState";
+import { LiveChatWidgetActionType } from "../../contexts/common/LiveChatWidgetActionType";
+import { ReconnectChatPane } from "@microsoft/omnichannel-chat-components";
+import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
+import { setFocusOnElement } from "../../common/utils";
+import useChatContextStore from "../../hooks/useChatContextStore";
+import useChatSDKStore from "../../hooks/useChatSDKStore";
+export const ReconnectChatPaneStateful = props => {
+  const [state, dispatch] = useChatContextStore();
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const chatSDK = useChatSDKStore();
+  const {
+    reconnectChatProps,
+    initStartChat
+  } = props;
+  const startChat = async continueChat => {
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: ConversationState.Loading
+    });
+    if (continueChat && state.appStates.reconnectId) {
+      const optionalParams = {
+        reconnectId: state.appStates.reconnectId
+      };
+      await initStartChat(optionalParams);
+    } else {
+      var _state$domainStates;
+      dispatch({
+        type: LiveChatWidgetActionType.SET_RECONNECT_ID,
+        payload: undefined
+      });
+      chatSDK.requestId = state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.initialChatSdkRequestId;
+      const parseToJson = false;
+      const preChatSurveyResponse = await chatSDK.getPreChatSurvey(parseToJson);
+      if (preChatSurveyResponse) {
+        dispatch({
+          type: LiveChatWidgetActionType.SET_PRE_CHAT_SURVEY_RESPONSE,
+          payload: preChatSurveyResponse
+        });
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+          payload: ConversationState.Prechat
+        });
+      } else {
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+          payload: ConversationState.Loading
+        });
+        await initStartChat();
+      }
+    }
+  };
+  const controlProps = {
+    id: "lcw-components-reconnect-chat-pane",
+    dir: state.domainStates.globalDir,
+    onContinueChat: () => {
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.ReconnectChatContinueConversation,
+        Description: "Reconnect chat continue conversation button clicked."
+      });
+      startChat(true);
+    },
+    onStartNewChat: () => {
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.ReconnectChatStartNewConversation,
+        Description: "Reconnect chat start new conversation button clicked."
+      });
+      startChat(false);
+    },
+    onMinimize: () => {
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.ReconnectChatMinimize,
+        Description: "Reconnect chat minimized."
+      });
+      dispatch({
+        type: LiveChatWidgetActionType.SET_MINIMIZED,
+        payload: true
+      });
+    },
+    ...(reconnectChatProps === null || reconnectChatProps === void 0 ? void 0 : reconnectChatProps.controlProps)
+  };
+  useEffect(() => {
+    setFocusOnElement(document.getElementById(controlProps.id));
+    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.ReconnectChatPaneLoaded
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(ReconnectChatPane, {
+    componentOverrides: reconnectChatProps === null || reconnectChatProps === void 0 ? void 0 : reconnectChatProps.componentOverrides,
+    controlProps: controlProps,
+    styleProps: reconnectChatProps === null || reconnectChatProps === void 0 ? void 0 : reconnectChatProps.styleProps
+  });
+};
+export default ReconnectChatPaneStateful;

package/lib/esm/components/reconnectchatpanestateful/interfaces/IReconnectChatContext.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/reconnectchatpanestateful/interfaces/IReconnectChatOptionalParams.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/reconnectchatpanestateful/interfaces/IReconnectChatPaneStatefulParams.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/reconnectchatpanestateful/interfaces/IReconnectChatPaneStatefulProps.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,151 @@
+import { Stack } from "@fluentui/react";
+import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
+import React, { useEffect } from "react";
+import { Components } from "botframework-webchat";
+import { BroadcastChannel } from "broadcast-channel";
+import { LiveChatWidgetActionType } from "../../contexts/common/LiveChatWidgetActionType";
+import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
+import { defaultMiddlewareLocalizedTexts } from "./common/defaultProps/defaultMiddlewareLocalizedTexts";
+import { defaultWebChatContainerStatefulProps } from "./common/defaultProps/defaultWebChatContainerStatefulProps";
+import { setFocusOnSendBox } from "../../common/utils";
+import { useChatContextStore } from "../..";
+import { WebChatActionType } from "./webchatcontroller/enums/WebChatActionType";
+import { WebChatStoreLoader } from "./webchatcontroller/WebChatStoreLoader";
+import { Constants } from "../../common/Constants";
+import { BotMagicCodeStore } from "./webchatcontroller/BotMagicCodeStore";
+import { defaultAdaptiveCardStyles } from "./common/defaultStyles/defaultAdaptiveCardStyles";
+import { defaultReceivedMessageAnchorStyles } from "./webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultReceivedMessageAnchorStyles";
+import { defaultUserMessageBoxStyles } from "./webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultUserMessageBoxStyles";
+import { defaultSystemMessageBoxStyles } from "./webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultSystemMessageBoxStyles";
+const broadcastChannelMessageEvent = "message";
+const postActivity = activity => {
+  // eslint-disable-line @typescript-eslint/no-explicit-any
+  return {
+    type: WebChatActionType.DIRECT_LINE_POST_ACTIVITY,
+    meta: {
+      method: "keyboard"
+    },
+    payload: {
+      activity: {
+        channelData: undefined,
+        text: "",
+        textFormat: "plain",
+        type: Constants.message,
+        ...activity
+      }
+    }
+  };
+};
+const createMagicCodeSuccessResponse = signin => {
+  return {
+    signin,
+    result: "Success"
+  };
+};
+export 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
+  } = Components;
+  const [state, dispatch] = useChatContextStore();
+  const magicCodeBroadcastChannel = new BroadcastChannel(Constants.magicCodeBroadcastChannel);
+  const magicCodeResponseBroadcastChannel = new BroadcastChannel(Constants.magicCodeResponseBroadcastChannel);
+  const containerStyles = {
+    root: Object.assign({}, 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,
+    ...(props === null || props === void 0 ? void 0 : props.localizedTexts)
+  };
+  useEffect(() => {
+    setFocusOnSendBox();
+    dispatch({
+      type: LiveChatWidgetActionType.SET_RENDERING_MIDDLEWARE_PROPS,
+      payload: props === null || props === void 0 ? void 0 : props.renderingMiddlewareProps
+    });
+    dispatch({
+      type: LiveChatWidgetActionType.SET_MIDDLEWARE_LOCALIZED_TEXTS,
+      payload: localizedTexts
+    });
+    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.WebChatLoaded
+    });
+  }, []);
+  useEffect(() => {
+    const eventListener = event => {
+      // eslint-disable-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-empty-function
+      const {
+        data
+      } = event;
+      if (BotMagicCodeStore.botOAuthSignInId === data.signin) {
+        const {
+          signin,
+          code
+        } = data;
+        const text = `${code}`;
+        const action = postActivity({
+          text,
+          channelData: {
+            tags: [Constants.hiddenTag]
+          }
+        });
+        WebChatStoreLoader.store.dispatch(action);
+        const response = createMagicCodeSuccessResponse(signin);
+        magicCodeResponseBroadcastChannel.postMessage(response);
+        TelemetryHelper.logActionEvent(LogLevel.INFO, {
+          Event: TelemetryEvent.SuppressBotMagicCodeSucceeded
+        });
+        BotMagicCodeStore.botOAuthSignInId = "";
+        magicCodeBroadcastChannel.close();
+        magicCodeResponseBroadcastChannel.close();
+      } else {
+        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+          Event: TelemetryEvent.SuppressBotMagicCodeFailed,
+          Description: "Signin does not match"
+        });
+      }
+    };
+    magicCodeBroadcastChannel.addEventListener(broadcastChannelMessageEvent, eventListener);
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.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.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 === null || defaultUserMessageBoxStyles === void 0 ? void 0 : 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 === null || defaultSystemMessageBoxStyles === void 0 ? void 0 : 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.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';
+            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;
+            white-space: -moz-pre-wrap;
+            white-space: -pre-wrap;
+            white-space: -o-pre-wrap;
+            word-wrap: break-word;
+        }
+        .ms_lcw_webchat_received_message a:link,
+        .ms_lcw_webchat_received_message a:visited,
+        .ms_lcw_webchat_received_message a:hover,
+        .ms_lcw_webchat_received_message a:active {
+            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 === null || defaultReceivedMessageAnchorStyles === void 0 ? void 0 : defaultReceivedMessageAnchorStyles.color)};
+        } `), /*#__PURE__*/React.createElement(Stack, {
+    styles: containerStyles
+  }, /*#__PURE__*/React.createElement(BasicWebChat, null)));
+};
+export default WebChatContainerStateful;

package/lib/esm/components/webchatcontainerstateful/common/defaultProps/defaultAttachmentProps.js

@@ -0,0 +1,5 @@
+export const defaultAttachmentProps = {
+  webChatAttachmentId: "oc-lcw-webchat-attachment",
+  adaptiveCardAttachmentId: "ms_lcw_webchat_adaptive_card",
+  enableInlinePlaying: true
+};

package/lib/esm/components/webchatcontainerstateful/common/defaultProps/defaultMarkdownLocalizedTexts.js

@@ -0,0 +1,3 @@
+export const defaultMarkdownLocalizedTexts = {
+  MARKDOWN_EXTERNAL_LINK_ALT: "Opens in a new window; external."
+};

package/lib/esm/components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts.js

@@ -0,0 +1,20 @@
+export const defaultMiddlewareLocalizedTexts = {
+  MIDDLEWARE_BANNER_FILE_NULL_ERROR: "There was an error uploading the file, please try again.",
+  MIDDLEWARE_BANNER_FILE_SIZE_WITHOUT_EXTENSION_ERROR: "File exceeds the allowed limit of {0} MB and please upload the file with an appropriate file extension.",
+  MIDDLEWARE_BANNER_FILE_SIZE_EXTENSION_ERROR: "File exceeds the allowed limit of {0} MB and {1} files are not supported.",
+  MIDDLEWARE_BANNER_FILE_WITHOUT_EXTENSION: "File upload error. Please upload the file with an appropriate file extension.",
+  MIDDLEWARE_BANNER_FILE_EXTENSION_ERROR: "{0} files are not supported.",
+  MIDDLEWARE_BANNER_FILE_SIZE_ERROR: "File exceeds the allowed limit of {0} MB.",
+  MIDDLEWARE_BANNER_FILE_IS_EMPTY_ERROR: "This file can't be attached because it's empty. Please try again with a different file.",
+  MIDDLEWARE_BANNER_ERROR_MESSAGE: "Upload failed, please try again.",
+  MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE: "You’re back online.",
+  MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION: "Unable to connect—please check your internet connection.",
+  MIDDLEWARE_MAX_CHARACTER_COUNT_EXCEEDED: "This message is too long. Please shorten your message to avoid sending failure.",
+  MIDDLEWARE_TYPING_INDICATOR_ONE: "{0} is typing ...",
+  MIDDLEWARE_TYPING_INDICATOR_TWO: "{0} and {1} are typing ...",
+  MIDDLEWARE_TYPING_INDICATOR_MULTIPLE: "{0} agents are typing ...",
+  MIDDLEWARE_MESSAGE_SENDING: "Sending ...",
+  MIDDLEWARE_MESSAGE_DELIVERED: "Sent",
+  MIDDLEWARE_MESSAGE_NOT_DELIVERED: "Not Delivered",
+  MIDDLEWARE_MESSAGE_RETRY: "Retry"
+};

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

@@ -0,0 +1,14 @@
+import MockAdapter from "../mockadapter";
+import { defaultWebChatStatefulContainerStyles } from "../defaultStyles/defaultWebChatStatefulContainerStyles";
+import { defaultWebChatStatefulProps } from "./defaultWebChatStatefulProps";
+import { defaultWebChatStatefulStyles } from "../defaultStyles/defaultWebChatContainerStatefulStyles";
+import { defaultAdaptiveCardStyles } from "../defaultStyles/defaultAdaptiveCardStyles";
+export const defaultWebChatContainerStatefulProps = {
+  webChatStyles: defaultWebChatStatefulStyles,
+  webChatProps: defaultWebChatStatefulProps,
+  containerStyles: defaultWebChatStatefulContainerStyles,
+  disableNewLineMarkdownSupport: false,
+  disableMarkdownMessageFormatting: false,
+  directLine: new MockAdapter(),
+  adaptiveCardStyles: defaultAdaptiveCardStyles
+};

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

@@ -0,0 +1,12 @@
+import { activityStatusMiddleware } from "../../webchatcontroller/middlewares/renderingmiddlewares/activityStatusMiddleware";
+import { groupActivitiesMiddleware } from "../../webchatcontroller/middlewares/renderingmiddlewares/groupActivitiesMiddleware";
+import { typingIndicatorMiddleware } from "../../webchatcontroller/middlewares/renderingmiddlewares/typingIndicatorMiddleware";
+export const defaultWebChatStatefulProps = {
+  // activityMiddleware: activityMiddleware, - this is implemented elsewhere and can be customized
+  activityStatusMiddleware: activityStatusMiddleware,
+  // avatarMiddleware: avatarMiddleware, - this is implemented elsewhere and can be customized
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  groupActivitiesMiddleware: groupActivitiesMiddleware,
+  typingIndicatorMiddleware: typingIndicatorMiddleware
+  // attachmentMiddleware: createAttachmentMiddleware(false), - this is implemented elsewhere and can be customized
+};

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

@@ -0,0 +1,4 @@
+export const defaultAdaptiveCardStyles = {
+  background: "white",
+  color: "black"
+};

package/lib/esm/components/webchatcontainerstateful/common/defaultStyles/defaultWebChatContainerStatefulStyles.js

@@ -0,0 +1,32 @@
+export const defaultWebChatStatefulStyles = {
+  avatarSize: 32,
+  backgroundColor: "#F7F7F9",
+  botAvatarBackgroundColor: "#315FA2",
+  botAvatarInitials: "WC",
+  bubbleBackground: "#315FA2",
+  bubbleBorderRadius: 4,
+  bubbleBorderWidth: 0,
+  bubbleFromUserBackground: "White",
+  bubbleFromUserBorderRadius: 4,
+  bubbleFromUserBorderWidth: 1,
+  bubbleFromUserTextColor: "Black",
+  bubbleImageHeight: 240,
+  bubbleMaxWidth: 250,
+  bubbleMinHeight: 34,
+  bubbleMinWidth: 20,
+  bubbleTextColor: "White",
+  hideSendBox: false,
+  hideUploadButton: true,
+  primaryFont: "Segoe UI, Arial, sans-serif",
+  rootHeight: "100%",
+  rootWidth: "100%",
+  sendBoxTextWrap: true,
+  sendBoxHeight: 60,
+  sendBoxMaxHeight: 96,
+  sendBoxBackground: "White",
+  showAvatarInGroup: true,
+  suggestedActionsStackedHeight: 125,
+  suggestedActionsStackedOverflow: "scroll",
+  // eslint-disable-line @typescript-eslint/no-explicit-any
+  typingAnimationDuration: 3500
+};

package/lib/esm/components/webchatcontainerstateful/common/defaultStyles/defaultWebChatStatefulContainerStyles.js

@@ -0,0 +1,5 @@
+export const defaultWebChatStatefulContainerStyles = {
+  height: "100%",
+  width: "100%",
+  overflowY: "hidden"
+};

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

@@ -0,0 +1,82 @@
+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 "rxjs/add/operator/share";
+import "rxjs/add/observable/of";
+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() {
+    _defineProperty(this, "activityObserver", void 0);
+    _defineProperty(this, "activity$", void 0);
+    _defineProperty(this, "connectionStatus$", new BehaviorSubject(ConnectionStatus.Uninitialized));
+    this.activity$ = new Observable(observer => {
+      this.activityObserver = observer;
+      Promise.resolve().then(async () => {
+        this.connectionStatus$.next(ConnectionStatus.Online);
+        try {
+          if (this.connectionStatus$) {
+            this.connectionStatus$.next(ConnectionStatus.Online);
+          }
+        } catch (err) {
+          this.connectionStatus$.next(ConnectionStatus.FailedToConnect);
+          console.error(err);
+        }
+      });
+    }).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: {
+            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;
+  }
+}

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

@@ -0,0 +1,44 @@
+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 MockAdapter from "./mockadapter";
+export 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();
+  }
+
+  // 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"
+    };
+  }
+}

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

@@ -0,0 +1,56 @@
+import { BrowserVendor } from "../../webchatcontroller/enums/BrowserVendor";
+const REGEX_VERSION = "([\\d,.]+)";
+const UNKNOWN_VERSION = "U";
+let userAgent = undefined;
+export const getUserAgent = () => {
+  if (!userAgent) {
+    userAgent = window.navigator.userAgent;
+  }
+  return userAgent;
+};
+const userAgentContainsString = searchString => {
+  const userAgent = getUserAgent();
+  return userAgent.indexOf(searchString) > -1;
+};
+const isEdge = () => {
+  return userAgentContainsString(BrowserVendor.EDGE) || userAgentContainsString(BrowserVendor.EDGE_CHROMIUM);
+};
+export const isChromiumEdge = () => {
+  return userAgentContainsString(BrowserVendor.EDGE_CHROMIUM) && !userAgentContainsString(BrowserVendor.EDGE);
+};
+const isOpera = () => {
+  return userAgentContainsString("OPR/");
+};
+export const getBrowserName = () => {
+  if (isOpera()) {
+    return BrowserVendor.OPERA;
+  }
+  if (isEdge()) {
+    return BrowserVendor.EDGE;
+  }
+  if (userAgentContainsString(BrowserVendor.CHROME)) {
+    return BrowserVendor.CHROME;
+  }
+  if (userAgentContainsString(BrowserVendor.FIREFOX)) {
+    return BrowserVendor.FIREFOX;
+  }
+  if (userAgentContainsString(BrowserVendor.SAFARI)) {
+    return BrowserVendor.SAFARI;
+  }
+  return BrowserVendor.UNKNOWN;
+};
+export const getBrowserVersion = () => {
+  let browserString = getBrowserName();
+  const browserVersion = UNKNOWN_VERSION;
+  let matches;
+  if (browserString === BrowserVendor.SAFARI) {
+    browserString = "Version";
+  }
+
+  // eslint-disable-next-line prefer-const
+  matches = getUserAgent().match(new RegExp(browserString + "/" + REGEX_VERSION));
+  if (matches) {
+    return matches[1];
+  }
+  return browserVersion;
+};

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

@@ -0,0 +1,82 @@
+import { ArchiveIcon, AudioIcon, BlankIcon, ExcelIcon, ImageIcon, OneNoteIcon, PDFIcon, PowerpointIcon, VideoIcon, VisioIcon, WordIcon } from "../../../../assets/Icons";
+import { getBrowserName, isChromiumEdge } from "./BrowserInfo";
+import { BrowserVendor } from "../../webchatcontroller/enums/BrowserVendor";
+import { Constants } from "../../../../common/Constants";
+const FileAttachmentIconMap = {
+  "aac": AudioIcon,
+  "aiff": AudioIcon,
+  "alac": AudioIcon,
+  "amr": AudioIcon,
+  "avchd": VideoIcon,
+  "avi": VideoIcon,
+  "bmp": ImageIcon,
+  "doc": WordIcon,
+  "docx": WordIcon,
+  "flac": AudioIcon,
+  "flv": VideoIcon,
+  "gif": ImageIcon,
+  "jiff": ImageIcon,
+  "jpeg": ImageIcon,
+  "jpg": ImageIcon,
+  "mpe": VideoIcon,
+  "mpeg": VideoIcon,
+  "mpg": VideoIcon,
+  "mpv": VideoIcon,
+  "mp2": AudioIcon,
+  "mp3": AudioIcon,
+  "mp4": VideoIcon,
+  "m4p": VideoIcon,
+  "m4v": VideoIcon,
+  "mov": VideoIcon,
+  "one": OneNoteIcon,
+  "pcm": AudioIcon,
+  "pdf": PDFIcon,
+  "png": ImageIcon,
+  "ppt": PowerpointIcon,
+  "pptx": PowerpointIcon,
+  "qt": VideoIcon,
+  "rar": ArchiveIcon,
+  "swf": VideoIcon,
+  "tar": ArchiveIcon,
+  "tar.gz": ArchiveIcon,
+  "tgz": ArchiveIcon,
+  "txt": BlankIcon,
+  "vsd": VisioIcon,
+  "vsdx": VisioIcon,
+  "wav": AudioIcon,
+  "webm": VideoIcon,
+  "webp": ImageIcon,
+  "wma": AudioIcon,
+  "wmv": VideoIcon,
+  "xls": ExcelIcon,
+  "xlsx": ExcelIcon,
+  "zip": ArchiveIcon,
+  "zipx": ArchiveIcon,
+  "7z": ArchiveIcon
+};
+
+/**
+ * Get file attachment icon image depending on extension.
+ *
+ * @param extension File extension
+*/
+export const getFileAttachmentIconData = extension => {
+  const key = extension.startsWith(".") ? extension.slice(1) : extension || "";
+  const icon = FileAttachmentIconMap[key.toLowerCase()] || BlankIcon;
+  return icon;
+};
+
+// Check if browser supports inline media playing for current media format
+export const isInlineMediaSupported = attachmentName => {
+  switch (getBrowserName()) {
+    case BrowserVendor.CHROME:
+    case BrowserVendor.OPERA:
+      return Constants.chromeSupportedInlineMediaRegex.test(attachmentName);
+    case BrowserVendor.FIREFOX:
+      return Constants.firefoxSupportedInlineMediaRegex.test(attachmentName);
+    case BrowserVendor.EDGE:
+      return isChromiumEdge() && Constants.chromeSupportedInlineMediaRegex.test(attachmentName);
+    default:
+      return false;
+  }
+};

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

@@ -0,0 +1,17 @@
+export 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 ((_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)
+  return true;
+};

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

@@ -0,0 +1 @@
+export {};