@signageos/front-display 11.3.2 → 12.0.0

package/dist/bundle.js

@@ -94,7 +94,8 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 var map = {
-	"./env.{amy}.json": "./config/env.{amy}.json"
+	"./env.{amy}.json": "./config/env.{amy}.json",
+	"./env.{production}.json": "./config/env.{production}.json"
 };
 
 
@@ -130,6 +131,17 @@ module.exports = JSON.parse("{\"NODE_ENV\":\"dev\",\"base_url\":\"https://platfo
 
 /***/ }),
 
+/***/ "./config/env.{production}.json":
+/*!**************************************!*\
+  !*** ./config/env.{production}.json ***!
+  \**************************************/
+/*! exports provided: NODE_ENV, base_url, socket_uri, static_base_url, upload_base_url, check_interval_ms, weinre_server_url, synchronizer_server_url, subscription_type, http_auth_public_key, raven_dsn, raven_enabled, default */
+/***/ (function(module) {
+
+module.exports = JSON.parse("{\"NODE_ENV\":\"production\",\"base_url\":\"https://platform.signageos.io\",\"socket_uri\":\"https://platform.signageos.io\",\"static_base_url\":\"https://static.signageos.io\",\"upload_base_url\":\"https://upload1.signageos.io\",\"check_interval_ms\":\"60000\",\"weinre_server_url\":\"https://weinre.signageos.io\",\"synchronizer_server_url\":\"https://applet-synchronizer.signageos.io\",\"subscription_type\":\"platform\",\"http_auth_public_key\":\"-----BEGIN PUBLIC KEY-----MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAzDtIKaR8+ecjt4oe/mogSbm31QZPMf+/euSt0iVwThlUCeTtBG3FHA/dJoNvkH2MPnWtUrvQrm2cYJl190ce2JipP2lf0L/bHyXmOJE8gcxUyHz5iRBhW5yfro4WluDXEXIa/PunhieaNqSoOZat5HfCZfPkYAlAX1CmTlJ+l+OkmbTloOdmWNj4m9oGmrQh+zivyC3ClynyjKGm+Yg2pIKx/18wE3zG9wd7Xcg8mf1Y4OLD/nLyRZCJVDMb0KoCUqqIZOjcQ9OqzXhJqlTeVC1EROqi8q1LnMXChbqR6cVLm2qh2W2JSuOvF2yhfmkEQ0/pErpKNq+nYXa9yNPAfQIDAQAB-----END PUBLIC KEY-----\",\"raven_dsn\":\"https://974c184f29284d2ca7bb93e664e63b63:3a1ef58b75ca45aa8248baf4d0bd13be@sentry.io/150270\",\"raven_enabled\":\"1\"}");
+
+/***/ }),
+
 /***/ "./config/parameters.ts":
 /*!******************************!*\
   !*** ./config/parameters.ts ***!
@@ -4589,24 +4601,6 @@ exports.StreamDisconnected = 'Stream.Disconnected';
 
 /***/ }),
 
-/***/ "./node_modules/@signageos/actions/dist/Sync/syncActions.js":
-/*!******************************************************************!*\
-  !*** ./node_modules/@signageos/actions/dist/Sync/syncActions.js ***!
-  \******************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SetValue = void 0;
-exports.SetValue = 'Sync.SetValue';
-
-/***/ }),
-
 /***/ "./node_modules/@signageos/actions/dist/SystemLog/systemLogActions.js":
 /*!****************************************************************************!*\
   !*** ./node_modules/@signageos/actions/dist/SystemLog/systemLogActions.js ***!
@@ -5004,7 +4998,7 @@ var __generator = this && this.__generator || function (thisArg, body) {
   }
   function step(op) {
     if (f) throw new TypeError("Generator is already executing.");
-    while (_) {
+    while (g && (g = 0, op[0] && (_ = 0)), _) {
       try {
         if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
         if (y = 0, t) op = [op[0] & 2, t.value];
@@ -5730,7 +5724,7 @@ var __generator = this && this.__generator || function (thisArg, body) {
   }
   function step(op) {
     if (f) throw new TypeError("Generator is already executing.");
-    while (_) {
+    while (g && (g = 0, op[0] && (_ = 0)), _) {
       try {
         if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
         if (y = 0, t) op = [op[0] & 2, t.value];
@@ -5844,11 +5838,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 function wait(timeout) {
-  return new Promise(function (resolve) {
-    return setTimeout(function () {
-      return resolve();
+  var timer = undefined;
+  var rejectCallback = null;
+  var promise = new Promise(function (resolve, reject) {
+    rejectCallback = reject;
+    timer = setTimeout(function () {
+      rejectCallback = null;
+      resolve();
     }, timeout);
   });
+  promise.cancel = function () {
+    if (timer) {
+      clearTimeout(timer);
+      timer = undefined;
+      if (rejectCallback) {
+        rejectCallback(new Error('Wait cancelled'));
+      }
+      rejectCallback = null;
+    }
+  };
+  return promise;
 }
 exports["default"] = wait;
 
@@ -6063,7 +6072,7 @@ var __generator = this && this.__generator || function (thisArg, body) {
   }
   function step(op) {
     if (f) throw new TypeError("Generator is already executing.");
-    while (_) {
+    while (g && (g = 0, op[0] && (_ = 0)), _) {
       try {
         if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
         if (y = 0, t) op = [op[0] & 2, t.value];
@@ -6461,6 +6470,407 @@ exports.createAutoReconnectingSocket = createAutoReconnectingSocket;
 
 /***/ }),
 
+/***/ "./node_modules/@signageos/lib/es6/Lock/lockedDecorator.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@signageos/lib/es6/Lock/lockedDecorator.js ***!
+  \*****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.locked = void 0;
+var AsyncLock = __webpack_require__(/*! async-lock */ "./node_modules/@signageos/lib/node_modules/async-lock/index.js");
+var util = __webpack_require__(/*! util */ "./node_modules/util/util.js");
+var globalAsyncLock = new AsyncLock();
+var asyncLocksMap = new WeakMap();
+function acquireAsyncLock(options, instance) {
+  if ((options === null || options === void 0 ? void 0 : options.scope) === undefined || (options === null || options === void 0 ? void 0 : options.scope) === 'global') {
+    return globalAsyncLock;
+  } else if ((options === null || options === void 0 ? void 0 : options.scope) === 'instance') {
+    if (asyncLocksMap.has(instance)) {
+      var lock = asyncLocksMap.get(instance);
+      lock.countRunning++;
+      return lock.asyncLock;
+    } else {
+      var asyncLock = new AsyncLock();
+      asyncLocksMap.set(instance, {
+        countRunning: 1,
+        asyncLock: asyncLock
+      });
+      return asyncLock;
+    }
+  }
+  throw new Error("Invalid option scope=".concat(options === null || options === void 0 ? void 0 : options.scope));
+}
+function releaseAsyncLock(options, instance) {
+  if ((options === null || options === void 0 ? void 0 : options.scope) === 'instance') {
+    var lock = asyncLocksMap.get(instance);
+    lock.countRunning--;
+    if (lock.countRunning === 0) {
+      asyncLocksMap["delete"](instance);
+    }
+  }
+}
+function locked(keyInitiator, options) {
+  return function (_target, _propertyKey, descriptor) {
+    var originalMethod = descriptor.value;
+    descriptor.value = function () {
+      var _this = this;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      var key = typeof keyInitiator === 'function' ? keyInitiator.call.apply(keyInitiator, [this].concat(args)) : keyInitiator;
+      var currentAsyncLock = acquireAsyncLock(options, this);
+      return currentAsyncLock.acquire(key, function () {
+        return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+          var returnValuePromise;
+          return regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  returnValuePromise = originalMethod.apply(this, args);
+                  if (returnValuePromise instanceof Promise) {
+                    _context.next = 3;
+                    break;
+                  }
+                  throw new Error("Synchronous methods must return Promise instance. But ".concat(util.inspect(returnValuePromise), " given."));
+                case 3:
+                  _context.next = 5;
+                  return returnValuePromise;
+                case 5:
+                  return _context.abrupt("return", _context.sent);
+                case 6:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee, this);
+        }));
+      }, options)["finally"](function () {
+        return releaseAsyncLock(options, _this);
+      });
+    };
+  };
+}
+exports.locked = locked;
+
+/***/ }),
+
+/***/ "./node_modules/@signageos/lib/node_modules/async-lock/index.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@signageos/lib/node_modules/async-lock/index.js ***!
+  \**********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+module.exports = __webpack_require__(/*! ./lib */ "./node_modules/@signageos/lib/node_modules/async-lock/lib/index.js");
+
+
+/***/ }),
+
+/***/ "./node_modules/@signageos/lib/node_modules/async-lock/lib/index.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@signageos/lib/node_modules/async-lock/lib/index.js ***!
+  \**************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(process) {
+
+var AsyncLock = function (opts) {
+	opts = opts || {};
+
+	this.Promise = opts.Promise || Promise;
+
+	// format: {key : [fn, fn]}
+	// queues[key] = null indicates no job running for key
+	this.queues = {};
+
+	// domain of current running func {key : fn}
+	this.domains = {};
+
+	// lock is reentrant for same domain
+	this.domainReentrant = opts.domainReentrant || false;
+
+	this.timeout = opts.timeout || AsyncLock.DEFAULT_TIMEOUT;
+	this.maxPending = opts.maxPending || AsyncLock.DEFAULT_MAX_PENDING;
+};
+
+AsyncLock.DEFAULT_TIMEOUT = 0; //Never
+AsyncLock.DEFAULT_MAX_PENDING = 1000;
+
+/**
+ * Acquire Locks
+ *
+ * @param {String|Array} key 	resource key or keys to lock
+ * @param {function} fn 	async function
+ * @param {function} cb 	callback function, otherwise will return a promise
+ * @param {Object} opts 	options
+ */
+AsyncLock.prototype.acquire = function (key, fn, cb, opts) {
+	if (Array.isArray(key)) {
+		return this._acquireBatch(key, fn, cb, opts);
+	}
+
+	if (typeof (fn) !== 'function') {
+		throw new Error('You must pass a function to execute');
+	}
+
+	// faux-deferred promise using new Promise() (as Promise.defer is deprecated)
+	var deferredResolve = null;
+	var deferredReject = null;
+	var deferred = null;
+
+	if (typeof (cb) !== 'function') {
+		opts = cb;
+		cb = null;
+
+		// will return a promise
+		deferred =  new this.Promise((resolve, reject) => {
+			deferredResolve = resolve;
+			deferredReject = reject;
+		});
+	}
+
+	opts = opts || {};
+
+	var resolved = false;
+	var timer = null;
+	var self = this;
+
+	var done = function (locked, err, ret) {
+		if (locked) {
+			if (self.queues[key].length === 0) {
+				delete self.queues[key];
+			}
+			delete self.domains[key];
+		}
+
+		if (!resolved) {
+			if (!deferred) {
+				if (typeof (cb) === 'function') {
+					cb(err, ret);
+				}
+			}
+			else {
+				//promise mode
+				if (err) {
+					deferredReject(err);
+				}
+				else {
+					deferredResolve(ret);
+				}
+			}
+			resolved = true;
+		}
+
+		if (locked) {
+			//run next func
+			if (!!self.queues[key] && self.queues[key].length > 0) {
+				self.queues[key].shift()();
+			}
+		}
+	};
+
+	var exec = function (locked) {
+		if (resolved) { // may due to timed out
+			return done(locked);
+		}
+
+		if (timer) {
+			clearTimeout(timer);
+			timer = null;
+		}
+
+		if (locked) {
+			self.domains[key] = process.domain;
+		}
+
+		// Callback mode
+		if (fn.length === 1) {
+			var called = false;
+			fn(function (err, ret) {
+				if (!called) {
+					called = true;
+					done(locked, err, ret);
+				}
+			});
+		}
+		else {
+			// Promise mode
+			self._promiseTry(function () {
+				return fn();
+			})
+			.then(function(ret){
+				done(locked, undefined, ret);
+			}, function(error){
+				done(locked, error);
+			});
+		}
+	};
+	if (!!process.domain) {
+		exec = process.domain.bind(exec);
+	}
+
+	if (!self.queues[key]) {
+		self.queues[key] = [];
+		exec(true);
+	}
+	else if (self.domainReentrant && !!process.domain && process.domain === self.domains[key]) {
+		// If code is in the same domain of current running task, run it directly
+		// Since lock is re-enterable
+		exec(false);
+	}
+	else if (self.queues[key].length >= self.maxPending) {
+		done(false, new Error('Too much pending tasks'));
+	}
+	else {
+		var taskFn = function () {
+			exec(true);
+		};
+		if (opts.skipQueue) {
+			self.queues[key].unshift(taskFn);
+		} else {
+			self.queues[key].push(taskFn);
+		}
+
+		var timeout = opts.timeout || self.timeout;
+		if (timeout) {
+			timer = setTimeout(function () {
+				timer = null;
+				done(false, new Error('async-lock timed out'));
+			}, timeout);
+		}
+	}
+
+	if (deferred) {
+		return deferred;
+	}
+};
+
+/*
+ * Below is how this function works:
+ *
+ * Equivalent code:
+ * self.acquire(key1, function(cb){
+ *     self.acquire(key2, function(cb){
+ *         self.acquire(key3, fn, cb);
+ *     }, cb);
+ * }, cb);
+ *
+ * Equivalent code:
+ * var fn3 = getFn(key3, fn);
+ * var fn2 = getFn(key2, fn3);
+ * var fn1 = getFn(key1, fn2);
+ * fn1(cb);
+ */
+AsyncLock.prototype._acquireBatch = function (keys, fn, cb, opts) {
+	if (typeof (cb) !== 'function') {
+		opts = cb;
+		cb = null;
+	}
+
+	var self = this;
+	var getFn = function (key, fn) {
+		return function (cb) {
+			self.acquire(key, fn, cb, opts);
+		};
+	};
+
+	var fnx = fn;
+	keys.reverse().forEach(function (key) {
+		fnx = getFn(key, fnx);
+	});
+
+	if (typeof (cb) === 'function') {
+		fnx(cb);
+	}
+	else {
+		return new this.Promise((resolve, reject) => {
+			// check for promise mode in case keys is empty array
+			if (fnx.length === 1) {
+				fnx(function (err, ret) {
+					if (err) {
+						reject(err);
+					}
+					else {
+						resolve(ret);
+					}
+				});
+			} else {
+				resolve(fnx());
+			}
+		});
+	}
+};
+
+/*
+ *	Whether there is any running or pending asyncFunc
+ *
+ *	@param {String} key
+ */
+AsyncLock.prototype.isBusy = function (key) {
+	if (!key) {
+		return Object.keys(this.queues).length > 0;
+	}
+	else {
+		return !!this.queues[key];
+	}
+};
+
+/**
+ * Promise.try() implementation to become independent of Q-specific methods
+ */
+AsyncLock.prototype._promiseTry = function(fn) {
+	try {
+		return this.Promise.resolve(fn());
+	} catch (e) {
+		return this.Promise.reject(e);
+	}
+};
+
+module.exports = AsyncLock;
+
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../../../process/browser.js */ "./node_modules/process/browser.js")))
+
+/***/ }),
+
 /***/ "./node_modules/@signageos/lib/node_modules/moment-timezone/data/packed/latest.json":
 /*!******************************************************************************************!*\
   !*** ./node_modules/@signageos/lib/node_modules/moment-timezone/data/packed/latest.json ***!
@@ -143231,6 +143641,636 @@ function config(name) {
 
 /***/ }),
 
