@reactoo/watchtogether-sdk-js 2.4.16 → 2.4.20

package/dist/watchtogether-sdk.js

@@ -1,6 +1,6 @@
 /*!
  *  @reactoo/watchtogether-sdk-js 
- *  @version 2.4.16
+ *  @version 2.4.20
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -4809,7 +4809,7 @@ eval(";\n\n(function (root, factory) {\n  if (true) {\n    // CommonJS\n    modu
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("/* WEBPACK VAR INJECTION */(function(process) {/* eslint-env browser */\n\n/**\n * This is the web browser implementation of `debug()`.\n */\nexports.formatArgs = formatArgs;\nexports.save = save;\nexports.load = load;\nexports.useColors = useColors;\nexports.storage = localstorage();\n\nexports.destroy = (() => {\n  let warned = false;\n  return () => {\n    if (!warned) {\n      warned = true;\n      console.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');\n    }\n  };\n})();\n/**\n * Colors.\n */\n\n\nexports.colors = ['#0000CC', '#0000FF', '#0033CC', '#0033FF', '#0066CC', '#0066FF', '#0099CC', '#0099FF', '#00CC00', '#00CC33', '#00CC66', '#00CC99', '#00CCCC', '#00CCFF', '#3300CC', '#3300FF', '#3333CC', '#3333FF', '#3366CC', '#3366FF', '#3399CC', '#3399FF', '#33CC00', '#33CC33', '#33CC66', '#33CC99', '#33CCCC', '#33CCFF', '#6600CC', '#6600FF', '#6633CC', '#6633FF', '#66CC00', '#66CC33', '#9900CC', '#9900FF', '#9933CC', '#9933FF', '#99CC00', '#99CC33', '#CC0000', '#CC0033', '#CC0066', '#CC0099', '#CC00CC', '#CC00FF', '#CC3300', '#CC3333', '#CC3366', '#CC3399', '#CC33CC', '#CC33FF', '#CC6600', '#CC6633', '#CC9900', '#CC9933', '#CCCC00', '#CCCC33', '#FF0000', '#FF0033', '#FF0066', '#FF0099', '#FF00CC', '#FF00FF', '#FF3300', '#FF3333', '#FF3366', '#FF3399', '#FF33CC', '#FF33FF', '#FF6600', '#FF6633', '#FF9900', '#FF9933', '#FFCC00', '#FFCC33'];\n/**\n * Currently only WebKit-based Web Inspectors, Firefox >= v31,\n * and the Firebug extension (any Firefox version) are known\n * to support \"%c\" CSS customizations.\n *\n * TODO: add a `localStorage` variable to explicitly enable/disable colors\n */\n// eslint-disable-next-line complexity\n\nfunction useColors() {\n  // NB: In an Electron preload script, document will be defined but not fully\n  // initialized. Since we know we're in Chrome, we'll just detect this case\n  // explicitly\n  if (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {\n    return true;\n  } // Internet Explorer and Edge do not support colors.\n\n\n  if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\\/(\\d+)/)) {\n    return false;\n  } // Is webkit? http://stackoverflow.com/a/16459606/376773\n  // document is undefined in react-native: https://github.com/facebook/react-native/pull/1632\n\n\n  return typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || typeof window !== 'undefined' && window.console && (window.console.firebug || window.console.exception && window.console.table) || typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\\/(\\d+)/) && parseInt(RegExp.$1, 10) >= 31 || typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/);\n}\n/**\n * Colorize log arguments if enabled.\n *\n * @api public\n */\n\n\nfunction formatArgs(args) {\n  args[0] = (this.useColors ? '%c' : '') + this.namespace + (this.useColors ? ' %c' : ' ') + args[0] + (this.useColors ? '%c ' : ' ') + '+' + module.exports.humanize(this.diff);\n\n  if (!this.useColors) {\n    return;\n  }\n\n  const c = 'color: ' + this.color;\n  args.splice(1, 0, c, 'color: inherit'); // The final \"%c\" is somewhat tricky, because there could be other\n  // arguments passed either before or after the %c, so we need to\n  // figure out the correct index to insert the CSS into\n\n  let index = 0;\n  let lastC = 0;\n  args[0].replace(/%[a-zA-Z%]/g, match => {\n    if (match === '%%') {\n      return;\n    }\n\n    index++;\n\n    if (match === '%c') {\n      // We only are interested in the *last* %c\n      // (the user may have provided their own)\n      lastC = index;\n    }\n  });\n  args.splice(lastC, 0, c);\n}\n/**\n * Invokes `console.debug()` when available.\n * No-op when `console.debug` is not a \"function\".\n * If `console.debug` is not available, falls back\n * to `console.log`.\n *\n * @api public\n */\n\n\nexports.log = console.debug || console.log || (() => {});\n/**\n * Save `namespaces`.\n *\n * @param {String} namespaces\n * @api private\n */\n\n\nfunction save(namespaces) {\n  try {\n    if (namespaces) {\n      exports.storage.setItem('debug', namespaces);\n    } else {\n      exports.storage.removeItem('debug');\n    }\n  } catch (error) {// Swallow\n    // XXX (@Qix-) should we be logging these?\n  }\n}\n/**\n * Load `namespaces`.\n *\n * @return {String} returns the previously persisted debug modes\n * @api private\n */\n\n\nfunction load() {\n  let r;\n\n  try {\n    r = exports.storage.getItem('debug');\n  } catch (error) {// Swallow\n    // XXX (@Qix-) should we be logging these?\n  } // If debug isn't set in LS, and we're in Electron, try to load $DEBUG\n\n\n  if (!r && typeof process !== 'undefined' && 'env' in process) {\n    r = process.env.DEBUG;\n  }\n\n  return r;\n}\n/**\n * Localstorage attempts to return the localstorage.\n *\n * This is necessary because safari throws\n * when a user disables cookies/localstorage\n * and you attempt to access it.\n *\n * @return {LocalStorage}\n * @api private\n */\n\n\nfunction localstorage() {\n  try {\n    // TVMLKit (Apple TV JS Runtime) does not have a window object, just localStorage in the global context\n    // The Browser also has localStorage in the global context.\n    return localStorage;\n  } catch (error) {// Swallow\n    // XXX (@Qix-) should we be logging these?\n  }\n}\n\nmodule.exports = __webpack_require__(/*! ./common */ \"./node_modules/debug/src/common.js\")(exports);\nconst {\n  formatters\n} = module.exports;\n/**\n * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.\n */\n\nformatters.j = function (v) {\n  try {\n    return JSON.stringify(v);\n  } catch (error) {\n    return '[UnexpectedJSONParseError]: ' + error.message;\n  }\n};\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../process/browser.js */ \"./node_modules/process/browser.js\")))\n\n//# sourceURL=webpack://WatchTogetherSDK/./node_modules/debug/src/browser.js?");
+eval("/* WEBPACK VAR INJECTION */(function(process) {/* eslint-env browser */\n\n/**\n * This is the web browser implementation of `debug()`.\n */\nexports.formatArgs = formatArgs;\nexports.save = save;\nexports.load = load;\nexports.useColors = useColors;\nexports.storage = localstorage();\n\nexports.destroy = (() => {\n  let warned = false;\n  return () => {\n    if (!warned) {\n      warned = true;\n      console.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');\n    }\n  };\n})();\n/**\n * Colors.\n */\n\n\nexports.colors = ['#0000CC', '#0000FF', '#0033CC', '#0033FF', '#0066CC', '#0066FF', '#0099CC', '#0099FF', '#00CC00', '#00CC33', '#00CC66', '#00CC99', '#00CCCC', '#00CCFF', '#3300CC', '#3300FF', '#3333CC', '#3333FF', '#3366CC', '#3366FF', '#3399CC', '#3399FF', '#33CC00', '#33CC33', '#33CC66', '#33CC99', '#33CCCC', '#33CCFF', '#6600CC', '#6600FF', '#6633CC', '#6633FF', '#66CC00', '#66CC33', '#9900CC', '#9900FF', '#9933CC', '#9933FF', '#99CC00', '#99CC33', '#CC0000', '#CC0033', '#CC0066', '#CC0099', '#CC00CC', '#CC00FF', '#CC3300', '#CC3333', '#CC3366', '#CC3399', '#CC33CC', '#CC33FF', '#CC6600', '#CC6633', '#CC9900', '#CC9933', '#CCCC00', '#CCCC33', '#FF0000', '#FF0033', '#FF0066', '#FF0099', '#FF00CC', '#FF00FF', '#FF3300', '#FF3333', '#FF3366', '#FF3399', '#FF33CC', '#FF33FF', '#FF6600', '#FF6633', '#FF9900', '#FF9933', '#FFCC00', '#FFCC33'];\n/**\n * Currently only WebKit-based Web Inspectors, Firefox >= v31,\n * and the Firebug extension (any Firefox version) are known\n * to support \"%c\" CSS customizations.\n *\n * TODO: add a `localStorage` variable to explicitly enable/disable colors\n */\n// eslint-disable-next-line complexity\n\nfunction useColors() {\n  // NB: In an Electron preload script, document will be defined but not fully\n  // initialized. Since we know we're in Chrome, we'll just detect this case\n  // explicitly\n  if (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {\n    return true;\n  } // Internet Explorer and Edge do not support colors.\n\n\n  if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\\/(\\d+)/)) {\n    return false;\n  } // Is webkit? http://stackoverflow.com/a/16459606/376773\n  // document is undefined in react-native: https://github.com/facebook/react-native/pull/1632\n\n\n  return typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || // Is firebug? http://stackoverflow.com/a/398120/376773\n  typeof window !== 'undefined' && window.console && (window.console.firebug || window.console.exception && window.console.table) || // Is firefox >= v31?\n  // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages\n  typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\\/(\\d+)/) && parseInt(RegExp.$1, 10) >= 31 || // Double check webkit in userAgent just in case we are in a worker\n  typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/);\n}\n/**\n * Colorize log arguments if enabled.\n *\n * @api public\n */\n\n\nfunction formatArgs(args) {\n  args[0] = (this.useColors ? '%c' : '') + this.namespace + (this.useColors ? ' %c' : ' ') + args[0] + (this.useColors ? '%c ' : ' ') + '+' + module.exports.humanize(this.diff);\n\n  if (!this.useColors) {\n    return;\n  }\n\n  const c = 'color: ' + this.color;\n  args.splice(1, 0, c, 'color: inherit'); // The final \"%c\" is somewhat tricky, because there could be other\n  // arguments passed either before or after the %c, so we need to\n  // figure out the correct index to insert the CSS into\n\n  let index = 0;\n  let lastC = 0;\n  args[0].replace(/%[a-zA-Z%]/g, match => {\n    if (match === '%%') {\n      return;\n    }\n\n    index++;\n\n    if (match === '%c') {\n      // We only are interested in the *last* %c\n      // (the user may have provided their own)\n      lastC = index;\n    }\n  });\n  args.splice(lastC, 0, c);\n}\n/**\n * Invokes `console.debug()` when available.\n * No-op when `console.debug` is not a \"function\".\n * If `console.debug` is not available, falls back\n * to `console.log`.\n *\n * @api public\n */\n\n\nexports.log = console.debug || console.log || (() => {});\n/**\n * Save `namespaces`.\n *\n * @param {String} namespaces\n * @api private\n */\n\n\nfunction save(namespaces) {\n  try {\n    if (namespaces) {\n      exports.storage.setItem('debug', namespaces);\n    } else {\n      exports.storage.removeItem('debug');\n    }\n  } catch (error) {// Swallow\n    // XXX (@Qix-) should we be logging these?\n  }\n}\n/**\n * Load `namespaces`.\n *\n * @return {String} returns the previously persisted debug modes\n * @api private\n */\n\n\nfunction load() {\n  let r;\n\n  try {\n    r = exports.storage.getItem('debug');\n  } catch (error) {// Swallow\n    // XXX (@Qix-) should we be logging these?\n  } // If debug isn't set in LS, and we're in Electron, try to load $DEBUG\n\n\n  if (!r && typeof process !== 'undefined' && 'env' in process) {\n    r = process.env.DEBUG;\n  }\n\n  return r;\n}\n/**\n * Localstorage attempts to return the localstorage.\n *\n * This is necessary because safari throws\n * when a user disables cookies/localstorage\n * and you attempt to access it.\n *\n * @return {LocalStorage}\n * @api private\n */\n\n\nfunction localstorage() {\n  try {\n    // TVMLKit (Apple TV JS Runtime) does not have a window object, just localStorage in the global context\n    // The Browser also has localStorage in the global context.\n    return localStorage;\n  } catch (error) {// Swallow\n    // XXX (@Qix-) should we be logging these?\n  }\n}\n\nmodule.exports = __webpack_require__(/*! ./common */ \"./node_modules/debug/src/common.js\")(exports);\nconst {\n  formatters\n} = module.exports;\n/**\n * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.\n */\n\nformatters.j = function (v) {\n  try {\n    return JSON.stringify(v);\n  } catch (error) {\n    return '[UnexpectedJSONParseError]: ' + error.message;\n  }\n};\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../process/browser.js */ \"./node_modules/process/browser.js\")))\n\n//# sourceURL=webpack://WatchTogetherSDK/./node_modules/debug/src/browser.js?");
 
 /***/ }),
 
@@ -7465,7 +7465,7 @@ eval("/**\n * A specialized version of `_.filter` for arrays without support for
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("var baseTimes = __webpack_require__(/*! ./_baseTimes */ \"./node_modules/swagger-client/node_modules/lodash/_baseTimes.js\"),\n    isArguments = __webpack_require__(/*! ./isArguments */ \"./node_modules/swagger-client/node_modules/lodash/isArguments.js\"),\n    isArray = __webpack_require__(/*! ./isArray */ \"./node_modules/swagger-client/node_modules/lodash/isArray.js\"),\n    isBuffer = __webpack_require__(/*! ./isBuffer */ \"./node_modules/swagger-client/node_modules/lodash/isBuffer.js\"),\n    isIndex = __webpack_require__(/*! ./_isIndex */ \"./node_modules/swagger-client/node_modules/lodash/_isIndex.js\"),\n    isTypedArray = __webpack_require__(/*! ./isTypedArray */ \"./node_modules/swagger-client/node_modules/lodash/isTypedArray.js\");\n/** Used for built-in method references. */\n\n\nvar objectProto = Object.prototype;\n/** Used to check objects for own properties. */\n\nvar hasOwnProperty = objectProto.hasOwnProperty;\n/**\n * Creates an array of the enumerable property names of the array-like `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @param {boolean} inherited Specify returning inherited property names.\n * @returns {Array} Returns the array of property names.\n */\n\nfunction arrayLikeKeys(value, inherited) {\n  var isArr = isArray(value),\n      isArg = !isArr && isArguments(value),\n      isBuff = !isArr && !isArg && isBuffer(value),\n      isType = !isArr && !isArg && !isBuff && isTypedArray(value),\n      skipIndexes = isArr || isArg || isBuff || isType,\n      result = skipIndexes ? baseTimes(value.length, String) : [],\n      length = result.length;\n\n  for (var key in value) {\n    if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && ( // Safari 9 has enumerable `arguments.length` in strict mode.\n    key == 'length' || isBuff && (key == 'offset' || key == 'parent') || isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset') || // Skip index properties.\n    isIndex(key, length)))) {\n      result.push(key);\n    }\n  }\n\n  return result;\n}\n\nmodule.exports = arrayLikeKeys;\n\n//# sourceURL=webpack://WatchTogetherSDK/./node_modules/swagger-client/node_modules/lodash/_arrayLikeKeys.js?");
+eval("var baseTimes = __webpack_require__(/*! ./_baseTimes */ \"./node_modules/swagger-client/node_modules/lodash/_baseTimes.js\"),\n    isArguments = __webpack_require__(/*! ./isArguments */ \"./node_modules/swagger-client/node_modules/lodash/isArguments.js\"),\n    isArray = __webpack_require__(/*! ./isArray */ \"./node_modules/swagger-client/node_modules/lodash/isArray.js\"),\n    isBuffer = __webpack_require__(/*! ./isBuffer */ \"./node_modules/swagger-client/node_modules/lodash/isBuffer.js\"),\n    isIndex = __webpack_require__(/*! ./_isIndex */ \"./node_modules/swagger-client/node_modules/lodash/_isIndex.js\"),\n    isTypedArray = __webpack_require__(/*! ./isTypedArray */ \"./node_modules/swagger-client/node_modules/lodash/isTypedArray.js\");\n/** Used for built-in method references. */\n\n\nvar objectProto = Object.prototype;\n/** Used to check objects for own properties. */\n\nvar hasOwnProperty = objectProto.hasOwnProperty;\n/**\n * Creates an array of the enumerable property names of the array-like `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @param {boolean} inherited Specify returning inherited property names.\n * @returns {Array} Returns the array of property names.\n */\n\nfunction arrayLikeKeys(value, inherited) {\n  var isArr = isArray(value),\n      isArg = !isArr && isArguments(value),\n      isBuff = !isArr && !isArg && isBuffer(value),\n      isType = !isArr && !isArg && !isBuff && isTypedArray(value),\n      skipIndexes = isArr || isArg || isBuff || isType,\n      result = skipIndexes ? baseTimes(value.length, String) : [],\n      length = result.length;\n\n  for (var key in value) {\n    if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && ( // Safari 9 has enumerable `arguments.length` in strict mode.\n    key == 'length' || // Node.js 0.10 has enumerable non-index properties on buffers.\n    isBuff && (key == 'offset' || key == 'parent') || // PhantomJS 2 has enumerable non-index properties on typed arrays.\n    isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset') || // Skip index properties.\n    isIndex(key, length)))) {\n      result.push(key);\n    }\n  }\n\n  return result;\n}\n\nmodule.exports = arrayLikeKeys;\n\n//# sourceURL=webpack://WatchTogetherSDK/./node_modules/swagger-client/node_modules/lodash/_arrayLikeKeys.js?");
 
 /***/ }),
 
@@ -9502,7 +9502,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimOnTrack\", function() { return shimOnTrack; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimPeerConnection\", function() { return shimPeerConnection; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimSenderGetStats\", function() { return shimSenderGetStats; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimReceiverGetStats\", function() { return shimReceiverGetStats; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimRemoveStream\", function() { return shimRemoveStream; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimRTCDataChannel\", function() { return shimRTCDataChannel; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimAddTransceiver\", function() { return shimAddTransceiver; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimGetParameters\", function() { return shimGetParameters; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimCreateOffer\", function() { return shimCreateOffer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimCreateAnswer\", function() { return shimCreateAnswer; });\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ \"./node_modules/webrtc-adapter/src/js/utils.js\");\n/* harmony import */ var _getusermedia__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getusermedia */ \"./node_modules/webrtc-adapter/src/js/firefox/getusermedia.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"shimGetUserMedia\", function() { return _getusermedia__WEBPACK_IMPORTED_MODULE_1__[\"shimGetUserMedia\"]; });\n\n/* harmony import */ var _getdisplaymedia__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getdisplaymedia */ \"./node_modules/webrtc-adapter/src/js/firefox/getdisplaymedia.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"shimGetDisplayMedia\", function() { return _getdisplaymedia__WEBPACK_IMPORTED_MODULE_2__[\"shimGetDisplayMedia\"]; });\n\n/*\n *  Copyright (c) 2016 The WebRTC project authors. All Rights Reserved.\n *\n *  Use of this source code is governed by a BSD-style license\n *  that can be found in the LICENSE file in the root of the source\n *  tree.\n */\n\n/* eslint-env node */\n\n\n\n\n\nfunction shimOnTrack(window) {\n  if (typeof window === 'object' && window.RTCTrackEvent && 'receiver' in window.RTCTrackEvent.prototype && !('transceiver' in window.RTCTrackEvent.prototype)) {\n    Object.defineProperty(window.RTCTrackEvent.prototype, 'transceiver', {\n      get() {\n        return {\n          receiver: this.receiver\n        };\n      }\n\n    });\n  }\n}\nfunction shimPeerConnection(window, browserDetails) {\n  if (typeof window !== 'object' || !(window.RTCPeerConnection || window.mozRTCPeerConnection)) {\n    return; // probably media.peerconnection.enabled=false in about:config\n  }\n\n  if (!window.RTCPeerConnection && window.mozRTCPeerConnection) {\n    // very basic support for old versions.\n    window.RTCPeerConnection = window.mozRTCPeerConnection;\n  }\n\n  if (browserDetails.version < 53) {\n    // shim away need for obsolete RTCIceCandidate/RTCSessionDescription.\n    ['setLocalDescription', 'setRemoteDescription', 'addIceCandidate'].forEach(function (method) {\n      const nativeMethod = window.RTCPeerConnection.prototype[method];\n      const methodObj = {\n        [method]() {\n          arguments[0] = new (method === 'addIceCandidate' ? window.RTCIceCandidate : window.RTCSessionDescription)(arguments[0]);\n          return nativeMethod.apply(this, arguments);\n        }\n\n      };\n      window.RTCPeerConnection.prototype[method] = methodObj[method];\n    });\n  }\n\n  const modernStatsTypes = {\n    inboundrtp: 'inbound-rtp',\n    outboundrtp: 'outbound-rtp',\n    candidatepair: 'candidate-pair',\n    localcandidate: 'local-candidate',\n    remotecandidate: 'remote-candidate'\n  };\n  const nativeGetStats = window.RTCPeerConnection.prototype.getStats;\n\n  window.RTCPeerConnection.prototype.getStats = function getStats() {\n    const [selector, onSucc, onErr] = arguments;\n    return nativeGetStats.apply(this, [selector || null]).then(stats => {\n      if (browserDetails.version < 53 && !onSucc) {\n        // Shim only promise getStats with spec-hyphens in type names\n        // Leave callback version alone; misc old uses of forEach before Map\n        try {\n          stats.forEach(stat => {\n            stat.type = modernStatsTypes[stat.type] || stat.type;\n          });\n        } catch (e) {\n          if (e.name !== 'TypeError') {\n            throw e;\n          } // Avoid TypeError: \"type\" is read-only, in old versions. 34-43ish\n\n\n          stats.forEach((stat, i) => {\n            stats.set(i, Object.assign({}, stat, {\n              type: modernStatsTypes[stat.type] || stat.type\n            }));\n          });\n        }\n      }\n\n      return stats;\n    }).then(onSucc, onErr);\n  };\n}\nfunction shimSenderGetStats(window) {\n  if (!(typeof window === 'object' && window.RTCPeerConnection && window.RTCRtpSender)) {\n    return;\n  }\n\n  if (window.RTCRtpSender && 'getStats' in window.RTCRtpSender.prototype) {\n    return;\n  }\n\n  const origGetSenders = window.RTCPeerConnection.prototype.getSenders;\n\n  if (origGetSenders) {\n    window.RTCPeerConnection.prototype.getSenders = function getSenders() {\n      const senders = origGetSenders.apply(this, []);\n      senders.forEach(sender => sender._pc = this);\n      return senders;\n    };\n  }\n\n  const origAddTrack = window.RTCPeerConnection.prototype.addTrack;\n\n  if (origAddTrack) {\n    window.RTCPeerConnection.prototype.addTrack = function addTrack() {\n      const sender = origAddTrack.apply(this, arguments);\n      sender._pc = this;\n      return sender;\n    };\n  }\n\n  window.RTCRtpSender.prototype.getStats = function getStats() {\n    return this.track ? this._pc.getStats(this.track) : Promise.resolve(new Map());\n  };\n}\nfunction shimReceiverGetStats(window) {\n  if (!(typeof window === 'object' && window.RTCPeerConnection && window.RTCRtpSender)) {\n    return;\n  }\n\n  if (window.RTCRtpSender && 'getStats' in window.RTCRtpReceiver.prototype) {\n    return;\n  }\n\n  const origGetReceivers = window.RTCPeerConnection.prototype.getReceivers;\n\n  if (origGetReceivers) {\n    window.RTCPeerConnection.prototype.getReceivers = function getReceivers() {\n      const receivers = origGetReceivers.apply(this, []);\n      receivers.forEach(receiver => receiver._pc = this);\n      return receivers;\n    };\n  }\n\n  _utils__WEBPACK_IMPORTED_MODULE_0__[\"wrapPeerConnectionEvent\"](window, 'track', e => {\n    e.receiver._pc = e.srcElement;\n    return e;\n  });\n\n  window.RTCRtpReceiver.prototype.getStats = function getStats() {\n    return this._pc.getStats(this.track);\n  };\n}\nfunction shimRemoveStream(window) {\n  if (!window.RTCPeerConnection || 'removeStream' in window.RTCPeerConnection.prototype) {\n    return;\n  }\n\n  window.RTCPeerConnection.prototype.removeStream = function removeStream(stream) {\n    _utils__WEBPACK_IMPORTED_MODULE_0__[\"deprecated\"]('removeStream', 'removeTrack');\n    this.getSenders().forEach(sender => {\n      if (sender.track && stream.getTracks().includes(sender.track)) {\n        this.removeTrack(sender);\n      }\n    });\n  };\n}\nfunction shimRTCDataChannel(window) {\n  // rename DataChannel to RTCDataChannel (native fix in FF60):\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=1173851\n  if (window.DataChannel && !window.RTCDataChannel) {\n    window.RTCDataChannel = window.DataChannel;\n  }\n}\nfunction shimAddTransceiver(window) {\n  // https://github.com/webrtcHacks/adapter/issues/998#issuecomment-516921647\n  // Firefox ignores the init sendEncodings options passed to addTransceiver\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=1396918\n  if (!(typeof window === 'object' && window.RTCPeerConnection)) {\n    return;\n  }\n\n  const origAddTransceiver = window.RTCPeerConnection.prototype.addTransceiver;\n\n  if (origAddTransceiver) {\n    window.RTCPeerConnection.prototype.addTransceiver = function addTransceiver() {\n      this.setParametersPromises = [];\n      const initParameters = arguments[1];\n      const shouldPerformCheck = initParameters && 'sendEncodings' in initParameters;\n\n      if (shouldPerformCheck) {\n        // If sendEncodings params are provided, validate grammar\n        initParameters.sendEncodings.forEach(encodingParam => {\n          if ('rid' in encodingParam) {\n            const ridRegex = /^[a-z0-9]{0,16}$/i;\n\n            if (!ridRegex.test(encodingParam.rid)) {\n              throw new TypeError('Invalid RID value provided.');\n            }\n          }\n\n          if ('scaleResolutionDownBy' in encodingParam) {\n            if (!(parseFloat(encodingParam.scaleResolutionDownBy) >= 1.0)) {\n              throw new RangeError('scale_resolution_down_by must be >= 1.0');\n            }\n          }\n\n          if ('maxFramerate' in encodingParam) {\n            if (!(parseFloat(encodingParam.maxFramerate) >= 0)) {\n              throw new RangeError('max_framerate must be >= 0.0');\n            }\n          }\n        });\n      }\n\n      const transceiver = origAddTransceiver.apply(this, arguments);\n\n      if (shouldPerformCheck) {\n        // Check if the init options were applied. If not we do this in an\n        // asynchronous way and save the promise reference in a global object.\n        // This is an ugly hack, but at the same time is way more robust than\n        // checking the sender parameters before and after the createOffer\n        // Also note that after the createoffer we are not 100% sure that\n        // the params were asynchronously applied so we might miss the\n        // opportunity to recreate offer.\n        const {\n          sender\n        } = transceiver;\n        const params = sender.getParameters();\n\n        if (!('encodings' in params) || params.encodings.length === 1 && Object.keys(params.encodings[0]).length === 0) {\n          params.encodings = initParameters.sendEncodings;\n          sender.sendEncodings = initParameters.sendEncodings;\n          this.setParametersPromises.push(sender.setParameters(params).then(() => {\n            delete sender.sendEncodings;\n          }).catch(() => {\n            delete sender.sendEncodings;\n          }));\n        }\n      }\n\n      return transceiver;\n    };\n  }\n}\nfunction shimGetParameters(window) {\n  if (!(typeof window === 'object' && window.RTCRtpSender)) {\n    return;\n  }\n\n  const origGetParameters = window.RTCRtpSender.prototype.getParameters;\n\n  if (origGetParameters) {\n    window.RTCRtpSender.prototype.getParameters = function getParameters() {\n      const params = origGetParameters.apply(this, arguments);\n\n      if (!('encodings' in params)) {\n        params.encodings = [].concat(this.sendEncodings || [{}]);\n      }\n\n      return params;\n    };\n  }\n}\nfunction shimCreateOffer(window) {\n  // https://github.com/webrtcHacks/adapter/issues/998#issuecomment-516921647\n  // Firefox ignores the init sendEncodings options passed to addTransceiver\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=1396918\n  if (!(typeof window === 'object' && window.RTCPeerConnection)) {\n    return;\n  }\n\n  const origCreateOffer = window.RTCPeerConnection.prototype.createOffer;\n\n  window.RTCPeerConnection.prototype.createOffer = function createOffer() {\n    if (this.setParametersPromises && this.setParametersPromises.length) {\n      return Promise.all(this.setParametersPromises).then(() => {\n        return origCreateOffer.apply(this, arguments);\n      }).finally(() => {\n        this.setParametersPromises = [];\n      });\n    }\n\n    return origCreateOffer.apply(this, arguments);\n  };\n}\nfunction shimCreateAnswer(window) {\n  // https://github.com/webrtcHacks/adapter/issues/998#issuecomment-516921647\n  // Firefox ignores the init sendEncodings options passed to addTransceiver\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=1396918\n  if (!(typeof window === 'object' && window.RTCPeerConnection)) {\n    return;\n  }\n\n  const origCreateAnswer = window.RTCPeerConnection.prototype.createAnswer;\n\n  window.RTCPeerConnection.prototype.createAnswer = function createAnswer() {\n    if (this.setParametersPromises && this.setParametersPromises.length) {\n      return Promise.all(this.setParametersPromises).then(() => {\n        return origCreateAnswer.apply(this, arguments);\n      }).finally(() => {\n        this.setParametersPromises = [];\n      });\n    }\n\n    return origCreateAnswer.apply(this, arguments);\n  };\n}\n\n//# sourceURL=webpack://WatchTogetherSDK/./node_modules/webrtc-adapter/src/js/firefox/firefox_shim.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimOnTrack\", function() { return shimOnTrack; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimPeerConnection\", function() { return shimPeerConnection; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimSenderGetStats\", function() { return shimSenderGetStats; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimReceiverGetStats\", function() { return shimReceiverGetStats; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimRemoveStream\", function() { return shimRemoveStream; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimRTCDataChannel\", function() { return shimRTCDataChannel; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimAddTransceiver\", function() { return shimAddTransceiver; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimGetParameters\", function() { return shimGetParameters; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimCreateOffer\", function() { return shimCreateOffer; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"shimCreateAnswer\", function() { return shimCreateAnswer; });\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ \"./node_modules/webrtc-adapter/src/js/utils.js\");\n/* harmony import */ var _getusermedia__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getusermedia */ \"./node_modules/webrtc-adapter/src/js/firefox/getusermedia.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"shimGetUserMedia\", function() { return _getusermedia__WEBPACK_IMPORTED_MODULE_1__[\"shimGetUserMedia\"]; });\n\n/* harmony import */ var _getdisplaymedia__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getdisplaymedia */ \"./node_modules/webrtc-adapter/src/js/firefox/getdisplaymedia.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"shimGetDisplayMedia\", function() { return _getdisplaymedia__WEBPACK_IMPORTED_MODULE_2__[\"shimGetDisplayMedia\"]; });\n\n/*\n *  Copyright (c) 2016 The WebRTC project authors. All Rights Reserved.\n *\n *  Use of this source code is governed by a BSD-style license\n *  that can be found in the LICENSE file in the root of the source\n *  tree.\n */\n\n/* eslint-env node */\n\n\n\n\n\nfunction shimOnTrack(window) {\n  if (typeof window === 'object' && window.RTCTrackEvent && 'receiver' in window.RTCTrackEvent.prototype && !('transceiver' in window.RTCTrackEvent.prototype)) {\n    Object.defineProperty(window.RTCTrackEvent.prototype, 'transceiver', {\n      get() {\n        return {\n          receiver: this.receiver\n        };\n      }\n\n    });\n  }\n}\nfunction shimPeerConnection(window, browserDetails) {\n  if (typeof window !== 'object' || !(window.RTCPeerConnection || window.mozRTCPeerConnection)) {\n    return; // probably media.peerconnection.enabled=false in about:config\n  }\n\n  if (!window.RTCPeerConnection && window.mozRTCPeerConnection) {\n    // very basic support for old versions.\n    window.RTCPeerConnection = window.mozRTCPeerConnection;\n  }\n\n  if (browserDetails.version < 53) {\n    // shim away need for obsolete RTCIceCandidate/RTCSessionDescription.\n    ['setLocalDescription', 'setRemoteDescription', 'addIceCandidate'].forEach(function (method) {\n      const nativeMethod = window.RTCPeerConnection.prototype[method];\n      const methodObj = {\n        [method]() {\n          arguments[0] = new (method === 'addIceCandidate' ? window.RTCIceCandidate : window.RTCSessionDescription)(arguments[0]);\n          return nativeMethod.apply(this, arguments);\n        }\n\n      };\n      window.RTCPeerConnection.prototype[method] = methodObj[method];\n    });\n  }\n\n  const modernStatsTypes = {\n    inboundrtp: 'inbound-rtp',\n    outboundrtp: 'outbound-rtp',\n    candidatepair: 'candidate-pair',\n    localcandidate: 'local-candidate',\n    remotecandidate: 'remote-candidate'\n  };\n  const nativeGetStats = window.RTCPeerConnection.prototype.getStats;\n\n  window.RTCPeerConnection.prototype.getStats = function getStats() {\n    const [selector, onSucc, onErr] = arguments;\n    return nativeGetStats.apply(this, [selector || null]).then(stats => {\n      if (browserDetails.version < 53 && !onSucc) {\n        // Shim only promise getStats with spec-hyphens in type names\n        // Leave callback version alone; misc old uses of forEach before Map\n        try {\n          stats.forEach(stat => {\n            stat.type = modernStatsTypes[stat.type] || stat.type;\n          });\n        } catch (e) {\n          if (e.name !== 'TypeError') {\n            throw e;\n          } // Avoid TypeError: \"type\" is read-only, in old versions. 34-43ish\n\n\n          stats.forEach((stat, i) => {\n            stats.set(i, Object.assign({}, stat, {\n              type: modernStatsTypes[stat.type] || stat.type\n            }));\n          });\n        }\n      }\n\n      return stats;\n    }).then(onSucc, onErr);\n  };\n}\nfunction shimSenderGetStats(window) {\n  if (!(typeof window === 'object' && window.RTCPeerConnection && window.RTCRtpSender)) {\n    return;\n  }\n\n  if (window.RTCRtpSender && 'getStats' in window.RTCRtpSender.prototype) {\n    return;\n  }\n\n  const origGetSenders = window.RTCPeerConnection.prototype.getSenders;\n\n  if (origGetSenders) {\n    window.RTCPeerConnection.prototype.getSenders = function getSenders() {\n      const senders = origGetSenders.apply(this, []);\n      senders.forEach(sender => sender._pc = this);\n      return senders;\n    };\n  }\n\n  const origAddTrack = window.RTCPeerConnection.prototype.addTrack;\n\n  if (origAddTrack) {\n    window.RTCPeerConnection.prototype.addTrack = function addTrack() {\n      const sender = origAddTrack.apply(this, arguments);\n      sender._pc = this;\n      return sender;\n    };\n  }\n\n  window.RTCRtpSender.prototype.getStats = function getStats() {\n    return this.track ? this._pc.getStats(this.track) : Promise.resolve(new Map());\n  };\n}\nfunction shimReceiverGetStats(window) {\n  if (!(typeof window === 'object' && window.RTCPeerConnection && window.RTCRtpSender)) {\n    return;\n  }\n\n  if (window.RTCRtpSender && 'getStats' in window.RTCRtpReceiver.prototype) {\n    return;\n  }\n\n  const origGetReceivers = window.RTCPeerConnection.prototype.getReceivers;\n\n  if (origGetReceivers) {\n    window.RTCPeerConnection.prototype.getReceivers = function getReceivers() {\n      const receivers = origGetReceivers.apply(this, []);\n      receivers.forEach(receiver => receiver._pc = this);\n      return receivers;\n    };\n  }\n\n  _utils__WEBPACK_IMPORTED_MODULE_0__[\"wrapPeerConnectionEvent\"](window, 'track', e => {\n    e.receiver._pc = e.srcElement;\n    return e;\n  });\n\n  window.RTCRtpReceiver.prototype.getStats = function getStats() {\n    return this._pc.getStats(this.track);\n  };\n}\nfunction shimRemoveStream(window) {\n  if (!window.RTCPeerConnection || 'removeStream' in window.RTCPeerConnection.prototype) {\n    return;\n  }\n\n  window.RTCPeerConnection.prototype.removeStream = function removeStream(stream) {\n    _utils__WEBPACK_IMPORTED_MODULE_0__[\"deprecated\"]('removeStream', 'removeTrack');\n    this.getSenders().forEach(sender => {\n      if (sender.track && stream.getTracks().includes(sender.track)) {\n        this.removeTrack(sender);\n      }\n    });\n  };\n}\nfunction shimRTCDataChannel(window) {\n  // rename DataChannel to RTCDataChannel (native fix in FF60):\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=1173851\n  if (window.DataChannel && !window.RTCDataChannel) {\n    window.RTCDataChannel = window.DataChannel;\n  }\n}\nfunction shimAddTransceiver(window) {\n  // https://github.com/webrtcHacks/adapter/issues/998#issuecomment-516921647\n  // Firefox ignores the init sendEncodings options passed to addTransceiver\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=1396918\n  if (!(typeof window === 'object' && window.RTCPeerConnection)) {\n    return;\n  }\n\n  const origAddTransceiver = window.RTCPeerConnection.prototype.addTransceiver;\n\n  if (origAddTransceiver) {\n    window.RTCPeerConnection.prototype.addTransceiver = function addTransceiver() {\n      this.setParametersPromises = [];\n      const initParameters = arguments[1];\n      const shouldPerformCheck = initParameters && 'sendEncodings' in initParameters;\n\n      if (shouldPerformCheck) {\n        // If sendEncodings params are provided, validate grammar\n        initParameters.sendEncodings.forEach(encodingParam => {\n          if ('rid' in encodingParam) {\n            const ridRegex = /^[a-z0-9]{0,16}$/i;\n\n            if (!ridRegex.test(encodingParam.rid)) {\n              throw new TypeError('Invalid RID value provided.');\n            }\n          }\n\n          if ('scaleResolutionDownBy' in encodingParam) {\n            if (!(parseFloat(encodingParam.scaleResolutionDownBy) >= 1.0)) {\n              throw new RangeError('scale_resolution_down_by must be >= 1.0');\n            }\n          }\n\n          if ('maxFramerate' in encodingParam) {\n            if (!(parseFloat(encodingParam.maxFramerate) >= 0)) {\n              throw new RangeError('max_framerate must be >= 0.0');\n            }\n          }\n        });\n      }\n\n      const transceiver = origAddTransceiver.apply(this, arguments);\n\n      if (shouldPerformCheck) {\n        // Check if the init options were applied. If not we do this in an\n        // asynchronous way and save the promise reference in a global object.\n        // This is an ugly hack, but at the same time is way more robust than\n        // checking the sender parameters before and after the createOffer\n        // Also note that after the createoffer we are not 100% sure that\n        // the params were asynchronously applied so we might miss the\n        // opportunity to recreate offer.\n        const {\n          sender\n        } = transceiver;\n        const params = sender.getParameters();\n\n        if (!('encodings' in params) || // Avoid being fooled by patched getParameters() below.\n        params.encodings.length === 1 && Object.keys(params.encodings[0]).length === 0) {\n          params.encodings = initParameters.sendEncodings;\n          sender.sendEncodings = initParameters.sendEncodings;\n          this.setParametersPromises.push(sender.setParameters(params).then(() => {\n            delete sender.sendEncodings;\n          }).catch(() => {\n            delete sender.sendEncodings;\n          }));\n        }\n      }\n\n      return transceiver;\n    };\n  }\n}\nfunction shimGetParameters(window) {\n  if (!(typeof window === 'object' && window.RTCRtpSender)) {\n    return;\n  }\n\n  const origGetParameters = window.RTCRtpSender.prototype.getParameters;\n\n  if (origGetParameters) {\n    window.RTCRtpSender.prototype.getParameters = function getParameters() {\n      const params = origGetParameters.apply(this, arguments);\n\n      if (!('encodings' in params)) {\n        params.encodings = [].concat(this.sendEncodings || [{}]);\n      }\n\n      return params;\n    };\n  }\n}\nfunction shimCreateOffer(window) {\n  // https://github.com/webrtcHacks/adapter/issues/998#issuecomment-516921647\n  // Firefox ignores the init sendEncodings options passed to addTransceiver\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=1396918\n  if (!(typeof window === 'object' && window.RTCPeerConnection)) {\n    return;\n  }\n\n  const origCreateOffer = window.RTCPeerConnection.prototype.createOffer;\n\n  window.RTCPeerConnection.prototype.createOffer = function createOffer() {\n    if (this.setParametersPromises && this.setParametersPromises.length) {\n      return Promise.all(this.setParametersPromises).then(() => {\n        return origCreateOffer.apply(this, arguments);\n      }).finally(() => {\n        this.setParametersPromises = [];\n      });\n    }\n\n    return origCreateOffer.apply(this, arguments);\n  };\n}\nfunction shimCreateAnswer(window) {\n  // https://github.com/webrtcHacks/adapter/issues/998#issuecomment-516921647\n  // Firefox ignores the init sendEncodings options passed to addTransceiver\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=1396918\n  if (!(typeof window === 'object' && window.RTCPeerConnection)) {\n    return;\n  }\n\n  const origCreateAnswer = window.RTCPeerConnection.prototype.createAnswer;\n\n  window.RTCPeerConnection.prototype.createAnswer = function createAnswer() {\n    if (this.setParametersPromises && this.setParametersPromises.length) {\n      return Promise.all(this.setParametersPromises).then(() => {\n        return origCreateAnswer.apply(this, arguments);\n      }).finally(() => {\n        this.setParametersPromises = [];\n      });\n    }\n\n    return origCreateAnswer.apply(this, arguments);\n  };\n}\n\n//# sourceURL=webpack://WatchTogetherSDK/./node_modules/webrtc-adapter/src/js/firefox/firefox_shim.js?");
 
 /***/ }),
 
