apxor-rtm-ui 0.4.1 → 0.5.1

package/dist/apxor.rtm.js.bak

@@ -6679,7 +6679,7 @@
     var isWalkthrough = arguments.length > 8 ? arguments[8] : undefined;
     var uis = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : {};
     var index = arguments.length > 10 ? arguments[10] : undefined;
-    var fontMultiplier = arguments.length > 11 ? arguments[11] : undefined;
+    var fontMultiplier = arguments.length > 11 && arguments[11] !== undefined ? arguments[11] : 1;
     var buttons = document.createElement("div");
     buttons.className = "".concat(position, "-buttons-container");
     buttons.style.zIndex = 99999999;
@@ -6769,6 +6769,7 @@
       numberedfont = (_numbered = numbered) === null || _numbered === void 0 ? void 0 : _numbered.font;
     }
     var justifyContent = "space-between";
+    var fontMultiplier = buttons_css.fontMultiplier;
     buttons_css.forEach(function (button_css, index) {
       var _ref;
       var slot = button_css.slot,
@@ -6812,8 +6813,7 @@
         _button_css$gradient = button_css.gradient,
         gradient = _button_css$gradient === void 0 ? {} : _button_css$gradient,
         _button_css$custom_fo = button_css.custom_font,
-        custom_font = _button_css$custom_fo === void 0 ? "" : _button_css$custom_fo,
-        fontMultiplier = button_css.fontMultiplier;
+        custom_font = _button_css$custom_fo === void 0 ? "" : _button_css$custom_fo;
       var gradient_direction, gradient_c1, gradient_c2;
       if (enable_gradient) {
         gradient_direction = gradient.direction || "to right";
@@ -6967,8 +6967,15 @@
             break;
           case "redirect":
             action = function action() {
-              ActionHandler.complete(true, "redirect");
-              window.Apxor.redirectTo("IN_APP", uuid, name, text, JSON.stringify(action_config));
+              var _window$Apxor;
+              if (((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) === "ios") {
+                window.Apxor.logActionEvent(configType + text + "_Clicked", uuid, name);
+                ActionHandler.complete(false, "redirect");
+                window.Apxor.redirectTo(JSON.stringify(action_config));
+              } else {
+                ActionHandler.complete(true, "redirect");
+                window.Apxor.redirectTo("IN_APP", uuid, name, text, JSON.stringify(action_config));
+              }
               // if (redirectWithin || isExternal) {
               //   window.open(url, redirectWithin ? "_self" : "_blank");
               // } else {
@@ -8000,7 +8007,7 @@
       scrollToView = _uiConfig$scrollToVie === void 0 ? true : _uiConfig$scrollToVie;
     var scrollTo = false;
     // when dim-dim_background is true and scrollToView is false and element is not in viewport then a black mask is applied to the webview and scrolling behaviour doesn't work, to resolve it the below case is written.
-    if (dim_background) {
+    if (dim_background && !isElementInViewport(getElementFromSelector(view_id))) {
       scrollTo = {
         behavior: "smooth",
         block: "center"
@@ -11457,6 +11464,7 @@
     modalOverlayMaskOpening: "tippyModalMaskOpening"
   };
   var createMask = function createMask(targetElement, elementHighlighterConfig) {
+    var _screen;
     var containerElement = _createModalContainer$1();
     var defsElement = document.createElementNS(svgNS$1, "defs");
     var maskContainer = _createMaskContainer$1();
@@ -11470,7 +11478,7 @@
       //setAttributes(maskOpening, { "scroll-behavior": "smooth" });
     });
 
-    screen.orientation.addEventListener("change", function () {
+    (_screen = screen) === null || _screen === void 0 || (_screen = _screen.orientation) === null || _screen === void 0 || _screen.addEventListener("change", function () {
       positionModalOpening$1(targetElement, maskOpening, maskOpeningBorderStyles, elementHighlighterConfig);
     });
     maskContainer.appendChild(maskRect);
@@ -13176,7 +13184,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "pxOH", function () {
+      _defineProperty(this, "AccS", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -13195,7 +13203,7 @@
        * @private
        * @description Sets the marketing content at the end of the Inline
        */
-      _defineProperty(this, "fWiS", function () {
+      _defineProperty(this, "LKpH", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inline-marketing".concat(_this.cssPostFix));
@@ -13299,6 +13307,7 @@
       this.updateSkid = null;
       this.initial_data_placement = this.position.position;
       this.recent_placement = this.position.position;
+      this.tippy_box_position = 0;
 
       //badge related config
       this.flag = true;
@@ -13756,7 +13765,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.pxOH(), "\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.AccS(), "\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;
@@ -14377,63 +14386,69 @@
         if (this.enable_arrow) {
           switch (this.arrow.type) {
             case "round":
-              tippyTopArrowAdjustment = "\n                    bottom:".concat(this.enable_border ? "".concat(-12 + this.border.width, "px") : "-12px", ";\n          ");
+              this.tippy_box_position = this.enable_border ? 10 - this.border.width : 10;
+              tippyTopArrowAdjustment = "\n                    bottom:".concat(this.enable_border ? "".concat(-10 + this.border.width, "px") : "-10px", ";\n          ");
               tippyTopArrowStyle = "\n          width:18px;\n          height:18px;\n          border-radius:5px;\n          transform: rotate(45deg);\n          background-color:".concat(this.arrow.color, ";\n          ");
-              tippyRightArrowAdjustment = "\n          left:".concat(this.enable_border ? "".concat(-5 + this.border.width, "px") : "-5px", ";\n          ");
+              tippyRightArrowAdjustment = "\n          left:".concat(this.enable_border ? "".concat(-10 + this.border.width, "px") : "-10px", ";\n          ");
               tippyRightArrowStyle = "\n          bottom:-10px;\n          width:18px;\n          height:18px;\n          border-radius:5px;\n          transform: rotate(45deg);\n          background-color:".concat(this.arrow.color, ";\n          ");
-              tippyBottomArrowAdjustment = "\n          top:".concat(this.enable_border ? "".concat(-8 + this.border.width, "px") : "-8px", ";\n          ");
+              tippyBottomArrowAdjustment = "\n          top:".concat(this.enable_border ? "".concat(-10 + this.border.width, "px") : "-10px", ";\n          ");
               tippyBottomArrowStyle = "\n          width:18px;\n          height:18px;\n          border-radius:5px;\n          transform: rotate(45deg);\n          background-color:".concat(this.arrow.color, ";\n          ");
-              tippyLeftArrowAdjustment = "\n                              right:".concat(this.enable_border ? "".concat(-15 + this.border.width, "px") : "-15px", ";\n          ");
+              tippyLeftArrowAdjustment = "\n                              right:".concat(this.enable_border ? "".concat(-10 + this.border.width, "px") : "-10px", ";\n          ");
               tippyLeftArrowStyle = "\n          top:-50%;\n          width:18px;\n          height:18px;\n          border-radius:5px;\n          transform: rotate(45deg);\n          background-color:".concat(this.arrow.color, ";\n          ");
               break;
             case "narrow":
-              tippyTopArrowAdjustment = "\n                    bottom:".concat(this.enable_border ? "".concat(-22 + this.border.width, "px") : "-22px", ";\n          ");
+              this.tippy_box_position = this.enable_border ? 16 - this.border.width : 16;
+              tippyTopArrowAdjustment = "\n                    bottom:".concat(this.enable_border ? "".concat(-16 + this.border.width, "px") : "-16px", ";\n          ");
               tippyTopArrowStyle = "\n          border-width:18px 5px 0;\n          ";
-              tippyRightArrowAdjustment = "\n          left:".concat(this.enable_border ? "".concat(-7 + this.border.width, "px") : "-7px", ";\n          ");
+              tippyRightArrowAdjustment = "\n          left:".concat(this.enable_border ? "".concat(-16 + this.border.width, "px") : "-16px", ";\n          ");
               tippyRightArrowStyle = "\n          border-width:5px 18px 5px 0;\n          ";
-              tippyBottomArrowAdjustment = "\n          top:".concat(this.enable_border ? "".concat(-11 + this.border.width, "px") : "-11px", ";\n          ");
+              tippyBottomArrowAdjustment = "\n          top:".concat(this.enable_border ? "".concat(-16 + this.border.width, "px") : "-16px", ";\n          ");
               tippyBottomArrowStyle = "\n          border-width:0 5px 18px;\n          ";
-              tippyLeftArrowAdjustment = "\n                              right:".concat(this.enable_border ? "".concat(-26 + this.border.width, "px") : "-26px", ";\n          ");
+              tippyLeftArrowAdjustment = "\n                              right:".concat(this.enable_border ? "".concat(-16 + this.border.width, "px") : "-16px", ";\n          ");
               tippyLeftArrowStyle = "\n          border-width:5px 0 5px 18px;\n          ";
               break;
             case "wide":
-              tippyTopArrowAdjustment = "\n                    bottom:".concat(this.enable_border ? "".concat(-22 + this.border.width, "px") : "-22px", ";\n          ");
+              this.tippy_box_position = this.enable_border ? 10 - this.border.width : 10;
+              tippyTopArrowAdjustment = "\n                    bottom:".concat(this.enable_border ? "".concat(-16 + this.border.width, "px") : "-16px", ";\n          ");
               tippyTopArrowStyle = "\n          left:-50%;\n          border-width:9px 18px 0;\n          ";
-              tippyRightArrowAdjustment = "\n          left:".concat(this.enable_border ? "".concat(2 + this.border.width, "px") : "2px", ";\n          ");
+              tippyRightArrowAdjustment = "\n          left:".concat(this.enable_border ? "".concat(-8 + this.border.width, "px") : "-8px", ";\n          ");
               tippyRightArrowStyle = "\n          top:-50%;\n          border-width:18px 9px 18px 0;\n          ";
-              tippyBottomArrowAdjustment = "\n          top:".concat(this.enable_border ? "".concat(2 + this.border.width, "px") : "2px", ";\n          ");
+              tippyBottomArrowAdjustment = "\n          top:".concat(this.enable_border ? "".concat(-5 + this.border.width, "px") : "-5px", ";\n          ");
               tippyBottomArrowStyle = "\n          left:-50%;\n          top:-8px;\n          border-width:0 18px 9px;\n          bottom:13px;\n          ";
-              tippyLeftArrowAdjustment = "\n                              right:".concat(this.enable_border ? "".concat(-26 + this.border.width, "px") : "-26px", ";\n          ");
+              tippyLeftArrowAdjustment = "\n                              right:".concat(this.enable_border ? "".concat(-18 + this.border.width, "px") : "-18px", ";\n          ");
               tippyLeftArrowStyle = "\n          top:-50%;\n          border-width:18px 0 18px 8px;\n          ";
               break;
             case "large":
-              tippyTopArrowAdjustment = "\n                    bottom:".concat(this.enable_border ? "".concat(-19 + this.border.width, "px") : "-19px", ";\n          ");
+              this.tippy_box_position = this.enable_border ? 15 - this.border.width : 15;
+              tippyTopArrowAdjustment = "\n                    bottom:".concat(this.enable_border ? "".concat(-15 + this.border.width, "px") : "-15px", ";\n          ");
               tippyTopArrowStyle = "\n          left:-50%;\n          border-width:16px 16px 0;\n          ";
-              tippyRightArrowAdjustment = "\n          left:".concat(this.enable_border ? "".concat(-5 + this.border.width, "px") : "-5px", ";\n          ");
+              tippyRightArrowAdjustment = "\n          left:".concat(this.enable_border ? "".concat(-15 + this.border.width, "px") : "-15px", ";\n          ");
               tippyRightArrowStyle = "\n          top:-50%;\n          border-width:16px 16px 16px 0;\n          ";
-              tippyBottomArrowAdjustment = "\n          top:".concat(this.enable_border ? "".concat(-9 + this.border.width, "px") : "-9px", ";\n          ");
+              tippyBottomArrowAdjustment = "\n          top:".concat(this.enable_border ? "".concat(-15 + this.border.width, "px") : "-15px", ";\n          ");
               tippyBottomArrowStyle = "\n          left:-50%;\n          border-width:0 16px 16px;\n          ";
-              tippyLeftArrowAdjustment = "\n                              right:".concat(this.enable_border ? "".concat(-23 + this.border.width, "px") : "-23px", ";\n          ");
+              tippyLeftArrowAdjustment = "\n                              right:".concat(this.enable_border ? "".concat(-15 + this.border.width, "px") : "-15px", ";\n          ");
               tippyLeftArrowStyle = "\n          top:-50%;\n          border-width:16px 0 16px 16px;\n          ";
               break;
             case "small":
-              tippyTopArrowAdjustment = "\n          bottom:-12px;\n          ";
+              this.tippy_box_position = this.enable_border ? 6 - this.border.width : 6;
+              tippyTopArrowAdjustment = "\n                    bottom:".concat(this.enable_border ? "".concat(-6 + this.border.width, "px") : "-6px", ";\n          ");
               tippyTopArrowStyle = "\n          left:-50%;\n          border-width:16px 16px 0;\n          ";
-              tippyRightArrowAdjustment = "\n          left: 3px;\n          ";
+              tippyRightArrowAdjustment = "\n          left:".concat(this.enable_border ? "".concat(-6 + this.border.width, "px") : "-6px", ";\n          ");
               tippyRightArrowStyle = "\n          top:-50%;\n          border-width:16px 16px 16px 0;\n          ";
-              tippyBottomArrowAdjustment = "\n          top: -1px;\n          ";
+              tippyBottomArrowAdjustment = "\n          top:".concat(this.enable_border ? "".concat(-6 + this.border.width, "px") : "-6px", ";\n          ");
               tippyBottomArrowStyle = "\n          left:-50%;\n          border-width:0 16px 16px;\n          ";
-              tippyLeftArrowAdjustment = "\n          right: -16px;\n          ";
+              tippyLeftArrowAdjustment = "\n                              right:".concat(this.enable_border ? "".concat(-6 + this.border.width, "px") : "-6px", ";\n          ");
               tippyLeftArrowStyle = "\n          top:-50%;\n          border-width:16px 0 16px 16px;\n          ";
               break;
             default:
-              tippyTopArrowAdjustment = "\n                              bottom:".concat(this.enable_border && this.border.width > 5 ? "".concat(-15 + this.border.width - 5, "px") : "-15px", ";\n          ");
+              this.tippy_box_position = this.enable_border ? 11 - this.border.width : 11;
+              tippyTopArrowAdjustment = "\n                              bottom:".concat(this.enable_border ? "".concat(-11 + this.border.width, "px") : "-11px", ";\n          ");
               tippyTopArrowStyle = "\n          left:-50%;\n          border-width:16px 16px 0;\n          ";
-              tippyRightArrowAdjustment = "\n                              left:".concat(this.enable_border && this.border.width > 5 ? "".concat(-1 + this.border.width - 5, "px") : "-1px", ";\n          ");
+              tippyRightArrowAdjustment = "\n                              left:".concat(this.enable_border ? "".concat(-11 + this.border.width, "px") : "-11px", ";\n          ");
               tippyRightArrowStyle = "\n          top:-50%;\n          border-width:16px 16px 16px 0;\n          ";
-              tippyBottomArrowAdjustment = "\n                              top:".concat(this.enable_border && this.border.width > 5 ? "".concat(-5 + this.border.width - 5, "px") : "-5px", ";\n          ");
+              tippyBottomArrowAdjustment = "\n                              top:".concat(this.enable_border ? "".concat(-11 + this.border.width, "px") : "-11px", ";\n          ");
               tippyBottomArrowStyle = "\n          left:-50%;\n          border-width:0 16px 16px;\n          ";
-              tippyLeftArrowAdjustment = "\n                              right:".concat(this.enable_border && this.border.width > 4 ? "".concat(-20 + this.border.width - 4, "px") : "-20px", ";\n          ");
+              tippyLeftArrowAdjustment = "\n                              right:".concat(this.enable_border ? "".concat(-11 + this.border.width, "px") : "-11px", ";\n          ");
               tippyLeftArrowStyle = "\n          top:-50%;\n          border-width:16px 0 16px 16px;\n          ";
               break;
           }
@@ -14466,7 +14481,8 @@
           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          width:".concat(this.inline_width, ";\n          max-width:calc(100vw - ").concat(this.enable_arrow && this.arrow.enable_border ? this.arrow.border.width : 0, "px);\n        } \n       .tippy-box { \n          width:").concat(this.inline_width, ";\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 {\n          ").concat(tippyTopArrowAdjustment, "\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 {\n          ").concat(tippyBottomArrowAdjustment, "\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 {\n          ").concat(tippyLeftArrowAdjustment, "\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 {\n          ").concat(tippyRightArrowAdjustment, "\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       } \n       .tippy-arrow.open {\n          opacity:1;\n          visibility:visible;\n       }\n       .tippy-arrow:before{ \n          transform: scale(").concat(this.fontMultiplier, ");\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        width:").concat(this.inline_width, ";\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          width:".concat(this.inline_width, ";\n          max-width:calc(100vw - ").concat(this.enable_arrow && this.arrow.enable_border ? this.arrow.border.width : 0, "px);\n        } \n       .tippy-box { \n          width:").concat(this.inline_width, ";\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 {\n          ").concat(tippyTopArrowAdjustment, "\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 {\n          ").concat(tippyBottomArrowAdjustment, "\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 {\n          ").concat(tippyLeftArrowAdjustment, "\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 {\n          ").concat(tippyRightArrowAdjustment, "\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       } \n       .tippy-arrow.open {\n          opacity:1;\n          visibility:visible;\n       }\n       .tippy-arrow:before{ \n          transform: scale(").concat(this.fontMultiplier, ");\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        width:").concat(this.inline_width, ";\n          position:relative;\n          z-index:9998;\n       } \n      ").concat(animationStyles, "\n    ");
+        //padding: 0.3125rem 0.5625rem;    causing arrow distortion
         var tippyTheme = "\n       ".concat(tippyStyles, "\n    ");
         return tippyTheme;
         //transition:all .5s cubic-bezier(.96,.23,.07,.8);   // declaration in .tippy-arrow
@@ -14559,7 +14575,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.fWiS();
+        this.LKpH();
       }
 
       /**
@@ -14654,12 +14670,16 @@
             videoDiv.innerHTML = "".concat(this.video.embed.html);
             this.mediaContainer.appendChild(videoDiv);
           } else {
+            var _window$Apxor;
             var videoElement = document.createElement("video");
             videoElement.classList.add("apx-inline-video".concat(this.cssPostFix));
-            videoElement.controlsList = "noplaybackrate nodownload";
-            videoElement.disablePictureInPicture = true;
+            videoElement.controlsList = "noplaybackrate nodownload nofullscreen";
             videoElement.controls = true;
+            videoElement.disablePictureInPicture = true;
             videoElement.autoplay = true;
+            if (((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) === "ios") {
+              videoElement.playsInline = true;
+            }
             videoElement.muted = !this.video.enable_audio;
             var sourceElement = document.createElement("source");
             //Set the video tag attributes
@@ -14913,12 +14933,12 @@
           var closeButton = document.createElement("span");
           // Close button SVG is decided based on the type of the button in the config.
           if (this.close_button.type === CLOSE_BUTTON_STYLE.NORMAL) {
-            closeButton.innerHTML = getCloseSVG(this.close_button.width, this.close_button.height, this.close_button.color);
+            closeButton.innerHTML = getCloseSVG(this.close_button.width * this.fontMultiplier, this.close_button.height * this.fontMultiplier, this.close_button.color);
           } else if (this.close_button.type === CLOSE_BUTTON_STYLE.FILL) {
             if (this.close_button.shape === "circle") {
-              closeButton.innerHTML = getCloseWithCircleSVG(this.close_button.width, this.close_button.height, this.close_button.fill_color, this.close_button.color);
+              closeButton.innerHTML = getCloseWithCircleSVG(this.close_button.width * this.fontMultiplier, this.close_button.height * this.fontMultiplier, this.close_button.fill_color, this.close_button.color);
             } else {
-              closeButton.innerHTML = getCloseWithRectangleSVG(this.close_button.width, this.close_button.height, this.close_button.fill_color, this.close_button.color);
+              closeButton.innerHTML = getCloseWithRectangleSVG(this.close_button.width * this.fontMultiplier, this.close_button.height * this.fontMultiplier, this.close_button.fill_color, this.close_button.color);
             }
           } else {
             closeButton.innerHTML = "<img src=\"".concat(this.close_button.path, "\" width=\"").concat(this.close_button.width, "px\" height=\"").concat(this.close_button.height, "px\"></img>");
@@ -15249,22 +15269,49 @@
               var tippyStyleElementContent = document.querySelector("[apx-tooltip-styles]").innerHTML;
               //const tippyContent = document.querySelector(".tippy-content");
               var placement = tippyBox.getAttribute("data-placement");
-              var rootFontSize = parseFloat(window.getComputedStyle(document.documentElement).fontSize);
+              // var rootFontSize = parseFloat(
+              //   window.getComputedStyle(document.documentElement).fontSize
+              // );
+              _this12.tippy_box_position = _this12.enable_animation ? _this12.tippy_box_position - 10 : _this12.tippy_box_position;
+              _this12.tippy_box_position = _this12.set_font_to_scale && _this12.fontMultiplier > 1 ? _this12.tippy_box_position + 26 : _this12.tippy_box_position;
               if (placement === "left" || placement === "right") {
                 tippyRoot.style.top = "".concat(_this12.position.offset.skid, "px");
-                if (_this12.initial_data_placement !== placement) {
-                  tippyRoot.style.left = placement === "left" ? "".concat(-0.3125 * 2 * rootFontSize - (_this12.enable_animation ? 16 : 0), "px") : "".concat(0.3125 * 2 * rootFontSize + (_this12.enable_animation ? 10 : 0), "px");
-                }
+                tippyRoot.style.left = "".concat(placement === "left" ? -_this12.tippy_box_position : _this12.tippy_box_position, "px");
+                // if (this.initial_data_placement !== placement) {
+                //   tippyRoot.style.left =
+                //     placement === "left"
+                //       ? `${
+                //           -0.3125 * 2 * rootFontSize -
+                //           (this.enable_animation ? 16 : 0)
+                //         }px`
+                //       : `${
+                //           0.3125 * 2 * rootFontSize +
+                //           (this.enable_animation ? 10 : 0)
+                //         }px`;
+                // }
               } else if (placement === "top" || placement === "bottom") {
                 tippyRoot.style.left = "".concat(_this12.position.offset.skid, "px");
-                if (_this12.initial_data_placement !== placement) {
-                  tippyRoot.style.top = placement === "top" ? "".concat(-0.5625 * 2 * rootFontSize - (_this12.enable_animation ? 16 : 0), "px") : "".concat(0.5625 * 2 * rootFontSize + (_this12.enable_animation ? 10 : 0), "px");
-                }
+                tippyRoot.style.top = "".concat(placement === "bottom" ? _this12.tippy_box_position : -_this12.tippy_box_position, "px");
+                // if (this.initial_data_placement !== placement) {
+                //   tippyRoot.style.top =
+                //     placement === "top"
+                //       ? `${
+                //           -0.5625 * 2 * rootFontSize -
+                //           (this.enable_animation ? 16 : 0)
+                //         }px`
+                //       : `${
+                //           0.5625 * 2 * rootFontSize +
+                //           (this.enable_animation ? 10 : 0)
+                //         }px`;
+                // }
               }
+
               if (_this12.recent_placement !== placement) {
-                tippyStyleElementContent = tippyStyleElementContent.replace("@-webkit-keyframes ".concat(_this12.animation.type, " {\n          0% { transform: ").concat(translateDir(_this12.recent_placement, 0), "; }\n          50% { transform: ").concat(translateDir(_this12.recent_placement, 50), "; }\n          100% { transform: ").concat(translateDir(_this12.recent_placement, 100), "; }\n         }\n  \n         @keyframes ").concat(_this12.animation.type, " {\n          0% { transform: ").concat(translateDir(_this12.recent_placement, 0), "; }\n          50% { transform: ").concat(translateDir(_this12.recent_placement, 50), "; }\n          100% { transform: ").concat(translateDir(_this12.recent_placement, 100), "; }\n         }").replaceAll("\n", "").replace(/[\s]{2,999}/g, ""), "@-webkit-keyframes ".concat(_this12.animation.type, " {\n          0% { transform: ").concat(translateDir(placement, 0), "; }\n          50% { transform: ").concat(translateDir(placement, 50), "; }\n          100% { transform: ").concat(translateDir(placement, 100), "; }\n         }\n  \n         @keyframes ").concat(_this12.animation.type, " {\n          0% { transform: ").concat(translateDir(placement, 0), "; }\n          50% { transform: ").concat(translateDir(placement, 50), "; }\n          100% { transform: ").concat(translateDir(placement, 100), "; }\n         }").replaceAll("\n", "").replace(/[\s]{2,999}/g, ""));
-                document.querySelector("[apx-tooltip-styles]").innerHTML = tippyStyleElementContent;
-                _this12.recent_placement = placement;
+                if (_this12.enable_animation) {
+                  tippyStyleElementContent = tippyStyleElementContent.replace("@-webkit-keyframes ".concat(_this12.animation.type, " {\n                  0% { transform: ").concat(translateDir(_this12.recent_placement, 0), "; }\n                  50% { transform: ").concat(translateDir(_this12.recent_placement, 50), "; }\n                  100% { transform: ").concat(translateDir(_this12.recent_placement, 100), "; }\n                }\n                \n                @keyframes ").concat(_this12.animation.type, " {\n                  0% { transform: ").concat(translateDir(_this12.recent_placement, 0), "; }\n                  50% { transform: ").concat(translateDir(_this12.recent_placement, 50), "; }\n                  100% { transform: ").concat(translateDir(_this12.recent_placement, 100), "; }\n                }").replaceAll("\n", "").replace(/[\s]{2,999}/g, ""), "@-webkit-keyframes ".concat(_this12.animation.type, " {\n                  0% { transform: ").concat(translateDir(placement, 0), "; }\n                  50% { transform: ").concat(translateDir(placement, 50), "; }\n                  100% { transform: ").concat(translateDir(placement, 100), "; }\n                }\n                \n                @keyframes ").concat(_this12.animation.type, " {\n                  0% { transform: ").concat(translateDir(placement, 0), "; }\n                  50% { transform: ").concat(translateDir(placement, 50), "; }\n                  100% { transform: ").concat(translateDir(placement, 100), "; }\n                }").replaceAll("\n", "").replace(/[\s]{2,999}/g, ""));
+                  document.querySelector("[apx-tooltip-styles]").innerHTML = tippyStyleElementContent;
+                  _this12.recent_placement = placement;
+                }
               }
             };
             _this12.updateSkid();
@@ -15522,7 +15569,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "pxOH", function () {
+      _defineProperty(this, "AccS", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -15568,7 +15615,7 @@
        * @private
        * @description Get the response for Form content in the InApp modal.
        */
-      _defineProperty(this, "Bdvl", function (form_elements) {
+      _defineProperty(this, "arrC", function (form_elements) {
         var obj = {};
         var callback = "";
         form_elements.forEach(function (element) {
@@ -15608,7 +15655,7 @@
        * @private
        * @description Sets the marketing content at the end of the InApp
        */
-      _defineProperty(this, "fWiS", function () {
+      _defineProperty(this, "LKpH", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
@@ -15861,7 +15908,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.pxOH(), " \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.AccS(), " \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;
@@ -16338,7 +16385,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.fWiS();
+        this.LKpH();
       }
 
       /**
@@ -16410,12 +16457,16 @@
             videoDiv.innerHTML = "".concat(this.video.embed.html);
             this.mediaContainer.appendChild(videoDiv);
           } else {
+            var _window$Apxor;
             var videoElement = document.createElement("video");
             videoElement.classList.add("apx-inapp-video".concat(this.cssPostFix));
-            videoElement.controlsList = "noplaybackrate nodownload";
-            videoElement.disablePictureInPicture = true;
+            videoElement.controlsList = "noplaybackrate nodownload nofullscreen";
             videoElement.controls = true;
+            videoElement.disablePictureInPicture = true;
             videoElement.autoplay = true;
+            if (((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) === "ios") {
+              videoElement.playsInline = true;
+            }
             videoElement.muted = !this.video.enable_audio;
             var sourceElement = document.createElement("source");
             //Set the video tag attributes
@@ -16539,7 +16590,7 @@
           var form = document.querySelector(".apx-inapp-form-container".concat(this.cssPostFix));
           form.addEventListener("submit", function (e) {
             e.preventDefault();
-            var _this4$generateRespon = _this4.Bdvl(_this4.form.elements),
+            var _this4$generateRespon = _this4.arrC(_this4.form.elements),
               obj = _this4$generateRespon.obj,
               callback = _this4$generateRespon.callback;
             var evalString = "(obj)=>" + callback + "(obj)";
@@ -16852,7 +16903,7 @@
        * @function showVideoInApp
        * @description Shows the video InApp with the configured mode.
        */
-      _defineProperty(this, "UOWB", function () {
+      _defineProperty(this, "CXVQ", function () {
         _this.createPlayer();
         try {
           // In PIP mode, only after the video metadata is loaded, show the PIP.
@@ -16894,7 +16945,7 @@
             };
           } else {
             // As the video player is hidden by default, unhide if the mode is not PIP.
-            _this.VXvG();
+            _this.ZtjN();
           }
           _this.showCallback();
         } catch (e) {
@@ -16914,7 +16965,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, "zliy", function () {
+      _defineProperty(this, "uwcj", function () {
         var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video, 1),
           width = _getHeightWidthFromRe.width,
           height = _getHeightWidthFromRe.height;
@@ -16926,7 +16977,7 @@
        * @private
        * @description Removes the video player style element.
        */
-      _defineProperty(this, "zwkt", function () {
+      _defineProperty(this, "uSCp", function () {
         var playerStyles = document.getElementById("apx-mpl-styles");
         if (playerStyles) {
           playerStyles.remove();
@@ -16937,7 +16988,7 @@
        * @private
        * @description Attach listeners on the video controls
        */
-      _defineProperty(this, "Tazp", function () {
+      _defineProperty(this, "tFVB", 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");
@@ -17048,7 +17099,7 @@
        * @private
        * @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
        */
-      _defineProperty(this, "hitN", function () {
+      _defineProperty(this, "SbsY", 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,
@@ -17088,7 +17139,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, "FDtb", function () {
+      _defineProperty(this, "NmxX", function () {
         _this.enable_close_button;
         if (_this.enable_close_button) {
           var closeButton = document.createElement("span");
@@ -17135,21 +17186,21 @@
        * @function hideVideoPlayer
        * @description Sets the visibility of the video player to hidden.
        */
-      _defineProperty(this, "EILB", function () {
+      _defineProperty(this, "SJeU", function () {
         _this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function unhideVideoPlayer
        * @description Unhides video player.
        */
-      _defineProperty(this, "VXvG", function () {
+      _defineProperty(this, "ZtjN", function () {
         _this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function getVideoElement
        * @returns {HTMLElement} Video ekement
        */
-      _defineProperty(this, "rWQg", function () {
+      _defineProperty(this, "hjZT", function () {
         return _this.videoElement;
       });
       this.videoPlayer = null;
@@ -17201,7 +17252,7 @@
         this.videoPlayer.style.backgroundColor = this.bg_color;
 
         // Video has a resolution, not deviating from the resolution set the height and width.
-        this.zliy();
+        this.uwcj();
         //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.
@@ -17209,16 +17260,16 @@
         //Create a video element,set the source and add to the container.
         this._setPlayerContent();
         //Set the listeners on the video control buttons.
-        this.Tazp();
+        this.tFVB();
         //Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
-        this.hitN();
+        this.SbsY();
         //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.FDtb();
+        this.NmxX();
         //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.EILB();
+        this.SJeU();
         //If the auto dismiss is enabled, sets the timeout to call the InApp close.
         this._setAutoTerminate();
         document.body.appendChild(this.videoPlayer);
@@ -17284,6 +17335,7 @@
     }, {
       key: "_setPlayerContent",
       value: function _setPlayerContent() {
+        var _window$Apxor;
         // Create video element
         this.videoElement = document.createElement("video");
         this.videoElement.width = this.width;
@@ -17291,6 +17343,9 @@
         this.videoElement.style.objectFit = "fill";
         this.videoElement.controlsList = "nodownload";
         this.videoElement.controls = true;
+        if (((_window$Apxor = window.Apxor) === null || _window$Apxor === void 0 ? void 0 : _window$Apxor.platform) === "ios") {
+          this.videoElement.playsInline = true;
+        }
         // By default disable the PIP. This is a hack to remove the default PIP option.
         // We want to have our own PIP button. On click of that button PIP will be enabled.
         this.videoElement.disablePictureInPicture = true;
@@ -17328,7 +17383,7 @@
             }
           }
           this.videoPlayer.remove();
-          this.zwkt();
+          this.uSCp();
           if (closeButtonName !== "auto_dismiss") {
             window.Apxor.logAppEvent("apx_video_inapp_close_button_clicked", {
               message_name: this.name,
@@ -17396,7 +17451,7 @@
                 replayCount: _this3.replayCount
               });
               _this3.videoPlayer.remove();
-              _this3.zwkt();
+              _this3.uSCp();
               _this3.hideCallback();
             } catch (e) {
               console.log("Can't close the video player\n".concat(e));
@@ -17484,14 +17539,14 @@
   var RTM = /*#__PURE__*/_createClass(function RTM() {
     var _this = this;
     _classCallCheck(this, RTM);
-    _defineProperty(this, "Ihbh", {});
+    _defineProperty(this, "Lbzn", {});
     _defineProperty(this, "isShowingAction", false);
     _defineProperty(this, "currentAction", null);
-    _defineProperty(this, "SzQk", null);
-    _defineProperty(this, "version", 41);
+    _defineProperty(this, "slkw", null);
+    _defineProperty(this, "version", 51);
     _defineProperty(this, "isInitialised", false);
     _defineProperty(this, "_eventsInDynamicText", {});
-    _defineProperty(this, "WXYo", function () {
+    _defineProperty(this, "YILU", function () {
       _this.isInitialised = true;
       var oldPushState = history.pushState;
       history.pushState = function pushState() {
@@ -17516,7 +17571,7 @@
     });
     _defineProperty(this, "show", function (uiJson, duration, uuid, name) {
       if (!_this.isInitialised) {
-        _this.WXYo();
+        _this.YILU();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor, _window$Apxor$pageUnl;
@@ -17528,6 +17583,7 @@
           console.error("An action already being shown");
           return;
         }
+        uiJson = uiJson.split("\n").join("\\n");
         var ui_config = JSON.parse(uiJson);
         var terminationConfig = {};
         terminationConfig["auto_dismiss"] = duration > 0;
@@ -17576,15 +17632,28 @@
       }
     });
     _defineProperty(this, "showInApp", function (config, duration, configId, name) {
-      if (JSON.parse(config).layout_type === "videos") {
-        _this.createInAppVideo(config, duration, configId, name);
-      } else if (JSON.parse(config).layout_type === "modal") {
-        _this.createInAppModal(config, duration, configId, name);
+      try {
+        config = config.split("\n").join("\\n");
+        if (JSON.parse(config).layout_type === "videos") {
+          _this.createInAppVideo(config, duration, configId, name);
+        } else if (JSON.parse(config).layout_type === "modal") {
+          _this.createInAppModal(config, duration, configId, name);
+        }
+      } catch (e) {
+        var _window$Apxor2;
+        if (((_window$Apxor2 = window.Apxor) === null || _window$Apxor2 === void 0 ? void 0 : _window$Apxor2.platform) === "ios") {
+          var _window5, _window5$updateFlag;
+          (_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || (_window5$updateFlag = _window5.updateFlag) === null || _window5$updateFlag === void 0 || _window5$updateFlag.call(_window5, false, "IN_APP");
+        } else {
+          var _window6, _window6$updateFlag;
+          (_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.Apxor) === null || _window6 === void 0 || (_window6$updateFlag = _window6.updateFlag) === null || _window6$updateFlag === void 0 || _window6$updateFlag.call(_window6, "IN_APP", false);
+        }
+        console.error(e);
       }
     });
     _defineProperty(this, "removeAll", function () {
-      var _window5, _window5$updateFlag;
-      (_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || (_window5$updateFlag = _window5.updateFlag) === null || _window5$updateFlag === void 0 || _window5$updateFlag.call(_window5, false);
+      var _window7, _window7$updateFlag;
+      (_window7 = window) === null || _window7 === void 0 || (_window7 = _window7.Apxor) === null || _window7 === void 0 || (_window7$updateFlag = _window7.updateFlag) === null || _window7$updateFlag === void 0 || _window7$updateFlag.call(_window7, false);
       if (_this.currentAction !== null && _this.currentAction !== undefined) {
         _this.isShowingAction = false;
         try {
@@ -17598,34 +17667,34 @@
       var terminationConfig = {};
       terminationConfig["auto_dismiss"] = duration > 0;
       terminationConfig["duration"] = duration;
-      _this.SzQk = new InLineTooltip(ui_config, [], [], terminationConfig, {
+      _this.slkw = new InLineTooltip(ui_config, [], [], terminationConfig, {
         configId: uuid,
         configName: name
       }, _this, function () {
         _this.isShowingAction = true;
         if (window.Apxor && window.Apxor.logActionEvent) {
-          var _window6, _window6$updateFlag;
-          (_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.Apxor) === null || _window6 === void 0 || (_window6$updateFlag = _window6.updateFlag) === null || _window6$updateFlag === void 0 || _window6$updateFlag.call(_window6, true);
+          var _window8, _window8$updateFlag;
+          (_window8 = window) === null || _window8 === void 0 || (_window8 = _window8.Apxor) === null || _window8 === void 0 || (_window8$updateFlag = _window8.updateFlag) === null || _window8$updateFlag === void 0 || _window8$updateFlag.call(_window8, true);
           window.Apxor.logActionEvent("inline_shown", uuid, name);
           if (ui_config !== null && ui_config !== void 0 && ui_config.is_preview) {
             setTimeout(function () {
-              var _window7, _window7$logInternalE;
-              (_window7 = window) === null || _window7 === void 0 || (_window7 = _window7.Apxor) === null || _window7 === void 0 || (_window7$logInternalE = _window7.logInternalEvent) === null || _window7$logInternalE === void 0 || _window7$logInternalE.call(_window7, "capt");
+              var _window9, _window9$logInternalE;
+              (_window9 = window) === null || _window9 === void 0 || (_window9 = _window9.Apxor) === null || _window9 === void 0 || (_window9$logInternalE = _window9.logInternalEvent) === null || _window9$logInternalE === void 0 || _window9$logInternalE.call(_window9, "capt");
             }, 500);
           }
         }
       }, function (isCancelled) {
-        var _window8, _window8$updateFlag;
+        var _window10, _window10$updateFlag;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.SzQk = null;
-        (_window8 = window) === null || _window8 === void 0 || (_window8 = _window8.Apxor) === null || _window8 === void 0 || (_window8$updateFlag = _window8.updateFlag) === null || _window8$updateFlag === void 0 || _window8$updateFlag.call(_window8, false);
+        _this.slkw = null;
+        (_window10 = window) === null || _window10 === void 0 || (_window10 = _window10.Apxor) === null || _window10 === void 0 || (_window10$updateFlag = _window10.updateFlag) === null || _window10$updateFlag === void 0 || _window10$updateFlag.call(_window10, false);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
         }
       }, function () {}, false, 0);
       setTimeout(function () {
-        _this.SzQk.createNewTooltip();
+        _this.slkw.createNewTooltip();
       }, ui_config.delay);
     });
     _defineProperty(this, "createInAppVideo", function (config, duration, configId, name) {
@@ -17642,20 +17711,20 @@
       var VideoInAppInstance = new VideoInApp(videoConfig, terminationConfig, configId, name, function () {
         _this.isShowingAction = true;
         if (window.Apxor && window.Apxor.logActionEvent) {
-          var _window9, _window9$updateFlag;
-          (_window9 = window) === null || _window9 === void 0 || (_window9 = _window9.Apxor) === null || _window9 === void 0 || (_window9$updateFlag = _window9.updateFlag) === null || _window9$updateFlag === void 0 || _window9$updateFlag.call(_window9, true);
+          var _window11, _window11$updateFlag;
+          (_window11 = window) === null || _window11 === void 0 || (_window11 = _window11.Apxor) === null || _window11 === void 0 || (_window11$updateFlag = _window11.updateFlag) === null || _window11$updateFlag === void 0 || _window11$updateFlag.call(_window11, true);
           window.Apxor.logActionEvent("inapp_shown", configId, name);
         }
       }, function () {
-        var _window10, _window10$updateFlag;
+        var _window12, _window12$updateFlag;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        (_window10 = window) === null || _window10 === void 0 || (_window10 = _window10.Apxor) === null || _window10 === void 0 || (_window10$updateFlag = _window10.updateFlag) === null || _window10$updateFlag === void 0 || _window10$updateFlag.call(_window10, false);
+        (_window12 = window) === null || _window12 === void 0 || (_window12 = _window12.Apxor) === null || _window12 === void 0 || (_window12$updateFlag = _window12.updateFlag) === null || _window12$updateFlag === void 0 || _window12$updateFlag.call(_window12, false);
         if (window.Apxor && window.Apxor.logActionEvent) {
           window.Apxor.logActionEvent("inapp_dismissed", configId, name);
         }
       });
-      VideoInAppInstance.UOWB();
+      VideoInAppInstance.CXVQ();
     });
     /**
      * Creates a modal for the given config and displays it.
@@ -17674,12 +17743,18 @@
       var inappModal = new ModalInApp(config, terminationConfig, configId, name, function () {
         _this.isShowingAction = true;
         if (window.Apxor && window.Apxor.logActionEvent) {
-          var _window11, _window11$updateFlag;
-          (_window11 = window) === null || _window11 === void 0 || (_window11 = _window11.Apxor) === null || _window11 === void 0 || (_window11$updateFlag = _window11.updateFlag) === null || _window11$updateFlag === void 0 || _window11$updateFlag.call(_window11, "IN_APP", true);
+          var _window$Apxor3;
+          if (((_window$Apxor3 = window.Apxor) === null || _window$Apxor3 === void 0 ? void 0 : _window$Apxor3.platform) === "ios") {
+            var _window13, _window13$updateFlag;
+            (_window13 = window) === null || _window13 === void 0 || (_window13 = _window13.Apxor) === null || _window13 === void 0 || (_window13$updateFlag = _window13.updateFlag) === null || _window13$updateFlag === void 0 || _window13$updateFlag.call(_window13, true, "IN_APP");
+          } else {
+            var _window14, _window14$updateFlag;
+            (_window14 = window) === null || _window14 === void 0 || (_window14 = _window14.Apxor) === null || _window14 === void 0 || (_window14$updateFlag = _window14.updateFlag) === null || _window14$updateFlag === void 0 || _window14$updateFlag.call(_window14, "IN_APP", true);
+          }
           window.Apxor.logActionEvent("inapp_shown", configId, name);
         }
       }, function (backgroundDiv, action) {
-        var _dialogContent$classL, _window12, _window12$updateFlag;
+        var _dialogContent$classL, _window$Apxor4;
         var cssClass = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ".apx-dlg-c";
         var closeListener = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
         var redirectionListener = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
@@ -17690,7 +17765,13 @@
         // setTimeout(() => {
         backgroundDiv.remove();
         _this.isShowingAction = false;
-        (_window12 = window) === null || _window12 === void 0 || (_window12 = _window12.Apxor) === null || _window12 === void 0 || (_window12$updateFlag = _window12.updateFlag) === null || _window12$updateFlag === void 0 || _window12$updateFlag.call(_window12, "IN_APP", false);
+        if (((_window$Apxor4 = window.Apxor) === null || _window$Apxor4 === void 0 ? void 0 : _window$Apxor4.platform) === "ios") {
+          var _window15, _window15$updateFlag;
+          (_window15 = window) === null || _window15 === void 0 || (_window15 = _window15.Apxor) === null || _window15 === void 0 || (_window15$updateFlag = _window15.updateFlag) === null || _window15$updateFlag === void 0 || _window15$updateFlag.call(_window15, false, "IN_APP");
+        } else {
+          var _window16, _window16$updateFlag;
+          (_window16 = window) === null || _window16 === void 0 || (_window16 = _window16.Apxor) === null || _window16 === void 0 || (_window16$updateFlag = _window16.updateFlag) === null || _window16$updateFlag === void 0 || _window16$updateFlag.call(_window16, "IN_APP", false);
+        }
         _this.currentAction = null;
         if (window.Apxor && window.Apxor.logActionEvent && !(action == "cancel" || action == "redirect")) {
           window.Apxor.logActionEvent("inapp_dismissed", configId, name);