@microsoft/omnichannel-chat-widget 0.1.0-main.a27ec4b → 0.1.0-main.a2e5071

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

@@ -3,11 +3,13 @@
  * 
  * Sanitizes the text.
  ******/
+
 import DOMPurify from "dompurify";
 import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/TelemetryConstants";
 import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
-import { WebChatActionType } from "../../enums/WebChatActionType"; // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+import { WebChatActionType } from "../../enums/WebChatActionType";
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
 const sanitizationMiddleware = _ref => {
   let {
     dispatch
@@ -16,26 +18,24 @@ const sanitizationMiddleware = _ref => {
     if (action.type === WebChatActionType.WEB_CHAT_SEND_MESSAGE) {
       try {
         var _action$payload;
-
         let text = (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.text;
-
         if (text) {
           text = DOMPurify.sanitize(text) ?? " ";
         }
       } catch (e) {
-        const copyDataForTelemetry = { ...action,
-          payload: { ...action.payload,
+        const copyDataForTelemetry = {
+          ...action,
+          payload: {
+            ...action.payload,
             text: undefined
           }
         };
         let errorMessage = "Failed to apply action: ";
-
         try {
           errorMessage += JSON.stringify(copyDataForTelemetry);
         } catch (e) {
           errorMessage += " (unable to stringify action)";
         }
-
         TelemetryHelper.logActionEvent(LogLevel.ERROR, {
           Event: TelemetryEvent.ProcessingSanitizationMiddlewareFailed,
           ExceptionDetails: {
@@ -45,9 +45,7 @@ const sanitizationMiddleware = _ref => {
         });
       }
     }
-
     return next(action);
   };
 };
-
 export default sanitizationMiddleware;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/notification/NotificationHandler.js

@@ -17,7 +17,6 @@ export class NotificationHandler {
       NotificationHandler.setFocusOnNotificationCloseButton();
     }
   }
-
   static dismissNotification(id) {
     if (WebChatStoreLoader.store) {
       WebChatStoreLoader.store.dispatch({
@@ -28,23 +27,18 @@ export class NotificationHandler {
       });
     }
   }
-
   static notifyError(id, message) {
     this.notify(id, NotificationLevel.Error, message);
   }
-
   static notifyWarning(id, message) {
     this.notify(id, NotificationLevel.Warning, message);
   }
-
   static notifyInfo(id, message) {
     this.notify(id, NotificationLevel.Info, message);
   }
-
   static notifySuccess(id, message) {
     this.notify(id, NotificationLevel.Success, message);
   }
-
   static notifyWithLevel(id, message, level) {
     if (!level) {
       this.notifyInfo(id, message);
@@ -52,30 +46,24 @@ export class NotificationHandler {
       this.notify(id, level, message);
     }
   }
-  /* Bypass WebChat behavior and focus on banner close button */
-
 
+  /* Bypass WebChat behavior and focus on banner close button */
   static setFocusOnNotificationCloseButton() {
     const expandButton = document.querySelector(`#${HtmlIdNames.MSLiveChatWidget} .${HtmlClassNames.webChatBannerExpandButton}`);
-
     if (expandButton) {
       expandButton.focus();
       return;
     }
-
     const closeButton = document.querySelector(`#${HtmlIdNames.MSLiveChatWidget} .${HtmlClassNames.webChatBannerCloseButton}`);
-
     if (closeButton) {
       closeButton.focus();
       NotificationHandler.registerOnCloseEvent(closeButton);
       return;
     }
   }
-
   static registerOnCloseEvent(button) {
     button.onclick = () => {
       setFocusOnSendBox();
     };
   }
-
 }

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

@@ -7,26 +7,21 @@ export function createWebChatTelemetry() {
       level
     } = event;
     const loglevel = level ? level.toUpperCase() : "";
-
     switch (loglevel) {
       case LogLevel.DEBUG:
         TelemetryHelper.logWebChatEvent(LogLevel.DEBUG, event);
         break;
-
       case LogLevel.WARN:
         TelemetryHelper.logWebChatEvent(LogLevel.WARN, event);
         break;
-
       case LogLevel.ERROR:
         TelemetryHelper.logWebChatEvent(LogLevel.ERROR, event);
         break;
-
       case LogLevel.INFO:
       default:
         TelemetryHelper.logWebChatEvent(LogLevel.INFO, event);
         break;
     }
   };
-
   return handleTelemetry;
 }

package/lib/esm/contexts/ChatAdapterStore.js

@@ -1,3 +1,4 @@
-import { createContext } from "react"; // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
+import { createContext } from "react";
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
 export const ChatAdapterStore = /*#__PURE__*/createContext([undefined, adapter => {}]);

package/lib/esm/contexts/ChatContextStore.js

@@ -1,3 +1,4 @@
-import { createContext } from "react"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+import { createContext } from "react";
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const ChatContextStore = /*#__PURE__*/createContext(undefined);

package/lib/esm/contexts/ChatSDKStore.js

@@ -1,3 +1,4 @@
-import { createContext } from "react"; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+import { createContext } from "react";
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const ChatSDKStore = /*#__PURE__*/createContext(undefined);

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

@@ -1,5 +1,4 @@
 export let ConversationState;
-
 (function (ConversationState) {
   ConversationState[ConversationState["Prechat"] = 0] = "Prechat";
   ConversationState[ConversationState["Loading"] = 1] = "Loading";

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

@@ -1,5 +1,4 @@
 export let LiveChatWidgetActionType;
-
 (function (LiveChatWidgetActionType) {
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_WIDGET_ELEMENT_ID"] = 0] = "SET_WIDGET_ELEMENT_ID";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_RENDERING_MIDDLEWARE_PROPS"] = 1] = "SET_RENDERING_MIDDLEWARE_PROPS";
@@ -7,7 +6,7 @@ export let LiveChatWidgetActionType;
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_GLOBAL_DIR"] = 3] = "SET_GLOBAL_DIR";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_MINIMIZED"] = 4] = "SET_MINIMIZED";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_CONVERSATION_STATE"] = 5] = "SET_CONVERSATION_STATE";
-  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_PREVIOUS_FOCUSED_ELEMENT"] = 6] = "SET_PREVIOUS_FOCUSED_ELEMENT";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_PREVIOUS_FOCUSED_ELEMENT_ID"] = 6] = "SET_PREVIOUS_FOCUSED_ELEMENT_ID";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_OUTSIDE_OPERATING_HOURS"] = 7] = "SET_OUTSIDE_OPERATING_HOURS";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_PRE_CHAT_SURVEY_RESPONSE"] = 8] = "SET_PRE_CHAT_SURVEY_RESPONSE";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_CUSTOM_CONTEXT"] = 9] = "SET_CUSTOM_CONTEXT";
@@ -23,7 +22,7 @@ export let LiveChatWidgetActionType;
   LiveChatWidgetActionType[LiveChatWidgetActionType["DISABLE_LOCAL_VIDEO"] = 19] = "DISABLE_LOCAL_VIDEO";
   LiveChatWidgetActionType[LiveChatWidgetActionType["DISABLE_REMOTE_VIDEO"] = 20] = "DISABLE_REMOTE_VIDEO";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_CHAT_TOKEN"] = 21] = "SET_CHAT_TOKEN";
