@microsoft/omnichannel-chat-widget 1.2.2-main.f0135ab → 1.2.3-main.000f886

package/lib/cjs/common/Constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WebChatMiddlewareConstants = exports.TranscriptConstants = exports.StorageType = exports.Regex = exports.ParticipantType = exports.MimeTypes = exports.LocaleConstants = exports.LiveWorkItemState = exports.HtmlIdNames = exports.HtmlElementSelectors = exports.HtmlClassNames = exports.HtmlAttributeNames = exports.EnvironmentVersion = exports.ElementType = exports.E2VVOptions = exports.ConversationEndEntity = exports.Constants = exports.ConfirmationState = exports.ChatSDKError = exports.AriaTelemetryConstants = exports.AMSConstants = void 0;
+exports.WebChatMiddlewareConstants = exports.TranscriptConstants = exports.StorageType = exports.Regex = exports.ParticipantType = exports.MimeTypes = exports.LocaleConstants = exports.LiveWorkItemState = exports.HtmlIdNames = exports.HtmlElementSelectors = exports.HtmlClassNames = exports.HtmlAttributeNames = exports.EnvironmentVersion = exports.ElementType = exports.E2VVOptions = exports.ConversationMode = exports.ConversationEndEntity = exports.Constants = exports.ConfirmationState = exports.ChatSDKError = exports.AriaTelemetryConstants = exports.AMSConstants = void 0;
 var _class;
 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); }
@@ -208,6 +208,12 @@ exports.E2VVOptions = E2VVOptions;
   E2VVOptions["VideoAndVoiceCalling"] = "192350001";
   E2VVOptions["VoiceOnly"] = "192350002";
 })(E2VVOptions || (exports.E2VVOptions = E2VVOptions = {}));
+let ConversationMode;
+exports.ConversationMode = ConversationMode;
+(function (ConversationMode) {
+  ConversationMode["Regular"] = "192350000";
+  ConversationMode["Persistent"] = "192350001";
+})(ConversationMode || (exports.ConversationMode = ConversationMode = {}));
 let LiveWorkItemState;
 exports.LiveWorkItemState = LiveWorkItemState;
 (function (LiveWorkItemState) {

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

@@ -195,7 +195,7 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["MessageSent"] = "MessageSent";
   TelemetryEvent["MessageReceived"] = "MessageReceived";
   TelemetryEvent["SystemMessageReceived"] = "SystemMessageReceived";
-  TelemetryEvent["HistoryMessageReceived"] = "HistoryMessageReceived";
+  TelemetryEvent["RehydrateMessageReceived"] = "RehydrateMessageReceived";
   TelemetryEvent["CustomContextReceived"] = "CustomContextReceived";
   TelemetryEvent["NetworkDisconnected"] = "NetworkDisconnected";
   TelemetryEvent["NetworkReconnected"] = "NetworkReconnected";

package/lib/cjs/components/chatbuttonstateful/ChatButtonStateful.js

@@ -8,12 +8,12 @@ var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
 var _react = _interopRequireWildcard(require("react"));
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 var _Constants = require("../../common/Constants");
-var _utils = require("../../common/utils");
 var _ConversationState = require("../../contexts/common/ConversationState");
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
 var _TelemetryManager = require("../../common/telemetry/TelemetryManager");
 var _defaultOutOfOfficeChatButtonStyleProps = require("./common/styleProps/defaultOutOfOfficeChatButtonStyleProps");
+var _utils = require("../../common/utils");
 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); }
@@ -28,6 +28,22 @@ const ChatButtonStateful = props => {
   } = 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 ref = (0, _react.useRef)(() => {
+    return;
+  });
+  ref.current = async () => {
+    _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
+      Event: _TelemetryConstants.TelemetryEvent.LCWChatButtonClicked
+    });
+    if (state.appStates.isMinimized) {
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
+        payload: false
+      });
+    } else {
+      await startChat();
+    }
+  };
   const outOfOfficeStyleProps = Object.assign({}, _defaultOutOfOfficeChatButtonStyleProps.defaultOutOfOfficeChatButtonStyleProps, outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.styleProps);
   const controlProps = {
     id: "oc-lcw-chat-button",
@@ -36,19 +52,7 @@ const ChatButtonStateful = props => {
     subtitleText: "We're online.",
     hideNotificationBubble: (buttonProps === null || buttonProps === void 0 ? void 0 : (_buttonProps$controlP = buttonProps.controlProps) === null || _buttonProps$controlP === void 0 ? void 0 : _buttonProps$controlP.hideNotificationBubble) === true || state.appStates.isMinimized === false,
     unreadMessageCount: state.appStates.unreadMessageCount ? state.appStates.unreadMessageCount > _Constants.Constants.maximumUnreadMessageCount ? (_props$buttonProps = props.buttonProps) === null || _props$buttonProps === void 0 ? void 0 : (_props$buttonProps$co = _props$buttonProps.controlProps) === null || _props$buttonProps$co === void 0 ? void 0 : _props$buttonProps$co.largeUnreadMessageString : state.appStates.unreadMessageCount.toString() : "0",
-    onClick: async () => {
-      _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
-        Event: _TelemetryConstants.TelemetryEvent.LCWChatButtonClicked
-      });
-      if (state.appStates.isMinimized) {
-        dispatch({
-          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
-          payload: false
-        });
-      } else {
-        await startChat();
-      }
-    },
+    onClick: () => ref.current(),
     unreadMessageString: (_props$buttonProps2 = props.buttonProps) === null || _props$buttonProps2 === void 0 ? void 0 : (_props$buttonProps2$c = _props$buttonProps2.controlProps) === null || _props$buttonProps2$c === void 0 ? void 0 : _props$buttonProps2$c.unreadMessageString,
     ...(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.controlProps)
   };

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

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isReconnectEnabled = exports.handleChatReconnect = exports.getChatReconnectContext = void 0;
+exports.isReconnectEnabled = exports.isPersistentEnabled = exports.handleChatReconnect = exports.getChatReconnectContext = void 0;
 require("regenerator-runtime/runtime");
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
 var _utils = require("../../../common/utils");
 var _authHelper = require("./authHelper");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
