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

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

@@ -109,7 +109,7 @@ 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]);
@@ -131,9 +131,9 @@ 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.TelemetryHelper.logFacadeChatSDKEventToAllTelemetry(_TelemetryConstants.LogLevel.ERROR, {
           Event: _TelemetryConstants.TelemetryEvent.NewTokenValidationFailed,
           Description: "Failed to decode token",
@@ -142,7 +142,7 @@ let FacadeChatSDK = /*#__PURE__*/function () {
             token: last3digits
           }
         });
-        throw new Error("Authentication Setup Error: Failed to decode authentication token");
+        throw new Error("Failed to decode token");
       }
     }
   }, {
@@ -166,7 +166,7 @@ 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}`);
         }
       }
     }
@@ -280,9 +280,9 @@ 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);
       _omnichannelChatComponents.BroadcastService.postMessage({
         eventName: _TelemetryConstants.BroadcastEvent.OnWidgetError,
         payload: {
@@ -445,48 +445,6 @@ 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}`);
-          _omnichannelChatComponents.BroadcastService.postMessage({
-            eventName: _TelemetryConstants.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/cjs/common/telemetry/TelemetryConstants.js

@@ -112,8 +112,6 @@ exports.TelemetryEvent = 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";
@@ -181,7 +179,6 @@ exports.TelemetryEvent = TelemetryEvent;
   TelemetryEvent["CustomerVoiceResponsePageLoaded"] = "CustomerVoiceResponsePageLoaded";
   TelemetryEvent["CustomerVoiceFormResponseSubmitted"] = "CustomerVoiceFormResponseSubmitted";
   TelemetryEvent["CustomerVoiceFormResponseError"] = "CustomerVoiceFormResponseError";
-  TelemetryEvent["CustomerVoiceFormsError"] = "CustomerVoiceFormsError";
   TelemetryEvent["BotAuthActivityEmptySasUrl"] = "BotAuthActivityEmptySasUrl";
   TelemetryEvent["SetBotAuthProviderFetchConfig"] = "SetBotAuthProviderFetchConfig";
   TelemetryEvent["SetBotAuthProviderHideCard"] = "SetBotAuthProviderHideCard";

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.disposeLoggers = exports.TelemetryTimers = exports.TelemetryManager = exports.RegisterLoggers = void 0;
 var _TelemetryConstants = require("./TelemetryConstants");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-var _TelemetryHelper = require("./TelemetryHelper");
-var _appInsightsLogger = require("./loggers/appInsightsLogger");
 var _ariaTelemetryLogger = require("./loggers/ariaTelemetryLogger");
 var _consoleLogger = require("./loggers/consoleLogger");
 var _defaultAriaConfig = require("./defaultConfigs/defaultAriaConfig");
+var _TelemetryHelper = require("./TelemetryHelper");
+var _appInsightsLogger = require("./loggers/appInsightsLogger");
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

package/lib/cjs/common/utils.js

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

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

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

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

@@ -8,7 +8,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _ChatAdapterStore = require("../../contexts/ChatAdapterStore");
 var _ChatContextStore = require("../../contexts/ChatContextStore");
 var _ChatSDKStore = require("../../contexts/ChatSDKStore");
-var _ErrorBoundary = _interopRequireDefault(require("../errorboundary/ErrorBoundary"));
 var _FacadeChatSDK = require("../../common/facades/FacadeChatSDK");
 var _FacadeChatSDKStore = require("../../contexts/FacadeChatSDKStore");
 var _LiveChatWidgetStateful = _interopRequireDefault(require("./livechatwidgetstateful/LiveChatWidgetStateful"));
@@ -16,15 +15,12 @@ var _createReducer = require("../../contexts/createReducer");
 var _LiveChatWidgetContextInitialState = require("../../contexts/common/LiveChatWidgetContextInitialState");
 var _getMockChatSDKIfApplicable = require("./common/getMockChatSDKIfApplicable");
 var _utils = require("../../common/utils");
-var _liveChatConfigUtils = require("./common/liveChatConfigUtils");
-var _startChatErrorHandler = require("./common/startChatErrorHandler");
 var _overridePropsOnMockIfApplicable = _interopRequireDefault(require("./common/overridePropsOnMockIfApplicable"));
-var _registerTelemetryLoggers = require("./common/registerTelemetryLoggers");
 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 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 = (0, _createReducer.createReducer)();
   const [state, dispatch] = (0, _react.useReducer)(reducer, (0, _LiveChatWidgetContextInitialState.getLiveChatWidgetContextInitialState)(props));
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -38,7 +34,7 @@ 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) || (0, _liveChatConfigUtils.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.FacadeChatSDK({
@@ -50,14 +46,7 @@ const LiveChatWidget = props => {
       "isSDKMocked": !(0, _utils.isNullOrUndefined)(props === null || props === void 0 ? void 0 : (_props$mock2 = props.mock) === null || _props$mock2 === void 0 ? void 0 : _props$mock2.type)
     }, disableReauthentication));
   }
-  (0, _react.useEffect)(() => {
-    (0, _registerTelemetryLoggers.registerTelemetryLoggers)(props, dispatch);
-  }, [dispatch]);
-  return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, {
-    onError: error => {
-      (0, _startChatErrorHandler.logWidgetLoadWithUnexpectedError)(error);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_FacadeChatSDKStore.FacadeChatSDKStore.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_FacadeChatSDKStore.FacadeChatSDKStore.Provider, {
     value: [facadeChatSDK, setFacadeChatSDK]
   }, /*#__PURE__*/_react.default.createElement(_ChatSDKStore.ChatSDKStore.Provider, {
     value: chatSDK
@@ -65,7 +54,7 @@ const LiveChatWidget = props => {
     value: [adapter, setAdapter]
   }, /*#__PURE__*/_react.default.createElement(_ChatContextStore.ChatContextStore.Provider, {
     value: [state, dispatch]
-  }, /*#__PURE__*/_react.default.createElement(_LiveChatWidgetStateful.default, props))))));
+  }, /*#__PURE__*/_react.default.createElement(_LiveChatWidgetStateful.default, props)))));
 };
 exports.LiveChatWidget = LiveChatWidget;
 var _default = LiveChatWidget;

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

