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

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

@@ -1,4 +1,4 @@
 import { defaultPostChatSurveyPaneControlProps } from "../defaultProps/defaultPostChatSurveyPaneControlProps";
 export const presetOnePostChatSurveyPaneControlProps = { ...defaultPostChatSurveyPaneControlProps,
-  id: "oc-lcw-postchatsurveypane-preset1"
+  id: "lcw-postchat-survey-pane-preset1"
 };

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

@@ -3,7 +3,7 @@ import { Stack } from "@fluentui/react";
 import React, { useCallback } from "react";
 import { addNoreferrerNoopenerTag, broadcastError, getInputValuesFromAdaptiveCard } from "../../common/utils";
 import { BroadcastService } from "../../services/BroadcastService";
-import { ElementType } from "../../common/Constants";
+import { ElementType, EventNames } from "../../common/Constants";
 import { defaultPreChatSurveyPaneACContainerStyles } from "./common/defaultProps/defaultStyles/defaultPreChatSurveyPaneACContainerStyles";
 import { defaultPreChatSurveyPaneControlProps } from "./common/defaultProps/defaultPreChatSurveyPaneControlProps";
 import { defaultPreChatSurveyPaneGeneralStyles } from "./common/defaultProps/defaultStyles/defaultPreChatSurveyPaneGeneralStyles";
