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

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

@@ -51,23 +51,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.PostChatSurveyMode.Link) {
     setWidgetStateToInactive(dispatch);
     return;
   }
   if (postChatSurveyMode === _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.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
     Event: _TelemetryConstants.TelemetryEvent.EmbedModePostChatWorkflowStarted
   });
   if (postChatContext) {
+    if (postChatContext.isConversationalSurveyEnabled && postChatContext.surveyProvider === _Constants.SurveyProvider.MicrosoftCopilotStudio) {
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+        payload: _ConversationState.ConversationState.Postchat
+      });
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATIONAL_SURVEY_DISPLAY,
+        payload: true
+      });
+      return;
+    }
     dispatch({
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
       payload: _ConversationState.ConversationState.PostchatLoading
@@ -94,7 +105,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
@@ -109,7 +120,14 @@ const isPostChatEnabled = (props, state) => {
 exports.checkPostChatEnabled = isPostChatEnabled;
 const getPostChatContext = async (facadeChatSDK, state, dispatch) => {
   try {
-    const postChatEnabled = await (0, _liveChatConfigUtils.isPostChatSurveyEnabled)(facadeChatSDK);
+    const postChatConfig = await (0, _liveChatConfigUtils.getPostChatSurveyConfig)(facadeChatSDK);
+    const postChatEnabled = postChatConfig.postChatEnabled;
+    if (postChatConfig.isConversationalSurveyEnabled) {
+      dispatch({
+        type: _LiveChatWidgetActionType.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) {
@@ -119,11 +137,17 @@ const getPostChatContext = async (facadeChatSDK, state, dispatch) => {
           Event: _TelemetryConstants.TelemetryEvent.PostChatContextCallSucceed,
           Description: _Constants.PostChatSurveyTelemetryMessage.PostChatContextCallSucceed
         });
+
+        // Merge postChatConfig with postChatSurveyContext
+        const mergedContext = {
+          ...context,
+          ...postChatConfig
+        };
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
-          payload: context
+          payload: mergedContext
         });
-        return context;
+        return mergedContext;
       }
     }
   } catch (error) {

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

@@ -14,7 +14,14 @@ var _liveChatConfigUtils = require("./liveChatConfigUtils");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const setPostChatContextAndLoadSurvey = async (facadeChatSDK, dispatch, persistedChat) => {
   try {
-    const postChatEnabled = await (0, _liveChatConfigUtils.isPostChatSurveyEnabled)(facadeChatSDK);
+    const postChatConfig = await (0, _liveChatConfigUtils.getPostChatSurveyConfig)(facadeChatSDK);
+    if (postChatConfig.isConversationalSurveyEnabled) {
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATIONAL_SURVEY_ENABLED,
+        payload: true
+      });
+    }
+    const postChatEnabled = postChatConfig.postChatEnabled;
     if (postChatEnabled) {
       if (!persistedChat) {
         _TelemetryHelper.TelemetryHelper.logSDKEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
@@ -27,9 +34,15 @@ const setPostChatContextAndLoadSurvey = async (facadeChatSDK, dispatch, persiste
           Event: _TelemetryConstants.TelemetryEvent.PostChatContextCallSucceed,
           Description: _Constants.PostChatSurveyTelemetryMessage.PostChatContextCallSucceed
         });
+
+        // Merge postChatConfig with postChatSurveyContext
+        const mergedContext = {
+          ...context,
+          ...postChatConfig
+        };
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT,
-          payload: context
+          payload: mergedContext
         });
       }
     }

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

@@ -154,7 +154,6 @@ const setPreChatAndInitiateChat = async (facadeChatSDK, dispatch, setAdapter, is
   const optionalParams = {
     isProactiveChat
   };
-  (0, _FirstMessageTrackerFromBot.createTrackingForFirstMessage)();
   await initStartChat(facadeChatSDK, dispatch, setAdapter, state, props, optionalParams);
 };
 
