@microsoft/omnichannel-chat-components 1.0.8-main.8ab6082 → 1.0.9-main.3e45b7c

package/lib/cjs/common/Constants.js

@@ -60,9 +60,9 @@ const ButtonTypes = (_class4 = class ButtonTypes {}, _defineProperty(_class4, "I
 exports.ButtonTypes = ButtonTypes;
 const IconNames = (_class5 = class IconNames {}, _defineProperty(_class5, "DeclineCall", "DeclineCall"), _defineProperty(_class5, "Microphone", "Microphone"), _defineProperty(_class5, "MicOff2", "MicOff2"), _defineProperty(_class5, "Video", "Video"), _defineProperty(_class5, "VideoOff", "VideoOff"), _defineProperty(_class5, "IncomingCall", "IncomingCall"), _defineProperty(_class5, "ChromeClose", "ChromeClose"), _defineProperty(_class5, "Download", "Download"), _defineProperty(_class5, "Mail", "Mail"), _defineProperty(_class5, "Volume3", "Volume3"), _defineProperty(_class5, "Volume0", "Volume0"), _defineProperty(_class5, "ChromeMinimize", "ChromeMinimize"), _class5);
 exports.IconNames = IconNames;
-const AriaLabels = (_class6 = class AriaLabels {}, _defineProperty(_class6, "EndCall", "End Call"), _defineProperty(_class6, "MicMute", "Mute"), _defineProperty(_class6, "MicUnmute", "Unmute"), _defineProperty(_class6, "VideoTurnCameraOn", "Turn camera on"), _defineProperty(_class6, "VideoTurnCameraOff", "Turn camera off"), _defineProperty(_class6, "IncomingCallArea", "Incoming call area"), _defineProperty(_class6, "RejectCall", "Reject call"), _defineProperty(_class6, "AcceptVoiceCall", "Accept voice call"), _defineProperty(_class6, "AcceptVideoCall", "Accept video Call"), _defineProperty(_class6, "DeclineCall", "Decline Call"), _defineProperty(_class6, "AudioCall", "Audio Call"), _defineProperty(_class6, "VideoCall", "Video Call"), _defineProperty(_class6, "LetsChatWeAreOnline", "Let's chat we are online"), _defineProperty(_class6, "UnreadMessageString", "you have new messages"), _defineProperty(_class6, "Close", "Close"), _defineProperty(_class6, "ConfirmationPaneConfirm", "Close Chat"), _defineProperty(_class6, "ConfirmationPaneCancel", "Cancel. Return to Chat"), _defineProperty(_class6, "DownloadChatTranscript", "Download chat transcript"), _defineProperty(_class6, "EmailTranscript", "Email Transcript"), _defineProperty(_class6, "TurnSoundOff", "Turn sound off"), _defineProperty(_class6, "TurnSoundOn", "Turn sound on"), _defineProperty(_class6, "Minimize", "Minimize"), _defineProperty(_class6, "EmailChatTranscriptPane", "Email Chat Transcript Pane"), _defineProperty(_class6, "InputValidationPaneInput", "Email this chat transcript. This will be sent after your chat ends. Email address text area"), _defineProperty(_class6, "Send", "Send"), _defineProperty(_class6, "Cancel", "Cancel"), _defineProperty(_class6, "ProactiveChatPane", "Proactive Chat Pane"), _defineProperty(_class6, "ChatNow", "Chat Now"), _defineProperty(_class6, "ReconnectChatPane", "Reconnect Chat Pane"), _defineProperty(_class6, "ReconnectChatPaneIcon", "Reconnect Chat Pane Icon"), _defineProperty(_class6, "ContinueConversation", "Continue conversation"), _defineProperty(_class6, "StartNewConversation", "Start new conversation"), _class6);
+const AriaLabels = (_class6 = class AriaLabels {}, _defineProperty(_class6, "EndCall", "End Call"), _defineProperty(_class6, "MicMute", "Mute"), _defineProperty(_class6, "MicUnmute", "Unmute"), _defineProperty(_class6, "VideoTurnCameraOn", "Turn camera on"), _defineProperty(_class6, "VideoTurnCameraOff", "Turn camera off"), _defineProperty(_class6, "IncomingCallArea", "Incoming call area"), _defineProperty(_class6, "RejectCall", "Reject call"), _defineProperty(_class6, "AcceptVoiceCall", "Accept voice call"), _defineProperty(_class6, "AcceptVideoCall", "Accept video Call"), _defineProperty(_class6, "DeclineCall", "Decline Call"), _defineProperty(_class6, "AudioCall", "Audio Call"), _defineProperty(_class6, "VideoCall", "Video Call"), _defineProperty(_class6, "LetsChatWeAreOnline", "Let's chat we are online"), _defineProperty(_class6, "UnreadMessageString", "you have new messages"), _defineProperty(_class6, "Close", "Close"), _defineProperty(_class6, "ConfirmationPaneConfirm", "Close Chat"), _defineProperty(_class6, "ConfirmationPaneCancel", "Cancel. Return to Chat"), _defineProperty(_class6, "DownloadChatTranscript", "Download chat transcript"), _defineProperty(_class6, "EmailTranscript", "Email Transcript"), _defineProperty(_class6, "TurnSoundOff", "Turn sound off"), _defineProperty(_class6, "TurnSoundOn", "Turn sound on"), _defineProperty(_class6, "Minimize", "Minimize"), _defineProperty(_class6, "EmailChatTranscriptPane", "Email Chat Transcript Pane"), _defineProperty(_class6, "InputValidationPaneInput", "Please provide e-mail address to send transcript. The transcript will be sent after the chat ends. Email address text area"), _defineProperty(_class6, "Save", "Save"), _defineProperty(_class6, "Cancel", "Cancel"), _defineProperty(_class6, "ProactiveChatPane", "Proactive Chat Pane"), _defineProperty(_class6, "ChatNow", "Chat Now"), _defineProperty(_class6, "ReconnectChatPane", "Reconnect Chat Pane"), _defineProperty(_class6, "ReconnectChatPaneIcon", "Reconnect Chat Pane Icon"), _defineProperty(_class6, "ContinueConversation", "Continue conversation"), _defineProperty(_class6, "StartNewConversation", "Start new conversation"), _class6);
 exports.AriaLabels = AriaLabels;
 const EventNames = (_class7 = class EventNames {}, _defineProperty(_class7, "OnClick", "OnClick"), _defineProperty(_class7, "OnEscapeKeyDown", "OnEscapeKeyDown"), _defineProperty(_class7, "IncomingCallEnded", "IncomingCallEnded"), _class7);
 exports.EventNames = EventNames;
-const Texts = (_class8 = class Texts {}, _defineProperty(_class8, "IncomingCallTitle", "Incoming Call"), _defineProperty(_class8, "ChatButtonTitle", "Let's Chat!"), _defineProperty(_class8, "ChatButtonSubtitle", "We're online."), _defineProperty(_class8, "ChatButtonUnreadMessageString", "new messages"), _defineProperty(_class8, "ChatButtonLargeUnreadMessageString", "99+"), _defineProperty(_class8, "CloseButtonText", "Close"), _defineProperty(_class8, "ConfirmationPaneTitle", "Close chat"), _defineProperty(_class8, "ConfirmationPaneSubtitle", "Do you really want to close this chat?"), _defineProperty(_class8, "ConfirmButtonText", "Close"), _defineProperty(_class8, "EmailPlaceHolderText", "johnsmith@outlook.com"), _defineProperty(_class8, "CancelButtonText", "Cancel"), _defineProperty(_class8, "DownloadChatTranscriptText", "Download chat transcript"), _defineProperty(_class8, "EmailTranscriptText", "Email Transcript"), _defineProperty(_class8, "HeaderIcon", "Chat Icon"), _defineProperty(_class8, "HeaderTitle", "Let's Chat"), _defineProperty(_class8, "MinimizeText", "Minimize"), _defineProperty(_class8, "InputValidationPaneTitleText", "Email this chat transcript"), _defineProperty(_class8, "InputValidationPaneSubtitleText", "This will be sent after your chat ends."), _defineProperty(_class8, "InvalidInputErrorMessageText", "Enter a valid email address."), _defineProperty(_class8, "SendButtonText", "Send"), _defineProperty(_class8, "LoadingPaneTitleText", "Welcome to"), _defineProperty(_class8, "LoadingPaneSubtitleText", "live chat support ..."), _defineProperty(_class8, "LoadingPaneSpinnerText", "Loading ..."), _defineProperty(_class8, "OOOHPaneTitleText", "Thanks for contacting us. You have reached us outside of our operating hours. An agent will respond when we open."), _defineProperty(_class8, "PostChatSurveyPaneTitleText", "Post chat survey pane"), _defineProperty(_class8, "ProactiveChatPaneTitleText", "Welcome to"), _defineProperty(_class8, "ProactiveChatPaneSubtitleText", "Live chat support!"), _defineProperty(_class8, "ProactiveChatPaneBodyTitleText", "Hi! Have any questions? I am here to help."), _defineProperty(_class8, "ProactiveChatPaneStartButtonText", "Chat Now"), _defineProperty(_class8, "ReconnectChatPaneTitleText", "Previous session detected"), _defineProperty(_class8, "ReconnectChatPaneSubtitleText", "We have detected a previous chat session. Would you like to continue with your previous session?"), _defineProperty(_class8, "ReconnectChatPaneContinueChatButtonText", "Continue conversation"), _defineProperty(_class8, "ReconnectChatPaneStartNewChatButtonText", "Start new conversation"), _class8);
+const Texts = (_class8 = class Texts {}, _defineProperty(_class8, "IncomingCallTitle", "Incoming Call"), _defineProperty(_class8, "ChatButtonTitle", "Let's Chat!"), _defineProperty(_class8, "ChatButtonSubtitle", "We're online."), _defineProperty(_class8, "ChatButtonUnreadMessageString", "new messages"), _defineProperty(_class8, "ChatButtonLargeUnreadMessageString", "99+"), _defineProperty(_class8, "CloseButtonText", "Close"), _defineProperty(_class8, "ConfirmationPaneTitle", "Close chat"), _defineProperty(_class8, "ConfirmationPaneSubtitle", "Do you really want to close this chat?"), _defineProperty(_class8, "ConfirmButtonText", "Close"), _defineProperty(_class8, "EmailPlaceHolderText", "johnsmith@outlook.com"), _defineProperty(_class8, "CancelButtonText", "Cancel"), _defineProperty(_class8, "DownloadChatTranscriptText", "Download chat transcript"), _defineProperty(_class8, "EmailTranscriptText", "Email Transcript"), _defineProperty(_class8, "HeaderIcon", "Chat Icon"), _defineProperty(_class8, "HeaderTitle", "Let's Chat"), _defineProperty(_class8, "MinimizeText", "Minimize"), _defineProperty(_class8, "InputValidationPaneTitleText", "Please provide e-mail address to send transcript."), _defineProperty(_class8, "InputValidationPaneSubtitleText", "The transcript will be sent after the chat ends."), _defineProperty(_class8, "InvalidInputErrorMessageText", "Enter a valid email address."), _defineProperty(_class8, "SendButtonText", "Send"), _defineProperty(_class8, "SaveButtonText", "Save"), _defineProperty(_class8, "LoadingPaneTitleText", "Welcome to"), _defineProperty(_class8, "LoadingPaneSubtitleText", "live chat support ..."), _defineProperty(_class8, "LoadingPaneSpinnerText", "Loading ..."), _defineProperty(_class8, "OOOHPaneTitleText", "Thanks for contacting us. You have reached us outside of our operating hours. An agent will respond when we open."), _defineProperty(_class8, "PostChatSurveyPaneTitleText", "Post chat survey pane"), _defineProperty(_class8, "ProactiveChatPaneTitleText", "Welcome to"), _defineProperty(_class8, "ProactiveChatPaneSubtitleText", "Live chat support!"), _defineProperty(_class8, "ProactiveChatPaneBodyTitleText", "Hi! Have any questions? I am here to help."), _defineProperty(_class8, "ProactiveChatPaneStartButtonText", "Chat Now"), _defineProperty(_class8, "ReconnectChatPaneTitleText", "Previous session detected"), _defineProperty(_class8, "ReconnectChatPaneSubtitleText", "We have detected a previous chat session. Would you like to continue with your previous session?"), _defineProperty(_class8, "ReconnectChatPaneContinueChatButtonText", "Continue conversation"), _defineProperty(_class8, "ReconnectChatPaneStartNewChatButtonText", "Start new conversation"), _class8);
 exports.Texts = Texts;

package/lib/cjs/components/common/commandbutton/CommandButton.js

@@ -79,11 +79,11 @@ function CommandButton(props) {
     disabled: props.disabled,
     className: props.className,
     styles: buttonStyles,
-    title: props.hideButtonTitle ? undefined : props.ariaLabel
+    title: props.ariaLabel
   }), props.type === _Constants.ButtonTypes.Icon && /*#__PURE__*/_react2.default.createElement(_react.IconButton, {
     id: props.id,
     iconProps: iconProp,
-    title: props.hideButtonTitle ? undefined : props.ariaLabel,
+    title: props.ariaLabel,
     ariaLabel: props.ariaLabel,
     disabled: props.disabled,
     styles: buttonStyles,

package/lib/cjs/components/common/subcomponents/CloseButton.js

@@ -34,8 +34,7 @@ function CloseButton(props) {
     onClick: props.onClick,
     ariaLabel: props.ariaLabel ?? _Constants.AriaLabels.Close,
     className: props.className,
-    customEvent: customEvent,
-    hideButtonTitle: props.hideButtonTitle
+    customEvent: customEvent
   });
 }
 

package/lib/cjs/components/footer/common/defaultProps/customFooterControlProps.js

@@ -38,8 +38,7 @@ const customFooterControlProps = {
     imageIconProps: {
       src: _Icons.TranscriptDownloadIconBase64
     },
-    ariaLabel: _Constants.AriaLabels.DownloadChatTranscript,
-    hideButtonTitle: true
+    ariaLabel: _Constants.AriaLabels.DownloadChatTranscript
   },
   emailTranscriptButtonProps: {
     id: _Constants.Ids.EmailTranscriptButtonId,
@@ -47,8 +46,7 @@ const customFooterControlProps = {
     imageIconProps: {
       src: _Icons.TranscriptEmailIconBase64
     },
-    ariaLabel: _Constants.AriaLabels.EmailTranscript,
-    hideButtonTitle: true
+    ariaLabel: _Constants.AriaLabels.EmailTranscript
   },
   audioNotificationButtonProps: {
     id: _Constants.Ids.AudioNotificationButtonId,
@@ -59,8 +57,7 @@ const customFooterControlProps = {
     },
     imageToggleIconProps: {
       src: _Icons.AudioNotificationOffIconBase64
-    },
-    hideButtonTitle: true
+    }
   }
 };
 exports.customFooterControlProps = customFooterControlProps;

