@microsoft/omnichannel-chat-widget 1.7.8-main.f60b0b7 → 1.8.0

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

@@ -1,10 +1,14 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 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 MockAdapter from "./mockadapter";
 import { ParticipantType } from "../../../common/Constants";
-export class MockChatSDK {
-  constructor() {
+export let MockChatSDK = /*#__PURE__*/function () {
+  function MockChatSDK() {
+    _classCallCheck(this, MockChatSDK);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     _defineProperty(this, "sleep", ms => new Promise(r => setTimeout(r, ms)));
     _defineProperty(this, "isMockModeOn", true);
@@ -14,63 +18,93 @@ export class MockChatSDK {
       orgUrl: "https://contoso.crm.dynamics.com"
     });
   }
-  async initialize() {
-    return this.getLiveChatConfig();
-  }
-  async startChat() {
-    await this.sleep(1000);
-  }
-  endChat() {
-    return null;
-  }
-  getChatToken() {
-    return null;
-  }
-  createChatAdapter() {
-    return new MockAdapter();
-  }
+  _createClass(MockChatSDK, [{
+    key: "initialize",
+    value: async function initialize() {
+      return this.getLiveChatConfig();
+    }
+  }, {
+    key: "startChat",
+    value: async function startChat() {
+      await this.sleep(1000);
+    }
+  }, {
+    key: "endChat",
+    value: function endChat() {
+      return null;
+    }
+  }, {
+    key: "getChatToken",
+    value: function getChatToken() {
+      return null;
+    }
+  }, {
+    key: "createChatAdapter",
+    value: function createChatAdapter() {
+      return new MockAdapter();
+    }
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  getPreChatSurvey(parseToJson) {
-    return "";
-  }
-  getConversationDetails() {
-    return {
-      State: "Active",
-      conversationId: "",
-      canRenderPostChat: "",
-      participantType: ParticipantType.User
-    };
-  }
-  getCurrentLiveChatContext() {
-    return {
-      chatToken: {},
-      requestId: ""
-    };
-  }
-  onNewMessage() {
-    return null;
-  }
-  getChatReconnectContext() {
-    return {
-      reconnectId: "123"
-    };
-  }
-  getVoiceVideoCalling() {
-    return null;
-  }
-  setAuthTokenProvider() {
-    return null;
-  }
-  getLiveChatConfig() {
-    return {
-      LiveWSAndLiveChatEngJoin: {
-        msdyn_postconversationsurveyenable: "true",
-        msdyn_conversationmode: "192350000"
-      }
-    };
-  }
-  sendTypingEvent() {
-    return null;
-  }
-}
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  }, {
+    key: "getPreChatSurvey",
+    value: function getPreChatSurvey(parseToJson) {
+      return "";
+    }
+  }, {
+    key: "getConversationDetails",
+    value: function getConversationDetails() {
+      return {
+        State: "Active",
+        conversationId: "",
+        canRenderPostChat: "",
+        participantType: ParticipantType.User
+      };
+    }
+  }, {
+    key: "getCurrentLiveChatContext",
+    value: function getCurrentLiveChatContext() {
+      return {
+        chatToken: {},
+        requestId: ""
+      };
+    }
+  }, {
+    key: "onNewMessage",
+    value: function onNewMessage() {
+      return null;
+    }
+  }, {
+    key: "getChatReconnectContext",
+    value: function getChatReconnectContext() {
+      return {
+        reconnectId: "123"
+      };
+    }
+  }, {
+    key: "getVoiceVideoCalling",
+    value: function getVoiceVideoCalling() {
+      return null;
+    }
+  }, {
+    key: "setAuthTokenProvider",
+    value: function setAuthTokenProvider() {
+      return null;
+    }
+  }, {
+    key: "getLiveChatConfig",
+    value: function getLiveChatConfig() {
+      return {
+        LiveWSAndLiveChatEngJoin: {
+          msdyn_postconversationsurveyenable: "true",
+          msdyn_conversationmode: "192350000"
+        }
+      };
+    }
+  }, {
+    key: "sendTypingEvent",
+    value: function sendTypingEvent() {
+      return null;
+    }
+  }]);
+  return MockChatSDK;
+}();

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

