@microsoft/omnichannel-chat-widget 1.8.7 → 2.0.0-main.5ebd4eb

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

@@ -11,6 +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 channelDataMiddleware from "../../webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/channelDataMiddleware";
 import { createActivityMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityMiddleware";
 import { createActivityStatusMiddleware } from "../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityStatusMiddleware";
@@ -120,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), 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), 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(),
     // Pass a callback so middleware can push initials into React context for reactivity
     localizedStringsBotInitialsMiddleware(initials => {
       dispatch({
@@ -146,14 +147,194 @@ export const initWebChatComposer = (props, state, dispatch, facadeChatSDK, endCh
     markdownRenderers.forEach(renderer => {
       text = renderer.render(text);
     });
+
+    // EXISTING sanitization (continues to work as before)
     const config = {
       FORBID_TAGS: ["form", "button", "script", "div", "input"],
       FORBID_ATTR: ["action"],
       ADD_ATTR: ["target"]
     };
     text = DOMPurify.sanitize(text, config);
+
+    // MONITOR-ONLY: Test what the stricter allowlist would remove (Phase 1)
+    // This does NOT modify the text, only logs telemetry
+    // Run during browser idle time to avoid blocking message flow and adding latency
+    const textToMonitor = text; // Capture current text value
+
+    // Schedule monitoring to run during browser idle time
+    const scheduleMonitoring = () => {
+      try {
+        monitorStrictSanitization(textToMonitor, state);
+      } catch (error) {
+        // Silently catch errors to prevent blocking message flow
+        if (process.env.NODE_ENV === "development") {
+          console.error("[Monitor] HTML sanitization monitoring failed:", error);
+        }
+      }
+    };
+
+    // Use requestIdleCallback for truly idle execution, fallback to setTimeout for older browsers
+    if (typeof window !== "undefined" && "requestIdleCallback" in window) {
+      window.requestIdleCallback(scheduleMonitoring);
+    } else {
+      setTimeout(scheduleMonitoring, 0);
+    }
     return text;
   };
+
+  /**
+   * Monitor-only sanitization (Phase 1: Gather telemetry)
+   * Tests what a stricter allowlist-based sanitization would remove
+   * WITHOUT actually removing it. Logs telemetry for analysis.
+   *
+   * IMPORTANT: This function is wrapped in try-catch and runs asynchronously
+   * to ensure failures don't block message flow or add latency.
+   *
+   * ISOLATION: Uses a separate DOMPurify instance to completely isolate
+   * monitoring hooks from other sanitization paths (e.g., postDomPurifyActivities).
+   * The instance is garbage collected after use, no cleanup needed.
+   *
+   * @param html - The HTML text that was already sanitized with existing config
+   * @param state - Widget state containing orgId and chatId
+   */
+  const monitorStrictSanitization = (html, state) => {
+    // Early exit for empty content
+    if (!html) return;
+
+    // Track execution time for performance monitoring
+    const startTime = performance.now();
+    try {
+      // Create a separate DOMPurify instance for monitoring
+      // This completely isolates monitoring from other sanitization paths
+      const monitorDOMPurify = DOMPurify(window);
+
+      // Strict allowlist configuration (proposed new rules)
+      // Note: DOMPurify blocks event handlers (onclick, onerror, etc.) by default
+      const strictConfig = {
+        ALLOWED_TAGS: ["b", "strong",
+        // Bold text
+        "i", "em", "u",
+        // Italic, emphasis, underline
+        "br", "p",
+        // Line breaks and paragraphs
+        "ul", "ol", "li",
+        // Lists
+        "a" // Links (with restricted attributes)
+        ],
+        ALLOWED_ATTR: ["href",
+        // For links (will be restricted to http/https)
+        "target",
+        // For link behavior
+        "rel" // For security (noopener, noreferrer)
+        ],
+        FORBID_TAGS: ["img", "video", "audio",
+        // Media (tracking beacons)
+        "iframe", "object", "embed",
+        // Embedded content
+        "script", "style",
+        // Script and styling
+        "form", "input", "textarea", "button",
+        // Form elements
+        "link", "meta", "base",
+        // Document metadata
+        "div", "span" // Layout elements
+        ],
+        FORBID_ATTR: ["style",
+        // Inline CSS
+        "action" // Form action attribute (event handlers blocked by default)
+        ],
+        ALLOWED_URI_REGEXP: /^https?:/i,
+        ALLOW_DATA_ATTR: false,
+        ALLOW_UNKNOWN_PROTOCOLS: false
+      };
+
+      // Track what would be removed
+      const removedTags = [];
+      const removedAttributes = [];
+
+      // Add hooks to the isolated monitoring instance
+      monitorDOMPurify.addHook("uponSanitizeElement", (node, data) => {
+        try {
+          const tagName = data.tagName.toLowerCase();
+          // Filter out "body" tag which is DOMPurify's internal wrapper
+          if (node.nodeType === 1 && !strictConfig.ALLOWED_TAGS.includes(tagName) && tagName !== "body") {
+            removedTags.push(tagName);
+          }
+        } catch (hookError) {
+          // Silently ignore hook errors
+        }
+      });
+      monitorDOMPurify.addHook("uponSanitizeAttribute", (node, data) => {
+        try {
+          const attrName = data.attrName.toLowerCase();
+          if (!strictConfig.ALLOWED_ATTR.includes(attrName) && attrName !== "class" && attrName !== "id") {
+            removedAttributes.push(attrName);
+          }
+        } catch (hookError) {
+          // Silently ignore hook errors
+        }
+      });
+
+      // Run sanitization on the isolated instance (we discard the result)
+      // No cleanup needed - the instance will be garbage collected with its hooks
+      monitorDOMPurify.sanitize(html, strictConfig);
+
+      // Log telemetry if content would be affected by strict rules
+      if (removedTags.length > 0 || removedAttributes.length > 0) {
+        try {
+          var _state$domainStates, _state$domainStates2;
+          const uniqueTags = [...new Set(removedTags)];
+          const uniqueAttrs = [...new Set(removedAttributes)];
+
+          // Calculate execution time
+          const endTime = performance.now();
+          const executionTimeMs = Math.round((endTime - startTime) * 100) / 100; // Round to 2 decimal places
+
+          // Get context for telemetry (with safe fallbacks)
+          const orgId = (state === null || state === void 0 || (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 || (_state$domainStates = _state$domainStates.telemetryInternalData) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.orgId) || "unknown";
+          const conversationId = (state === null || state === void 0 || (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 || (_state$domainStates2 = _state$domainStates2.chatToken) === null || _state$domainStates2 === void 0 ? void 0 : _state$domainStates2.chatId) || "unknown";
+          TelemetryHelper.logActionEvent(LogLevel.INFO, {
+            Event: TelemetryEvent.HTMLSanitized,
+            Description: JSON.stringify({
+              message: "HTML content would be sanitized by stricter allowlist (monitor-only)",
+              removedTags: uniqueTags,
+              removedAttributes: uniqueAttrs,
+              phase: "Monitor",
+              organizationId: orgId,
+              conversationId: conversationId
+            }),
+            ElapsedTimeInMilliseconds: executionTimeMs
+          });
+
+          // Log to console in development for debugging
+          if (process.env.NODE_ENV === "development") {
+            console.warn("[Monitor] Stricter HTML sanitization telemetry:", {
+              description: JSON.parse(JSON.stringify({
+                message: "HTML content would be sanitized by stricter allowlist (monitor-only)",
+                removedTags: uniqueTags,
+                removedAttributes: uniqueAttrs,
+                phase: "Monitor"
+              })),
+              orgId,
+              conversationId,
+              executionTimeMs
+            });
+          }
+        } catch (telemetryError) {
+          // Silently ignore telemetry errors to prevent blocking
+          if (process.env.NODE_ENV === "development") {
+            console.error("[Monitor] Telemetry logging failed:", telemetryError);
+          }
+        }
+      }
+    } catch (error) {
+      // Catch-all for any unexpected errors
+      // Silently fail to ensure monitoring never blocks message flow
+      if (process.env.NODE_ENV === "development") {
+        console.error("[Monitor] Monitoring failed:", error);
+      }
+    }
+  };
   function postDomPurifyActivities() {
     DOMPurify.addHook("afterSanitizeAttributes", function (node) {
       const target = node.getAttribute(Constants.Target);

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);
+  }
+};

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

@@ -14,6 +14,7 @@ import { createAdapter } from "./createAdapter";
 import { createOnNewAdapterActivityHandler } from "../../../plugins/newMessageEventHandler";
 import { createTrackingForFirstMessage } from "../../../firstresponselatency/FirstMessageTrackerFromBot";
 import { isPersistentChatEnabled } from "./liveChatConfigUtils";
+import { isMidAuthEnabled } from "./authHelper";
 import { setPostChatContextAndLoadSurvey } from "./setPostChatContextAndLoadSurvey";
 import { shouldSetPreChatIfPersistentChat } from "./persistentChatHelper";
 import { updateTelemetryData } from "./updateSessionDataForTelemetry";
@@ -59,7 +60,7 @@ const prepareStartChat = async (props, facadeChatSDK, state, dispatch, setAdapte
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const setPreChatAndInitiateChat = async (facadeChatSDK, dispatch, setAdapter, isProactiveChat, proactiveChatEnablePrechatState, state, props) => {
   var _props$preChatSurveyP, _props$controlProps, _state$domainStates, _state$appStates2;
-  // This reset needs to be done before to load prechat, because the conversation state changes from close to prechat
+  // Reset before loading prechat to avoid starting chat with previous requestId
   if ((state === null || state === void 0 ? void 0 : state.appStates.conversationState) === ConversationState.Closed) {
     // Preventive reset to avoid starting chat with previous requestId which could potentially cause problems
     chatSDKStateCleanUp(facadeChatSDK.getChatSDK());
@@ -192,7 +193,7 @@ const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props,
       });
     }
     try {
-      var _window$Microsoft;
+      var _window$Microsoft, _state$domainStates8;
       // Set custom context params
       await setCustomContextParams(state, props);
       const defaultOptionalParams = {
@@ -201,9 +202,25 @@ const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props,
         portalContactId: (_window$Microsoft = window.Microsoft) === null || _window$Microsoft === void 0 || (_window$Microsoft = _window$Microsoft.Dynamic365) === null || _window$Microsoft === void 0 || (_window$Microsoft = _window$Microsoft.Portal) === null || _window$Microsoft === void 0 || (_window$Microsoft = _window$Microsoft.User) === null || _window$Microsoft === void 0 ? void 0 : _window$Microsoft.contactId
       };
       const startChatOptionalParams = Object.assign({}, params, optionalParams, defaultOptionalParams);
+
+      // MID-AUTH: Add wasAuthenticated flag for reconnect scenarios
+      // Tells FacadeChatSDK whether the previous session was authenticated
+      // Used to detect auth transitions (Auth->Unauth) and decide whether to call authenticateChat
+      const midAuthEnabled = isMidAuthEnabled(state === null || state === void 0 || (_state$domainStates8 = state.domainStates) === null || _state$domainStates8 === void 0 ? void 0 : _state$domainStates8.liveChatConfig);
+      if (midAuthEnabled) {
+        var _state$appStates4, _persistedState$appSt;
+        const isUserAuthenticated = (state === null || state === void 0 || (_state$appStates4 = state.appStates) === null || _state$appStates4 === void 0 ? void 0 : _state$appStates4.isUserAuthenticated) === true || (persistedState === null || persistedState === void 0 || (_persistedState$appSt = persistedState.appStates) === null || _persistedState$appSt === void 0 ? void 0 : _persistedState$appSt.isUserAuthenticated) === true;
+        startChatOptionalParams.wasAuthenticated = isUserAuthenticated;
+      }
+
       // startTime is used to determine if a message is history or new, better to be set before creating the adapter to get bandwidth
       const startTime = new Date().getTime();
       createTrackingForFirstMessage();
+
+      // FacadeChatSDK.startChat() handles:
+      // 1. tokenRing() - checks authentication, calls handleAuthentication() if needed
+      // 2. Mid-auth: If no token, sets deferInitialAuth=true for unauthenticated flow
+      // 3. Mid-auth: On reconnect with valid token, calls authenticateChat to upgrade conversation
       await facadeChatSDK.startChat(startChatOptionalParams);
       logStartChatComplete();
       isStartChatSuccessful = true;
@@ -290,15 +307,15 @@ const createAdapterAndSubscribe = async (facadeChatSDK, dispatch, setAdapter, st
 };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const canConnectToExistingChat = async (props, facadeChatSDK, state, dispatch, setAdapter) => {
-  var _state$appStates4, _persistedState$domai3, _persistedState$appSt;
+  var _state$appStates5, _persistedState$domai3, _persistedState$appSt2;
   // By pass this function in case of popout chat
-  if ((state === null || state === void 0 || (_state$appStates4 = state.appStates) === null || _state$appStates4 === void 0 ? void 0 : _state$appStates4.hideStartChatButton) === true) {
+  if ((state === null || state === void 0 || (_state$appStates5 = state.appStates) === null || _state$appStates5 === void 0 ? void 0 : _state$appStates5.hideStartChatButton) === true) {
     return false;
   }
   const persistedState = getStateFromCache(getWidgetCacheIdfromProps(props));
 
   //Connect to only active chat session
-  if (persistedState && !isUndefinedOrEmpty(persistedState === null || persistedState === void 0 || (_persistedState$domai3 = persistedState.domainStates) === null || _persistedState$domai3 === void 0 ? void 0 : _persistedState$domai3.liveChatContext) && (persistedState === null || persistedState === void 0 || (_persistedState$appSt = persistedState.appStates) === null || _persistedState$appSt === void 0 ? void 0 : _persistedState$appSt.conversationState) === ConversationState.Active) {
+  if (persistedState && !isUndefinedOrEmpty(persistedState === null || persistedState === void 0 || (_persistedState$domai3 = persistedState.domainStates) === null || _persistedState$domai3 === void 0 ? void 0 : _persistedState$domai3.liveChatContext) && (persistedState === null || persistedState === void 0 || (_persistedState$appSt2 = persistedState.appStates) === null || _persistedState$appSt2 === void 0 ? void 0 : _persistedState$appSt2.conversationState) === ConversationState.Active) {
     var _persistedState$domai4;
     dispatch({
       type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
@@ -315,11 +332,11 @@ const canConnectToExistingChat = async (props, facadeChatSDK, state, dispatch, s
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const setCustomContextParams = async (state, props) => {
-  var _state$domainStates8, _persistedState$domai5;
-  if (state !== null && state !== void 0 && (_state$domainStates8 = state.domainStates) !== null && _state$domainStates8 !== void 0 && _state$domainStates8.customContext) {
-    var _state$domainStates9;
+  var _state$domainStates9, _persistedState$domai5;
+  if (state !== null && state !== void 0 && (_state$domainStates9 = state.domainStates) !== null && _state$domainStates9 !== void 0 && _state$domainStates9.customContext) {
+    var _state$domainStates0;
     optionalParams = Object.assign({}, optionalParams, {
-      customContext: JSON.parse(JSON.stringify(state === null || state === void 0 || (_state$domainStates9 = state.domainStates) === null || _state$domainStates9 === void 0 ? void 0 : _state$domainStates9.customContext))
+      customContext: JSON.parse(JSON.stringify(state === null || state === void 0 || (_state$domainStates0 = state.domainStates) === null || _state$domainStates0 === void 0 ? void 0 : _state$domainStates0.customContext))
     });
     return;
   }
@@ -352,9 +369,9 @@ const canStartPopoutChat = async props => {
   }
   popoutWidgetInstanceId = getWidgetCacheIdfromProps(props, true);
   if (!isNullOrEmptyString(popoutWidgetInstanceId)) {
-    var _persistedState$domai6, _persistedState$appSt2;
+    var _persistedState$domai6, _persistedState$appSt3;
     const persistedState = getStateFromCache(popoutWidgetInstanceId);
-    if (persistedState && !isUndefinedOrEmpty(persistedState === null || persistedState === void 0 || (_persistedState$domai6 = persistedState.domainStates) === null || _persistedState$domai6 === void 0 ? void 0 : _persistedState$domai6.liveChatContext) && (persistedState === null || persistedState === void 0 || (_persistedState$appSt2 = persistedState.appStates) === null || _persistedState$appSt2 === void 0 ? void 0 : _persistedState$appSt2.conversationState) === ConversationState.Active) {
+    if (persistedState && !isUndefinedOrEmpty(persistedState === null || persistedState === void 0 || (_persistedState$domai6 = persistedState.domainStates) === null || _persistedState$domai6 === void 0 ? void 0 : _persistedState$domai6.liveChatContext) && (persistedState === null || persistedState === void 0 || (_persistedState$appSt3 = persistedState.appStates) === null || _persistedState$appSt3 === void 0 ? void 0 : _persistedState$appSt3.conversationState) === ConversationState.Active) {
       // Initiate popout chat
       BroadcastService.postMessage({
         eventName: BroadcastEvent.InitiateStartChatInPopoutMode
@@ -367,9 +384,9 @@ const canStartPopoutChat = async props => {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const checkIfConversationStillValid = async (facadeChatSDK, dispatch, state) => {
-  var _state$domainStates0, _state$domainStates1;
-  const requestIdFromCache = (_state$domainStates0 = state.domainStates) === null || _state$domainStates0 === void 0 || (_state$domainStates0 = _state$domainStates0.liveChatContext) === null || _state$domainStates0 === void 0 ? void 0 : _state$domainStates0.requestId;
-  const liveChatContext = state === null || state === void 0 || (_state$domainStates1 = state.domainStates) === null || _state$domainStates1 === void 0 ? void 0 : _state$domainStates1.liveChatContext;
+  var _state$domainStates1, _state$domainStates10;
+  const requestIdFromCache = (_state$domainStates1 = state.domainStates) === null || _state$domainStates1 === void 0 || (_state$domainStates1 = _state$domainStates1.liveChatContext) === null || _state$domainStates1 === void 0 ? void 0 : _state$domainStates1.requestId;
+  const liveChatContext = state === null || state === void 0 || (_state$domainStates10 = state.domainStates) === null || _state$domainStates10 === void 0 ? void 0 : _state$domainStates10.liveChatContext;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let conversationDetails = undefined;
   // Preserve current requestId