@microsoft/omnichannel-chat-widget 0.1.0-main.c461296 → 0.1.0-main.c881067

package/lib/cjs/components/footerstateful/audionotificationstateful/AudioNotificationStateful.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AudioNotificationStateful = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const AudioNotificationStateful = props => {
   const {
     audioSrc,
@@ -30,7 +25,6 @@ const AudioNotificationStateful = props => {
   }, [isAudioMuted]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
 };
-
 exports.AudioNotificationStateful = AudioNotificationStateful;
 var _default = AudioNotificationStateful;
 exports.default = _default;

package/lib/cjs/components/footerstateful/downloadtranscriptstateful/DownloadTranscriptStateful.js

@@ -4,37 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.downloadTranscript = void 0;
-
 var _Constants = require("../../../common/Constants");
-
 var _NotificationScenarios = require("../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios");
-
 var _NotificationHandler = require("../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler");
-
 var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
-
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
-
 const processDisplayName = displayName => {
   // if displayname matches "teamsvisitor:<some alphanumeric string>", we replace it with "Customer"
   const displayNameRegex = ".+:.+";
   const matchedTeamsDisplayName = displayName.match(displayNameRegex);
-
   if (displayName.indexOf("teamsvisitor") >= 0 && matchedTeamsDisplayName && matchedTeamsDisplayName.length > 0) {
     displayName = "Customer";
   }
-
   return displayName;
 };
-
 const constructIconName = displayName => {
   if (!displayName) {
     return "";
   }
-
   let iconName = "C";
   const displayNameSplit = displayName.split(" ");
-
   if (displayNameSplit.length > 1) {
     // get the first letter of name and surname
     iconName = displayNameSplit[0][0] + displayNameSplit[1][0];
@@ -42,55 +31,42 @@ const constructIconName = displayName => {
     // get the first letter of name
     iconName = displayNameSplit[0][0];
   }
-
   return iconName;
 };
-
 const processCreatedDateTime = (createdDateTime, chatCount) => {
-  const formattedDate = new Date(createdDateTime); // TODO: Localization:
-
-  const formattedTimeString = formattedDate.toLocaleTimeString("en-us"
-  /* Bootstrapper.LiveChatConfiguration.chatWidgetLocale */
-  , {
+  const formattedDate = new Date(createdDateTime);
+  // TODO: Localization:
+  const formattedTimeString = formattedDate.toLocaleTimeString("en-us" /* Bootstrapper.LiveChatConfiguration.chatWidgetLocale */, {
     hour: "2-digit",
     minute: "2-digit"
   });
   const formattedSplitTimeString = formattedTimeString.split(" ");
   let finalizedTimeString = "";
-
   if (formattedSplitTimeString && formattedSplitTimeString.length > 1) {
     finalizedTimeString = formattedSplitTimeString[0] + " " + formattedSplitTimeString[1];
   }
-
   if (chatCount == 0) {
     return formattedDate.toLocaleDateString("en-us") + " " + finalizedTimeString;
   }
-
   return finalizedTimeString;
 };
-
 const processContent = (transcriptContent, isAgentChat, renderMarkDown) => {
   if (transcriptContent.toString().toLowerCase().indexOf(_Constants.TranscriptConstants.TranscriptMessageEmojiMessageType) >= 0) {
     // eslint-disable-next-line no-useless-escape
     const emojiRegex = "<img src=\"http.*:\/\/.+\/objects\/.+\/views.+\">";
     const matchedEmojiImgTag = transcriptContent.match(emojiRegex);
-
     if (matchedEmojiImgTag && matchedEmojiImgTag.length > 0 && transcriptContent.toString().toLowerCase().indexOf(matchedEmojiImgTag[0]) >= 0) {
       transcriptContent = transcriptContent.replace(matchedEmojiImgTag[0], "");
     }
   }
-
   if (!isAgentChat && transcriptContent.toString().toLowerCase().indexOf("a href") >= 0 && transcriptContent.toString().toLowerCase().indexOf("target") >= 0) {
     transcriptContent = transcriptContent.slice(0, transcriptContent.toString().indexOf("target")) + " style='color:white' " + transcriptContent.slice(transcriptContent.toString().indexOf("target"));
   }
-
   if (renderMarkDown) {
     transcriptContent = renderMarkDown(transcriptContent);
   }
-
   return transcriptContent;
 };
-
 const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMessage) => {
   const chats = JSON.parse(chatTranscripts).reverse();
   const docTypeTag = "<!DOCTYPE html>";
@@ -105,8 +81,9 @@ const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMess
   let tabIndex = 1;
   const mainTranscriptSection = "<div class='allTranscripts' style='max-width:60%;min-width:30%;margin-left:20%;background-color:#FFFFFF;'>";
   let previousDisplayName = "";
-  let chatCount = 0; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  let chatCount = 0;
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   chats.forEach(value => {
     let dialogNameMarginTop = "6px";
     let dialogboxMarginleft = "40px";
@@ -116,8 +93,13 @@ const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMess
     let fileAttachmentName = _Constants.TranscriptConstants.DefaultFileAttachmentName;
     let dialogColor = _Constants.TranscriptConstants.CustomerDialogColor;
     let fontColor = _Constants.TranscriptConstants.CustomerFontColor;
-
-    if (value.tags && value.tags.toLowerCase().indexOf(_Constants.Constants.systemMessageTag) !== -1 || value.isControlMessage && value.isControlMessage === true || value.contentType && value.contentType.toLowerCase() === _Constants.TranscriptConstants.AdaptiveCardType || value.deliveryMode && value.deliveryMode.toLowerCase() === _Constants.TranscriptConstants.InternalMode) {
+    const isSystemMessage = value.tags && value.tags.toLowerCase().indexOf(_Constants.Constants.systemMessageTag) !== -1;
+    const isControlMessage = value.isControlMessage && value.isControlMessage === true;
+    const isAdaptiveCard = value.contentType && value.contentType.toLowerCase() === _Constants.TranscriptConstants.AdaptiveCardType;
+    const isInternalMessage = value.deliveryMode && value.deliveryMode.toLowerCase() === _Constants.TranscriptConstants.InternalMode;
+    const isHiddenMessage = value.tags && value.tags.toLowerCase().indexOf(_Constants.Constants.hiddenTag.toLowerCase()) !== -1;
+    const shouldIgnoreMessage = isSystemMessage || isControlMessage || isAdaptiveCard || isInternalMessage || isHiddenMessage;
+    if (shouldIgnoreMessage) {
       return;
     } else if (value.from) {
       if (value.from.application) {
@@ -132,19 +114,15 @@ const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMess
         displayName = value.from.user.displayName;
         dialogColor = _Constants.TranscriptConstants.CustomerDialogColor;
       }
-
       displayName = processDisplayName(displayName);
       iconName = constructIconName(displayName);
-
       if (value.attachments && value.attachments.length > 0 && value.attachments[0].name) {
         fileAttachmentName = value.attachments[0].name;
-        value.content = attachmentMessage ?? "The following attachment was uploaded during the conversation:" + fileAttachmentName;
+        value.content = attachmentMessage ? attachmentMessage + " " + fileAttachmentName : "The following attachment was uploaded during the conversation: " + fileAttachmentName;
       }
     }
-
     let displayNamePlaceholder = processCreatedDateTime(value.createdDateTime, chatCount);
     let iconPara = "";
-
     if (displayName !== previousDisplayName) {
       dialogboxMarginleft = "0px";
       displayNamePlaceholder = "<b>" + displayName + " </b> " + processCreatedDateTime(value.createdDateTime, chatCount);
@@ -155,17 +133,14 @@ const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMess
                             </div>";
       tabIndex++;
     }
-
     if (displayName !== previousDisplayName) {
       if (previousDisplayName === "") {
         dialogNameMarginTop = "0px";
       }
-
       if (previousDisplayName !== "") {
         dialogNameMarginTop = "20px";
       }
     }
-
     const displayNameDiv = "<div style='margin-right:-2px;margin-top:" + dialogNameMarginTop + ";margin-bottom:-2px;margin-left:42px;top:-2px;position:relative;'>\
                                     <font tabindex ='" + tabIndex + "' size = '1px' color='#000000' style='font-family:Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;'>\
                                         " + displayNamePlaceholder + "\
@@ -179,16 +154,14 @@ const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMess
   });
   const str = docTypeTag + docStartTag + docMetaTag + bodyStartTag + mainTranscriptSection + beautifiedChats + divEndTag + bodyEndTag + docEndTag;
   return str;
-}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+};
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const downloadTranscript = async (chatSDK, renderMarkDown, bannerMessageOnError, attachmentMessage) => {
   let data = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getLiveChatTranscript());
-
   if (typeof data === _Constants.Constants.String) {
     data = JSON.parse(data);
   }
-
   if (data[_Constants.Constants.ChatMessagesJson] !== null && data[_Constants.Constants.ChatMessagesJson] !== undefined) {
     const chatTranscripts = window.btoa(encodeURIComponent(beautifyChatTranscripts(data[_Constants.Constants.ChatMessagesJson], renderMarkDown, attachmentMessage)));
     const byteCharacters = decodeURIComponent(window.atob(chatTranscripts));
@@ -208,9 +181,7 @@ const downloadTranscript = async (chatSDK, renderMarkDown, bannerMessageOnError,
         exception: "Download transcript failed: response null or undefined."
       }
     });
-
     _NotificationHandler.NotificationHandler.notifyError(_NotificationScenarios.NotificationScenarios.DownloadTranscriptError, bannerMessageOnError ?? _Constants.Constants.defaultDownloadTranscriptError);
   }
 };