@@ -204,8 +203,12 @@ 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();
+      (0, _FirstMessageTrackerFromBot.createTrackingForFirstMessage)();
       await facadeChatSDK.startChat(startChatOptionalParams);
       isStartChatSuccessful = true;
+      await createAdapterAndSubscribe(facadeChatSDK, dispatch, setAdapter, startTime, props);
     } catch (error) {
       (0, _utils.checkContactIdError)(error);
       _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.ERROR, {
@@ -223,7 +226,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) {
@@ -274,7 +276,7 @@ const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props,
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.initStartChat = initStartChat;
-const createAdapterAndSubscribe = async (facadeChatSDK, dispatch, setAdapter, props) => {
+const createAdapterAndSubscribe = async (facadeChatSDK, dispatch, setAdapter, startTime, props) => {
   // New adapter creation
   const newAdapter = await (0, _createAdapter.createAdapter)(facadeChatSDK, props);
   setAdapter(newAdapter);
@@ -285,7 +287,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((0, _newMessageEventHandler.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((0, _newMessageEventHandler.createOnNewAdapterActivityHandler)(chatToken.chatId, chatToken.visitorId, startTime));
   }
 };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/lib/cjs/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js

@@ -57,6 +57,7 @@ var _startProactiveChat = require("../common/startProactiveChat");
 var _useChatAdapterStore = _interopRequireDefault(require("../../../hooks/useChatAdapterStore"));
 var _useChatContextStore = _interopRequireDefault(require("../../../hooks/useChatContextStore"));
 var _useFacadeChatSDKStore = _interopRequireDefault(require("../../../hooks/useFacadeChatSDKStore"));
+var _customEventHandler = require("../common/customEventHandler");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -421,7 +422,7 @@ const LiveChatWidgetStateful = props => {
     _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.StartChat).subscribe(msg => {
       var _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4;
       // If chat is out of operating hours chat widget sets the conversation state to OutOfOffice.
-      if (state.appStates.outsideOperatingHours === true) {
+      if (state.appStates.outsideOperatingHours && state.appStates.conversationState !== _ConversationState.ConversationState.Active) {
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
           payload: false
@@ -588,6 +589,9 @@ const LiveChatWidgetStateful = props => {
       }
     });
 
+    // subscribe custom event
+    (0, _customEventHandler.subscribeToSendCustomEvent)(_omnichannelChatComponents.BroadcastService, facadeChatSDK, _customEventHandler.customEventCallback);
+
     // Check for TPC and log in telemetry if blocked
     (0, _defaultClientDataStoreProvider.isCookieAllowed)();
     return () => {
@@ -619,12 +623,15 @@ const LiveChatWidgetStateful = props => {
           payload: null
         });
         if ("participantsRemoved" in event && (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta5 = inMemoryState.appStates) === null || _inMemoryState$appSta5 === void 0 ? void 0 : _inMemoryState$appSta5.conversationState) === _ConversationState.ConversationState.Active) {
-          setWebChatStyles(styles => {
-            return {
-              ...styles,
-              hideSendBox: true
-            };
-          });
+          var _inMemoryState$appSta6;
+          if ((inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta6 = inMemoryState.appStates) === null || _inMemoryState$appSta6 === void 0 ? void 0 : _inMemoryState$appSta6.isConversationalSurveyEnabled) === false) {
+            setWebChatStyles(styles => {
+              return {
+                ...styles,
+                hideSendBox: true
+              };
+            });
+          }
           _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.INFO, {
             Event: _TelemetryConstants.TelemetryEvent.ParticipantsRemovedEvent,
             Description: "Participants removed event received."
@@ -720,7 +727,15 @@ const LiveChatWidgetStateful = props => {
       (0, _endChat.endChat)(props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true);
       return;
     }
-    if ((state === null || state === void 0 ? void 0 : (_state$appStates12 = state.appStates) === null || _state$appStates12 === void 0 ? void 0 : _state$appStates12.conversationEndedBy) === _Constants.ConversationEndEntity.Agent || (state === null || state === void 0 ? void 0 : (_state$appStates13 = state.appStates) === null || _state$appStates13 === void 0 ? void 0 : _state$appStates13.conversationEndedBy) === _Constants.ConversationEndEntity.Bot) {
+    const inMemoryState = (0, _createReducer.executeReducer)(state, {
+      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+      payload: null
+    });
+    let isConversationalSurveyEnabled = state.appStates.isConversationalSurveyEnabled;
+
+    // In conversational survey, we need to check post chat survey logics before we set ConversationState to InActive
+    // Hence setting ConversationState to InActive will be done later in the post chat flows
+    if (!isConversationalSurveyEnabled && ((state === null || state === void 0 ? void 0 : (_state$appStates12 = state.appStates) === null || _state$appStates12 === void 0 ? void 0 : _state$appStates12.conversationEndedBy) === _Constants.ConversationEndEntity.Agent || (state === null || state === void 0 ? void 0 : (_state$appStates13 = state.appStates) === null || _state$appStates13 === void 0 ? void 0 : _state$appStates13.conversationEndedBy) === _Constants.ConversationEndEntity.Bot)) {
       dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: _ConversationState.ConversationState.InActive
@@ -761,13 +776,13 @@ const LiveChatWidgetStateful = props => {
 
   // Handle Chat disconnect cases
   (0, _react2.useEffect)(() => {
-    var _inMemoryState$appSta6;
+    var _inMemoryState$appSta7;
     const inMemoryState = (0, _createReducer.executeReducer)(state, {
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
       payload: null
     });
     (0, _chatDisconnectHelper.handleChatDisconnect)(props, inMemoryState, setWebChatStyles);
-    const chatDisconnectState = inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta6 = inMemoryState.appStates) === null || _inMemoryState$appSta6 === void 0 ? void 0 : _inMemoryState$appSta6.chatDisconnectEventReceived;
+    const chatDisconnectState = inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$appSta7 = inMemoryState.appStates) === null || _inMemoryState$appSta7 === void 0 ? void 0 : _inMemoryState$appSta7.chatDisconnectEventReceived;
     if (chatDisconnectState && adapter) {
       try {
         adapter.end();
@@ -895,8 +910,8 @@ const LiveChatWidgetStateful = props => {
                 margin-left: .25em;
             }
             ${(sendBoxTextArea === null || sendBoxTextArea === void 0 ? void 0 : sendBoxTextArea.minHeight) && `
-            textarea.webchat__send-box-text-box__html-text-area {
-                min-height: ${sendBoxTextArea === null || sendBoxTextArea === void 0 ? void 0 : sendBoxTextArea.minHeight};
+            .webchat__auto-resize-textarea.webchat__send-box-text-box__text-area {
+                min-height: ${sendBoxTextArea === null || sendBoxTextArea === void 0 ? void 0 : sendBoxTextArea.minHeight} !important;
             }`}
             `), /*#__PURE__*/_react2.default.createElement(_DraggableChatWidget.default, chatWidgetDraggableConfig, /*#__PURE__*/_react2.default.createElement(Composer, _extends({}, webChatProps, {
     userID: userID,

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/channelDataMiddleware.js

@@ -14,13 +14,13 @@ var _WebChatActionType = require("../../enums/WebChatActionType");
  ******/
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
-const channelDataMiddleware = _ref => {
+const channelDataMiddleware = addConversationalSurveyTagsCallback => _ref => {
   let {
     dispatch
   } = _ref;
   return next => action => {
-    var _action$payload, _action$payload$activ;
-    if ((action === null || action === void 0 ? void 0 : action.type) === _WebChatActionType.WebChatActionType.DIRECT_LINE_POST_ACTIVITY_PENDING && action !== null && action !== void 0 && (_action$payload = action.payload) !== null && _action$payload !== void 0 && (_action$payload$activ = _action$payload.activity) !== null && _action$payload$activ !== void 0 && _action$payload$activ.channelData) {
+    var _action, _action2, _action2$payload, _action2$payload$acti;
+    if (((_action = action) === null || _action === void 0 ? void 0 : _action.type) === _WebChatActionType.WebChatActionType.DIRECT_LINE_POST_ACTIVITY_PENDING && (_action2 = action) !== null && _action2 !== void 0 && (_action2$payload = _action2.payload) !== null && _action2$payload !== void 0 && (_action2$payload$acti = _action2$payload.activity) !== null && _action2$payload$acti !== void 0 && _action2$payload$acti.channelData) {
       const channelIdTag = `${_Constants.Constants.channelIdKey}${_Constants.Constants.ChannelId}`;
       const customerMessageTag = `${_Constants.Constants.CustomerTag}`;
       if (action.payload.activity.channelData.tags) {
@@ -34,6 +34,7 @@ const channelDataMiddleware = _ref => {
         action.payload.activity.channelData.tags = [channelIdTag];
         action.payload.activity.channelData.tags.push(customerMessageTag);
       }
+      action = addConversationalSurveyTagsCallback(action);
       action.payload.activity.channelData.metadata = {
         deliveryMode: _omnichannelChatSdk.DeliveryMode.Bridged
       };

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/conversationEndMiddleware.js

@@ -16,27 +16,33 @@ var _WebChatActionType = require("../../enums/WebChatActionType");
  ******/
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
-const createConversationEndMiddleware = conversationEndCallback => _ref => {
+const createConversationEndMiddleware = (conversationEndCallback, startConversationalSurveyCallback, endConversationalSurveyCallback) => _ref => {
   let {
     dispatch
   } = _ref;
   return next => action => {
     var _action$payload;
     if ((action === null || action === void 0 ? void 0 : action.type) == _WebChatActionType.WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
-      var _activity$from2, _activity$channelData7, _activity$channelData8;
+      var _activity$from2, _activity$channelData17, _activity$channelData18;
       const activity = action.payload.activity;
       if (activity.channelId === "ACS_CHANNEL") {
         var _activity$from;
         if (((_activity$from = activity.from) === null || _activity$from === void 0 ? void 0 : _activity$from.role) === _DirectLineSenderRole.DirectLineSenderRole.Bot) {
-          var _activity$channelData, _activity$channelData2, _activity$channelData3, _activity$channelData4, _activity$channelData5, _activity$channelData6;
+          var _activity$channelData, _activity$channelData2, _activity$channelData3, _activity$channelData4, _activity$channelData5, _activity$channelData6, _activity$channelData7, _activity$channelData8, _activity$channelData9, _activity$channelData10, _activity$channelData11, _activity$channelData12, _activity$channelData13, _activity$channelData14, _activity$channelData15, _activity$channelData16;
           if ((_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData2 = _activity$channelData.tags) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.includes(_Constants.Constants.systemMessageTag) && ((_activity$channelData3 = activity.channelData) !== null && _activity$channelData3 !== void 0 && (_activity$channelData4 = _activity$channelData3.tags) !== null && _activity$channelData4 !== void 0 && _activity$channelData4.includes(_Constants.Constants.agentEndConversationMessageTag) || (_activity$channelData5 = activity.channelData) !== null && _activity$channelData5 !== void 0 && (_activity$channelData6 = _activity$channelData5.tags) !== null && _activity$channelData6 !== void 0 && _activity$channelData6.includes(_Constants.Constants.supervisorForceCloseMessageTag))) {
             conversationEndCallback();
           }
+          if ((_activity$channelData7 = activity.channelData) !== null && _activity$channelData7 !== void 0 && (_activity$channelData8 = _activity$channelData7.tags) !== null && _activity$channelData8 !== void 0 && _activity$channelData8.includes(_Constants.Constants.systemMessageTag) && ((_activity$channelData9 = activity.channelData) !== null && _activity$channelData9 !== void 0 && (_activity$channelData10 = _activity$channelData9.tags) !== null && _activity$channelData10 !== void 0 && _activity$channelData10.includes(_Constants.Constants.startConversationalSurveyMessageTag) || (_activity$channelData11 = activity.channelData) !== null && _activity$channelData11 !== void 0 && (_activity$channelData12 = _activity$channelData11.tags) !== null && _activity$channelData12 !== void 0 && _activity$channelData12.includes(_Constants.Constants.startConversationalSurveyMessageTag))) {
+            startConversationalSurveyCallback();
+          }
+          if ((_activity$channelData13 = activity.channelData) !== null && _activity$channelData13 !== void 0 && (_activity$channelData14 = _activity$channelData13.tags) !== null && _activity$channelData14 !== void 0 && _activity$channelData14.includes(_Constants.Constants.systemMessageTag) && (_activity$channelData15 = activity.channelData) !== null && _activity$channelData15 !== void 0 && (_activity$channelData16 = _activity$channelData15.tags) !== null && _activity$channelData16 !== void 0 && _activity$channelData16.includes(_Constants.Constants.endConversationalSurveyMessageTag)) {
+            endConversationalSurveyCallback();
+          }
         }
-      } else if (((_activity$from2 = activity.from) === null || _activity$from2 === void 0 ? void 0 : _activity$from2.role) === _DirectLineSenderRole.DirectLineSenderRole.Channel && ((_activity$channelData7 = activity.channelData) === null || _activity$channelData7 === void 0 ? void 0 : _activity$channelData7.type) === _MessageType.MessageTypes.Thread && (_activity$channelData8 = activity.channelData) !== null && _activity$channelData8 !== void 0 && _activity$channelData8.properties) {
-        var _activity$channelData9, _activity$channelData10, _activity$channelData11, _activity$channelData12;
+      } else if (((_activity$from2 = activity.from) === null || _activity$from2 === void 0 ? void 0 : _activity$from2.role) === _DirectLineSenderRole.DirectLineSenderRole.Channel && ((_activity$channelData17 = activity.channelData) === null || _activity$channelData17 === void 0 ? void 0 : _activity$channelData17.type) === _MessageType.MessageTypes.Thread && (_activity$channelData18 = activity.channelData) !== null && _activity$channelData18 !== void 0 && _activity$channelData18.properties) {
+        var _activity$channelData19, _activity$channelData20, _activity$channelData21, _activity$channelData22;
         // IC3
-        if (((_activity$channelData9 = activity.channelData) === null || _activity$channelData9 === void 0 ? void 0 : (_activity$channelData10 = _activity$channelData9.properties) === null || _activity$channelData10 === void 0 ? void 0 : _activity$channelData10.isdeleted) === _Constants.Constants.truePascal || !((_activity$channelData11 = activity.channelData) !== null && _activity$channelData11 !== void 0 && (_activity$channelData12 = _activity$channelData11.properties) !== null && _activity$channelData12 !== void 0 && _activity$channelData12.containsExternalEntitiesListeningAll)) {
+        if (((_activity$channelData19 = activity.channelData) === null || _activity$channelData19 === void 0 ? void 0 : (_activity$channelData20 = _activity$channelData19.properties) === null || _activity$channelData20 === void 0 ? void 0 : _activity$channelData20.isdeleted) === _Constants.Constants.truePascal || !((_activity$channelData21 = activity.channelData) !== null && _activity$channelData21 !== void 0 && (_activity$channelData22 = _activity$channelData21.properties) !== null && _activity$channelData22 !== void 0 && _activity$channelData22.containsExternalEntitiesListeningAll)) {
           conversationEndCallback();
         }
       }

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/customEventMiddleware.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isValidCustomEvent = exports.default = void 0;
+var _Constants = require("../../../../../common/Constants");
+var _WebChatActionType = require("../../enums/WebChatActionType");
+/******
+ * CustomEventMiddleware
+ *
+ * This middleware is invoked when a custom event is received.
+ * The callback is then invoked to handle the custom event.
+ ******/
+
+const isValidCustomEvent = activity => {
+  var _activity$channelData, _activity$channelData2, _activity$channelData3, _activity$channelData4, _activity$channelData5, _activity$channelData6, _activity$channelData7, _activity$from, _activity$channelData8, _activity$channelData9, _activity$channelData10, _activity$channelData11;
+  return !!(activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData2 = _activity$channelData.metadata) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.customEvent && typeof (activity === null || activity === void 0 ? void 0 : (_activity$channelData3 = activity.channelData) === null || _activity$channelData3 === void 0 ? void 0 : (_activity$channelData4 = _activity$channelData3.metadata) === null || _activity$channelData4 === void 0 ? void 0 : _activity$channelData4.customEvent) === _Constants.Constants.String && (activity === null || activity === void 0 ? void 0 : (_activity$channelData5 = activity.channelData) === null || _activity$channelData5 === void 0 ? void 0 : (_activity$channelData6 = _activity$channelData5.metadata) === null || _activity$channelData6 === void 0 ? void 0 : (_activity$channelData7 = _activity$channelData6.customEvent) === null || _activity$channelData7 === void 0 ? void 0 : _activity$channelData7.toLowerCase()) === _Constants.Constants.true && (activity === null || activity === void 0 ? void 0 : (_activity$from = activity.from) === null || _activity$from === void 0 ? void 0 : _activity$from.role) !== _Constants.Constants.userMessageTag && typeof (activity === null || activity === void 0 ? void 0 : (_activity$channelData8 = activity.channelData) === null || _activity$channelData8 === void 0 ? void 0 : (_activity$channelData9 = _activity$channelData8.metadata) === null || _activity$channelData9 === void 0 ? void 0 : _activity$channelData9.customEventName) === _Constants.Constants.String && activity !== null && activity !== void 0 && (_activity$channelData10 = activity.channelData) !== null && _activity$channelData10 !== void 0 && (_activity$channelData11 = _activity$channelData10.metadata) !== null && _activity$channelData11 !== void 0 && _activity$channelData11.customEventValue);
+};
+exports.isValidCustomEvent = isValidCustomEvent;
+const createCustomEventMiddleware = broadcastservice => () => next => action => {
+  var _action$payload;
+  if ((action === null || action === void 0 ? void 0 : action.type) == _WebChatActionType.WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
+    const activity = action.payload.activity;
+    if (isValidCustomEvent(activity)) {
+      const customEvent = {
+        eventName: _Constants.Constants.onCustomEvent,
+        payload: {
+          messageId: activity.messageid ?? activity.id,
+          customEventName: activity.channelData.metadata.customEventName,
+          customEventValue: activity.channelData.metadata.customEventValue
+        }
+      };
+      broadcastservice.postMessage(customEvent);
+      return;
+    }
+  }
+  return next(action);
+};
+var _default = createCustomEventMiddleware;
+exports.default = _default;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/queueOverflowHandlerMiddleware.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createQueueOverflowMiddleware = void 0;
+var _WebChatActionType = require("../../enums/WebChatActionType");
+var _TelemetryConstants = require("../../../../../common/telemetry/TelemetryConstants");
+var _TelemetryHelper = require("../../../../../common/telemetry/TelemetryHelper");
+var _LiveChatWidgetActionType = require("../../../../../contexts/common/LiveChatWidgetActionType");
+var _createReducer = require("../../../../../contexts/createReducer");
+var _utils = require("../../../../../common/utils");
+const queueOverflowHandlingHelper = async (state, dispatch) => {
+  const {
+    appStates
+  } = (0, _createReducer.executeReducer)(state, {
+    type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+    payload: undefined
+  });
+  if (!appStates.chatDisconnectEventReceived) {
+    dispatch({
+      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED,
+      payload: true
+    });
+    _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.QueueOverflowEvent,
+      Description: "Set chat disconnect event received."
+    });
+  }
+};
+const createQueueOverflowMiddleware = (state, dispatch) => () => next => action => {
+  var _action$payload;
+  if ((action === null || action === void 0 ? void 0 : action.type) == _WebChatActionType.WebChatActionType.DIRECT_LINE_INCOMING_ACTIVITY && (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.activity) {
+    const activity = action.payload.activity;
+    if ((0, _utils.isEndConversationDueToOverflowActivity)(activity)) {
+      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+        Event: _TelemetryConstants.TelemetryEvent.QueueOverflowEvent,
+        Description: "Queue overflow event received."
+      });
+      queueOverflowHandlingHelper(state, dispatch);
+    }
+  }
+  return next(action);
+};
+exports.createQueueOverflowMiddleware = createQueueOverflowMiddleware;

package/lib/cjs/contexts/common/CustomEventType.js

@@ -0,0 +1 @@
+"use strict";

package/lib/cjs/contexts/common/LiveChatWidgetActionType.js

@@ -52,5 +52,7 @@ exports.LiveChatWidgetActionType = LiveChatWidgetActionType;
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_SURVEY_MODE"] = 42] = "SET_SURVEY_MODE";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_CONFIRMATION_STATE"] = 43] = "SET_CONFIRMATION_STATE";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_POST_CHAT_PARTICIPANT_TYPE"] = 44] = "SET_POST_CHAT_PARTICIPANT_TYPE";
-  LiveChatWidgetActionType[LiveChatWidgetActionType["GET_IN_MEMORY_STATE"] = 45] = "GET_IN_MEMORY_STATE";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_CONVERSATIONAL_SURVEY_ENABLED"] = 45] = "SET_CONVERSATIONAL_SURVEY_ENABLED";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_CONVERSATIONAL_SURVEY_DISPLAY"] = 46] = "SET_CONVERSATIONAL_SURVEY_DISPLAY";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["GET_IN_MEMORY_STATE"] = 47] = "GET_IN_MEMORY_STATE";
 })(LiveChatWidgetActionType || (exports.LiveChatWidgetActionType = LiveChatWidgetActionType = {}));

package/lib/cjs/contexts/common/LiveChatWidgetContextInitialState.js

@@ -83,7 +83,9 @@ const getLiveChatWidgetContextInitialState = props => {
       conversationEndedBy: _Constants.ConversationEndEntity.NotSet,
       chatDisconnectEventReceived: false,
       selectedSurveyMode: null,
-      postChatParticipantType: undefined
+      postChatParticipantType: undefined,
+      isConversationalSurvey: false,
+      isConversationalSurveyEnabled: false
     },
     uiStates: {
       showConfirmationPane: false,

package/lib/cjs/contexts/createReducer.js

@@ -656,6 +656,36 @@ const reducer = (state, action) => {
           postChatParticipantType: action.payload
         }
       };
+    case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATIONAL_SURVEY_ENABLED:
+      inMemory = {
+        ...inMemory,
+        appStates: {
+          ...inMemory.appStates,
+          isConversationalSurveyEnabled: action.payload
+        }
+      };
+      return {
+        ...state,
+        appStates: {
+          ...state.appStates,
+          isConversationalSurveyEnabled: action.payload
+        }
+      };
+    case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATIONAL_SURVEY_DISPLAY:
+      inMemory = {
+        ...inMemory,
+        appStates: {
+          ...inMemory.appStates,
+          isConversationalSurvey: action.payload
+        }
+      };
+      return {
+        ...state,
+        appStates: {
+          ...state.appStates,
+          isConversationalSurvey: action.payload
+        }
+      };
     case _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE:
       return inMemory;
     default:

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 => {