@microsoft/omnichannel-chat-widget 1.0.2 → 1.0.3-main.1acfc60

package/lib/esm/common/Constants.js

@@ -23,27 +23,34 @@ _defineProperty(Constants, "false", "false");
 _defineProperty(Constants, "maximumUnreadMessageCount", 99);
 _defineProperty(Constants, "userParticipantTypeTag", "User");
 _defineProperty(Constants, "botParticipantTypeTag", "Bot");
+// channelDataMiddleware
 _defineProperty(Constants, "channelIdKey", "ChannelId-");
 _defineProperty(Constants, "ChannelId", "lcw");
 _defineProperty(Constants, "CustomerTag", "FromCustomer");
+// gifUploadMiddleware
 _defineProperty(Constants, "GifContentType", "image/gif");
+// htmlPlayerMiddleware
 _defineProperty(Constants, "video", "video");
 _defineProperty(Constants, "audio", "audio");
 _defineProperty(Constants, "controlsList", "controlsList");
 _defineProperty(Constants, "nodownload", "nodownload");
+// htmlTextMiddleware
 _defineProperty(Constants, "activity", "activity");
 _defineProperty(Constants, "payload", "payload");
 _defineProperty(Constants, "text", "text");
 _defineProperty(Constants, "blank", "_blank");
+// activityMiddleware
 _defineProperty(Constants, "visitorIdPrefix", "8:");
 _defineProperty(Constants, "left", "left");
 _defineProperty(Constants, "queuePositionMessageTag", "queueposition");
 _defineProperty(Constants, "averageWaitTimeMessageTag", "averagewaittime");
 _defineProperty(Constants, "message", "message");
 _defineProperty(Constants, "hiddenTag", "Hidden");
+// messageTimestampMiddleware
 _defineProperty(Constants, "prefixTimestampTag", "ServerMessageTimestamp_");
 _defineProperty(Constants, "acsChannel", "ACS_CHANNEL");
 _defineProperty(Constants, "publicMessageTag", "public");
+//attachmentMiddleware
 _defineProperty(Constants, "supportedAdaptiveCardContentTypes", ["application/vnd.microsoft.card.adaptive", "application/vnd.microsoft.card.audio", "application/vnd.microsoft.card.hero", "application/vnd.microsoft.card.receipt", "application/vnd.microsoft.card.thumbnail", "application/vnd.microsoft.card.signin", "application/vnd.microsoft.card.oauth"]);
 _defineProperty(Constants, "maxUploadFileSize", "500000");
 _defineProperty(Constants, "imageRegex", /(\.)(jpeg|jpg|jiff|png|gif|bmp|webp)$/i);