package/lib/cjs/components/footer/common/defaultProps/defaultFooterControlProps.js

@@ -34,15 +34,13 @@ const defaultFooterControlProps = {
     id: _Constants.Ids.DownloadTranscriptButtonId,
     type: _Constants.ButtonTypes.Icon,
     iconName: _Constants.IconNames.Download,
-    ariaLabel: _Constants.AriaLabels.DownloadChatTranscript,
-    hideButtonTitle: true
+    ariaLabel: _Constants.AriaLabels.DownloadChatTranscript
   },
   emailTranscriptButtonProps: {
     id: _Constants.Ids.EmailTranscriptButtonId,
     type: _Constants.ButtonTypes.Icon,
     iconName: _Constants.IconNames.Mail,
-    ariaLabel: _Constants.AriaLabels.EmailTranscript,
-    hideButtonTitle: true
+    ariaLabel: _Constants.AriaLabels.EmailTranscript
   },
   audioNotificationButtonProps: {
     id: _Constants.Ids.AudioNotificationButtonId,
@@ -50,8 +48,7 @@ const defaultFooterControlProps = {
     ariaLabel: _Constants.AriaLabels.TurnSoundOff,
     toggleAriaLabel: _Constants.AriaLabels.TurnSoundOn,
     iconName: _Constants.IconNames.Volume3,
-    toggleIconName: _Constants.IconNames.Volume0,
-    hideButtonTitle: true
+    toggleIconName: _Constants.IconNames.Volume0
   }
 };
 exports.defaultFooterControlProps = defaultFooterControlProps;