@@ -9643,7 +9643,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _mod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _modules_wt_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modules/wt-utils */ \"./src/modules/wt-utils.js\");\n\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\nvar auth = function auth() {\n  var _this = this;\n\n  return {\n    login: function login(username, password) {\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.signIn({}, {\n          requestBody: {\n            username: username,\n            password: password\n          }\n        });\n      }).then(function (response) {\n        _this.userId = response.data.userId;\n        _this.username = response.data.username;\n        return _this.__privates.auth.login(response.data.idToken, response.data.accessToken, response.data.refreshToken);\n      });\n    },\n    providerLogin: function providerLogin(domain, token, displayname) {\n      if (!token && typeof _this.__privates.providerAuth === 'function') {\n        var _this$__privates$prov = _this.__privates.providerAuth();\n\n        token = _this$__privates$prov.token;\n        displayname = _this$__privates$prov.displayname;\n      }\n\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.providerSignIn({}, {\n          requestBody: _objectSpread({\n            domain: domain,\n            token: token\n          }, displayname !== null && {\n            displayname: displayname\n          })\n        });\n      }).then(function (response) {\n        _this.userId = response.data.userId;\n        _this.username = response.data.username;\n        return _this.__privates.auth.login(response.data.idToken, response.data.accessToken, response.data.refreshToken);\n      });\n    },\n    getProviderAuth: function getProviderAuth() {\n      return _this.__privates.providerAuth;\n    },\n    deviceLogin: function deviceLogin() {\n      return Object(_modules_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(300).then(function () {\n        return Object(_modules_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"getBrowserFingerprint\"])(_this.__instanceType);\n      }).then(function (deviceId) {\n        return Promise.all([deviceId, _this.__privates.auth.__client]);\n      }).then(function (_ref) {\n        var _ref2 = _slicedToArray(_ref, 2),\n            deviceId = _ref2[0],\n            client = _ref2[1];\n\n        return client.apis.auth.deviceSignIn({}, {\n          requestBody: {\n            deviceId: deviceId,\n            domain: location.hostname\n          }\n        });\n      }).then(function (response) {\n        _this.userId = response.data.userId;\n        _this.username = response.data.username;\n        return _this.__privates.auth.login(response.data.idToken, response.data.accessToken, response.data.refreshToken);\n      });\n    },\n    logout: function logout() {\n      return _this.__privates.auth.logout();\n    },\n    isLoggedIn: function isLoggedIn() {\n      return _this.__privates.auth.isLoggedIn();\n    },\n    setLanguage: function setLanguage(language) {\n      return _this.__privates.auth.setLanguage(language);\n    },\n    getLanguage: function getLanguage() {\n      return _this.__privates.auth.__language;\n    },\n    signUp: function signUp(username, password, email, phone) {\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.signUp({}, {\n          requestBody: {\n            username: username,\n            password: password,\n            email: email,\n            phone: phone\n          }\n        });\n      });\n    },\n    confirmSignUp: function confirmSignUp(confirmationCode, username, displayname) {\n      var isPublic = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.confirmSignUp({}, {\n          requestBody: {\n            confirmationCode: confirmationCode,\n            username: username,\n            displayname: displayname,\n            isPublic: isPublic\n          }\n        });\n      }).then(function (response) {\n        _this.userId = response.data.userId;\n        _this.username = response.data.username;\n        return _this.__privates.auth.login(response.data.idToken, response.data.accessToken, response.data.refreshToken);\n      });\n    },\n    resendConfirmationCode: function resendConfirmationCode(username) {\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.resendConfirmationCode({}, {\n          requestBody: {\n            username: username\n          }\n        });\n      });\n    },\n    forgotPassword: function forgotPassword(username) {\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.forgotPassword({}, {\n          requestBody: {\n            username: username\n          }\n        });\n      });\n    },\n    confirmForgotPassword: function confirmForgotPassword(username, confirmationCode, password) {\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.confirmForgotPassword({}, {\n          requestBody: {\n            password: password,\n            confirmationCode: confirmationCode,\n            username: username\n          }\n        });\n      });\n    },\n    $on: function $on(key, callback, that) {\n      return _this.__privates.auth.on(key, callback, that || _this);\n    },\n    $off: function $off(key, callback, that) {\n      return _this.__privates.auth.off(key, callback, that || _this);\n    },\n    $clear: function $clear() {\n      return _this.__privates.auth.clear();\n    }\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (auth);\n\n//# sourceURL=webpack://WatchTogetherSDK/./src/models/auth.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _modules_wt_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modules/wt-utils */ \"./src/modules/wt-utils.js\");\n\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\nvar auth = function auth() {\n  var _this = this;\n\n  return {\n    login: function login(username, password) {\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.signIn({}, {\n          requestBody: {\n            username: username,\n            password: password\n          }\n        });\n      }).then(function (response) {\n        _this.userId = response.data.userId;\n        _this.username = response.data.username;\n        return _this.__privates.auth.login(response.data.idToken, response.data.accessToken, response.data.refreshToken);\n      });\n    },\n    providerLogin: function providerLogin(domain, token, displayname, deviceId) {\n      if (!token && typeof _this.__privates.providerAuth === 'function') {\n        var _this$__privates$prov = _this.__privates.providerAuth();\n\n        token = _this$__privates$prov.token;\n        displayname = _this$__privates$prov.displayname;\n      }\n\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.providerSignIn({}, {\n          requestBody: _objectSpread(_objectSpread({\n            domain: domain,\n            token: token\n          }, displayname && {\n            displayname: displayname\n          }), deviceId !== null && {\n            deviceId: deviceId\n          })\n        });\n      }).then(function (response) {\n        _this.userId = response.data.userId;\n        _this.username = response.data.username;\n        return _this.__privates.auth.login(response.data.idToken, response.data.accessToken, response.data.refreshToken);\n      });\n    },\n    getProviderAuth: function getProviderAuth() {\n      return _this.__privates.providerAuth;\n    },\n    deviceLogin: function deviceLogin() {\n      return Object(_modules_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(300).then(function () {\n        return Object(_modules_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"getBrowserFingerprint\"])(_this.__instanceType);\n      }).then(function (deviceId) {\n        return Promise.all([deviceId, _this.__privates.auth.__client]);\n      }).then(function (_ref) {\n        var _ref2 = _slicedToArray(_ref, 2),\n            deviceId = _ref2[0],\n            client = _ref2[1];\n\n        return client.apis.auth.deviceSignIn({}, {\n          requestBody: {\n            deviceId: deviceId,\n            domain: location.hostname\n          }\n        });\n      }).then(function (response) {\n        _this.userId = response.data.userId;\n        _this.username = response.data.username;\n        return _this.__privates.auth.login(response.data.idToken, response.data.accessToken, response.data.refreshToken);\n      });\n    },\n    logout: function logout() {\n      return _this.__privates.auth.logout();\n    },\n    isLoggedIn: function isLoggedIn() {\n      return _this.__privates.auth.isLoggedIn();\n    },\n    setLanguage: function setLanguage(language) {\n      return _this.__privates.auth.setLanguage(language);\n    },\n    getLanguage: function getLanguage() {\n      return _this.__privates.auth.__language;\n    },\n    signUp: function signUp(username, password, email, phone) {\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.signUp({}, {\n          requestBody: {\n            username: username,\n            password: password,\n            email: email,\n            phone: phone\n          }\n        });\n      });\n    },\n    confirmSignUp: function confirmSignUp(confirmationCode, username, displayname) {\n      var isPublic = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.confirmSignUp({}, {\n          requestBody: {\n            confirmationCode: confirmationCode,\n            username: username,\n            displayname: displayname,\n            isPublic: isPublic\n          }\n        });\n      }).then(function (response) {\n        _this.userId = response.data.userId;\n        _this.username = response.data.username;\n        return _this.__privates.auth.login(response.data.idToken, response.data.accessToken, response.data.refreshToken);\n      });\n    },\n    resendConfirmationCode: function resendConfirmationCode(username) {\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.resendConfirmationCode({}, {\n          requestBody: {\n            username: username\n          }\n        });\n      });\n    },\n    forgotPassword: function forgotPassword(username) {\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.forgotPassword({}, {\n          requestBody: {\n            username: username\n          }\n        });\n      });\n    },\n    confirmForgotPassword: function confirmForgotPassword(username, confirmationCode, password) {\n      return _this.__privates.auth.__client.then(function (client) {\n        return client.apis.auth.confirmForgotPassword({}, {\n          requestBody: {\n            password: password,\n            confirmationCode: confirmationCode,\n            username: username\n          }\n        });\n      });\n    },\n    $on: function $on(key, callback, that) {\n      return _this.__privates.auth.on(key, callback, that || _this);\n    },\n    $off: function $off(key, callback, that) {\n      return _this.__privates.auth.off(key, callback, that || _this);\n    },\n    $clear: function $clear() {\n      return _this.__privates.auth.clear();\n    }\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (auth);\n\n//# sourceURL=webpack://WatchTogetherSDK/./src/models/auth.js?");
 
 /***/ }),
 
