@microsoft/omnichannel-chat-widget 1.5.1-main.76c6a71 → 1.5.1-main.8614a75

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

@@ -0,0 +1,280 @@
+import { BroadcastService } from "@microsoft/omnichannel-chat-components";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { handleStartChatError } from "./startChatErrorHandler";
+import { WidgetLoadCustomErrorString, WidgetLoadTelemetryMessage } from "../../../common/Constants";
+import { ChatSDKError, ChatSDKErrorName } from "@microsoft/omnichannel-chat-sdk";
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
+import { ConversationState } from "../../../contexts/common/ConversationState";
+describe("startChatErrorHandler unit test", () => {
+  it("handleStartChatError should log failed event and return if exception is undefined", () => {
+    const dispatch = jest.fn();
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, undefined, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(1);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("ERROR", expect.objectContaining({
+      ExceptionDetails: expect.objectContaining({
+        Exception: "Widget load complete with error: undefined"
+      })
+    }));
+    expect(dispatch).not.toHaveBeenCalled();
+  });
+  it("handleStartChatError should log failed with error event for AuthenticationFailedErrorString", () => {
+    const dispatch = jest.fn();
+    const mockEx = new Error(WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, mockEx, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(2);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("WARN", expect.objectContaining({
+      ExceptionDetails: expect.objectContaining({
+        Exception: `Widget load complete with error: Error: ${WidgetLoadCustomErrorString.AuthenticationFailedErrorString}`
+      })
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(2);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE
+    }));
+  });
+  it("handleStartChatError should log failed with error event for NetworkErrorString", () => {
+    const dispatch = jest.fn();
+    const mockEx = new Error(WidgetLoadCustomErrorString.NetworkErrorString);
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, mockEx, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(2);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("WARN", expect.objectContaining({
+      ExceptionDetails: expect.objectContaining({
+        Exception: `Widget load complete with error: Error: ${WidgetLoadCustomErrorString.NetworkErrorString}`
+      })
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(2);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE
+    }));
+  });
+  it("handleStartChatError should log complete event for WidgetUseOutsideOperatingHour", () => {
+    const dispatch = jest.fn();
+    const mockEx = new ChatSDKError(ChatSDKErrorName.WidgetUseOutsideOperatingHour);
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, mockEx, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(1);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("INFO", expect.objectContaining({
+      Description: `Widget load complete. ${WidgetLoadTelemetryMessage.OOOHMessage}`
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(2);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE
+    }));
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_OUTSIDE_OPERATING_HOURS
+    }));
+  });
+  it("handleStartChatError should log failed with error event for PersistentChatConversationRetrievalFailure for non-400 status", () => {
+    const dispatch = jest.fn();
+    const mockEx = new ChatSDKError(ChatSDKErrorName.PersistentChatConversationRetrievalFailure, 429);
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, mockEx, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(2);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("WARN", expect.objectContaining({
+      Description: "Widget load complete with error",
+      ExceptionDetails: expect.objectContaining({
+        Exception: `Widget load complete with error: ${ChatSDKErrorName.PersistentChatConversationRetrievalFailure}`,
+        HttpResponseStatusCode: 429
+      })
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(2);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE
+    }));
+  });
+  it("handleStartChatError should log failed event for PersistentChatConversationRetrievalFailure for 400 status", () => {
+    const dispatch = jest.fn();
+    const mockEx = new ChatSDKError(ChatSDKErrorName.PersistentChatConversationRetrievalFailure, 400);
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, mockEx, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(2);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("ERROR", expect.objectContaining({
+      ExceptionDetails: expect.objectContaining({
+        Exception: `Widget load complete with error: ${ChatSDKErrorName.PersistentChatConversationRetrievalFailure}`,
+        HttpResponseStatusCode: 400
+      })
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(2);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE
+    }));
+  });
+  it("handleStartChatError should log failed with error event for ConversationInitializationFailure for non-400 status", () => {
+    const dispatch = jest.fn();
+    const mockEx = new ChatSDKError(ChatSDKErrorName.ConversationInitializationFailure, 429);
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, mockEx, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(2);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("WARN", expect.objectContaining({
+      Description: "Widget load complete with error",
+      ExceptionDetails: expect.objectContaining({
+        Exception: `Widget load complete with error: ${ChatSDKErrorName.ConversationInitializationFailure}`,
+        HttpResponseStatusCode: 429
+      })
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(2);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE
+    }));
+  });
+  it("handleStartChatError should log failed event for ConversationInitializationFailure for 400 status", () => {
+    const dispatch = jest.fn();
+    const mockEx = new ChatSDKError(ChatSDKErrorName.ConversationInitializationFailure, 400);
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, mockEx, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(2);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("ERROR", expect.objectContaining({
+      ExceptionDetails: expect.objectContaining({
+        Exception: `Widget load complete with error: ${ChatSDKErrorName.ConversationInitializationFailure}`,
+        HttpResponseStatusCode: 400
+      })
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(2);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE
+    }));
+  });
+  it("handleStartChatError should log failed with error event for ChatTokenRetrievalFailure for non-400 status", () => {
+    const dispatch = jest.fn();
+    const mockEx = new ChatSDKError(ChatSDKErrorName.ChatTokenRetrievalFailure, 429);
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, mockEx, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(2);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("WARN", expect.objectContaining({
+      Description: "Widget load complete with error",
+      ExceptionDetails: expect.objectContaining({
+        Exception: `Widget load complete with error: ${ChatSDKErrorName.ChatTokenRetrievalFailure}`,
+        HttpResponseStatusCode: 429
+      })
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(2);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE
+    }));
+  });
+  it("handleStartChatError should log failed event for ChatTokenRetrievalFailure for 400 status", () => {
+    const dispatch = jest.fn();
+    const mockEx = new ChatSDKError(ChatSDKErrorName.ChatTokenRetrievalFailure, 400);
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, mockEx, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(2);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("ERROR", expect.objectContaining({
+      ExceptionDetails: expect.objectContaining({
+        Exception: `Widget load complete with error: ${ChatSDKErrorName.ChatTokenRetrievalFailure}`,
+        HttpResponseStatusCode: 400
+      })
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(2);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE
+    }));
+  });
+  it("handleStartChatError should log failed with error event for UninitializedChatSDK", () => {
+    const dispatch = jest.fn();
+    const mockEx = new ChatSDKError(ChatSDKErrorName.UninitializedChatSDK);
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, mockEx, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(2);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("WARN", expect.objectContaining({
+      Description: "Widget load complete with error",
+      ExceptionDetails: expect.objectContaining({
+        Exception: `Widget load complete with error: ${ChatSDKErrorName.UninitializedChatSDK}`
+      })
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(2);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE
+    }));
+  });
+  it("handleStartChatError should log failed with error event for InvalidConversation", () => {
+    const dispatch = jest.fn();
+    const mockEx = new ChatSDKError(ChatSDKErrorName.InvalidConversation);
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, mockEx, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(1);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("WARN", expect.objectContaining({
+      Description: "Widget load complete with error",
+      ExceptionDetails: expect.objectContaining({
+        Exception: `Widget load complete with error: ${ChatSDKErrorName.InvalidConversation}`
+      })
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(16);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: ConversationState.Closed
+    }));
+  });
+  it("handleStartChatError should log failed with error event for ClosedConversation", () => {
+    const dispatch = jest.fn();
+    const mockEx = new ChatSDKError(ChatSDKErrorName.ClosedConversation);
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, mockEx, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(1);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("WARN", expect.objectContaining({
+      Description: "Widget load complete with error",
+      ExceptionDetails: expect.objectContaining({
+        Exception: `Widget load complete with error: ${ChatSDKErrorName.ClosedConversation}`
+      })
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(16);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+      payload: ConversationState.Closed
+    }));
+  });
+  it("handleStartChatError should log failed event for any other errors", () => {
+    const dispatch = jest.fn();
+    const mockEx = new ChatSDKError(ChatSDKErrorName.ScriptLoadFailure, 405);
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, {}, {}, mockEx, false);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(2);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("ERROR", expect.objectContaining({
+      ExceptionDetails: expect.objectContaining({
+        Exception: `Widget load complete with error: ${ChatSDKErrorName.ScriptLoadFailure}`,
+        HttpResponseStatusCode: 405
+      })
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(2);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE
+    }));
+  });
+  it("handleStartChatError should force end chat if isStartChatSuccessful is true", () => {
+    const dispatch = jest.fn();
+    const mockEx = new ChatSDKError(ChatSDKErrorName.ScriptLoadFailure, 405);
+    const mockSDK = {
+      endChat: jest.fn()
+    };
+    spyOn(BroadcastService, "postMessage").and.callFake(() => false);
+    spyOn(TelemetryHelper, "logLoadingEvent").and.callFake(() => false);
+    handleStartChatError(dispatch, mockSDK, {}, mockEx, true);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledTimes(3);
+    expect(TelemetryHelper.logLoadingEvent).toHaveBeenCalledWith("ERROR", expect.objectContaining({
+      ExceptionDetails: expect.objectContaining({
+        Exception: "SessionInit was successful, but widget load failed."
+      })
+    }));
+    expect(dispatch).toHaveBeenCalledTimes(2);
+    expect(dispatch).toHaveBeenCalledWith(expect.objectContaining({
+      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE
+    }));
+    expect(mockSDK.endChat).toHaveBeenCalled();
+  });
+});

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