@@ -1,5 +1,10 @@
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 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); }
-export class BotMagicCodeStore {}
+export let BotMagicCodeStore = /*#__PURE__*/_createClass(function BotMagicCodeStore() {
+  _classCallCheck(this, BotMagicCodeStore);
+});
 _defineProperty(BotMagicCodeStore, "botOAuthSignInId", "");

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

@@ -1,6 +1,11 @@
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 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); }
-export class WebChatStoreLoader {}
+export let WebChatStoreLoader = /*#__PURE__*/_createClass(function WebChatStoreLoader() {
+  _classCallCheck(this, WebChatStoreLoader);
+});
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 _defineProperty(WebChatStoreLoader, "store", void 0);

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

@@ -1,56 +1,70 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 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) {
+let HyperlinkTextOverrideRenderer = /*#__PURE__*/function () {
+  function HyperlinkTextOverrideRenderer(hyperlinkTextOverride) {
+    _classCallCheck(this, HyperlinkTextOverrideRenderer);
     _defineProperty(this, "hyperlinkTextOverride", void 0);
     this.hyperlinkTextOverride = hyperlinkTextOverride;
   }
-  convertTextToHtmlNode(text) {
-    const htmlNode = document.createElement(HtmlAttributeNames.div);
-    try {
-      text = DOMPurify.sanitize(text, {
-        ADD_ATTR: ["target"]
-      });
-      htmlNode.innerHTML = text;
-    } catch {
+  _createClass(HyperlinkTextOverrideRenderer, [{
+    key: "convertTextToHtmlNode",
+    value: function convertTextToHtmlNode(text) {
+      const htmlNode = document.createElement(HtmlAttributeNames.div);
+      try {
+        text = DOMPurify.sanitize(text, {
+          ADD_ATTR: ["target"]
+        });
+        htmlNode.innerHTML = text;
+      } catch {
+        return htmlNode;
+      }
       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;
+  }, {
+    key: "processANode",
+    value: function 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;
+  }, {
+    key: "applicable",
+    value: function 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;
+      }
     }
-    try {
+  }, {
+    key: "render",
+    value: function render(text) {
+      if (!this.applicable(text)) {
+        return text;
+      }
       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)) {
+      this.processANode(htmlNode);
+      text = htmlNode.innerHTML;
       return text;
     }
-    const htmlNode = this.convertTextToHtmlNode(text);
-    this.processANode(htmlNode);
-    text = htmlNode.innerHTML;
-    return text;
-  }
-}
+  }]);
+  return HyperlinkTextOverrideRenderer;
+}();
 export default HyperlinkTextOverrideRenderer;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/DeliveredTimestamp.js

@@ -35,6 +35,10 @@ export const DeliveredTimestamp = _ref => {
       return /*#__PURE__*/React.createElement("span", {
         dir: "ltr"
       }, getTimestampHourMinute(timestamp));
+    } else {
+      return /*#__PURE__*/React.createElement("span", {
+        dir: dir
+      }, getTimestampHourMinute(timestamp));
     }
     return timeString;
   };

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

