@microsoft/omnichannel-chat-widget 1.6.5-main.fbe38da → 1.6.6-main.da775c5

package/lib/cjs/components/livechatwidget/common/endChat.js

@@ -6,21 +6,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.prepareEndChat = exports.endVoiceVideoCallIfOngoing = exports.endChatStateCleanUp = exports.endChat = exports.closeChatStateCleanUp = exports.chatSDKStateCleanUp = exports.callingStateCleanUp = void 0;
 var _Constants = require("../../../common/Constants");
 var _TelemetryConstants = require("../../../common/telemetry/TelemetryConstants");
-var _authHelper = require("./authHelper");
 var _utils = require("../../../common/utils");
 var _renderSurveyHelpers = require("./renderSurveyHelpers");
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
 var _ConversationState = require("../../../contexts/common/ConversationState");
 var _LiveChatWidgetActionType = require("../../../contexts/common/LiveChatWidgetActionType");
 var _TelemetryHelper = require("../../../common/telemetry/TelemetryHelper");
+var _TelemetryManager = require("../../../common/telemetry/TelemetryManager");
 var _WebChatStoreLoader = require("../../webchatcontainerstateful/webchatcontroller/WebChatStoreLoader");
 var _defaultWebChatContainerStatefulProps = require("../../webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps");
-var _TelemetryManager = require("../../../common/telemetry/TelemetryManager");
+var _createReducer = require("../../../contexts/createReducer");
+var _authHelper = require("./authHelper");
+var _reconnectChatHelper = require("./reconnectChatHelper");
 var _omnichannelChatSdk = require("@microsoft/omnichannel-chat-sdk");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter) => {
   try {
     var _conversationDetails$, _state$domainStates, _state$appStates3;
+    const {
+      chatConfig
+    } = props;
+
     // Use Case: If call is ongoing, end the call by simulating end call button click
     endVoiceVideoCallIfOngoing(chatSDK, dispatch);
     const conversationDetails = await (0, _utils.getConversationDetailsCall)(chatSDK);
@@ -80,12 +86,25 @@ const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWe
         Description: `${_Constants.PrepareEndChatDescriptionConstants.ConversationEndedByCustomerWithInvalidPostChat} ${state === null || state === void 0 ? void 0 : (_state$appStates4 = state.appStates) === null || _state$appStates4 === void 0 ? void 0 : _state$appStates4.conversationEndedBy}.`
       });
     }
-    endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, true, true);
+    const persistentEnabled = (0, _reconnectChatHelper.isPersistentEnabled)(chatConfig);
+    const {
+      appStates
+    } = (0, _createReducer.executeReducer)(state, {
+      type: _LiveChatWidgetActionType.LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+      payload: undefined
+    });
+    const endedByCustomer = (appStates === null || appStates === void 0 ? void 0 : appStates.conversationEndedBy) === "Customer";
 