+/***/ "./node_modules/util/support/isBufferBrowser.js":
+/*!******************************************************!*\
+  !*** ./node_modules/util/support/isBufferBrowser.js ***!
+  \******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+module.exports = function isBuffer(arg) {
+  return arg && _typeof(arg) === 'object' && typeof arg.copy === 'function' && typeof arg.fill === 'function' && typeof arg.readUInt8 === 'function';
+};
+
+/***/ }),
+
+/***/ "./node_modules/util/util.js":
+/*!***********************************!*\
+  !*** ./node_modules/util/util.js ***!
+  \***********************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(process) {function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+var getOwnPropertyDescriptors = Object.getOwnPropertyDescriptors || function getOwnPropertyDescriptors(obj) {
+  var keys = Object.keys(obj);
+  var descriptors = {};
+  for (var i = 0; i < keys.length; i++) {
+    descriptors[keys[i]] = Object.getOwnPropertyDescriptor(obj, keys[i]);
+  }
+  return descriptors;
+};
+var formatRegExp = /%[sdj%]/g;
+exports.format = function (f) {
+  if (!isString(f)) {
+    var objects = [];
+    for (var i = 0; i < arguments.length; i++) {
+      objects.push(inspect(arguments[i]));
+    }
+    return objects.join(' ');
+  }
+  var i = 1;
+  var args = arguments;
+  var len = args.length;
+  var str = String(f).replace(formatRegExp, function (x) {
+    if (x === '%%') return '%';
+    if (i >= len) return x;
+    switch (x) {
+      case '%s':
+        return String(args[i++]);
+      case '%d':
+        return Number(args[i++]);
+      case '%j':
+        try {
+          return JSON.stringify(args[i++]);
+        } catch (_) {
+          return '[Circular]';
+        }
+      default:
+        return x;
+    }
+  });
+  for (var x = args[i]; i < len; x = args[++i]) {
+    if (isNull(x) || !isObject(x)) {
+      str += ' ' + x;
+    } else {
+      str += ' ' + inspect(x);
+    }
+  }
+  return str;
+};
+
+// Mark that a method should not be used.
+// Returns a modified function which warns once by default.
+// If --no-deprecation is set, then it is a no-op.
+exports.deprecate = function (fn, msg) {
+  if (typeof process !== 'undefined' && process.noDeprecation === true) {
+    return fn;
+  }
+
+  // Allow for deprecating things in the process of starting up.
+  if (typeof process === 'undefined') {
+    return function () {
+      return exports.deprecate(fn, msg).apply(this, arguments);
+    };
+  }
+  var warned = false;
+  function deprecated() {
+    if (!warned) {
+      if (process.throwDeprecation) {
+        throw new Error(msg);
+      } else if (process.traceDeprecation) {
+        console.trace(msg);
+      } else {
+        console.error(msg);
+      }
+      warned = true;
+    }
+    return fn.apply(this, arguments);
+  }
+  return deprecated;
+};
+var debugs = {};
+var debugEnviron;
+exports.debuglog = function (set) {
+  if (isUndefined(debugEnviron)) debugEnviron = process.env.NODE_DEBUG || '';
+  set = set.toUpperCase();
+  if (!debugs[set]) {
+    if (new RegExp('\\b' + set + '\\b', 'i').test(debugEnviron)) {
+      var pid = process.pid;
+      debugs[set] = function () {
+        var msg = exports.format.apply(exports, arguments);
+        console.error('%s %d: %s', set, pid, msg);
+      };
+    } else {
+      debugs[set] = function () {};
+    }
+  }
+  return debugs[set];
+};
+
+/**
+ * Echos the value of a value. Trys to print the value out
+ * in the best way possible given the different types.
+ *
+ * @param {Object} obj The object to print out.
+ * @param {Object} opts Optional options object that alters the output.
+ */
+/* legacy: obj, showHidden, depth, colors*/
+function inspect(obj, opts) {
+  // default options
+  var ctx = {
+    seen: [],
+    stylize: stylizeNoColor
+  };
+  // legacy...
+  if (arguments.length >= 3) ctx.depth = arguments[2];
+  if (arguments.length >= 4) ctx.colors = arguments[3];
+  if (isBoolean(opts)) {
+    // legacy...
+    ctx.showHidden = opts;
+  } else if (opts) {
+    // got an "options" object
+    exports._extend(ctx, opts);
+  }
+  // set default options
+  if (isUndefined(ctx.showHidden)) ctx.showHidden = false;
+  if (isUndefined(ctx.depth)) ctx.depth = 2;
+  if (isUndefined(ctx.colors)) ctx.colors = false;
+  if (isUndefined(ctx.customInspect)) ctx.customInspect = true;
+  if (ctx.colors) ctx.stylize = stylizeWithColor;
+  return formatValue(ctx, obj, ctx.depth);
+}
+exports.inspect = inspect;
+
+// http://en.wikipedia.org/wiki/ANSI_escape_code#graphics
+inspect.colors = {
+  'bold': [1, 22],
+  'italic': [3, 23],
+  'underline': [4, 24],
+  'inverse': [7, 27],
+  'white': [37, 39],
+  'grey': [90, 39],
+  'black': [30, 39],
+  'blue': [34, 39],
+  'cyan': [36, 39],
+  'green': [32, 39],
+  'magenta': [35, 39],
+  'red': [31, 39],
+  'yellow': [33, 39]
+};
+
+// Don't use 'blue' not visible on cmd.exe
+inspect.styles = {
+  'special': 'cyan',
+  'number': 'yellow',
+  'boolean': 'yellow',
+  'undefined': 'grey',
+  'null': 'bold',
+  'string': 'green',
+  'date': 'magenta',
+  // "name": intentionally not styling
+  'regexp': 'red'
+};
+function stylizeWithColor(str, styleType) {
+  var style = inspect.styles[styleType];
+  if (style) {
+    return "\x1B[" + inspect.colors[style][0] + 'm' + str + "\x1B[" + inspect.colors[style][1] + 'm';
+  } else {
+    return str;
+  }
+}
+function stylizeNoColor(str, styleType) {
+  return str;
+}
+function arrayToHash(array) {
+  var hash = {};
+  array.forEach(function (val, idx) {
+    hash[val] = true;
+  });
+  return hash;
+}
+function formatValue(ctx, value, recurseTimes) {
+  // Provide a hook for user-specified inspect functions.
+  // Check that value is an object with an inspect function on it
+  if (ctx.customInspect && value && isFunction(value.inspect) &&
+  // Filter out the util module, it's inspect function is special
+  value.inspect !== exports.inspect &&
+  // Also filter out any prototype objects using the circular check.
+  !(value.constructor && value.constructor.prototype === value)) {
+    var ret = value.inspect(recurseTimes, ctx);
+    if (!isString(ret)) {
+      ret = formatValue(ctx, ret, recurseTimes);
+    }
+    return ret;
+  }
+
+  // Primitive types cannot have properties
+  var primitive = formatPrimitive(ctx, value);
+  if (primitive) {
+    return primitive;
+  }
+
+  // Look up the keys of the object.
+  var keys = Object.keys(value);
+  var visibleKeys = arrayToHash(keys);
+  if (ctx.showHidden) {
+    keys = Object.getOwnPropertyNames(value);
+  }
+
+  // IE doesn't make error fields non-enumerable
+  // http://msdn.microsoft.com/en-us/library/ie/dww52sbt(v=vs.94).aspx
+  if (isError(value) && (keys.indexOf('message') >= 0 || keys.indexOf('description') >= 0)) {
+    return formatError(value);
+  }
+
+  // Some type of object without properties can be shortcutted.
+  if (keys.length === 0) {
+    if (isFunction(value)) {
+      var name = value.name ? ': ' + value.name : '';
+      return ctx.stylize('[Function' + name + ']', 'special');
+    }
+    if (isRegExp(value)) {
+      return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');
+    }
+    if (isDate(value)) {
+      return ctx.stylize(Date.prototype.toString.call(value), 'date');
+    }
+    if (isError(value)) {
+      return formatError(value);
+    }
+  }
+  var base = '',
+    array = false,
+    braces = ['{', '}'];
+
+  // Make Array say that they are Array
+  if (isArray(value)) {
+    array = true;
+    braces = ['[', ']'];
+  }
+
+  // Make functions say that they are functions
+  if (isFunction(value)) {
+    var n = value.name ? ': ' + value.name : '';
+    base = ' [Function' + n + ']';
+  }
+
+  // Make RegExps say that they are RegExps
+  if (isRegExp(value)) {
+    base = ' ' + RegExp.prototype.toString.call(value);
+  }
+
+  // Make dates with properties first say the date
+  if (isDate(value)) {
+    base = ' ' + Date.prototype.toUTCString.call(value);
+  }
+
+  // Make error with message first say the error
+  if (isError(value)) {
+    base = ' ' + formatError(value);
+  }
+  if (keys.length === 0 && (!array || value.length == 0)) {
+    return braces[0] + base + braces[1];
+  }
+  if (recurseTimes < 0) {
+    if (isRegExp(value)) {
+      return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');
+    } else {
+      return ctx.stylize('[Object]', 'special');
+    }
+  }
+  ctx.seen.push(value);
+  var output;
+  if (array) {
+    output = formatArray(ctx, value, recurseTimes, visibleKeys, keys);
+  } else {
+    output = keys.map(function (key) {
+      return formatProperty(ctx, value, recurseTimes, visibleKeys, key, array);
+    });
+  }
+  ctx.seen.pop();
+  return reduceToSingleString(output, base, braces);
+}
+function formatPrimitive(ctx, value) {
+  if (isUndefined(value)) return ctx.stylize('undefined', 'undefined');
+  if (isString(value)) {
+    var simple = '\'' + JSON.stringify(value).replace(/^"|"$/g, '').replace(/'/g, "\\'").replace(/\\"/g, '"') + '\'';
+    return ctx.stylize(simple, 'string');
+  }
+  if (isNumber(value)) return ctx.stylize('' + value, 'number');
+  if (isBoolean(value)) return ctx.stylize('' + value, 'boolean');
+  // For some reason typeof null is "object", so special case here.
+  if (isNull(value)) return ctx.stylize('null', 'null');
+}
+function formatError(value) {
+  return '[' + Error.prototype.toString.call(value) + ']';
+}
+function formatArray(ctx, value, recurseTimes, visibleKeys, keys) {
+  var output = [];
+  for (var i = 0, l = value.length; i < l; ++i) {
+    if (hasOwnProperty(value, String(i))) {
+      output.push(formatProperty(ctx, value, recurseTimes, visibleKeys, String(i), true));
+    } else {
+      output.push('');
+    }
+  }
+  keys.forEach(function (key) {
+    if (!key.match(/^\d+$/)) {
+      output.push(formatProperty(ctx, value, recurseTimes, visibleKeys, key, true));
+    }
+  });
+  return output;
+}
+function formatProperty(ctx, value, recurseTimes, visibleKeys, key, array) {
+  var name, str, desc;
+  desc = Object.getOwnPropertyDescriptor(value, key) || {
+    value: value[key]
+  };
+  if (desc.get) {
+    if (desc.set) {
+      str = ctx.stylize('[Getter/Setter]', 'special');
+    } else {
+      str = ctx.stylize('[Getter]', 'special');
+    }
+  } else {
+    if (desc.set) {
+      str = ctx.stylize('[Setter]', 'special');
+    }
+  }
+  if (!hasOwnProperty(visibleKeys, key)) {
+    name = '[' + key + ']';
+  }
+  if (!str) {
+    if (ctx.seen.indexOf(desc.value) < 0) {
+      if (isNull(recurseTimes)) {
+        str = formatValue(ctx, desc.value, null);
+      } else {
+        str = formatValue(ctx, desc.value, recurseTimes - 1);
+      }
+      if (str.indexOf('\n') > -1) {
+        if (array) {
+          str = str.split('\n').map(function (line) {
+            return '  ' + line;
+          }).join('\n').substr(2);
+        } else {
+          str = '\n' + str.split('\n').map(function (line) {
+            return '   ' + line;
+          }).join('\n');
+        }
+      }
+    } else {
+      str = ctx.stylize('[Circular]', 'special');
+    }
+  }
+  if (isUndefined(name)) {
+    if (array && key.match(/^\d+$/)) {
+      return str;
+    }
+    name = JSON.stringify('' + key);
+    if (name.match(/^"([a-zA-Z_][a-zA-Z_0-9]*)"$/)) {
+      name = name.substr(1, name.length - 2);
+      name = ctx.stylize(name, 'name');
+    } else {
+      name = name.replace(/'/g, "\\'").replace(/\\"/g, '"').replace(/(^"|"$)/g, "'");
+      name = ctx.stylize(name, 'string');
+    }
+  }
+  return name + ': ' + str;
+}
+function reduceToSingleString(output, base, braces) {
+  var numLinesEst = 0;
+  var length = output.reduce(function (prev, cur) {
+    numLinesEst++;
+    if (cur.indexOf('\n') >= 0) numLinesEst++;
+    return prev + cur.replace(/\u001b\[\d\d?m/g, '').length + 1;
+  }, 0);
+  if (length > 60) {
+    return braces[0] + (base === '' ? '' : base + '\n ') + ' ' + output.join(',\n  ') + ' ' + braces[1];
+  }
+  return braces[0] + base + ' ' + output.join(', ') + ' ' + braces[1];
+}
+
+// NOTE: These type checking functions intentionally don't use `instanceof`
+// because it is fragile and can be easily faked with `Object.create()`.
+function isArray(ar) {
+  return Array.isArray(ar);
+}
+exports.isArray = isArray;
+function isBoolean(arg) {
+  return typeof arg === 'boolean';
+}
+exports.isBoolean = isBoolean;
+function isNull(arg) {
+  return arg === null;
+}
+exports.isNull = isNull;
+function isNullOrUndefined(arg) {
+  return arg == null;
+}
+exports.isNullOrUndefined = isNullOrUndefined;
+function isNumber(arg) {
+  return typeof arg === 'number';
+}
+exports.isNumber = isNumber;
+function isString(arg) {
+  return typeof arg === 'string';
+}
+exports.isString = isString;
+function isSymbol(arg) {
+  return _typeof(arg) === 'symbol';
+}
+exports.isSymbol = isSymbol;
+function isUndefined(arg) {
+  return arg === void 0;
+}
+exports.isUndefined = isUndefined;
+function isRegExp(re) {
+  return isObject(re) && objectToString(re) === '[object RegExp]';
+}
+exports.isRegExp = isRegExp;
+function isObject(arg) {
+  return _typeof(arg) === 'object' && arg !== null;
+}
+exports.isObject = isObject;
+function isDate(d) {
+  return isObject(d) && objectToString(d) === '[object Date]';
+}
+exports.isDate = isDate;
+function isError(e) {
+  return isObject(e) && (objectToString(e) === '[object Error]' || e instanceof Error);
+}
+exports.isError = isError;
+function isFunction(arg) {
+  return typeof arg === 'function';
+}
+exports.isFunction = isFunction;
+function isPrimitive(arg) {
+  return arg === null || typeof arg === 'boolean' || typeof arg === 'number' || typeof arg === 'string' || _typeof(arg) === 'symbol' ||
+  // ES6 symbol
+  typeof arg === 'undefined';
+}
+exports.isPrimitive = isPrimitive;
+exports.isBuffer = __webpack_require__(/*! ./support/isBuffer */ "./node_modules/util/support/isBufferBrowser.js");
+function objectToString(o) {
+  return Object.prototype.toString.call(o);
+}
+function pad(n) {
+  return n < 10 ? '0' + n.toString(10) : n.toString(10);
+}
+var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+
+// 26 Feb 16:19:34
+function timestamp() {
+  var d = new Date();
+  var time = [pad(d.getHours()), pad(d.getMinutes()), pad(d.getSeconds())].join(':');
+  return [d.getDate(), months[d.getMonth()], time].join(' ');
+}
+
+// log is just a thin wrapper to console.log that prepends a timestamp
+exports.log = function () {
+  console.log('%s - %s', timestamp(), exports.format.apply(exports, arguments));
+};
+
+/**
+ * Inherit the prototype methods from one constructor into another.
+ *
+ * The Function.prototype.inherits from lang.js rewritten as a standalone
+ * function (not on Function.prototype). NOTE: If this file is to be loaded
+ * during bootstrapping this function needs to be rewritten using some native
+ * functions as prototype setup using normal JavaScript does not work as
+ * expected during bootstrapping (see mirror.js in r114903).
+ *
+ * @param {function} ctor Constructor function which needs to inherit the
+ *     prototype.
+ * @param {function} superCtor Constructor function to inherit prototype from.
+ */
+exports.inherits = __webpack_require__(/*! inherits */ "./node_modules/inherits/inherits_browser.js");
+exports._extend = function (origin, add) {
+  // Don't do anything if add isn't an object
+  if (!add || !isObject(add)) return origin;
+  var keys = Object.keys(add);
+  var i = keys.length;
+  while (i--) {
+    origin[keys[i]] = add[keys[i]];
+  }
+  return origin;
+};
+function hasOwnProperty(obj, prop) {
+  return Object.prototype.hasOwnProperty.call(obj, prop);
+}
+var kCustomPromisifiedSymbol = typeof Symbol !== 'undefined' ? Symbol('util.promisify.custom') : undefined;
+exports.promisify = function promisify(original) {
+  if (typeof original !== 'function') throw new TypeError('The "original" argument must be of type Function');
+  if (kCustomPromisifiedSymbol && original[kCustomPromisifiedSymbol]) {
+    var fn = original[kCustomPromisifiedSymbol];
+    if (typeof fn !== 'function') {
+      throw new TypeError('The "util.promisify.custom" argument must be of type Function');
+    }
+    Object.defineProperty(fn, kCustomPromisifiedSymbol, {
+      value: fn,
+      enumerable: false,
+      writable: false,
+      configurable: true
+    });
+    return fn;
+  }
+  function fn() {
+    var promiseResolve, promiseReject;
+    var promise = new Promise(function (resolve, reject) {
+      promiseResolve = resolve;
+      promiseReject = reject;
+    });
+    var args = [];
+    for (var i = 0; i < arguments.length; i++) {
+      args.push(arguments[i]);
+    }
+    args.push(function (err, value) {
+      if (err) {
+        promiseReject(err);
+      } else {
+        promiseResolve(value);
+      }
+    });
+    try {
+      original.apply(this, args);
+    } catch (err) {
+      promiseReject(err);
+    }
+    return promise;
+  }
+  Object.setPrototypeOf(fn, Object.getPrototypeOf(original));
+  if (kCustomPromisifiedSymbol) Object.defineProperty(fn, kCustomPromisifiedSymbol, {
+    value: fn,
+    enumerable: false,
+    writable: false,
+    configurable: true
+  });
+  return Object.defineProperties(fn, getOwnPropertyDescriptors(original));
+};
+exports.promisify.custom = kCustomPromisifiedSymbol;
+function callbackifyOnRejected(reason, cb) {
+  // `!reason` guard inspired by bluebird (Ref: https://goo.gl/t5IS6M).
+  // Because `null` is a special error value in callbacks which means "no error
+  // occurred", we error-wrap so the callback consumer can distinguish between
+  // "the promise rejected with null" or "the promise fulfilled with undefined".
+  if (!reason) {
+    var newReason = new Error('Promise was rejected with a falsy value');
+    newReason.reason = reason;
+    reason = newReason;
+  }
+  return cb(reason);
+}
+function callbackify(original) {
+  if (typeof original !== 'function') {
+    throw new TypeError('The "original" argument must be of type Function');
+  }
+
+  // We DO NOT return the promise as it gives the user a false sense that
+  // the promise is actually somehow related to the callback's execution
+  // and that the callback throwing will reject the promise.
+  function callbackified() {
+    var args = [];
+    for (var i = 0; i < arguments.length; i++) {
+      args.push(arguments[i]);
+    }
+    var maybeCb = args.pop();
+    if (typeof maybeCb !== 'function') {
+      throw new TypeError('The last argument must be of type Function');
+    }
+    var self = this;
+    var cb = function cb() {
+      return maybeCb.apply(self, arguments);
+    };
+    // In true node style we process the callback on `nextTick` with all the
+    // implications (stack, `uncaughtException`, `async_hooks`)
+    original.apply(this, args).then(function (ret) {
+      process.nextTick(cb, null, ret);
+    }, function (rej) {
+      process.nextTick(callbackifyOnRejected, rej, cb);
+    });
+  }
+  Object.setPrototypeOf(callbackified, Object.getPrototypeOf(original));
+  Object.defineProperties(callbackified, getOwnPropertyDescriptors(original));
+  return callbackified;
+}
+exports.callbackify = callbackify;
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../process/browser.js */ "./node_modules/process/browser.js")))
+
+/***/ }),
+
 /***/ "./node_modules/vm-browserify/index.js":
 /*!*********************************************!*\
   !*** ./node_modules/vm-browserify/index.js ***!
@@ -149544,7 +150584,7 @@ var mod = /*#__PURE__*/Object.freeze({
 /*! exports provided: name, version, main, files, scripts, husky, lint-staged, repository, devDependencies, dependencies, optionalDependencies, engines, engine-strict, publishConfig, author, license, default */
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"name\":\"@signageos/front-display\",\"version\":\"11.3.2\",\"main\":\"dist/bundle.js\",\"files\":[\"dist\",\"README.md\",\"CHANGELOG.md\",\"package.json\"],\"scripts\":{\"build\":\"check-engine && npm run build-webworker && npm run build-client && npm run build-es6\",\"build-client\":\"webpack --config=webpack.config.ts\",\"build-webworker\":\"webpack --config=webpack.webworker.config.ts\",\"build-es6\":\"tsc -p tsconfig.es6.json && node tools/copy-es6.js\",\"develop\":\"check-engine && webpack-dev-server --mode development --config=webpack.config.ts\",\"docker\":\"docker run -it --rm -v $PWD:/src -w /src -e NPM_AUTH_TOKEN=$NPM_AUTH_TOKEN -e NPM_REGISTRY_URL=$NPM_REGISTRY_URL -e NPM_REGISTRY_HOST=$NPM_REGISTRY_HOST 172396373649.dkr.ecr.eu-central-1.amazonaws.com/signageos/docker-node:16-alpine-build bash\",\"prebuild\":\"mkdir -p dist && rm -rf dist/* es6/* && npm rebuild @serialport/bindings\",\"prepare\":\"npm run prebuild && npm run build\",\"test\":\"check-engine && env NODE_ENV=test ISOMORPHIC_TARGET=node mocha --opts mocha.opts\",\"test-browser\":\"check-engine && karma start\",\"lint\":\"npm run lint-client && npm run lint-webworker\",\"lint-client\":\"tslint --config node_modules/@signageos/codestyle/tslint.json --type-check --project tsconfig.json\",\"lint-webworker\":\"tslint --config node_modules/@signageos/codestyle/tslint.json --type-check --project tsconfig.webworker.json\",\"lint-fix\":\"tslint --config node_modules/@signageos/codestyle/tslint.json --fix {src,test}/**/*.{ts,tsx}\",\"escheck\":\"es-check --module es5 dist/*.js\",\"check\":\"npm run depcheck && npx --userconfig ./.npmrc @signageos/lib check-deps '.+' 'html2canvas|weinre|extract-text-webpack-plugin'\",\"depcheck\":\"depcheck --config .depcheckrc.json\"},\"husky\":{\"hooks\":{\"pre-commit\":\"lint-staged\"}},\"lint-staged\":{\"src/**/*.{tsx,ts,js,jsx}\":[\"npm run lint-fix\",\"git add\"]},\"repository\":{\"url\":\"git@gitlab.com:signageos/front-display\",\"type\":\"git\"},\"devDependencies\":{\"@babel/core\":\"7.6.0\",\"@babel/preset-env\":\"7.6.0\",\"@serialport/binding-mock\":\"9.2.4\",\"@signageos/codestyle\":\"0.0.22\",\"@signageos/front-osd\":\"0.5.3\",\"@types/async-lock\":\"0.0.19\",\"@types/classnames\":\"2.2.3\",\"@types/cron\":\"1.3.0\",\"@types/debug\":\"4.1.5\",\"@types/faker\":\"4.1.1\",\"@types/filesystem\":\"0.0.29\",\"@types/html2canvas\":\"0.5.35\",\"@types/is-online\":\"8.1.0\",\"@types/js-cookie\":\"2.0.28\",\"@types/jsdom\":\"11.0.6\",\"@types/jsrsasign\":\"8.0.7\",\"@types/lodash\":\"4.14.116\",\"@types/mocha\":\"2.2.41\",\"@types/node\":\"16.18.3\",\"@types/node-fetch\":\"2.5.7\",\"@types/parse5\":\"4.0.0\",\"@types/promise.allsettled\":\"1.0.1\",\"@types/react\":\"16.8.23\",\"@types/react-dom\":\"16.8.5\",\"@types/react-redux\":\"4.4.45\",\"@types/serialport\":\"8.0.2\",\"@types/serviceworker\":\"0.0.55\",\"@types/should\":\"13.0.0\",\"@types/should-sinon\":\"0.0.5\",\"@types/sinon\":\"10.0.11\",\"@types/socket.io\":\"1.4.31\",\"@types/socket.io-client\":\"1.4.32\",\"@types/webpack\":\"4.41.25\",\"babel-loader\":\"8.0.6\",\"babel-polyfill\":\"6.26.4\",\"check-engine\":\"1.10.1\",\"copy-webpack-plugin\":\"4.6.0\",\"css-loader\":\"0.23.1\",\"debug\":\"4.1.1\",\"depcheck\":\"1.4.3\",\"es-check\":\"5.1.0\",\"exports-loader\":\"0.7.0\",\"extract-text-webpack-plugin\":\"4.0.0-beta.0\",\"fake-indexeddb\":\"4.0.0\",\"form-data\":\"4.0.0\",\"fs-extra\":\"5.0.0\",\"glob\":\"7.1.4\",\"jsdom\":\"12.0.0\",\"karma\":\"6.4.1\",\"karma-chrome-launcher\":\"3.1.1\",\"karma-mocha\":\"2.0.1\",\"karma-webpack\":\"4.0.2\",\"memfs\":\"3.2.2\",\"mocha\":\"3.0.2\",\"prettier\":\"2.7.1\",\"raven-js\":\"3.16.0\",\"sass\":\"1.56.0\",\"sass-loader\":\"10.3.1\",\"should-sinon\":\"0.0.6\",\"sinon\":\"13.0.1\",\"socket.io\":\"1.7.4\",\"style-loader\":\"0.13.2\",\"svg-react-loader\":\"0.4.6\",\"ts-loader\":\"8.4.0\",\"ts-node\":\"3.1.0\",\"tslint\":\"6.1.3\",\"typescript\":\"4.8.4\",\"webpack\":\"4.39.3\",\"webpack-cli\":\"3.3.7\",\"webpack-dev-server\":\"3.11.2\",\"whatwg-fetch\":\"3.0.0\"},\"dependencies\":{},\"optionalDependencies\":{\"node-fetch\":\"2.6.1\",\"serialport\":\"9.2.8\"},\"engines\":{\"node\":\">=16.0.0\",\"npm\":\">=8.0.0\"},\"engine-strict\":false,\"publishConfig\":{\"registry\":\"https://registry.npmjs.org/\",\"access\":\"public\"},\"author\":\"Michael Zabka <zabka.michael@gmail.com>\",\"license\":\"MIT\"}");
+module.exports = JSON.parse("{\"name\":\"@signageos/front-display\",\"version\":\"12.0.0\",\"main\":\"dist/bundle.js\",\"files\":[\"dist\",\"README.md\",\"CHANGELOG.md\",\"package.json\"],\"scripts\":{\"build\":\"check-engine && npm run build-webworker && npm run build-client && npm run build-es6\",\"build-client\":\"webpack --config=webpack.config.ts\",\"build-webworker\":\"webpack --config=webpack.webworker.config.ts\",\"build-es6\":\"tsc -p tsconfig.es6.json && node tools/copy-es6.js\",\"develop\":\"check-engine && webpack-dev-server --mode development --config=webpack.config.ts\",\"docker\":\"docker run -it --rm -v $PWD:/src -w /src -e NPM_AUTH_TOKEN=$NPM_AUTH_TOKEN -e NPM_REGISTRY_URL=$NPM_REGISTRY_URL -e NPM_REGISTRY_HOST=$NPM_REGISTRY_HOST 172396373649.dkr.ecr.eu-central-1.amazonaws.com/signageos/docker-node:16-alpine-build bash\",\"prebuild\":\"mkdir -p dist && rm -rf dist/* es6/* && npm rebuild @serialport/bindings\",\"prepare\":\"npm run prebuild && npm run build\",\"test\":\"check-engine && env NODE_ENV=test ISOMORPHIC_TARGET=node mocha --opts mocha.opts\",\"test-browser\":\"check-engine && karma start\",\"lint\":\"npm run lint-client && npm run lint-webworker\",\"lint-client\":\"tslint --config node_modules/@signageos/codestyle/tslint.json --type-check --project tsconfig.json\",\"lint-webworker\":\"tslint --config node_modules/@signageos/codestyle/tslint.json --type-check --project tsconfig.webworker.json\",\"lint-fix\":\"tslint --config node_modules/@signageos/codestyle/tslint.json --fix {src,test}/**/*.{ts,tsx}\",\"escheck\":\"es-check --module es5 dist/*.js\",\"check\":\"npm run depcheck && npx --userconfig ./.npmrc @signageos/lib check-deps '.+' 'html2canvas|weinre|extract-text-webpack-plugin'\",\"depcheck\":\"depcheck --config .depcheckrc.json\"},\"husky\":{\"hooks\":{\"pre-commit\":\"lint-staged\"}},\"lint-staged\":{\"src/**/*.{tsx,ts,js,jsx}\":[\"npm run lint-fix\",\"git add\"]},\"repository\":{\"url\":\"git@gitlab.com:signageos/front-display\",\"type\":\"git\"},\"devDependencies\":{\"@babel/core\":\"7.6.0\",\"@babel/preset-env\":\"7.6.0\",\"@serialport/binding-mock\":\"9.2.4\",\"@signageos/codestyle\":\"0.0.22\",\"@signageos/front-osd\":\"0.5.3\",\"@types/async-lock\":\"0.0.19\",\"@types/classnames\":\"2.2.3\",\"@types/cron\":\"1.3.0\",\"@types/debug\":\"4.1.5\",\"@types/faker\":\"4.1.1\",\"@types/filesystem\":\"0.0.29\",\"@types/html2canvas\":\"0.5.35\",\"@types/is-online\":\"8.1.0\",\"@types/js-cookie\":\"2.0.28\",\"@types/jsdom\":\"11.0.6\",\"@types/jsrsasign\":\"8.0.7\",\"@types/lodash\":\"4.14.116\",\"@types/mocha\":\"2.2.41\",\"@types/node\":\"16.18.3\",\"@types/node-fetch\":\"2.5.7\",\"@types/parse5\":\"4.0.0\",\"@types/promise.allsettled\":\"1.0.1\",\"@types/react\":\"16.8.23\",\"@types/react-dom\":\"16.8.5\",\"@types/react-redux\":\"4.4.45\",\"@types/serialport\":\"8.0.2\",\"@types/serviceworker\":\"0.0.55\",\"@types/should\":\"13.0.0\",\"@types/should-sinon\":\"0.0.5\",\"@types/sinon\":\"10.0.11\",\"@types/socket.io\":\"1.4.31\",\"@types/socket.io-client\":\"1.4.32\",\"@types/webpack\":\"4.41.25\",\"babel-loader\":\"8.0.6\",\"babel-polyfill\":\"6.26.4\",\"check-engine\":\"1.10.1\",\"copy-webpack-plugin\":\"4.6.0\",\"css-loader\":\"0.23.1\",\"debug\":\"4.1.1\",\"depcheck\":\"1.4.3\",\"es-check\":\"5.1.0\",\"exports-loader\":\"0.7.0\",\"extract-text-webpack-plugin\":\"4.0.0-beta.0\",\"fake-indexeddb\":\"4.0.0\",\"form-data\":\"4.0.0\",\"fs-extra\":\"5.0.0\",\"glob\":\"7.1.4\",\"jsdom\":\"12.0.0\",\"karma\":\"6.4.1\",\"karma-chrome-launcher\":\"3.1.1\",\"karma-mocha\":\"2.0.1\",\"karma-webpack\":\"4.0.2\",\"memfs\":\"3.2.2\",\"mocha\":\"3.0.2\",\"prettier\":\"2.7.1\",\"raven-js\":\"3.16.0\",\"sass\":\"1.56.0\",\"sass-loader\":\"10.3.1\",\"should-sinon\":\"0.0.6\",\"sinon\":\"13.0.1\",\"socket.io\":\"1.7.4\",\"style-loader\":\"0.13.2\",\"svg-react-loader\":\"0.4.6\",\"ts-loader\":\"8.4.0\",\"ts-node\":\"3.1.0\",\"tslint\":\"6.1.3\",\"typescript\":\"4.8.4\",\"webpack\":\"4.39.3\",\"webpack-cli\":\"3.3.7\",\"webpack-dev-server\":\"3.11.2\",\"whatwg-fetch\":\"3.0.0\"},\"dependencies\":{},\"optionalDependencies\":{\"node-fetch\":\"2.6.1\",\"serialport\":\"9.2.8\"},\"engines\":{\"node\":\">=16.0.0\",\"npm\":\">=8.0.0\"},\"engine-strict\":false,\"publishConfig\":{\"registry\":\"https://registry.npmjs.org/\",\"access\":\"public\"},\"author\":\"Michael Zabka <zabka.michael@gmail.com>\",\"license\":\"MIT\"}");
 
 /***/ }),
 
