apxor-rtm-ui 0.0.10 → 0.1.0-qa.0

package/dist/apxor.rtm.js.bak

@@ -2,7 +2,7 @@
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
   (global = global || self, global['apxor-rtm'] = factory());
-}(this, (function () { 'use strict';
+}(this, function () { 'use strict';
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
@@ -24,7 +24,7 @@
       descriptor.enumerable = descriptor.enumerable || false;
       descriptor.configurable = true;
       if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
+      Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
     }
   }
   function _createClass(Constructor, protoProps, staticProps) {
@@ -36,6 +36,7 @@
     return Constructor;
   }
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -141,9 +142,29 @@
   function _nonIterableSpread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
+  function _toPrimitive(input, hint) {
+    if (typeof input !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (typeof res !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return typeof key === "symbol" ? key : String(key);
+  }
 
   /*! shepherd.js 4.0.0-beta.1 */
 
+  /* eslint-disable no-unused-vars */
+  /* eslint-disable no-useless-escape */
+  /* eslint-disable no-empty */
+  /* eslint-disable no-unsafe-finally */
+  /* eslint-disable no-func-assign */
+
   function _typeof$1(obj) {
     if (typeof Symbol === "function" && _typeof(Symbol.iterator) === "symbol") {
       _typeof$1 = function _typeof$1(obj) {
@@ -5073,6 +5094,8 @@
             case RIGHT_ARROW:
               _this3.tour.next();
               break;
+            default:
+              break;
           }
         });
       }
@@ -6303,7 +6326,8 @@
   };
   var EVENT_PREFIX = {
     INAPP: "InApp_",
-    INLINE: "InLine_"
+    INLINE: "InLine_",
+    SURVEY: "Survey_"
   };
   var COLORS = {
     BLACK: "#000000",
@@ -6312,7 +6336,8 @@
   var BUTTON_CONTAINER_POSITION = {
     TOP: "top",
     CENTER: "center",
-    BOTTOM: "bottom"
+    BOTTOM: "bottom",
+    SURVEY_BOTTOM: "survey_button"
   };
   var VIDEOS_MODES = {
     PLAYER: "mini",
@@ -6323,6 +6348,8 @@
     CAROUSEL: "carousel"
   };
 
+  /* eslint-disable no-unused-vars */
+
   var isUndefined$1 = function isUndefined(term) {
     return typeof term === "undefined";
   };
@@ -6640,6 +6667,8 @@
       totalSlots = 3;
     } else if (position === BUTTON_CONTAINER_POSITION.BOTTOM) {
       totalSlots = 5;
+    } else if (position === BUTTON_CONTAINER_POSITION.SURVEY_BOTTOM) {
+      totalSlots = 3;
     } else {
       totalSlots = 1;
     }
@@ -6752,7 +6781,7 @@
       }
       buttons += type !== "stepper" ? "\n    div .button-div.".concat(position, "-button-").concat(slot, "{\n      width:auto;\n      height:auto;\n      cursor: pointer;\n      background-color: ").concat(bg_color === "#" ? "transparent" : bg_color, ";\n      ").concat(borderStyles, "\n      ").concat(marginStyles, "\n      ").concat(paddingStyles, "\n      ").concat(marginLeft ? "margin-left:auto;" : "", "\n      ").concat(marginRight ? "margin-right:auto;" : "margin-right:12px;", "\n      ").concat(gradientStyles, "\n    }\n    .").concat(position, "-button-").concat(slot, "{\n      cursor: pointer;\n      color: ").concat(text_color, ";\n      background-color: transparent;\n      font-size: ").concat(size, "px;\n      border:none;\n      font-family: ").concat(font_family, ";\n      font-weight: ").concat(weight, ";\n      font-style: ").concat(style, ";\n      margin: ").concat(text_margin_top, "px ").concat(text_margin_right, "px ").concat(text_margin_bottom, "px ").concat(text_margin_left, "px;\n      padding: ").concat(text_padding_top, "px ").concat(text_padding_right, "px ").concat(text_padding_bottom, "px ").concat(text_padding_left, "px;\n    }\n    ") : "\n    div .button-div.".concat(position, "-button-").concat(slot, "{\n      width:auto;\n      height:auto;\n      cursor: pointer;\n      background-color: transparent;\n      ").concat(marginLeft ? "margin-left:auto;" : "", "\n      ").concat(marginRight ? "margin-right:auto;" : "margin-right:12px;", "\n      ").concat(gradientStyles, "\n    }\n    ").concat(sub_type === CAROUSEL_TYPE.NUMBER ? "div .stepper-".concat(sub_type, "{\n          font-family:").concat(numberedfont.family, ";\n          font-size: ").concat(numberedfont.size, "px;\n          font-style:").concat(numberedfont.style, ";\n          font-width:").concat(numberedfont.width, ";\n          color:").concat(numbered.color, ";\n        }") : "", "\n\n    ").concat(sub_type === CAROUSEL_TYPE.CAROUSAL ? "div .stepper-".concat(sub_type, "{\n        font-size:\"20px\";\n      }") : "", "\n    ");
     });
