apxor-rtm-ui 0.8.3 → 0.9.1

package/dist/apxor.rtm.js.bak

@@ -7877,6 +7877,28 @@
   var getSlotNumberByPosition = function getSlotNumberByPosition(position) {
     if (position === "left") return 1;else if (position === "center") return 3;else return 5;
   };
+  var collapseSpaces = function collapseSpaces(text) {
+    return text.replace(/\s+/g, " ");
+  };
+  var contentBasedSearch = function contentBasedSearch(element, type, op, content) {
+    var _content;
+    var innerText = element.innerText.trim().toLowerCase();
+    innerText = collapseSpaces(innerText);
+    content = (_content = content) === null || _content === void 0 ? void 0 : _content.trim().toLowerCase();
+    content = collapseSpaces(content);
+    if (type === "s") {
+      switch (op) {
+        case "CONTAINS":
+          return innerText.includes(content);
+        case "EQ":
+          return innerText === content;
+        default:
+          return false;
+      }
+    } else {
+      return false;
+    }
+  };
 
   /**
    * @function getElementFromSelector
@@ -7886,7 +7908,38 @@
    */
   var getElementFromSelector = function getElementFromSelector(selector) {
     var iframe_id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+    var find_config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var view_additional_info = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
     // Given selector can be an ID.
+    if (Object.keys(view_additional_info).length > 0 && Object.keys(find_config).length > 0 && (find_config === null || find_config === void 0 ? void 0 : find_config.search_criteria[0]) == "content") {
+      var _elements_list;
+      var elements_list = document.querySelectorAll("[id=\"".concat(selector, "\"]"));
+      if (elements_list.length === 0) {
+        elements_list = document.querySelectorAll(selector);
+      }
+      if (((_elements_list = elements_list) === null || _elements_list === void 0 ? void 0 : _elements_list.length) > 0) {
+        var element_satisfied_list = [];
+        for (var i = 0; i < elements_list.length; i++) {
+          var element_found_based_on_content = contentBasedSearch(elements_list[i], find_config.eval.t, find_config.eval.op, find_config.eval.val);
+          if (element_found_based_on_content) {
+            element_satisfied_list.push(elements_list[i]);
+            element = element_satisfied_list[0];
+          }
+        }
+        var content = view_additional_info === null || view_additional_info === void 0 ? void 0 : view_additional_info.content;
+      } else {
+        elements_list = document.querySelectorAll("*");
+        for (var _i = 0; _i < elements_list.length; _i++) {
+          var _element_found_based_on_content = contentBasedSearch(elements_list[_i], find_config.eval.t, find_config.eval.op, find_config.eval.val);
+          if (_element_found_based_on_content) {
+            element = elements_list[_i];
+          }
+        }
+      }
+      if (element) {
+        return element;
+      }
+    }
     var element = document.getElementById(selector);
     if (!element) {
       try {
@@ -12119,14 +12172,14 @@
       _config$wait_interval,
       _config$termination;
     _classCallCheck(this, TemplateContent);
-    _defineProperty(this, "cBwB", function () {
+    _defineProperty(this, "YyDb", function () {
       return new Promise(function (resolve, reject) {
         try {
-          var element = _this.WGMT(_this.layout);
+          var element = _this.tmRn(_this.layout);
           var styleElement = document.createElement("style");
           styleElement.innerHTML = _this.styleContent;
           document.head.appendChild(styleElement);
-          _this.quNv();
+          _this.qYHJ();
           try {
             eval(_this.script);
           } catch (e) {
@@ -12137,15 +12190,15 @@
           }
           _this.imageElements.forEach(function (img) {
             img.addEventListener("error", function () {
-              _this.HExf("provided image doesn't exists");
+              _this.woit("provided image doesn't exists");
             });
           });
           _this.intervalToCheckMediaLoadingStatus = setInterval(function () {
             _this.wait_interval -= 1;
             if (_this.wait_interval <= 0) {
-              _this.HExf("provided media doesn't exists");
+              _this.woit("provided media doesn't exists");
             } else {
-              if (_this.XPjO() && _this.GVvD() && _this.OnXW()) {
+              if (_this.xbQr() && _this.fqDl() && _this.uTAP()) {
                 clearInterval(_this.intervalToCheckMediaLoadingStatus);
                 resolve(element);
               }
@@ -12159,7 +12212,7 @@
         }
       });
     });
-    _defineProperty(this, "HExf", function (reason) {
+    _defineProperty(this, "woit", function (reason) {
       var _window$ApxorRTM, _window$Apxor, _this$config, _this$config2, _window$Apxor2, _this$config3, _this$config4, _this$config5, _this$config6, _window3;
       !_this.loggedNudgeNotShownEvent && ((_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 ? void 0 : _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
         apx_nudge_name: _this.name,
@@ -12175,13 +12228,13 @@
       _this.closeCallBack("cancel");
       (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.ApxorInternals) === null || _window3 === void 0 || _window3.removeBuilderTemplate(_this.configId);
     });
-    _defineProperty(this, "quNv", function () {
+    _defineProperty(this, "qYHJ", function () {
       var BuilderTemplatesStyles = document.createElement("style");
       BuilderTemplatesStyles.innerHTML = _this.initialStyles;
       BuilderTemplatesStyles.setAttribute("apx-builder-template-styles", "");
       document.head.appendChild(BuilderTemplatesStyles);
     });
-    _defineProperty(this, "WGMT", function (config) {
+    _defineProperty(this, "tmRn", function (config) {
       var _window$Apxor3;
       var element;
       switch (config.type) {
@@ -12265,7 +12318,7 @@
                 if (config.type === "cta_button" || config.type === "button") {
                   reason = "cta-clicked";
                 }
-                _this.jKJD(e, "redirect", reason);
+                _this.mPVm(e, "redirect", reason);
                 if ((_this$config7 = _this.config) !== null && _this$config7 !== void 0 && (_this$config7 = _this$config7.additional_info) !== null && _this$config7 !== void 0 && _this$config7.apx_step) {
                   var _window4, _this$config8;
                   (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.Apxor) === null || _window4 === void 0 || _window4.triggerNextStep(_this.configId, ((_this$config8 = _this.config) === null || _this$config8 === void 0 || (_this$config8 = _this$config8.additional_info) === null || _this$config8 === void 0 ? void 0 : _this$config8.apx_step) + 1);
@@ -12281,7 +12334,7 @@
                 } else if (config.type === "cta_button" || config.type === "button") {
                   reason = "cta-clicked";
                 }
-                _this.jKJD(e, "cancel", reason);
+                _this.mPVm(e, "cancel", reason);
                 // window.Apxor.logActionEvent(
                 //   "walk_through_cancelled",
                 //   this.configId,
@@ -12300,7 +12353,7 @@
                 } else if (config.type === "cta_button" || config.type === "button") {
                   reason = "cta-clicked";
                 }
-                _this.jKJD(e, "dismiss", reason);
+                _this.mPVm(e, "dismiss", reason);
                 if ((_this$config9 = _this.config) !== null && _this$config9 !== void 0 && (_this$config9 = _this$config9.additional_info) !== null && _this$config9 !== void 0 && _this$config9.apx_step) {
                   var _window5, _this$config10;
                   (_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || _window5.triggerNextStep(_this.configId, ((_this$config10 = _this.config) === null || _this$config10 === void 0 || (_this$config10 = _this$config10.additional_info) === null || _this$config10 === void 0 ? void 0 : _this$config10.apx_step) + 1);
@@ -12311,7 +12364,7 @@
               element.onclick = function (e) {
                 e.stopPropagation();
                 window.Apxor.neverShow(_this.configId, _this.name, "IN_APP");
-                _this.jKJD(e, "never");
+                _this.mPVm(e, "never");
               };
               break;
             case "toggle-class":
@@ -12336,7 +12389,7 @@
                 tempInput.select();
                 document.execCommand("copy");
                 document.body.removeChild(tempInput);
-                _this.jKJD(e, "copy-content", "cta-clicked");
+                _this.mPVm(e, "copy-content", "cta-clicked");
                 setTimeout(function () {
                   window.Apxor.showInfoToast("Text-Copied:".concat(textToCopy));
                 }, 500);
@@ -12358,7 +12411,7 @@
       }
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.WGMT(childConfig);
+          var childElement = _this.tmRn(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -12366,7 +12419,7 @@
       // Process children
       if (config.children && config.children.length > 0) {
         config.children.forEach(function (childConfig) {
-          var childElement = _this.WGMT(childConfig);
+          var childElement = _this.tmRn(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -12393,7 +12446,7 @@
       }
       return element;
     });
-    _defineProperty(this, "jKJD", function (e, action) {
+    _defineProperty(this, "mPVm", function (e, action) {
       var _window$Apxor4, _this$config11, _this$config12, _window$Apxor5, _this$config13, _this$config14, _this$config15, _this$config16;
       var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
       var additional_info = {
@@ -12422,7 +12475,7 @@
         _this.closeCallBack(action);
       }
     });
-    _defineProperty(this, "GVvD", function () {
+    _defineProperty(this, "fqDl", function () {
       //This logic is to make sure that image has loaded, it doesn't check whether image is broken
       //refer: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/complete#value
       if (_this.imageElements.length === 0) return true;
@@ -12430,13 +12483,13 @@
         return img.complete;
       });
     });
-    _defineProperty(this, "OnXW", function () {
+    _defineProperty(this, "uTAP", function () {
       if (!_this.bgImageUrl) return true;
       var img = new Image();
       img.src = _this.bgImageUrl;
       return img.complete;
     });
-    _defineProperty(this, "XPjO", function () {
+    _defineProperty(this, "xbQr", function () {
       if (_this.videoElements.length === 0) return true;
       return _this.videoElements.every(function (video) {
         return video.readyState >= 3;
@@ -12703,6 +12756,8 @@
     _classCallCheck(this, Offset);
     this.skid = getNumberOrDefault(data === null || data === void 0 ? void 0 : data.skid, 0);
     this.distance = getNumberOrDefault(data === null || data === void 0 ? void 0 : data.distance, 0);
+    this.x = getNumberOrDefault(data === null || data === void 0 ? void 0 : data.x, 0);
+    this.y = getNumberOrDefault(data === null || data === void 0 ? void 0 : data.y, 0);
   });
 
   /**
@@ -12725,7 +12780,7 @@
   var Position = /*#__PURE__*/_createClass(function Position() {
     var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, Position);
-    this.position = getStringOrDefault(data === null || data === void 0 ? void 0 : data.position, "top-left").toLowerCase();
+    this.position = getStringOrDefault(convertThePositionCode(data === null || data === void 0 ? void 0 : data.position), "top-left").toLowerCase();
     this.enable_offset = data.enable_offset;
     this.offset = new Offset(data.offset);
   });
@@ -13370,7 +13425,7 @@
               case 0:
                 _context2.prev = 0;
                 _context2.next = 3;
-                return this.templateContent.cBwB();
+                return this.templateContent.YyDb();
               case 3:
                 this.inLineContainer = _context2.sent;
                 _context2.next = 9;
@@ -13894,6 +13949,7 @@
       this.enable_border = data.enable_border;
       this.border = new Border(data.border);
       this.alignment = getStringOrDefault(data.alignment, CENTER);
+      this.position = getStringOrDefault(data.position, "right");
     }
     _createClass(Icon, null, [{
       key: "isEnabled",
@@ -14946,7 +15002,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "Lgvy", function () {
+      _defineProperty(this, "fPEj", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -14965,7 +15021,7 @@
        * @private
        * @description Sets the marketing content at the end of the Inline
        */
-      _defineProperty(this, "wOnC", function () {
+      _defineProperty(this, "VoOg", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inline-marketing".concat(_this.cssPostFix));
@@ -15006,6 +15062,8 @@
       this.interactive_border = config.interactive_border || 10; // Determines the invisible border around the tippy that will prevent it from hiding if the cursorleft it
 
       this.target = new Target$1(config.target);
+      this.view_additional_info = (config === null || config === void 0 ? void 0 : config.view_additional_info) || {};
+      this.find_config = (config === null || config === void 0 ? void 0 : config.find_config) || {};
       this.elementHighlighter = new ElementHighlighter(config.highlighter);
       this.direction = new Direction(config.direction);
       this.position = new Position(config.position);
@@ -15192,7 +15250,7 @@
     }, {
       key: "_findTargetElement",
       value: function _findTargetElement(targetFoundCallback) {
-        this.targetElement = getElementFromSelector(this.target.id, this.target.frame_id);
+        this.targetElement = getElementFromSelector(this.target.id, this.target.frame_id, this.find_config, this.view_additional_info);
         if (!this.targetElement) {
           if (this.target.enable_retry) {
             console.info("Not found yet. Rechecking the DOM.");
@@ -15394,7 +15452,6 @@
                   _this5.scrollCompletelyInViewCount--;
                   var is_element_covered = isElementCovered(_this5.targetElement);
                   if (isElementCompletlyInView(_this5.targetElement) && !is_element_covered) {
-                    console.log("is completely in view");
                     targetReachedCallback();
                     isscrolled = true;
                     clearInterval(_this5.scrollCompletelyInViewCount);
@@ -15577,7 +15634,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.Lgvy(), "\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.fPEj(), "\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;
@@ -16387,7 +16444,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.wOnC();
+        this.VoOg();
       }
 
       /**
@@ -19282,7 +19339,7 @@
               case 0:
                 _context2.prev = 0;
                 _context2.next = 3;
-                return this.templateContent.cBwB();
+                return this.templateContent.YyDb();
               case 3:
                 this.inAppContainer = _context2.sent;
                 this.inAppContainer.style.zIndex = 99999;
@@ -19481,7 +19538,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "Lgvy", function () {
+      _defineProperty(this, "fPEj", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -19527,7 +19584,7 @@
        * @private
        * @description Get the response for Form content in the InApp modal.
        */
-      _defineProperty(this, "llkJ", function (form_elements) {
+      _defineProperty(this, "bINs", function (form_elements) {
         var obj = {};
         var callback = "";
         form_elements.forEach(function (element) {
@@ -19567,7 +19624,7 @@
        * @private
        * @description Sets the marketing content at the end of the InApp
        */
-      _defineProperty(this, "wOnC", function () {
+      _defineProperty(this, "VoOg", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
@@ -19826,7 +19883,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.Lgvy(), " \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.fPEj(), " \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;
@@ -20325,7 +20382,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.wOnC();
+        this.VoOg();
       }
 
       /**
@@ -20607,7 +20664,7 @@
           var form = document.querySelector(".apx-inapp-form-container".concat(this.cssPostFix));
           form.addEventListener("submit", function (e) {
             e.preventDefault();
-            var _this8$generateRespon = _this8.llkJ(_this8.form.elements),
+            var _this8$generateRespon = _this8.bINs(_this8.form.elements),
               obj = _this8$generateRespon.obj,
               callback = _this8$generateRespon.callback;
             var evalString = "(obj)=>" + callback + "(obj)";
@@ -20967,7 +21024,7 @@
             };
           } else {
             // As the video player is hidden by default, unhide if the mode is not PIP.
-            _this.IlnK();
+            _this.RFlT();
           }
           _this.showCallback();
         } catch (e) {
@@ -20988,7 +21045,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, "fbhl", function () {
+      _defineProperty(this, "DcxS", function () {
         var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video, 1),
           width = _getHeightWidthFromRe.width,
           height = _getHeightWidthFromRe.height;
@@ -21000,7 +21057,7 @@
        * @private
        * @description Removes the video player style element.
        */
-      _defineProperty(this, "qlmf", function () {
+      _defineProperty(this, "EHdv", function () {
         var playerStyles = document.getElementById("apx-mpl-styles");
         if (playerStyles) {
           playerStyles.remove();
@@ -21011,7 +21068,7 @@
        * @private
        * @description Attach listeners on the video controls
        */
-      _defineProperty(this, "DvAA", function () {
+      _defineProperty(this, "MsLs", 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");
@@ -21126,7 +21183,7 @@
        * @private
        * @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
        */
-      _defineProperty(this, "uGXC", function () {
+      _defineProperty(this, "drXm", 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,
@@ -21166,7 +21223,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, "ofWO", function () {
+      _defineProperty(this, "iXXi", function () {
         _this.enable_close_button;
         if (_this.enable_close_button) {
           var closeButton = document.createElement("span");
@@ -21213,21 +21270,21 @@
        * @function hideVideoPlayer
        * @description Sets the visibility of the video player to hidden.
        */
-      _defineProperty(this, "qfZE", function () {
+      _defineProperty(this, "sbcq", function () {
         _this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function unhideVideoPlayer
        * @description Unhides video player.
        */
-      _defineProperty(this, "IlnK", function () {
+      _defineProperty(this, "RFlT", function () {
         _this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function getVideoElement
        * @returns {HTMLElement} Video ekement
        */
-      _defineProperty(this, "aAUG", function () {
+      _defineProperty(this, "gkcW", function () {
         return _this.videoElement;
       });
       this.videoPlayer = null;
@@ -21281,7 +21338,7 @@
         this.videoPlayer.style.backgroundColor = this.bg_color;
 
         // Video has a resolution, not deviating from the resolution set the height and width.
-        this.fbhl();
+        this.DcxS();
         //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.
@@ -21289,16 +21346,16 @@
         //Create a video element,set the source and add to the container.
         this._setPlayerContent();
         //Set the listeners on the video control buttons.
-        this.DvAA();
+        this.MsLs();
         //Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
-        this.uGXC();
+        this.drXm();
         //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.ofWO();
+        this.iXXi();
         //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.qfZE();
+        this.sbcq();
         //If the auto dismiss is enabled, sets the timeout to call the InApp close.
         this._setAutoTerminate();
         document.body.appendChild(this.videoPlayer);
@@ -21413,7 +21470,7 @@
             }
           }
           this.videoPlayer.remove();
-          this.qlmf();
+          this.EHdv();
           if (closeButtonName !== "auto_dismiss") {
             var _window$ApxorRTM9;
             (_window$ApxorRTM9 = window.ApxorRTM) === null || _window$ApxorRTM9 === void 0 || _window$ApxorRTM9.logEvent("apx_video_inapp_close_button_clicked", {
@@ -21483,7 +21540,7 @@
                 replayCount: _this3.replayCount
               });
               _this3.videoPlayer.remove();
-              _this3.qlmf();
+              _this3.EHdv();
               _this3.hideCallback();
             } catch (e) {
               console.log("Can't close the video player\n".concat(e));
@@ -21577,14 +21634,14 @@
       try {
         var _window;
         (_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.debug("called showEmbedCards");
-        var element = _this.awow(_this.layout);
-        _this.OtPv();
+        var element = _this.LJbh(_this.layout);
+        _this.RUIz();
         window.onresize = function () {
-          _this.sHqY();
+          _this.gwwj();
         };
         _this.imageElements.forEach(function (img) {
           img.addEventListener("error", function () {
-            _this.HExf("provided image doesn't exists");
+            _this.woit("provided image doesn't exists");
           });
         });
         var rootContainer = document.createElement("div");
@@ -21595,7 +21652,7 @@
         var styleElement = document.createElement("style");
         styleElement.innerHTML = _this.styleContent;
         document.head.appendChild(styleElement);
-        _this.nRjs(_this.termination);
+        _this.JoIM(_this.termination);
         try {
           eval(_this.script);
         } catch (e) {
@@ -21606,10 +21663,10 @@
         _this.intervalToCheckMediaLoadingStatus = setInterval(function () {
           _this.wait_interval -= 1;
           if (_this.wait_interval <= 0) {
-            _this.HExf("provided media doesn't exists");
+            _this.woit("provided media doesn't exists");
           } else {
-            if (_this.XPjO() && _this.GVvD() && _this.OnXW()) {
-              _this.sHqY();
+            if (_this.xbQr() && _this.fqDl() && _this.uTAP()) {
+              _this.gwwj();
               clearInterval(_this.intervalToCheckMediaLoadingStatus);
             }
           }
@@ -21620,7 +21677,7 @@
         (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.ApxorLogger) === null || _window3 === void 0 || _window3.error("failed while creating embed card with error: ".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
       }
     });
-    _defineProperty(this, "HExf", function (reason) {
+    _defineProperty(this, "woit", function (reason) {
       var _window$ApxorRTM, _window4;
       !_this.loggedNudgeNotShownEvent && ((_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 ? void 0 : _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
         apx_nudge_name: _this.name,
@@ -21634,13 +21691,13 @@
       clearInterval(_this.intervalToCheckMediaLoadingStatus);
       (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.ApxorWidget) === null || _window4 === void 0 || _window4.removeEmbedCard(_this.configId);
     });
-    _defineProperty(this, "OtPv", function () {
+    _defineProperty(this, "RUIz", function () {
       var EmbeddedCardsStyles = document.createElement("style");
       EmbeddedCardsStyles.innerHTML = _this.initialStyles;
       EmbeddedCardsStyles.setAttribute("apx-embedded-card-styles", "");
       document.head.appendChild(EmbeddedCardsStyles);
     });
-    _defineProperty(this, "awow", function (config) {
+    _defineProperty(this, "LJbh", function (config) {
       var _window$Apxor;
       var element;
       switch (config.type) {
@@ -21714,27 +21771,27 @@
               element.onclick = function (e) {
                 e.stopPropagation();
                 window.Apxor.redirect(JSON.stringify(action));
-                _this.jKJD(e);
+                _this.mPVm(e);
               };
               break;
             case "show-video":
               element.onclick = function (e) {
                 e.stopPropagation();
                 window.Apxor.showVideoInApp(_this.configId, _this.name, action.url);
-                _this.jKJD(e);
+                _this.mPVm(e);
               };
               break;
             case "cancel":
               element.onclick = function (e) {
                 e.stopPropagation();
-                _this.jKJD(e);
+                _this.mPVm(e);
                 window.Apxor.logActionEvent("walk_through_cancelled", _this.configId, _this.name);
               };
               break;
             case "dismiss":
               element.onclick = function (e) {
                 e.stopPropagation();
-                _this.jKJD(e);
+                _this.mPVm(e);
               };
               break;
             case "never":
@@ -21742,7 +21799,7 @@
                 e.stopPropagation();
                 window.Apxor.neverShow(_this.configId, _this.name, "IN_APP");
                 window.Apxor.logActionEvent("never_show_clicked", _this.configId, _this.name);
-                _this.jKJD(e);
+                _this.mPVm(e);
               };
               break;
             case "toggle-class":
@@ -21767,7 +21824,7 @@
                 tempInput.select();
                 document.execCommand("copy");
                 document.body.removeChild(tempInput);
-                _this.jKJD(e);
+                _this.mPVm(e);
               };
               break;
             case "log-app-event":
@@ -21786,7 +21843,7 @@
       }
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.WGMT(childConfig);
+          var childElement = _this.tmRn(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -21794,7 +21851,7 @@
       // Process children
       if (config.children && config.children.length > 0) {
         config.children.forEach(function (childConfig) {
-          var childElement = _this.awow(childConfig);
+          var childElement = _this.LJbh(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -21820,7 +21877,7 @@
       }
       return element;
     });
-    _defineProperty(this, "jKJD", function (e) {
+    _defineProperty(this, "mPVm", function (e) {
       var _e$target$getAttribut, _e$target, _e$target$getAttribut2;
       var additional_info = {
         apx_nudge_name: _this.name,
@@ -21837,7 +21894,7 @@
         (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_card_interaction", additional_info);
       }
     });
-    _defineProperty(this, "nRjs", function (config) {
+    _defineProperty(this, "JoIM", function (config) {
       config.forEach(function (id) {
         var element = document.getElementById(id);
         if (element) {
@@ -21845,7 +21902,7 @@
         }
       });
     });
-    _defineProperty(this, "GVvD", function () {
+    _defineProperty(this, "fqDl", function () {
       //This logic is to make sure that image has loaded, it doesn't check whether image is broken
       //refer: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/complete#value
       if (_this.imageElements.length === 0) return true;
@@ -21853,19 +21910,19 @@
         return img.complete;
       });
     });
-    _defineProperty(this, "XPjO", function () {
+    _defineProperty(this, "xbQr", function () {
       if (_this.videoElements.length === 0) return true;
       return _this.videoElements.every(function (video) {
         return video.readyState >= 3;
       });
     });
-    _defineProperty(this, "OnXW", function () {
+    _defineProperty(this, "uTAP", function () {
       if (!_this.bgImageUrl) return true;
       var img = new Image();
       img.src = _this.bgImageUrl;
       return img.complete;
     });
-    _defineProperty(this, "sHqY", function () {
+    _defineProperty(this, "gwwj", function () {
       var _window6, _window7;
       var width = window.document.querySelector("html").offsetWidth;
       var height = window.document.querySelector("html").offsetHeight;
@@ -21954,8 +22011,8 @@
         _this.storyContainer.appendChild(currentElement);
         _this.storyContainer.appendChild(slideDetails);
         document.body.appendChild(_this.storyContainer);
-        _this.nHBJ();
-        _this.Hqne();
+        _this.Jmwb();
+        _this.mKEK();
         _this.progress = Array.from(document.querySelectorAll(".progress"));
         var current_slide = document.querySelector(".slide-details");
         var playNext = function playNext(e) {
@@ -22001,7 +22058,7 @@
               _existingAbsoluteElements2.forEach(function (element) {
                 element.remove();
               });
-              // this.hKBX();
+              // this.uqKf();
               var _currentSlideDetails = document.querySelector(".slide-details");
               _currentSlideDetails.innerHTML = "";
               _this.position = _this.position + 1;
@@ -22097,7 +22154,7 @@
           absolute_header = document.createElement("div");
           current_slide_from_config.layout.absolute_position_children.forEach(function (current_element) {
             var current_absolute_element;
-            current_absolute_element = _this.WGMT(current_element);
+            current_absolute_element = _this.tmRn(current_element);
             absolute_header.appendChild(current_absolute_element);
           });
           (_absolute_header = absolute_header) === null || _absolute_header === void 0 || _absolute_header.classList.add("apx-slide-header");
@@ -22157,7 +22214,7 @@
             document.body.style.backgroundRepeat = "";
             var updated_layout_without_absolute_elements = JSON.parse(JSON.stringify(current_slide_from_config.layout));
             delete updated_layout_without_absolute_elements["absolute_position_children"];
-            element = _this.WGMT(updated_layout_without_absolute_elements);
+            element = _this.tmRn(updated_layout_without_absolute_elements);
             document.body.style.backgroundColor = current_slide_from_config.media_background_color;
             document.body.style.margin = "0px";
           }
@@ -22165,9 +22222,9 @@
             current_slide.removeChild(current_slide.children[0]);
           }
           current_slide.appendChild(element);
-          _this.IFPE();
+          _this.dioq();
           window.intervalToCheckImgStatus = setInterval(function () {
-            if (_this.aBZy()) {
+            if (_this.JdWy()) {
               clearInterval(window.intervalToCheckImgStatus);
             }
           }, 500);
@@ -22195,7 +22252,7 @@
         });
         playNext();
       });
-      _defineProperty(this, "hKBX", function () {
+      _defineProperty(this, "uqKf", function () {
         document.body.classList.add("slide-right");
         var animationEndCounter = 0;
         var onAnimationEnd = function onAnimationEnd() {
@@ -22207,7 +22264,7 @@
         };
         document.body.addEventListener("animationend", onAnimationEnd);
       });
-      _defineProperty(this, "WGMT", function (config) {
+      _defineProperty(this, "tmRn", function (config) {
         var _window$Apxor4;
         var element;
         var startY;
@@ -22263,7 +22320,7 @@
             element.innerHTML = "<svg width=\"30\" height=\"30\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M12.375 4L10.1979 6.17708L7.92708 9.20833H3V15.4583H7.16667L12.375 20.6667V4Z\" fill=\"currentColor\" />\n        <path d=\"M14.4905 20.2167C18.9193 20.2167 22.5095 16.6265 22.5095 12.1977C22.5095 7.76894 18.9193 4.17871 14.4905 4.17871\" stroke=\"currentColor\" fill =\"transparent\" stroke-width=\"1.782\"/>\n        <path d=\"M14.4905 15.7618C16.4588 15.7618 18.0545 14.1661 18.0545 12.1978C18.0545 10.2294 16.4588 8.63379 14.4905 8.63379\" stroke=\"currentColor\" fill=\"transparent\" stroke-width=\"1.782\"/>\n        </svg>";
             element.id = "apx-mute-icon";
             element.addEventListener("touchstart", function (event) {
-              _this.Mjzr(event);
+              _this.lCIW(event);
             });
             break;
           case "copy_icon":
@@ -22457,7 +22514,7 @@
         }
         if (config.absolute_position_children && config.absolute_position_children.length > 0) {
           config.absolute_position_children.forEach(function (childConfig) {
-            var childElement = _this.WGMT(childConfig);
+            var childElement = _this.tmRn(childConfig);
             element.appendChild(childElement);
           });
         }
@@ -22465,7 +22522,7 @@
         // Process children
         if (config.children && config.children.length > 0) {
           config.children.forEach(function (childConfig) {
-            var childElement = _this.WGMT(childConfig);
+            var childElement = _this.tmRn(childConfig);
             element.appendChild(childElement);
           });
         }
@@ -22491,7 +22548,7 @@
         }
         return element;
       });
-      _defineProperty(this, "Mjzr", function (event) {
+      _defineProperty(this, "lCIW", function (event) {
         var slide_details_to_be_deleted;
         var mute_child_elements;
         var unmute_child_elements;
@@ -22521,11 +22578,11 @@
           }
           // this.muteElement.addEventListener("touchstart", (event) => {
           //   event.stopPropagation();
-          //   this.Mjzr(event);
+          //   this.lCIW(event);
           // });
         }
       });
-      _defineProperty(this, "Hqne", function () {
+      _defineProperty(this, "mKEK", function () {
         var tapTimeout;
         var tapThreshold = 0.5; // Assuming 0.5 is the center of the WebView
         var longPressDuration = 200;
@@ -22649,7 +22706,7 @@
           event.target.dataset.touchStartTime = event.timeStamp;
         });
       });
-      _defineProperty(this, "nHBJ", function () {
+      _defineProperty(this, "Jmwb", function () {
         var startY, startX;
         _this.storyContainer.addEventListener("touchstart", function (event) {
           _this.swipeTouch = true;
@@ -22856,7 +22913,7 @@
           }, 50);
         });
       });
-      _defineProperty(this, "IFPE", function () {
+      _defineProperty(this, "dioq", function () {
         _this.loader.style.display = "block";
         var progress = Array.from(document.querySelectorAll(".progress"));
         var activeIndex = progress.findIndex(function (el) {
@@ -22872,7 +22929,7 @@
           }
         }
       });
-      _defineProperty(this, "yuLN", function () {
+      _defineProperty(this, "XEwF", function () {
         if (!_this.continueLoading) {
           var slide_details_to_be_deleted = document.querySelector(".slide-details");
           var childElements = slide_details_to_be_deleted.querySelectorAll("video");
@@ -22892,19 +22949,19 @@
           _this.loader.style.display = "none";
         }
       });
-      _defineProperty(this, "GVvD", function () {
+      _defineProperty(this, "fqDl", function () {
         if (_this.imageElements.length === 0) return true;
         return _this.imageElements.every(function (img) {
           return img.complete;
         });
       });
-      _defineProperty(this, "XPjO", function () {
+      _defineProperty(this, "xbQr", function () {
         if (_this.videoElements.length === 0) return true;
         return _this.videoElements.every(function (video) {
           return video.readyState >= 3;
         });
       });
-      _defineProperty(this, "aBZy", function () {
+      _defineProperty(this, "JdWy", function () {
         var bodyStyles = window.getComputedStyle(document.body);
         var backgroundImage = bodyStyles.backgroundImage;
         if (backgroundImage && backgroundImage !== "none" && _this.current_slide_config.media_type === "image") {
@@ -22914,7 +22971,7 @@
           var img = new Image();
           img.src = imageUrl;
           if (img.complete) {
-            _this.yuLN();
+            _this.XEwF();
             return true;
           }
           return false;
@@ -22922,21 +22979,21 @@
           var slide_details_to_be_deleted = document.querySelector(".slide-details");
           var childElements = slide_details_to_be_deleted.querySelectorAll("video");
           if (childElements[0].readyState >= 3) {
-            _this.yuLN();
+            _this.XEwF();
             return true;
           }
           return false;
         } else {
           if (_this.videoElements.length == 0 && _this.imageElements.length == 0) {
-            _this.yuLN();
+            _this.XEwF();
             return true;
-          } else if (_this.GVvD() && _this.XPjO()) {
-            _this.yuLN();
+          } else if (_this.fqDl() && _this.xbQr()) {
+            _this.XEwF();
             return true;
           }
         }
       });
-      _defineProperty(this, "CjFU", function (event, startY, action) {
+      _defineProperty(this, "Ktty", function (event, startY, action) {
         event.stopPropagation();
         var endY = event.changedTouches[0].clientY;
         var deltaY = startY - endY;
@@ -23031,7 +23088,7 @@
       this.swipe_action;
       this.continueLoading = false;
       this.boundSwipeUpHandling = function (event) {
-        return _this.CjFU(event, _this.startY, _this.swipe_action);
+        return _this.Ktty(event, _this.startY, _this.swipe_action);
       };
     }
     _createClass(Stories, [{
@@ -23094,7 +23151,7 @@
           } else {
             var _progress$activeIndex5, _progress$activeIndex6, _progress$, _window12, _window12$logInternal, _window$ApxorRTM16, _window$ApxorRTM17, _window$ApxorRTM18;
             // Move to the first slide of the next group
-            // this.hKBX();
+            // this.uqKf();
             this.position++;
             this.progress_bar = new ProgressBar$1(this.config[this.position].progress_bar);
             this.slides = this.config[this.position].slides;
@@ -23220,7 +23277,7 @@
         if (activeIndex === 0) {
           var _progress$activeIndex9, _progress$activeIndex10, _progress$lastSlideIn, _window14, _window14$logInternal, _window$ApxorRTM22, _window$ApxorRTM23, _window$ApxorRTM24;
           // If at the first slide of the current group, move to the last slide of the previous group
-          // this.hKBX();
+          // this.uqKf();
           this.position--;
           this.progress_bar = new ProgressBar$1(this.config[this.position].progress_bar);
           this.slides = this.config[this.position].slides;
@@ -23407,25 +23464,25 @@
           // Create custom content
           var updated_layout_without_absolute_elements = JSON.parse(JSON.stringify(current_slide_from_config.layout));
           delete updated_layout_without_absolute_elements["absolute_position_children"];
-          element = this.WGMT(updated_layout_without_absolute_elements);
+          element = this.tmRn(updated_layout_without_absolute_elements);
         }
         // Append slide content to slide details container
 
         document.body.style.backgroundColor = current_slide_from_config.media_background_color;
         document.body.style.margin = "0px";
         currentSlideDetails.appendChild(element);
-        this.IFPE();
+        this.dioq();
 
         // Handle absolute position children
         if (current_slide_from_config.layout.absolute_position_children && current_slide_from_config.layout.absolute_position_children.length > 0) {
           current_slide_from_config.layout.absolute_position_children.forEach(function (childConfig) {
-            var childElement = _this2.WGMT(childConfig);
+            var childElement = _this2.tmRn(childConfig);
             // Append absolute position children to slide details container
             currentSlideDetails.appendChild(childElement);
           });
         }
         window.intervalToCheckImgStatus2 = setInterval(function () {
-          if (_this2.aBZy()) {
+          if (_this2.JdWy()) {
             clearInterval(window.intervalToCheckImgStatus2);
           }
         }, 500);
@@ -23469,19 +23526,1388 @@
     return Stories;
   }();
 
+  /*
+    "border": {
+      "color": "#FF0000",
+      "corners": {
+        "top_left": 5,
+        "top_right": 5,
+        "bottom_right": 5,
+        "bottom_left": 5
+      },
+      "width": {
+        "top": 4,
+        "left": 2,
+        "right": 3,
+        "bottom": 0
+      }
+    }
+  */
+  var Badgeborder = /*#__PURE__*/_createClass(function Badgeborder() {
+    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _classCallCheck(this, Badgeborder);
+    this.color = data.color;
+    this.corners = data.corners;
+    this.width = data.width;
+  });
+
+  /*
+  "shape": {
+    "height": 10,
+    "width": 10,
+    "type": "circle/rectangle",
+    "enable_border": true,
+    "border": {
+      "color": "#FF0000",
+      "corners": {
+        "top_left": 5,
+        "top_right": 5,
+        "bottom_right": 5,
+        "bottom_left": 5
+      },
+      "width": {
+        "top": 4,
+        "left": 2,
+        "right": 3,
+        "bottom": 0
+      }
+    }
+  }
+  */
+  var Shape = /*#__PURE__*/_createClass(function Shape() {
+    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _classCallCheck(this, Shape);
+    this.type = data.type;
+    this.color = getColorOrDefault(data.color, "transparent");
+    this.enable_gradient = data.enable_gradient;
+    if (this.enable_gradient) this.gradient = new Gradient(data.gradient);
+    this.enable_border = data.enable_border;
+    if (this.enable_border) this.border = new Badgeborder(data.border);
+  });
+
+  /*
+  "background": {
+        "enable_image": true,
+        "image": {
+          "type": "assets/url",
+          "path": "",
+          "width": 50,
+          "height": 50
+        },
+        "color": "#00FF0000",
+        "enable_gradient": "false",
+        "gradient": {
+          "colors": ["FF0000", "FF0000"],
+          "direction": "to_right/to_left/to_top/to_bottom"
+        },
+        "shape": {
+          "height": 10,
+          "width": 10,
+          "type": "circle/rectangle",
+          "enable_border": true,
+          "border": {
+            "color": "#FF0000",
+            "corners": {
+              "top_left": 5,
+              "top_right": 5,
+              "bottom_right": 5,
+              "bottom_left": 5
+            },
+            "width": {
+              "top": 4,
+              "left": 2,
+              "right": 3,
+              "bottom": 0
+            }
+          }
+        }
+      },
+  */
+  var Badgebackground = /*#__PURE__*/_createClass(function Badgebackground() {
+    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _classCallCheck(this, Badgebackground);
+    this.width = data.width;
+    this.height = data.height;
+    this.enable_image = data.enable_image;
+    if (this.enable_image) this.image = new Image$1(data.image);
+    this.shape = new Shape(data.shape);
+  });
+
+  /*
+  "content": [
+        {
+          "enable_label": true,
+          "label": {
+            "enable_margin": true,
+            "margin": {
+              "top": 5,
+              "left": 5,
+              "bottom": 5,
+              "right": 5
+            },
+            "color": "#FF0000",
+            "text": "123",
+            "font": {
+              "size": 20,
+              "weight": "bold/normal",
+              "style": "italic/normal",
+              "family": "sans-serif"
+            },
+            "alignment": "left",
+            "script": {
+              "cmds": "e A;jz 1;e A;r \"Winner is: {}\",1;jmp L1;1:e A;r \"{} is not winner\",1;jmp L1;L1:",
+              "vmap": {
+                "A": {
+                  "t": "u",
+                  "n": "name",
+                  "def": "Tesla"
+                }
+              }
+            },
+            "is_dyn": true
+          },
+          "enable_icon": true,
+          "icon": {
+            "type": "Assets/URl",
+            "path": "",
+            "position": "left/right",
+            "width": 50,
+            "height": 50,
+            "enable_margin": true,
+            "margin": {
+              "top": 5,
+              "left": 5,
+              "bottom": 5,
+              "right": 5
+            }
+          }
+        }
+      ],
+  */
+  var Badgecontent = /*#__PURE__*/_createClass(function Badgecontent() {
+    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _classCallCheck(this, Badgecontent);
+    this.enable_label = data.enable_label;
+    if (this.enable_label) this.label = new Text(data.label);
+    this.enable_icon = data.enable_icon;
+    if (this.enable_icon) this.icon = new Icon(data.icon);
+  });
+
+  var Autoscroll = /*#__PURE__*/_createClass(function Autoscroll() {
+    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _classCallCheck(this, Autoscroll);
+    this.duration_millis = getNumberOrDefault(data.duration_millis, 2) / 1000;
+    this.direction = getStringOrDefault(data.direction, "to_top");
+    this.horizontal_gap = data === null || data === void 0 ? void 0 : data.horizontal_gap;
+  });
+
+  /**
+   * @constructor Animation
+   * @example
+   * Example of a Animation model is
+   *
+   * animation: {
+   *  type : "cycle",
+   *  duration : 10,
+   *  anim_function : "ease-in-out",
+   *  iteration_count : 2,
+   * }
+   */
+  var BadgeAnimation = /*#__PURE__*/function () {
+    function BadgeAnimation() {
+      var _data$shine, _data$shine2;
+      var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      _classCallCheck(this, BadgeAnimation);
+      this.type = getStringOrDefault(data.type, "cycle");
+      this.duration = getNumberOrDefault(data.duration, 1);
+      this.delay_millis = getNumberOrDefault(data.delay_millis, 1000) / 1000;
+      this.duration_millis = getNumberOrDefault(data.duration_millis, 1000) / 1000;
+      this.inter_count = getNumberOrDefault(data.inter_count, 0);
+      this.intra_count = getNumberOrDefault(data.intra_count, 0);
+      switch (this.type) {
+        case "fade":
+          this.fade_opacity = getNumberOrDefault(data.fade.opacity, 50);
+          break;
+        case "ripple":
+          this.rippleArea = getNumberOrDefault(data.ripple.area, 8);
+          this.rippleColor = getColorOrDefault(data.ripple.color, "#FFFFFF");
+          this.rippleCornerRadius = getNumberOrDefault(data.ripple.corner_radius, 8);
+          this.rippleShape = getStringOrDefault(data.ripple.shape, "rectangle");
+          break;
+        case "shake":
+          this.shakeDirection = getStringOrDefault(data.shake.direction, "horizontal");
+          break;
+        case "shine":
+          this.shineDirection = getStringOrDefault(data.shine.direction, "to_bottom_right");
+          this.shineColor = getColorOrDefault(data.shine.color, "#FFFFFF");
+          this.lines_gap = data === null || data === void 0 || (_data$shine = data.shine) === null || _data$shine === void 0 ? void 0 : _data$shine.lines_gap;
+          this.lines = data === null || data === void 0 || (_data$shine2 = data.shine) === null || _data$shine2 === void 0 ? void 0 : _data$shine2.lines;
+          break;
+      }
+      this.anim_function = getStringOrDefault(data.anim_function, "ease-in-out");
+      this.iteration_count = getNumberOrDefault(data.iteration_count, "infinite");
+    }
+    _createClass(BadgeAnimation, null, [{
+      key: "isEnabled",
+      value: function isEnabled(data) {
+        if (isUndefined$1(data) || isNull(data) || isEmptyObject(data)) {
+          return false;
+        } else {
+          return true;
+        }
+      }
+    }]);
+    return BadgeAnimation;
+  }();
+
+  /*
+  "badge": {
+      "position": {
+        "position": "TL/T/TR/L/C/R/BL/B/BR",
+        "offset": {
+          "x": 5,
+          "y": 5
+        }
+      },
+      "enable_background": true,
+      "background": {
+        "enable_image": true,
+        "image": {
+          "type": "assets/url",
+          "path": "",
+          "width": 50,
+          "height": 50
+        },
+        "color": "#00FF0000",
+        "enable_gradient": "false",
+        "gradient": {
+          "colors": ["FF0000", "FF0000"],
+          "direction": "to_right/to_left/to_top/to_bottom"
+        },
+        "shape": {
+          "height": 10,
+          "width": 10,
+          "type": "circle/rectangle",
+          "enable_border": true,
+          "border": {
+            "color": "#FF0000",
+            "corners": {
+              "top_left": 5,
+              "top_right": 5,
+              "bottom_right": 5,
+              "bottom_left": 5
+            },
+            "width": {
+              "top": 4,
+              "left": 2,
+              "right": 3,
+              "bottom": 0
+            }
+          }
+        }
+      },
+      "content": [
+        {
+          "enable_label": true,
+          "label": {
+            "enable_margin": true,
+            "margin": {
+              "top": 5,
+              "left": 5,
+              "bottom": 5,
+              "right": 5
+            },
+            "color": "#FF0000",
+            "text": "123",
+            "font": {
+              "size": 20,
+              "weight": "bold/normal",
+              "style": "italic/normal",
+              "family": "sans-serif"
+            },
+            "alignment": "left",
+            "script": {
+              "cmds": "e A;jz 1;e A;r \"Winner is: {}\",1;jmp L1;1:e A;r \"{} is not winner\",1;jmp L1;L1:",
+              "vmap": {
+                "A": {
+                  "t": "u",
+                  "n": "name",
+                  "def": "Tesla"
+                }
+              }
+            },
+            "is_dyn": true
+          },
+          "enable_icon": true,
+          "icon": {
+            "type": "Assets/URl",
+            "path": "",
+            "position": "left/right",
+            "width": 50,
+            "height": 50,
+            "enable_margin": true,
+            "margin": {
+              "top": 5,
+              "left": 5,
+              "bottom": 5,
+              "right": 5
+            }
+          }
+        }
+      ],
+      "enable_shadow": true,
+      "shadow": {
+        "color": "#FFFFFF",
+        "offset_x": 2,
+        "offset_y": 2,
+        "spread_radius": 2
+      },
+      "enable_animation": true,
+      "animation": {
+        "type": "shine/ripple/fading/shake",
+        "time": 5,
+        "ripple_area": 8,
+        "ripple_color": "#FFFFFF",
+        "direction": "top_to_bottom/bottom_to_top",
+        "fade_opacity": 50
+      },
+      "enable_textscroll": true,
+      "textscroll": {
+        "speed": 10,
+        "direction": "left_to_right/right_to_left/bottom_to_top"
+      }
+    }
+  */
+  var Badge = /*#__PURE__*/_createClass(function Badge(data) {
+    var _data$auto_scroll,
+      _this = this;
+    _classCallCheck(this, Badge);
+    this.position = new Position(data.position);
+    this.enable_background = data.enable_background;
+    if (this.enable_background) this.background = new Badgebackground(data.background);
+    this.content = [];
+    if (data !== null && data !== void 0 && data.content && data.content.length !== 0) if (data !== null && data !== void 0 && data.enable_auto_scroll && (data === null || data === void 0 || (_data$auto_scroll = data.auto_scroll) === null || _data$auto_scroll === void 0 ? void 0 : _data$auto_scroll.direction) === "to_bottom") {
+      data.content.forEach(function (contentelement) {
+        _this.content.unshift(new Badgecontent(contentelement));
+      });
+    } else {
+      data.content.forEach(function (contentelement) {
+        _this.content.push(new Badgecontent(contentelement));
+      });
+    }
+    this.enable_shadow = data.enable_shadow;
+    if (this.enable_shadow) this.shadow = new Shadow(data.shadow);
+    this.enable_animation = data.enable_animation;
+    this.animation = new BadgeAnimation(data.animation);
+    this.enable_auto_scroll = data.enable_auto_scroll;
+    if (this.enable_auto_scroll) this.auto_scroll = new Autoscroll(data.auto_scroll);
+    this.tooltipShown = data.tooltipShown;
+  });
+
+  var ApxorBadge = /*#__PURE__*/function () {
+    /**
+     * @class ApxorBadge
+     * @param {JSON} config
+     */
+    function ApxorBadge(config, terminationConfig, messageConfig, rtmInstance, showCallback) {
+      var _this = this,
+        _this$target$retry$ma,
+        _this$target,
+        _this$badge$animation,
+        _this$badge$animation2,
+        _this$badge$animation3;
+      _classCallCheck(this, ApxorBadge);
+      _defineProperty(this, "abJr", function () {
+        var delayMillis = _this.delayMillis * 1000;
+        _this.shakeAnimationRepeat(_this.interCount, delayMillis);
+      });
+      _defineProperty(this, "ySbr", function () {
+        var delayMillis = _this.delayMillis * 1000;
+        _this.fadeAnimationRepeat(_this.interCount, delayMillis);
+      });
+      _defineProperty(this, "nEhw", function () {
+        var _this$targetElement;
+        var delayMillis = _this.delayMillis * 1000;
+        var finalStyles = ".apxor-badge-container-stylesdummy-".concat(_this.cssPostFix, " {\n      opacity:0;\n    }").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+        var newstyleNode1 = document.createElement("style");
+        newstyleNode1.innerHTML = finalStyles;
+        (_this$targetElement = _this.targetElement) === null || _this$targetElement === void 0 || _this$targetElement.appendChild(newstyleNode1);
+        _this.rippleAnimationRepeat(_this.interCount, delayMillis);
+      });
+      _defineProperty(this, "Rfqe", function () {
+        var delayMillis = _this.delayMillis * 1000;
+        //let badgeContainerClass = `.apxor-badge-container-styles-${this.cssPostFix}`;
+        //let badgeAnimationElement = document.querySelector(badgeContainerClass);
+        //badgeAnimationElement.classList.add("finished");
+
+        _this.shineAnimationRepeat(_this.interCount, delayMillis);
+        //     let finalStyles =
+        //       `.apxor-badge-content-container-${this.cssPostFix}::before.finished {
+        //   display:none;
+        // }`
+        //         .replaceAll("\n", "")
+        //         .replace(/[\s]{2,999}/g, "");
+        //     let newstyleNode1 = document.createElement("style");
+        //     newstyleNode1.innerHTML = finalStyles;
+        //     this.targetElement?.appendChild(newstyleNode1);
+      });
+      _defineProperty(this, "wXSj", function () {
+        var elements = document.querySelectorAll(".apx-main-styles-".concat(_this.configId));
+        elements === null || elements === void 0 || elements.forEach(function (ele) {
+          ele === null || ele === void 0 || ele.remove();
+        });
+        var dummy_elements = document.querySelectorAll(".apxor-badge-container-stylesdummy-".concat(_this.cssPostFix));
+        dummy_elements === null || dummy_elements === void 0 || dummy_elements.forEach(function (ele) {
+          ele === null || ele === void 0 || ele.remove();
+        });
+        _this.qgiQ();
+      });
+      _defineProperty(this, "qgiQ", function () {
+        var targetWrapperElement = document.querySelector(".image-container-".concat(_this.configId));
+        // Ensure the target element is the wrapper with class 'image-container'
+        if (targetWrapperElement) {
+          var imageElement = targetWrapperElement.querySelector("img"); // Get the image inside the wrapper
+
+          if (imageElement) {
+            // Move the image out of the wrapper by inserting it before the wrapper
+            targetWrapperElement.parentNode.insertBefore(imageElement, targetWrapperElement);
+
+            // Remove the wrapper div
+            targetWrapperElement.remove();
+
+            // Update the target element to be the image itself
+            _this.targetElement = imageElement;
+          }
+        }
+      });
+      /**
+       * @function cssPath
+       * @param {object} node
+       * @param {boolean} optimized
+       * @returns viewId
+       */
+      _defineProperty(this, "dKzi", function (node, optimized) {
+        if (node.nodeType !== Node.ELEMENT_NODE) return "";
+        var steps = [];
+        var contextNode = node;
+        while (contextNode) {
+          var step = _this.aFBg(contextNode, !!optimized, contextNode === node);
+          if (!step) break; // Error - bail out early.
+          steps.push(step);
+          if (step.optimized) break;
+          contextNode = contextNode.parentNode;
+        }
+        steps.reverse();
+        return steps.join(" > ");
+      });
+      /**
+       * @function _cssPathStep
+       * @param {object} node
+       * @param {boolean} optimized
+       * @param {object} isTargetNode
+       */
+      _defineProperty(this, "aFBg", function (node, optimized, isTargetNode) {
+        if (node.nodeType !== Node.ELEMENT_NODE) return null;
+        var id = node.getAttribute("id");
+        if (optimized) {
+          if (id) return new DOMNodePathStep(idSelector(id), true);
+          var nodeNameLower = node.nodeName.toLowerCase();
+          if (nodeNameLower === "body" || nodeNameLower === "head" || nodeNameLower === "html") return new DOMNodePathStep(node.nodeName.toLowerCase(), true);
+        }
+        var nodeName = node.nodeName.toLowerCase();
+        if (id) return new DOMNodePathStep(nodeName.toLowerCase() + idSelector(id), true);
+        var parent = node.parentNode;
+        if (!parent || parent.nodeType === Node.DOCUMENT_NODE) return new DOMNodePathStep(nodeName.toLowerCase(), true);
+        function prefixedElementClassNames(node) {
+          var classAttribute = node.getAttribute("class");
+          if (!classAttribute) return [];
+          return classAttribute.split(/\s+/g).filter(Boolean).map(function (name) {
+            // The prefix is required to store "__proto__" in a object-based map.
+            return "$" + name;
+          });
+        }
+        function idSelector(id) {
+          return "#" + escapeIdentifierIfNeeded(id);
+        }
+        function escapeIdentifierIfNeeded(ident) {
+          if (isCSSIdentifier(ident)) return ident;
+          var shouldEscapeFirst = /^(?:[0-9]|-[0-9-]?)/.test(ident);
+          var lastIndex = ident.length - 1;
+          return ident.replace(/./g, function (c, i) {
+            return shouldEscapeFirst && i === 0 || !isCSSIdentChar(c) ? escapeAsciiChar(c, i === lastIndex) : c;
+          });
+        }
+        function escapeAsciiChar(c, isLast) {
+          return "\\" + toHexByte(c) + (isLast ? "" : " ");
+        }
+        function toHexByte(c) {
+          var hexByte = c.charCodeAt(0).toString(16);
+          if (hexByte.length === 1) hexByte = "0" + hexByte;
+          return hexByte;
+        }
+        function isCSSIdentChar(c) {
+          if (/[a-zA-Z0-9_-]/.test(c)) return true;
+          return c.charCodeAt(0) >= 0xa0;
+        }
+        function isCSSIdentifier(value) {
+          return /^-?[a-zA-Z_][a-zA-Z0-9_-]*$/.test(value);
+        }
+        var prefixedOwnClassNamesArray = prefixedElementClassNames(node);
+        var needsClassNames = false;
+        var needsNthChild = false;
+        var ownIndex = -1;
+        var elementIndex = -1;
+        var siblings = parent.children;
+        for (var i = 0; (ownIndex === -1 || !needsNthChild) && i < siblings.length; ++i) {
+          var sibling = siblings[i];
+          if (sibling.nodeType !== Node.ELEMENT_NODE) continue;
+          elementIndex += 1;
+          if (sibling === node) {
+            ownIndex = elementIndex;
+            continue;
+          }
+          if (needsNthChild) continue;
+          if (sibling.nodeName.toLowerCase() !== nodeName.toLowerCase()) continue;
+          needsClassNames = true;
+          var ownClassNames = new Set(prefixedOwnClassNamesArray);
+          if (!ownClassNames.size) {
+            needsNthChild = true;
+            continue;
+          }
+          var siblingClassNamesArray = prefixedElementClassNames(sibling);
+          for (var j = 0; j < siblingClassNamesArray.length; ++j) {
+            var siblingClass = siblingClassNamesArray[j];
+            if (!ownClassNames.has(siblingClass)) continue;
+            ownClassNames["delete"](siblingClass);
+            if (!ownClassNames.size) {
+              needsNthChild = true;
+              break;
+            }
+          }
+        }
+        var result = nodeName.toLowerCase();
+        if (isTargetNode && nodeName.toLowerCase() === "input" && node.getAttribute("type") && !node.getAttribute("id") && !node.getAttribute("class")) result += '[type="' + node.getAttribute("type") + '"]';
+        if (needsNthChild) {
+          result += ":nth-child(" + (ownIndex + 1) + ")";
+        } else if (needsClassNames) {
+          // eslint-disable-next-line no-unused-vars
+          for (var prefixedName in prefixedOwnClassNamesArray) result += "." + escapeIdentifierIfNeeded(prefixedOwnClassNamesArray[prefixedName].substr(1));
+        }
+        return new DOMNodePathStep(result, false);
+      });
+      this.uiConfig = config;
+      this.rtmInstance = rtmInstance;
+      this.configId = messageConfig.configId;
+      this.name = messageConfig.configName;
+      this.terminationConfig = terminationConfig;
+      this.showCallback = showCallback;
+      this.cssPostFix = "-".concat(this.configId, "-").concat(this.name).replaceAll(" ", "").replace(/[^\w\s]/gi, "");
+      this.target = new Target$1(config.target);
+      this.view_additional_info = (config === null || config === void 0 ? void 0 : config.view_additional_info) || {};
+      this.find_config = (config === null || config === void 0 ? void 0 : config.find_config) || {};
+      this.elementVisibilityRetries = (_this$target$retry$ma = (_this$target = this.target) === null || _this$target === void 0 || (_this$target = _this$target.retry) === null || _this$target === void 0 ? void 0 : _this$target.max_retries) !== null && _this$target$retry$ma !== void 0 ? _this$target$retry$ma : 0;
+      this.badge = new Badge(config.badge);
+      this.enable_marketing = config.enable_marketing;
+      if (this.enable_marketing) this.marketing = new Marketing(config.marketing);
+      this.intraCount = (_this$badge$animation = this.badge.animation) === null || _this$badge$animation === void 0 ? void 0 : _this$badge$animation.intra_count;
+      this.interCount = (_this$badge$animation2 = this.badge.animation) === null || _this$badge$animation2 === void 0 ? void 0 : _this$badge$animation2.inter_count;
+      this.delayMillis = (_this$badge$animation3 = this.badge.animation) === null || _this$badge$animation3 === void 0 ? void 0 : _this$badge$animation3.delay_millis;
+      this.count = 1;
+      this.shineWidth = 0;
+      this.c = 1;
+      this.badgeDummyContainer = null;
+      this.contentLabelWidth = 0;
+      this.contentIconWidth = 0;
+      this.contentWidth = 0;
+      this.labelElementDummy = null;
+      this.iconElementdummy = null;
+      this.targetClicked = false;
+      this.zIndexValue = 1;
+      this.zIndexValueminusOne = 1;
+      this.contentZindexValue = 1;
+    }
+    _createClass(ApxorBadge, [{
+      key: "HGOD",
+      value: function createBadge() {
+        var _this2 = this;
+        var targetFoundCallback = function targetFoundCallback() {
+          var _this2$targetElement;
+          var style = window.getComputedStyle(_this2.targetElement);
+          var zIndexValue = style.getPropertyValue("z-index");
+          var zIndex = parseInt(zIndexValue, 10);
+          (_this2$targetElement = _this2.targetElement) === null || _this2$targetElement === void 0 || _this2$targetElement.classList.add("apx-badge-target-style".concat(_this2.cssPostFix));
+          _this2.zIndexValue = zIndex + 3;
+          _this2.zIndexValueminusOne = zIndex + 1;
+          _this2.contentZindexValue = zIndex + 5;
+          if (isNaN(_this2.zIndex)) {
+            _this2.zIndexValue = 999;
+            _this2.zIndexValueminusOne = 998;
+            _this2.contentZindexValue = 1000;
+          }
+          _this2._setBadgeStyles();
+          _this2._setBadgeContent();
+          _this2._setOnClickTerminationForBadges();
+          _this2.showCallback();
+        };
+        var targetValidCallback = function targetValidCallback() {
+          var isElementVisible = _this2._isElementVisible();
+          if (isElementVisible) {
+            targetFoundCallback();
+          } else {
+            _this2.target.retry.max_retries = _this2.elementVisibilityRetries;
+            _this2._retryFindingTargetElement(true, targetFoundCallback);
+          }
+        };
+        this._setTargetElement(targetValidCallback);
+      }
+    }, {
+      key: "_setTargetElement",
+      value: function _setTargetElement(targetValidCallback) {
+        this.targetElement = getElementFromSelector(this.target.id, this.target.frame_id, this.find_config, this.view_additional_info);
+        if (this.targetElement && this.targetElement.tagName.toLowerCase() === "img") {
+          var wrapperDiv = document.createElement("div");
+          wrapperDiv.classList.add("image-container-".concat(this.configId));
+          wrapperDiv.style.position = "relative";
+          wrapperDiv.style.display = "inline-block";
+          this.targetElement.parentNode.insertBefore(wrapperDiv, this.targetElement);
+          wrapperDiv.appendChild(this.targetElement);
+          this.targetElement = wrapperDiv;
+        }
+        if (!this.targetElement) {
+          if (this.target.enable_retry) {
+            this._retryFindingTargetElement(false, targetValidCallback);
+          }
+        } else {
+          targetValidCallback();
+        }
+      }
+
+      /**
+       * @function _isElementVisible
+       * @private
+       * @description Checks if the element has a visible height and width
+       * @returns {boolean} true  - If element is visible
+       *                    false - If the element is not visible
+       */
+    }, {
+      key: "_isElementVisible",
+      value: function _isElementVisible() {
+        try {
+          var rect = this.targetElement.getBoundingClientRect();
+          if (rect.width === 0 || rect.height === 0) {
+            return false;
+          }
+        } catch (e) {
+          return false;
+        }
+        return true;
+      }
+    }, {
+      key: "_retryFindingTargetElement",
+      value: function _retryFindingTargetElement() {
+        var _this3 = this;
+        var elementVisibility = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+        var callback = arguments.length > 1 ? arguments[1] : undefined;
+        //After every find_interval check the DOM for target element.
+        var elementRecheckIntervalId = setInterval(function () {
+          _this3.targetElement = getElementFromSelector(_this3.target.id, _this3.target.frame_id, _this3.find_config, _this3.view_additional_info);
+          if (!elementVisibility) {
+            //If the element is found, stop checking the DOM.
+            if (_this3.targetElement) {
+              clearInterval(elementRecheckIntervalId);
+              callback();
+            } else {
+              _this3.target.retry.max_retries = _this3.target.retry.max_retries - 1;
+              // If the element is not found even after max interval, stop checking
+              if (_this3.target.retry.max_retries <= 0) {
+                clearInterval(elementRecheckIntervalId);
+                console.warn("Element with selector:".concat(_this3.target.id, " not found."));
+              }
+            }
+          } else {
+            var isElementVisible = _this3._isElementVisible();
+            if (isElementVisible) {
+              clearInterval(elementRecheckIntervalId);
+              callback();
+            } else {
+              _this3.target.retry.max_retries = _this3.target.retry.max_retries - 1;
+              // If the element is not visible even after max interval, stop checking
+              if (_this3.target.retry.max_retries <= 0) {
+                clearInterval(elementRecheckIntervalId);
+              }
+            }
+          }
+        }, this.target.retry.interval);
+      }
+    }, {
+      key: "_setBadgeStyles",
+      value: function _setBadgeStyles() {
+        var _this$targetElement2;
+        var styles = "\n      ".concat(this._gettargetStyles(), "\n      ").concat(this._getBadgeContainerStyles(), "\n      ").concat(this._getBadgeContentStyles(), "\n      ").concat(this._getBadgeContentElementStyles(), "\n      ").concat(this._getBadgeAnimationStyles(), "\n      ").concat(this._getBadgeScrollStyles(), "\n      ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+        var styleNode = document.createElement("style");
+        styleNode.classList.add("apx-main-styles-".concat(this.configId));
+        styleNode.innerHTML = styles;
+        (_this$targetElement2 = this.targetElement) === null || _this$targetElement2 === void 0 || _this$targetElement2.appendChild(styleNode);
+      }
+    }, {
+      key: "_gettargetStyles",
+      value: function _gettargetStyles() {
+        var targetcontainerstyles = "\n    .apx-badge-target-style".concat(this.cssPostFix, "{\n      position:relative;\n      overflow:initial;\n    }");
+        return targetcontainerstyles;
+      }
+    }, {
+      key: "_getBadgeContainerStyles",
+      value: function _getBadgeContainerStyles() {
+        var _this$badge$backgroun, _this$badge, _this$badge2, _this$badge3;
+        var dimensionsForBadgeContainer = "";
+        var widthOfBadge = this.badge.enable_background && this.badge.background.shape.enable_border ? this.badge.background.width + this.badge.background.shape.border.width.left + this.badge.background.shape.border.width.right : 0;
+        var heightOfBadge = this.badge.enable_background && this.badge.background.shape.enable_border ? this.badge.background.height + this.badge.background.shape.border.width.top + this.badge.background.shape.border.width.bottom : 0;
+        dimensionsForBadgeContainer = this.badge.enable_background ? "\n      width:".concat(widthOfBadge, "px;\n      height:").concat(heightOfBadge, "px;") : "\n      width:auto;\n      height:auto;";
+        var positionForBadgeContainer = "";
+        var offsetX = this.badge.position.offset.x;
+        var offsetY = this.badge.position.offset.y;
+        // Initialize position variables
+        var topValue = "auto";
+        var bottomValue = "auto";
+        var leftValue = "auto";
+        var rightValue = "auto";
+        var badgeHeightBasedOnShape = this.badge.background.shape.type === "circle" ? this.badge.background.width : this.badge.background.height;
+        switch (this.badge.position.position) {
+          case "top-left":
+            topValue = "-".concat(heightOfBadge / 2, "px");
+            leftValue = "-".concat(widthOfBadge / 2, "px");
+            break;
+          case "top-center":
+          case "top":
+            topValue = "calc(".concat(offsetY, "px - ").concat(badgeHeightBasedOnShape / 2, "px + ").concat(-this.badge.background.shape.border.width.top, "px)");
+            leftValue = "calc(50% - ".concat(this.badge.background.width / 2, "px + ").concat(offsetX, "px + ").concat(-this.badge.background.shape.border.width.left, "px)");
+            break;
+          case "top-right":
+            topValue = "-".concat(heightOfBadge / 2, "px");
+            rightValue = "-".concat(widthOfBadge / 2, "px");
+            break;
+          case "bottom-left":
+            bottomValue = "-".concat(heightOfBadge / 2, "px");
+            leftValue = "-".concat(widthOfBadge / 2, "px");
+            break;
+          case "bottom-center":
+          case "bottom":
+            bottomValue = "calc(".concat(-offsetY, "px - ").concat(badgeHeightBasedOnShape / 2, "px + ").concat(-this.badge.background.shape.border.width.bottom, "px)");
+            leftValue = "calc(50% - ".concat(this.badge.background.width / 2, "px + ").concat(offsetX, "px + ").concat(-this.badge.background.shape.border.width.left, "px)");
+            break;
+          case "bottom-right":
+            bottomValue = "-".concat(heightOfBadge / 2, "px");
+            rightValue = "-".concat(widthOfBadge / 2, "px");
+            break;
+          case "center-left":
+          case "left":
+            topValue = "calc(50% - ".concat(badgeHeightBasedOnShape / 2, "px + ").concat(offsetY, "px + ").concat(-this.badge.background.shape.border.width.top, "px)");
+            leftValue = "calc(".concat(offsetX, "px - ").concat(this.badge.background.width / 2, "px + ").concat(-this.badge.background.shape.border.width.left, "px)");
+            break;
+          case "center-right":
+          case "right":
+            topValue = "calc(50% - ".concat(badgeHeightBasedOnShape / 2, "px + ").concat(offsetY, "px + ").concat(-this.badge.background.shape.border.width.top, "px)");
+            rightValue = "calc(".concat(-offsetX, "px - ").concat(this.badge.background.width / 2, "px + ").concat(-this.badge.background.shape.border.width.right, "px)");
+            break;
+          case "center":
+          default:
+            topValue = "calc(50% - ".concat(badgeHeightBasedOnShape / 2, "px + ").concat(offsetY, "px + ").concat(-this.badge.background.shape.border.width.top, "px)");
+            leftValue = "calc(50% - ".concat(this.badge.background.width / 2, "px + ").concat(offsetX, "px + ").concat(-this.badge.background.shape.border.width.left, "px)");
+            break;
+        }
+
+        // Now set the CSS style string
+        positionForBadgeContainer = "\n  top: ".concat(topValue, ";\n  bottom: ").concat(bottomValue, ";\n  left: ").concat(leftValue, ";\n  right: ").concat(rightValue, ";\n  -webkit-transform: translate(").concat(offsetX, "px, ").concat(offsetY, "px);\n");
+        var backgroundImageForBadgeContainer = "";
+        if (this.badge.enable_background && this.badge.background.enable_image) {
+          backgroundImageForBadgeContainer = "\n        .apxor-badge-container-background-image".concat(this.cssPostFix, "{\n          background-image: url('").concat(this.badge.background.image.path, "');\n          background-repeat: no-repeat;\n          background-size: 100% 100%;\n          height: ").concat(this.badge.background.height, "px;\n          width: ").concat(this.badge.background.width, "px;\n        }");
+        }
+        var gradientForBadgeContainer = "";
+        if (this.badge.enable_background && Object.keys(this.badge.background.shape).length !== 0 && this.badge.background.shape.enable_gradient) {
+          gradientForBadgeContainer = "\n        background-image:linear-gradient(".concat(this.badge.background.shape.gradient.direction, ", ").concat(this.badge.background.shape.gradient.colors[0], ", ").concat(this.badge.background.shape.gradient.colors[1], ");\n      ");
+        }
+        var shapeOfBadgeContainer = "";
+        if (this.badge.enable_background && (_this$badge$backgroun = this.badge.background) !== null && _this$badge$backgroun !== void 0 && _this$badge$backgroun.shape) {
+          var badgeTypeStyles = "";
+          if (!this.badge.background.enable_image) {
+            if (this.badge.background.shape.type === "circle") {
+              badgeTypeStyles = "\n        border:".concat(this.badge.background.shape.border.width.top, "px solid ").concat(this.badge.background.shape.border.color, ";\n        border-radius:50%;\n        background:").concat(this.badge.background.shape.color, ";");
+            } else if (this.badge.background.shape.type === "rectangle") {
+              badgeTypeStyles = "\n        background:".concat(this.badge.background.shape.color, ";\n        border-top:").concat(this.badge.background.shape.border.width.top, "px solid ").concat(this.badge.background.shape.border.color, ";\n        border-right:").concat(this.badge.background.shape.border.width.right, "px solid ").concat(this.badge.background.shape.border.color, ";\n        border-bottom:").concat(this.badge.background.shape.border.width.bottom, "px solid ").concat(this.badge.background.shape.border.color, ";\n        border-left:").concat(this.badge.background.shape.border.width.left, "px solid ").concat(this.badge.background.shape.border.color, ";\n        border-top-left-radius:").concat(this.badge.background.shape.border.corners.top_left, "px;\n        border-top-right-radius:").concat(this.badge.background.shape.border.corners.top_right, "px;\n        border-bottom-left-radius:").concat(this.badge.background.shape.border.corners.bottom_left, "px;\n        border-bottom-right-radius:").concat(this.badge.background.shape.border.corners.bottom_right, "px;\n        ");
+            }
+          }
+          shapeOfBadgeContainer = "\n      ".concat(badgeTypeStyles, "\n      ");
+        }
+        var shadowForBadgeContainer = "";
+        var rippleBorderRadius = ((_this$badge = this.badge) === null || _this$badge === void 0 || (_this$badge = _this$badge.animation) === null || _this$badge === void 0 ? void 0 : _this$badge.rippleShape) === "circle" ? "50%" : "".concat((_this$badge2 = this.badge) === null || _this$badge2 === void 0 || (_this$badge2 = _this$badge2.animation) === null || _this$badge2 === void 0 ? void 0 : _this$badge2.rippleCornerRadius, "px");
+        if (this.badge.enable_shadow) {
+          shadowForBadgeContainer = "\n        box-shadow: ".concat(this.badge.shadow.offset_x, "px ").concat(this.badge.shadow.offset_y, "px ").concat(this.badge.shadow.blur_radius, "px ").concat(this.badge.shadow.spread_radius, "px ").concat(this.badge.shadow.color, ";\n      ");
+        }
+        var badgeStyles = "\n    .apxor-badge-container-styles-".concat(this.cssPostFix, "{\n      position:absolute;\n      display:flex;\n      align-items:center;\n      overflow:hidden;\n      ").concat(gradientForBadgeContainer, "\n      ").concat(dimensionsForBadgeContainer, "\n      ").concat(positionForBadgeContainer, "\n      ").concat(shapeOfBadgeContainer, "\n      ").concat(shadowForBadgeContainer, "\n      z-index:").concat(this.zIndexValue, ";\n      text-transform:none;\n    }\n    .apxor-badge-container-stylesdummy-").concat(this.cssPostFix, "{\n      position:absolute;\n      display:flex;\n      z-index:").concat(this.zIndexValueminusOne, ";\n      align-items:center;\n      overflow:hidden;\n      width:").concat(this.badge.background.width, "px;\n      height:").concat(this.badge.background.height, "px;\n      ").concat(positionForBadgeContainer, "\n      ").concat(shadowForBadgeContainer, "\n      text-transform:none;\n      background:").concat((_this$badge3 = this.badge) === null || _this$badge3 === void 0 || (_this$badge3 = _this$badge3.animation) === null || _this$badge3 === void 0 ? void 0 : _this$badge3.rippleColor, ";\n      border-radius:").concat(rippleBorderRadius, ";\n    }\n    ").concat(backgroundImageForBadgeContainer);
+        return badgeStyles;
+      }
+    }, {
+      key: "_getBadgeContentStyles",
+      value: function _getBadgeContentStyles() {
+        var contentScrollStyles = "";
+        if (this.badge.enable_auto_scroll) {
+          contentScrollStyles = this.badge.auto_scroll.direction === "to_right" || this.badge.auto_scroll.direction === "to_left" ? "display:flex;\n        flex-direction:row;\n        " : "";
+        }
+        var badgeContentStyles = "\n    .apxor-badge-content-container-".concat(this.cssPostFix, "{\n      position:relative;\n      width:100%;\n      height:100%;\n      overflow:hidden;\n      ").concat(contentScrollStyles, "\n    }");
+        return badgeContentStyles;
+      }
+    }, {
+      key: "_getBadgeContentElementStyles",
+      value: function _getBadgeContentElementStyles() {
+        var _this$badge$backgroun2,
+          _this4 = this;
+        var badgeContentElementsstyles = "";
+        var justifyContentValue = "";
+        if (((_this$badge$backgroun2 = this.badge.background) === null || _this$badge$backgroun2 === void 0 ? void 0 : _this$badge$backgroun2.width) > this.contentWidth) {
+          justifyContentValue = "center";
+        } else {
+          justifyContentValue = "left";
+        }
+        if (this.badge.content.length !== 0) {
+          this.badge.content.forEach(function (content, ind) {
+            badgeContentElementsstyles += "\n        .apxor-badge-contentelement-".concat(ind, "-").concat(_this4.cssPostFix, "{\n          width:100%;\n          height:100%;\n          display: flex;\n          justify-content:").concat(justifyContentValue, ";\n          align-items:center;\n        }");
+            if (content.enable_icon) {
+              var marginForIcon = "";
+              if (content.icon.enable_margin) {
+                marginForIcon = "margin:".concat(content.icon.margin.top, "px ").concat(content.icon.margin.right, "px ").concat(content.icon.margin.bottom, "px ").concat(content.icon.margin.left, "px;");
+              }
+              var borderStylesForIcon = "";
+              if (content.icon.enable_border) {
+                borderStylesForIcon = "\n            border-radius:".concat(content.icon.border.radius, "%;\n            border:").concat(content.icon.border.width, "px ").concat(content.icon.border.style, " ").concat(content.icon.border.color, ";\n          ");
+              }
+              badgeContentElementsstyles += "\n          .apxor-badge-".concat(ind, "-icon-container").concat(_this4.cssPostFix, "{\n            width:auto;\n            height:auto;\n           display: flex;\n            justify-content:center;\n            align-items:center;\n          }\n          .apxor-badge-").concat(ind, "-icon-content").concat(_this4.cssPostFix, " {\n            position:relative;\n            background:url('").concat(content.icon.path, "') no-repeat center;\n            background-size:cover;\n            display:inline-block;\n            height: ").concat(content.icon.height, "px;\n            width: ").concat(content.icon.width, "px;\n            ").concat(marginForIcon, "\n            ").concat(borderStylesForIcon, "\n          }");
+            }
+            if (content.enable_label) {
+              var marginForLabel = "";
+              if (content.label.enable_margin) {
+                marginForLabel = "margin:".concat(content.label.margin.top, "px ").concat(content.label.margin.right, "px ").concat(content.label.margin.bottom, "px ").concat(content.label.margin.left, "px;");
+              }
+              badgeContentElementsstyles += "\n          .apxor-badge-".concat(ind, "-label-content-").concat(_this4.cssPostFix, "{\n            text-align:").concat(content.label.alignment, ";\n           display: flex;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n            align-items:center;\n            ").concat(marginForLabel, "\n          }\n          ");
+            }
+          });
+        }
+        return badgeContentElementsstyles;
+      }
+    }, {
+      key: "_getBadgeAnimationStyles",
+      value: function _getBadgeAnimationStyles() {
+        var animationForBadgeContainer = "";
+        var keyframeForAnimation = "";
+        if (this.badge.enable_animation) {
+          var _this$badge$animation4, _this$badge$animation6, _this$badge$animation8, _this$badge$animation10;
+          if (((_this$badge$animation4 = this.badge.animation) === null || _this$badge$animation4 === void 0 ? void 0 : _this$badge$animation4.type) === "shake") {
+            if (this.badge.animation.intra_count == 0) {
+              animationForBadgeContainer = "\n        .apxor-badge-container-styles-".concat(this.cssPostFix, "{\n          animation: badgeAnimation ").concat(this.badge.animation.duration_millis, "s infinite;\n        }");
+              keyframeForAnimation = this.badge.animation.shakeDirection === "horizontal" ? "@keyframes badgeAnimation {\n              0% { transform: translateX(0) }\n              25% { transform: translateX(5px) }\n              50% { transform: translateX(0) }\n              75% { transform: translateX(-5px) }\n              100% {transform:translateX(0)}\n            }" : "@keyframes badgeAnimation {\n              0% { transform: translateY(0) }\n          25% { transform: translateY(5px) }\n          50% { transform: translateY(0) }\n          75% { transform: translateY(-5px) }\n          100% { transform: translateY(0) }\n            }";
+            } else {
+              var _this$badge$animation5;
+              animationForBadgeContainer = "\n        .apxor-badge-container-styles-".concat(this.cssPostFix, "{\n          animation: badgeAnimation ").concat(this.badge.animation.duration_millis, "s ").concat((_this$badge$animation5 = this.badge.animation) === null || _this$badge$animation5 === void 0 ? void 0 : _this$badge$animation5.intra_count, ";\n        }");
+              keyframeForAnimation = this.badge.animation.shakeDirection === "horizontal" ? "@keyframes badgeAnimation {\n              0% { transform: translateX(0) }\n              25% { transform: translateX(5px) }\n              50% { transform: translateX(0) }\n              75% { transform: translateX(-5px) }\n              100% {transform:translateX(0)}\n            }" : "@keyframes badgeAnimation {\n              0% { transform: translateY(0) }\n          25% { transform: translateY(5px) }\n          50% { transform: translateY(0) }\n          75% { transform: translateY(-5px) }\n          100% { transform: translateY(0) }\n            }";
+            }
+          }
+          if (((_this$badge$animation6 = this.badge.animation) === null || _this$badge$animation6 === void 0 ? void 0 : _this$badge$animation6.type) === "fade") {
+            if (this.badge.animation.intra_count == 0) {
+              animationForBadgeContainer = "\n        .apxor-badge-container-styles-".concat(this.cssPostFix, "{\n          animation: badgeAnimation ").concat(this.badge.animation.duration_millis, "s infinite;\n        }");
+              keyframeForAnimation = "\n        @keyframes badgeAnimation {\n          0% { opacity:1;}\n          50% { opacity:".concat(this.badge.animation.fade_opacity / 100, ";}\n          100% { opacity:1}\n        }");
+            } else {
+              var _this$badge$animation7;
+              animationForBadgeContainer = "\n        .apxor-badge-container-styles-".concat(this.cssPostFix, "{\n          animation: badgeAnimation ").concat(this.badge.animation.duration_millis, "s ").concat((_this$badge$animation7 = this.badge.animation) === null || _this$badge$animation7 === void 0 ? void 0 : _this$badge$animation7.intra_count, ";\n        }");
+              keyframeForAnimation = "\n        @keyframes badgeAnimation {\n          0% { opacity:1;}\n          50% { opacity:".concat(this.badge.animation.fade_opacity / 100, ";}\n          100% { opacity:1}\n        }");
+            }
+          }
+          if (((_this$badge$animation8 = this.badge.animation) === null || _this$badge$animation8 === void 0 ? void 0 : _this$badge$animation8.type) === "ripple") {
+            var rippleAreahalf = this.badge.animation.rippleArea / 2;
+            if (this.badge.animation.intra_count == 0) {
+              animationForBadgeContainer = "\n        .apxor-badge-container-stylesdummy-".concat(this.cssPostFix, "{\n          animation: badgeAnimation ").concat(this.badge.animation.duration_millis, "s ease-in-out;\n          animation-iteration-count: infinite;\n          \n        }");
+              keyframeForAnimation = "\n        @keyframes badgeAnimation {\n        0% {\n          box-shadow: 0 0 0 0 ".concat(this.badge.animation.rippleColor, ", 0 0 0 0 ").concat(this.badge.animation.rippleColor, ";\n          }\n    \n          80% {\n              box-shadow: 0 0 0 ").concat(rippleAreahalf, "px ").concat(this.badge.animation.rippleColor, ", 0 0 0 ").concat(this.badge.animation.rippleArea, "px ").concat(this.badge.animation.rippleColor, ";\n        }\n\n        100% {\n          box-shadow: 0 0 0 0 ").concat(this.badge.animation.rippleColor, ", 0 0 0 0 ").concat(this.badge.animation.rippleColor, ";\n        } \n      }");
+            } else {
+              var _this$badge$animation9;
+              animationForBadgeContainer = "\n        .apxor-badge-container-stylesdummy-".concat(this.cssPostFix, "{\n          animation: badgeAnimation ").concat(this.badge.animation.duration_millis, "s ease-in-out;\n          animation-iteration-count: ").concat((_this$badge$animation9 = this.badge.animation) === null || _this$badge$animation9 === void 0 ? void 0 : _this$badge$animation9.intra_count, ";\n        }");
+              keyframeForAnimation = "\n        @keyframes badgeAnimation {\n        0% {\n          box-shadow: 0 0 0 0 ".concat(this.badge.animation.rippleColor, ", 0 0 0 0 ").concat(this.badge.animation.rippleColor, ";\n          }\n    \n          80% {\n              box-shadow: 0 0 0 ").concat(rippleAreahalf, "px ").concat(this.badge.animation.rippleColor, ", 0 0 0 ").concat(this.badge.animation.rippleArea, "px ").concat(this.badge.animation.rippleColor, ";\n        }\n\n        100% {\n          box-shadow: 0 0 0 0 ").concat(this.badge.animation.rippleColor, ", 0 0 0 0 ").concat(this.badge.animation.rippleColor, ";\n        } \n      }");
+            }
+          }
+          if (((_this$badge$animation10 = this.badge.animation) === null || _this$badge$animation10 === void 0 ? void 0 : _this$badge$animation10.type) === "shine") {
+            var _this$badge$animation11, _this$badge$animation12, _this$badge$animation13;
+            var transformForMultipleDirection = "";
+            var line1width = (_this$badge$animation11 = this.badge.animation) === null || _this$badge$animation11 === void 0 || (_this$badge$animation11 = _this$badge$animation11.lines[0]) === null || _this$badge$animation11 === void 0 ? void 0 : _this$badge$animation11.width;
+            var line2width = (_this$badge$animation12 = (_this$badge$animation13 = this.badge.animation) === null || _this$badge$animation13 === void 0 || (_this$badge$animation13 = _this$badge$animation13.lines[1]) === null || _this$badge$animation13 === void 0 ? void 0 : _this$badge$animation13.width) !== null && _this$badge$animation12 !== void 0 ? _this$badge$animation12 : 0;
+            var biggestLineWidth = Math.max(line1width, line2width);
+            var animationStartLeft = this.badge.background.width + biggestLineWidth;
+            var lines = this.badge.animation.lines;
+            var lines_length = lines.length;
+            var lines_total_width = 0;
+            var lines_color = this.badge.animation.shineColor;
+            if (lines_length === 1) {
+              lines_total_width = this.badge.animation.lines[0].width;
+            } else {
+              lines_total_width = this.badge.animation.lines_gap + line1width + line2width;
+            }
+            switch (this.badge.animation.shineDirection) {
+              case "to_bottom_right":
+                transformForMultipleDirection = "\n            left:-".concat(animationStartLeft, "px;\n            transform: skewx(-30deg)\n            ");
+                break;
+              case "to_top_right":
+                transformForMultipleDirection = "\n            left:-".concat(animationStartLeft, "px;\n            transform: skewx(30deg)\n            ");
+                break;
+              case "to_top_left":
+                transformForMultipleDirection = "\n            right:-".concat(animationStartLeft, "px;\n            transform: skewx(-30deg)\n            ");
+                break;
+              case "to_bottom_left":
+                transformForMultipleDirection = "\n            right:-".concat(animationStartLeft, "px;\n            transform: skewx(30deg)\n            ");
+                break;
+            }
+            if (this.badge.animation.intra_count == 0) {
+              animationForBadgeContainer = "\n        .apxor-badge-content-container-".concat(this.cssPostFix, "::before{\n          content:'';\n          position:absolute;\n          background:transparent;\n          width:").concat(lines_total_width, "px;\n           ").concat(lines_length === 1 ? "border-left: ".concat(line1width, "px solid ").concat(lines_color, ";") : "border-left: ".concat(line1width, "px solid ").concat(lines_color, "; border-right: ").concat(line2width, "px solid ").concat(lines_color, ";"), "\n          height:100%;\n          z-index:").concat(this.contentZindexValue, ";\n          animation: badgeAnimation ").concat(this.badge.animation.duration_millis, "s infinite;\n          ").concat(transformForMultipleDirection, ";\n        }");
+            } else {
+              var _this$badge$animation14;
+              animationForBadgeContainer = "\n        .apxor-badge-content-container-".concat(this.cssPostFix, "::before{\n          content:'';\n          position:absolute;\n          background:transparent;\n          width:").concat(lines_total_width, "px;\n           ").concat(lines_length === 1 ? "border-left: ".concat(line1width, "px solid ").concat(lines_color, ";") : "border-left: ".concat(line1width, "px solid ").concat(lines_color, "; border-right: ").concat(line2width, "px solid ").concat(lines_color, ";"), "\n          height:100%;\n          animation: badgeAnimation ").concat(this.badge.animation.duration_millis, "s ").concat((_this$badge$animation14 = this.badge.animation) === null || _this$badge$animation14 === void 0 ? void 0 : _this$badge$animation14.intra_count, ";\n          ").concat(transformForMultipleDirection, ";\n        }");
+            }
+            keyframeForAnimation = this.badge.animation.shineDirection === "to_bottom_right" || this.badge.animation.shineDirection === "to_top_right" ? "@keyframes badgeAnimation {\n                0% {\n                  left:-30%;\n                }\n                100% {\n                  left:130%;\n                }\n            }" : "@keyframes badgeAnimation {\n              0% {\n                right:-30%;\n              }\n              100% {\n                right:130%;\n              }\n            }";
+          }
+        }
+        var animationStyles = "\n      ".concat(animationForBadgeContainer, "\n      ").concat(keyframeForAnimation, "\n    ");
+        return animationStyles;
+      }
+    }, {
+      key: "_getBadgeScrollStyles",
+      value: function _getBadgeScrollStyles() {
+        var badgeScrollstyles = "";
+        if (this.badge.enable_auto_scroll) {
+          if (this.badge.auto_scroll.direction === "to_top" || this.badge.auto_scroll.direction === "to_bottom") {
+            badgeScrollstyles = "\n      #apxor-scroll-option".concat(this.cssPostFix, "{\n        width: inherit;\n        height: inherit;\n        animation: scrollAnimation ").concat(this.badge.auto_scroll.duration_millis, "s linear infinite;\n      }");
+          }
+          if (this.badge.auto_scroll.direction === "to_left" || this.badge.auto_scroll.direction === "to_right") {
+            badgeScrollstyles = "\n      #apxor-scroll-option".concat(this.cssPostFix, "{\n        width: inherit;\n        height: inherit;\n        animation: scrollText ").concat(this.badge.auto_scroll.duration_millis, "s linear infinite;\n      }");
+          }
+        }
+        return badgeScrollstyles;
+      }
+    }, {
+      key: "_getBadgeScrollKeyFrameStyles",
+      value: function _getBadgeScrollKeyFrameStyles(numberOfElement) {
+        var _this$badge4, _this$badge$enable_au, _this$badge6, _this$targetElement3;
+        var keyFrameStyles = "";
+        var translateValue;
+        var scrollRatio;
+        var translateModifyingValue;
+        scrollRatio = 1;
+        if (((_this$badge4 = this.badge) === null || _this$badge4 === void 0 ? void 0 : _this$badge4.background.width) > this.contentWidth) {
+          translateValue = "100%";
+        } else {
+          var _this$badge5;
+          scrollRatio = this.contentWidth / ((_this$badge5 = this.badge) === null || _this$badge5 === void 0 || (_this$badge5 = _this$badge5.background) === null || _this$badge5 === void 0 ? void 0 : _this$badge5.width);
+          translateModifyingValue = scrollRatio * 100;
+          translateValue = "".concat(translateModifyingValue, "%");
+        }
+        if ((_this$badge$enable_au = !this.badge.enable_auto_scroll) !== null && _this$badge$enable_au !== void 0 ? _this$badge$enable_au : !((_this$badge6 = this.badge) !== null && _this$badge6 !== void 0 && _this$badge6.enable_animation)) {
+          return;
+        }
+        switch (this.badge.auto_scroll.direction) {
+          case "to_bottom":
+            keyFrameStyles = "\n          @keyframes scrollAnimation {\n            0% {\n              transform: translateY(-".concat(numberOfElement * 100, "%);\n            }\n            100% {\n              transform: translateY(100%);\n            }\n          }\n          ");
+            break;
+          case "to_top":
+            keyFrameStyles = "\n        @keyframes scrollAnimation {\n          0% {\n            transform: translateY(100%);\n          }\n          100% {\n            transform: translateY(-".concat(numberOfElement * 100, "%);\n          }\n        }\n        ");
+            break;
+          case "to_left":
+            keyFrameStyles = "\n        @keyframes scrollText {\n         from {\n      transform: translate3d(100%, 0, 0);\n    }\n    to {\n      transform: translate3d(-".concat(translateValue, ", 0, 0);\n    }\n        }\n        ");
+            break;
+          case "to_right":
+            keyFrameStyles = "\n        @keyframes scrollText {\n          from {\n      transform: translate3d(-".concat(translateValue, ", 0, 0);\n    }\n    to {\n      transform: translate3d(100%, 0, 0);\n    }\n        }\n        ");
+            break;
+        }
+        var keyFrameForScrollAnimation = "\n      ".concat(keyFrameStyles, "\n      ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+        var styleNode = document.createElement("style");
+        styleNode.innerHTML = keyFrameForScrollAnimation;
+        (_this$targetElement3 = this.targetElement) === null || _this$targetElement3 === void 0 || _this$targetElement3.appendChild(styleNode);
+      }
+    }, {
+      key: "_setBadgeContent",
+      value: function _setBadgeContent() {
+        this.createBadgeContainer();
+        this.createBadgeContent();
+        this.animationStop();
+      }
+    }, {
+      key: "animationStop",
+      value: function animationStop() {
+        var _this$badge$animation15, _this$badge$animation16, _this$badge$animation17, _this$badge$animation18;
+        var badgeContainerClass = ".apxor-badge-container-styles-".concat(this.cssPostFix);
+        var badgeAnimationElement = document.querySelector(badgeContainerClass);
+        var badgeContainerClassdummy = ".apxor-badge-container-stylesdummy-".concat(this.cssPostFix);
+        var badgeAnimationElementdummy = document.querySelector(badgeContainerClassdummy);
+        if (((_this$badge$animation15 = this.badge.animation) === null || _this$badge$animation15 === void 0 ? void 0 : _this$badge$animation15.type) === "shake" && this.badge.animation.intra_count != 0 && this.badge.enable_animation) {
+          badgeAnimationElement.addEventListener("animationend", this.shakeAnimationRepeatFunction);
+        } else if (((_this$badge$animation16 = this.badge.animation) === null || _this$badge$animation16 === void 0 ? void 0 : _this$badge$animation16.type) === "fade" && this.badge.animation.intra_count != 0 && this.badge.enable_animation) {
+          badgeAnimationElement.addEventListener("animationend", this.fadeAnimationRepeatFunction);
+        } else if (((_this$badge$animation17 = this.badge.animation) === null || _this$badge$animation17 === void 0 ? void 0 : _this$badge$animation17.type) === "ripple" && this.badge.animation.intra_count != 0 && this.badge.enable_animation) {
+          badgeAnimationElementdummy.addEventListener("animationend", this.rippleAnimationRepeatFunction);
+        } else if (((_this$badge$animation18 = this.badge.animation) === null || _this$badge$animation18 === void 0 ? void 0 : _this$badge$animation18.type) === "shine" && this.badge.animation.intra_count != 0 && this.badge.enable_animation) {
+          badgeAnimationElement.addEventListener("animationend", this.shineAnimationRepeatFunction);
+        }
+      }
+    }, {
+      key: "shakeAnimationRepeat",
+      value: function shakeAnimationRepeat(interCount, delayMillis) {
+        var _this5 = this;
+        var badgeContainerClass = ".apxor-badge-container-styles-".concat(this.cssPostFix);
+        var badgeAnimationElement = document.querySelector(badgeContainerClass);
+        if (interCount != 0) {
+          if (this.count === interCount) {
+            badgeAnimationElement.removeEventListener("animationend", this.shakeAnimationRepeatFunction);
+          }
+        }
+        var repeatAnimation = function repeatAnimation() {
+          if (_this5.count < interCount) {
+            var _this5$badge$animatio, _this5$targetElement;
+            var animationForBadgeContainernew = "";
+            var keyframeForAnimationnew = "";
+            animationForBadgeContainernew = "\n        .apxor-badge-container-styles-".concat(_this5.cssPostFix, "{\n          animation: badgeAnimation").concat(_this5.count, " ").concat(_this5.badge.animation.duration_millis, "s ").concat((_this5$badge$animatio = _this5.badge.animation) === null || _this5$badge$animatio === void 0 ? void 0 : _this5$badge$animatio.intra_count, ";\n        }");
+            keyframeForAnimationnew = _this5.badge.animation.shakeDirection === "horizontal" ? "@keyframes badgeAnimation".concat(_this5.count, " {\n              0% { transform: translateX(0) }\n              25% { transform: translateX(5px) }\n              50% { transform: translateX(0) }\n              75% { transform: translateX(-5px) }\n              100% {transform:translateX(0)}\n        }") : "@keyframes badgeAnimation".concat(_this5.count, " {\n          0% { transform: translateY(0) }\n          25% { transform: translateY(5px) }\n          50% { transform: translateY(0) }\n          75% { transform: translateY(-5px) }\n          100% { transform: translateY(0) }\n        }");
+            var animationStyles = "\n        ".concat(animationForBadgeContainernew, "\n        ").concat(keyframeForAnimationnew, "\n        ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+            var newstyleNode = document.createElement("style");
+            newstyleNode.innerHTML = animationStyles;
+            (_this5$targetElement = _this5.targetElement) === null || _this5$targetElement === void 0 || _this5$targetElement.appendChild(newstyleNode);
+            if (_this5.badge.animation.inter_count != 0) {
+              _this5.count = _this5.count + 1;
+            }
+            _this5.animationStop();
+          } else if (interCount == 0) {
+            var _this5$badge$animatio2, _this5$targetElement2;
+            var _animationForBadgeContainernew = "";
+            var _keyframeForAnimationnew = "";
+            _animationForBadgeContainernew = "\n        .apxor-badge-container-styles-".concat(_this5.cssPostFix, "{\n          animation: badgeAnimation").concat(_this5.c, " ").concat(_this5.badge.animation.duration_millis, "s ").concat((_this5$badge$animatio2 = _this5.badge.animation) === null || _this5$badge$animatio2 === void 0 ? void 0 : _this5$badge$animatio2.intra_count, ";\n        }");
+            _keyframeForAnimationnew = _this5.badge.animation.shakeDirection === "horizontal" ? "@keyframes badgeAnimation".concat(_this5.c, " {\n              0% { transform: translateX(0) }\n              25% { transform: translateX(5px) }\n              50% { transform: translateX(0) }\n              75% { transform: translateX(-5px) }\n              100% {transform:translateX(0)}\n        }") : "@keyframes badgeAnimation".concat(_this5.c, " {\n          0% { transform: translateY(0) }\n          25% { transform: translateY(5px) }\n          50% { transform: translateY(0) }\n          75% { transform: translateY(-5px) }\n          100% { transform: translateY(0) }\n        }");
+            var _animationStyles = "\n        ".concat(_animationForBadgeContainernew, "\n        ").concat(_keyframeForAnimationnew, "\n        ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+            var newstyleNode1 = document.createElement("style");
+            newstyleNode1.innerHTML = _animationStyles;
+            (_this5$targetElement2 = _this5.targetElement) === null || _this5$targetElement2 === void 0 || _this5$targetElement2.appendChild(newstyleNode1);
+            _this5.animationStop();
+            _this5.c = _this5.c + 1;
+          }
+        };
+        setTimeout(repeatAnimation, delayMillis);
+      }
+    }, {
+      key: "fadeAnimationRepeat",
+      value: function fadeAnimationRepeat(interCount, delayMillis) {
+        var _this6 = this;
+        var badgeContainerClass = ".apxor-badge-container-styles-".concat(this.cssPostFix);
+        var badgeAnimationElement = document.querySelector(badgeContainerClass);
+        if (interCount != 0) {
+          if (this.count === interCount) {
+            badgeAnimationElement.removeEventListener("animationend", this.fadeAnimationRepeatFunction);
+          }
+        }
+        var repeatAnimation = function repeatAnimation() {
+          if (_this6.count < interCount) {
+            var _this6$badge$animatio, _this6$targetElement;
+            var animationForBadgeContainernew = "";
+            var keyframeForAnimationnew = "";
+            animationForBadgeContainernew = "\n        .apxor-badge-container-styles-".concat(_this6.cssPostFix, "{\n          animation: badgeAnimation").concat(_this6.count, " ").concat(_this6.badge.animation.duration_millis, "s ").concat((_this6$badge$animatio = _this6.badge.animation) === null || _this6$badge$animatio === void 0 ? void 0 : _this6$badge$animatio.intra_count, ";\n        }");
+            keyframeForAnimationnew = "\n        @keyframes badgeAnimation".concat(_this6.count, " {\n          0% { opacity:1;}\n          50% { opacity:").concat(_this6.badge.animation.fade_opacity / 100, ";}\n          100% { opacity:1}\n        }");
+            var animationStyles = "\n        ".concat(animationForBadgeContainernew, "\n        ").concat(keyframeForAnimationnew, "\n        ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+            var newstyleNode = document.createElement("style");
+            newstyleNode.innerHTML = animationStyles;
+            (_this6$targetElement = _this6.targetElement) === null || _this6$targetElement === void 0 || _this6$targetElement.appendChild(newstyleNode);
+            if (_this6.badge.animation.inter_count != 0) {
+              _this6.count = _this6.count + 1;
+            }
+            _this6.animationStop();
+          } else if (interCount == 0) {
+            var _this6$badge$animatio2, _this6$targetElement2;
+            var _animationForBadgeContainernew2 = "";
+            var _keyframeForAnimationnew2 = "";
+            _animationForBadgeContainernew2 = "\n        .apxor-badge-container-styles-".concat(_this6.cssPostFix, "{\n          animation: badgeAnimation").concat(_this6.c, " ").concat(_this6.badge.animation.duration_millis, "s ").concat((_this6$badge$animatio2 = _this6.badge.animation) === null || _this6$badge$animatio2 === void 0 ? void 0 : _this6$badge$animatio2.intra_count, ";\n        }");
+            _keyframeForAnimationnew2 = "\n        @keyframes badgeAnimation".concat(_this6.c, " {\n          0% { opacity:1;}\n          50% { opacity:").concat(_this6.badge.animation.fade_opacity / 100, ";}\n          100% { opacity:1}\n        }");
+            var _animationStyles2 = "\n        ".concat(_animationForBadgeContainernew2, "\n        ").concat(_keyframeForAnimationnew2, "\n        ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+            var _newstyleNode = document.createElement("style");
+            _newstyleNode.innerHTML = _animationStyles2;
+            (_this6$targetElement2 = _this6.targetElement) === null || _this6$targetElement2 === void 0 || _this6$targetElement2.appendChild(_newstyleNode);
+            _this6.c = _this6.c + 1;
+            _this6.animationStop();
+          }
+        };
+        setTimeout(repeatAnimation, delayMillis);
+      }
+    }, {
+      key: "rippleAnimationRepeat",
+      value: function rippleAnimationRepeat(interCount, delayMillis) {
+        var _this7 = this;
+        var badgeContainerClassdummy = ".apxor-badge-container-stylesdummy-".concat(this.cssPostFix);
+        var badgeAnimationElementdummy = document.querySelector(badgeContainerClassdummy);
+        if (interCount != 0) {
+          if (this.count === interCount) {
+            badgeAnimationElementdummy.removeEventListener("animationend", this.rippleAnimationRepeatFunction);
+          }
+        }
+        var repeatAnimation = function repeatAnimation() {
+          var rippleAreahalf = _this7.badge.animation.rippleArea / 2;
+          if (_this7.count < interCount) {
+            var _this7$badge$animatio, _this7$targetElement;
+            var animationForBadgeContainernew = "";
+            var keyframeForAnimationnew = "";
+            animationForBadgeContainernew = "\n        .apxor-badge-container-stylesdummy-".concat(_this7.cssPostFix, "{\n          animation: badgeAnimation").concat(_this7.count, " ").concat(_this7.badge.animation.duration_millis, "s ease-in-out;\n          animation-iteration-count: ").concat((_this7$badge$animatio = _this7.badge.animation) === null || _this7$badge$animatio === void 0 ? void 0 : _this7$badge$animatio.intra_count, ";\n          opacity:1;\n        }");
+            keyframeForAnimationnew = "\n        @keyframes badgeAnimation".concat(_this7.count, " {\n        0% {\n          box-shadow: 0 0 0 0 ").concat(_this7.badge.animation.rippleColor, ", 0 0 0 0 ").concat(_this7.badge.animation.rippleColor, ";\n          }\n    \n          80% {\n              box-shadow: 0 0 0 ").concat(rippleAreahalf, "px ").concat(_this7.badge.animation.rippleColor, ", 0 0 0 ").concat(_this7.badge.animation.rippleArea, "px ").concat(_this7.badge.animation.rippleColor, ";\n        }\n\n        100% {\n          box-shadow: 0 0 0 0 ").concat(_this7.badge.animation.rippleColor, ", 0 0 0 0 ").concat(_this7.badge.animation.rippleColor, ";\n        } \n      }");
+            var animationStyles = "\n        ".concat(animationForBadgeContainernew, "\n        ").concat(keyframeForAnimationnew, "\n        ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+            var newstyleNode = document.createElement("style");
+            newstyleNode.innerHTML = animationStyles;
+            (_this7$targetElement = _this7.targetElement) === null || _this7$targetElement === void 0 || _this7$targetElement.appendChild(newstyleNode);
+            if (_this7.badge.animation.inter_count != 0) {
+              _this7.count = _this7.count + 1;
+            }
+            _this7.animationStop();
+          } else if (interCount == 0) {
+            var _this7$badge$animatio2, _this7$targetElement2;
+            var _animationForBadgeContainernew3 = "";
+            var _keyframeForAnimationnew3 = "";
+            _animationForBadgeContainernew3 = "\n        .apxor-badge-container-stylesdummy-".concat(_this7.cssPostFix, "{\n          animation: badgeAnimation").concat(_this7.c, " ").concat(_this7.badge.animation.duration_millis, "s ease-in-out;\n          animation-iteration-count: ").concat((_this7$badge$animatio2 = _this7.badge.animation) === null || _this7$badge$animatio2 === void 0 ? void 0 : _this7$badge$animatio2.intra_count, ";\n        }");
+            _keyframeForAnimationnew3 = "\n        @keyframes badgeAnimation".concat(_this7.c, " {\n        0% {\n          box-shadow: 0 0 0 0 ").concat(_this7.badge.animation.rippleColor, ", 0 0 0 0 ").concat(_this7.badge.animation.rippleColor, ";\n          }\n    \n          80% {\n              box-shadow: 0 0 0 ").concat(rippleAreahalf, "px ").concat(_this7.badge.animation.rippleColor, ", 0 0 0 ").concat(_this7.badge.animation.rippleArea, "px ").concat(_this7.badge.animation.rippleColor, ";\n        }\n\n        100% {\n          box-shadow: 0 0 0 0 ").concat(_this7.badge.animation.rippleColor, ", 0 0 0 0 ").concat(_this7.badge.animation.rippleColor, ";\n        } \n      }");
+            var _animationStyles3 = "\n        ".concat(_animationForBadgeContainernew3, "\n        ").concat(_keyframeForAnimationnew3, "\n        ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+            var _newstyleNode2 = document.createElement("style");
+            _newstyleNode2.innerHTML = _animationStyles3;
+            (_this7$targetElement2 = _this7.targetElement) === null || _this7$targetElement2 === void 0 || _this7$targetElement2.appendChild(_newstyleNode2);
+            _this7.c = _this7.c + 1;
+            _this7.animationStop();
+          }
+        };
+        setTimeout(repeatAnimation, delayMillis);
+      }
+    }, {
+      key: "shineAnimationRepeat",
+      value: function shineAnimationRepeat(interCount, delayMillis) {
+        var _this$badge$animation19,
+          _this$badge$animation20,
+          _this8 = this;
+        var line1width = (_this$badge$animation19 = this.badge.animation) === null || _this$badge$animation19 === void 0 || (_this$badge$animation19 = _this$badge$animation19.lines[0]) === null || _this$badge$animation19 === void 0 ? void 0 : _this$badge$animation19.width;
+        var line2width = (_this$badge$animation20 = this.badge.animation) === null || _this$badge$animation20 === void 0 || (_this$badge$animation20 = _this$badge$animation20.lines[1]) === null || _this$badge$animation20 === void 0 ? void 0 : _this$badge$animation20.width;
+        var biggestLineWidth = Math.max(line1width, line2width);
+        var animationStartLeft = this.badge.background.width + biggestLineWidth;
+        var badgeContainerClass = ".apxor-badge-container-styles-".concat(this.cssPostFix);
+        var badgeAnimationElement = document.querySelector(badgeContainerClass);
+        if (interCount != 0) {
+          if (this.count === interCount) {
+            badgeAnimationElement.removeEventListener("animationend", this.shineAnimationRepeatFunction);
+          }
+        }
+        var repeatAnimation = function repeatAnimation() {
+          var _this8$badge$animatio, _this8$badge$animatio2;
+          var lines_length = _this8.badge.animation.lines.length;
+          var lines_total_width = 0;
+          var lines_color = _this8.badge.animation.shineColor;
+          var line1width = (_this8$badge$animatio = _this8.badge.animation) === null || _this8$badge$animatio === void 0 || (_this8$badge$animatio = _this8$badge$animatio.lines[0]) === null || _this8$badge$animatio === void 0 ? void 0 : _this8$badge$animatio.width;
+          var line2width = (_this8$badge$animatio2 = _this8.badge.animation) === null || _this8$badge$animatio2 === void 0 || (_this8$badge$animatio2 = _this8$badge$animatio2.lines[1]) === null || _this8$badge$animatio2 === void 0 ? void 0 : _this8$badge$animatio2.width;
+          if (lines_length === 1) {
+            lines_total_width = _this8.badge.animation.lines[0].width;
+          } else {
+            lines_total_width = _this8.badge.animation.lines_gap + line1width + line2width;
+          }
+          if (_this8.count < interCount) {
+            var _this8$badge$animatio3, _this8$targetElement;
+            var animationForBadgeContainernew = "";
+            var keyframeForAnimationnew = "";
+            var transformForMultipleDirection = "";
+            switch (_this8.badge.animation.shineDirection) {
+              case "to_bottom_right":
+                transformForMultipleDirection = "\n            left:-".concat(animationStartLeft, "px;\n            transform: skewx(-30deg)\n            ");
+                break;
+              case "to_top_right":
+                transformForMultipleDirection = "\n            left:-".concat(animationStartLeft, "pxx;\n            transform: skewx(30deg)\n            ");
+                break;
+              case "to_top_left":
+                transformForMultipleDirection = "\n            right:-".concat(animationStartLeft, "px;\n            transform: skewx(-30deg)\n            ");
+                break;
+              case "to_bottom_left":
+                transformForMultipleDirection = "\n            right:-".concat(animationStartLeft, "px;\n            transform: skewx(30deg)\n            ");
+                break;
+            }
+            animationForBadgeContainernew = "\n        .apxor-badge-content-container-".concat(_this8.cssPostFix, "::before{\n          content:'';\n          position:absolute;\n          background:transparent;\n          background:transparent;\n          z-index:").concat(_this8.contentZindexValue, ";\n          width:").concat(lines_total_width, "px;\n           ").concat(lines_length === 1 ? "border-left: ".concat(line1width, "px solid ").concat(lines_color, ";") : "border-left: ".concat(line1width, "px solid ").concat(lines_color, "; border-right: ").concat(line2width, "px solid ").concat(lines_color, ";"), "\n          height:100%;\n          animation: badgeAnimation").concat(_this8.count, " ").concat(_this8.badge.animation.duration_millis, "s ").concat((_this8$badge$animatio3 = _this8.badge.animation) === null || _this8$badge$animatio3 === void 0 ? void 0 : _this8$badge$animatio3.intra_count, ";\n          ").concat(transformForMultipleDirection, ";\n        }");
+            keyframeForAnimationnew = _this8.badge.animation.shineDirection === "to_bottom_right" || _this8.badge.animation.shineDirection === "to_top_right" ? "@keyframes badgeAnimation".concat(_this8.count, " {\n                0% {\n                  left:-30%;\n                }\n                100% {\n                  left:130%;\n                }\n            }") : "@keyframes badgeAnimation".concat(_this8.count, " {\n              0% {\n                right:-30%;\n              }\n              100% {\n                right:130%;\n              }\n            }");
+            var animationStyles = "\n        ".concat(animationForBadgeContainernew, "\n        ").concat(keyframeForAnimationnew, "\n        ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+            var newstyleNode = document.createElement("style");
+            newstyleNode.innerHTML = animationStyles;
+            (_this8$targetElement = _this8.targetElement) === null || _this8$targetElement === void 0 || _this8$targetElement.appendChild(newstyleNode);
+            if (_this8.badge.animation.inter_count != 0) {
+              _this8.count = _this8.count + 1;
+            }
+            _this8.animationStop();
+          } else if (interCount == 0) {
+            var _this8$badge$animatio4, _this8$targetElement2;
+            var _animationForBadgeContainernew4 = "";
+            var _keyframeForAnimationnew4 = "";
+            var _transformForMultipleDirection = "";
+            switch (_this8.badge.animation.shineDirection) {
+              case "to_bottom_right":
+                _transformForMultipleDirection = "\n            left:-".concat(animationStartLeft, "px;;\n            transform: skewx(-30deg)\n            ");
+                break;
+              case "to_top_right":
+                _transformForMultipleDirection = "\n            left:-".concat(animationStartLeft, "px;;\n            transform: skewx(30deg)\n            ");
+                break;
+              case "to_top_left":
+                _transformForMultipleDirection = "\n            right:-".concat(animationStartLeft, "px;;\n            transform: skewx(-30deg)\n            ");
+                break;
+              case "to_bottom_left":
+                _transformForMultipleDirection = "\n            right:-".concat(animationStartLeft, "px;;\n            transform: skewx(30deg)\n            ");
+                break;
+            }
+            _animationForBadgeContainernew4 = "\n        .apxor-badge-content-container-".concat(_this8.cssPostFix, "::before{\n          content:'';\n          position:absolute;\n          background:transparent;\n          background:transparent;\n          width:").concat(lines_total_width, "px;\n           ").concat(lines_length === 1 ? "border-left: ".concat(line1width, "px solid ").concat(lines_color, ";") : "border-left: ".concat(line1width, "px solid ").concat(lines_color, "; border-right: ").concat(line2width, "px solid ").concat(lines_color, ";"), "\n          height:100%;\n          animation: badgeAnimation").concat(_this8.c, " ").concat(_this8.badge.animation.duration_millis, "s ").concat((_this8$badge$animatio4 = _this8.badge.animation) === null || _this8$badge$animatio4 === void 0 ? void 0 : _this8$badge$animatio4.intra_count, ";\n          ").concat(_transformForMultipleDirection, ";\n        }");
+            _keyframeForAnimationnew4 = _this8.badge.animation.shineDirection === "to_bottom_right" || _this8.badge.animation.shineDirection === "to_top_right" ? "@keyframes badgeAnimation".concat(_this8.c, " {\n                0% {\n                  left:-30%;\n                }\n                100% {\n                  left:130%;\n                }\n            }") : "@keyframes badgeAnimation".concat(_this8.c, " {\n              0% {\n                right:-30%;\n              }\n              100% {\n                right:130%;\n              }\n            }");
+            var _animationStyles4 = "\n        ".concat(_animationForBadgeContainernew4, "\n        ").concat(_keyframeForAnimationnew4, "\n        ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+            var _newstyleNode3 = document.createElement("style");
+            _newstyleNode3.innerHTML = _animationStyles4;
+            (_this8$targetElement2 = _this8.targetElement) === null || _this8$targetElement2 === void 0 || _this8$targetElement2.appendChild(_newstyleNode3);
+            _this8.c = _this8.c + 1;
+            _this8.animationStop();
+          }
+        };
+        setTimeout(repeatAnimation, delayMillis);
+      }
+    }, {
+      key: "createBadgeContainer",
+      value: function createBadgeContainer() {
+        this.badgeContainer = document.createElement("div");
+        this.badgeDummyContainer = document.createElement("div");
+        this.badgeContainer.id = "apxor-badge-container-".concat("-".concat(this.configId).replaceAll(" ", "").replace(/[^\w\s]/gi, ""));
+        this.badgeContainer.classList.add("apxor-badge-container");
+        this.badgeContainer.classList.add("apxor-badge-container-styles-".concat(this.cssPostFix));
+        this.badgeDummyContainer.classList.add("apxor-badge-container");
+        if (this.badge.enable_animation) {
+          this.badgeDummyContainer.classList.add("apxor-badge-container-stylesdummy-".concat(this.cssPostFix));
+        }
+        if (this.badge.enable_background && this.badge.background.enable_image) {
+          this.badgeContainer.classList.add("apxor-badge-container-background-image".concat(this.cssPostFix));
+        }
+        this.targetElement.appendChild(this.badgeContainer);
+        this.targetElement.appendChild(this.badgeDummyContainer);
+      }
+    }, {
+      key: "createBadgeContent",
+      value: function createBadgeContent() {
+        var _this$badge7,
+          _this9 = this;
+        this.badgeContent = document.createElement("div");
+        this.badgeContent.classList.add("apxor-badge-content-container-".concat(this.cssPostFix));
+        if ((_this$badge7 = this.badge) !== null && _this$badge7 !== void 0 && _this$badge7.content && this.badge.content.length !== 0) {
+          this.badge.content.forEach(function (content, ind) {
+            var _content$icon, _content$icon2;
+            _this9.badgeContentElement = document.createElement("div");
+            _this9.badgeContentElement.classList.add("apxor-badge-contentelement-".concat(ind, "-").concat(_this9.cssPostFix));
+            _this9.badgeContentElement.setAttribute("id", "apxor-scroll-option".concat(_this9.cssPostFix));
+            if (content.enable_icon && (_content$icon = content.icon) !== null && _content$icon !== void 0 && _content$icon.position && content.icon.position === "left") {
+              var iconContainer = document.createElement("div");
+              iconContainer.classList.add("apxor-badge-".concat(ind, "-icon-container").concat(_this9.cssPostFix));
+              var iconElement = document.createElement("div");
+              iconElement.classList.add("apxor-badge-".concat(ind, "-icon-content").concat(_this9.cssPostFix));
+              iconContainer.appendChild(iconElement);
+              _this9.iconElementdummy = iconContainer;
+              _this9.badgeContentElement.appendChild(iconContainer);
+            }
+            if (content.enable_label) {
+              var labelElement = document.createElement("div");
+              labelElement.classList.add("apxor-badge-".concat(ind, "-label-content-").concat(_this9.cssPostFix));
+              labelElement.appendChild(createNewTextElement(content.label, _this9.configId, "label-content-".concat(ind)));
+              _this9.labelElementDummy = labelElement;
+              _this9.badgeContentElement.appendChild(labelElement);
+            }
+            if (content.enable_icon && (_content$icon2 = content.icon) !== null && _content$icon2 !== void 0 && _content$icon2.position && content.icon.position === "right") {
+              var _iconContainer = document.createElement("div");
+              _iconContainer.classList.add("apxor-badge-".concat(ind, "-icon-container").concat(_this9.cssPostFix));
+              var _iconElement = document.createElement("div");
+              _iconElement.classList.add("apxor-badge-".concat(ind, "-icon-content").concat(_this9.cssPostFix));
+              _iconContainer.appendChild(_iconElement);
+              _this9.iconElementdummy = _iconContainer;
+              _this9.badgeContentElement.appendChild(_iconContainer);
+            }
+            if (_this9.badge.enable_auto_scroll === true && ind == 0 && (_this9.badge.auto_scroll.direction === "to_left" || _this9.badge.auto_scroll.direction === "to_right")) {
+              _this9.badgeContent.appendChild(_this9.badgeContentElement);
+            } else {
+              if (_this9.badge.enable_auto_scroll === true && ind === 0) {
+                _this9.badgeContent.appendChild(_this9.badgeContentElement);
+              } else if (_this9.badge.enable_auto_scroll === true && (_this9.badge.auto_scroll.direction === "to_top" || _this9.badge.auto_scroll.direction === "to_bottom")) {
+                _this9.badgeContent.appendChild(_this9.badgeContentElement);
+              } else if (_this9.badge.enable_auto_scroll === false) {
+                _this9.badgeContent.appendChild(_this9.badgeContentElement);
+              }
+            }
+          });
+          this.badgeContainer.appendChild(this.badgeContent);
+          if (this.badge.content[0].enable_label) {
+            this.contentLabelWidth = this.labelElementDummy.getBoundingClientRect().width;
+          }
+          if (this.badge.content[0].enable_icon) {
+            var _this$iconElementdumm;
+            this.contentIconWidth = (_this$iconElementdumm = this.iconElementdummy) === null || _this$iconElementdumm === void 0 ? void 0 : _this$iconElementdumm.getBoundingClientRect().width;
+          }
+          this.contentWidth = this.contentLabelWidth + this.contentIconWidth;
+          this._getBadgeScrollKeyFrameStyles(this.badge.content.length);
+        }
+        var contentElement = document.querySelector(".apxor-badge-contentelement-0-".concat(this.cssPostFix));
+        if (this.badge.background.width > this.contentWidth) {
+          contentElement.style.justifyContent = "center";
+        } else {
+          contentElement.style.justifyContent = "left";
+        }
+      }
+    }, {
+      key: "_setOnClickTerminationForBadges",
+      value: function _setOnClickTerminationForBadges() {
+        var _this$terminationConf,
+          _this$terminationConf2,
+          _this10 = this;
+        if ((_this$terminationConf = this.terminationConfig) !== null && _this$terminationConf !== void 0 && _this$terminationConf.enable_touch && Object(this.terminationConfig.touch).length !== 0 && this.terminationConfig.touch.enable_user_interaction && (_this$terminationConf2 = this.terminationConfig.touch) !== null && _this$terminationConf2 !== void 0 && _this$terminationConf2.target_view) {
+          var onclickCallBack = function onclickCallBack() {
+            var _window$Apxor, _this10$targetElement;
+            var badge = document.getElementsByClassName("apxor-badge-container-styles-".concat(_this10.cssPostFix));
+            while (badge.length > 0) badge[0].remove();
+            (_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 || _window$Apxor.updateBadgeStatus("target_click", _this10.configId);
+            _this10.targetClicked = true;
+            (_this10$targetElement = _this10.targetElement) === null || _this10$targetElement === void 0 || _this10$targetElement.classList.remove("apx-badge-target-style".concat(_this10.cssPostFix));
+            window.Apxor.logAppEvent("InlineTargetViewClicked", {
+              id: _this10.configId,
+              message_name: _this10.name,
+              apx_message_step: 1
+            });
+            window.Apxor.logAppEvent("inline_dismissed", {
+              id: _this10.configId,
+              message_name: _this10.name,
+              apx_reason: "InlineTargetViewClicked"
+            });
+            _this10.targetElement.removeEventListener("click", onclickCallBack);
+          };
+          this.targetElement.addEventListener("click", onclickCallBack);
+        }
+      }
+    }]);
+    return ApxorBadge;
+  }();
+  var DOMNodePathStep = function DOMNodePathStep(value, optimized) {
+    this.value = value;
+    this.optimized = optimized || false;
+  };
+  DOMNodePathStep.prototype = {
+    toString: function toString() {
+      return this.value;
+    }
+  };
+
   var RTM = /*#__PURE__*/_createClass(function RTM() {
     var _this = this;
     _classCallCheck(this, RTM);
-    _defineProperty(this, "EIdx", {});
+    _defineProperty(this, "YRfU", {});
     _defineProperty(this, "isShowingAction", false);
     _defineProperty(this, "currentAction", null);
-    _defineProperty(this, "CWNo", null);
-    _defineProperty(this, "version", 83);
+    _defineProperty(this, "HyJc", null);
+    _defineProperty(this, "version", 91);
     _defineProperty(this, "isInitialised", false);
-    _defineProperty(this, "OdUI", {});
-    _defineProperty(this, "TXjN", false);
+    _defineProperty(this, "lbLW", {});
+    _defineProperty(this, "etai", false);
     _defineProperty(this, "_isShownECCalled", false);
-    _defineProperty(this, "LDpO", function () {
+    _defineProperty(this, "WLeB", function () {
       _this.isInitialised = true;
       var oldPushState = history.pushState;
       history.pushState = function pushState() {
@@ -23505,19 +24931,19 @@
       });
     });
     _defineProperty(this, "show", function (uiJson, duration, uuid, name) {
+      var _window;
+      (_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.error("logger show");
       if (!_this.isInitialised) {
-        _this.LDpO();
+        _this.WLeB();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor, _window$Apxor$pageUnl;
         (_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 || (_window$Apxor$pageUnl = _window$Apxor.pageUnloaded) === null || _window$Apxor$pageUnl === void 0 || _window$Apxor$pageUnl.call(_window$Apxor, uuid);
       });
       try {
-        // console.log("Showing action for uuid:", uuid, uiJson, this.currentAction);
         if (_this.currentAction !== null && _this.currentAction !== undefined) {
-          var _window;
-          console.error("An action already being shown");
-          (_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.error("An action already being shown");
+          var _window2;
+          (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.ApxorLogger) === null || _window2 === void 0 || _window2.error("An action already being shown");
           return;
         }
         uiJson = uiJson.split("\n").join("\\n");
@@ -23533,7 +24959,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.dcmY(ui_config, duration, uuid, name);
+          _this.sYRk(ui_config, duration, uuid, name);
         } else {
           showCoachmarkWithDelay(_this, ui_config, {
             configId: uuid,
@@ -23541,21 +24967,21 @@
           }, terminationConfig, function () {
             _this.isShowingAction = true;
             if (window.Apxor && window.Apxor.logActionEvent) {
-              var _window2, _window2$updateFlag, _window3, _window3$updateCount;
-              (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.Apxor) === null || _window2 === void 0 || (_window2$updateFlag = _window2.updateFlag) === null || _window2$updateFlag === void 0 || _window2$updateFlag.call(_window2, true);
+              var _window3, _window3$updateFlag, _window4, _window4$updateCount;
+              (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.Apxor) === null || _window3 === void 0 || (_window3$updateFlag = _window3.updateFlag) === null || _window3$updateFlag === void 0 || _window3$updateFlag.call(_window3, true);
               window.Apxor.logActionEvent("inline_shown", uuid, name);
-              (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.Apxor) === null || _window3 === void 0 || (_window3$updateCount = _window3.updateCount) === null || _window3$updateCount === void 0 || _window3$updateCount.call(_window3, uuid);
+              (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.Apxor) === null || _window4 === void 0 || (_window4$updateCount = _window4.updateCount) === null || _window4$updateCount === void 0 || _window4$updateCount.call(_window4, uuid);
               if (ui_config !== null && ui_config !== void 0 && ui_config.is_preview) {
                 setTimeout(function () {
-                  var _window4, _window4$logInternalE;
-                  (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.Apxor) === null || _window4 === void 0 || (_window4$logInternalE = _window4.logInternalEvent) === null || _window4$logInternalE === void 0 || _window4$logInternalE.call(_window4, "capt");
+                  var _window5, _window5$logInternalE;
+                  (_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || (_window5$logInternalE = _window5.logInternalEvent) === null || _window5$logInternalE === void 0 || _window5$logInternalE.call(_window5, "capt");
                 }, 500);
               }
             }
           }, function (action) {
-            var _window5, _window5$updateFlag;
+            var _window6, _window6$updateFlag;
             _this.isShowingAction = false;
-            (_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || (_window5$updateFlag = _window5.updateFlag) === null || _window5$updateFlag === void 0 || _window5$updateFlag.call(_window5, false);
+            (_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.Apxor) === null || _window6 === void 0 || (_window6$updateFlag = _window6.updateFlag) === null || _window6$updateFlag === void 0 || _window6$updateFlag.call(_window6, false);
             _this.currentAction = null;
             if (window.Apxor && window.Apxor.logActionEvent && !(isDefined(action) && (action === "redirect" || action === "cancel"))) {
               window.Apxor.logActionEvent("inline_dismissed", uuid, name);
@@ -23565,13 +24991,28 @@
           });
         }
       } catch (e) {
-        var _window6, _window6$updateFlag, _window7;
+        var _window7, _window7$updateFlag, _window8;
         _this.isShowingAction = false;
-        (_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.Apxor) === null || _window6 === void 0 || (_window6$updateFlag = _window6.updateFlag) === null || _window6$updateFlag === void 0 || _window6$updateFlag.call(_window6, false);
-        console.error(e);
-        (_window7 = window) === null || _window7 === void 0 || (_window7 = _window7.ApxorLogger) === null || _window7 === void 0 || _window7.error("".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
+        (_window7 = window) === null || _window7 === void 0 || (_window7 = _window7.Apxor) === null || _window7 === void 0 || (_window7$updateFlag = _window7.updateFlag) === null || _window7$updateFlag === void 0 || _window7$updateFlag.call(_window7, false);
+        (_window8 = window) === null || _window8 === void 0 || (_window8 = _window8.ApxorLogger) === null || _window8 === void 0 || _window8.error("".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
       }
     });
+    _defineProperty(this, "showBadge", function (uiJson, duration, uuid, name, terminationConfig) {
+      if (!_this.isInitialised) {
+        _this.WLeB();
+      }
+      window.addEventListener("pagehide", function () {
+        var _window$Apxor2, _window$Apxor2$pageUn;
+        (_window$Apxor2 = window.Apxor) === null || _window$Apxor2 === void 0 || (_window$Apxor2$pageUn = _window$Apxor2.pageUnloaded) === null || _window$Apxor2$pageUn === void 0 || _window$Apxor2$pageUn.call(_window$Apxor2, uuid);
+      });
+      uiJson = uiJson.split("\n").join("\\n");
+      var ui_config = JSON.parse(uiJson);
+      if (name === "P" || name === "p") {
+        _this.removeBadge(name, uuid);
+      }
+      var termination_config = JSON.parse(terminationConfig);
+      _this.HGOD(ui_config, duration, uuid, name, termination_config);
+    });
     _defineProperty(this, "showInApp", function (config, duration, configId, name) {
       try {
         config = config.split("\n").join("\\n");
@@ -23581,16 +25022,16 @@
           _this.createInAppModal(config, duration, configId, name, JSON.parse(config).action_class === "inapp_builder" ? "inapp_builder" : "modal");
         }
       } catch (e) {
-        var _window$Apxor2, _window10;
-        if (((_window$Apxor2 = window.Apxor) === null || _window$Apxor2 === void 0 ? void 0 : _window$Apxor2.platform) === "ios") {
-          var _window8, _window8$updateFlag;
-          (_window8 = window) === null || _window8 === void 0 || (_window8 = _window8.Apxor) === null || _window8 === void 0 || (_window8$updateFlag = _window8.updateFlag) === null || _window8$updateFlag === void 0 || _window8$updateFlag.call(_window8, false, "IN_APP");
-        } else {
+        var _window$Apxor3, _window11;
+        if (((_window$Apxor3 = window.Apxor) === null || _window$Apxor3 === void 0 ? void 0 : _window$Apxor3.platform) === "ios") {
           var _window9, _window9$updateFlag;
-          (_window9 = window) === null || _window9 === void 0 || (_window9 = _window9.Apxor) === null || _window9 === void 0 || (_window9$updateFlag = _window9.updateFlag) === null || _window9$updateFlag === void 0 || _window9$updateFlag.call(_window9, "IN_APP", false);
+          (_window9 = window) === null || _window9 === void 0 || (_window9 = _window9.Apxor) === null || _window9 === void 0 || (_window9$updateFlag = _window9.updateFlag) === null || _window9$updateFlag === void 0 || _window9$updateFlag.call(_window9, false, "IN_APP");
+        } else {
+          var _window10, _window10$updateFlag;
+          (_window10 = window) === null || _window10 === void 0 || (_window10 = _window10.Apxor) === null || _window10 === void 0 || (_window10$updateFlag = _window10.updateFlag) === null || _window10$updateFlag === void 0 || _window10$updateFlag.call(_window10, "IN_APP", false);
         }
         console.error(e);
-        (_window10 = window) === null || _window10 === void 0 || (_window10 = _window10.ApxorLogger) === null || _window10 === void 0 || _window10.error("".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
+        (_window11 = window) === null || _window11 === void 0 || (_window11 = _window11.ApxorLogger) === null || _window11 === void 0 || _window11.error("".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
       }
     });
     _defineProperty(this, "showEmbedCards", function (config, duration, configId, name) {
@@ -23602,7 +25043,7 @@
         var ui_config = JSON.parse(config);
         _this.createembedCards(ui_config, configId, name);
       } catch (e) {
-        var _window$ApxorRTM, _window11;
+        var _window$ApxorRTM, _window12;
         (_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 || _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
           campaignName: name,
           id: configId,
@@ -23611,13 +25052,13 @@
           apx_reason: "".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message)
         });
         console.error(e);
-        (_window11 = window) === null || _window11 === void 0 || (_window11 = _window11.ApxorLogger) === null || _window11 === void 0 || _window11.error("".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
+        (_window12 = window) === null || _window12 === void 0 || (_window12 = _window12.ApxorLogger) === null || _window12 === void 0 || _window12.error("".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
       }
     });
     _defineProperty(this, "createembedCards", function (config, configId, name) {
       var cardsContainer = new EmbedCards(config, configId, name, function () {
-        var _window12, _window$ApxorRTM2;
-        (_window12 = window) === null || _window12 === void 0 || (_window12 = _window12.ApxorLogger) === null || _window12 === void 0 || _window12.debug("successfully showing the nudge");
+        var _window13, _window$ApxorRTM2;
+        (_window13 = window) === null || _window13 === void 0 || (_window13 = _window13.ApxorLogger) === null || _window13 === void 0 || _window13.debug("successfully showing the nudge");
         (config === null || config === void 0 ? void 0 : config.initialRender) && ((_window$ApxorRTM2 = window.ApxorRTM) === null || _window$ApxorRTM2 === void 0 ? void 0 : _window$ApxorRTM2.logEvent("apx_nudge_shown", {
           campaignName: name,
           id: configId,
@@ -23625,8 +25066,8 @@
         }));
         _this._isShownECCalled = true;
       }, function () {
-        var _window13;
-        (_window13 = window) === null || _window13 === void 0 || (_window13 = _window13.ApxorLogger) === null || _window13 === void 0 || _window13.debug("nudge dismissed");
+        var _window14;
+        (_window14 = window) === null || _window14 === void 0 || (_window14 = _window14.ApxorLogger) === null || _window14 === void 0 || _window14.debug("nudge dismissed");
       });
       cardsContainer.showEmbedCards();
     });
@@ -23634,21 +25075,21 @@
       try {
         config = config.split("\n").join("\\n");
         var ui_config = JSON.parse(config);
-        _this.Fzbq(ui_config, configId, name, position, slidesSeenCount, view_id);
+        _this.fZFC(ui_config, configId, name, position, slidesSeenCount, view_id);
       } catch (e) {
-        var _window$Apxor3;
-        if (((_window$Apxor3 = window.Apxor) === null || _window$Apxor3 === void 0 ? void 0 : _window$Apxor3.platform) === "ios") {
-          var _window14, _window14$logInternal, _window15, _window15$updateFlag;
-          (_window14 = window) === null || _window14 === void 0 || (_window14 = _window14.Apxor) === null || _window14 === void 0 || (_window14$logInternal = _window14.logInternalEvent) === null || _window14$logInternal === void 0 || _window14$logInternal.call(_window14, "story_slides_closed");
-          (_window15 = window) === null || _window15 === void 0 || (_window15 = _window15.Apxor) === null || _window15 === void 0 || (_window15$updateFlag = _window15.updateFlag) === null || _window15$updateFlag === void 0 || _window15$updateFlag.call(_window15, false, "IN_APP");
+        var _window$Apxor4;
+        if (((_window$Apxor4 = window.Apxor) === null || _window$Apxor4 === void 0 ? void 0 : _window$Apxor4.platform) === "ios") {
+          var _window15, _window15$logInternal, _window16, _window16$updateFlag;
+          (_window15 = window) === null || _window15 === void 0 || (_window15 = _window15.Apxor) === null || _window15 === void 0 || (_window15$logInternal = _window15.logInternalEvent) === null || _window15$logInternal === void 0 || _window15$logInternal.call(_window15, "story_slides_closed");
+          (_window16 = window) === null || _window16 === void 0 || (_window16 = _window16.Apxor) === null || _window16 === void 0 || (_window16$updateFlag = _window16.updateFlag) === null || _window16$updateFlag === void 0 || _window16$updateFlag.call(_window16, false, "IN_APP");
         } else {
-          var _window16, _window16$updateFlag;
-          (_window16 = window) === null || _window16 === void 0 || (_window16 = _window16.Apxor) === null || _window16 === void 0 || (_window16$updateFlag = _window16.updateFlag) === null || _window16$updateFlag === void 0 || _window16$updateFlag.call(_window16, "IN_APP", false);
+          var _window17, _window17$updateFlag;
+          (_window17 = window) === null || _window17 === void 0 || (_window17 = _window17.Apxor) === null || _window17 === void 0 || (_window17$updateFlag = _window17.updateFlag) === null || _window17$updateFlag === void 0 || _window17$updateFlag.call(_window17, "IN_APP", false);
         }
         console.error(e);
       }
     });
-    _defineProperty(this, "Fzbq", function (config, configId, name, position, slidesSeenCount, view_id) {
+    _defineProperty(this, "fZFC", function (config, configId, name, position, slidesSeenCount, view_id) {
       var cardsContainer = new Stories(config, configId, name, position, slidesSeenCount, view_id, function () {
         window.Apxor.logAppEvent("apx_nudge_shown", {
           campaignName: name,
@@ -23659,16 +25100,15 @@
       cardsContainer.showStories();
     });
     _defineProperty(this, "removeAll", function () {
-      var _window17, _window17$updateFlag;
-      (_window17 = window) === null || _window17 === void 0 || (_window17 = _window17.Apxor) === null || _window17 === void 0 || (_window17$updateFlag = _window17.updateFlag) === null || _window17$updateFlag === void 0 || _window17$updateFlag.call(_window17, false);
+      var _window18, _window18$updateFlag;
+      (_window18 = window) === null || _window18 === void 0 || (_window18 = _window18.Apxor) === null || _window18 === void 0 || (_window18$updateFlag = _window18.updateFlag) === null || _window18$updateFlag === void 0 || _window18$updateFlag.call(_window18, false);
       if (_this.currentAction !== null && _this.currentAction !== undefined) {
         _this.isShowingAction = false;
         try {
-          var _window18;
+          var _window19;
           _this.currentAction();
           _this.currentAction = null;
-          console.log("Callback is called");
-          (_window18 = window) === null || _window18 === void 0 || (_window18 = _window18.ApxorLogger) === null || _window18 === void 0 || _window18.debug("Callback is called");
+          (_window19 = window) === null || _window19 === void 0 || (_window19 = _window19.ApxorLogger) === null || _window19 === void 0 || _window19.debug("Callback is called");
         } catch (e) {}
       }
     });
@@ -23680,48 +25120,48 @@
       var onShow = function onShow() {
         _this.isShowingAction = true;
         if (window.Apxor && window.Apxor.logActionEvent) {
-          var _window19, _window19$updateFlag, _window20, _window20$updateCount;
-          (_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, true);
+          var _window20, _window20$updateFlag, _window21, _window21$updateCount;
+          (_window20 = window) === null || _window20 === void 0 || (_window20 = _window20.Apxor) === null || _window20 === void 0 || (_window20$updateFlag = _window20.updateFlag) === null || _window20$updateFlag === void 0 || _window20$updateFlag.call(_window20, true);
           window.Apxor.logActionEvent("inline_shown", uuid, name);
-          (_window20 = window) === null || _window20 === void 0 || (_window20 = _window20.Apxor) === null || _window20 === void 0 || (_window20$updateCount = _window20.updateCount) === null || _window20$updateCount === void 0 || _window20$updateCount.call(_window20, uuid);
+          (_window21 = window) === null || _window21 === void 0 || (_window21 = _window21.Apxor) === null || _window21 === void 0 || (_window21$updateCount = _window21.updateCount) === null || _window21$updateCount === void 0 || _window21$updateCount.call(_window21, uuid);
           if (ui_config !== null && ui_config !== void 0 && ui_config.is_preview) {
             setTimeout(function () {
-              var _window21, _window21$logInternal;
-              (_window21 = window) === null || _window21 === void 0 || (_window21 = _window21.Apxor) === null || _window21 === void 0 || (_window21$logInternal = _window21.logInternalEvent) === null || _window21$logInternal === void 0 || _window21$logInternal.call(_window21, "capt");
+              var _window22, _window22$logInternal;
+              (_window22 = window) === null || _window22 === void 0 || (_window22 = _window22.Apxor) === null || _window22 === void 0 || (_window22$logInternal = _window22.logInternalEvent) === null || _window22$logInternal === void 0 || _window22$logInternal.call(_window22, "capt");
             }, 500);
           }
         }
       };
       var onHide = function onHide(isCancelled) {
-        var _window22, _window22$updateFlag, _window23;
+        var _window23, _window23$updateFlag, _window24;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.CWNo = null;
-        (_window22 = window) === null || _window22 === void 0 || (_window22 = _window22.Apxor) === null || _window22 === void 0 || (_window22$updateFlag = _window22.updateFlag) === null || _window22$updateFlag === void 0 || _window22$updateFlag.call(_window22, false);
+        _this.HyJc = null;
+        (_window23 = window) === null || _window23 === void 0 || (_window23 = _window23.Apxor) === null || _window23 === void 0 || (_window23$updateFlag = _window23.updateFlag) === null || _window23$updateFlag === void 0 || _window23$updateFlag.call(_window23, false);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
         }
-        if (((_window23 = window) === null || _window23 === void 0 || (_window23 = _window23.ApxorWebView) === null || _window23 === void 0 ? void 0 : _window23.getLayoutType()) === "web-inline") {
-          var _window24;
-          (_window24 = window) === null || _window24 === void 0 || (_window24 = _window24.ApxorWebView) === null || _window24 === void 0 || _window24.removeWebView();
+        if (((_window24 = window) === null || _window24 === void 0 || (_window24 = _window24.ApxorWebView) === null || _window24 === void 0 ? void 0 : _window24.getLayoutType()) === "web-inline") {
+          var _window25;
+          (_window25 = window) === null || _window25 === void 0 || (_window25 = _window25.ApxorWebView) === null || _window25 === void 0 || _window25.removeWebView();
         }
       };
       if (action_class === "new-inline") {
-        _this.CWNo = new InLineTooltip(ui_config, [], [], terminationConfig, {
+        _this.HyJc = new InLineTooltip(ui_config, [], [], terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide, function () {}, false, 0);
       } else if (action_class === "tooltip_builder") {
-        _this.CWNo = new NewInLineTooltip(ui_config, terminationConfig, {
+        _this.HyJc = new NewInLineTooltip(ui_config, terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide);
       }
       setTimeout(function () {
-        _this.CWNo.createNewTooltip();
+        _this.HyJc.createNewTooltip();
       }, ui_config.delay);
     });
-    _defineProperty(this, "dcmY", function (ui_config, duration, uuid, name) {
+    _defineProperty(this, "sYRk", function (ui_config, duration, uuid, name) {
       var terminationConfig = {};
       terminationConfig["auto_dismiss"] = duration > 0;
       terminationConfig["duration"] = duration;
@@ -23731,35 +25171,55 @@
       }, _this, function () {
         _this.isShowingAction = true;
         if (window.Apxor && window.Apxor.logActionEvent) {
-          var _window25, _window25$updateFlag;
-          (_window25 = window) === null || _window25 === void 0 || (_window25 = _window25.Apxor) === null || _window25 === void 0 || (_window25$updateFlag = _window25.updateFlag) === null || _window25$updateFlag === void 0 || _window25$updateFlag.call(_window25, true);
+          var _window26, _window26$updateFlag;
+          (_window26 = window) === null || _window26 === void 0 || (_window26 = _window26.Apxor) === null || _window26 === void 0 || (_window26$updateFlag = _window26.updateFlag) === null || _window26$updateFlag === void 0 || _window26$updateFlag.call(_window26, true);
           window.Apxor.logActionEvent("inline_shown", uuid, name);
           if (ui_config !== null && ui_config !== void 0 && ui_config.is_preview) {
             setTimeout(function () {
-              var _window26, _window26$logInternal;
-              (_window26 = window) === null || _window26 === void 0 || (_window26 = _window26.Apxor) === null || _window26 === void 0 || (_window26$logInternal = _window26.logInternalEvent) === null || _window26$logInternal === void 0 || _window26$logInternal.call(_window26, "capt");
+              var _window27, _window27$logInternal;
+              (_window27 = window) === null || _window27 === void 0 || (_window27 = _window27.Apxor) === null || _window27 === void 0 || (_window27$logInternal = _window27.logInternalEvent) === null || _window27$logInternal === void 0 || _window27$logInternal.call(_window27, "capt");
             }, 500);
           }
         }
       }, function (isCancelled) {
-        var _window27, _window27$updateFlag, _window28;
+        var _window28, _window28$updateFlag, _window29;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.CWNo = null;
-        (_window27 = window) === null || _window27 === void 0 || (_window27 = _window27.Apxor) === null || _window27 === void 0 || (_window27$updateFlag = _window27.updateFlag) === null || _window27$updateFlag === void 0 || _window27$updateFlag.call(_window27, false);
+        _this.HyJc = null;
+        (_window28 = window) === null || _window28 === void 0 || (_window28 = _window28.Apxor) === null || _window28 === void 0 || (_window28$updateFlag = _window28.updateFlag) === null || _window28$updateFlag === void 0 || _window28$updateFlag.call(_window28, false);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
         }
-        if (((_window28 = window) === null || _window28 === void 0 || (_window28 = _window28.ApxorWebView) === null || _window28 === void 0 ? void 0 : _window28.getLayoutType()) === "web-inline") {
-          var _window29;
-          (_window29 = window) === null || _window29 === void 0 || (_window29 = _window29.ApxorWebView) === null || _window29 === void 0 || _window29.removeWebView();
+        if (((_window29 = window) === null || _window29 === void 0 || (_window29 = _window29.ApxorWebView) === null || _window29 === void 0 ? void 0 : _window29.getLayoutType()) === "web-inline") {
+          var _window30;
+          (_window30 = window) === null || _window30 === void 0 || (_window30 = _window30.ApxorWebView) === null || _window30 === void 0 || _window30.removeWebView();
         }
       }, _this.stepperCallback, false, 0);
       _this._currentCoachmark.createNewCoachMark();
     });
+    _defineProperty(this, "HGOD", function (ui_config, duration, uuid, name, terminationConfig) {
+      _this._currentBadge = new ApxorBadge(ui_config, terminationConfig, {
+        configId: uuid,
+        configName: name
+      }, _this, function () {
+        // this.isShowingAction = true;
+        if (window.Apxor && window.Apxor.logActionEvent) {
+          var _window$Apxor5;
+          (_window$Apxor5 = window.Apxor) === null || _window$Apxor5 === void 0 || _window$Apxor5.updateBadgeStatus("show", uuid);
+          if (ui_config !== null && ui_config !== void 0 && ui_config.is_preview) {
+            setTimeout(function () {
+              var _window31, _window31$logInternal;
+              (_window31 = window) === null || _window31 === void 0 || (_window31 = _window31.Apxor) === null || _window31 === void 0 || (_window31$logInternal = _window31.logInternalEvent) === null || _window31$logInternal === void 0 || _window31$logInternal.call(_window31, "capt");
+            }, 500);
+          }
+        }
+      });
+      _this._currentBadge.wXSj();
+      _this._currentBadge.HGOD();
+    });
     _defineProperty(this, "updateElementPositionOnScroll", function (top, left, height, width) {
-      if (_this.CWNo) {
-        _this.CWNo.updateElementPositionOnScroll(top, left, height, width);
+      if (_this.HyJc) {
+        _this.HyJc.updateElementPositionOnScroll(top, left, height, width);
       }
     });
     _defineProperty(this, "createInAppVideo", function (config, duration, configId, name) {
@@ -23776,15 +25236,15 @@
       var VideoInAppInstance = new VideoInApp(videoConfig, terminationConfig, configId, name, function () {
         _this.isShowingAction = true;
         if (window.Apxor && window.Apxor.logActionEvent) {
-          var _window30, _window30$updateFlag;
-          (_window30 = window) === null || _window30 === void 0 || (_window30 = _window30.Apxor) === null || _window30 === void 0 || (_window30$updateFlag = _window30.updateFlag) === null || _window30$updateFlag === void 0 || _window30$updateFlag.call(_window30, true);
+          var _window32, _window32$updateFlag;
+          (_window32 = window) === null || _window32 === void 0 || (_window32 = _window32.Apxor) === null || _window32 === void 0 || (_window32$updateFlag = _window32.updateFlag) === null || _window32$updateFlag === void 0 || _window32$updateFlag.call(_window32, true);
           window.Apxor.logActionEvent("inapp_shown", configId, name);
         }
       }, function () {
-        var _window31, _window31$updateFlag;
+        var _window33, _window33$updateFlag;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        (_window31 = window) === null || _window31 === void 0 || (_window31 = _window31.Apxor) === null || _window31 === void 0 || (_window31$updateFlag = _window31.updateFlag) === null || _window31$updateFlag === void 0 || _window31$updateFlag.call(_window31, false);
+        (_window33 = window) === null || _window33 === void 0 || (_window33 = _window33.Apxor) === null || _window33 === void 0 || (_window33$updateFlag = _window33.updateFlag) === null || _window33$updateFlag === void 0 || _window33$updateFlag.call(_window33, false);
         if (window.Apxor && window.Apxor.logActionEvent) {
           window.Apxor.logActionEvent("inapp_dismissed", configId, name);
         }
@@ -23808,31 +25268,31 @@
       terminationConfig["duration"] = duration;
       var inappModal = null;
       var onShow = function onShow() {
-        var _window$Apxor4;
+        var _window$Apxor6;
         _this.isShowingAction = true;
-        if (((_window$Apxor4 = window.Apxor) === null || _window$Apxor4 === void 0 ? void 0 : _window$Apxor4.platform) === "ios") {
-          var _window32, _window32$updateFlag;
-          (_window32 = window) === null || _window32 === void 0 || (_window32 = _window32.Apxor) === null || _window32 === void 0 || (_window32$updateFlag = _window32.updateFlag) === null || _window32$updateFlag === void 0 || _window32$updateFlag.call(_window32, true, "IN_APP");
+        if (((_window$Apxor6 = window.Apxor) === null || _window$Apxor6 === void 0 ? void 0 : _window$Apxor6.platform) === "ios") {
+          var _window34, _window34$updateFlag;
+          (_window34 = window) === null || _window34 === void 0 || (_window34 = _window34.Apxor) === null || _window34 === void 0 || (_window34$updateFlag = _window34.updateFlag) === null || _window34$updateFlag === void 0 || _window34$updateFlag.call(_window34, true, "IN_APP");
         } else {
-          var _window33, _window33$updateFlag;
-          (_window33 = window) === null || _window33 === void 0 || (_window33 = _window33.Apxor) === null || _window33 === void 0 || (_window33$updateFlag = _window33.updateFlag) === null || _window33$updateFlag === void 0 || _window33$updateFlag.call(_window33, "IN_APP", true);
+          var _window35, _window35$updateFlag;
+          (_window35 = window) === null || _window35 === void 0 || (_window35 = _window35.Apxor) === null || _window35 === void 0 || (_window35$updateFlag = _window35.updateFlag) === null || _window35$updateFlag === void 0 || _window35$updateFlag.call(_window35, "IN_APP", true);
         }
         if (action_class === "modal" && window.Apxor && window.Apxor.logActionEvent) {
           window.Apxor.logActionEvent("inapp_shown", configId, name);
         } else if (action_class === "inapp_builder") {
-          var _window$ApxorRTM3, _window$Apxor5, _config$additional_in, _window$Apxor6, _config$additional_in2, _config$additional_in3, _config$additional_in4, _config$additional_in5, _config$additional_in6, _config$additional_in7;
+          var _window$ApxorRTM3, _window$Apxor7, _config$additional_in, _window$Apxor8, _config$additional_in2, _config$additional_in3, _config$additional_in4, _config$additional_in5, _config$additional_in6, _config$additional_in7;
           (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_nudge_shown", {
             apx_nudge_name: name,
-            apx_nudge_id: ((_window$Apxor5 = window.Apxor) === null || _window$Apxor5 === void 0 ? void 0 : _window$Apxor5.platform) === "ios" ? config === null || config === void 0 || (_config$additional_in = config.additional_info) === null || _config$additional_in === void 0 ? void 0 : _config$additional_in.id : configId,
+            apx_nudge_id: ((_window$Apxor7 = window.Apxor) === null || _window$Apxor7 === void 0 ? void 0 : _window$Apxor7.platform) === "ios" ? config === null || config === void 0 || (_config$additional_in = config.additional_info) === null || _config$additional_in === void 0 ? void 0 : _config$additional_in.id : configId,
             apx_template_name: "inapp",
-            apx_step: ((_window$Apxor6 = window.Apxor) === null || _window$Apxor6 === void 0 ? void 0 : _window$Apxor6.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in2 = config.additional_info) !== null && _config$additional_in2 !== void 0 && _config$additional_in2.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in3 = config.additional_info) === null || _config$additional_in3 === void 0 ? void 0 : _config$additional_in3.apx_step : config !== null && config !== void 0 && (_config$additional_in4 = config.additional_info) !== null && _config$additional_in4 !== void 0 && _config$additional_in4.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in5 = config.additional_info) === null || _config$additional_in5 === void 0 ? void 0 : _config$additional_in5.apx_step,
+            apx_step: ((_window$Apxor8 = window.Apxor) === null || _window$Apxor8 === void 0 ? void 0 : _window$Apxor8.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in2 = config.additional_info) !== null && _config$additional_in2 !== void 0 && _config$additional_in2.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in3 = config.additional_info) === null || _config$additional_in3 === void 0 ? void 0 : _config$additional_in3.apx_step : config !== null && config !== void 0 && (_config$additional_in4 = config.additional_info) !== null && _config$additional_in4 !== void 0 && _config$additional_in4.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in5 = config.additional_info) === null || _config$additional_in5 === void 0 ? void 0 : _config$additional_in5.apx_step,
             apx_screen_name: config === null || config === void 0 || (_config$additional_in6 = config.additional_info) === null || _config$additional_in6 === void 0 ? void 0 : _config$additional_in6.apx_screen_name,
             apx_variant_code: config === null || config === void 0 || (_config$additional_in7 = config.additional_info) === null || _config$additional_in7 === void 0 ? void 0 : _config$additional_in7.apx_variant_code
           });
         }
       };
       var onHide = function onHide(backgroundDiv, action) {
-        var _dialogContent$classL, _window$Apxor7;
+        var _dialogContent$classL, _window$Apxor9;
         var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
         var cssClass = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ".apx-dlg-c";
         var closeListener = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
@@ -23844,26 +25304,26 @@
         // setTimeout(() => {
         backgroundDiv.remove();
         _this.isShowingAction = false;
-        if (((_window$Apxor7 = window.Apxor) === null || _window$Apxor7 === void 0 ? void 0 : _window$Apxor7.platform) === "ios") {
-          var _window34, _window34$updateFlag;
-          (_window34 = window) === null || _window34 === void 0 || (_window34 = _window34.Apxor) === null || _window34 === void 0 || (_window34$updateFlag = _window34.updateFlag) === null || _window34$updateFlag === void 0 || _window34$updateFlag.call(_window34, false, "IN_APP");
+        if (((_window$Apxor9 = window.Apxor) === null || _window$Apxor9 === void 0 ? void 0 : _window$Apxor9.platform) === "ios") {
+          var _window36, _window36$updateFlag;
+          (_window36 = window) === null || _window36 === void 0 || (_window36 = _window36.Apxor) === null || _window36 === void 0 || (_window36$updateFlag = _window36.updateFlag) === null || _window36$updateFlag === void 0 || _window36$updateFlag.call(_window36, false, "IN_APP");
         } else {
-          var _window35, _window35$updateFlag;
-          (_window35 = window) === null || _window35 === void 0 || (_window35 = _window35.Apxor) === null || _window35 === void 0 || (_window35$updateFlag = _window35.updateFlag) === null || _window35$updateFlag === void 0 || _window35$updateFlag.call(_window35, "IN_APP", false);
+          var _window37, _window37$updateFlag;
+          (_window37 = window) === null || _window37 === void 0 || (_window37 = _window37.Apxor) === null || _window37 === void 0 || (_window37$updateFlag = _window37.updateFlag) === null || _window37$updateFlag === void 0 || _window37$updateFlag.call(_window37, "IN_APP", false);
         }
         _this.currentAction = null;
         if (action_class === "modal" && window.Apxor && window.Apxor.logActionEvent && !(action == "cancel" || action == "redirect")) {
           window.Apxor.logActionEvent("inapp_dismissed", configId, name);
         } else if (action_class === "inapp_builder") {
-          var _window36;
+          var _window38;
           if (!(action == "cancel" || action == "never")) {
-            var _window$Apxor8, _config$additional_in8, _config$additional_in9, _window$Apxor9, _config$additional_in10, _config$additional_in11, _config$additional_in12, _config$additional_in13, _window$ApxorRTM4;
+            var _window$Apxor10, _config$additional_in8, _config$additional_in9, _window$Apxor11, _config$additional_in10, _config$additional_in11, _config$additional_in12, _config$additional_in13, _window$ApxorRTM4;
             var additional_info = {
               apx_nudge_name: name,
-              apx_nudge_id: ((_window$Apxor8 = window.Apxor) === null || _window$Apxor8 === void 0 ? void 0 : _window$Apxor8.platform) === "ios" ? config === null || config === void 0 || (_config$additional_in8 = config.additional_info) === null || _config$additional_in8 === void 0 ? void 0 : _config$additional_in8.id : configId,
+              apx_nudge_id: ((_window$Apxor10 = window.Apxor) === null || _window$Apxor10 === void 0 ? void 0 : _window$Apxor10.platform) === "ios" ? config === null || config === void 0 || (_config$additional_in8 = config.additional_info) === null || _config$additional_in8 === void 0 ? void 0 : _config$additional_in8.id : configId,
               apx_template_name: "inapp",
               apx_variant_code: config === null || config === void 0 || (_config$additional_in9 = config.additional_info) === null || _config$additional_in9 === void 0 ? void 0 : _config$additional_in9.apx_variant_code,
-              apx_step: ((_window$Apxor9 = window.Apxor) === null || _window$Apxor9 === void 0 ? void 0 : _window$Apxor9.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in10 = config.additional_info) !== null && _config$additional_in10 !== void 0 && _config$additional_in10.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in11 = config.additional_info) === null || _config$additional_in11 === void 0 ? void 0 : _config$additional_in11.apx_step : config !== null && config !== void 0 && (_config$additional_in12 = config.additional_info) !== null && _config$additional_in12 !== void 0 && _config$additional_in12.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in13 = config.additional_info) === null || _config$additional_in13 === void 0 ? void 0 : _config$additional_in13.apx_step
+              apx_step: ((_window$Apxor11 = window.Apxor) === null || _window$Apxor11 === void 0 ? void 0 : _window$Apxor11.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in10 = config.additional_info) !== null && _config$additional_in10 !== void 0 && _config$additional_in10.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in11 = config.additional_info) === null || _config$additional_in11 === void 0 ? void 0 : _config$additional_in11.apx_step : config !== null && config !== void 0 && (_config$additional_in12 = config.additional_info) !== null && _config$additional_in12 !== void 0 && _config$additional_in12.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in13 = config.additional_info) === null || _config$additional_in13 === void 0 ? void 0 : _config$additional_in13.apx_step
             };
             if (type != "") {
               additional_info["apx_dismiss_type"] = type;
@@ -23871,17 +25331,17 @@
             (_window$ApxorRTM4 = window.ApxorRTM) === null || _window$ApxorRTM4 === void 0 || _window$ApxorRTM4.logEvent("apx_nudge_dismissed", additional_info);
           }
           if (action === "cancel") {
-            var _window$Apxor10, _config$additional_in14, _config$additional_in15, _window$Apxor11, _config$additional_in16, _config$additional_in17, _config$additional_in18, _config$additional_in19, _window$ApxorRTM5;
+            var _window$Apxor12, _config$additional_in14, _config$additional_in15, _window$Apxor13, _config$additional_in16, _config$additional_in17, _config$additional_in18, _config$additional_in19, _window$ApxorRTM5;
             var _additional_info = {
               apx_nudge_name: name,
-              apx_nudge_id: ((_window$Apxor10 = window.Apxor) === null || _window$Apxor10 === void 0 ? void 0 : _window$Apxor10.platform) === "ios" ? config === null || config === void 0 || (_config$additional_in14 = config.additional_info) === null || _config$additional_in14 === void 0 ? void 0 : _config$additional_in14.id : configId,
+              apx_nudge_id: ((_window$Apxor12 = window.Apxor) === null || _window$Apxor12 === void 0 ? void 0 : _window$Apxor12.platform) === "ios" ? config === null || config === void 0 || (_config$additional_in14 = config.additional_info) === null || _config$additional_in14 === void 0 ? void 0 : _config$additional_in14.id : configId,
               apx_template_name: "inapp",
               apx_variant_code: config === null || config === void 0 || (_config$additional_in15 = config.additional_info) === null || _config$additional_in15 === void 0 ? void 0 : _config$additional_in15.apx_variant_code,
-              apx_step: ((_window$Apxor11 = window.Apxor) === null || _window$Apxor11 === void 0 ? void 0 : _window$Apxor11.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in16 = config.additional_info) !== null && _config$additional_in16 !== void 0 && _config$additional_in16.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in17 = config.additional_info) === null || _config$additional_in17 === void 0 ? void 0 : _config$additional_in17.apx_step : config !== null && config !== void 0 && (_config$additional_in18 = config.additional_info) !== null && _config$additional_in18 !== void 0 && _config$additional_in18.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in19 = config.additional_info) === null || _config$additional_in19 === void 0 ? void 0 : _config$additional_in19.apx_step
+              apx_step: ((_window$Apxor13 = window.Apxor) === null || _window$Apxor13 === void 0 ? void 0 : _window$Apxor13.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in16 = config.additional_info) !== null && _config$additional_in16 !== void 0 && _config$additional_in16.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in17 = config.additional_info) === null || _config$additional_in17 === void 0 ? void 0 : _config$additional_in17.apx_step : config !== null && config !== void 0 && (_config$additional_in18 = config.additional_info) !== null && _config$additional_in18 !== void 0 && _config$additional_in18.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in19 = config.additional_info) === null || _config$additional_in19 === void 0 ? void 0 : _config$additional_in19.apx_step
             };
             (_window$ApxorRTM5 = window.ApxorRTM) === null || _window$ApxorRTM5 === void 0 || _window$ApxorRTM5.logEvent("apx_nudge_cancelled", _additional_info);
           }
-          (_window36 = window) === null || _window36 === void 0 || (_window36 = _window36.ApxorInternals) === null || _window36 === void 0 || _window36.removeBuilderTemplate(configId);
+          (_window38 = window) === null || _window38 === void 0 || (_window38 = _window38.ApxorInternals) === null || _window38 === void 0 || _window38.removeBuilderTemplate(configId);
         }
       };
       if (action_class === "modal") {
@@ -23895,11 +25355,11 @@
       }
     });
     _defineProperty(this, "showPlaceHolder", function () {
-      var _window37;
-      if (_this.TXjN) {
+      var _window39;
+      if (_this.etai) {
         return;
       }
-      _this.TXjN = true;
+      _this.etai = true;
       var ele = document.createElement("div");
       ele.innerHTML = "place your immersive card here";
       ele.style.backgroundColor = "#f5f5f5";
@@ -23909,7 +25369,7 @@
       ele.style.padding = "12px";
       ele.style.fontSize = "14px";
       document.body.appendChild(ele);
-      (_window37 = window) === null || _window37 === void 0 || (_window37 = _window37.ApxorWidget) === null || _window37 === void 0 || _window37.setDimensions(window.document.querySelector("html").offsetWidth, window.document.querySelector("html").offsetHeight);
+      (_window39 = window) === null || _window39 === void 0 || (_window39 = _window39.ApxorWidget) === null || _window39 === void 0 || _window39.setDimensions(window.document.querySelector("html").offsetWidth, window.document.querySelector("html").offsetHeight);
     });
     _defineProperty(this, "pauseStories", function () {
       var progress = Array.from(document.querySelectorAll(".progress"));
@@ -23948,8 +25408,8 @@
     //   survey_obj.createSurvey();
     // };
     _defineProperty(this, "logEvent", function (name, additional_info) {
-      var _window$Apxor12;
-      if (((_window$Apxor12 = window.Apxor) === null || _window$Apxor12 === void 0 ? void 0 : _window$Apxor12.platform) === "ios") {
+      var _window$Apxor14;
+      if (((_window$Apxor14 = window.Apxor) === null || _window$Apxor14 === void 0 ? void 0 : _window$Apxor14.platform) === "ios") {
         window.Apxor.logAppEvent(name, additional_info);
       } else {
         window.Apxor.logAppEvent(name, JSON.stringify(additional_info));
@@ -23965,6 +25425,15 @@
         }
       }
     });
+    _defineProperty(this, "removeBadge", function (name, id) {
+      var cssPostFix = "-".concat(id, "-").concat(name).replaceAll(" ", "").replace(/[^\w\s]/gi, "");
+      var badge = Array.from(document.getElementsByClassName("apxor-badge-container")).find(function (element) {
+        return element.classList.contains("apxor-badge-container-styles-".concat(cssPostFix));
+      });
+      if (badge) {
+        badge.remove();
+      }
+    });
   });
 
   /* eslint-disable no-empty */