@microsoft/omnichannel-chat-widget 0.1.0-main.07f52ee

package/lib/esm/components/livechatwidget/common/defaultStyles/defaultLiveChatWidgetGeneralStyles.js

@@ -0,0 +1,5 @@
+export const defaultLiveChatWidgetGeneralStyles = {
+  position: "absolute",
+  justifyContent: "center",
+  alignItems: "center"
+};

package/lib/esm/components/livechatwidget/common/disposeTelemetryLoggers.js

@@ -0,0 +1,4 @@
+import { disposeLoggers } from "../../../common/telemetry/TelemetryManager";
+export const disposeTelemetryLoggers = () => {
+  disposeLoggers();
+};

package/lib/esm/components/livechatwidget/common/endChat.js

@@ -0,0 +1,61 @@
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { BroadcastService } from "@microsoft/omnichannel-chat-components";
+import { ConversationState } from "../../../contexts/common/ConversationState";
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
+import { NotificationHandler } from "../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler";
+import { NotificationScenarios } from "../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { WebChatStoreLoader } from "../../webchatcontainerstateful/webchatcontroller/WebChatStoreLoader";
+import { defaultWebChatContainerStatefulProps } from "../../webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+export const endChat = async (props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter) => {
+  try {
+    var _props$webChatContain;
+
+    TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.EndChatSDKCall
+    });
+    await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.endChat());
+    adapter === null || adapter === void 0 ? void 0 : adapter.end();
+    setAdapter(undefined);
+    setWebChatStyles({ ...defaultWebChatContainerStatefulProps.webChatStyles,
+      ...((_props$webChatContain = props.webChatContainerProps) === null || _props$webChatContain === void 0 ? void 0 : _props$webChatContain.webChatStyles)
+    });
+    WebChatStoreLoader.store = null;
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: ConversationState.Closed
+    });
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT,
+      payload: false
+    });
+    dispatch({
+      type: LiveChatWidgetActionType.SET_RECONNECT_ID,
+      payload: undefined
+    });
+    dispatch({
+      type: LiveChatWidgetActionType.SET_AUDIO_NOTIFICATION,
+      payload: null
+    });
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CHAT_TOKEN,
+      payload: undefined
+    });
+    dispatch({
+      type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
+      payload: undefined
+    });
+    BroadcastService.postMessage({
+      eventName: "EndChat"
+    });
+  } catch (ex) {
+    TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
+      Event: TelemetryEvent.EndChatSDKCallFailed,
+      ExceptionDetails: {
+        exception: ex
+      }
+    });
+    NotificationHandler.notifyError(NotificationScenarios.Connection, "End Chat Call Failed: " + ex);
+  }
+};

package/lib/esm/components/livechatwidget/common/getGeneralStylesForButton.js

@@ -0,0 +1,17 @@
+import { shouldShowChatButton, shouldShowProactiveChatPane } from "../../../controller/componentController";
+import { defaultLiveChatWidgetGeneralStyles } from "./defaultStyles/defaultLiveChatWidgetGeneralStyles";
+export const getGeneralStylesForButton = state => {
+  let generalStylesForButton = defaultLiveChatWidgetGeneralStyles;
+
+  if (!shouldShowChatButton(state) && !shouldShowProactiveChatPane(state)) {
+    generalStylesForButton = Object.assign({}, defaultLiveChatWidgetGeneralStyles, {
+      boxShadow: "0px 0px 2px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12)",
+      MozBoxShadow: "0px 0px 2px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12)",
+      WebkitBoxShadow: "0px 0px 2px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12)",
+      borderRadius: "4px",
+      padding: "0.5"
+    });
+  }
+
+  return generalStylesForButton;
+};

package/lib/esm/components/livechatwidget/common/initCallingSdk.js

@@ -0,0 +1,30 @@
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+export const initCallingSdk = async (chatSDK, setVoiceVideoCallingSDK) => {
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    if (chatSDK.getVoiceVideoCalling) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const callingSDK = await chatSDK.getVoiceVideoCalling();
+      setVoiceVideoCallingSDK(callingSDK);
+      TelemetryHelper.logCallingEvent(LogLevel.ERROR, {
+        Event: TelemetryEvent.CallingSDKLoadSuccess
+      });
+      return true;
+    }
+
+    return false;
+  } catch (error) {
+    if (error !== "Voice and video call is not enabled") {
+      TelemetryHelper.logCallingEvent(LogLevel.ERROR, {
+        Event: TelemetryEvent.CallingSDKLoadFailed,
+        ExceptionDetails: {
+          exception: error
+        }
+      });
+    }
+
+    return false;
+  }
+};

