apxor-rtm-ui 0.7.1 → 0.8.1

package/dist/apxor.rtm.js.bak

@@ -52,6 +52,307 @@
     }
     return e;
   }
+  function _regeneratorRuntime() {
+    _regeneratorRuntime = function () {
+      return e;
+    };
+    var t,
+      e = {},
+      r = Object.prototype,
+      n = r.hasOwnProperty,
+      o = Object.defineProperty || function (t, e, r) {
+        t[e] = r.value;
+      },
+      i = "function" == typeof Symbol ? Symbol : {},
+      a = i.iterator || "@@iterator",
+      c = i.asyncIterator || "@@asyncIterator",
+      u = i.toStringTag || "@@toStringTag";
+    function define(t, e, r) {
+      return Object.defineProperty(t, e, {
+        value: r,
+        enumerable: !0,
+        configurable: !0,
+        writable: !0
+      }), t[e];
+    }
+    try {
+      define({}, "");
+    } catch (t) {
+      define = function (t, e, r) {
+        return t[e] = r;
+      };
+    }
+    function wrap(t, e, r, n) {
+      var i = e && e.prototype instanceof Generator ? e : Generator,
+        a = Object.create(i.prototype),
+        c = new Context(n || []);
+      return o(a, "_invoke", {
+        value: makeInvokeMethod(t, r, c)
+      }), a;
+    }
+    function tryCatch(t, e, r) {
+      try {
+        return {
+          type: "normal",
+          arg: t.call(e, r)
+        };
+      } catch (t) {
+        return {
+          type: "throw",
+          arg: t
+        };
+      }
+    }
+    e.wrap = wrap;
+    var h = "suspendedStart",
+      l = "suspendedYield",
+      f = "executing",
+      s = "completed",
+      y = {};
+    function Generator() {}
+    function GeneratorFunction() {}
+    function GeneratorFunctionPrototype() {}
+    var p = {};
+    define(p, a, function () {
+      return this;
+    });
+    var d = Object.getPrototypeOf,
+      v = d && d(d(values([])));
+    v && v !== r && n.call(v, a) && (p = v);
+    var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
+    function defineIteratorMethods(t) {
+      ["next", "throw", "return"].forEach(function (e) {
+        define(t, e, function (t) {
+          return this._invoke(e, t);
+        });
+      });
+    }
+    function AsyncIterator(t, e) {
+      function invoke(r, o, i, a) {
+        var c = tryCatch(t[r], t, o);
+        if ("throw" !== c.type) {
+          var u = c.arg,
+            h = u.value;
+          return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
+            invoke("next", t, i, a);
+          }, function (t) {
+            invoke("throw", t, i, a);
+          }) : e.resolve(h).then(function (t) {
+            u.value = t, i(u);
+          }, function (t) {
+            return invoke("throw", t, i, a);
+          });
+        }
+        a(c.arg);
+      }
+      var r;
+      o(this, "_invoke", {
+        value: function (t, n) {
+          function callInvokeWithMethodAndArg() {
+            return new e(function (e, r) {
+              invoke(t, n, e, r);
+            });
+          }
+          return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+        }
+      });
+    }
+    function makeInvokeMethod(e, r, n) {
+      var o = h;
+      return function (i, a) {
+        if (o === f) throw new Error("Generator is already running");
+        if (o === s) {
+          if ("throw" === i) throw a;
+          return {
+            value: t,
+            done: !0
+          };
+        }
+        for (n.method = i, n.arg = a;;) {
+          var c = n.delegate;
+          if (c) {
+            var u = maybeInvokeDelegate(c, n);
+            if (u) {
+              if (u === y) continue;
+              return u;
+            }
+          }
+          if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
+            if (o === h) throw o = s, n.arg;
+            n.dispatchException(n.arg);
+          } else "return" === n.method && n.abrupt("return", n.arg);
+          o = f;
+          var p = tryCatch(e, r, n);
+          if ("normal" === p.type) {
+            if (o = n.done ? s : l, p.arg === y) continue;
+            return {
+              value: p.arg,
+              done: n.done
+            };
+          }
+          "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
+        }
+      };
+    }
+    function maybeInvokeDelegate(e, r) {
+      var n = r.method,
+        o = e.iterator[n];
+      if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
+      var i = tryCatch(o, e.iterator, r.arg);
+      if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
+      var a = i.arg;
+      return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
+    }
+    function pushTryEntry(t) {
+      var e = {
+        tryLoc: t[0]
+      };
+      1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
+    }
+    function resetTryEntry(t) {
+      var e = t.completion || {};
+      e.type = "normal", delete e.arg, t.completion = e;
+    }
+    function Context(t) {
+      this.tryEntries = [{
+        tryLoc: "root"
+      }], t.forEach(pushTryEntry, this), this.reset(!0);
+    }
+    function values(e) {
+      if (e || "" === e) {
+        var r = e[a];
+        if (r) return r.call(e);
+        if ("function" == typeof e.next) return e;
+        if (!isNaN(e.length)) {
+          var o = -1,
+            i = function next() {
+              for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
+              return next.value = t, next.done = !0, next;
+            };
+          return i.next = i;
+        }
+      }
+      throw new TypeError(typeof e + " is not iterable");
+    }
+    return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
+      value: GeneratorFunctionPrototype,
+      configurable: !0
+    }), o(GeneratorFunctionPrototype, "constructor", {
+      value: GeneratorFunction,
+      configurable: !0
+    }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
+      var e = "function" == typeof t && t.constructor;
+      return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
+    }, e.mark = function (t) {
+      return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
+    }, e.awrap = function (t) {
+      return {
+        __await: t
+      };
+    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
+      return this;
+    }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
+      void 0 === i && (i = Promise);
+      var a = new AsyncIterator(wrap(t, r, n, o), i);
+      return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
+        return t.done ? t.value : a.next();
+      });
+    }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
+      return this;
+    }), define(g, "toString", function () {
+      return "[object Generator]";
+    }), e.keys = function (t) {
+      var e = Object(t),
+        r = [];
+      for (var n in e) r.push(n);
+      return r.reverse(), function next() {
+        for (; r.length;) {
+          var t = r.pop();
+          if (t in e) return next.value = t, next.done = !1, next;
+        }
+        return next.done = !0, next;
+      };
+    }, e.values = values, Context.prototype = {
+      constructor: Context,
+      reset: function (e) {
+        if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
+      },
+      stop: function () {
+        this.done = !0;
+        var t = this.tryEntries[0].completion;
+        if ("throw" === t.type) throw t.arg;
+        return this.rval;
+      },
+      dispatchException: function (e) {
+        if (this.done) throw e;
+        var r = this;
+        function handle(n, o) {
+          return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
+        }
+        for (var o = this.tryEntries.length - 1; o >= 0; --o) {
+          var i = this.tryEntries[o],
+            a = i.completion;
+          if ("root" === i.tryLoc) return handle("end");
+          if (i.tryLoc <= this.prev) {
+            var c = n.call(i, "catchLoc"),
+              u = n.call(i, "finallyLoc");
+            if (c && u) {
+              if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+              if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+            } else if (c) {
+              if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+            } else {
+              if (!u) throw new Error("try statement without catch or finally");
+              if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+            }
+          }
+        }
+      },
+      abrupt: function (t, e) {
+        for (var r = this.tryEntries.length - 1; r >= 0; --r) {
+          var o = this.tryEntries[r];
+          if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
+            var i = o;
+            break;
+          }
+        }
+        i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
+        var a = i ? i.completion : {};
+        return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
+      },
+      complete: function (t, e) {
+        if ("throw" === t.type) throw t.arg;
+        return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
+      },
+      finish: function (t) {
+        for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+          var r = this.tryEntries[e];
+          if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
+        }
+      },
+      catch: function (t) {
+        for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+          var r = this.tryEntries[e];
+          if (r.tryLoc === t) {
+            var n = r.completion;
+            if ("throw" === n.type) {
+              var o = n.arg;
+              resetTryEntry(r);
+            }
+            return o;
+          }
+        }
+        throw new Error("illegal catch attempt");
+      },
+      delegateYield: function (e, r, n) {
+        return this.delegate = {
+          iterator: values(e),
+          resultName: r,
+          nextLoc: n
+        }, "next" === this.method && (this.arg = t), y;
+      }
+    }, e;
+  }
   function _typeof(o) {
     "@babel/helpers - typeof";
 
@@ -61,6 +362,36 @@
       return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
     }, _typeof(o);
   }
+  function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+      var info = gen[key](arg);
+      var value = info.value;
+    } catch (error) {
+      reject(error);
+      return;
+    }
+    if (info.done) {
+      resolve(value);
+    } else {
+      Promise.resolve(value).then(_next, _throw);
+    }
+  }
+  function _asyncToGenerator(fn) {
+    return function () {
+      var self = this,
+        args = arguments;
+      return new Promise(function (resolve, reject) {
+        var gen = fn.apply(self, args);
+        function _next(value) {
+          asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+        }
+        function _throw(err) {
+          asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+        }
+        _next(undefined);
+      });
+    };
+  }
   function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
       throw new TypeError("Cannot call a class as a function");
@@ -6395,7 +6726,9 @@
     TOP_CENTER: "top-center",
     BOTTOM_CENTER: "bottom-center",
     CENTER: "center",
-    FULL_SCREEN: "full-screen"
+    FULL_SCREEN: "full-screen",
+    LEFT: "left",
+    RIGHT: "right"
   };
   var imgWrapperStyles = {
     "margin-left": "marginLeft",
@@ -6447,8 +6780,17 @@
     cell: "div",
     img: "img",
     text: "span",
-    button: "button"
+    button: "button",
+    cta_button: "button"
   };
+  var BUILDER_TEMPLATE_NODE_TYPES = {
+    cell: "div",
+    img: "img",
+    text: "div",
+    button: "button",
+    cta_button: "button"
+  };
+  var CROSS_ICON_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"border-radius: inherit; width: 100%; height: 100%;\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"current-color\"></path><path d=\"M18 6l-12 12\"></path><path d=\"M6 6l12 12\"></path></svg>";
 
   /* eslint-disable no-unused-vars */
 
@@ -6808,10 +7150,11 @@
     var index = arguments.length > 10 ? arguments[10] : undefined;
     var button_alignment = arguments.length > 11 && arguments[11] !== undefined ? arguments[11] : "center";
     var fontMultiplier = arguments.length > 12 && arguments[12] !== undefined ? arguments[12] : 1;
+    var step = arguments.length > 13 && arguments[13] !== undefined ? arguments[13] : -1;
     var buttons = document.createElement("div");
     buttons.className = "".concat(position, "-buttons-container");
     buttons.style.zIndex = 99999999;
-    var _generateButtonsFromC = generateButtonsFromConfig(buttons_config, actionHandler, id, name, eventPrefix, position, isWalkthrough, uis, index),
+    var _generateButtonsFromC = generateButtonsFromConfig(buttons_config, actionHandler, id, name, eventPrefix, position, isWalkthrough, uis, index, step),
       buttons_array = _generateButtonsFromC.buttons_array,
       buttons_css = _generateButtonsFromC.buttons_css;
     buttons_css.fontMultiplier = fontMultiplier;
@@ -7096,6 +7439,7 @@
     var isWalkthrough = arguments.length > 6 ? arguments[6] : undefined;
     var uis = arguments.length > 7 ? arguments[7] : undefined;
     var ind = arguments.length > 8 ? arguments[8] : undefined;
+    var step = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : -1;
     var buttons_array = [];
     var buttons_css = [];
     buttons_config.sort(function (a, b) {
@@ -7156,6 +7500,10 @@
             action = function action() {
               ActionHandler.complete(false, "dismiss");
               window.Apxor.logActionEvent(configType + text + "_Clicked", uuid, name);
+              if (step != -1) {
+                var _window;
+                (_window = window) === null || _window === void 0 || (_window = _window.Apxor) === null || _window === void 0 || _window.triggerNextStep(uuid, step + 1);
+              }
             };
             break;
           case "next":
@@ -7185,9 +7533,17 @@
                 window.Apxor.redirectTo(JSON.stringify(action_config));
                 var _type = configType.toLowerCase();
                 window.Apxor.logActionEvent("".concat(_type, "dismissed"), uuid, name);
+                if (step != -1) {
+                  var _window2;
+                  (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.Apxor) === null || _window2 === void 0 || _window2.triggerNextStep(uuid, step + 1);
+                }
               } else {
                 ActionHandler.complete(true, "redirect");
                 window.Apxor.redirectTo("IN_APP", uuid, name, text, JSON.stringify(action_config));
+                if (step != -1) {
+                  var _window3;
+                  (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.Apxor) === null || _window3 === void 0 || _window3.triggerNextStep(uuid, step + 1);
+                }
               }
               // if (redirectWithin || isExternal) {
               //   window.open(url, redirectWithin ? "_self" : "_blank");
@@ -7500,6 +7856,17 @@
     });
     return newObj;
   }