-
 exports.downloadTranscript = downloadTranscript;

package/lib/cjs/components/footerstateful/downloadtranscriptstateful/DownloadTranscriptStateful.spec.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _omnichannelChatSdk = require("@microsoft/omnichannel-chat-sdk");
-
 var _react = require("@testing-library/react");
-
 jest.mock("@microsoft/omnichannel-chat-sdk");
 describe("DownloadTranscriptStateful unit test", () => {
   afterEach(() => {
@@ -18,10 +16,10 @@ describe("DownloadTranscriptStateful unit test", () => {
     };
     const chatSDK = new _omnichannelChatSdk.OmnichannelChatSDK(omnichannelConfig);
     jest.spyOn(chatSDK, "getLiveChatTranscript").mockResolvedValue(Promise.resolve());
-
     try {
       await chatSDK.getLiveChatTranscript();
-      expect(chatSDK.getLiveChatTranscript).toHaveBeenCalledTimes(1); // eslint-disable-next-line no-empty
+      expect(chatSDK.getLiveChatTranscript).toHaveBeenCalledTimes(1);
+      // eslint-disable-next-line no-empty
     } catch (ex) {}
   });
   it("Method getLiveChatTranscript throws exception", async () => {
@@ -33,9 +31,9 @@ describe("DownloadTranscriptStateful unit test", () => {
     };
     const chatSDK = new _omnichannelChatSdk.OmnichannelChatSDK(omnichannelConfig);
     jest.spyOn(chatSDK, "getLiveChatTranscript").mockRejectedValue(new Error(errorMessage));
-
     try {
-      await chatSDK.getLiveChatTranscript(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      await chatSDK.getLiveChatTranscript();
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (ex) {
       expect(ex.message).toEqual(errorMessage);
     }
@@ -48,9 +46,9 @@ describe("DownloadTranscriptStateful unit test", () => {
       widgetId: ""
     };
     const chatSDK = new _omnichannelChatSdk.OmnichannelChatSDK(omnichannelConfig);
-
     try {
-      await chatSDK.getLiveChatTranscript(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      await chatSDK.getLiveChatTranscript();
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (ex) {
       expect(ex.message).toEqual(errorMessage);
     }

package/lib/cjs/components/headerstateful/HeaderStateful.js

@@ -4,46 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.HeaderStateful = void 0;
-
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ConversationState = require("../../contexts/common/ConversationState");
-
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
-
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
-
 var _defaultOutOfOfficeHeaderStyleProps = require("./common/styleProps/defaultOutOfOfficeHeaderStyleProps");
-
 var _useChatAdapterStore = _interopRequireDefault(require("../../hooks/useChatAdapterStore"));
-
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const HeaderStateful = props => {
   var _state$domainStates$l, _state$domainStates$l2, _headerProps$controlP, _headerProps$controlP2, _headerProps$controlP3, _outOfOfficeHeaderPro;
-
-  const [state, dispatch] = (0, _useChatContextStore.default)(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+  const [state, dispatch] = (0, _useChatContextStore.default)();
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [adapter] = (0, _useChatAdapterStore.default)();
   const {
     headerProps,
     outOfOfficeHeaderProps,
     endChat
-  } = props; //Setting OutOfOperatingHours Flag
-
+  } = props;
+  //Setting OutOfOperatingHours Flag
   const [outOfOperatingHours, setOutOfOperatingHours] = (0, _react.useState)(((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.OutOfOperatingHours) === "True");
   const outOfOfficeStyleProps = Object.assign({}, _defaultOutOfOfficeHeaderStyleProps.defaultOutOfOfficeHeaderStyleProps, outOfOfficeHeaderProps === null || outOfOfficeHeaderProps === void 0 ? void 0 : outOfOfficeHeaderProps.styleProps);
   const conversationState = (0, _react.useRef)(state.appStates.conversationState);
+  const conversationEndedByAgent = (0, _react.useRef)(state.appStates.conversationEndedByAgent);
   const controlProps = {
     id: "oc-lcw-header",
     dir: state.domainStates.globalDir,
@@ -52,44 +39,40 @@ const HeaderStateful = props => {
         Event: _TelemetryConstants.TelemetryEvent.HeaderMinimizeButtonClicked,
         Description: "Header Minimize button clicked."
       });
-
       dispatch({
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
         payload: true
       });
     },
     onCloseClick: async () => {
+      var _props$headerProps, _props$headerProps$co, _props$headerProps$co2;
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.HeaderCloseButtonClicked,
         Description: "Header Close button clicked."
       });
-
-      if (conversationState.current === _ConversationState.ConversationState.Active) {
+      if (conversationState.current === _ConversationState.ConversationState.Active || conversationEndedByAgent.current) {
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SHOW_CONFIRMATION,
           payload: true
         });
-      } else if (conversationState.current === _ConversationState.ConversationState.Postchat) {
-        dispatch({
-          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SHOULD_SHOW_POST_CHAT,
-          payload: false
-        });
-        await endChat(adapter);
-      } else if (conversationState.current === _ConversationState.ConversationState.InActive) {
+      } else {
         const skipEndChatSDK = true;
         const skipCloseChat = false;
-        await endChat(adapter, skipEndChatSDK, skipCloseChat);
+        const postMessageToOtherTabs = true;
+        await endChat(adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTabs);
+      }
+      const closeButtonId = ((_props$headerProps = props.headerProps) === null || _props$headerProps === void 0 ? void 0 : (_props$headerProps$co = _props$headerProps.controlProps) === null || _props$headerProps$co === void 0 ? void 0 : (_props$headerProps$co2 = _props$headerProps$co.closeButtonProps) === null || _props$headerProps$co2 === void 0 ? void 0 : _props$headerProps$co2.id) ?? `${controlProps.id}-close-button`;
+      if (closeButtonId) {
+        dispatch({
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_PREVIOUS_FOCUSED_ELEMENT_ID,
+          payload: closeButtonId
+        });
       }
-
-      dispatch({
-        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_PREVIOUS_FOCUSED_ELEMENT,
-        payload: document.getElementById(`${controlProps.id}-closebutton`)
-      });
     },
     ...(headerProps === null || headerProps === void 0 ? void 0 : headerProps.controlProps),
-    hideTitle: state.appStates.conversationState === _ConversationState.ConversationState.Loading || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP = headerProps.controlProps) === null || _headerProps$controlP === void 0 ? void 0 : _headerProps$controlP.hideTitle),
-    hideIcon: state.appStates.conversationState === _ConversationState.ConversationState.Loading || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP2 = headerProps.controlProps) === null || _headerProps$controlP2 === void 0 ? void 0 : _headerProps$controlP2.hideIcon),
-    hideCloseButton: state.appStates.conversationState === _ConversationState.ConversationState.Loading || state.appStates.conversationState === _ConversationState.ConversationState.Prechat || state.appStates.conversationState === _ConversationState.ConversationState.ReconnectChat || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP3 = headerProps.controlProps) === null || _headerProps$controlP3 === void 0 ? void 0 : _headerProps$controlP3.hideCloseButton)
+    hideTitle: state.appStates.conversationState === _ConversationState.ConversationState.Loading && !state.appStates.isStartChatFailing || state.appStates.conversationState === _ConversationState.ConversationState.PostchatLoading || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP = headerProps.controlProps) === null || _headerProps$controlP === void 0 ? void 0 : _headerProps$controlP.hideTitle),
+    hideIcon: state.appStates.conversationState === _ConversationState.ConversationState.Loading && !state.appStates.isStartChatFailing || state.appStates.conversationState === _ConversationState.ConversationState.PostchatLoading || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP2 = headerProps.controlProps) === null || _headerProps$controlP2 === void 0 ? void 0 : _headerProps$controlP2.hideIcon),
+    hideCloseButton: state.appStates.conversationState === _ConversationState.ConversationState.Loading && !state.appStates.isStartChatFailing || state.appStates.conversationState === _ConversationState.ConversationState.Prechat || state.appStates.conversationState === _ConversationState.ConversationState.ReconnectChat || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP3 = headerProps.controlProps) === null || _headerProps$controlP3 === void 0 ? void 0 : _headerProps$controlP3.hideCloseButton)
   };
   const outOfOfficeControlProps = {
     id: "oc-lcw-header",
@@ -110,10 +93,10 @@ const HeaderStateful = props => {
     if (state.appStates.outsideOperatingHours) {
       setOutOfOperatingHours(true);
     }
-
     if (state.appStates.conversationState) {
       conversationState.current = state.appStates.conversationState;
     }
+    conversationEndedByAgent.current = state.appStates.conversationEndedByAgent;
   }, [state.appStates]);
   return /*#__PURE__*/_react.default.createElement(_omnichannelChatComponents.Header, {
     componentOverrides: headerProps === null || headerProps === void 0 ? void 0 : headerProps.componentOverrides,
@@ -121,7 +104,6 @@ const HeaderStateful = props => {
     styleProps: outOfOperatingHours || state.appStates.conversationState === _ConversationState.ConversationState.OutOfOffice ? outOfOfficeStyleProps : headerProps === null || headerProps === void 0 ? void 0 : headerProps.styleProps
   });
 };
