@microsoft/omnichannel-chat-components 1.0.5-main.d2c1bf4 → 1.0.5

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 (19) hide show
  1. package/lib/cjs/common/Constants.js +1 -1
  2. package/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/CurrentCall.js +27 -23
  3. package/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlProps.js +0 -1
  4. package/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlPropsRtl.js +0 -1
  5. package/lib/cjs/components/inputvalidationpane/InputValidationPane.js +14 -13
  6. package/lib/cjs/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneControlProps.js +1 -0
  7. package/lib/cjs/components/inputvalidationpane/common/presetTwo/presetTwoProps/presetTwoInputValidationPaneControlProps.js +1 -0
  8. package/lib/esm/common/Constants.js +1 -1
  9. package/lib/esm/components/callingcontainer/subcomponents/CurrentCall/CurrentCall.js +27 -23
  10. package/lib/esm/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlProps.js +0 -1
  11. package/lib/esm/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlPropsRtl.js +0 -1
  12. package/lib/esm/components/inputvalidationpane/InputValidationPane.js +14 -13
  13. package/lib/esm/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneControlProps.js +1 -0
  14. package/lib/esm/components/inputvalidationpane/common/presetTwo/presetTwoProps/presetTwoInputValidationPaneControlProps.js +1 -0
  15. package/lib/types/common/Constants.d.ts +1 -0
  16. package/lib/types/components/callingcontainer/subcomponents/CurrentCall/interfaces/ICurrentCallControlProps.d.ts +0 -9
  17. package/lib/types/components/callingcontainer/subcomponents/CurrentCall/interfaces/ICurrentCallNonActionControlIds.d.ts +1 -5
  18. package/lib/types/components/inputvalidationpane/interfaces/IInputValidationPaneControlProps.d.ts +1 -0
  19. package/package.json +1 -1