package/lib/esm/components/livechatwidget/common/initConfirmationPropsComposer.js

@@ -0,0 +1,42 @@
+import { defaultConfirmationPaneLocalizedTexts } from "../../confirmationpanestateful/common/defaultProps/defaultConfirmationPaneLocalizedTexts";
+export const initConfirmationPropsComposer = props => {
+  var _props$confirmationPa, _props$footerProps, _props$footerProps$co, _props$footerProps2, _props$footerProps2$c, _props$confirmationPa2;
+
+  const confirmationPanelocalizedTexts = { ...defaultConfirmationPaneLocalizedTexts,
+    ...(props === null || props === void 0 ? void 0 : (_props$confirmationPa = props.confirmationPaneProps) === null || _props$confirmationPa === void 0 ? void 0 : _props$confirmationPa.confirmationPaneLocalizedTexts)
+  };
+  let confirmationPaneInputs;
+  const emailTranscriptDisabled = ((_props$footerProps = props.footerProps) === null || _props$footerProps === void 0 ? void 0 : (_props$footerProps$co = _props$footerProps.controlProps) === null || _props$footerProps$co === void 0 ? void 0 : _props$footerProps$co.hideEmailTranscriptButton) ?? false;
+  const downloadTranscriptDisabled = ((_props$footerProps2 = props.footerProps) === null || _props$footerProps2 === void 0 ? void 0 : (_props$footerProps2$c = _props$footerProps2.controlProps) === null || _props$footerProps2$c === void 0 ? void 0 : _props$footerProps2$c.hideDownloadTranscriptButton) ?? false;
+
+  if (!emailTranscriptDisabled && !downloadTranscriptDisabled) {
+    confirmationPaneInputs = {
+      title: confirmationPanelocalizedTexts.CLOSE_CONFIRMATION_DIALOG_TITLE_FOR_EMAIL_AND_DOWNLOAD_TRANSCRIPT_ENABLED,
+      description: confirmationPanelocalizedTexts.CLOSE_CONFIRMATION_DIALOG_DESCRIPTION_FOR_EMAIL_AND_DOWNLOAD_TRANSCRIPT_ENABLED
+    };
+  } else if (emailTranscriptDisabled && !downloadTranscriptDisabled) {
+    confirmationPaneInputs = {
+      title: confirmationPanelocalizedTexts.CLOSE_CONFIRMATION_DIALOG_TITLE_FOR_DOWNLOAD_TRANSCRIPT_ENABLED,
+      description: confirmationPanelocalizedTexts.CLOSE_CONFIRMATION_DIALOG_DESCRIPTION_FOR_DOWNLOAD_TRANSCRIPT_ENABLED
+    };
+  } else if (!emailTranscriptDisabled && downloadTranscriptDisabled) {
+    confirmationPaneInputs = {
+      title: confirmationPanelocalizedTexts.CLOSE_CONFIRMATION_DIALOG_TITLE_FOR_EMAIL_TRANSCRIPT_ENABLED,
+      description: confirmationPanelocalizedTexts.CLOSE_CONFIRMATION_DIALOG_DESCRIPTION_FOR_EMAIL_TRANSCRIPT_ENABLED
+    };
+  } else {
+    confirmationPaneInputs = {
+      title: confirmationPanelocalizedTexts.CLOSE_CONFIRMATION_DIALOG_TITLE_DEFAULT,
+      description: confirmationPanelocalizedTexts.CLOSE_CONFIRMATION_DIALOG_DESCRIPTION_DEFAULT
+    };
+  }
+
+  const confirmationPaneProps = { ...props.confirmationPaneProps,
+    controlProps: {
+      titleText: confirmationPaneInputs.title,
+      subtitleText: confirmationPaneInputs.description,
+      ...((_props$confirmationPa2 = props.confirmationPaneProps) === null || _props$confirmationPa2 === void 0 ? void 0 : _props$confirmationPa2.controlProps)
+    }
+  };
+  return confirmationPaneProps;
+};

package/lib/esm/components/livechatwidget/common/initWebChatComposer.js

