@microsoft/omnichannel-chat-widget 1.8.2-main.4b1a5f0 → 1.8.2-main.5195aba

package/lib/cjs/firstresponselatency/util.js

@@ -3,41 +3,66 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.polyfillMessagePayloadForEvent = exports.isHistoryMessage = exports.getScenarioType = exports.createTrackingMessage = exports.buildMessagePayload = void 0;
+exports.polyfillMessagePayloadForEvent = exports.isHistoryMessage = exports.getScenarioType = exports.extractTimestampFromId = exports.createTrackingMessage = exports.buildMessagePayload = void 0;
 var _Constants = require("./Constants");
 var _Constants2 = require("../common/Constants");
+/**
+ * Determines whether a given activity is a historical message.
+ * 
+ * This function checks if the activity is a message type and uses a combination
+ * of legacy tags and timestamp-based logic to determine if the message is historical.
+ * 
+ * @param {IActivity} activity - The activity object to evaluate.
+ * @param {number} startTime - The start time (in milliseconds since epoch) to compare against.
+ * @returns {boolean} - Returns true if the activity is a historical message, false otherwise.
+ * 
+ * Logic:
+ * - If the activity type is not a message, it is not historical.
+ * - If the activity contains a legacy history message tag, it is considered historical.
+ * - Otherwise, the function extracts a timestamp from the activity ID using `extractTimestampFromId`.
+ *   - If the ID is valid and the timestamp is older than the start time, the message is historical.
+ */
 const isHistoryMessage = (activity, startTime) => {
-  try {
-    if ((activity === null || activity === void 0 ? void 0 : activity.type) === _Constants2.Constants.message) {
-      var _activity$channelData, _activity$channelData2;
-      // this is an old piece of code, probably no longer relevant
-      if (activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData2 = _activity$channelData.tags) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.includes(_Constants2.Constants.historyMessageTag)) return true;
+  var _activity$channelData, _activity$channelData2;
+  // Only process message activities
+  if ((activity === null || activity === void 0 ? void 0 : activity.type) !== _Constants2.Constants.message) {
+    return false;
+  }
 
-      // Id is an epoch time in milliseconds , in utc format, for some reason is in a string format
-      if (activity !== null && activity !== void 0 && activity.id) {
-        /// activity.id is an string that contains epoch time in milliseconds
-        const activityId = parseInt(activity === null || activity === void 0 ? void 0 : activity.id);
+  // Legacy check for history message tag
+  if (activity !== null && activity !== void 0 && (_activity$channelData = activity.channelData) !== null && _activity$channelData !== void 0 && (_activity$channelData2 = _activity$channelData.tags) !== null && _activity$channelData2 !== void 0 && _activity$channelData2.includes(_Constants2.Constants.historyMessageTag)) {
+    return true;
+  }
+  const activityId = extractTimestampFromId(activity);
+  const isValidId = !isNaN(activityId) && activityId > 0;
+  const isOlderThanStartTime = activityId < startTime;
+  const isHistoryById = isValidId && isOlderThanStartTime;
+  return isHistoryById;
+};
+exports.isHistoryMessage = isHistoryMessage;
+const extractTimestampFromId = activity => {
+  const id = (activity === null || activity === void 0 ? void 0 : activity.id) ?? "";
 
-        // if the activity id is not a number, we default to new message
-        if (isNaN(activityId)) {
-          return false;
-        }
+  // Helper function to get timestamp fallback
+  const getTimestampFallback = () => {
+    const timestamp = new Date((activity === null || activity === void 0 ? void 0 : activity.timestamp) ?? "").getTime();
+    return isNaN(timestamp) ? 0 : timestamp;
+  };
 
-        // if the activity id is less than the start time, it means that the message is a history message
-        if (activityId < startTime) {
-          return true;
-        }
-      }
-      // anything else will be considered a new message
-      return false;
-    }
-  } catch (e) {
-    // if there is an error in parsing the activity id, we will consider it a new message
-    console.error("Error in parsing activity id: ", e);
+  // Check if ID looks like a UUID (contains dashes or is very long)
+  const UUID_LENGTH_THRESHOLD = 13; // Threshold to distinguish UUIDs from epoch timestamps
+  if (id.includes("-") || id.length > UUID_LENGTH_THRESHOLD) {
+    // Likely UUID, use timestamp instead
+    return getTimestampFallback();
+  }
+  const activityId = parseInt(id);
+  // if activity id is not a number, then we use timestamp field
+  if (isNaN(activityId)) {
+    return getTimestampFallback();
   }
-  return false;
+  return activityId;
 };
