@microsoft/omnichannel-chat-widget 1.8.5 → 1.8.6

package/lib/esm/components/notificationpanestateful/NotificationPaneStateful.js

@@ -29,7 +29,7 @@ export const NotificationPaneStateful = props => {
   const [state, dispatch] = useChatContextStore();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [adapter] = useChatAdapterStore();
-  const localConfirmationPaneState = useRef(state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.confirmationState);
+  const localConfirmationPaneState = useRef(state === null || state === void 0 || (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.confirmationState);
   const onCloseChatClick = async () => {
     TelemetryHelper.logActionEvent(LogLevel.INFO, {
       Event: TelemetryEvent.NotificationCloseChatButtonClicked,
@@ -49,8 +49,8 @@ export const NotificationPaneStateful = props => {
   };
   useEffect(() => {
     var _state$domainStates2;
-    localConfirmationPaneState.current = state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : _state$domainStates2.confirmationState;
-  }, [state === null || state === void 0 ? void 0 : (_state$domainStates3 = state.domainStates) === null || _state$domainStates3 === void 0 ? void 0 : _state$domainStates3.confirmationState]);
+    localConfirmationPaneState.current = state === null || state === void 0 || (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : _state$domainStates2.confirmationState;
+  }, [state === null || state === void 0 || (_state$domainStates3 = state.domainStates) === null || _state$domainStates3 === void 0 ? void 0 : _state$domainStates3.confirmationState]);
   const {
     useDismissNotification
   } = hooks;
@@ -65,77 +65,77 @@ export const NotificationPaneStateful = props => {
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const populateTitleInternalProps = notificationProps => {
-    var _notificationProps$co, _notificationProps$co2, _notificationProps$st, _notificationProps$st2, _notificationProps$st3, _defaultChatDisconnec;
+    var _notificationProps$co, _notificationProps$co2, _notificationProps$st, _notificationProps$st2, _defaultChatDisconnec;
     return {
       hideTitle: ((_notificationProps$co = notificationProps.controlProps) === null || _notificationProps$co === void 0 ? void 0 : _notificationProps$co.hideTitle) ?? defaultChatDisconnectControlProps.hideTitle,
       titleText: ((_notificationProps$co2 = notificationProps.controlProps) === null || _notificationProps$co2 === void 0 ? void 0 : _notificationProps$co2.titleText) ?? defaultChatDisconnectControlProps.titleText,
       titleStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.titleStyleProps, (_notificationProps$st = notificationProps.styleProps) === null || _notificationProps$st === void 0 ? void 0 : _notificationProps$st.titleStyleProps),
-      titleClassName: ((_notificationProps$st2 = notificationProps.styleProps) === null || _notificationProps$st2 === void 0 ? void 0 : (_notificationProps$st3 = _notificationProps$st2.classNames) === null || _notificationProps$st3 === void 0 ? void 0 : _notificationProps$st3.titleClassName) ?? ((_defaultChatDisconnec = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec === void 0 ? void 0 : _defaultChatDisconnec.titleClassName)
+      titleClassName: ((_notificationProps$st2 = notificationProps.styleProps) === null || _notificationProps$st2 === void 0 || (_notificationProps$st2 = _notificationProps$st2.classNames) === null || _notificationProps$st2 === void 0 ? void 0 : _notificationProps$st2.titleClassName) ?? ((_defaultChatDisconnec = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec === void 0 ? void 0 : _defaultChatDisconnec.titleClassName)
     };
   };
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const populateSubtitleInternalProps = notificationProps => {
-    var _notificationProps$co3, _notificationProps$co4, _notificationProps$st4, _notificationProps$st5, _notificationProps$st6, _defaultChatDisconnec2;
+    var _notificationProps$co3, _notificationProps$co4, _notificationProps$st3, _notificationProps$st4, _defaultChatDisconnec2;
     return {
       hideSubtitle: ((_notificationProps$co3 = notificationProps.controlProps) === null || _notificationProps$co3 === void 0 ? void 0 : _notificationProps$co3.hideSubtitle) ?? defaultChatDisconnectControlProps.hideSubtitle,
       subtitleText: ((_notificationProps$co4 = notificationProps.controlProps) === null || _notificationProps$co4 === void 0 ? void 0 : _notificationProps$co4.subtitleText) ?? defaultChatDisconnectControlProps.subtitleText,
-      subtitleStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.subtitleStyleProps, (_notificationProps$st4 = notificationProps.styleProps) === null || _notificationProps$st4 === void 0 ? void 0 : _notificationProps$st4.subtitleStyleProps),
-      subtitleClassName: ((_notificationProps$st5 = notificationProps.styleProps) === null || _notificationProps$st5 === void 0 ? void 0 : (_notificationProps$st6 = _notificationProps$st5.classNames) === null || _notificationProps$st6 === void 0 ? void 0 : _notificationProps$st6.subtitleClassName) ?? ((_defaultChatDisconnec2 = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec2 === void 0 ? void 0 : _defaultChatDisconnec2.subtitleClassName)
+      subtitleStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.subtitleStyleProps, (_notificationProps$st3 = notificationProps.styleProps) === null || _notificationProps$st3 === void 0 ? void 0 : _notificationProps$st3.subtitleStyleProps),
+      subtitleClassName: ((_notificationProps$st4 = notificationProps.styleProps) === null || _notificationProps$st4 === void 0 || (_notificationProps$st4 = _notificationProps$st4.classNames) === null || _notificationProps$st4 === void 0 ? void 0 : _notificationProps$st4.subtitleClassName) ?? ((_defaultChatDisconnec2 = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec2 === void 0 ? void 0 : _defaultChatDisconnec2.subtitleClassName)
     };
   };
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const populateHyperlinkInternalProps = notificationProps => {
-    var _notificationProps$co5, _notificationProps$co6, _notificationProps$co7, _notificationProps$co8, _notificationProps$st7, _notificationProps$st8, _notificationProps$st9, _notificationProps$st10, _defaultChatDisconnec3;
+    var _notificationProps$co5, _notificationProps$co6, _notificationProps$co7, _notificationProps$co8, _notificationProps$st5, _notificationProps$st6, _notificationProps$st7, _defaultChatDisconnec3;
     return {
       hideHyperlink: ((_notificationProps$co5 = notificationProps.controlProps) === null || _notificationProps$co5 === void 0 ? void 0 : _notificationProps$co5.hideHyperlink) ?? defaultChatDisconnectControlProps.hideHyperlink,
       hyperlinkText: ((_notificationProps$co6 = notificationProps.controlProps) === null || _notificationProps$co6 === void 0 ? void 0 : _notificationProps$co6.hyperlinkText) ?? defaultChatDisconnectControlProps.hyperlinkText,
       hyperlinkAriaLabel: ((_notificationProps$co7 = notificationProps.controlProps) === null || _notificationProps$co7 === void 0 ? void 0 : _notificationProps$co7.hyperlinkAriaLabel) ?? defaultChatDisconnectControlProps.hyperlinkAriaLabel,
       hyperlinkHref: ((_notificationProps$co8 = notificationProps.controlProps) === null || _notificationProps$co8 === void 0 ? void 0 : _notificationProps$co8.hyperlinkHref) ?? defaultChatDisconnectControlProps.hyperlinkHref,
-      hyperlinkStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.hyperlinkStyleProps, (_notificationProps$st7 = notificationProps.styleProps) === null || _notificationProps$st7 === void 0 ? void 0 : _notificationProps$st7.hyperlinkStyleProps),
-      hyperlinkHoverStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.hyperlinkHoverStyleProps, (_notificationProps$st8 = notificationProps.styleProps) === null || _notificationProps$st8 === void 0 ? void 0 : _notificationProps$st8.hyperlinkHoverStyleProps),
-      hyperlinkClassName: ((_notificationProps$st9 = notificationProps.styleProps) === null || _notificationProps$st9 === void 0 ? void 0 : (_notificationProps$st10 = _notificationProps$st9.classNames) === null || _notificationProps$st10 === void 0 ? void 0 : _notificationProps$st10.hyperlinkClassName) ?? ((_defaultChatDisconnec3 = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec3 === void 0 ? void 0 : _defaultChatDisconnec3.hyperlinkClassName)
+      hyperlinkStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.hyperlinkStyleProps, (_notificationProps$st5 = notificationProps.styleProps) === null || _notificationProps$st5 === void 0 ? void 0 : _notificationProps$st5.hyperlinkStyleProps),
+      hyperlinkHoverStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.hyperlinkHoverStyleProps, (_notificationProps$st6 = notificationProps.styleProps) === null || _notificationProps$st6 === void 0 ? void 0 : _notificationProps$st6.hyperlinkHoverStyleProps),
+      hyperlinkClassName: ((_notificationProps$st7 = notificationProps.styleProps) === null || _notificationProps$st7 === void 0 || (_notificationProps$st7 = _notificationProps$st7.classNames) === null || _notificationProps$st7 === void 0 ? void 0 : _notificationProps$st7.hyperlinkClassName) ?? ((_defaultChatDisconnec3 = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec3 === void 0 ? void 0 : _defaultChatDisconnec3.hyperlinkClassName)
     };
   };
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const populateNotificationIconInternalProps = notificationProps => {
-    var _notificationProps$co9, _notificationProps$co10, _notificationProps$st11, _notificationProps$st12, _notificationProps$st13, _defaultChatDisconnec4, _notificationProps$st14;
+    var _notificationProps$co9, _notificationProps$co0, _notificationProps$st8, _notificationProps$st9, _defaultChatDisconnec4, _notificationProps$st0;
     return {
       hideNotificationIcon: ((_notificationProps$co9 = notificationProps.controlProps) === null || _notificationProps$co9 === void 0 ? void 0 : _notificationProps$co9.hideIcon) ?? defaultChatDisconnectControlProps.hideIcon,
-      notificationIconProps: Object.assign({}, defaultChatDisconnectControlProps.notificationIconProps, (_notificationProps$co10 = notificationProps.controlProps) === null || _notificationProps$co10 === void 0 ? void 0 : _notificationProps$co10.notificationIconProps),
-      notificationIconStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.notificationIconStyleProps, (_notificationProps$st11 = notificationProps.styleProps) === null || _notificationProps$st11 === void 0 ? void 0 : _notificationProps$st11.notificationIconStyleProps),
-      notificationIconClassName: ((_notificationProps$st12 = notificationProps.styleProps) === null || _notificationProps$st12 === void 0 ? void 0 : (_notificationProps$st13 = _notificationProps$st12.classNames) === null || _notificationProps$st13 === void 0 ? void 0 : _notificationProps$st13.notificationIconClassName) ?? ((_defaultChatDisconnec4 = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec4 === void 0 ? void 0 : _defaultChatDisconnec4.notificationIconClassName),
-      notificationIconContainerStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.notificationIconContainerStyleProps, (_notificationProps$st14 = notificationProps.styleProps) === null || _notificationProps$st14 === void 0 ? void 0 : _notificationProps$st14.notificationIconContainerStyleProps)
+      notificationIconProps: Object.assign({}, defaultChatDisconnectControlProps.notificationIconProps, (_notificationProps$co0 = notificationProps.controlProps) === null || _notificationProps$co0 === void 0 ? void 0 : _notificationProps$co0.notificationIconProps),
+      notificationIconStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.notificationIconStyleProps, (_notificationProps$st8 = notificationProps.styleProps) === null || _notificationProps$st8 === void 0 ? void 0 : _notificationProps$st8.notificationIconStyleProps),
+      notificationIconClassName: ((_notificationProps$st9 = notificationProps.styleProps) === null || _notificationProps$st9 === void 0 || (_notificationProps$st9 = _notificationProps$st9.classNames) === null || _notificationProps$st9 === void 0 ? void 0 : _notificationProps$st9.notificationIconClassName) ?? ((_defaultChatDisconnec4 = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec4 === void 0 ? void 0 : _defaultChatDisconnec4.notificationIconClassName),
+      notificationIconContainerStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.notificationIconContainerStyleProps, (_notificationProps$st0 = notificationProps.styleProps) === null || _notificationProps$st0 === void 0 ? void 0 : _notificationProps$st0.notificationIconContainerStyleProps)
     };
   };
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const populateDismissButtonInternalProps = notificationProps => {
-    var _notificationProps$co11, _notificationProps$co12, _notificationProps$st15, _notificationProps$st16, _notificationProps$st17, _notificationProps$st18, _defaultChatDisconnec5;
+    var _notificationProps$co1, _notificationProps$co10, _notificationProps$st1, _notificationProps$st10, _notificationProps$st11, _defaultChatDisconnec5;
     return {
-      hideDismissButton: ((_notificationProps$co11 = notificationProps.controlProps) === null || _notificationProps$co11 === void 0 ? void 0 : _notificationProps$co11.hideDismissButton) ?? defaultChatDisconnectControlProps.hideDismissButton,
+      hideDismissButton: ((_notificationProps$co1 = notificationProps.controlProps) === null || _notificationProps$co1 === void 0 ? void 0 : _notificationProps$co1.hideDismissButton) ?? defaultChatDisconnectControlProps.hideDismissButton,
       dismissButtonProps: Object.assign({
         onClick: handleDismissNotification
-      }, defaultChatDisconnectControlProps.dismissButtonProps, (_notificationProps$co12 = notificationProps.controlProps) === null || _notificationProps$co12 === void 0 ? void 0 : _notificationProps$co12.dismissButtonProps),
-      dismissButtonStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.dismissButtonStyleProps, (_notificationProps$st15 = notificationProps.styleProps) === null || _notificationProps$st15 === void 0 ? void 0 : _notificationProps$st15.dismissButtonStyleProps),
-      dismissButtonHoverStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.dismissButtonHoverStyleProps, (_notificationProps$st16 = notificationProps.styleProps) === null || _notificationProps$st16 === void 0 ? void 0 : _notificationProps$st16.dismissButtonHoverStyleProps),
-      dismissButtonClassName: ((_notificationProps$st17 = notificationProps.styleProps) === null || _notificationProps$st17 === void 0 ? void 0 : (_notificationProps$st18 = _notificationProps$st17.classNames) === null || _notificationProps$st18 === void 0 ? void 0 : _notificationProps$st18.dismissButtonClassName) ?? ((_defaultChatDisconnec5 = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec5 === void 0 ? void 0 : _defaultChatDisconnec5.dismissButtonClassName)
+      }, defaultChatDisconnectControlProps.dismissButtonProps, (_notificationProps$co10 = notificationProps.controlProps) === null || _notificationProps$co10 === void 0 ? void 0 : _notificationProps$co10.dismissButtonProps),
+      dismissButtonStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.dismissButtonStyleProps, (_notificationProps$st1 = notificationProps.styleProps) === null || _notificationProps$st1 === void 0 ? void 0 : _notificationProps$st1.dismissButtonStyleProps),
+      dismissButtonHoverStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.dismissButtonHoverStyleProps, (_notificationProps$st10 = notificationProps.styleProps) === null || _notificationProps$st10 === void 0 ? void 0 : _notificationProps$st10.dismissButtonHoverStyleProps),
+      dismissButtonClassName: ((_notificationProps$st11 = notificationProps.styleProps) === null || _notificationProps$st11 === void 0 || (_notificationProps$st11 = _notificationProps$st11.classNames) === null || _notificationProps$st11 === void 0 ? void 0 : _notificationProps$st11.dismissButtonClassName) ?? ((_defaultChatDisconnec5 = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec5 === void 0 ? void 0 : _defaultChatDisconnec5.dismissButtonClassName)
     };
   };
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const populateCloseChatButtonInternalProps = notificationProps => {
-    var _notificationProps$co13, _notificationProps$co14, _notificationProps$st19, _notificationProps$st20, _notificationProps$st21, _notificationProps$st22, _defaultChatDisconnec6;
+    var _notificationProps$co11, _notificationProps$co12, _notificationProps$st12, _notificationProps$st13, _notificationProps$st14, _defaultChatDisconnec6;
     return {
-      hideCloseChatButton: ((_notificationProps$co13 = notificationProps.controlProps) === null || _notificationProps$co13 === void 0 ? void 0 : _notificationProps$co13.hideCloseChatButton) ?? defaultChatDisconnectControlProps.hideCloseChatButton,
+      hideCloseChatButton: ((_notificationProps$co11 = notificationProps.controlProps) === null || _notificationProps$co11 === void 0 ? void 0 : _notificationProps$co11.hideCloseChatButton) ?? defaultChatDisconnectControlProps.hideCloseChatButton,
       closeChatButtonProps: Object.assign({
         onClick: onCloseChatClick
-      }, defaultChatDisconnectControlProps.closeChatButtonProps, (_notificationProps$co14 = notificationProps.controlProps) === null || _notificationProps$co14 === void 0 ? void 0 : _notificationProps$co14.closeChatButtonProps),
-      closeChatButtonStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.closeChatButtonStyleProps, (_notificationProps$st19 = notificationProps.styleProps) === null || _notificationProps$st19 === void 0 ? void 0 : _notificationProps$st19.closeChatButtonStyleProps),
-      closeChatButtonHoverStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.closeChatButtonHoverStyleProps, (_notificationProps$st20 = notificationProps.styleProps) === null || _notificationProps$st20 === void 0 ? void 0 : _notificationProps$st20.closeChatButtonHoverStyleProps),
-      closeChatButtonClassName: ((_notificationProps$st21 = notificationProps.styleProps) === null || _notificationProps$st21 === void 0 ? void 0 : (_notificationProps$st22 = _notificationProps$st21.classNames) === null || _notificationProps$st22 === void 0 ? void 0 : _notificationProps$st22.closeChatButtonClassName) ?? ((_defaultChatDisconnec6 = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec6 === void 0 ? void 0 : _defaultChatDisconnec6.closeChatButtonClassName)
+      }, defaultChatDisconnectControlProps.closeChatButtonProps, (_notificationProps$co12 = notificationProps.controlProps) === null || _notificationProps$co12 === void 0 ? void 0 : _notificationProps$co12.closeChatButtonProps),
+      closeChatButtonStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.closeChatButtonStyleProps, (_notificationProps$st12 = notificationProps.styleProps) === null || _notificationProps$st12 === void 0 ? void 0 : _notificationProps$st12.closeChatButtonStyleProps),
+      closeChatButtonHoverStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.closeChatButtonHoverStyleProps, (_notificationProps$st13 = notificationProps.styleProps) === null || _notificationProps$st13 === void 0 ? void 0 : _notificationProps$st13.closeChatButtonHoverStyleProps),
+      closeChatButtonClassName: ((_notificationProps$st14 = notificationProps.styleProps) === null || _notificationProps$st14 === void 0 || (_notificationProps$st14 = _notificationProps$st14.classNames) === null || _notificationProps$st14 === void 0 ? void 0 : _notificationProps$st14.closeChatButtonClassName) ?? ((_defaultChatDisconnec6 = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec6 === void 0 ? void 0 : _defaultChatDisconnec6.closeChatButtonClassName)
     };
   };
   let genericPropsObj = {};