+  var extractBgImageUrl = function extractBgImageUrl(css) {
+    var _css$backgroundImage;
+    var backgroundImage = (_css$backgroundImage = css === null || css === void 0 ? void 0 : css["background-image"]) !== null && _css$backgroundImage !== void 0 ? _css$backgroundImage : "url()";
+    var pattern = /url\((.*?)\)/;
+    var match = backgroundImage.match(pattern);
+    if (match && match[1]) {
+      return match[1];
+    } else {
+      return "";
+    }
+  };
 
   /**
    * @function getPIPSVG
@@ -11756,69 +12123,109 @@
     render: render
   });
 
-  var TemplateContent = /*#__PURE__*/_createClass(function TemplateContent(_config, configId, name, type) {
+  var TemplateContent = /*#__PURE__*/_createClass(function TemplateContent(_config, configId, name, _type, closeCallback) {
     var _this = this,
+      _config$wait_interval,
       _config$termination;
     _classCallCheck(this, TemplateContent);
-    _defineProperty(this, "KyAi", function () {
-      var element = _this.HjRo(_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);
-      try {
-        eval(_this.script);
-      } catch (e) {
-        console.log("found error while executing script: ".concat(e));
-      }
-      return element;
+    _defineProperty(this, "NszW", function () {
+      return new Promise(function (resolve, reject) {
+        try {
+          var element = _this.xyYY(_this.layout);
+          var styleElement = document.createElement("style");
+          styleElement.innerHTML = _this.styleContent;
+          document.head.appendChild(styleElement);
+          _this.PfLM();
+          try {
+            eval(_this.script);
+          } catch (e) {
+            var _window;
+            console.log("found error while executing script: ".concat(e));
+            (_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.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));
+            reject("found error while executing script: ".concat(e));
+          }
+          _this.imageElements.forEach(function (img) {
+            img.addEventListener("error", function () {
+              _this.JmOW("provided image doesn't exists");
+            });
+          });
+          _this.intervalToCheckMediaLoadingStatus = setInterval(function () {
+            _this.wait_interval -= 1;
+            if (_this.wait_interval <= 0) {
+              _this.JmOW("provided media doesn't exists");
+            } else {
+              if (_this.uDuu() && _this.FgHb() && _this.IJFb()) {
+                clearInterval(_this.intervalToCheckMediaLoadingStatus);
+                resolve(element);
+              }
+            }
+          }, 100);
+        } catch (e) {
+          var _window2;
+          console.log("failed while creating builder template with error ".concat(e));
+          (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.ApxorLogger) === null || _window2 === void 0 || _window2.error("failed while creating builder template with error: ".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
+          reject("failed while creating builder template with error: ".concat(e));
+        }
+      });
     });
-    _defineProperty(this, "HjRo", function (config) {
-      var _window$Apxor;
+    _defineProperty(this, "JmOW", function (reason) {
+      var _window$ApxorRTM, _window$Apxor, _this$config, _this$config2, _window$Apxor2, _this$config3, _this$config4, _this$config5, _this$config6, _window3;
+      !_this.loggedNudgeNotShownEvent && ((_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 ? void 0 : _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
+        apx_nudge_name: _this.name,
+        apx_nudge_id: ((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) === "ios" ? (_this$config = _this.config) === null || _this$config === void 0 || (_this$config = _this$config.additional_info) === null || _this$config === void 0 ? void 0 : _this$config.id : _this.configId,
+        apx_template_name: _this.type,
+        apx_notshown_type: "error",
+        apx_reason: reason,
+        apx_variant_code: (_this$config2 = _this.config) === null || _this$config2 === void 0 || (_this$config2 = _this$config2.additional_info) === null || _this$config2 === void 0 ? void 0 : _this$config2.apx_variant_code,
+        apx_step: ((_window$Apxor2 = window.Apxor) === null || _window$Apxor2 === void 0 ? void 0 : _window$Apxor2.platform) === "ios" ? (_this$config3 = _this.config) !== null && _this$config3 !== void 0 && (_this$config3 = _this$config3.additional_info) !== null && _this$config3 !== void 0 && _this$config3.is_preview ? 1 : (_this$config4 = _this.config) === null || _this$config4 === void 0 || (_this$config4 = _this$config4.additional_info) === null || _this$config4 === void 0 ? void 0 : _this$config4.apx_step : (_this$config5 = _this.config) !== null && _this$config5 !== void 0 && (_this$config5 = _this$config5.additional_info) !== null && _this$config5 !== void 0 && _this$config5.is_preview ? 1 : (_this$config6 = _this.config) === null || _this$config6 === void 0 || (_this$config6 = _this$config6.additional_info) === null || _this$config6 === void 0 ? void 0 : _this$config6.apx_step
+      }));
+      _this.loggedNudgeNotShownEvent = true;
+      clearInterval(_this.intervalToCheckMediaLoadingStatus);
+      _this.closeCallBack("cancel");
+      (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.ApxorInternals) === null || _window3 === void 0 || _window3.removeBuilderTemplate(_this.configId);
+    });
+    _defineProperty(this, "PfLM", function () {
+      var BuilderTemplatesStyles = document.createElement("style");
+      BuilderTemplatesStyles.innerHTML = _this.initialStyles;
+      BuilderTemplatesStyles.setAttribute("apx-builder-template-styles", "");
+      document.head.appendChild(BuilderTemplatesStyles);
+    });
+    _defineProperty(this, "xyYY", function (config) {
+      var _window$Apxor3;
       var element;
       switch (config.type) {
         case "cell":
         case "img":
         case "text":
+        case "cta_button":
         case "button":
-          element = document.createElement(EMBED_CARD_TYPE[config.type]);
+          element = document.createElement(BUILDER_TEMPLATE_NODE_TYPES[config.type]);
           break;
         case "video":
           element = document.createElement("video");
           element.controlsList = "noplaybackrate nodownload nofullscreen";
           element.controls = true;
+          element.muted = true;
           element.disablePictureInPicture = true;
           element.autoplay = true;
-          if (((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) === "ios") {
+          if (((_window$Apxor3 = window.Apxor) === null || _window$Apxor3 === void 0 ? void 0 : _window$Apxor3.platform) === "ios") {
             element.playsInline = true;
           }
-          // 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");
           break;
+        case "cross_button":
+          element = document.createElement("div");
+          element.innerHTML = CROSS_ICON_SVG;
+          element.style.display = "flex";
+          break;
         default:
           element = document.createElement(config.type);
       }
       if (config.properties) {
         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]) {
@@ -11834,37 +12241,86 @@
       }
       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 if (config._id === _this.layout._id) {
+          var layoutStyleObject = parseCSS(config.css);
+          if (layoutStyleObject["background-image"]) {
+            var backgroundImageUrl = extractBgImageUrl(layoutStyleObject);
+            layoutStyleObject["background-image"] = "url(".concat(decodeURIComponent(backgroundImageUrl), ")");
+            _this.bgImageUrl = decodeURIComponent(backgroundImageUrl);
+          }
+          styles = ".".concat(config._id, " {\n        ").concat(objectToCSS(layoutStyleObject), "\n      }\n      ");
+        } else {
+          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) {
+          var next_step = action !== null && action !== void 0 && action.next_step ? action === null || action === void 0 ? void 0 : action.next_step : 0;
           switch (action.type) {
             case "activity":
             case "deeplink":
             case "ir":
               element.onclick = function (e) {
+                var _this$config7;
                 e.stopPropagation();
                 window.Apxor.redirect(JSON.stringify(action));
+                var reason = "";
+                if (config.type === "cta_button" || config.type === "button") {
+                  reason = "cta-clicked";
+                }
+                _this.STbC(e, "redirect", reason);
+                if ((_this$config7 = _this.config) !== null && _this$config7 !== void 0 && (_this$config7 = _this$config7.additional_info) !== null && _this$config7 !== void 0 && _this$config7.apx_step) {
+                  var _window4, _this$config8;
+                  (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.Apxor) === null || _window4 === void 0 || _window4.triggerNextStep(_this.configId, ((_this$config8 = _this.config) === null || _this$config8 === void 0 || (_this$config8 = _this$config8.additional_info) === null || _this$config8 === void 0 ? void 0 : _this$config8.apx_step) + 1);
+                }
               };
               break;
             case "cancel":
               element.onclick = function (e) {
                 e.stopPropagation();
-                window.Apxor.logActionEvent("walk_through_cancelled", _this.configId, _this.name);
+                var reason = "";
+                if (config.type === "cross_button") {
+                  reason = "cross-clicked";
+                } else if (config.type === "cta_button" || config.type === "button") {
+                  reason = "cta-clicked";
+                }
+                _this.STbC(e, "cancel", reason);
+                // window.Apxor.logActionEvent(
+                //   "walk_through_cancelled",
+                //   this.configId,
+                //   this.name
+                // );
               };
+
               break;
             case "dismiss":
               element.onclick = function (e) {
+                var _this$config9;
                 e.stopPropagation();
-                window.Apxor.logActionEvent("".concat(_this.type, "_dismissed"), _this.configId, _this.name);
+                var reason = "";
+                if (config.type === "cross_button") {
+                  reason = "cross-clicked";
+                } else if (config.type === "cta_button" || config.type === "button") {
+                  reason = "cta-clicked";
+                }
+                _this.STbC(e, "dismiss", reason);
+                if ((_this$config9 = _this.config) !== null && _this$config9 !== void 0 && (_this$config9 = _this$config9.additional_info) !== null && _this$config9 !== void 0 && _this$config9.apx_step) {
+                  var _window5, _this$config10;
+                  (_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || _window5.triggerNextStep(_this.configId, ((_this$config10 = _this.config) === null || _this$config10 === void 0 || (_this$config10 = _this$config10.additional_info) === null || _this$config10 === void 0 ? void 0 : _this$config10.apx_step) + 1);
+                }
               };
               break;
             case "never":
               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);
+                _this.STbC(e, "never");
               };
               break;
             case "toggle-class":
@@ -11889,6 +12345,10 @@
                 tempInput.select();
                 document.execCommand("copy");
                 document.body.removeChild(tempInput);
+                _this.STbC(e, "copy-content", "cta-clicked");
+                setTimeout(function () {
+                  window.Apxor.showInfoToast("Text-Copied:".concat(textToCopy));
+                }, 500);
               };
               break;
             case "log-app-event":
@@ -11906,45 +12366,107 @@
         });
       }
       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.HjRo(childConfig);
-          childElement.style.position = "absolute";
-          for (var _prop in childConfig.offset) {
-            childElement.style[_prop] = childConfig.offset[_prop];
-          }
+          var childElement = _this.xyYY(childConfig);
           element.appendChild(childElement);
         });
       }
 
       // Process children
       if (config.children && config.children.length > 0) {
-        //element.style.display = "flex";
-
-        // if (config.direction) {
-        //   element.style.flexDirection = config.direction;
-        // }
-
         config.children.forEach(function (childConfig) {
-          var childElement = _this.HjRo(childConfig);
+          var childElement = _this.xyYY(childConfig);
           element.appendChild(childElement);
         });
       }
       if (config.type === "img") {
+        var _config$properties3, _config$properties4, _window6, _window6$getFilePath;
+        var src = config === null || config === void 0 || (_config$properties3 = config.properties) === null || _config$properties3 === void 0 ? void 0 : _config$properties3.src;
+        var format = config === null || config === void 0 || (_config$properties4 = config.properties) === null || _config$properties4 === void 0 ? void 0 : _config$properties4.format;
+        element["src"] = src && format ? ((_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.Apxor) === null || _window6 === void 0 || (_window6$getFilePath = _window6.getFilePath) === null || _window6$getFilePath === void 0 ? void 0 : _window6$getFilePath.call(_window6, _this.configId, src, format)) || src : src;
+        _this.imageElements.push(element);
         var imgWrapper = document.createElement("div");
+        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";
+        element.style.display = "flex";
         imgWrapper.appendChild(element);
         return imgWrapper;
+      } else if (config.type === "video") {
+        _this.videoElements.push(element);
       }
       return element;
     });
+    _defineProperty(this, "STbC", function (e, action) {
+      var _window$Apxor4, _this$config11, _this$config12, _window$Apxor5, _this$config13, _this$config14, _this$config15, _this$config16;
+      var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+      var additional_info = {
+        apx_nudge_name: _this.name,
+        apx_nudge_id: ((_window$Apxor4 = window.Apxor) === null || _window$Apxor4 === void 0 ? void 0 : _window$Apxor4.platform) === "ios" ? (_this$config11 = _this.config) === null || _this$config11 === void 0 || (_this$config11 = _this$config11.additional_info) === null || _this$config11 === void 0 ? void 0 : _this$config11.id : _this.configId,
+        apx_template_name: _this.type,
+        apx_variant_code: (_this$config12 = _this.config) === null || _this$config12 === void 0 || (_this$config12 = _this$config12.additional_info) === null || _this$config12 === void 0 ? void 0 : _this$config12.apx_variant_code,
+        apx_step: ((_window$Apxor5 = window.Apxor) === null || _window$Apxor5 === void 0 ? void 0 : _window$Apxor5.platform) === "ios" ? (_this$config13 = _this.config) !== null && _this$config13 !== void 0 && (_this$config13 = _this$config13.additional_info) !== null && _this$config13 !== void 0 && _this$config13.is_preview ? 1 : (_this$config14 = _this.config) === null || _this$config14 === void 0 || (_this$config14 = _this$config14.additional_info) === null || _this$config14 === void 0 ? void 0 : _this$config14.apx_step : (_this$config15 = _this.config) !== null && _this$config15 !== void 0 && (_this$config15 = _this$config15.additional_info) !== null && _this$config15 !== void 0 && _this$config15.is_preview ? 1 : (_this$config16 = _this.config) === null || _this$config16 === void 0 || (_this$config16 = _this$config16.additional_info) === null || _this$config16 === void 0 ? void 0 : _this$config16.apx_step
+      };
+      if (e.target.tagName === "BUTTON") {
+        var _window$ApxorRTM2;
+        if (action != "never") {
+          var _e$target$innerHTML, _e$target;
+          additional_info["apx_cta_name"] = (_e$target$innerHTML = e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.innerHTML) !== null && _e$target$innerHTML !== void 0 ? _e$target$innerHTML : "";
+        }
+        (_window$ApxorRTM2 = window.ApxorRTM) === null || _window$ApxorRTM2 === void 0 || _window$ApxorRTM2.logEvent("apx_nudge_CTA_clicked", additional_info);
+      }
+      if (action == "never") {
+        var _window$ApxorRTM3;
+        additional_info["apx_termination_type"] = "never show cta clicked";
+        (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_nudge_terminated", additional_info);
+      }
+      if (type != "") {
+        _this.closeCallBack(action, type);
+      } else {
+        _this.closeCallBack(action);
+      }
+    });
+    _defineProperty(this, "FgHb", function () {
+      //This logic is to make sure that image has loaded, it doesn't check whether image is broken
+      //refer: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/complete#value
+      if (_this.imageElements.length === 0) return true;
+      return _this.imageElements.every(function (img) {
+        return img.complete;
+      });
+    });
+    _defineProperty(this, "IJFb", function () {
+      if (!_this.bgImageUrl) return true;
+      var img = new Image();
+      img.src = _this.bgImageUrl;
+      return img.complete;
+    });
+    _defineProperty(this, "uDuu", function () {
+      if (_this.videoElements.length === 0) return true;
+      return _this.videoElements.every(function (video) {
+        return video.readyState >= 3;
+      });
+    });
     this.configId = configId;
+    this.config = _config;
     this.name = name;
     this.layout = _config.layout;
-    this.styleContent = _config.css;
+    this.styleContent = _config === null || _config === void 0 ? void 0 : _config.css;
+    this.wait_interval = (_config$wait_interval = _config === null || _config === void 0 ? void 0 : _config.wait_interval) !== null && _config$wait_interval !== void 0 ? _config$wait_interval : 5000 / 100;
     this.termination = (_config$termination = _config.termination) !== null && _config$termination !== void 0 ? _config$termination : [];
-    this.script = _config.script;
-    this.type = type;
+    this.script = _config === null || _config === void 0 ? void 0 : _config.script;
+    this.type = _type;
     this.initialStyles = "";
+    this.imageElements = [];
+    this.videoElements = [];
+    this.bgImageUrl = "";
+    this.intervalToCheckMediaLoadingStatus = null;
+    this.loggedNudgeNotShownEvent = false;
+    this.closeCallBack = closeCallback;
   });
 
   var svgNS$1 = "http://www.w3.org/2000/svg";
@@ -12467,7 +12989,7 @@
       if (this.enable_arrow) this.arrow = new Arrow(config.arrow, this.background_color);
       this.enable_animation = config.enable_animation;
       if (this.enable_animation) this.animation = new Animation(config.animation);
-      this.templateContent = new TemplateContent(config, this.configId, this.name, "inline");
+      this.templateContent = new TemplateContent(config, this.configId, this.name, "tooltip", this.closeInlineCallback.bind(this));
       this.set_font_to_scale = (_config$set_font_to_s = config.set_font_to_scale) !== null && _config$set_font_to_s !== void 0 ? _config$set_font_to_s : false;
       this.fontMultiplier = this.set_font_to_scale ? getFontMultiplier() : 1;
       this.fontMultiplier = this.fontMultiplier > 1 ? this.fontMultiplier : 1;
@@ -12498,20 +13020,42 @@
           //If a tooltip can be created
           if (canCreate) {
             // Called when the target element comes into the viewport to show the tooltip
-            var targetReachedCallback = function targetReachedCallback() {
-              //Set the tooltip dimensions.
-              //this._setInLineDimensions();
-              //Set the InLine styles
-              _this._setInlineStyles();
-              //Set the offset to properly align arrow w.r.t view element
-              //this._offsetAdjustment();
-              //Set the content
-              _this._setInLineContent();
-              // Set the obervors.
-              _this._setObservors();
-              // Create a tippy instance
-              _this._createTippyInstance();
-            };
+            var targetReachedCallback = /*#__PURE__*/function () {
+              var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+                return _regeneratorRuntime().wrap(function _callee$(_context) {
+                  while (1) switch (_context.prev = _context.next) {
+                    case 0:
+                      _context.prev = 0;
+                      //Set the tooltip dimensions.
+                      //this._setInLineDimensions();
+                      //Set the InLine styles
+                      _this._setInlineStyles();
+                      //Set the offset to properly align arrow w.r.t view element
+                      //this._offsetAdjustment();
+                      //Set the content
+                      _context.next = 4;
+                      return _this._setInLineContent();
+                    case 4:
+                      // Set the obervors.
+                      _this._setObservors();
+                      // Create a tippy instance
+                      _this._createTippyInstance();
+                      _context.next = 11;
+                      break;
+                    case 8:
+                      _context.prev = 8;
+                      _context.t0 = _context["catch"](0);
+                      console.log("failed to create the inline after finding the target element with error ".concat(_context.t0));
+                    case 11:
+                    case "end":
+                      return _context.stop();
+                  }
+                }, _callee, null, [[0, 8]]);
+              }));
+              return function targetReachedCallback() {
+                return _ref.apply(this, arguments);
+              };
+            }();
 
             // Called when the valid target is found to show the tooltip
             var targetValidCallback = function targetValidCallback() {
@@ -12659,7 +13203,7 @@
           animationStyles = "\n        @-webkit-keyframes ".concat(this.animation.type, " {\n          0% { transform: ").concat(translateDir(this.position.position, 0), "; }\n          50% { transform: ").concat(translateDir(this.position.position, 50), "; }\n          100% { transform: ").concat(translateDir(this.position.position, 100), "; }\n         }\n  \n         @keyframes ").concat(this.animation.type, " {\n          0% { transform: ").concat(translateDir(this.position.position, 0), "; }\n          50% { transform: ").concat(translateDir(this.position.position, 50), "; }\n          100% { transform: ").concat(translateDir(this.position.position, 100), "; }\n         }\n  \n         .tippy-box {\n           animation-name: ").concat(this.animation.type, ";\n           animation-duration: ").concat(this.animation.duration, "ms;\n           animation-timing-function: ").concat(this.animation.anim_function, ";\n           animation-iteration-count: ").concat(this.animation.iteration_count, ";\n         }\n        ");
         }
         // Do not modify these. These tippy styles.
