@microsoft/omnichannel-chat-widget 1.7.3-main.fee24eb → 1.7.4-main.9d63968

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

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

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

@@ -3,4 +3,29 @@ import { MockChatSDK } from "./mockchatsdk";
 export declare class DesignerChatSDK extends MockChatSDK {
     constructor();
     createChatAdapter(): DesignerChatAdapter;
+    localeId: string;
+    /**
+    * If the widget is running in designer mode, we mock the initialize response. We don't want
+    * any interactions with a real server in when designing LCW widget visually in Modern Admin.
+    *
+    * - All GUIDs were changed to 00000000-0000-0000-0000-000000000000.
+    * - msdyn_callingoptions was changed to disable calling functionality
+    */
+    getLiveChatConfig(): {
+        LiveWSAndLiveChatEngJoin: {
+            msdyn_widgetthemecolor: string;
+            msdyn_callingoptions: string;
+            msdyn_widgettitle: string;
+            msdyn_conversationmode: string;
+            msdyn_avatarurl: string;
+            msdyn_name: string;
+            msdyn_postconversationsurveyenable: string;
+            OutOfOperatingHours: string;
+            ShowWidget: string;
+        };
+        ChatWidgetLanguage: {
+            msdyn_localeid: string;
+            msdyn_languagename: string;
+        };
+    };
 }

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

@@ -4,4 +4,5 @@ export interface IAdaptiveCardStyles {
     anchorColor?: string;
     buttonWhiteSpace?: string;
     textWhiteSpace?: string;
+    choiceInputPadding?: string;
 }

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/lib/types/index.d.ts

@@ -4,5 +4,6 @@ import useChatSDKStore from "./hooks/useChatSDKStore";
 import { getWidgetCacheId, getWidgetEndChatEventName } from "./common/utils";
 import { ConversationState } from "./contexts/common/ConversationState";
 export { default as LiveChatWidget } from "./components/livechatwidget/LiveChatWidget";
+export { getMockChatSDKIfApplicable } from "./components/livechatwidget/common/getMockChatSDKIfApplicable";
 export { encodeComponentString, decodeComponentString, BroadcastService, useChatSDKStore, useChatContextStore };
 export { getWidgetCacheId, getWidgetEndChatEventName, ConversationState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.7.3-main.fee24eb",
+  "version": "1.7.4-main.9d63968",
   "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.6",
+    "@microsoft/omnichannel-chat-sdk": "^1.10.1",
     "abort-controller-es5": "^2.0.1",
     "dompurify": "^2.5.4",
     "markdown-it": "^12.3.2",