-  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_SKIP_CHAT_BUTTON_RENDERING"] = 22] = "SET_SKIP_CHAT_BUTTON_RENDERING";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_START_CHAT_BUTTON_DISPLAY"] = 22] = "SET_START_CHAT_BUTTON_DISPLAY";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_PROACTIVE_CHAT_PARAMS"] = 23] = "SET_PROACTIVE_CHAT_PARAMS";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_TELEMETRY_DATA"] = 24] = "SET_TELEMETRY_DATA";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_RECONNECT_ID"] = 25] = "SET_RECONNECT_ID";
@@ -35,4 +34,5 @@ export let LiveChatWidgetActionType;
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_BOT_OAUTH_SIGNIN_ID"] = 31] = "SET_BOT_OAUTH_SIGNIN_ID";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_WIDGET_SIZE"] = 32] = "SET_WIDGET_SIZE";
   LiveChatWidgetActionType[LiveChatWidgetActionType["SET_WIDGET_INSTANCE_ID"] = 33] = "SET_WIDGET_INSTANCE_ID";
+  LiveChatWidgetActionType[LiveChatWidgetActionType["SET_LIVE_CHAT_CONFIG"] = 34] = "SET_LIVE_CHAT_CONFIG";
 })(LiveChatWidgetActionType || (LiveChatWidgetActionType = {}));

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

