dialogshift-webchat-sdk 2.3.16 → 2.9.3-develop.0

package/bundles/dialogshift-webchat-sdk.umd.js

@@ -1,103 +1,17 @@
-// [AIV_SHORT]  Build version: 2.3.16 Environment: undefined  
- window["Dialogshift"] =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = "./src/scripts/index.ts");
-/******/ })
-/************************************************************************/
-/******/ ({
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
 
 /***/ "./src/scripts/config/config.ts":
 /*!**************************************!*\
   !*** ./src/scripts/config/config.ts ***!
   \**************************************/
-/*! exports provided: config */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "config", function() { return config; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   config: () => (/* binding */ config)
+/* harmony export */ });
 /* harmony import */ var _env__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./env */ "./src/scripts/config/env.ts");
 
 var config = {
@@ -113,8 +27,10 @@ var config = {
     contentWrapperCls: 'ds-content-wrapper',
     buttonCls: 'ds-button',
     buttonLogoCls: 'ds-button--logo',
+    buttonIconContainerCls: 'ds-button--icon-container',
     buttonWithTextCls: 'ds-button--with-text',
     buttonActiveCls: 'ds-button--active',
+    buttonHiddenCls: 'ds-button--hidden',
     chatCls: 'ds-chat',
     chatLoaderCls: 'ds-chat-loader',
     chatLoaderImageCls: 'ds-chat-loader-image',
@@ -130,7 +46,10 @@ var config = {
     themeTile: 'ds-theme-tile',
     actionButtonGroupCls: 'ds-action-button-group',
     actionButtonCls: 'ds-action-button',
-    env: _env__WEBPACK_IMPORTED_MODULE_0__["environment"],
+    headerCls: 'ds-header',
+    headerCloseButtonCls: 'ds-header-close-button',
+    headerCloseButtonLeftCls: 'ds-header-close-button--left',
+    env: _env__WEBPACK_IMPORTED_MODULE_0__.environment,
 };
 
 
@@ -140,40 +59,56 @@ var config = {
 /*!***********************************!*\
   !*** ./src/scripts/config/env.ts ***!
   \***********************************/
-/*! exports provided: environment */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "environment", function() { return environment; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   environment: () => (/* binding */ environment)
+/* harmony export */ });
 var environment = {
-    coreApiEndpoint: 'https://core.prod.co25.net',
-    ibeApiEndpoint: 'https://ibe.prod.co25.net',
-    iframeHost: 'https://webchat.dialogshift.com',
+    coreApiEndpoint: 'https://core.dev.co25.net',
+    ibeApiEndpoint: 'https://ibe.dev.co25.net',
+    iframeHost: 'https://webchat.dev.dialogshift.com',
 };
 
 
+/***/ }),
+
+/***/ "./src/scripts/consts.ts":
+/*!*******************************!*\
+  !*** ./src/scripts/consts.ts ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   iconSvg: () => (/* binding */ iconSvg)
+/* harmony export */ });
+var iconSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" stroke="currentColor" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.549805 10.8695C0.549805 5.16744 5.84902 0.549988 12.3568 0.549988C18.8646 0.549988 24.1329 5.16744 24.1329 10.9005C24.1329 16.6336 18.8646 21.251 12.3568 21.251C10.0016 21.251 7.80137 20.6312 5.94199 19.5776C4.26855 20.5693 2.47116 20.5383 1.4485 20.3833C1.13861 20.3523 1.07663 19.9495 1.32454 19.7945C2.3472 19.1437 2.87402 18.2141 3.18392 17.3773C1.54147 15.6109 0.549805 13.3487 0.549805 10.8695ZM29.4631 28.5646C29.711 28.5336 29.773 28.2237 29.5561 28.0687C28.6883 27.5109 28.2235 26.7362 27.9756 26.0544C29.3391 24.5669 30.1449 22.7075 30.1449 20.6622C30.1449 17.7182 28.4404 15.0841 25.8373 13.5346C24.5048 19.0818 18.9576 23.2654 12.3568 23.2654C11.892 23.2654 11.4271 23.2344 10.9933 23.2034C12.2329 26.7052 15.9516 29.2773 20.3831 29.2773C22.3355 29.2773 24.1639 28.7815 25.7133 27.8828C27.1079 28.7195 28.5954 28.6885 29.4631 28.5646Z"/><mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="31" height="30"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.549805 10.8695C0.549805 5.16744 5.84902 0.549988 12.3568 0.549988C18.8646 0.549988 24.1329 5.16744 24.1329 10.9005C24.1329 16.6336 18.8646 21.251 12.3568 21.251C10.0016 21.251 7.80137 20.6312 5.94199 19.5776C4.26855 20.5693 2.47116 20.5383 1.4485 20.3833C1.13861 20.3523 1.07663 19.9495 1.32454 19.7945C2.3472 19.1437 2.87402 18.2141 3.18392 17.3773C1.54147 15.6109 0.549805 13.3487 0.549805 10.8695ZM29.4631 28.5646C29.711 28.5336 29.773 28.2237 29.5561 28.0687C28.6883 27.5109 28.2235 26.7362 27.9756 26.0544C29.3391 24.5669 30.1449 22.7075 30.1449 20.6622C30.1449 17.7182 28.4404 15.0841 25.8373 13.5346C24.5048 19.0818 18.9576 23.2654 12.3568 23.2654C11.892 23.2654 11.4271 23.2344 10.9933 23.2034C12.2329 26.7052 15.9516 29.2773 20.3831 29.2773C22.3355 29.2773 24.1639 28.7815 25.7133 27.8828C27.1079 28.7195 28.5954 28.6885 29.4631 28.5646Z"/></mask><g mask="url(#mask0)"/></svg>';
+
+
 /***/ }),
 
 /***/ "./src/scripts/core/app.ts":
 /*!*********************************!*\
   !*** ./src/scripts/core/app.ts ***!
   \*********************************/
-/*! exports provided: ChatPosition, AppTheme, ActionEventType, ActionEventName, App */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChatPosition", function() { return ChatPosition; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppTheme", function() { return AppTheme; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionEventType", function() { return ActionEventType; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionEventName", function() { return ActionEventName; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "App", function() { return App; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ActionEventName: () => (/* binding */ ActionEventName),
+/* harmony export */   ActionEventType: () => (/* binding */ ActionEventType),
+/* harmony export */   App: () => (/* binding */ App),
+/* harmony export */   AppTheme: () => (/* binding */ AppTheme),
+/* harmony export */   ChatPosition: () => (/* binding */ ChatPosition)
+/* harmony export */ });
 /* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../config/config */ "./src/scripts/config/config.ts");
 /* harmony import */ var _event_emitter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./event-emitter */ "./src/scripts/core/event-emitter.ts");
 /* harmony import */ var _widget_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./widget-manager */ "./src/scripts/core/widget-manager.ts");
 /* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../services */ "./src/scripts/services/index.ts");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./src/scripts/core/utils.ts");
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../enums */ "./src/scripts/enums.ts");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -190,6 +125,7 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 
 