@@ -13,7 +13,7 @@ const isPostChatSurveyEnabled = async facadeChatSDK => {
   return postChatEnabled === "true";
 };
 exports.isPostChatSurveyEnabled = isPostChatSurveyEnabled;
-const isPersistentChatEnabled = conversationMode => {
+const isPersistentChatEnabled = async conversationMode => {
   if ((0, _utils.isNullOrUndefined)(conversationMode)) {
     return false;
   }

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

@@ -6,23 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.shouldSetPreChatIfPersistentChat = void 0;
 var _liveChatConfigUtils = require("./liveChatConfigUtils");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const shouldSetPreChatIfPersistentChat = async (facadeChatSDK, conversationMode, showPreChat) => {
-  const persistentEnabled = (0, _liveChatConfigUtils.isPersistentChatEnabled)(conversationMode);
+const shouldSetPreChatIfPersistentChat = async (chatSDK, conversationMode, showPreChat) => {
+  const persistentEnabled = await (0, _liveChatConfigUtils.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/cjs/components/livechatwidget/common/reconnectChatHelper.js

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

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

@@ -75,7 +75,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 (0, _persistentChatHelper.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 (0, _persistentChatHelper.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";
@@ -163,7 +163,7 @@ exports.setPreChatAndInitiateChat = setPreChatAndInitiateChat;
 const initStartChat = async (facadeChatSDK, dispatch, setAdapter, state, props, params, persistedState) => {
   var _state$domainStates7, _state$domainStates7$, _state$domainStates7$2;
   let isStartChatSuccessful = false;
-  const persistentChatEnabled = (0, _liveChatConfigUtils.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 (0, _liveChatConfigUtils.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.ConversationState.Closed) {
     // Preventive reset to avoid starting chat with previous requestId which could potentially cause problems
     (0, _endChat.chatSDKStateCleanUp)(facadeChatSDK.getChatSDK());

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.logWidgetLoadWithUnexpectedError = exports.logWidgetLoadComplete = exports.handleStartChatError = void 0;
+exports.logWidgetLoadComplete = exports.handleStartChatError = void 0;
 var _omnichannelChatSdk = require("@microsoft/omnichannel-chat-sdk");
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
 var _Constants = require("../../../common/Constants");
@@ -15,11 +15,6 @@ var _StartChatFailureType = require("../../../contexts/common/StartChatFailureTy
 var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
 var _TelemetryManager = require("../../../common/telemetry/TelemetryManager");
 var _utils = require("../../../common/utils");
-// Helper function to check if error is authentication-related
-const isAuthenticationError = errorMessage => {
-  return errorMessage === _Constants.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
 const handleStartChatError = (dispatch, facadeChatSDK, props, ex, isStartChatSuccessful) => {
   var _props$controlProps;
@@ -28,16 +23,19 @@ const handleStartChatError = (dispatch, facadeChatSDK, props, ex, isStartChatSuc
     return;
   }
 
-  // Handle authentication-related errors
-  if (isAuthenticationError(ex.message)) {
+  // Handle internal or misc errors
+  if (ex.message === _Constants.WidgetLoadCustomErrorString.AuthenticationFailedErrorString) {
     dispatch({
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_START_CHAT_FAILURE_TYPE,
       payload: _StartChatFailureType.StartChatFailureType.AuthSetupError
     });
+    // set conversation to error to enforce error UI pane
+    dispatch({
+      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: _ConversationState.ConversationState.Error
+    });
     logWidgetLoadCompleteWithError(ex);
-    // Don't return early - let the generic error handling logic handle hideErrorUIPane and telemetry
   }
-
   if (ex.message === _Constants.WidgetLoadCustomErrorString.NetworkErrorString) {
     logWidgetLoadCompleteWithError(ex);
   }
@@ -60,11 +58,8 @@ const handleStartChatError = (dispatch, facadeChatSDK, props, ex, isStartChatSuc
       case _omnichannelChatSdk.ChatSDKErrorName.UninitializedChatSDK:
         handleUninitializedChatSDK(ex);
         break;
+      // Handle the case indicating failure to retrieve an authenticated chat conversation 
       case _omnichannelChatSdk.ChatSDKErrorName.AuthenticatedChatConversationRetrievalFailure:
-        dispatch({
-          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_START_CHAT_FAILURE_TYPE,
-          payload: _StartChatFailureType.StartChatFailureType.Unauthorized
-        });
         logWidgetLoadCompleteWithError(ex);
         break;
       case _omnichannelChatSdk.ChatSDKErrorName.InvalidConversation:
@@ -117,9 +112,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.TelemetryHelper.logLoadingEventToAllTelemetry(_TelemetryConstants.LogLevel.ERROR, {
     Event: _TelemetryConstants.TelemetryEvent.WidgetLoadFailed,
     Description: "Widget load complete with error",
@@ -149,9 +141,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.TelemetryHelper.logLoadingEventToAllTelemetry(_TelemetryConstants.LogLevel.ERROR, {
     Event: _TelemetryConstants.TelemetryEvent.WidgetLoadFailed,
     Description: "Widget load complete with error",
@@ -159,37 +148,8 @@ const logWidgetLoadCompleteWithError = ex => {
     ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg3 = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg3 === void 0 ? void 0 : _TelemetryTimers$Widg3.milliSecondsElapsed
   });
 };
-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.TelemetryHelper.logLoadingEventToAllTelemetry(_TelemetryConstants.LogLevel.ERROR, {
-    Event: _TelemetryConstants.TelemetryEvent.WidgetLoadFailed,
-    Description: "Widget load with unexpected error",
-    ExceptionDetails: exDetails,
-    ElapsedTimeInMilliseconds: _TelemetryManager.TelemetryTimers === null || _TelemetryManager.TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg4 = _TelemetryManager.TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg4 === void 0 ? void 0 : _TelemetryTimers$Widg4.milliSecondsElapsed
-  });
-};
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-exports.logWidgetLoadWithUnexpectedError = logWidgetLoadWithUnexpectedError;
 const forceEndChat = facadeChatSDK => {
   _TelemetryHelper.TelemetryHelper.logSDKEvent(_TelemetryConstants.LogLevel.INFO, {
     Event: _TelemetryConstants.TelemetryEvent.PrepareEndChat,
@@ -240,12 +200,6 @@ const handleChatTokenRetrievalFailure = (dispatch, ex) => {
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_START_CHAT_FAILURE_TYPE,
         payload: _StartChatFailureType.StartChatFailureType.Unauthorized
       });
-    } else {
-      // For other authentication-related token retrieval failures, set as AuthSetupError
-      dispatch({
-        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_START_CHAT_FAILURE_TYPE,
-        payload: _StartChatFailureType.StartChatFailureType.AuthSetupError
-      });
     }
     logWidgetLoadCompleteWithError(ex);
   }

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

@@ -52,6 +52,7 @@ var _initCallingSdk = require("../common/initCallingSdk");
 var _initConfirmationPropsComposer = require("../common/initConfirmationPropsComposer");
 var _initWebChatComposer = require("../common/initWebChatComposer");
 var _defaultCacheManager = require("../../../common/storage/default/defaultCacheManager");
+var _registerTelemetryLoggers = require("../common/registerTelemetryLoggers");
 var _setPostChatContextAndLoadSurvey = require("../common/setPostChatContextAndLoadSurvey");
 var _startProactiveChat = require("../common/startProactiveChat");
 var _useChatAdapterStore = _interopRequireDefault(require("../../../hooks/useChatAdapterStore"));
@@ -63,7 +64,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 let uiTimer;
 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;
   (0, _react2.useEffect)(() => {
     uiTimer = (0, _utils.createTimer)();
     _TelemetryHelper.TelemetryHelper.logLoadingEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
@@ -82,13 +83,10 @@ const LiveChatWidgetStateful = props => {
   const [facadeChatSDK] = (0, _useFacadeChatSDKStore.default)();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [voiceVideoCallingSDK, setVoiceVideoCallingSDK] = (0, _react2.useState)(undefined);
-  const [conversationId, setConversationId] = (0, _react2.useState)("");
   const {
     Composer
   } = _botframeworkWebchat.Components;
   const canStartProactiveChat = (0, _react2.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.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.defaultAdaptiveCardStyles.color;
 
   // Process general styles
   const generalStyles = {
@@ -97,7 +95,7 @@ const LiveChatWidgetStateful = props => {
 
   //Scrollbar styles
   const scrollbarProps = Object.assign({}, _defaultScrollBarProps.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) {
@@ -230,6 +228,7 @@ const LiveChatWidgetStateful = props => {
     state.domainStates.confirmationPaneConfirmedOptionClicked = false;
     state.domainStates.confirmationState = _Constants.ConfirmationState.NotSet;
     setupClientDataStore();
+    (0, _registerTelemetryLoggers.registerTelemetryLoggers)(props, dispatch);
     (0, _createInternetConnectionChangeHandler.createInternetConnectionChangeHandler)(state);
     dispatch({
       type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_WIDGET_ELEMENT_ID,
@@ -579,14 +578,6 @@ const LiveChatWidgetStateful = props => {
       });
     });
 
-    // Retrieve convId
-    _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.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
     (0, _defaultClientDataStoreProvider.isCookieAllowed)();
     return () => {
@@ -633,8 +624,8 @@ const LiveChatWidgetStateful = props => {
       });
     }
     if (state.appStates.conversationState === _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,
@@ -678,12 +669,12 @@ const LiveChatWidgetStateful = props => {
     }
   }, [state.appStates.unreadMessageCount]);
   (0, _react2.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]);
   (0, _react2.useEffect)(() => {
     //Confirmation pane dismissing through OK option, so proceed with end chat
     if (state.domainStates.confirmationState === _Constants.ConfirmationState.Ok) {
@@ -782,12 +773,12 @@ const LiveChatWidgetStateful = props => {
 
   // if props state gets updates we need to update the renderingMiddlewareProps in the state
   (0, _react2.useEffect)(() => {
-    var _props$webChatContain16;
+    var _props$webChatContain8;
     dispatch({
       type: _LiveChatWidgetActionType.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]);
   (0, _react2.useEffect)(() => {
     _TelemetryHelper.TelemetryHelper.logLoadingEventToAllTelemetry(_TelemetryConstants.LogLevel.INFO, {
       Event: _TelemetryConstants.TelemetryEvent.UXLiveChatWidgetCompleted,
@@ -830,7 +821,7 @@ const LiveChatWidgetStateful = props => {
   const webChatProps = (0, _initWebChatComposer.initWebChatComposer)(props, state, dispatch, facadeChatSDK, endChatRelay);
   const downloadTranscriptProps = (0, _createDownloadTranscriptProps.default)(props.downloadTranscriptProps, {
     ...(_defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps === null || _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps === void 0 ? void 0 : _defaultWebChatContainerStatefulProps.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,
@@ -856,11 +847,6 @@ const LiveChatWidgetStateful = props => {
   (0, _utils.setOcUserAgent)(facadeChatSDK.getChatSDK());
   const directLine = ((_livechatProps$webCha = livechatProps.webChatContainerProps) === null || _livechatProps$webCha === void 0 ? void 0 : _livechatProps$webCha.directLine) ?? adapter ?? _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.directLine;
   const userID = directLine.getState ? directLine === null || directLine === void 0 ? void 0 : directLine.getState("acs.userId") : "teamsvisitor";
-  const styleOptions = _react2.default.useMemo(() => ({
-    ...webChatStyles,
-    bubbleBackground,
-    bubbleTextColor
-  }), [webChatStyles, bubbleBackground, bubbleTextColor]);
 
   // WebChat's Composer can only be rendered if a directLine object is defined
   return directLine && /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement("style", null, `
@@ -899,7 +885,11 @@ const LiveChatWidgetStateful = props => {
             }`}
             `), /*#__PURE__*/_react2.default.createElement(_DraggableChatWidget.default, chatWidgetDraggableConfig, /*#__PURE__*/_react2.default.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.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.defaultAdaptiveCardStyles.color
+    },
     directLine: directLine
   }), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
     id: widgetElementId,
@@ -930,9 +920,7 @@ const LiveChatWidgetStateful = props => {
   }, livechatProps.callingContainerProps)), !((_livechatProps$contro11 = livechatProps.controlProps) !== null && _livechatProps$contro11 !== void 0 && _livechatProps$contro11.hideWebChatContainer) && (0, _componentController.shouldShowWebChatContainer)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon9 = livechatProps.componentOverrides) === null || _livechatProps$compon9 === void 0 ? void 0 : _livechatProps$compon9.webChatContainer) || /*#__PURE__*/_react2.default.createElement(_WebChatContainerStateful.default, livechatProps)), !((_livechatProps$contro12 = livechatProps.controlProps) !== null && _livechatProps$contro12 !== void 0 && _livechatProps$contro12.hideConfirmationPane) && (0, _componentController.shouldShowConfirmationPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon10 = livechatProps.componentOverrides) === null || _livechatProps$compon10 === void 0 ? void 0 : _livechatProps$compon10.confirmationPane) || /*#__PURE__*/_react2.default.createElement(_ConfirmationPaneStateful.default, _extends({}, confirmationPaneProps, {
     setPostChatContext: setPostChatContextRelay,
     prepareEndChat: prepareEndChatRelay
-  }))), !((_livechatProps$contro13 = livechatProps.controlProps) !== null && _livechatProps$contro13 !== void 0 && _livechatProps$contro13.hidePostChatLoadingPane) && (0, _componentController.shouldShowPostChatLoadingPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon11 = livechatProps.componentOverrides) === null || _livechatProps$compon11 === void 0 ? void 0 : _livechatProps$compon11.postChatLoadingPane) || /*#__PURE__*/_react2.default.createElement(_PostChatLoadingPaneStateful.default, livechatProps.postChatLoadingPaneProps)), (0, _componentController.shouldShowPostChatSurveyPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon12 = livechatProps.componentOverrides) === null || _livechatProps$compon12 === void 0 ? void 0 : _livechatProps$compon12.postChatSurveyPane) || /*#__PURE__*/_react2.default.createElement(_PostChatSurveyPaneStateful.default, _extends({}, livechatProps.postChatSurveyPaneProps, livechatProps.chatSDK, {
-    customerVoiceSurveyCorrelationId: conversationId
-  }))), (0, _createFooter.createFooter)(livechatProps, state), (0, _componentController.shouldShowEmailTranscriptPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon13 = livechatProps.componentOverrides) === null || _livechatProps$compon13 === void 0 ? void 0 : _livechatProps$compon13.emailTranscriptPane) || /*#__PURE__*/_react2.default.createElement(_EmailTranscriptPaneStateful.default, livechatProps.emailTranscriptPane))))));
+  }))), !((_livechatProps$contro13 = livechatProps.controlProps) !== null && _livechatProps$contro13 !== void 0 && _livechatProps$contro13.hidePostChatLoadingPane) && (0, _componentController.shouldShowPostChatLoadingPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon11 = livechatProps.componentOverrides) === null || _livechatProps$compon11 === void 0 ? void 0 : _livechatProps$compon11.postChatLoadingPane) || /*#__PURE__*/_react2.default.createElement(_PostChatLoadingPaneStateful.default, livechatProps.postChatLoadingPaneProps)), (0, _componentController.shouldShowPostChatSurveyPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon12 = livechatProps.componentOverrides) === null || _livechatProps$compon12 === void 0 ? void 0 : _livechatProps$compon12.postChatSurveyPane) || /*#__PURE__*/_react2.default.createElement(_PostChatSurveyPaneStateful.default, _extends({}, livechatProps.postChatSurveyPaneProps, livechatProps.chatSDK))), (0, _createFooter.createFooter)(livechatProps, state), (0, _componentController.shouldShowEmailTranscriptPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon13 = livechatProps.componentOverrides) === null || _livechatProps$compon13 === void 0 ? void 0 : _livechatProps$compon13.emailTranscriptPane) || /*#__PURE__*/_react2.default.createElement(_EmailTranscriptPaneStateful.default, livechatProps.emailTranscriptPane))))));
 };
 exports.LiveChatWidgetStateful = LiveChatWidgetStateful;
 var _default = LiveChatWidgetStateful;