apxor-rtm-ui 0.4.0 → 0.4.1

package/dist/apxor.rtm.js.bak

@@ -7777,7 +7777,7 @@
       // dummySpan.style.display = "none";
       var styleElement = document.createElement("style");
       styleElement.setAttribute("id", "apxor-style-" + configId + "-step-" + index);
-      styleElement.innerHTML = "\n    #shepherdModalOverlayContainer {\n      -ms-filter: \"progid:dximagetransform.microsoft.gradient.alpha(Opacity=50)\";\n      filter: alpha(opacity=50);height: 100vh;left: 0;opacity: ".concat(dim_background_opacity !== null && dim_background_opacity !== void 0 ? dim_background_opacity : 0.5, ";position: fixed;\n      top: 0;transition: all .3s ease-out;width: 100vw;z-index: 9997;fill: ").concat(dim_background_color !== null && dim_background_color !== void 0 ? dim_background_color : "transparent", "\n    }\n    #shepherdModalOverlayContainer #shepherdModalMask, #shepherdModalOverlayContainer #shepherdModalMaskRect {\n      height: 100vh;width: 100vw\n    }\n    .shepherd-modal.shepherd-enabled {\n      position: relative;z-index: 9998\n    }\n    .shepherd-active.shepherd-modal-is-visible :not(.shepherd-target) {\n      pointer-events: none\n    }\n    .shepherd-active.shepherd-modal-is-visible .shepherd-button, .shepherd-active.shepherd-modal-is-visible .shepherd-button *, .shepherd-active.shepherd-modal-is-visible .shepherd-cancel-link, .shepherd-active.shepherd-modal-is-visible .shepherd-cancel-link *, .shepherd-active.shepherd-modal-is-visible .shepherd-element, .shepherd-active.shepherd-modal-is-visible .shepherd-element *, .shepherd-active.shepherd-modal-is-visible .shepherd-target, .shepherd-active.shepherd-modal-is-visible .shepherd-target * {\n      pointer-events: auto\n    }\n    .tippy-popper.shepherd {\n      z-index: 999999\n    }\n    .tippy-popper.shepherd[x-placement^=top] {\n      margin-top: 0px\n    }\n    .tippy-popper.shepherd[x-placement^=bottom] {\n      margin-top: 8px\n    }\n    .tippy-popper.shepherd[x-placement^=left] {\n      margin-right: 0px\n    }\n    .tippy-popper.shepherd[x-placement^=right] {\n      margin-left: 0px\n    }\n    .tippy-popper.shepherd .tippy-tooltip .tippy-content {\n      max-height: 100%;padding-top:0px;padding-bottom:0px;text-align: left;max-width: calc(").concat(Math.ceil(fontMultiplier * 400), "px); overflow-wrap: break-word;\n    }\n    .shepherd-element, .shepherd-element *, .shepherd-element:after, .shepherd-element :after, .shepherd-element:before, .shepherd-element :before {\n      box-sizing: border-box\n    }\n    .shepherd-element {\n      outline: none;\n    }\n    .shepherd-element .shepherd-content header {\n      border-top-left-radius: 5px;border-top-right-radius: 5px;\n      line-height: 2em;").concat(show_close_icon ? "padding: .75em;" : "", "\n      background: ").concat(bg_color, ";\n    }\n    .shepherd-element .shepherd-content header:after {\n      clear: both;content: \"\";display: table\n    }\n    .shepherd-element .shepherd-content header .shepherd-cancel-link, .shepherd-element .shepherd-content header .shepherd-title {\n      margin: 0;padding: 0;position: relative;vertical-align: middle\n    }\n\n    .shepherd-element .shepherd-content header .shepherd-cancel-link {\n      color: hsla(0, 0%, 70.2%, .75);font-size: 2em;margin-left: auto;\n      text-decoration: none;transition: color .5s ease\n    }\n    .shepherd-element .shepherd-content header .shepherd-cancel-link:before {\n      mix-blend-mode: screen;content: \"\xD7\"\n    }\n    .shepherd-element .shepherd-content header .shepherd-cancel-link:hover {\n      mix-blend-mode: difference;\n    }\n    .shepherd-element .shepherd-content .shepherd-text {\n      text-align:").concat(text_alignment, ";\n      line-height: 1em;\n      padding:14px\n    }\n    .shepherd-element .shepherd-content .shepherd-text a,\n    .shepherd-element .shepherd-content .shepherd-text a:active,\n    .shepherd-element .shepherd-content .shepherd-text a:visited {\n      border-bottom: 1px dotted rgba(0, 0, 0, .75);color: ").concat(textContentCSS["color"], ";\n      opacity: 0.75;text-decoration: none\n    }\n    .shepherd-element .shepherd-content .shepherd-text a:active:hover, \n    .shepherd-element .shepherd-content .shepherd-text a:hover,\n    .shepherd-element .shepherd-content .shepherd-text a:visited:hover {\n      border-bottom-style: solid\n    }\n    .shepherd-element .shepherd-content .shepherd-text p {\n      margin-top: 0\n    }\n    .shepherd-element .shepherd-content .shepherd-text p:last-child {\n      margin-bottom: 0\n    }\n    .shepherd-content > .shepherd-text p {\n      font-size:  ").concat(textContentCSS["fontSize"], "px;font-family: ").concat(textContentCSS["fontFamily"], "; \n      font-weight: ").concat(textContentCSS["fontStyle"] !== "bold" ? "normal" : textContentCSS["fontStyle"], ";\n      font-style: ").concat(textContentCSS["fontStyle"] === "italic" ? "italic" : "unset", ";\n      color: ").concat(textContentCSS["color"], ";line-height:\n      ").concat(textContentCSS["fontSize"], "px;letter-spacing:0.01em;\n    }\n\n    @-webkit-keyframes cycle {\n      0% { transform: ").concat(translateDir(position, 0), "; }\n      50% { transform: ").concat(translateDir(position, 50), "; }\n      100% { transform: ").concat(translateDir(position, 100), "; }\n    }\n    @keyframes cycle {\n      0% { transform: ").concat(translateDir(position, 0), "; }\n      50% { transform: ").concat(translateDir(position, 50), "; }\n      100% { transform: ").concat(translateDir(position, 100), "; }\n    }\n    .tippy-tooltip.apxor-").concat(configId, "-step-").concat(index, "-theme {\n       animation :").concat(animation["enabled"] ? animation["type"] + " " + animation["duration"] + "ms" : "none", ";\n      animation-timing-function: ease-in-out;animation-iteration-count: infinite;\n      box-shadow: ").concat(show_shadow ? shadow : "none", ";color: ").concat(textContentCSS["color"], ";\n      opacity: ").concat(opacity, ";border-radius: ").concat(tooltipCSS["border-radius"] + "px", ";\n      background-color: ").concat(tooltipCSS["background"], ";").concat(getPropertyFrom(position), ";\n    }\n    .apxor-").concat(configId, "-step-").concat(index, "-theme  .tippy-roundarrow {\n      fill: ").concat(tooltipCSS["background"], ";\n    }\n    .tippy-tooltip[data-placement^='top'] .tippy-arrow {\n      border-top-color: ").concat(tooltipCSS["background"], ";\n    }\n    .tippy-tooltip[data-placement^='bottom'] .tippy-arrow {\n      border-bottom-color: ").concat(tooltipCSS["background"], ";\n    }\n    .tippy-tooltip[data-placement^='left'] .tippy-arrow {\n      border-left-color: ").concat(tooltipCSS["background"], ";\n    }\n    .tippy-tooltip[data-placement^='right'] .tippy-arrow {\n      border-right-color: ").concat(tooltipCSS["background"], ";\n    }\n    .shepherd-element .shepherd-content footer .shepherd-button {\n      display: inline-block;\n      vertical-align: middle;\n      border: 0;border-radius: 3px;cursor: pointer;font-family: inherit;\n      font-size: .8em;letter-spacing: .01em;line-height: 18px;margin-right: 12px;\n      padding: 8px 16px;text-transform: none;transition: all .5s ease\n    }\n    .shepherd-element .shepherd-content footer {\n      border-bottom-left-radius: 5px;\n      border-bottom-right-radius: 5px;\n      display: flex;\n      flex-direction:").concat(button_direction === DIRECTION.HORIZONTAL ? "row" : "column", ";\n  \n      align-items:center;\n      justify-content: ").concat(button_direction === DIRECTION.HORIZONTAL ? getButtonPosition(button_position) : "space-evenly", ";\n      padding: 0 .8em .8em;\n      background: ").concat(bg_color, ";\n    }\n      ");
+      styleElement.innerHTML = "\n    #shepherdModalOverlayContainer {\n      -ms-filter: \"progid:dximagetransform.microsoft.gradient.alpha(Opacity=50)\";\n      filter: alpha(opacity=50);height: 100vh;left: 0;opacity: ".concat(dim_background_opacity !== null && dim_background_opacity !== void 0 ? dim_background_opacity : 0.5, ";position: fixed;\n      top: 0;transition: all .3s ease-out;width: 100vw;z-index: 9997;fill: ").concat(dim_background_color !== null && dim_background_color !== void 0 ? dim_background_color : "transparent", "\n    }\n    #shepherdModalOverlayContainer #shepherdModalMask, #shepherdModalOverlayContainer #shepherdModalMaskRect {\n      height: 100vh;width: 100vw\n    }\n    .shepherd-modal.shepherd-enabled {\n      position: relative;z-index: 9998\n    }\n    .shepherd-active.shepherd-modal-is-visible :not(.shepherd-target) {\n      pointer-events: none\n    }\n    .shepherd-active.shepherd-modal-is-visible .shepherd-button, .shepherd-active.shepherd-modal-is-visible .shepherd-button *, .shepherd-active.shepherd-modal-is-visible .shepherd-cancel-link, .shepherd-active.shepherd-modal-is-visible .shepherd-cancel-link *, .shepherd-active.shepherd-modal-is-visible .shepherd-element, .shepherd-active.shepherd-modal-is-visible .shepherd-element *, .shepherd-active.shepherd-modal-is-visible .shepherd-target, .shepherd-active.shepherd-modal-is-visible .shepherd-target * {\n      pointer-events: auto\n    }\n    .tippy-popper.shepherd {\n      z-index: 999999\n    }\n    .tippy-popper.shepherd[x-placement^=top] {\n      margin-top: 0px\n    }\n    .tippy-popper.shepherd[x-placement^=bottom] {\n      margin-top: 8px\n    }\n    .tippy-popper.shepherd[x-placement^=left] {\n      margin-right: 0px\n    }\n    .tippy-popper.shepherd[x-placement^=right] {\n      margin-left: 0px\n    }\n    .tippy-popper.shepherd .tippy-tooltip .tippy-content {\n      max-height: 100%;padding-top:0px;padding-bottom:0px;text-align: left;max-width: calc(").concat(Math.ceil(fontMultiplier * 400), "px); overflow-wrap: break-word;\n    }\n    .shepherd-element, .shepherd-element *, .shepherd-element:after, .shepherd-element :after, .shepherd-element:before, .shepherd-element :before {\n      box-sizing: border-box\n    }\n    .shepherd-element {\n      outline: none;\n    }\n    .shepherd-element .shepherd-content header {\n      border-top-left-radius: 5px;border-top-right-radius: 5px;\n      line-height: 2em;").concat(show_close_icon ? "padding: .75em;" : "", "\n      background: ").concat(bg_color, ";\n      box-shadow: none;\n    }\n    .shepherd-element .shepherd-content header:after {\n      clear: both;content: \"\";display: table\n    }\n    .shepherd-element .shepherd-content header .shepherd-cancel-link, .shepherd-element .shepherd-content header .shepherd-title {\n      margin: 0;padding: 0;position: relative;vertical-align: middle\n    }\n\n    .shepherd-element .shepherd-content header .shepherd-cancel-link {\n      color: hsla(0, 0%, 70.2%, .75);font-size: 2em;margin-left: auto;\n      text-decoration: none;transition: color .5s ease\n    }\n    .shepherd-element .shepherd-content header .shepherd-cancel-link:before {\n      mix-blend-mode: screen;content: \"\xD7\"\n    }\n    .shepherd-element .shepherd-content header .shepherd-cancel-link:hover {\n      mix-blend-mode: difference;\n    }\n    .shepherd-element .shepherd-content .shepherd-text {\n      text-align:").concat(text_alignment, ";\n      line-height: 1em;\n      padding:14px\n    }\n    .shepherd-element .shepherd-content .shepherd-text a,\n    .shepherd-element .shepherd-content .shepherd-text a:active,\n    .shepherd-element .shepherd-content .shepherd-text a:visited {\n      border-bottom: 1px dotted rgba(0, 0, 0, .75);color: ").concat(textContentCSS["color"], ";\n      opacity: 0.75;text-decoration: none\n    }\n    .shepherd-element .shepherd-content .shepherd-text a:active:hover, \n    .shepherd-element .shepherd-content .shepherd-text a:hover,\n    .shepherd-element .shepherd-content .shepherd-text a:visited:hover {\n      border-bottom-style: solid\n    }\n    .shepherd-element .shepherd-content .shepherd-text p {\n      margin-top: 0\n    }\n    .shepherd-element .shepherd-content .shepherd-text p:last-child {\n      margin-bottom: 0\n    }\n    .shepherd-content > .shepherd-text p {\n      font-size:  ").concat(textContentCSS["fontSize"], "px;font-family: ").concat(textContentCSS["fontFamily"], "; \n      font-weight: ").concat(textContentCSS["fontStyle"] !== "bold" ? "normal" : textContentCSS["fontStyle"], ";\n      font-style: ").concat(textContentCSS["fontStyle"] === "italic" ? "italic" : "unset", ";\n      color: ").concat(textContentCSS["color"], ";line-height:\n      ").concat(textContentCSS["fontSize"], "px;letter-spacing:0.01em;\n    }\n\n    @-webkit-keyframes cycle {\n      0% { transform: ").concat(translateDir(position, 0), "; }\n      50% { transform: ").concat(translateDir(position, 50), "; }\n      100% { transform: ").concat(translateDir(position, 100), "; }\n    }\n    @keyframes cycle {\n      0% { transform: ").concat(translateDir(position, 0), "; }\n      50% { transform: ").concat(translateDir(position, 50), "; }\n      100% { transform: ").concat(translateDir(position, 100), "; }\n    }\n    .tippy-tooltip.apxor-").concat(configId, "-step-").concat(index, "-theme {\n       animation :").concat(animation["enabled"] ? animation["type"] + " " + animation["duration"] + "ms" : "none", ";\n      animation-timing-function: ease-in-out;animation-iteration-count: infinite;\n      box-shadow: ").concat(show_shadow ? shadow : "none", ";color: ").concat(textContentCSS["color"], ";\n      opacity: ").concat(opacity, ";border-radius: ").concat(tooltipCSS["border-radius"] + "px", ";\n      background-color: ").concat(tooltipCSS["background"], ";").concat(getPropertyFrom(position), ";\n    }\n    .apxor-").concat(configId, "-step-").concat(index, "-theme  .tippy-roundarrow {\n      fill: ").concat(tooltipCSS["background"], ";\n    }\n    .tippy-tooltip[data-placement^='top'] .tippy-arrow {\n      border-top-color: ").concat(tooltipCSS["background"], ";\n    }\n    .tippy-tooltip[data-placement^='bottom'] .tippy-arrow {\n      border-bottom-color: ").concat(tooltipCSS["background"], ";\n    }\n    .tippy-tooltip[data-placement^='left'] .tippy-arrow {\n      border-left-color: ").concat(tooltipCSS["background"], ";\n    }\n    .tippy-tooltip[data-placement^='right'] .tippy-arrow {\n      border-right-color: ").concat(tooltipCSS["background"], ";\n    }\n    .shepherd-element .shepherd-content footer .shepherd-button {\n      display: inline-block;\n      vertical-align: middle;\n      border: 0;border-radius: 3px;cursor: pointer;font-family: inherit;\n      font-size: .8em;letter-spacing: .01em;line-height: 18px;margin-right: 12px;\n      padding: 8px 16px;text-transform: none;transition: all .5s ease\n    }\n    .shepherd-element .shepherd-content footer {\n      border-bottom-left-radius: 5px;\n      border-bottom-right-radius: 5px;\n      display: flex;\n      flex-direction:").concat(button_direction === DIRECTION.HORIZONTAL ? "row" : "column", ";\n  \n      align-items:center;\n      justify-content: ").concat(button_direction === DIRECTION.HORIZONTAL ? getButtonPosition(button_position) : "space-evenly", ";\n      padding: 0 .8em .8em;\n      background: ").concat(bg_color, ";\n    }\n      ");
       if (Object.keys(title_config).length > 0) {
         //display: flex;
         //padding: .7em;
@@ -7884,6 +7884,14 @@
       targetElement.removeEventListener("click", clickListener);
     };
     var scrolledToView = false;
