[gentoo-commits] proj/blogs-gentoo:master commit in: plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/css/, ...

[Anthony G. Basile]

commit:     ad893100e9199d8f203b6c5cb906eb110bbdf0a8
Author:     Anthony G. Basile <blueness <AT> gentoo <DOT> org>
AuthorDate: Mon Nov 20 21:52:17 2017 +0000
Commit:     Anthony G. Basile <blueness <AT> gentoo <DOT> org>
CommitDate: Mon Nov 20 21:52:17 2017 +0000
URL:        https://gitweb.gentoo.org/proj/blogs-gentoo.git/commit/?id=ad893100

Update wordpress-mobile-pack 3.2

Signed-off-by: Anthony G. Basile <blueness <AT> gentoo.org>

 .../admin/pages/theme-settings.php                 |    2 +-
 plugins/wordpress-mobile-pack/core/class-wmp.php   |    2 +-
 plugins/wordpress-mobile-pack/core/config.php      |    2 +-
 .../sections/notification-banner/lib/noty.css      |  374 +++
 .../sections/notification-banner/lib/noty.js       | 3073 ++++++++++++++++++++
 .../sections/notification-banner/lib/noty.min.js   |   17 +
 .../notification-banner/notification-banner.js     |  112 +
 .../frontend/sections/smart-app-banner-premium.php |   68 +-
 .../frontend/sections/smart-app-banner.php         |   54 +-
 .../sections/smart-app-banner/css/style-light.css  |  118 -
 .../smart-app-banner/css/style-light.min.css       |    1 -
 .../sections/smart-app-banner/iframe/bar.html      |  222 --
 .../sections/smart-app-banner/js/UI.Modules/Bar.js |  223 --
 .../smart-app-banner/js/UI.Modules/Cookie.js       |   60 -
 .../smart-app-banner/js/UI.Modules/Main.js         |  136 -
 .../smart-app-banner/js/UI.Modules/Stage.js        |  114 -
 .../smart-app-banner/js/smart-app-banner.js        |  532 ----
 .../smart-app-banner/js/smart-app-banner.min.js    |    1 -
 plugins/wordpress-mobile-pack/readme.txt           |   11 +-
 .../wordpress-mobile-pack.php                      |    2 +-
 20 files changed, 3665 insertions(+), 1459 deletions(-)

