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

package/lib/esm/components/postchatsurveypanestateful/common/defaultStyleProps/defaultgeneralPostChatSurveyPaneStyleProps.js

@@ -5,6 +5,5 @@ export const defaultGeneralPostChatSurveyPaneStyleProps = {
   left: "0%",
   top: "0%",
   borderRadius: "0 0 4px 4px",
-  borderWidth: "0px",
-  maxHeight: "calc(100% - 80px)"
+  borderWidth: "0px"
 };

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

@@ -1,8 +1,8 @@
 import { HtmlAttributeNames, Regex } from "../../common/Constants";
 import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
 import React, { useEffect } from "react";
+import { extractPreChatSurveyResponseValues, findAllFocusableElement, getStateFromCache, getWidgetCacheId, isUndefinedOrEmpty, parseAdaptiveCardPayload } from "../../common/utils";
 import MarkdownIt from "markdown-it";
-import { extractPreChatSurveyResponseValues, findAllFocusableElement, getStateFromCache, isUndefinedOrEmpty, parseAdaptiveCardPayload } from "../../common/utils";
 import { ConversationState } from "../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../contexts/common/LiveChatWidgetActionType";
 import { PreChatSurveyPane } from "@microsoft/omnichannel-chat-components";
@@ -67,12 +67,13 @@ export const PreChatSurveyPaneStateful = props => {
         payload: ConversationState.Loading
       });
       try {
-        var _state$domainStates, _state$domainStates$t, _state$domainStates$t2, _persistedState$domai, _persistedState$appSt;
-        const persistedState = 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 = 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 = getStateFromCache(widgetInstanceId);
         let optionalParams = {};
 
         //Connect to Active chats and chat is not popout
-        if (persistedState && !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.Active && state.appStates.hideStartChatButton === false) {
+        if (persistedState && !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.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/esm/components/reconnectchatpanestateful/ReconnectChatPaneStateful.js

@@ -31,7 +31,10 @@ export const ReconnectChatPaneStateful = props => {
         type: 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/esm/components/webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps.js

@@ -9,6 +9,7 @@ export const defaultWebChatContainerStatefulProps = {
   containerStyles: defaultWebChatStatefulContainerStyles,
   disableNewLineMarkdownSupport: false,
   disableMarkdownMessageFormatting: false,
+  hyperlinkTextOverride: false,
   directLine: new MockAdapter(),
   adaptiveCardStyles: defaultAdaptiveCardStyles
 };

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

@@ -1,9 +1,11 @@
 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; }
 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 { ParticipantType } from "../../../common/Constants";
 import MockAdapter from "./mockadapter";
 export 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);
   }
@@ -26,7 +28,10 @@ export class MockChatSDK {
   }
   getConversationDetails() {
     return {
-      State: "Active"
+      State: "Active",
+      conversationId: "",
+      canRenderPostChat: "",
+      participantType: ParticipantType.User
     };
   }
   getCurrentLiveChatContext() {

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

@@ -2,4 +2,5 @@ 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); }
 export class WebChatStoreLoader {}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 _defineProperty(WebChatStoreLoader, "store", void 0);

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/markdownrenderers/HyperlinkTextOverrideRenderer.js