-
 exports.HeaderStateful = HeaderStateful;
 var _default = HeaderStateful;
 exports.default = _default;

package/lib/cjs/components/livechatwidget/LiveChatWidget.js

@@ -4,31 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.LiveChatWidget = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _ChatAdapterStore = require("../../contexts/ChatAdapterStore");
-
 var _ChatContextStore = require("../../contexts/ChatContextStore");
-
 var _ChatSDKStore = require("../../contexts/ChatSDKStore");
-
 var _LiveChatWidgetStateful = _interopRequireDefault(require("./livechatwidgetstateful/LiveChatWidgetStateful"));
-
 var _createReducer = require("../../contexts/createReducer");
-
 var _LiveChatWidgetContextInitialState = require("../../contexts/common/LiveChatWidgetContextInitialState");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const LiveChatWidget = props => {
   const reducer = (0, _createReducer.createReducer)();
-  const [state, dispatch] = (0, _react.useReducer)(reducer, (0, _LiveChatWidgetContextInitialState.getLiveChatWidgetContextInitialState)(props)); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+  const [state, dispatch] = (0, _react.useReducer)(reducer, (0, _LiveChatWidgetContextInitialState.getLiveChatWidgetContextInitialState)(props));
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [adapter, setAdapter] = (0, _react.useState)(undefined);
   return /*#__PURE__*/_react.default.createElement(_ChatSDKStore.ChatSDKStore.Provider, {
     value: props.chatSDK
@@ -38,7 +27,6 @@ const LiveChatWidget = props => {
     value: [state, dispatch]
   }, /*#__PURE__*/_react.default.createElement(_LiveChatWidgetStateful.default, props))));
 };
