dialogshift-webchat-sdk 2.10.1 → 2.10.3

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

@@ -406,7 +406,7 @@ var App = /** @class */ (function () {
         });
     };
     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, bwWaButton = _a.bwWaButton, custidStoreMode = _a.custidStoreMode, loadGaContext = _a.loadGaContext, leftCloseButton = _a.leftCloseButton;
+        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, iconUrl = _a.iconUrl;
         if (setUnreadCounter) {
             this.options.unreadCounter = setUnreadCounter;
         }
@@ -448,6 +448,9 @@ var App = /** @class */ (function () {
         if (leftCloseButton) {
             this.options.leftCloseButton = leftCloseButton;
         }
+        if (iconUrl) {
+            this.options.iconUrl = iconUrl;
+        }
     };
     App.prototype.getWebchatService = function () {
         return this.webchatService;
@@ -1550,6 +1553,7 @@ var WidgetManager = /** @class */ (function () {
     };
     WidgetManager.prototype.renderChatButton = function (options, chatConfig) {
         var _this = this;
+        var _a;
         var locale = options.locale;
         var buttonText = chatConfig.buttonText, defaultLocale = chatConfig.defaultLocale, effects = chatConfig.effects;
         var content = '';
@@ -1566,6 +1570,7 @@ var WidgetManager = /** @class */ (function () {
             renderTo: this.footerWidget.getBoxElem(),
             visible: options.isButtonVisible,
             effects: effects === null || effects === void 0 ? void 0 : effects.chatButton,
+            iconUrl: (_a = options.iconUrl) !== null && _a !== void 0 ? _a : undefined,
             events: [
                 {
                     type: 'toggle',
@@ -2861,6 +2866,7 @@ var ChatButtonWidget = /** @class */ (function (_super) {
     function ChatButtonWidget(options) {
         var _this = _super.call(this, options) || this;
         _this.isPressed = false;
+        _this.iconUrl = undefined;
         return _this;
     }
     ChatButtonWidget.prototype.bindEvents = function () {
@@ -2879,12 +2885,18 @@ var ChatButtonWidget = /** @class */ (function (_super) {
     };
     ChatButtonWidget.prototype.render = function () {
         var boxElem = this.getBoxElem();
-        var iconContainer = document.createElement('div');
-        iconContainer.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonIconContainerCls);
-        iconContainer.tabIndex = 0;
-        iconContainer.innerHTML = _consts__WEBPACK_IMPORTED_MODULE_2__.iconSvg;
-        boxElem.appendChild(iconContainer);
-        boxElem.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonLogoCls);
+        if (this.iconUrl === undefined) {
+            var iconContainer = document.createElement('div');
+            iconContainer.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonIconContainerCls);
+            iconContainer.tabIndex = 0;
+            iconContainer.innerHTML = _consts__WEBPACK_IMPORTED_MODULE_2__.iconSvg;
+            boxElem.appendChild(iconContainer);
+            boxElem.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonLogoCls);
+        }
+        else {
+            boxElem.style.backgroundColor = '';
+            boxElem.style.background = "url(".concat(this.iconUrl, ")");
+        }
         this.bindEvents();
         _super.prototype.render.call(this);
     };
@@ -2892,7 +2904,7 @@ var ChatButtonWidget = /** @class */ (function (_super) {
         var _this = this;
         if (suppressEvent === void 0) { suppressEvent = false; }
         if (timeout === void 0) { timeout = 100; }
-        var isPressed = state === undefined ? !this.isPressed : !!state;
+        var isPressed = state === undefined ? !this.isPressed : state;
         if (isPressed === this.isPressed) {
             return;
         }
@@ -3394,7 +3406,21 @@ var IframeWidget = /** @class */ (function (_super) {
         return this.loaded;
     };
     IframeWidget.prototype.createNode = function () {
-        return document.createElement('iframe');
+        var node = document.createElement('iframe');
+        node.sandbox.add('allow-downloads');
+        node.sandbox.add('allow-forms');
+        node.sandbox.add('allow-modals');
+        node.sandbox.add('allow-pointer-lock');
+        node.sandbox.add('allow-popups');
+        node.sandbox.add('allow-popups-to-escape-sandbox');
+        node.sandbox.add('allow-presentation');
+        node.sandbox.add('allow-same-origin');
+        node.sandbox.add('allow-scripts');
+        node.sandbox.add('allow-storage-access-by-user-activation');
+        node.sandbox.add('allow-top-navigation');
+        node.sandbox.add('allow-top-navigation-by-user-activation');
+        node.sandbox.add('allow-top-navigation-to-custom-protocols');
+        return node;
     };
     IframeWidget.prototype.getViewportWidth = function () {
         return Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);