@@ -0,0 +1,54 @@
+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; }
+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 DOMPurify from "dompurify";
+import { HtmlAttributeNames } from "../../../../common/Constants";
+class HyperlinkTextOverrideRenderer {
+  constructor(hyperlinkTextOverride) {
+    _defineProperty(this, "hyperlinkTextOverride", void 0);
+    this.hyperlinkTextOverride = hyperlinkTextOverride;
+  }
+  convertTextToHtmlNode(text) {
+    const htmlNode = document.createElement(HtmlAttributeNames.div);
+    try {
+      text = DOMPurify.sanitize(text); // eslint-disable-line @typescript-eslint/no-explicit-any
+      htmlNode.innerHTML = text;
+    } catch {
+      return htmlNode;
+    }
+    return htmlNode;
+  }
+  processANode(htmlNode) {
+    // eslint-disable-line @typescript-eslint/no-explicit-any
+    const aTags = htmlNode.getElementsByTagName(HtmlAttributeNames.aTagName);
+    for (let index = 0; index < aTags.length; index++) {
+      const aNode = aTags[index];
+      if (!aNode || !aNode.tagName || aNode.tagName.toLowerCase() !== HtmlAttributeNames.aTagName || !aNode.href) continue;
+      if (aNode.href !== aNode.text.trim()) {
+        aNode.text = aNode.href;
+      }
+    }
+  }
+  applicable(text) {
+    if (!this.hyperlinkTextOverride) {
+      return false;
+    }
+    try {
+      const htmlNode = this.convertTextToHtmlNode(text);
+      const aNodes = htmlNode.getElementsByTagName(HtmlAttributeNames.aTagName);
+      return !!aNodes && aNodes.length && aNodes.length > 0;
+    } catch {
+      return false;
+    }
+  }
+  render(text) {
+    if (!this.applicable(text)) {
+      return text;
+    }
+    const htmlNode = this.convertTextToHtmlNode(text);
+    this.processANode(htmlNode);
+    text = htmlNode.innerHTML;
+    return text;
+  }
+}
+export default HyperlinkTextOverrideRenderer;

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

@@ -18,13 +18,15 @@ const createConversationEndMiddleware = conversationEndCallback => _ref => {
   return next => action => {
     var _action$payload;
     if ((action === null || action === void 0 ? void 0 : action.type) == 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.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.systemMessageTag) && ((_activity$channelData3 = activity.channelData) !== null && _activity$channelData3 !== void 0 && (_activity$channelData4 = _activity$channelData3.tags) !== null && _activity$channelData4 !== void 0 && _activity$channelData4.includes(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.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.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.systemMessageTag) && ((_activity$channelData3 = activity.channelData) !== null && _activity$channelData3 !== void 0 && (_activity$channelData4 = _activity$channelData3.tags) !== null && _activity$channelData4 !== void 0 && _activity$channelData4.includes(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.supervisorForceCloseMessageTag))) {
+            conversationEndCallback();
+          }
         }
       } else if (((_activity$from2 = activity.from) === null || _activity$from2 === void 0 ? void 0 : _activity$from2.role) === DirectLineSenderRole.Channel && ((_activity$channelData7 = activity.channelData) === null || _activity$channelData7 === void 0 ? void 0 : _activity$channelData7.type) === 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/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/dataMaskingMiddleware.js

@@ -22,22 +22,25 @@ const applyDataMasking = (action, regexCollection) => {
     });
     return action;
   }
-  let isRuleMatched = false;
   for (const ruleId of Object.keys(regexCollection)) {
     const item = regexCollection[ruleId];
     if (item) {
+      let ruleInfiniteException = false;
+      let ruleApplied = false;
       try {
         const regex = new RegExp(item, "gi");
         let match;
         // eslint-disable-next-line no-cond-assign
         while (match = regex.exec(text)) {
           const replaceStr = match[0].replace(/./gi, maskedChar);
-          text = text.replace(match[0], replaceStr);
-          TelemetryHelper.logActionEvent(LogLevel.INFO, {
-            Event: TelemetryEvent.DataMaskingRuleApplied,
-            Description: `Data Masking Rule Id: ${ruleId} applied.`
-          });
-          isRuleMatched = true;
+          const modifiedText = text.replace(match[0], replaceStr);
+          if (modifiedText == text) {
+            ruleInfiniteException = true;
+            console.warn(`The data masking rule ${item} is ignored because it matches empty strings. Please modify this rule.`);
+            break;
+          }
+          ruleApplied = true;
+          text = modifiedText;
         }
       } catch (err) {
         TelemetryHelper.logActionEvent(LogLevel.ERROR, {
@@ -48,11 +51,21 @@ const applyDataMasking = (action, regexCollection) => {
           }
         });
       }
-    }
-
-    // Exit if rule matched
-    if (isRuleMatched === true) {
-      break;
+      if (ruleApplied) {
+        TelemetryHelper.logActionEvent(LogLevel.INFO, {
+          Event: TelemetryEvent.DataMaskingRuleApplied,
+          Description: `Data Masking Rule Id: ${ruleId} applied.`
+        });
+      }
+      if (ruleInfiniteException) {
+        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+          Event: TelemetryEvent.DataMaskingRuleApplyFailed,
+          ExceptionDetails: {
+            RuleId: ruleId,
+            Exception: "The data masking rule matches empty strings."
+          }
+        });
+      }
     }
   }
   action.payload.text = text;

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