diff --git a/plugins/wordpress-mobile-pack/admin/pages/theme-settings.php b/plugins/wordpress-mobile-pack/admin/pages/theme-settings.php
index dc16af3..e332527 100755
--- a/plugins/wordpress-mobile-pack/admin/pages/theme-settings.php
+++ b/plugins/wordpress-mobile-pack/admin/pages/theme-settings.php
@@ -217,7 +217,7 @@
 					} elseif ($icon_filename != '' && file_exists(WMP_FILES_UPLOADS_DIR . $icon_filename)) {
 						foreach (WMobilePack_Uploads::$manifest_sizes as $manifest_size) {
 							if (!file_exists(WMP_FILES_UPLOADS_DIR . $manifest_size . $icon_filename)) {
-								$warning_message = 'WP Mobile Pack Version 3.1 comes with Add To Home Screen functionality which requires you to reupload your App Icon.';
+								$warning_message = 'WP Mobile Pack Version 3.2 comes with Add To Home Screen functionality which requires you to reupload your App Icon.';
 								break;
 							}
 						}

diff --git a/plugins/wordpress-mobile-pack/core/class-wmp.php b/plugins/wordpress-mobile-pack/core/class-wmp.php
index 652e139..f27a322 100755
--- a/plugins/wordpress-mobile-pack/core/class-wmp.php
+++ b/plugins/wordpress-mobile-pack/core/class-wmp.php
@@ -193,7 +193,7 @@ if ( ! class_exists( 'WMobilePack' ) ) {
 			} elseif ($icon_filename != '' && file_exists(WMP_FILES_UPLOADS_DIR . $icon_filename)) {
 				foreach (WMobilePack_Uploads::$manifest_sizes as $manifest_size) {
 					if (!file_exists(WMP_FILES_UPLOADS_DIR . $manifest_size . $icon_filename)) {
-						echo '<div class="notice notice-warning is-dismissible"><p>WP Mobile Pack Version 3.1 comes with Add To Home Screen functionality which requires you to reupload your <a href="' . get_admin_url() . 'admin.php?page=wmp-options-theme-settings"/>App Icon</a>!</p></div>';
+						echo '<div class="notice notice-warning is-dismissible"><p>WP Mobile Pack Version 3.2 comes with Add To Home Screen functionality which requires you to reupload your <a href="' . get_admin_url() . 'admin.php?page=wmp-options-theme-settings"/>App Icon</a>!</p></div>';
 						return;
 					}
 				}

diff --git a/plugins/wordpress-mobile-pack/core/config.php b/plugins/wordpress-mobile-pack/core/config.php
index 34953f8..faee346 100755
--- a/plugins/wordpress-mobile-pack/core/config.php
+++ b/plugins/wordpress-mobile-pack/core/config.php
@@ -1,6 +1,6 @@
 <?php
 
-define("WMP_VERSION", '3.1');
+define("WMP_VERSION", '3.2');
 define('WMP_PLUGIN_NAME', 'WP Mobile Pack');
 define('WMP_DOMAIN', 'wordpress-mobile-pack');
 

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/notification-banner/lib/noty.css b/plugins/wordpress-mobile-pack/frontend/sections/notification-banner/lib/noty.css
new file mode 100755
index 0000000..8648557
--- /dev/null
+++ b/plugins/wordpress-mobile-pack/frontend/sections/notification-banner/lib/noty.css
@@ -0,0 +1,374 @@
+.noty_layout_mixin,
+#noty_layout__top,
+#noty_layout__topLeft,
+#noty_layout__topCenter,
+#noty_layout__topRight,
+#noty_layout__bottom,
+#noty_layout__bottomLeft,
+#noty_layout__bottomCenter,
+#noty_layout__bottomRight,
+#noty_layout__center,
+#noty_layout__centerLeft,
+#noty_layout__centerRight {
+  position: fixed;
+  margin: 0;
+  padding: 0;
+  z-index: 9999999;
+  -webkit-transform: translateZ(0) scale(1, 1);
+  transform: translateZ(0) scale(1, 1);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  -webkit-font-smoothing: subpixel-antialiased;
+  filter: blur(0);
+  -webkit-filter: blur(0);
+  max-width: 100%;
+}
+
+#noty_layout__top {
+  top: 0;
+  left: 5%;
+  width: 90%;
+}
+
+#noty_layout__topLeft {
+  top: 20px;
+  left: 20px;
+  width: 325px;
+}
+
+#noty_layout__topCenter {
+  top: 0%;
+  left: 50%;
+  width: 100%;
+  -webkit-transform: translate(-webkit-calc(-50% - 0.5px)) translateZ(0)
+    scale(1, 1);
+  transform: translate(calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
+}
+
+#noty_layout__topRight {
+  top: 20px;
+  right: 20px;
+  width: 325px;
+}
+
+#noty_layout__bottom {
+  bottom: 0;
+  left: 5%;
+  width: 90%;
+}
+
+#noty_layout__bottomLeft {
+  bottom: 20px;
+  left: 20px;
+  width: 325px;
+}
+
+#noty_layout__bottomCenter {
+  bottom: 5%;
+  left: 50%;
+  width: 325px;
+  -webkit-transform: translate(-webkit-calc(-50% - 0.5px)) translateZ(0)
+    scale(1, 1);
+  transform: translate(calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
+}
+
+#noty_layout__bottomRight {
+  bottom: 20px;
+  right: 20px;
+  width: 325px;
+}
+
+#noty_layout__center {
+  top: 50%;
+  left: 50%;
+  width: 325px;
+  -webkit-transform: translate(
+      -webkit-calc(-50% - 0.5px),
+      -webkit-calc(-50% - 0.5px)
+    )
+    translateZ(0) scale(1, 1);
+  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) translateZ(0)
+    scale(1, 1);
+}
+
+#noty_layout__centerLeft {
+  top: 50%;
+  left: 20px;
+  width: 325px;
+  -webkit-transform: translate(0, -webkit-calc(-50% - 0.5px)) translateZ(0)
+    scale(1, 1);
+  transform: translate(0, calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
+}
+
+#noty_layout__centerRight {
+  top: 50%;
+  right: 20px;
+  width: 325px;
+  -webkit-transform: translate(0, -webkit-calc(-50% - 0.5px)) translateZ(0)
+    scale(1, 1);
+  transform: translate(0, calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
+}
+
+.noty_progressbar {
+  display: none;
+}
+
+.noty_has_timeout.noty_has_progressbar .noty_progressbar {
+  display: block;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  height: 3px;
+  width: 100%;
+  background-color: #646464;
+  opacity: 0.2;
+  filter: alpha(opacity=10);
+}
+
+.noty_bar {
+  -webkit-backface-visibility: hidden;
+  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
+  -ms-transform: translate(0, 0) scale(1, 1);
+  transform: translate(0, 0) scale(1, 1);
+  -webkit-font-smoothing: subpixel-antialiased;
+  overflow: hidden;
+}
+
+.noty_effects_open {
+  opacity: 0;
+  -webkit-transform: translate(50%);
+  -ms-transform: translate(50%);
+  transform: translate(50%);
+  -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+
+.noty_effects_close {
+  -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+
+.noty_fix_effects_height {
+  -webkit-animation: noty_anim_height 75ms ease-out;
+  animation: noty_anim_height 75ms ease-out;
+}
+
+.noty_close_with_click {
+  cursor: pointer;
+}
+
+.noty_close_button {
+  position: absolute;
+  top: 30px;
+  right: 2px;
+  font-weight: bold;
+  width: 20px;
+  height: 20px;
+  text-align: center;
+  line-height: 20px;
+  background-color: rgba(0, 0, 0, 0.05);
+  border-radius: 2px;
+  cursor: pointer;
+  -webkit-transition: all 0.2s ease-out;
+  transition: all 0.2s ease-out;
+}
+
+.noty_close_button:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.noty_modal {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+  z-index: 10000;
+  opacity: 0.3;
+  left: 0;
+  top: 0;
+}
+
+.noty_modal.noty_modal_open {
+  opacity: 0;
+  -webkit-animation: noty_modal_in 0.3s ease-out;
+  animation: noty_modal_in 0.3s ease-out;
+}
+
+.noty_modal.noty_modal_close {
+  -webkit-animation: noty_modal_out 0.3s ease-out;
+  animation: noty_modal_out 0.3s ease-out;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+
+@-webkit-keyframes noty_modal_in {
+  100% {
+    opacity: 0.3;
+  }
+}
+
+@keyframes noty_modal_in {
+  100% {
+    opacity: 0.3;
+  }
+}
+
+@-webkit-keyframes noty_modal_out {
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes noty_modal_out {
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes noty_modal_out {
+  100% {
+    opacity: 0;
+  }
+}
+
+@-webkit-keyframes noty_anim_in {
+  100% {
+    -webkit-transform: translate(0);
+    transform: translate(0);
+    opacity: 1;
+  }
+}
+
+@keyframes noty_anim_in {
+  100% {
+    -webkit-transform: translate(0);
+    transform: translate(0);
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes noty_anim_out {
+  100% {
+    -webkit-transform: translate(50%);
+    transform: translate(50%);
+    opacity: 0;
+  }
+}
+
+@keyframes noty_anim_out {
+  100% {
+    -webkit-transform: translate(50%);
+    transform: translate(50%);
+    opacity: 0;
+  }
+}
+
+@-webkit-keyframes noty_anim_height {
+  100% {
+    height: 0;
+  }
+}
+
+@keyframes noty_anim_height {
+  100% {
+    height: 0;
+  }
+}
+
+.noty_theme__relax.noty_bar {
+  overflow: hidden;
+  position: relative;
+}
+.noty_theme__relax.noty_bar .noty_body {
+  padding: 10px;
+  padding-top: 20px;
+  margin: 0 auto;
+  min-height: 55px;
+}
+.noty_theme__relax.noty_bar .noty_buttons {
+  /* border-top: 1px solid #e7e7e7; */
+  float: right;
+  padding: 5px 10px;
+}
+
+.noty_theme__relax.noty_type__alert,
+.noty_theme__relax.noty_type__notification {
+  border-bottom: 1px solid #a4a4a4;
+  background-color: #f2f2f2;
+  color: black;
+  font-size: 1rem;
+}
+
+.noty_theme__relax.noty_type__warning {
+  background-color: #ffeaa8;
+  border: 1px solid #ffc237;
+  color: #826200;
+}
+.noty_theme__relax.noty_type__warning .noty_buttons {
+  border-color: #dfaa30;
+}
+
+.noty_theme__relax.noty_type__error {
+  background-color: #ff8181;
+  border: 1px solid #e25353;
+  color: #fff;
+}
+.noty_theme__relax.noty_type__error .noty_buttons {
+  border-color: darkred;
+}
+
+.noty_theme__relax.noty_type__info,
+.noty_theme__relax.noty_type__information {
+  background-color: #78c5e7;
+  border: 1px solid #3badd6;
+  color: #fff;
+}
+.noty_theme__relax.noty_type__info .noty_buttons,
+.noty_theme__relax.noty_type__information .noty_buttons {
+  border-color: #0b90c4;
+}
+
+.noty_theme__relax.noty_type__success {
+  background-color: #bcf5bc;
+  border: 1px solid #7cdd77;
+  color: darkgreen;
+}
+.noty_theme__relax.noty_type__success .noty_buttons {
+  border-color: #50c24e;
+}
+
+/* Custom styling added for the WP Mobile Pack banner */
+.noty_theme__relax.noty_bar .noty_body img {
+  max-width: 60px;
+  height: auto;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  overflow: hidden;
+  padding: 1px;
+  float: left;
+  margin: 0 5px 5px 5px;
+}
+
+.noty_theme__relax.noty_bar .noty_body a {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  float: right;
+  padding: 0.5rem;
+  background: #2f2f2f;
+  color: white;
+  margin-right: 1.7rem;
+}
+
+.noty_theme__relax.noty_bar .noty_body p {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 1rem;
+  float: left;
+}
+
+.noty_theme__relax.noty_bar .noty_body span {
+  font-size: 0.85rem;
+}

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/notification-banner/lib/noty.js b/plugins/wordpress-mobile-pack/frontend/sections/notification-banner/lib/noty.js
new file mode 100755
index 0000000..409c721
--- /dev/null
+++ b/plugins/wordpress-mobile-pack/frontend/sections/notification-banner/lib/noty.js
@@ -0,0 +1,3073 @@
+/* 
+  @package NOTY - Dependency-free notification library 
+  @version version: 3.1.3 
+  @contributors https://github.com/needim/noty/graphs/contributors 
+  @documentation Examples and Documentation - http://needim.github.com/noty 
+  @license Licensed under the MIT licenses: http://www.opensource.org/licenses/mit-license.php 
+*/
+
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define("Noty", [], factory);
+	else if(typeof exports === 'object')
+		exports["Noty"] = factory();
+	else
+		root["Noty"] = factory();
+})(this, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 6);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.css = exports.deepExtend = exports.animationEndEvents = undefined;
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+exports.inArray = inArray;
+exports.stopPropagation = stopPropagation;
+exports.generateID = generateID;
+exports.outerHeight = outerHeight;
+exports.addListener = addListener;
+exports.hasClass = hasClass;
+exports.addClass = addClass;
+exports.removeClass = removeClass;
+exports.remove = remove;
+exports.classList = classList;
+exports.visibilityChangeFlow = visibilityChangeFlow;
+exports.createAudioElements = createAudioElements;
+
+var _api = __webpack_require__(1);
+
+var API = _interopRequireWildcard(_api);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+var animationEndEvents = exports.animationEndEvents = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
+
+function inArray(needle, haystack, argStrict) {
+  var key = void 0;
+  var strict = !!argStrict;
+
+  if (strict) {
+    for (key in haystack) {
+      if (haystack.hasOwnProperty(key) && haystack[key] === needle) {
+        return true;
+      }
+    }
+  } else {
+    for (key in haystack) {
+      if (haystack.hasOwnProperty(key) && haystack[key] === needle) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+
+function stopPropagation(evt) {
+  evt = evt || window.event;
+
+  if (typeof evt.stopPropagation !== 'undefined') {
+    evt.stopPropagation();
+  } else {
+    evt.cancelBubble = true;
+  }
+}
+
+var deepExtend = exports.deepExtend = function deepExtend(out) {
+  out = out || {};
+
+  for (var i = 1; i < arguments.length; i++) {
+    var obj = arguments[i];
+
+    if (!obj) continue;
+
+    for (var key in obj) {
+      if (obj.hasOwnProperty(key)) {
+        if (Array.isArray(obj[key])) {
+          out[key] = obj[key];
+        } else if (_typeof(obj[key]) === 'object' && obj[key] !== null) {
+          out[key] = deepExtend(out[key], obj[key]);
+        } else {
+          out[key] = obj[key];
+        }
+      }
+    }
+  }
+
+  return out;
+};
+
+function generateID() {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
+  var id = 'noty_' + prefix + '_';
+
+  id += 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0;
+    var v = c === 'x' ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  });
+
+  return id;
+}
+
+function outerHeight(el) {
+  var height = el.offsetHeight;
+  var style = window.getComputedStyle(el);
+
+  height += parseInt(style.marginTop) + parseInt(style.marginBottom);
+  return height;
+}
+
+var css = exports.css = function () {
+  var cssPrefixes = ['Webkit', 'O', 'Moz', 'ms'];
+  var cssProps = {};
+
+  function camelCase(string) {
+    return string.replace(/^-ms-/, 'ms-').replace(/-([\da-z])/gi, function (match, letter) {
+      return letter.toUpperCase();
+    });
+  }
+
+  function getVendorProp(name) {
+    var style = document.body.style;
+    if (name in style) return name;
+
+    var i = cssPrefixes.length;
+    var capName = name.charAt(0).toUpperCase() + name.slice(1);
+    var vendorName = void 0;
+
+    while (i--) {
+      vendorName = cssPrefixes[i] + capName;
+      if (vendorName in style) return vendorName;
+    }
+
+    return name;
+  }
+
+  function getStyleProp(name) {
+    name = camelCase(name);
+    return cssProps[name] || (cssProps[name] = getVendorProp(name));
+  }
+
+  function applyCss(element, prop, value) {
+    prop = getStyleProp(prop);
+    element.style[prop] = value;
+  }
+
+  return function (element, properties) {
+    var args = arguments;
+    var prop = void 0;
+    var value = void 0;
+
+    if (args.length === 2) {
+      for (prop in properties) {
+        if (properties.hasOwnProperty(prop)) {
+          value = properties[prop];
+          if (value !== undefined && properties.hasOwnProperty(prop)) {
+            applyCss(element, prop, value);
+          }
+        }
+      }
+    } else {
+      applyCss(element, args[1], args[2]);
+    }
+  };
+}();
+
+function addListener(el, events, cb) {
+  var useCapture = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+
+  events = events.split(' ');
+  for (var i = 0; i < events.length; i++) {
+    if (document.addEventListener) {
+      el.addEventListener(events[i], cb, useCapture);
+    } else if (document.attachEvent) {
+      el.attachEvent('on' + events[i], cb);
+    }
+  }
+}
+
+function hasClass(element, name) {
+  var list = typeof element === 'string' ? element : classList(element);
+  return list.indexOf(' ' + name + ' ') >= 0;
+}
+
+function addClass(element, name) {
+  var oldList = classList(element);
+  var newList = oldList + name;
+
+  if (hasClass(oldList, name)) return;
+
+  // Trim the opening space.
+  element.className = newList.substring(1);
+}
+
+function removeClass(element, name) {
+  var oldList = classList(element);
+  var newList = void 0;
+
+  if (!hasClass(element, name)) return;
+
+  // Replace the class name.
+  newList = oldList.replace(' ' + name + ' ', ' ');
+
+  // Trim the opening and closing spaces.
+  element.className = newList.substring(1, newList.length - 1);
+}
+
+function remove(element) {
+  if (element.parentNode) {
+    element.parentNode.removeChild(element);
+  }
+}
+
+function classList(element) {
+  return (' ' + (element && element.className || '') + ' ').replace(/\s+/gi, ' ');
+}
+
+function visibilityChangeFlow() {
+  var hidden = void 0;
+  var visibilityChange = void 0;
+  if (typeof document.hidden !== 'undefined') {
+    // Opera 12.10 and Firefox 18 and later support
+    hidden = 'hidden';
+    visibilityChange = 'visibilitychange';
+  } else if (typeof document.msHidden !== 'undefined') {
+    hidden = 'msHidden';
+    visibilityChange = 'msvisibilitychange';
+  } else if (typeof document.webkitHidden !== 'undefined') {
+    hidden = 'webkitHidden';
+    visibilityChange = 'webkitvisibilitychange';
+  }
+
+  function onVisibilityChange() {
+    API.PageHidden = document[hidden];
+    handleVisibilityChange();
+  }
+
+  function onBlur() {
+    API.PageHidden = true;
+    handleVisibilityChange();
+  }
+
+  function onFocus() {
+    API.PageHidden = false;
+    handleVisibilityChange();
+  }
+
+  function handleVisibilityChange() {
+    if (API.PageHidden) stopAll();else resumeAll();
+  }
+
+  function stopAll() {
+    setTimeout(function () {
+      Object.keys(API.Store).forEach(function (id) {
+        if (API.Store.hasOwnProperty(id)) {
+          if (API.Store[id].options.visibilityControl) {
+            API.Store[id].stop();
+          }
+        }
+      });
+    }, 100);
+  }
+
+  function resumeAll() {
+    setTimeout(function () {
+      Object.keys(API.Store).forEach(function (id) {
+        if (API.Store.hasOwnProperty(id)) {
+          if (API.Store[id].options.visibilityControl) {
+            API.Store[id].resume();
+          }
+        }
+      });
+      API.queueRenderAll();
+    }, 100);
+  }
+
+  addListener(document, visibilityChange, onVisibilityChange);
+  addListener(window, 'blur', onBlur);
+  addListener(window, 'focus', onFocus);
+}
+
+function createAudioElements(ref) {
+  if (ref.hasSound) {
+    var audioElement = document.createElement('audio');
+
+    ref.options.sounds.sources.forEach(function (s) {
+      var source = document.createElement('source');
+      source.src = s;
+      source.type = 'audio/' + getExtension(s);
+      audioElement.appendChild(source);
+    });
+
+    if (ref.barDom) {
+      ref.barDom.appendChild(audioElement);
+    } else {
+      document.querySelector('body').appendChild(audioElement);
+    }
+
+    audioElement.volume = ref.options.sounds.volume;
+
+    if (!ref.soundPlayed) {
+      audioElement.play();
+      ref.soundPlayed = true;
+    }
+
+    audioElement.onended = function () {
+      remove(audioElement);
+    };
+  }
+}
+
+function getExtension(fileName) {
+  return fileName.match(/\.([^.]+)$/)[1];
+}
+
+/***/ }),
+/* 1 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Defaults = exports.Store = exports.Queues = exports.DefaultMaxVisible = exports.docTitle = exports.DocModalCount = exports.PageHidden = undefined;
+exports.getQueueCounts = getQueueCounts;
+exports.addToQueue = addToQueue;
+exports.removeFromQueue = removeFromQueue;
+exports.queueRender = queueRender;
+exports.queueRenderAll = queueRenderAll;
+exports.ghostFix = ghostFix;
+exports.build = build;
+exports.hasButtons = hasButtons;
+exports.handleModal = handleModal;
+exports.handleModalClose = handleModalClose;
+exports.queueClose = queueClose;
+exports.dequeueClose = dequeueClose;
+exports.fire = fire;
+exports.openFlow = openFlow;
+exports.closeFlow = closeFlow;
+
+var _utils = __webpack_require__(0);
+
+var Utils = _interopRequireWildcard(_utils);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+var PageHidden = exports.PageHidden = false;
+var DocModalCount = exports.DocModalCount = 0;
+
+var DocTitleProps = {
+  originalTitle: null,
+  count: 0,
+  changed: false,
+  timer: -1
+};
+
+var docTitle = exports.docTitle = {
+  increment: function increment() {
+    DocTitleProps.count++;
+
+    docTitle._update();
+  },
+
+  decrement: function decrement() {
+    DocTitleProps.count--;
+
+    if (DocTitleProps.count <= 0) {
+      docTitle._clear();
+      return;
+    }
+
+    docTitle._update();
+  },
+
+  _update: function _update() {
+    var title = document.title;
+
+    if (!DocTitleProps.changed) {
+      DocTitleProps.originalTitle = title;
+      document.title = '(' + DocTitleProps.count + ') ' + title;
+      DocTitleProps.changed = true;
+    } else {
+      document.title = '(' + DocTitleProps.count + ') ' + DocTitleProps.originalTitle;
+    }
+  },
+
+  _clear: function _clear() {
+    if (DocTitleProps.changed) {
+      DocTitleProps.count = 0;
+      document.title = DocTitleProps.originalTitle;
+      DocTitleProps.changed = false;
+    }
+  }
+};
+
+var DefaultMaxVisible = exports.DefaultMaxVisible = 5;
+
+var Queues = exports.Queues = {
+  global: {
+    maxVisible: DefaultMaxVisible,
+    queue: []
+  }
+};
+
+var Store = exports.Store = {};
+
+var Defaults = exports.Defaults = {
+  type: 'alert',
+  layout: 'topRight',
+  theme: 'mint',
+  text: '',
+  timeout: false,
+  progressBar: true,
+  closeWith: ['click'],
+  animation: {
+    open: 'noty_effects_open',
+    close: 'noty_effects_close'
+  },
+  id: false,
+  force: false,
+  killer: false,
+  queue: 'global',
+  container: false,
+  buttons: [],
+  callbacks: {
+    beforeShow: null,
+    onShow: null,
+    afterShow: null,
+    onClose: null,
+    afterClose: null,
+    onClick: null,
+    onHover: null,
+    onTemplate: null
+  },
+  sounds: {
+    sources: [],
+    volume: 1,
+    conditions: []
+  },
+  titleCount: {
+    conditions: []
+  },
+  modal: false,
+  visibilityControl: false
+
+  /**
+   * @param {string} queueName
+   * @return {object}
+   */
+};function getQueueCounts() {
+  var queueName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'global';
+
+  var count = 0;
+  var max = DefaultMaxVisible;
+
+  if (Queues.hasOwnProperty(queueName)) {
+    max = Queues[queueName].maxVisible;
+    Object.keys(Store).forEach(function (i) {
+      if (Store[i].options.queue === queueName && !Store[i].closed) count++;
+    });
+  }
+
+  return {
+    current: count,
+    maxVisible: max
+  };
+}
+
+/**
+ * @param {Noty} ref
+ * @return {void}
+ */
+function addToQueue(ref) {
+  if (!Queues.hasOwnProperty(ref.options.queue)) {
+    Queues[ref.options.queue] = { maxVisible: DefaultMaxVisible, queue: [] };
+  }
+
+  Queues[ref.options.queue].queue.push(ref);
+}
+
+/**
+ * @param {Noty} ref
+ * @return {void}
+ */
+function removeFromQueue(ref) {
+  if (Queues.hasOwnProperty(ref.options.queue)) {
+    var queue = [];
+    Object.keys(Queues[ref.options.queue].queue).forEach(function (i) {
+      if (Queues[ref.options.queue].queue[i].id !== ref.id) {
+        queue.push(Queues[ref.options.queue].queue[i]);
+      }
+    });
+    Queues[ref.options.queue].queue = queue;
+  }
+}
+
+/**
+ * @param {string} queueName
+ * @return {void}
+ */
+function queueRender() {
+  var queueName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'global';
+
+  if (Queues.hasOwnProperty(queueName)) {
+    var noty = Queues[queueName].queue.shift();
+
+    if (noty) noty.show();
+  }
+}
+
+/**
+ * @return {void}
+ */
+function queueRenderAll() {
+  Object.keys(Queues).forEach(function (queueName) {
+    queueRender(queueName);
+  });
+}
+
+/**
+ * @param {Noty} ref
+ * @return {void}
+ */
+function ghostFix(ref) {
+  var ghostID = Utils.generateID('ghost');
+  var ghost = document.createElement('div');
+  ghost.setAttribute('id', ghostID);
+  Utils.css(ghost, {
+    height: Utils.outerHeight(ref.barDom) + 'px'
+  });
+
+  ref.barDom.insertAdjacentHTML('afterend', ghost.outerHTML);
+
+  Utils.remove(ref.barDom);
+  ghost = document.getElementById(ghostID);
+  Utils.addClass(ghost, 'noty_fix_effects_height');
+  Utils.addListener(ghost, Utils.animationEndEvents, function () {
+    Utils.remove(ghost);
+  });
+}
+
+/**
+ * @param {Noty} ref
+ * @return {void}
+ */
+function build(ref) {
+  findOrCreateContainer(ref);
+
+  var markup = '<div class="noty_body">' + ref.options.text + '</div>' + buildButtons(ref) + '<div class="noty_progressbar"></div>';
+
+  ref.barDom = document.createElement('div');
+  ref.barDom.setAttribute('id', ref.id);
+  Utils.addClass(ref.barDom, 'noty_bar noty_type__' + ref.options.type + ' noty_theme__' + ref.options.theme);
+
+  ref.barDom.innerHTML = markup;
+
+  fire(ref, 'onTemplate');
+}
+
+/**
+ * @param {Noty} ref
+ * @return {boolean}
+ */
+function hasButtons(ref) {
+  return !!(ref.options.buttons && Object.keys(ref.options.buttons).length);
+}
+
+/**
+ * @param {Noty} ref
+ * @return {string}
+ */
+function buildButtons(ref) {
+  if (hasButtons(ref)) {
+    var buttons = document.createElement('div');
+    Utils.addClass(buttons, 'noty_buttons');
+
+    Object.keys(ref.options.buttons).forEach(function (key) {
+      buttons.appendChild(ref.options.buttons[key].dom);
+    });
+
+    ref.options.buttons.forEach(function (btn) {
+      buttons.appendChild(btn.dom);
+    });
+    return buttons.outerHTML;
+  }
+  return '';
+}
+
+/**
+ * @param {Noty} ref
+ * @return {void}
+ */
+function handleModal(ref) {
+  if (ref.options.modal) {
+    if (DocModalCount === 0) {
+      createModal(ref);
+    }
+
+    exports.DocModalCount = DocModalCount += 1;
+  }
+}
+
+/**
+ * @param {Noty} ref
+ * @return {void}
+ */
+function handleModalClose(ref) {
+  if (ref.options.modal && DocModalCount > 0) {
+    exports.DocModalCount = DocModalCount -= 1;
+
+    if (DocModalCount <= 0) {
+      var modal = document.querySelector('.noty_modal');
+
+      if (modal) {
+        Utils.removeClass(modal, 'noty_modal_open');
+        Utils.addClass(modal, 'noty_modal_close');
+        Utils.addListener(modal, Utils.animationEndEvents, function () {
+          Utils.remove(modal);
+        });
+      }
+    }
+  }
+}
+
+/**
+ * @return {void}
+ */
+function createModal() {
+  var body = document.querySelector('body');
+  var modal = document.createElement('div');
+  Utils.addClass(modal, 'noty_modal');
+  body.insertBefore(modal, body.firstChild);
+  Utils.addClass(modal, 'noty_modal_open');
+
+  Utils.addListener(modal, Utils.animationEndEvents, function () {
+    Utils.removeClass(modal, 'noty_modal_open');
+  });
+}
+
+/**
+ * @param {Noty} ref
+ * @return {void}
+ */
+function findOrCreateContainer(ref) {
+  if (ref.options.container) {
+    ref.layoutDom = document.querySelector(ref.options.container);
+    return;
+  }
+
+  var layoutID = 'noty_layout__' + ref.options.layout;
+  ref.layoutDom = document.querySelector('div#' + layoutID);
+
+  if (!ref.layoutDom) {
+    ref.layoutDom = document.createElement('div');
+    ref.layoutDom.setAttribute('id', layoutID);
+    Utils.addClass(ref.layoutDom, 'noty_layout');
+    document.querySelector('body').appendChild(ref.layoutDom);
+  }
+}
+
+/**
+ * @param {Noty} ref
+ * @return {void}
+ */
+function queueClose(ref) {
+  if (ref.options.timeout) {
+    if (ref.options.progressBar && ref.progressDom) {
+      Utils.css(ref.progressDom, {
+        transition: 'width ' + ref.options.timeout + 'ms linear',
+        width: '0%'
+      });
+    }
+
+    clearTimeout(ref.closeTimer);
+
+    ref.closeTimer = setTimeout(function () {
+      ref.close();
+    }, ref.options.timeout);
+  }
+}
+
+/**
+ * @param {Noty} ref
+ * @return {void}
+ */
+function dequeueClose(ref) {
+  if (ref.options.timeout && ref.closeTimer) {
+    clearTimeout(ref.closeTimer);
+    ref.closeTimer = -1;
+
+    if (ref.options.progressBar && ref.progressDom) {
+      Utils.css(ref.progressDom, {
+        transition: 'width 0ms linear',
+        width: '100%'
+      });
+    }
+  }
+}
+
+/**
+ * @param {Noty} ref
+ * @param {string} eventName
+ * @return {void}
+ */
+function fire(ref, eventName) {
+  if (ref.listeners.hasOwnProperty(eventName)) {
+    ref.listeners[eventName].forEach(function (cb) {
+      if (typeof cb === 'function') {
+        cb.apply(ref);
+      }
+    });
+  }
+}
+
+/**
+ * @param {Noty} ref
+ * @return {void}
+ */
+function openFlow(ref) {
+  fire(ref, 'afterShow');
+  queueClose(ref);
+
+  Utils.addListener(ref.barDom, 'mouseenter', function () {
+    dequeueClose(ref);
+  });
+
+  Utils.addListener(ref.barDom, 'mouseleave', function () {
+    queueClose(ref);
+  });
+}
+
+/**
+ * @param {Noty} ref
+ * @return {void}
+ */
+function closeFlow(ref) {
+  delete Store[ref.id];
+  ref.closing = false;
+  fire(ref, 'afterClose');
+
+  Utils.remove(ref.barDom);
+
+  if (ref.layoutDom.querySelectorAll('.noty_bar').length === 0 && !ref.options.container) {
+    Utils.remove(ref.layoutDom);
+  }
+
+  if (Utils.inArray('docVisible', ref.options.titleCount.conditions) || Utils.inArray('docHidden', ref.options.titleCount.conditions)) {
+    docTitle.decrement();
+  }
+
+  queueRender(ref.options.queue);
+}
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotyButton = undefined;
+
+var _utils = __webpack_require__(0);
+
+var Utils = _interopRequireWildcard(_utils);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var NotyButton = exports.NotyButton = function NotyButton(html, classes, cb) {
+  var _this = this;
+
+  var attributes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+
+  _classCallCheck(this, NotyButton);
+
+  this.dom = document.createElement('button');
+  this.dom.innerHTML = html;
+  this.id = attributes.id = attributes.id || Utils.generateID('button');
+  this.cb = cb;
+  Object.keys(attributes).forEach(function (propertyName) {
+    _this.dom.setAttribute(propertyName, attributes[propertyName]);
+  });
+  Utils.addClass(this.dom, classes || 'noty_btn');
+
+  return this;
+};
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var Push = exports.Push = function () {
+  function Push() {
+    var workerPath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '/service-worker.js';
+
+    _classCallCheck(this, Push);
+
+    this.subData = {};
+    this.workerPath = workerPath;
+    this.listeners = {
+      onPermissionGranted: [],
+      onPermissionDenied: [],
+      onSubscriptionSuccess: [],
+      onSubscriptionCancel: [],
+      onWorkerError: [],
+      onWorkerSuccess: [],
+      onWorkerNotSupported: []
+    };
+    return this;
+  }
+
+  /**
+   * @param {string} eventName
+   * @param {function} cb
+   * @return {Push}
+   */
+
+
+  _createClass(Push, [{
+    key: 'on',
+    value: function on(eventName) {
+      var cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
+
+      if (typeof cb === 'function' && this.listeners.hasOwnProperty(eventName)) {
+        this.listeners[eventName].push(cb);
+      }
+
+      return this;
+    }
+  }, {
+    key: 'fire',
+    value: function fire(eventName) {
+      var _this = this;
+
+      var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+      if (this.listeners.hasOwnProperty(eventName)) {
+        this.listeners[eventName].forEach(function (cb) {
+          if (typeof cb === 'function') {
+            cb.apply(_this, params);
+          }
+        });
+      }
+    }
+  }, {
+    key: 'create',
+    value: function create() {
+      console.log('NOT IMPLEMENTED YET');
+    }
+
+    /**
+     * @return {boolean}
+     */
+
+  }, {
+    key: 'isSupported',
+    value: function isSupported() {
+      var result = false;
+
+      try {
+        result = window.Notification || window.webkitNotifications || navigator.mozNotification || window.external && window.external.msIsSiteMode() !== undefined;
+      } catch (e) {}
+
+      return result;
+    }
+
+    /**
+     * @return {string}
+     */
+
+  }, {
+    key: 'getPermissionStatus',
+    value: function getPermissionStatus() {
+      var perm = 'default';
+
+      if (window.Notification && window.Notification.permissionLevel) {
+        perm = window.Notification.permissionLevel;
+      } else if (window.webkitNotifications && window.webkitNotifications.checkPermission) {
+        switch (window.webkitNotifications.checkPermission()) {
+          case 1:
+            perm = 'default';
+            break;
+          case 0:
+            perm = 'granted';
+            break;
+          default:
+            perm = 'denied';
+        }
+      } else if (window.Notification && window.Notification.permission) {
+        perm = window.Notification.permission;
+      } else if (navigator.mozNotification) {
+        perm = 'granted';
+      } else if (window.external && window.external.msIsSiteMode() !== undefined) {
+        perm = window.external.msIsSiteMode() ? 'granted' : 'default';
+      }
+
+      return perm.toString().toLowerCase();
+    }
+
+    /**
+     * @return {string}
+     */
+
+  }, {
+    key: 'getEndpoint',
+    value: function getEndpoint(subscription) {
+      var endpoint = subscription.endpoint;
+      var subscriptionId = subscription.subscriptionId;
+
+      // fix for Chrome < 45
+      if (subscriptionId && endpoint.indexOf(subscriptionId) === -1) {
+        endpoint += '/' + subscriptionId;
+      }
+
+      return endpoint;
+    }
+
+    /**
+     * @return {boolean}
+     */
+
+  }, {
+    key: 'isSWRegistered',
+    value: function isSWRegistered() {
+      try {
+        return navigator.serviceWorker.controller.state === 'activated';
+      } catch (e) {
+        return false;
+      }
+    }
+
+    /**
+     * @return {void}
+     */
+
+  }, {
+    key: 'unregisterWorker',
+    value: function unregisterWorker() {
+      var self = this;
+      if ('serviceWorker' in navigator) {
+        navigator.serviceWorker.getRegistrations().then(function (registrations) {
+          var _iteratorNormalCompletion = true;
+          var _didIteratorError = false;
+          var _iteratorError = undefined;
+
+          try {
+            for (var _iterator = registrations[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var registration = _step.value;
+
+              registration.unregister();
+              self.fire('onSubscriptionCancel');
+            }
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
+            }
+          }
+        });
+      }
+    }
+
+    /**
+     * @return {void}
+     */
+
+  }, {
+    key: 'requestSubscription',
+    value: function requestSubscription() {
+      var _this2 = this;
+
+      var userVisibleOnly = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+      var self = this;
+      var current = this.getPermissionStatus();
+      var cb = function cb(result) {
+        if (result === 'granted') {
+          _this2.fire('onPermissionGranted');
+
+          if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.register(_this2.workerPath).then(function () {
+              navigator.serviceWorker.ready.then(function (serviceWorkerRegistration) {
+                self.fire('onWorkerSuccess');
+                serviceWorkerRegistration.pushManager.subscribe({
+                  userVisibleOnly: userVisibleOnly
+                }).then(function (subscription) {
+                  var key = subscription.getKey('p256dh');
+                  var token = subscription.getKey('auth');
+
+                  self.subData = {
+                    endpoint: self.getEndpoint(subscription),
+                    p256dh: key ? window.btoa(String.fromCharCode.apply(null, new Uint8Array(key))) : null,
+                    auth: token ? window.btoa(String.fromCharCode.apply(null, new Uint8Array(token))) : null
+                  };
+
+                  self.fire('onSubscriptionSuccess', [self.subData]);
+                }).catch(function (err) {
+                  self.fire('onWorkerError', [err]);
+                });
+              });
+            });
+          } else {
+            self.fire('onWorkerNotSupported');
+          }
+        } else if (result === 'denied') {
+          _this2.fire('onPermissionDenied');
+          _this2.unregisterWorker();
+        }
+      };
+
+      if (current === 'default') {
+        if (window.Notification && window.Notification.requestPermission) {
+          window.Notification.requestPermission(cb);
+        } else if (window.webkitNotifications && window.webkitNotifications.checkPermission) {
+          window.webkitNotifications.requestPermission(cb);
+        }
+      } else {
+        cb(current);
+      }
+    }
+  }]);
+
+  return Push;
+}();
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(process, global) {var require;/*!
+ * @overview es6-promise - a tiny implementation of Promises/A+.
+ * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
+ * @license   Licensed under MIT license
+ *            See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
+ * @version   4.1.0
+ */
+
+(function (global, factory) {
+     true ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    (global.ES6Promise = factory());
+}(this, (function () { 'use strict';
+
+function objectOrFunction(x) {
+  return typeof x === 'function' || typeof x === 'object' && x !== null;
+}
+
+function isFunction(x) {
+  return typeof x === 'function';
+}
+
+var _isArray = undefined;
+if (!Array.isArray) {
+  _isArray = function (x) {
+    return Object.prototype.toString.call(x) === '[object Array]';
+  };
+} else {
+  _isArray = Array.isArray;
+}
+
+var isArray = _isArray;
+
+var len = 0;
+var vertxNext = undefined;
+var customSchedulerFn = undefined;
+
+var asap = function asap(callback, arg) {
+  queue[len] = callback;
+  queue[len + 1] = arg;
+  len += 2;
+  if (len === 2) {
+    // If len is 2, that means that we need to schedule an async flush.
+    // If additional callbacks are queued before the queue is flushed, they
+    // will be processed by this flush that we are scheduling.
+    if (customSchedulerFn) {
+      customSchedulerFn(flush);
+    } else {
+      scheduleFlush();
+    }
+  }
+};
+
+function setScheduler(scheduleFn) {
+  customSchedulerFn = scheduleFn;
+}
+
+function setAsap(asapFn) {
+  asap = asapFn;
+}
+
+var browserWindow = typeof window !== 'undefined' ? window : undefined;
+var browserGlobal = browserWindow || {};
+var BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;
+var isNode = typeof self === 'undefined' && typeof process !== 'undefined' && ({}).toString.call(process) === '[object process]';
+
+// test for web worker but not in IE10
+var isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';
+
+// node
+function useNextTick() {
+  // node version 0.10.x displays a deprecation warning when nextTick is used recursively
+  // see https://github.com/cujojs/when/issues/410 for details
+  return function () {
+    return process.nextTick(flush);
+  };
+}
+
+// vertx
+function useVertxTimer() {
+  if (typeof vertxNext !== 'undefined') {
+    return function () {
+      vertxNext(flush);
+    };
+  }
+
+  return useSetTimeout();
+}
+
+function useMutationObserver() {
+  var iterations = 0;
+  var observer = new BrowserMutationObserver(flush);
+  var node = document.createTextNode('');
+  observer.observe(node, { characterData: true });
+
+  return function () {
+    node.data = iterations = ++iterations % 2;
+  };
+}
+
+// web worker
+function useMessageChannel() {
+  var channel = new MessageChannel();
+  channel.port1.onmessage = flush;
+  return function () {
+    return channel.port2.postMessage(0);
+  };
+}
+
+function useSetTimeout() {
+  // Store setTimeout reference so es6-promise will be unaffected by
+  // other code modifying setTimeout (like sinon.useFakeTimers())
+  var globalSetTimeout = setTimeout;
+  return function () {
+    return globalSetTimeout(flush, 1);
+  };
+}
+
+var queue = new Array(1000);
+function flush() {
+  for (var i = 0; i < len; i += 2) {
+    var callback = queue[i];
+    var arg = queue[i + 1];
+
+    callback(arg);
+
+    queue[i] = undefined;
+    queue[i + 1] = undefined;
+  }
+
+  len = 0;
+}
+
+function attemptVertx() {
+  try {
+    var r = require;
+    var vertx = __webpack_require__(9);
+    vertxNext = vertx.runOnLoop || vertx.runOnContext;
+    return useVertxTimer();
+  } catch (e) {
+    return useSetTimeout();
+  }
+}
+
+var scheduleFlush = undefined;
+// Decide what async method to use to triggering processing of queued callbacks:
+if (isNode) {
+  scheduleFlush = useNextTick();
+} else if (BrowserMutationObserver) {
+  scheduleFlush = useMutationObserver();
+} else if (isWorker) {
+  scheduleFlush = useMessageChannel();
+} else if (browserWindow === undefined && "function" === 'function') {
+  scheduleFlush = attemptVertx();
+} else {
+  scheduleFlush = useSetTimeout();
+}
+
+function then(onFulfillment, onRejection) {
+  var _arguments = arguments;
+
+  var parent = this;
+
+  var child = new this.constructor(noop);
+
+  if (child[PROMISE_ID] === undefined) {
+    makePromise(child);
+  }
+
+  var _state = parent._state;
+
+  if (_state) {
+    (function () {
+      var callback = _arguments[_state - 1];
+      asap(function () {
+        return invokeCallback(_state, child, callback, parent._result);
+      });
+    })();
+  } else {
+    subscribe(parent, child, onFulfillment, onRejection);
+  }
+
+  return child;
+}
+
+/**
+  `Promise.resolve` returns a promise that will become resolved with the
+  passed `value`. It is shorthand for the following:
+
+  ```javascript
+  let promise = new Promise(function(resolve, reject){
+    resolve(1);
+  });
+
+  promise.then(function(value){
+    // value === 1
+  });
+  ```
+
+  Instead of writing the above, your code now simply becomes the following:
+
+  ```javascript
+  let promise = Promise.resolve(1);
+
+  promise.then(function(value){
+    // value === 1
+  });
+  ```
+
+  @method resolve
+  @static
+  @param {Any} value value that the returned promise will be resolved with
+  Useful for tooling.
+  @return {Promise} a promise that will become fulfilled with the given
+  `value`
+*/
+function resolve(object) {
+  /*jshint validthis:true */
+  var Constructor = this;
+
+  if (object && typeof object === 'object' && object.constructor === Constructor) {
+    return object;
+  }
+
+  var promise = new Constructor(noop);
+  _resolve(promise, object);
+  return promise;
+}
+
+var PROMISE_ID = Math.random().toString(36).substring(16);
+
+function noop() {}
+
+var PENDING = void 0;
+var FULFILLED = 1;
+var REJECTED = 2;
+
+var GET_THEN_ERROR = new ErrorObject();
+
+function selfFulfillment() {
+  return new TypeError("You cannot resolve a promise with itself");
+}
+
+function cannotReturnOwn() {
+  return new TypeError('A promises callback cannot return that same promise.');
+}
+
+function getThen(promise) {
+  try {
+    return promise.then;
+  } catch (error) {
+    GET_THEN_ERROR.error = error;
+    return GET_THEN_ERROR;
+  }
+}
+
+function tryThen(then, value, fulfillmentHandler, rejectionHandler) {
+  try {
+    then.call(value, fulfillmentHandler, rejectionHandler);
+  } catch (e) {
+    return e;
+  }
+}
+
+function handleForeignThenable(promise, thenable, then) {
+  asap(function (promise) {
+    var sealed = false;
+    var error = tryThen(then, thenable, function (value) {
+      if (sealed) {
+        return;
+      }
+      sealed = true;
+      if (thenable !== value) {
+        _resolve(promise, value);
+      } else {
+        fulfill(promise, value);
+      }
+    }, function (reason) {
+      if (sealed) {
+        return;
+      }
+      sealed = true;
+
+      _reject(promise, reason);
+    }, 'Settle: ' + (promise._label || ' unknown promise'));
+
+    if (!sealed && error) {
+      sealed = true;
+      _reject(promise, error);
+    }
+  }, promise);
+}
+
+function handleOwnThenable(promise, thenable) {
+  if (thenable._state === FULFILLED) {
+    fulfill(promise, thenable._result);
+  } else if (thenable._state === REJECTED) {
+    _reject(promise, thenable._result);
+  } else {
+    subscribe(thenable, undefined, function (value) {
+      return _resolve(promise, value);
+    }, function (reason) {
+      return _reject(promise, reason);
+    });
+  }
+}
+
+function handleMaybeThenable(promise, maybeThenable, then$$) {
+  if (maybeThenable.constructor === promise.constructor && then$$ === then && maybeThenable.constructor.resolve === resolve) {
+    handleOwnThenable(promise, maybeThenable);
+  } else {
+    if (then$$ === GET_THEN_ERROR) {
+      _reject(promise, GET_THEN_ERROR.error);
+      GET_THEN_ERROR.error = null;
+    } else if (then$$ === undefined) {
+      fulfill(promise, maybeThenable);
+    } else if (isFunction(then$$)) {
+      handleForeignThenable(promise, maybeThenable, then$$);
+    } else {
+      fulfill(promise, maybeThenable);
+    }
+  }
+}
+
+function _resolve(promise, value) {
+  if (promise === value) {
+    _reject(promise, selfFulfillment());
+  } else if (objectOrFunction(value)) {
+    handleMaybeThenable(promise, value, getThen(value));
+  } else {
+    fulfill(promise, value);
+  }
+}
+
+function publishRejection(promise) {
+  if (promise._onerror) {
+    promise._onerror(promise._result);
+  }
+
+  publish(promise);
+}
+
+function fulfill(promise, value) {
+  if (promise._state !== PENDING) {
+    return;
+  }
+
+  promise._result = value;
+  promise._state = FULFILLED;
+
+  if (promise._subscribers.length !== 0) {
+    asap(publish, promise);
+  }
+}
+
+function _reject(promise, reason) {
+  if (promise._state !== PENDING) {
+    return;
+  }
+  promise._state = REJECTED;
+  promise._result = reason;
+
+  asap(publishRejection, promise);
+}
+
+function subscribe(parent, child, onFulfillment, onRejection) {
+  var _subscribers = parent._subscribers;
+  var length = _subscribers.length;
+
+  parent._onerror = null;
+
+  _subscribers[length] = child;
+  _subscribers[length + FULFILLED] = onFulfillment;
+  _subscribers[length + REJECTED] = onRejection;
+
+  if (length === 0 && parent._state) {
+    asap(publish, parent);
+  }
+}
+
+function publish(promise) {
+  var subscribers = promise._subscribers;
+  var settled = promise._state;
+
+  if (subscribers.length === 0) {
+    return;
+  }
+
+  var child = undefined,
+      callback = undefined,
+      detail = promise._result;
+
+  for (var i = 0; i < subscribers.length; i += 3) {
+    child = subscribers[i];
+    callback = subscribers[i + settled];
+
+    if (child) {
+      invokeCallback(settled, child, callback, detail);
+    } else {
+      callback(detail);
+    }
+  }
+
+  promise._subscribers.length = 0;
+}
+
+function ErrorObject() {
+  this.error = null;
+}
+
+var TRY_CATCH_ERROR = new ErrorObject();
+
+function tryCatch(callback, detail) {
+  try {
+    return callback(detail);
+  } catch (e) {
+    TRY_CATCH_ERROR.error = e;
+    return TRY_CATCH_ERROR;
+  }
+}
+
+function invokeCallback(settled, promise, callback, detail) {
+  var hasCallback = isFunction(callback),
+      value = undefined,
+      error = undefined,
+      succeeded = undefined,
+      failed = undefined;
+
+  if (hasCallback) {
+    value = tryCatch(callback, detail);
+
+    if (value === TRY_CATCH_ERROR) {
+      failed = true;
+      error = value.error;
+      value.error = null;
+    } else {
+      succeeded = true;
+    }
+
+    if (promise === value) {
+      _reject(promise, cannotReturnOwn());
+      return;
+    }
+  } else {
+    value = detail;
+    succeeded = true;
+  }
+
+  if (promise._state !== PENDING) {
+    // noop
+  } else if (hasCallback && succeeded) {
+      _resolve(promise, value);
+    } else if (failed) {
+      _reject(promise, error);
+    } else if (settled === FULFILLED) {
+      fulfill(promise, value);
+    } else if (settled === REJECTED) {
+      _reject(promise, value);
+    }
+}
+
+function initializePromise(promise, resolver) {
+  try {
+    resolver(function resolvePromise(value) {
+      _resolve(promise, value);
+    }, function rejectPromise(reason) {
+      _reject(promise, reason);
+    });
+  } catch (e) {
+    _reject(promise, e);
+  }
+}
+
+var id = 0;
+function nextId() {
+  return id++;
+}
+
+function makePromise(promise) {
+  promise[PROMISE_ID] = id++;
+  promise._state = undefined;
+  promise._result = undefined;
+  promise._subscribers = [];
+}
+
+function Enumerator(Constructor, input) {
+  this._instanceConstructor = Constructor;
+  this.promise = new Constructor(noop);
+
+  if (!this.promise[PROMISE_ID]) {
+    makePromise(this.promise);
+  }
+
+  if (isArray(input)) {
+    this._input = input;
+    this.length = input.length;
+    this._remaining = input.length;
+
+    this._result = new Array(this.length);
+
+    if (this.length === 0) {
+      fulfill(this.promise, this._result);
+    } else {
+      this.length = this.length || 0;
+      this._enumerate();
+      if (this._remaining === 0) {
+        fulfill(this.promise, this._result);
+      }
+    }
+  } else {
+    _reject(this.promise, validationError());
+  }
+}
+
+function validationError() {
+  return new Error('Array Methods must be provided an Array');
+};
+
+Enumerator.prototype._enumerate = function () {
+  var length = this.length;
+  var _input = this._input;
+
+  for (var i = 0; this._state === PENDING && i < length; i++) {
+    this._eachEntry(_input[i], i);
+  }
+};
+
+Enumerator.prototype._eachEntry = function (entry, i) {
+  var c = this._instanceConstructor;
+  var resolve$$ = c.resolve;
+
+  if (resolve$$ === resolve) {
+    var _then = getThen(entry);
+
+    if (_then === then && entry._state !== PENDING) {
+      this._settledAt(entry._state, i, entry._result);
+    } else if (typeof _then !== 'function') {
+      this._remaining--;
+      this._result[i] = entry;
+    } else if (c === Promise) {
+      var promise = new c(noop);
+      handleMaybeThenable(promise, entry, _then);
+      this._willSettleAt(promise, i);
+    } else {
+      this._willSettleAt(new c(function (resolve$$) {
+        return resolve$$(entry);
+      }), i);
+    }
+  } else {
+    this._willSettleAt(resolve$$(entry), i);
+  }
+};
+
+Enumerator.prototype._settledAt = function (state, i, value) {
+  var promise = this.promise;
+
+  if (promise._state === PENDING) {
+    this._remaining--;
+
+    if (state === REJECTED) {
+      _reject(promise, value);
+    } else {
+      this._result[i] = value;
+    }
+  }
+
+  if (this._remaining === 0) {
+    fulfill(promise, this._result);
+  }
+};
+
+Enumerator.prototype._willSettleAt = function (promise, i) {
+  var enumerator = this;
+
+  subscribe(promise, undefined, function (value) {
+    return enumerator._settledAt(FULFILLED, i, value);
+  }, function (reason) {
+    return enumerator._settledAt(REJECTED, i, reason);
+  });
+};
+
+/**
+  `Promise.all` accepts an array of promises, and returns a new promise which
+  is fulfilled with an array of fulfillment values for the passed promises, or
+  rejected with the reason of the first passed promise to be rejected. It casts all
+  elements of the passed iterable to promises as it runs this algorithm.
+
+  Example:
+
+  ```javascript
+  let promise1 = resolve(1);
+  let promise2 = resolve(2);
+  let promise3 = resolve(3);
+  let promises = [ promise1, promise2, promise3 ];
+
+  Promise.all(promises).then(function(array){
+    // The array here would be [ 1, 2, 3 ];
+  });
+  ```
+
+  If any of the `promises` given to `all` are rejected, the first promise
+  that is rejected will be given as an argument to the returned promises's
+  rejection handler. For example:
+
+  Example:
+
+  ```javascript
+  let promise1 = resolve(1);
+  let promise2 = reject(new Error("2"));
+  let promise3 = reject(new Error("3"));
+  let promises = [ promise1, promise2, promise3 ];
+
+  Promise.all(promises).then(function(array){
+    // Code here never runs because there are rejected promises!
+  }, function(error) {
+    // error.message === "2"
+  });
+  ```
+
+  @method all
+  @static
+  @param {Array} entries array of promises
+  @param {String} label optional string for labeling the promise.
+  Useful for tooling.
+  @return {Promise} promise that is fulfilled when all `promises` have been
+  fulfilled, or rejected if any of them become rejected.
+  @static
+*/
+function all(entries) {
+  return new Enumerator(this, entries).promise;
+}
+
+/**
+  `Promise.race` returns a new promise which is settled in the same way as the
+  first passed promise to settle.
+
+  Example:
+
+  ```javascript
+  let promise1 = new Promise(function(resolve, reject){
+    setTimeout(function(){
+      resolve('promise 1');
+    }, 200);
+  });
+
+  let promise2 = new Promise(function(resolve, reject){
+    setTimeout(function(){
+      resolve('promise 2');
+    }, 100);
+  });
+
+  Promise.race([promise1, promise2]).then(function(result){
+    // result === 'promise 2' because it was resolved before promise1
+    // was resolved.
+  });
+  ```
+
+  `Promise.race` is deterministic in that only the state of the first
+  settled promise matters. For example, even if other promises given to the
+  `promises` array argument are resolved, but the first settled promise has
+  become rejected before the other promises became fulfilled, the returned
+  promise will become rejected:
+
+  ```javascript
+  let promise1 = new Promise(function(resolve, reject){
+    setTimeout(function(){
+      resolve('promise 1');
+    }, 200);
+  });
+
+  let promise2 = new Promise(function(resolve, reject){
+    setTimeout(function(){
+      reject(new Error('promise 2'));
+    }, 100);
+  });
+
+  Promise.race([promise1, promise2]).then(function(result){
+    // Code here never runs
+  }, function(reason){
+    // reason.message === 'promise 2' because promise 2 became rejected before
+    // promise 1 became fulfilled
+  });
+  ```
+
+  An example real-world use case is implementing timeouts:
+
+  ```javascript
+  Promise.race([ajax('foo.json'), timeout(5000)])
+  ```
+
+  @method race
+  @static
+  @param {Array} promises array of promises to observe
+  Useful for tooling.
+  @return {Promise} a promise which settles in the same way as the first passed
+  promise to settle.
+*/
+function race(entries) {
+  /*jshint validthis:true */
+  var Constructor = this;
+
+  if (!isArray(entries)) {
+    return new Constructor(function (_, reject) {
+      return reject(new TypeError('You must pass an array to race.'));
+    });
+  } else {
+    return new Constructor(function (resolve, reject) {
+      var length = entries.length;
+      for (var i = 0; i < length; i++) {
+        Constructor.resolve(entries[i]).then(resolve, reject);
+      }
+    });
+  }
+}
+
+/**
+  `Promise.reject` returns a promise rejected with the passed `reason`.
+  It is shorthand for the following:
+
+  ```javascript
+  let promise = new Promise(function(resolve, reject){
+    reject(new Error('WHOOPS'));
+  });
+
+  promise.then(function(value){
+    // Code here doesn't run because the promise is rejected!
+  }, function(reason){
+    // reason.message === 'WHOOPS'
+  });
+  ```
+
+  Instead of writing the above, your code now simply becomes the following:
+
+  ```javascript
+  let promise = Promise.reject(new Error('WHOOPS'));
+
+  promise.then(function(value){
+    // Code here doesn't run because the promise is rejected!
+  }, function(reason){
+    // reason.message === 'WHOOPS'
+  });
+  ```
+
+  @method reject
+  @static
+  @param {Any} reason value that the returned promise will be rejected with.
+  Useful for tooling.
+  @return {Promise} a promise rejected with the given `reason`.
+*/
+function reject(reason) {
+  /*jshint validthis:true */
+  var Constructor = this;
+  var promise = new Constructor(noop);
+  _reject(promise, reason);
+  return promise;
+}
+
+function needsResolver() {
+  throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');
+}
+
+function needsNew() {
+  throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.");
+}
+
+/**
+  Promise objects represent the eventual result of an asynchronous operation. The
+  primary way of interacting with a promise is through its `then` method, which
+  registers callbacks to receive either a promise's eventual value or the reason
+  why the promise cannot be fulfilled.
+
+  Terminology
+  -----------
+
+  - `promise` is an object or function with a `then` method whose behavior conforms to this specification.
+  - `thenable` is an object or function that defines a `then` method.
+  - `value` is any legal JavaScript value (including undefined, a thenable, or a promise).
+  - `exception` is a value that is thrown using the throw statement.
+  - `reason` is a value that indicates why a promise was rejected.
+  - `settled` the final resting state of a promise, fulfilled or rejected.
+
+  A promise can be in one of three states: pending, fulfilled, or rejected.
+
+  Promises that are fulfilled have a fulfillment value and are in the fulfilled
+  state.  Promises that are rejected have a rejection reason and are in the
+  rejected state.  A fulfillment value is never a thenable.
+
+  Promises can also be said to *resolve* a value.  If this value is also a
+  promise, then the original promise's settled state will match the value's
+  settled state.  So a promise that *resolves* a promise that rejects will
+  itself reject, and a promise that *resolves* a promise that fulfills will
+  itself fulfill.
+
+
+  Basic Usage:
+  ------------
+
+  ```js
+  let promise = new Promise(function(resolve, reject) {
+    // on success
+    resolve(value);
+
+    // on failure
+    reject(reason);
+  });
+
+  promise.then(function(value) {
+    // on fulfillment
+  }, function(reason) {
+    // on rejection
+  });
+  ```
+
+  Advanced Usage:
+  ---------------
+
+  Promises shine when abstracting away asynchronous interactions such as
+  `XMLHttpRequest`s.
+
+  ```js
+  function getJSON(url) {
+    return new Promise(function(resolve, reject){
+      let xhr = new XMLHttpRequest();
+
+      xhr.open('GET', url);
+      xhr.onreadystatechange = handler;
+      xhr.responseType = 'json';
+      xhr.setRequestHeader('Accept', 'application/json');
+      xhr.send();
+
+      function handler() {
+        if (this.readyState === this.DONE) {
+          if (this.status === 200) {
+            resolve(this.response);
+          } else {
+            reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));
+          }
+        }
+      };
+    });
+  }
+
+  getJSON('/posts.json').then(function(json) {
+    // on fulfillment
+  }, function(reason) {
+    // on rejection
+  });
+  ```
+
+  Unlike callbacks, promises are great composable primitives.
+
+  ```js
+  Promise.all([
+    getJSON('/posts'),
+    getJSON('/comments')
+  ]).then(function(values){
+    values[0] // => postsJSON
+    values[1] // => commentsJSON
+
+    return values;
+  });
+  ```
+
+  @class Promise
+  @param {function} resolver
+  Useful for tooling.
+  @constructor
+*/
+function Promise(resolver) {
+  this[PROMISE_ID] = nextId();
+  this._result = this._state = undefined;
+  this._subscribers = [];
+
+  if (noop !== resolver) {
+    typeof resolver !== 'function' && needsResolver();
+    this instanceof Promise ? initializePromise(this, resolver) : needsNew();
+  }
+}
+
+Promise.all = all;
+Promise.race = race;
+Promise.resolve = resolve;
+Promise.reject = reject;
+Promise._setScheduler = setScheduler;
+Promise._setAsap = setAsap;
+Promise._asap = asap;
+
+Promise.prototype = {
+  constructor: Promise,
+
+  /**
+    The primary way of interacting with a promise is through its `then` method,
+    which registers callbacks to receive either a promise's eventual value or the
+    reason why the promise cannot be fulfilled.
+  
+    ```js
+    findUser().then(function(user){
+      // user is available
+    }, function(reason){
+      // user is unavailable, and you are given the reason why
+    });
+    ```
+  
+    Chaining
+    --------
+  
+    The return value of `then` is itself a promise.  This second, 'downstream'
+    promise is resolved with the return value of the first promise's fulfillment
+    or rejection handler, or rejected if the handler throws an exception.
+  
+    ```js
+    findUser().then(function (user) {
+      return user.name;
+    }, function (reason) {
+      return 'default name';
+    }).then(function (userName) {
+      // If `findUser` fulfilled, `userName` will be the user's name, otherwise it
+      // will be `'default name'`
+    });
+  
+    findUser().then(function (user) {
+      throw new Error('Found user, but still unhappy');
+    }, function (reason) {
+      throw new Error('`findUser` rejected and we're unhappy');
+    }).then(function (value) {
+      // never reached
+    }, function (reason) {
+      // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.
+      // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.
+    });
+    ```
+    If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.
+  
+    ```js
+    findUser().then(function (user) {
+      throw new PedagogicalException('Upstream error');
+    }).then(function (value) {
+      // never reached
+    }).then(function (value) {
+      // never reached
+    }, function (reason) {
+      // The `PedgagocialException` is propagated all the way down to here
+    });
+    ```
+  
+    Assimilation
+    ------------
+  
+    Sometimes the value you want to propagate to a downstream promise can only be
+    retrieved asynchronously. This can be achieved by returning a promise in the
+    fulfillment or rejection handler. The downstream promise will then be pending
+    until the returned promise is settled. This is called *assimilation*.
+  
+    ```js
+    findUser().then(function (user) {
+      return findCommentsByAuthor(user);
+    }).then(function (comments) {
+      // The user's comments are now available
+    });
+    ```
+  
+    If the assimliated promise rejects, then the downstream promise will also reject.
+  
+    ```js
+    findUser().then(function (user) {
+      return findCommentsByAuthor(user);
+    }).then(function (comments) {
+      // If `findCommentsByAuthor` fulfills, we'll have the value here
+    }, function (reason) {
+      // If `findCommentsByAuthor` rejects, we'll have the reason here
+    });
+    ```
+  
+    Simple Example
+    --------------
+  
+    Synchronous Example
+  
+    ```javascript
+    let result;
+  
+    try {
+      result = findResult();
+      // success
+    } catch(reason) {
+      // failure
+    }
+    ```
+  
+    Errback Example
+  
+    ```js
+    findResult(function(result, err){
+      if (err) {
+        // failure
+      } else {
+        // success
+      }
+    });
+    ```
+  
+    Promise Example;
+  
+    ```javascript
+    findResult().then(function(result){
+      // success
+    }, function(reason){
+      // failure
+    });
+    ```
+  
+    Advanced Example
+    --------------
+  
+    Synchronous Example
+  
+    ```javascript
+    let author, books;
+  
+    try {
+      author = findAuthor();
+      books  = findBooksByAuthor(author);
+      // success
+    } catch(reason) {
+      // failure
+    }
+    ```
+  
+    Errback Example
+  
+    ```js
+  
+    function foundBooks(books) {
+  
+    }
+  
+    function failure(reason) {
+  
+    }
+  
+    findAuthor(function(author, err){
+      if (err) {
+        failure(err);
+        // failure
+      } else {
+        try {
+          findBoooksByAuthor(author, function(books, err) {
+            if (err) {
+              failure(err);
+            } else {
+              try {
+                foundBooks(books);
+              } catch(reason) {
+                failure(reason);
+              }
+            }
+          });
+        } catch(error) {
+          failure(err);
+        }
+        // success
+      }
+    });
+    ```
+  
+    Promise Example;
+  
+    ```javascript
+    findAuthor().
+      then(findBooksByAuthor).
+      then(function(books){
+        // found books
+    }).catch(function(reason){
+      // something went wrong
+    });
+    ```
+  
+    @method then
+    @param {Function} onFulfilled
+    @param {Function} onRejected
+    Useful for tooling.
+    @return {Promise}
+  */
+  then: then,
+
+  /**
+    `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same
+    as the catch block of a try/catch statement.
+  
+    ```js
+    function findAuthor(){
+      throw new Error('couldn't find that author');
+    }
+  
+    // synchronous
+    try {
+      findAuthor();
+    } catch(reason) {
+      // something went wrong
+    }
+  
+    // async with promises
+    findAuthor().catch(function(reason){
+      // something went wrong
+    });
+    ```
+  
+    @method catch
+    @param {Function} onRejection
+    Useful for tooling.
+    @return {Promise}
+  */
+  'catch': function _catch(onRejection) {
+    return this.then(null, onRejection);
+  }
+};
+
+function polyfill() {
+    var local = undefined;
+
+    if (typeof global !== 'undefined') {
+        local = global;
+    } else if (typeof self !== 'undefined') {
+        local = self;
+    } else {
+        try {
+            local = Function('return this')();
+        } catch (e) {
+            throw new Error('polyfill failed because global object is unavailable in this environment');
+        }
+    }
+
+    var P = local.Promise;
+
+    if (P) {
+        var promiseToString = null;
+        try {
+            promiseToString = Object.prototype.toString.call(P.resolve());
+        } catch (e) {
+            // silently ignored
+        }
+
+        if (promiseToString === '[object Promise]' && !P.cast) {
+            return;
+        }
+    }
+
+    local.Promise = Promise;
+}
+
+// Strange compat..
+Promise.polyfill = polyfill;
+Promise.Promise = Promise;
+
+return Promise;
+
+})));
+//# sourceMappingURL=es6-promise.map
+
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(7), __webpack_require__(8)))
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /* global VERSION */
+
+__webpack_require__(5);
+
+var _es6Promise = __webpack_require__(4);
+
+var _es6Promise2 = _interopRequireDefault(_es6Promise);
+
+var _utils = __webpack_require__(0);
+
+var Utils = _interopRequireWildcard(_utils);
+
+var _api = __webpack_require__(1);
+
+var API = _interopRequireWildcard(_api);
+
+var _button = __webpack_require__(2);
+
+var _push = __webpack_require__(3);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var Noty = function () {
+  /**
+   * @param {object} options
+   * @return {Noty}
+   */
+  function Noty() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    _classCallCheck(this, Noty);
+
+    this.options = Utils.deepExtend({}, API.Defaults, options);
+    this.id = this.options.id || Utils.generateID('bar');
+    this.closeTimer = -1;
+    this.barDom = null;
+    this.layoutDom = null;
+    this.progressDom = null;
+    this.showing = false;
+    this.shown = false;
+    this.closed = false;
+    this.closing = false;
+    this.killable = this.options.timeout || this.options.closeWith.length > 0;
+    this.hasSound = this.options.sounds.sources.length > 0;
+    this.soundPlayed = false;
+    this.listeners = {
+      beforeShow: [],
+      onShow: [],
+      afterShow: [],
+      onClose: [],
+      afterClose: [],
+      onClick: [],
+      onHover: [],
+      onTemplate: []
+    };
+    this.promises = {
+      show: null,
+      close: null
+    };
+    this.on('beforeShow', this.options.callbacks.beforeShow);
+    this.on('onShow', this.options.callbacks.onShow);
+    this.on('afterShow', this.options.callbacks.afterShow);
+    this.on('onClose', this.options.callbacks.onClose);
+    this.on('afterClose', this.options.callbacks.afterClose);
+    this.on('onClick', this.options.callbacks.onClick);
+    this.on('onHover', this.options.callbacks.onHover);
+    this.on('onTemplate', this.options.callbacks.onTemplate);
+
+    return this;
+  }
+
+  /**
+   * @param {string} eventName
+   * @param {function} cb
+   * @return {Noty}
+   */
+
+
+  _createClass(Noty, [{
+    key: 'on',
+    value: function on(eventName) {
+      var cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
+
+      if (typeof cb === 'function' && this.listeners.hasOwnProperty(eventName)) {
+        this.listeners[eventName].push(cb);
+      }
+
+      return this;
+    }
+
+    /**
+     * @return {Noty}
+     */
+
+  }, {
+    key: 'show',
+    value: function show() {
+      var _this = this;
+
+      if (this.options.killer === true) {
+        Noty.closeAll();
+      } else if (typeof this.options.killer === 'string') {
+        Noty.closeAll(this.options.killer);
+      }
+
+      var queueCounts = API.getQueueCounts(this.options.queue);
+
+      if (queueCounts.current >= queueCounts.maxVisible || API.PageHidden && this.options.visibilityControl) {
+        API.addToQueue(this);
+
+        if (API.PageHidden && this.hasSound && Utils.inArray('docHidden', this.options.sounds.conditions)) {
+          Utils.createAudioElements(this);
+        }
+
+        if (API.PageHidden && Utils.inArray('docHidden', this.options.titleCount.conditions)) {
+          API.docTitle.increment();
+        }
+
+        return this;
+      }
+
+      API.Store[this.id] = this;
+
+      API.fire(this, 'beforeShow');
+
+      this.showing = true;
+
+      if (this.closing) {
+        this.showing = false;
+        return this;
+      }
+
+      API.build(this);
+      API.handleModal(this);
+
+      if (this.options.force) {
+        this.layoutDom.insertBefore(this.barDom, this.layoutDom.firstChild);
+      } else {
+        this.layoutDom.appendChild(this.barDom);
+      }
+
+      if (this.hasSound && !this.soundPlayed && Utils.inArray('docVisible', this.options.sounds.conditions)) {
+        Utils.createAudioElements(this);
+      }
+
+      if (Utils.inArray('docVisible', this.options.titleCount.conditions)) {
+        API.docTitle.increment();
+      }
+
+      this.shown = true;
+      this.closed = false;
+
+      // bind button events if any
+      if (API.hasButtons(this)) {
+        Object.keys(this.options.buttons).forEach(function (key) {
+          var btn = _this.barDom.querySelector('#' + _this.options.buttons[key].id);
+          Utils.addListener(btn, 'click', function (e) {
+            Utils.stopPropagation(e);
+            _this.options.buttons[key].cb();
+          });
+        });
+      }
+
+      this.progressDom = this.barDom.querySelector('.noty_progressbar');
+
+      if (Utils.inArray('click', this.options.closeWith)) {
+        Utils.addClass(this.barDom, 'noty_close_with_click');
+        Utils.addListener(this.barDom, 'click', function (e) {
+          Utils.stopPropagation(e);
+          API.fire(_this, 'onClick');
+          _this.close();
+        }, false);
+      }
+
+      Utils.addListener(this.barDom, 'mouseenter', function () {
+        API.fire(_this, 'onHover');
+      }, false);
+
+      if (this.options.timeout) Utils.addClass(this.barDom, 'noty_has_timeout');
+      if (this.options.progressBar) {
+        Utils.addClass(this.barDom, 'noty_has_progressbar');
+      }
+
+      if (Utils.inArray('button', this.options.closeWith)) {
+        Utils.addClass(this.barDom, 'noty_close_with_button');
+
+        var closeButton = document.createElement('div');
+        Utils.addClass(closeButton, 'noty_close_button');
+        closeButton.innerHTML = '×';
+        this.barDom.appendChild(closeButton);
+
+        Utils.addListener(closeButton, 'click', function (e) {
+          Utils.stopPropagation(e);
+          _this.close();
+        }, false);
+      }
+
+      API.fire(this, 'onShow');
+
+      if (this.options.animation.open === null) {
+        this.promises.show = new _es6Promise2.default(function (resolve) {
+          resolve();
+        });
+      } else if (typeof this.options.animation.open === 'function') {
+        this.promises.show = new _es6Promise2.default(this.options.animation.open.bind(this));
+      } else {
+        Utils.addClass(this.barDom, this.options.animation.open);
+        this.promises.show = new _es6Promise2.default(function (resolve) {
+          Utils.addListener(_this.barDom, Utils.animationEndEvents, function () {
+            Utils.removeClass(_this.barDom, _this.options.animation.open);
+            resolve();
+          });
+        });
+      }
+
+      this.promises.show.then(function () {
+        var _t = _this;
+        setTimeout(function () {
+          API.openFlow(_t);
+        }, 100);
+      });
+
+      return this;
+    }
+
+    /**
+     * @return {Noty}
+     */
+
+  }, {
+    key: 'stop',
+    value: function stop() {
+      API.dequeueClose(this);
+      return this;
+    }
+
+    /**
+     * @return {Noty}
+     */
+
+  }, {
+    key: 'resume',
+    value: function resume() {
+      API.queueClose(this);
+      return this;
+    }
+
+    /**
+     * @param {int|boolean} ms
+     * @return {Noty}
+     */
+
+  }, {
+    key: 'setTimeout',
+    value: function (_setTimeout) {
+      function setTimeout(_x) {
+        return _setTimeout.apply(this, arguments);
+      }
+
+      setTimeout.toString = function () {
+        return _setTimeout.toString();
+      };
+
+      return setTimeout;
+    }(function (ms) {
+      this.stop();
+      this.options.timeout = ms;
+
+      if (this.barDom) {
+        if (this.options.timeout) {
+          Utils.addClass(this.barDom, 'noty_has_timeout');
+        } else {
+          Utils.removeClass(this.barDom, 'noty_has_timeout');
+        }
+
+        var _t = this;
+        setTimeout(function () {
+          // ugly fix for progressbar display bug
+          _t.resume();
+        }, 100);
+      }
+
+      return this;
+    })
+
+    /**
+     * @param {string} html
+     * @param {boolean} optionsOverride
+     * @return {Noty}
+     */
+
+  }, {
+    key: 'setText',
+    value: function setText(html) {
+      var optionsOverride = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      if (this.barDom) {
+        this.barDom.querySelector('.noty_body').innerHTML = html;
+      }
+
+      if (optionsOverride) this.options.text = html;
+
+      return this;
+    }
+
+    /**
+     * @param {string} type
+     * @param {boolean} optionsOverride
+     * @return {Noty}
+     */
+
+  }, {
+    key: 'setType',
+    value: function setType(type) {
+      var _this2 = this;
+
+      var optionsOverride = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      if (this.barDom) {
+        var classList = Utils.classList(this.barDom).split(' ');
+
+        classList.forEach(function (c) {
+          if (c.substring(0, 11) === 'noty_type__') {
+            Utils.removeClass(_this2.barDom, c);
+          }
+        });
+
+        Utils.addClass(this.barDom, 'noty_type__' + type);
+      }
+
+      if (optionsOverride) this.options.type = type;
+
+      return this;
+    }
+
+    /**
+     * @param {string} theme
+     * @param {boolean} optionsOverride
+     * @return {Noty}
+     */
+
+  }, {
+    key: 'setTheme',
+    value: function setTheme(theme) {
+      var _this3 = this;
+
+      var optionsOverride = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      if (this.barDom) {
+        var classList = Utils.classList(this.barDom).split(' ');
+
+        classList.forEach(function (c) {
+          if (c.substring(0, 12) === 'noty_theme__') {
+            Utils.removeClass(_this3.barDom, c);
+          }
+        });
+
+        Utils.addClass(this.barDom, 'noty_theme__' + theme);
+      }
+
+      if (optionsOverride) this.options.theme = theme;
+
+      return this;
+    }
+
+    /**
+     * @return {Noty}
+     */
+
+  }, {
+    key: 'close',
+    value: function close() {
+      var _this4 = this;
+
+      if (this.closed) return this;
+
+      if (!this.shown) {
+        // it's in the queue
+        API.removeFromQueue(this);
+        return this;
+      }
+
+      API.fire(this, 'onClose');
+
+      this.closing = true;
+
+      if (this.options.animation.close === null) {
+        this.promises.close = new _es6Promise2.default(function (resolve) {
+          resolve();
+        });
+      } else if (typeof this.options.animation.close === 'function') {
+        this.promises.close = new _es6Promise2.default(this.options.animation.close.bind(this));
+      } else {
+        Utils.addClass(this.barDom, this.options.animation.close);
+        this.promises.close = new _es6Promise2.default(function (resolve) {
+          Utils.addListener(_this4.barDom, Utils.animationEndEvents, function () {
+            if (_this4.options.force) {
+              Utils.remove(_this4.barDom);
+            } else {
+              API.ghostFix(_this4);
+            }
+            resolve();
+          });
+        });
+      }
+
+      this.promises.close.then(function () {
+        API.closeFlow(_this4);
+        API.handleModalClose(_this4);
+      });
+
+      this.closed = true;
+
+      return this;
+    }
+
+    // API functions
+
+    /**
+     * @param {boolean|string} queueName
+     * @return {Noty}
+     */
+
+  }], [{
+    key: 'closeAll',
+    value: function closeAll() {
+      var queueName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+      Object.keys(API.Store).forEach(function (id) {
+        if (queueName) {
+          if (API.Store[id].options.queue === queueName && API.Store[id].killable) {
+            API.Store[id].close();
+          }
+        } else if (API.Store[id].killable) {
+          API.Store[id].close();
+        }
+      });
+      return this;
+    }
+
+    /**
+     * @param {Object} obj
+     * @return {Noty}
+     */
+
+  }, {
+    key: 'overrideDefaults',
+    value: function overrideDefaults(obj) {
+      API.Defaults = Utils.deepExtend({}, API.Defaults, obj);
+      return this;
+    }
+
+    /**
+     * @param {int} amount
+     * @param {string} queueName
+     * @return {Noty}
+     */
+
+  }, {
+    key: 'setMaxVisible',
+    value: function setMaxVisible() {
+      var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : API.DefaultMaxVisible;
+      var queueName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'global';
+
+      if (!API.Queues.hasOwnProperty(queueName)) {
+        API.Queues[queueName] = { maxVisible: amount, queue: [] };
+      }
+
+      API.Queues[queueName].maxVisible = amount;
+      return this;
+    }
+
+    /**
+     * @param {string} innerHtml
+     * @param {String} classes
+     * @param {Function} cb
+     * @param {Object} attributes
+     * @return {NotyButton}
+     */
+
+  }, {
+    key: 'button',
+    value: function button(innerHtml) {
+      var classes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var cb = arguments[2];
+      var attributes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+
+      return new _button.NotyButton(innerHtml, classes, cb, attributes);
+    }
+
+    /**
+     * @return {string}
+     */
+
+  }, {
+    key: 'version',
+    value: function version() {
+      return "3.1.3";
+    }
+
+    /**
+     * @param {String} workerPath
+     * @return {Push}
+     */
+
+  }, {
+    key: 'Push',
+    value: function Push(workerPath) {
+      return new _push.Push(workerPath);
+    }
+  }]);
+
+  return Noty;
+}();
+
+// Document visibility change controller
+
+
+exports.default = Noty;
+Utils.visibilityChangeFlow();
+module.exports = exports['default'];
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports) {
+
+// shim for using process in browser
+var process = module.exports = {};
+
+// cached from whatever global is present so that test runners that stub it
+// don't break things.  But we need to wrap it in a try catch in case it is
+// wrapped in strict mode code which doesn't define any globals.  It's inside a
+// function because try/catches deoptimize in certain engines.
+
+var cachedSetTimeout;
+var cachedClearTimeout;
+
+function defaultSetTimout() {
+    throw new Error('setTimeout has not been defined');
+}
+function defaultClearTimeout () {
+    throw new Error('clearTimeout has not been defined');
+}
+(function () {
+    try {
+        if (typeof setTimeout === 'function') {
+            cachedSetTimeout = setTimeout;
+        } else {
+            cachedSetTimeout = defaultSetTimout;
+        }
+    } catch (e) {
+        cachedSetTimeout = defaultSetTimout;
+    }
+    try {
+        if (typeof clearTimeout === 'function') {
+            cachedClearTimeout = clearTimeout;
+        } else {
+            cachedClearTimeout = defaultClearTimeout;
+        }
+    } catch (e) {
+        cachedClearTimeout = defaultClearTimeout;
+    }
+} ())
+function runTimeout(fun) {
+    if (cachedSetTimeout === setTimeout) {
+        //normal enviroments in sane situations
+        return setTimeout(fun, 0);
+    }
+    // if setTimeout wasn't available but was latter defined
+    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+        cachedSetTimeout = setTimeout;
+        return setTimeout(fun, 0);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedSetTimeout(fun, 0);
+    } catch(e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+            return cachedSetTimeout.call(null, fun, 0);
+        } catch(e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+            return cachedSetTimeout.call(this, fun, 0);
+        }
+    }
+
+
+}
+function runClearTimeout(marker) {
+    if (cachedClearTimeout === clearTimeout) {
+        //normal enviroments in sane situations
+        return clearTimeout(marker);
+    }
+    // if clearTimeout wasn't available but was latter defined
+    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+        cachedClearTimeout = clearTimeout;
+        return clearTimeout(marker);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedClearTimeout(marker);
+    } catch (e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+            return cachedClearTimeout.call(null, marker);
+        } catch (e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+            return cachedClearTimeout.call(this, marker);
+        }
+    }
+
+
+
+}
+var queue = [];
+var draining = false;
+var currentQueue;
+var queueIndex = -1;
+
+function cleanUpNextTick() {
+    if (!draining || !currentQueue) {
+        return;
+    }
+    draining = false;
+    if (currentQueue.length) {
+        queue = currentQueue.concat(queue);
+    } else {
+        queueIndex = -1;
+    }
+    if (queue.length) {
+        drainQueue();
+    }
+}
+
+function drainQueue() {
+    if (draining) {
+        return;
+    }
+    var timeout = runTimeout(cleanUpNextTick);
+    draining = true;
+
+    var len = queue.length;
+    while(len) {
+        currentQueue = queue;
+        queue = [];
+        while (++queueIndex < len) {
+            if (currentQueue) {
+                currentQueue[queueIndex].run();
+            }
+        }
+        queueIndex = -1;
+        len = queue.length;
+    }
+    currentQueue = null;
+    draining = false;
+    runClearTimeout(timeout);
+}
+
+process.nextTick = function (fun) {
+    var args = new Array(arguments.length - 1);
+    if (arguments.length > 1) {
+        for (var i = 1; i < arguments.length; i++) {
+            args[i - 1] = arguments[i];
+        }
+    }
+    queue.push(new Item(fun, args));
+    if (queue.length === 1 && !draining) {
+        runTimeout(drainQueue);
+    }
+};
+
+// v8 likes predictible objects
+function Item(fun, array) {
+    this.fun = fun;
+    this.array = array;
+}
+Item.prototype.run = function () {
+    this.fun.apply(null, this.array);
+};
+process.title = 'browser';
+process.browser = true;
+process.env = {};
+process.argv = [];
+process.version = ''; // empty string to avoid regexp issues
+process.versions = {};
+
+function noop() {}
+
+process.on = noop;
+process.addListener = noop;
+process.once = noop;
+process.off = noop;
+process.removeListener = noop;
+process.removeAllListeners = noop;
+process.emit = noop;
+process.prependListener = noop;
+process.prependOnceListener = noop;
+
+process.listeners = function (name) { return [] }
+
+process.binding = function (name) {
+    throw new Error('process.binding is not supported');
+};
+
+process.cwd = function () { return '/' };
+process.chdir = function (dir) {
+    throw new Error('process.chdir is not supported');
+};
+process.umask = function() { return 0; };
+
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports) {
+
+var g;
+
+// This works in non-strict mode
+g = (function() {
+	return this;
+})();
+
+try {
+	// This works if eval is allowed (see CSP)
+	g = g || Function("return this")() || (1,eval)("this");
+} catch(e) {
+	// This works if the window reference is available
+	if(typeof window === "object")
+		g = window;
+}
+
+// g can still be undefined, but nothing to do about it...
+// We return undefined, instead of nothing here, so it's
+// easier to handle this case. if(!global) { ...}
+
+module.exports = g;
+
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports) {
+
+/* (ignored) */
+
+/***/ })
+/******/ ]);
+});
+//# sourceMappingURL=noty.js.map
\ No newline at end of file

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/notification-banner/lib/noty.min.js b/plugins/wordpress-mobile-pack/frontend/sections/notification-banner/lib/noty.min.js
new file mode 100755
index 0000000..a4332f6
--- /dev/null
+++ b/plugins/wordpress-mobile-pack/frontend/sections/notification-banner/lib/noty.min.js
@@ -0,0 +1,17 @@
+/* 
+  @package NOTY - Dependency-free notification library 
+  @version version: 3.1.3 
+  @contributors https://github.com/needim/noty/graphs/contributors 
+  @documentation Examples and Documentation - http://needim.github.com/noty 
+  @license Licensed under the MIT licenses: http://www.opensource.org/licenses/mit-license.php 
+*/
+
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("Noty",[],e):"object"==typeof exports?exports.Noty=e():t.Noty=e()}(this,function(){return function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=6)}([function(t,e,n){"use strict";function o(t,e,n){var o=void 0;if(!n){for(o in e)if(e.hasOwnProperty(o)&&e[o]===t)return!0}else for(o in e)if(e.hasOwnProperty(o)&&e[o]===t)return!0;return!1}function i(t){t=t||window.event,void 0!==t.stopPropagation?t.stopPropagation():t.cancelBubble=!0}f
 unction r(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e="noty_"+t+"_";return e+="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){var e=16*Math.random()|0;return("x"===t?e:3&e|8).toString(16)})}function s(t){var e=t.offsetHeight,n=window.getComputedStyle(t);return e+=parseInt(n.marginTop)+parseInt(n.marginBottom)}function u(t,e,n){var o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];e=e.split(" ");for(var i=0;i<e.length;i++)document.addEventListener?t.addEventListener(e[i],n,o):document.attachEvent&&t.attachEvent("on"+e[i],n)}function a(t,e){return("string"==typeof t?t:f(t)).indexOf(" "+e+" ")>=0}function c(t,e){var n=f(t),o=n+e;a(n,e)||(t.className=o.substring(1))}function l(t,e){var n=f(t),o=void 0;a(t,e)&&(o=n.replace(" "+e+" "," "),t.className=o.substring(1,o.length-1))}function d(t){t.parentNode&&t.parentNode.removeChild(t)}function f(t){return(" "+(t&&t.className||"")+" ").replace(/\s+/gi," ")}function h(){function t(){b.PageHidd
 en=document[s],o()}function e(){b.PageHidden=!0,o()}function n(){b.PageHidden=!1,o()}function o(){b.PageHidden?i():r()}function i(){setTimeout(function(){Object.keys(b.Store).forEach(function(t){b.Store.hasOwnProperty(t)&&b.Store[t].options.visibilityControl&&b.Store[t].stop()})},100)}function r(){setTimeout(function(){Object.keys(b.Store).forEach(function(t){b.Store.hasOwnProperty(t)&&b.Store[t].options.visibilityControl&&b.Store[t].resume()}),b.queueRenderAll()},100)}var s=void 0,a=void 0;void 0!==document.hidden?(s="hidden",a="visibilitychange"):void 0!==document.msHidden?(s="msHidden",a="msvisibilitychange"):void 0!==document.webkitHidden&&(s="webkitHidden",a="webkitvisibilitychange"),u(document,a,t),u(window,"blur",e),u(window,"focus",n)}function p(t){if(t.hasSound){var e=document.createElement("audio");t.options.sounds.sources.forEach(function(t){var n=document.createElement("source");n.src=t,n.type="audio/"+m(t),e.appendChild(n)}),t.barDom?t.barDom.appendChild(e):document.que
 rySelector("body").appendChild(e),e.volume=t.options.sounds.volume,t.soundPlayed||(e.play(),t.soundPlayed=!0),e.onended=function(){d(e)}}}function m(t){return t.match(/\.([^.]+)$/)[1]}Object.defineProperty(e,"__esModule",{value:!0}),e.css=e.deepExtend=e.animationEndEvents=void 0;var v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};e.inArray=o,e.stopPropagation=i,e.generateID=r,e.outerHeight=s,e.addListener=u,e.hasClass=a,e.addClass=c,e.removeClass=l,e.remove=d,e.classList=f,e.visibilityChangeFlow=h,e.createAudioElements=p;var y=n(1),b=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}(y);e.animationEndEvents="webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",e.deepExtend=function t(e){e=e||{};for(var n=1
 ;n<arguments.length;n++){var o=arguments[n];if(o)for(var i in o)o.hasOwnProperty(i)&&(Array.isArray(o[i])?e[i]=o[i]:"object"===v(o[i])&&null!==o[i]?e[i]=t(e[i],o[i]):e[i]=o[i])}return e},e.css=function(){function t(t){return t.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,function(t,e){return e.toUpperCase()})}function e(t){var e=document.body.style;if(t in e)return t;for(var n=i.length,o=t.charAt(0).toUpperCase()+t.slice(1),r=void 0;n--;)if((r=i[n]+o)in e)return r;return t}function n(n){return n=t(n),r[n]||(r[n]=e(n))}function o(t,e,o){e=n(e),t.style[e]=o}var i=["Webkit","O","Moz","ms"],r={};return function(t,e){var n=arguments,i=void 0,r=void 0;if(2===n.length)for(i in e)e.hasOwnProperty(i)&&void 0!==(r=e[i])&&e.hasOwnProperty(i)&&o(t,i,r);else o(t,n[1],n[2])}}()},function(t,e,n){"use strict";function o(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"global",e=0,n=x;return E.hasOwnProperty(t)&&(n=E[t].maxVisible,Object.keys(P).forEach(function(n){P[n].options.queue
 !==t||P[n].closed||e++})),{current:e,maxVisible:n}}function i(t){E.hasOwnProperty(t.options.queue)||(E[t.options.queue]={maxVisible:x,queue:[]}),E[t.options.queue].queue.push(t)}function r(t){if(E.hasOwnProperty(t.options.queue)){var e=[];Object.keys(E[t.options.queue].queue).forEach(function(n){E[t.options.queue].queue[n].id!==t.id&&e.push(E[t.options.queue].queue[n])}),E[t.options.queue].queue=e}}function s(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"global";if(E.hasOwnProperty(t)){var e=E[t].queue.shift();e&&e.show()}}function u(){Object.keys(E).forEach(function(t){s(t)})}function a(t){var e=k.generateID("ghost"),n=document.createElement("div");n.setAttribute("id",e),k.css(n,{height:k.outerHeight(t.barDom)+"px"}),t.barDom.insertAdjacentHTML("afterend",n.outerHTML),k.remove(t.barDom),n=document.getElementById(e),k.addClass(n,"noty_fix_effects_height"),k.addListener(n,k.animationEndEvents,function(){k.remove(n)})}function c(t){m(t);var e='<div class="noty_body">
 '+t.options.text+"</div>"+d(t)+'<div class="noty_progressbar"></div>';t.barDom=document.createElement("div"),t.barDom.setAttribute("id",t.id),k.addClass(t.barDom,"noty_bar noty_type__"+t.options.type+" noty_theme__"+t.options.theme),t.barDom.innerHTML=e,b(t,"onTemplate")}function l(t){return!(!t.options.buttons||!Object.keys(t.options.buttons).length)}function d(t){if(l(t)){var e=document.createElement("div");return k.addClass(e,"noty_buttons"),Object.keys(t.options.buttons).forEach(function(n){e.appendChild(t.options.buttons[n].dom)}),t.options.buttons.forEach(function(t){e.appendChild(t.dom)}),e.outerHTML}return""}function f(t){t.options.modal&&(0===C&&p(),e.DocModalCount=C+=1)}function h(t){if(t.options.modal&&C>0&&(e.DocModalCount=C-=1,C<=0)){var n=document.querySelector(".noty_modal");n&&(k.removeClass(n,"noty_modal_open"),k.addClass(n,"noty_modal_close"),k.addListener(n,k.animationEndEvents,function(){k.remove(n)}))}}function p(){var t=document.querySelector("body"),e=document
 .createElement("div");k.addClass(e,"noty_modal"),t.insertBefore(e,t.firstChild),k.addClass(e,"noty_modal_open"),k.addListener(e,k.animationEndEvents,function(){k.removeClass(e,"noty_modal_open")})}function m(t){if(t.options.container)return void(t.layoutDom=document.querySelector(t.options.container));var e="noty_layout__"+t.options.layout;t.layoutDom=document.querySelector("div#"+e),t.layoutDom||(t.layoutDom=document.createElement("div"),t.layoutDom.setAttribute("id",e),k.addClass(t.layoutDom,"noty_layout"),document.querySelector("body").appendChild(t.layoutDom))}function v(t){t.options.timeout&&(t.options.progressBar&&t.progressDom&&k.css(t.progressDom,{transition:"width "+t.options.timeout+"ms linear",width:"0%"}),clearTimeout(t.closeTimer),t.closeTimer=setTimeout(function(){t.close()},t.options.timeout))}function y(t){t.options.timeout&&t.closeTimer&&(clearTimeout(t.closeTimer),t.closeTimer=-1,t.options.progressBar&&t.progressDom&&k.css(t.progressDom,{transition:"width 0ms linea
 r",width:"100%"}))}function b(t,e){t.listeners.hasOwnProperty(e)&&t.listeners[e].forEach(function(e){"function"==typeof e&&e.apply(t)})}function w(t){b(t,"afterShow"),v(t),k.addListener(t.barDom,"mouseenter",function(){y(t)}),k.addListener(t.barDom,"mouseleave",function(){v(t)})}function g(t){delete P[t.id],t.closing=!1,b(t,"afterClose"),k.remove(t.barDom),0!==t.layoutDom.querySelectorAll(".noty_bar").length||t.options.container||k.remove(t.layoutDom),(k.inArray("docVisible",t.options.titleCount.conditions)||k.inArray("docHidden",t.options.titleCount.conditions))&&D.decrement(),s(t.options.queue)}Object.defineProperty(e,"__esModule",{value:!0}),e.Defaults=e.Store=e.Queues=e.DefaultMaxVisible=e.docTitle=e.DocModalCount=e.PageHidden=void 0,e.getQueueCounts=o,e.addToQueue=i,e.removeFromQueue=r,e.queueRender=s,e.queueRenderAll=u,e.ghostFix=a,e.build=c,e.hasButtons=l,e.handleModal=f,e.handleModalClose=h,e.queueClose=v,e.dequeueClose=y,e.fire=b,e.openFlow=w,e.closeFlow=g;var _=n(0),k=func
 tion(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}(_),C=(e.PageHidden=!1,e.DocModalCount=0),S={originalTitle:null,count:0,changed:!1,timer:-1},D=e.docTitle={increment:function(){S.count++,D._update()},decrement:function(){if(--S.count<=0)return void D._clear();D._update()},_update:function(){var t=document.title;S.changed?document.title="("+S.count+") "+S.originalTitle:(S.originalTitle=t,document.title="("+S.count+") "+t,S.changed=!0)},_clear:function(){S.changed&&(S.count=0,document.title=S.originalTitle,S.changed=!1)}},x=e.DefaultMaxVisible=5,E=e.Queues={global:{maxVisible:x,queue:[]}},P=e.Store={};e.Defaults={type:"alert",layout:"topRight",theme:"mint",text:"",timeout:!1,progressBar:!0,closeWith:["click"],animation:{open:"noty_effects_open",close:"noty_effects_close"},id:!1,force:!1,killer:!1,queue:"global",container:!1,buttons:[],callbacks:{beforeShow:null,onShow:null,afterShow:null,
 onClose:null,afterClose:null,onClick:null,onHover:null,onTemplate:null},sounds:{sources:[],volume:1,conditions:[]},titleCount:{conditions:[]},modal:!1,visibilityControl:!1}},function(t,e,n){"use strict";function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0}),e.NotyButton=void 0;var i=n(0),r=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}(i);e.NotyButton=function t(e,n,i){var s=this,u=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return o(this,t),this.dom=document.createElement("button"),this.dom.innerHTML=e,this.id=u.id=u.id||r.generateID("button"),this.cb=i,Object.keys(u).forEach(function(t){s.dom.setAttribute(t,u[t])}),r.addClass(this.dom,n||"noty_btn"),this}},function(t,e,n){"use strict";function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}
 Object.defineProperty(e,"__esModule",{value:!0});var i=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}();e.Push=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/service-worker.js";return o(this,t),this.subData={},this.workerPath=e,this.listeners={onPermissionGranted:[],onPermissionDenied:[],onSubscriptionSuccess:[],onSubscriptionCancel:[],onWorkerError:[],onWorkerSuccess:[],onWorkerNotSupported:[]},this}return i(t,[{key:"on",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};return"function"==typeof e&&this.listeners.hasOwnProperty(t)&&this.listeners[t].push(e),this}},{key:"fire",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];this.listeners.hasOwnProperty(t)&&this.listeners[
 t].forEach(function(t){"function"==typeof t&&t.apply(e,n)})}},{key:"create",value:function(){console.log("NOT IMPLEMENTED YET")}},{key:"isSupported",value:function(){var t=!1;try{t=window.Notification||window.webkitNotifications||navigator.mozNotification||window.external&&void 0!==window.external.msIsSiteMode()}catch(t){}return t}},{key:"getPermissionStatus",value:function(){var t="default";if(window.Notification&&window.Notification.permissionLevel)t=window.Notification.permissionLevel;else if(window.webkitNotifications&&window.webkitNotifications.checkPermission)switch(window.webkitNotifications.checkPermission()){case 1:t="default";break;case 0:t="granted";break;default:t="denied"}else window.Notification&&window.Notification.permission?t=window.Notification.permission:navigator.mozNotification?t="granted":window.external&&void 0!==window.external.msIsSiteMode()&&(t=window.external.msIsSiteMode()?"granted":"default");return t.toString().toLowerCase()}},{key:"getEndpoint",value:f
 unction(t){var e=t.endpoint,n=t.subscriptionId;return n&&-1===e.indexOf(n)&&(e+="/"+n),e}},{key:"isSWRegistered",value:function(){try{return"activated"===navigator.serviceWorker.controller.state}catch(t){return!1}}},{key:"unregisterWorker",value:function(){var t=this;"serviceWorker"in navigator&&navigator.serviceWorker.getRegistrations().then(function(e){var n=!0,o=!1,i=void 0;try{for(var r,s=e[Symbol.iterator]();!(n=(r=s.next()).done);n=!0){r.value.unregister(),t.fire("onSubscriptionCancel")}}catch(t){o=!0,i=t}finally{try{!n&&s.return&&s.return()}finally{if(o)throw i}}})}},{key:"requestSubscription",value:function(){var t=this,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],n=this,o=this.getPermissionStatus(),i=function(o){"granted"===o?(t.fire("onPermissionGranted"),"serviceWorker"in navigator?navigator.serviceWorker.register(t.workerPath).then(function(){navigator.serviceWorker.ready.then(function(t){n.fire("onWorkerSuccess"),t.pushManager.subscribe({userVisibleOnly:
 e}).then(function(t){var e=t.getKey("p256dh"),o=t.getKey("auth");n.subData={endpoint:n.getEndpoint(t),p256dh:e?window.btoa(String.fromCharCode.apply(null,new Uint8Array(e))):null,auth:o?window.btoa(String.fromCharCode.apply(null,new Uint8Array(o))):null},n.fire("onSubscriptionSuccess",[n.subData])}).catch(function(t){n.fire("onWorkerError",[t])})})}):n.fire("onWorkerNotSupported")):"denied"===o&&(t.fire("onPermissionDenied"),t.unregisterWorker())};"default"===o?window.Notification&&window.Notification.requestPermission?window.Notification.requestPermission(i):window.webkitNotifications&&window.webkitNotifications.checkPermission&&window.webkitNotifications.requestPermission(i):i(o)}}]),t}()},function(t,e,n){(function(e,o){/*!
+ * @overview es6-promise - a tiny implementation of Promises/A+.
+ * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
+ * @license   Licensed under MIT license
+ *            See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
+ * @version   4.1.0
+ */
+!function(e,n){t.exports=n()}(0,function(){"use strict";function t(t){return"function"==typeof t||"object"==typeof t&&null!==t}function i(t){return"function"==typeof t}function r(t){z=t}function s(t){U=t}function u(){return void 0!==R?function(){R(c)}:a()}function a(){var t=setTimeout;return function(){return t(c,1)}}function c(){for(var t=0;t<Q;t+=2){(0,X[t])(X[t+1]),X[t]=void 0,X[t+1]=void 0}Q=0}function l(t,e){var n=arguments,o=this,i=new this.constructor(f);void 0===i[tt]&&A(i);var r=o._state;return r?function(){var t=n[r-1];U(function(){return P(r,i,t,o._result)})}():S(o,i,t,e),i}function d(t){var e=this;if(t&&"object"==typeof t&&t.constructor===e)return t;var n=new e(f);return g(n,t),n}function f(){}function h(){return new TypeError("You cannot resolve a promise with itself")}function p(){return new TypeError("A promises callback cannot return that same promise.")}function m(t){try{return t.then}catch(t){return it.error=t,it}}function v(t,e,n,o){try{t.call(e,n,o)}catch(t){retu
 rn t}}function y(t,e,n){U(function(t){var o=!1,i=v(n,e,function(n){o||(o=!0,e!==n?g(t,n):k(t,n))},function(e){o||(o=!0,C(t,e))},"Settle: "+(t._label||" unknown promise"));!o&&i&&(o=!0,C(t,i))},t)}function b(t,e){e._state===nt?k(t,e._result):e._state===ot?C(t,e._result):S(e,void 0,function(e){return g(t,e)},function(e){return C(t,e)})}function w(t,e,n){e.constructor===t.constructor&&n===l&&e.constructor.resolve===d?b(t,e):n===it?(C(t,it.error),it.error=null):void 0===n?k(t,e):i(n)?y(t,e,n):k(t,e)}function g(e,n){e===n?C(e,h()):t(n)?w(e,n,m(n)):k(e,n)}function _(t){t._onerror&&t._onerror(t._result),D(t)}function k(t,e){t._state===et&&(t._result=e,t._state=nt,0!==t._subscribers.length&&U(D,t))}function C(t,e){t._state===et&&(t._state=ot,t._result=e,U(_,t))}function S(t,e,n,o){var i=t._subscribers,r=i.length;t._onerror=null,i[r]=e,i[r+nt]=n,i[r+ot]=o,0===r&&t._state&&U(D,t)}function D(t){var e=t._subscribers,n=t._state;if(0!==e.length){for(var o=void 0,i=void 0,r=t._result,s=0;s<e.lengt
 h;s+=3)o=e[s],i=e[s+n],o?P(n,o,i,r):i(r);t._subscribers.length=0}}function x(){this.error=null}function E(t,e){try{return t(e)}catch(t){return rt.error=t,rt}}function P(t,e,n,o){var r=i(n),s=void 0,u=void 0,a=void 0,c=void 0;if(r){if(s=E(n,o),s===rt?(c=!0,u=s.error,s.error=null):a=!0,e===s)return void C(e,p())}else s=o,a=!0;e._state!==et||(r&&a?g(e,s):c?C(e,u):t===nt?k(e,s):t===ot&&C(e,s))}function T(t,e){try{e(function(e){g(t,e)},function(e){C(t,e)})}catch(e){C(t,e)}}function O(){return st++}function A(t){t[tt]=st++,t._state=void 0,t._result=void 0,t._subscribers=[]}function M(t,e){this._instanceConstructor=t,this.promise=new t(f),this.promise[tt]||A(this.promise),I(e)?(this._input=e,this.length=e.length,this._remaining=e.length,this._result=new Array(this.length),0===this.length?k(this.promise,this._result):(this.length=this.length||0,this._enumerate(),0===this._remaining&&k(this.promise,this._result))):C(this.promise,q())}function q(){return new Error("Array Methods must be provi
 ded an Array")}function j(t){return new M(this,t).promise}function N(t){var e=this;return new e(I(t)?function(n,o){for(var i=t.length,r=0;r<i;r++)e.resolve(t[r]).then(n,o)}:function(t,e){return e(new TypeError("You must pass an array to race."))})}function L(t){var e=this,n=new e(f);return C(n,t),n}function H(){throw new TypeError("You must pass a resolver function as the first argument to the promise constructor")}function W(){throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.")}function V(t){this[tt]=O(),this._result=this._state=void 0,this._subscribers=[],f!==t&&("function"!=typeof t&&H(),this instanceof V?T(this,t):W())}function B(){var t=void 0;if(void 0!==o)t=o;else if("undefined"!=typeof self)t=self;else try{t=Function("return this")()}catch(t){throw new Error("polyfill failed because global object is unavailable in this environment")}var e=t.Promise;if(e){var n=null;try{n=Object.prototype
 .toString.call(e.resolve())}catch(t){}if("[object Promise]"===n&&!e.cast)return}t.Promise=V}var F=void 0;F=Array.isArray?Array.isArray:function(t){return"[object Array]"===Object.prototype.toString.call(t)};var I=F,Q=0,R=void 0,z=void 0,U=function(t,e){X[Q]=t,X[Q+1]=e,2===(Q+=2)&&(z?z(c):Z())},Y="undefined"!=typeof window?window:void 0,K=Y||{},G=K.MutationObserver||K.WebKitMutationObserver,$="undefined"==typeof self&&void 0!==e&&"[object process]"==={}.toString.call(e),J="undefined"!=typeof Uint8ClampedArray&&"undefined"!=typeof importScripts&&"undefined"!=typeof MessageChannel,X=new Array(1e3),Z=void 0;Z=$?function(){return function(){return e.nextTick(c)}}():G?function(){var t=0,e=new G(c),n=document.createTextNode("");return e.observe(n,{characterData:!0}),function(){n.data=t=++t%2}}():J?function(){var t=new MessageChannel;return t.port1.onmessage=c,function(){return t.port2.postMessage(0)}}():void 0===Y?function(){try{var t=n(9);return R=t.runOnLoop||t.runOnContext,u()}catch(t){
 return a()}}():a();var tt=Math.random().toString(36).substring(16),et=void 0,nt=1,ot=2,it=new x,rt=new x,st=0;return M.prototype._enumerate=function(){for(var t=this.length,e=this._input,n=0;this._state===et&&n<t;n++)this._eachEntry(e[n],n)},M.prototype._eachEntry=function(t,e){var n=this._instanceConstructor,o=n.resolve;if(o===d){var i=m(t);if(i===l&&t._state!==et)this._settledAt(t._state,e,t._result);else if("function"!=typeof i)this._remaining--,this._result[e]=t;else if(n===V){var r=new n(f);w(r,t,i),this._willSettleAt(r,e)}else this._willSettleAt(new n(function(e){return e(t)}),e)}else this._willSettleAt(o(t),e)},M.prototype._settledAt=function(t,e,n){var o=this.promise;o._state===et&&(this._remaining--,t===ot?C(o,n):this._result[e]=n),0===this._remaining&&k(o,this._result)},M.prototype._willSettleAt=function(t,e){var n=this;S(t,void 0,function(t){return n._settledAt(nt,e,t)},function(t){return n._settledAt(ot,e,t)})},V.all=j,V.race=N,V.resolve=d,V.reject=L,V._setScheduler=r,V.
 _setAsap=s,V._asap=U,V.prototype={constructor:V,then:l,catch:function(t){return this.then(null,t)}},V.polyfill=B,V.Promise=V,V})}).call(e,n(7),n(8))},function(t,e){},function(t,e,n){"use strict";function o(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}();n(5);var s=n(4),u=function(t){return t&&t.__esModule?t:{default:t}}(s),a=n(0),c=o(a),l=n(1),d=o(l),f=n(2),h=n(3),p=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return i(this,t),this.options=c.deepExtend({},d.Defaul
 ts,e),this.id=this.options.id||c.generateID("bar"),this.closeTimer=-1,this.barDom=null,this.layoutDom=null,this.progressDom=null,this.showing=!1,this.shown=!1,this.closed=!1,this.closing=!1,this.killable=this.options.timeout||this.options.closeWith.length>0,this.hasSound=this.options.sounds.sources.length>0,this.soundPlayed=!1,this.listeners={beforeShow:[],onShow:[],afterShow:[],onClose:[],afterClose:[],onClick:[],onHover:[],onTemplate:[]},this.promises={show:null,close:null},this.on("beforeShow",this.options.callbacks.beforeShow),this.on("onShow",this.options.callbacks.onShow),this.on("afterShow",this.options.callbacks.afterShow),this.on("onClose",this.options.callbacks.onClose),this.on("afterClose",this.options.callbacks.afterClose),this.on("onClick",this.options.callbacks.onClick),this.on("onHover",this.options.callbacks.onHover),this.on("onTemplate",this.options.callbacks.onTemplate),this}return r(t,[{key:"on",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arg
 uments[1]:function(){};return"function"==typeof e&&this.listeners.hasOwnProperty(t)&&this.listeners[t].push(e),this}},{key:"show",value:function(){var e=this;!0===this.options.killer?t.closeAll():"string"==typeof this.options.killer&&t.closeAll(this.options.killer);var n=d.getQueueCounts(this.options.queue);if(n.current>=n.maxVisible||d.PageHidden&&this.options.visibilityControl)return d.addToQueue(this),d.PageHidden&&this.hasSound&&c.inArray("docHidden",this.options.sounds.conditions)&&c.createAudioElements(this),d.PageHidden&&c.inArray("docHidden",this.options.titleCount.conditions)&&d.docTitle.increment(),this;if(d.Store[this.id]=this,d.fire(this,"beforeShow"),this.showing=!0,this.closing)return this.showing=!1,this;if(d.build(this),d.handleModal(this),this.options.force?this.layoutDom.insertBefore(this.barDom,this.layoutDom.firstChild):this.layoutDom.appendChild(this.barDom),this.hasSound&&!this.soundPlayed&&c.inArray("docVisible",this.options.sounds.conditions)&&c.createAudioEl
 ements(this),c.inArray("docVisible",this.options.titleCount.conditions)&&d.docTitle.increment(),this.shown=!0,this.closed=!1,d.hasButtons(this)&&Object.keys(this.options.buttons).forEach(function(t){var n=e.barDom.querySelector("#"+e.options.buttons[t].id);c.addListener(n,"click",function(n){c.stopPropagation(n),e.options.buttons[t].cb()})}),this.progressDom=this.barDom.querySelector(".noty_progressbar"),c.inArray("click",this.options.closeWith)&&(c.addClass(this.barDom,"noty_close_with_click"),c.addListener(this.barDom,"click",function(t){c.stopPropagation(t),d.fire(e,"onClick"),e.close()},!1)),c.addListener(this.barDom,"mouseenter",function(){d.fire(e,"onHover")},!1),this.options.timeout&&c.addClass(this.barDom,"noty_has_timeout"),this.options.progressBar&&c.addClass(this.barDom,"noty_has_progressbar"),c.inArray("button",this.options.closeWith)){c.addClass(this.barDom,"noty_close_with_button");var o=document.createElement("div");c.addClass(o,"noty_close_button"),o.innerHTML="×",t
 his.barDom.appendChild(o),c.addListener(o,"click",function(t){c.stopPropagation(t),e.close()},!1)}return d.fire(this,"onShow"),null===this.options.animation.open?this.promises.show=new u.default(function(t){t()}):"function"==typeof this.options.animation.open?this.promises.show=new u.default(this.options.animation.open.bind(this)):(c.addClass(this.barDom,this.options.animation.open),this.promises.show=new u.default(function(t){c.addListener(e.barDom,c.animationEndEvents,function(){c.removeClass(e.barDom,e.options.animation.open),t()})})),this.promises.show.then(function(){var t=e;setTimeout(function(){d.openFlow(t)},100)}),this}},{key:"stop",value:function(){return d.dequeueClose(this),this}},{key:"resume",value:function(){return d.queueClose(this),this}},{key:"setTimeout",value:function(t){function e(e){return t.apply(this,arguments)}return e.toString=function(){return t.toString()},e}(function(t){if(this.stop(),this.options.timeout=t,this.barDom){this.options.timeout?c.addClass(th
 is.barDom,"noty_has_timeout"):c.removeClass(this.barDom,"noty_has_timeout");var e=this;setTimeout(function(){e.resume()},100)}return this})},{key:"setText",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.barDom&&(this.barDom.querySelector(".noty_body").innerHTML=t),e&&(this.options.text=t),this}},{key:"setType",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.barDom){c.classList(this.barDom).split(" ").forEach(function(t){"noty_type__"===t.substring(0,11)&&c.removeClass(e.barDom,t)}),c.addClass(this.barDom,"noty_type__"+t)}return n&&(this.options.type=t),this}},{key:"setTheme",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.barDom){c.classList(this.barDom).split(" ").forEach(function(t){"noty_theme__"===t.substring(0,12)&&c.removeClass(e.barDom,t)}),c.addClass(this.barDom,"noty_theme__"+t)}return n&&(this.options.theme=t),this}},{key:"close",value:
 function(){var t=this;return this.closed?this:this.shown?(d.fire(this,"onClose"),this.closing=!0,null===this.options.animation.close?this.promises.close=new u.default(function(t){t()}):"function"==typeof this.options.animation.close?this.promises.close=new u.default(this.options.animation.close.bind(this)):(c.addClass(this.barDom,this.options.animation.close),this.promises.close=new u.default(function(e){c.addListener(t.barDom,c.animationEndEvents,function(){t.options.force?c.remove(t.barDom):d.ghostFix(t),e()})})),this.promises.close.then(function(){d.closeFlow(t),d.handleModalClose(t)}),this.closed=!0,this):(d.removeFromQueue(this),this)}}],[{key:"closeAll",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return Object.keys(d.Store).forEach(function(e){t?d.Store[e].options.queue===t&&d.Store[e].killable&&d.Store[e].close():d.Store[e].killable&&d.Store[e].close()}),this}},{key:"overrideDefaults",value:function(t){return d.Defaults=c.deepExtend({},d.Def
 aults,t),this}},{key:"setMaxVisible",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:d.DefaultMaxVisible,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"global";return d.Queues.hasOwnProperty(e)||(d.Queues[e]={maxVisible:t,queue:[]}),d.Queues[e].maxVisible=t,this}},{key:"button",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments[2],o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return new f.NotyButton(t,e,n,o)}},{key:"version",value:function(){return"3.1.3"}},{key:"Push",value:function(t){return new h.Push(t)}}]),t}();e.default=p,c.visibilityChangeFlow(),t.exports=e.default},function(t,e){function n(){throw new Error("setTimeout has not been defined")}function o(){throw new Error("clearTimeout has not been defined")}function i(t){if(l===setTimeout)return setTimeout(t,0);if((l===n||!l)&&setTimeout)return l=setTimeout,setTimeout(t,0);try{return l(t,0)}catch(e){try{return l.call(null,t,0)}
 catch(e){return l.call(this,t,0)}}}function r(t){if(d===clearTimeout)return clearTimeout(t);if((d===o||!d)&&clearTimeout)return d=clearTimeout,clearTimeout(t);try{return d(t)}catch(e){try{return d.call(null,t)}catch(e){return d.call(this,t)}}}function s(){m&&h&&(m=!1,h.length?p=h.concat(p):v=-1,p.length&&u())}function u(){if(!m){var t=i(s);m=!0;for(var e=p.length;e;){for(h=p,p=[];++v<e;)h&&h[v].run();v=-1,e=p.length}h=null,m=!1,r(t)}}function a(t,e){this.fun=t,this.array=e}function c(){}var l,d,f=t.exports={};!function(){try{l="function"==typeof setTimeout?setTimeout:n}catch(t){l=n}try{d="function"==typeof clearTimeout?clearTimeout:o}catch(t){d=o}}();var h,p=[],m=!1,v=-1;f.nextTick=function(t){var e=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)e[n-1]=arguments[n];p.push(new a(t,e)),1!==p.length||m||i(u)},a.prototype.run=function(){this.fun.apply(null,this.array)},f.title="browser",f.browser=!0,f.env={},f.argv=[],f.version="",f.versions={},f.
 on=c,f.addListener=c,f.once=c,f.off=c,f.removeListener=c,f.removeAllListeners=c,f.emit=c,f.prependListener=c,f.prependOnceListener=c,f.listeners=function(t){return[]},f.binding=function(t){throw new Error("process.binding is not supported")},f.cwd=function(){return"/"},f.chdir=function(t){throw new Error("process.chdir is not supported")},f.umask=function(){return 0}},function(t,e){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e){}])});
