@microsoft/omnichannel-chat-widget 1.7.4-main.f0f5d34 → 1.7.5-main.290ba08

package/lib/esm/components/footerstateful/FooterStateful.js

@@ -2,6 +2,7 @@ import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConsta
 import React, { useEffect } from "react";
 import AudioNotificationStateful from "./audionotificationstateful/AudioNotificationStateful";
 import { Constants } from "../../common/Constants";
+import { ConversationState } from "../../contexts/common/ConversationState";
 import { Footer } from "@microsoft/omnichannel-chat-components";
 import { LiveChatWidgetActionType } from "../../contexts/common/LiveChatWidgetActionType";
 import { NewMessageNotificationSoundBase64 } from "../../assets/Audios";
@@ -10,11 +11,11 @@ import { NotificationScenarios } from "../webchatcontainerstateful/webchatcontro
 import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import { downloadTranscript } from "./downloadtranscriptstateful/DownloadTranscriptStateful";
 import useChatContextStore from "../../hooks/useChatContextStore";
-import useChatSDKStore from "../../hooks/useChatSDKStore";
+import useFacadeSDKStore from "../../hooks/useFacadeChatSDKStore";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const FooterStateful = props => {
-  var _footerProps$controlP3, _footerProps$controlP6;
+  var _footerProps$controlP3;
   const [state, dispatch] = useChatContextStore();
   // hideFooterDisplay - the purpose of this is to keep the footer always "active",
   // but hide it visually in certain states (e.g., loading state) and show in some other states (e.g. active state).
@@ -25,8 +26,7 @@ export const FooterStateful = props => {
     audioNotificationProps,
     hideFooterDisplay
   } = props;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const chatSDK = useChatSDKStore();
+  const [facadeChatSDK] = useFacadeSDKStore();
   const controlProps = {
     id: "oc-lcw-footer",
     dir: state.domainStates.globalDir,
@@ -36,7 +36,7 @@ export const FooterStateful = props => {
           Event: TelemetryEvent.DownloadTranscriptButtonClicked,
           Description: "Download Transcript button clicked."
         });
-        await downloadTranscript(chatSDK, downloadTranscriptProps, state);
+        await downloadTranscript(facadeChatSDK, downloadTranscriptProps, state);
       } catch (ex) {
         TelemetryHelper.logActionEvent(LogLevel.ERROR, {
           Event: TelemetryEvent.DownloadTranscriptFailed,
@@ -82,21 +82,23 @@ export const FooterStateful = props => {
     }
   };
   useEffect(() => {
-    if (state.appStates.isAudioMuted === null) {
-      var _footerProps$controlP4, _footerProps$controlP5;
-      dispatch({
-        type: LiveChatWidgetActionType.SET_AUDIO_NOTIFICATION,
-        payload: (footerProps === null || footerProps === void 0 ? void 0 : (_footerProps$controlP4 = footerProps.controlProps) === null || _footerProps$controlP4 === void 0 ? void 0 : (_footerProps$controlP5 = _footerProps$controlP4.audioNotificationButtonProps) === null || _footerProps$controlP5 === void 0 ? void 0 : _footerProps$controlP5.isAudioMuted) ?? false
-      });
+    if (state.appStates.conversationState === ConversationState.Active) {
+      if (state.appStates.isAudioMuted === null) {
+        var _footerProps$controlP4, _footerProps$controlP5, _footerProps$controlP6;
+        dispatch({
+          type: LiveChatWidgetActionType.SET_AUDIO_NOTIFICATION,
+          payload: footerProps !== null && footerProps !== void 0 && (_footerProps$controlP4 = footerProps.controlProps) !== null && _footerProps$controlP4 !== void 0 && _footerProps$controlP4.hideAudioNotificationButton ? true : (footerProps === null || footerProps === void 0 ? void 0 : (_footerProps$controlP5 = footerProps.controlProps) === null || _footerProps$controlP5 === void 0 ? void 0 : (_footerProps$controlP6 = _footerProps$controlP5.audioNotificationButtonProps) === null || _footerProps$controlP6 === void 0 ? void 0 : _footerProps$controlP6.isAudioMuted) ?? false
+        });
+      }
     }
-  }, []);
+  }, [state.appStates.conversationState]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, !hideFooterDisplay && /*#__PURE__*/React.createElement(Footer, {
     componentOverrides: footerProps === null || footerProps === void 0 ? void 0 : footerProps.componentOverrides,
     controlProps: controlProps,
     styleProps: footerProps === null || footerProps === void 0 ? void 0 : footerProps.styleProps
   }), /*#__PURE__*/React.createElement(AudioNotificationStateful, {
     audioSrc: (audioNotificationProps === null || audioNotificationProps === void 0 ? void 0 : audioNotificationProps.audioSrc) ?? NewMessageNotificationSoundBase64,
-    isAudioMuted: state.appStates.isAudioMuted === null ? (footerProps === null || footerProps === void 0 ? void 0 : (_footerProps$controlP6 = footerProps.controlProps) === null || _footerProps$controlP6 === void 0 ? void 0 : _footerProps$controlP6.hideAudioNotificationButton) ?? false : state.appStates.isAudioMuted ?? false
+    isAudioMuted: state.appStates.isAudioMuted ?? false
   }));
 };
 export default FooterStateful;

