apxor-rtm-ui 0.6.0 → 0.6.1

package/dist/apxor.rtm.js.bak

@@ -11660,8 +11660,8 @@
     var _this = this,
       _config$termination;
     _classCallCheck(this, TemplateContent);
-    _defineProperty(this, "FbqU", function () {
-      var element = _this.OKHv(_this.layout);
+    _defineProperty(this, "hJkH", function () {
+      var element = _this.jtyP(_this.layout);
       //document.body.appendChild(element);
       var tooltipStyles = document.createElement("style");
       tooltipStyles.innerHTML = _this.initialStyles;
@@ -11677,7 +11677,7 @@
       }
       return element;
     });
-    _defineProperty(this, "OKHv", function (config) {
+    _defineProperty(this, "jtyP", function (config) {
       var _window$Apxor;
       var element;
       switch (config.type) {
@@ -11808,7 +11808,7 @@
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         element.style.position = "relative";
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.OKHv(childConfig);
+          var childElement = _this.jtyP(childConfig);
           childElement.style.position = "absolute";
           for (var _prop in childConfig.offset) {
             childElement.style[_prop] = childConfig.offset[_prop];
@@ -11826,7 +11826,7 @@
         // }
 
         config.children.forEach(function (childConfig) {
-          var childElement = _this.OKHv(childConfig);
+          var childElement = _this.jtyP(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -12729,7 +12729,7 @@
     }, {
       key: "_setInLineContent",
       value: function _setInLineContent() {
-        this.inLineContainer = this.templateContent.FbqU();
+        this.inLineContainer = this.templateContent.hJkH();
       }
     }, {
       key: "_setObservors",
@@ -14277,7 +14277,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "IrSW", function () {
+      _defineProperty(this, "RiAn", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -14296,7 +14296,7 @@
        * @private
        * @description Sets the marketing content at the end of the Inline
        */
-      _defineProperty(this, "pcuy", function () {
+      _defineProperty(this, "YrUN", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inline-marketing".concat(_this.cssPostFix));
@@ -14898,7 +14898,7 @@
         if (apxor_tooltip_styles) {
           return;
         }
-        var styles = "\n      ".concat(this._getCustomFonts(), "  \n      ").concat(this._getBackgroundContainerStyles(), " \n      ").concat(this._getInLineContainerStyles(), " \n      ").concat(this._getScrollStyles(), " \n      ").concat(this._getControlsStyles(), " \n      ").concat(this._getInLineMediaContainerStyles(), "\n      ").concat(this._getInLineNonMediaContainerStyles(), "\n      ").concat(this._getTextConatinerStyles(), "\n      ").concat(this._getTitleStyles(), " \n      ").concat(this._getDescriptionStyles(), " \n      ").concat(this._getInLineButtonContainerStyles(), " \n      ").concat(this._getIconStyles(), " \n      ").concat(this._getImageStyles(), " \n      ").concat(this._getVideoStyles(), " \n      ").concat(this.IrSW(), "\n      ").concat(this._getTippyStyles(), "\n      ").concat(this._getFooterStyles(), "\n      ").concat(this._getProgressBarStyles(), "\n      ").concat(this._getBootstrapiconsStyles(), " \n    ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+        var styles = "\n      ".concat(this._getCustomFonts(), "  \n      ").concat(this._getBackgroundContainerStyles(), " \n      ").concat(this._getInLineContainerStyles(), " \n      ").concat(this._getScrollStyles(), " \n      ").concat(this._getControlsStyles(), " \n      ").concat(this._getInLineMediaContainerStyles(), "\n      ").concat(this._getInLineNonMediaContainerStyles(), "\n      ").concat(this._getTextConatinerStyles(), "\n      ").concat(this._getTitleStyles(), " \n      ").concat(this._getDescriptionStyles(), " \n      ").concat(this._getInLineButtonContainerStyles(), " \n      ").concat(this._getIconStyles(), " \n      ").concat(this._getImageStyles(), " \n      ").concat(this._getVideoStyles(), " \n      ").concat(this.RiAn(), "\n      ").concat(this._getTippyStyles(), "\n      ").concat(this._getFooterStyles(), "\n      ").concat(this._getProgressBarStyles(), "\n      ").concat(this._getBootstrapiconsStyles(), " \n    ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
         var styleNode = document.createElement("style");
         styleNode.setAttribute("apx-tooltip-styles", "");
         styleNode.innerHTML = styles;
@@ -15708,7 +15708,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.pcuy();
+        this.YrUN();
       }
 
       /**
@@ -18553,7 +18553,7 @@
     }, {
       key: "_setInAppModalContent",
       value: function _setInAppModalContent() {
-        this.inAppContainer = this.templateContent.FbqU();
+        this.inAppContainer = this.templateContent.hJkH();
         this.inAppContainer.style.zIndex = 99999;
         this.overlayElement.appendChild(this.inAppContainer);
       }
@@ -18701,7 +18701,7 @@
        * @description Creates the styles for Marketing message.
        * @returns {string} css styles
        */
-      _defineProperty(this, "IrSW", function () {
+      _defineProperty(this, "RiAn", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -18747,7 +18747,7 @@
        * @private
        * @description Get the response for Form content in the InApp modal.
        */
-      _defineProperty(this, "NTBD", function (form_elements) {
+      _defineProperty(this, "Ghij", function (form_elements) {
         var obj = {};
         var callback = "";
         form_elements.forEach(function (element) {
@@ -18787,7 +18787,7 @@
        * @private
        * @description Sets the marketing content at the end of the InApp
        */
-      _defineProperty(this, "pcuy", function () {
+      _defineProperty(this, "YrUN", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
@@ -19040,7 +19040,7 @@
     }, {
       key: "_setStyles",
       value: function _setStyles() {
-        var styles = "\n      ".concat(this._getCustomFonts(), " \n      ").concat(this._getBackgroundContainerStyles(), " \n      ").concat(this._getInAppContainerStyles(), " \n      ").concat(this._getScrollStyles(), " \n      ").concat(this._getControlsStyles(), " \n      ").concat(this._getInAppMediaContainerStyles(), "\n      ").concat(this._getInAppNonMediaContainerStyles(), "\n      ").concat(this._getTextConatinerStyles(), "\n      ").concat(this._getTitleStyles(), " \n      ").concat(this._getDescriptionStyles(), " \n      ").concat(this._getFormStyles(), "\n      ").concat(this._getInAppButtonContainerStyles(), "\n      ").concat(this._getIconStyles(), " \n      ").concat(this._getImageStyles(), " \n      ").concat(this._getVideoStyles(), " \n      ").concat(this.IrSW(), " \n      ").concat(this._getProgressBarStyles(), "\n      ").concat(this._getBootstrapiconsStyles(), " \n    ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+        var styles = "\n      ".concat(this._getCustomFonts(), " \n      ").concat(this._getBackgroundContainerStyles(), " \n      ").concat(this._getInAppContainerStyles(), " \n      ").concat(this._getScrollStyles(), " \n      ").concat(this._getControlsStyles(), " \n      ").concat(this._getInAppMediaContainerStyles(), "\n      ").concat(this._getInAppNonMediaContainerStyles(), "\n      ").concat(this._getTextConatinerStyles(), "\n      ").concat(this._getTitleStyles(), " \n      ").concat(this._getDescriptionStyles(), " \n      ").concat(this._getFormStyles(), "\n      ").concat(this._getInAppButtonContainerStyles(), "\n      ").concat(this._getIconStyles(), " \n      ").concat(this._getImageStyles(), " \n      ").concat(this._getVideoStyles(), " \n      ").concat(this.RiAn(), " \n      ").concat(this._getProgressBarStyles(), "\n      ").concat(this._getBootstrapiconsStyles(), " \n    ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
         var styleNode = document.createElement("style");
         styleNode.setAttribute("id", "apxor-style-" + this.configId);
         styleNode.innerHTML = styles;
@@ -19517,7 +19517,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.pcuy();
+        this.YrUN();
       }
 
       /**
@@ -19722,7 +19722,7 @@
           var form = document.querySelector(".apx-inapp-form-container".concat(this.cssPostFix));
           form.addEventListener("submit", function (e) {
             e.preventDefault();
-            var _this4$generateRespon = _this4.NTBD(_this4.form.elements),
+            var _this4$generateRespon = _this4.Ghij(_this4.form.elements),
               obj = _this4$generateRespon.obj,
               callback = _this4$generateRespon.callback;
             var evalString = "(obj)=>" + callback + "(obj)";
@@ -20048,45 +20048,49 @@
               video.requestPictureInPicture().then(function () {
                 video.play();
               })["catch"](function (error) {
+                var _window$ApxorRTM;
                 Logger.error("Can't show PIP:".concat(error));
-                window.Apxor.logAppEvent("apx_video_inapp_failed", JSON.stringify({
+                (_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 || _window$ApxorRTM.logEvent("apx_video_inapp_failed", {
                   campaignName: _this2.name,
                   id: _this2.configId,
                   failureReason: error
-                }));
+                });
                 hideCallback();
               });
             };
             video.onabort = function () {
+              var _window$ApxorRTM2;
               Logger.error("Can't show video: resource is not fully loaded");
-              window.Apxor.logAppEvent("apx_video_inapp_failed", JSON.stringify({
+              (_window$ApxorRTM2 = window.ApxorRTM) === null || _window$ApxorRTM2 === void 0 || _window$ApxorRTM2.logEvent("apx_video_inapp_failed", {
                 campaignName: this.name,
                 id: this.configId,
                 failureReason: "Can't show video, meta data not loaded"
-              }));
+              });
               this.hideCallback();
             };
             video.onstalled = function () {
+              var _window$ApxorRTM3;
               Logger.error("Can't show video: data is unexpectedly not forthcoming");
-              window.Apxor.logAppEvent("apx_video_inapp_failed", JSON.stringify({
+              (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_video_inapp_failed", {
                 campaignName: this.name,
                 id: this.configId,
                 failureReason: "Can't show video, data is unexpectedly not forthcoming"
-              }));
+              });
               this.hideCallback();
             };
           } else {
             // As the video player is hidden by default, unhide if the mode is not PIP.
-            _this.GXJg();
+            _this.qlGO();
           }
           _this.showCallback();
         } catch (e) {
+          var _window$ApxorRTM4;
           Logger.error("Can't show video:".concat(e));
-          window.Apxor.logAppEvent("apx_video_inapp_failed", JSON.stringify({
+          (_window$ApxorRTM4 = window.ApxorRTM) === null || _window$ApxorRTM4 === void 0 || _window$ApxorRTM4.logEvent("apx_video_inapp_failed", {
             campaignName: _this.name,
             id: _this.configId,
             failureReason: e
-          }));
+          });
           _this.hideCallback();
         }
       });
@@ -20097,7 +20101,7 @@
        * For portrait - width is set to 50% of the screen and height is auto adjusted based on resolution.
        * For landscape - height is set to 50% of the screen and width is auto adjusted based on resolution.
        */
-      _defineProperty(this, "AvhK", function () {
+      _defineProperty(this, "Vjvf", function () {
         var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video, 1),
           width = _getHeightWidthFromRe.width,
           height = _getHeightWidthFromRe.height;
@@ -20109,7 +20113,7 @@
        * @private
        * @description Removes the video player style element.
        */
-      _defineProperty(this, "EBLK", function () {
+      _defineProperty(this, "MXZq", function () {
         var playerStyles = document.getElementById("apx-mpl-styles");
         if (playerStyles) {
           playerStyles.remove();
@@ -20120,7 +20124,7 @@
        * @private
        * @description Attach listeners on the video controls
        */
-      _defineProperty(this, "PjLl", function () {
+      _defineProperty(this, "SZZs", function () {
         // Listener for the video end. Display the CTA's when the video ends.
         _this.videoElement.addEventListener("ended", function () {
           var ctaButtons = document.getElementById("apx-cta-btn");
@@ -20140,6 +20144,7 @@
         // If the play button is clicked again, the CTA buttons should be removed.
         _this.videoElement.addEventListener("play", function () {
           if (!_this.inAppShown) {
+            var _window$ApxorRTM5;
             // Initialize the fields to keep the track of aditional info required for logging events.
             _this.minimisedCount = 0;
             _this.maximisedCount = 0;
@@ -20151,7 +20156,7 @@
             _this.slotStartTime = 0; // to tract the start time of the minimize and maximize time slot.
             _this.slotStartTimeVolumeChange = 0; // to track the start time of the volume change time slot.
 
-            window.Apxor.logAppEvent("inapp_shown", JSON.stringify({
+            (_window$ApxorRTM5 = window.ApxorRTM) === null || _window$ApxorRTM5 === void 0 || _window$ApxorRTM5.logEvent("inapp_shown", {
               message_name: _this.name,
               visibleScreen: location.pathname,
               inappType: "PIP Inapp",
@@ -20161,7 +20166,7 @@
               videoDuration: Math.round(_this.videoElement.duration),
               videoResolution: "".concat(_this.videoElement.videoWidth, "x").concat(_this.videoElement.videoHeight),
               videoConfiguration: "Streaming"
-            }));
+            });
             _this.inAppShown = true;
           }
           if (_this.videoElement.currentTime === 0 || _this.videoElement.currentTime === _this.videoElement.duration) {
@@ -20178,13 +20183,14 @@
         _this.videoElement.addEventListener("fullscreenchange", function () {
           _this.slotEndTime = _this.videoElement.currentTime;
           if (document.fullscreenElement) {
+            var _window$ApxorRTM6;
             _this.maximisedCount++;
             _this.durationMinimised = Math.round(_this.slotEndTime) - Math.round(_this.slotStartTime);
             if (_this.videoElement.currentTime !== _this.videoElement.duration) {
               _this.totalDurationMinimised += _this.durationMinimised;
               _this.durationMinimisedSlots.push("".concat(Math.round(_this.slotStartTime), "-").concat(Math.round(_this.slotEndTime)));
             }
-            window.Apxor.logAppEvent("apx_video_inapp_maximised", JSON.stringify({
+            (_window$ApxorRTM6 = window.ApxorRTM) === null || _window$ApxorRTM6 === void 0 || _window$ApxorRTM6.logEvent("apx_video_inapp_maximised", {
               message_name: _this.name,
               durationMinimised: _this.durationMinimised,
               durationSlotMinimised: "".concat(Math.round(_this.slotStartTime), "-").concat(Math.round(_this.slotEndTime)),
@@ -20192,15 +20198,16 @@
               totalDurationWatched: Math.round(_this.totalDurationMinimised),
               totalDurationWatchedSlot: _this.durationMinimisedSlots,
               maximisedCount: _this.maximisedCount
-            }));
+            });
           } else {
+            var _window$ApxorRTM7;
             _this.durationMaximised = Math.round(_this.slotEndTime) - Math.round(_this.slotStartTime);
             _this.minimisedCount++;
             if (_this.videoElement.currentTime !== _this.videoElement.duration) {
               _this.totalDurationMaximised += _this.durationMaximised;
               _this.durationMaximisedSlots.push("".concat(Math.round(_this.slotStartTime), "-").concat(Math.round(_this.slotEndTime)));
             }
-            window.Apxor.logAppEvent("apx_video_inapp_minimised", JSON.stringify({
+            (_window$ApxorRTM7 = window.ApxorRTM) === null || _window$ApxorRTM7 === void 0 || _window$ApxorRTM7.logEvent("apx_video_inapp_minimised", {
               message_name: _this.name,
               durationMaximised: _this.durationMaximised,
               durationSlotMaximised: "".concat(Math.round(_this.slotStartTime), "-").concat(Math.round(_this.slotEndTime)),
@@ -20208,20 +20215,21 @@
               totalDurationWatched: Math.round(_this.totalDurationMaximised),
               totalDurationWatchedSlot: _this.durationMaximisedSlots,
               minimisedCount: _this.minimisedCount
-            }));
+            });
           }
           _this.slotStartTime = _this.videoElement.currentTime;
         });
         _this.videoElement.addEventListener("volumechange", function () {
           if (!isNaN(_this.slotStartTimeVolumeChange)) {
+            var _window$ApxorRTM8;
             _this.volumeClickedCount++;
-            window.Apxor.logAppEvent("apx_video_inapp_volume_button_clicked", JSON.stringify({
+            (_window$ApxorRTM8 = window.ApxorRTM) === null || _window$ApxorRTM8 === void 0 || _window$ApxorRTM8.logEvent("apx_video_inapp_volume_button_clicked", {
               message_name: _this.name,
               id: _this.configId,
               actionPerformed: _this.videoElement.muted ? "mute" : "unmute",
               totalDurationWatchedSlot: "".concat(Math.round(_this.slotStartTimeVolumeChange), "-").concat(Math.round(_this.videoElement.currentTime)),
               totalDurationWatched: Math.round(_this.videoElement.currentTime) - Math.round(_this.slotStartTimeVolumeChange)
-            }));
+            });
             _this.slotStartTimeVolumeChange = _this.videoElement.currentTime;
           }
         });
@@ -20231,7 +20239,7 @@
        * @private
        * @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
        */
-      _defineProperty(this, "WzKs", function () {
+      _defineProperty(this, "ULkp", function () {
         var _this$terminationConf;
         if (_this.mode === "PIP" && !((_this$terminationConf = _this.terminationConfig) !== null && _this$terminationConf !== void 0 && _this$terminationConf.auto_dismiss)) {
           // On Exit of the PIP,
@@ -20271,7 +20279,7 @@
        * @private Sets the custom controls on the video player.
        * PIP and close are the custom controls that are created and positions on the video.
        */
-      _defineProperty(this, "DkQa", function () {
+      _defineProperty(this, "FYKO", function () {
         _this.enable_close_button;
         if (_this.enable_close_button) {
           var closeButton = document.createElement("span");
@@ -20318,21 +20326,21 @@
        * @function hideVideoPlayer
        * @description Sets the visibility of the video player to hidden.
        */
-      _defineProperty(this, "Aacc", function () {
+      _defineProperty(this, "rupR", function () {
         _this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function unhideVideoPlayer
        * @description Unhides video player.
        */
-      _defineProperty(this, "GXJg", function () {
+      _defineProperty(this, "qlGO", function () {
         _this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
       /**
        * @function getVideoElement
        * @returns {HTMLElement} Video ekement
        */
-      _defineProperty(this, "gHbQ", function () {
+      _defineProperty(this, "UFZT", function () {
         return _this.videoElement;
       });
       this.videoPlayer = null;
@@ -20384,7 +20392,7 @@
         this.videoPlayer.style.backgroundColor = this.bg_color;
 
         // Video has a resolution, not deviating from the resolution set the height and width.
-        this.AvhK();
+        this.Vjvf();
         //Generate the styles and add them to the document head.
         this._setVideoPlayerStyles();
         //Set the position of the video player with in the 5 possible positions.
@@ -20392,16 +20400,16 @@
         //Create a video element,set the source and add to the container.
         this._setPlayerContent();
         //Set the listeners on the video control buttons.
-        this.PjLl();
+        this.SZZs();
         //Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
-        this.WzKs();
+        this.ULkp();
         //Set the custom close and PIP controls. Not using the defaults from the html video element.
         //Reason - We want to position them at the top right and left positions.
-        this.DkQa();
+        this.FYKO();
         //Generate and postion the CTA buttons on the video. By default hidden, visible only when video is completed
         this._setButtons(BUTTON_CONTAINER_POSITION.CENTER);
         //Hide the video player. Display it based on the video mode. Videoplayer for "video" mode and a direct PIP  for "PIP" mode.
-        this.Aacc();
+        this.rupR();
         //If the auto dismiss is enabled, sets the timeout to call the InApp close.
         this._setAutoTerminate();
         document.body.appendChild(this.videoPlayer);
@@ -20505,6 +20513,7 @@
       function _onClose() {
         var closeButtonName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "web_minimise_x_clicked";
         try {
+          var _window$ApxorRTM10;
           if (this.inAppShown) {
             if (!document.fullscreenElement) {
               this.totalDurationMinimised += Math.round(this.videoElement.currentTime) - Math.round(this.slotStartTime);
@@ -20515,17 +20524,18 @@
             }
           }
           this.videoPlayer.remove();
-          this.EBLK();
+          this.MXZq();
           if (closeButtonName !== "auto_dismiss") {
-            window.Apxor.logAppEvent("apx_video_inapp_close_button_clicked", JSON.stringify({
+            var _window$ApxorRTM9;
+            (_window$ApxorRTM9 = window.ApxorRTM) === null || _window$ApxorRTM9 === void 0 || _window$ApxorRTM9.logEvent("apx_video_inapp_close_button_clicked", {
               message_name: this.name,
               id: this.configId,
               totalDurationWatchedSlot: "0-".concat(Math.round(this.videoElement.currentTime)),
               totalDurationWatched: Math.round(this.videoElement.currentTime),
               closeButtonName: closeButtonName
-            }));
+            });
           }
-          window.Apxor.logAppEvent("apx_inapp_dismissed", JSON.stringify({
+          (_window$ApxorRTM10 = window.ApxorRTM) === null || _window$ApxorRTM10 === void 0 || _window$ApxorRTM10.logEvent("apx_inapp_dismissed", {
             campaignName: this.name,
             id: this.configId,
             totalDurationWatched: Math.round(this.videoElement.currentTime),
@@ -20540,7 +20550,7 @@
             inappType: "PIP Inapp",
             apx_completed: this.videoElement.currentTime === this.videoElement.duration ? true : false,
             apx_completion_percentage: this.videoElement.currentTime / this.videoElement.duration
-          }));
+          });
           this.hideCallback("cancel");
         } catch (e) {
           console.log("Error \n ".concat(e, " \n occured while closing the video"));
@@ -20563,6 +20573,7 @@
         if (this.buttons.enable_top || this.buttons.enable_center || this.buttons.enable_bottom) {
           var removeCallback = function removeCallback(isCancel, action, index) {
             try {
+              var _window$ApxorRTM11;
               var button;
               if (_this3.buttons.enable_top && _this3.buttons.top.length > 0) {
                 button = _this3.buttons.top;
@@ -20573,7 +20584,7 @@
               if (_this3.buttons.enable_bottom && _this3.buttons.bottom.length) {
                 button = _this3.buttons.bottom;
               }
-              window.Apxor.logAppEvent("apx_video_inapp_button_clicked", JSON.stringify({
+              (_window$ApxorRTM11 = window.ApxorRTM) === null || _window$ApxorRTM11 === void 0 || _window$ApxorRTM11.logEvent("apx_video_inapp_button_clicked", {
                 buttonName: button.at(index).text.text,
                 redirection: button.at(index).action.type,
                 totalDurationWatched: Math.round(_this3.videoElement.currentTime),
@@ -20581,9 +20592,9 @@
                 id: _this3.configId,
                 totalDurationWatchedSlot: "0-".concat(Math.round(_this3.videoElement.currentTime)),
                 replayCount: _this3.replayCount
-              }));
+              });
               _this3.videoPlayer.remove();
-              _this3.EBLK();
+              _this3.MXZq();
               _this3.hideCallback();
             } catch (e) {
               console.log("Can't close the video player\n".concat(e));
@@ -20676,10 +20687,10 @@
       try {
         var _window;
         (_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.debug("called showEmbedCards");
-        var element = _this.FHhB(_this.layout);
-        _this.Txlk();
+        var element = _this.QrCq(_this.layout);
+        _this.GVvf();
         window.onresize = function () {
-          _this.KXvL();
+          _this.Kitu();
         };
         var rootContainer = document.createElement("div");
         rootContainer.style.display = "flex";
@@ -20689,7 +20700,7 @@
         var styleElement = document.createElement("style");
         styleElement.innerHTML = _this.styleContent;
         document.head.appendChild(styleElement);
-        _this.rEHS(_this.termination);
+        _this.QOPs(_this.termination);
         try {
           eval(_this.script);
         } catch (e) {
@@ -20701,22 +20712,22 @@
           _this.intervalToCheckVideoStatus = setInterval(function () {
             _this.waitInterval = _this.waitInterval - 1;
             if (_this.waitInterval === 0) {
-              var _window3;
+              var _window$ApxorRTM, _window3;
               clearInterval(_this.intervalToCheckVideoStatus);
-              window.Apxor.logAppEvent("apx_nudge_not_shown", JSON.stringify({
+              (_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 || _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
                 campaignName: _this.name,
                 id: _this.configId,
                 apx_nudge_type: "sticky_card",
                 apx_notshown_type: "error",
                 apx_reason: "provided video doesn't exists"
-              }));
+              });
               window.onresize = null;
               (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.ApxorWidget) === null || _window3 === void 0 || _window3.removeEmbedCard(_this.configId);
               _this.waitInterval = 30;
             }
-            if (_this.taZM()) {
+            if (_this.BhLQ()) {
               _this.waitInterval = 30;
-              _this.KXvL();
+              _this.Kitu();
               clearInterval(_this.intervalToCheckVideoStatus);
             }
           }, 100);
@@ -20727,10 +20738,10 @@
             clearInterval(_this.intervalToCheckImgStatus);
             _this.waitInterval = 30;
           }
-          if (_this.cIIu()) {
+          if (_this.wMuZ()) {
             _this.waitInterval = 30;
             clearInterval(_this.intervalToCheckImgStatus);
-            _this.videoElements.length > 0 ? videoStatusCheck() : _this.KXvL();
+            _this.videoElements.length > 0 ? videoStatusCheck() : _this.Kitu();
           }
         }, 100);
       } catch (e) {
@@ -20739,13 +20750,13 @@
         (_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.ApxorLogger) === null || _window4 === void 0 || _window4.error("failed while creating embed card with error: ".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
       }
     });
-    _defineProperty(this, "Txlk", function () {
+    _defineProperty(this, "GVvf", function () {
       var EmbeddedCardsStyles = document.createElement("style");
       EmbeddedCardsStyles.innerHTML = _this.initialStyles;
       EmbeddedCardsStyles.setAttribute("apx-tooltip-styles", "");
       document.head.appendChild(EmbeddedCardsStyles);
     });
-    _defineProperty(this, "FHhB", function (config) {
+    _defineProperty(this, "QrCq", function (config) {
       var _window$Apxor;
       var element;
       switch (config.type) {
@@ -20822,32 +20833,44 @@
             case "activity":
             case "ir":
               element.onclick = function (e) {
+                var _e$target$getAttribut, _e$target, _e$target$getAttribut2;
                 e.stopPropagation();
                 window.Apxor.redirect(JSON.stringify(action));
                 var additional_info = {
                   campaignName: _this.name,
                   id: _this.configId,
-                  apx_nudge_type: "sticky_card"
+                  apx_nudge_type: "sticky_card",
+                  apx_card_name: (_e$target$getAttribut = (_e$target = e.target) === null || _e$target === void 0 || (_e$target$getAttribut2 = _e$target.getAttribute) === null || _e$target$getAttribut2 === void 0 ? void 0 : _e$target$getAttribut2.call(_e$target, "card_name")) !== null && _e$target$getAttribut !== void 0 ? _e$target$getAttribut : ""
                 };
                 if (e.target.tagName === "BUTTON") {
+                  var _window$ApxorRTM2;
                   additional_info["apx_cta_text"] = e.target.innerHTML;
+                  (_window$ApxorRTM2 = window.ApxorRTM) === null || _window$ApxorRTM2 === void 0 || _window$ApxorRTM2.logEvent("apx_card_CTA_clicked", additional_info);
+                } else {
+                  var _window$ApxorRTM3;
+                  (_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_card_interaction", additional_info);
                 }
-                window.Apxor.logAppEvent("apx_nudge_CTA_clicked", JSON.stringify(additional_info));
               };
               break;
             case "show-video":
               element.onclick = function (e) {
+                var _e$target$getAttribut3, _e$target2, _e$target2$getAttribu;
                 e.stopPropagation();
                 window.Apxor.showVideoInApp(_this.configId, _this.name, action.url);
                 var additional_info = {
                   campaignName: _this.name,
                   id: _this.configId,
-                  apx_nudge_type: "sticky_card"
+                  apx_nudge_type: "sticky_card",
+                  apx_card_name: (_e$target$getAttribut3 = (_e$target2 = e.target) === null || _e$target2 === void 0 || (_e$target2$getAttribu = _e$target2.getAttribute) === null || _e$target2$getAttribu === void 0 ? void 0 : _e$target2$getAttribu.call(_e$target2, "card_name")) !== null && _e$target$getAttribut3 !== void 0 ? _e$target$getAttribut3 : ""
                 };
                 if (e.target.tagName === "BUTTON") {
+                  var _window$ApxorRTM4;
                   additional_info["apx_cta_text"] = e.target.innerHTML;
+                  (_window$ApxorRTM4 = window.ApxorRTM) === null || _window$ApxorRTM4 === void 0 || _window$ApxorRTM4.logEvent("apx_card_CTA_clicked", additional_info);
+                } else {
+                  var _window$ApxorRTM5;
+                  (_window$ApxorRTM5 = window.ApxorRTM) === null || _window$ApxorRTM5 === void 0 || _window$ApxorRTM5.logEvent("apx_card_interaction", additional_info);
                 }
-                window.Apxor.logAppEvent("apx_nudge_CTA_clicked", JSON.stringify(additional_info));
               };
               break;
             case "cancel":
@@ -20883,6 +20906,7 @@
               break;
             case "copy-content":
               element.onclick = function (e) {
+                var _e$target$getAttribut4, _e$target3, _e$target3$getAttribu;
                 e.stopPropagation();
                 var textToCopy = action === null || action === void 0 ? void 0 : action.content;
                 var tempInput = document.createElement("input");
@@ -20891,6 +20915,20 @@
                 tempInput.select();
                 document.execCommand("copy");
                 document.body.removeChild(tempInput);
+                var additional_info = {
+                  campaignName: _this.name,
+                  id: _this.configId,
+                  apx_nudge_type: "sticky_card",
+                  apx_card_name: (_e$target$getAttribut4 = (_e$target3 = e.target) === null || _e$target3 === void 0 || (_e$target3$getAttribu = _e$target3.getAttribute) === null || _e$target3$getAttribu === void 0 ? void 0 : _e$target3$getAttribu.call(_e$target3, "card_name")) !== null && _e$target$getAttribut4 !== void 0 ? _e$target$getAttribut4 : ""
+                };
+                if (e.target.tagName === "BUTTON") {
+                  var _window$ApxorRTM6;
+                  additional_info["apx_cta_text"] = e.target.innerHTML;
+                  (_window$ApxorRTM6 = window.ApxorRTM) === null || _window$ApxorRTM6 === void 0 || _window$ApxorRTM6.logEvent("apx_card_CTA_clicked", additional_info);
+                } else {
+                  var _window$ApxorRTM7;
+                  (_window$ApxorRTM7 = window.ApxorRTM) === null || _window$ApxorRTM7 === void 0 || _window$ApxorRTM7.logEvent("apx_card_interaction", additional_info);
+                }
               };
               break;
             case "log-app-event":
@@ -20910,7 +20948,7 @@
       if (config.absolute_position_children && config.absolute_position_children.length > 0) {
         element.style.position = "relative";
         config.absolute_position_children.forEach(function (childConfig) {
-          var childElement = _this.OKHv(childConfig);
+          var childElement = _this.jtyP(childConfig);
           childElement.style.position = "absolute";
           for (var _prop in childConfig.offset) {
             childElement.style[_prop] = childConfig.offset[_prop];
@@ -20928,7 +20966,7 @@
         // }
 
         config.children.forEach(function (childConfig) {
-          var childElement = _this.FHhB(childConfig);
+          var childElement = _this.QrCq(childConfig);
           element.appendChild(childElement);
         });
       }
@@ -20954,7 +20992,7 @@
       }
       return element;
     });
-    _defineProperty(this, "rEHS", function (config) {
+    _defineProperty(this, "QOPs", function (config) {
       config.forEach(function (id) {
         var element = document.getElementById(id);
         if (element) {
@@ -20962,23 +21000,26 @@
         }
       });
     });
-    _defineProperty(this, "cIIu", function () {
+    _defineProperty(this, "wMuZ", function () {
       return _this.imageElements.every(function (img) {
         return img.complete;
       });
     });
-    _defineProperty(this, "taZM", function () {
+    _defineProperty(this, "BhLQ", function () {
       return _this.videoElements.every(function (video) {
         return video.readyState >= 3;
       });
     });
-    _defineProperty(this, "KXvL", function () {
+    _defineProperty(this, "Kitu", function () {
       var _window6, _window7;
       var width = window.document.querySelector("html").offsetWidth;
       var height = window.document.querySelector("html").offsetHeight;
       (_window6 = window) === null || _window6 === void 0 || (_window6 = _window6.ApxorWidget) === null || _window6 === void 0 || _window6.setDimensions(width, height);
       (_window7 = window) === null || _window7 === void 0 || (_window7 = _window7.ApxorLogger) === null || _window7 === void 0 || _window7.debug("called setWebViewDimensions with width: ".concat(width, " and height: ").concat(height));
-      _this.showCallback();
+      if (width > 0 && height > 0 && !_this.loggedNudgeShownEvent) {
+        _this.showCallback();
+        _this.loggedNudgeShownEvent = true;
+      }
     });
     this.configId = configId;
     this.name = name;
@@ -20993,21 +21034,22 @@
     this.videoElements = [];
     this.intervalToCheckImgStatus;
     this.waitInterval = 30;
+    this.loggedNudgeShownEvent = false;
   });
 
   var RTM = /*#__PURE__*/_createClass(function RTM() {
     var _this = this;
     _classCallCheck(this, RTM);
-    _defineProperty(this, "LikI", {});
+    _defineProperty(this, "ZeeY", {});
     _defineProperty(this, "isShowingAction", false);
     _defineProperty(this, "currentAction", null);
-    _defineProperty(this, "WliE", null);
-    _defineProperty(this, "version", 60);
+    _defineProperty(this, "XhLY", null);
+    _defineProperty(this, "version", 61);
     _defineProperty(this, "isInitialised", false);
-    _defineProperty(this, "KMXd", {});
-    _defineProperty(this, "aAuZ", false);
+    _defineProperty(this, "bBhw", {});
+    _defineProperty(this, "QDeD", false);
     _defineProperty(this, "_isShownECCalled", false);
-    _defineProperty(this, "NBcm", function () {
+    _defineProperty(this, "DuFv", function () {
       _this.isInitialised = true;
       var oldPushState = history.pushState;
       history.pushState = function pushState() {
@@ -21032,7 +21074,7 @@
     });
     _defineProperty(this, "show", function (uiJson, duration, uuid, name) {
       if (!_this.isInitialised) {
-        _this.NBcm();
+        _this.DuFv();
       }
       window.addEventListener("pagehide", function () {
         var _window$Apxor, _window$Apxor$pageUnl;
@@ -21059,7 +21101,7 @@
         } else if (ui_config.display_type === "new-inline" || ui_config.action_class === "tooltip_builder") {
           _this.createInLineToolTip(ui_config, duration, uuid, name, ui_config.action_class === "tooltip_builder" ? "tooltip_builder" : "new-inline");
         } else if (ui_config.display_type === "coach_mark_v2") {
-          _this.iPLW(ui_config, duration, uuid, name);
+          _this.QCTE(ui_config, duration, uuid, name);
         } else {
           showCoachmarkWithDelay(_this, ui_config, {
             configId: uuid,
@@ -21128,23 +21170,23 @@
         var ui_config = JSON.parse(config);
         _this.createembedCards(ui_config, configId, name);
       } catch (e) {
-        var _window11;
-        window.Apxor.logAppEvent("apx_nudge_not_shown", JSON.stringify({
+        var _window$ApxorRTM, _window11;
+        (_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 || _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
           campaignName: name,
           id: configId,
           apx_nudge_type: "sticky_card",
           apx_notshown_type: "error",
           apx_reason: "".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message)
-        }));
+        });
         console.error(e);
         (_window11 = window) === null || _window11 === void 0 || (_window11 = _window11.ApxorLogger) === null || _window11 === void 0 || _window11.error("".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
       }
     });
     _defineProperty(this, "createembedCards", function (config, configId, name) {
       var cardsContainer = new EmbedCards(config, configId, name, function () {
-        var _window12;
+        var _window12, _window$ApxorRTM2;
         (_window12 = window) === null || _window12 === void 0 || (_window12 = _window12.ApxorLogger) === null || _window12 === void 0 || _window12.debug("successfully showing the nudge");
-        (config === null || config === void 0 ? void 0 : config.initialRender) && window.Apxor.logAppEvent("apx_nudge_shown", JSON.stringify({
+        (config === null || config === void 0 ? void 0 : config.initialRender) && ((_window$ApxorRTM2 = window.ApxorRTM) === null || _window$ApxorRTM2 === void 0 ? void 0 : _window$ApxorRTM2.logEvent("apx_nudge_shown", {
           campaignName: name,
           id: configId,
           apx_nudge_type: "sticky_card"
@@ -21194,7 +21236,7 @@
         var _window19, _window19$updateFlag, _window20;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.WliE = null;
+        _this.XhLY = null;
         (_window19 = window) === null || _window19 === void 0 || (_window19 = _window19.Apxor) === null || _window19 === void 0 || (_window19$updateFlag = _window19.updateFlag) === null || _window19$updateFlag === void 0 || _window19$updateFlag.call(_window19, false);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
@@ -21205,21 +21247,21 @@
         }
       };
       if (action_class === "new-inline") {
-        _this.WliE = new InLineTooltip(ui_config, [], [], terminationConfig, {
+        _this.XhLY = new InLineTooltip(ui_config, [], [], terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide, function () {}, false, 0);
       } else if (action_class === "tooltip_builder") {
-        _this.WliE = new NewInLineTooltip(ui_config, terminationConfig, {
+        _this.XhLY = new NewInLineTooltip(ui_config, terminationConfig, {
           configId: uuid,
           configName: name
         }, _this, onShow, onHide);
       }
       setTimeout(function () {
-        _this.WliE.createNewTooltip();
+        _this.XhLY.createNewTooltip();
       }, ui_config.delay);
     });
-    _defineProperty(this, "iPLW", function (ui_config, duration, uuid, name) {
+    _defineProperty(this, "QCTE", function (ui_config, duration, uuid, name) {
       var terminationConfig = {};
       terminationConfig["auto_dismiss"] = duration > 0;
       terminationConfig["duration"] = duration;
@@ -21243,7 +21285,7 @@
         var _window24, _window24$updateFlag, _window25;
         _this.isShowingAction = false;
         _this.currentAction = null;
-        _this.WliE = null;
+        _this.XhLY = null;
         (_window24 = window) === null || _window24 === void 0 || (_window24 = _window24.Apxor) === null || _window24 === void 0 || (_window24$updateFlag = _window24.updateFlag) === null || _window24$updateFlag === void 0 || _window24$updateFlag.call(_window24, false);
         if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
           window.Apxor.logActionEvent("inline_dismissed", uuid, name);
@@ -21256,8 +21298,8 @@
       _this._currentCoachmark.createNewCoachMark();
     });
     _defineProperty(this, "updateElementPositionOnScroll", function (top, left, height, width) {
-      if (_this.WliE) {
-        _this.WliE.updateElementPositionOnScroll(top, left, height, width);
+      if (_this.XhLY) {
+        _this.XhLY.updateElementPositionOnScroll(top, left, height, width);
       }
     });
     _defineProperty(this, "createInAppVideo", function (config, duration, configId, name) {
@@ -21352,10 +21394,10 @@
     });
     _defineProperty(this, "showPlaceHolder", function () {
       var _window33;
-      if (_this.aAuZ) {
+      if (_this.QDeD) {
         return;
       }
-      _this.aAuZ = true;
+      _this.QDeD = true;
       var ele = document.createElement("div");
       ele.innerHTML = "place your immersive card here";
       ele.style.backgroundColor = "#f5f5f5";
@@ -21367,11 +21409,19 @@
       document.body.appendChild(ele);
       (_window33 = window) === null || _window33 === void 0 || (_window33 = _window33.ApxorWidget) === null || _window33 === void 0 || _window33.setDimensions(window.document.querySelector("html").offsetWidth, window.document.querySelector("html").offsetHeight);
     });
-  } // createSurvey = (config, configId, name) => {
-  //   const survey_obj = new NewSurveys(configId, name, config, []);
-  //   survey_obj.createSurvey();
-  // };
-  );
+    // createSurvey = (config, configId, name) => {
+    //   const survey_obj = new NewSurveys(configId, name, config, []);
+    //   survey_obj.createSurvey();
+    // };
+    _defineProperty(this, "logEvent", function (name, additional_info) {
+      var _window$Apxor5;
+      if (((_window$Apxor5 = window.Apxor) === null || _window$Apxor5 === void 0 ? void 0 : _window$Apxor5.platform) === "ios") {
+        window.Apxor.logAppEvent(name, additional_info);
+      } else {
+        window.Apxor.logAppEvent(name, JSON.stringify(additional_info));
+      }
+    });
+  });
 
   /* eslint-disable no-empty */
   var rtm = new RTM();