npm - apxor-rtm-ui - Versions diffs - 0.5.6 → 0.6.1 - Mend

apxor-rtm-ui 0.5.6 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/apxor.rtm.js.bak CHANGED Viewed

@@ -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
@@ -7570,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;
@@ -11556,9 +11660,13 @@
     var _this = this,
       _config$termination;
     _classCallCheck(this, TemplateContent);
-    _defineProperty(this, "mLpm", function () {
-      var element = _this.tKzm(_this.layout);
+    _defineProperty(this, "hJkH", function () {
+      var element = _this.jtyP(_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);
@@ -11569,7 +11677,7 @@
       }
       return element;
     });
-    _defineProperty(this, "tKzm", function (config) {
+    _defineProperty(this, "jtyP", function (config) {
       var _window$Apxor;
       var element;
       switch (config.type) {
@@ -11588,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");
@@ -11610,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);
@@ -11652,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);
@@ -11663,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);
               };
           }
@@ -11677,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.tKzm(childConfig);
+          var childElement = _this.jtyP(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);
         });
@@ -11695,19 +11826,25 @@
         // }
         config.children.forEach(function (childConfig) {
-          var childElement = _this.tKzm(childConfig);
+          var childElement = _this.jtyP(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";
@@ -12191,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;
@@ -12244,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",
@@ -12284,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
@@ -12301,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",
@@ -12462,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",
@@ -12606,7 +12729,7 @@
     }, {
       key: "_setInLineContent",
       value: function _setInLineContent() {
-        this.inLineContainer = this.templateContent.mLpm();
+        this.inLineContainer = this.templateContent.hJkH();
       }
     }, {
       key: "_setObservors",
@@ -12649,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,
@@ -12691,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");
@@ -12726,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: {
@@ -14156,7 +14277,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "aewK", function () {
+      _defineProperty(this, "RiAn", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -14175,7 +14296,7 @@
        * @private
        * @description Sets the marketing content at the end of the Inline
        */
-      _defineProperty(this, "ynpZ", function () {
+      _defineProperty(this, "YrUN", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inline-marketing".concat(_this.cssPostFix));
@@ -14777,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.aewK(), "\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.RiAn(), "\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;
@@ -15587,7 +15708,7 @@
         this._setCloseButton();
         //Set the Marketing content
-        this.ynpZ();
+        this.YrUN();
       }
       /**
@@ -18432,7 +18553,7 @@
     }, {
       key: "_setInAppModalContent",
       value: function _setInAppModalContent() {
-        this.inAppContainer = this.templateContent.mLpm();
+        this.inAppContainer = this.templateContent.hJkH();
         this.inAppContainer.style.zIndex = 99999;
         this.overlayElement.appendChild(this.inAppContainer);
       }
@@ -18580,7 +18701,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "aewK", function () {
+      _defineProperty(this, "RiAn", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -18626,7 +18747,7 @@
        * @private
        * @description Get the response for Form content in the InApp modal.
        */
-      _defineProperty(this, "cMgW", function (form_elements) {
+      _defineProperty(this, "Ghij", function (form_elements) {
         var obj = {};
         var callback = "";
         form_elements.forEach(function (element) {
@@ -18666,7 +18787,7 @@
        * @private
        * @description Sets the marketing content at the end of the InApp
        */
-      _defineProperty(this, "ynpZ", function () {
+      _defineProperty(this, "YrUN", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
@@ -18919,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.aewK(), " \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.RiAn(), " \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;
@@ -19396,7 +19517,7 @@
         this._setCloseButton();
         //Set the Marketing content
-        this.ynpZ();
+        this.YrUN();
       }
       /**
@@ -19601,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.cMgW(_this4.form.elements),
+            var _this4$generateRespon = _this4.Ghij(_this4.form.elements),
               obj = _this4$generateRespon.obj,
               callback = _this4$generateRespon.callback;
             var evalString = "(obj)=>" + callback + "(obj)";
@@ -19914,7 +20035,7 @@
        * @function showVideoInApp
        * @description Shows the video InApp with the configured mode.
        */
-      _defineProperty(this, "AFBp", function () {
+      _defineProperty(this, "showVideoInApp", function () {
         _this.createPlayer();
         try {
           // In PIP mode, only after the video metadata is loaded, show the PIP.
@@ -19927,45 +20048,49 @@
               video.requestPictureInPicture().then(function () {
                 video.play();
               })["catch"](function (error) {
+                var _window$ApxorRTM;
                 Logger.error("Can't show PIP:".concat(error));
-                window.Apxor.logAppEvent("apx_video_inapp_failed", JSON.stringify({
+                (_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 || _window$ApxorRTM.logEvent("apx_video_inapp_failed", {
                   campaignName: _this2.name,
                   id: _this2.configId,
                   failureReason: error
-                }));
+                });
                 hideCallback();
               });
             };
             video.onabort = function () {
+              var _window$ApxorRTM2;
               Logger.error("Can't show video: resource is not fully loaded");
-              window.Apxor.logAppEvent("apx_video_inapp_failed", JSON.stringify({
+              (_window$ApxorRTM2 = window.ApxorRTM) === null || _window$ApxorRTM2 === void 0 || _window$ApxorRTM2.logEvent("apx_video_inapp_failed", {
                 campaignName: this.name,
                 id: this.configId,
                 failureReason: "Can't show video, meta data not loaded"
-              }));
+              });
               this.hideCallback();
             };
             video.onstalled = function () {
+              var _window$ApxorRTM3;
               Logger.error("Can't show video: data is unexpectedly not forthcoming");
-              window.Apxor.logAppEvent("apx_video_inapp_failed", JSON.stringify({
+              (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_video_inapp_failed", {
                 campaignName: this.name,
                 id: this.configId,
                 failureReason: "Can't show video, data is unexpectedly not forthcoming"
-              }));
+              });
               this.hideCallback();
             };
           } else {
             // As the video player is hidden by default, unhide if the mode is not PIP.
-            _this.vjJh();
+            _this.qlGO();
           }
           _this.showCallback();
         } catch (e) {
+          var _window$ApxorRTM4;
           Logger.error("Can't show video:".concat(e));
-          window.Apxor.logAppEvent("apx_video_inapp_failed", JSON.stringify({
+          (_window$ApxorRTM4 = window.ApxorRTM) === null || _window$ApxorRTM4 === void 0 || _window$ApxorRTM4.logEvent("apx_video_inapp_failed", {
             campaignName: _this.name,
             id: _this.configId,
             failureReason: e
-          }));
+          });
           _this.hideCallback();
         }
       });
@@ -19976,7 +20101,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, "ZgoO", function () {
+      _defineProperty(this, "Vjvf", function () {
         var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video, 1),
           width = _getHeightWidthFromRe.width,
           height = _getHeightWidthFromRe.height;
@@ -19988,7 +20113,7 @@
        * @private
        * @description Removes the video player style element.
        */
-      _defineProperty(this, "hglk", function () {
+      _defineProperty(this, "MXZq", function () {
         var playerStyles = document.getElementById("apx-mpl-styles");
         if (playerStyles) {
           playerStyles.remove();
@@ -19999,7 +20124,7 @@
        * @private
        * @description Attach listeners on the video controls
        */
-      _defineProperty(this, "WOFY", function () {
+      _defineProperty(this, "SZZs", 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");
@@ -20019,6 +20144,7 @@
         // If the play button is clicked again, the CTA buttons should be removed.
         _this.videoElement.addEventListener("play", function () {
           if (!_this.inAppShown) {
+            var _window$ApxorRTM5;
             // Initialize the fields to keep the track of aditional info required for logging events.
             _this.minimisedCount = 0;
             _this.maximisedCount = 0;
@@ -20030,7 +20156,7 @@
             _this.slotStartTime = 0; // to tract the start time of the minimize and maximize time slot.
             _this.slotStartTimeVolumeChange = 0; // to track the start time of the volume change time slot.
-            window.Apxor.logAppEvent("inapp_shown", JSON.stringify({
+            (_window$ApxorRTM5 = window.ApxorRTM) === null || _window$ApxorRTM5 === void 0 || _window$ApxorRTM5.logEvent("inapp_shown", {
               message_name: _this.name,
               visibleScreen: location.pathname,
               inappType: "PIP Inapp",
@@ -20040,7 +20166,7 @@
               videoDuration: Math.round(_this.videoElement.duration),
               videoResolution: "".concat(_this.videoElement.videoWidth, "x").concat(_this.videoElement.videoHeight),
               videoConfiguration: "Streaming"
-            }));
+            });
             _this.inAppShown = true;
           }
           if (_this.videoElement.currentTime === 0 || _this.videoElement.currentTime === _this.videoElement.duration) {
@@ -20057,13 +20183,14 @@
         _this.videoElement.addEventListener("fullscreenchange", function () {
           _this.slotEndTime = _this.videoElement.currentTime;
           if (document.fullscreenElement) {
+            var _window$ApxorRTM6;
             _this.maximisedCount++;
             _this.durationMinimised = Math.round(_this.slotEndTime) - Math.round(_this.slotStartTime);
             if (_this.videoElement.currentTime !== _this.videoElement.duration) {
               _this.totalDurationMinimised += _this.durationMinimised;
               _this.durationMinimisedSlots.push("".concat(Math.round(_this.slotStartTime), "-").concat(Math.round(_this.slotEndTime)));
             }
-            window.Apxor.logAppEvent("apx_video_inapp_maximised", JSON.stringify({
+            (_window$ApxorRTM6 = window.ApxorRTM) === null || _window$ApxorRTM6 === void 0 || _window$ApxorRTM6.logEvent("apx_video_inapp_maximised", {
               message_name: _this.name,
               durationMinimised: _this.durationMinimised,
               durationSlotMinimised: "".concat(Math.round(_this.slotStartTime), "-").concat(Math.round(_this.slotEndTime)),
@@ -20071,15 +20198,16 @@
               totalDurationWatched: Math.round(_this.totalDurationMinimised),
               totalDurationWatchedSlot: _this.durationMinimisedSlots,
               maximisedCount: _this.maximisedCount
-            }));
+            });
           } else {
+            var _window$ApxorRTM7;
             _this.durationMaximised = Math.round(_this.slotEndTime) - Math.round(_this.slotStartTime);
             _this.minimisedCount++;
             if (_this.videoElement.currentTime !== _this.videoElement.duration) {
               _this.totalDurationMaximised += _this.durationMaximised;
               _this.durationMaximisedSlots.push("".concat(Math.round(_this.slotStartTime), "-").concat(Math.round(_this.slotEndTime)));
             }
-            window.Apxor.logAppEvent("apx_video_inapp_minimised", JSON.stringify({
+            (_window$ApxorRTM7 = window.ApxorRTM) === null || _window$ApxorRTM7 === void 0 || _window$ApxorRTM7.logEvent("apx_video_inapp_minimised", {
               message_name: _this.name,
               durationMaximised: _this.durationMaximised,
               durationSlotMaximised: "".concat(Math.round(_this.slotStartTime), "-").concat(Math.round(_this.slotEndTime)),
@@ -20087,20 +20215,21 @@
               totalDurationWatched: Math.round(_this.totalDurationMaximised),
               totalDurationWatchedSlot: _this.durationMaximisedSlots,
               minimisedCount: _this.minimisedCount
-            }));
+            });
           }
           _this.slotStartTime = _this.videoElement.currentTime;
         });
         _this.videoElement.addEventListener("volumechange", function () {
           if (!isNaN(_this.slotStartTimeVolumeChange)) {
+            var _window$ApxorRTM8;
             _this.volumeClickedCount++;
-            window.Apxor.logAppEvent("apx_video_inapp_volume_button_clicked", JSON.stringify({
+            (_window$ApxorRTM8 = window.ApxorRTM) === null || _window$ApxorRTM8 === void 0 || _window$ApxorRTM8.logEvent("apx_video_inapp_volume_button_clicked", {
               message_name: _this.name,
               id: _this.configId,
               actionPerformed: _this.videoElement.muted ? "mute" : "unmute",
               totalDurationWatchedSlot: "".concat(Math.round(_this.slotStartTimeVolumeChange), "-").concat(Math.round(_this.videoElement.currentTime)),
               totalDurationWatched: Math.round(_this.videoElement.currentTime) - Math.round(_this.slotStartTimeVolumeChange)
-            }));
+            });
             _this.slotStartTimeVolumeChange = _this.videoElement.currentTime;
           }
         });
@@ -20110,7 +20239,7 @@
        * @private
        * @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
        */
-      _defineProperty(this, "PoLa", function () {
+      _defineProperty(this, "ULkp", 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,
@@ -20150,7 +20279,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, "SpLw", function () {
+      _defineProperty(this, "FYKO", function () {
         _this.enable_close_button;
         if (_this.enable_close_button) {
           var closeButton = document.createElement("span");
@@ -20197,21 +20326,21 @@
        * @function hideVideoPlayer
        * @description Sets the visibility of the video player to hidden.
        */
-      _defineProperty(this, "ZlCf", function () {
+      _defineProperty(this, "rupR", function () {
         _this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function unhideVideoPlayer
        * @description Unhides video player.
        */
-      _defineProperty(this, "vjJh", function () {
+      _defineProperty(this, "qlGO", function () {
         _this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function getVideoElement
        * @returns {HTMLElement} Video ekement
        */
-      _defineProperty(this, "NDgK", function () {
+      _defineProperty(this, "UFZT", function () {
         return _this.videoElement;
       });
       this.videoPlayer = null;
@@ -20263,7 +20392,7 @@
         this.videoPlayer.style.backgroundColor = this.bg_color;
         // Video has a resolution, not deviating from the resolution set the height and width.
-        this.ZgoO();
+        this.Vjvf();
         //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.
@@ -20271,16 +20400,16 @@
         //Create a video element,set the source and add to the container.
         this._setPlayerContent();
         //Set the listeners on the video control buttons.
-        this.WOFY();
+        this.SZZs();
         //Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
-        this.PoLa();
+        this.ULkp();
         //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.SpLw();
+        this.FYKO();
         //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.ZlCf();
+        this.rupR();
         //If the auto dismiss is enabled, sets the timeout to call the InApp close.
         this._setAutoTerminate();
         document.body.appendChild(this.videoPlayer);
@@ -20384,6 +20513,7 @@
       function _onClose() {
         var closeButtonName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "web_minimise_x_clicked";
         try {
+          var _window$ApxorRTM10;
           if (this.inAppShown) {
             if (!document.fullscreenElement) {
               this.totalDurationMinimised += Math.round(this.videoElement.currentTime) - Math.round(this.slotStartTime);
@@ -20394,17 +20524,18 @@
             }
           }
           this.videoPlayer.remove();
-          this.hglk();
+          this.MXZq();
           if (closeButtonName !== "auto_dismiss") {
-            window.Apxor.logAppEvent("apx_video_inapp_close_button_clicked", JSON.stringify({
+            var _window$ApxorRTM9;
+            (_window$ApxorRTM9 = window.ApxorRTM) === null || _window$ApxorRTM9 === void 0 || _window$ApxorRTM9.logEvent("apx_video_inapp_close_button_clicked", {
               message_name: this.name,
               id: this.configId,
               totalDurationWatchedSlot: "0-".concat(Math.round(this.videoElement.currentTime)),
               totalDurationWatched: Math.round(this.videoElement.currentTime),
               closeButtonName: closeButtonName
-            }));
+            });
           }
-          window.Apxor.logAppEvent("apx_inapp_dismissed", JSON.stringify({
+          (_window$ApxorRTM10 = window.ApxorRTM) === null || _window$ApxorRTM10 === void 0 || _window$ApxorRTM10.logEvent("apx_inapp_dismissed", {
             campaignName: this.name,
             id: this.configId,
             totalDurationWatched: Math.round(this.videoElement.currentTime),
@@ -20419,7 +20550,7 @@
             inappType: "PIP Inapp",
             apx_completed: this.videoElement.currentTime === this.videoElement.duration ? true : false,
             apx_completion_percentage: this.videoElement.currentTime / this.videoElement.duration
-          }));
+          });
           this.hideCallback("cancel");
         } catch (e) {
           console.log("Error \n ".concat(e, " \n occured while closing the video"));
@@ -20442,6 +20573,7 @@
         if (this.buttons.enable_top || this.buttons.enable_center || this.buttons.enable_bottom) {
           var removeCallback = function removeCallback(isCancel, action, index) {
             try {
+              var _window$ApxorRTM11;
               var button;
               if (_this3.buttons.enable_top && _this3.buttons.top.length > 0) {
                 button = _this3.buttons.top;
@@ -20452,7 +20584,7 @@
               if (_this3.buttons.enable_bottom && _this3.buttons.bottom.length) {
                 button = _this3.buttons.bottom;
               }
-              window.Apxor.logAppEvent("apx_video_inapp_button_clicked", JSON.stringify({
+              (_window$ApxorRTM11 = window.ApxorRTM) === null || _window$ApxorRTM11 === void 0 || _window$ApxorRTM11.logEvent("apx_video_inapp_button_clicked", {
                 buttonName: button.at(index).text.text,
                 redirection: button.at(index).action.type,
                 totalDurationWatched: Math.round(_this3.videoElement.currentTime),
@@ -20460,9 +20592,9 @@
                 id: _this3.configId,
                 totalDurationWatchedSlot: "0-".concat(Math.round(_this3.videoElement.currentTime)),
                 replayCount: _this3.replayCount
-              }));
+              });
               _this3.videoPlayer.remove();
-              _this3.hglk();
+              _this3.MXZq();
               _this3.hideCallback();
             } catch (e) {
               console.log("Can't close the video player\n".concat(e));
@@ -20551,32 +20683,80 @@
     var _this = this,
       _config$termination;
     _classCallCheck(this, EmbedCards);
-    _defineProperty(this, "showEmbedCardsv2", function () {
-      var element = _this.JOeg(_this.layout);
-      _this.qzdB();
-      window.onresize = function () {
-        _this.SbrJ();
-      };
-      document.body.appendChild(element);
-      var styleElement = document.createElement("style");
-      styleElement.innerHTML = _this.styleContent;
-      document.head.appendChild(styleElement);
-      _this.tbet(_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.QrCq(_this.layout);
+        _this.GVvf();
+        window.onresize = function () {
+          _this.Kitu();
+        };
+        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.QOPs(_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 _window$ApxorRTM, _window3;
+              clearInterval(_this.intervalToCheckVideoStatus);
+              (_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 || _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
+                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.BhLQ()) {
+              _this.waitInterval = 30;
+              _this.Kitu();
+              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.wMuZ()) {
+            _this.waitInterval = 30;
+            clearInterval(_this.intervalToCheckImgStatus);
+            _this.videoElements.length > 0 ? videoStatusCheck() : _this.Kitu();
+          }
+        }, 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.SbrJ();
     });
-    _defineProperty(this, "qzdB", function () {
+    _defineProperty(this, "GVvf", function () {
       var EmbeddedCardsStyles = document.createElement("style");
       EmbeddedCardsStyles.innerHTML = _this.initialStyles;
       EmbeddedCardsStyles.setAttribute("apx-tooltip-styles", "");
       document.head.appendChild(EmbeddedCardsStyles);
     });
-    _defineProperty(this, "JOeg", function (config) {
+    _defineProperty(this, "QrCq", function (config) {
       var _window$Apxor;
       var element;
       switch (config.type) {
@@ -20589,26 +20769,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);
@@ -20618,13 +20799,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) {
@@ -20634,36 +20833,68 @@
             case "activity":
             case "ir":
               element.onclick = function (e) {
+                var _e$target$getAttribut, _e$target, _e$target$getAttribut2;
+                e.stopPropagation();
                 window.Apxor.redirect(JSON.stringify(action));
                 var additional_info = {
                   campaignName: _this.name,
                   id: _this.configId,
-                  apx_nudge_type: "sticky_card"
+                  apx_nudge_type: "sticky_card",
+                  apx_card_name: (_e$target$getAttribut = (_e$target = e.target) === null || _e$target === void 0 || (_e$target$getAttribut2 = _e$target.getAttribute) === null || _e$target$getAttribut2 === void 0 ? void 0 : _e$target$getAttribut2.call(_e$target, "card_name")) !== null && _e$target$getAttribut !== void 0 ? _e$target$getAttribut : ""
                 };
                 if (e.target.tagName === "BUTTON") {
+                  var _window$ApxorRTM2;
                   additional_info["apx_cta_text"] = e.target.innerHTML;
+                  (_window$ApxorRTM2 = window.ApxorRTM) === null || _window$ApxorRTM2 === void 0 || _window$ApxorRTM2.logEvent("apx_card_CTA_clicked", additional_info);
+                } else {
+                  var _window$ApxorRTM3;
+                  (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_card_interaction", additional_info);
+                }
+              };
+              break;
+            case "show-video":
+              element.onclick = function (e) {
+                var _e$target$getAttribut3, _e$target2, _e$target2$getAttribu;
+                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",
+                  apx_card_name: (_e$target$getAttribut3 = (_e$target2 = e.target) === null || _e$target2 === void 0 || (_e$target2$getAttribu = _e$target2.getAttribute) === null || _e$target2$getAttribu === void 0 ? void 0 : _e$target2$getAttribu.call(_e$target2, "card_name")) !== null && _e$target$getAttribut3 !== void 0 ? _e$target$getAttribut3 : ""
+                };
+                if (e.target.tagName === "BUTTON") {
+                  var _window$ApxorRTM4;
+                  additional_info["apx_cta_text"] = e.target.innerHTML;
+                  (_window$ApxorRTM4 = window.ApxorRTM) === null || _window$ApxorRTM4 === void 0 || _window$ApxorRTM4.logEvent("apx_card_CTA_clicked", additional_info);
+                } else {
+                  var _window$ApxorRTM5;
+                  (_window$ApxorRTM5 = window.ApxorRTM) === null || _window$ApxorRTM5 === void 0 || _window$ApxorRTM5.logEvent("apx_card_interaction", additional_info);
                 }
-                window.Apxor.logAppEvent("apx_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);
@@ -20674,23 +20905,41 @@
               };
               break;
             case "copy-content":
-              element.onclick = function () {
-                var textToCopy = element.innerText;
+              element.onclick = function (e) {
+                var _e$target$getAttribut4, _e$target3, _e$target3$getAttribu;
+                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);
                 tempInput.select();
                 document.execCommand("copy");
                 document.body.removeChild(tempInput);
+                var additional_info = {
+                  campaignName: _this.name,
+                  id: _this.configId,
+                  apx_nudge_type: "sticky_card",
+                  apx_card_name: (_e$target$getAttribut4 = (_e$target3 = e.target) === null || _e$target3 === void 0 || (_e$target3$getAttribu = _e$target3.getAttribute) === null || _e$target3$getAttribu === void 0 ? void 0 : _e$target3$getAttribu.call(_e$target3, "card_name")) !== null && _e$target$getAttribut4 !== void 0 ? _e$target$getAttribut4 : ""
+                };
+                if (e.target.tagName === "BUTTON") {
+                  var _window$ApxorRTM6;
+                  additional_info["apx_cta_text"] = e.target.innerHTML;
+                  (_window$ApxorRTM6 = window.ApxorRTM) === null || _window$ApxorRTM6 === void 0 || _window$ApxorRTM6.logEvent("apx_card_CTA_clicked", additional_info);
+                } else {
+                  var _window$ApxorRTM7;
+                  (_window$ApxorRTM7 = window.ApxorRTM) === null || _window$ApxorRTM7 === void 0 || _window$ApxorRTM7.logEvent("apx_card_interaction", additional_info);
+                }
               };
               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);
               };
           }
@@ -20699,10 +20948,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.tKzm(childConfig);
+          var childElement = _this.jtyP(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);
         });
@@ -20717,13 +20966,33 @@
         // }
         config.children.forEach(function (childConfig) {
-          var childElement = _this.JOeg(childConfig);
+          var childElement = _this.QrCq(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, "tbet", function (config) {
+    _defineProperty(this, "QOPs", function (config) {
       config.forEach(function (id) {
         var element = document.getElementById(id);
         if (element) {
@@ -20731,11 +21000,26 @@
         }
       });
     });
-    _defineProperty(this, "SbrJ", function () {
-      var _window;
+    _defineProperty(this, "wMuZ", function () {
+      return _this.imageElements.every(function (img) {
+        return img.complete;
+      });
+    });
+    _defineProperty(this, "BhLQ", function () {
+      return _this.videoElements.every(function (video) {
+        return video.readyState >= 3;
+      });
+    });
+    _defineProperty(this, "Kitu", 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));
+      if (width > 0 && height > 0 && !_this.loggedNudgeShownEvent) {
+        _this.showCallback();
+        _this.loggedNudgeShownEvent = true;
+      }
     });
     this.configId = configId;
     this.name = name;
@@ -20746,19 +21030,26 @@
     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;
+    this.loggedNudgeShownEvent = false;
   });
   var RTM = /*#__PURE__*/_createClass(function RTM() {
     var _this = this;
     _classCallCheck(this, RTM);
-    _defineProperty(this, "opuR", {});
+    _defineProperty(this, "ZeeY", {});
     _defineProperty(this, "isShowingAction", false);
     _defineProperty(this, "currentAction", null);
-    _defineProperty(this, "Mdpo", null);
-    _defineProperty(this, "version", 56);
+    _defineProperty(this, "XhLY", null);
+    _defineProperty(this, "version", 61);
     _defineProperty(this, "isInitialised", false);
-    _defineProperty(this, "_eventsInDynamicText", {});
-    _defineProperty(this, "IPmU", function () {
+    _defineProperty(this, "bBhw", {});
+    _defineProperty(this, "QDeD", false);
+    _defineProperty(this, "_isShownECCalled", false);
+    _defineProperty(this, "DuFv", function () {
       _this.isInitialised = true;
       var oldPushState = history.pushState;
       history.pushState = function pushState() {
@@ -20783,7 +21074,7 @@
     });
     _defineProperty(this, "show", function (uiJson, duration, uuid, name) {
       if (!_this.isInitialised) {
-        _this.IPmU();
+        _this.DuFv();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor, _window$Apxor$pageUnl;
@@ -20792,7 +21083,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");
@@ -20808,7 +21101,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.NZQq(ui_config, duration, uuid, name);
+          _this.QCTE(ui_config, duration, uuid, name);
         } else {
           showCoachmarkWithDelay(_this, ui_config, {
             configId: uuid,
@@ -20816,21 +21109,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);
@@ -20840,10 +21133,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) {
@@ -20855,53 +21149,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 _window$ApxorRTM, _window11;
+        (_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 || _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
+          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, _window$ApxorRTM2;
+        (_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$ApxorRTM2 = window.ApxorRTM) === null || _window$ApxorRTM2 === void 0 ? void 0 : _window$ApxorRTM2.logEvent("apx_nudge_shown", {
           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) {}
       }
     });
@@ -20913,48 +21220,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.Mdpo = 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.XhLY = 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.Mdpo = new InLineTooltip(ui_config, [], [], terminationConfig, {
+        _this.XhLY = new InLineTooltip(ui_config, [], [], terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide, function () {}, false, 0);
       } else if (action_class === "tooltip_builder") {
-        _this.Mdpo = new NewInLineTooltip(ui_config, terminationConfig, {
+        _this.XhLY = new NewInLineTooltip(ui_config, terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide);
       }
       setTimeout(function () {
-        _this.Mdpo.createNewTooltip();
+        _this.XhLY.createNewTooltip();
       }, ui_config.delay);
     });
-    _defineProperty(this, "NZQq", function (ui_config, duration, uuid, name) {
+    _defineProperty(this, "QCTE", function (ui_config, duration, uuid, name) {
       var terminationConfig = {};
       terminationConfig["auto_dismiss"] = duration > 0;
       terminationConfig["duration"] = duration;
@@ -20964,35 +21271,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.Mdpo = 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.XhLY = 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.Mdpo) {
-        _this.Mdpo.updateElementPositionOnScroll(top, left, height, width);
+      if (_this.XhLY) {
+        _this.XhLY.updateElementPositionOnScroll(top, left, height, width);
       }
     });
     _defineProperty(this, "createInAppVideo", function (config, duration, configId, name) {
@@ -21009,20 +21316,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.AFBp();
+      VideoInAppInstance.showVideoInApp();
     });
     /**
      * Creates a modal for the given config and displays it.
@@ -21043,19 +21350,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;
@@ -21066,12 +21373,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")) {
@@ -21086,7 +21393,11 @@
       inappModal.createInAppModal();
     });
     _defineProperty(this, "showPlaceHolder", function () {
-      var _window28;
+      var _window33;
+      if (_this.QDeD) {
+        return;
+      }
+      _this.QDeD = true;
       var ele = document.createElement("div");
       ele.innerHTML = "place your immersive card here";
       ele.style.backgroundColor = "#f5f5f5";
@@ -21096,13 +21407,21 @@
       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, []);
+    //   survey_obj.createSurvey();
+    // };
+    _defineProperty(this, "logEvent", function (name, additional_info) {
+      var _window$Apxor5;
+      if (((_window$Apxor5 = window.Apxor) === null || _window$Apxor5 === void 0 ? void 0 : _window$Apxor5.platform) === "ios") {
+        window.Apxor.logAppEvent(name, additional_info);
+      } else {
+        window.Apxor.logAppEvent(name, JSON.stringify(additional_info));
+      }
     });
-  } // createSurvey = (config, configId, name) => {
-  //   const survey_obj = new NewSurveys(configId, name, config, []);
-  //   survey_obj.createSurvey();
-  // };
-  );
+  });
   /* eslint-disable no-empty */
   var rtm = new RTM();