@microsoft/omnichannel-chat-components 1.1.17-main.4515f87 → 1.1.17-main.5d1fc98

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/lib/cjs/common/Constants.js +1 -1
  2. package/lib/cjs/components/confirmationpane/ConfirmationPane.js +10 -8
  3. package/lib/cjs/components/confirmationpane/common/defaultProps/defaultConfirmationPaneControlProps.js +1 -0
  4. package/lib/cjs/components/inputvalidationpane/InputValidationPane.js +12 -10
  5. package/lib/cjs/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneControlProps.js +1 -0
  6. package/lib/esm/common/Constants.js +1 -1
  7. package/lib/esm/components/confirmationpane/ConfirmationPane.js +10 -8
  8. package/lib/esm/components/confirmationpane/common/defaultProps/defaultConfirmationPaneControlProps.js +1 -0
  9. package/lib/esm/components/inputvalidationpane/InputValidationPane.js +12 -10
  10. package/lib/esm/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneControlProps.js +1 -0
  11. package/lib/types/common/Constants.d.ts +2 -0
  12. package/lib/types/components/confirmationpane/interfaces/IConfirmationPaneControlProps.d.ts +1 -0
  13. package/lib/types/components/inputvalidationpane/interfaces/IInputValidationPaneControlProps.d.ts +1 -0
  14. package/package.json +1 -1
