@microsoft/omnichannel-chat-widget 2.0.0 → 2.0.1-main.6ca1911

package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentSentAnnouncementMiddleware.js

@@ -3,31 +3,41 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.getFileSentMessage = exports.default = exports.createAttachmentSentAnnouncementMiddleware = exports.ATTACHMENT_ANNOUNCEMENT_REGION_ID = void 0;
 var _IWebChatAction = require("../../../interfaces/IWebChatAction");
 var _WebChatActionType = require("../../enums/WebChatActionType");
 /******
  * AttachmentSentAnnouncementMiddleware
  *
  * When a file attachment is successfully sent, announces the result to
- * screen readers via an aria-live region so that assistive technology
- * users receive immediate feedback.
+ * screen readers so that assistive technology users receive immediate
+ * feedback ("File report.pdf sent").
+ *
+ * The announcement region lives inside the chat dialog. While the dialog is
+ * open it is aria-modal and its host siblings are aria-hidden, so screen
+ * readers (TalkBack, VoiceOver) ignore live regions outside it.
  ******/
 
-const ARIA_LIVE_REGION_ID = "oc-lcw-attachment-announcement";
+const ATTACHMENT_ANNOUNCEMENT_REGION_ID = exports.ATTACHMENT_ANNOUNCEMENT_REGION_ID = "oc-lcw-attachment-announcement";
+const DEFAULT_FILE_SENT_TEXT = "File {2} sent";
+const DEFAULT_FILES_SENT_TEXT = "{0} files sent";
+
+// Let the send-box focus shift settle before speaking, then keep the node
+// long enough for the screen reader to read it.
+const ANNOUNCE_DELAY_MS = 100;
+const ANNOUNCEMENT_LIFETIME_MS = 5000;
 
 /**
- * Ensures a visually-hidden aria-live region exists in the DOM for
- * announcing attachment upload results to screen readers.
+ * Ensures a visually-hidden aria-live region exists inside the chat dialog
+ * for announcing attachment upload results to screen readers.
  */
