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

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

@@ -1,13 +1,11 @@
 import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
-import { ChatSDKError, Constants, LiveWorkItemState } from "../../../common/Constants";
+import { Constants, LiveWorkItemState, WidgetLoadCustomErrorString, WidgetLoadTelemetryMessage } from "../../../common/Constants";
 import { checkContactIdError, createTimer, getConversationDetailsCall, getStateFromCache, getWidgetCacheIdfromProps, isNullOrEmptyString, isUndefinedOrEmpty } from "../../../common/utils";
 import { getAuthClientFunction, handleAuthentication } from "./authHelper";
 import { ActivityStreamHandler } from "./ActivityStreamHandler";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { ConversationState } from "../../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
-import { NotificationHandler } from "../../webchatcontainerstateful/webchatcontroller/notification/NotificationHandler";
-import { NotificationScenarios } from "../../webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
 import { TelemetryTimers } from "../../../common/telemetry/TelemetryManager";
 import { createAdapter } from "./createAdapter";
@@ -15,7 +13,8 @@ import { createOnNewAdapterActivityHandler } from "../../../plugins/newMessageEv
 import { handleChatReconnect, isPersistentEnabled, isReconnectEnabled } from "./reconnectChatHelper";
 import { setPostChatContextAndLoadSurvey } from "./setPostChatContextAndLoadSurvey";
 import { updateSessionDataForTelemetry } from "./updateSessionDataForTelemetry";
-import { uuidv4 } from "@microsoft/omnichannel-chat-sdk";
+import { logWidgetLoadComplete, handleStartChatError } from "./startChatErrorHandler";
+import { chatSDKStateCleanUp } from "./endChat";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 let optionalParams = {};
@@ -108,19 +107,21 @@ const setPreChatAndInitiateChat = async (chatSDK, dispatch, setAdapter, isProact
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params, persistedState) => {
-  var _props$controlProps2;
   let isStartChatSuccessful = false;
   const chatConfig = props === null || props === void 0 ? void 0 : props.chatConfig;
   const getAuthToken = props === null || props === void 0 ? void 0 : props.getAuthToken;
-  const hideErrorUIPane = props === null || props === void 0 ? void 0 : (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.hideErrorUIPane;
   if ((state === null || state === void 0 ? void 0 : state.appStates.conversationState) === ConversationState.Closed) {
     // Preventive reset to avoid starting chat with previous requestId which could potentially cause problems
-    chatSDK.requestId = uuidv4();
-    chatSDK.chatToken = {};
-    chatSDK.reconnectId = null;
+    chatSDKStateCleanUp(chatSDK);
   }
   try {
-    var _newAdapter$activity$, _TelemetryTimers$Widg2;
+    var _state$appStates, _newAdapter$activity$;
+    // Clear disconnect state on start chat
+    (state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.chatDisconnectEventReceived) && dispatch({
+      type: LiveChatWidgetActionType.SET_CHAT_DISCONNECT_EVENT_RECEIVED,
+      payload: false
+    });
+
     //Start widget load timer
     TelemetryTimers.WidgetLoadTimer = createTimer();
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
@@ -132,8 +133,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
       // set auth token to chat sdk before start chat
       const authSuccess = await handleAuthentication(chatSDK, chatConfig, getAuthToken);
       if (!authSuccess) {
-        // Replacing with error ui
-        throw new Error("Authentication was not successful");
+        throw new Error(WidgetLoadCustomErrorString.AuthenticationFailedErrorString);
       }
     }
 
@@ -196,16 +196,11 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
       });
     }
     if (persistedState) {
-      var _TelemetryTimers$Widg;
       dispatch({
         type: LiveChatWidgetActionType.SET_WIDGET_STATE,
         payload: persistedState
       });
-      TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-        Event: TelemetryEvent.WidgetLoadComplete,
-        Description: "Widget load complete. Persisted state retrieved",
-        ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg === void 0 ? void 0 : _TelemetryTimers$Widg.milliSecondsElapsed
-      });
+      logWidgetLoadComplete(WidgetLoadTelemetryMessage.PersistedStateRetrievedMessage);
       await setPostChatContextAndLoadSurvey(chatSDK, dispatch, true);
       return;
     }