package/lib/cjs/common/Constants.js CHANGED
@@ -47,6 +47,6 @@ let ElementType = exports.ElementType = /*#__PURE__*/function (ElementType) {
47
47
  const Ids = exports.Ids = (_Class3 = class Ids {}, _Class3.DefaultCallingContainerId = "lcw-calling-container", _Class3.DefaultCurrentCallId = "lcw-current-call-container", _Class3.CurrentCallActionGroupId = "lcw-current-call-action-icons", _Class3.CurrentCallFooterId = "lcw-current-call-footer", _Class3.RemoteVideoTileId = "lcw-remote-video", _Class3.SelfVideoTileId = "lcw-self-video", _Class3.VideoTileGroupId = "lcw-current-call-body", _Class3.EndCallButtonId = "lcw-call-reject-button", _Class3.MicButtonId = "lcw-toggle-audio", _Class3.VideoButtonId = "lcw-toggle-video", _Class3.CallTimerId = "lcw-current-call-timer", _Class3.CurrentCallLeftGroupId = "lcw-current-call-left-group", _Class3.CurrentCallMiddleGroupId = "lcw-current-call-middle-group", _Class3.CurrentCallRightGroupId = "lcw-current-call-right-group", _Class3.DefaultIncomingCallId = "lcw-incoming-call", _Class3.DeclineCallButtonId = "lcw-call-reject-button", _Class3.AudioCallButtonId = "lcw-call-accept-button", _Class3.VideoCallButtonId = "lcw-video-call-accept-button", _Class3.IncomingCallTitleId = "lcw-incoming-call-message", _Class3.DefaultIncomingCallPopupId = "lcw-incoming-call-popup", _Class3.IncomingCallLeftGroupId = "lcw-incoming-call-left-group", _Class3.IncomingCallMiddleGroupId = "lcw-incoming-call-middle-group", _Class3.IncomingCallRightGroupId = "lcw-incoming-call-right-group", _Class3.DefaultChatButtonId = "lcw-components-chat-button", _Class3.DefaultConfirmationPaneId = "lcw-components-confirmation-pane", _Class3.CustomFooterId = "lcw-footer", _Class3.DownloadTranscriptButtonId = "lcw-footer-download-transcript-button", _Class3.EmailTranscriptButtonId = "lcw-footer-email-transcript-button", _Class3.AudioNotificationButtonId = "lcw-footer-audio-notification-button", _Class3.DefaultFooterId = "lcw-components-footer", _Class3.FooterLeftGroupId = "lcw-footer-left-group", _Class3.FooterMiddleGroupId = "lcw-footer-middle-group", _Class3.FooterRightGroupId = "lcw-footer-right-group", _Class3.DefaultHeaderId = "lcw-header", _Class3.MinimizeButtonId = "lcw-header-minimize-button", _Class3.CloseButtonId = "lcw-header-close-button", _Class3.HeaderIconId = "lcw-header-icon", _Class3.HeaderTitleId = "lcw-header-title", _Class3.HeaderLeftGroupId = "lcw-header-left-group", _Class3.HeaderMiddleGroupId = "lcw-header-middle-group", _Class3.HeaderRightGroupId = "lcw-header-right-group", _Class3.DefaultInputValidationPaneId = "lcw-email-transcript-dialog-container", _Class3.DefaultInputValidationPaneInputId = "lcw-email-transcript-dialog-text-field", _Class3.DefaultLoadingPaneId = "lcw-loading-pane", _Class3.DefaultNotificationPaneId = "lcw-notification-pane", _Class3.DefaultOOOHPaneId = "lcw-out-of-office-hours-pane", _Class3.DefaultPostChatSurveyPaneId = "lcw-postchat-survey-pane", _Class3.DefaultPreChatSurveyPaneId = "lcw-prechat-survey-pane-default", _Class3.DefaultProactiveChatPaneId = "lcw-proactive-chat", _Class3.DefaultReconnectChatPaneId = "lcw-reconnect-chat-pane", _Class3);
48
48
  const ButtonTypes = exports.ButtonTypes = (_Class4 = class ButtonTypes {}, _Class4.Icon = "icon", _Class4.Text = "text", _Class4);
49
49
  const IconNames = exports.IconNames = (_Class5 = class IconNames {}, _Class5.DeclineCall = "DeclineCall", _Class5.Microphone = "Microphone", _Class5.MicOff2 = "MicOff2", _Class5.Video = "Video", _Class5.VideoOff = "VideoOff", _Class5.IncomingCall = "IncomingCall", _Class5.ChromeClose = "ChromeClose", _Class5.Download = "Download", _Class5.Mail = "Mail", _Class5.Volume3 = "Volume3", _Class5.Volume0 = "Volume0", _Class5.ChromeMinimize = "ChromeMinimize", _Class5);
50
- const AriaLabels = exports.AriaLabels = (_Class6 = class AriaLabels {}, _Class6.EndCall = "End Call", _Class6.MicMute = "Mute", _Class6.MicUnmute = "Unmute", _Class6.VideoTurnCameraOn = "Turn camera on", _Class6.VideoTurnCameraOff = "Turn camera off", _Class6.IncomingCallArea = "Incoming call area", _Class6.RejectCall = "Reject call", _Class6.AcceptVoiceCall = "Accept voice call", _Class6.AcceptVideoCall = "Accept video Call", _Class6.DeclineCall = "Decline Call", _Class6.AudioCall = "Audio Call", _Class6.VideoCall = "Video Call", _Class6.LetsChatWeAreOnline = "Let's chat we are online", _Class6.UnreadMessageString = "you have new messages", _Class6.Close = "Close", _Class6.ConfirmationPaneConfirm = "Close Chat", _Class6.ConfirmationPaneCancel = "Cancel. Return to Chat", _Class6.DownloadChatTranscript = "Download chat transcript", _Class6.EmailTranscript = "Email Transcript", _Class6.TurnSoundOff = "Turn sound off", _Class6.TurnSoundOn = "Turn sound on", _Class6.Minimize = "Minimize", _Class6.EmailChatTranscriptPane = "Email Chat Transcript Pane", _Class6.InputValidationPaneInput = "Please provide e-mail address to send transcript. The transcript will be sent after the chat ends. Email address text area", _Class6.Save = "Save", _Class6.Cancel = "Cancel", _Class6.ProactiveChatPane = "Proactive Chat Pane", _Class6.ChatNow = "Chat Now", _Class6.ReconnectChatPane = "Reconnect Chat Pane", _Class6.ReconnectChatPaneIcon = "Reconnect Chat Pane Icon", _Class6.ContinueConversation = "Continue conversation", _Class6.StartNewConversation = "Start new conversation", _Class6);
50
+ const AriaLabels = exports.AriaLabels = (_Class6 = class AriaLabels {}, _Class6.EndCall = "End Call", _Class6.MicMute = "Mute", _Class6.MicUnmute = "Unmute", _Class6.VideoTurnCameraOn = "Turn camera on", _Class6.VideoTurnCameraOff = "Turn camera off", _Class6.IncomingCallArea = "Incoming call area", _Class6.RejectCall = "Reject call", _Class6.AcceptVoiceCall = "Accept voice call", _Class6.AcceptVideoCall = "Accept video Call", _Class6.DeclineCall = "Decline Call", _Class6.AudioCall = "Audio Call", _Class6.VideoCall = "Video Call", _Class6.LetsChatWeAreOnline = "Let's chat we are online", _Class6.UnreadMessageString = "you have new messages", _Class6.Close = "Close", _Class6.ConfirmationPaneConfirm = "Close Chat", _Class6.ConfirmationPaneCancel = "Cancel. Return to Chat", _Class6.DownloadChatTranscript = "Download chat transcript", _Class6.EmailTranscript = "Email Transcript", _Class6.TurnSoundOff = "Turn sound off", _Class6.TurnSoundOn = "Turn sound on", _Class6.Minimize = "Minimize", _Class6.EmailChatTranscriptPane = "Email Chat Transcript Pane", _Class6.InputValidationPaneInput = "Please provide e-mail address to send transcript. The transcript will be sent after the chat ends. Email address text area", _Class6.Save = "Save", _Class6.Cancel = "Cancel", _Class6.ProactiveChatPane = "Proactive Chat Pane", _Class6.ChatNow = "Chat Now", _Class6.ReconnectChatPane = "Reconnect Chat Pane", _Class6.ReconnectChatPaneIcon = "Reconnect Chat Pane Icon", _Class6.ContinueConversation = "Continue conversation", _Class6.StartNewConversation = "Start new conversation", _Class6.InputValidationPaneButtonGroup = "Actions", _Class6.ConfirmationPaneButtonGroup = "Actions", _Class6);
51
51
  const EventNames = exports.EventNames = (_Class7 = class EventNames {}, _Class7.OnClick = "OnClick", _Class7.OnEscapeKeyDown = "OnEscapeKeyDown", _Class7.IncomingCallEnded = "IncomingCallEnded", _Class7);
52
52
  const Texts = exports.Texts = (_Class8 = class Texts {}, _Class8.IncomingCallTitle = "Incoming Call", _Class8.ChatButtonTitle = "Let's Chat!", _Class8.ChatButtonSubtitle = "We're online.", _Class8.ChatButtonUnreadMessageString = "new messages", _Class8.ChatButtonLargeUnreadMessageString = "99+", _Class8.CloseButtonText = "Close", _Class8.ConfirmationPaneTitle = "Close chat", _Class8.ConfirmationPaneSubtitle = "Do you really want to close this chat?", _Class8.ConfirmButtonText = "Close", _Class8.EmailPlaceHolderText = "johnsmith@outlook.com", _Class8.CancelButtonText = "Cancel", _Class8.DownloadChatTranscriptText = "Download chat transcript", _Class8.EmailTranscriptText = "Email Transcript", _Class8.HeaderIcon = "Chat Icon", _Class8.HeaderTitle = "Let's Chat", _Class8.MinimizeText = "Minimize", _Class8.InputValidationPaneTitleText = "Please provide e-mail address to send transcript.", _Class8.InputValidationPaneSubtitleText = "The transcript will be sent after the chat ends.", _Class8.InvalidInputErrorMessageText = "Enter a valid email address.", _Class8.SendButtonText = "Send", _Class8.SaveButtonText = "Save", _Class8.LoadingPaneTitleText = "Welcome to", _Class8.LoadingPaneSubtitleText = "live chat support ...", _Class8.LoadingPaneSpinnerText = "Loading ...", _Class8.OOOHPaneTitleText = "Thanks for contacting us. You have reached us outside of our operating hours. An agent will respond when we open.", _Class8.PostChatSurveyPaneTitleText = "Post chat survey pane", _Class8.ProactiveChatPaneTitleText = "Welcome to", _Class8.ProactiveChatPaneSubtitleText = "Live chat support!", _Class8.ProactiveChatPaneBodyTitleText = "Hi! Have any questions? I am here to help.", _Class8.ProactiveChatPaneStartButtonText = "Chat Now", _Class8.ReconnectChatPaneTitleText = "Previous session detected", _Class8.ReconnectChatPaneSubtitleText = "We have detected a previous chat session. Would you like to continue with your previous session?", _Class8.ReconnectChatPaneContinueChatButtonText = "Continue conversation", _Class8.ReconnectChatPaneStartNewChatButtonText = "Start new conversation", _Class8);
package/lib/cjs/components/confirmationpane/ConfirmationPane.js CHANGED
@@ -23,7 +23,7 @@ var _defaultConfirmationPaneConfirmButtonFocusedStyles = require("./common/defau
23
23
  var _defaultConfirmationPaneCancelButtonFocusedStyles = require("./common/defaultStyles/defaultConfirmationPaneCancelButtonFocusedStyles");
24
24
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
25
25
  function ConfirmationPane(props) {
26
- var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps0, _props$styleProps1, _props$styleProps10, _props$controlProps6, _props$controlProps7, _props$controlProps8, _props$componentOverr, _props$styleProps11, _props$controlProps9, _props$controlProps0, _props$componentOverr2, _props$styleProps12, _props$controlProps1, _props$styleProps13, _props$controlProps10, _props$componentOverr3, _props$styleProps14, _props$controlProps11, _props$controlProps12, _props$controlProps13, _props$componentOverr4, _props$styleProps15, _props$controlProps14, _props$controlProps15;
26
+ var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps0, _props$styleProps1, _props$styleProps10, _props$controlProps6, _props$controlProps7, _props$controlProps8, _props$componentOverr, _props$styleProps11, _props$controlProps9, _props$controlProps0, _props$componentOverr2, _props$styleProps12, _props$controlProps1, _props$styleProps13, _props$controlProps10, _props$controlProps11, _props$componentOverr3, _props$styleProps14, _props$controlProps12, _props$controlProps13, _props$controlProps14, _props$componentOverr4, _props$styleProps15, _props$controlProps15, _props$controlProps16;
27
27
  const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.id;
28
28
  const handleConfirmClick = (0, _react2.useCallback)(() => {
29
29
  var _props$controlProps2;
@@ -105,21 +105,23 @@ function ConfirmationPane(props) {
105
105
  horizontal: true,
106
106
  className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 || (_props$styleProps13 = _props$styleProps13.classNames) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.buttonGroupClassName,
107
107
  styles: buttonGroupStyles,
108
- id: elementId + "-buttongroup"
109
- }, !((_props$controlProps10 = props.controlProps) !== null && _props$controlProps10 !== void 0 && _props$controlProps10.hideConfirmButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.confirmButton) || /*#__PURE__*/_react2.default.createElement(_Button.PrimaryButton, {
108
+ id: elementId + "-buttongroup",
109
+ role: "group",
110
+ "aria-label": ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.buttonGroupAriaLabel) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.buttonGroupAriaLabel
111
+ }, !((_props$controlProps11 = props.controlProps) !== null && _props$controlProps11 !== void 0 && _props$controlProps11.hideConfirmButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.confirmButton) || /*#__PURE__*/_react2.default.createElement(_Button.PrimaryButton, {
110
112
  className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 || (_props$styleProps14 = _props$styleProps14.classNames) === null || _props$styleProps14 === void 0 ? void 0 : _props$styleProps14.confirmButtonClassName,
111
113
  styles: confirmButtonStyles,
112
- text: ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.confirmButtonText) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.confirmButtonText,
114
+ text: ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.confirmButtonText) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.confirmButtonText,
113
115
  onClick: handleConfirmClick,
114
116
  id: elementId + "-confirmbutton",
115
- ariaLabel: ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.confirmButtonAriaLabel) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.confirmButtonAriaLabel
116
- })), !((_props$controlProps13 = props.controlProps) !== null && _props$controlProps13 !== void 0 && _props$controlProps13.hideCancelButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.cancelButton) || /*#__PURE__*/_react2.default.createElement(_Button.DefaultButton, {
117
+ ariaLabel: ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.confirmButtonAriaLabel) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.confirmButtonAriaLabel
118
+ })), !((_props$controlProps14 = props.controlProps) !== null && _props$controlProps14 !== void 0 && _props$controlProps14.hideCancelButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.cancelButton) || /*#__PURE__*/_react2.default.createElement(_Button.DefaultButton, {
117
119
  className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 || (_props$styleProps15 = _props$styleProps15.classNames) === null || _props$styleProps15 === void 0 ? void 0 : _props$styleProps15.cancelButtonClassName,
118
120
  styles: cancelButtonStyles,
119
- text: ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.cancelButtonText) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.cancelButtonText,
121
+ text: ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.cancelButtonText) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.cancelButtonText,
120
122
  onClick: handleCancelClick,
