apxor-rtm-ui 0.9.2 → 0.9.4

package/dist/apxor.rtm.js.bak

@@ -7910,6 +7910,7 @@
     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] : {};
+    var element = null;
     // 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;
@@ -7939,27 +7940,29 @@
       if (element) {
         return element;
       }
-    }
-    var element = document.getElementById(selector);
-    if (!element) {
-      try {
-        element = document.querySelector(selector);
-      } catch (e) {
-        //If there is an exception, it means it is not a valid selector.
-        console.error("Error finding element in DOM:" + e);
+    } else {
+      element = document.getElementById(selector);
+      if (!element) {
+        try {
+          element = document.querySelector(selector);
+        } catch (e) {
+          //If there is an exception, it means it is not a valid selector.
+          console.error("Error finding element in DOM:" + e);
+        }
+      }
+      // If no element is found till now, it means it is neither an ID nor a valid css selector. It could be an XPath.
+      if (!element) {
+        element = getElementByXPath(selector);
       }
-    }
-    // If no element is found till now, it means it is neither an ID nor a valid css selector. It could be an XPath.
-    if (!element) {
-      element = getElementByXPath(selector);
-    }
 
-    // If no element is found, it means the selector is not an ID. It could be a css selector
-    if (!element && iframe_id.length > 0) {
-      var _document$getElementB;
-      element = (_document$getElementB = document.getElementById(iframe_id)) === null || _document$getElementB === void 0 || (_document$getElementB = _document$getElementB.contentWindow) === null || _document$getElementB === void 0 || (_document$getElementB = _document$getElementB.document) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.querySelector(selector);
+      // If no element is found, it means the selector is not an ID. It could be a css selector
+      if (!element && iframe_id.length > 0) {
+        var _document$getElementB;
+        element = (_document$getElementB = document.getElementById(iframe_id)) === null || _document$getElementB === void 0 || (_document$getElementB = _document$getElementB.contentWindow) === null || _document$getElementB === void 0 || (_document$getElementB = _document$getElementB.document) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.querySelector(selector);
+      }
+      return element;
     }
-    return element;
+    return null;
   };
   var getElementByXPath = function getElementByXPath(path) {
     var index = path.indexOf("svg");
@@ -8074,7 +8077,12 @@
             break;
           case "redirect":
             action = function action() {
-              window.Apxor.redirectTo(uuid, name, text, action_config_str);
+              var _window$Apxor3;
+              if (((_window$Apxor3 = window.Apxor) === null || _window$Apxor3 === void 0 ? void 0 : _window$Apxor3.platform) === "ios") {
+                window.Apxor.redirectTo(action_config_str);
+              } else {
+                window.Apxor.redirectTo(uuid, name, text, action_config_str);
+              }
               ActionHandler.complete(_action);
             };
             break;
@@ -8298,7 +8306,9 @@
       _uiConfig$set_font_to = uiConfig.set_font_to_scale,
       set_font_to_scale = _uiConfig$set_font_to === void 0 ? false : _uiConfig$set_font_to,
       _uiConfig$is_preview = uiConfig.is_preview,
-      is_preview = _uiConfig$is_preview === void 0 ? false : _uiConfig$is_preview;
+      is_preview = _uiConfig$is_preview === void 0 ? false : _uiConfig$is_preview,
+      _uiConfig$additional_ = uiConfig.additional_info,
+      additional_info = _uiConfig$additional_ === void 0 ? {} : _uiConfig$additional_;
     var dismissOnScroll;
     var configId = messageConfig.configId,
       configName = messageConfig.configName;
@@ -8323,44 +8333,75 @@
       var action_config = (button_config === null || button_config === void 0 ? void 0 : button_config.action_config) || {};
       var action_config_str = JSON.stringify(action_config);
       var url = (_button_config$action3 = button_config === null || button_config === void 0 || (_button_config$action4 = button_config.action_config) === null || _button_config$action4 === void 0 ? void 0 : _button_config$action4.url) !== null && _button_config$action3 !== void 0 ? _button_config$action3 : "";
+      var logBtnClickEvent = function logBtnClickEvent() {
+        if (additional_info.version && additional_info.version === 4) {
+          var _window$Apxor, _additional_info$apx_, _window$Apxor2;
+          (_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 || _window$Apxor.logAppEvent("apx_nudge_CTA_clicked", {
+            apx_nudge_name: configName,
+            apx_nudge_id: configId,
+            apx_cta_name: button_text,
+            apx_variant_code: (_additional_info$apx_ = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_variant_code) !== null && _additional_info$apx_ !== void 0 ? _additional_info$apx_ : "",
+            apx_step: ((_window$Apxor2 = window.Apxor) === null || _window$Apxor2 === void 0 ? void 0 : _window$Apxor2.platform) === "ios" ? additional_info !== null && additional_info !== void 0 && additional_info.is_preview ? 1 : additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_step : additional_info !== null && additional_info !== void 0 && additional_info.is_preview ? 1 : additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_step
+          });
+        } else {
+          window.Apxor.logActionEvent("inline_".concat(button_text, "_Clicked"), configId, configName);
+        }
+      };
       switch (_action) {
         case "done":
         case "dismiss":
           action = function action() {
-            window.Apxor.logActionEvent("inline_".concat(button_text, "_Clicked"), configId, configName);
+            logBtnClickEvent();
             ApxorWalkthroughTour.complete();
           };
           break;
         case "next":
           action = function action() {
-            window.Apxor.logActionEvent("inline_".concat(button_text, "_Clicked"), configId, configName);
+            logBtnClickEvent();
             ApxorWalkthroughTour.complete();
           };
           break;
         case "prev":
           action = function action() {
-            window.Apxor.logActionEvent("inline_".concat(button_text, "_Clicked"), configId, configName);
+            logBtnClickEvent();
             ApxorWalkthroughTour.complete();
           };
           break;
         case "redirect":
           action = function action() {
+            var _window$Apxor3;
             buttonAction = "redirect";
+            if (((_window$Apxor3 = window.Apxor) === null || _window$Apxor3 === void 0 ? void 0 : _window$Apxor3.platform) === "ios") {
+              window.Apxor.redirectTo(JSON.stringify(action_config));
+            } else {
+              window.Apxor.redirectTo(configId, configName, button_text, action_config_str);
+            }
+            logBtnClickEvent();
             ApxorWalkthroughTour.complete();
-            window.Apxor.redirectTo(configId, configName, button_text, action_config_str);
           };
           break;
         case "cancel":
           action = function action() {
             buttonAction = "cancel";
-            window.Apxor.logActionEvent("inline_".concat(button_text, "_Clicked"), configId, configName);
+            logBtnClickEvent();
             ApxorWalkthroughTour.complete();
             window.Apxor.logActionEvent("walk_through_cancelled", configId, configName);
           };
           break;
+        case "never":
+          action = function action() {
+            var _window$Apxor4, _window$Apxor5;
+            buttonAction = "never";
+            logBtnClickEvent();
+            ApxorWalkthroughTour.complete();
+            window.Apxor.logActionEvent("never_show_clicked", configId, configName);
+            (_window$Apxor4 = window.Apxor) === null || _window$Apxor4 === void 0 || _window$Apxor4.neverShow(configId, configName, "WEB_INLINE");
+            (_window$Apxor5 = window.Apxor) === null || _window$Apxor5 === void 0 || _window$Apxor5.updateFlag(false);
+          };
+          break;
         default:
           action = function action() {
-            window.Apxor.logActionEvent("inline_" + text + "_Clicked", configId, configName);
+            logBtnClickEvent();
             ApxorWalkthroughTour.cancel();
           };
       }
@@ -8594,8 +8635,52 @@
       }
       styleDiv === null || styleDiv === void 0 || (_styleDiv$parentNode = styleDiv.parentNode) === null || _styleDiv$parentNode === void 0 || _styleDiv$parentNode.removeChild(styleDiv);
       (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.Apxor) === null || _window2 === void 0 || _window2.updateFlag(false);
-      if (!(buttonAction !== null && (buttonAction === "redirect" || buttonAction === "cancel"))) {
-        window.Apxor.logActionEvent("inline_dismissed", configId, configName);
+      if (buttonAction !== null) {
+        // when btn is click, loggging event based on button action
+        if (buttonAction !== "redirect" || buttonAction !== "never" || buttonAction !== "cancel") {
+          if (additional_info.version && additional_info.version === 4) {
+            var _window$Apxor6, _additional_info$apx_2, _additional_info$apx_3;
+            (_window$Apxor6 = window.Apxor) === null || _window$Apxor6 === void 0 || _window$Apxor6.logAppEvent("apx_nudge_dismissed", {
+              apx_nudge_id: configId,
+              apx_nudge_name: configName,
+              apx_step: (_additional_info$apx_2 = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_step) !== null && _additional_info$apx_2 !== void 0 ? _additional_info$apx_2 : 1,
+              apx_termination_type: buttonAction + " Clicked",
+              apx_variant_code: (_additional_info$apx_3 = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_variant_code) !== null && _additional_info$apx_3 !== void 0 ? _additional_info$apx_3 : ""
+            });
+          } else {
+            window.Apxor.logActionEvent("inline_dismissed", configId, configName);
+          }
+        }
+
+        // logging nudge_terminated event when button action is never show
+        if (buttonAction === "never") {
+          if (additional_info.version && additional_info.version === 4) {
+            var _window$Apxor7, _additional_info$apx_4, _additional_info$apx_5;
+            (_window$Apxor7 = window.Apxor) === null || _window$Apxor7 === void 0 || _window$Apxor7.logAppEvent("apx_nudge_terminated", {
+              apx_nudge_id: configId,
+              apx_nudge_name: configName,
+              apx_step: (_additional_info$apx_4 = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_step) !== null && _additional_info$apx_4 !== void 0 ? _additional_info$apx_4 : 1,
+              apx_termination_type: buttonAction + " Clicked",
+              apx_variant_code: (_additional_info$apx_5 = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_variant_code) !== null && _additional_info$apx_5 !== void 0 ? _additional_info$apx_5 : ""
+            });
+          } else {
+            window.Apxor.logActionEvent("inline_dismissed", configId, configName);
+          }
+        }
+      } else {
+        // when btn is not clicked, logging dismiss event
+        if (additional_info.version && additional_info.version === 4) {
+          var _window$Apxor8, _additional_info$apx_6, _additional_info$apx_7;
+          (_window$Apxor8 = window.Apxor) === null || _window$Apxor8 === void 0 || _window$Apxor8.logAppEvent("apx_nudge_dismissed", {
+            apx_nudge_id: configId,
+            apx_nudge_name: configName,
+            apx_step: (_additional_info$apx_6 = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_step) !== null && _additional_info$apx_6 !== void 0 ? _additional_info$apx_6 : 1,
+            apx_termination_type: buttonAction + " Clicked",
+            apx_variant_code: (_additional_info$apx_7 = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_variant_code) !== null && _additional_info$apx_7 !== void 0 ? _additional_info$apx_7 : ""
+          });
+        } else {
+          window.Apxor.logActionEvent("inline_dismissed", configId, configName);
+        }
       }
       rtmInstance.isShowingAction = false;
       rtmInstance.currentAction = null;
@@ -8685,10 +8770,21 @@
         onShow: function onShow() {
           var _window5, _window5$updateFlag;
           (_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, true);
-          window.Apxor.logActionEvent("inline_shown", configId, configName);
+          if (additional_info.version && additional_info.version === 4) {
+            var _window6, _additional_info$apx_8, _additional_info$apx_9, _additional_info$apx_10;
+            (_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.Apxor) === null || _window6 === void 0 || _window6.logAppEvent("apx_nudge_shown", {
+              apx_nudge_id: messageConfig.configId,
+              apx_nudge_name: messageConfig.configName,
+              apx_step: (_additional_info$apx_8 = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_step) !== null && _additional_info$apx_8 !== void 0 ? _additional_info$apx_8 : 1,
+              apx_variant_code: (_additional_info$apx_9 = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_variant_code) !== null && _additional_info$apx_9 !== void 0 ? _additional_info$apx_9 : "",
+              apx_screen_name: (_additional_info$apx_10 = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_screen_name) !== null && _additional_info$apx_10 !== void 0 ? _additional_info$apx_10 : ""
+            });
+          } else {
+            window.Apxor.logActionEvent("inline_shown", configId, configName);
+          }
           if (is_preview) setTimeout(function () {
-            var _window6, _window6$logInternalE;
-            (_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.Apxor) === null || _window6 === void 0 || (_window6$logInternalE = _window6.logInternalEvent) === null || _window6$logInternalE === void 0 || _window6$logInternalE.call(_window6, "capt");
+            var _window7, _window7$logInternalE;
+            (_window7 = window) === null || _window7 === void 0 || (_window7 = _window7.Apxor) === null || _window7 === void 0 || (_window7$logInternalE = _window7.logInternalEvent) === null || _window7$logInternalE === void 0 || _window7$logInternalE.call(_window7, "capt");
           }, 500);
           window.Apxor.updateCount(configId);
           rtmInstance.isShowingAction = true;
@@ -8715,7 +8811,9 @@
       _uiConfig$max_find_in = uiConfig.max_find_interval,
       max_find_interval = _uiConfig$max_find_in === void 0 ? 10000 : _uiConfig$max_find_in,
       _uiConfig$scrollToVie = uiConfig.scrollToView,
-      scrollToView = _uiConfig$scrollToVie === void 0 ? true : _uiConfig$scrollToVie;
+      scrollToView = _uiConfig$scrollToVie === void 0 ? true : _uiConfig$scrollToVie,
+      _uiConfig$additional_2 = uiConfig.additional_info,
+      additional_info = _uiConfig$additional_2 === void 0 ? {} : _uiConfig$additional_2;
     var scrollTo = false;
     // when dim-dim_background is true and scrollToView is false and element is not in viewport then a black mask is applied to the webview and scrolling behaviour doesn't work, to resolve it the below case is written.
     if (dim_background && !isElementInViewport(getElementFromSelector(view_id))) {
@@ -8785,8 +8883,15 @@
           var currentTime = new Date();
           // If the element is not found even after 10sec, stop checking
           if (currentTime - recheckStartedAt > max_find_interval) {
+            var _window8, _additional_info$apx_11;
             clearInterval(elementRecheckIntervalId);
             console.warn("Element with id:".concat(view_id, " not found."));
+            (_window8 = window) === null || _window8 === void 0 || (_window8 = _window8.Apxor) === null || _window8 === void 0 || _window8.logAppEvent("apx_nudge_not_shown", {
+              apx_nudge_id: messageConfig.configId,
+              apx_nudge_name: messageConfig.configName,
+              apx_reason: "View not found",
+              apx_step: (_additional_info$apx_11 = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_step) !== null && _additional_info$apx_11 !== void 0 ? _additional_info$apx_11 : 1
+            });
           }
         }
       }, find_interval);
@@ -8798,6 +8903,14 @@
         if (find_interval) {
           console.warn("Rechecking");
           recheckViewElementAndAddStep(view_id);
+        } else {
+          var _window9, _additional_info$apx_12;
+          (_window9 = window) === null || _window9 === void 0 || (_window9 = _window9.Apxor) === null || _window9 === void 0 || _window9.logAppEvent("apx_nudge_not_shown", {
+            apx_nudge_id: messageConfig.configId,
+            apx_nudge_name: messageConfig.configName,
+            apx_reason: "View not found",
+            apx_step: (_additional_info$apx_12 = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_step) !== null && _additional_info$apx_12 !== void 0 ? _additional_info$apx_12 : 1
+          });
         }
       } else {
         checkViewPortAndAddStep(element);
@@ -8809,7 +8922,18 @@
       }, delay + terminationConfig["duration"]);
     }
     var dismiss_callback = function dismiss_callback() {
-      window.Apxor.logActionEvent("inline_dismissed", messageConfig.configId, messageConfig.configName);
+      if (additional_info.version && additional_info.version === 4) {
+        var _window10, _additional_info$apx_13, _additional_info$apx_14;
+        (_window10 = window) === null || _window10 === void 0 || (_window10 = _window10.Apxor) === null || _window10 === void 0 || _window10.logAppEvent("apx_nudge_terminated", {
+          apx_nudge_id: messageConfig.configId,
+          apx_nudge_name: messageConfig.configName,
+          apx_step: (_additional_info$apx_13 = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_step) !== null && _additional_info$apx_13 !== void 0 ? _additional_info$apx_13 : 1,
+          apx_termination_type: buttonAction + " Clicked",
+          apx_variant_code: (_additional_info$apx_14 = additional_info === null || additional_info === void 0 ? void 0 : additional_info.apx_variant_code) !== null && _additional_info$apx_14 !== void 0 ? _additional_info$apx_14 : ""
+        });
+      } else {
+        window.Apxor.logActionEvent("inline_dismissed", messageConfig.configId, messageConfig.configName);
+      }
       ApxorWalkthroughTour.complete();
     };
     return dismiss_callback;