+//# sourceMappingURL=noty.min.js.map
\ No newline at end of file

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/notification-banner/notification-banner.js b/plugins/wordpress-mobile-pack/frontend/sections/notification-banner/notification-banner.js
new file mode 100755
index 0000000..1795eb8
--- /dev/null
+++ b/plugins/wordpress-mobile-pack/frontend/sections/notification-banner/notification-banner.js
@@ -0,0 +1,112 @@
+var WMPAppBanner = WMPAppBanner || {};
+WMPAppBanner.message = WMPAppBanner.message || '';
+WMPAppBanner.cookiePrefix = WMPAppBanner.cookiePrefix || 'wmp_';
+WMPAppBanner.isSecure = WMPAppBanner.isSecure || false;
+
+(function() {
+  /**
+   * Create timer that will check if the document is ready
+   * @type {number}
+   */
+  var DOMLoadTimer = setInterval(function() {
+    if (/loading|loaded|complete/i.test(document.readyState)) {
+      clearInterval(DOMLoadTimer);
+      documentLoaded();
+    }
+  }, 10);
+
+  /**
+   * Init method, called when the document is ready
+   *
+   * The 'redirect' GET param is used for hosted apps (on Appticles).
+   * Setting redirect=false will deactivate the app banner.
+   *
+   */
+  function documentLoaded() {
+    if (WMPAppBanner.message !== '' && WMPAppBanner.cookiePrefix !== '') {
+      var redirect = getCookie(WMPAppBanner.cookiePrefix + 'redirect'),
+        closed = getCookie(WMPAppBanner.cookiePrefix + 'closed');
+
+      // if there is a cookie already set, then convert it to a boolean value
+      // redirect param is used for hosted apps (on Appticles)
+      redirect = redirect !== null ? Boolean(Number(String(redirect))) : true;
+
+      var urlParams = window.location.href.split('?');
+
+      // if the URL contains a redirect param, then set up a cookie with this value
+      if (urlParams.length > 1) {
+        if (urlParams[urlParams.length - 1].indexOf('redirect=false') != -1) {
+          setCookie(WMPAppBanner.cookiePrefix + 'redirect', 0, 7);
+          redirect = false;
+        } else if (
+          urlParams[urlParams.length - 1].indexOf('redirect=true') != -1
+        ) {
+          setCookie(WMPAppBanner.cookiePrefix + 'redirect', 1, 7);
+          redirect = true;
+        }
+      }
+
+      // create the wrapper bar
+      if (redirect && !closed) {
+        createBar();
+      }
+    }
+  }
+
+  /**
+   * Display the notification / app banner.
+   */
+  function createBar() {
+    new Noty({
+      text: WMPAppBanner.message,
+      layout: 'topCenter',
+      theme: 'relax',
+      closeWith: ['button'],
+      callbacks: {
+        onClose: function() {
+          setCookie(WMPAppBanner.cookiePrefix + 'closed', 1, 15);
+        }
+      }
+    }).show();
+  }
+
+  /**
+   * Search a cookie by name in document cookies.
+   * @param {String} c_name
+   */
+  function getCookie(c_name) {
+    var i,
+      x,
+      y,
+      ARRcookies = document.cookie.split(';');
+    for (i = 0; i < ARRcookies.length; i++) {
+      x = ARRcookies[i].substr(0, ARRcookies[i].indexOf('='));
+      y = ARRcookies[i].substr(ARRcookies[i].indexOf('=') + 1);
+      x = x.replace(/^\s+|\s+$/g, '');
+      if (x == c_name) {
+        return decodeURIComponent(y);
+      }
+    }
+
+    return null;
+  }
+
+  /**
+   * Set a cookie value
+   * @param {String} c_name
+   * @param {String, Number of Boolean} value
+   * @param {Number} expireDays
+   */
+  function setCookie(c_name, value, expireDays) {
+    var expireDate = new Date();
+    expireDate.setDate(expireDate.getDate() + expireDays);
+
+    var c_value =
+      encodeURIComponent(value) +
+      (expireDays == null ? '' : '; expires=' + expireDate.toUTCString()) +
+      '; path=/; ' +
+      (WMPAppBanner.isSecure === true ? 'secure' : '');
+
+    document.cookie = c_name + '=' + c_value;
+  }
+})();

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner-premium.php b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner-premium.php
index 24aa903..9f74afc 100755
--- a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner-premium.php
+++ b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner-premium.php
@@ -2,7 +2,11 @@
 
 if (class_exists('WMobilePack')):
 
