@microsoft/omnichannel-chat-widget 1.8.2-main.e3c1d40 → 1.8.2-main.fc93d3d

package/lib/cjs/controller/componentController.js

@@ -27,7 +27,7 @@ const shouldShowEmailTranscriptPane = state => {
 };
 exports.shouldShowEmailTranscriptPane = shouldShowEmailTranscriptPane;
 const shouldShowWebChatContainer = state => {
-  return !state.appStates.isMinimized && state.appStates.conversationState === _ConversationState.ConversationState.Active || state.appStates.conversationState === _ConversationState.ConversationState.InActive;
+  return !state.appStates.isMinimized && state.appStates.conversationState === _ConversationState.ConversationState.Active || state.appStates.conversationState === _ConversationState.ConversationState.InActive || state.appStates.conversationState === _ConversationState.ConversationState.Postchat && state.appStates.isConversationalSurveyEnabled && state.appStates.isConversationalSurvey;
 };
 exports.shouldShowWebChatContainer = shouldShowWebChatContainer;
 const shouldShowLoadingPane = state => {
@@ -60,7 +60,7 @@ const shouldShowConfirmationPane = state => {
 };
 exports.shouldShowConfirmationPane = shouldShowConfirmationPane;
 const shouldShowPostChatSurveyPane = state => {
-  return state.appStates.conversationState === _ConversationState.ConversationState.Postchat;
+  return state.appStates.conversationState === _ConversationState.ConversationState.Postchat && !state.appStates.isConversationalSurvey;
 };
 exports.shouldShowPostChatSurveyPane = shouldShowPostChatSurveyPane;
 const shouldShowCallingContainer = state => {

package/lib/cjs/firstresponselatency/util.js

@@ -3,41 +3,66 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.polyfillMessagePayloadForEvent = exports.isHistoryMessage = exports.getScenarioType = exports.createTrackingMessage = exports.buildMessagePayload = void 0;
+exports.polyfillMessagePayloadForEvent = exports.isHistoryMessage = exports.getScenarioType = exports.extractTimestampFromId = exports.createTrackingMessage = exports.buildMessagePayload = void 0;
 var _Constants = require("./Constants");
 var _Constants2 = require("../common/Constants");
+/**
+ * Determines whether a given activity is a historical message.
+ * 
+ * This function checks if the activity is a message type and uses a combination
+ * of legacy tags and timestamp-based logic to determine if the message is historical.
+ * 
+ * @param {IActivity} activity - The activity object to evaluate.
+ * @param {number} startTime - The start time (in milliseconds since epoch) to compare against.
+ * @returns {boolean} - Returns true if the activity is a historical message, false otherwise.
+ * 
+ * Logic:
+ * - If the activity type is not a message, it is not historical.
+ * - If the activity contains a legacy history message tag, it is considered historical.
+ * - Otherwise, the function extracts a timestamp from the activity ID using `extractTimestampFromId`.
+ *   - If the ID is valid and the timestamp is older than the start time, the message is historical.
+ */
 const isHistoryMessage = (activity, startTime) => {
-  try {
-    if ((activity === null || activity === void 0 ? void 0 : activity.type) === _Constants2.Constants.message) {
-      var _activity$channelData, _activity$channelData2;
-      // this is an old piece of code, probably no longer relevant
-      if (activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData2 = _activity$channelData.tags) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.includes(_Constants2.Constants.historyMessageTag)) return true;
+  var _activity$channelData, _activity$channelData2;
+  // Only process message activities
+  if ((activity === null || activity === void 0 ? void 0 : activity.type) !== _Constants2.Constants.message) {
+    return false;
+  }
 
-      // Id is an epoch time in milliseconds , in utc format, for some reason is in a string format
-      if (activity !== null && activity !== void 0 && activity.id) {
-        /// activity.id is an string that contains epoch time in milliseconds
-        const activityId = parseInt(activity === null || activity === void 0 ? void 0 : activity.id);
+  // Legacy check for history message tag
+  if (activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData2 = _activity$channelData.tags) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.includes(_Constants2.Constants.historyMessageTag)) {
+    return true;
+  }
+  const activityId = extractTimestampFromId(activity);
+  const isValidId = !isNaN(activityId) && activityId > 0;
+  const isOlderThanStartTime = activityId < startTime;
+  const isHistoryById = isValidId && isOlderThanStartTime;
+  return isHistoryById;
+};
+exports.isHistoryMessage = isHistoryMessage;
+const extractTimestampFromId = activity => {
+  const id = (activity === null || activity === void 0 ? void 0 : activity.id) ?? "";
 
-        // if the activity id is not a number, we default to new message
-        if (isNaN(activityId)) {
-          return false;
-        }
+  // Helper function to get timestamp fallback
+  const getTimestampFallback = () => {
+    const timestamp = new Date((activity === null || activity === void 0 ? void 0 : activity.timestamp) ?? "").getTime();
+    return isNaN(timestamp) ? 0 : timestamp;
+  };
 
-        // if the activity id is less than the start time, it means that the message is a history message
-        if (activityId < startTime) {
-          return true;
-        }
-      }
-      // anything else will be considered a new message
-      return false;
-    }
-  } catch (e) {
-    // if there is an error in parsing the activity id, we will consider it a new message
-    console.error("Error in parsing activity id: ", e);
+  // Check if ID looks like a UUID (contains dashes or is very long)
+  const UUID_LENGTH_THRESHOLD = 13; // Threshold to distinguish UUIDs from epoch timestamps
+  if (id.includes("-") || id.length > UUID_LENGTH_THRESHOLD) {
+    // Likely UUID, use timestamp instead
+    return getTimestampFallback();
+  }
+  const activityId = parseInt(id);
+  // if activity id is not a number, then we use timestamp field
+  if (isNaN(activityId)) {
+    return getTimestampFallback();
   }
-  return false;
+  return activityId;
 };
-exports.isHistoryMessage = isHistoryMessage;
+exports.extractTimestampFromId = extractTimestampFromId;
 const buildMessagePayload = (activity, userId) => {
   var _text, _text2, _activity$channelData3, _activity$from;
   return {

package/lib/cjs/plugins/newMessageEventHandler.js

@@ -12,13 +12,13 @@ var _Constants2 = require("../common/Constants");
 var _FirstResponseLatencyTracker = require("../firstresponselatency/FirstResponseLatencyTracker");
 var _TelemetryHelper = require("../common/telemetry/TelemetryHelper");
 var _TelemetryManager = require("../common/telemetry/TelemetryManager");
-const createOnNewAdapterActivityHandler = (chatId, userId) => {
+const createOnNewAdapterActivityHandler = (chatId, userId, startTime) => {
   // Hooking the message tracker in the listener, a bit invasive but easier to control.
   const firstResponseLatencyTracker = new _FirstResponseLatencyTracker.FirstResponseLatencyTracker();
   // epoch time in utc for when start to listen.
   // We dont longer have a mechanism to know if a message is history or new, so any message older than the time we start listening will be considered a history message.
   // this is a workaround for the fact that we dont have a way to identify if a message is history or new, and it will provide consistency across different scenarios
-  const startTime = new Date().getTime();
+
   let isHistoryMessageReceivedEventRaised = false;
   const onNewAdapterActivityHandler = activity => {
     raiseMessageEvent(activity);
@@ -41,6 +41,7 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
     });
   };
   const systemMessageStrategy = activity => {
+    var _TelemetryManager$Int3;
     const payload = (0, _util.buildMessagePayload)(activity, userId);
     payload.messageType = _Constants2.Constants.systemMessageTag;
     if ((0, _util.isHistoryMessage)(activity, startTime)) {
@@ -48,6 +49,11 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
       historyMessageStrategy((0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int2 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int2 === void 0 ? void 0 : _TelemetryManager$Int2.conversationId));
       return;
     }
+    const newMessageReceivedEvent = {
+      eventName: _TelemetryConstants.BroadcastEvent.NewMessageReceived,
+      payload: (0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int3 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int3 === void 0 ? void 0 : _TelemetryManager$Int3.conversationId)
+    };
+    _omnichannelChatComponents.BroadcastService.postMessage(newMessageReceivedEvent);
     _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.SystemMessageReceived,
       Description: "System message received"
@@ -83,20 +89,20 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
     return true;
   };
   const receivedMessageStrategy = activity => {
-    var _TelemetryManager$Int4;
+    var _TelemetryManager$Int5;
     if (!isValidMessage(activity)) return;
     const isHistoryMessageReceived = (0, _util.isHistoryMessage)(activity, startTime);
     const payload = (0, _util.buildMessagePayload)(activity, userId);
     payload.messageType = _Constants2.Constants.userMessageTag;
     if (isHistoryMessageReceived) {
-      var _TelemetryManager$Int3;
-      historyMessageStrategy((0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int3 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int3 === void 0 ? void 0 : _TelemetryManager$Int3.conversationId));
+      var _TelemetryManager$Int4;
+      historyMessageStrategy((0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int4 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int4 === void 0 ? void 0 : _TelemetryManager$Int4.conversationId));
       return;
     }
     firstResponseLatencyTracker.stopClock(payload);
     const newMessageReceivedEvent = {
       eventName: _TelemetryConstants.BroadcastEvent.NewMessageReceived,
-      payload: (0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int4 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int4 === void 0 ? void 0 : _TelemetryManager$Int4.conversationId)
+      payload: (0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int5 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int5 === void 0 ? void 0 : _TelemetryManager$Int5.conversationId)
     };
     _omnichannelChatComponents.BroadcastService.postMessage(newMessageReceivedEvent);
     _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {

package/lib/esm/common/Constants.js

@@ -16,6 +16,9 @@ _defineProperty(Constants, "channelMessageTag", "channel");
 _defineProperty(Constants, "historyMessageTag", "history");
 _defineProperty(Constants, "agentEndConversationMessageTag", "agentendconversation");
 _defineProperty(Constants, "supervisorForceCloseMessageTag", "supervisorforceclosedconversation");
+_defineProperty(Constants, "endConversationalSurveyMessageTag", "endconversationalsurvey");
+_defineProperty(Constants, "startConversationalSurveyMessageTag", "startconversationalsurvey");
+_defineProperty(Constants, "c2ConversationalSurveyMessageTag", "c2conversationalsurvey");
 _defineProperty(Constants, "receivedMessageClassName", "ms_lcw_webchat_received_message");
 _defineProperty(Constants, "sentMessageClassName", "ms_lcw_webchat_sent_message");
 _defineProperty(Constants, "webchatChannelId", "webchat");
@@ -220,6 +223,10 @@ export let ConversationMode;
   ConversationMode["Regular"] = "192350000";
   ConversationMode["Persistent"] = "192350001";
 })(ConversationMode || (ConversationMode = {}));
+export let SurveyProvider;
+(function (SurveyProvider) {
+  SurveyProvider["MicrosoftCopilotStudio"] = "600990001";
+})(SurveyProvider || (SurveyProvider = {}));
 export let LiveWorkItemState;
 (function (LiveWorkItemState) {
   LiveWorkItemState["Active"] = "Active";

package/lib/esm/components/draggable/DraggableChatWidget.js

@@ -25,8 +25,11 @@ const DraggableChatWidget = props => {
   };
   const calculateOffsetsWithinViewport = useCallback((id, offset, delta) => {
     const draggableElement = document.getElementById(id);
+    if (isNullOrUndefined(draggableElement)) {
+      return;
+    }
     const positionRelativeToViewport = draggableElement.getBoundingClientRect();
-    if (isNullOrUndefined(draggableElement) || isNullOrUndefined(positionRelativeToViewport) || isNullOrUndefined(offset.offsetLeft) || isNullOrUndefined(offset.offsetTop)) {
+    if (isNullOrUndefined(positionRelativeToViewport) || isNullOrUndefined(offset.offsetLeft) || isNullOrUndefined(offset.offsetTop)) {
       return;
     }
     let offsetLeft = offset.offsetLeft;
@@ -68,6 +71,9 @@ const DraggableChatWidget = props => {
     }
     const cacheInitialPosition = () => {
       const draggableElement = document.getElementById(props.elementId);
+      if (isNullOrUndefined(draggableElement)) {
+        return;
+      }
       const offsetLeft = draggableElement.offsetLeft;
       const offsetTop = draggableElement.offsetTop;
       setInitialPosition({
@@ -77,6 +83,9 @@ const DraggableChatWidget = props => {
     };
     const calculateOffsets = () => {
       const draggableElement = document.getElementById(props.elementId);
+      if (isNullOrUndefined(draggableElement)) {
+        return;
+      }
       const offsetLeft = draggableElement.offsetLeft;
       const offsetTop = draggableElement.offsetTop;
 
@@ -111,6 +120,9 @@ const DraggableChatWidget = props => {
       resetPosition(initialPosition);
     } else if (state.appStates.isMinimized) {
       const draggableElement = document.getElementById(props.elementId);
+      if (isNullOrUndefined(draggableElement)) {
+        return;
+      }
       const offsetLeft = draggableElement.offsetLeft;
       const offsetTop = draggableElement.offsetTop;
       if (!cachedPosition) {
@@ -135,6 +147,9 @@ const DraggableChatWidget = props => {
 
         // Update position via DOM manipulation to prevent <Stack/> continuously rendering on style change causing high CPU spike
         const draggableElement = document.getElementById(props.elementId);
+        if (isNullOrUndefined(draggableElement)) {
+          return;
+        }
         repositionElement(draggableElement, offsetLeft, offsetTop);
         setPosition({
           offsetLeft,

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

@@ -16,7 +16,7 @@ import { uuidv4 } from "@microsoft/omnichannel-chat-sdk";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter) => {
   try {
-    var _conversationDetails$, _state$domainStates, _state$appStates3;
+    var _conversationDetails$, _state$domainStates, _state$appStates5;
     const {
       chatConfig
     } = props;
@@ -27,7 +27,7 @@ const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter,
 
     // 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;
+      var _state$appStates, _state$appStates2, _state$appStates3;
       // 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) {
         TelemetryHelper.logSDKEvent(LogLevel.INFO, {
@@ -38,6 +38,13 @@ const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter,
       }
 
       // Use Case: If ended by Agent, stay chat in InActive state
+      let isConversationalSurveyEnabled = state.appStates.isConversationalSurveyEnabled;
+      if (isConversationalSurveyEnabled && ((state === null || state === void 0 ? void 0 : (_state$appStates2 = state.appStates) === null || _state$appStates2 === void 0 ? void 0 : _state$appStates2.conversationEndedBy) === ConversationEndEntity.Agent || (state === null || state === void 0 ? void 0 : (_state$appStates3 = state.appStates) === null || _state$appStates3 === void 0 ? void 0 : _state$appStates3.conversationEndedBy) === ConversationEndEntity.Bot)) {
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+          payload: ConversationState.InActive
+        });
+      }
       return;
     }
 
@@ -53,7 +60,7 @@ const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     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;
+      var _state$appStates4;
       BroadcastService.postMessage({
         eventName: BroadcastEvent.OnWidgetError,
         payload: {
@@ -62,7 +69,7 @@ const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter,
       });
 
       // 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) {
+      if ((state === null || state === void 0 ? void 0 : (_state$appStates4 = state.appStates) === null || _state$appStates4 === void 0 ? void 0 : _state$appStates4.conversationEndedBy) === ConversationEndEntity.Customer) {
         TelemetryHelper.logSDKEvent(LogLevel.INFO, {
           Event: TelemetryEvent.PrepareEndChat,
           Description: PrepareEndChatDescriptionConstants.ConversationEndedByCustomerWithInvalidPostChat
@@ -80,11 +87,11 @@ const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter,
     }
 
     // Log PrepareEndChat if conversation ended by customer (bot and agent cases are handled in LiveChatWidgetStateful.tsx)
-    if (state !== null && state !== void 0 && (_state$appStates3 = state.appStates) !== null && _state$appStates3 !== void 0 && _state$appStates3.conversationEndedBy) {
-      var _state$appStates4;
+    if (state !== null && state !== void 0 && (_state$appStates5 = state.appStates) !== null && _state$appStates5 !== void 0 && _state$appStates5.conversationEndedBy) {
+      var _state$appStates6;
       TelemetryHelper.logSDKEvent(LogLevel.INFO, {
         Event: TelemetryEvent.PrepareEndChat,
-        Description: `${PrepareEndChatDescriptionConstants.ConversationEndedByCustomerWithInvalidPostChat} ${state === null || state === void 0 ? void 0 : (_state$appStates4 = state.appStates) === null || _state$appStates4 === void 0 ? void 0 : _state$appStates4.conversationEndedBy}.`
+        Description: `${PrepareEndChatDescriptionConstants.ConversationEndedByCustomerWithInvalidPostChat} ${state === null || state === void 0 ? void 0 : (_state$appStates6 = state.appStates) === null || _state$appStates6 === void 0 ? void 0 : _state$appStates6.conversationEndedBy}.`
       });
     }
     const persistentEnabled = isPersistentEnabled(chatConfig);
@@ -256,6 +263,10 @@ export const closeChatStateCleanUp = dispatch => {
     payload: undefined
   });
   // dispatch({ type: LiveChatWidgetActionType.SET_CONVERSATION_STATE, payload: ConversationState.Closed });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CONVERSATIONAL_SURVEY_DISPLAY,
+    payload: false
+  });
   dispatch({
     type: LiveChatWidgetActionType.SET_RECONNECT_ID,
     payload: undefined

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

@@ -32,6 +32,8 @@ import htmlTextMiddleware from "../../webchatcontainerstateful/webchatcontroller
 import preProcessingMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/preProcessingMiddleware";
 import sanitizationMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/sanitizationMiddleware";
 import { Constants } from "../../../common/Constants";
+import { ConversationState } from "../../../contexts/common/ConversationState";
+import { executeReducer } from "../../../contexts/createReducer";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endChat) => {
@@ -53,6 +55,20 @@ export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endCh
   let webChatStore = WebChatStoreLoader.store;
   if (!webChatStore) {
     var _state$domainStates$l, _state$domainStates$l2, _state$domainStates$l3, _props$webChatContain7;
+    const addConversationalSurveyTagsCallback = action => {
+      var _inMemoryState$appSta;
+      const inMemoryState = executeReducer(state, {
+        type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+        payload: null
+      });
+      const isConversationalSurvey = (_inMemoryState$appSta = inMemoryState.appStates) === null || _inMemoryState$appSta === void 0 ? void 0 : _inMemoryState$appSta.isConversationalSurvey;
+      if (isConversationalSurvey) {
+        if (!action.payload.activity.channelData.tags.includes(Constants.c2ConversationalSurveyMessageTag)) {
+          action.payload.activity.channelData.tags.push(Constants.c2ConversationalSurveyMessageTag);
+        }
+      }
+      return action;
+    };
     const conversationEndCallback = async () => {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       const conversationDetails = await getConversationDetailsCall(facadeChatSDK);
@@ -82,9 +98,21 @@ export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endCh
         });
       }
     };
+    const startConversationalSurveyCallback = async () => {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATIONAL_SURVEY_DISPLAY,
+        payload: true
+      });
+    };
+    const endConversationalSurveyCallback = async () => {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+        payload: ConversationState.InActive
+      });
+    };
     webChatStore = createStore({},
     //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, createMessageSequenceIdOverrideMiddleware, gifUploadMiddleware, htmlPlayerMiddleware, htmlTextMiddleware(honorsTargetInHTMLLinks), createMaxMessageSizeValidator(localizedTexts), sanitizationMiddleware,
+    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(addConversationalSurveyTagsCallback), createConversationEndMiddleware(conversationEndCallback, startConversationalSurveyCallback, endConversationalSurveyCallback), createDataMaskingMiddleware((_state$domainStates$l3 = state.domainStates.liveChatConfig) === null || _state$domainStates$l3 === void 0 ? void 0 : _state$domainStates$l3.DataMaskingInfo), createMessageTimeStampMiddleware, createMessageSequenceIdOverrideMiddleware, gifUploadMiddleware, htmlPlayerMiddleware, htmlTextMiddleware(honorsTargetInHTMLLinks), createMaxMessageSizeValidator(localizedTexts), sanitizationMiddleware,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ...(((_props$webChatContain7 = props.webChatContainerProps) === null || _props$webChatContain7 === void 0 ? void 0 : _props$webChatContain7.storeMiddlewares) ?? []));
     WebChatStoreLoader.store = webChatStore;

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

@@ -6,6 +6,22 @@ export const isPostChatSurveyEnabled = async facadeChatSDK => {
   const postChatEnabled = (_chatConfig$LiveWSAnd = chatConfig.LiveWSAndLiveChatEngJoin) === null || _chatConfig$LiveWSAnd === void 0 ? void 0 : _chatConfig$LiveWSAnd.msdyn_postconversationsurveyenable.toString().toLowerCase();
   return postChatEnabled === "true";
 };
+export const getPostChatSurveyConfig = async facadeChatSDK => {
+  var _chatConfig$LiveWSAnd2, _chatConfig$LiveWSAnd3, _chatConfig$LiveWSAnd4, _chatConfig$LiveWSAnd5, _chatConfig$LiveWSAnd6, _chatConfig$LiveWSAnd7, _chatConfig$LiveWSAnd8, _chatConfig$LiveWSAnd9, _chatConfig$LiveWSAnd10;
+  const chatConfig = await facadeChatSDK.getLiveChatConfig();
+  const postChatEnabled = (_chatConfig$LiveWSAnd2 = chatConfig.LiveWSAndLiveChatEngJoin) === null || _chatConfig$LiveWSAnd2 === void 0 ? void 0 : _chatConfig$LiveWSAnd2.msdyn_postconversationsurveyenable.toString().toLowerCase();
+  const agentSurveyMode = (_chatConfig$LiveWSAnd3 = chatConfig.LiveWSAndLiveChatEngJoin) === null || _chatConfig$LiveWSAnd3 === void 0 ? void 0 : (_chatConfig$LiveWSAnd4 = _chatConfig$LiveWSAnd3.msdyn_postconversationsurveymode) === null || _chatConfig$LiveWSAnd4 === void 0 ? void 0 : _chatConfig$LiveWSAnd4.toString();
+  const botSurveyMode = (_chatConfig$LiveWSAnd5 = chatConfig.LiveWSAndLiveChatEngJoin) === null || _chatConfig$LiveWSAnd5 === void 0 ? void 0 : (_chatConfig$LiveWSAnd6 = _chatConfig$LiveWSAnd5.msdyn_postconversationsurveybotsurveymode) === null || _chatConfig$LiveWSAnd6 === void 0 ? void 0 : _chatConfig$LiveWSAnd6.toString();
+  const surveyProvider = (_chatConfig$LiveWSAnd7 = chatConfig.LiveWSAndLiveChatEngJoin) === null || _chatConfig$LiveWSAnd7 === void 0 ? void 0 : (_chatConfig$LiveWSAnd8 = _chatConfig$LiveWSAnd7.msdyn_surveyprovider) === null || _chatConfig$LiveWSAnd8 === void 0 ? void 0 : _chatConfig$LiveWSAnd8.toString();
+  const isConversationalSurveyEnabled = (_chatConfig$LiveWSAnd9 = chatConfig.LiveWSAndLiveChatEngJoin) === null || _chatConfig$LiveWSAnd9 === void 0 ? void 0 : (_chatConfig$LiveWSAnd10 = _chatConfig$LiveWSAnd9.msdyn_isConversationalPostChatSurveyEnabled) === null || _chatConfig$LiveWSAnd10 === void 0 ? void 0 : _chatConfig$LiveWSAnd10.toString().toLowerCase();
+  return {
+    postChatEnabled: postChatEnabled === "true",
+    agentSurveyMode: agentSurveyMode,
+    botSurveyMode: botSurveyMode,
+    surveyProvider: surveyProvider,
+    isConversationalSurveyEnabled: isConversationalSurveyEnabled === "true"
+  };
+};
 export const isPersistentChatEnabled = conversationMode => {
   if (isNullOrUndefined(conversationMode)) {
     return false;

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

@@ -1,11 +1,11 @@
-import { Constants, ParticipantType, PostChatSurveyTelemetryMessage } from "../../../common/Constants";
+import { Constants, ParticipantType, PostChatSurveyTelemetryMessage, SurveyProvider } from "../../../common/Constants";
 import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
 import { ConversationState } from "../../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 import { PostChatSurveyMode } from "../../postchatsurveypanestateful/enums/PostChatSurveyMode";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { addDelayInMs } from "../../../common/utils";
-import { isPostChatSurveyEnabled } from "./liveChatConfigUtils";
+import { getPostChatSurveyConfig } from "./liveChatConfigUtils";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let conversationDetails = undefined;
@@ -46,23 +46,34 @@ const setSurveyMode = async (props, participantType, state, dispatch) => {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const renderSurvey = async (postChatContext, dispatch) => {
+const renderSurvey = async (postChatContext, state, dispatch) => {
   if (postChatSurveyMode === PostChatSurveyMode.Link) {
     setWidgetStateToInactive(dispatch);
     return;
   }
   if (postChatSurveyMode === PostChatSurveyMode.Embed) {
-    await embedModePostChatWorkflow(postChatContext, dispatch);
+    await embedModePostChatWorkflow(postChatContext, 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 (postChatContext, dispatch) => {
+const embedModePostChatWorkflow = async (postChatContext, state, dispatch) => {
   TelemetryHelper.logActionEvent(LogLevel.INFO, {
     Event: TelemetryEvent.EmbedModePostChatWorkflowStarted
   });
   if (postChatContext) {
+    if (postChatContext.isConversationalSurveyEnabled && postChatContext.surveyProvider === SurveyProvider.MicrosoftCopilotStudio) {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+        payload: ConversationState.Postchat
+      });
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATIONAL_SURVEY_DISPLAY,
+        payload: true
+      });
+      return;
+    }
     dispatch({
       type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
       payload: ConversationState.PostchatLoading
@@ -89,7 +100,7 @@ const initiatePostChat = async (props, conversationDetailsParam, state, dispatch
   conversationDetails = conversationDetailsParam;
   const participantType = ((_conversationDetails = conversationDetails) === null || _conversationDetails === void 0 ? void 0 : _conversationDetails.participantType) ?? postchatContext.participantType;
   await setSurveyMode(props, participantType, state, dispatch);
-  await renderSurvey(postchatContext, dispatch);
+  await renderSurvey(postchatContext, state, dispatch);
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -102,7 +113,14 @@ const isPostChatEnabled = (props, state) => {
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const getPostChatContext = async (facadeChatSDK, state, dispatch) => {
   try {
-    const postChatEnabled = await isPostChatSurveyEnabled(facadeChatSDK);
+    const postChatConfig = await getPostChatSurveyConfig(facadeChatSDK);
+    const postChatEnabled = postChatConfig.postChatEnabled;
+    if (postChatConfig.isConversationalSurveyEnabled) {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATIONAL_SURVEY_ENABLED,
+        payload: true
+      });
+    }
     if (postChatEnabled) {
       var _state$domainStates2;
       if ((state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : _state$domainStates2.postChatContext) === undefined) {
@@ -112,11 +130,17 @@ const getPostChatContext = async (facadeChatSDK, state, dispatch) => {
           Event: TelemetryEvent.PostChatContextCallSucceed,
           Description: PostChatSurveyTelemetryMessage.PostChatContextCallSucceed
         });
+
+        // Merge postChatConfig with postChatSurveyContext
+        const mergedContext = {
+          ...context,
+          ...postChatConfig
+        };
         dispatch({
           type: LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
-          payload: context
+          payload: mergedContext
         });
-        return context;
+        return mergedContext;
       }
     }
   } catch (error) {

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

@@ -4,12 +4,19 @@ import { ConversationState } from "../../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 import { PostChatSurveyTelemetryMessage } from "../../../common/Constants";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
-import { isPostChatSurveyEnabled } from "./liveChatConfigUtils";
+import { getPostChatSurveyConfig } from "./liveChatConfigUtils";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const setPostChatContextAndLoadSurvey = async (facadeChatSDK, dispatch, persistedChat) => {
   try {
-    const postChatEnabled = await isPostChatSurveyEnabled(facadeChatSDK);
+    const postChatConfig = await getPostChatSurveyConfig(facadeChatSDK);
+    if (postChatConfig.isConversationalSurveyEnabled) {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATIONAL_SURVEY_ENABLED,
+        payload: true
+      });
+    }
+    const postChatEnabled = postChatConfig.postChatEnabled;
     if (postChatEnabled) {
       if (!persistedChat) {
         TelemetryHelper.logSDKEventToAllTelemetry(LogLevel.INFO, {
@@ -22,9 +29,15 @@ export const setPostChatContextAndLoadSurvey = async (facadeChatSDK, dispatch, p
           Event: TelemetryEvent.PostChatContextCallSucceed,
           Description: PostChatSurveyTelemetryMessage.PostChatContextCallSucceed
         });
+
+        // Merge postChatConfig with postChatSurveyContext
+        const mergedContext = {
+          ...context,
+          ...postChatConfig
+        };
         dispatch({
           type: LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
-          payload: context
+          payload: mergedContext
         });
       }
     }

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

@@ -197,8 +197,11 @@ const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props,
         portalContactId: (_window$Microsoft = window.Microsoft) === null || _window$Microsoft === void 0 ? void 0 : (_window$Microsoft$Dyn = _window$Microsoft.Dynamic365) === null || _window$Microsoft$Dyn === void 0 ? void 0 : (_window$Microsoft$Dyn2 = _window$Microsoft$Dyn.Portal) === null || _window$Microsoft$Dyn2 === void 0 ? void 0 : (_window$Microsoft$Dyn3 = _window$Microsoft$Dyn2.User) === null || _window$Microsoft$Dyn3 === void 0 ? void 0 : _window$Microsoft$Dyn3.contactId
       };
       const startChatOptionalParams = Object.assign({}, params, optionalParams, defaultOptionalParams);
+      // startTime is used to determine if a message is history or new, better to be set before creating the adapter to get bandwidth
+      const startTime = new Date().getTime();
       await facadeChatSDK.startChat(startChatOptionalParams);
       isStartChatSuccessful = true;
+      await createAdapterAndSubscribe(facadeChatSDK, dispatch, setAdapter, startTime, props);
     } catch (error) {
       checkContactIdError(error);
       TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
@@ -216,7 +219,6 @@ const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props,
       isStartChatSuccessful = false;
       throw error;
     }
-    await createAdapterAndSubscribe(facadeChatSDK, dispatch, setAdapter, props);
 
     // Set app state to Active
     if (isStartChatSuccessful) {
@@ -266,7 +268,7 @@ const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props,
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const createAdapterAndSubscribe = async (facadeChatSDK, dispatch, setAdapter, props) => {
+const createAdapterAndSubscribe = async (facadeChatSDK, dispatch, setAdapter, startTime, props) => {
   // New adapter creation
   const newAdapter = await createAdapter(facadeChatSDK, props);
   setAdapter(newAdapter);
@@ -277,7 +279,7 @@ const createAdapterAndSubscribe = async (facadeChatSDK, dispatch, setAdapter, pr
   });
   if (chatToken !== null && chatToken !== void 0 && chatToken.chatId && chatToken !== null && chatToken !== void 0 && chatToken.visitorId) {
     var _newAdapter$activity$;
-    newAdapter === null || newAdapter === void 0 ? void 0 : (_newAdapter$activity$ = newAdapter.activity$) === null || _newAdapter$activity$ === void 0 ? void 0 : _newAdapter$activity$.subscribe(createOnNewAdapterActivityHandler(chatToken.chatId, chatToken.visitorId));
+    newAdapter === null || newAdapter === void 0 ? void 0 : (_newAdapter$activity$ = newAdapter.activity$) === null || _newAdapter$activity$ === void 0 ? void 0 : _newAdapter$activity$.subscribe(createOnNewAdapterActivityHandler(chatToken.chatId, chatToken.visitorId, startTime));
   }
 };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any