@@ -51,6 +58,7 @@ _defineProperty(Constants, "audioMediaRegex", /(\.)(aac|aiff|alac|amr|flac|mp2|m
 _defineProperty(Constants, "videoMediaRegex", /(\.)(avchd|avi|flv|mpe|mpeg|mpg|mpv|mp4|m4p|m4v|mov|qt|swf|webm|wmv)$/i);
 _defineProperty(Constants, "chromeSupportedInlineMediaRegex", /(\.)(aac|mp3|wav|mp4)$/i);
 _defineProperty(Constants, "firefoxSupportedInlineMediaRegex", /(\.)(aac|flac|mp3|wav|mp4|mov)$/i);
+// calling container event names
 _defineProperty(Constants, "CallAdded", "callAdded");
 _defineProperty(Constants, "LocalVideoStreamAdded", "localVideoStreamAdded");
 _defineProperty(Constants, "LocalVideoStreamRemoved", "localVideoStreamRemoved");
@@ -65,12 +73,18 @@ _defineProperty(Constants, "VoiceVideoNotLoaded", "voiceVideoNotLoaded");
 _defineProperty(Constants, "VoiceVideoLoadingException", "voiceVideoLoadingOnException");
 _defineProperty(Constants, "VoiceVideoAcceptCallException", "voiceVideoAcceptCallOnException");
 _defineProperty(Constants, "VoiceVideoAcceptCallWithVideoException", "voiceVideoAcceptCallWithVideoException");
+// download transcript
 _defineProperty(Constants, "defaultDownloadTranscriptError", "Download transcript failed.");
+// proactive chat
 _defineProperty(Constants, "ProactiveChatInviteTimeoutInMs", 60000);
+// 1 minute
+// prechat survey
 _defineProperty(Constants, "InputSubmit", "InputSubmit");
+// reconnect chat
 _defineProperty(Constants, "ReconnectIdAttributeName", "oc.reconnectid");
 _defineProperty(Constants, "LiveChatWidget", "LiveChatWidgetNew");
 _defineProperty(Constants, "GuidPattern", "xx-x-4m-ym-xxx");
+// Markdown plugin
 _defineProperty(Constants, "Default", "default");
 _defineProperty(Constants, "Zero", "zero");
 _defineProperty(Constants, "Title", "title");
@@ -78,13 +92,18 @@ _defineProperty(Constants, "Target", "target");
 _defineProperty(Constants, "Blank", "_blank");
 _defineProperty(Constants, "TargetRelationship", "rel");
 _defineProperty(Constants, "TargetRelationshipAttributes", "noopener noreferrer");
+// Markdown icons
 _defineProperty(Constants, "OpenLinkIconCssClass", "webchat__markdown__external-link-icon");
+// internet connection test
 _defineProperty(Constants, "internetConnectionTestUrl", "https://ocsdk-prod.azureedge.net/public/connecttest.txt");
 _defineProperty(Constants, "internetConnectionTestUrlText", "Omnichannel Connect Test");
 _defineProperty(Constants, "ChatWidgetStateChangedPrefix", "ChatWidgetStateChanged");
 _defineProperty(Constants, "PostChatLoadingDurationInMs", 2000);
 _defineProperty(Constants, "BrowserUnloadConfirmationMessage", "Do you want to leave chat?");
 _defineProperty(Constants, "CacheTtlInMinutes", 15);
+_defineProperty(Constants, "SessionCacheSuffix", "session");
+_defineProperty(Constants, "PopoutCacheSuffix", "popout");
+// Visibility timeout for conversation details
 _defineProperty(Constants, "LWICheckOnVisibilityTimeout", 3 * 60 * 1000);
 export const Regex = (_class = class Regex {}, _defineProperty(_class, "EmailRegex", "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])"), _class);
 export class HtmlIdNames {}
@@ -130,11 +149,13 @@ _defineProperty(HtmlAttributeNames, "adaptiveCardActionSetClassName", "ac-action
 export class WebChatMiddlewareConstants {}
 _defineProperty(WebChatMiddlewareConstants, "nextVisibleActivity", "nextVisibleActivity");
 _defineProperty(WebChatMiddlewareConstants, "timeBetweenTimestampGroups", 300000);
+//5 minutes
 _defineProperty(WebChatMiddlewareConstants, "maxTextLength", 6000);
 _defineProperty(WebChatMiddlewareConstants, "adaptiveCard", "AdaptiveCard");
 export class AMSConstants {}
 _defineProperty(AMSConstants, "supportedImagesMimeTypes", ["image/jpeg", "image/png", "image/gif", "image/heic", "image/webp"]);
 _defineProperty(AMSConstants, "maxSupportedImageSize", 20);
+// AMS max file limit outside of supported Images MIME Types.
 _defineProperty(AMSConstants, "maxSupportedFileSize", 300);
 export class MimeTypes {}
 _defineProperty(MimeTypes, "UnknownFileType", "application/octet-stream");
@@ -169,6 +190,29 @@ export let LiveWorkItemState;
   LiveWorkItemState["Waiting"] = "Waiting";
   LiveWorkItemState["WrapUp"] = "WrapUp";
 })(LiveWorkItemState || (LiveWorkItemState = {}));
+export let StorageType;
+(function (StorageType) {
+  StorageType[StorageType["localStorage"] = 0] = "localStorage";
+  StorageType[StorageType["sessionStorage"] = 1] = "sessionStorage";
+})(StorageType || (StorageType = {}));
+export let ParticipantType;
+(function (ParticipantType) {
+  ParticipantType["User"] = "User";
+  ParticipantType["Bot"] = "Bot";
+})(ParticipantType || (ParticipantType = {}));
+export let ConversationEndEntity;
+(function (ConversationEndEntity) {
+  ConversationEndEntity["Customer"] = "Customer";
+  ConversationEndEntity["Agent"] = "Agent";
+  ConversationEndEntity["Bot"] = "Bot";
+  ConversationEndEntity["NotSet"] = "NotSet";
+})(ConversationEndEntity || (ConversationEndEntity = {}));
+export let ConfirmationState;
+(function (ConfirmationState) {
+  ConfirmationState["Ok"] = "Ok";
+  ConfirmationState["Cancel"] = "Cancel";
+  ConfirmationState["NotSet"] = "NotSet";
+})(ConfirmationState || (ConfirmationState = {}));
 export class TranscriptConstants {}
 _defineProperty(TranscriptConstants, "ChatTranscriptsBodyColor", "#F5F5F5");
 _defineProperty(TranscriptConstants, "TranscriptMessageEmojiMessageType", "http://schema.skype.com/emoji");
@@ -181,11 +225,16 @@ _defineProperty(TranscriptConstants, "InternalMode", "internal");
 _defineProperty(TranscriptConstants, "AgentDialogColor", "#2266E3");
 _defineProperty(TranscriptConstants, "AgentFontColor", "white");
 export class AriaTelemetryConstants {}
+// Aria Endpoint for different environment types.
 _defineProperty(AriaTelemetryConstants, "GERMANY_ENDPOINT", "https://de.pipe.aria.microsoft.com/Collector/3.0/");
 _defineProperty(AriaTelemetryConstants, "GCCH_ENDPOINT", "https://tb.pipe.aria.microsoft.com/Collector/3.0/");
 _defineProperty(AriaTelemetryConstants, "DOD_ENDPOINT", "https://pf.pipe.aria.microsoft.com/Collector/3.0");
 _defineProperty(AriaTelemetryConstants, "EUROPE_ENDPOINT", "https://eu-mobile.events.data.microsoft.com/Collector/3.0/");
+// EUDB Collector URL
 _defineProperty(AriaTelemetryConstants, "MOONCAKE_ENDPOINT", "");
+// Add MoonCake ARIA Endpoint whenever available
+// Environment types
 _defineProperty(AriaTelemetryConstants, "Public", "Public");
 _defineProperty(AriaTelemetryConstants, "EU", "Europe");
+// EUR: crm4; FRA: crm12; GER: crm16; CHE: crm17; NOR: crm19
 _defineProperty(AriaTelemetryConstants, "lcwEUDomainNames", ["crm4.omnichannelengagementhub.com", "crm12.omnichannelengagementhub.com", "crm16.omnichannelengagementhub.com", "crm17.omnichannelengagementhub.com", "crm19.omnichannelengagementhub.com"]);

package/lib/esm/common/storage/default/defaultCacheManager.js

@@ -2,15 +2,16 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 { BroadcastService } from "@microsoft/omnichannel-chat-components";
-import { getWidgetCacheId } from "../../utils";
 import { defaultClientDataStoreProvider } from "./defaultClientDataStoreProvider";
 export class defaultCacheManager {}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 _defineProperty(defaultCacheManager, "InternalCache", {});
-export const registerBroadcastServiceForLocalStorage = (orgid, widgetId, widgetInstanceId, ttlInMins) => {
-  const widgetCacheId = getWidgetCacheId(orgid, widgetId, widgetInstanceId);
+export const registerBroadcastServiceForStorage = (widgetCacheId, ttlInMins, storageType) => {
   BroadcastService.getMessageByEventName(widgetCacheId).subscribe(msg => {
     try {
-      defaultClientDataStoreProvider(ttlInMins).setData(widgetCacheId, JSON.stringify(msg.payload), "localStorage");
+      defaultClientDataStoreProvider(ttlInMins, storageType).setData(widgetCacheId, JSON.stringify(msg.payload));
     } catch (error) {
       console.error("Error in setting data to localstorage", error);
     }

package/lib/esm/common/storage/default/defaultClientDataStoreProvider.js

@@ -3,8 +3,10 @@
 import { LogLevel, TelemetryEvent } from "../../telemetry/TelemetryConstants";
 import { TelemetryHelper } from "../../telemetry/TelemetryHelper";
 import { inMemoryDataStore } from "./defaultInMemoryDataStore";
+import { StorageType } from "../../Constants";
 export const defaultClientDataStoreProvider = function () {
   let cacheTtlinMins = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  let storageType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : StorageType.localStorage;
   let ttlInMs = 0;
   const isCookieAllowed = () => {
     try {
@@ -24,7 +26,7 @@ export const defaultClientDataStoreProvider = function () {
   }
   const dataStoreProvider = {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    setData: (key, data, type) => {
+    setData: (key, data) => {
       if (isCookieAllowed()) {
         try {
           if (key) {
@@ -34,7 +36,7 @@ export const defaultClientDataStoreProvider = function () {
               expiry: now.getTime() + ttlInMs
             };
             const strItem = JSON.stringify(item);
-            if (type === "localStorage") {
+            if (storageType === StorageType.localStorage) {
               localStorage.setItem(key, strItem);
             } else {
               sessionStorage.setItem(key, strItem);
@@ -51,16 +53,16 @@ export const defaultClientDataStoreProvider = function () {
         const dataToCache = {
           key: key,
           data: data,
-          type: type
+          type: storageType == StorageType.localStorage ? "localStorage" : "sessionStorage"
         };
         parent.postMessage(dataToCache, "*");
       }
     },
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    getData: (key, type) => {
+    getData: key => {
       if (isCookieAllowed()) {
         let item;
-        if (type === "localStorage") {
+        if (storageType === StorageType.localStorage) {
           item = localStorage.getItem(key);
         } else {
           item = sessionStorage.getItem(key);
@@ -85,10 +87,10 @@ export const defaultClientDataStoreProvider = function () {
       }
     },
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    removeData: (key, type) => {
+    removeData: key => {
       if (isCookieAllowed()) {
         if (key) {
-          if (type === "localStorage") {
+          if (storageType === StorageType.localStorage) {
             return localStorage.removeItem(key);
           } else {
             return sessionStorage.removeItem(key);

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

@@ -31,7 +31,6 @@ export let BroadcastEvent;
   BroadcastEvent["StartProactiveChat"] = "StartProactiveChat";
   BroadcastEvent["ProactiveChatStartChat"] = "ProactiveChatStartChat";
   BroadcastEvent["ProactiveChatStartPopoutChat"] = "ProactiveChatStartPopoutChat";
-  BroadcastEvent["ProactiveChatIsInPopoutMode"] = "ProactiveChatIsInPopoutMode";
   BroadcastEvent["ResetProactiveChatParams"] = "ResetProactiveChatParams";
   BroadcastEvent["InvalidAdaptiveCardFormat"] = "InvalidAdaptiveCardFormat";
   BroadcastEvent["NewMessageSent"] = "NewMessageSent";
@@ -54,6 +53,8 @@ export let BroadcastEvent;
   BroadcastEvent["SigninCardReceived"] = "SignInCardReceived";
   BroadcastEvent["BotAuthConfigRequest"] = "BotAuthConfigRequest";
   BroadcastEvent["BotAuthConfigResponse"] = "BotAuthConfigResponse";
+  BroadcastEvent["RemoveWidgetDataFromCache"] = "RemoveWidgetDataFromCache";
+  BroadcastEvent["InitiateStartChatInPopoutMode"] = "InitiateStartChatInPopoutMode";
   BroadcastEvent["HideChatVisibilityChangeEvent"] = "hideChatVisibilityChangeEvent";
   BroadcastEvent["UpdateSessionDataForTelemetry"] = "UpdateSessionDataForTelemetry";
   BroadcastEvent["UpdateConversationDataForTelemetry"] = "UpdateConversationDataForTelemetry";
@@ -89,13 +90,18 @@ export let TelemetryEvent;
   TelemetryEvent["CallingSDKInitFailed"] = "CallingSDKInitFailed";
   TelemetryEvent["CallingSDKLoadSuccess"] = "CallingSDKLoadSuccess";
   TelemetryEvent["CallingSDKLoadFailed"] = "CallingSDKLoadFailed";
+  TelemetryEvent["GetConversationDetailsCallStarted"] = "GetConversationDetailsCallStarted";
   TelemetryEvent["GetConversationDetailsCallFailed"] = "GetConversationDetailsCallFailed";
   TelemetryEvent["EndChatSDKCallFailed"] = "EndChatSDKCallFailed";
+  TelemetryEvent["GetChatReconnectContextSDKCallStarted"] = "GetChatReconnectContextSDKCallStarted";
   TelemetryEvent["GetChatReconnectContextSDKCallFailed"] = "GetChatReconnectContextSDKCallFailed";
   TelemetryEvent["ParseAdaptiveCardFailed"] = "ParseAdaptiveCardFailed";
   TelemetryEvent["ClientDataStoreProviderFailed"] = "ClientDataStoreProviderFailed";
   TelemetryEvent["InMemoryDataStoreFailed"] = "InMemoryDataStoreFailed";
   TelemetryEvent["ChatVisibilityChanged"] = "ChatVisibilityChanged";
+  TelemetryEvent["EndChatSucceeded"] = "EndChatSucceeded";
+  TelemetryEvent["EndChatFailed"] = "EndChatFailed";
+  TelemetryEvent["SetCustomContext"] = "SetCustomContext";
   TelemetryEvent["WebChatLoaded"] = "WebChatLoaded";
   TelemetryEvent["LCWChatButtonClicked"] = "LCWChatButtonClicked";
   TelemetryEvent["LCWChatButtonShow"] = "LCWChatButtonShow";

package/lib/esm/common/utils.js

@@ -258,7 +258,11 @@ export const getDomain = hostValue => {
   }
   return AriaTelemetryConstants.Public;
 };
-export const getWidgetCacheId = (orgId, widgetId, widgetInstanceId) => {
+export const getWidgetCacheId = function (orgId, widgetId, widgetInstanceId) {
+  let popoutChat = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  if (popoutChat) {
+    widgetInstanceId = widgetInstanceId + Constants.PopoutCacheSuffix;
+  }
   const widgetCacheId = `${widgetInstanceId}_${orgId}_${widgetId}`;
   return Md5.init(widgetCacheId);
 };
@@ -270,13 +274,13 @@ export const getWidgetEndChatEventName = (orgId, widgetId, widgetInstanceId) =>
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const getStateFromCache = (orgId, widgetId, widgetInstanceId) => {
+export const getStateFromCache = widgetCacheId => {
   // Getting updated state from cache
   try {
     if (DataStoreManager.clientDataStore) {
       var _DataStoreManager$cli;
-      const widgetStateEventName = getWidgetCacheId(orgId, widgetId, widgetInstanceId);
-      const widgetStateFromCache = (_DataStoreManager$cli = DataStoreManager.clientDataStore) === null || _DataStoreManager$cli === void 0 ? void 0 : _DataStoreManager$cli.getData(widgetStateEventName, "localStorage");
+      const widgetStateEventName = widgetCacheId;
+      const widgetStateFromCache = (_DataStoreManager$cli = DataStoreManager.clientDataStore) === null || _DataStoreManager$cli === void 0 ? void 0 : _DataStoreManager$cli.getData(widgetStateEventName);
       const persistedState = widgetStateFromCache ? JSON.parse(widgetStateFromCache) : undefined;
       return persistedState;
     } else {
@@ -308,6 +312,23 @@ export const getBroadcastChannelName = (widgetId, widgetInstanceId) => {
   return widgetInstanceId && !isNullOrEmptyString(widgetInstanceId) ? `${widgetInstanceId}_${widgetId}` : widgetId;
 };
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const getWidgetCacheIdfromProps = function (props) {
+  var _props$chatSDK, _props$chatSDK$omnich, _props$chatSDK2, _props$chatSDK2$omnic, _props$controlProps, _props$controlProps2;
+  let popoutChat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const orgId = props === null || props === void 0 ? void 0 : (_props$chatSDK = props.chatSDK) === null || _props$chatSDK === void 0 ? void 0 : (_props$chatSDK$omnich = _props$chatSDK.omnichannelConfig) === null || _props$chatSDK$omnich === void 0 ? void 0 : _props$chatSDK$omnich.orgId;
+  const widgetId = props === null || props === void 0 ? void 0 : (_props$chatSDK2 = props.chatSDK) === null || _props$chatSDK2 === void 0 ? void 0 : (_props$chatSDK2$omnic = _props$chatSDK2.omnichannelConfig) === null || _props$chatSDK2$omnic === void 0 ? void 0 : _props$chatSDK2$omnic.widgetId;
+  let widgetInstanceId = (props === null || props === void 0 ? void 0 : (_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.widgetInstanceId) ?? "";
+  if (props.useSessionStorage) {
+    widgetInstanceId = widgetInstanceId + Constants.SessionCacheSuffix;
+  }
+  if (props !== null && props !== void 0 && (_props$controlProps2 = props.controlProps) !== null && _props$controlProps2 !== void 0 && _props$controlProps2.hideStartChatButton || popoutChat === true) {
+    popoutChat = true;
+  }
+  const widgetCacheId = getWidgetCacheId(orgId, widgetId, widgetInstanceId, popoutChat);
+  return widgetCacheId;
+};
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const debounceLeading = function (fn) {
   let ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3000;

package/lib/esm/components/chatbuttonstateful/ChatButtonStateful.js

@@ -1,6 +1,6 @@
-import { BroadcastEvent, LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
-import React, { useEffect, useRef, useState } from "react";
-import { BroadcastService, ChatButton } from "@microsoft/omnichannel-chat-components";
+import { LogLevel, TelemetryEvent } from "../../common/telemetry/TelemetryConstants";
+import React, { useEffect, useState } from "react";
+import { ChatButton } from "@microsoft/omnichannel-chat-components";
 import { Constants } from "../../common/Constants";
 import { setFocusOnElement } from "../../common/utils";
 import { ConversationState } from "../../contexts/common/ConversationState";
@@ -19,7 +19,6 @@ export const ChatButtonStateful = props => {
   } = props;
   //Setting OutOfOperatingHours Flag
   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 proactiveChatInNewWindow = useRef(state.appStates.proactiveChatStates.proactiveChatInNewWindow);
   const outOfOfficeStyleProps = Object.assign({}, defaultOutOfOfficeChatButtonStyleProps, outOfOfficeButtonProps === null || outOfOfficeButtonProps === void 0 ? void 0 : outOfOfficeButtonProps.styleProps);
   const controlProps = {
     id: "oc-lcw-chat-button",
@@ -32,12 +31,7 @@ export const ChatButtonStateful = props => {
       TelemetryHelper.logActionEvent(LogLevel.INFO, {
         Event: TelemetryEvent.LCWChatButtonClicked
       });
-      if (proactiveChatInNewWindow.current) {
-        const proactiveChatIsInPopoutModeEvent = {
-          eventName: BroadcastEvent.ProactiveChatIsInPopoutMode
-        };
-        BroadcastService.postMessage(proactiveChatIsInPopoutModeEvent);
-      } else if (state.appStates.isMinimized) {
+      if (state.appStates.isMinimized) {
         dispatch({
           type: LiveChatWidgetActionType.SET_MINIMIZED,
           payload: false
@@ -90,9 +84,6 @@ export const ChatButtonStateful = props => {
       });
     }
   }, []);
-  useEffect(() => {
-    proactiveChatInNewWindow.current = state.appStates.proactiveChatStates.proactiveChatInNewWindow;
-  }, [state.appStates.proactiveChatStates.proactiveChatInNewWindow]);
   return /*#__PURE__*/React.createElement(ChatButton, {
     componentOverrides: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.componentOverrides,
     controlProps: outOfOperatingHours ? outOfOfficeControlProps : controlProps,

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

@@ -5,9 +5,8 @@ import { findAllFocusableElement, findParentFocusableElementsWithoutChildContain
 import { DimLayer } from "../dimlayer/DimLayer";
 import { LiveChatWidgetActionType } from "../../contexts/common/LiveChatWidgetActionType";
 import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
-import useChatAdapterStore from "../../hooks/useChatAdapterStore";
 import useChatContextStore from "../../hooks/useChatContextStore";
-import { ConversationEndEntity } from "../../contexts/common/ConversationEndEntity";
+import { ConfirmationState } from "../../common/Constants";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const ConfirmationPaneStateful = props => {
@@ -15,7 +14,6 @@ export const ConfirmationPaneStateful = props => {
   let elements = [];
   const [state, dispatch] = useChatContextStore();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
-  const [adapter] = useChatAdapterStore();
   const controlProps = {
     id: "oc-lcw-confirmation-pane",
     dir: state.domainStates.globalDir,
@@ -28,11 +26,11 @@ export const ConfirmationPaneStateful = props => {
         type: LiveChatWidgetActionType.SET_SHOW_CONFIRMATION,
         payload: false
       });
-      setTabIndices(elements, initialTabIndexMap, true);
       dispatch({
-        type: LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY,
-        payload: ConversationEndEntity.Customer
+        type: LiveChatWidgetActionType.SET_CONFIRMATION_STATE,
+        payload: ConfirmationState.Ok
       });
+      setTabIndices(elements, initialTabIndexMap, true);
       TelemetryHelper.logActionEvent(LogLevel.INFO, {
         Event: TelemetryEvent.ConversationEndedByCustomer,
         Description: "Conversation is ended by customer."
@@ -47,6 +45,10 @@ export const ConfirmationPaneStateful = props => {
         type: LiveChatWidgetActionType.SET_SHOW_CONFIRMATION,
         payload: false
       });
+      dispatch({
+        type: LiveChatWidgetActionType.SET_CONFIRMATION_STATE,
+        payload: ConfirmationState.Cancel
+      });
       const previousFocusedElementId = state.appStates.previousElementIdOnFocusBeforeModalOpen;
       if (previousFocusedElementId) {
         setFocusOnElement("#" + previousFocusedElementId);

package/lib/esm/components/footerstateful/FooterStateful.js

@@ -36,7 +36,7 @@ export const FooterStateful = props => {
           Event: TelemetryEvent.DownloadTranscriptButtonClicked,
           Description: "Download Transcript button clicked."
         });
-        await downloadTranscript(chatSDK, downloadTranscriptProps === null || downloadTranscriptProps === void 0 ? void 0 : downloadTranscriptProps.renderMarkDown, downloadTranscriptProps === null || downloadTranscriptProps === void 0 ? void 0 : downloadTranscriptProps.bannerMessageOnError, downloadTranscriptProps === null || downloadTranscriptProps === void 0 ? void 0 : downloadTranscriptProps.attachmentMessage);
+        await downloadTranscript(chatSDK, downloadTranscriptProps === null || downloadTranscriptProps === void 0 ? void 0 : downloadTranscriptProps.renderMarkDown, downloadTranscriptProps === null || downloadTranscriptProps === void 0 ? void 0 : downloadTranscriptProps.bannerMessageOnError, downloadTranscriptProps === null || downloadTranscriptProps === void 0 ? void 0 : downloadTranscriptProps.attachmentMessage, state);
       } catch (ex) {
         TelemetryHelper.logActionEvent(LogLevel.ERROR, {
           Event: TelemetryEvent.DownloadTranscriptFailed,

package/lib/esm/components/footerstateful/downloadtranscriptstateful/DownloadTranscriptStateful.js

@@ -151,8 +151,15 @@ const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMess
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const downloadTranscript = async (chatSDK, renderMarkDown, bannerMessageOnError, attachmentMessage) => {
+export const downloadTranscript = async (chatSDK, renderMarkDown, bannerMessageOnError, attachmentMessage, state) => {
+  var _state$domainStates, _state$domainStates2, _state$domainStates2$;
+  // Need to keep existing request id for scenarios when trnascript is downloaded after endchat
+  const existingRequestId = chatSDK.requestId;
+  chatSDK.chatToken = state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.chatToken;
+  chatSDK.requestId = state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : (_state$domainStates2$ = _state$domainStates2.chatToken) === null || _state$domainStates2$ === void 0 ? void 0 : _state$domainStates2$.requestId;
   let data = await (chatSDK === null || chatSDK === void 0 ? void 0 : chatSDK.getLiveChatTranscript());
+  // This is used for allowing to start next chat
+  chatSDK.requestId = existingRequestId;
   if (typeof data === Constants.String) {
     data = JSON.parse(data);
   }

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

@@ -7,9 +7,9 @@ import { TelemetryHelper } from "../../common/telemetry/TelemetryHelper";
 import { defaultOutOfOfficeHeaderStyleProps } from "./common/styleProps/defaultOutOfOfficeHeaderStyleProps";
 import useChatAdapterStore from "../../hooks/useChatAdapterStore";
 import useChatContextStore from "../../hooks/useChatContextStore";
-import { ConversationEndEntity } from "../../contexts/common/ConversationEndEntity";
+import { ConfirmationState } from "../../common/Constants";
 export const HeaderStateful = props => {
-  var _state$domainStates$l, _state$domainStates$l2, _headerProps$controlP, _headerProps$controlP2, _headerProps$controlP3, _outOfOfficeHeaderPro;
+  var _state$domainStates$l, _state$domainStates$l2, _state$domainStates, _headerProps$controlP, _headerProps$controlP2, _headerProps$controlP3, _outOfOfficeHeaderPro, _state$domainStates3;
   const [state, dispatch] = useChatContextStore();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [adapter] = useChatAdapterStore();
@@ -21,8 +21,9 @@ export const HeaderStateful = props => {
   //Setting OutOfOperatingHours Flag
   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 conversationEndedBy = useRef(state.appStates.conversationEndedBy);
+
+  // For some reason state object is not getting updated values in this component
+  const localConfirmationPaneState = useRef(state === null || state === void 0 ? void 0 : (_state$domainStates = state.domainStates) === null || _state$domainStates === void 0 ? void 0 : _state$domainStates.confirmationState);
   const controlProps = {
     id: "oc-lcw-header",
     dir: state.domainStates.globalDir,
@@ -42,7 +43,7 @@ export const HeaderStateful = props => {
         Event: TelemetryEvent.HeaderCloseButtonClicked,
         Description: "Header Close button clicked."
       });
-      if (conversationState.current === ConversationState.Active || conversationEndedBy.current === ConversationEndEntity.Agent) {
+      if (localConfirmationPaneState.current !== ConfirmationState.Ok) {
         dispatch({
           type: LiveChatWidgetActionType.SET_SHOW_CONFIRMATION,
           payload: true
@@ -62,9 +63,9 @@ export const HeaderStateful = props => {
       }
     },
     ...(headerProps === null || headerProps === void 0 ? void 0 : headerProps.controlProps),
-    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.PostchatLoading || 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.startChatFailed || 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.startChatFailed || 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.startChatFailed || state.appStates.conversationState === ConversationState.PostchatLoading || 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",
@@ -85,11 +86,11 @@ export const HeaderStateful = props => {
     if (state.appStates.outsideOperatingHours) {
       setOutOfOperatingHours(true);
     }
-    if (state.appStates.conversationState) {
-      conversationState.current = state.appStates.conversationState;
-    }
-    conversationEndedBy.current = state.appStates.conversationEndedBy;
-  }, [state.appStates]);
+  }, []);
+  useEffect(() => {
+    var _state$domainStates2;
+    localConfirmationPaneState.current = state === null || state === void 0 ? void 0 : (_state$domainStates2 = state.domainStates) === null || _state$domainStates2 === void 0 ? void 0 : _state$domainStates2.confirmationState;
+  }, [state === null || state === void 0 ? void 0 : (_state$domainStates3 = state.domainStates) === null || _state$domainStates3 === void 0 ? void 0 : _state$domainStates3.confirmationState]);
   return /*#__PURE__*/React.createElement(Header, {
     componentOverrides: headerProps === null || headerProps === void 0 ? void 0 : headerProps.componentOverrides,
     controlProps: outOfOperatingHours || state.appStates.conversationState === ConversationState.OutOfOffice ? outOfOfficeControlProps : controlProps,

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

@@ -3,6 +3,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 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() {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     _defineProperty(this, "observer", void 0);
   }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -4,6 +4,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 import { ActivityStreamHandler } from "../ActivityStreamHandler";
 export class PauseActivitySubscriber {
   constructor() {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     _defineProperty(this, "observer", void 0);
   }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -10,9 +10,11 @@ export class Deferred {
     _defineProperty(this, "_reject", () => {
       return;
     });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     _defineProperty(this, "resolve", value => {
       this._resolve(value);
     });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     _defineProperty(this, "reject", value => {
       this._reject(value);
     });
@@ -21,9 +23,6 @@ export class Deferred {
       this._reject = reject;
     });
   }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
   get promise() {
     return this._promise;
   }

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

@@ -1190,7 +1190,13 @@ export const dummyDefaultProps = {
         borderRadius: "0 0 4px 4px",
         borderWidth: "3px",
         backgroundColor: "#FFFFFF",
-        borderColor: "#F1F1F1"
+        borderColor: "#F1F1F1",
+        position: "initial",
+        height: "100%",
+        width: "100%",
+        left: "0%",
+        top: "0%",
+        display: "contents"
       }
     },
     isCustomerVoiceSurveyCompact: undefined
@@ -1785,8 +1791,10 @@ export const dummyDefaultProps = {
     adaptiveCardStyles: {
       background: "white",
       color: "black"
-    }
+    },
+    hyperlinkTextOverride: false
   },
   telemetryConfig: undefined,
-  getAuthToken: undefined
+  getAuthToken: undefined,
+  initialCustomContext: undefined
 };