-    $smart_app_banner = false;
+	$smart_app_banner = false;
+	$app_name = null;
+	$icon_path = '';
+
+	$is_secure = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') || $_SERVER['SERVER_PORT'] == 443;
 
     // Load config json
     if (WMobilePack_Options::get_setting('premium_active') == 1 && WMobilePack_Options::get_setting('premium_api_key') != '') {
@@ -14,17 +18,32 @@ if (class_exists('WMobilePack')):
 
             // Check if we have a valid subdomain linked to the Premium theme
             if (isset($arr_config_premium['domain_name']) && filter_var('http://' . $arr_config_premium['domain_name'], FILTER_VALIDATE_URL) &&
-                isset($arr_config_premium['smart_app_banner']) && filter_var('http://' . $arr_config_premium['smart_app_banner'], FILTER_VALIDATE_URL)) {
+				isset($arr_config_premium['smart_app_banner']) && filter_var('http://' . $arr_config_premium['smart_app_banner'], FILTER_VALIDATE_URL) &&
+				isset($arr_config_premium['cdn_apps_https']) && filter_var($arr_config_premium['cdn_apps_https'],FILTER_VALIDATE_URL) &&
+				isset($arr_config_premium['cdn_apps']) && filter_var($arr_config_premium['cdn_apps'],FILTER_VALIDATE_URL) &&
+				isset($arr_config_premium['shorten_url']) && ctype_alnum($arr_config_premium['shorten_url']) &&
+				(!isset($arr_config_premium['icon_path']) || $arr_config_premium['icon_path'] == '' || $arr_config_premium['icon_path'] == strip_tags($arr_config_premium['icon_path']))) {
 
                 $mobile_url = "http://" . $arr_config_premium['domain_name'];
-                $smart_app_banner = $arr_config_premium['smart_app_banner'];
+				$smart_app_banner = $arr_config_premium['smart_app_banner'];
+
+				$app_name = $arr_config_premium['title'];
+
+				if (isset($arr_config_premium['kit_type']) && $arr_config_premium['kit_type'] == 'wpmp') {
+					$app_name = htmlspecialchars_decode(urldecode(strip_tags($app_name)));
+				}
+
+				$cdn_apps = ($is_secure ? $arr_config_premium['cdn_apps_https'] : $arr_config_premium['cdn_apps']);
+
+				if (isset($arr_config_premium['icon_path']) && $arr_config_premium['icon_path'] != '') {
+					$icon_path = $cdn_apps."/".$arr_config_premium['shorten_url'].'/'.$arr_config_premium['icon_path'];
+				}
             }
         }
     }
 
     // Smart app banner is loaded only for apps with subdomains & smart app banners