121
123
  id: elementId + "-cancelbutton",
122
- ariaLabel: ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.cancelButtonAriaLabel) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.cancelButtonAriaLabel
124
+ ariaLabel: ((_props$controlProps16 = props.controlProps) === null || _props$controlProps16 === void 0 ? void 0 : _props$controlProps16.cancelButtonAriaLabel) || _defaultConfirmationPaneControlProps.defaultConfirmationPaneControlProps.cancelButtonAriaLabel
123
125
  })))));
124
126
  }
125
127
  var _default = exports.default = ConfirmationPane;
package/lib/cjs/components/confirmationpane/common/defaultProps/defaultConfirmationPaneControlProps.js CHANGED
@@ -13,6 +13,7 @@ const defaultConfirmationPaneControlProps = exports.defaultConfirmationPaneContr
13
13
  titleText: _Constants.Texts.ConfirmationPaneTitle,
14
14
  hideSubtitle: false,
15
15
  subtitleText: _Constants.Texts.ConfirmationPaneSubtitle,
16
+ buttonGroupAriaLabel: _Constants.AriaLabels.ConfirmationPaneButtonGroup,
16
17
  hideConfirmButton: false,
17
18
  confirmButtonText: _Constants.Texts.ConfirmButtonText,
18
19
  confirmButtonAriaLabel: _Constants.AriaLabels.ConfirmationPaneConfirm,
