@microsoft/omnichannel-chat-widget 1.8.1-main.5ac9acf → 1.8.1-main.6ec59e7

package/lib/cjs/components/postchatsurveypanestateful/PostChatSurveyPaneStateful.js

@@ -18,14 +18,13 @@ var _isValidSurveyUrl = _interopRequireDefault(require("./common/isValidSurveyUr
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const generateSurveyInviteLink = function (surveyInviteLink, isEmbed, locale, compact, customerVoiceSurveyCorrelationId) {
-  let showMultiLingual = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+const generateSurveyInviteLink = function (surveyInviteLink, isEmbed, locale, compact) {
+  let showMultiLingual = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   const surveyLinkParams = new URLSearchParams({
     embed: isEmbed.toString(),
     compact: (compact ?? true).toString(),
     lang: locale ?? "en-us",
-    showmultilingual: (showMultiLingual ?? false).toString(),
-    cvResponsePageRequestId: customerVoiceSurveyCorrelationId
+    showmultilingual: (showMultiLingual ?? false).toString()
   });
   return `${surveyInviteLink}&${surveyLinkParams.toString()}`;
 };
@@ -41,9 +40,9 @@ const PostChatSurveyPaneStateful = props => {
   // Bot survey enabled
   state.appStates.postChatParticipantType === _Constants.ParticipantType.Bot) {
     // Only Bot has engaged
-    surveyInviteLink = generateSurveyInviteLink(state.domainStates.postChatContext.botSurveyInviteLink, surveyMode, state.domainStates.postChatContext.botFormsProLocale, props.isCustomerVoiceSurveyCompact ?? true, props.customerVoiceSurveyCorrelationId || "");
+    surveyInviteLink = generateSurveyInviteLink(state.domainStates.postChatContext.botSurveyInviteLink, surveyMode, state.domainStates.postChatContext.botFormsProLocale, props.isCustomerVoiceSurveyCompact ?? true);
   } else {
-    surveyInviteLink = generateSurveyInviteLink(state.domainStates.postChatContext.surveyInviteLink, surveyMode, state.domainStates.postChatContext.formsProLocale, props.isCustomerVoiceSurveyCompact ?? true, props.customerVoiceSurveyCorrelationId || "");
+    surveyInviteLink = generateSurveyInviteLink(state.domainStates.postChatContext.surveyInviteLink, surveyMode, state.domainStates.postChatContext.formsProLocale, props.isCustomerVoiceSurveyCompact ?? true);
   }
   if (props.copilotSurveyContext) {
     surveyInviteLink = `${surveyInviteLink}&mcs_additionalcontext=${JSON.stringify(props.copilotSurveyContext)}`;
@@ -106,14 +105,6 @@ const PostChatSurveyPaneStateful = props => {
             message: "Customer Voice form response error."
           }
         });
-      } else if (typeof data === "string" && data.startsWith(_CustomerVoiceEvents.CustomerVoiceEvents.FormsError)) {
-        _TelemetryHelper.TelemetryHelper.logActionEventToAllTelemetry(_TelemetryConstants.LogLevel.ERROR, {
-          Event: _TelemetryConstants.TelemetryEvent.CustomerVoiceFormsError,
-          Description: "Customer Voice failed to load with forms error.",
-          ExceptionDetails: {
-            message: `Customer Voice forms error details: ${data}`
-          }
-        });
       }
     });
   }, []);

package/lib/cjs/components/postchatsurveypanestateful/enums/CustomerVoiceEvents.js

@@ -10,5 +10,4 @@ exports.CustomerVoiceEvents = CustomerVoiceEvents;
   CustomerVoiceEvents["ResponsePageLoaded"] = "ResponsePageLoaded";
   CustomerVoiceEvents["FormResponseSubmitted"] = "FormResponseSubmitted";
   CustomerVoiceEvents["FormResponseError"] = "FormResponseError";
-  CustomerVoiceEvents["FormsError"] = "FormsError";
 })(CustomerVoiceEvents || (exports.CustomerVoiceEvents = CustomerVoiceEvents = {}));

package/lib/esm/common/facades/FacadeChatSDK.js

@@ -103,7 +103,7 @@ export let FacadeChatSDK = /*#__PURE__*/function () {
             token: last3digits
           }
         });
-        throw new Error("Authentication Setup Error: Invalid token format, must be in JWT format");
+        throw new Error("Invalid token format, must be in JWT format");
       }
       try {
         const payload = this.enforceBase64Encoding(tokenParts[1]);
@@ -125,9 +125,9 @@ export let FacadeChatSDK = /*#__PURE__*/function () {
             token: last3digits
           }
         });
-        throw new Error("Authentication Setup Error: Invalid token payload, payload is not valid JSON");
+        throw new Error("Invalid token payload, payload is not valid JSON");
       } catch (e) {
-        console.error("Authentication Setup Error: Failed to decode token", e);
+        console.error("Failed to decode token", e);
         TelemetryHelper.logFacadeChatSDKEventToAllTelemetry(LogLevel.ERROR, {
           Event: TelemetryEvent.NewTokenValidationFailed,
           Description: "Failed to decode token",
@@ -136,7 +136,7 @@ export let FacadeChatSDK = /*#__PURE__*/function () {
             token: last3digits
           }
         });
-        throw new Error("Authentication Setup Error: Failed to decode authentication token");
+        throw new Error("Failed to decode token");
       }
     }
   }, {
@@ -160,7 +160,7 @@ export let FacadeChatSDK = /*#__PURE__*/function () {
               "Token": last3digits
             }
           });
-          throw new Error("Authentication Setup Error: New authentication token is already expired");
+          throw new Error(`New token is already expired, with epoch time ${this.expiration} , last 3 digits of token: ${last3digits}`);
         }
       }
     }