@@ -158675,9 +159715,10 @@ var ErrorCodes;
   ErrorCodes["NATIVE_CACHE_ALREADY_SAVING_CONTENT"] = "41001";
   ErrorCodes["SYNCHRONIZER_CONNECT_ERROR"] = "51101";
   ErrorCodes["SYNCHRONIZER_CLOSE_ERROR"] = "51102";
-  ErrorCodes["SYNCHRONIZER_INIT_ERROR"] = "51103";
+  ErrorCodes["SYNCHRONIZER_JOIN_GROUP_ERROR"] = "51103";
   ErrorCodes["SYNCHRONIZER_WAIT_ERROR"] = "51104";
-  ErrorCodes["SYNCHRONIZER_SET_VALUE_ERROR"] = "51105";
+  ErrorCodes["SYNCHRONIZER_BROADCAST_VALUE_ERROR"] = "51105";
+  ErrorCodes["SYNCHRONIZER_LEAVE_GROUP_ERROR"] = "51106";
   ErrorCodes["STREAM_STOP_ERROR"] = "51301";
   ErrorCodes["STREAM_PREPARE_ERROR"] = "51302";
   ErrorCodes["VIDEO_PLAY_ERROR"] = "51501";
@@ -160887,6 +161928,67 @@ exports["default"] = pingHandler;
 
 /***/ }),
 
