@microsoft/omnichannel-chat-widget 1.7.3-main.7a38853 → 1.7.3-main.aa696dc

package/lib/esm/components/webchatcontainerstateful/common/DesignerChatAdapter.js

@@ -0,0 +1,33 @@
+import { Observable } from "rxjs/Observable";
+import MockAdapter from "./mockadapter";
+import { customerUser, postBotMessageActivity, postEchoActivity, postSystemMessageActivity } from "./utils/chatAdapterUtils";
+export class DesignerChatAdapter extends MockAdapter {
+  constructor() {
+    super();
+    setTimeout(() => {
+      postBotMessageActivity(this.activityObserver, "Id venenatis a condimentum vitae?", undefined, 0);
+      this.postUserActivity("Diam donec adipiscing tristique risus nec feugiat in fermentum", 0);
+      postSystemMessageActivity(this.activityObserver, "We are finding the best agent for your inquiry, please hold ...", 100);
+      postSystemMessageActivity(this.activityObserver, "John has joined the chat", 100);
+      postBotMessageActivity(this.activityObserver, "Neque viverra justo nec ultrices dui sapien eget mi proin", undefined, 100);
+    }, 1000);
+  }
+  postUserActivity(text) {
+    let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+    setTimeout(() => {
+      postEchoActivity(this.activityObserver, {
+        text,
+        from: {
+          ...customerUser
+        },
+        type: "message"
+      }, customerUser, 0);
+    }, delay);
+  }
+  postActivity(activity) {
+    if (activity) {
+      postEchoActivity(this.activityObserver, activity, customerUser);
+    }
+    return Observable.of(activity.id || "");
+  }
+}

package/lib/esm/components/webchatcontainerstateful/common/DesignerChatSDK.js

@@ -0,0 +1,10 @@
+import { DesignerChatAdapter } from "./DesignerChatAdapter";
+import { MockChatSDK } from "./mockchatsdk";
+export class DesignerChatSDK extends MockChatSDK {
+  constructor() {
+    super();
+  }
+  createChatAdapter() {
+    return new DesignerChatAdapter();
+  }
+}

package/lib/esm/components/webchatcontainerstateful/common/MockBotCardCommandType.js

@@ -0,0 +1,7 @@
+var MockBotCardCommandType;
+(function (MockBotCardCommandType) {
+  MockBotCardCommandType["Hero"] = "hero";
+  MockBotCardCommandType["Signin"] = "signin";
+  MockBotCardCommandType["Thumbnail"] = "thumbnail";
+})(MockBotCardCommandType || (MockBotCardCommandType = {}));
+export default MockBotCardCommandType;

package/lib/esm/components/webchatcontainerstateful/common/MockBotCommand.js

@@ -0,0 +1,12 @@
+var MockBotCommand;
+(function (MockBotCommand) {
+  MockBotCommand["Bot"] = "/bot";
+  MockBotCommand["Card"] = "/card";
+  MockBotCommand["Help"] = "/help";
+  MockBotCommand["SendAttachment"] = "send attachment";
+  MockBotCommand["SendBotMessage"] = "send bot message";
+  MockBotCommand["SendSystemMessage"] = "send system message";
+  MockBotCommand["SendTyping"] = "send typing";
+  MockBotCommand["System"] = "/system";
+})(MockBotCommand || (MockBotCommand = {}));
+export default MockBotCommand;

package/lib/esm/components/webchatcontainerstateful/common/mockchatsdk.js

@@ -14,6 +14,9 @@ export class MockChatSDK {
       orgUrl: "https://contoso.crm.dynamics.com"
     });
   }
+  async initialize() {
+    return this.getLiveChatConfig();
+  }
   async startChat() {
     await this.sleep(1000);
   }

package/lib/esm/components/webchatcontainerstateful/common/utils/attachmentActivityUtils.js

