@microsoft/omnichannel-chat-sdk 1.0.1-main.6b8a4cf → 1.0.1-main.7615829

package/CHANGELOG.md

@@ -4,12 +4,22 @@ All notable changes to this project will be documented in this file.
 ## [Unreleased]
 
 ### Added
-- Add Post Chat Survey Support
-- Add `getPostChatSurveyContext` & `initializePostChatRenderer` and `renderPostChatSurvey` API methods
-- Add `GetPostChatSurveyContext`, `RenderPostChatSurvey`, and `InitializePostChatRenderer` telemetry events
+- Add `getPostChatSurveyContext` API method
+- Add `GetPostChatSurveyContext` telemetry event
+- Add `widgetId` & `clientMessageId` as metadata on sending message
+- Update `ChatConfig` interface with `LiveChatVersion`, `allowedFileExtensions` & `maxUploadFileSize` properties
+- Add ability to automatically detect locale from chat config
+- Add `runtimeId` attribute in `OmnichannelChatSDK` & `ChatSDKRuntimeId` field in telemetry
+
+### Fix
+- Add `acs_webchat-chat-adapter` middlewares to format `channelData.tags`
+- Skip `session init` call on existing conversation
+- Fix `chat reconnect` not ending the conversation on calling `ChatSDK.endChat()`
 
 ### Changed
 - README: added examples on usages of the post chat APIs.
