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

package/lib/cjs/components/outofofficehourspane/common/defaultProps/defaultOOOHPaneControlProps.js

@@ -4,13 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultOOOHPaneControlProps = void 0;
+
+var _Constants = require("../../../../common/Constants");
+
 const defaultOOOHPaneControlProps = {
-  id: "oc-lcw-outofofficehours-pane",
+  id: _Constants.Ids.DefaultOOOHPaneId,
   dir: "auto",
   hideOOOHPane: false,
   hideTitle: false,
   role: "alert",
-  titleText: "Thanks for contacting us. You have reached us outside of our operating hours. An agent will respond when we open.",
+  titleText: _Constants.Texts.OOOHPaneTitleText,
   openLinkInNewTab: false
 };
 exports.defaultOOOHPaneControlProps = defaultOOOHPaneControlProps;

package/lib/cjs/components/outofofficehourspane/common/presetFourProps/presetFourOOOHPaneControlProps.js

@@ -8,7 +8,7 @@ exports.presetFourOOOHPaneControlProps = void 0;
 var _defaultOOOHPaneControlProps = require("../defaultProps/defaultOOOHPaneControlProps");
 
 const presetFourOOOHPaneControlProps = { ..._defaultOOOHPaneControlProps.defaultOOOHPaneControlProps,
-  id: "oc-lcw-outofofficehourspane-preset1",
+  id: "lcw-out-of-office-hours-pane-preset1",
   titleText: "We are out of office. Please contact us here https://www.microsoft.com for further assisstance",
   openLinkInNewTab: true
 };

package/lib/cjs/components/outofofficehourspane/common/presetOneProps/presetOneOOOHPaneControlProps.js

@@ -8,7 +8,7 @@ exports.presetOneOOOHPaneControlProps = void 0;
 var _defaultOOOHPaneControlProps = require("../defaultProps/defaultOOOHPaneControlProps");
 
 const presetOneOOOHPaneControlProps = { ..._defaultOOOHPaneControlProps.defaultOOOHPaneControlProps,
-  id: "oc-lcw-outofofficehourspane-preset1",
+  id: "lcw-out-of-office-hours-pane-preset1",
   dir: "rtl"
 };
 exports.presetOneOOOHPaneControlProps = presetOneOOOHPaneControlProps;

package/lib/cjs/components/outofofficehourspane/common/presetTwoProps/presetTwoOOOHPaneControlProps.js

@@ -8,7 +8,7 @@ exports.presetTwoOOOHPaneControlProps = void 0;
 var _defaultOOOHPaneControlProps = require("../defaultProps/defaultOOOHPaneControlProps");
 
 const presetTwoOOOHPaneControlProps = { ..._defaultOOOHPaneControlProps.defaultOOOHPaneControlProps,
-  id: "oc-lcw-outofofficehourspane-preset2",
+  id: "lcw-out-of-office-hours-pane-preset2",
   titleText: "Sorry but we are not operating during these hours!!"
 };
 exports.presetTwoOOOHPaneControlProps = presetTwoOOOHPaneControlProps;

package/lib/cjs/components/postchatsurveypane/common/defaultProps/defaultPostChatSurveyPaneControlProps.js

@@ -4,9 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPostChatSurveyPaneControlProps = void 0;
+
+var _Constants = require("../../../../common/Constants");
+
 const defaultPostChatSurveyPaneControlProps = {
-  id: "oc-lcw-postchatsurvey-pane",
-  title: "Post chat survey pane",
+  id: _Constants.Ids.DefaultPostChatSurveyPaneId,
+  title: _Constants.Texts.PostChatSurveyPaneTitleText,
   surveyURL: ""
 };
 exports.defaultPostChatSurveyPaneControlProps = defaultPostChatSurveyPaneControlProps;

package/lib/cjs/components/postchatsurveypane/common/presetOneProps/presetOnePostChatSurveyPaneControlProps.js