@@ -9667,7 +9667,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n\n\nfunction _toConsumableArr
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _modules_wt_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modules/wt-utils */ \"./src/modules/wt-utils.js\");\n/* harmony import */ var _modules_wt_emitter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../modules/wt-emitter */ \"./src/modules/wt-emitter.js\");\n/* harmony import */ var _modules_sync_modules_sync_hls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../modules/sync-modules/sync-hls */ \"./src/modules/sync-modules/sync-hls.js\");\n/* harmony import */ var _modules_sync_modules_sync_hls_vod__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../modules/sync-modules/sync-hls-vod */ \"./src/modules/sync-modules/sync-hls-vod.js\");\n/* harmony import */ var _modules_sync_modules_sync_native_hls_vod__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../modules/sync-modules/sync-native-hls-vod */ \"./src/modules/sync-modules/sync-native-hls-vod.js\");\n/* harmony import */ var _modules_sync_modules_sync_native_hls__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../modules/sync-modules/sync-native-hls */ \"./src/modules/sync-modules/sync-native-hls.js\");\n/* harmony import */ var _modules_sync_modules_sync_shaka_dash__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../modules/sync-modules/sync-shaka-dash */ \"./src/modules/sync-modules/sync-shaka-dash.js\");\n/* harmony import */ var _modules_sync_modules_sync_shaka_dash_vod__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../modules/sync-modules/sync-shaka-dash-vod */ \"./src/modules/sync-modules/sync-shaka-dash-vod.js\");\n/* harmony import */ var _modules_sync_modules_sync_dash__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../modules/sync-modules/sync-dash */ \"./src/modules/sync-modules/sync-dash.js\");\n/* harmony import */ var _modules_sync_modules_sync_dash_vod__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../modules/sync-modules/sync-dash-vod */ \"./src/modules/sync-modules/sync-dash-vod.js\");\n/* harmony import */ var _modules_sync_modules_sync_doris__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../modules/sync-modules/sync-doris */ \"./src/modules/sync-modules/sync-doris.js\");\n/* harmony import */ var _modules_sync_modules_sync_disabled__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../modules/sync-modules/sync-disabled */ \"./src/modules/sync-modules/sync-disabled.js\");\n/* harmony import */ var _modules_sync_modules_sync_dazn_dash__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../modules/sync-modules/sync-dazn-dash */ \"./src/modules/sync-modules/sync-dazn-dash.js\");\n/* harmony import */ var _modules_sync_modules_sync_universal__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../modules/sync-modules/sync-universal */ \"./src/modules/sync-modules/sync-universal.js\");\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\n\n // SYNCHRONISATION MODULES\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar roomSession = function roomSession(_ref, room, wt) {\n  var _this5 = this;\n\n  var roomId = _ref.roomId,\n      pinHash = _ref.pinHash,\n      isTalkback = _ref.isTalkback,\n      isMonitor = _ref.isMonitor,\n      isInstructor = _ref.isInstructor;\n  var publicCustomEvents = ['changePlayerSource', 'chatMessage', 'userUpdate', 'reconnecting', 'connecting', 'remoteMuted', 'scaling'];\n\n  var addEvents = function addEvents(events) {\n    publicCustomEvents = [].concat(_toConsumableArray(publicCustomEvents), _toConsumableArray(events));\n  };\n\n  var removeEvents = function removeEvents(events) {\n    publicCustomEvents = publicCustomEvents.filter(function (ev) {\n      return events.indexOf(ev) === -1;\n    });\n  };\n\n  var emitter = Object(_modules_wt_emitter__WEBPACK_IMPORTED_MODULE_1__[\"default\"])();\n\n  var alpTimeoutId = null;\n  var publishRetry = 0;\n  var maxPublishRetry = 3;\n\n  var ___; // return object\n\n\n  room.on('addLocalParticipant', function () {\n    // TODO: this timeout is a hotfix and should be sorted differently\n    // At some random case we don't get message back if we don't wait\n    clearTimeout(alpTimeoutId);\n    alpTimeoutId = setTimeout(function () {\n      ___.__requestMuteStatus();\n    }, 1000);\n  });\n  room.on('localMuted', function (_ref2) {\n    var type = _ref2.type,\n        value = _ref2.value;\n\n    ___.sendSystemMessage('remote_muted', {\n      type: type,\n      value: value\n    });\n  });\n  room.on('data', function (data) {\n    ___.__parseDataEvents(data);\n  });\n  return ___ = {\n    syncModule: null,\n    playerInterface: null,\n    destroy: function destroy() {\n      var _this = this;\n\n      clearTimeout(alpTimeoutId);\n      this.detachPlayer();\n      return wt.room.destroySession(room.constructId).finally(function () {\n        _this.$clear();\n      });\n    },\n    iceRestart: function iceRestart() {\n      return room._iceRestart(room.handleId);\n    },\n    connect: function connect() {\n      var _this2 = this;\n\n      emitter.emit('connecting', true);\n      clearTimeout(alpTimeoutId);\n      return Promise.all([wt.room.__joinRoom({\n        roomId: roomId,\n        pinHash: pinHash,\n        isTalkback: isTalkback,\n        isMonitor: isMonitor,\n        isInstructor: isInstructor\n      }), wt.user.getUserSelf()]).then(function (_ref3) {\n        var _ref4 = _slicedToArray(_ref3, 2),\n            roomData = _ref4[0],\n            userData = _ref4[1];\n\n        return Promise.all([roomData, userData, _this2.setRoomVars()]);\n      }).then(function (_ref5) {\n        var _ref6 = _slicedToArray(_ref5, 3),\n            roomData = _ref6[0],\n            userData = _ref6[1],\n            _ = _ref6[2];\n\n        return room.connect(roomData.data.roomId, roomData.data.pin, roomData.data.href, roomData.data.iceServers, roomData.data.accessToken, isMonitor || isInstructor ? roomData.data.userId : userData.data._id, roomData.data.webrtcVersion, roomData.data.bitrate ? parseInt(roomData.data.bitrate) : 0, isMonitor, roomData.data.recordingFilename);\n      }).finally(function () {\n        emitter.emit('connecting', false);\n      });\n    },\n    disconnect: function disconnect(dontWaitForResponses) {\n      clearTimeout(alpTimeoutId);\n      return room.disconnect(dontWaitForResponses);\n    },\n    //TODO: refactor restart method\n    restart: function restart(reason) {\n      var _this3 = this;\n\n      var forceCurrentStream = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n      var isObserver = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n      emitter.emit('reconnecting', true);\n      room.isRestarting = true;\n      var wasPublished = room._isPublished;\n\n      var handle = room._getHandle(room.handleId);\n\n      var stream = null;\n\n      if (handle && handle.webrtcStuff && (wasPublished || forceCurrentStream)) {\n        stream = handle.webrtcStuff.stream;\n      }\n\n      return this.disconnect().then(function () {\n        return Object(_modules_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(1000);\n      }) //TODO: remove 1000ms wait by waiting for proper events from janus\n      .then(function () {\n        return _this3.connect();\n      }).then(function () {\n        if (isObserver) {\n          return _this3.publishLocal(null, {\n            getStreamIfEmpty: false,\n            unpublishFirst: true\n          });\n        } else if (stream) {\n          return _this3.publishLocal(stream);\n        } else return Promise.resolve();\n      }).then(function () {\n        room.isRestarting = false;\n        emitter.emit('reconnecting', false);\n        return 1;\n      }).catch(function (error) {\n        room.isRestarting = false;\n        emitter.emit('reconnecting', false);\n        emitter.emit('error', {\n          type: 'error',\n          id: 26,\n          message: 'reconnecting failed',\n          data: error\n        });\n        return Promise.reject(0);\n      });\n    },\n    getStats: function getStats() {\n      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n      return room._getStats(type);\n    },\n    getRoomParticipants: function getRoomParticipants() {\n      return room._participants;\n    },\n    __parseDataEvents: function __parseDataEvents() {\n      var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n      if (msg.videoroom === 'message') {\n        if (msg.action === 'pending_shutdown' || msg.action === 'shutting_down') {\n          emitter.emit('scaling');\n          this.restart('scaling'); // current videoroom was reassigned to a different WebRTC instance\n        } else if (msg.action === 'force_restart') {\n          this.restart('force');\n        } else if (msg.action === 'user_update_displayname' || msg.action === 'user_update_avatar' || msg.action === 'user_update_customattributes' || msg.action === 'user_update_privateattributes') {\n          emitter.emit('userUpdate', msg.text);\n        } else if (msg.action === 'observer_connecting' || msg.action === 'talkback_connecting' || msg.action === 'instructor_connecting') {\n          this.setRoomVars(null, msg.action === 'observer_connecting').catch(function (e) {\n            room._log('Setting observers failed, this will cause issues', e);\n          });\n        } else if (msg.action === 'bitrate_changed') {\n          this.setBitrateCap(msg.text);\n        } else if (msg.user_action === 'chat_message') {\n          emitter.emit('chatMessage', msg);\n        } else if (msg.user_action === 'remote_muted') {\n          if (msg.from !== room.userId) {\n            emitter.emit('remoteMuted', _objectSpread({\n              userId: msg.from\n            }, msg.text && JSON.parse(msg.text)));\n          }\n        } else if (msg.user_action === 'remote_muted_request') {\n          if (msg.from !== room.userId) {\n            this.__sendMuteStatus();\n          }\n        }\n      }\n    },\n    renderPlayer: function renderPlayer(playerWrapper, fullscreenElement, roomId) {\n      this.syncModule = Object(_modules_sync_modules_sync_universal__WEBPACK_IMPORTED_MODULE_13__[\"default\"])({\n        room: room,\n        wt: wt,\n        roomSession: this,\n        emitter: emitter\n      });\n      this.playerInterface = wt.__privates.playerFactory(playerWrapper, fullscreenElement, this.syncModule.getHandlers(), {\n        roomId: roomId\n      });\n      this.syncModule.initialize({\n        playerInterface: this.playerInterface\n      });\n    },\n    attachPlayer: function attachPlayer(type, inputs) {\n      this.detachPlayer();\n\n      if (type === 'hlsjs') {\n        this.syncModule = Object(_modules_sync_modules_sync_hls__WEBPACK_IMPORTED_MODULE_2__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'hlsjs-vod') {\n        this.syncModule = Object(_modules_sync_modules_sync_hls_vod__WEBPACK_IMPORTED_MODULE_3__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'hlsnative-vod') {\n        this.syncModule = Object(_modules_sync_modules_sync_native_hls_vod__WEBPACK_IMPORTED_MODULE_4__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'hlsnative') {\n        this.syncModule = Object(_modules_sync_modules_sync_native_hls__WEBPACK_IMPORTED_MODULE_5__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'shaka-dash-vod') {\n        this.syncModule = Object(_modules_sync_modules_sync_shaka_dash_vod__WEBPACK_IMPORTED_MODULE_7__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'shaka-dash') {\n        this.syncModule = Object(_modules_sync_modules_sync_shaka_dash__WEBPACK_IMPORTED_MODULE_6__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'dashjs') {\n        this.syncModule = Object(_modules_sync_modules_sync_dash__WEBPACK_IMPORTED_MODULE_8__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'dashjs-vod') {\n        this.syncModule = Object(_modules_sync_modules_sync_dash_vod__WEBPACK_IMPORTED_MODULE_9__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'doris') {\n        this.syncModule = Object(_modules_sync_modules_sync_doris__WEBPACK_IMPORTED_MODULE_10__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'dazn-dash') {\n        this.syncModule = Object(_modules_sync_modules_sync_dazn_dash__WEBPACK_IMPORTED_MODULE_12__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'disabled') {\n        this.syncModule = Object(_modules_sync_modules_sync_disabled__WEBPACK_IMPORTED_MODULE_11__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else {\n        room._log('Synchronisation type not recognised');\n      }\n    },\n    detachPlayer: function detachPlayer() {\n      if (this.syncModule) {\n        this.playerInterface = null;\n        this.syncModule.destroy();\n\n        if (this.syncModule.__events) {\n          removeEvents(this.syncModule.__events);\n        }\n\n        this.syncModule = null;\n      }\n    },\n    setRoomVars: function setRoomVars() {\n      var observerIds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n      var emit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      return wt.room.getRoomById(roomId, pinHash).then(function (r) {\n        var _r$data$classroom;\n\n        if (emit) {\n          // emiting \"fake\" playerSource event\n          //TODO: somehow push into sync modules instead\n          emitter.emit('changePlayerSource', r.data.wtChannelId, true);\n        } // setting observers userId's so we can ignore them when creating participant\n\n\n        room.setObserverIds(r.data.allowedObservers);\n        room.setTalkbackIds(r.data.allowedTalkbacks);\n        room.setInstructorId((_r$data$classroom = r.data.classroom) === null || _r$data$classroom === void 0 ? void 0 : _r$data$classroom.instructorUserId);\n      });\n    },\n    publishLocal: function publishLocal() {\n      var stream = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n\n      var _ref7 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n          _ref7$keepAudio = _ref7.keepAudio,\n          keepAudio = _ref7$keepAudio === void 0 ? false : _ref7$keepAudio,\n          _ref7$keepVideo = _ref7.keepVideo,\n          keepVideo = _ref7$keepVideo === void 0 ? false : _ref7$keepVideo,\n          _ref7$getStreamIfEmpt = _ref7.getStreamIfEmpty,\n          getStreamIfEmpty = _ref7$getStreamIfEmpt === void 0 ? true : _ref7$getStreamIfEmpt,\n          _ref7$askVideo = _ref7.askVideo,\n          askVideo = _ref7$askVideo === void 0 ? true : _ref7$askVideo,\n          _ref7$unpublishFirst = _ref7.unpublishFirst,\n          unpublishFirst = _ref7$unpublishFirst === void 0 ? false : _ref7$unpublishFirst;\n\n      if (room.isLegacy) {\n        return this.publishLocalLegacy(stream, {\n          keepAudio: keepAudio,\n          keepVideo: keepVideo,\n          getStreamIfEmpty: getStreamIfEmpty,\n          askVideo: askVideo,\n          unpublishFirst: unpublishFirst\n        });\n      } else {\n        return this.publishLocalNew(stream, {\n          keepAudio: keepAudio,\n          keepVideo: keepVideo,\n          getStreamIfEmpty: getStreamIfEmpty,\n          askVideo: askVideo,\n          unpublishFirst: unpublishFirst\n        });\n      }\n    },\n    publishLocalNew: function publishLocalNew() {\n      var stream = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n\n      var _ref8 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n          _ref8$keepAudio = _ref8.keepAudio,\n          keepAudio = _ref8$keepAudio === void 0 ? false : _ref8$keepAudio,\n          _ref8$keepVideo = _ref8.keepVideo,\n          keepVideo = _ref8$keepVideo === void 0 ? false : _ref8$keepVideo,\n          _ref8$getStreamIfEmpt = _ref8.getStreamIfEmpty,\n          getStreamIfEmpty = _ref8$getStreamIfEmpt === void 0 ? true : _ref8$getStreamIfEmpt,\n          _ref8$askVideo = _ref8.askVideo,\n          askVideo = _ref8$askVideo === void 0 ? true : _ref8$askVideo;\n\n      return stream || !getStreamIfEmpty ? room.publishLocal(stream, {\n        keepAudio: keepAudio,\n        keepVideo: keepVideo\n      }) : wt.utils.getUserStream(askVideo).then(function (stream) {\n        return room.publishLocal(stream);\n      });\n    },\n    publishLocalLegacy: function publishLocalLegacy() {\n      var _this4 = this;\n\n      var stream = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n\n      var _ref9 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n          _ref9$keepAudio = _ref9.keepAudio,\n          keepAudio = _ref9$keepAudio === void 0 ? false : _ref9$keepAudio,\n          _ref9$keepVideo = _ref9.keepVideo,\n          keepVideo = _ref9$keepVideo === void 0 ? false : _ref9$keepVideo,\n          _ref9$getStreamIfEmpt = _ref9.getStreamIfEmpty,\n          getStreamIfEmpty = _ref9$getStreamIfEmpt === void 0 ? true : _ref9$getStreamIfEmpt,\n          _ref9$askVideo = _ref9.askVideo,\n          askVideo = _ref9$askVideo === void 0 ? true : _ref9$askVideo,\n          _ref9$unpublishFirst = _ref9.unpublishFirst,\n          unpublishFirst = _ref9$unpublishFirst === void 0 ? false : _ref9$unpublishFirst;\n\n      return (unpublishFirst ? new Promise(function (resolve, reject) {\n        emitter.emit('reconnecting', true);\n        room.isRestarting = true;\n\n        _this4.unpublishLocal().then(function () {\n          return Object(_modules_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(500);\n        }) //TODO: remove 500ms wait by waiting for proper events from janus\n        .finally(function () {\n          emitter.emit('reconnecting', false);\n          room.isRestarting = false;\n          resolve();\n        });\n      }) : Promise.resolve()).then(function () {\n        return stream || !getStreamIfEmpty ? room.publishLocal(stream, {\n          keepAudio: keepAudio,\n          keepVideo: keepVideo\n        }) : wt.utils.getUserStream(askVideo).then(function (stream) {\n          return room.publishLocal(stream);\n        });\n      }).then(function (r) {\n        publishRetry = 0;\n        return r;\n      }).catch(function (e) {\n        room._log(e);\n\n        if (e && e.id === 27 && publishRetry < maxPublishRetry) {\n          publishRetry++;\n          return _this4.restart('firefox', true);\n        } else {\n          publishRetry = 0;\n          return Promise.reject(e);\n        }\n      });\n    },\n    unpublishLocal: function unpublishLocal() {\n      return room.unpublishLocal();\n    },\n    toggleAudio: function toggleAudio(value) {\n      return room.toggleAudio(value);\n    },\n    toggleVideo: function toggleVideo() {\n      return room.toggleVideo();\n    },\n    setBitrateCap: function setBitrateCap(bitrate) {\n      if (isInstructor) {\n        return;\n      }\n\n      return room.sendMessage(room.handleId, {\n        \"body\": {\n          \"request\": \"configure\",\n          \"bitrate\": parseInt(bitrate)\n        }\n      }).catch(function (e) {\n        return null;\n      });\n    },\n    switchChannel: function switchChannel(channelId) {\n      return room.sendMessage(room.handleId, {\n        body: {\n          request: \"sync_source_set\",\n          room: room.roomId,\n          timestamp: new Date().getTime(),\n          wt_channel_id: channelId,\n          fragment: \"0\",\n          fragment_pos: 0\n        }\n      });\n    },\n    sendSystemMessage: function sendSystemMessage(action) {\n      var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      var to = arguments.length > 2 ? arguments[2] : undefined;\n      var set_master = arguments.length > 3 ? arguments[3] : undefined;\n      return room.sendMessage(room.handleId, {\n        body: _objectSpread(_objectSpread({\n          action: action,\n          request: \"message\",\n          room: room.roomId,\n          timestamp: new Date().getTime(),\n          text: JSON.stringify(value)\n        }, to && Array.isArray(to) ? {\n          tos: to\n        } : {\n          to: to\n        }), set_master && {\n          set_master: set_master\n        })\n      });\n    },\n    sendChatMessage: function sendChatMessage(text, to) {\n      return room.sendMessage(room.handleId, {\n        body: _objectSpread({\n          action: \"chat_message\",\n          request: \"message\",\n          room: room.roomId,\n          timestamp: new Date().getTime(),\n          text: text\n        }, to && Array.isArray(to) ? {\n          tos: to\n        } : {\n          to: to\n        })\n      });\n    },\n    __requestMuteStatus: function __requestMuteStatus() {\n      this.sendSystemMessage('remote_muted_request');\n    },\n    __sendMuteStatus: function __sendMuteStatus() {\n      this.sendSystemMessage('remote_muted', {\n        type: 'video',\n        value: room.isVideoMuted\n      });\n      this.sendSystemMessage('remote_muted', {\n        type: 'audio',\n        value: room.isAudioMuted\n      });\n    },\n    $on: function $on(key, callback, that) {\n      emitter.on(key, callback, that || _this5);\n      room.on(key, callback, that || _this5);\n    },\n    $off: function $off(key, callback, that) {\n      emitter.on(key, callback, that || _this5);\n      room.on(key, callback, that || _this5);\n    },\n    $clear: function $clear() {\n      room.clear();\n      emitter.clear();\n    }\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (roomSession);\n\n//# sourceURL=webpack://WatchTogetherSDK/./src/models/room-session.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _modules_wt_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modules/wt-utils */ \"./src/modules/wt-utils.js\");\n/* harmony import */ var _modules_wt_emitter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../modules/wt-emitter */ \"./src/modules/wt-emitter.js\");\n/* harmony import */ var _modules_sync_modules_sync_hls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../modules/sync-modules/sync-hls */ \"./src/modules/sync-modules/sync-hls.js\");\n/* harmony import */ var _modules_sync_modules_sync_hls_vod__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../modules/sync-modules/sync-hls-vod */ \"./src/modules/sync-modules/sync-hls-vod.js\");\n/* harmony import */ var _modules_sync_modules_sync_native_hls_vod__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../modules/sync-modules/sync-native-hls-vod */ \"./src/modules/sync-modules/sync-native-hls-vod.js\");\n/* harmony import */ var _modules_sync_modules_sync_native_hls__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../modules/sync-modules/sync-native-hls */ \"./src/modules/sync-modules/sync-native-hls.js\");\n/* harmony import */ var _modules_sync_modules_sync_shaka_dash__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../modules/sync-modules/sync-shaka-dash */ \"./src/modules/sync-modules/sync-shaka-dash.js\");\n/* harmony import */ var _modules_sync_modules_sync_shaka_dash_vod__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../modules/sync-modules/sync-shaka-dash-vod */ \"./src/modules/sync-modules/sync-shaka-dash-vod.js\");\n/* harmony import */ var _modules_sync_modules_sync_dash__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../modules/sync-modules/sync-dash */ \"./src/modules/sync-modules/sync-dash.js\");\n/* harmony import */ var _modules_sync_modules_sync_dash_vod__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../modules/sync-modules/sync-dash-vod */ \"./src/modules/sync-modules/sync-dash-vod.js\");\n/* harmony import */ var _modules_sync_modules_sync_doris__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../modules/sync-modules/sync-doris */ \"./src/modules/sync-modules/sync-doris.js\");\n/* harmony import */ var _modules_sync_modules_sync_disabled__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../modules/sync-modules/sync-disabled */ \"./src/modules/sync-modules/sync-disabled.js\");\n/* harmony import */ var _modules_sync_modules_sync_dazn_dash__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../modules/sync-modules/sync-dazn-dash */ \"./src/modules/sync-modules/sync-dazn-dash.js\");\n/* harmony import */ var _modules_sync_modules_sync_universal__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../modules/sync-modules/sync-universal */ \"./src/modules/sync-modules/sync-universal.js\");\n\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\n\n // SYNCHRONISATION MODULES\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar roomSession = function roomSession(_ref, room, wt) {\n  var _this5 = this;\n\n  var roomId = _ref.roomId,\n      pinHash = _ref.pinHash,\n      isTalkback = _ref.isTalkback,\n      isMonitor = _ref.isMonitor,\n      isInstructor = _ref.isInstructor;\n  var publicCustomEvents = ['changePlayerSource', 'chatMessage', 'userUpdate', 'reconnecting', 'connecting', 'remoteMuted', 'scaling'];\n\n  var addEvents = function addEvents(events) {\n    publicCustomEvents = [].concat(_toConsumableArray(publicCustomEvents), _toConsumableArray(events));\n  };\n\n  var removeEvents = function removeEvents(events) {\n    publicCustomEvents = publicCustomEvents.filter(function (ev) {\n      return events.indexOf(ev) === -1;\n    });\n  };\n\n  var emitter = Object(_modules_wt_emitter__WEBPACK_IMPORTED_MODULE_1__[\"default\"])();\n\n  var alpTimeoutId = null;\n  var publishRetry = 0;\n  var maxPublishRetry = 3;\n\n  var ___; // return object\n\n\n  room.on('addLocalParticipant', function () {\n    // TODO: this timeout is a hotfix and should be sorted differently\n    // At some random case we don't get message back if we don't wait\n    clearTimeout(alpTimeoutId);\n    alpTimeoutId = setTimeout(function () {\n      ___.__requestMuteStatus();\n    }, 1000);\n  });\n  room.on('localMuted', function (_ref2) {\n    var type = _ref2.type,\n        value = _ref2.value;\n\n    ___.sendSystemMessage('remote_muted', {\n      type: type,\n      value: value\n    });\n  });\n  room.on('data', function (data) {\n    ___.__parseDataEvents(data);\n  });\n  return ___ = {\n    syncModule: null,\n    playerInterface: null,\n    destroy: function destroy() {\n      var _this = this;\n\n      clearTimeout(alpTimeoutId);\n      this.detachPlayer();\n      return wt.room.destroySession(room.constructId).finally(function () {\n        _this.$clear();\n      });\n    },\n    iceRestart: function iceRestart() {\n      return room._iceRestart(room.handleId);\n    },\n    connect: function connect() {\n      var _this2 = this;\n\n      emitter.emit('connecting', true);\n      clearTimeout(alpTimeoutId);\n      return Promise.all([wt.room.__joinRoom({\n        roomId: roomId,\n        pinHash: pinHash,\n        isTalkback: isTalkback,\n        isMonitor: isMonitor,\n        isInstructor: isInstructor\n      }), wt.user.getUserSelf()]).then(function (_ref3) {\n        var _ref4 = _slicedToArray(_ref3, 2),\n            roomData = _ref4[0],\n            userData = _ref4[1];\n\n        return Promise.all([roomData, userData, _this2.setRoomVars()]);\n      }).then(function (_ref5) {\n        var _ref6 = _slicedToArray(_ref5, 3),\n            roomData = _ref6[0],\n            userData = _ref6[1],\n            _ = _ref6[2];\n\n        return room.connect(roomData.data.roomId, roomData.data.pin, roomData.data.href, roomData.data.iceServers, roomData.data.accessToken, isMonitor || isInstructor || isTalkback ? roomData.data.userId : userData.data._id, roomData.data.webrtcVersion, roomData.data.bitrate ? parseInt(roomData.data.bitrate) : 0, isMonitor, roomData.data.recordingFilename);\n      }).finally(function () {\n        emitter.emit('connecting', false);\n      });\n    },\n    disconnect: function disconnect(dontWaitForResponses) {\n      clearTimeout(alpTimeoutId);\n      return room.disconnect(dontWaitForResponses);\n    },\n    //TODO: refactor restart method\n    restart: function restart(reason) {\n      var _this3 = this;\n\n      var forceCurrentStream = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n      var isObserver = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n      emitter.emit('reconnecting', true);\n      room.isRestarting = true;\n      var wasPublished = room._isPublished;\n\n      var handle = room._getHandle(room.handleId);\n\n      var stream = null;\n\n      if (handle && handle.webrtcStuff && (wasPublished || forceCurrentStream)) {\n        stream = handle.webrtcStuff.stream;\n      }\n\n      return this.disconnect().then(function () {\n        return Object(_modules_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(1000);\n      }) //TODO: remove 1000ms wait by waiting for proper events from janus\n      .then(function () {\n        return _this3.connect();\n      }).then(function () {\n        if (isObserver) {\n          return _this3.publishLocal(null, {\n            getStreamIfEmpty: false,\n            unpublishFirst: true\n          });\n        } else if (stream) {\n          return _this3.publishLocal(stream);\n        } else return Promise.resolve();\n      }).then(function () {\n        room.isRestarting = false;\n        emitter.emit('reconnecting', false);\n        return 1;\n      }).catch(function (error) {\n        room.isRestarting = false;\n        emitter.emit('reconnecting', false);\n        emitter.emit('error', {\n          type: 'error',\n          id: 26,\n          message: 'reconnecting failed',\n          data: error\n        });\n        return Promise.reject(0);\n      });\n    },\n    getStats: function getStats() {\n      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n      return room._getStats(type);\n    },\n    getRoomParticipants: function getRoomParticipants() {\n      return room._participants;\n    },\n    __parseDataEvents: function __parseDataEvents() {\n      var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n      if (msg.videoroom === 'message') {\n        if (msg.action === 'pending_shutdown' || msg.action === 'shutting_down') {\n          emitter.emit('scaling');\n          this.restart('scaling'); // current videoroom was reassigned to a different WebRTC instance\n        } else if (msg.action === 'force_restart') {\n          this.restart('force');\n        } else if (msg.action === 'user_update_displayname' || msg.action === 'user_update_avatar' || msg.action === 'user_update_customattributes' || msg.action === 'user_update_privateattributes') {\n          emitter.emit('userUpdate', msg.text);\n        } else if (msg.action === 'observer_connecting' || msg.action === 'talkback_connecting' || msg.action === 'instructor_connecting') {\n          this.setRoomVars(null, msg.action === 'observer_connecting').catch(function (e) {\n            room._log('Setting observers failed, this will cause issues', e);\n          });\n        } else if (msg.action === 'bitrate_changed') {\n          this.setBitrateCap(msg.text);\n        } else if (msg.user_action === 'chat_message') {\n          emitter.emit('chatMessage', msg);\n        } else if (msg.user_action === 'remote_muted') {\n          if (msg.from !== room.userId) {\n            emitter.emit('remoteMuted', _objectSpread({\n              userId: msg.from\n            }, msg.text && JSON.parse(msg.text)));\n          }\n        } else if (msg.user_action === 'remote_muted_request') {\n          if (msg.from !== room.userId) {\n            this.__sendMuteStatus();\n          }\n        }\n      }\n    },\n    renderPlayer: function renderPlayer(playerWrapper, fullscreenElement, roomId) {\n      this.syncModule = Object(_modules_sync_modules_sync_universal__WEBPACK_IMPORTED_MODULE_13__[\"default\"])({\n        room: room,\n        wt: wt,\n        roomSession: this,\n        emitter: emitter\n      });\n      this.playerInterface = wt.__privates.playerFactory(playerWrapper, fullscreenElement, this.syncModule.getHandlers(), {\n        roomId: roomId\n      });\n      this.syncModule.initialize({\n        playerInterface: this.playerInterface\n      });\n    },\n    attachPlayer: function attachPlayer(type, inputs) {\n      this.detachPlayer();\n\n      if (type === 'hlsjs') {\n        this.syncModule = Object(_modules_sync_modules_sync_hls__WEBPACK_IMPORTED_MODULE_2__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'hlsjs-vod') {\n        this.syncModule = Object(_modules_sync_modules_sync_hls_vod__WEBPACK_IMPORTED_MODULE_3__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'hlsnative-vod') {\n        this.syncModule = Object(_modules_sync_modules_sync_native_hls_vod__WEBPACK_IMPORTED_MODULE_4__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'hlsnative') {\n        this.syncModule = Object(_modules_sync_modules_sync_native_hls__WEBPACK_IMPORTED_MODULE_5__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'shaka-dash-vod') {\n        this.syncModule = Object(_modules_sync_modules_sync_shaka_dash_vod__WEBPACK_IMPORTED_MODULE_7__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'shaka-dash') {\n        this.syncModule = Object(_modules_sync_modules_sync_shaka_dash__WEBPACK_IMPORTED_MODULE_6__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'dashjs') {\n        this.syncModule = Object(_modules_sync_modules_sync_dash__WEBPACK_IMPORTED_MODULE_8__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'dashjs-vod') {\n        this.syncModule = Object(_modules_sync_modules_sync_dash_vod__WEBPACK_IMPORTED_MODULE_9__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'doris') {\n        this.syncModule = Object(_modules_sync_modules_sync_doris__WEBPACK_IMPORTED_MODULE_10__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'dazn-dash') {\n        this.syncModule = Object(_modules_sync_modules_sync_dazn_dash__WEBPACK_IMPORTED_MODULE_12__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else if (type === 'disabled') {\n        this.syncModule = Object(_modules_sync_modules_sync_disabled__WEBPACK_IMPORTED_MODULE_11__[\"default\"])({\n          room: room,\n          wt: wt,\n          roomSession: this,\n          emitter: emitter\n        });\n\n        if (this.syncModule.__events) {\n          addEvents(this.syncModule.__events);\n        }\n\n        this.syncModule.initialize(inputs);\n      } else {\n        room._log('Synchronisation type not recognised');\n      }\n    },\n    detachPlayer: function detachPlayer() {\n      if (this.syncModule) {\n        this.playerInterface = null;\n        this.syncModule.destroy();\n\n        if (this.syncModule.__events) {\n          removeEvents(this.syncModule.__events);\n        }\n\n        this.syncModule = null;\n      }\n    },\n    setRoomVars: function setRoomVars() {\n      var observerIds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n      var emit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      return wt.room.getRoomById(roomId, pinHash).then(function (r) {\n        var _r$data$classroom;\n\n        if (emit) {\n          // emiting \"fake\" playerSource event\n          //TODO: somehow push into sync modules instead\n          emitter.emit('changePlayerSource', r.data.wtChannelId, true);\n        } // setting observers userId's so we can ignore them when creating participant\n\n\n        room.setObserverIds(r.data.allowedObservers);\n        room.setTalkbackIds(r.data.allowedTalkbacks);\n        room.setInstructorId((_r$data$classroom = r.data.classroom) === null || _r$data$classroom === void 0 ? void 0 : _r$data$classroom.instructorUserId);\n      });\n    },\n    publishLocal: function publishLocal() {\n      var stream = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n\n      var _ref7 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n          _ref7$keepAudio = _ref7.keepAudio,\n          keepAudio = _ref7$keepAudio === void 0 ? false : _ref7$keepAudio,\n          _ref7$keepVideo = _ref7.keepVideo,\n          keepVideo = _ref7$keepVideo === void 0 ? false : _ref7$keepVideo,\n          _ref7$getStreamIfEmpt = _ref7.getStreamIfEmpty,\n          getStreamIfEmpty = _ref7$getStreamIfEmpt === void 0 ? true : _ref7$getStreamIfEmpt,\n          _ref7$askVideo = _ref7.askVideo,\n          askVideo = _ref7$askVideo === void 0 ? true : _ref7$askVideo,\n          _ref7$unpublishFirst = _ref7.unpublishFirst,\n          unpublishFirst = _ref7$unpublishFirst === void 0 ? false : _ref7$unpublishFirst;\n\n      if (room.isLegacy) {\n        return this.publishLocalLegacy(stream, {\n          keepAudio: keepAudio,\n          keepVideo: keepVideo,\n          getStreamIfEmpty: getStreamIfEmpty,\n          askVideo: askVideo,\n          unpublishFirst: unpublishFirst\n        });\n      } else {\n        return this.publishLocalNew(stream, {\n          keepAudio: keepAudio,\n          keepVideo: keepVideo,\n          getStreamIfEmpty: getStreamIfEmpty,\n          askVideo: askVideo,\n          unpublishFirst: unpublishFirst\n        });\n      }\n    },\n    publishLocalNew: function publishLocalNew() {\n      var stream = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n\n      var _ref8 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n          _ref8$keepAudio = _ref8.keepAudio,\n          keepAudio = _ref8$keepAudio === void 0 ? false : _ref8$keepAudio,\n          _ref8$keepVideo = _ref8.keepVideo,\n          keepVideo = _ref8$keepVideo === void 0 ? false : _ref8$keepVideo,\n          _ref8$getStreamIfEmpt = _ref8.getStreamIfEmpty,\n          getStreamIfEmpty = _ref8$getStreamIfEmpt === void 0 ? true : _ref8$getStreamIfEmpt,\n          _ref8$askVideo = _ref8.askVideo,\n          askVideo = _ref8$askVideo === void 0 ? true : _ref8$askVideo;\n\n      return stream || !getStreamIfEmpty ? room.publishLocal(stream, {\n        keepAudio: keepAudio,\n        keepVideo: keepVideo\n      }) : wt.utils.getUserStream(askVideo).then(function (stream) {\n        return room.publishLocal(stream);\n      });\n    },\n    publishLocalLegacy: function publishLocalLegacy() {\n      var _this4 = this;\n\n      var stream = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n\n      var _ref9 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n          _ref9$keepAudio = _ref9.keepAudio,\n          keepAudio = _ref9$keepAudio === void 0 ? false : _ref9$keepAudio,\n          _ref9$keepVideo = _ref9.keepVideo,\n          keepVideo = _ref9$keepVideo === void 0 ? false : _ref9$keepVideo,\n          _ref9$getStreamIfEmpt = _ref9.getStreamIfEmpty,\n          getStreamIfEmpty = _ref9$getStreamIfEmpt === void 0 ? true : _ref9$getStreamIfEmpt,\n          _ref9$askVideo = _ref9.askVideo,\n          askVideo = _ref9$askVideo === void 0 ? true : _ref9$askVideo,\n          _ref9$unpublishFirst = _ref9.unpublishFirst,\n          unpublishFirst = _ref9$unpublishFirst === void 0 ? false : _ref9$unpublishFirst;\n\n      return (unpublishFirst ? new Promise(function (resolve, reject) {\n        emitter.emit('reconnecting', true);\n        room.isRestarting = true;\n\n        _this4.unpublishLocal().then(function () {\n          return Object(_modules_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(500);\n        }) //TODO: remove 500ms wait by waiting for proper events from janus\n        .finally(function () {\n          emitter.emit('reconnecting', false);\n          room.isRestarting = false;\n          resolve();\n        });\n      }) : Promise.resolve()).then(function () {\n        return stream || !getStreamIfEmpty ? room.publishLocal(stream, {\n          keepAudio: keepAudio,\n          keepVideo: keepVideo\n        }) : wt.utils.getUserStream(askVideo).then(function (stream) {\n          return room.publishLocal(stream);\n        });\n      }).then(function (r) {\n        publishRetry = 0;\n        return r;\n      }).catch(function (e) {\n        room._log(e);\n\n        if (e && e.id === 27 && publishRetry < maxPublishRetry) {\n          publishRetry++;\n          return _this4.restart('firefox', true);\n        } else {\n          publishRetry = 0;\n          return Promise.reject(e);\n        }\n      });\n    },\n    unpublishLocal: function unpublishLocal() {\n      return room.unpublishLocal();\n    },\n    toggleAudio: function toggleAudio(value) {\n      return room.toggleAudio(value);\n    },\n    toggleVideo: function toggleVideo() {\n      return room.toggleVideo();\n    },\n    setBitrateCap: function setBitrateCap(bitrate) {\n      if (isInstructor) {\n        return;\n      }\n\n      return room.sendMessage(room.handleId, {\n        \"body\": {\n          \"request\": \"configure\",\n          \"bitrate\": parseInt(bitrate)\n        }\n      }).catch(function (e) {\n        return null;\n      });\n    },\n    switchChannel: function switchChannel(channelId) {\n      return room.sendMessage(room.handleId, {\n        body: {\n          request: \"sync_source_set\",\n          room: room.roomId,\n          timestamp: new Date().getTime(),\n          wt_channel_id: channelId,\n          fragment: \"0\",\n          fragment_pos: 0\n        }\n      });\n    },\n    sendSystemMessage: function sendSystemMessage(action) {\n      var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      var to = arguments.length > 2 ? arguments[2] : undefined;\n      var set_master = arguments.length > 3 ? arguments[3] : undefined;\n      return room.sendMessage(room.handleId, {\n        body: _objectSpread(_objectSpread({\n          action: action,\n          request: \"message\",\n          room: room.roomId,\n          timestamp: new Date().getTime(),\n          text: JSON.stringify(value)\n        }, to && Array.isArray(to) ? {\n          tos: to\n        } : {\n          to: to\n        }), set_master && {\n          set_master: set_master\n        })\n      });\n    },\n    sendChatMessage: function sendChatMessage(text, to) {\n      return room.sendMessage(room.handleId, {\n        body: _objectSpread({\n          action: \"chat_message\",\n          request: \"message\",\n          room: room.roomId,\n          timestamp: new Date().getTime(),\n          text: text\n        }, to && Array.isArray(to) ? {\n          tos: to\n        } : {\n          to: to\n        })\n      });\n    },\n    __requestMuteStatus: function __requestMuteStatus() {\n      this.sendSystemMessage('remote_muted_request');\n    },\n    __sendMuteStatus: function __sendMuteStatus() {\n      this.sendSystemMessage('remote_muted', {\n        type: 'video',\n        value: room.isVideoMuted\n      });\n      this.sendSystemMessage('remote_muted', {\n        type: 'audio',\n        value: room.isAudioMuted\n      });\n    },\n    $on: function $on(key, callback, that) {\n      emitter.on(key, callback, that || _this5);\n      room.on(key, callback, that || _this5);\n    },\n    $off: function $off(key, callback, that) {\n      emitter.on(key, callback, that || _this5);\n      room.on(key, callback, that || _this5);\n    },\n    $clear: function $clear() {\n      room.clear();\n      emitter.clear();\n    }\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (roomSession);\n\n//# sourceURL=webpack://WatchTogetherSDK/./src/models/room-session.js?");
 
 /***/ }),
 