@@ -216,11 +211,7 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
       type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
       payload: liveChatContext
     });
-    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-      Event: TelemetryEvent.WidgetLoadComplete,
-      Description: "Widget load complete",
-      ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg2 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg2 === void 0 ? void 0 : _TelemetryTimers$Widg2.milliSecondsElapsed
-    });
+    logWidgetLoadComplete();
 
     // Set post chat context in state
     // Commenting this for now as post chat context is fetched during end chat
@@ -229,77 +220,18 @@ const initStartChat = async (chatSDK, dispatch, setAdapter, state, props, params
     // Updating chat session detail for telemetry
     await updateSessionDataForTelemetry(chatSDK, dispatch);
   } catch (ex) {
-    var _TelemetryTimers$Widg4;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    if (ex.message === ChatSDKError.WidgetUseOutsideOperatingHour) {
-      var _TelemetryTimers$Widg3;
-      dispatch({
-        type: LiveChatWidgetActionType.SET_OUTSIDE_OPERATING_HOURS,
-        payload: true
-      });
-      dispatch({
-        type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-        payload: ConversationState.OutOfOffice
-      });
-      TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-        Event: TelemetryEvent.WidgetLoadComplete,
-        Description: "Widget load complete. Widget is OOOH.",
-        ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg3 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg3 === void 0 ? void 0 : _TelemetryTimers$Widg3.milliSecondsElapsed
-      });
-      return;
-    }
-    TelemetryHelper.logLoadingEvent(LogLevel.ERROR, {
-      Event: TelemetryEvent.WidgetLoadFailed,
-      ExceptionDetails: {
-        Exception: `Widget load Failed: ${ex}`
-      },
-      ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg4 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg4 === void 0 ? void 0 : _TelemetryTimers$Widg4.milliSecondsElapsed
-    });
-    NotificationHandler.notifyError(NotificationScenarios.Connection, "Start Chat Failed: " + ex);
-    dispatch({
-      type: LiveChatWidgetActionType.SET_START_CHAT_FAILING,
-      payload: true
-    });
-    if (!hideErrorUIPane) {
-      // Set app state to failing start chat if hideErrorUI is not turned on
-      TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
-        Event: TelemetryEvent.ErrorUIPaneLoaded,
-        Description: "Error UI Pane Loaded"
-      });
-    }
-    // Show the loading pane in other cases for failure, this will help for both hideStartChatButton case
-    dispatch({
-      type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-      payload: ConversationState.Loading
-    });
-
-    // If sessionInit was successful but LCW startchat failed due to some reason e.g adapter didn't load
-    // we need to directly endChat to avoid leaving ghost chats in OC, not disturbing any other UI state
-    if (isStartChatSuccessful === true) {
-      await forceEndChat(chatSDK);
-    }
+    handleStartChatError(dispatch, chatSDK, props, ex, isStartChatSuccessful);
   } finally {
     optionalParams = {};
     widgetInstanceId = "";
   }
 };
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const forceEndChat = async chatSDK => {
-  TelemetryHelper.logLoadingEvent(LogLevel.ERROR, {
-    Event: TelemetryEvent.WidgetLoadFailed,
-    ExceptionDetails: {
-      Exception: "SessionInit was successful, but widget load failed."
-    }
-  });
-  chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.endChat();
-};
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const canConnectToExistingChat = async (props, chatSDK, state, dispatch, setAdapter) => {
-  var _state$appStates, _persistedState$domai6, _persistedState$appSt;
+  var _state$appStates2, _persistedState$domai6, _persistedState$appSt;
   // By pass this function in case of popout chat
-  if ((state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.hideStartChatButton) === true) {
+  if ((state === null || state === void 0 ? void 0 : (_state$appStates2 = state.appStates) === null || _state$appStates2 === void 0 ? void 0 : _state$appStates2.hideStartChatButton) === true) {
     return false;
   }
   const persistedState = getStateFromCache(getWidgetCacheIdfromProps(props));

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

@@ -0,0 +1,191 @@
+import { ChatSDKErrorName, ChatSDKError } from "@microsoft/omnichannel-chat-sdk";
+import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
+import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { TelemetryTimers } from "../../../common/telemetry/TelemetryManager";
+import { ConversationState } from "../../../contexts/common/ConversationState";
+import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
+import { callingStateCleanUp, endChatStateCleanUp, closeChatStateCleanUp, chatSDKStateCleanUp } from "./endChat";
+import { DataStoreManager } from "../../../common/contextDataStore/DataStoreManager";
+import { getWidgetCacheIdfromProps } from "../../../common/utils";
+import { WidgetLoadCustomErrorString, WidgetLoadTelemetryMessage } from "../../../common/Constants";
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const handleStartChatError = (dispatch, chatSDK, props, ex, isStartChatSuccessful) => {
+  var _props$controlProps;
+  if (!ex) {
+    logWidgetLoadFailed();
+    return;
+  }
+
+  // Handle internal or misc errors
+  if (ex.message === WidgetLoadCustomErrorString.AuthenticationFailedErrorString || ex.message === WidgetLoadCustomErrorString.NetworkErrorString) {
+    logWidgetLoadCompleteWithError(ex);
+  }
+
+  // Handle ChatSDK errors
+  if (ex instanceof ChatSDKError) {
+    switch (ex.message) {
+      case ChatSDKErrorName.WidgetUseOutsideOperatingHour:
+        handleWidgetUseOutsideOperatingHour(dispatch);
+        return;
+      case ChatSDKErrorName.PersistentChatConversationRetrievalFailure:
+        handlePersistentChatConversationRetrievalFailure(ex);
+        break;
+      case ChatSDKErrorName.ConversationInitializationFailure:
+        handleConversationInitializationFailure(ex);
+        break;
+      case ChatSDKErrorName.ChatTokenRetrievalFailure:
+        handleChatTokenRetrievalFailure(ex);
+        break;
+      case ChatSDKErrorName.UninitializedChatSDK:
+        handleUninitializedChatSDK(ex);
+        break;
+      case ChatSDKErrorName.InvalidConversation:
+      case ChatSDKErrorName.ClosedConversation:
+        handleInvalidOrClosedConversation(dispatch, chatSDK, props, ex);
+        return;
+      default:
+        logWidgetLoadFailed(ex);
+    }
+  }
+
+  // Show the error UI pane
+  dispatch({
+    type: LiveChatWidgetActionType.SET_START_CHAT_FAILING,
+    payload: true
+  });
+  if (!(props !== null && props !== void 0 && (_props$controlProps = props.controlProps) !== null && _props$controlProps !== void 0 && _props$controlProps.hideErrorUIPane)) {
+    // Set app state to failing start chat if hideErrorUI is not turned on
+    TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+      Event: TelemetryEvent.ErrorUIPaneLoaded,
+      Description: "Error UI Pane Loaded"
+    });
+  }
+  // Show the loading pane in other cases for failure, this will help for both hideStartChatButton case
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+    payload: ConversationState.Loading
+  });
+
+  // If sessionInit was successful but LCW startchat failed due to some reason e.g adapter didn't load
+  // we need to directly endChat to avoid leaving ghost chats in OC, not disturbing any other UI state
+  if (isStartChatSuccessful === true) {
+    forceEndChat(chatSDK);
+  }
+};
+const logWidgetLoadFailed = ex => {
+  var _TelemetryTimers$Widg;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const exDetails = {
+    Exception: `Widget load complete with error: ${ex}`
+  };
+  if (ex !== null && ex !== void 0 && ex.httpResponseStatusCode) {
+    exDetails.HttpResponseStatusCode = ex.httpResponseStatusCode;
+  }
+  TelemetryHelper.logLoadingEvent(LogLevel.ERROR, {
+    Event: TelemetryEvent.WidgetLoadFailed,
+    ExceptionDetails: exDetails,
+    ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg === void 0 ? void 0 : _TelemetryTimers$Widg.milliSecondsElapsed
+  });
+};
+export const logWidgetLoadComplete = additionalMessage => {
+  var _TelemetryTimers$Widg2;
+  let descriptionString = "Widget load complete";
+  if (additionalMessage) {
+    descriptionString += `. ${additionalMessage}`;
+  }
+  TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
+    Event: TelemetryEvent.WidgetLoadComplete,
+    Description: descriptionString,
+    ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg2 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg2 === void 0 ? void 0 : _TelemetryTimers$Widg2.milliSecondsElapsed
+  });
+};
+const logWidgetLoadCompleteWithError = ex => {
+  var _TelemetryTimers$Widg3;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const exDetails = {
+    Exception: `Widget load complete with error: ${ex}`
+  };
+  if (ex !== null && ex !== void 0 && ex.httpResponseStatusCode) {
+    exDetails.HttpResponseStatusCode = ex.httpResponseStatusCode;
+  }
+  TelemetryHelper.logLoadingEvent(LogLevel.WARN, {
+    Event: TelemetryEvent.WidgetLoadComplete,
+    Description: "Widget load complete with error",
+    ExceptionDetails: exDetails,
+    ElapsedTimeInMilliseconds: TelemetryTimers === null || TelemetryTimers === void 0 ? void 0 : (_TelemetryTimers$Widg3 = TelemetryTimers.WidgetLoadTimer) === null || _TelemetryTimers$Widg3 === void 0 ? void 0 : _TelemetryTimers$Widg3.milliSecondsElapsed
+  });
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const forceEndChat = chatSDK => {
+  TelemetryHelper.logLoadingEvent(LogLevel.ERROR, {
+    Event: TelemetryEvent.WidgetLoadFailed,
+    ExceptionDetails: {
+      Exception: "SessionInit was successful, but widget load failed."
+    }
+  });
+  chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.endChat();
+};
+const handleWidgetUseOutsideOperatingHour = dispatch => {
+  dispatch({
+    type: LiveChatWidgetActionType.SET_OUTSIDE_OPERATING_HOURS,
+    payload: true
+  });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+    payload: ConversationState.OutOfOffice
+  });
+  logWidgetLoadComplete(WidgetLoadTelemetryMessage.OOOHMessage);
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const handlePersistentChatConversationRetrievalFailure = ex => {
+  if (ex.httpResponseStatusCode === 400) {
+    logWidgetLoadFailed(ex);
+  } else {
+    logWidgetLoadCompleteWithError(ex);
+  }
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const handleConversationInitializationFailure = ex => {
+  if (ex.httpResponseStatusCode === 400) {
+    logWidgetLoadFailed(ex);
+  } else {
+    logWidgetLoadCompleteWithError(ex);
+  }
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const handleChatTokenRetrievalFailure = ex => {
+  if (ex.httpResponseStatusCode === 400) {
+    logWidgetLoadFailed(ex);
+  } else {
+    logWidgetLoadCompleteWithError(ex);
+  }
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const handleUninitializedChatSDK = ex => {
+  logWidgetLoadCompleteWithError(ex);
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const handleInvalidOrClosedConversation = (dispatch, chatSDK, props, ex) => {
+  var _DataStoreManager$cli;
+  logWidgetLoadCompleteWithError(ex);
+
+  // Reset all internal states
+  callingStateCleanUp(dispatch);
+  endChatStateCleanUp(dispatch);
+  closeChatStateCleanUp(dispatch);
+  chatSDKStateCleanUp(chatSDK);
+  (_DataStoreManager$cli = DataStoreManager.clientDataStore) === null || _DataStoreManager$cli === void 0 ? void 0 : _DataStoreManager$cli.removeData(getWidgetCacheIdfromProps(props));
+
+  // Starts new chat
+  dispatch({
+    type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+    payload: ConversationState.Closed
+  });
+};

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