package/lib/cjs/components/footer/subcomponents/AudioNotificationButton.js

@@ -88,7 +88,7 @@ function AudioNotificationButton(props) {
     disabled: disabled,
     styles: iconButtonStyles,
     className: props.className,
-    title: undefined,
+    title: muted ? props.toggleAriaLabel ?? _Constants.AriaLabels.TurnSoundOn : props.ariaLabel ?? _Constants.AriaLabels.TurnSoundOff,
     ariaLabel: muted ? props.toggleAriaLabel ?? _Constants.AriaLabels.TurnSoundOn : props.ariaLabel ?? _Constants.AriaLabels.TurnSoundOff
   });
 }

package/lib/cjs/components/footer/subcomponents/DownloadTranscriptButton.js

@@ -33,8 +33,7 @@ function DownloadTranscriptButton(props) {
     onClick: props.onClick,
     ariaLabel: props.ariaLabel ?? _Constants.AriaLabels.DownloadChatTranscript,
     className: props.className,
-    customEvent: customEvent,
-    hideButtonTitle: props.hideButtonTitle
+    customEvent: customEvent
   });
 }
 

package/lib/cjs/components/footer/subcomponents/EmailTranscriptButton.js

@@ -33,8 +33,7 @@ function EmailTranscriptButton(props) {
     onClick: props.onClick,
     ariaLabel: props.ariaLabel ?? _Constants.AriaLabels.EmailTranscript,
     className: props.className,
-    customEvent: customEvent,
-    hideButtonTitle: props.hideButtonTitle
+    customEvent: customEvent
   });
 }
 

