@microsoft/omnichannel-chat-widget 1.1.1-main.d9ea24e → 1.2.0

package/lib/types/components/draggable/DraggableEventNames.d.ts

@@ -0,0 +1,6 @@
+declare enum DraggableEventNames {
+    DragStart = "DragStart",
+    Dragging = "Dragging",
+    DragEnd = "DragEnd"
+}
+export default DraggableEventNames;

package/lib/types/components/draggable/DraggableEventReceiver.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from "react";
+import IDraggableEvent from "./IDraggableEvent";
+interface IDraggableEventReceiverProps {
+    /**
+     * Unique channel name to send/receive draggable events to prevent event collisions
+     */
+    channel: string;
+    /**
+     * React nodes children
+     */
+    children: ReactNode;
+    /**
+     * Event handler on receiving draggable events
+     *
+     * @param event Draggable events
+     * @returns
+     */
+    onEvent: (event: IDraggableEvent) => void;
+}
+/**
+ * Component which would listen to DraggableEvent, update the component position or react accordingly.
+ *
+ * @param props IDraggableEventReceiverProps
+ * @returns
+ */
+declare const DraggableEventReceiver: (props: IDraggableEventReceiverProps) => JSX.Element;
+export default DraggableEventReceiver;

package/lib/types/components/draggable/IDraggableElementPosition.d.ts

@@ -0,0 +1,5 @@
+interface IDraggableElementPosition {
+    offsetLeft: number;
+    offsetTop: number;
+}
+export default IDraggableElementPosition;

package/lib/types/components/draggable/IDraggableElementPositionDelta.d.ts

@@ -0,0 +1,5 @@
+interface IDraggableElementPositionDelta {
+    left: number;
+    top: number;
+}
+export default IDraggableElementPositionDelta;

package/lib/types/components/draggable/IDraggableEvent.d.ts

@@ -0,0 +1,12 @@
+import DraggableEventNames from "./DraggableEventNames";
+import IDraggableElementPosition from "./IDraggableElementPosition";
+interface IDraggableEvent {
+    channel: string;
+    eventName: DraggableEventNames | string;
+    offset?: {
+        x: number;
+        y: number;
+    };
+    position?: IDraggableElementPosition;
+}
+export default IDraggableEvent;

package/lib/types/components/headerstateful/interfaces/IHeaderStatefulParams.d.ts

@@ -18,4 +18,16 @@ export interface IHeaderStatefulParams {
      * @param postMessageToOtherTab : If set to true endchat will send a message to other tabs(multi-tabs)
      */
     endChat: (adapter: any, skipEndChatSDK?: boolean, skipCloseChat?: boolean, postMessageToOtherTab?: boolean) => Promise<void>;
+    /**
+     * draggableEventChannel: Channel to send/receive draggable events
+     */
+    draggableEventChannel?: string;
+    /**
+     * draggableEventEmitterTargetWindow: Target window to post IDraggableEvent messages
+     */
+    draggableEventEmitterTargetWindow?: Window;
+    /**
+     * draggable: Whether the header is draggable
+     */
+    draggable?: boolean;
 }

package/lib/types/components/livechatwidget/interfaces/IDraggableChatWidgetProps.d.ts

@@ -0,0 +1,10 @@
+export interface IDraggableChatWidgetProps {
+    /**
+     * Whether to enable Draggable Chat Widget.
+     */
+    disabled?: boolean;
+    /**
+     * To specify whether the iframe is used to drag. The IDraggableEvent would be posted to the parent window if set to true.
+     */
+    targetIframe?: boolean;
+}

package/lib/types/components/livechatwidget/interfaces/ILiveChatWidgetProps.d.ts

@@ -23,6 +23,7 @@ import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidget
 import { IContextDataStore } from "../../../common/interfaces/IContextDataStore";
 import { IPostChatSurveyPaneStatefulProps } from "../../postchatsurveypanestateful/interfaces/IPostChatSurveyPaneStatefulProps";
 import { IScrollBarProps } from "./IScrollBarProps";