-    // Initiate post chat render
-    if (postchatContext) {
-      await (0, _renderSurveyHelpers.initiatePostChat)(props, conversationDetails, state, dispatch, postchatContext);
-      return;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const commonParams = [props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter];
+    if (persistentEnabled && endedByCustomer) {
+      await endChat(...commonParams, true, false, true);
+    } else {
+      await endChat(...commonParams, false, true, true);
+      if (postchatContext) {
+        await (0, _renderSurveyHelpers.initiatePostChat)(props, conversationDetails, state, dispatch, postchatContext);
+        return;
+      }
     }
   } catch (error) {
     var _props$controlProps;

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

@@ -63,7 +63,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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, _props$webChatContain9, _props$webChatContain10, _props$webChatContain11, _props$webChatContain12, _livechatProps$webCha, _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$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;
   const [state, dispatch] = (0, _useChatContextStore.default)();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [adapter, setAdapter] = (0, _useChatAdapterStore.default)();
@@ -358,7 +358,19 @@ const LiveChatWidgetStateful = props => {
 
     // Start chat from SDK Event
     _omnichannelChatComponents.BroadcastService.getMessageByEventName(_TelemetryConstants.BroadcastEvent.StartChat).subscribe(msg => {
-      var _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4;
+      var _props$chatConfig4, _props$chatConfig4$Li, _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4;
+      // If chat is out of operating hours chat widget sets the conversation state to OutOfOffice.
+      if ((props === null || props === void 0 ? void 0 : (_props$chatConfig4 = props.chatConfig) === null || _props$chatConfig4 === void 0 ? void 0 : (_props$chatConfig4$Li = _props$chatConfig4.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig4$Li === void 0 ? void 0 : _props$chatConfig4$Li.OutOfOperatingHours.toLowerCase()) === "true") {
+        (state === null || state === void 0 ? void 0 : state.appStates.isMinimized) && dispatch({
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_MINIMIZED,
+          payload: false
+        });
+        dispatch({
+          type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+          payload: _ConversationState.ConversationState.OutOfOffice
+        });
+        return;
+      }
       // If the startChat event is not initiated by the same tab. Ignore the call
       if (!(0, _utils.isNullOrUndefined)(msg === null || msg === void 0 ? void 0 : (_msg$payload5 = msg.payload) === null || _msg$payload5 === void 0 ? void 0 : _msg$payload5.runtimeId) && (msg === null || msg === void 0 ? void 0 : (_msg$payload6 = msg.payload) === null || _msg$payload6 === void 0 ? void 0 : _msg$payload6.runtimeId) !== _TelemetryManager.TelemetryManager.InternalTelemetryData.lcwRuntimeId) {
         return;
@@ -718,7 +730,11 @@ const LiveChatWidgetStateful = props => {
     draggable: ((_props$draggableChatW5 = props.draggableChatWidgetProps) === null || _props$draggableChatW5 === void 0 ? void 0 : _props$draggableChatW5.disabled) !== true // Draggable by default, unless explicitly disabled
   };
 
-  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement("style", null, `
+  const directLine = ((_livechatProps$webCha = livechatProps.webChatContainerProps) === null || _livechatProps$webCha === void 0 ? void 0 : _livechatProps$webCha.directLine) ?? adapter ?? _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.directLine;
+  const userID = directLine.getState ? directLine === null || directLine === void 0 ? void 0 : directLine.getState("acs.userId") : "teamsvisitor";
+
+  // WebChat's Composer can only be rendered if a directLine object is defined
+  return directLine && /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement("style", null, `
             ::-webkit-scrollbar {
                 width: ${scrollbarProps.width};
             }
@@ -745,12 +761,13 @@ const LiveChatWidgetStateful = props => {
             }
           }
             `), /*#__PURE__*/_react2.default.createElement(_DraggableChatWidget.default, chatWidgetDraggableConfig, /*#__PURE__*/_react2.default.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.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.defaultAdaptiveCardStyles.color
     },
-    directLine: ((_livechatProps$webCha = livechatProps.webChatContainerProps) === null || _livechatProps$webCha === void 0 ? void 0 : _livechatProps$webCha.directLine) ?? adapter ?? _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.directLine
+    directLine: directLine
   }), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
     id: widgetElementId,
     styles: generalStyles,

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

@@ -34,6 +34,31 @@ const defaultWebChatStyles = {
   suggestedActionsStackedHeight: 125,
   suggestedActionsStackedOverflow: "scroll",
   // eslint-disable-line @typescript-eslint/no-explicit-any
-  typingAnimationDuration: 3500
+  typingAnimationDuration: 3500,
+  emojiSet: {
+    ":)": "😊",
+    ":-)": "😊",
+    "(:": "😊",
+    "(-:": "😊",
+    ":-|": "😐",
+    ":|": "😐",
+    ":-(": "☹️",
+    ":(": "☹️",
+    ":-D": "😀",
+    ":D": "😀",
+    ":-p": "😛",
+    ":p": "😛",
+    ":-P": "😛",
+    ":P": "😛",
+    ":-o": "😲",
+    ":o": "😲",
+    ":O": "😲",
+    ":-O": "😲",
+    ";-)": "😉",
+    ";)": "😉",
+    "<3": "❤️",
+    "</3": "💔",
+    "<\\3": "💔"
+  }
 };
 exports.defaultWebChatStyles = defaultWebChatStyles;

package/lib/cjs/plugins/createChatTranscript.js

@@ -64,6 +64,12 @@ class TranscriptHTMLBuilder {
       this.disableNewLineMarkdownSupport = this.options.disableNewLineMarkdownSupport;
     }
   }
+  createMetaElement() {
+    const htmlData = `
+            <meta charset="UTF-8">
+        `;
+    return htmlData;
+  }
   createTitleElement() {
     const htmlData = `<title> ${this.pageTitle} </title>`;
     return htmlData;
@@ -81,6 +87,7 @@ class TranscriptHTMLBuilder {
   createHeadElement() {
     const htmlData = `
             <head>
+                ${this.createMetaElement()}
                 ${this.createTitleElement()}
                 ${this.createExternalScriptElements()}
                 <script>

package/lib/esm/components/livechatwidget/common/endChat.js

@@ -1,21 +1,27 @@
 import { ConfirmationState, Constants, ConversationEndEntity, ParticipantType, PrepareEndChatDescriptionConstants } from "../../../common/Constants";
 import { LogLevel, TelemetryEvent } from "../../../common/telemetry/TelemetryConstants";
-import { handleAuthentication } from "./authHelper";
 import { getConversationDetailsCall, getWidgetEndChatEventName } from "../../../common/utils";
 import { getPostChatContext, initiatePostChat } from "./renderSurveyHelpers";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { ConversationState } from "../../../contexts/common/ConversationState";
 import { LiveChatWidgetActionType } from "../../../contexts/common/LiveChatWidgetActionType";
 import { TelemetryHelper } from "../../../common/telemetry/TelemetryHelper";
+import { TelemetryManager } from "../../../common/telemetry/TelemetryManager";
 import { WebChatStoreLoader } from "../../webchatcontainerstateful/webchatcontroller/WebChatStoreLoader";
 import { defaultWebChatContainerStatefulProps } from "../../webchatcontainerstateful/common/defaultProps/defaultWebChatContainerStatefulProps";
-import { TelemetryManager } from "../../../common/telemetry/TelemetryManager";
+import { executeReducer } from "../../../contexts/createReducer";
+import { handleAuthentication } from "./authHelper";
+import { isPersistentEnabled } from "./reconnectChatHelper";
 import { uuidv4 } from "@microsoft/omnichannel-chat-sdk";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter) => {
   try {
     var _conversationDetails$, _state$domainStates, _state$appStates3;
+    const {
+      chatConfig
+    } = props;
+
     // Use Case: If call is ongoing, end the call by simulating end call button click
     endVoiceVideoCallIfOngoing(chatSDK, dispatch);
     const conversationDetails = await getConversationDetailsCall(chatSDK);
@@ -75,12 +81,25 @@ const prepareEndChat = async (props, chatSDK, state, dispatch, setAdapter, setWe
         Description: `${PrepareEndChatDescriptionConstants.ConversationEndedByCustomerWithInvalidPostChat} ${state === null || state === void 0 ? void 0 : (_state$appStates4 = state.appStates) === null || _state$appStates4 === void 0 ? void 0 : _state$appStates4.conversationEndedBy}.`
       });
     }
-    endChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, false, true, true);
+    const persistentEnabled = isPersistentEnabled(chatConfig);
+    const {
+      appStates
+    } = executeReducer(state, {
+      type: LiveChatWidgetActionType.GET_IN_MEMORY_STATE,
+      payload: undefined
+    });
+    const endedByCustomer = (appStates === null || appStates === void 0 ? void 0 : appStates.conversationEndedBy) === "Customer";
 
-    // Initiate post chat render
-    if (postchatContext) {
-      await initiatePostChat(props, conversationDetails, state, dispatch, postchatContext);
-      return;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const commonParams = [props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter];
+    if (persistentEnabled && endedByCustomer) {
+      await endChat(...commonParams, true, false, true);
+    } else {
+      await endChat(...commonParams, false, true, true);
+      if (postchatContext) {
+        await initiatePostChat(props, conversationDetails, state, dispatch, postchatContext);
+        return;
+      }
     }
   } catch (error) {
     var _props$controlProps;

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

@@ -55,7 +55,7 @@ import StartChatErrorPaneStateful from "../../startchaterrorpanestateful/StartCh
 import { StartChatFailureType } from "../../../contexts/common/StartChatFailureType";
 import { executeReducer } from "../../../contexts/createReducer";
 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, _props$webChatContain9, _props$webChatContain10, _props$webChatContain11, _props$webChatContain12, _livechatProps$webCha, _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$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;
   const [state, dispatch] = useChatContextStore();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [adapter, setAdapter] = useChatAdapterStore();
@@ -350,7 +350,19 @@ export const LiveChatWidgetStateful = props => {
 
     // Start chat from SDK Event
     BroadcastService.getMessageByEventName(BroadcastEvent.StartChat).subscribe(msg => {
-      var _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4;
+      var _props$chatConfig4, _props$chatConfig4$Li, _msg$payload5, _msg$payload6, _msg$payload7, _msg$payload9, _inMemoryState$appSta, _inMemoryState$appSta2, _inMemoryState$appSta3, _inMemoryState$appSta4;
+      // If chat is out of operating hours chat widget sets the conversation state to OutOfOffice.
+      if ((props === null || props === void 0 ? void 0 : (_props$chatConfig4 = props.chatConfig) === null || _props$chatConfig4 === void 0 ? void 0 : (_props$chatConfig4$Li = _props$chatConfig4.LiveWSAndLiveChatEngJoin) === null || _props$chatConfig4$Li === void 0 ? void 0 : _props$chatConfig4$Li.OutOfOperatingHours.toLowerCase()) === "true") {
+        (state === null || state === void 0 ? void 0 : state.appStates.isMinimized) && dispatch({
+          type: LiveChatWidgetActionType.SET_MINIMIZED,
+          payload: false
+        });
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+          payload: ConversationState.OutOfOffice
+        });
+        return;
+      }
       // If the startChat event is not initiated by the same tab. Ignore the call
       if (!isNullOrUndefined(msg === null || msg === void 0 ? void 0 : (_msg$payload5 = msg.payload) === null || _msg$payload5 === void 0 ? void 0 : _msg$payload5.runtimeId) && (msg === null || msg === void 0 ? void 0 : (_msg$payload6 = msg.payload) === null || _msg$payload6 === void 0 ? void 0 : _msg$payload6.runtimeId) !== TelemetryManager.InternalTelemetryData.lcwRuntimeId) {
         return;
@@ -710,7 +722,11 @@ export const LiveChatWidgetStateful = props => {
     draggable: ((_props$draggableChatW5 = props.draggableChatWidgetProps) === null || _props$draggableChatW5 === void 0 ? void 0 : _props$draggableChatW5.disabled) !== true // Draggable by default, unless explicitly disabled
   };
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
+  const directLine = ((_livechatProps$webCha = livechatProps.webChatContainerProps) === null || _livechatProps$webCha === void 0 ? void 0 : _livechatProps$webCha.directLine) ?? adapter ?? defaultWebChatContainerStatefulProps.directLine;
+  const userID = directLine.getState ? directLine === null || directLine === void 0 ? void 0 : directLine.getState("acs.userId") : "teamsvisitor";
+
+  // WebChat's Composer can only be rendered if a directLine object is defined
+  return directLine && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
             ::-webkit-scrollbar {
                 width: ${scrollbarProps.width};
             }
@@ -737,12 +753,13 @@ export const LiveChatWidgetStateful = props => {
             }
           }
             `), /*#__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
     },
-    directLine: ((_livechatProps$webCha = livechatProps.webChatContainerProps) === null || _livechatProps$webCha === void 0 ? void 0 : _livechatProps$webCha.directLine) ?? adapter ?? defaultWebChatContainerStatefulProps.directLine
+    directLine: directLine
   }), /*#__PURE__*/React.createElement(Stack, {
     id: widgetElementId,
     styles: generalStyles,

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

@@ -28,5 +28,30 @@ export const defaultWebChatStyles = {
   suggestedActionsStackedHeight: 125,
   suggestedActionsStackedOverflow: "scroll",
   // eslint-disable-line @typescript-eslint/no-explicit-any
-  typingAnimationDuration: 3500
+  typingAnimationDuration: 3500,
+  emojiSet: {
+    ":)": "😊",
+    ":-)": "😊",
+    "(:": "😊",
+    "(-:": "😊",
+    ":-|": "😐",
+    ":|": "😐",
+    ":-(": "☹️",
+    ":(": "☹️",
+    ":-D": "😀",
+    ":D": "😀",
+    ":-p": "😛",
+    ":p": "😛",
+    ":-P": "😛",
+    ":P": "😛",
+    ":-o": "😲",
+    ":o": "😲",
+    ":O": "😲",
+    ":-O": "😲",
+    ";-)": "😉",
+    ";)": "😉",
+    "<3": "❤️",
+    "</3": "💔",
+    "<\\3": "💔"
+  }
 };

package/lib/esm/plugins/createChatTranscript.js

@@ -60,6 +60,12 @@ class TranscriptHTMLBuilder {
       this.disableNewLineMarkdownSupport = this.options.disableNewLineMarkdownSupport;
     }
   }
+  createMetaElement() {
+    const htmlData = `
+            <meta charset="UTF-8">
+        `;
+    return htmlData;
+  }
   createTitleElement() {
     const htmlData = `<title> ${this.pageTitle} </title>`;
     return htmlData;
@@ -77,6 +83,7 @@ class TranscriptHTMLBuilder {
   createHeadElement() {
     const htmlData = `
             <head>
+                ${this.createMetaElement()}
                 ${this.createTitleElement()}
                 ${this.createExternalScriptElements()}
                 <script>

package/lib/types/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/omnichannel-chat-widget",
-  "version": "1.6.5-main.fbe38da",
+  "version": "1.6.6-main.da775c5",
   "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.8.1",
+    "@microsoft/omnichannel-chat-sdk": "^1.8.2",
     "abort-controller-es5": "^2.0.1",
     "dompurify": "^2.3.4",
     "markdown-it": "^12.3.2",