@microsoft/omnichannel-chat-widget 1.0.3-main.527b216 → 1.0.3-main.c925679

package/lib/cjs/components/postchatsurveypanestateful/PostChatSurveyPaneStateful.js

@@ -13,21 +13,31 @@ var _utils = require("../../common/utils");
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
 var _PostChatSurveyMode = require("./enums/PostChatSurveyMode");
 var _CustomerVoiceEvents = require("./enums/CustomerVoiceEvents");
+var _Constants = require("../../common/Constants");
 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; }
+const generateSurveyInviteLink = function (surveyInviteLink, isEmbed, locale, compact) {
+  let showMultiLingual = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  const surveyLink = `${surveyInviteLink}
+            &embed=${isEmbed.toString()}
+            &compact=${compact.toString() ?? "true"}
+            &lang=${locale ?? "en-us"}
+            &showmultilingual=${showMultiLingual.toString() ?? "false"}`;
+  return surveyLink;
+};
 const PostChatSurveyPaneStateful = props => {
-  var _state$domainStates$l, _state$domainStates$l2, _props$styleProps, _props$controlProps;
+  var _props$styleProps, _state$appStates, _state$appStates2, _props$controlProps;
   const [state] = (0, _useChatContextStore.default)();
-  const postChatSurveyMode = (_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_postconversationsurveymode;
   const generalStyleProps = Object.assign({}, _defaultgeneralPostChatSurveyPaneStyleProps.defaultGeneralPostChatSurveyPaneStyleProps, (_props$styleProps = props.styleProps) === null || _props$styleProps === void 0 ? void 0 : _props$styleProps.generalStyleProps, {
     display: state.appStates.isMinimized ? "none" : ""
   });
   let surveyInviteLink = "";
-  if (state.appStates.shouldUseBotSurvey && state.domainStates.postChatContext.botSurveyInviteLink) {
-    surveyInviteLink = state.domainStates.postChatContext.botSurveyInviteLink + "&embed=" + (postChatSurveyMode === _PostChatSurveyMode.PostChatSurveyMode.Embed).toString() + "&compact=" + (props.isCustomerVoiceSurveyCompact ?? true).toString() + "&lang=" + (state.domainStates.postChatContext.formsProLocale ?? "en") + "&showmultilingual=false";
+  const surveyMode = (state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.selectedSurveyMode) === _PostChatSurveyMode.PostChatSurveyMode.Embed;
+  if ((state === null || state === void 0 ? void 0 : (_state$appStates2 = state.appStates) === null || _state$appStates2 === void 0 ? void 0 : _state$appStates2.conversationEndedBy) === _Constants.ConversationEndEntity.Bot && state.domainStates.postChatContext.botSurveyInviteLink) {
+    surveyInviteLink = generateSurveyInviteLink(state.domainStates.postChatContext.botSurveyInviteLink, surveyMode, state.domainStates.postChatContext.botFormsProLocale, props.isCustomerVoiceSurveyCompact ?? true);
   } else {
-    surveyInviteLink = state.domainStates.postChatContext.surveyInviteLink + "&embed=" + (postChatSurveyMode === _PostChatSurveyMode.PostChatSurveyMode.Embed).toString() + "&compact=" + (props.isCustomerVoiceSurveyCompact ?? true).toString() + "&lang=" + (state.domainStates.postChatContext.formsProLocale ?? "en") + "&showmultilingual=false";
+    surveyInviteLink = generateSurveyInviteLink(state.domainStates.postChatContext.surveyInviteLink, surveyMode, state.domainStates.postChatContext.formsProLocale, props.isCustomerVoiceSurveyCompact ?? true);
   }
   const styleProps = {
     ...props.styleProps,

package/lib/cjs/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.js

@@ -7,8 +7,8 @@ exports.default = exports.PreChatSurveyPaneStateful = void 0;
 var _Constants = require("../../common/Constants");
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
 var _react = _interopRequireWildcard(require("react"));
-var _markdownIt = _interopRequireDefault(require("markdown-it"));
 var _utils = require("../../common/utils");
+var _markdownIt = _interopRequireDefault(require("markdown-it"));
 var _ConversationState = require("../../contexts/common/ConversationState");
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
@@ -75,12 +75,13 @@ const PreChatSurveyPaneStateful = props => {
         payload: _ConversationState.ConversationState.Loading
       });
       try {
-        var _state$domainStates, _state$domainStates$t, _state$domainStates$t2, _persistedState$domai, _persistedState$appSt;
-        const persistedState = (0, _utils.getStateFromCache)(((_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$t = _state$domainStates.telemetryInternalData) === null || _state$domainStates$t === void 0 ? void 0 : _state$domainStates$t.orgId) ?? "", ((_state$domainStates$t2 = state.domainStates.telemetryInternalData) === null || _state$domainStates$t2 === void 0 ? void 0 : _state$domainStates$t2.widgetId) ?? "", state.domainStates.widgetInstanceId ?? "");
+        var _state$domainStates, _state$domainStates$t, _state$domainStates$t2, _persistedState$domai, _persistedState$appSt, _state$appStates;
+        const widgetInstanceId = (0, _utils.getWidgetCacheId)(((_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$t = _state$domainStates.telemetryInternalData) === null || _state$domainStates$t === void 0 ? void 0 : _state$domainStates$t.orgId) ?? "", ((_state$domainStates$t2 = state.domainStates.telemetryInternalData) === null || _state$domainStates$t2 === void 0 ? void 0 : _state$domainStates$t2.widgetId) ?? "", state.domainStates.widgetInstanceId ?? "");
+        const persistedState = (0, _utils.getStateFromCache)(widgetInstanceId);
         let optionalParams = {};
 
         //Connect to Active chats and chat is not popout
-        if (persistedState && !(0, _utils.isUndefinedOrEmpty)(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai = persistedState.domainStates) === null || _persistedState$domai === void 0 ? void 0 : _persistedState$domai.liveChatContext) && (persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$appSt = persistedState.appStates) === null || _persistedState$appSt === void 0 ? void 0 : _persistedState$appSt.conversationState) === _ConversationState.ConversationState.Active && state.appStates.hideStartChatButton === false) {
+        if (persistedState && !(0, _utils.isUndefinedOrEmpty)(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai = persistedState.domainStates) === null || _persistedState$domai === void 0 ? void 0 : _persistedState$domai.liveChatContext) && (persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$appSt = persistedState.appStates) === null || _persistedState$appSt === void 0 ? void 0 : _persistedState$appSt.conversationState) === _ConversationState.ConversationState.Active && (state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.hideStartChatButton) === false) {
           var _persistedState$domai2;
           optionalParams = {
             liveChatContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai2 = persistedState.domainStates) === null || _persistedState$domai2 === void 0 ? void 0 : _persistedState$domai2.liveChatContext

package/lib/cjs/components/reconnectchatpanestateful/ReconnectChatPaneStateful.js

@@ -40,7 +40,10 @@ const ReconnectChatPaneStateful = props => {
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_RECONNECT_ID,
         payload: undefined
       });
-      chatSDK.requestId = state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.initialChatSdkRequestId;
+      if (state !== null && state !== void 0 && (_state$domainStates = state.domainStates) !== null && _state$domainStates !== void 0 && _state$domainStates.initialChatSdkRequestId) {
+        var _state$domainStates2;
+        chatSDK.requestId = state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : _state$domainStates2.initialChatSdkRequestId;
+      }
       const parseToJson = false;
       const preChatSurveyResponse = await chatSDK.getPreChatSurvey(parseToJson);
       if (preChatSurveyResponse) {

package/lib/cjs/components/webchatcontainerstateful/common/mockchatsdk.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MockChatSDK = void 0;
+var _Constants = require("../../../common/Constants");
 var _mockadapter = _interopRequireDefault(require("./mockadapter"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -11,6 +12,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class MockChatSDK {
   constructor() {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     _defineProperty(this, "sleep", ms => new Promise(r => setTimeout(r, ms)));
     _defineProperty(this, "isMockModeOn", true);
   }
@@ -33,7 +35,10 @@ class MockChatSDK {
   }
   getConversationDetails() {
     return {
-      State: "Active"
+      State: "Active",
+      conversationId: "",
+      canRenderPostChat: "",
+      participantType: _Constants.ParticipantType.User
     };
   }
   getCurrentLiveChatContext() {

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/WebChatStoreLoader.js

@@ -9,4 +9,5 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class WebChatStoreLoader {}
 exports.WebChatStoreLoader = WebChatStoreLoader;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 _defineProperty(WebChatStoreLoader, "store", void 0);

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

@@ -23,13 +23,15 @@ const createConversationEndMiddleware = conversationEndCallback => _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$from, _activity$from2, _activity$channelData7, _activity$channelData8;
+      var _activity$from2, _activity$channelData7, _activity$channelData8;
       const activity = action.payload.activity;
-      if (((_activity$from = activity.from) === null || _activity$from === void 0 ? void 0 : _activity$from.role) === _DirectLineSenderRole.DirectLineSenderRole.Bot && activity.channelId === "ACS_CHANNEL") {
-        var _activity$channelData, _activity$channelData2, _activity$channelData3, _activity$channelData4, _activity$channelData5, _activity$channelData6;
-        // ACS
-        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.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;
+          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();
+          }
         }
       } 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;

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/webchattelemetry/WebChatLogger.js

@@ -7,12 +7,15 @@ exports.createWebChatTelemetry = createWebChatTelemetry;
 var _TelemetryConstants = require("../../../../common/telemetry/TelemetryConstants");
 var _TelemetryHelper = require("../../../../common/telemetry/TelemetryHelper");
 function createWebChatTelemetry() {
+  let isInitEventLogged = false;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const handleTelemetry = event => {
     const {
-      level
+      level,
+      name
     } = event;
     const loglevel = level ? level.toUpperCase() : "";
+    if ((name === null || name === void 0 ? void 0 : name.toLowerCase()) === "init" && isInitEventLogged) return;
     switch (loglevel) {
       case _TelemetryConstants.LogLevel.DEBUG:
         _TelemetryHelper.TelemetryHelper.logWebChatEvent(_TelemetryConstants.LogLevel.DEBUG, event);
@@ -28,6 +31,9 @@ function createWebChatTelemetry() {
         _TelemetryHelper.TelemetryHelper.logWebChatEvent(_TelemetryConstants.LogLevel.INFO, event);
         break;
     }
+    if ((name === null || name === void 0 ? void 0 : name.toLowerCase()) === "init") {
+      isInitEventLogged = true;
+    }
   };
   return handleTelemetry;
 }

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

@@ -48,4 +48,6 @@ exports.LiveChatWidgetActionType = LiveChatWidgetActionType;
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_INITIAL_CHAT_SDK_REQUEST_ID"] = 38] = "SET_INITIAL_CHAT_SDK_REQUEST_ID";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_SHOULD_USE_BOT_SURVEY"] = 39] = "SET_SHOULD_USE_BOT_SURVEY";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_CHAT_DISCONNECT_EVENT_RECEIVED"] = 40] = "SET_CHAT_DISCONNECT_EVENT_RECEIVED";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_SURVEY_MODE"] = 41] = "SET_SURVEY_MODE";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_CONFIRMATION_STATE"] = 42] = "SET_CONFIRMATION_STATE";
 })(LiveChatWidgetActionType || (exports.LiveChatWidgetActionType = LiveChatWidgetActionType = {}));

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