@@ -143,18 +143,18 @@ export const NotificationPaneStateful = props => {
   // Populate INotificationPaneInternal after merging customized props with default props
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const populateInternalProps = notificationProps => {
-    var _notificationProps$st23, _notificationProps$st24, _notificationProps$st25, _defaultChatDisconnec7, _notificationProps$st26, _notificationProps$st27;
+    var _notificationProps$st15, _notificationProps$st16, _defaultChatDisconnec7, _notificationProps$st17, _notificationProps$st18;
     if (!notificationProps) {
       notificationProps = {};
     }
     genericPropsObj = {
       id: notificationProps.id ?? NotificationPaneConstants.DefaultNotificationPaneId,
       dir: notificationProps.dir,
-      generalStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.generalStyleProps, (_notificationProps$st23 = notificationProps.styleProps) === null || _notificationProps$st23 === void 0 ? void 0 : _notificationProps$st23.generalStyleProps),
-      containerClassName: ((_notificationProps$st24 = notificationProps.styleProps) === null || _notificationProps$st24 === void 0 ? void 0 : (_notificationProps$st25 = _notificationProps$st24.classNames) === null || _notificationProps$st25 === void 0 ? void 0 : _notificationProps$st25.containerClassName) ?? ((_defaultChatDisconnec7 = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec7 === void 0 ? void 0 : _defaultChatDisconnec7.containerClassName),
+      generalStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.generalStyleProps, (_notificationProps$st15 = notificationProps.styleProps) === null || _notificationProps$st15 === void 0 ? void 0 : _notificationProps$st15.generalStyleProps),
+      containerClassName: ((_notificationProps$st16 = notificationProps.styleProps) === null || _notificationProps$st16 === void 0 || (_notificationProps$st16 = _notificationProps$st16.classNames) === null || _notificationProps$st16 === void 0 ? void 0 : _notificationProps$st16.containerClassName) ?? ((_defaultChatDisconnec7 = defaultChatDisconnectStyleProps.classNames) === null || _defaultChatDisconnec7 === void 0 ? void 0 : _defaultChatDisconnec7.containerClassName),
       componentOverrides: notificationProps.componentOverrides,
-      infoGroupStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.infoGroupStyleProps, (_notificationProps$st26 = notificationProps.styleProps) === null || _notificationProps$st26 === void 0 ? void 0 : _notificationProps$st26.infoGroupStyleProps),
-      buttonGroupStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.buttonGroupStyleProps, (_notificationProps$st27 = notificationProps.styleProps) === null || _notificationProps$st27 === void 0 ? void 0 : _notificationProps$st27.buttonGroupStyleProps),
+      infoGroupStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.infoGroupStyleProps, (_notificationProps$st17 = notificationProps.styleProps) === null || _notificationProps$st17 === void 0 ? void 0 : _notificationProps$st17.infoGroupStyleProps),
+      buttonGroupStyleProps: Object.assign({}, defaultChatDisconnectStyleProps.buttonGroupStyleProps, (_notificationProps$st18 = notificationProps.styleProps) === null || _notificationProps$st18 === void 0 ? void 0 : _notificationProps$st18.buttonGroupStyleProps),
       ...populateTitleInternalProps(notificationProps),
       ...populateSubtitleInternalProps(notificationProps),
       ...populateHyperlinkInternalProps(notificationProps),