@@ -0,0 +1,61 @@
+export const createJpgFileAttachment = () => {
+  return {
+    contentType: "image/jpeg",
+    name: "600x400.jpg",
+    contentUrl: "https://raw.githubusercontent.com/microsoft/omnichannel-chat-sdk/e7e75d4ede351e1cf2e52f13860d2284848c4af0/playwright/public/images/600x400.jpg"
+  };
+};
+export const createHeroCardAttachment = () => {
+  return {
+    contentType: "application/vnd.microsoft.card.hero",
+    content: {
+      buttons: [{
+        title: "Bellevue",
+        type: "imBack",
+        value: "Bellevue"
+      }, {
+        title: "Redmond",
+        type: "imBack",
+        value: "Redmond"
+      }, {
+        title: "Seattle",
+        type: "imBack",
+        value: "Seattle"
+      }],
+      title: "Choose your location"
+    }
+  };
+};
+export const createThumbnailCardAttachment = () => {
+  return {
+    contentType: "application/vnd.microsoft.card.thumbnail",
+    content: {
+      title: "Microsoft",
+      subtitle: "Our mission is to empower every person and every organization on the planet to achieve more.",
+      text: "Microsoft creates platforms and tools powered by AI to deliver innovative solutions that meet the evolving needs of our customers. The technology company is committed to making AI available broadly and doing so responsibly, with a mission to empower every person and every organization on the planet to achieve more.",
+      images: [{
+        alt: "Microsoft logo",
+        url: "https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE1Mu3b?ver=5c31" // logo from https://microsoft.com
+      }],
+
+      buttons: [{
+        title: "Learn more",
+        type: "openUrl",
+        value: "https://www.microsoft.com/"
+      }]
+    }
+  };
+};
+export const createSigninCardAttachment = () => {
+  return {
+    contentType: "application/vnd.microsoft.card.signin",
+    content: {
+      text: "Please login",
+      buttons: [{
+        type: "signin",
+        title: "Signin",
+        value: "https://login.live.com/"
+      }]
+    }
+  };
+};

package/lib/esm/components/webchatcontainerstateful/common/utils/chatAdapterUtils.js

@@ -0,0 +1,77 @@
+import { uuidv4 } from "@microsoft/omnichannel-chat-sdk";
+export const customerUser = {
+  id: "usedId",
+  name: "User",
+  role: "user"
+};
+export const botUser = {
+  id: "botId",
+  name: "Bot",
+  role: "bot"
+};
+
+// WebChat expects an "echo" activity to confirm the message has been sent successfully
+export const postEchoActivity = function (activityObserver, activity, user) {
+  let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1000;
+  const echoActivity = {
+    ...activity,
+    id: uuidv4(),
+    from: {
+      ...activity.from,
+      ...user
+    },
+    timestamp: new Date().toISOString()
+  };
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next(echoActivity); // mock message sent activity
+  }, delay);
+};
+export const postBotMessageActivity = function (activityObserver, text) {
+  let tags = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1000;
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next({
+      id: uuidv4(),
+      from: {
+        ...botUser
+      },
+      text,
+      type: "message",
+      channelData: {
+        tags
+      },
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
+};
+export const postSystemMessageActivity = function (activityObserver, text) {
+  let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
+  postBotMessageActivity(activityObserver, text, "system", delay);
+};
+export const postBotTypingActivity = function (activityObserver) {
+  let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next({
+      id: uuidv4(),
+      from: {
+        ...botUser
+      },
+      type: "typing"
+    });
+  }, delay);
+};
+export const postBotAttachmentActivity = function (activityObserver) {
+  let attachments = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
+  setTimeout(() => {
+    activityObserver === null || activityObserver === void 0 ? void 0 : activityObserver.next({
+      id: uuidv4(),
+      from: {
+        ...botUser
+      },
+      attachments,
+      type: "message",
+      timestamp: new Date().toISOString()
+    });
+  }, delay);
+};

package/lib/esm/plugins/newMessageEventHandler.js

