apxor-rtm-ui 0.9.7 → 0.9.8

package/dist/apxor.rtm.js.bak

@@ -7285,7 +7285,7 @@
     var justifyContent = "space-between";
     var fontMultiplier = buttons_css.fontMultiplier;
     buttons_css.forEach(function (button_css, index) {
-      var _ref;
+      var _ref2;
       var slot = button_css.slot,
         type = button_css.type,
         sub_type = button_css.sub_type,
@@ -7336,7 +7336,7 @@
       }
       var marginLeft = false;
       var marginRight = false;
-      if ((_ref = button_direction !== "vertical") !== null && _ref !== void 0 ? _ref : position !== BUTTON_CONTAINER_POSITION.BOTTOM) {
+      if ((_ref2 = button_direction !== "vertical") !== null && _ref2 !== void 0 ? _ref2 : position !== BUTTON_CONTAINER_POSITION.BOTTOM) {
         var _buttons_css;
         var next = ((_buttons_css = buttons_css[index + 1]) === null || _buttons_css === void 0 ? void 0 : _buttons_css.slot) || totalSlots + 1;
         if (buttons_css.length === 2 && (slot === 2 && next === 3 || slot === 4 && prev === 3 || slot === 3 && (prev === 2 || next === 4))) {
@@ -7429,7 +7429,7 @@
           break;
         case "copy_clipboard":
           action = /*#__PURE__*/function () {
-            var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+            var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
               return _regeneratorRuntime().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
@@ -7455,7 +7455,7 @@
               }, _callee, null, [[1, 9]]);
             }));
             return function action() {
-              return _ref2.apply(this, arguments);
+              return _ref3.apply(this, arguments);
             };
           }();
           break;
@@ -7686,7 +7686,7 @@
             break;
           case "copy_clipboard":
             action = /*#__PURE__*/function () {
-              var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+              var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
                 var _window$Apxor5, _window$Apxor6;
                 return _regeneratorRuntime().wrap(function _callee2$(_context2) {
                   while (1) switch (_context2.prev = _context2.next) {
@@ -7713,7 +7713,7 @@
                 }, _callee2, null, [[1, 9]]);
               }));
               return function action() {
-                return _ref3.apply(this, arguments);
+                return _ref4.apply(this, arguments);
               };
             }();
             break;
