@microsoft/omnichannel-chat-widget 1.0.2 → 1.0.3-main.1acfc60

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

@@ -5,60 +5,84 @@ import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidge
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { WebChatStoreLoader } from "../../webchatcontainerstateful/webchatcontroller/WebChatStoreLoader";
 import { defaultWebChatContainerStatefulProps } from "../../webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps";
-import { getWidgetEndChatEventName } from "../../../common/utils";
+import { getWidgetEndChatEventName, isNullOrEmptyString } from "../../../common/utils";
 import { getAuthClientFunction, handleAuthentication } from "./authHelper";
-import { checkPostChatEnabled, initiatePostChat } from "./setPostChatContextAndLoadSurvey";
-import { ConversationEndEntity } from "../../../contexts/common/ConversationEndEntity";
+import { initiatePostChat, getPostChatContext } from "./renderSurveyHelpers";
+import { Constants, ConversationEndEntity, ConfirmationState } from "../../../common/Constants";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const prepareEndChat = async (props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, state) => {
-  //Unable to end chat if token has expired
-  if (props.getAuthToken) {
-    const authClientFunction = getAuthClientFunction(props.chatConfig);
-    if (props.getAuthToken && authClientFunction) {
-      // set auth token to chat sdk before end chat
-      const authSuccess = await handleAuthentication(chatSDK, props.chatConfig, props.getAuthToken);
-      if (!authSuccess) {
-        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
-          Event: TelemetryEvent.GetAuthTokenFailed,
-          ExceptionDetails: {
-            exception: "Unable to get auth token during end chat"
-          }
-        });
+const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, uwid) => {
+  try {
+    var _conversationDetails$, _state$domainStates, _state$domainStates2;
+    const conversationDetails = await getConversationDetails(chatSDK);
+
+    // 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) {
+      var _state$appStates;
+      // If ended by customer, just close chat
+      if ((state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.conversationEndedBy) === ConversationEndEntity.Customer) {
+        await endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true, uwid);
       }
+      //Use Case: If ended by Agent, stay chat in InActive state
+      return;
     }
-  }
-  const isPostChatEnabled = checkPostChatEnabled(props, state);
-  if (isPostChatEnabled) {
-    try {
-      await initiatePostChat(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, state);
-    } catch (error) {
-      // Ending chat because something went wrong
-      await endChat(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, false, false, true);
-    }
-  } else {
-    if (state.appStates.conversationEndedBy === ConversationEndEntity.Agent) {
-      dispatch({
-        type: LiveChatWidgetActionType.SET_CHAT_TOKEN,
-        payload: undefined
-      });
+
+    // Use Case : Can render post chat scenarios
+    await getPostChatContext(chatSDK, state, dispatch);
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const postchatContext = 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;
+      // 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) {
+        await endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true, uwid);
+        return;
+      }
+
+      //For agent initiated end chat, allow to download transcript
       dispatch({
-        type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
-        payload: undefined
+        type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+        payload: ConversationState.InActive
       });
-    } else {
-      await endChat(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, false, false, true);
+      return;
+    }
+    endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, true, true, uwid);
+
+    // Initiate post chat render
+    if (state !== null && state !== void 0 && (_state$domainStates2 = state.domainStates) !== null && _state$domainStates2 !== void 0 && _state$domainStates2.postChatContext) {
+      await initiatePostChat(props, conversationDetails, state, dispatch);
+      return;
+    }
+  } catch (error) {
+    var _props$controlProps;
+    TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+      Event: TelemetryEvent.EndChatFailed,
+      ExceptionDetails: {
+        exception: JSON.stringify(error)
+      }
+    });
+
+    //Close chat widget for any failure in embedded to allow to show start chat button
+    if (((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.hideStartChatButton) === false) {
+      await endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true, uwid);
     }
+  } finally {
+    //Chat token clean up
+    await chatTokenCleanUp(dispatch);
   }
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const endChat = async (props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTab) => {
-  if (!skipEndChatSDK) {
+const endChat = async function (props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTab) {
+  let uwid = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : "";
+  if (!skipEndChatSDK && chatSDK.conversation) {
     try {
       TelemetryHelper.logSDKEvent(LogLevel.INFO, {
         Event: TelemetryEvent.EndChatSDKCall
       });
+      //Get auth token again if chat continued for longer time, otherwise gets 401 error
+      await handleAuthenticationIfEnabled(props, chatSDK);
       await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.endChat());
     } catch (ex) {
       TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
@@ -68,25 +92,10 @@ const endChat = async (props, chatSDK, setAdapter, setWebChatStyles, dispatch, a
         }
       });
       postMessageToOtherTab = false;
+    } finally {
+      await endChatStateCleanUp(dispatch);
     }
   }