package/lib/esm/components/footerstateful/downloadtranscriptstateful/DownloadTranscriptStateful.js

@@ -1,13 +1,13 @@
 import { Constants, TranscriptConstants } from "../../../common/Constants";
-import { NotificationScenarios } from "../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios";
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { createFileAndDownload, isNullOrUndefined } from "../../../common/utils";
+import DOMPurify from "dompurify";
+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 { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
 import createChatTranscript from "../../../plugins/createChatTranscript";
-import DOMPurify from "dompurify";
-import { createFileAndDownload, isNullOrUndefined } from "../../../common/utils";
 import { executeReducer } from "../../../contexts/createReducer";
-import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 const processDisplayName = displayName => {
   // if displayname matches "teamsvisitor:<some alphanumeric string>", we replace it with "Customer"
   const displayNameRegex = ".+:.+";
@@ -156,9 +156,7 @@ const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMess
   const str = docTypeTag + docStartTag + docMetaTag + bodyStartTag + mainTranscriptSection + beautifiedChats + divEndTag + bodyEndTag + docEndTag;
   return str;
 };
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const downloadTranscript = async (chatSDK, downloadTranscriptProps, state) => {
+export const downloadTranscript = async (facadeChatSDK, downloadTranscriptProps, state) => {
   var _state$domainStates;
   // Need to keep existing live chat context for scenarios when transcript is downloaded after endchat
   let liveChatContext = state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.liveChatContext;
@@ -169,7 +167,7 @@ export const downloadTranscript = async (chatSDK, downloadTranscriptProps, state
     });
     liveChatContext = inMemoryState.domainStates.liveChatContext;
   }
-  let data = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getLiveChatTranscript({
+  let data = await (facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.getLiveChatTranscript({
     liveChatContext
   }));
   if (typeof data === Constants.String) {
@@ -187,7 +185,7 @@ export const downloadTranscript = async (chatSDK, downloadTranscriptProps, state
       const transcriptOptions = {
         ...webChatTranscript
       };
-      await createChatTranscript(data[Constants.ChatMessagesJson], chatSDK, false, transcriptOptions);
+      await createChatTranscript(data[Constants.ChatMessagesJson], facadeChatSDK, false, transcriptOptions);
     } else {
       // Legacy Transcript
       const chatTranscripts = window.btoa(encodeURIComponent(beautifyChatTranscripts(data[Constants.ChatMessagesJson], renderMarkDown, attachmentMessage)));

package/lib/esm/components/headerstateful/HeaderStateful.js

@@ -79,6 +79,10 @@ export const HeaderStateful = props => {
       text: "We're Offline"
     },
     onMinimizeClick: () => {
+      TelemetryHelper.logActionEvent(LogLevel.INFO, {
+        Event: TelemetryEvent.HeaderMinimizeButtonClicked,
+        Description: "Header Minimize button clicked."
+      });
       dispatch({
         type: LiveChatWidgetActionType.SET_MINIMIZED,
         payload: true

package/lib/esm/components/livechatwidget/LiveChatWidget.js

@@ -2,25 +2,48 @@ import React, { useReducer, useState } from "react";
 import { ChatAdapterStore } from "../../contexts/ChatAdapterStore";
 import { ChatContextStore } from "../../contexts/ChatContextStore";
 import { ChatSDKStore } from "../../contexts/ChatSDKStore";
+import { FacadeChatSDK } from "../../common/facades/FacadeChatSDK";
+import { FacadeChatSDKStore } from "../../contexts/FacadeChatSDKStore";
 import LiveChatWidgetStateful from "./livechatwidgetstateful/LiveChatWidgetStateful";
 import { createReducer } from "../../contexts/createReducer";
 import { getLiveChatWidgetContextInitialState } from "../../contexts/common/LiveChatWidgetContextInitialState";
 import { getMockChatSDKIfApplicable } from "./common/getMockChatSDKIfApplicable";
+import { isNullOrUndefined } from "../../common/utils";
 import overridePropsOnMockIfApplicable from "./common/overridePropsOnMockIfApplicable";
 export const LiveChatWidget = props => {
-  var _props$mock;
+  var _props$mock, _props$chatConfig, _props$chatConfig$Liv;
   const reducer = createReducer();
   const [state, dispatch] = useReducer(reducer, getLiveChatWidgetContextInitialState(props));
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [adapter, setAdapter] = useState(undefined);
+  const [facadeChatSDK, setFacadeChatSDK] = useState(undefined);
   const chatSDK = getMockChatSDKIfApplicable(props.chatSDK, props === null || props === void 0 ? void 0 : (_props$mock = props.mock) === null || _props$mock === void 0 ? void 0 : _props$mock.type);
   overridePropsOnMockIfApplicable(props);
-  return /*#__PURE__*/React.createElement(ChatSDKStore.Provider, {
+  if (!props.chatConfig) {
+    throw new Error("chatConfig is required");
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const isAuthenticatedChat = !!((_props$chatConfig = props.chatConfig) !== null && _props$chatConfig !== void 0 && (_props$chatConfig$Liv = _props$chatConfig.LiveChatConfigAuthSettings) !== null && _props$chatConfig$Liv !== void 0 && _props$chatConfig$Liv.msdyn_javascriptclientfunction);
+  if (!facadeChatSDK) {
+    var _props$mock2;
+    setFacadeChatSDK(new FacadeChatSDK({
+      "chatSDK": chatSDK,
+      "chatConfig": props.chatConfig,
+      "isAuthenticated": isAuthenticatedChat,
+      "getAuthToken": props === null || props === void 0 ? void 0 : props.getAuthToken,
+      //when type is not undefined, it means the SDK is mocked
+      "isSDKMocked": !isNullOrUndefined(props === null || props === void 0 ? void 0 : (_props$mock2 = props.mock) === null || _props$mock2 === void 0 ? void 0 : _props$mock2.type)
+    }));
+  }
+  return /*#__PURE__*/React.createElement(FacadeChatSDKStore.Provider, {
+    value: [facadeChatSDK, setFacadeChatSDK]
+  }, /*#__PURE__*/React.createElement(ChatSDKStore.Provider, {
     value: chatSDK
   }, /*#__PURE__*/React.createElement(ChatAdapterStore.Provider, {
     value: [adapter, setAdapter]
   }, /*#__PURE__*/React.createElement(ChatContextStore.Provider, {
     value: [state, dispatch]
-  }, /*#__PURE__*/React.createElement(LiveChatWidgetStateful, props))));
+  }, /*#__PURE__*/React.createElement(LiveChatWidgetStateful, props)))));
 };
 export default LiveChatWidget;

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

@@ -1,7 +1,7 @@
 import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
-import { isNullOrEmptyString } from "../../../common/utils";
 import { WidgetLoadCustomErrorString } from "../../../common/Constants";
+import { isNullOrEmptyString } from "../../../common/utils";
 const getAuthClientFunction = chatConfig => {
   let authClientFunction = undefined;
   if (chatConfig !== null && chatConfig !== void 0 && chatConfig.LiveChatConfigAuthSettings) {
@@ -10,8 +10,6 @@ const getAuthClientFunction = chatConfig => {
   }
   return authClientFunction;
 };
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const handleAuthentication = async (chatSDK, chatConfig, getAuthToken) => {
   const authClientFunction = getAuthClientFunction(chatConfig);
   if (getAuthToken && authClientFunction) {
@@ -24,7 +22,10 @@ const handleAuthentication = async (chatSDK, chatConfig, getAuthToken) => {
       chatSDK.setAuthTokenProvider(async () => {
         return token;
       });
-      return true;
+      return {
+        "result": true,
+        "token": token
+      };
     } else {
       // instead of returning false, it's more appropiate to thrown an error to force error handling on the caller side
       // this will help to avoid the error to be ignored and the chat to be started
@@ -34,7 +35,15 @@ const handleAuthentication = async (chatSDK, chatConfig, getAuthToken) => {
       throw new Error(WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
     }
   }
-  return false;
+  return {
+    "result": false,
+    "token": null,
+    "error": {
+      "message": "No auth client function or getAuthToken function provided",
+      "getAuthTokenPresent": getAuthToken ? true : false,
+      "authClientFunctionPresent": authClientFunction ? true : false
+    }
+  };
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -1,18 +1,17 @@
+import { BotAuthActivitySubscriber } from "./ActivitySubscriber/BotAuthActivitySubscriber";
+import { ChatAdapterShim } from "./ChatAdapterShim";
+import { HiddenAdaptiveCardActivitySubscriber } from "./ActivitySubscriber/HiddenAdaptiveCardActivitySubscriber";
+import { MockChatSDK } from "../../webchatcontainerstateful/common/mockchatsdk";
 import { NotificationHandler } from "../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler";
 import { NotificationLevel } from "../../webchatcontainerstateful/webchatcontroller/enums/NotificationLevel";
 import { NotificationScenarios } from "../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios";
-import { defaultMiddlewareLocalizedTexts } from "../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
-import { ChatAdapterShim } from "./ChatAdapterShim";
 import { PauseActivitySubscriber } from "./ActivitySubscriber/PauseActivitySubscriber";
-import { BotAuthActivitySubscriber } from "./ActivitySubscriber/BotAuthActivitySubscriber";
-import { HiddenAdaptiveCardActivitySubscriber } from "./ActivitySubscriber/HiddenAdaptiveCardActivitySubscriber";
+import { defaultMiddlewareLocalizedTexts } from "../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
 const defaultBotAuthConfig = {
   fetchBotAuthConfigRetries: 3,
   fetchBotAuthConfigRetryInterval: 1000
 };
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const createAdapter = async (chatSDK, props) => {
+export const createAdapter = async (facadeChatSDK, props) => {
   const chatAdapterOptionalParams = {
     IC3Adapter: {
       options: {
@@ -35,9 +34,10 @@ export const createAdapter = async (chatSDK, props) => {
       }
     }
   };
-  let adapter = await chatSDK.createChatAdapter(chatAdapterOptionalParams);
+  let adapter = await facadeChatSDK.createChatAdapter(chatAdapterOptionalParams);
   //so far, there is no need to convert to the shim adapter when using visual tests
-  if (chatSDK.isMockModeOn !== true) {
+  const isMocked = facadeChatSDK.getChatSDK() instanceof MockChatSDK;
+  if (isMocked !== true) {
     var _props$webChatContain, _props$webChatContain2, _props$webChatContain3, _props$webChatContain4;
     const botAuthActivitySubscriberOptionalParams = {
       fetchBotAuthConfigRetries: (props === null || props === void 0 ? void 0 : (_props$webChatContain = props.webChatContainerProps) === null || _props$webChatContain === void 0 ? void 0 : (_props$webChatContain2 = _props$webChatContain.botAuthConfig) === null || _props$webChatContain2 === void 0 ? void 0 : _props$webChatContain2.fetchBotAuthConfigRetries) || defaultBotAuthConfig.fetchBotAuthConfigRetries,

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

@@ -1,5 +1,5 @@
+import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
 import { ConfirmationState, Constants, ConversationEndEntity, ParticipantType, PrepareEndChatDescriptionConstants } from "../../../common/Constants";
-import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
 import { getConversationDetailsCall, getWidgetEndChatEventName } from "../../../common/utils";
 import { getPostChatContext, initiatePostChat } from "./renderSurveyHelpers";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
@@ -10,12 +10,11 @@ import { TelemetryManager } from "../../../common/telemetry/TelemetryManager";
 import { WebChatStoreLoader } from "../../webchatcontainerstateful/webchatcontroller/WebChatStoreLoader";
 import { defaultWebChatContainerStatefulProps } from "../../webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps";
 import { executeReducer } from "../../../contexts/createReducer";
-import { handleAuthentication } from "./authHelper";
 import { isPersistentEnabled } from "./reconnectChatHelper";
 import { uuidv4 } from "@microsoft/omnichannel-chat-sdk";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter) => {
+const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter) => {
   try {
     var _conversationDetails$, _state$domainStates, _state$appStates3;
     const {
@@ -23,8 +22,8 @@ const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWe
     } = props;
 
     // Use Case: If call is ongoing, end the call by simulating end call button click
-    endVoiceVideoCallIfOngoing(chatSDK, dispatch);
-    const conversationDetails = await getConversationDetailsCall(chatSDK);
+    endVoiceVideoCallIfOngoing(facadeChatSDK, dispatch);
+    const conversationDetails = await getConversationDetailsCall(facadeChatSDK);
 
     // Use Case: When post chat is not configured
     if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : (_conversationDetails$ = conversationDetails.canRenderPostChat) === null || _conversationDetails$ === void 0 ? void 0 : _conversationDetails$.toLowerCase()) === Constants.false) {
@@ -35,7 +34,7 @@ const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWe
           Event: TelemetryEvent.PrepareEndChat,
           Description: PrepareEndChatDescriptionConstants.ConversationEndedByCustomerWithoutPostChat
         });
-        await endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true);
+        await endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true);
       }
 
       // Use Case: If ended by Agent, stay chat in InActive state
@@ -52,16 +51,23 @@ const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWe
 
     // Use Case: Can render post chat scenarios
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const postchatContext = (await getPostChatContext(chatSDK, state, dispatch)) ?? (state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.postChatContext);
+    const postchatContext = (await getPostChatContext(facadeChatSDK, state, dispatch)) ?? (state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.postChatContext);
     if (postchatContext === undefined) {
       var _state$appStates2;
+      BroadcastService.postMessage({
+        eventName: BroadcastEvent.OnWidgetError,
+        payload: {
+          errorMessage: "Widget did not display post chat survey as getPostChatContext returned undefined."
+        }
+      });
+
       // For Customer intiated conversations, just close chat widget
       if ((state === null || state === void 0 ? void 0 : (_state$appStates2 = state.appStates) === null || _state$appStates2 === void 0 ? void 0 : _state$appStates2.conversationEndedBy) === ConversationEndEntity.Customer) {
         TelemetryHelper.logSDKEvent(LogLevel.INFO, {
           Event: TelemetryEvent.PrepareEndChat,
           Description: PrepareEndChatDescriptionConstants.ConversationEndedByCustomerWithInvalidPostChat
         });
-        await endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true);
+        await endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true);
         return;
       }
 
@@ -91,7 +97,7 @@ const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWe
     const endedByCustomer = (appStates === null || appStates === void 0 ? void 0 : appStates.conversationEndedBy) === "Customer";
 
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const commonParams = [props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter];
+    const commonParams = [props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter];
     if (persistentEnabled && endedByCustomer) {
       await endChat(...commonParams, true, false, true);
     } else {
@@ -116,7 +122,7 @@ const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWe
         Event: TelemetryEvent.PrepareEndChat,
         Description: PrepareEndChatDescriptionConstants.PrepareEndChatError
       });
-      await endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true);
+      await endChat(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true);
     }
   } finally {
     //Chat token clean up
@@ -125,23 +131,26 @@ const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWe
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const endChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTab) => {
-  if (!skipEndChatSDK && chatSDK.conversation) {
+const endChat = async (props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTab) => {
+  var _facadeChatSDK$getCha;
+  if (!skipEndChatSDK && facadeChatSDK !== null && facadeChatSDK !== void 0 && (_facadeChatSDK$getCha = facadeChatSDK.getChatSDK()) !== null && _facadeChatSDK$getCha !== void 0 && _facadeChatSDK$getCha.conversation) {
+    var _inMemoryState$appSta;
+    const inMemoryState = executeReducer(state, {
+      type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+      payload: null
+    });
+    const endChatOptionalParameters = {
+      isSessionEnded: inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta = inMemoryState.appStates) === null || _inMemoryState$appSta === void 0 ? void 0 : _inMemoryState$appSta.chatDisconnectEventReceived
+    };
     try {
       TelemetryHelper.logSDKEvent(LogLevel.INFO, {
         Event: TelemetryEvent.EndChatSDKCall
       });
-      //Get auth token again if chat continued for longer time, otherwise gets 401 error
-      await handleAuthentication(chatSDK, props.chatConfig, props.getAuthToken);
-      await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.endChat());
+      await (facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.endChat(endChatOptionalParameters));
     } catch (ex) {
-      var _inMemoryState$appSta;
-      const inMemoryState = executeReducer(state, {
-        type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
-        payload: null
-      });
+      var _inMemoryState$appSta2;
       // if the chat was disconnected or ended by the agent, we don't want to log the error
-      if (!(inMemoryState !== null && inMemoryState !== void 0 && (_inMemoryState$appSta = inMemoryState.appStates) !== null && _inMemoryState$appSta !== void 0 && _inMemoryState$appSta.chatDisconnectEventReceived)) {
+      if (!(inMemoryState !== null && inMemoryState !== void 0 && (_inMemoryState$appSta2 = inMemoryState.appStates) !== null && _inMemoryState$appSta2 !== void 0 && _inMemoryState$appSta2.chatDisconnectEventReceived)) {
         TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
           Event: TelemetryEvent.EndChatSDKCallFailed,
           ExceptionDetails: {
@@ -158,7 +167,8 @@ const endChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatSt
       }
       postMessageToOtherTab = false;
     } finally {
-      await endChatStateCleanUp(dispatch);
+      endChatStateCleanUp(dispatch);
+      facadeChatSDK.destroy();
     }
   }
   if (!skipCloseChat) {
@@ -194,10 +204,11 @@ const endChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatSt
       });
       // Always allow to close the chat for embedded mode irrespective of end chat errors
       closeChatWidget(dispatch, props, state);
+      facadeChatSDK.destroy();
     }
   }
   if (postMessageToOtherTab) {
-    const endChatEventName = await getEndChatEventName(chatSDK, props);
+    const endChatEventName = await getEndChatEventName(facadeChatSDK, props);
     BroadcastService.postMessage({
       eventName: endChatEventName,
       payload: {
@@ -292,11 +303,11 @@ export const chatSDKStateCleanUp = chatSDK => {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const endVoiceVideoCallIfOngoing = async (chatSDK, dispatch) => {
+export const endVoiceVideoCallIfOngoing = async (facadeChatSDK, dispatch) => {
   let callId = "";
   try {
-    if (chatSDK.isVoiceVideoCallingEnabled()) {
-      const voiceVideoCallingSdk = await chatSDK.getVoiceVideoCalling();
+    if (facadeChatSDK.getChatSDK().isVoiceVideoCallingEnabled()) {
+      const voiceVideoCallingSdk = await facadeChatSDK.getVoiceVideoCalling();
       if (voiceVideoCallingSdk && voiceVideoCallingSdk.isInACall()) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         callId = voiceVideoCallingSdk.callId;
@@ -349,9 +360,8 @@ const chatTokenCleanUp = async dispatch => {
   // Need to keep liveChatContext until chat is fully closed to for transcript download/email
 };
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const getEndChatEventName = async (chatSDK, props) => {
-  var _chatSDK$omnichannelC, _chatSDK$omnichannelC2, _props$controlProps4;
-  return getWidgetEndChatEventName(chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC === void 0 ? void 0 : _chatSDK$omnichannelC.orgId, chatSDK === null || chatSDK === void 0 ? void 0 : (_chatSDK$omnichannelC2 = chatSDK.omnichannelConfig) === null || _chatSDK$omnichannelC2 === void 0 ? void 0 : _chatSDK$omnichannelC2.widgetId, (props === null || props === void 0 ? void 0 : (_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.widgetInstanceId) ?? "");
+const getEndChatEventName = async (facadeChatSDK, props) => {
+  var _facadeChatSDK$getCha2, _facadeChatSDK$getCha3, _facadeChatSDK$getCha4, _facadeChatSDK$getCha5, _props$controlProps4;
+  return getWidgetEndChatEventName((_facadeChatSDK$getCha2 = facadeChatSDK.getChatSDK()) === null || _facadeChatSDK$getCha2 === void 0 ? void 0 : (_facadeChatSDK$getCha3 = _facadeChatSDK$getCha2.omnichannelConfig) === null || _facadeChatSDK$getCha3 === void 0 ? void 0 : _facadeChatSDK$getCha3.orgId, (_facadeChatSDK$getCha4 = facadeChatSDK.getChatSDK()) === null || _facadeChatSDK$getCha4 === void 0 ? void 0 : (_facadeChatSDK$getCha5 = _facadeChatSDK$getCha4.omnichannelConfig) === null || _facadeChatSDK$getCha5 === void 0 ? void 0 : _facadeChatSDK$getCha5.widgetId, (props === null || props === void 0 ? void 0 : (_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.widgetInstanceId) ?? "");
 };
 export { prepareEndChat, endChat };

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

@@ -2,12 +2,12 @@ import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryCon
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const initCallingSdk = async (chatSDK, setVoiceVideoCallingSDK) => {
+export const initCallingSdk = async (facadeChatSDK, setVoiceVideoCallingSDK) => {
   try {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    if (chatSDK.getVoiceVideoCalling) {
+    if (facadeChatSDK.getChatSDK().getVoiceVideoCalling) {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const callingSDK = await chatSDK.getVoiceVideoCalling();
+      const callingSDK = await facadeChatSDK.getChatSDK().getVoiceVideoCalling();
       setVoiceVideoCallingSDK(callingSDK);
       TelemetryHelper.logCallingEvent(LogLevel.INFO, {
         Event: TelemetryEvent.CallingSDKLoadSuccess

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

@@ -1,6 +1,7 @@
 import { ConversationEndEntity, ParticipantType } from "../../../common/Constants";
 import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
 import { changeLanguageCodeFormatForWebChat, getConversationDetailsCall } from "../../../common/utils";
+import DOMPurify from "dompurify";
 import HyperlinkTextOverrideRenderer from "../../webchatcontainerstateful/webchatcontroller/markdownrenderers/HyperlinkTextOverrideRenderer";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
@@ -8,7 +9,7 @@ import { WebChatStoreLoader } from "../../webchatcontainerstateful/webchatcontro
 import attachmentProcessingMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentProcessingMiddleware";
 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 { createAttachmentMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachmentMiddleware";
 import createAttachmentUploadValidatorMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentUploadValidatorMiddleware";
 import { createAvatarMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/avatarMiddleware";
 import { createCardActionMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/cardActionMiddleware";
@@ -16,8 +17,10 @@ import createConversationEndMiddleware from "../../webchatcontainerstateful/webc
 import createDataMaskingMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/dataMaskingMiddleware";
 import { createMarkdown } from "./createMarkdown";
 import createMaxMessageSizeValidator from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/maxMessageSizeValidator";
-import createMessageTimeStampMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/messageTimestampMiddleware";
+import { createMessageSequenceIdOverrideMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/messageSequenceIdOverrideMiddleware";
+import { createMessageTimeStampMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/messageTimestampMiddleware";
 import { createStore } from "botframework-webchat";
+import { createToastMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/toastMiddleware";
 import { createWebChatTelemetry } from "../../webchatcontainerstateful/webchatcontroller/webchattelemetry/WebChatLogger";
 import { defaultAttachmentProps } from "../../webchatcontainerstateful/common/defaultProps/defaultAttachmentProps";
 import { defaultMiddlewareLocalizedTexts } from "../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
@@ -28,12 +31,9 @@ import htmlPlayerMiddleware from "../../webchatcontainerstateful/webchatcontroll
 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 DOMPurify from "dompurify";
-import createMessageSequenceIdOverrideMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/messageSequenceIdOverrideMiddleware";
-import createToastMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/toastMiddleware";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const initWebChatComposer = (props, state, dispatch, chatSDK, endChat) => {
+export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endChat) => {
   var _props$webChatContain, _props$webChatContain2, _props$webChatContain3, _props$webChatContain4, _state$domainStates$l4, _state$domainStates$l5, _props$webChatContain9, _props$webChatContain10, _state$domainStates$r, _state$domainStates$r2, _props$webChatContain11, _props$webChatContain12, _state$domainStates$r3, _state$domainStates$r4, _props$webChatContain13, _props$webChatContain14, _defaultWebChatContai, _props$webChatContain15, _props$webChatContain16, _props$webChatContain17, _props$webChatContain18, _state$domainStates$r5, _state$domainStates$r6, _props$webChatContain19, _props$webChatContain20, _defaultWebChatContai2, _props$webChatContain21, _props$webChatContain22, _defaultWebChatContai3, _props$webChatContain23, _props$webChatContain24;
   // Add a hook to make all links open a new window
   postDomPurifyActivities();
@@ -52,7 +52,7 @@ export const initWebChatComposer = (props, state, dispatch, chatSDK, endChat) =>
     var _state$domainStates$l, _state$domainStates$l2, _state$domainStates$l3, _props$webChatContain5;
     const conversationEndCallback = async () => {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const conversationDetails = await getConversationDetailsCall(chatSDK);
+      const conversationDetails = await getConversationDetailsCall(facadeChatSDK);
       if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.participantType) === ParticipantType.Bot) {
         TelemetryHelper.logActionEvent(LogLevel.INFO, {
           Event: TelemetryEvent.ConversationEndedThreadEventReceived,
@@ -100,7 +100,11 @@ export const initWebChatComposer = (props, state, dispatch, chatSDK, endChat) =>
     markdownRenderers.forEach(renderer => {
       text = renderer.render(text);
     });
-    text = DOMPurify.sanitize(text);
+    const config = {
+      FORBID_TAGS: ["form", "button", "script", "div", "input"],
+      FORBID_ATTR: ["action"]
+    };
+    text = DOMPurify.sanitize(text, config);
     return text;
   };
   function postDomPurifyActivities() {

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

@@ -1,10 +1,8 @@
 import { ConversationMode } from "../../../common/Constants";
 import { isNullOrUndefined } from "../../../common/utils";
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const isPostChatSurveyEnabled = async chatSDK => {
+export const isPostChatSurveyEnabled = async facadeChatSDK => {
   var _chatConfig$LiveWSAnd;
-  const chatConfig = await chatSDK.getLiveChatConfig();
+  const chatConfig = await facadeChatSDK.getLiveChatConfig();
   const postChatEnabled = (_chatConfig$LiveWSAnd = chatConfig.LiveWSAndLiveChatEngJoin) === null || _chatConfig$LiveWSAnd === void 0 ? void 0 : _chatConfig$LiveWSAnd.msdyn_postconversationsurveyenable.toString().toLowerCase();
   return postChatEnabled === "true";
 };