apxor-rtm-ui 0.5.4 → 0.5.5

package/dist/apxor.rtm.js.bak

@@ -7378,6 +7378,14 @@
         while (elementAtPoint) {
           if (elementAtPoint === element) {
             return false;
+          } else {
+            var childElements = elementAtPoint.children;
+            for (var i = 0; i < childElements.length; i++) {
+              var child = childElements[i];
+              if (child === element) {
+                return false;
+              }
+            }
           }
           elementAtPoint = elementAtPoint.parentElement;
         }
@@ -11534,8 +11542,8 @@
     var _this = this,
       _config$termination;
     _classCallCheck(this, TemplateContent);
-    _defineProperty(this, "fcRr", function () {
-      var element = _this.MdcQ(_this.layout);
+    _defineProperty(this, "uEWO", function () {
+      var element = _this.aDYe(_this.layout);
       //document.body.appendChild(element);
       var styleElement = document.createElement("style");
       styleElement.innerHTML = _this.styleContent;
@@ -11547,7 +11555,7 @@
       }
       return element;
     });
-    _defineProperty(this, "MdcQ", function (config) {
+    _defineProperty(this, "aDYe", function (config) {
       var _window$Apxor;
       var element;
       switch (config.type) {
@@ -11655,7 +11663,7 @@
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         element.style.position = "relative";
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.MdcQ(childConfig);
+          var childElement = _this.aDYe(childConfig);
           childElement.style.position = "absolute";
           for (var _prop3 in childConfig.offset) {
             childElement.style[_prop3] = childConfig.offset[_prop3];
@@ -11673,7 +11681,7 @@
         // }
 
         config.children.forEach(function (childConfig) {
-          var childElement = _this.MdcQ(childConfig);
+          var childElement = _this.aDYe(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -12584,7 +12592,7 @@
     }, {
       key: "_setInLineContent",
       value: function _setInLineContent() {
-        this.inLineContainer = this.templateContent.fcRr();
+        this.inLineContainer = this.templateContent.uEWO();
       }
     }, {
       key: "_setObservors",
@@ -14132,7 +14140,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "eZLv", function () {
+      _defineProperty(this, "ybFC", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -14151,7 +14159,7 @@
        * @private
        * @description Sets the marketing content at the end of the Inline
        */
-      _defineProperty(this, "MryN", function () {
+      _defineProperty(this, "smLX", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inline-marketing".concat(_this.cssPostFix));
@@ -14717,7 +14725,7 @@
         if (apxor_tooltip_styles) {
           return;
         }
-        var styles = "\n      ".concat(this._getCustomFonts(), "  \n      ").concat(this._getBackgroundContainerStyles(), " \n      ").concat(this._getInLineContainerStyles(), " \n      ").concat(this._getScrollStyles(), " \n      ").concat(this._getControlsStyles(), " \n      ").concat(this._getInLineMediaContainerStyles(), "\n      ").concat(this._getInLineNonMediaContainerStyles(), "\n      ").concat(this._getTextConatinerStyles(), "\n      ").concat(this._getTitleStyles(), " \n      ").concat(this._getDescriptionStyles(), " \n      ").concat(this._getInLineButtonContainerStyles(), " \n      ").concat(this._getIconStyles(), " \n      ").concat(this._getImageStyles(), " \n      ").concat(this._getVideoStyles(), " \n      ").concat(this.eZLv(), "\n      ").concat(this._getTippyStyles(), "\n      ").concat(this._getFooterStyles(), "\n      ").concat(this._getProgressBarStyles(), "\n      ").concat(this._getBootstrapiconsStyles(), " \n    ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+        var styles = "\n      ".concat(this._getCustomFonts(), "  \n      ").concat(this._getBackgroundContainerStyles(), " \n      ").concat(this._getInLineContainerStyles(), " \n      ").concat(this._getScrollStyles(), " \n      ").concat(this._getControlsStyles(), " \n      ").concat(this._getInLineMediaContainerStyles(), "\n      ").concat(this._getInLineNonMediaContainerStyles(), "\n      ").concat(this._getTextConatinerStyles(), "\n      ").concat(this._getTitleStyles(), " \n      ").concat(this._getDescriptionStyles(), " \n      ").concat(this._getInLineButtonContainerStyles(), " \n      ").concat(this._getIconStyles(), " \n      ").concat(this._getImageStyles(), " \n      ").concat(this._getVideoStyles(), " \n      ").concat(this.ybFC(), "\n      ").concat(this._getTippyStyles(), "\n      ").concat(this._getFooterStyles(), "\n      ").concat(this._getProgressBarStyles(), "\n      ").concat(this._getBootstrapiconsStyles(), " \n    ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
         var styleNode = document.createElement("style");
         styleNode.setAttribute("apx-tooltip-styles", "");
         styleNode.innerHTML = styles;
@@ -15527,7 +15535,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.MryN();
+        this.smLX();
       }
 
       /**
@@ -16158,6 +16166,19 @@
       key: "_createTippyInstance",
       value: function _createTippyInstance() {
         var _this12 = this;
+        if (this.targetElement.disabled) {
+          // Wrap the disabled element in a span
+          var span = document.createElement("span");
+
+          // Set ID for the span
+          var spanId = "apx_tooltip_span"; // Generating a uni
+          span.setAttribute("id", spanId);
+
+          // Wrap the element with the span
+          this.targetElement.parentNode.insertBefore(span, this.targetElement);
+          span.appendChild(this.targetElement);
+          this.targetElement = span;
+        }
         this.tooltip = tippy$1(this.targetElement, {
           allowHTML: false,
           aria: {
@@ -18359,7 +18380,7 @@
     }, {
       key: "_setInAppModalContent",
       value: function _setInAppModalContent() {
-        this.inAppContainer = this.templateContent.fcRr();
+        this.inAppContainer = this.templateContent.uEWO();
         this.inAppContainer.style.zIndex = 99999;
         this.overlayElement.appendChild(this.inAppContainer);
       }
@@ -18507,7 +18528,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "eZLv", function () {
+      _defineProperty(this, "ybFC", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -18553,7 +18574,7 @@
        * @private
        * @description Get the response for Form content in the InApp modal.
        */
-      _defineProperty(this, "BcXb", function (form_elements) {
+      _defineProperty(this, "YLdL", function (form_elements) {
         var obj = {};
         var callback = "";
         form_elements.forEach(function (element) {
@@ -18593,7 +18614,7 @@
        * @private
        * @description Sets the marketing content at the end of the InApp
        */
-      _defineProperty(this, "MryN", function () {
+      _defineProperty(this, "smLX", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
@@ -18846,7 +18867,7 @@
     }, {
       key: "_setStyles",
       value: function _setStyles() {
-        var styles = "\n      ".concat(this._getCustomFonts(), " \n      ").concat(this._getBackgroundContainerStyles(), " \n      ").concat(this._getInAppContainerStyles(), " \n      ").concat(this._getScrollStyles(), " \n      ").concat(this._getControlsStyles(), " \n      ").concat(this._getInAppMediaContainerStyles(), "\n      ").concat(this._getInAppNonMediaContainerStyles(), "\n      ").concat(this._getTextConatinerStyles(), "\n      ").concat(this._getTitleStyles(), " \n      ").concat(this._getDescriptionStyles(), " \n      ").concat(this._getFormStyles(), "\n      ").concat(this._getInAppButtonContainerStyles(), "\n      ").concat(this._getIconStyles(), " \n      ").concat(this._getImageStyles(), " \n      ").concat(this._getVideoStyles(), " \n      ").concat(this.eZLv(), " \n      ").concat(this._getProgressBarStyles(), "\n      ").concat(this._getBootstrapiconsStyles(), " \n    ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+        var styles = "\n      ".concat(this._getCustomFonts(), " \n      ").concat(this._getBackgroundContainerStyles(), " \n      ").concat(this._getInAppContainerStyles(), " \n      ").concat(this._getScrollStyles(), " \n      ").concat(this._getControlsStyles(), " \n      ").concat(this._getInAppMediaContainerStyles(), "\n      ").concat(this._getInAppNonMediaContainerStyles(), "\n      ").concat(this._getTextConatinerStyles(), "\n      ").concat(this._getTitleStyles(), " \n      ").concat(this._getDescriptionStyles(), " \n      ").concat(this._getFormStyles(), "\n      ").concat(this._getInAppButtonContainerStyles(), "\n      ").concat(this._getIconStyles(), " \n      ").concat(this._getImageStyles(), " \n      ").concat(this._getVideoStyles(), " \n      ").concat(this.ybFC(), " \n      ").concat(this._getProgressBarStyles(), "\n      ").concat(this._getBootstrapiconsStyles(), " \n    ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
         var styleNode = document.createElement("style");
         styleNode.setAttribute("id", "apxor-style-" + this.configId);
         styleNode.innerHTML = styles;
@@ -19323,7 +19344,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.MryN();
+        this.smLX();
       }
 
       /**
@@ -19528,7 +19549,7 @@
           var form = document.querySelector(".apx-inapp-form-container".concat(this.cssPostFix));
           form.addEventListener("submit", function (e) {
             e.preventDefault();
-            var _this4$generateRespon = _this4.BcXb(_this4.form.elements),
+            var _this4$generateRespon = _this4.YLdL(_this4.form.elements),
               obj = _this4$generateRespon.obj,
               callback = _this4$generateRespon.callback;
             var evalString = "(obj)=>" + callback + "(obj)";
@@ -19841,7 +19862,7 @@
        * @function showVideoInApp
        * @description Shows the video InApp with the configured mode.
        */
-      _defineProperty(this, "WDKy", function () {
+      _defineProperty(this, "NpYM", function () {
         _this.createPlayer();
         try {
           // In PIP mode, only after the video metadata is loaded, show the PIP.
@@ -19883,7 +19904,7 @@
             };
           } else {
             // As the video player is hidden by default, unhide if the mode is not PIP.
-            _this.BjCx();
+            _this.zvCD();
           }
           _this.showCallback();
         } catch (e) {
@@ -19903,7 +19924,7 @@
        * For portrait - width is set to 50% of the screen and height is auto adjusted based on resolution.
        * For landscape - height is set to 50% of the screen and width is auto adjusted based on resolution.
        */
-      _defineProperty(this, "kahK", function () {
+      _defineProperty(this, "lwnm", function () {
         var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video, 1),
           width = _getHeightWidthFromRe.width,
           height = _getHeightWidthFromRe.height;
@@ -19915,7 +19936,7 @@
        * @private
        * @description Removes the video player style element.
        */
-      _defineProperty(this, "Myuq", function () {
+      _defineProperty(this, "dQmQ", function () {
         var playerStyles = document.getElementById("apx-mpl-styles");
         if (playerStyles) {
           playerStyles.remove();
@@ -19926,7 +19947,7 @@
        * @private
        * @description Attach listeners on the video controls
        */
-      _defineProperty(this, "xKmz", function () {
+      _defineProperty(this, "pycW", function () {
         // Listener for the video end. Display the CTA's when the video ends.
         _this.videoElement.addEventListener("ended", function () {
           var ctaButtons = document.getElementById("apx-cta-btn");
@@ -20037,7 +20058,7 @@
        * @private
        * @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
        */
-      _defineProperty(this, "CLCu", function () {
+      _defineProperty(this, "xnYc", function () {
         var _this$terminationConf;
         if (_this.mode === "PIP" && !((_this$terminationConf = _this.terminationConfig) !== null && _this$terminationConf !== void 0 && _this$terminationConf.auto_dismiss)) {
           // On Exit of the PIP,
@@ -20077,7 +20098,7 @@
        * @private Sets the custom controls on the video player.
        * PIP and close are the custom controls that are created and positions on the video.
        */
-      _defineProperty(this, "ospS", function () {
+      _defineProperty(this, "HTLJ", function () {
         _this.enable_close_button;
         if (_this.enable_close_button) {
           var closeButton = document.createElement("span");
@@ -20124,21 +20145,21 @@
        * @function hideVideoPlayer
        * @description Sets the visibility of the video player to hidden.
        */
-      _defineProperty(this, "mRLI", function () {
+      _defineProperty(this, "KNRZ", function () {
         _this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function unhideVideoPlayer
        * @description Unhides video player.
        */
-      _defineProperty(this, "BjCx", function () {
+      _defineProperty(this, "zvCD", function () {
         _this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function getVideoElement
        * @returns {HTMLElement} Video ekement
        */
-      _defineProperty(this, "fuer", function () {
+      _defineProperty(this, "gowd", function () {
         return _this.videoElement;
       });
       this.videoPlayer = null;
@@ -20190,7 +20211,7 @@
         this.videoPlayer.style.backgroundColor = this.bg_color;
 
         // Video has a resolution, not deviating from the resolution set the height and width.
-        this.kahK();
+        this.lwnm();
         //Generate the styles and add them to the document head.
         this._setVideoPlayerStyles();
         //Set the position of the video player with in the 5 possible positions.
@@ -20198,16 +20219,16 @@
         //Create a video element,set the source and add to the container.
         this._setPlayerContent();
         //Set the listeners on the video control buttons.
-        this.xKmz();
+        this.pycW();
         //Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
-        this.CLCu();
+        this.xnYc();
         //Set the custom close and PIP controls. Not using the defaults from the html video element.
         //Reason - We want to position them at the top right and left positions.
-        this.ospS();
+        this.HTLJ();
         //Generate and postion the CTA buttons on the video. By default hidden, visible only when video is completed
         this._setButtons(BUTTON_CONTAINER_POSITION.CENTER);
         //Hide the video player. Display it based on the video mode. Videoplayer for "video" mode and a direct PIP  for "PIP" mode.
-        this.mRLI();
+        this.KNRZ();
         //If the auto dismiss is enabled, sets the timeout to call the InApp close.
         this._setAutoTerminate();
         document.body.appendChild(this.videoPlayer);
@@ -20321,7 +20342,7 @@
             }
           }
           this.videoPlayer.remove();
-          this.Myuq();
+          this.dQmQ();
           if (closeButtonName !== "auto_dismiss") {
             window.Apxor.logAppEvent("apx_video_inapp_close_button_clicked", JSON.stringify({
               message_name: this.name,
@@ -20389,7 +20410,7 @@
                 replayCount: _this3.replayCount
               }));
               _this3.videoPlayer.remove();
-              _this3.Myuq();
+              _this3.dQmQ();
               _this3.hideCallback();
             } catch (e) {
               console.log("Can't close the video player\n".concat(e));
@@ -20479,31 +20500,31 @@
       _config$termination;
     _classCallCheck(this, EmbedCards);
     _defineProperty(this, "showEmbedCardsv2", function () {
-      var element = _this.uflw(_this.layout);
-      _this.NDAk();
+      var element = _this.cJtv(_this.layout);
+      _this.VnpN();
       window.onresize = function () {
-        _this.noFr();
+        _this.vLoj();
       };
       document.body.appendChild(element);
       var styleElement = document.createElement("style");
       styleElement.innerHTML = _this.styleContent;
       document.head.appendChild(styleElement);
-      _this.IodL(_this.termination);
+      _this.yfBX(_this.termination);
       try {
         eval(_this.script);
       } catch (e) {
         console.log("found error while executing script: ".concat(e));
       }
       _this.showCallback();
-      _this.noFr();
+      _this.vLoj();
     });
-    _defineProperty(this, "NDAk", function () {
+    _defineProperty(this, "VnpN", function () {
       var EmbeddedCardsStyles = document.createElement("style");
       EmbeddedCardsStyles.innerHTML = _this.initialStyles;
       EmbeddedCardsStyles.setAttribute("apx-tooltip-styles", "");
       document.head.appendChild(EmbeddedCardsStyles);
     });
-    _defineProperty(this, "uflw", function (config) {
+    _defineProperty(this, "cJtv", function (config) {
       var _window$Apxor;
       var element;
       switch (config.type) {
@@ -20626,7 +20647,7 @@
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         element.style.position = "relative";
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.MdcQ(childConfig);
+          var childElement = _this.aDYe(childConfig);
           childElement.style.position = "absolute";
           for (var _prop3 in childConfig.offset) {
             childElement.style[_prop3] = childConfig.offset[_prop3];
@@ -20644,13 +20665,13 @@
         // }
 
         config.children.forEach(function (childConfig) {
-          var childElement = _this.uflw(childConfig);
+          var childElement = _this.cJtv(childConfig);
           element.appendChild(childElement);
         });
       }
       return element;
     });
-    _defineProperty(this, "IodL", function (config) {
+    _defineProperty(this, "yfBX", function (config) {
       config.forEach(function (id) {
         var element = document.getElementById(id);
         if (element) {
@@ -20658,7 +20679,7 @@
         }
       });
     });
-    _defineProperty(this, "noFr", function () {
+    _defineProperty(this, "vLoj", function () {
       var _window;
       var width = window.document.querySelector("html").offsetWidth;
       var height = window.document.querySelector("html").offsetHeight;
@@ -20678,14 +20699,14 @@
   var RTM = /*#__PURE__*/_createClass(function RTM() {
     var _this = this;
     _classCallCheck(this, RTM);
-    _defineProperty(this, "SlBu", {});
+    _defineProperty(this, "XcHu", {});
     _defineProperty(this, "isShowingAction", false);
     _defineProperty(this, "currentAction", null);
-    _defineProperty(this, "MoLX", null);
-    _defineProperty(this, "version", 54);
+    _defineProperty(this, "ZTdX", null);
+    _defineProperty(this, "version", 55);
     _defineProperty(this, "isInitialised", false);
     _defineProperty(this, "_eventsInDynamicText", {});
-    _defineProperty(this, "EaiM", function () {
+    _defineProperty(this, "ivBX", function () {
       _this.isInitialised = true;
       var oldPushState = history.pushState;
       history.pushState = function pushState() {
@@ -20710,7 +20731,7 @@
     });
     _defineProperty(this, "show", function (uiJson, duration, uuid, name) {
       if (!_this.isInitialised) {
-        _this.EaiM();
+        _this.ivBX();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor, _window$Apxor$pageUnl;
@@ -20735,7 +20756,7 @@
         } else if (ui_config.display_type === "new-inline" || ui_config.action_class === "tooltip_builder") {
           _this.createInLineToolTip(ui_config, duration, uuid, name, ui_config.action_class === "tooltip_builder" ? "tooltip_builder" : "new-inline");
         } else if (ui_config.display_type === "coach_mark_v2") {
-          _this.BvSS(ui_config, duration, uuid, name);
+          _this.AQBm(ui_config, duration, uuid, name);
         } else {
           showCoachmarkWithDelay(_this, ui_config, {
             configId: uuid,
@@ -20856,7 +20877,7 @@
         var _window14, _window14$updateFlag, _window15;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.MoLX = null;
+        _this.ZTdX = null;
         (_window14 = window) === null || _window14 === void 0 || (_window14 = _window14.Apxor) === null || _window14 === void 0 || (_window14$updateFlag = _window14.updateFlag) === null || _window14$updateFlag === void 0 || _window14$updateFlag.call(_window14, false);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
@@ -20867,21 +20888,21 @@
         }
       };
       if (action_class === "new-inline") {
-        _this.MoLX = new InLineTooltip(ui_config, [], [], terminationConfig, {
+        _this.ZTdX = new InLineTooltip(ui_config, [], [], terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide, function () {}, false, 0);
       } else if (action_class === "tooltip_builder") {
-        _this.MoLX = new NewInLineTooltip(ui_config, terminationConfig, {
+        _this.ZTdX = new NewInLineTooltip(ui_config, terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide);
       }
       setTimeout(function () {
-        _this.MoLX.createNewTooltip();
+        _this.ZTdX.createNewTooltip();
       }, ui_config.delay);
     });
-    _defineProperty(this, "BvSS", function (ui_config, duration, uuid, name) {
+    _defineProperty(this, "AQBm", function (ui_config, duration, uuid, name) {
       var terminationConfig = {};
       terminationConfig["auto_dismiss"] = duration > 0;
       terminationConfig["duration"] = duration;
@@ -20905,7 +20926,7 @@
         var _window19, _window19$updateFlag, _window20;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.MoLX = null;
+        _this.ZTdX = null;
         (_window19 = window) === null || _window19 === void 0 || (_window19 = _window19.Apxor) === null || _window19 === void 0 || (_window19$updateFlag = _window19.updateFlag) === null || _window19$updateFlag === void 0 || _window19$updateFlag.call(_window19, false);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
@@ -20918,8 +20939,8 @@
       _this._currentCoachmark.createNewCoachMark();
     });
     _defineProperty(this, "updateElementPositionOnScroll", function (top, left, height, width) {
-      if (_this.MoLX) {
-        _this.MoLX.updateElementPositionOnScroll(top, left, height, width);
+      if (_this.ZTdX) {
+        _this.ZTdX.updateElementPositionOnScroll(top, left, height, width);
       }
     });
     _defineProperty(this, "createInAppVideo", function (config, duration, configId, name) {
@@ -20949,7 +20970,7 @@
           window.Apxor.logActionEvent("inapp_dismissed", configId, name);
         }
       });
-      VideoInAppInstance.WDKy();
+      VideoInAppInstance.NpYM();
     });
     /**
      * Creates a modal for the given config and displays it.