@@ -8,6 +8,6 @@ exports.presetOnePostChatSurveyPaneControlProps = void 0;
 var _defaultPostChatSurveyPaneControlProps = require("../defaultProps/defaultPostChatSurveyPaneControlProps");
 
 const presetOnePostChatSurveyPaneControlProps = { ..._defaultPostChatSurveyPaneControlProps.defaultPostChatSurveyPaneControlProps,
-  id: "oc-lcw-postchatsurveypane-preset1"
+  id: "lcw-postchat-survey-pane-preset1"
 };
 exports.presetOnePostChatSurveyPaneControlProps = presetOnePostChatSurveyPaneControlProps;

package/lib/cjs/components/prechatsurveypane/PreChatSurveyPane.js

@@ -32,7 +32,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function PreChatSurveyPane(props) {
   var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps3$cu, _props$styleProps4, _props$styleProps4$cu, _props$styleProps5, _props$styleProps5$cu, _props$styleProps6, _props$styleProps6$cu, _props$styleProps7, _props$styleProps7$cu, _props$styleProps8, _props$styleProps8$cu, _props$styleProps9, _props$styleProps9$cu, _defaultPreChatSurvey, _props$styleProps10, _props$styleProps10$c, _props$styleProps11, _props$styleProps11$c, _defaultPreChatSurvey2, _props$styleProps12, _props$styleProps12$c, _props$styleProps13, _props$styleProps13$c, _defaultPreChatSurvey3, _props$styleProps14, _props$styleProps14$c, _defaultPreChatSurvey4, _props$styleProps15, _props$styleProps15$c, _defaultPreChatSurvey5, _props$styleProps16, _props$styleProps16$c, _defaultPreChatSurvey6, _props$styleProps17, _props$styleProps17$c, _defaultPreChatSurvey7, _props$styleProps18, _props$styleProps18$c, _defaultPreChatSurvey8, _props$controlProps6, _props$controlProps7, _props$controlProps8;
 
-  const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? "lcw-components-prechatsurvey-pane";
+  const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? _defaultPreChatSurveyPaneControlProps.defaultPreChatSurveyPaneControlProps.id;
   let adpativeCardPayload;
   let adaptiveCardHostConfig;
   const containerStyles = {
@@ -73,7 +73,7 @@ function PreChatSurveyPane(props) {
       const customEvent = {
         elementType: _Constants.ElementType.PreChatSurveySubmitButton,
         elementId: elementId,
-        eventName: "OnClick"
+        eventName: _Constants.EventNames.OnClick
       };
 
       _BroadcastService.BroadcastService.postMessage(customEvent);

package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultPreChatSurveyPaneControlProps.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPreChatSurveyPaneControlProps = void 0;
+
+var _Constants = require("../../../../common/Constants");
+
 const defaultPreChatSurveyPaneControlProps = {
-  id: "oc-lcw-prechatsurveypane-default",
+  id: _Constants.Ids.DefaultPreChatSurveyPaneId,
   dir: "auto",
   role: "alert",
   hidePreChatSurveyPane: false,

package/lib/cjs/components/prechatsurveypane/common/presetThreeProps/presetThreePreChatSurveyPaneControlProps.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.presetThreePreChatSurveyPaneControlProps = void 0;
 const presetThreePreChatSurveyPaneControlProps = {
-  id: "oc-lcw-prechatsurveypane-preset3",
+  id: "lcw-prechat-survey-pane-preset3",
   dir: "auto",
   hidePreChatSurveyPane: false,
   adaptiveCardHostConfig: "{\"fontFamily\":\"Segoe UI, Helvetica Neue, sans-serif\",\"containerStyles\":{\"default\":{\"foregroundColors\":{\"default\":{\"default\":\"#C3F60F\"}},\"backgroundColor\":\"#6A1E7A\"}},\"actions\":{\"actionsOrientation\":\"Vertical\",\"actionAlignment\":\"stretch\"}}",

package/lib/cjs/components/prechatsurveypane/common/presetTwoProps/presetTwoPreChatSurveyPaneControlProps.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.presetTwoPreChatSurveyPaneControlProps = void 0;
 const presetTwoPreChatSurveyPaneControlProps = {
-  id: "oc-lcw-prechatsurveypane-preset2",
+  id: "lcw-prechat-survey-pane-preset2",
   dir: "auto",
   hidePreChatSurveyPane: false,
   adaptiveCardHostConfig: "{\"fontFamily\":\"Segoe UI, Helvetica Neue, sans-serif\",\"containerStyles\":{\"default\":{\"foregroundColors\":{\"default\":{\"default\":\"#000000\"}},\"backgroundColor\":\"#FFFFFF\"}},\"actions\":{\"actionsOrientation\":\"Vertical\",\"actionAlignment\":\"stretch\"}}",

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

@@ -4,27 +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,
   closeButtonProps: {
-    type: "icon",
-    iconName: "ChromeClose",
+    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/presetOne/presetOneProps/presetOneProactiveChatPaneControlProps.js

@@ -4,27 +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,
   closeButtonProps: {
-    type: "icon",
-    iconName: "ChromeClose",
+    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,27 +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,
   closeButtonProps: {
-    type: "icon",
-    iconName: "ChromeClose",
+    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/esm/common/Constants.js

@@ -1,4 +1,4 @@
-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; }
 
@@ -38,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/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

@@ -4,7 +4,7 @@ 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",

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

@@ -1,12 +1,13 @@
 import { CallRejectButtonBase64, VideoOffIconBase64, VideoOnIconBase64, VoiceOffIconBase64, VoiceOnIconBase64 } from "../../../../../../assets/Icons";
+import { AriaLabels, ButtonTypes, Ids } from "../../../../../../common/Constants";
 export const defaultCurrentCallControlPropsRtl = {
-  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,
@@ -37,9 +38,9 @@ export const defaultCurrentCallControlPropsRtl = {
   },
   dir: "rtl",
   endCallButtonProps: {
-    id: "callRejectButton",
-    type: "icon",
-    ariaLabel: "End Call",
+    id: Ids.EndCallButtonId,
+    type: ButtonTypes.Icon,
+    ariaLabel: AriaLabels.EndCall,
     imageIconProps: {
       src: CallRejectButtonBase64,
       styles: {
@@ -51,10 +52,10 @@ export const defaultCurrentCallControlPropsRtl = {
     }
   },
   micButtonProps: {
-    id: "toggleAudio",
-    type: "icon",
-    ariaLabel: "Mute",
-    toggleAriaLabel: "Unmute",
+    id: Ids.MicButtonId,
+    type: ButtonTypes.Icon,
+    ariaLabel: AriaLabels.MicMute,
+    toggleAriaLabel: AriaLabels.MicUnmute,
     imageIconProps: {
       src: VoiceOnIconBase64,
       styles: {
@@ -76,10 +77,10 @@ export const defaultCurrentCallControlPropsRtl = {
     iconSize: 18
   },
   videoButtonProps: {
-    id: "toggleVideo",
-    type: "icon",
-    ariaLabel: "Turn camera on",
-    toggleAriaLabel: "Turn camera off",
+    id: Ids.VideoButtonId,
+    type: ButtonTypes.Icon,
+    ariaLabel: AriaLabels.VideoTurnCameraOn,
+    toggleAriaLabel: AriaLabels.VideoTurnCameraOff,
     imageIconProps: {
       src: VideoOnIconBase64,
       styles: {
@@ -101,6 +102,6 @@ export const defaultCurrentCallControlPropsRtl = {
     iconSize: 18
   },
   callTimerProps: {
-    id: "oc-lcw-CurrentCall-timer"
+    id: Ids.CallTimerId
   }
 };