package/lib/cjs/components/header/common/defaultProps/customHeaderControlProps.js

@@ -41,8 +41,7 @@ const customHeaderControlProps = {
           width: "16px"
         }
       }
-    },
-    hideButtonTitle: true
+    }
   },
   closeButtonProps: {
     id: "oc-lcw-header-closebutton",
@@ -55,8 +54,7 @@ const customHeaderControlProps = {
           width: "16px"
         }
       }
-    },
-    hideButtonTitle: true
+    }
   },
   headerIconProps: {
     id: _Constants.Ids.HeaderIconId,

package/lib/cjs/components/header/common/defaultProps/defaultHeaderControlProps.js

@@ -33,14 +33,12 @@ const defaultHeaderControlProps = {
   minimizeButtonProps: {
     id: _Constants.Ids.MinimizeButtonId,
     type: _Constants.ButtonTypes.Icon,
-    iconName: _Constants.IconNames.ChromeMinimize,
-    hideButtonTitle: true
+    iconName: _Constants.IconNames.ChromeMinimize
   },
   closeButtonProps: {
     id: _Constants.Ids.CloseButtonId,
     type: _Constants.ButtonTypes.Icon,
-    iconName: _Constants.IconNames.ChromeClose,
-    hideButtonTitle: true
+    iconName: _Constants.IconNames.ChromeClose
   },
   headerIconProps: {
     id: _Constants.Ids.HeaderIconId,

package/lib/cjs/components/header/subcomponents/MinimizeButton.js

@@ -34,8 +34,7 @@ function MinimizeButton(props) {
     onClick: props.onClick,
     ariaLabel: props.ariaLabel ?? _Constants.AriaLabels.Minimize,
     className: props.className,
-    customEvent: customEvent,
-    hideButtonTitle: props.hideButtonTitle
+    customEvent: customEvent
   });
 }
 

package/lib/cjs/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneControlProps.js

@@ -26,8 +26,8 @@ const defaultInputValidationPaneControlProps = {
   isButtonGroupHorizontal: true,
   hideSendButton: false,
   enableSendButton: false,
-  sendButtonText: _Constants.Texts.SendButtonText,
-  sendButtonAriaLabel: _Constants.AriaLabels.Send,
+  sendButtonText: _Constants.Texts.SaveButtonText,
+  sendButtonAriaLabel: _Constants.AriaLabels.Save,
   hideCancelButton: false,
   cancelButtonText: _Constants.Texts.CancelButtonText,
   cancelButtonAriaLabel: _Constants.AriaLabels.Cancel,

package/lib/cjs/components/inputvalidationpane/common/presetTwo/presetTwoProps/presetTwoInputValidationPaneControlProps.js

@@ -26,7 +26,6 @@ const presetTwoInputValidationPaneControlProps = {
   hideSendButton: false,
   enableSendButton: true,
   sendButtonText: _Constants.Texts.SendButtonText,
-  sendButtonAriaLabel: _Constants.AriaLabels.Send,
   hideCancelButton: false,
   cancelButtonText: _Constants.Texts.CancelButtonText,
   cancelButtonAriaLabel: _Constants.AriaLabels.Cancel,

package/lib/esm/common/Constants.js

@@ -45,6 +45,6 @@ export let ElementType;
 export const Ids = (_class3 = class Ids {}, _defineProperty(_class3, "DefaultCallingContainerId", "lcw-calling-container"), _defineProperty(_class3, "DefaultCurrentCallId", "lcw-current-call-container"), _defineProperty(_class3, "CurrentCallActionGroupId", "lcw-current-call-action-icons"), _defineProperty(_class3, "CurrentCallFooterId", "lcw-current-call-footer"), _defineProperty(_class3, "RemoteVideoTileId", "lcw-remote-video"), _defineProperty(_class3, "SelfVideoTileId", "lcw-self-video"), _defineProperty(_class3, "VideoTileGroupId", "lcw-current-call-body"), _defineProperty(_class3, "EndCallButtonId", "lcw-call-reject-button"), _defineProperty(_class3, "MicButtonId", "lcw-toggle-audio"), _defineProperty(_class3, "VideoButtonId", "lcw-toggle-video"), _defineProperty(_class3, "CallTimerId", "lcw-current-call-timer"), _defineProperty(_class3, "CurrentCallLeftGroupId", "lcw-current-call-left-group"), _defineProperty(_class3, "CurrentCallMiddleGroupId", "lcw-current-call-middle-group"), _defineProperty(_class3, "CurrentCallRightGroupId", "lcw-current-call-right-group"), _defineProperty(_class3, "DefaultIncomingCallId", "lcw-incoming-call"), _defineProperty(_class3, "DeclineCallButtonId", "lcw-call-reject-button"), _defineProperty(_class3, "AudioCallButtonId", "lcw-call-accept-button"), _defineProperty(_class3, "VideoCallButtonId", "lcw-video-call-accept-button"), _defineProperty(_class3, "IncomingCallTitleId", "lcw-incoming-call-message"), _defineProperty(_class3, "DefaultIncomingCallPopupId", "lcw-incoming-call-popup"), _defineProperty(_class3, "IncomingCallLeftGroupId", "lcw-incoming-call-left-group"), _defineProperty(_class3, "IncomingCallMiddleGroupId", "lcw-incoming-call-middle-group"), _defineProperty(_class3, "IncomingCallRightGroupId", "lcw-incoming-call-right-group"), _defineProperty(_class3, "DefaultChatButtonId", "lcw-components-chat-button"), _defineProperty(_class3, "DefaultConfirmationPaneId", "lcw-components-confirmation-pane"), _defineProperty(_class3, "CustomFooterId", "lcw-footer"), _defineProperty(_class3, "DownloadTranscriptButtonId", "lcw-footer-download-transcript-button"), _defineProperty(_class3, "EmailTranscriptButtonId", "lcw-footer-email-transcript-button"), _defineProperty(_class3, "AudioNotificationButtonId", "lcw-footer-audio-notification-button"), _defineProperty(_class3, "DefaultFooterId", "lcw-components-footer"), _defineProperty(_class3, "FooterLeftGroupId", "lcw-footer-left-group"), _defineProperty(_class3, "FooterMiddleGroupId", "lcw-footer-middle-group"), _defineProperty(_class3, "FooterRightGroupId", "lcw-footer-right-group"), _defineProperty(_class3, "DefaultHeaderId", "lcw-header"), _defineProperty(_class3, "MinimizeButtonId", "lcw-header-minimize-button"), _defineProperty(_class3, "CloseButtonId", "lcw-header-close-button"), _defineProperty(_class3, "HeaderIconId", "lcw-header-icon"), _defineProperty(_class3, "HeaderTitleId", "lcw-header-title"), _defineProperty(_class3, "HeaderLeftGroupId", "lcw-header-left-group"), _defineProperty(_class3, "HeaderMiddleGroupId", "lcw-header-middle-group"), _defineProperty(_class3, "HeaderRightGroupId", "lcw-header-right-group"), _defineProperty(_class3, "DefaultInputValidationPaneId", "lcw-email-transcript-dialog-container"), _defineProperty(_class3, "DefaultInputValidationPaneInputId", "lcw-email-transcript-dialog-text-field"), _defineProperty(_class3, "DefaultLoadingPaneId", "lcw-loading-pane"), _defineProperty(_class3, "DefaultNotificationPaneId", "lcw-notification-pane"), _defineProperty(_class3, "DefaultOOOHPaneId", "lcw-out-of-office-hours-pane"), _defineProperty(_class3, "DefaultPostChatSurveyPaneId", "lcw-postchat-survey-pane"), _defineProperty(_class3, "DefaultPreChatSurveyPaneId", "lcw-prechat-survey-pane-default"), _defineProperty(_class3, "DefaultProactiveChatPaneId", "lcw-proactive-chat"), _defineProperty(_class3, "DefaultReconnectChatPaneId", "lcw-reconnect-chat-pane"), _class3);
 export const ButtonTypes = (_class4 = class ButtonTypes {}, _defineProperty(_class4, "Icon", "icon"), _defineProperty(_class4, "Text", "text"), _class4);
 export const IconNames = (_class5 = class IconNames {}, _defineProperty(_class5, "DeclineCall", "DeclineCall"), _defineProperty(_class5, "Microphone", "Microphone"), _defineProperty(_class5, "MicOff2", "MicOff2"), _defineProperty(_class5, "Video", "Video"), _defineProperty(_class5, "VideoOff", "VideoOff"), _defineProperty(_class5, "IncomingCall", "IncomingCall"), _defineProperty(_class5, "ChromeClose", "ChromeClose"), _defineProperty(_class5, "Download", "Download"), _defineProperty(_class5, "Mail", "Mail"), _defineProperty(_class5, "Volume3", "Volume3"), _defineProperty(_class5, "Volume0", "Volume0"), _defineProperty(_class5, "ChromeMinimize", "ChromeMinimize"), _class5);
-export const AriaLabels = (_class6 = class AriaLabels {}, _defineProperty(_class6, "EndCall", "End Call"), _defineProperty(_class6, "MicMute", "Mute"), _defineProperty(_class6, "MicUnmute", "Unmute"), _defineProperty(_class6, "VideoTurnCameraOn", "Turn camera on"), _defineProperty(_class6, "VideoTurnCameraOff", "Turn camera off"), _defineProperty(_class6, "IncomingCallArea", "Incoming call area"), _defineProperty(_class6, "RejectCall", "Reject call"), _defineProperty(_class6, "AcceptVoiceCall", "Accept voice call"), _defineProperty(_class6, "AcceptVideoCall", "Accept video Call"), _defineProperty(_class6, "DeclineCall", "Decline Call"), _defineProperty(_class6, "AudioCall", "Audio Call"), _defineProperty(_class6, "VideoCall", "Video Call"), _defineProperty(_class6, "LetsChatWeAreOnline", "Let's chat we are online"), _defineProperty(_class6, "UnreadMessageString", "you have new messages"), _defineProperty(_class6, "Close", "Close"), _defineProperty(_class6, "ConfirmationPaneConfirm", "Close Chat"), _defineProperty(_class6, "ConfirmationPaneCancel", "Cancel. Return to Chat"), _defineProperty(_class6, "DownloadChatTranscript", "Download chat transcript"), _defineProperty(_class6, "EmailTranscript", "Email Transcript"), _defineProperty(_class6, "TurnSoundOff", "Turn sound off"), _defineProperty(_class6, "TurnSoundOn", "Turn sound on"), _defineProperty(_class6, "Minimize", "Minimize"), _defineProperty(_class6, "EmailChatTranscriptPane", "Email Chat Transcript Pane"), _defineProperty(_class6, "InputValidationPaneInput", "Email this chat transcript. This will be sent after your chat ends. Email address text area"), _defineProperty(_class6, "Send", "Send"), _defineProperty(_class6, "Cancel", "Cancel"), _defineProperty(_class6, "ProactiveChatPane", "Proactive Chat Pane"), _defineProperty(_class6, "ChatNow", "Chat Now"), _defineProperty(_class6, "ReconnectChatPane", "Reconnect Chat Pane"), _defineProperty(_class6, "ReconnectChatPaneIcon", "Reconnect Chat Pane Icon"), _defineProperty(_class6, "ContinueConversation", "Continue conversation"), _defineProperty(_class6, "StartNewConversation", "Start new conversation"), _class6);
+export const AriaLabels = (_class6 = class AriaLabels {}, _defineProperty(_class6, "EndCall", "End Call"), _defineProperty(_class6, "MicMute", "Mute"), _defineProperty(_class6, "MicUnmute", "Unmute"), _defineProperty(_class6, "VideoTurnCameraOn", "Turn camera on"), _defineProperty(_class6, "VideoTurnCameraOff", "Turn camera off"), _defineProperty(_class6, "IncomingCallArea", "Incoming call area"), _defineProperty(_class6, "RejectCall", "Reject call"), _defineProperty(_class6, "AcceptVoiceCall", "Accept voice call"), _defineProperty(_class6, "AcceptVideoCall", "Accept video Call"), _defineProperty(_class6, "DeclineCall", "Decline Call"), _defineProperty(_class6, "AudioCall", "Audio Call"), _defineProperty(_class6, "VideoCall", "Video Call"), _defineProperty(_class6, "LetsChatWeAreOnline", "Let's chat we are online"), _defineProperty(_class6, "UnreadMessageString", "you have new messages"), _defineProperty(_class6, "Close", "Close"), _defineProperty(_class6, "ConfirmationPaneConfirm", "Close Chat"), _defineProperty(_class6, "ConfirmationPaneCancel", "Cancel. Return to Chat"), _defineProperty(_class6, "DownloadChatTranscript", "Download chat transcript"), _defineProperty(_class6, "EmailTranscript", "Email Transcript"), _defineProperty(_class6, "TurnSoundOff", "Turn sound off"), _defineProperty(_class6, "TurnSoundOn", "Turn sound on"), _defineProperty(_class6, "Minimize", "Minimize"), _defineProperty(_class6, "EmailChatTranscriptPane", "Email Chat Transcript Pane"), _defineProperty(_class6, "InputValidationPaneInput", "Please provide e-mail address to send transcript. The transcript will be sent after the chat ends. Email address text area"), _defineProperty(_class6, "Save", "Save"), _defineProperty(_class6, "Cancel", "Cancel"), _defineProperty(_class6, "ProactiveChatPane", "Proactive Chat Pane"), _defineProperty(_class6, "ChatNow", "Chat Now"), _defineProperty(_class6, "ReconnectChatPane", "Reconnect Chat Pane"), _defineProperty(_class6, "ReconnectChatPaneIcon", "Reconnect Chat Pane Icon"), _defineProperty(_class6, "ContinueConversation", "Continue conversation"), _defineProperty(_class6, "StartNewConversation", "Start new conversation"), _class6);
 export const EventNames = (_class7 = class EventNames {}, _defineProperty(_class7, "OnClick", "OnClick"), _defineProperty(_class7, "OnEscapeKeyDown", "OnEscapeKeyDown"), _defineProperty(_class7, "IncomingCallEnded", "IncomingCallEnded"), _class7);
-export const Texts = (_class8 = class Texts {}, _defineProperty(_class8, "IncomingCallTitle", "Incoming Call"), _defineProperty(_class8, "ChatButtonTitle", "Let's Chat!"), _defineProperty(_class8, "ChatButtonSubtitle", "We're online."), _defineProperty(_class8, "ChatButtonUnreadMessageString", "new messages"), _defineProperty(_class8, "ChatButtonLargeUnreadMessageString", "99+"), _defineProperty(_class8, "CloseButtonText", "Close"), _defineProperty(_class8, "ConfirmationPaneTitle", "Close chat"), _defineProperty(_class8, "ConfirmationPaneSubtitle", "Do you really want to close this chat?"), _defineProperty(_class8, "ConfirmButtonText", "Close"), _defineProperty(_class8, "EmailPlaceHolderText", "johnsmith@outlook.com"), _defineProperty(_class8, "CancelButtonText", "Cancel"), _defineProperty(_class8, "DownloadChatTranscriptText", "Download chat transcript"), _defineProperty(_class8, "EmailTranscriptText", "Email Transcript"), _defineProperty(_class8, "HeaderIcon", "Chat Icon"), _defineProperty(_class8, "HeaderTitle", "Let's Chat"), _defineProperty(_class8, "MinimizeText", "Minimize"), _defineProperty(_class8, "InputValidationPaneTitleText", "Email this chat transcript"), _defineProperty(_class8, "InputValidationPaneSubtitleText", "This will be sent after your chat ends."), _defineProperty(_class8, "InvalidInputErrorMessageText", "Enter a valid email address."), _defineProperty(_class8, "SendButtonText", "Send"), _defineProperty(_class8, "LoadingPaneTitleText", "Welcome to"), _defineProperty(_class8, "LoadingPaneSubtitleText", "live chat support ..."), _defineProperty(_class8, "LoadingPaneSpinnerText", "Loading ..."), _defineProperty(_class8, "OOOHPaneTitleText", "Thanks for contacting us. You have reached us outside of our operating hours. An agent will respond when we open."), _defineProperty(_class8, "PostChatSurveyPaneTitleText", "Post chat survey pane"), _defineProperty(_class8, "ProactiveChatPaneTitleText", "Welcome to"), _defineProperty(_class8, "ProactiveChatPaneSubtitleText", "Live chat support!"), _defineProperty(_class8, "ProactiveChatPaneBodyTitleText", "Hi! Have any questions? I am here to help."), _defineProperty(_class8, "ProactiveChatPaneStartButtonText", "Chat Now"), _defineProperty(_class8, "ReconnectChatPaneTitleText", "Previous session detected"), _defineProperty(_class8, "ReconnectChatPaneSubtitleText", "We have detected a previous chat session. Would you like to continue with your previous session?"), _defineProperty(_class8, "ReconnectChatPaneContinueChatButtonText", "Continue conversation"), _defineProperty(_class8, "ReconnectChatPaneStartNewChatButtonText", "Start new conversation"), _class8);
+export const Texts = (_class8 = class Texts {}, _defineProperty(_class8, "IncomingCallTitle", "Incoming Call"), _defineProperty(_class8, "ChatButtonTitle", "Let's Chat!"), _defineProperty(_class8, "ChatButtonSubtitle", "We're online."), _defineProperty(_class8, "ChatButtonUnreadMessageString", "new messages"), _defineProperty(_class8, "ChatButtonLargeUnreadMessageString", "99+"), _defineProperty(_class8, "CloseButtonText", "Close"), _defineProperty(_class8, "ConfirmationPaneTitle", "Close chat"), _defineProperty(_class8, "ConfirmationPaneSubtitle", "Do you really want to close this chat?"), _defineProperty(_class8, "ConfirmButtonText", "Close"), _defineProperty(_class8, "EmailPlaceHolderText", "johnsmith@outlook.com"), _defineProperty(_class8, "CancelButtonText", "Cancel"), _defineProperty(_class8, "DownloadChatTranscriptText", "Download chat transcript"), _defineProperty(_class8, "EmailTranscriptText", "Email Transcript"), _defineProperty(_class8, "HeaderIcon", "Chat Icon"), _defineProperty(_class8, "HeaderTitle", "Let's Chat"), _defineProperty(_class8, "MinimizeText", "Minimize"), _defineProperty(_class8, "InputValidationPaneTitleText", "Please provide e-mail address to send transcript."), _defineProperty(_class8, "InputValidationPaneSubtitleText", "The transcript will be sent after the chat ends."), _defineProperty(_class8, "InvalidInputErrorMessageText", "Enter a valid email address."), _defineProperty(_class8, "SendButtonText", "Send"), _defineProperty(_class8, "SaveButtonText", "Save"), _defineProperty(_class8, "LoadingPaneTitleText", "Welcome to"), _defineProperty(_class8, "LoadingPaneSubtitleText", "live chat support ..."), _defineProperty(_class8, "LoadingPaneSpinnerText", "Loading ..."), _defineProperty(_class8, "OOOHPaneTitleText", "Thanks for contacting us. You have reached us outside of our operating hours. An agent will respond when we open."), _defineProperty(_class8, "PostChatSurveyPaneTitleText", "Post chat survey pane"), _defineProperty(_class8, "ProactiveChatPaneTitleText", "Welcome to"), _defineProperty(_class8, "ProactiveChatPaneSubtitleText", "Live chat support!"), _defineProperty(_class8, "ProactiveChatPaneBodyTitleText", "Hi! Have any questions? I am here to help."), _defineProperty(_class8, "ProactiveChatPaneStartButtonText", "Chat Now"), _defineProperty(_class8, "ReconnectChatPaneTitleText", "Previous session detected"), _defineProperty(_class8, "ReconnectChatPaneSubtitleText", "We have detected a previous chat session. Would you like to continue with your previous session?"), _defineProperty(_class8, "ReconnectChatPaneContinueChatButtonText", "Continue conversation"), _defineProperty(_class8, "ReconnectChatPaneStartNewChatButtonText", "Start new conversation"), _class8);

package/lib/esm/components/common/commandbutton/CommandButton.js

@@ -63,11 +63,11 @@ function CommandButton(props) {
     disabled: props.disabled,
     className: props.className,
     styles: buttonStyles,
-    title: props.hideButtonTitle ? undefined : props.ariaLabel
+    title: props.ariaLabel
   }), props.type === ButtonTypes.Icon && /*#__PURE__*/React.createElement(IconButton, {
     id: props.id,
     iconProps: iconProp,
-    title: props.hideButtonTitle ? undefined : props.ariaLabel,
+    title: props.ariaLabel,
     ariaLabel: props.ariaLabel,
     disabled: props.disabled,
     styles: buttonStyles,

package/lib/esm/components/common/subcomponents/CloseButton.js

@@ -23,8 +23,7 @@ function CloseButton(props) {
     onClick: props.onClick,
     ariaLabel: props.ariaLabel ?? AriaLabels.Close,
     className: props.className,
-    customEvent: customEvent,
-    hideButtonTitle: props.hideButtonTitle
+    customEvent: customEvent
   });
 }
 

package/lib/esm/components/footer/common/defaultProps/customFooterControlProps.js

@@ -29,8 +29,7 @@ export const customFooterControlProps = {
     imageIconProps: {
       src: TranscriptDownloadIconBase64
     },
-    ariaLabel: AriaLabels.DownloadChatTranscript,
-    hideButtonTitle: true
+    ariaLabel: AriaLabels.DownloadChatTranscript
   },
   emailTranscriptButtonProps: {
     id: Ids.EmailTranscriptButtonId,
@@ -38,8 +37,7 @@ export const customFooterControlProps = {
     imageIconProps: {
       src: TranscriptEmailIconBase64
     },
-    ariaLabel: AriaLabels.EmailTranscript,
-    hideButtonTitle: true
+    ariaLabel: AriaLabels.EmailTranscript
   },
   audioNotificationButtonProps: {
     id: Ids.AudioNotificationButtonId,
@@ -50,7 +48,6 @@ export const customFooterControlProps = {
     },
     imageToggleIconProps: {
       src: AudioNotificationOffIconBase64
-    },
-    hideButtonTitle: true
+    }
   }
 };

package/lib/esm/components/footer/common/defaultProps/defaultFooterControlProps.js

@@ -26,15 +26,13 @@ export const defaultFooterControlProps = {
     id: Ids.DownloadTranscriptButtonId,
     type: ButtonTypes.Icon,
     iconName: IconNames.Download,
-    ariaLabel: AriaLabels.DownloadChatTranscript,
-    hideButtonTitle: true
+    ariaLabel: AriaLabels.DownloadChatTranscript
   },
   emailTranscriptButtonProps: {
     id: Ids.EmailTranscriptButtonId,
     type: ButtonTypes.Icon,
     iconName: IconNames.Mail,
-    ariaLabel: AriaLabels.EmailTranscript,
-    hideButtonTitle: true
+    ariaLabel: AriaLabels.EmailTranscript
   },
   audioNotificationButtonProps: {
     id: Ids.AudioNotificationButtonId,
@@ -42,7 +40,6 @@ export const defaultFooterControlProps = {
     ariaLabel: AriaLabels.TurnSoundOff,
     toggleAriaLabel: AriaLabels.TurnSoundOn,
     iconName: IconNames.Volume3,
-    toggleIconName: IconNames.Volume0,
-    hideButtonTitle: true
+    toggleIconName: IconNames.Volume0
   }
 };

package/lib/esm/components/footer/subcomponents/AudioNotificationButton.js

@@ -72,7 +72,7 @@ function AudioNotificationButton(props) {
     disabled: disabled,
     styles: iconButtonStyles,
     className: props.className,
-    title: undefined,
+    title: muted ? props.toggleAriaLabel ?? AriaLabels.TurnSoundOn : props.ariaLabel ?? AriaLabels.TurnSoundOff,
     ariaLabel: muted ? props.toggleAriaLabel ?? AriaLabels.TurnSoundOn : props.ariaLabel ?? AriaLabels.TurnSoundOff
   });
 }