+/***/ "./src/Front/Applet/Main/refreshHandler.ts":
+/*!*************************************************!*\
+  !*** ./src/Front/Applet/Main/refreshHandler.ts ***!
+  \*************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _marked = /*#__PURE__*/regeneratorRuntime.mark(handleAppletRefreshMessage),
+  _marked2 = /*#__PURE__*/regeneratorRuntime.mark(appletRefreshHandler);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var devicePowerActionSagas_1 = __webpack_require__(/*! ../../Device/Power/devicePowerActionSagas */ "./src/Front/Device/Power/devicePowerActionSagas.ts");
+var appletRefreshMessage = "hug.applet.refresh";
+function handleAppletRefreshMessage(messageTypePrefix, data) {
+  return regeneratorRuntime.wrap(function handleAppletRefreshMessage$(_context) {
+    while (1) {
+      switch (_context.prev = _context.next) {
+        case 0:
+          _context.t0 = data.type;
+          _context.next = _context.t0 === messageTypePrefix + '.applet_refresh' ? 3 : 6;
+          break;
+        case 3:
+          _context.next = 5;
+          return (0, devicePowerActionSagas_1.performAppletRefresh)();
+        case 5:
+          return _context.abrupt("return", {});
+        case 6:
+          return _context.abrupt("return", null);
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }
+  }, _marked);
+}
+function appletRefreshHandler(_ref) {
+  var messageTypePrefix, data;
+  return regeneratorRuntime.wrap(function appletRefreshHandler$(_context2) {
+    while (1) {
+      switch (_context2.prev = _context2.next) {
+        case 0:
+          messageTypePrefix = _ref.messageTypePrefix, data = _ref.data;
+          _context2.next = 3;
+          return handleAppletRefreshMessage(messageTypePrefix, data);
+        case 3:
+          return _context2.abrupt("return", _context2.sent);
+        case 4:
+        case "end":
+          return _context2.stop();
+      }
+    }
+  }, _marked2);
+}
+exports["default"] = appletRefreshHandler;
+
+/***/ }),
+
 /***/ "./src/Front/Applet/Management/Network/appletManagementNetworkHandler.ts":
 /*!*******************************************************************************!*\
   !*** ./src/Front/Applet/Management/Network/appletManagementNetworkHandler.ts ***!
@@ -162192,13 +163294,14 @@ var VideoOrientation_1 = __webpack_require__(/*! @signageos/common-types/dist/De
 var processCallback_1 = __webpack_require__(/*! ../../../Util/processCallback */ "./src/Util/processCallback.ts");
 var debug = Debug('@signageos/front-display:Front:Applet:Management:appletManagementHandler');
 var PREFIX = 'management';
+var DEBUG_PREFIX = 'debug';
 function handleManagementMessage(messageTypePrefix, data, managementDriver, frontDriver, propertyStorage, applicationVersion) {
   return regeneratorRuntime.wrap(function handleManagementMessage$(_context) {
     while (1) {
       switch (_context.prev = _context.next) {
         case 0:
           _context.t0 = data.type;
-          _context.next = _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".supports") ? 3 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".initialize") ? 6 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_application_type") ? 9 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".app_upgrade") ? 12 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_application_version") ? 15 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_model") ? 18 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_serial_number") ? 21 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_battery_status") ? 24 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_current_temperature") ? 27 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_brand") ? 30 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".upload_screenshot") ? 33 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".firmware_upgrade") ? 36 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_firmware_version") ? 39 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_firmware_type") ? 42 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_volume") ? 45 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_volume") ? 48 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_screen_brightness") ? 51 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_screen_brightness") ? 54 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".install_package") ? 57 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".reboot_system") ? 60 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".restart_app") ? 63 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".power_on_display") ? 66 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".power_off_display") ? 69 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_is_display_power_on") ? 72 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".resize_screen") ? 75 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_screen_orientation") ? 78 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_timers") ? 81 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_timer") ? 84 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_remote_control_enabled") ? 87 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_is_remote_control_enabled") ? 90 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_current_time_with_timezone") ? 93 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_current_time_with_timezone") ? 96 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_ntp_time_with_timezone") ? 99 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_debug") ? 102 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".is_enabled") ? 105 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".reset_settings") ? 108 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".factory_reset") ? 111 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_pin_code") ? 114 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_pin_code") ? 116 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".peer_recovery_is_enabled") ? 119 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_peer_recovery") ? 122 : 125;
+          _context.next = _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".supports") ? 3 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".initialize") ? 6 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_application_type") ? 9 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".app_upgrade") ? 12 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_application_version") ? 15 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_model") ? 18 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_serial_number") ? 21 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_battery_status") ? 24 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_current_temperature") ? 27 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_brand") ? 30 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".upload_screenshot") ? 33 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".firmware_upgrade") ? 36 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_firmware_version") ? 39 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_firmware_type") ? 42 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_volume") ? 45 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_volume") ? 48 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_screen_brightness") ? 51 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_screen_brightness") ? 54 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".install_package") ? 57 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".reboot_system") ? 60 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".restart_app") ? 63 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".power_on_display") ? 66 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".power_off_display") ? 69 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_is_display_power_on") ? 72 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".resize_screen") ? 75 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_screen_orientation") ? 78 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_timers") ? 81 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_timer") ? 84 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_remote_control_enabled") ? 87 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_is_remote_control_enabled") ? 90 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_current_time_with_timezone") ? 93 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_current_time_with_timezone") ? 96 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_ntp_time_with_timezone") ? 99 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_debug") ? 102 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".is_enabled") ? 105 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".reset_settings") ? 108 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".factory_reset") ? 111 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_pin_code") ? 114 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".get_pin_code") ? 116 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".peer_recovery_is_enabled") ? 119 : _context.t0 === "".concat(messageTypePrefix, ".").concat(PREFIX, ".set_peer_recovery") ? 122 : _context.t0 === "".concat(messageTypePrefix, ".").concat(DEBUG_PREFIX, ".is_remote_enabled") ? 125 : 128;
           break;
         case 3:
           _context.next = 5;
@@ -162407,8 +163510,13 @@ function handleManagementMessage(messageTypePrefix, data, managementDriver, fron
         case 124:
           return _context.abrupt("return", _context.sent);
         case 125:
+          _context.next = 127;
+          return handleRemoteDebug(propertyStorage);
+        case 127:
+          return _context.abrupt("return", _context.sent);
+        case 128:
           return _context.abrupt("return", null);
-        case 126:
+        case 129:
         case "end":
           return _context.stop();
       }
@@ -163426,23 +164534,45 @@ function handleSetPeerRecovery(data, managementDriver) {
     }, _callee37);
   }));
 }
+function handleRemoteDebug(propertyStorage) {
+  return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee38() {
+    var isEnabled;
+    return regeneratorRuntime.wrap(function _callee38$(_context42) {
+      while (1) {
+        switch (_context42.prev = _context42.next) {
+          case 0:
+            _context42.next = 2;
+            return propertyStorage.getValueOrDefault(Property_1["default"].DEBUG_WEINRE_ENABLED, false);
+          case 2:
+            isEnabled = _context42.sent;
+            return _context42.abrupt("return", {
+              isEnabled: isEnabled
+            });
+          case 4:
+          case "end":
+            return _context42.stop();
+        }
+      }
+    }, _callee38);
+  }));
+}
 function managementHandler(_ref2) {
   var messageTypePrefix, data, managementDriver, nativeDriver, applicationVersion, propertyStorage;
-  return regeneratorRuntime.wrap(function managementHandler$(_context42) {
+  return regeneratorRuntime.wrap(function managementHandler$(_context43) {
     while (1) {
-      switch (_context42.prev = _context42.next) {
+      switch (_context43.prev = _context43.next) {
         case 0:
           messageTypePrefix = _ref2.messageTypePrefix, data = _ref2.data, managementDriver = _ref2.managementDriver, nativeDriver = _ref2.nativeDriver, applicationVersion = _ref2.applicationVersion;
           propertyStorage = (0, propertyStorage_1["default"])(function () {
             return nativeDriver;
           });
-          _context42.next = 4;
+          _context43.next = 4;
           return handleManagementMessage(messageTypePrefix, data, managementDriver, nativeDriver, propertyStorage, applicationVersion);
         case 4:
-          return _context42.abrupt("return", _context42.sent);
+          return _context43.abrupt("return", _context43.sent);
         case 5:
         case "end":
-          return _context42.stop();
+          return _context43.stop();
       }
     }
   }, _marked5);
@@ -164800,469 +165930,25 @@ function createMessage(messageTypePrefix, type, action) {
 
 /***/ }),
 
-/***/ "./src/Front/Applet/Sync/SocketSynchronizer.ts":
-/*!*****************************************************!*\
-  !*** ./src/Front/Applet/Sync/SocketSynchronizer.ts ***!
-  \*****************************************************/
+/***/ "./src/Front/Applet/Sync/ISyncConnectMessage.ts":
+/*!******************************************************!*\
+  !*** ./src/Front/Applet/Sync/ISyncConnectMessage.ts ***!
+  \******************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var events_1 = __webpack_require__(/*! events */ "./node_modules/events/events.js");
-var Debug = __webpack_require__(/*! debug */ "./node_modules/debug/src/browser.js");
-var debug = Debug('@signageos/front-display:Front:Applet:Sync:SocketSynchronizer');
-/**
- * API to synchronize content with other devices in the network.
- * When online
- *     - If everything is fine and device is always online, the logic is simple - initialize group on the server to determine,
- *       which devices belong together and whenever wait() is called, wait until all other devices are waiting too
- *       and resolve it on all simultaniously.
- * When offline
- *     - If the device goes offline in any point in the process, it silently switches to offline mode, which means that
- *       the SocketSynchronizer is itself acting like a mock server and simply validates and confirms all the requests to
- *       the API immediately to maintain smooth and seamless operation.
- *     - SocketSynchronizer also buffers all the initialized groups while offline and when it goes back online, it dumps the buffer
- *       to the server to synchronize the internal state.
- */
-var SocketSynchronizer = /*#__PURE__*/function () {
-  function SocketSynchronizer(getNativeDriver, createSocket, defaultServerUri) {
-    _classCallCheck(this, SocketSynchronizer);
-    this.getNativeDriver = getNativeDriver;
-    this.createSocket = createSocket;
-    this.defaultServerUri = defaultServerUri;
-    this.connected = false;
-    this.groups = {};
-  }
-  _createClass(SocketSynchronizer, [{
-    key: "connect",
-    value: function connect(serverUri) {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        return regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!this.socket) {
-                  _context.next = 3;
-                  break;
-                }
-                _context.next = 3;
-                return this.close();
-              case 3:
-                this.initSocket(serverUri || this.defaultServerUri);
-              case 4:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-    }
-  }, {
-    key: "close",
-    value: function close() {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-        var _this = this;
-        return regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                if (this.socket) {
-                  _context2.next = 2;
-                  break;
-                }
-                throw new Error('Can\'t close when not connected');
-              case 2:
-                this.socket.close();
-                this.socket = undefined;
-                this.connected = false;
-                Object.keys(this.groups).forEach(function (key) {
-                  _this.groups[key].eventEmitter.emit('close');
-                });
-                this.groups = {};
-              case 7:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this);
-      }));
-    }
-  }, {
-    key: "init",
-    value: function init(groupName, deviceIdentification) {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-        var deviceId, group;
-        return regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                if (this.socket) {
-                  _context3.next = 2;
-                  break;
-                }
-                throw new Error('Not connected. Call connect() first.');
-              case 2:
-                deviceId = deviceIdentification !== undefined ? deviceIdentification : Math.random().toString(32);
-                if (!this.connected) {
-                  _context3.next = 9;
-                  break;
-                }
-                _context3.next = 6;
-                return this.callOnlineInit(groupName, deviceId);
-              case 6:
-                group = _context3.sent;
-                _context3.next = 10;
-                break;
-              case 9:
-                group = this.callOfflineInit(groupName, deviceId);
-              case 10:
-                return _context3.abrupt("return", group.eventEmitter);
-              case 11:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3, this);
-      }));
-    }
-  }, {
-    key: "isConnected",
-    value: function isConnected() {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-        return regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                return _context4.abrupt("return", !!this.socket);
-              case 1:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4, this);
-      }));
-    }
-  }, {
-    key: "wait",
-    value: function wait(groupName, data, timeout) {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-        return regeneratorRuntime.wrap(function _callee5$(_context5) {
-          while (1) {
-            switch (_context5.prev = _context5.next) {
-              case 0:
-                if (this.socket) {
-                  _context5.next = 2;
-                  break;
-                }
-                throw new Error('Not connected. Call connect() first.');
-              case 2:
-                if (!(typeof timeout !== 'undefined' && timeout <= 0)) {
-                  _context5.next = 4;
-                  break;
-                }
-                throw new Error('Timeout must be greater than 0');
-              case 4:
-                if (!this.connected) {
-                  _context5.next = 10;
-                  break;
-                }
-                _context5.next = 7;
-                return this.callOnlineWait(groupName, data, timeout);
-              case 7:
-                return _context5.abrupt("return", _context5.sent);
-              case 10:
-                return _context5.abrupt("return", this.callOfflineWait(groupName, data));
-              case 11:
-              case "end":
-                return _context5.stop();
-            }
-          }
-        }, _callee5, this);
-      }));
-    }
-  }, {
-    key: "setValue",
-    value: function setValue(groupName, key, value) {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
-        return regeneratorRuntime.wrap(function _callee6$(_context6) {
-          while (1) {
-            switch (_context6.prev = _context6.next) {
-              case 0:
-                if (this.socket) {
-                  _context6.next = 2;
-                  break;
-                }
-                throw new Error('Not connected. Call connect() first.');
-              case 2:
-                if (this.groups[groupName]) {
-                  _context6.next = 4;
-                  break;
-                }
-                throw new Error('Group ' + groupName + ' wasn\'t initialized');
-              case 4:
-                this.socket.emit('request_set_value', {
-                  groupName: groupName,
-                  key: key,
-                  value: value
-                });
-                // if not connected, emit the value back to oneself
-                if (!this.connected) {
-                  this.emitValue(groupName, key, value);
-                }
-              case 6:
-              case "end":
-                return _context6.stop();
-            }
-          }
-        }, _callee6, this);
-      }));
-    }
-  }, {
-    key: "initSocket",
-    value: function initSocket(serverUri) {
-      var _this2 = this;
-      this.socket = this.createSocket(serverUri);
-      this.socket.on('connect', function () {
-        return __awaiter(_this2, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
-          var _i, _Object$keys, groupName;
-          return regeneratorRuntime.wrap(function _callee7$(_context7) {
-            while (1) {
-              switch (_context7.prev = _context7.next) {
-                case 0:
-                  this.connected = true;
-                  // flush all offline groups to the server
-                  _i = 0, _Object$keys = Object.keys(this.groups);
-                case 2:
-                  if (!(_i < _Object$keys.length)) {
-                    _context7.next = 16;
-                    break;
-                  }
-                  groupName = _Object$keys[_i];
-                  if (!(this.groups[groupName].isOnline === false)) {
-                    _context7.next = 13;
-                    break;
-                  }
-                  _context7.prev = 5;
-                  _context7.next = 8;
-                  return this.callOnlineInit(groupName, this.groups[groupName].deviceIdentification);
-                case 8:
-                  _context7.next = 13;
-                  break;
-                case 10:
-                  _context7.prev = 10;
-                  _context7.t0 = _context7["catch"](5);
-                  console.error('flush offline initialized group to the server', groupName, _context7.t0);
-                case 13:
-                  _i++;
-                  _context7.next = 2;
-                  break;
-                case 16:
-                case "end":
-                  return _context7.stop();
-              }
-            }
-          }, _callee7, this, [[5, 10]]);
-        }));
-      });
-      this.socket.on('disconnect', function () {
-        _this2.connected = false;
-        // when device disconnects, all initialized groups are now offline and has to be flushed to the server on reconnection
-        for (var _i2 = 0, _Object$keys2 = Object.keys(_this2.groups); _i2 < _Object$keys2.length; _i2++) {
-          var groupName = _Object$keys2[_i2];
-          _this2.groups[groupName].isOnline = false;
-        }
-      });
-      this.socket.on('set_value', function (groupName, key, value) {
-        if (_this2.groups[groupName]) {
-          _this2.groups[groupName].eventEmitter.emit('set_value', key, value);
-        }
-      });
-      this.socket.on('device_status', function (connectedPeers, groupName) {
-        if (_this2.groups[groupName]) {
-          _this2.groups[groupName].eventEmitter.emit('device_status', connectedPeers, groupName);
-        }
-      });
-    }
-  }, {
-    key: "callOnlineInit",
-    value: function callOnlineInit(groupName, deviceIdentification) {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {
-        var _this3 = this;
-        var nativeDriver, deviceUid, eventEmitter;
-        return regeneratorRuntime.wrap(function _callee8$(_context8) {
-          while (1) {
-            switch (_context8.prev = _context8.next) {
-              case 0:
-                nativeDriver = this.getNativeDriver();
-                _context8.next = 3;
-                return nativeDriver.getDeviceUid();
-              case 3:
-                deviceUid = _context8.sent;
-                eventEmitter = this.groups[groupName] ? this.groups[groupName].eventEmitter : new events_1.EventEmitter();
-                _context8.next = 7;
-                return new Promise(function (resolve, reject) {
-                  _this3.socket.emit('join_group', {
-                    deviceUid: deviceUid,
-                    groupName: groupName,
-                    deviceIdentification: deviceIdentification
-                  }, function (error) {
-                    if (error) {
-                      reject(error);
-                    } else {
-                      resolve();
-                    }
-                  });
-                });
-              case 7:
-                this.groups[groupName] = {
-                  isOnline: true,
-                  eventEmitter: eventEmitter
-                };
-                return _context8.abrupt("return", this.groups[groupName]);
-              case 9:
-              case "end":
-                return _context8.stop();
-            }
-          }
-        }, _callee8, this);
-      }));
-    }
-  }, {
-    key: "callOfflineInit",
-    value: function callOfflineInit(groupName, deviceIdentification) {
-      this.groups[groupName] = {
-        isOnline: false,
-        eventEmitter: this.groups[groupName] ? this.groups[groupName].eventEmitter : new events_1.EventEmitter(),
-        deviceIdentification: deviceIdentification
-      };
-      return this.groups[groupName];
-    }
-  }, {
-    key: "callOnlineWait",
-    value: function callOnlineWait(groupName, data, timeout) {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {
-        var _this4 = this;
-        return regeneratorRuntime.wrap(function _callee9$(_context9) {
-          while (1) {
-            switch (_context9.prev = _context9.next) {
-              case 0:
-                _context9.next = 2;
-                return new Promise(function (resolve, reject) {
-                  var _syncConfirmedListener;
-                  var _disconnectListener;
-                  var timeoutHandler;
-                  _syncConfirmedListener = function syncConfirmedListener(confirmedGroupName, confirmData) {
-                    if (confirmedGroupName === groupName) {
-                      if (typeof timeoutHandler !== 'undefined') {
-                        clearTimeout(timeoutHandler);
-                      }
-                      _this4.socket.off('disconnect', _disconnectListener);
-                      _this4.socket.off('sync_confirmed', _syncConfirmedListener);
-                      resolve(confirmData);
-                    }
-                  };
-                  _disconnectListener = function disconnectListener() {
-                    if (typeof timeoutHandler !== 'undefined') {
-                      clearTimeout(timeoutHandler);
-                    }
-                    _this4.socket.off('disconnect', _disconnectListener);
-                    _this4.socket.off('sync_confirmed', _syncConfirmedListener);
-                    // if it goes offline, it should automatically confirm all waits as if nothing happened
-                    try {
-                      var confirmData = _this4.callOfflineWait(groupName, data);
-                      resolve(confirmData);
-                    } catch (error) {
-                      reject(error);
-                    }
-                  };
-                  _this4.socket.on('sync_confirmed', _syncConfirmedListener);
-                  _this4.socket.on('disconnect', _disconnectListener);
-                  _this4.socket.emit('sync_request', {
-                    groupName: groupName,
-                    data: data
-                  }, function (error) {
-                    if (error) {
-                      _this4.socket.off('disconnect', _disconnectListener);
-                      _this4.socket.off('sync_confirmed', _syncConfirmedListener);
-                      reject(error);
-                    }
-                  });
-                  if (typeof timeout !== 'undefined') {
-                    timeoutHandler = setTimeout(function () {
-                      _syncConfirmedListener(groupName, data);
-                      _this4.socket.emit('sync_request_cancel', {
-                        groupName: groupName
-                      });
-                    }, timeout);
-                  }
-                });
-              case 2:
-                return _context9.abrupt("return", _context9.sent);
-              case 3:
-              case "end":
-                return _context9.stop();
-            }
-          }
-        }, _callee9);
-      }));
-    }
-  }, {
-    key: "callOfflineWait",
-    value: function callOfflineWait(groupName, data) {
-      if (typeof this.groups[groupName] === 'undefined') {
-        throw new Error('Group ' + groupName + 'wasn\'t initialized');
-      } else {
-        debug('offline wait confirmed for group ' + groupName);
-        return data;
-      }
-    }
-  }, {
-    key: "emitValue",
-    value: function emitValue(groupName, key, value) {
-      if (!this.groups[groupName]) {
-        throw new Error('Group ' + groupName + 'wasn\'t initialized');
-      }
-      this.groups[groupName].eventEmitter.emit('set_value', key, value);
-    }
-  }]);
-  return SocketSynchronizer;
-}();
-exports["default"] = SocketSynchronizer;
+exports.SyncEngine = void 0;
+var SyncEngine;
+(function (SyncEngine) {
+  SyncEngine["SyncServer"] = "sync-server";
+  SyncEngine["Udp"] = "udp";
+})(SyncEngine = exports.SyncEngine || (exports.SyncEngine = {}));
 
 /***/ }),
 
