@microsoft/omnichannel-chat-widget 0.1.0-main.a72fbb6 → 0.1.0-main.a7b2241

package/README.md

@@ -11,8 +11,6 @@
 1. [Installation](#installation)
 1. [Example Usage](#example-usage)
 1. [Components](#components)
-1. [Common Scenarios](#common-scenarios)
-    - [Disable Bot Magic Code](#disable-bot-magic-code)
 1. [See Also](#see-also)
 
 ## Introduction
@@ -97,7 +95,9 @@ const render = async () => {
 render();
 ```
 
-A sample widget can be found in this repo [here](https://github.com/microsoft/omnichannel-chat-widget/tree/main/chat-widget/sample). To build it, do ```yarn build-sample``` or ```yarn build-sample:dev``` from project root.
+A javascript sample widget can be found in this repo [here](https://github.com/microsoft/omnichannel-chat-widget/tree/main/chat-widget/samples/javascript-sample). To build it, do ```yarn build-sample``` or ```yarn build-sample:dev``` from project root. 
+
+A typescript sample widget can be found [here](https://github.com/microsoft/omnichannel-chat-widget/tree/main/chat-widget/samples/typescript-sample)
 
 ## Components
 
@@ -129,6 +129,7 @@ These are components that are included in the ```@microsoft/omnichannel-chat-com
 | ----- | -------- | ----- |
 | WebChatContainer | The default wrapper around BotFramework's [WebChat](https://github.com/microsoft/BotFramework-WebChat), which is the message container we are using | [IWebChatContainerStatefulProps](https://github.com/microsoft/omnichannel-chat-widget/blob/main/chat-widget/src/components/webchatcontainerstateful/interfaces/IWebChatContainerStatefulProps.ts) |
 | LiveChatWidget | The default widget that stitches the UI components with Chat SDK | [ILiveChatWidgetProps](https://github.com/microsoft/omnichannel-chat-widget/blob/main/chat-widget/src/components/livechatwidget/interfaces/ILiveChatWidgetProps.ts) |
+| PostChatLoadingPane | The default loading pane used after the chat is ended and before the post chat pane loads completely | [ILoadingPaneProps](https://github.com/microsoft/omnichannel-chat-widget/blob/main/chat-components/src/components/loadingpane/interfaces/ILoadingPaneProps.ts) |
 
 Some of the interfaces listed in the Stateless table have Stateful counterparts defined in the ```@microsoft/omnichannel-chat-widget``` package. For example, [IConfirmationPaneStatefulProps](https://github.com/microsoft/omnichannel-chat-widget/blob/main/chat-widget/src/components/confirmationpanestateful/interfaces/IConfirmationPaneStatefulProps.ts) extends [IConfirmationPaneProps](https://github.com/microsoft/omnichannel-chat-widget/blob/main/chat-components/src/components/confirmationpane/interfaces/IConfirmationPaneProps.ts) with additional attributes that only makes sense in the stateful context.
 
@@ -220,40 +221,12 @@ const customizedFooterProp: IFooterProps = {
 
 > :pushpin: Note that [WebChat hooks](https://github.com/microsoft/BotFramework-WebChat/blob/main/docs/HOOKS.md) can also be used in any custom components.
 
-## Common Scenarios
-
-### Disable Bot Magic Code
-
-Configuration to disable the default behaviour of having to type the magic code in the conversation to complete the sign-in proccess with a bot. Instead, the magic code will be sent to the bot behind the scenes.
-
-1. Add [MagicCodeForwarder.html](sample/MagicCodeForwarder.html) in the same location as the chat widget
-
-2. Add `botMagicCode` configuration to disable default magic code feature
-
-> :exclamation: `fwdUrl` **MUST** have the same `origin` as the chat widget URL
-
-```js
-const liveChatWidgetProps = {
-    chatSDK: chatSDK, // mandatory
-    chatConfig: chatConfig, // mandatory
-    webChatContainerProps: {
-        botMagicCode: {
-            disabled: true, 
-            fwdUrl: 'http://localhost:8000/sample/MagicCodeForwarder.html'
-        }
-    },    
-};
-
-ReactDOM.render(
-    <LiveChatWidget {...liveChatWidgetProps}/>,
-    document.getElementById("my-container")
-);
-```
-
 ## See Also
 
 [Telemetry](https://github.com/microsoft/omnichannel-chat-widget/blob/main/docs/Telemetry.md)\
 [Create LCW widget with Webpack5 and TypeScript](https://github.com/microsoft/omnichannel-chat-widget/blob/main/docs/BuildingUsingWebpack5.md)\
 [Omnichannel Features](https://github.com/microsoft/omnichannel-chat-widget/blob/main/docs/Features.md)\
 [How to Add Visual Regression Tests](https://github.com/microsoft/omnichannel-chat-widget/blob/main/docs/VisualRegressionTestingGuide.md)\
-[Security](https://github.com/microsoft/omnichannel-chat-widget/blob/main/SECURITY.md)
+[Security](https://github.com/microsoft/omnichannel-chat-widget/blob/main/SECURITY.md)\
+[Third Party Cookie Support](https://github.com/microsoft/omnichannel-chat-widget/blob/main/docs/Tpc.md)\
+[Storybook](https://microsoft.github.io/omnichannel-chat-widget/docs/storybook/)

package/lib/cjs/assets/Icons.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WordIcon = exports.VisioIcon = exports.VideoIcon = exports.PowerpointIcon = exports.PDFIcon = exports.OneNoteIcon = exports.ImageIcon = exports.ExcelIcon = exports.BlankIcon = exports.AudioIcon = exports.ArchiveIcon = void 0;
+exports.WordIcon = exports.VisioIcon = exports.VideoIcon = exports.PowerpointIcon = exports.PDFIcon = exports.OneNoteIcon = exports.ImageIcon = exports.ExcelIcon = exports.BlankIcon = exports.AudioIcon = exports.ArchiveIcon = exports.AlertIcon = void 0;
 const ArchiveIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQ4IDIwNDgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEycHgiPg0KPHBhdGggZD0iTTE3OTIgMHEyNyAwIDUwIDEwdDQwIDI3IDI4IDQxIDEwIDUwdjQ4MHEwIDQ1LTkgNzd0LTI0IDU4LTMxIDQ2LTMxIDQwLTIzIDQ0LTEwIDU1djk5MnEwIDI3LTEwIDUwdC0yNyA0MC00MSAyOC01MCAxMEgyNTZWMGgxNTM2ek02NDAgMTI4djM4NGgyNTZWMTI4SDY0MHptMTAyNCA4MDBxMC0zMS05LTU0dC0yNC00NC0zMS00MS0zMS00NS0yMy01OC0xMC03OFYxMjhoLTUxMnY1MTJINzY4djEyOEg2NDBWNjQwSDUxMlYxMjhIMzg0djE3OTJoMzg0di0xMjhoMTI4djEyOGg3NjhWOTI4em0xMjgtODAwaC0xMjh2NDgwcTAgMjQgNCA0MnQxMyAzMyAyMCAyOSAyNyAzMnExNS0xNyAyNi0zMXQyMC0zMCAxMy0zMyA1LTQyVjEyOHpNNjQwIDg5NmgxMjh2MTI4SDY0MFY4OTZ6bTAgMjU2aDEyOHYxMjhINjQwdi0xMjh6bTAgMjU2aDEyOHYxMjhINjQwdi0xMjh6bTEyOCAyNTZ2MTI4SDY0MHYtMTI4aDEyOHptMC03NjhWNzY4aDEyOHYxMjhINzY4em0wIDI1NnYtMTI4aDEyOHYxMjhINzY4em0wIDI1NnYtMTI4aDEyOHYxMjhINzY4em0wIDI1NnYtMTI4aDEyOHYxMjhINzY4eiIgLz4NCjwvc3ZnPg==";
 exports.ArchiveIcon = ArchiveIcon;
 const AudioIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0xNzkyIDE0MDhxMCA2Mi0yOSAxMDl0LTc2IDgwLTEwNCA1MC0xMTEgMTdxLTU0IDAtMTExLTE3dC0xMDMtNDktNzYtODAtMzAtMTEwcTAtNjEgMjktMTA5dDc2LTgwIDEwNC01MCAxMTEtMTdxNTEgMCAxMDAgMTJ0OTIgMzlWMjI2TDc2OCA0NTB2MTIxNHEwIDYyLTI5IDEwOXQtNzYgODAtMTA0IDUwLTExMSAxN3EtNTQgMC0xMTEtMTd0LTEwMy00OS03Ni04MC0zMC0xMTBxMC02MSAyOS0xMDl0NzYtODAgMTA0LTUwIDExMS0xN3E1MSAwIDEwMCAxMnQ5MiAzOVYzNTBMMTc5MiA2MnYxMzQ2eiIgLz4NCjwvc3ZnPg==";
@@ -25,4 +25,6 @@ exports.VideoIcon = VideoIcon;
 const VisioIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0yMDQ4IDQ3NXYxNDQ1cTAgMjctMTAgNTB0LTI3IDQwLTQxIDI4LTUwIDEwSDY0MHEtMjcgMC01MC0xMHQtNDAtMjctMjgtNDEtMTAtNTB2LTI1NkgxMTVxLTI0IDAtNDQtOXQtMzctMjUtMjUtMzYtOS00NVY2MjdxMC0yNCA5LTQ0dDI1LTM3IDM2LTI1IDQ1LTloMzk3VjEyOHEwLTI3IDEwLTUwdDI3LTQwIDQxLTI4IDUwLTEwaDkzM3EyNiAwIDQ5IDl0NDIgMjhsMzQ3IDM0N3ExOCAxOCAyNyA0MXQxMCA1MHptLTM4NC0yNTZ2MTY1aDE2NWwtMTY1LTE2NXpNNDkzIDE0MjRoMTYzbDI1NS02NzJINzQ1bC0xNDcgNDI3cS01IDE2LTEwIDMxdC0xMSAzMXEtNDEtMTIzLTgyLTI0NHQtODQtMjQ1SDI0MWwyNDggNjYyIDQgMTB6bTE0NyA0OTZoMTI4MFY1MTJoLTI1NnEtMjcgMC01MC0xMHQtNDAtMjctMjgtNDEtMTAtNTBWMTI4SDY0MHYzODRoMzk3cTI0IDAgNDQgOXQzNyAyNSAyNSAzNiA5IDQ1djkyMnEwIDI0LTkgNDR0LTI1IDM3LTM2IDI1LTQ1IDlINjQwdjI1NnptOTYwLTEyODBsMTkyIDE5Mi0xMjggMTI4djQ0OGgtMjU2djEyOGgtMTI4di0zODRoMTI4djEyOGgxMjhWOTYwbC0xMjgtMTI4IDE5Mi0xOTJ6IiAvPg0KPC9zdmc+";
 exports.VisioIcon = VisioIcon;
 const WordIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgdmlld0JveD0iMCAwIDIwNDggMjA0OCINCiAgICB3aWR0aD0iMTJweCINCiAgICBoZWlnaHQ9IjEycHgiPg0KICAgIDxwYXRoIGQ9Ik0yMDQ4IDQ3NXYxNDQ1cTAgMjctMTAgNTB0LTI3IDQwLTQxIDI4LTUwIDEwSDY0MHEtMjcgMC01MC0xMHQtNDAtMjctMjgtNDEtMTAtNTB2LTI1NkgxMTVxLTI0IDAtNDQtOXQtMzctMjUtMjUtMzYtOS00NVY2MjdxMC0yNCA5LTQ0dDI1LTM3IDM2LTI1IDQ1LTloMzk3VjEyOHEwLTI3IDEwLTUwdDI3LTQwIDQxLTI4IDUwLTEwaDkzM3EyNiAwIDQ5IDl0NDIgMjhsMzQ3IDM0N3ExOCAxOCAyNyA0MXQxMCA1MHptLTM4NC0yNTZ2MTY1aDE2NWwtMTY1LTE2NXpNMzIwIDE0MjRoMTYxcTItOCA5LTQzdDE4LTgzIDIxLTEwMyAyMi0xMDEgMTYtNzYgOC0zMWw3IDMwcTcgMzAgMTcgNzd0MjMgMTAwIDIzIDEwMyAxOSA4NCAxMCA0M2gxNjBsMTQ4LTY3Mkg4MzRsLTgwIDQzOC0xMDAtNDM4SDUwMmwtOTYgNDQwLTg2LTQ0MEgxNzBsMTUwIDY3MnptMzIwIDQ5NmgxMjgwVjUxMmgtMjU2cS0yNyAwLTUwLTEwdC00MC0yNy0yOC00MS0xMC01MFYxMjhINjQwdjM4NGgzOTdxMjQgMCA0NCA5dDM3IDI1IDI1IDM2IDkgNDV2OTIycTAgMjQtOSA0NHQtMjUgMzctMzYgMjUtNDUgOUg2NDB2MjU2em02NDAtMTAyNFY3NjhoNTEydjEyOGgtNTEyem0wIDI1NnYtMTI4aDUxMnYxMjhoLTUxMnptMCAyNTZ2LTEyOGg1MTJ2MTI4aC01MTJ6IiAvPg0KPC9zdmc+";
-exports.WordIcon = WordIcon;
+exports.WordIcon = WordIcon;
+const AlertIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTEzLDE3aC0ydi0yaDJWMTd6IE0xMywxM2gtMlY3aDJWMTN6Ii8+PGc+PHBhdGggZD0iTTEyLDRjNC40LDAsOCwzLjYsOCw4cy0zLjYsOC04LDhzLTgtMy42LTgtOFM3LjYsNCwxMiw0IE0xMiwyQzYuNSwyLDIsNi41LDIsMTJjMCw1LjUsNC41LDEwLDEwLDEwczEwLTQuNSwxMC0xMCAgIEMyMiw2LjUsMTcuNSwyLDEyLDJMMTIsMnoiLz48L2c+PC9zdmc+";
+exports.AlertIcon = AlertIcon;

package/lib/cjs/common/Constants.js

@@ -3,349 +3,204 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WebChatMiddlewareConstants = exports.TranscriptConstants = exports.Regex = exports.MimeTypes = exports.LocaleConstants = exports.HtmlIdNames = exports.HtmlElementSelectors = exports.HtmlClassNames = exports.HtmlAttributeNames = exports.EnvironmentVersion = exports.ElementType = exports.Constants = exports.ChatSDKError = exports.AriaTelemetryConstants = void 0;
-
+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 = void 0;
 var _class;
-
-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); }
 class Constants {}
-
 exports.Constants = Constants;
-
 _defineProperty(Constants, "magicCodeBroadcastChannel", "MagicCodeChannel");
-
 _defineProperty(Constants, "magicCodeResponseBroadcastChannel", "MagicCodeResponseChannel");
-
 _defineProperty(Constants, "systemMessageTag", "system");
-
 _defineProperty(Constants, "userMessageTag", "user");
-
 _defineProperty(Constants, "historyMessageTag", "history");
-
 _defineProperty(Constants, "agentEndConversationMessageTag", "agentendconversation");
-
 _defineProperty(Constants, "supervisorForceCloseMessageTag", "supervisorforceclosedconversation");
-
 _defineProperty(Constants, "receivedMessageClassName", "ms_lcw_webchat_received_message");
-
 _defineProperty(Constants, "sentMessageClassName", "ms_lcw_webchat_sent_message");
-
 _defineProperty(Constants, "webchatChannelId", "webchat");
-
 _defineProperty(Constants, "markdown", "markdown");
-
 _defineProperty(Constants, "actionType", "actionType");
-
 _defineProperty(Constants, "String", "string");
-
 _defineProperty(Constants, "ChatMessagesJson", "chatMessagesJson");
-
 _defineProperty(Constants, "truePascal", "True");
-
 _defineProperty(Constants, "true", "true");
-
 _defineProperty(Constants, "false", "false");
-
 _defineProperty(Constants, "maximumUnreadMessageCount", 99);
-
 _defineProperty(Constants, "channelIdKey", "ChannelId-");
-
 _defineProperty(Constants, "ChannelId", "lcw");
-
 _defineProperty(Constants, "CustomerTag", "FromCustomer");
-
 _defineProperty(Constants, "GifContentType", "image/gif");
-
 _defineProperty(Constants, "video", "video");
-
 _defineProperty(Constants, "audio", "audio");
-
 _defineProperty(Constants, "controlsList", "controlsList");
-
 _defineProperty(Constants, "nodownload", "nodownload");
-
 _defineProperty(Constants, "activity", "activity");
-
 _defineProperty(Constants, "payload", "payload");
-
 _defineProperty(Constants, "text", "text");
-
 _defineProperty(Constants, "blank", "_blank");
-
 _defineProperty(Constants, "visitorIdPrefix", "8:");
-
 _defineProperty(Constants, "left", "left");
-
 _defineProperty(Constants, "queuePositionMessageTag", "queueposition");
-
 _defineProperty(Constants, "averageWaitTimeMessageTag", "averagewaittime");
-
 _defineProperty(Constants, "message", "message");
-
 _defineProperty(Constants, "hiddenTag", "Hidden");
-
 _defineProperty(Constants, "prefixTimestampTag", "ServerMessageTimestamp_");
-
 _defineProperty(Constants, "acsChannel", "ACS_CHANNEL");
-
 _defineProperty(Constants, "publicMessageTag", "public");
-
 _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)$/i);
-
-_defineProperty(Constants, "audioMediaRegex", /(\.)(aac|aiff|alac|flac|mp2|mp3|pcm|wav|wma)$/i);
-
+_defineProperty(Constants, "imageRegex", /(\.)(jpeg|jpg|jiff|png|gif|bmp|webp)$/i);
+_defineProperty(Constants, "audioMediaRegex", /(\.)(aac|aiff|alac|amr|flac|mp2|mp3|pcm|wav|wma)$/i);
 _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);
-
 _defineProperty(Constants, "CallAdded", "callAdded");
-
 _defineProperty(Constants, "LocalVideoStreamAdded", "localVideoStreamAdded");
-
 _defineProperty(Constants, "LocalVideoStreamRemoved", "localVideoStreamRemoved");
-
 _defineProperty(Constants, "RemoteVideoStreamAdded", "remoteVideoStreamAdded");
-
 _defineProperty(Constants, "RemoteVideoStreamRemoved", "remoteVideoStreamRemoved");
-
 _defineProperty(Constants, "CallDisconnected", "callDisconnected");
-
 _defineProperty(Constants, "IncomingCallEnded", "incomingCallEnded");
-
 _defineProperty(Constants, "VoiceVideoInitialize", "voiceVideoInitialize");
-
 _defineProperty(Constants, "VoiceVideoInitializeException", "voiceVideoInitializeOnException");
-
 _defineProperty(Constants, "VoiceVideoLoading", "voiceVideoLoading");
-
 _defineProperty(Constants, "VoiceVideoNotLoaded", "voiceVideoNotLoaded");
-
 _defineProperty(Constants, "VoiceVideoLoadingException", "voiceVideoLoadingOnException");
-
 _defineProperty(Constants, "VoiceVideoAcceptCallException", "voiceVideoAcceptCallOnException");
-
 _defineProperty(Constants, "VoiceVideoAcceptCallWithVideoException", "voiceVideoAcceptCallWithVideoException");
-
 _defineProperty(Constants, "defaultDownloadTranscriptError", "Download transcript failed.");
-
 _defineProperty(Constants, "ProactiveChatInviteTimeoutInMs", 60000);
-
 _defineProperty(Constants, "InputSubmit", "InputSubmit");
-
 _defineProperty(Constants, "ReconnectIdAttributeName", "oc.reconnectid");
-
 _defineProperty(Constants, "LiveChatWidget", "LiveChatWidgetNew");
-
 _defineProperty(Constants, "GuidPattern", "xx-x-4m-ym-xxx");
-
 _defineProperty(Constants, "Default", "default");
-
 _defineProperty(Constants, "Zero", "zero");
-
 _defineProperty(Constants, "Title", "title");
-
 _defineProperty(Constants, "Target", "target");
-
 _defineProperty(Constants, "Blank", "_blank");
-
 _defineProperty(Constants, "TargetRelationship", "rel");
-
 _defineProperty(Constants, "TargetRelationshipAttributes", "noopener noreferrer");
-
 _defineProperty(Constants, "OpenLinkIconCssClass", "webchat__markdown__external-link-icon");
-
 _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);
 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;
-
 class HtmlIdNames {}
-
 exports.HtmlIdNames = HtmlIdNames;
-
 _defineProperty(HtmlIdNames, "MSLiveChatWidget", "MSLiveChatWidget");
-
 class HtmlClassNames {}
-
 exports.HtmlClassNames = HtmlClassNames;
-
 _defineProperty(HtmlClassNames, "webChatBannerCloseButton", "webchat__toast__dismissButton");
-
 _defineProperty(HtmlClassNames, "webChatBannerExpandButton", "webchat__toaster__expandIcon");
-
 class HtmlElementSelectors {}
-
 exports.HtmlElementSelectors = HtmlElementSelectors;
-
 _defineProperty(HtmlElementSelectors, "sendBoxSelector", "textarea[data-id=\"webchat-sendbox-input\"]");
-
 class HtmlAttributeNames {}
-
 exports.HtmlAttributeNames = HtmlAttributeNames;
-
 _defineProperty(HtmlAttributeNames, "role", "role");
-
 _defineProperty(HtmlAttributeNames, "navigation", "navigation");
-
 _defineProperty(HtmlAttributeNames, "ariaLabel", "aria-label");
-
 _defineProperty(HtmlAttributeNames, "ariaLive", "aria-live");
-
 _defineProperty(HtmlAttributeNames, "ariaDisabled", "aria-disabled");
-
 _defineProperty(HtmlAttributeNames, "form", "form");
-
 _defineProperty(HtmlAttributeNames, "ariaLabelledby", "aria-labelledby");
-
 _defineProperty(HtmlAttributeNames, "tabindex", "tabindex");
-
 _defineProperty(HtmlAttributeNames, "ariaRequired", "aria-required");
-
 _defineProperty(HtmlAttributeNames, "ariaDesribedby", "aria-describedby");
-
 _defineProperty(HtmlAttributeNames, "ariaHidden", "aria-hidden");
-
 _defineProperty(HtmlAttributeNames, "disabled", "disabled");
-
 _defineProperty(HtmlAttributeNames, "hidden", "hidden");
-
 _defineProperty(HtmlAttributeNames, "download", "download");
-
 _defineProperty(HtmlAttributeNames, "href", "href");
-
 _defineProperty(HtmlAttributeNames, "region", "region");
-
 _defineProperty(HtmlAttributeNames, "button", "button");
-
 _defineProperty(HtmlAttributeNames, "input", "Input");
-
 _defineProperty(HtmlAttributeNames, "style", "style");
-
 _defineProperty(HtmlAttributeNames, "head", "head");
-
 _defineProperty(HtmlAttributeNames, "type", "type");
-
 _defineProperty(HtmlAttributeNames, "csstext", "text/css");
-
 _defineProperty(HtmlAttributeNames, "listItem", "LI");
-
 _defineProperty(HtmlAttributeNames, "unorderedList", "UL");
-
 _defineProperty(HtmlAttributeNames, "div", "div");
-
 _defineProperty(HtmlAttributeNames, "aTagName", "a");
-
 _defineProperty(HtmlAttributeNames, "noopenerTag", "noopener");
-
 _defineProperty(HtmlAttributeNames, "noreferrerTag", "noreferrer");
-
 _defineProperty(HtmlAttributeNames, "adaptiveCardClassName", "ac-adaptiveCard");
-
 _defineProperty(HtmlAttributeNames, "adaptiveCardTextBlockClassName", "ac-textBlock");
-
 _defineProperty(HtmlAttributeNames, "adaptiveCardToggleInputClassName", "ac-toggleInput");
-
+_defineProperty(HtmlAttributeNames, "adaptiveCardActionSetClassName", "ac-actionSet");
 class WebChatMiddlewareConstants {}
-
 exports.WebChatMiddlewareConstants = WebChatMiddlewareConstants;
-
 _defineProperty(WebChatMiddlewareConstants, "nextVisibleActivity", "nextVisibleActivity");
-
 _defineProperty(WebChatMiddlewareConstants, "timeBetweenTimestampGroups", 300000);
-
 _defineProperty(WebChatMiddlewareConstants, "maxTextLength", 6000);
-
 _defineProperty(WebChatMiddlewareConstants, "adaptiveCard", "AdaptiveCard");
-
 class MimeTypes {}
-
 exports.MimeTypes = MimeTypes;
-
 _defineProperty(MimeTypes, "UnknownFileType", "application/octet-stream");
-
 class LocaleConstants {}
-
 exports.LocaleConstants = LocaleConstants;
-
 _defineProperty(LocaleConstants, "RTL_LOCALES", ["1025", "1037"]);
-
 let ElementType;
 exports.ElementType = ElementType;
-
 (function (ElementType) {
   ElementType["CallingContainerSDK"] = "CallingContainerSDK";
 })(ElementType || (exports.ElementType = ElementType = {}));
-
 let ChatSDKError;
 exports.ChatSDKError = ChatSDKError;
-
 (function (ChatSDKError) {
   ChatSDKError["WidgetUseOutsideOperatingHour"] = "WidgetUseOutsideOperatingHour";
 })(ChatSDKError || (exports.ChatSDKError = ChatSDKError = {}));
-
 let EnvironmentVersion;
 exports.EnvironmentVersion = EnvironmentVersion;
-
 (function (EnvironmentVersion) {
   EnvironmentVersion["prod"] = "prod";
   EnvironmentVersion["dogfood"] = "df";
   EnvironmentVersion["int"] = "int";
   EnvironmentVersion["test"] = "test";
 })(EnvironmentVersion || (exports.EnvironmentVersion = EnvironmentVersion = {}));
-
+let E2VVOptions;
+exports.E2VVOptions = E2VVOptions;
+(function (E2VVOptions) {
+  E2VVOptions["NoCalling"] = "192350000";
+  E2VVOptions["VideoAndVoiceCalling"] = "192350001";
+  E2VVOptions["VoiceOnly"] = "192350002";
+})(E2VVOptions || (exports.E2VVOptions = E2VVOptions = {}));
+let LiveWorkItemState;
+exports.LiveWorkItemState = LiveWorkItemState;
+(function (LiveWorkItemState) {
+  LiveWorkItemState["Active"] = "Active";
+  LiveWorkItemState["Closed"] = "Closed";
+  LiveWorkItemState["Open"] = "Open";
+  LiveWorkItemState["Waiting"] = "Waiting";
+  LiveWorkItemState["WrapUp"] = "WrapUp";
+})(LiveWorkItemState || (exports.LiveWorkItemState = LiveWorkItemState = {}));
 class TranscriptConstants {}
-
 exports.TranscriptConstants = TranscriptConstants;
-
 _defineProperty(TranscriptConstants, "ChatTranscriptsBodyColor", "#F5F5F5");
-
 _defineProperty(TranscriptConstants, "TranscriptMessageEmojiMessageType", "http://schema.skype.com/emoji");
-
 _defineProperty(TranscriptConstants, "ChatTranscriptDownloadFile", "ChatTranscripts.html");
-
 _defineProperty(TranscriptConstants, "DefaultFileAttachmentName", "Untitled.txt");
-
 _defineProperty(TranscriptConstants, "CustomerDialogColor", "#E8E8E8");
-
 _defineProperty(TranscriptConstants, "CustomerFontColor", "black");
-
 _defineProperty(TranscriptConstants, "AdaptiveCardType", "adaptivecard");
-
 _defineProperty(TranscriptConstants, "InternalMode", "internal");
-
 _defineProperty(TranscriptConstants, "AgentDialogColor", "#2266E3");
-
 _defineProperty(TranscriptConstants, "AgentFontColor", "white");
-
 class AriaTelemetryConstants {}
-
 exports.AriaTelemetryConstants = AriaTelemetryConstants;
-
 _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/");
-
 _defineProperty(AriaTelemetryConstants, "MOONCAKE_ENDPOINT", "");
-
 _defineProperty(AriaTelemetryConstants, "Public", "Public");
-
 _defineProperty(AriaTelemetryConstants, "EU", "Europe");
-
 _defineProperty(AriaTelemetryConstants, "lcwEUDomainNames", ["crm4.omnichannelengagementhub.com", "crm12.omnichannelengagementhub.com", "crm16.omnichannelengagementhub.com", "crm17.omnichannelengagementhub.com", "crm19.omnichannelengagementhub.com"]);

package/lib/cjs/common/KeyCodes.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.KeyCodes = void 0;
-
 var _class;
-
-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); }
 const KeyCodes = (_class = class KeyCodes {}, _defineProperty(_class, "ENTER", "Enter"), _defineProperty(_class, "TAB", "Tab"), _class);
 exports.KeyCodes = KeyCodes;

package/lib/cjs/common/contextDataStore/DataStoreManager.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DataStoreManager = void 0;
-
-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); }
 class DataStoreManager {}
-
 exports.DataStoreManager = DataStoreManager;
-
 _defineProperty(DataStoreManager, "clientDataStore", void 0);

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.registerBroadcastServiceForLocalStorage = 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 {}
+exports.defaultCacheManager = defaultCacheManager;
+_defineProperty(defaultCacheManager, "InternalCache", {});
+const registerBroadcastServiceForLocalStorage = (orgid, widgetId, widgetInstanceId, ttlInMins) => {
+  const widgetCacheId = (0, _utils.getWidgetCacheId)(orgid, widgetId, widgetInstanceId);
+  _omnichannelChatComponents.BroadcastService.getMessageByEventName(widgetCacheId).subscribe(msg => {
+    try {
+      (0, _defaultClientDataStoreProvider.defaultClientDataStoreProvider)(ttlInMins).setData(widgetCacheId, JSON.stringify(msg.payload), "localStorage");
+    } catch (error) {
+      console.error("Error in setting data to localstorage", error);
+    }
+  });
+};
+exports.registerBroadcastServiceForLocalStorage = registerBroadcastServiceForLocalStorage;

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

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultClientDataStoreProvider = void 0;
+var _TelemetryConstants = require("../../telemetry/TelemetryConstants");
+var _TelemetryHelper = require("../../telemetry/TelemetryHelper");
+var _defaultInMemoryDataStore = require("./defaultInMemoryDataStore");
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+const defaultClientDataStoreProvider = function () {
+  let cacheTtlinMins = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  let ttlInMs = 0;
+  const isCookieAllowed = () => {
+    try {
+      localStorage;
+      sessionStorage;
+      return true;
+    } catch (error) {
+      if (!window.TPCWarningShown) {
+        console.warn("Third party cookies blocked.");
+        window.TPCWarningShown = true;
+      }
+      return false;
+    }
+  };
+  if (ttlInMs == 0) {
+    ttlInMs = cacheTtlinMins * 60 * 1000;
+  }
+  const dataStoreProvider = {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    setData: (key, data, type) => {
+      if (isCookieAllowed()) {
+        try {
+          if (key) {
+            const now = new Date();
+            const item = {
+              data: data,
+              expiry: now.getTime() + ttlInMs
+            };
+            const strItem = JSON.stringify(item);
+            if (type === "localStorage") {
+              localStorage.setItem(key, strItem);
+            } else {
+              sessionStorage.setItem(key, strItem);
+            }
+          }
+        } catch (error) {
+          _TelemetryHelper.TelemetryHelper.logConfigDataEvent(_TelemetryConstants.LogLevel.ERROR, {
+            Event: _TelemetryConstants.TelemetryEvent.ClientDataStoreProviderFailed,
+            ExceptionDetails: error,
+            Description: "Unable to store data in localStorage."
+          });
+        }
+      } else {
+        const dataToCache = {
+          key: key,
+          data: data,
+          type: type
+        };
+        parent.postMessage(dataToCache, "*");
+      }
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getData: (key, type) => {
+      if (isCookieAllowed()) {
+        let item;
+        if (type === "localStorage") {
+          item = localStorage.getItem(key);
+        } else {
+          item = sessionStorage.getItem(key);
+        }
+        //Return item if not expired
+        let itemInJson = undefined;
+        if (item !== null) {
+          itemInJson = JSON.parse(item);
+          const now = new Date();
+          // compare the expiry time of the item with the current time
+          if (now.getTime() > itemInJson.expiry) {
+            // If the item is expired, delete the item from storage
+            // and return null
+            localStorage.removeItem(key);
+            return null;
+          }
+          return itemInJson.data;
+        }
+      } else {
+        // get data from in memory db when cookie is disabled
+        return (0, _defaultInMemoryDataStore.inMemoryDataStore)().getData(key);
+      }
+    },
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    removeData: (key, type) => {
+      if (isCookieAllowed()) {
+        if (key) {
+          if (type === "localStorage") {
+            return localStorage.removeItem(key);
+          } else {
+            return sessionStorage.removeItem(key);
+          }
+        }
+      } else {
+        // get data from in memory db when cookie is disabled
+        return (0, _defaultInMemoryDataStore.inMemoryDataStore)().removeData(key);
+      }
+    }
+  };
+  return dataStoreProvider;
+};
+exports.defaultClientDataStoreProvider = defaultClientDataStoreProvider;