+    if (isElementInViewport(targetElement)) {
+      if (isElementCovered(targetElement)) {
+        var _window3, _window3$updateFlag;
+        console.info("The tooltip is not visible because another element is overlapping the target element.");
+        (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.Apxor) === null || _window3 === void 0 || (_window3$updateFlag = _window3.updateFlag) === null || _window3$updateFlag === void 0 || _window3$updateFlag.call(_window3, false);
+        return;
+      }
+    }
 
     // Add MutationObserver to the target element
     var targetDeletionObserver = new MutationObserver(function () {
@@ -7910,6 +7918,12 @@
       }
       if (elementInViewPort) {
         scrolledToView = true;
+        if (isElementCovered(targetElement)) {
+          var _window4, _window4$updateFlag;
+          console.info("The tooltip is not visible because another element is overlapping the target element.");
+          (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.Apxor) === null || _window4 === void 0 || (_window4$updateFlag = _window4.updateFlag) === null || _window4$updateFlag === void 0 || _window4$updateFlag.call(_window4, false);
+          return;
+        }
       }
     });
     if (dismiss_outside_touch === true) {
@@ -7951,12 +7965,12 @@
         escapeWithReference: escapeWithReference,
         theme: "apxor-".concat(configId, "-step-").concat(index),
         onShow: function onShow() {
-          var _window3, _window3$updateFlag;
-          (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.Apxor) === null || _window3 === void 0 || (_window3$updateFlag = _window3.updateFlag) === null || _window3$updateFlag === void 0 || _window3$updateFlag.call(_window3, true);
+          var _window5, _window5$updateFlag;
+          (_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || (_window5$updateFlag = _window5.updateFlag) === null || _window5$updateFlag === void 0 || _window5$updateFlag.call(_window5, true);
           window.Apxor.logActionEvent("inline_shown", configId, configName);
           if (is_preview) setTimeout(function () {
-            var _window4, _window4$logInternalE;
-            (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.Apxor) === null || _window4 === void 0 || (_window4$logInternalE = _window4.logInternalEvent) === null || _window4$logInternalE === void 0 || _window4$logInternalE.call(_window4, "capt");
+            var _window6, _window6$logInternalE;
+            (_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.Apxor) === null || _window6 === void 0 || (_window6$logInternalE = _window6.logInternalEvent) === null || _window6$logInternalE === void 0 || _window6$logInternalE.call(_window6, "capt");
           }, 500);
           window.Apxor.updateCount(configId);
           rtmInstance.isShowingAction = true;
@@ -8015,10 +8029,6 @@
           console.warn("Width and height are 0 for: ", view_id, ". Can't show");
           return;
         }
-        if (isElementCovered(element)) {
-          console.info("The tooltip is not visible because another element is overlapping the target element.");
-          return;
-        }
       } catch (e) {
         console.error(e);
       }
@@ -8080,7 +8090,11 @@
         ApxorWalkthroughTour.complete();
       }, delay + terminationConfig["duration"]);
     }