-        var tippyStyles = "\n        .tippy-box[data-animation=\"fade\"][data-state=hidden]{\n          opacity:0;\n        } \n       [data-tippy-root] {\n          max-width:calc(100vw - ".concat(this.enable_arrow && this.arrow.enable_border ? this.arrow.border.width : 0, "px);\n        } \n       .tippy-box { \n          position:relative;\n          line-height:1.4;\n          white-space:normal;\n          outline:0;\n          transition-property:transform,visibility,opacity;\n        } \n       .tippy-box[data-placement^=top] > .tippy-arrow:before {\n        ").concat(tippyTopArrowStyle, "\n          border-top-color:initial;\n          transform-origin:center top;\n        }\n       .tippy-box[data-placement^=bottom] > .tippy-arrow:before {\n        ").concat(tippyBottomArrowStyle, "\n          border-bottom-color:initial;\n          transform-origin:center bottom;\n        }\n       .tippy-box[data-placement^=left] > .tippy-arrow:before {\n        ").concat(tippyLeftArrowStyle, "\n          border-left-color:initial;\n          transform-origin:center left;\n        }\n       .tippy-box[data-placement^=right] > .tippy-arrow:before {\n        ").concat(tippyRightArrowStyle, "\n          border-right-color:initial;\n          transform-origin:center right;\n        } \n       .tippy-box[data-inertia][data-state=visible] {\n          transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)\n        } \n       .tippy-arrow {\n          z-index:9999;\n          width:18px;\n          height:18px;\n          color:").concat(this.enable_arrow ? this.arrow.color : "transparent", ";\n          opacity:0;\n          visibility:hidden;\n          transition:all .5s cubic-bezier(.96,.23,.07,.8);\n       } \n       .tippy-arrow.open {\n          opacity:1;\n          visibility:visible;\n       }\n       .tippy-arrow:before{ \n          content:\"\";\n          position:absolute;\n          border-color:transparent;\n          border-style:").concat(this.enable_arrow && this.arrow.enable_border ? this.arrow.border.style : "solid", ";\n       } \n       .tippy-content {\n        padding: 0.3125rem 0.5625rem;\n          position:relative;\n          z-index:9998;\n       } \n      ").concat(animationStyles, "\n    ");
+        var tippyStyles = "\n        .tippy-box[data-animation=\"fade\"][data-state=hidden]{\n          opacity:0;\n        } \n       [data-tippy-root] {\n          max-width:calc(100vw - ".concat(this.enable_arrow && this.arrow.enable_border ? this.arrow.border.width : 0, "px);\n        } \n       .tippy-box { \n          position:relative;\n          line-height:1.4;\n          white-space:normal;\n          outline:0;\n          transition-property:transform,visibility,opacity;\n        } \n       .tippy-box[data-placement^=top] > .tippy-arrow:before {\n        ").concat(tippyTopArrowStyle, "\n          border-top-color:initial;\n          transform-origin:center top;\n        }\n       .tippy-box[data-placement^=bottom] > .tippy-arrow:before {\n        ").concat(tippyBottomArrowStyle, "\n          border-bottom-color:initial;\n          transform-origin:center bottom;\n        }\n       .tippy-box[data-placement^=left] > .tippy-arrow:before {\n        ").concat(tippyLeftArrowStyle, "\n          border-left-color:initial;\n          transform-origin:center left;\n        }\n       .tippy-box[data-placement^=right] > .tippy-arrow:before {\n        ").concat(tippyRightArrowStyle, "\n          border-right-color:initial;\n          transform-origin:center right;\n        } \n       .tippy-box[data-inertia][data-state=visible] {\n          transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)\n        } \n       .tippy-arrow {\n          z-index:9999;\n          width:18px;\n          height:18px;\n          color:").concat(this.enable_arrow ? this.arrow.color : "transparent", ";\n          opacity:0;\n          visibility:hidden;\n          transition:all .5s cubic-bezier(.96,.23,.07,.8);\n       } \n       .tippy-arrow.open {\n          opacity:1;\n          visibility:visible;\n       }\n       .tippy-arrow:before{ \n          content:\"\";\n          position:absolute;\n          border-color:transparent;\n          border-style:").concat(this.enable_arrow && this.arrow.enable_border ? this.arrow.border.style : "solid", ";\n       } \n       .tippy-content {\n          position:relative;\n          z-index:9998;\n       } \n      ").concat(animationStyles, "\n    ");
         var tippyTheme = "\n       ".concat(tippyStyles, "\n    ");
         return tippyTheme;
       }
@@ -12828,9 +13372,33 @@
       }
     }, {
       key: "_setInLineContent",
-      value: function _setInLineContent() {
-        this.inLineContainer = this.templateContent.KyAi();
-      }
+      value: function () {
+        var _setInLineContent2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.prev = 0;
+                _context2.next = 3;
+                return this.templateContent.NszW();
+              case 3:
+                this.inLineContainer = _context2.sent;
+                _context2.next = 9;
+                break;
+              case 6:
+                _context2.prev = 6;
+                _context2.t0 = _context2["catch"](0);
+                console.log("failed at creating template content with error ".concat(_context2.t0));
+              case 9:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2, this, [[0, 6]]);
+        }));
+        function _setInLineContent() {
+          return _setInLineContent2.apply(this, arguments);
+        }
+        return _setInLineContent;
+      }()
     }, {
       key: "_setObservors",
       value: function _setObservors() {
@@ -13115,6 +13683,12 @@
           console.error("Could not remove the tooltip styles:" + e);
         }
       }
+    }, {
+      key: "closeInlineCallback",
+      value: function closeInlineCallback(action) {
+        clearTimeout(this.terminationTimeoutId);
+        this.closeCallback(action === "cancel" || action === "redirect" ? true : false);
+      }
     }]);
     return NewInLineTooltip;
   }();