-exports.isHistoryMessage = isHistoryMessage;
+exports.extractTimestampFromId = extractTimestampFromId;
 const buildMessagePayload = (activity, userId) => {
   var _text, _text2, _activity$channelData3, _activity$from;
   return {

package/lib/cjs/plugins/newMessageEventHandler.js

@@ -12,13 +12,13 @@ var _Constants2 = require("../common/Constants");
 var _FirstResponseLatencyTracker = require("../firstresponselatency/FirstResponseLatencyTracker");
 var _TelemetryHelper = require("../common/telemetry/TelemetryHelper");
 var _TelemetryManager = require("../common/telemetry/TelemetryManager");
-const createOnNewAdapterActivityHandler = (chatId, userId) => {
+const createOnNewAdapterActivityHandler = (chatId, userId, startTime) => {
   // Hooking the message tracker in the listener, a bit invasive but easier to control.
   const firstResponseLatencyTracker = new _FirstResponseLatencyTracker.FirstResponseLatencyTracker();
   // epoch time in utc for when start to listen.
   // We dont longer have a mechanism to know if a message is history or new, so any message older than the time we start listening will be considered a history message.
   // this is a workaround for the fact that we dont have a way to identify if a message is history or new, and it will provide consistency across different scenarios
-  const startTime = new Date().getTime();
+
   let isHistoryMessageReceivedEventRaised = false;
   const onNewAdapterActivityHandler = activity => {
     raiseMessageEvent(activity);
@@ -41,6 +41,7 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
     });
   };
   const systemMessageStrategy = activity => {
+    var _TelemetryManager$Int3;
     const payload = (0, _util.buildMessagePayload)(activity, userId);
     payload.messageType = _Constants2.Constants.systemMessageTag;
     if ((0, _util.isHistoryMessage)(activity, startTime)) {
@@ -48,6 +49,11 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
       historyMessageStrategy((0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int2 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int2 === void 0 ? void 0 : _TelemetryManager$Int2.conversationId));
       return;
     }
+    const newMessageReceivedEvent = {
+      eventName: _TelemetryConstants.BroadcastEvent.NewMessageReceived,
+      payload: (0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int3 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int3 === void 0 ? void 0 : _TelemetryManager$Int3.conversationId)
+    };
+    _omnichannelChatComponents.BroadcastService.postMessage(newMessageReceivedEvent);
     _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.SystemMessageReceived,
       Description: "System message received"
@@ -83,20 +89,20 @@ const createOnNewAdapterActivityHandler = (chatId, userId) => {
     return true;
   };
   const receivedMessageStrategy = activity => {
-    var _TelemetryManager$Int4;
+    var _TelemetryManager$Int5;
     if (!isValidMessage(activity)) return;
     const isHistoryMessageReceived = (0, _util.isHistoryMessage)(activity, startTime);
     const payload = (0, _util.buildMessagePayload)(activity, userId);
     payload.messageType = _Constants2.Constants.userMessageTag;
     if (isHistoryMessageReceived) {
-      var _TelemetryManager$Int3;
-      historyMessageStrategy((0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int3 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int3 === void 0 ? void 0 : _TelemetryManager$Int3.conversationId));
+      var _TelemetryManager$Int4;
+      historyMessageStrategy((0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int4 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int4 === void 0 ? void 0 : _TelemetryManager$Int4.conversationId));
       return;
     }
     firstResponseLatencyTracker.stopClock(payload);
     const newMessageReceivedEvent = {
       eventName: _TelemetryConstants.BroadcastEvent.NewMessageReceived,
-      payload: (0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int4 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int4 === void 0 ? void 0 : _TelemetryManager$Int4.conversationId)
+      payload: (0, _util.polyfillMessagePayloadForEvent)(activity, payload, (_TelemetryManager$Int5 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int5 === void 0 ? void 0 : _TelemetryManager$Int5.conversationId)
     };
     _omnichannelChatComponents.BroadcastService.postMessage(newMessageReceivedEvent);
     _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {

package/lib/esm/common/Constants.js

@@ -16,6 +16,9 @@ _defineProperty(Constants, "channelMessageTag", "channel");
 _defineProperty(Constants, "historyMessageTag", "history");
 _defineProperty(Constants, "agentEndConversationMessageTag", "agentendconversation");
 _defineProperty(Constants, "supervisorForceCloseMessageTag", "supervisorforceclosedconversation");
+_defineProperty(Constants, "endConversationalSurveyMessageTag", "endconversationalsurvey");
+_defineProperty(Constants, "startConversationalSurveyMessageTag", "startconversationalsurvey");
+_defineProperty(Constants, "c2ConversationalSurveyMessageTag", "c2conversationalsurvey");
 _defineProperty(Constants, "receivedMessageClassName", "ms_lcw_webchat_received_message");
 _defineProperty(Constants, "sentMessageClassName", "ms_lcw_webchat_sent_message");
 _defineProperty(Constants, "webchatChannelId", "webchat");
@@ -105,8 +108,7 @@ _defineProperty(Constants, "TargetRelationshipAttributes", "noopener noreferrer"
 // Markdown icons
 _defineProperty(Constants, "OpenLinkIconCssClass", "webchat__render-markdown__external-link-icon");
 // internet connection test
-_defineProperty(Constants, "internetConnectionTestUrl", "https://ocsdk-prod.azureedge.net/public/connecttest.txt");
-_defineProperty(Constants, "internetConnectionTestUrlText", "Omnichannel Connect Test");
+_defineProperty(Constants, "internetConnectionTestPath", "/livechatwidget/version.txt");
 _defineProperty(Constants, "ChatWidgetStateChangedPrefix", "ChatWidgetStateChanged");
 _defineProperty(Constants, "PostChatLoadingDurationInMs", 2000);
 _defineProperty(Constants, "BrowserUnloadConfirmationMessage", "Do you want to leave chat?");
@@ -122,9 +124,10 @@ _defineProperty(Constants, "InitContextParamsResponse", "initContextParamsRespon
 _defineProperty(Constants, "OCOriginalMessageId", "OriginalMessageId");
 _defineProperty(Constants, "WebchatSequenceIdAttribute", "webchat:sequence-id");
 _defineProperty(Constants, "MessageSequenceIdOverride", "MessageSequenceIdOverride");
+_defineProperty(Constants, "EndConversationDueToOverflow", "endconversationduetooverflow");
 export const Regex = (_class = /*#__PURE__*/_createClass(function Regex() {
   _classCallCheck(this, Regex);
-}), _defineProperty(_class, "EmailRegex", "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])"), _class);
+}), _defineProperty(_class, "EmailRegex", "^(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"[^\"\\\\]*(?:\\\\.[^\"\\\\]*)*\")@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?)*|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\])$"), _class);
 export let HtmlIdNames = /*#__PURE__*/_createClass(function HtmlIdNames() {
   _classCallCheck(this, HtmlIdNames);
 });
@@ -220,6 +223,10 @@ export let ConversationMode;
   ConversationMode["Regular"] = "192350000";
   ConversationMode["Persistent"] = "192350001";
 })(ConversationMode || (ConversationMode = {}));
+export let SurveyProvider;
+(function (SurveyProvider) {
+  SurveyProvider["MicrosoftCopilotStudio"] = "600990001";
+})(SurveyProvider || (SurveyProvider = {}));
 export let LiveWorkItemState;
 (function (LiveWorkItemState) {
   LiveWorkItemState["Active"] = "Active";

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

@@ -184,6 +184,7 @@ export let TelemetryEvent;
   TelemetryEvent["BotAuthActivityUndefinedSignInId"] = "BotAuthActivityUndefinedSignInId";
   TelemetryEvent["ThirdPartyCookiesBlocked"] = "ThirdPartyCookiesBlocked";
   TelemetryEvent["ParticipantsRemovedEvent"] = "ParticipantsRemovedEvent";
+  TelemetryEvent["QueueOverflowEvent"] = "QueueOverflowEvent";
   TelemetryEvent["ProcessingHTMLTextMiddlewareFailed"] = "ProcessingHTMLTextMiddlewareFailed";
   TelemetryEvent["ProcessingSanitizationMiddlewareFailed"] = "ProcessingSanitizationMiddlewareFailed";
   TelemetryEvent["FormatTagsMiddlewareJSONStringifyFailed"] = "FormatTagsMiddlewareJSONStringifyFailed";

package/lib/esm/common/utils.js

@@ -453,4 +453,8 @@ export function getDeviceType() {
   } else {
     return "standard";
   }
+}
+export function isEndConversationDueToOverflowActivity(activity) {
+  var _activity$channelData, _activity$channelData2;
+  return (activity === null || activity === void 0 ? void 0 : (_activity$channelData = activity.channelData) === null || _activity$channelData === void 0 ? void 0 : _activity$channelData.tags) && Array.isArray(activity === null || activity === void 0 ? void 0 : (_activity$channelData2 = activity.channelData) === null || _activity$channelData2 === void 0 ? void 0 : _activity$channelData2.tags) && activity.channelData.tags.includes(Constants.EndConversationDueToOverflow);
 }

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

@@ -11,7 +11,7 @@ import { defaultOutOfOfficeChatButtonStyleProps } from "./common/styleProps/defa
 import useChatContextStore from "../../hooks/useChatContextStore";
 let uiTimer;
 export const ChatButtonStateful = props => {
-  var _buttonProps$controlP, _props$buttonProps, _props$buttonProps$co, _props$buttonProps2, _props$buttonProps2$c, _props$buttonProps3, _props$buttonProps3$c;
+  var _buttonProps$controlP, _props$buttonProps, _props$buttonProps$co, _props$buttonProps2, _props$buttonProps2$c, _outOfOfficeButtonPro, _outOfOfficeButtonPro2, _props$buttonProps3, _props$buttonProps3$c;
   // this is to ensure the telemetry is set only once and start the load timer
   useEffect(() => {
     uiTimer = createTimer();
@@ -30,7 +30,10 @@ export const ChatButtonStateful = props => {
   } = props;
   //Setting OutOfOperatingHours Flag
   //Setting OutOfOperatingHours Flag - to string conversion to normalize the value (could be boolean from other states or string directly from config)
-  const [outOfOperatingHours, setOutOfOperatingHours] = useState(false);
+  // Initialize with the current state value to prevent visual flicker
+  const [outOfOperatingHours, setOutOfOperatingHours] = useState(() => {
+    return state.appStates.conversationState === ConversationState.Closed && state.appStates.outsideOperatingHours;
+  });
   const ref = useRef(() => {
     return;
   });
@@ -62,33 +65,38 @@ export const ChatButtonStateful = props => {
   };
   const outOfOfficeStyleProps = Object.assign({}, defaultOutOfOfficeChatButtonStyleProps, outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.styleProps);
   const controlProps = {
+    ...(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.controlProps),
     id: "oc-lcw-chat-button",
     dir: state.domainStates.globalDir,
     titleText: "Let's Chat!",
     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: () => 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)
+    // Regular chat button onClick - this will always take precedence
+    onClick: () => ref.current()
   };
   const outOfOfficeControlProps = {
+    // Only take specific properties from outOfOfficeButtonProps, never onClick
     id: "oc-lcw-chat-button",
     dir: state.domainStates.globalDir,
-    titleText: "We're Offline",
-    subtitleText: "No agents available",
-    onClick: async () => {
-      state.appStates.isMinimized && dispatch({
-        type: LiveChatWidgetActionType.SET_MINIMIZED,
-        payload: false
-      });
+    titleText: (outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : (_outOfOfficeButtonPro = outOfOfficeButtonProps.controlProps) === null || _outOfOfficeButtonPro === void 0 ? void 0 : _outOfOfficeButtonPro.titleText) || "We're Offline",
+    subtitleText: (outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : (_outOfOfficeButtonPro2 = outOfOfficeButtonProps.controlProps) === null || _outOfOfficeButtonPro2 === void 0 ? void 0 : _outOfOfficeButtonPro2.subtitleText) || "No agents available",
+    unreadMessageString: (_props$buttonProps3 = props.buttonProps) === null || _props$buttonProps3 === void 0 ? void 0 : (_props$buttonProps3$c = _props$buttonProps3.controlProps) === null || _props$buttonProps3$c === void 0 ? void 0 : _props$buttonProps3$c.unreadMessageString,
+    ...(outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.controlProps),
+    // Out-of-office specific onClick - this will ALWAYS take precedence
+    onClick: () => {
+      if (state.appStates.isMinimized) {
+        dispatch({
+          type: LiveChatWidgetActionType.SET_MINIMIZED,
+          payload: false
+        });
+      }
       dispatch({
         type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: ConversationState.OutOfOffice
       });
-    },
-    unreadMessageString: (_props$buttonProps3 = props.buttonProps) === null || _props$buttonProps3 === void 0 ? void 0 : (_props$buttonProps3$c = _props$buttonProps3.controlProps) === null || _props$buttonProps3$c === void 0 ? void 0 : _props$buttonProps3$c.unreadMessageString,
-    ...(outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.controlProps)
+    }
   };
   useEffect(() => {
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
@@ -114,8 +122,13 @@ export const ChatButtonStateful = props => {
       // If the conversation state is closed, check if we are outside operating hours
       const isOutsideOperatingHours = state.appStates.outsideOperatingHours;
       setOutOfOperatingHours(isOutsideOperatingHours);
+    } else {
+      // If conversation state is not Closed, we should not be in out-of-office mode
+      if (outOfOperatingHours) {
+        setOutOfOperatingHours(false);
+      }
     }
-  }, [state.appStates.conversationState]);
+  }, [state.appStates.conversationState, state.appStates.outsideOperatingHours, state.appStates.isMinimized]);
   return /*#__PURE__*/React.createElement(ChatButton, {
     componentOverrides: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.componentOverrides,
     controlProps: outOfOperatingHours ? outOfOfficeControlProps : controlProps,

package/lib/esm/components/draggable/DraggableChatWidget.js

@@ -25,8 +25,11 @@ const DraggableChatWidget = props => {
   };
   const calculateOffsetsWithinViewport = useCallback((id, offset, delta) => {
     const draggableElement = document.getElementById(id);
+    if (isNullOrUndefined(draggableElement)) {
+      return;
+    }
     const positionRelativeToViewport = draggableElement.getBoundingClientRect();
-    if (isNullOrUndefined(draggableElement) || isNullOrUndefined(positionRelativeToViewport) || isNullOrUndefined(offset.offsetLeft) || isNullOrUndefined(offset.offsetTop)) {
+    if (isNullOrUndefined(positionRelativeToViewport) || isNullOrUndefined(offset.offsetLeft) || isNullOrUndefined(offset.offsetTop)) {
       return;
     }
     let offsetLeft = offset.offsetLeft;
@@ -68,6 +71,9 @@ const DraggableChatWidget = props => {
     }
     const cacheInitialPosition = () => {
       const draggableElement = document.getElementById(props.elementId);
+      if (isNullOrUndefined(draggableElement)) {
+        return;
+      }
       const offsetLeft = draggableElement.offsetLeft;
       const offsetTop = draggableElement.offsetTop;
       setInitialPosition({
@@ -77,6 +83,9 @@ const DraggableChatWidget = props => {
     };
     const calculateOffsets = () => {
       const draggableElement = document.getElementById(props.elementId);
+      if (isNullOrUndefined(draggableElement)) {
+        return;
+      }
       const offsetLeft = draggableElement.offsetLeft;
       const offsetTop = draggableElement.offsetTop;
 
@@ -111,6 +120,9 @@ const DraggableChatWidget = props => {
       resetPosition(initialPosition);
     } else if (state.appStates.isMinimized) {
       const draggableElement = document.getElementById(props.elementId);
+      if (isNullOrUndefined(draggableElement)) {
+        return;
+      }
       const offsetLeft = draggableElement.offsetLeft;
       const offsetTop = draggableElement.offsetTop;
       if (!cachedPosition) {
@@ -135,6 +147,9 @@ const DraggableChatWidget = props => {
 
         // Update position via DOM manipulation to prevent <Stack/> continuously rendering on style change causing high CPU spike
         const draggableElement = document.getElementById(props.elementId);
+        if (isNullOrUndefined(draggableElement)) {
+          return;
+        }
         repositionElement(draggableElement, offsetLeft, offsetTop);
         setPosition({
           offsetLeft,

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

@@ -28,7 +28,10 @@ export const HeaderStateful = props => {
     endChat
   } = props;
   //Setting OutOfOperatingHours Flag
-  const [outOfOperatingHours, setOutOfOperatingHours] = useState(false);
+  // Initialize with the current state value to prevent visual flicker
+  const [outOfOperatingHours, setOutOfOperatingHours] = useState(() => {
+    return state.appStates.conversationState === ConversationState.Closed && state.appStates.outsideOperatingHours;
+  });
   const outOfOfficeStyleProps = Object.assign({}, defaultOutOfOfficeHeaderStyleProps, outOfOfficeHeaderProps === null || outOfOfficeHeaderProps === void 0 ? void 0 : outOfOfficeHeaderProps.styleProps);
 
   // For some reason state object is not getting updated values in this component
@@ -103,6 +106,13 @@ export const HeaderStateful = props => {
         type: LiveChatWidgetActionType.SET_MINIMIZED,
         payload: true
       });
+      // Ensure conversation state remains Closed to maintain out-of-office mode
+      if (state.appStates.conversationState !== ConversationState.Closed) {
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+          payload: ConversationState.Closed
+        });
+      }
       TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
         Event: TelemetryEvent.MinimizeChatActionCompleted,
         Description: "Header Minimize action completed."
@@ -132,7 +142,7 @@ export const HeaderStateful = props => {
       const isOutsideOperatingHours = state.appStates.outsideOperatingHours;
       setOutOfOperatingHours(isOutsideOperatingHours);
     }
-  }, [state.appStates.conversationState]);
+  }, [state.appStates.conversationState, state.appStates.outsideOperatingHours]);
   if (props.draggable === true) {
     var _generalStyleProps;
     const styleProps = outOfOperatingHours || state.appStates.conversationState === ConversationState.OutOfOffice ? outOfOfficeStyleProps : headerProps === null || headerProps === void 0 ? void 0 : headerProps.styleProps;

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

@@ -2,7 +2,6 @@ import React, { useEffect, useReducer, useState } from "react";
 import { ChatAdapterStore } from "../../contexts/ChatAdapterStore";
 import { ChatContextStore } from "../../contexts/ChatContextStore";
 import { ChatSDKStore } from "../../contexts/ChatSDKStore";
-import ErrorBoundary from "../errorboundary/ErrorBoundary";
 import { FacadeChatSDK } from "../../common/facades/FacadeChatSDK";
 import { FacadeChatSDKStore } from "../../contexts/FacadeChatSDKStore";
 import LiveChatWidgetStateful from "./livechatwidgetstateful/LiveChatWidgetStateful";
@@ -11,7 +10,6 @@ import { getLiveChatWidgetContextInitialState } from "../../contexts/common/Live
 import { getMockChatSDKIfApplicable } from "./common/getMockChatSDKIfApplicable";
 import { isNullOrUndefined } from "../../common/utils";
 import { isPersistentChatEnabled } from "./common/liveChatConfigUtils";
-import { logWidgetLoadWithUnexpectedError } from "./common/startChatErrorHandler";
 import overridePropsOnMockIfApplicable from "./common/overridePropsOnMockIfApplicable";
 import { registerTelemetryLoggers } from "./common/registerTelemetryLoggers";
 export const LiveChatWidget = props => {
@@ -44,11 +42,7 @@ export const LiveChatWidget = props => {
   useEffect(() => {
     registerTelemetryLoggers(props, dispatch);
   }, [dispatch]);
-  return /*#__PURE__*/React.createElement(ErrorBoundary, {
-    onError: error => {
-      logWidgetLoadWithUnexpectedError(error);
-    }
-  }, /*#__PURE__*/React.createElement(FacadeChatSDKStore.Provider, {
+  return /*#__PURE__*/React.createElement(FacadeChatSDKStore.Provider, {
     value: [facadeChatSDK, setFacadeChatSDK]
   }, /*#__PURE__*/React.createElement(ChatSDKStore.Provider, {
     value: chatSDK
@@ -56,6 +50,6 @@ export const LiveChatWidget = props => {
     value: [adapter, setAdapter]
   }, /*#__PURE__*/React.createElement(ChatContextStore.Provider, {
     value: [state, dispatch]
-  }, /*#__PURE__*/React.createElement(LiveChatWidgetStateful, props))))));
+  }, /*#__PURE__*/React.createElement(LiveChatWidgetStateful, props)))));
 };
 export default LiveChatWidget;

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

@@ -7,34 +7,47 @@ import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { defaultMiddlewareLocalizedTexts } from "../../webchatcontainerstateful/common/defaultProps/defaultMiddlewareLocalizedTexts";
 import { executeReducer } from "../../../contexts/createReducer";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
-const isInternetConnected = async () => {
+const getRegionBasedInternetTestUrl = widgetSnippet => {
+  var _widgetSnippet$match;
+  if (!widgetSnippet) {
+    return null;
+  }
+  const widgetSnippetSourceRegex = new RegExp("src=\"(https:\\/\\/[\\w-.]+)[\\w-.\\/]+\"");
+  const baseCdnUrl = (_widgetSnippet$match = widgetSnippet.match(widgetSnippetSourceRegex)) === null || _widgetSnippet$match === void 0 ? void 0 : _widgetSnippet$match[1];
+  return baseCdnUrl ? `${baseCdnUrl}${Constants.internetConnectionTestPath}` : null;
+};
+const isInternetConnected = async testUrl => {
   try {
-    const response = await fetch(Constants.internetConnectionTestUrl);
-    const text = await response.text();
-    return text === Constants.internetConnectionTestUrlText;
+    const response = await fetch(testUrl, {
+      method: "GET",
+      cache: "no-cache"
+    });
+    return response.ok;
   } catch {
     return false;
   }
 };
 export const createInternetConnectionChangeHandler = async state => {
   const handler = async () => {
-    const connected = await isInternetConnected();
+    var _inMemoryState$domain, _inMemoryState$domain2;
     const inMemoryState = executeReducer(state, {
       type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
       payload: null
     });
+    const testUrl = getRegionBasedInternetTestUrl((_inMemoryState$domain = inMemoryState.domainStates.liveChatConfig) === null || _inMemoryState$domain === void 0 ? void 0 : (_inMemoryState$domain2 = _inMemoryState$domain.LiveWSAndLiveChatEngJoin) === null || _inMemoryState$domain2 === void 0 ? void 0 : _inMemoryState$domain2.msdyn_widgetsnippet);
+    const connected = testUrl ? await isInternetConnected(testUrl) : false;
     if (!connected) {
-      var _inMemoryState$domain, _inMemoryState$domain2;
+      var _inMemoryState$domain3, _inMemoryState$domain4;
       TelemetryHelper.logActionEvent(LogLevel.WARN, {
         Event: TelemetryEvent.NetworkDisconnected
       });
-      NotificationHandler.notifyError(NotificationScenarios.InternetConnection, (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$domain = inMemoryState.domainStates) === null || _inMemoryState$domain === void 0 ? void 0 : (_inMemoryState$domain2 = _inMemoryState$domain.middlewareLocalizedTexts) === null || _inMemoryState$domain2 === void 0 ? void 0 : _inMemoryState$domain2.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION);
+      NotificationHandler.notifyError(NotificationScenarios.InternetConnection, (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$domain3 = inMemoryState.domainStates) === null || _inMemoryState$domain3 === void 0 ? void 0 : (_inMemoryState$domain4 = _inMemoryState$domain3.middlewareLocalizedTexts) === null || _inMemoryState$domain4 === void 0 ? void 0 : _inMemoryState$domain4.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_NO_INTERNET_CONNECTION);
     } else {
-      var _inMemoryState$domain3, _inMemoryState$domain4;
+      var _inMemoryState$domain5, _inMemoryState$domain6;
       TelemetryHelper.logActionEvent(LogLevel.WARN, {
         Event: TelemetryEvent.NetworkReconnected
       });
-      NotificationHandler.notifySuccess(NotificationScenarios.InternetConnection, (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$domain3 = inMemoryState.domainStates) === null || _inMemoryState$domain3 === void 0 ? void 0 : (_inMemoryState$domain4 = _inMemoryState$domain3.middlewareLocalizedTexts) === null || _inMemoryState$domain4 === void 0 ? void 0 : _inMemoryState$domain4.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE);
+      NotificationHandler.notifySuccess(NotificationScenarios.InternetConnection, (inMemoryState === null || inMemoryState === void 0 ? void 0 : (_inMemoryState$domain5 = inMemoryState.domainStates) === null || _inMemoryState$domain5 === void 0 ? void 0 : (_inMemoryState$domain6 = _inMemoryState$domain5.middlewareLocalizedTexts) === null || _inMemoryState$domain6 === void 0 ? void 0 : _inMemoryState$domain6.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_BANNER_INTERNET_BACK_ONLINE);
       BroadcastService.postMessage({
         eventName: BroadcastEvent.NetworkReconnected
       });

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

@@ -16,7 +16,7 @@ import { uuidv4 } from "@microsoft/omnichannel-chat-sdk";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter) => {
   try {
-    var _conversationDetails$, _state$domainStates, _state$appStates3;
+    var _conversationDetails$, _state$domainStates, _state$appStates5;
     const {
       chatConfig
     } = props;
@@ -27,7 +27,7 @@ const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter,
 
     // Use Case: When post chat is not configured
     if ((conversationDetails === null || conversationDetails === void 0 ? void 0 : (_conversationDetails$ = conversationDetails.canRenderPostChat) === null || _conversationDetails$ === void 0 ? void 0 : _conversationDetails$.toLowerCase()) === Constants.false) {
-      var _state$appStates;
+      var _state$appStates, _state$appStates2, _state$appStates3;
       // If ended by customer, just close chat
       if ((state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.conversationEndedBy) === ConversationEndEntity.Customer) {
         TelemetryHelper.logSDKEvent(LogLevel.INFO, {
@@ -38,6 +38,13 @@ const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter,
       }
 
       // Use Case: If ended by Agent, stay chat in InActive state
+      let isConversationalSurveyEnabled = state.appStates.isConversationalSurveyEnabled;
+      if (isConversationalSurveyEnabled && ((state === null || state === void 0 ? void 0 : (_state$appStates2 = state.appStates) === null || _state$appStates2 === void 0 ? void 0 : _state$appStates2.conversationEndedBy) === ConversationEndEntity.Agent || (state === null || state === void 0 ? void 0 : (_state$appStates3 = state.appStates) === null || _state$appStates3 === void 0 ? void 0 : _state$appStates3.conversationEndedBy) === ConversationEndEntity.Bot)) {
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+          payload: ConversationState.InActive
+        });
+      }
       return;
     }
 
@@ -53,7 +60,7 @@ const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const postchatContext = (await getPostChatContext(facadeChatSDK, state, dispatch)) ?? (state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.postChatContext);
     if (postchatContext === undefined) {
-      var _state$appStates2;
+      var _state$appStates4;
       BroadcastService.postMessage({
         eventName: BroadcastEvent.OnWidgetError,
         payload: {
@@ -62,7 +69,7 @@ const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter,
       });
 
       // For Customer intiated conversations, just close chat widget
-      if ((state === null || state === void 0 ? void 0 : (_state$appStates2 = state.appStates) === null || _state$appStates2 === void 0 ? void 0 : _state$appStates2.conversationEndedBy) === ConversationEndEntity.Customer) {
+      if ((state === null || state === void 0 ? void 0 : (_state$appStates4 = state.appStates) === null || _state$appStates4 === void 0 ? void 0 : _state$appStates4.conversationEndedBy) === ConversationEndEntity.Customer) {
         TelemetryHelper.logSDKEvent(LogLevel.INFO, {
           Event: TelemetryEvent.PrepareEndChat,
           Description: PrepareEndChatDescriptionConstants.ConversationEndedByCustomerWithInvalidPostChat
@@ -80,11 +87,11 @@ const prepareEndChat = async (props, facadeChatSDK, state, dispatch, setAdapter,
     }
 
     // Log PrepareEndChat if conversation ended by customer (bot and agent cases are handled in LiveChatWidgetStateful.tsx)
-    if (state !== null && state !== void 0 && (_state$appStates3 = state.appStates) !== null && _state$appStates3 !== void 0 && _state$appStates3.conversationEndedBy) {
-      var _state$appStates4;
+    if (state !== null && state !== void 0 && (_state$appStates5 = state.appStates) !== null && _state$appStates5 !== void 0 && _state$appStates5.conversationEndedBy) {
+      var _state$appStates6;
       TelemetryHelper.logSDKEvent(LogLevel.INFO, {
         Event: TelemetryEvent.PrepareEndChat,
-        Description: `${PrepareEndChatDescriptionConstants.ConversationEndedByCustomerWithInvalidPostChat} ${state === null || state === void 0 ? void 0 : (_state$appStates4 = state.appStates) === null || _state$appStates4 === void 0 ? void 0 : _state$appStates4.conversationEndedBy}.`
+        Description: `${PrepareEndChatDescriptionConstants.ConversationEndedByCustomerWithInvalidPostChat} ${state === null || state === void 0 ? void 0 : (_state$appStates6 = state.appStates) === null || _state$appStates6 === void 0 ? void 0 : _state$appStates6.conversationEndedBy}.`
       });
     }
     const persistentEnabled = isPersistentEnabled(chatConfig);
@@ -256,6 +263,10 @@ export const closeChatStateCleanUp = dispatch => {
     payload: undefined
   });
   // dispatch({ type: LiveChatWidgetActionType.SET_CONVERSATION_STATE, payload: ConversationState.Closed });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CONVERSATIONAL_SURVEY_DISPLAY,
+    payload: false
+  });
   dispatch({
     type: LiveChatWidgetActionType.SET_RECONNECT_ID,
     payload: undefined

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

@@ -32,6 +32,9 @@ import htmlTextMiddleware from "../../webchatcontainerstateful/webchatcontroller
 import preProcessingMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/preProcessingMiddleware";
 import sanitizationMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/sanitizationMiddleware";
 import { Constants } from "../../../common/Constants";
+import { ConversationState } from "../../../contexts/common/ConversationState";
+import { executeReducer } from "../../../contexts/createReducer";
+import { createQueueOverflowMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/queueOverflowHandlerMiddleware";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endChat) => {
@@ -53,6 +56,20 @@ export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endCh
   let webChatStore = WebChatStoreLoader.store;
   if (!webChatStore) {
     var _state$domainStates$l, _state$domainStates$l2, _state$domainStates$l3, _props$webChatContain7;
+    const addConversationalSurveyTagsCallback = action => {
+      var _inMemoryState$appSta;
+      const inMemoryState = executeReducer(state, {
+        type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+        payload: null
+      });
+      const isConversationalSurvey = (_inMemoryState$appSta = inMemoryState.appStates) === null || _inMemoryState$appSta === void 0 ? void 0 : _inMemoryState$appSta.isConversationalSurvey;
+      if (isConversationalSurvey) {
+        if (!action.payload.activity.channelData.tags.includes(Constants.c2ConversationalSurveyMessageTag)) {
+          action.payload.activity.channelData.tags.push(Constants.c2ConversationalSurveyMessageTag);
+        }
+      }
+      return action;
+    };
     const conversationEndCallback = async () => {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       const conversationDetails = await getConversationDetailsCall(facadeChatSDK);
@@ -82,9 +99,21 @@ export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endCh
         });
       }
     };
+    const startConversationalSurveyCallback = async () => {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATIONAL_SURVEY_DISPLAY,
+        payload: true
+      });
+    };
+    const endConversationalSurveyCallback = async () => {
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+        payload: ConversationState.InActive
+      });
+    };
     webChatStore = createStore({},
     //initial state
-    preProcessingMiddleware, attachmentProcessingMiddleware, createAttachmentUploadValidatorMiddleware((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : _state$domainStates$l.allowedFileExtensions, (_state$domainStates$l2 = state.domainStates.liveChatConfig) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.maxUploadFileSize, localizedTexts), channelDataMiddleware, createConversationEndMiddleware(conversationEndCallback), createDataMaskingMiddleware((_state$domainStates$l3 = state.domainStates.liveChatConfig) === null || _state$domainStates$l3 === void 0 ? void 0 : _state$domainStates$l3.DataMaskingInfo), createMessageTimeStampMiddleware, createMessageSequenceIdOverrideMiddleware, gifUploadMiddleware, htmlPlayerMiddleware, htmlTextMiddleware(honorsTargetInHTMLLinks), createMaxMessageSizeValidator(localizedTexts), sanitizationMiddleware,
+    preProcessingMiddleware, attachmentProcessingMiddleware, createAttachmentUploadValidatorMiddleware((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : _state$domainStates$l.allowedFileExtensions, (_state$domainStates$l2 = state.domainStates.liveChatConfig) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.maxUploadFileSize, localizedTexts), createQueueOverflowMiddleware(state, dispatch), channelDataMiddleware(addConversationalSurveyTagsCallback), createConversationEndMiddleware(conversationEndCallback, startConversationalSurveyCallback, endConversationalSurveyCallback), createDataMaskingMiddleware((_state$domainStates$l3 = state.domainStates.liveChatConfig) === null || _state$domainStates$l3 === void 0 ? void 0 : _state$domainStates$l3.DataMaskingInfo), createMessageTimeStampMiddleware, createMessageSequenceIdOverrideMiddleware, gifUploadMiddleware, htmlPlayerMiddleware, htmlTextMiddleware(honorsTargetInHTMLLinks), createMaxMessageSizeValidator(localizedTexts), sanitizationMiddleware,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ...(((_props$webChatContain7 = props.webChatContainerProps) === null || _props$webChatContain7 === void 0 ? void 0 : _props$webChatContain7.storeMiddlewares) ?? []));
     WebChatStoreLoader.store = webChatStore;