@@ -1,12 +1,15 @@
 import { LogLevel } from "../../../../common/telemetry/TelemetryConstants";
 import { TelemetryHelper } from "../../../../common/telemetry/TelemetryHelper";
 export 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 LogLevel.DEBUG:
         TelemetryHelper.logWebChatEvent(LogLevel.DEBUG, event);
@@ -22,6 +25,9 @@ export function createWebChatTelemetry() {
         TelemetryHelper.logWebChatEvent(LogLevel.INFO, event);
         break;
     }
+    if ((name === null || name === void 0 ? void 0 : name.toLowerCase()) === "init") {
+      isInitEventLogged = true;
+    }
   };
   return handleTelemetry;
 }

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

@@ -41,4 +41,6 @@ export let 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 || (LiveChatWidgetActionType = {}));

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

@@ -1,15 +1,17 @@
 import { ConversationState } from "./ConversationState";
 import { defaultMiddlewareLocalizedTexts } from "../../components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
-import { getWidgetCacheId, isNullOrUndefined } from "../../common/utils";
+import { getWidgetCacheIdfromProps, isNullOrUndefined } from "../../common/utils";
 import { defaultClientDataStoreProvider } from "../../common/storage/default/defaultClientDataStoreProvider";
-import { Constants } from "../../common/Constants";
+import { ConfirmationState, Constants, ConversationEndEntity, StorageType } from "../../common/Constants";
 export const getLiveChatWidgetContextInitialState = props => {
-  var _props$chatSDK, _props$chatSDK$omnich, _props$chatSDK2, _props$chatSDK2$omnic, _props$controlProps, _props$controlProps2, _props$webChatContain;
-  const widgetCacheId = 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.CacheTtlInMinutes;
-  const initialState = defaultClientDataStoreProvider(cacheTtlInMins).getData(widgetCacheId, "localStorage");
+  var _props$controlProps, _props$webChatContain;
+  const widgetCacheId = 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.CacheTtlInMinutes;
+  const storageType = (props === null || props === void 0 ? void 0 : props.useSessionStorage) === true ? StorageType.sessionStorage : StorageType.localStorage;
+  const initialState = defaultClientDataStoreProvider(cacheTtlInMins, storageType).getData(widgetCacheId);
   if (!isNullOrUndefined(initialState)) {
-    return JSON.parse(initialState);
+    const initialStateFromCache = JSON.parse(initialState);
+    return initialStateFromCache;
   }
   const LiveChatWidgetContextInitialState = {
     domainStates: {
@@ -26,13 +28,16 @@ export const getLiveChatWidgetContextInitialState = props => {
       customContext: undefined,
       widgetSize: undefined,
       widgetInstanceId: "",
-      initialChatSdkRequestId: ""
+      initialChatSdkRequestId: "",
+      transcriptRequestId: "",
+      confirmationPaneConfirmedOptionClicked: false,
+      confirmationState: ConfirmationState.NotSet
     },
     appStates: {
       conversationState: ConversationState.Closed,
-      isMinimized: false,
+      isMinimized: undefined,
       previousElementIdOnFocusBeforeModalOpen: null,
-      isStartChatFailing: false,
+      startChatFailed: false,
       outsideOperatingHours: false,
       preChatResponseEmail: "",
       isAudioMuted: null,
@@ -46,11 +51,9 @@ export const getLiveChatWidgetContextInitialState = props => {
       },
       e2vvEnabled: false,
       unreadMessageCount: 0,
-      conversationEndedByAgentEventReceived: false,
-      conversationEndedBy: undefined,
-      postChatWorkflowInProgress: false,
-      shouldUseBotSurvey: false,
-      chatDisconnectEventReceived: false
+      conversationEndedBy: ConversationEndEntity.NotSet,
+      chatDisconnectEventReceived: false,
+      selectedSurveyMode: null
     },
     uiStates: {
       showConfirmationPane: false,

package/lib/esm/contexts/createReducer.js

@@ -58,7 +58,7 @@ export const createReducer = () => {
           ...state,
           appStates: {
             ...state.appStates,
-            isStartChatFailing: action.payload
+            startChatFailed: action.payload
           }
         };
       case LiveChatWidgetActionType.SET_OUTSIDE_OPERATING_HOURS:
@@ -258,14 +258,6 @@ export const createReducer = () => {
         return {
           ...action.payload
         };
-      case LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT_EVENT_RECEIVED:
-        return {
-          ...state,
-          appStates: {
-            ...state.appStates,
-            conversationEndedByAgentEventReceived: action.payload
-          }
-        };
       case LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY:
         return {
           ...state,
@@ -301,15 +293,6 @@ export const createReducer = () => {
             liveChatConfig: action.payload
           }
         };
-      case 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.SET_INITIAL_CHAT_SDK_REQUEST_ID:
         return {
           ...state,
@@ -318,21 +301,28 @@ export const createReducer = () => {
             initialChatSdkRequestId: action.payload
           }
         };
-      case LiveChatWidgetActionType.SET_SHOULD_USE_BOT_SURVEY:
+      case 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.SET_CHAT_DISCONNECT_EVENT_RECEIVED:
+      case LiveChatWidgetActionType.SET_SURVEY_MODE:
         return {
           ...state,
           appStates: {
             ...state.appStates,
-            chatDisconnectEventReceived: action.payload
+            selectedSurveyMode: action.payload
+          }
+        };
+      case LiveChatWidgetActionType.SET_CONFIRMATION_STATE:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            confirmationState: action.payload
           }
         };
       default:

package/lib/esm/controller/componentController.js

@@ -1,6 +1,7 @@
 import { ConversationState } from "../contexts/common/ConversationState";
 export const shouldShowChatButton = state => {
-  return (state.appStates.isMinimized || state.appStates.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.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
 };
 
 export const shouldShowProactiveChatPane = state => {

package/lib/esm/index.js

@@ -1,5 +1,8 @@
 import { BroadcastService, decodeComponentString, encodeComponentString } from "@microsoft/omnichannel-chat-components";
 import useChatContextStore from "./hooks/useChatContextStore";
 import useChatSDKStore from "./hooks/useChatSDKStore";
+import { getWidgetCacheId, getWidgetEndChatEventName } from "./common/utils";
+import { ConversationState } from "./contexts/common/ConversationState";
 export { default as LiveChatWidget } from "./components/livechatwidget/LiveChatWidget";
-export { encodeComponentString, decodeComponentString, BroadcastService, useChatSDKStore, useChatContextStore };
+export { encodeComponentString, decodeComponentString, BroadcastService, useChatSDKStore, useChatContextStore };
+export { getWidgetCacheId, getWidgetEndChatEventName, ConversationState };

package/lib/types/common/Constants.d.ts

@@ -81,6 +81,8 @@ export declare class Constants {
     static readonly PostChatLoadingDurationInMs = 2000;
     static readonly BrowserUnloadConfirmationMessage = "Do you want to leave chat?";
     static readonly CacheTtlInMinutes = 15;
+    static readonly SessionCacheSuffix = "session";
+    static readonly PopoutCacheSuffix = "popout";
     static readonly LWICheckOnVisibilityTimeout: number;
 }
 export declare const Regex: {
@@ -172,6 +174,25 @@ export declare enum LiveWorkItemState {
     Waiting = "Waiting",
     WrapUp = "WrapUp"
 }
+export declare enum StorageType {
+    "localStorage" = 0,
+    "sessionStorage" = 1
+}
+export declare enum ParticipantType {
+    User = "User",
+    Bot = "Bot"
+}
+export declare enum ConversationEndEntity {
+    Customer = "Customer",
+    Agent = "Agent",
+    Bot = "Bot",
+    NotSet = "NotSet"
+}
+export declare enum ConfirmationState {
+    Ok = "Ok",
+    Cancel = "Cancel",
+    NotSet = "NotSet"
+}
 export declare class TranscriptConstants {
     static readonly ChatTranscriptsBodyColor = "#F5F5F5";
     static readonly TranscriptMessageEmojiMessageType = "http://schema.skype.com/emoji";

package/lib/types/common/interfaces/IContextDataStore.d.ts

@@ -2,13 +2,13 @@ export interface IContextDataStore {
     /**
      * getData: Get data from data store
      */
-    getData: (key: string, type: string) => any;
+    getData: (key: string) => any;
     /**
      * setData: Set data to data store
      */
-    setData: (key: string, value: any, type: string) => void;
+    setData: (key: string, value: any) => void;
     /**
      * removeData: Remove data from data store by key
      */
-    removeData: (key: string, type: string) => void;
+    removeData: (key: string) => void;
 }

package/lib/types/common/storage/default/defaultCacheManager.d.ts

@@ -1,4 +1,5 @@
+import { StorageType } from "../../Constants";
 export declare class defaultCacheManager {
     static InternalCache: any;
 }
-export declare const registerBroadcastServiceForLocalStorage: (orgid: string, widgetId: string, widgetInstanceId: string, ttlInMins: number) => void;
+export declare const registerBroadcastServiceForStorage: (widgetCacheId: string, ttlInMins: number, storageType: StorageType) => void;

package/lib/types/common/storage/default/defaultClientDataStoreProvider.d.ts

@@ -1,2 +1,3 @@
 import { IContextDataStore } from "../../interfaces/IContextDataStore";
-export declare const defaultClientDataStoreProvider: (cacheTtlinMins?: number) => IContextDataStore;
+import { StorageType } from "../../Constants";
+export declare const defaultClientDataStoreProvider: (cacheTtlinMins?: number, storageType?: StorageType) => IContextDataStore;

package/lib/types/common/telemetry/TelemetryConstants.d.ts

@@ -25,7 +25,6 @@ export declare enum BroadcastEvent {
     StartProactiveChat = "StartProactiveChat",
     ProactiveChatStartChat = "ProactiveChatStartChat",
     ProactiveChatStartPopoutChat = "ProactiveChatStartPopoutChat",
-    ProactiveChatIsInPopoutMode = "ProactiveChatIsInPopoutMode",
     ResetProactiveChatParams = "ResetProactiveChatParams",
     InvalidAdaptiveCardFormat = "InvalidAdaptiveCardFormat",
     NewMessageSent = "NewMessageSent",
@@ -48,6 +47,8 @@ export declare enum BroadcastEvent {
     SigninCardReceived = "SignInCardReceived",
     BotAuthConfigRequest = "BotAuthConfigRequest",
     BotAuthConfigResponse = "BotAuthConfigResponse",
+    RemoveWidgetDataFromCache = "RemoveWidgetDataFromCache",
+    InitiateStartChatInPopoutMode = "InitiateStartChatInPopoutMode",
     HideChatVisibilityChangeEvent = "hideChatVisibilityChangeEvent",
     UpdateSessionDataForTelemetry = "UpdateSessionDataForTelemetry",
     UpdateConversationDataForTelemetry = "UpdateConversationDataForTelemetry"
@@ -82,13 +83,18 @@ export declare enum TelemetryEvent {
     CallingSDKInitFailed = "CallingSDKInitFailed",
     CallingSDKLoadSuccess = "CallingSDKLoadSuccess",
     CallingSDKLoadFailed = "CallingSDKLoadFailed",
+    GetConversationDetailsCallStarted = "GetConversationDetailsCallStarted",
     GetConversationDetailsCallFailed = "GetConversationDetailsCallFailed",
     EndChatSDKCallFailed = "EndChatSDKCallFailed",
+    GetChatReconnectContextSDKCallStarted = "GetChatReconnectContextSDKCallStarted",
     GetChatReconnectContextSDKCallFailed = "GetChatReconnectContextSDKCallFailed",
     ParseAdaptiveCardFailed = "ParseAdaptiveCardFailed",
     ClientDataStoreProviderFailed = "ClientDataStoreProviderFailed",
     InMemoryDataStoreFailed = "InMemoryDataStoreFailed",
     ChatVisibilityChanged = "ChatVisibilityChanged",
+    EndChatSucceeded = "EndChatSucceeded",
+    EndChatFailed = "EndChatFailed",
+    SetCustomContext = "SetCustomContext",
     WebChatLoaded = "WebChatLoaded",
     LCWChatButtonClicked = "LCWChatButtonClicked",
     LCWChatButtonShow = "LCWChatButtonShow",

package/lib/types/common/utils.d.ts

@@ -22,11 +22,12 @@ export declare const isNullOrEmptyString: (s: string | null) => boolean;
 export declare const newGuid: () => string;
 export declare const createTimer: () => ITimer;
 export declare const getDomain: (hostValue: any) => string;
-export declare const getWidgetCacheId: (orgId: string, widgetId: string, widgetInstanceId: string) => string;
+export declare const getWidgetCacheId: (orgId: string, widgetId: string, widgetInstanceId: string, popoutChat?: boolean) => string;
 export declare const getWidgetEndChatEventName: (orgId: string, widgetId: string, widgetInstanceId: string) => string;
-export declare const getStateFromCache: (orgId: string, widgetId: string, widgetInstanceId: string) => any;
+export declare const getStateFromCache: (widgetCacheId: string) => any;
 export declare const isUndefinedOrEmpty: (object: any) => boolean;
 export declare const addDelayInMs: (ms: number) => Promise<void>;
 export declare const getBroadcastChannelName: (widgetId: string, widgetInstanceId: string) => string;
+export declare const getWidgetCacheIdfromProps: (props: any, popoutChat?: boolean) => string;
 export declare const debounceLeading: (fn: any, ms?: number) => (...args: any[]) => void;
 export declare const getConversationDetailsCall: (chatSDK: any) => Promise<any>;

package/lib/types/components/confirmationpanestateful/interfaces/IConfirmationPaneStatefulParams.d.ts

@@ -4,4 +4,10 @@ export interface IConfirmationPaneStatefulParams extends IConfirmationPaneStatef
      * setPostChatContext: Internal Prop injected for setting Post Chat Context
      */
     setPostChatContext: () => Promise<void>;
+    /**
+    * prepareEndChat: Internal Prop injected for checking PostChat contexts and trigerring end of chat
+    * @param adapter : The chat adapter for the live chat session
+    * @param state : The chat state where the conversation is currently in
+    */
+    prepareEndChat: () => Promise<void>;
 }

package/lib/types/components/footerstateful/downloadtranscriptstateful/DownloadTranscriptStateful.d.ts

@@ -1 +1,2 @@
-export declare const downloadTranscript: (chatSDK: any, renderMarkDown?: ((transcriptContent: string) => string) | undefined, bannerMessageOnError?: string | undefined, attachmentMessage?: string | undefined) => Promise<void>;
+import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
+export declare const downloadTranscript: (chatSDK: any, renderMarkDown?: ((transcriptContent: string) => string) | undefined, bannerMessageOnError?: string | undefined, attachmentMessage?: string | undefined, state?: ILiveChatWidgetContext | undefined) => Promise<void>;

package/lib/types/components/livechatwidget/common/endChat.d.ts

@@ -2,6 +2,7 @@ import { Dispatch } from "react";
 import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
-declare const prepareEndChat: (props: ILiveChatWidgetProps, chatSDK: any, setAdapter: any, setWebChatStyles: any, dispatch: Dispatch<ILiveChatWidgetAction>, adapter: any, state: ILiveChatWidgetContext) => Promise<void>;
-declare const endChat: (props: ILiveChatWidgetProps, chatSDK: any, setAdapter: any, setWebChatStyles: any, dispatch: Dispatch<ILiveChatWidgetAction>, adapter: any, skipEndChatSDK?: boolean | undefined, skipCloseChat?: boolean | undefined, postMessageToOtherTab?: boolean | undefined) => Promise<void>;
-export { prepareEndChat, endChat };
+declare const prepareEndChat: (props: ILiveChatWidgetProps, chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, setWebChatStyles: any, adapter: any, uwid: string) => Promise<void>;
+declare const endChat: (props: ILiveChatWidgetProps, chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, setWebChatStyles: any, adapter: any, skipEndChatSDK?: boolean | undefined, skipCloseChat?: boolean | undefined, postMessageToOtherTab?: boolean | undefined, uwid?: string) => Promise<void>;
+declare const getConversationDetails: (chatSDK: any) => Promise<any>;
+export { prepareEndChat, endChat, getConversationDetails };

package/lib/types/components/livechatwidget/common/initWebChatComposer.d.ts

@@ -3,4 +3,4 @@ import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetA
 import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
 import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 import { IWebChatProps } from "../../webchatcontainerstateful/interfaces/IWebChatProps";
-export declare const initWebChatComposer: (props: ILiveChatWidgetProps, chatSDK: any, setAdapter: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, adapter: any, setWebChatStyles: any) => IWebChatProps;
+export declare const initWebChatComposer: (props: ILiveChatWidgetProps, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, chatSDK: any) => IWebChatProps;

package/lib/types/components/livechatwidget/common/renderSurveyHelpers.d.ts

@@ -0,0 +1,9 @@
+import { Dispatch } from "react";
+import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
+import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
+import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
+declare const initiatePostChat: (props: ILiveChatWidgetProps, conversationDetailsParam: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>) => Promise<void>;
+declare const isPostChatEnabled: (props: ILiveChatWidgetProps, state: ILiveChatWidgetContext) => boolean;
+declare const getPostChatContext: (chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>) => Promise<void>;
+declare const setWidgetStateToInactive: (dispatch: Dispatch<ILiveChatWidgetAction>) => Promise<void>;
+export { initiatePostChat, setWidgetStateToInactive, getPostChatContext, isPostChatEnabled as checkPostChatEnabled };

package/lib/types/components/livechatwidget/common/setPostChatContextAndLoadSurvey.d.ts

@@ -1,8 +1,3 @@
 import { Dispatch } from "react";
 import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
-import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
-import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
-declare const setPostChatContextAndLoadSurvey: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, persistedChat?: boolean | undefined) => Promise<void>;
-declare const checkPostChatEnabled: (props: ILiveChatWidgetProps, state: ILiveChatWidgetContext) => boolean;
-declare const initiatePostChat: (props: ILiveChatWidgetProps, chatSDK: any, setAdapter: any, setWebChatStyles: any, dispatch: Dispatch<ILiveChatWidgetAction>, adapter: any, state: ILiveChatWidgetContext) => Promise<void>;
-export { setPostChatContextAndLoadSurvey, checkPostChatEnabled, initiatePostChat };
+export declare const setPostChatContextAndLoadSurvey: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, persistedChat?: boolean | undefined) => Promise<void>;

package/lib/types/components/livechatwidget/interfaces/ILiveChatWidgetProps.d.ts

@@ -53,6 +53,8 @@ export interface ILiveChatWidgetProps {
     liveChatContextFromCache?: ILiveChatWidgetContext;
     contextDataStore?: IContextDataStore;
     getAuthToken?: (authClientFunction?: string) => Promise<string | null>;
-    initialCustomContext?: any;
     scrollBarProps?: IScrollBarProps;
+    useSessionStorage?: boolean;
+    allowSdkChatSupport?: boolean;
+    initialCustomContext?: any;
 }