@@ -9727,7 +9727,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n\n\nfunction ownKeys(object,
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _wt_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../wt-utils */ \"./src/modules/wt-utils.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\nvar syncVodDashJs = function syncVodDashJs() {\n  var _this = this;\n\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n      room = _ref.room,\n      wt = _ref.wt,\n      roomSession = _ref.roomSession,\n      emitter = _ref.emitter;\n\n  //SYNC VARS\n  var _libraryInstance = null;\n  var _videoElement = null;\n  var _roomId = null;\n  var _syncDisabled = false;\n  var syncDefaultWaitTime = 60000;\n  var syncShortWaitTime = 10000;\n  var maxSyncThreshold = 0.5;\n  var maxSyncTries = 3;\n  var currentSyncRetry = 0;\n  var syncWaitId = null;\n  var syncNextWaitTime = null;\n  var stopFlag = false;\n  var isSyncing = false;\n  var seekingDebounceId = null;\n  var seekingDebounceTimeout = 300;\n  var isPlaying = false;\n  var isProgrammaticallySeeked = false;\n  var isForcedMaster = false;\n\n  var startSyncLoop = function startSyncLoop() {\n    if (_syncDisabled) {\n      room._log('--- Sync loop will not start due to sync force disabled ---');\n\n      return;\n    }\n\n    if (!isConnected()) {\n      room._log('--- Sync loop will not start due to user not connected yet ---');\n\n      return;\n    }\n\n    if (syncWaitId) {\n      room._log('--- Sync loop already running ---');\n\n      return;\n    }\n\n    room._log('--- Sync enabled ---');\n\n    stopFlag = false;\n\n    var loop = function loop() {\n      isSyncing = true;\n      emitter.emit('playerSyncing', true);\n      sync().finally(function () {\n        isSyncing = false;\n        emitter.emit('playerSyncing', false);\n\n        if (isConnected() && !stopFlag) {\n          syncWaitId = setTimeout(loop, syncNextWaitTime);\n        } else {\n          room._log('--- Automatic stop due to user not connected or stop flag enabled ---');\n\n          stopSyncLoop();\n        }\n      });\n    };\n\n    loop();\n  };\n\n  var stopSyncLoop = function stopSyncLoop() {\n    room._log('--- Sync disabled ---');\n\n    clearTimeout(syncWaitId);\n    syncWaitId = null;\n    currentSyncRetry = 0;\n    stopFlag = true;\n  };\n\n  var restartSyncLoop = function restartSyncLoop() {\n    room._log('--- Sync restarting ---');\n\n    stopSyncLoop();\n    startSyncLoop();\n  };\n\n  var setNextWaitTime = function setNextWaitTime() {\n    var didSyncFail = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n    if (!didSyncFail) {\n      syncNextWaitTime = syncDefaultWaitTime;\n      currentSyncRetry = 0;\n    } else {\n      currentSyncRetry++;\n\n      if (currentSyncRetry > maxSyncTries) {\n        syncNextWaitTime = syncDefaultWaitTime;\n        currentSyncRetry = 0;\n      } else {\n        syncNextWaitTime = syncShortWaitTime;\n      }\n    }\n\n    room._log('--- Next sync will occur in ' + syncNextWaitTime / 1000 + ' seconds ---');\n  };\n\n  var sync = function sync() {\n    return getSyncData().then(function (syncData) {\n      if (syncData.isMaster || stopFlag) {\n        setNextWaitTime(false);\n        return Promise.resolve();\n      } else if (isForcedMaster) {\n        setNextWaitTime(false);\n        return propagateMasterFunc();\n      } else {\n        var syncStartTime = Date.now();\n\n        var _calculateSyncDiffere = calculateSyncDifferenceTime(syncData.masterFragmentSn, syncData.masterFragmentPos, syncData.ping),\n            position = _calculateSyncDiffere.position,\n            isBufferSufficient = _calculateSyncDiffere.isBufferSufficient;\n\n        var currentPosition = getCurrentSegmentPosition() / 1000;\n\n        if (syncData.masterFragmentSn) {\n          playMedia();\n        } else {\n          pauseMedia();\n        }\n\n        if (position && Math.abs(position - currentPosition) <= maxSyncThreshold) {\n          room._log(\"We're within max sync threshold, no need to resync now\");\n\n          setNextWaitTime(false);\n          return Promise.resolve();\n        }\n\n        if (position !== null) {\n          return seekTo(position).then(function () {\n            var seekDuration = (Date.now() - syncStartTime) / 1000;\n            var syncPrecision = Math.abs(position + (isPlaying ? seekDuration : 0) - getCurrentSegmentPosition() / 1000);\n\n            room._log(\"Insufficient buffer: \", !isBufferSufficient);\n\n            room._log(\"Seek duration is \".concat(seekDuration));\n\n            room._log(\"Sync precision should be \".concat(syncPrecision));\n\n            var didSyncFail = syncPrecision > maxSyncThreshold;\n            setNextWaitTime(didSyncFail);\n            return Promise.resolve();\n          }).catch(function (e) {\n            setNextWaitTime(true);\n            return Promise.reject(e);\n          });\n        } else {\n          setNextWaitTime(true);\n          return Promise.reject();\n        }\n      }\n    }).catch(function () {\n      setNextWaitTime(true);\n    });\n  };\n\n  var handleAddLocalParticipant = function handleAddLocalParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n\n    if (_videoElement) {\n      //TODO: shit fix ... data channel with other participant is not opened yet so we wait\n      setTimeout(function () {\n        restartSyncLoop();\n      }, 1000);\n    }\n  };\n\n  var handleAddRemoteParticipant = function handleAddRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var handleRemoveRemoteParticipant = function handleRemoveRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var isConnected = function isConnected() {\n    return room._isDataChannelOpen && room._hasJoined;\n  };\n\n  var buffering = function buffering(event) {\n    if (event.mediaType === 'video' || event.mediaType === 'audio') {\n      if (event.state === 'bufferStalled') {\n        handleStalledWaiting();\n      }\n    }\n  };\n\n  var parseIotEvents = function parseIotEvents(data) {\n    var rid = _roomId || room.roomId;\n\n    if (data.event === 'template_updated') {\n      if (data.operation === 'sendMessage' && data.attributeName === 'playerReplay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n        seekTo(0).then(function () {\n          return playMedia();\n        });\n      }\n\n      if (data.operation === 'sendMessage' && data.attributeName === 'playerPlay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n        playMedia();\n      }\n\n      if (data.operation === 'sendMessage' && data.attributeName === 'playerPause' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n        pauseMedia();\n      }\n    }\n  };\n\n  var parseDataEvents = function parseDataEvents() {\n    var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n    if (msg.videoroom === 'sync_source_set' && msg.wt_channel_id != \"\") {\n      emitter.emit('changePlayerSource', msg.wt_channel_id);\n    } else if (msg.videoroom === 'sync_request') {\n      roomSyncSend(msg.sync_slave_id).catch(function () {});\n    } else if (msg.videoroom === 'message') {\n      // ignoring non studio commands if master\n      if (isForcedMaster && msg.from !== null) {\n        return;\n      }\n\n      if (_syncDisabled) {\n        return;\n      }\n\n      if (msg.user_action === 'sync_seeking') {\n        seekMedia(msg).catch(function () {});\n      } else if (msg.user_action === 'sync_seeked') {} else if (msg.user_action === 'sync_play' || msg.action === 'sync_play') {\n        playMedia();\n      } else if (msg.user_action === 'sync_pause' || msg.action === 'sync_pause') {\n        pauseMedia();\n      }\n    }\n  };\n\n  var getCurrentSegmentPosition = function getCurrentSegmentPosition() {\n    var position = _videoElement && _videoElement.currentTime;\n    return isNaN(position) ? 0 : position * 1000;\n  };\n\n  var calculateSyncDifferenceTime = function calculateSyncDifferenceTime(fragmentSn) {\n    var fragmentPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n    var ping = arguments.length > 2 ? arguments[2] : undefined;\n    return {\n      position: (fragmentPos + ping / 2) / 1000,\n      isBufferSufficient: true\n    };\n  };\n\n  var seekMedia = function seekMedia(msg) {\n    msg = _objectSpread({\n      userId: msg.from\n    }, msg.text && JSON.parse(msg.text));\n\n    if (msg.handleId !== room.handleId) {\n      var _calculateSyncDiffere2 = calculateSyncDifferenceTime(msg.fragment, msg.fragment_pos, 0),\n          position = _calculateSyncDiffere2.position,\n          isBufferSufficient = _calculateSyncDiffere2.isBufferSufficient; //TODO: right ping\n\n\n      if (position) {\n        return seekTo(position).then(function () {\n          if (isForcedMaster) {\n            propagateMasterFunc();\n          }\n        });\n      } else {\n        return Promise.resolve();\n      }\n    } else {\n      return Promise.resolve();\n    }\n  };\n\n  var prePlay = function prePlay() {\n    if (_videoElement.currentTime > 0 || _videoElement.paused === false) {\n      return Promise.resolve();\n    }\n\n    isProgrammaticallySeeked = true;\n    var wasMuted = _videoElement.muted;\n    _videoElement.muted = true;\n    return _videoElement.play().then(function () {\n      _videoElement.pause();\n\n      _videoElement.currentTime = 0;\n      return Object(_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(100);\n    }).catch(function () {\n      return true;\n    }).finally(function () {\n      _videoElement.muted = wasMuted;\n      isProgrammaticallySeeked = false;\n      return true;\n    });\n  };\n\n  var playMedia = function playMedia() {\n    if (_videoElement && _videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.play().finally(function () {\n        isProgrammaticallySeeked = false;\n      });\n    }\n  };\n\n  var pauseMedia = function pauseMedia() {\n    if (_videoElement && !_videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.addEventListener('pause', function () {\n        isProgrammaticallySeeked = false;\n      }, {\n        once: true\n      });\n\n      _videoElement.pause();\n    }\n  };\n\n  var seekTo = function seekTo(time) {\n    return new Promise(function (resolve) {\n      if (_videoElement.currentTime !== time) {\n        isProgrammaticallySeeked = true; // we need to ignore stall events since those are false alarm\n\n        _videoElement.addEventListener('seeked', function () {\n          isProgrammaticallySeeked = false;\n          resolve();\n        }, {\n          once: true\n        });\n\n        _videoElement.currentTime = time;\n      } else resolve();\n    });\n  };\n\n  var handlePlaying = function handlePlaying() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_play', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handlePause = function handlePause() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_pause', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handleStalledWaiting = function handleStalledWaiting() {\n    if (!isProgrammaticallySeeked) {\n      clientPaused().catch(function () {});\n    }\n  };\n\n  var handleSeeking = function handleSeeking() {\n    clearTimeout(seekingDebounceId);\n\n    if (!isProgrammaticallySeeked) {\n      seekingDebounceId = setTimeout(function () {\n        var fragmentPosition = parseInt(getCurrentSegmentPosition());\n        roomSession.sendSystemMessage('sync_seeking', {\n          timestamp: new Date().getTime(),\n          handleId: room.handleId,\n          fragment: \"0\",\n          //isPlaying ? \"1\":\"0\",\n          fragment_pos: Number(fragmentPosition)\n        }, undefined, null).catch(function () {});\n\n        if (!isForcedMaster && !_syncDisabled) {\n          pauseMedia();\n        }\n      }, seekingDebounceTimeout);\n    }\n  };\n\n  var handleSeeked = function handleSeeked() {};\n\n  var handleEnded = function handleEnded() {};\n\n  var roomSyncSend = function roomSyncSend(slaveId) {\n    if (!_libraryInstance || !_videoElement) {\n      room._log(\"I've been asked for position even if we don't have player attached.\\n                    Does it mean I'm the master?\");\n\n      return Promise.resolve();\n    }\n\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n\n    room._log(\"Sending my position to \".concat(slaveId));\n\n    room._log(\"Current time: \".concat(fragmentPosition));\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_response\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition),\n        slave_id: Number(slaveId)\n      }\n    });\n  };\n\n  var getSyncData = function getSyncData() {\n    room._log('Sending roomSync request');\n\n    var roomId = room.roomId;\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n    return new Promise(function (resolve, reject) {\n      var now = new Date().getTime();\n      var ping = null;\n      var sid = setTimeout(function () {\n        room.off('data', fn, _this);\n        reject('Timeout');\n      }, 3000);\n      var body = {\n        request: \"sync\",\n        room: roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition)\n      };\n\n      var fn = function fn(msg) {\n        if (msg.videoroom && ['sync', 'sync_response'].includes(msg.videoroom)) {\n          if (msg.sync_master_await) {\n            room._log('Waiting for master position');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n          } else if (msg.sync_master_fragment || msg.sync_master_fragment_pos) {\n            room._log('Got master position data');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n\n            room._log(\"I'm master: \".concat(!!msg.sync_master_self));\n\n            room._log(\"Ping: \".concat(ping));\n\n            room._log(\"Master fragment: \".concat(msg.sync_master_fragment));\n\n            room._log(\"Master fragment position: \".concat(msg.sync_master_fragment_pos));\n\n            room.off('data', fn, _this);\n            clearTimeout(sid);\n            resolve({\n              isMaster: !!msg.sync_master_self,\n              ping: ping,\n              masterFragmentPos: parseInt(msg.sync_master_fragment_pos),\n              masterFragmentSn: parseInt(msg.sync_master_fragment)\n            });\n          } else {\n            clearTimeout(sid);\n            reject('Master lost connection');\n          }\n        }\n      };\n\n      room.on('data', fn, _this);\n      room.sendMessage(room.handleId, {\n        body: body\n      }).then(fn).catch(function (e) {\n        room.off('data', fn, _this);\n        clearTimeout(sid);\n        reject(e);\n      });\n    });\n  };\n\n  var clientPaused = function clientPaused() {\n    room._log('Sending client paused');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_paused\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: '0',\n        fragment_pos: 0\n      }\n    });\n  };\n\n  var propagateMasterFunc = function propagateMasterFunc() {\n    room._log('Propagating master');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_source_set\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        wt_channel_id: \"\",\n        fragment: \"0\",\n        fragment_pos: 0\n      }\n    });\n  };\n\n  return {\n    __events: ['playerSyncing'],\n    initialize: function initialize() {\n      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n          dashInstance = _ref2.dashInstance,\n          libraryInstance = _ref2.libraryInstance,\n          _ref2$propagateMaster = _ref2.propagateMaster,\n          propagateMaster = _ref2$propagateMaster === void 0 ? false : _ref2$propagateMaster,\n          _ref2$isStudio = _ref2.isStudio,\n          isStudio = _ref2$isStudio === void 0 ? false : _ref2$isStudio,\n          roomId = _ref2.roomId,\n          syncDisabled = _ref2.syncDisabled;\n\n      _libraryInstance = dashInstance || libraryInstance;\n      _videoElement = _libraryInstance.getVideoElement();\n      _roomId = roomId;\n      _syncDisabled = syncDisabled;\n\n      if (!_libraryInstance) {\n        console.log('No player instance');\n        return;\n      }\n\n      emitter.emit('playerSyncing', false);\n      isForcedMaster = propagateMaster;\n      isPlaying = _videoElement.paused === false;\n      room.on('disconnect', stopSyncLoop);\n      room.on('addLocalParticipant', handleAddLocalParticipant);\n      room.on('removeLocalParticipant', stopSyncLoop);\n      room.on('addRemoteParticipant', handleAddRemoteParticipant);\n      room.on('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.on('data', parseDataEvents);\n      wt.iot.$on('message', parseIotEvents);\n\n      if (isForcedMaster) {\n        propagateMasterFunc().catch(function () {});\n      }\n\n      if (_libraryInstance && _videoElement) {\n        (propagateMaster || isStudio ? Promise.resolve() : prePlay()).then(function () {\n          _libraryInstance.on('bufferStateChanged', buffering);\n\n          _videoElement.addEventListener('playing', handlePlaying);\n\n          _videoElement.addEventListener('pause', handlePause);\n\n          _videoElement.addEventListener('seeking', handleSeeking);\n\n          _videoElement.addEventListener('seeked', handleSeeked);\n\n          _videoElement.addEventListener('ended', handleEnded);\n\n          startSyncLoop();\n        });\n      }\n    },\n    destroy: function destroy() {\n      stopSyncLoop();\n      room.off('disconnect', stopSyncLoop);\n      room.off('addLocalParticipant', handleAddLocalParticipant);\n      room.off('removeLocalParticipant', stopSyncLoop);\n      room.off('addRemoteParticipant', handleAddRemoteParticipant);\n      room.off('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.off('data', parseDataEvents);\n      wt.iot.$off('message', parseIotEvents);\n\n      if (_libraryInstance) {\n        _libraryInstance.off('bufferStateChanged', buffering);\n      }\n\n      if (_videoElement) {\n        _videoElement.removeEventListener('playing', handlePlaying);\n\n        _videoElement.removeEventListener('pause', handlePause);\n\n        _videoElement.removeEventListener('seeking', handleSeeking);\n\n        _videoElement.removeEventListener('seeked', handleSeeked);\n\n        _videoElement.removeEventListener('ended', handleEnded);\n      }\n\n      _libraryInstance = null;\n      _videoElement = null;\n    }\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (syncVodDashJs);\n\n//# sourceURL=webpack://WatchTogetherSDK/./src/modules/sync-modules/sync-dash-vod.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _wt_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../wt-utils */ \"./src/modules/wt-utils.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\nvar syncVodDashJs = function syncVodDashJs() {\n  var _this = this;\n\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n      room = _ref.room,\n      wt = _ref.wt,\n      roomSession = _ref.roomSession,\n      emitter = _ref.emitter;\n\n  //SYNC VARS\n  var _libraryInstance = null;\n  var _videoElement = null;\n  var _roomId = null;\n  var _syncDisabled = false;\n  var syncDefaultWaitTime = 60000;\n  var syncShortWaitTime = 10000;\n  var maxSyncThreshold = 0.5;\n  var maxSyncTries = 3;\n  var currentSyncRetry = 0;\n  var syncWaitId = null;\n  var syncNextWaitTime = null;\n  var stopFlag = false;\n  var isSyncing = false;\n  var seekingDebounceId = null;\n  var seekingDebounceTimeout = 300;\n  var isPlaying = false;\n  var isProgrammaticallySeeked = false;\n  var isForcedMaster = false;\n\n  var startSyncLoop = function startSyncLoop() {\n    if (_syncDisabled) {\n      room._log('--- Sync loop will not start due to sync force disabled ---');\n\n      return;\n    }\n\n    if (!isConnected()) {\n      room._log('--- Sync loop will not start due to user not connected yet ---');\n\n      return;\n    }\n\n    if (syncWaitId) {\n      room._log('--- Sync loop already running ---');\n\n      return;\n    }\n\n    room._log('--- Sync enabled ---');\n\n    stopFlag = false;\n\n    var loop = function loop() {\n      isSyncing = true;\n      emitter.emit('playerSyncing', true);\n      sync().finally(function () {\n        isSyncing = false;\n        emitter.emit('playerSyncing', false);\n\n        if (isConnected() && !stopFlag) {\n          syncWaitId = setTimeout(loop, syncNextWaitTime);\n        } else {\n          room._log('--- Automatic stop due to user not connected or stop flag enabled ---');\n\n          stopSyncLoop();\n        }\n      });\n    };\n\n    loop();\n  };\n\n  var stopSyncLoop = function stopSyncLoop() {\n    room._log('--- Sync disabled ---');\n\n    clearTimeout(syncWaitId);\n    syncWaitId = null;\n    currentSyncRetry = 0;\n    stopFlag = true;\n  };\n\n  var restartSyncLoop = function restartSyncLoop() {\n    room._log('--- Sync restarting ---');\n\n    stopSyncLoop();\n    startSyncLoop();\n  };\n\n  var setNextWaitTime = function setNextWaitTime() {\n    var didSyncFail = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n    if (!didSyncFail) {\n      syncNextWaitTime = syncDefaultWaitTime;\n      currentSyncRetry = 0;\n    } else {\n      currentSyncRetry++;\n\n      if (currentSyncRetry > maxSyncTries) {\n        syncNextWaitTime = syncDefaultWaitTime;\n        currentSyncRetry = 0;\n      } else {\n        syncNextWaitTime = syncShortWaitTime;\n      }\n    }\n\n    room._log('--- Next sync will occur in ' + syncNextWaitTime / 1000 + ' seconds ---');\n  };\n\n  var sync = function sync() {\n    return getSyncData().then(function (syncData) {\n      if (syncData.isMaster || stopFlag) {\n        setNextWaitTime(false);\n        return Promise.resolve();\n      } else if (isForcedMaster) {\n        setNextWaitTime(false);\n        return propagateMasterFunc();\n      } else {\n        var syncStartTime = Date.now();\n\n        var _calculateSyncDiffere = calculateSyncDifferenceTime(syncData.masterFragmentSn, syncData.masterFragmentPos, syncData.ping),\n            position = _calculateSyncDiffere.position,\n            isBufferSufficient = _calculateSyncDiffere.isBufferSufficient;\n\n        var currentPosition = getCurrentSegmentPosition() / 1000;\n\n        if (syncData.masterFragmentSn) {\n          playMedia();\n        } else {\n          pauseMedia();\n        }\n\n        if (position && Math.abs(position - currentPosition) <= maxSyncThreshold) {\n          room._log(\"We're within max sync threshold, no need to resync now\");\n\n          setNextWaitTime(false);\n          return Promise.resolve();\n        }\n\n        if (position !== null) {\n          return seekTo(position).then(function () {\n            var seekDuration = (Date.now() - syncStartTime) / 1000;\n            var syncPrecision = Math.abs(position + (isPlaying ? seekDuration : 0) - getCurrentSegmentPosition() / 1000);\n\n            room._log(\"Insufficient buffer: \", !isBufferSufficient);\n\n            room._log(\"Seek duration is \".concat(seekDuration));\n\n            room._log(\"Sync precision should be \".concat(syncPrecision));\n\n            var didSyncFail = syncPrecision > maxSyncThreshold;\n            setNextWaitTime(didSyncFail);\n            return Promise.resolve();\n          }).catch(function (e) {\n            setNextWaitTime(true);\n            return Promise.reject(e);\n          });\n        } else {\n          setNextWaitTime(true);\n          return Promise.reject();\n        }\n      }\n    }).catch(function () {\n      setNextWaitTime(true);\n    });\n  };\n\n  var handleAddLocalParticipant = function handleAddLocalParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n\n    if (_videoElement) {\n      //TODO: shit fix ... data channel with other participant is not opened yet so we wait\n      setTimeout(function () {\n        restartSyncLoop();\n      }, 1000);\n    }\n  };\n\n  var handleAddRemoteParticipant = function handleAddRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var handleRemoveRemoteParticipant = function handleRemoveRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var isConnected = function isConnected() {\n    return room._isDataChannelOpen && room._hasJoined;\n  };\n\n  var buffering = function buffering(event) {\n    if (event.mediaType === 'video' || event.mediaType === 'audio') {\n      if (event.state === 'bufferStalled') {\n        handleStalledWaiting();\n      }\n    }\n  };\n\n  var executePlayerIotEvents = function executePlayerIotEvents(data) {\n    var rid = _roomId || room.roomId;\n\n    if (data.attributeName === 'playerReplay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n      seekTo(0).then(function () {\n        return playMedia();\n      });\n    }\n\n    if (data.attributeName === 'playerPlay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n      playMedia();\n    }\n\n    if (data.attributeName === 'playerPause' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n      pauseMedia();\n    }\n  };\n\n  var parseIotEvents = function parseIotEvents(data) {\n    if (data.event === 'template_updated') {\n      if (data.operation === 'multi') {\n        (data.value || []).forEach(function (event) {\n          if (event.operation === 'sendMessage') {\n            executePlayerIotEvents(_objectSpread(_objectSpread({}, event), {}, {\n              roomId: data.roomId,\n              userId: data.userId\n            }));\n          }\n        });\n      }\n\n      if (data.operation === 'sendMessage') {\n        executePlayerIotEvents(data);\n      }\n    }\n  };\n\n  var parseDataEvents = function parseDataEvents() {\n    var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n    if (msg.videoroom === 'sync_source_set' && msg.wt_channel_id != \"\") {\n      emitter.emit('changePlayerSource', msg.wt_channel_id);\n    } else if (msg.videoroom === 'sync_request') {\n      roomSyncSend(msg.sync_slave_id).catch(function () {});\n    } else if (msg.videoroom === 'message') {\n      // ignoring non studio commands if master\n      if (isForcedMaster && msg.from !== null) {\n        return;\n      }\n\n      if (_syncDisabled) {\n        return;\n      }\n\n      if (msg.user_action === 'sync_seeking') {\n        seekMedia(msg).catch(function () {});\n      } else if (msg.user_action === 'sync_seeked') {} else if (msg.user_action === 'sync_play' || msg.action === 'sync_play') {\n        playMedia();\n      } else if (msg.user_action === 'sync_pause' || msg.action === 'sync_pause') {\n        pauseMedia();\n      }\n    }\n  };\n\n  var getCurrentSegmentPosition = function getCurrentSegmentPosition() {\n    var position = _videoElement && _videoElement.currentTime;\n    return isNaN(position) ? 0 : position * 1000;\n  };\n\n  var calculateSyncDifferenceTime = function calculateSyncDifferenceTime(fragmentSn) {\n    var fragmentPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n    var ping = arguments.length > 2 ? arguments[2] : undefined;\n    return {\n      position: (fragmentPos + ping / 2) / 1000,\n      isBufferSufficient: true\n    };\n  };\n\n  var seekMedia = function seekMedia(msg) {\n    msg = _objectSpread({\n      userId: msg.from\n    }, msg.text && JSON.parse(msg.text));\n\n    if (msg.handleId !== room.handleId) {\n      var _calculateSyncDiffere2 = calculateSyncDifferenceTime(msg.fragment, msg.fragment_pos, 0),\n          position = _calculateSyncDiffere2.position,\n          isBufferSufficient = _calculateSyncDiffere2.isBufferSufficient; //TODO: right ping\n\n\n      if (position) {\n        return seekTo(position).then(function () {\n          if (isForcedMaster) {\n            propagateMasterFunc();\n          }\n        });\n      } else {\n        return Promise.resolve();\n      }\n    } else {\n      return Promise.resolve();\n    }\n  };\n\n  var prePlay = function prePlay() {\n    if (_videoElement.currentTime > 0 || _videoElement.paused === false) {\n      return Promise.resolve();\n    }\n\n    isProgrammaticallySeeked = true;\n    var wasMuted = _videoElement.muted;\n    _videoElement.muted = true;\n    return _videoElement.play().then(function () {\n      _videoElement.pause();\n\n      _videoElement.currentTime = 0;\n      return Object(_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(100);\n    }).catch(function () {\n      return true;\n    }).finally(function () {\n      _videoElement.muted = wasMuted;\n      isProgrammaticallySeeked = false;\n      return true;\n    });\n  };\n\n  var playMedia = function playMedia() {\n    if (_videoElement && _videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.play().finally(function () {\n        isProgrammaticallySeeked = false;\n      });\n    }\n  };\n\n  var pauseMedia = function pauseMedia() {\n    if (_videoElement && !_videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.addEventListener('pause', function () {\n        isProgrammaticallySeeked = false;\n      }, {\n        once: true\n      });\n\n      _videoElement.pause();\n    }\n  };\n\n  var seekTo = function seekTo(time) {\n    return new Promise(function (resolve) {\n      if (_videoElement.currentTime !== time) {\n        isProgrammaticallySeeked = true; // we need to ignore stall events since those are false alarm\n\n        _videoElement.addEventListener('seeked', function () {\n          isProgrammaticallySeeked = false;\n          resolve();\n        }, {\n          once: true\n        });\n\n        _videoElement.currentTime = time;\n      } else resolve();\n    });\n  };\n\n  var handlePlaying = function handlePlaying() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_play', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handlePause = function handlePause() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_pause', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handleStalledWaiting = function handleStalledWaiting() {\n    if (!isProgrammaticallySeeked) {\n      clientPaused().catch(function () {});\n    }\n  };\n\n  var handleSeeking = function handleSeeking() {\n    clearTimeout(seekingDebounceId);\n\n    if (!isProgrammaticallySeeked) {\n      seekingDebounceId = setTimeout(function () {\n        var fragmentPosition = parseInt(getCurrentSegmentPosition());\n        roomSession.sendSystemMessage('sync_seeking', {\n          timestamp: new Date().getTime(),\n          handleId: room.handleId,\n          fragment: \"0\",\n          //isPlaying ? \"1\":\"0\",\n          fragment_pos: Number(fragmentPosition)\n        }, undefined, null).catch(function () {});\n\n        if (!isForcedMaster && !_syncDisabled) {\n          pauseMedia();\n        }\n      }, seekingDebounceTimeout);\n    }\n  };\n\n  var handleSeeked = function handleSeeked() {};\n\n  var handleEnded = function handleEnded() {};\n\n  var roomSyncSend = function roomSyncSend(slaveId) {\n    if (!_libraryInstance || !_videoElement) {\n      room._log(\"I've been asked for position even if we don't have player attached.\\n                    Does it mean I'm the master?\");\n\n      return Promise.resolve();\n    }\n\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n\n    room._log(\"Sending my position to \".concat(slaveId));\n\n    room._log(\"Current time: \".concat(fragmentPosition));\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_response\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition),\n        slave_id: Number(slaveId)\n      }\n    });\n  };\n\n  var getSyncData = function getSyncData() {\n    room._log('Sending roomSync request');\n\n    var roomId = room.roomId;\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n    return new Promise(function (resolve, reject) {\n      var now = new Date().getTime();\n      var ping = null;\n      var sid = setTimeout(function () {\n        room.off('data', fn, _this);\n        reject('Timeout');\n      }, 3000);\n      var body = {\n        request: \"sync\",\n        room: roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition)\n      };\n\n      var fn = function fn(msg) {\n        if (msg.videoroom && ['sync', 'sync_response'].includes(msg.videoroom)) {\n          if (msg.sync_master_await) {\n            room._log('Waiting for master position');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n          } else if (msg.sync_master_fragment || msg.sync_master_fragment_pos) {\n            room._log('Got master position data');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n\n            room._log(\"I'm master: \".concat(!!msg.sync_master_self));\n\n            room._log(\"Ping: \".concat(ping));\n\n            room._log(\"Master fragment: \".concat(msg.sync_master_fragment));\n\n            room._log(\"Master fragment position: \".concat(msg.sync_master_fragment_pos));\n\n            room.off('data', fn, _this);\n            clearTimeout(sid);\n            resolve({\n              isMaster: !!msg.sync_master_self,\n              ping: ping,\n              masterFragmentPos: parseInt(msg.sync_master_fragment_pos),\n              masterFragmentSn: parseInt(msg.sync_master_fragment)\n            });\n          } else {\n            clearTimeout(sid);\n            reject('Master lost connection');\n          }\n        }\n      };\n\n      room.on('data', fn, _this);\n      room.sendMessage(room.handleId, {\n        body: body\n      }).then(fn).catch(function (e) {\n        room.off('data', fn, _this);\n        clearTimeout(sid);\n        reject(e);\n      });\n    });\n  };\n\n  var clientPaused = function clientPaused() {\n    room._log('Sending client paused');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_paused\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: '0',\n        fragment_pos: 0\n      }\n    });\n  };\n\n  var propagateMasterFunc = function propagateMasterFunc() {\n    room._log('Propagating master');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_source_set\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        wt_channel_id: \"\",\n        fragment: \"0\",\n        fragment_pos: 0\n      }\n    });\n  };\n\n  return {\n    __events: ['playerSyncing'],\n    initialize: function initialize() {\n      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n          dashInstance = _ref2.dashInstance,\n          libraryInstance = _ref2.libraryInstance,\n          _ref2$propagateMaster = _ref2.propagateMaster,\n          propagateMaster = _ref2$propagateMaster === void 0 ? false : _ref2$propagateMaster,\n          _ref2$isStudio = _ref2.isStudio,\n          isStudio = _ref2$isStudio === void 0 ? false : _ref2$isStudio,\n          roomId = _ref2.roomId,\n          syncDisabled = _ref2.syncDisabled;\n\n      _libraryInstance = dashInstance || libraryInstance;\n      _videoElement = _libraryInstance.getVideoElement();\n      _roomId = roomId;\n      _syncDisabled = syncDisabled;\n\n      if (!_libraryInstance) {\n        console.log('No player instance');\n        return;\n      }\n\n      emitter.emit('playerSyncing', false);\n      isForcedMaster = propagateMaster;\n      isPlaying = _videoElement.paused === false;\n      room.on('disconnect', stopSyncLoop);\n      room.on('addLocalParticipant', handleAddLocalParticipant);\n      room.on('removeLocalParticipant', stopSyncLoop);\n      room.on('addRemoteParticipant', handleAddRemoteParticipant);\n      room.on('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.on('data', parseDataEvents);\n      wt.iot.$on('message', parseIotEvents);\n\n      if (isForcedMaster) {\n        propagateMasterFunc().catch(function () {});\n      }\n\n      if (_libraryInstance && _videoElement) {\n        (propagateMaster || isStudio ? Promise.resolve() : prePlay()).then(function () {\n          _libraryInstance.on('bufferStateChanged', buffering);\n\n          _videoElement.addEventListener('playing', handlePlaying);\n\n          _videoElement.addEventListener('pause', handlePause);\n\n          _videoElement.addEventListener('seeking', handleSeeking);\n\n          _videoElement.addEventListener('seeked', handleSeeked);\n\n          _videoElement.addEventListener('ended', handleEnded);\n\n          startSyncLoop();\n        });\n      }\n    },\n    destroy: function destroy() {\n      stopSyncLoop();\n      room.off('disconnect', stopSyncLoop);\n      room.off('addLocalParticipant', handleAddLocalParticipant);\n      room.off('removeLocalParticipant', stopSyncLoop);\n      room.off('addRemoteParticipant', handleAddRemoteParticipant);\n      room.off('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.off('data', parseDataEvents);\n      wt.iot.$off('message', parseIotEvents);\n\n      if (_libraryInstance) {\n        _libraryInstance.off('bufferStateChanged', buffering);\n      }\n\n      if (_videoElement) {\n        _videoElement.removeEventListener('playing', handlePlaying);\n\n        _videoElement.removeEventListener('pause', handlePause);\n\n        _videoElement.removeEventListener('seeking', handleSeeking);\n\n        _videoElement.removeEventListener('seeked', handleSeeked);\n\n        _videoElement.removeEventListener('ended', handleEnded);\n      }\n\n      _libraryInstance = null;\n      _videoElement = null;\n    }\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (syncVodDashJs);\n\n//# sourceURL=webpack://WatchTogetherSDK/./src/modules/sync-modules/sync-dash-vod.js?");
 
 /***/ }),
 