package/lib/cjs/components/inputvalidationpane/InputValidationPane.js CHANGED
@@ -25,7 +25,7 @@ var _defaultInputValidationPaneTitleStyles = require("./common/default/defaultSt
25
25
  var _utils = require("../../common/utils");
26
26
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
27
27
  function InputValidationPane(props) {
28
- var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$controlProps12, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps0, _props$styleProps1, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$styleProps13, _props$styleProps14, _props$controlProps13, _props$styleProps15, _props$controlProps14, _props$controlProps15, _props$styleProps16, _props$controlProps16, _props$componentOverr, _props$styleProps17, _props$controlProps17, _props$controlProps18, _props$componentOverr2, _props$styleProps18, _props$controlProps19, _props$controlProps20, _props$componentOverr3, _props$styleProps19, _props$controlProps21, _props$controlProps22, _props$controlProps23, _props$componentOverr4, _props$styleProps20, _props$controlProps24, _props$controlProps25, _props$styleProps21, _props$controlProps26, _props$componentOverr5, _props$styleProps22, _props$controlProps27, _props$controlProps28, _props$controlProps29, _props$controlProps30, _props$componentOverr6, _props$styleProps23, _props$controlProps31, _props$controlProps32, _props$controlProps33;
28
+ var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$controlProps12, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps0, _props$styleProps1, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$styleProps13, _props$styleProps14, _props$controlProps13, _props$styleProps15, _props$controlProps14, _props$controlProps15, _props$styleProps16, _props$controlProps16, _props$componentOverr, _props$styleProps17, _props$controlProps17, _props$controlProps18, _props$componentOverr2, _props$styleProps18, _props$controlProps19, _props$controlProps20, _props$componentOverr3, _props$styleProps19, _props$controlProps21, _props$controlProps22, _props$controlProps23, _props$componentOverr4, _props$styleProps20, _props$controlProps24, _props$controlProps25, _props$styleProps21, _props$controlProps26, _props$controlProps27, _props$componentOverr5, _props$styleProps22, _props$controlProps28, _props$controlProps29, _props$controlProps30, _props$controlProps31, _props$componentOverr6, _props$styleProps23, _props$controlProps32, _props$controlProps33, _props$controlProps34;
29
29
  const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.id;
30
30
  const [inputValue, setInputValue] = (0, _react2.useState)("");
31
31
  const [isInitialRendering, setIsInitialRendering] = (0, _react2.useState)(true);
@@ -220,26 +220,28 @@ function InputValidationPane(props) {
220
220
  className: (_props$styleProps21 = props.styleProps) === null || _props$styleProps21 === void 0 || (_props$styleProps21 = _props$styleProps21.classNames) === null || _props$styleProps21 === void 0 ? void 0 : _props$styleProps21.buttonGroupClassName,
221
221
  styles: buttonGroupStyles,
222
222
  tabIndex: -1,
223
- id: elementId + "-buttongroup"
224
- }, !((_props$controlProps26 = props.controlProps) !== null && _props$controlProps26 !== void 0 && _props$controlProps26.hideSendButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.sendButton) || /*#__PURE__*/_react2.default.createElement(_Button.PrimaryButton, {
223
+ id: elementId + "-buttongroup",
224
+ role: "group",
225
+ "aria-label": ((_props$controlProps26 = props.controlProps) === null || _props$controlProps26 === void 0 ? void 0 : _props$controlProps26.buttonGroupAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.buttonGroupAriaLabel
226
+ }, !((_props$controlProps27 = props.controlProps) !== null && _props$controlProps27 !== void 0 && _props$controlProps27.hideSendButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.sendButton) || /*#__PURE__*/_react2.default.createElement(_Button.PrimaryButton, {
225
227
  className: (_props$styleProps22 = props.styleProps) === null || _props$styleProps22 === void 0 || (_props$styleProps22 = _props$styleProps22.classNames) === null || _props$styleProps22 === void 0 ? void 0 : _props$styleProps22.sendButtonClassName,
226
228
  styles: sendButtonStyles,
227
- title: ((_props$controlProps27 = props.controlProps) === null || _props$controlProps27 === void 0 ? void 0 : _props$controlProps27.sendButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonText,
229
+ title: ((_props$controlProps28 = props.controlProps) === null || _props$controlProps28 === void 0 ? void 0 : _props$controlProps28.sendButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonText,
228
230
  tabIndex: 0,
229
231
  disabled: !isSendButtonEnabled,
230
- text: ((_props$controlProps28 = props.controlProps) === null || _props$controlProps28 === void 0 ? void 0 : _props$controlProps28.sendButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonText,
232
+ text: ((_props$controlProps29 = props.controlProps) === null || _props$controlProps29 === void 0 ? void 0 : _props$controlProps29.sendButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonText,
231
233
  onClick: handleSendClick,
232
234
  id: elementId + "-sendbutton",
233
- ariaLabel: ((_props$controlProps29 = props.controlProps) === null || _props$controlProps29 === void 0 ? void 0 : _props$controlProps29.sendButtonAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonAriaLabel
234
- })), !((_props$controlProps30 = props.controlProps) !== null && _props$controlProps30 !== void 0 && _props$controlProps30.hideCancelButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr6 = props.componentOverrides) === null || _props$componentOverr6 === void 0 ? void 0 : _props$componentOverr6.cancelButton) || /*#__PURE__*/_react2.default.createElement(_Button.DefaultButton, {
235
+ ariaLabel: ((_props$controlProps30 = props.controlProps) === null || _props$controlProps30 === void 0 ? void 0 : _props$controlProps30.sendButtonAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonAriaLabel
236
+ })), !((_props$controlProps31 = props.controlProps) !== null && _props$controlProps31 !== void 0 && _props$controlProps31.hideCancelButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr6 = props.componentOverrides) === null || _props$componentOverr6 === void 0 ? void 0 : _props$componentOverr6.cancelButton) || /*#__PURE__*/_react2.default.createElement(_Button.DefaultButton, {
235
237
  className: (_props$styleProps23 = props.styleProps) === null || _props$styleProps23 === void 0 || (_props$styleProps23 = _props$styleProps23.classNames) === null || _props$styleProps23 === void 0 ? void 0 : _props$styleProps23.cancelButtonClassName,
236
238
  styles: cancelButtonStyles,
237
- title: ((_props$controlProps31 = props.controlProps) === null || _props$controlProps31 === void 0 ? void 0 : _props$controlProps31.cancelButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonText,
239
+ title: ((_props$controlProps32 = props.controlProps) === null || _props$controlProps32 === void 0 ? void 0 : _props$controlProps32.cancelButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonText,
238
240
  tabIndex: 0,
239
- text: ((_props$controlProps32 = props.controlProps) === null || _props$controlProps32 === void 0 ? void 0 : _props$controlProps32.cancelButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonText,
241
+ text: ((_props$controlProps33 = props.controlProps) === null || _props$controlProps33 === void 0 ? void 0 : _props$controlProps33.cancelButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonText,
240
242
  onClick: handleCancelClick,
241
243
  id: elementId + "-cancelbutton",
242
- ariaLabel: ((_props$controlProps33 = props.controlProps) === null || _props$controlProps33 === void 0 ? void 0 : _props$controlProps33.cancelButtonAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonAriaLabel
244
+ ariaLabel: ((_props$controlProps34 = props.controlProps) === null || _props$controlProps34 === void 0 ? void 0 : _props$controlProps34.cancelButtonAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonAriaLabel
243
245
  })))));
244
246
  }
245
247
  var _default = exports.default = InputValidationPane;
package/lib/cjs/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneControlProps.js CHANGED
@@ -22,6 +22,7 @@ const defaultInputValidationPaneControlProps = exports.defaultInputValidationPan
22
22
  inputWithErrorMessageBorderColor: "rgb(164, 38, 44)",
23
23
  invalidInputErrorMessageText: _Constants.Texts.InvalidInputErrorMessageText,
24
24
  isButtonGroupHorizontal: true,
25
+ buttonGroupAriaLabel: _Constants.AriaLabels.InputValidationPaneButtonGroup,
25
26
  hideSendButton: false,
26
27
  enableSendButton: false,
27
28
  sendButtonText: _Constants.Texts.SaveButtonText,
package/lib/esm/common/Constants.js CHANGED
@@ -44,6 +44,6 @@ export let ElementType = /*#__PURE__*/function (ElementType) {
44
44
  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);
45
45
  export const ButtonTypes = (_Class4 = class ButtonTypes {}, _defineProperty(_Class4, "Icon", "icon"), _defineProperty(_Class4, "Text", "text"), _Class4);
46
46
  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);
47
- 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);
47
+ 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"), _defineProperty(_Class6, "InputValidationPaneButtonGroup", "Actions"), _defineProperty(_Class6, "ConfirmationPaneButtonGroup", "Actions"), _Class6);
48
48
  export const EventNames = (_Class7 = class EventNames {}, _defineProperty(_Class7, "OnClick", "OnClick"), _defineProperty(_Class7, "OnEscapeKeyDown", "OnEscapeKeyDown"), _defineProperty(_Class7, "IncomingCallEnded", "IncomingCallEnded"), _Class7);
49
49
  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/confirmationpane/ConfirmationPane.js CHANGED
@@ -16,7 +16,7 @@ import { defaultConfirmationPaneTitleStyles } from "./common/defaultStyles/defau
16
16
  import { defaultConfirmationPaneConfirmButtonFocusedStyles } from "./common/defaultStyles/defaultConfirmationPaneConfirmButtonFocusedStyles";
17
17
  import { defaultConfirmationPaneCancelButtonFocusedStyles } from "./common/defaultStyles/defaultConfirmationPaneCancelButtonFocusedStyles";
18
18
  function ConfirmationPane(props) {
19
- var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps0, _props$styleProps1, _props$styleProps10, _props$controlProps6, _props$controlProps7, _props$controlProps8, _props$componentOverr, _props$styleProps11, _props$controlProps9, _props$controlProps0, _props$componentOverr2, _props$styleProps12, _props$controlProps1, _props$styleProps13, _props$controlProps10, _props$componentOverr3, _props$styleProps14, _props$controlProps11, _props$controlProps12, _props$controlProps13, _props$componentOverr4, _props$styleProps15, _props$controlProps14, _props$controlProps15;
19
+ var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps0, _props$styleProps1, _props$styleProps10, _props$controlProps6, _props$controlProps7, _props$controlProps8, _props$componentOverr, _props$styleProps11, _props$controlProps9, _props$controlProps0, _props$componentOverr2, _props$styleProps12, _props$controlProps1, _props$styleProps13, _props$controlProps10, _props$controlProps11, _props$componentOverr3, _props$styleProps14, _props$controlProps12, _props$controlProps13, _props$controlProps14, _props$componentOverr4, _props$styleProps15, _props$controlProps15, _props$controlProps16;
20
20
  const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultConfirmationPaneControlProps.id;
21
21
  const handleConfirmClick = useCallback(() => {
22
22
  var _props$controlProps2;
@@ -98,21 +98,23 @@ function ConfirmationPane(props) {
98
98
  horizontal: true,
99
99
  className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 || (_props$styleProps13 = _props$styleProps13.classNames) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.buttonGroupClassName,
100
100
  styles: buttonGroupStyles,
101
- id: elementId + "-buttongroup"
102
- }, !((_props$controlProps10 = props.controlProps) !== null && _props$controlProps10 !== void 0 && _props$controlProps10.hideConfirmButton) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.confirmButton) || /*#__PURE__*/React.createElement(PrimaryButton, {
101
+ id: elementId + "-buttongroup",
102
+ role: "group",
103
+ "aria-label": ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.buttonGroupAriaLabel) || defaultConfirmationPaneControlProps.buttonGroupAriaLabel
104
+ }, !((_props$controlProps11 = props.controlProps) !== null && _props$controlProps11 !== void 0 && _props$controlProps11.hideConfirmButton) && (decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.confirmButton) || /*#__PURE__*/React.createElement(PrimaryButton, {
103
105
  className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 || (_props$styleProps14 = _props$styleProps14.classNames) === null || _props$styleProps14 === void 0 ? void 0 : _props$styleProps14.confirmButtonClassName,
104
106
  styles: confirmButtonStyles,
105
- text: ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.confirmButtonText) || defaultConfirmationPaneControlProps.confirmButtonText,
107
+ text: ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.confirmButtonText) || defaultConfirmationPaneControlProps.confirmButtonText,
106
108
  onClick: handleConfirmClick,
107
109
  id: elementId + "-confirmbutton",
108
- ariaLabel: ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.confirmButtonAriaLabel) || defaultConfirmationPaneControlProps.confirmButtonAriaLabel
109
- })), !((_props$controlProps13 = props.controlProps) !== null && _props$controlProps13 !== void 0 && _props$controlProps13.hideCancelButton) && (decodeComponentString((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.cancelButton) || /*#__PURE__*/React.createElement(DefaultButton, {
110
+ ariaLabel: ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.confirmButtonAriaLabel) || defaultConfirmationPaneControlProps.confirmButtonAriaLabel
111
+ })), !((_props$controlProps14 = props.controlProps) !== null && _props$controlProps14 !== void 0 && _props$controlProps14.hideCancelButton) && (decodeComponentString((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.cancelButton) || /*#__PURE__*/React.createElement(DefaultButton, {
110
112
  className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 || (_props$styleProps15 = _props$styleProps15.classNames) === null || _props$styleProps15 === void 0 ? void 0 : _props$styleProps15.cancelButtonClassName,
111
113
  styles: cancelButtonStyles,
112
- text: ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.cancelButtonText) || defaultConfirmationPaneControlProps.cancelButtonText,
114
+ text: ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.cancelButtonText) || defaultConfirmationPaneControlProps.cancelButtonText,
113
115
  onClick: handleCancelClick,
114
116
  id: elementId + "-cancelbutton",
115
- ariaLabel: ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.cancelButtonAriaLabel) || defaultConfirmationPaneControlProps.cancelButtonAriaLabel
117
+ ariaLabel: ((_props$controlProps16 = props.controlProps) === null || _props$controlProps16 === void 0 ? void 0 : _props$controlProps16.cancelButtonAriaLabel) || defaultConfirmationPaneControlProps.cancelButtonAriaLabel
116
118
  })))));
