@microsoft/omnichannel-chat-widget 1.0.3-main.527f8c3 → 1.0.3-main.c925679

package/lib/cjs/common/Constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WebChatMiddlewareConstants = exports.TranscriptConstants = exports.Regex = exports.MimeTypes = exports.LocaleConstants = exports.LiveWorkItemState = exports.HtmlIdNames = exports.HtmlElementSelectors = exports.HtmlClassNames = exports.HtmlAttributeNames = exports.EnvironmentVersion = exports.ElementType = exports.E2VVOptions = exports.Constants = exports.ChatSDKError = exports.AriaTelemetryConstants = exports.AMSConstants = void 0;
+exports.WebChatMiddlewareConstants = exports.TranscriptConstants = exports.StorageType = exports.Regex = exports.ParticipantType = exports.MimeTypes = exports.LocaleConstants = exports.LiveWorkItemState = exports.HtmlIdNames = exports.HtmlElementSelectors = exports.HtmlClassNames = exports.HtmlAttributeNames = exports.EnvironmentVersion = exports.ElementType = exports.E2VVOptions = exports.ConversationEndEntity = exports.Constants = exports.ConfirmationState = exports.ChatSDKError = exports.AriaTelemetryConstants = exports.AMSConstants = void 0;
 var _class;
 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); }
@@ -30,27 +30,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);
@@ -58,6 +65,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");
@@ -72,12 +80,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");
@@ -85,13 +99,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);
 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);
 exports.Regex = Regex;
@@ -143,12 +162,14 @@ class WebChatMiddlewareConstants {}
 exports.WebChatMiddlewareConstants = WebChatMiddlewareConstants;
 _defineProperty(WebChatMiddlewareConstants, "nextVisibleActivity", "nextVisibleActivity");
 _defineProperty(WebChatMiddlewareConstants, "timeBetweenTimestampGroups", 300000);
+//5 minutes
 _defineProperty(WebChatMiddlewareConstants, "maxTextLength", 6000);
 _defineProperty(WebChatMiddlewareConstants, "adaptiveCard", "AdaptiveCard");
 class AMSConstants {}
 exports.AMSConstants = 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);
 class MimeTypes {}
 exports.MimeTypes = MimeTypes;
@@ -190,6 +211,33 @@ exports.LiveWorkItemState = LiveWorkItemState;
   LiveWorkItemState["Waiting"] = "Waiting";
   LiveWorkItemState["WrapUp"] = "WrapUp";
 })(LiveWorkItemState || (exports.LiveWorkItemState = LiveWorkItemState = {}));
+let StorageType;
+exports.StorageType = StorageType;
+(function (StorageType) {
+  StorageType[StorageType["localStorage"] = 0] = "localStorage";
+  StorageType[StorageType["sessionStorage"] = 1] = "sessionStorage";
+})(StorageType || (exports.StorageType = StorageType = {}));
+let ParticipantType;
+exports.ParticipantType = ParticipantType;
+(function (ParticipantType) {
+  ParticipantType["User"] = "User";
+  ParticipantType["Bot"] = "Bot";
+})(ParticipantType || (exports.ParticipantType = ParticipantType = {}));
+let ConversationEndEntity;
+exports.ConversationEndEntity = ConversationEndEntity;
+(function (ConversationEndEntity) {
+  ConversationEndEntity["Customer"] = "Customer";
+  ConversationEndEntity["Agent"] = "Agent";
+  ConversationEndEntity["Bot"] = "Bot";
+  ConversationEndEntity["NotSet"] = "NotSet";
+})(ConversationEndEntity || (exports.ConversationEndEntity = ConversationEndEntity = {}));
+let ConfirmationState;
+exports.ConfirmationState = ConfirmationState;
+(function (ConfirmationState) {
+  ConfirmationState["Ok"] = "Ok";
+  ConfirmationState["Cancel"] = "Cancel";
+  ConfirmationState["NotSet"] = "NotSet";
+})(ConfirmationState || (exports.ConfirmationState = ConfirmationState = {}));
 class TranscriptConstants {}
 exports.TranscriptConstants = TranscriptConstants;
 _defineProperty(TranscriptConstants, "ChatTranscriptsBodyColor", "#F5F5F5");