-    return "\n  div .".concat(position, "-buttons-container  {\n    display: flex;\n    flex-direction:").concat(button_direction === DIRECTION.VERTICAL && position === BUTTON_CONTAINER_POSITION.BOTTOM ? "column" : "row", ";\n    justify-content:").concat(justifyContent, ";\n    align-items:center;\n    flex-wrap:wrap;\n  }\n  ").concat(buttons, "\n  ");
+    return "\n  div .".concat(position, "-buttons-container  {\n    width:100%;\n    display: flex;\n    flex-direction:").concat(button_direction === DIRECTION.VERTICAL && position === BUTTON_CONTAINER_POSITION.BOTTOM ? "column" : "row", ";\n    justify-content:").concat(justifyContent, ";\n    align-items:center;\n    flex-wrap:wrap;\n  }\n  ").concat(buttons, "\n  ");
   };
   var generateButtonsFromConfig = function generateButtonsFromConfig() {
     var buttons_config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -6861,6 +6890,18 @@
               window.Apxor.logActionEvent(configType + text + "_Clicked", uuid, name);
             };
             break;
+          case "submit":
+            action = function action() {
+              ActionHandler.complete(false, "submit");
+              window.Apxor.logActionEvent(configType + text + "_Clicked", uuid, name);
+            };
+            break;
+          case "skip":
+            action = function action() {
+              ActionHandler.complete(false, "skip");
+              window.Apxor.logActionEvent(configType + text + "_Clicked", uuid, name);
+            };
+            break;
           default:
             action = function action() {
               window.Apxor.logActionEvent(configType + text + "_Clicked", uuid, name);
@@ -7107,6 +7148,9 @@
     var pipSVG = "\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(width, "\" height=\"").concat(height, "\" fill=").concat(color, " class=\"bi bi-pip\" viewBox=\"0 0 16 16\">\n    <path d=\"M0 3.5A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5v-9zM1.5 3a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-13z\"/>\n    <path d=\"M8 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-3z\"/>\n  </svg>");
     return pipSVG;
   };
+  var getSlotNumberByPosition = function getSlotNumberByPosition(position) {
+    if (position === "left") return 1;else if (position === "center") return 3;else return 5;
+  };
 
   /* eslint-disable no-unused-vars */
   var ApxorWalkthroughTour;
