@microsoft/omnichannel-chat-widget 1.7.3-main.3d9027c → 1.7.3-main.4c1722d

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/components/webchatcontainerstateful/interfaces/IBotAuthConfig.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/plugins/createChatTranscript.js

@@ -371,6 +371,90 @@ class TranscriptHTMLBuilder {
                     window.addEventListener("online", () => {
                         document.body.innerHTML = \`${this.networkOnlineMessage} <button onclick="window.location.reload()"> Refresh </button>\`;
                     });
+
+                    document.addEventListener("copy", (event) => {
+                        const clonedSelectedContent = window.getSelection().getRangeAt(0).cloneContents();
+                        const copiedContent = document.createElement("div");
+                        copiedContent.appendChild(clonedSelectedContent);
+        
+                        event.clipboardData.setData("text/plain", getAllText(copiedContent));
+                        event.preventDefault();
+                    });
+
+
+                    getAllText = (element) => {
+                        let plainText = "";
+                        Array.from(element.childNodes).forEach((node) => {
+                            // ignore aria-hidden elements and keyboard help text
+                            const ariaHiddenAttr = node.attributes ? node.attributes.getNamedItem("aria-hidden") : null;
+                            if ((ariaHiddenAttr && ariaHiddenAttr.value === "true") || node.classList && node.classList.contains("webchat__keyboard-help")) {
+                                return;
+                            }
+                         
+                            // get all texts inside activity body, including message, translated message, attachment name, adaptive card content, status footer, etc.
+                            if (node.classList && node.classList.contains("webchat__basic-transcript__activity-body")) {
+                                plainText += this.processTranscriptActivityNode(node);
+                                return;
+                            }
+                            if (node.nodeType === Node.TEXT_NODE) {
+                                plainText += node.textContent + '\\n';
+                            } else {
+                                plainText += this.getAllText(node);
+                            }
+                        });
+                        return plainText;
+                    }
+
+                    processTranscriptActivityNode = (node) => {
+                        const divs = node.getElementsByTagName("div");
+                        let plainText = "";
+                
+                        if (divs && divs.length > 1 && divs[1]) {                           
+                            const messageRow = node.querySelector(".webchat__stacked-layout__message-row[aria-roledescription='message']");
+                            const author = node.querySelector(".message-name");
+                            const attachmentRow = node.querySelector(".webchat__stacked-layout__attachment-row[aria-roledescription='attachment']");
+                        
+                            if (messageRow) {
+                                let message = messageRow.getElementsByClassName("webchat__text-content__markdown");
+                                
+                                if (message.length === 0) {
+                                    message = messageRow.getElementsByClassName("markdown");                                    
+                                }
+
+                                if (message.length > 0) {
+                                    plainText += author.textContent + '\\n' + message[0].textContent + '\\n';
+                                }
+                            }  else if (attachmentRow) {
+                                const attachment = attachmentRow.getElementsByClassName("webchat__fileContent__fileName");
+                                const adaptiveCard = this.getAdaptiveCardContent(attachmentRow.querySelector(".ac-container.ac-adaptiveCard"));
+                               
+                                plainText += attachment && attachment.length > 0 ? author.textContent +'\\n' + attachment[0].textContent +'\\n': author.textContent +'\\n' + adaptiveCard +'\\n';
+                            }
+                
+                            const statusElements = node.getElementsByClassName("webchat__stacked-layout__status");
+                            if (statusElements.length > 0) {
+                                const timestampelement = statusElements[0].querySelector(".message-timestamp");
+                                plainText += timestampelement ? timestampelement.textContent+'\\n\\n' : '\\n';
+                            }
+                        }
+                
+                        return plainText;
+                    }
+
+                    getAdaptiveCardContent = (node) => {
+                        if (!node) {
+                            return undefined;
+                        }
+
+                        let plainText = "";
+                        const rows = node.querySelectorAll(".ac-textBlock p");
+                        rows.forEach((row) => {
+                            plainText += row.textContent+ '\\n';
+                        });
+
+                        return plainText;
+                    }
+
                 <\/script>
                 <div id="transcript"></div>
                 <script>

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/Constants.d.ts

@@ -254,6 +254,7 @@ export declare class WidgetLoadTelemetryMessage {
 export declare class WidgetLoadCustomErrorString {
     static readonly AuthenticationFailedErrorString = "Authentication was not successful";
     static readonly NetworkErrorString = "Network Error";
+    static readonly CloseAdapterAfterDisconnectionErrorString = "Error trying to end/close chat adapter after the widget is back on-line, for an already disconnected session";
 }
 export declare class PrepareEndChatDescriptionConstants {
     static readonly ConversationEndedByCustomerWithoutPostChat = "Conversation ended by customer. Post chat not configured or should not show.";

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

@@ -201,7 +201,9 @@ export declare enum TelemetryEvent {
     PostChatContextCallFailed = "PostChatContextCallFailed",
     PostChatSurveyLoadingPaneLoaded = "PostChatSurveyLoadingPaneLoaded",
     PostChatSurveyLoaded = "PostChatSurveyLoaded",
-    ChatDisconnectThreadEventReceived = "ChatDisconnectThreadEventReceived"
+    ChatDisconnectThreadEventReceived = "ChatDisconnectThreadEventReceived",
+    HiddenAdaptiveCardMessageReceived = "HiddenAdaptiveCardMessageReceived",
+    EndingAdapterAfterDisconnectionError = "EndingAdapterAfterDisconnectionError"
 }
 export interface TelemetryInput {
     scenarioType: ScenarioType;

package/lib/types/components/livechatwidget/common/ActivitySubscriber/BotAuthActivitySubscriber.d.ts

@@ -1,8 +1,11 @@
 import { IActivitySubscriber } from "./IActivitySubscriber";
+import { IBotAuthActivitySubscriberOptionalParams } from "../../interfaces/IBotAuthActivitySubscriberOptionalParams";
 export declare class BotAuthActivitySubscriber implements IActivitySubscriber {
     observer: any;
     private signInCardSeen;
-    constructor();
+    private fetchBotAuthConfigRetries;
+    private fetchBotAuthConfigRetryInterval;
+    constructor(optionalParams?: IBotAuthActivitySubscriberOptionalParams);
     applicable(activity: any): boolean;
     apply(activity: any): Promise<any>;
     next(activity: any): Promise<any>;

package/lib/types/components/livechatwidget/common/ActivitySubscriber/HiddenAdaptiveCardActivitySubscriber.d.ts

@@ -0,0 +1,7 @@
+import { IActivitySubscriber } from "./IActivitySubscriber";
+export declare class HiddenAdaptiveCardActivitySubscriber implements IActivitySubscriber {
+    observer: any;
+    apply(activity: any): Promise<void>;
+    applicable(activity: any): boolean;
+    next(activity: any): Promise<any>;
+}

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

@@ -1 +1,2 @@
-export declare const createAdapter: (chatSDK: any) => Promise<any>;
+import { ILiveChatWidgetProps } from "../interfaces/ILiveChatWidgetProps";
+export declare const createAdapter: (chatSDK: any, props?: ILiveChatWidgetProps | undefined) => Promise<any>;

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/helpers/markdownHelper.d.ts

@@ -0,0 +1,2 @@
+import MarkdownIt from "markdown-it";
+export declare const addSlackMarkdownIt: (markdown: MarkdownIt) => MarkdownIt;

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/IBotAuthActivitySubscriberOptionalParams.d.ts

@@ -0,0 +1,4 @@
+export interface IBotAuthActivitySubscriberOptionalParams {
+    fetchBotAuthConfigRetries?: number;
+    fetchBotAuthConfigRetryInterval?: number;
+}

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/lib/types/components/webchatcontainerstateful/interfaces/IBotAuthConfig.d.ts

@@ -0,0 +1,4 @@
+export interface IBotAuthConfig {
+    fetchBotAuthConfigRetries?: number;
+    fetchBotAuthConfigRetryInterval?: number;
+}

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

@@ -5,6 +5,7 @@ import { IStyle } from "@fluentui/react";
 import { IWebChatProps } from "./IWebChatProps";
 import { StyleOptions } from "botframework-webchat-api";
 import { IAdaptiveCardStyles } from "./IAdaptiveCardStyles";
+import { IBotAuthConfig } from "./IBotAuthConfig";
 export interface IWebChatContainerStatefulProps {
     containerStyles?: IStyle;
     disableNewLineMarkdownSupport?: boolean;
@@ -16,6 +17,7 @@ export interface IWebChatContainerStatefulProps {
     renderingMiddlewareProps?: IRenderingMiddlewareProps;
     localizedTexts?: ILiveChatWidgetLocalizedTexts;
     botMagicCode?: IBotMagicCodeConfig;
+    botAuthConfig?: IBotAuthConfig;
     hyperlinkTextOverride?: boolean;
     adaptiveCardStyles?: IAdaptiveCardStyles;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.7.3-main.3d9027c",
+  "version": "1.7.3-main.4c1722d",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -75,7 +75,7 @@
   },
   "dependencies": {
     "@microsoft/omnichannel-chat-components": "1.1.5",
-    "@microsoft/omnichannel-chat-sdk": "^1.9.5",
+    "@microsoft/omnichannel-chat-sdk": "^1.9.10",
     "abort-controller-es5": "^2.0.1",
     "dompurify": "^2.5.4",
     "markdown-it": "^12.3.2",