@@ -274,9 +274,9 @@ export let FacadeChatSDK = /*#__PURE__*/function () {
       if (pingResponse.result === true) {
         return fn();
       }
-      const executionErrorMessage = "Authentication Setup Error: Token validation failed - GetAuthToken function is not present";
+      const executionErrorMessage = `Authentication failed: Process to get a token failed for ${functionName}, ${pingResponse.message}`;
       //telemetry is already logged in tokenRing, so no need to log again, just return the error and communicate to the console
-      console.error(`${executionErrorMessage} Additional details: Process to get a token failed for ${functionName}, ${pingResponse.message}`);
+      console.error(executionErrorMessage);
       BroadcastService.postMessage({
         eventName: BroadcastEvent.OnWidgetError,
         payload: {
@@ -439,48 +439,6 @@ export let FacadeChatSDK = /*#__PURE__*/function () {
       let optionalParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       return this.validateAndExecuteCall("getAgentAvailability", () => this.chatSDK.getAgentAvailability(optionalParams));
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  }, {
-    key: "getReconnectableChats",
-    value: async function getReconnectableChats() {
-      let reconnectableChatsParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      /**
-       * 
-       * This is a particular case, we dont expose getReconnectableChats in the SDK,
-       * The only way to use is by tunneling directly from the SDK to OCSDK,
-       * 
-       * In case of prechat, the function is called before any formal authentication is made, 
-       * this is an specific case for persistent chats, to prevent the survey be loaded again for an on going chat,
-       * 
-       * In this case, we check for existance of the token , otherwise we perform the authentication, error is propagated in case of issues.
-       * 
-       * Once the token is obtained , this will be added to the params to call the function.
-       * 
-       * This is a particular case, should not be taken as pattern.
-       *
-       */
-
-      if (this.token === null || this.token === "") {
-        // If token is not set, try to get it using tokenRing
-        const pingResponse = await this.tokenRing();
-        if (pingResponse.result === false) {
-          const errorMessage = "Authentication Setup Error: Token validation failed for reconnectable chats";
-          //telemetry is already logged in tokenRing, so no need to log again, just return the error and communicate to the console
-          console.error(`Authentication failed: Process to get a token failed for getReconnectableChats, ${pingResponse.message}`);
-          BroadcastService.postMessage({
-            eventName: BroadcastEvent.OnWidgetError,
-            payload: {
-              errorMessage: errorMessage
-            }
-          });
-          throw new Error(errorMessage);
-        }
-      }
-
-      // Always override the token in params regardless of how getReconnectableChats was called
-      reconnectableChatsParams.authenticatedUserToken = this.token;
-      return this.validateAndExecuteCall("getReconnectableChats", () => this.chatSDK.OCClient.getReconnectableChats(reconnectableChatsParams));
-    }
   }]);
   return FacadeChatSDK;
 }();

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

@@ -106,8 +106,6 @@ export let TelemetryEvent;
   TelemetryEvent["DisconnectEndChatSDKCallFailed"] = "DisconnectEndChatSDKCallFailed";
   TelemetryEvent["GetChatReconnectContextSDKCallStarted"] = "GetChatReconnectContextSDKCallStarted";
   TelemetryEvent["GetChatReconnectContextSDKCallFailed"] = "GetChatReconnectContextSDKCallFailed";
-  TelemetryEvent["CheckContactIdError"] = "checkContactIdError";
-  TelemetryEvent["GetChatReconnectContextSDKCallSucceeded"] = "GetChatReconnectContextSDKCallSucceeded";
   TelemetryEvent["ParseAdaptiveCardFailed"] = "ParseAdaptiveCardFailed";
   TelemetryEvent["ClientDataStoreProviderFailed"] = "ClientDataStoreProviderFailed";
   TelemetryEvent["InMemoryDataStoreFailed"] = "InMemoryDataStoreFailed";
@@ -175,7 +173,6 @@ export let TelemetryEvent;
   TelemetryEvent["CustomerVoiceResponsePageLoaded"] = "CustomerVoiceResponsePageLoaded";
   TelemetryEvent["CustomerVoiceFormResponseSubmitted"] = "CustomerVoiceFormResponseSubmitted";
   TelemetryEvent["CustomerVoiceFormResponseError"] = "CustomerVoiceFormResponseError";
-  TelemetryEvent["CustomerVoiceFormsError"] = "CustomerVoiceFormsError";
   TelemetryEvent["BotAuthActivityEmptySasUrl"] = "BotAuthActivityEmptySasUrl";
   TelemetryEvent["SetBotAuthProviderFetchConfig"] = "SetBotAuthProviderFetchConfig";
   TelemetryEvent["SetBotAuthProviderHideCard"] = "SetBotAuthProviderHideCard";

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

@@ -6,11 +6,11 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { LogLevel, ScenarioType, TelemetryConstants, TelemetryEvent } from "./TelemetryConstants";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
-import { TelemetryHelper } from "./TelemetryHelper";
-import { appInsightsLogger } from "./loggers/appInsightsLogger";
 import { ariaTelemetryLogger } from "./loggers/ariaTelemetryLogger";
 import { consoleLogger } from "./loggers/consoleLogger";
 import { defaultAriaConfig } from "./defaultConfigs/defaultAriaConfig";
+import { TelemetryHelper } from "./TelemetryHelper";
+import { appInsightsLogger } from "./loggers/appInsightsLogger";
 export let TelemetryTimers = /*#__PURE__*/_createClass(function TelemetryTimers() {
   _classCallCheck(this, TelemetryTimers);
 });

package/lib/esm/common/utils.js

@@ -385,9 +385,6 @@ export const getConversationDetailsCall = async function (facadeChatSDK) {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const checkContactIdError = e => {
-  TelemetryHelper.logSDKEvent(LogLevel.ERROR, {
-    Event: TelemetryEvent.CheckContactIdError
-  });
   if ((e === null || e === void 0 ? void 0 : e.message) === ChatSDKErrorName.AuthContactIdNotFoundFailure) {
     const contactIdNotFoundErrorEvent = {
       eventName: BroadcastEvent.ContactIdNotFound,

package/lib/esm/components/confirmationpanestateful/ConfirmationPaneStateful.js

@@ -75,13 +75,9 @@ export const ConfirmationPaneStateful = props => {
   useEffect(() => {
     preventFocusToMoveOutOfElement(controlProps.id);
     const focusableElements = findAllFocusableElement(`#${controlProps.id}`);
-    requestAnimationFrame(() => {
-      if (focusableElements && focusableElements.length > 0 && focusableElements[0]) {
-        focusableElements[0].focus({
-          preventScroll: true
-        });
-      }
-    });
+    if (focusableElements) {
+      focusableElements[0].focus();
+    }
     elements = findParentFocusableElementsWithoutChildContainer(controlProps.id);
     setTabIndices(elements, initialTabIndexMap, false);
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {

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

@@ -1,8 +1,7 @@
-import React, { useEffect, useReducer, useState } from "react";
+import React, { 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";
@@ -10,12 +9,9 @@ import { createReducer } from "../../contexts/createReducer";
 import { getLiveChatWidgetContextInitialState } from "../../contexts/common/LiveChatWidgetContextInitialState";
 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 => {
-  var _props$mock, _props$featureConfigP, _props$chatConfig, _props$chatConfig$Liv, _props$chatConfig2, _props$chatConfig2$Li;
+  var _props$mock, _props$featureConfigP, _props$chatConfig, _props$chatConfig$Liv;
   const reducer = createReducer();
   const [state, dispatch] = useReducer(reducer, getLiveChatWidgetContextInitialState(props));
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -29,7 +25,7 @@ export const LiveChatWidget = props => {
   }
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const isAuthenticatedChat = !!((_props$chatConfig = props.chatConfig) !== null && _props$chatConfig !== void 0 && (_props$chatConfig$Liv = _props$chatConfig.LiveChatConfigAuthSettings) !== null && _props$chatConfig$Liv !== void 0 && _props$chatConfig$Liv.msdyn_javascriptclientfunction) || isPersistentChatEnabled((_props$chatConfig2 = props.chatConfig) === null || _props$chatConfig2 === void 0 ? void 0 : (_props$chatConfig2$Li = _props$chatConfig2.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig2$Li === void 0 ? void 0 : _props$chatConfig2$Li.msdyn_conversationmode);
+  const isAuthenticatedChat = !!((_props$chatConfig = props.chatConfig) !== null && _props$chatConfig !== void 0 && (_props$chatConfig$Liv = _props$chatConfig.LiveChatConfigAuthSettings) !== null && _props$chatConfig$Liv !== void 0 && _props$chatConfig$Liv.msdyn_javascriptclientfunction);
   if (!facadeChatSDK) {
     var _props$mock2;
     setFacadeChatSDK(new FacadeChatSDK({
@@ -41,14 +37,7 @@ export const LiveChatWidget = props => {
       "isSDKMocked": !isNullOrUndefined(props === null || props === void 0 ? void 0 : (_props$mock2 = props.mock) === null || _props$mock2 === void 0 ? void 0 : _props$mock2.type)
     }, disableReauthentication));
   }
-  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 +45,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/liveChatConfigUtils.js

@@ -6,7 +6,7 @@ export const isPostChatSurveyEnabled = async facadeChatSDK => {
   const postChatEnabled = (_chatConfig$LiveWSAnd = chatConfig.LiveWSAndLiveChatEngJoin) === null || _chatConfig$LiveWSAnd === void 0 ? void 0 : _chatConfig$LiveWSAnd.msdyn_postconversationsurveyenable.toString().toLowerCase();
   return postChatEnabled === "true";
 };
-export const isPersistentChatEnabled = conversationMode => {
+export const isPersistentChatEnabled = async conversationMode => {
   if (isNullOrUndefined(conversationMode)) {
     return false;
   }

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

@@ -1,23 +1,16 @@
 import { isPersistentChatEnabled } from "./liveChatConfigUtils";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const shouldSetPreChatIfPersistentChat = async (facadeChatSDK, conversationMode, showPreChat) => {
-  const persistentEnabled = isPersistentChatEnabled(conversationMode);
+export const shouldSetPreChatIfPersistentChat = async (chatSDK, conversationMode, showPreChat) => {
+  const persistentEnabled = await isPersistentChatEnabled(conversationMode);
   let skipPreChat = false;
   if (persistentEnabled) {
-    // Access private properties using type assertions
-    const chatSDK = facadeChatSDK.getChatSDK();
-
-    // Use type assertion to bypass private access restriction
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const sdkAsAny = chatSDK;
-    // most likely this is not set , the facade will take care of it
     const reconnectableChatsParams = {
-      authenticatedUserToken: sdkAsAny.authenticatedUserToken,
-      requestId: sdkAsAny.requestId
+      authenticatedUserToken: chatSDK.authenticatedUserToken,
+      requestId: chatSDK.requestId
     };
     try {
-      const reconnectableChatsResponse = await facadeChatSDK.getReconnectableChats(reconnectableChatsParams);
+      const reconnectableChatsResponse = await chatSDK.OCClient.getReconnectableChats(reconnectableChatsParams);
       if (reconnectableChatsResponse && reconnectableChatsResponse.reconnectid) {
         // Skip rendering prechat on existing persistent chat session
         skipPreChat = true;

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

@@ -67,10 +67,6 @@ const getChatReconnectContext = async (facadeChatSDK, chatConfig, props, isAuthe
       // AuthToken will be reset later at start chat
       removeAuthTokenProvider(facadeChatSDK.getChatSDK());
     }
-    TelemetryHelper.logSDKEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.GetChatReconnectContextSDKCallSucceeded,
-      Description: "Reconnect context SDK call succeeded"
-    });
     return reconnectChatContext;
   }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -69,7 +69,7 @@ const setPreChatAndInitiateChat = async (facadeChatSDK, dispatch, setAdapter, is
   const parseToJson = false;
   const preChatSurveyResponse = (props === null || props === void 0 ? void 0 : (_props$preChatSurveyP = props.preChatSurveyPaneProps) === null || _props$preChatSurveyP === void 0 ? void 0 : (_props$preChatSurveyP2 = _props$preChatSurveyP.controlProps) === null || _props$preChatSurveyP2 === void 0 ? void 0 : _props$preChatSurveyP2.payload) ?? (await facadeChatSDK.getPreChatSurvey(parseToJson));
   let showPrechat = isProactiveChat ? preChatSurveyResponse && proactiveChatEnablePrechatState : preChatSurveyResponse && !(props !== null && props !== void 0 && (_props$controlProps = props.controlProps) !== null && _props$controlProps !== void 0 && _props$controlProps.hidePreChatSurveyPane);
-  showPrechat = await shouldSetPreChatIfPersistentChat(facadeChatSDK, state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$l = _state$domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.msdyn_conversationmode, showPrechat);
+  showPrechat = await shouldSetPreChatIfPersistentChat(facadeChatSDK.getChatSDK(), state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$l = _state$domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.msdyn_conversationmode, showPrechat);
   if (showPrechat) {
     var _state$domainStates2, _state$domainStates2$, _state$domainStates2$2, _state$domainStates2$3;
     const isOutOfOperatingHours = (state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.liveChatConfig) === null || _state$domainStates2$ === void 0 ? void 0 : (_state$domainStates2$2 = _state$domainStates2$.LiveWSAndLiveChatEngJoin) === null || _state$domainStates2$2 === void 0 ? void 0 : (_state$domainStates2$3 = _state$domainStates2$2.OutOfOperatingHours) === null || _state$domainStates2$3 === void 0 ? void 0 : _state$domainStates2$3.toString().toLowerCase()) === "true";
@@ -156,7 +156,7 @@ const setPreChatAndInitiateChat = async (facadeChatSDK, dispatch, setAdapter, is
 const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props, params, persistedState) => {
   var _state$domainStates7, _state$domainStates7$, _state$domainStates7$2;
   let isStartChatSuccessful = false;
-  const persistentChatEnabled = isPersistentChatEnabled(state === null || state === void 0 ? void 0 : (_state$domainStates7 = state.domainStates) === null || _state$domainStates7 === void 0 ? void 0 : (_state$domainStates7$ = _state$domainStates7.liveChatConfig) === null || _state$domainStates7$ === void 0 ? void 0 : (_state$domainStates7$2 = _state$domainStates7$.LiveWSAndLiveChatEngJoin) === null || _state$domainStates7$2 === void 0 ? void 0 : _state$domainStates7$2.msdyn_conversationmode);
+  const persistentChatEnabled = await isPersistentChatEnabled(state === null || state === void 0 ? void 0 : (_state$domainStates7 = state.domainStates) === null || _state$domainStates7 === void 0 ? void 0 : (_state$domainStates7$ = _state$domainStates7.liveChatConfig) === null || _state$domainStates7$ === void 0 ? void 0 : (_state$domainStates7$2 = _state$domainStates7$.LiveWSAndLiveChatEngJoin) === null || _state$domainStates7$2 === void 0 ? void 0 : _state$domainStates7$2.msdyn_conversationmode);
   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());

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

@@ -10,11 +10,6 @@ import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { TelemetryTimers } from "../../../common/telemetry/TelemetryManager";
 import { getWidgetCacheIdfromProps } from "../../../common/utils";
 
-// Helper function to check if error is authentication-related
-const isAuthenticationError = errorMessage => {
-  return errorMessage === WidgetLoadCustomErrorString.AuthenticationFailedErrorString || errorMessage.startsWith("Authentication Setup Error:") || errorMessage.includes("Token validation failed") || errorMessage.includes("Authentication token");
-};
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const handleStartChatError = (dispatch, facadeChatSDK, props, ex, isStartChatSuccessful) => {
   var _props$controlProps;
@@ -23,16 +18,19 @@ export const handleStartChatError = (dispatch, facadeChatSDK, props, ex, isStart
     return;
   }
 
-  // Handle authentication-related errors
-  if (isAuthenticationError(ex.message)) {
+  // Handle internal or misc errors
+  if (ex.message === WidgetLoadCustomErrorString.AuthenticationFailedErrorString) {
     dispatch({
       type: LiveChatWidgetActionType.SET_START_CHAT_FAILURE_TYPE,
       payload: StartChatFailureType.AuthSetupError
     });
+    // set conversation to error to enforce error UI pane
+    dispatch({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: ConversationState.Error
+    });
     logWidgetLoadCompleteWithError(ex);
-    // Don't return early - let the generic error handling logic handle hideErrorUIPane and telemetry
   }
-
   if (ex.message === WidgetLoadCustomErrorString.NetworkErrorString) {
     logWidgetLoadCompleteWithError(ex);
   }
@@ -55,11 +53,8 @@ export const handleStartChatError = (dispatch, facadeChatSDK, props, ex, isStart
       case ChatSDKErrorName.UninitializedChatSDK:
         handleUninitializedChatSDK(ex);
         break;
+      // Handle the case indicating failure to retrieve an authenticated chat conversation 
       case ChatSDKErrorName.AuthenticatedChatConversationRetrievalFailure:
-        dispatch({
-          type: LiveChatWidgetActionType.SET_START_CHAT_FAILURE_TYPE,
-          payload: StartChatFailureType.Unauthorized
-        });
         logWidgetLoadCompleteWithError(ex);
         break;
       case ChatSDKErrorName.InvalidConversation:
@@ -111,9 +106,6 @@ const logWidgetLoadFailed = ex => {
   if (ex !== null && ex !== void 0 && ex.httpResponseStatusCode) {
     exDetails.HttpResponseStatusCode = ex.httpResponseStatusCode;
   }
-  if (ex !== null && ex !== void 0 && ex.exceptionDetails) {
-    exDetails.ChatSDKExceptionDetails = ex.exceptionDetails;
-  }
   TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.ERROR, {
     Event: TelemetryEvent.WidgetLoadFailed,
     Description: "Widget load complete with error",
@@ -142,9 +134,6 @@ const logWidgetLoadCompleteWithError = ex => {
   if (ex !== null && ex !== void 0 && ex.httpResponseStatusCode) {
     exDetails.HttpResponseStatusCode = ex.httpResponseStatusCode;
   }
-  if (ex !== null && ex !== void 0 && ex.exceptionDetails) {
-    exDetails.ChatSDKExceptionDetails = ex.exceptionDetails;
-  }
   TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.ERROR, {
     Event: TelemetryEvent.WidgetLoadFailed,
     Description: "Widget load complete with error",
@@ -152,34 +141,6 @@ const logWidgetLoadCompleteWithError = ex => {
     ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg3 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg3 === void 0 ? void 0 : _TelemetryTimers$Widg3.milliSecondsElapsed
   });
 };
-export const logWidgetLoadWithUnexpectedError = ex => {
-  var _TelemetryTimers$Widg4;
-  // eslint-disable-line @typescript-eslint/no-explicit-any
-  const details = {
-    message: (ex === null || ex === void 0 ? void 0 : ex.message) || "An unexpected error occurred",
-    stack: (ex === null || ex === void 0 ? void 0 : ex.stack) || "No stack trace available"
-  };
-  let additionalDetails = "";
-  try {
-    additionalDetails = JSON.stringify(details);
-  } catch (error) {
-    additionalDetails = "Failed to stringify error details";
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const exDetails = {
-    Exception: `Widget load with unexpected error: ${additionalDetails}`
-  };
-  if (ex !== null && ex !== void 0 && ex.httpResponseStatusCode) {
-    exDetails.HttpResponseStatusCode = ex.httpResponseStatusCode;
-  }
-  TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.ERROR, {
-    Event: TelemetryEvent.WidgetLoadFailed,
-    Description: "Widget load with unexpected error",
-    ExceptionDetails: exDetails,
-    ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg4 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg4 === void 0 ? void 0 : _TelemetryTimers$Widg4.milliSecondsElapsed
-  });
-};
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const forceEndChat = facadeChatSDK => {
@@ -232,12 +193,6 @@ const handleChatTokenRetrievalFailure = (dispatch, ex) => {
         type: LiveChatWidgetActionType.SET_START_CHAT_FAILURE_TYPE,
         payload: StartChatFailureType.Unauthorized
       });
-    } else {
-      // For other authentication-related token retrieval failures, set as AuthSetupError
-      dispatch({
-        type: LiveChatWidgetActionType.SET_START_CHAT_FAILURE_TYPE,
-        payload: StartChatFailureType.AuthSetupError
-      });
     }
     logWidgetLoadCompleteWithError(ex);
   }

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

@@ -48,6 +48,7 @@ import { initCallingSdk } from "../common/initCallingSdk";
 import { initConfirmationPropsComposer } from "../common/initConfirmationPropsComposer";
 import { initWebChatComposer } from "../common/initWebChatComposer";
 import { registerBroadcastServiceForStorage } from "../../../common/storage/default/defaultCacheManager";
+import { registerTelemetryLoggers } from "../common/registerTelemetryLoggers";
 import { setPostChatContextAndLoadSurvey } from "../common/setPostChatContextAndLoadSurvey";
 import { startProactiveChat } from "../common/startProactiveChat";
 import useChatAdapterStore from "../../../hooks/useChatAdapterStore";
@@ -55,7 +56,7 @@ import useChatContextStore from "../../../hooks/useChatContextStore";
 import useFacadeSDKStore from "../../../hooks/useFacadeChatSDKStore";
 let uiTimer;
 export const LiveChatWidgetStateful = props => {
-  var _props$webChatContain, _props$webChatContain2, _props$webChatContain3, _props$webChatContain4, _props$webChatContain5, _props$webChatContain6, _props$webChatContain7, _props$webChatContain8, _props$webChatContain9, _props$styleProps, _props$webChatContain10, _props$webChatContain11, _props$controlProps, _props$controlProps3, _state$appStates7, _props$webChatContain15, _state$appStates14, _props$webChatContain17, _props$webChatContain18, _props$controlProps12, _props$draggableChatW, _props$draggableChatW2, _props$draggableChatW3, _props$draggableChatW4, _props$draggableChatW5, _livechatProps$webCha, _livechatProps$styleP, _livechatProps$contro, _livechatProps$contro2, _livechatProps$compon, _livechatProps$contro3, _livechatProps$compon2, _livechatProps$contro4, _livechatProps$compon3, _livechatProps$contro5, _livechatProps$compon4, _livechatProps$contro6, _livechatProps$compon5, _livechatProps$contro7, _livechatProps$compon6, _livechatProps$contro8, _livechatProps$compon7, _livechatProps$contro9, _livechatProps$compon8, _livechatProps$contro10, _livechatProps$contro11, _livechatProps$compon9, _livechatProps$contro12, _livechatProps$compon10, _livechatProps$contro13, _livechatProps$compon11, _livechatProps$compon12, _livechatProps$compon13;
+  var _props$webChatContain, _props$styleProps, _props$webChatContain2, _props$webChatContain3, _props$controlProps, _props$controlProps3, _state$appStates7, _props$webChatContain7, _state$appStates14, _props$webChatContain9, _props$webChatContain10, _props$controlProps12, _props$draggableChatW, _props$draggableChatW2, _props$draggableChatW3, _props$draggableChatW4, _props$draggableChatW5, _livechatProps$webCha, _props$webChatContain11, _props$webChatContain12, _props$webChatContain13, _props$webChatContain14, _props$webChatContain15, _props$webChatContain16, _props$webChatContain17, _props$webChatContain18, _livechatProps$styleP, _livechatProps$contro, _livechatProps$contro2, _livechatProps$compon, _livechatProps$contro3, _livechatProps$compon2, _livechatProps$contro4, _livechatProps$compon3, _livechatProps$contro5, _livechatProps$compon4, _livechatProps$contro6, _livechatProps$compon5, _livechatProps$contro7, _livechatProps$compon6, _livechatProps$contro8, _livechatProps$compon7, _livechatProps$contro9, _livechatProps$compon8, _livechatProps$contro10, _livechatProps$contro11, _livechatProps$compon9, _livechatProps$contro12, _livechatProps$compon10, _livechatProps$contro13, _livechatProps$compon11, _livechatProps$compon12, _livechatProps$compon13;
   useEffect(() => {
     uiTimer = createTimer();
     TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
@@ -74,13 +75,10 @@ export const LiveChatWidgetStateful = props => {
   const [facadeChatSDK] = useFacadeSDKStore();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [voiceVideoCallingSDK, setVoiceVideoCallingSDK] = useState(undefined);
-  const [conversationId, setConversationId] = useState("");
   const {
     Composer
   } = Components;
   const canStartProactiveChat = useRef(true);
-  const bubbleBackground = ((_props$webChatContain2 = props.webChatContainerProps) === null || _props$webChatContain2 === void 0 ? void 0 : (_props$webChatContain3 = _props$webChatContain2.webChatStyles) === null || _props$webChatContain3 === void 0 ? void 0 : _props$webChatContain3.bubbleBackground) ?? ((_props$webChatContain4 = props.webChatContainerProps) === null || _props$webChatContain4 === void 0 ? void 0 : (_props$webChatContain5 = _props$webChatContain4.adaptiveCardStyles) === null || _props$webChatContain5 === void 0 ? void 0 : _props$webChatContain5.background) ?? defaultAdaptiveCardStyles.background;
-  const bubbleTextColor = ((_props$webChatContain6 = props.webChatContainerProps) === null || _props$webChatContain6 === void 0 ? void 0 : (_props$webChatContain7 = _props$webChatContain6.webChatStyles) === null || _props$webChatContain7 === void 0 ? void 0 : _props$webChatContain7.bubbleTextColor) ?? ((_props$webChatContain8 = props.webChatContainerProps) === null || _props$webChatContain8 === void 0 ? void 0 : (_props$webChatContain9 = _props$webChatContain8.adaptiveCardStyles) === null || _props$webChatContain9 === void 0 ? void 0 : _props$webChatContain9.color) ?? defaultAdaptiveCardStyles.color;
 
   // Process general styles
   const generalStyles = {
@@ -89,7 +87,7 @@ export const LiveChatWidgetStateful = props => {
 
   //Scrollbar styles
   const scrollbarProps = Object.assign({}, defaultScrollBarProps, props === null || props === void 0 ? void 0 : props.scrollBarProps);
-  const sendBoxTextArea = props === null || props === void 0 ? void 0 : (_props$webChatContain10 = props.webChatContainerProps) === null || _props$webChatContain10 === void 0 ? void 0 : (_props$webChatContain11 = _props$webChatContain10.sendBoxTextBox) === null || _props$webChatContain11 === void 0 ? void 0 : _props$webChatContain11.textarea;
+  const sendBoxTextArea = props === null || props === void 0 ? void 0 : (_props$webChatContain2 = props.webChatContainerProps) === null || _props$webChatContain2 === void 0 ? void 0 : (_props$webChatContain3 = _props$webChatContain2.sendBoxTextBox) === null || _props$webChatContain3 === void 0 ? void 0 : _props$webChatContain3.textarea;
 
   // In case the broadcast channel is already initialized elsewhere; One tab can only hold 1 instance
   if ((props === null || props === void 0 ? void 0 : (_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.skipBroadcastChannelInit) !== true) {
@@ -222,6 +220,7 @@ export const LiveChatWidgetStateful = props => {
     state.domainStates.confirmationPaneConfirmedOptionClicked = false;
     state.domainStates.confirmationState = ConfirmationState.NotSet;
     setupClientDataStore();
+    registerTelemetryLoggers(props, dispatch);
     createInternetConnectionChangeHandler(state);
     dispatch({
       type: LiveChatWidgetActionType.SET_WIDGET_ELEMENT_ID,
@@ -571,14 +570,6 @@ export const LiveChatWidgetStateful = props => {
       });
     });
 
-    // Retrieve convId
-    BroadcastService.getMessageByEventName(BroadcastEvent.UpdateConversationDataForTelemetry).subscribe(msg => {
-      var _msg$payload11, _msg$payload11$liveWo;
-      if ((_msg$payload11 = msg.payload) !== null && _msg$payload11 !== void 0 && (_msg$payload11$liveWo = _msg$payload11.liveWorkItem) !== null && _msg$payload11$liveWo !== void 0 && _msg$payload11$liveWo.conversationId) {
-        setConversationId(msg.payload.liveWorkItem.conversationId);
-      }
-    });
-
     // Check for TPC and log in telemetry if blocked
     isCookieAllowed();
     return () => {
@@ -625,8 +616,8 @@ export const LiveChatWidgetStateful = props => {
       });
     }
     if (state.appStates.conversationState === ConversationState.InActive) {
-      var _props$webChatContain12, _props$webChatContain13;
-      if ((props === null || props === void 0 ? void 0 : (_props$webChatContain12 = props.webChatContainerProps) === null || _props$webChatContain12 === void 0 ? void 0 : (_props$webChatContain13 = _props$webChatContain12.renderingMiddlewareProps) === null || _props$webChatContain13 === void 0 ? void 0 : _props$webChatContain13.hideSendboxOnConversationEnd) !== false) {
+      var _props$webChatContain4, _props$webChatContain5;
+      if ((props === null || props === void 0 ? void 0 : (_props$webChatContain4 = props.webChatContainerProps) === null || _props$webChatContain4 === void 0 ? void 0 : (_props$webChatContain5 = _props$webChatContain4.renderingMiddlewareProps) === null || _props$webChatContain5 === void 0 ? void 0 : _props$webChatContain5.hideSendboxOnConversationEnd) !== false) {
         setWebChatStyles(styles => {
           return {
             ...styles,
@@ -670,12 +661,12 @@ export const LiveChatWidgetStateful = props => {
     }
   }, [state.appStates.unreadMessageCount]);
   useEffect(() => {
-    var _props$webChatContain14;
+    var _props$webChatContain6;
     setWebChatStyles({
       ...webChatStyles,
-      ...((_props$webChatContain14 = props.webChatContainerProps) === null || _props$webChatContain14 === void 0 ? void 0 : _props$webChatContain14.webChatStyles)
+      ...((_props$webChatContain6 = props.webChatContainerProps) === null || _props$webChatContain6 === void 0 ? void 0 : _props$webChatContain6.webChatStyles)
     });
-  }, [(_props$webChatContain15 = props.webChatContainerProps) === null || _props$webChatContain15 === void 0 ? void 0 : _props$webChatContain15.webChatStyles]);
+  }, [(_props$webChatContain7 = props.webChatContainerProps) === null || _props$webChatContain7 === void 0 ? void 0 : _props$webChatContain7.webChatStyles]);
   useEffect(() => {
     //Confirmation pane dismissing through OK option, so proceed with end chat
     if (state.domainStates.confirmationState === ConfirmationState.Ok) {
@@ -774,12 +765,12 @@ export const LiveChatWidgetStateful = props => {
 
   // if props state gets updates we need to update the renderingMiddlewareProps in the state
   useEffect(() => {
-    var _props$webChatContain16;
+    var _props$webChatContain8;
     dispatch({
       type: LiveChatWidgetActionType.SET_RENDERING_MIDDLEWARE_PROPS,
-      payload: (_props$webChatContain16 = props.webChatContainerProps) === null || _props$webChatContain16 === void 0 ? void 0 : _props$webChatContain16.renderingMiddlewareProps
+      payload: (_props$webChatContain8 = props.webChatContainerProps) === null || _props$webChatContain8 === void 0 ? void 0 : _props$webChatContain8.renderingMiddlewareProps
     });
-  }, [(_props$webChatContain17 = props.webChatContainerProps) === null || _props$webChatContain17 === void 0 ? void 0 : _props$webChatContain17.renderingMiddlewareProps]);
+  }, [(_props$webChatContain9 = props.webChatContainerProps) === null || _props$webChatContain9 === void 0 ? void 0 : _props$webChatContain9.renderingMiddlewareProps]);
   useEffect(() => {
     TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
       Event: TelemetryEvent.UXLiveChatWidgetCompleted,
@@ -822,7 +813,7 @@ export const LiveChatWidgetStateful = props => {
   const webChatProps = initWebChatComposer(props, state, dispatch, facadeChatSDK, endChatRelay);
   const downloadTranscriptProps = createDownloadTranscriptProps(props.downloadTranscriptProps, {
     ...(defaultWebChatContainerStatefulProps === null || defaultWebChatContainerStatefulProps === void 0 ? void 0 : defaultWebChatContainerStatefulProps.webChatStyles),
-    ...((_props$webChatContain18 = props.webChatContainerProps) === null || _props$webChatContain18 === void 0 ? void 0 : _props$webChatContain18.webChatStyles)
+    ...((_props$webChatContain10 = props.webChatContainerProps) === null || _props$webChatContain10 === void 0 ? void 0 : _props$webChatContain10.webChatStyles)
   }, props.webChatContainerProps);
   const livechatProps = {
     ...props,
@@ -848,11 +839,6 @@ export const LiveChatWidgetStateful = props => {
   setOcUserAgent(facadeChatSDK.getChatSDK());
   const directLine = ((_livechatProps$webCha = livechatProps.webChatContainerProps) === null || _livechatProps$webCha === void 0 ? void 0 : _livechatProps$webCha.directLine) ?? adapter ?? defaultWebChatContainerStatefulProps.directLine;
   const userID = directLine.getState ? directLine === null || directLine === void 0 ? void 0 : directLine.getState("acs.userId") : "teamsvisitor";
-  const styleOptions = React.useMemo(() => ({
-    ...webChatStyles,
-    bubbleBackground,
-    bubbleTextColor
-  }), [webChatStyles, bubbleBackground, bubbleTextColor]);
 
   // WebChat's Composer can only be rendered if a directLine object is defined
   return directLine && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
@@ -891,7 +877,11 @@ export const LiveChatWidgetStateful = props => {
             }`}
             `), /*#__PURE__*/React.createElement(DraggableChatWidget, chatWidgetDraggableConfig, /*#__PURE__*/React.createElement(Composer, _extends({}, webChatProps, {
     userID: userID,
-    styleOptions: styleOptions,
+    styleOptions: {
+      ...webChatStyles,
+      bubbleBackground: ((_props$webChatContain11 = props.webChatContainerProps) === null || _props$webChatContain11 === void 0 ? void 0 : (_props$webChatContain12 = _props$webChatContain11.webChatStyles) === null || _props$webChatContain12 === void 0 ? void 0 : _props$webChatContain12.bubbleBackground) ?? ((_props$webChatContain13 = props.webChatContainerProps) === null || _props$webChatContain13 === void 0 ? void 0 : (_props$webChatContain14 = _props$webChatContain13.adaptiveCardStyles) === null || _props$webChatContain14 === void 0 ? void 0 : _props$webChatContain14.background) ?? defaultAdaptiveCardStyles.background,
+      bubbleTextColor: ((_props$webChatContain15 = props.webChatContainerProps) === null || _props$webChatContain15 === void 0 ? void 0 : (_props$webChatContain16 = _props$webChatContain15.webChatStyles) === null || _props$webChatContain16 === void 0 ? void 0 : _props$webChatContain16.bubbleTextColor) ?? ((_props$webChatContain17 = props.webChatContainerProps) === null || _props$webChatContain17 === void 0 ? void 0 : (_props$webChatContain18 = _props$webChatContain17.adaptiveCardStyles) === null || _props$webChatContain18 === void 0 ? void 0 : _props$webChatContain18.color) ?? defaultAdaptiveCardStyles.color
+    },
     directLine: directLine
   }), /*#__PURE__*/React.createElement(Stack, {
     id: widgetElementId,
@@ -922,8 +912,6 @@ export const LiveChatWidgetStateful = props => {
   }, livechatProps.callingContainerProps)), !((_livechatProps$contro11 = livechatProps.controlProps) !== null && _livechatProps$contro11 !== void 0 && _livechatProps$contro11.hideWebChatContainer) && shouldShowWebChatContainer(state) && (decodeComponentString((_livechatProps$compon9 = livechatProps.componentOverrides) === null || _livechatProps$compon9 === void 0 ? void 0 : _livechatProps$compon9.webChatContainer) || /*#__PURE__*/React.createElement(WebChatContainerStateful, livechatProps)), !((_livechatProps$contro12 = livechatProps.controlProps) !== null && _livechatProps$contro12 !== void 0 && _livechatProps$contro12.hideConfirmationPane) && shouldShowConfirmationPane(state) && (decodeComponentString((_livechatProps$compon10 = livechatProps.componentOverrides) === null || _livechatProps$compon10 === void 0 ? void 0 : _livechatProps$compon10.confirmationPane) || /*#__PURE__*/React.createElement(ConfirmationPaneStateful, _extends({}, confirmationPaneProps, {
     setPostChatContext: setPostChatContextRelay,
     prepareEndChat: prepareEndChatRelay
-  }))), !((_livechatProps$contro13 = livechatProps.controlProps) !== null && _livechatProps$contro13 !== void 0 && _livechatProps$contro13.hidePostChatLoadingPane) && shouldShowPostChatLoadingPane(state) && (decodeComponentString((_livechatProps$compon11 = livechatProps.componentOverrides) === null || _livechatProps$compon11 === void 0 ? void 0 : _livechatProps$compon11.postChatLoadingPane) || /*#__PURE__*/React.createElement(PostChatLoadingPaneStateful, livechatProps.postChatLoadingPaneProps)), shouldShowPostChatSurveyPane(state) && (decodeComponentString((_livechatProps$compon12 = livechatProps.componentOverrides) === null || _livechatProps$compon12 === void 0 ? void 0 : _livechatProps$compon12.postChatSurveyPane) || /*#__PURE__*/React.createElement(PostChatSurveyPaneStateful, _extends({}, livechatProps.postChatSurveyPaneProps, livechatProps.chatSDK, {
-    customerVoiceSurveyCorrelationId: conversationId
-  }))), createFooter(livechatProps, state), shouldShowEmailTranscriptPane(state) && (decodeComponentString((_livechatProps$compon13 = livechatProps.componentOverrides) === null || _livechatProps$compon13 === void 0 ? void 0 : _livechatProps$compon13.emailTranscriptPane) || /*#__PURE__*/React.createElement(EmailTranscriptPaneStateful, livechatProps.emailTranscriptPane))))));
+  }))), !((_livechatProps$contro13 = livechatProps.controlProps) !== null && _livechatProps$contro13 !== void 0 && _livechatProps$contro13.hidePostChatLoadingPane) && shouldShowPostChatLoadingPane(state) && (decodeComponentString((_livechatProps$compon11 = livechatProps.componentOverrides) === null || _livechatProps$compon11 === void 0 ? void 0 : _livechatProps$compon11.postChatLoadingPane) || /*#__PURE__*/React.createElement(PostChatLoadingPaneStateful, livechatProps.postChatLoadingPaneProps)), shouldShowPostChatSurveyPane(state) && (decodeComponentString((_livechatProps$compon12 = livechatProps.componentOverrides) === null || _livechatProps$compon12 === void 0 ? void 0 : _livechatProps$compon12.postChatSurveyPane) || /*#__PURE__*/React.createElement(PostChatSurveyPaneStateful, _extends({}, livechatProps.postChatSurveyPaneProps, livechatProps.chatSDK))), createFooter(livechatProps, state), shouldShowEmailTranscriptPane(state) && (decodeComponentString((_livechatProps$compon13 = livechatProps.componentOverrides) === null || _livechatProps$compon13 === void 0 ? void 0 : _livechatProps$compon13.emailTranscriptPane) || /*#__PURE__*/React.createElement(EmailTranscriptPaneStateful, livechatProps.emailTranscriptPane))))));
 };
 export default LiveChatWidgetStateful;