@@ -14368,6 +14942,8 @@
     function InLineTooltip(config, uis, walkthroughConfigs, terminationConfig, messageConfig, rtmInstance, showCallback, hideCallback, stepperCallBack) {
       var _this = this,
         _config$set_font_to_s,
+        _this$uiConfig,
+        _this$uiConfig2,
         _config$wait_scroll_i,
         _config$wait_scroll_i2;
       var isWalkthrough = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
@@ -14379,7 +14955,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "VrCy", function () {
+      _defineProperty(this, "Rpwa", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -14398,7 +14974,7 @@
        * @private
        * @description Sets the marketing content at the end of the Inline
        */
-      _defineProperty(this, "wQRV", function () {
+      _defineProperty(this, "EWkc", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inline-marketing".concat(_this.cssPostFix));
@@ -14503,6 +15079,7 @@
       this.initial_data_placement = this.position.position;
       this.recent_placement = this.position.position;
       this.tippy_box_position = 0;
+      this.step = (_this$uiConfig = this.uiConfig) !== null && _this$uiConfig !== void 0 && (_this$uiConfig = _this$uiConfig.additional_info) !== null && _this$uiConfig !== void 0 && _this$uiConfig.apx_step ? (_this$uiConfig2 = this.uiConfig) === null || _this$uiConfig2 === void 0 || (_this$uiConfig2 = _this$uiConfig2.additional_info) === null || _this$uiConfig2 === void 0 ? void 0 : _this$uiConfig2.apx_step : -1;
 
       //badge related config
       this.flag = true;
@@ -14985,7 +15562,12 @@
           this.tooltip.setProps({
             onClickOutside: function onClickOutside() {
               if (_this6.enable_dismiss_actions && _this6.dismiss_actions.outside_touch) {
+                var _this6$uiConfig;
                 _this6._destroyTooltip();
+                if ((_this6$uiConfig = _this6.uiConfig) !== null && _this6$uiConfig !== void 0 && (_this6$uiConfig = _this6$uiConfig.additional_info) !== null && _this6$uiConfig !== void 0 && _this6$uiConfig.apx_step) {
+                  var _window2, _this6$uiConfig2;
+                  (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.Apxor) === null || _window2 === void 0 || _window2.triggerNextStep(_this6.configId, ((_this6$uiConfig2 = _this6.uiConfig) === null || _this6$uiConfig2 === void 0 || (_this6$uiConfig2 = _this6$uiConfig2.additional_info) === null || _this6$uiConfig2 === void 0 ? void 0 : _this6$uiConfig2.apx_step) + 1);
+                }
               }
             }
           });
@@ -15004,7 +15586,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.VrCy(), "\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.Rpwa(), "\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;
@@ -15814,7 +16396,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.wQRV();
+        this.EWkc();
       }
 
       /**
@@ -16148,7 +16730,7 @@
           } else {
             buttons_config = this.buttons.bottom;
           }
-          var _Buttons = generateButtonsBlock(this.configId, this.name, this.stepper, EVENT_PREFIX.INLINE, buttons_config, this.direction.buttons, position, actionHandler, this.isWalkthrough, this.uis, this.index, this.fontMultiplier);
+          var _Buttons = generateButtonsBlock(this.configId, this.name, this.stepper, EVENT_PREFIX.INLINE, buttons_config, this.direction.buttons, position, actionHandler, this.isWalkthrough, this.uis, this.index, "center", this.fontMultiplier, this.step);
           if (position === BUTTON_CONTAINER_POSITION.TOP) {
             this.topButtonContainer.appendChild(_Buttons);
           } else if (position === BUTTON_CONTAINER_POSITION.CENTER) {
@@ -16633,8 +17215,13 @@
       key: "_targetClickCallback",
       value: function _targetClickCallback() {
         if (this.enable_dismiss_actions && this.dismiss_actions.target_touch) {
+          var _this$uiConfig3;
           this._destroyTooltip();
           window.Apxor.logActionEvent("InlineTargetViewClicked", this.configId, this.name);
+          if ((_this$uiConfig3 = this.uiConfig) !== null && _this$uiConfig3 !== void 0 && (_this$uiConfig3 = _this$uiConfig3.additional_info) !== null && _this$uiConfig3 !== void 0 && _this$uiConfig3.apx_step) {
+            var _window3, _this$uiConfig4;
+            (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.Apxor) === null || _window3 === void 0 || _window3.triggerNextStep(this.configId, ((_this$uiConfig4 = this.uiConfig) === null || _this$uiConfig4 === void 0 || (_this$uiConfig4 = _this$uiConfig4.additional_info) === null || _this$uiConfig4 === void 0 ? void 0 : _this$uiConfig4.apx_step) + 1);
+          }
         }
       }
 
@@ -16647,7 +17234,12 @@
     }, {
       key: "_dimbackgroundClickCallback",
       value: function _dimbackgroundClickCallback() {
+        var _this$uiConfig5;
         this._destroyTooltip(false);
+        if ((_this$uiConfig5 = this.uiConfig) !== null && _this$uiConfig5 !== void 0 && (_this$uiConfig5 = _this$uiConfig5.additional_info) !== null && _this$uiConfig5 !== void 0 && _this$uiConfig5.apx_step) {
+          var _window4, _this$uiConfig6;
+          (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.Apxor) === null || _window4 === void 0 || _window4.triggerNextStep(this.configId, ((_this$uiConfig6 = this.uiConfig) === null || _this$uiConfig6 === void 0 || (_this$uiConfig6 = _this$uiConfig6.additional_info) === null || _this$uiConfig6 === void 0 ? void 0 : _this$uiConfig6.apx_step) + 1);
+        }
       }
 
       /**
@@ -17046,7 +17638,7 @@
   var DEFAULT_PADDING$1 = 5;
   var InLineCoachMark = /*#__PURE__*/function () {
     function InLineCoachMark(config, uis, walkthroughConfigs, terminationConfig, messageConfig, rtmInstance, showCallback, hideCallback, stepperCallBack) {
-      var _config$content, _config$content2;
+      var _config$content, _config$content2, _this$uiConfig, _this$uiConfig2;
       var isWalkthrough = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
       var index = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : 0;
       _classCallCheck(this, InLineCoachMark);
@@ -17091,6 +17683,7 @@
       }
       this.content_enable_buttons = (_config$content = config.content) === null || _config$content === void 0 ? void 0 : _config$content.enable_buttons;
       if (this.content_enable_buttons) this.buttons = new CoachmarkButtons((_config$content2 = config.content) === null || _config$content2 === void 0 ? void 0 : _config$content2.coachmark_buttons);
+      this.step = (_this$uiConfig = this.uiConfig) !== null && _this$uiConfig !== void 0 && (_this$uiConfig = _this$uiConfig.additional_info) !== null && _this$uiConfig !== void 0 && _this$uiConfig.apx_step ? (_this$uiConfig2 = this.uiConfig) === null || _this$uiConfig2 === void 0 || (_this$uiConfig2 = _this$uiConfig2.additional_info) === null || _this$uiConfig2 === void 0 ? void 0 : _this$uiConfig2.apx_step : -1;
       this.targetElement = null;
       this.inline_width = "auto";
       this.inline_height = "auto";
@@ -17313,8 +17906,13 @@
       key: "_targetClickCallback",
       value: function _targetClickCallback() {
         if (this.enable_dismiss_actions && this.dismiss_actions.target_touch) {
+          var _this$uiConfig3;
           this.rtmInstance.logActionEvent("InlineTargetViewClicked", this.configId, this.name);
           this._destroyCoachMark();
+          if ((_this$uiConfig3 = this.uiConfig) !== null && _this$uiConfig3 !== void 0 && (_this$uiConfig3 = _this$uiConfig3.additional_info) !== null && _this$uiConfig3 !== void 0 && _this$uiConfig3.apx_step) {
+            var _window, _this$uiConfig4;
+            (_window = window) === null || _window === void 0 || (_window = _window.Apxor) === null || _window === void 0 || _window.triggerNextStep(this.configId, ((_this$uiConfig4 = this.uiConfig) === null || _this$uiConfig4 === void 0 || (_this$uiConfig4 = _this$uiConfig4.additional_info) === null || _this$uiConfig4 === void 0 ? void 0 : _this$uiConfig4.apx_step) + 1);
+          }
         }
       }
     }, {
@@ -18007,7 +18605,7 @@
             }
           }
         }
-        var Buttons = generateButtonsBlock(this.configId, this.name, {}, EVENT_PREFIX.INLINE, buttons_config, this.buttons.direction, "bottom", actionHandler, this.isWalkthrough, this.uis, this.index, this.buttons.alignment, this.fontMultiplier);
+        var Buttons = generateButtonsBlock(this.configId, this.name, {}, EVENT_PREFIX.INLINE, buttons_config, this.buttons.direction, "bottom", actionHandler, this.isWalkthrough, this.uis, this.index, this.buttons.alignment, this.fontMultiplier, this.step);
         this.buttonContainer.appendChild(Buttons);
       }
 
@@ -18558,13 +19156,16 @@
       _classCallCheck(this, NewModalInApp);
       _defineProperty(this, "closeListener", function () {
         clearTimeout(_this.terminationTimeoutId);
-        _this.closeCallback(_this.overlayElement, "dismiss", ".apx-inapp-container".concat(_this.cssPostFix), _this.closeListener, _this.redirectionListener);
+        _this.closeCallback(_this.overlayElement, "dismiss", "", ".apx-inapp-container".concat(_this.cssPostFix), _this.closeListener, _this.redirectionListener);
       });
       _defineProperty(this, "redirectionListener", function () {
         if (window.location.href !== _this.launchPageUrl) {
-          _this.closeCallback(_this.overlayElement, "dismiss", ".apx-inapp-container".concat(_this.cssPostFix), _this.closeListener, _this.redirectionListener);
+          _this.closeCallback(_this.overlayElement, "dismiss", "", ".apx-inapp-container".concat(_this.cssPostFix), _this.closeListener, _this.redirectionListener);
         }
       });
+      this.configId = configId;
+      this.config = config;
+      this.name = name;
       this.terminationConfig = terminationConfig;
       this.terminationTimeoutId = null;
       this.cssPostFix = "-".concat(configId, "-").concat(name).replaceAll(" ", "").replace(/[^\w\s]/gi, "");
@@ -18577,31 +19178,53 @@
       if (this.enable_dismiss_actions) this.dismiss_actions = new DismissActions(config.dismiss_actions);
       this.enable_dimbackground = config.enable_dimbackground;
       if (this.enable_dimbackground) this.dimbackground = new DimBackground(config.dimbackground);
-      this.templateContent = new TemplateContent(config, this.configId, this.name, "inapp");
-      this.configId = configId;
-      this.name = name;
       this.showCallback = showCallback;
       this.closeCallback = closeCallback;
       this.dimBackgroundElement = null;
       this.overlayElement = null;
       this.inAppContainer = null;
       this.launchPageUrl = "";
+      this.templateContent = new TemplateContent(config, this.configId, this.name, "inapp", this.closeInappCallback.bind(this));
     }
     _createClass(NewModalInApp, [{
       key: "createInAppModal",
-      value: function createInAppModal() {
-        //Set the background overlays
-        this._setBackgroundOverlays();
-        //Set the InApp styles
-        this._setStyles();
-        //Set the content
-        this._setInAppModalContent();
-        this._setPosition();
-        //Set the auto termination
-        this._setAutoTerminate();
-        //Show the InApp
-        this._showInApp();
-      }
+      value: function () {
+        var _createInAppModal = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                //Set the background overlays
+                this._setBackgroundOverlays();
+                //Set the InApp styles
+                this._setStyles();
+                //Set the content
+                _context.next = 5;
+                return this._setInAppModalContent();
+              case 5:
+                //set the position
+                this._setPosition();
+                //Set the auto termination
+                this._setAutoTerminate();
+                //Show the InApp
+                this._showInApp();
+                _context.next = 13;
+                break;
+              case 10:
+                _context.prev = 10;
+                _context.t0 = _context["catch"](0);
+                console.log("creating Modal Template failed with error ".concat(_context.t0));
+              case 13:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee, this, [[0, 10]]);
+        }));
+        function createInAppModal() {
+          return _createInAppModal.apply(this, arguments);
+        }
+        return createInAppModal;
+      }()
     }, {
       key: "_setBackgroundOverlays",
       value: function _setBackgroundOverlays() {
@@ -18624,9 +19247,14 @@
           this.overlayElement.appendChild(this.dimBackgroundElement);
           if (this.enable_dismiss_actions && this.dismiss_actions.outside_touch) {
             dismissableElement.onclick = function () {
+              var _this2$config;
               clearTimeout(_this2.terminationTimeoutId);
               dismissableElement.onclick = null;
-              _this2.closeCallback(_this2.overlayElement, "dismiss", ".apx-inapp-container".concat(_this2.cssPostFix), _this2.closeListener, _this2.redirectionListener);
+              if ((_this2$config = _this2.config) !== null && _this2$config !== void 0 && (_this2$config = _this2$config.additional_info) !== null && _this2$config !== void 0 && _this2$config.apx_step) {
+                var _window, _this2$config2;
+                (_window = window) === null || _window === void 0 || (_window = _window.Apxor) === null || _window === void 0 || _window.triggerNextStep(_this2.configId, ((_this2$config2 = _this2.config) === null || _this2$config2 === void 0 || (_this2$config2 = _this2$config2.additional_info) === null || _this2$config2 === void 0 ? void 0 : _this2$config2.apx_step) + 1);
+              }
+              _this2.closeCallback(_this2.overlayElement, "dismiss", "outside-touch", ".apx-inapp-container".concat(_this2.cssPostFix), _this2.closeListener, _this2.redirectionListener);
             };
           }
         } else {
@@ -18637,8 +19265,6 @@
         if (!this.enable_dimbackground) {
           document.body.addEventListener("click", this.redirectionListener);
         }
-        // Append the overlay to the body. All the element of the InApp are children of this overlay.
-        document.body.appendChild(this.overlayElement);
       }
     }, {
       key: "_setStyles",
@@ -18653,16 +19279,45 @@
       key: "_getBackgroundContainerStyles",
       value: function _getBackgroundContainerStyles() {
         // Set the dim background color and opacity only if dim background is enabled.
-        var backgroundContainerStyle = "\n      .apx-inapp-overlay".concat(this.cssPostFix, " {\n        width:100%;\n        height:100%;\n      }\n      .apx-inapp-dimbackground-overlay").concat(this.cssPostFix, " {\n        width:100%;\n        height:100%;\n        position:fixed;\n        top:0;\n        left:0;\n        z-index:999;\n        background-color:").concat(this.enable_dimbackground ? this.dimbackground.color : "transparent", ";\n        ").concat(this.enable_dimbackground ? "opacity: ".concat(this.dimbackground.opacity, ";") : "", "\n        overflow: auto;\n      }\n    ");
+        var backgroundContainerStyle = "\n      .apx-inapp-overlay".concat(this.cssPostFix, " {\n        width:100%;\n        height:100%;\n      }\n      .apx-inapp-dimbackground-overlay").concat(this.cssPostFix, " {\n        width:100%;\n        height:100%;\n        position:fixed;\n        top:0;\n        left:0;\n        z-index:999;\n        background-color:").concat(this.enable_dimbackground ? this.dimbackground.color : "transparent", ";\n        overflow: auto;\n      }\n    ");
         return backgroundContainerStyle;
       }
     }, {
       key: "_setInAppModalContent",
-      value: function _setInAppModalContent() {
-        this.inAppContainer = this.templateContent.KyAi();
-        this.inAppContainer.style.zIndex = 99999;
-        this.overlayElement.appendChild(this.inAppContainer);
-      }
+      value: function () {
+        var _setInAppModalContent2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.prev = 0;
+                _context2.next = 3;
+                return this.templateContent.NszW();
+              case 3:
+                this.inAppContainer = _context2.sent;
+                this.inAppContainer.style.zIndex = 99999;
+                this.overlayElement.appendChild(this.inAppContainer);
+                if (this.enable_dismiss_actions && this.dismiss_actions.outside_touch) {
+                  this.inAppContainer.onclick = function (event) {
+                    event.stopPropagation();
+                  };
+                }
+                _context2.next = 12;
+                break;
+              case 9:
+                _context2.prev = 9;
+                _context2.t0 = _context2["catch"](0);
+                console.log("failed at creating template content with error ".concat(_context2.t0));
+              case 12:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2, this, [[0, 9]]);
+        }));
+        function _setInAppModalContent() {
+          return _setInAppModalContent2.apply(this, arguments);
+        }
+        return _setInAppModalContent;
+      }()
     }, {
       key: "_setPosition",
       value: function _setPosition() {
@@ -18702,6 +19357,18 @@
             this.inAppContainer.style.webkitTransform = "translate(-50%, -50%)";
             this.inAppContainer.style.MozTransform = "translate(-50%, -50%);";
             break;
+          case INAPP_POSITION.LEFT:
+            this.inAppContainer.style.top = "50%";
+            this.inAppContainer.style.left = "0px";
+            this.inAppContainer.style.webkitTransform = "translate(0px, -50%)";
+            this.inAppContainer.style.MozTransform = "translate(0px, -50%)";
+            break;
+          case INAPP_POSITION.RIGHT:
+            this.inAppContainer.style.top = "50%";
+            this.inAppContainer.style.right = "0px";
+            this.inAppContainer.style.webkitTransform = "translate(0px, -50%)";
+            this.inAppContainer.style.MozTransform = "translate(0px, -50%)";
+            break;
           default:
             this.inAppContainer.style.top = "50%";
             this.inAppContainer.style.left = "50%";
@@ -18716,14 +19383,28 @@
         var _this3 = this;
         if (this.terminationConfig.auto_dismiss === true) {
           this.terminationTimeoutId = window.setTimeout(function () {
-            _this3.closeCallback(_this3.overlayElement, "dismiss", ".apx-inapp-container".concat(_this3.cssPostFix), _this3.closeListener, _this3.redirectionListener);
+            var _this3$config;
+            if ((_this3$config = _this3.config) !== null && _this3$config !== void 0 && (_this3$config = _this3$config.additional_info) !== null && _this3$config !== void 0 && _this3$config.apx_step) {
+              var _window2, _this3$config2;
+              (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.Apxor) === null || _window2 === void 0 || _window2.triggerNextStep(_this3.configId, ((_this3$config2 = _this3.config) === null || _this3$config2 === void 0 || (_this3$config2 = _this3$config2.additional_info) === null || _this3$config2 === void 0 ? void 0 : _this3$config2.apx_step) + 1);
+            }
+            _this3.closeCallback(_this3.overlayElement, "dismiss", "auto-dismiss", ".apx-inapp-container".concat(_this3.cssPostFix), _this3.closeListener, _this3.redirectionListener);
           }, this.terminationConfig.duration);
         }
       }
+    }, {
+      key: "closeInappCallback",
+      value: function closeInappCallback(action) {
+        var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+        clearTimeout(this.terminationTimeoutId);
+        this.closeCallback(this.overlayElement, action, type, ".apx-inapp-container".concat(this.cssPostFix), this.closeListener, this.redirectionListener);
+      }
     }, {
       key: "_showInApp",
       value: function _showInApp() {
         this.inAppContainer.classList.toggle("open");
+        // Append the overlay to the body. All the element of the InApp are children of this overlay.
+        document.body.appendChild(this.overlayElement);
         this.showCallback();
       }
     }]);