package/lib/cjs/common/Constants.js CHANGED
@@ -62,5 +62,5 @@ const AriaLabels = (_class6 = class AriaLabels {}, _defineProperty(_class6, "End
62
62
  exports.AriaLabels = AriaLabels;
63
63
  const EventNames = (_class7 = class EventNames {}, _defineProperty(_class7, "OnClick", "OnClick"), _defineProperty(_class7, "OnEscapeKeyDown", "OnEscapeKeyDown"), _defineProperty(_class7, "IncomingCallEnded", "IncomingCallEnded"), _class7);
64
64
  exports.EventNames = EventNames;
65
- 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, "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);
65
+ 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);
66
66
  exports.Texts = Texts;
package/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/CurrentCall.js CHANGED
@@ -32,7 +32,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
32
32
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
33
33
 
34
34
  function CurrentCall(props) {
35
- var _props$controlProps, _defaultCurrentCallPr, _props$controlProps2, _props$controlProps2$, _defaultCurrentCallPr2, _defaultCurrentCallPr3, _props$controlProps3, _props$controlProps3$, _defaultCurrentCallPr4, _defaultCurrentCallPr5, _props$controlProps4, _props$controlProps4$, _defaultCurrentCallPr6, _defaultCurrentCallPr7, _props$controlProps5, _props$controlProps5$, _defaultCurrentCallPr8, _defaultCurrentCallPr9, _props$controlProps6, _props$controlProps6$, _defaultCurrentCallPr10, _defaultCurrentCallPr11, _props$controlProps7, _props$controlProps7$, _defaultCurrentCallPr12, _defaultCurrentCallPr13, _props$controlProps8, _props$controlProps8$, _defaultCurrentCallPr14, _defaultCurrentCallPr15, _props$controlProps9, _props$controlProps10, _defaultCurrentCallPr16, _defaultCurrentCallPr17, _props$styleProps, _props$controlProps11, _props$controlProps12, _defaultCurrentCallPr18, _defaultCurrentCallPr19, _props$controlProps13, _props$controlProps14, _defaultCurrentCallPr20, _defaultCurrentCallPr21, _props$controlProps15, _props$controlProps16, _defaultCurrentCallPr22, _defaultCurrentCallPr23, _props$controlProps17, _props$controlProps18, _props$controlProps19, _props$controlProps20, _defaultCurrentCallPr24, _defaultCurrentCallPr25, _props$controlProps21, _props$controlProps22, _defaultCurrentCallPr26, _defaultCurrentCallPr27, _props$controlProps23, _props$controlProps24, _defaultCurrentCallPr28, _defaultCurrentCallPr29, _props$controlProps25, _props$controlProps26, _defaultCurrentCallPr30, _defaultCurrentCallPr31, _props$controlProps27, _props$controlProps28, _props$controlProps29, _props$controlProps30, _defaultCurrentCallPr32, _defaultCurrentCallPr33, _props$controlProps31, _props$controlProps32, _defaultCurrentCallPr34, _defaultCurrentCallPr35, _props$controlProps33, _props$controlProps34, _defaultCurrentCallPr36, _defaultCurrentCallPr37, _props$controlProps35, _props$controlProps36, _defaultCurrentCallPr38, _defaultCurrentCallPr39, _props$controlProps37, _defaultCurrentCallPr40, _props$controlProps38, _defaultCurrentCallPr41, _props$controlProps39, _defaultCurrentCallPr42, _props$controlProps40, _props$controlProps41, _props$controlProps42, _props$controlProps43, _defaultCurrentCallPr43, _defaultCurrentCallPr44, _props$controlProps44, _props$controlProps45, _defaultCurrentCallPr45, _defaultCurrentCallPr46, _props$controlProps46, _props$controlProps47, _defaultCurrentCallPr47, _defaultCurrentCallPr48, _props$controlProps48, _props$controlProps49, _defaultCurrentCallPr49, _defaultCurrentCallPr50, _props$controlProps50, _props$controlProps51, _props$controlProps52, _props$controlProps53, _defaultCurrentCallPr51, _defaultCurrentCallPr52, _props$controlProps54, _props$controlProps55, _defaultCurrentCallPr53, _defaultCurrentCallPr54, _props$controlProps56, _props$controlProps57, _defaultCurrentCallPr55, _defaultCurrentCallPr56, _props$controlProps58, _props$controlProps59, _defaultCurrentCallPr57, _defaultCurrentCallPr58, _defaultCurrentCallPr59, _props$controlProps60, _defaultCurrentCallPr60, _props$controlProps61, _defaultCurrentCallPr61, _props$styleProps2, _defaultCurrentCallPr62, _props$styleProps3, _defaultCurrentCallPr63, _props$styleProps4, _defaultCurrentCallPr67, _props$styleProps8, _defaultCurrentCallPr68, _props$styleProps9, _defaultCurrentCallPr69, _props$styleProps10, _defaultCurrentCallPr70, _props$styleProps11, _defaultCurrentCallPr71, _props$styleProps12, _props$controlProps68, _defaultCurrentCallPr72, _props$styleProps13, _props$styleProps13$c, _props$styleProps14, _props$styleProps14$c, _props$styleProps15, _props$styleProps15$c, _props$styleProps16, _props$styleProps16$c, _props$styleProps17, _props$styleProps17$c, _props$controlProps69, _props$controlProps70, _props$controlProps71, _props$controlProps72, _props$controlProps73, _props$controlProps74, _props$controlProps75, _props$controlProps76, _props$controlProps77, _defaultCurrentCallPr73, _defaultCurrentCallPr74, _props$controlProps78, _props$controlProps79, _defaultCurrentCallPr75, _defaultCurrentCallPr76, _props$controlProps80, _props$controlProps81, _props$controlProps82, _props$controlProps83, _defaultCurrentCallPr77, _defaultCurrentCallPr78, _props$controlProps84, _props$controlProps85, _defaultCurrentCallPr79, _defaultCurrentCallPr80, _props$controlProps86, _props$controlProps87, _props$controlProps88, _props$controlProps89, _props$controlProps90, _defaultCurrentCallPr81, _defaultCurrentCallPr82, _props$controlProps91, _props$controlProps92, _defaultCurrentCallPr83, _defaultCurrentCallPr84, _props$controlProps93, _props$controlProps94, _props$controlProps95, _props$controlProps96, _defaultCurrentCallPr85, _defaultCurrentCallPr86, _props$controlProps97, _props$controlProps98, _defaultCurrentCallPr87, _defaultCurrentCallPr88, _props$controlProps99, _props$controlProps100, _props$controlProps101;
35
+ var _props$controlProps, _defaultCurrentCallPr, _props$controlProps2, _props$controlProps2$, _defaultCurrentCallPr2, _defaultCurrentCallPr3, _props$controlProps3, _props$controlProps3$, _defaultCurrentCallPr4, _defaultCurrentCallPr5, _props$controlProps4, _props$controlProps4$, _defaultCurrentCallPr6, _defaultCurrentCallPr7, _props$controlProps5, _props$controlProps5$, _defaultCurrentCallPr8, _defaultCurrentCallPr9, _props$controlProps6, _props$controlProps6$, _defaultCurrentCallPr10, _defaultCurrentCallPr11, _props$controlProps7, _props$controlProps7$, _defaultCurrentCallPr12, _defaultCurrentCallPr13, _props$controlProps8, _props$controlProps8$, _defaultCurrentCallPr14, _defaultCurrentCallPr15, _props$controlProps9, _props$controlProps10, _defaultCurrentCallPr16, _defaultCurrentCallPr17, _props$styleProps, _props$controlProps11, _props$controlProps12, _defaultCurrentCallPr18, _defaultCurrentCallPr19, _props$controlProps13, _props$controlProps14, _defaultCurrentCallPr20, _defaultCurrentCallPr21, _props$controlProps15, _props$controlProps16, _defaultCurrentCallPr22, _defaultCurrentCallPr23, _props$controlProps17, _props$controlProps18, _props$controlProps19, _props$controlProps20, _defaultCurrentCallPr24, _defaultCurrentCallPr25, _props$controlProps21, _props$controlProps22, _defaultCurrentCallPr26, _defaultCurrentCallPr27, _props$controlProps23, _props$controlProps24, _defaultCurrentCallPr28, _defaultCurrentCallPr29, _props$controlProps25, _props$controlProps26, _defaultCurrentCallPr30, _defaultCurrentCallPr31, _props$controlProps27, _props$controlProps28, _props$controlProps29, _props$controlProps30, _defaultCurrentCallPr32, _defaultCurrentCallPr33, _props$controlProps31, _props$controlProps32, _defaultCurrentCallPr34, _defaultCurrentCallPr35, _props$controlProps33, _props$controlProps34, _defaultCurrentCallPr36, _defaultCurrentCallPr37, _props$controlProps35, _props$controlProps36, _defaultCurrentCallPr38, _defaultCurrentCallPr39, _props$controlProps37, _defaultCurrentCallPr40, _props$controlProps38, _defaultCurrentCallPr41, _props$controlProps39, _defaultCurrentCallPr42, _props$controlProps40, _props$controlProps41, _props$controlProps42, _props$controlProps43, _defaultCurrentCallPr43, _defaultCurrentCallPr44, _props$controlProps44, _props$controlProps45, _defaultCurrentCallPr45, _defaultCurrentCallPr46, _props$controlProps46, _props$controlProps47, _defaultCurrentCallPr47, _defaultCurrentCallPr48, _props$controlProps48, _props$controlProps49, _defaultCurrentCallPr49, _defaultCurrentCallPr50, _props$controlProps50, _props$controlProps51, _props$controlProps52, _props$controlProps53, _defaultCurrentCallPr51, _defaultCurrentCallPr52, _props$controlProps54, _props$controlProps55, _defaultCurrentCallPr53, _defaultCurrentCallPr54, _props$controlProps56, _props$controlProps57, _defaultCurrentCallPr55, _defaultCurrentCallPr56, _props$controlProps58, _props$controlProps59, _defaultCurrentCallPr57, _defaultCurrentCallPr58, _defaultCurrentCallPr59, _props$controlProps60, _defaultCurrentCallPr60, _props$controlProps61, _defaultCurrentCallPr61, _props$styleProps2, _defaultCurrentCallPr62, _props$styleProps3, _defaultCurrentCallPr63, _props$styleProps4, _defaultCurrentCallPr64, _props$styleProps5, _defaultCurrentCallPr68, _props$styleProps9, _defaultCurrentCallPr69, _props$styleProps10, _defaultCurrentCallPr70, _props$styleProps11, _defaultCurrentCallPr71, _props$styleProps12, _defaultCurrentCallPr72, _props$styleProps13, _props$controlProps68, _defaultCurrentCallPr73, _props$styleProps14, _props$styleProps14$c, _props$styleProps15, _props$styleProps15$c, _props$styleProps16, _props$styleProps16$c, _props$styleProps17, _props$styleProps17$c, _props$styleProps18, _props$styleProps18$c, _props$controlProps69, _props$controlProps70, _props$controlProps71, _props$controlProps72, _props$controlProps73, _props$controlProps74, _props$controlProps75, _props$controlProps76, _props$controlProps77, _defaultCurrentCallPr74, _defaultCurrentCallPr75, _props$controlProps78, _props$controlProps79, _defaultCurrentCallPr76, _defaultCurrentCallPr77, _props$controlProps80, _props$controlProps81, _props$controlProps82, _props$controlProps83, _defaultCurrentCallPr78, _defaultCurrentCallPr79, _props$controlProps84, _props$controlProps85, _defaultCurrentCallPr80, _defaultCurrentCallPr81, _props$controlProps86, _props$controlProps87, _props$controlProps88, _props$controlProps89, _props$controlProps90, _defaultCurrentCallPr82, _defaultCurrentCallPr83, _props$controlProps91, _props$controlProps92, _defaultCurrentCallPr84, _defaultCurrentCallPr85, _props$controlProps93, _props$controlProps94, _props$controlProps95, _props$controlProps96, _defaultCurrentCallPr86, _defaultCurrentCallPr87, _props$controlProps97, _props$controlProps98, _defaultCurrentCallPr88, _defaultCurrentCallPr89, _props$controlProps99, _props$controlProps100, _props$controlProps101;
36
36
 
37
37
  const currentCallId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? ((_defaultCurrentCallPr = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr === void 0 ? void 0 : _defaultCurrentCallPr.id);
38
38
  const endCallButtonId = ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : (_props$controlProps2$ = _props$controlProps2.endCallButtonProps) === null || _props$controlProps2$ === void 0 ? void 0 : _props$controlProps2$.id) ?? ((_defaultCurrentCallPr2 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr2 === void 0 ? void 0 : (_defaultCurrentCallPr3 = _defaultCurrentCallPr2.endCallButtonProps) === null || _defaultCurrentCallPr3 === void 0 ? void 0 : _defaultCurrentCallPr3.id);
@@ -125,43 +125,46 @@ function CurrentCall(props) {
125
125
  const callTimerProps = Object.assign({}, (_defaultCurrentCallPr60 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr60 === void 0 ? void 0 : _defaultCurrentCallPr60.callTimerProps, (_props$controlProps61 = props.controlProps) === null || _props$controlProps61 === void 0 ? void 0 : _props$controlProps61.callTimerProps);
126
126
  const endCallButtonStyles = Object.assign({}, (_defaultCurrentCallPr61 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr61 === void 0 ? void 0 : _defaultCurrentCallPr61.endCallButtonStyleProps, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.endCallButtonStyleProps);
127
127
  const endCallButtonHoverStyles = Object.assign({}, (_defaultCurrentCallPr62 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr62 === void 0 ? void 0 : _defaultCurrentCallPr62.endCallButtonHoverStyleProps, (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.endCallButtonHoverStyleProps);
128
+ const remoteVideoStyles = {
129
+ root: Object.assign({}, (_defaultCurrentCallPr63 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr63 === void 0 ? void 0 : _defaultCurrentCallPr63.remoteVideoStyleProps, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.remoteVideoStyleProps)
130
+ };
128
131
  let selfVideoStyles = {
129
- root: Object.assign({}, (_defaultCurrentCallPr63 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr63 === void 0 ? void 0 : _defaultCurrentCallPr63.selfVideoStyleProps, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.selfVideoStyleProps)
132
+ root: Object.assign({}, (_defaultCurrentCallPr64 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr64 === void 0 ? void 0 : _defaultCurrentCallPr64.selfVideoStyleProps, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.selfVideoStyleProps)
130
133
  };
131
134
 
132
135
  if (hideRemoteVideo && !hideSelfVideo) {
133
- var _defaultCurrentCallPr64, _props$styleProps5;
136
+ var _defaultCurrentCallPr65, _props$styleProps6;
134
137
 
135
138
  selfVideoStyles = {
136
- root: Object.assign({}, (_defaultCurrentCallPr64 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr64 === void 0 ? void 0 : _defaultCurrentCallPr64.selfVideoMaximizeStyleProps, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.selfVideoMaximizeStyleProps)
139
+ root: Object.assign({}, (_defaultCurrentCallPr65 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr65 === void 0 ? void 0 : _defaultCurrentCallPr65.selfVideoMaximizeStyleProps, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.selfVideoMaximizeStyleProps)
137
140
  };
138
141
  }
139
142
 
140
143
  let videoTileStackStyles;
141
144
 
142
145
  if (hideVideoDialog) {
143
- var _defaultCurrentCallPr65, _props$styleProps6;
146
+ var _defaultCurrentCallPr66, _props$styleProps7;
144
147
 
145
148
  videoTileStackStyles = {
146
- root: Object.assign({}, (_defaultCurrentCallPr65 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr65 === void 0 ? void 0 : _defaultCurrentCallPr65.videoTileStyleProps, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.videoTileStyleProps)
149
+ root: Object.assign({}, (_defaultCurrentCallPr66 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr66 === void 0 ? void 0 : _defaultCurrentCallPr66.videoTileStyleProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.videoTileStyleProps)
147
150
  };
148
151
  } else {
149
- var _defaultCurrentCallPr66, _props$styleProps7;
152
+ var _defaultCurrentCallPr67, _props$styleProps8;
150
153
 
151
154
  videoTileStackStyles = {
152
- root: Object.assign({}, (_defaultCurrentCallPr66 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr66 === void 0 ? void 0 : _defaultCurrentCallPr66.videoTileStyleWithVideoProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.videoTileStyleWithVideoProps)
155
+ root: Object.assign({}, (_defaultCurrentCallPr67 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr67 === void 0 ? void 0 : _defaultCurrentCallPr67.videoTileStyleWithVideoProps, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.videoTileStyleWithVideoProps)
153
156
  };
154
157
  }
155
158
 
156
159
  const videoOffButtonStyles = {
157
- root: Object.assign({}, (_defaultCurrentCallPr67 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr67 === void 0 ? void 0 : _defaultCurrentCallPr67.videoOffButtonStyleProps, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.videoOffButtonStyleProps),
158
- rootFocused: Object.assign({}, (_defaultCurrentCallPr68 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr68 === void 0 ? void 0 : _defaultCurrentCallPr68.itemFocusStyleProps, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.itemFocusStyleProps)
160
+ root: Object.assign({}, (_defaultCurrentCallPr68 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr68 === void 0 ? void 0 : _defaultCurrentCallPr68.videoOffButtonStyleProps, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.videoOffButtonStyleProps),
161
+ rootFocused: Object.assign({}, (_defaultCurrentCallPr69 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr69 === void 0 ? void 0 : _defaultCurrentCallPr69.itemFocusStyleProps, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.itemFocusStyleProps)
159
162
  };
160
163
  const micOffButtonStyles = {
161
- root: Object.assign({}, (_defaultCurrentCallPr69 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr69 === void 0 ? void 0 : _defaultCurrentCallPr69.micButtonStyleProps, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.micButtonStyleProps),
162
- rootFocused: Object.assign({}, (_defaultCurrentCallPr70 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr70 === void 0 ? void 0 : _defaultCurrentCallPr70.itemFocusStyleProps, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.itemFocusStyleProps)
164
+ root: Object.assign({}, (_defaultCurrentCallPr70 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr70 === void 0 ? void 0 : _defaultCurrentCallPr70.micButtonStyleProps, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.micButtonStyleProps),
165
+ rootFocused: Object.assign({}, (_defaultCurrentCallPr71 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr71 === void 0 ? void 0 : _defaultCurrentCallPr71.itemFocusStyleProps, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.itemFocusStyleProps)
163
166
  };
164
- const CurrentCallItemFocusStyles = Object.assign({}, (_defaultCurrentCallPr71 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr71 === void 0 ? void 0 : _defaultCurrentCallPr71.itemFocusStyleProps, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.itemFocusStyleProps);
167
+ const CurrentCallItemFocusStyles = Object.assign({}, (_defaultCurrentCallPr72 = _defaultCurrentCallProps.defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr72 === void 0 ? void 0 : _defaultCurrentCallPr72.itemFocusStyleProps, (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.itemFocusStyleProps);
165
168
  const endCallCustomEvent = {
166
169
  elementType: _Constants.ElementType.CurrentCallEndCallButton,
167
170
  elementId: endCallButtonId,
@@ -212,7 +215,7 @@ function CurrentCall(props) {
212
215
  (_props$controlProps67 = props.controlProps) === null || _props$controlProps67 === void 0 ? void 0 : _props$controlProps67.onMicCallClick();
213
216
  }
214
217
  }, []);
215
- const hideCallTimer = ((_props$controlProps68 = props.controlProps) === null || _props$controlProps68 === void 0 ? void 0 : _props$controlProps68.hideCallTimer) ?? ((_defaultCurrentCallPr72 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr72 === void 0 ? void 0 : _defaultCurrentCallPr72.hideCallTimer);
218
+ const hideCallTimer = ((_props$controlProps68 = props.controlProps) === null || _props$controlProps68 === void 0 ? void 0 : _props$controlProps68.hideCallTimer) ?? ((_defaultCurrentCallPr73 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr73 === void 0 ? void 0 : _defaultCurrentCallPr73.hideCallTimer);
216
219
  (0, React.useEffect)(() => {
217
220
  const endCallShortcut = e => e.key === _Constants.KeyCodes.ENTER;
218
221
 
@@ -244,7 +247,7 @@ function CurrentCall(props) {
244
247
  };
245
248
  }, []);
246
249
  return /*#__PURE__*/React.createElement(_react2.Stack, {
247
- className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : (_props$styleProps13$c = _props$styleProps13.classNames) === null || _props$styleProps13$c === void 0 ? void 0 : _props$styleProps13$c.currentCallComponentClassName,
250
+ className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : (_props$styleProps14$c = _props$styleProps14.classNames) === null || _props$styleProps14$c === void 0 ? void 0 : _props$styleProps14$c.currentCallComponentClassName,
248
251
  horizontalAlign: "space-between",
249
252
  styles: stackStyles,
250
253
  id: currentCallId,
@@ -252,17 +255,18 @@ function CurrentCall(props) {
252
255
  }, /*#__PURE__*/React.createElement(_react2.Stack, {
253
256
  styles: videoTileStackStyles,
254
257
  id: videoTileId,
255
- className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : (_props$styleProps14$c = _props$styleProps14.classNames) === null || _props$styleProps14$c === void 0 ? void 0 : _props$styleProps14$c.videoTileGroupClassName
258
+ className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 ? void 0 : (_props$styleProps15$c = _props$styleProps15.classNames) === null || _props$styleProps15$c === void 0 ? void 0 : _props$styleProps15$c.videoTileGroupClassName
256
259
  }, /*#__PURE__*/React.createElement(_react2.Stack, {
260
+ styles: remoteVideoStyles,
257
261
  id: remoteVideoTileId,
258
- className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 ? void 0 : (_props$styleProps15$c = _props$styleProps15.classNames) === null || _props$styleProps15$c === void 0 ? void 0 : _props$styleProps15$c.remoteVideoTileClassName
262
+ className: (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.classNames) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.remoteVideoTileClassName
259
263
  }), /*#__PURE__*/React.createElement(_react2.Stack, {
260
264
  styles: selfVideoStyles,
261
265
  id: selfVideoTileId,
262
- className: (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.classNames) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.selfVideoTileClassName
266
+ className: (_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 ? void 0 : (_props$styleProps17$c = _props$styleProps17.classNames) === null || _props$styleProps17$c === void 0 ? void 0 : _props$styleProps17$c.selfVideoTileClassName
263
267
  })), /*#__PURE__*/React.createElement(_react2.Stack, {
264
268
  horizontal: true,
265
- className: (_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 ? void 0 : (_props$styleProps17$c = _props$styleProps17.classNames) === null || _props$styleProps17$c === void 0 ? void 0 : _props$styleProps17$c.currentCallfooterClassName,
269
+ className: (_props$styleProps18 = props.styleProps) === null || _props$styleProps18 === void 0 ? void 0 : (_props$styleProps18$c = _props$styleProps18.classNames) === null || _props$styleProps18$c === void 0 ? void 0 : _props$styleProps18$c.currentCallfooterClassName,
266
270
  horizontalAlign: "space-between",
267
271
  styles: stackStyles,
268
272
  dir: dir
@@ -287,9 +291,9 @@ function CurrentCall(props) {
287
291
  allowDisabledFocus: true,
288
292
  disabled: (_props$controlProps74 = props.controlProps) === null || _props$controlProps74 === void 0 ? void 0 : (_props$controlProps75 = _props$controlProps74.videoButtonProps) === null || _props$controlProps75 === void 0 ? void 0 : _props$controlProps75.disabled,
289
293
  styles: videoOffButtonStyles,
290
- ariaLabel: hideSelfVideo ? ((_props$controlProps76 = props.controlProps) === null || _props$controlProps76 === void 0 ? void 0 : (_props$controlProps77 = _props$controlProps76.videoButtonProps) === null || _props$controlProps77 === void 0 ? void 0 : _props$controlProps77.ariaLabel) ?? ((_defaultCurrentCallPr73 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr73 === void 0 ? void 0 : (_defaultCurrentCallPr74 = _defaultCurrentCallPr73.videoButtonProps) === null || _defaultCurrentCallPr74 === void 0 ? void 0 : _defaultCurrentCallPr74.ariaLabel) : ((_props$controlProps78 = props.controlProps) === null || _props$controlProps78 === void 0 ? void 0 : (_props$controlProps79 = _props$controlProps78.videoButtonProps) === null || _props$controlProps79 === void 0 ? void 0 : _props$controlProps79.toggleAriaLabel) ?? ((_defaultCurrentCallPr75 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr75 === void 0 ? void 0 : (_defaultCurrentCallPr76 = _defaultCurrentCallPr75.videoButtonProps) === null || _defaultCurrentCallPr76 === void 0 ? void 0 : _defaultCurrentCallPr76.toggleAriaLabel),
294
+ ariaLabel: hideSelfVideo ? ((_props$controlProps76 = props.controlProps) === null || _props$controlProps76 === void 0 ? void 0 : (_props$controlProps77 = _props$controlProps76.videoButtonProps) === null || _props$controlProps77 === void 0 ? void 0 : _props$controlProps77.ariaLabel) ?? ((_defaultCurrentCallPr74 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr74 === void 0 ? void 0 : (_defaultCurrentCallPr75 = _defaultCurrentCallPr74.videoButtonProps) === null || _defaultCurrentCallPr75 === void 0 ? void 0 : _defaultCurrentCallPr75.ariaLabel) : ((_props$controlProps78 = props.controlProps) === null || _props$controlProps78 === void 0 ? void 0 : (_props$controlProps79 = _props$controlProps78.videoButtonProps) === null || _props$controlProps79 === void 0 ? void 0 : _props$controlProps79.toggleAriaLabel) ?? ((_defaultCurrentCallPr76 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr76 === void 0 ? void 0 : (_defaultCurrentCallPr77 = _defaultCurrentCallPr76.videoButtonProps) === null || _defaultCurrentCallPr77 === void 0 ? void 0 : _defaultCurrentCallPr77.toggleAriaLabel),
291
295
  className: (_props$controlProps80 = props.controlProps) === null || _props$controlProps80 === void 0 ? void 0 : (_props$controlProps81 = _props$controlProps80.videoButtonProps) === null || _props$controlProps81 === void 0 ? void 0 : _props$controlProps81.className,
292
- title: hideSelfVideo ? ((_props$controlProps82 = props.controlProps) === null || _props$controlProps82 === void 0 ? void 0 : (_props$controlProps83 = _props$controlProps82.videoButtonProps) === null || _props$controlProps83 === void 0 ? void 0 : _props$controlProps83.ariaLabel) ?? ((_defaultCurrentCallPr77 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr77 === void 0 ? void 0 : (_defaultCurrentCallPr78 = _defaultCurrentCallPr77.videoButtonProps) === null || _defaultCurrentCallPr78 === void 0 ? void 0 : _defaultCurrentCallPr78.ariaLabel) : ((_props$controlProps84 = props.controlProps) === null || _props$controlProps84 === void 0 ? void 0 : (_props$controlProps85 = _props$controlProps84.videoButtonProps) === null || _props$controlProps85 === void 0 ? void 0 : _props$controlProps85.toggleAriaLabel) ?? ((_defaultCurrentCallPr79 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr79 === void 0 ? void 0 : (_defaultCurrentCallPr80 = _defaultCurrentCallPr79.videoButtonProps) === null || _defaultCurrentCallPr80 === void 0 ? void 0 : _defaultCurrentCallPr80.toggleAriaLabel)
296
+ title: hideSelfVideo ? ((_props$controlProps82 = props.controlProps) === null || _props$controlProps82 === void 0 ? void 0 : (_props$controlProps83 = _props$controlProps82.videoButtonProps) === null || _props$controlProps83 === void 0 ? void 0 : _props$controlProps83.ariaLabel) ?? ((_defaultCurrentCallPr78 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr78 === void 0 ? void 0 : (_defaultCurrentCallPr79 = _defaultCurrentCallPr78.videoButtonProps) === null || _defaultCurrentCallPr79 === void 0 ? void 0 : _defaultCurrentCallPr79.ariaLabel) : ((_props$controlProps84 = props.controlProps) === null || _props$controlProps84 === void 0 ? void 0 : (_props$controlProps85 = _props$controlProps84.videoButtonProps) === null || _props$controlProps85 === void 0 ? void 0 : _props$controlProps85.toggleAriaLabel) ?? ((_defaultCurrentCallPr80 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr80 === void 0 ? void 0 : (_defaultCurrentCallPr81 = _defaultCurrentCallPr80.videoButtonProps) === null || _defaultCurrentCallPr81 === void 0 ? void 0 : _defaultCurrentCallPr81.toggleAriaLabel)
293
297
  }), !((_props$controlProps86 = props.controlProps) !== null && _props$controlProps86 !== void 0 && _props$controlProps86.hideMicButton) && /*#__PURE__*/React.createElement(_react2.IconButton, {
294
298
  id: micButtonId,
295
299
  toggle: true,
@@ -298,9 +302,9 @@ function CurrentCall(props) {
298
302
  allowDisabledFocus: true,
299
303
  disabled: (_props$controlProps87 = props.controlProps) === null || _props$controlProps87 === void 0 ? void 0 : (_props$controlProps88 = _props$controlProps87.micButtonProps) === null || _props$controlProps88 === void 0 ? void 0 : _props$controlProps88.disabled,
300
304
  styles: micOffButtonStyles,
301
- ariaLabel: micState ? ((_props$controlProps89 = props.controlProps) === null || _props$controlProps89 === void 0 ? void 0 : (_props$controlProps90 = _props$controlProps89.micButtonProps) === null || _props$controlProps90 === void 0 ? void 0 : _props$controlProps90.toggleAriaLabel) ?? ((_defaultCurrentCallPr81 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr81 === void 0 ? void 0 : (_defaultCurrentCallPr82 = _defaultCurrentCallPr81.micButtonProps) === null || _defaultCurrentCallPr82 === void 0 ? void 0 : _defaultCurrentCallPr82.toggleAriaLabel) : ((_props$controlProps91 = props.controlProps) === null || _props$controlProps91 === void 0 ? void 0 : (_props$controlProps92 = _props$controlProps91.micButtonProps) === null || _props$controlProps92 === void 0 ? void 0 : _props$controlProps92.ariaLabel) ?? ((_defaultCurrentCallPr83 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr83 === void 0 ? void 0 : (_defaultCurrentCallPr84 = _defaultCurrentCallPr83.micButtonProps) === null || _defaultCurrentCallPr84 === void 0 ? void 0 : _defaultCurrentCallPr84.ariaLabel),
305
+ ariaLabel: micState ? ((_props$controlProps89 = props.controlProps) === null || _props$controlProps89 === void 0 ? void 0 : (_props$controlProps90 = _props$controlProps89.micButtonProps) === null || _props$controlProps90 === void 0 ? void 0 : _props$controlProps90.toggleAriaLabel) ?? ((_defaultCurrentCallPr82 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr82 === void 0 ? void 0 : (_defaultCurrentCallPr83 = _defaultCurrentCallPr82.micButtonProps) === null || _defaultCurrentCallPr83 === void 0 ? void 0 : _defaultCurrentCallPr83.toggleAriaLabel) : ((_props$controlProps91 = props.controlProps) === null || _props$controlProps91 === void 0 ? void 0 : (_props$controlProps92 = _props$controlProps91.micButtonProps) === null || _props$controlProps92 === void 0 ? void 0 : _props$controlProps92.ariaLabel) ?? ((_defaultCurrentCallPr84 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr84 === void 0 ? void 0 : (_defaultCurrentCallPr85 = _defaultCurrentCallPr84.micButtonProps) === null || _defaultCurrentCallPr85 === void 0 ? void 0 : _defaultCurrentCallPr85.ariaLabel),
302
306
  className: (_props$controlProps93 = props.controlProps) === null || _props$controlProps93 === void 0 ? void 0 : (_props$controlProps94 = _props$controlProps93.micButtonProps) === null || _props$controlProps94 === void 0 ? void 0 : _props$controlProps94.className,
303
- title: micState ? ((_props$controlProps95 = props.controlProps) === null || _props$controlProps95 === void 0 ? void 0 : (_props$controlProps96 = _props$controlProps95.micButtonProps) === null || _props$controlProps96 === void 0 ? void 0 : _props$controlProps96.toggleAriaLabel) ?? ((_defaultCurrentCallPr85 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr85 === void 0 ? void 0 : (_defaultCurrentCallPr86 = _defaultCurrentCallPr85.micButtonProps) === null || _defaultCurrentCallPr86 === void 0 ? void 0 : _defaultCurrentCallPr86.toggleAriaLabel) : ((_props$controlProps97 = props.controlProps) === null || _props$controlProps97 === void 0 ? void 0 : (_props$controlProps98 = _props$controlProps97.micButtonProps) === null || _props$controlProps98 === void 0 ? void 0 : _props$controlProps98.ariaLabel) ?? ((_defaultCurrentCallPr87 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr87 === void 0 ? void 0 : (_defaultCurrentCallPr88 = _defaultCurrentCallPr87.micButtonProps) === null || _defaultCurrentCallPr88 === void 0 ? void 0 : _defaultCurrentCallPr88.ariaLabel)
307
+ title: micState ? ((_props$controlProps95 = props.controlProps) === null || _props$controlProps95 === void 0 ? void 0 : (_props$controlProps96 = _props$controlProps95.micButtonProps) === null || _props$controlProps96 === void 0 ? void 0 : _props$controlProps96.toggleAriaLabel) ?? ((_defaultCurrentCallPr86 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr86 === void 0 ? void 0 : (_defaultCurrentCallPr87 = _defaultCurrentCallPr86.micButtonProps) === null || _defaultCurrentCallPr87 === void 0 ? void 0 : _defaultCurrentCallPr87.toggleAriaLabel) : ((_props$controlProps97 = props.controlProps) === null || _props$controlProps97 === void 0 ? void 0 : (_props$controlProps98 = _props$controlProps97.micButtonProps) === null || _props$controlProps98 === void 0 ? void 0 : _props$controlProps98.ariaLabel) ?? ((_defaultCurrentCallPr88 = _defaultCurrentCallProps.defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr88 === void 0 ? void 0 : (_defaultCurrentCallPr89 = _defaultCurrentCallPr88.micButtonProps) === null || _defaultCurrentCallPr89 === void 0 ? void 0 : _defaultCurrentCallPr89.ariaLabel)
304
308
  }), !((_props$controlProps99 = props.controlProps) !== null && _props$controlProps99 !== void 0 && _props$controlProps99.hideEndCallButton) && /*#__PURE__*/React.createElement(_CommandButton.default, _extends({}, endCallButtonProps, {
305
309
  onClick: handleEndCallClick,
306
310
  id: endCallButtonId,
package/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlProps.js CHANGED
@@ -19,7 +19,6 @@ const defaultCurrentCallControlProps = {
19
19
  hideMicButton: false,
20
20
  hideVideoButton: false,
21
21
  hideEndCallButton: false,
22
- hideCurrentCallTitle: false,
23
22
  videoCallDisabled: false,
24
23
  hideCallTimer: false,
25
24
  onEndCallClick: function () {
package/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlPropsRtl.js CHANGED
@@ -21,7 +21,6 @@ const defaultCurrentCallControlPropsRtl = {
21
21
  hideMicButton: false,
22
22
  hideVideoButton: false,
23
23
  hideEndCallButton: false,
24
- hideCurrentCallTitle: false,
25
24
  videoCallDisabled: false,
26
25
  hideCallTimer: false,
27
26
  onEndCallClick: function () {
package/lib/cjs/components/inputvalidationpane/InputValidationPane.js CHANGED
@@ -48,7 +48,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
48
48
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
49
49
 
50
50
  function InputValidationPane(props) {
51
- var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$controlProps14, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$styleProps13, _props$styleProps14, _props$styleProps15, _props$styleProps16, _props$controlProps15, _props$styleProps17, _props$styleProps17$c, _props$controlProps16, _props$controlProps17, _props$styleProps18, _props$styleProps18$c, _props$controlProps18, _props$componentOverr, _props$styleProps19, _props$styleProps19$c, _props$controlProps19, _props$controlProps20, _props$componentOverr2, _props$styleProps20, _props$styleProps20$c, _props$controlProps21, _props$controlProps22, _props$componentOverr3, _props$styleProps21, _props$styleProps21$c, _props$controlProps23, _props$controlProps24, _props$componentOverr4, _props$styleProps22, _props$styleProps22$c, _props$controlProps25, _props$controlProps26, _props$controlProps27, _props$styleProps23, _props$styleProps23$c, _props$controlProps28, _props$componentOverr5, _props$styleProps24, _props$styleProps24$c, _props$controlProps29, _props$controlProps30, _props$controlProps31, _props$controlProps32, _props$componentOverr6, _props$styleProps25, _props$styleProps25$c, _props$controlProps33, _props$controlProps34, _props$controlProps35;
51
+ var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$controlProps14, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$styleProps13, _props$styleProps14, _props$styleProps15, _props$styleProps16, _props$controlProps15, _props$styleProps17, _props$styleProps17$c, _props$controlProps16, _props$controlProps17, _props$styleProps18, _props$styleProps18$c, _props$controlProps18, _props$componentOverr, _props$styleProps19, _props$styleProps19$c, _props$controlProps19, _props$controlProps20, _props$componentOverr2, _props$styleProps20, _props$styleProps20$c, _props$controlProps21, _props$controlProps22, _props$componentOverr3, _props$styleProps21, _props$styleProps21$c, _props$controlProps23, _props$controlProps24, _props$controlProps25, _props$componentOverr4, _props$styleProps22, _props$styleProps22$c, _props$controlProps26, _props$controlProps27, _props$controlProps28, _props$styleProps23, _props$styleProps23$c, _props$controlProps29, _props$componentOverr5, _props$styleProps24, _props$styleProps24$c, _props$controlProps30, _props$controlProps31, _props$controlProps32, _props$controlProps33, _props$componentOverr6, _props$styleProps25, _props$styleProps25$c, _props$controlProps34, _props$controlProps35, _props$controlProps36;
52
52
 
53
53
  const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.id;
54
54
  const [inputValue, setInputValue] = (0, _react2.useState)("");
@@ -244,39 +244,40 @@ function InputValidationPane(props) {
244
244
  ariaLabel: ((_props$controlProps24 = props.controlProps) === null || _props$controlProps24 === void 0 ? void 0 : _props$controlProps24.inputAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.inputAriaLabel,
245
245
  borderless: isInvalidInput,
246
246
  onChange: handleInputChange,
247
- onKeyUp: handleInputKeyUp
247
+ onKeyUp: handleInputKeyUp,
248
+ placeholder: ((_props$controlProps25 = props.controlProps) === null || _props$controlProps25 === void 0 ? void 0 : _props$controlProps25.inputPlaceHolder) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.inputPlaceHolder
248
249
  })), isInvalidInput && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.invalidInputErrorMessage) || /*#__PURE__*/_react2.default.createElement(_react.Stack, {
249
250
  className: (_props$styleProps22 = props.styleProps) === null || _props$styleProps22 === void 0 ? void 0 : (_props$styleProps22$c = _props$styleProps22.classNames) === null || _props$styleProps22$c === void 0 ? void 0 : _props$styleProps22$c.invalidInputErrorMessageClassName,
250
251
  styles: invalidInputErrorMessageStyles,
251
- "aria-label": ((_props$controlProps25 = props.controlProps) === null || _props$controlProps25 === void 0 ? void 0 : _props$controlProps25.invalidInputErrorMessageText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.invalidInputErrorMessageText,
252
+ "aria-label": ((_props$controlProps26 = props.controlProps) === null || _props$controlProps26 === void 0 ? void 0 : _props$controlProps26.invalidInputErrorMessageText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.invalidInputErrorMessageText,
252
253
  tabIndex: -1,
253
254
  role: "alert",
254
255
  id: elementId + "-invalidinputerrormessage"
255
- }, ((_props$controlProps26 = props.controlProps) === null || _props$controlProps26 === void 0 ? void 0 : _props$controlProps26.invalidInputErrorMessageText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.invalidInputErrorMessageText))), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
256
- horizontal: ((_props$controlProps27 = props.controlProps) === null || _props$controlProps27 === void 0 ? void 0 : _props$controlProps27.isButtonGroupHorizontal) ?? _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.isButtonGroupHorizontal,
256
+ }, ((_props$controlProps27 = props.controlProps) === null || _props$controlProps27 === void 0 ? void 0 : _props$controlProps27.invalidInputErrorMessageText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.invalidInputErrorMessageText))), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
257
+ horizontal: ((_props$controlProps28 = props.controlProps) === null || _props$controlProps28 === void 0 ? void 0 : _props$controlProps28.isButtonGroupHorizontal) ?? _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.isButtonGroupHorizontal,
257
258
  className: (_props$styleProps23 = props.styleProps) === null || _props$styleProps23 === void 0 ? void 0 : (_props$styleProps23$c = _props$styleProps23.classNames) === null || _props$styleProps23$c === void 0 ? void 0 : _props$styleProps23$c.buttonGroupClassName,
258
259
  styles: buttonGroupStyles,
259
260
  tabIndex: -1,
260
261
  id: elementId + "-buttongroup"
261
- }, !((_props$controlProps28 = props.controlProps) !== null && _props$controlProps28 !== void 0 && _props$controlProps28.hideSendButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.sendButton) || /*#__PURE__*/_react2.default.createElement(_Button.PrimaryButton, {
262
+ }, !((_props$controlProps29 = props.controlProps) !== null && _props$controlProps29 !== void 0 && _props$controlProps29.hideSendButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.sendButton) || /*#__PURE__*/_react2.default.createElement(_Button.PrimaryButton, {
262
263
  className: (_props$styleProps24 = props.styleProps) === null || _props$styleProps24 === void 0 ? void 0 : (_props$styleProps24$c = _props$styleProps24.classNames) === null || _props$styleProps24$c === void 0 ? void 0 : _props$styleProps24$c.sendButtonClassName,
263
264
  styles: sendButtonStyles,
264
- title: ((_props$controlProps29 = props.controlProps) === null || _props$controlProps29 === void 0 ? void 0 : _props$controlProps29.sendButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonText,
265
+ title: ((_props$controlProps30 = props.controlProps) === null || _props$controlProps30 === void 0 ? void 0 : _props$controlProps30.sendButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonText,
265
266
  tabIndex: 0,
266
267
  disabled: !isSendButtonEnabled,
267
- text: ((_props$controlProps30 = props.controlProps) === null || _props$controlProps30 === void 0 ? void 0 : _props$controlProps30.sendButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonText,
268
+ text: ((_props$controlProps31 = props.controlProps) === null || _props$controlProps31 === void 0 ? void 0 : _props$controlProps31.sendButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonText,
268
269
  onClick: handleSendClick,
269
270
  id: elementId + "-sendbutton",
270
- ariaLabel: ((_props$controlProps31 = props.controlProps) === null || _props$controlProps31 === void 0 ? void 0 : _props$controlProps31.sendButtonAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonAriaLabel
271
- })), !((_props$controlProps32 = props.controlProps) !== null && _props$controlProps32 !== void 0 && _props$controlProps32.hideCancelButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr6 = props.componentOverrides) === null || _props$componentOverr6 === void 0 ? void 0 : _props$componentOverr6.cancelButton) || /*#__PURE__*/_react2.default.createElement(_Button.DefaultButton, {
271
+ ariaLabel: ((_props$controlProps32 = props.controlProps) === null || _props$controlProps32 === void 0 ? void 0 : _props$controlProps32.sendButtonAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.sendButtonAriaLabel
272
+ })), !((_props$controlProps33 = props.controlProps) !== null && _props$controlProps33 !== void 0 && _props$controlProps33.hideCancelButton) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr6 = props.componentOverrides) === null || _props$componentOverr6 === void 0 ? void 0 : _props$componentOverr6.cancelButton) || /*#__PURE__*/_react2.default.createElement(_Button.DefaultButton, {
272
273
  className: (_props$styleProps25 = props.styleProps) === null || _props$styleProps25 === void 0 ? void 0 : (_props$styleProps25$c = _props$styleProps25.classNames) === null || _props$styleProps25$c === void 0 ? void 0 : _props$styleProps25$c.cancelButtonClassName,
273
274
  styles: cancelButtonStyles,
274
- title: ((_props$controlProps33 = props.controlProps) === null || _props$controlProps33 === void 0 ? void 0 : _props$controlProps33.cancelButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonText,
275
+ title: ((_props$controlProps34 = props.controlProps) === null || _props$controlProps34 === void 0 ? void 0 : _props$controlProps34.cancelButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonText,
275
276
  tabIndex: 0,
276
- text: ((_props$controlProps34 = props.controlProps) === null || _props$controlProps34 === void 0 ? void 0 : _props$controlProps34.cancelButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonText,
277
+ text: ((_props$controlProps35 = props.controlProps) === null || _props$controlProps35 === void 0 ? void 0 : _props$controlProps35.cancelButtonText) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonText,
277
278
  onClick: handleCancelClick,
278
279
  id: elementId + "-cancelbutton",
279
- ariaLabel: ((_props$controlProps35 = props.controlProps) === null || _props$controlProps35 === void 0 ? void 0 : _props$controlProps35.cancelButtonAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonAriaLabel
280
+ ariaLabel: ((_props$controlProps36 = props.controlProps) === null || _props$controlProps36 === void 0 ? void 0 : _props$controlProps36.cancelButtonAriaLabel) || _defaultInputValidationPaneControlProps.defaultInputValidationPaneControlProps.cancelButtonAriaLabel
280
281
  })))));
281
282
  }
282
283
 
package/lib/cjs/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneControlProps.js CHANGED
@@ -18,6 +18,7 @@ const defaultInputValidationPaneControlProps = {
18
18
  subtitleText: _Constants.Texts.InputValidationPaneSubtitleText,
19
19
  inputId: _Constants.Ids.DefaultInputValidationPaneInputId,
20
20
  inputInitialText: "",
21
+ inputPlaceHolder: _Constants.Texts.EmailPlaceHolderText,
21
22
  hideInput: false,
22
23
  inputAriaLabel: _Constants.AriaLabels.InputValidationPaneInput,
23
24
  inputWithErrorMessageBorderColor: "rgb(164, 38, 44)",
package/lib/cjs/components/inputvalidationpane/common/presetTwo/presetTwoProps/presetTwoInputValidationPaneControlProps.js CHANGED
@@ -20,6 +20,7 @@ const presetTwoInputValidationPaneControlProps = {
20
20
  hideInput: false,
21
21
  inputAriaLabel: _Constants.AriaLabels.InputValidationPaneInput,
22
22
  inputWithErrorMessageBorderColor: "rgb(164, 38, 44)",
23
+ inputPlaceHolder: _Constants.Texts.EmailPlaceHolderText,
23
24
  invalidInputErrorMessageText: _Constants.Texts.InvalidInputErrorMessageText,
24
25
  isButtonGroupHorizontal: false,
25
26
  hideSendButton: false,
package/lib/esm/common/Constants.js CHANGED
@@ -45,4 +45,4 @@ export const ButtonTypes = (_class4 = class ButtonTypes {}, _defineProperty(_cla
45
45
  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);
46
46
  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);
47
47
  export const EventNames = (_class7 = class EventNames {}, _defineProperty(_class7, "OnClick", "OnClick"), _defineProperty(_class7, "OnEscapeKeyDown", "OnEscapeKeyDown"), _defineProperty(_class7, "IncomingCallEnded", "IncomingCallEnded"), _class7);
48
- 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, "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);
48
+ 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);
package/lib/esm/components/callingcontainer/subcomponents/CurrentCall/CurrentCall.js CHANGED
@@ -12,7 +12,7 @@ import { useBoolean } from "@fluentui/react-hooks";
12
12
  import { useCallback, useEffect } from "react";
13
13
 
14
14
  function CurrentCall(props) {
15
- var _props$controlProps, _defaultCurrentCallPr, _props$controlProps2, _props$controlProps2$, _defaultCurrentCallPr2, _defaultCurrentCallPr3, _props$controlProps3, _props$controlProps3$, _defaultCurrentCallPr4, _defaultCurrentCallPr5, _props$controlProps4, _props$controlProps4$, _defaultCurrentCallPr6, _defaultCurrentCallPr7, _props$controlProps5, _props$controlProps5$, _defaultCurrentCallPr8, _defaultCurrentCallPr9, _props$controlProps6, _props$controlProps6$, _defaultCurrentCallPr10, _defaultCurrentCallPr11, _props$controlProps7, _props$controlProps7$, _defaultCurrentCallPr12, _defaultCurrentCallPr13, _props$controlProps8, _props$controlProps8$, _defaultCurrentCallPr14, _defaultCurrentCallPr15, _props$controlProps9, _props$controlProps10, _defaultCurrentCallPr16, _defaultCurrentCallPr17, _props$styleProps, _props$controlProps11, _props$controlProps12, _defaultCurrentCallPr18, _defaultCurrentCallPr19, _props$controlProps13, _props$controlProps14, _defaultCurrentCallPr20, _defaultCurrentCallPr21, _props$controlProps15, _props$controlProps16, _defaultCurrentCallPr22, _defaultCurrentCallPr23, _props$controlProps17, _props$controlProps18, _props$controlProps19, _props$controlProps20, _defaultCurrentCallPr24, _defaultCurrentCallPr25, _props$controlProps21, _props$controlProps22, _defaultCurrentCallPr26, _defaultCurrentCallPr27, _props$controlProps23, _props$controlProps24, _defaultCurrentCallPr28, _defaultCurrentCallPr29, _props$controlProps25, _props$controlProps26, _defaultCurrentCallPr30, _defaultCurrentCallPr31, _props$controlProps27, _props$controlProps28, _props$controlProps29, _props$controlProps30, _defaultCurrentCallPr32, _defaultCurrentCallPr33, _props$controlProps31, _props$controlProps32, _defaultCurrentCallPr34, _defaultCurrentCallPr35, _props$controlProps33, _props$controlProps34, _defaultCurrentCallPr36, _defaultCurrentCallPr37, _props$controlProps35, _props$controlProps36, _defaultCurrentCallPr38, _defaultCurrentCallPr39, _props$controlProps37, _defaultCurrentCallPr40, _props$controlProps38, _defaultCurrentCallPr41, _props$controlProps39, _defaultCurrentCallPr42, _props$controlProps40, _props$controlProps41, _props$controlProps42, _props$controlProps43, _defaultCurrentCallPr43, _defaultCurrentCallPr44, _props$controlProps44, _props$controlProps45, _defaultCurrentCallPr45, _defaultCurrentCallPr46, _props$controlProps46, _props$controlProps47, _defaultCurrentCallPr47, _defaultCurrentCallPr48, _props$controlProps48, _props$controlProps49, _defaultCurrentCallPr49, _defaultCurrentCallPr50, _props$controlProps50, _props$controlProps51, _props$controlProps52, _props$controlProps53, _defaultCurrentCallPr51, _defaultCurrentCallPr52, _props$controlProps54, _props$controlProps55, _defaultCurrentCallPr53, _defaultCurrentCallPr54, _props$controlProps56, _props$controlProps57, _defaultCurrentCallPr55, _defaultCurrentCallPr56, _props$controlProps58, _props$controlProps59, _defaultCurrentCallPr57, _defaultCurrentCallPr58, _defaultCurrentCallPr59, _props$controlProps60, _defaultCurrentCallPr60, _props$controlProps61, _defaultCurrentCallPr61, _props$styleProps2, _defaultCurrentCallPr62, _props$styleProps3, _defaultCurrentCallPr63, _props$styleProps4, _defaultCurrentCallPr67, _props$styleProps8, _defaultCurrentCallPr68, _props$styleProps9, _defaultCurrentCallPr69, _props$styleProps10, _defaultCurrentCallPr70, _props$styleProps11, _defaultCurrentCallPr71, _props$styleProps12, _props$controlProps68, _defaultCurrentCallPr72, _props$styleProps13, _props$styleProps13$c, _props$styleProps14, _props$styleProps14$c, _props$styleProps15, _props$styleProps15$c, _props$styleProps16, _props$styleProps16$c, _props$styleProps17, _props$styleProps17$c, _props$controlProps69, _props$controlProps70, _props$controlProps71, _props$controlProps72, _props$controlProps73, _props$controlProps74, _props$controlProps75, _props$controlProps76, _props$controlProps77, _defaultCurrentCallPr73, _defaultCurrentCallPr74, _props$controlProps78, _props$controlProps79, _defaultCurrentCallPr75, _defaultCurrentCallPr76, _props$controlProps80, _props$controlProps81, _props$controlProps82, _props$controlProps83, _defaultCurrentCallPr77, _defaultCurrentCallPr78, _props$controlProps84, _props$controlProps85, _defaultCurrentCallPr79, _defaultCurrentCallPr80, _props$controlProps86, _props$controlProps87, _props$controlProps88, _props$controlProps89, _props$controlProps90, _defaultCurrentCallPr81, _defaultCurrentCallPr82, _props$controlProps91, _props$controlProps92, _defaultCurrentCallPr83, _defaultCurrentCallPr84, _props$controlProps93, _props$controlProps94, _props$controlProps95, _props$controlProps96, _defaultCurrentCallPr85, _defaultCurrentCallPr86, _props$controlProps97, _props$controlProps98, _defaultCurrentCallPr87, _defaultCurrentCallPr88, _props$controlProps99, _props$controlProps100, _props$controlProps101;
15
+ var _props$controlProps, _defaultCurrentCallPr, _props$controlProps2, _props$controlProps2$, _defaultCurrentCallPr2, _defaultCurrentCallPr3, _props$controlProps3, _props$controlProps3$, _defaultCurrentCallPr4, _defaultCurrentCallPr5, _props$controlProps4, _props$controlProps4$, _defaultCurrentCallPr6, _defaultCurrentCallPr7, _props$controlProps5, _props$controlProps5$, _defaultCurrentCallPr8, _defaultCurrentCallPr9, _props$controlProps6, _props$controlProps6$, _defaultCurrentCallPr10, _defaultCurrentCallPr11, _props$controlProps7, _props$controlProps7$, _defaultCurrentCallPr12, _defaultCurrentCallPr13, _props$controlProps8, _props$controlProps8$, _defaultCurrentCallPr14, _defaultCurrentCallPr15, _props$controlProps9, _props$controlProps10, _defaultCurrentCallPr16, _defaultCurrentCallPr17, _props$styleProps, _props$controlProps11, _props$controlProps12, _defaultCurrentCallPr18, _defaultCurrentCallPr19, _props$controlProps13, _props$controlProps14, _defaultCurrentCallPr20, _defaultCurrentCallPr21, _props$controlProps15, _props$controlProps16, _defaultCurrentCallPr22, _defaultCurrentCallPr23, _props$controlProps17, _props$controlProps18, _props$controlProps19, _props$controlProps20, _defaultCurrentCallPr24, _defaultCurrentCallPr25, _props$controlProps21, _props$controlProps22, _defaultCurrentCallPr26, _defaultCurrentCallPr27, _props$controlProps23, _props$controlProps24, _defaultCurrentCallPr28, _defaultCurrentCallPr29, _props$controlProps25, _props$controlProps26, _defaultCurrentCallPr30, _defaultCurrentCallPr31, _props$controlProps27, _props$controlProps28, _props$controlProps29, _props$controlProps30, _defaultCurrentCallPr32, _defaultCurrentCallPr33, _props$controlProps31, _props$controlProps32, _defaultCurrentCallPr34, _defaultCurrentCallPr35, _props$controlProps33, _props$controlProps34, _defaultCurrentCallPr36, _defaultCurrentCallPr37, _props$controlProps35, _props$controlProps36, _defaultCurrentCallPr38, _defaultCurrentCallPr39, _props$controlProps37, _defaultCurrentCallPr40, _props$controlProps38, _defaultCurrentCallPr41, _props$controlProps39, _defaultCurrentCallPr42, _props$controlProps40, _props$controlProps41, _props$controlProps42, _props$controlProps43, _defaultCurrentCallPr43, _defaultCurrentCallPr44, _props$controlProps44, _props$controlProps45, _defaultCurrentCallPr45, _defaultCurrentCallPr46, _props$controlProps46, _props$controlProps47, _defaultCurrentCallPr47, _defaultCurrentCallPr48, _props$controlProps48, _props$controlProps49, _defaultCurrentCallPr49, _defaultCurrentCallPr50, _props$controlProps50, _props$controlProps51, _props$controlProps52, _props$controlProps53, _defaultCurrentCallPr51, _defaultCurrentCallPr52, _props$controlProps54, _props$controlProps55, _defaultCurrentCallPr53, _defaultCurrentCallPr54, _props$controlProps56, _props$controlProps57, _defaultCurrentCallPr55, _defaultCurrentCallPr56, _props$controlProps58, _props$controlProps59, _defaultCurrentCallPr57, _defaultCurrentCallPr58, _defaultCurrentCallPr59, _props$controlProps60, _defaultCurrentCallPr60, _props$controlProps61, _defaultCurrentCallPr61, _props$styleProps2, _defaultCurrentCallPr62, _props$styleProps3, _defaultCurrentCallPr63, _props$styleProps4, _defaultCurrentCallPr64, _props$styleProps5, _defaultCurrentCallPr68, _props$styleProps9, _defaultCurrentCallPr69, _props$styleProps10, _defaultCurrentCallPr70, _props$styleProps11, _defaultCurrentCallPr71, _props$styleProps12, _defaultCurrentCallPr72, _props$styleProps13, _props$controlProps68, _defaultCurrentCallPr73, _props$styleProps14, _props$styleProps14$c, _props$styleProps15, _props$styleProps15$c, _props$styleProps16, _props$styleProps16$c, _props$styleProps17, _props$styleProps17$c, _props$styleProps18, _props$styleProps18$c, _props$controlProps69, _props$controlProps70, _props$controlProps71, _props$controlProps72, _props$controlProps73, _props$controlProps74, _props$controlProps75, _props$controlProps76, _props$controlProps77, _defaultCurrentCallPr74, _defaultCurrentCallPr75, _props$controlProps78, _props$controlProps79, _defaultCurrentCallPr76, _defaultCurrentCallPr77, _props$controlProps80, _props$controlProps81, _props$controlProps82, _props$controlProps83, _defaultCurrentCallPr78, _defaultCurrentCallPr79, _props$controlProps84, _props$controlProps85, _defaultCurrentCallPr80, _defaultCurrentCallPr81, _props$controlProps86, _props$controlProps87, _props$controlProps88, _props$controlProps89, _props$controlProps90, _defaultCurrentCallPr82, _defaultCurrentCallPr83, _props$controlProps91, _props$controlProps92, _defaultCurrentCallPr84, _defaultCurrentCallPr85, _props$controlProps93, _props$controlProps94, _props$controlProps95, _props$controlProps96, _defaultCurrentCallPr86, _defaultCurrentCallPr87, _props$controlProps97, _props$controlProps98, _defaultCurrentCallPr88, _defaultCurrentCallPr89, _props$controlProps99, _props$controlProps100, _props$controlProps101;
16
16
 
17
17
  const currentCallId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? ((_defaultCurrentCallPr = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr === void 0 ? void 0 : _defaultCurrentCallPr.id);
18
18
  const endCallButtonId = ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : (_props$controlProps2$ = _props$controlProps2.endCallButtonProps) === null || _props$controlProps2$ === void 0 ? void 0 : _props$controlProps2$.id) ?? ((_defaultCurrentCallPr2 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr2 === void 0 ? void 0 : (_defaultCurrentCallPr3 = _defaultCurrentCallPr2.endCallButtonProps) === null || _defaultCurrentCallPr3 === void 0 ? void 0 : _defaultCurrentCallPr3.id);
@@ -105,43 +105,46 @@ function CurrentCall(props) {
105
105
  const callTimerProps = Object.assign({}, (_defaultCurrentCallPr60 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr60 === void 0 ? void 0 : _defaultCurrentCallPr60.callTimerProps, (_props$controlProps61 = props.controlProps) === null || _props$controlProps61 === void 0 ? void 0 : _props$controlProps61.callTimerProps);
106
106
  const endCallButtonStyles = Object.assign({}, (_defaultCurrentCallPr61 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr61 === void 0 ? void 0 : _defaultCurrentCallPr61.endCallButtonStyleProps, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.endCallButtonStyleProps);
107
107
  const endCallButtonHoverStyles = Object.assign({}, (_defaultCurrentCallPr62 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr62 === void 0 ? void 0 : _defaultCurrentCallPr62.endCallButtonHoverStyleProps, (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.endCallButtonHoverStyleProps);
108
+ const remoteVideoStyles = {
109
+ root: Object.assign({}, (_defaultCurrentCallPr63 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr63 === void 0 ? void 0 : _defaultCurrentCallPr63.remoteVideoStyleProps, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.remoteVideoStyleProps)
110
+ };
108
111
  let selfVideoStyles = {
109
- root: Object.assign({}, (_defaultCurrentCallPr63 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr63 === void 0 ? void 0 : _defaultCurrentCallPr63.selfVideoStyleProps, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.selfVideoStyleProps)
112
+ root: Object.assign({}, (_defaultCurrentCallPr64 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr64 === void 0 ? void 0 : _defaultCurrentCallPr64.selfVideoStyleProps, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.selfVideoStyleProps)
110
113
  };
111
114
 
112
115
  if (hideRemoteVideo && !hideSelfVideo) {
113
- var _defaultCurrentCallPr64, _props$styleProps5;
116
+ var _defaultCurrentCallPr65, _props$styleProps6;
114
117
 
115
118
  selfVideoStyles = {
116
- root: Object.assign({}, (_defaultCurrentCallPr64 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr64 === void 0 ? void 0 : _defaultCurrentCallPr64.selfVideoMaximizeStyleProps, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.selfVideoMaximizeStyleProps)
119
+ root: Object.assign({}, (_defaultCurrentCallPr65 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr65 === void 0 ? void 0 : _defaultCurrentCallPr65.selfVideoMaximizeStyleProps, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.selfVideoMaximizeStyleProps)
117
120
  };
118
121
  }
119
122
 
120
123
  let videoTileStackStyles;
121
124
 
122
125
  if (hideVideoDialog) {
123
- var _defaultCurrentCallPr65, _props$styleProps6;
126
+ var _defaultCurrentCallPr66, _props$styleProps7;
124
127
 
125
128
  videoTileStackStyles = {
126
- root: Object.assign({}, (_defaultCurrentCallPr65 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr65 === void 0 ? void 0 : _defaultCurrentCallPr65.videoTileStyleProps, (_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.videoTileStyleProps)
129
+ root: Object.assign({}, (_defaultCurrentCallPr66 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr66 === void 0 ? void 0 : _defaultCurrentCallPr66.videoTileStyleProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.videoTileStyleProps)
127
130
  };
128
131
  } else {
129
- var _defaultCurrentCallPr66, _props$styleProps7;
132
+ var _defaultCurrentCallPr67, _props$styleProps8;
130
133
 
131
134
  videoTileStackStyles = {
132
- root: Object.assign({}, (_defaultCurrentCallPr66 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr66 === void 0 ? void 0 : _defaultCurrentCallPr66.videoTileStyleWithVideoProps, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.videoTileStyleWithVideoProps)
135
+ root: Object.assign({}, (_defaultCurrentCallPr67 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr67 === void 0 ? void 0 : _defaultCurrentCallPr67.videoTileStyleWithVideoProps, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.videoTileStyleWithVideoProps)
133
136
  };
134
137
  }
135
138
 
136
139
  const videoOffButtonStyles = {
137
- root: Object.assign({}, (_defaultCurrentCallPr67 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr67 === void 0 ? void 0 : _defaultCurrentCallPr67.videoOffButtonStyleProps, (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.videoOffButtonStyleProps),
138
- rootFocused: Object.assign({}, (_defaultCurrentCallPr68 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr68 === void 0 ? void 0 : _defaultCurrentCallPr68.itemFocusStyleProps, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.itemFocusStyleProps)
140
+ root: Object.assign({}, (_defaultCurrentCallPr68 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr68 === void 0 ? void 0 : _defaultCurrentCallPr68.videoOffButtonStyleProps, (_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.videoOffButtonStyleProps),
141
+ rootFocused: Object.assign({}, (_defaultCurrentCallPr69 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr69 === void 0 ? void 0 : _defaultCurrentCallPr69.itemFocusStyleProps, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.itemFocusStyleProps)
139
142
  };
140
143
  const micOffButtonStyles = {
141
- root: Object.assign({}, (_defaultCurrentCallPr69 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr69 === void 0 ? void 0 : _defaultCurrentCallPr69.micButtonStyleProps, (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.micButtonStyleProps),
142
- rootFocused: Object.assign({}, (_defaultCurrentCallPr70 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr70 === void 0 ? void 0 : _defaultCurrentCallPr70.itemFocusStyleProps, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.itemFocusStyleProps)
144
+ root: Object.assign({}, (_defaultCurrentCallPr70 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr70 === void 0 ? void 0 : _defaultCurrentCallPr70.micButtonStyleProps, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.micButtonStyleProps),
145
+ rootFocused: Object.assign({}, (_defaultCurrentCallPr71 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr71 === void 0 ? void 0 : _defaultCurrentCallPr71.itemFocusStyleProps, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.itemFocusStyleProps)
143
146
  };
144
- const CurrentCallItemFocusStyles = Object.assign({}, (_defaultCurrentCallPr71 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr71 === void 0 ? void 0 : _defaultCurrentCallPr71.itemFocusStyleProps, (_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.itemFocusStyleProps);
147
+ const CurrentCallItemFocusStyles = Object.assign({}, (_defaultCurrentCallPr72 = defaultCurrentCallProps.styleProps) === null || _defaultCurrentCallPr72 === void 0 ? void 0 : _defaultCurrentCallPr72.itemFocusStyleProps, (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.itemFocusStyleProps);
145
148
  const endCallCustomEvent = {
146
149
  elementType: ElementType.CurrentCallEndCallButton,
147
150
  elementId: endCallButtonId,
@@ -188,7 +191,7 @@ function CurrentCall(props) {
188
191
  (_props$controlProps67 = props.controlProps) === null || _props$controlProps67 === void 0 ? void 0 : _props$controlProps67.onMicCallClick();
189
192
  }
190
193
  }, []);
191
- const hideCallTimer = ((_props$controlProps68 = props.controlProps) === null || _props$controlProps68 === void 0 ? void 0 : _props$controlProps68.hideCallTimer) ?? ((_defaultCurrentCallPr72 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr72 === void 0 ? void 0 : _defaultCurrentCallPr72.hideCallTimer);
194
+ const hideCallTimer = ((_props$controlProps68 = props.controlProps) === null || _props$controlProps68 === void 0 ? void 0 : _props$controlProps68.hideCallTimer) ?? ((_defaultCurrentCallPr73 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr73 === void 0 ? void 0 : _defaultCurrentCallPr73.hideCallTimer);
192
195
  useEffect(() => {
193
196
  const endCallShortcut = e => e.key === KeyCodes.ENTER;
194
197
 
@@ -220,7 +223,7 @@ function CurrentCall(props) {
220
223
  };
221
224
  }, []);
222
225
  return /*#__PURE__*/React.createElement(Stack, {
223
- className: (_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : (_props$styleProps13$c = _props$styleProps13.classNames) === null || _props$styleProps13$c === void 0 ? void 0 : _props$styleProps13$c.currentCallComponentClassName,
226
+ className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : (_props$styleProps14$c = _props$styleProps14.classNames) === null || _props$styleProps14$c === void 0 ? void 0 : _props$styleProps14$c.currentCallComponentClassName,
224
227
  horizontalAlign: "space-between",
225
228
  styles: stackStyles,
226
229
  id: currentCallId,
@@ -228,17 +231,18 @@ function CurrentCall(props) {
228
231
  }, /*#__PURE__*/React.createElement(Stack, {
229
232
  styles: videoTileStackStyles,
230
233
  id: videoTileId,
231
- className: (_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : (_props$styleProps14$c = _props$styleProps14.classNames) === null || _props$styleProps14$c === void 0 ? void 0 : _props$styleProps14$c.videoTileGroupClassName
234
+ className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 ? void 0 : (_props$styleProps15$c = _props$styleProps15.classNames) === null || _props$styleProps15$c === void 0 ? void 0 : _props$styleProps15$c.videoTileGroupClassName
232
235
  }, /*#__PURE__*/React.createElement(Stack, {
236
+ styles: remoteVideoStyles,
233
237
  id: remoteVideoTileId,
234
- className: (_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 ? void 0 : (_props$styleProps15$c = _props$styleProps15.classNames) === null || _props$styleProps15$c === void 0 ? void 0 : _props$styleProps15$c.remoteVideoTileClassName
238
+ className: (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.classNames) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.remoteVideoTileClassName
235
239
  }), /*#__PURE__*/React.createElement(Stack, {
236
240
  styles: selfVideoStyles,
237
241
  id: selfVideoTileId,
238
- className: (_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.classNames) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.selfVideoTileClassName
242
+ className: (_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 ? void 0 : (_props$styleProps17$c = _props$styleProps17.classNames) === null || _props$styleProps17$c === void 0 ? void 0 : _props$styleProps17$c.selfVideoTileClassName
239
243
  })), /*#__PURE__*/React.createElement(Stack, {
240
244
  horizontal: true,
241
- className: (_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 ? void 0 : (_props$styleProps17$c = _props$styleProps17.classNames) === null || _props$styleProps17$c === void 0 ? void 0 : _props$styleProps17$c.currentCallfooterClassName,
245
+ className: (_props$styleProps18 = props.styleProps) === null || _props$styleProps18 === void 0 ? void 0 : (_props$styleProps18$c = _props$styleProps18.classNames) === null || _props$styleProps18$c === void 0 ? void 0 : _props$styleProps18$c.currentCallfooterClassName,
242
246
  horizontalAlign: "space-between",
243
247
  styles: stackStyles,
244
248
  dir: dir
@@ -263,9 +267,9 @@ function CurrentCall(props) {
263
267
  allowDisabledFocus: true,
264
268
  disabled: (_props$controlProps74 = props.controlProps) === null || _props$controlProps74 === void 0 ? void 0 : (_props$controlProps75 = _props$controlProps74.videoButtonProps) === null || _props$controlProps75 === void 0 ? void 0 : _props$controlProps75.disabled,
265
269
  styles: videoOffButtonStyles,
266
- ariaLabel: hideSelfVideo ? ((_props$controlProps76 = props.controlProps) === null || _props$controlProps76 === void 0 ? void 0 : (_props$controlProps77 = _props$controlProps76.videoButtonProps) === null || _props$controlProps77 === void 0 ? void 0 : _props$controlProps77.ariaLabel) ?? ((_defaultCurrentCallPr73 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr73 === void 0 ? void 0 : (_defaultCurrentCallPr74 = _defaultCurrentCallPr73.videoButtonProps) === null || _defaultCurrentCallPr74 === void 0 ? void 0 : _defaultCurrentCallPr74.ariaLabel) : ((_props$controlProps78 = props.controlProps) === null || _props$controlProps78 === void 0 ? void 0 : (_props$controlProps79 = _props$controlProps78.videoButtonProps) === null || _props$controlProps79 === void 0 ? void 0 : _props$controlProps79.toggleAriaLabel) ?? ((_defaultCurrentCallPr75 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr75 === void 0 ? void 0 : (_defaultCurrentCallPr76 = _defaultCurrentCallPr75.videoButtonProps) === null || _defaultCurrentCallPr76 === void 0 ? void 0 : _defaultCurrentCallPr76.toggleAriaLabel),
270
+ ariaLabel: hideSelfVideo ? ((_props$controlProps76 = props.controlProps) === null || _props$controlProps76 === void 0 ? void 0 : (_props$controlProps77 = _props$controlProps76.videoButtonProps) === null || _props$controlProps77 === void 0 ? void 0 : _props$controlProps77.ariaLabel) ?? ((_defaultCurrentCallPr74 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr74 === void 0 ? void 0 : (_defaultCurrentCallPr75 = _defaultCurrentCallPr74.videoButtonProps) === null || _defaultCurrentCallPr75 === void 0 ? void 0 : _defaultCurrentCallPr75.ariaLabel) : ((_props$controlProps78 = props.controlProps) === null || _props$controlProps78 === void 0 ? void 0 : (_props$controlProps79 = _props$controlProps78.videoButtonProps) === null || _props$controlProps79 === void 0 ? void 0 : _props$controlProps79.toggleAriaLabel) ?? ((_defaultCurrentCallPr76 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr76 === void 0 ? void 0 : (_defaultCurrentCallPr77 = _defaultCurrentCallPr76.videoButtonProps) === null || _defaultCurrentCallPr77 === void 0 ? void 0 : _defaultCurrentCallPr77.toggleAriaLabel),
267
271
  className: (_props$controlProps80 = props.controlProps) === null || _props$controlProps80 === void 0 ? void 0 : (_props$controlProps81 = _props$controlProps80.videoButtonProps) === null || _props$controlProps81 === void 0 ? void 0 : _props$controlProps81.className,
268
- title: hideSelfVideo ? ((_props$controlProps82 = props.controlProps) === null || _props$controlProps82 === void 0 ? void 0 : (_props$controlProps83 = _props$controlProps82.videoButtonProps) === null || _props$controlProps83 === void 0 ? void 0 : _props$controlProps83.ariaLabel) ?? ((_defaultCurrentCallPr77 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr77 === void 0 ? void 0 : (_defaultCurrentCallPr78 = _defaultCurrentCallPr77.videoButtonProps) === null || _defaultCurrentCallPr78 === void 0 ? void 0 : _defaultCurrentCallPr78.ariaLabel) : ((_props$controlProps84 = props.controlProps) === null || _props$controlProps84 === void 0 ? void 0 : (_props$controlProps85 = _props$controlProps84.videoButtonProps) === null || _props$controlProps85 === void 0 ? void 0 : _props$controlProps85.toggleAriaLabel) ?? ((_defaultCurrentCallPr79 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr79 === void 0 ? void 0 : (_defaultCurrentCallPr80 = _defaultCurrentCallPr79.videoButtonProps) === null || _defaultCurrentCallPr80 === void 0 ? void 0 : _defaultCurrentCallPr80.toggleAriaLabel)
272
+ title: hideSelfVideo ? ((_props$controlProps82 = props.controlProps) === null || _props$controlProps82 === void 0 ? void 0 : (_props$controlProps83 = _props$controlProps82.videoButtonProps) === null || _props$controlProps83 === void 0 ? void 0 : _props$controlProps83.ariaLabel) ?? ((_defaultCurrentCallPr78 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr78 === void 0 ? void 0 : (_defaultCurrentCallPr79 = _defaultCurrentCallPr78.videoButtonProps) === null || _defaultCurrentCallPr79 === void 0 ? void 0 : _defaultCurrentCallPr79.ariaLabel) : ((_props$controlProps84 = props.controlProps) === null || _props$controlProps84 === void 0 ? void 0 : (_props$controlProps85 = _props$controlProps84.videoButtonProps) === null || _props$controlProps85 === void 0 ? void 0 : _props$controlProps85.toggleAriaLabel) ?? ((_defaultCurrentCallPr80 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr80 === void 0 ? void 0 : (_defaultCurrentCallPr81 = _defaultCurrentCallPr80.videoButtonProps) === null || _defaultCurrentCallPr81 === void 0 ? void 0 : _defaultCurrentCallPr81.toggleAriaLabel)
269
273
  }), !((_props$controlProps86 = props.controlProps) !== null && _props$controlProps86 !== void 0 && _props$controlProps86.hideMicButton) && /*#__PURE__*/React.createElement(IconButton, {
270
274
  id: micButtonId,
271
275
  toggle: true,
@@ -274,9 +278,9 @@ function CurrentCall(props) {
274
278
  allowDisabledFocus: true,
275
279
  disabled: (_props$controlProps87 = props.controlProps) === null || _props$controlProps87 === void 0 ? void 0 : (_props$controlProps88 = _props$controlProps87.micButtonProps) === null || _props$controlProps88 === void 0 ? void 0 : _props$controlProps88.disabled,
276
280
  styles: micOffButtonStyles,
277
- ariaLabel: micState ? ((_props$controlProps89 = props.controlProps) === null || _props$controlProps89 === void 0 ? void 0 : (_props$controlProps90 = _props$controlProps89.micButtonProps) === null || _props$controlProps90 === void 0 ? void 0 : _props$controlProps90.toggleAriaLabel) ?? ((_defaultCurrentCallPr81 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr81 === void 0 ? void 0 : (_defaultCurrentCallPr82 = _defaultCurrentCallPr81.micButtonProps) === null || _defaultCurrentCallPr82 === void 0 ? void 0 : _defaultCurrentCallPr82.toggleAriaLabel) : ((_props$controlProps91 = props.controlProps) === null || _props$controlProps91 === void 0 ? void 0 : (_props$controlProps92 = _props$controlProps91.micButtonProps) === null || _props$controlProps92 === void 0 ? void 0 : _props$controlProps92.ariaLabel) ?? ((_defaultCurrentCallPr83 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr83 === void 0 ? void 0 : (_defaultCurrentCallPr84 = _defaultCurrentCallPr83.micButtonProps) === null || _defaultCurrentCallPr84 === void 0 ? void 0 : _defaultCurrentCallPr84.ariaLabel),
281
+ ariaLabel: micState ? ((_props$controlProps89 = props.controlProps) === null || _props$controlProps89 === void 0 ? void 0 : (_props$controlProps90 = _props$controlProps89.micButtonProps) === null || _props$controlProps90 === void 0 ? void 0 : _props$controlProps90.toggleAriaLabel) ?? ((_defaultCurrentCallPr82 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr82 === void 0 ? void 0 : (_defaultCurrentCallPr83 = _defaultCurrentCallPr82.micButtonProps) === null || _defaultCurrentCallPr83 === void 0 ? void 0 : _defaultCurrentCallPr83.toggleAriaLabel) : ((_props$controlProps91 = props.controlProps) === null || _props$controlProps91 === void 0 ? void 0 : (_props$controlProps92 = _props$controlProps91.micButtonProps) === null || _props$controlProps92 === void 0 ? void 0 : _props$controlProps92.ariaLabel) ?? ((_defaultCurrentCallPr84 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr84 === void 0 ? void 0 : (_defaultCurrentCallPr85 = _defaultCurrentCallPr84.micButtonProps) === null || _defaultCurrentCallPr85 === void 0 ? void 0 : _defaultCurrentCallPr85.ariaLabel),
278
282
  className: (_props$controlProps93 = props.controlProps) === null || _props$controlProps93 === void 0 ? void 0 : (_props$controlProps94 = _props$controlProps93.micButtonProps) === null || _props$controlProps94 === void 0 ? void 0 : _props$controlProps94.className,
279
- title: micState ? ((_props$controlProps95 = props.controlProps) === null || _props$controlProps95 === void 0 ? void 0 : (_props$controlProps96 = _props$controlProps95.micButtonProps) === null || _props$controlProps96 === void 0 ? void 0 : _props$controlProps96.toggleAriaLabel) ?? ((_defaultCurrentCallPr85 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr85 === void 0 ? void 0 : (_defaultCurrentCallPr86 = _defaultCurrentCallPr85.micButtonProps) === null || _defaultCurrentCallPr86 === void 0 ? void 0 : _defaultCurrentCallPr86.toggleAriaLabel) : ((_props$controlProps97 = props.controlProps) === null || _props$controlProps97 === void 0 ? void 0 : (_props$controlProps98 = _props$controlProps97.micButtonProps) === null || _props$controlProps98 === void 0 ? void 0 : _props$controlProps98.ariaLabel) ?? ((_defaultCurrentCallPr87 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr87 === void 0 ? void 0 : (_defaultCurrentCallPr88 = _defaultCurrentCallPr87.micButtonProps) === null || _defaultCurrentCallPr88 === void 0 ? void 0 : _defaultCurrentCallPr88.ariaLabel)
283
+ title: micState ? ((_props$controlProps95 = props.controlProps) === null || _props$controlProps95 === void 0 ? void 0 : (_props$controlProps96 = _props$controlProps95.micButtonProps) === null || _props$controlProps96 === void 0 ? void 0 : _props$controlProps96.toggleAriaLabel) ?? ((_defaultCurrentCallPr86 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr86 === void 0 ? void 0 : (_defaultCurrentCallPr87 = _defaultCurrentCallPr86.micButtonProps) === null || _defaultCurrentCallPr87 === void 0 ? void 0 : _defaultCurrentCallPr87.toggleAriaLabel) : ((_props$controlProps97 = props.controlProps) === null || _props$controlProps97 === void 0 ? void 0 : (_props$controlProps98 = _props$controlProps97.micButtonProps) === null || _props$controlProps98 === void 0 ? void 0 : _props$controlProps98.ariaLabel) ?? ((_defaultCurrentCallPr88 = defaultCurrentCallProps.controlProps) === null || _defaultCurrentCallPr88 === void 0 ? void 0 : (_defaultCurrentCallPr89 = _defaultCurrentCallPr88.micButtonProps) === null || _defaultCurrentCallPr89 === void 0 ? void 0 : _defaultCurrentCallPr89.ariaLabel)
280
284
  }), !((_props$controlProps99 = props.controlProps) !== null && _props$controlProps99 !== void 0 && _props$controlProps99.hideEndCallButton) && /*#__PURE__*/React.createElement(CommandButton, _extends({}, endCallButtonProps, {
281
285
  onClick: handleEndCallClick,
282
286
  id: endCallButtonId,
package/lib/esm/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlProps.js CHANGED
@@ -11,7 +11,6 @@ export const defaultCurrentCallControlProps = {
11
11
  hideMicButton: false,
12
12
  hideVideoButton: false,
13
13
  hideEndCallButton: false,
14
- hideCurrentCallTitle: false,
15
14
  videoCallDisabled: false,
16
15
  hideCallTimer: false,
17
16
  onEndCallClick: function () {
package/lib/esm/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlPropsRtl.js CHANGED
@@ -12,7 +12,6 @@ export const defaultCurrentCallControlPropsRtl = {
12
12
  hideMicButton: false,
13
13
  hideVideoButton: false,
14
14
  hideEndCallButton: false,
15
- hideCurrentCallTitle: false,
16
15
  videoCallDisabled: false,
17
16
  hideCallTimer: false,
18
17
  onEndCallClick: function () {
package/lib/esm/components/inputvalidationpane/InputValidationPane.js CHANGED
@@ -19,7 +19,7 @@ import { defaultInputValidationPaneTitleStyles } from "./common/default/defaultS
19
19
  import { generateEventName } from "../../common/utils";
20
20
 
21
21
  function InputValidationPane(props) {
22
- var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$controlProps14, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$styleProps13, _props$styleProps14, _props$styleProps15, _props$styleProps16, _props$controlProps15, _props$styleProps17, _props$styleProps17$c, _props$controlProps16, _props$controlProps17, _props$styleProps18, _props$styleProps18$c, _props$controlProps18, _props$componentOverr, _props$styleProps19, _props$styleProps19$c, _props$controlProps19, _props$controlProps20, _props$componentOverr2, _props$styleProps20, _props$styleProps20$c, _props$controlProps21, _props$controlProps22, _props$componentOverr3, _props$styleProps21, _props$styleProps21$c, _props$controlProps23, _props$controlProps24, _props$componentOverr4, _props$styleProps22, _props$styleProps22$c, _props$controlProps25, _props$controlProps26, _props$controlProps27, _props$styleProps23, _props$styleProps23$c, _props$controlProps28, _props$componentOverr5, _props$styleProps24, _props$styleProps24$c, _props$controlProps29, _props$controlProps30, _props$controlProps31, _props$controlProps32, _props$componentOverr6, _props$styleProps25, _props$styleProps25$c, _props$controlProps33, _props$controlProps34, _props$controlProps35;
22
+ var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$controlProps14, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _props$styleProps10, _props$styleProps11, _props$styleProps12, _props$styleProps13, _props$styleProps14, _props$styleProps15, _props$styleProps16, _props$controlProps15, _props$styleProps17, _props$styleProps17$c, _props$controlProps16, _props$controlProps17, _props$styleProps18, _props$styleProps18$c, _props$controlProps18, _props$componentOverr, _props$styleProps19, _props$styleProps19$c, _props$controlProps19, _props$controlProps20, _props$componentOverr2, _props$styleProps20, _props$styleProps20$c, _props$controlProps21, _props$controlProps22, _props$componentOverr3, _props$styleProps21, _props$styleProps21$c, _props$controlProps23, _props$controlProps24, _props$controlProps25, _props$componentOverr4, _props$styleProps22, _props$styleProps22$c, _props$controlProps26, _props$controlProps27, _props$controlProps28, _props$styleProps23, _props$styleProps23$c, _props$controlProps29, _props$componentOverr5, _props$styleProps24, _props$styleProps24$c, _props$controlProps30, _props$controlProps31, _props$controlProps32, _props$controlProps33, _props$componentOverr6, _props$styleProps25, _props$styleProps25$c, _props$controlProps34, _props$controlProps35, _props$controlProps36;
23
23
 
24
24
  const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultInputValidationPaneControlProps.id;
25
25
  const [inputValue, setInputValue] = useState("");
@@ -211,39 +211,40 @@ function InputValidationPane(props) {
211
211
  ariaLabel: ((_props$controlProps24 = props.controlProps) === null || _props$controlProps24 === void 0 ? void 0 : _props$controlProps24.inputAriaLabel) || defaultInputValidationPaneControlProps.inputAriaLabel,
212
212
  borderless: isInvalidInput,
213
213
  onChange: handleInputChange,
214
- onKeyUp: handleInputKeyUp
214
+ onKeyUp: handleInputKeyUp,
215
+ placeholder: ((_props$controlProps25 = props.controlProps) === null || _props$controlProps25 === void 0 ? void 0 : _props$controlProps25.inputPlaceHolder) || defaultInputValidationPaneControlProps.inputPlaceHolder
215
216
  })), isInvalidInput && (decodeComponentString((_props$componentOverr4 = props.componentOverrides) === null || _props$componentOverr4 === void 0 ? void 0 : _props$componentOverr4.invalidInputErrorMessage) || /*#__PURE__*/React.createElement(Stack, {
216
217
  className: (_props$styleProps22 = props.styleProps) === null || _props$styleProps22 === void 0 ? void 0 : (_props$styleProps22$c = _props$styleProps22.classNames) === null || _props$styleProps22$c === void 0 ? void 0 : _props$styleProps22$c.invalidInputErrorMessageClassName,
217
218
  styles: invalidInputErrorMessageStyles,
218
- "aria-label": ((_props$controlProps25 = props.controlProps) === null || _props$controlProps25 === void 0 ? void 0 : _props$controlProps25.invalidInputErrorMessageText) || defaultInputValidationPaneControlProps.invalidInputErrorMessageText,
219
+ "aria-label": ((_props$controlProps26 = props.controlProps) === null || _props$controlProps26 === void 0 ? void 0 : _props$controlProps26.invalidInputErrorMessageText) || defaultInputValidationPaneControlProps.invalidInputErrorMessageText,
219
220
  tabIndex: -1,
220
221
  role: "alert",
221
222
  id: elementId + "-invalidinputerrormessage"
222
- }, ((_props$controlProps26 = props.controlProps) === null || _props$controlProps26 === void 0 ? void 0 : _props$controlProps26.invalidInputErrorMessageText) || defaultInputValidationPaneControlProps.invalidInputErrorMessageText))), /*#__PURE__*/React.createElement(Stack, {
223
- horizontal: ((_props$controlProps27 = props.controlProps) === null || _props$controlProps27 === void 0 ? void 0 : _props$controlProps27.isButtonGroupHorizontal) ?? defaultInputValidationPaneControlProps.isButtonGroupHorizontal,
223
+ }, ((_props$controlProps27 = props.controlProps) === null || _props$controlProps27 === void 0 ? void 0 : _props$controlProps27.invalidInputErrorMessageText) || defaultInputValidationPaneControlProps.invalidInputErrorMessageText))), /*#__PURE__*/React.createElement(Stack, {
224
+ horizontal: ((_props$controlProps28 = props.controlProps) === null || _props$controlProps28 === void 0 ? void 0 : _props$controlProps28.isButtonGroupHorizontal) ?? defaultInputValidationPaneControlProps.isButtonGroupHorizontal,
224
225
  className: (_props$styleProps23 = props.styleProps) === null || _props$styleProps23 === void 0 ? void 0 : (_props$styleProps23$c = _props$styleProps23.classNames) === null || _props$styleProps23$c === void 0 ? void 0 : _props$styleProps23$c.buttonGroupClassName,
225
226
  styles: buttonGroupStyles,
226
227
  tabIndex: -1,
227
228
  id: elementId + "-buttongroup"
228
- }, !((_props$controlProps28 = props.controlProps) !== null && _props$controlProps28 !== void 0 && _props$controlProps28.hideSendButton) && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.sendButton) || /*#__PURE__*/React.createElement(PrimaryButton, {
229
+ }, !((_props$controlProps29 = props.controlProps) !== null && _props$controlProps29 !== void 0 && _props$controlProps29.hideSendButton) && (decodeComponentString((_props$componentOverr5 = props.componentOverrides) === null || _props$componentOverr5 === void 0 ? void 0 : _props$componentOverr5.sendButton) || /*#__PURE__*/React.createElement(PrimaryButton, {
229
230
  className: (_props$styleProps24 = props.styleProps) === null || _props$styleProps24 === void 0 ? void 0 : (_props$styleProps24$c = _props$styleProps24.classNames) === null || _props$styleProps24$c === void 0 ? void 0 : _props$styleProps24$c.sendButtonClassName,
230
231
  styles: sendButtonStyles,
231
- title: ((_props$controlProps29 = props.controlProps) === null || _props$controlProps29 === void 0 ? void 0 : _props$controlProps29.sendButtonText) || defaultInputValidationPaneControlProps.sendButtonText,
232
+ title: ((_props$controlProps30 = props.controlProps) === null || _props$controlProps30 === void 0 ? void 0 : _props$controlProps30.sendButtonText) || defaultInputValidationPaneControlProps.sendButtonText,
232
233
  tabIndex: 0,
233
234
  disabled: !isSendButtonEnabled,
234
- text: ((_props$controlProps30 = props.controlProps) === null || _props$controlProps30 === void 0 ? void 0 : _props$controlProps30.sendButtonText) || defaultInputValidationPaneControlProps.sendButtonText,
235
+ text: ((_props$controlProps31 = props.controlProps) === null || _props$controlProps31 === void 0 ? void 0 : _props$controlProps31.sendButtonText) || defaultInputValidationPaneControlProps.sendButtonText,
235
236
  onClick: handleSendClick,
236
237
  id: elementId + "-sendbutton",
237
- ariaLabel: ((_props$controlProps31 = props.controlProps) === null || _props$controlProps31 === void 0 ? void 0 : _props$controlProps31.sendButtonAriaLabel) || defaultInputValidationPaneControlProps.sendButtonAriaLabel
238
- })), !((_props$controlProps32 = props.controlProps) !== null && _props$controlProps32 !== void 0 && _props$controlProps32.hideCancelButton) && (decodeComponentString((_props$componentOverr6 = props.componentOverrides) === null || _props$componentOverr6 === void 0 ? void 0 : _props$componentOverr6.cancelButton) || /*#__PURE__*/React.createElement(DefaultButton, {
238
+ ariaLabel: ((_props$controlProps32 = props.controlProps) === null || _props$controlProps32 === void 0 ? void 0 : _props$controlProps32.sendButtonAriaLabel) || defaultInputValidationPaneControlProps.sendButtonAriaLabel
239
+ })), !((_props$controlProps33 = props.controlProps) !== null && _props$controlProps33 !== void 0 && _props$controlProps33.hideCancelButton) && (decodeComponentString((_props$componentOverr6 = props.componentOverrides) === null || _props$componentOverr6 === void 0 ? void 0 : _props$componentOverr6.cancelButton) || /*#__PURE__*/React.createElement(DefaultButton, {
239
240
  className: (_props$styleProps25 = props.styleProps) === null || _props$styleProps25 === void 0 ? void 0 : (_props$styleProps25$c = _props$styleProps25.classNames) === null || _props$styleProps25$c === void 0 ? void 0 : _props$styleProps25$c.cancelButtonClassName,
240
241
  styles: cancelButtonStyles,
241
- title: ((_props$controlProps33 = props.controlProps) === null || _props$controlProps33 === void 0 ? void 0 : _props$controlProps33.cancelButtonText) || defaultInputValidationPaneControlProps.cancelButtonText,
242
+ title: ((_props$controlProps34 = props.controlProps) === null || _props$controlProps34 === void 0 ? void 0 : _props$controlProps34.cancelButtonText) || defaultInputValidationPaneControlProps.cancelButtonText,
242
243
  tabIndex: 0,
243
- text: ((_props$controlProps34 = props.controlProps) === null || _props$controlProps34 === void 0 ? void 0 : _props$controlProps34.cancelButtonText) || defaultInputValidationPaneControlProps.cancelButtonText,
244
+ text: ((_props$controlProps35 = props.controlProps) === null || _props$controlProps35 === void 0 ? void 0 : _props$controlProps35.cancelButtonText) || defaultInputValidationPaneControlProps.cancelButtonText,
244
245
  onClick: handleCancelClick,
245
246
  id: elementId + "-cancelbutton",
246
- ariaLabel: ((_props$controlProps35 = props.controlProps) === null || _props$controlProps35 === void 0 ? void 0 : _props$controlProps35.cancelButtonAriaLabel) || defaultInputValidationPaneControlProps.cancelButtonAriaLabel
247
+ ariaLabel: ((_props$controlProps36 = props.controlProps) === null || _props$controlProps36 === void 0 ? void 0 : _props$controlProps36.cancelButtonAriaLabel) || defaultInputValidationPaneControlProps.cancelButtonAriaLabel
247
248
  })))));
248
249
  }
249
250
 
package/lib/esm/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneControlProps.js CHANGED
@@ -10,6 +10,7 @@ export const defaultInputValidationPaneControlProps = {
10
10
  subtitleText: Texts.InputValidationPaneSubtitleText,
11
11
  inputId: Ids.DefaultInputValidationPaneInputId,
12
12
  inputInitialText: "",
13
+ inputPlaceHolder: Texts.EmailPlaceHolderText,
13
14
  hideInput: false,
14
15
  inputAriaLabel: AriaLabels.InputValidationPaneInput,
15
16
  inputWithErrorMessageBorderColor: "rgb(164, 38, 44)",
package/lib/esm/components/inputvalidationpane/common/presetTwo/presetTwoProps/presetTwoInputValidationPaneControlProps.js CHANGED
@@ -12,6 +12,7 @@ export const presetTwoInputValidationPaneControlProps = {
12
12
  hideInput: false,
13
13
  inputAriaLabel: AriaLabels.InputValidationPaneInput,
14
14
  inputWithErrorMessageBorderColor: "rgb(164, 38, 44)",
15
+ inputPlaceHolder: Texts.EmailPlaceHolderText,
15
16
  invalidInputErrorMessageText: Texts.InvalidInputErrorMessageText,
16
17
  isButtonGroupHorizontal: false,
17
18
  hideSendButton: false,
package/lib/types/common/Constants.d.ts CHANGED
@@ -164,6 +164,7 @@ export declare const Texts: {
164
164
  readonly ConfirmationPaneTitle: "Close chat";
165
165
  readonly ConfirmationPaneSubtitle: "Do you really want to close this chat?";
166
166
  readonly ConfirmButtonText: "Close";
167
+ readonly EmailPlaceHolderText: "johnsmith@outlook.com";
167
168
  readonly CancelButtonText: "Cancel";
168
169
  readonly DownloadChatTranscriptText: "Download chat transcript";
169
170
  readonly EmailTranscriptText: "Email Transcript";
package/lib/types/components/callingcontainer/subcomponents/CurrentCall/interfaces/ICurrentCallControlProps.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { ReactNode } from "react";
2
- import { ILabelControlProps } from "../../../../common/interfaces/ILabelControlProps";
3
2
  import { ICurrentCallNonActionControlIds } from "./ICurrentCallNonActionControlIds";
4
3
  import { ICommandButtonControlProps } from "../../../../common/interfaces/ICommandButtonControlProps";
5
4
  import { ITimer } from "../../Timer/ITimer";
@@ -53,10 +52,6 @@ export interface ICurrentCallControlProps {
53
52
  */
54
53
  hideEndCallButton?: boolean;
55
54
  /**
56
- * hide incoming call label
57
- */
58
- hideCurrentCallTitle?: boolean;
59
- /**
60
55
  * Hide call timer
61
56
  */
62
57
  hideCallTimer?: boolean;
@@ -101,10 +96,6 @@ export interface ICurrentCallControlProps {
101
96
  */
102
97
  callTimerProps?: ITimer;
103
98
  /**
104
- * Incoming call label props
105
- */
106
- videoCallTileProps?: ILabelControlProps;
107
- /**
108
99
  * Incoming call toast component to align right to left.
109
100
  */
110
101
  dir?: "rtl" | "ltr" | "auto";
package/lib/types/components/callingcontainer/subcomponents/CurrentCall/interfaces/ICurrentCallNonActionControlIds.d.ts CHANGED
@@ -1,14 +1,10 @@
1
1
  export interface ICurrentCallNonActionControlIds {
2
- /**
3
- * Current call component id
4
- */
5
- currentCallComponentId?: string;
6
2
  /**
7
3
  * Video tiles container id
8
4
  */
9
5
  videoTileGroupId?: string;
10
6
  /**
11
- * Remove video component id
7
+ * Remote video component id
12
8
  */
13
9
  remoteVideoTileId?: string;
14
10
  /**
package/lib/types/components/inputvalidationpane/interfaces/IInputValidationPaneControlProps.d.ts CHANGED
@@ -12,6 +12,7 @@ export interface IInputValidationPaneControlProps {
12
12
  hideInput?: boolean;
13
13
  inputAriaLabel?: string;
14
14
  inputWithErrorMessageBorderColor?: string;
15
+ inputPlaceHolder?: string;
15
16
  invalidInputErrorMessageText?: string;
16
17
  isButtonGroupHorizontal?: boolean;
17
18
  hideSendButton?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@microsoft/omnichannel-chat-components",
3
- "version": "1.0.5-main.d2c1bf4",
3
+ "version": "1.0.5",
4
4
  "description": "Microsoft Omnichannel Chat Components",
5
5
  "main": "lib/cjs/index.js",
6
6
  "types": "lib/types/index.d.ts",