117
119
  }
118
120
  export default ConfirmationPane;
package/lib/esm/components/confirmationpane/common/defaultProps/defaultConfirmationPaneControlProps.js CHANGED
@@ -7,6 +7,7 @@ export const defaultConfirmationPaneControlProps = {
7
7
  titleText: Texts.ConfirmationPaneTitle,
8
8
  hideSubtitle: false,
9
9
  subtitleText: Texts.ConfirmationPaneSubtitle,
10
+ buttonGroupAriaLabel: AriaLabels.ConfirmationPaneButtonGroup,
10
11
  hideConfirmButton: false,
11
12
  confirmButtonText: Texts.ConfirmButtonText,
12
13
  confirmButtonAriaLabel: AriaLabels.ConfirmationPaneConfirm,
package/lib/esm/components/inputvalidationpane/InputValidationPane.js CHANGED
@@ -18,7 +18,7 @@ import { defaultInputValidationPaneSubtitleStyles } from "./common/default/defau
18
18
  import { defaultInputValidationPaneTitleStyles } from "./common/default/defaultStyles/defaultInputValidationPaneTitleStyles";
19
19
  import { generateEventName } from "../../common/utils";
20
20
  function InputValidationPane(props) {
21
- var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$controlProps12, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps0, _props$styleProps1, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$styleProps13, _props$styleProps14, _props$controlProps13, _props$styleProps15, _props$controlProps14, _props$controlProps15, _props$styleProps16, _props$controlProps16, _props$componentOverr, _props$styleProps17, _props$controlProps17, _props$controlProps18, _props$componentOverr2, _props$styleProps18, _props$controlProps19, _props$controlProps20, _props$componentOverr3, _props$styleProps19, _props$controlProps21, _props$controlProps22, _props$controlProps23, _props$componentOverr4, _props$styleProps20, _props$controlProps24, _props$controlProps25, _props$styleProps21, _props$controlProps26, _props$componentOverr5, _props$styleProps22, _props$controlProps27, _props$controlProps28, _props$controlProps29, _props$controlProps30, _props$componentOverr6, _props$styleProps23, _props$controlProps31, _props$controlProps32, _props$controlProps33;
21
+ var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$controlProps12, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps0, _props$styleProps1, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$styleProps13, _props$styleProps14, _props$controlProps13, _props$styleProps15, _props$controlProps14, _props$controlProps15, _props$styleProps16, _props$controlProps16, _props$componentOverr, _props$styleProps17, _props$controlProps17, _props$controlProps18, _props$componentOverr2, _props$styleProps18, _props$controlProps19, _props$controlProps20, _props$componentOverr3, _props$styleProps19, _props$controlProps21, _props$controlProps22, _props$controlProps23, _props$componentOverr4, _props$styleProps20, _props$controlProps24, _props$controlProps25, _props$styleProps21, _props$controlProps26, _props$controlProps27, _props$componentOverr5, _props$styleProps22, _props$controlProps28, _props$controlProps29, _props$controlProps30, _props$controlProps31, _props$componentOverr6, _props$styleProps23, _props$controlProps32, _props$controlProps33, _props$controlProps34;
22
22
  const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultInputValidationPaneControlProps.id;
23
23
  const [inputValue, setInputValue] = useState("");
24
24
  const [isInitialRendering, setIsInitialRendering] = useState(true);
@@ -213,26 +213,28 @@ function InputValidationPane(props) {
213
213
  className: (_props$styleProps21 = props.styleProps) === null || _props$styleProps21 === void 0 || (_props$styleProps21 = _props$styleProps21.classNames) === null || _props$styleProps21 === void 0 ? void 0 : _props$styleProps21.buttonGroupClassName,
214
214
  styles: buttonGroupStyles,
215
215
  tabIndex: -1,
216
- id: elementId + "-buttongroup"
217
- }, !((_props$controlProps26 = props.controlProps) !== null && _props$controlProps26 !== void 0 && _props$controlProps26.hideSendButton) && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.sendButton) || /*#__PURE__*/React.createElement(PrimaryButton, {
216
+ id: elementId + "-buttongroup",
217
+ role: "group",
218
+ "aria-label": ((_props$controlProps26 = props.controlProps) === null || _props$controlProps26 === void 0 ? void 0 : _props$controlProps26.buttonGroupAriaLabel) || defaultInputValidationPaneControlProps.buttonGroupAriaLabel
219
+ }, !((_props$controlProps27 = props.controlProps) !== null && _props$controlProps27 !== void 0 && _props$controlProps27.hideSendButton) && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.sendButton) || /*#__PURE__*/React.createElement(PrimaryButton, {
218
220
  className: (_props$styleProps22 = props.styleProps) === null || _props$styleProps22 === void 0 || (_props$styleProps22 = _props$styleProps22.classNames) === null || _props$styleProps22 === void 0 ? void 0 : _props$styleProps22.sendButtonClassName,
219
221
  styles: sendButtonStyles,
220
- title: ((_props$controlProps27 = props.controlProps) === null || _props$controlProps27 === void 0 ? void 0 : _props$controlProps27.sendButtonText) || defaultInputValidationPaneControlProps.sendButtonText,
222
+ title: ((_props$controlProps28 = props.controlProps) === null || _props$controlProps28 === void 0 ? void 0 : _props$controlProps28.sendButtonText) || defaultInputValidationPaneControlProps.sendButtonText,
221
223
  tabIndex: 0,
222
224
  disabled: !isSendButtonEnabled,
223
- text: ((_props$controlProps28 = props.controlProps) === null || _props$controlProps28 === void 0 ? void 0 : _props$controlProps28.sendButtonText) || defaultInputValidationPaneControlProps.sendButtonText,
225
+ text: ((_props$controlProps29 = props.controlProps) === null || _props$controlProps29 === void 0 ? void 0 : _props$controlProps29.sendButtonText) || defaultInputValidationPaneControlProps.sendButtonText,
224
226
  onClick: handleSendClick,
225
227
  id: elementId + "-sendbutton",
226
- ariaLabel: ((_props$controlProps29 = props.controlProps) === null || _props$controlProps29 === void 0 ? void 0 : _props$controlProps29.sendButtonAriaLabel) || defaultInputValidationPaneControlProps.sendButtonAriaLabel
227
- })), !((_props$controlProps30 = props.controlProps) !== null && _props$controlProps30 !== void 0 && _props$controlProps30.hideCancelButton) && (decodeComponentString((_props$componentOverr6 = props.componentOverrides) === null || _props$componentOverr6 === void 0 ? void 0 : _props$componentOverr6.cancelButton) || /*#__PURE__*/React.createElement(DefaultButton, {
228
+ ariaLabel: ((_props$controlProps30 = props.controlProps) === null || _props$controlProps30 === void 0 ? void 0 : _props$controlProps30.sendButtonAriaLabel) || defaultInputValidationPaneControlProps.sendButtonAriaLabel
229
+ })), !((_props$controlProps31 = props.controlProps) !== null && _props$controlProps31 !== void 0 && _props$controlProps31.hideCancelButton) && (decodeComponentString((_props$componentOverr6 = props.componentOverrides) === null || _props$componentOverr6 === void 0 ? void 0 : _props$componentOverr6.cancelButton) || /*#__PURE__*/React.createElement(DefaultButton, {
228
230
  className: (_props$styleProps23 = props.styleProps) === null || _props$styleProps23 === void 0 || (_props$styleProps23 = _props$styleProps23.classNames) === null || _props$styleProps23 === void 0 ? void 0 : _props$styleProps23.cancelButtonClassName,
229
231
  styles: cancelButtonStyles,
230
- title: ((_props$controlProps31 = props.controlProps) === null || _props$controlProps31 === void 0 ? void 0 : _props$controlProps31.cancelButtonText) || defaultInputValidationPaneControlProps.cancelButtonText,
232
+ title: ((_props$controlProps32 = props.controlProps) === null || _props$controlProps32 === void 0 ? void 0 : _props$controlProps32.cancelButtonText) || defaultInputValidationPaneControlProps.cancelButtonText,
231
233
  tabIndex: 0,
232
- text: ((_props$controlProps32 = props.controlProps) === null || _props$controlProps32 === void 0 ? void 0 : _props$controlProps32.cancelButtonText) || defaultInputValidationPaneControlProps.cancelButtonText,
234
+ text: ((_props$controlProps33 = props.controlProps) === null || _props$controlProps33 === void 0 ? void 0 : _props$controlProps33.cancelButtonText) || defaultInputValidationPaneControlProps.cancelButtonText,
233
235
  onClick: handleCancelClick,
234
236
  id: elementId + "-cancelbutton",
235
- ariaLabel: ((_props$controlProps33 = props.controlProps) === null || _props$controlProps33 === void 0 ? void 0 : _props$controlProps33.cancelButtonAriaLabel) || defaultInputValidationPaneControlProps.cancelButtonAriaLabel
237
+ ariaLabel: ((_props$controlProps34 = props.controlProps) === null || _props$controlProps34 === void 0 ? void 0 : _props$controlProps34.cancelButtonAriaLabel) || defaultInputValidationPaneControlProps.cancelButtonAriaLabel
236
238
  })))));