@@ -8,9 +8,9 @@ import React, { useEffect, useRef, useState } from "react";
 import { checkIfConversationStillValid, initStartChat, prepareStartChat, setPreChatAndInitiateChat } from "../common/startChat";
 import { createTimer, getBroadcastChannelName, getConversationDetailsCall, getLocaleDirection, getStateFromCache, getWidgetCacheIdfromProps, getWidgetEndChatEventName, isNullOrEmptyString, isNullOrUndefined, isUndefinedOrEmpty } from "../../../common/utils";
 import { defaultClientDataStoreProvider, isCookieAllowed } from "../../../common/storage/default/defaultClientDataStoreProvider";
-import { endChat, endChatStateCleanUp, prepareEndChat } from "../common/endChat";
+import { chatSDKStateCleanUp, endChat, endChatStateCleanUp, prepareEndChat } from "../common/endChat";
 import { handleChatReconnect, isPersistentEnabled, isReconnectEnabled } from "../common/reconnectChatHelper";
-import { shouldShowCallingContainer, shouldShowChatButton, shouldShowConfirmationPane, shouldShowEmailTranscriptPane, shouldShowHeader, shouldShowLoadingPane, shouldShowOutOfOfficeHoursPane, shouldShowPostChatLoadingPane, shouldShowPostChatSurveyPane, shouldShowPreChatSurveyPane, shouldShowProactiveChatPane, shouldShowReconnectChatPane, shouldShowWebChatContainer } from "../../../controller/componentController";
+import { shouldShowCallingContainer, shouldShowChatButton, shouldShowConfirmationPane, shouldShowEmailTranscriptPane, shouldShowStartChatErrorPane, shouldShowHeader, shouldShowLoadingPane, shouldShowOutOfOfficeHoursPane, shouldShowPostChatLoadingPane, shouldShowPostChatSurveyPane, shouldShowPreChatSurveyPane, shouldShowProactiveChatPane, shouldShowReconnectChatPane, shouldShowWebChatContainer } from "../../../controller/componentController";
 import { ActivityStreamHandler } from "../common/ActivityStreamHandler";
 import CallingContainerStateful from "../../callingcontainerstateful/CallingContainerStateful";
 import ChatButtonStateful from "../../chatbuttonstateful/ChatButtonStateful";