-    // @todo (Future releases) Load smart app banner for apps without subdomains
-    if ($smart_app_banner !== false):
+    if ($smart_app_banner !== false && $app_name !== null):
 
         if (is_single() || is_page() || is_category()){
 
@@ -77,23 +96,32 @@ if (class_exists('WMobilePack')):
                     }
                 }
             }
-        }
+		}
+
+		$app_url = $mobile_url;
+		if (strlen($app_url) > 30) {
+			$app_url = substr($app_url, 0, 30).' ... ';
+		}
 ?>
+		<link href="<?php echo plugins_url()."/".WMP_DOMAIN;?>/frontend/sections/notification-banner/lib/noty.css" rel="stylesheet">
+		<script src="<?php echo plugins_url()."/".WMP_DOMAIN;?>/frontend/sections/notification-banner/lib/noty.min.js" type="text/javascript" pagespeed_no_defer=""></script>
+		<script src="<?php echo plugins_url()."/".WMP_DOMAIN;?>/frontend/sections/notification-banner/notification-banner.js" type="text/javascript" pagespeed_no_defer=""></script>
+
         <script type="text/javascript" pagespeed_no_defer="">
-            var appticlesRedirectToMobile = "<?php echo $mobile_url;?>";
-
-            var wmpAppBanner = wmpAppBanner || {};
-            wmpAppBanner.WIDGET = wmpAppBanner.WIDGET || {};
-            wmpAppBanner.WIDGET.ref = '<?php echo $mobile_url;?>';
-
-            (function() {
-                var wbz = document.createElement('script');
-                wbz.type = 'text/javascript';
-                wbz.async = true;
-                wbz.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + '<?php echo $smart_app_banner;?>';
-                var s = document.getElementsByTagName('script')[0];
-                s.parentNode.insertBefore(wbz, s); })();
-        </script>
+			jQuery(document).ready(function(){
+
+				const wmpIconPath = "<?php echo $icon_path;?>";
+
+				WMPAppBanner.message =
+					(wmpIconPath !== '' ? '<img src="<?php echo $icon_path;?>" />' : '') +
+					'<p><?php echo $app_name;?><br/> ' +
+					'<span><?php echo $app_url;?></span></p>' +
+					'<a href="<?php echo $mobile_url;?>"><span>OPEN</span></a>';
+
+				WMPAppBanner.cookiePrefix = "<?php echo WMobilePack_Cookie::$prefix;?>";
+				WMPAppBanner.isSecure = <?php echo $is_secure ? "true" : "false";?>;
+			});
+		</script>
 <?php
     endif;
 endif;

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner.php b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner.php
index 3fb7d6f..1c48518 100755
--- a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner.php
+++ b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner.php
@@ -1,6 +1,5 @@
 <?php
 