package/lib/esm/components/footer/subcomponents/DownloadTranscriptButton.js

@@ -22,8 +22,7 @@ function DownloadTranscriptButton(props) {
     onClick: props.onClick,
     ariaLabel: props.ariaLabel ?? AriaLabels.DownloadChatTranscript,
     className: props.className,
-    customEvent: customEvent,
-    hideButtonTitle: props.hideButtonTitle
+    customEvent: customEvent
   });
 }
 

package/lib/esm/components/footer/subcomponents/EmailTranscriptButton.js

@@ -22,8 +22,7 @@ function EmailTranscriptButton(props) {
     onClick: props.onClick,
     ariaLabel: props.ariaLabel ?? AriaLabels.EmailTranscript,
     className: props.className,
-    customEvent: customEvent,
-    hideButtonTitle: props.hideButtonTitle
+    customEvent: customEvent
   });
 }
 

package/lib/esm/components/header/common/defaultProps/customHeaderControlProps.js

@@ -32,8 +32,7 @@ export const customHeaderControlProps = {
           width: "16px"
         }
       }
-    },
-    hideButtonTitle: true
+    }
   },
   closeButtonProps: {
     id: "oc-lcw-header-closebutton",
@@ -46,8 +45,7 @@ export const customHeaderControlProps = {
           width: "16px"
         }
       }