@@ -169,7 +169,6 @@ export const NotificationPaneStateful = props => {
       break;
     // TODO additional scenarios to be added...
   }
-
   useEffect(() => {
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.UXNotificationPaneCompleted,

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

@@ -38,7 +38,7 @@ export const PostChatSurveyPaneStateful = props => {
     display: state.appStates.isMinimized ? "none" : "contents"
   });
   let surveyInviteLink = "";
-  const surveyMode = (state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.selectedSurveyMode) === PostChatSurveyMode.Embed;
+  const surveyMode = (state === null || state === void 0 || (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.selectedSurveyMode) === PostChatSurveyMode.Embed;
   if ((_state$domainStates$p = state.domainStates.postChatContext) !== null && _state$domainStates$p !== void 0 && _state$domainStates$p.botSurveyInviteLink &&
   // Bot survey enabled
   state.appStates.postChatParticipantType === ParticipantType.Bot) {

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

@@ -1,7 +1,7 @@
-export let CustomerVoiceEvents;
-(function (CustomerVoiceEvents) {
+export let CustomerVoiceEvents = /*#__PURE__*/function (CustomerVoiceEvents) {
   CustomerVoiceEvents["ResponsePageLoaded"] = "ResponsePageLoaded";
   CustomerVoiceEvents["FormResponseSubmitted"] = "FormResponseSubmitted";
   CustomerVoiceEvents["FormResponseError"] = "FormResponseError";
   CustomerVoiceEvents["FormsError"] = "FormsError";
-})(CustomerVoiceEvents || (CustomerVoiceEvents = {}));
+  return CustomerVoiceEvents;
+}({});

package/lib/esm/components/postchatsurveypanestateful/enums/PostChatSurveyMode.js

@@ -1,5 +1,5 @@
-export let PostChatSurveyMode;
-(function (PostChatSurveyMode) {
+export let PostChatSurveyMode = /*#__PURE__*/function (PostChatSurveyMode) {
   PostChatSurveyMode["Embed"] = "192350000";
   PostChatSurveyMode["Link"] = "192350001";
-})(PostChatSurveyMode || (PostChatSurveyMode = {}));
+  return PostChatSurveyMode;
+}({});

package/lib/esm/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.js

@@ -14,7 +14,7 @@ let uiTimer;
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const PreChatSurveyPaneStateful = props => {
-  var _surveyProps$stylePro, _props$surveyProps, _props$surveyProps$co;
+  var _surveyProps$stylePro, _props$surveyProps;
   useEffect(() => {
     uiTimer = createTimer();
     TelemetryHelper.logLoadingEventToAllTelemetry(LogLevel.INFO, {
@@ -33,7 +33,7 @@ export const PreChatSurveyPaneStateful = props => {
     surveyProps,
     initStartChat
   } = props;
-  const generalStyleProps = Object.assign({}, defaultGeneralPreChatSurveyPaneStyleProps, surveyProps === null || surveyProps === void 0 ? void 0 : (_surveyProps$stylePro = surveyProps.styleProps) === null || _surveyProps$stylePro === void 0 ? void 0 : _surveyProps$stylePro.generalStyleProps, {
+  const generalStyleProps = Object.assign({}, defaultGeneralPreChatSurveyPaneStyleProps, surveyProps === null || surveyProps === void 0 || (_surveyProps$stylePro = surveyProps.styleProps) === null || _surveyProps$stylePro === void 0 ? void 0 : _surveyProps$stylePro.generalStyleProps, {
     display: state.appStates.isMinimized ? "none" : ""
   });
 
@@ -63,7 +63,7 @@ export const PreChatSurveyPaneStateful = props => {
       });
     }
   };
-  const requiredFieldMissingMessage = ((_props$surveyProps = props.surveyProps) === null || _props$surveyProps === void 0 ? void 0 : (_props$surveyProps$co = _props$surveyProps.controlProps) === null || _props$surveyProps$co === void 0 ? void 0 : _props$surveyProps$co.requiredFieldMissingMessage) ?? defaultPreChatSurveyLocalizedTexts.PRECHAT_REQUIRED_FIELD_MISSING_MESSAGE;
+  const requiredFieldMissingMessage = ((_props$surveyProps = props.surveyProps) === null || _props$surveyProps === void 0 || (_props$surveyProps = _props$surveyProps.controlProps) === null || _props$surveyProps === void 0 ? void 0 : _props$surveyProps.requiredFieldMissingMessage) ?? defaultPreChatSurveyLocalizedTexts.PRECHAT_REQUIRED_FIELD_MISSING_MESSAGE;
   const controlProps = {
     id: "oc-lcw-prechatsurvey-pane",
     dir: state.domainStates.globalDir,
@@ -83,16 +83,16 @@ export const PreChatSurveyPaneStateful = props => {
         payload: ConversationState.Loading
       });
       try {
-        var _state$domainStates, _state$domainStates$t, _state$domainStates$t2, _persistedState$domai, _persistedState$appSt, _state$appStates;
-        const widgetInstanceId = getWidgetCacheId(((_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : (_state$domainStates$t = _state$domainStates.telemetryInternalData) === null || _state$domainStates$t === void 0 ? void 0 : _state$domainStates$t.orgId) ?? "", ((_state$domainStates$t2 = state.domainStates.telemetryInternalData) === null || _state$domainStates$t2 === void 0 ? void 0 : _state$domainStates$t2.widgetId) ?? "", state.domainStates.widgetInstanceId ?? "");
+        var _state$domainStates, _state$domainStates$t, _persistedState$domai, _persistedState$appSt, _state$appStates;
+        const widgetInstanceId = getWidgetCacheId(((_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 || (_state$domainStates = _state$domainStates.telemetryInternalData) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.orgId) ?? "", ((_state$domainStates$t = state.domainStates.telemetryInternalData) === null || _state$domainStates$t === void 0 ? void 0 : _state$domainStates$t.widgetId) ?? "", state.domainStates.widgetInstanceId ?? "");
         const persistedState = getStateFromCache(widgetInstanceId);
         let optionalParams = {};
 
         //Connect to Active chats and chat is not popout
-        if (persistedState && !isUndefinedOrEmpty(persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai = persistedState.domainStates) === null || _persistedState$domai === void 0 ? void 0 : _persistedState$domai.liveChatContext) && (persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$appSt = persistedState.appStates) === null || _persistedState$appSt === void 0 ? void 0 : _persistedState$appSt.conversationState) === ConversationState.Active && (state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.hideStartChatButton) === false) {
+        if (persistedState && !isUndefinedOrEmpty(persistedState === null || persistedState === void 0 || (_persistedState$domai = persistedState.domainStates) === null || _persistedState$domai === void 0 ? void 0 : _persistedState$domai.liveChatContext) && (persistedState === null || persistedState === void 0 || (_persistedState$appSt = persistedState.appStates) === null || _persistedState$appSt === void 0 ? void 0 : _persistedState$appSt.conversationState) === ConversationState.Active && (state === null || state === void 0 || (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.hideStartChatButton) === false) {
           var _persistedState$domai2;
           optionalParams = {
-            liveChatContext: persistedState === null || persistedState === void 0 ? void 0 : (_persistedState$domai2 = persistedState.domainStates) === null || _persistedState$domai2 === void 0 ? void 0 : _persistedState$domai2.liveChatContext
+            liveChatContext: persistedState === null || persistedState === void 0 || (_persistedState$domai2 = persistedState.domainStates) === null || _persistedState$domai2 === void 0 ? void 0 : _persistedState$domai2.liveChatContext
           };
           await initStartChat(optionalParams, persistedState);
         } else {

package/lib/esm/components/proactivechatpanestateful/ProactiveChatPaneStateful.js

@@ -54,19 +54,19 @@ export const ProactiveChatPaneStateful = props => {
     id: "oc-lcw-proactivechat",
     dir: state.domainStates.globalDir,
     onStart: async () => {
-      var _state$domainStates$l, _state$domainStates$l2;
+      var _state$domainStates$l;
       setTimeoutRemoved(true);
       TelemetryHelper.logActionEvent(LogLevel.INFO, {
         Event: TelemetryEvent.ProactiveChatAccepted,
         Description: "Proactive chat accepted."
       });
       if (state.appStates.proactiveChatStates.proactiveChatInNewWindow) {
-        var _state$appStates, _state$appStates$proa;
+        var _state$appStates;
         // TODO: BroadcastService: replace with the sdk broadcast service, when in place
         const startPopoutChatEvent = {
           eventName: BroadcastEvent.ProactiveChatStartPopoutChat,
           payload: {
-            enablePrechat: (state === null || state === void 0 ? void 0 : (_state$appStates = state.appStates) === null || _state$appStates === void 0 ? void 0 : (_state$appStates$proa = _state$appStates.proactiveChatStates) === null || _state$appStates$proa === void 0 ? void 0 : _state$appStates$proa.proactiveChatEnablePrechat) === true
+            enablePrechat: (state === null || state === void 0 || (_state$appStates = state.appStates) === null || _state$appStates === void 0 || (_state$appStates = _state$appStates.proactiveChatStates) === null || _state$appStates === void 0 ? void 0 : _state$appStates.proactiveChatEnablePrechat) === true
           }
         };
         BroadcastService.postMessage(startPopoutChatEvent);
@@ -74,7 +74,7 @@ export const ProactiveChatPaneStateful = props => {
           type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
           payload: ConversationState.Closed
         });
-      } else if (((_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.OutOfOperatingHours) === "True") {
+      } else if (((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 || (_state$domainStates$l = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l === void 0 ? void 0 : _state$domainStates$l.OutOfOperatingHours) === "True") {
         dispatch({
           type: LiveChatWidgetActionType.SET_OUTSIDE_OPERATING_HOURS,
           payload: true
@@ -111,7 +111,7 @@ export const ProactiveChatPaneStateful = props => {
       });
     },
     ...(proactiveChatProps === null || proactiveChatProps === void 0 ? void 0 : proactiveChatProps.controlProps),
-    bodyTitleText: state.appStates.proactiveChatStates.proactiveChatBodyTitle ? state.appStates.proactiveChatStates.proactiveChatBodyTitle : proactiveChatProps === null || proactiveChatProps === void 0 ? void 0 : (_proactiveChatProps$c = proactiveChatProps.controlProps) === null || _proactiveChatProps$c === void 0 ? void 0 : _proactiveChatProps$c.bodyTitleText
+    bodyTitleText: state.appStates.proactiveChatStates.proactiveChatBodyTitle ? state.appStates.proactiveChatStates.proactiveChatBodyTitle : proactiveChatProps === null || proactiveChatProps === void 0 || (_proactiveChatProps$c = proactiveChatProps.controlProps) === null || _proactiveChatProps$c === void 0 ? void 0 : _proactiveChatProps$c.bodyTitleText
   };
   useEffect(() => {
     TelemetryTimers.ProactiveChatScreenTimer = createTimer();

package/lib/esm/components/reconnectchatpanestateful/ReconnectChatPaneStateful.js

@@ -43,7 +43,7 @@ export const ReconnectChatPaneStateful = props => {
       });
       if (state !== null && state !== void 0 && (_state$domainStates = state.domainStates) !== null && _state$domainStates !== void 0 && _state$domainStates.initialChatSdkRequestId) {
         var _state$domainStates2;
-        chatSDK.requestId = state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : _state$domainStates2.initialChatSdkRequestId;
+        chatSDK.requestId = state === null || state === void 0 || (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : _state$domainStates2.initialChatSdkRequestId;
       }
       const parseToJson = false;
       const preChatSurveyResponse = await chatSDK.getPreChatSurvey(parseToJson);

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

@@ -13,7 +13,7 @@ import { defaultStartChatErrorPaneTitleStyleProps } from "./common/defaultStartC
 import useChatContextStore from "../../hooks/useChatContextStore";
 let uiTimer;
 export const StartChatErrorPaneStateful = startChatErrorPaneProps => {
-  var _startChatErrorPanePr, _startChatErrorPanePr2, _startChatErrorPanePr3, _startChatErrorPanePr4, _startChatErrorPanePr5, _startChatErrorPanePr6, _startChatErrorPanePr7, _startChatErrorPanePr8, _startChatErrorPanePr9, _startChatErrorPanePr10, _startChatErrorPanePr11;
+  var _startChatErrorPanePr, _startChatErrorPanePr2, _startChatErrorPanePr3, _startChatErrorPanePr4, _startChatErrorPanePr5, _startChatErrorPanePr6, _startChatErrorPanePr7, _startChatErrorPanePr8, _startChatErrorPanePr9, _startChatErrorPanePr0, _startChatErrorPanePr1;
   useEffect(() => {
     uiTimer = createTimer();
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
@@ -21,11 +21,11 @@ export const StartChatErrorPaneStateful = startChatErrorPaneProps => {
     });
   }, []);
   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 generalStyleProps = Object.assign({}, defaultStartChatErrorPaneGeneralStyleProps, startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 || (_startChatErrorPanePr = startChatErrorPaneProps.styleProps) === null || _startChatErrorPanePr === void 0 ? void 0 : _startChatErrorPanePr.generalStyleProps);
+  const titleStyleProps = Object.assign({}, defaultStartChatErrorPaneTitleStyleProps, startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 || (_startChatErrorPanePr2 = startChatErrorPaneProps.styleProps) === null || _startChatErrorPanePr2 === void 0 ? void 0 : _startChatErrorPanePr2.titleStyleProps);
+  const subtitleStyleProps = Object.assign({}, defaultStartChatErrorPaneSubtitleStyleProps, startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 || (_startChatErrorPanePr3 = startChatErrorPaneProps.styleProps) === null || _startChatErrorPanePr3 === void 0 ? void 0 : _startChatErrorPanePr3.subtitleStyleProps);
+  const iconStyleProps = Object.assign({}, defaultStartChatErrorPaneIconStyleProps, startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 || (_startChatErrorPanePr4 = startChatErrorPaneProps.styleProps) === null || _startChatErrorPanePr4 === void 0 ? void 0 : _startChatErrorPanePr4.iconStyleProps);
+  const iconImageProps = Object.assign({}, defaultStartChatErrorPaneIconImageStyleProps, startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 || (_startChatErrorPanePr5 = startChatErrorPaneProps.styleProps) === null || _startChatErrorPanePr5 === void 0 ? void 0 : _startChatErrorPanePr5.iconImageProps);
   const errorUIStyleProps = {
     generalStyleProps: generalStyleProps,
     titleStyleProps: titleStyleProps,
@@ -37,16 +37,16 @@ export const StartChatErrorPaneStateful = startChatErrorPaneProps => {
   let errorPaneSubtitleText;
   switch (state.domainStates.startChatFailureType) {
     case StartChatFailureType.Unauthorized:
-      errorPaneTitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr6 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr6 === void 0 ? void 0 : _startChatErrorPanePr6.unauthorizedTitleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorUnauthorizedTitleText;
-      errorPaneSubtitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr7 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr7 === void 0 ? void 0 : _startChatErrorPanePr7.unauthorizedSubtitleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorUnauthorizedSubtitleText;
+      errorPaneTitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 || (_startChatErrorPanePr6 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr6 === void 0 ? void 0 : _startChatErrorPanePr6.unauthorizedTitleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorUnauthorizedTitleText;
+      errorPaneSubtitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 || (_startChatErrorPanePr7 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr7 === void 0 ? void 0 : _startChatErrorPanePr7.unauthorizedSubtitleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorUnauthorizedSubtitleText;
       break;
     case StartChatFailureType.AuthSetupError:
-      errorPaneTitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr8 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr8 === void 0 ? void 0 : _startChatErrorPanePr8.authSetupErrorTitleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorAuthSetupErrorTitleText;
-      errorPaneSubtitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr9 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr9 === void 0 ? void 0 : _startChatErrorPanePr9.authSetupErrorSubtitleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorAuthSetupErrorSubtitleText;
+      errorPaneTitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 || (_startChatErrorPanePr8 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr8 === void 0 ? void 0 : _startChatErrorPanePr8.authSetupErrorTitleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorAuthSetupErrorTitleText;
+      errorPaneSubtitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 || (_startChatErrorPanePr9 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr9 === void 0 ? void 0 : _startChatErrorPanePr9.authSetupErrorSubtitleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorAuthSetupErrorSubtitleText;
       break;
     default:
-      errorPaneTitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr10 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr10 === void 0 ? void 0 : _startChatErrorPanePr10.titleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorTitleText;
-      errorPaneSubtitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 ? void 0 : (_startChatErrorPanePr11 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr11 === void 0 ? void 0 : _startChatErrorPanePr11.subtitleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorSubtitleText;
+      errorPaneTitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 || (_startChatErrorPanePr0 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr0 === void 0 ? void 0 : _startChatErrorPanePr0.titleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorTitleText;
+      errorPaneSubtitleText = (startChatErrorPaneProps === null || startChatErrorPaneProps === void 0 || (_startChatErrorPanePr1 = startChatErrorPaneProps.controlProps) === null || _startChatErrorPanePr1 === void 0 ? void 0 : _startChatErrorPanePr1.subtitleText) ?? StartChatErrorPaneConstants.DefaultStartChatErrorSubtitleText;
   }
   const errorUIControlProps = {
     id: StartChatErrorPaneConstants.DefaultStartChatErrorPaneId,