@@ -8054,10 +8054,10 @@
   }
   function objectToCSS(styleObject) {
     var cssString = "";
-    Object.entries(styleObject).forEach(function (_ref4) {
-      var _ref5 = _slicedToArray(_ref4, 2),
-        property = _ref5[0],
-        value = _ref5[1];
+    Object.entries(styleObject).forEach(function (_ref5) {
+      var _ref6 = _slicedToArray(_ref5, 2),
+        property = _ref6[0],
+        value = _ref6[1];
       cssString += "".concat(property, ": ").concat(value, ";");
     });
     return cssString;
@@ -8314,7 +8314,7 @@
             break;
           case "copy_clipboard":
             action = /*#__PURE__*/function () {
-              var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+              var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
                 return _regeneratorRuntime().wrap(function _callee3$(_context3) {
                   while (1) switch (_context3.prev = _context3.next) {
                     case 0:
@@ -8340,7 +8340,7 @@
                 }, _callee3, null, [[1, 9]]);
               }));
               return function action() {
-                return _ref6.apply(this, arguments);
+                return _ref7.apply(this, arguments);
               };
             }();
             break;
@@ -8500,20 +8500,20 @@
    * @param {string} type - Title or Description type
    * @returns
    */
-  var createTextElement = function createTextElement(_ref7, currentId) {
-    var _ref7$color = _ref7.color,
-      color = _ref7$color === void 0 ? "#000" : _ref7$color,
-      _ref7$font_family = _ref7.font_family,
-      font_family = _ref7$font_family === void 0 ? "cursive" : _ref7$font_family,
-      _ref7$size = _ref7.size,
-      size = _ref7$size === void 0 ? 14 : _ref7$size,
-      _ref7$style = _ref7.style,
-      style = _ref7$style === void 0 ? "bold" : _ref7$style,
-      text = _ref7.text,
-      segments = _ref7.segments,
-      quote = _ref7.quote,
-      _ref7$link_config = _ref7.link_config,
-      link_config = _ref7$link_config === void 0 ? [] : _ref7$link_config;
+  var createTextElement = function createTextElement(_ref8, currentId) {
+    var _ref8$color = _ref8.color,
+      color = _ref8$color === void 0 ? "#000" : _ref8$color,
+      _ref8$font_family = _ref8.font_family,
+      font_family = _ref8$font_family === void 0 ? "cursive" : _ref8$font_family,
+      _ref8$size = _ref8.size,
+      size = _ref8$size === void 0 ? 14 : _ref8$size,
+      _ref8$style = _ref8.style,
+      style = _ref8$style === void 0 ? "bold" : _ref8$style,
+      text = _ref8.text,
+      segments = _ref8.segments,
+      quote = _ref8.quote,
+      _ref8$link_config = _ref8.link_config,
+      link_config = _ref8$link_config === void 0 ? [] : _ref8$link_config;
     var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "desc";
     var fontMultiplier = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
     size = size * fontMultiplier;
@@ -12693,14 +12693,14 @@
       _config$wait_interval,
       _config$termination;
     _classCallCheck(this, TemplateContent);
-    _defineProperty(this, "FeIN", function () {
+    _defineProperty(this, "gVWf", function () {
       return new Promise(function (resolve, reject) {
         try {
-          var element = _this.gVOg(_this.layout);
+          var element = _this.idIX(_this.layout);
           var styleElement = document.createElement("style");
           styleElement.innerHTML = _this.styleContent;
           document.head.appendChild(styleElement);
-          _this.evpt();
+          _this.QNLg();
           try {
             eval(_this.script);
           } catch (e) {
@@ -12711,15 +12711,15 @@
           }
           _this.imageElements.forEach(function (img) {
             img.addEventListener("error", function () {
-              _this.sKmG("provided image doesn't exists");
+              _this.bcmL("provided image doesn't exists");
             });
           });
           _this.intervalToCheckMediaLoadingStatus = setInterval(function () {
             _this.wait_interval -= 1;
             if (_this.wait_interval <= 0) {
-              _this.sKmG("provided media doesn't exists");
+              _this.bcmL("provided media doesn't exists");
             } else {
-              if (_this.Evhr() && _this.xGNr() && _this.FFyA()) {
+              if (_this.UhLg() && _this.TzVx() && _this.YWjn()) {
                 clearInterval(_this.intervalToCheckMediaLoadingStatus);
                 resolve(element);
               }
@@ -12733,7 +12733,7 @@
         }
       });
     });
-    _defineProperty(this, "sKmG", function (reason) {
+    _defineProperty(this, "bcmL", function (reason) {
       var _window$ApxorRTM, _window$Apxor, _this$config, _this$config2, _window$Apxor2, _this$config3, _this$config4, _this$config5, _this$config6, _window3;
       !_this.loggedNudgeNotShownEvent && ((_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 ? void 0 : _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
         apx_nudge_name: _this.name,
@@ -12749,13 +12749,13 @@
       _this.closeCallBack("cancel");
       (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.ApxorInternals) === null || _window3 === void 0 || _window3.removeBuilderTemplate(_this.configId);
     });
-    _defineProperty(this, "evpt", function () {
+    _defineProperty(this, "QNLg", function () {
       var BuilderTemplatesStyles = document.createElement("style");
       BuilderTemplatesStyles.innerHTML = _this.initialStyles;
       BuilderTemplatesStyles.setAttribute("apx-builder-template-styles", "");
       document.head.appendChild(BuilderTemplatesStyles);
     });
-    _defineProperty(this, "gVOg", function (config) {
+    _defineProperty(this, "idIX", function (config) {
       var _window$Apxor3;
       var element;
       switch (config.type) {
@@ -12841,7 +12841,7 @@
                 if (config.type === "cta_button" || config.type === "button") {
                   reason = "cta-clicked";
                 }
-                _this.mrrw(e, "redirect", reason);
+                _this.dVLB(e, "redirect", reason);
                 if ((_this$config7 = _this.config) !== null && _this$config7 !== void 0 && (_this$config7 = _this$config7.additional_info) !== null && _this$config7 !== void 0 && _this$config7.apx_step) {
                   var _window4, _this$config8;
                   (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.Apxor) === null || _window4 === void 0 || _window4.triggerNextStep(_this.configId, ((_this$config8 = _this.config) === null || _this$config8 === void 0 || (_this$config8 = _this$config8.additional_info) === null || _this$config8 === void 0 ? void 0 : _this$config8.apx_step) + 1);
@@ -12954,7 +12954,7 @@
                         console.error("Failed to copy:", _context2.t2);
                         window.Apxor.showInfoToast("Failed to copy text");
                       case 41:
-                        _this.mrrw(e, action.type, reason);
+                        _this.dVLB(e, action.type, reason);
                         // window.Apxor.logActionEvent(
                         //   "walk_through_cancelled",
                         //   this.configId,
@@ -12981,7 +12981,7 @@
                 } else if (config.type === "cta_button" || config.type === "button") {
                   reason = "cta-clicked";
                 }
-                _this.mrrw(e, "dismiss", reason);
+                _this.dVLB(e, "dismiss", reason);
                 if ((_this$config9 = _this.config) !== null && _this$config9 !== void 0 && (_this$config9 = _this$config9.additional_info) !== null && _this$config9 !== void 0 && _this$config9.apx_step) {
                   var _window5, _this$config10;
                   (_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || _window5.triggerNextStep(_this.configId, ((_this$config10 = _this.config) === null || _this$config10 === void 0 || (_this$config10 = _this$config10.additional_info) === null || _this$config10 === void 0 ? void 0 : _this$config10.apx_step) + 1);
@@ -12992,7 +12992,7 @@
               element.onclick = function (e) {
                 e.stopPropagation();
                 window.Apxor.neverShow(_this.configId, _this.name, "IN_APP");
-                _this.mrrw(e, "never");
+                _this.dVLB(e, "never");
               };
               break;
             case "toggle-class":
@@ -13019,7 +13019,7 @@
                 tempInput.select();
                 document.execCommand("copy");
                 document.body.removeChild(tempInput);
-                _this.mrrw(e, "copy-content", "cta-clicked");
+                _this.dVLB(e, "copy-content", "cta-clicked");
                 setTimeout(function () {
                   window.Apxor.showInfoToast("Text-Copied:".concat(textToCopy));
                 }, 500);
@@ -13041,7 +13041,7 @@
       }
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.gVOg(childConfig);
+          var childElement = _this.idIX(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -13049,7 +13049,7 @@
       // Process children
       if (config.children && config.children.length > 0) {
         config.children.forEach(function (childConfig) {
-          var childElement = _this.gVOg(childConfig);
+          var childElement = _this.idIX(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -13076,7 +13076,7 @@
       }
       return element;
     });
-    _defineProperty(this, "mrrw", function (e, action) {
+    _defineProperty(this, "dVLB", function (e, action) {
       var _window$Apxor6, _this$config11, _this$config12, _window$Apxor7, _this$config13, _this$config14, _this$config15, _this$config16;
       var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
       var additional_info = {
@@ -13105,7 +13105,7 @@
         _this.closeCallBack(action);
       }
     });
-    _defineProperty(this, "xGNr", function () {
+    _defineProperty(this, "TzVx", function () {
       //This logic is to make sure that image has loaded, it doesn't check whether image is broken
       //refer: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/complete#value
       if (_this.imageElements.length === 0) return true;
@@ -13113,13 +13113,13 @@
         return img.complete;
       });
     });
-    _defineProperty(this, "FFyA", function () {
+    _defineProperty(this, "YWjn", function () {
       if (!_this.bgImageUrl) return true;
       var img = new Image();
       img.src = _this.bgImageUrl;
       return img.complete;
     });
-    _defineProperty(this, "Evhr", function () {
+    _defineProperty(this, "UhLg", function () {
       if (_this.videoElements.length === 0) return true;
       return _this.videoElements.every(function (video) {
         return video.readyState >= 3;
@@ -14058,7 +14058,7 @@
               case 0:
                 _context2.prev = 0;
                 _context2.next = 3;
-                return this.templateContent.FeIN();
+                return this.templateContent.gVWf();
               case 3:
                 this.inLineContainer = _context2.sent;
                 _context2.next = 9;
@@ -15635,7 +15635,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "sOBS", function () {
+      _defineProperty(this, "bpVP", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -15654,7 +15654,7 @@
        * @private
        * @description Sets the marketing content at the end of the Inline
        */
-      _defineProperty(this, "apkU", function () {
+      _defineProperty(this, "pNoA", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inline-marketing".concat(_this.cssPostFix));
@@ -16268,7 +16268,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.sOBS(), "\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.bpVP(), "\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;
@@ -17078,7 +17078,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.apkU();
+        this.pNoA();
       }
 
       /**
@@ -19975,7 +19975,7 @@
               case 0:
                 _context2.prev = 0;
                 _context2.next = 3;
-                return this.templateContent.FeIN();
+                return this.templateContent.gVWf();
               case 3:
                 this.inAppContainer = _context2.sent;
                 this.inAppContainer.style.zIndex = 99999;
@@ -20174,7 +20174,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "sOBS", function () {
+      _defineProperty(this, "bpVP", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -20220,7 +20220,7 @@
        * @private
        * @description Get the response for Form content in the InApp modal.
        */
-      _defineProperty(this, "IeDy", function (form_elements) {
+      _defineProperty(this, "RInK", function (form_elements) {
         var obj = {};
         var callback = "";
         form_elements.forEach(function (element) {
@@ -20260,7 +20260,7 @@
        * @private
        * @description Sets the marketing content at the end of the InApp
        */
-      _defineProperty(this, "apkU", function () {
+      _defineProperty(this, "pNoA", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
@@ -20520,7 +20520,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.sOBS(), " \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.bpVP(), " \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;
@@ -21014,7 +21014,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.apkU();
+        this.pNoA();
       }
 
       /**
@@ -21286,7 +21286,7 @@
           var form = document.querySelector(".apx-inapp-form-container".concat(this.cssPostFix));
           form.addEventListener("submit", function (e) {
             e.preventDefault();
-            var _this8$generateRespon = _this8.IeDy(_this8.form.elements),
+            var _this8$generateRespon = _this8.RInK(_this8.form.elements),
               obj = _this8$generateRespon.obj,
               callback = _this8$generateRespon.callback;
             var evalString = "(obj)=>" + callback + "(obj)";
@@ -21646,7 +21646,7 @@
             };
           } else {
             // As the video player is hidden by default, unhide if the mode is not PIP.
-            _this.OKdJ();
+            _this.HQkM();
           }
           _this.showCallback();
         } catch (e) {
@@ -21667,7 +21667,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, "czRO", function () {
+      _defineProperty(this, "PPRB", function () {
         var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video, 1),
           width = _getHeightWidthFromRe.width,
           height = _getHeightWidthFromRe.height;
@@ -21679,7 +21679,7 @@
        * @private
        * @description Removes the video player style element.
        */
-      _defineProperty(this, "ajoq", function () {
+      _defineProperty(this, "Fden", function () {
         var playerStyles = document.getElementById("apx-mpl-styles");
         if (playerStyles) {
           playerStyles.remove();
@@ -21690,7 +21690,7 @@
        * @private
        * @description Attach listeners on the video controls
        */
-      _defineProperty(this, "guqQ", function () {
+      _defineProperty(this, "pNiK", 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");
@@ -21793,7 +21793,7 @@
        * @private
        * @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
        */
-      _defineProperty(this, "arNC", function () {
+      _defineProperty(this, "sltM", 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,
@@ -21833,7 +21833,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, "FuEG", function () {
+      _defineProperty(this, "pjwj", function () {
         _this.enable_close_button;
         if (_this.enable_close_button) {
           var closeButton = document.createElement("span");
@@ -21880,21 +21880,21 @@
        * @function hideVideoPlayer
        * @description Sets the visibility of the video player to hidden.
        */
-      _defineProperty(this, "BzBz", function () {
+      _defineProperty(this, "QwmN", function () {
         _this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function unhideVideoPlayer
        * @description Unhides video player.
        */
-      _defineProperty(this, "OKdJ", function () {
+      _defineProperty(this, "HQkM", function () {
         _this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function getVideoElement
        * @returns {HTMLElement} Video ekement
        */
-      _defineProperty(this, "NEDi", function () {
+      _defineProperty(this, "Zwdr", function () {
         return _this.videoElement;
       });
       this.videoPlayer = null;
@@ -21949,7 +21949,7 @@
         this.videoPlayer.style.backgroundColor = this.bg_color;
 
         // Video has a resolution, not deviating from the resolution set the height and width.
-        this.czRO();
+        this.PPRB();
         //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.
@@ -21957,16 +21957,16 @@
         //Create a video element,set the source and add to the container.
         this._setPlayerContent();
         //Set the listeners on the video control buttons.
-        this.guqQ();
+        this.pNiK();
         //Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
-        this.arNC();
+        this.sltM();
         //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.FuEG();
+        this.pjwj();
         //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.BzBz();
+        this.QwmN();
         //If the auto dismiss is enabled, sets the timeout to call the InApp close.
         this._setAutoTerminate();
         document.body.appendChild(this.videoPlayer);
@@ -22081,7 +22081,7 @@
             }
           }
           this.videoPlayer.remove();
-          this.ajoq();
+          this.Fden();
           if (closeButtonName !== "auto_dismiss") {
             var _window$ApxorRTM8;
             (_window$ApxorRTM8 = window.ApxorRTM) === null || _window$ApxorRTM8 === void 0 || _window$ApxorRTM8.logEvent("apx_video_inapp_close_button_clicked", {
@@ -22151,7 +22151,7 @@
                 replayCount: _this3.replayCount
               });
               _this3.videoPlayer.remove();
-              _this3.ajoq();
+              _this3.Fden();
               _this3.hideCallback();
             } catch (e) {
               console.log("Can't close the video player\n".concat(e));
@@ -22249,17 +22249,17 @@
       try {
         var _window, _parseCSS$background, _parseCSS;
         (_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.debug("called showEmbedCards");
-        var element = _this.VIpq(_this.layout);
-        _this.Klaz();
+        var element = _this.HxDQ(_this.layout);
+        _this.zxuq();
         var bg_cpp = (_parseCSS$background = (_parseCSS = parseCSS(_this.layout.css)) === null || _parseCSS === void 0 ? void 0 : _parseCSS["background-color"]) !== null && _parseCSS$background !== void 0 ? _parseCSS$background : "transparent";
         document.body.style.backgroundColor = bg_cpp;
         document.body.style.minWidth = "100%";
         window.onresize = function () {
-          _this.HObN();
+          _this.cdlb();
         };
         _this.imageElements.forEach(function (img) {
           img.addEventListener("error", function () {
-            _this.sKmG("provided image doesn't exists");
+            _this.bcmL("provided image doesn't exists");
           });
         });
         var rootContainer = document.createElement("div");
@@ -22267,7 +22267,7 @@
         rootContainer.style.minWidth = "100%";
         if (_this.singleLine) {
           // Force the layout element to act as a slider
-          _this.QFqb(element);
+          _this.CFbz(element);
 
           // Stack elements vertically (Images on top, Dots on bottom)
           rootContainer.style.display = "flex";
@@ -22279,7 +22279,7 @@
           document.body.appendChild(rootContainer);
 
           // Start the infinite 2-second slide and create dots
-          _this.MHyN(element, rootContainer);
+          _this.ANhh(element, rootContainer);
         } else {
           // Fallback to original layout behavior
           rootContainer.style.display = "flex";
@@ -22290,7 +22290,7 @@
         var styleElement = document.createElement("style");
         styleElement.innerHTML = _this.styleContent;
         document.head.appendChild(styleElement);
-        _this.ZPVc(_this.termination);
+        _this.wYHX(_this.termination);
         try {
           eval(_this.script);
         } catch (e) {
@@ -22301,10 +22301,10 @@
         _this.intervalToCheckMediaLoadingStatus = setInterval(function () {
           _this.wait_interval -= 1;
           if (_this.wait_interval <= 0) {
-            _this.sKmG("provided media doesn't exists");
+            _this.bcmL("provided media doesn't exists");
           } else {
-            if (_this.Evhr() && _this.xGNr() && _this.FFyA()) {
-              _this.HObN();
+            if (_this.UhLg() && _this.TzVx() && _this.YWjn()) {
+              _this.cdlb();
               clearInterval(_this.intervalToCheckMediaLoadingStatus);
             }
           }
@@ -22316,7 +22316,7 @@
       }
     });
     // Applies CSS to force children into a single horizontal row for sliding
-    _defineProperty(this, "QFqb", function (container) {
+    _defineProperty(this, "CFbz", function (container) {
       container.style.display = "flex";
       container.style.flexDirection = "row";
       container.style.overflowX = "auto";
@@ -22361,7 +22361,7 @@
         });
       }
     });
-    _defineProperty(this, "sKmG", function (reason) {
+    _defineProperty(this, "bcmL", function (reason) {
       var _window$ApxorRTM, _window4;
       !_this.loggedNudgeNotShownEvent && ((_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 ? void 0 : _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
         apx_nudge_name: _this.name,
@@ -22377,7 +22377,7 @@
       (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.ApxorWidget) === null || _window4 === void 0 || _window4.removeEmbedCard(_this.configId);
     });
     // Creates pagination dots under the images and handles the infinite loop
-    _defineProperty(this, "MHyN", function (container, rootContainer) {
+    _defineProperty(this, "ANhh", function (container, rootContainer) {
       var _this$carousel, _this$carousel2, _this$carousel3, _this$carousel4, _this$carousel9;
       var childrenCount = container.children.length;
       if (childrenCount <= 1) return;
@@ -22426,7 +22426,7 @@
             } else {
               currentIndex++;
             }
-            _this.wmIq(container, currentIndex, dots);
+            _this.maqr(container, currentIndex, dots);
           }
         }, _this.slideDuration);
       };
@@ -22453,7 +22453,7 @@
           var index = Math.round(container.scrollLeft / container.offsetWidth);
           if (currentIndex !== index) {
             currentIndex = index;
-            _this.vdNV(dots, currentIndex);
+            _this.mtkl(dots, currentIndex);
           }
         }, 60);
       }, {
@@ -22462,7 +22462,7 @@
       startTimer();
     });
     // Helper to handle the scrolling animation
-    _defineProperty(this, "wmIq", function (container, index, dots) {
+    _defineProperty(this, "maqr", function (container, index, dots) {
       var targetChild = container.children[index];
       if (targetChild) {
         // If index is 0, we explicitly scroll to the far left
@@ -22471,10 +22471,10 @@
           left: scrollPos,
           behavior: "smooth"
         });
-        _this.vdNV(dots, index);
+        _this.mtkl(dots, index);
       }
     });
-    _defineProperty(this, "vdNV", function (dots, currentIndex) {
+    _defineProperty(this, "mtkl", function (dots, currentIndex) {
       var _this$carousel14, _this$carousel16;
       if ((_this$carousel14 = _this.carousel) !== null && _this$carousel14 !== void 0 && _this$carousel14.lines) {
         var _this$carousel15;
@@ -22498,13 +22498,13 @@
         });
       }
     });
-    _defineProperty(this, "Klaz", function () {
+    _defineProperty(this, "zxuq", function () {
       var EmbeddedCardsStyles = document.createElement("style");
       EmbeddedCardsStyles.innerHTML = _this.initialStyles;
       EmbeddedCardsStyles.setAttribute("apx-embedded-card-styles", "");
       document.head.appendChild(EmbeddedCardsStyles);
     });
-    _defineProperty(this, "VIpq", function (config) {
+    _defineProperty(this, "HxDQ", function (config) {
       var _window$Apxor;
       var element;
       switch (config.type) {
@@ -22535,7 +22535,7 @@
         case "timer":
           //countdown timer case
           element = document.createElement("div");
-          _this.XBmm(element, config.properties);
+          _this.DUNe(element, config.properties);
           break;
         default:
           element = document.createElement(config.type);
@@ -22591,27 +22591,27 @@
               element.onclick = function (e) {
                 e.stopPropagation();
                 window.Apxor.redirect(JSON.stringify(action));
-                _this.mrrw(e);
+                _this.dVLB(e);
               };
               break;
             case "show-video":
               element.onclick = function (e) {
                 e.stopPropagation();
                 window.Apxor.showVideoInApp(_this.configId, _this.name, action.url);
-                _this.mrrw(e);
+                _this.dVLB(e);
               };
               break;
             case "cancel":
               element.onclick = function (e) {
                 e.stopPropagation();
-                _this.mrrw(e);
+                _this.dVLB(e);
                 window.Apxor.logActionEvent("walk_through_cancelled", _this.configId, _this.name);
               };
               break;
             case "dismiss":
               element.onclick = function (e) {
                 e.stopPropagation();
-                _this.mrrw(e);
+                _this.dVLB(e);
               };
               break;
             case "user_props":
@@ -22621,7 +22621,7 @@
                   var _window$Apxor2;
                   return (_window$Apxor2 = window.Apxor) === null || _window$Apxor2 === void 0 ? void 0 : _window$Apxor2.setUserProperties(props);
                 });
-                _this.mrrw(e);
+                _this.dVLB(e);
               };
               break;
             case "session_props":
@@ -22631,7 +22631,7 @@
                   var _window$Apxor3;
                   return (_window$Apxor3 = window.Apxor) === null || _window$Apxor3 === void 0 ? void 0 : _window$Apxor3.setSessionProperties(props);
                 });
-                _this.mrrw(e);
+                _this.dVLB(e);
               };
               break;
             case "event":
@@ -22648,7 +22648,7 @@
                 for (var i = 0; i < action.events.length; i++) {
                   _loop();
                 }
-                _this.mrrw(e);
+                _this.dVLB(e);
               };
               break;
             case "never":
@@ -22661,7 +22661,7 @@
                   apx_nudge_id: _this.configId,
                   apx_termination_type: "never-show"
                 });
-                _this.mrrw(e);
+                _this.dVLB(e);
               };
               break;
             case "toggle-class":
@@ -22686,7 +22686,7 @@
                 tempInput.select();
                 document.execCommand("copy");
                 document.body.removeChild(tempInput);
-                _this.mrrw(e);
+                _this.dVLB(e);
               };
               break;
             case "log-app-event":
@@ -22707,7 +22707,7 @@
       }
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.VIpq(childConfig);
+          var childElement = _this.HxDQ(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -22715,7 +22715,7 @@
       // Process children
       if (config.children && config.children.length > 0) {
         config.children.forEach(function (childConfig) {
-          var childElement = _this.VIpq(childConfig);
+          var childElement = _this.HxDQ(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -22741,7 +22741,7 @@
       }
       return element;
     });
-    _defineProperty(this, "mrrw", function (e) {
+    _defineProperty(this, "dVLB", function (e) {
       var _e$target$getAttribut, _e$target, _e$target$getAttribut2;
       var additional_info = {
         apx_nudge_name: _this.name,
@@ -22758,7 +22758,7 @@
         (_window$ApxorRTM6 = window.ApxorRTM) === null || _window$ApxorRTM6 === void 0 || _window$ApxorRTM6.logEvent("apx_card_interaction", additional_info);
       }
     });
-    _defineProperty(this, "ZPVc", function (config) {
+    _defineProperty(this, "wYHX", function (config) {
       config.forEach(function (id) {
         var element = document.getElementById(id);
         if (element) {
@@ -22766,7 +22766,7 @@
         }
       });
     });
-    _defineProperty(this, "xGNr", function () {
+    _defineProperty(this, "TzVx", function () {
       //This logic is to make sure that image has loaded, it doesn't check whether image is broken
       //refer: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/complete#value
       if (_this.imageElements.length === 0) return true;
@@ -22774,19 +22774,19 @@
         return img.complete;
       });
     });
-    _defineProperty(this, "Evhr", function () {
+    _defineProperty(this, "UhLg", function () {
       if (_this.videoElements.length === 0) return true;
       return _this.videoElements.every(function (video) {
         return video.readyState >= 3;
       });
     });
-    _defineProperty(this, "FFyA", function () {
+    _defineProperty(this, "YWjn", function () {
       if (!_this.bgImageUrl) return true;
       var img = new Image();
       img.src = _this.bgImageUrl;
       return img.complete;
     });
-    _defineProperty(this, "HObN", function () {
+    _defineProperty(this, "cdlb", function () {
       var _window6, _window7;
       var html = window.document.querySelector("html");
       var width = html.offsetWidth;
@@ -22798,7 +22798,7 @@
         _this.loggedNudgeShownEvent = true;
       }
     });
-    _defineProperty(this, "XBmm", function (container, props) {
+    _defineProperty(this, "DUNe", function (container, props) {
       var targetDate = new Date(props.target_date).getTime();
       var updateClock = function updateClock() {
         var now = new Date().getTime();
@@ -22813,13 +22813,13 @@
         var seconds = Math.floor(distance % (1000 * 60) / 1000);
 
         // Timer Layout
-        container.innerHTML = "\n      <span style=\"font-size: 12px; margin-right: 4px;\">".concat(props.content, "</span>\n      <div style=\"display: flex; gap: 4px;\">\n        ").concat(_this.Qmep(hours), ":\n        ").concat(_this.Qmep(minutes), ":\n        ").concat(_this.Qmep(seconds), "\n      </div>\n    ");
+        container.innerHTML = "\n      <span style=\"font-size: 12px; margin-right: 4px;\">".concat(props.content, "</span>\n      <div style=\"display: flex; gap: 4px;\">\n        ").concat(_this.PCtw(hours), ":\n        ").concat(_this.PCtw(minutes), ":\n        ").concat(_this.PCtw(seconds), "\n      </div>\n    ");
       };
       var timerInterval = setInterval(updateClock, 1000);
       updateClock(); // Initial call
     });
     // Helper for the "boxed" look
-    _defineProperty(this, "Qmep", function (num) {
+    _defineProperty(this, "PCtw", function (num) {
       var displayNum = num < 10 ? "0" + num : num;
       return "<span style=\"background: rgba(255,255,255,0.2); padding: 2px 4px; border-radius: 2px;\">".concat(displayNum, "</span>");
     });
@@ -22863,13 +22863,471 @@
     this.unseen_color = getColorOrDefault(data === null || data === void 0 ? void 0 : data.unseen_color, "#000000");
   });
 
+  var StoryComponents = /*#__PURE__*/function () {
+    function StoryComponents(data, nextSlideCallback) {
+      _classCallCheck(this, StoryComponents);
+      this.width = data.width;
+      this.height = data.height;
+      this.background_color = data.background_color;
+      this.position = data.position;
+      this.enable_border = data.enable_border;
+      this.border = data.border;
+      this.title = data.title;
+      this.description = data.description;
+      this.answer = data.answer;
+      this.enable_padding = data.enable_padding;
+      this.padding = data.padding;
+      this.onNextSlide = nextSlideCallback;
+    }
+    _createClass(StoryComponents, [{
+      key: "render",
+      value: function render() {
+        var _this = this;
+        var componentOverlay = document.createElement("div");
+        componentOverlay.style.position = "absolute";
+        componentOverlay.style.backgroundColor = "transparent";
+        componentOverlay.style.top = "0";
+        componentOverlay.style.left = "0";
+        componentOverlay.style.width = "100%";
+        componentOverlay.style.height = "100%";
+        componentOverlay.style.zIndex = "10";
+        componentOverlay.style.pointerEvents = "none";
+        var pollContainer = document.createElement("div");
+        pollContainer.style.pointerEvents = "auto";
+        pollContainer.style.backgroundColor = this.background_color;
+        pollContainer.style.width = "".concat(this.width, "%");
+        pollContainer.style.height = "fit-content";
+        if (this.position.position === "C") {
+          pollContainer.style.position = "absolute";
+          pollContainer.style.top = "50%";
+          pollContainer.style.left = "50%";
+          pollContainer.style.transform = "translate(-50%, -50%)";
+          pollContainer.style.zIndex = "999";
+        }
+        if (this.enable_border) {
+          var _this$border = this.border,
+            width = _this$border.width,
+            style = _this$border.style,
+            color = _this$border.color,
+            radius = _this$border.radius;
+          pollContainer.style.border = "".concat(width, "px ").concat(style, " ").concat(color);
+          pollContainer.style.borderRadius = "".concat(radius, "px");
+        }
+        if (this.enable_padding) {
+          var _this$padding = this.padding,
+            top = _this$padding.top,
+            bottom = _this$padding.bottom,
+            left = _this$padding.left,
+            right = _this$padding.right;
+          pollContainer.style.padding = "".concat(top, "px ").concat(right, "px ").concat(bottom, "px ").concat(left, "px");
+        }
+
+        // const cross_button = document.createElement("div");
+        // cross_button.innerHTML = `<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+        //     <path fill-rule="evenodd" clip-rule="evenodd" d="M5.46995 5.46983C5.61058 5.32938 5.8012 5.25049 5.99995 5.25049C6.1987 5.25049 6.38933 5.32938 6.52995 5.46983L18.53 17.4698C18.6036 17.5385 18.6627 17.6213 18.7037 17.7133C18.7447 17.8053 18.7668 17.9046 18.7685 18.0053C18.7703 18.106 18.7518 18.206 18.7141 18.2994C18.6764 18.3928 18.6202 18.4776 18.549 18.5489C18.4778 18.6201 18.3929 18.6762 18.2995 18.714C18.2062 18.7517 18.1061 18.7702 18.0054 18.7684C17.9047 18.7666 17.8054 18.7446 17.7134 18.7036C17.6214 18.6626 17.5386 18.6035 17.4699 18.5298L5.46995 6.52983C5.3295 6.3892 5.25061 6.19858 5.25061 5.99983C5.25061 5.80108 5.3295 5.61045 5.46995 5.46983Z" />
+        //     <path fill-rule="evenodd" clip-rule="evenodd" d="M18.53 5.46983C18.6704 5.61045 18.7493 5.80108 18.7493 5.99983C18.7493 6.19858 18.6704 6.3892 18.53 6.52983L6.52997 18.5298C6.38779 18.6623 6.19975 18.7344 6.00545 18.731C5.81114 18.7276 5.62576 18.6489 5.48835 18.5114C5.35093 18.374 5.27222 18.1887 5.26879 17.9944C5.26537 17.8 5.33749 17.612 5.46997 17.4698L17.47 5.46983C17.6106 5.32938 17.8012 5.25049 18 5.25049C18.1987 5.25049 18.3893 5.32938 18.53 5.46983Z" />
+        //     </svg>`;
+        // cross_button.style.display = "flex";
+        // cross_button.style.justifyContent = "flex-end";
+        // cross_button.style.alignItems = "center";
+        // cross_button.style.color = "red";
+        // pollContainer.appendChild(cross_button);
+        // cross_button.addEventListener("click", (e) => {
+        //   e.stopPropagation();
+        //   componentOverlay.remove();
+        // });
+
+        var title = document.createElement("h1");
+        title.innerText = this.title.text;
+        title.style.color = this.title.color;
+        title.style.textAlign = this.title.alignment;
+        title.style.fontFamily = this.title.font.family;
+        title.style.fontSize = "".concat(this.title.font.size, "px");
+        title.style.fontStyle = this.title.font.style;
+        title.style.fontWeight = this.title.font.weight;
+        if (this.title.enable_padding) {
+          var _this$title$padding = this.title.padding,
+            _top = _this$title$padding.top,
+            _bottom = _this$title$padding.bottom,
+            _left = _this$title$padding.left,
+            _right = _this$title$padding.right;
+          title.style.padding = "".concat(_top, "px ").concat(_right, "px ").concat(_bottom, "px ").concat(_left, "px");
+        }
+        pollContainer.appendChild(title);
+        var description = document.createElement("p");
+        description.innerText = this.description.text;
+        description.style.color = this.description.color;
+        description.style.textAlign = this.description.alignment;
+        description.style.fontFamily = this.description.font.family;
+        description.style.fontSize = "".concat(this.description.font.size, "px");
+        description.style.fontStyle = this.description.font.style;
+        description.style.fontWeight = this.description.font.weight;
+        if (this.description.enable_padding) {
+          var _this$description$pad = this.description.padding,
+            _top2 = _this$description$pad.top,
+            _bottom2 = _this$description$pad.bottom,
+            _left2 = _this$description$pad.left,
+            _right2 = _this$description$pad.right;
+          description.style.padding = "".concat(_top2, "px ").concat(_right2, "px ").concat(_bottom2, "px ").concat(_left2, "px");
+        }
+        pollContainer.appendChild(description);
+        var selectionLocked = false;
+        if (this.answer.answer_mode === "single_choice") {
+          pollContainer.style.display = "flex";
+          pollContainer.style.flexDirection = "column";
+          pollContainer.style.webkitTapHighlightColor = "transparent";
+          this.answer.choices.list.forEach(function (choice) {
+            var choiceElement = document.createElement("button");
+            choiceElement.innerText = choice.value;
+            choiceElement.style.width = "85%";
+            choiceElement.style.display = "block";
+            choiceElement.style.justifySelf = "center";
+            choiceElement.style.appearance = "none";
+            choiceElement.style.outline = "none";
+            choiceElement.style.color = _this.answer.choices.color_inactive;
+            choiceElement.style.backgroundColor = _this.answer.choices.bg_color_inactive;
+            choiceElement.style.fontFamily = _this.answer.font.family;
+            choiceElement.style.fontSize = "".concat(_this.answer.font.size, "px");
+            choiceElement.style.fontStyle = _this.answer.font.style;
+            choiceElement.style.fontWeight = _this.answer.font.weight;
+            if (_this.answer.choices.enable_border) {
+              var b = _this.answer.choices.border;
+              choiceElement.style.border = "".concat(b.width, "px ").concat(b.style, " ").concat(b.inactive_color);
+              choiceElement.style.borderRadius = "".concat(b.radius, "px");
+            }
+            if (_this.answer.enable_padding) {
+              var p = _this.answer.padding;
+              choiceElement.style.padding = "".concat(p.top, "px ").concat(p.right, "px ").concat(p.bottom, "px ").concat(p.left, "px");
+            } else {
+              choiceElement.style.padding = "14px 20px";
+            }
+            if (_this.answer.enable_margin) {
+              var m = _this.answer.margin;
+              choiceElement.style.margin = "".concat(m.top, "px ").concat(m.right, "px ").concat(m.bottom, "px ").concat(m.left, "px");
+            }
+            var setActiveState = function setActiveState(isActive) {
+              if (isActive) {
+                choiceElement.style.backgroundColor = _this.answer.choices.bg_color_active;
+                choiceElement.style.color = _this.answer.choices.color_active;
+                choiceElement.style.transform = "scale(0.97)"; // IG shrink effect
+                if (_this.answer.choices.enable_border) {
+                  choiceElement.style.borderColor = _this.answer.choices.border.color;
+                }
+              } else {
+                choiceElement.style.backgroundColor = _this.answer.choices.bg_color_inactive;
+                choiceElement.style.color = _this.answer.choices.color_inactive;
+                choiceElement.style.transform = "scale(1)";
+                if (_this.answer.choices.enable_border) {
+                  choiceElement.style.borderColor = _this.answer.choices.border.inactive_color;
+                }
+              }
+            };
+            choiceElement.addEventListener("touchstart", function (e) {
+              var _window$ApxorRTM;
+              e.stopPropagation();
+              if (selectionLocked) return;
+              choiceElement.style.transition = "transform 0.1s ease";
+              (_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 || _window$ApxorRTM.logEvent("apx_poll_option_selected", {
+                choice_id: choice.id,
+                choice_value: choice.value
+              });
+              setActiveState(true);
+            }, {
+              passive: false
+            });
+            choiceElement.addEventListener("touchend", function (e) {
+              e.stopPropagation();
+              e.preventDefault();
+              if (selectionLocked) return;
+              selectionLocked = true;
+              // setActiveState(false);
+              // componentOverlay.remove();
+            }, {
+              passive: false
+            });
+            pollContainer.appendChild(choiceElement);
+          });
+        }
+        componentOverlay.appendChild(pollContainer);
+        return componentOverlay;
+      }
+    }]);
+    return StoryComponents;
+  }();
+
+  var data = {
+    width: 70,
+    height: 100,
+    background_color: "#FFFFFF",
+    position: {
+      position: "C"
+    },
+    enable_border: true,
+    enable_padding: true,
+    padding: {
+      top: 5,
+      right: 5,
+      bottom: 5,
+      left: 5
+    },
+    border: {
+      radius: 8,
+      inactive_color: "#000000",
+      color: "#000000",
+      width: 0,
+      style: "solid"
+    },
+    title: {
+      text: "What is your favourite color?",
+      color: "#1a1919ff",
+      max_characters: 150,
+      alignment: "center",
+      font: {
+        family: "sans-serif",
+        size: 16,
+        style: "normal",
+        weight: "normal"
+      },
+      enable_padding: true,
+      padding: {
+        top: 12,
+        bottom: 0,
+        left: 0,
+        right: 0
+      },
+      enable_margin: true,
+      margin: {
+        bottom: 0,
+        left: 0,
+        right: 0,
+        top: 0
+      }
+    },
+    description: {
+      text: "Select from the following options",
+      color: "#161414ff",
+      max_characters: 150,
+      alignment: "center",
+      font: {
+        family: "sans-serif",
+        size: 14,
+        style: "normal",
+        weight: "normal"
+      },
+      enable_padding: true,
+      padding: {
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0
+      },
+      enable_margin: true,
+      margin: {
+        bottom: 0,
+        left: 0,
+        right: 0,
+        top: 0
+      }
+    },
+    answer: {
+      answer_mode: "single_choice",
+      choices: {
+        color_active: "#E5E5E5",
+        color_inactive: "#002845",
+        color_disable: "#002845",
+        radio_color_active: "#E5E5E5",
+        radio_color_inactive: "#002845",
+        bg_color_active: "#5965EC",
+        bg_color_inactive: "#E5E5E5",
+        bg_color_disable: "#E5E5E5",
+        bg_type: "filled",
+        enable_border: true,
+        border: {
+          radius: 4,
+          inactive_color: "#000000",
+          color: "#000000",
+          width: 0,
+          style: "solid"
+        },
+        list: [{
+          id: 30906,
+          value: "red",
+          is_other: false,
+          next_question_id: -1
+        }, {
+          id: 50860,
+          value: "blue",
+          is_other: false,
+          next_question_id: -1
+        }, {
+          id: 63904,
+          value: "green",
+          is_other: false,
+          next_question_id: -1
+        }]
+      },
+      font: {
+        family: "sans-serif",
+        size: 18,
+        style: "normal",
+        weight: "normal"
+      },
+      enable_border: true,
+      border: {
+        radius: 0,
+        inactive_color: "#000000",
+        color: "#000000",
+        width: 0,
+        style: "solid"
+      },
+      enable_margin: true,
+      margin: {
+        bottom: 2,
+        left: 16,
+        right: 16,
+        top: 2
+      },
+      enable_padding: true,
+      padding: {
+        top: 5,
+        bottom: 5,
+        left: 0,
+        right: 0
+      },
+      rating: {
+        reactions: [],
+        buttons: {
+          start: 1,
+          end: 5,
+          type: "numbered",
+          split_line: false,
+          slider_color: "#000000",
+          bg_color_active: "#017DFD",
+          bg_color_inactive: "#E5E5E5",
+          color_active: "#E5E5E5",
+          color_inactive: "#002845",
+          height: 20,
+          width: 20,
+          enable_colors: false,
+          buttons: [],
+          enable_text: false,
+          enable_image: false,
+          font: {
+            family: "sans-serif",
+            size: 16,
+            style: "normal",
+            weight: "normal"
+          },
+          enable_fade: false,
+          enable_shadow: true,
+          shadow: {
+            color: "#5EB6CF",
+            offset_x: 2,
+            offset_y: 2,
+            blur_radius: 12,
+            spread_radius: 1
+          },
+          enable_box_model: false,
+          box_model: {
+            active_color: "#C9CFD5",
+            inactive_color: "#8497A5"
+          },
+          enable_border: true,
+          border: {
+            radius: 0,
+            inactive_color: "#000000",
+            color: "#000000",
+            width: 0,
+            style: "solid"
+          },
+          enable_padding: true,
+          padding: {
+            top: 0,
+            bottom: 0,
+            left: 0,
+            right: 0
+          },
+          enable_margin: true,
+          margin: {
+            top: 3,
+            bottom: 3,
+            left: 3,
+            right: 3
+          }
+        },
+        enable_labels: true,
+        labels: {
+          first_rating: {
+            position: "top",
+            text: {
+              text: "Not Likely",
+              color: "#B4B1B1",
+              background_color: "transparent",
+              max_characters: 150,
+              alignment: "center",
+              font: {
+                family: "sans-serif",
+                size: 12,
+                style: "normal",
+                weight: "normal"
+              },
+              enable_padding: true,
+              padding: {
+                top: 0,
+                bottom: 0,
+                left: 0,
+                right: 0
+              },
+              enable_margin: true,
+              margin: {
+                bottom: 5,
+                left: 0,
+                right: 0,
+                top: 5
+              }
+            }
+          },
+          last_rating: {
+            position: "bottom",
+            text: {
+              text: "Very Likely",
+              color: "#B4B1B1",
+              background_color: "transparent",
+              max_characters: 150,
+              alignment: "center",
+              font: {
+                family: "sans-serif",
+                size: 12,
+                style: "normal",
+                weight: "normal"
+              },
+              enable_padding: true,
+              padding: {
+                top: 0,
+                bottom: 0,
+                left: 0,
+                right: 0
+              },
+              enable_margin: true,
+              margin: {
+                bottom: 5,
+                left: 0,
+                right: 0,
+                top: 5
+              }
+            }
+          }
+        },
+        q_and_s: []
+      }
+    }
+  };
   var Stories = /*#__PURE__*/function () {
     function Stories(_config, configId, name, position, slidesSeenCount, view_id, showCallback, closeCallback) {
       var _this = this,
         _config$position;
       _classCallCheck(this, Stories);
       _defineProperty(this, "showStories", function () {
-        window.ApxorRTM.logEvent("showing story");
         _this.storyContainer = document.createElement("div");
         _this.storyContainer.classList.add("pause");
         _this.storyContainer.style = "height:100%;display:flex;align-items:center;";
@@ -22908,8 +23366,8 @@
         _this.storyContainer.appendChild(currentElement);
         _this.storyContainer.appendChild(slideDetails);
         document.body.appendChild(_this.storyContainer);
-        _this.eznj();
-        _this.RqiT();
+        _this.YCkG();
+        _this.FBFd();
         _this.progress = Array.from(document.querySelectorAll(".progress"));
         var current_slide = document.querySelector(".slide-details");
         var playNext = function playNext(e) {
@@ -22955,7 +23413,7 @@
               _existingAbsoluteElements2.forEach(function (element) {
                 element.remove();
               });
-              // this.SfPl();
+              // this.YTpx();
               var _currentSlideDetails = document.querySelector(".slide-details");
               _currentSlideDetails.innerHTML = "";
               _this.position = _this.position + 1;
@@ -23051,7 +23509,7 @@
           absolute_header = document.createElement("div");
           current_slide_from_config.layout.absolute_position_children.forEach(function (current_element) {
             var current_absolute_element;
-            current_absolute_element = _this.gVOg(current_element);
+            current_absolute_element = _this.idIX(current_element);
             absolute_header.appendChild(current_absolute_element);
           });
           (_absolute_header = absolute_header) === null || _absolute_header === void 0 || _absolute_header.classList.add("apx-slide-header");
@@ -23111,7 +23569,7 @@
             document.body.style.backgroundRepeat = "";
             var updated_layout_without_absolute_elements = JSON.parse(JSON.stringify(current_slide_from_config.layout));
             delete updated_layout_without_absolute_elements["absolute_position_children"];
-            element = _this.gVOg(updated_layout_without_absolute_elements);
+            element = _this.idIX(updated_layout_without_absolute_elements);
             document.body.style.backgroundColor = current_slide_from_config.media_background_color;
             document.body.style.margin = "0px";
           }
@@ -23119,9 +23577,12 @@
             current_slide.removeChild(current_slide.children[0]);
           }
           current_slide.appendChild(element);
-          _this.rVWr();
+          // poll component rendering
+          var pollUI = _this.storyPoll.render();
+          current_slide.appendChild(pollUI);
+          _this.eiDZ();
           window.intervalToCheckImgStatus = setInterval(function () {
-            if (_this.Twwy()) {
+            if (_this.GFtM()) {
               clearInterval(window.intervalToCheckImgStatus);
             }
           }, 500);
@@ -23149,7 +23610,7 @@
         });
         playNext();
       });
-      _defineProperty(this, "SfPl", function () {
+      _defineProperty(this, "YTpx", function () {
         document.body.classList.add("slide-right");
         var animationEndCounter = 0;
         var onAnimationEnd = function onAnimationEnd() {
@@ -23161,7 +23622,7 @@
         };
         document.body.addEventListener("animationend", onAnimationEnd);
       });
-      _defineProperty(this, "gVOg", function (config) {
+      _defineProperty(this, "idIX", function (config) {
         var _window$Apxor4;
         var element;
         var explicit_styles = "";
@@ -23219,7 +23680,7 @@
             element.innerHTML = "<svg width=\"30\" height=\"30\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M12.375 4L10.1979 6.17708L7.92708 9.20833H3V15.4583H7.16667L12.375 20.6667V4Z\" fill=\"currentColor\" />\n        <path d=\"M14.4905 20.2167C18.9193 20.2167 22.5095 16.6265 22.5095 12.1977C22.5095 7.76894 18.9193 4.17871 14.4905 4.17871\" stroke=\"currentColor\" fill =\"transparent\" stroke-width=\"1.782\"/>\n        <path d=\"M14.4905 15.7618C16.4588 15.7618 18.0545 14.1661 18.0545 12.1978C18.0545 10.2294 16.4588 8.63379 14.4905 8.63379\" stroke=\"currentColor\" fill=\"transparent\" stroke-width=\"1.782\"/>\n        </svg>";
             element.id = "apx-mute-icon";
             element.addEventListener("touchstart", function (event) {
-              _this.uSjD(event);
+              _this.qqos(event);
             });
             break;
           case "copy_icon":
@@ -23459,7 +23920,7 @@
         }
         if (config.absolute_position_children && config.absolute_position_children.length > 0) {
           config.absolute_position_children.forEach(function (childConfig) {
-            var childElement = _this.gVOg(childConfig);
+            var childElement = _this.idIX(childConfig);
             element.appendChild(childElement);
           });
         }
@@ -23467,7 +23928,7 @@
         // Process children
         if (config.children && config.children.length > 0) {
           config.children.forEach(function (childConfig) {
-            var childElement = _this.gVOg(childConfig);
+            var childElement = _this.idIX(childConfig);
             element.appendChild(childElement);
           });
         }
@@ -23495,7 +23956,7 @@
         element.appendChild(ElementStyles);
         return element;
       });
-      _defineProperty(this, "uSjD", function (event) {
+      _defineProperty(this, "qqos", function (event) {
         var slide_details_to_be_deleted;
         var mute_child_elements;
         var unmute_child_elements;
@@ -23525,11 +23986,11 @@
           }
           // this.muteElement.addEventListener("touchstart", (event) => {
           //   event.stopPropagation();
-          //   this.uSjD(event);
+          //   this.qqos(event);
           // });
         }
       });
-      _defineProperty(this, "RqiT", function () {
+      _defineProperty(this, "FBFd", function () {
         var tapTimeout;
         var tapThreshold = 0.5; // Assuming 0.5 is the center of the WebView
         var longPressDuration = 200;
@@ -23653,7 +24114,7 @@
           event.target.dataset.touchStartTime = event.timeStamp;
         });
       });
-      _defineProperty(this, "eznj", function () {
+      _defineProperty(this, "YCkG", function () {
         var startY, startX;
         _this.storyContainer.addEventListener("touchstart", function (event) {
           _this.swipeTouch = true;
@@ -23860,7 +24321,7 @@
           }, 50);
         });
       });
-      _defineProperty(this, "rVWr", function () {
+      _defineProperty(this, "eiDZ", function () {
         _this.loader.style.display = "block";
         var progress = Array.from(document.querySelectorAll(".progress"));
         var activeIndex = progress.findIndex(function (el) {
@@ -23876,7 +24337,7 @@
           }
         }
       });
-      _defineProperty(this, "sfGa", function () {
+      _defineProperty(this, "DOva", function () {
         if (!_this.continueLoading) {
           var slide_details_to_be_deleted = document.querySelector(".slide-details");
           var childElements = slide_details_to_be_deleted.querySelectorAll("video");
@@ -23896,19 +24357,19 @@
           _this.loader.style.display = "none";
         }
       });
-      _defineProperty(this, "xGNr", function () {
+      _defineProperty(this, "TzVx", function () {
         if (_this.imageElements.length === 0) return true;
         return _this.imageElements.every(function (img) {
           return img.complete;
         });
       });
-      _defineProperty(this, "Evhr", function () {
+      _defineProperty(this, "UhLg", function () {
         if (_this.videoElements.length === 0) return true;
         return _this.videoElements.every(function (video) {
           return video.readyState >= 3;
         });
       });
-      _defineProperty(this, "Twwy", function () {
+      _defineProperty(this, "GFtM", function () {
         var bodyStyles = window.getComputedStyle(document.body);
         var backgroundImage = bodyStyles.backgroundImage;
         if (backgroundImage && backgroundImage !== "none" && _this.current_slide_config.media_type === "image") {
@@ -23918,7 +24379,7 @@
           var img = new Image();
           img.src = imageUrl;
           if (img.complete) {
-            _this.sfGa();
+            _this.DOva();
             return true;
           }
           return false;
@@ -23926,21 +24387,21 @@
           var slide_details_to_be_deleted = document.querySelector(".slide-details");
           var childElements = slide_details_to_be_deleted.querySelectorAll("video");
           if (childElements[0].readyState >= 3) {
-            _this.sfGa();
+            _this.DOva();
             return true;
           }
           return false;
         } else {
           if (_this.videoElements.length == 0 && _this.imageElements.length == 0) {
-            _this.sfGa();
+            _this.DOva();
             return true;
-          } else if (_this.xGNr() && _this.Evhr()) {
-            _this.sfGa();
+          } else if (_this.TzVx() && _this.UhLg()) {
+            _this.DOva();
             return true;
           }
         }
       });
-      _defineProperty(this, "ZSUI", function (event, startY, action) {
+      _defineProperty(this, "IdQV", function (event, startY, action) {
         event.stopPropagation();
         var endY = event.changedTouches[0].clientY;
         var deltaY = startY - endY;
@@ -23996,6 +24457,7 @@
       this.closeCallback = closeCallback;
       this.status_bar_height = (_config$position = _config[position]) === null || _config$position === void 0 ? void 0 : _config$position.status_bar_height;
       this.progress_bar = new ProgressBar$1(_config[position].progress_bar);
+      this.storyPoll = new StoryComponents(data, this.moveToNextSlide.bind(this));
       this.slides = _config[position].slides;
       if (this.slides.length === this.slidesSeenCount) {
         this.slidesSeenCount = 0;
@@ -24037,7 +24499,7 @@
       this.swipe_action;
       this.continueLoading = false;
       this.boundSwipeUpHandling = function (event) {
-        return _this.ZSUI(event, _this.startY, _this.swipe_action);
+        return _this.IdQV(event, _this.startY, _this.swipe_action);
       };
     }
     _createClass(Stories, [{
@@ -24101,7 +24563,7 @@
           } else {
             var _progress$activeIndex5, _progress$activeIndex6, _progress$, _window12, _window12$logInternal, _window$ApxorRTM17, _window$ApxorRTM18, _window$ApxorRTM19;
             // Move to the first slide of the next group
-            // this.SfPl();
+            // this.YTpx();
             this.position++;
             this.progress_bar = new ProgressBar$1(this.config[this.position].progress_bar);
             this.slides = this.config[this.position].slides;
@@ -24227,7 +24689,7 @@
         if (activeIndex === 0) {
           var _progress$activeIndex9, _progress$activeIndex10, _progress$lastSlideIn, _window14, _window14$logInternal, _window$ApxorRTM23, _window$ApxorRTM24, _window$ApxorRTM25;
           // If at the first slide of the current group, move to the last slide of the previous group
-          // this.SfPl();
+          // this.YTpx();
           this.position--;
           this.progress_bar = new ProgressBar$1(this.config[this.position].progress_bar);
           this.slides = this.config[this.position].slides;
@@ -24414,25 +24876,28 @@
           // Create custom content
           var updated_layout_without_absolute_elements = JSON.parse(JSON.stringify(current_slide_from_config.layout));
           delete updated_layout_without_absolute_elements["absolute_position_children"];
-          element = this.gVOg(updated_layout_without_absolute_elements);
+          element = this.idIX(updated_layout_without_absolute_elements);
         }
         // Append slide content to slide details container
 
         document.body.style.backgroundColor = current_slide_from_config.media_background_color;
         document.body.style.margin = "0px";
         currentSlideDetails.appendChild(element);
-        this.rVWr();
+        // poll
+        var pollUI = this.storyPoll.render();
+        currentSlideDetails.appendChild(pollUI);
+        this.eiDZ();
 
         // Handle absolute position children
         if (current_slide_from_config.layout.absolute_position_children && current_slide_from_config.layout.absolute_position_children.length > 0) {
           current_slide_from_config.layout.absolute_position_children.forEach(function (childConfig) {
-            var childElement = _this2.gVOg(childConfig);
+            var childElement = _this2.idIX(childConfig);
             // Append absolute position children to slide details container
             currentSlideDetails.appendChild(childElement);
           });
         }
         window.intervalToCheckImgStatus2 = setInterval(function () {
-          if (_this2.Twwy()) {
+          if (_this2.GFtM()) {
             clearInterval(window.intervalToCheckImgStatus2);
           }
         }, 500);
@@ -24867,15 +25332,15 @@
         _this$badge$animation2,
         _this$badge$animation3;
       _classCallCheck(this, ApxorBadge);
-      _defineProperty(this, "qoHU", function () {
+      _defineProperty(this, "LCqN", function () {
         var delayMillis = _this.delayMillis * 1000;
         _this.shakeAnimationRepeat(_this.interCount, delayMillis);
       });
-      _defineProperty(this, "fgNo", function () {
+      _defineProperty(this, "RnAT", function () {
         var delayMillis = _this.delayMillis * 1000;
         _this.fadeAnimationRepeat(_this.interCount, delayMillis);
       });
-      _defineProperty(this, "AdBL", function () {
+      _defineProperty(this, "Ozvq", function () {
         var _this$targetElement;
         var delayMillis = _this.delayMillis * 1000;
         var finalStyles = ".apxor-badge-container-stylesdummy-".concat(_this.cssPostFix, " {\n      opacity:0;\n    }").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
@@ -24884,7 +25349,7 @@
         (_this$targetElement = _this.targetElement) === null || _this$targetElement === void 0 || _this$targetElement.appendChild(newstyleNode1);
         _this.rippleAnimationRepeat(_this.interCount, delayMillis);
       });
-      _defineProperty(this, "qdcc", function () {
+      _defineProperty(this, "AwAA", function () {
         var delayMillis = _this.delayMillis * 1000;
         //let badgeContainerClass = `.apxor-badge-container-styles-${this.cssPostFix}`;
         //let badgeAnimationElement = document.querySelector(badgeContainerClass);
@@ -24901,7 +25366,7 @@
         //     newstyleNode1.innerHTML = finalStyles;
         //     this.targetElement?.appendChild(newstyleNode1);
       });
-      _defineProperty(this, "dWIh", function () {
+      _defineProperty(this, "AAlk", function () {
         var elements = document.querySelectorAll(".apx-main-styles-".concat(_this.configId));
         elements === null || elements === void 0 || elements.forEach(function (ele) {
           ele === null || ele === void 0 || ele.remove();
@@ -24910,9 +25375,9 @@
         dummy_elements === null || dummy_elements === void 0 || dummy_elements.forEach(function (ele) {
           ele === null || ele === void 0 || ele.remove();
         });
-        _this.xjxB();
+        _this.sbAR();
       });
-      _defineProperty(this, "xjxB", function () {
+      _defineProperty(this, "sbAR", function () {
         var targetWrapperElement = document.querySelector(".image-container-".concat(_this.configId));
         // Ensure the target element is the wrapper with class 'image-container'
         if (targetWrapperElement) {
@@ -24936,12 +25401,12 @@
        * @param {boolean} optimized
        * @returns viewId
        */
-      _defineProperty(this, "pirj", function (node, optimized) {
+      _defineProperty(this, "zVVH", function (node, optimized) {
         if (node.nodeType !== Node.ELEMENT_NODE) return "";
         var steps = [];
         var contextNode = node;
         while (contextNode) {
-          var step = _this.QXkv(contextNode, !!optimized, contextNode === node);
+          var step = _this.JUVj(contextNode, !!optimized, contextNode === node);
           if (!step) break; // Error - bail out early.
           steps.push(step);
           if (step.optimized) break;
@@ -24956,7 +25421,7 @@
        * @param {boolean} optimized
        * @param {object} isTargetNode
        */
-      _defineProperty(this, "QXkv", function (node, optimized, isTargetNode) {
+      _defineProperty(this, "JUVj", function (node, optimized, isTargetNode) {
         if (node.nodeType !== Node.ELEMENT_NODE) return null;
         var id = node.getAttribute("id");
         if (optimized) {
@@ -25078,7 +25543,7 @@
       this.contentZindexValue = 1;
     }
     _createClass(ApxorBadge, [{
-      key: "epJg",
+      key: "HWuf",
       value: function createBadge() {
         var _this2 = this;
         var targetFoundCallback = function targetFoundCallback() {
@@ -25895,16 +26360,16 @@
   var RTM = /*#__PURE__*/_createClass(function RTM() {
     var _this = this;
     _classCallCheck(this, RTM);
-    _defineProperty(this, "VbpC", {});
+    _defineProperty(this, "bMVC", {});
     _defineProperty(this, "isShowingAction", false);
     _defineProperty(this, "currentAction", null);
-    _defineProperty(this, "QPAJ", null);
+    _defineProperty(this, "QVSQ", null);
     _defineProperty(this, "version", 97);
     _defineProperty(this, "isInitialised", false);
-    _defineProperty(this, "fWpH", {});
-    _defineProperty(this, "NsON", false);
+    _defineProperty(this, "wUgW", {});
+    _defineProperty(this, "fMYg", false);
     _defineProperty(this, "_isShownECCalled", false);
-    _defineProperty(this, "oLJx", function () {
+    _defineProperty(this, "DzGl", function () {
       _this.isInitialised = true;
       var oldPushState = history.pushState;
       history.pushState = function pushState() {
@@ -25931,7 +26396,7 @@
       var _window;
       (_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.error("logger show");
       if (!_this.isInitialised) {
-        _this.oLJx();
+        _this.DzGl();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor, _window$Apxor$pageUnl;
@@ -25956,7 +26421,7 @@
         } else if (ui_config.display_type === "new-inline" || ui_config.action_class === "tooltip_builder") {
           _this.createInLineToolTip(ui_config, duration, uuid, name, ui_config.action_class === "tooltip_builder" ? "tooltip_builder" : "new-inline");
         } else if (ui_config.display_type === "coach_mark_v2") {
-          _this.ikBy(ui_config, duration, uuid, name);
+          _this.QAps(ui_config, duration, uuid, name);
         } else {
           showCoachmarkWithDelay(_this, ui_config, {
             configId: uuid,
@@ -25996,7 +26461,7 @@
     });
     _defineProperty(this, "showBadge", function (uiJson, duration, uuid, name, terminationConfig) {
       if (!_this.isInitialised) {
-        _this.oLJx();
+        _this.DzGl();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor2, _window$Apxor2$pageUn;
@@ -26008,7 +26473,7 @@
         _this.removeBadge(name, uuid);
       }
       var termination_config = JSON.parse(terminationConfig);
-      _this.epJg(ui_config, duration, uuid, name, termination_config);
+      _this.HWuf(ui_config, duration, uuid, name, termination_config);
     });
     _defineProperty(this, "showInApp", function (config, duration, configId, name) {
       try {
@@ -26074,7 +26539,7 @@
       try {
         config = config.split("\n").join("\\n");
         var ui_config = JSON.parse(config);
-        _this.OIaM(ui_config, configId, name, position, slidesSeenCount, view_id);
+        _this.auDv(ui_config, configId, name, position, slidesSeenCount, view_id);
       } catch (e) {
         var _window$Apxor4;
         if (((_window$Apxor4 = window.Apxor) === null || _window$Apxor4 === void 0 ? void 0 : _window$Apxor4.platform) === "ios") {
@@ -26088,7 +26553,7 @@
         console.error(e);
       }
     });
-    _defineProperty(this, "OIaM", function (config, configId, name, position, slidesSeenCount, view_id) {
+    _defineProperty(this, "auDv", function (config, configId, name, position, slidesSeenCount, view_id) {
       var cardsContainer = new Stories(config, configId, name, position, slidesSeenCount, view_id, function () {
         var _window$ApxorRTM3, _config$additional_in3, _config$additional_in4;
         (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_nudge_shown", {
@@ -26137,7 +26602,7 @@
         var _window22, _window22$updateFlag, _window23;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.QPAJ = null;
+        _this.QVSQ = null;
         (_window22 = window) === null || _window22 === void 0 || (_window22 = _window22.Apxor) === null || _window22 === void 0 || (_window22$updateFlag = _window22.updateFlag) === null || _window22$updateFlag === void 0 || _window22$updateFlag.call(_window22, false);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
@@ -26148,21 +26613,21 @@
         }
       };
       if (action_class === "new-inline") {
-        _this.QPAJ = new InLineTooltip(ui_config, [], [], terminationConfig, {
+        _this.QVSQ = new InLineTooltip(ui_config, [], [], terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide, function () {}, false, 0);
       } else if (action_class === "tooltip_builder") {
-        _this.QPAJ = new NewInLineTooltip(ui_config, terminationConfig, {
+        _this.QVSQ = new NewInLineTooltip(ui_config, terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide);
       }
       setTimeout(function () {
-        _this.QPAJ.createNewTooltip();
+        _this.QVSQ.createNewTooltip();
       }, ui_config.delay);
     });
-    _defineProperty(this, "ikBy", function (ui_config, duration, uuid, name) {
+    _defineProperty(this, "QAps", function (ui_config, duration, uuid, name) {
       var terminationConfig = {};
       terminationConfig["auto_dismiss"] = duration > 0;
       terminationConfig["duration"] = duration;
@@ -26186,7 +26651,7 @@
         var _window27, _window27$updateFlag, _window28;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.QPAJ = null;
+        _this.QVSQ = null;
         (_window27 = window) === null || _window27 === void 0 || (_window27 = _window27.Apxor) === null || _window27 === void 0 || (_window27$updateFlag = _window27.updateFlag) === null || _window27$updateFlag === void 0 || _window27$updateFlag.call(_window27, false);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
@@ -26198,7 +26663,7 @@
       }, _this.stepperCallback, false, 0);
       _this._currentCoachmark.createNewCoachMark();
     });
-    _defineProperty(this, "epJg", function (ui_config, duration, uuid, name, terminationConfig) {
+    _defineProperty(this, "HWuf", function (ui_config, duration, uuid, name, terminationConfig) {
       _this._currentBadge = new ApxorBadge(ui_config, terminationConfig, {
         configId: uuid,
         configName: name
@@ -26215,12 +26680,12 @@
           }
         }
       });
-      _this._currentBadge.dWIh();
-      _this._currentBadge.epJg();
+      _this._currentBadge.AAlk();
+      _this._currentBadge.HWuf();
     });
     _defineProperty(this, "updateElementPositionOnScroll", function (top, left, height, width) {
-      if (_this.QPAJ) {
-        _this.QPAJ.updateElementPositionOnScroll(top, left, height, width);
+      if (_this.QVSQ) {
+        _this.QVSQ.updateElementPositionOnScroll(top, left, height, width);
       }
     });
     _defineProperty(this, "createInAppVideo", function (config, duration, configId, name) {
@@ -26355,10 +26820,10 @@
     });
     _defineProperty(this, "showPlaceHolder", function () {
       var _window38;
-      if (_this.NsON) {
+      if (_this.fMYg) {
         return;
       }
-      _this.NsON = true;
+      _this.fMYg = true;
       var ele = document.createElement("div");
       ele.innerHTML = "place your immersive card here";
       ele.style.backgroundColor = "#f5f5f5";