+var _Constants = require("../../../common/Constants");
 var _ConversationState = require("../../../contexts/common/ConversationState");
 var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
 var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const handleChatReconnect = async (chatSDK, props, dispatch, setAdapter, initStartChat, state) => {
   var _props$chatConfig, _props$chatConfig$Liv;
-  if (!isReconnectEnabled(props.chatConfig)) return;
+  if (!isReconnectEnabled(props.chatConfig) || isPersistentEnabled(props.chatConfig)) return;
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const isAuthenticatedChat = (_props$chatConfig = props.chatConfig) !== null && _props$chatConfig !== void 0 && (_props$chatConfig$Liv = _props$chatConfig.LiveChatConfigAuthSettings) !== null && _props$chatConfig$Liv !== void 0 && _props$chatConfig$Liv.msdyn_javascriptclientfunction ? true : false;
@@ -128,6 +129,15 @@ const isReconnectEnabled = chatConfig => {
   return false;
 };
 exports.isReconnectEnabled = isReconnectEnabled;
+const isPersistentEnabled = chatConfig => {
+  if (chatConfig) {
+    var _chatConfig$LiveWSAnd3, _chatConfig$LiveWSAnd4;
+    const persistentEnabled = ((_chatConfig$LiveWSAnd3 = chatConfig.LiveWSAndLiveChatEngJoin) === null || _chatConfig$LiveWSAnd3 === void 0 ? void 0 : (_chatConfig$LiveWSAnd4 = _chatConfig$LiveWSAnd3.msdyn_conversationmode) === null || _chatConfig$LiveWSAnd4 === void 0 ? void 0 : _chatConfig$LiveWSAnd4.toLowerCase()) === _Constants.ConversationMode.Persistent;
+    return persistentEnabled;
+  }
+  return false;
+};
+exports.isPersistentEnabled = isPersistentEnabled;
 const hasReconnectId = reconnectAvailabilityResponse => {
   return reconnectAvailabilityResponse && !(0, _utils.isNullOrUndefined)(reconnectAvailabilityResponse.reconnectId);
 };

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

@@ -88,12 +88,12 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
   const optionalParams = {
     isProactiveChat
   };
-  await initStartChat(chatSDK, dispatch, setAdapter, props, optionalParams);
+  await initStartChat(chatSDK, dispatch, setAdapter, state, props, optionalParams);
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.setPreChatAndInitiateChat = setPreChatAndInitiateChat;
-const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persistedState) => {
+const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params, persistedState) => {
   var _props$controlProps2;
   let isStartChatSuccessful = false;
   const chatConfig = props === null || props === void 0 ? void 0 : props.chatConfig;
@@ -131,7 +131,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
     try {
       var _window$Microsoft, _window$Microsoft$Dyn, _window$Microsoft$Dyn2, _window$Microsoft$Dyn3;
       // Set custom context params
-      await setCustomContextParams(props);
+      await setCustomContextParams(state, props);
       const defaultOptionalParams = {
         sendDefaultInitContext: true,
         isProactiveChat: !!(params !== null && params !== void 0 && params.isProactiveChat),
@@ -295,14 +295,14 @@ const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdap
     const optionalParams = {
       liveChatContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai7 = persistedState.domainStates) === null || _persistedState$domai7 === void 0 ? void 0 : _persistedState$domai7.liveChatContext
     };
-    await initStartChat(chatSDK, dispatch, setAdapter, props, optionalParams, persistedState);
+    await initStartChat(chatSDK, dispatch, setAdapter, state, props, optionalParams, persistedState);
     return true;
   }
   return false;
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const setCustomContextParams = async props => {
+const setCustomContextParams = async (state, props) => {
   var _props$chatConfig, _props$chatConfig$Liv, _persistedState$domai8;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const isAuthenticatedChat = props !== null && props !== void 0 && (_props$chatConfig = props.chatConfig) !== null && _props$chatConfig !== void 0 && (_props$chatConfig$Liv = _props$chatConfig.LiveChatConfigAuthSettings) !== null && _props$chatConfig$Liv !== void 0 && _props$chatConfig$Liv.msdyn_javascriptclientfunction ? true : false;
@@ -310,6 +310,12 @@ const setCustomContextParams = async props => {
   if (isAuthenticatedChat) {
     return;
   }
+  if (state !== null && state !== void 0 && state.domainStates.customContext) {
+    optionalParams = Object.assign({}, optionalParams, {
+      customContext: JSON.parse(JSON.stringify(state === null || state === void 0 ? void 0 : state.domainStates.customContext))
+    });
+    return;
+  }
   if ((0, _utils.isNullOrEmptyString)(widgetInstanceId)) {
     widgetInstanceId = (0, _utils.getWidgetCacheIdfromProps)(props);
   }
@@ -322,13 +328,13 @@ const setCustomContextParams = async props => {
       Description: "Setting custom context for unauthenticated chat"
     });
     optionalParams = Object.assign({}, optionalParams, {
-      customContext: customContextLocal
+      customContext: JSON.parse(JSON.stringify(customContextLocal))
     });
   } else {
     const customContextFromParent = await getInitContextParamsForPopout();
     if (!(0, _utils.isUndefinedOrEmpty)(customContextFromParent === null || customContextFromParent === void 0 ? void 0 : customContextFromParent.contextVariables)) {
       optionalParams = Object.assign({}, optionalParams, {
-        customContext: customContextFromParent.contextVariables
+        customContext: JSON.parse(JSON.stringify(customContextFromParent.contextVariables))
       });
     }
   }

package/lib/cjs/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js

@@ -131,21 +131,21 @@ const LiveChatWidgetStateful = props => {
       isChatValid = await (0, _startChat.checkIfConversationStillValid)(chatSDK, dispatch, state);
       if (isChatValid === true) {
         //Check if reconnect enabled
-        if ((0, _reconnectChatHelper.isReconnectEnabled)(props.chatConfig) === true) {
+        if ((0, _reconnectChatHelper.isReconnectEnabled)(props.chatConfig) === true && !(0, _reconnectChatHelper.isPersistentEnabled)(props.chatConfig)) {
           await (0, _reconnectChatHelper.handleChatReconnect)(chatSDK, props, dispatch, setAdapter, _startChat.initStartChat, state);
           // If chat reconnect has kicked in chat state will become Active or Reconnect. So just exit, else go next
           if (state.appStates.conversationState === _ConversationState.ConversationState.Active || state.appStates.conversationState === _ConversationState.ConversationState.ReconnectChat) {
             return;
           }
         }
-        await (0, _startChat.initStartChat)(chatSDK, dispatch, setAdapter, props, optionalParams);
+        await (0, _startChat.initStartChat)(chatSDK, dispatch, setAdapter, state, props, optionalParams);
         return;
       }
     }
     if (isChatValid === false) {
       if (localState) {
         // adding the reconnect logic for the case when customer tries to reconnect from a new browser or InPrivate browser
-        if ((0, _reconnectChatHelper.isReconnectEnabled)(props.chatConfig) === true) {
+        if ((0, _reconnectChatHelper.isReconnectEnabled)(props.chatConfig) === true && !(0, _reconnectChatHelper.isPersistentEnabled)(props.chatConfig)) {
           await (0, _reconnectChatHelper.handleChatReconnect)(chatSDK, props, dispatch, setAdapter, _startChat.initStartChat, state);
           // If chat reconnect has kicked in chat state will become Active or Reconnect. So just exit, else go next
           if (state.appStates.conversationState === _ConversationState.ConversationState.Active || state.appStates.conversationState === _ConversationState.ConversationState.ReconnectChat) {
@@ -529,14 +529,14 @@ const LiveChatWidgetStateful = props => {
     }
 
     // If start chat failed, and C2 is trying to close chat widget
-    if (state !== null && state !== void 0 && (_state$appStates9 = state.appStates) !== null && _state$appStates9 !== void 0 && _state$appStates9.startChatFailed) {
+    if (state !== null && state !== void 0 && (_state$appStates9 = state.appStates) !== null && _state$appStates9 !== void 0 && _state$appStates9.startChatFailed || (state === null || state === void 0 ? void 0 : (_state$appStates10 = state.appStates) === null || _state$appStates10 === void 0 ? void 0 : _state$appStates10.conversationState) === _ConversationState.ConversationState.Postchat) {
       (0, _endChat.endChat)(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, true, false, true, uwid.current);
       return;
     }
 
     // Scenario -> Chat was InActive and closing the chat (Refresh scenario on post chat)
-    if ((state === null || state === void 0 ? void 0 : (_state$appStates10 = state.appStates) === null || _state$appStates10 === void 0 ? void 0 : _state$appStates10.conversationState) === _ConversationState.ConversationState.Postchat || (state === null || state === void 0 ? void 0 : (_state$appStates11 = state.appStates) === null || _state$appStates11 === void 0 ? void 0 : _state$appStates11.conversationState) === _ConversationState.ConversationState.InActive) {
-      (0, _endChat.endChat)(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, true, false, true, uwid.current);
+    if ((state === null || state === void 0 ? void 0 : (_state$appStates11 = state.appStates) === null || _state$appStates11 === void 0 ? void 0 : _state$appStates11.conversationState) === _ConversationState.ConversationState.InActive) {
+      (0, _endChat.endChat)(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true, uwid.current);
       return;
     }
     if ((state === null || state === void 0 ? void 0 : (_state$appStates12 = state.appStates) === null || _state$appStates12 === void 0 ? void 0 : _state$appStates12.conversationEndedBy) === _Constants.ConversationEndEntity.Agent || (state === null || state === void 0 ? void 0 : (_state$appStates13 = state.appStates) === null || _state$appStates13 === void 0 ? void 0 : _state$appStates13.conversationEndedBy) === _Constants.ConversationEndEntity.Bot) {
@@ -609,7 +609,7 @@ const LiveChatWidgetStateful = props => {
   const endChatRelay = (adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTab) => (0, _endChat.endChat)(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTab, uwid.current);
   const prepareStartChatRelay = () => (0, _startChat.prepareStartChat)(props, chatSDK, state, dispatch, setAdapter);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const initStartChatRelay = (optionalParams, persistedState) => (0, _startChat.initStartChat)(chatSDK, dispatch, setAdapter, props, optionalParams, persistedState);
+  const initStartChatRelay = (optionalParams, persistedState) => (0, _startChat.initStartChat)(chatSDK, dispatch, setAdapter, state, props, optionalParams, persistedState);
   const confirmationPaneProps = (0, _initConfirmationPropsComposer.initConfirmationPropsComposer)(props);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const prepareEndChatRelay = () => (0, _endChat.prepareEndChat)(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, uwid.current);

package/lib/cjs/components/webchatcontainerstateful/WebChatContainerStateful.js

@@ -8,7 +8,6 @@ var _react = require("@fluentui/react");
 var _TelemetryConstants = require("../../common/telemetry/TelemetryConstants");
 var _react2 = _interopRequireWildcard(require("react"));
 var _BotMagicCodeStore = require("./webchatcontroller/BotMagicCodeStore");
-var _broadcastChannel = require("broadcast-channel");
 var _botframeworkWebchat = require("botframework-webchat");
 var _Constants = require("../../common/Constants");
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
@@ -61,8 +60,8 @@ const WebChatContainerStateful = props => {
     BasicWebChat
   } = _botframeworkWebchat.Components;
   const [state, dispatch] = (0, _.useChatContextStore)();
-  const magicCodeBroadcastChannel = new _broadcastChannel.BroadcastChannel(_Constants.Constants.magicCodeBroadcastChannel);
-  const magicCodeResponseBroadcastChannel = new _broadcastChannel.BroadcastChannel(_Constants.Constants.magicCodeResponseBroadcastChannel);
+  const magicCodeBroadcastChannel = new window.BroadcastChannel(_Constants.Constants.magicCodeBroadcastChannel); // eslint-disable-line @typescript-eslint/no-explicit-any
+  const magicCodeResponseBroadcastChannel = new window.BroadcastChannel(_Constants.Constants.magicCodeResponseBroadcastChannel); // eslint-disable-line @typescript-eslint/no-explicit-any
   const {
     webChatContainerProps,
     contextDataStore

package/lib/cjs/plugins/newMessageEventHandler.js

@@ -8,6 +8,7 @@ var _TelemetryConstants = require("../common/telemetry/TelemetryConstants");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 var _Constants = require("../common/Constants");
 var _TelemetryHelper = require("../common/telemetry/TelemetryHelper");
+var _TelemetryManager = require("../common/telemetry/TelemetryManager");
 const createOnNewAdapterActivityHandler = (chatId, userId) => {
   const onNewAdapterActivityHandler = activity => {
     var _activity$channelData, _activity$channelData2, _activity$channelData3;
@@ -17,6 +18,20 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
   };
   let isHistoryMessageReceivedEventRasied = false;
   const raiseMessageEvent = (activity, isHistoryMessage) => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const polyfillMessagePayloadForEvent = payload => {
+      var _activity$conversatio, _TelemetryManager$Int;
+      return {
+        ...payload,
+        channelData: activity === null || activity === void 0 ? void 0 : activity.channelData,
+        chatId: activity === null || activity === void 0 ? void 0 : (_activity$conversatio = activity.conversation) === null || _activity$conversatio === void 0 ? void 0 : _activity$conversatio.id,
+        conversationId: (_TelemetryManager$Int = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int === void 0 ? void 0 : _TelemetryManager$Int.conversationId,
+        id: activity === null || activity === void 0 ? void 0 : activity.id,
+        isChatComplete: false,
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        text: activity === null || activity === void 0 ? void 0 : activity.text
+      };
+    };
     if ((activity === null || activity === void 0 ? void 0 : activity.type) === _Constants.Constants.message) {
       var _text, _text2, _activity$channelData4, _activity$from;
       const payload = {
@@ -34,7 +49,7 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
         payload.messageType = _Constants.Constants.userMessageTag;
         const newMessageSentEvent = {
           eventName: _TelemetryConstants.BroadcastEvent.NewMessageSent,
-          payload: payload
+          payload: polyfillMessagePayloadForEvent(payload)
         };
         _omnichannelChatComponents.BroadcastService.postMessage(newMessageSentEvent);
         _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
@@ -65,7 +80,7 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
         }
         const newMessageReceivedEvent = {
           eventName: isHistoryMessage ? _TelemetryConstants.BroadcastEvent.HistoryMessageReceived : _TelemetryConstants.BroadcastEvent.NewMessageReceived,
-          payload: payload
+          payload: polyfillMessagePayloadForEvent(payload)
         };
         _omnichannelChatComponents.BroadcastService.postMessage(newMessageReceivedEvent);
         if (!isHistoryMessage) {
@@ -78,7 +93,7 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
           if (!isHistoryMessageReceivedEventRasied) {
             isHistoryMessageReceivedEventRasied = true;
             _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
-              Event: _TelemetryConstants.TelemetryEvent.HistoryMessageReceived,
+              Event: _TelemetryConstants.TelemetryEvent.RehydrateMessageReceived,
               Description: "History message received",
               Data: payload
             });

package/lib/esm/common/Constants.js

@@ -188,6 +188,11 @@ export let E2VVOptions;
   E2VVOptions["VideoAndVoiceCalling"] = "192350001";
   E2VVOptions["VoiceOnly"] = "192350002";
 })(E2VVOptions || (E2VVOptions = {}));
+export let ConversationMode;
+(function (ConversationMode) {
+  ConversationMode["Regular"] = "192350000";
+  ConversationMode["Persistent"] = "192350001";
+})(ConversationMode || (ConversationMode = {}));
 export let LiveWorkItemState;
 (function (LiveWorkItemState) {
   LiveWorkItemState["Active"] = "Active";

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

@@ -189,7 +189,7 @@ export let TelemetryEvent;
   TelemetryEvent["MessageSent"] = "MessageSent";
   TelemetryEvent["MessageReceived"] = "MessageReceived";
   TelemetryEvent["SystemMessageReceived"] = "SystemMessageReceived";
-  TelemetryEvent["HistoryMessageReceived"] = "HistoryMessageReceived";
+  TelemetryEvent["RehydrateMessageReceived"] = "RehydrateMessageReceived";
   TelemetryEvent["CustomContextReceived"] = "CustomContextReceived";
   TelemetryEvent["NetworkDisconnected"] = "NetworkDisconnected";
   TelemetryEvent["NetworkReconnected"] = "NetworkReconnected";

package/lib/esm/components/chatbuttonstateful/ChatButtonStateful.js

@@ -1,13 +1,13 @@
 import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { ChatButton } from "@microsoft/omnichannel-chat-components";
 import { Constants } from "../../common/Constants";
-import { setFocusOnElement } from "../../common/utils";
 import { ConversationState } from "../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../contexts/common/LiveChatWidgetActionType";
 import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import { TelemetryTimers } from "../../common/telemetry/TelemetryManager";
 import { defaultOutOfOfficeChatButtonStyleProps } from "./common/styleProps/defaultOutOfOfficeChatButtonStyleProps";
+import { setFocusOnElement } from "../../common/utils";
 import useChatContextStore from "../../hooks/useChatContextStore";
 export const ChatButtonStateful = props => {
   var _state$domainStates$l, _state$domainStates$l2, _buttonProps$controlP, _props$buttonProps, _props$buttonProps$co, _props$buttonProps2, _props$buttonProps2$c, _props$buttonProps3, _props$buttonProps3$c;
@@ -19,6 +19,22 @@ export const ChatButtonStateful = props => {
   } = props;
   //Setting OutOfOperatingHours Flag
   const [outOfOperatingHours, setOutOfOperatingHours] = 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 ref = useRef(() => {
+    return;
+  });
+  ref.current = async () => {
+    TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.LCWChatButtonClicked
+    });
+    if (state.appStates.isMinimized) {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_MINIMIZED,
+        payload: false
+      });
+    } else {
+      await startChat();
+    }
+  };
   const outOfOfficeStyleProps = Object.assign({}, defaultOutOfOfficeChatButtonStyleProps, outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.styleProps);
   const controlProps = {
     id: "oc-lcw-chat-button",
@@ -27,19 +43,7 @@ export const ChatButtonStateful = props => {
     subtitleText: "We're online.",
     hideNotificationBubble: (buttonProps === null || buttonProps === void 0 ? void 0 : (_buttonProps$controlP = buttonProps.controlProps) === null || _buttonProps$controlP === void 0 ? void 0 : _buttonProps$controlP.hideNotificationBubble) === true || state.appStates.isMinimized === false,
     unreadMessageCount: state.appStates.unreadMessageCount ? state.appStates.unreadMessageCount > Constants.maximumUnreadMessageCount ? (_props$buttonProps = props.buttonProps) === null || _props$buttonProps === void 0 ? void 0 : (_props$buttonProps$co = _props$buttonProps.controlProps) === null || _props$buttonProps$co === void 0 ? void 0 : _props$buttonProps$co.largeUnreadMessageString : state.appStates.unreadMessageCount.toString() : "0",
-    onClick: async () => {
-      TelemetryHelper.logActionEvent(LogLevel.INFO, {
-        Event: TelemetryEvent.LCWChatButtonClicked
-      });
-      if (state.appStates.isMinimized) {
-        dispatch({
-          type: LiveChatWidgetActionType.SET_MINIMIZED,
-          payload: false
-        });
-      } else {
-        await startChat();
-      }
-    },
+    onClick: () => ref.current(),
     unreadMessageString: (_props$buttonProps2 = props.buttonProps) === null || _props$buttonProps2 === void 0 ? void 0 : (_props$buttonProps2$c = _props$buttonProps2.controlProps) === null || _props$buttonProps2$c === void 0 ? void 0 : _props$buttonProps2$c.unreadMessageString,
     ...(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.controlProps)
   };

package/lib/esm/components/livechatwidget/common/reconnectChatHelper.js

@@ -3,6 +3,7 @@ import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../common/teleme
 import { checkContactIdError, isNullOrEmptyString, isNullOrUndefined } from "../../../common/utils";
 import { handleAuthentication, removeAuthTokenProvider } from "./authHelper";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
+import { ConversationMode } from "../../../common/Constants";
 import { ConversationState } from "../../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
@@ -10,7 +11,7 @@ import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const handleChatReconnect = async (chatSDK, props, dispatch, setAdapter, initStartChat, state) => {
   var _props$chatConfig, _props$chatConfig$Liv;
-  if (!isReconnectEnabled(props.chatConfig)) return;
+  if (!isReconnectEnabled(props.chatConfig) || isPersistentEnabled(props.chatConfig)) return;
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const isAuthenticatedChat = (_props$chatConfig = props.chatConfig) !== null && _props$chatConfig !== void 0 && (_props$chatConfig$Liv = _props$chatConfig.LiveChatConfigAuthSettings) !== null && _props$chatConfig$Liv !== void 0 && _props$chatConfig$Liv.msdyn_javascriptclientfunction ? true : false;
@@ -120,7 +121,15 @@ const isReconnectEnabled = chatConfig => {
   }
   return false;
 };
+const isPersistentEnabled = chatConfig => {
+  if (chatConfig) {
+    var _chatConfig$LiveWSAnd3, _chatConfig$LiveWSAnd4;
+    const persistentEnabled = ((_chatConfig$LiveWSAnd3 = chatConfig.LiveWSAndLiveChatEngJoin) === null || _chatConfig$LiveWSAnd3 === void 0 ? void 0 : (_chatConfig$LiveWSAnd4 = _chatConfig$LiveWSAnd3.msdyn_conversationmode) === null || _chatConfig$LiveWSAnd4 === void 0 ? void 0 : _chatConfig$LiveWSAnd4.toLowerCase()) === ConversationMode.Persistent;
+    return persistentEnabled;
+  }
+  return false;
+};
 const hasReconnectId = reconnectAvailabilityResponse => {
   return reconnectAvailabilityResponse && !isNullOrUndefined(reconnectAvailabilityResponse.reconnectId);
 };
-export { handleChatReconnect, isReconnectEnabled, getChatReconnectContext };
+export { handleChatReconnect, isReconnectEnabled, isPersistentEnabled, getChatReconnectContext };

package/lib/esm/components/livechatwidget/common/startChat.js

@@ -82,11 +82,11 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
   const optionalParams = {
     isProactiveChat
   };
-  await initStartChat(chatSDK, dispatch, setAdapter, props, optionalParams);
+  await initStartChat(chatSDK, dispatch, setAdapter, state, props, optionalParams);
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persistedState) => {
+const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params, persistedState) => {
   var _props$controlProps2;
   let isStartChatSuccessful = false;
   const chatConfig = props === null || props === void 0 ? void 0 : props.chatConfig;
@@ -124,7 +124,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, props, params, persi
     try {
       var _window$Microsoft, _window$Microsoft$Dyn, _window$Microsoft$Dyn2, _window$Microsoft$Dyn3;
       // Set custom context params
-      await setCustomContextParams(props);
+      await setCustomContextParams(state, props);
       const defaultOptionalParams = {
         sendDefaultInitContext: true,
         isProactiveChat: !!(params !== null && params !== void 0 && params.isProactiveChat),
@@ -287,14 +287,14 @@ const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdap
     const optionalParams = {
       liveChatContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai7 = persistedState.domainStates) === null || _persistedState$domai7 === void 0 ? void 0 : _persistedState$domai7.liveChatContext
     };
-    await initStartChat(chatSDK, dispatch, setAdapter, props, optionalParams, persistedState);
+    await initStartChat(chatSDK, dispatch, setAdapter, state, props, optionalParams, persistedState);
     return true;
   }
   return false;
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const setCustomContextParams = async props => {
+const setCustomContextParams = async (state, props) => {
   var _props$chatConfig, _props$chatConfig$Liv, _persistedState$domai8;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const isAuthenticatedChat = props !== null && props !== void 0 && (_props$chatConfig = props.chatConfig) !== null && _props$chatConfig !== void 0 && (_props$chatConfig$Liv = _props$chatConfig.LiveChatConfigAuthSettings) !== null && _props$chatConfig$Liv !== void 0 && _props$chatConfig$Liv.msdyn_javascriptclientfunction ? true : false;
@@ -302,6 +302,12 @@ const setCustomContextParams = async props => {
   if (isAuthenticatedChat) {
     return;
   }
+  if (state !== null && state !== void 0 && state.domainStates.customContext) {
+    optionalParams = Object.assign({}, optionalParams, {
+      customContext: JSON.parse(JSON.stringify(state === null || state === void 0 ? void 0 : state.domainStates.customContext))
+    });
+    return;
+  }
   if (isNullOrEmptyString(widgetInstanceId)) {
     widgetInstanceId = getWidgetCacheIdfromProps(props);
   }
@@ -314,13 +320,13 @@ const setCustomContextParams = async props => {
       Description: "Setting custom context for unauthenticated chat"
     });
     optionalParams = Object.assign({}, optionalParams, {
-      customContext: customContextLocal
+      customContext: JSON.parse(JSON.stringify(customContextLocal))
     });
   } else {
     const customContextFromParent = await getInitContextParamsForPopout();
     if (!isUndefinedOrEmpty(customContextFromParent === null || customContextFromParent === void 0 ? void 0 : customContextFromParent.contextVariables)) {
       optionalParams = Object.assign({}, optionalParams, {
-        customContext: customContextFromParent.contextVariables
+        customContext: JSON.parse(JSON.stringify(customContextFromParent.contextVariables))
       });
     }
   }

package/lib/esm/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js

@@ -9,7 +9,7 @@ import { checkIfConversationStillValid, initStartChat, prepareStartChat, setPreC
 import { createTimer, getBroadcastChannelName, getConversationDetailsCall, getLocaleDirection, getStateFromCache, getWidgetCacheIdfromProps, getWidgetEndChatEventName, isNullOrEmptyString, isUndefinedOrEmpty, newGuid } from "../../../common/utils";
 import { defaultClientDataStoreProvider, isCookieAllowed } from "../../../common/storage/default/defaultClientDataStoreProvider";
 import { endChat, prepareEndChat } from "../common/endChat";
-import { handleChatReconnect, isReconnectEnabled } from "../common/reconnectChatHelper";
+import { handleChatReconnect, isPersistentEnabled, isReconnectEnabled } from "../common/reconnectChatHelper";
 import { shouldShowCallingContainer, shouldShowChatButton, shouldShowConfirmationPane, shouldShowEmailTranscriptPane, shouldShowHeader, shouldShowLoadingPane, shouldShowOutOfOfficeHoursPane, shouldShowPostChatLoadingPane, shouldShowPostChatSurveyPane, shouldShowPreChatSurveyPane, shouldShowProactiveChatPane, shouldShowReconnectChatPane, shouldShowWebChatContainer } from "../../../controller/componentController";
 import { ActivityStreamHandler } from "../common/ActivityStreamHandler";
 import CallingContainerStateful from "../../callingcontainerstateful/CallingContainerStateful";
@@ -123,21 +123,21 @@ export const LiveChatWidgetStateful = props => {
       isChatValid = await checkIfConversationStillValid(chatSDK, dispatch, state);
       if (isChatValid === true) {
         //Check if reconnect enabled
-        if (isReconnectEnabled(props.chatConfig) === true) {
+        if (isReconnectEnabled(props.chatConfig) === true && !isPersistentEnabled(props.chatConfig)) {
           await handleChatReconnect(chatSDK, props, dispatch, setAdapter, initStartChat, state);
           // If chat reconnect has kicked in chat state will become Active or Reconnect. So just exit, else go next
           if (state.appStates.conversationState === ConversationState.Active || state.appStates.conversationState === ConversationState.ReconnectChat) {
             return;
           }
         }
-        await initStartChat(chatSDK, dispatch, setAdapter, props, optionalParams);
+        await initStartChat(chatSDK, dispatch, setAdapter, state, props, optionalParams);
         return;
       }
     }
     if (isChatValid === false) {
       if (localState) {
         // adding the reconnect logic for the case when customer tries to reconnect from a new browser or InPrivate browser
-        if (isReconnectEnabled(props.chatConfig) === true) {
+        if (isReconnectEnabled(props.chatConfig) === true && !isPersistentEnabled(props.chatConfig)) {
           await handleChatReconnect(chatSDK, props, dispatch, setAdapter, initStartChat, state);
           // If chat reconnect has kicked in chat state will become Active or Reconnect. So just exit, else go next
           if (state.appStates.conversationState === ConversationState.Active || state.appStates.conversationState === ConversationState.ReconnectChat) {
@@ -521,14 +521,14 @@ export const LiveChatWidgetStateful = props => {
     }
 
     // If start chat failed, and C2 is trying to close chat widget
-    if (state !== null && state !== void 0 && (_state$appStates9 = state.appStates) !== null && _state$appStates9 !== void 0 && _state$appStates9.startChatFailed) {
+    if (state !== null && state !== void 0 && (_state$appStates9 = state.appStates) !== null && _state$appStates9 !== void 0 && _state$appStates9.startChatFailed || (state === null || state === void 0 ? void 0 : (_state$appStates10 = state.appStates) === null || _state$appStates10 === void 0 ? void 0 : _state$appStates10.conversationState) === ConversationState.Postchat) {
       endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, true, false, true, uwid.current);
       return;
     }
 
     // Scenario -> Chat was InActive and closing the chat (Refresh scenario on post chat)
-    if ((state === null || state === void 0 ? void 0 : (_state$appStates10 = state.appStates) === null || _state$appStates10 === void 0 ? void 0 : _state$appStates10.conversationState) === ConversationState.Postchat || (state === null || state === void 0 ? void 0 : (_state$appStates11 = state.appStates) === null || _state$appStates11 === void 0 ? void 0 : _state$appStates11.conversationState) === ConversationState.InActive) {
-      endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, true, false, true, uwid.current);
+    if ((state === null || state === void 0 ? void 0 : (_state$appStates11 = state.appStates) === null || _state$appStates11 === void 0 ? void 0 : _state$appStates11.conversationState) === ConversationState.InActive) {
+      endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, false, true, uwid.current);
       return;
     }
     if ((state === null || state === void 0 ? void 0 : (_state$appStates12 = state.appStates) === null || _state$appStates12 === void 0 ? void 0 : _state$appStates12.conversationEndedBy) === ConversationEndEntity.Agent || (state === null || state === void 0 ? void 0 : (_state$appStates13 = state.appStates) === null || _state$appStates13 === void 0 ? void 0 : _state$appStates13.conversationEndedBy) === ConversationEndEntity.Bot) {
@@ -601,7 +601,7 @@ export const LiveChatWidgetStateful = props => {
   const endChatRelay = (adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTab) => endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, skipEndChatSDK, skipCloseChat, postMessageToOtherTab, uwid.current);
   const prepareStartChatRelay = () => prepareStartChat(props, chatSDK, state, dispatch, setAdapter);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const initStartChatRelay = (optionalParams, persistedState) => initStartChat(chatSDK, dispatch, setAdapter, props, optionalParams, persistedState);
+  const initStartChatRelay = (optionalParams, persistedState) => initStartChat(chatSDK, dispatch, setAdapter, state, props, optionalParams, persistedState);
   const confirmationPaneProps = initConfirmationPropsComposer(props);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const prepareEndChatRelay = () => prepareEndChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, uwid.current);

package/lib/esm/components/webchatcontainerstateful/WebChatContainerStateful.js

@@ -4,7 +4,6 @@ import { Stack } from "@fluentui/react";
 import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
 import React, { useEffect } from "react";
 import { BotMagicCodeStore } from "./webchatcontroller/BotMagicCodeStore";
-import { BroadcastChannel } from "broadcast-channel";
 import { Components } from "botframework-webchat";
 import { Constants } from "../../common/Constants";
 import { LiveChatWidgetActionType } from "../../contexts/common/LiveChatWidgetActionType";
@@ -53,8 +52,8 @@ export const WebChatContainerStateful = props => {
     BasicWebChat
   } = Components;
   const [state, dispatch] = useChatContextStore();
-  const magicCodeBroadcastChannel = new BroadcastChannel(Constants.magicCodeBroadcastChannel);
-  const magicCodeResponseBroadcastChannel = new BroadcastChannel(Constants.magicCodeResponseBroadcastChannel);
+  const magicCodeBroadcastChannel = new window.BroadcastChannel(Constants.magicCodeBroadcastChannel); // eslint-disable-line @typescript-eslint/no-explicit-any
+  const magicCodeResponseBroadcastChannel = new window.BroadcastChannel(Constants.magicCodeResponseBroadcastChannel); // eslint-disable-line @typescript-eslint/no-explicit-any
   const {
     webChatContainerProps,
     contextDataStore

package/lib/esm/plugins/newMessageEventHandler.js

@@ -2,6 +2,7 @@ import { BroadcastEvent, LogLevel, TelemetryEvent } from "../common/telemetry/Te
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { Constants } from "../common/Constants";
 import { TelemetryHelper } from "../common/telemetry/TelemetryHelper";
+import { TelemetryManager } from "../common/telemetry/TelemetryManager";
 export const createOnNewAdapterActivityHandler = (chatId, userId) => {
   const onNewAdapterActivityHandler = activity => {
     var _activity$channelData, _activity$channelData2, _activity$channelData3;
@@ -11,6 +12,20 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
   };
   let isHistoryMessageReceivedEventRasied = false;
   const raiseMessageEvent = (activity, isHistoryMessage) => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const polyfillMessagePayloadForEvent = payload => {
+      var _activity$conversatio, _TelemetryManager$Int;
+      return {
+        ...payload,
+        channelData: activity === null || activity === void 0 ? void 0 : activity.channelData,
+        chatId: activity === null || activity === void 0 ? void 0 : (_activity$conversatio = activity.conversation) === null || _activity$conversatio === void 0 ? void 0 : _activity$conversatio.id,
+        conversationId: (_TelemetryManager$Int = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int === void 0 ? void 0 : _TelemetryManager$Int.conversationId,
+        id: activity === null || activity === void 0 ? void 0 : activity.id,
+        isChatComplete: false,
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        text: activity === null || activity === void 0 ? void 0 : activity.text
+      };
+    };
     if ((activity === null || activity === void 0 ? void 0 : activity.type) === Constants.message) {
       var _text, _text2, _activity$channelData4, _activity$from;
       const payload = {
@@ -28,7 +43,7 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
         payload.messageType = Constants.userMessageTag;
         const newMessageSentEvent = {
           eventName: BroadcastEvent.NewMessageSent,
-          payload: payload
+          payload: polyfillMessagePayloadForEvent(payload)
         };
         BroadcastService.postMessage(newMessageSentEvent);
         TelemetryHelper.logActionEvent(LogLevel.INFO, {
@@ -59,7 +74,7 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
         }
         const newMessageReceivedEvent = {
           eventName: isHistoryMessage ? BroadcastEvent.HistoryMessageReceived : BroadcastEvent.NewMessageReceived,
-          payload: payload
+          payload: polyfillMessagePayloadForEvent(payload)
         };
         BroadcastService.postMessage(newMessageReceivedEvent);
         if (!isHistoryMessage) {
@@ -72,7 +87,7 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
           if (!isHistoryMessageReceivedEventRasied) {
             isHistoryMessageReceivedEventRasied = true;
             TelemetryHelper.logActionEvent(LogLevel.INFO, {
-              Event: TelemetryEvent.HistoryMessageReceived,
+              Event: TelemetryEvent.RehydrateMessageReceived,
               Description: "History message received",
               Data: payload
             });

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

@@ -171,6 +171,10 @@ export declare enum E2VVOptions {
     VideoAndVoiceCalling = "192350001",
     VoiceOnly = "192350002"
 }
+export declare enum ConversationMode {
+    Regular = "192350000",
+    Persistent = "192350001"
+}
 export declare enum LiveWorkItemState {
     Active = "Active",
     Closed = "Closed",

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

@@ -182,7 +182,7 @@ export declare enum TelemetryEvent {
     MessageSent = "MessageSent",
     MessageReceived = "MessageReceived",
     SystemMessageReceived = "SystemMessageReceived",
-    HistoryMessageReceived = "HistoryMessageReceived",
+    RehydrateMessageReceived = "RehydrateMessageReceived",
     CustomContextReceived = "CustomContextReceived",
     NetworkDisconnected = "NetworkDisconnected",
     NetworkReconnected = "NetworkReconnected",

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

@@ -6,4 +6,5 @@ import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidget
 declare const handleChatReconnect: (chatSDK: any, props: any, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, initStartChat: any, state: ILiveChatWidgetContext) => Promise<void>;
 declare const getChatReconnectContext: (chatSDK: any, chatConfig: ChatConfig, props: any, isAuthenticatedChat: boolean) => Promise<any>;
 declare const isReconnectEnabled: (chatConfig?: ChatConfig | undefined) => boolean;
-export { handleChatReconnect, isReconnectEnabled, getChatReconnectContext };
+declare const isPersistentEnabled: (chatConfig?: ChatConfig | undefined) => boolean;
+export { handleChatReconnect, isReconnectEnabled, isPersistentEnabled, getChatReconnectContext };

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

@@ -5,6 +5,6 @@ import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
 import StartChatOptionalParams from "@microsoft/omnichannel-chat-sdk/lib/core/StartChatOptionalParams";
 declare const prepareStartChat: (props: ILiveChatWidgetProps, chatSDK: any, state: ILiveChatWidgetContext, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any) => Promise<void>;
 declare const setPreChatAndInitiateChat: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, isProactiveChat?: boolean | undefined, proactiveChatEnablePrechatState?: boolean | undefined, state?: ILiveChatWidgetContext | undefined, props?: ILiveChatWidgetProps | undefined) => Promise<void>;
-declare const initStartChat: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, props?: ILiveChatWidgetProps | undefined, params?: StartChatOptionalParams | undefined, persistedState?: any) => Promise<void>;
+declare const initStartChat: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, setAdapter: any, state: ILiveChatWidgetContext | undefined, props?: ILiveChatWidgetProps | undefined, params?: StartChatOptionalParams | undefined, persistedState?: any) => Promise<void>;
 declare const checkIfConversationStillValid: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>, state: ILiveChatWidgetContext) => Promise<boolean>;
 export { prepareStartChat, initStartChat, setPreChatAndInitiateChat, checkIfConversationStillValid };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.2.2-main.f0135ab",
+  "version": "1.2.3-main.000f886",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -75,7 +75,7 @@
   },
   "dependencies": {
     "@microsoft/omnichannel-chat-components": "^1.0.5",
-    "@microsoft/omnichannel-chat-sdk": "1.4.4",
+    "@microsoft/omnichannel-chat-sdk": "1.4.6",
     "abort-controller-es5": "^2.0.1",
     "dompurify": "^2.3.4",
     "markdown-it": "^12.3.2",