@@ -0,0 +1,94 @@
+import { createStore } from "botframework-webchat";
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
+import { PostChatSurveyMode } from "../../postchatsurveypanestateful/enums/PostChatSurveyMode";
+import { WebChatStoreLoader } from "../../webchatcontainerstateful/webchatcontroller/WebChatStoreLoader";
+import attachmentProcessingMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentProcessingMiddleware";
+import { changeLanguageCodeFormatForWebChat } from "../../../common/utils";
+import channelDataMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/channelDataMiddleware";
+import { createActivityMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityMiddleware";
+import createAttachmentMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachmentMiddleware";
+import createAttachmentUploadValidatorMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentUploadValidatorMiddleware";
+import { createAvatarMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/avatarMiddleware";
+import createConversationEndMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/conversationEndMiddleware";
+import createDataMaskingMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/dataMaskingMiddleware";
+import { createMarkdown } from "./createMarkdown";
+import createMaxMessageSizeValidator from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/maxMessageSizeValidator";
+import { defaultAttachmentProps } from "../../webchatcontainerstateful/common/defaultProps/defaultAttachmentProps";
+import { defaultMiddlewareLocalizedTexts } from "../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
+import { defaultWebChatContainerStatefulProps } from "../../webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps";
+import { getLocaleStringFromId } from "@microsoft/omnichannel-chat-sdk";
+import gifUploadMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/gifUploadMiddleware";
+import htmlPlayerMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/htmlPlayerMiddleware";
+import htmlTextMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/htmlTextMiddleware";
+import preProcessingMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/preProcessingMiddleware";
+import sanitizationMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/sanitizationMiddleware";
+import { BroadcastService } from "@microsoft/omnichannel-chat-components";
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const initWebChatComposer = (props, chatSDK, state, dispatch, setWebChatStyles) => {
+  var _props$webChatContain, _props$webChatContain2, _props$webChatContain3, _state$domainStates$l, _state$domainStates$l2, _state$domainStates$l3, _state$domainStates$l4, _state$domainStates$l8, _state$domainStates$l9, _props$webChatContain7, _props$webChatContain8, _state$domainStates$r, _state$domainStates$r2, _props$webChatContain9, _props$webChatContain10, _state$domainStates$r3, _state$domainStates$r4, _props$webChatContain11, _props$webChatContain12, _defaultWebChatContai, _props$webChatContain13, _props$webChatContain14, _props$webChatContain15, _props$webChatContain16, _state$domainStates$r5, _state$domainStates$r6, _props$webChatContain17, _props$webChatContain18, _defaultWebChatContai2, _props$webChatContain19, _props$webChatContain20, _defaultWebChatContai3, _props$webChatContain21;
+
+  const localizedTexts = { ...defaultMiddlewareLocalizedTexts,
+    ...((_props$webChatContain = props.webChatContainerProps) === null || _props$webChatContain === void 0 ? void 0 : _props$webChatContain.localizedTexts)
+  };
+  const disableNewLineMarkdownSupport = ((_props$webChatContain2 = props.webChatContainerProps) === null || _props$webChatContain2 === void 0 ? void 0 : _props$webChatContain2.disableNewLineMarkdownSupport) ?? defaultWebChatContainerStatefulProps.disableNewLineMarkdownSupport; // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+  const markdown = createMarkdown(((_props$webChatContain3 = props.webChatContainerProps) === null || _props$webChatContain3 === void 0 ? void 0 : _props$webChatContain3.disableMarkdownMessageFormatting) ?? defaultWebChatContainerStatefulProps.disableMarkdownMessageFormatting, disableNewLineMarkdownSupport);
+  const isPostChatEnabled = (_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.msdyn_postconversationsurveyenable;
+  const postChatSurveyMode = (_state$domainStates$l3 = state.domainStates.liveChatConfig) === null || _state$domainStates$l3 === void 0 ? void 0 : (_state$domainStates$l4 = _state$domainStates$l3.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l4 === void 0 ? void 0 : _state$domainStates$l4.msdyn_postconversationsurveymode; // Initialize Web Chat's redux store
+
+  let webChatStore = WebChatStoreLoader.store;
+
+  if (!webChatStore) {
+    var _state$domainStates$l5, _state$domainStates$l6, _state$domainStates$l7, _props$webChatContain6;
+
+    const conversationEndCallback = async () => {
+      var _props$webChatContain4, _props$webChatContain5;
+
+      if ((props === null || props === void 0 ? void 0 : (_props$webChatContain4 = props.webChatContainerProps) === null || _props$webChatContain4 === void 0 ? void 0 : (_props$webChatContain5 = _props$webChatContain4.renderingMiddlewareProps) === null || _props$webChatContain5 === void 0 ? void 0 : _props$webChatContain5.hideSendboxOnConversationEnd) !== false) {
+        setWebChatStyles(styles => {
+          return { ...styles,
+            hideSendBox: true
+          };
+        });
+      }
+
+      if (isPostChatEnabled === "true" && postChatSurveyMode === PostChatSurveyMode.Embed) {
+        const loadPostChatEvent = {
+          eventName: "LoadPostChatSurvey"
+        };
+        BroadcastService.postMessage(loadPostChatEvent);
+      } else {
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT,
+          payload: true
+        });
+      }
+
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CHAT_TOKEN,
+        payload: undefined
+      });
+    };
+
+    webChatStore = createStore({}, //initial state
+    preProcessingMiddleware, attachmentProcessingMiddleware, createAttachmentUploadValidatorMiddleware((_state$domainStates$l5 = state.domainStates.liveChatConfig) === null || _state$domainStates$l5 === void 0 ? void 0 : _state$domainStates$l5.allowedFileExtensions, (_state$domainStates$l6 = state.domainStates.liveChatConfig) === null || _state$domainStates$l6 === void 0 ? void 0 : _state$domainStates$l6.maxUploadFileSize, localizedTexts), channelDataMiddleware, createConversationEndMiddleware(conversationEndCallback), createDataMaskingMiddleware((_state$domainStates$l7 = state.domainStates.liveChatConfig) === null || _state$domainStates$l7 === void 0 ? void 0 : _state$domainStates$l7.DataMaskingInfo), gifUploadMiddleware, htmlPlayerMiddleware, htmlTextMiddleware, createMaxMessageSizeValidator(localizedTexts), sanitizationMiddleware, // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ...(((_props$webChatContain6 = props.webChatContainerProps) === null || _props$webChatContain6 === void 0 ? void 0 : _props$webChatContain6.storeMiddlewares) ?? []));
+    WebChatStoreLoader.store = webChatStore;
+  } // Initialize the remaining Web Chat props
+
+
+  const webChatProps = { ...defaultWebChatContainerStatefulProps.webChatProps,
+    dir: state.domainStates.globalDir,
+    locale: changeLanguageCodeFormatForWebChat(getLocaleStringFromId((_state$domainStates$l8 = state.domainStates.liveChatConfig) === null || _state$domainStates$l8 === void 0 ? void 0 : (_state$domainStates$l9 = _state$domainStates$l8.ChatWidgetLanguage) === null || _state$domainStates$l9 === void 0 ? void 0 : _state$domainStates$l9.msdyn_localeid)),
+    store: webChatStore,
+    activityMiddleware: (_props$webChatContain7 = props.webChatContainerProps) !== null && _props$webChatContain7 !== void 0 && (_props$webChatContain8 = _props$webChatContain7.renderingMiddlewareProps) !== null && _props$webChatContain8 !== void 0 && _props$webChatContain8.disableActivityMiddleware ? undefined : createActivityMiddleware((_state$domainStates$r = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r === void 0 ? void 0 : _state$domainStates$r.systemMessageStyleProps, (_state$domainStates$r2 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r2 === void 0 ? void 0 : _state$domainStates$r2.userMessageStyleProps),
+    attachmentMiddleware: (_props$webChatContain9 = props.webChatContainerProps) !== null && _props$webChatContain9 !== void 0 && (_props$webChatContain10 = _props$webChatContain9.renderingMiddlewareProps) !== null && _props$webChatContain10 !== void 0 && _props$webChatContain10.disableAttachmentMiddleware ? undefined : createAttachmentMiddleware(((_state$domainStates$r3 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r3 === void 0 ? void 0 : (_state$domainStates$r4 = _state$domainStates$r3.attachmentProps) === null || _state$domainStates$r4 === void 0 ? void 0 : _state$domainStates$r4.enableInlinePlaying) ?? defaultAttachmentProps.enableInlinePlaying),
+    activityStatusMiddleware: (_props$webChatContain11 = props.webChatContainerProps) !== null && _props$webChatContain11 !== void 0 && (_props$webChatContain12 = _props$webChatContain11.renderingMiddlewareProps) !== null && _props$webChatContain12 !== void 0 && _props$webChatContain12.disableActivityStatusMiddleware ? undefined : (_defaultWebChatContai = defaultWebChatContainerStatefulProps.webChatProps) === null || _defaultWebChatContai === void 0 ? void 0 : _defaultWebChatContai.activityStatusMiddleware,
+    renderMarkdown: ((_props$webChatContain13 = props.webChatContainerProps) === null || _props$webChatContain13 === void 0 ? void 0 : (_props$webChatContain14 = _props$webChatContain13.webChatProps) === null || _props$webChatContain14 === void 0 ? void 0 : _props$webChatContain14.renderMarkdown) ?? (disableNewLineMarkdownSupport ? markdown.renderInline.bind(markdown) : markdown.render.bind(markdown)),
+    avatarMiddleware: (_props$webChatContain15 = props.webChatContainerProps) !== null && _props$webChatContain15 !== void 0 && (_props$webChatContain16 = _props$webChatContain15.renderingMiddlewareProps) !== null && _props$webChatContain16 !== void 0 && _props$webChatContain16.disableAvatarMiddleware ? undefined : createAvatarMiddleware((_state$domainStates$r5 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r5 === void 0 ? void 0 : _state$domainStates$r5.avatarStyleProps, (_state$domainStates$r6 = state.domainStates.renderingMiddlewareProps) === null || _state$domainStates$r6 === void 0 ? void 0 : _state$domainStates$r6.avatarTextStyleProps),
+    groupActivitiesMiddleware: (_props$webChatContain17 = props.webChatContainerProps) !== null && _props$webChatContain17 !== void 0 && (_props$webChatContain18 = _props$webChatContain17.renderingMiddlewareProps) !== null && _props$webChatContain18 !== void 0 && _props$webChatContain18.disableGroupActivitiesMiddleware ? undefined : (_defaultWebChatContai2 = defaultWebChatContainerStatefulProps.webChatProps) === null || _defaultWebChatContai2 === void 0 ? void 0 : _defaultWebChatContai2.groupActivitiesMiddleware,
+    typingIndicatorMiddleware: (_props$webChatContain19 = props.webChatContainerProps) !== null && _props$webChatContain19 !== void 0 && (_props$webChatContain20 = _props$webChatContain19.renderingMiddlewareProps) !== null && _props$webChatContain20 !== void 0 && _props$webChatContain20.disableTypingIndicatorMiddleware ? undefined : (_defaultWebChatContai3 = defaultWebChatContainerStatefulProps.webChatProps) === null || _defaultWebChatContai3 === void 0 ? void 0 : _defaultWebChatContai3.typingIndicatorMiddleware,
+    ...((_props$webChatContain21 = props.webChatContainerProps) === null || _props$webChatContain21 === void 0 ? void 0 : _props$webChatContain21.webChatProps)
+  };
+  return webChatProps;
+};

package/lib/esm/components/livechatwidget/common/reconnectChatHelper.js

@@ -0,0 +1,78 @@
+import "regenerator-runtime/runtime";
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { Constants } from "../../../common/Constants";
+import { ConversationState } from "../../../contexts/common/ConversationState";
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+const getChatReconnectContext = async (chatSDK, reconnectId) => {
+  try {
+    if (reconnectId) {
+      const chatReconnectOptionalParams = {
+        reconnectId: reconnectId
+      };
+      return await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getChatReconnectContext(chatReconnectOptionalParams));
+    } else {
+      return await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getChatReconnectContext());
+    }
+  } catch (ex) {
+    TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
+      Event: TelemetryEvent.GetChatReconnectContextSDKCallFailed,
+      ExceptionDetails: {
+        exception: ex
+      }
+    });
+  }
+
+  return null;
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
+const getReconnectIdForAuthenticatedChat = async (props, chatSDK) => {
+  var _props$reconnectChatP, _props$reconnectChatP2;
+
+  if ((_props$reconnectChatP = props.reconnectChatPaneProps) !== null && _props$reconnectChatP !== void 0 && _props$reconnectChatP.isReconnectEnabled && (_props$reconnectChatP2 = props.reconnectChatPaneProps) !== null && _props$reconnectChatP2 !== void 0 && _props$reconnectChatP2.authClientFunction // TODO: Implement this after storage is in place
+
+  /* && !isLoadWithState() */
+  ) {
+    const previousActiveSessionResponse = await getChatReconnectContext(chatSDK);
+
+    if (previousActiveSessionResponse && previousActiveSessionResponse.reconnectId) {
+      return previousActiveSessionResponse.reconnectId;
+    }
+  }
+
+  return undefined;
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
+const handleUnauthenticatedReconnectChat = async (dispatch, reconnectId, initStartChat) => {
+  const reconnectAvailabilityResponse = await getChatReconnectContext(reconnectId);
+
+  if (reconnectAvailabilityResponse && reconnectAvailabilityResponse.redirectURL) {
+    redirectPage(reconnectAvailabilityResponse.redirectURL);
+  } else {
+    const optionalParams = {
+      reconnectId: reconnectId
+    };
+    dispatch({
+      type: LiveChatWidgetActionType.SET_RECONNECT_ID,
+      payload: reconnectId
+    });
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: ConversationState.Loading
+    });
+    await initStartChat(optionalParams);
+  }
+};
+
+const redirectPage = newUrl => {
+  const data = {
+    messageName: Constants.redirectPageRequest,
+    newUrl: newUrl
+  };
+  window.parent.postMessage(data, "*");
+};
+
+export { getReconnectIdForAuthenticatedChat, handleUnauthenticatedReconnectChat };

package/lib/esm/components/livechatwidget/common/registerTelemetryLoggers.js

@@ -0,0 +1,54 @@
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
+import { RegisterLoggers, TelemetryManager } from "../../../common/telemetry/TelemetryManager";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { defaultAriaConfig } from "../../../common/telemetry/defaultConfigs/defaultAriaConfig";
+import { defaultInternalTelemetryData } from "../../../common/telemetry/defaultConfigs/defaultTelemetryInternalData";
+import { defaultTelemetryConfiguration } from "../../../common/telemetry/defaultConfigs/defaultTelemetryConfiguration";
+import { version as chatComponentVersion } from "@microsoft/omnichannel-chat-components/package.json";
+import { version as chatSdkVersion } from "@microsoft/omnichannel-chat-sdk/package.json";
+export const registerTelemetryLoggers = (props, dispatch) => {
+  var _props$liveChatContex, _props$liveChatContex2;
+
+  let widgetPackageInfo;
+
+  try {
+    widgetPackageInfo = require("@microsoft/omnichannel-chat-widget/package.json");
+  } catch (error) {
+    widgetPackageInfo = "0.0.0-0";
+  }
+
+  const telemetryConfig = { ...defaultTelemetryConfiguration,
+    ...props.telemetryConfig
+  };
+
+  if ((_props$liveChatContex = props.liveChatContextFromCache) !== null && _props$liveChatContex !== void 0 && (_props$liveChatContex2 = _props$liveChatContex.domainStates) !== null && _props$liveChatContex2 !== void 0 && _props$liveChatContex2.telemetryInternalData) {
+    var _props$liveChatContex3, _props$liveChatContex4;
+
+    TelemetryManager.InternalTelemetryData = (_props$liveChatContex3 = props.liveChatContextFromCache) === null || _props$liveChatContex3 === void 0 ? void 0 : (_props$liveChatContex4 = _props$liveChatContex3.domainStates) === null || _props$liveChatContex4 === void 0 ? void 0 : _props$liveChatContex4.telemetryInternalData;
+  } else {
+    var _props$chatSDK, _props$chatSDK$omnich, _props$chatSDK2, _props$chatSDK2$omnic, _props$chatSDK3, _props$chatSDK3$omnic;
+
+    let telemetryData = { ...defaultInternalTelemetryData,
+      telemetryConfig: Object.assign({}, defaultTelemetryConfiguration, telemetryConfig),
+      ariaConfig: Object.assign({}, defaultAriaConfig, telemetryConfig === null || telemetryConfig === void 0 ? void 0 : telemetryConfig.ariaConfigurations)
+    };
+
+    if (props.chatConfig) {
+      telemetryData = TelemetryHelper.addChatConfigDataToTelemetry(props === null || props === void 0 ? void 0 : props.chatConfig, telemetryData);
+    }
+
+    telemetryData = TelemetryHelper.addWidgetDataToTelemetry(telemetryConfig, telemetryData);
+    telemetryData.OCChatSDKVersion = chatSdkVersion;
+    telemetryData.chatComponentVersion = chatComponentVersion;
+    telemetryData.chatWidgetVersion = widgetPackageInfo;
+    telemetryData.orgId = (_props$chatSDK = props.chatSDK) === null || _props$chatSDK === void 0 ? void 0 : (_props$chatSDK$omnich = _props$chatSDK.omnichannelConfig) === null || _props$chatSDK$omnich === void 0 ? void 0 : _props$chatSDK$omnich.orgId;
+    telemetryData.widgetId = (_props$chatSDK2 = props.chatSDK) === null || _props$chatSDK2 === void 0 ? void 0 : (_props$chatSDK2$omnic = _props$chatSDK2.omnichannelConfig) === null || _props$chatSDK2$omnic === void 0 ? void 0 : _props$chatSDK2$omnic.widgetId;
+    telemetryData.orgUrl = (_props$chatSDK3 = props.chatSDK) === null || _props$chatSDK3 === void 0 ? void 0 : (_props$chatSDK3$omnic = _props$chatSDK3.omnichannelConfig) === null || _props$chatSDK3$omnic === void 0 ? void 0 : _props$chatSDK3$omnic.orgUrl;
+    dispatch({
+      type: LiveChatWidgetActionType.SET_TELEMETRY_DATA,
+      payload: telemetryData
+    });
+  }
+
+  RegisterLoggers();
+};

package/lib/esm/components/livechatwidget/common/setPostChatContextAndLoadSurvey.js

@@ -0,0 +1,40 @@
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { ConversationState } from "../../../contexts/common/ConversationState";
+import { BroadcastService } from "@microsoft/omnichannel-chat-components";
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const setPostChatContextAndLoadSurvey = async (chatSDK, dispatch, persistedChat) => {
+  try {
+    if (!persistedChat) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const context = await chatSDK.getPostChatSurveyContext();
+      TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.PostChatContextCallSucceed,
+        Description: "Postchat context call succeed."
+      });
+      dispatch({
+        type: LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
+        payload: context
+      });
+    }
+  } catch (ex) {
+    TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
+      Event: TelemetryEvent.PostChatContextCallFailed,
+      ExceptionDetails: {
+        exception: ex
+      }
+    });
+  }
+
+  BroadcastService.getMessageByEventName("LoadPostChatSurvey").subscribe(msg => {
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: ConversationState.Loading
+    });
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: ConversationState.Postchat
+    });
+  });
+};