@@ -24,6 +24,8 @@ const validateAttachment = (action, allowedFileExtensions, maxFileSizeSupportedB
     return action;
   }
   if (attachments) {
+    NotificationHandler.dismissNotification(NotificationScenarios.AttachmentError); // Dismiss any previous attachment error notification
+
     for (let i = 0; i < attachments.length; i++) {
       const maxUploadFileSize = getMaxUploadFileSize(maxFileSizeSupportedByDynamics, attachments[i].contentType);
       const fileExtensionValid = validateFileExtension(attachments[i], allowedFileExtensions);

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

@@ -1,3 +1,8 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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 { HtmlClassNames, HtmlIdNames } from "../../../../common/Constants";
 import { NotificationLevel } from "../enums/NotificationLevel";
 import { WebChatActionType } from "../enums/WebChatActionType";
@@ -5,73 +10,96 @@ import { WebChatStoreLoader } from "../WebChatStoreLoader";
 import { setFocusOnSendBox } from "../../../../common/utils";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { BroadcastEvent } from "../../../../common/telemetry/TelemetryConstants";
-export class NotificationHandler {
-  static notify(id, level, message) {
-    if (WebChatStoreLoader.store) {
-      WebChatStoreLoader.store.dispatch({
-        type: WebChatActionType.WEB_CHAT_SET_NOTIFICATION,
-        payload: {
-          id,
-          level,
-          message
-        }
-      });
-      NotificationHandler.setFocusOnNotificationCloseButton();
-    }
+export let NotificationHandler = /*#__PURE__*/function () {
+  function NotificationHandler() {
+    _classCallCheck(this, NotificationHandler);
   }
-  static dismissNotification(id) {
-    if (WebChatStoreLoader.store) {
-      WebChatStoreLoader.store.dispatch({
-        type: WebChatActionType.WEB_CHAT_DISMISS_NOTIFICATION,
+  _createClass(NotificationHandler, null, [{
+    key: "notify",
+    value: function notify(id, level, message) {
+      if (WebChatStoreLoader.store) {
+        WebChatStoreLoader.store.dispatch({
+          type: WebChatActionType.WEB_CHAT_SET_NOTIFICATION,
+          payload: {
+            id,
+            level,
+            message
+          }
+        });
+        NotificationHandler.setFocusOnNotificationCloseButton();
+      }
+    }
+  }, {
+    key: "dismissNotification",
+    value: function dismissNotification(id) {
+      if (WebChatStoreLoader.store) {
+        WebChatStoreLoader.store.dispatch({
+          type: WebChatActionType.WEB_CHAT_DISMISS_NOTIFICATION,
+          payload: {
+            id
+          }
+        });
+      }
+    }
+  }, {
+    key: "notifyError",
+    value: function notifyError(id, message) {
+      BroadcastService.postMessage({
+        eventName: BroadcastEvent.OnWidgetError,
         payload: {
-          id
+          errorMessage: message
         }
       });
+      this.notify(id, NotificationLevel.Error, message);
     }
-  }
-  static notifyError(id, message) {
-    BroadcastService.postMessage({
-      eventName: BroadcastEvent.OnWidgetError,
-      payload: {
-        errorMessage: message
+  }, {
+    key: "notifyWarning",
+    value: function notifyWarning(id, message) {
+      this.notify(id, NotificationLevel.Warning, message);
+    }
+  }, {
+    key: "notifyInfo",
+    value: function notifyInfo(id, message) {
+      this.notify(id, NotificationLevel.Info, message);
+    }
+  }, {
+    key: "notifySuccess",
+    value: function notifySuccess(id, message) {
+      this.notify(id, NotificationLevel.Success, message);
+    }
+  }, {
+    key: "notifyWithLevel",
+    value: function notifyWithLevel(id, message, level) {
+      if (!level) {
+        this.notifyInfo(id, message);
+      } else {
+        this.notify(id, level, 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);
-    } else {
-      this.notify(id, level, message);
     }
-  }
 
-  /* Bypass WebChat behavior and focus on banner close button */
-  static setFocusOnNotificationCloseButton() {
-    const expandButton = document.querySelector(`#${HtmlIdNames.MSLiveChatWidget} .${HtmlClassNames.webChatBannerExpandButton}`);
-    if (expandButton) {
-      expandButton.focus();
-      return;
+    /* Bypass WebChat behavior and focus on banner close button */
+  }, {
+    key: "setFocusOnNotificationCloseButton",
+    value: function 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;
+      }
     }
-    const closeButton = document.querySelector(`#${HtmlIdNames.MSLiveChatWidget} .${HtmlClassNames.webChatBannerCloseButton}`);
-    if (closeButton) {
-      closeButton.focus();
-      NotificationHandler.registerOnCloseEvent(closeButton);
-      return;
+  }, {
+    key: "registerOnCloseEvent",
+    value: function registerOnCloseEvent(button) {
+      button.onclick = () => {
+        setFocusOnSendBox();
+      };
     }
-  }
-  static registerOnCloseEvent(button) {
-    button.onclick = () => {
-      setFocusOnSendBox();
-    };
-  }
-}
+  }]);
+  return NotificationHandler;
+}();

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

@@ -1,17 +1,22 @@
-import { ConversationState } from "./ConversationState";
-import { defaultMiddlewareLocalizedTexts } from "../../components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
-import { getWidgetCacheIdfromProps, isNullOrUndefined } from "../../common/utils";
-import { defaultClientDataStoreProvider } from "../../common/storage/default/defaultClientDataStoreProvider";
 import { ConfirmationState, Constants, ConversationEndEntity, StorageType } from "../../common/Constants";
+import { getWidgetCacheIdfromProps, isNullOrUndefined } from "../../common/utils";
+import { ConversationState } from "./ConversationState";
 import { StartChatFailureType } from "./StartChatFailureType";
+import { defaultClientDataStoreProvider } from "../../common/storage/default/defaultClientDataStoreProvider";
+import { defaultMiddlewareLocalizedTexts } from "../../components/webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
 export const getLiveChatWidgetContextInitialState = props => {
   var _props$controlProps, _props$webChatContain;
+  const isOutsideOperatingHours = () => {
+    var _props$chatConfig, _props$chatConfig$Liv, _props$chatConfig$Liv2;
+    return ((_props$chatConfig = props.chatConfig) === null || _props$chatConfig === void 0 ? void 0 : (_props$chatConfig$Liv = _props$chatConfig.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig$Liv === void 0 ? void 0 : (_props$chatConfig$Liv2 = _props$chatConfig$Liv.OutOfOperatingHours) === null || _props$chatConfig$Liv2 === void 0 ? void 0 : _props$chatConfig$Liv2.toString().toLowerCase()) === "true";
+  };
   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)) {
     const initialStateFromCache = JSON.parse(initialState);
+    const outsideOperatingHours = isOutsideOperatingHours();
 
     /*
     * this step is needed to avoid the pre-chat pane to be injected in the DOM when the widget is reloaded, because wont be visible
@@ -19,9 +24,15 @@ export const getLiveChatWidgetContextInitialState = props => {
     * as part of the flow, the pre-chat will be detected and then it will be displayed properly 
     * this case is only and only for pre-chat pane.
     * **/
-    if (initialStateFromCache.appStates.conversationState === ConversationState.Prechat) {
+    if (initialStateFromCache.appStates.conversationState === ConversationState.Prechat || initialStateFromCache.appStates.conversationState === ConversationState.OutOfOffice || outsideOperatingHours) {
       initialStateFromCache.appStates.conversationState = ConversationState.Closed;
+      // if we are resetting the conversation state, there is no point to obtain minimized state from cache
+      initialStateFromCache.appStates.isMinimized = undefined;
     }
+    // we are always setting the chatConfig from the props to avoid any issues with the cache
+    initialStateFromCache.domainStates.liveChatConfig = props.chatConfig;
+    // Cache the result of isOutsideOperatingHours() to ensure consistency
+    initialStateFromCache.appStates.outsideOperatingHours = outsideOperatingHours;
     return initialStateFromCache;
   }
   const LiveChatWidgetContextInitialState = {
@@ -50,7 +61,7 @@ export const getLiveChatWidgetContextInitialState = props => {
       isMinimized: undefined,
       previousElementIdOnFocusBeforeModalOpen: null,
       startChatFailed: false,
-      outsideOperatingHours: false,
+      outsideOperatingHours: isOutsideOperatingHours(),
       preChatResponseEmail: "",
       isAudioMuted: null,
       newMessage: false,

package/lib/esm/controller/componentController.js

@@ -17,7 +17,7 @@ export const shouldShowEmailTranscriptPane = state => {
   return state.uiStates.showEmailTranscriptPane;
 };
 export const shouldShowWebChatContainer = state => {
-  return state.appStates.conversationState === ConversationState.Active || state.appStates.conversationState === ConversationState.InActive;
+  return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.Active || state.appStates.conversationState === ConversationState.InActive;
 };
 export const shouldShowLoadingPane = state => {
   return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.Loading;
@@ -32,7 +32,8 @@ export const shouldShowPostChatLoadingPane = state => {
   return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.PostchatLoading;
 };
 export const shouldShowOutOfOfficeHoursPane = state => {
-  return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.OutOfOffice;
+  // Show OOOH pane only when the conversation state is Closed and outside operating hours is true
+  return !state.appStates.isMinimized && state.appStates.outsideOperatingHours === true && state.appStates.conversationState === ConversationState.OutOfOffice;
 };
 export const shouldShowPreChatSurveyPane = state => {
   return state.appStates.conversationState === ConversationState.Prechat;

package/lib/esm/firstresponselatency/Constants.js

@@ -0,0 +1,6 @@
+export let ScenarioType;
+(function (ScenarioType) {
+  ScenarioType["UserSendMessageStrategy"] = "UserSendMessageStrategy";
+  ScenarioType["SystemMessageStrategy"] = "SystemMessageStrategy";
+  ScenarioType["ReceivedMessageStrategy"] = "ReceivedMessageStrategy";
+})(ScenarioType || (ScenarioType = {}));