@microsoft/omnichannel-chat-components 0.1.0-main.fc27009 → 1.0.1-main.118265f

package/lib/cjs/common/Constants.js

@@ -3,19 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Regex = exports.KeyCodes = exports.ElementType = exports.BROADCAST_CHANNEL_NAME = exports.AccessibilityBrightnessRatio = void 0;
+exports.Texts = exports.Regex = exports.KeyCodes = exports.Ids = exports.IconNames = exports.HiddenTextStyles = exports.EventNames = exports.ElementType = exports.ButtonTypes = exports.AriaLabels = exports.AccessibilityBrightnessRatio = void 0;
 
-var _class, _class2;
+var _class, _class2, _class3, _class4, _class5, _class6, _class7, _class8;
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /* CSS Constants */
 const AccessibilityBrightnessRatio = 1.2;
-/* App constants*/
-
 exports.AccessibilityBrightnessRatio = AccessibilityBrightnessRatio;
-const BROADCAST_CHANNEL_NAME = "omnichannel_broadcast_channel";
-exports.BROADCAST_CHANNEL_NAME = BROADCAST_CHANNEL_NAME;
+const HiddenTextStyles = {
+  position: "absolute",
+  height: "1px",
+  width: "1px",
+  overflow: "hidden",
+  clip: "rect(1px, 1px, 1px, 1px)",
+  whiteSpace: "nowrap"
+};
+exports.HiddenTextStyles = HiddenTextStyles;
 const KeyCodes = (_class = class KeyCodes {}, _defineProperty(_class, "ENTER", "Enter"), _defineProperty(_class, "ESCAPE", "Escape"), _defineProperty(_class, "SPACE", "Space"), _defineProperty(_class, "DeclineCallHotKey", "D"), _defineProperty(_class, "AcceptAudioCallHotKey", "S"), _defineProperty(_class, "AcceptVideoCallHotKey", "A"), _defineProperty(_class, "ToggleMicHotKey", "M"), _defineProperty(_class, "ToggleCameraHotKey", "O"), _class);
 exports.KeyCodes = KeyCodes;
 const Regex = (_class2 = class Regex {}, _defineProperty(_class2, "EmailRegex", "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])"), _defineProperty(_class2, "URLRegex", /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi), _class2);