@@ -51,9 +51,9 @@ import useChatAdapterStore from "../../../hooks/useChatAdapterStore";
 import useChatContextStore from "../../../hooks/useChatContextStore";
 import useChatSDKStore from "../../../hooks/useChatSDKStore";
 import { defaultAdaptiveCardStyles } from "../../webchatcontainerstateful/common/defaultStyles/defaultAdaptiveCardStyles";
-import { uuidv4 } from "@microsoft/omnichannel-chat-sdk";
+import StartChatErrorPaneStateful from "../../startchaterrorpanestateful/StartChatErrorPaneStateful";
 export const LiveChatWidgetStateful = props => {
-  var _props$webChatContain, _props$styleProps, _props$controlProps, _props$controlProps3, _state$appStates7, _props$webChatContain5, _state$appStates14, _props$webChatContain6, _props$controlProps12, _props$draggableChatW, _props$draggableChatW2, _props$draggableChatW3, _props$draggableChatW4, _props$draggableChatW5, _props$webChatContain7, _props$webChatContain8, _props$webChatContain9, _props$webChatContain10, _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$contro10, _livechatProps$compon8, _livechatProps$contro11, _livechatProps$compon9, _livechatProps$contro12, _livechatProps$compon10, _livechatProps$compon11, _livechatProps$compon12;
+  var _props$webChatContain, _props$styleProps, _props$controlProps, _props$controlProps3, _state$appStates7, _props$webChatContain5, _state$appStates14, _props$webChatContain6, _props$controlProps12, _props$draggableChatW, _props$draggableChatW2, _props$draggableChatW3, _props$draggableChatW4, _props$draggableChatW5, _props$webChatContain7, _props$webChatContain8, _props$webChatContain9, _props$webChatContain10, _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;
   const [state, dispatch] = useChatContextStore();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [adapter, setAdapter] = useChatAdapterStore();
@@ -186,6 +186,10 @@ export const LiveChatWidgetStateful = props => {
   };
   useEffect(() => {
     var _props$controlProps5, _props$controlProps6, _props$controlProps7, _props$chatConfig, _props$chatConfig$Liv, _props$controlProps9, _props$chatConfig2, _props$chatConfig2$Ch, _state$appStates5;
+    dispatch({
+      type: LiveChatWidgetActionType.SET_START_CHAT_FAILING,
+      payload: false
+    });
     state.domainStates.confirmationPaneConfirmedOptionClicked = false;
     state.domainStates.confirmationState = ConfirmationState.NotSet;
     setupClientDataStore();
@@ -425,12 +429,7 @@ export const LiveChatWidgetStateful = props => {
       if ((msg === null || msg === void 0 ? void 0 : (_msg$payload9 = msg.payload) === null || _msg$payload9 === void 0 ? void 0 : _msg$payload9.runtimeId) !== TelemetryManager.InternalTelemetryData.lcwRuntimeId) {
         endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, true, false, false);
         endChatStateCleanUp(dispatch);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        chatSDK.requestId = uuidv4();
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        chatSDK.chatToken = {};
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        chatSDK.reconnectId = null;
+        chatSDKStateCleanUp(chatSDK);
         return;
       }
     });
@@ -608,9 +607,7 @@ export const LiveChatWidgetStateful = props => {
 
   // Handle Chat disconnect cases
   useEffect(() => {
-    if (state.appStates.chatDisconnectEventReceived) {
-      handleChatDisconnect(props, state, setWebChatStyles);
-    }
+    handleChatDisconnect(props, state, setWebChatStyles);
   }, [state.appStates.chatDisconnectEventReceived]);
   const initiateEndChatOnBrowserUnload = () => {
     var _DataStoreManager$cli;
@@ -707,17 +704,17 @@ export const LiveChatWidgetStateful = props => {
   }, headerDraggableConfig))), !((_livechatProps$contro5 = livechatProps.controlProps) !== null && _livechatProps$contro5 !== void 0 && _livechatProps$contro5.hideLoadingPane) && shouldShowLoadingPane(state) && (decodeComponentString((_livechatProps$compon4 = livechatProps.componentOverrides) === null || _livechatProps$compon4 === void 0 ? void 0 : _livechatProps$compon4.loadingPane) || /*#__PURE__*/React.createElement(LoadingPaneStateful, {
     loadingPaneProps: livechatProps.loadingPaneProps,
     startChatErrorPaneProps: livechatProps.startChatErrorPaneProps
-  })), !((_livechatProps$contro6 = livechatProps.controlProps) !== null && _livechatProps$contro6 !== void 0 && _livechatProps$contro6.hideOutOfOfficeHoursPane) && shouldShowOutOfOfficeHoursPane(state) && (decodeComponentString((_livechatProps$compon5 = livechatProps.componentOverrides) === null || _livechatProps$compon5 === void 0 ? void 0 : _livechatProps$compon5.outOfOfficeHoursPane) || /*#__PURE__*/React.createElement(OutOfOfficeHoursPaneStateful, livechatProps.outOfOfficeHoursPaneProps)), !((_livechatProps$contro7 = livechatProps.controlProps) !== null && _livechatProps$contro7 !== void 0 && _livechatProps$contro7.hideReconnectChatPane) && shouldShowReconnectChatPane(state) && (decodeComponentString((_livechatProps$compon6 = livechatProps.componentOverrides) === null || _livechatProps$compon6 === void 0 ? void 0 : _livechatProps$compon6.reconnectChatPane) || /*#__PURE__*/React.createElement(ReconnectChatPaneStateful, {
+  })), !((_livechatProps$contro6 = livechatProps.controlProps) !== null && _livechatProps$contro6 !== void 0 && _livechatProps$contro6.hideErrorUIPane) && shouldShowStartChatErrorPane(state) && (decodeComponentString((_livechatProps$compon5 = livechatProps.componentOverrides) === null || _livechatProps$compon5 === void 0 ? void 0 : _livechatProps$compon5.startChatErrorPane) || /*#__PURE__*/React.createElement(StartChatErrorPaneStateful, livechatProps.startChatErrorPaneProps)), !((_livechatProps$contro7 = livechatProps.controlProps) !== null && _livechatProps$contro7 !== void 0 && _livechatProps$contro7.hideOutOfOfficeHoursPane) && shouldShowOutOfOfficeHoursPane(state) && (decodeComponentString((_livechatProps$compon6 = livechatProps.componentOverrides) === null || _livechatProps$compon6 === void 0 ? void 0 : _livechatProps$compon6.outOfOfficeHoursPane) || /*#__PURE__*/React.createElement(OutOfOfficeHoursPaneStateful, livechatProps.outOfOfficeHoursPaneProps)), !((_livechatProps$contro8 = livechatProps.controlProps) !== null && _livechatProps$contro8 !== void 0 && _livechatProps$contro8.hideReconnectChatPane) && shouldShowReconnectChatPane(state) && (decodeComponentString((_livechatProps$compon7 = livechatProps.componentOverrides) === null || _livechatProps$compon7 === void 0 ? void 0 : _livechatProps$compon7.reconnectChatPane) || /*#__PURE__*/React.createElement(ReconnectChatPaneStateful, {
     reconnectChatProps: livechatProps.reconnectChatPaneProps,
     initStartChat: initStartChatRelay
-  })), !((_livechatProps$contro8 = livechatProps.controlProps) !== null && _livechatProps$contro8 !== void 0 && _livechatProps$contro8.hidePreChatSurveyPane) && shouldShowPreChatSurveyPane(state) && (decodeComponentString((_livechatProps$compon7 = livechatProps.componentOverrides) === null || _livechatProps$compon7 === void 0 ? void 0 : _livechatProps$compon7.preChatSurveyPane) || /*#__PURE__*/React.createElement(PreChatSurveyPaneStateful, {
+  })), !((_livechatProps$contro9 = livechatProps.controlProps) !== null && _livechatProps$contro9 !== void 0 && _livechatProps$contro9.hidePreChatSurveyPane) && shouldShowPreChatSurveyPane(state) && (decodeComponentString((_livechatProps$compon8 = livechatProps.componentOverrides) === null || _livechatProps$compon8 === void 0 ? void 0 : _livechatProps$compon8.preChatSurveyPane) || /*#__PURE__*/React.createElement(PreChatSurveyPaneStateful, {
     surveyProps: livechatProps.preChatSurveyPaneProps,
     initStartChat: initStartChatRelay
-  })), !((_livechatProps$contro9 = livechatProps.controlProps) !== null && _livechatProps$contro9 !== void 0 && _livechatProps$contro9.hideCallingContainer) && shouldShowCallingContainer(state) && /*#__PURE__*/React.createElement(CallingContainerStateful, _extends({
+  })), !((_livechatProps$contro10 = livechatProps.controlProps) !== null && _livechatProps$contro10 !== void 0 && _livechatProps$contro10.hideCallingContainer) && shouldShowCallingContainer(state) && /*#__PURE__*/React.createElement(CallingContainerStateful, _extends({
     voiceVideoCallingSdk: voiceVideoCallingSDK
-  }, livechatProps.callingContainerProps)), !((_livechatProps$contro10 = livechatProps.controlProps) !== null && _livechatProps$contro10 !== void 0 && _livechatProps$contro10.hideWebChatContainer) && shouldShowWebChatContainer(state) && (decodeComponentString((_livechatProps$compon8 = livechatProps.componentOverrides) === null || _livechatProps$compon8 === void 0 ? void 0 : _livechatProps$compon8.webChatContainer) || /*#__PURE__*/React.createElement(WebChatContainerStateful, livechatProps)), !((_livechatProps$contro11 = livechatProps.controlProps) !== null && _livechatProps$contro11 !== void 0 && _livechatProps$contro11.hideConfirmationPane) && shouldShowConfirmationPane(state) && (decodeComponentString((_livechatProps$compon9 = livechatProps.componentOverrides) === null || _livechatProps$compon9 === void 0 ? void 0 : _livechatProps$compon9.confirmationPane) || /*#__PURE__*/React.createElement(ConfirmationPaneStateful, _extends({}, confirmationPaneProps, {
+  }, 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$contro12 = livechatProps.controlProps) !== null && _livechatProps$contro12 !== void 0 && _livechatProps$contro12.hidePostChatLoadingPane) && shouldShowPostChatLoadingPane(state) && (decodeComponentString((_livechatProps$compon10 = livechatProps.componentOverrides) === null || _livechatProps$compon10 === void 0 ? void 0 : _livechatProps$compon10.postChatLoadingPane) || /*#__PURE__*/React.createElement(PostChatLoadingPaneStateful, livechatProps.postChatLoadingPaneProps)), shouldShowPostChatSurveyPane(state) && (decodeComponentString((_livechatProps$compon11 = livechatProps.componentOverrides) === null || _livechatProps$compon11 === void 0 ? void 0 : _livechatProps$compon11.postChatSurveyPane) || /*#__PURE__*/React.createElement(PostChatSurveyPaneStateful, _extends({}, livechatProps.postChatSurveyPaneProps, livechatProps.chatSDK))), createFooter(livechatProps, state), shouldShowEmailTranscriptPane(state) && (decodeComponentString((_livechatProps$compon12 = livechatProps.componentOverrides) === null || _livechatProps$compon12 === void 0 ? void 0 : _livechatProps$compon12.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;

package/lib/esm/components/loadingpanestateful/LoadingPaneStateful.js

@@ -3,10 +3,10 @@ import React, { useEffect } from "react";
 import { LoadingPane } from "@microsoft/omnichannel-chat-components";
 import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import { defaultGeneralLoadingPaneStyleProps } from "./common/defaultStyleProps/defaultgeneralLoadingPaneStyleProps";
-import { errorUILoadingPaneStyleProps } from "./common/errorUIStyleProps/errorUILoadingPaneStyleProps";
 import { findAllFocusableElement } from "../../common/utils";
 import useChatContextStore from "../../hooks/useChatContextStore";
 import useWindowDimensions from "../../hooks/useWindowDimensions";
+import { errorUILoadingPaneStyleProps } from "./common/errorUIStyleProps/errorUILoadingPaneStyleProps";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const LoadingPaneStateful = props => {

package/lib/esm/components/startchaterrorpanestateful/StartChatErrorPaneStateful.js

@@ -0,0 +1,57 @@
+import React, { useEffect } from "react";
+import { LoadingPane } from "@microsoft/omnichannel-chat-components";
+import { findAllFocusableElement } from "../../common/utils";
+import useChatContextStore from "../../hooks/useChatContextStore";
+import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
+import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
+import { defaultStartChatErrorPaneGeneralStyleProps } from "./common/defaultStartChatErrorPaneGeneralStyleProps";
+import { defaultStartChatErrorPaneTitleStyleProps } from "./common/defaultStartChatErrorPaneTitleStyleProps";
+import { defaultStartChatErrorPaneSubtitleStyleProps } from "./common/defaultStartChatErrorPaneSubtitleStyleProps";
+import { defaultStartChatErrorPaneIconStyleProps } from "./common/defaultStartChatErrorPaneIconStyleProps";
+import { defaultStartChatErrorPaneIconImageStyleProps } from "./common/defaultStartChatErrorPaneIconImageProps";
+import { StartChatErrorPaneConstants } from "../../common/Constants";
+export const StartChatErrorPaneStateful = startChatErrorPaneProps => {
+  var _startChatErrorPanePr, _startChatErrorPanePr2, _startChatErrorPanePr3, _startChatErrorPanePr4, _startChatErrorPanePr5, _startChatErrorPanePr6, _startChatErrorPanePr7;
+  const [state] = useChatContextStore();
+  const generalStyleProps = Object.assign({}, defaultStartChatErrorPaneGeneralStyleProps, startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr = startChatErrorPaneProps.styleProps) === null || _startChatErrorPanePr === void 0 ? void 0 : _startChatErrorPanePr.generalStyleProps);
+  const titleStyleProps = Object.assign({}, defaultStartChatErrorPaneTitleStyleProps, startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr2 = startChatErrorPaneProps.styleProps) === null || _startChatErrorPanePr2 === void 0 ? void 0 : _startChatErrorPanePr2.titleStyleProps);
+  const subtitleStyleProps = Object.assign({}, defaultStartChatErrorPaneSubtitleStyleProps, startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr3 = startChatErrorPaneProps.styleProps) === null || _startChatErrorPanePr3 === void 0 ? void 0 : _startChatErrorPanePr3.subtitleStyleProps);
+  const iconStyleProps = Object.assign({}, defaultStartChatErrorPaneIconStyleProps, startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr4 = startChatErrorPaneProps.styleProps) === null || _startChatErrorPanePr4 === void 0 ? void 0 : _startChatErrorPanePr4.iconStyleProps);
+  const iconImageProps = Object.assign({}, defaultStartChatErrorPaneIconImageStyleProps, startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr5 = startChatErrorPaneProps.styleProps) === null || _startChatErrorPanePr5 === void 0 ? void 0 : _startChatErrorPanePr5.iconImageProps);
+  const errorUIStyleProps = {
+    generalStyleProps: generalStyleProps,
+    titleStyleProps: titleStyleProps,
+    subtitleStyleProps: subtitleStyleProps,
+    iconStyleProps: iconStyleProps,
+    iconImageProps: iconImageProps
+  };
+  const errorPaneTitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr6 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr6 === void 0 ? void 0 : _startChatErrorPanePr6.titleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorTitleText;
+  const errorPaneSubtitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr7 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr7 === void 0 ? void 0 : _startChatErrorPanePr7.subtitleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorSubtitleText;
+  const errorUIControlProps = {
+    id: StartChatErrorPaneConstants.DefaultStartChatErrorPaneId,
+    dir: state.domainStates.globalDir,
+    titleText: errorPaneTitleText,
+    subtitleText: errorPaneSubtitleText,
+    hideSpinner: true,
+    hideSpinnerText: true,
+    ...(startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : startChatErrorPaneProps.controlProps)
+  };
+
+  // Move focus to the first button
+  useEffect(() => {
+    const firstElement = findAllFocusableElement(`#${state.domainStates.widgetElementId}`);
+    if (firstElement && firstElement[0]) {
+      firstElement[0].focus();
+    }
+    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.StartChatErrorPaneLoaded,
+      Description: "Start chat error pane loaded."
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(LoadingPane, {
+    componentOverrides: startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : startChatErrorPaneProps.componentOverrides,
+    controlProps: errorUIControlProps,
+    styleProps: errorUIStyleProps
+  });
+};
+export default StartChatErrorPaneStateful;

package/lib/esm/components/startchaterrorpanestateful/common/defaultStartChatErrorPaneGeneralStyleProps.js

@@ -0,0 +1,10 @@
+export const defaultStartChatErrorPaneGeneralStyleProps = {
+  position: "initial",
+  width: "100%",
+  height: "100%",
+  left: "0%",
+  top: "0%",
+  borderRadius: "0 0 4px 4px",
+  borderWidth: "0px",
+  backgroundColor: "#FFFFFF"
+};

package/lib/esm/components/startchaterrorpanestateful/common/defaultStartChatErrorPaneIconImageProps.js

@@ -0,0 +1,10 @@
+import { ImageFit } from "@fluentui/react";
+import { AlertIcon } from "../../../assets/Icons";
+export const defaultStartChatErrorPaneIconImageStyleProps = {
+  src: AlertIcon,
+  imageFit: ImageFit.centerContain,
+  width: "86px",
+  height: "86px",
+  shouldFadeIn: false,
+  shouldStartVisible: true
+};

package/lib/esm/components/startchaterrorpanestateful/common/defaultStartChatErrorPaneIconStyleProps.js

@@ -0,0 +1,8 @@
+export const defaultStartChatErrorPaneIconStyleProps = {
+  display: "flex",
+  order: 1,
+  alignSelf: "auto",
+  backgroundColor: "#FFFFFF",
+  boxShadow: "#FFFFFF 0px 0px 0px 0px",
+  margin: "0px 0px 0px 0px"
+};

package/lib/esm/components/startchaterrorpanestateful/common/defaultStartChatErrorPaneSubtitleStyleProps.js

@@ -0,0 +1,10 @@
+export const defaultStartChatErrorPaneSubtitleStyleProps = {
+  fontFamily: "'Segoe UI',Arial,sans-serif",
+  fontWeight: "normal",
+  fontSize: "18px",
+  color: "#36454F",
+  textAlign: "center",
+  display: "flex",
+  order: 3,
+  alignSelf: "auto"
+};

package/lib/esm/components/startchaterrorpanestateful/common/defaultStartChatErrorPaneTitleStyleProps.js

@@ -0,0 +1,10 @@
+export const defaultStartChatErrorPaneTitleStyleProps = {
+  fontFamily: "'Segoe UI',Arial,sans-serif",
+  fontWeight: "normal",
+  fontSize: "18px",
+  color: "#36454F",
+  textAlign: "center",
+  display: "flex",
+  order: 2,
+  alignSelf: "auto"
+};

package/lib/esm/components/startchaterrorpanestateful/interfaces/IStartChatErrorPaneControlProps.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/startchaterrorpanestateful/interfaces/IStartChatErrorPaneProps.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/startchaterrorpanestateful/interfaces/IStartChatErrorPaneStyleProps.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityMiddleware.js

@@ -11,7 +11,6 @@ import { LogLevel, TelemetryEvent } from "../../../../../common/telemetry/Teleme
 import { Constants } from "../../../../../common/Constants";
 import { DirectLineActivityType } from "../../enums/DirectLineActivityType";
 import { DirectLineSenderRole } from "../../enums/DirectLineSenderRole";
-import { MessageTypes } from "../../enums/MessageType";
 import React from "react";
 import { TelemetryHelper } from "../../../../../common/telemetry/TelemetryHelper";
 import { defaultSystemMessageStyles } from "./defaultStyles/defaultSystemMessageStyles";
@@ -74,13 +73,6 @@ export const createActivityMiddleware = (systemMessageStyleProps, userMessageSty
   if (card.activity) {
     var _card$activity$from;
     if (((_card$activity$from = card.activity.from) === null || _card$activity$from === void 0 ? void 0 : _card$activity$from.role) === DirectLineSenderRole.Channel) {
-      var _card$activity$channe3;
-      if (((_card$activity$channe3 = card.activity.channelData) === null || _card$activity$channe3 === void 0 ? void 0 : _card$activity$channe3.type) === MessageTypes.Thread) {
-        TelemetryHelper.logActionEvent(LogLevel.INFO, {
-          Event: TelemetryEvent.IC3ThreadUpdateEventReceived,
-          Description: "IC3 ThreadUpdateEvent Received"
-        });
-      }
       return () => false;
     }
     if (isTagIncluded(card, Constants.hiddenTag)) {

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/activityMiddleware.spec.js

@@ -20,7 +20,7 @@ describe("activityMiddleware test", () => {
     };
     const results = createActivityMiddleware()()(next)(args);
     expect(results()).toEqual(false);
-    expect(TelemetryHelper.logActionEvent).toHaveBeenCalledTimes(1);
+    expect(TelemetryHelper.logActionEvent).toHaveBeenCalledTimes(0);
   });
   it("createActivityMiddleware() with Hidden tag should return nothing", () => {
     spyOn(TelemetryHelper, "logActionEvent").and.callFake(() => false);

package/lib/esm/contexts/common/ConversationState.js

@@ -10,4 +10,5 @@ export let ConversationState;
   ConversationState[ConversationState["PostchatLoading"] = 7] = "PostchatLoading";
   ConversationState[ConversationState["Postchat"] = 8] = "Postchat";
   ConversationState[ConversationState["Closed"] = 9] = "Closed";
+  ConversationState[ConversationState["Error"] = 10] = "Error";
 })(ConversationState || (ConversationState = {}));

package/lib/esm/contexts/common/LiveChatWidgetContextInitialState.js

@@ -58,6 +58,7 @@ export const getLiveChatWidgetContextInitialState = props => {
     },
     uiStates: {
       showConfirmationPane: false,
+      showStartChatErrorPane: false,
       showEmailTranscriptPane: false,
       showCallingPopup: false,
       isIncomingCall: true,

package/lib/esm/controller/componentController.js

@@ -22,6 +22,9 @@ export const shouldShowWebChatContainer = state => {
 export const shouldShowLoadingPane = state => {
   return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.Loading;
 };
+export const shouldShowStartChatErrorPane = state => {
+  return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.Error;
+};
 export const shouldShowReconnectChatPane = state => {
   return !state.appStates.isMinimized && state.appStates.conversationState === ConversationState.ReconnectChat;
 };

package/lib/types/common/Constants.d.ts

@@ -160,10 +160,6 @@ export declare class LocaleConstants {
 export declare enum ElementType {
     CallingContainerSDK = "CallingContainerSDK"
 }
-export declare enum ChatSDKError {
-    WidgetUseOutsideOperatingHour = "WidgetUseOutsideOperatingHour",
-    AuthContactIdNotFoundFailure = "AuthContactIdNotFoundFailure"
-}
 export declare enum EnvironmentVersion {
     prod = "prod",
     dogfood = "df",
@@ -231,6 +227,11 @@ export declare class NotificationPaneConstants {
     static readonly ChatDisconnectSubtitleText = "For additional assistance, please close the chat and try again.";
     static readonly ChromeCloseIconName = "ChromeClose";
 }
+export declare class StartChatErrorPaneConstants {
+    static readonly DefaultStartChatErrorPaneId = "oc-lcw-start-chat-error-pane";
+    static readonly DefaultStartChatErrorTitleText = "We are unable to load chat at this time.";
+    static readonly DefaultStartChatErrorSubtitleText = "Please try again later.";
+}
 export declare class AriaTelemetryConstants {
     static readonly GERMANY_ENDPOINT: string;
     static readonly GCCH_ENDPOINT: string;
@@ -241,3 +242,11 @@ export declare class AriaTelemetryConstants {
     static readonly EU: string;
     static readonly lcwEUDomainNames: Array<string>;
 }
+export declare class WidgetLoadTelemetryMessage {
+    static readonly OOOHMessage = "Widget is OOOH";
+    static readonly PersistedStateRetrievedMessage = "Persisted state retrieved";
+}
+export declare class WidgetLoadCustomErrorString {
+    static readonly AuthenticationFailedErrorString = "Authentication was not successful";
+    static readonly NetworkErrorString = "Network Error";
+}

package/lib/types/common/telemetry/TelemetryConstants.d.ts

@@ -120,10 +120,10 @@ export declare enum TelemetryEvent {
     ErrorUIPaneLoaded = "ErrorUIPaneLoaded",
     DownloadTranscriptFailed = "DownloadTranscriptFailed",
     StartChatFailed = "StartChatFailed",
-    IC3ThreadUpdateEventReceived = "IC3ThreadUpdateEventReceived",
     ConfirmationCancelButtonClicked = "ConfirmationCancelButtonClicked",
     ConfirmationConfirmButtonClicked = "ConfirmationConfirmButtonClicked",
     LoadingPaneLoaded = "LoadingPaneLoaded",
+    StartChatErrorPaneLoaded = "StartChatErrorPaneLoaded",
     EmailTranscriptLoaded = "EmailTranscriptLoaded",
     OutOfOfficePaneLoaded = "OutOfOfficePaneLoaded",
     ConfirmationPaneLoaded = "ConfirmationPaneLoaded",