apxor-rtm-ui 0.9.1 → 0.9.3

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, "YyDb", function () {
+    _defineProperty(this, "tclX", function () {
       return new Promise(function (resolve, reject) {
         try {
-          var element = _this.tmRn(_this.layout);
+          var element = _this.JssF(_this.layout);
           var styleElement = document.createElement("style");
           styleElement.innerHTML = _this.styleContent;
           document.head.appendChild(styleElement);
-          _this.qYHJ();
+          _this.jTYU();
           try {
             eval(_this.script);
           } catch (e) {
@@ -12190,15 +12314,15 @@
           }
           _this.imageElements.forEach(function (img) {
             img.addEventListener("error", function () {
-              _this.woit("provided image doesn't exists");
+              _this.ayPc("provided image doesn't exists");
             });
           });
           _this.intervalToCheckMediaLoadingStatus = setInterval(function () {
             _this.wait_interval -= 1;
             if (_this.wait_interval <= 0) {
-              _this.woit("provided media doesn't exists");
+              _this.ayPc("provided media doesn't exists");
             } else {
-              if (_this.xbQr() && _this.fqDl() && _this.uTAP()) {
+              if (_this.XUBL() && _this.kxrF() && _this.sSIh()) {
                 clearInterval(_this.intervalToCheckMediaLoadingStatus);
                 resolve(element);
               }
@@ -12212,7 +12336,7 @@
         }
       });
     });
-    _defineProperty(this, "woit", function (reason) {
+    _defineProperty(this, "ayPc", 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, "qYHJ", function () {
+    _defineProperty(this, "jTYU", function () {
       var BuilderTemplatesStyles = document.createElement("style");
       BuilderTemplatesStyles.innerHTML = _this.initialStyles;
       BuilderTemplatesStyles.setAttribute("apx-builder-template-styles", "");
       document.head.appendChild(BuilderTemplatesStyles);
     });
-    _defineProperty(this, "tmRn", function (config) {
+    _defineProperty(this, "JssF", function (config) {
       var _window$Apxor3;
       var element;
       switch (config.type) {
@@ -12299,7 +12423,9 @@
           }
           styles = ".".concat(config._id, " {\n        ").concat(objectToCSS(layoutStyleObject), "\n      }\n      ");
         } else {
-          styles = ".".concat(config._id, " {\n          ").concat(config.css, "\n        }\n        ");
+          var _config$properties$cu, _config$properties3;
+          // custom_font_face
+          styles = "".concat((_config$properties$cu = config === null || config === void 0 || (_config$properties3 = config.properties) === null || _config$properties3 === void 0 || (_config$properties3 = _config$properties3.custom_font) === null || _config$properties3 === void 0 ? void 0 : _config$properties3.font_face) !== null && _config$properties$cu !== void 0 ? _config$properties$cu : "", ".").concat(config._id, " {\n          ").concat(config.css, "\n        }\n        ");
         }
         _this.initialStyles += styles;
       }
@@ -12318,7 +12444,7 @@
                 if (config.type === "cta_button" || config.type === "button") {
                   reason = "cta-clicked";
                 }
-                _this.mPVm(e, "redirect", reason);
+                _this.dGod(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);
@@ -12334,7 +12460,7 @@
                 } else if (config.type === "cta_button" || config.type === "button") {
                   reason = "cta-clicked";
                 }
-                _this.mPVm(e, "cancel", reason);
+                _this.dGod(e, "cancel", reason);
                 // window.Apxor.logActionEvent(
                 //   "walk_through_cancelled",
                 //   this.configId,
@@ -12353,7 +12479,7 @@
                 } else if (config.type === "cta_button" || config.type === "button") {
                   reason = "cta-clicked";
                 }
-                _this.mPVm(e, "dismiss", reason);
+                _this.dGod(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);
@@ -12364,7 +12490,7 @@
               element.onclick = function (e) {
                 e.stopPropagation();
                 window.Apxor.neverShow(_this.configId, _this.name, "IN_APP");
-                _this.mPVm(e, "never");
+                _this.dGod(e, "never");
               };
               break;
             case "toggle-class":
@@ -12389,7 +12515,7 @@
                 tempInput.select();
                 document.execCommand("copy");
                 document.body.removeChild(tempInput);
-                _this.mPVm(e, "copy-content", "cta-clicked");
+                _this.dGod(e, "copy-content", "cta-clicked");
                 setTimeout(function () {
                   window.Apxor.showInfoToast("Text-Copied:".concat(textToCopy));
                 }, 500);
@@ -12411,7 +12537,7 @@
       }
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.tmRn(childConfig);
+          var childElement = _this.JssF(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -12419,14 +12545,14 @@
       // Process children
       if (config.children && config.children.length > 0) {
         config.children.forEach(function (childConfig) {
-          var childElement = _this.tmRn(childConfig);
+          var childElement = _this.JssF(childConfig);
           element.appendChild(childElement);
         });
       }
       if (config.type === "img") {
-        var _config$properties3, _config$properties4, _window6, _window6$getFilePath;
-        var src = config === null || config === void 0 || (_config$properties3 = config.properties) === null || _config$properties3 === void 0 ? void 0 : _config$properties3.src;
-        var format = config === null || config === void 0 || (_config$properties4 = config.properties) === null || _config$properties4 === void 0 ? void 0 : _config$properties4.format;
+        var _config$properties4, _config$properties5, _window6, _window6$getFilePath;
+        var src = config === null || config === void 0 || (_config$properties4 = config.properties) === null || _config$properties4 === void 0 ? void 0 : _config$properties4.src;
+        var format = config === null || config === void 0 || (_config$properties5 = config.properties) === null || _config$properties5 === void 0 ? void 0 : _config$properties5.format;
         element["src"] = src && format ? ((_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.Apxor) === null || _window6 === void 0 || (_window6$getFilePath = _window6.getFilePath) === null || _window6$getFilePath === void 0 ? void 0 : _window6$getFilePath.call(_window6, _this.configId, src, format)) || src : src;
         _this.imageElements.push(element);
         var imgWrapper = document.createElement("div");
@@ -12446,7 +12572,7 @@
       }
       return element;
     });
-    _defineProperty(this, "mPVm", function (e, action) {
+    _defineProperty(this, "dGod", 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 = {
@@ -12475,7 +12601,7 @@
         _this.closeCallBack(action);
       }
     });
-    _defineProperty(this, "fqDl", function () {
+    _defineProperty(this, "kxrF", 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;
@@ -12483,13 +12609,13 @@
         return img.complete;
       });
     });
-    _defineProperty(this, "uTAP", function () {
+    _defineProperty(this, "sSIh", function () {
       if (!_this.bgImageUrl) return true;
       var img = new Image();
       img.src = _this.bgImageUrl;
       return img.complete;
     });
-    _defineProperty(this, "xbQr", function () {
+    _defineProperty(this, "XUBL", function () {
       if (_this.videoElements.length === 0) return true;
       return _this.videoElements.every(function (video) {
         return video.readyState >= 3;
@@ -13006,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;
@@ -13025,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;
@@ -13311,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.");
@@ -13330,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);
@@ -13425,7 +13554,7 @@
               case 0:
                 _context2.prev = 0;
                 _context2.next = 3;
-                return this.templateContent.YyDb();
+                return this.templateContent.tclX();
               case 3:
                 this.inLineContainer = _context2.sent;
                 _context2.next = 9;
@@ -15002,7 +15131,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "fPEj", function () {
+      _defineProperty(this, "nqOV", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -15021,7 +15150,7 @@
        * @private
        * @description Sets the marketing content at the end of the Inline
        */
-      _defineProperty(this, "VoOg", function () {
+      _defineProperty(this, "BHya", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inline-marketing".concat(_this.cssPostFix));
@@ -15042,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;
@@ -15277,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);
@@ -15634,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.fPEj(), "\n      ").concat(this._getTippyStyles(), "\n      ").concat(this._getFooterStyles(), "\n      ").concat(this._getProgressBarStyles(), "\n      ").concat(this._getBootstrapiconsStyles(), " \n    ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+        var 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.nqOV(), "\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;
@@ -16444,7 +16574,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.VoOg();
+        this.BHya();
       }
 
       /**
@@ -17702,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;
@@ -19216,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.
 
@@ -19339,7 +19471,7 @@
               case 0:
                 _context2.prev = 0;
                 _context2.next = 3;
-                return this.templateContent.YyDb();
+                return this.templateContent.tclX();
               case 3:
                 this.inAppContainer = _context2.sent;
                 this.inAppContainer.style.zIndex = 99999;
@@ -19538,7 +19670,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "fPEj", function () {
+      _defineProperty(this, "nqOV", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -19584,7 +19716,7 @@
        * @private
        * @description Get the response for Form content in the InApp modal.
        */
-      _defineProperty(this, "bINs", function (form_elements) {
+      _defineProperty(this, "VNyc", function (form_elements) {
         var obj = {};
         var callback = "";
         form_elements.forEach(function (element) {
@@ -19624,7 +19756,7 @@
        * @private
        * @description Sets the marketing content at the end of the InApp
        */
-      _defineProperty(this, "VoOg", function () {
+      _defineProperty(this, "BHya", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
@@ -19639,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
@@ -19883,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.fPEj(), " \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.nqOV(), " \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;
@@ -20247,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;
           }
@@ -20382,7 +20510,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.VoOg();
+        this.BHya();
       }
 
       /**
@@ -20432,7 +20560,7 @@
             var overlay = this.overlayElement;
             var actionCallback = function actionCallback(isCancelled, action) {
               clearTimeout(_this5.terminationTimeoutId);
-              _this5.closeCallback(overlay, action, "new-inline".concat(_this5.cssPostFix), _this5.closeListener, _this5.redirectionListener);
+              _this5.closeCallback(overlay, action, "", ".apx-inapp-container".concat(_this5.cssPostFix), _this5.closeListener, _this5.redirectionListener);
             };
             var next_Callback = function next_Callback(id, action) {
               actionCallback(false, "next");
@@ -20457,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;
             }
@@ -20532,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;
           }
@@ -20664,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.bINs(_this8.form.elements),
+            var _this8$generateRespon = _this8.VNyc(_this8.form.elements),
               obj = _this8$generateRespon.obj,
               callback = _this8$generateRespon.callback;
             var evalString = "(obj)=>" + callback + "(obj)";
@@ -20779,7 +20897,7 @@
           var overlay = this.overlayElement;
           var actionCallback = function actionCallback(isCancelled, action) {
             clearTimeout(_this9.terminationTimeoutId);
-            _this9.closeCallback(overlay, action, "", "new-inline".concat(_this9.cssPostFix), _this9.closeListener, _this9.redirectionListener);
+            _this9.closeCallback(overlay, action, "", ".apx-inapp-container".concat(_this9.cssPostFix), _this9.closeListener, _this9.redirectionListener);
           };
           var next_Callback = function next_Callback(id, action) {
             actionCallback(false, "next");
@@ -21024,7 +21142,7 @@
             };
           } else {
             // As the video player is hidden by default, unhide if the mode is not PIP.
-            _this.RFlT();
+            _this.qkwF();
           }
           _this.showCallback();
         } catch (e) {
@@ -21045,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, "DcxS", function () {
+      _defineProperty(this, "FVBl", function () {
         var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video, 1),
           width = _getHeightWidthFromRe.width,
           height = _getHeightWidthFromRe.height;
@@ -21057,7 +21175,7 @@
        * @private
        * @description Removes the video player style element.
        */
-      _defineProperty(this, "EHdv", function () {
+      _defineProperty(this, "Vbqc", function () {
         var playerStyles = document.getElementById("apx-mpl-styles");
         if (playerStyles) {
           playerStyles.remove();
@@ -21068,7 +21186,7 @@
        * @private
        * @description Attach listeners on the video controls
        */
-      _defineProperty(this, "MsLs", function () {
+      _defineProperty(this, "zTef", 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");
@@ -21088,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;
@@ -21100,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) {
@@ -21127,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)),
@@ -21144,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)),
@@ -21165,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",
@@ -21183,7 +21289,7 @@
        * @private
        * @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
        */
-      _defineProperty(this, "drXm", function () {
+      _defineProperty(this, "pAjc", 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,
@@ -21223,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, "iXXi", function () {
+      _defineProperty(this, "EVzk", function () {
         _this.enable_close_button;
         if (_this.enable_close_button) {
           var closeButton = document.createElement("span");
@@ -21270,21 +21376,21 @@
        * @function hideVideoPlayer
        * @description Sets the visibility of the video player to hidden.
        */
-      _defineProperty(this, "sbcq", function () {
+      _defineProperty(this, "lKkb", function () {
         _this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function unhideVideoPlayer
        * @description Unhides video player.
        */
-      _defineProperty(this, "RFlT", function () {
+      _defineProperty(this, "qkwF", function () {
         _this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function getVideoElement
        * @returns {HTMLElement} Video ekement
        */
-      _defineProperty(this, "gkcW", function () {
+      _defineProperty(this, "CVxJ", function () {
         return _this.videoElement;
       });
       this.videoPlayer = null;
@@ -21297,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.
 
@@ -21338,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.DcxS();
+        this.FVBl();
         //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.
@@ -21346,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.MsLs();
+        this.zTef();
         //Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
-        this.drXm();
+        this.pAjc();
         //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.iXXi();
+        this.EVzk();
         //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.sbcq();
+        this.lKkb();
         //If the auto dismiss is enabled, sets the timeout to call the InApp close.
         this._setAutoTerminate();
         document.body.appendChild(this.videoPlayer);
@@ -21459,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);
@@ -21470,10 +21577,10 @@
             }
           }
           this.videoPlayer.remove();
-          this.EHdv();
+          this.Vbqc();
           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)),
@@ -21481,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),
@@ -21519,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;
@@ -21530,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),
@@ -21540,7 +21647,7 @@
                 replayCount: _this3.replayCount
               });
               _this3.videoPlayer.remove();
-              _this3.EHdv();
+              _this3.Vbqc();
               _this3.hideCallback();
             } catch (e) {
               console.log("Can't close the video player\n".concat(e));
@@ -21634,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.LJbh(_this.layout);
-        _this.RUIz();
+        var element = _this.THPB(_this.layout);
+        _this.vIRY();
         window.onresize = function () {
-          _this.gwwj();
+          _this.hRVV();
         };
         _this.imageElements.forEach(function (img) {
           img.addEventListener("error", function () {
-            _this.woit("provided image doesn't exists");
+            _this.ayPc("provided image doesn't exists");
           });
         });
         var rootContainer = document.createElement("div");
@@ -21652,7 +21759,7 @@
         var styleElement = document.createElement("style");
         styleElement.innerHTML = _this.styleContent;
         document.head.appendChild(styleElement);
-        _this.JoIM(_this.termination);
+        _this.KGpF(_this.termination);
         try {
           eval(_this.script);
         } catch (e) {
@@ -21663,10 +21770,10 @@
         _this.intervalToCheckMediaLoadingStatus = setInterval(function () {
           _this.wait_interval -= 1;
           if (_this.wait_interval <= 0) {
-            _this.woit("provided media doesn't exists");
+            _this.ayPc("provided media doesn't exists");
           } else {
-            if (_this.xbQr() && _this.fqDl() && _this.uTAP()) {
-              _this.gwwj();
+            if (_this.XUBL() && _this.kxrF() && _this.sSIh()) {
+              _this.hRVV();
               clearInterval(_this.intervalToCheckMediaLoadingStatus);
             }
           }
@@ -21677,9 +21784,9 @@
         (_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, "woit", function (reason) {
-      var _window$ApxorRTM, _window4;
-      !_this.loggedNudgeNotShownEvent && ((_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 ? void 0 : _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
+    _defineProperty(this, "ayPc", function (reason) {
+      var _window$Apxor, _window4;
+      !_this.loggedNudgeNotShownEvent && ((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.logAppEvent("apx_nudge_not_shown", {
         apx_nudge_name: _this.name,
         apx_nudge_id: _this.configId,
         apx_template_time: "embed-card",
@@ -21691,14 +21798,14 @@
       clearInterval(_this.intervalToCheckMediaLoadingStatus);
       (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.ApxorWidget) === null || _window4 === void 0 || _window4.removeEmbedCard(_this.configId);
     });
-    _defineProperty(this, "RUIz", function () {
+    _defineProperty(this, "vIRY", function () {
       var EmbeddedCardsStyles = document.createElement("style");
       EmbeddedCardsStyles.innerHTML = _this.initialStyles;
       EmbeddedCardsStyles.setAttribute("apx-embedded-card-styles", "");
       document.head.appendChild(EmbeddedCardsStyles);
     });
-    _defineProperty(this, "LJbh", function (config) {
-      var _window$Apxor;
+    _defineProperty(this, "THPB", function (config) {
+      var _window$Apxor2;
       var element;
       switch (config.type) {
         case "cell":
@@ -21715,7 +21822,7 @@
           element.muted = true;
           element.disablePictureInPicture = true;
           element.autoplay = true;
-          if (((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) === "ios") {
+          if (((_window$Apxor2 = window.Apxor) === null || _window$Apxor2 === void 0 ? void 0 : _window$Apxor2.platform) === "ios") {
             element.playsInline = true;
           }
           break;
@@ -21739,6 +21846,10 @@
             element.appendChild(sourceElement);
             continue;
           }
+          if (prop === "card_name") {
+            var _element, _element$setAttribute, _element2, _config$properties$pr;
+            (_element = element) === null || _element === void 0 || (_element$setAttribute = (_element2 = _element).setAttribute) === null || _element$setAttribute === void 0 || _element$setAttribute.call(_element2, prop, (_config$properties$pr = config.properties[prop]) !== null && _config$properties$pr !== void 0 ? _config$properties$pr : "");
+          }
           element[prop] = config.properties[prop];
         }
       }
@@ -21758,7 +21869,9 @@
           }
           styles = ".".concat(config._id, " {\n        ").concat(objectToCSS(layoutStyleObject), "\n      }\n      ");
         } else {
-          styles = ".".concat(config._id, " {\n          ").concat(config.css, "\n        }\n        ");
+          var _config$properties$cu, _config$properties3;
+          // custom_font_face
+          styles = "".concat((_config$properties$cu = config === null || config === void 0 || (_config$properties3 = config.properties) === null || _config$properties3 === void 0 || (_config$properties3 = _config$properties3.custom_font) === null || _config$properties3 === void 0 ? void 0 : _config$properties3.font_face) !== null && _config$properties$cu !== void 0 ? _config$properties$cu : "", ".").concat(config._id, " {\n          ").concat(config.css, "\n        }\n        ");
         }
         _this.initialStyles += styles;
       }
@@ -21771,35 +21884,40 @@
               element.onclick = function (e) {
                 e.stopPropagation();
                 window.Apxor.redirect(JSON.stringify(action));
-                _this.mPVm(e);
+                _this.dGod(e);
               };
               break;
             case "show-video":
               element.onclick = function (e) {
                 e.stopPropagation();
                 window.Apxor.showVideoInApp(_this.configId, _this.name, action.url);
-                _this.mPVm(e);
+                _this.dGod(e);
               };
               break;
             case "cancel":
               element.onclick = function (e) {
                 e.stopPropagation();
-                _this.mPVm(e);
+                _this.dGod(e);
                 window.Apxor.logActionEvent("walk_through_cancelled", _this.configId, _this.name);
               };
               break;
             case "dismiss":
               element.onclick = function (e) {
                 e.stopPropagation();
-                _this.mPVm(e);
+                _this.dGod(e);
               };
               break;
             case "never":
               element.onclick = function (e) {
+                var _window$Apxor3;
                 e.stopPropagation();
                 window.Apxor.neverShow(_this.configId, _this.name, "IN_APP");
-                window.Apxor.logActionEvent("never_show_clicked", _this.configId, _this.name);
-                _this.mPVm(e);
+                (_window$Apxor3 = window.Apxor) === null || _window$Apxor3 === void 0 || _window$Apxor3.logAppEvent("apx_nudge_terminated", {
+                  apx_nudge_name: _this.name,
+                  apx_nudge_id: _this.configId,
+                  apx_termination_type: "never-show"
+                });
+                _this.dGod(e);
               };
               break;
             case "toggle-class":
@@ -21824,7 +21942,7 @@
                 tempInput.select();
                 document.execCommand("copy");
                 document.body.removeChild(tempInput);
-                _this.mPVm(e);
+                _this.dGod(e);
               };
               break;
             case "log-app-event":
@@ -21843,7 +21961,7 @@
       }
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.tmRn(childConfig);
+          var childElement = _this.JssF(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -21851,14 +21969,14 @@
       // Process children
       if (config.children && config.children.length > 0) {
         config.children.forEach(function (childConfig) {
-          var childElement = _this.LJbh(childConfig);
+          var childElement = _this.THPB(childConfig);
           element.appendChild(childElement);
         });
       }
       if (config.type === "img") {
-        var _config$properties3, _config$properties4, _window5, _window5$getFilePath;
-        var src = config === null || config === void 0 || (_config$properties3 = config.properties) === null || _config$properties3 === void 0 ? void 0 : _config$properties3.src;
-        var format = config === null || config === void 0 || (_config$properties4 = config.properties) === null || _config$properties4 === void 0 ? void 0 : _config$properties4.format;
+        var _config$properties4, _config$properties5, _window5, _window5$getFilePath;
+        var src = config === null || config === void 0 || (_config$properties4 = config.properties) === null || _config$properties4 === void 0 ? void 0 : _config$properties4.src;
+        var format = config === null || config === void 0 || (_config$properties5 = config.properties) === null || _config$properties5 === void 0 ? void 0 : _config$properties5.format;
         element["src"] = src && format ? ((_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || (_window5$getFilePath = _window5.getFilePath) === null || _window5$getFilePath === void 0 ? void 0 : _window5$getFilePath.call(_window5, _this.configId, src, format)) || src : src;
         _this.imageElements.push(element);
         var imgWrapper = document.createElement("div");
@@ -21877,7 +21995,7 @@
       }
       return element;
     });
-    _defineProperty(this, "mPVm", function (e) {
+    _defineProperty(this, "dGod", function (e) {
       var _e$target$getAttribut, _e$target, _e$target$getAttribut2;
       var additional_info = {
         apx_nudge_name: _this.name,
@@ -21886,15 +22004,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$Apxor4;
         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$Apxor4 = window.Apxor) === null || _window$Apxor4 === void 0 || _window$Apxor4.logAppEvent("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$Apxor5;
+        (_window$Apxor5 = window.Apxor) === null || _window$Apxor5 === void 0 || _window$Apxor5.logAppEvent("apx_card_interaction", additional_info);
       }
     });
-    _defineProperty(this, "JoIM", function (config) {
+    _defineProperty(this, "KGpF", function (config) {
       config.forEach(function (id) {
         var element = document.getElementById(id);
         if (element) {
@@ -21902,7 +22020,7 @@
         }
       });
     });
-    _defineProperty(this, "fqDl", function () {
+    _defineProperty(this, "kxrF", 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;
@@ -21910,19 +22028,19 @@
         return img.complete;
       });
     });
-    _defineProperty(this, "xbQr", function () {
+    _defineProperty(this, "XUBL", function () {
       if (_this.videoElements.length === 0) return true;
       return _this.videoElements.every(function (video) {
         return video.readyState >= 3;
       });
     });
-    _defineProperty(this, "uTAP", function () {
+    _defineProperty(this, "sSIh", function () {
       if (!_this.bgImageUrl) return true;
       var img = new Image();
       img.src = _this.bgImageUrl;
       return img.complete;
     });
-    _defineProperty(this, "gwwj", function () {
+    _defineProperty(this, "hRVV", function () {
       var _window6, _window7;
       var width = window.document.querySelector("html").offsetWidth;
       var height = window.document.querySelector("html").offsetHeight;
@@ -22011,8 +22129,8 @@
         _this.storyContainer.appendChild(currentElement);
         _this.storyContainer.appendChild(slideDetails);
         document.body.appendChild(_this.storyContainer);
-        _this.Jmwb();
-        _this.mKEK();
+        _this.QWQi();
+        _this.Hxdq();
         _this.progress = Array.from(document.querySelectorAll(".progress"));
         var current_slide = document.querySelector(".slide-details");
         var playNext = function playNext(e) {
@@ -22058,7 +22176,7 @@
               _existingAbsoluteElements2.forEach(function (element) {
                 element.remove();
               });
-              // this.uqKf();
+              // this.pZHH();
               var _currentSlideDetails = document.querySelector(".slide-details");
               _currentSlideDetails.innerHTML = "";
               _this.position = _this.position + 1;
@@ -22154,7 +22272,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.tmRn(current_element);
+            current_absolute_element = _this.JssF(current_element);
             absolute_header.appendChild(current_absolute_element);
           });
           (_absolute_header = absolute_header) === null || _absolute_header === void 0 || _absolute_header.classList.add("apx-slide-header");
@@ -22163,12 +22281,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";
@@ -22214,7 +22332,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.tmRn(updated_layout_without_absolute_elements);
+            element = _this.JssF(updated_layout_without_absolute_elements);
             document.body.style.backgroundColor = current_slide_from_config.media_background_color;
             document.body.style.margin = "0px";
           }
@@ -22222,9 +22340,9 @@
             current_slide.removeChild(current_slide.children[0]);
           }
           current_slide.appendChild(element);
-          _this.dioq();
+          _this.lJjJ();
           window.intervalToCheckImgStatus = setInterval(function () {
-            if (_this.JdWy()) {
+            if (_this.Aayi()) {
               clearInterval(window.intervalToCheckImgStatus);
             }
           }, 500);
@@ -22252,7 +22370,7 @@
         });
         playNext();
       });
-      _defineProperty(this, "uqKf", function () {
+      _defineProperty(this, "pZHH", function () {
         document.body.classList.add("slide-right");
         var animationEndCounter = 0;
         var onAnimationEnd = function onAnimationEnd() {
@@ -22264,13 +22382,15 @@
         };
         document.body.addEventListener("animationend", onAnimationEnd);
       });
-      _defineProperty(this, "tmRn", function (config) {
+      _defineProperty(this, "JssF", function (config) {
         var _window$Apxor4;
         var element;
+        var explicit_styles = "";
         var startY;
         var progress_bar;
         var slide_header;
         var slide_details;
+        var ElementStyles = document.createElement("style");
         switch (config.type) {
           case "cell":
           case "text":
@@ -22320,7 +22440,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.lCIW(event);
+              _this.HChJ(event);
             });
             break;
           case "copy_icon":
@@ -22378,7 +22498,12 @@
             styles = objectToCSS(imgStyleObject);
             element.style = styles;
           } else {
+            var _config$properties3;
             element.style = config.css;
+            if (config !== null && config !== void 0 && (_config$properties3 = config.properties) !== null && _config$properties3 !== void 0 && _config$properties3.custom_font) {
+              var _config$properties$cu, _config$properties4;
+              explicit_styles = "".concat((_config$properties$cu = (_config$properties4 = config.properties) === null || _config$properties4 === void 0 || (_config$properties4 = _config$properties4.custom_font) === null || _config$properties4 === void 0 ? void 0 : _config$properties4.font_face) !== null && _config$properties$cu !== void 0 ? _config$properties$cu : "");
+            }
           }
         }
         if (config.enable_actions && config.actions.length > 0) {
@@ -22514,7 +22639,7 @@
         }
         if (config.absolute_position_children && config.absolute_position_children.length > 0) {
           config.absolute_position_children.forEach(function (childConfig) {
-            var childElement = _this.tmRn(childConfig);
+            var childElement = _this.JssF(childConfig);
             element.appendChild(childElement);
           });
         }
@@ -22522,13 +22647,13 @@
         // Process children
         if (config.children && config.children.length > 0) {
           config.children.forEach(function (childConfig) {
-            var childElement = _this.tmRn(childConfig);
+            var childElement = _this.JssF(childConfig);
             element.appendChild(childElement);
           });
         }
         if (config.type === "img") {
-          var _config$properties3, _window5, _window5$getFilePathF;
-          var src = config === null || config === void 0 || (_config$properties3 = config.properties) === null || _config$properties3 === void 0 ? void 0 : _config$properties3.src;
+          var _config$properties5, _window5, _window5$getFilePathF;
+          var src = config === null || config === void 0 || (_config$properties5 = config.properties) === null || _config$properties5 === void 0 ? void 0 : _config$properties5.src;
           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");
@@ -22546,9 +22671,11 @@
         } else if (config.type === "video") {
           _this.videoElements.push(element);
         }
+        ElementStyles.innerHTML = explicit_styles;
+        element.appendChild(ElementStyles);
         return element;
       });
-      _defineProperty(this, "lCIW", function (event) {
+      _defineProperty(this, "HChJ", function (event) {
         var slide_details_to_be_deleted;
         var mute_child_elements;
         var unmute_child_elements;
@@ -22578,11 +22705,11 @@
           }
           // this.muteElement.addEventListener("touchstart", (event) => {
           //   event.stopPropagation();
-          //   this.lCIW(event);
+          //   this.HChJ(event);
           // });
         }
       });
-      _defineProperty(this, "mKEK", function () {
+      _defineProperty(this, "Hxdq", function () {
         var tapTimeout;
         var tapThreshold = 0.5; // Assuming 0.5 is the center of the WebView
         var longPressDuration = 200;
@@ -22706,7 +22833,7 @@
           event.target.dataset.touchStartTime = event.timeStamp;
         });
       });
-      _defineProperty(this, "Jmwb", function () {
+      _defineProperty(this, "QWQi", function () {
         var startY, startX;
         _this.storyContainer.addEventListener("touchstart", function (event) {
           _this.swipeTouch = true;
@@ -22913,7 +23040,7 @@
           }, 50);
         });
       });
-      _defineProperty(this, "dioq", function () {
+      _defineProperty(this, "lJjJ", function () {
         _this.loader.style.display = "block";
         var progress = Array.from(document.querySelectorAll(".progress"));
         var activeIndex = progress.findIndex(function (el) {
@@ -22929,7 +23056,7 @@
           }
         }
       });
-      _defineProperty(this, "XEwF", function () {
+      _defineProperty(this, "ofzx", function () {
         if (!_this.continueLoading) {
           var slide_details_to_be_deleted = document.querySelector(".slide-details");
           var childElements = slide_details_to_be_deleted.querySelectorAll("video");
@@ -22949,19 +23076,19 @@
           _this.loader.style.display = "none";
         }
       });
-      _defineProperty(this, "fqDl", function () {
+      _defineProperty(this, "kxrF", function () {
         if (_this.imageElements.length === 0) return true;
         return _this.imageElements.every(function (img) {
           return img.complete;
         });
       });
-      _defineProperty(this, "xbQr", function () {
+      _defineProperty(this, "XUBL", function () {
         if (_this.videoElements.length === 0) return true;
         return _this.videoElements.every(function (video) {
           return video.readyState >= 3;
         });
       });
-      _defineProperty(this, "JdWy", function () {
+      _defineProperty(this, "Aayi", function () {
         var bodyStyles = window.getComputedStyle(document.body);
         var backgroundImage = bodyStyles.backgroundImage;
         if (backgroundImage && backgroundImage !== "none" && _this.current_slide_config.media_type === "image") {
@@ -22971,7 +23098,7 @@
           var img = new Image();
           img.src = imageUrl;
           if (img.complete) {
-            _this.XEwF();
+            _this.ofzx();
             return true;
           }
           return false;
@@ -22979,21 +23106,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.XEwF();
+            _this.ofzx();
             return true;
           }
           return false;
         } else {
           if (_this.videoElements.length == 0 && _this.imageElements.length == 0) {
-            _this.XEwF();
+            _this.ofzx();
             return true;
-          } else if (_this.fqDl() && _this.xbQr()) {
-            _this.XEwF();
+          } else if (_this.kxrF() && _this.XUBL()) {
+            _this.ofzx();
             return true;
           }
         }
       });
-      _defineProperty(this, "Ktty", function (event, startY, action) {
+      _defineProperty(this, "jJUR", function (event, startY, action) {
         event.stopPropagation();
         var endY = event.changedTouches[0].clientY;
         var deltaY = startY - endY;
@@ -23088,7 +23215,7 @@
       this.swipe_action;
       this.continueLoading = false;
       this.boundSwipeUpHandling = function (event) {
-        return _this.Ktty(event, _this.startY, _this.swipe_action);
+        return _this.jJUR(event, _this.startY, _this.swipe_action);
       };
     }
     _createClass(Stories, [{
@@ -23151,7 +23278,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.uqKf();
+            // this.pZHH();
             this.position++;
             this.progress_bar = new ProgressBar$1(this.config[this.position].progress_bar);
             this.slides = this.config[this.position].slides;
@@ -23277,7 +23404,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.uqKf();
+          // this.pZHH();
           this.position--;
           this.progress_bar = new ProgressBar$1(this.config[this.position].progress_bar);
           this.slides = this.config[this.position].slides;
@@ -23407,12 +23534,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";
@@ -23464,25 +23591,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.tmRn(updated_layout_without_absolute_elements);
+          element = this.JssF(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.dioq();
+        this.lJjJ();
 
         // 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.tmRn(childConfig);
+            var childElement = _this2.JssF(childConfig);
             // Append absolute position children to slide details container
             currentSlideDetails.appendChild(childElement);
           });
         }
         window.intervalToCheckImgStatus2 = setInterval(function () {
-          if (_this2.JdWy()) {
+          if (_this2.Aayi()) {
             clearInterval(window.intervalToCheckImgStatus2);
           }
         }, 500);
@@ -23917,15 +24044,15 @@
         _this$badge$animation2,
         _this$badge$animation3;
       _classCallCheck(this, ApxorBadge);
-      _defineProperty(this, "abJr", function () {
+      _defineProperty(this, "nJJY", function () {
         var delayMillis = _this.delayMillis * 1000;
         _this.shakeAnimationRepeat(_this.interCount, delayMillis);
       });
-      _defineProperty(this, "ySbr", function () {
+      _defineProperty(this, "PfNh", function () {
         var delayMillis = _this.delayMillis * 1000;
         _this.fadeAnimationRepeat(_this.interCount, delayMillis);
       });
-      _defineProperty(this, "nEhw", function () {
+      _defineProperty(this, "UIWW", 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, "");
@@ -23934,7 +24061,7 @@
         (_this$targetElement = _this.targetElement) === null || _this$targetElement === void 0 || _this$targetElement.appendChild(newstyleNode1);
         _this.rippleAnimationRepeat(_this.interCount, delayMillis);
       });
-      _defineProperty(this, "Rfqe", function () {
+      _defineProperty(this, "xisV", function () {
         var delayMillis = _this.delayMillis * 1000;
         //let badgeContainerClass = `.apxor-badge-container-styles-${this.cssPostFix}`;
         //let badgeAnimationElement = document.querySelector(badgeContainerClass);
@@ -23951,7 +24078,7 @@
         //     newstyleNode1.innerHTML = finalStyles;
         //     this.targetElement?.appendChild(newstyleNode1);
       });
-      _defineProperty(this, "wXSj", function () {
+      _defineProperty(this, "iuYq", 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();
@@ -23960,9 +24087,9 @@
         dummy_elements === null || dummy_elements === void 0 || dummy_elements.forEach(function (ele) {
           ele === null || ele === void 0 || ele.remove();
         });
-        _this.qgiQ();
+        _this.moVg();
       });
-      _defineProperty(this, "qgiQ", function () {
+      _defineProperty(this, "moVg", function () {
         var targetWrapperElement = document.querySelector(".image-container-".concat(_this.configId));
         // Ensure the target element is the wrapper with class 'image-container'
         if (targetWrapperElement) {
@@ -23986,12 +24113,12 @@
        * @param {boolean} optimized
        * @returns viewId
        */
-      _defineProperty(this, "dKzi", function (node, optimized) {
+      _defineProperty(this, "xuge", function (node, optimized) {
         if (node.nodeType !== Node.ELEMENT_NODE) return "";
         var steps = [];
         var contextNode = node;
         while (contextNode) {
-          var step = _this.aFBg(contextNode, !!optimized, contextNode === node);
+          var step = _this.DnjD(contextNode, !!optimized, contextNode === node);
           if (!step) break; // Error - bail out early.
           steps.push(step);
           if (step.optimized) break;
@@ -24006,7 +24133,7 @@
        * @param {boolean} optimized
        * @param {object} isTargetNode
        */
-      _defineProperty(this, "aFBg", function (node, optimized, isTargetNode) {
+      _defineProperty(this, "DnjD", function (node, optimized, isTargetNode) {
         if (node.nodeType !== Node.ELEMENT_NODE) return null;
         var id = node.getAttribute("id");
         if (optimized) {
@@ -24101,7 +24228,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) || {};
@@ -24127,7 +24255,7 @@
       this.contentZindexValue = 1;
     }
     _createClass(ApxorBadge, [{
-      key: "HGOD",
+      key: "euPP",
       value: function createBadge() {
         var _this2 = this;
         var targetFoundCallback = function targetFoundCallback() {
@@ -24218,10 +24346,18 @@
               callback();
             } else {
               _this3.target.retry.max_retries = _this3.target.retry.max_retries - 1;
-              // If the element is not found even after max interval, stop checking
+              // If the element is not found even after max interval, stop checking and log "apx_nudge_not_shown" event
               if (_this3.target.retry.max_retries <= 0) {
+                var _window;
                 clearInterval(elementRecheckIntervalId);
                 console.warn("Element with selector:".concat(_this3.target.id, " not found."));
+                (_window = window) === null || _window === void 0 || (_window = _window.ApxorRTM) === null || _window === void 0 || _window.logEvent("apx_nudge_not_shown", {
+                  apx_nudge_type: "campaign",
+                  apx_nudge_id: _this3.configId,
+                  apx_nudge_name: _this3.name,
+                  apx_notshown_type: "error",
+                  apx_reason: "View not found"
+                });
               }
             }
           } else {
@@ -24231,9 +24367,17 @@
               callback();
             } else {
               _this3.target.retry.max_retries = _this3.target.retry.max_retries - 1;
-              // If the element is not visible even after max interval, stop checking
+              // If the element is not visible even after max interval, stop checking and log "apx_nudge_not_shown" event
               if (_this3.target.retry.max_retries <= 0) {
+                var _window2;
                 clearInterval(elementRecheckIntervalId);
+                (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.ApxorRTM) === null || _window2 === void 0 || _window2.logEvent("apx_nudge_not_shown", {
+                  apx_nudge_type: "campaign",
+                  apx_nudge_id: _this3.configId,
+                  apx_nudge_name: _this3.name,
+                  apx_notshown_type: "error",
+                  apx_reason: "View not found"
+                });
               }
             }
           }
@@ -24380,7 +24524,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 = "";
@@ -24755,7 +24899,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");
@@ -24856,31 +25000,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;
@@ -24898,16 +25072,16 @@
   var RTM = /*#__PURE__*/_createClass(function RTM() {
     var _this = this;
     _classCallCheck(this, RTM);
-    _defineProperty(this, "YRfU", {});
+    _defineProperty(this, "tdGc", {});
     _defineProperty(this, "isShowingAction", false);
     _defineProperty(this, "currentAction", null);
-    _defineProperty(this, "HyJc", null);
-    _defineProperty(this, "version", 91);
+    _defineProperty(this, "ThXo", null);
+    _defineProperty(this, "version", 93);
     _defineProperty(this, "isInitialised", false);
-    _defineProperty(this, "lbLW", {});
-    _defineProperty(this, "etai", false);
+    _defineProperty(this, "MSgZ", {});
+    _defineProperty(this, "gkkE", false);
     _defineProperty(this, "_isShownECCalled", false);
-    _defineProperty(this, "WLeB", function () {
+    _defineProperty(this, "DvMV", function () {
       _this.isInitialised = true;
       var oldPushState = history.pushState;
       history.pushState = function pushState() {
@@ -24934,7 +25108,7 @@
       var _window;
       (_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.error("logger show");
       if (!_this.isInitialised) {
-        _this.WLeB();
+        _this.DvMV();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor, _window$Apxor$pageUnl;
@@ -24959,7 +25133,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.sYRk(ui_config, duration, uuid, name);
+          _this.FxIS(ui_config, duration, uuid, name);
         } else {
           showCoachmarkWithDelay(_this, ui_config, {
             configId: uuid,
@@ -24999,7 +25173,7 @@
     });
     _defineProperty(this, "showBadge", function (uiJson, duration, uuid, name, terminationConfig) {
       if (!_this.isInitialised) {
-        _this.WLeB();
+        _this.DvMV();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor2, _window$Apxor2$pageUn;
@@ -25011,7 +25185,7 @@
         _this.removeBadge(name, uuid);
       }
       var termination_config = JSON.parse(terminationConfig);
-      _this.HGOD(ui_config, duration, uuid, name, termination_config);
+      _this.euPP(ui_config, duration, uuid, name, termination_config);
     });
     _defineProperty(this, "showInApp", function (config, duration, configId, name) {
       try {
@@ -25057,12 +25231,14 @@
     });
     _defineProperty(this, "createembedCards", function (config, configId, name) {
       var cardsContainer = new EmbedCards(config, configId, name, function () {
-        var _window13, _window$ApxorRTM2;
+        var _window13, _window$ApxorRTM2, _config$additional_in, _config$additional_in2;
         (_window13 = window) === null || _window13 === void 0 || (_window13 = _window13.ApxorLogger) === null || _window13 === void 0 || _window13.debug("successfully showing the nudge");
         (config === null || config === void 0 ? void 0 : config.initialRender) && ((_window$ApxorRTM2 = window.ApxorRTM) === null || _window$ApxorRTM2 === void 0 ? void 0 : _window$ApxorRTM2.logEvent("apx_nudge_shown", {
-          campaignName: name,
-          id: configId,
-          apx_template_name: "embed-card"
+          apx_nudge_name: name,
+          apx_nudge_id: configId,
+          apx_template_name: "embed-card",
+          apx_screen_name: config === null || config === void 0 || (_config$additional_in = config.additional_info) === null || _config$additional_in === void 0 ? void 0 : _config$additional_in.apx_screen_name,
+          apx_variant_code: config === null || config === void 0 || (_config$additional_in2 = config.additional_info) === null || _config$additional_in2 === void 0 ? void 0 : _config$additional_in2.apx_variant_code
         }));
         _this._isShownECCalled = true;
       }, function () {
@@ -25075,7 +25251,7 @@
       try {
         config = config.split("\n").join("\\n");
         var ui_config = JSON.parse(config);
-        _this.fZFC(ui_config, configId, name, position, slidesSeenCount, view_id);
+        _this.NaBI(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") {
@@ -25089,12 +25265,16 @@
         console.error(e);
       }
     });
-    _defineProperty(this, "fZFC", function (config, configId, name, position, slidesSeenCount, view_id) {
+    _defineProperty(this, "NaBI", function (config, configId, name, position, slidesSeenCount, view_id) {
       var cardsContainer = new Stories(config, configId, name, position, slidesSeenCount, view_id, function () {
-        window.Apxor.logAppEvent("apx_nudge_shown", {
-          campaignName: name,
-          id: configId,
-          apx_template_name: "stories"
+        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",
+          apx_step: position !== null && position !== void 0 ? position : 0,
+          apx_screen_name: config === null || config === void 0 || (_config$additional_in3 = config.additional_info) === null || _config$additional_in3 === void 0 ? void 0 : _config$additional_in3.apx_screen_name,
+          apx_variant_code: config === null || config === void 0 || (_config$additional_in4 = config.additional_info) === null || _config$additional_in4 === void 0 ? void 0 : _config$additional_in4.apx_variant_code
         });
       }, function () {});
       cardsContainer.showStories();
@@ -25105,10 +25285,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) {}
       }
     });
@@ -25120,48 +25298,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.HyJc = null;
-        (_window23 = window) === null || _window23 === void 0 || (_window23 = _window23.Apxor) === null || _window23 === void 0 || (_window23$updateFlag = _window23.updateFlag) === null || _window23$updateFlag === void 0 || _window23$updateFlag.call(_window23, false);
+        _this.ThXo = 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.HyJc = new InLineTooltip(ui_config, [], [], terminationConfig, {
+        _this.ThXo = new InLineTooltip(ui_config, [], [], terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide, function () {}, false, 0);
       } else if (action_class === "tooltip_builder") {
-        _this.HyJc = new NewInLineTooltip(ui_config, terminationConfig, {
+        _this.ThXo = new NewInLineTooltip(ui_config, terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide);
       }
       setTimeout(function () {
-        _this.HyJc.createNewTooltip();
+        _this.ThXo.createNewTooltip();
       }, ui_config.delay);
     });
-    _defineProperty(this, "sYRk", function (ui_config, duration, uuid, name) {
+    _defineProperty(this, "FxIS", function (ui_config, duration, uuid, name) {
       var terminationConfig = {};
       terminationConfig["auto_dismiss"] = duration > 0;
       terminationConfig["duration"] = duration;
@@ -25171,33 +25349,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.HyJc = null;
-        (_window28 = window) === null || _window28 === void 0 || (_window28 = _window28.Apxor) === null || _window28 === void 0 || (_window28$updateFlag = _window28.updateFlag) === null || _window28$updateFlag === void 0 || _window28$updateFlag.call(_window28, false);
+        _this.ThXo = 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, "HGOD", function (ui_config, duration, uuid, name, terminationConfig) {
+    _defineProperty(this, "euPP", function (ui_config, duration, uuid, name, terminationConfig) {
       _this._currentBadge = new ApxorBadge(ui_config, terminationConfig, {
         configId: uuid,
         configName: name
@@ -25208,18 +25386,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.wXSj();
-      _this._currentBadge.HGOD();
+      _this._currentBadge.iuYq();
+      _this._currentBadge.euPP();
     });
     _defineProperty(this, "updateElementPositionOnScroll", function (top, left, height, width) {
-      if (_this.HyJc) {
-        _this.HyJc.updateElementPositionOnScroll(top, left, height, width);
+      if (_this.ThXo) {
+        _this.ThXo.updateElementPositionOnScroll(top, left, height, width);
       }
     });
     _defineProperty(this, "createInAppVideo", function (config, duration, configId, name) {
@@ -25236,15 +25414,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);
         }
@@ -25271,23 +25449,23 @@
         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_in, _window$Apxor8, _config$additional_in2, _config$additional_in3, _config$additional_in4, _config$additional_in5, _config$additional_in6, _config$additional_in7;
-          (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_nudge_shown", {
+          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_in = config.additional_info) === null || _config$additional_in === void 0 ? void 0 : _config$additional_in.id : configId,
+            apx_nudge_id: ((_window$Apxor7 = window.Apxor) === null || _window$Apxor7 === void 0 ? void 0 : _window$Apxor7.platform) === "ios" ? config === null || config === void 0 || (_config$additional_in5 = config.additional_info) === null || _config$additional_in5 === void 0 ? void 0 : _config$additional_in5.id : configId,
             apx_template_name: "inapp",
-            apx_step: ((_window$Apxor8 = window.Apxor) === null || _window$Apxor8 === void 0 ? void 0 : _window$Apxor8.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in2 = config.additional_info) !== null && _config$additional_in2 !== void 0 && _config$additional_in2.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in3 = config.additional_info) === null || _config$additional_in3 === void 0 ? void 0 : _config$additional_in3.apx_step : config !== null && config !== void 0 && (_config$additional_in4 = config.additional_info) !== null && _config$additional_in4 !== void 0 && _config$additional_in4.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in5 = config.additional_info) === null || _config$additional_in5 === void 0 ? void 0 : _config$additional_in5.apx_step,
-            apx_screen_name: config === null || config === void 0 || (_config$additional_in6 = config.additional_info) === null || _config$additional_in6 === void 0 ? void 0 : _config$additional_in6.apx_screen_name,
-            apx_variant_code: config === null || config === void 0 || (_config$additional_in7 = config.additional_info) === null || _config$additional_in7 === void 0 ? void 0 : _config$additional_in7.apx_variant_code
+            apx_step: ((_window$Apxor8 = window.Apxor) === null || _window$Apxor8 === void 0 ? void 0 : _window$Apxor8.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in6 = config.additional_info) !== null && _config$additional_in6 !== void 0 && _config$additional_in6.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in7 = config.additional_info) === null || _config$additional_in7 === void 0 ? void 0 : _config$additional_in7.apx_step : config !== null && config !== void 0 && (_config$additional_in8 = config.additional_info) !== null && _config$additional_in8 !== void 0 && _config$additional_in8.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in9 = config.additional_info) === null || _config$additional_in9 === void 0 ? void 0 : _config$additional_in9.apx_step,
+            apx_screen_name: config === null || config === void 0 || (_config$additional_in10 = config.additional_info) === null || _config$additional_in10 === void 0 ? void 0 : _config$additional_in10.apx_screen_name,
+            apx_variant_code: config === null || config === void 0 || (_config$additional_in11 = config.additional_info) === null || _config$additional_in11 === void 0 ? void 0 : _config$additional_in11.apx_variant_code
           });
         }
       };
@@ -25305,43 +25483,43 @@
         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_in8, _config$additional_in9, _window$Apxor11, _config$additional_in10, _config$additional_in11, _config$additional_in12, _config$additional_in13, _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_in8 = config.additional_info) === null || _config$additional_in8 === void 0 ? void 0 : _config$additional_in8.id : configId,
+              apx_nudge_id: ((_window$Apxor10 = window.Apxor) === null || _window$Apxor10 === void 0 ? void 0 : _window$Apxor10.platform) === "ios" ? config === null || config === void 0 || (_config$additional_in12 = config.additional_info) === null || _config$additional_in12 === void 0 ? void 0 : _config$additional_in12.id : configId,
               apx_template_name: "inapp",
-              apx_variant_code: config === null || config === void 0 || (_config$additional_in9 = config.additional_info) === null || _config$additional_in9 === void 0 ? void 0 : _config$additional_in9.apx_variant_code,
-              apx_step: ((_window$Apxor11 = window.Apxor) === null || _window$Apxor11 === void 0 ? void 0 : _window$Apxor11.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in10 = config.additional_info) !== null && _config$additional_in10 !== void 0 && _config$additional_in10.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in11 = config.additional_info) === null || _config$additional_in11 === void 0 ? void 0 : _config$additional_in11.apx_step : config !== null && config !== void 0 && (_config$additional_in12 = config.additional_info) !== null && _config$additional_in12 !== void 0 && _config$additional_in12.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in13 = config.additional_info) === null || _config$additional_in13 === void 0 ? void 0 : _config$additional_in13.apx_step
+              apx_variant_code: config === null || config === void 0 || (_config$additional_in13 = config.additional_info) === null || _config$additional_in13 === void 0 ? void 0 : _config$additional_in13.apx_variant_code,
+              apx_step: ((_window$Apxor11 = window.Apxor) === null || _window$Apxor11 === void 0 ? void 0 : _window$Apxor11.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in14 = config.additional_info) !== null && _config$additional_in14 !== void 0 && _config$additional_in14.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in15 = config.additional_info) === null || _config$additional_in15 === void 0 ? void 0 : _config$additional_in15.apx_step : config !== null && config !== void 0 && (_config$additional_in16 = config.additional_info) !== null && _config$additional_in16 !== void 0 && _config$additional_in16.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in17 = config.additional_info) === null || _config$additional_in17 === void 0 ? void 0 : _config$additional_in17.apx_step
             };
             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_in14, _config$additional_in15, _window$Apxor13, _config$additional_in16, _config$additional_in17, _config$additional_in18, _config$additional_in19, _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_in14 = config.additional_info) === null || _config$additional_in14 === void 0 ? void 0 : _config$additional_in14.id : configId,
+              apx_nudge_id: ((_window$Apxor12 = window.Apxor) === null || _window$Apxor12 === void 0 ? void 0 : _window$Apxor12.platform) === "ios" ? config === null || config === void 0 || (_config$additional_in18 = config.additional_info) === null || _config$additional_in18 === void 0 ? void 0 : _config$additional_in18.id : configId,
               apx_template_name: "inapp",
-              apx_variant_code: config === null || config === void 0 || (_config$additional_in15 = config.additional_info) === null || _config$additional_in15 === void 0 ? void 0 : _config$additional_in15.apx_variant_code,
-              apx_step: ((_window$Apxor13 = window.Apxor) === null || _window$Apxor13 === void 0 ? void 0 : _window$Apxor13.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in16 = config.additional_info) !== null && _config$additional_in16 !== void 0 && _config$additional_in16.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in17 = config.additional_info) === null || _config$additional_in17 === void 0 ? void 0 : _config$additional_in17.apx_step : config !== null && config !== void 0 && (_config$additional_in18 = config.additional_info) !== null && _config$additional_in18 !== void 0 && _config$additional_in18.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in19 = config.additional_info) === null || _config$additional_in19 === void 0 ? void 0 : _config$additional_in19.apx_step
+              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") {
@@ -25349,17 +25527,15 @@
         inappModal.createInAppModal();
       } else if (action_class === "inapp_builder") {
         inappModal = new NewModalInApp(config, terminationConfig, configId, name, onShow, onHide);
-        setTimeout(function () {
-          inappModal.createInAppModal();
-        }, config === null || config === void 0 ? void 0 : config.delay);
+        inappModal.createInAppModal();
       }
     });
     _defineProperty(this, "showPlaceHolder", function () {
-      var _window39;
-      if (_this.etai) {
+      var _window38;
+      if (_this.gkkE) {
         return;
       }
-      _this.etai = true;
+      _this.gkkE = true;
       var ele = document.createElement("div");
       ele.innerHTML = "place your immersive card here";
       ele.style.backgroundColor = "#f5f5f5";
@@ -25369,7 +25545,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"));
@@ -25426,7 +25602,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));
       });