@@ -18788,17 +19469,19 @@
      * @param {function}  closeCallback
      */
     function ModalInApp(config, terminationConfig, configId, name, showCallback, closeCallback, stepperCallBack, isWalkthrough) {
-      var _this = this;
+      var _this = this,
+        _this$config,
+        _this$config2;
       var uis = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : {};
       var index = arguments.length > 9 ? arguments[9] : undefined;
       _classCallCheck(this, ModalInApp);
       _defineProperty(this, "closeListener", function () {
         clearTimeout(_this.terminationTimeoutId);
-        _this.closeCallback(_this.overlayElement, "dismiss", ".apx-inapp-container".concat(_this.cssPostFix), _this.closeListener, _this.redirectionListener);
+        _this.closeCallback(_this.overlayElement, "dismiss", "", ".apx-inapp-container".concat(_this.cssPostFix), _this.closeListener, _this.redirectionListener);
       });
       _defineProperty(this, "redirectionListener", function () {
         if (window.location.href !== _this.launchPageUrl) {
-          _this.closeCallback(_this.overlayElement, "dismiss", ".apx-inapp-container".concat(_this.cssPostFix), _this.closeListener, _this.redirectionListener);
+          _this.closeCallback(_this.overlayElement, "dismiss", "", ".apx-inapp-container".concat(_this.cssPostFix), _this.closeListener, _this.redirectionListener);
         }
       });
       /**
@@ -18807,7 +19490,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "VrCy", function () {
+      _defineProperty(this, "Rpwa", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -18853,7 +19536,7 @@
        * @private
        * @description Get the response for Form content in the InApp modal.
        */
-      _defineProperty(this, "UrBX", function (form_elements) {
+      _defineProperty(this, "mJrR", function (form_elements) {
         var obj = {};
         var callback = "";
         form_elements.forEach(function (element) {
@@ -18893,7 +19576,7 @@
        * @private
        * @description Sets the marketing content at the end of the InApp
        */
-      _defineProperty(this, "wQRV", function () {
+      _defineProperty(this, "EWkc", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
@@ -18907,6 +19590,7 @@
       this.terminationConfig = terminationConfig;
       this.terminationTimeoutId = null;
       this.isWalkthrough = isWalkthrough;
+      this.config = config;
       this.cssPostFix = "-".concat(configId, "-").concat(name).replaceAll(" ", "").replace(/[^\w\s]/gi, "");
       this.delay = config.delay || 0;
       this.background_color = config.bg_color || COLORS.WHITE;
@@ -18926,6 +19610,10 @@
       if (this.enable_margin) this.margin = new Margin(config.margin);
       this.enable_border = config.enable_border;
       if (this.enable_border) this.border = new Border(config.border);
+      this.enable_download_files = (config === null || config === void 0 ? void 0 : config.enable_download_files) || false;
+      if (this.enable_download_files) {
+        this.download_files = config === null || config === void 0 ? void 0 : config.download_files;
+      }
       this.enable_close_button = config.enable_close_button;
       if (this.enable_close_button) this.close_button = new CloseButton(config.close_button);
       this.enable_scroll = config.enable_scroll;
@@ -18952,6 +19640,7 @@
       if (this.enable_gradient) this.gradient = new Gradient(config.gradient);
       this.enable_marketing = config.enable_marketing;
       if (this.enable_marketing) this.marketing = new Marketing(config.marketing);
+      this.step = (_this$config = this.config) !== null && _this$config !== void 0 && (_this$config = _this$config.additional_info) !== null && _this$config !== void 0 && _this$config.apx_step ? (_this$config2 = this.config) === null || _this$config2 === void 0 || (_this$config2 = _this$config2.additional_info) === null || _this$config2 === void 0 ? void 0 : _this$config2.apx_step : -1;
       this.min_width = "";
       this.max_width = "";
       this.inapp_width = "auto";
@@ -19123,7 +19812,7 @@
             dismissableElement.onclick = function () {
               clearTimeout(_this2.terminationTimeoutId);
               dismissableElement.onclick = null;
-              _this2.closeCallback(_this2.overlayElement, "dismiss", ".apx-inapp-container".concat(_this2.cssPostFix), _this2.closeListener, _this2.redirectionListener);
+              _this2.closeCallback(_this2.overlayElement, "dismiss", "", ".apx-inapp-container".concat(_this2.cssPostFix), _this2.closeListener, _this2.redirectionListener);
             };
           }
         } else {
@@ -19146,7 +19835,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.VrCy(), " \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.Rpwa(), " \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;
@@ -19500,16 +20189,35 @@
     }, {
       key: "_getImageStyles",
       value: function _getImageStyles() {
+        var _this4 = this;
         var imageStyles = "";
 
         // height: ${this.media_height};
         // width: ${this.media_width};
         // background:url('${this.image.path}') no-repeat 50% 50%;
         //Create the css for images only if image_config is sent.
+        var imagePath;
         if (this.enable_image) {
+          if (this.enable_download_files) {
+            var _this$download_files;
+            var format = "";
+            (_this$download_files = this.download_files) === null || _this$download_files === void 0 || _this$download_files.forEach(function (file) {
+              if ((file === null || file === void 0 ? void 0 : file.url) === _this4.image.path) {
+                format = file.format;
+              }
+            });
+            if (format != "") {
+              var _window, _window$getFilePath;
+              imagePath = this.image.path && format ? ((_window = window) === null || _window === void 0 || (_window = _window.Apxor) === null || _window === void 0 || (_window$getFilePath = _window.getFilePath) === null || _window$getFilePath === void 0 ? void 0 : _window$getFilePath.call(_window, this.configId, this.image.path, format)) || this.image.path : this.image.path;
+            } else {
+              imagePath = this.image.path;
+            }
+          } else {
+            imagePath = this.image.path;
+          }
           //Image can be used as a background image. Styles are different in that case.
           if (this.image.enable_background_image) {
-            imageStyles = "\n          .apx-inapp-image".concat(this.cssPostFix, "{\n            background-image: url('").concat(this.image.path, "');\n            background-repeat: no-repeat;\n            background-attachment: fixed; \n            background-size: 100% 100%;\n            height: ").concat(this.media_height, ";\n            width: ").concat(this.media_width, ";\n            box-shadow: inset ").concat(this.media_width, " ").concat(this.media_height, " 0px 0px ").concat(hexToRGB(this.image.background_image.mask_color, this.image.background_image.mask_opacity), ",inset -").concat(this.media_width, " -").concat(this.media_height, " 0px 0px ").concat(hexToRGB(this.image.background_image.mask_color, this.image.background_image.mask_opacity), "\n          }\n        ");
+            imageStyles = "\n          .apx-inapp-image".concat(this.cssPostFix, "{\n            background-image: url('").concat(imagePath, "');\n            background-repeat: no-repeat;\n            background-attachment: fixed; \n            background-size: 100% 100%;\n            height: ").concat(this.media_height, ";\n            width: ").concat(this.media_width, ";\n            box-shadow: inset ").concat(this.media_width, " ").concat(this.media_height, " 0px 0px ").concat(hexToRGB(this.image.background_image.mask_color, this.image.background_image.mask_opacity), ",inset -").concat(this.media_width, " -").concat(this.media_height, " 0px 0px ").concat(hexToRGB(this.image.background_image.mask_color, this.image.background_image.mask_opacity), "\n          }\n        ");
           } else {
             var imageBorderStyles = "";
             if (this.image.enable_border) {
@@ -19626,7 +20334,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.wQRV();
+        this.EWkc();
       }
 
       /**
@@ -19669,22 +20377,22 @@
     }, {
       key: "_setImageOptions",
       value: function _setImageOptions() {
-        var _this4 = this;
+        var _this5 = this;
         if (this.enable_image) {
           var action;
           if (this.image.enable_action) {
             var overlay = this.overlayElement;
             var actionCallback = function actionCallback(isCancelled, action) {
-              clearTimeout(_this4.terminationTimeoutId);
-              _this4.closeCallback(overlay, action, "new-inline".concat(_this4.cssPostFix), _this4.closeListener, _this4.redirectionListener);
+              clearTimeout(_this5.terminationTimeoutId);
+              _this5.closeCallback(overlay, action, "new-inline".concat(_this5.cssPostFix), _this5.closeListener, _this5.redirectionListener);
             };
             var next_Callback = function next_Callback(id, action) {
               actionCallback(false, "next");
-              _this4.stepperCallBack(id, action);
+              _this5.stepperCallBack(id, action);
             };
             var prev_Callback = function prev_Callback(id, action) {
               actionCallback(false, "prev");
-              _this4.stepperCallBack(id, action);
+              _this5.stepperCallBack(id, action);
             };
             var actionHandler = {
               next: next_Callback,
@@ -19700,7 +20408,23 @@
             this.inAppContainer.classList.add("apx-inapp-image".concat(this.cssPostFix));
           } else {
             var imgElement = document.createElement("img");
-            imgElement.src = this.image.path;
+            if (this.enable_download_files) {
+              var _this$download_files2;
+              var format = "";
+              (_this$download_files2 = this.download_files) === null || _this$download_files2 === void 0 || _this$download_files2.forEach(function (file) {
+                if ((file === null || file === void 0 ? void 0 : file.url) === _this5.image.path) {
+                  format = file.format;
+                }
+              });
+              if (format != "") {
+                var _window2, _window2$getFilePath;
+                imgElement.src.src = this.image.path && format ? ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.Apxor) === null || _window2 === void 0 || (_window2$getFilePath = _window2.getFilePath) === null || _window2$getFilePath === void 0 ? void 0 : _window2$getFilePath.call(_window2, this.configId, this.image.path, format)) || this.image.path : this.image.path;
+              } else {
+                imgElement.src = this.image.path;
+              }
+            } else {
+              imgElement.src = this.image.path;
+            }
             imgElement.classList.add("apx-inapp-image".concat(this.cssPostFix));
             if (this.image.enable_action) imgElement.onclick = function () {
               return action();
@@ -19754,11 +20478,28 @@
     }, {
       key: "_setIconOptions",
       value: function _setIconOptions() {
+        var _this6 = this;
         if (this.enable_icon) {
           var iconDiv = document.createElement("div");
           iconDiv.classList.add("apx-inapp-icon-container".concat(this.cssPostFix));
           var iconElement = document.createElement("img");
-          iconElement.src = this.icon.path;
+          if (this.enable_download_files) {
+            var _this$download_files3;
+            var format = "";
+            (_this$download_files3 = this.download_files) === null || _this$download_files3 === void 0 || _this$download_files3.forEach(function (file) {
+              if ((file === null || file === void 0 ? void 0 : file.url) === _this6.icon.path) {
+                format = file.format;
+              }
+            });
+            if (format != "") {
+              var _window3, _window3$getFilePath;
+              iconElement.src = this.icon.path && format ? ((_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.Apxor) === null || _window3 === void 0 || (_window3$getFilePath = _window3.getFilePath) === null || _window3$getFilePath === void 0 ? void 0 : _window3$getFilePath.call(_window3, this.configId, iconElement.src, format)) || this.icon.path : this.icon.path;
+            } else {
+              iconElement.src = this.icon.path;
+            }
+          } else {
+            iconElement.src = this.icon.path;
+          }
           iconElement.classList.add("apx-inapp-icon-content".concat(this.cssPostFix));
           iconDiv.appendChild(iconElement);
           this.mediaContainer.appendChild(iconDiv);
@@ -19799,13 +20540,30 @@
     }, {
       key: "_setTitleContent",
       value: function _setTitleContent() {
+        var _this7 = this;
         // Create an element for the title and append it to the container.
         if (this.enable_title) {
           var titleElement = document.createElement("div");
           titleElement.classList.add("apx-inapp-title-div".concat(this.cssPostFix));
           if (this.title.enable_icon) {
             var titleIconElement = document.createElement("img");
-            titleIconElement.src = this.title.icon.path;
+            if (this.enable_download_files) {
+              var _this$download_files4;
+              var format = "";
+              (_this$download_files4 = this.download_files) === null || _this$download_files4 === void 0 || _this$download_files4.forEach(function (file) {
+                if ((file === null || file === void 0 ? void 0 : file.url) === _this7.title.icon.path) {
+                  format = file.format;
+                }
+              });
+              if (format != "") {
+                var _window4, _window4$getFilePath;
+                titleIconElement.src = this.title.icon.path && format ? ((_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.Apxor) === null || _window4 === void 0 || (_window4$getFilePath = _window4.getFilePath) === null || _window4$getFilePath === void 0 ? void 0 : _window4$getFilePath.call(_window4, this.configId, this.title.icon.path, format)) || this.title.icon.path : this.title.icon.path;
+              } else {
+                titleIconElement.src = this.title.icon.path;
+              }
+            } else {
+              titleIconElement.src = this.title.icon.path;
+            }
             titleIconElement.classList.add("apx-inapp-title-icon".concat(this.cssPostFix));
             titleElement.appendChild(titleIconElement);
           }
@@ -19844,7 +20602,7 @@
        * @description Sets the form content in the InApp modal.
        */
       function _setFormContent() {
-        var _this5 = this;
+        var _this8 = this;
         if (this.enable_form) {
           var _this$form$elements;
           var formContainer = document.createElement("form");
@@ -19858,14 +20616,14 @@
           var form = document.querySelector(".apx-inapp-form-container".concat(this.cssPostFix));
           form.addEventListener("submit", function (e) {
             e.preventDefault();
-            var _this5$generateRespon = _this5.UrBX(_this5.form.elements),
-              obj = _this5$generateRespon.obj,
-              callback = _this5$generateRespon.callback;
+            var _this8$generateRespon = _this8.mJrR(_this8.form.elements),
+              obj = _this8$generateRespon.obj,
+              callback = _this8$generateRespon.callback;
             var evalString = "(obj)=>" + callback + "(obj)";
             var evalFunction = eval(evalString);
             evalFunction(obj);
-            clearTimeout(_this5.terminationTimeoutId);
-            _this5.closeCallback(_this5.overlayElement, "dismiss", ".apx-inapp-container".concat(_this5.cssPostFix), _this5.closeListener, _this5.redirectionListener);
+            clearTimeout(_this8.terminationTimeoutId);
+            _this8.closeCallback(_this8.overlayElement, "dismiss", "", ".apx-inapp-container".concat(_this8.cssPostFix), _this8.closeListener, _this8.redirectionListener);
           });
         }
       }
@@ -19965,23 +20723,23 @@
     }, {
       key: "_setButtons",
       value: function _setButtons(position) {
-        var _this6 = this;
+        var _this9 = this;
         if (!this.enable_buttons) {
           return;
         }
         if (position === BUTTON_CONTAINER_POSITION.TOP && this.buttons.enable_top || position === BUTTON_CONTAINER_POSITION.CENTER && this.buttons.enable_center || position === BUTTON_CONTAINER_POSITION.BOTTOM && this.buttons.enable_bottom) {
           var overlay = this.overlayElement;
           var actionCallback = function actionCallback(isCancelled, action) {
-            clearTimeout(_this6.terminationTimeoutId);
-            _this6.closeCallback(overlay, action, "new-inline".concat(_this6.cssPostFix), _this6.closeListener, _this6.redirectionListener);
+            clearTimeout(_this9.terminationTimeoutId);
+            _this9.closeCallback(overlay, action, "", "new-inline".concat(_this9.cssPostFix), _this9.closeListener, _this9.redirectionListener);
           };
           var next_Callback = function next_Callback(id, action) {
             actionCallback(false, "next");
-            _this6.stepperCallBack(id, action);
+            _this9.stepperCallBack(id, action);
           };
           var prev_Callback = function prev_Callback(id, action) {
             actionCallback(false, "prev");
-            _this6.stepperCallBack(id, action);
+            _this9.stepperCallBack(id, action);
           };
           var actionHandler = {
             next: next_Callback,
@@ -20004,7 +20762,7 @@
           //   button_config.text.font.family = this._setFontFaceAtRule(button_config.text.font);
           //   return button_config;
           // })
-          var _Buttons = generateButtonsBlock(this.configId, this.name, this.stepper, EVENT_PREFIX.INAPP, buttons_config, this.direction.buttons, position, actionHandler, this.isWalkthrough, this.uis, this.index);
+          var _Buttons = generateButtonsBlock(this.configId, this.name, this.stepper, EVENT_PREFIX.INAPP, buttons_config, this.direction.buttons, position, actionHandler, this.isWalkthrough, this.uis, this.index, "center", 1, this.step);
           if (position === BUTTON_CONTAINER_POSITION.TOP) {
             this.topButtonContainer.appendChild(_Buttons);
           } else if (position === BUTTON_CONTAINER_POSITION.CENTER) {
@@ -20023,7 +20781,7 @@
     }, {
       key: "_setCloseButton",
       value: function _setCloseButton() {
-        var _this7 = this;
+        var _this10 = this;
         if (this.enable_close_button) {
           var closeButton = document.createElement("span");
           // Close button SVG is decided based on the type of the button in the config.
@@ -20040,13 +20798,13 @@
           }
           closeButton.classList.add("apx-inapp-close".concat(this.cssPostFix));
           closeButton.addEventListener("click", function () {
-            if (_this7.close_button.action === "dismiss") {
-              window.Apxor.logActionEvent(EVENT_PREFIX.INAPP + "InAppXIconClicked" + "_Clicked", _this7.configId, _this7.name);
-            } else if (_this7.close_button.action === "cancel") {
-              window.Apxor.logActionEvent("walk_through_cancelled", _this7.configId, _this7.name);
+            if (_this10.close_button.action === "dismiss") {
+              window.Apxor.logActionEvent(EVENT_PREFIX.INAPP + "InAppXIconClicked" + "_Clicked", _this10.configId, _this10.name);
+            } else if (_this10.close_button.action === "cancel") {
+              window.Apxor.logActionEvent("walk_through_cancelled", _this10.configId, _this10.name);
             }
-            clearTimeout(_this7.terminationTimeoutId);
-            _this7.closeCallback(_this7.overlayElement, _this7.close_button.action, ".apx-inapp-container".concat(_this7.cssPostFix), _this7.closeListener, _this7.redirectionListener);
+            clearTimeout(_this10.terminationTimeoutId);
+            _this10.closeCallback(_this10.overlayElement, _this10.close_button.action, "", ".apx-inapp-container".concat(_this10.cssPostFix), _this10.closeListener, _this10.redirectionListener);
           });
           this.direction.non_media === DIRECTION.VERTICAL || this.direction.nudge === DIRECTION.VERTICAL ? this.inAppContainer.appendChild(closeButton) : this.buttonContainer.appendChild(closeButton);
         }
@@ -20060,10 +20818,10 @@
        * @description If the auto dismiss is enabled, sets the timeout to call the InApp close.
        */
       function _setAutoTerminate() {
-        var _this8 = this;
+        var _this11 = this;
         if (this.terminationConfig.auto_dismiss === true) {
           this.terminationTimeoutId = window.setTimeout(function () {
-            _this8.closeCallback(_this8.overlayElement, "dismiss", ".apx-inapp-container".concat(_this8.cssPostFix), _this8.closeListener, _this8.redirectionListener);
+            _this11.closeCallback(_this11.overlayElement, "dismiss", "", ".apx-inapp-container".concat(_this11.cssPostFix), _this11.closeListener, _this11.redirectionListener);
           }, this.terminationConfig.duration);
         }
       }
@@ -20165,7 +20923,9 @@
      * @param {function} hideCallback
      */
     function VideoInApp(config, terminationConfig, configId, name, showCallback, _hideCallback) {
-      var _this = this;
+      var _this = this,
+        _this$config,
+        _this$config2;
       _classCallCheck(this, VideoInApp);
       /**
        * @function showVideoInApp
@@ -20216,7 +20976,7 @@
             };
           } else {
             // As the video player is hidden by default, unhide if the mode is not PIP.
-            _this.lZpS();
+            _this.FivR();
           }
           _this.showCallback();
         } catch (e) {
@@ -20237,7 +20997,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, "Bntg", function () {
+      _defineProperty(this, "SXHT", function () {
         var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video, 1),
           width = _getHeightWidthFromRe.width,
           height = _getHeightWidthFromRe.height;
@@ -20249,7 +21009,7 @@
        * @private
        * @description Removes the video player style element.
        */
-      _defineProperty(this, "mCTB", function () {
+      _defineProperty(this, "ejyO", function () {
         var playerStyles = document.getElementById("apx-mpl-styles");
         if (playerStyles) {
           playerStyles.remove();
@@ -20260,7 +21020,7 @@
        * @private
        * @description Attach listeners on the video controls
        */
-      _defineProperty(this, "vJMI", function () {
+      _defineProperty(this, "WNJK", 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");
@@ -20375,7 +21135,7 @@
        * @private
        * @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
        */
-      _defineProperty(this, "sHYh", function () {
+      _defineProperty(this, "QBel", 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,
@@ -20415,7 +21175,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, "WaDM", function () {
+      _defineProperty(this, "stqw", function () {
         _this.enable_close_button;
         if (_this.enable_close_button) {
           var closeButton = document.createElement("span");
@@ -20462,21 +21222,21 @@
        * @function hideVideoPlayer
        * @description Sets the visibility of the video player to hidden.
        */
-      _defineProperty(this, "TNFE", function () {
+      _defineProperty(this, "XcAB", function () {
         _this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function unhideVideoPlayer
        * @description Unhides video player.
        */
-      _defineProperty(this, "lZpS", function () {
+      _defineProperty(this, "FivR", function () {
         _this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function getVideoElement
        * @returns {HTMLElement} Video ekement
        */
-      _defineProperty(this, "FXhx", function () {
+      _defineProperty(this, "MbVl", function () {
         return _this.videoElement;
       });
       this.videoPlayer = null;
@@ -20487,6 +21247,7 @@
       this.height = 320;
       this.width = 320;
       this.configId = configId;
+      this.config = config;
       this.name = name || "VideoPlayer";
       this.cssPostFix = "-".concat(this.configId, "-").concat(this.name).replaceAll(" ", "").replace(/[^\w\s]/gi, "");
       this.replayCount = 0;
@@ -20506,6 +21267,7 @@
       if (this.enable_pip_button) this.pip_button = new PIPButton(config.pip_button);
       this.video = new Video(config.video);
       this.pip = new PIP(config.pip);
+      this.step = (_this$config = this.config) !== null && _this$config !== void 0 && (_this$config = _this$config.additional_info) !== null && _this$config !== void 0 && _this$config.apx_step ? (_this$config2 = this.config) === null || _this$config2 === void 0 || (_this$config2 = _this$config2.additional_info) === null || _this$config2 === void 0 ? void 0 : _this$config2.apx_step : -1;
     }
 
     /**
@@ -20528,7 +21290,7 @@
         this.videoPlayer.style.backgroundColor = this.bg_color;
 
         // Video has a resolution, not deviating from the resolution set the height and width.
-        this.Bntg();
+        this.SXHT();
         //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.
@@ -20536,16 +21298,16 @@
         //Create a video element,set the source and add to the container.
         this._setPlayerContent();
         //Set the listeners on the video control buttons.
-        this.vJMI();
+        this.WNJK();
         //Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
-        this.sHYh();
+        this.QBel();
         //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.WaDM();
+        this.stqw();
         //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.TNFE();
+        this.XcAB();
         //If the auto dismiss is enabled, sets the timeout to call the InApp close.
         this._setAutoTerminate();
         document.body.appendChild(this.videoPlayer);
@@ -20660,7 +21422,7 @@
             }
           }
           this.videoPlayer.remove();
-          this.mCTB();
+          this.ejyO();
           if (closeButtonName !== "auto_dismiss") {
             var _window$ApxorRTM9;
             (_window$ApxorRTM9 = window.ApxorRTM) === null || _window$ApxorRTM9 === void 0 || _window$ApxorRTM9.logEvent("apx_video_inapp_close_button_clicked", {
@@ -20730,7 +21492,7 @@
                 replayCount: _this3.replayCount
               });
               _this3.videoPlayer.remove();
-              _this3.mCTB();
+              _this3.ejyO();
               _this3.hideCallback();
             } catch (e) {
               console.log("Can't close the video player\n".concat(e));
@@ -20752,7 +21514,7 @@
           } else {
             buttons_config = this.buttons.bottom;
           }
-          var buttons = generateButtonsBlock(this.configId, this.name, this.stepper, EVENT_PREFIX.INAPP, buttons_config, this.direction.buttons, position, actionHandler, this.isWalkthrough, this.uis, this.index);
+          var buttons = generateButtonsBlock(this.configId, this.name, this.stepper, EVENT_PREFIX.INAPP, buttons_config, this.direction.buttons, position, actionHandler, this.isWalkthrough, this.uis, this.index, "center", 1, this.step);
           buttons.setAttribute("id", "apx-cta-btn");
           buttons.classList.add("apx-video-cta".concat(this.cssPostFix));
           buttons.classList.add("apx-video-hide-elmt".concat(this.cssPostFix));
@@ -20824,14 +21586,14 @@
       try {
         var _window;
         (_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.debug("called showEmbedCards");
-        var element = _this.VvNT(_this.layout);
-        _this.XCRi();
+        var element = _this.CiXs(_this.layout);
+        _this.cxsH();
         window.onresize = function () {
-          _this.NiOI();
+          _this.ahtj();
         };
         _this.imageElements.forEach(function (img) {
           img.addEventListener("error", function () {
-            _this.YaYk("provided image doesn't exists");
+            _this.JmOW("provided image doesn't exists");
           });
         });
         var rootContainer = document.createElement("div");
@@ -20842,7 +21604,7 @@
         var styleElement = document.createElement("style");
         styleElement.innerHTML = _this.styleContent;
         document.head.appendChild(styleElement);
-        _this.SafO(_this.termination);
+        _this.hQng(_this.termination);
         try {
           eval(_this.script);
         } catch (e) {
@@ -20853,10 +21615,10 @@
         _this.intervalToCheckMediaLoadingStatus = setInterval(function () {
           _this.wait_interval -= 1;
           if (_this.wait_interval <= 0) {
-            _this.YaYk("provided media doesn't exists");
+            _this.JmOW("provided media doesn't exists");
           } else {
-            if (_this.PXQj() && _this.DZYh()) {
-              _this.NiOI();
+            if (_this.uDuu() && _this.FgHb() && _this.IJFb()) {
+              _this.ahtj();
               clearInterval(_this.intervalToCheckMediaLoadingStatus);
             }
           }
@@ -20867,12 +21629,12 @@
         (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.ApxorLogger) === null || _window3 === void 0 || _window3.error("failed while creating embed card with error: ".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
       }
     });
-    _defineProperty(this, "YaYk", function (reason) {
+    _defineProperty(this, "JmOW", function (reason) {
       var _window$ApxorRTM, _window4;
       !_this.loggedNudgeNotShownEvent && ((_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 ? void 0 : _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
-        campaignName: _this.name,
-        id: _this.configId,
-        apx_nudge_type: "sticky_card",
+        apx_nudge_name: _this.name,
+        apx_nudge_id: _this.configId,
+        apx_template_time: "embed-card",
         apx_notshown_type: "error",
         apx_reason: reason
       }));
@@ -20881,19 +21643,20 @@
       clearInterval(_this.intervalToCheckMediaLoadingStatus);
       (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.ApxorWidget) === null || _window4 === void 0 || _window4.removeEmbedCard(_this.configId);
     });
-    _defineProperty(this, "XCRi", function () {
+    _defineProperty(this, "cxsH", function () {
       var EmbeddedCardsStyles = document.createElement("style");
       EmbeddedCardsStyles.innerHTML = _this.initialStyles;
-      EmbeddedCardsStyles.setAttribute("apx-tooltip-styles", "");
+      EmbeddedCardsStyles.setAttribute("apx-embedded-card-styles", "");
       document.head.appendChild(EmbeddedCardsStyles);
     });
-    _defineProperty(this, "VvNT", function (config) {
+    _defineProperty(this, "CiXs", function (config) {
       var _window$Apxor;
       var element;
       switch (config.type) {
         case "cell":
         case "img":
         case "text":
+        case "cta_button":
         case "button":
           element = document.createElement(EMBED_CARD_TYPE[config.type]);
           break;
@@ -20907,28 +21670,14 @@
           if (((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) === "ios") {
             element.playsInline = true;
           }
-          // 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 "cross_button":
+          element = document.createElement("div");
+          element.innerHTML = CROSS_ICON_SVG;
           break;
         default:
           element = document.createElement(config.type);
       }
-      // const element = document.createElement(
-      //   EMBED_CARD_TYPE[config.type] ?? config.type
-      // );
-
       if (config.properties) {
         for (var prop in config.properties) {
           if (config.type === "img" && prop === "src" || config.type === "img" && prop === "format") continue;
@@ -20952,6 +21701,14 @@
           var styleObject = parseCSS(config.css);
           var imgStyleObject = removeKeys(styleObject, Object.keys(imgWrapperStyles));
           styles = ".".concat(config._id, " {\n        ").concat(objectToCSS(imgStyleObject), "\n      }\n      ");
+        } else if (config._id === _this.layout._id) {
+          var layoutStyleObject = parseCSS(config.css);
+          if (layoutStyleObject["background-image"]) {
+            var backgroundImageUrl = extractBgImageUrl(layoutStyleObject);
+            layoutStyleObject["background-image"] = "url(".concat(decodeURIComponent(backgroundImageUrl), ")");
+            _this.bgImageUrl = decodeURIComponent(backgroundImageUrl);
+          }
+          styles = ".".concat(config._id, " {\n        ").concat(objectToCSS(layoutStyleObject), "\n      }\n      ");
         } else {
           styles = ".".concat(config._id, " {\n          ").concat(config.css, "\n        }\n        ");
         }
@@ -20964,56 +21721,29 @@
             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_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);
-                }
+                _this.STbC(e);
               };
               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);
-                }
+                _this.STbC(e);
               };
               break;
             case "cancel":
               element.onclick = function (e) {
                 e.stopPropagation();
+                _this.STbC(e);
                 window.Apxor.logActionEvent("walk_through_cancelled", _this.configId, _this.name);
               };
               break;
             case "dismiss":
               element.onclick = function (e) {
                 e.stopPropagation();
-                window.Apxor.logActionEvent("".concat(_this.type, "_dismissed"), _this.configId, _this.name);
+                _this.STbC(e);
               };
               break;
             case "never":
@@ -21021,6 +21751,7 @@
                 e.stopPropagation();
                 window.Apxor.neverShow(_this.configId, _this.name, "IN_APP");
                 window.Apxor.logActionEvent("never_show_clicked", _this.configId, _this.name);
+                _this.STbC(e);
               };
               break;
             case "toggle-class":
@@ -21037,7 +21768,6 @@
               break;
             case "copy-content":
               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");
@@ -21046,20 +21776,7 @@
                 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);
-                }
+                _this.STbC(e);
               };
               break;
             case "log-app-event":
@@ -21077,27 +21794,16 @@
         });
       }
       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.HjRo(childConfig);
-          childElement.style.position = "absolute";
-          for (var _prop in childConfig.offset) {
-            childElement.style[_prop] = childConfig.offset[_prop];
-          }
+          var childElement = _this.xyYY(childConfig);
           element.appendChild(childElement);
         });
       }
 
       // Process children
       if (config.children && config.children.length > 0) {
-        //element.style.display = "flex";
-
-        // if (config.direction) {
-        //   element.style.flexDirection = config.direction;
-        // }
-
         config.children.forEach(function (childConfig) {
-          var childElement = _this.VvNT(childConfig);
+          var childElement = _this.CiXs(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -21123,7 +21829,24 @@
       }
       return element;
     });
-    _defineProperty(this, "SafO", function (config) {
+    _defineProperty(this, "STbC", function (e) {
+      var _e$target$getAttribut, _e$target, _e$target$getAttribut2;
+      var additional_info = {
+        apx_nudge_name: _this.name,
+        apx_nudge_id: _this.configId,
+        apx_card_name: (_e$target$getAttribut = e === null || e === void 0 || (_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 : "",
+        apx_template_name: "embed-card"
+      };
+      if (e.target.tagName === "BUTTON") {
+        var _e$target$innerHTML, _e$target2, _window$ApxorRTM2;
+        additional_info["apx_cta_text"] = (_e$target$innerHTML = e === null || e === void 0 || (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.innerHTML) !== null && _e$target$innerHTML !== void 0 ? _e$target$innerHTML : "";
+        (_window$ApxorRTM2 = window.ApxorRTM) === null || _window$ApxorRTM2 === void 0 || _window$ApxorRTM2.logEvent("apx_card_CTA_clicked", additional_info);
+      } else {
+        var _window$ApxorRTM3;
+        (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_card_interaction", additional_info);
+      }
+    });
+    _defineProperty(this, "hQng", function (config) {
       config.forEach(function (id) {
         var element = document.getElementById(id);
         if (element) {
@@ -21131,7 +21854,7 @@
         }
       });
     });
-    _defineProperty(this, "DZYh", function () {
+    _defineProperty(this, "FgHb", function () {
       //This logic is to make sure that image has loaded, it doesn't check whether image is broken
       //refer: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/complete#value
       if (_this.imageElements.length === 0) return true;
@@ -21139,13 +21862,19 @@
         return img.complete;
       });
     });
-    _defineProperty(this, "PXQj", function () {
+    _defineProperty(this, "uDuu", function () {
       if (_this.videoElements.length === 0) return true;
       return _this.videoElements.every(function (video) {
         return video.readyState >= 3;
       });
     });
-    _defineProperty(this, "NiOI", function () {
+    _defineProperty(this, "IJFb", function () {
+      if (!_this.bgImageUrl) return true;
+      var img = new Image();
+      img.src = _this.bgImageUrl;
+      return img.complete;
+    });
+    _defineProperty(this, "ahtj", function () {
       var _window6, _window7;
       var width = window.document.querySelector("html").offsetWidth;
       var height = window.document.querySelector("html").offsetHeight;
@@ -21168,6 +21897,7 @@
     this.initialStyles = "";
     this.imageElements = [];
     this.videoElements = [];
+    this.bgImageUrl = "";
     this.intervalToCheckMediaLoadingStatus = null;
     this.loggedNudgeShownEvent = false;
     this.loggedNudgeNotShownEvent = false;
@@ -21233,8 +21963,8 @@
         _this.storyContainer.appendChild(currentElement);
         _this.storyContainer.appendChild(slideDetails);
         document.body.appendChild(_this.storyContainer);
-        _this.UhcC();
-        _this.yUQd();
+        _this.eceU();
+        _this.LYqv();
         _this.progress = Array.from(document.querySelectorAll(".progress"));
         var current_slide = document.querySelector(".slide-details");
         var playNext = function playNext(e) {
@@ -21280,7 +22010,7 @@
               _existingAbsoluteElements2.forEach(function (element) {
                 element.remove();
               });
-              // this.Voll();
+              // this.sAkH();
               var _currentSlideDetails = document.querySelector(".slide-details");
               _currentSlideDetails.innerHTML = "";
               _this.position = _this.position + 1;
@@ -21376,7 +22106,7 @@
           absolute_header = document.createElement("div");
           current_slide_from_config.layout.absolute_position_children.forEach(function (current_element) {
             var current_absolute_element;
-            current_absolute_element = _this.HjRo(current_element);
+            current_absolute_element = _this.xyYY(current_element);
             absolute_header.appendChild(current_absolute_element);
           });
           (_absolute_header = absolute_header) === null || _absolute_header === void 0 || _absolute_header.classList.add("apx-slide-header");
@@ -21437,7 +22167,7 @@
             document.body.style.backgroundRepeat = "";
             var updated_layout_without_absolute_elements = JSON.parse(JSON.stringify(current_slide_from_config.layout));
             delete updated_layout_without_absolute_elements["absolute_position_children"];
-            element = _this.HjRo(updated_layout_without_absolute_elements);
+            element = _this.xyYY(updated_layout_without_absolute_elements);
             document.body.style.backgroundColor = current_slide_from_config.media_background_color;
             document.body.style.margin = "0px";
           }
@@ -21445,9 +22175,9 @@
             current_slide.removeChild(current_slide.children[0]);
           }
           current_slide.appendChild(element);
-          _this.Jwju();
+          _this.nJlx();
           window.intervalToCheckImgStatus = setInterval(function () {
-            if (_this.rnGL()) {
+            if (_this.ZjRm()) {
               clearInterval(window.intervalToCheckImgStatus);
             }
           }, 500);
@@ -21475,7 +22205,7 @@
         });
         playNext();
       });
-      _defineProperty(this, "Voll", function () {
+      _defineProperty(this, "sAkH", function () {
         document.body.classList.add("slide-right");
         var animationEndCounter = 0;
         var onAnimationEnd = function onAnimationEnd() {
@@ -21487,7 +22217,7 @@
         };
         document.body.addEventListener("animationend", onAnimationEnd);
       });
-      _defineProperty(this, "HjRo", function (config) {
+      _defineProperty(this, "xyYY", function (config) {
         var _window$Apxor3;
         var element;
         var startY;
@@ -21543,7 +22273,7 @@
             element.innerHTML = "<svg width=\"30\" height=\"30\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M12.375 4L10.1979 6.17708L7.92708 9.20833H3V15.4583H7.16667L12.375 20.6667V4Z\" fill=\"currentColor\" />\n        <path d=\"M14.4905 20.2167C18.9193 20.2167 22.5095 16.6265 22.5095 12.1977C22.5095 7.76894 18.9193 4.17871 14.4905 4.17871\" stroke=\"currentColor\" fill =\"transparent\" stroke-width=\"1.782\"/>\n        <path d=\"M14.4905 15.7618C16.4588 15.7618 18.0545 14.1661 18.0545 12.1978C18.0545 10.2294 16.4588 8.63379 14.4905 8.63379\" stroke=\"currentColor\" fill=\"transparent\" stroke-width=\"1.782\"/>\n        </svg>";
             element.id = "apx-mute-icon";
             element.addEventListener("touchstart", function (event) {
-              _this.CfIa(event);
+              _this.FgHM(event);
             });
             break;
           case "copy_icon":
@@ -21737,7 +22467,7 @@
         }
         if (config.absolute_position_children && config.absolute_position_children.length > 0) {
           config.absolute_position_children.forEach(function (childConfig) {
-            var childElement = _this.HjRo(childConfig);
+            var childElement = _this.xyYY(childConfig);
             element.appendChild(childElement);
           });
         }
@@ -21745,7 +22475,7 @@
         // Process children
         if (config.children && config.children.length > 0) {
           config.children.forEach(function (childConfig) {
-            var childElement = _this.HjRo(childConfig);
+            var childElement = _this.xyYY(childConfig);
             element.appendChild(childElement);
           });
         }
@@ -21772,7 +22502,7 @@
         }
         return element;
       });
-      _defineProperty(this, "CfIa", function (event) {
+      _defineProperty(this, "FgHM", function (event) {
         var slide_details_to_be_deleted;
         var mute_child_elements;
         var unmute_child_elements;
@@ -21802,11 +22532,11 @@
           }
           // this.muteElement.addEventListener("touchstart", (event) => {
           //   event.stopPropagation();
-          //   this.CfIa(event);
+          //   this.FgHM(event);
           // });
         }
       });
-      _defineProperty(this, "yUQd", function () {
+      _defineProperty(this, "LYqv", function () {
         var tapTimeout;
         var tapThreshold = 0.5; // Assuming 0.5 is the center of the WebView
         var longPressDuration = 200;
@@ -21930,7 +22660,7 @@
           event.target.dataset.touchStartTime = event.timeStamp;
         });
       });
-      _defineProperty(this, "UhcC", function () {
+      _defineProperty(this, "eceU", function () {
         var startY, startX;
         _this.storyContainer.addEventListener("touchstart", function (event) {
           _this.swipeTouch = true;
@@ -22137,7 +22867,7 @@
           }, 50);
         });
       });
-      _defineProperty(this, "Jwju", function () {
+      _defineProperty(this, "nJlx", function () {
         _this.loader.style.display = "block";
         var progress = Array.from(document.querySelectorAll(".progress"));
         var activeIndex = progress.findIndex(function (el) {
@@ -22153,7 +22883,7 @@
           }
         }
       });
-      _defineProperty(this, "vCTl", function () {
+      _defineProperty(this, "XedP", function () {
         if (!_this.continueLoading) {
           var slide_details_to_be_deleted = document.querySelector(".slide-details");
           var childElements = slide_details_to_be_deleted.querySelectorAll("video");
@@ -22173,19 +22903,19 @@
           _this.loader.style.display = "none";
         }
       });
-      _defineProperty(this, "DZYh", function () {
+      _defineProperty(this, "FgHb", function () {
         if (_this.imageElements.length === 0) return true;
         return _this.imageElements.every(function (img) {
           return img.complete;
         });
       });
-      _defineProperty(this, "PXQj", function () {
+      _defineProperty(this, "uDuu", function () {
         if (_this.videoElements.length === 0) return true;
         return _this.videoElements.every(function (video) {
           return video.readyState >= 3;
         });
       });
-      _defineProperty(this, "rnGL", function () {
+      _defineProperty(this, "ZjRm", function () {
         var bodyStyles = window.getComputedStyle(document.body);
         var backgroundImage = bodyStyles.backgroundImage;
         if (backgroundImage && backgroundImage !== "none" && _this.current_slide_config.media_type === "image") {
@@ -22195,7 +22925,7 @@
           var img = new Image();
           img.src = imageUrl;
           if (img.complete) {
-            _this.vCTl();
+            _this.XedP();
             return true;
           }
           return false;
@@ -22203,21 +22933,21 @@
           var slide_details_to_be_deleted = document.querySelector(".slide-details");
           var childElements = slide_details_to_be_deleted.querySelectorAll("video");
           if (childElements[0].readyState >= 3) {
-            _this.vCTl();
+            _this.XedP();
             return true;
           }
           return false;
         } else {
           if (_this.videoElements.length == 0 && _this.imageElements.length == 0) {
-            _this.vCTl();
+            _this.XedP();
             return true;
-          } else if (_this.DZYh() && _this.PXQj()) {
-            _this.vCTl();
+          } else if (_this.FgHb() && _this.uDuu()) {
+            _this.XedP();
             return true;
           }
         }
       });
-      _defineProperty(this, "tBkX", function (event, startY, action) {
+      _defineProperty(this, "Bosj", function (event, startY, action) {
         event.stopPropagation();
         var endY = event.changedTouches[0].clientY;
         var deltaY = startY - endY;
@@ -22305,7 +23035,7 @@
       this.swipe_action;
       this.continueLoading = false;
       this.boundSwipeUpHandling = function (event) {
-        return _this.tBkX(event, _this.startY, _this.swipe_action);
+        return _this.Bosj(event, _this.startY, _this.swipe_action);
       };
     }
     _createClass(Stories, [{
@@ -22368,7 +23098,7 @@
           } else {
             var _progress$activeIndex5, _progress$activeIndex6, _progress$, _window12, _window12$logInternal, _window$ApxorRTM16, _window$ApxorRTM17, _window$ApxorRTM18;
             // Move to the first slide of the next group
-            // this.Voll();
+            // this.sAkH();
             this.position++;
             this.progress_bar = new ProgressBar$1(this.config[this.position].progress_bar);
             this.slides = this.config[this.position].slides;
@@ -22494,7 +23224,7 @@
         if (activeIndex === 0) {
           var _progress$activeIndex9, _progress$activeIndex10, _progress$lastSlideIn, _window14, _window14$logInternal, _window$ApxorRTM22, _window$ApxorRTM23, _window$ApxorRTM24;
           // If at the first slide of the current group, move to the last slide of the previous group
-          // this.Voll();
+          // this.sAkH();
           this.position--;
           this.progress_bar = new ProgressBar$1(this.config[this.position].progress_bar);
           this.slides = this.config[this.position].slides;
@@ -22683,25 +23413,25 @@
           // Create custom content
           var updated_layout_without_absolute_elements = JSON.parse(JSON.stringify(current_slide_from_config.layout));
           delete updated_layout_without_absolute_elements["absolute_position_children"];
-          element = this.HjRo(updated_layout_without_absolute_elements);
+          element = this.xyYY(updated_layout_without_absolute_elements);
         }
         // Append slide content to slide details container
 
         document.body.style.backgroundColor = current_slide_from_config.media_background_color;
         document.body.style.margin = "0px";
         currentSlideDetails.appendChild(element);
-        this.Jwju();
+        this.nJlx();
 
         // Handle absolute position children
         if (current_slide_from_config.layout.absolute_position_children && current_slide_from_config.layout.absolute_position_children.length > 0) {
           current_slide_from_config.layout.absolute_position_children.forEach(function (childConfig) {
-            var childElement = _this2.HjRo(childConfig);
+            var childElement = _this2.xyYY(childConfig);
             // Append absolute position children to slide details container
             currentSlideDetails.appendChild(childElement);
           });
         }
         window.intervalToCheckImgStatus2 = setInterval(function () {
-          if (_this2.rnGL()) {
+          if (_this2.ZjRm()) {
             clearInterval(window.intervalToCheckImgStatus2);
           }
         }, 500);
@@ -22748,16 +23478,16 @@
   var RTM = /*#__PURE__*/_createClass(function RTM() {
     var _this = this;
     _classCallCheck(this, RTM);
-    _defineProperty(this, "RxKq", {});
+    _defineProperty(this, "oVRS", {});
     _defineProperty(this, "isShowingAction", false);
     _defineProperty(this, "currentAction", null);
-    _defineProperty(this, "sOOz", null);
-    _defineProperty(this, "version", 71);
+    _defineProperty(this, "veMk", null);
+    _defineProperty(this, "version", 81);
     _defineProperty(this, "isInitialised", false);
-    _defineProperty(this, "jkaK", {});
-    _defineProperty(this, "pNeK", false);
+    _defineProperty(this, "rnKR", {});
+    _defineProperty(this, "AYSV", false);
     _defineProperty(this, "_isShownECCalled", false);
-    _defineProperty(this, "BYKy", function () {
+    _defineProperty(this, "qqxH", function () {
       _this.isInitialised = true;
       var oldPushState = history.pushState;
       history.pushState = function pushState() {
@@ -22782,7 +23512,7 @@
     });
     _defineProperty(this, "show", function (uiJson, duration, uuid, name) {
       if (!_this.isInitialised) {
-        _this.BYKy();
+        _this.qqxH();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor, _window$Apxor$pageUnl;
@@ -22809,7 +23539,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.iGMR(ui_config, duration, uuid, name);
+          _this.rJlm(ui_config, duration, uuid, name);
         } else {
           showCoachmarkWithDelay(_this, ui_config, {
             configId: uuid,
@@ -22882,7 +23612,7 @@
         (_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_template_name: "embed-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)
         });
@@ -22897,7 +23627,7 @@
         (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"
+          apx_template_name: "embed-card"
         }));
         _this._isShownECCalled = true;
       }, function () {
@@ -22910,7 +23640,7 @@
       try {
         config = config.split("\n").join("\\n");
         var ui_config = JSON.parse(config);
-        _this.jQXU(ui_config, configId, name, position, slidesSeenCount, view_id);
+        _this.pkOH(ui_config, configId, name, position, slidesSeenCount, view_id);
       } catch (e) {
         var _window$Apxor3;
         if (((_window$Apxor3 = window.Apxor) === null || _window$Apxor3 === void 0 ? void 0 : _window$Apxor3.platform) === "ios") {
@@ -22924,12 +23654,12 @@
         console.error(e);
       }
     });
-    _defineProperty(this, "jQXU", function (config, configId, name, position, slidesSeenCount, view_id) {
+    _defineProperty(this, "pkOH", function (config, configId, name, position, slidesSeenCount, view_id) {
       var cardsContainer = new Stories(config, configId, name, position, slidesSeenCount, view_id, function () {
         window.Apxor.logAppEvent("apx_nudge_shown", {
           campaignName: name,
           id: configId,
-          apx_nudge_type: "stories"
+          apx_template_name: "stories"
         });
       }, function () {});
       cardsContainer.showStories();
@@ -22972,7 +23702,7 @@
         var _window22, _window22$updateFlag, _window23;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.sOOz = null;
+        _this.veMk = null;
         (_window22 = window) === null || _window22 === void 0 || (_window22 = _window22.Apxor) === null || _window22 === void 0 || (_window22$updateFlag = _window22.updateFlag) === null || _window22$updateFlag === void 0 || _window22$updateFlag.call(_window22, false);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
@@ -22983,21 +23713,21 @@
         }
       };
       if (action_class === "new-inline") {
-        _this.sOOz = new InLineTooltip(ui_config, [], [], terminationConfig, {
+        _this.veMk = new InLineTooltip(ui_config, [], [], terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide, function () {}, false, 0);
       } else if (action_class === "tooltip_builder") {
-        _this.sOOz = new NewInLineTooltip(ui_config, terminationConfig, {
+        _this.veMk = new NewInLineTooltip(ui_config, terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide);
       }
       setTimeout(function () {
-        _this.sOOz.createNewTooltip();
+        _this.veMk.createNewTooltip();
       }, ui_config.delay);
     });
-    _defineProperty(this, "iGMR", function (ui_config, duration, uuid, name) {
+    _defineProperty(this, "rJlm", function (ui_config, duration, uuid, name) {
       var terminationConfig = {};
       terminationConfig["auto_dismiss"] = duration > 0;
       terminationConfig["duration"] = duration;
@@ -23021,7 +23751,7 @@
         var _window27, _window27$updateFlag, _window28;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.sOOz = null;
+        _this.veMk = null;
         (_window27 = window) === null || _window27 === void 0 || (_window27 = _window27.Apxor) === null || _window27 === void 0 || (_window27$updateFlag = _window27.updateFlag) === null || _window27$updateFlag === void 0 || _window27$updateFlag.call(_window27, false);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
@@ -23034,8 +23764,8 @@
       _this._currentCoachmark.createNewCoachMark();
     });
     _defineProperty(this, "updateElementPositionOnScroll", function (top, left, height, width) {
-      if (_this.sOOz) {
-        _this.sOOz.updateElementPositionOnScroll(top, left, height, width);
+      if (_this.veMk) {
+        _this.veMk.updateElementPositionOnScroll(top, left, height, width);
       }
     });
     _defineProperty(this, "createInAppVideo", function (config, duration, configId, name) {
@@ -23084,24 +23814,35 @@
       terminationConfig["duration"] = duration;
       var inappModal = null;
       var onShow = function onShow() {
+        var _window$Apxor4;
         _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 _window32, _window32$updateFlag;
-            (_window32 = window) === null || _window32 === void 0 || (_window32 = _window32.Apxor) === null || _window32 === void 0 || (_window32$updateFlag = _window32.updateFlag) === null || _window32$updateFlag === void 0 || _window32$updateFlag.call(_window32, true, "IN_APP");
-          } else {
-            var _window33, _window33$updateFlag;
-            (_window33 = window) === null || _window33 === void 0 || (_window33 = _window33.Apxor) === null || _window33 === void 0 || (_window33$updateFlag = _window33.updateFlag) === null || _window33$updateFlag === void 0 || _window33$updateFlag.call(_window33, "IN_APP", true);
-          }
+        if (((_window$Apxor4 = window.Apxor) === null || _window$Apxor4 === void 0 ? void 0 : _window$Apxor4.platform) === "ios") {
+          var _window32, _window32$updateFlag;
+          (_window32 = window) === null || _window32 === void 0 || (_window32 = _window32.Apxor) === null || _window32 === void 0 || (_window32$updateFlag = _window32.updateFlag) === null || _window32$updateFlag === void 0 || _window32$updateFlag.call(_window32, true, "IN_APP");
+        } else {
+          var _window33, _window33$updateFlag;
+          (_window33 = window) === null || _window33 === void 0 || (_window33 = _window33.Apxor) === null || _window33 === void 0 || (_window33$updateFlag = _window33.updateFlag) === null || _window33$updateFlag === void 0 || _window33$updateFlag.call(_window33, "IN_APP", true);
+        }
+        if (action_class === "modal" && window.Apxor && window.Apxor.logActionEvent) {
           window.Apxor.logActionEvent("inapp_shown", configId, name);
+        } else if (action_class === "inapp_builder") {
+          var _window$ApxorRTM3, _window$Apxor5, _config$additional_in, _window$Apxor6, _config$additional_in2, _config$additional_in3, _config$additional_in4, _config$additional_in5, _config$additional_in6, _config$additional_in7;
+          (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_nudge_shown", {
+            apx_nudge_name: name,
+            apx_nudge_id: ((_window$Apxor5 = window.Apxor) === null || _window$Apxor5 === void 0 ? void 0 : _window$Apxor5.platform) === "ios" ? config === null || config === void 0 || (_config$additional_in = config.additional_info) === null || _config$additional_in === void 0 ? void 0 : _config$additional_in.id : configId,
+            apx_template_name: "inapp",
+            apx_step: ((_window$Apxor6 = window.Apxor) === null || _window$Apxor6 === void 0 ? void 0 : _window$Apxor6.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in2 = config.additional_info) !== null && _config$additional_in2 !== void 0 && _config$additional_in2.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in3 = config.additional_info) === null || _config$additional_in3 === void 0 ? void 0 : _config$additional_in3.apx_step : config !== null && config !== void 0 && (_config$additional_in4 = config.additional_info) !== null && _config$additional_in4 !== void 0 && _config$additional_in4.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in5 = config.additional_info) === null || _config$additional_in5 === void 0 ? void 0 : _config$additional_in5.apx_step,
+            apx_screen_name: config === null || config === void 0 || (_config$additional_in6 = config.additional_info) === null || _config$additional_in6 === void 0 ? void 0 : _config$additional_in6.apx_screen_name,
+            apx_variant_code: config === null || config === void 0 || (_config$additional_in7 = config.additional_info) === null || _config$additional_in7 === void 0 ? void 0 : _config$additional_in7.apx_variant_code
+          });
         }
       };
       var onHide = function onHide(backgroundDiv, action) {
-        var _dialogContent$classL, _window$Apxor5;
-        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;
+        var _dialogContent$classL, _window$Apxor7;
+        var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+        var cssClass = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ".apx-dlg-c";
+        var closeListener = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+        var redirectionListener = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
         document.body.removeEventListener("click", closeListener);
         document.body.removeEventListener("click", redirectionListener);
         var dialogContent = document.querySelector(cssClass);
@@ -23109,7 +23850,7 @@
         // setTimeout(() => {
         backgroundDiv.remove();
         _this.isShowingAction = false;
-        if (((_window$Apxor5 = window.Apxor) === null || _window$Apxor5 === void 0 ? void 0 : _window$Apxor5.platform) === "ios") {
+        if (((_window$Apxor7 = window.Apxor) === null || _window$Apxor7 === void 0 ? void 0 : _window$Apxor7.platform) === "ios") {
           var _window34, _window34$updateFlag;
           (_window34 = window) === null || _window34 === void 0 || (_window34 = _window34.Apxor) === null || _window34 === void 0 || (_window34$updateFlag = _window34.updateFlag) === null || _window34$updateFlag === void 0 || _window34$updateFlag.call(_window34, false, "IN_APP");
         } else {
@@ -23117,23 +23858,54 @@
           (_window35 = window) === null || _window35 === void 0 || (_window35 = _window35.Apxor) === null || _window35 === void 0 || (_window35$updateFlag = _window35.updateFlag) === null || _window35$updateFlag === void 0 || _window35$updateFlag.call(_window35, "IN_APP", false);
         }
         _this.currentAction = null;
-        if (window.Apxor && window.Apxor.logActionEvent && !(action == "cancel" || action == "redirect")) {
+        if (action_class === "modal" && window.Apxor && window.Apxor.logActionEvent && !(action == "cancel" || action == "redirect")) {
           window.Apxor.logActionEvent("inapp_dismissed", configId, name);
+        } else if (action_class === "inapp_builder") {
+          var _window36;
+          if (!(action == "cancel" || action == "never")) {
+            var _window$Apxor8, _config$additional_in8, _config$additional_in9, _window$Apxor9, _config$additional_in10, _config$additional_in11, _config$additional_in12, _config$additional_in13, _window$ApxorRTM4;
+            var additional_info = {
+              apx_nudge_name: name,
+              apx_nudge_id: ((_window$Apxor8 = window.Apxor) === null || _window$Apxor8 === void 0 ? void 0 : _window$Apxor8.platform) === "ios" ? config === null || config === void 0 || (_config$additional_in8 = config.additional_info) === null || _config$additional_in8 === void 0 ? void 0 : _config$additional_in8.id : configId,
+              apx_template_name: "inapp",
+              apx_variant_code: config === null || config === void 0 || (_config$additional_in9 = config.additional_info) === null || _config$additional_in9 === void 0 ? void 0 : _config$additional_in9.apx_variant_code,
+              apx_step: ((_window$Apxor9 = window.Apxor) === null || _window$Apxor9 === void 0 ? void 0 : _window$Apxor9.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in10 = config.additional_info) !== null && _config$additional_in10 !== void 0 && _config$additional_in10.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in11 = config.additional_info) === null || _config$additional_in11 === void 0 ? void 0 : _config$additional_in11.apx_step : config !== null && config !== void 0 && (_config$additional_in12 = config.additional_info) !== null && _config$additional_in12 !== void 0 && _config$additional_in12.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in13 = config.additional_info) === null || _config$additional_in13 === void 0 ? void 0 : _config$additional_in13.apx_step
+            };
+            if (type != "") {
+              additional_info["apx_dismiss_type"] = type;
+            }
+            (_window$ApxorRTM4 = window.ApxorRTM) === null || _window$ApxorRTM4 === void 0 || _window$ApxorRTM4.logEvent("apx_nudge_dismissed", additional_info);
+          }
+          if (action === "cancel") {
+            var _window$Apxor10, _config$additional_in14, _config$additional_in15, _window$Apxor11, _config$additional_in16, _config$additional_in17, _config$additional_in18, _config$additional_in19, _window$ApxorRTM5;
+            var _additional_info = {
+              apx_nudge_name: name,
+              apx_nudge_id: ((_window$Apxor10 = window.Apxor) === null || _window$Apxor10 === void 0 ? void 0 : _window$Apxor10.platform) === "ios" ? config === null || config === void 0 || (_config$additional_in14 = config.additional_info) === null || _config$additional_in14 === void 0 ? void 0 : _config$additional_in14.id : configId,
+              apx_template_name: "inapp",
+              apx_variant_code: config === null || config === void 0 || (_config$additional_in15 = config.additional_info) === null || _config$additional_in15 === void 0 ? void 0 : _config$additional_in15.apx_variant_code,
+              apx_step: ((_window$Apxor11 = window.Apxor) === null || _window$Apxor11 === void 0 ? void 0 : _window$Apxor11.platform) === "ios" ? config !== null && config !== void 0 && (_config$additional_in16 = config.additional_info) !== null && _config$additional_in16 !== void 0 && _config$additional_in16.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in17 = config.additional_info) === null || _config$additional_in17 === void 0 ? void 0 : _config$additional_in17.apx_step : config !== null && config !== void 0 && (_config$additional_in18 = config.additional_info) !== null && _config$additional_in18 !== void 0 && _config$additional_in18.is_preview ? 1 : config === null || config === void 0 || (_config$additional_in19 = config.additional_info) === null || _config$additional_in19 === void 0 ? void 0 : _config$additional_in19.apx_step
+            };
+            (_window$ApxorRTM5 = window.ApxorRTM) === null || _window$ApxorRTM5 === void 0 || _window$ApxorRTM5.logEvent("apx_nudge_cancelled", _additional_info);
+          }
+          (_window36 = window) === null || _window36 === void 0 || (_window36 = _window36.ApxorInternals) === null || _window36 === void 0 || _window36.removeBuilderTemplate(configId);
         }
       };
       if (action_class === "modal") {
         inappModal = new ModalInApp(config, terminationConfig, configId, name, onShow, onHide, function () {}, false, [], 0);
+        inappModal.createInAppModal();
       } else if (action_class === "inapp_builder") {
         inappModal = new NewModalInApp(config, terminationConfig, configId, name, onShow, onHide);
+        setTimeout(function () {
+          inappModal.createInAppModal();
+        }, config === null || config === void 0 ? void 0 : config.delay);
       }
-      inappModal.createInAppModal();
     });
     _defineProperty(this, "showPlaceHolder", function () {
-      var _window36;
-      if (_this.pNeK) {
+      var _window37;
+      if (_this.AYSV) {
         return;
       }
-      _this.pNeK = true;
+      _this.AYSV = true;
       var ele = document.createElement("div");
       ele.innerHTML = "place your immersive card here";
       ele.style.backgroundColor = "#f5f5f5";
@@ -23143,7 +23915,7 @@
       ele.style.padding = "12px";
       ele.style.fontSize = "14px";
       document.body.appendChild(ele);
-      (_window36 = window) === null || _window36 === void 0 || (_window36 = _window36.ApxorWidget) === null || _window36 === void 0 || _window36.setDimensions(window.document.querySelector("html").offsetWidth, window.document.querySelector("html").offsetHeight);
+      (_window37 = window) === null || _window37 === void 0 || (_window37 = _window37.ApxorWidget) === null || _window37 === void 0 || _window37.setDimensions(window.document.querySelector("html").offsetWidth, window.document.querySelector("html").offsetHeight);
     });
     _defineProperty(this, "pauseStories", function () {
       var progress = Array.from(document.querySelectorAll(".progress"));
@@ -23182,8 +23954,8 @@
     //   survey_obj.createSurvey();
     // };
     _defineProperty(this, "logEvent", function (name, additional_info) {
-      var _window$Apxor6;
-      if (((_window$Apxor6 = window.Apxor) === null || _window$Apxor6 === void 0 ? void 0 : _window$Apxor6.platform) === "ios") {
+      var _window$Apxor12;
+      if (((_window$Apxor12 = window.Apxor) === null || _window$Apxor12 === void 0 ? void 0 : _window$Apxor12.platform) === "ios") {
         window.Apxor.logAppEvent(name, additional_info);
       } else {
         window.Apxor.logAppEvent(name, JSON.stringify(additional_info));