+
 var ChatPosition;
 (function (ChatPosition) {
     ChatPosition["left"] = "left";
@@ -217,6 +153,10 @@ var appOptionsDefault = {
     unreadCounter: 0,
     context: {},
     direction: 'ltr',
+    showInIframe: false,
+    custidStoreMode: _enums__WEBPACK_IMPORTED_MODULE_5__.CustidStoreMode.cookie,
+    loadGaContext: false,
+    leftCloseButton: false,
 };
 var ActionEventType;
 (function (ActionEventType) {
@@ -231,6 +171,7 @@ var ActionEventName;
     ActionEventName["setTeaserText"] = "set.teaser.text";
     ActionEventName["showChatbox"] = "show.chatbox";
     ActionEventName["hideChatbox"] = "hide.chatbox";
+    ActionEventName["showWhatsApp"] = "show.whatsApp";
 })(ActionEventName || (ActionEventName = {}));
 var App = /** @class */ (function () {
     function App(options) {
@@ -243,21 +184,22 @@ var App = /** @class */ (function () {
         if (!options.id) {
             throw Error('Dialogshift app id is undefined.');
         }
-        this.options = Object(_utils__WEBPACK_IMPORTED_MODULE_4__["mergeDeep"])(appOptionsDefault, options);
-        this.broadcast = new _event_emitter__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
-        this.widgetManager = new _widget_manager__WEBPACK_IMPORTED_MODULE_2__["WidgetManager"](this);
+        this.options = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.mergeDeep)(appOptionsDefault, options);
+        this.broadcast = new _event_emitter__WEBPACK_IMPORTED_MODULE_1__.EventEmitter();
+        this.widgetManager = new _widget_manager__WEBPACK_IMPORTED_MODULE_2__.WidgetManager(this);
         this.init();
     }
     App.prototype.init = function () {
         var _this = this;
-        if (Object(_utils__WEBPACK_IMPORTED_MODULE_4__["parseUrlParam"])(window.location.href, 'ctrl') === 'forcenew') {
-            _services__WEBPACK_IMPORTED_MODULE_3__["UserService"].deleteUser();
-            _services__WEBPACK_IMPORTED_MODULE_3__["TokenService"].deleteToken();
-            _services__WEBPACK_IMPORTED_MODULE_3__["CookieService"]["delete"]('keep-chat-open');
-            Object(_utils__WEBPACK_IMPORTED_MODULE_4__["removeURLParameters"])(['ctrl']);
-        }
-        var openUrlParam = Object(_utils__WEBPACK_IMPORTED_MODULE_4__["parseUrlParam"])(window.location.href, 'dschat');
-        if (openUrlParam === 'open') {
+        this.options.context['hostUrl'] = encodeURI(window.location.href);
+        if ((0,_utils__WEBPACK_IMPORTED_MODULE_4__.parseUrlParam)(window.location.href, 'ctrl') === 'forcenew') {
+            _services__WEBPACK_IMPORTED_MODULE_3__.UserService.deleteUser();
+            _services__WEBPACK_IMPORTED_MODULE_3__.TokenService.deleteToken();
+            // CookieService.delete('ds-keep-chat-open')
+            (0,_utils__WEBPACK_IMPORTED_MODULE_4__.removeURLParameters)(['ctrl']);
+        }
+        var openUrlParam = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.parseUrlParam)(window.location.href, 'dschat');
+        if (openUrlParam === 'open' && window.innerWidth > 576) {
             this.options.isChatboxVisible = true;
         }
         this.loadConfig().then(function () {
@@ -269,7 +211,7 @@ var App = /** @class */ (function () {
                 if (_this.chatConfig.csrfAfter) {
                     csrfAfter = _this.chatConfig.csrfAfter;
                 }
-                _services__WEBPACK_IMPORTED_MODULE_3__["TokenService"].touchToken(_this.options.id, csrfAfter).then(function (token) {
+                _services__WEBPACK_IMPORTED_MODULE_3__.TokenService.touchToken(_this.options.id, csrfAfter).then(function (token) {
                     _this.csrfToken = token;
                 });
                 _this.afterInit();
@@ -289,14 +231,22 @@ var App = /** @class */ (function () {
         }, 20);
     };
     App.prototype.initWebchatService = function () {
-        this.webchatService = new _services__WEBPACK_IMPORTED_MODULE_3__["WebchatService"]({
+        this.webchatService = new _services__WEBPACK_IMPORTED_MODULE_3__.WebchatService({
             targetWindow: this.widgetManager.getIframeWidget().getBoxElem(),
         });
     };
     App.prototype.render = function () {
         var _this = this;
-        this.widgetManager.renderWrapper(this.options);
+        var isWidgetManagerVisible = this.options.showInIframe
+            ? true
+            : (0,_utils__WEBPACK_IMPORTED_MODULE_4__.inIframe)()
+                ? false
+                : true;
+        this.widgetManager.renderWrapper(Object.assign({}, this.options, {
+            visible: isWidgetManagerVisible,
+        }));
         this.widgetManager.renderContentWrapper();
+        this.widgetManager.renderFooter();
         if (this.options.renderButton) {
             this.widgetManager.renderChatButton(this.options, this.chatConfig);
         }
@@ -305,6 +255,7 @@ var App = /** @class */ (function () {
         this.widgetManager.renderChatboxWidget(this.options, function () {
             _this.loadChat();
         });
+        this.widgetManager.renderHeader(this.options);
         this.widgetManager.renderUnreadWidget(this.options, this.chatConfig);
         if (this.options.renderWaButton) {
             this.widgetManager.renderWhatsappButtonWidget(this.chatConfig);
@@ -331,22 +282,23 @@ var App = /** @class */ (function () {
                 _this.widgetManager.getTeaserWidget().hide();
             }, hideTeaserAfter * 1000);
         }
-        if (_services__WEBPACK_IMPORTED_MODULE_3__["CookieService"].get('keep-chat-open') === 'true') {
-            this.setInitialElement({
-                suppress: true,
-            });
-            this.loadChat();
-            this.getBroadcast().once('ready', function () {
-                setTimeout(function () {
-                    _this.webchatService.setMinimized(true);
-                }, 250);
-            });
-        }
+        /* if (CookieService.get('keep-chat-open') === 'true') {
+          this.setInitialElement({
+            suppress: true,
+          })
+          this.loadChat()
+    
+          this.getBroadcast().once('ready', () => {
+            setTimeout(() => {
+              this.webchatService.setMinimized(true)
+            }, 250)
+          })
+        } */
     };
     App.prototype.bindEvents = function () {
         var _this = this;
         window.addEventListener('message', function (event) {
-            if (event.origin === _config_config__WEBPACK_IMPORTED_MODULE_0__["config"].env.iframeHost) {
+            if (event.origin === _config_config__WEBPACK_IMPORTED_MODULE_0__.config.env.iframeHost) {
                 var message_1 = event.data;
                 if (message_1.type === ActionEventType.message) {
                     _this.broadcast.fire(message_1.name, message_1.payload);
@@ -381,23 +333,31 @@ var App = /** @class */ (function () {
         });
         this.broadcast.on('command.receive', function (event) {
             var commandModel = event.data;
-            if (commandModel.commandType === 'livechat') {
-                if (commandModel.action === 'start' &&
-                    _this.chatConfig.keepChatOpenDuringLivechat) {
-                    _services__WEBPACK_IMPORTED_MODULE_3__["CookieService"].set('keep-chat-open', 'true');
-                }
-                if (commandModel.action === 'end') {
-                    _services__WEBPACK_IMPORTED_MODULE_3__["CookieService"].set('keep-chat-open', 'false');
-                }
+            if (commandModel.commandType === 'receivedCookieConsent') {
+                _services__WEBPACK_IMPORTED_MODULE_3__.UserService.switchToCookieModeAfterConsent();
             }
+            else if (commandModel.commandType === 'dismissCookieConsent') {
+                _services__WEBPACK_IMPORTED_MODULE_3__.UserService.switchToSessionModeAfterConsentDismiss();
+            } /* else if (commandModel.commandType === 'livechat') {
+              if (
+                commandModel.action === 'start' &&
+                this.chatConfig.keepChatOpenDuringLivechat
+              ) {
+                CookieService.set('keep-chat-open', 'true')
+              }
+      
+              if (commandModel.action === 'end') {
+                CookieService.set('keep-chat-open', 'false')
+              }
+            } */
         });
     };
     App.prototype.proceedActionEvent = function (message) {
         if (message.name === ActionEventName.tabOpen) {
             var url = message.payload.targetUrl;
             if (message.payload.urlType === 'openSameTab') {
-                if (!Object(_utils__WEBPACK_IMPORTED_MODULE_4__["isExternalUrl"])(url)) {
-                    url += (url.split('?')[1] ? '&' : '?') + "dschat=open";
+                if (!(0,_utils__WEBPACK_IMPORTED_MODULE_4__.isExternalUrl)(url)) {
+                    url += "".concat(url.split('?')[1] ? '&' : '?', "dschat=open");
                 }
                 window.open(url, '_self');
             }
@@ -417,27 +377,33 @@ var App = /** @class */ (function () {
         if (message.name === ActionEventName.hideChatbox) {
             this.widgetManager.getChatboxWidget().hide();
         }
+        if (message.name === ActionEventName.showWhatsApp) {
+            this.widgetManager.getWhatsappWindowWidget().show();
+        }
     };
     App.prototype.loadConfig = function () {
         var _this = this;
         var channel = this.options.context.channel
             ? this.options.context.channel
             : 'pwa-embed';
-        return _services__WEBPACK_IMPORTED_MODULE_3__["ApiService"].getConfig(this.options.id, _services__WEBPACK_IMPORTED_MODULE_3__["UserService"].getCustomerId(), channel).then(function (data) {
+        return _services__WEBPACK_IMPORTED_MODULE_3__.ApiService.getConfig(this.options.id, _services__WEBPACK_IMPORTED_MODULE_3__.UserService.getCustomerId(), window.location.host, window.location.pathname, channel).then(function (data) {
             _this.chatConfig = data;
             if (data.websiteElementCss) {
-                Object(_utils__WEBPACK_IMPORTED_MODULE_4__["injectCss"])(data.websiteElementCss);
+                (0,_utils__WEBPACK_IMPORTED_MODULE_4__.injectCss)(data.websiteElementCss);
             }
             if (_this.chatConfig.defaultLg) {
                 _this.chatConfig.defaultLocale = _this.chatConfig.defaultLg;
                 delete _this.chatConfig.defaultLg;
             }
+            if (_this.chatConfig.channelOverride) {
+                _this.options.context.channel = _this.chatConfig.channelOverride;
+            }
             _this.applyConfig();
             return _this.chatConfig;
         });
     };
     App.prototype.applyConfig = function () {
-        var _a = this.chatConfig, setUnreadCounter = _a.setUnreadCounter, showTeaserAfter = _a.showTeaserAfter, hideTeaserAfter = _a.hideTeaserAfter, theme = _a.theme, noCookieModeSdk = _a.noCookieModeSdk, forgetCustomerAfterHours = _a.forgetCustomerAfterHours, isChatboxVisible = _a.isChatboxVisible, renderWaButton = _a.renderWaButton, extendedWidth = _a.extendedWidth;
+        var _a = this.chatConfig, setUnreadCounter = _a.setUnreadCounter, showTeaserAfter = _a.showTeaserAfter, hideTeaserAfter = _a.hideTeaserAfter, theme = _a.theme, noCookieModeSdk = _a.noCookieModeSdk, forgetCustomerAfterHours = _a.forgetCustomerAfterHours, isChatboxVisible = _a.isChatboxVisible, renderWaButton = _a.renderWaButton, extendedWidth = _a.extendedWidth, bwWaButton = _a.bwWaButton, custidStoreMode = _a.custidStoreMode, loadGaContext = _a.loadGaContext, leftCloseButton = _a.leftCloseButton;
         if (setUnreadCounter) {
             this.options.unreadCounter = setUnreadCounter;
         }
@@ -454,10 +420,10 @@ var App = /** @class */ (function () {
             this.options.theme = theme;
         }
         if (noCookieModeSdk === true) {
-            _services__WEBPACK_IMPORTED_MODULE_3__["CookieService"].noCookieMode = true;
+            _services__WEBPACK_IMPORTED_MODULE_3__.CookieService.noCookieMode = true;
         }
         if (forgetCustomerAfterHours) {
-            _services__WEBPACK_IMPORTED_MODULE_3__["UserService"].updateCookieLifetime(forgetCustomerAfterHours);
+            _services__WEBPACK_IMPORTED_MODULE_3__.UserService.updateCookieLifetime(forgetCustomerAfterHours);
         }
         if (renderWaButton) {
             this.options.renderWaButton = renderWaButton;
@@ -465,6 +431,20 @@ var App = /** @class */ (function () {
         if (extendedWidth) {
             this.options.extendedWidth = extendedWidth;
         }
+        if (bwWaButton) {
+            this.options.bwWaButton = bwWaButton;
+        }
+        if (custidStoreMode) {
+            this.options.custidStoreMode = custidStoreMode;
+            _services__WEBPACK_IMPORTED_MODULE_3__.UserService.custidStoreMode = custidStoreMode;
+        }
+        if (loadGaContext) {
+            this.options.loadGaContext = loadGaContext;
+            _services__WEBPACK_IMPORTED_MODULE_3__.UserService.loadGaContext = loadGaContext;
+        }
+        if (leftCloseButton) {
+            this.options.leftCloseButton = leftCloseButton;
+        }
     };
     App.prototype.getWebchatService = function () {
         return this.webchatService;
@@ -477,8 +457,8 @@ var App = /** @class */ (function () {
     };
     App.prototype.getContext = function (key) {
         return new Promise(function (resolve, reject) {
-            if (_services__WEBPACK_IMPORTED_MODULE_3__["UserService"].getCustomerId()) {
-                _services__WEBPACK_IMPORTED_MODULE_3__["ApiService"].getContext(_services__WEBPACK_IMPORTED_MODULE_3__["UserService"].getCustomerId(), key).then(resolve, reject);
+            if (_services__WEBPACK_IMPORTED_MODULE_3__.UserService.getCustomerId()) {
+                _services__WEBPACK_IMPORTED_MODULE_3__.ApiService.getContext(_services__WEBPACK_IMPORTED_MODULE_3__.UserService.getCustomerId(), key).then(resolve, reject);
             }
             else {
                 reject('Can not load context. Customer is not created.');
@@ -488,8 +468,8 @@ var App = /** @class */ (function () {
     App.prototype.setContext = function (key, value) {
         var _this = this;
         return new Promise(function (resolve, reject) {
-            if (_services__WEBPACK_IMPORTED_MODULE_3__["UserService"].getCustomerId()) {
-                _services__WEBPACK_IMPORTED_MODULE_3__["ApiService"].setContext(_services__WEBPACK_IMPORTED_MODULE_3__["UserService"].getCustomerId(), key, value).then(resolve, reject);
+            if (_services__WEBPACK_IMPORTED_MODULE_3__.UserService.getCustomerId()) {
+                _services__WEBPACK_IMPORTED_MODULE_3__.ApiService.setContext(_services__WEBPACK_IMPORTED_MODULE_3__.UserService.getCustomerId(), key, value).then(resolve, reject);
             }
             else {
                 _this.options.context[key] = value;
@@ -500,7 +480,7 @@ var App = /** @class */ (function () {
         return this.chatConfig;
     };
     App.prototype.setInitialElement = function (initialElement) {
-        var mergedInitialElement = Object(_utils__WEBPACK_IMPORTED_MODULE_4__["mergeDeep"])(this.options.initialElement, initialElement);
+        var mergedInitialElement = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.mergeDeep)(this.options.initialElement, initialElement);
         this.options.initialElement = mergedInitialElement;
         if (this.widgetManager.getIframeWidget()) {
             this.widgetManager
@@ -567,7 +547,7 @@ var App = /** @class */ (function () {
             var iframeWidget = _this.widgetManager.getIframeWidget();
             if (!iframeWidget.isLoaded()) {
                 iframeWidget.setLoaded(true);
-                _services__WEBPACK_IMPORTED_MODULE_3__["UserService"].touchUser(_this.options.id, _this.options.locale, _this.csrfToken, _this.options.context).then(function (customerId) {
+                _services__WEBPACK_IMPORTED_MODULE_3__.UserService.touchUser(_this.options.id, _this.options.locale, _this.csrfToken, _this.options.context).then(function (customerId) {
                     // Debug interval
                     setTimeout(function () {
                         iframeWidget.load(customerId);
@@ -577,7 +557,17 @@ var App = /** @class */ (function () {
         };
         var iframeWidget = this.widgetManager.getIframeWidget();
         if (!iframeWidget || !iframeWidget.isRendered()) {
-            this.widgetManager.renderIframeWidget(this.options, function () {
+            var channel = this.options.context.channel
+                ? this.options.context.channel
+                : 'pwa-embed';
+            var _a = this.options, id = _a.id, initialElement = _a.initialElement, locale = _a.locale;
+            this.widgetManager.renderIframeWidget({
+                id: id,
+                initialElement: initialElement,
+                locale: locale,
+                channel: channel,
+                host: _config_config__WEBPACK_IMPORTED_MODULE_0__.config.env.iframeHost,
+            }, function () {
                 // For a separate thread. @todo refactor render flow.
                 setTimeout(function () {
                     _this.initWebchatService();
@@ -593,6 +583,10 @@ var App = /** @class */ (function () {
             _this.widgetManager.getActionButtonGroupWidget().addButton(__assign(__assign({}, item), { locale: _this.options.locale, app: _this }));
         });
     };
+    App.prototype.setLocale = function (locale) {
+        this.options.locale = locale;
+        this.widgetManager.setLocale(locale, this.chatConfig);
+    };
     return App;
 }());
 
@@ -604,34 +598,38 @@ var App = /** @class */ (function () {
 /*!*****************************************!*\
   !*** ./src/scripts/core/base-widget.ts ***!
   \*****************************************/
-/*! exports provided: config, BaseWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "config", function() { return config; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseWidget", function() { return BaseWidget; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BaseWidget: () => (/* binding */ BaseWidget),
+/* harmony export */   config: () => (/* binding */ config)
+/* harmony export */ });
 /* harmony import */ var _observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./observable */ "./src/scripts/core/observable.ts");
 /* harmony import */ var _services_audio_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../services/audio.service */ "./src/scripts/services/audio.service.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __spreadArrays = (undefined && undefined.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 
 
@@ -683,7 +681,7 @@ var BaseWidget = /** @class */ (function (_super) {
             setTimeout(function () {
                 boxElem.classList.add(config.visibleCls);
                 if (_this.effects.sound) {
-                    _services_audio_service__WEBPACK_IMPORTED_MODULE_1__["AudioService"].playSound(_this.effects.sound);
+                    _services_audio_service__WEBPACK_IMPORTED_MODULE_1__.AudioService.playSound(_this.effects.sound);
                 }
             }, 10);
         }
@@ -717,7 +715,7 @@ var BaseWidget = /** @class */ (function (_super) {
             boxElem.addEventListener('animationend', handler);
             boxElem.classList.add(config.fxCls[_this.effects.appear]);
             if (_this.effects.sound) {
-                _services_audio_service__WEBPACK_IMPORTED_MODULE_1__["AudioService"].playSound(_this.effects.sound);
+                _services_audio_service__WEBPACK_IMPORTED_MODULE_1__.AudioService.playSound(_this.effects.sound);
             }
         }, this.effects.delay);
     };
@@ -764,12 +762,12 @@ var BaseWidget = /** @class */ (function (_super) {
             var baseCls = this.getBaseCls();
             var classes = [config.rootCls];
             if (typeof baseCls === 'string') {
-                classes = __spreadArrays(classes, (baseCls.indexOf(' ') < 0
+                classes = __spreadArray(__spreadArray([], classes, true), (baseCls.indexOf(' ') < 0
                     ? [baseCls]
-                    : baseCls.replace(/^\s+|\s+$/g, '').split(/\s+/)));
+                    : baseCls.replace(/^\s+|\s+$/g, '').split(/\s+/)), true);
             }
             else {
-                classes = __spreadArrays(classes, baseCls);
+                classes = __spreadArray(__spreadArray([], classes, true), baseCls, true);
             }
             classes.forEach(function (item) { return _this.boxElem.classList.add(item); });
         }
@@ -779,7 +777,7 @@ var BaseWidget = /** @class */ (function (_super) {
         if (!this.contentElem) {
             this.contentElem = this.createNode();
             if (this.getBaseCls()) {
-                this.contentElem.classList.add(this.getBaseCls() + "__content");
+                this.contentElem.classList.add("".concat(this.getBaseCls(), "__content"));
             }
             this.getBoxElem().appendChild(this.contentElem);
         }
@@ -866,7 +864,7 @@ var BaseWidget = /** @class */ (function (_super) {
         this.fire('destroy');
     };
     return BaseWidget;
-}(_observable__WEBPACK_IMPORTED_MODULE_0__["Observable"]));
+}(_observable__WEBPACK_IMPORTED_MODULE_0__.Observable));
 
 
 
@@ -876,12 +874,12 @@ var BaseWidget = /** @class */ (function (_super) {
 /*!*******************************************!*\
   !*** ./src/scripts/core/event-emitter.ts ***!
   \*******************************************/
-/*! exports provided: EventEmitter */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EventEmitter", function() { return EventEmitter; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   EventEmitter: () => (/* binding */ EventEmitter)
+/* harmony export */ });
 /**
  * A simple and lightweight EventEmitter by TypeScript for Node.js or Browsers.
  *
@@ -1146,12 +1144,12 @@ var EventEmitter = /** @class */ (function () {
 /*!************************************!*\
   !*** ./src/scripts/core/facade.ts ***!
   \************************************/
-/*! exports provided: createFacade */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createFacade", function() { return createFacade; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   createFacade: () => (/* binding */ createFacade)
+/* harmony export */ });
 var c2o = [
     'pro110d',
     'pro1130',
@@ -1188,9 +1186,13 @@ var createFacade = function (instance) {
         },
         showButton: function () {
             instance.getWidgetManager().getChatButtonWidget().show();
+            instance.getWidgetManager().getWhatsappButtonWidget().show();
+            instance.getWidgetManager().getUnreadWidget().show();
         },
         hideButton: function () {
             instance.getWidgetManager().getChatButtonWidget().hide();
+            instance.getWidgetManager().getWhatsappButtonWidget().hide();
+            instance.getWidgetManager().getUnreadWidget().hide();
         },
         setButtonText: function (text) {
             instance.getWidgetManager().getChatButtonWidget().setContent(text);
@@ -1256,6 +1258,9 @@ var createFacade = function (instance) {
         isReady: function () {
             return instance.isReady();
         },
+        setLocale: function (locale) {
+            instance.setLocale(locale);
+        },
     };
 };
 
@@ -1266,21 +1271,23 @@ var createFacade = function (instance) {
 /*!****************************************!*\
   !*** ./src/scripts/core/observable.ts ***!
   \****************************************/
-/*! exports provided: Observable */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Observable", function() { return Observable; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Observable: () => (/* binding */ Observable)
+/* harmony export */ });
 /* harmony import */ var _event_emitter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./event-emitter */ "./src/scripts/core/event-emitter.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -1306,7 +1313,7 @@ var Observable = /** @class */ (function (_super) {
         this.offAll();
     };
     return Observable;
-}(_event_emitter__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]));
+}(_event_emitter__WEBPACK_IMPORTED_MODULE_0__.EventEmitter));
 
 
 
@@ -1316,20 +1323,21 @@ var Observable = /** @class */ (function (_super) {
 /*!***********************************!*\
   !*** ./src/scripts/core/utils.ts ***!
   \***********************************/
-/*! exports provided: parseUrlParam, isExternalUrl, injectCss, isFontLoaded, loadOpenSans, isObject, mergeDeep, removeURLParameters, isCrawler */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseUrlParam", function() { return parseUrlParam; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isExternalUrl", function() { return isExternalUrl; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "injectCss", function() { return injectCss; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isFontLoaded", function() { return isFontLoaded; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "loadOpenSans", function() { return loadOpenSans; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isObject", function() { return isObject; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mergeDeep", function() { return mergeDeep; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removeURLParameters", function() { return removeURLParameters; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isCrawler", function() { return isCrawler; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   inIframe: () => (/* binding */ inIframe),
+/* harmony export */   injectCss: () => (/* binding */ injectCss),
+/* harmony export */   isCrawler: () => (/* binding */ isCrawler),
+/* harmony export */   isExternalUrl: () => (/* binding */ isExternalUrl),
+/* harmony export */   isFontLoaded: () => (/* binding */ isFontLoaded),
+/* harmony export */   isObject: () => (/* binding */ isObject),
+/* harmony export */   loadOpenSans: () => (/* binding */ loadOpenSans),
+/* harmony export */   mergeDeep: () => (/* binding */ mergeDeep),
+/* harmony export */   parseUrlParam: () => (/* binding */ parseUrlParam),
+/* harmony export */   removeURLParameters: () => (/* binding */ removeURLParameters)
+/* harmony export */ });
 var parseUrlParam = function (source, name, defaultReturn) {
     if (defaultReturn === void 0) { defaultReturn = null; }
     var url = new URL(source);
@@ -1350,7 +1358,7 @@ var isExternalUrl = function (url) {
     if (match != null &&
         typeof match[2] === 'string' &&
         match[2].length > 0 &&
-        match[2].replace(new RegExp(":( + { 'http:': 80, 'https:': 443 }[" + location.protocol + "] + )?$"), '') !== location.host) {
+        match[2].replace(new RegExp(":( + { 'http:': 80, 'https:': 443 }[".concat(location.protocol, "] + )?$")), '') !== location.host) {
         return true;
     }
     return false;
@@ -1370,7 +1378,7 @@ var isFontLoaded = function (fontName) {
     var text = 'abcdefghijklmnopqrstuvwxyz0123456789';
     context.font = '72px monospace';
     var baselineSize = context.measureText(text).width;
-    context.font = "72px " + fontName + ", monospace";
+    context.font = "72px ".concat(fontName, ", monospace");
     var newSize = context.measureText(text).width;
     canvas = null;
     if (newSize === baselineSize) {
@@ -1378,15 +1386,7 @@ var isFontLoaded = function (fontName) {
     }
     return true;
 };
-var loadOpenSans = function () {
-    var style = document.createElement('link');
-    var head = document.querySelector('head');
-    style.rel = 'stylesheet';
-    style.href = 'https://fonts.googleapis.com/css?family=Open+Sans:400';
-    if (head !== null) {
-        head.appendChild(style);
-    }
-};
+var loadOpenSans = function () { };
 var isObject = function (item) {
     return item && typeof item === 'object' && !Array.isArray(item);
 };
@@ -1409,7 +1409,7 @@ var mergeDeep = function (target, source) {
     return output;
 };
 var removeURLParameters = function (removeParams) {
-    var deleteRegex = new RegExp(removeParams.join('=|') + "=");
+    var deleteRegex = new RegExp("".concat(removeParams.join('=|'), "="));
     var params = location.search.slice(1).split('&');
     var search = [];
     for (var i = 0; i < params.length; i++) {
@@ -1417,13 +1417,21 @@ var removeURLParameters = function (removeParams) {
             search.push(params[i]);
         }
     }
-    var searchString = search.length ? "?" + search.join('&') : '';
-    var redirectUrl = "" + location.pathname + searchString + location.hash;
+    var searchString = search.length ? "?".concat(search.join('&')) : '';
+    var redirectUrl = "".concat(location.pathname).concat(searchString).concat(location.hash);
     window.history.replaceState({}, document.title, redirectUrl);
 };
 var isCrawler = function () {
     return /bot|google|baidu|bing|msn|teoma|slurp|yandex/i.test(navigator.userAgent);
 };
+var inIframe = function () {
+    try {
+        return window.self !== window.top;
+    }
+    catch (e) {
+        return true;
+    }
+};
 
 
 /***/ }),
@@ -1432,12 +1440,12 @@ var isCrawler = function () {
 /*!********************************************!*\
   !*** ./src/scripts/core/widget-manager.ts ***!
   \********************************************/
-/*! exports provided: WidgetManager */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WidgetManager", function() { return WidgetManager; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   WidgetManager: () => (/* binding */ WidgetManager)
+/* harmony export */ });
 /* harmony import */ var _widgets_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../widgets/index */ "./src/scripts/widgets/index.ts");
 /* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config/config */ "./src/scripts/config/config.ts");
 var __assign = (undefined && undefined.__assign) || function () {
@@ -1453,6 +1461,19 @@ var __assign = (undefined && undefined.__assign) || function () {
 };
 
 
+var getTeaserText = function (_a) {
+    var teaserText = _a.teaserText, locale = _a.locale, defaultLocale = _a.defaultLocale;
+    var content = 'Can I help you?';
+    if (teaserText) {
+        if (teaserText[locale]) {
+            content = teaserText[locale];
+        }
+        else if (defaultLocale && teaserText[defaultLocale]) {
+            content = teaserText[defaultLocale];
+        }
+    }
+    return content;
+};
 var WidgetManager = /** @class */ (function () {
     function WidgetManager(app) {
         this.app = app;
@@ -1466,26 +1487,47 @@ var WidgetManager = /** @class */ (function () {
     WidgetManager.prototype.isAppReady = function () {
         return this.app.isReady();
     };
+    WidgetManager.prototype.renderHeader = function (options) {
+        var _this = this;
+        this.headerWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__.HeaderWidget({
+            renderTo: this.chatboxWidget.getBoxElem(),
+            leftCloseButton: options.leftCloseButton,
+        });
+        this.headerWidget.getCloseButton().on('click', function () {
+            if (_this.whatsappWindowWidget && _this.whatsappWindowWidget.isVisible()) {
+                _this.whatsappWindowWidget.hide();
+            }
+            else {
+                _this.chatboxWidget.hide();
+            }
+        });
+    };
     WidgetManager.prototype.renderIframeBox = function () {
-        this.iframeBoxWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__["IframeBoxWidget"]({
+        this.iframeBoxWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__.IframeBoxWidget({
             visible: false,
             renderTo: this.wrapperWidget.getBoxElem(),
         });
     };
+    WidgetManager.prototype.renderFooter = function () {
+        this.footerWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__.FooterWidget({
+            renderTo: this.wrapperWidget.getBoxElem(),
+        });
+    };
     WidgetManager.prototype.renderWrapper = function (options) {
-        this.wrapperWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__["WrapperWidget"]({
+        this.wrapperWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__.WrapperWidget({
             renderTo: document.body,
             position: options.position,
             theme: options.theme,
             direction: options.direction,
             baseCustomCls: options.baseCls,
+            visible: options.visible,
         });
         if (!options.renderButton) {
-            this.wrapperWidget.addCls(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].wrapperNoButtonCls);
+            this.wrapperWidget.addCls(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.wrapperNoButtonCls);
         }
     };
     WidgetManager.prototype.renderContentWrapper = function () {
-        this.contentWrapperWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__["ContentWrapperWidget"]({
+        this.contentWrapperWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__.ContentWrapperWidget({
             renderTo: this.wrapperWidget.getBoxElem(),
         });
     };
@@ -1502,9 +1544,9 @@ var WidgetManager = /** @class */ (function () {
                 content = buttonText[defaultLocale];
             }
         }
-        this.chatButtonWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__["ChatButtonWidget"]({
+        this.chatButtonWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__.ChatButtonWidget({
             content: content,
-            renderTo: this.wrapperWidget.getBoxElem(),
+            renderTo: this.footerWidget.getBoxElem(),
             visible: options.isButtonVisible,
             effects: effects === null || effects === void 0 ? void 0 : effects.chatButton,
             events: [
@@ -1542,12 +1584,13 @@ var WidgetManager = /** @class */ (function () {
         });
     };
     WidgetManager.prototype.renderIframeWidget = function (options, afterRender) {
-        this.iframeWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__["IframeWidget"]({
-            host: _config_config__WEBPACK_IMPORTED_MODULE_1__["config"].env.iframeHost,
+        this.iframeWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__.IframeWidget({
+            host: options.host,
             id: options.id,
             initialElement: options.initialElement,
             locale: options.locale,
             renderTo: this.getChatboxWidget().getBoxElem(),
+            channel: options.channel,
             events: [
                 {
                     type: 'render',
@@ -1562,22 +1605,15 @@ var WidgetManager = /** @class */ (function () {
         var _this = this;
         var locale = options.locale;
         var teaserText = chatConfig.teaserText, defaultLocale = chatConfig.defaultLocale, effects = chatConfig.effects;
-        var content = 'Can I help you?';
-        if (teaserText) {
-            if (teaserText[locale]) {
-                content = teaserText[locale];
-            }
-            else if (defaultLocale && teaserText[defaultLocale]) {
-                content = teaserText[defaultLocale];
-            }
-        }
-        this.teaserWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__["TeaserWidget"]({
+        var content = getTeaserText({ teaserText: teaserText, locale: locale, defaultLocale: defaultLocale });
+        this.teaserWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__.TeaserWidget({
             content: content,
             showTeaserOnce: chatConfig.showTeaserOnce,
             hideTeaserAfterTimes: chatConfig.hideTeaserAfterTimes,
             renderTo: this.contentWrapperWidget.getBoxElem(),
             visible: isTeaserVisible,
             effects: effects === null || effects === void 0 ? void 0 : effects.teaser,
+            custidStoreMode: options.custidStoreMode,
             events: [
                 {
                     type: 'before:show',
@@ -1586,7 +1622,7 @@ var WidgetManager = /** @class */ (function () {
                         if (_this.actionButtonGroupWidget) {
                             _this.actionButtonGroupWidget.show();
                         }
-                        _this.wrapperWidget.addCls(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].wrapperTeaserIsOpenCls);
+                        _this.wrapperWidget.addCls(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.wrapperTeaserIsOpenCls);
                     },
                 },
                 {
@@ -1596,7 +1632,7 @@ var WidgetManager = /** @class */ (function () {
                 {
                     type: 'before:hide',
                     callback: function () {
-                        _this.wrapperWidget.removeCls(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].wrapperTeaserIsOpenCls);
+                        _this.wrapperWidget.removeCls(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.wrapperTeaserIsOpenCls);
                         if (_this.actionButtonGroupWidget) {
                             _this.actionButtonGroupWidget.hide();
                         }
@@ -1616,7 +1652,7 @@ var WidgetManager = /** @class */ (function () {
     };
     WidgetManager.prototype.renderUnreadWidget = function (options, chatConfig) {
         var effects = chatConfig.effects;
-        this.unreadWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__["UnreadWidget"]({
+        this.unreadWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__.UnreadWidget({
             visible: options.unreadCounter > 0 ? true : false,
             renderTo: this.wrapperWidget.getBoxElem(),
             unreadCounter: options.unreadCounter,
@@ -1625,7 +1661,7 @@ var WidgetManager = /** @class */ (function () {
     };
     WidgetManager.prototype.renderChatboxWidget = function (options, beforeShowCallback) {
         var _this = this;
-        this.chatboxWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__["ChatboxWidget"]({
+        this.chatboxWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__.ChatboxWidget({
             visible: options.isChatboxVisible,
             hasExtendedWidth: options.extendedWidth,
             events: [
@@ -1682,7 +1718,7 @@ var WidgetManager = /** @class */ (function () {
     WidgetManager.prototype.renderActionButtonGroupWidget = function (app, options, chatConfig) {
         var _this = this;
         var actionButtons = chatConfig.actionButtons, effects = chatConfig.effects;
-        this.actionButtonGroupWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__["ActionButtonGroupWidget"]({
+        this.actionButtonGroupWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__.ActionButtonGroupWidget({
             renderTo: this.contentWrapperWidget.getBoxElem(),
             effects: effects === null || effects === void 0 ? void 0 : effects.actionButtons,
             visible: actionButtons &&
@@ -1697,10 +1733,12 @@ var WidgetManager = /** @class */ (function () {
     };
     WidgetManager.prototype.renderWhatsappButtonWidget = function (chatConfig) {
         var _this = this;
-        var effects = chatConfig.effects;
-        this.whatsappButtonWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__["WhatsappButtonWidget"]({
-            renderTo: this.wrapperWidget.getBoxElem(),
+        var effects = chatConfig.effects, bwWaButton = chatConfig.bwWaButton, slideWaButton = chatConfig.slideWaButton;
+        this.whatsappButtonWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__.WhatsappButtonWidget({
+            slideWaButton: slideWaButton,
+            renderTo: this.footerWidget.getBoxElem(),
             effects: effects === null || effects === void 0 ? void 0 : effects.whatsappButton,
+            blackWhiteStyle: bwWaButton,
             events: [
                 {
                     type: 'toggle',
@@ -1708,17 +1746,23 @@ var WidgetManager = /** @class */ (function () {
                         if (event.data.isPressed) {
                             if (!_this.isAppReady()) {
                                 _this.getBroadcast().once('ready', function () {
-                                    _this.whatsappWindowWidget.show();
+                                    if (_this.whatsappWindowWidget) {
+                                        _this.whatsappWindowWidget.show();
+                                    }
                                 });
                             }
                             else {
-                                _this.whatsappWindowWidget.show();
+                                if (_this.whatsappWindowWidget) {
+                                    _this.whatsappWindowWidget.show();
+                                }
                             }
                             _this.chatButtonWidget.toggle(true);
                             _this.wrapperWidget.addCls('ds-whatsapp--opened');
                         }
                         else {
-                            _this.whatsappWindowWidget.hide();
+                            if (_this.whatsappWindowWidget) {
+                                _this.whatsappWindowWidget.hide();
+                            }
                             _this.wrapperWidget.removeCls('ds-whatsapp--opened');
                         }
                     },
@@ -1731,7 +1775,7 @@ var WidgetManager = /** @class */ (function () {
     };
     WidgetManager.prototype.renderWhatsappWindowWidget = function (options) {
         var _this = this;
-        this.whatsappWindowWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__["WhatsappWindowWidget"]({
+        this.whatsappWindowWidget = new _widgets_index__WEBPACK_IMPORTED_MODULE_0__.WhatsappWindowWidget({
             renderTo: this.chatboxWidget.getBoxElem(),
             visible: false,
             clientId: options.id,
@@ -1753,7 +1797,9 @@ var WidgetManager = /** @class */ (function () {
             ],
         });
         this.chatboxWidget.on('before:hide', function () {
-            _this.whatsappWindowWidget.hide();
+            if (_this.whatsappWindowWidget) {
+                _this.whatsappWindowWidget.hide();
+            }
         });
     };
     WidgetManager.prototype.getChatButtonWidget = function () {
@@ -1786,15 +1832,51 @@ var WidgetManager = /** @class */ (function () {
     WidgetManager.prototype.getIframeBoxWidget = function () {
         return this.iframeBoxWidget;
     };
+    WidgetManager.prototype.setLocale = function (locale, chatConfig) {
+        var teaserText = chatConfig.teaserText, defaultLocale = chatConfig.defaultLocale;
+        if (this.teaserWidget) {
+            var teaserContent = getTeaserText({ teaserText: teaserText, locale: locale, defaultLocale: defaultLocale });
+            this.teaserWidget.setContent(teaserContent);
+        }
+        if (this.actionButtonGroupWidget) {
+            var buttons = this.actionButtonGroupWidget.getButtons();
+            buttons.forEach(function (button) { return button.setLocale(locale); });
+        }
+        if (this.whatsappWindowWidget) {
+            this.whatsappWindowWidget.setLocale(locale);
+        }
+    };
     WidgetManager.prototype.destroy = function () {
-        this.unreadWidget.destroy();
-        this.teaserWidget.destroy();
-        this.chatButtonWidget.destroy();
-        this.iframeWidget.destroy();
-        this.chatboxWidget.destroy();
-        this.wrapperWidget.destroy();
-        this.actionButtonGroupWidget.destroy();
-        this.iframeBoxWidget.destroy();
+        if (this.unreadWidget) {
+            this.unreadWidget.destroy();
+        }
+        if (this.teaserWidget) {
+            this.teaserWidget.destroy();
+        }
+        if (this.chatButtonWidget) {
+            this.chatButtonWidget.destroy();
+        }
+        if (this.iframeWidget) {
+            this.iframeWidget.destroy();
+        }
+        if (this.chatboxWidget) {
+            this.chatboxWidget.destroy();
+        }
+        if (this.wrapperWidget) {
+            this.wrapperWidget.destroy();
+        }
+        if (this.actionButtonGroupWidget) {
+            this.actionButtonGroupWidget.destroy();
+        }
+        if (this.iframeBoxWidget) {
+            this.iframeBoxWidget.destroy();
+        }
+        if (this.headerWidget) {
+            this.headerWidget.destroy();
+        }
+        if (this.footerWidget) {
+            this.footerWidget.destroy();
+        }
         if (this.whatsappButtonWidget) {
             this.whatsappButtonWidget.destroy();
         }
@@ -1809,29 +1891,21 @@ var WidgetManager = /** @class */ (function () {
 
 /***/ }),
 
-/***/ "./src/scripts/index.ts":
+/***/ "./src/scripts/enums.ts":
 /*!******************************!*\
-  !*** ./src/scripts/index.ts ***!
+  !*** ./src/scripts/enums.ts ***!
   \******************************/
-/*! exports provided: instance */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "instance", function() { return instance; });
-/* harmony import */ var _core_facade__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./core/facade */ "./src/scripts/core/facade.ts");
-/* harmony import */ var _core_app__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./core/app */ "./src/scripts/core/app.ts");
-
-
-var facade = null;
-var instance = function (options) {
-    if (facade && !facade.isDestroyed()) {
-        return facade;
-    }
-    facade = Object(_core_facade__WEBPACK_IMPORTED_MODULE_0__["createFacade"])(new _core_app__WEBPACK_IMPORTED_MODULE_1__["App"](options));
-    return facade;
-};
-
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CustidStoreMode: () => (/* binding */ CustidStoreMode)
+/* harmony export */ });
+var CustidStoreMode;
+(function (CustidStoreMode) {
+    CustidStoreMode["cookie"] = "cookie";
+    CustidStoreMode["session"] = "session";
+})(CustidStoreMode || (CustidStoreMode = {}));
 
 
 /***/ }),
@@ -1840,14 +1914,14 @@ var instance = function (options) {
 /*!*********************************************!*\
   !*** ./src/scripts/models/action-button.ts ***!
   \*********************************************/
-/*! exports provided: ActionButtonType, ActionButton, ActionButtonNormalizer */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionButtonType", function() { return ActionButtonType; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionButton", function() { return ActionButton; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionButtonNormalizer", function() { return ActionButtonNormalizer; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ActionButton: () => (/* binding */ ActionButton),
+/* harmony export */   ActionButtonNormalizer: () => (/* binding */ ActionButtonNormalizer),
+/* harmony export */   ActionButtonType: () => (/* binding */ ActionButtonType)
+/* harmony export */ });
 var ActionButtonType;
 (function (ActionButtonType) {
     ActionButtonType["quickreply"] = "quickreply";
@@ -1894,7 +1968,7 @@ var ActionButtonNormalizer = /** @class */ (function () {
     function ActionButtonNormalizer() {
     }
     ActionButtonNormalizer.normalize = function (data) {
-        var locales = ['en', 'de', 'fr', 'it', 'ru', 'ar'];
+        var locales = ['en', 'de', 'fr', 'it', 'ru', 'ar', 'nl', 'cz', 'hu', 'ro', 'es', 'da'];
         var result = {
             type: data.type,
             successor: data.successor,
@@ -1924,18 +1998,15 @@ var ActionButtonNormalizer = /** @class */ (function () {
 /*!*************************************!*\
   !*** ./src/scripts/models/index.ts ***!
   \*************************************/
-/*! exports provided: ActionButtonType, ActionButton, ActionButtonNormalizer */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ActionButton: () => (/* reexport safe */ _action_button__WEBPACK_IMPORTED_MODULE_0__.ActionButton),
+/* harmony export */   ActionButtonNormalizer: () => (/* reexport safe */ _action_button__WEBPACK_IMPORTED_MODULE_0__.ActionButtonNormalizer),
+/* harmony export */   ActionButtonType: () => (/* reexport safe */ _action_button__WEBPACK_IMPORTED_MODULE_0__.ActionButtonType)
+/* harmony export */ });
 /* harmony import */ var _action_button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./action-button */ "./src/scripts/models/action-button.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActionButtonType", function() { return _action_button__WEBPACK_IMPORTED_MODULE_0__["ActionButtonType"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActionButton", function() { return _action_button__WEBPACK_IMPORTED_MODULE_0__["ActionButton"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActionButtonNormalizer", function() { return _action_button__WEBPACK_IMPORTED_MODULE_0__["ActionButtonNormalizer"]; });
-
 
 
 
@@ -1945,12 +2016,12 @@ __webpack_require__.r(__webpack_exports__);
 /*!*********************************************!*\
   !*** ./src/scripts/services/api.service.ts ***!
   \*********************************************/
-/*! exports provided: ApiService */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ApiService", function() { return ApiService; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ApiService: () => (/* binding */ ApiService)
+/* harmony export */ });
 /* harmony import */ var _http_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./http.service */ "./src/scripts/services/http.service.ts");
 /* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config/config */ "./src/scripts/config/config.ts");
 
@@ -1959,13 +2030,13 @@ var ApiService = /** @class */ (function () {
     function ApiService() {
     }
     ApiService.getTransport = function () {
-        return _http_service__WEBPACK_IMPORTED_MODULE_0__["HttpService"];
+        return _http_service__WEBPACK_IMPORTED_MODULE_0__.HttpService;
     };
     ApiService.getCoreEndpoint = function () {
-        return _config_config__WEBPACK_IMPORTED_MODULE_1__["config"].env.coreApiEndpoint;
+        return _config_config__WEBPACK_IMPORTED_MODULE_1__.config.env.coreApiEndpoint;
     };
     ApiService.getIbeEndpoint = function () {
-        return _config_config__WEBPACK_IMPORTED_MODULE_1__["config"].env.ibeApiEndpoint;
+        return _config_config__WEBPACK_IMPORTED_MODULE_1__.config.env.ibeApiEndpoint;
     };
     ApiService.setContext = function (customerId, key, value) {
         var context = {};
@@ -1974,36 +2045,42 @@ var ApiService = /** @class */ (function () {
             custid: customerId,
             context: JSON.stringify(context),
         };
-        return ApiService.getTransport().postRequest(ApiService.getCoreEndpoint() + "/config/context", data);
+        return ApiService.getTransport().postRequest("".concat(ApiService.getCoreEndpoint(), "/config/context"), data);
     };
     ApiService.getContext = function (customerId, variable) {
         return ApiService.getTransport()
-            .getRequest(ApiService.getCoreEndpoint() + "/config/context/" + customerId + "/" + variable)
+            .getRequest("".concat(ApiService.getCoreEndpoint(), "/config/context/").concat(customerId, "/").concat(variable))
             .then(function (response) {
             return response[variable] ? response[variable] : null;
         });
     };
-    ApiService.getConfig = function (clientId, customerId, channel) {
+    ApiService.getConfig = function (clientId, customerId, host, path, channel) {
         if (customerId === void 0) { customerId = 'none'; }
-        var url = ApiService.getCoreEndpoint() + "/config/webapp/" + clientId + "/" + customerId;
+        var url = "".concat(ApiService.getCoreEndpoint(), "/config/webapp/").concat(clientId, "/").concat(customerId);
+        var queryData = {
+            host: host,
+            path: path,
+        };
         if (channel) {
-            url += "?channel=" + channel;
+            queryData['channel'] = channel;
         }
+        var queryString = new URLSearchParams(queryData);
+        url += "?".concat(queryString.toString());
         return ApiService.getTransport().getRequest(url);
     };
     ApiService.createUser = function (options) {
-        var url = ApiService.getCoreEndpoint() + "/customer/v2/createnew/" + options.source + "/" + options.clientId + "/" + options.locale;
+        var url = "".concat(ApiService.getCoreEndpoint(), "/customer/v2/createnew/").concat(options.source, "/").concat(options.clientId, "/").concat(options.locale);
         if (options.csrfToken) {
-            url += "?csrftoken=" + options.csrfToken;
+            url += "?csrftoken=".concat(options.csrfToken);
         }
         if (options.context) {
             options.csrfToken ? (url += '&') : (url += '?');
-            url += "context=" + encodeURIComponent(JSON.stringify(options.context));
+            url += "context=".concat(encodeURIComponent(JSON.stringify(options.context)));
         }
         url.indexOf('?') === -1 ? (url += '?origin=sdk') : (url += '&origin=sdk');
         url += '&v=2.3.16';
         if (options.debug) {
-            url += "&debug=" + options.debug;
+            url += "&debug=".concat(options.debug);
         }
         return ApiService.getTransport().getRequest(url);
     };
@@ -2016,7 +2093,7 @@ var ApiService = /** @class */ (function () {
         if (options.context) {
             data.context = JSON.stringify(options.context);
         }
-        return ApiService.getTransport().postRequest(ApiService.getCoreEndpoint() + "/customer/validate", data);
+        return ApiService.getTransport().postRequest("".concat(ApiService.getCoreEndpoint(), "/customer/validate"), data);
     };
     ApiService.createToken = function (options) {
         var data = {
@@ -2027,10 +2104,10 @@ var ApiService = /** @class */ (function () {
         if (options.csrftoken) {
             data.csrftoken = options.csrftoken;
         }
-        return ApiService.getTransport().getRequest(ApiService.getCoreEndpoint() + "/customer/csrf", data);
+        return ApiService.getTransport().getRequest("".concat(ApiService.getCoreEndpoint(), "/customer/csrf"), data);
     };
     ApiService.getWhatsappLink = function (clientid, custid) {
-        return ApiService.getTransport().getRequest(ApiService.getIbeEndpoint() + "/whatsapp/onboard", {
+        return ApiService.getTransport().getRequest("".concat(ApiService.getIbeEndpoint(), "/whatsapp/onboard"), {
             clientid: clientid,
             custid: custid,
         });
@@ -2046,13 +2123,13 @@ var ApiService = /** @class */ (function () {
 /*!***********************************************!*\
   !*** ./src/scripts/services/audio.service.ts ***!
   \***********************************************/
-/*! exports provided: AudioSound, AudioService */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudioSound", function() { return AudioSound; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudioService", function() { return AudioService; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AudioService: () => (/* binding */ AudioService),
+/* harmony export */   AudioSound: () => (/* binding */ AudioSound)
+/* harmony export */ });
 var AudioSound;
 (function (AudioSound) {
     AudioSound["appear"] = "appear";
@@ -2082,12 +2159,12 @@ var AudioService = /** @class */ (function () {
 /*!************************************************!*\
   !*** ./src/scripts/services/cookie.service.ts ***!
   \************************************************/
-/*! exports provided: CookieService */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CookieService", function() { return CookieService; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CookieService: () => (/* binding */ CookieService)
+/* harmony export */ });
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -2130,17 +2207,17 @@ var CookieService = /** @class */ (function () {
             params.expires = expires.toUTCString();
         }
         var encodedValue = encodeURIComponent(value);
-        var updatedCookie = name + "=" + encodedValue;
+        var updatedCookie = "".concat(name, "=").concat(encodedValue);
         for (var propName in params) {
-            updatedCookie = updatedCookie + "; " + propName;
+            updatedCookie = "".concat(updatedCookie, "; ").concat(propName);
             var propValue = params[propName];
             if (propValue !== true) {
-                updatedCookie = updatedCookie + "=" + propValue;
+                updatedCookie = "".concat(updatedCookie, "=").concat(propValue);
             }
         }
         document.cookie = updatedCookie;
     };
-    CookieService["delete"] = function (name) {
+    CookieService.delete = function (name) {
         CookieService.set(name, '', {
             'max-age': -1,
         });
@@ -2151,18 +2228,48 @@ var CookieService = /** @class */ (function () {
 
 
 
+/***/ }),
+
+/***/ "./src/scripts/services/ga.service.ts":
+/*!********************************************!*\
+  !*** ./src/scripts/services/ga.service.ts ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   GaService: () => (/* binding */ GaService)
+/* harmony export */ });
+var GaService = /** @class */ (function () {
+    function GaService() {
+    }
+    GaService.getGaValue = function () {
+        for (var _i = 0, _a = document.cookie.split(';'); _i < _a.length; _i++) {
+            var c = _a[_i];
+            var d = c.trim();
+            if (d.startsWith('_ga=')) {
+                return d.split('=', 2)[1];
+            }
+        }
+        return null;
+    };
+    return GaService;
+}());
+
+
+
 /***/ }),
 
 /***/ "./src/scripts/services/http.service.ts":
 /*!**********************************************!*\
   !*** ./src/scripts/services/http.service.ts ***!
   \**********************************************/
-/*! exports provided: HttpService */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpService", function() { return HttpService; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   HttpService: () => (/* binding */ HttpService)
+/* harmony export */ });
 var HttpService = /** @class */ (function () {
     function HttpService() {
     }
@@ -2177,7 +2284,7 @@ var HttpService = /** @class */ (function () {
     };
     HttpService.getRequest = function (url, options) {
         var queryString = options
-            ? url + "?" + new URLSearchParams(options).toString()
+            ? "".concat(url, "?").concat(new URLSearchParams(options).toString())
             : url;
         return fetch(queryString).then(this.processError).then(this.processJson);
     };
@@ -2203,29 +2310,23 @@ var HttpService = /** @class */ (function () {
 /*!***************************************!*\
   !*** ./src/scripts/services/index.ts ***!
   \***************************************/
-/*! exports provided: ApiService, HttpService, WebchatService, CookieService, UserService, TokenService */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ApiService: () => (/* reexport safe */ _api_service__WEBPACK_IMPORTED_MODULE_0__.ApiService),
+/* harmony export */   CookieService: () => (/* reexport safe */ _cookie_service__WEBPACK_IMPORTED_MODULE_3__.CookieService),
+/* harmony export */   HttpService: () => (/* reexport safe */ _http_service__WEBPACK_IMPORTED_MODULE_1__.HttpService),
+/* harmony export */   TokenService: () => (/* reexport safe */ _token_service__WEBPACK_IMPORTED_MODULE_5__.TokenService),
+/* harmony export */   UserService: () => (/* reexport safe */ _user_service__WEBPACK_IMPORTED_MODULE_4__.UserService),
+/* harmony export */   WebchatService: () => (/* reexport safe */ _webchat_service__WEBPACK_IMPORTED_MODULE_2__.WebchatService)
+/* harmony export */ });
 /* harmony import */ var _api_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./api.service */ "./src/scripts/services/api.service.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ApiService", function() { return _api_service__WEBPACK_IMPORTED_MODULE_0__["ApiService"]; });
-
 /* harmony import */ var _http_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./http.service */ "./src/scripts/services/http.service.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HttpService", function() { return _http_service__WEBPACK_IMPORTED_MODULE_1__["HttpService"]; });
-
 /* harmony import */ var _webchat_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./webchat.service */ "./src/scripts/services/webchat.service.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WebchatService", function() { return _webchat_service__WEBPACK_IMPORTED_MODULE_2__["WebchatService"]; });
-
 /* harmony import */ var _cookie_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./cookie.service */ "./src/scripts/services/cookie.service.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CookieService", function() { return _cookie_service__WEBPACK_IMPORTED_MODULE_3__["CookieService"]; });
-
 /* harmony import */ var _user_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./user.service */ "./src/scripts/services/user.service.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UserService", function() { return _user_service__WEBPACK_IMPORTED_MODULE_4__["UserService"]; });
-
 /* harmony import */ var _token_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./token.service */ "./src/scripts/services/token.service.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TokenService", function() { return _token_service__WEBPACK_IMPORTED_MODULE_5__["TokenService"]; });
-
 
 
 
@@ -2240,27 +2341,26 @@ __webpack_require__.r(__webpack_exports__);
 /*!***********************************************!*\
   !*** ./src/scripts/services/token.service.ts ***!
   \***********************************************/
-/*! exports provided: TokenService */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TokenService", function() { return TokenService; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TokenService: () => (/* binding */ TokenService)
+/* harmony export */ });
 /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! . */ "./src/scripts/services/index.ts");
 /* harmony import */ var _core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/utils */ "./src/scripts/core/utils.ts");
 
 
 var csrfCookieName = 'ds-csrf';
-var customerIdCookieName = 'ds-custid';
 var TokenService = /** @class */ (function () {
     function TokenService() {
     }
     TokenService.touchToken = function (clientId, csrfAfter) {
         return new Promise(function (resolve) {
-            var customerId = ___WEBPACK_IMPORTED_MODULE_0__["CookieService"].get(customerIdCookieName);
-            var csrftoken = ___WEBPACK_IMPORTED_MODULE_0__["CookieService"].get(csrfCookieName);
+            var customerId = ___WEBPACK_IMPORTED_MODULE_0__.UserService.getCustomerId();
+            var csrftoken = ___WEBPACK_IMPORTED_MODULE_0__.CookieService.get(csrfCookieName);
             var sec = btoa(window.screen.width.toString());
-            var realUserScore = Object(_core_utils__WEBPACK_IMPORTED_MODULE_1__["isCrawler"])() ? 0 : 100;
+            var realUserScore = (0,_core_utils__WEBPACK_IMPORTED_MODULE_1__.isCrawler)() ? 0 : 100;
             if (customerId) {
                 resolve(customerId);
             }
@@ -2269,18 +2369,18 @@ var TokenService = /** @class */ (function () {
             }
             else {
                 setTimeout(function () {
-                    if (___WEBPACK_IMPORTED_MODULE_0__["CookieService"].get(customerIdCookieName)) {
+                    if (___WEBPACK_IMPORTED_MODULE_0__.UserService.getCustomerId()) {
                         return;
                     }
-                    ___WEBPACK_IMPORTED_MODULE_0__["ApiService"].createToken({
+                    ___WEBPACK_IMPORTED_MODULE_0__.ApiService.createToken({
                         clientId: clientId,
                         csrftoken: csrftoken,
                         sec: sec,
                         realUserScore: realUserScore,
                     }).then(function (response) {
                         if (!csrftoken) {
-                            ___WEBPACK_IMPORTED_MODULE_0__["CookieService"].set(csrfCookieName, response.csrftoken, {
-                                expires: 86400 * 7,
+                            ___WEBPACK_IMPORTED_MODULE_0__.CookieService.set(csrfCookieName, response.csrftoken, {
+                                expires: 86400 * 7, // 7 days
                             });
                             resolve(response.csrftoken);
                         }
@@ -2290,7 +2390,7 @@ var TokenService = /** @class */ (function () {
         });
     };
     TokenService.deleteToken = function () {
-        ___WEBPACK_IMPORTED_MODULE_0__["CookieService"]["delete"](csrfCookieName);
+        ___WEBPACK_IMPORTED_MODULE_0__.CookieService.delete(csrfCookieName);
     };
     return TokenService;
 }());
@@ -2303,14 +2403,18 @@ var TokenService = /** @class */ (function () {
 /*!**********************************************!*\
   !*** ./src/scripts/services/user.service.ts ***!
   \**********************************************/
-/*! exports provided: UserService */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserService", function() { return UserService; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UserService: () => (/* binding */ UserService)
+/* harmony export */ });
 /* harmony import */ var ___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ */ "./src/scripts/services/index.ts");
 /* harmony import */ var _core_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/utils */ "./src/scripts/core/utils.ts");
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../enums */ "./src/scripts/enums.ts");
+/* harmony import */ var _ga_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ga.service */ "./src/scripts/services/ga.service.ts");
+
+
 
 
 var customerIdCookieName = 'ds-custid';
@@ -2318,32 +2422,114 @@ var UserService = /** @class */ (function () {
     function UserService() {
     }
     UserService.getCustomerId = function () {
-        return ___WEBPACK_IMPORTED_MODULE_0__["CookieService"].get(customerIdCookieName);
+        if (this.custidStoreMode === _enums__WEBPACK_IMPORTED_MODULE_2__.CustidStoreMode.cookie) {
+            return ___WEBPACK_IMPORTED_MODULE_0__.CookieService.get(customerIdCookieName);
+        }
+        else {
+            var customerId = this.customerId;
+            /* let customerId: string | null = null
+            try {
+              customerId = sessionStorage.getItem(customerIdCookieName)
+            } catch (e) {
+              console.log('Session storage blocked.')
+            }*/
+            if (customerId === null) {
+                customerId = ___WEBPACK_IMPORTED_MODULE_0__.CookieService.get(customerIdCookieName);
+            }
+            return customerId;
+        }
     };
     UserService.setCustomerId = function (id, expires) {
-        ___WEBPACK_IMPORTED_MODULE_0__["CookieService"].set(customerIdCookieName, id, {
-            expires: expires ? expires : 86400 * 90,
-        });
-        ___WEBPACK_IMPORTED_MODULE_0__["TokenService"].deleteToken();
+        this.saveCustomerId(id, expires);
+        ___WEBPACK_IMPORTED_MODULE_0__.TokenService.deleteToken();
+    };
+    UserService.saveCustomerId = function (id, expires) {
+        if (this.custidStoreMode === _enums__WEBPACK_IMPORTED_MODULE_2__.CustidStoreMode.cookie) {
+            ___WEBPACK_IMPORTED_MODULE_0__.CookieService.set(customerIdCookieName, id, {
+                expires: expires ? expires : 86400 * 90, // 90 days
+            });
+        }
+        else {
+            this.customerId = id;
+            /* try {
+              sessionStorage.setItem(customerIdCookieName, id)
+            } catch (e) {
+              console.log('Session storage blocked.')
+            }*/
+        }
+    };
+    UserService.deleteCustomerId = function () {
+        if (this.custidStoreMode === _enums__WEBPACK_IMPORTED_MODULE_2__.CustidStoreMode.cookie) {
+            ___WEBPACK_IMPORTED_MODULE_0__.CookieService.delete(customerIdCookieName);
+        }
+        else {
+            this.customerId = null;
+            /* try {
+              sessionStorage.removeItem(customerIdCookieName)
+            } catch (e) {
+              console.log('Session storage blocked.')
+            }
+            if (CookieService.get(customerIdCookieName) !== null) {
+              CookieService.delete(customerIdCookieName)
+            }*/
+        }
     };
     UserService.updateCookieLifetime = function (forgetCustomerAfterHours) {
-        if (UserService.getCustomerId()) {
+        if (this.custidStoreMode === _enums__WEBPACK_IMPORTED_MODULE_2__.CustidStoreMode.cookie && UserService.getCustomerId()) {
             UserService.setCustomerId(UserService.getCustomerId(), 3600 * forgetCustomerAfterHours);
         }
     };
+    UserService.switchToCookieModeAfterConsent = function () {
+        this.custidStoreMode = _enums__WEBPACK_IMPORTED_MODULE_2__.CustidStoreMode.cookie;
+        var customerId = this.customerId;
+        /* let customerId = null
+        try {
+          customerId = sessionStorage.getItem(customerIdCookieName)
+        } catch (e) {
+          console.log('Session storage blocked.')
+        }*/
+        if (customerId !== null) {
+            UserService.saveCustomerId(customerId);
+            /* try {
+              sessionStorage.removeItem(customerIdCookieName)
+            } catch (e) {
+              console.log('Session storage blocked.')
+            }*/
+        }
+    };
+    UserService.switchToSessionModeAfterConsentDismiss = function () {
+        var customerId = ___WEBPACK_IMPORTED_MODULE_0__.CookieService.get(customerIdCookieName);
+        UserService.deleteCustomerId();
+        this.custidStoreMode = _enums__WEBPACK_IMPORTED_MODULE_2__.CustidStoreMode.session;
+        if (customerId !== null) {
+            this.customerId = customerId;
+            /* try {
+              sessionStorage.setItem(customerIdCookieName, customerId)
+            } catch (e) {
+              console.log('Session storage blocked.');
+            }*/
+        }
+    };
     UserService.touchUser = function (clientId, locale, csrfToken, context) {
+        var _this = this;
         return new Promise(function (resolve) {
             var source = 'pwa-embed';
-            var customerId = ___WEBPACK_IMPORTED_MODULE_0__["CookieService"].get(customerIdCookieName);
+            var customerId = _this.getCustomerId();
             if (!clientId) {
                 throw new Error('Client ID is undefined');
             }
             if (location.pathname.indexOf('/g/') !== -1) {
                 source = 'pwa-c2o';
             }
+            if (_this.loadGaContext) {
+                var ga = _ga_service__WEBPACK_IMPORTED_MODULE_3__.GaService.getGaValue();
+                if (ga !== null) {
+                    context['_ga'] = ga;
+                }
+            }
             // remove one month later 03.03.2021
             if (!customerId && customerId !== 'null') {
-                ___WEBPACK_IMPORTED_MODULE_0__["ApiService"].createUser({
+                ___WEBPACK_IMPORTED_MODULE_0__.ApiService.createUser({
                     clientId: clientId,
                     source: source,
                     locale: locale,
@@ -2356,8 +2542,8 @@ var UserService = /** @class */ (function () {
                 });
             }
             else {
-                var currentURL = Object(_core_utils__WEBPACK_IMPORTED_MODULE_1__["parseUrlParam"])(window.location.href, 'curl');
-                ___WEBPACK_IMPORTED_MODULE_0__["ApiService"].validateUser({
+                var currentURL = (0,_core_utils__WEBPACK_IMPORTED_MODULE_1__.parseUrlParam)(window.location.href, 'curl');
+                ___WEBPACK_IMPORTED_MODULE_0__.ApiService.validateUser({
                     clientId: clientId,
                     customerId: customerId,
                     currentURL: currentURL,
@@ -2365,8 +2551,9 @@ var UserService = /** @class */ (function () {
                 })
                     .then(function () {
                     resolve(customerId);
-                })["catch"](function () {
-                    ___WEBPACK_IMPORTED_MODULE_0__["ApiService"].createUser({
+                })
+                    .catch(function () {
+                    ___WEBPACK_IMPORTED_MODULE_0__.ApiService.createUser({
                         clientId: clientId,
                         source: source,
                         locale: locale,
@@ -2381,10 +2568,17 @@ var UserService = /** @class */ (function () {
         });
     };
     UserService.deleteUser = function () {
-        ___WEBPACK_IMPORTED_MODULE_0__["CookieService"]["delete"](customerIdCookieName);
-        ___WEBPACK_IMPORTED_MODULE_0__["CookieService"]["delete"]('times-counter');
-        ___WEBPACK_IMPORTED_MODULE_0__["CookieService"]["delete"]('teaser-display');
-    };
+        this.deleteCustomerId();
+        /* try {
+          sessionStorage.removeItem('ds-times-counter')
+          sessionStorage.removeItem('ds-teaser-display')
+        } catch (e) {
+          console.log('Session storage blocked.')
+        }*/
+    };
+    UserService.custidStoreMode = _enums__WEBPACK_IMPORTED_MODULE_2__.CustidStoreMode.cookie;
+    UserService.loadGaContext = false;
+    UserService.customerId = null;
     return UserService;
 }());
 
@@ -2396,12 +2590,12 @@ var UserService = /** @class */ (function () {
 /*!*************************************************!*\
   !*** ./src/scripts/services/webchat.service.ts ***!
   \*************************************************/
-/*! exports provided: WebchatService */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WebchatService", function() { return WebchatService; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   WebchatService: () => (/* binding */ WebchatService)
+/* harmony export */ });
 var WebchatService = /** @class */ (function () {
     function WebchatService(options) {
         this.targetWindow = options.targetWindow;
@@ -2434,12 +2628,12 @@ var WebchatService = /** @class */ (function () {
 /*!***********************************************************!*\
   !*** ./src/scripts/widgets/action-button-group.widget.ts ***!
   \***********************************************************/
-/*! exports provided: ActionButtonGroupWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionButtonGroupWidget", function() { return ActionButtonGroupWidget; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ActionButtonGroupWidget: () => (/* binding */ ActionButtonGroupWidget)
+/* harmony export */ });
 /* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/base-widget */ "./src/scripts/core/base-widget.ts");
 /* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config/config */ "./src/scripts/config/config.ts");
 /* harmony import */ var _action_button_widget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./action-button.widget */ "./src/scripts/widgets/action-button.widget.ts");
@@ -2448,10 +2642,12 @@ var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -2469,20 +2665,23 @@ var ActionButtonGroupWidget = /** @class */ (function (_super) {
         return _this;
     }
     ActionButtonGroupWidget.prototype.getBaseCls = function () {
-        return _config_config__WEBPACK_IMPORTED_MODULE_1__["config"].actionButtonGroupCls;
+        return _config_config__WEBPACK_IMPORTED_MODULE_1__.config.actionButtonGroupCls;
     };
     ActionButtonGroupWidget.prototype.getDisplayMode = function () {
         return 'flex';
     };
     ActionButtonGroupWidget.prototype.addButton = function (options) {
-        var button = new _action_button_widget__WEBPACK_IMPORTED_MODULE_2__["ActionButtonWidget"]({
+        var button = new _action_button_widget__WEBPACK_IMPORTED_MODULE_2__.ActionButtonWidget({
             locale: options.locale,
-            actionButton: _models__WEBPACK_IMPORTED_MODULE_3__["ActionButton"].fromJson(options),
+            actionButton: _models__WEBPACK_IMPORTED_MODULE_3__.ActionButton.fromJson(options),
             renderTo: this.getBoxElem(),
             app: options.app,
         });
         this.buttons.push(button);
     };
+    ActionButtonGroupWidget.prototype.getButtons = function () {
+        return this.buttons;
+    };
     ActionButtonGroupWidget.prototype.clearButtons = function () {
         this.buttons.forEach(function (item) { return item.destroy(); });
     };
@@ -2504,7 +2703,7 @@ var ActionButtonGroupWidget = /** @class */ (function (_super) {
         _super.prototype.hideNode.call(this);
     };
     return ActionButtonGroupWidget;
-}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__["BaseWidget"]));
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
 
 
 
@@ -2514,12 +2713,12 @@ var ActionButtonGroupWidget = /** @class */ (function (_super) {
 /*!*****************************************************!*\
   !*** ./src/scripts/widgets/action-button.widget.ts ***!
   \*****************************************************/
-/*! exports provided: ActionButtonWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionButtonWidget", function() { return ActionButtonWidget; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ActionButtonWidget: () => (/* binding */ ActionButtonWidget)
+/* harmony export */ });
 /* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/base-widget */ "./src/scripts/core/base-widget.ts");
 /* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config/config */ "./src/scripts/config/config.ts");
 /* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../models */ "./src/scripts/models/index.ts");
@@ -2527,10 +2726,12 @@ var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -2543,16 +2744,12 @@ var ActionButtonWidget = /** @class */ (function (_super) {
     __extends(ActionButtonWidget, _super);
     function ActionButtonWidget(options) {
         var _this = _super.call(this, options) || this;
-        var title = _this.actionButton.getTitle(_this.locale);
-        if (!title) {
-            title = 'Button';
-        }
-        _this.setContent(title);
+        _this.setLocale(_this.locale);
         return _this;
     }
     ActionButtonWidget.prototype.bindEvents = function () {
         var _this = this;
-        if (this.actionButton.getType() === _models__WEBPACK_IMPORTED_MODULE_2__["ActionButtonType"].quickreply) {
+        if (this.actionButton.getType() === _models__WEBPACK_IMPORTED_MODULE_2__.ActionButtonType.quickreply) {
             this.getBoxElem().addEventListener('click', function () {
                 _this.app.triggerElement({
                     successor: _this.actionButton.getSuccessor(),
@@ -2560,7 +2757,7 @@ var ActionButtonWidget = /** @class */ (function (_super) {
                 });
             });
         }
-        if (this.actionButton.getType() === _models__WEBPACK_IMPORTED_MODULE_2__["ActionButtonType"].callback) {
+        if (this.actionButton.getType() === _models__WEBPACK_IMPORTED_MODULE_2__.ActionButtonType.callback) {
             this.getBoxElem().addEventListener('click', function () {
                 var callback = _this.actionButton.getCallback();
                 callback();
@@ -2572,10 +2769,18 @@ var ActionButtonWidget = /** @class */ (function (_super) {
         this.bindEvents();
     };
     ActionButtonWidget.prototype.getBaseCls = function () {
-        return _config_config__WEBPACK_IMPORTED_MODULE_1__["config"].actionButtonCls;
+        return _config_config__WEBPACK_IMPORTED_MODULE_1__.config.actionButtonCls;
+    };
+    ActionButtonWidget.prototype.setLocale = function (locale) {
+        this.locale = locale;
+        var title = this.actionButton.getTitle(this.locale);
+        if (!title) {
+            title = 'Press me';
+        }
+        this.setContent(title);
     };
     return ActionButtonWidget;
-}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__["BaseWidget"]));
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
 
 
 
@@ -2585,22 +2790,25 @@ var ActionButtonWidget = /** @class */ (function (_super) {
 /*!***************************************************!*\
   !*** ./src/scripts/widgets/chat-button.widget.ts ***!
   \***************************************************/
-/*! exports provided: ChatButtonWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChatButtonWidget", function() { return ChatButtonWidget; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ChatButtonWidget: () => (/* binding */ ChatButtonWidget)
+/* harmony export */ });
 /* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/base-widget */ "./src/scripts/core/base-widget.ts");
 /* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config/config */ "./src/scripts/config/config.ts");
+/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../consts */ "./src/scripts/consts.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -2608,6 +2816,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 })();
 
 
+
 var ChatButtonWidget = /** @class */ (function (_super) {
     __extends(ChatButtonWidget, _super);
     function ChatButtonWidget(options) {
@@ -2622,26 +2831,34 @@ var ChatButtonWidget = /** @class */ (function (_super) {
         });
     };
     ChatButtonWidget.prototype.getBaseCls = function () {
-        return _config_config__WEBPACK_IMPORTED_MODULE_1__["config"].buttonCls;
+        return _config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonCls;
     };
     ChatButtonWidget.prototype.render = function () {
         var boxElem = this.getBoxElem();
-        boxElem.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].buttonLogoCls);
+        var iconContainer = document.createElement('div');
+        iconContainer.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonIconContainerCls);
+        iconContainer.innerHTML = _consts__WEBPACK_IMPORTED_MODULE_2__.iconSvg;
+        boxElem.appendChild(iconContainer);
+        boxElem.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonLogoCls);
         this.bindEvents();
         _super.prototype.render.call(this);
     };
-    ChatButtonWidget.prototype.toggle = function (state, suppressEvent) {
+    ChatButtonWidget.prototype.toggle = function (state, suppressEvent, timeout) {
+        var _this = this;
         if (suppressEvent === void 0) { suppressEvent = false; }
+        if (timeout === void 0) { timeout = 100; }
         var isPressed = state === undefined ? !this.isPressed : !!state;
         if (isPressed === this.isPressed) {
             return;
         }
         this.isPressed = isPressed;
         if (isPressed) {
-            this.getBoxElem().classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].buttonActiveCls);
+            this.getBoxElem().classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonHiddenCls);
         }
         else {
-            this.getBoxElem().classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].buttonActiveCls);
+            setTimeout(function () {
+                _this.getBoxElem().classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonHiddenCls);
+            }, timeout);
         }
         if (!suppressEvent) {
             this.fire('toggle', {
@@ -2652,14 +2869,14 @@ var ChatButtonWidget = /** @class */ (function (_super) {
     ChatButtonWidget.prototype.setContent = function (text) {
         _super.prototype.setContent.call(this, text);
         if (text) {
-            this.getBoxElem().classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].buttonWithTextCls);
+            this.getBoxElem().classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonWithTextCls);
         }
         else {
-            this.getBoxElem().classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].buttonWithTextCls);
+            this.getBoxElem().classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonWithTextCls);
         }
     };
     return ChatButtonWidget;
-}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__["BaseWidget"]));
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
 
 
 
@@ -2669,22 +2886,24 @@ var ChatButtonWidget = /** @class */ (function (_super) {
 /*!***********************************************!*\
   !*** ./src/scripts/widgets/chatbox.widget.ts ***!
   \***********************************************/
-/*! exports provided: ChatboxWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ChatboxWidget", function() { return ChatboxWidget; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ChatboxWidget: () => (/* binding */ ChatboxWidget)
+/* harmony export */ });
 /* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/base-widget */ "./src/scripts/core/base-widget.ts");
 /* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config/config */ "./src/scripts/config/config.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -2700,11 +2919,11 @@ var ChatboxWidget = /** @class */ (function (_super) {
         _this.setState('loading');
         if (options.hasExtendedWidth) {
             _this.hasExtendedWidth = true;
-            _this.getBoxElem().classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].chatHasExtendedWidth);
+            _this.getBoxElem().classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.chatHasExtendedWidth);
         }
-        _this.on('before:show', function () { return document.body.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].chatIsOpen); });
+        _this.on('before:show', function () { return document.body.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.chatIsOpen); });
         _this.on('before:hide', function () {
-            return document.body.classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].chatIsOpen);
+            return document.body.classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.chatIsOpen);
         });
         return _this;
     }
@@ -2714,45 +2933,47 @@ var ChatboxWidget = /** @class */ (function (_super) {
         boxElem.style.visibility = 'visible';
         setTimeout(function () {
             boxElem.style.opacity = '1';
+            boxElem.style.transform = 'translateY(0)';
         });
     };
     ChatboxWidget.prototype.hideNode = function () {
         var boxElem = this.getBoxElem();
         boxElem.style.opacity = '0';
+        boxElem.style.transform = 'translateY(10px)';
         setTimeout(function () {
             boxElem.style.zIndex = '-1';
             boxElem.style.visibility = 'hidden';
-        });
+        }, 100);
     };
     ChatboxWidget.prototype.getBaseCls = function () {
-        return _config_config__WEBPACK_IMPORTED_MODULE_1__["config"].chatCls;
+        return _config_config__WEBPACK_IMPORTED_MODULE_1__.config.chatCls;
     };
     ChatboxWidget.prototype.setState = function (state) {
         if (state === 'loading') {
-            this.getBoxElem().classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].chatLoadingCls);
+            this.getBoxElem().classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.chatLoadingCls);
         }
         if (state === 'ready') {
-            this.getBoxElem().classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].chatLoadingCls);
+            this.getBoxElem().classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.chatLoadingCls);
         }
     };
     ChatboxWidget.prototype.renderLoader = function () {
         var loaderAnimation = '<svg xmlns="http://www.w3.org/2000/svg" width="64px" height="64px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><g transform="rotate(0 50 50)"><rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#6a6a6a"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(30 50 50)"><rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#6a6a6a"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(60 50 50)"><rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#6a6a6a"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(90 50 50)"><rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#6a6a6a"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(120 50 50)"><rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#6a6a6a"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(150 50 50)"><rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#6a6a6a"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(180 50 50)"><rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#6a6a6a"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(210 50 50)"><rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#6a6a6a"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(240 50 50)"><rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#6a6a6a"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(270 50 50)"><rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#6a6a6a"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(300 50 50)"><rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#6a6a6a"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(330 50 50)"><rect x="47" y="24" rx="3" ry="6" width="6" height="12" fill="#6a6a6a"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate></rect></g></svg>';
         var loader = document.createElement('div');
-        loader.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].chatLoaderCls);
+        loader.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.chatLoaderCls);
         var loaderImage = document.createElement('div');
-        loaderImage.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].chatLoaderImageCls);
+        loaderImage.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.chatLoaderImageCls);
         loaderImage.innerHTML = loaderAnimation;
         loader.appendChild(loaderImage);
         return loader;
     };
     ChatboxWidget.prototype.render = function (renderTo) {
         var boxElem = this.getBoxElem();
-        boxElem.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].chatCls);
+        boxElem.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.chatCls);
         boxElem.appendChild(this.renderLoader());
         _super.prototype.render.call(this, renderTo);
     };
     return ChatboxWidget;
-}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__["BaseWidget"]));
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
 
 
 
@@ -2762,22 +2983,24 @@ var ChatboxWidget = /** @class */ (function (_super) {
 /*!*******************************************************!*\
   !*** ./src/scripts/widgets/content-wrapper.widget.ts ***!
   \*******************************************************/
-/*! exports provided: ContentWrapperWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContentWrapperWidget", function() { return ContentWrapperWidget; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ContentWrapperWidget: () => (/* binding */ ContentWrapperWidget)
+/* harmony export */ });
 /* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/base-widget */ "./src/scripts/core/base-widget.ts");
 /* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config/config */ "./src/scripts/config/config.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -2793,10 +3016,179 @@ var ContentWrapperWidget = /** @class */ (function (_super) {
         return _this;
     }
     ContentWrapperWidget.prototype.getBaseCls = function () {
-        return _config_config__WEBPACK_IMPORTED_MODULE_1__["config"].contentWrapperCls;
+        return _config_config__WEBPACK_IMPORTED_MODULE_1__.config.contentWrapperCls;
     };
     return ContentWrapperWidget;
-}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__["BaseWidget"]));
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
+
+
+
+/***/ }),
+
+/***/ "./src/scripts/widgets/footer.widget.ts":
+/*!**********************************************!*\
+  !*** ./src/scripts/widgets/footer.widget.ts ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FooterWidget: () => (/* binding */ FooterWidget)
+/* harmony export */ });
+/* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/base-widget */ "./src/scripts/core/base-widget.ts");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+var config = {
+    baseCls: 'ds-footer',
+};
+var FooterWidget = /** @class */ (function (_super) {
+    __extends(FooterWidget, _super);
+    function FooterWidget(options) {
+        return _super.call(this, options) || this;
+    }
+    FooterWidget.prototype.getBaseCls = function () {
+        return config.baseCls;
+    };
+    return FooterWidget;
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
+
+
+
+/***/ }),
+
+/***/ "./src/scripts/widgets/header/header-close-button.widget.ts":
+/*!******************************************************************!*\
+  !*** ./src/scripts/widgets/header/header-close-button.widget.ts ***!
+  \******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   HeaderCloseButtonWidget: () => (/* binding */ HeaderCloseButtonWidget)
+/* harmony export */ });
+/* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../core/base-widget */ "./src/scripts/core/base-widget.ts");
+/* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../config/config */ "./src/scripts/config/config.ts");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+var HeaderCloseButtonWidget = /** @class */ (function (_super) {
+    __extends(HeaderCloseButtonWidget, _super);
+    function HeaderCloseButtonWidget(options) {
+        var _this = _super.call(this, options) || this;
+        _this.leftCloseButton = options.leftCloseButton;
+        return _this;
+    }
+    HeaderCloseButtonWidget.prototype.bindEvents = function () {
+        var _this = this;
+        this.getBoxElem().addEventListener('click', function () {
+            _this.fire('click');
+        });
+    };
+    HeaderCloseButtonWidget.prototype.render = function () {
+        _super.prototype.render.call(this);
+        this.bindEvents();
+    };
+    HeaderCloseButtonWidget.prototype.getBaseCls = function () {
+        var cls = _config_config__WEBPACK_IMPORTED_MODULE_1__.config.headerCloseButtonCls;
+        if (this.leftCloseButton) {
+            cls += " ".concat(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.headerCloseButtonLeftCls);
+        }
+        return cls;
+    };
+    return HeaderCloseButtonWidget;
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
+
+
+
+/***/ }),
+
+/***/ "./src/scripts/widgets/header/header.widget.ts":
+/*!*****************************************************!*\
+  !*** ./src/scripts/widgets/header/header.widget.ts ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   HeaderWidget: () => (/* binding */ HeaderWidget)
+/* harmony export */ });
+/* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../core/base-widget */ "./src/scripts/core/base-widget.ts");
+/* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../config/config */ "./src/scripts/config/config.ts");
+/* harmony import */ var _header_close_button_widget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./header-close-button.widget */ "./src/scripts/widgets/header/header-close-button.widget.ts");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+var HeaderWidget = /** @class */ (function (_super) {
+    __extends(HeaderWidget, _super);
+    function HeaderWidget(options) {
+        var _this = _super.call(this, options) || this;
+        _this.leftCloseButton = options.leftCloseButton;
+        return _this;
+    }
+    HeaderWidget.prototype.getBaseCls = function () {
+        return _config_config__WEBPACK_IMPORTED_MODULE_1__.config.headerCls;
+    };
+    HeaderWidget.prototype.getDisplayMode = function () {
+        return 'flex';
+    };
+    HeaderWidget.prototype.renderCloseButton = function () {
+        this.closeButton = new _header_close_button_widget__WEBPACK_IMPORTED_MODULE_2__.HeaderCloseButtonWidget({
+            renderTo: this.getBoxElem(),
+            leftCloseButton: this.leftCloseButton,
+        });
+    };
+    HeaderWidget.prototype.getCloseButton = function () {
+        return this.closeButton;
+    };
+    HeaderWidget.prototype.render = function (renderTo) {
+        _super.prototype.render.call(this, renderTo);
+        this.renderCloseButton();
+    };
+    return HeaderWidget;
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
 
 
 
@@ -2806,21 +3198,23 @@ var ContentWrapperWidget = /** @class */ (function (_super) {
 /*!**************************************************!*\
   !*** ./src/scripts/widgets/iframe-box.widget.ts ***!
   \**************************************************/
-/*! exports provided: IframeBoxWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IframeBoxWidget", function() { return IframeBoxWidget; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   IframeBoxWidget: () => (/* binding */ IframeBoxWidget)
+/* harmony export */ });
 /* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/base-widget */ "./src/scripts/core/base-widget.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -2844,21 +3238,18 @@ var IframeBoxWidget = /** @class */ (function (_super) {
     IframeBoxWidget.prototype.getBaseCls = function () {
         return config.baseCls;
     };
-    // getBoxElem(): HTMLIFrameElement {
-    //   return super.getBoxElem() as HTMLIFrameElement
-    // }
     IframeBoxWidget.prototype.isLoaded = function () {
         return this.loaded;
     };
-    // createNode(): HTMLIFrameElement {
-    //   return document.createElement('iframe')
-    // }
     IframeBoxWidget.prototype.load = function (url) {
         if (!this.iframe) {
             this.iframe = document.createElement('iframe');
             this.iframe.src = url;
             this.iframe.scrolling = 'yes';
             this.iframe.frameBorder = '0';
+            this.iframe.sandbox.add('allow-same-origin');
+            this.iframe.sandbox.add('allow-scripts');
+            this.iframe.sandbox.add('allow-forms');
             this.getBoxElem().appendChild(this.iframe);
         }
         else {
@@ -2889,10 +3280,10 @@ var IframeBoxWidget = /** @class */ (function (_super) {
         });
     };
     IframeBoxWidget.prototype.setWidth = function (width) {
-        this.getBoxElem().style.width = width + "px";
+        this.getBoxElem().style.width = "".concat(width, "px");
     };
     return IframeBoxWidget;
-}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__["BaseWidget"]));
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
 
 
 
@@ -2902,22 +3293,24 @@ var IframeBoxWidget = /** @class */ (function (_super) {
 /*!**********************************************!*\
   !*** ./src/scripts/widgets/iframe.widget.ts ***!
   \**********************************************/
-/*! exports provided: IframeWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IframeWidget", function() { return IframeWidget; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   IframeWidget: () => (/* binding */ IframeWidget)
+/* harmony export */ });
 /* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/base-widget */ "./src/scripts/core/base-widget.ts");
 /* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config/config */ "./src/scripts/config/config.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -2935,10 +3328,11 @@ var IframeWidget = /** @class */ (function (_super) {
             suppress: false,
         };
         _this.initialElement = options.initialElement;
+        _this.channel = options.channel || 'pwa-embed';
         return _this;
     }
     IframeWidget.prototype.getBaseCls = function () {
-        return _config_config__WEBPACK_IMPORTED_MODULE_1__["config"].iframeCls;
+        return _config_config__WEBPACK_IMPORTED_MODULE_1__.config.iframeCls;
     };
     IframeWidget.prototype.getBoxElem = function () {
         return _super.prototype.getBoxElem.call(this);
@@ -2956,18 +3350,19 @@ var IframeWidget = /** @class */ (function (_super) {
         return Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
     };
     IframeWidget.prototype.buildUrl = function () {
-        var iframeUrl = this.host + "?clid=" + this.id + "&cid=" + this.customerId + "&source=pwa-embed";
+        var iframeUrl = "".concat(this.host, "?clid=").concat(this.id, "&cid=").concat(this.customerId);
         if (this.initialElement.suppress) {
             iframeUrl += '&init=suppress';
         }
         else if (this.initialElement.successor) {
-            iframeUrl += "&init=" + this.initialElement.successor;
+            iframeUrl += "&init=".concat(this.initialElement.successor);
         }
         if (this.locale) {
-            iframeUrl += "&lg=" + this.locale;
+            iframeUrl += "&lg=".concat(this.locale);
         }
-        iframeUrl += "&viewport=" + this.getViewportWidth();
-        iframeUrl += "&curl=" + (location.origin + location.pathname);
+        iframeUrl += "&source=".concat(this.channel);
+        iframeUrl += "&viewport=".concat(this.getViewportWidth());
+        iframeUrl += "&curl=".concat(location.origin + location.pathname);
         return iframeUrl;
     };
     IframeWidget.prototype.load = function (customerId) {
@@ -2989,7 +3384,7 @@ var IframeWidget = /** @class */ (function (_super) {
         this.initialElement = initialElement;
     };
     return IframeWidget;
-}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__["BaseWidget"]));
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
 
 
 
@@ -2999,46 +3394,40 @@ var IframeWidget = /** @class */ (function (_super) {
 /*!**************************************!*\
   !*** ./src/scripts/widgets/index.ts ***!
   \**************************************/
-/*! exports provided: WrapperWidget, ChatboxWidget, ChatButtonWidget, IframeWidget, TeaserWidget, UnreadWidget, ContentWrapperWidget, ActionButtonWidget, ActionButtonGroupWidget, WhatsappButtonWidget, WhatsappWindowWidget, IframeBoxWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ActionButtonGroupWidget: () => (/* reexport safe */ _action_button_group_widget__WEBPACK_IMPORTED_MODULE_8__.ActionButtonGroupWidget),
+/* harmony export */   ActionButtonWidget: () => (/* reexport safe */ _action_button_widget__WEBPACK_IMPORTED_MODULE_7__.ActionButtonWidget),
+/* harmony export */   ChatButtonWidget: () => (/* reexport safe */ _chat_button_widget__WEBPACK_IMPORTED_MODULE_2__.ChatButtonWidget),
+/* harmony export */   ChatboxWidget: () => (/* reexport safe */ _chatbox_widget__WEBPACK_IMPORTED_MODULE_1__.ChatboxWidget),
+/* harmony export */   ContentWrapperWidget: () => (/* reexport safe */ _content_wrapper_widget__WEBPACK_IMPORTED_MODULE_6__.ContentWrapperWidget),
+/* harmony export */   FooterWidget: () => (/* reexport safe */ _footer_widget__WEBPACK_IMPORTED_MODULE_13__.FooterWidget),
+/* harmony export */   HeaderWidget: () => (/* reexport safe */ _header_header_widget__WEBPACK_IMPORTED_MODULE_12__.HeaderWidget),
+/* harmony export */   IframeBoxWidget: () => (/* reexport safe */ _iframe_box_widget__WEBPACK_IMPORTED_MODULE_11__.IframeBoxWidget),
+/* harmony export */   IframeWidget: () => (/* reexport safe */ _iframe_widget__WEBPACK_IMPORTED_MODULE_3__.IframeWidget),
+/* harmony export */   TeaserWidget: () => (/* reexport safe */ _teaser_widget__WEBPACK_IMPORTED_MODULE_4__.TeaserWidget),
+/* harmony export */   UnreadWidget: () => (/* reexport safe */ _unread_widget__WEBPACK_IMPORTED_MODULE_5__.UnreadWidget),
+/* harmony export */   WhatsappButtonWidget: () => (/* reexport safe */ _whatsapp_button_widget__WEBPACK_IMPORTED_MODULE_9__.WhatsappButtonWidget),
+/* harmony export */   WhatsappWindowWidget: () => (/* reexport safe */ _whatsapp_window_widget__WEBPACK_IMPORTED_MODULE_10__.WhatsappWindowWidget),
+/* harmony export */   WrapperWidget: () => (/* reexport safe */ _wrapper_widget__WEBPACK_IMPORTED_MODULE_0__.WrapperWidget)
+/* harmony export */ });
 /* harmony import */ var _wrapper_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wrapper.widget */ "./src/scripts/widgets/wrapper.widget.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WrapperWidget", function() { return _wrapper_widget__WEBPACK_IMPORTED_MODULE_0__["WrapperWidget"]; });
-
 /* harmony import */ var _chatbox_widget__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./chatbox.widget */ "./src/scripts/widgets/chatbox.widget.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ChatboxWidget", function() { return _chatbox_widget__WEBPACK_IMPORTED_MODULE_1__["ChatboxWidget"]; });
-
 /* harmony import */ var _chat_button_widget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./chat-button.widget */ "./src/scripts/widgets/chat-button.widget.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ChatButtonWidget", function() { return _chat_button_widget__WEBPACK_IMPORTED_MODULE_2__["ChatButtonWidget"]; });
-
 /* harmony import */ var _iframe_widget__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./iframe.widget */ "./src/scripts/widgets/iframe.widget.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IframeWidget", function() { return _iframe_widget__WEBPACK_IMPORTED_MODULE_3__["IframeWidget"]; });
-
 /* harmony import */ var _teaser_widget__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./teaser.widget */ "./src/scripts/widgets/teaser.widget.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TeaserWidget", function() { return _teaser_widget__WEBPACK_IMPORTED_MODULE_4__["TeaserWidget"]; });
-
 /* harmony import */ var _unread_widget__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./unread.widget */ "./src/scripts/widgets/unread.widget.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UnreadWidget", function() { return _unread_widget__WEBPACK_IMPORTED_MODULE_5__["UnreadWidget"]; });
-
 /* harmony import */ var _content_wrapper_widget__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./content-wrapper.widget */ "./src/scripts/widgets/content-wrapper.widget.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ContentWrapperWidget", function() { return _content_wrapper_widget__WEBPACK_IMPORTED_MODULE_6__["ContentWrapperWidget"]; });
-
 /* harmony import */ var _action_button_widget__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./action-button.widget */ "./src/scripts/widgets/action-button.widget.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActionButtonWidget", function() { return _action_button_widget__WEBPACK_IMPORTED_MODULE_7__["ActionButtonWidget"]; });
-
 /* harmony import */ var _action_button_group_widget__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./action-button-group.widget */ "./src/scripts/widgets/action-button-group.widget.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ActionButtonGroupWidget", function() { return _action_button_group_widget__WEBPACK_IMPORTED_MODULE_8__["ActionButtonGroupWidget"]; });
-
 /* harmony import */ var _whatsapp_button_widget__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./whatsapp-button.widget */ "./src/scripts/widgets/whatsapp-button.widget.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WhatsappButtonWidget", function() { return _whatsapp_button_widget__WEBPACK_IMPORTED_MODULE_9__["WhatsappButtonWidget"]; });
-
 /* harmony import */ var _whatsapp_window_widget__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./whatsapp-window.widget */ "./src/scripts/widgets/whatsapp-window.widget.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WhatsappWindowWidget", function() { return _whatsapp_window_widget__WEBPACK_IMPORTED_MODULE_10__["WhatsappWindowWidget"]; });
-
 /* harmony import */ var _iframe_box_widget__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./iframe-box.widget */ "./src/scripts/widgets/iframe-box.widget.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IframeBoxWidget", function() { return _iframe_box_widget__WEBPACK_IMPORTED_MODULE_11__["IframeBoxWidget"]; });
+/* harmony import */ var _header_header_widget__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./header/header.widget */ "./src/scripts/widgets/header/header.widget.ts");
+/* harmony import */ var _footer_widget__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./footer.widget */ "./src/scripts/widgets/footer.widget.ts");
+
 
 
 
@@ -3060,23 +3449,25 @@ __webpack_require__.r(__webpack_exports__);
 /*!**********************************************!*\
   !*** ./src/scripts/widgets/teaser.widget.ts ***!
   \**********************************************/
-/*! exports provided: TeaserWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TeaserWidget", function() { return TeaserWidget; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TeaserWidget: () => (/* binding */ TeaserWidget)
+/* harmony export */ });
 /* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/base-widget */ "./src/scripts/core/base-widget.ts");
 /* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config/config */ "./src/scripts/config/config.ts");
-/* harmony import */ var _services_cookie_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../services/cookie.service */ "./src/scripts/services/cookie.service.ts");
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../enums */ "./src/scripts/enums.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -3088,14 +3479,16 @@ var __extends = (undefined && undefined.__extends) || (function () {
 var TeaserWidget = /** @class */ (function (_super) {
     __extends(TeaserWidget, _super);
     function TeaserWidget(options) {
-        return _super.call(this, options) || this;
+        var _this = _super.call(this, options) || this;
+        _this.custidStoreMode = options.custidStoreMode;
+        return _this;
     }
     TeaserWidget.prototype.getBaseCls = function () {
-        return _config_config__WEBPACK_IMPORTED_MODULE_1__["config"].teaserCls;
+        return _config_config__WEBPACK_IMPORTED_MODULE_1__.config.teaserCls;
     };
     TeaserWidget.prototype.render = function () {
         this.crossElem = this.createNode();
-        this.crossElem.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__["config"].teaserCrossCls);
+        this.crossElem.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.teaserCrossCls);
         this.bindEvents();
         this.getBoxElem().appendChild(this.crossElem);
         _super.prototype.render.call(this);
@@ -3105,14 +3498,30 @@ var TeaserWidget = /** @class */ (function (_super) {
             return true;
         }
         var timesCounter = 0;
-        if (_services_cookie_service__WEBPACK_IMPORTED_MODULE_2__["CookieService"].get('times-counter') !== null) {
-            timesCounter = parseInt(_services_cookie_service__WEBPACK_IMPORTED_MODULE_2__["CookieService"].get('times-counter'), 10);
+        if (this.custidStoreMode === _enums__WEBPACK_IMPORTED_MODULE_2__.CustidStoreMode.cookie) {
+            var storedTimesCounter = null;
+            try {
+                storedTimesCounter = sessionStorage.getItem('ds-times-counter');
+            }
+            catch (e) {
+                console.log('Session storage blocked.');
+            }
+            if (storedTimesCounter !== null) {
+                timesCounter = parseInt(storedTimesCounter, 10);
+            }
         }
         timesCounter += 1;
         if (timesCounter > this.hideTeaserAfterTimes) {
             return false;
         }
-        _services_cookie_service__WEBPACK_IMPORTED_MODULE_2__["CookieService"].set('times-counter', timesCounter);
+        if (this.custidStoreMode === _enums__WEBPACK_IMPORTED_MODULE_2__.CustidStoreMode.cookie) {
+            try {
+                sessionStorage.setItem('ds-times-counter', timesCounter.toString());
+            }
+            catch (e) {
+                console.log('Session storage blocked.');
+            }
+        }
         return true;
     };
     TeaserWidget.prototype.show = function (options) {
@@ -3122,13 +3531,30 @@ var TeaserWidget = /** @class */ (function (_super) {
             return;
         }
         if (!this.checkTimes()) {
+            this.hideNode();
             return;
         }
-        if (this.showTeaserOnce && _services_cookie_service__WEBPACK_IMPORTED_MODULE_2__["CookieService"].get('teaser-display') !== null) {
+        var teaserDisplay = null;
+        if (this.custidStoreMode === _enums__WEBPACK_IMPORTED_MODULE_2__.CustidStoreMode.cookie) {
+            try {
+                teaserDisplay = sessionStorage.getItem('ds-teaser-display');
+            }
+            catch (e) {
+                console.log('Session storage blocked.');
+            }
+        }
+        if (this.showTeaserOnce && teaserDisplay !== null) {
             return;
         }
         _super.prototype.show.call(this);
-        _services_cookie_service__WEBPACK_IMPORTED_MODULE_2__["CookieService"].set('teaser-display', 'true');
+        if (this.custidStoreMode === _enums__WEBPACK_IMPORTED_MODULE_2__.CustidStoreMode.cookie) {
+            try {
+                sessionStorage.setItem('ds-teaser-display', 'true');
+            }
+            catch (e) {
+                console.log('Session storage blocked.');
+            }
+        }
     };
     TeaserWidget.prototype.bindEvents = function () {
         var _this = this;
@@ -3139,7 +3565,7 @@ var TeaserWidget = /** @class */ (function (_super) {
         this.getBoxElem().addEventListener('click', function () { return _this.fire('click'); });
     };
     return TeaserWidget;
-}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__["BaseWidget"]));
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
 
 
 
@@ -3149,22 +3575,24 @@ var TeaserWidget = /** @class */ (function (_super) {
 /*!**********************************************!*\
   !*** ./src/scripts/widgets/unread.widget.ts ***!
   \**********************************************/
-/*! exports provided: UnreadWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UnreadWidget", function() { return UnreadWidget; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UnreadWidget: () => (/* binding */ UnreadWidget)
+/* harmony export */ });
 /* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/base-widget */ "./src/scripts/core/base-widget.ts");
 /* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config/config */ "./src/scripts/config/config.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -3183,7 +3611,7 @@ var UnreadWidget = /** @class */ (function (_super) {
         return _this;
     }
     UnreadWidget.prototype.getBaseCls = function () {
-        return _config_config__WEBPACK_IMPORTED_MODULE_1__["config"].unreadCls;
+        return _config_config__WEBPACK_IMPORTED_MODULE_1__.config.unreadCls;
     };
     UnreadWidget.prototype.setCounter = function (amount) {
         if (amount < 1) {
@@ -3217,7 +3645,7 @@ var UnreadWidget = /** @class */ (function (_super) {
         }
     };
     return UnreadWidget;
-}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__["BaseWidget"]));
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
 
 
 
@@ -3227,21 +3655,23 @@ var UnreadWidget = /** @class */ (function (_super) {
 /*!*******************************************************!*\
   !*** ./src/scripts/widgets/whatsapp-button.widget.ts ***!
   \*******************************************************/
-/*! exports provided: WhatsappButtonWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WhatsappButtonWidget", function() { return WhatsappButtonWidget; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   WhatsappButtonWidget: () => (/* binding */ WhatsappButtonWidget)
+/* harmony export */ });
 /* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/base-widget */ "./src/scripts/core/base-widget.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -3251,12 +3681,16 @@ var __extends = (undefined && undefined.__extends) || (function () {
 var config = {
     baseCls: 'ds-whatsapp-button',
     activeCls: 'ds-whatsapp-button--active',
+    bwCls: 'ds-whatsapp-button--bw',
+    slideCls: 'ds-whatsapp-button--slide',
 };
 var WhatsappButtonWidget = /** @class */ (function (_super) {
     __extends(WhatsappButtonWidget, _super);
     function WhatsappButtonWidget(options) {
         var _this = _super.call(this, options) || this;
         _this.isPressed = false;
+        _this.blackWhiteStyle = false;
+        _this.slideWaButton = false;
         return _this;
     }
     WhatsappButtonWidget.prototype.bindEvents = function () {
@@ -3266,6 +3700,14 @@ var WhatsappButtonWidget = /** @class */ (function (_super) {
         });
     };
     WhatsappButtonWidget.prototype.render = function () {
+        if (this.blackWhiteStyle) {
+            var boxElem = this.getBoxElem();
+            boxElem.classList.add(config.bwCls);
+        }
+        if (this.slideWaButton) {
+            var boxElem = this.getBoxElem();
+            boxElem.classList.add(config.slideCls);
+        }
         _super.prototype.render.call(this);
         this.bindEvents();
     };
@@ -3292,7 +3734,7 @@ var WhatsappButtonWidget = /** @class */ (function (_super) {
         return config.baseCls;
     };
     return WhatsappButtonWidget;
-}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__["BaseWidget"]));
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
 
 
 
@@ -3302,22 +3744,24 @@ var WhatsappButtonWidget = /** @class */ (function (_super) {
 /*!*******************************************************!*\
   !*** ./src/scripts/widgets/whatsapp-window.widget.ts ***!
   \*******************************************************/
-/*! exports provided: WhatsappWindowWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WhatsappWindowWidget", function() { return WhatsappWindowWidget; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   WhatsappWindowWidget: () => (/* binding */ WhatsappWindowWidget)
+/* harmony export */ });
 /* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/base-widget */ "./src/scripts/core/base-widget.ts");
 /* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../services */ "./src/scripts/services/index.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -3335,7 +3779,7 @@ var config = {
     textLinkMobileCls: 'ds-whatsapp-window__text-link-mobile',
     qr: 'ds-whatsapp-window__qr',
     linkCls: 'ds-whatsapp-window__link',
-    crossCls: 'ds-whatsapp-window__cross',
+    linkTestCls: 'ds-whatsapp-window__link-text',
 };
 var texts = {
     en: {
@@ -3346,9 +3790,9 @@ var texts = {
         link: 'Open WhatsApp',
     },
     de: {
-        title: 'Benutze WhatsApp',
-        description: 'Scanne den QR Code mit Deinem Smartphone',
-        linkText: 'oder klicke diesen Link an',
+        title: 'WhatsApp',
+        description: 'QR-Code mit dem Smartphone scannen',
+        linkText: 'auf dem Computer auch mit diesem Link',
         linkMobileText: 'Klicke den Button um WhatsApp zu öffnen',
         link: 'WhatsApp öffnen',
     },
@@ -3379,7 +3823,7 @@ var WhatsappWindowWidget = /** @class */ (function (_super) {
         var _this = this;
         if (!this.isLoaded) {
             this.isLoaded = true;
-            _services__WEBPACK_IMPORTED_MODULE_1__["ApiService"].getWhatsappLink(this.clientId, _services__WEBPACK_IMPORTED_MODULE_1__["UserService"].getCustomerId()).then(function (response) {
+            _services__WEBPACK_IMPORTED_MODULE_1__.ApiService.getWhatsappLink(this.clientId, _services__WEBPACK_IMPORTED_MODULE_1__.UserService.getCustomerId()).then(function (response) {
                 _this.waLink = response.waLink;
                 _this.waSvg = response.waSvg;
                 _this.renderContent();
@@ -3392,33 +3836,25 @@ var WhatsappWindowWidget = /** @class */ (function (_super) {
         }
     };
     WhatsappWindowWidget.prototype.renderContent = function () {
-        var title = "<div class=\"" + config.titleCls + "\">" + getText(this.locale, 'title') + "</div>";
-        var description = "<div class=\"" + config.textCls + "\">" + getText(this.locale, 'description') + "</div>";
-        var qr = "<div class=\"" + config.qr + "\">" + this.waSvg + "</div>";
-        var linkText = "<div class=\"" + config.textLinkCls + "\">" + getText(this.locale, 'linkText') + "</div>";
-        var linkMobileText = "<div class=\"" + config.textLinkMobileCls + "\">" + getText(this.locale, 'linkMobileText') + "</div>";
-        var link = "<a class=\"" + config.linkCls + "\" href=\"" + this.waLink + "\" target=\"_blank\">" + getText(this.locale, 'link') + "</a>";
+        var title = "<div class=\"".concat(config.titleCls, "\">").concat(getText(this.locale, 'title'), "</div>");
+        var description = "<div class=\"".concat(config.textCls, "\">").concat(getText(this.locale, 'description'), "</div>");
+        var qr = "<div class=\"".concat(config.qr, "\">").concat(this.waSvg, "</div>");
+        var linkText = "<div class=\"".concat(config.textLinkCls, "\">").concat(getText(this.locale, 'linkText'), "</div>");
+        var linkMobileText = "<div class=\"".concat(config.textLinkMobileCls, "\">").concat(getText(this.locale, 'linkMobileText'), "</div>");
+        var link = "<a class=\"".concat(config.linkCls, "\" href=\"").concat(this.waLink, "\" target=\"_blank\">\n      <span class=\"").concat(config.linkTestCls, "\">").concat(getText(this.locale, 'link'), "</span>\n    </a>");
         this.setContent(title + description + qr + linkText + linkMobileText + link);
     };
     WhatsappWindowWidget.prototype.getBaseCls = function () {
         return config.baseCls;
     };
-    WhatsappWindowWidget.prototype.render = function () {
-        this.crossElem = this.createNode();
-        this.crossElem.classList.add(config.crossCls);
-        this.bindEvents();
-        this.getBoxElem().appendChild(this.crossElem);
-        _super.prototype.render.call(this);
-    };
-    WhatsappWindowWidget.prototype.bindEvents = function () {
-        var _this = this;
-        this.crossElem.addEventListener('click', function (event) {
-            event.stopPropagation();
-            _this.hide();
-        });
+    WhatsappWindowWidget.prototype.setLocale = function (locale) {
+        this.locale = locale;
+        if (this.isLoaded) {
+            this.renderContent();
+        }
     };
     return WhatsappWindowWidget;
-}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__["BaseWidget"]));
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));
 
 
 
@@ -3428,12 +3864,12 @@ var WhatsappWindowWidget = /** @class */ (function (_super) {
 /*!***********************************************!*\
   !*** ./src/scripts/widgets/wrapper.widget.ts ***!
   \***********************************************/
-/*! exports provided: WrapperWidget */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WrapperWidget", function() { return WrapperWidget; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   WrapperWidget: () => (/* binding */ WrapperWidget)
+/* harmony export */ });
 /* harmony import */ var _core_app__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/app */ "./src/scripts/core/app.ts");
 /* harmony import */ var _core_base_widget__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/base-widget */ "./src/scripts/core/base-widget.ts");
 /* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config/config */ "./src/scripts/config/config.ts");
@@ -3441,10 +3877,12 @@ var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -3461,33 +3899,33 @@ var WrapperWidget = /** @class */ (function (_super) {
         return _this;
     }
     WrapperWidget.prototype.getBaseCls = function () {
-        return _config_config__WEBPACK_IMPORTED_MODULE_2__["config"].wrapperCls;
+        return _config_config__WEBPACK_IMPORTED_MODULE_2__.config.wrapperCls;
     };
     WrapperWidget.prototype.setPosition = function (position) {
         this.position = position;
         var boxElem = this.getBoxElem();
-        boxElem.classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_2__["config"].wrapperPositionLeftCls);
-        boxElem.classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_2__["config"].wrapperPositionRightCls);
-        boxElem.classList.add(position === _core_app__WEBPACK_IMPORTED_MODULE_0__["ChatPosition"].left
-            ? _config_config__WEBPACK_IMPORTED_MODULE_2__["config"].wrapperPositionLeftCls
-            : _config_config__WEBPACK_IMPORTED_MODULE_2__["config"].wrapperPositionRightCls);
+        boxElem.classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_2__.config.wrapperPositionLeftCls);
+        boxElem.classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_2__.config.wrapperPositionRightCls);
+        boxElem.classList.add(position === _core_app__WEBPACK_IMPORTED_MODULE_0__.ChatPosition.left
+            ? _config_config__WEBPACK_IMPORTED_MODULE_2__.config.wrapperPositionLeftCls
+            : _config_config__WEBPACK_IMPORTED_MODULE_2__.config.wrapperPositionRightCls);
     };
     WrapperWidget.prototype.setTheme = function (theme) {
-        if (!(theme in _core_app__WEBPACK_IMPORTED_MODULE_0__["AppTheme"])) {
+        if (!(theme in _core_app__WEBPACK_IMPORTED_MODULE_0__.AppTheme)) {
             return;
         }
         this.theme = theme;
         var boxElem = this.getBoxElem();
-        var themeCls = _config_config__WEBPACK_IMPORTED_MODULE_2__["config"]["theme" + (theme.charAt(0).toUpperCase() + theme.slice(1))];
-        boxElem.classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_2__["config"].themeRound);
-        boxElem.classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_2__["config"].themeTile);
+        var themeCls = _config_config__WEBPACK_IMPORTED_MODULE_2__.config["theme".concat(theme.charAt(0).toUpperCase() + theme.slice(1))];
+        boxElem.classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_2__.config.themeRound);
+        boxElem.classList.remove(_config_config__WEBPACK_IMPORTED_MODULE_2__.config.themeTile);
         boxElem.classList.add(themeCls);
     };
     WrapperWidget.prototype.render = function () {
         this.setPosition(this.position);
         this.setTheme(this.theme);
         if (this.direction === 'rtl') {
-            this.getBoxElem().classList.add(_config_config__WEBPACK_IMPORTED_MODULE_2__["config"].wrapperDirectionRtlCls);
+            this.getBoxElem().classList.add(_config_config__WEBPACK_IMPORTED_MODULE_2__.config.wrapperDirectionRtlCls);
         }
         if (this.baseCustomCls) {
             this.getBoxElem().classList.add(this.baseCustomCls);
@@ -3495,11 +3933,95 @@ var WrapperWidget = /** @class */ (function (_super) {
         _super.prototype.render.call(this);
     };
     return WrapperWidget;
-}(_core_base_widget__WEBPACK_IMPORTED_MODULE_1__["BaseWidget"]));
+}(_core_base_widget__WEBPACK_IMPORTED_MODULE_1__.BaseWidget));
 
 
 
 /***/ })
 
-/******/ });
-//# sourceMappingURL=dialogshift-webchat-sdk.umd.js.map 
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+/*!******************************!*\
+  !*** ./src/scripts/index.ts ***!
+  \******************************/
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   instance: () => (/* binding */ instance)
+/* harmony export */ });
+/* harmony import */ var _core_facade__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./core/facade */ "./src/scripts/core/facade.ts");
+/* harmony import */ var _core_app__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./core/app */ "./src/scripts/core/app.ts");
+
+
+var facade = null;
+var instance = function (options) {
+    if (facade && !facade.isDestroyed()) {
+        return facade;
+    }
+    facade = (0,_core_facade__WEBPACK_IMPORTED_MODULE_0__.createFacade)(new _core_app__WEBPACK_IMPORTED_MODULE_1__.App(options));
+    return facade;
+};
+
+
+})();
+
+window.Dialogshift = __webpack_exports__;
+/******/ })()
+;
+//# sourceMappingURL=dialogshift-webchat-sdk.umd.js.map