@@ -4,14 +4,11 @@ import { getWidgetCacheId, isNullOrUndefined } from "../../common/utils";
 import { defaultClientDataStoreProvider } from "../../common/storage/default/defaultClientDataStoreProvider";
 export const getLiveChatWidgetContextInitialState = props => {
   var _props$chatSDK, _props$chatSDK$omnich, _props$chatSDK2, _props$chatSDK2$omnic, _props$controlProps, _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 initialState = defaultClientDataStoreProvider().getData(widgetCacheId, "localStorage");
-
   if (!isNullOrUndefined(initialState)) {
     return JSON.parse(initialState);
   }
-
   const LiveChatWidgetContextInitialState = {
     domainStates: {
       liveChatConfig: props.chatConfig,
@@ -31,12 +28,12 @@ export const getLiveChatWidgetContextInitialState = props => {
     appStates: {
       conversationState: ConversationState.Closed,
       isMinimized: false,
-      previousElementOnFocusBeforeModalOpen: null,
+      previousElementIdOnFocusBeforeModalOpen: null,
       outsideOperatingHours: false,
       preChatResponseEmail: "",
       isAudioMuted: null,
       newMessage: false,
-      skipChatButtonRendering: false,
+      hideStartChatButton: false,
       reconnectId: undefined,
       proactiveChatStates: {
         proactiveChatBodyTitle: "",

package/lib/esm/contexts/createReducer.js

@@ -1,252 +1,293 @@
 /* eslint-disable indent */
+
 import { LiveChatWidgetActionType } from "./common/LiveChatWidgetActionType";
 export const createReducer = () => {
   const reducer = (state, action) => {
     var _action$payload, _action$payload2, _action$payload3;
-
     switch (action.type) {
       case LiveChatWidgetActionType.SET_WIDGET_ELEMENT_ID:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             widgetElementId: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_RENDERING_MIDDLEWARE_PROPS:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             renderingMiddlewareProps: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_MIDDLEWARE_LOCALIZED_TEXTS:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             middlewareLocalizedTexts: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_GLOBAL_DIR:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             globalDir: action.payload === "ltr" || action.payload === "rtl" ? action.payload : "ltr"
           }
         };
-
       case LiveChatWidgetActionType.SET_MINIMIZED:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             isMinimized: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_CONVERSATION_STATE:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             conversationState: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_OUTSIDE_OPERATING_HOURS:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             outsideOperatingHours: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_PRE_CHAT_SURVEY_RESPONSE:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             preChatSurveyResponse: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_CUSTOM_CONTEXT:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             customContext: action.payload
           }
         };
-
-      case LiveChatWidgetActionType.SET_PREVIOUS_FOCUSED_ELEMENT:
-        return { ...state,
-          appStates: { ...state.appStates,
-            previousElementOnFocusBeforeModalOpen: action.payload
+      case LiveChatWidgetActionType.SET_PREVIOUS_FOCUSED_ELEMENT_ID:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            previousElementIdOnFocusBeforeModalOpen: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_SHOW_CONFIRMATION:
-        return { ...state,
-          uiStates: { ...state.uiStates,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             showConfirmationPane: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_POST_CHAT_CONTEXT:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             postChatContext: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SHOW_CALLING_CONTAINER:
-        return { ...state,
-          uiStates: { ...state.uiStates,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             showCallingPopup: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_INCOMING_CALL:
-        return { ...state,
-          uiStates: { ...state.uiStates,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             isIncomingCall: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_FOCUS_CHAT_BUTTON:
-        return { ...state,
-          uiStates: { ...state.uiStates,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             focusChatButton: action.payload
           }
         };
-
       case LiveChatWidgetActionType.DISABLE_VIDEO_CALL:
-        return { ...state,
-          uiStates: { ...state.uiStates,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             disableVideoCall: action.payload
           }
         };
-
       case LiveChatWidgetActionType.DISABLE_LOCAL_VIDEO:
-        return { ...state,
-          uiStates: { ...state.uiStates,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             disableSelfVideo: action.payload
           }
         };
-
       case LiveChatWidgetActionType.DISABLE_REMOTE_VIDEO:
-        return { ...state,
-          uiStates: { ...state.uiStates,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             disableRemoteVideo: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_CHAT_TOKEN:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             chatToken: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_SHOW_EMAIL_TRANSCRIPT_PANE:
-        return { ...state,
-          uiStates: { ...state.uiStates,
+        return {
+          ...state,
+          uiStates: {
+            ...state.uiStates,
             showEmailTranscriptPane: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_PRECHAT_RESPONSE_EMAIL:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             preChatResponseEmail: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_AUDIO_NOTIFICATION:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             isAudioMuted: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_E2VV_ENABLED:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             e2vvEnabled: action.payload
           }
         };
-
-      case LiveChatWidgetActionType.SET_SKIP_CHAT_BUTTON_RENDERING:
-        return { ...state,
-          appStates: { ...state.appStates,
-            skipChatButtonRendering: action.payload
+      case LiveChatWidgetActionType.SET_START_CHAT_BUTTON_DISPLAY:
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            hideStartChatButton: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_PROACTIVE_CHAT_PARAMS:
-        return { ...state,
-          appStates: { ...state.appStates,
-            proactiveChatStates: { ...state.appStates.proactiveChatStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
+            proactiveChatStates: {
+              ...state.appStates.proactiveChatStates,
               proactiveChatBodyTitle: (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.proactiveChatBodyTitle,
               proactiveChatEnablePrechat: (_action$payload2 = action.payload) === null || _action$payload2 === void 0 ? void 0 : _action$payload2.proactiveChatEnablePrechat,
               proactiveChatInNewWindow: (_action$payload3 = action.payload) === null || _action$payload3 === void 0 ? void 0 : _action$payload3.proactiveChatInNewWindow
             }
           }
         };
-
       case LiveChatWidgetActionType.SET_TELEMETRY_DATA:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             telemetryInternalData: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_RECONNECT_ID:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             reconnectId: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_UNREAD_MESSAGE_COUNT:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             unreadMessageCount: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             liveChatContext: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_WIDGET_STATE:
-        return { ...action.payload
+        return {
+          ...action.payload
         };
-
       case LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY_AGENT:
-        return { ...state,
-          appStates: { ...state.appStates,
+        return {
+          ...state,
+          appStates: {
+            ...state.appStates,
             conversationEndedByAgent: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_WIDGET_SIZE:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             widgetSize: action.payload
           }
         };
-
       case LiveChatWidgetActionType.SET_WIDGET_INSTANCE_ID:
-        return { ...state,
-          domainStates: { ...state.domainStates,
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             widgetInstanceId: action.payload
           }
         };
-
+      case LiveChatWidgetActionType.SET_LIVE_CHAT_CONFIG:
+        return {
+          ...state,
+          domainStates: {
+            ...state.domainStates,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            liveChatConfig: action.payload
+          }
+        };
       default:
         return state;
     }
   };
-
   return reducer;
 };

package/lib/esm/controller/componentController.js

@@ -1,7 +1,8 @@
 import { ConversationState } from "../contexts/common/ConversationState";
 export const shouldShowChatButton = state => {
-  return (state.appStates.isMinimized || state.appStates.conversationState === ConversationState.Closed) && state.appStates.skipChatButtonRendering == false; // Do not show chat button in case of popout
+  return (state.appStates.isMinimized || state.appStates.conversationState === ConversationState.Closed) && state.appStates.hideStartChatButton === false; // Do not show chat button in case of popout
 };
+
 export const shouldShowProactiveChatPane = state => {
   return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.ProactiveChat;
 };
@@ -9,7 +10,7 @@ export const shouldShowHeader = state => {
   return !state.appStates.isMinimized && state.appStates.conversationState !== ConversationState.Closed && state.appStates.conversationState !== ConversationState.ProactiveChat;
 };
 export const shouldShowFooter = state => {
-  return !state.appStates.isMinimized && (state.appStates.conversationState === ConversationState.Active || state.appStates.conversationState === ConversationState.InActive);
+  return !state.appStates.isMinimized && (state.appStates.conversationState === ConversationState.Active || state.appStates.conversationState === ConversationState.InActive || state.appStates.conversationState === ConversationState.Postchat);
 };
 export const shouldShowEmailTranscriptPane = state => {
   return state.uiStates.showEmailTranscriptPane;

package/lib/esm/hooks/useChatAdapterStore.js

@@ -1,15 +1,11 @@
 import { ChatAdapterStore } from "../contexts/ChatAdapterStore";
 import { useContext } from "react";
-
 const useChatAdapterStore = () => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const adapter = useContext(ChatAdapterStore);
-
   if (!adapter) {
     throw new Error("This hook can only be used on component that is descendants of <ChatAdapterStore.Provider>");
   }
-
   return adapter;
 };
-
 export default useChatAdapterStore;