@@ -165279,27 +165965,25 @@ exports["default"] = SocketSynchronizer;
 var _marked = /*#__PURE__*/regeneratorRuntime.mark(handleSyncMessage),
   _marked2 = /*#__PURE__*/regeneratorRuntime.mark(handleSyncConnect),
   _marked3 = /*#__PURE__*/regeneratorRuntime.mark(handleSyncClose),
-  _marked4 = /*#__PURE__*/regeneratorRuntime.mark(handleSyncInit),
-  _marked5 = /*#__PURE__*/regeneratorRuntime.mark(handleSyncWait),
-  _marked6 = /*#__PURE__*/regeneratorRuntime.mark(handleSyncSetValue),
-  _marked7 = /*#__PURE__*/regeneratorRuntime.mark(syncHandler);
+  _marked4 = /*#__PURE__*/regeneratorRuntime.mark(handleSyncJoinGroup),
+  _marked5 = /*#__PURE__*/regeneratorRuntime.mark(handleSyncLeaveGroup),
+  _marked6 = /*#__PURE__*/regeneratorRuntime.mark(handleSyncWait),
+  _marked7 = /*#__PURE__*/regeneratorRuntime.mark(handleBroadcastValue),
+  _marked8 = /*#__PURE__*/regeneratorRuntime.mark(syncHandler);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handleSyncMessage = exports.DeviceStatusAction = void 0;
-var effects_1 = __webpack_require__(/*! redux-saga/effects */ "./node_modules/redux-saga/dist/redux-saga-effects-npm-proxy.esm.js");
-var syncActions_1 = __webpack_require__(/*! @signageos/actions/dist/Sync/syncActions */ "./node_modules/@signageos/actions/dist/Sync/syncActions.js");
-var channels_1 = __webpack_require__(/*! ../../../ReduxSaga/channels */ "./src/ReduxSaga/channels.ts");
+exports.handleSyncMessage = void 0;
 var InternalSynchronizerError_1 = __webpack_require__(/*! ../Error/InternalSynchronizerError */ "./src/Front/Applet/Error/InternalSynchronizerError.ts");
 var ErrorCodes_1 = __webpack_require__(/*! ../Error/ErrorCodes */ "./src/Front/Applet/Error/ErrorCodes.ts");
