@microsoft/omnichannel-chat-widget 0.1.0-main.bf74329 → 0.1.0-main.c1bbb91

package/lib/esm/common/telemetry/TelemetryConstants.js

@@ -39,7 +39,6 @@ export let BroadcastEvent;
   BroadcastEvent["HistoryMessageReceived"] = "HistoryMessageReceived";
   BroadcastEvent["RedirectPageRequest"] = "RedirectPageRequest";
   BroadcastEvent["StartChat"] = "StartChat";
-  BroadcastEvent["StartChatSkippingChatButtonRendering"] = "StartChatSkippingChatButtonRendering";
   BroadcastEvent["StartUnauthenticatedReconnectChat"] = "StartUnauthenticatedReconnectChat";
   BroadcastEvent["InitiateEndChat"] = "InitiateEndChat";
   BroadcastEvent["SetCustomContext"] = "SetCustomContext";
@@ -49,6 +48,9 @@ export let BroadcastEvent;
   BroadcastEvent["CloseChat"] = "CloseChat";
   BroadcastEvent["InitiateEndChatOnBrowserUnload"] = "InitiateEndChatOnBrowserUnload";
   BroadcastEvent["ClosePopoutWindow"] = "ClosePopoutWindow";
+  BroadcastEvent["RaiseErrorEvent"] = "RaiseErrorEvent";
+  BroadcastEvent["NetworkDisconnected"] = "NetworkDisconnected";
+  BroadcastEvent["NetworkReconnected"] = "NetworkReconnected";
 })(BroadcastEvent || (BroadcastEvent = {}));
 export let TelemetryEvent;
 (function (TelemetryEvent) {
@@ -60,8 +62,8 @@ export let TelemetryEvent;
   TelemetryEvent["CallDisconnected"] = "CallDisconnected";
   TelemetryEvent["CallDisconnectedException"] = "CallDisconnectedException";
   TelemetryEvent["IncomingCallEnded"] = "incomingCallEnded";
-  TelemetryEvent["VoiceVideoInitialize"] = "VoiceVideoInitialize";
-  TelemetryEvent["VoiceVideoInitializeException"] = "VoiceVideoInitializeException";
+  TelemetryEvent["VoiceVideoSdkInitialize"] = "VoiceVideoSdkInitialize";
+  TelemetryEvent["VoiceVideoSdkInitializeException"] = "VoiceVideoSdkInitializeException";
   TelemetryEvent["VoiceVideoLoading"] = "VoiceVideoLoading";
   TelemetryEvent["VoiceVideoNotLoaded"] = "VoiceVideoNotLoaded";
   TelemetryEvent["VoiceVideoLoadingException"] = "VoiceVideoLoadingException";
@@ -92,6 +94,7 @@ export let TelemetryEvent;
   TelemetryEvent["WebChatLoaded"] = "WebChatLoaded";
   TelemetryEvent["LCWChatButtonClicked"] = "LCWChatButtonClicked";
   TelemetryEvent["LCWChatButtonShow"] = "LCWChatButtonShow";
+  TelemetryEvent["WidgetLoadStarted"] = "WidgetLoadStarted";
   TelemetryEvent["WidgetLoadComplete"] = "WidgetLoadComplete";
   TelemetryEvent["WidgetLoadFailed"] = "WidgetLoadFailed";
   TelemetryEvent["StartChatMethodException"] = "StartChatMethodException";
@@ -108,6 +111,7 @@ export let TelemetryEvent;
   TelemetryEvent["DownloadTranscriptResponseNullOrUndefined"] = "DownloadTranscriptResponseNullOrUndefined";
   TelemetryEvent["EmailTranscriptSent"] = "EmailTranscriptSent";
   TelemetryEvent["EmailTranscriptFailed"] = "EmailTranscriptFailed";
+  TelemetryEvent["ErrorUIPaneLoaded"] = "ErrorUIPaneLoaded";
   TelemetryEvent["DownloadTranscriptFailed"] = "DownloadTranscriptFailed";
   TelemetryEvent["StartChatFailed"] = "StartChatFailed";
   TelemetryEvent["IC3ThreadUpdateEventReceived"] = "IC3ThreadUpdateEventReceived";
@@ -132,6 +136,7 @@ export let TelemetryEvent;
   TelemetryEvent["GetConversationDetailsException"] = "GetConversationDetailsException";
   TelemetryEvent["BrowserUnloadEventStarted"] = "BrowserUnloadEventStarted";
   TelemetryEvent["GetAuthTokenCalled"] = "GetAuthTokenCalled";
+  TelemetryEvent["GetAuthTokenFailed"] = "GetAuthTokenFailed";
   TelemetryEvent["ReceivedNullOrEmptyToken"] = "ReceivedNullOrEmptyToken";
   TelemetryEvent["CustomerVoiceResponsePageLoaded"] = "CustomerVoiceResponsePageLoaded";
   TelemetryEvent["CustomerVoiceFormResponseSubmitted"] = "CustomerVoiceFormResponseSubmitted";
@@ -142,6 +147,7 @@ export let TelemetryEvent;
   TelemetryEvent["QueuePositionMessageRecieved"] = "QueuePositionMessageRecieved";
   TelemetryEvent["AverageWaitTimeMessageRecieved"] = "AverageWaitTimeMessageRecieved";
   TelemetryEvent["DataMaskingRuleApplied"] = "DataMaskingRuleApplied";
+  TelemetryEvent["DataMaskingRuleApplyFailed"] = "DataMaskingRuleApplyFailed";
   TelemetryEvent["IC3ClientEvent"] = "IC3ClientEvent";
   TelemetryEvent["ConversationEndedThreadEventReceived"] = "ConversationEndedThreadEventReceived";
   TelemetryEvent["InvalidConfiguration"] = "InvalidConfiguration";
@@ -161,6 +167,7 @@ export let TelemetryEvent;
   TelemetryEvent["ReconnectChatMinimize"] = "ReconnectChatMinimize";
   TelemetryEvent["MessageSent"] = "MessageSent";
   TelemetryEvent["MessageReceived"] = "MessageReceived";
+  TelemetryEvent["SystemMessageReceived"] = "SystemMessageReceived";
   TelemetryEvent["CustomContextReceived"] = "CustomContextReceived";
   TelemetryEvent["NetworkDisconnected"] = "NetworkDisconnected";
   TelemetryEvent["NetworkReconnected"] = "NetworkReconnected";
@@ -244,8 +251,8 @@ export class TelemetryConstants {
       case TelemetryEvent.CallDisconnected:
       case TelemetryEvent.CallDisconnectedException:
       case TelemetryEvent.IncomingCallEnded:
-      case TelemetryEvent.VoiceVideoInitialize:
-      case TelemetryEvent.VoiceVideoInitializeException:
+      case TelemetryEvent.VoiceVideoSdkInitialize:
+      case TelemetryEvent.VoiceVideoSdkInitializeException:
       case TelemetryEvent.VoiceVideoLoading:
       case TelemetryEvent.VoiceVideoNotLoaded:
       case TelemetryEvent.VoiceVideoLoadingException:

package/lib/esm/common/telemetry/TelemetryHelper.js

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { ScenarioType, TelemetryEvent } from "./TelemetryConstants";
 import { newGuid } from "../utils";
 import { TelemetryManager } from "./TelemetryManager";
@@ -53,6 +55,8 @@ export class TelemetryHelper {
       event.ActionType = payload.ActionType;
       event.ElapsedTimeInMilliseconds = payload.ElapsedTimeInMilliseconds;
       event.ExceptionDetails = JSON.stringify(payload.ExceptionDetails);
+      event.Description = payload.Description;
+      event.CustomProperties = JSON.stringify(payload.CustomProperties);
     });
   }
   static conformToWebChatContract(level, input) {
@@ -78,6 +82,7 @@ export class TelemetryHelper {
       event.ElapsedTimeInMilliseconds = payload.ElapsedTimeInMilliseconds;
       event.ExceptionDetails = JSON.stringify(payload.ExceptionDetails);
       event.Language = ((_TelemetryManager$Int10 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int10 === void 0 ? void 0 : _TelemetryManager$Int10.chatWidgetLocaleLCID) || "";
+      event.Description = payload.Data;
     });
   }
   static conformToLoadContract(level, input) {
@@ -157,7 +162,7 @@ export class TelemetryHelper {
     telemetryDataLocal.widgetId = telemetryConfig === null || telemetryConfig === void 0 ? void 0 : telemetryConfig.appId;
     telemetryDataLocal.orgId = telemetryConfig === null || telemetryConfig === void 0 ? void 0 : telemetryConfig.orgId;
     telemetryDataLocal.orgUrl = telemetryConfig === null || telemetryConfig === void 0 ? void 0 : telemetryConfig.orgUrl;
-    telemetryDataLocal.lcwRuntimeId = newGuid();
+    telemetryDataLocal.lcwRuntimeId = telemetryConfig.LCWRuntimeId ?? newGuid();
     return telemetryDataLocal;
   }
   static addSessionDataToTelemetry(chatSession, telemetryInternalData) {

package/lib/esm/common/telemetry/TelemetryManager.js

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { LogLevel, ScenarioType, TelemetryConstants, TelemetryEvent } from "./TelemetryConstants";
 import { BroadcastService } from "@microsoft/omnichannel-chat-components";
 import { ariaTelemetryLogger } from "./loggers/ariaTelemetryLogger";

package/lib/esm/components/callingcontainerstateful/CallingContainerStateful.js

@@ -58,7 +58,7 @@ export const CallingContainerStateful = props => {
         });
       } catch (e) {
         TelemetryHelper.logCallingEvent(LogLevel.ERROR, {
-          Event: TelemetryEvent.VoiceVideoInitializeException,
+          Event: TelemetryEvent.VoiceVideoSdkInitializeException,
           Description: `Failed to initialize VideoVoiceCalling Sdk:  ${e}`
         });
       }
@@ -66,7 +66,7 @@ export const CallingContainerStateful = props => {
     init().then(() => {
       if (voiceVideoCallingSdk) {
         TelemetryHelper.logCallingEvent(LogLevel.INFO, {
-          Event: TelemetryEvent.VoiceVideoInitialize,
+          Event: TelemetryEvent.VoiceVideoSdkInitialize,
           Description: "Initialize VideoVoiceCalling Sdk Success"
         }, callId);
         voiceVideoCallingSdk.onCallAdded(() => {

package/lib/esm/components/chatbuttonstateful/common/styleProps/defaultOutOfOfficeChatButtonStyleProps.js

@@ -1,5 +1,8 @@
 export const defaultOutOfOfficeChatButtonStyleProps = {
   iconStyleProps: {
     backgroundColor: "#000000"
+  },
+  subtitleStyleProps: {
+    margin: "0px 10px 0px 10px"
   }
 };

package/lib/esm/components/confirmationpanestateful/ConfirmationPaneStateful.js

@@ -82,7 +82,7 @@ export const ConfirmationPaneStateful = props => {
       Event: TelemetryEvent.ConfirmationPaneLoaded
     });
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !(controlProps !== null && controlProps !== void 0 && controlProps.disableDimLayer) && /*#__PURE__*/React.createElement(DimLayer, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DimLayer, {
     brightness: (controlProps === null || controlProps === void 0 ? void 0 : controlProps.brightnessValueOnDim) ?? "0.2"
   }), /*#__PURE__*/React.createElement(ConfirmationPane, {
     componentOverrides: props === null || props === void 0 ? void 0 : props.componentOverrides,

package/lib/esm/components/emailtranscriptpanestateful/EmailTranscriptPaneStateful.js

@@ -88,7 +88,7 @@ export const EmailTranscriptPaneStateful = props => {
       Event: TelemetryEvent.EmailTranscriptLoaded
     });
   }, [initialEmail]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !(controlProps !== null && controlProps !== void 0 && controlProps.disableDimLayer) && /*#__PURE__*/React.createElement(DimLayer, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DimLayer, {
     brightness: (controlProps === null || controlProps === void 0 ? void 0 : controlProps.brightnessValueOnDim) ?? "0.2"
   }), /*#__PURE__*/React.createElement(InputValidationPane, {
     componentOverrides: props.componentOverrides,

package/lib/esm/components/headerstateful/HeaderStateful.js

@@ -21,6 +21,7 @@ export const HeaderStateful = props => {
   const [outOfOperatingHours, setOutOfOperatingHours] = useState(((_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.OutOfOperatingHours) === "True");
   const outOfOfficeStyleProps = Object.assign({}, defaultOutOfOfficeHeaderStyleProps, outOfOfficeHeaderProps === null || outOfOfficeHeaderProps === void 0 ? void 0 : outOfOfficeHeaderProps.styleProps);
   const conversationState = useRef(state.appStates.conversationState);
+  const conversationEndedByAgent = useRef(state.appStates.conversationEndedByAgent);
   const controlProps = {
     id: "oc-lcw-header",
     dir: state.domainStates.globalDir,
@@ -40,7 +41,7 @@ export const HeaderStateful = props => {
         Event: TelemetryEvent.HeaderCloseButtonClicked,
         Description: "Header Close button clicked."
       });
-      if (conversationState.current === ConversationState.Active) {
+      if (conversationState.current === ConversationState.Active || conversationEndedByAgent.current) {
         dispatch({
           type: LiveChatWidgetActionType.SET_SHOW_CONFIRMATION,
           payload: true
@@ -60,9 +61,9 @@ export const HeaderStateful = props => {
       }
     },
     ...(headerProps === null || headerProps === void 0 ? void 0 : headerProps.controlProps),
-    hideTitle: state.appStates.conversationState === ConversationState.Loading || state.appStates.conversationState === ConversationState.PostchatLoading || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP = headerProps.controlProps) === null || _headerProps$controlP === void 0 ? void 0 : _headerProps$controlP.hideTitle),
-    hideIcon: state.appStates.conversationState === ConversationState.Loading || state.appStates.conversationState === ConversationState.PostchatLoading || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP2 = headerProps.controlProps) === null || _headerProps$controlP2 === void 0 ? void 0 : _headerProps$controlP2.hideIcon),
-    hideCloseButton: state.appStates.conversationState === ConversationState.Loading || state.appStates.conversationState === ConversationState.Prechat || state.appStates.conversationState === ConversationState.ReconnectChat || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP3 = headerProps.controlProps) === null || _headerProps$controlP3 === void 0 ? void 0 : _headerProps$controlP3.hideCloseButton)
+    hideTitle: state.appStates.conversationState === ConversationState.Loading && !state.appStates.isStartChatFailing || state.appStates.conversationState === ConversationState.PostchatLoading || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP = headerProps.controlProps) === null || _headerProps$controlP === void 0 ? void 0 : _headerProps$controlP.hideTitle),
+    hideIcon: state.appStates.conversationState === ConversationState.Loading && !state.appStates.isStartChatFailing || state.appStates.conversationState === ConversationState.PostchatLoading || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP2 = headerProps.controlProps) === null || _headerProps$controlP2 === void 0 ? void 0 : _headerProps$controlP2.hideIcon),
+    hideCloseButton: state.appStates.conversationState === ConversationState.Loading && !state.appStates.isStartChatFailing || state.appStates.conversationState === ConversationState.Prechat || state.appStates.conversationState === ConversationState.ReconnectChat || (headerProps === null || headerProps === void 0 ? void 0 : (_headerProps$controlP3 = headerProps.controlProps) === null || _headerProps$controlP3 === void 0 ? void 0 : _headerProps$controlP3.hideCloseButton)
   };
   const outOfOfficeControlProps = {
     id: "oc-lcw-header",
@@ -86,6 +87,7 @@ export const HeaderStateful = props => {
     if (state.appStates.conversationState) {
       conversationState.current = state.appStates.conversationState;
     }
+    conversationEndedByAgent.current = state.appStates.conversationEndedByAgent;
   }, [state.appStates]);
   return /*#__PURE__*/React.createElement(Header, {
     componentOverrides: headerProps === null || headerProps === void 0 ? void 0 : headerProps.componentOverrides,

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

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { Deferred } from "./Deferred";
 export class ActivityStreamHandler {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/lib/esm/components/livechatwidget/common/ActivitySubscriber/DefaultActivitySubscriber.js

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 export class DefaultActivitySubscriber {
   constructor() {
     _defineProperty(this, "observer", void 0);

package/lib/esm/components/livechatwidget/common/ActivitySubscriber/PauseActivitySubscriber.js

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { ActivityStreamHandler } from "../ActivityStreamHandler";
 export class PauseActivitySubscriber {
   constructor() {

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

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { DefaultActivitySubscriber } from "./ActivitySubscriber/DefaultActivitySubscriber";
 import { shareObservable } from "./shareObservable";
 export class ChatAdapterShim {

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

@@ -1,4 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 export class Deferred {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
 

package/lib/esm/components/livechatwidget/common/defaultProps/defaultScrollBarProps.js

@@ -0,0 +1,7 @@
+export const defaultScrollBarProps = {
+  width: "7px",
+  trackBackgroundColor: "#f1f1f1",
+  thumbBackgroundColor: "#888",
+  thumbBorderRadius: "10px",
+  thumbHoverColor: "#555"
+};

package/lib/esm/components/livechatwidget/common/defaultProps/dummyDefaultProps.js

@@ -9,9 +9,9 @@ import { createActivityMiddleware } from "../../../webchatcontainerstateful/webc
 import createAttachmentMiddleware from "../../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/attachmentMiddleware";
 import { createAvatarMiddleware } from "../../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/avatarMiddleware";
 import { createMarkdown } from "../createMarkdown";
+import { createWebChatTelemetry } from "../../../webchatcontainerstateful/webchatcontroller/webchattelemetry/WebChatLogger";
 import { groupActivitiesMiddleware } from "../../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/groupActivitiesMiddleware";
 import { typingIndicatorMiddleware } from "../../../webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/typingIndicatorMiddleware";
-import { createWebChatTelemetry } from "../../../webchatcontainerstateful/webchatcontroller/webchattelemetry/WebChatLogger";
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const dummyDefaultProps = {
@@ -407,6 +407,7 @@ export const dummyDefaultProps = {
         width: "90px",
         cursor: "pointer",
         overflow: "hidden",
+        padding: "0px",
         whiteSpace: "nowrap"
       },
       subtitleStyleProps: {
@@ -414,12 +415,14 @@ export const dummyDefaultProps = {
         fontWeight: "200",
         color: "#666",
         overflow: "hidden",
+        padding: "0px",
         fontFamily: "'Segoe UI',Arial,sans-serif",
         display: "block",
         alignItems: "center",
         margin: "0px 14px 0px 14px",
         textOverflow: "ellipsis !important",
-        width: "max-content",
+        width: "90px",
+        whiteSpace: "nowrap",
         cursor: "pointer"
       },
       classNames: {
@@ -469,7 +472,6 @@ export const dummyDefaultProps = {
       cancelButtonText: "Cancel",
       cancelButtonAriaLabel: "Cancel. Return to Chat",
       brightnessValueOnDim: "0.2",
-      disableDimLayer: false,
       onConfirm: () => {},
       // Detailed implementation omitted
       onCancel: () => {} // Detailed implementation omitted
@@ -477,20 +479,23 @@ export const dummyDefaultProps = {
 
     styleProps: {
       generalStyleProps: {
+        display: "flex",
+        minHeight: "160px",
+        maxHeight: "300px",
+        boxSizing: "border-box",
         backgroundColor: "#FFFFFF",
         borderRadius: "2px",
         color: "black",
         fontFamily: "Segoe UI, Arial, sans-serif",
         fontSize: "14px",
-        height: "160px",
         padding: "10px 20px",
-        width: "262px",
         position: "absolute",
         justifyContent: "center",
         alignItems: "center",
-        display: "flex",
         flexFlow: "column",
-        zIndex: "9999"
+        zIndex: "9999",
+        left: "26px",
+        right: "26px"
       },
       titleStyleProps: {
         color: "#323130",
@@ -512,10 +517,14 @@ export const dummyDefaultProps = {
       },
       buttonGroupStyleProps: {
         display: "flex",
+        width: "auto",
+        height: "auto",
+        boxSizing: "border-box",
         flexFlow: "row",
         justifyContent: "center",
         alignItems: "center",
-        gap: "10px"
+        gap: "10px",
+        marginBottom: "10px"
       },
       confirmButtonStyleProps: {
         backgroundColor: "rgba(9,72,159,1)",
@@ -570,6 +579,7 @@ export const dummyDefaultProps = {
     hideCallingContainer: false,
     hideChatButton: false,
     hideConfirmationPane: false,
+    hideErrorUIPane: false,
     hideFooter: false,
     hideHeader: false,
     hideLoadingPane: false,
@@ -579,7 +589,7 @@ export const dummyDefaultProps = {
     hideProactiveChatPane: false,
     hideReconnectChatPane: false,
     hideWebChatContainer: false,
-    skipChatButtonRendering: false
+    hideStartChatButton: false
   },
   directLine: new MockAdapter(),
   downloadTranscriptProps: {
@@ -620,7 +630,6 @@ export const dummyDefaultProps = {
       cancelButtonText: "Cancel",
       cancelButtonAriaLabel: "Cancel",
       brightnessValueOnDim: "0.2",
-      disableDimLayer: false,
       onSend: undefined,
       onCancel: undefined,
       checkInput: undefined
@@ -1018,7 +1027,8 @@ export const dummyDefaultProps = {
         margin: "0px 0px 20px 0px",
         display: "flex",
         order: 1,
-        alignSelf: "auto"
+        alignSelf: "auto",
+        overflow: "visible"
       },
       iconImageProps: {
         src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2lpKSI+DQo8cGF0aCBkPSJNMTUuMTk3MSAxNi4yNzI1VjI1Ljg1MjRDMTUuMTk3MSAyNy4zODExIDE1Ljg0MDEgMjcuNTIwMSAxNi45ODMyIDI3LjUyMDFMMjYuNzA4NCAyNy41NjQ5TDMxLjAwMzkgMzIuMzEyM1YyNy41NjQ5SDMxLjg5N0MzMi4xNzQzIDI3LjU2MzcgMzIuNDQ4NyAyNy41MDc3IDMyLjcwNDUgMjcuNDAwMUMzMi45NjAzIDI3LjI5MjQgMzMuMTkyNSAyNy4xMzUzIDMzLjM4NzggMjYuOTM3NUMzMy41ODMxIDI2LjczOTggMzMuNzM3NyAyNi41MDU0IDMzLjg0MjcgMjYuMjQ3N0MzMy45NDc4IDI1Ljk5IDM0LjAwMTMgMjUuNzE0IDM0LjAwMDEgMjUuNDM1NVYxNi4zMDM4QzM0LjAwMTMgMTYuMDI1NCAzMy45NDc4IDE1Ljc0OTQgMzMuODQyNyAxNS40OTE3QzMzLjczNzcgMTUuMjM0IDMzLjU4MzEgMTQuOTk5NiAzMy4zODc4IDE0LjgwMThDMzMuMTkyNSAxNC42MDQxIDMyLjk2MDMgMTQuNDQ2OSAzMi43MDQ1IDE0LjMzOTNDMzIuNDQ4NyAxNC4yMzE2IDMyLjE3NDMgMTQuMTc1NiAzMS44OTcgMTQuMTc0NEwxNy4zMDQ3IDE0LjE0MzFDMTcuMDI2OSAxNC4xNDM3IDE2Ljc1MiAxNC4xOTkyIDE2LjQ5NTcgMTQuMzA2NkMxNi4yMzk0IDE0LjQxNCAxNi4wMDY3IDE0LjU3MTEgMTUuODEwOSAxNC43Njg5QzE1LjYxNTIgMTQuOTY2NyAxNS40NjAyIDE1LjIwMTMgMTUuMzU0OCAxNS40NTkzQzE1LjI0OTUgMTUuNzE3MyAxNS4xOTU5IDE1Ljk5MzYgMTUuMTk3MSAxNi4yNzI1WiIgZmlsbD0iI0Q2RDZENiIvPg0KPC9nPg0KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfZGlpKSI+DQo8cGF0aCBkPSJNMjcuODczNSA2LjY5ODg3VjE4Ljg0MDlDMjcuODczNSAyMC43Nzg1IDI3LjA1NzIgMjAuOTU0NiAyNS42MDU4IDIwLjk1NDZMMTMuMjU4IDIxLjAxMTRMNy44MDQxNCAyNy4wMjg1VjIxLjAxMTRINi42NzAyN0M2LjMxODEyIDIxLjAwOTkgNS45Njk3MSAyMC45Mzg5IDUuNjQ0OTMgMjAuODAyNUM1LjMyMDE2IDIwLjY2NjEgNS4wMjUzOCAyMC40NjY4IDQuNzc3NDIgMjAuMjE2MkM0LjUyOTQ2IDE5Ljk2NTYgNC4zMzMxOSAxOS42Njg1IDQuMTk5OCAxOS4zNDE5QzQuMDY2NDIgMTkuMDE1MiAzLjk5ODUzIDE4LjY2NTUgNC4wMDAwMiAxOC4zMTI1VjYuNzM4NjRDMy45OTg1MyA2LjM4NTcxIDQuMDY2NDIgNi4wMzU5NSA0LjE5OTggNS43MDkzMUM0LjMzMzE5IDUuMzgyNjcgNC41Mjk0NiA1LjA4NTU3IDQuNzc3NDIgNC44MzQ5NUM1LjAyNTM4IDQuNTg0MzQgNS4zMjAxNiA0LjM4NTEzIDUuNjQ0OTMgNC4yNDg2OUM1Ljk2OTcxIDQuMTEyMjUgNi4zMTgxMiA0LjA0MTI2IDYuNjcwMjcgNC4wMzk3N0wyNS4xOTc2IDRDMjUuNTUwMiA0LjAwMDc0IDI1Ljg5OTMgNC4wNzExOCAyNi4yMjQ3IDQuMjA3MjlDMjYuNTUwMSA0LjM0MzM5IDI2Ljg0NTYgNC41NDI0OSAyNy4wOTQxIDQuNzkzMThDMjcuMzQyNyA1LjA0Mzg2IDI3LjUzOTUgNS4zNDEyMiAyNy42NzMyIDUuNjY4MjNDMjcuODA3IDUuOTk1MjMgMjcuODc1IDYuMzQ1NDYgMjcuODczNSA2LjY5ODg3WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPg0KPC9nPg0KPGRlZnM+DQo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2lpIiB4PSIxNS4xOTcxIiB5PSIxNC4xNDMxIiB3aWR0aD0iMTguODAzMSIgaGVpZ2h0PSIxOC4xNjkzIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+DQo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4NCjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPg0KPGZlT2Zmc2V0IGR4PSItMC4yIiBkeT0iLTAuMiIvPg0KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPg0KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAuMTcgMCIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3ciLz4NCjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPg0KPGZlT2Zmc2V0IGR4PSItMC41IiBkeT0iLTAuNSIvPg0KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPg0KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAuMTYgMCIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfaW5uZXJTaGFkb3ciIHJlc3VsdD0iZWZmZWN0Ml9pbm5lclNoYWRvdyIvPg0KPC9maWx0ZXI+DQo8ZmlsdGVyIGlkPSJmaWx0ZXIxX2RpaSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM5Ljg3MzYiIGhlaWdodD0iMzkuMDI4NSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPg0KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4NCjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+DQo8ZmVPZmZzZXQgZHg9IjQiIGR5PSI0Ii8+DQo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+DQo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+DQo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz4NCjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPg0KPGZlT2Zmc2V0IGR4PSItMiIgZHk9Ii0yIi8+DQo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+DQo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4xNyAwIi8+DQo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0Ml9pbm5lclNoYWRvdyIvPg0KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+DQo8ZmVPZmZzZXQgZHg9Ii0xIiBkeT0iLTEiLz4NCjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4NCjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwLjE2IDAiLz4NCjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJlZmZlY3QyX2lubmVyU2hhZG93IiByZXN1bHQ9ImVmZmVjdDNfaW5uZXJTaGFkb3ciLz4NCjwvZmlsdGVyPg0KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iLTAuMzk1MDAxIiB5MT0iMjMuMTI4MiIgeDI9IjIwLjEwNTgiIHkyPSIzNy44NDc0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+DQo8c3RvcCBzdG9wLWNvbG9yPSIjRUZFRkVGIi8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPC9kZWZzPg0KPC9zdmc+DQo=",
@@ -1110,7 +1120,8 @@ export const dummyDefaultProps = {
       dir: "auto",
       hideOOOHPane: false,
       hideTitle: false,
-      titleText: "Thanks for contacting us. You have reached us outside of our operating hours. An agent will respond when we open."
+      titleText: "Thanks for contacting us. You have reached us outside of our operating hours. An agent will respond when we open. Please see link https://microsoft.com",
+      openLinkInNewTab: true
     },
     styleProps: {
       generalStyleProps: {
@@ -1153,7 +1164,7 @@ export const dummyDefaultProps = {
       subtitleText: "Please take a moment to give us feedback about your chat experience. We are loading the survey for you now."
     },
     styleProps: {
-      // ...[Existing chat button style props]
+      // ...[Existing loading pane style props]
       generalStyleProps: {
         position: "initial",
         width: "100%",
@@ -1184,6 +1195,47 @@ export const dummyDefaultProps = {
     },
     isCustomerVoiceSurveyCompact: undefined
   },
+  preChatSurveyPaneProps: {
+    controlProps: {
+      id: "oc-lcw-prechatsurveypane-default",
+      dir: "auto",
+      hidePreChatSurveyPane: false,
+      adaptiveCardHostConfig: "{\"fontFamily\":\"Segoe UI, Helvetica Neue, sans-serif\",\"containerStyles\":{\"default\":{\"foregroundColors\":{\"default\":{\"default\":\"#000000\"}},\"backgroundColor\":\"#FFFFFF\"}},\"actions\":{\"actionsOrientation\":\"Vertical\",\"actionAlignment\":\"stretch\"}}",
+      payload: "{\"$schema\":\"http://adaptivecards.io/schemas/adaptive-card.json\",\"type\":\"AdaptiveCard\",\"version\":\"1.1\",\"body\":[{\"type\":\"TextBlock\",\"weight\":\"bolder\",\"text\":\"Please answer below questions.\"},{\"type\":\"Input.Text\",\"id\":\"1e5e4e7a-8f0b-ec11-b6e6-000d3a305d38\",\"label\":\"name pls?\",\"maxLength\":100,\"isRequired\":true,\"errorMessage\":\"Name is required\"},{\"type\":\"Input.Text\",\"id\":\"7f8f5d6d-995e-ec11-8f8f-000d3a31376e\",\"label\":\"multi\\nmulti\\nmulti\",\"style\":\"text\",\"isMultiline\":true,\"maxLength\":250},{\"type\":\"Input.ChoiceSet\",\"id\":\"e4bdf7cb-995e-ec11-8f8f-000d3a31376e\",\"label\":\"options\",\"isMultiSelect\":false,\"value\":\"1\",\"style\":\"compact\",\"choices\":[{\"title\":\"one\",\"value\":\"1\"},{\"title\":\"two\",\"value\":\"2\"},{\"title\":\"three\",\"value\":\"3\"}]},{\"type\":\"Input.Toggle\",\"id\":\"b26011d2-995e-ec11-8f8f-000d3a31376e\",\"title\":\"consent\",\"valueOn\":\"True\",\"valueOff\":\"False\",\"value\":\"false\"},{\"type\":\"TextBlock\",\"isSubtle\":true,\"text\":\"Fields marked with * are mandatory.\",\"wrap\":true}],\"actions\":[{\"type\":\"Action.Submit\",\"title\":\"Submit\",\"data\":{\"Type\":\"InputSubmit\"}}]}",
+      onSubmit: function () {} // Detailed implementation omitted
+    },
+
+    styleProps: {
+      generalStyleProps: {
+        borderStyle: "solid",
+        borderRadius: "4px",
+        borderWidth: "0px",
+        backgroundColor: "#FFFFFF",
+        borderColor: "#F1F1F1",
+        overflowY: "auto",
+        height: "inherit",
+        width: "inherit"
+      },
+      customButtonStyleProps: {
+        backgroundColor: "rgb(49, 95, 162)",
+        color: "#FFFFFF",
+        fontFamily: "Segoe UI, Arial, sans-serif",
+        fontSize: "15px",
+        height: "48px"
+      },
+      adaptiveCardContainerStyleProps: {
+        border: "1px solid #ECECEC",
+        borderRadius: "4px",
+        margin: "3%"
+      },
+      customTextInputStyleProps: {
+        height: "20px"
+      },
+      customMultilineTextInputStyleProps: {
+        height: "52px"
+      }
+    }
+  },
   proactiveChatPaneProps: {
     componentOverrides: {
       title: undefined,
@@ -1440,7 +1492,6 @@ export const dummyDefaultProps = {
         startNewChatButtonClassName: undefined
       }
     },
-    isReconnectEnabled: undefined,
     reconnectId: undefined,
     redirectInSameWindow: undefined
   },
@@ -1563,10 +1614,10 @@ export const dummyDefaultProps = {
         padding: "0px 10px 0 10px"
       },
       userMessageBoxStyles: {
-        maxWidth: "75%"
+        maxWidth: "90%"
       },
       systemMessageBoxStyles: {
-        maxWidth: "75%"
+        maxWidth: "90%"
       },
       typingIndicatorStyleProps: {
         marginLeft: "10px",

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

@@ -8,6 +8,7 @@ import { defaultWebChatContainerStatefulProps } from "../../webchatcontainerstat
 import { PostChatSurveyMode } from "../../postchatsurveypanestateful/enums/PostChatSurveyMode";
 import { Constants } from "../../../common/Constants";
 import { addDelayInMs, getWidgetEndChatEventName } from "../../../common/utils";
+import { getAuthClientFunction, handleAuthentication } from "./authHelper";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const prepareEndChat = async (props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, state) => {
@@ -15,6 +16,23 @@ const prepareEndChat = async (props, chatSDK, setAdapter, setWebChatStyles, disp
   const isPostChatEnabled = (_state$domainStates$l = state.domainStates.liveChatConfig) === null || _state$domainStates$l === void 0 ? void 0 : (_state$domainStates$l2 = _state$domainStates$l.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l2 === void 0 ? void 0 : _state$domainStates$l2.msdyn_postconversationsurveyenable;
   const postChatSurveyMode = (_state$domainStates$l3 = state.domainStates.liveChatConfig) === null || _state$domainStates$l3 === void 0 ? void 0 : (_state$domainStates$l4 = _state$domainStates$l3.LiveWSAndLiveChatEngJoin) === null || _state$domainStates$l4 === void 0 ? void 0 : _state$domainStates$l4.msdyn_postconversationsurveymode;
 
+  //Unable to end chat if token has expired
+  if (props.getAuthToken) {
+    const authClientFunction = getAuthClientFunction(props.chatConfig);
+    if (props.getAuthToken && authClientFunction) {
+      // set auth token to chat sdk before start chat
+      const authSuccess = await handleAuthentication(chatSDK, props.chatConfig, props.getAuthToken);
+      if (!authSuccess) {
+        TelemetryHelper.logActionEvent(LogLevel.ERROR, {
+          Event: TelemetryEvent.GetAuthTokenFailed,
+          ExceptionDetails: {
+            exception: "Unable to get auth token during end chat"
+          }
+        });
+      }
+    }
+  }
+
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let conversationDetails = undefined;
   try {
@@ -30,7 +48,13 @@ const prepareEndChat = async (props, chatSDK, setAdapter, setWebChatStyles, disp
   if (isPostChatEnabled === "true" && ((_conversationDetails = conversationDetails) === null || _conversationDetails === void 0 ? void 0 : _conversationDetails.canRenderPostChat) === Constants.truePascal) {
     const skipEndChatSDK = false;
     const skipCloseChat = true;
+    const chatSession = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getCurrentLiveChatContext());
     await endChat(props, chatSDK, setAdapter, setWebChatStyles, dispatch, adapter, skipEndChatSDK, skipCloseChat, false);
+    if (chatSession) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      chatSDK.chatToken = chatSession.chatToken ?? {};
+      chatSDK.requestId = chatSession.requestId;
+    }
     if (postChatSurveyMode === PostChatSurveyMode.Embed) {
       dispatch({
         type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
@@ -42,10 +66,22 @@ const prepareEndChat = async (props, chatSDK, setAdapter, setWebChatStyles, disp
       };
       BroadcastService.postMessage(loadPostChatEvent);
     } else if (postChatSurveyMode === PostChatSurveyMode.Link) {
+      var _props$webChatContain, _props$webChatContain2;
       dispatch({
         type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
         payload: ConversationState.InActive
       });
+
+      // Disable SendBox
+      if ((props === null || props === void 0 ? void 0 : (_props$webChatContain = props.webChatContainerProps) === null || _props$webChatContain === void 0 ? void 0 : (_props$webChatContain2 = _props$webChatContain.renderingMiddlewareProps) === null || _props$webChatContain2 === void 0 ? void 0 : _props$webChatContain2.hideSendboxOnConversationEnd) !== false) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        setWebChatStyles(styles => {
+          return {
+            ...styles,
+            hideSendBox: true
+          };
+        });
+      }
     }
     return;
   }
@@ -84,14 +120,18 @@ const endChat = async (props, chatSDK, setAdapter, setWebChatStyles, dispatch, a
     type: LiveChatWidgetActionType.SET_LIVE_CHAT_CONTEXT,
     payload: undefined
   });
+  dispatch({
+    type: LiveChatWidgetActionType.SET_RECONNECT_ID,
+    payload: undefined
+  });
   if (!skipCloseChat) {
     try {
-      var _props$webChatContain;
+      var _props$webChatContain3;
       adapter === null || adapter === void 0 ? void 0 : adapter.end();
       setAdapter(undefined);
       setWebChatStyles({
         ...defaultWebChatContainerStatefulProps.webChatStyles,
-        ...((_props$webChatContain = props.webChatContainerProps) === null || _props$webChatContain === void 0 ? void 0 : _props$webChatContain.webChatStyles)
+        ...((_props$webChatContain3 = props.webChatContainerProps) === null || _props$webChatContain3 === void 0 ? void 0 : _props$webChatContain3.webChatStyles)
       });
       WebChatStoreLoader.store = null;
       dispatch({

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

@@ -62,25 +62,19 @@ export const initWebChatComposer = (props, chatSDK, state, dispatch, setWebChatS
           };
         });
       }
-      if (isPostChatEnabled === "true") {
-        if (postChatSurveyMode === PostChatSurveyMode.Embed) {
-          WebChatStoreLoader.store = null;
-          dispatch({
-            type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-            payload: ConversationState.PostchatLoading
-          });
-          await addDelayInMs(Constants.PostChatLoadingDurationInMs);
-          const loadPostChatEvent = {
-            eventName: BroadcastEvent.LoadPostChatSurvey
-          };
-          BroadcastService.postMessage(loadPostChatEvent);
-        } else if (postChatSurveyMode === PostChatSurveyMode.Link) {
-          dispatch({
-            type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
-            payload: ConversationState.InActive
-          });
-        }
-      } else {
+      if (isPostChatEnabled === "true" && postChatSurveyMode === PostChatSurveyMode.Embed && state.appStates.conversationState === ConversationState.Active) {
+        WebChatStoreLoader.store = null;
+        dispatch({
+          type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
+          payload: ConversationState.PostchatLoading
+        });
+        await addDelayInMs(Constants.PostChatLoadingDurationInMs);
+        const loadPostChatEvent = {
+          eventName: BroadcastEvent.LoadPostChatSurvey
+        };
+        BroadcastService.postMessage(loadPostChatEvent);
+      }
+      if (state.appStates.conversationState === ConversationState.Active) {
         dispatch({
           type: LiveChatWidgetActionType.SET_CONVERSATION_STATE,
           payload: ConversationState.InActive