@microsoft/omnichannel-chat-widget 1.7.6-main.dca3f60 → 1.7.7-main.262d750

package/lib/esm/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js

@@ -56,7 +56,7 @@ import useChatContextStore from "../../../hooks/useChatContextStore";
 import useFacadeSDKStore from "../../../hooks/useFacadeChatSDKStore";
 let uiTimer;
 export const LiveChatWidgetStateful = props => {
-  var _props$webChatContain, _props$styleProps, _props$controlProps, _props$controlProps3, _state$appStates7, _props$webChatContain5, _state$appStates14, _props$webChatContain7, _props$webChatContain8, _props$controlProps12, _props$draggableChatW, _props$draggableChatW2, _props$draggableChatW3, _props$draggableChatW4, _props$draggableChatW5, _livechatProps$webCha, _props$webChatContain9, _props$webChatContain10, _props$webChatContain11, _props$webChatContain12, _livechatProps$styleP, _livechatProps$contro, _livechatProps$contro2, _livechatProps$compon, _livechatProps$contro3, _livechatProps$compon2, _livechatProps$contro4, _livechatProps$compon3, _livechatProps$contro5, _livechatProps$compon4, _livechatProps$contro6, _livechatProps$compon5, _livechatProps$contro7, _livechatProps$compon6, _livechatProps$contro8, _livechatProps$compon7, _livechatProps$contro9, _livechatProps$compon8, _livechatProps$contro10, _livechatProps$contro11, _livechatProps$compon9, _livechatProps$contro12, _livechatProps$compon10, _livechatProps$contro13, _livechatProps$compon11, _livechatProps$compon12, _livechatProps$compon13;
+  var _props$webChatContain, _props$styleProps, _props$webChatContain2, _props$webChatContain3, _props$controlProps, _props$controlProps3, _state$appStates7, _props$webChatContain7, _state$appStates14, _props$webChatContain9, _props$webChatContain10, _props$controlProps12, _props$draggableChatW, _props$draggableChatW2, _props$draggableChatW3, _props$draggableChatW4, _props$draggableChatW5, _livechatProps$webCha, _props$webChatContain11, _props$webChatContain12, _props$webChatContain13, _props$webChatContain14, _livechatProps$styleP, _livechatProps$contro, _livechatProps$contro2, _livechatProps$compon, _livechatProps$contro3, _livechatProps$compon2, _livechatProps$contro4, _livechatProps$compon3, _livechatProps$contro5, _livechatProps$compon4, _livechatProps$contro6, _livechatProps$compon5, _livechatProps$contro7, _livechatProps$compon6, _livechatProps$contro8, _livechatProps$compon7, _livechatProps$contro9, _livechatProps$compon8, _livechatProps$contro10, _livechatProps$contro11, _livechatProps$compon9, _livechatProps$contro12, _livechatProps$compon10, _livechatProps$contro13, _livechatProps$compon11, _livechatProps$compon12, _livechatProps$compon13;
   useEffect(() => {
     uiTimer = createTimer();
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
@@ -86,6 +86,7 @@ export const LiveChatWidgetStateful = props => {
 
   //Scrollbar styles
   const scrollbarProps = Object.assign({}, defaultScrollBarProps, props === null || props === void 0 ? void 0 : props.scrollBarProps);
+  const sendBoxTextArea = props === null || props === void 0 ? void 0 : (_props$webChatContain2 = props.webChatContainerProps) === null || _props$webChatContain2 === void 0 ? void 0 : (_props$webChatContain3 = _props$webChatContain2.sendBoxTextBox) === null || _props$webChatContain3 === void 0 ? void 0 : _props$webChatContain3.textarea;
 
   // In case the broadcast channel is already initialized elsewhere; One tab can only hold 1 instance
   if ((props === null || props === void 0 ? void 0 : (_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.skipBroadcastChannelInit) !== true) {
@@ -580,6 +581,8 @@ export const LiveChatWidgetStateful = props => {
         BroadcastService.postMessage({
           eventName: BroadcastEvent.NewMessageNotification
         });
+      }, {
+        disablePolling: true
       });
       facadeChatSDK === null || facadeChatSDK === void 0 ? void 0 : facadeChatSDK.onAgentEndSession(event => {
         var _inMemoryState$appSta6;
@@ -603,8 +606,8 @@ export const LiveChatWidgetStateful = props => {
       });
     }
     if (state.appStates.conversationState === ConversationState.InActive) {
-      var _props$webChatContain2, _props$webChatContain3;
-      if ((props === null || props === void 0 ? void 0 : (_props$webChatContain2 = props.webChatContainerProps) === null || _props$webChatContain2 === void 0 ? void 0 : (_props$webChatContain3 = _props$webChatContain2.renderingMiddlewareProps) === null || _props$webChatContain3 === void 0 ? void 0 : _props$webChatContain3.hideSendboxOnConversationEnd) !== false) {
+      var _props$webChatContain4, _props$webChatContain5;
+      if ((props === null || props === void 0 ? void 0 : (_props$webChatContain4 = props.webChatContainerProps) === null || _props$webChatContain4 === void 0 ? void 0 : (_props$webChatContain5 = _props$webChatContain4.renderingMiddlewareProps) === null || _props$webChatContain5 === void 0 ? void 0 : _props$webChatContain5.hideSendboxOnConversationEnd) !== false) {
         setWebChatStyles(styles => {
           return {
             ...styles,
@@ -648,12 +651,12 @@ export const LiveChatWidgetStateful = props => {
     }
   }, [state.appStates.unreadMessageCount]);
   useEffect(() => {
-    var _props$webChatContain4;
+    var _props$webChatContain6;
     setWebChatStyles({
       ...webChatStyles,
-      ...((_props$webChatContain4 = props.webChatContainerProps) === null || _props$webChatContain4 === void 0 ? void 0 : _props$webChatContain4.webChatStyles)
+      ...((_props$webChatContain6 = props.webChatContainerProps) === null || _props$webChatContain6 === void 0 ? void 0 : _props$webChatContain6.webChatStyles)
     });
-  }, [(_props$webChatContain5 = props.webChatContainerProps) === null || _props$webChatContain5 === void 0 ? void 0 : _props$webChatContain5.webChatStyles]);
+  }, [(_props$webChatContain7 = props.webChatContainerProps) === null || _props$webChatContain7 === void 0 ? void 0 : _props$webChatContain7.webChatStyles]);
   useEffect(() => {
     //Confirmation pane dismissing through OK option, so proceed with end chat
     if (state.domainStates.confirmationState === ConfirmationState.Ok) {
@@ -752,12 +755,12 @@ export const LiveChatWidgetStateful = props => {
 
   // if props state gets updates we need to update the renderingMiddlewareProps in the state
   useEffect(() => {
-    var _props$webChatContain6;
+    var _props$webChatContain8;
     dispatch({
       type: LiveChatWidgetActionType.SET_RENDERING_MIDDLEWARE_PROPS,
-      payload: (_props$webChatContain6 = props.webChatContainerProps) === null || _props$webChatContain6 === void 0 ? void 0 : _props$webChatContain6.renderingMiddlewareProps
+      payload: (_props$webChatContain8 = props.webChatContainerProps) === null || _props$webChatContain8 === void 0 ? void 0 : _props$webChatContain8.renderingMiddlewareProps
     });
-  }, [(_props$webChatContain7 = props.webChatContainerProps) === null || _props$webChatContain7 === void 0 ? void 0 : _props$webChatContain7.renderingMiddlewareProps]);
+  }, [(_props$webChatContain9 = props.webChatContainerProps) === null || _props$webChatContain9 === void 0 ? void 0 : _props$webChatContain9.renderingMiddlewareProps]);
   useEffect(() => {
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.UXLivechatwidgetCompleted,
@@ -799,7 +802,7 @@ export const LiveChatWidgetStateful = props => {
   const webChatProps = initWebChatComposer(props, state, dispatch, facadeChatSDK, endChatRelay);
   const downloadTranscriptProps = createDownloadTranscriptProps(props.downloadTranscriptProps, {
     ...(defaultWebChatContainerStatefulProps === null || defaultWebChatContainerStatefulProps === void 0 ? void 0 : defaultWebChatContainerStatefulProps.webChatStyles),
-    ...((_props$webChatContain8 = props.webChatContainerProps) === null || _props$webChatContain8 === void 0 ? void 0 : _props$webChatContain8.webChatStyles)
+    ...((_props$webChatContain10 = props.webChatContainerProps) === null || _props$webChatContain10 === void 0 ? void 0 : _props$webChatContain10.webChatStyles)
   }, props.webChatContainerProps);
   const livechatProps = {
     ...props,
@@ -857,13 +860,16 @@ export const LiveChatWidgetStateful = props => {
                 height: .75em;
                 margin-left: .25em;
             }
-          }
+            ${(sendBoxTextArea === null || sendBoxTextArea === void 0 ? void 0 : sendBoxTextArea.minHeight) && `
+            textarea.webchat__send-box-text-box__html-text-area {
+                min-height: ${sendBoxTextArea === null || sendBoxTextArea === void 0 ? void 0 : sendBoxTextArea.minHeight};
+            }`}
             `), /*#__PURE__*/React.createElement(DraggableChatWidget, chatWidgetDraggableConfig, /*#__PURE__*/React.createElement(Composer, _extends({}, webChatProps, {
     userID: userID,
     styleOptions: {
       ...webChatStyles,
-      bubbleBackground: ((_props$webChatContain9 = props.webChatContainerProps) === null || _props$webChatContain9 === void 0 ? void 0 : (_props$webChatContain10 = _props$webChatContain9.adaptiveCardStyles) === null || _props$webChatContain10 === void 0 ? void 0 : _props$webChatContain10.background) ?? defaultAdaptiveCardStyles.background,
-      bubbleTextColor: ((_props$webChatContain11 = props.webChatContainerProps) === null || _props$webChatContain11 === void 0 ? void 0 : (_props$webChatContain12 = _props$webChatContain11.adaptiveCardStyles) === null || _props$webChatContain12 === void 0 ? void 0 : _props$webChatContain12.color) ?? defaultAdaptiveCardStyles.color
+      bubbleBackground: ((_props$webChatContain11 = props.webChatContainerProps) === null || _props$webChatContain11 === void 0 ? void 0 : (_props$webChatContain12 = _props$webChatContain11.adaptiveCardStyles) === null || _props$webChatContain12 === void 0 ? void 0 : _props$webChatContain12.background) ?? defaultAdaptiveCardStyles.background,
+      bubbleTextColor: ((_props$webChatContain13 = props.webChatContainerProps) === null || _props$webChatContain13 === void 0 ? void 0 : (_props$webChatContain14 = _props$webChatContain13.adaptiveCardStyles) === null || _props$webChatContain14 === void 0 ? void 0 : _props$webChatContain14.color) ?? defaultAdaptiveCardStyles.color
     },
     directLine: directLine
   }), /*#__PURE__*/React.createElement(Stack, {

package/lib/esm/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.js

@@ -136,11 +136,6 @@ export const PreChatSurveyPaneStateful = props => {
         }
       }
     }
-    // Move focus to the first button
-    const firstElement = findAllFocusableElement(`#${controlProps.id}`);
-    if (firstElement && firstElement[0]) {
-      firstElement[0].focus();
-    }
     TelemetryHelper.logLoadingEvent(LogLevel.INFO, {
       Event: TelemetryEvent.PrechatSurveyLoaded
     });
@@ -149,6 +144,16 @@ export const PreChatSurveyPaneStateful = props => {
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);
+
+  // Set focus to the first element
+  useEffect(() => {
+    if (!state.appStates.isMinimized) {
+      const firstElement = findAllFocusableElement(`#${controlProps.id}`);
+      if (firstElement && firstElement[0]) {
+        firstElement[0].focus();
+      }
+    }
+  }, [state.appStates.isMinimized]);
   return /*#__PURE__*/React.createElement(PreChatSurveyPane, {
     controlProps: controlProps,
     styleProps: styleProps

package/lib/esm/components/webchatcontainerstateful/WebChatContainerStateful.js

@@ -3,10 +3,10 @@
 import { Stack } from "@fluentui/react";
 import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
 import React, { useEffect } from "react";
-import { createTimer, setFocusOnSendBox } from "../../common/utils";
+import { createTimer, getDeviceType, setFocusOnSendBox } from "../../common/utils";
 import { BotMagicCodeStore } from "./webchatcontroller/BotMagicCodeStore";
 import { Components } from "botframework-webchat";
-import { Constants } from "../../common/Constants";
+import { Constants, HtmlAttributeNames, HtmlClassNames } from "../../common/Constants";
 import { LiveChatWidgetActionType } from "../../contexts/common/LiveChatWidgetActionType";
 import { NotificationHandler } from "./webchatcontroller/notification/NotificationHandler";
 import { NotificationScenarios } from "./webchatcontroller/enums/NotificationScenarios";
@@ -75,7 +75,12 @@ export const WebChatContainerStateful = props => {
   };
   useEffect(() => {
     var _props$webChatContain, _props$webChatContain2;
-    setFocusOnSendBox();
+    if (getDeviceType() !== "standard" && (webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : webChatContainerProps.webChatHistoryMobileAccessibilityLabel) !== undefined) {
+      const chatHistoryElement = document.querySelector(`.${HtmlClassNames.webChatHistoryContainer}`);
+      if (chatHistoryElement) {
+        chatHistoryElement.setAttribute(HtmlAttributeNames.ariaLabel, webChatContainerProps.webChatHistoryMobileAccessibilityLabel);
+      }
+    }
     dispatch({
       type: LiveChatWidgetActionType.SET_RENDERING_MIDDLEWARE_PROPS,
       payload: webChatContainerProps === null || webChatContainerProps === void 0 ? void 0 : webChatContainerProps.renderingMiddlewareProps
@@ -156,6 +161,13 @@ export const WebChatContainerStateful = props => {
       ElapsedTimeInMilliseconds: uiTimer.milliSecondsElapsed
     });
   }, []);
+
+  // Set focus to the sendbox
+  useEffect(() => {
+    if (!state.appStates.isMinimized) {
+      setFocusOnSendBox();
+    }
+  }, [state.appStates.isMinimized]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
         .webchat__stacked-layout__content .ac-pushButton {
             cursor: pointer;

package/lib/esm/components/webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps.js

@@ -9,6 +9,8 @@ export const defaultWebChatContainerStatefulProps = {
   containerStyles: defaultWebChatStatefulContainerStyles,
   disableNewLineMarkdownSupport: false,
   disableMarkdownMessageFormatting: false,
+  opensMarkdownLinksInSameTab: false,
+  honorsTargetInHTMLLinks: false,
   hyperlinkTextOverride: false,
   directLine: new MockAdapter(),
   adaptiveCardStyles: defaultAdaptiveCardStyles

package/lib/esm/components/webchatcontainerstateful/common/defaultStyles/defaultWebChatStyles.js

@@ -54,5 +54,5 @@ export const defaultWebChatStyles = {
     "</3": "💔",
     "<\\3": "💔"
   },
-  uploadMultiple: false
+  sendAttachmentOn: "attach"
 };

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/markdownrenderers/HyperlinkTextOverrideRenderer.js

@@ -11,7 +11,9 @@ class HyperlinkTextOverrideRenderer {
   convertTextToHtmlNode(text) {
     const htmlNode = document.createElement(HtmlAttributeNames.div);
     try {
-      text = DOMPurify.sanitize(text); // eslint-disable-line @typescript-eslint/no-explicit-any
+      text = DOMPurify.sanitize(text, {
+        ADD_ATTR: ["target"]
+      });
       htmlNode.innerHTML = text;
     } catch {
       return htmlNode;

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/timestamps/DeliveredTimestamp.js

@@ -25,14 +25,27 @@ export const DeliveredTimestamp = _ref => {
       timestamp
     }
   } = args;
+  const getTimeElement = timestamp => {
+    const timeString = getTimestampHourMinute(timestamp);
+    const isAmPmFormat = timeString.toLowerCase().includes("am") || timeString.toLowerCase().includes("pm");
+
+    // For clients that use languages that are written right-to-left, but still use AM/PM time format, we need to
+    // make sure the "rtl" direction doesn't produce "PM 1:23", but remains "1:23 PM"
+    if (dir === "rtl" && isAmPmFormat) {
+      return /*#__PURE__*/React.createElement("span", {
+        dir: "ltr"
+      }, getTimestampHourMinute(timestamp));
+    }
+    return timeString;
+  };
   return /*#__PURE__*/React.createElement(Stack, {
     style: contentStyles,
     dir: dir
   }, role === DirectLineSenderRole.Bot && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     dir: dir,
     "aria-hidden": "false"
-  }, name, " - ", getTimestampHourMinute(timestamp))), role === DirectLineSenderRole.User && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  }, name, " - ", getTimeElement(timestamp))), role === DirectLineSenderRole.User && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     "aria-hidden": "false",
     dir: dir
-  }, " ", getTimestampHourMinute(timestamp), " - ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_DELIVERED) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_DELIVERED)));
+  }, " ", getTimeElement(timestamp), " - ", ((_state$domainStates$m = state.domainStates.middlewareLocalizedTexts) === null || _state$domainStates$m === void 0 ? void 0 : _state$domainStates$m.MIDDLEWARE_MESSAGE_DELIVERED) ?? defaultMiddlewareLocalizedTexts.MIDDLEWARE_MESSAGE_DELIVERED)));
 };

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/htmlTextMiddleware.js

@@ -16,8 +16,9 @@ const convertTextToHtmlNode = text => {
   if (!text) return "";
   const element = document.createElement(HtmlAttributeNames.div);
   try {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    text = DOMPurify.sanitize(text);
+    text = DOMPurify.sanitize(text, {
+      ADD_ATTR: ["target"]
+    });
     element.innerHTML = text;
   } catch (e) {
     const errorMessage = `Failed to purify and set innertHTML with text: ${text}`;
@@ -33,7 +34,7 @@ const convertTextToHtmlNode = text => {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const processHTMLText = (action, text) => {
+const processHTMLText = (action, text, honorsTargetInHTMLLinks) => {
   const htmlNode = convertTextToHtmlNode(text);
   const aNodes = htmlNode.getElementsByTagName(HtmlAttributeNames.aTagName);
   if ((aNodes === null || aNodes === void 0 ? void 0 : aNodes.length) > 0) {
@@ -46,8 +47,8 @@ const processHTMLText = (action, text) => {
           continue;
         }
 
-        // Add target to 'a' node if target is missing or does not equal to blank
-        if (!aNode.target || aNode.target !== Constants.blank) {
+        // Add target to 'a' node if target is missing or if honorsTargetInHTMLLinks is false
+        if (!aNode.target || !honorsTargetInHTMLLinks) {
           aNode.target = Constants.blank;
         }
 
@@ -63,9 +64,6 @@ const processHTMLText = (action, text) => {
           }
         }
       }
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      action = updateIn(action, [Constants.payload, Constants.activity, Constants.text], () => htmlNode.innerHTML);
     } catch (e) {
       let errorMessage = "Failed to apply action: ";
       try {
@@ -82,11 +80,12 @@ const processHTMLText = (action, text) => {
       });
     }
   }
+  action = updateIn(action, [Constants.payload, Constants.activity, Constants.text], () => htmlNode.innerHTML);
   return action;
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
-const htmlTextMiddleware = _ref => {
+const htmlTextMiddleware = honorsTargetInHTMLLinks => _ref => {
   let {
     dispatch
   } = _ref;
@@ -96,7 +95,7 @@ const htmlTextMiddleware = _ref => {
         var _action$payload, _action$payload$activ;
         const text = (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : (_action$payload$activ = _action$payload.activity) === null || _action$payload$activ === void 0 ? void 0 : _action$payload$activ.text;
         if (text) {
-          action = processHTMLText(action, text);
+          action = processHTMLText(action, text, honorsTargetInHTMLLinks ?? false);
         }
       } catch (e) {
         let errorMessage = "Failed to validate action.";

package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/sanitizationMiddleware.js

@@ -20,7 +20,9 @@ const sanitizationMiddleware = _ref => {
         var _action$payload;
         let text = (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.text;
         if (text) {
-          text = DOMPurify.sanitize(text) ?? " ";
+          text = DOMPurify.sanitize(text, {
+            ADD_ATTR: ["target"]
+          }) ?? " ";
         }
       } catch (e) {
         const copyDataForTelemetry = {

package/lib/esm/plugins/createChatTranscript.js

@@ -5,6 +5,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 
 import { createFileAndDownload } from "../common/utils";
 import defaultLibraryScripts from "../components/footerstateful/downloadtranscriptstateful/common/defaultLibraryScripts";
+import DOMPurify from "dompurify";
 class TranscriptHTMLBuilder {
   // eslint-disable-line @typescript-eslint/no-explicit-any
 
@@ -669,7 +670,10 @@ const createChatTranscript = async function (transcript, facadeChatSDK) {
       reader.readAsDataURL(blob);
     });
   };
-  let messages = transcriptMessages;
+  let messages = transcriptMessages.filter(message => {
+    message.content = DOMPurify.sanitize(message.content);
+    return message.content.length > 0;
+  });
   if (renderAttachments) {
     messages = await Promise.all(transcriptMessages.map(async message => {
       // eslint-disable-line @typescript-eslint/no-explicit-any

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

@@ -74,6 +74,8 @@ export declare class Constants {
     static readonly Title = "title";
     static readonly Target = "target";
     static readonly Blank = "_blank";
+    static readonly TargetSelf = "_self";
+    static readonly TargetTop = "_top";
     static readonly TargetRelationship = "rel";
     static readonly TargetRelationshipAttributes = "noopener noreferrer";
     static readonly OpenLinkIconCssClass = "webchat__render-markdown__external-link-icon";
@@ -102,6 +104,7 @@ export declare class HtmlIdNames {
 export declare class HtmlClassNames {
     static readonly webChatBannerCloseButton = "webchat__toast__dismissButton";
     static readonly webChatBannerExpandButton = "webchat__toaster__expandIcon";
+    static readonly webChatHistoryContainer = "webchat__basic-transcript";
 }
 export declare class HtmlElementSelectors {
     static readonly sendBoxSelector = "textarea[data-id=\"webchat-sendbox-input\"]";

package/lib/types/common/facades/FacadeChatSDK.d.ts

@@ -32,13 +32,16 @@ export declare class FacadeChatSDK {
     private isAuthenticated;
     private getAuthToken?;
     private sdkMocked;
+    private disableReauthentication;
     isSDKMocked(): boolean;
     getChatSDK(): OmnichannelChatSDK;
     destroy(): void;
     isTokenSet(): boolean;
-    constructor(input: IFacadeChatSDKInput);
+    constructor(input: IFacadeChatSDKInput, disableReauthentication: boolean);
     private convertExpiration;
     private isTokenExpired;
+    private enforceBase64Encoding;
+    private extractExpFromToken;
     private setToken;
     private tokenRing;
     private validateAndExecuteCall;
@@ -55,7 +58,7 @@ export declare class FacadeChatSDK {
     getMessages(): Promise<IMessage[] | OmnichannelMessage[] | undefined>;
     getDataMaskingRules(): Promise<MaskingRules>;
     sendMessage(message: ChatSDKMessage): Promise<void>;
-    onNewMessage(onNewMessageCallback: CallableFunction, optionalParams?: OnNewMessageOptionalParams | unknown): Promise<void>;
+    onNewMessage(onNewMessageCallback: CallableFunction, optionalParams?: OnNewMessageOptionalParams): Promise<void>;
     sendTypingEvent(): Promise<void>;
     onTypingEvent(onTypingEventCallback: CallableFunction): Promise<void>;
     onAgentEndSession(onAgentEndSessionCallback: (message: IRawThread | ParticipantsRemovedEvent) => void): Promise<void>;

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

@@ -46,3 +46,4 @@ export declare const createFileAndDownload: (fileName: string, blobData: string,
 export declare const formatTemplateString: (templateMessage: string, values: any) => string;
 export declare const parseLowerCaseString: (property: string | boolean | undefined) => string;
 export declare const setOcUserAgent: (chatSDK: any) => void;
+export declare function getDeviceType(): string;

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

@@ -1,2 +1,2 @@
 import MarkdownIt from "markdown-it";
-export declare const createMarkdown: (disableMarkdownMessageFormatting: boolean, disableNewLineMarkdownSupport: boolean) => MarkdownIt;
+export declare const createMarkdown: (disableMarkdownMessageFormatting: boolean, disableNewLineMarkdownSupport: boolean, opensMarkdownLinksInSameTab?: boolean) => MarkdownIt;

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

@@ -0,0 +1,3 @@
+export interface IFeatureConfigProps {
+    disableReauthentication?: boolean;
+}

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

@@ -3,29 +3,30 @@ import { IAudioNotificationProps } from "../../footerstateful/audionotifications
 import { ICallingContainerProps } from "@microsoft/omnichannel-chat-components/lib/types/components/callingcontainer/interfaces/ICallingContainerProps";
 import { IChatButtonProps } from "@microsoft/omnichannel-chat-components/lib/types/components/chatbutton/interfaces/IChatButtonProps";
 import { IConfirmationPaneStatefulProps } from "../../confirmationpanestateful/interfaces/IConfirmationPaneStatefulProps";
+import { IContextDataStore } from "../../../common/interfaces/IContextDataStore";
 import { IDownloadTranscriptProps } from "../../footerstateful/downloadtranscriptstateful/interfaces/IDownloadTranscriptProps";
+import { IDraggableChatWidgetProps } from "./IDraggableChatWidgetProps";
 import { IEmailTranscriptPaneProps } from "../../emailtranscriptpanestateful/interfaces/IEmailTranscriptPaneProps";
+import { IFeatureConfigProps } from "./IFeatureConfigProps";
 import { IFooterProps } from "@microsoft/omnichannel-chat-components/lib/types/components/footer/interfaces/IFooterProps";
 import { IHeaderProps } from "@microsoft/omnichannel-chat-components/lib/types/components/header/interfaces/IHeaderProps";
 import { ILiveChatWidgetComponentOverrides } from "./ILiveChatWidgetComponentOverrides";
+import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
 import { ILiveChatWidgetControlProps } from "./ILiveChatWidgetControlProps";
 import { ILiveChatWidgetStyleProps } from "./ILiveChatWidgetStyleProps";
 import { ILoadingPaneProps } from "@microsoft/omnichannel-chat-components/lib/types/components/loadingpane/interfaces/ILoadingPaneProps";
+import { IMockProps } from "./IMockProps";
+import { INotificationPaneProps } from "@microsoft/omnichannel-chat-components/lib/types/components/notificationpane/interfaces/INotificationPaneProps";
 import { IOOOHPaneProps } from "@microsoft/omnichannel-chat-components/lib/types/components/outofofficehourspane/interfaces/IOOOHPaneProps";
+import { IPostChatSurveyPaneStatefulProps } from "../../postchatsurveypanestateful/interfaces/IPostChatSurveyPaneStatefulProps";
 import { IPreChatSurveyPaneProps } from "@microsoft/omnichannel-chat-components/lib/types/components/prechatsurveypane/interfaces/IPreChatSurveyPaneProps";
 import { IProactiveChatPaneStatefulProps } from "../../proactivechatpanestateful/interfaces/IProactiveChatPaneStatefulProps";
 import { IReconnectChatPaneStatefulProps } from "../../reconnectchatpanestateful/interfaces/IReconnectChatPaneStatefulProps";
+import { IScrollBarProps } from "./IScrollBarProps";
 import { IStartChatErrorPaneProps } from "../../startchaterrorpanestateful/interfaces/IStartChatErrorPaneProps";
 import { ITelemetryConfig } from "../../../common/telemetry/interfaces/ITelemetryConfig";
 import { IWebChatContainerStatefulProps } from "../../webchatcontainerstateful/interfaces/IWebChatContainerStatefulProps";
 import { OmnichannelChatSDK } from "@microsoft/omnichannel-chat-sdk";
-import { ILiveChatWidgetContext } from "../../../contexts/common/ILiveChatWidgetContext";
-import { IContextDataStore } from "../../../common/interfaces/IContextDataStore";
-import { IPostChatSurveyPaneStatefulProps } from "../../postchatsurveypanestateful/interfaces/IPostChatSurveyPaneStatefulProps";
-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;
@@ -63,4 +64,5 @@ export interface ILiveChatWidgetProps {
     initialCustomContext?: any;
     draggableChatWidgetProps?: IDraggableChatWidgetProps;
     mock?: IMockProps;
+    featureConfigProps?: IFeatureConfigProps;
 }

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

@@ -0,0 +1,12 @@
+export interface ISendBox {
+    /**
+     * Target the textarea element in the send box
+     */
+    textarea?: {
+        /**
+         * Customer can increase minHeight as a work-around to avoid bug when some languages (like Arabic, Chinese,
+         * Hebrew, etc) will show a scrollbar in the textarea element when placeholder is visible
+         */
+        minHeight?: string;
+    };
+}

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

@@ -6,10 +6,13 @@ import { IWebChatProps } from "./IWebChatProps";
 import { StyleOptions } from "botframework-webchat-api";
 import { IAdaptiveCardStyles } from "./IAdaptiveCardStyles";
 import { IBotAuthConfig } from "./IBotAuthConfig";
+import { ISendBox } from "../../livechatwidget/interfaces/ISendBox";
 export interface IWebChatContainerStatefulProps {
     containerStyles?: IStyle;
     disableNewLineMarkdownSupport?: boolean;
     disableMarkdownMessageFormatting?: boolean;
+    opensMarkdownLinksInSameTab?: boolean;
+    honorsTargetInHTMLLinks?: boolean;
     webChatStyles?: StyleOptions;
     webChatProps?: IWebChatProps;
     directLine?: any;
@@ -20,4 +23,6 @@ export interface IWebChatContainerStatefulProps {
     botAuthConfig?: IBotAuthConfig;
     hyperlinkTextOverride?: boolean;
     adaptiveCardStyles?: IAdaptiveCardStyles;
+    sendBoxTextBox?: ISendBox;
+    webChatHistoryMobileAccessibilityLabel?: string;
 }

package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/storemiddlewares/htmlTextMiddleware.d.ts

@@ -4,7 +4,7 @@
  * Ensures that links within messages are processed so that the caller website cannot be traced.
  ******/
 import { IWebChatAction } from "../../../interfaces/IWebChatAction";
-declare const htmlTextMiddleware: ({ dispatch }: {
+declare const htmlTextMiddleware: (honorsTargetInHTMLLinks?: boolean) => ({ dispatch }: {
     dispatch: any;
 }) => (next: any) => (action: IWebChatAction) => any;
 export default htmlTextMiddleware;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.7.6-main.dca3f60",
+  "version": "1.7.7-main.262d750",
   "description": "Microsoft Omnichannel Chat Widget",
   "main": "lib/cjs/index.js",
   "types": "lib/types/index.d.ts",
@@ -78,7 +78,7 @@
   "dependencies": {
     "@azure/core-tracing": "^1.2.0",
     "@microsoft/omnichannel-chat-components": "1.1.8",
-    "@microsoft/omnichannel-chat-sdk": "^1.10.11",
+    "@microsoft/omnichannel-chat-sdk": "^1.10.15",
     "@opentelemetry/api": "^1.9.0",
     "abort-controller-es5": "^2.0.1",
     "dompurify": "^3.2.4",