-  // Need to clear these states immediately when chat ended from OC.
-  dispatch({
-    type: LiveChatWidgetActionType.SET_CHAT_TOKEN,
-    payload: undefined
-  });
-  dispatch({
-    type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
-    payload: undefined
-  });
-  dispatch({
-    type: LiveChatWidgetActionType.SET_RECONNECT_ID,
-    payload: undefined
-  });
-  dispatch({
-    type: LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED,
-    payload: false
-  });
   if (!skipCloseChat) {
     try {
       var _props$webChatContain;
@@ -97,49 +106,7 @@ const endChat = async (props, chatSDK, setAdapter, setWebChatStyles, dispatch, a
         ...((_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_POST_CHAT_WORKFLOW_IN_PROGRESS,
-        payload: false
-      });
-      dispatch({
-        type: LiveChatWidgetActionType.SET_SHOULD_USE_BOT_SURVEY,
-        payload: false
-      });
-      dispatch({
-        type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT_EVENT_RECEIVED,
-        payload: false
-      });
-      dispatch({
-        type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY,
-        payload: undefined
-      });
-      dispatch({
-        type: LiveChatWidgetActionType.SET_RECONNECT_ID,
-        payload: undefined
-      });
-      dispatch({
-        type: LiveChatWidgetActionType.SET_AUDIO_NOTIFICATION,
-        payload: null
-      });
-      dispatch({
-        type: LiveChatWidgetActionType.SET_PROACTIVE_CHAT_PARAMS,
-        payload: {
-          proactiveChatBodyTitle: "",
-          proactiveChatEnablePrechat: false,
-          proactiveChatInNewWindow: false
-        }
-      });
-      if (postMessageToOtherTab) {
-        var _chatSDK$omnichannelC, _chatSDK$omnichannelC2, _props$controlProps;
-        const endChatEventName = 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$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.widgetInstanceId) ?? "");
-        BroadcastService.postMessage({
-          eventName: endChatEventName
-        });
-      }
+      closeChatStateCleanUp(dispatch);
       TelemetryHelper.logActionEvent(LogLevel.INFO, {
         Event: TelemetryEvent.CloseChatCall,
         Description: "Chat was closed succesfully"
@@ -152,11 +119,141 @@ const endChat = async (props, chatSDK, setAdapter, setWebChatStyles, dispatch, a
         }
       });
     } finally {
+      var _state$appStates3;
       dispatch({
         type: LiveChatWidgetActionType.SET_UNREAD_MESSAGE_COUNT,
         payload: 0
       });
+      //Always allow to close the chat for embedded mode irrespective of end chat errors
+      if (!(state !== null && state !== void 0 && (_state$appStates3 = state.appStates) !== null && _state$appStates3 !== void 0 && _state$appStates3.hideStartChatButton)) {
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+          payload: ConversationState.Closed
+        });
+      }
     }
   }
