apxor-rtm-ui 0.5.5 → 0.6.0

package/dist/apxor.rtm.js.bak

@@ -4,6 +4,54 @@
   (global = global || self, global['apxor-rtm'] = factory());
 }(this, (function () { 'use strict';
 
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
+      } finally {
+        try {
+          if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+  function ownKeys(e, r) {
+    var t = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+      var o = Object.getOwnPropertySymbols(e);
+      r && (o = o.filter(function (r) {
+        return Object.getOwnPropertyDescriptor(e, r).enumerable;
+      })), t.push.apply(t, o);
+    }
+    return t;
+  }
+  function _objectSpread2(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = null != arguments[r] ? arguments[r] : {};
+      r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+        _defineProperty(e, r, t[r]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+      });
+    }
+    return e;
+  }
   function _typeof(o) {
     "@babel/helpers - typeof";
 
@@ -117,12 +165,18 @@
       return _possibleConstructorReturn(this, result);
     };
   }
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
   function _toConsumableArray(arr) {
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
   function _arrayWithoutHoles(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray(arr);
   }
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
   function _iterableToArray(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
@@ -142,6 +196,9 @@
   function _nonIterableSpread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
   function _toPrimitive(input, hint) {
     if (typeof input !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
@@ -222,7 +279,7 @@
     };
     return _extends.apply(this, arguments);
   }
-  function _objectSpread2(target) {
+  function _objectSpread2$1(target) {
     for (var i = 1; i < arguments.length; i++) {
       if (i % 2) {
         var source = arguments[i] != null ? arguments[i] : {};
@@ -279,13 +336,13 @@
     }
     return _assertThisInitialized$1(self);
   }
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+  function _slicedToArray$1(arr, i) {
+    return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _nonIterableRest$1();
   }
-  function _arrayWithHoles(arr) {
+  function _arrayWithHoles$1(arr) {
     if (Array.isArray(arr)) return arr;
   }
-  function _iterableToArrayLimit(arr, i) {
+  function _iterableToArrayLimit$1(arr, i) {
     var _arr = [];
     var _n = true;
     var _d = false;
@@ -307,7 +364,7 @@
     }
     return _arr;
   }
-  function _nonIterableRest() {
+  function _nonIterableRest$1() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance");
   }
 
@@ -4336,7 +4393,7 @@
    */
 
   function _makeCenteredTippy() {
-    var tippyOptions = _objectSpread2({
+    var tippyOptions = _objectSpread2$1({
       content: this.el,
       placement: "top"
     }, this.options.tippyOptions);
@@ -4487,7 +4544,7 @@
     }
     if (cfg.events) {
       Object.entries(cfg.events).forEach(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 2),
+        var _ref3 = _slicedToArray$1(_ref2, 2),
           event = _ref3[0],
           handler = _ref3[1];
         if (isString(handler)) {
@@ -5073,7 +5130,7 @@
         var RIGHT_ARROW = 39; // Get all elements that are focusable
 
         var focusableElements = element.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]');
-        var _focusableElements = _slicedToArray(focusableElements, 1),
+        var _focusableElements = _slicedToArray$1(focusableElements, 1),
           firstFocusableElement = _focusableElements[0];
         var lastFocusableElement = focusableElements[focusableElements.length - 1];
         element.addEventListener("keydown", function (e) {
@@ -5269,7 +5326,7 @@
         this.id = this.options.id || "step-".concat(uniqueId());
         if (when) {
           Object.entries(when).forEach(function (_ref) {
-            var _ref2 = _slicedToArray(_ref, 2),
+            var _ref2 = _slicedToArray$1(_ref, 2),
               event = _ref2[0],
               handler = _ref2[1];
             _this4.on(event, handler, _this4);
@@ -5572,7 +5629,7 @@
 
   function getElementFromString(element) {
     var _element$split = element.split(" "),
-      _element$split2 = _slicedToArray(_element$split, 1),
+      _element$split2 = _slicedToArray$1(_element$split, 1),
       selector = _element$split2[0];
     return document.querySelector(selector);
   }
@@ -6339,6 +6396,14 @@
     BOTTOM_CENTER: "bottom-center",
     CENTER: "center"
   };
+  var imgWrapperStyles = {
+    "margin-left": "marginLeft",
+    "margin-right": "marginRight",
+    "margin-top": "marginTop",
+    "margin-bottom": "marginBottom",
+    "align-self": "alignSelf",
+    width: "width"
+  };
   var DIRECTION = {
     HORIZONTAL: "horizontal",
     VERTICAL: "vertical"
@@ -7296,6 +7361,45 @@
       return "rgb(" + r + ", " + g + ", " + b + ")";
     }
   };
+  function parseCSS(cssString) {
+    var styleObject = {};
+
+    // Match each CSS rule using regular expression
+    var cssRules = cssString.match(/([^\s]+)\s*:\s*([^;]+);/g);
+    if (cssRules) {
+      // Iterate through matched CSS rules
+      cssRules.forEach(function (rule) {
+        // Split each rule into property and value
+        var _rule$split$map = rule.split(":").map(function (part) {
+            return part.trim();
+          }),
+          _rule$split$map2 = _slicedToArray(_rule$split$map, 2),
+          property = _rule$split$map2[0],
+          value = _rule$split$map2[1];
+        if (property && value) {
+          styleObject[property] = value.slice(0, -1);
+        }
+      });
+    }
+    return styleObject;
+  }
+  function objectToCSS(styleObject) {
+    var cssString = "";
+    Object.entries(styleObject).forEach(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        property = _ref3[0],
+        value = _ref3[1];
+      cssString += "".concat(property, ": ").concat(value, ";");
+    });
+    return cssString;
+  }
+  function removeKeys(obj, keysToRemove) {
+    var newObj = _objectSpread2({}, obj);
+    keysToRemove.forEach(function (key) {
+      delete newObj[key];
+    });
+    return newObj;
+  }
 
   /**
    * @function getPIPSVG
@@ -7364,6 +7468,16 @@
     }
     return null;
   };
+  var isDescendant = function isDescendant(parent, child) {
+    var node = child.parentNode;
+    while (node != null) {
+      if (node == parent) {
+        return true;
+      }
+      node = node.parentNode;
+    }
+    return false;
+  };
   function isElementCovered(element) {
     var rect = element.getBoundingClientRect();
 
@@ -7375,22 +7489,26 @@
 
         // Check if the point is covered
         var elementAtPoint = document.elementFromPoint(x, y);
-        while (elementAtPoint) {
-          if (elementAtPoint === element) {
-            return false;
-          } else {
-            var childElements = elementAtPoint.children;
-            for (var i = 0; i < childElements.length; i++) {
-              var child = childElements[i];
-              if (child === element) {
-                return false;
-              }
-            }
-          }
-          elementAtPoint = elementAtPoint.parentElement;
+        if (elementAtPoint === element || isDescendant(elementAtPoint, element) || isDescendant(element, elementAtPoint)) {
+          return false;
         }
+        // while (elementAtPoint) {
+        //   if (elementAtPoint === element) {
+        //     return false;
+        //   } else {
+        //     var childElements = elementAtPoint.children;
+        //     for (var i = 0; i < childElements.length; i++) {
+        //       var child = childElements[i];
+        //       if (child === element) {
+        //         return false;
+        //       }
+        //     }
+        //   }
+        //   elementAtPoint = elementAtPoint.parentElement;
+        // }
       }
     }
+
     return true;
   }
   var generateButtons = function generateButtons() {
@@ -7556,20 +7674,20 @@
    * @param {string} type - Title or Description type
    * @returns
    */
-  var createTextElement = function createTextElement(_ref2, currentId) {
-    var _ref2$color = _ref2.color,
-      color = _ref2$color === void 0 ? "#000" : _ref2$color,
-      _ref2$font_family = _ref2.font_family,
-      font_family = _ref2$font_family === void 0 ? "cursive" : _ref2$font_family,
-      _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? 14 : _ref2$size,
-      _ref2$style = _ref2.style,
-      style = _ref2$style === void 0 ? "bold" : _ref2$style,
-      text = _ref2.text,
-      segments = _ref2.segments,
-      quote = _ref2.quote,
-      _ref2$link_config = _ref2.link_config,
-      link_config = _ref2$link_config === void 0 ? [] : _ref2$link_config;
+  var createTextElement = function createTextElement(_ref4, currentId) {
+    var _ref4$color = _ref4.color,
+      color = _ref4$color === void 0 ? "#000" : _ref4$color,
+      _ref4$font_family = _ref4.font_family,
+      font_family = _ref4$font_family === void 0 ? "cursive" : _ref4$font_family,
+      _ref4$size = _ref4.size,
+      size = _ref4$size === void 0 ? 14 : _ref4$size,
+      _ref4$style = _ref4.style,
+      style = _ref4$style === void 0 ? "bold" : _ref4$style,
+      text = _ref4.text,
+      segments = _ref4.segments,
+      quote = _ref4.quote,
+      _ref4$link_config = _ref4.link_config,
+      link_config = _ref4$link_config === void 0 ? [] : _ref4$link_config;
     var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "desc";
     var fontMultiplier = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
     size = size * fontMultiplier;
@@ -11542,9 +11660,13 @@
     var _this = this,
       _config$termination;
     _classCallCheck(this, TemplateContent);
-    _defineProperty(this, "uEWO", function () {
-      var element = _this.aDYe(_this.layout);
+    _defineProperty(this, "FbqU", function () {
+      var element = _this.OKHv(_this.layout);
       //document.body.appendChild(element);
+      var tooltipStyles = document.createElement("style");
+      tooltipStyles.innerHTML = _this.initialStyles;
+      tooltipStyles.setAttribute("apx-tooltip-styles", "");
+      document.head.appendChild(tooltipStyles);
       var styleElement = document.createElement("style");
       styleElement.innerHTML = _this.styleContent;
       document.head.appendChild(styleElement);
@@ -11555,7 +11677,7 @@
       }
       return element;
     });
-    _defineProperty(this, "aDYe", function (config) {
+    _defineProperty(this, "OKHv", function (config) {
       var _window$Apxor;
       var element;
       switch (config.type) {
@@ -11574,20 +11696,20 @@
           if (((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) === "ios") {
             element.playsInline = true;
           }
-          if (config.source) {
-            var sourceElement = document.createElement("source");
-            for (var prop in config.source) {
-              sourceElement[prop] = config.source[prop];
-            }
-            element.appendChild(sourceElement);
-          }
-          if (config.track) {
-            var trackElement = document.createElement("track");
-            for (var _prop in config.track) {
-              trackElement[_prop] = config.track[_prop];
-            }
-            element.appendChild(trackElement);
-          }
+          // if (config.source) {
+          //   let sourceElement = document.createElement("source");
+          //   for (let prop in config.source) {
+          //     sourceElement[prop] = config.source[prop];
+          //   }
+          //   element.appendChild(sourceElement);
+          // }
+          // if (config.track) {
+          //   let trackElement = document.createElement("track");
+          //   for (let prop in config.track) {
+          //     trackElement[prop] = config.track[prop];
+          //   }
+          //   element.appendChild(trackElement);
+          // }
           break;
         case "svg":
           element = document.createElement("span");
@@ -11596,38 +11718,58 @@
           element = document.createElement(config.type);
       }
       if (config.properties) {
-        for (var _prop2 in config.properties) {
-          element[_prop2] = config.properties[_prop2];
+        for (var prop in config.properties) {
+          if (config.type === "video" && prop === "source") {
+            var sourceElement = document.createElement("source");
+            for (var srcprop in (_config$properties = config.properties) === null || _config$properties === void 0 ? void 0 : _config$properties[prop]) {
+              var _config$properties, _config$properties2;
+              sourceElement[srcprop] = (_config$properties2 = config.properties) === null || _config$properties2 === void 0 || (_config$properties2 = _config$properties2[prop]) === null || _config$properties2 === void 0 ? void 0 : _config$properties2[srcprop];
+            }
+            sourceElement["type"] = "video/mp4";
+            element.appendChild(sourceElement);
+            continue;
+          }
+          element[prop] = config.properties[prop];
         }
       }
+      element.classList.add(config._id);
+      if (config.css) {
+        var styles = ".".concat(config._id, " {\n        ").concat(config.css, "\n      }\n      ");
+        _this.initialStyles += styles;
+      }
       if (config.enable_actions && config.actions.length > 0) {
         config.actions.forEach(function (action) {
           switch (action.type) {
             case "activity":
             case "deeplink":
             case "ir":
-              element.onclick = function () {
+              element.onclick = function (e) {
+                e.stopPropagation();
                 window.Apxor.redirect(JSON.stringify(action));
               };
               break;
             case "cancel":
-              element.onclick = function () {
+              element.onclick = function (e) {
+                e.stopPropagation();
                 window.Apxor.logActionEvent("walk_through_cancelled", _this.configId, _this.name);
               };
               break;
             case "dismiss":
-              element.onclick = function () {
+              element.onclick = function (e) {
+                e.stopPropagation();
                 window.Apxor.logActionEvent("".concat(_this.type, "_dismissed"), _this.configId, _this.name);
               };
               break;
             case "never":
-              element.onclick = function () {
+              element.onclick = function (e) {
+                e.stopPropagation();
                 window.Apxor.neverShow(_this.configId, _this.name, "IN_APP");
                 window.Apxor.logActionEvent("never_show_clicked", _this.configId, _this.name);
               };
               break;
             case "toggle-class":
-              element.onclick = function () {
+              element.onclick = function (e) {
+                e.stopPropagation();
                 var elementToBeToggled = document.getElementById(action.target_id);
                 if (isNull(elementToBeToggled)) {
                   elementToBeToggled = document.querySelector(action.target_id);
@@ -11638,8 +11780,9 @@
               };
               break;
             case "copy-content":
-              element.onclick = function () {
-                var textToCopy = element.innerText;
+              element.onclick = function (e) {
+                e.stopPropagation();
+                var textToCopy = action === null || action === void 0 ? void 0 : action.content;
                 var tempInput = document.createElement("input");
                 tempInput.value = textToCopy;
                 document.body.appendChild(tempInput);
@@ -11649,12 +11792,14 @@
               };
               break;
             case "log-app-event":
-              element.onclick = function () {
+              element.onclick = function (e) {
+                e.stopPropagation();
                 window.Apxor.logAppEvent(action === null || action === void 0 ? void 0 : action.event_name);
               };
               break;
             case "log-client-event":
-              element.onclick = function () {
+              element.onclick = function (e) {
+                e.stopPropagation();
                 window.Apxor.logClientEvent(action === null || action === void 0 ? void 0 : action.event_name);
               };
           }
@@ -11663,10 +11808,10 @@
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         element.style.position = "relative";
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.aDYe(childConfig);
+          var childElement = _this.OKHv(childConfig);
           childElement.style.position = "absolute";
-          for (var _prop3 in childConfig.offset) {
-            childElement.style[_prop3] = childConfig.offset[_prop3];
+          for (var _prop in childConfig.offset) {
+            childElement.style[_prop] = childConfig.offset[_prop];
           }
           element.appendChild(childElement);
         });
@@ -11681,19 +11826,25 @@
         // }
 
         config.children.forEach(function (childConfig) {
-          var childElement = _this.aDYe(childConfig);
+          var childElement = _this.OKHv(childConfig);
           element.appendChild(childElement);
         });
       }
+      if (config.type === "img") {
+        var imgWrapper = document.createElement("div");
+        imgWrapper.appendChild(element);
+        return imgWrapper;
+      }
       return element;
     });
     this.configId = configId;
     this.name = name;
     this.layout = _config.layout;
-    this.styleContent = _config.styleSheet;
+    this.styleContent = _config.css;
     this.termination = (_config$termination = _config.termination) !== null && _config$termination !== void 0 ? _config$termination : [];
     this.script = _config.script;
     this.type = type;
+    this.initialStyles = "";
   });
 
   var svgNS$1 = "http://www.w3.org/2000/svg";
@@ -12177,7 +12328,7 @@
 
   var NewInLineTooltip = /*#__PURE__*/function () {
     function NewInLineTooltip(config, terminationConfig, messageConfig, rtmInstance, showCallback, hideCallback) {
-      var _config$set_font_to_s;
+      var _config$set_font_to_s, _config$dimensions, _config$dimensions2, _config$dimensions3, _config$dimensions4;
       _classCallCheck(this, NewInLineTooltip);
       this.uiConfig = config;
       this.messageConfig = messageConfig;
@@ -12230,16 +12381,12 @@
       this.updateSkid = null;
       this.initial_data_placement = this.position.position;
       this.recent_placement = this.position.position;
-      this.layout_type = config.layout_type;
-      if (this.layout_type === "web-inline") {
-        var _config$dimensions, _config$dimensions2, _config$dimensions3, _config$dimensions4;
-        this.targetElementTop = config === null || config === void 0 || (_config$dimensions = config.dimensions) === null || _config$dimensions === void 0 ? void 0 : _config$dimensions.top;
-        // this.right = config.dimensions.right;
-        // this.bottom = config.dimensions.bottom;
-        this.targetElementLeft = config === null || config === void 0 || (_config$dimensions2 = config.dimensions) === null || _config$dimensions2 === void 0 ? void 0 : _config$dimensions2.left;
-        this.targetElementHeight = config === null || config === void 0 || (_config$dimensions3 = config.dimensions) === null || _config$dimensions3 === void 0 ? void 0 : _config$dimensions3.height;
-        this.targetElementWidth = config === null || config === void 0 || (_config$dimensions4 = config.dimensions) === null || _config$dimensions4 === void 0 ? void 0 : _config$dimensions4.width;
-      }
+      this.targetElementTop = config === null || config === void 0 || (_config$dimensions = config.dimensions) === null || _config$dimensions === void 0 ? void 0 : _config$dimensions.top;
+      // this.right = config.dimensions.right;
+      // this.bottom = config.dimensions.bottom;
+      this.targetElementLeft = config === null || config === void 0 || (_config$dimensions2 = config.dimensions) === null || _config$dimensions2 === void 0 ? void 0 : _config$dimensions2.left;
+      this.targetElementHeight = config === null || config === void 0 || (_config$dimensions3 = config.dimensions) === null || _config$dimensions3 === void 0 ? void 0 : _config$dimensions3.height;
+      this.targetElementWidth = config === null || config === void 0 || (_config$dimensions4 = config.dimensions) === null || _config$dimensions4 === void 0 ? void 0 : _config$dimensions4.width;
     }
     _createClass(NewInLineTooltip, [{
       key: "createNewTooltip",
@@ -12270,11 +12417,7 @@
             var targetValidCallback = function targetValidCallback() {
               //Once the target is found then scroll into it.
               // this._scrollIntoTargetIfNeeded(targetReachedCallback);
-              if (_this.layout_type === "web-inline") {
-                targetReachedCallback();
-              } else {
-                _this._scrollIntoTargetIfNeeded(targetReachedCallback);
-              }
+              targetReachedCallback();
             };
 
             // Set the target for InLine tooltip
@@ -12287,15 +12430,13 @@
     }, {
       key: "updateElementPositionOnScroll",
       value: function updateElementPositionOnScroll(top, left, height, width) {
+        var _window;
         setAttributes$1(this.targetElement, {
           style: "position: absolute; top: ".concat(top, "px; left: ").concat(left, "px; height: ").concat(height, "px; width: ").concat(width, "px")
         });
-        if (this.layout_type === "web-inline") {
-          var _window;
-          var tippyRoot = document.querySelector("[data-tippy-root]").getBoundingClientRect();
-          (_window = window) === null || _window === void 0 || (_window = _window.ApxorWebView) === null || _window === void 0 || _window.setInlineRect(tippyRoot.left, tippyRoot.top, tippyRoot.width, tippyRoot.height);
-          window.dispatchEvent(new CustomEvent("updateMaskOpeningPositionOnScroll"));
-        }
+        var tippyRoot = document.querySelector("[data-tippy-root]").getBoundingClientRect();
+        (_window = window) === null || _window === void 0 || (_window = _window.ApxorWebView) === null || _window === void 0 || _window.setInlineRect(tippyRoot.left, tippyRoot.top, tippyRoot.width, tippyRoot.height);
+        window.dispatchEvent(new CustomEvent("updateMaskOpeningPositionOnScroll"));
       }
     }, {
       key: "_setInlineStyles",
@@ -12448,17 +12589,13 @@
             _this2._resetRTMAction();
           }
         };
-        if (this.layout_type === "web-inline") {
-          this.targetElement = document.createElement("div");
-          setAttributes$1(this.targetElement, {
-            id: "apx_targetElement_".concat(this.configId),
-            style: "position: absolute; top: ".concat(this.targetElementTop, "px; left: ").concat(this.targetElementLeft, "px; height: ").concat(this.targetElementHeight, "px; width: ").concat(this.targetElementWidth, "px")
-          });
-          document.body.appendChild(this.targetElement);
-          targetValidCallback();
-        } else {
-          this._findTargetElement(targetFoundCallback);
-        }
+        this.targetElement = document.createElement("div");
+        setAttributes$1(this.targetElement, {
+          id: "apx_targetElement_".concat(this.configId),
+          style: "position: absolute; top: ".concat(this.targetElementTop, "px; left: ").concat(this.targetElementLeft, "px; height: ").concat(this.targetElementHeight, "px; width: ").concat(this.targetElementWidth, "px")
+        });
+        document.body.appendChild(this.targetElement);
+        targetFoundCallback();
       }
     }, {
       key: "_targetClickCallback",
@@ -12592,7 +12729,7 @@
     }, {
       key: "_setInLineContent",
       value: function _setInLineContent() {
-        this.inLineContainer = this.templateContent.uEWO();
+        this.inLineContainer = this.templateContent.FbqU();
       }
     }, {
       key: "_setObservors",
@@ -12635,7 +12772,7 @@
           },
           arrow: this.enable_arrow,
           appendTo: function appendTo() {
-            return _this6.layout_type === "web-inline" ? _this6.targetElement : document.body;
+            return _this6.targetElement;
           },
           content: this.inLineContainer,
           duration: 100,
@@ -12677,6 +12814,7 @@
             instance.popperInstance.update();
           },
           onShown: function onShown() {
+            var _window3;
             // const tippyRoot = document.querySelector("[data-tippy-root]");
             // const tippyBox = document.querySelector(".tippy-box");
             // const placement = tippyBox.getAttribute("data-placement");
@@ -12712,11 +12850,8 @@
             _this6.updateSkid();
             _this6._showTippy();
             window.addEventListener("scroll", _this6.updateSkid);
-            if (_this6.layout_type === "web-inline") {
-              var _window3;
-              var tippyRoot = document.querySelector("[data-tippy-root]").getBoundingClientRect();
-              (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.ApxorWebView) === null || _window3 === void 0 || _window3.setInlineRect(tippyRoot.left, tippyRoot.top, tippyRoot.width, tippyRoot.height);
-            }
+            var tippyRoot = document.querySelector("[data-tippy-root]").getBoundingClientRect();
+            (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.ApxorWebView) === null || _window3 === void 0 || _window3.setInlineRect(tippyRoot.left, tippyRoot.top, tippyRoot.width, tippyRoot.height);
           },
           placement: this.position.position,
           popperOptions: {
@@ -14130,7 +14265,9 @@
      */
     function InLineTooltip(config, uis, walkthroughConfigs, terminationConfig, messageConfig, rtmInstance, showCallback, hideCallback, stepperCallBack) {
       var _this = this,
-        _config$set_font_to_s;
+        _config$set_font_to_s,
+        _config$wait_scroll_i,
+        _config$wait_scroll_i2;
       var isWalkthrough = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
       var index = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : 0;
       _classCallCheck(this, InLineTooltip);
@@ -14140,7 +14277,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "ybFC", function () {
+      _defineProperty(this, "IrSW", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -14159,7 +14296,7 @@
        * @private
        * @description Sets the marketing content at the end of the Inline
        */
-      _defineProperty(this, "smLX", function () {
+      _defineProperty(this, "pcuy", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inline-marketing".concat(_this.cssPostFix));
@@ -14269,6 +14406,8 @@
       this.flag = true;
       this.enable_nocode_events = (config === null || config === void 0 ? void 0 : config.enable_nocode_events) || false;
       this.customFontList = [];
+      this.scrollIntervalCount = (_config$wait_scroll_i = config === null || config === void 0 ? void 0 : config.wait_scroll_interval) !== null && _config$wait_scroll_i !== void 0 ? _config$wait_scroll_i : 4;
+      this.scrollCompletelyInViewCount = (_config$wait_scroll_i2 = config === null || config === void 0 ? void 0 : config.wait_scroll_interval) !== null && _config$wait_scroll_i2 !== void 0 ? _config$wait_scroll_i2 : 4;
     }
     _createClass(InLineTooltip, [{
       key: "createNewTooltip",
@@ -14529,24 +14668,42 @@
             // const initialScrollPosition =
             //   this.targetElement.getBoundingClientRect().top;
             this.targetElement.scrollIntoView(scrollIntoViewOptions);
-            window.setTimeout(function () {
-              var isTargetElementCovered = isElementCovered(_this5.targetElement);
-              if (isTargetElementCovered) {
-                window.setTimeout(function () {
-                  var isTargetElementCovered = isElementCovered(_this5.targetElement);
-                  if (isTargetElementCovered) {
-                    console.info("The tooltip is not visible because another element is overlapping the target element.");
-                    _this5._resetRTMAction();
-                  } else {
-                    targetReachedCallback();
-                  }
-                }, 1000);
-                // console.info(
-                //   "The tooltip is not visible because another element is overlapping the target element."
-                // );
-                // this._resetRTMAction();
+            // window.setTimeout(() => {
+            //   const isTargetElementCovered = isElementCovered(this.targetElement);
+            //   if (isTargetElementCovered) {
+            //     window.setTimeout(() => {
+            //       const isTargetElementCovered = isElementCovered(
+            //         this.targetElement
+            //       );
+            //       if (isTargetElementCovered) {
+            //         console.info(
+            //           "The tooltip is not visible because another element is overlapping the target element."
+            //         );
+            //         this._resetRTMAction();
+            //       } else {
+            //         targetReachedCallback();
+            //       }
+            //     }, 1000);
+            //     // console.info(
+            //     //   "The tooltip is not visible because another element is overlapping the target element."
+            //     // );
+            //     // this._resetRTMAction();
+            //   } else {
+            //     targetReachedCallback();
+            //   }
+            // }, 1000);
+            this.scrollIntervalId = window.setInterval(function () {
+              if (_this5.scrollIntervalCount <= 0) {
+                console.info("The tooltip is not visible because another element is overlapping the target element.");
+                _this5._resetRTMAction();
+                clearInterval(_this5.scrollIntervalId);
               } else {
-                targetReachedCallback();
+                _this5.scrollIntervalCount--;
+                var is_element_covered = isElementCovered(_this5.targetElement);
+                if (!is_element_covered) {
+                  targetReachedCallback();
+                  clearInterval(_this5.scrollIntervalId);
+                }
               }
             }, 1000);
             isscrolled = true;
@@ -14557,8 +14714,24 @@
           }
         } else {
           if (this.scrollToView) {
-            isElementCompletlyInView(this.targetElement);
-            console.log("is completely in view");
+            if (!isElementCompletlyInView(this.targetElement)) {
+              this.scrollCompletelyInViewId = window.setInterval(function () {
+                if (_this5.scrollCompletelyInViewCount <= 0) {
+                  console.info("The tooltip is not completely in viewport, hence not showing the tooltip.");
+                  _this5._resetRTMAction();
+                  clearInterval(_this5.scrollCompletelyInViewCount);
+                } else {
+                  _this5.scrollCompletelyInViewCount--;
+                  var is_element_covered = isElementCovered(_this5.targetElement);
+                  if (isElementCompletlyInView(_this5.targetElement) && !is_element_covered) {
+                    console.log("is completely in view");
+                    targetReachedCallback();
+                    isscrolled = true;
+                    clearInterval(_this5.scrollCompletelyInViewCount);
+                  }
+                }
+              }, 1000);
+            }
           }
           scrolled = true;
         }
@@ -14725,7 +14898,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.ybFC(), "\n      ").concat(this._getTippyStyles(), "\n      ").concat(this._getFooterStyles(), "\n      ").concat(this._getProgressBarStyles(), "\n      ").concat(this._getBootstrapiconsStyles(), " \n    ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+        var 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.IrSW(), "\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;
@@ -15535,7 +15708,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.smLX();
+        this.pcuy();
       }
 
       /**
@@ -18380,7 +18553,7 @@
     }, {
       key: "_setInAppModalContent",
       value: function _setInAppModalContent() {
-        this.inAppContainer = this.templateContent.uEWO();
+        this.inAppContainer = this.templateContent.FbqU();
         this.inAppContainer.style.zIndex = 99999;
         this.overlayElement.appendChild(this.inAppContainer);
       }
@@ -18528,7 +18701,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "ybFC", function () {
+      _defineProperty(this, "IrSW", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -18574,7 +18747,7 @@
        * @private
        * @description Get the response for Form content in the InApp modal.
        */
-      _defineProperty(this, "YLdL", function (form_elements) {
+      _defineProperty(this, "NTBD", function (form_elements) {
         var obj = {};
         var callback = "";
         form_elements.forEach(function (element) {
@@ -18614,7 +18787,7 @@
        * @private
        * @description Sets the marketing content at the end of the InApp
        */
-      _defineProperty(this, "smLX", function () {
+      _defineProperty(this, "pcuy", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
@@ -18867,7 +19040,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.ybFC(), " \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.IrSW(), " \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;
@@ -19344,7 +19517,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.smLX();
+        this.pcuy();
       }
 
       /**
@@ -19549,7 +19722,7 @@
           var form = document.querySelector(".apx-inapp-form-container".concat(this.cssPostFix));
           form.addEventListener("submit", function (e) {
             e.preventDefault();
-            var _this4$generateRespon = _this4.YLdL(_this4.form.elements),
+            var _this4$generateRespon = _this4.NTBD(_this4.form.elements),
               obj = _this4$generateRespon.obj,
               callback = _this4$generateRespon.callback;
             var evalString = "(obj)=>" + callback + "(obj)";
@@ -19862,7 +20035,7 @@
        * @function showVideoInApp
        * @description Shows the video InApp with the configured mode.
        */
-      _defineProperty(this, "NpYM", function () {
+      _defineProperty(this, "showVideoInApp", function () {
         _this.createPlayer();
         try {
           // In PIP mode, only after the video metadata is loaded, show the PIP.
@@ -19904,7 +20077,7 @@
             };
           } else {
             // As the video player is hidden by default, unhide if the mode is not PIP.
-            _this.zvCD();
+            _this.GXJg();
           }
           _this.showCallback();
         } catch (e) {
@@ -19924,7 +20097,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, "lwnm", function () {
+      _defineProperty(this, "AvhK", function () {
         var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video, 1),
           width = _getHeightWidthFromRe.width,
           height = _getHeightWidthFromRe.height;
@@ -19936,7 +20109,7 @@
        * @private
        * @description Removes the video player style element.
        */
-      _defineProperty(this, "dQmQ", function () {
+      _defineProperty(this, "EBLK", function () {
         var playerStyles = document.getElementById("apx-mpl-styles");
         if (playerStyles) {
           playerStyles.remove();
@@ -19947,7 +20120,7 @@
        * @private
        * @description Attach listeners on the video controls
        */
-      _defineProperty(this, "pycW", function () {
+      _defineProperty(this, "PjLl", 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");
@@ -20058,7 +20231,7 @@
        * @private
        * @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
        */
-      _defineProperty(this, "xnYc", function () {
+      _defineProperty(this, "WzKs", 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,
@@ -20098,7 +20271,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, "HTLJ", function () {
+      _defineProperty(this, "DkQa", function () {
         _this.enable_close_button;
         if (_this.enable_close_button) {
           var closeButton = document.createElement("span");
@@ -20145,21 +20318,21 @@
        * @function hideVideoPlayer
        * @description Sets the visibility of the video player to hidden.
        */
-      _defineProperty(this, "KNRZ", function () {
+      _defineProperty(this, "Aacc", function () {
         _this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function unhideVideoPlayer
        * @description Unhides video player.
        */
-      _defineProperty(this, "zvCD", function () {
+      _defineProperty(this, "GXJg", function () {
         _this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function getVideoElement
        * @returns {HTMLElement} Video ekement
        */
-      _defineProperty(this, "gowd", function () {
+      _defineProperty(this, "gHbQ", function () {
         return _this.videoElement;
       });
       this.videoPlayer = null;
@@ -20211,7 +20384,7 @@
         this.videoPlayer.style.backgroundColor = this.bg_color;
 
         // Video has a resolution, not deviating from the resolution set the height and width.
-        this.lwnm();
+        this.AvhK();
         //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.
@@ -20219,16 +20392,16 @@
         //Create a video element,set the source and add to the container.
         this._setPlayerContent();
         //Set the listeners on the video control buttons.
-        this.pycW();
+        this.PjLl();
         //Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
-        this.xnYc();
+        this.WzKs();
         //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.HTLJ();
+        this.DkQa();
         //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.KNRZ();
+        this.Aacc();
         //If the auto dismiss is enabled, sets the timeout to call the InApp close.
         this._setAutoTerminate();
         document.body.appendChild(this.videoPlayer);
@@ -20342,7 +20515,7 @@
             }
           }
           this.videoPlayer.remove();
-          this.dQmQ();
+          this.EBLK();
           if (closeButtonName !== "auto_dismiss") {
             window.Apxor.logAppEvent("apx_video_inapp_close_button_clicked", JSON.stringify({
               message_name: this.name,
@@ -20410,7 +20583,7 @@
                 replayCount: _this3.replayCount
               }));
               _this3.videoPlayer.remove();
-              _this3.dQmQ();
+              _this3.EBLK();
               _this3.hideCallback();
             } catch (e) {
               console.log("Can't close the video player\n".concat(e));
@@ -20499,32 +20672,80 @@
     var _this = this,
       _config$termination;
     _classCallCheck(this, EmbedCards);
-    _defineProperty(this, "showEmbedCardsv2", function () {
-      var element = _this.cJtv(_this.layout);
-      _this.VnpN();
-      window.onresize = function () {
-        _this.vLoj();
-      };
-      document.body.appendChild(element);
-      var styleElement = document.createElement("style");
-      styleElement.innerHTML = _this.styleContent;
-      document.head.appendChild(styleElement);
-      _this.yfBX(_this.termination);
+    _defineProperty(this, "showEmbedCards", function () {
       try {
-        eval(_this.script);
+        var _window;
+        (_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.debug("called showEmbedCards");
+        var element = _this.FHhB(_this.layout);
+        _this.Txlk();
+        window.onresize = function () {
+          _this.KXvL();
+        };
+        var rootContainer = document.createElement("div");
+        rootContainer.style.display = "flex";
+        rootContainer.style.justifyContent = "center";
+        rootContainer.appendChild(element);
+        document.body.appendChild(rootContainer);
+        var styleElement = document.createElement("style");
+        styleElement.innerHTML = _this.styleContent;
+        document.head.appendChild(styleElement);
+        _this.rEHS(_this.termination);
+        try {
+          eval(_this.script);
+        } catch (e) {
+          var _window2;
+          console.log("found error while executing script: ".concat(e));
+          (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.ApxorLogger) === null || _window2 === void 0 || _window2.error("found error while executing script: ".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
+        }
+        var videoStatusCheck = function videoStatusCheck() {
+          _this.intervalToCheckVideoStatus = setInterval(function () {
+            _this.waitInterval = _this.waitInterval - 1;
+            if (_this.waitInterval === 0) {
+              var _window3;
+              clearInterval(_this.intervalToCheckVideoStatus);
+              window.Apxor.logAppEvent("apx_nudge_not_shown", JSON.stringify({
+                campaignName: _this.name,
+                id: _this.configId,
+                apx_nudge_type: "sticky_card",
+                apx_notshown_type: "error",
+                apx_reason: "provided video doesn't exists"
+              }));
+              window.onresize = null;
+              (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.ApxorWidget) === null || _window3 === void 0 || _window3.removeEmbedCard(_this.configId);
+              _this.waitInterval = 30;
+            }
+            if (_this.taZM()) {
+              _this.waitInterval = 30;
+              _this.KXvL();
+              clearInterval(_this.intervalToCheckVideoStatus);
+            }
+          }, 100);
+        };
+        _this.intervalToCheckImgStatus = setInterval(function () {
+          _this.waitInterval = _this.waitInterval - 1;
+          if (_this.waitInterval === 0) {
+            clearInterval(_this.intervalToCheckImgStatus);
+            _this.waitInterval = 30;
+          }
+          if (_this.cIIu()) {
+            _this.waitInterval = 30;
+            clearInterval(_this.intervalToCheckImgStatus);
+            _this.videoElements.length > 0 ? videoStatusCheck() : _this.KXvL();
+          }
+        }, 100);
       } catch (e) {
-        console.log("found error while executing script: ".concat(e));
+        var _window4;
+        console.log("failed while creating embed card with error ".concat(e));
+        (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.ApxorLogger) === null || _window4 === void 0 || _window4.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));
       }
-      _this.showCallback();
-      _this.vLoj();
     });
-    _defineProperty(this, "VnpN", function () {
+    _defineProperty(this, "Txlk", function () {
       var EmbeddedCardsStyles = document.createElement("style");
       EmbeddedCardsStyles.innerHTML = _this.initialStyles;
       EmbeddedCardsStyles.setAttribute("apx-tooltip-styles", "");
       document.head.appendChild(EmbeddedCardsStyles);
     });
-    _defineProperty(this, "cJtv", function (config) {
+    _defineProperty(this, "FHhB", function (config) {
       var _window$Apxor;
       var element;
       switch (config.type) {
@@ -20537,26 +20758,27 @@
         case "video":
           element = document.createElement("video");
           element.controlsList = "noplaybackrate nodownload nofullscreen";
-          element.controls = true;
+          element.controls = false;
+          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") {
             element.playsInline = true;
           }
-          if (config.source) {
-            var sourceElement = document.createElement("source");
-            for (var prop in config.source) {
-              sourceElement[prop] = config.source[prop];
-            }
-            element.appendChild(sourceElement);
-          }
-          if (config.track) {
-            var trackElement = document.createElement("track");
-            for (var _prop in config.track) {
-              trackElement[_prop] = config.track[_prop];
-            }
-            element.appendChild(trackElement);
-          }
+          // if (config.source) {
+          //   let sourceElement = document.createElement("source");
+          //   for (let prop in config.source) {
+          //     sourceElement[prop] = config.source[prop];
+          //   }
+          //   element.appendChild(sourceElement);
+          // }
+          // if (config.track) {
+          //   let trackElement = document.createElement("track");
+          //   for (let prop in config.track) {
+          //     trackElement[prop] = config.track[prop];
+          //   }
+          //   element.appendChild(trackElement);
+          // }
           break;
         default:
           element = document.createElement(config.type);
@@ -20566,13 +20788,31 @@
       // );
 
       if (config.properties) {
-        for (var _prop2 in config.properties) {
-          element[_prop2] = config.properties[_prop2];
+        for (var prop in config.properties) {
+          if (config.type === "img" && prop === "src" || config.type === "img" && prop === "format") continue;
+          if (config.type === "video" && prop === "source") {
+            var sourceElement = document.createElement("source");
+            for (var srcprop in (_config$properties = config.properties) === null || _config$properties === void 0 ? void 0 : _config$properties[prop]) {
+              var _config$properties, _config$properties2;
+              sourceElement[srcprop] = (_config$properties2 = config.properties) === null || _config$properties2 === void 0 || (_config$properties2 = _config$properties2[prop]) === null || _config$properties2 === void 0 ? void 0 : _config$properties2[srcprop];
+            }
+            sourceElement["type"] = "video/mp4";
+            element.appendChild(sourceElement);
+            continue;
+          }
+          element[prop] = config.properties[prop];
         }
       }
       element.classList.add(config._id);
       if (config.css) {
-        var styles = ".".concat(config._id, " {\n        ").concat(config.css, "\n      }\n      ");
+        var styles = "";
+        if (config.type === "img") {
+          var styleObject = parseCSS(config.css);
+          var imgStyleObject = removeKeys(styleObject, Object.keys(imgWrapperStyles));
+          styles = ".".concat(config._id, " {\n        ").concat(objectToCSS(imgStyleObject), "\n      }\n      ");
+        } else {
+          styles = ".".concat(config._id, " {\n          ").concat(config.css, "\n        }\n        ");
+        }
         _this.initialStyles += styles;
       }
       if (config.enable_actions && config.actions.length > 0) {
@@ -20582,6 +20822,7 @@
             case "activity":
             case "ir":
               element.onclick = function (e) {
+                e.stopPropagation();
                 window.Apxor.redirect(JSON.stringify(action));
                 var additional_info = {
                   campaignName: _this.name,
@@ -20591,27 +20832,46 @@
                 if (e.target.tagName === "BUTTON") {
                   additional_info["apx_cta_text"] = e.target.innerHTML;
                 }
-                window.Apxor.logAppEvent("apx_cta_clicked", JSON.stringify(additional_info));
+                window.Apxor.logAppEvent("apx_nudge_CTA_clicked", JSON.stringify(additional_info));
+              };
+              break;
+            case "show-video":
+              element.onclick = function (e) {
+                e.stopPropagation();
+                window.Apxor.showVideoInApp(_this.configId, _this.name, action.url);
+                var additional_info = {
+                  campaignName: _this.name,
+                  id: _this.configId,
+                  apx_nudge_type: "sticky_card"
+                };
+                if (e.target.tagName === "BUTTON") {
+                  additional_info["apx_cta_text"] = e.target.innerHTML;
+                }
+                window.Apxor.logAppEvent("apx_nudge_CTA_clicked", JSON.stringify(additional_info));
               };
               break;
             case "cancel":
-              element.onclick = function () {
+              element.onclick = function (e) {
+                e.stopPropagation();
                 window.Apxor.logActionEvent("walk_through_cancelled", _this.configId, _this.name);
               };
               break;
             case "dismiss":
-              element.onclick = function () {
+              element.onclick = function (e) {
+                e.stopPropagation();
                 window.Apxor.logActionEvent("".concat(_this.type, "_dismissed"), _this.configId, _this.name);
               };
               break;
             case "never":
-              element.onclick = function () {
+              element.onclick = function (e) {
+                e.stopPropagation();
                 window.Apxor.neverShow(_this.configId, _this.name, "IN_APP");
                 window.Apxor.logActionEvent("never_show_clicked", _this.configId, _this.name);
               };
               break;
             case "toggle-class":
-              element.onclick = function () {
+              element.onclick = function (e) {
+                e.stopPropagation();
                 var elementToBeToggled = document.getElementById(action === null || action === void 0 ? void 0 : action.target_id);
                 if (isNull(elementToBeToggled)) {
                   elementToBeToggled = document.querySelector(action === null || action === void 0 ? void 0 : action.target_id);
@@ -20622,8 +20882,9 @@
               };
               break;
             case "copy-content":
-              element.onclick = function () {
-                var textToCopy = element.innerText;
+              element.onclick = function (e) {
+                e.stopPropagation();
+                var textToCopy = action === null || action === void 0 ? void 0 : action.content;
                 var tempInput = document.createElement("input");
                 tempInput.value = textToCopy;
                 document.body.appendChild(tempInput);
@@ -20633,12 +20894,14 @@
               };
               break;
             case "log-app-event":
-              element.onclick = function () {
+              element.onclick = function (e) {
+                e.stopPropagation();
                 window.Apxor.logAppEvent(action === null || action === void 0 ? void 0 : action.event_name);
               };
               break;
             case "log-client-event":
-              element.onclick = function () {
+              element.onclick = function (e) {
+                e.stopPropagation();
                 window.Apxor.logClientEvent(action === null || action === void 0 ? void 0 : action.event_name);
               };
           }
@@ -20647,10 +20910,10 @@
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         element.style.position = "relative";
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.aDYe(childConfig);
+          var childElement = _this.OKHv(childConfig);
           childElement.style.position = "absolute";
-          for (var _prop3 in childConfig.offset) {
-            childElement.style[_prop3] = childConfig.offset[_prop3];
+          for (var _prop in childConfig.offset) {
+            childElement.style[_prop] = childConfig.offset[_prop];
           }
           element.appendChild(childElement);
         });
@@ -20665,13 +20928,33 @@
         // }
 
         config.children.forEach(function (childConfig) {
-          var childElement = _this.cJtv(childConfig);
+          var childElement = _this.FHhB(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;
+        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");
+        var _styleObject = parseCSS(config.css);
+        Object.keys(imgWrapperStyles).forEach(function (prop) {
+          if (prop in _styleObject) {
+            imgWrapper.style[imgWrapperStyles[prop]] = _styleObject[prop];
+          }
+        });
+        element.style.maxWidth = "100%";
+        element.style.height = "auto";
+        imgWrapper.appendChild(element);
+        return imgWrapper;
+      } else if (config.type === "video") {
+        _this.videoElements.push(element);
+      }
       return element;
     });
-    _defineProperty(this, "yfBX", function (config) {
+    _defineProperty(this, "rEHS", function (config) {
       config.forEach(function (id) {
         var element = document.getElementById(id);
         if (element) {
@@ -20679,11 +20962,23 @@
         }
       });
     });
-    _defineProperty(this, "vLoj", function () {
-      var _window;
+    _defineProperty(this, "cIIu", function () {
+      return _this.imageElements.every(function (img) {
+        return img.complete;
+      });
+    });
+    _defineProperty(this, "taZM", function () {
+      return _this.videoElements.every(function (video) {
+        return video.readyState >= 3;
+      });
+    });
+    _defineProperty(this, "KXvL", function () {
+      var _window6, _window7;
       var width = window.document.querySelector("html").offsetWidth;
       var height = window.document.querySelector("html").offsetHeight;
-      (_window = window) === null || _window === void 0 || (_window = _window.ApxorWidget) === null || _window === void 0 || _window.setDimensions(width, height);
+      (_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.ApxorWidget) === null || _window6 === void 0 || _window6.setDimensions(width, height);
+      (_window7 = window) === null || _window7 === void 0 || (_window7 = _window7.ApxorLogger) === null || _window7 === void 0 || _window7.debug("called setWebViewDimensions with width: ".concat(width, " and height: ").concat(height));
+      _this.showCallback();
     });
     this.configId = configId;
     this.name = name;
@@ -20694,19 +20989,25 @@
     this.termination = (_config$termination = _config.termination) !== null && _config$termination !== void 0 ? _config$termination : [];
     this.script = _config.script;
     this.initialStyles = "";
+    this.imageElements = [];
+    this.videoElements = [];
+    this.intervalToCheckImgStatus;
+    this.waitInterval = 30;
   });
 
   var RTM = /*#__PURE__*/_createClass(function RTM() {
     var _this = this;
     _classCallCheck(this, RTM);
-    _defineProperty(this, "XcHu", {});
+    _defineProperty(this, "LikI", {});
     _defineProperty(this, "isShowingAction", false);
     _defineProperty(this, "currentAction", null);
-    _defineProperty(this, "ZTdX", null);
-    _defineProperty(this, "version", 55);
+    _defineProperty(this, "WliE", null);
+    _defineProperty(this, "version", 60);
     _defineProperty(this, "isInitialised", false);
-    _defineProperty(this, "_eventsInDynamicText", {});
-    _defineProperty(this, "ivBX", function () {
+    _defineProperty(this, "KMXd", {});
+    _defineProperty(this, "aAuZ", false);
+    _defineProperty(this, "_isShownECCalled", false);
+    _defineProperty(this, "NBcm", function () {
       _this.isInitialised = true;
       var oldPushState = history.pushState;
       history.pushState = function pushState() {
@@ -20731,7 +21032,7 @@
     });
     _defineProperty(this, "show", function (uiJson, duration, uuid, name) {
       if (!_this.isInitialised) {
-        _this.ivBX();
+        _this.NBcm();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor, _window$Apxor$pageUnl;
@@ -20740,7 +21041,9 @@
       try {
         // console.log("Showing action for uuid:", uuid, uiJson, this.currentAction);
         if (_this.currentAction !== null && _this.currentAction !== undefined) {
+          var _window;
           console.error("An action already being shown");
+          (_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.error("An action already being shown");
           return;
         }
         uiJson = uiJson.split("\n").join("\\n");
@@ -20756,7 +21059,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.AQBm(ui_config, duration, uuid, name);
+          _this.iPLW(ui_config, duration, uuid, name);
         } else {
           showCoachmarkWithDelay(_this, ui_config, {
             configId: uuid,
@@ -20764,21 +21067,21 @@
           }, terminationConfig, function () {
             _this.isShowingAction = true;
             if (window.Apxor && window.Apxor.logActionEvent) {
-              var _window, _window$updateFlag, _window2, _window2$updateCount;
-              (_window = window) === null || _window === void 0 || (_window = _window.Apxor) === null || _window === void 0 || (_window$updateFlag = _window.updateFlag) === null || _window$updateFlag === void 0 || _window$updateFlag.call(_window, true);
+              var _window2, _window2$updateFlag, _window3, _window3$updateCount;
+              (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.Apxor) === null || _window2 === void 0 || (_window2$updateFlag = _window2.updateFlag) === null || _window2$updateFlag === void 0 || _window2$updateFlag.call(_window2, true);
               window.Apxor.logActionEvent("inline_shown", uuid, name);
-              (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.Apxor) === null || _window2 === void 0 || (_window2$updateCount = _window2.updateCount) === null || _window2$updateCount === void 0 || _window2$updateCount.call(_window2, uuid);
+              (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.Apxor) === null || _window3 === void 0 || (_window3$updateCount = _window3.updateCount) === null || _window3$updateCount === void 0 || _window3$updateCount.call(_window3, uuid);
               if (ui_config !== null && ui_config !== void 0 && ui_config.is_preview) {
                 setTimeout(function () {
-                  var _window3, _window3$logInternalE;
-                  (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.Apxor) === null || _window3 === void 0 || (_window3$logInternalE = _window3.logInternalEvent) === null || _window3$logInternalE === void 0 || _window3$logInternalE.call(_window3, "capt");
+                  var _window4, _window4$logInternalE;
+                  (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.Apxor) === null || _window4 === void 0 || (_window4$logInternalE = _window4.logInternalEvent) === null || _window4$logInternalE === void 0 || _window4$logInternalE.call(_window4, "capt");
                 }, 500);
               }
             }
           }, function (action) {
-            var _window4, _window4$updateFlag;
+            var _window5, _window5$updateFlag;
             _this.isShowingAction = false;
-            (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.Apxor) === null || _window4 === void 0 || (_window4$updateFlag = _window4.updateFlag) === null || _window4$updateFlag === void 0 || _window4$updateFlag.call(_window4, false);
+            (_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || (_window5$updateFlag = _window5.updateFlag) === null || _window5$updateFlag === void 0 || _window5$updateFlag.call(_window5, false);
             _this.currentAction = null;
             if (window.Apxor && window.Apxor.logActionEvent && !(isDefined(action) && (action === "redirect" || action === "cancel"))) {
               window.Apxor.logActionEvent("inline_dismissed", uuid, name);
@@ -20788,10 +21091,11 @@
           });
         }
       } catch (e) {
-        var _window5, _window5$updateFlag;
+        var _window6, _window6$updateFlag, _window7;
         _this.isShowingAction = false;
-        (_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || (_window5$updateFlag = _window5.updateFlag) === null || _window5$updateFlag === void 0 || _window5$updateFlag.call(_window5, false);
+        (_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.Apxor) === null || _window6 === void 0 || (_window6$updateFlag = _window6.updateFlag) === null || _window6$updateFlag === void 0 || _window6$updateFlag.call(_window6, false);
         console.error(e);
+        (_window7 = window) === null || _window7 === void 0 || (_window7 = _window7.ApxorLogger) === null || _window7 === void 0 || _window7.error("".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
       }
     });
     _defineProperty(this, "showInApp", function (config, duration, configId, name) {
@@ -20803,53 +21107,66 @@
           _this.createInAppModal(config, duration, configId, name, JSON.parse(config).action_class === "inapp_builder" ? "inapp_builder" : "modal");
         }
       } catch (e) {
-        var _window$Apxor2;
+        var _window$Apxor2, _window10;
         if (((_window$Apxor2 = window.Apxor) === null || _window$Apxor2 === void 0 ? void 0 : _window$Apxor2.platform) === "ios") {
-          var _window6, _window6$updateFlag;
-          (_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.Apxor) === null || _window6 === void 0 || (_window6$updateFlag = _window6.updateFlag) === null || _window6$updateFlag === void 0 || _window6$updateFlag.call(_window6, false, "IN_APP");
+          var _window8, _window8$updateFlag;
+          (_window8 = window) === null || _window8 === void 0 || (_window8 = _window8.Apxor) === null || _window8 === void 0 || (_window8$updateFlag = _window8.updateFlag) === null || _window8$updateFlag === void 0 || _window8$updateFlag.call(_window8, false, "IN_APP");
         } else {
-          var _window7, _window7$updateFlag;
-          (_window7 = window) === null || _window7 === void 0 || (_window7 = _window7.Apxor) === null || _window7 === void 0 || (_window7$updateFlag = _window7.updateFlag) === null || _window7$updateFlag === void 0 || _window7$updateFlag.call(_window7, "IN_APP", false);
+          var _window9, _window9$updateFlag;
+          (_window9 = window) === null || _window9 === void 0 || (_window9 = _window9.Apxor) === null || _window9 === void 0 || (_window9$updateFlag = _window9.updateFlag) === null || _window9$updateFlag === void 0 || _window9$updateFlag.call(_window9, "IN_APP", false);
         }
         console.error(e);
+        (_window10 = window) === null || _window10 === void 0 || (_window10 = _window10.ApxorLogger) === null || _window10 === void 0 || _window10.error("".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
       }
     });
-    _defineProperty(this, "showEmbedCardsv2", function (config, duration, configId, name) {
+    _defineProperty(this, "showEmbedCards", function (config, duration, configId, name) {
+      if (_this._isShownECCalled) {
+        return;
+      }
       try {
         config = config.split("\n").join("\\n");
         var ui_config = JSON.parse(config);
-        _this.createembedCardsv2(ui_config, configId, name);
+        _this.createembedCards(ui_config, configId, name);
       } catch (e) {
-        var _window$Apxor3;
-        if (((_window$Apxor3 = window.Apxor) === null || _window$Apxor3 === void 0 ? void 0 : _window$Apxor3.platform) === "ios") {
-          var _window8, _window8$updateFlag;
-          (_window8 = window) === null || _window8 === void 0 || (_window8 = _window8.Apxor) === null || _window8 === void 0 || (_window8$updateFlag = _window8.updateFlag) === null || _window8$updateFlag === void 0 || _window8$updateFlag.call(_window8, false, "IN_APP");
-        } else {
-          var _window9, _window9$updateFlag;
-          (_window9 = window) === null || _window9 === void 0 || (_window9 = _window9.Apxor) === null || _window9 === void 0 || (_window9$updateFlag = _window9.updateFlag) === null || _window9$updateFlag === void 0 || _window9$updateFlag.call(_window9, "IN_APP", false);
-        }
+        var _window11;
+        window.Apxor.logAppEvent("apx_nudge_not_shown", JSON.stringify({
+          campaignName: name,
+          id: configId,
+          apx_nudge_type: "sticky_card",
+          apx_notshown_type: "error",
+          apx_reason: "".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message)
+        }));
         console.error(e);
+        (_window11 = window) === null || _window11 === void 0 || (_window11 = _window11.ApxorLogger) === null || _window11 === void 0 || _window11.error("".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
       }
     });
-    _defineProperty(this, "createembedCardsv2", function (config, configId, name) {
+    _defineProperty(this, "createembedCards", function (config, configId, name) {
       var cardsContainer = new EmbedCards(config, configId, name, function () {
-        window.Apxor.logAppEvent("apx_nudge_shown", JSON.stringify({
+        var _window12;
+        (_window12 = window) === null || _window12 === void 0 || (_window12 = _window12.ApxorLogger) === null || _window12 === void 0 || _window12.debug("successfully showing the nudge");
+        (config === null || config === void 0 ? void 0 : config.initialRender) && window.Apxor.logAppEvent("apx_nudge_shown", JSON.stringify({
           campaignName: name,
           id: configId,
           apx_nudge_type: "sticky_card"
         }));
-      }, function () {});
-      cardsContainer.showEmbedCardsv2();
+        _this._isShownECCalled = true;
+      }, function () {
+        var _window13;
+        (_window13 = window) === null || _window13 === void 0 || (_window13 = _window13.ApxorLogger) === null || _window13 === void 0 || _window13.debug("nudge dismissed");
+      });
+      cardsContainer.showEmbedCards();
     });
     _defineProperty(this, "removeAll", function () {
-      var _window10, _window10$updateFlag;
-      (_window10 = window) === null || _window10 === void 0 || (_window10 = _window10.Apxor) === null || _window10 === void 0 || (_window10$updateFlag = _window10.updateFlag) === null || _window10$updateFlag === void 0 || _window10$updateFlag.call(_window10, false);
+      var _window14, _window14$updateFlag;
+      (_window14 = window) === null || _window14 === void 0 || (_window14 = _window14.Apxor) === null || _window14 === void 0 || (_window14$updateFlag = _window14.updateFlag) === null || _window14$updateFlag === void 0 || _window14$updateFlag.call(_window14, false);
       if (_this.currentAction !== null && _this.currentAction !== undefined) {
         _this.isShowingAction = false;
         try {
+          var _window15;
           _this.currentAction();
           _this.currentAction = null;
           console.log("Callback is called");
+          (_window15 = window) === null || _window15 === void 0 || (_window15 = _window15.ApxorLogger) === null || _window15 === void 0 || _window15.debug("Callback is called");
         } catch (e) {}
       }
     });
@@ -20861,48 +21178,48 @@
       var onShow = function onShow() {
         _this.isShowingAction = true;
         if (window.Apxor && window.Apxor.logActionEvent) {
-          var _window11, _window11$updateFlag, _window12, _window12$updateCount;
-          (_window11 = window) === null || _window11 === void 0 || (_window11 = _window11.Apxor) === null || _window11 === void 0 || (_window11$updateFlag = _window11.updateFlag) === null || _window11$updateFlag === void 0 || _window11$updateFlag.call(_window11, true);
+          var _window16, _window16$updateFlag, _window17, _window17$updateCount;
+          (_window16 = window) === null || _window16 === void 0 || (_window16 = _window16.Apxor) === null || _window16 === void 0 || (_window16$updateFlag = _window16.updateFlag) === null || _window16$updateFlag === void 0 || _window16$updateFlag.call(_window16, true);
           window.Apxor.logActionEvent("inline_shown", uuid, name);
-          (_window12 = window) === null || _window12 === void 0 || (_window12 = _window12.Apxor) === null || _window12 === void 0 || (_window12$updateCount = _window12.updateCount) === null || _window12$updateCount === void 0 || _window12$updateCount.call(_window12, uuid);
+          (_window17 = window) === null || _window17 === void 0 || (_window17 = _window17.Apxor) === null || _window17 === void 0 || (_window17$updateCount = _window17.updateCount) === null || _window17$updateCount === void 0 || _window17$updateCount.call(_window17, uuid);
           if (ui_config !== null && ui_config !== void 0 && ui_config.is_preview) {
             setTimeout(function () {
-              var _window13, _window13$logInternal;
-              (_window13 = window) === null || _window13 === void 0 || (_window13 = _window13.Apxor) === null || _window13 === void 0 || (_window13$logInternal = _window13.logInternalEvent) === null || _window13$logInternal === void 0 || _window13$logInternal.call(_window13, "capt");
+              var _window18, _window18$logInternal;
+              (_window18 = window) === null || _window18 === void 0 || (_window18 = _window18.Apxor) === null || _window18 === void 0 || (_window18$logInternal = _window18.logInternalEvent) === null || _window18$logInternal === void 0 || _window18$logInternal.call(_window18, "capt");
             }, 500);
           }
         }
       };
       var onHide = function onHide(isCancelled) {
-        var _window14, _window14$updateFlag, _window15;
+        var _window19, _window19$updateFlag, _window20;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.ZTdX = null;
-        (_window14 = window) === null || _window14 === void 0 || (_window14 = _window14.Apxor) === null || _window14 === void 0 || (_window14$updateFlag = _window14.updateFlag) === null || _window14$updateFlag === void 0 || _window14$updateFlag.call(_window14, false);
+        _this.WliE = null;
+        (_window19 = window) === null || _window19 === void 0 || (_window19 = _window19.Apxor) === null || _window19 === void 0 || (_window19$updateFlag = _window19.updateFlag) === null || _window19$updateFlag === void 0 || _window19$updateFlag.call(_window19, false);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
         }
-        if (((_window15 = window) === null || _window15 === void 0 || (_window15 = _window15.ApxorWebView) === null || _window15 === void 0 ? void 0 : _window15.getLayoutType()) === "web-inline") {
-          var _window16;
-          (_window16 = window) === null || _window16 === void 0 || (_window16 = _window16.ApxorWebView) === null || _window16 === void 0 || _window16.removeWebView();
+        if (((_window20 = window) === null || _window20 === void 0 || (_window20 = _window20.ApxorWebView) === null || _window20 === void 0 ? void 0 : _window20.getLayoutType()) === "web-inline") {
+          var _window21;
+          (_window21 = window) === null || _window21 === void 0 || (_window21 = _window21.ApxorWebView) === null || _window21 === void 0 || _window21.removeWebView();
         }
       };
       if (action_class === "new-inline") {
-        _this.ZTdX = new InLineTooltip(ui_config, [], [], terminationConfig, {
+        _this.WliE = new InLineTooltip(ui_config, [], [], terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide, function () {}, false, 0);
       } else if (action_class === "tooltip_builder") {
-        _this.ZTdX = new NewInLineTooltip(ui_config, terminationConfig, {
+        _this.WliE = new NewInLineTooltip(ui_config, terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide);
       }
       setTimeout(function () {
-        _this.ZTdX.createNewTooltip();
+        _this.WliE.createNewTooltip();
       }, ui_config.delay);
     });
-    _defineProperty(this, "AQBm", function (ui_config, duration, uuid, name) {
+    _defineProperty(this, "iPLW", function (ui_config, duration, uuid, name) {
       var terminationConfig = {};
       terminationConfig["auto_dismiss"] = duration > 0;
       terminationConfig["duration"] = duration;
@@ -20912,35 +21229,35 @@
       }, _this, function () {
         _this.isShowingAction = true;
         if (window.Apxor && window.Apxor.logActionEvent) {
-          var _window17, _window17$updateFlag;
-          (_window17 = window) === null || _window17 === void 0 || (_window17 = _window17.Apxor) === null || _window17 === void 0 || (_window17$updateFlag = _window17.updateFlag) === null || _window17$updateFlag === void 0 || _window17$updateFlag.call(_window17, true);
+          var _window22, _window22$updateFlag;
+          (_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, true);
           window.Apxor.logActionEvent("inline_shown", uuid, name);
           if (ui_config !== null && ui_config !== void 0 && ui_config.is_preview) {
             setTimeout(function () {
-              var _window18, _window18$logInternal;
-              (_window18 = window) === null || _window18 === void 0 || (_window18 = _window18.Apxor) === null || _window18 === void 0 || (_window18$logInternal = _window18.logInternalEvent) === null || _window18$logInternal === void 0 || _window18$logInternal.call(_window18, "capt");
+              var _window23, _window23$logInternal;
+              (_window23 = window) === null || _window23 === void 0 || (_window23 = _window23.Apxor) === null || _window23 === void 0 || (_window23$logInternal = _window23.logInternalEvent) === null || _window23$logInternal === void 0 || _window23$logInternal.call(_window23, "capt");
             }, 500);
           }
         }
       }, function (isCancelled) {
-        var _window19, _window19$updateFlag, _window20;
+        var _window24, _window24$updateFlag, _window25;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.ZTdX = null;
-        (_window19 = window) === null || _window19 === void 0 || (_window19 = _window19.Apxor) === null || _window19 === void 0 || (_window19$updateFlag = _window19.updateFlag) === null || _window19$updateFlag === void 0 || _window19$updateFlag.call(_window19, false);
+        _this.WliE = null;
+        (_window24 = window) === null || _window24 === void 0 || (_window24 = _window24.Apxor) === null || _window24 === void 0 || (_window24$updateFlag = _window24.updateFlag) === null || _window24$updateFlag === void 0 || _window24$updateFlag.call(_window24, false);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
         }
-        if (((_window20 = window) === null || _window20 === void 0 || (_window20 = _window20.ApxorWebView) === null || _window20 === void 0 ? void 0 : _window20.getLayoutType()) === "web-inline") {
-          var _window21;
-          (_window21 = window) === null || _window21 === void 0 || (_window21 = _window21.ApxorWebView) === null || _window21 === void 0 || _window21.removeWebView();
+        if (((_window25 = window) === null || _window25 === void 0 || (_window25 = _window25.ApxorWebView) === null || _window25 === void 0 ? void 0 : _window25.getLayoutType()) === "web-inline") {
+          var _window26;
+          (_window26 = window) === null || _window26 === void 0 || (_window26 = _window26.ApxorWebView) === null || _window26 === void 0 || _window26.removeWebView();
         }
       }, _this.stepperCallback, false, 0);
       _this._currentCoachmark.createNewCoachMark();
     });
     _defineProperty(this, "updateElementPositionOnScroll", function (top, left, height, width) {
-      if (_this.ZTdX) {
-        _this.ZTdX.updateElementPositionOnScroll(top, left, height, width);
+      if (_this.WliE) {
+        _this.WliE.updateElementPositionOnScroll(top, left, height, width);
       }
     });
     _defineProperty(this, "createInAppVideo", function (config, duration, configId, name) {
@@ -20957,20 +21274,20 @@
       var VideoInAppInstance = new VideoInApp(videoConfig, terminationConfig, configId, name, function () {
         _this.isShowingAction = true;
         if (window.Apxor && window.Apxor.logActionEvent) {
-          var _window22, _window22$updateFlag;
-          (_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, true);
+          var _window27, _window27$updateFlag;
+          (_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, true);
           window.Apxor.logActionEvent("inapp_shown", configId, name);
         }
       }, function () {
-        var _window23, _window23$updateFlag;
+        var _window28, _window28$updateFlag;
         _this.isShowingAction = false;
         _this.currentAction = 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);
+        (_window28 = window) === null || _window28 === void 0 || (_window28 = _window28.Apxor) === null || _window28 === void 0 || (_window28$updateFlag = _window28.updateFlag) === null || _window28$updateFlag === void 0 || _window28$updateFlag.call(_window28, false);
         if (window.Apxor && window.Apxor.logActionEvent) {
           window.Apxor.logActionEvent("inapp_dismissed", configId, name);
         }
       });
-      VideoInAppInstance.NpYM();
+      VideoInAppInstance.showVideoInApp();
     });
     /**
      * Creates a modal for the given config and displays it.
@@ -20991,19 +21308,19 @@
       var onShow = function onShow() {
         _this.isShowingAction = true;
         if (window.Apxor && window.Apxor.logActionEvent) {
-          var _window$Apxor4;
-          if (((_window$Apxor4 = window.Apxor) === null || _window$Apxor4 === void 0 ? void 0 : _window$Apxor4.platform) === "ios") {
-            var _window24, _window24$updateFlag;
-            (_window24 = window) === null || _window24 === void 0 || (_window24 = _window24.Apxor) === null || _window24 === void 0 || (_window24$updateFlag = _window24.updateFlag) === null || _window24$updateFlag === void 0 || _window24$updateFlag.call(_window24, true, "IN_APP");
+          var _window$Apxor3;
+          if (((_window$Apxor3 = window.Apxor) === null || _window$Apxor3 === void 0 ? void 0 : _window$Apxor3.platform) === "ios") {
+            var _window29, _window29$updateFlag;
+            (_window29 = window) === null || _window29 === void 0 || (_window29 = _window29.Apxor) === null || _window29 === void 0 || (_window29$updateFlag = _window29.updateFlag) === null || _window29$updateFlag === void 0 || _window29$updateFlag.call(_window29, true, "IN_APP");
           } else {
-            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, "IN_APP", true);
+            var _window30, _window30$updateFlag;
+            (_window30 = window) === null || _window30 === void 0 || (_window30 = _window30.Apxor) === null || _window30 === void 0 || (_window30$updateFlag = _window30.updateFlag) === null || _window30$updateFlag === void 0 || _window30$updateFlag.call(_window30, "IN_APP", true);
           }
           window.Apxor.logActionEvent("inapp_shown", configId, name);
         }
       };
       var onHide = function onHide(backgroundDiv, action) {
-        var _dialogContent$classL, _window$Apxor5;
+        var _dialogContent$classL, _window$Apxor4;
         var cssClass = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ".apx-dlg-c";
         var closeListener = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
         var redirectionListener = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
@@ -21014,12 +21331,12 @@
         // setTimeout(() => {
         backgroundDiv.remove();
         _this.isShowingAction = false;
-        if (((_window$Apxor5 = window.Apxor) === null || _window$Apxor5 === void 0 ? void 0 : _window$Apxor5.platform) === "ios") {
-          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, false, "IN_APP");
+        if (((_window$Apxor4 = window.Apxor) === null || _window$Apxor4 === void 0 ? void 0 : _window$Apxor4.platform) === "ios") {
+          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, false, "IN_APP");
         } else {
-          var _window27, _window27$updateFlag;
-          (_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, "IN_APP", false);
+          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, "IN_APP", false);
         }
         _this.currentAction = null;
         if (window.Apxor && window.Apxor.logActionEvent && !(action == "cancel" || action == "redirect")) {
@@ -21034,7 +21351,11 @@
       inappModal.createInAppModal();
     });
     _defineProperty(this, "showPlaceHolder", function () {
-      var _window28;
+      var _window33;
+      if (_this.aAuZ) {
+        return;
+      }
+      _this.aAuZ = true;
       var ele = document.createElement("div");
       ele.innerHTML = "place your immersive card here";
       ele.style.backgroundColor = "#f5f5f5";
@@ -21044,7 +21365,7 @@
       ele.style.padding = "12px";
       ele.style.fontSize = "14px";
       document.body.appendChild(ele);
-      (_window28 = window) === null || _window28 === void 0 || (_window28 = _window28.ApxorWidget) === null || _window28 === void 0 || _window28.setDimensions(window.document.querySelector("html").offsetWidth, window.document.querySelector("html").offsetHeight);
+      (_window33 = window) === null || _window33 === void 0 || (_window33 = _window33.ApxorWidget) === null || _window33 === void 0 || _window33.setDimensions(window.document.querySelector("html").offsetWidth, window.document.querySelector("html").offsetHeight);
     });
   } // createSurvey = (config, configId, name) => {
   //   const survey_obj = new NewSurveys(configId, name, config, []);