@@ -204,11 +252,16 @@ _defineProperty(TranscriptConstants, "AgentDialogColor", "#2266E3");
 _defineProperty(TranscriptConstants, "AgentFontColor", "white");
 class AriaTelemetryConstants {}
 exports.AriaTelemetryConstants = 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/cjs/common/storage/default/defaultCacheManager.js

@@ -3,24 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.registerBroadcastServiceForLocalStorage = exports.defaultCacheManager = void 0;
+exports.registerBroadcastServiceForStorage = exports.defaultCacheManager = void 0;
 var _omnichannelChatComponents = require("@microsoft/omnichannel-chat-components");
-var _utils = require("../../utils");
 var _defaultClientDataStoreProvider = require("./defaultClientDataStoreProvider");
 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); }
 class defaultCacheManager {}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.defaultCacheManager = defaultCacheManager;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 _defineProperty(defaultCacheManager, "InternalCache", {});
-const registerBroadcastServiceForLocalStorage = (orgid, widgetId, widgetInstanceId, ttlInMins) => {
-  const widgetCacheId = (0, _utils.getWidgetCacheId)(orgid, widgetId, widgetInstanceId);
+const registerBroadcastServiceForStorage = (widgetCacheId, ttlInMins, storageType) => {
   _omnichannelChatComponents.BroadcastService.getMessageByEventName(widgetCacheId).subscribe(msg => {
     try {
-      (0, _defaultClientDataStoreProvider.defaultClientDataStoreProvider)(ttlInMins).setData(widgetCacheId, JSON.stringify(msg.payload), "localStorage");
+      (0, _defaultClientDataStoreProvider.defaultClientDataStoreProvider)(ttlInMins, storageType).setData(widgetCacheId, JSON.stringify(msg.payload));
     } catch (error) {
       console.error("Error in setting data to localstorage", error);
     }
   });
 };
-exports.registerBroadcastServiceForLocalStorage = registerBroadcastServiceForLocalStorage;
+exports.registerBroadcastServiceForStorage = registerBroadcastServiceForStorage;

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

@@ -7,10 +7,12 @@ exports.defaultClientDataStoreProvider = void 0;
 var _TelemetryConstants = require("../../telemetry/TelemetryConstants");
 var _TelemetryHelper = require("../../telemetry/TelemetryHelper");
 var _defaultInMemoryDataStore = require("./defaultInMemoryDataStore");
+var _Constants = require("../../Constants");
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 const defaultClientDataStoreProvider = function () {
   let cacheTtlinMins = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  let storageType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _Constants.StorageType.localStorage;
   let ttlInMs = 0;
   const isCookieAllowed = () => {
     try {
@@ -30,7 +32,7 @@ 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) {
@@ -40,7 +42,7 @@ const defaultClientDataStoreProvider = function () {
               expiry: now.getTime() + ttlInMs
             };
             const strItem = JSON.stringify(item);
-            if (type === "localStorage") {
+            if (storageType === _Constants.StorageType.localStorage) {
               localStorage.setItem(key, strItem);
             } else {
               sessionStorage.setItem(key, strItem);
@@ -57,16 +59,16 @@ const defaultClientDataStoreProvider = function () {
         const dataToCache = {
           key: key,
           data: data,
-          type: type
+          type: storageType == _Constants.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 === _Constants.StorageType.localStorage) {
           item = localStorage.getItem(key);
         } else {
           item = sessionStorage.getItem(key);
@@ -91,10 +93,10 @@ 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 === _Constants.StorageType.localStorage) {
             return localStorage.removeItem(key);
           } else {
             return sessionStorage.removeItem(key);

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

@@ -59,6 +59,8 @@ exports.BroadcastEvent = 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";
@@ -95,13 +97,17 @@ exports.TelemetryEvent = 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["WebChatLoaded"] = "WebChatLoaded";
   TelemetryEvent["LCWChatButtonClicked"] = "LCWChatButtonClicked";
   TelemetryEvent["LCWChatButtonShow"] = "LCWChatButtonShow";

package/lib/cjs/common/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setTabIndices = exports.setFocusOnSendBox = exports.setFocusOnElement = exports.preventFocusToMoveOutOfElement = exports.parseAdaptiveCardPayload = exports.newGuid = exports.isUndefinedOrEmpty = exports.isNullOrUndefined = exports.isNullOrEmptyString = exports.getWidgetEndChatEventName = exports.getWidgetCacheId = exports.getTimestampHourMinute = exports.getStateFromCache = exports.getLocaleDirection = exports.getIconText = exports.getDomain = exports.getConversationDetailsCall = exports.getBroadcastChannelName = exports.findParentFocusableElementsWithoutChildContainer = exports.findAllFocusableElement = exports.extractPreChatSurveyResponseValues = exports.escapeHtml = exports.debounceLeading = exports.createTimer = exports.changeLanguageCodeFormatForWebChat = exports.addDelayInMs = void 0;
+exports.setTabIndices = exports.setFocusOnSendBox = exports.setFocusOnElement = exports.preventFocusToMoveOutOfElement = exports.parseAdaptiveCardPayload = exports.newGuid = exports.isUndefinedOrEmpty = exports.isNullOrUndefined = exports.isNullOrEmptyString = exports.getWidgetEndChatEventName = exports.getWidgetCacheIdfromProps = exports.getWidgetCacheId = exports.getTimestampHourMinute = exports.getStateFromCache = exports.getLocaleDirection = exports.getIconText = exports.getDomain = exports.getConversationDetailsCall = exports.getBroadcastChannelName = exports.findParentFocusableElementsWithoutChildContainer = exports.findAllFocusableElement = exports.extractPreChatSurveyResponseValues = exports.escapeHtml = exports.debounceLeading = exports.createTimer = exports.changeLanguageCodeFormatForWebChat = exports.addDelayInMs = void 0;
 var _Constants = require("./Constants");
 var _TelemetryConstants = require("./telemetry/TelemetryConstants");
 var _DataStoreManager = require("./contextDataStore/DataStoreManager");
@@ -282,7 +282,11 @@ const getDomain = hostValue => {
   return _Constants.AriaTelemetryConstants.Public;
 };
 exports.getDomain = getDomain;
-const getWidgetCacheId = (orgId, widgetId, widgetInstanceId) => {
+const getWidgetCacheId = function (orgId, widgetId, widgetInstanceId) {
+  let popoutChat = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  if (popoutChat) {
+    widgetInstanceId = widgetInstanceId + _Constants.Constants.PopoutCacheSuffix;
+  }
   const widgetCacheId = `${widgetInstanceId}_${orgId}_${widgetId}`;
   return _md5Typescript.Md5.init(widgetCacheId);
 };
@@ -296,13 +300,13 @@ const getWidgetEndChatEventName = (orgId, widgetId, widgetInstanceId) => {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.getWidgetEndChatEventName = getWidgetEndChatEventName;
-const getStateFromCache = (orgId, widgetId, widgetInstanceId) => {
+const getStateFromCache = widgetCacheId => {
   // Getting updated state from cache
   try {
     if (_DataStoreManager.DataStoreManager.clientDataStore) {
       var _DataStoreManager$cli;
-      const widgetStateEventName = getWidgetCacheId(orgId, widgetId, widgetInstanceId);
-      const widgetStateFromCache = (_DataStoreManager$cli = _DataStoreManager.DataStoreManager.clientDataStore) === null || _DataStoreManager$cli === void 0 ? void 0 : _DataStoreManager$cli.getData(widgetStateEventName, "localStorage");
+      const widgetStateEventName = widgetCacheId;
+      const widgetStateFromCache = (_DataStoreManager$cli = _DataStoreManager.DataStoreManager.clientDataStore) === null || _DataStoreManager$cli === void 0 ? void 0 : _DataStoreManager$cli.getData(widgetStateEventName);
       const persistedState = widgetStateFromCache ? JSON.parse(widgetStateFromCache) : undefined;
       return persistedState;
     } else {
@@ -339,6 +343,24 @@ const getBroadcastChannelName = (widgetId, widgetInstanceId) => {
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 exports.getBroadcastChannelName = getBroadcastChannelName;
+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.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
+exports.getWidgetCacheIdfromProps = getWidgetCacheIdfromProps;
 const debounceLeading = function (fn) {
   let ms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3000;
   let timeoutId;

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

@@ -11,9 +11,8 @@ var _utils = require("../../common/utils");
 var _DimLayer = require("../dimlayer/DimLayer");
 var _LiveChatWidgetActionType = require("../../contexts/common/LiveChatWidgetActionType");
 var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
-var _useChatAdapterStore = _interopRequireDefault(require("../../hooks/useChatAdapterStore"));
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
-var _ConversationEndEntity = require("../../contexts/common/ConversationEndEntity");
+var _Constants = require("../../common/Constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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; }
@@ -23,7 +22,6 @@ const ConfirmationPaneStateful = props => {
   let elements = [];
   const [state, dispatch] = (0, _useChatContextStore.default)();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
-  const [adapter] = (0, _useChatAdapterStore.default)();
   const controlProps = {
     id: "oc-lcw-confirmation-pane",
     dir: state.domainStates.globalDir,
@@ -36,11 +34,11 @@ const ConfirmationPaneStateful = props => {
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SHOW_CONFIRMATION,
         payload: false
       });
-      (0, _utils.setTabIndices)(elements, initialTabIndexMap, true);
       dispatch({
-        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONVERSATION_ENDED_BY,
-        payload: _ConversationEndEntity.ConversationEndEntity.Customer
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONFIRMATION_STATE,
+        payload: _Constants.ConfirmationState.Ok
       });
+      (0, _utils.setTabIndices)(elements, initialTabIndexMap, true);
       _TelemetryHelper.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.INFO, {
         Event: _TelemetryConstants.TelemetryEvent.ConversationEndedByCustomer,
         Description: "Conversation is ended by customer."
@@ -55,6 +53,10 @@ const ConfirmationPaneStateful = props => {
         type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SHOW_CONFIRMATION,
         payload: false
       });
+      dispatch({
+        type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_CONFIRMATION_STATE,
+        payload: _Constants.ConfirmationState.Cancel
+      });
       const previousFocusedElementId = state.appStates.previousElementIdOnFocusBeforeModalOpen;
       if (previousFocusedElementId) {
         (0, _utils.setFocusOnElement)("#" + previousFocusedElementId);

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

@@ -42,7 +42,7 @@ const FooterStateful = props => {
           Event: _TelemetryConstants.TelemetryEvent.DownloadTranscriptButtonClicked,
           Description: "Download Transcript button clicked."
         });
-        await (0, _DownloadTranscriptStateful.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 (0, _DownloadTranscriptStateful.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.TelemetryHelper.logActionEvent(_TelemetryConstants.LogLevel.ERROR, {
           Event: _TelemetryConstants.TelemetryEvent.DownloadTranscriptFailed,

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

@@ -157,8 +157,15 @@ const beautifyChatTranscripts = (chatTranscripts, renderMarkDown, attachmentMess
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const downloadTranscript = async (chatSDK, renderMarkDown, bannerMessageOnError, attachmentMessage) => {
+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.Constants.String) {
     data = JSON.parse(data);
   }

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

@@ -13,12 +13,12 @@ var _TelemetryHelper = require("../../common/telemetry/TelemetryHelper");
 var _defaultOutOfOfficeHeaderStyleProps = require("./common/styleProps/defaultOutOfOfficeHeaderStyleProps");
 var _useChatAdapterStore = _interopRequireDefault(require("../../hooks/useChatAdapterStore"));
 var _useChatContextStore = _interopRequireDefault(require("../../hooks/useChatContextStore"));
-var _ConversationEndEntity = require("../../contexts/common/ConversationEndEntity");
+var _Constants = require("../../common/Constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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; }
 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] = (0, _useChatContextStore.default)();
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [adapter] = (0, _useChatAdapterStore.default)();
@@ -30,8 +30,9 @@ const HeaderStateful = props => {
   //Setting OutOfOperatingHours Flag
   const [outOfOperatingHours, setOutOfOperatingHours] = (0, _react.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.defaultOutOfOfficeHeaderStyleProps, outOfOfficeHeaderProps === null || outOfOfficeHeaderProps === void 0 ? void 0 : outOfOfficeHeaderProps.styleProps);
-  const conversationState = (0, _react.useRef)(state.appStates.conversationState);
-  const conversationEndedBy = (0, _react.useRef)(state.appStates.conversationEndedBy);
+
+  // For some reason state object is not getting updated values in this component
+  const localConfirmationPaneState = (0, _react.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,
@@ -51,7 +52,7 @@ const HeaderStateful = props => {
         Event: _TelemetryConstants.TelemetryEvent.HeaderCloseButtonClicked,
         Description: "Header Close button clicked."
       });
-      if (conversationState.current === _ConversationState.ConversationState.Active || conversationEndedBy.current === _ConversationEndEntity.ConversationEndEntity.Agent) {
+      if (localConfirmationPaneState.current !== _Constants.ConfirmationState.Ok) {
         dispatch({
           type: _LiveChatWidgetActionType.LiveChatWidgetActionType.SET_SHOW_CONFIRMATION,
           payload: true
@@ -71,9 +72,9 @@ const HeaderStateful = props => {
       }
     },
     ...(headerProps === null || headerProps === void 0 ? void 0 : headerProps.controlProps),
-    hideTitle: state.appStates.conversationState === _ConversationState.ConversationState.Loading && !state.appStates.isStartChatFailing || state.appStates.conversationState === _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.ConversationState.Loading && !state.appStates.isStartChatFailing || state.appStates.conversationState === _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.ConversationState.Loading && !state.appStates.isStartChatFailing || state.appStates.conversationState === _ConversationState.ConversationState.PostchatLoading || state.appStates.conversationState === _ConversationState.ConversationState.Prechat || state.appStates.conversationState === _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.ConversationState.Loading && !state.appStates.startChatFailed || state.appStates.conversationState === _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.ConversationState.Loading && !state.appStates.startChatFailed || state.appStates.conversationState === _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.ConversationState.Loading && !state.appStates.startChatFailed || state.appStates.conversationState === _ConversationState.ConversationState.PostchatLoading || state.appStates.conversationState === _ConversationState.ConversationState.Prechat || state.appStates.conversationState === _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",
@@ -94,11 +95,11 @@ 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]);
+  }, []);
+  (0, _react.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.default.createElement(_omnichannelChatComponents.Header, {
     componentOverrides: headerProps === null || headerProps === void 0 ? void 0 : headerProps.componentOverrides,
     controlProps: outOfOperatingHours || state.appStates.conversationState === _ConversationState.ConversationState.OutOfOffice ? outOfOfficeControlProps : controlProps,

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

@@ -9,6 +9,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); }
 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/cjs/components/livechatwidget/common/ActivitySubscriber/PauseActivitySubscriber.js

@@ -10,6 +10,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); }
 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/cjs/components/livechatwidget/common/Deferred.js

@@ -16,9 +16,11 @@ 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);
     });
@@ -27,9 +29,6 @@ class Deferred {
       this._reject = reject;
     });
   }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
   get promise() {
     return this._promise;
   }

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

@@ -1791,9 +1791,11 @@ const dummyDefaultProps = {
     adaptiveCardStyles: {
       background: "white",
       color: "black"
-    }
+    },
+    hyperlinkTextOverride: false
   },
   telemetryConfig: undefined,
-  getAuthToken: undefined
+  getAuthToken: undefined,
+  initialCustomContext: undefined
 };
 exports.dummyDefaultProps = dummyDefaultProps;