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

package/lib/cjs/components/proactivechatpane/common/default/defaultProps/defaultProactiveChatPaneControlProps.js

@@ -4,23 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProactiveChatPaneControlProps = void 0;
+
+var _Constants = require("../../../../../common/Constants");
+
 const defaultProactiveChatPaneControlProps = {
-  id: "oc-lcw-proactivechat",
+  id: _Constants.Ids.DefaultProactiveChatPaneId,
   dir: "ltr",
   hideProactiveChatPane: false,
-  proactiveChatPaneAriaLabel: "Proactive Chat Pane",
+  proactiveChatPaneAriaLabel: _Constants.AriaLabels.ProactiveChatPane,
   hideTitle: false,
-  titleText: "Welcome to",
+  titleText: _Constants.Texts.ProactiveChatPaneTitleText,
   hideSubtitle: false,
-  subtitleText: "Live chat support!",
+  subtitleText: _Constants.Texts.ProactiveChatPaneSubtitleText,
   hideCloseButton: false,
-  closeButtonAriaLabel: "Close Button",
+  closeButtonProps: {
+    type: _Constants.ButtonTypes.Icon,
+    iconName: _Constants.IconNames.ChromeClose,
+    hideButtonTitle: true
+  },
   isBodyContainerHorizantal: false,
   hideBodyTitle: false,
-  bodyTitleText: "Hi! Have any questions? I am here to help.",
+  bodyTitleText: _Constants.Texts.ProactiveChatPaneBodyTitleText,
   hideStartButton: false,
-  startButtonText: "Chat Now",
-  startButtonAriaLabel: "Chat Now",
+  startButtonText: _Constants.Texts.ProactiveChatPaneStartButtonText,
+  startButtonAriaLabel: _Constants.AriaLabels.ChatNow,
   onClose: function () {
     console.log("on close");
   },

package/lib/cjs/components/proactivechatpane/common/default/defaultStyles/defaultProactiveChatPaneCloseButtonStyles.js

@@ -4,19 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProactiveChatPaneCloseButtonStyles = void 0;
-
-var _Icons = require("../../../../../assets/Icons");
-
 const defaultProactiveChatPaneCloseButtonStyles = {
-  backgroundImage: `url(${_Icons.CloseChatButtonIconBase64})`,
-  backgroundPosition: "center",
-  backgroundRepeat: "no-repeat",
-  color: "#605e5c",
-  cursor: "pointer",
-  height: "14px",
-  lineHeight: "14px",
-  textAlign: "center",
-  width: "14px",
-  zIndex: "inherit"
+  color: "white",
+  fontSize: "12px"
 };
 exports.defaultProactiveChatPaneCloseButtonStyles = defaultProactiveChatPaneCloseButtonStyles;

package/lib/cjs/components/proactivechatpane/common/presetOne/presetOneProps/presetOneProactiveChatPaneControlProps.js

@@ -4,23 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOneProactiveChatPaneControlProps = void 0;
+
+var _Constants = require("../../../../../common/Constants");
+
 const presetOneProactiveChatPaneControlProps = {
-  id: "oclcw-incomingproactivechat",
+  id: "lcw-incoming-proactive-chat",
   dir: "ltr",
   hideProactiveChatPane: false,
-  proactiveChatPaneAriaLabel: "Proactive Chat Pane",
+  proactiveChatPaneAriaLabel: _Constants.AriaLabels.ProactiveChatPane,
   hideTitle: false,
-  titleText: "Welcome to",
+  titleText: _Constants.Texts.ProactiveChatPaneTitleText,
   hideSubtitle: false,
-  subtitleText: "Live chat support!",
+  subtitleText: _Constants.Texts.ProactiveChatPaneSubtitleText,
   hideCloseButton: false,
-  closeButtonAriaLabel: "Close Button",
+  closeButtonProps: {
+    type: _Constants.ButtonTypes.Icon,
+    iconName: _Constants.IconNames.ChromeClose,
+    hideButtonTitle: true
+  },
   isBodyContainerHorizantal: true,
   hideBodyTitle: false,
-  bodyTitleText: "Hi! Have any questions? I am here to help.",
+  bodyTitleText: _Constants.Texts.ProactiveChatPaneBodyTitleText,
   hideStartButton: false,
-  startButtonText: "Chat Now",
-  startButtonAriaLabel: "Chat Now",
+  startButtonText: _Constants.Texts.ProactiveChatPaneStartButtonText,
+  startButtonAriaLabel: _Constants.AriaLabels.ChatNow,
   onClose: function () {
     console.log("on close");
   },

package/lib/cjs/components/proactivechatpane/common/presetThree/presetThreeProps/presetThreeProactiveChatPaneControlProps.js

@@ -4,23 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetThreeProactiveChatPaneControlProps = void 0;
+
+var _Constants = require("../../../../../common/Constants");
+
 const presetThreeProactiveChatPaneControlProps = {
-  id: "oclcw-incomingproactivechat",
+  id: "lcw-incoming-proactive-chat",
   dir: "ltr",
   hideProactiveChatPane: false,
-  proactiveChatPaneAriaLabel: "Proactive Chat Pane",
+  proactiveChatPaneAriaLabel: _Constants.AriaLabels.ProactiveChatPane,
   hideTitle: false,
-  titleText: "Welcome to",
+  titleText: _Constants.Texts.ProactiveChatPaneTitleText,
   hideSubtitle: false,
-  subtitleText: "Live chat support!",
+  subtitleText: _Constants.Texts.ProactiveChatPaneSubtitleText,
   hideCloseButton: false,
-  closeButtonAriaLabel: "Close Button",
+  closeButtonProps: {
+    type: _Constants.ButtonTypes.Icon,
+    iconName: _Constants.IconNames.ChromeClose,
+    hideButtonTitle: true
+  },
   isBodyContainerHorizantal: false,
   hideBodyTitle: false,
-  bodyTitleText: "Hi! Have any questions? I am here to help.",
+  bodyTitleText: _Constants.Texts.ProactiveChatPaneBodyTitleText,
   hideStartButton: false,
-  startButtonText: "Chat Now",
-  startButtonAriaLabel: "Chat Now",
+  startButtonText: _Constants.Texts.ProactiveChatPaneStartButtonText,
+  startButtonAriaLabel: _Constants.AriaLabels.ChatNow,
   onClose: function () {
     console.log("on close");
   },

package/lib/cjs/components/proactivechatpane/common/presetTwo/presetTwoProps/presetTwoProactiveChatPaneControlProps.js

@@ -4,21 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetTwoProactiveChatPaneControlProps = void 0;
+
+var _Constants = require("../../../../../common/Constants");
+
 const presetTwoProactiveChatPaneControlProps = {
-  id: "oclcw-incomingproactivechat",
+  id: "lcw-incoming-proactive-chat",
   dir: "ltr",
   hideProactiveChatPane: false,
-  proactiveChatPaneAriaLabel: "Proactive Chat Pane",
+  proactiveChatPaneAriaLabel: _Constants.AriaLabels.ProactiveChatPane,
   hideTitle: true,
-  titleText: "Welcome to",
+  titleText: _Constants.Texts.ProactiveChatPaneTitleText,
   hideSubtitle: false,
-  subtitleText: "Live chat support!",
+  subtitleText: _Constants.Texts.ProactiveChatPaneSubtitleText,
   hideCloseButton: false,
   isBodyContainerHorizantal: true,
   hideBodyTitle: false,
   hideStartButton: false,
-  startButtonText: "Chat Now",
-  startButtonAriaLabel: "Chat Now",
+  startButtonText: _Constants.Texts.ProactiveChatPaneStartButtonText,
+  startButtonAriaLabel: _Constants.AriaLabels.ChatNow,
   onStart: function () {
     console.log("on start");
   }

package/lib/cjs/components/reconnectchatpane/ReconnectChatPane.js

@@ -54,7 +54,7 @@ function ReconnectChatPane(props) {
       const customEvent = {
         elementType: _Constants.ElementType.ReconnectChatContinueChatButton,
         elementId: elementId + "-continueconversationbutton",
-        eventName: "OnClick"
+        eventName: _Constants.EventNames.OnClick
       };
 
       _BroadcastService.BroadcastService.postMessage(customEvent);
@@ -71,7 +71,7 @@ function ReconnectChatPane(props) {
       const customEvent = {
         elementType: _Constants.ElementType.ReconnectChatStartNewChatButton,
         elementId: elementId + "-startnewconversationbutton",
-        eventName: "OnClick"
+        eventName: _Constants.EventNames.OnClick
       };
 
       _BroadcastService.BroadcastService.postMessage(customEvent);
@@ -89,7 +89,7 @@ function ReconnectChatPane(props) {
       const customEvent = {
         elementType: _Constants.ElementType.ReconnectChatPane,
         elementId: elementId,
-        eventName: "OnEscapeKeyDown"
+        eventName: _Constants.EventNames.OnEscapeKeyDown
       };
 
       _BroadcastService.BroadcastService.postMessage(customEvent);

package/lib/cjs/components/reconnectchatpane/common/default/defaultProps/defaultReconnectChatPaneControlProps.js

@@ -4,24 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultReconnectChatPaneControlProps = void 0;
+
+var _Constants = require("../../../../../common/Constants");
+
 const defaultReconnectChatPaneControlProps = {
-  id: "oc-lcw-reconnectchat-pane",
+  id: _Constants.Ids.DefaultReconnectChatPaneId,
   dir: "ltr",
   hideReconnectChatPane: false,
-  reconnectChatPaneAriaLabel: "Reconnect Chat Pane",
+  reconnectChatPaneAriaLabel: _Constants.AriaLabels.ReconnectChatPane,
   hideTitle: false,
-  titleText: "Previous session detected",
+  titleText: _Constants.Texts.ReconnectChatPaneTitleText,
   hideSubtitle: false,
-  subtitleText: "We have detected a previous chat session. Would you like to continue with your previous session?",
+  subtitleText: _Constants.Texts.ReconnectChatPaneSubtitleText,
   hideIcon: false,
-  iconAriaLabel: "Reconnect Chat Pane Icon",
+  iconAriaLabel: _Constants.AriaLabels.ReconnectChatPaneIcon,
   isButtonGroupHorizontal: false,
   hideContinueChatButton: false,
-  continueChatButtonText: "Continue conversation",
-  continueChatButtonAriaLabel: "Continue conversation",
+  continueChatButtonText: _Constants.Texts.ReconnectChatPaneContinueChatButtonText,
+  continueChatButtonAriaLabel: _Constants.AriaLabels.ContinueConversation,
   hideStartNewChatButton: false,
-  startNewChatButtonText: "Start new conversation",
-  startNewChatButtonAriaLabel: "Start new conversation",
+  startNewChatButtonText: _Constants.Texts.ReconnectChatPaneStartNewChatButtonText,
+  startNewChatButtonAriaLabel: _Constants.AriaLabels.StartNewConversation,
   onContinueChat: function () {
     console.log("on continue conversation");
   },

package/lib/cjs/components/reconnectchatpane/common/presetThree/presetThreeProps/presetThreeReconnectChatPaneControlProps.js

@@ -4,24 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetThreeReconnectChatPaneControlProps = void 0;
+
+var _Constants = require("../../../../../common/Constants");
+
 const presetThreeReconnectChatPaneControlProps = {
   id: "lcw-components-reconnect-chat-pane",
   dir: "ltr",
   hideReconnectChatPane: false,
-  reconnectChatPaneAriaLabel: "Reconnect Chat Pane",
+  reconnectChatPaneAriaLabel: _Constants.AriaLabels.ReconnectChatPane,
   hideTitle: false,
-  titleText: "Previous session detected",
+  titleText: _Constants.Texts.ReconnectChatPaneTitleText,
   hideSubtitle: true,
-  subtitleText: "We have detected a previous chat session. Would you like to continue with your previous session?",
+  subtitleText: _Constants.Texts.ReconnectChatPaneSubtitleText,
   hideIcon: false,
-  iconAriaLabel: "Reconnect Chat Pane Icon",
+  iconAriaLabel: _Constants.AriaLabels.ReconnectChatPaneIcon,
   isButtonGroupHorizontal: false,
   hideContinueChatButton: false,
-  continueChatButtonText: "Continue conversation",
-  continueChatButtonAriaLabel: "Continue conversation",
+  continueChatButtonText: _Constants.Texts.ReconnectChatPaneContinueChatButtonText,
+  continueChatButtonAriaLabel: _Constants.AriaLabels.ContinueConversation,
   hideStartNewChatButton: true,
-  startNewChatButtonText: "Start new conversation",
-  startNewChatButtonAriaLabel: "Start new conversation",
+  startNewChatButtonText: _Constants.Texts.ReconnectChatPaneStartNewChatButtonText,
+  startNewChatButtonAriaLabel: _Constants.AriaLabels.StartNewConversation,
   onContinueChat: function () {
     console.log("on continue conversation");
   },

package/lib/cjs/index.js

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "BroadcastService", {
     return _BroadcastService.BroadcastService;
   }
 });
+Object.defineProperty(exports, "BroadcastServiceInitialize", {
+  enumerable: true,
+  get: function () {
+    return _BroadcastService.BroadcastServiceInitialize;
+  }
+});
 Object.defineProperty(exports, "CallAcceptButtonBase64", {
   enumerable: true,
   get: function () {

package/lib/cjs/services/BroadcastService.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BroadcastService = void 0;
+exports.BroadcastServiceInitialize = exports.BroadcastService = void 0;
 
 var _rxjs = require("rxjs");
 
@@ -11,20 +11,48 @@ var _operators = require("rxjs/operators");
 
 var _broadcastChannel = require("broadcast-channel");
 
-var _Constants = require("../common/Constants");
+const newMessage = new _rxjs.Subject(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-const newMessage = new _rxjs.Subject();
-const pubChannel = new _broadcastChannel.BroadcastChannel(_Constants.BROADCAST_CHANNEL_NAME);
-const subChannel = new _broadcastChannel.BroadcastChannel(_Constants.BROADCAST_CHANNEL_NAME); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+const broadcastServicePubList = {}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-subChannel.onmessage = message => {
-  newMessage.next(message);
+const broadcastServiceSubList = {}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+let pubChannel; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+let subChannel;
+
+const BroadcastServiceInitialize = channelName => {
+  if (broadcastServicePubList[channelName]) {
+    pubChannel = broadcastServicePubList[channelName];
+  } else {
+    const newPubChannel = new _broadcastChannel.BroadcastChannel(channelName);
+    broadcastServicePubList[channelName] = newPubChannel;
+    pubChannel = newPubChannel;
+  }
+
+  if (broadcastServiceSubList[channelName]) {
+    subChannel = broadcastServiceSubList[channelName];
+  } else {
+    const newSubChannel = new _broadcastChannel.BroadcastChannel(channelName);
+    broadcastServiceSubList[channelName] = newSubChannel;
+    subChannel = newSubChannel;
+  } // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
+  subChannel.onmessage = message => {
+    newMessage.next(message);
+  };
 };
 
+exports.BroadcastServiceInitialize = BroadcastServiceInitialize;
 const BroadcastService = {
   //broadcast a message
   postMessage: message => {
-    pubChannel.postMessage(message);
+    /**
+     * Omit copying methods to prevent 'DataCloneError' in older browsers when passing an object with functions
+     * This exception occurs when an object can't be clone with the 'structured clone algorithm' (used by postMessage)
+     */
+    pubChannel.postMessage(JSON.parse(JSON.stringify(message)));
   },
   getMessage: message => {
     return newMessage.pipe((0, _operators.filter)(msg => msg.elementId == message.elementId && msg.elementType == message.elementType && msg.eventName == message.eventName));

package/lib/esm/common/Constants.js

@@ -1,19 +1,24 @@
-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 */
 export const AccessibilityBrightnessRatio = 1.2;
-/* App constants*/
-
-export const BROADCAST_CHANNEL_NAME = "omnichannel_broadcast_channel";
+export const HiddenTextStyles = {
+  position: "absolute",
+  height: "1px",
+  width: "1px",
+  overflow: "hidden",
+  clip: "rect(1px, 1px, 1px, 1px)",
+  whiteSpace: "nowrap"
+};
 export 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);
 export 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);
 export let ElementType;
 
 (function (ElementType) {
   ElementType["ChatButton"] = "ChatButton";
-  ElementType["HeaderCloseButton"] = "HeaderCloseButton";
+  ElementType["CloseButton"] = "CloseButton";
   ElementType["HeaderMinimizeButton"] = "HeaderMinimizeButton";
   ElementType["FooterDownloadTranscriptButton"] = "FooterDownloadTranscriptButton";
   ElementType["FooterEmailTranscriptButton"] = "FooterEmailTranscriptButton";
@@ -33,4 +38,11 @@ export let ElementType;
   ElementType["CurrentCallEndCallButton"] = "CurrentCallEndCallButton";
   ElementType["Utility"] = "Utility";
   ElementType["Custom"] = "Custom";
-})(ElementType || (ElementType = {}));
+})(ElementType || (ElementType = {}));
+
+export const Ids = (_class3 = class Ids {}, _defineProperty(_class3, "DefaultCallingContainerId", "lcw-calling-container"), _defineProperty(_class3, "DefaultCurrentCallId", "lcw-current-call-container"), _defineProperty(_class3, "CurrentCallActionGroupId", "lcw-current-call-action-icons"), _defineProperty(_class3, "CurrentCallFooterId", "lcw-current-call-footer"), _defineProperty(_class3, "RemoteVideoTileId", "lcw-remote-video"), _defineProperty(_class3, "SelfVideoTileId", "lcw-self-video"), _defineProperty(_class3, "VideoTileGroupId", "lcw-current-call-body"), _defineProperty(_class3, "EndCallButtonId", "lcw-call-reject-button"), _defineProperty(_class3, "MicButtonId", "lcw-toggle-audio"), _defineProperty(_class3, "VideoButtonId", "lcw-toggle-video"), _defineProperty(_class3, "CallTimerId", "lcw-current-call-timer"), _defineProperty(_class3, "CurrentCallLeftGroupId", "lcw-current-call-left-group"), _defineProperty(_class3, "CurrentCallMiddleGroupId", "lcw-current-call-middle-group"), _defineProperty(_class3, "CurrentCallRightGroupId", "lcw-current-call-right-group"), _defineProperty(_class3, "DefaultIncomingCallId", "lcw-incoming-call"), _defineProperty(_class3, "DeclineCallButtonId", "lcw-call-reject-button"), _defineProperty(_class3, "AudioCallButtonId", "lcw-call-accept-button"), _defineProperty(_class3, "VideoCallButtonId", "lcw-video-call-accept-button"), _defineProperty(_class3, "IncomingCallTitleId", "lcw-incoming-call-message"), _defineProperty(_class3, "DefaultIncomingCallPopupId", "lcw-incoming-call-popup"), _defineProperty(_class3, "IncomingCallLeftGroupId", "lcw-incoming-call-left-group"), _defineProperty(_class3, "IncomingCallMiddleGroupId", "lcw-incoming-call-middle-group"), _defineProperty(_class3, "IncomingCallRightGroupId", "lcw-incoming-call-right-group"), _defineProperty(_class3, "DefaultChatButtonId", "lcw-components-chat-button"), _defineProperty(_class3, "DefaultConfirmationPaneId", "lcw-components-confirmation-pane"), _defineProperty(_class3, "CustomFooterId", "lcw-footer"), _defineProperty(_class3, "DownloadTranscriptButtonId", "lcw-footer-download-transcript-button"), _defineProperty(_class3, "EmailTranscriptButtonId", "lcw-footer-email-transcript-button"), _defineProperty(_class3, "AudioNotificationButtonId", "lcw-footer-audio-notification-button"), _defineProperty(_class3, "DefaultFooterId", "lcw-components-footer"), _defineProperty(_class3, "FooterLeftGroupId", "lcw-footer-left-group"), _defineProperty(_class3, "FooterMiddleGroupId", "lcw-footer-middle-group"), _defineProperty(_class3, "FooterRightGroupId", "lcw-footer-right-group"), _defineProperty(_class3, "DefaultHeaderId", "lcw-header"), _defineProperty(_class3, "MinimizeButtonId", "lcw-header-minimize-button"), _defineProperty(_class3, "CloseButtonId", "lcw-header-close-button"), _defineProperty(_class3, "HeaderIconId", "lcw-header-icon"), _defineProperty(_class3, "HeaderTitleId", "lcw-header-title"), _defineProperty(_class3, "HeaderLeftGroupId", "lcw-header-left-group"), _defineProperty(_class3, "HeaderMiddleGroupId", "lcw-header-middle-group"), _defineProperty(_class3, "HeaderRightGroupId", "lcw-header-right-group"), _defineProperty(_class3, "DefaultInputValidationPaneId", "lcw-email-transcript-dialog-container"), _defineProperty(_class3, "DefaultInputValidationPaneInputId", "lcw-email-transcript-dialog-text-field"), _defineProperty(_class3, "DefaultLoadingPaneId", "lcw-loading-pane"), _defineProperty(_class3, "DefaultOOOHPaneId", "lcw-out-of-office-hours-pane"), _defineProperty(_class3, "DefaultPostChatSurveyPaneId", "lcw-postchat-survey-pane"), _defineProperty(_class3, "DefaultPreChatSurveyPaneId", "lcw-prechat-survey-pane-default"), _defineProperty(_class3, "DefaultProactiveChatPaneId", "lcw-proactive-chat"), _defineProperty(_class3, "DefaultReconnectChatPaneId", "lcw-reconnect-chat-pane"), _class3);
+export const ButtonTypes = (_class4 = class ButtonTypes {}, _defineProperty(_class4, "Icon", "icon"), _defineProperty(_class4, "Text", "text"), _class4);
+export const IconNames = (_class5 = class IconNames {}, _defineProperty(_class5, "DeclineCall", "DeclineCall"), _defineProperty(_class5, "Microphone", "Microphone"), _defineProperty(_class5, "MicOff2", "MicOff2"), _defineProperty(_class5, "Video", "Video"), _defineProperty(_class5, "VideoOff", "VideoOff"), _defineProperty(_class5, "IncomingCall", "IncomingCall"), _defineProperty(_class5, "ChromeClose", "ChromeClose"), _defineProperty(_class5, "Download", "Download"), _defineProperty(_class5, "Mail", "Mail"), _defineProperty(_class5, "Volume3", "Volume3"), _defineProperty(_class5, "Volume0", "Volume0"), _defineProperty(_class5, "ChromeMinimize", "ChromeMinimize"), _class5);
+export const AriaLabels = (_class6 = class AriaLabels {}, _defineProperty(_class6, "EndCall", "End Call"), _defineProperty(_class6, "MicMute", "Mute"), _defineProperty(_class6, "MicUnmute", "Unmute"), _defineProperty(_class6, "VideoTurnCameraOn", "Turn camera on"), _defineProperty(_class6, "VideoTurnCameraOff", "Turn camera off"), _defineProperty(_class6, "IncomingCallArea", "Incoming call area"), _defineProperty(_class6, "RejectCall", "Reject call"), _defineProperty(_class6, "AcceptVoiceCall", "Accept voice call"), _defineProperty(_class6, "AcceptVideoCall", "Accept video Call"), _defineProperty(_class6, "DeclineCall", "Decline Call"), _defineProperty(_class6, "AudioCall", "Audio Call"), _defineProperty(_class6, "VideoCall", "Video Call"), _defineProperty(_class6, "LetsChatWeAreOnline", "Let's chat we are online"), _defineProperty(_class6, "UnreadMessageString", "you have new messages"), _defineProperty(_class6, "Close", "Close"), _defineProperty(_class6, "ConfirmationPaneConfirm", "Close Chat"), _defineProperty(_class6, "ConfirmationPaneCancel", "Cancel. Return to Chat"), _defineProperty(_class6, "DownloadChatTranscript", "Download chat transcript"), _defineProperty(_class6, "EmailTranscript", "Email Transcript"), _defineProperty(_class6, "TurnSoundOff", "Turn sound off"), _defineProperty(_class6, "TurnSoundOn", "Turn sound on"), _defineProperty(_class6, "Minimize", "Minimize"), _defineProperty(_class6, "EmailChatTranscriptPane", "Email Chat Transcript Pane"), _defineProperty(_class6, "InputValidationPaneInput", "Email this chat transcript. This will be sent after your chat ends. Email address text area"), _defineProperty(_class6, "Send", "Send"), _defineProperty(_class6, "Cancel", "Cancel"), _defineProperty(_class6, "ProactiveChatPane", "Proactive Chat Pane"), _defineProperty(_class6, "ChatNow", "Chat Now"), _defineProperty(_class6, "ReconnectChatPane", "Reconnect Chat Pane"), _defineProperty(_class6, "ReconnectChatPaneIcon", "Reconnect Chat Pane Icon"), _defineProperty(_class6, "ContinueConversation", "Continue conversation"), _defineProperty(_class6, "StartNewConversation", "Start new conversation"), _class6);
+export const EventNames = (_class7 = class EventNames {}, _defineProperty(_class7, "OnClick", "OnClick"), _defineProperty(_class7, "OnEscapeKeyDown", "OnEscapeKeyDown"), _defineProperty(_class7, "IncomingCallEnded", "IncomingCallEnded"), _class7);
+export const Texts = (_class8 = class Texts {}, _defineProperty(_class8, "IncomingCallTitle", "Incoming Call"), _defineProperty(_class8, "ChatButtonTitle", "Let's Chat!"), _defineProperty(_class8, "ChatButtonSubtitle", "We're online."), _defineProperty(_class8, "ChatButtonUnreadMessageString", "new messages"), _defineProperty(_class8, "ChatButtonLargeUnreadMessageString", "99+"), _defineProperty(_class8, "CloseButtonText", "Close"), _defineProperty(_class8, "ConfirmationPaneTitle", "Close chat"), _defineProperty(_class8, "ConfirmationPaneSubtitle", "Do you really want to close this chat?"), _defineProperty(_class8, "ConfirmButtonText", "Close"), _defineProperty(_class8, "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/common/utils.js

@@ -93,4 +93,20 @@ export const addNoreferrerNoopenerTag = htmlNode => {
       }
     }
   }
+};
+export const replaceURLWithAnchor = (text, openInNewTab) => {
+  if (text) {
+    const modifiedText = text.replace(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;
 };

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

@@ -1,5 +1,6 @@
+import { Ids } from "../../../../common/Constants";
 export const defaultCallingContainerControlProps = {
-  id: "oc-lcw-callingcontainer",
+  id: Ids.DefaultCallingContainerId,
   dir: "ltr",
   isIncomingCall: false,
   hideCallingContainer: false

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

@@ -1,10 +1,10 @@
-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); }
 
 import * as React from "react";
 import { IconButton, Stack } from "@fluentui/react";
 import { BroadcastService } from "../../../../services/BroadcastService";
 import CommandButton from "../../../common/commandbutton/CommandButton";
-import { ElementType, KeyCodes } from "../../../../common/Constants";
+import { ElementType, EventNames, Ids, KeyCodes } from "../../../../common/Constants";
 import Timer from "../Timer/Timer";
 import { defaultCurrentCallProps } from "./common/defaultProps/defaultCurrentCallProps";
 import { processCustomComponents } from "../../../../common/utils";
@@ -145,7 +145,7 @@ function CurrentCall(props) {
   const endCallCustomEvent = {
     elementType: ElementType.CurrentCallEndCallButton,
     elementId: endCallButtonId,
-    eventName: "OnClick"
+    eventName: EventNames.OnClick
   };
   const handleEndCallClick = useCallback(() => {
     var _props$controlProps62;
@@ -165,7 +165,7 @@ function CurrentCall(props) {
       const videoOffCustomEvent = {
         elementType: ElementType.CurrentCallVideoButton,
         elementId: videoOffButtonId,
-        eventName: "OnClick"
+        eventName: EventNames.OnClick
       };
       BroadcastService.postMessage(videoOffCustomEvent);
       (_props$controlProps65 = props.controlProps) === null || _props$controlProps65 === void 0 ? void 0 : _props$controlProps65.onVideoOffClick();
@@ -182,7 +182,7 @@ function CurrentCall(props) {
       const micCustomEvent = {
         elementType: ElementType.CurrentCallMicButton,
         elementId: micButtonId,
-        eventName: "OnClick"
+        eventName: EventNames.OnClick
       };
       BroadcastService.postMessage(micCustomEvent);
       (_props$controlProps67 = props.controlProps) === null || _props$controlProps67 === void 0 ? void 0 : _props$controlProps67.onMicCallClick();
@@ -244,12 +244,12 @@ function CurrentCall(props) {
     dir: dir
   }, /*#__PURE__*/React.createElement(Stack, {
     horizontal: true,
-    id: "currentCallLeftGroup",
+    id: Ids.CurrentCallLeftGroupId,
     verticalAlign: "center",
     tokens: leftGroupStackTokens
   }, 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(Stack, {
     horizontal: true,
-    id: "currentCallMiddleGroup",
+    id: Ids.CurrentCallMiddleGroupId,
     verticalAlign: "center",
     tokens: middleGroupStackTokens,
     dir: dir
@@ -286,7 +286,7 @@ function CurrentCall(props) {
     customEvent: endCallCustomEvent
   }))), /*#__PURE__*/React.createElement(Stack, {
     horizontal: true,
-    id: "currentCallRightGroup",
+    id: Ids.CurrentCallRightGroupId,
     verticalAlign: "center",
     tokens: rightGroupStackTokens
   }, 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/esm/components/callingcontainer/subcomponents/CurrentCall/common/defaultProps/defaultCurrentCallControlProps.js

@@ -1,11 +1,12 @@
+import { AriaLabels, IconNames, ButtonTypes, Ids } from "../../../../../../common/Constants";
 export const defaultCurrentCallControlProps = {
-  id: "currentCall-container",
+  id: Ids.DefaultCurrentCallId,
   nonActionIds: {
-    currentCallActionGroupId: "currentCall-actionicons",
-    currentCallFooterId: "currentCall-footer",
-    remoteVideoTileId: "remoteVideo",
-    selfVideoTileId: "selfVideo",
-    videoTileGroupId: "currentCall-body"
+    currentCallActionGroupId: Ids.CurrentCallActionGroupId,
+    currentCallFooterId: Ids.CurrentCallFooterId,
+    remoteVideoTileId: Ids.RemoteVideoTileId,
+    selfVideoTileId: Ids.SelfVideoTileId,
+    videoTileGroupId: Ids.VideoTileGroupId
   },
   hideMicButton: false,
   hideVideoButton: false,
@@ -35,32 +36,32 @@ export const defaultCurrentCallControlProps = {
     children: []
   },
   endCallButtonProps: {
-    id: "callRejectButton",
-    type: "icon",
-    ariaLabel: "End Call",
-    iconName: "DeclineCall",
+    id: Ids.EndCallButtonId,
+    type: ButtonTypes.Icon,
+    ariaLabel: AriaLabels.EndCall,
+    iconName: IconNames.DeclineCall,
     iconSize: 18
   },
   micButtonProps: {
-    id: "toggleAudio",
-    type: "icon",
-    ariaLabel: "Mute",
-    toggleAriaLabel: "Unmute",
-    iconName: "Microphone",
-    toggleIconName: "MicOff2",
+    id: Ids.MicButtonId,
+    type: ButtonTypes.Icon,
+    ariaLabel: AriaLabels.MicMute,
+    toggleAriaLabel: AriaLabels.MicUnmute,
+    iconName: IconNames.Microphone,
+    toggleIconName: IconNames.MicOff2,
     iconSize: 18
   },
   videoButtonProps: {
-    id: "toggleVideo",
-    type: "icon",
-    ariaLabel: "Turn on camera",
-    toggleAriaLabel: "Turn off camera",
-    iconName: "Video",
-    toggleIconName: "VideoOff",
+    id: Ids.VideoButtonId,
+    type: ButtonTypes.Icon,
+    ariaLabel: AriaLabels.VideoTurnCameraOn,
+    toggleAriaLabel: AriaLabels.VideoTurnCameraOff,
+    iconName: IconNames.Video,
+    toggleIconName: IconNames.VideoOff,
     iconSize: 18
   },
   callTimerProps: {
-    id: "oc-lcw-CurrentCall-timer",
+    id: Ids.CallTimerId,
     showHours: false,
     timerStyles: {
       color: "white",