@@ -12,7 +12,7 @@ import { defaultPreChatSurveyPaneStyles } from "./common/defaultProps/defaultSty
 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.id;
   let adpativeCardPayload;
   let adaptiveCardHostConfig;
   const containerStyles = {
@@ -53,7 +53,7 @@ function PreChatSurveyPane(props) {
       const customEvent = {
         elementType: ElementType.PreChatSurveySubmitButton,
         elementId: elementId,
-        eventName: "OnClick"
+        eventName: EventNames.OnClick
       };
       BroadcastService.postMessage(customEvent);
       (_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.onSubmit(values);

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

@@ -1,5 +1,6 @@
+import { Ids } from "../../../../common/Constants";
 export const defaultPreChatSurveyPaneControlProps = {
-  id: "oc-lcw-prechatsurveypane-default",
+  id: Ids.DefaultPreChatSurveyPaneId,
   dir: "auto",
   role: "alert",
   hidePreChatSurveyPane: false,

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

@@ -1,5 +1,5 @@
 export 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/esm/components/prechatsurveypane/common/presetTwoProps/presetTwoPreChatSurveyPaneControlProps.js

@@ -1,5 +1,5 @@
 export 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/esm/components/proactivechatpane/common/default/defaultProps/defaultProactiveChatPaneControlProps.js

@@ -1,24 +1,25 @@
+import { AriaLabels, ButtonTypes, IconNames, Ids, Texts } from "../../../../../common/Constants";
 export const defaultProactiveChatPaneControlProps = {
-  id: "oc-lcw-proactivechat",
+  id: Ids.DefaultProactiveChatPaneId,
   dir: "ltr",
   hideProactiveChatPane: false,
-  proactiveChatPaneAriaLabel: "Proactive Chat Pane",
+  proactiveChatPaneAriaLabel: AriaLabels.ProactiveChatPane,
   hideTitle: false,
-  titleText: "Welcome to",
+  titleText: Texts.ProactiveChatPaneTitleText,
   hideSubtitle: false,
-  subtitleText: "Live chat support!",
+  subtitleText: Texts.ProactiveChatPaneSubtitleText,
   hideCloseButton: false,
   closeButtonProps: {
-    type: "icon",
-    iconName: "ChromeClose",
+    type: ButtonTypes.Icon,
+    iconName: IconNames.ChromeClose,
     hideButtonTitle: true
   },
   isBodyContainerHorizantal: false,
   hideBodyTitle: false,
-  bodyTitleText: "Hi! Have any questions? I am here to help.",
+  bodyTitleText: Texts.ProactiveChatPaneBodyTitleText,
   hideStartButton: false,
-  startButtonText: "Chat Now",
-  startButtonAriaLabel: "Chat Now",
+  startButtonText: Texts.ProactiveChatPaneStartButtonText,
+  startButtonAriaLabel: AriaLabels.ChatNow,
   onClose: function () {
     console.log("on close");
   },

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

@@ -1,24 +1,25 @@
+import { AriaLabels, ButtonTypes, IconNames, Texts } from "../../../../../common/Constants";
 export const presetOneProactiveChatPaneControlProps = {
-  id: "oclcw-incomingproactivechat",
+  id: "lcw-incoming-proactive-chat",
   dir: "ltr",
   hideProactiveChatPane: false,
-  proactiveChatPaneAriaLabel: "Proactive Chat Pane",
+  proactiveChatPaneAriaLabel: AriaLabels.ProactiveChatPane,
   hideTitle: false,
-  titleText: "Welcome to",
+  titleText: Texts.ProactiveChatPaneTitleText,
   hideSubtitle: false,
-  subtitleText: "Live chat support!",
+  subtitleText: Texts.ProactiveChatPaneSubtitleText,
   hideCloseButton: false,
   closeButtonProps: {
-    type: "icon",
-    iconName: "ChromeClose",
+    type: ButtonTypes.Icon,
+    iconName: IconNames.ChromeClose,
     hideButtonTitle: true
   },
   isBodyContainerHorizantal: true,
   hideBodyTitle: false,
-  bodyTitleText: "Hi! Have any questions? I am here to help.",
+  bodyTitleText: Texts.ProactiveChatPaneBodyTitleText,
   hideStartButton: false,
-  startButtonText: "Chat Now",
-  startButtonAriaLabel: "Chat Now",
+  startButtonText: Texts.ProactiveChatPaneStartButtonText,
+  startButtonAriaLabel: AriaLabels.ChatNow,
   onClose: function () {
     console.log("on close");
   },

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

@@ -1,24 +1,25 @@
+import { AriaLabels, ButtonTypes, IconNames, Texts } from "../../../../../common/Constants";
 export const presetThreeProactiveChatPaneControlProps = {
-  id: "oclcw-incomingproactivechat",
+  id: "lcw-incoming-proactive-chat",
   dir: "ltr",
   hideProactiveChatPane: false,
-  proactiveChatPaneAriaLabel: "Proactive Chat Pane",
+  proactiveChatPaneAriaLabel: AriaLabels.ProactiveChatPane,
   hideTitle: false,
-  titleText: "Welcome to",
+  titleText: Texts.ProactiveChatPaneTitleText,
   hideSubtitle: false,
-  subtitleText: "Live chat support!",
+  subtitleText: Texts.ProactiveChatPaneSubtitleText,
   hideCloseButton: false,
   closeButtonProps: {
-    type: "icon",
-    iconName: "ChromeClose",
+    type: ButtonTypes.Icon,
+    iconName: IconNames.ChromeClose,
     hideButtonTitle: true
   },
   isBodyContainerHorizantal: false,
   hideBodyTitle: false,
-  bodyTitleText: "Hi! Have any questions? I am here to help.",
+  bodyTitleText: Texts.ProactiveChatPaneBodyTitleText,
   hideStartButton: false,
-  startButtonText: "Chat Now",
-  startButtonAriaLabel: "Chat Now",
+  startButtonText: Texts.ProactiveChatPaneStartButtonText,
+  startButtonAriaLabel: AriaLabels.ChatNow,
   onClose: function () {
     console.log("on close");
   },

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

@@ -1,18 +1,19 @@
+import { AriaLabels, Texts } from "../../../../../common/Constants";
 export const presetTwoProactiveChatPaneControlProps = {
-  id: "oclcw-incomingproactivechat",
+  id: "lcw-incoming-proactive-chat",
   dir: "ltr",
   hideProactiveChatPane: false,
-  proactiveChatPaneAriaLabel: "Proactive Chat Pane",
+  proactiveChatPaneAriaLabel: AriaLabels.ProactiveChatPane,
   hideTitle: true,
-  titleText: "Welcome to",
+  titleText: Texts.ProactiveChatPaneTitleText,
   hideSubtitle: false,
-  subtitleText: "Live chat support!",
+  subtitleText: Texts.ProactiveChatPaneSubtitleText,
   hideCloseButton: false,
   isBodyContainerHorizantal: true,
   hideBodyTitle: false,
   hideStartButton: false,
-  startButtonText: "Chat Now",
-  startButtonAriaLabel: "Chat Now",
+  startButtonText: Texts.ProactiveChatPaneStartButtonText,
+  startButtonAriaLabel: AriaLabels.ChatNow,
   onStart: function () {
     console.log("on start");
   }

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.9430c05",
   "description": "Microsoft Omnichannel Chat Components",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",