+import { IDraggableChatWidgetProps } from "./IDraggableChatWidgetProps";
 export interface ILiveChatWidgetProps {
     audioNotificationProps?: IAudioNotificationProps;
     callingContainerProps?: ICallingContainerProps;
@@ -57,4 +58,5 @@ export interface ILiveChatWidgetProps {
     useSessionStorage?: boolean;
     allowSdkChatSupport?: boolean;
     initialCustomContext?: any;
+    draggableChatWidgetProps?: IDraggableChatWidgetProps;
 }

package/lib/types/components/webchatcontainerstateful/WebChatContainerStateful.d.ts

@@ -1,3 +1,3 @@
-import { IWebChatContainerStatefulProps } from "./interfaces/IWebChatContainerStatefulProps";
-export declare const WebChatContainerStateful: (props: IWebChatContainerStatefulProps) => JSX.Element;
+import { ILiveChatWidgetProps } from "../livechatwidget/interfaces/ILiveChatWidgetProps";
+export declare const WebChatContainerStateful: (props: ILiveChatWidgetProps) => JSX.Element;
 export default WebChatContainerStateful;

package/lib/types/components/webchatcontainerstateful/common/defaultStyles/defaultWebChatStyles.d.ts

@@ -0,0 +1,2 @@
+import { StyleOptions } from "botframework-webchat-api";
+export declare const defaultWebChatStyles: StyleOptions;

package/lib/types/components/webchatcontainerstateful/common/mockchatsdk.d.ts

@@ -3,6 +3,11 @@ import MockAdapter from "./mockadapter";
 export declare class MockChatSDK {
     protected sleep: (ms: any) => Promise<unknown>;
     isMockModeOn: boolean;
+    omnichannelConfig: {
+        widgetId: string;
+        orgId: string;
+        orgUrl: string;
+    };
     startChat(): Promise<void>;
     endChat(): null;
     getChatToken(): null;

package/lib/types/components/webchatcontainerstateful/interfaces/IRenderingMiddlewareProps.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import { IAttachmentProps } from "./IAttachmentProps";
+import React from "react";
 export interface IRenderingMiddlewareProps {
     timestampDir?: "ltr" | "rtl" | "auto";
     disableActivityMiddleware?: boolean;
@@ -8,6 +8,7 @@ export interface IRenderingMiddlewareProps {
     disableAvatarMiddleware?: boolean;
     disableGroupActivitiesMiddleware?: boolean;
     disableTypingIndicatorMiddleware?: boolean;
+    disableThirdPartyCookiesAlert?: boolean;
     hideSendboxOnConversationEnd?: boolean;
     userMessageStyleProps?: React.CSSProperties;
     systemMessageStyleProps?: React.CSSProperties;

package/lib/types/components/webchatcontainerstateful/webchatcontroller/enums/NotificationScenarios.d.ts

@@ -5,5 +5,6 @@ export declare enum NotificationScenarios {
     AttachmentError = "attachment",
     InternetConnection = "internet connection",
     MaxSizeError = "max size",
-    ChatDisconnect = "chat disconnect"
+    ChatDisconnect = "chat disconnect",
+    TPC = "tpc blocked"
 }

package/lib/types/contexts/common/ILiveChatWidgetLocalizedTexts.d.ts

@@ -20,4 +20,5 @@ export interface ILiveChatWidgetLocalizedTexts {
     PRECHAT_REQUIRED_FIELD_MISSING_MESSAGE?: string;
     MARKDOWN_EXTERNAL_LINK_ALT?: string;
     MIDDLEWARE_BANNER_CHAT_DISCONNECT?: string;
+    THIRD_PARTY_COOKIES_BLOCKED_ALERT_MESSAGE?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.1.1-main.d9ea24e",
+  "version": "1.2.0",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -74,7 +74,7 @@
     "webpack-cli": "^4.9.2"
   },
   "dependencies": {
-    "@microsoft/omnichannel-chat-components": "^1.0.3",
+    "@microsoft/omnichannel-chat-components": "^1.0.5",
     "@microsoft/omnichannel-chat-sdk": "1.4.3",
     "abort-controller-es5": "^2.0.1",
     "dompurify": "^2.3.4",