package/lib/esm/components/livechatwidget/common/startChat.js

@@ -0,0 +1,161 @@
+import { ChatSDKError, Constants } from "../../../common/Constants";
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { ConversationState } from "../../../contexts/common/ConversationState";
+import { DataStoreManager } from "../../../common/contextDataStore/DataStoreManager";
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
+import { NotificationHandler } from "../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler";
+import { NotificationScenarios } from "../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { TelemetryTimers } from "../../../common/telemetry/TelemetryManager";
+import { createAdapter } from "./createAdapter";
+import { createTimer } from "../../../common/utils";
+import { getReconnectIdForAuthenticatedChat } from "./reconnectChatHelper";
+import { setPostChatContextAndLoadSurvey } from "./setPostChatContextAndLoadSurvey";
+import { updateSessionDataForTelemetry } from "./updateSessionDataForTelemetry"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+const prepareStartChat = async (props, chatSDK, state, dispatch, setAdapter) => {
+  if (await canConnectToExistingChat(props, chatSDK, state, dispatch, setAdapter)) {
+    return;
+  } // Getting PreChat Survey Context
+
+
+  const parseToJson = false;
+  const preChatSurveyResponse = await chatSDK.getPreChatSurvey(parseToJson);
+  const showPrechat = state.appStates.conversationState === ConversationState.ProactiveChat ? preChatSurveyResponse && state.appStates.proactiveChatStates.proactiveChatEnablePrechat : preChatSurveyResponse; // Getting reconnectId for authenticated chat
+
+  const reconnectId = await getReconnectIdForAuthenticatedChat(props, chatSDK);
+
+  if (reconnectId) {
+    dispatch({
+      type: LiveChatWidgetActionType.SET_RECONNECT_ID,
+      payload: reconnectId
+    });
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: ConversationState.ReconnectChat
+    });
+  } else if (showPrechat) {
+    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(chatSDK, dispatch, setAdapter);
+  }
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
+const initStartChat = async (chatSDK, dispatch, setAdapter, params, persistedState) => {
+  try {
+    var _TelemetryTimers$Widg;
+
+    try {
+      TelemetryTimers.WidgetLoadTimer = createTimer();
+      TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.StartChatSDKCall
+      });
+      await chatSDK.startChat(params);
+    } catch (error) {
+      TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
+        Event: TelemetryEvent.StartChatMethodException,
+        ExceptionDetails: {
+          exception: `Failed to setup startChat: ${error}`
+        }
+      });
+    }
+
+    const newAdapter = await createAdapter(chatSDK);
+    setAdapter(newAdapter);
+
+    if (!persistedState) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      if (chatSDK !== null && chatSDK !== void 0 && chatSDK.getVoiceVideoCalling) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const chatToken = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getChatToken());
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CHAT_TOKEN,
+          payload: chatToken
+        });
+      } // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
+      const liveChatContext = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getCurrentLiveChatContext());
+      dispatch({
+        type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
+        payload: liveChatContext
+      });
+      await setPostChatContextAndLoadSurvey(chatSDK, dispatch);
+      await updateSessionDataForTelemetry(chatSDK, dispatch); // Set app state to Active
+
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+        payload: ConversationState.Active
+      });
+    } else {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_WIDGET_STATE,
+        payload: persistedState
+      });
+      await setPostChatContextAndLoadSurvey(chatSDK, dispatch, true);
+    }
+
+    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.WidgetLoadComplete,
+      Description: "Widget load complete",
+      ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg === void 0 ? void 0 : _TelemetryTimers$Widg.milliSecondsElapsed
+    });
+  } catch (ex) {
+    TelemetryHelper.logLoadingEvent(LogLevel.ERROR, {
+      Event: TelemetryEvent.WidgetLoadFailed,
+      ExceptionDetails: {
+        Exception: `Widget load Failed: ${ex}`
+      }
+    });
+    NotificationHandler.notifyError(NotificationScenarios.Connection, "Start Chat Failed: " + ex); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+    if (ex.message === ChatSDKError.WidgetUseOutsideOperatingHour) {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_OUTSIDE_OPERATING_HOURS,
+        payload: true
+      });
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+        payload: ConversationState.OutOfOffice
+      });
+    }
+  }
+}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
+const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdapter) => {
+  var _DataStoreManager$cli, _persistedState$domai;
+
+  const widgetStateFromCache = (_DataStoreManager$cli = DataStoreManager.clientDataStore) === null || _DataStoreManager$cli === void 0 ? void 0 : _DataStoreManager$cli.getData(Constants.widgetStateDataKey, "localStorage");
+  const persistedState = widgetStateFromCache ? JSON.parse(widgetStateFromCache) : undefined;
+
+  if (persistedState !== null && persistedState !== void 0 && (_persistedState$domai = persistedState.domainStates) !== null && _persistedState$domai !== void 0 && _persistedState$domai.liveChatContext) {
+    var _persistedState$domai2;
+
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: ConversationState.Loading
+    });
+    const optionalParams = {
+      liveChatContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai2 = persistedState.domainStates) === null || _persistedState$domai2 === void 0 ? void 0 : _persistedState$domai2.liveChatContext
+    };
+    await initStartChat(chatSDK, dispatch, setAdapter, optionalParams, persistedState);
+    return true;
+  } else {
+    return false;
+  }
+};
+
+export { prepareStartChat, initStartChat };

package/lib/esm/components/livechatwidget/common/startProactiveChat.js

@@ -0,0 +1,25 @@
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { ConversationState } from "../../../contexts/common/ConversationState";
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { TelemetryTimers } from "../../../common/telemetry/TelemetryManager"; // Defines startProactiveChat callback
+
+export const startProactiveChat = (dispatch, bodyTitle, showPrechat, inNewWindow) => {
+  dispatch({
+    type: LiveChatWidgetActionType.SET_PROACTIVE_CHAT_PARAMS,
+    payload: {
+      proactiveChatBodyTitle: bodyTitle ?? "",
+      proactiveChatEnablePrechat: showPrechat ?? false,
+      proactiveChatInNewWindow: inNewWindow ?? false
+    }
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+    payload: ConversationState.ProactiveChat
+  });
+  TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+    Event: TelemetryEvent.IncomingProactiveChatScreenLoaded,
+    ElapsedTimeInMilliseconds: TelemetryTimers.LcwLoadToChatButtonTimer.milliSecondsElapsed,
+    Description: "Incoming proactive chat loaded."
+  });
+};