+  if (postMessageToOtherTab && !isNullOrEmptyString(uwid)) {
+    const endChatEventName = await getEndChatEventName(chatSDK, props);
+    BroadcastService.postMessage({
+      eventName: endChatEventName,
+      payload: uwid
+    });
+  }
+};
+const endChatStateCleanUp = async dispatch => {
+  // Need to clear these states immediately when chat ended from OC.
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CUSTOM_CONTEXT,
+    payload: undefined
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
+    payload: undefined
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_RECONNECT_ID,
+    payload: undefined
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED,
+    payload: false
+  });
+};
+const closeChatStateCleanUp = async dispatch => {
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CHAT_TOKEN,
+    payload: undefined
+  });
+  // dispatch({ type: LiveChatWidgetActionType.SET_CONVERSATION_STATE, payload: ConversationState.Closed });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_RECONNECT_ID,
+    payload: undefined
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_AUDIO_NOTIFICATION,
+    payload: null
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY,
+    payload: ConversationEndEntity.NotSet
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CONFIRMATION_STATE,
+    payload: ConfirmationState.NotSet
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_START_CHAT_FAILING,
+    payload: false
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_PROACTIVE_CHAT_PARAMS,
+    payload: {
+      proactiveChatBodyTitle: "",
+      proactiveChatEnablePrechat: false,
+      proactiveChatInNewWindow: false
+    }
+  });
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const handleAuthenticationIfEnabled = async (props, chatSDK) => {
+  //Unable to end chat if token has expired
+  if (props.getAuthToken) {
+    const authClientFunction = getAuthClientFunction(props.chatConfig);
+    if (props.getAuthToken && authClientFunction) {
+      // set auth token to chat sdk before end chat
+      const authSuccess = await handleAuthentication(chatSDK, props.chatConfig, props.getAuthToken);
+      if (!authSuccess) {
+        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+          Event: TelemetryEvent.GetAuthTokenFailed,
+          ExceptionDetails: {
+            exception: "Unable to get auth token during end chat"
+          }
+        });
+        throw new Error("handleAuthenticationIfEnabled:Failed to get authentication token");
+      }
+    }
+  }
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const chatTokenCleanUp = async dispatch => {
+  //Just do cleanup here
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CHAT_TOKEN,
+    payload: undefined
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
+    payload: undefined
+  });
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getEndChatEventName = async (chatSDK, props) => {
+  var _chatSDK$omnichannelC, _chatSDK$omnichannelC2, _props$controlProps2;
+  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$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.widgetInstanceId) ?? "");
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getConversationDetails = async chatSDK => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  let conversationDetails = undefined;
+  try {
+    TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.GetConversationDetailsCallStarted,
+      Description: "Conversation details call started"
+    });
+    conversationDetails = await chatSDK.getConversationDetails();
+  } catch (error) {
+    TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
+      Event: TelemetryEvent.GetConversationDetailsCallFailed,
+      ExceptionDetails: {
+        exception: `Get Conversation Details Call Failed : ${error}`
+      }
+    });
+  }
+  return conversationDetails;
 };
-export { prepareEndChat, endChat };
+export { prepareEndChat, endChat, getConversationDetails };

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

@@ -26,35 +26,39 @@ import preProcessingMiddleware from "../../webchatcontainerstateful/webchatcontr
 import sanitizationMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/sanitizationMiddleware";
 import { createCardActionMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/cardActionMiddleware";
 import createMessageTimeStampMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/messageTimestampMiddleware";
+import { ConversationEndEntity, ParticipantType } from "../../../common/Constants";
+import { getConversationDetails } from "./endChat";
+import HyperlinkTextOverrideRenderer from "../../webchatcontainerstateful/webchatcontroller/markdownrenderers/HyperlinkTextOverrideRenderer";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const initWebChatComposer = (props, chatSDK, setAdapter, state, dispatch, adapter, setWebChatStyles) => {
-  var _props$webChatContain, _props$webChatContain2, _props$webChatContain3, _state$domainStates$l4, _state$domainStates$l5, _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, _props$webChatContain22;
+export const initWebChatComposer = (props, state, dispatch, chatSDK) => {
+  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, _state$domainStates$r5, _state$domainStates$r6, _props$webChatContain17, _props$webChatContain18, _defaultWebChatContai2, _props$webChatContain19, _props$webChatContain20, _defaultWebChatContai3, _props$webChatContain21, _props$webChatContain22;
   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;
+  const hyperlinkTextOverride = ((_props$webChatContain2 = props.webChatContainerProps) === null || _props$webChatContain2 === void 0 ? void 0 : _props$webChatContain2.hyperlinkTextOverride) ?? defaultWebChatContainerStatefulProps.hyperlinkTextOverride;
+  const disableNewLineMarkdownSupport = ((_props$webChatContain3 = props.webChatContainerProps) === null || _props$webChatContain3 === void 0 ? void 0 : _props$webChatContain3.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 markdown = createMarkdown(((_props$webChatContain4 = props.webChatContainerProps) === null || _props$webChatContain4 === void 0 ? void 0 : _props$webChatContain4.disableMarkdownMessageFormatting) ?? defaultWebChatContainerStatefulProps.disableMarkdownMessageFormatting, disableNewLineMarkdownSupport);
   // Initialize Web Chat's redux store
   let webChatStore = WebChatStoreLoader.store;
   if (!webChatStore) {
-    var _state$domainStates$l, _state$domainStates$l2, _state$domainStates$l3, _props$webChatContain6;
+    var _state$domainStates$l, _state$domainStates$l2, _state$domainStates$l3, _props$webChatContain5;
     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
-          };
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const conversationDetails = await getConversationDetails(chatSDK);
+      if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : conversationDetails.participantType) === ParticipantType.Bot) {
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY,
+          payload: ConversationEndEntity.Bot
+        });
+      } else {
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY,
+          payload: ConversationEndEntity.Agent
         });
       }