@@ -9787,7 +9787,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _wt_
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _wt_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../wt-utils */ \"./src/modules/wt-utils.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\nvar syncVodHlsJs = function syncVodHlsJs() {\n  var _this = this;\n\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n      room = _ref.room,\n      wt = _ref.wt,\n      roomSession = _ref.roomSession,\n      emitter = _ref.emitter;\n\n  //SYNC VARS\n  var _libraryInstance = null;\n  var _videoElement = null;\n  var _roomId = null;\n  var _syncDisabled = false;\n  var syncDefaultWaitTime = 60000;\n  var syncShortWaitTime = 10000;\n  var maxSyncThreshold = 0.5;\n  var maxSyncTries = 3;\n  var currentSyncRetry = 0;\n  var syncWaitId = null;\n  var syncNextWaitTime = null;\n  var stopFlag = false;\n  var isSyncing = false;\n  var seekingDebounceId = null;\n  var seekingDebounceTimeout = 300;\n  var isPlaying = false;\n  var isProgrammaticallySeeked = false;\n  var isForcedMaster = false;\n\n  var startSyncLoop = function startSyncLoop() {\n    if (_syncDisabled) {\n      room._log('--- Sync loop will not start due to sync force disabled ---');\n\n      return;\n    }\n\n    if (!isConnected()) {\n      room._log('--- Sync loop will not start due to user not connected yet ---');\n\n      return;\n    }\n\n    if (syncWaitId) {\n      room._log('--- Sync loop already running ---');\n\n      return;\n    }\n\n    room._log('--- Sync enabled ---');\n\n    stopFlag = false;\n\n    var loop = function loop() {\n      isSyncing = true;\n      emitter.emit('playerSyncing', true);\n      sync().finally(function () {\n        isSyncing = false;\n        emitter.emit('playerSyncing', false);\n\n        if (isConnected() && !stopFlag) {\n          syncWaitId = setTimeout(loop, syncNextWaitTime);\n        } else {\n          room._log('--- Automatic stop due to user not connected or stop flag enabled ---');\n\n          stopSyncLoop();\n        }\n      });\n    };\n\n    loop();\n  };\n\n  var stopSyncLoop = function stopSyncLoop() {\n    room._log('--- Sync disabled ---');\n\n    clearTimeout(syncWaitId);\n    syncWaitId = null;\n    currentSyncRetry = 0;\n    stopFlag = true;\n  };\n\n  var restartSyncLoop = function restartSyncLoop() {\n    room._log('--- Sync restarting ---');\n\n    stopSyncLoop();\n    startSyncLoop();\n  };\n\n  var setNextWaitTime = function setNextWaitTime() {\n    var didSyncFail = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n    if (!didSyncFail) {\n      syncNextWaitTime = syncDefaultWaitTime;\n      currentSyncRetry = 0;\n    } else {\n      currentSyncRetry++;\n\n      if (currentSyncRetry > maxSyncTries) {\n        syncNextWaitTime = syncDefaultWaitTime;\n        currentSyncRetry = 0;\n      } else {\n        syncNextWaitTime = syncShortWaitTime;\n      }\n    }\n\n    room._log('--- Next sync will occur in ' + syncNextWaitTime / 1000 + ' seconds ---');\n  };\n\n  var sync = function sync() {\n    return getSyncData().then(function (syncData) {\n      if (syncData.isMaster || stopFlag) {\n        setNextWaitTime(false);\n        return Promise.resolve();\n      } else if (isForcedMaster) {\n        setNextWaitTime(false);\n        return propagateMasterFunc();\n      } else {\n        var syncStartTime = Date.now();\n\n        var _calculateSyncDiffere = calculateSyncDifferenceTime(syncData.masterFragmentSn, syncData.masterFragmentPos, syncData.ping),\n            position = _calculateSyncDiffere.position,\n            isBufferSufficient = _calculateSyncDiffere.isBufferSufficient;\n\n        var currentPosition = getCurrentSegmentPosition() / 1000;\n\n        if (syncData.masterFragmentSn) {\n          playMedia();\n        } else {\n          pauseMedia();\n        }\n\n        if (position && Math.abs(position - currentPosition) <= maxSyncThreshold) {\n          room._log(\"We're within max sync threshold, no need to resync now\");\n\n          setNextWaitTime(false);\n          return Promise.resolve();\n        }\n\n        if (position !== null) {\n          return seekTo(position).then(function () {\n            var seekDuration = (Date.now() - syncStartTime) / 1000;\n            var syncPrecision = Math.abs(position + (isPlaying ? seekDuration : 0) - getCurrentSegmentPosition() / 1000);\n\n            room._log(\"Insufficient buffer: \", !isBufferSufficient);\n\n            room._log(\"Seek duration is \".concat(seekDuration));\n\n            room._log(\"Sync precision should be \".concat(syncPrecision));\n\n            var didSyncFail = syncPrecision > maxSyncThreshold;\n            setNextWaitTime(didSyncFail);\n            return Promise.resolve();\n          }).catch(function (e) {\n            setNextWaitTime(true);\n            return Promise.reject(e);\n          });\n        } else {\n          setNextWaitTime(true);\n          return Promise.reject();\n        }\n      }\n    }).catch(function () {\n      setNextWaitTime(true);\n    });\n  };\n\n  var handleAddLocalParticipant = function handleAddLocalParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n\n    if (_videoElement) {\n      //TODO: shit fix ... data channel with other participant is not opened yet so we wait\n      setTimeout(function () {\n        _videoElement.addEventListener('progress', function () {\n          restartSyncLoop();\n        }, {\n          once: true\n        });\n      }, 1000);\n    }\n  };\n\n  var handleAddRemoteParticipant = function handleAddRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var handleRemoveRemoteParticipant = function handleRemoveRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var isConnected = function isConnected() {\n    return room._isDataChannelOpen && room._hasJoined;\n  };\n\n  var buffering = function buffering(event) {\n    var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n    if (data.details === 'bufferStalledError') {\n      handleStalledWaiting();\n    }\n  };\n\n  var parseIotEvents = function parseIotEvents(data) {\n    var rid = _roomId || room.roomId;\n\n    if (data.event === 'template_updated') {\n      if (data.operation === 'sendMessage' && data.attributeName === 'playerReplay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n        seekTo(0).then(function () {\n          return playMedia();\n        });\n      }\n\n      if (data.operation === 'sendMessage' && data.attributeName === 'playerPlay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n        playMedia();\n      }\n\n      if (data.operation === 'sendMessage' && data.attributeName === 'playerPause' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n        pauseMedia();\n      }\n    }\n  };\n\n  var parseDataEvents = function parseDataEvents() {\n    var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n    if (msg.videoroom === 'sync_source_set' && msg.wt_channel_id != \"\") {\n      emitter.emit('changePlayerSource', msg.wt_channel_id);\n    } else if (msg.videoroom === 'sync_request') {\n      roomSyncSend(msg.sync_slave_id).catch(function () {});\n    } else if (msg.videoroom === 'message') {\n      // ignoring non studio commands if master\n      if (isForcedMaster && msg.from !== null) {\n        return;\n      }\n\n      if (_syncDisabled) {\n        return;\n      }\n\n      if (msg.user_action === 'sync_seeking') {\n        seekMedia(msg).catch(function () {});\n      } else if (msg.user_action === 'sync_seeked') {} else if (msg.user_action === 'sync_play' || msg.action === 'sync_play') {\n        playMedia();\n      } else if (msg.user_action === 'sync_pause' || msg.action === 'sync_pause') {\n        pauseMedia();\n      }\n    }\n  };\n\n  var getCurrentSegmentPosition = function getCurrentSegmentPosition() {\n    var position = _videoElement && _videoElement.currentTime;\n    return isNaN(position) ? 0 : position * 1000;\n  };\n\n  var calculateSyncDifferenceTime = function calculateSyncDifferenceTime(fragmentSn) {\n    var fragmentPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n    var ping = arguments.length > 2 ? arguments[2] : undefined;\n    return {\n      position: (fragmentPos + ping / 2) / 1000,\n      isBufferSufficient: true\n    };\n  };\n\n  var seekMedia = function seekMedia(msg) {\n    msg = _objectSpread({\n      userId: msg.from\n    }, msg.text && JSON.parse(msg.text));\n\n    if (msg.handleId !== room.handleId) {\n      var _calculateSyncDiffere2 = calculateSyncDifferenceTime(msg.fragment, msg.fragment_pos, 0),\n          position = _calculateSyncDiffere2.position,\n          isBufferSufficient = _calculateSyncDiffere2.isBufferSufficient; //TODO: right ping\n\n\n      if (position) {\n        return seekTo(position).then(function () {\n          if (isForcedMaster) {\n            propagateMasterFunc();\n          }\n        });\n      } else {\n        return Promise.resolve();\n      }\n    } else {\n      return Promise.resolve();\n    }\n  };\n\n  var prePlay = function prePlay() {\n    if (_videoElement.currentTime > 0 || _videoElement.paused === false) {\n      return Promise.resolve();\n    }\n\n    isProgrammaticallySeeked = true;\n    var wasMuted = _videoElement.muted;\n    _videoElement.muted = true;\n    return _videoElement.play().then(function () {\n      _videoElement.pause();\n\n      _videoElement.currentTime = 0;\n      return Object(_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(100);\n    }).catch(function () {\n      return true;\n    }).finally(function () {\n      _videoElement.muted = wasMuted;\n      isProgrammaticallySeeked = false;\n      return true;\n    });\n  };\n\n  var playMedia = function playMedia() {\n    if (_videoElement && _videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.play().finally(function () {\n        isProgrammaticallySeeked = false;\n      });\n    }\n  };\n\n  var pauseMedia = function pauseMedia() {\n    if (_videoElement && !_videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.addEventListener('pause', function () {\n        isProgrammaticallySeeked = false;\n      }, {\n        once: true\n      });\n\n      _videoElement.pause();\n    }\n  };\n\n  var seekTo = function seekTo(time) {\n    return new Promise(function (resolve) {\n      if (_videoElement.currentTime !== time) {\n        isProgrammaticallySeeked = true; // we need to ignore stall events since those are false alarm\n\n        _videoElement.addEventListener('seeked', function () {\n          isProgrammaticallySeeked = false;\n          resolve();\n        }, {\n          once: true\n        });\n\n        _videoElement.currentTime = time;\n      } else resolve();\n    });\n  };\n\n  var handlePlaying = function handlePlaying() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_play', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handlePause = function handlePause() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_pause', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handleStalledWaiting = function handleStalledWaiting() {\n    if (!isProgrammaticallySeeked) {\n      clientPaused().catch(function () {});\n    }\n  };\n\n  var handleSeeking = function handleSeeking() {\n    clearTimeout(seekingDebounceId);\n\n    if (!isProgrammaticallySeeked) {\n      seekingDebounceId = setTimeout(function () {\n        var fragmentPosition = parseInt(getCurrentSegmentPosition());\n        roomSession.sendSystemMessage('sync_seeking', {\n          timestamp: new Date().getTime(),\n          handleId: room.handleId,\n          fragment: \"0\",\n          //isPlaying ? \"1\":\"0\",\n          fragment_pos: Number(fragmentPosition)\n        }, undefined, null).catch(function () {});\n\n        if (!isForcedMaster && !_syncDisabled) {\n          pauseMedia();\n        }\n      }, seekingDebounceTimeout);\n    }\n  };\n\n  var handleSeeked = function handleSeeked() {};\n\n  var handleEnded = function handleEnded() {};\n\n  var roomSyncSend = function roomSyncSend(slaveId) {\n    if (!_videoElement) {\n      room._log(\"I've been asked for position even if we don't have player attached.\\n                    Does it mean I'm the master?\");\n\n      return Promise.resolve();\n    }\n\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n\n    room._log(\"Sending my position to \".concat(slaveId));\n\n    room._log(\"Current time: \".concat(fragmentPosition));\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_response\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition),\n        slave_id: Number(slaveId)\n      }\n    });\n  };\n\n  var getSyncData = function getSyncData() {\n    room._log('Sending roomSync request');\n\n    var roomId = room.roomId;\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n    return new Promise(function (resolve, reject) {\n      var now = new Date().getTime();\n      var ping = null;\n      var sid = setTimeout(function () {\n        room.off('data', fn, _this);\n        reject('Timeout');\n      }, 3000);\n      var body = {\n        request: \"sync\",\n        room: roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition)\n      };\n\n      var fn = function fn(msg) {\n        if (msg.videoroom && ['sync', 'sync_response'].includes(msg.videoroom)) {\n          if (msg.sync_master_await) {\n            room._log('Waiting for master position');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n          } else if (msg.sync_master_fragment || msg.sync_master_fragment_pos) {\n            room._log('Got master position data');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n\n            room._log(\"I'm master: \".concat(!!msg.sync_master_self));\n\n            room._log(\"Ping: \".concat(ping));\n\n            room._log(\"Master fragment: \".concat(msg.sync_master_fragment));\n\n            room._log(\"Master fragment position: \".concat(msg.sync_master_fragment_pos));\n\n            room.off('data', fn, _this);\n            clearTimeout(sid);\n            resolve({\n              isMaster: !!msg.sync_master_self,\n              ping: ping,\n              masterFragmentPos: parseInt(msg.sync_master_fragment_pos),\n              masterFragmentSn: parseInt(msg.sync_master_fragment)\n            });\n          } else {\n            clearTimeout(sid);\n            reject('Master lost connection');\n          }\n        }\n      };\n\n      room.on('data', fn, _this);\n      room.sendMessage(room.handleId, {\n        body: body\n      }).then(fn).catch(function (e) {\n        room.off('data', fn, _this);\n        clearTimeout(sid);\n        reject(e);\n      });\n    });\n  };\n\n  var clientPaused = function clientPaused() {\n    room._log('Sending client paused');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_paused\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: '0',\n        fragment_pos: 0\n      }\n    });\n  };\n\n  var propagateMasterFunc = function propagateMasterFunc() {\n    room._log('Propagating master');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_source_set\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        wt_channel_id: \"\",\n        fragment: \"0\",\n        fragment_pos: 0\n      }\n    });\n  };\n\n  return {\n    __events: ['playerSyncing'],\n    initialize: function initialize() {\n      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n          hlsInstance = _ref2.hlsInstance,\n          libraryInstance = _ref2.libraryInstance,\n          _ref2$propagateMaster = _ref2.propagateMaster,\n          propagateMaster = _ref2$propagateMaster === void 0 ? false : _ref2$propagateMaster,\n          _ref2$isStudio = _ref2.isStudio,\n          isStudio = _ref2$isStudio === void 0 ? false : _ref2$isStudio,\n          roomId = _ref2.roomId,\n          syncDisabled = _ref2.syncDisabled;\n\n      _libraryInstance = hlsInstance || libraryInstance; // backwards comp;\n\n      _videoElement = _libraryInstance.media;\n      _roomId = roomId;\n      _syncDisabled = syncDisabled;\n\n      if (!_libraryInstance) {\n        room._log('No hls.js player instance!');\n\n        return;\n      }\n\n      emitter.emit('playerSyncing', false);\n      isForcedMaster = propagateMaster;\n      isPlaying = _videoElement.paused === false;\n      room.on('disconnect', stopSyncLoop);\n      room.on('addLocalParticipant', handleAddLocalParticipant);\n      room.on('removeLocalParticipant', stopSyncLoop);\n      room.on('addRemoteParticipant', handleAddRemoteParticipant);\n      room.on('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.on('data', parseDataEvents);\n      wt.iot.$on('message', parseIotEvents);\n\n      if (isForcedMaster) {\n        propagateMasterFunc().catch(function () {});\n      }\n\n      if (_libraryInstance && _videoElement) {\n        (propagateMaster || isStudio ? Promise.resolve() : prePlay()).then(function () {\n          _libraryInstance.on('hlsError', buffering);\n\n          _videoElement.addEventListener('playing', handlePlaying);\n\n          _videoElement.addEventListener('pause', handlePause);\n\n          _videoElement.addEventListener('seeking', handleSeeking);\n\n          _videoElement.addEventListener('seeked', handleSeeked);\n\n          _videoElement.addEventListener('ended', handleEnded);\n\n          startSyncLoop();\n        });\n      }\n    },\n    destroy: function destroy() {\n      stopSyncLoop();\n      room.off('disconnect', stopSyncLoop);\n      room.off('addLocalParticipant', handleAddLocalParticipant);\n      room.off('removeLocalParticipant', stopSyncLoop);\n      room.off('addRemoteParticipant', handleAddRemoteParticipant);\n      room.off('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.off('data', parseDataEvents);\n      wt.iot.$off('message', parseIotEvents);\n\n      if (_libraryInstance) {\n        _libraryInstance.off('hlsError', buffering);\n      }\n\n      if (_videoElement) {\n        _videoElement.removeEventListener('playing', handlePlaying);\n\n        _videoElement.removeEventListener('pause', handlePause);\n\n        _videoElement.removeEventListener('seeking', handleSeeking);\n\n        _videoElement.removeEventListener('seeked', handleSeeked);\n\n        _videoElement.removeEventListener('ended', handleEnded);\n      }\n\n      _libraryInstance = null;\n      _videoElement = null;\n    }\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (syncVodHlsJs);\n\n//# sourceURL=webpack://WatchTogetherSDK/./src/modules/sync-modules/sync-hls-vod.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _wt_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../wt-utils */ \"./src/modules/wt-utils.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\nvar syncVodHlsJs = function syncVodHlsJs() {\n  var _this = this;\n\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n      room = _ref.room,\n      wt = _ref.wt,\n      roomSession = _ref.roomSession,\n      emitter = _ref.emitter;\n\n  //SYNC VARS\n  var _libraryInstance = null;\n  var _videoElement = null;\n  var _roomId = null;\n  var _syncDisabled = false;\n  var syncDefaultWaitTime = 60000;\n  var syncShortWaitTime = 10000;\n  var maxSyncThreshold = 0.5;\n  var maxSyncTries = 3;\n  var currentSyncRetry = 0;\n  var syncWaitId = null;\n  var syncNextWaitTime = null;\n  var stopFlag = false;\n  var isSyncing = false;\n  var seekingDebounceId = null;\n  var seekingDebounceTimeout = 300;\n  var isPlaying = false;\n  var isProgrammaticallySeeked = false;\n  var isForcedMaster = false;\n\n  var startSyncLoop = function startSyncLoop() {\n    if (_syncDisabled) {\n      room._log('--- Sync loop will not start due to sync force disabled ---');\n\n      return;\n    }\n\n    if (!isConnected()) {\n      room._log('--- Sync loop will not start due to user not connected yet ---');\n\n      return;\n    }\n\n    if (syncWaitId) {\n      room._log('--- Sync loop already running ---');\n\n      return;\n    }\n\n    room._log('--- Sync enabled ---');\n\n    stopFlag = false;\n\n    var loop = function loop() {\n      isSyncing = true;\n      emitter.emit('playerSyncing', true);\n      sync().finally(function () {\n        isSyncing = false;\n        emitter.emit('playerSyncing', false);\n\n        if (isConnected() && !stopFlag) {\n          syncWaitId = setTimeout(loop, syncNextWaitTime);\n        } else {\n          room._log('--- Automatic stop due to user not connected or stop flag enabled ---');\n\n          stopSyncLoop();\n        }\n      });\n    };\n\n    loop();\n  };\n\n  var stopSyncLoop = function stopSyncLoop() {\n    room._log('--- Sync disabled ---');\n\n    clearTimeout(syncWaitId);\n    syncWaitId = null;\n    currentSyncRetry = 0;\n    stopFlag = true;\n  };\n\n  var restartSyncLoop = function restartSyncLoop() {\n    room._log('--- Sync restarting ---');\n\n    stopSyncLoop();\n    startSyncLoop();\n  };\n\n  var setNextWaitTime = function setNextWaitTime() {\n    var didSyncFail = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n    if (!didSyncFail) {\n      syncNextWaitTime = syncDefaultWaitTime;\n      currentSyncRetry = 0;\n    } else {\n      currentSyncRetry++;\n\n      if (currentSyncRetry > maxSyncTries) {\n        syncNextWaitTime = syncDefaultWaitTime;\n        currentSyncRetry = 0;\n      } else {\n        syncNextWaitTime = syncShortWaitTime;\n      }\n    }\n\n    room._log('--- Next sync will occur in ' + syncNextWaitTime / 1000 + ' seconds ---');\n  };\n\n  var sync = function sync() {\n    return getSyncData().then(function (syncData) {\n      if (syncData.isMaster || stopFlag) {\n        setNextWaitTime(false);\n        return Promise.resolve();\n      } else if (isForcedMaster) {\n        setNextWaitTime(false);\n        return propagateMasterFunc();\n      } else {\n        var syncStartTime = Date.now();\n\n        var _calculateSyncDiffere = calculateSyncDifferenceTime(syncData.masterFragmentSn, syncData.masterFragmentPos, syncData.ping),\n            position = _calculateSyncDiffere.position,\n            isBufferSufficient = _calculateSyncDiffere.isBufferSufficient;\n\n        var currentPosition = getCurrentSegmentPosition() / 1000;\n\n        if (syncData.masterFragmentSn) {\n          playMedia();\n        } else {\n          pauseMedia();\n        }\n\n        if (position && Math.abs(position - currentPosition) <= maxSyncThreshold) {\n          room._log(\"We're within max sync threshold, no need to resync now\");\n\n          setNextWaitTime(false);\n          return Promise.resolve();\n        }\n\n        if (position !== null) {\n          return seekTo(position).then(function () {\n            var seekDuration = (Date.now() - syncStartTime) / 1000;\n            var syncPrecision = Math.abs(position + (isPlaying ? seekDuration : 0) - getCurrentSegmentPosition() / 1000);\n\n            room._log(\"Insufficient buffer: \", !isBufferSufficient);\n\n            room._log(\"Seek duration is \".concat(seekDuration));\n\n            room._log(\"Sync precision should be \".concat(syncPrecision));\n\n            var didSyncFail = syncPrecision > maxSyncThreshold;\n            setNextWaitTime(didSyncFail);\n            return Promise.resolve();\n          }).catch(function (e) {\n            setNextWaitTime(true);\n            return Promise.reject(e);\n          });\n        } else {\n          setNextWaitTime(true);\n          return Promise.reject();\n        }\n      }\n    }).catch(function () {\n      setNextWaitTime(true);\n    });\n  };\n\n  var handleAddLocalParticipant = function handleAddLocalParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n\n    if (_videoElement) {\n      //TODO: shit fix ... data channel with other participant is not opened yet so we wait\n      setTimeout(function () {\n        _videoElement.addEventListener('progress', function () {\n          restartSyncLoop();\n        }, {\n          once: true\n        });\n      }, 1000);\n    }\n  };\n\n  var handleAddRemoteParticipant = function handleAddRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var handleRemoveRemoteParticipant = function handleRemoveRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var isConnected = function isConnected() {\n    return room._isDataChannelOpen && room._hasJoined;\n  };\n\n  var buffering = function buffering(event) {\n    var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n    if (data.details === 'bufferStalledError') {\n      handleStalledWaiting();\n    }\n  };\n\n  var executePlayerIotEvents = function executePlayerIotEvents(data) {\n    var rid = _roomId || room.roomId;\n\n    if (data.attributeName === 'playerReplay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n      seekTo(0).then(function () {\n        return playMedia();\n      });\n    }\n\n    if (data.attributeName === 'playerPlay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n      playMedia();\n    }\n\n    if (data.attributeName === 'playerPause' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n      pauseMedia();\n    }\n  };\n\n  var parseIotEvents = function parseIotEvents(data) {\n    if (data.event === 'template_updated') {\n      if (data.operation === 'multi') {\n        (data.value || []).forEach(function (event) {\n          if (event.operation === 'sendMessage') {\n            executePlayerIotEvents(_objectSpread(_objectSpread({}, event), {}, {\n              roomId: data.roomId,\n              userId: data.userId\n            }));\n          }\n        });\n      }\n\n      if (data.operation === 'sendMessage') {\n        executePlayerIotEvents(data);\n      }\n    }\n  };\n\n  var parseDataEvents = function parseDataEvents() {\n    var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n    if (msg.videoroom === 'sync_source_set' && msg.wt_channel_id != \"\") {\n      emitter.emit('changePlayerSource', msg.wt_channel_id);\n    } else if (msg.videoroom === 'sync_request') {\n      roomSyncSend(msg.sync_slave_id).catch(function () {});\n    } else if (msg.videoroom === 'message') {\n      // ignoring non studio commands if master\n      if (isForcedMaster && msg.from !== null) {\n        return;\n      }\n\n      if (_syncDisabled) {\n        return;\n      }\n\n      if (msg.user_action === 'sync_seeking') {\n        seekMedia(msg).catch(function () {});\n      } else if (msg.user_action === 'sync_seeked') {} else if (msg.user_action === 'sync_play' || msg.action === 'sync_play') {\n        playMedia();\n      } else if (msg.user_action === 'sync_pause' || msg.action === 'sync_pause') {\n        pauseMedia();\n      }\n    }\n  };\n\n  var getCurrentSegmentPosition = function getCurrentSegmentPosition() {\n    var position = _videoElement && _videoElement.currentTime;\n    return isNaN(position) ? 0 : position * 1000;\n  };\n\n  var calculateSyncDifferenceTime = function calculateSyncDifferenceTime(fragmentSn) {\n    var fragmentPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n    var ping = arguments.length > 2 ? arguments[2] : undefined;\n    return {\n      position: (fragmentPos + ping / 2) / 1000,\n      isBufferSufficient: true\n    };\n  };\n\n  var seekMedia = function seekMedia(msg) {\n    msg = _objectSpread({\n      userId: msg.from\n    }, msg.text && JSON.parse(msg.text));\n\n    if (msg.handleId !== room.handleId) {\n      var _calculateSyncDiffere2 = calculateSyncDifferenceTime(msg.fragment, msg.fragment_pos, 0),\n          position = _calculateSyncDiffere2.position,\n          isBufferSufficient = _calculateSyncDiffere2.isBufferSufficient; //TODO: right ping\n\n\n      if (position) {\n        return seekTo(position).then(function () {\n          if (isForcedMaster) {\n            propagateMasterFunc();\n          }\n        });\n      } else {\n        return Promise.resolve();\n      }\n    } else {\n      return Promise.resolve();\n    }\n  };\n\n  var prePlay = function prePlay() {\n    if (_videoElement.currentTime > 0 || _videoElement.paused === false) {\n      return Promise.resolve();\n    }\n\n    isProgrammaticallySeeked = true;\n    var wasMuted = _videoElement.muted;\n    _videoElement.muted = true;\n    return _videoElement.play().then(function () {\n      _videoElement.pause();\n\n      _videoElement.currentTime = 0;\n      return Object(_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(100);\n    }).catch(function () {\n      return true;\n    }).finally(function () {\n      _videoElement.muted = wasMuted;\n      isProgrammaticallySeeked = false;\n      return true;\n    });\n  };\n\n  var playMedia = function playMedia() {\n    if (_videoElement && _videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.play().finally(function () {\n        isProgrammaticallySeeked = false;\n      });\n    }\n  };\n\n  var pauseMedia = function pauseMedia() {\n    if (_videoElement && !_videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.addEventListener('pause', function () {\n        isProgrammaticallySeeked = false;\n      }, {\n        once: true\n      });\n\n      _videoElement.pause();\n    }\n  };\n\n  var seekTo = function seekTo(time) {\n    return new Promise(function (resolve) {\n      if (_videoElement.currentTime !== time) {\n        isProgrammaticallySeeked = true; // we need to ignore stall events since those are false alarm\n\n        _videoElement.addEventListener('seeked', function () {\n          isProgrammaticallySeeked = false;\n          resolve();\n        }, {\n          once: true\n        });\n\n        _videoElement.currentTime = time;\n      } else resolve();\n    });\n  };\n\n  var handlePlaying = function handlePlaying() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_play', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handlePause = function handlePause() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_pause', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handleStalledWaiting = function handleStalledWaiting() {\n    if (!isProgrammaticallySeeked) {\n      clientPaused().catch(function () {});\n    }\n  };\n\n  var handleSeeking = function handleSeeking() {\n    clearTimeout(seekingDebounceId);\n\n    if (!isProgrammaticallySeeked) {\n      seekingDebounceId = setTimeout(function () {\n        var fragmentPosition = parseInt(getCurrentSegmentPosition());\n        roomSession.sendSystemMessage('sync_seeking', {\n          timestamp: new Date().getTime(),\n          handleId: room.handleId,\n          fragment: \"0\",\n          //isPlaying ? \"1\":\"0\",\n          fragment_pos: Number(fragmentPosition)\n        }, undefined, null).catch(function () {});\n\n        if (!isForcedMaster && !_syncDisabled) {\n          pauseMedia();\n        }\n      }, seekingDebounceTimeout);\n    }\n  };\n\n  var handleSeeked = function handleSeeked() {};\n\n  var handleEnded = function handleEnded() {};\n\n  var roomSyncSend = function roomSyncSend(slaveId) {\n    if (!_videoElement) {\n      room._log(\"I've been asked for position even if we don't have player attached.\\n                    Does it mean I'm the master?\");\n\n      return Promise.resolve();\n    }\n\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n\n    room._log(\"Sending my position to \".concat(slaveId));\n\n    room._log(\"Current time: \".concat(fragmentPosition));\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_response\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition),\n        slave_id: Number(slaveId)\n      }\n    });\n  };\n\n  var getSyncData = function getSyncData() {\n    room._log('Sending roomSync request');\n\n    var roomId = room.roomId;\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n    return new Promise(function (resolve, reject) {\n      var now = new Date().getTime();\n      var ping = null;\n      var sid = setTimeout(function () {\n        room.off('data', fn, _this);\n        reject('Timeout');\n      }, 3000);\n      var body = {\n        request: \"sync\",\n        room: roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition)\n      };\n\n      var fn = function fn(msg) {\n        if (msg.videoroom && ['sync', 'sync_response'].includes(msg.videoroom)) {\n          if (msg.sync_master_await) {\n            room._log('Waiting for master position');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n          } else if (msg.sync_master_fragment || msg.sync_master_fragment_pos) {\n            room._log('Got master position data');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n\n            room._log(\"I'm master: \".concat(!!msg.sync_master_self));\n\n            room._log(\"Ping: \".concat(ping));\n\n            room._log(\"Master fragment: \".concat(msg.sync_master_fragment));\n\n            room._log(\"Master fragment position: \".concat(msg.sync_master_fragment_pos));\n\n            room.off('data', fn, _this);\n            clearTimeout(sid);\n            resolve({\n              isMaster: !!msg.sync_master_self,\n              ping: ping,\n              masterFragmentPos: parseInt(msg.sync_master_fragment_pos),\n              masterFragmentSn: parseInt(msg.sync_master_fragment)\n            });\n          } else {\n            clearTimeout(sid);\n            reject('Master lost connection');\n          }\n        }\n      };\n\n      room.on('data', fn, _this);\n      room.sendMessage(room.handleId, {\n        body: body\n      }).then(fn).catch(function (e) {\n        room.off('data', fn, _this);\n        clearTimeout(sid);\n        reject(e);\n      });\n    });\n  };\n\n  var clientPaused = function clientPaused() {\n    room._log('Sending client paused');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_paused\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: '0',\n        fragment_pos: 0\n      }\n    });\n  };\n\n  var propagateMasterFunc = function propagateMasterFunc() {\n    room._log('Propagating master');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_source_set\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        wt_channel_id: \"\",\n        fragment: \"0\",\n        fragment_pos: 0\n      }\n    });\n  };\n\n  return {\n    __events: ['playerSyncing'],\n    initialize: function initialize() {\n      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n          hlsInstance = _ref2.hlsInstance,\n          libraryInstance = _ref2.libraryInstance,\n          _ref2$propagateMaster = _ref2.propagateMaster,\n          propagateMaster = _ref2$propagateMaster === void 0 ? false : _ref2$propagateMaster,\n          _ref2$isStudio = _ref2.isStudio,\n          isStudio = _ref2$isStudio === void 0 ? false : _ref2$isStudio,\n          roomId = _ref2.roomId,\n          syncDisabled = _ref2.syncDisabled;\n\n      _libraryInstance = hlsInstance || libraryInstance; // backwards comp;\n\n      _videoElement = _libraryInstance.media;\n      _roomId = roomId;\n      _syncDisabled = syncDisabled;\n\n      if (!_libraryInstance) {\n        room._log('No hls.js player instance!');\n\n        return;\n      }\n\n      emitter.emit('playerSyncing', false);\n      isForcedMaster = propagateMaster;\n      isPlaying = _videoElement.paused === false;\n      room.on('disconnect', stopSyncLoop);\n      room.on('addLocalParticipant', handleAddLocalParticipant);\n      room.on('removeLocalParticipant', stopSyncLoop);\n      room.on('addRemoteParticipant', handleAddRemoteParticipant);\n      room.on('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.on('data', parseDataEvents);\n      wt.iot.$on('message', parseIotEvents);\n\n      if (isForcedMaster) {\n        propagateMasterFunc().catch(function () {});\n      }\n\n      if (_libraryInstance && _videoElement) {\n        (propagateMaster || isStudio ? Promise.resolve() : prePlay()).then(function () {\n          _libraryInstance.on('hlsError', buffering);\n\n          _videoElement.addEventListener('playing', handlePlaying);\n\n          _videoElement.addEventListener('pause', handlePause);\n\n          _videoElement.addEventListener('seeking', handleSeeking);\n\n          _videoElement.addEventListener('seeked', handleSeeked);\n\n          _videoElement.addEventListener('ended', handleEnded);\n\n          startSyncLoop();\n        });\n      }\n    },\n    destroy: function destroy() {\n      stopSyncLoop();\n      room.off('disconnect', stopSyncLoop);\n      room.off('addLocalParticipant', handleAddLocalParticipant);\n      room.off('removeLocalParticipant', stopSyncLoop);\n      room.off('addRemoteParticipant', handleAddRemoteParticipant);\n      room.off('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.off('data', parseDataEvents);\n      wt.iot.$off('message', parseIotEvents);\n\n      if (_libraryInstance) {\n        _libraryInstance.off('hlsError', buffering);\n      }\n\n      if (_videoElement) {\n        _videoElement.removeEventListener('playing', handlePlaying);\n\n        _videoElement.removeEventListener('pause', handlePause);\n\n        _videoElement.removeEventListener('seeking', handleSeeking);\n\n        _videoElement.removeEventListener('seeked', handleSeeked);\n\n        _videoElement.removeEventListener('ended', handleEnded);\n      }\n\n      _libraryInstance = null;\n      _videoElement = null;\n    }\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (syncVodHlsJs);\n\n//# sourceURL=webpack://WatchTogetherSDK/./src/modules/sync-modules/sync-hls-vod.js?");
 
 /***/ }),
 