-// @todo (Future releases) Find a more efficient way to feed params to the banner script
 if (class_exists('WMobilePack')):
 
     // The mobile web app paths will be set relative to the home url and will deactivate the desktop theme
@@ -92,31 +91,38 @@ if (class_exists('WMobilePack')):
     $open_btn_text = 'Open';
     if ($wmp_texts_json !== false && isset($wmp_texts_json['APP_TEXTS']['LINKS']) && isset($wmp_texts_json['APP_TEXTS']['LINKS']['OPEN_APP'])) {
         $open_btn_text = $wmp_texts_json['APP_TEXTS']['LINKS']['OPEN_APP'];
-    }
+	}
+
+	$app_name = get_bloginfo("name");
+	if (strlen($app_name) > 20) {
+		$app_name = substr($app_name, 0, 20).' ... ';
+	}
 
+	$app_url = home_url();
+	if (strlen($app_url) > 20) {
+		$app_url = substr($app_url, 0, 20).' ... ';
+	}
+
+	$is_secure = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') || $_SERVER['SERVER_PORT'] == 443;
 ?>
+
+	<link href="<?php echo plugins_url()."/".WMP_DOMAIN;?>/frontend/sections/notification-banner/lib/noty.css" rel="stylesheet">
+	<script src="<?php echo plugins_url()."/".WMP_DOMAIN;?>/frontend/sections/notification-banner/lib/noty.min.js" type="text/javascript" pagespeed_no_defer=""></script>
+	<script src="<?php echo plugins_url()."/".WMP_DOMAIN;?>/frontend/sections/notification-banner/notification-banner.js" type="text/javascript" pagespeed_no_defer=""></script>
+
     <script type="text/javascript" pagespeed_no_defer="">
