@microsoft/omnichannel-chat-components 0.1.0-main.b59a07c → 0.1.0-main.bda05f5

package/lib/esm/index.js

@@ -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/esm/services/BroadcastService.js

@@ -1,19 +1,45 @@
 import { Subject } from "rxjs";
 import { filter } from "rxjs/operators";
 import { BroadcastChannel } from "broadcast-channel";
-import { BROADCAST_CHANNEL_NAME } from "../common/Constants";
-const newMessage = new Subject();
-const pubChannel = new BroadcastChannel(BROADCAST_CHANNEL_NAME);
-const subChannel = new BroadcastChannel(BROADCAST_CHANNEL_NAME); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+const newMessage = new Subject(); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-subChannel.onmessage = message => {
-  newMessage.next(message);
-};
+const broadcastServicePubList = {}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+const broadcastServiceSubList = {}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+let pubChannel; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+let subChannel;
+export const BroadcastServiceInitialize = channelName => {
+  if (broadcastServicePubList[channelName]) {
+    pubChannel = broadcastServicePubList[channelName];
+  } else {
+    const newPubChannel = new BroadcastChannel(channelName);
+    broadcastServicePubList[channelName] = newPubChannel;
+    pubChannel = newPubChannel;
+  }
+
+  if (broadcastServiceSubList[channelName]) {
+    subChannel = broadcastServiceSubList[channelName];
+  } else {
+    const newSubChannel = new BroadcastChannel(channelName);
+    broadcastServiceSubList[channelName] = newSubChannel;
+    subChannel = newSubChannel;
+  } // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
+
+  subChannel.onmessage = message => {
+    newMessage.next(message);
+  };
+};
 export 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(filter(msg => msg.elementId == message.elementId && msg.elementType == message.elementType && msg.eventName == message.eventName));

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

@@ -1,6 +1,5 @@
 /// <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 (): {};
@@ -20,7 +19,7 @@ export declare const Regex: {
 };
 export declare enum ElementType {
     ChatButton = "ChatButton",
-    HeaderCloseButton = "HeaderCloseButton",
+    CloseButton = "CloseButton",
     HeaderMinimizeButton = "HeaderMinimizeButton",
     FooterDownloadTranscriptButton = "FooterDownloadTranscriptButton",
     FooterEmailTranscriptButton = "FooterEmailTranscriptButton",

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

@@ -15,4 +15,5 @@ export interface IChatButtonControlProps {
     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/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,6 @@ export interface IPreChatSurveyPaneButtonStyles {
     backgroundColor?: string;
     color?: string;
     fontFamily?: string;
+    fontSize?: string;
+    height?: 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.b59a07c",
+  "version": "0.1.0-main.bda05f5",
   "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",