@@ -9811,7 +9811,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _wt_
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _wt_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../wt-utils */ \"./src/modules/wt-utils.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\nvar syncVodHlsJs = function syncVodHlsJs() {\n  var _this = this;\n\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n      room = _ref.room,\n      wt = _ref.wt,\n      roomSession = _ref.roomSession,\n      emitter = _ref.emitter;\n\n  //SYNC VARS\n  var _videoElement = null;\n  var _roomId = null;\n  var _syncDisabled = false;\n  var syncDefaultWaitTime = 60000;\n  var syncShortWaitTime = 10000;\n  var maxSyncThreshold = 0.5;\n  var maxSyncTries = 3;\n  var currentSyncRetry = 0;\n  var syncWaitId = null;\n  var syncNextWaitTime = null;\n  var stopFlag = false;\n  var isSyncing = false;\n  var seekingDebounceId = null;\n  var seekingDebounceTimeout = 300;\n  var isPlaying = false;\n  var isProgrammaticallySeeked = false;\n  var isForcedMaster = false;\n\n  var startSyncLoop = function startSyncLoop() {\n    if (_syncDisabled) {\n      room._log('--- Sync loop will not start due to sync force disabled ---');\n\n      return;\n    }\n\n    if (!isConnected()) {\n      room._log('--- Sync loop will not start due to user not connected yet ---');\n\n      return;\n    }\n\n    if (syncWaitId) {\n      room._log('--- Sync loop already running ---');\n\n      return;\n    }\n\n    room._log('--- Sync enabled ---');\n\n    stopFlag = false;\n\n    var loop = function loop() {\n      isSyncing = true;\n      emitter.emit('playerSyncing', true);\n      sync().finally(function () {\n        isSyncing = false;\n        emitter.emit('playerSyncing', false);\n\n        if (isConnected() && !stopFlag) {\n          syncWaitId = setTimeout(loop, syncNextWaitTime);\n        } else {\n          room._log('--- Automatic stop due to user not connected or stop flag enabled ---');\n\n          stopSyncLoop();\n        }\n      });\n    };\n\n    loop();\n  };\n\n  var stopSyncLoop = function stopSyncLoop() {\n    room._log('--- Sync disabled ---');\n\n    clearTimeout(syncWaitId);\n    syncWaitId = null;\n    currentSyncRetry = 0;\n    stopFlag = true;\n  };\n\n  var restartSyncLoop = function restartSyncLoop() {\n    room._log('--- Sync restarting ---');\n\n    stopSyncLoop();\n    startSyncLoop();\n  };\n\n  var setNextWaitTime = function setNextWaitTime() {\n    var didSyncFail = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n    if (!didSyncFail) {\n      syncNextWaitTime = syncDefaultWaitTime;\n      currentSyncRetry = 0;\n    } else {\n      currentSyncRetry++;\n\n      if (currentSyncRetry > maxSyncTries) {\n        syncNextWaitTime = syncDefaultWaitTime;\n        currentSyncRetry = 0;\n      } else {\n        syncNextWaitTime = syncShortWaitTime;\n      }\n    }\n\n    room._log('--- Next sync will occur in ' + syncNextWaitTime / 1000 + ' seconds ---');\n  };\n\n  var sync = function sync() {\n    return getSyncData().then(function (syncData) {\n      if (syncData.isMaster || stopFlag) {\n        setNextWaitTime(false);\n        return Promise.resolve();\n      } else if (isForcedMaster) {\n        setNextWaitTime(false);\n        return propagateMasterFunc();\n      } else {\n        var syncStartTime = Date.now();\n\n        var _calculateSyncDiffere = calculateSyncDifferenceTime(syncData.masterFragmentSn, syncData.masterFragmentPos, syncData.ping),\n            position = _calculateSyncDiffere.position,\n            isBufferSufficient = _calculateSyncDiffere.isBufferSufficient;\n\n        var currentPosition = getCurrentSegmentPosition() / 1000;\n\n        if (syncData.masterFragmentSn) {\n          playMedia();\n        } else {\n          pauseMedia();\n        }\n\n        if (position && Math.abs(position - currentPosition) <= maxSyncThreshold) {\n          room._log(\"We're within max sync threshold, no need to resync now\");\n\n          setNextWaitTime(false);\n          return Promise.resolve();\n        }\n\n        if (position !== null) {\n          return seekTo(position).then(function () {\n            var seekDuration = (Date.now() - syncStartTime) / 1000;\n            var syncPrecision = Math.abs(position + (isPlaying ? seekDuration : 0) - getCurrentSegmentPosition() / 1000);\n\n            room._log(\"Insufficient buffer: \", !isBufferSufficient);\n\n            room._log(\"Seek duration is \".concat(seekDuration));\n\n            room._log(\"Sync precision should be \".concat(syncPrecision));\n\n            var didSyncFail = syncPrecision > maxSyncThreshold;\n            setNextWaitTime(didSyncFail);\n            return Promise.resolve();\n          }).catch(function (e) {\n            setNextWaitTime(true);\n            return Promise.reject(e);\n          });\n        } else {\n          setNextWaitTime(true);\n          return Promise.reject();\n        }\n      }\n    }).catch(function () {\n      setNextWaitTime(true);\n    });\n  };\n\n  var handleAddLocalParticipant = function handleAddLocalParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n\n    if (_videoElement) {\n      //TODO: shit fix ... data channel with other participant is not opened yet so we wait\n      setTimeout(function () {\n        restartSyncLoop();\n      }, 1000);\n    }\n  };\n\n  var handleAddRemoteParticipant = function handleAddRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var handleRemoveRemoteParticipant = function handleRemoveRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var isConnected = function isConnected() {\n    return room._isDataChannelOpen && room._hasJoined;\n  };\n\n  var parseIotEvents = function parseIotEvents(data) {\n    var rid = _roomId || room.roomId;\n\n    if (data.event === 'template_updated') {\n      if (data.operation === 'sendMessage' && data.attributeName === 'playerReplay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n        seekTo(0).then(function () {\n          return playMedia();\n        });\n      }\n\n      if (data.operation === 'sendMessage' && data.attributeName === 'playerPlay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n        playMedia();\n      }\n\n      if (data.operation === 'sendMessage' && data.attributeName === 'playerPause' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n        pauseMedia();\n      }\n    }\n  };\n\n  var parseDataEvents = function parseDataEvents() {\n    var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n    if (msg.videoroom === 'sync_source_set' && msg.wt_channel_id != \"\") {\n      emitter.emit('changePlayerSource', msg.wt_channel_id);\n    } else if (msg.videoroom === 'sync_request') {\n      roomSyncSend(msg.sync_slave_id).catch(function () {});\n    } else if (msg.videoroom === 'message') {\n      // ignoring non studio commands if master\n      if (isForcedMaster && msg.from !== null) {\n        return;\n      }\n\n      if (_syncDisabled) {\n        return;\n      }\n\n      if (msg.user_action === 'sync_seeking') {\n        seekMedia(msg).catch(function () {});\n      } else if (msg.user_action === 'sync_seeked') {} else if (msg.user_action === 'sync_play' || msg.action === 'sync_play') {\n        playMedia();\n      } else if (msg.user_action === 'sync_pause' || msg.action === 'sync_pause') {\n        pauseMedia();\n      }\n    }\n  };\n\n  var getCurrentSegmentPosition = function getCurrentSegmentPosition() {\n    var position = _videoElement && _videoElement.currentTime;\n    return isNaN(position) ? 0 : position * 1000;\n  };\n\n  var calculateSyncDifferenceTime = function calculateSyncDifferenceTime(fragmentSn) {\n    var fragmentPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n    var ping = arguments.length > 2 ? arguments[2] : undefined;\n    return {\n      position: (fragmentPos + ping / 2) / 1000,\n      isBufferSufficient: true\n    };\n  };\n\n  var seekMedia = function seekMedia(msg) {\n    msg = _objectSpread({\n      userId: msg.from\n    }, msg.text && JSON.parse(msg.text));\n\n    if (msg.handleId !== room.handleId) {\n      var _calculateSyncDiffere2 = calculateSyncDifferenceTime(msg.fragment, msg.fragment_pos, 0),\n          position = _calculateSyncDiffere2.position,\n          isBufferSufficient = _calculateSyncDiffere2.isBufferSufficient; //TODO: right ping\n\n\n      if (position) {\n        return seekTo(position).then(function () {\n          if (isForcedMaster) {\n            propagateMasterFunc();\n          }\n        });\n      } else {\n        return Promise.resolve();\n      }\n    } else {\n      return Promise.resolve();\n    }\n  };\n\n  var prePlay = function prePlay() {\n    if (_videoElement.currentTime > 0 || _videoElement.paused === false) {\n      return Promise.resolve();\n    }\n\n    isProgrammaticallySeeked = true;\n    var wasMuted = _videoElement.muted;\n    _videoElement.muted = true;\n    return _videoElement.play().then(function () {\n      _videoElement.pause();\n\n      _videoElement.currentTime = 0;\n      return Object(_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(100);\n    }).catch(function () {\n      return true;\n    }).finally(function () {\n      _videoElement.muted = wasMuted;\n      isProgrammaticallySeeked = false;\n      return true;\n    });\n  };\n\n  var playMedia = function playMedia() {\n    if (_videoElement && _videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.play().finally(function () {\n        isProgrammaticallySeeked = false;\n      });\n    }\n  };\n\n  var pauseMedia = function pauseMedia() {\n    if (_videoElement && !_videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.addEventListener('pause', function () {\n        isProgrammaticallySeeked = false;\n      }, {\n        once: true\n      });\n\n      _videoElement.pause();\n    }\n  };\n\n  var seekTo = function seekTo(time) {\n    return new Promise(function (resolve) {\n      if (_videoElement.currentTime !== time) {\n        isProgrammaticallySeeked = true; // we need to ignore stall events since those are false alarm\n\n        _videoElement.addEventListener('seeked', function () {\n          isProgrammaticallySeeked = false;\n          resolve();\n        }, {\n          once: true\n        });\n\n        _videoElement.currentTime = time;\n      } else resolve();\n    });\n  };\n\n  var handlePlaying = function handlePlaying() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_play', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handlePause = function handlePause() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_pause', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handleStalledWaiting = function handleStalledWaiting() {\n    if (!isProgrammaticallySeeked) {\n      clientPaused().catch(function () {});\n    }\n  };\n\n  var handleSeeking = function handleSeeking() {\n    clearTimeout(seekingDebounceId);\n\n    if (!isProgrammaticallySeeked) {\n      seekingDebounceId = setTimeout(function () {\n        var fragmentPosition = parseInt(getCurrentSegmentPosition());\n        roomSession.sendSystemMessage('sync_seeking', {\n          timestamp: new Date().getTime(),\n          handleId: room.handleId,\n          fragment: \"0\",\n          //isPlaying ? \"1\":\"0\",\n          fragment_pos: Number(fragmentPosition)\n        }, undefined, null).catch(function () {});\n\n        if (!isForcedMaster && !_syncDisabled) {\n          pauseMedia();\n        }\n      }, seekingDebounceTimeout);\n    }\n  };\n\n  var handleSeeked = function handleSeeked() {};\n\n  var handleEnded = function handleEnded() {};\n\n  var roomSyncSend = function roomSyncSend(slaveId) {\n    if (!_videoElement) {\n      room._log(\"I've been asked for position even if we don't have player attached.\\n                    Does it mean I'm the master?\");\n\n      return Promise.resolve();\n    }\n\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n\n    room._log(\"Sending my position to \".concat(slaveId));\n\n    room._log(\"Current time: \".concat(fragmentPosition));\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_response\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition),\n        slave_id: Number(slaveId)\n      }\n    });\n  };\n\n  var getSyncData = function getSyncData() {\n    room._log('Sending roomSync request');\n\n    var roomId = room.roomId;\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n    return new Promise(function (resolve, reject) {\n      var now = new Date().getTime();\n      var ping = null;\n      var sid = setTimeout(function () {\n        room.off('data', fn, _this);\n        reject('Timeout');\n      }, 3000);\n      var body = {\n        request: \"sync\",\n        room: roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition)\n      };\n\n      var fn = function fn(msg) {\n        if (msg.videoroom && ['sync', 'sync_response'].includes(msg.videoroom)) {\n          if (msg.sync_master_await) {\n            room._log('Waiting for master position');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n          } else if (msg.sync_master_fragment || msg.sync_master_fragment_pos) {\n            room._log('Got master position data');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n\n            room._log(\"I'm master: \".concat(!!msg.sync_master_self));\n\n            room._log(\"Ping: \".concat(ping));\n\n            room._log(\"Master fragment: \".concat(msg.sync_master_fragment));\n\n            room._log(\"Master fragment position: \".concat(msg.sync_master_fragment_pos));\n\n            room.off('data', fn, _this);\n            clearTimeout(sid);\n            resolve({\n              isMaster: !!msg.sync_master_self,\n              ping: ping,\n              masterFragmentPos: parseInt(msg.sync_master_fragment_pos),\n              masterFragmentSn: parseInt(msg.sync_master_fragment)\n            });\n          } else {\n            clearTimeout(sid);\n            reject('Master lost connection');\n          }\n        }\n      };\n\n      room.on('data', fn, _this);\n      room.sendMessage(room.handleId, {\n        body: body\n      }).then(fn).catch(function (e) {\n        room.off('data', fn, _this);\n        clearTimeout(sid);\n        reject(e);\n      });\n    });\n  };\n\n  var clientPaused = function clientPaused() {\n    room._log('Sending client paused');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_paused\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: '0',\n        fragment_pos: 0\n      }\n    });\n  };\n\n  var propagateMasterFunc = function propagateMasterFunc() {\n    room._log('Propagating master');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_source_set\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        wt_channel_id: \"\",\n        fragment: \"0\",\n        fragment_pos: 0\n      }\n    });\n  };\n\n  return {\n    __events: ['playerSyncing'],\n    initialize: function initialize() {\n      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n          videoElement = _ref2.videoElement,\n          _ref2$propagateMaster = _ref2.propagateMaster,\n          propagateMaster = _ref2$propagateMaster === void 0 ? false : _ref2$propagateMaster,\n          _ref2$isStudio = _ref2.isStudio,\n          isStudio = _ref2$isStudio === void 0 ? false : _ref2$isStudio,\n          roomId = _ref2.roomId,\n          syncDisabled = _ref2.syncDisabled;\n\n      _videoElement = videoElement;\n      _roomId = roomId;\n      _syncDisabled = syncDisabled;\n\n      if (!_videoElement) {\n        room._log('No video element present!');\n\n        return;\n      }\n\n      emitter.emit('playerSyncing', false);\n      isForcedMaster = propagateMaster;\n      isPlaying = _videoElement.paused === false;\n      room.on('disconnect', stopSyncLoop);\n      room.on('addLocalParticipant', handleAddLocalParticipant);\n      room.on('removeLocalParticipant', stopSyncLoop);\n      room.on('addRemoteParticipant', handleAddRemoteParticipant);\n      room.on('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.on('data', parseDataEvents);\n      wt.iot.$on('message', parseIotEvents);\n\n      if (isForcedMaster) {\n        propagateMasterFunc().catch(function () {});\n      }\n\n      if (_videoElement) {\n        (propagateMaster || isStudio ? Promise.resolve() : prePlay()).then(function () {\n          _videoElement.addEventListener('stalled', handleStalledWaiting);\n\n          _videoElement.addEventListener('playing', handlePlaying);\n\n          _videoElement.addEventListener('pause', handlePause);\n\n          _videoElement.addEventListener('seeking', handleSeeking);\n\n          _videoElement.addEventListener('seeked', handleSeeked);\n\n          _videoElement.addEventListener('ended', handleEnded);\n\n          startSyncLoop();\n        });\n      }\n    },\n    destroy: function destroy() {\n      stopSyncLoop();\n      room.off('disconnect', stopSyncLoop);\n      room.off('addLocalParticipant', handleAddLocalParticipant);\n      room.off('removeLocalParticipant', stopSyncLoop);\n      room.off('addRemoteParticipant', handleAddRemoteParticipant);\n      room.off('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.off('data', parseDataEvents);\n      wt.iot.$off('message', parseIotEvents);\n\n      if (_videoElement) {\n        _videoElement.removeEventListener('stalled', handleStalledWaiting);\n\n        _videoElement.removeEventListener('playing', handlePlaying);\n\n        _videoElement.removeEventListener('pause', handlePause);\n\n        _videoElement.removeEventListener('seeking', handleSeeking);\n\n        _videoElement.removeEventListener('seeked', handleSeeked);\n\n        _videoElement.removeEventListener('ended', handleEnded);\n      }\n\n      _videoElement = null;\n    }\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (syncVodHlsJs);\n\n//# sourceURL=webpack://WatchTogetherSDK/./src/modules/sync-modules/sync-native-hls-vod.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _wt_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../wt-utils */ \"./src/modules/wt-utils.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\nvar syncVodHlsJs = function syncVodHlsJs() {\n  var _this = this;\n\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n      room = _ref.room,\n      wt = _ref.wt,\n      roomSession = _ref.roomSession,\n      emitter = _ref.emitter;\n\n  //SYNC VARS\n  var _videoElement = null;\n  var _roomId = null;\n  var _syncDisabled = false;\n  var syncDefaultWaitTime = 60000;\n  var syncShortWaitTime = 10000;\n  var maxSyncThreshold = 0.5;\n  var maxSyncTries = 3;\n  var currentSyncRetry = 0;\n  var syncWaitId = null;\n  var syncNextWaitTime = null;\n  var stopFlag = false;\n  var isSyncing = false;\n  var seekingDebounceId = null;\n  var seekingDebounceTimeout = 300;\n  var isPlaying = false;\n  var isProgrammaticallySeeked = false;\n  var isForcedMaster = false;\n\n  var startSyncLoop = function startSyncLoop() {\n    if (_syncDisabled) {\n      room._log('--- Sync loop will not start due to sync force disabled ---');\n\n      return;\n    }\n\n    if (!isConnected()) {\n      room._log('--- Sync loop will not start due to user not connected yet ---');\n\n      return;\n    }\n\n    if (syncWaitId) {\n      room._log('--- Sync loop already running ---');\n\n      return;\n    }\n\n    room._log('--- Sync enabled ---');\n\n    stopFlag = false;\n\n    var loop = function loop() {\n      isSyncing = true;\n      emitter.emit('playerSyncing', true);\n      sync().finally(function () {\n        isSyncing = false;\n        emitter.emit('playerSyncing', false);\n\n        if (isConnected() && !stopFlag) {\n          syncWaitId = setTimeout(loop, syncNextWaitTime);\n        } else {\n          room._log('--- Automatic stop due to user not connected or stop flag enabled ---');\n\n          stopSyncLoop();\n        }\n      });\n    };\n\n    loop();\n  };\n\n  var stopSyncLoop = function stopSyncLoop() {\n    room._log('--- Sync disabled ---');\n\n    clearTimeout(syncWaitId);\n    syncWaitId = null;\n    currentSyncRetry = 0;\n    stopFlag = true;\n  };\n\n  var restartSyncLoop = function restartSyncLoop() {\n    room._log('--- Sync restarting ---');\n\n    stopSyncLoop();\n    startSyncLoop();\n  };\n\n  var setNextWaitTime = function setNextWaitTime() {\n    var didSyncFail = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n    if (!didSyncFail) {\n      syncNextWaitTime = syncDefaultWaitTime;\n      currentSyncRetry = 0;\n    } else {\n      currentSyncRetry++;\n\n      if (currentSyncRetry > maxSyncTries) {\n        syncNextWaitTime = syncDefaultWaitTime;\n        currentSyncRetry = 0;\n      } else {\n        syncNextWaitTime = syncShortWaitTime;\n      }\n    }\n\n    room._log('--- Next sync will occur in ' + syncNextWaitTime / 1000 + ' seconds ---');\n  };\n\n  var sync = function sync() {\n    return getSyncData().then(function (syncData) {\n      if (syncData.isMaster || stopFlag) {\n        setNextWaitTime(false);\n        return Promise.resolve();\n      } else if (isForcedMaster) {\n        setNextWaitTime(false);\n        return propagateMasterFunc();\n      } else {\n        var syncStartTime = Date.now();\n\n        var _calculateSyncDiffere = calculateSyncDifferenceTime(syncData.masterFragmentSn, syncData.masterFragmentPos, syncData.ping),\n            position = _calculateSyncDiffere.position,\n            isBufferSufficient = _calculateSyncDiffere.isBufferSufficient;\n\n        var currentPosition = getCurrentSegmentPosition() / 1000;\n\n        if (syncData.masterFragmentSn) {\n          playMedia();\n        } else {\n          pauseMedia();\n        }\n\n        if (position && Math.abs(position - currentPosition) <= maxSyncThreshold) {\n          room._log(\"We're within max sync threshold, no need to resync now\");\n\n          setNextWaitTime(false);\n          return Promise.resolve();\n        }\n\n        if (position !== null) {\n          return seekTo(position).then(function () {\n            var seekDuration = (Date.now() - syncStartTime) / 1000;\n            var syncPrecision = Math.abs(position + (isPlaying ? seekDuration : 0) - getCurrentSegmentPosition() / 1000);\n\n            room._log(\"Insufficient buffer: \", !isBufferSufficient);\n\n            room._log(\"Seek duration is \".concat(seekDuration));\n\n            room._log(\"Sync precision should be \".concat(syncPrecision));\n\n            var didSyncFail = syncPrecision > maxSyncThreshold;\n            setNextWaitTime(didSyncFail);\n            return Promise.resolve();\n          }).catch(function (e) {\n            setNextWaitTime(true);\n            return Promise.reject(e);\n          });\n        } else {\n          setNextWaitTime(true);\n          return Promise.reject();\n        }\n      }\n    }).catch(function () {\n      setNextWaitTime(true);\n    });\n  };\n\n  var handleAddLocalParticipant = function handleAddLocalParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n\n    if (_videoElement) {\n      //TODO: shit fix ... data channel with other participant is not opened yet so we wait\n      setTimeout(function () {\n        restartSyncLoop();\n      }, 1000);\n    }\n  };\n\n  var handleAddRemoteParticipant = function handleAddRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var handleRemoveRemoteParticipant = function handleRemoveRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var isConnected = function isConnected() {\n    return room._isDataChannelOpen && room._hasJoined;\n  };\n\n  var executePlayerIotEvents = function executePlayerIotEvents(data) {\n    var rid = _roomId || room.roomId;\n\n    if (data.attributeName === 'playerReplay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n      seekTo(0).then(function () {\n        return playMedia();\n      });\n    }\n\n    if (data.attributeName === 'playerPlay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n      playMedia();\n    }\n\n    if (data.attributeName === 'playerPause' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n      pauseMedia();\n    }\n  };\n\n  var parseIotEvents = function parseIotEvents(data) {\n    if (data.event === 'template_updated') {\n      if (data.operation === 'multi') {\n        (data.value || []).forEach(function (event) {\n          if (event.operation === 'sendMessage') {\n            executePlayerIotEvents(_objectSpread(_objectSpread({}, event), {}, {\n              roomId: data.roomId,\n              userId: data.userId\n            }));\n          }\n        });\n      }\n\n      if (data.operation === 'sendMessage') {\n        executePlayerIotEvents(data);\n      }\n    }\n  };\n\n  var parseDataEvents = function parseDataEvents() {\n    var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n    if (msg.videoroom === 'sync_source_set' && msg.wt_channel_id != \"\") {\n      emitter.emit('changePlayerSource', msg.wt_channel_id);\n    } else if (msg.videoroom === 'sync_request') {\n      roomSyncSend(msg.sync_slave_id).catch(function () {});\n    } else if (msg.videoroom === 'message') {\n      // ignoring non studio commands if master\n      if (isForcedMaster && msg.from !== null) {\n        return;\n      }\n\n      if (_syncDisabled) {\n        return;\n      }\n\n      if (msg.user_action === 'sync_seeking') {\n        seekMedia(msg).catch(function () {});\n      } else if (msg.user_action === 'sync_seeked') {} else if (msg.user_action === 'sync_play' || msg.action === 'sync_play') {\n        playMedia();\n      } else if (msg.user_action === 'sync_pause' || msg.action === 'sync_pause') {\n        pauseMedia();\n      }\n    }\n  };\n\n  var getCurrentSegmentPosition = function getCurrentSegmentPosition() {\n    var position = _videoElement && _videoElement.currentTime;\n    return isNaN(position) ? 0 : position * 1000;\n  };\n\n  var calculateSyncDifferenceTime = function calculateSyncDifferenceTime(fragmentSn) {\n    var fragmentPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n    var ping = arguments.length > 2 ? arguments[2] : undefined;\n    return {\n      position: (fragmentPos + ping / 2) / 1000,\n      isBufferSufficient: true\n    };\n  };\n\n  var seekMedia = function seekMedia(msg) {\n    msg = _objectSpread({\n      userId: msg.from\n    }, msg.text && JSON.parse(msg.text));\n\n    if (msg.handleId !== room.handleId) {\n      var _calculateSyncDiffere2 = calculateSyncDifferenceTime(msg.fragment, msg.fragment_pos, 0),\n          position = _calculateSyncDiffere2.position,\n          isBufferSufficient = _calculateSyncDiffere2.isBufferSufficient; //TODO: right ping\n\n\n      if (position) {\n        return seekTo(position).then(function () {\n          if (isForcedMaster) {\n            propagateMasterFunc();\n          }\n        });\n      } else {\n        return Promise.resolve();\n      }\n    } else {\n      return Promise.resolve();\n    }\n  };\n\n  var prePlay = function prePlay() {\n    if (_videoElement.currentTime > 0 || _videoElement.paused === false) {\n      return Promise.resolve();\n    }\n\n    isProgrammaticallySeeked = true;\n    var wasMuted = _videoElement.muted;\n    _videoElement.muted = true;\n    return _videoElement.play().then(function () {\n      _videoElement.pause();\n\n      _videoElement.currentTime = 0;\n      return Object(_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(100);\n    }).catch(function () {\n      return true;\n    }).finally(function () {\n      _videoElement.muted = wasMuted;\n      isProgrammaticallySeeked = false;\n      return true;\n    });\n  };\n\n  var playMedia = function playMedia() {\n    if (_videoElement && _videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.play().finally(function () {\n        isProgrammaticallySeeked = false;\n      });\n    }\n  };\n\n  var pauseMedia = function pauseMedia() {\n    if (_videoElement && !_videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.addEventListener('pause', function () {\n        isProgrammaticallySeeked = false;\n      }, {\n        once: true\n      });\n\n      _videoElement.pause();\n    }\n  };\n\n  var seekTo = function seekTo(time) {\n    return new Promise(function (resolve) {\n      if (_videoElement.currentTime !== time) {\n        isProgrammaticallySeeked = true; // we need to ignore stall events since those are false alarm\n\n        _videoElement.addEventListener('seeked', function () {\n          isProgrammaticallySeeked = false;\n          resolve();\n        }, {\n          once: true\n        });\n\n        _videoElement.currentTime = time;\n      } else resolve();\n    });\n  };\n\n  var handlePlaying = function handlePlaying() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_play', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handlePause = function handlePause() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_pause', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handleStalledWaiting = function handleStalledWaiting() {\n    if (!isProgrammaticallySeeked) {\n      clientPaused().catch(function () {});\n    }\n  };\n\n  var handleSeeking = function handleSeeking() {\n    clearTimeout(seekingDebounceId);\n\n    if (!isProgrammaticallySeeked) {\n      seekingDebounceId = setTimeout(function () {\n        var fragmentPosition = parseInt(getCurrentSegmentPosition());\n        roomSession.sendSystemMessage('sync_seeking', {\n          timestamp: new Date().getTime(),\n          handleId: room.handleId,\n          fragment: \"0\",\n          //isPlaying ? \"1\":\"0\",\n          fragment_pos: Number(fragmentPosition)\n        }, undefined, null).catch(function () {});\n\n        if (!isForcedMaster && !_syncDisabled) {\n          pauseMedia();\n        }\n      }, seekingDebounceTimeout);\n    }\n  };\n\n  var handleSeeked = function handleSeeked() {};\n\n  var handleEnded = function handleEnded() {};\n\n  var roomSyncSend = function roomSyncSend(slaveId) {\n    if (!_videoElement) {\n      room._log(\"I've been asked for position even if we don't have player attached.\\n                    Does it mean I'm the master?\");\n\n      return Promise.resolve();\n    }\n\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n\n    room._log(\"Sending my position to \".concat(slaveId));\n\n    room._log(\"Current time: \".concat(fragmentPosition));\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_response\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition),\n        slave_id: Number(slaveId)\n      }\n    });\n  };\n\n  var getSyncData = function getSyncData() {\n    room._log('Sending roomSync request');\n\n    var roomId = room.roomId;\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n    return new Promise(function (resolve, reject) {\n      var now = new Date().getTime();\n      var ping = null;\n      var sid = setTimeout(function () {\n        room.off('data', fn, _this);\n        reject('Timeout');\n      }, 3000);\n      var body = {\n        request: \"sync\",\n        room: roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition)\n      };\n\n      var fn = function fn(msg) {\n        if (msg.videoroom && ['sync', 'sync_response'].includes(msg.videoroom)) {\n          if (msg.sync_master_await) {\n            room._log('Waiting for master position');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n          } else if (msg.sync_master_fragment || msg.sync_master_fragment_pos) {\n            room._log('Got master position data');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n\n            room._log(\"I'm master: \".concat(!!msg.sync_master_self));\n\n            room._log(\"Ping: \".concat(ping));\n\n            room._log(\"Master fragment: \".concat(msg.sync_master_fragment));\n\n            room._log(\"Master fragment position: \".concat(msg.sync_master_fragment_pos));\n\n            room.off('data', fn, _this);\n            clearTimeout(sid);\n            resolve({\n              isMaster: !!msg.sync_master_self,\n              ping: ping,\n              masterFragmentPos: parseInt(msg.sync_master_fragment_pos),\n              masterFragmentSn: parseInt(msg.sync_master_fragment)\n            });\n          } else {\n            clearTimeout(sid);\n            reject('Master lost connection');\n          }\n        }\n      };\n\n      room.on('data', fn, _this);\n      room.sendMessage(room.handleId, {\n        body: body\n      }).then(fn).catch(function (e) {\n        room.off('data', fn, _this);\n        clearTimeout(sid);\n        reject(e);\n      });\n    });\n  };\n\n  var clientPaused = function clientPaused() {\n    room._log('Sending client paused');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_paused\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: '0',\n        fragment_pos: 0\n      }\n    });\n  };\n\n  var propagateMasterFunc = function propagateMasterFunc() {\n    room._log('Propagating master');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_source_set\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        wt_channel_id: \"\",\n        fragment: \"0\",\n        fragment_pos: 0\n      }\n    });\n  };\n\n  return {\n    __events: ['playerSyncing'],\n    initialize: function initialize() {\n      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n          videoElement = _ref2.videoElement,\n          _ref2$propagateMaster = _ref2.propagateMaster,\n          propagateMaster = _ref2$propagateMaster === void 0 ? false : _ref2$propagateMaster,\n          _ref2$isStudio = _ref2.isStudio,\n          isStudio = _ref2$isStudio === void 0 ? false : _ref2$isStudio,\n          roomId = _ref2.roomId,\n          syncDisabled = _ref2.syncDisabled;\n\n      _videoElement = videoElement;\n      _roomId = roomId;\n      _syncDisabled = syncDisabled;\n\n      if (!_videoElement) {\n        room._log('No video element present!');\n\n        return;\n      }\n\n      emitter.emit('playerSyncing', false);\n      isForcedMaster = propagateMaster;\n      isPlaying = _videoElement.paused === false;\n      room.on('disconnect', stopSyncLoop);\n      room.on('addLocalParticipant', handleAddLocalParticipant);\n      room.on('removeLocalParticipant', stopSyncLoop);\n      room.on('addRemoteParticipant', handleAddRemoteParticipant);\n      room.on('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.on('data', parseDataEvents);\n      wt.iot.$on('message', parseIotEvents);\n\n      if (isForcedMaster) {\n        propagateMasterFunc().catch(function () {});\n      }\n\n      if (_videoElement) {\n        (propagateMaster || isStudio ? Promise.resolve() : prePlay()).then(function () {\n          _videoElement.addEventListener('stalled', handleStalledWaiting);\n\n          _videoElement.addEventListener('playing', handlePlaying);\n\n          _videoElement.addEventListener('pause', handlePause);\n\n          _videoElement.addEventListener('seeking', handleSeeking);\n\n          _videoElement.addEventListener('seeked', handleSeeked);\n\n          _videoElement.addEventListener('ended', handleEnded);\n\n          startSyncLoop();\n        });\n      }\n    },\n    destroy: function destroy() {\n      stopSyncLoop();\n      room.off('disconnect', stopSyncLoop);\n      room.off('addLocalParticipant', handleAddLocalParticipant);\n      room.off('removeLocalParticipant', stopSyncLoop);\n      room.off('addRemoteParticipant', handleAddRemoteParticipant);\n      room.off('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.off('data', parseDataEvents);\n      wt.iot.$off('message', parseIotEvents);\n\n      if (_videoElement) {\n        _videoElement.removeEventListener('stalled', handleStalledWaiting);\n\n        _videoElement.removeEventListener('playing', handlePlaying);\n\n        _videoElement.removeEventListener('pause', handlePause);\n\n        _videoElement.removeEventListener('seeking', handleSeeking);\n\n        _videoElement.removeEventListener('seeked', handleSeeked);\n\n        _videoElement.removeEventListener('ended', handleEnded);\n      }\n\n      _videoElement = null;\n    }\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (syncVodHlsJs);\n\n//# sourceURL=webpack://WatchTogetherSDK/./src/modules/sync-modules/sync-native-hls-vod.js?");
 
 /***/ }),
 