-      dispatch({
-        type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT_EVENT_RECEIVED,
-        payload: true
-      });
       TelemetryHelper.logActionEvent(LogLevel.INFO, {
         Event: TelemetryEvent.ConversationEndedThreadEventReceived,
         Description: "Conversation end by agent side or by timeout event received."
@@ -64,9 +68,25 @@ export const initWebChatComposer = (props, chatSDK, setAdapter, state, dispatch,
     //initial state
     preProcessingMiddleware, attachmentProcessingMiddleware, createAttachmentUploadValidatorMiddleware((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : _state$domainStates$l.allowedFileExtensions, (_state$domainStates$l2 = state.domainStates.liveChatConfig) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.maxUploadFileSize, localizedTexts), channelDataMiddleware, createConversationEndMiddleware(conversationEndCallback), createDataMaskingMiddleware((_state$domainStates$l3 = state.domainStates.liveChatConfig) === null || _state$domainStates$l3 === void 0 ? void 0 : _state$domainStates$l3.DataMaskingInfo), createMessageTimeStampMiddleware, 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) ?? []));
+    ...(((_props$webChatContain5 = props.webChatContainerProps) === null || _props$webChatContain5 === void 0 ? void 0 : _props$webChatContain5.storeMiddlewares) ?? []));
     WebChatStoreLoader.store = webChatStore;
   }
+  const hyperlinkTextOverrideRenderer = new HyperlinkTextOverrideRenderer(hyperlinkTextOverride);
+  const markdownRenderers = [hyperlinkTextOverrideRenderer];
+  const renderMarkdown = text => {
+    var _props$webChatContain6, _props$webChatContain7;
+    if ((_props$webChatContain6 = props.webChatContainerProps) !== null && _props$webChatContain6 !== void 0 && (_props$webChatContain7 = _props$webChatContain6.webChatProps) !== null && _props$webChatContain7 !== void 0 && _props$webChatContain7.renderMarkdown) {
+      var _props$webChatContain8;
+      text = (_props$webChatContain8 = props.webChatContainerProps) === null || _props$webChatContain8 === void 0 ? void 0 : _props$webChatContain8.webChatProps.renderMarkdown(text);
+    } else {
+      const render = disableNewLineMarkdownSupport ? markdown.renderInline.bind(markdown) : markdown.render.bind(markdown);
+      text = render(text);
+    }
+    markdownRenderers.forEach(renderer => {
+      text = renderer.render(text);
+    });
+    return text;
+  };
 
   // Initialize the remaining Web Chat props
   const webChatProps = {
@@ -74,10 +94,10 @@ export const initWebChatComposer = (props, chatSDK, setAdapter, state, dispatch,
     dir: state.domainStates.globalDir,
     locale: changeLanguageCodeFormatForWebChat(getLocaleStringFromId((_state$domainStates$l4 = state.domainStates.liveChatConfig) === null || _state$domainStates$l4 === void 0 ? void 0 : (_state$domainStates$l5 = _state$domainStates$l4.ChatWidgetLanguage) === null || _state$domainStates$l5 === void 0 ? void 0 : _state$domainStates$l5.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)),
+    activityMiddleware: (_props$webChatContain9 = props.webChatContainerProps) !== null && _props$webChatContain9 !== void 0 && (_props$webChatContain10 = _props$webChatContain9.renderingMiddlewareProps) !== null && _props$webChatContain10 !== void 0 && _props$webChatContain10.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$webChatContain11 = props.webChatContainerProps) !== null && _props$webChatContain11 !== void 0 && (_props$webChatContain12 = _props$webChatContain11.renderingMiddlewareProps) !== null && _props$webChatContain12 !== void 0 && _props$webChatContain12.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$webChatContain13 = props.webChatContainerProps) !== null && _props$webChatContain13 !== void 0 && (_props$webChatContain14 = _props$webChatContain13.renderingMiddlewareProps) !== null && _props$webChatContain14 !== void 0 && _props$webChatContain14.disableActivityStatusMiddleware ? undefined : (_defaultWebChatContai = defaultWebChatContainerStatefulProps.webChatProps) === null || _defaultWebChatContai === void 0 ? void 0 : _defaultWebChatContai.activityStatusMiddleware,
+    renderMarkdown,
     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,

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