-const ensureAriaLiveRegion = () => {
-  let region = document.getElementById(ARIA_LIVE_REGION_ID);
+const ensureAriaLiveRegion = widgetElementId => {
+  const host = document.getElementById(widgetElementId) || document.body;
+  let region = document.getElementById(ATTACHMENT_ANNOUNCEMENT_REGION_ID);
   if (!region) {
     region = document.createElement("div");
-    region.id = ARIA_LIVE_REGION_ID;
+    region.id = ATTACHMENT_ANNOUNCEMENT_REGION_ID;
     region.setAttribute("aria-live", "polite");
-    region.setAttribute("role", "status");
-    region.setAttribute("aria-atomic", "true");
     // Visually hidden but available to screen readers
     Object.assign(region.style, {
       position: "absolute",
@@ -40,44 +50,62 @@ const ensureAriaLiveRegion = () => {
       whiteSpace: "nowrap",
       border: "0"
     });
-    const container = document.getElementById("oc-lcw-container");
-    (container || document.body).appendChild(region);
+  }
+  if (region.parentElement !== host) {
+    host.appendChild(region);
   }
   return region;
 };
 
 /**
- * Announces a message to screen readers by updating the aria-live region.
- * Clears it briefly first so repeated identical messages are still announced.
+ * Announces a message by appending a fresh node to the live region.
+ * TalkBack reliably speaks newly added nodes but often misses text changes
+ * on an existing node, so each announcement gets its own element.
  */
-const announce = message => {
-  const region = ensureAriaLiveRegion();
-  region.textContent = "";
-  // Small delay so the screen reader detects the content change
+const announce = (message, widgetElementId) => {
+  const region = ensureAriaLiveRegion(widgetElementId);
   setTimeout(() => {
-    region.textContent = message;
-  }, 100);
+    const node = document.createElement("div");
+    node.textContent = message;
+    region.appendChild(node);
+    setTimeout(() => node.remove(), ANNOUNCEMENT_LIFETIME_MS);
+  }, ANNOUNCE_DELAY_MS);
 };
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const attachmentSentAnnouncementMiddleware = _ref => {
-  let dispatch = _ref.dispatch;
-  return next => action => {
-    if (!(0, _IWebChatAction.isWebChatAction)(action)) {
-      return next(action);
-    }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getFileSentMessage = (attachments, localizedTexts) => {
+  var _attachments$;
+  if (attachments.length > 1) {
+    // Replacer callbacks insert values literally; a string would treat "$&" or "$$" as patterns.
+    return ((localizedTexts === null || localizedTexts === void 0 ? void 0 : localizedTexts.MIDDLEWARE_BANNER_FILES_SENT) || DEFAULT_FILES_SENT_TEXT).replace("{0}", () => String(attachments.length));
+  }
+  const name = typeof ((_attachments$ = attachments[0]) === null || _attachments$ === void 0 ? void 0 : _attachments$.name) === "string" ? attachments[0].name.trim() : "";
+  return ((localizedTexts === null || localizedTexts === void 0 ? void 0 : localizedTexts.MIDDLEWARE_BANNER_FILE_SENT) || DEFAULT_FILE_SENT_TEXT).replace("{2}", () => name).replace(/\s{2,}/g, " ").trim();
+};
+exports.getFileSentMessage = getFileSentMessage;
+const createAttachmentSentAnnouncementMiddleware = function (localizedTexts) {
+  let widgetElementId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "oc-lcw";
+  return (
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _ref => {
+      let dispatch = _ref.dispatch;
+      return next => action => {
+        if (!(0, _IWebChatAction.isWebChatAction)(action)) {
+          return next(action);
+        }
 
-    // Intercept successfully posted activities that contain attachments
-    if (action.type === _WebChatActionType.WebChatActionType.DIRECT_LINE_POST_ACTIVITY_FULFILLED) {
-      var _action$payload;
-      const attachments = (_action$payload = action.payload) === null || _action$payload === void 0 || (_action$payload = _action$payload.activity) === null || _action$payload === void 0 ? void 0 : _action$payload.attachments;
-      if (attachments && attachments.length > 0) {
-        const count = attachments.length;
-        const message = count === 1 ? "File sent" : `${count} files sent`;
-        announce(message);
-      }
+        // Intercept successfully posted activities that contain attachments
+        if (action.type === _WebChatActionType.WebChatActionType.DIRECT_LINE_POST_ACTIVITY_FULFILLED) {
+          var _action$payload;
+          const attachments = (_action$payload = action.payload) === null || _action$payload === void 0 || (_action$payload = _action$payload.activity) === null || _action$payload === void 0 ? void 0 : _action$payload.attachments;
+          if (attachments && attachments.length > 0) {
+            announce(getFileSentMessage(attachments, localizedTexts), widgetElementId);
+          }
+        }
+        return next(action);
+      };
     }
-    return next(action);
-  };
+  );
 };
-var _default = exports.default = attachmentSentAnnouncementMiddleware;
+exports.createAttachmentSentAnnouncementMiddleware = createAttachmentSentAnnouncementMiddleware;
+var _default = exports.default = createAttachmentSentAnnouncementMiddleware;

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

@@ -18,27 +18,6 @@ var _WebChatActionType = require("../../enums/WebChatActionType");
  ******/
 
 const MBtoBRatio = 1000000;
-const announceFileSent = message => {
-  // TalkBack on Android WebView reliably announces newly *appended*
-  // role="alert" nodes but often misses text-content updates on existing
-  // nodes. Wait 500ms for the send-box focus shift to settle, then inject
-  // a fresh alert element appended to document.body and remove it after 3s.
-  setTimeout(() => {
-    const el = document.createElement("div");
-    el.setAttribute("role", "alert");
-    el.setAttribute("aria-live", "assertive");
-    el.setAttribute("aria-atomic", "true");
-    el.style.cssText = "position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;";
-    el.textContent = message;
-    document.body.appendChild(el);
-    // Remove after TalkBack has had time to read it
-    setTimeout(() => {
-      if (el.parentNode) {
-        el.parentNode.removeChild(el);
-      }
-    }, 3000);
-  }, 500);
-};
 
 /*
 * If an attachment is invalid, delete this attachment from the attachments list
@@ -227,13 +206,7 @@ const createAttachmentUploadValidatorMiddleware = (allowedFileExtensions, maxFil
       var _payload$activity, _payload$activity2;
       const payload = action.payload;
       if (payload !== null && payload !== void 0 && payload.activity.attachments && payload.activity.attachments.length > 0 && (payload === null || payload === void 0 || (_payload$activity = payload.activity) === null || _payload$activity === void 0 || (_payload$activity = _payload$activity.attachments) === null || _payload$activity === void 0 ? void 0 : _payload$activity.length) === (payload === null || payload === void 0 || (_payload$activity2 = payload.activity) === null || _payload$activity2 === void 0 || (_payload$activity2 = _payload$activity2.channelData) === null || _payload$activity2 === void 0 || (_payload$activity2 = _payload$activity2.attachmentSizes) === null || _payload$activity2 === void 0 ? void 0 : _payload$activity2.length)) {
-        var _validatedAction$payl;
         const validatedAction = validateAttachment(action, allowedFileExtensions, maxFileSizeSupportedByDynamics, localizedTexts);
-
-        // Announce to screen readers that the file was sent when validation passes
-        if (((_validatedAction$payl = validatedAction.payload) === null || _validatedAction$payl === void 0 || (_validatedAction$payl = _validatedAction$payl.activity) === null || _validatedAction$payl === void 0 || (_validatedAction$payl = _validatedAction$payl.attachments) === null || _validatedAction$payl === void 0 ? void 0 : _validatedAction$payl.length) > 0) {
-          announceFileSent(localizedTexts.MIDDLEWARE_BANNER_FILE_SENT ?? "File sent successfully.");
-        }
         return next(validatedAction);
       }
     }

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

@@ -109,6 +109,7 @@ export let TelemetryEvent = /*#__PURE__*/function (TelemetryEvent) {
   TelemetryEvent["MidConversationAuthSucceeded"] = "MidConversationAuthSucceeded";
   TelemetryEvent["MidConversationAuthFailed"] = "MidConversationAuthFailed";
   TelemetryEvent["MidConversationAuthReset"] = "MidConversationAuthReset";
+  TelemetryEvent["RecoveryEligibilityEvaluated"] = "RecoveryEligibilityEvaluated";
   TelemetryEvent["GetConversationDetailsCallStarted"] = "GetConversationDetailsCallStarted";
   TelemetryEvent["GetConversationDetailsCallFailed"] = "GetConversationDetailsCallFailed";
   TelemetryEvent["EndChatSDKCallFailed"] = "EndChatSDKCallFailed";
@@ -140,6 +141,8 @@ export let TelemetryEvent = /*#__PURE__*/function (TelemetryEvent) {
   TelemetryEvent["PrechatSubmitted"] = "PrechatSubmitted";
   TelemetryEvent["StartChatSDKCall"] = "StartChatCall";
   TelemetryEvent["StartChatEventReceived"] = "StartChatEventReceived";
+  TelemetryEvent["ConcurrentStartChatRejected"] = "ConcurrentStartChatRejected";
+  TelemetryEvent["ChatSDKStateCleanUpDisconnectFailed"] = "ChatSDKStateCleanUpDisconnectFailed";
   TelemetryEvent["EndChatSDKCall"] = "EndChatSDKCall";
   TelemetryEvent["PrepareEndChat"] = "PrepareEndChat";
   TelemetryEvent["EndChatEventReceived"] = "EndChatEventReceived";
@@ -412,6 +415,9 @@ export let TelemetryConstants = /*#__PURE__*/function () {
         case TelemetryEvent.SecureEventBusDispatchError:
         case TelemetryEvent.AgentJoinedConversation:
         case TelemetryEvent.BrowserTabHidden:
+        case TelemetryEvent.ConcurrentStartChatRejected:
+        case TelemetryEvent.ChatSDKStateCleanUpDisconnectFailed:
+        case TelemetryEvent.RecoveryEligibilityEvaluated:
           return ScenarioType.ACTIONS;
         case TelemetryEvent.StartChatSDKCall:
         case TelemetryEvent.StartChatEventReceived:

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

@@ -50,37 +50,54 @@ export const ChatButtonStateful = props => {
   const ref = useRef(() => {
     return;
   });
+  // Optimistic guard against rapid double-clicks. `conversationState` only flips to
+  // `Loading` after React re-renders, so the button stays visible and clickable for the
+  // whole duration of the first click's async work. Without this ref two concurrent
+  // startChat() calls can create two conversations on the backend.
+  const startChatInProgressRef = useRef(false);
   ref.current = async () => {
-    TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
-      Event: TelemetryEvent.LCWChatButtonClicked,
-      Description: "Chat button click action started",
-      CustomProperties: {
-        ConversationStage: ConversationStage.Initialization
-      }
-    });
-    if (state.appStates.isMinimized) {
-      dispatch({
-        type: LiveChatWidgetActionType.SET_MINIMIZED,
-        payload: false
+    if (startChatInProgressRef.current) {
+      TelemetryHelper.logActionEvent(LogLevel.WARN, {
+        Event: TelemetryEvent.ConcurrentStartChatRejected,
+        Description: "Chat button click ignored, a start chat operation is already in progress."
       });
-      dispatch({
-        type: LiveChatWidgetActionType.SET_UNREAD_MESSAGE_COUNT,
-        payload: 0
+      return;
+    }
+    startChatInProgressRef.current = true;
+    try {
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.LCWChatButtonClicked,
+        Description: "Chat button click action started",
+        CustomProperties: {
+          ConversationStage: ConversationStage.Initialization
+        }
       });
-      // If chat is minimized and then unminimized, start a chat if convesation state is closed.
-      if (state.appStates.conversationState === ConversationState.Closed) {
+      if (state.appStates.isMinimized) {
+        dispatch({
+          type: LiveChatWidgetActionType.SET_MINIMIZED,
+          payload: false
+        });
+        dispatch({
+          type: LiveChatWidgetActionType.SET_UNREAD_MESSAGE_COUNT,
+          payload: 0
+        });
+        // If chat is minimized and then unminimized, start a chat if convesation state is closed.
+        if (state.appStates.conversationState === ConversationState.Closed) {
+          await startChat();
+        }
+      } else {
         await startChat();
       }
-    } else {
-      await startChat();
+      TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
+        Event: TelemetryEvent.LCWChatButtonActionCompleted,
+        Description: "Chat button action completed",
+        CustomProperties: {
+          ConversationStage: ConversationStage.Initialization
+        }
+      });
+    } finally {
+      startChatInProgressRef.current = false;
     }
-    TelemetryHelper.logActionEventToAllTelemetry(LogLevel.INFO, {
-      Event: TelemetryEvent.LCWChatButtonActionCompleted,
-      Description: "Chat button action completed",
-      CustomProperties: {
-        ConversationStage: ConversationStage.Initialization
-      }
-    });
   };
   const outOfOfficeStyleProps = Object.assign({}, defaultOutOfOfficeChatButtonStyleProps, outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.styleProps);
   const controlProps = {

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

@@ -349,14 +349,53 @@ export const closeChatStateCleanUp = dispatch => {
   });
 };
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const logCleanUpDisconnectFailure = error => {
+  TelemetryHelper.logActionEvent(LogLevel.WARN, {
+    Event: TelemetryEvent.ChatSDKStateCleanUpDisconnectFailed,
+    Description: "Failed to disconnect the previous conversation during chat SDK state clean up.",
+    ExceptionDetails: {
+      exception: (error === null || error === void 0 ? void 0 : error.message) ?? error
+    }
+  });
+};
+
+// Releases the previous session's conversation. Mirrors the cleanup OmnichannelChatSDK.endChat()
+// runs in its finally block (disconnect, then drop the reference). Without it, a conversation
+// left over from a failed or orphaned start chat, or from a chat ended in another tab (which
+// skips the SDK endChat), keeps its messaging session open and leaks into the next chat.
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const disconnectConversation = chatSDK => {
+  const conversation = chatSDK.conversation;
+  if (!conversation || typeof conversation.disconnect !== "function") {
+    return;
+  }
+  try {
+    // ACS conversations disconnect asynchronously; legacy IC3 conversations may not return a promise.
+    const result = conversation.disconnect();
+    if (result && typeof result.catch === "function") {
+      result.catch(logCleanUpDisconnectFailure);
+    }
+  } catch (error) {
+    logCleanUpDisconnectFailure(error);
+  }
+};
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const chatSDKStateCleanUp = chatSDK => {
+  if (!chatSDK) {
+    return;
+  }
+
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   chatSDK.requestId = uuidv4();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   chatSDK.chatToken = {};
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   chatSDK.reconnectId = null;
+  disconnectConversation(chatSDK);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  chatSDK.conversation = null;
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -11,7 +11,7 @@ import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidge
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { WebChatStoreLoader } from "../../webchatcontainerstateful/webchatcontroller/WebChatStoreLoader";
 import attachmentProcessingMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentProcessingMiddleware";
-import attachmentSentAnnouncementMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentSentAnnouncementMiddleware";
+import createAttachmentSentAnnouncementMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/attachmentSentAnnouncementMiddleware";
 import channelDataMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/channelDataMiddleware";
 import { createActivityMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityMiddleware";
 import { createActivityStatusMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityStatusMiddleware";
@@ -62,7 +62,7 @@ export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endCh
   // Initialize Web Chat's redux store
   let webChatStore = WebChatStoreLoader.store;
   if (!webChatStore) {
-    var _state$domainStates$l, _state$domainStates$l2, _state$domainStates$l3, _props$webChatContain7;
+    var _state$domainStates$l, _state$domainStates$l2, _props$controlProps, _state$domainStates$l3, _props$webChatContain7;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const addConversationalSurveyTagsCallback = action => {
       var _inMemoryState$appSta;
@@ -121,7 +121,7 @@ export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endCh
     };
     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), attachmentSentAnnouncementMiddleware, createCustomEventMiddleware(BroadcastService), 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, createCitationsMiddleware(state, dispatch), gifUploadMiddleware, htmlPlayerMiddleware, htmlTextMiddleware(honorsTargetInHTMLLinks), createMaxMessageSizeValidator(localizedTexts), sanitizationMiddleware, createCallActionMiddleware(),
+    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), createAttachmentSentAnnouncementMiddleware(localizedTexts, ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) || "oc-lcw"), createCustomEventMiddleware(BroadcastService), 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, createCitationsMiddleware(state, dispatch), gifUploadMiddleware, htmlPlayerMiddleware, htmlTextMiddleware(honorsTargetInHTMLLinks), createMaxMessageSizeValidator(localizedTexts), sanitizationMiddleware, createCallActionMiddleware(),
     // Pass a callback so middleware can push initials into React context for reactivity
     localizedStringsBotInitialsMiddleware(initials => {
       dispatch({
@@ -251,6 +251,12 @@ export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endCh
       // Track what would be removed
       const removedTags = [];
       const removedAttributes = [];
+      const trackAttribute = name => {
+        const attrName = name.toLowerCase();
+        if (!strictConfig.ALLOWED_ATTR.includes(attrName) && attrName !== "class" && attrName !== "id") {
+          removedAttributes.push(attrName);
+        }
+      };
 
       // Add hooks to the isolated monitoring instance
       monitorDOMPurify.addHook("uponSanitizeElement", (node, data) => {
@@ -259,6 +265,8 @@ export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endCh
           // Filter out "body" tag which is DOMPurify's internal wrapper
           if (node.nodeType === 1 && !strictConfig.ALLOWED_TAGS.includes(tagName) && tagName !== "body") {
             removedTags.push(tagName);
+            // DOMPurify 3.4.16+ skips uponSanitizeAttribute for removed elements
+            Array.from(node.attributes ?? []).forEach(attr => trackAttribute(attr.name));
           }
         } catch (hookError) {
           // Silently ignore hook errors
@@ -266,10 +274,7 @@ export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endCh
       });
       monitorDOMPurify.addHook("uponSanitizeAttribute", (node, data) => {
         try {
-          const attrName = data.attrName.toLowerCase();
-          if (!strictConfig.ALLOWED_ATTR.includes(attrName) && attrName !== "class" && attrName !== "id") {
-            removedAttributes.push(attrName);
-          }
+          trackAttribute(data.attrName);
         } catch (hookError) {
           // Silently ignore hook errors
         }

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

@@ -0,0 +1,52 @@
+import { ConversationState } from "../../../contexts/common/ConversationState";
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { isUndefinedOrEmpty } from "../../../common/utils";
+export let RecoveryEligibilityReason = /*#__PURE__*/function (RecoveryEligibilityReason) {
+  RecoveryEligibilityReason["ReconnectIdPresent"] = "ReconnectIdPresent";
+  RecoveryEligibilityReason["ActiveContextPresent"] = "ActiveContextPresent";
+  RecoveryEligibilityReason["MissingContext"] = "MissingContext";
+  RecoveryEligibilityReason["CachedContextNonActive"] = "CachedContextNonActive";
+  return RecoveryEligibilityReason;
+}({});
+const getConversationStateName = conversationState => {
+  if (typeof conversationState !== "number") {
+    return "Unknown";
+  }
+  const stateName = ConversationState[conversationState];
+  return typeof stateName === "string" ? stateName : "Unknown";
+};
+export const getRecoveryEligibilityTelemetryProperties = (state, eligible) => {
+  var _state$appStates, _state$domainStates, _state$appStates2, _state$appStates3;
+  const reconnectId = (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.reconnectId;
+  const liveChatContext = (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.liveChatContext;
+  const hasReconnectId = !isUndefinedOrEmpty(reconnectId);
+  const hasLiveChatContext = !isUndefinedOrEmpty(liveChatContext);
+  const hasRequestId = !isUndefinedOrEmpty(liveChatContext === null || liveChatContext === void 0 ? void 0 : liveChatContext.requestId);
+  let reason = RecoveryEligibilityReason.ActiveContextPresent;
+  if (hasReconnectId) {
+    reason = RecoveryEligibilityReason.ReconnectIdPresent;
+  } else if (!hasLiveChatContext) {
+    reason = RecoveryEligibilityReason.MissingContext;
+  } else if (((_state$appStates2 = state.appStates) === null || _state$appStates2 === void 0 ? void 0 : _state$appStates2.conversationState) !== ConversationState.Active) {
+    reason = RecoveryEligibilityReason.CachedContextNonActive;
+  }
+  return {
+    conversationState: getConversationStateName((_state$appStates3 = state.appStates) === null || _state$appStates3 === void 0 ? void 0 : _state$appStates3.conversationState),
+    hasReconnectId,
+    hasLiveChatContext,
+    hasRequestId,
+    eligible,
+    reason
+  };
+};
+export const logRecoveryEligibilityTelemetry = (state, eligible) => {
+  try {
+    TelemetryHelper.logActionEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.RecoveryEligibilityEvaluated,
+      CustomProperties: getRecoveryEligibilityTelemetryProperties(state, eligible)
+    });
+  } catch (error) {
+    console.warn(error);
+  }
+};