@@ -9835,7 +9835,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _wt_
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _wt_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../wt-utils */ \"./src/modules/wt-utils.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\nvar syncVodShakaDash = function syncVodShakaDash() {\n  var _this = this;\n\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n      room = _ref.room,\n      wt = _ref.wt,\n      roomSession = _ref.roomSession,\n      emitter = _ref.emitter;\n\n  //SYNC VARS\n  var _libraryInstance = null;\n  var _videoElement = null;\n  var _roomId = null;\n  var _syncDisabled = false;\n  var syncDefaultWaitTime = 60000;\n  var syncShortWaitTime = 10000;\n  var maxSyncThreshold = 0.5;\n  var maxSyncTries = 3;\n  var currentSyncRetry = 0;\n  var syncWaitId = null;\n  var syncNextWaitTime = null;\n  var stopFlag = false;\n  var isSyncing = false;\n  var seekingDebounceId = null;\n  var seekingDebounceTimeout = 300;\n  var isPlaying = false;\n  var isProgrammaticallySeeked = false;\n  var isForcedMaster = false;\n\n  var startSyncLoop = function startSyncLoop() {\n    if (_syncDisabled) {\n      room._log('--- Sync loop will not start due to sync force disabled ---');\n\n      return;\n    }\n\n    if (!isConnected()) {\n      room._log('--- Sync loop will not start due to user not connected yet ---');\n\n      return;\n    }\n\n    if (syncWaitId) {\n      room._log('--- Sync loop already running ---');\n\n      return;\n    }\n\n    room._log('--- Sync enabled ---');\n\n    stopFlag = false;\n\n    var loop = function loop() {\n      isSyncing = true;\n      emitter.emit('playerSyncing', true);\n      sync().finally(function () {\n        isSyncing = false;\n        emitter.emit('playerSyncing', false);\n\n        if (isConnected() && !stopFlag) {\n          syncWaitId = setTimeout(loop, syncNextWaitTime);\n        } else {\n          room._log('--- Automatic stop due to user not connected or stop flag enabled ---');\n\n          stopSyncLoop();\n        }\n      });\n    };\n\n    loop();\n  };\n\n  var stopSyncLoop = function stopSyncLoop() {\n    room._log('--- Sync disabled ---');\n\n    clearTimeout(syncWaitId);\n    syncWaitId = null;\n    currentSyncRetry = 0;\n    stopFlag = true;\n  };\n\n  var restartSyncLoop = function restartSyncLoop() {\n    room._log('--- Sync restarting ---');\n\n    stopSyncLoop();\n    startSyncLoop();\n  };\n\n  var setNextWaitTime = function setNextWaitTime() {\n    var didSyncFail = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n    if (!didSyncFail) {\n      syncNextWaitTime = syncDefaultWaitTime;\n      currentSyncRetry = 0;\n    } else {\n      currentSyncRetry++;\n\n      if (currentSyncRetry > maxSyncTries) {\n        syncNextWaitTime = syncDefaultWaitTime;\n        currentSyncRetry = 0;\n      } else {\n        syncNextWaitTime = syncShortWaitTime;\n      }\n    }\n\n    room._log('--- Next sync will occur in ' + syncNextWaitTime / 1000 + ' seconds ---');\n  };\n\n  var sync = function sync() {\n    return getSyncData().then(function (syncData) {\n      if (syncData.isMaster || stopFlag) {\n        setNextWaitTime(false);\n        return Promise.resolve();\n      } else if (isForcedMaster) {\n        setNextWaitTime(false);\n        return propagateMasterFunc();\n      } else {\n        var syncStartTime = Date.now();\n\n        var _calculateSyncDiffere = calculateSyncDifferenceTime(syncData.masterFragmentSn, syncData.masterFragmentPos, syncData.ping),\n            position = _calculateSyncDiffere.position,\n            isBufferSufficient = _calculateSyncDiffere.isBufferSufficient;\n\n        var currentPosition = getCurrentSegmentPosition() / 1000;\n\n        if (syncData.masterFragmentSn) {\n          playMedia();\n        } else {\n          pauseMedia();\n        }\n\n        if (position && Math.abs(position - currentPosition) <= maxSyncThreshold) {\n          room._log(\"We're within max sync threshold, no need to resync now\");\n\n          setNextWaitTime(false);\n          return Promise.resolve();\n        }\n\n        if (position !== null) {\n          return seekTo(position).then(function () {\n            var seekDuration = (Date.now() - syncStartTime) / 1000;\n            var syncPrecision = Math.abs(position + (isPlaying ? seekDuration : 0) - getCurrentSegmentPosition() / 1000);\n\n            room._log(\"Insufficient buffer: \", !isBufferSufficient);\n\n            room._log(\"Seek duration is \".concat(seekDuration));\n\n            room._log(\"Sync precision should be \".concat(syncPrecision));\n\n            var didSyncFail = syncPrecision > maxSyncThreshold;\n            setNextWaitTime(didSyncFail);\n            return Promise.resolve();\n          }).catch(function (e) {\n            setNextWaitTime(true);\n            return Promise.reject(e);\n          });\n        } else {\n          setNextWaitTime(true);\n          return Promise.reject();\n        }\n      }\n    }).catch(function () {\n      setNextWaitTime(true);\n    });\n  };\n\n  var handleAddLocalParticipant = function handleAddLocalParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n\n    if (_videoElement) {\n      //TODO: shit fix ... data channel with other participant is not opened yet so we wait\n      setTimeout(function () {\n        restartSyncLoop();\n      }, 1000);\n    }\n  };\n\n  var handleAddRemoteParticipant = function handleAddRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var handleRemoveRemoteParticipant = function handleRemoveRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var isConnected = function isConnected() {\n    return room._isDataChannelOpen && room._hasJoined;\n  };\n\n  var buffering = function buffering(event) {\n    if (event.buffering) {\n      handleStalledWaiting();\n    }\n  };\n\n  var parseIotEvents = function parseIotEvents(data) {\n    var rid = _roomId || room.roomId;\n\n    if (data.event === 'template_updated') {\n      if (data.operation === 'sendMessage' && data.attributeName === 'playerReplay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n        seekTo(0).then(function () {\n          return playMedia();\n        });\n      }\n\n      if (data.operation === 'sendMessage' && data.attributeName === 'playerPlay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n        playMedia();\n      }\n\n      if (data.operation === 'sendMessage' && data.attributeName === 'playerPause' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n        pauseMedia();\n      }\n    }\n  };\n\n  var parseDataEvents = function parseDataEvents() {\n    var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n    if (msg.videoroom === 'sync_source_set' && msg.wt_channel_id != \"\") {\n      emitter.emit('changePlayerSource', msg.wt_channel_id);\n    } else if (msg.videoroom === 'sync_request') {\n      roomSyncSend(msg.sync_slave_id).catch(function () {});\n    } else if (msg.videoroom === 'message') {\n      // ignoring non studio commands if master\n      if (isForcedMaster && msg.from !== null) {\n        return;\n      }\n\n      if (_syncDisabled) {\n        return;\n      }\n\n      if (msg.user_action === 'sync_seeking') {\n        seekMedia(msg).catch(function () {});\n      } else if (msg.user_action === 'sync_seeked') {} else if (msg.user_action === 'sync_play' || msg.action === 'sync_play') {\n        playMedia();\n      } else if (msg.user_action === 'sync_pause' || msg.action === 'sync_pause') {\n        pauseMedia();\n      }\n    }\n  };\n\n  var getCurrentSegmentPosition = function getCurrentSegmentPosition() {\n    var position = _videoElement && _videoElement.currentTime;\n    return isNaN(position) ? 0 : position * 1000;\n  };\n\n  var calculateSyncDifferenceTime = function calculateSyncDifferenceTime(fragmentSn) {\n    var fragmentPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n    var ping = arguments.length > 2 ? arguments[2] : undefined;\n    return {\n      position: (fragmentPos + ping / 2) / 1000,\n      isBufferSufficient: true\n    };\n  };\n\n  var seekMedia = function seekMedia(msg) {\n    msg = _objectSpread({\n      userId: msg.from\n    }, msg.text && JSON.parse(msg.text));\n\n    if (msg.handleId !== room.handleId) {\n      var _calculateSyncDiffere2 = calculateSyncDifferenceTime(msg.fragment, msg.fragment_pos, 0),\n          position = _calculateSyncDiffere2.position,\n          isBufferSufficient = _calculateSyncDiffere2.isBufferSufficient; //TODO: right ping\n\n\n      if (position) {\n        return seekTo(position).then(function () {\n          if (isForcedMaster) {\n            propagateMasterFunc();\n          }\n        });\n      } else {\n        return Promise.resolve();\n      }\n    } else {\n      return Promise.resolve();\n    }\n  };\n\n  var prePlay = function prePlay() {\n    if (_videoElement.currentTime > 0 || _videoElement.paused === false) {\n      return Promise.resolve();\n    }\n\n    isProgrammaticallySeeked = true;\n    var wasMuted = _videoElement.muted;\n    _videoElement.muted = true;\n    return _videoElement.play().then(function () {\n      _videoElement.pause();\n\n      _videoElement.currentTime = 0;\n      return Object(_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(100);\n    }).catch(function () {\n      return true;\n    }).finally(function () {\n      _videoElement.muted = wasMuted;\n      isProgrammaticallySeeked = false;\n      return true;\n    });\n  };\n\n  var playMedia = function playMedia() {\n    if (_videoElement && _videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.play().finally(function () {\n        isProgrammaticallySeeked = false;\n      });\n    }\n  };\n\n  var pauseMedia = function pauseMedia() {\n    if (_videoElement && !_videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.addEventListener('pause', function () {\n        isProgrammaticallySeeked = false;\n      }, {\n        once: true\n      });\n\n      _videoElement.pause();\n    }\n  };\n\n  var seekTo = function seekTo(time) {\n    return new Promise(function (resolve) {\n      if (_videoElement.currentTime !== time) {\n        isProgrammaticallySeeked = true; // we need to ignore stall events since those are false alarm\n\n        _videoElement.addEventListener('seeked', function () {\n          isProgrammaticallySeeked = false;\n          resolve();\n        }, {\n          once: true\n        });\n\n        _videoElement.currentTime = time;\n      } else resolve();\n    });\n  };\n\n  var handlePlaying = function handlePlaying() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_play', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handlePause = function handlePause() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_pause', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handleStalledWaiting = function handleStalledWaiting() {\n    if (!isProgrammaticallySeeked) {\n      clientPaused().catch(function () {});\n    }\n  };\n\n  var handleSeeking = function handleSeeking() {\n    clearTimeout(seekingDebounceId);\n\n    if (!isProgrammaticallySeeked) {\n      seekingDebounceId = setTimeout(function () {\n        var fragmentPosition = parseInt(getCurrentSegmentPosition());\n        roomSession.sendSystemMessage('sync_seeking', {\n          timestamp: new Date().getTime(),\n          handleId: room.handleId,\n          fragment: \"0\",\n          //isPlaying ? \"1\":\"0\",\n          fragment_pos: Number(fragmentPosition)\n        }, undefined, null).catch(function () {});\n\n        if (!isForcedMaster && !_syncDisabled) {\n          pauseMedia();\n        }\n      }, seekingDebounceTimeout);\n    }\n  };\n\n  var handleSeeked = function handleSeeked() {};\n\n  var handleEnded = function handleEnded() {};\n\n  var roomSyncSend = function roomSyncSend(slaveId) {\n    if (!_libraryInstance || !_videoElement) {\n      room._log(\"I've been asked for position even if we don't have player attached.\\n                    Does it mean I'm the master?\");\n\n      return Promise.resolve();\n    }\n\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n\n    room._log(\"Sending my position to \".concat(slaveId));\n\n    room._log(\"Current time: \".concat(fragmentPosition));\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_response\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition),\n        slave_id: Number(slaveId)\n      }\n    });\n  };\n\n  var getSyncData = function getSyncData() {\n    room._log('Sending roomSync request');\n\n    var roomId = room.roomId;\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n    return new Promise(function (resolve, reject) {\n      var now = new Date().getTime();\n      var ping = null;\n      var sid = setTimeout(function () {\n        room.off('data', fn, _this);\n        reject('Timeout');\n      }, 3000);\n      var body = {\n        request: \"sync\",\n        room: roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition)\n      };\n\n      var fn = function fn(msg) {\n        if (msg.videoroom && ['sync', 'sync_response'].includes(msg.videoroom)) {\n          if (msg.sync_master_await) {\n            room._log('Waiting for master position');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n          } else if (msg.sync_master_fragment || msg.sync_master_fragment_pos) {\n            room._log('Got master position data');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n\n            room._log(\"I'm master: \".concat(!!msg.sync_master_self));\n\n            room._log(\"Ping: \".concat(ping));\n\n            room._log(\"Master fragment: \".concat(msg.sync_master_fragment));\n\n            room._log(\"Master fragment position: \".concat(msg.sync_master_fragment_pos));\n\n            room.off('data', fn, _this);\n            clearTimeout(sid);\n            resolve({\n              isMaster: !!msg.sync_master_self,\n              ping: ping,\n              masterFragmentPos: parseInt(msg.sync_master_fragment_pos),\n              masterFragmentSn: parseInt(msg.sync_master_fragment)\n            });\n          } else {\n            clearTimeout(sid);\n            reject('Master lost connection');\n          }\n        }\n      };\n\n      room.on('data', fn, _this);\n      room.sendMessage(room.handleId, {\n        body: body\n      }).then(fn).catch(function (e) {\n        room.off('data', fn, _this);\n        clearTimeout(sid);\n        reject(e);\n      });\n    });\n  };\n\n  var clientPaused = function clientPaused() {\n    room._log('Sending client paused');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_paused\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: '0',\n        fragment_pos: 0\n      }\n    });\n  };\n\n  var propagateMasterFunc = function propagateMasterFunc() {\n    room._log('Propagating master');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_source_set\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        wt_channel_id: \"\",\n        fragment: \"0\",\n        fragment_pos: 0\n      }\n    });\n  };\n\n  return {\n    __events: ['playerSyncing'],\n    initialize: function initialize() {\n      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n          shakaInstance = _ref2.shakaInstance,\n          libraryInstance = _ref2.libraryInstance,\n          _ref2$propagateMaster = _ref2.propagateMaster,\n          propagateMaster = _ref2$propagateMaster === void 0 ? false : _ref2$propagateMaster,\n          _ref2$isStudio = _ref2.isStudio,\n          isStudio = _ref2$isStudio === void 0 ? false : _ref2$isStudio,\n          roomId = _ref2.roomId,\n          syncDisabled = _ref2.syncDisabled;\n\n      _libraryInstance = shakaInstance || libraryInstance;\n      _videoElement = _libraryInstance.getMediaElement();\n      _roomId = roomId;\n      _syncDisabled = syncDisabled;\n\n      if (!_libraryInstance) {\n        console.log('No shaka player instance');\n        return;\n      }\n\n      emitter.emit('playerSyncing', false);\n      isForcedMaster = propagateMaster;\n      isPlaying = _videoElement.paused === false;\n      room.on('disconnect', stopSyncLoop);\n      room.on('addLocalParticipant', handleAddLocalParticipant);\n      room.on('removeLocalParticipant', stopSyncLoop);\n      room.on('addRemoteParticipant', handleAddRemoteParticipant);\n      room.on('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.on('data', parseDataEvents);\n      wt.iot.$on('message', parseIotEvents);\n\n      if (isForcedMaster) {\n        propagateMasterFunc().catch(function () {});\n      }\n\n      if (_libraryInstance && _videoElement) {\n        (propagateMaster || isStudio ? Promise.resolve() : prePlay()).then(function () {\n          _libraryInstance.addEventListener('buffering', buffering);\n\n          _videoElement.addEventListener('playing', handlePlaying);\n\n          _videoElement.addEventListener('pause', handlePause);\n\n          _videoElement.addEventListener('seeking', handleSeeking);\n\n          _videoElement.addEventListener('seeked', handleSeeked);\n\n          _videoElement.addEventListener('ended', handleEnded);\n\n          startSyncLoop();\n        });\n      }\n    },\n    destroy: function destroy() {\n      stopSyncLoop();\n      room.off('disconnect', stopSyncLoop);\n      room.off('addLocalParticipant', handleAddLocalParticipant);\n      room.off('removeLocalParticipant', stopSyncLoop);\n      room.off('addRemoteParticipant', handleAddRemoteParticipant);\n      room.off('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.off('data', parseDataEvents);\n      wt.iot.$off('message', parseIotEvents);\n\n      if (_libraryInstance) {\n        _libraryInstance.removeEventListener('buffering', buffering);\n      }\n\n      if (_videoElement) {\n        _videoElement.removeEventListener('playing', handlePlaying);\n\n        _videoElement.removeEventListener('pause', handlePause);\n\n        _videoElement.removeEventListener('seeking', handleSeeking);\n\n        _videoElement.removeEventListener('seeked', handleSeeked);\n\n        _videoElement.removeEventListener('ended', handleEnded);\n      }\n\n      _libraryInstance = null;\n      _videoElement = null;\n    }\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (syncVodShakaDash);\n\n//# sourceURL=webpack://WatchTogetherSDK/./src/modules/sync-modules/sync-shaka-dash-vod.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _wt_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../wt-utils */ \"./src/modules/wt-utils.js\");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\nvar syncVodShakaDash = function syncVodShakaDash() {\n  var _this = this;\n\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n      room = _ref.room,\n      wt = _ref.wt,\n      roomSession = _ref.roomSession,\n      emitter = _ref.emitter;\n\n  //SYNC VARS\n  var _libraryInstance = null;\n  var _videoElement = null;\n  var _roomId = null;\n  var _syncDisabled = false;\n  var syncDefaultWaitTime = 60000;\n  var syncShortWaitTime = 10000;\n  var maxSyncThreshold = 0.5;\n  var maxSyncTries = 3;\n  var currentSyncRetry = 0;\n  var syncWaitId = null;\n  var syncNextWaitTime = null;\n  var stopFlag = false;\n  var isSyncing = false;\n  var seekingDebounceId = null;\n  var seekingDebounceTimeout = 300;\n  var isPlaying = false;\n  var isProgrammaticallySeeked = false;\n  var isForcedMaster = false;\n\n  var startSyncLoop = function startSyncLoop() {\n    if (_syncDisabled) {\n      room._log('--- Sync loop will not start due to sync force disabled ---');\n\n      return;\n    }\n\n    if (!isConnected()) {\n      room._log('--- Sync loop will not start due to user not connected yet ---');\n\n      return;\n    }\n\n    if (syncWaitId) {\n      room._log('--- Sync loop already running ---');\n\n      return;\n    }\n\n    room._log('--- Sync enabled ---');\n\n    stopFlag = false;\n\n    var loop = function loop() {\n      isSyncing = true;\n      emitter.emit('playerSyncing', true);\n      sync().finally(function () {\n        isSyncing = false;\n        emitter.emit('playerSyncing', false);\n\n        if (isConnected() && !stopFlag) {\n          syncWaitId = setTimeout(loop, syncNextWaitTime);\n        } else {\n          room._log('--- Automatic stop due to user not connected or stop flag enabled ---');\n\n          stopSyncLoop();\n        }\n      });\n    };\n\n    loop();\n  };\n\n  var stopSyncLoop = function stopSyncLoop() {\n    room._log('--- Sync disabled ---');\n\n    clearTimeout(syncWaitId);\n    syncWaitId = null;\n    currentSyncRetry = 0;\n    stopFlag = true;\n  };\n\n  var restartSyncLoop = function restartSyncLoop() {\n    room._log('--- Sync restarting ---');\n\n    stopSyncLoop();\n    startSyncLoop();\n  };\n\n  var setNextWaitTime = function setNextWaitTime() {\n    var didSyncFail = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n    if (!didSyncFail) {\n      syncNextWaitTime = syncDefaultWaitTime;\n      currentSyncRetry = 0;\n    } else {\n      currentSyncRetry++;\n\n      if (currentSyncRetry > maxSyncTries) {\n        syncNextWaitTime = syncDefaultWaitTime;\n        currentSyncRetry = 0;\n      } else {\n        syncNextWaitTime = syncShortWaitTime;\n      }\n    }\n\n    room._log('--- Next sync will occur in ' + syncNextWaitTime / 1000 + ' seconds ---');\n  };\n\n  var sync = function sync() {\n    return getSyncData().then(function (syncData) {\n      if (syncData.isMaster || stopFlag) {\n        setNextWaitTime(false);\n        return Promise.resolve();\n      } else if (isForcedMaster) {\n        setNextWaitTime(false);\n        return propagateMasterFunc();\n      } else {\n        var syncStartTime = Date.now();\n\n        var _calculateSyncDiffere = calculateSyncDifferenceTime(syncData.masterFragmentSn, syncData.masterFragmentPos, syncData.ping),\n            position = _calculateSyncDiffere.position,\n            isBufferSufficient = _calculateSyncDiffere.isBufferSufficient;\n\n        var currentPosition = getCurrentSegmentPosition() / 1000;\n\n        if (syncData.masterFragmentSn) {\n          playMedia();\n        } else {\n          pauseMedia();\n        }\n\n        if (position && Math.abs(position - currentPosition) <= maxSyncThreshold) {\n          room._log(\"We're within max sync threshold, no need to resync now\");\n\n          setNextWaitTime(false);\n          return Promise.resolve();\n        }\n\n        if (position !== null) {\n          return seekTo(position).then(function () {\n            var seekDuration = (Date.now() - syncStartTime) / 1000;\n            var syncPrecision = Math.abs(position + (isPlaying ? seekDuration : 0) - getCurrentSegmentPosition() / 1000);\n\n            room._log(\"Insufficient buffer: \", !isBufferSufficient);\n\n            room._log(\"Seek duration is \".concat(seekDuration));\n\n            room._log(\"Sync precision should be \".concat(syncPrecision));\n\n            var didSyncFail = syncPrecision > maxSyncThreshold;\n            setNextWaitTime(didSyncFail);\n            return Promise.resolve();\n          }).catch(function (e) {\n            setNextWaitTime(true);\n            return Promise.reject(e);\n          });\n        } else {\n          setNextWaitTime(true);\n          return Promise.reject();\n        }\n      }\n    }).catch(function () {\n      setNextWaitTime(true);\n    });\n  };\n\n  var handleAddLocalParticipant = function handleAddLocalParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n\n    if (_videoElement) {\n      //TODO: shit fix ... data channel with other participant is not opened yet so we wait\n      setTimeout(function () {\n        restartSyncLoop();\n      }, 1000);\n    }\n  };\n\n  var handleAddRemoteParticipant = function handleAddRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var handleRemoveRemoteParticipant = function handleRemoveRemoteParticipant() {\n    if (isForcedMaster) {\n      propagateMasterFunc();\n    }\n  };\n\n  var isConnected = function isConnected() {\n    return room._isDataChannelOpen && room._hasJoined;\n  };\n\n  var buffering = function buffering(event) {\n    if (event.buffering) {\n      handleStalledWaiting();\n    }\n  };\n\n  var executePlayerIotEvents = function executePlayerIotEvents(data) {\n    var rid = _roomId || room.roomId;\n\n    if (data.attributeName === 'playerReplay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n      seekTo(0).then(function () {\n        return playMedia();\n      });\n    }\n\n    if (data.attributeName === 'playerPlay' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n      playMedia();\n    }\n\n    if (data.attributeName === 'playerPause' && (!rid || (data === null || data === void 0 ? void 0 : data.roomId) === rid)) {\n      pauseMedia();\n    }\n  };\n\n  var parseIotEvents = function parseIotEvents(data) {\n    if (data.event === 'template_updated') {\n      if (data.operation === 'multi') {\n        (data.value || []).forEach(function (event) {\n          if (event.operation === 'sendMessage') {\n            executePlayerIotEvents(_objectSpread(_objectSpread({}, event), {}, {\n              roomId: data.roomId,\n              userId: data.userId\n            }));\n          }\n        });\n      }\n\n      if (data.operation === 'sendMessage') {\n        executePlayerIotEvents(data);\n      }\n    }\n  };\n\n  var parseDataEvents = function parseDataEvents() {\n    var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n    if (msg.videoroom === 'sync_source_set' && msg.wt_channel_id != \"\") {\n      emitter.emit('changePlayerSource', msg.wt_channel_id);\n    } else if (msg.videoroom === 'sync_request') {\n      roomSyncSend(msg.sync_slave_id).catch(function () {});\n    } else if (msg.videoroom === 'message') {\n      // ignoring non studio commands if master\n      if (isForcedMaster && msg.from !== null) {\n        return;\n      }\n\n      if (_syncDisabled) {\n        return;\n      }\n\n      if (msg.user_action === 'sync_seeking') {\n        seekMedia(msg).catch(function () {});\n      } else if (msg.user_action === 'sync_seeked') {} else if (msg.user_action === 'sync_play' || msg.action === 'sync_play') {\n        playMedia();\n      } else if (msg.user_action === 'sync_pause' || msg.action === 'sync_pause') {\n        pauseMedia();\n      }\n    }\n  };\n\n  var getCurrentSegmentPosition = function getCurrentSegmentPosition() {\n    var position = _videoElement && _videoElement.currentTime;\n    return isNaN(position) ? 0 : position * 1000;\n  };\n\n  var calculateSyncDifferenceTime = function calculateSyncDifferenceTime(fragmentSn) {\n    var fragmentPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n    var ping = arguments.length > 2 ? arguments[2] : undefined;\n    return {\n      position: (fragmentPos + ping / 2) / 1000,\n      isBufferSufficient: true\n    };\n  };\n\n  var seekMedia = function seekMedia(msg) {\n    msg = _objectSpread({\n      userId: msg.from\n    }, msg.text && JSON.parse(msg.text));\n\n    if (msg.handleId !== room.handleId) {\n      var _calculateSyncDiffere2 = calculateSyncDifferenceTime(msg.fragment, msg.fragment_pos, 0),\n          position = _calculateSyncDiffere2.position,\n          isBufferSufficient = _calculateSyncDiffere2.isBufferSufficient; //TODO: right ping\n\n\n      if (position) {\n        return seekTo(position).then(function () {\n          if (isForcedMaster) {\n            propagateMasterFunc();\n          }\n        });\n      } else {\n        return Promise.resolve();\n      }\n    } else {\n      return Promise.resolve();\n    }\n  };\n\n  var prePlay = function prePlay() {\n    if (_videoElement.currentTime > 0 || _videoElement.paused === false) {\n      return Promise.resolve();\n    }\n\n    isProgrammaticallySeeked = true;\n    var wasMuted = _videoElement.muted;\n    _videoElement.muted = true;\n    return _videoElement.play().then(function () {\n      _videoElement.pause();\n\n      _videoElement.currentTime = 0;\n      return Object(_wt_utils__WEBPACK_IMPORTED_MODULE_0__[\"wait\"])(100);\n    }).catch(function () {\n      return true;\n    }).finally(function () {\n      _videoElement.muted = wasMuted;\n      isProgrammaticallySeeked = false;\n      return true;\n    });\n  };\n\n  var playMedia = function playMedia() {\n    if (_videoElement && _videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.play().finally(function () {\n        isProgrammaticallySeeked = false;\n      });\n    }\n  };\n\n  var pauseMedia = function pauseMedia() {\n    if (_videoElement && !_videoElement.paused) {\n      isProgrammaticallySeeked = true;\n\n      _videoElement.addEventListener('pause', function () {\n        isProgrammaticallySeeked = false;\n      }, {\n        once: true\n      });\n\n      _videoElement.pause();\n    }\n  };\n\n  var seekTo = function seekTo(time) {\n    return new Promise(function (resolve) {\n      if (_videoElement.currentTime !== time) {\n        isProgrammaticallySeeked = true; // we need to ignore stall events since those are false alarm\n\n        _videoElement.addEventListener('seeked', function () {\n          isProgrammaticallySeeked = false;\n          resolve();\n        }, {\n          once: true\n        });\n\n        _videoElement.currentTime = time;\n      } else resolve();\n    });\n  };\n\n  var handlePlaying = function handlePlaying() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_play', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handlePause = function handlePause() {\n    if (!isProgrammaticallySeeked) {\n      roomSession.sendSystemMessage('sync_pause', {\n        timestamp: new Date().getTime(),\n        handleId: room.handleId\n      }, undefined, null).catch(function () {});\n    }\n\n    isPlaying = !_videoElement.paused;\n  };\n\n  var handleStalledWaiting = function handleStalledWaiting() {\n    if (!isProgrammaticallySeeked) {\n      clientPaused().catch(function () {});\n    }\n  };\n\n  var handleSeeking = function handleSeeking() {\n    clearTimeout(seekingDebounceId);\n\n    if (!isProgrammaticallySeeked) {\n      seekingDebounceId = setTimeout(function () {\n        var fragmentPosition = parseInt(getCurrentSegmentPosition());\n        roomSession.sendSystemMessage('sync_seeking', {\n          timestamp: new Date().getTime(),\n          handleId: room.handleId,\n          fragment: \"0\",\n          //isPlaying ? \"1\":\"0\",\n          fragment_pos: Number(fragmentPosition)\n        }, undefined, null).catch(function () {});\n\n        if (!isForcedMaster && !_syncDisabled) {\n          pauseMedia();\n        }\n      }, seekingDebounceTimeout);\n    }\n  };\n\n  var handleSeeked = function handleSeeked() {};\n\n  var handleEnded = function handleEnded() {};\n\n  var roomSyncSend = function roomSyncSend(slaveId) {\n    if (!_libraryInstance || !_videoElement) {\n      room._log(\"I've been asked for position even if we don't have player attached.\\n                    Does it mean I'm the master?\");\n\n      return Promise.resolve();\n    }\n\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n\n    room._log(\"Sending my position to \".concat(slaveId));\n\n    room._log(\"Current time: \".concat(fragmentPosition));\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_response\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition),\n        slave_id: Number(slaveId)\n      }\n    });\n  };\n\n  var getSyncData = function getSyncData() {\n    room._log('Sending roomSync request');\n\n    var roomId = room.roomId;\n    var fragmentPosition = parseInt(getCurrentSegmentPosition());\n    return new Promise(function (resolve, reject) {\n      var now = new Date().getTime();\n      var ping = null;\n      var sid = setTimeout(function () {\n        room.off('data', fn, _this);\n        reject('Timeout');\n      }, 3000);\n      var body = {\n        request: \"sync\",\n        room: roomId,\n        timestamp: new Date().getTime(),\n        fragment: isPlaying ? \"1\" : \"0\",\n        fragment_pos: Number(fragmentPosition)\n      };\n\n      var fn = function fn(msg) {\n        if (msg.videoroom && ['sync', 'sync_response'].includes(msg.videoroom)) {\n          if (msg.sync_master_await) {\n            room._log('Waiting for master position');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n          } else if (msg.sync_master_fragment || msg.sync_master_fragment_pos) {\n            room._log('Got master position data');\n\n            if (!ping) {\n              ping = new Date().getTime() - now;\n            }\n\n            room._log(\"I'm master: \".concat(!!msg.sync_master_self));\n\n            room._log(\"Ping: \".concat(ping));\n\n            room._log(\"Master fragment: \".concat(msg.sync_master_fragment));\n\n            room._log(\"Master fragment position: \".concat(msg.sync_master_fragment_pos));\n\n            room.off('data', fn, _this);\n            clearTimeout(sid);\n            resolve({\n              isMaster: !!msg.sync_master_self,\n              ping: ping,\n              masterFragmentPos: parseInt(msg.sync_master_fragment_pos),\n              masterFragmentSn: parseInt(msg.sync_master_fragment)\n            });\n          } else {\n            clearTimeout(sid);\n            reject('Master lost connection');\n          }\n        }\n      };\n\n      room.on('data', fn, _this);\n      room.sendMessage(room.handleId, {\n        body: body\n      }).then(fn).catch(function (e) {\n        room.off('data', fn, _this);\n        clearTimeout(sid);\n        reject(e);\n      });\n    });\n  };\n\n  var clientPaused = function clientPaused() {\n    room._log('Sending client paused');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_paused\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        fragment: '0',\n        fragment_pos: 0\n      }\n    });\n  };\n\n  var propagateMasterFunc = function propagateMasterFunc() {\n    room._log('Propagating master');\n\n    if (!isConnected()) {\n      return Promise.resolve();\n    }\n\n    return room.sendMessage(room.handleId, {\n      body: {\n        request: \"sync_source_set\",\n        room: room.roomId,\n        timestamp: new Date().getTime(),\n        wt_channel_id: \"\",\n        fragment: \"0\",\n        fragment_pos: 0\n      }\n    });\n  };\n\n  return {\n    __events: ['playerSyncing'],\n    initialize: function initialize() {\n      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n          shakaInstance = _ref2.shakaInstance,\n          libraryInstance = _ref2.libraryInstance,\n          _ref2$propagateMaster = _ref2.propagateMaster,\n          propagateMaster = _ref2$propagateMaster === void 0 ? false : _ref2$propagateMaster,\n          _ref2$isStudio = _ref2.isStudio,\n          isStudio = _ref2$isStudio === void 0 ? false : _ref2$isStudio,\n          roomId = _ref2.roomId,\n          syncDisabled = _ref2.syncDisabled;\n\n      _libraryInstance = shakaInstance || libraryInstance;\n      _videoElement = _libraryInstance.getMediaElement();\n      _roomId = roomId;\n      _syncDisabled = syncDisabled;\n\n      if (!_libraryInstance) {\n        console.log('No shaka player instance');\n        return;\n      }\n\n      emitter.emit('playerSyncing', false);\n      isForcedMaster = propagateMaster;\n      isPlaying = _videoElement.paused === false;\n      room.on('disconnect', stopSyncLoop);\n      room.on('addLocalParticipant', handleAddLocalParticipant);\n      room.on('removeLocalParticipant', stopSyncLoop);\n      room.on('addRemoteParticipant', handleAddRemoteParticipant);\n      room.on('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.on('data', parseDataEvents);\n      wt.iot.$on('message', parseIotEvents);\n\n      if (isForcedMaster) {\n        propagateMasterFunc().catch(function () {});\n      }\n\n      if (_libraryInstance && _videoElement) {\n        (propagateMaster || isStudio ? Promise.resolve() : prePlay()).then(function () {\n          _libraryInstance.addEventListener('buffering', buffering);\n\n          _videoElement.addEventListener('playing', handlePlaying);\n\n          _videoElement.addEventListener('pause', handlePause);\n\n          _videoElement.addEventListener('seeking', handleSeeking);\n\n          _videoElement.addEventListener('seeked', handleSeeked);\n\n          _videoElement.addEventListener('ended', handleEnded);\n\n          startSyncLoop();\n        });\n      }\n    },\n    destroy: function destroy() {\n      stopSyncLoop();\n      room.off('disconnect', stopSyncLoop);\n      room.off('addLocalParticipant', handleAddLocalParticipant);\n      room.off('removeLocalParticipant', stopSyncLoop);\n      room.off('addRemoteParticipant', handleAddRemoteParticipant);\n      room.off('removeRemoteParticipant', handleRemoveRemoteParticipant);\n      room.off('data', parseDataEvents);\n      wt.iot.$off('message', parseIotEvents);\n\n      if (_libraryInstance) {\n        _libraryInstance.removeEventListener('buffering', buffering);\n      }\n\n      if (_videoElement) {\n        _videoElement.removeEventListener('playing', handlePlaying);\n\n        _videoElement.removeEventListener('pause', handlePause);\n\n        _videoElement.removeEventListener('seeking', handleSeeking);\n\n        _videoElement.removeEventListener('seeked', handleSeeked);\n\n        _videoElement.removeEventListener('ended', handleEnded);\n      }\n\n      _libraryInstance = null;\n      _videoElement = null;\n    }\n  };\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (syncVodShakaDash);\n\n//# sourceURL=webpack://WatchTogetherSDK/./src/modules/sync-modules/sync-shaka-dash-vod.js?");
 
 /***/ }),