@@ -17,18 +17,17 @@ const handleChatReconnect = async (chatSDK, props, dispatch, setAdapter, initSta
 
   // Get chat reconnect context
   const reconnectChatContext = await getChatReconnectContext(chatSDK, props.chatConfig, props, isAuthenticatedChat);
+
+  //Redirect if enabled
+  if (reconnectChatContext !== null && reconnectChatContext !== void 0 && reconnectChatContext.redirectURL) {
+    var _props$reconnectChatP;
+    redirectPage(reconnectChatContext.redirectURL, (_props$reconnectChatP = props.reconnectChatPaneProps) === null || _props$reconnectChatP === void 0 ? void 0 : _props$reconnectChatP.redirectInSameWindow);
+    return;
+  }
   if (hasReconnectId(reconnectChatContext)) {
     var _props$reconnectChatP2, _props$reconnectChatP3;
-    //Redirect if enabled
-    if (reconnectChatContext.redirectURL && !isNullOrEmptyString(reconnectChatContext.redirectURL)) {
-      var _props$reconnectChatP;
-      redirectPage(reconnectChatContext.redirectURL, (_props$reconnectChatP = props.reconnectChatPaneProps) === null || _props$reconnectChatP === void 0 ? void 0 : _props$reconnectChatP.redirectInSameWindow);
-      return;
-    }
-
     //if reconnect id is provided in props, don't show reconnect pane
     if ((_props$reconnectChatP2 = props.reconnectChatPaneProps) !== null && _props$reconnectChatP2 !== void 0 && _props$reconnectChatP2.reconnectId && !isNullOrEmptyString((_props$reconnectChatP3 = props.reconnectChatPaneProps) === null || _props$reconnectChatP3 === void 0 ? void 0 : _props$reconnectChatP3.reconnectId)) {
-      const reconnectChatContext = await getChatReconnectContext(chatSDK, props.chatConfig, props, isAuthenticatedChat);
       await setReconnectIdAndStartChat(isAuthenticatedChat, chatSDK, props, dispatch, setAdapter, reconnectChatContext.reconnectId ?? "", initStartChat);
       return;
     }
@@ -51,6 +50,10 @@ const handleChatReconnect = async (chatSDK, props, dispatch, setAdapter, initSta
 const getChatReconnectContext = async (chatSDK, chatConfig, props, isAuthenticatedChat) => {
   try {
     var _props$reconnectChatP4;
+    TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.GetChatReconnectContextSDKCallStarted,
+      Description: "Reconnect context SDK call started"
+    });
     const chatReconnectOptionalParams = {
       reconnectId: (_props$reconnectChatP4 = props.reconnectChatPaneProps) === null || _props$reconnectChatP4 === void 0 ? void 0 : _props$reconnectChatP4.reconnectId
     };

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

@@ -0,0 +1,130 @@
+import { Constants, ParticipantType } from "../../../common/Constants";
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { addDelayInMs } from "../../../common/utils";
+import { ConversationState } from "../../../contexts/common/ConversationState";
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
+import { PostChatSurveyMode } from "../../postchatsurveypanestateful/enums/PostChatSurveyMode";
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let conversationDetails = undefined;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let postChatSurveyMode = undefined;
+const getBotSurveyMode = (props, state) => {
+  var _props$chatConfig, _props$chatConfig$Liv, _state$domainStates$l, _state$domainStates$l2;
+  return ((_props$chatConfig = props.chatConfig) === null || _props$chatConfig === void 0 ? void 0 : (_props$chatConfig$Liv = _props$chatConfig.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig$Liv === void 0 ? void 0 : _props$chatConfig$Liv.msdyn_postconversationsurveybotsurveymode) ?? ((_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_postconversationsurveybotsurveymode);
+};
+const getUserSurveyMode = (props, state) => {
+  var _props$chatConfig2, _props$chatConfig2$Li, _props$chatConfig3, _props$chatConfig3$Li;
+  if (!((_props$chatConfig2 = props.chatConfig) !== null && _props$chatConfig2 !== void 0 && (_props$chatConfig2$Li = _props$chatConfig2.LiveWSAndLiveChatEngJoin) !== null && _props$chatConfig2$Li !== void 0 && _props$chatConfig2$Li.msdyn_postconversationsurveymode)) {
+    var _state$domainStates, _state$domainStates$l3, _state$domainStates$l4;
+    return (state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_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) ?? PostChatSurveyMode.Embed;
+  }
+  return (_props$chatConfig3 = props.chatConfig) === null || _props$chatConfig3 === void 0 ? void 0 : (_props$chatConfig3$Li = _props$chatConfig3.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig3$Li === void 0 ? void 0 : _props$chatConfig3$Li.msdyn_postconversationsurveymode;
+};
+
+// Set Survey mode based on conversation ended by entity
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const setSurveyMode = async (props, participantType, state, dispatch) => {
+  if (participantType === ParticipantType.User) {
+    postChatSurveyMode = getUserSurveyMode(props, state);
+    dispatch({
+      type: LiveChatWidgetActionType.SET_SURVEY_MODE,
+      payload: postChatSurveyMode
+    });
+    return;
+  }
+  if (participantType === ParticipantType.Bot) {
+    postChatSurveyMode = getBotSurveyMode(props, state);
+    dispatch({
+      type: LiveChatWidgetActionType.SET_SURVEY_MODE,
+      payload: postChatSurveyMode
+    });
+    return;
+  }
+};
+const renderSurvey = async (state, dispatch) => {
+  if (postChatSurveyMode === PostChatSurveyMode.Link) {
+    setWidgetStateToInactive(dispatch);
+    return;
+  }
+  if (postChatSurveyMode === PostChatSurveyMode.Embed) {
+    await embedModePostChatWorkflow(state, dispatch);
+  }
+};
+
+// Function for embed mode postchat workflow which is essentially same for both customer and agent
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const embedModePostChatWorkflow = async (state, dispatch) => {
+  var _state$domainStates2;
+  TelemetryHelper.logActionEvent(LogLevel.INFO, {
+    Event: TelemetryEvent.EmbedModePostChatWorkflowStarted
+  });
+  if (state !== null && state !== void 0 && (_state$domainStates2 = state.domainStates) !== null && _state$domainStates2 !== void 0 && _state$domainStates2.postChatContext) {
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: ConversationState.PostchatLoading
+    });
+    await addDelayInMs(Constants.PostChatLoadingDurationInMs);
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: ConversationState.Postchat
+    });
+  } else {
+    const error = `Conversation was Ended but App State was not set correctly: postChatContext = ${state.domainStates.postChatContext}`;
+    TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+      Event: TelemetryEvent.AppStatesException,
+      ExceptionDetails: {
+        exception: error
+      }
+    });
+  }
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const initiatePostChat = async (props, conversationDetailsParam, state, dispatch) => {
+  var _conversationDetails;
+  conversationDetails = conversationDetailsParam;
+  await setSurveyMode(props, (_conversationDetails = conversationDetails) === null || _conversationDetails === void 0 ? void 0 : _conversationDetails.participantType, state, dispatch);
+  await renderSurvey(state, dispatch);
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const isPostChatEnabled = (props, state) => {
+  var _props$chatConfig4, _props$chatConfig4$Li, _state$domainStates$l5, _state$domainStates$l6;
+  const isPostChatEnabled = ((_props$chatConfig4 = props.chatConfig) === null || _props$chatConfig4 === void 0 ? void 0 : (_props$chatConfig4$Li = _props$chatConfig4.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig4$Li === void 0 ? void 0 : _props$chatConfig4$Li.msdyn_postconversationsurveyenable) ?? ((_state$domainStates$l5 = state.domainStates.liveChatConfig) === null || _state$domainStates$l5 === void 0 ? void 0 : (_state$domainStates$l6 = _state$domainStates$l5.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l6 === void 0 ? void 0 : _state$domainStates$l6.msdyn_postconversationsurveyenable);
+  return isPostChatEnabled === Constants.true;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getPostChatContext = async (chatSDK, state, dispatch) => {
+  try {
+    var _state$domainStates3;
+    if ((state === null || state === void 0 ? void 0 : (_state$domainStates3 = state.domainStates) === null || _state$domainStates3 === void 0 ? void 0 : _state$domainStates3.postChatContext) === undefined) {
+      // 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 (error) {
+    TelemetryHelper.logSDKEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.PostChatContextCallFailed,
+      Description: "Failed to get post chat context."
+    });
+  }
+};
+
+// Function for link mode postchat workflow which is essentially same for both customer and agent
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const setWidgetStateToInactive = async dispatch => {
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+    payload: ConversationState.InActive
+  });
+};
+export { initiatePostChat, setWidgetStateToInactive, getPostChatContext, isPostChatEnabled as checkPostChatEnabled };