@@ -14,7 +14,7 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
   const raiseMessageEvent = (activity, isHistoryMessage) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const polyfillMessagePayloadForEvent = payload => {
-      var _activity$conversatio, _TelemetryManager$Int;
+      var _activity$conversatio, _TelemetryManager$Int, _attachments;
       return {
         ...payload,
         channelData: activity === null || activity === void 0 ? void 0 : activity.channelData,
@@ -23,7 +23,9 @@ export const createOnNewAdapterActivityHandler = (chatId, userId) => {
         id: activity === null || activity === void 0 ? void 0 : activity.id,
         isChatComplete: false,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        text: activity === null || activity === void 0 ? void 0 : activity.text
+        text: activity === null || activity === void 0 ? void 0 : activity.text,
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        attachment: (activity === null || activity === void 0 ? void 0 : (_attachments = activity.attachments) === null || _attachments === void 0 ? void 0 : _attachments.length) >= 1 ? activity === null || activity === void 0 ? void 0 : activity.attachments : []
       };
     };
     if ((activity === null || activity === void 0 ? void 0 : activity.type) === Constants.message) {

package/lib/types/common/telemetry/TelemetryConstants.d.ts

@@ -88,6 +88,7 @@ export declare enum TelemetryEvent {
     GetConversationDetailsCallStarted = "GetConversationDetailsCallStarted",
     GetConversationDetailsCallFailed = "GetConversationDetailsCallFailed",
     EndChatSDKCallFailed = "EndChatSDKCallFailed",
+    DisconnectEndChatSDKCallFailed = "DisconnectEndChatSDKCallFailed",
     GetChatReconnectContextSDKCallStarted = "GetChatReconnectContextSDKCallStarted",
     GetChatReconnectContextSDKCallFailed = "GetChatReconnectContextSDKCallFailed",
     ParseAdaptiveCardFailed = "ParseAdaptiveCardFailed",

package/lib/types/components/livechatwidget/common/getMockChatSDKIfApplicable.d.ts

@@ -0,0 +1 @@
+export declare const getMockChatSDKIfApplicable: (chatSDK: any, type?: string | undefined) => any;

package/lib/types/components/livechatwidget/common/overridePropsOnMockIfApplicable.d.ts

@@ -0,0 +1,3 @@
+import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
+declare const overridePropsOnMockIfApplicable: (props: ILiveChatWidgetProps) => void;
+export default overridePropsOnMockIfApplicable;

package/lib/types/components/livechatwidget/common/updateSessionDataForTelemetry.d.ts

@@ -1,3 +1,3 @@
 import { Dispatch } from "react";
 import { ILiveChatWidgetAction } from "../../../contexts/common/ILiveChatWidgetAction";
-export declare const updateSessionDataForTelemetry: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>) => Promise<void>;
+export declare const updateTelemetryData: (chatSDK: any, dispatch: Dispatch<ILiveChatWidgetAction>) => Promise<void>;

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

@@ -25,6 +25,7 @@ import { IPostChatSurveyPaneStatefulProps } from "../../postchatsurveypanestatef
 import { IScrollBarProps } from "./IScrollBarProps";
 import { IDraggableChatWidgetProps } from "./IDraggableChatWidgetProps";
 import { INotificationPaneProps } from "@microsoft/omnichannel-chat-components/lib/types/components/notificationpane/interfaces/INotificationPaneProps";
+import { IMockProps } from "./IMockProps";
 export interface ILiveChatWidgetProps {
     audioNotificationProps?: IAudioNotificationProps;
     callingContainerProps?: ICallingContainerProps;
@@ -61,4 +62,5 @@ export interface ILiveChatWidgetProps {
     allowSdkChatSupport?: boolean;
     initialCustomContext?: any;
     draggableChatWidgetProps?: IDraggableChatWidgetProps;
+    mock?: IMockProps;
 }

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

@@ -0,0 +1,8 @@
+declare enum LiveChatWidgetMockType {
+    Test = "Test",
+    Demo = "Demo"
+}
+export interface IMockProps {
+    type: LiveChatWidgetMockType;
+}
+export {};

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

@@ -0,0 +1,10 @@
+import "rxjs/add/operator/share";
+import "rxjs/add/observable/of";
+import { Message } from "botframework-directlinejs";
+import { Observable } from "rxjs/Observable";
+import MockAdapter from "./mockadapter";
+export declare class DemoChatAdapter extends MockAdapter {
+    constructor();
+    private postBotCommandsActivity;
+    postActivity(activity: Message): Observable<string>;
+}

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

@@ -0,0 +1,6 @@
+import { DemoChatAdapter } from "./DemoChatAdapter";
+import { MockChatSDK } from "./mockchatsdk";
+export declare class DemoChatSDK extends MockChatSDK {
+    constructor();
+    createChatAdapter(): DemoChatAdapter;
+}

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

@@ -0,0 +1,8 @@
+import { Message } from "botframework-directlinejs";
+import { Observable } from "rxjs/Observable";
+import MockAdapter from "./mockadapter";
+export declare class DesignerChatAdapter extends MockAdapter {
+    constructor();
+    private postUserActivity;
+    postActivity(activity: Message): Observable<string>;
+}

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

@@ -0,0 +1,6 @@
+import { DesignerChatAdapter } from "./DesignerChatAdapter";
+import { MockChatSDK } from "./mockchatsdk";
+export declare class DesignerChatSDK extends MockChatSDK {
+    constructor();
+    createChatAdapter(): DesignerChatAdapter;
+}

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

@@ -0,0 +1,6 @@
+declare enum MockBotCardCommandType {
+    Hero = "hero",
+    Signin = "signin",
+    Thumbnail = "thumbnail"
+}
+export default MockBotCardCommandType;

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

@@ -0,0 +1,11 @@
+declare enum MockBotCommand {
+    Bot = "/bot",
+    Card = "/card",
+    Help = "/help",
+    SendAttachment = "send attachment",
+    SendBotMessage = "send bot message",
+    SendSystemMessage = "send system message",
+    SendTyping = "send typing",
+    System = "/system"
+}
+export default MockBotCommand;

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

@@ -3,8 +3,9 @@ import "rxjs/add/observable/of";
 import { Activity, ConnectionStatus, Message } from "botframework-directlinejs";
 import { BehaviorSubject } from "rxjs";
 import { Observable } from "rxjs/Observable";
+import { Subscriber } from "rxjs/Subscriber";
 export default class MockAdapter {
-    private activityObserver?;
+    activityObserver?: Subscriber<Activity>;
     activity$: Observable<Activity>;
     connectionStatus$: BehaviorSubject<ConnectionStatus>;
     constructor();

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

@@ -8,6 +8,12 @@ export declare class MockChatSDK {
         orgId: string;
         orgUrl: string;
     };
+    initialize(): Promise<{
+        LiveWSAndLiveChatEngJoin: {
+            msdyn_postconversationsurveyenable: string;
+            msdyn_conversationmode: string;
+        };
+    }>;
     startChat(): Promise<void>;
     endChat(): null;
     getChatToken(): null;

package/lib/types/components/webchatcontainerstateful/common/utils/attachmentActivityUtils.d.ts

@@ -0,0 +1,9 @@
+import { HeroCard, Signin, Thumbnail } from "botframework-directlinejs";
+export declare const createJpgFileAttachment: () => {
+    contentType: string;
+    name: string;
+    contentUrl: string;
+};
+export declare const createHeroCardAttachment: () => HeroCard;
+export declare const createThumbnailCardAttachment: () => Thumbnail;
+export declare const createSigninCardAttachment: () => Signin;

package/lib/types/components/webchatcontainerstateful/common/utils/chatAdapterUtils.d.ts

@@ -0,0 +1,9 @@
+import { Activity, Attachment, Message, User } from "botframework-directlinejs";
+import { Subscriber } from "rxjs/Subscriber";
+export declare const customerUser: User;
+export declare const botUser: User;
+export declare const postEchoActivity: (activityObserver: Subscriber<Activity> | undefined, activity: Message, user: User, delay?: number) => void;
+export declare const postBotMessageActivity: (activityObserver: Subscriber<Activity> | undefined, text: string, tags?: string, delay?: number) => void;
+export declare const postSystemMessageActivity: (activityObserver: Subscriber<Activity> | undefined, text: string, delay?: number) => void;
+export declare const postBotTypingActivity: (activityObserver: Subscriber<Activity> | undefined, delay?: number) => void;
+export declare const postBotAttachmentActivity: (activityObserver: Subscriber<Activity> | undefined, attachments?: Attachment[], delay?: number) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.7.3-main.7a38853",
+  "version": "1.7.3-main.aa696dc",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -75,9 +75,9 @@
   },
   "dependencies": {
     "@microsoft/omnichannel-chat-components": "1.1.5",
-    "@microsoft/omnichannel-chat-sdk": "^1.9.5",
+    "@microsoft/omnichannel-chat-sdk": "^1.9.6",
     "abort-controller-es5": "^2.0.1",
-    "dompurify": "^2.3.4",
+    "dompurify": "^2.5.4",
     "markdown-it": "^12.3.2",
     "markdown-it-attrs": "^4.1.6",
     "markdown-it-attrs-es5": "^2.0.2",