237
239
  }
238
240
  export default InputValidationPane;
package/lib/esm/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneControlProps.js CHANGED
@@ -16,6 +16,7 @@ export const defaultInputValidationPaneControlProps = {
16
16
  inputWithErrorMessageBorderColor: "rgb(164, 38, 44)",
17
17
  invalidInputErrorMessageText: Texts.InvalidInputErrorMessageText,
18
18
  isButtonGroupHorizontal: true,
19
+ buttonGroupAriaLabel: AriaLabels.InputValidationPaneButtonGroup,
19
20
  hideSendButton: false,
20
21
  enableSendButton: false,
21
22
  sendButtonText: Texts.SaveButtonText,
package/lib/types/common/Constants.d.ts CHANGED
@@ -150,6 +150,8 @@ export declare const AriaLabels: {
150
150
  readonly ReconnectChatPaneIcon: "Reconnect Chat Pane Icon";
151
151
  readonly ContinueConversation: "Continue conversation";
152
152
  readonly StartNewConversation: "Start new conversation";
153
+ readonly InputValidationPaneButtonGroup: "Actions";
154
+ readonly ConfirmationPaneButtonGroup: "Actions";
153
155
  };
154
156
  export declare const EventNames: {
155
157
  new (): {};
package/lib/types/components/confirmationpane/interfaces/IConfirmationPaneControlProps.d.ts CHANGED
@@ -6,6 +6,7 @@ export interface IConfirmationPaneControlProps {
6
6
  titleText?: string;
7
7
  hideSubtitle?: boolean;
8
8
  subtitleText?: string;
9
+ buttonGroupAriaLabel?: string;
9
10
  hideConfirmButton?: boolean;
10
11
  confirmButtonText?: string;
11
12
  confirmButtonAriaLabel?: string;
package/lib/types/components/inputvalidationpane/interfaces/IInputValidationPaneControlProps.d.ts CHANGED
@@ -15,6 +15,7 @@ export interface IInputValidationPaneControlProps {
15
15
  inputPlaceHolder?: string;
16
16
  invalidInputErrorMessageText?: string;
17
17
  isButtonGroupHorizontal?: boolean;
18
+ buttonGroupAriaLabel?: string;
18
19
  hideSendButton?: boolean;
19
20
  enableSendButton?: boolean;
20
21
  sendButtonText?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@microsoft/omnichannel-chat-components",
3
- "version": "1.1.17-main.4515f87",
3
+ "version": "1.1.17-main.5d1fc98",
4
4
  "description": "Microsoft Omnichannel Chat Components",
5
5
  "main": "lib/cjs/index.js",
6
6
  "types": "lib/types/index.d.ts",