@microsoft/omnichannel-chat-components 1.0.1-main.9f52604 → 1.0.2-main.9ceef28

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

@@ -1,7 +1,7 @@
 import { DefaultButton, Icon, Label, Stack } from "@fluentui/react";
 import React, { useCallback } from "react";
 import { BroadcastService } from "../../services/BroadcastService";
-import { ElementType } from "../../common/Constants";
+import { ElementType, EventNames } from "../../common/Constants";
 import { KeyCodes } from "../../common/Constants";
 import { decodeComponentString } from "../../common/decodeComponentString";
 import { defaultReconnectChatPaneButtonGroupStyles } from "./common/default/defaultStyles/defaultReconnectChatPaneButtonGroupStyles";
@@ -29,7 +29,7 @@ function ReconnectChatPane(props) {
       const customEvent = {
         elementType: ElementType.ReconnectChatContinueChatButton,
         elementId: elementId + "-continueconversationbutton",
-        eventName: "OnClick"
+        eventName: EventNames.OnClick
       };
       BroadcastService.postMessage(customEvent);
       (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.onContinueChat();
@@ -44,7 +44,7 @@ function ReconnectChatPane(props) {
       const customEvent = {
         elementType: ElementType.ReconnectChatStartNewChatButton,
         elementId: elementId + "-startnewconversationbutton",
-        eventName: "OnClick"
+        eventName: EventNames.OnClick
       };
       BroadcastService.postMessage(customEvent);
       (_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.onStartNewChat();
@@ -60,7 +60,7 @@ function ReconnectChatPane(props) {
       const customEvent = {
         elementType: ElementType.ReconnectChatPane,
         elementId: elementId,
-        eventName: "OnEscapeKeyDown"
+        eventName: EventNames.OnEscapeKeyDown
       };
       BroadcastService.postMessage(customEvent);
       (_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.onMinimize();

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

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

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

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

package/lib/types/common/Constants.d.ts

@@ -40,3 +40,151 @@ export declare enum ElementType {
     Utility = "Utility",
     Custom = "Custom"
 }
+export declare const Ids: {
+    new (): {};
+    readonly DefaultCallingContainerId: "lcw-calling-container";
+    readonly DefaultCurrentCallId: "lcw-current-call-container";
+    readonly CurrentCallActionGroupId: "lcw-current-call-action-icons";
+    readonly CurrentCallFooterId: "lcw-current-call-footer";
+    readonly RemoteVideoTileId: "lcw-remote-video";
+    readonly SelfVideoTileId: "lcw-self-video";
+    readonly VideoTileGroupId: "lcw-current-call-body";
+    readonly EndCallButtonId: "lcw-call-reject-button";
+    readonly MicButtonId: "lcw-toggle-audio";
+    readonly VideoButtonId: "lcw-toggle-video";
+    readonly CallTimerId: "lcw-current-call-timer";
+    readonly CurrentCallLeftGroupId: "lcw-current-call-left-group";
+    readonly CurrentCallMiddleGroupId: "lcw-current-call-middle-group";
+    readonly CurrentCallRightGroupId: "lcw-current-call-right-group";
+    readonly DefaultIncomingCallId: "lcw-incoming-call";
+    readonly DeclineCallButtonId: "lcw-call-reject-button";
+    readonly AudioCallButtonId: "lcw-call-accept-button";
+    readonly VideoCallButtonId: "lcw-video-call-accept-button";
+    readonly IncomingCallTitleId: "lcw-incoming-call-message";
+    readonly DefaultIncomingCallPopupId: "lcw-incoming-call-popup";
+    readonly IncomingCallLeftGroupId: "lcw-incoming-call-left-group";
+    readonly IncomingCallMiddleGroupId: "lcw-incoming-call-middle-group";
+    readonly IncomingCallRightGroupId: "lcw-incoming-call-right-group";
+    readonly DefaultChatButtonId: "lcw-components-chat-button";
+    readonly DefaultConfirmationPaneId: "lcw-components-confirmation-pane";
+    readonly CustomFooterId: "lcw-footer";
+    readonly DownloadTranscriptButtonId: "lcw-footer-download-transcript-button";
+    readonly EmailTranscriptButtonId: "lcw-footer-email-transcript-button";
+    readonly AudioNotificationButtonId: "lcw-footer-audio-notification-button";
+    readonly DefaultFooterId: "lcw-components-footer";
+    readonly FooterLeftGroupId: "lcw-footer-left-group";
+    readonly FooterMiddleGroupId: "lcw-footer-middle-group";
+    readonly FooterRightGroupId: "lcw-footer-right-group";
+    readonly DefaultHeaderId: "lcw-header";
+    readonly MinimizeButtonId: "lcw-header-minimize-button";
+    readonly CloseButtonId: "lcw-header-close-button";
+    readonly HeaderIconId: "lcw-header-icon";
+    readonly HeaderTitleId: "lcw-header-title";
+    readonly HeaderLeftGroupId: "lcw-header-left-group";
+    readonly HeaderMiddleGroupId: "lcw-header-middle-group";
+    readonly HeaderRightGroupId: "lcw-header-right-group";
+    readonly DefaultInputValidationPaneId: "lcw-email-transcript-dialog-container";
+    readonly DefaultInputValidationPaneInputId: "lcw-email-transcript-dialog-text-field";
+    readonly DefaultLoadingPaneId: "lcw-loading-pane";
+    readonly DefaultOOOHPaneId: "lcw-out-of-office-hours-pane";
+    readonly DefaultPostChatSurveyPaneId: "lcw-postchat-survey-pane";
+    readonly DefaultPreChatSurveyPaneId: "lcw-prechat-survey-pane-default";
+    readonly DefaultProactiveChatPaneId: "lcw-proactive-chat";
+    readonly DefaultReconnectChatPaneId: "lcw-reconnect-chat-pane";
+};
+export declare const ButtonTypes: {
+    new (): {};
+    readonly Icon: "icon";
+    readonly Text: "text";
+};
+export declare const IconNames: {
+    new (): {};
+    readonly DeclineCall: "DeclineCall";
+    readonly Microphone: "Microphone";
+    readonly MicOff2: "MicOff2";
+    readonly Video: "Video";
+    readonly VideoOff: "VideoOff";
+    readonly IncomingCall: "IncomingCall";
+    readonly ChromeClose: "ChromeClose";
+    readonly Download: "Download";
+    readonly Mail: "Mail";
+    readonly Volume3: "Volume3";
+    readonly Volume0: "Volume0";
+    readonly ChromeMinimize: "ChromeMinimize";
+};
+export declare const AriaLabels: {
+    new (): {};
+    readonly EndCall: "End Call";
+    readonly MicMute: "Mute";
+    readonly MicUnmute: "Unmute";
+    readonly VideoTurnCameraOn: "Turn camera on";
+    readonly VideoTurnCameraOff: "Turn camera off";
+    readonly IncomingCallArea: "Incoming call area";
+    readonly RejectCall: "Reject call";
+    readonly AcceptVoiceCall: "Accept voice call";
+    readonly AcceptVideoCall: "Accept video Call";
+    readonly DeclineCall: "Decline Call";
+    readonly AudioCall: "Audio Call";
+    readonly VideoCall: "Video Call";
+    readonly LetsChatWeAreOnline: "Let's chat we are online";
+    readonly UnreadMessageString: "you have new messages";
+    readonly Close: "Close";
+    readonly ConfirmationPaneConfirm: "Close Chat";
+    readonly ConfirmationPaneCancel: "Cancel. Return to Chat";
+    readonly DownloadChatTranscript: "Download chat transcript";
+    readonly EmailTranscript: "Email Transcript";
+    readonly TurnSoundOff: "Turn sound off";
+    readonly TurnSoundOn: "Turn sound on";
+    readonly Minimize: "Minimize";
+    readonly EmailChatTranscriptPane: "Email Chat Transcript Pane";
+    readonly InputValidationPaneInput: "Email this chat transcript. This will be sent after your chat ends. Email address text area";
+    readonly Send: "Send";
+    readonly Cancel: "Cancel";
+    readonly ProactiveChatPane: "Proactive Chat Pane";
+    readonly ChatNow: "Chat Now";
+    readonly ReconnectChatPane: "Reconnect Chat Pane";
+    readonly ReconnectChatPaneIcon: "Reconnect Chat Pane Icon";
+    readonly ContinueConversation: "Continue conversation";
+    readonly StartNewConversation: "Start new conversation";
+};
+export declare const EventNames: {
+    new (): {};
+    readonly OnClick: "OnClick";
+    readonly OnEscapeKeyDown: "OnEscapeKeyDown";
+    readonly IncomingCallEnded: "IncomingCallEnded";
+};
+export declare const Texts: {
+    new (): {};
+    readonly IncomingCallTitle: "Incoming Call";
+    readonly ChatButtonTitle: "Let's Chat!";
+    readonly ChatButtonSubtitle: "We're online.";
+    readonly ChatButtonUnreadMessageString: "new messages";
+    readonly ChatButtonLargeUnreadMessageString: "99+";
+    readonly CloseButtonText: "Close";
+    readonly ConfirmationPaneTitle: "Close chat";
+    readonly ConfirmationPaneSubtitle: "Do you really want to close this chat?";
+    readonly ConfirmButtonText: "Close";
+    readonly CancelButtonText: "Cancel";
+    readonly DownloadChatTranscriptText: "Download chat transcript";
+    readonly EmailTranscriptText: "Email Transcript";
+    readonly HeaderIcon: "Chat Icon";
+    readonly HeaderTitle: "Let's Chat";
+    readonly MinimizeText: "Minimize";
+    readonly InputValidationPaneTitleText: "Email this chat transcript";
+    readonly InputValidationPaneSubtitleText: "This will be sent after your chat ends.";
+    readonly InvalidInputErrorMessageText: "Enter a valid email address.";
+    readonly SendButtonText: "Send";
+    readonly LoadingPaneTitleText: "Welcome to";
+    readonly LoadingPaneSubtitleText: "live chat support ...";
+    readonly LoadingPaneSpinnerText: "Loading ...";
+    readonly OOOHPaneTitleText: "Thanks for contacting us. You have reached us outside of our operating hours. An agent will respond when we open.";
+    readonly PostChatSurveyPaneTitleText: "Post chat survey pane";
+    readonly ProactiveChatPaneTitleText: "Welcome to";
+    readonly ProactiveChatPaneSubtitleText: "Live chat support!";
+    readonly ProactiveChatPaneBodyTitleText: "Hi! Have any questions? I am here to help.";
+    readonly ProactiveChatPaneStartButtonText: "Chat Now";
+    readonly ReconnectChatPaneTitleText: "Previous session detected";
+    readonly ReconnectChatPaneSubtitleText: "We have detected a previous chat session. Would you like to continue with your previous session?";
+    readonly ReconnectChatPaneContinueChatButtonText: "Continue conversation";
+    readonly ReconnectChatPaneStartNewChatButtonText: "Start new conversation";
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-components",
-  "version": "1.0.1-main.9f52604",
+  "version": "1.0.2-main.9ceef28",
   "description": "Microsoft Omnichannel Chat Components",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",