+- Uptake [@azure/communication-chat@1.1.1](https://www.npmjs.com/package/@azure/communication-chat/v/1.1.1)
+- Uptake [acs_webchat-chat-adapter@0.0.35-beta.2](https://unpkg.com/acs_webchat-chat-adapter@0.0.35-beta.2/dist/chat-adapter.js)
 
 ## [1.0.0] - 2021-10-08
 ### Added

package/README.md

@@ -14,7 +14,7 @@ Please make sure you have a chat widget configured before using this package or
 - [Installation on React Native](#installation-on-react-native)
 - [API Reference](#api-reference)
 - [API Examples](#api-examples)
-- [Sample Apps](samples/)
+- [Sample Apps](https://github.com/microsoft/omnichannel-chat-sdk-samples)
 - [Common Scenarios](#common-scenarios)
 - [Feature Comparisons](#feature-comparisons)
 - [Telemetry](#telemetry)
@@ -35,14 +35,12 @@ Omnichannel offers an live chat widget (LCW) by default. You can use the Chat SD
 | Bring Your Own Widget | ❌ | ✔ | |
 | Web Support | ✔ | ✔ |
 | React Native Support | ❌ | ✔ |
-| Escalation to Voice & Video | ✔ | Web Only |
-| Co-browse | ✔ | Web Only |
-| Screen Sharing | ✔ | Web Only |
+| Escalation to Voice & Video | ✔ | ✔ | Only supported on Web |
+| Co-browse | ✔ | 3rd party add-on | Only supported on Web |
+| Screen Sharing | ✔ | 3rd party add-on | Only supported on Web |
 | Authenticated Chat | ✔ | ✔ |
 | Pre-chat Survey | ✔ | ✔ |
-| Post-chat Survey | ✔ | Web Only for In-line Render |
-| Queue Position | ✔ | ✔ |
-| Average Wait Time | ✔ | ✔ |
+| Post-chat Survey | ✔ | ✔ |
 | Download Transcript | ✔ | ✔ |
 | Email Transcript | ✔ | ✔ |
 | Data Masking | ✔ | ✔ |
@@ -52,6 +50,8 @@ Omnichannel offers an live chat widget (LCW) by default. You can use the Chat SD
 | Persistent Chat | ✔ | ✔ |
 | Chat Reconnect | ✔ | ✔ |
 | Operating Hours | ✔ | ✔ |
+| Queue Position | ✔ | ✔ | No SDK method. Handled as *system message* |
+| Average Wait Time | ✔ | ✔ | No SDK method. Handled as *system message* |
 
 **\*** BYOI: Bring Your Own Implementation
 
@@ -65,7 +65,26 @@ Omnichannel offers an live chat widget (LCW) by default. You can use the Chat SD
 
 The following steps will be required to run Omnichannel Chat SDK on React Native:
 
-1. Run `npm install node-libs-react-native --save-dev`
+1. Install `node-libs-react-native`
+    ```
+    npm install node-libs-react-native --save-dev
+    ```
+
+1. Install `react-native-randomBytes`
+    ```
+    npm install react-native-randombytes --save-dev
+    ```
+
+1. Install `react-native-get-random-values`
+    ```
+    npm install react-native-get-random-values --save-dev
+    ```
+
+1. Install `react-native-url-polyfill`
+    ```
+    npm install react-native-url-polyfill --save-dev
+    ```
+
 1. Update *metro.config.js* to use React Native compatible Node Core modules
     ```ts
     module.exports = {
@@ -80,14 +99,11 @@ The following steps will be required to run Omnichannel Chat SDK on React Native
     };
     ```
 
-1. Import 'node-libs-react-native/globals' on top of your entry point file
+1. Add following *import* on top of your entry point file
     ```ts
     import 'node-libs-react-native/globals';
-    ```
-
-1. Install `react-native-randomBytes`
-    ```
-    npm install react-native-randombytes --save-dev
+    import 'react-native-get-random-values';
+    import 'react-native-url-polyfill';
     ```
 
 ## API Reference
@@ -117,10 +133,7 @@ The following steps will be required to run Omnichannel Chat SDK on React Native
 | OmnichannelChatSDK.downloadFileAttachment() | Download file attachment | |
 | OmnichannelChatSDK.createChatAdapter() | Get IC3Adapter | **Web only** |
 | OmnichannelChatSDK.getVoiceVideoCalling() | Get VoiceVideoCall SDK for Escalation to Voice & Video | **Web only** |
-| OmnichannelChatSDK.getPostChatSurveyContext() | Get post chat survey link and locale | |
-| OmnichannelChatSDK.initializePostChatRenderer() | Load necessary scripts and styles to render the FormsPro survey | **Web only** |
-| OmnichannelChatSDK.renderPostChatSurvey() | Render the FormsPro survey | **Web only** |
-
+| OmnichannelChatSDK.getPostChatSurveyContext() | Get post chat survey link, survey locale, and whether an agent has joined the survey | |
 
 ## API examples
 
@@ -198,31 +211,18 @@ The following steps will be required to run Omnichannel Chat SDK on React Native
     const preChatSurvey = await getPreChatSurvey(parseToJSON); // Adaptive Cards payload data as string
 ```
 
-### Show PostChat Survey
-`Option 1: Directly use the survey link`
-```ts
-    try {
-        const context = await chatSDK.getPostChatSurveyContext();
-        if (context?.participantJoined) { // participantJoined will be true if an agent has joined the conversation, or a bot has joined the conversation and the bot survey flag has been turned on on the admin side.
-            const linkToSend = context.surveyInviteLink + "&lang=" + context.formsProLocale;
-            // This link is accessible and will redirect to the survey in another tab. Use it as you see fit. 
-        }
-    } catch (ex) {
-        // If the post chat should not show by any reason (e.g. post chat is not enabled), promise will be rejected.
-    }
-```
-
-`Option 2: Render the FormsPro Survey in a specified container`
+### Get PostChat Survey
 ```ts
-    await chatSDK.initializePostChatRenderer(); // This method is needed to embed FormsPro survey in the widget. It can be called anytime before actually rendering the survey for best performance of you page.
-
     try {
         const context = await chatSDK.getPostChatSurveyContext();
-        if (context?.participantJoined) {
-            await chatSDK?.renderPostChatSurvey('containerId', context); // The survey will be embedded in the element with Id "containerId"
+        if (context.participantJoined) { // participantJoined will be true if an agent has joined the conversation, or a bot has joined the conversation and the bot survey flag has been turned on on the admin side.
+            // formsProLocale is the default language you have set on the CustomerVoice portal. You can override this url parameter with any locale that CustomerVoice supports.
+            // If "&lang=" is not set on the url, the locale will be English.
+            const linkToSend = context.surveyInviteLink + "&lang=" + context.formsProLocale; 
+            // This link is accessible and will redirect to the survey page. Use it as you see fit.
         }
     } catch (ex) {
-        
+        // If the post chat should not be shown by any reason (e.g. post chat is not enabled), promise will be rejected.
     }
 ```
 

package/lib/OmnichannelChatSDK.d.ts

@@ -20,10 +20,10 @@ import LiveWorkItemDetails from "./core/LiveWorkItemDetails";
 import OmnichannelConfig from "./core/OmnichannelConfig";
 import OmnichannelMessage from "./core/messaging/OmnichannelMessage";
 import OnNewMessageOptionalParams from "./core/messaging/OnNewMessageOptionalParams";
-import PostChatContext from "./core/PostChatContext";
 import StartChatOptionalParams from "./core/StartChatOptionalParams";
 declare class OmnichannelChatSDK {
     private debug;
+    runtimeId: string;
     OCSDKProvider: unknown;
     IC3SDKProvider: unknown;
     OCClient: any;
@@ -33,6 +33,7 @@ declare class OmnichannelChatSDK {
     omnichannelConfig: OmnichannelConfig;
     chatSDKConfig: ChatSDKConfig;
     isInitialized: boolean;
+    localeId: string;
     requestId: string;
     private chatToken;
     private liveChatConfig;
@@ -83,8 +84,6 @@ declare class OmnichannelChatSDK {
     createChatAdapter(protocol?: string | null): Promise<unknown>;
     getVoiceVideoCalling(params?: any): Promise<any>;
     getPostChatSurveyContext(): Promise<any>;
-    initializePostChatRenderer(): Promise<void>;
-    renderPostChatSurvey(containerId: string, postChatContext: PostChatContext): Promise<void>;
     private getIC3Client;
     private getChatConfig;
     private resolveIC3ClientUrl;

package/lib/OmnichannelChatSDK.js

@@ -58,7 +58,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var loggers_1 = require("./utils/loggers");
 var ACSClient_1 = require("./core/messaging/ACSClient");
 var ocsdk_1 = require("@microsoft/ocsdk");
-var libraries_1 = require("./utils/libraries");
 var platform_1 = require("./utils/platform");
 var SDKConfigValidators_1 = require("./validators/SDKConfigValidators");
 var ACSParticipantDisplayName_1 = require("./core/messaging/ACSParticipantDisplayName");
@@ -66,6 +65,8 @@ var AMSFileManager_1 = require("./external/ACSAdapter/AMSFileManager");
 var CallingOptionsOptionSetNumber_1 = require("./core/CallingOptionsOptionSetNumber");
 var ChatAdapterProtocols_1 = require("./core/messaging/ChatAdapterProtocols");
 var ConversationMode_1 = require("./core/ConversationMode");
+var createFormatEgressTagsMiddleware_1 = require("./external/ACSAdapter/createFormatEgressTagsMiddleware");
+var createFormatIngressTagsMiddleware_1 = require("./external/ACSAdapter/createFormatIngressTagsMiddleware");
 var DeliveryMode_1 = require("@microsoft/omnichannel-ic3core/lib/model/DeliveryMode");
 var FileSharingProtocolType_1 = require("@microsoft/omnichannel-ic3core/lib/model/FileSharingProtocolType");
 var HostType_1 = require("@microsoft/omnichannel-ic3core/lib/interfaces/HostType");
@@ -85,6 +86,7 @@ var createVoiceVideoCalling_1 = require("./api/createVoiceVideoCalling");
 var MessageTags_1 = require("./core/messaging/MessageTags");
 var locale_1 = require("./utils/locale");
 var utilities_1 = require("./utils/utilities");
+var libraries_1 = require("./utils/libraries");
 var WebUtils_1 = require("./utils/WebUtils");
 var OmnichannelConfigValidator_1 = require("./validators/OmnichannelConfigValidator");
 var OmnichannelChatSDK = /** @class */ (function () {
@@ -107,11 +109,13 @@ var OmnichannelChatSDK = /** @class */ (function () {
         this.reconnectId = null;
         this.refreshTokenTimer = null;
         this.debug = false;
+        this.runtimeId = ocsdk_1.uuidv4();
         this.omnichannelConfig = omnichannelConfig;
         this.chatSDKConfig = __assign(__assign({}, SDKConfigValidators_1.defaultChatSDKConfig), chatSDKConfig // overrides
         );
         this.isInitialized = false;
         this.liveChatVersion = LiveChatVersion_1.default.V1;
+        this.localeId = locale_1.defaultLocaleId;
         this.requestId = ocsdk_1.uuidv4();
         this.chatToken = {};
         this.liveChatConfig = {};
@@ -129,6 +133,11 @@ var OmnichannelChatSDK = /** @class */ (function () {
         this.ocSdkLogger.useTelemetry(this.telemetry);
         this.acsClientLogger.useTelemetry(this.telemetry);
         this.acsAdapterLogger.useTelemetry(this.telemetry);
+        this.scenarioMarker.setRuntimeId(this.runtimeId);
+        this.ic3ClientLogger.setRuntimeId(this.runtimeId);
+        this.ocSdkLogger.setRuntimeId(this.runtimeId);
+        this.acsClientLogger.setRuntimeId(this.runtimeId);
+        this.acsAdapterLogger.setRuntimeId(this.runtimeId);
         OmnichannelConfigValidator_1.default(omnichannelConfig);
         SDKConfigValidators_1.default(chatSDKConfig);
         ((_a = this.chatSDKConfig.telemetry) === null || _a === void 0 ? void 0 : _a.disable) && ((_b = this.telemetry) === null || _b === void 0 ? void 0 : _b.disable());
@@ -324,7 +333,7 @@ var OmnichannelChatSDK = /** @class */ (function () {
                         };
                         throw Error(exceptionDetails.response);
                     case 4:
-                        if (!(optionalParams.liveChatContext && !this.isPersistentChat && !this.isChatReconnect)) return [3 /*break*/, 6];
+                        if (!(optionalParams.liveChatContext && !this.reconnectId)) return [3 /*break*/, 6];
                         this.chatToken = optionalParams.liveChatContext.chatToken || {};
                         this.requestId = optionalParams.liveChatContext.requestId || ocsdk_1.uuidv4();
                         return [4 /*yield*/, this.getConversationDetails()];
@@ -369,6 +378,7 @@ var OmnichannelChatSDK = /** @class */ (function () {
                         sessionInitOptionalParams = {
                             initContext: {}
                         };
+                        sessionInitOptionalParams.initContext.locale = locale_1.getLocaleStringFromId(this.localeId);
                         if (this.isPersistentChat && !((_g = this.chatSDKConfig.persistentChat) === null || _g === void 0 ? void 0 : _g.disable)) {
                             sessionInitOptionalParams.reconnectId = this.reconnectId;
                         }
@@ -400,6 +410,7 @@ var OmnichannelChatSDK = /** @class */ (function () {
                         if (this.authenticatedUserToken) {
                             sessionInitOptionalParams.authenticatedUserToken = this.authenticatedUserToken;
                         }
+                        if (!!optionalParams.liveChatContext) return [3 /*break*/, 12];
                         _s.label = 9;
                     case 9:
                         _s.trys.push([9, 11, , 12]);
@@ -580,6 +591,7 @@ var OmnichannelChatSDK = /** @class */ (function () {
                         }
                         if (this.isChatReconnect && !((_b = this.chatSDKConfig.chatReconnect) === null || _b === void 0 ? void 0 : _b.disable) && !this.isPersistentChat) {
                             isChatReconnect = this.reconnectId !== null ? true : false;
+                            this.requestId = isChatReconnect ? this.reconnectId : this.requestId; // Chat Reconnect session to close
                             sessionCloseOptionalParams.isReconnectChat = isChatReconnect;
                         }
                         if (this.authenticatedUserToken) {
@@ -897,6 +909,13 @@ var OmnichannelChatSDK = /** @class */ (function () {
                         sendMessageRequest = {
                             content: message.content,
                         };
+                        sendMessageRequest.metadata = {
+                            widgetId: this.omnichannelConfig.widgetId,
+                            clientMessageId: Date.now().toString()
+                        };
+                        if (message.metadata) {
+                            sendMessageRequest.metadata = __assign(__assign({}, sendMessageRequest.metadata), message.metadata);
+                        }
                         _e.label = 1;
                     case 1:
                         _e.trys.push([1, 3, , 4]);
@@ -1279,7 +1298,7 @@ var OmnichannelChatSDK = /** @class */ (function () {
                         };
                         sendMessageRequest = {
                             content: '',
-                            metadata: __assign(__assign({}, fileIdsProperty), fileMetaProperty)
+                            metadata: __assign(__assign({ widgetId: this.omnichannelConfig.widgetId, clientMessageId: Date.now().toString() }, fileIdsProperty), fileMetaProperty)
                         };
                         messageToSend = {
                             content: "",
@@ -1505,16 +1524,20 @@ var OmnichannelChatSDK = /** @class */ (function () {
                 }
                 if (protocol === ChatAdapterProtocols_1.default.ACS || this.liveChatVersion === LiveChatVersion_1.default.V2) {
                     return [2 /*return*/, new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                            var featuresOption, acsAdapterCDNUrl;
+                            var egressMiddlewares, ingressMiddlewares, featuresOption, acsAdapterCDNUrl;
                             var _this = this;
                             var _a;
                             return __generator(this, function (_b) {
                                 switch (_b.label) {
                                     case 0:
+                                        egressMiddlewares = [createFormatEgressTagsMiddleware_1.default()];
+                                        ingressMiddlewares = [createFormatIngressTagsMiddleware_1.default()];
                                         featuresOption = {
-                                            enableAdaptiveCards: false,
+                                            enableAdaptiveCards: true,
                                             enableThreadMemberUpdateNotification: true,
-                                            enableLeaveThreadOnWindowClosed: false
+                                            enableLeaveThreadOnWindowClosed: false,
+                                            egressMiddleware: egressMiddlewares,
+                                            ingressMiddleware: ingressMiddlewares
                                         };
                                         acsAdapterCDNUrl = this.resolveChatAdapterUrl(protocol || ChatAdapterProtocols_1.default.ACS);
                                         (_a = this.telemetry) === null || _a === void 0 ? void 0 : _a.setCDNPackages({
@@ -1526,7 +1549,8 @@ var OmnichannelChatSDK = /** @class */ (function () {
                                                 try {
                                                     var ChatAdapter = window.ChatAdapter; // eslint-disable-line @typescript-eslint/no-explicit-any
                                                     var fileManager = new AMSFileManager_1.default(_this.AMSClient, _this.acsAdapterLogger);
-                                                    var adapter = ChatAdapter.createACSAdapter(_this.chatToken.token, _this.chatToken.visitorId || 'teamsvisitor', _this.chatToken.chatId, _this.chatToken.acsEndpoint, fileManager, 1000, ACSParticipantDisplayName_1.default.Customer, undefined, featuresOption);
+                                                    var adapter = ChatAdapter.createACSAdapter(_this.chatToken.token, _this.chatToken.visitorId || 'teamsvisitor', _this.chatToken.chatId, _this.chatToken.acsEndpoint, fileManager, 1000, ACSParticipantDisplayName_1.default.Customer, undefined, undefined, // logger
+                                                    featuresOption);
                                                     resolve(adapter);
                                                 }
                                                 catch (_a) {
@@ -1662,7 +1686,7 @@ var OmnichannelChatSDK = /** @class */ (function () {
     };
     OmnichannelChatSDK.prototype.getPostChatSurveyContext = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var conversationId, chatConfig, liveWSAndLiveChatEngJoin, chatWidgetLanguage, msdyn_postconversationsurveyenable, msfp_sourcesurveyidentifier, postConversationSurveyOwnerId, msdyn_localeid, localeId, liveWorkItemDetails, participantJoined, surveyInviteLinkRequest, optionalParams, surveyInviteLinkResponse, surveyInviteLink, formsProLocale, postChatContext, ex_1;
+            var conversationId, liveWSAndLiveChatEngJoin, msdyn_postconversationsurveyenable, msfp_sourcesurveyidentifier, postConversationSurveyOwnerId, liveWorkItemDetails, participantJoined, surveyInviteLinkRequest, optionalParams, surveyInviteLinkResponse, surveyInviteLink, formsProLocale, postChatContext, ex_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -1672,11 +1696,8 @@ var OmnichannelChatSDK = /** @class */ (function () {
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 6, , 7]);
-                        chatConfig = this.liveChatConfig;
-                        liveWSAndLiveChatEngJoin = chatConfig.LiveWSAndLiveChatEngJoin, chatWidgetLanguage = chatConfig.ChatWidgetLanguage;
+                        liveWSAndLiveChatEngJoin = this.liveChatConfig.LiveWSAndLiveChatEngJoin;
                         msdyn_postconversationsurveyenable = liveWSAndLiveChatEngJoin.msdyn_postconversationsurveyenable, msfp_sourcesurveyidentifier = liveWSAndLiveChatEngJoin.msfp_sourcesurveyidentifier, postConversationSurveyOwnerId = liveWSAndLiveChatEngJoin.postConversationSurveyOwnerId;
-                        msdyn_localeid = chatWidgetLanguage.msdyn_localeid;
-                        localeId = msdyn_localeid !== null && msdyn_localeid !== void 0 ? msdyn_localeid : "1033";
                         if (!msdyn_postconversationsurveyenable) return [3 /*break*/, 4];
                         return [4 /*yield*/, this.OCClient.getLWIDetails(this.requestId)];
                     case 2:
@@ -1686,7 +1707,7 @@ var OmnichannelChatSDK = /** @class */ (function () {
                         surveyInviteLinkRequest = {
                             "FormId": msfp_sourcesurveyidentifier,
                             "ConversationId": conversationId,
-                            "OCLocaleCode": locale_1.getLocaleStringFromId(localeId)
+                            "OCLocaleCode": locale_1.getLocaleStringFromId(this.localeId) || locale_1.getLocaleStringFromId(locale_1.defaultLocaleId)
                         };
                         optionalParams = {
                             "requestId": this.requestId
@@ -1749,102 +1770,6 @@ var OmnichannelChatSDK = /** @class */ (function () {
             });
         });
     };
-    OmnichannelChatSDK.prototype.initializePostChatRenderer = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var msfpEmbedScript, elm, scriptNodes, styleNodes, i, node, tmpNode, tmpNode, i, node, tmpNode;
-            return __generator(this, function (_a) {
-                if (!platform_1.isBrowser()) {
-                    return [2 /*return*/, Promise.reject("In-line rendering is only supported on web browsers")];
-                }
-                this.scenarioMarker.startScenario(TelemetryEvent_1.default.InitializePostChatRenderer, {
-                    RequestId: this.requestId
-                });
-                try {
-                    msfpEmbedScript = libraries_1.getMsfpEmbedScript();
-                    elm = document.createElement('div');
-                    elm.innerHTML = msfpEmbedScript;
-                    scriptNodes = elm.getElementsByTagName('script');
-                    styleNodes = elm.getElementsByTagName('link');
-                    for (i = 0; i < scriptNodes.length; i++) {
-                        node = scriptNodes[i];
-                        if (node.src) {
-                            tmpNode = document.createElement('script');
-                            tmpNode.type = node.type;
-                            tmpNode.src = node.src;
-                            tmpNode.async = false;
-                            if (!window.document.head.contains(tmpNode)) {
-                                document.getElementsByTagName('head')[0].appendChild(tmpNode);
-                            }
-                        }
-                        if (node.innerHTML) {
-                            tmpNode = document.createElement('script');
-                            tmpNode.innerHTML = node.innerHTML;
-                            tmpNode.async = false;
-                            if (!window.document.head.contains(tmpNode)) {
-                                window.document.head.appendChild(tmpNode);
-                            }
-                        }
-                    }
-                    for (i = 0; i < styleNodes.length; i++) {
-                        node = styleNodes[i];
-                        if (node.href) {
-                            tmpNode = document.createElement('link');
-                            tmpNode.type = node.type;
-                            tmpNode.rel = node.rel;
-                            tmpNode.href = node.href;
-                            if (!window.document.head.contains(tmpNode)) {
-                                document.getElementsByTagName('head')[0].appendChild(tmpNode);
-                            }
-                        }
-                    }
-                }
-                catch (ex) {
-                    this.scenarioMarker.failScenario(TelemetryEvent_1.default.InitializePostChatRenderer, {
-                        RequestId: this.requestId,
-                        ExceptionDetails: JSON.stringify(ex)
-                    });
-                    return [2 /*return*/, Promise.reject("Error occurred when initializer post chat renderer. " + JSON.stringify(ex))];
-                }
-                return [2 /*return*/];
-            });
-        });
-    };
-    OmnichannelChatSDK.prototype.renderPostChatSurvey = function (containerId, postChatContext) {
-        return __awaiter(this, void 0, void 0, function () {
-            var ex_2;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!platform_1.isBrowser()) {
-                            return [2 /*return*/, Promise.reject("In-line rendering is only supported on web browsers")];
-                        }
-                        this.scenarioMarker.startScenario(TelemetryEvent_1.default.RenderPostChatSurvey, {
-                            RequestId: this.requestId
-                        });
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 3, , 4]);
-                        if (!postChatContext) {
-                            this.scenarioMarker.failScenario(TelemetryEvent_1.default.RenderPostChatSurvey, {
-                                RequestId: this.requestId,
-                                ExceptionDetails: "Post Chat Context is null."
-                            });
-                            return [2 /*return*/, Promise.reject("Post Chat Context is null.")];
-                        }
-                        return [4 /*yield*/, renderSurvey(containerId, postChatContext === null || postChatContext === void 0 ? void 0 : postChatContext.surveyInviteLink, "", "", postChatContext === null || postChatContext === void 0 ? void 0 : postChatContext.formsProLocale)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                    case 3:
-                        ex_2 = _a.sent();
-                        this.scenarioMarker.failScenario(TelemetryEvent_1.default.RenderPostChatSurvey, {
-                            RequestId: this.requestId,
-                            ExceptionDetails: JSON.stringify(ex_2)
-                        });
-                        return [2 /*return*/, Promise.reject("Error occurred when rendering post chat survey. " + JSON.stringify(ex_2))];
-                    case 4: return [2 /*return*/];
-                }
-            });
-        });
-    };
     OmnichannelChatSDK.prototype.getIC3Client = function () {
         return __awaiter(this, void 0, void 0, function () {
             var IC3Client;
@@ -1930,7 +1855,7 @@ var OmnichannelChatSDK = /** @class */ (function () {
     };
     OmnichannelChatSDK.prototype.getChatConfig = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var liveChatConfig, dataMaskingConfig, authSettings, liveWSAndLiveChatEngJoin, liveChatVersion, setting, preChatSurvey, msdyn_prechatenabled, msdyn_callingoptions, msdyn_conversationmode, msdyn_enablechatreconnect, isPreChatEnabled, isChatReconnectEnabled, token, exceptionDetails, _a, exceptionDetails, exceptionDetails, error_18;
+            var liveChatConfig, dataMaskingConfig, authSettings, liveWSAndLiveChatEngJoin, liveChatVersion, chatWidgetLanguage, msdyn_localeid, setting, preChatSurvey, msdyn_prechatenabled, msdyn_callingoptions, msdyn_conversationmode, msdyn_enablechatreconnect, isPreChatEnabled, isChatReconnectEnabled, token, exceptionDetails, _a, exceptionDetails, exceptionDetails, error_18;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -1938,7 +1863,9 @@ var OmnichannelChatSDK = /** @class */ (function () {
                         return [4 /*yield*/, this.OCClient.getChatConfig()];
                     case 1:
                         liveChatConfig = _b.sent();
-                        dataMaskingConfig = liveChatConfig.DataMaskingInfo, authSettings = liveChatConfig.LiveChatConfigAuthSettings, liveWSAndLiveChatEngJoin = liveChatConfig.LiveWSAndLiveChatEngJoin, liveChatVersion = liveChatConfig.LiveChatVersion;
+                        dataMaskingConfig = liveChatConfig.DataMaskingInfo, authSettings = liveChatConfig.LiveChatConfigAuthSettings, liveWSAndLiveChatEngJoin = liveChatConfig.LiveWSAndLiveChatEngJoin, liveChatVersion = liveChatConfig.LiveChatVersion, chatWidgetLanguage = liveChatConfig.ChatWidgetLanguage;
+                        msdyn_localeid = chatWidgetLanguage.msdyn_localeid;
+                        this.localeId = msdyn_localeid || locale_1.defaultLocaleId;
                         this.liveChatVersion = liveChatVersion || LiveChatVersion_1.default.V1;
                         /* istanbul ignore next */
                         this.debug && console.log("[OmnichannelChatSDK][getChatConfig][liveChatVersion] " + this.liveChatVersion);