@@ -12172,14 +12296,14 @@
       _config$wait_interval,
       _config$termination;
     _classCallCheck(this, TemplateContent);
-    _defineProperty(this, "kvJP", function () {
+    _defineProperty(this, "uBdi", function () {
       return new Promise(function (resolve, reject) {
         try {
-          var element = _this.TlnU(_this.layout);
+          var element = _this.wrXb(_this.layout);
           var styleElement = document.createElement("style");
           styleElement.innerHTML = _this.styleContent;
           document.head.appendChild(styleElement);
-          _this.HlMX();
+          _this.OVEI();
           try {
             eval(_this.script);
           } catch (e) {
@@ -12190,15 +12314,15 @@
           }
           _this.imageElements.forEach(function (img) {
             img.addEventListener("error", function () {
-              _this.ILsW("provided image doesn't exists");
+              _this.CkGl("provided image doesn't exists");
             });
           });
           _this.intervalToCheckMediaLoadingStatus = setInterval(function () {
             _this.wait_interval -= 1;
             if (_this.wait_interval <= 0) {
-              _this.ILsW("provided media doesn't exists");
+              _this.CkGl("provided media doesn't exists");
             } else {
-              if (_this.FrMU() && _this.vcYm() && _this.yJEm()) {
+              if (_this.iiWD() && _this.IsLE() && _this.Ffpr()) {
                 clearInterval(_this.intervalToCheckMediaLoadingStatus);
                 resolve(element);
               }
@@ -12212,7 +12336,7 @@
         }
       });
     });
-    _defineProperty(this, "ILsW", function (reason) {
+    _defineProperty(this, "CkGl", 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,
@@ -12228,13 +12352,13 @@
       _this.closeCallBack("cancel");
       (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.ApxorInternals) === null || _window3 === void 0 || _window3.removeBuilderTemplate(_this.configId);
     });
-    _defineProperty(this, "HlMX", function () {
+    _defineProperty(this, "OVEI", function () {
       var BuilderTemplatesStyles = document.createElement("style");
       BuilderTemplatesStyles.innerHTML = _this.initialStyles;
       BuilderTemplatesStyles.setAttribute("apx-builder-template-styles", "");
       document.head.appendChild(BuilderTemplatesStyles);
     });
-    _defineProperty(this, "TlnU", function (config) {
+    _defineProperty(this, "wrXb", function (config) {
       var _window$Apxor3;
       var element;
       switch (config.type) {
@@ -12320,7 +12444,7 @@
                 if (config.type === "cta_button" || config.type === "button") {
                   reason = "cta-clicked";
                 }
-                _this.OSHi(e, "redirect", reason);
+                _this.ogIv(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);
@@ -12336,7 +12460,7 @@
                 } else if (config.type === "cta_button" || config.type === "button") {
                   reason = "cta-clicked";
                 }
-                _this.OSHi(e, "cancel", reason);
+                _this.ogIv(e, "cancel", reason);
                 // window.Apxor.logActionEvent(
                 //   "walk_through_cancelled",
                 //   this.configId,
@@ -12355,7 +12479,7 @@
                 } else if (config.type === "cta_button" || config.type === "button") {
                   reason = "cta-clicked";
                 }
-                _this.OSHi(e, "dismiss", reason);
+                _this.ogIv(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);
@@ -12366,7 +12490,7 @@
               element.onclick = function (e) {
                 e.stopPropagation();
                 window.Apxor.neverShow(_this.configId, _this.name, "IN_APP");
-                _this.OSHi(e, "never");
+                _this.ogIv(e, "never");
               };
               break;
             case "toggle-class":
@@ -12391,7 +12515,7 @@
                 tempInput.select();
                 document.execCommand("copy");
                 document.body.removeChild(tempInput);
-                _this.OSHi(e, "copy-content", "cta-clicked");
+                _this.ogIv(e, "copy-content", "cta-clicked");
                 setTimeout(function () {
                   window.Apxor.showInfoToast("Text-Copied:".concat(textToCopy));
                 }, 500);
@@ -12413,7 +12537,7 @@
       }
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.TlnU(childConfig);
+          var childElement = _this.wrXb(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -12421,7 +12545,7 @@
       // Process children
       if (config.children && config.children.length > 0) {
         config.children.forEach(function (childConfig) {
-          var childElement = _this.TlnU(childConfig);
+          var childElement = _this.wrXb(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -12448,7 +12572,7 @@
       }
       return element;
     });
-    _defineProperty(this, "OSHi", function (e, action) {
+    _defineProperty(this, "ogIv", 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 = {
@@ -12477,7 +12601,7 @@
         _this.closeCallBack(action);
       }
     });
-    _defineProperty(this, "vcYm", function () {
+    _defineProperty(this, "IsLE", 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;
@@ -12485,13 +12609,13 @@
         return img.complete;
       });
     });
-    _defineProperty(this, "yJEm", function () {
+    _defineProperty(this, "Ffpr", function () {
       if (!_this.bgImageUrl) return true;
       var img = new Image();
       img.src = _this.bgImageUrl;
       return img.complete;
     });
-    _defineProperty(this, "FrMU", function () {
+    _defineProperty(this, "iiWD", function () {
       if (_this.videoElements.length === 0) return true;
       return _this.videoElements.every(function (video) {
         return video.readyState >= 3;
@@ -13008,7 +13132,8 @@
       // Read name and id of the config
       this.configId = messageConfig.configId;
       this.name = messageConfig.configName;
-      this.cssPostFix = "-".concat(this.configId, "-").concat(this.name).replaceAll(" ", "").replace(/[^\w\s]/gi, "");
+      // Replace spaces with empty then all special characters except "-"
+      this.cssPostFix = "-".concat(this.configId, "-").concat(this.name).replace(/\s+/g, "").replace(/[^\w-]/g, "");
       this.showCallback = showCallback;
       this.closeCallback = hideCallback;
       this.targetDeletionObserver = null;
@@ -13027,6 +13152,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.position = new Position(config.position);
       this.enable_dismiss_actions = config.enable_dismiss_actions;
@@ -13313,7 +13440,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.");
@@ -13332,7 +13459,7 @@
         var _this3 = this;
         //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.targetElement = getElementFromSelector(_this3.target.id, _this3.target.frame_id, _this3.find_config, _this3.view_additional_info);
           //If the element is found, stop checking the DOM.
           if (_this3.targetElement) {
             clearInterval(elementRecheckIntervalId);
@@ -13427,7 +13554,7 @@
               case 0:
                 _context2.prev = 0;
                 _context2.next = 3;
-                return this.templateContent.kvJP();
+                return this.templateContent.uBdi();
               case 3:
                 this.inLineContainer = _context2.sent;
                 _context2.next = 9;
@@ -15004,7 +15131,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "iJfy", function () {
+      _defineProperty(this, "iVBk", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -15023,7 +15150,7 @@
        * @private
        * @description Sets the marketing content at the end of the Inline
        */
-      _defineProperty(this, "qVqV", function () {
+      _defineProperty(this, "cXKr", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inline-marketing".concat(_this.cssPostFix));
@@ -15044,7 +15171,8 @@
       // Read name and id of the config
       this.configId = messageConfig.configId;
       this.name = messageConfig.configName;
-      this.cssPostFix = "-".concat(this.configId, "-").concat(this.name).replaceAll(" ", "").replace(/[^\w\s]/gi, "");
+      // Replace spaces with empty then all special characters except "-"
+      this.cssPostFix = "-".concat(this.configId, "-").concat(this.name).replace(/\s+/g, "").replace(/[^\w-]/g, "");
       this.showCallback = showCallback;
       this.closeCallback = hideCallback;
       this.stepperCallBack = stepperCallBack;
@@ -15279,7 +15407,7 @@
         var _this4 = this;
         //After every find_interval check the DOM for target element.
         var elementRecheckIntervalId = setInterval(function () {
-          _this4.targetElement = getElementFromSelector(_this4.target.id, _this4.target.frame_id);
+          _this4.targetElement = getElementFromSelector(_this4.target.id, _this4.target.frame_id, _this4.find_config, _this4.view_additional_info);
           //If the element is found, stop checking the DOM.
           if (_this4.targetElement) {
             clearInterval(elementRecheckIntervalId);
@@ -15636,7 +15764,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.iJfy(), "\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.iVBk(), "\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;
@@ -16446,7 +16574,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.qVqV();
+        this.cXKr();
       }
 
       /**
@@ -17704,7 +17832,8 @@
       // Read name and id of the config
       this.configId = messageConfig.configId;
       this.name = messageConfig.configName;
-      this.cssPostFix = "-".concat(this.configId, "-").concat(this.name).replaceAll(" ", "").replace(/[^\w\s]/gi, "");
+      // Replace spaces with empty then all special characters except "-"
+      this.cssPostFix = "-".concat(this.configId, "-").concat(this.name).replace(/\s+/g, "").replace(/[^\w-]/g, "");
       this.showCallback = showCallback;
       this.closeCallback = hideCallback;
       this.stepperCallBack = stepperCallBack;
@@ -19218,7 +19347,8 @@
       this.name = name;
       this.terminationConfig = terminationConfig;
       this.terminationTimeoutId = null;
-      this.cssPostFix = "-".concat(configId, "-").concat(name).replaceAll(" ", "").replace(/[^\w\s]/gi, "");
+      // Replace spaces with empty then all special characters except "-"
+      this.cssPostFix = "-".concat(configId, "-").concat(name).replace(/\s+/g, "").replace(/[^\w-]/g, "");
 
       //this.height = config.height || 50; // Mostly auto. But for scrollable templates, should be the pixels.
 
@@ -19341,7 +19471,7 @@
               case 0:
                 _context2.prev = 0;
                 _context2.next = 3;
-                return this.templateContent.kvJP();
+                return this.templateContent.uBdi();
               case 3:
                 this.inAppContainer = _context2.sent;
                 this.inAppContainer.style.zIndex = 99999;
@@ -19540,7 +19670,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "iJfy", function () {
+      _defineProperty(this, "iVBk", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -19586,7 +19716,7 @@
        * @private
        * @description Get the response for Form content in the InApp modal.
        */
-      _defineProperty(this, "zbxz", function (form_elements) {
+      _defineProperty(this, "waUV", function (form_elements) {
         var obj = {};
         var callback = "";
         form_elements.forEach(function (element) {
@@ -19626,7 +19756,7 @@
        * @private
        * @description Sets the marketing content at the end of the InApp
        */
-      _defineProperty(this, "qVqV", function () {
+      _defineProperty(this, "cXKr", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
@@ -19641,7 +19771,8 @@
       this.terminationTimeoutId = null;
       this.isWalkthrough = isWalkthrough;
       this.config = config;
-      this.cssPostFix = "-".concat(configId, "-").concat(name).replaceAll(" ", "").replace(/[^\w\s]/gi, "");
+      // Replace spaces with empty then all special characters except "-"
+      this.cssPostFix = "-".concat(configId, "-").concat(name).replace(/\s+/g, "").replace(/[^\w-]/g, "");
       this.delay = config.delay || 0;
       this.background_color = config.bg_color || COLORS.WHITE;
       this.width = config.width || 50; // Scale of the screen
@@ -19885,7 +20016,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.iJfy(), " \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.iVBk(), " \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;
@@ -20249,19 +20380,14 @@
         var imagePath;
         if (this.enable_image) {
           if (this.enable_download_files) {
-            var _this$download_files;
+            var _this$download_files, _window, _window$getFilePath;
             var format = "";
             (_this$download_files = this.download_files) === null || _this$download_files === void 0 || _this$download_files.forEach(function (file) {
               if ((file === null || file === void 0 ? void 0 : file.url) === _this4.image.path) {
                 format = file.format;
               }
             });
-            if (format != "") {
-              var _window, _window$getFilePath;
-              imagePath = this.image.path && format ? ((_window = window) === null || _window === void 0 || (_window = _window.Apxor) === null || _window === void 0 || (_window$getFilePath = _window.getFilePath) === null || _window$getFilePath === void 0 ? void 0 : _window$getFilePath.call(_window, this.configId, this.image.path, format)) || this.image.path : this.image.path;
-            } else {
-              imagePath = this.image.path;
-            }
+            imagePath = this.image.path && format ? ((_window = window) === null || _window === void 0 || (_window = _window.Apxor) === null || _window === void 0 || (_window$getFilePath = _window.getFilePath) === null || _window$getFilePath === void 0 ? void 0 : _window$getFilePath.call(_window, this.configId, this.image.path, format)) || this.image.path : this.image.path;
           } else {
             imagePath = this.image.path;
           }
@@ -20384,7 +20510,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.qVqV();
+        this.cXKr();
       }
 
       /**
@@ -20459,19 +20585,14 @@
           } else {
             var imgElement = document.createElement("img");
             if (this.enable_download_files) {
-              var _this$download_files2;
+              var _this$download_files2, _window2, _window2$getFilePath;
               var format = "";
               (_this$download_files2 = this.download_files) === null || _this$download_files2 === void 0 || _this$download_files2.forEach(function (file) {
                 if ((file === null || file === void 0 ? void 0 : file.url) === _this5.image.path) {
                   format = file.format;
                 }
               });
-              if (format != "") {
-                var _window2, _window2$getFilePath;
-                imgElement.src = this.image.path && format ? ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.Apxor) === null || _window2 === void 0 || (_window2$getFilePath = _window2.getFilePath) === null || _window2$getFilePath === void 0 ? void 0 : _window2$getFilePath.call(_window2, this.configId, this.image.path, format)) || this.image.path : this.image.path;
-              } else {
-                imgElement.src = this.image.path;
-              }
+              imgElement.src = this.image.path && format ? ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.Apxor) === null || _window2 === void 0 || (_window2$getFilePath = _window2.getFilePath) === null || _window2$getFilePath === void 0 ? void 0 : _window2$getFilePath.call(_window2, this.configId, this.image.path, format)) || this.image.path : this.image.path;
             } else {
               imgElement.src = this.image.path;
             }
@@ -20534,19 +20655,14 @@
           iconDiv.classList.add("apx-inapp-icon-container".concat(this.cssPostFix));
           var iconElement = document.createElement("img");
           if (this.enable_download_files) {
-            var _this$download_files3;
+            var _this$download_files3, _window3, _window3$getFilePath;
             var format = "";
             (_this$download_files3 = this.download_files) === null || _this$download_files3 === void 0 || _this$download_files3.forEach(function (file) {
               if ((file === null || file === void 0 ? void 0 : file.url) === _this6.icon.path) {
                 format = file.format;
               }
             });
-            if (format != "") {
-              var _window3, _window3$getFilePath;
-              iconElement.src = this.icon.path && format ? ((_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.Apxor) === null || _window3 === void 0 || (_window3$getFilePath = _window3.getFilePath) === null || _window3$getFilePath === void 0 ? void 0 : _window3$getFilePath.call(_window3, this.configId, iconElement.src, format)) || this.icon.path : this.icon.path;
-            } else {
-              iconElement.src = this.icon.path;
-            }
+            iconElement.src = this.icon.path && format ? ((_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.Apxor) === null || _window3 === void 0 || (_window3$getFilePath = _window3.getFilePath) === null || _window3$getFilePath === void 0 ? void 0 : _window3$getFilePath.call(_window3, this.configId, this.icon.path, format)) || this.icon.path : this.icon.path;
           } else {
             iconElement.src = this.icon.path;
           }
@@ -20666,7 +20782,7 @@
           var form = document.querySelector(".apx-inapp-form-container".concat(this.cssPostFix));
           form.addEventListener("submit", function (e) {
             e.preventDefault();
-            var _this8$generateRespon = _this8.zbxz(_this8.form.elements),
+            var _this8$generateRespon = _this8.waUV(_this8.form.elements),
               obj = _this8$generateRespon.obj,
               callback = _this8$generateRespon.callback;
             var evalString = "(obj)=>" + callback + "(obj)";
@@ -21026,7 +21142,7 @@
             };
           } else {
             // As the video player is hidden by default, unhide if the mode is not PIP.
-            _this.Vujz();
+            _this.uNLx();
           }
           _this.showCallback();
         } catch (e) {
@@ -21047,7 +21163,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, "ZJYZ", function () {
+      _defineProperty(this, "CvsT", function () {
         var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video, 1),
           width = _getHeightWidthFromRe.width,
           height = _getHeightWidthFromRe.height;
@@ -21059,7 +21175,7 @@
        * @private
        * @description Removes the video player style element.
        */
-      _defineProperty(this, "guyy", function () {
+      _defineProperty(this, "ryUc", function () {
         var playerStyles = document.getElementById("apx-mpl-styles");
         if (playerStyles) {
           playerStyles.remove();
@@ -21070,7 +21186,7 @@
        * @private
        * @description Attach listeners on the video controls
        */
-      _defineProperty(this, "iifB", function () {
+      _defineProperty(this, "XajC", 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");
@@ -21090,7 +21206,6 @@
         // If the play button is clicked again, the CTA buttons should be removed.
         _this.videoElement.addEventListener("play", function () {
           if (!_this.inAppShown) {
-            var _window$ApxorRTM5;
             // Initialize the fields to keep the track of aditional info required for logging events.
             _this.minimisedCount = 0;
             _this.maximisedCount = 0;
@@ -21102,17 +21217,6 @@
             _this.slotStartTime = 0; // to tract the start time of the minimize and maximize time slot.
             _this.slotStartTimeVolumeChange = 0; // to track the start time of the volume change time slot.
 
-            (_window$ApxorRTM5 = window.ApxorRTM) === null || _window$ApxorRTM5 === void 0 || _window$ApxorRTM5.logEvent("inapp_shown", {
-              message_name: _this.name,
-              visibleScreen: location.pathname,
-              inappType: "PIP Inapp",
-              autoReplay: _this.videoElement.loop ? "On" : "Off",
-              defaultSound: _this.videoElement.muted ? "Mute" : "Unmute",
-              id: _this.configId,
-              videoDuration: Math.round(_this.videoElement.duration),
-              videoResolution: "".concat(_this.videoElement.videoWidth, "x").concat(_this.videoElement.videoHeight),
-              videoConfiguration: "Streaming"
-            });
             _this.inAppShown = true;
           }
           if (_this.videoElement.currentTime === 0 || _this.videoElement.currentTime === _this.videoElement.duration) {
@@ -21129,14 +21233,14 @@
         _this.videoElement.addEventListener("fullscreenchange", function () {
           _this.slotEndTime = _this.videoElement.currentTime;
           if (document.fullscreenElement) {
-            var _window$ApxorRTM6;
+            var _window$ApxorRTM5;
             _this.maximisedCount++;
             _this.durationMinimised = Math.round(_this.slotEndTime) - Math.round(_this.slotStartTime);
             if (_this.videoElement.currentTime !== _this.videoElement.duration) {
               _this.totalDurationMinimised += _this.durationMinimised;
               _this.durationMinimisedSlots.push("".concat(Math.round(_this.slotStartTime), "-").concat(Math.round(_this.slotEndTime)));
             }
-            (_window$ApxorRTM6 = window.ApxorRTM) === null || _window$ApxorRTM6 === void 0 || _window$ApxorRTM6.logEvent("apx_video_inapp_maximised", {
+            (_window$ApxorRTM5 = window.ApxorRTM) === null || _window$ApxorRTM5 === void 0 || _window$ApxorRTM5.logEvent("apx_video_inapp_maximised", {
               message_name: _this.name,
               durationMinimised: _this.durationMinimised,
               durationSlotMinimised: "".concat(Math.round(_this.slotStartTime), "-").concat(Math.round(_this.slotEndTime)),
@@ -21146,14 +21250,14 @@
               maximisedCount: _this.maximisedCount
             });
           } else {
-            var _window$ApxorRTM7;
+            var _window$ApxorRTM6;
             _this.durationMaximised = Math.round(_this.slotEndTime) - Math.round(_this.slotStartTime);
             _this.minimisedCount++;
             if (_this.videoElement.currentTime !== _this.videoElement.duration) {
               _this.totalDurationMaximised += _this.durationMaximised;
               _this.durationMaximisedSlots.push("".concat(Math.round(_this.slotStartTime), "-").concat(Math.round(_this.slotEndTime)));
             }
-            (_window$ApxorRTM7 = window.ApxorRTM) === null || _window$ApxorRTM7 === void 0 || _window$ApxorRTM7.logEvent("apx_video_inapp_minimised", {
+            (_window$ApxorRTM6 = window.ApxorRTM) === null || _window$ApxorRTM6 === void 0 || _window$ApxorRTM6.logEvent("apx_video_inapp_minimised", {
               message_name: _this.name,
               durationMaximised: _this.durationMaximised,
               durationSlotMaximised: "".concat(Math.round(_this.slotStartTime), "-").concat(Math.round(_this.slotEndTime)),
@@ -21167,9 +21271,9 @@
         });
         _this.videoElement.addEventListener("volumechange", function () {
           if (!isNaN(_this.slotStartTimeVolumeChange)) {
-            var _window$ApxorRTM8;
+            var _window$ApxorRTM7;
             _this.volumeClickedCount++;
-            (_window$ApxorRTM8 = window.ApxorRTM) === null || _window$ApxorRTM8 === void 0 || _window$ApxorRTM8.logEvent("apx_video_inapp_volume_button_clicked", {
+            (_window$ApxorRTM7 = window.ApxorRTM) === null || _window$ApxorRTM7 === void 0 || _window$ApxorRTM7.logEvent("apx_video_inapp_volume_button_clicked", {
               message_name: _this.name,
               id: _this.configId,
               actionPerformed: _this.videoElement.muted ? "mute" : "unmute",
@@ -21185,7 +21289,7 @@
        * @private
        * @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
        */
-      _defineProperty(this, "eglC", function () {
+      _defineProperty(this, "SJgE", 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,
@@ -21225,7 +21329,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, "PzeG", function () {
+      _defineProperty(this, "BWYs", function () {
         _this.enable_close_button;
         if (_this.enable_close_button) {
           var closeButton = document.createElement("span");
@@ -21272,21 +21376,21 @@
        * @function hideVideoPlayer
        * @description Sets the visibility of the video player to hidden.
        */
-      _defineProperty(this, "sFyk", function () {
+      _defineProperty(this, "mRDN", function () {
         _this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function unhideVideoPlayer
        * @description Unhides video player.
        */
-      _defineProperty(this, "Vujz", function () {
+      _defineProperty(this, "uNLx", function () {
         _this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function getVideoElement
        * @returns {HTMLElement} Video ekement
        */
-      _defineProperty(this, "dxIL", function () {
+      _defineProperty(this, "pItt", function () {
         return _this.videoElement;
       });
       this.videoPlayer = null;
@@ -21299,7 +21403,8 @@
       this.configId = configId;
       this.config = config;
       this.name = name || "VideoPlayer";
-      this.cssPostFix = "-".concat(this.configId, "-").concat(this.name).replaceAll(" ", "").replace(/[^\w\s]/gi, "");
+      // Replace spaces with empty then all special characters except "-"
+      this.cssPostFix = "-".concat(this.configId, "-").concat(this.name).replace(/\s+/g, "").replace(/[^\w-]/g, "");
       this.replayCount = 0;
       this.inAppShown = false; // This boolean restricts the "inapp_shown" event from logging multiple times.
 
@@ -21340,7 +21445,7 @@
         this.videoPlayer.style.backgroundColor = this.bg_color;
 
         // Video has a resolution, not deviating from the resolution set the height and width.
-        this.ZJYZ();
+        this.CvsT();
         //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.
@@ -21348,16 +21453,16 @@
         //Create a video element,set the source and add to the container.
         this._setPlayerContent();
         //Set the listeners on the video control buttons.
-        this.iifB();
+        this.XajC();
         //Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
-        this.eglC();
+        this.SJgE();
         //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.PzeG();
+        this.BWYs();
         //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.sFyk();
+        this.mRDN();
         //If the auto dismiss is enabled, sets the timeout to call the InApp close.
         this._setAutoTerminate();
         document.body.appendChild(this.videoPlayer);
@@ -21461,7 +21566,7 @@
       function _onClose() {
         var closeButtonName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "web_minimise_x_clicked";
         try {
-          var _window$ApxorRTM10;
+          var _window$ApxorRTM9;
           if (this.inAppShown) {
             if (!document.fullscreenElement) {
               this.totalDurationMinimised += Math.round(this.videoElement.currentTime) - Math.round(this.slotStartTime);
@@ -21472,10 +21577,10 @@
             }
           }
           this.videoPlayer.remove();
-          this.guyy();
+          this.ryUc();
           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", {
+            var _window$ApxorRTM8;
+            (_window$ApxorRTM8 = window.ApxorRTM) === null || _window$ApxorRTM8 === void 0 || _window$ApxorRTM8.logEvent("apx_video_inapp_close_button_clicked", {
               message_name: this.name,
               id: this.configId,
               totalDurationWatchedSlot: "0-".concat(Math.round(this.videoElement.currentTime)),
@@ -21483,7 +21588,7 @@
               closeButtonName: closeButtonName
             });
           }
-          (_window$ApxorRTM10 = window.ApxorRTM) === null || _window$ApxorRTM10 === void 0 || _window$ApxorRTM10.logEvent("apx_inapp_dismissed", {
+          (_window$ApxorRTM9 = window.ApxorRTM) === null || _window$ApxorRTM9 === void 0 || _window$ApxorRTM9.logEvent("apx_inapp_dismissed", {
             campaignName: this.name,
             id: this.configId,
             totalDurationWatched: Math.round(this.videoElement.currentTime),
@@ -21521,7 +21626,7 @@
         if (this.buttons.enable_top || this.buttons.enable_center || this.buttons.enable_bottom) {
           var removeCallback = function removeCallback(isCancel, action, index) {
             try {
-              var _window$ApxorRTM11;
+              var _window$ApxorRTM10;
               var button;
               if (_this3.buttons.enable_top && _this3.buttons.top.length > 0) {
                 button = _this3.buttons.top;
@@ -21532,7 +21637,7 @@
               if (_this3.buttons.enable_bottom && _this3.buttons.bottom.length) {
                 button = _this3.buttons.bottom;
               }
-              (_window$ApxorRTM11 = window.ApxorRTM) === null || _window$ApxorRTM11 === void 0 || _window$ApxorRTM11.logEvent("apx_video_inapp_button_clicked", {
+              (_window$ApxorRTM10 = window.ApxorRTM) === null || _window$ApxorRTM10 === void 0 || _window$ApxorRTM10.logEvent("apx_video_inapp_button_clicked", {
                 buttonName: button.at(index).text.text,
                 redirection: button.at(index).action.type,
                 totalDurationWatched: Math.round(_this3.videoElement.currentTime),
@@ -21542,7 +21647,7 @@
                 replayCount: _this3.replayCount
               });
               _this3.videoPlayer.remove();
-              _this3.guyy();
+              _this3.ryUc();
               _this3.hideCallback();
             } catch (e) {
               console.log("Can't close the video player\n".concat(e));
@@ -21636,14 +21741,14 @@
       try {
         var _window;
         (_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.debug("called showEmbedCards");
-        var element = _this.CJAE(_this.layout);
-        _this.CMhN();
+        var element = _this.xzeq(_this.layout);
+        _this.oPco();
         window.onresize = function () {
-          _this.odIT();
+          _this.OEJQ();
         };
         _this.imageElements.forEach(function (img) {
           img.addEventListener("error", function () {
-            _this.ILsW("provided image doesn't exists");
+            _this.CkGl("provided image doesn't exists");
           });
         });
         var rootContainer = document.createElement("div");
@@ -21654,7 +21759,7 @@
         var styleElement = document.createElement("style");
         styleElement.innerHTML = _this.styleContent;
         document.head.appendChild(styleElement);
-        _this.ximc(_this.termination);
+        _this.jixP(_this.termination);
         try {
           eval(_this.script);
         } catch (e) {
@@ -21665,10 +21770,10 @@
         _this.intervalToCheckMediaLoadingStatus = setInterval(function () {
           _this.wait_interval -= 1;
           if (_this.wait_interval <= 0) {
-            _this.ILsW("provided media doesn't exists");
+            _this.CkGl("provided media doesn't exists");
           } else {
-            if (_this.FrMU() && _this.vcYm() && _this.yJEm()) {
-              _this.odIT();
+            if (_this.iiWD() && _this.IsLE() && _this.Ffpr()) {
+              _this.OEJQ();
               clearInterval(_this.intervalToCheckMediaLoadingStatus);
             }
           }
@@ -21679,7 +21784,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, "ILsW", function (reason) {
+    _defineProperty(this, "CkGl", 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,
@@ -21693,13 +21798,13 @@
       clearInterval(_this.intervalToCheckMediaLoadingStatus);
       (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.ApxorWidget) === null || _window4 === void 0 || _window4.removeEmbedCard(_this.configId);
     });
-    _defineProperty(this, "CMhN", function () {
+    _defineProperty(this, "oPco", function () {
       var EmbeddedCardsStyles = document.createElement("style");
       EmbeddedCardsStyles.innerHTML = _this.initialStyles;
       EmbeddedCardsStyles.setAttribute("apx-embedded-card-styles", "");
       document.head.appendChild(EmbeddedCardsStyles);
     });
-    _defineProperty(this, "CJAE", function (config) {
+    _defineProperty(this, "xzeq", function (config) {
       var _window$Apxor;
       var element;
       switch (config.type) {
@@ -21779,35 +21884,40 @@
               element.onclick = function (e) {
                 e.stopPropagation();
                 window.Apxor.redirect(JSON.stringify(action));
-                _this.OSHi(e);
+                _this.ogIv(e);
               };
               break;
             case "show-video":
               element.onclick = function (e) {
                 e.stopPropagation();
                 window.Apxor.showVideoInApp(_this.configId, _this.name, action.url);
-                _this.OSHi(e);
+                _this.ogIv(e);
               };
               break;
             case "cancel":
               element.onclick = function (e) {
                 e.stopPropagation();
-                _this.OSHi(e);
+                _this.ogIv(e);
                 window.Apxor.logActionEvent("walk_through_cancelled", _this.configId, _this.name);
               };
               break;
             case "dismiss":
               element.onclick = function (e) {
                 e.stopPropagation();
-                _this.OSHi(e);
+                _this.ogIv(e);
               };
               break;
             case "never":
               element.onclick = function (e) {
+                var _window$ApxorRTM2;
                 e.stopPropagation();
                 window.Apxor.neverShow(_this.configId, _this.name, "IN_APP");
-                window.Apxor.logActionEvent("never_show_clicked", _this.configId, _this.name);
-                _this.OSHi(e);
+                (_window$ApxorRTM2 = window.ApxorRTM) === null || _window$ApxorRTM2 === void 0 || _window$ApxorRTM2.logEvent("apx_nudge_terminated", {
+                  apx_nudge_name: _this.name,
+                  apx_nudge_id: _this.configId,
+                  apx_termination_type: "never-show"
+                });
+                _this.ogIv(e);
               };
               break;
             case "toggle-class":
@@ -21832,13 +21942,14 @@
                 tempInput.select();
                 document.execCommand("copy");
                 document.body.removeChild(tempInput);
-                _this.OSHi(e);
+                _this.ogIv(e);
               };
               break;
             case "log-app-event":
               element.onclick = function (e) {
+                var _window$ApxorRTM3;
                 e.stopPropagation();
-                window.Apxor.logAppEvent(action === null || action === void 0 ? void 0 : action.event_name);
+                (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent(action === null || action === void 0 ? void 0 : action.event_name);
               };
               break;
             case "log-client-event":
@@ -21851,7 +21962,7 @@
       }
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.TlnU(childConfig);
+          var childElement = _this.wrXb(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -21859,7 +21970,7 @@
       // Process children
       if (config.children && config.children.length > 0) {
         config.children.forEach(function (childConfig) {
-          var childElement = _this.CJAE(childConfig);
+          var childElement = _this.xzeq(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -21885,7 +21996,7 @@
       }
       return element;
     });
-    _defineProperty(this, "OSHi", function (e) {
+    _defineProperty(this, "ogIv", function (e) {
       var _e$target$getAttribut, _e$target, _e$target$getAttribut2;
       var additional_info = {
         apx_nudge_name: _this.name,
@@ -21894,15 +22005,15 @@
         apx_template_name: "embed-card"
       };
       if (e.target.tagName === "BUTTON") {
-        var _e$target$innerHTML, _e$target2, _window$ApxorRTM2;
+        var _e$target$innerHTML, _e$target2, _window$ApxorRTM4;
         additional_info["apx_cta_text"] = (_e$target$innerHTML = e === null || e === void 0 || (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.innerHTML) !== null && _e$target$innerHTML !== void 0 ? _e$target$innerHTML : "";
-        (_window$ApxorRTM2 = window.ApxorRTM) === null || _window$ApxorRTM2 === void 0 || _window$ApxorRTM2.logEvent("apx_card_CTA_clicked", additional_info);
+        (_window$ApxorRTM4 = window.ApxorRTM) === null || _window$ApxorRTM4 === void 0 || _window$ApxorRTM4.logEvent("apx_card_CTA_clicked", additional_info);
       } else {
-        var _window$ApxorRTM3;
-        (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_card_interaction", additional_info);
+        var _window$ApxorRTM5;
+        (_window$ApxorRTM5 = window.ApxorRTM) === null || _window$ApxorRTM5 === void 0 || _window$ApxorRTM5.logEvent("apx_card_interaction", additional_info);
       }
     });
-    _defineProperty(this, "ximc", function (config) {
+    _defineProperty(this, "jixP", function (config) {
       config.forEach(function (id) {
         var element = document.getElementById(id);
         if (element) {
@@ -21910,7 +22021,7 @@
         }
       });
     });
-    _defineProperty(this, "vcYm", function () {
+    _defineProperty(this, "IsLE", 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;
@@ -21918,19 +22029,19 @@
         return img.complete;
       });
     });
-    _defineProperty(this, "FrMU", function () {
+    _defineProperty(this, "iiWD", function () {
       if (_this.videoElements.length === 0) return true;
       return _this.videoElements.every(function (video) {
         return video.readyState >= 3;
       });
     });
-    _defineProperty(this, "yJEm", function () {
+    _defineProperty(this, "Ffpr", function () {
       if (!_this.bgImageUrl) return true;
       var img = new Image();
       img.src = _this.bgImageUrl;
       return img.complete;
     });
-    _defineProperty(this, "odIT", function () {
+    _defineProperty(this, "OEJQ", function () {
       var _window6, _window7;
       var width = window.document.querySelector("html").offsetWidth;
       var height = window.document.querySelector("html").offsetHeight;
@@ -21978,7 +22089,8 @@
 
   var Stories = /*#__PURE__*/function () {
     function Stories(_config, configId, name, position, slidesSeenCount, view_id, showCallback, closeCallback) {
-      var _this = this;
+      var _this = this,
+        _config$position;
       _classCallCheck(this, Stories);
       _defineProperty(this, "showStories", function () {
         _this.storyContainer = document.createElement("div");
@@ -22019,8 +22131,8 @@
         _this.storyContainer.appendChild(currentElement);
         _this.storyContainer.appendChild(slideDetails);
         document.body.appendChild(_this.storyContainer);
-        _this.IPWS();
-        _this.rQSp();
+        _this.gdCQ();
+        _this.TWfo();
         _this.progress = Array.from(document.querySelectorAll(".progress"));
         var current_slide = document.querySelector(".slide-details");
         var playNext = function playNext(e) {
@@ -22066,7 +22178,7 @@
               _existingAbsoluteElements2.forEach(function (element) {
                 element.remove();
               });
-              // this.uyOG();
+              // this.DdQu();
               var _currentSlideDetails = document.querySelector(".slide-details");
               _currentSlideDetails.innerHTML = "";
               _this.position = _this.position + 1;
@@ -22162,7 +22274,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.TlnU(current_element);
+            current_absolute_element = _this.wrXb(current_element);
             absolute_header.appendChild(current_absolute_element);
           });
           (_absolute_header = absolute_header) === null || _absolute_header === void 0 || _absolute_header.classList.add("apx-slide-header");
@@ -22171,12 +22283,12 @@
           if (current_slide_from_config.media_type === "image") {
             var _window$Apxor;
             element = document.createElement("div");
-            var image_src;
+            var imageSrc;
             if (((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) != "ios") {
               var _window$Apxor2;
-              image_src = (_window$Apxor2 = window.Apxor) === null || _window$Apxor2 === void 0 ? void 0 : _window$Apxor2.getFilePathForStories(_this.config[_this.position].id, current_slide_from_config.media_url);
-              if (image_src && image_src != "") {
-                document.body.style.backgroundImage = "url(".concat(image_src, ")");
+              imageSrc = (_window$Apxor2 = window.Apxor) === null || _window$Apxor2 === void 0 ? void 0 : _window$Apxor2.getFilePathForStories(_this.config[_this.position].id, current_slide_from_config.media_url);
+              if (imageSrc && imageSrc != "") {
+                document.body.style.backgroundImage = "url(".concat(imageSrc, ")");
                 document.body.style.backgroundSize = "100% auto";
                 document.body.style.backgroundPosition = "center";
                 document.body.style.backgroundRepeat = "no-repeat";
@@ -22222,7 +22334,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.TlnU(updated_layout_without_absolute_elements);
+            element = _this.wrXb(updated_layout_without_absolute_elements);
             document.body.style.backgroundColor = current_slide_from_config.media_background_color;
             document.body.style.margin = "0px";
           }
@@ -22230,9 +22342,9 @@
             current_slide.removeChild(current_slide.children[0]);
           }
           current_slide.appendChild(element);
-          _this.wehO();
+          _this.KsJU();
           window.intervalToCheckImgStatus = setInterval(function () {
-            if (_this.IXUv()) {
+            if (_this.PWKX()) {
               clearInterval(window.intervalToCheckImgStatus);
             }
           }, 500);
@@ -22260,7 +22372,7 @@
         });
         playNext();
       });
-      _defineProperty(this, "uyOG", function () {
+      _defineProperty(this, "DdQu", function () {
         document.body.classList.add("slide-right");
         var animationEndCounter = 0;
         var onAnimationEnd = function onAnimationEnd() {
@@ -22272,7 +22384,7 @@
         };
         document.body.addEventListener("animationend", onAnimationEnd);
       });
-      _defineProperty(this, "TlnU", function (config) {
+      _defineProperty(this, "wrXb", function (config) {
         var _window$Apxor4;
         var element;
         var explicit_styles = "";
@@ -22330,7 +22442,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.SEhq(event);
+              _this.rEMF(event);
             });
             break;
           case "copy_icon":
@@ -22387,6 +22499,22 @@
             var styles;
             styles = objectToCSS(imgStyleObject);
             element.style = styles;
+          } else if (config.type == "cell") {
+            var _styleObject = parseCSS(config.css);
+            var _styles;
+            if (!_this.status_bar_height) {
+              _styles = objectToCSS(_styleObject);
+              element.style = _styles;
+            } else {
+              var elementTop = 0;
+              if ("top" in _styleObject) {
+                elementTop = parseInt(_styleObject.top.split("px")[0]) + _this.status_bar_height;
+              }
+              var stylesObject = removeKeys(_styleObject, ["top"]);
+              var _styles2 = objectToCSS(stylesObject);
+              element.style = _styles2;
+              element.style.top = "".concat(elementTop, "px");
+            }
           } else {
             var _config$properties3;
             element.style = config.css;
@@ -22529,7 +22657,7 @@
         }
         if (config.absolute_position_children && config.absolute_position_children.length > 0) {
           config.absolute_position_children.forEach(function (childConfig) {
-            var childElement = _this.TlnU(childConfig);
+            var childElement = _this.wrXb(childConfig);
             element.appendChild(childElement);
           });
         }
@@ -22537,7 +22665,7 @@
         // Process children
         if (config.children && config.children.length > 0) {
           config.children.forEach(function (childConfig) {
-            var childElement = _this.TlnU(childConfig);
+            var childElement = _this.wrXb(childConfig);
             element.appendChild(childElement);
           });
         }
@@ -22547,12 +22675,12 @@
           element["src"] = src ? ((_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || (_window5$getFilePathF = _window5.getFilePathForStories) === null || _window5$getFilePathF === void 0 ? void 0 : _window5$getFilePathF.call(_window5, _this.config[_this.position].id, src)) || src : src;
           _this.imageElements.push(element);
           var imgWrapper = document.createElement("div");
-          var _styleObject = parseCSS(config.css);
+          var _styleObject2 = parseCSS(config.css);
           Object.keys(imgWrapperStylesForStories).forEach(function (prop) {
-            if (prop in _styleObject) {
-              imgWrapper.style[imgWrapperStylesForStories[prop]] = _styleObject[prop];
+            if (prop in _styleObject2) {
+              imgWrapper.style[imgWrapperStylesForStories[prop]] = _styleObject2[prop];
               if (prop === "width") {
-                element.style.width = _styleObject[prop];
+                element.style.width = _styleObject2[prop];
               }
             }
           });
@@ -22565,7 +22693,7 @@
         element.appendChild(ElementStyles);
         return element;
       });
-      _defineProperty(this, "SEhq", function (event) {
+      _defineProperty(this, "rEMF", function (event) {
         var slide_details_to_be_deleted;
         var mute_child_elements;
         var unmute_child_elements;
@@ -22595,11 +22723,11 @@
           }
           // this.muteElement.addEventListener("touchstart", (event) => {
           //   event.stopPropagation();
-          //   this.SEhq(event);
+          //   this.rEMF(event);
           // });
         }
       });
-      _defineProperty(this, "rQSp", function () {
+      _defineProperty(this, "TWfo", function () {
         var tapTimeout;
         var tapThreshold = 0.5; // Assuming 0.5 is the center of the WebView
         var longPressDuration = 200;
@@ -22723,7 +22851,7 @@
           event.target.dataset.touchStartTime = event.timeStamp;
         });
       });
-      _defineProperty(this, "IPWS", function () {
+      _defineProperty(this, "gdCQ", function () {
         var startY, startX;
         _this.storyContainer.addEventListener("touchstart", function (event) {
           _this.swipeTouch = true;
@@ -22930,7 +23058,7 @@
           }, 50);
         });
       });
-      _defineProperty(this, "wehO", function () {
+      _defineProperty(this, "KsJU", function () {
         _this.loader.style.display = "block";
         var progress = Array.from(document.querySelectorAll(".progress"));
         var activeIndex = progress.findIndex(function (el) {
@@ -22946,7 +23074,7 @@
           }
         }
       });
-      _defineProperty(this, "oeBH", function () {
+      _defineProperty(this, "HeZe", function () {
         if (!_this.continueLoading) {
           var slide_details_to_be_deleted = document.querySelector(".slide-details");
           var childElements = slide_details_to_be_deleted.querySelectorAll("video");
@@ -22966,19 +23094,19 @@
           _this.loader.style.display = "none";
         }
       });
-      _defineProperty(this, "vcYm", function () {
+      _defineProperty(this, "IsLE", function () {
         if (_this.imageElements.length === 0) return true;
         return _this.imageElements.every(function (img) {
           return img.complete;
         });
       });
-      _defineProperty(this, "FrMU", function () {
+      _defineProperty(this, "iiWD", function () {
         if (_this.videoElements.length === 0) return true;
         return _this.videoElements.every(function (video) {
           return video.readyState >= 3;
         });
       });
-      _defineProperty(this, "IXUv", function () {
+      _defineProperty(this, "PWKX", function () {
         var bodyStyles = window.getComputedStyle(document.body);
         var backgroundImage = bodyStyles.backgroundImage;
         if (backgroundImage && backgroundImage !== "none" && _this.current_slide_config.media_type === "image") {
@@ -22988,7 +23116,7 @@
           var img = new Image();
           img.src = imageUrl;
           if (img.complete) {
-            _this.oeBH();
+            _this.HeZe();
             return true;
           }
           return false;
@@ -22996,21 +23124,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.oeBH();
+            _this.HeZe();
             return true;
           }
           return false;
         } else {
           if (_this.videoElements.length == 0 && _this.imageElements.length == 0) {
-            _this.oeBH();
+            _this.HeZe();
             return true;
-          } else if (_this.vcYm() && _this.FrMU()) {
-            _this.oeBH();
+          } else if (_this.IsLE() && _this.iiWD()) {
+            _this.HeZe();
             return true;
           }
         }
       });
-      _defineProperty(this, "gpJk", function (event, startY, action) {
+      _defineProperty(this, "bamD", function (event, startY, action) {
         event.stopPropagation();
         var endY = event.changedTouches[0].clientY;
         var deltaY = startY - endY;
@@ -23063,6 +23191,7 @@
       this.view_id = view_id;
       this.showCallback = showCallback;
       this.closeCallback = closeCallback;
+      this.status_bar_height = (_config$position = _config[position]) === null || _config$position === void 0 ? void 0 : _config$position.status_bar_height;
       this.progress_bar = new ProgressBar$1(_config[position].progress_bar);
       this.slides = _config[position].slides;
       if (this.slides.length === this.slidesSeenCount) {
@@ -23105,18 +23234,19 @@
       this.swipe_action;
       this.continueLoading = false;
       this.boundSwipeUpHandling = function (event) {
-        return _this.gpJk(event, _this.startY, _this.swipe_action);
+        return _this.bamD(event, _this.startY, _this.swipe_action);
       };
     }
     _createClass(Stories, [{
       key: "_getStoriesStyles",
       value: function _getStoriesStyles() {
+        var _this$status_bar_heig;
         var head = document.head || document.getElementsByTagName("head")[0];
         var styleNodes = head.querySelectorAll(".apx-progressbar-styles");
         styleNodes.forEach(function (node) {
           node.parentNode.removeChild(node);
         });
-        this.storiesStyles = "\n    .progress-container {\n      position:absolute;\n      top:12px;\n      display: flex;\n      flex-direction: row;\n      width:100%;\n    }\n\n    *,:before,:after {\n      box-sizing: border-box;\n      -webkit-user-select: none;\n      -webkit-touch-callout: none;\n      border-width: 0;\n      border-style: solid;\n      border-color: #e5e7eb\n  }\n\n    .progress {\n      height: 4px;\n      flex-grow: 1;\n      border-radius: 4px;\n      margin: 0 4px;\n      display: flex;\n      background-image: linear-gradient(\n        to right,\n        ".concat(this.progress_bar.seen_color, " 0%,\n        ").concat(this.progress_bar.seen_color, " 50%,\n        ").concat(this.progress_bar.unseen_color, " 50%,\n        ").concat(this.progress_bar.unseen_color, " 100%\n      );\n      background-repeat: no-repeat;\n      background-size: 200%;\n      background-position: 100% 50%;\n      animation-timing-function: linear;\n      animation-delay: 0.2s;\n    }\n\n    .progress.active {\n      animation-name: Loader;\n    }\n\n    .progress.passed { \n      background-position: 0 0;\n    }\n\n    .slide-right {\n      animation: 0.5s slide-right forwards;\n      background: linear-gradient(to right, rgba(225, 219, 30, 0.99), rgb(36, 202, 238)); \n      background-size: 200% 100%;\n    }\n    \n    @keyframes slide-right {\n      from {\n        background-position: 0% 0;\n      }\n      to {\n        background-position: 100% 0;\n      }\n    }\n\n    @-webkit-keyframes Loader {\n      0% {\n        background-position: 100% 0;\n      }\n      100% {\n        background-position: 0 0;\n      }\n    }\n\n    @keyframes moveUpDownButton {\n      0%,\n      100% {\n        bottom: 12px;\n      }\n      50% {\n        bottom: 32px;\n      }\n    }    \n\n    body {\n      background: #121216;\n    }\n      ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+        this.storiesStyles = "\n    .progress-container {\n      position:absolute;\n      top:".concat((_this$status_bar_heig = this.status_bar_height) !== null && _this$status_bar_heig !== void 0 ? _this$status_bar_heig : 12, "px;\n      display: flex !important;\n      flex-direction: row !important;\n      width:100%;\n    }\n\n    *,:before,:after {\n      box-sizing: border-box;\n      -webkit-user-select: none;\n      -webkit-touch-callout: none;\n      border-width: 0;\n      border-style: solid;\n      border-color: #e5e7eb\n  }\n\n    .progress {\n      height: 4px;  \n      flex-grow: 1;\n      border-radius: 4px;\n      margin: 0 4px;\n      display: flex;\n      background-image: linear-gradient(\n        to right,\n        ").concat(this.progress_bar.seen_color, " 0%,\n        ").concat(this.progress_bar.seen_color, " 50%,\n        ").concat(this.progress_bar.unseen_color, " 50%,\n        ").concat(this.progress_bar.unseen_color, " 100%\n      );\n      background-repeat: no-repeat;\n      background-size: 200%;\n      background-position: 100% 50%;\n      animation-timing-function: linear;\n      animation-delay: 0.2s;\n    }\n\n    .progress.active {\n      animation-name: Loader;\n    }\n\n    .progress.passed { \n      background-position: 0 0;\n    }\n\n    .slide-right {\n      animation: 0.5s slide-right forwards;\n      background: linear-gradient(to right, rgba(225, 219, 30, 0.99), rgb(36, 202, 238)); \n      background-size: 200% 100%;\n    }\n    \n    @keyframes slide-right {\n      from {\n        background-position: 0% 0;\n      }\n      to {\n        background-position: 100% 0;\n      }\n    }\n\n    @-webkit-keyframes Loader {\n      0% {\n        background-position: 100% 0;\n      }\n      100% {\n        background-position: 0 0;\n      }\n    }\n\n    @keyframes moveUpDownButton {\n      0%,\n      100% {\n        bottom: 12px;\n      }\n      50% {\n        bottom: 32px;\n      }\n    }    \n\n    body {\n      background: #121216;\n    }\n      ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
         var styleNode = document.createElement("style");
         styleNode.setAttribute("apx-stories-styles", "");
         styleNode.classList.add("apx-progressbar-styles");
@@ -23168,7 +23298,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.uyOG();
+            // this.DdQu();
             this.position++;
             this.progress_bar = new ProgressBar$1(this.config[this.position].progress_bar);
             this.slides = this.config[this.position].slides;
@@ -23294,7 +23424,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.uyOG();
+          // this.DdQu();
           this.position--;
           this.progress_bar = new ProgressBar$1(this.config[this.position].progress_bar);
           this.slides = this.config[this.position].slides;
@@ -23424,12 +23554,12 @@
         if ((current_slide_from_config === null || current_slide_from_config === void 0 ? void 0 : current_slide_from_config.media_type) === "image") {
           var _window$Apxor5;
           element = document.createElement("div");
-          var image_src;
+          var imageSrc;
           if (((_window$Apxor5 = window.Apxor) === null || _window$Apxor5 === void 0 ? void 0 : _window$Apxor5.platform) != "ios") {
             var _window$Apxor6;
-            image_src = (_window$Apxor6 = window.Apxor) === null || _window$Apxor6 === void 0 ? void 0 : _window$Apxor6.getFilePathForStories(this.config[this.position].id, current_slide_from_config.media_url);
-            if (image_src && image_src != "") {
-              document.body.style.backgroundImage = "url(".concat(image_src, ")");
+            imageSrc = (_window$Apxor6 = window.Apxor) === null || _window$Apxor6 === void 0 ? void 0 : _window$Apxor6.getFilePathForStories(this.config[this.position].id, current_slide_from_config.media_url);
+            if (imageSrc && imageSrc != "") {
+              document.body.style.backgroundImage = "url(".concat(imageSrc, ")");
               document.body.style.backgroundSize = "100% auto";
               document.body.style.backgroundPosition = "center";
               document.body.style.backgroundRepeat = "no-repeat";
@@ -23481,25 +23611,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.TlnU(updated_layout_without_absolute_elements);
+          element = this.wrXb(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.wehO();
+        this.KsJU();
 
         // 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.TlnU(childConfig);
+            var childElement = _this2.wrXb(childConfig);
             // Append absolute position children to slide details container
             currentSlideDetails.appendChild(childElement);
           });
         }
         window.intervalToCheckImgStatus2 = setInterval(function () {
-          if (_this2.IXUv()) {
+          if (_this2.PWKX()) {
             clearInterval(window.intervalToCheckImgStatus2);
           }
         }, 500);
@@ -23934,15 +24064,15 @@
         _this$badge$animation2,
         _this$badge$animation3;
       _classCallCheck(this, ApxorBadge);
-      _defineProperty(this, "HxQF", function () {
+      _defineProperty(this, "auVR", function () {
         var delayMillis = _this.delayMillis * 1000;
         _this.shakeAnimationRepeat(_this.interCount, delayMillis);
       });
-      _defineProperty(this, "PjvY", function () {
+      _defineProperty(this, "UQku", function () {
         var delayMillis = _this.delayMillis * 1000;
         _this.fadeAnimationRepeat(_this.interCount, delayMillis);
       });
-      _defineProperty(this, "DSEu", function () {
+      _defineProperty(this, "zIql", 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, "");
@@ -23951,7 +24081,7 @@
         (_this$targetElement = _this.targetElement) === null || _this$targetElement === void 0 || _this$targetElement.appendChild(newstyleNode1);
         _this.rippleAnimationRepeat(_this.interCount, delayMillis);
       });
-      _defineProperty(this, "mHcM", function () {
+      _defineProperty(this, "Jums", function () {
         var delayMillis = _this.delayMillis * 1000;
         //let badgeContainerClass = `.apxor-badge-container-styles-${this.cssPostFix}`;
         //let badgeAnimationElement = document.querySelector(badgeContainerClass);
@@ -23968,7 +24098,7 @@
         //     newstyleNode1.innerHTML = finalStyles;
         //     this.targetElement?.appendChild(newstyleNode1);
       });
-      _defineProperty(this, "rpGO", function () {
+      _defineProperty(this, "DfZq", 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();
@@ -23977,9 +24107,9 @@
         dummy_elements === null || dummy_elements === void 0 || dummy_elements.forEach(function (ele) {
           ele === null || ele === void 0 || ele.remove();
         });
-        _this.fiNR();
+        _this.xIUH();
       });
-      _defineProperty(this, "fiNR", function () {
+      _defineProperty(this, "xIUH", function () {
         var targetWrapperElement = document.querySelector(".image-container-".concat(_this.configId));
         // Ensure the target element is the wrapper with class 'image-container'
         if (targetWrapperElement) {
@@ -24003,12 +24133,12 @@
        * @param {boolean} optimized
        * @returns viewId
        */
-      _defineProperty(this, "FjQW", function (node, optimized) {
+      _defineProperty(this, "nRJS", function (node, optimized) {
         if (node.nodeType !== Node.ELEMENT_NODE) return "";
         var steps = [];
         var contextNode = node;
         while (contextNode) {
-          var step = _this.fFrW(contextNode, !!optimized, contextNode === node);
+          var step = _this.Mpsc(contextNode, !!optimized, contextNode === node);
           if (!step) break; // Error - bail out early.
           steps.push(step);
           if (step.optimized) break;
@@ -24023,7 +24153,7 @@
        * @param {boolean} optimized
        * @param {object} isTargetNode
        */
-      _defineProperty(this, "fFrW", function (node, optimized, isTargetNode) {
+      _defineProperty(this, "Mpsc", function (node, optimized, isTargetNode) {
         if (node.nodeType !== Node.ELEMENT_NODE) return null;
         var id = node.getAttribute("id");
         if (optimized) {
@@ -24118,7 +24248,8 @@
       this.name = messageConfig.configName;
       this.terminationConfig = terminationConfig;
       this.showCallback = showCallback;
-      this.cssPostFix = "-".concat(this.configId, "-").concat(this.name).replaceAll(" ", "").replace(/[^\w\s]/gi, "");
+      // Replace spaces with empty then all special characters except "-"
+      this.cssPostFix = "-".concat(this.configId, "-").concat(this.name).replace(/\s+/g, "").replace(/[^\w-]/g, "");
       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) || {};
@@ -24144,7 +24275,7 @@
       this.contentZindexValue = 1;
     }
     _createClass(ApxorBadge, [{
-      key: "FNin",
+      key: "TQJb",
       value: function createBadge() {
         var _this2 = this;
         var targetFoundCallback = function targetFoundCallback() {
@@ -24413,7 +24544,7 @@
               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          }");
+              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-image: url('").concat(content.icon.path, "');\n            background-repeat: no-repeat;\n            background-position: 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 = "";
@@ -24788,7 +24919,7 @@
                 _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        }");
+            _animationForBadgeContainernew4 = "\n        .apxor-badge-content-container-".concat(_this8.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(_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");
@@ -24889,31 +25020,61 @@
     }, {
       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 _this10 = this;
+        var onclickCallBack = function onclickCallBack() {
+          var _this10$terminationCo, _this10$terminationCo2;
+          // Log the events based on the campaign version
+          if (_this10.uiConfig.additional_info && _this10.uiConfig.additional_info.version && _this10.uiConfig.additional_info.version === 4) {
+            var _window3, _this10$uiConfig$addi, _this10$uiConfig, _this10$uiConfig$addi2, _this10$uiConfig2;
+            (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.ApxorRTM) === null || _window3 === void 0 || _window3.logEvent("apx_nudge_target_clicked", {
+              apx_nudge_id: _this10.configId,
+              apx_nudge_name: _this10.name,
+              apx_template_name: "badge",
+              apx_step: (_this10$uiConfig$addi = (_this10$uiConfig = _this10.uiConfig) === null || _this10$uiConfig === void 0 || (_this10$uiConfig = _this10$uiConfig.additional_info) === null || _this10$uiConfig === void 0 ? void 0 : _this10$uiConfig.apx_step) !== null && _this10$uiConfig$addi !== void 0 ? _this10$uiConfig$addi : 1,
+              apx_variant_code: (_this10$uiConfig$addi2 = (_this10$uiConfig2 = _this10.uiConfig) === null || _this10$uiConfig2 === void 0 || (_this10$uiConfig2 = _this10$uiConfig2.additional_info) === null || _this10$uiConfig2 === void 0 ? void 0 : _this10$uiConfig2.apx_variant_code) !== null && _this10$uiConfig$addi2 !== void 0 ? _this10$uiConfig$addi2 : ""
+            });
+          } else {
+            var _window$ApxorRTM;
+            (_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 || _window$ApxorRTM.logEvent("InlineTargetViewClicked", {
+              id: _this10.configId,
+              message_name: _this10.name,
+              apx_message_step: 1
+            });
+          }
+
+          // Remove the Badge when touch termination is enabled with logging the event
+          if ((_this10$terminationCo = _this10.terminationConfig) !== null && _this10$terminationCo !== void 0 && _this10$terminationCo.enable_touch && Object(_this10.terminationConfig.touch).length !== 0 && _this10.terminationConfig.touch.enable_user_interaction && (_this10$terminationCo2 = _this10.terminationConfig.touch) !== null && _this10$terminationCo2 !== void 0 && _this10$terminationCo2.target_view) {
             var _window$Apxor, _this10$targetElement;
             var badge = document.getElementsByClassName("apxor-badge-container-styles-".concat(_this10.cssPostFix));
             while (badge.length > 0) badge[0].remove();
+            // Update badge status (nudge_shown event is handled by this operation)
             (_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);
-        }
+
+            // Log the events based on the campaign version
+            if (_this10.uiConfig.additional_info && _this10.uiConfig.additional_info.version && _this10.uiConfig.additional_info.version === 4) {
+              var _window4, _this10$uiConfig$addi3, _this10$uiConfig3, _this10$uiConfig$addi4, _this10$uiConfig4;
+              (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.ApxorRTM) === null || _window4 === void 0 || _window4.logEvent("apx_nudge_terminated", {
+                apx_nudge_id: _this10.configId,
+                apx_nudge_name: _this10.name,
+                apx_template_name: "badge",
+                apx_step: (_this10$uiConfig$addi3 = (_this10$uiConfig3 = _this10.uiConfig) === null || _this10$uiConfig3 === void 0 || (_this10$uiConfig3 = _this10$uiConfig3.additional_info) === null || _this10$uiConfig3 === void 0 ? void 0 : _this10$uiConfig3.apx_step) !== null && _this10$uiConfig$addi3 !== void 0 ? _this10$uiConfig$addi3 : 1,
+                apx_termination_type: "Target Element Clicked",
+                apx_variant_code: (_this10$uiConfig$addi4 = (_this10$uiConfig4 = _this10.uiConfig) === null || _this10$uiConfig4 === void 0 || (_this10$uiConfig4 = _this10$uiConfig4.additional_info) === null || _this10$uiConfig4 === void 0 ? void 0 : _this10$uiConfig4.apx_variant_code) !== null && _this10$uiConfig$addi4 !== void 0 ? _this10$uiConfig$addi4 : ""
+              });
+            } else {
+              var _window$ApxorRTM2;
+              (_window$ApxorRTM2 = window.ApxorRTM) === null || _window$ApxorRTM2 === void 0 || _window$ApxorRTM2.logEvent("inline_dismissed", {
+                id: _this10.configId,
+                message_name: _this10.name,
+                apx_reason: "InlineTargetViewClicked"
+              });
+            }
+          }
+          _this10.targetElement.removeEventListener("click", onclickCallBack);
+        };
+        this.targetElement.addEventListener("click", onclickCallBack);
       }
     }]);
     return ApxorBadge;
@@ -24931,16 +25092,16 @@
   var RTM = /*#__PURE__*/_createClass(function RTM() {
     var _this = this;
     _classCallCheck(this, RTM);
-    _defineProperty(this, "KtLS", {});
+    _defineProperty(this, "wsef", {});
     _defineProperty(this, "isShowingAction", false);
     _defineProperty(this, "currentAction", null);
-    _defineProperty(this, "Fuow", null);
-    _defineProperty(this, "version", 92);
+    _defineProperty(this, "snrW", null);
+    _defineProperty(this, "version", 94);
     _defineProperty(this, "isInitialised", false);
-    _defineProperty(this, "Grcc", {});
-    _defineProperty(this, "FNSZ", false);
+    _defineProperty(this, "PlOH", {});
+    _defineProperty(this, "LEVi", false);
     _defineProperty(this, "_isShownECCalled", false);
-    _defineProperty(this, "QFkS", function () {
+    _defineProperty(this, "ltqt", function () {
       _this.isInitialised = true;
       var oldPushState = history.pushState;
       history.pushState = function pushState() {
@@ -24967,7 +25128,7 @@
       var _window;
       (_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.error("logger show");
       if (!_this.isInitialised) {
-        _this.QFkS();
+        _this.ltqt();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor, _window$Apxor$pageUnl;
@@ -24992,7 +25153,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.wqAP(ui_config, duration, uuid, name);
+          _this.ouIf(ui_config, duration, uuid, name);
         } else {
           showCoachmarkWithDelay(_this, ui_config, {
             configId: uuid,
@@ -25032,7 +25193,7 @@
     });
     _defineProperty(this, "showBadge", function (uiJson, duration, uuid, name, terminationConfig) {
       if (!_this.isInitialised) {
-        _this.QFkS();
+        _this.ltqt();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor2, _window$Apxor2$pageUn;
@@ -25044,7 +25205,7 @@
         _this.removeBadge(name, uuid);
       }
       var termination_config = JSON.parse(terminationConfig);
-      _this.FNin(ui_config, duration, uuid, name, termination_config);
+      _this.TQJb(ui_config, duration, uuid, name, termination_config);
     });
     _defineProperty(this, "showInApp", function (config, duration, configId, name) {
       try {
@@ -25110,7 +25271,7 @@
       try {
         config = config.split("\n").join("\\n");
         var ui_config = JSON.parse(config);
-        _this.bVud(ui_config, configId, name, position, slidesSeenCount, view_id);
+        _this.GvJD(ui_config, configId, name, position, slidesSeenCount, view_id);
       } catch (e) {
         var _window$Apxor4;
         if (((_window$Apxor4 = window.Apxor) === null || _window$Apxor4 === void 0 ? void 0 : _window$Apxor4.platform) === "ios") {
@@ -25124,10 +25285,10 @@
         console.error(e);
       }
     });
-    _defineProperty(this, "bVud", function (config, configId, name, position, slidesSeenCount, view_id) {
+    _defineProperty(this, "GvJD", function (config, configId, name, position, slidesSeenCount, view_id) {
       var cardsContainer = new Stories(config, configId, name, position, slidesSeenCount, view_id, function () {
-        var _config$additional_in3, _config$additional_in4;
-        window.Apxor.logAppEvent("apx_nudge_shown", {
+        var _window$ApxorRTM3, _config$additional_in3, _config$additional_in4;
+        (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_nudge_shown", {
           apx_nudge_name: name,
           apx_nudge_id: configId,
           apx_template_name: "stories",
@@ -25144,10 +25305,8 @@
       if (_this.currentAction !== null && _this.currentAction !== undefined) {
         _this.isShowingAction = false;
         try {
-          var _window19;
           _this.currentAction();
           _this.currentAction = null;
-          (_window19 = window) === null || _window19 === void 0 || (_window19 = _window19.ApxorLogger) === null || _window19 === void 0 || _window19.debug("Callback is called");
         } catch (e) {}
       }
     });
@@ -25159,48 +25318,48 @@
       var onShow = function onShow() {
         _this.isShowingAction = true;
         if (window.Apxor && window.Apxor.logActionEvent) {
-          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);
+          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);
           window.Apxor.logActionEvent("inline_shown", uuid, name);
-          (_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);
+          (_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);
           if (ui_config !== null && ui_config !== void 0 && ui_config.is_preview) {
             setTimeout(function () {
-              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");
+              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");
             }, 500);
           }
         }
       };
       var onHide = function onHide(isCancelled) {
-        var _window23, _window23$updateFlag, _window24;
+        var _window22, _window22$updateFlag, _window23;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.Fuow = 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);
+        _this.snrW = 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);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
         }
-        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 (((_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 (action_class === "new-inline") {
-        _this.Fuow = new InLineTooltip(ui_config, [], [], terminationConfig, {
+        _this.snrW = new InLineTooltip(ui_config, [], [], terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide, function () {}, false, 0);
       } else if (action_class === "tooltip_builder") {
-        _this.Fuow = new NewInLineTooltip(ui_config, terminationConfig, {
+        _this.snrW = new NewInLineTooltip(ui_config, terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide);
       }
       setTimeout(function () {
-        _this.Fuow.createNewTooltip();
+        _this.snrW.createNewTooltip();
       }, ui_config.delay);
     });
-    _defineProperty(this, "wqAP", function (ui_config, duration, uuid, name) {
+    _defineProperty(this, "ouIf", function (ui_config, duration, uuid, name) {
       var terminationConfig = {};
       terminationConfig["auto_dismiss"] = duration > 0;
       terminationConfig["duration"] = duration;
@@ -25210,33 +25369,33 @@
       }, _this, function () {
         _this.isShowingAction = true;
         if (window.Apxor && window.Apxor.logActionEvent) {
-          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);
+          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);
           window.Apxor.logActionEvent("inline_shown", uuid, name);
           if (ui_config !== null && ui_config !== void 0 && ui_config.is_preview) {
             setTimeout(function () {
-              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");
+              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");
             }, 500);
           }
         }
       }, function (isCancelled) {
-        var _window28, _window28$updateFlag, _window29;
+        var _window27, _window27$updateFlag, _window28;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.Fuow = 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);
+        _this.snrW = 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);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
         }
-        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();
+        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();
         }
       }, _this.stepperCallback, false, 0);
       _this._currentCoachmark.createNewCoachMark();
     });
-    _defineProperty(this, "FNin", function (ui_config, duration, uuid, name, terminationConfig) {
+    _defineProperty(this, "TQJb", function (ui_config, duration, uuid, name, terminationConfig) {
       _this._currentBadge = new ApxorBadge(ui_config, terminationConfig, {
         configId: uuid,
         configName: name
@@ -25247,18 +25406,18 @@
           (_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");
+              var _window30, _window30$logInternal;
+              (_window30 = window) === null || _window30 === void 0 || (_window30 = _window30.Apxor) === null || _window30 === void 0 || (_window30$logInternal = _window30.logInternalEvent) === null || _window30$logInternal === void 0 || _window30$logInternal.call(_window30, "capt");
             }, 500);
           }
         }
       });
-      _this._currentBadge.rpGO();
-      _this._currentBadge.FNin();
+      _this._currentBadge.DfZq();
+      _this._currentBadge.TQJb();
     });
     _defineProperty(this, "updateElementPositionOnScroll", function (top, left, height, width) {
-      if (_this.Fuow) {
-        _this.Fuow.updateElementPositionOnScroll(top, left, height, width);
+      if (_this.snrW) {
+        _this.snrW.updateElementPositionOnScroll(top, left, height, width);
       }
     });
     _defineProperty(this, "createInAppVideo", function (config, duration, configId, name) {
@@ -25275,15 +25434,15 @@
       var VideoInAppInstance = new VideoInApp(videoConfig, terminationConfig, configId, name, function () {
         _this.isShowingAction = true;
         if (window.Apxor && window.Apxor.logActionEvent) {
-          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);
+          var _window31, _window31$updateFlag;
+          (_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, true);
           window.Apxor.logActionEvent("inapp_shown", configId, name);
         }
       }, function () {
-        var _window33, _window33$updateFlag;
+        var _window32, _window32$updateFlag;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        (_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);
+        (_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, false);
         if (window.Apxor && window.Apxor.logActionEvent) {
           window.Apxor.logActionEvent("inapp_dismissed", configId, name);
         }
@@ -25310,17 +25469,17 @@
         var _window$Apxor6;
         _this.isShowingAction = true;
         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");
+          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, true, "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", true);
+          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, "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$Apxor7, _config$additional_in5, _window$Apxor8, _config$additional_in6, _config$additional_in7, _config$additional_in8, _config$additional_in9, _config$additional_in10, _config$additional_in11;
-          (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_nudge_shown", {
+          var _window$ApxorRTM4, _window$Apxor7, _config$additional_in5, _window$Apxor8, _config$additional_in6, _config$additional_in7, _config$additional_in8, _config$additional_in9, _config$additional_in10, _config$additional_in11;
+          (_window$ApxorRTM4 = window.ApxorRTM) === null || _window$ApxorRTM4 === void 0 || _window$ApxorRTM4.logEvent("apx_nudge_shown", {
             apx_nudge_name: name,
             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_in5 = config.additional_info) === null || _config$additional_in5 === void 0 ? void 0 : _config$additional_in5.id : configId,
             apx_template_name: "inapp",
@@ -25344,19 +25503,19 @@
         backgroundDiv.remove();
         _this.isShowingAction = false;
         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");
+          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, false, "IN_APP");
         } else {
-          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);
+          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, "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 _window38;
+          var _window37;
           if (!(action == "cancel" || action == "never")) {
-            var _window$Apxor10, _config$additional_in12, _config$additional_in13, _window$Apxor11, _config$additional_in14, _config$additional_in15, _config$additional_in16, _config$additional_in17, _window$ApxorRTM4;
+            var _window$Apxor10, _config$additional_in12, _config$additional_in13, _window$Apxor11, _config$additional_in14, _config$additional_in15, _config$additional_in16, _config$additional_in17, _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_in12 = config.additional_info) === null || _config$additional_in12 === void 0 ? void 0 : _config$additional_in12.id : configId,
@@ -25367,10 +25526,10 @@
             if (type != "") {
               additional_info["apx_dismiss_type"] = type;
             }
-            (_window$ApxorRTM4 = window.ApxorRTM) === null || _window$ApxorRTM4 === void 0 || _window$ApxorRTM4.logEvent("apx_nudge_dismissed", additional_info);
+            (_window$ApxorRTM5 = window.ApxorRTM) === null || _window$ApxorRTM5 === void 0 || _window$ApxorRTM5.logEvent("apx_nudge_dismissed", additional_info);
           }
           if (action === "cancel") {
-            var _window$Apxor12, _config$additional_in18, _config$additional_in19, _window$Apxor13, _config$additional_in20, _config$additional_in21, _config$additional_in22, _config$additional_in23, _window$ApxorRTM5;
+            var _window$Apxor12, _config$additional_in18, _config$additional_in19, _window$Apxor13, _config$additional_in20, _config$additional_in21, _config$additional_in22, _config$additional_in23, _window$ApxorRTM6;
             var _additional_info = {
               apx_nudge_name: name,
               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_in18 = config.additional_info) === null || _config$additional_in18 === void 0 ? void 0 : _config$additional_in18.id : configId,
@@ -25378,9 +25537,9 @@
               apx_variant_code: config === null || config === void 0 || (_config$additional_in19 = config.additional_info) === null || _config$additional_in19 === void 0 ? void 0 : _config$additional_in19.apx_variant_code,
               apx_step: ((_window$Apxor13 = window.Apxor) === null || _window$Apxor13 === void 0 ? void 0 : _window$Apxor13.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in20 = config.additional_info) !== null && _config$additional_in20 !== void 0 && _config$additional_in20.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in21 = config.additional_info) === null || _config$additional_in21 === void 0 ? void 0 : _config$additional_in21.apx_step : config !== null && config !== void 0 && (_config$additional_in22 = config.additional_info) !== null && _config$additional_in22 !== void 0 && _config$additional_in22.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in23 = config.additional_info) === null || _config$additional_in23 === void 0 ? void 0 : _config$additional_in23.apx_step
             };
-            (_window$ApxorRTM5 = window.ApxorRTM) === null || _window$ApxorRTM5 === void 0 || _window$ApxorRTM5.logEvent("apx_nudge_cancelled", _additional_info);
+            (_window$ApxorRTM6 = window.ApxorRTM) === null || _window$ApxorRTM6 === void 0 || _window$ApxorRTM6.logEvent("apx_nudge_cancelled", _additional_info);
           }
-          (_window38 = window) === null || _window38 === void 0 || (_window38 = _window38.ApxorInternals) === null || _window38 === void 0 || _window38.removeBuilderTemplate(configId);
+          (_window37 = window) === null || _window37 === void 0 || (_window37 = _window37.ApxorInternals) === null || _window37 === void 0 || _window37.removeBuilderTemplate(configId);
         }
       };
       if (action_class === "modal") {
@@ -25392,11 +25551,11 @@
       }
     });
     _defineProperty(this, "showPlaceHolder", function () {
-      var _window39;
-      if (_this.FNSZ) {
+      var _window38;
+      if (_this.LEVi) {
         return;
       }
-      _this.FNSZ = true;
+      _this.LEVi = true;
       var ele = document.createElement("div");
       ele.innerHTML = "place your immersive card here";
       ele.style.backgroundColor = "#f5f5f5";
@@ -25406,7 +25565,7 @@
       ele.style.padding = "12px";
       ele.style.fontSize = "14px";
       document.body.appendChild(ele);
-      (_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);
+      (_window38 = window) === null || _window38 === void 0 || (_window38 = _window38.ApxorWidget) === null || _window38 === void 0 || _window38.setDimensions(window.document.querySelector("html").offsetWidth, window.document.querySelector("html").offsetHeight);
     });
     _defineProperty(this, "pauseStories", function () {
       var progress = Array.from(document.querySelectorAll(".progress"));
@@ -25463,7 +25622,7 @@
       }
     });
     _defineProperty(this, "removeBadge", function (name, id) {
-      var cssPostFix = "-".concat(id, "-").concat(name).replaceAll(" ", "").replace(/[^\w\s]/gi, "");
+      var cssPostFix = "-".concat(id, "-").concat(name).replace(/\s+/g, "").replace(/[^\w-]/g, "");
       var badge = Array.from(document.getElementsByClassName("apxor-badge-container")).find(function (element) {
         return element.classList.contains("apxor-badge-container-styles-".concat(cssPostFix));
       });