-exports.DeviceStatusAction = 'Device.Connected.Status';
+var appletSyncHandler_utils_1 = __webpack_require__(/*! ./appletSyncHandler.utils */ "./src/Front/Applet/Sync/appletSyncHandler.utils.ts");
 function handleSyncMessage(messageTypePrefix, data, _nativeDriver, synchronizer, _appletUid, _timingChecksum) {
   return regeneratorRuntime.wrap(function handleSyncMessage$(_context) {
     while (1) {
       switch (_context.prev = _context.next) {
         case 0:
           _context.t0 = data.type;
-          _context.next = _context.t0 === messageTypePrefix + '.sync.connect' ? 3 : _context.t0 === messageTypePrefix + '.sync.close' ? 6 : _context.t0 === messageTypePrefix + '.sync.init' ? 9 : _context.t0 === messageTypePrefix + '.sync.wait' ? 12 : _context.t0 === messageTypePrefix + '.sync.request_set_value' ? 15 : 18;
+          _context.next = _context.t0 === messageTypePrefix + '.sync.connect' ? 3 : _context.t0 === messageTypePrefix + '.sync.close' ? 6 : _context.t0 === messageTypePrefix + '.sync.init' ? 9 : _context.t0 === messageTypePrefix + '.sync.leave_group' ? 12 : _context.t0 === messageTypePrefix + '.sync.wait' ? 15 : _context.t0 === messageTypePrefix + '.sync.request_set_value' ? 18 : 21;
           break;
         case 3:
           _context.next = 5;
@@ -165313,22 +165997,27 @@ function handleSyncMessage(messageTypePrefix, data, _nativeDriver, synchronizer,
           return _context.abrupt("return", _context.sent);
         case 9:
           _context.next = 11;
-          return handleSyncInit(data, synchronizer);
+          return handleSyncJoinGroup(data, synchronizer);
         case 11:
           return _context.abrupt("return", _context.sent);
         case 12:
           _context.next = 14;
-          return handleSyncWait(data, synchronizer);
+          return handleSyncLeaveGroup(data, synchronizer);
         case 14:
           return _context.abrupt("return", _context.sent);
         case 15:
           _context.next = 17;
-          return handleSyncSetValue(data, synchronizer);
+          return handleSyncWait(data, synchronizer);
         case 17:
           return _context.abrupt("return", _context.sent);
         case 18:
+          _context.next = 20;
+          return handleBroadcastValue(data, synchronizer);
+        case 20:
+          return _context.abrupt("return", _context.sent);
+        case 21:
           return _context.abrupt("return", null);
-        case 19:
+        case 22:
         case "end":
           return _context.stop();
       }
@@ -165336,20 +166025,23 @@ function handleSyncMessage(messageTypePrefix, data, _nativeDriver, synchronizer,
   }, _marked);
 }
 exports.handleSyncMessage = handleSyncMessage;
-function handleSyncConnect(data, synchronizer) {
+function handleSyncConnect(_ref, synchronizer) {
+  var serverUri, engine, syncType;
   return regeneratorRuntime.wrap(function handleSyncConnect$(_context2) {
     while (1) {
       switch (_context2.prev = _context2.next) {
         case 0:
-          _context2.prev = 0;
-          _context2.next = 3;
-          return synchronizer.connect(data.serverUri);
-        case 3:
-          _context2.next = 8;
-          break;
+          serverUri = _ref.serverUri, engine = _ref.engine;
+          _context2.prev = 1;
+          syncType = (0, appletSyncHandler_utils_1.appletSyncEngineToSynchronizerSynchronizerType)(engine);
+          _context2.next = 5;
+          return synchronizer.connect(serverUri, syncType);
         case 5:
-          _context2.prev = 5;
-          _context2.t0 = _context2["catch"](0);
+          _context2.next = 10;
+          break;
+        case 7:
+          _context2.prev = 7;
+          _context2.t0 = _context2["catch"](1);
           throw new InternalSynchronizerError_1["default"]({
             kind: 'internalSynchronizerErrorWithOrigin',
             message: 'Synchronizer couldn\'t connect to the server.',
@@ -165358,14 +166050,14 @@ function handleSyncConnect(data, synchronizer) {
             originStack: _context2.t0.stack,
             originMessage: _context2.t0.message
           });
-        case 8:
+        case 10:
           return _context2.abrupt("return", {});
-        case 9:
+        case 11:
         case "end":
           return _context2.stop();
       }
     }
-  }, _marked2, null, [[0, 5]]);
+  }, _marked2, null, [[1, 7]]);
 }
 function handleSyncClose(synchronizer) {
   return regeneratorRuntime.wrap(function handleSyncClose$(_context3) {
@@ -165398,202 +166090,192 @@ function handleSyncClose(synchronizer) {
     }
   }, _marked3, null, [[0, 5]]);
 }
-function handleSyncInit(data, synchronizer) {
-  var eventEmitter, syncValueChannel, closeChannel, syncValuesTask;
-  return regeneratorRuntime.wrap(function handleSyncInit$(_context6) {
+function handleSyncJoinGroup(data, synchronizer) {
+  return regeneratorRuntime.wrap(function handleSyncJoinGroup$(_context4) {
     while (1) {
-      switch (_context6.prev = _context6.next) {
+      switch (_context4.prev = _context4.next) {
         case 0:
-          _context6.prev = 0;
-          _context6.next = 3;
-          return synchronizer.init(data.groupName, data.deviceIdentification);
+          _context4.prev = 0;
+          _context4.next = 3;
+          return synchronizer.joinGroup({
+            groupName: data.groupName,
+            deviceIdentification: data.deviceIdentification
+          });
         case 3:
-          eventEmitter = _context6.sent;
-          _context6.next = 9;
+          _context4.next = 8;
           break;
-        case 6:
-          _context6.prev = 6;
-          _context6.t0 = _context6["catch"](0);
+        case 5:
+          _context4.prev = 5;
+          _context4.t0 = _context4["catch"](0);
           throw new InternalSynchronizerError_1["default"]({
             kind: 'internalSynchronizerErrorWithOrigin',
             message: 'The group initialization failed.',
-            code: ErrorCodes_1["default"].SYNCHRONIZER_INIT_ERROR,
-            origin: 'close()',
-            originStack: _context6.t0.stack,
-            originMessage: _context6.t0.message
+            code: ErrorCodes_1["default"].SYNCHRONIZER_JOIN_GROUP_ERROR,
+            origin: 'joinGroup()',
+            originStack: _context4.t0.stack,
+            originMessage: _context4.t0.message
           });
+        case 8:
+          return _context4.abrupt("return", {});
         case 9:
-          syncValueChannel = (0, channels_1.createChannel)(function (putEvent) {
-            eventEmitter.on('set_value', function (key, value) {
-              return putEvent({
-                type: syncActions_1.SetValue,
-                groupName: data.groupName,
-                key: key,
-                value: value
-              });
-            });
-            eventEmitter.on('device_status', function (connectedPeers, groupName) {
-              return putEvent({
-                type: exports.DeviceStatusAction,
-                connectedPeers: connectedPeers,
-                groupName: groupName
-              });
-            });
+        case "end":
+          return _context4.stop();
+      }
+    }
+  }, _marked4, null, [[0, 5]]);
+}
+function handleSyncLeaveGroup(data, synchronizer) {
+  return regeneratorRuntime.wrap(function handleSyncLeaveGroup$(_context5) {
+    while (1) {
+      switch (_context5.prev = _context5.next) {
+        case 0:
+          _context5.prev = 0;
+          _context5.next = 3;
+          return synchronizer.leaveGroup(data.groupName);
+        case 3:
+          _context5.next = 8;
+          break;
+        case 5:
+          _context5.prev = 5;
+          _context5.t0 = _context5["catch"](0);
+          throw new InternalSynchronizerError_1["default"]({
+            kind: 'internalSynchronizerErrorWithOrigin',
+            message: 'Failed to leave the group.',
+            code: ErrorCodes_1["default"].SYNCHRONIZER_LEAVE_GROUP_ERROR,
+            origin: 'leaveGroup()',
+            originStack: _context5.t0.stack,
+            originMessage: _context5.t0.message
           });
-          closeChannel = (0, channels_1.createChannel)(function (putEvent) {
-            eventEmitter.on('close', function () {
-              return putEvent(true);
-            });
-          }); // spawn process that will take sync events and create messages for applet from them
-          _context6.next = 13;
-          return (0, effects_1.spawn)(channels_1.takeEvery, syncValueChannel, /*#__PURE__*/regeneratorRuntime.mark(function _callee(syncMessage) {
-            return regeneratorRuntime.wrap(function _callee$(_context4) {
-              while (1) {
-                switch (_context4.prev = _context4.next) {
-                  case 0:
-                    _context4.prev = 0;
-                    _context4.t0 = syncMessage.type;
-                    _context4.next = _context4.t0 === syncActions_1.SetValue ? 4 : _context4.t0 === exports.DeviceStatusAction ? 7 : 10;
-                    break;
-                  case 4:
-                    _context4.next = 6;
-                    return (0, effects_1.put)(syncMessage);
-                  case 6:
-                    return _context4.abrupt("break", 10);
-                  case 7:
-                    _context4.next = 9;
-                    return (0, effects_1.put)(syncMessage);
-                  case 9:
-                    return _context4.abrupt("break", 10);
-                  case 10:
-                    _context4.next = 15;
-                    break;
-                  case 12:
-                    _context4.prev = 12;
-                    _context4.t1 = _context4["catch"](0);
-                    console.error('sync set value event sending failed', _context4.t1);
-                  case 15:
-                  case "end":
-                    return _context4.stop();
-                }
-              }
-            }, _callee, null, [[0, 12]]);
-          }));
-        case 13:
-          syncValuesTask = _context6.sent;
-          _context6.next = 16;
-          return (0, effects_1.spawn)( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-            return regeneratorRuntime.wrap(function _callee2$(_context5) {
-              while (1) {
-                switch (_context5.prev = _context5.next) {
-                  case 0:
-                    _context5.next = 2;
-                    return (0, effects_1.call)(closeChannel.take);
-                  case 2:
-                    _context5.next = 4;
-                    return (0, effects_1.cancel)(syncValuesTask);
-                  case 4:
-                  case "end":
-                    return _context5.stop();
-                }
-              }
-            }, _callee2);
-          }));
-        case 16:
-          return _context6.abrupt("return", {});
-        case 17:
+        case 8:
         case "end":
-          return _context6.stop();
+          return _context5.stop();
       }
     }
-  }, _marked4, null, [[0, 6]]);
+  }, _marked5, null, [[0, 5]]);
 }
 function handleSyncWait(data, synchronizer) {
   var responseData;
-  return regeneratorRuntime.wrap(function handleSyncWait$(_context7) {
+  return regeneratorRuntime.wrap(function handleSyncWait$(_context6) {
     while (1) {
-      switch (_context7.prev = _context7.next) {
+      switch (_context6.prev = _context6.next) {
         case 0:
-          _context7.prev = 0;
-          _context7.next = 3;
-          return synchronizer.wait(data.groupName, data.data, data.timeout);
+          _context6.prev = 0;
+          _context6.next = 3;
+          return synchronizer.wait({
+            groupName: data.groupName,
+            data: data.data,
+            timeoutMs: data.timeout
+          });
         case 3:
-          responseData = _context7.sent;
-          return _context7.abrupt("return", {
+          responseData = _context6.sent;
+          return _context6.abrupt("return", {
             responseData: responseData
           });
         case 7:
-          _context7.prev = 7;
-          _context7.t0 = _context7["catch"](0);
+          _context6.prev = 7;
+          _context6.t0 = _context6["catch"](0);
           throw new InternalSynchronizerError_1["default"]({
             kind: 'internalSynchronizerErrorWithOrigin',
             message: 'Wait failed for unexpected reason.',
             code: ErrorCodes_1["default"].SYNCHRONIZER_WAIT_ERROR,
             origin: "wait(".concat(data.groupName, ", ").concat(data.data, ", ").concat(data.timeout, ")"),
-            originStack: _context7.t0.stack,
-            originMessage: _context7.t0.message
+            originStack: _context6.t0.stack,
+            originMessage: _context6.t0.message
           });
         case 10:
         case "end":
-          return _context7.stop();
+          return _context6.stop();
       }
     }
-  }, _marked5, null, [[0, 7]]);
+  }, _marked6, null, [[0, 7]]);
 }
-function handleSyncSetValue(data, synchronizer) {
-  var responseData;
-  return regeneratorRuntime.wrap(function handleSyncSetValue$(_context8) {
+function handleBroadcastValue(data, synchronizer) {
+  return regeneratorRuntime.wrap(function handleBroadcastValue$(_context7) {
     while (1) {
-      switch (_context8.prev = _context8.next) {
+      switch (_context7.prev = _context7.next) {
         case 0:
-          _context8.prev = 0;
-          _context8.next = 3;
-          return synchronizer.setValue(data.groupName, data.key, data.value);
-        case 3:
-          responseData = _context8.sent;
-          return _context8.abrupt("return", {
-            responseData: responseData
+          _context7.prev = 0;
+          _context7.next = 3;
+          return synchronizer.broadcastValue({
+            groupName: data.groupName,
+            key: data.key,
+            value: data.value
           });
-        case 7:
-          _context8.prev = 7;
-          _context8.t0 = _context8["catch"](0);
+        case 3:
+          return _context7.abrupt("return", {});
+        case 6:
+          _context7.prev = 6;
+          _context7.t0 = _context7["catch"](0);
           throw new InternalSynchronizerError_1["default"]({
             kind: 'internalSynchronizerErrorWithOrigin',
             message: 'Synchronizer couldn\'t set the value.',
-            code: ErrorCodes_1["default"].SYNCHRONIZER_SET_VALUE_ERROR,
+            code: ErrorCodes_1["default"].SYNCHRONIZER_BROADCAST_VALUE_ERROR,
             origin: "setValue(".concat(data.groupName, ", ").concat(data.key, ", ").concat(data.value, ")"),
-            originStack: _context8.t0.stack,
-            originMessage: _context8.t0.message
+            originStack: _context7.t0.stack,
+            originMessage: _context7.t0.message
           });
-        case 10:
+        case 9:
         case "end":
-          return _context8.stop();
+          return _context7.stop();
       }
     }
-  }, _marked6, null, [[0, 7]]);
+  }, _marked7, null, [[0, 6]]);
 }
-function syncHandler(_ref) {
+function syncHandler(_ref2) {
   var messageTypePrefix, data, nativeDriver, synchronizer, appletUid, timingChecksum;
-  return regeneratorRuntime.wrap(function syncHandler$(_context9) {
+  return regeneratorRuntime.wrap(function syncHandler$(_context8) {
     while (1) {
-      switch (_context9.prev = _context9.next) {
+      switch (_context8.prev = _context8.next) {
         case 0:
-          messageTypePrefix = _ref.messageTypePrefix, data = _ref.data, nativeDriver = _ref.nativeDriver, synchronizer = _ref.synchronizer, appletUid = _ref.appletUid, timingChecksum = _ref.timingChecksum;
-          _context9.next = 3;
+          messageTypePrefix = _ref2.messageTypePrefix, data = _ref2.data, nativeDriver = _ref2.nativeDriver, synchronizer = _ref2.synchronizer, appletUid = _ref2.appletUid, timingChecksum = _ref2.timingChecksum;
+          _context8.next = 3;
           return handleSyncMessage(messageTypePrefix, data, nativeDriver, synchronizer, appletUid, timingChecksum);
         case 3:
-          return _context9.abrupt("return", _context9.sent);
+          return _context8.abrupt("return", _context8.sent);
         case 4:
         case "end":
-          return _context9.stop();
+          return _context8.stop();
       }
     }
-  }, _marked7);
+  }, _marked8);
 }
 exports["default"] = syncHandler;
 
 /***/ }),
 
+/***/ "./src/Front/Applet/Sync/appletSyncHandler.utils.ts":
+/*!**********************************************************!*\
+  !*** ./src/Front/Applet/Sync/appletSyncHandler.utils.ts ***!
+  \**********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.appletSyncEngineToSynchronizerSynchronizerType = void 0;
+var IPolymorphicSynchronizer_1 = __webpack_require__(/*! ../../../Synchronization/IPolymorphicSynchronizer */ "./src/Synchronization/IPolymorphicSynchronizer.ts");
+var ISyncConnectMessage_1 = __webpack_require__(/*! ./ISyncConnectMessage */ "./src/Front/Applet/Sync/ISyncConnectMessage.ts");
+function appletSyncEngineToSynchronizerSynchronizerType(engine) {
+  if (engine === undefined) {
+    return undefined;
+  }
+  switch (engine) {
+    case ISyncConnectMessage_1.SyncEngine.SyncServer:
+      return IPolymorphicSynchronizer_1.SynchronizerType.SyncServer;
+    case ISyncConnectMessage_1.SyncEngine.Udp:
+      return IPolymorphicSynchronizer_1.SynchronizerType.Udp;
+    default:
+      throw new Error("Unknown sync engine: " + engine);
+  }
+}
+exports.appletSyncEngineToSynchronizerSynchronizerType = appletSyncEngineToSynchronizerSynchronizerType;
+
+/***/ }),
+
 /***/ "./src/Front/Applet/Sync/appletSyncSagas.ts":
 /*!**************************************************!*\
   !*** ./src/Front/Applet/Sync/appletSyncSagas.ts ***!
@@ -165608,59 +166290,79 @@ var _marked = /*#__PURE__*/regeneratorRuntime.mark(syncEventEmitting);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.syncEventEmitting = void 0;
+exports.syncEventEmitting = exports.BroadcastedValueAction = exports.GroupStatusAction = void 0;
 var effects_1 = __webpack_require__(/*! redux-saga/effects */ "./node_modules/redux-saga/dist/redux-saga-effects-npm-proxy.esm.js");
-var syncActions_1 = __webpack_require__(/*! @signageos/actions/dist/Sync/syncActions */ "./node_modules/@signageos/actions/dist/Sync/syncActions.js");
+var channels_1 = __webpack_require__(/*! ../../../ReduxSaga/channels */ "./src/ReduxSaga/channels.ts");
 var sendAppletMessage_1 = __webpack_require__(/*! ../sendAppletMessage */ "./src/Front/Applet/sendAppletMessage.ts");
-var appletSyncHandler_1 = __webpack_require__(/*! ./appletSyncHandler */ "./src/Front/Applet/Sync/appletSyncHandler.ts");
-function syncEventEmitting(window, messageTypePrefix, getState) {
-  return regeneratorRuntime.wrap(function syncEventEmitting$(_context3) {
+var ISynchronizer_1 = __webpack_require__(/*! ../../../Synchronization/ISynchronizer */ "./src/Synchronization/ISynchronizer.ts");
+exports.GroupStatusAction = 'Sync.GroupStatus';
+exports.BroadcastedValueAction = 'Sync.BroadcastedValue';
+function syncEventEmitting(window, messageTypePrefix, getState, synchronizer) {
+  var syncValueChannel;
+  return regeneratorRuntime.wrap(function syncEventEmitting$(_context2) {
     while (1) {
-      switch (_context3.prev = _context3.next) {
+      switch (_context2.prev = _context2.next) {
         case 0:
-          _context3.next = 2;
-          return (0, effects_1.takeEvery)(syncActions_1.SetValue, /*#__PURE__*/regeneratorRuntime.mark(function _callee(action) {
+          syncValueChannel = (0, channels_1.createChannel)(function (putEvent) {
+            synchronizer.addListener(ISynchronizer_1.SynchronizerEvent.GroupStatus, function (event) {
+              var action = Object.assign({
+                type: exports.GroupStatusAction
+              }, event);
+              putEvent(action);
+            });
+            synchronizer.addListener(ISynchronizer_1.SynchronizerEvent.BroadcastedValue, function (event) {
+              var action = Object.assign({
+                type: exports.BroadcastedValueAction
+              }, event);
+              putEvent(action);
+            });
+          }); // spawn process that will take sync events and create messages for applet from them
+          _context2.next = 3;
+          return (0, effects_1.spawn)(channels_1.takeEvery, syncValueChannel, /*#__PURE__*/regeneratorRuntime.mark(function _callee(action) {
             return regeneratorRuntime.wrap(function _callee$(_context) {
               while (1) {
                 switch (_context.prev = _context.next) {
                   case 0:
-                    _context.next = 2;
+                    _context.prev = 0;
+                    _context.t0 = action.type;
+                    _context.next = _context.t0 === exports.GroupStatusAction ? 4 : _context.t0 === exports.BroadcastedValueAction ? 7 : 10;
+                    break;
+                  case 4:
+                    _context.next = 6;
+                    return (0, sendAppletMessage_1.sendMessageToActiveAppletIfExists)(window, getState, {
+                      type: messageTypePrefix + '.sync.device_status',
+                      connectedPeers: action.connectedPeers,
+                      groupName: action.groupName
+                    });
+                  case 6:
+                    return _context.abrupt("break", 10);
+                  case 7:
+                    _context.next = 9;
                     return (0, sendAppletMessage_1.sendMessageToActiveAppletIfExists)(window, getState, {
                       type: messageTypePrefix + '.sync.set_value',
                       groupName: action.groupName,
                       key: action.key,
                       value: action.value
                     });
-                  case 2:
+                  case 9:
+                    return _context.abrupt("break", 10);
+                  case 10:
+                    _context.next = 15;
+                    break;
+                  case 12:
+                    _context.prev = 12;
+                    _context.t1 = _context["catch"](0);
+                    console.error('sync set value event sending failed', _context.t1);
+                  case 15:
                   case "end":
                     return _context.stop();
                 }
               }
-            }, _callee);
-          }));
-        case 2:
-          _context3.next = 4;
-          return (0, effects_1.takeEvery)(appletSyncHandler_1.DeviceStatusAction, /*#__PURE__*/regeneratorRuntime.mark(function _callee2(action) {
-            return regeneratorRuntime.wrap(function _callee2$(_context2) {
-              while (1) {
-                switch (_context2.prev = _context2.next) {
-                  case 0:
-                    _context2.next = 2;
-                    return (0, sendAppletMessage_1.sendMessageToActiveAppletIfExists)(window, getState, {
-                      type: messageTypePrefix + '.sync.device_status',
-                      connectedPeers: action.connectedPeers,
-                      groupName: action.groupName
-                    });
-                  case 2:
-                  case "end":
-                    return _context2.stop();
-                }
-              }
-            }, _callee2);
+            }, _callee, null, [[0, 12]]);
           }));
-        case 4:
+        case 3:
         case "end":
-          return _context3.stop();
+          return _context2.stop();
       }
     }
   }, _marked);
@@ -165669,31 +166371,6 @@ exports.syncEventEmitting = syncEventEmitting;
 
 /***/ }),
 
-/***/ "./src/Front/Applet/Sync/synchronizerFactory.ts":
-/*!******************************************************!*\
-  !*** ./src/Front/Applet/Sync/synchronizerFactory.ts ***!
-  \******************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createSocketSynchronizer = void 0;
-var io = __webpack_require__(/*! socket.io-client */ "./node_modules/socket.io-client/lib/index.js");
-var SocketSynchronizer_1 = __webpack_require__(/*! ./SocketSynchronizer */ "./src/Front/Applet/Sync/SocketSynchronizer.ts");
-function createSocketSynchronizer(serverUri, getNativeDriver) {
-  return new SocketSynchronizer_1["default"](getNativeDriver, function (ioServerUri) {
-    return io(ioServerUri);
-  }, serverUri);
-}
-exports.createSocketSynchronizer = createSocketSynchronizer;
-
-/***/ }),
-
 /***/ "./src/Front/Applet/Timing/appletTimingHandler.ts":
 /*!********************************************************!*\
   !*** ./src/Front/Applet/Timing/appletTimingHandler.ts ***!
@@ -167030,6 +167707,7 @@ var appletManagementProxyHandler_1 = __webpack_require__(/*! ./Management/Proxy/
 var appletManagementSystemInfoHandler_1 = __webpack_require__(/*! ./Management/SystemInfo/appletManagementSystemInfoHandler */ "./src/Front/Applet/Management/SystemInfo/appletManagementSystemInfoHandler.ts");
 var appletKeyHandler_1 = __webpack_require__(/*! ./Input/appletKeyHandler */ "./src/Front/Applet/Input/appletKeyHandler.ts");
 var appletOSDHandler_1 = __webpack_require__(/*! ./OSD/appletOSDHandler */ "./src/Front/Applet/OSD/appletOSDHandler.ts");
+var refreshHandler_1 = __webpack_require__(/*! ./Main/refreshHandler */ "./src/Front/Applet/Main/refreshHandler.ts");
 var debug = Debug('@signageos/front-display:Front:Applet:appletSagas');
 function updateAppletUniqueHash() {
   var activeAppletUniqueHash, lastUpdateActiveAppletBinary;
@@ -167269,7 +167947,7 @@ function handleAppletMessage(messageTypePrefix, data, appletUid, timingChecksum,
     while (1) {
       switch (_context10.prev = _context10.next) {
         case 0:
-          handlers = [pingHandler_1["default"], appletVideoHandler_1["default"], appletStreamHandler_1["default"], appletCommandHandler_1["default"], appletHardwareHandler_1["default"], appletHardwareBarcodeScannerHandler_1["default"], appletHardwareSerialPortHandler_1["default"], appletTouchHandler_1["default"], appletOfflineCacheHandler_1["default"], appletBrowserHandler_1["default"], appletTimingHandler_1["default"], appletSyncHandler_1["default"], appletFileSystemHandler_1["default"], appletWifiHandler_1["default"], appletDisplayHandler_1["default"], appletManagementHandler_1["default"], appletManagementNetworkHandler_1["default"], appletMonitorsHandler_1["default"], appletDeviceInfoHandler_1["default"], appletManagementProxyHandler_1["default"], appletManagementSystemInfoHandler_1["default"], appletKeyHandler_1["default"], appletOSDHandler_1["default"]];
+          handlers = [refreshHandler_1["default"], pingHandler_1["default"], appletVideoHandler_1["default"], appletStreamHandler_1["default"], appletCommandHandler_1["default"], appletHardwareHandler_1["default"], appletHardwareBarcodeScannerHandler_1["default"], appletHardwareSerialPortHandler_1["default"], appletTouchHandler_1["default"], appletOfflineCacheHandler_1["default"], appletBrowserHandler_1["default"], appletTimingHandler_1["default"], appletSyncHandler_1["default"], appletFileSystemHandler_1["default"], appletWifiHandler_1["default"], appletDisplayHandler_1["default"], appletManagementHandler_1["default"], appletManagementNetworkHandler_1["default"], appletMonitorsHandler_1["default"], appletDeviceInfoHandler_1["default"], appletManagementProxyHandler_1["default"], appletManagementSystemInfoHandler_1["default"], appletKeyHandler_1["default"], appletOSDHandler_1["default"]];
           debug('Handling applet message', data, appletUid, timingChecksum);
           index = 0;
         case 3:
@@ -169019,11 +169697,12 @@ var _marked = /*#__PURE__*/regeneratorRuntime.mark(devicePerformPowerAction),
   _marked2 = /*#__PURE__*/regeneratorRuntime.mark(devicePerformScheduledPowerAction),
   _marked3 = /*#__PURE__*/regeneratorRuntime.mark(deviceDisplayPowerAction),
   _marked4 = /*#__PURE__*/regeneratorRuntime.mark(deviceAppletDisablingRestoresActiveApplet),
-  _marked5 = /*#__PURE__*/regeneratorRuntime.mark(performPowerAction);
+  _marked5 = /*#__PURE__*/regeneratorRuntime.mark(performPowerAction),
+  _marked6 = /*#__PURE__*/regeneratorRuntime.mark(performAppletRefresh);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.deviceAppletDisablingRestoresActiveApplet = exports.deviceDisplayPowerAction = exports.devicePerformScheduledPowerAction = exports.devicePerformPowerAction = void 0;
+exports.performAppletRefresh = exports.deviceAppletDisablingRestoresActiveApplet = exports.deviceDisplayPowerAction = exports.devicePerformScheduledPowerAction = exports.devicePerformPowerAction = void 0;
 var _ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
 var socketActionCreator_1 = __webpack_require__(/*! ../../../Socket/socketActionCreator */ "./src/Socket/socketActionCreator.ts");
 var effects_1 = __webpack_require__(/*! redux-saga/effects */ "./node_modules/redux-saga/dist/redux-saga-effects-npm-proxy.esm.js");
@@ -169368,6 +170047,24 @@ function performPowerAction(getNativeDriver, propertyStorage, offlineCache, powe
     }
   }, _marked5);
 }
+function performAppletRefresh() {
+  return regeneratorRuntime.wrap(function performAppletRefresh$(_context12) {
+    while (1) {
+      switch (_context12.prev = _context12.next) {
+        case 0:
+          _context12.next = 2;
+          return (0, effects_1.put)({
+            type: devicePowerActions_1.PerformPowerAction,
+            powerType: PowerActionType_1["default"].APPLET_RELOAD
+          });
+        case 2:
+        case "end":
+          return _context12.stop();
+      }
+    }
+  }, _marked6);
+}
+exports.performAppletRefresh = performAppletRefresh;
 
 /***/ }),
 
@@ -180334,7 +181031,7 @@ function frontSaga(defaultConfig, _ref, getState, propertyStorage, timerManager,
             return managementDriver.timeManager.getEpochMillis();
           }), (0, socketHealthCheckSagas_1.healthChecking)(), (0, deviceConfigurationSagas_1.updatingConfiguration)(getNativeDriver, getManagementDriver, propertyStorage, defaultConfig, publicKey, 'front'), (0, authenticationSagas_1.autoDeviceAuthentication)(sessionIdKey, getNativeDriver), (0, authenticationSagas_1.storeDeviceSession)(sessionIdKey, getNativeDriver), (0, authenticationSagas_1.fallbackDeviceUidAuthentication)(getNativeDriver), (0, authenticationSagas_1.afterRegistrationDeviceUidAuthentication)(getNativeDriver), (0, deviceSagas_3.fallbackDeviceRegistration)(getNativeDriver, autoVerification),
           // front sagas
-          (0, currentTimeSyncSagas_1.startupDeviceDateTimeSettings)(), (0, deviceSagas_2.notifyDeviceSaga)(getManagementDriver), (0, deviceSagas_3.notifyDeviceFrontDisplayVersion)(frontDisplayVersion), (0, deviceSagas_2.notifyDeviceApplicationVersion)(getNativeDriver, applicationVersion), (0, appletTimingControllerSagas_1.controlActiveAppletTiming)(webWorkerFactory, defaultTiming ? [defaultTiming] : undefined), (0, appletSagas_1.bindAppletMessages)(frontAppletPrefix, global, getState, getNativeDriver, getSynchronizer, offlineCache, shortAppletFilesUrl !== null && shortAppletFilesUrl !== void 0 ? shortAppletFilesUrl : false), (0, appletSagas_1.bindAppletIframe)(frontAppletPrefix, global, getState, frontDisplayVersion), (0, appletSagas_1.updateAppletDeviceAuthHash)(frontAppletPrefix, global, getState), (0, appletSagas_1.updateAppletUniqueHash)(), (0, appletVideoSagas_1.activeAppletRestore)(getNativeDriver, getSynchronizer), (0, appletVideoSagas_1.restoreOnAppletChange)(), (0, appletDateTimeSagas_1.currentTimestampEmiting)(global, frontAppletPrefix, getState), (0, appletBrowserSagas_1.browserEventEmitting)(global, frontAppletPrefix, getNativeDriver, getState), (0, appletVideoSagas_1.videoEventEmitting)(global, frontAppletPrefix, getState), (0, appletStreamSagas_1.streamEventEmitting)(global, frontAppletPrefix, getState), (0, appletWifiSagas_1.wifiEventEmitting)(global, frontAppletPrefix, getManagementDriver, getState), (0, appletProximitySensorSagas_1.proximitySensorStatusChangeEmitting)(global, frontAppletPrefix, getManagementDriver, getState), (0, appletSyncSagas_1.syncEventEmitting)(global, frontAppletPrefix, getState), (0, appletKeySagas_1.inputKeysEmitting)(global, frontAppletPrefix, getState), (0, appletFileSystemSagas_1.storageStatusChangeEmitting)(global, frontAppletPrefix, getNativeDriver, getState), (0, deviceAuthenticationSagas_1.startupDeviceAuthHash)(propertyStorage), (0, deviceAuthenticationSagas_1.cacheDeviceAuthHash)(propertyStorage), (0, deviceVerificationSagas_1.deviceVerification)(getNativeDriver), (0, deviceVerificationSagas_2.dispatchVerificationHash)(global), (0, deviceDeprovisionSagas_1.deviceDeprovision)(getNativeDriver, getManagementDriver, responsibilities, sessionIdKey), (0, devicePowerActionSagas_1.deviceDisplayPowerAction)(), (0, devicePowerActionSagas_1.deviceAppletDisablingRestoresActiveApplet)(), (0, deviceSchedulePowerActionSagas_1.deviceSchedulePowerAction)(propertyStorage), (0, devicePowerActionSagas_1.devicePerformScheduledPowerAction)(getNativeDriver, propertyStorage, offlineCache), (0, timerControllerSagas_1.appletTimerChecking)(timerManager), (0, deviceRemoteControlSagas_1.startupDeviceRemoteControlSettingsSaga)(getNativeDriver), (0, keySagas_1.keyUpSaga)(getNativeDriver), (0, keySagas_1.keySequenceSaga)(global), (0, motionSagas_1.motionSequenceSaga)(global), (0, softwareKeyboardSagas_1.bindNumericKeyboardSaga)(), (0, controlEnablingSagas_1.controlEnablingSaga)(), (0, controlEnablingSagas_1.generateControlPinSaga)(), (0, controlEnablingSagas_1.reportDevicePinChangedSaga)(), (0, osdSagas_1.showOSDSaga)(getNativeDriver, propertyStorage), (0, networkSagas_1.networkConnection)(getState, getNativeDriver, getManagementDriver), (0, touchSaga_1.touchSaga)(frontAppletPrefix, getState, getNativeDriver, global), (0, deviceSagas_1.updateTitle)(global), (0, deviceSagas_1.updateDeviceLocation)(propertyStorage), (0, deviceSagas_1.updateOrganizationTags)(propertyStorage), (0, appletCommandDispatchSagas_1.dispatchAppletCommandToApplet)(frontAppletPrefix, global, getState, bundledApplet), (0, deviceDebugSettingsSagas_1.devicePerformDebugSettings)(global, getNativeDriver, propertyStorage, frontAppletPrefix, getState), (0, deviceDebugSettingsSagas_1.readSetDeviceDebugSettings)(global, getNativeDriver, propertyStorage, frontAppletPrefix, getState), (0, devicePowerActionSagas_1.devicePerformPowerAction)(getNativeDriver, propertyStorage, offlineCache), (0, deviceProprietaryTimerSagas_1.syncProprietaryTimerSettingsSaga)(function () {
+          (0, currentTimeSyncSagas_1.startupDeviceDateTimeSettings)(), (0, deviceSagas_2.notifyDeviceSaga)(getManagementDriver), (0, deviceSagas_3.notifyDeviceFrontDisplayVersion)(frontDisplayVersion), (0, deviceSagas_2.notifyDeviceApplicationVersion)(getNativeDriver, applicationVersion), (0, appletTimingControllerSagas_1.controlActiveAppletTiming)(webWorkerFactory, defaultTiming ? [defaultTiming] : undefined), (0, appletSagas_1.bindAppletMessages)(frontAppletPrefix, global, getState, getNativeDriver, getSynchronizer, offlineCache, shortAppletFilesUrl !== null && shortAppletFilesUrl !== void 0 ? shortAppletFilesUrl : false), (0, appletSagas_1.bindAppletIframe)(frontAppletPrefix, global, getState, frontDisplayVersion), (0, appletSagas_1.updateAppletDeviceAuthHash)(frontAppletPrefix, global, getState), (0, appletSagas_1.updateAppletUniqueHash)(), (0, appletVideoSagas_1.activeAppletRestore)(getNativeDriver, getSynchronizer), (0, appletVideoSagas_1.restoreOnAppletChange)(), (0, appletDateTimeSagas_1.currentTimestampEmiting)(global, frontAppletPrefix, getState), (0, appletBrowserSagas_1.browserEventEmitting)(global, frontAppletPrefix, getNativeDriver, getState), (0, appletVideoSagas_1.videoEventEmitting)(global, frontAppletPrefix, getState), (0, appletStreamSagas_1.streamEventEmitting)(global, frontAppletPrefix, getState), (0, appletWifiSagas_1.wifiEventEmitting)(global, frontAppletPrefix, getManagementDriver, getState), (0, appletProximitySensorSagas_1.proximitySensorStatusChangeEmitting)(global, frontAppletPrefix, getManagementDriver, getState), (0, appletSyncSagas_1.syncEventEmitting)(global, frontAppletPrefix, getState, synchronizer), (0, appletKeySagas_1.inputKeysEmitting)(global, frontAppletPrefix, getState), (0, appletFileSystemSagas_1.storageStatusChangeEmitting)(global, frontAppletPrefix, getNativeDriver, getState), (0, deviceAuthenticationSagas_1.startupDeviceAuthHash)(propertyStorage), (0, deviceAuthenticationSagas_1.cacheDeviceAuthHash)(propertyStorage), (0, deviceVerificationSagas_1.deviceVerification)(getNativeDriver), (0, deviceVerificationSagas_2.dispatchVerificationHash)(global), (0, deviceDeprovisionSagas_1.deviceDeprovision)(getNativeDriver, getManagementDriver, responsibilities, sessionIdKey), (0, devicePowerActionSagas_1.deviceDisplayPowerAction)(), (0, devicePowerActionSagas_1.deviceAppletDisablingRestoresActiveApplet)(), (0, deviceSchedulePowerActionSagas_1.deviceSchedulePowerAction)(propertyStorage), (0, devicePowerActionSagas_1.devicePerformScheduledPowerAction)(getNativeDriver, propertyStorage, offlineCache), (0, timerControllerSagas_1.appletTimerChecking)(timerManager), (0, deviceRemoteControlSagas_1.startupDeviceRemoteControlSettingsSaga)(getNativeDriver), (0, keySagas_1.keyUpSaga)(getNativeDriver), (0, keySagas_1.keySequenceSaga)(global), (0, motionSagas_1.motionSequenceSaga)(global), (0, softwareKeyboardSagas_1.bindNumericKeyboardSaga)(), (0, controlEnablingSagas_1.controlEnablingSaga)(), (0, controlEnablingSagas_1.generateControlPinSaga)(), (0, controlEnablingSagas_1.reportDevicePinChangedSaga)(), (0, osdSagas_1.showOSDSaga)(getNativeDriver, propertyStorage), (0, networkSagas_1.networkConnection)(getState, getNativeDriver, getManagementDriver), (0, touchSaga_1.touchSaga)(frontAppletPrefix, getState, getNativeDriver, global), (0, deviceSagas_1.updateTitle)(global), (0, deviceSagas_1.updateDeviceLocation)(propertyStorage), (0, deviceSagas_1.updateOrganizationTags)(propertyStorage), (0, appletCommandDispatchSagas_1.dispatchAppletCommandToApplet)(frontAppletPrefix, global, getState, bundledApplet), (0, deviceDebugSettingsSagas_1.devicePerformDebugSettings)(global, getNativeDriver, propertyStorage, frontAppletPrefix, getState), (0, deviceDebugSettingsSagas_1.readSetDeviceDebugSettings)(global, getNativeDriver, propertyStorage, frontAppletPrefix, getState), (0, devicePowerActionSagas_1.devicePerformPowerAction)(getNativeDriver, propertyStorage, offlineCache), (0, deviceProprietaryTimerSagas_1.syncProprietaryTimerSettingsSaga)(function () {
             return nativeDriver.frontSupports(FrontCapability_1["default"].TIMERS_PROPRIETARY);
           }, proprietaryTimerStorage), (0, testSagas_1.runTestsSaga)([(0, CacheTest_1["default"])(nativeDriver), (0, FileSystemTest_1["default"])(nativeDriver), (0, HTML5Test_1["default"])(dispatch), (0, VideoTest_1["default"])(nativeDriver), (0, WeinreTest_1["default"])(global)].concat(_toConsumableArray(frontExtraTests !== null && frontExtraTests !== void 0 ? frontExtraTests : []))), (0, appletBinarySagas_1.activeAppletBinary)(getState, getNativeDriver), (0, appletTimingCacheSagas_1.loadAppletTimingsDefinition)(propertyStorage), (0, appletTimingCacheSagas_1.saveAppletTimingsDefinition)(propertyStorage), (0, appletTimingCacheSagas_1.deleteAppletTimingsDefinition)(propertyStorage, defaultTiming ? [defaultTiming] : undefined), (0, appletTimingCacheSagas_1.saveAppletBinary)(), (0, appletBinarySagas_1.updateActiveAppletBinaryFile)(shortAppletFilesUrl !== null && shortAppletFilesUrl !== void 0 ? shortAppletFilesUrl : false, offlineCache, defaultTimingData)].concat(_toConsumableArray(logOfflineActions ? [(0, offlineActionsSagas_1.offlineActionsSaga)('front.', getNativeDriver, getManagementDriver)] : []), [(0, commonSystemLogsSagas_1.commonSystemLogsSaga)(), (0, systemLogsSagas_1.systemLogsSaga)(getManagementDriver), (0, debugSagas_1.debugAllActions)()], _toConsumableArray(bundledApplet ? [(0, effects_1.put)({
             type: bundledAppletActions_1.NotifyBundledApplet,
@@ -201381,6 +202078,662 @@ exports["default"] = StreamProtocol;
 
 /***/ }),
 
+/***/ "./src/Synchronization/IPolymorphicSynchronizer.ts":
+/*!*********************************************************!*\
+  !*** ./src/Synchronization/IPolymorphicSynchronizer.ts ***!
+  \*********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SynchronizerType = void 0;
+var SynchronizerType;
+(function (SynchronizerType) {
+  SynchronizerType["SyncServer"] = "sync-server";
+  SynchronizerType["Udp"] = "udp";
+})(SynchronizerType = exports.SynchronizerType || (exports.SynchronizerType = {}));
+
+/***/ }),
+
+/***/ "./src/Synchronization/ISynchronizer.ts":
+/*!**********************************************!*\
+  !*** ./src/Synchronization/ISynchronizer.ts ***!
+  \**********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SynchronizerEvent = void 0;
+var SynchronizerEvent;
+(function (SynchronizerEvent) {
+  SynchronizerEvent["GroupStatus"] = "group_status";
+  SynchronizerEvent["GroupLeft"] = "group_left";
+  SynchronizerEvent["BroadcastedValue"] = "broadcasted_value";
+})(SynchronizerEvent = exports.SynchronizerEvent || (exports.SynchronizerEvent = {}));
+
+/***/ }),
+
+/***/ "./src/Synchronization/SocketSynchronizer.ts":
+/*!***************************************************!*\
+  !*** ./src/Synchronization/SocketSynchronizer.ts ***!
+  \***************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var __decorate = this && this.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+    d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = this && this.__metadata || function (k, v) {
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var events_1 = __webpack_require__(/*! events */ "./node_modules/events/events.js");
+var lockedDecorator_1 = __webpack_require__(/*! @signageos/lib/es6/Lock/lockedDecorator */ "./node_modules/@signageos/lib/es6/Lock/lockedDecorator.js");
+var ISynchronizer_1 = __webpack_require__(/*! ./ISynchronizer */ "./src/Synchronization/ISynchronizer.ts");
+var Debug = __webpack_require__(/*! debug */ "./node_modules/debug/src/browser.js");
+var debug = Debug('@signageos/front-display:Front:Applet:Sync:SocketSynchronizer');
+/**
+ * API to synchronize content with other devices in the network.
+ * When online
+ *     - If everything is fine and device is always online, the logic is simple - initialize group on the server to determine,
+ *       which devices belong together and whenever wait() is called, wait until all other devices are waiting too
+ *       and resolve it on all simultaniously.
+ * When offline
+ *     - If the device goes offline in any point in the process, it silently switches to offline mode, which means that
+ *       the SocketSynchronizer is itself acting like a mock server and simply validates and confirms all the requests to
+ *       the API immediately to maintain smooth and seamless operation.
+ *     - SocketSynchronizer also buffers all the initialized groups while offline and when it goes back online, it dumps the buffer
+ *       to the server to synchronize the internal state.
+ */
+var SocketSynchronizer = /*#__PURE__*/function () {
+  function SocketSynchronizer(getNativeDriver, createSocket, defaultServerUri) {
+    _classCallCheck(this, SocketSynchronizer);
+    this.getNativeDriver = getNativeDriver;
+    this.createSocket = createSocket;
+    this.defaultServerUri = defaultServerUri;
+    this.connected = false;
+    this.groups = {};
+    this.emitter = new events_1.EventEmitter();
+  }
+  _createClass(SocketSynchronizer, [{
+    key: "connect",
+    value: function connect(serverUri) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!this.socket) {
+                  _context.next = 3;
+                  break;
+                }
+                _context.next = 3;
+                return this.close();
+              case 3:
+                this.initSocket(serverUri || this.defaultServerUri);
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+    }
+  }, {
+    key: "close",
+    value: function close() {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+        var _this = this;
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                if (this.socket) {
+                  _context2.next = 2;
+                  break;
+                }
+                throw new Error('Can\'t close when not connected');
+              case 2:
+                this.socket.close();
+                this.socket = undefined;
+                this.connected = false;
+                Object.keys(this.groups).forEach(function (groupName) {
+                  _this.emitter.emit(ISynchronizer_1.SynchronizerEvent.GroupLeft, groupName);
+                });
+                this.groups = {};
+              case 7:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+    }
+  }, {
+    key: "joinGroup",
+    value: function joinGroup(_ref) {
+      var groupName = _ref.groupName,
+        deviceIdentification = _ref.deviceIdentification;
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+        var deviceId;
+        return regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                if (this.socket) {
+                  _context3.next = 2;
+                  break;
+                }
+                throw new Error('Not connected. Call connect() first.');
+              case 2:
+                deviceId = deviceIdentification !== undefined ? deviceIdentification : Math.random().toString(32);
+                if (!this.connected) {
+                  _context3.next = 8;
+                  break;
+                }
+                _context3.next = 6;
+                return this.joinGroupOnline(groupName, deviceId);
+              case 6:
+                _context3.next = 9;
+                break;
+              case 8:
+                this.joinGroupOffline(groupName, deviceId);
+              case 9:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this);
+      }));
+    }
+  }, {
+    key: "leaveGroup",
+    value: function leaveGroup(groupName) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+        return regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                if (this.socket) {
+                  _context4.next = 2;
+                  break;
+                }
+                throw new Error('Not connected. Call connect() first.');
+              case 2:
+                if (this.groups[groupName]) {
+                  _context4.next = 4;
+                  break;
+                }
+                throw new Error("Group ".concat(groupName, " isn't joined"));
+              case 4:
+                if (!this.connected) {
+                  _context4.next = 9;
+                  break;
+                }
+                _context4.next = 7;
+                return this.leaveGroupOnline(groupName);
+              case 7:
+                _context4.next = 10;
+                break;
+              case 9:
+                this.leaveGroupOffline(groupName);
+              case 10:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4, this);
+      }));
+    }
+  }, {
+    key: "isConnected",
+    value: function isConnected() {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+        return regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                return _context5.abrupt("return", !!this.socket);
+              case 1:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee5, this);
+      }));
+    }
+  }, {
+    key: "wait",
+    value: function wait(_ref2) {
+      var groupName = _ref2.groupName,
+        data = _ref2.data,
+        timeoutMs = _ref2.timeoutMs;
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
+        return regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                if (this.socket) {
+                  _context6.next = 2;
+                  break;
+                }
+                throw new Error('Not connected. Call connect() first.');
+              case 2:
+                if (!(typeof timeoutMs !== 'undefined' && timeoutMs <= 0)) {
+                  _context6.next = 4;
+                  break;
+                }
+                throw new Error('Timeout must be greater than 0');
+              case 4:
+                if (!this.connected) {
+                  _context6.next = 10;
+                  break;
+                }
+                _context6.next = 7;
+                return this.callOnlineWait(groupName, data, timeoutMs);
+              case 7:
+                return _context6.abrupt("return", _context6.sent);
+              case 10:
+                return _context6.abrupt("return", this.callOfflineWait(groupName, data));
+              case 11:
+              case "end":
+                return _context6.stop();
+            }
+          }
+        }, _callee6, this);
+      }));
+    }
+  }, {
+    key: "broadcastValue",
+    value: function broadcastValue(_ref3) {
+      var groupName = _ref3.groupName,
+        key = _ref3.key,
+        value = _ref3.value;
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
+        return regeneratorRuntime.wrap(function _callee7$(_context7) {
+          while (1) {
+            switch (_context7.prev = _context7.next) {
+              case 0:
+                if (this.socket) {
+                  _context7.next = 2;
+                  break;
+                }
+                throw new Error('Not connected. Call connect() first.');
+              case 2:
+                if (this.groups[groupName]) {
+                  _context7.next = 4;
+                  break;
+                }
+                throw new Error('Group ' + groupName + ' wasn\'t initialized');
+              case 4:
+                this.socket.emit('request_set_value', {
+                  groupName: groupName,
+                  key: key,
+                  value: value
+                });
+                // if not connected, emit the value back to oneself
+                if (!this.connected) {
+                  this.emitValue(groupName, key, value);
+                }
+              case 6:
+              case "end":
+                return _context7.stop();
+            }
+          }
+        }, _callee7, this);
+      }));
+    }
+  }, {
+    key: "addListener",
+    value: function addListener(event, listener) {
+      this.emitter.addListener(event, listener);
+    }
+  }, {
+    key: "removeListener",
+    value: function removeListener(event, listener) {
+      this.emitter.removeListener(event, listener);
+    }
+  }, {
+    key: "initSocket",
+    value: function initSocket(serverUri) {
+      var _this2 = this;
+      this.socket = this.createSocket(serverUri);
+      this.socket.on('connect', function () {
+        return __awaiter(_this2, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {
+          var _i, _Object$keys, groupName;
+          return regeneratorRuntime.wrap(function _callee8$(_context8) {
+            while (1) {
+              switch (_context8.prev = _context8.next) {
+                case 0:
+                  this.connected = true;
+                  // flush all offline groups to the server
+                  _i = 0, _Object$keys = Object.keys(this.groups);
+                case 2:
+                  if (!(_i < _Object$keys.length)) {
+                    _context8.next = 16;
+                    break;
+                  }
+                  groupName = _Object$keys[_i];
+                  if (!(this.groups[groupName].isOnline === false)) {
+                    _context8.next = 13;
+                    break;
+                  }
+                  _context8.prev = 5;
+                  _context8.next = 8;
+                  return this.joinGroupOnline(groupName, this.groups[groupName].deviceIdentification);
+                case 8:
+                  _context8.next = 13;
+                  break;
+                case 10:
+                  _context8.prev = 10;
+                  _context8.t0 = _context8["catch"](5);
+                  console.error('flush offline initialized group to the server', groupName, _context8.t0);
+                case 13:
+                  _i++;
+                  _context8.next = 2;
+                  break;
+                case 16:
+                case "end":
+                  return _context8.stop();
+              }
+            }
+          }, _callee8, this, [[5, 10]]);
+        }));
+      });
+      this.socket.on('disconnect', function () {
+        _this2.connected = false;
+        // when device disconnects, all initialized groups are now offline and has to be flushed to the server on reconnection
+        for (var _i2 = 0, _Object$keys2 = Object.keys(_this2.groups); _i2 < _Object$keys2.length; _i2++) {
+          var groupName = _Object$keys2[_i2];
+          _this2.groups[groupName].isOnline = false;
+        }
+      });
+      this.socket.on('set_value', function (groupName, key, value) {
+        if (_this2.groups[groupName]) {
+          var broadcastedValue = {
+            groupName: groupName,
+            key: key,
+            value: value
+          };
+          _this2.emitter.emit(ISynchronizer_1.SynchronizerEvent.BroadcastedValue, broadcastedValue);
+        }
+      });
+      this.socket.on('device_status', function (connectedPeers, groupName) {
+        if (_this2.groups[groupName]) {
+          var groupStatus = {
+            groupName: groupName,
+            connectedPeers: connectedPeers
+          };
+          _this2.emitter.emit(ISynchronizer_1.SynchronizerEvent.GroupStatus, groupStatus);
+        }
+      });
+    }
+  }, {
+    key: "joinGroupOnline",
+    value: function joinGroupOnline(groupName, deviceIdentification) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {
+        var _this3 = this;
+        var nativeDriver, deviceUid;
+        return regeneratorRuntime.wrap(function _callee9$(_context9) {
+          while (1) {
+            switch (_context9.prev = _context9.next) {
+              case 0:
+                nativeDriver = this.getNativeDriver();
+                _context9.next = 3;
+                return nativeDriver.getDeviceUid();
+              case 3:
+                deviceUid = _context9.sent;
+                _context9.next = 6;
+                return new Promise(function (resolve, reject) {
+                  _this3.socket.emit('join_group', {
+                    deviceUid: deviceUid,
+                    groupName: groupName,
+                    deviceIdentification: deviceIdentification
+                  }, function (error) {
+                    if (error) {
+                      reject(error);
+                    } else {
+                      resolve();
+                    }
+                  });
+                });
+              case 6:
+                this.groups[groupName] = {
+                  isOnline: true
+                };
+              case 7:
+              case "end":
+                return _context9.stop();
+            }
+          }
+        }, _callee9, this);
+      }));
+    }
+  }, {
+    key: "joinGroupOffline",
+    value: function joinGroupOffline(groupName, deviceIdentification) {
+      this.groups[groupName] = {
+        isOnline: false,
+        deviceIdentification: deviceIdentification
+      };
+    }
+  }, {
+    key: "leaveGroupOnline",
+    value: function leaveGroupOnline(groupName) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee10() {
+        var _this4 = this;
+        return regeneratorRuntime.wrap(function _callee10$(_context10) {
+          while (1) {
+            switch (_context10.prev = _context10.next) {
+              case 0:
+                _context10.next = 2;
+                return new Promise(function (resolve, reject) {
+                  _this4.socket.emit('leave_group', {
+                    groupName: groupName
+                  }, function (error) {
+                    if (error) {
+                      reject(error);
+                    } else {
+                      resolve();
+                    }
+                  });
+                });
+              case 2:
+                delete this.groups[groupName];
+              case 3:
+              case "end":
+                return _context10.stop();
+            }
+          }
+        }, _callee10, this);
+      }));
+    }
+  }, {
+    key: "leaveGroupOffline",
+    value: function leaveGroupOffline(groupName) {
+      delete this.groups[groupName];
+    }
+  }, {
+    key: "callOnlineWait",
+    value: function callOnlineWait(groupName, data, timeout) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee11() {
+        var _this5 = this;
+        return regeneratorRuntime.wrap(function _callee11$(_context11) {
+          while (1) {
+            switch (_context11.prev = _context11.next) {
+              case 0:
+                _context11.next = 2;
+                return new Promise(function (resolve, reject) {
+                  var _syncConfirmedListener;
+                  var _disconnectListener;
+                  var timeoutHandler;
+                  _syncConfirmedListener = function syncConfirmedListener(confirmedGroupName, confirmData) {
+                    if (confirmedGroupName === groupName) {
+                      if (typeof timeoutHandler !== 'undefined') {
+                        clearTimeout(timeoutHandler);
+                      }
+                      _this5.socket.off('disconnect', _disconnectListener);
+                      _this5.socket.off('sync_confirmed', _syncConfirmedListener);
+                      resolve(confirmData);
+                    }
+                  };
+                  _disconnectListener = function disconnectListener() {
+                    if (typeof timeoutHandler !== 'undefined') {
+                      clearTimeout(timeoutHandler);
+                    }
+                    _this5.socket.off('disconnect', _disconnectListener);
+                    _this5.socket.off('sync_confirmed', _syncConfirmedListener);
+                    // if it goes offline, it should automatically confirm all waits as if nothing happened
+                    try {
+                      var confirmData = _this5.callOfflineWait(groupName, data);
+                      resolve(confirmData);
+                    } catch (error) {
+                      reject(error);
+                    }
+                  };
+                  _this5.socket.on('sync_confirmed', _syncConfirmedListener);
+                  _this5.socket.on('disconnect', _disconnectListener);
+                  _this5.socket.emit('sync_request', {
+                    groupName: groupName,
+                    data: data
+                  }, function (error) {
+                    if (error) {
+                      _this5.socket.off('disconnect', _disconnectListener);
+                      _this5.socket.off('sync_confirmed', _syncConfirmedListener);
+                      reject(error);
+                    }
+                  });
+                  if (typeof timeout !== 'undefined') {
+                    timeoutHandler = setTimeout(function () {
+                      _syncConfirmedListener(groupName, data);
+                      _this5.socket.emit('sync_request_cancel', {
+                        groupName: groupName
+                      });
+                    }, timeout);
+                  }
+                });
+              case 2:
+                return _context11.abrupt("return", _context11.sent);
+              case 3:
+              case "end":
+                return _context11.stop();
+            }
+          }
+        }, _callee11);
+      }));
+    }
+  }, {
+    key: "callOfflineWait",
+    value: function callOfflineWait(groupName, data) {
+      if (typeof this.groups[groupName] === 'undefined') {
+        throw new Error('Group ' + groupName + 'wasn\'t initialized');
+      } else {
+        debug('offline wait confirmed for group ' + groupName);
+        return data;
+      }
+    }
+  }, {
+    key: "emitValue",
+    value: function emitValue(groupName, key, value) {
+      if (!this.groups[groupName]) {
+        throw new Error('Group ' + groupName + 'wasn\'t initialized');
+      }
+      this.emitter.emit(ISynchronizer_1.SynchronizerEvent.BroadcastedValue, {
+        groupName: groupName,
+        key: key,
+        value: value
+      });
+    }
+  }]);
+  return SocketSynchronizer;
+}();
+__decorate([(0, lockedDecorator_1.locked)('group', {
+  scope: 'instance'
+}), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", Promise)], SocketSynchronizer.prototype, "joinGroup", null);
+__decorate([(0, lockedDecorator_1.locked)('group', {
+  scope: 'instance'
+}), __metadata("design:type", Function), __metadata("design:paramtypes", [String]), __metadata("design:returntype", Promise)], SocketSynchronizer.prototype, "leaveGroup", null);
+exports["default"] = SocketSynchronizer;
+
+/***/ }),
+
+/***/ "./src/Synchronization/socketSynchronizerFactory.ts":
+/*!**********************************************************!*\
+  !*** ./src/Synchronization/socketSynchronizerFactory.ts ***!
+  \**********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSocketSynchronizer = void 0;
+var io = __webpack_require__(/*! socket.io-client */ "./node_modules/socket.io-client/lib/index.js");
+var SocketSynchronizer_1 = __webpack_require__(/*! ./SocketSynchronizer */ "./src/Synchronization/SocketSynchronizer.ts");
+function createSocketSynchronizer(serverUri, getNativeDriver) {
+  return new SocketSynchronizer_1["default"](getNativeDriver, function (ioServerUri) {
+    return io(ioServerUri);
+  }, serverUri);
+}
+exports.createSocketSynchronizer = createSocketSynchronizer;
+
+/***/ }),
+
 /***/ "./src/SystemInfo/WebBrowserEmulatorSystemInfo.ts":
 /*!********************************************************!*\
   !*** ./src/SystemInfo/WebBrowserEmulatorSystemInfo.ts ***!
@@ -205245,7 +206598,7 @@ var Raven = __webpack_require__(/*! raven-js */ "./node_modules/raven-js/src/sin
 var all_1 = __webpack_require__(/*! ./polyfills/all */ "./src/polyfills/all.ts");
 (0, all_1.polyfillAll)();
 var logger_1 = __webpack_require__(/*! ./Logging/logger */ "./src/Logging/logger.ts");