+		jQuery(document).ready(function(){
+
+			const wmpIconPath = "<?php echo esc_attr($app_icon_path);?>";
+
+			WMPAppBanner.message =
+				(wmpIconPath !== '' ? '<img src="<?php echo esc_attr($app_icon_path);?>" />' : '') +
+				'<p><?php echo $app_name;?><br/> ' +
+				'<span><?php echo $app_url;?></span></p>' +
+				'<a href="<?php echo $mobile_url;?>"><span><?php echo $open_btn_text;?></span></a>';
 
-        var wmpAppBanner = wmpAppBanner || {};
-        wmpAppBanner.WIDGET = wmpAppBanner.WIDGET || {};
-        wmpAppBanner.WIDGET.appUrl = '<?php echo home_url();?>';
-        wmpAppBanner.WIDGET.appIcon = '<?php echo $app_icon_path;?>';
-        wmpAppBanner.WIDGET.appName = '<?php echo get_bloginfo("name");?>';
-        wmpAppBanner.WIDGET.ref = '<?php echo $mobile_url;?>';
-        wmpAppBanner.WIDGET.trustedDevice = 1;
-        wmpAppBanner.WIDGET.iframeUrl = '<?php echo plugins_url()."/".WMP_DOMAIN;?>/frontend/sections/smart-app-banner/iframe/bar.html';
-        wmpAppBanner.WIDGET.cssPath = '<?php echo plugins_url()."/".WMP_DOMAIN;?>/frontend/sections/smart-app-banner/css/style-light.min.css';
-        wmpAppBanner.WIDGET.openAppButton = '<?php echo $open_btn_text;?>';
-        wmpAppBanner.WIDGET.cookiePrefix = '<?php echo WMobilePack_Cookie::$prefix;?>';
-
-        (function () {
-             var wmp = document.createElement('script');
-             wmp.async = true;
-             wmp.type = 'text/javascript';
-             wmp.src = '<?php echo plugins_url()."/".WMP_DOMAIN;?>/frontend/sections/smart-app-banner/js/smart-app-banner.min.js';
-             var node = document.getElementsByTagName('script')[0];
-             node.parentNode.insertBefore(wmp, node);
-         })();
-
-    </script>
+			WMPAppBanner.cookiePrefix = "<?php echo WMobilePack_Cookie::$prefix;?>";
+			WMPAppBanner.isSecure = <?php echo $is_secure ? "true" : "false";?>;
+		});
+	</script>
 <?php endif; ?>

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/css/style-light.css b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/css/style-light.css
deleted file mode 100755
index cc823ef..0000000
--- a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/css/style-light.css
+++ /dev/null
@@ -1,118 +0,0 @@
-/* wrapper */
-html, body, *{
-    padding: 0;
-    margin: 0;
-    border: 0;
-    box-sizing: border-box;
-    font-size: 100%;
-    font: inherit;
-    -webkit-font-smoothing: antialiased;
-}
-
-app-bar {
-    position:relative;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    border-bottom: 1px solid #a4a4a4;
-    background-color:#f2f2f2;
-    box-shadow: 0px 0px 7px rgba(164, 164, 164, 0.7);
-
-    display: flex;
-    display: -webkit-box;
-    display: -ms-flexbox;
-
-    -webkit-box-orient: horizontal;
-    -ms-flex-direction: row;
-    flex-direction: row;
-    -webkit-box-pack: justify;
-    -ms-flex-pack: justify;
-    justify-content: flex-between;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-}
-
-app-bar * {
-    display: flex;
-    display: -webkit-box;
-    display: -ms-flexbox;
-}
-
-
-/* close container */
-app-bar app-box.close{
-    display:block;
-    text-align:center;
-}
-app-bar app-box.close app-text{
-    display: block;
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    color:#797979;
-}
-
-
-/* icon container */
-app-bar app-box.icon{
-    display: block;
-    -webkit-border-radius: 20%;
-    -moz-border-radius: 20%;
-    border-radius: 20%;
-    overflow: hidden;
-    padding:1px;
-}
-app-bar app-box.icon app-icon{
-    display: block;
-    width:100%;
-    height:100%;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: cover;
-    -webkit-border-radius: 20%;
-    -moz-border-radius: 20%;
-    border-radius: 20%;
-    border:1px solid #c9c7c6;
-}
-
-
-/* info container */
-app-bar app-info{
-    -webkit-box-flex: 1;
-    -ms-flex: 1 0 auto;
-    -moz-box-flex: 1;
-    box-flex: 1;
-    flex: 1 0 auto;
-
-    overflow: hidden;
-
-    -webkit-box-orient: vertical;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    -webkit-box-align: stretch;
-    -ms-flex-align: stretch;
-    align-items: stretch;
-}
-app-bar app-info app-title{
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    color: #000000;
-}
-app-bar app-info app-link{
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    color: #373737;
-}
-
-
-/* open container */
-app-bar app-box.open{
-    display: block;
-    text-align:center;
-}
-app-bar app-box.open app-text{
-    display: block;
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    color: #007aff;
-}
-

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/css/style-light.min.css b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/css/style-light.min.css
deleted file mode 100755
index be01cc9..0000000
--- a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/css/style-light.min.css
+++ /dev/null
@@ -1 +0,0 @@
-html,body,*{padding:0;margin:0;border:0;box-sizing:border-box;font-size:100%;font:inherit;-webkit-font-smoothing:antialiased}app-bar{position:relative;width:100%;height:100%;overflow:hidden;border-bottom:1px solid #a4a4a4;background-color:#f2f2f2;box-shadow:0 0 7px rgba(164,164,164,0.7);display:flex;display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}app-bar *{display:flex;display:-webkit-box;display:-ms-flexbox}app-bar app-box.close{display:block;text-align:center}app-bar app-box.close app-text{display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#797979}app-bar app-box.icon{display:block;-webkit-border-radius:20%;-moz-border-radius:20%;border-radius:20%;overflow:hidden;padding:1px}app-bar app-box.icon app-icon{display:block;width:100%;height:100%;background-po
 sition:center;background-repeat:no-repeat;background-size:cover;-webkit-border-radius:20%;-moz-border-radius:20%;border-radius:20%;border:1px solid #c9c7c6}app-bar app-info{-webkit-box-flex:1;-ms-flex:1 0 auto;-moz-box-flex:1;box-flex:1;flex:1 0 auto;overflow:hidden;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}app-bar app-info app-title{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#000}app-bar app-info app-link{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#373737}app-bar app-box.open{display:block;text-align:center}app-bar app-box.open app-text{display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#007aff}
\ No newline at end of file

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/iframe/bar.html b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/iframe/bar.html
deleted file mode 100755
index aafdff8..0000000
--- a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/iframe/bar.html
+++ /dev/null
@@ -1,222 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport">
-    <title></title>
-
-    <script type="text/javascript">
-
-        (function() {
-
-            var appName, appUrl, appIcon, cssPath, originUrl, height;
-            var appBar,
-                    closeBtnBox,
-                    closeBtn,
-                    iconBox,
-                    appInfo,
-                    appTitle,
-                    appLink,
-                    openBtnBox,
-                    openBtn,
-                    openText;
-
-
-            var DOMLoadTimer = setInterval(function () {
-                if (/loading|loaded|complete/i.test(document.readyState)) {
-                    clearInterval(DOMLoadTimer);
-                    documentLoaded();
-                }
-            }, 10);
-
-            function documentLoaded() {
-                parseParams();
-                loadCssStyle();
-                initializeBar();
-                resizeElements();
-                translate("-100%");
-                document.body.style.display = "block";
-
-                window.onhashchange = onHashChange;
-
-                // show the bar
-                setTimeout(function(){
-                    show();
-                }, 300);
-            }
-
-            function parseParams(){
-                var hash = window.location.hash.split("#")[1];
-
-                var params = hash.split("&");
-                for (var i=0; i<params.length; i++){
-                    var item = params[i].split("=");
-                    var prop = item[0];
-                    var value = item[1];
-
-                    switch (prop){
-                        case "appName": appName = value; break;
-                        case "appUrl": appUrl = value; break;
-                        case "appIcon": appIcon = value; break;
-                        case "cssPath": cssPath = value; break;
-                        case "originUrl": originUrl = decodeURIComponent(value); break;
-                        case "height": height = value; break;
-                        case "openText": openText = decodeURIComponent(value); break;
-                        default: break;
-                    }
-                }
-            }
-
-            function loadCssStyle(){
-                var _dc = (new Date()).getTime();
-                var css = document.createElement("link");
-                css.type = 'text/css';
-                css.rel = 'stylesheet';
-                css.href = cssPath+'?_dc='+_dc;
-                css.async = true;
-                (document.head || document.getElementsByTagName('head')[0]).appendChild(css);
-            }
-
-            function initializeBar(){
-
-                appBar = document.querySelector("app-bar");
-                closeBtnBox = document.querySelector("app-box.close");
-                closeBtn = document.querySelector("app-box.close app-text");
-                iconBox = document.querySelector("app-box.icon");
-                appInfo = document.querySelector("app-info");
-                appTitle = document.querySelector("app-info app-title");
-                appLink = document.querySelector("app-info app-link");
-                openBtnBox = document.querySelector("app-box.open");
-                openBtn = document.querySelector("app-box.open app-text");
-
-                // hide icon container if the app doesn't have an icon
-                if (appIcon && appIcon.length > 0) {
-                    var icon = document.querySelector("app-box.icon app-icon");
-                    icon.style.backgroundImage = "url('" + appIcon + "')";
-                } else {
-                    iconBox.style.display = 'none';
-                }
-
-                appTitle.innerHTML = decodeURIComponent(appName);
-                appLink.innerHTML = decodeURIComponent(appUrl);
-
-                // set bar height
-                appBar.style.height = height + "px";
-
-                // set open button text
-                openBtn.innerHTML = openText;
-
-                // add events
-                closeBtnBox.addEventListener("click", function(){hide();}, false);
-                iconBox.addEventListener("click", function(){openApp();}, false);
-                appInfo.addEventListener("click", function(){openApp();}, false);
-                openBtnBox.addEventListener("click", function(){openApp();}, false);
-            }
-
-
-            function resizeElements(){
-
-                // set bar height
-                appBar.style.height = height + "px";
-
-                // resize close btn box
-                closeBtnBox.style.width = Math.round(0.35*height) + "px";
-
-                // resize close btn font size
-                closeBtn.style.fontSize = Math.round(0.22*height) + "px";
-
-                // resize icon box
-                iconBox.style.width = Math.round(0.70*height) + "px";
-                iconBox.style.height = Math.round(0.70*height) + "px";
-
-                // resize app title font size
-                appTitle.style.fontSize = Math.round(0.18*height) + "px";
-
-                // resize app link font size
-                appLink.style.fontSize = Math.round(0.13*height) + "px";
-
-                // resize app info padding left
-                appInfo.style.paddingLeft = Math.round(0.1*height) + "px";
-
-                // resize open btn box
-                openBtnBox.style.width = Math.round(0.7*height) + "px";
-
-                // resize open btn font size
-                openBtn.style.fontSize = Math.round(0.14*height) + "px";
-
-                // resize bar box shadow
-                var shadow = Math.round(height * 0.1);
-                appBar.style.boxShadow = "0px 0px "+shadow+"px rgba(164, 164, 164, 0.7)";
-            }
-
-
-            function onHashChange(){
-                parseParams();
-                resizeElements();
-            }
-
-
-            function translate(translateValue, time){
-                time = time || 0;
-
-                var style = {
-                    '-webkit-transition': 'all '+time+'s ease',
-                    '-moz-transition': 'all '+time+'s ease',
-                    '-o-transition': 'all '+time+'s ease',
-                    'transition': 'all '+time+'s ease',
-                    '-webkit-transform': 'translate3d(0px, ' + translateValue + ', 0px)',
-                    '-moz-transform': 'translate3d(0px, ' + translateValue + ', 0px)',
-                    '-ms-transform': 'translate3d(0px, ' + translateValue + ', 0px)',
-                    '-o-transform': 'translate3d(0px, ' + translateValue + ', 0px)',
-                    'transform': 'translate3d(0px, ' + translateValue + ', 0px)'
-                };
-
-                appBar = document.querySelector("app-bar");
-
-                for (var prop in style){
-                    appBar.style[prop] = style[prop];
-                }
-            }
-
-
-            function show(){
-                translate("0%", 0.3);
-            }
-
-            function hide(){
-                translate("-105%", 0.3);
-
-                // change opener window hash
-                var origin = originUrl.split("#")[0];
-                window.parent.location = origin + "#app_action=closebar";
-            }
-
-            function openApp(){
-                // change opener window hash
-                var origin = originUrl.split("#")[0];
-                window.parent.location = origin + "#app_action=openapp";
-            }
-
-        }());
-
-    </script>
-
-</head>
-
-<body style="display:none">
-<app-bar>
-    <app-box class="close"><app-text>x</app-text></app-box>
-
-    <app-box class="icon">
-        <app-icon style=""></app-icon>
-    </app-box>
-
-    <app-info>
-        <app-title></app-title>
-        <app-link></app-link>
-    </app-info>
-
-    <app-box class="open"><app-text></app-text></app-box>
-</app-bar>
-</body>
-</html>
\ No newline at end of file

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/UI.Modules/Bar.js b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/UI.Modules/Bar.js
deleted file mode 100755
index f7e0123..0000000
--- a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/UI.Modules/Bar.js
+++ /dev/null
@@ -1,223 +0,0 @@
-wmpAppBanner = wmpAppBanner || {};
-
-(function () {
-
-    /**
-     * @class Bar
-     * @constructor
-     */
-    var Bar = function (options) {
-        this.initialize(options);
-    };
-
-    var p = Bar.prototype;
-
-    /**
-     * Public properties
-     */
-
-    /**
-     * The DOM object to manage.
-     * @property htmlElement
-     * @type HTMLElement
-     */
-    p.htmlElement = null;
-    p.iframe = null;
-    p.iframeUrl = null;
-
-    /**
-     * Initialization method.
-     * @method initialize
-     */
-    p.initialize = function (options) {
-
-        var me = this;
-        this.createWrapper(options);
-
-        // add orientation change event
-        if ('onorientationchange' in window) {
-
-            // orientation change event functions
-            this.orientationchangeFn = function () {
-                setTimeout(function () {
-                    me.resize();
-                }, 250);
-            };
-            window.addEventListener("orientationchange", this.orientationchangeFn, false);
-        }
-        else {
-            var mqOrientation = window.matchMedia("(orientation: portrait)");
-
-            // The Listener will fire whenever this either matches or ceases to match
-            mqOrientation.addListener(function (media) {
-                // portrait
-                if (media.matches) {
-                    me.resize("portrait");
-                }
-                else {
-                    me.resize("landscape");
-                }
-            }, false);
-        }
-
-        // add zoom event
-        this.touchendFn = function () {
-            clearTimeout(window.resizeEvt);
-            window.resizeEvt = setTimeout(function () {
-                //alert("resize");
-                me.resize();
-            }, 300);
-        };
-
-        window.resizeEvt;
-        window.addEventListener("touchleave", this.touchendFn, false);
-        window.addEventListener("touchcancel", this.touchendFn, false);
-        window.addEventListener("touchmove", this.touchendFn, false);
-        window.addEventListener("touchend", this.touchendFn, false);
-    };
-
-
-    /**
-     * Create wrapper (public method)
-     * @param options
-     */
-    p.createWrapper = function (options) {
-        var wrapper = document.createElement("appticles-wrapper");
-        this.htmlElement = wrapper;
-        var height = Math.round(this.getHeight());
-        var shadow = Math.round(0.1 * height);
-
-        wrapper.style.position = "fixed";
-        wrapper.style.width = "100%";
-        wrapper.style.height = "0px";
-        wrapper.style.top = "0px";
-        wrapper.style.left = "0px";
-        wrapper.style.boxSizing = "border-box";
-        wrapper.style.zIndex = 1000000;
-        wrapper.style.display = "block";
-        wrapper.style.height = (height + shadow) + "px";
-
-        document.body.appendChild(wrapper);
-
-        var appName = options.appName || "";
-        var appUrl = options.appUrl || "";
-        var appIcon = options.appIcon || "";
-        var cssPath = options.cssPath || "";
-        var iframeUrl = this.iframeUrl = options.iframeUrl || "";
-        var originUrl = window.location.href;
-        var openAppButton = options.openAppButton || "";
-
-        var _dc = (new Date()).getTime();
-        var params = "cssPath=" + cssPath + "?_dc" + _dc;
-        params += "&amp;height=" + height;
-        params += "&amp;appName=" + encodeURIComponent(appName);
-        params += "&amp;appUrl=" + encodeURIComponent(appUrl);
-        params += "&amp;appIcon=" + appIcon;
-        params += "&amp;originUrl=" + encodeURIComponent(originUrl);
-        params += "&amp;openText=" + encodeURIComponent(openAppButton);
-
-        var html = [
-            '<iframe id="appticles-iframe-bar" width="100%" height="' + (height + shadow) + 'px" src="' + iframeUrl + '#' + params + '" frameborder="0" allowtransparency="true" scrolling="no" style="position:relative;"></iframe>'
-        ].join("");
-
-        wrapper.innerHTML = html;
-
-        this.iframe = document.getElementById("appticles-iframe-bar");
-    };
-
-
-    /**
-     * Resize banner (public method)
-     *
-     * @param orientation
-     */
-    p.resize = function (orientation) {
-
-        var wrapper = this.htmlElement;
-        if (wrapper == null) return;
-
-        // compute new wrapper height
-        var newH = Math.round(this.getHeight());
-        var shadow = Math.round(0.1 * newH);
-        wrapper.style.height = (newH + shadow) + "px";
-
-        // change iframe params
-        var params = "height=" + newH;
-        this.iframe.style.height = (newH + shadow) + "px";
-        this.iframe.src = this.iframeUrl + '#' + params;
-    };
-
-
-    /**
-     * Get height (public method)
-     *
-     * @param orientation
-     * @returns {number}
-     */
-    p.getHeight = function (orientation) {
-
-        orientation = orientation || this.getOrientation();
-
-        var screenWidth, screenHeight, windowWidth, newH;
-
-        // resize wrapper
-        if (orientation == "portrait") {
-            screenWidth = Math.min(screen.width, screen.height);
-            screenHeight = Math.max(screen.width, screen.height);
-            windowWidth = window.innerWidth;
-            newH = 90 * (windowWidth / screenWidth);
-
-            return newH;
-        }
-        else if (orientation == "landscape") {
-            screenWidth = Math.max(screen.width, screen.height);
-            screenHeight = Math.min(screen.width, screen.height);
-            windowWidth = window.innerWidth;
-            newH = (90 * (windowWidth / screenHeight)) * (screenHeight / screenWidth);
-
-            return newH;
-        }
-    };
-
-    /**
-     * Destroy bar (public method)
-     */
-    p.destroy = function () {
-
-        // remove the bar from HTML
-        var wrapper = this.htmlElement;
-        wrapper.parentNode.removeChild(wrapper);
-        this.htmlElement = null;
-
-        // remove orientation change event
-        if ('onorientationchange' in window) {
-            window.removeEventListener("orientationchange", this.orientationchangeFn);
-        }
-
-        // remove touch end event
-        window.removeEventListener("touchleave", this.touchendFn);
-        window.removeEventListener("touchcancel", this.touchendFn);
-        window.removeEventListener("touchmove", this.touchendFn);
-        window.removeEventListener("touchend", this.touchendFn);
-
-        window[this] = null;
-        delete this;
-    };
-
-
-    /**
-     * Get device orientation
-     *
-     * @return string (portrait | landscape)
-     */
-    p.getOrientation = function () {
-        if (window.matchMedia("(orientation: portrait)").matches) {
-            return "portrait";
-        }
-        else if (window.matchMedia("(orientation: landscape)").matches) {
-            return "landscape";
-        }
-    };
-
-    wmpAppBanner.Bar = Bar;
-}());
\ No newline at end of file

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/UI.Modules/Cookie.js b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/UI.Modules/Cookie.js
deleted file mode 100755
index 33ffa3c..0000000
--- a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/UI.Modules/Cookie.js
+++ /dev/null
@@ -1,60 +0,0 @@
-wmpAppBanner = wmpAppBanner || {};
-
-(function () {
-
-        /**
-         * @class Cookie
-         * @constructor
-         */
-        var Cookie = function () {
-            this.initialize();
-        };
-
-        var p = Cookie.prototype;
-
-        /**
-         *
-         * Initialization method.
-         * @method initialize
-         */
-        p.initialize = function () {
-
-        };
-
-        /**
-         * Get cookie (public method)
-         *
-         * @param c_name
-         * @returns {string}
-         */
-        p.get = function (c_name) {
-
-            var i, x, y, ARRcookies = document.cookie.split(";");
-            for (i = 0; i < ARRcookies.length; i++) {
-                x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
-                y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
-                x = x.replace(/^\s+|\s+$/g, "");
-                if (x == c_name) {
-                    return decodeURIComponent(y);
-                }
-            }
-        };
-
-        /**
-         * Set cookie (public method)
-         *
-         * @param c_name
-         * @param value
-         * @param expireDays
-         */
-        p.set = function (c_name, value, expireDays) {
-            var expireDate = new Date();
-            expireDate.setDate(expireDate.getDate() + expireDays);
-
-            var c_value = encodeURIComponent(value) + ((expireDays == null) ? "" : "; expires=" + expireDate.toUTCString()) + "; path=/;";
-            document.cookie = c_name + "=" + c_value;
-        };
-
-        wmpAppBanner.Cookie = Cookie;
-    }()
-);
\ No newline at end of file

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/UI.Modules/Main.js b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/UI.Modules/Main.js
deleted file mode 100755
index 888dd67..0000000
--- a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/UI.Modules/Main.js
+++ /dev/null
@@ -1,136 +0,0 @@
-var wmpAppBanner = wmpAppBanner || {};
-wmpAppBanner.WIDGET = wmpAppBanner.WIDGET || {};
-
-wmpAppBanner.WIDGET.appUrl = wmpAppBanner.WIDGET.appUrl || '';
-wmpAppBanner.WIDGET.appIcon = wmpAppBanner.WIDGET.appIcon || '';
-wmpAppBanner.WIDGET.appName = wmpAppBanner.WIDGET.appName || '';
-wmpAppBanner.WIDGET.ref = wmpAppBanner.WIDGET.ref || '';
-wmpAppBanner.WIDGET.trustedDevice = wmpAppBanner.WIDGET.trustedDevice || 0;
-wmpAppBanner.WIDGET.iframeUrl = wmpAppBanner.WIDGET.iframeUrl || '';
-wmpAppBanner.WIDGET.cssPath = wmpAppBanner.WIDGET.cssPath || '';
-wmpAppBanner.WIDGET.openAppButton = wmpAppBanner.WIDGET.openAppButton || 'OPEN';
-
-(function() {
-
-    var appticlesStage, stage;
-
-    /**
-     * Create timer that will check if the document is ready
-     * @type {number}
-     */
-    var DOMLoadTimer = setInterval(function () {
-        if (/loading|loaded|complete/i.test(document.readyState)) {
-            clearInterval(DOMLoadTimer);
-            documentLoaded();
-        }
-    }, 10);
-
-    /**
-     * Init method, called when the document is ready
-     *
-     * The 'redirect' GET param is used for hosted apps (on Appticles).
-     * Setting redirect=false will deactivate the app banner.
-     *
-     */
-    function documentLoaded() {
-
-        // create stage
-        appticlesStage = stage = new wmpAppBanner.Stage(wmpAppBanner.WIDGET);
-
-        // get saved cookies
-        var cookie = stage.cookie,
-            mobileDevice = cookie.get(wmpAppBanner.WIDGET.cookiePrefix + "mobile_device"),
-            redirect = cookie.get(wmpAppBanner.WIDGET.cookiePrefix + "redirect"),
-            closed = cookie.get(wmpAppBanner.WIDGET.cookiePrefix + "closed"),
-            appUrl = wmpAppBanner.WIDGET.appUrl;
-
-        // if there was a previous detection and the device is mobile
-        if (mobileDevice && Boolean(Number(String(mobileDevice))) == true && appUrl && appUrl.length > 1){
-
-            // if there is a cookie already set, then convert it to a boolean value
-            // redirect param is used for hosted apps (on Appticles)
-            redirect = (redirect != null) ? Boolean(Number(String(redirect))) : true;
-
-            var urlParams = window.location.href.split("?");
-
-            // if the URL contains a redirect param, then set up a cookie with this value
-            if (urlParams.length > 1){
-                if (urlParams[urlParams.length-1].indexOf("redirect=false") != -1){
-                    cookie.set(wmpAppBanner.WIDGET.cookiePrefix + "redirect", 0, 7);
-                    redirect = false;
-                }
-                else if (urlParams[urlParams.length-1].indexOf("redirect=true") != -1){
-                    cookie.set(wmpAppBanner.WIDGET.cookiePrefix + "redirect", 1, 7);
-                    redirect = true;
-                }
-            }
-
-            // create the wrapper bar
-            if (redirect && !closed){
-
-                // attach on hash change listener
-                window.onhashchange = onHashChange;
-
-                // create wrapper bar
-                stage.createBar();
-            }
-
-            return;
-        }
-        // if there was a previous detection and the device is a desktop one
-        else if (mobileDevice && Boolean(Number(String(mobileDevice))) == false){
-            return;
-        }
-        else if (window.location.href.indexOf("redirect=false") != -1){
-            return;
-        }
-
-        window.onhashchange = onHashChange;
-
-        // detect device
-        stage.detectDevice();
-    }
-
-    /**
-     * The hashchange event fires when a window's hash changes (location.hash).
-     * The hash is used for opening the app or hiding the banner (using close button from iframe).
-     *
-     */
-    function onHashChange(){
-
-        var params = window.location.hash.split("#")[1];
-
-        if (params){
-            params = params.split("=");
-
-            if (params[0] == "app_action"){
-
-                switch (params[1]){
-
-                    case "closebar":
-                        // set cookie
-                        appticlesStage.cookie.set(wmpAppBanner.WIDGET.cookiePrefix + "closed", 1, 7);
-
-                        // remove the bar
-                        setTimeout(function(){
-                            appticlesStage.bar.destroy();
-                            appticlesStage = null;
-                        }, 300);
-
-                        window.onhashchange = null;
-                        window.location.hash = "";
-                        break;
-
-                    case "openapp":
-                        window.onhashchange = null;
-                        window.location.hash = "";
-                        appticlesStage.openApp();
-                        break;
-
-                    default: break;
-                }
-            }
-        }
-    }
-
-}());
\ No newline at end of file

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/UI.Modules/Stage.js b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/UI.Modules/Stage.js
deleted file mode 100755
index 5140dd5..0000000
--- a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/UI.Modules/Stage.js
+++ /dev/null
@@ -1,114 +0,0 @@
-wmpAppBanner = wmpAppBanner || {};
-
-(function () {
-
-    /**
-     * @class Stage
-     * @constructor
-     */
-    var Stage = function (WIDGET) {
-        this.WIDGET = WIDGET;
-
-        this.initialize(WIDGET);
-    };
-
-    var p = Stage.prototype;
-
-    /**
-     * Public properties
-     */
-    p.cookie = null;
-    p.WIDGET = null;
-    p.bar = null;
-
-
-    /**
-     * Initialization method.
-     * @method initialize
-     */
-    p.initialize = function () {
-
-        // create cookie obj
-        this.cookie = new wmpAppBanner.Cookie();
-    };
-
-
-    /**
-     * Detect device
-     * @todo (Future releases) Add device detection using user agent
-     */
-    p.detectDevice = function () {
-
-        var me = this;
-
-        if (me.WIDGET.trustedDevice == 1){
-
-            me.redirectFn(1);
-            return;
-        }
-
-        me.redirectFn(0);
-    };
-
-
-    /**
-     * Set mobile device cookie and call createBar() method
-     *
-     * @param isAllowedDevice
-     *
-     */
-    p.redirectFn = function (isAllowedDevice) {
-
-        var WIDGET = this.WIDGET;
-        var cookie = this.cookie;
-        cookie.set(WIDGET.cookiePrefix + "mobile_device", isAllowedDevice, 7);
-
-        if (Boolean(Number(String(isAllowedDevice)))) {
-            this.createBar();
-        }
-    };
-
-
-    /**
-     * Create bar
-     */
-    p.createBar = function () {
-
-        // wait until the document body is created
-        var me = this;
-        var DOMLoadTimer = setInterval(function () {
-            if (document.body && document.body.clientWidth != 0) {
-                clearInterval(DOMLoadTimer);
-
-                me.bar = new wmpAppBanner.Bar({
-                    appIcon: me.WIDGET.appIcon,
-                    appName: me.WIDGET.appName,
-                    appUrl: me.WIDGET.appUrl,
-                    cssPath: me.WIDGET.cssPath,
-                    iframeUrl: me.WIDGET.iframeUrl,
-                    openAppButton: me.WIDGET.openAppButton
-                });
-            }
-        }, 10);
-    };
-
-    /**
-     *
-     * Redirect to app
-     *
-     */
-    p.openApp = function () {
-
-        var WIDGET = this.WIDGET;
-        var mobileUrl = WIDGET.ref;
-
-        document.cookie = WIDGET.cookiePrefix + "redirect=; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;";
-
-        // redirect to the app
-        if (mobileUrl && mobileUrl.length > 0) {
-            window.location.href = mobileUrl;
-        }
-    };
-
-    wmpAppBanner.Stage = Stage;
-}());
\ No newline at end of file

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/smart-app-banner.js b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/smart-app-banner.js
deleted file mode 100755
index b19c430..0000000
--- a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/smart-app-banner.js
+++ /dev/null
@@ -1,532 +0,0 @@
-var wmpAppBanner = wmpAppBanner || {};
-wmpAppBanner.WIDGET = wmpAppBanner.WIDGET || {};
-
-wmpAppBanner.WIDGET.appUrl = wmpAppBanner.WIDGET.appUrl || '';
-wmpAppBanner.WIDGET.appIcon = wmpAppBanner.WIDGET.appIcon || '';
-wmpAppBanner.WIDGET.appName = wmpAppBanner.WIDGET.appName || '';
-wmpAppBanner.WIDGET.ref = wmpAppBanner.WIDGET.ref || '';
-wmpAppBanner.WIDGET.trustedDevice = wmpAppBanner.WIDGET.trustedDevice || 0;
-wmpAppBanner.WIDGET.iframeUrl = wmpAppBanner.WIDGET.iframeUrl || '';
-wmpAppBanner.WIDGET.cssPath = wmpAppBanner.WIDGET.cssPath || '';
-wmpAppBanner.WIDGET.openAppButton = wmpAppBanner.WIDGET.openAppButton || 'OPEN';
-
-(function () {
-
-        /**
-         * @class Cookie
-         * @constructor
-         */
-        var Cookie = function () {
-            this.initialize();
-        };
-
-        var p = Cookie.prototype;
-
-        /**
-         *
-         * Initialization method.
-         * @method initialize
-         */
-        p.initialize = function () {
-
-        };
-
-        /**
-         * Get cookie (public method)
-         *
-         * @param c_name
-         * @returns {string}
-         */
-        p.get = function (c_name) {
-
-            var i, x, y, ARRcookies = document.cookie.split(";");
-            for (i = 0; i < ARRcookies.length; i++) {
-                x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
-                y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
-                x = x.replace(/^\s+|\s+$/g, "");
-                if (x == c_name) {
-                    return decodeURIComponent(y);
-                }
-            }
-        };
-
-        /**
-         * Set cookie (public method)
-         *
-         * @param c_name
-         * @param value
-         * @param expireDays
-         */
-        p.set = function (c_name, value, expireDays) {
-            var expireDate = new Date();
-            expireDate.setDate(expireDate.getDate() + expireDays);
-
-            var c_value = encodeURIComponent(value) + ((expireDays == null) ? "" : "; expires=" + expireDate.toUTCString()) + "; path=/;";
-            document.cookie = c_name + "=" + c_value;
-        };
-
-        wmpAppBanner.Cookie = Cookie;
-    }()
-);
-
-(function () {
-
-    /**
-     * @class Bar
-     * @constructor
-     */
-    var Bar = function (options) {
-        this.initialize(options);
-    };
-
-    var p = Bar.prototype;
-
-    /**
-     * Public properties
-     */
-
-    /**
-     * The DOM object to manage.
-     * @property htmlElement
-     * @type HTMLElement
-     */
-    p.htmlElement = null;
-    p.iframe = null;
-    p.iframeUrl = null;
-
-    /**
-     * Initialization method.
-     * @method initialize
-     */
-    p.initialize = function (options) {
-
-        var me = this;
-        this.createWrapper(options);
-
-        // add orientation change event
-        if ('onorientationchange' in window) {
-
-            // orientation change event functions
-            this.orientationchangeFn = function () {
-                setTimeout(function () {
-                    me.resize();
-                }, 250);
-            };
-            window.addEventListener("orientationchange", this.orientationchangeFn, false);
-        }
-        else {
-            var mqOrientation = window.matchMedia("(orientation: portrait)");
-
-            // The Listener will fire whenever this either matches or ceases to match
-            mqOrientation.addListener(function (media) {
-                // portrait
-                if (media.matches) {
-                    me.resize("portrait");
-                }
-                else {
-                    me.resize("landscape");
-                }
-            }, false);
-        }
-
-        // add zoom event
-        this.touchendFn = function () {
-            clearTimeout(window.resizeEvt);
-            window.resizeEvt = setTimeout(function () {
-                //alert("resize");
-                me.resize();
-            }, 300);
-        };
-
-        window.resizeEvt;
-        window.addEventListener("touchleave", this.touchendFn, false);
-        window.addEventListener("touchcancel", this.touchendFn, false);
-        window.addEventListener("touchmove", this.touchendFn, false);
-        window.addEventListener("touchend", this.touchendFn, false);
-    };
-
-
-    /**
-     * Create wrapper (public method)
-     * @param options
-     */
-    p.createWrapper = function (options) {
-        var wrapper = document.createElement("appticles-wrapper");
-        this.htmlElement = wrapper;
-        var height = Math.round(this.getHeight());
-        var shadow = Math.round(0.1 * height);
-
-        wrapper.style.position = "fixed";
-        wrapper.style.width = "100%";
-        wrapper.style.height = "0px";
-        wrapper.style.top = "0px";
-        wrapper.style.left = "0px";
-        wrapper.style.boxSizing = "border-box";
-        wrapper.style.zIndex = 1000000;
-        wrapper.style.display = "block";
-        wrapper.style.height = (height + shadow) + "px";
-
-        document.body.appendChild(wrapper);
-
-        var appName = options.appName || "";
-        var appUrl = options.appUrl || "";
-        var appIcon = options.appIcon || "";
-        var cssPath = options.cssPath || "";
-        var iframeUrl = this.iframeUrl = options.iframeUrl || "";
-        var originUrl = window.location.href;
-        var openAppButton = options.openAppButton || "";
-
-        var _dc = (new Date()).getTime();
-        var params = "cssPath=" + cssPath + "?_dc" + _dc;
-        params += "&amp;height=" + height;
-        params += "&amp;appName=" + encodeURIComponent(appName);
-        params += "&amp;appUrl=" + encodeURIComponent(appUrl);
-        params += "&amp;appIcon=" + appIcon;
-        params += "&amp;originUrl=" + encodeURIComponent(originUrl);
-        params += "&amp;openText=" + encodeURIComponent(openAppButton);
-
-        var html = [
-            '<iframe id="appticles-iframe-bar" width="100%" height="' + (height + shadow) + 'px" src="' + iframeUrl + '#' + params + '" frameborder="0" allowtransparency="true" scrolling="no" style="position:relative;"></iframe>'
-        ].join("");
-
-        wrapper.innerHTML = html;
-
-        this.iframe = document.getElementById("appticles-iframe-bar");
-    };
-
-
-    /**
-     * Resize banner (public method)
-     *
-     * @param orientation
-     */
-    p.resize = function (orientation) {
-
-        var wrapper = this.htmlElement;
-        if (wrapper == null) return;
-
-        // compute new wrapper height
-        var newH = Math.round(this.getHeight());
-        var shadow = Math.round(0.1 * newH);
-        wrapper.style.height = (newH + shadow) + "px";
-
-        // change iframe params
-        var params = "height=" + newH;
-        this.iframe.style.height = (newH + shadow) + "px";
-        this.iframe.src = this.iframeUrl + '#' + params;
-    };
-
-
-    /**
-     * Get height (public method)
-     *
-     * @param orientation
-     * @returns {number}
-     */
-    p.getHeight = function (orientation) {
-
-        orientation = orientation || this.getOrientation();
-
-        var screenWidth, screenHeight, windowWidth, newH;
-
-        // resize wrapper
-        if (orientation == "portrait") {
-            screenWidth = Math.min(screen.width, screen.height);
-            screenHeight = Math.max(screen.width, screen.height);
-            windowWidth = window.innerWidth;
-            newH = 90 * (windowWidth / screenWidth);
-
-            return newH;
-        }
-        else if (orientation == "landscape") {
-            screenWidth = Math.max(screen.width, screen.height);
-            screenHeight = Math.min(screen.width, screen.height);
-            windowWidth = window.innerWidth;
-            newH = (90 * (windowWidth / screenHeight)) * (screenHeight / screenWidth);
-
-            return newH;
-        }
-    };
-
-    /**
-     * Destroy bar (public method)
-     */
-    p.destroy = function () {
-
-        // remove the bar from HTML
-        var wrapper = this.htmlElement;
-        wrapper.parentNode.removeChild(wrapper);
-        this.htmlElement = null;
-
-        // remove orientation change event
-        if ('onorientationchange' in window) {
-            window.removeEventListener("orientationchange", this.orientationchangeFn);
-        }
-
-        // remove touch end event
-        window.removeEventListener("touchleave", this.touchendFn);
-        window.removeEventListener("touchcancel", this.touchendFn);
-        window.removeEventListener("touchmove", this.touchendFn);
-        window.removeEventListener("touchend", this.touchendFn);
-
-        window[this] = null;
-        delete this;
-    };
-
-
-    /**
-     * Get device orientation
-     *
-     * @return string (portrait | landscape)
-     */
-    p.getOrientation = function () {
-        if (window.matchMedia("(orientation: portrait)").matches) {
-            return "portrait";
-        }
-        else if (window.matchMedia("(orientation: landscape)").matches) {
-            return "landscape";
-        }
-    };
-
-    wmpAppBanner.Bar = Bar;
-}());
-
-wmpAppBanner = wmpAppBanner || {};
-
-(function () {
-
-    /**
-     * @class Stage
-     * @constructor
-     */
-    var Stage = function (WIDGET) {
-        this.WIDGET = WIDGET;
-
-        this.initialize(WIDGET);
-    };
-
-    var p = Stage.prototype;
-
-    /**
-     * Public properties
-     */
-    p.cookie = null;
-    p.WIDGET = null;
-    p.bar = null;
-
-
-    /**
-     * Initialization method.
-     * @method initialize
-     */
-    p.initialize = function () {
-
-        // create cookie obj
-        this.cookie = new wmpAppBanner.Cookie();
-    };
-
-
-    /**
-     * Detect device
-     * @todo (Future releases) Add device detection using user agent
-     */
-    p.detectDevice = function () {
-
-        var me = this;
-
-        if (me.WIDGET.trustedDevice == 1){
-
-            me.redirectFn(1);
-            return;
-        }
-
-        me.redirectFn(0);
-    };
-
-
-    /**
-     * Set mobile device cookie and call createBar() method
-     *
-     * @param isAllowedDevice
-     *
-     */
-    p.redirectFn = function (isAllowedDevice) {
-
-        var WIDGET = this.WIDGET;
-        var cookie = this.cookie;
-        cookie.set(WIDGET.cookiePrefix + "mobile_device", isAllowedDevice, 7);
-
-        if (Boolean(Number(String(isAllowedDevice)))) {
-            this.createBar();
-        }
-    };
-
-
-    /**
-     * Create bar
-     */
-    p.createBar = function () {
-
-        // wait until the document body is created
-        var me = this;
-        var DOMLoadTimer = setInterval(function () {
-            if (document.body && document.body.clientWidth != 0) {
-                clearInterval(DOMLoadTimer);
-
-                me.bar = new wmpAppBanner.Bar({
-                    appIcon: me.WIDGET.appIcon,
-                    appName: me.WIDGET.appName,
-                    appUrl: me.WIDGET.appUrl,
-                    cssPath: me.WIDGET.cssPath,
-                    iframeUrl: me.WIDGET.iframeUrl,
-                    openAppButton: me.WIDGET.openAppButton
-                });
-            }
-        }, 10);
-    };
-
-    /**
-     *
-     * Redirect to app
-     *
-     */
-    p.openApp = function () {
-
-        var WIDGET = this.WIDGET;
-        var mobileUrl = WIDGET.ref;
-
-        document.cookie = WIDGET.cookiePrefix + "redirect=; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;";
-
-        // redirect to the app
-        if (mobileUrl && mobileUrl.length > 0) {
-            window.location.href = mobileUrl;
-        }
-    };
-
-    wmpAppBanner.Stage = Stage;
-}());
-
-(function() {
-
-    var appticlesStage, stage;
-
-    /**
-     * Create timer that will check if the document is ready
-     * @type {number}
-     */
-    var DOMLoadTimer = setInterval(function () {
-        if (/loading|loaded|complete/i.test(document.readyState)) {
-            clearInterval(DOMLoadTimer);
-            documentLoaded();
-        }
-    }, 10);
-
-    /**
-     * Init method, called when the document is ready
-     *
-     * The 'redirect' GET param is used for hosted apps (on Appticles).
-     * Setting redirect=false will deactivate the app banner.
-     *
-     */
-    function documentLoaded() {
-
-        // create stage
-        appticlesStage = stage = new wmpAppBanner.Stage(wmpAppBanner.WIDGET);
-
-        // get saved cookies
-        var cookie = stage.cookie,
-            mobileDevice = cookie.get(wmpAppBanner.WIDGET.cookiePrefix + "mobile_device"),
-            redirect = cookie.get(wmpAppBanner.WIDGET.cookiePrefix + "redirect"),
-            closed = cookie.get(wmpAppBanner.WIDGET.cookiePrefix + "closed"),
-            appUrl = wmpAppBanner.WIDGET.appUrl;
-
-        // if there was a previous detection and the device is mobile
-        if (mobileDevice && Boolean(Number(String(mobileDevice))) == true && appUrl && appUrl.length > 1){
-
-            // if there is a cookie already set, then convert it to a boolean value
-            // redirect param is used for hosted apps (on Appticles)
-            redirect = (redirect != null) ? Boolean(Number(String(redirect))) : true;
-
-            var urlParams = window.location.href.split("?");
-
-            // if the URL contains a redirect param, then set up a cookie with this value
-            if (urlParams.length > 1){
-                if (urlParams[urlParams.length-1].indexOf("redirect=false") != -1){
-                    cookie.set(wmpAppBanner.WIDGET.cookiePrefix + "redirect", 0, 7);
-                    redirect = false;
-                }
-                else if (urlParams[urlParams.length-1].indexOf("redirect=true") != -1){
-                    cookie.set(wmpAppBanner.WIDGET.cookiePrefix + "redirect", 1, 7);
-                    redirect = true;
-                }
-            }
-
-            // create the wrapper bar
-            if (redirect && !closed){
-
-                // attach on hash change listener
-                window.onhashchange = onHashChange;
-
-                // create wrapper bar
-                stage.createBar();
-            }
-
-            return;
-        }
-        // if there was a previous detection and the device is a desktop one
-        else if (mobileDevice && Boolean(Number(String(mobileDevice))) == false){
-            return;
-        }
-        else if (window.location.href.indexOf("redirect=false") != -1){
-            return;
-        }
-
-        window.onhashchange = onHashChange;
-
-        // detect device
-        stage.detectDevice();
-    }
-
-    /**
-     * The hashchange event fires when a window's hash changes (location.hash).
-     * The hash is used for opening the app or hiding the banner (using close button from iframe).
-     *
-     */
-    function onHashChange(){
-
-        var params = window.location.hash.split("#")[1];
-
-        if (params){
-            params = params.split("=");
-
-            if (params[0] == "app_action"){
-
-                switch (params[1]){
-
-                    case "closebar":
-                        // set cookie
-                        appticlesStage.cookie.set(wmpAppBanner.WIDGET.cookiePrefix + "closed", 1, 7);
-
-                        // remove the bar
-                        setTimeout(function(){
-                            appticlesStage.bar.destroy();
-                            appticlesStage = null;
-                        }, 300);
-
-                        window.onhashchange = null;
-                        window.location.hash = "";
-                        break;
-
-                    case "openapp":
-                        window.onhashchange = null;
-                        window.location.hash = "";
-                        appticlesStage.openApp();
-                        break;
-
-                    default: break;
-                }
-            }
-        }
-    }
-
-}());
\ No newline at end of file

diff --git a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/smart-app-banner.min.js b/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/smart-app-banner.min.js
deleted file mode 100755
index 6e64042..0000000
--- a/plugins/wordpress-mobile-pack/frontend/sections/smart-app-banner/js/smart-app-banner.min.js
+++ /dev/null
@@ -1 +0,0 @@
-var wmpAppBanner=wmpAppBanner||{};wmpAppBanner.WIDGET=wmpAppBanner.WIDGET||{},wmpAppBanner.WIDGET.appUrl=wmpAppBanner.WIDGET.appUrl||"",wmpAppBanner.WIDGET.appIcon=wmpAppBanner.WIDGET.appIcon||"",wmpAppBanner.WIDGET.appName=wmpAppBanner.WIDGET.appName||"",wmpAppBanner.WIDGET.ref=wmpAppBanner.WIDGET.ref||"",wmpAppBanner.WIDGET.trustedDevice=wmpAppBanner.WIDGET.trustedDevice||0,wmpAppBanner.WIDGET.iframeUrl=wmpAppBanner.WIDGET.iframeUrl||"",wmpAppBanner.WIDGET.cssPath=wmpAppBanner.WIDGET.cssPath||"",wmpAppBanner.WIDGET.openAppButton=wmpAppBanner.WIDGET.openAppButton||"OPEN",function(){var e=function(){this.initialize()},n=e.prototype;n.initialize=function(){},n.get=function(e){var n,t,i,o=document.cookie.split(";");for(n=0;n<o.length;n++)if(t=o[n].substr(0,o[n].indexOf("=")),i=o[n].substr(o[n].indexOf("=")+1),t=t.replace(/^\s+|\s+$/g,""),t==e)return decodeURIComponent(i)},n.set=function(e,n,t){var i=new Date;i.setDate(i.getDate()+t);var o=encodeURIComponent(n)+(null==t?"":"; expires="
 +i.toUTCString())+"; path=/;";document.cookie=e+"="+o},wmpAppBanner.Cookie=e}(),function(){var e=function(e){this.initialize(e)},n=e.prototype;n.htmlElement=null,n.iframe=null,n.iframeUrl=null,n.initialize=function(e){var n=this;if(this.createWrapper(e),"onorientationchange"in window)this.orientationchangeFn=function(){setTimeout(function(){n.resize()},250)},window.addEventListener("orientationchange",this.orientationchangeFn,!1);else{var t=window.matchMedia("(orientation: portrait)");t.addListener(function(e){e.matches?n.resize("portrait"):n.resize("landscape")},!1)}this.touchendFn=function(){clearTimeout(window.resizeEvt),window.resizeEvt=setTimeout(function(){n.resize()},300)},window.resizeEvt,window.addEventListener("touchleave",this.touchendFn,!1),window.addEventListener("touchcancel",this.touchendFn,!1),window.addEventListener("touchmove",this.touchendFn,!1),window.addEventListener("touchend",this.touchendFn,!1)},n.createWrapper=function(e){var n=document.createElement("apptic
 les-wrapper");this.htmlElement=n;var t=Math.round(this.getHeight()),i=Math.round(.1*t);n.style.position="fixed",n.style.width="100%",n.style.height="0px",n.style.top="0px",n.style.left="0px",n.style.boxSizing="border-box",n.style.zIndex=1e6,n.style.display="block",n.style.height=t+i+"px",document.body.appendChild(n);var o=e.appName||"",r=e.appUrl||"",a=e.appIcon||"",p=e.cssPath||"",c=this.iframeUrl=e.iframeUrl||"",h=window.location.href,s=e.openAppButton||"",d=(new Date).getTime(),l="cssPath="+p+"?_dc"+d;l+="&amp;height="+t,l+="&amp;appName="+encodeURIComponent(o),l+="&amp;appUrl="+encodeURIComponent(r),l+="&amp;appIcon="+a,l+="&amp;originUrl="+encodeURIComponent(h),l+="&amp;openText="+encodeURIComponent(s);var m=['<iframe id="appticles-iframe-bar" width="100%" height="'+(t+i)+'px" src="'+c+"#"+l+'" frameborder="0" allowtransparency="true" scrolling="no" style="position:relative;"></iframe>'].join("");n.innerHTML=m,this.iframe=document.getElementById("appticles-iframe-bar")},n.resiz
 e=function(e){var n=this.htmlElement;if(null!=n){var t=Math.round(this.getHeight()),i=Math.round(.1*t);n.style.height=t+i+"px";var o="height="+t;this.iframe.style.height=t+i+"px",this.iframe.src=this.iframeUrl+"#"+o}},n.getHeight=function(e){e=e||this.getOrientation();var n,t,i,o;return"portrait"==e?(n=Math.min(screen.width,screen.height),t=Math.max(screen.width,screen.height),i=window.innerWidth,o=90*(i/n)):"landscape"==e?(n=Math.max(screen.width,screen.height),t=Math.min(screen.width,screen.height),i=window.innerWidth,o=90*(i/t)*(t/n)):void 0},n.destroy=function(){var e=this.htmlElement;e.parentNode.removeChild(e),this.htmlElement=null,"onorientationchange"in window&&window.removeEventListener("orientationchange",this.orientationchangeFn),window.removeEventListener("touchleave",this.touchendFn),window.removeEventListener("touchcancel",this.touchendFn),window.removeEventListener("touchmove",this.touchendFn),window.removeEventListener("touchend",this.touchendFn),window[this]=null,de
 lete this},n.getOrientation=function(){return window.matchMedia("(orientation: portrait)").matches?"portrait":window.matchMedia("(orientation: landscape)").matches?"landscape":void 0},wmpAppBanner.Bar=e}(),wmpAppBanner=wmpAppBanner||{},function(){var e=function(e){this.WIDGET=e,this.initialize(e)},n=e.prototype;n.cookie=null,n.WIDGET=null,n.bar=null,n.initialize=function(){this.cookie=new wmpAppBanner.Cookie},n.detectDevice=function(){var e=this;return 1==e.WIDGET.trustedDevice?void e.redirectFn(1):void e.redirectFn(0)},n.redirectFn=function(e){var n=this.WIDGET,t=this.cookie;t.set(n.cookiePrefix+"mobile_device",e,7),Boolean(Number(String(e)))&&this.createBar()},n.createBar=function(){var e=this,n=setInterval(function(){document.body&&0!=document.body.clientWidth&&(clearInterval(n),e.bar=new wmpAppBanner.Bar({appIcon:e.WIDGET.appIcon,appName:e.WIDGET.appName,appUrl:e.WIDGET.appUrl,cssPath:e.WIDGET.cssPath,iframeUrl:e.WIDGET.iframeUrl,openAppButton:e.WIDGET.openAppButton}))},10)},n.o
 penApp=function(){var e=this.WIDGET,n=e.ref;document.cookie=e.cookiePrefix+"redirect=; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;",n&&n.length>0&&(window.location.href=n)},wmpAppBanner.Stage=e}(),function(){function e(){t=i=new wmpAppBanner.Stage(wmpAppBanner.WIDGET);var e=i.cookie,o=e.get(wmpAppBanner.WIDGET.cookiePrefix+"mobile_device"),r=e.get(wmpAppBanner.WIDGET.cookiePrefix+"redirect"),a=e.get(wmpAppBanner.WIDGET.cookiePrefix+"closed"),p=wmpAppBanner.WIDGET.appUrl;if(o&&1==Boolean(Number(String(o)))&&p&&p.length>1){r=null!=r?Boolean(Number(String(r))):!0;var c=window.location.href.split("?");return c.length>1&&(-1!=c[c.length-1].indexOf("redirect=false")?(e.set(wmpAppBanner.WIDGET.cookiePrefix+"redirect",0,7),r=!1):-1!=c[c.length-1].indexOf("redirect=true")&&(e.set(wmpAppBanner.WIDGET.cookiePrefix+"redirect",1,7),r=!0)),void(r&&!a&&(window.onhashchange=n,i.createBar()))}o&&0==Boolean(Number(String(o)))||-1==window.location.href.indexOf("redirect=false")&&(window.onhashchang
 e=n,i.detectDevice())}function n(){var e=window.location.hash.split("#")[1];if(e&&(e=e.split("="),"app_action"==e[0]))switch(e[1]){case"closebar":t.cookie.set(wmpAppBanner.WIDGET.cookiePrefix+"closed",1,7),setTimeout(function(){t.bar.destroy(),t=null},300),window.onhashchange=null,window.location.hash="";break;case"openapp":window.onhashchange=null,window.location.hash="",t.openApp()}}var t,i,o=setInterval(function(){/loading|loaded|complete/i.test(document.readyState)&&(clearInterval(o),e())},10)}();
\ No newline at end of file

diff --git a/plugins/wordpress-mobile-pack/readme.txt b/plugins/wordpress-mobile-pack/readme.txt
index b3e72cf..133a21b 100755
--- a/plugins/wordpress-mobile-pack/readme.txt
+++ b/plugins/wordpress-mobile-pack/readme.txt
@@ -1,9 +1,9 @@
 === WordPress Mobile Pack - Mobile Plugin for Progressive Web Apps & Hybrid Mobile Apps ===
-Contributors: jamesgpearce, andreatrasatti, edent, cborodescu, anghelalexandra
+Contributors: jamesgpearce, andreatrasatti, cborodescu, anghelalexandra
 Tags: android, iOS, html5, iphone, mobile, mobile internet, mobile web, mobile web app, responsive ui, safari, sencha touch, smartphone, webkit, progressive web apps, app builder, apple, apps, convert to app, create blog app, ios app, ipad, make an app, mobile app plugin, mobile application, mobile blog app, mobile converter, mobile plugin, native app plugin, app theme, website to mobile app, WordPress android, WordPress app, WordPress iphone, WordPress mobile, WordPress mobile app
 Requires at least: 3.6
 Tested up to: 4.7.3
-Stable tag: 3.1
+Stable tag: 3.2
 License: GPLv2 or later
 
 Mobile plugin to package your content into a progressive web app, build a hybrid mobile app and submit it to App Stores. Multiple mobile app themes.
@@ -157,6 +157,9 @@ There are almost 50,000 plugins in the WordPress.org repository. It's impossible
 
 == Changelog ==
 
+= 3.2 =
+* Security fix, replaced Smart App Banner script with jQuery Noty plugin
+
 = 3.1 =
 * Implemented Add to Home Screen functionality
 * Translated app in Bosnian (bs_BA)
@@ -400,8 +403,8 @@ Two major issues were introduced in beta 1, now solved:
 
 == Upgrade Notice ==
 
-= 3.1 =
-* WordPress Mobile Pack packages your content into a progressive web app or a hybrid mobile app that can be submitted to App Stores. The latest version comes with Add to Home Screen functionality, your users will now be prompted to add your web app to their home screen.
+= 3.2 =
+* WordPress Mobile Pack packages your content into a progressive web app or a hybrid mobile app that can be submitted to App Stores. The latest version comes with a security fix for the smart app banner.
 
 == Screenshots ==
 

diff --git a/plugins/wordpress-mobile-pack/wordpress-mobile-pack.php b/plugins/wordpress-mobile-pack/wordpress-mobile-pack.php
index a84ae41..92d178d 100755
--- a/plugins/wordpress-mobile-pack/wordpress-mobile-pack.php
+++ b/plugins/wordpress-mobile-pack/wordpress-mobile-pack.php
@@ -5,7 +5,7 @@
  * Description: WordPress Mobile Pack 3.0+ is a mobile plugin that helps you transform your WordPress-based content (posts/articles, categories, pages) into a progressive web application. It comes with multiple mobile app themes and extensions that you can purchase individually or as a bundle.
  * Author: WPMobilePack.com
  * Author URI: https://wpmobilepack.com/
- * Version: 3.1
+ * Version: 3.2
  * Copyright (c) 2009 - 2017 James Pearce, mTLD Top Level Domain Limited, ribot, Forum Nokia, Appticles.com
  * License: The WordPress Mobile Pack is Licensed under the Apache License, Version 2.0
  * Text Domain: wordpress-mobile-pack