@@ -25,7 +30,7 @@ exports.ElementType = ElementType;
 
 (function (ElementType) {
   ElementType["ChatButton"] = "ChatButton";
-  ElementType["HeaderCloseButton"] = "HeaderCloseButton";
+  ElementType["CloseButton"] = "CloseButton";
   ElementType["HeaderMinimizeButton"] = "HeaderMinimizeButton";
   ElementType["FooterDownloadTranscriptButton"] = "FooterDownloadTranscriptButton";
   ElementType["FooterEmailTranscriptButton"] = "FooterEmailTranscriptButton";
@@ -45,4 +50,17 @@ exports.ElementType = ElementType;
   ElementType["CurrentCallEndCallButton"] = "CurrentCallEndCallButton";
   ElementType["Utility"] = "Utility";
   ElementType["Custom"] = "Custom";
-})(ElementType || (exports.ElementType = ElementType = {}));
+})(ElementType || (exports.ElementType = ElementType = {}));
+
+const Ids = (_class3 = class Ids {}, _defineProperty(_class3, "DefaultCallingContainerId", "lcw-calling-container"), _defineProperty(_class3, "DefaultCurrentCallId", "lcw-current-call-container"), _defineProperty(_class3, "CurrentCallActionGroupId", "lcw-current-call-action-icons"), _defineProperty(_class3, "CurrentCallFooterId", "lcw-current-call-footer"), _defineProperty(_class3, "RemoteVideoTileId", "lcw-remote-video"), _defineProperty(_class3, "SelfVideoTileId", "lcw-self-video"), _defineProperty(_class3, "VideoTileGroupId", "lcw-current-call-body"), _defineProperty(_class3, "EndCallButtonId", "lcw-call-reject-button"), _defineProperty(_class3, "MicButtonId", "lcw-toggle-audio"), _defineProperty(_class3, "VideoButtonId", "lcw-toggle-video"), _defineProperty(_class3, "CallTimerId", "lcw-current-call-timer"), _defineProperty(_class3, "CurrentCallLeftGroupId", "lcw-current-call-left-group"), _defineProperty(_class3, "CurrentCallMiddleGroupId", "lcw-current-call-middle-group"), _defineProperty(_class3, "CurrentCallRightGroupId", "lcw-current-call-right-group"), _defineProperty(_class3, "DefaultIncomingCallId", "lcw-incoming-call"), _defineProperty(_class3, "DeclineCallButtonId", "lcw-call-reject-button"), _defineProperty(_class3, "AudioCallButtonId", "lcw-call-accept-button"), _defineProperty(_class3, "VideoCallButtonId", "lcw-video-call-accept-button"), _defineProperty(_class3, "IncomingCallTitleId", "lcw-incoming-call-message"), _defineProperty(_class3, "DefaultIncomingCallPopupId", "lcw-incoming-call-popup"), _defineProperty(_class3, "IncomingCallLeftGroupId", "lcw-incoming-call-left-group"), _defineProperty(_class3, "IncomingCallMiddleGroupId", "lcw-incoming-call-middle-group"), _defineProperty(_class3, "IncomingCallRightGroupId", "lcw-incoming-call-right-group"), _defineProperty(_class3, "DefaultChatButtonId", "lcw-components-chat-button"), _defineProperty(_class3, "DefaultConfirmationPaneId", "lcw-components-confirmation-pane"), _defineProperty(_class3, "CustomFooterId", "lcw-footer"), _defineProperty(_class3, "DownloadTranscriptButtonId", "lcw-footer-download-transcript-button"), _defineProperty(_class3, "EmailTranscriptButtonId", "lcw-footer-email-transcript-button"), _defineProperty(_class3, "AudioNotificationButtonId", "lcw-footer-audio-notification-button"), _defineProperty(_class3, "DefaultFooterId", "lcw-components-footer"), _defineProperty(_class3, "FooterLeftGroupId", "lcw-footer-left-group"), _defineProperty(_class3, "FooterMiddleGroupId", "lcw-footer-middle-group"), _defineProperty(_class3, "FooterRightGroupId", "lcw-footer-right-group"), _defineProperty(_class3, "DefaultHeaderId", "lcw-header"), _defineProperty(_class3, "MinimizeButtonId", "lcw-header-minimize-button"), _defineProperty(_class3, "CloseButtonId", "lcw-header-close-button"), _defineProperty(_class3, "HeaderIconId", "lcw-header-icon"), _defineProperty(_class3, "HeaderTitleId", "lcw-header-title"), _defineProperty(_class3, "HeaderLeftGroupId", "lcw-header-left-group"), _defineProperty(_class3, "HeaderMiddleGroupId", "lcw-header-middle-group"), _defineProperty(_class3, "HeaderRightGroupId", "lcw-header-right-group"), _defineProperty(_class3, "DefaultInputValidationPaneId", "lcw-email-transcript-dialog-container"), _defineProperty(_class3, "DefaultInputValidationPaneInputId", "lcw-email-transcript-dialog-text-field"), _defineProperty(_class3, "DefaultLoadingPaneId", "lcw-loading-pane"), _defineProperty(_class3, "DefaultOOOHPaneId", "lcw-out-of-office-hours-pane"), _defineProperty(_class3, "DefaultPostChatSurveyPaneId", "lcw-postchat-survey-pane"), _defineProperty(_class3, "DefaultPreChatSurveyPaneId", "lcw-prechat-survey-pane-default"), _defineProperty(_class3, "DefaultProactiveChatPaneId", "lcw-proactive-chat"), _defineProperty(_class3, "DefaultReconnectChatPaneId", "lcw-reconnect-chat-pane"), _class3);
+exports.Ids = Ids;
+const ButtonTypes = (_class4 = class ButtonTypes {}, _defineProperty(_class4, "Icon", "icon"), _defineProperty(_class4, "Text", "text"), _class4);
+exports.ButtonTypes = ButtonTypes;
+const IconNames = (_class5 = class IconNames {}, _defineProperty(_class5, "DeclineCall", "DeclineCall"), _defineProperty(_class5, "Microphone", "Microphone"), _defineProperty(_class5, "MicOff2", "MicOff2"), _defineProperty(_class5, "Video", "Video"), _defineProperty(_class5, "VideoOff", "VideoOff"), _defineProperty(_class5, "IncomingCall", "IncomingCall"), _defineProperty(_class5, "ChromeClose", "ChromeClose"), _defineProperty(_class5, "Download", "Download"), _defineProperty(_class5, "Mail", "Mail"), _defineProperty(_class5, "Volume3", "Volume3"), _defineProperty(_class5, "Volume0", "Volume0"), _defineProperty(_class5, "ChromeMinimize", "ChromeMinimize"), _class5);
+exports.IconNames = IconNames;
+const AriaLabels = (_class6 = class AriaLabels {}, _defineProperty(_class6, "EndCall", "End Call"), _defineProperty(_class6, "MicMute", "Mute"), _defineProperty(_class6, "MicUnmute", "Unmute"), _defineProperty(_class6, "VideoTurnCameraOn", "Turn camera on"), _defineProperty(_class6, "VideoTurnCameraOff", "Turn camera off"), _defineProperty(_class6, "IncomingCallArea", "Incoming call area"), _defineProperty(_class6, "RejectCall", "Reject call"), _defineProperty(_class6, "AcceptVoiceCall", "Accept voice call"), _defineProperty(_class6, "AcceptVideoCall", "Accept video Call"), _defineProperty(_class6, "DeclineCall", "Decline Call"), _defineProperty(_class6, "AudioCall", "Audio Call"), _defineProperty(_class6, "VideoCall", "Video Call"), _defineProperty(_class6, "LetsChatWeAreOnline", "Let's chat we are online"), _defineProperty(_class6, "UnreadMessageString", "you have new messages"), _defineProperty(_class6, "Close", "Close"), _defineProperty(_class6, "ConfirmationPaneConfirm", "Close Chat"), _defineProperty(_class6, "ConfirmationPaneCancel", "Cancel. Return to Chat"), _defineProperty(_class6, "DownloadChatTranscript", "Download chat transcript"), _defineProperty(_class6, "EmailTranscript", "Email Transcript"), _defineProperty(_class6, "TurnSoundOff", "Turn sound off"), _defineProperty(_class6, "TurnSoundOn", "Turn sound on"), _defineProperty(_class6, "Minimize", "Minimize"), _defineProperty(_class6, "EmailChatTranscriptPane", "Email Chat Transcript Pane"), _defineProperty(_class6, "InputValidationPaneInput", "Email this chat transcript. This will be sent after your chat ends. Email address text area"), _defineProperty(_class6, "Send", "Send"), _defineProperty(_class6, "Cancel", "Cancel"), _defineProperty(_class6, "ProactiveChatPane", "Proactive Chat Pane"), _defineProperty(_class6, "ChatNow", "Chat Now"), _defineProperty(_class6, "ReconnectChatPane", "Reconnect Chat Pane"), _defineProperty(_class6, "ReconnectChatPaneIcon", "Reconnect Chat Pane Icon"), _defineProperty(_class6, "ContinueConversation", "Continue conversation"), _defineProperty(_class6, "StartNewConversation", "Start new conversation"), _class6);
+exports.AriaLabels = AriaLabels;
+const EventNames = (_class7 = class EventNames {}, _defineProperty(_class7, "OnClick", "OnClick"), _defineProperty(_class7, "OnEscapeKeyDown", "OnEscapeKeyDown"), _defineProperty(_class7, "IncomingCallEnded", "IncomingCallEnded"), _class7);
+exports.EventNames = EventNames;
+const Texts = (_class8 = class Texts {}, _defineProperty(_class8, "IncomingCallTitle", "Incoming Call"), _defineProperty(_class8, "ChatButtonTitle", "Let's Chat!"), _defineProperty(_class8, "ChatButtonSubtitle", "We're online."), _defineProperty(_class8, "ChatButtonUnreadMessageString", "new messages"), _defineProperty(_class8, "ChatButtonLargeUnreadMessageString", "99+"), _defineProperty(_class8, "CloseButtonText", "Close"), _defineProperty(_class8, "ConfirmationPaneTitle", "Close chat"), _defineProperty(_class8, "ConfirmationPaneSubtitle", "Do you really want to close this chat?"), _defineProperty(_class8, "ConfirmButtonText", "Close"), _defineProperty(_class8, "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);
+exports.Texts = Texts;

package/lib/cjs/common/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.uuidv4 = exports.processCustomComponents = exports.getValidatedURL = exports.getSeconds = exports.getMinutes = exports.getInputValuesFromAdaptiveCard = exports.getHours = exports.generateEventName = exports.broadcastError = exports.addNoreferrerNoopenerTag = void 0;
+exports.uuidv4 = exports.replaceURLWithAnchor = exports.processCustomComponents = exports.getValidatedURL = exports.getSeconds = exports.getMinutes = exports.getInputValuesFromAdaptiveCard = exports.getHours = exports.generateEventName = exports.broadcastError = exports.addNoreferrerNoopenerTag = void 0;
 
 var _Constants = require("./Constants");
 
@@ -133,4 +133,23 @@ const addNoreferrerNoopenerTag = htmlNode => {
   }
 };
 
-exports.addNoreferrerNoopenerTag = addNoreferrerNoopenerTag;
+exports.addNoreferrerNoopenerTag = addNoreferrerNoopenerTag;
+
+const replaceURLWithAnchor = (text, openInNewTab) => {
+  if (text) {
+    const modifiedText = text.replace(_Constants.Regex.URLRegex, function (url) {
+      if (openInNewTab) {
+        // eslint-disable-next-line quotes
+        return '<a href="' + url + '" rel="noreferrer noopener" target="_blank">' + url + '</a>';
+      } // eslint-disable-next-line quotes
+
+
+      return '<a href="' + url + '">' + url + '</a>';
+    });
+    return modifiedText;
+  }
+
+  return text;
+};
+
+exports.replaceURLWithAnchor = replaceURLWithAnchor;

package/lib/cjs/components/callingcontainer/common/defaultProps/defaultCallingContainerControlProps.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultCallingContainerControlProps = void 0;
+
+var _Constants = require("../../../../common/Constants");
+
 const defaultCallingContainerControlProps = {
-  id: "oc-lcw-callingcontainer",
+  id: _Constants.Ids.DefaultCallingContainerId,
   dir: "ltr",
   isIncomingCall: false,
   hideCallingContainer: false

package/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/CurrentCall.js

@@ -29,7 +29,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 function CurrentCall(props) {
   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;
@@ -165,7 +165,7 @@ function CurrentCall(props) {
   const endCallCustomEvent = {
     elementType: _Constants.ElementType.CurrentCallEndCallButton,
     elementId: endCallButtonId,
-    eventName: "OnClick"
+    eventName: _Constants.EventNames.OnClick
   };
   const handleEndCallClick = (0, React.useCallback)(() => {
     var _props$controlProps62;
@@ -185,7 +185,7 @@ function CurrentCall(props) {
       const videoOffCustomEvent = {
         elementType: _Constants.ElementType.CurrentCallVideoButton,
         elementId: videoOffButtonId,
-        eventName: "OnClick"
+        eventName: _Constants.EventNames.OnClick
       };
 
       _BroadcastService.BroadcastService.postMessage(videoOffCustomEvent);
@@ -204,7 +204,7 @@ function CurrentCall(props) {
       const micCustomEvent = {
         elementType: _Constants.ElementType.CurrentCallMicButton,
         elementId: micButtonId,
-        eventName: "OnClick"
+        eventName: _Constants.EventNames.OnClick
       };
 
       _BroadcastService.BroadcastService.postMessage(micCustomEvent);
@@ -268,12 +268,12 @@ function CurrentCall(props) {
     dir: dir
   }, /*#__PURE__*/React.createElement(_react2.Stack, {
     horizontal: true,
-    id: "currentCallLeftGroup",
+    id: _Constants.Ids.CurrentCallLeftGroupId,
     verticalAlign: "center",
     tokens: leftGroupStackTokens
   }, (0, _utils.processCustomComponents)((_props$controlProps69 = props.controlProps) === null || _props$controlProps69 === void 0 ? void 0 : (_props$controlProps70 = _props$controlProps69.leftGroup) === null || _props$controlProps70 === void 0 ? void 0 : _props$controlProps70.children)), /*#__PURE__*/React.createElement(_react2.Stack, {
     horizontal: true,
-    id: "currentCallMiddleGroup",
+    id: _Constants.Ids.CurrentCallMiddleGroupId,
     verticalAlign: "center",
     tokens: middleGroupStackTokens,
     dir: dir
@@ -310,7 +310,7 @@ function CurrentCall(props) {
     customEvent: endCallCustomEvent
   }))), /*#__PURE__*/React.createElement(_react2.Stack, {
     horizontal: true,
-    id: "currentCallRightGroup",
+    id: _Constants.Ids.CurrentCallRightGroupId,
     verticalAlign: "center",
     tokens: rightGroupStackTokens
   }, (0, _utils.processCustomComponents)((_props$controlProps100 = props.controlProps) === null || _props$controlProps100 === void 0 ? void 0 : (_props$controlProps101 = _props$controlProps100.rightGroup) === null || _props$controlProps101 === void 0 ? void 0 : _props$controlProps101.children))));

package/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlProps.js

@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultCurrentCallControlProps = void 0;
+
+var _Constants = require("../../../../../../common/Constants");
+
 const defaultCurrentCallControlProps = {
-  id: "currentCall-container",
+  id: _Constants.Ids.DefaultCurrentCallId,
   nonActionIds: {
-    currentCallActionGroupId: "currentCall-actionicons",
-    currentCallFooterId: "currentCall-footer",
-    remoteVideoTileId: "remoteVideo",
-    selfVideoTileId: "selfVideo",
-    videoTileGroupId: "currentCall-body"
+    currentCallActionGroupId: _Constants.Ids.CurrentCallActionGroupId,
+    currentCallFooterId: _Constants.Ids.CurrentCallFooterId,
+    remoteVideoTileId: _Constants.Ids.RemoteVideoTileId,
+    selfVideoTileId: _Constants.Ids.SelfVideoTileId,
+    videoTileGroupId: _Constants.Ids.VideoTileGroupId
   },
   hideMicButton: false,
   hideVideoButton: false,
@@ -41,32 +44,32 @@ const defaultCurrentCallControlProps = {
     children: []
   },
   endCallButtonProps: {
-    id: "callRejectButton",
-    type: "icon",
-    ariaLabel: "End Call",
-    iconName: "DeclineCall",
+    id: _Constants.Ids.EndCallButtonId,
+    type: _Constants.ButtonTypes.Icon,
+    ariaLabel: _Constants.AriaLabels.EndCall,
+    iconName: _Constants.IconNames.DeclineCall,
     iconSize: 18
   },
   micButtonProps: {
-    id: "toggleAudio",
-    type: "icon",
-    ariaLabel: "Mute",
-    toggleAriaLabel: "Unmute",
-    iconName: "Microphone",
-    toggleIconName: "MicOff2",
+    id: _Constants.Ids.MicButtonId,
+    type: _Constants.ButtonTypes.Icon,
+    ariaLabel: _Constants.AriaLabels.MicMute,
+    toggleAriaLabel: _Constants.AriaLabels.MicUnmute,
+    iconName: _Constants.IconNames.Microphone,
+    toggleIconName: _Constants.IconNames.MicOff2,
     iconSize: 18
   },
   videoButtonProps: {
-    id: "toggleVideo",
-    type: "icon",
-    ariaLabel: "Turn on camera",
-    toggleAriaLabel: "Turn off camera",
-    iconName: "Video",
-    toggleIconName: "VideoOff",
+    id: _Constants.Ids.VideoButtonId,
+    type: _Constants.ButtonTypes.Icon,
+    ariaLabel: _Constants.AriaLabels.VideoTurnCameraOn,
+    toggleAriaLabel: _Constants.AriaLabels.VideoTurnCameraOff,
+    iconName: _Constants.IconNames.Video,
+    toggleIconName: _Constants.IconNames.VideoOff,
     iconSize: 18
   },
   callTimerProps: {
-    id: "oc-lcw-CurrentCall-timer",
+    id: _Constants.Ids.CallTimerId,
     showHours: false,
     timerStyles: {
       color: "white",

package/lib/cjs/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlPropsRtl.js

@@ -7,14 +7,16 @@ exports.defaultCurrentCallControlPropsRtl = void 0;
 
 var _Icons = require("../../../../../../assets/Icons");
 
+var _Constants = require("../../../../../../common/Constants");
+
 const defaultCurrentCallControlPropsRtl = {
-  id: "currentCall-container",
+  id: _Constants.Ids.DefaultCurrentCallId,
   nonActionIds: {
-    currentCallActionGroupId: "currentCall-actionicons",
-    currentCallFooterId: "currentCall-footer",
-    remoteVideoTileId: "remoteVideo",
-    selfVideoTileId: "selfVideo",
-    videoTileGroupId: "currentCall-body"
+    currentCallActionGroupId: _Constants.Ids.CurrentCallActionGroupId,
+    currentCallFooterId: _Constants.Ids.CurrentCallFooterId,
+    remoteVideoTileId: _Constants.Ids.RemoteVideoTileId,
+    selfVideoTileId: _Constants.Ids.SelfVideoTileId,
+    videoTileGroupId: _Constants.Ids.VideoTileGroupId
   },
   hideMicButton: false,
   hideVideoButton: false,
@@ -45,9 +47,9 @@ const defaultCurrentCallControlPropsRtl = {
   },
   dir: "rtl",
   endCallButtonProps: {
-    id: "callRejectButton",
-    type: "icon",
-    ariaLabel: "End Call",
+    id: _Constants.Ids.EndCallButtonId,
+    type: _Constants.ButtonTypes.Icon,
+    ariaLabel: _Constants.AriaLabels.EndCall,
     imageIconProps: {
       src: _Icons.CallRejectButtonBase64,
       styles: {
@@ -59,10 +61,10 @@ const defaultCurrentCallControlPropsRtl = {
     }
   },
   micButtonProps: {
-    id: "toggleAudio",
-    type: "icon",
-    ariaLabel: "Mute",
-    toggleAriaLabel: "Unmute",
+    id: _Constants.Ids.MicButtonId,
+    type: _Constants.ButtonTypes.Icon,
+    ariaLabel: _Constants.AriaLabels.MicMute,
+    toggleAriaLabel: _Constants.AriaLabels.MicUnmute,
     imageIconProps: {
       src: _Icons.VoiceOnIconBase64,
       styles: {
@@ -84,10 +86,10 @@ const defaultCurrentCallControlPropsRtl = {
     iconSize: 18
   },
   videoButtonProps: {
-    id: "toggleVideo",
-    type: "icon",
-    ariaLabel: "Turn camera on",
-    toggleAriaLabel: "Turn camera off",
+    id: _Constants.Ids.VideoButtonId,
+    type: _Constants.ButtonTypes.Icon,
+    ariaLabel: _Constants.AriaLabels.VideoTurnCameraOn,
+    toggleAriaLabel: _Constants.AriaLabels.VideoTurnCameraOff,
     imageIconProps: {
       src: _Icons.VideoOnIconBase64,
       styles: {
@@ -109,7 +111,7 @@ const defaultCurrentCallControlPropsRtl = {
     iconSize: 18
   },
   callTimerProps: {
-    id: "oc-lcw-CurrentCall-timer"
+    id: _Constants.Ids.CallTimerId
   }
 };
 exports.defaultCurrentCallControlPropsRtl = defaultCurrentCallControlPropsRtl;

package/lib/cjs/components/callingcontainer/subcomponents/IncomingCall/IncomingCall.js

@@ -25,7 +25,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 function IncomingCall(props) {
   var _props$controlProps, _defaultIncomingCallP, _props$controlProps2, _props$controlProps2$, _defaultIncomingCallP2, _defaultIncomingCallP3, _props$controlProps3, _props$controlProps3$, _defaultIncomingCallP4, _defaultIncomingCallP5, _props$controlProps4, _props$controlProps4$, _defaultIncomingCallP6, _defaultIncomingCallP7, _defaultIncomingCallP8, _props$styleProps, _props$controlProps5, _props$controlProps5$, _defaultIncomingCallP9, _defaultIncomingCallP10, _props$controlProps6, _props$controlProps6$, _defaultIncomingCallP11, _defaultIncomingCallP12, _props$controlProps7, _props$controlProps7$, _defaultIncomingCallP13, _defaultIncomingCallP14, _defaultIncomingCallP15, _props$controlProps8, _defaultIncomingCallP16, _props$controlProps9, _defaultIncomingCallP17, _props$controlProps10, _defaultIncomingCallP18, _props$controlProps11, _defaultIncomingCallP19, _props$styleProps2, _defaultIncomingCallP20, _props$styleProps3, _defaultIncomingCallP21, _props$styleProps4, _defaultIncomingCallP22, _props$styleProps5, _defaultIncomingCallP23, _props$styleProps6, _defaultIncomingCallP24, _props$styleProps7, _defaultIncomingCallP25, _props$styleProps8, _defaultIncomingCallP26, _props$styleProps9, _props$styleProps10, _props$controlProps18, _defaultIncomingCallP27, _props$controlProps19, _props$componentOverr, _props$controlProps20, _props$controlProps21, _props$controlProps22, _props$controlProps23, _props$controlProps24, _props$controlProps25, _props$controlProps26, _props$controlProps27, _props$controlProps28;
@@ -63,7 +63,7 @@ function IncomingCall(props) {
   const declineCustomEvent = {
     elementType: _Constants.ElementType.IncomingCallDeclineCallButton,
     elementId: declineCallButtonId,
-    eventName: "incomingCallEnded"
+    eventName: _Constants.EventNames.IncomingCallEnded
   };
   const handleDeclineCallClick = (0, React.useCallback)(() => {
     var _props$controlProps12;
@@ -77,7 +77,7 @@ function IncomingCall(props) {
   const videoCustomEvent = {
     elementType: _Constants.ElementType.IncomingCallVideoCallButton,
     elementId: videoCallButtonId,
-    eventName: "OnClick"
+    eventName: _Constants.EventNames.OnClick
   };
   const handleVideoCallClick = (0, React.useCallback)(() => {
     var _props$controlProps14;
@@ -91,7 +91,7 @@ function IncomingCall(props) {
   const audioCustomEvent = {
     elementType: _Constants.ElementType.IncomingCallAudioCallButton,
     elementId: audioCallButtonId,
-    eventName: "OnClick"
+    eventName: _Constants.EventNames.OnClick
   };
   const handleAudioCallClick = (0, React.useCallback)(() => {
     var _props$controlProps16;
@@ -132,15 +132,28 @@ function IncomingCall(props) {
       window.removeEventListener("keydown", ignoreDefault);
     };
   }, []);
+  (0, React.useEffect)(() => {
+    // Setting focus to decline call button when incoming call alert appears
+    if (declineCallButtonId) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const declineCallButton = document.getElementById(declineCallButtonId);
+
+      if (declineCallButton) {
+        declineCallButton.focus();
+      }
+    }
+  }, []);
   return /*#__PURE__*/React.createElement(_react2.Stack, {
     horizontal: true,
     className: (_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.className,
     horizontalAlign: "space-between",
     styles: stackStyles,
-    dir: ((_props$controlProps18 = props.controlProps) === null || _props$controlProps18 === void 0 ? void 0 : _props$controlProps18.dir) ?? ((_defaultIncomingCallP27 = _defaultIncomingCallProps.defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP27 === void 0 ? void 0 : _defaultIncomingCallP27.dir)
+    dir: ((_props$controlProps18 = props.controlProps) === null || _props$controlProps18 === void 0 ? void 0 : _props$controlProps18.dir) ?? ((_defaultIncomingCallP27 = _defaultIncomingCallProps.defaultIncomingCallProps.controlProps) === null || _defaultIncomingCallP27 === void 0 ? void 0 : _defaultIncomingCallP27.dir),
+    role: "alert",
+    "aria-label": incomingCallTitleProps === null || incomingCallTitleProps === void 0 ? void 0 : incomingCallTitleProps.text
   }, /*#__PURE__*/React.createElement(_react2.Stack, {
     horizontal: true,
-    id: "incomingCallLeftGroup",
+    id: _Constants.Ids.IncomingCallLeftGroupId,
     verticalAlign: "center",
     tokens: leftGroupStackTokens
   }, !((_props$controlProps19 = props.controlProps) !== null && _props$controlProps19 !== void 0 && _props$controlProps19.hideIncomingCallTitle) && ((0, _decodeComponentString.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.incomingCallTitle) || /*#__PURE__*/React.createElement(_react2.Label, _extends({}, incomingCallTitleProps, {
@@ -149,12 +162,12 @@ function IncomingCall(props) {
     styles: incomingCallTitleStyles
   }), incomingCallTitleProps === null || incomingCallTitleProps === void 0 ? void 0 : incomingCallTitleProps.text)), (0, _utils.processCustomComponents)((_props$controlProps20 = props.controlProps) === null || _props$controlProps20 === void 0 ? void 0 : (_props$controlProps21 = _props$controlProps20.leftGroup) === null || _props$controlProps21 === void 0 ? void 0 : _props$controlProps21.children)), /*#__PURE__*/React.createElement(_react2.Stack, {
     horizontal: true,
-    id: "incomingCallMiddleGroup",
+    id: _Constants.Ids.IncomingCallMiddleGroupId,
     verticalAlign: "center",
     tokens: middleGroupStackTokens
   }, (0, _utils.processCustomComponents)((_props$controlProps22 = props.controlProps) === null || _props$controlProps22 === void 0 ? void 0 : (_props$controlProps23 = _props$controlProps22.middleGroup) === null || _props$controlProps23 === void 0 ? void 0 : _props$controlProps23.children)), /*#__PURE__*/React.createElement(_react2.Stack, {
     horizontal: true,
-    id: "incomingCallRightGroup",
+    id: _Constants.Ids.IncomingCallRightGroupId,
     verticalAlign: "center",
     tokens: rightGroupStackTokens
   }, (0, _utils.processCustomComponents)((_props$controlProps24 = props.controlProps) === null || _props$controlProps24 === void 0 ? void 0 : (_props$controlProps25 = _props$controlProps24.rightGroup) === null || _props$controlProps25 === void 0 ? void 0 : _props$controlProps25.children), !((_props$controlProps26 = props.controlProps) !== null && _props$controlProps26 !== void 0 && _props$controlProps26.hideDeclineCall) && /*#__PURE__*/React.createElement(_CommandButton.default, _extends({}, declineCallButtonProps, {

package/lib/cjs/components/callingcontainer/subcomponents/IncomingCall/common/defaultProps/defaultIncomingCallControlProps.js

@@ -4,22 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultIncomingCallControlProps = void 0;
+
+var _Constants = require("../../../../../../common/Constants");
+
 const defaultIncomingCallControlProps = {
-  id: "oc-lcw-incomingcall",
+  id: _Constants.Ids.DefaultIncomingCallId,
   dir: "ltr",
-  ariaLabel: "Incoming call area",
+  ariaLabel: _Constants.AriaLabels.IncomingCallArea,
   hideAudioCall: false,
   hideVideoCall: false,
   hideDeclineCall: false,
   hideIncomingCallTitle: false,
   onDeclineCallClick: function () {
-    console.log("download transcript clicked");
+    console.log("decline call clicked");
   },
   onAudioCallClick: function () {
-    console.log("email transcript clicked");
+    console.log("audio call clicked");
   },
   onVideoCallClick: function () {
-    console.log("audio notification clicked");
+    console.log("video call clicked");
   },
   middleGroup: {
     gap: 5,
@@ -34,29 +37,29 @@ const defaultIncomingCallControlProps = {
     children: []
   },
   declineCallButtonProps: {
-    id: "callRejectButton",
-    type: "icon",
-    ariaLabel: "Reject call",
-    iconName: "DeclineCall",
+    id: _Constants.Ids.DeclineCallButtonId,
+    type: _Constants.ButtonTypes.Icon,
+    ariaLabel: _Constants.AriaLabels.RejectCall,
+    iconName: _Constants.IconNames.DeclineCall,
     iconSize: 20
   },
   audioCallButtonProps: {
-    id: "callAcceptButton",
-    type: "icon",
-    ariaLabel: "Accept voice call",
-    iconName: "IncomingCall",
+    id: _Constants.Ids.AudioCallButtonId,
+    type: _Constants.ButtonTypes.Icon,
+    ariaLabel: _Constants.AriaLabels.AcceptVoiceCall,
+    iconName: _Constants.IconNames.IncomingCall,
     iconSize: 20
   },
   videoCallButtonProps: {
-    id: "videoCallAcceptButton",
-    type: "icon",
-    ariaLabel: "Accept video Call",
-    iconName: "Video",
+    id: _Constants.Ids.VideoCallButtonId,
+    type: _Constants.ButtonTypes.Icon,
+    ariaLabel: _Constants.AriaLabels.AcceptVideoCall,
+    iconName: _Constants.IconNames.Video,
     iconSize: 20
   },
   incomingCallTitle: {
-    id: "incomingCallMessage",
-    text: "Incoming Call"
+    id: _Constants.Ids.IncomingCallTitleId,
+    text: _Constants.Texts.IncomingCallTitle
   }
 };
 exports.defaultIncomingCallControlProps = defaultIncomingCallControlProps;

package/lib/cjs/components/callingcontainer/subcomponents/IncomingCall/common/defaultProps/defaultIncomingCallControlPropsRtl.js

@@ -7,21 +7,23 @@ exports.defaultIncomingCallControlPropsRtl = void 0;
 
 var _Icons = require("../../../../../../assets/Icons");
 
+var _Constants = require("../../../../../../common/Constants");
+
 const defaultIncomingCallControlPropsRtl = {
-  id: "incomingCallPopup",
-  ariaLabel: "Incoming call area",
+  id: _Constants.Ids.DefaultIncomingCallPopupId,
+  ariaLabel: _Constants.AriaLabels.IncomingCallArea,
   hideAudioCall: false,
   hideVideoCall: false,
   hideDeclineCall: false,
   hideIncomingCallTitle: false,
   onDeclineCallClick: function () {
-    console.log("download transcript clicked");
+    console.log("decline call clicked");
   },
   onAudioCallClick: function () {
-    console.log("email transcript clicked");
+    console.log("audio call clicked");
   },
   onVideoCallClick: function () {
-    console.log("audio notification clicked");
+    console.log("video call clicked");
   },
   middleGroup: {
     gap: 5,
@@ -37,9 +39,9 @@ const defaultIncomingCallControlPropsRtl = {
   },
   dir: "rtl",
   declineCallButtonProps: {
-    id: "callRejectButton",
-    type: "icon",
-    ariaLabel: "Decline Call",
+    id: _Constants.Ids.DeclineCallButtonId,
+    type: _Constants.ButtonTypes.Icon,
+    ariaLabel: _Constants.AriaLabels.DeclineCall,
     imageIconProps: {
       src: _Icons.CallRejectButtonBase64,
       styles: {
@@ -52,9 +54,9 @@ const defaultIncomingCallControlPropsRtl = {
     iconSize: 20
   },
   audioCallButtonProps: {
-    id: "callAcceptButton",
-    type: "icon",
-    ariaLabel: "Audio Call",
+    id: _Constants.Ids.AudioCallButtonId,
+    type: _Constants.ButtonTypes.Icon,
+    ariaLabel: _Constants.AriaLabels.AudioCall,
     imageIconProps: {
       src: _Icons.CallAcceptButtonBase64,
       styles: {
@@ -67,9 +69,9 @@ const defaultIncomingCallControlPropsRtl = {
     iconSize: 20
   },
   videoCallButtonProps: {
-    id: "videoCallAcceptButton",
-    type: "icon",
-    ariaLabel: "Video Call",
+    id: _Constants.Ids.VideoCallButtonId,
+    type: _Constants.ButtonTypes.Icon,
+    ariaLabel: _Constants.AriaLabels.VideoCall,
     imageIconProps: {
       src: _Icons.VideoCallAcceptButtonIconBase64,
       styles: {
@@ -82,8 +84,8 @@ const defaultIncomingCallControlPropsRtl = {
     iconSize: 20
   },
   incomingCallTitle: {
-    id: "incomingCallMessage",
-    text: "Incoming Call"
+    id: _Constants.Ids.IncomingCallTitleId,
+    text: _Constants.Texts.IncomingCallTitle
   }
 };
 exports.defaultIncomingCallControlPropsRtl = defaultIncomingCallControlPropsRtl;