-var synchronizerFactory_1 = __webpack_require__(/*! ./Front/Applet/Sync/synchronizerFactory */ "./src/Front/Applet/Sync/synchronizerFactory.ts");
+var socketSynchronizerFactory_1 = __webpack_require__(/*! ./Synchronization/socketSynchronizerFactory */ "./src/Synchronization/socketSynchronizerFactory.ts");
 var masterWebWorkerFactory_1 = __webpack_require__(/*! ./WebWorker/masterWebWorkerFactory */ "./src/WebWorker/masterWebWorkerFactory.ts");
 var defaultDriverFactory_1 = __webpack_require__(/*! ./NativeDevice/Default/defaultDriverFactory */ "./src/NativeDevice/Default/defaultDriverFactory.ts");
 var parameters_1 = __webpack_require__(/*! ../config/parameters */ "./config/parameters.ts");
@@ -205278,7 +206631,7 @@ Raven.config(parameters_1.parameters.raven.enabled ? (_a = parameters_1.paramete
             _context.next = 10;
             return nativeDriver.initialize(parameters_1.parameters.url.staticBaseUrl);
           case 10:
-            synchronizer = (0, synchronizerFactory_1.createSocketSynchronizer)(parameters_1.parameters.url.synchronizerServerUrl, function () {
+            synchronizer = (0, socketSynchronizerFactory_1.createSocketSynchronizer)(parameters_1.parameters.url.synchronizerServerUrl, function () {
               return nativeDriver;
             });
             _context.prev = 11;