@microsoft/omnichannel-chat-components 0.1.0-main.fc27009 → 1.0.1-main.57b83f8

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const AccessibilityBrightnessRatio = 1.2;
-export declare const BROADCAST_CHANNEL_NAME = "omnichannel_broadcast_channel";
+export declare const HiddenTextStyles: React.CSSProperties;
 export declare const KeyCodes: {
     new (): {};
     readonly ENTER: "Enter";
@@ -18,7 +19,7 @@ export declare const Regex: {
 };
 export declare enum ElementType {
     ChatButton = "ChatButton",
-    HeaderCloseButton = "HeaderCloseButton",
+    CloseButton = "CloseButton",
     HeaderMinimizeButton = "HeaderMinimizeButton",
     FooterDownloadTranscriptButton = "FooterDownloadTranscriptButton",
     FooterEmailTranscriptButton = "FooterEmailTranscriptButton",
@@ -39,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/lib/types/common/utils.d.ts

@@ -16,3 +16,4 @@ export declare const getHours: (time: number) => string;
 export declare const getMinutes: (time: number) => string;
 export declare const getSeconds: (time: number) => string;
 export declare const addNoreferrerNoopenerTag: (htmlNode: any) => void;
+export declare const replaceURLWithAnchor: (text: string | undefined, openInNewTab: boolean | undefined) => string | undefined;

package/lib/types/components/chatbutton/interfaces/IChatButtonControlProps.d.ts

@@ -13,4 +13,7 @@ export interface IChatButtonControlProps {
     hideChatSubtitle?: boolean;
     hideChatTitle?: boolean;
     hideNotificationBubble?: boolean;
+    unreadMessageString?: string;
+    largeUnreadMessageString?: string;
+    ariaLabelUnreadMessageString?: string;
 }

package/lib/types/components/common/interfaces/ICommandButtonControlProps.d.ts

@@ -14,4 +14,5 @@ export interface ICommandButtonControlProps {
     onClick?: () => void;
     className?: string;
     disabled?: boolean;
+    hideButtonTitle?: boolean;
 }

package/lib/types/components/common/interfaces/ICommandButtonProps.d.ts

@@ -18,4 +18,5 @@ export interface ICommandButtonProps {
     className?: string;
     disabled?: boolean;
     customEvent?: ICustomEvent;
+    hideButtonTitle?: boolean;
 }

package/lib/types/components/{header → common}/subcomponents/CloseButton.d.ts

@@ -1,3 +1,3 @@
-import { ICommandButtonProps } from "../../common/interfaces/ICommandButtonProps";
+import { ICommandButtonProps } from "../interfaces/ICommandButtonProps";
 declare function CloseButton(props: ICommandButtonProps): JSX.Element;
 export default CloseButton;

package/lib/types/components/confirmationpane/interfaces/IConfirmationPaneControlProps.d.ts

@@ -13,7 +13,6 @@ export interface IConfirmationPaneControlProps {
     cancelButtonText?: string;
     cancelButtonAriaLabel?: string;
     brightnessValueOnDim?: string;
-    disableDimLayer?: boolean;
     onConfirm?: () => void;
     onCancel?: () => void;
 }

package/lib/types/components/inputvalidationpane/interfaces/IInputValidationPaneControlProps.d.ts

@@ -22,7 +22,6 @@ export interface IInputValidationPaneControlProps {
     cancelButtonText?: string;
     cancelButtonAriaLabel?: string;
     brightnessValueOnDim?: string;
-    disableDimLayer?: boolean;
     onSend?: (input: string) => void;
     onCancel?: () => void;
     checkInput?: (input: string) => boolean;

package/lib/types/components/loadingpane/interfaces/ILoadingPaneProps.d.ts

@@ -5,4 +5,6 @@ export interface ILoadingPaneProps {
     componentOverrides?: ILoadingPaneComponentOverrides;
     controlProps?: ILoadingPaneControlProps;
     styleProps?: ILoadingPaneStyleProps;
+    windowWidth?: number;
+    windowHeight?: number;
 }

package/lib/types/components/outofofficehourspane/common/presetFourProps/presetFourOOOHPaneControlProps.d.ts

@@ -0,0 +1,2 @@
+import { IOOOHPaneControlProps } from "../../interfaces/IOOOHPaneControlProps";
+export declare const presetFourOOOHPaneControlProps: IOOOHPaneControlProps;

package/lib/types/components/outofofficehourspane/common/presetFourProps/presetFourOOOHPaneProps.d.ts

@@ -0,0 +1,2 @@
+import { IOOOHPaneProps } from "../../interfaces/IOOOHPaneProps";
+export declare const presetFourOOOHPaneProps: IOOOHPaneProps;

package/lib/types/components/outofofficehourspane/interfaces/IOOOHPaneControlProps.d.ts

@@ -5,4 +5,5 @@ export interface IOOOHPaneControlProps {
     hideOOOHPane?: boolean;
     hideTitle?: boolean;
     titleText?: string;
+    openLinkInNewTab?: boolean;
 }

package/lib/types/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneMultilineTextInputStyles.d.ts

@@ -0,0 +1,2 @@
+import { IPreChatSurveyPaneElementStyles } from "../../../interfaces/IPreChatSurveyPaneElementStyles";
+export declare const defaultPreChatSurveyPaneMultilineTextInputStyles: IPreChatSurveyPaneElementStyles;

package/lib/types/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneTextInputStyles.d.ts

@@ -0,0 +1,2 @@
+import { IPreChatSurveyPaneElementStyles } from "../../../interfaces/IPreChatSurveyPaneElementStyles";
+export declare const defaultPreChatSurveyPaneTextInputStyles: IPreChatSurveyPaneElementStyles;

package/lib/types/components/prechatsurveypane/interfaces/IPreChatSurveyPaneButtonStyles.d.ts

@@ -2,4 +2,7 @@ export interface IPreChatSurveyPaneButtonStyles {
     backgroundColor?: string;
     color?: string;
     fontFamily?: string;
+    fontSize?: string;
+    height?: string;
+    width?: string;
 }

package/lib/types/components/prechatsurveypane/interfaces/IPreChatSurveyPaneElementStyles.d.ts

@@ -0,0 +1,5 @@
+export interface IPreChatSurveyPaneElementStyles {
+    fontSize?: string;
+    height?: string;
+    paddingTop?: string;
+}

package/lib/types/components/prechatsurveypane/interfaces/IPreChatSurveyPaneStyleProps.d.ts

@@ -1,7 +1,12 @@
 import { IPreChatSurveyPaneButtonStyles } from "./IPreChatSurveyPaneButtonStyles";
 import { IStyle } from "@fluentui/react";
+import { IPreChatSurveyPaneElementStyles } from "./IPreChatSurveyPaneElementStyles";
 export interface IPreChatSurveyPaneStyleProps {
     generalStyleProps?: IStyle;
     adaptiveCardContainerStyleProps?: IStyle;
     customButtonStyleProps?: IPreChatSurveyPaneButtonStyles;
+    customTextStyleProps?: IPreChatSurveyPaneElementStyles;
+    customTextInputStyleProps?: IPreChatSurveyPaneElementStyles;
+    customMultilineTextInputStyleProps?: IPreChatSurveyPaneElementStyles;
+    customMultichoiceInputStyleProps?: IPreChatSurveyPaneElementStyles;
 }

package/lib/types/components/proactivechatpane/interfaces/IProactiveChatPaneControlProps.d.ts

@@ -1,3 +1,4 @@
+import { ICommandButtonControlProps } from "../../common/interfaces/ICommandButtonControlProps";
 export interface IProactiveChatPaneControlProps {
     id?: string;
     dir?: "ltr" | "rtl" | "auto";
@@ -8,7 +9,7 @@ export interface IProactiveChatPaneControlProps {
     hideSubtitle?: boolean;
     subtitleText?: string;
     hideCloseButton?: boolean;
-    closeButtonAriaLabel?: string;
+    closeButtonProps?: ICommandButtonControlProps;
     isBodyContainerHorizantal?: boolean;
     hideBodyTitle?: boolean;
     bodyTitleText?: string;

package/lib/types/index.d.ts

@@ -12,6 +12,7 @@ export { default as PostChatSurveyPane } from "./components/postchatsurveypane/P
 export { encodeComponentString } from "./common/encodeComponentString";
 export { decodeComponentString } from "./common/decodeComponentString";
 export { BroadcastService } from "./services/BroadcastService";
+export { BroadcastServiceInitialize } from "./services/BroadcastService";
 export { ElementType } from "./common/Constants";
 export { default as CallingContainer } from "./components/callingcontainer/CallingContainer";
 export { default as CurrentCall } from "./components/callingcontainer/subcomponents/CurrentCall/CurrentCall";

package/lib/types/services/BroadcastService.d.ts

@@ -1,5 +1,6 @@
 import { Subject } from "rxjs";
 import { ICustomEvent } from "../interfaces/ICustomEvent";
+export declare const BroadcastServiceInitialize: (channelName: string) => void;
 export declare const BroadcastService: {
     postMessage: (message: ICustomEvent) => void;
     getMessage: (message: ICustomEvent) => import("rxjs").Observable<ICustomEvent>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-components",
-  "version": "0.1.0-main.fc27009",
+  "version": "1.0.1-main.57b83f8",
   "description": "Microsoft Omnichannel Chat Components",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -68,7 +68,7 @@
   "dependencies": {
     "@fluentui/react": "^8.46.0",
     "adaptivecards": "^2.10.0",
-    "botframework-webchat": "4.14.1",
+    "botframework-webchat": "4.15.4",
     "broadcast-channel": "^4.5.0",
     "jest-transform-stub": "^2.0.0",
     "rxjs": "^5.0.3",