-    return ApxorWalkthroughTour.complete;
+    var dismiss_callback = function dismiss_callback() {
+      window.Apxor.logActionEvent("inline_dismissed", messageConfig.configId, messageConfig.configName);
+      ApxorWalkthroughTour.complete();
+    };
+    return dismiss_callback;
   };
 
   var DEFAULT_PADDING = 5;
@@ -13162,7 +13176,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "doHz", function () {
+      _defineProperty(this, "pxOH", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -13181,7 +13195,7 @@
        * @private
        * @description Sets the marketing content at the end of the Inline
        */
-      _defineProperty(this, "rIoA", function () {
+      _defineProperty(this, "fWiS", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inline-marketing".concat(_this.cssPostFix));
@@ -13742,7 +13756,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.doHz(), "\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.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 styleNode = document.createElement("style");
         styleNode.setAttribute("apx-tooltip-styles", "");
         styleNode.innerHTML = styles;
@@ -14545,7 +14559,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.rIoA();
+        this.fWiS();
       }
 
       /**
@@ -15508,7 +15522,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "doHz", function () {
+      _defineProperty(this, "pxOH", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -15554,7 +15568,7 @@
        * @private
        * @description Get the response for Form content in the InApp modal.
        */
-      _defineProperty(this, "cePq", function (form_elements) {
+      _defineProperty(this, "Bdvl", function (form_elements) {
         var obj = {};
         var callback = "";
         form_elements.forEach(function (element) {
@@ -15594,7 +15608,7 @@
        * @private
        * @description Sets the marketing content at the end of the InApp
        */
-      _defineProperty(this, "rIoA", function () {
+      _defineProperty(this, "fWiS", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
@@ -15847,7 +15861,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.doHz(), " \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.pxOH(), " \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;
@@ -16324,7 +16338,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.rIoA();
+        this.fWiS();
       }
 
       /**
@@ -16525,7 +16539,7 @@
           var form = document.querySelector(".apx-inapp-form-container".concat(this.cssPostFix));
           form.addEventListener("submit", function (e) {
             e.preventDefault();
-            var _this4$generateRespon = _this4.cePq(_this4.form.elements),
+            var _this4$generateRespon = _this4.Bdvl(_this4.form.elements),
               obj = _this4$generateRespon.obj,
               callback = _this4$generateRespon.callback;
             var evalString = "(obj)=>" + callback + "(obj)";
@@ -16838,7 +16852,7 @@
        * @function showVideoInApp
        * @description Shows the video InApp with the configured mode.
        */
-      _defineProperty(this, "kIKS", function () {
+      _defineProperty(this, "UOWB", function () {
         _this.createPlayer();
         try {
           // In PIP mode, only after the video metadata is loaded, show the PIP.
@@ -16880,7 +16894,7 @@
             };
           } else {
             // As the video player is hidden by default, unhide if the mode is not PIP.
-            _this.Lmfb();
+            _this.VXvG();
           }
           _this.showCallback();
         } catch (e) {
@@ -16900,7 +16914,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, "hLDl", function () {
+      _defineProperty(this, "zliy", function () {
         var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video, 1),
           width = _getHeightWidthFromRe.width,
           height = _getHeightWidthFromRe.height;
@@ -16912,7 +16926,7 @@
        * @private
        * @description Removes the video player style element.
        */
-      _defineProperty(this, "Oxfr", function () {
+      _defineProperty(this, "zwkt", function () {
         var playerStyles = document.getElementById("apx-mpl-styles");
         if (playerStyles) {
           playerStyles.remove();
@@ -16923,7 +16937,7 @@
        * @private
        * @description Attach listeners on the video controls
        */
-      _defineProperty(this, "JuPs", function () {
+      _defineProperty(this, "Tazp", 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");
@@ -17034,7 +17048,7 @@
        * @private
        * @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
        */
-      _defineProperty(this, "GBDb", function () {
+      _defineProperty(this, "hitN", 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,
@@ -17074,7 +17088,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, "MRUu", function () {
+      _defineProperty(this, "FDtb", function () {
         _this.enable_close_button;
         if (_this.enable_close_button) {
           var closeButton = document.createElement("span");
@@ -17121,21 +17135,21 @@
        * @function hideVideoPlayer
        * @description Sets the visibility of the video player to hidden.
        */
-      _defineProperty(this, "baBn", function () {
+      _defineProperty(this, "EILB", function () {
         _this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function unhideVideoPlayer
        * @description Unhides video player.
        */
-      _defineProperty(this, "Lmfb", function () {
+      _defineProperty(this, "VXvG", function () {
         _this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function getVideoElement
        * @returns {HTMLElement} Video ekement
        */
-      _defineProperty(this, "CkwO", function () {
+      _defineProperty(this, "rWQg", function () {
         return _this.videoElement;
       });
       this.videoPlayer = null;
@@ -17187,7 +17201,7 @@
         this.videoPlayer.style.backgroundColor = this.bg_color;
 
         // Video has a resolution, not deviating from the resolution set the height and width.
-        this.hLDl();
+        this.zliy();
         //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.
@@ -17195,16 +17209,16 @@
         //Create a video element,set the source and add to the container.
         this._setPlayerContent();
         //Set the listeners on the video control buttons.
-        this.JuPs();
+        this.Tazp();
         //Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
-        this.GBDb();
+        this.hitN();
         //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.MRUu();
+        this.FDtb();
         //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.baBn();
+        this.EILB();
         //If the auto dismiss is enabled, sets the timeout to call the InApp close.
         this._setAutoTerminate();
         document.body.appendChild(this.videoPlayer);
@@ -17314,7 +17328,7 @@
             }
           }
           this.videoPlayer.remove();
-          this.Oxfr();
+          this.zwkt();
           if (closeButtonName !== "auto_dismiss") {
             window.Apxor.logAppEvent("apx_video_inapp_close_button_clicked", {
               message_name: this.name,
@@ -17382,7 +17396,7 @@
                 replayCount: _this3.replayCount
               });
               _this3.videoPlayer.remove();
-              _this3.Oxfr();
+              _this3.zwkt();
               _this3.hideCallback();
             } catch (e) {
               console.log("Can't close the video player\n".concat(e));
@@ -17470,14 +17484,14 @@
   var RTM = /*#__PURE__*/_createClass(function RTM() {
     var _this = this;
     _classCallCheck(this, RTM);
-    _defineProperty(this, "YgiF", {});
+    _defineProperty(this, "Ihbh", {});
     _defineProperty(this, "isShowingAction", false);
     _defineProperty(this, "currentAction", null);
-    _defineProperty(this, "lwdK", null);
-    _defineProperty(this, "version", 40);
+    _defineProperty(this, "SzQk", null);
+    _defineProperty(this, "version", 41);
     _defineProperty(this, "isInitialised", false);
     _defineProperty(this, "_eventsInDynamicText", {});
-    _defineProperty(this, "qtBM", function () {
+    _defineProperty(this, "WXYo", function () {
       _this.isInitialised = true;
       var oldPushState = history.pushState;
       history.pushState = function pushState() {
@@ -17502,7 +17516,7 @@
     });
     _defineProperty(this, "show", function (uiJson, duration, uuid, name) {
       if (!_this.isInitialised) {
-        _this.qtBM();
+        _this.WXYo();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor, _window$Apxor$pageUnl;
@@ -17584,7 +17598,7 @@
       var terminationConfig = {};
       terminationConfig["auto_dismiss"] = duration > 0;
       terminationConfig["duration"] = duration;
-      _this.lwdK = new InLineTooltip(ui_config, [], [], terminationConfig, {
+      _this.SzQk = new InLineTooltip(ui_config, [], [], terminationConfig, {
         configId: uuid,
         configName: name
       }, _this, function () {
@@ -17604,14 +17618,14 @@
         var _window8, _window8$updateFlag;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.lwdK = 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);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
         }
       }, function () {}, false, 0);
       setTimeout(function () {
-        _this.lwdK.createNewTooltip();
+        _this.SzQk.createNewTooltip();
       }, ui_config.delay);
     });
     _defineProperty(this, "createInAppVideo", function (config, duration, configId, name) {
@@ -17641,7 +17655,7 @@
           window.Apxor.logActionEvent("inapp_dismissed", configId, name);
         }
       });
-      VideoInAppInstance.kIKS();
+      VideoInAppInstance.UOWB();
     });
     /**
      * Creates a modal for the given config and displays it.