-    },
-    hideButtonTitle: true
+    }
   },
   headerIconProps: {
     id: Ids.HeaderIconId,

package/lib/esm/components/header/common/defaultProps/defaultHeaderControlProps.js

@@ -24,14 +24,12 @@ export const defaultHeaderControlProps = {
   minimizeButtonProps: {
     id: Ids.MinimizeButtonId,
     type: ButtonTypes.Icon,
-    iconName: IconNames.ChromeMinimize,
-    hideButtonTitle: true
+    iconName: IconNames.ChromeMinimize
   },
   closeButtonProps: {
     id: Ids.CloseButtonId,
     type: ButtonTypes.Icon,
-    iconName: IconNames.ChromeClose,
-    hideButtonTitle: true
+    iconName: IconNames.ChromeClose
   },
   headerIconProps: {
     id: Ids.HeaderIconId,

package/lib/esm/components/header/subcomponents/MinimizeButton.js

@@ -23,8 +23,7 @@ function MinimizeButton(props) {
     onClick: props.onClick,
     ariaLabel: props.ariaLabel ?? AriaLabels.Minimize,
     className: props.className,
-    customEvent: customEvent,
-    hideButtonTitle: props.hideButtonTitle
+    customEvent: customEvent
   });
 }
 

package/lib/esm/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneControlProps.js

@@ -18,8 +18,8 @@ export const defaultInputValidationPaneControlProps = {
   isButtonGroupHorizontal: true,
   hideSendButton: false,
   enableSendButton: false,
-  sendButtonText: Texts.SendButtonText,
-  sendButtonAriaLabel: AriaLabels.Send,
+  sendButtonText: Texts.SaveButtonText,
+  sendButtonAriaLabel: AriaLabels.Save,
   hideCancelButton: false,
   cancelButtonText: Texts.CancelButtonText,
   cancelButtonAriaLabel: AriaLabels.Cancel,

package/lib/esm/components/inputvalidationpane/common/presetTwo/presetTwoProps/presetTwoInputValidationPaneControlProps.js

@@ -18,7 +18,6 @@ export const presetTwoInputValidationPaneControlProps = {
   hideSendButton: false,
   enableSendButton: true,
   sendButtonText: Texts.SendButtonText,
-  sendButtonAriaLabel: AriaLabels.Send,
   hideCancelButton: false,
   cancelButtonText: Texts.CancelButtonText,
   cancelButtonAriaLabel: AriaLabels.Cancel,

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

@@ -140,8 +140,8 @@ export declare const AriaLabels: {
     readonly TurnSoundOn: "Turn sound on";
     readonly Minimize: "Minimize";
     readonly EmailChatTranscriptPane: "Email Chat Transcript Pane";
-    readonly InputValidationPaneInput: "Email this chat transcript. This will be sent after your chat ends. Email address text area";
-    readonly Send: "Send";
+    readonly InputValidationPaneInput: "Please provide e-mail address to send transcript. The transcript will be sent after the chat ends. Email address text area";
+    readonly Save: "Save";
     readonly Cancel: "Cancel";
     readonly ProactiveChatPane: "Proactive Chat Pane";
     readonly ChatNow: "Chat Now";
@@ -174,10 +174,11 @@ export declare const Texts: {
     readonly HeaderIcon: "Chat Icon";
     readonly HeaderTitle: "Let's Chat";
     readonly MinimizeText: "Minimize";
-    readonly InputValidationPaneTitleText: "Email this chat transcript";
-    readonly InputValidationPaneSubtitleText: "This will be sent after your chat ends.";
+    readonly InputValidationPaneTitleText: "Please provide e-mail address to send transcript.";
+    readonly InputValidationPaneSubtitleText: "The transcript will be sent after the chat ends.";
     readonly InvalidInputErrorMessageText: "Enter a valid email address.";
     readonly SendButtonText: "Send";
+    readonly SaveButtonText: "Save";
     readonly LoadingPaneTitleText: "Welcome to";
     readonly LoadingPaneSubtitleText: "live chat support ...";
     readonly LoadingPaneSpinnerText: "Loading ...";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-components",
-  "version": "1.0.8-main.8ab6082",
+  "version": "1.0.9-main.3e45b7c",
   "description": "Microsoft Omnichannel Chat Components",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",