-
 exports.LiveChatWidget = LiveChatWidget;
 var _default = LiveChatWidget;
 exports.default = _default;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActivityStreamHandler = void 0;
+var _Deferred = require("./Deferred");
+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); }
+class ActivityStreamHandler {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  /**
+   * Use of a deferred pattern, to hold the execution of the activity.
+   * 
+   * */
+  static cork() {
+    ActivityStreamHandler.restoreDeferred = new _Deferred.Deferred();
+    ActivityStreamHandler.restorePromise = ActivityStreamHandler.restoreDeferred.promise;
+  }
+
+  /**
+   * Resolve the promise, releasing it to continue with the execution of the activity.
+   * 
+   * */
+  static uncork() {
+    ActivityStreamHandler.restoreDeferred.resolve();
+  }
+}
+exports.ActivityStreamHandler = ActivityStreamHandler;
+_defineProperty(ActivityStreamHandler, "restoreDeferred", {
+  resolve: () => {
+    return "initialState";
+  }
+});
+_defineProperty(ActivityStreamHandler, "restorePromise", void 0);

package/lib/cjs/components/livechatwidget/common/ActivitySubscriber/DefaultActivitySubscriber.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultActivitySubscriber = void 0;
+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); }
+class DefaultActivitySubscriber {
+  constructor() {
+    _defineProperty(this, "observer", void 0);
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  async next(activity) {
+    this.observer.next(activity);
+    return false;
+  }
+}
+exports.DefaultActivitySubscriber = DefaultActivitySubscriber;

package/lib/cjs/components/livechatwidget/common/ActivitySubscriber/IActivitySubscriber.js

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

package/lib/cjs/components/livechatwidget/common/ActivitySubscriber/PauseActivitySubscriber.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PauseActivitySubscriber = void 0;
+var _ActivityStreamHandler = require("../ActivityStreamHandler");
+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); }
+class PauseActivitySubscriber {
+  constructor() {
+    _defineProperty(this, "observer", void 0);
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  async apply(activity) {
+    await _ActivityStreamHandler.ActivityStreamHandler.restorePromise;
+    return activity;
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
+  applicable(activity) {
+    return true;
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  async next(activity) {
+    if (this.applicable(activity)) {
+      return await this.apply(activity);
+    }
+    return activity;
+  }
+}
+exports.PauseActivitySubscriber = PauseActivitySubscriber;

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

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatAdapterShim = void 0;
+var _DefaultActivitySubscriber = require("./ActivitySubscriber/DefaultActivitySubscriber");
+var _shareObservable = require("./shareObservable");
+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); }
+class ChatAdapterShim {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  constructor(chatAdapter) {
+    _defineProperty(this, "chatAdapter", void 0);
+    _defineProperty(this, "activityObserver", void 0);
+    _defineProperty(this, "subscribers", void 0);
+    this.subscribers = [];
+    this.chatAdapter = {
+      ...chatAdapter,
+      activity$: (0, _shareObservable.shareObservable)(
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      new window.Observable(observer => {
+        this.activityObserver = observer;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const abortController = new window.AbortController();
+        (async () => {
+          try {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            for await (let activity of chatAdapter.activities({
+              signal: abortController.signal
+            })) {
+              for (const subscriber of [...this.subscribers, new _DefaultActivitySubscriber.DefaultActivitySubscriber()]) {
+                subscriber.observer = this.activityObserver;
+                activity = await subscriber.next(activity);
+                if (!activity) {
+                  break;
+                }
+              }
+            }
+            observer.complete();
+          } catch (error) {
+            observer.error(error);
+          }
+        })();
+        return () => {
+          abortController.abort();
+        };
+      }))
+    };
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  addSubscriber(subscriber) {
+    this.subscribers.push(subscriber);
+  }
+}
+exports.ChatAdapterShim = ChatAdapterShim;

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Deferred = void 0;
+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); }
+class Deferred {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  constructor() {
+    _defineProperty(this, "_promise", void 0);
+    _defineProperty(this, "_resolve", void 0);
+    _defineProperty(this, "_reject", () => {
+      return;
+    });
+    _defineProperty(this, "resolve", value => {
+      this._resolve(value);
+    });
+    _defineProperty(this, "reject", value => {
+      this._reject(value);
+    });
+    this._promise = new Promise((resolve, reject) => {
+      this._resolve = resolve;
+      this._reject = reject;
+    });
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  get promise() {
+    return this._promise;
+  }
+}
+exports.Deferred = Deferred;