@@ -10,12 +10,14 @@ var _utils = require("../../common/utils");
 var _defaultClientDataStoreProvider = require("../../common/storage/default/defaultClientDataStoreProvider");
 var _Constants = require("../../common/Constants");
 const getLiveChatWidgetContextInitialState = props => {
-  var _props$chatSDK, _props$chatSDK$omnich, _props$chatSDK2, _props$chatSDK2$omnic, _props$controlProps, _props$controlProps2, _props$webChatContain;
-  const widgetCacheId = (0, _utils.getWidgetCacheId)(props === null || props === void 0 ? void 0 : (_props$chatSDK = props.chatSDK) === null || _props$chatSDK === void 0 ? void 0 : (_props$chatSDK$omnich = _props$chatSDK.omnichannelConfig) === null || _props$chatSDK$omnich === void 0 ? void 0 : _props$chatSDK$omnich.orgId, props === null || props === void 0 ? void 0 : (_props$chatSDK2 = props.chatSDK) === null || _props$chatSDK2 === void 0 ? void 0 : (_props$chatSDK2$omnic = _props$chatSDK2.omnichannelConfig) === null || _props$chatSDK2$omnic === void 0 ? void 0 : _props$chatSDK2$omnic.widgetId, (props === null || props === void 0 ? void 0 : (_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.widgetInstanceId) ?? "");
-  const cacheTtlInMins = (props === null || props === void 0 ? void 0 : (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.cacheTtlInMins) ?? _Constants.Constants.CacheTtlInMinutes;
-  const initialState = (0, _defaultClientDataStoreProvider.defaultClientDataStoreProvider)(cacheTtlInMins).getData(widgetCacheId, "localStorage");
+  var _props$controlProps, _props$webChatContain;
+  const widgetCacheId = (0, _utils.getWidgetCacheIdfromProps)(props);
+  const cacheTtlInMins = (props === null || props === void 0 ? void 0 : (_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.cacheTtlInMins) ?? _Constants.Constants.CacheTtlInMinutes;
+  const storageType = (props === null || props === void 0 ? void 0 : props.useSessionStorage) === true ? _Constants.StorageType.sessionStorage : _Constants.StorageType.localStorage;
+  const initialState = (0, _defaultClientDataStoreProvider.defaultClientDataStoreProvider)(cacheTtlInMins, storageType).getData(widgetCacheId);
   if (!(0, _utils.isNullOrUndefined)(initialState)) {
-    return JSON.parse(initialState);
+    const initialStateFromCache = JSON.parse(initialState);
+    return initialStateFromCache;
   }
   const LiveChatWidgetContextInitialState = {
     domainStates: {
@@ -32,13 +34,16 @@ const getLiveChatWidgetContextInitialState = props => {
       customContext: undefined,
       widgetSize: undefined,
       widgetInstanceId: "",
-      initialChatSdkRequestId: ""
+      initialChatSdkRequestId: "",
+      transcriptRequestId: "",
+      confirmationPaneConfirmedOptionClicked: false,
+      confirmationState: _Constants.ConfirmationState.NotSet
     },
     appStates: {
       conversationState: _ConversationState.ConversationState.Closed,
-      isMinimized: false,
+      isMinimized: undefined,
       previousElementIdOnFocusBeforeModalOpen: null,
-      isStartChatFailing: false,
+      startChatFailed: false,
       outsideOperatingHours: false,
       preChatResponseEmail: "",
       isAudioMuted: null,
@@ -52,11 +57,9 @@ const getLiveChatWidgetContextInitialState = props => {
       },
       e2vvEnabled: false,
       unreadMessageCount: 0,
-      conversationEndedByAgentEventReceived: false,
-      conversationEndedBy: undefined,
-      postChatWorkflowInProgress: false,
-      shouldUseBotSurvey: false,
-      chatDisconnectEventReceived: false
+      conversationEndedBy: _Constants.ConversationEndEntity.NotSet,
+      chatDisconnectEventReceived: false,
+      selectedSurveyMode: null
     },
     uiStates: {
       showConfirmationPane: false,

package/lib/cjs/contexts/createReducer.js

@@ -64,7 +64,7 @@ const createReducer = () => {
           ...state,
           appStates: {
             ...state.appStates,
-            isStartChatFailing: action.payload
+            startChatFailed: action.payload
           }
         };
       case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_OUTSIDE_OPERATING_HOURS:
@@ -264,14 +264,6 @@ const createReducer = () => {
         return {
           ...action.payload
         };
-      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT_EVENT_RECEIVED:
-        return {
-          ...state,
-          appStates: {
-            ...state.appStates,
-            conversationEndedByAgentEventReceived: action.payload
-          }
-        };
       case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY:
         return {
           ...state,
@@ -307,15 +299,6 @@ const createReducer = () => {
             liveChatConfig: action.payload
           }
         };
-      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_POST_CHAT_WORKFLOW_IN_PROGRESS:
-        return {
-          ...state,
-          appStates: {
-            ...state.appStates,
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            postChatWorkflowInProgress: action.payload
-          }
-        };
       case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_INITIAL_CHAT_SDK_REQUEST_ID:
         return {
           ...state,
@@ -324,21 +307,28 @@ const createReducer = () => {
             initialChatSdkRequestId: action.payload
           }
         };
-      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SHOULD_USE_BOT_SURVEY:
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED:
         return {
           ...state,
           appStates: {
             ...state.appStates,
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            shouldUseBotSurvey: action.payload
+            chatDisconnectEventReceived: action.payload
           }
         };
-      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED:
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SURVEY_MODE:
         return {
           ...state,
           appStates: {
             ...state.appStates,
-            chatDisconnectEventReceived: action.payload
+            selectedSurveyMode: action.payload
+          }
+        };
+      case _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONFIRMATION_STATE:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            confirmationState: action.payload
           }
         };
       default:

package/lib/cjs/controller/componentController.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.shouldShowWebChatContainer = exports.shouldShowReconnectChatPane = exports.shouldShowProactiveChatPane = exports.shouldShowPreChatSurveyPane = exports.shouldShowPostChatSurveyPane = exports.shouldShowPostChatLoadingPane = exports.shouldShowOutOfOfficeHoursPane = exports.shouldShowLoadingPane = exports.shouldShowHeader = exports.shouldShowFooter = exports.shouldShowEmailTranscriptPane = exports.shouldShowConfirmationPane = exports.shouldShowChatButton = exports.shouldShowCallingContainer = void 0;
 var _ConversationState = require("../contexts/common/ConversationState");
 const shouldShowChatButton = state => {
-  return (state.appStates.isMinimized || state.appStates.conversationState === _ConversationState.ConversationState.Closed) && state.appStates.hideStartChatButton === false; // Do not show chat button in case of popout
+  var _state$appStates;
+  return (state.appStates.isMinimized || state.appStates.conversationState === _ConversationState.ConversationState.Closed) && (state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.hideStartChatButton) === false; // Do not show chat button in case of popout
 };
 exports.shouldShowChatButton = shouldShowChatButton;
 const shouldShowProactiveChatPane = state => {

package/lib/cjs/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "BroadcastService", {
     return _omnichannelChatComponents.BroadcastService;
   }
 });
+Object.defineProperty(exports, "ConversationState", {
+  enumerable: true,
+  get: function () {
+    return _ConversationState.ConversationState;
+  }
+});
 Object.defineProperty(exports, "LiveChatWidget", {
   enumerable: true,
   get: function () {
@@ -27,6 +33,18 @@ Object.defineProperty(exports, "encodeComponentString", {
     return _omnichannelChatComponents.encodeComponentString;
   }
 });
+Object.defineProperty(exports, "getWidgetCacheId", {
+  enumerable: true,
+  get: function () {
+    return _utils.getWidgetCacheId;
+  }
+});
+Object.defineProperty(exports, "getWidgetEndChatEventName", {
+  enumerable: true,
+  get: function () {
+    return _utils.getWidgetEndChatEventName;
+  }
+});
 Object.defineProperty(exports, "useChatContextStore", {
   enumerable: true,
   get: function () {
@@ -42,5 +60,7 @@ Object.defineProperty(exports, "useChatSDKStore", {
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 var _useChatContextStore = _interopRequireDefault(require("./hooks/useChatContextStore"));
 var _useChatSDKStore = _interopRequireDefault(require("./hooks/useChatSDKStore"));
+var _utils = require("./common/utils");
+var _ConversationState = require("./contexts/common/ConversationState");
 var _LiveChatWidget = _interopRequireDefault(require("./components/livechatwidget/LiveChatWidget"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/esm/common/Constants.js

@@ -23,27 +23,34 @@ _defineProperty(Constants, "false", "false");
 _defineProperty(Constants, "maximumUnreadMessageCount", 99);
 _defineProperty(Constants, "userParticipantTypeTag", "User");
 _defineProperty(Constants, "botParticipantTypeTag", "Bot");
+// channelDataMiddleware
 _defineProperty(Constants, "channelIdKey", "ChannelId-");
 _defineProperty(Constants, "ChannelId", "lcw");
 _defineProperty(Constants, "CustomerTag", "FromCustomer");
+// gifUploadMiddleware
 _defineProperty(Constants, "GifContentType", "image/gif");
+// htmlPlayerMiddleware
 _defineProperty(Constants, "video", "video");
 _defineProperty(Constants, "audio", "audio");
 _defineProperty(Constants, "controlsList", "controlsList");
 _defineProperty(Constants, "nodownload", "nodownload");
+// htmlTextMiddleware
 _defineProperty(Constants, "activity", "activity");
 _defineProperty(Constants, "payload", "payload");
 _defineProperty(Constants, "text", "text");
 _defineProperty(Constants, "blank", "_blank");
+// activityMiddleware
 _defineProperty(Constants, "visitorIdPrefix", "8:");
 _defineProperty(Constants, "left", "left");
 _defineProperty(Constants, "queuePositionMessageTag", "queueposition");
 _defineProperty(Constants, "averageWaitTimeMessageTag", "averagewaittime");
 _defineProperty(Constants, "message", "message");
 _defineProperty(Constants, "hiddenTag", "Hidden");
+// messageTimestampMiddleware
 _defineProperty(Constants, "prefixTimestampTag", "ServerMessageTimestamp_");
 _defineProperty(Constants, "acsChannel", "ACS_CHANNEL");
 _defineProperty(Constants, "publicMessageTag", "public");
+//attachmentMiddleware
 _defineProperty(Constants, "supportedAdaptiveCardContentTypes", ["application/vnd.microsoft.card.adaptive", "application/vnd.microsoft.card.audio", "application/vnd.microsoft.card.hero", "application/vnd.microsoft.card.receipt", "application/vnd.microsoft.card.thumbnail", "application/vnd.microsoft.card.signin", "application/vnd.microsoft.card.oauth"]);
 _defineProperty(Constants, "maxUploadFileSize", "500000");
 _defineProperty(Constants, "imageRegex", /(\.)(jpeg|jpg|jiff|png|gif|bmp|webp)$/i);
@@ -51,6 +58,7 @@ _defineProperty(Constants, "audioMediaRegex", /(\.)(aac|aiff|alac|amr|flac|mp2|m
 _defineProperty(Constants, "videoMediaRegex", /(\.)(avchd|avi|flv|mpe|mpeg|mpg|mpv|mp4|m4p|m4v|mov|qt|swf|webm|wmv)$/i);
 _defineProperty(Constants, "chromeSupportedInlineMediaRegex", /(\.)(aac|mp3|wav|mp4)$/i);
 _defineProperty(Constants, "firefoxSupportedInlineMediaRegex", /(\.)(aac|flac|mp3|wav|mp4|mov)$/i);
+// calling container event names
 _defineProperty(Constants, "CallAdded", "callAdded");
 _defineProperty(Constants, "LocalVideoStreamAdded", "localVideoStreamAdded");
 _defineProperty(Constants, "LocalVideoStreamRemoved", "localVideoStreamRemoved");
@@ -65,12 +73,18 @@ _defineProperty(Constants, "VoiceVideoNotLoaded", "voiceVideoNotLoaded");
 _defineProperty(Constants, "VoiceVideoLoadingException", "voiceVideoLoadingOnException");
 _defineProperty(Constants, "VoiceVideoAcceptCallException", "voiceVideoAcceptCallOnException");
 _defineProperty(Constants, "VoiceVideoAcceptCallWithVideoException", "voiceVideoAcceptCallWithVideoException");
+// download transcript
 _defineProperty(Constants, "defaultDownloadTranscriptError", "Download transcript failed.");
+// proactive chat
 _defineProperty(Constants, "ProactiveChatInviteTimeoutInMs", 60000);
+// 1 minute
+// prechat survey
 _defineProperty(Constants, "InputSubmit", "InputSubmit");
+// reconnect chat
 _defineProperty(Constants, "ReconnectIdAttributeName", "oc.reconnectid");
 _defineProperty(Constants, "LiveChatWidget", "LiveChatWidgetNew");
 _defineProperty(Constants, "GuidPattern", "xx-x-4m-ym-xxx");
+// Markdown plugin
 _defineProperty(Constants, "Default", "default");
 _defineProperty(Constants, "Zero", "zero");
 _defineProperty(Constants, "Title", "title");
@@ -78,13 +92,18 @@ _defineProperty(Constants, "Target", "target");
 _defineProperty(Constants, "Blank", "_blank");
 _defineProperty(Constants, "TargetRelationship", "rel");
 _defineProperty(Constants, "TargetRelationshipAttributes", "noopener noreferrer");
+// Markdown icons
 _defineProperty(Constants, "OpenLinkIconCssClass", "webchat__markdown__external-link-icon");
+// internet connection test
 _defineProperty(Constants, "internetConnectionTestUrl", "https://ocsdk-prod.azureedge.net/public/connecttest.txt");
 _defineProperty(Constants, "internetConnectionTestUrlText", "Omnichannel Connect Test");
 _defineProperty(Constants, "ChatWidgetStateChangedPrefix", "ChatWidgetStateChanged");
 _defineProperty(Constants, "PostChatLoadingDurationInMs", 2000);
 _defineProperty(Constants, "BrowserUnloadConfirmationMessage", "Do you want to leave chat?");
 _defineProperty(Constants, "CacheTtlInMinutes", 15);
+_defineProperty(Constants, "SessionCacheSuffix", "session");
+_defineProperty(Constants, "PopoutCacheSuffix", "popout");
+// Visibility timeout for conversation details
 _defineProperty(Constants, "LWICheckOnVisibilityTimeout", 3 * 60 * 1000);
 export const Regex = (_class = class Regex {}, _defineProperty(_class, "EmailRegex", "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])"), _class);
 export class HtmlIdNames {}
@@ -130,11 +149,13 @@ _defineProperty(HtmlAttributeNames, "adaptiveCardActionSetClassName", "ac-action
 export class WebChatMiddlewareConstants {}
 _defineProperty(WebChatMiddlewareConstants, "nextVisibleActivity", "nextVisibleActivity");
 _defineProperty(WebChatMiddlewareConstants, "timeBetweenTimestampGroups", 300000);
+//5 minutes
 _defineProperty(WebChatMiddlewareConstants, "maxTextLength", 6000);
 _defineProperty(WebChatMiddlewareConstants, "adaptiveCard", "AdaptiveCard");
 export class AMSConstants {}
 _defineProperty(AMSConstants, "supportedImagesMimeTypes", ["image/jpeg", "image/png", "image/gif", "image/heic", "image/webp"]);
 _defineProperty(AMSConstants, "maxSupportedImageSize", 20);
+// AMS max file limit outside of supported Images MIME Types.
 _defineProperty(AMSConstants, "maxSupportedFileSize", 300);
 export class MimeTypes {}
 _defineProperty(MimeTypes, "UnknownFileType", "application/octet-stream");
@@ -169,6 +190,29 @@ export let LiveWorkItemState;
   LiveWorkItemState["Waiting"] = "Waiting";
   LiveWorkItemState["WrapUp"] = "WrapUp";
 })(LiveWorkItemState || (LiveWorkItemState = {}));
+export let StorageType;
+(function (StorageType) {
+  StorageType[StorageType["localStorage"] = 0] = "localStorage";
+  StorageType[StorageType["sessionStorage"] = 1] = "sessionStorage";
+})(StorageType || (StorageType = {}));
+export let ParticipantType;
+(function (ParticipantType) {
+  ParticipantType["User"] = "User";
+  ParticipantType["Bot"] = "Bot";
+})(ParticipantType || (ParticipantType = {}));
+export let ConversationEndEntity;
+(function (ConversationEndEntity) {
+  ConversationEndEntity["Customer"] = "Customer";
+  ConversationEndEntity["Agent"] = "Agent";
+  ConversationEndEntity["Bot"] = "Bot";
+  ConversationEndEntity["NotSet"] = "NotSet";
+})(ConversationEndEntity || (ConversationEndEntity = {}));
+export let ConfirmationState;
+(function (ConfirmationState) {
+  ConfirmationState["Ok"] = "Ok";
+  ConfirmationState["Cancel"] = "Cancel";
+  ConfirmationState["NotSet"] = "NotSet";
+})(ConfirmationState || (ConfirmationState = {}));
 export class TranscriptConstants {}
 _defineProperty(TranscriptConstants, "ChatTranscriptsBodyColor", "#F5F5F5");
 _defineProperty(TranscriptConstants, "TranscriptMessageEmojiMessageType", "http://schema.skype.com/emoji");
@@ -181,11 +225,16 @@ _defineProperty(TranscriptConstants, "InternalMode", "internal");
 _defineProperty(TranscriptConstants, "AgentDialogColor", "#2266E3");
 _defineProperty(TranscriptConstants, "AgentFontColor", "white");
 export class AriaTelemetryConstants {}
+// Aria Endpoint for different environment types.
 _defineProperty(AriaTelemetryConstants, "GERMANY_ENDPOINT", "https://de.pipe.aria.microsoft.com/Collector/3.0/");
 _defineProperty(AriaTelemetryConstants, "GCCH_ENDPOINT", "https://tb.pipe.aria.microsoft.com/Collector/3.0/");
 _defineProperty(AriaTelemetryConstants, "DOD_ENDPOINT", "https://pf.pipe.aria.microsoft.com/Collector/3.0");
 _defineProperty(AriaTelemetryConstants, "EUROPE_ENDPOINT", "https://eu-mobile.events.data.microsoft.com/Collector/3.0/");
+// EUDB Collector URL
 _defineProperty(AriaTelemetryConstants, "MOONCAKE_ENDPOINT", "");
+// Add MoonCake ARIA Endpoint whenever available
+// Environment types
 _defineProperty(AriaTelemetryConstants, "Public", "Public");
 _defineProperty(AriaTelemetryConstants, "EU", "Europe");
+// EUR: crm4; FRA: crm12; GER: crm16; CHE: crm17; NOR: crm19
 _defineProperty(AriaTelemetryConstants, "lcwEUDomainNames", ["crm4.omnichannelengagementhub.com", "crm12.omnichannelengagementhub.com", "crm16.omnichannelengagementhub.com", "crm17.omnichannelengagementhub.com", "crm19.omnichannelengagementhub.com"]);

package/lib/esm/common/storage/default/defaultCacheManager.js

@@ -2,15 +2,16 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
-import { getWidgetCacheId } from "../../utils";
 import { defaultClientDataStoreProvider } from "./defaultClientDataStoreProvider";
 export class defaultCacheManager {}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 _defineProperty(defaultCacheManager, "InternalCache", {});
-export const registerBroadcastServiceForLocalStorage = (orgid, widgetId, widgetInstanceId, ttlInMins) => {
-  const widgetCacheId = getWidgetCacheId(orgid, widgetId, widgetInstanceId);
+export const registerBroadcastServiceForStorage = (widgetCacheId, ttlInMins, storageType) => {
   BroadcastService.getMessageByEventName(widgetCacheId).subscribe(msg => {
     try {
-      defaultClientDataStoreProvider(ttlInMins).setData(widgetCacheId, JSON.stringify(msg.payload), "localStorage");
+      defaultClientDataStoreProvider(ttlInMins, storageType).setData(widgetCacheId, JSON.stringify(msg.payload));
     } catch (error) {
       console.error("Error in setting data to localstorage", error);
     }

package/lib/esm/common/storage/default/defaultClientDataStoreProvider.js

@@ -3,8 +3,10 @@
 import { LogLevel, TelemetryEvent } from "../../telemetry/TelemetryConstants";
 import { TelemetryHelper } from "../../telemetry/TelemetryHelper";
 import { inMemoryDataStore } from "./defaultInMemoryDataStore";
+import { StorageType } from "../../Constants";
 export const defaultClientDataStoreProvider = function () {
   let cacheTtlinMins = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  let storageType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : StorageType.localStorage;
   let ttlInMs = 0;
   const isCookieAllowed = () => {
     try {
@@ -24,7 +26,7 @@ export const defaultClientDataStoreProvider = function () {
   }
   const dataStoreProvider = {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    setData: (key, data, type) => {
+    setData: (key, data) => {
       if (isCookieAllowed()) {
         try {
           if (key) {
@@ -34,7 +36,7 @@ export const defaultClientDataStoreProvider = function () {
               expiry: now.getTime() + ttlInMs
             };
             const strItem = JSON.stringify(item);
-            if (type === "localStorage") {
+            if (storageType === StorageType.localStorage) {
               localStorage.setItem(key, strItem);
             } else {
               sessionStorage.setItem(key, strItem);
@@ -51,16 +53,16 @@ export const defaultClientDataStoreProvider = function () {
         const dataToCache = {
           key: key,
           data: data,
-          type: type
+          type: storageType == StorageType.localStorage ? "localStorage" : "sessionStorage"
         };
         parent.postMessage(dataToCache, "*");
       }
     },
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    getData: (key, type) => {
+    getData: key => {
       if (isCookieAllowed()) {
         let item;
-        if (type === "localStorage") {
+        if (storageType === StorageType.localStorage) {
           item = localStorage.getItem(key);
         } else {
           item = sessionStorage.getItem(key);
@@ -85,10 +87,10 @@ export const defaultClientDataStoreProvider = function () {
       }
     },
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    removeData: (key, type) => {
+    removeData: key => {
       if (isCookieAllowed()) {
         if (key) {
-          if (type === "localStorage") {
+          if (storageType === StorageType.localStorage) {
             return localStorage.removeItem(key);
           } else {
             return sessionStorage.removeItem(key);

package/lib/esm/common/telemetry/TelemetryConstants.js

@@ -54,6 +54,8 @@ export let BroadcastEvent;
   BroadcastEvent["SigninCardReceived"] = "SignInCardReceived";
   BroadcastEvent["BotAuthConfigRequest"] = "BotAuthConfigRequest";
   BroadcastEvent["BotAuthConfigResponse"] = "BotAuthConfigResponse";
+  BroadcastEvent["RemoveWidgetDataFromCache"] = "RemoveWidgetDataFromCache";
+  BroadcastEvent["InitiateStartChatInPopoutMode"] = "InitiateStartChatInPopoutMode";
   BroadcastEvent["HideChatVisibilityChangeEvent"] = "hideChatVisibilityChangeEvent";
   BroadcastEvent["UpdateSessionDataForTelemetry"] = "UpdateSessionDataForTelemetry";
   BroadcastEvent["UpdateConversationDataForTelemetry"] = "UpdateConversationDataForTelemetry";
@@ -89,13 +91,17 @@ export let TelemetryEvent;
   TelemetryEvent["CallingSDKInitFailed"] = "CallingSDKInitFailed";
   TelemetryEvent["CallingSDKLoadSuccess"] = "CallingSDKLoadSuccess";
   TelemetryEvent["CallingSDKLoadFailed"] = "CallingSDKLoadFailed";
+  TelemetryEvent["GetConversationDetailsCallStarted"] = "GetConversationDetailsCallStarted";
   TelemetryEvent["GetConversationDetailsCallFailed"] = "GetConversationDetailsCallFailed";
   TelemetryEvent["EndChatSDKCallFailed"] = "EndChatSDKCallFailed";
+  TelemetryEvent["GetChatReconnectContextSDKCallStarted"] = "GetChatReconnectContextSDKCallStarted";
   TelemetryEvent["GetChatReconnectContextSDKCallFailed"] = "GetChatReconnectContextSDKCallFailed";
   TelemetryEvent["ParseAdaptiveCardFailed"] = "ParseAdaptiveCardFailed";
   TelemetryEvent["ClientDataStoreProviderFailed"] = "ClientDataStoreProviderFailed";
   TelemetryEvent["InMemoryDataStoreFailed"] = "InMemoryDataStoreFailed";
   TelemetryEvent["ChatVisibilityChanged"] = "ChatVisibilityChanged";
+  TelemetryEvent["EndChatSucceeded"] = "EndChatSucceeded";
+  TelemetryEvent["EndChatFailed"] = "EndChatFailed";
   TelemetryEvent["WebChatLoaded"] = "WebChatLoaded";
   TelemetryEvent["LCWChatButtonClicked"] = "LCWChatButtonClicked";
   TelemetryEvent["LCWChatButtonShow"] = "LCWChatButtonShow";