@@ -7457,7 +7501,7 @@
       var recheckStartedAt = new Date();
       //For every find_interval
       var elementRecheckIntervalId = setInterval(function () {
-        var element = getViewElement();
+        var element = getViewElement(view_id);
         //If the element is found, stop checking and create a step
         if (element) {
           clearInterval(elementRecheckIntervalId);
@@ -7473,7 +7517,7 @@
       }, find_interval);
     };
     setTimeout(function () {
-      var element = getViewElement();
+      var element = getViewElement(view_id);
       if (!element) {
         console.warn("Element with id:".concat(view_id, " not found."));
         if (find_interval) {
@@ -7919,6 +7963,10 @@
         }
         outerCircleCenterY = innerCircleTop + (textElementOffsetTop + textElemOffsetHeight - innerCircleTop) / 2;
         break;
+      case "LEFT":
+        break;
+      case "RIGHT":
+        break;
     }
     if (textElementOffsetLeft === -1 || textElementOffsetTop === -1 || outerCircleCenterY === -1) {
       console.warn("Failed to identify the right place for text");
@@ -8364,7 +8412,8 @@
    * embed: {
    *   html : "<iframe><video></video></iframe>",
    * }
-   */var EmbeddedVideo = /*#__PURE__*/_createClass(function EmbeddedVideo() {
+   */
+  var EmbeddedVideo = /*#__PURE__*/_createClass(function EmbeddedVideo() {
     var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, EmbeddedVideo);
     this.html = data.html;
@@ -8585,6 +8634,7 @@
     function Text() {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       _classCallCheck(this, Text);
+      this.background_color = data === null || data === void 0 ? void 0 : data.background_color;
       this.alignment = getStringOrDefault(data.alignment, "center").toLowerCase();
       this.color = getColorOrDefault(data.color, "#FFF").toLowerCase();
       this.font = new Font(data.font);
@@ -8829,7 +8879,8 @@
    *  outside_touch : true,
    *  target_touch : false,
    * }
-   */var DismissActions = /*#__PURE__*/_createClass(function DismissActions() {
+   */
+  var DismissActions = /*#__PURE__*/_createClass(function DismissActions() {
     var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, DismissActions);
     this.outside_touch = Boolean(data.outside_touch);
@@ -9097,7 +9148,14 @@
   var Button = /*#__PURE__*/_createClass(function Button() {
     var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, Button);
-    this.slot = getNumberOrDefault(data.slot, 0);
+    if (data !== null && data !== void 0 && data.position) {
+      this.position = new Position(data.position);
+    }
+    if ((data === null || data === void 0 ? void 0 : data.slot) === undefined) {
+      this.slot = getSlotNumberByPosition(this.position.position);
+    } else {
+      this.slot = getNumberOrDefault(data.slot, 0);
+    }
     this.type = getStringOrDefault(data.type, "button");
     this.sub_type = getStringOrDefault(data.sub_type, "");
     this.color = getColorOrDefault(data.color, "#FFF");
@@ -9193,6 +9251,7 @@
     var _this = this;
     var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, Buttons);
+    this.background_color = data.background_color;
     this.enable_top = data.enable_top;
     this.enable_center = data.enable_center;
     this.enable_bottom = data.enable_bottom;
@@ -9211,6 +9270,14 @@
     topButtons.forEach(function (topButton) {
       _this.top.push(new TopButton(topButton));
     });
+    this.enable_margin = data.enable_margin;
+    if (this.enable_margin) this.margin = new Margin(data.margin);
+    this.enable_padding = data.enable_padding;
+    if (this.enable_padding) this.padding = new Padding(data.padding);
+    this.enable_border = data.enable_border;
+    if (this.enable_border) this.border = new Border(data.border);
+    this.enable_gradient = data.enable_gradient;
+    if (this.enable_gradient) this.gradient = new Gradient(data.gradient);
   });
 
   /**
@@ -9396,6 +9463,12 @@
       if (this.enable_carousel) this.carousel = new Carousel(data.carousel);
       this.enable_progressbar = data.enable_progressbar;
       if (this.enable_progressbar) this.progressbar = new ProgressBar(data.progressbar);
+
+      //surveys
+      this.enable_padding = data === null || data === void 0 ? void 0 : data.enable_padding;
+      if (this.enable_padding) this.padding = new Padding(data.padding);
+      this.enable_margin = data === null || data === void 0 ? void 0 : data.enable_margin;
+      if (this.enable_margin) this.margin = new Margin(data.margin);
     }
     _createClass(Stepper, null, [{
       key: "isEnabled",
@@ -9425,7 +9498,13 @@
       var uis = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : {};
       var index = arguments.length > 9 ? arguments[9] : undefined;
       _classCallCheck(this, ModalInApp);
-      _defineProperty(this, "rPRE", function () {
+      /**
+       * @function _getMarketingStyles
+       * @private
+       * @description Creates the styles for Marketing message.
+       * @returns {string} css styles
+       */
+      _defineProperty(this, "ProW", function () {
         if (!_this.enable_marketing) {
           return "";
         }
@@ -9439,7 +9518,12 @@
         var marketingStyles = "\n      .apx-inapp-marketing".concat(_this.cssPostFix, " {\n        align-self:").concat(alignment, ";\n        text-align:").concat(message.alignment, ";\n      }\n    ");
         return marketingStyles;
       });
-      _defineProperty(this, "lVIC", function (form_elements) {
+      /**
+       * @funciton generateResponse
+       * @private
+       * @description Get the response for Form content in the InApp modal.
+       */
+      _defineProperty(this, "dMvX", function (form_elements) {
         var obj = {};
         var callback = "";
         form_elements.forEach(function (element) {
@@ -9467,6 +9551,8 @@
             case "button":
               callback = (_element$callback = element === null || element === void 0 ? void 0 : element.callback) !== null && _element$callback !== void 0 ? _element$callback : "";
               break;
+            default:
+              break;
           }
         });
         return {
@@ -9474,7 +9560,12 @@
           callback: callback
         };
       });
-      _defineProperty(this, "EKeN", function () {
+      /**
+       * @function _setMarketingMessage
+       * @private
+       * @description Sets the marketing content at the end of the InApp
+       */
+      _defineProperty(this, "TRzX", function () {
         if (_this.enable_marketing) {
           var marketingContainer = document.createElement("div");
           marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
@@ -9692,7 +9783,7 @@
     }, {
       key: "_setStyles",
       value: function _setStyles() {
-        var styles = " \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.rPRE(), " \n      ").concat(this._getProgressBarStyles(), "\n      ").concat(this._getBootstrapiconsStyles(), " \n    ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
+        var styles = " \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.ProW(), " \n      ").concat(this._getProgressBarStyles(), "\n      ").concat(this._getBootstrapiconsStyles(), " \n    ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
         var styleNode = document.createElement("style");
         styleNode.innerHTML = styles;
         this.overlayElement.appendChild(styleNode);
@@ -10048,13 +10139,6 @@
         }
         return videoStyles;
       }
-
-      /**
-       * @function _getMarketingStyles
-       * @private
-       * @description Creates the styles for Marketing message.
-       * @returns {string} css styles
-       */
     }, {
       key: "_getProgressBarStyles",
       value:
@@ -10067,7 +10151,7 @@
       function _getProgressBarStyles() {
         var progressBarStyles = "";
         if (this.has_progress_bar) {
-          progressBarStyles = "\n      .apx-inapp-progress-bar".concat(this.cssPostFix, "{\n        position: absolute;\n        width:100%;\n        height:").concat(this.progressbar.width, ";\n        ").concat(this.progressbar.position === "top" ? "top:0px;" : "bottom:0px;", "\n        left:0px;\n        z-index:999999;\n        overflow:hidden;\n        cursor: pointer;\n        background:").concat(this.progressbar.reamining_color, ";\n      }\n      .apx-inapp-bar").concat(this.cssPostFix, "{\n        width:100%;\n        height:100%;\n        background:").concat(this.progressbar.progress_color, ";\n      }");
+          progressBarStyles = "\n      .apx-inapp-progress-bar".concat(this.cssPostFix, "{\n        position: absolute;\n        width:100%;\n        height:").concat(this.progressbar.width, "px;\n        ").concat(this.progressbar.position === "top" ? "top:0px;" : "bottom:0px;", "\n        left:0px;\n        z-index:999999;\n        overflow:hidden;\n        cursor: pointer;\n        background:").concat(this.progressbar.reamining_color, ";\n      }\n      .apx-inapp-bar").concat(this.cssPostFix, "{\n        width:100%;\n        height:100%;\n        background:").concat(this.progressbar.progress_color, ";\n      }");
         }
         return progressBarStyles;
       }
@@ -10141,7 +10225,7 @@
         this._setCloseButton();
 
         //Set the Marketing content
-        this.EKeN();
+        this.TRzX();
       }
 
       /**
@@ -10311,12 +10395,6 @@
           this.textContainer.appendChild(textElement);
         }
       }
-
-      /**
-       * @funciton generateResponse
-       * @private
-       * @description Get the response for Form content in the InApp modal.
-       */
     }, {
       key: "_setFormContent",
       value:
@@ -10340,7 +10418,7 @@
           var form = document.querySelector(".apx-inapp-form-container".concat(this.cssPostFix));
           form.addEventListener("submit", function (e) {
             e.preventDefault();
-            var _this3$generateRespon = _this3.lVIC(_this3.form.elements),
+            var _this3$generateRespon = _this3.dMvX(_this3.form.elements),
               obj = _this3$generateRespon.obj,
               callback = _this3$generateRespon.callback;
             var evalString = "(obj)=>" + callback + "(obj)";
@@ -10520,12 +10598,6 @@
           this.direction.non_media === DIRECTION.VERTICAL || this.direction.nudge === DIRECTION.VERTICAL ? this.inAppContainer.appendChild(closeButton) : this.buttonContainer.appendChild(closeButton);
         }
       }
-
-      /**
-       * @function _setMarketingMessage
-       * @private
-       * @description Sets the marketing content at the end of the InApp
-       */
     }, {
       key: "_setAutoTerminate",
       value:
@@ -10644,7 +10716,11 @@
     function VideoInApp(config, configId, name, showCallback, _hideCallback) {
       var _this = this;
       _classCallCheck(this, VideoInApp);
-      _defineProperty(this, "ZNLw", function () {
+      /**
+       * @function showVideoInApp
+       * @description Shows the video InApp with the configured mode.
+       */
+      _defineProperty(this, "MOZi", function () {
         _this.createPlayer();
         try {
           // In PIP mode, only after the video metadata is loaded, show the PIP.
@@ -10660,7 +10736,7 @@
             };
           } else {
             // As the video player is hidden by default, unhide if the mode is not PIP.
-            _this.HSdD();
+            _this.HMFI();
           }
           _this.showCallback();
         } catch (e) {
@@ -10668,20 +10744,37 @@
           _this.hideCallback();
         }
       });
-      _defineProperty(this, "mWah", function () {
+      /**
+       * @function _getHeightWidthFromResolution
+       * @private
+       * @description Sets the height and width of the video element.
+       * 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, "jcAJ", function () {
         var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video),
           width = _getHeightWidthFromRe.width,
           height = _getHeightWidthFromRe.height;
         _this.height = height;
         _this.width = width;
       });
-      _defineProperty(this, "NreZ", function () {
+      /**
+       * @function _removeVideoPlayerStyles
+       * @private
+       * @description Removes the video player style element.
+       */
+      _defineProperty(this, "Wfze", function () {
         var playerStyles = document.getElementById("apx-mpl-styles");
         if (playerStyles) {
           playerStyles.remove();
         }
       });
-      _defineProperty(this, "gFtr", function () {
+      /**
+       * @function _setVideoControlListeners
+       * @private
+       * @description Attach listeners on the video controls
+       */
+      _defineProperty(this, "tvXC", 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");
@@ -10699,7 +10792,12 @@
           }
         });
       });
-      _defineProperty(this, "SRIs", function () {
+      /**
+       * @function _setPIPtoggleListeners
+       * @private
+       * @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
+       */
+      _defineProperty(this, "JVqR", function () {
         // Enable the PIP toggle listeners only if the config says so.
         if (_this.enable_pip_button && _this.pip.enable_toggles) {
           // On Exit of the PIP,
@@ -10724,7 +10822,12 @@
           _this.videoElement.addEventListener("enterpictureinpicture", onEnterPip, false);
         }
       });
-      _defineProperty(this, "KdWV", function () {
+      /**
+       * @function _setCustomControls
+       * @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, "CFBY", function () {
         _this.enable_close_button;
         if (_this.enable_close_button) {
           var closeButton = document.createElement("span");
@@ -10745,7 +10848,7 @@
             try {
               _this.videoPlayer.remove();
               _this.hideCallback("cancel");
-              _this.NreZ();
+              _this.Wfze();
             } catch (e) {
               console.log("Error \n ".concat(e, " \n occured while closing the video"));
             }
@@ -10770,13 +10873,25 @@
           _this.videoPlayer.appendChild(pipButton);
         }
       });
-      _defineProperty(this, "UDOT", function () {
+      /**
+       * @function hideVideoPlayer
+       * @description Sets the visibility of the video player to hidden.
+       */
+      _defineProperty(this, "uxdx", function () {
         _this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
-      _defineProperty(this, "HSdD", function () {
+      /**
+       * @function unhideVideoPlayer
+       * @description Unhides video player.
+       */
+      _defineProperty(this, "HMFI", function () {
         _this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
       });
-      _defineProperty(this, "tSmq", function () {
+      /**
+       * @function getVideoElement
+       * @returns {HTMLElement} Video ekement
+       */
+      _defineProperty(this, "XfLX", function () {
         return _this.videoElement;
       });
       this.videoPlayer = null;
@@ -10825,7 +10940,7 @@
         this.videoPlayer.style = "background-color:".concat(this.bg_color, ";");
 
         // Video has a resolution, not deviating from the resolution set the height and width.
-        this.mWah();
+        this.jcAJ();
         //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.
@@ -10833,26 +10948,18 @@
         //Create a video element,set the source and add to the container.
         this._setPlayerContent();
         //Set the listeners on the video control buttons.
-        this.gFtr();
+        this.tvXC();
         //Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
-        this.SRIs();
+        this.JVqR();
         //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.KdWV();
+        this.CFBY();
         //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.UDOT();
+        this.uxdx();
         document.body.appendChild(this.videoPlayer);
       }
-
-      /**
-       * @function _getHeightWidthFromResolution
-       * @private
-       * @description Sets the height and width of the video element.
-       * 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.
-       */
     }, {
       key: "_setVideoPlayerStyles",
       value:
@@ -10872,12 +10979,6 @@
           document.head.appendChild(styleElement);
         }
       }
-
-      /**
-       * @function _removeVideoPlayerStyles
-       * @private
-       * @description Removes the video player style element.
-       */
     }, {
       key: "_setVideoPlayerPosition",
       value:
@@ -10937,12 +11038,6 @@
         this.videoElement.appendChild(sourceElement);
         this.videoPlayer.appendChild(this.videoElement);
       }
-
-      /**
-       * @function _setVideoControlListeners
-       * @private
-       * @description Attach listeners on the video controls
-       */
     }, {
       key: "_setButtons",
       value:
@@ -10962,7 +11057,7 @@
             try {
               _this2.videoPlayer.remove();
               _this2.hideCallback();
-              _this2.NreZ();
+              _this2.Wfze();
             } catch (e) {
               console.log("Can't close the video player\n".concat(e));
             }
@@ -10990,11 +11085,6 @@
           this.videoPlayer.appendChild(buttons);
         }
       }
-
-      /**
-       * @function hideVideoPlayer
-       * @description Sets the visibility of the video player to hidden.
-       */
     }], [{
       key: "isAVideoBeingPlayed",
       value: function isAVideoBeingPlayed() {
@@ -11026,11 +11116,6 @@
         }
         return showVideo;
       }
-
-      /**
-       * @function showVideoInApp
-       * @description Shows the video InApp with the configured mode.
-       */
     }]);
     return VideoInApp;
   }();
@@ -11038,13 +11123,13 @@
   var RTM = /*#__PURE__*/_createClass(function RTM() {
     var _this = this;
     _classCallCheck(this, RTM);
-    _defineProperty(this, "IurB", {});
+    _defineProperty(this, "SvZF", {});
     _defineProperty(this, "isShowingAction", false);
     _defineProperty(this, "currentAction", null);
-    _defineProperty(this, "version", 10);
+    _defineProperty(this, "version", 31);
     _defineProperty(this, "isInitialised", false);
     _defineProperty(this, "_eventsInDynamicText", {});
-    _defineProperty(this, "HOPm", function () {
+    _defineProperty(this, "PQYS", function () {
       _this.isInitialised = true;
       var oldPushState = history.pushState;
       history.pushState = function pushState() {
@@ -11069,7 +11154,7 @@
     });
     _defineProperty(this, "show", function (uiJson, duration, uuid, name) {
       if (!_this.isInitialised) {
-        _this.HOPm();
+        _this.PQYS();
       }
       try {
         // console.log("Showing action for uuid:", uuid, uiJson, this.currentAction);
@@ -11147,8 +11232,17 @@
         _this.currentAction = null;
         window.Apxor && window.Apxor.updateFlag && window.Apxor.updateFlag(false);
       });
-      VideoInAppInstance.ZNLw();
+      VideoInAppInstance.MOZi();
     });
+    /**
+     * Creates a modal for the given config and displays it.
+     * Supported Modals are "small-text","medium-text","large-text","icon-text","image-text","image-only","custom-size-text","video-text"
+     * @param {JSON} inappconfig
+     * @param {string} configId
+     * @param {string} name
+     * @param {function} showCallback
+     * @param {function} closeCallback
+     */
     _defineProperty(this, "createInAppModal", function (inappconfig, configId, name) {
       var config = JSON.parse(inappconfig);
       var inappModal = new ModalInApp(config, configId, name, function () {
@@ -11173,7 +11267,11 @@
       }, function () {}, false, [], 0);
       inappModal.createInAppModal();
     });
-  });
+  } // createSurvey = (config, configId, name) => {
+  //   const survey_obj = new NewSurveys(configId, name, config, []);
+  //   survey_obj.createSurvey();
+  // };
+  );
 
   /* eslint-disable no-empty */
   var rtm = new RTM();
@@ -11187,4 +11285,4 @@
 
   return rtm;
 
-})));
+}));