@netless/window-manager 1.0.1 → 1.0.3-beta.0

package/dist/index.mjs

@@ -23,7 +23,7 @@ import { debounce, isEqual, omit, isObject, has, get, size as size$1, mapValues,
 import { ScenePathType, UpdateEventKind, listenUpdated, unlistenUpdated, reaction, autorun, toJS, listenDisposed, unlistenDisposed, ViewMode, AnimationMode, isPlayer, isRoom, WhiteVersion, ApplianceNames, RoomPhase, PlayerPhase, InvisiblePlugin } from "white-web-sdk";
 import { v4 } from "uuid";
 import { ResizeObserver as ResizeObserver$3 } from "@juggle/resize-observer";
-import d from "video.js";
+import u$3 from "video.js";
 var Events = /* @__PURE__ */ ((Events2) => {
   Events2["AppMove"] = "AppMove";
   Events2["AppFocus"] = "AppFocus";
@@ -623,10 +623,10 @@ class BindContainerRoomPhaseInvalidError extends Error {
     this.message = "[WindowManager]: room phase only Connected can be bindContainer";
   }
 }
-const e$3 = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", s$3 = e$3.length, t$4 = Array(20), r$4 = () => {
+const e$3 = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", s$3 = e$3.length, t$3 = Array(20), r$4 = () => {
   for (let r2 = 0; r2 < 20; r2++)
-    t$4[r2] = e$3.charAt(Math.random() * s$3);
-  return t$4.join("");
+    t$3[r2] = e$3.charAt(Math.random() * s$3);
+  return t$3.join("");
 };
 class o$2 {
   constructor() {
@@ -2996,367 +2996,6 @@ class ContainerResizeObserver {
     }
   }
 }
-var react = { exports: {} };
-var react_production_min = {};
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-function toObject(val) {
-  if (val === null || val === void 0) {
-    throw new TypeError("Object.assign cannot be called with null or undefined");
-  }
-  return Object(val);
-}
-function shouldUseNative$1() {
-  try {
-    if (!Object.assign) {
-      return false;
-    }
-    var test1 = new String("abc");
-    test1[5] = "de";
-    if (Object.getOwnPropertyNames(test1)[0] === "5") {
-      return false;
-    }
-    var test2 = {};
-    for (var i2 = 0; i2 < 10; i2++) {
-      test2["_" + String.fromCharCode(i2)] = i2;
-    }
-    var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
-      return test2[n2];
-    });
-    if (order2.join("") !== "0123456789") {
-      return false;
-    }
-    var test3 = {};
-    "abcdefghijklmnopqrst".split("").forEach(function(letter) {
-      test3[letter] = letter;
-    });
-    if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
-      return false;
-    }
-    return true;
-  } catch (err) {
-    return false;
-  }
-}
-var objectAssign = shouldUseNative$1() ? Object.assign : function(target, source) {
-  var from;
-  var to = toObject(target);
-  var symbols;
-  for (var s2 = 1; s2 < arguments.length; s2++) {
-    from = Object(arguments[s2]);
-    for (var key in from) {
-      if (hasOwnProperty.call(from, key)) {
-        to[key] = from[key];
-      }
-    }
-    if (getOwnPropertySymbols) {
-      symbols = getOwnPropertySymbols(from);
-      for (var i2 = 0; i2 < symbols.length; i2++) {
-        if (propIsEnumerable.call(from, symbols[i2])) {
-          to[symbols[i2]] = from[symbols[i2]];
-        }
-      }
-    }
-  }
-  return to;
-};
-/** @license React v16.14.0
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var l$1 = objectAssign, n$2 = typeof Symbol === "function" && Symbol.for, p = n$2 ? Symbol.for("react.element") : 60103, q$1 = n$2 ? Symbol.for("react.portal") : 60106, r$3 = n$2 ? Symbol.for("react.fragment") : 60107, t$3 = n$2 ? Symbol.for("react.strict_mode") : 60108, u$3 = n$2 ? Symbol.for("react.profiler") : 60114, v$2 = n$2 ? Symbol.for("react.provider") : 60109, w$1 = n$2 ? Symbol.for("react.context") : 60110, x$1 = n$2 ? Symbol.for("react.forward_ref") : 60112, y$1 = n$2 ? Symbol.for("react.suspense") : 60113, z$1 = n$2 ? Symbol.for("react.memo") : 60115, A$1 = n$2 ? Symbol.for("react.lazy") : 60116, B$1 = typeof Symbol === "function" && Symbol.iterator;
-function C$2(a2) {
-  for (var b2 = "https://reactjs.org/docs/error-decoder.html?invariant=" + a2, c2 = 1; c2 < arguments.length; c2++)
-    b2 += "&args[]=" + encodeURIComponent(arguments[c2]);
-  return "Minified React error #" + a2 + "; visit " + b2 + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
-}
-var D$1 = { isMounted: function() {
-  return false;
-}, enqueueForceUpdate: function() {
-}, enqueueReplaceState: function() {
-}, enqueueSetState: function() {
-} }, E$2 = {};
-function F$2(a2, b2, c2) {
-  this.props = a2;
-  this.context = b2;
-  this.refs = E$2;
-  this.updater = c2 || D$1;
-}
-F$2.prototype.isReactComponent = {};
-F$2.prototype.setState = function(a2, b2) {
-  if (typeof a2 !== "object" && typeof a2 !== "function" && a2 != null)
-    throw Error(C$2(85));
-  this.updater.enqueueSetState(this, a2, b2, "setState");
-};
-F$2.prototype.forceUpdate = function(a2) {
-  this.updater.enqueueForceUpdate(this, a2, "forceUpdate");
-};
-function G$2() {
-}
-G$2.prototype = F$2.prototype;
-function H$2(a2, b2, c2) {
-  this.props = a2;
-  this.context = b2;
-  this.refs = E$2;
-  this.updater = c2 || D$1;
-}
-var I$2 = H$2.prototype = new G$2();
-I$2.constructor = H$2;
-l$1(I$2, F$2.prototype);
-I$2.isPureReactComponent = true;
-var J$2 = { current: null }, K$2 = Object.prototype.hasOwnProperty, L$2 = { key: true, ref: true, __self: true, __source: true };
-function M$2(a2, b2, c2) {
-  var e2, d2 = {}, g2 = null, k2 = null;
-  if (b2 != null)
-    for (e2 in b2.ref !== void 0 && (k2 = b2.ref), b2.key !== void 0 && (g2 = "" + b2.key), b2)
-      K$2.call(b2, e2) && !L$2.hasOwnProperty(e2) && (d2[e2] = b2[e2]);
-  var f2 = arguments.length - 2;
-  if (f2 === 1)
-    d2.children = c2;
-  else if (1 < f2) {
-    for (var h2 = Array(f2), m2 = 0; m2 < f2; m2++)
-      h2[m2] = arguments[m2 + 2];
-    d2.children = h2;
-  }
-  if (a2 && a2.defaultProps)
-    for (e2 in f2 = a2.defaultProps, f2)
-      d2[e2] === void 0 && (d2[e2] = f2[e2]);
-  return { $$typeof: p, type: a2, key: g2, ref: k2, props: d2, _owner: J$2.current };
-}
-function N$2(a2, b2) {
-  return { $$typeof: p, type: a2.type, key: b2, ref: a2.ref, props: a2.props, _owner: a2._owner };
-}
-function O$2(a2) {
-  return typeof a2 === "object" && a2 !== null && a2.$$typeof === p;
-}
-function escape(a2) {
-  var b2 = { "=": "=0", ":": "=2" };
-  return "$" + ("" + a2).replace(/[=:]/g, function(a3) {
-    return b2[a3];
-  });
-}
-var P$2 = /\/+/g, Q$2 = [];
-function R$2(a2, b2, c2, e2) {
-  if (Q$2.length) {
-    var d2 = Q$2.pop();
-    d2.result = a2;
-    d2.keyPrefix = b2;
-    d2.func = c2;
-    d2.context = e2;
-    d2.count = 0;
-    return d2;
-  }
-  return { result: a2, keyPrefix: b2, func: c2, context: e2, count: 0 };
-}
-function S$2(a2) {
-  a2.result = null;
-  a2.keyPrefix = null;
-  a2.func = null;
-  a2.context = null;
-  a2.count = 0;
-  10 > Q$2.length && Q$2.push(a2);
-}
-function T$2(a2, b2, c2, e2) {
-  var d2 = typeof a2;
-  if (d2 === "undefined" || d2 === "boolean")
-    a2 = null;
-  var g2 = false;
-  if (a2 === null)
-    g2 = true;
-  else
-    switch (d2) {
-      case "string":
-      case "number":
-        g2 = true;
-        break;
-      case "object":
-        switch (a2.$$typeof) {
-          case p:
-          case q$1:
-            g2 = true;
-        }
-    }
-  if (g2)
-    return c2(e2, a2, b2 === "" ? "." + U$2(a2, 0) : b2), 1;
-  g2 = 0;
-  b2 = b2 === "" ? "." : b2 + ":";
-  if (Array.isArray(a2))
-    for (var k2 = 0; k2 < a2.length; k2++) {
-      d2 = a2[k2];
-      var f2 = b2 + U$2(d2, k2);
-      g2 += T$2(d2, f2, c2, e2);
-    }
-  else if (a2 === null || typeof a2 !== "object" ? f2 = null : (f2 = B$1 && a2[B$1] || a2["@@iterator"], f2 = typeof f2 === "function" ? f2 : null), typeof f2 === "function")
-    for (a2 = f2.call(a2), k2 = 0; !(d2 = a2.next()).done; )
-      d2 = d2.value, f2 = b2 + U$2(d2, k2++), g2 += T$2(d2, f2, c2, e2);
-  else if (d2 === "object")
-    throw c2 = "" + a2, Error(C$2(31, c2 === "[object Object]" ? "object with keys {" + Object.keys(a2).join(", ") + "}" : c2, ""));
-  return g2;
-}
-function V$2(a2, b2, c2) {
-  return a2 == null ? 0 : T$2(a2, "", b2, c2);
-}
-function U$2(a2, b2) {
-  return typeof a2 === "object" && a2 !== null && a2.key != null ? escape(a2.key) : b2.toString(36);
-}
-function W$2(a2, b2) {
-  a2.func.call(a2.context, b2, a2.count++);
-}
-function aa$1(a2, b2, c2) {
-  var e2 = a2.result, d2 = a2.keyPrefix;
-  a2 = a2.func.call(a2.context, b2, a2.count++);
-  Array.isArray(a2) ? X$2(a2, e2, c2, function(a3) {
-    return a3;
-  }) : a2 != null && (O$2(a2) && (a2 = N$2(a2, d2 + (!a2.key || b2 && b2.key === a2.key ? "" : ("" + a2.key).replace(P$2, "$&/") + "/") + c2)), e2.push(a2));
-}
-function X$2(a2, b2, c2, e2, d2) {
-  var g2 = "";
-  c2 != null && (g2 = ("" + c2).replace(P$2, "$&/") + "/");
-  b2 = R$2(b2, g2, e2, d2);
-  V$2(a2, aa$1, b2);
-  S$2(b2);
-}
-var Y$2 = { current: null };
-function Z$2() {
-  var a2 = Y$2.current;
-  if (a2 === null)
-    throw Error(C$2(321));
-  return a2;
-}
-var ba$1 = { ReactCurrentDispatcher: Y$2, ReactCurrentBatchConfig: { suspense: null }, ReactCurrentOwner: J$2, IsSomeRendererActing: { current: false }, assign: l$1 };
-react_production_min.Children = { map: function(a2, b2, c2) {
-  if (a2 == null)
-    return a2;
-  var e2 = [];
-  X$2(a2, e2, null, b2, c2);
-  return e2;
-}, forEach: function(a2, b2, c2) {
-  if (a2 == null)
-    return a2;
-  b2 = R$2(null, null, b2, c2);
-  V$2(a2, W$2, b2);
-  S$2(b2);
-}, count: function(a2) {
-  return V$2(a2, function() {
-    return null;
-  }, null);
-}, toArray: function(a2) {
-  var b2 = [];
-  X$2(a2, b2, null, function(a3) {
-    return a3;
-  });
-  return b2;
-}, only: function(a2) {
-  if (!O$2(a2))
-    throw Error(C$2(143));
-  return a2;
-} };
-react_production_min.Component = F$2;
-react_production_min.Fragment = r$3;
-react_production_min.Profiler = u$3;
-react_production_min.PureComponent = H$2;
-react_production_min.StrictMode = t$3;
-react_production_min.Suspense = y$1;
-react_production_min.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ba$1;
-react_production_min.cloneElement = function(a2, b2, c2) {
-  if (a2 === null || a2 === void 0)
-    throw Error(C$2(267, a2));
-  var e2 = l$1({}, a2.props), d2 = a2.key, g2 = a2.ref, k2 = a2._owner;
-  if (b2 != null) {
-    b2.ref !== void 0 && (g2 = b2.ref, k2 = J$2.current);
-    b2.key !== void 0 && (d2 = "" + b2.key);
-    if (a2.type && a2.type.defaultProps)
-      var f2 = a2.type.defaultProps;
-    for (h2 in b2)
-      K$2.call(b2, h2) && !L$2.hasOwnProperty(h2) && (e2[h2] = b2[h2] === void 0 && f2 !== void 0 ? f2[h2] : b2[h2]);
-  }
-  var h2 = arguments.length - 2;
-  if (h2 === 1)
-    e2.children = c2;
-  else if (1 < h2) {
-    f2 = Array(h2);
-    for (var m2 = 0; m2 < h2; m2++)
-      f2[m2] = arguments[m2 + 2];
-    e2.children = f2;
-  }
-  return {
-    $$typeof: p,
-    type: a2.type,
-    key: d2,
-    ref: g2,
-    props: e2,
-    _owner: k2
-  };
-};
-react_production_min.createContext = function(a2, b2) {
-  b2 === void 0 && (b2 = null);
-  a2 = { $$typeof: w$1, _calculateChangedBits: b2, _currentValue: a2, _currentValue2: a2, _threadCount: 0, Provider: null, Consumer: null };
-  a2.Provider = { $$typeof: v$2, _context: a2 };
-  return a2.Consumer = a2;
-};
-react_production_min.createElement = M$2;
-react_production_min.createFactory = function(a2) {
-  var b2 = M$2.bind(null, a2);
-  b2.type = a2;
-  return b2;
-};
-react_production_min.createRef = function() {
-  return { current: null };
-};
-react_production_min.forwardRef = function(a2) {
-  return { $$typeof: x$1, render: a2 };
-};
-react_production_min.isValidElement = O$2;
-react_production_min.lazy = function(a2) {
-  return { $$typeof: A$1, _ctor: a2, _status: -1, _result: null };
-};
-react_production_min.memo = function(a2, b2) {
-  return { $$typeof: z$1, type: a2, compare: b2 === void 0 ? null : b2 };
-};
-react_production_min.useCallback = function(a2, b2) {
-  return Z$2().useCallback(a2, b2);
-};
-react_production_min.useContext = function(a2, b2) {
-  return Z$2().useContext(a2, b2);
-};
-react_production_min.useDebugValue = function() {
-};
-react_production_min.useEffect = function(a2, b2) {
-  return Z$2().useEffect(a2, b2);
-};
-react_production_min.useImperativeHandle = function(a2, b2, c2) {
-  return Z$2().useImperativeHandle(a2, b2, c2);
-};
-react_production_min.useLayoutEffect = function(a2, b2) {
-  return Z$2().useLayoutEffect(a2, b2);
-};
-react_production_min.useMemo = function(a2, b2) {
-  return Z$2().useMemo(a2, b2);
-};
-react_production_min.useReducer = function(a2, b2, c2) {
-  return Z$2().useReducer(a2, b2, c2);
-};
-react_production_min.useRef = function(a2) {
-  return Z$2().useRef(a2);
-};
-react_production_min.useState = function(a2) {
-  return Z$2().useState(a2);
-};
-react_production_min.version = "16.14.0";
-{
-  react.exports = react_production_min;
-}
-var l = react.exports;
 var __defProp2 = Object.defineProperty;
 var __defProps2 = Object.defineProperties;
 var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
@@ -4422,10 +4061,10 @@ var shallowequal = function shallowEqual(objA, objB, compare, compareContext) {
   }
   return true;
 };
-const e$1 = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", s$1 = e$1.length, t$1 = Array(20), r$1$1 = () => {
+const e$1 = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", s$1 = e$1.length, t$1$1 = Array(20), r$1$1 = () => {
   for (let r2 = 0; r2 < 20; r2++)
-    t$1[r2] = e$1.charAt(Math.random() * s$1);
-  return t$1.join("");
+    t$1$1[r2] = e$1.charAt(Math.random() * s$1);
+  return t$1$1.join("");
 };
 class o$1 {
   constructor() {
@@ -4480,7 +4119,7 @@ class o$1 {
 var e$2 = Object.defineProperty, s$2 = (typeof require != "undefined" && require, (s2, r2, t2) => (((s3, r3, t3) => {
   r3 in s3 ? e$2(s3, r3, { enumerable: true, configurable: true, writable: true, value: t3 }) : s3[r3] = t3;
 })(s2, typeof r2 != "symbol" ? r2 + "" : r2, t2), t2));
-class r$2 {
+class r$3 {
   constructor(e2, r2) {
     s$2(this, "_value"), s$2(this, "_beforeDestroys"), s$2(this, "_subscribers"), this._value = e2, r2 && (this.compare = r2);
   }
@@ -4503,7 +4142,7 @@ class r$2 {
     return e2(this._value, void 0, s2), r2;
   }
   derive(e2, s2, t2) {
-    const i2 = new r$2(e2(this.value, void 0, t2), s2), o2 = this.reaction((s3, r2, t3) => {
+    const i2 = new r$3(e2(this.value, void 0, t2), s2), o2 = this.reaction((s3, r2, t3) => {
       i2.setValue(e2(s3, r2, t3));
     });
     return i2.addBeforeDestroy(o2), i2;
@@ -4522,7 +4161,7 @@ class r$2 {
 }
 function t$2(e2, s2, t2, i2) {
   let o2 = e2.map((e3) => e3.value);
-  const u2 = new r$2(s2(o2, void 0, i2), t2);
+  const u2 = new r$3(s2(o2, void 0, i2), t2);
   return e2.forEach((e3, r2) => {
     const t3 = e3.reaction((e4, t4, i3) => {
       const c2 = o2.slice();
@@ -4551,7 +4190,7 @@ function c(e2) {
       e2.remove(r2);
     }), s3;
   };
-  return { bindSideEffect: s2, combine: (e3, r2, i2, o2) => s2(t$2(e3, r2, i2, o2)), createVal: (e3, t2) => s2(new r$2(e3, t2)) };
+  return { bindSideEffect: s2, combine: (e3, r2, i2, o2) => s2(t$2(e3, r2, i2, o2)), createVal: (e3, t2) => s2(new r$3(e3, t2)) };
 }
 var TELE_BOX_COLOR_SCHEME;
 (function(TELE_BOX_COLOR_SCHEME2) {
@@ -4909,6 +4548,11 @@ class TeleBox {
     const containerRect$ = createVal(containerRect, shallowequal);
     const collectorRect$ = createVal(collectorRect, shallowequal);
     const title$ = createVal(title);
+    title$.reaction((title2, _2, skipUpdate) => {
+      if (!skipUpdate) {
+        this.titleBar.setTitle(title2);
+      }
+    });
     const visible$ = createVal(visible);
     visible$.reaction((visible2, _2, skipUpdate) => {
       if (!skipUpdate && !visible2) {
@@ -5313,7 +4957,11 @@ class TeleBox {
       });
     });
     this._renderSideEffect.add(() => this._visible$.subscribe((visible) => {
-      this.$box.style.display = visible ? "block" : "none";
+      if (visible) {
+        this.$box.style.removeProperty("display");
+      } else {
+        this.$box.style.display = "none";
+      }
     }));
     this._renderSideEffect.add(() => this._zIndex$.subscribe((zIndex) => {
       this.$box.style.zIndex = String(zIndex);
@@ -6186,7 +5834,7 @@ class TeleBoxManager {
     this.removeAll(skipUpdate);
     Object.keys(this).forEach((key) => {
       const value = this[key];
-      if (value instanceof r$2) {
+      if (value instanceof r$3) {
         value.destroy();
       }
     });
@@ -9249,7 +8897,7 @@ const onExit = (element2, entry, settings, instance2) => {
   safeCallback(settings.callback_exit, element2, entry, instance2);
 };
 const tagsWithNativeLazy = ["IMG", "IFRAME", "VIDEO"];
-const shouldUseNative = (settings) => settings.use_native && "loading" in HTMLImageElement.prototype;
+const shouldUseNative$1 = (settings) => settings.use_native && "loading" in HTMLImageElement.prototype;
 const loadAllNative = (elements, settings, instance2) => {
   elements.forEach((element2) => {
     if (tagsWithNativeLazy.indexOf(element2.tagName) === -1) {
@@ -9277,7 +8925,7 @@ const updateObserver = (observer, elementsToObserve) => {
   observeElements(observer, elementsToObserve);
 };
 const setObserver = (settings, instance2) => {
-  if (!supportsIntersectionObserver || shouldUseNative(settings)) {
+  if (!supportsIntersectionObserver || shouldUseNative$1(settings)) {
     return;
   }
   instance2._observer = new IntersectionObserver((entries) => {
@@ -9330,7 +8978,7 @@ LazyLoad.prototype = {
       this.loadAll(elementsToLoad);
       return;
     }
-    if (shouldUseNative(settings)) {
+    if (shouldUseNative$1(settings)) {
       loadAllNative(elementsToLoad, settings, this);
       return;
     }
@@ -10682,50 +10330,411 @@ function setupStaticDocsViewer(context, whiteboardView, box, pages) {
     index: docsViewer.viewer.pageIndex,
     length: pages.length
   });
-  context.emitter.on("attributesUpdate", (attributes) => {
-    if (attributes) {
-      if (attributes.pageScrollTop != null) {
-        docsViewer.syncPageScrollTop(attributes.pageScrollTop);
-      }
+  context.emitter.on("attributesUpdate", (attributes) => {
+    if (attributes) {
+      if (attributes.pageScrollTop != null) {
+        docsViewer.syncPageScrollTop(attributes.pageScrollTop);
+      }
+    }
+  });
+  context.emitter.on("writableChange", (isWritable) => {
+    docsViewer.setReadonly(!isWritable);
+    whiteboardView.disableCameraTransform = !isWritable;
+  });
+}
+function setupDynamicDocsViewer(context, whiteboardView, box, pages) {
+  whiteboardView.disableCameraTransform = true;
+  const docsViewer = new DynamicDocsViewer({
+    context,
+    whiteboardView,
+    box,
+    pages
+  }).mount();
+  docsViewer.viewer.onPageIndexChanged = (index2) => {
+    context.dispatchAppEvent("pageStateChange", { index: index2, length: pages.length });
+  };
+  context.dispatchAppEvent("pageStateChange", {
+    index: docsViewer.getPageIndex(),
+    length: pages.length
+  });
+  context.mountView(docsViewer.$whiteboardView);
+  if (context.isAddApp) {
+    whiteboardView.callbacks.once("onSizeUpdated", ({ width: contentWidth, height: contentHeight }) => {
+      if (pages.length > 0 && box.state !== "maximized") {
+        const { width: pageWidth, height: pageHeight } = pages[0];
+        const preferHeight = pageHeight / pageWidth * contentWidth;
+        const diff = preferHeight - contentHeight;
+        if (diff !== 0 && context.getIsWritable()) {
+          context.emitter.emit("setBoxSize", {
+            width: box.width,
+            height: box.height + diff / box.containerRect.height
+          });
+        }
+      }
+    });
+  }
+}
+var react = { exports: {} };
+var react_production_min = {};
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+function toObject(val) {
+  if (val === null || val === void 0) {
+    throw new TypeError("Object.assign cannot be called with null or undefined");
+  }
+  return Object(val);
+}
+function shouldUseNative() {
+  try {
+    if (!Object.assign) {
+      return false;
+    }
+    var test1 = new String("abc");
+    test1[5] = "de";
+    if (Object.getOwnPropertyNames(test1)[0] === "5") {
+      return false;
+    }
+    var test2 = {};
+    for (var i2 = 0; i2 < 10; i2++) {
+      test2["_" + String.fromCharCode(i2)] = i2;
+    }
+    var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
+      return test2[n2];
+    });
+    if (order2.join("") !== "0123456789") {
+      return false;
+    }
+    var test3 = {};
+    "abcdefghijklmnopqrst".split("").forEach(function(letter) {
+      test3[letter] = letter;
+    });
+    if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
+      return false;
+    }
+    return true;
+  } catch (err) {
+    return false;
+  }
+}
+var objectAssign = shouldUseNative() ? Object.assign : function(target, source) {
+  var from;
+  var to = toObject(target);
+  var symbols;
+  for (var s2 = 1; s2 < arguments.length; s2++) {
+    from = Object(arguments[s2]);
+    for (var key in from) {
+      if (hasOwnProperty.call(from, key)) {
+        to[key] = from[key];
+      }
+    }
+    if (getOwnPropertySymbols) {
+      symbols = getOwnPropertySymbols(from);
+      for (var i2 = 0; i2 < symbols.length; i2++) {
+        if (propIsEnumerable.call(from, symbols[i2])) {
+          to[symbols[i2]] = from[symbols[i2]];
+        }
+      }
+    }
+  }
+  return to;
+};
+/** @license React v16.14.0
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var l$1 = objectAssign, n$2 = typeof Symbol === "function" && Symbol.for, p = n$2 ? Symbol.for("react.element") : 60103, q$1 = n$2 ? Symbol.for("react.portal") : 60106, r$2 = n$2 ? Symbol.for("react.fragment") : 60107, t$1 = n$2 ? Symbol.for("react.strict_mode") : 60108, u$1 = n$2 ? Symbol.for("react.profiler") : 60114, v$2 = n$2 ? Symbol.for("react.provider") : 60109, w$1 = n$2 ? Symbol.for("react.context") : 60110, x$1 = n$2 ? Symbol.for("react.forward_ref") : 60112, y$1 = n$2 ? Symbol.for("react.suspense") : 60113, z$1 = n$2 ? Symbol.for("react.memo") : 60115, A$1 = n$2 ? Symbol.for("react.lazy") : 60116, B$1 = typeof Symbol === "function" && Symbol.iterator;
+function C$2(a2) {
+  for (var b2 = "https://reactjs.org/docs/error-decoder.html?invariant=" + a2, c2 = 1; c2 < arguments.length; c2++)
+    b2 += "&args[]=" + encodeURIComponent(arguments[c2]);
+  return "Minified React error #" + a2 + "; visit " + b2 + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
+}
+var D$1 = { isMounted: function() {
+  return false;
+}, enqueueForceUpdate: function() {
+}, enqueueReplaceState: function() {
+}, enqueueSetState: function() {
+} }, E$2 = {};
+function F$2(a2, b2, c2) {
+  this.props = a2;
+  this.context = b2;
+  this.refs = E$2;
+  this.updater = c2 || D$1;
+}
+F$2.prototype.isReactComponent = {};
+F$2.prototype.setState = function(a2, b2) {
+  if (typeof a2 !== "object" && typeof a2 !== "function" && a2 != null)
+    throw Error(C$2(85));
+  this.updater.enqueueSetState(this, a2, b2, "setState");
+};
+F$2.prototype.forceUpdate = function(a2) {
+  this.updater.enqueueForceUpdate(this, a2, "forceUpdate");
+};
+function G$2() {
+}
+G$2.prototype = F$2.prototype;
+function H$2(a2, b2, c2) {
+  this.props = a2;
+  this.context = b2;
+  this.refs = E$2;
+  this.updater = c2 || D$1;
+}
+var I$2 = H$2.prototype = new G$2();
+I$2.constructor = H$2;
+l$1(I$2, F$2.prototype);
+I$2.isPureReactComponent = true;
+var J$2 = { current: null }, K$2 = Object.prototype.hasOwnProperty, L$2 = { key: true, ref: true, __self: true, __source: true };
+function M$2(a2, b2, c2) {
+  var e2, d2 = {}, g2 = null, k2 = null;
+  if (b2 != null)
+    for (e2 in b2.ref !== void 0 && (k2 = b2.ref), b2.key !== void 0 && (g2 = "" + b2.key), b2)
+      K$2.call(b2, e2) && !L$2.hasOwnProperty(e2) && (d2[e2] = b2[e2]);
+  var f2 = arguments.length - 2;
+  if (f2 === 1)
+    d2.children = c2;
+  else if (1 < f2) {
+    for (var h2 = Array(f2), m2 = 0; m2 < f2; m2++)
+      h2[m2] = arguments[m2 + 2];
+    d2.children = h2;
+  }
+  if (a2 && a2.defaultProps)
+    for (e2 in f2 = a2.defaultProps, f2)
+      d2[e2] === void 0 && (d2[e2] = f2[e2]);
+  return { $$typeof: p, type: a2, key: g2, ref: k2, props: d2, _owner: J$2.current };
+}
+function N$2(a2, b2) {
+  return { $$typeof: p, type: a2.type, key: b2, ref: a2.ref, props: a2.props, _owner: a2._owner };
+}
+function O$2(a2) {
+  return typeof a2 === "object" && a2 !== null && a2.$$typeof === p;
+}
+function escape(a2) {
+  var b2 = { "=": "=0", ":": "=2" };
+  return "$" + ("" + a2).replace(/[=:]/g, function(a3) {
+    return b2[a3];
+  });
+}
+var P$2 = /\/+/g, Q$2 = [];
+function R$2(a2, b2, c2, e2) {
+  if (Q$2.length) {
+    var d2 = Q$2.pop();
+    d2.result = a2;
+    d2.keyPrefix = b2;
+    d2.func = c2;
+    d2.context = e2;
+    d2.count = 0;
+    return d2;
+  }
+  return { result: a2, keyPrefix: b2, func: c2, context: e2, count: 0 };
+}
+function S$2(a2) {
+  a2.result = null;
+  a2.keyPrefix = null;
+  a2.func = null;
+  a2.context = null;
+  a2.count = 0;
+  10 > Q$2.length && Q$2.push(a2);
+}
+function T$2(a2, b2, c2, e2) {
+  var d2 = typeof a2;
+  if (d2 === "undefined" || d2 === "boolean")
+    a2 = null;
+  var g2 = false;
+  if (a2 === null)
+    g2 = true;
+  else
+    switch (d2) {
+      case "string":
+      case "number":
+        g2 = true;
+        break;
+      case "object":
+        switch (a2.$$typeof) {
+          case p:
+          case q$1:
+            g2 = true;
+        }
     }
-  });
-  context.emitter.on("writableChange", (isWritable) => {
-    docsViewer.setReadonly(!isWritable);
-    whiteboardView.disableCameraTransform = !isWritable;
-  });
+  if (g2)
+    return c2(e2, a2, b2 === "" ? "." + U$2(a2, 0) : b2), 1;
+  g2 = 0;
+  b2 = b2 === "" ? "." : b2 + ":";
+  if (Array.isArray(a2))
+    for (var k2 = 0; k2 < a2.length; k2++) {
+      d2 = a2[k2];
+      var f2 = b2 + U$2(d2, k2);
+      g2 += T$2(d2, f2, c2, e2);
+    }
+  else if (a2 === null || typeof a2 !== "object" ? f2 = null : (f2 = B$1 && a2[B$1] || a2["@@iterator"], f2 = typeof f2 === "function" ? f2 : null), typeof f2 === "function")
+    for (a2 = f2.call(a2), k2 = 0; !(d2 = a2.next()).done; )
+      d2 = d2.value, f2 = b2 + U$2(d2, k2++), g2 += T$2(d2, f2, c2, e2);
+  else if (d2 === "object")
+    throw c2 = "" + a2, Error(C$2(31, c2 === "[object Object]" ? "object with keys {" + Object.keys(a2).join(", ") + "}" : c2, ""));
+  return g2;
 }
-function setupDynamicDocsViewer(context, whiteboardView, box, pages) {
-  whiteboardView.disableCameraTransform = true;
-  const docsViewer = new DynamicDocsViewer({
-    context,
-    whiteboardView,
-    box,
-    pages
-  }).mount();
-  docsViewer.viewer.onPageIndexChanged = (index2) => {
-    context.dispatchAppEvent("pageStateChange", { index: index2, length: pages.length });
-  };
-  context.dispatchAppEvent("pageStateChange", {
-    index: docsViewer.getPageIndex(),
-    length: pages.length
+function V$2(a2, b2, c2) {
+  return a2 == null ? 0 : T$2(a2, "", b2, c2);
+}
+function U$2(a2, b2) {
+  return typeof a2 === "object" && a2 !== null && a2.key != null ? escape(a2.key) : b2.toString(36);
+}
+function W$2(a2, b2) {
+  a2.func.call(a2.context, b2, a2.count++);
+}
+function aa$1(a2, b2, c2) {
+  var e2 = a2.result, d2 = a2.keyPrefix;
+  a2 = a2.func.call(a2.context, b2, a2.count++);
+  Array.isArray(a2) ? X$2(a2, e2, c2, function(a3) {
+    return a3;
+  }) : a2 != null && (O$2(a2) && (a2 = N$2(a2, d2 + (!a2.key || b2 && b2.key === a2.key ? "" : ("" + a2.key).replace(P$2, "$&/") + "/") + c2)), e2.push(a2));
+}
+function X$2(a2, b2, c2, e2, d2) {
+  var g2 = "";
+  c2 != null && (g2 = ("" + c2).replace(P$2, "$&/") + "/");
+  b2 = R$2(b2, g2, e2, d2);
+  V$2(a2, aa$1, b2);
+  S$2(b2);
+}
+var Y$2 = { current: null };
+function Z$2() {
+  var a2 = Y$2.current;
+  if (a2 === null)
+    throw Error(C$2(321));
+  return a2;
+}
+var ba$1 = { ReactCurrentDispatcher: Y$2, ReactCurrentBatchConfig: { suspense: null }, ReactCurrentOwner: J$2, IsSomeRendererActing: { current: false }, assign: l$1 };
+react_production_min.Children = { map: function(a2, b2, c2) {
+  if (a2 == null)
+    return a2;
+  var e2 = [];
+  X$2(a2, e2, null, b2, c2);
+  return e2;
+}, forEach: function(a2, b2, c2) {
+  if (a2 == null)
+    return a2;
+  b2 = R$2(null, null, b2, c2);
+  V$2(a2, W$2, b2);
+  S$2(b2);
+}, count: function(a2) {
+  return V$2(a2, function() {
+    return null;
+  }, null);
+}, toArray: function(a2) {
+  var b2 = [];
+  X$2(a2, b2, null, function(a3) {
+    return a3;
   });
-  context.mountView(docsViewer.$whiteboardView);
-  if (context.isAddApp) {
-    whiteboardView.callbacks.once("onSizeUpdated", ({ width: contentWidth, height: contentHeight }) => {
-      if (pages.length > 0 && box.state !== "maximized") {
-        const { width: pageWidth, height: pageHeight } = pages[0];
-        const preferHeight = pageHeight / pageWidth * contentWidth;
-        const diff = preferHeight - contentHeight;
-        if (diff !== 0 && context.getIsWritable()) {
-          context.emitter.emit("setBoxSize", {
-            width: box.width,
-            height: box.height + diff / box.containerRect.height
-          });
-        }
-      }
-    });
+  return b2;
+}, only: function(a2) {
+  if (!O$2(a2))
+    throw Error(C$2(143));
+  return a2;
+} };
+react_production_min.Component = F$2;
+react_production_min.Fragment = r$2;
+react_production_min.Profiler = u$1;
+react_production_min.PureComponent = H$2;
+react_production_min.StrictMode = t$1;
+react_production_min.Suspense = y$1;
+react_production_min.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ba$1;
+react_production_min.cloneElement = function(a2, b2, c2) {
+  if (a2 === null || a2 === void 0)
+    throw Error(C$2(267, a2));
+  var e2 = l$1({}, a2.props), d2 = a2.key, g2 = a2.ref, k2 = a2._owner;
+  if (b2 != null) {
+    b2.ref !== void 0 && (g2 = b2.ref, k2 = J$2.current);
+    b2.key !== void 0 && (d2 = "" + b2.key);
+    if (a2.type && a2.type.defaultProps)
+      var f2 = a2.type.defaultProps;
+    for (h2 in b2)
+      K$2.call(b2, h2) && !L$2.hasOwnProperty(h2) && (e2[h2] = b2[h2] === void 0 && f2 !== void 0 ? f2[h2] : b2[h2]);
+  }
+  var h2 = arguments.length - 2;
+  if (h2 === 1)
+    e2.children = c2;
+  else if (1 < h2) {
+    f2 = Array(h2);
+    for (var m2 = 0; m2 < h2; m2++)
+      f2[m2] = arguments[m2 + 2];
+    e2.children = f2;
   }
+  return {
+    $$typeof: p,
+    type: a2.type,
+    key: d2,
+    ref: g2,
+    props: e2,
+    _owner: k2
+  };
+};
+react_production_min.createContext = function(a2, b2) {
+  b2 === void 0 && (b2 = null);
+  a2 = { $$typeof: w$1, _calculateChangedBits: b2, _currentValue: a2, _currentValue2: a2, _threadCount: 0, Provider: null, Consumer: null };
+  a2.Provider = { $$typeof: v$2, _context: a2 };
+  return a2.Consumer = a2;
+};
+react_production_min.createElement = M$2;
+react_production_min.createFactory = function(a2) {
+  var b2 = M$2.bind(null, a2);
+  b2.type = a2;
+  return b2;
+};
+react_production_min.createRef = function() {
+  return { current: null };
+};
+react_production_min.forwardRef = function(a2) {
+  return { $$typeof: x$1, render: a2 };
+};
+react_production_min.isValidElement = O$2;
+react_production_min.lazy = function(a2) {
+  return { $$typeof: A$1, _ctor: a2, _status: -1, _result: null };
+};
+react_production_min.memo = function(a2, b2) {
+  return { $$typeof: z$1, type: a2, compare: b2 === void 0 ? null : b2 };
+};
+react_production_min.useCallback = function(a2, b2) {
+  return Z$2().useCallback(a2, b2);
+};
+react_production_min.useContext = function(a2, b2) {
+  return Z$2().useContext(a2, b2);
+};
+react_production_min.useDebugValue = function() {
+};
+react_production_min.useEffect = function(a2, b2) {
+  return Z$2().useEffect(a2, b2);
+};
+react_production_min.useImperativeHandle = function(a2, b2, c2) {
+  return Z$2().useImperativeHandle(a2, b2, c2);
+};
+react_production_min.useLayoutEffect = function(a2, b2) {
+  return Z$2().useLayoutEffect(a2, b2);
+};
+react_production_min.useMemo = function(a2, b2) {
+  return Z$2().useMemo(a2, b2);
+};
+react_production_min.useReducer = function(a2, b2, c2) {
+  return Z$2().useReducer(a2, b2, c2);
+};
+react_production_min.useRef = function(a2) {
+  return Z$2().useRef(a2);
+};
+react_production_min.useState = function(a2) {
+  return Z$2().useState(a2);
+};
+react_production_min.version = "16.14.0";
+{
+  react.exports = react_production_min;
 }
+var l = react.exports;
 var reactDom = { exports: {} };
 var reactDom_production_min = {};
 var scheduler = { exports: {} };
@@ -11034,13 +11043,13 @@ var scheduler_production_min = {};
  * LICENSE file in the root directory of this source tree.
  */
 var aa = react.exports, n$1 = objectAssign, r$1 = scheduler.exports;
-function u$1(a2) {
+function u(a2) {
   for (var b2 = "https://reactjs.org/docs/error-decoder.html?invariant=" + a2, c2 = 1; c2 < arguments.length; c2++)
     b2 += "&args[]=" + encodeURIComponent(arguments[c2]);
   return "Minified React error #" + a2 + "; visit " + b2 + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
 }
 if (!aa)
-  throw Error(u$1(227));
+  throw Error(u(227));
 function ba(a2, b2, c2, d2, e2, f2, g2, h2, k2) {
   var l2 = Array.prototype.slice.call(arguments, 3);
   try {
@@ -11066,7 +11075,7 @@ function ka(a2, b2, c2, d2, e2, f2, g2, h2, k2) {
       da = false;
       ea = null;
     } else
-      throw Error(u$1(198));
+      throw Error(u(198));
     fa || (fa = true, ha = l2);
   }
 }
@@ -11083,17 +11092,17 @@ function ra() {
     for (var a2 in qa) {
       var b2 = qa[a2], c2 = pa.indexOf(a2);
       if (!(-1 < c2))
-        throw Error(u$1(96, a2));
+        throw Error(u(96, a2));
       if (!sa[c2]) {
         if (!b2.extractEvents)
-          throw Error(u$1(97, a2));
+          throw Error(u(97, a2));
         sa[c2] = b2;
         c2 = b2.eventTypes;
         for (var d2 in c2) {
           var e2 = void 0;
           var f2 = c2[d2], g2 = b2, h2 = d2;
           if (ta.hasOwnProperty(h2))
-            throw Error(u$1(99, h2));
+            throw Error(u(99, h2));
           ta[h2] = f2;
           var k2 = f2.phasedRegistrationNames;
           if (k2) {
@@ -11103,14 +11112,14 @@ function ra() {
           } else
             f2.registrationName ? (ua(f2.registrationName, g2, h2), e2 = true) : e2 = false;
           if (!e2)
-            throw Error(u$1(98, d2, a2));
+            throw Error(u(98, d2, a2));
         }
       }
     }
 }
 function ua(a2, b2, c2) {
   if (va[a2])
-    throw Error(u$1(100, a2));
+    throw Error(u(100, a2));
   va[a2] = b2;
   wa[a2] = b2.eventTypes[c2].dependencies;
 }
@@ -11122,7 +11131,7 @@ function xa(a2) {
       var d2 = a2[c2];
       if (!qa.hasOwnProperty(c2) || qa[c2] !== d2) {
         if (qa[c2])
-          throw Error(u$1(102, c2));
+          throw Error(u(102, c2));
         qa[c2] = d2;
         b2 = true;
       }
@@ -11133,7 +11142,7 @@ var ya = !(typeof window === "undefined" || typeof window.document === "undefine
 function Ca(a2) {
   if (a2 = ma(a2)) {
     if (typeof za !== "function")
-      throw Error(u$1(280));
+      throw Error(u(280));
     var b2 = a2.stateNode;
     b2 && (b2 = la(b2), za(a2.stateNode, a2.type, b2));
   }
@@ -11514,7 +11523,7 @@ function Hb(a2, b2, c2, d2) {
 }
 function Ib(a2, b2) {
   if (b2.dangerouslySetInnerHTML != null)
-    throw Error(u$1(91));
+    throw Error(u(91));
   return n$1({}, b2, { value: void 0, defaultValue: void 0, children: "" + a2._wrapperState.initialValue });
 }
 function Jb(a2, b2) {
@@ -11524,10 +11533,10 @@ function Jb(a2, b2) {
     b2 = b2.defaultValue;
     if (c2 != null) {
       if (b2 != null)
-        throw Error(u$1(92));
+        throw Error(u(92));
       if (Array.isArray(c2)) {
         if (!(1 >= c2.length))
-          throw Error(u$1(93));
+          throw Error(u(93));
         c2 = c2[0];
       }
       b2 = c2;
@@ -11638,14 +11647,14 @@ function ec(a2) {
 }
 function fc(a2) {
   if (dc(a2) !== a2)
-    throw Error(u$1(188));
+    throw Error(u(188));
 }
 function gc(a2) {
   var b2 = a2.alternate;
   if (!b2) {
     b2 = dc(a2);
     if (b2 === null)
-      throw Error(u$1(188));
+      throw Error(u(188));
     return b2 !== a2 ? null : a2;
   }
   for (var c2 = a2, d2 = b2; ; ) {
@@ -11669,7 +11678,7 @@ function gc(a2) {
           return fc(e2), b2;
         f2 = f2.sibling;
       }
-      throw Error(u$1(188));
+      throw Error(u(188));
     }
     if (c2.return !== d2.return)
       c2 = e2, d2 = f2;
@@ -11706,14 +11715,14 @@ function gc(a2) {
           h2 = h2.sibling;
         }
         if (!g2)
-          throw Error(u$1(189));
+          throw Error(u(189));
       }
     }
     if (c2.alternate !== d2)
-      throw Error(u$1(190));
+      throw Error(u(190));
   }
   if (c2.tag !== 3)
-    throw Error(u$1(188));
+    throw Error(u(188));
   return c2.stateNode.current === c2 ? a2 : b2;
 }
 function hc(a2) {
@@ -11741,7 +11750,7 @@ function hc(a2) {
 }
 function ic(a2, b2) {
   if (b2 == null)
-    throw Error(u$1(30));
+    throw Error(u(30));
   if (a2 == null)
     return b2;
   if (Array.isArray(a2)) {
@@ -11776,7 +11785,7 @@ function mc(a2) {
   if (a2) {
     jc(a2, lc);
     if (kc)
-      throw Error(u$1(95));
+      throw Error(u(95));
     if (fa)
       throw a2 = ha, fa = false, ha = null, a2;
   }
@@ -12224,15 +12233,15 @@ var nd = n$1({ menuitem: true }, { area: true, base: true, br: true, col: true,
 function od(a2, b2) {
   if (b2) {
     if (nd[a2] && (b2.children != null || b2.dangerouslySetInnerHTML != null))
-      throw Error(u$1(137, a2, ""));
+      throw Error(u(137, a2, ""));
     if (b2.dangerouslySetInnerHTML != null) {
       if (b2.children != null)
-        throw Error(u$1(60));
+        throw Error(u(60));
       if (!(typeof b2.dangerouslySetInnerHTML === "object" && "__html" in b2.dangerouslySetInnerHTML))
-        throw Error(u$1(61));
+        throw Error(u(61));
     }
     if (b2.style != null && typeof b2.style !== "object")
-      throw Error(u$1(62, ""));
+      throw Error(u(62, ""));
   }
 }
 function pd(a2, b2) {
@@ -12389,7 +12398,7 @@ function Nc(a2) {
 function Pd(a2) {
   if (a2.tag === 5 || a2.tag === 6)
     return a2.stateNode;
-  throw Error(u$1(33));
+  throw Error(u(33));
 }
 function Qd(a2) {
   return a2[Nd] || null;
@@ -12430,7 +12439,7 @@ function Sd(a2, b2) {
   if (a2)
     return null;
   if (c2 && typeof c2 !== "function")
-    throw Error(u$1(231, b2, typeof c2));
+    throw Error(u(231, b2, typeof c2));
   return c2;
 }
 function Td(a2, b2, c2) {
@@ -12535,7 +12544,7 @@ function ee$1(a2, b2, c2, d2) {
 }
 function fe(a2) {
   if (!(a2 instanceof this))
-    throw Error(u$1(279));
+    throw Error(u(279));
   a2.destructor();
   10 > this.eventPool.length && this.eventPool.push(a2);
 }
@@ -13018,7 +13027,7 @@ var pf = { Esc: "Escape", Spacebar: " ", Left: "ArrowLeft", Up: "ArrowUp", Right
   return b2;
 } };
 if (pa)
-  throw Error(u$1(101));
+  throw Error(u(101));
 pa = Array.prototype.slice.call("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" "));
 ra();
 var xf = Nc;
@@ -13059,7 +13068,7 @@ function Df() {
 }
 function Ef(a2, b2, c2) {
   if (J$1.current !== Af)
-    throw Error(u$1(168));
+    throw Error(u(168));
   I$1(J$1, b2);
   I$1(K$1, c2);
 }
@@ -13071,7 +13080,7 @@ function Ff(a2, b2, c2) {
   d2 = d2.getChildContext();
   for (var e2 in d2)
     if (!(e2 in a2))
-      throw Error(u$1(108, pb(b2) || "Unknown", e2));
+      throw Error(u(108, pb(b2) || "Unknown", e2));
   return n$1({}, c2, {}, d2);
 }
 function Gf(a2) {
@@ -13084,7 +13093,7 @@ function Gf(a2) {
 function Hf(a2, b2, c2) {
   var d2 = a2.stateNode;
   if (!d2)
-    throw Error(u$1(169));
+    throw Error(u(169));
   c2 ? (a2 = Ff(a2, b2, Bf), d2.__reactInternalMemoizedMergedChildContext = a2, H$1(K$1), H$1(J$1), I$1(J$1, a2)) : H$1(K$1);
   I$1(K$1, c2);
 }
@@ -13105,7 +13114,7 @@ function ag() {
     case Sf:
       return 95;
     default:
-      throw Error(u$1(332));
+      throw Error(u(332));
   }
 }
 function bg(a2) {
@@ -13121,7 +13130,7 @@ function bg(a2) {
     case 95:
       return Sf;
     default:
-      throw Error(u$1(332));
+      throw Error(u(332));
   }
 }
 function cg(a2, b2) {
@@ -13213,7 +13222,7 @@ function sg(a2, b2) {
     b2 = { context: a2, observedBits: b2, next: null };
     if (lg === null) {
       if (kg === null)
-        throw Error(u$1(308));
+        throw Error(u(308));
       lg = b2;
       kg.dependencies = { expirationTime: 0, firstContext: b2, responders: null };
     } else
@@ -13333,7 +13342,7 @@ function Cg(a2, b2, c2) {
         d2 = e2;
         e2 = c2;
         if (typeof d2 !== "function")
-          throw Error(u$1(191, d2));
+          throw Error(u(191, d2));
         d2.call(e2);
       }
     }
@@ -13422,11 +13431,11 @@ function Pg(a2, b2, c2) {
       c2 = c2._owner;
       if (c2) {
         if (c2.tag !== 1)
-          throw Error(u$1(309));
+          throw Error(u(309));
         var d2 = c2.stateNode;
       }
       if (!d2)
-        throw Error(u$1(147, a2));
+        throw Error(u(147, a2));
       var e2 = "" + a2;
       if (b2 !== null && b2.ref !== null && typeof b2.ref === "function" && b2.ref._stringRef === e2)
         return b2.ref;
@@ -13439,15 +13448,15 @@ function Pg(a2, b2, c2) {
       return b2;
     }
     if (typeof a2 !== "string")
-      throw Error(u$1(284));
+      throw Error(u(284));
     if (!c2._owner)
-      throw Error(u$1(290, a2));
+      throw Error(u(290, a2));
   }
   return a2;
 }
 function Qg(a2, b2) {
   if (a2.type !== "textarea")
-    throw Error(u$1(31, Object.prototype.toString.call(b2) === "[object Object]" ? "object with keys {" + Object.keys(b2).join(", ") + "}" : b2, ""));
+    throw Error(u(31, Object.prototype.toString.call(b2) === "[object Object]" ? "object with keys {" + Object.keys(b2).join(", ") + "}" : b2, ""));
 }
 function Rg(a2) {
   function b2(b3, c3) {
@@ -13599,10 +13608,10 @@ function Rg(a2) {
   function D2(e3, g3, h3, l3) {
     var k3 = nb(h3);
     if (typeof k3 !== "function")
-      throw Error(u$1(150));
+      throw Error(u(150));
     h3 = k3.call(h3);
     if (h3 == null)
-      throw Error(u$1(151));
+      throw Error(u(151));
     for (var m3 = k3 = null, t2 = g3, y2 = g3 = 0, A2 = null, q2 = h3.next(); t2 !== null && !q2.done; y2++, q2 = h3.next()) {
       t2.index > y2 ? (A2 = t2, t2 = null) : A2 = t2.sibling;
       var D3 = x2(e3, t2, q2.value, l3);
@@ -13705,7 +13714,7 @@ function Rg(a2) {
       switch (a3.tag) {
         case 1:
         case 0:
-          throw a3 = a3.type, Error(u$1(152, a3.displayName || a3.name || "Component"));
+          throw a3 = a3.type, Error(u(152, a3.displayName || a3.name || "Component"));
       }
     return c2(a3, d3);
   };
@@ -13713,7 +13722,7 @@ function Rg(a2) {
 var Xg = Rg(true), Yg = Rg(false), Zg = {}, $g = { current: Zg }, ah = { current: Zg }, bh = { current: Zg };
 function ch(a2) {
   if (a2 === Zg)
-    throw Error(u$1(174));
+    throw Error(u(174));
   return a2;
 }
 function dh(a2, b2) {
@@ -13778,7 +13787,7 @@ function ih(a2, b2) {
 }
 var jh = Wa.ReactCurrentDispatcher, kh = Wa.ReactCurrentBatchConfig, lh = 0, N$1 = null, O$1 = null, P$1 = null, mh = false;
 function Q$1() {
-  throw Error(u$1(321));
+  throw Error(u(321));
 }
 function nh(a2, b2) {
   if (b2 === null)
@@ -13801,7 +13810,7 @@ function oh(a2, b2, c2, d2, e2, f2) {
     do {
       b2.expirationTime = 0;
       if (!(25 > f2))
-        throw Error(u$1(301));
+        throw Error(u(301));
       f2 += 1;
       P$1 = O$1 = null;
       b2.updateQueue = null;
@@ -13815,7 +13824,7 @@ function oh(a2, b2, c2, d2, e2, f2) {
   P$1 = O$1 = N$1 = null;
   mh = false;
   if (b2)
-    throw Error(u$1(300));
+    throw Error(u(300));
   return a2;
 }
 function th() {
@@ -13834,7 +13843,7 @@ function uh() {
     P$1 = b2, O$1 = a2;
   else {
     if (a2 === null)
-      throw Error(u$1(310));
+      throw Error(u(310));
     O$1 = a2;
     a2 = { memoizedState: O$1.memoizedState, baseState: O$1.baseState, baseQueue: O$1.baseQueue, queue: O$1.queue, next: null };
     P$1 === null ? N$1.memoizedState = P$1 = a2 : P$1 = P$1.next = a2;
@@ -13847,7 +13856,7 @@ function vh(a2, b2) {
 function wh(a2) {
   var b2 = uh(), c2 = b2.queue;
   if (c2 === null)
-    throw Error(u$1(311));
+    throw Error(u(311));
   c2.lastRenderedReducer = a2;
   var d2 = O$1, e2 = d2.baseQueue, f2 = c2.pending;
   if (f2 !== null) {
@@ -13885,7 +13894,7 @@ function wh(a2) {
 function xh(a2) {
   var b2 = uh(), c2 = b2.queue;
   if (c2 === null)
-    throw Error(u$1(311));
+    throw Error(u(311));
   c2.lastRenderedReducer = a2;
   var d2 = c2.dispatch, e2 = c2.pending, f2 = b2.memoizedState;
   if (e2 !== null) {
@@ -14166,7 +14175,7 @@ function Wh(a2) {
     a2 = a2.memoizedState;
     a2 = a2 !== null ? a2.dehydrated : null;
     if (!a2)
-      throw Error(u$1(317));
+      throw Error(u(317));
     a: {
       a2 = a2.nextSibling;
       for (b2 = 0; a2; ) {
@@ -14446,7 +14455,7 @@ function $h(a2, b2, c2) {
   if (b2.childExpirationTime < c2)
     return null;
   if (a2 !== null && b2.child !== a2.child)
-    throw Error(u$1(153));
+    throw Error(u(153));
   if (b2.child !== null) {
     a2 = b2.child;
     c2 = Sg(a2, a2.pendingProps);
@@ -14586,7 +14595,7 @@ function si(a2, b2, c2) {
       else {
         if (!d2) {
           if (b2.stateNode === null)
-            throw Error(u$1(166));
+            throw Error(u(166));
           return null;
         }
         a2 = ch($g.current);
@@ -14764,7 +14773,7 @@ function si(a2, b2, c2) {
         qi(a2, b2, a2.memoizedProps, d2);
       else {
         if (typeof d2 !== "string" && b2.stateNode === null)
-          throw Error(u$1(166));
+          throw Error(u(166));
         c2 = ch(bh.current);
         ch($g.current);
         Wh(b2) ? (c2 = b2.stateNode, d2 = b2.memoizedProps, c2[Md] = b2, c2.nodeValue !== d2 && (b2.effectTag |= 4)) : (c2 = (c2.nodeType === 9 ? c2 : c2.ownerDocument).createTextNode(d2), c2[Md] = b2, b2.stateNode = c2);
@@ -14835,7 +14844,7 @@ function si(a2, b2, c2) {
       }
       return d2.tail !== null ? (d2.tailExpiration === 0 && (d2.tailExpiration = $f() + 500), c2 = d2.tail, d2.rendering = c2, d2.tail = c2.sibling, d2.lastEffect = b2.lastEffect, d2.renderingStartTime = $f(), c2.sibling = null, b2 = M$1.current, I$1(M$1, e2 ? b2 & 1 | 2 : b2 & 1), c2) : null;
   }
-  throw Error(u$1(156, b2.tag));
+  throw Error(u(156, b2.tag));
 }
 function zi(a2) {
   switch (a2.tag) {
@@ -14849,7 +14858,7 @@ function zi(a2) {
       H$1(J$1);
       b2 = a2.effectTag;
       if ((b2 & 64) !== 0)
-        throw Error(u$1(285));
+        throw Error(u(285));
       a2.effectTag = b2 & -4097 | 64;
       return a2;
     case 5:
@@ -14925,7 +14934,7 @@ function Gi(a2, b2) {
     case 17:
       return;
   }
-  throw Error(u$1(163));
+  throw Error(u(163));
 }
 function Hi(a2, b2) {
   b2 = b2.updateQueue;
@@ -15010,7 +15019,7 @@ function Ji(a2, b2, c2) {
     case 21:
       return;
   }
-  throw Error(u$1(163));
+  throw Error(u(163));
 }
 function Ki(a2, b2, c2) {
   typeof Li === "function" && Li(b2);
@@ -15079,7 +15088,7 @@ function Pi(a2) {
       }
       b2 = b2.return;
     }
-    throw Error(u$1(160));
+    throw Error(u(160));
   }
   b2 = c2.stateNode;
   switch (c2.tag) {
@@ -15095,7 +15104,7 @@ function Pi(a2) {
       d2 = true;
       break;
     default:
-      throw Error(u$1(161));
+      throw Error(u(161));
   }
   c2.effectTag & 16 && (Rb(b2, ""), c2.effectTag &= -17);
   a:
@@ -15147,7 +15156,7 @@ function Mi(a2, b2, c2) {
       a:
         for (; ; ) {
           if (e2 === null)
-            throw Error(u$1(160));
+            throw Error(u(160));
           f2 = e2.stateNode;
           switch (e2.tag) {
             case 5:
@@ -15250,7 +15259,7 @@ function Si(a2, b2) {
       return;
     case 6:
       if (b2.stateNode === null)
-        throw Error(u$1(162));
+        throw Error(u(162));
       b2.stateNode.nodeValue = b2.memoizedProps;
       return;
     case 3:
@@ -15297,7 +15306,7 @@ function Si(a2, b2) {
     case 17:
       return;
   }
-  throw Error(u$1(163));
+  throw Error(u(163));
 }
 function Ui(a2) {
   var b2 = a2.updateQueue;
@@ -15373,14 +15382,14 @@ function Hg(a2, b2, c2) {
         a2 = 2;
         break;
       default:
-        throw Error(u$1(326));
+        throw Error(u(326));
     }
   T$1 !== null && a2 === U$1 && --a2;
   return a2;
 }
 function Ig(a2, b2) {
   if (50 < uj)
-    throw uj = 0, vj = null, Error(u$1(185));
+    throw uj = 0, vj = null, Error(u(185));
   a2 = xj(a2, b2);
   if (a2 !== null) {
     var c2 = ag();
@@ -15452,7 +15461,7 @@ function Bj(a2, b2) {
   if (c2 !== 0) {
     b2 = a2.callbackNode;
     if ((W$1 & (fj | gj)) !== V$1)
-      throw Error(u$1(327));
+      throw Error(u(327));
     Dj();
     a2 === T$1 && c2 === U$1 || Ej(a2, c2);
     if (X$1 !== null) {
@@ -15476,7 +15485,7 @@ function Bj(a2, b2) {
         switch (e2 = a2.finishedWork = a2.current.alternate, a2.finishedExpirationTime = c2, d2 = S$1, T$1 = null, d2) {
           case ti:
           case hj:
-            throw Error(u$1(345));
+            throw Error(u(345));
           case ij:
             Cj(a2, 2 < c2 ? 2 : c2);
             break;
@@ -15543,7 +15552,7 @@ function Bj(a2, b2) {
             Jj(a2);
             break;
           default:
-            throw Error(u$1(329));
+            throw Error(u(329));
         }
       Z$1(a2);
       if (a2.callbackNode === b2)
@@ -15556,7 +15565,7 @@ function yj(a2) {
   var b2 = a2.lastExpiredTime;
   b2 = b2 !== 0 ? b2 : 1073741823;
   if ((W$1 & (fj | gj)) !== V$1)
-    throw Error(u$1(327));
+    throw Error(u(327));
   Dj();
   a2 === T$1 && b2 === U$1 || Ej(a2, b2);
   if (X$1 !== null) {
@@ -15577,7 +15586,7 @@ function yj(a2) {
     if (S$1 === hj)
       throw c2 = kj, Ej(a2, b2), xi(a2, b2), Z$1(a2), c2;
     if (X$1 !== null)
-      throw Error(u$1(261));
+      throw Error(u(261));
     a2.finishedWork = a2.current.alternate;
     a2.finishedExpirationTime = b2;
     T$1 = null;
@@ -15848,14 +15857,14 @@ function Sj(a2, b2) {
     Dj();
   while (rj !== null);
   if ((W$1 & (fj | gj)) !== V$1)
-    throw Error(u$1(327));
+    throw Error(u(327));
   var c2 = a2.finishedWork, d2 = a2.finishedExpirationTime;
   if (c2 === null)
     return null;
   a2.finishedWork = null;
   a2.finishedExpirationTime = 0;
   if (c2 === a2.current)
-    throw Error(u$1(177));
+    throw Error(u(177));
   a2.callbackNode = null;
   a2.callbackExpirationTime = 0;
   a2.callbackPriority = 90;
@@ -15929,7 +15938,7 @@ function Sj(a2, b2) {
         Tj();
       } catch (wb) {
         if (Y$1 === null)
-          throw Error(u$1(330));
+          throw Error(u(330));
         Ei(Y$1, wb);
         Y$1 = Y$1.nextEffect;
       }
@@ -15974,7 +15983,7 @@ function Sj(a2, b2) {
         }
       } catch (wb) {
         if (Y$1 === null)
-          throw Error(u$1(330));
+          throw Error(u(330));
         Ei(Y$1, wb);
         Y$1 = Y$1.nextEffect;
       }
@@ -16024,7 +16033,7 @@ function Sj(a2, b2) {
         }
       } catch (wb) {
         if (Y$1 === null)
-          throw Error(u$1(330));
+          throw Error(u(330));
         Ei(Y$1, wb);
         Y$1 = Y$1.nextEffect;
       }
@@ -16075,7 +16084,7 @@ function Vj() {
   var a2 = rj;
   rj = null;
   if ((W$1 & (fj | gj)) !== V$1)
-    throw Error(u$1(331));
+    throw Error(u(331));
   var b2 = W$1;
   W$1 |= gj;
   for (a2 = a2.current.firstEffect; a2 !== null; ) {
@@ -16091,7 +16100,7 @@ function Vj() {
         }
     } catch (d2) {
       if (a2 === null)
-        throw Error(u$1(330));
+        throw Error(u(330));
       Ei(a2, d2);
     }
     c2 = a2.nextEffect;
@@ -16263,7 +16272,7 @@ Rj = function(a2, b2, c2) {
             b2 = ai(null, b2, e2, ig(e2.type, a2), d2, c2);
             break a;
         }
-        throw Error(u$1(306, e2, ""));
+        throw Error(u(306, e2, ""));
       }
       return b2;
     case 0:
@@ -16274,7 +16283,7 @@ Rj = function(a2, b2, c2) {
       hi(b2);
       d2 = b2.updateQueue;
       if (a2 === null || d2 === null)
-        throw Error(u$1(282));
+        throw Error(u(282));
       d2 = b2.pendingProps;
       e2 = b2.memoizedState;
       e2 = e2 !== null ? e2.element : null;
@@ -16377,7 +16386,7 @@ Rj = function(a2, b2, c2) {
     case 19:
       return mi(a2, b2, c2);
   }
-  throw Error(u$1(156, b2.tag));
+  throw Error(u(156, b2.tag));
 };
 var Uj = null, Li = null;
 function Yj(a2) {
@@ -16506,7 +16515,7 @@ function Ug(a2, b2, c2, d2, e2, f2) {
                 g2 = 22;
                 break a;
             }
-          throw Error(u$1(130, a2 == null ? a2 : typeof a2, ""));
+          throw Error(u(130, a2 == null ? a2 : typeof a2, ""));
       }
   b2 = Sh(g2, c2, b2, e2);
   b2.elementType = a2;
@@ -16575,7 +16584,7 @@ function bk(a2, b2, c2, d2) {
       c2 = c2._reactInternalFiber;
       b: {
         if (dc(c2) !== c2 || c2.tag !== 1)
-          throw Error(u$1(170));
+          throw Error(u(170));
         var h2 = c2;
         do {
           switch (h2.tag) {
@@ -16590,7 +16599,7 @@ function bk(a2, b2, c2, d2) {
           }
           h2 = h2.return;
         } while (h2 !== null);
-        throw Error(u$1(171));
+        throw Error(u(171));
       }
       if (c2.tag === 1) {
         var k2 = c2.type;
@@ -16723,7 +16732,7 @@ za = function(a2, b2, c2) {
           if (d2 !== a2 && d2.form === a2.form) {
             var e2 = Qd(d2);
             if (!e2)
-              throw Error(u$1(90));
+              throw Error(u(90));
             yb(d2);
             Cb(d2, e2);
           }
@@ -16762,7 +16771,7 @@ Ia = function(a2, b2) {
 function kk(a2, b2) {
   var c2 = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
   if (!gk(b2))
-    throw Error(u$1(200));
+    throw Error(u(200));
   return jk(a2, b2, null, c2);
 }
 var lk = { Events: [Nc, Pd, Qd, xa, ta, Xd, function(a2) {
@@ -16792,8 +16801,8 @@ reactDom_production_min.findDOMNode = function(a2) {
   var b2 = a2._reactInternalFiber;
   if (b2 === void 0) {
     if (typeof a2.render === "function")
-      throw Error(u$1(188));
-    throw Error(u$1(268, Object.keys(a2)));
+      throw Error(u(188));
+    throw Error(u(268, Object.keys(a2)));
   }
   a2 = hc(b2);
   a2 = a2 === null ? null : a2.stateNode;
@@ -16801,7 +16810,7 @@ reactDom_production_min.findDOMNode = function(a2) {
 };
 reactDom_production_min.flushSync = function(a2, b2) {
   if ((W$1 & (fj | gj)) !== V$1)
-    throw Error(u$1(187));
+    throw Error(u(187));
   var c2 = W$1;
   W$1 |= 1;
   try {
@@ -16812,17 +16821,17 @@ reactDom_production_min.flushSync = function(a2, b2) {
 };
 reactDom_production_min.hydrate = function(a2, b2, c2) {
   if (!gk(b2))
-    throw Error(u$1(200));
+    throw Error(u(200));
   return ik(null, a2, b2, true, c2);
 };
 reactDom_production_min.render = function(a2, b2, c2) {
   if (!gk(b2))
-    throw Error(u$1(200));
+    throw Error(u(200));
   return ik(null, a2, b2, false, c2);
 };
 reactDom_production_min.unmountComponentAtNode = function(a2) {
   if (!gk(a2))
-    throw Error(u$1(40));
+    throw Error(u(40));
   return a2._reactRootContainer ? (Nj(function() {
     ik(null, null, a2, false, function() {
       a2._reactRootContainer = null;
@@ -16836,9 +16845,9 @@ reactDom_production_min.unstable_createPortal = function(a2, b2) {
 };
 reactDom_production_min.unstable_renderSubtreeIntoContainer = function(a2, b2, c2, d2) {
   if (!gk(c2))
-    throw Error(u$1(200));
+    throw Error(u(200));
   if (a2 == null || a2._reactInternalFiber === void 0)
-    throw Error(u$1(38));
+    throw Error(u(38));
   return ik(a2, b2, c2, false, d2);
 };
 reactDom_production_min.version = "16.14.0";
@@ -16856,7 +16865,7 @@ function checkDCE() {
   checkDCE();
   reactDom.exports = reactDom_production_min;
 }
-var u = reactDom.exports;
+var d = reactDom.exports;
 var e = Object.defineProperty, t = Object.defineProperties, i = Object.getOwnPropertyDescriptors, s = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, o = Object.prototype.propertyIsEnumerable, n = (t2, i2, s2) => i2 in t2 ? e(t2, i2, { enumerable: true, configurable: true, writable: true, value: s2 }) : t2[i2] = s2, a = (e2, t2) => {
   for (var i2 in t2 || (t2 = {}))
     r.call(t2, i2) && n(e2, i2, t2[i2]);
@@ -16881,13 +16890,13 @@ function f(e2, t2) {
   }(t2);
   return i2 ? e2.currentTime + (i2 - e2.hostTime) / 1e3 : e2.currentTime;
 }
-const A = navigator.userAgent.includes("Safari"), y = navigator.userAgent.includes("iPhone") || navigator.userAgent.includes("iPad"), b = [".aac", ".mid", ".midi", ".mp3", ".ogg", ".oga", ".wav", ".weba"];
-var I = typeof global == "object" && global && global.Object === Object && global, S = typeof self == "object" && self && self.Object === Object && self, T = I || S || Function("return this")(), C = T.Symbol, k = Object.prototype, E = k.hasOwnProperty, P = k.toString, j = C ? C.toStringTag : void 0;
+const y = navigator.userAgent.includes("Safari"), A = navigator.userAgent.includes("iPhone") || navigator.userAgent.includes("iPad"), b = [".aac", ".mid", ".midi", ".mp3", ".ogg", ".oga", ".wav", ".weba"];
+var I = typeof global == "object" && global && global.Object === Object && global, S = typeof self == "object" && self && self.Object === Object && self, T = I || S || Function("return this")(), C = T.Symbol, E = Object.prototype, k = E.hasOwnProperty, P = E.toString, j = C ? C.toStringTag : void 0;
 var B = Object.prototype.toString;
 var w = C ? C.toStringTag : void 0;
 function x(e2) {
   return e2 == null ? e2 === void 0 ? "[object Undefined]" : "[object Null]" : w && w in Object(e2) ? function(e3) {
-    var t2 = E.call(e3, j), i2 = e3[j];
+    var t2 = k.call(e3, j), i2 = e3[j];
     try {
       e3[j] = void 0;
       var s2 = true;
@@ -16936,7 +16945,7 @@ var D = function() {
   return T.Date.now();
 }, Z = Math.max, R = Math.min;
 function U(e2, t2, i2) {
-  var s2, r2, o2, n2, a2, l2, c2 = 0, u2 = false, d2 = false, p2 = true;
+  var s2, r2, o2, n2, a2, l2, c2 = 0, d2 = false, u2 = false, p2 = true;
   if (typeof e2 != "function")
     throw new TypeError("Expected a function");
   function h2(t3) {
@@ -16944,11 +16953,11 @@ function U(e2, t2, i2) {
     return s2 = r2 = void 0, c2 = t3, n2 = e2.apply(o3, i3);
   }
   function m2(e3) {
-    return c2 = e3, a2 = setTimeout(v2, t2), u2 ? h2(e3) : n2;
+    return c2 = e3, a2 = setTimeout(v2, t2), d2 ? h2(e3) : n2;
   }
   function g2(e3) {
     var i3 = e3 - l2;
-    return l2 === void 0 || i3 >= t2 || i3 < 0 || d2 && e3 - c2 >= o2;
+    return l2 === void 0 || i3 >= t2 || i3 < 0 || u2 && e3 - c2 >= o2;
   }
   function v2() {
     var e3 = D();
@@ -16956,27 +16965,27 @@ function U(e2, t2, i2) {
       return f2(e3);
     a2 = setTimeout(v2, function(e4) {
       var i3 = t2 - (e4 - l2);
-      return d2 ? R(i3, o2 - (e4 - c2)) : i3;
+      return u2 ? R(i3, o2 - (e4 - c2)) : i3;
     }(e3));
   }
   function f2(e3) {
     return a2 = void 0, p2 && s2 ? h2(e3) : (s2 = r2 = void 0, n2);
   }
-  function A2() {
+  function y2() {
     var e3 = D(), i3 = g2(e3);
     if (s2 = arguments, r2 = this, l2 = e3, i3) {
       if (a2 === void 0)
         return m2(l2);
-      if (d2)
+      if (u2)
         return clearTimeout(a2), a2 = setTimeout(v2, t2), h2(l2);
     }
     return a2 === void 0 && (a2 = setTimeout(v2, t2)), n2;
   }
-  return t2 = z(t2) || 0, L(i2) && (u2 = !!i2.leading, o2 = (d2 = "maxWait" in i2) ? Z(z(i2.maxWait) || 0, t2) : o2, p2 = "trailing" in i2 ? !!i2.trailing : p2), A2.cancel = function() {
+  return t2 = z(t2) || 0, L(i2) && (d2 = !!i2.leading, o2 = (u2 = "maxWait" in i2) ? Z(z(i2.maxWait) || 0, t2) : o2, p2 = "trailing" in i2 ? !!i2.trailing : p2), y2.cancel = function() {
     a2 !== void 0 && clearTimeout(a2), c2 = 0, s2 = l2 = r2 = a2 = void 0;
-  }, A2.flush = function() {
+  }, y2.flush = function() {
     return a2 === void 0 ? n2 : f2(D());
-  }, A2;
+  }, y2;
 }
 class F extends react.exports.Component {
   constructor(e2) {
@@ -17179,13 +17188,13 @@ function ee(e2, t2, i2) {
         function c2(t3, i5) {
           e2.setEffectPosition(i5, 1e3 * t3), r3.previousBeginSeekTime = Date.now() / 1e3, r3.previousSeekTargetTime = t3;
         }
-        const u2 = r3.previousBeginSeekTime;
+        const d2 = r3.previousBeginSeekTime;
         if (i4 > 0) {
           const e3 = a2 - o3, t3 = Math.abs(e3), i5 = 0.5;
           if (t3 > i5)
             if (l2) {
-              const t4 = r3.previousSeekTargetTime - o3, i6 = Date.now() / 1e3 - u2, s3 = i6 + (e3 > 0 ? e3 : 0), l3 = a2 + s3;
-              c2(l3, n2), _(">>> Start seeking after seeking lag", { jsPlayerTime: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3, lastSeekingCost: i6, estimatedRTCLag: s3, targetRTCSeekTime: l3, previousBeginSeekTime: u2, timeElapse: t4 });
+              const t4 = r3.previousSeekTargetTime - o3, i6 = Date.now() / 1e3 - d2, s3 = i6 + (e3 > 0 ? e3 : 0), l3 = a2 + s3;
+              c2(l3, n2), _(">>> Start seeking after seeking lag", { jsPlayerTime: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3, lastSeekingCost: i6, estimatedRTCLag: s3, targetRTCSeekTime: l3, previousBeginSeekTime: d2, timeElapse: t4 });
             } else if (t3 > 10)
               c2(a2, n2), _(">>> DirectSeek", { time: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3 });
             else {
@@ -17193,7 +17202,7 @@ function ee(e2, t2, i2) {
               r3.previousVideoJSAdvance = i6, c2(s3, n2), _(">>> Start seeking with lag", { jsPlayerTime: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3, previousAdvance: t4, estimatedRTCLag: i6, targetRTCSeekTime: s3 });
             }
           else
-            l2 && (_(">>> SeekingFinish no lag", { jsPlayerTime: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3, previousBeginSeekTime: u2, rtcLagTolerance: i5 }), r3.previousBeginSeekTime = 0, r3.previousSeekTargetTime = 0);
+            l2 && (_(">>> SeekingFinish no lag", { jsPlayerTime: a2, rtcEffectTime: o3, jsPlayerTimerAdvance: e3, previousBeginSeekTime: d2, rtcLagTolerance: i5 }), r3.previousBeginSeekTime = 0, r3.previousSeekTargetTime = 0);
         }
       });
     }), t2.on("dispose", () => {
@@ -17250,7 +17259,7 @@ class ie extends react.exports.Component {
       if (this.state.NoSound && (r2 *= 3), s2 > i2.duration())
         this.resetPlayer();
       else if (Math.abs(i2.currentTime() - s2) > r2) {
-        if (this.debug("<<< currentTime -> %o", s2), y)
+        if (this.debug("<<< currentTime -> %o", s2), A)
           return void (this.everPlayed ? i2.currentTime(s2) : this.debug("<<< ignore iOS idle time update. -> %o (ignored)", s2));
         i2.currentTime(s2);
       }
@@ -17263,7 +17272,7 @@ class ie extends react.exports.Component {
     }, this.catchPlayFail = (e3) => {
       var t2, i2;
       const s2 = String(e3);
-      if (A && s2.includes("NotAllowedError") || s2.includes("interact"))
+      if (y && s2.includes("NotAllowedError") || s2.includes("interact"))
         (t2 = this.player) == null || t2.autoplay("any"), this.setState({ NoSound: true });
       else {
         const t3 = (i2 = this.player) == null ? void 0 : i2.error();
@@ -17282,7 +17291,7 @@ class ie extends react.exports.Component {
       o2.className = "video-js", o2.crossOrigin = "anonymous", s2 && (o2.poster = s2), o2.setAttribute("playsInline", ""), o2.setAttribute("webkit-playsinline", "");
       const n2 = document.createElement("source");
       new URL(i2).pathname.endsWith(".m3u8") ? n2.type = "application/x-mpegURL" : o2.src = i2, n2.src = i2, t2 && (n2.type = t2), o2.appendChild(n2), r2.appendChild(o2), this.container.current.appendChild(r2), await new Promise((e4) => (window.requestAnimationFrame || window.setTimeout)(e4)), this.debug("initializing videojs() ...");
-      const a2 = d(o2);
+      const a2 = u$3(o2);
       this.player = a2, window.player = a2, a2.one("loadedmetadata", this.gracefullyUpdate);
       const l2 = window.__mediaPlayerAudioEffectClient;
       l2 !== void 0 && ee(l2, a2, i2);
@@ -17335,7 +17344,7 @@ class ie extends react.exports.Component {
     g.verbose && g.log(`[MediaPlayer] ${e2}`, ...t2);
   }
   componentDidMount() {
-    this.debug("app version =", "0.1.0-alpha.5"), this.debug("video.js version =", d.VERSION), this.initPlayer(), this.props.context.emitter.on("attributesUpdate", this.syncPlayerWithAttributes), this.syncPlayerTimer = setInterval(this.syncPlayerWithAttributes, g.syncInterval), this.decreaseRetryTimer = setInterval(this.decreaseRetryCount, g.retryInterval);
+    this.debug("app version =", "0.1.0-alpha.5"), this.debug("video.js version =", u$3.VERSION), this.initPlayer(), this.props.context.emitter.on("attributesUpdate", this.syncPlayerWithAttributes), this.syncPlayerTimer = setInterval(this.syncPlayerWithAttributes, g.syncInterval), this.decreaseRetryTimer = setInterval(this.decreaseRetryCount, g.retryInterval);
   }
   componentWillUnmount() {
     var e2;
@@ -17353,9 +17362,16 @@ const se = { kind: "MediaPlayer", setup(e2) {
   const i2 = e2.getBox();
   i2.mountStyles('.vjs-p{display:flex;flex-grow:1}.vjs-p *{pointer-events:auto}.vjs-p.disabled *{pointer-events:none}.vjs-p .video-js-plugin-poster{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(data:image/png;base64,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);background-repeat:repeat-x;background-position:0 50%;display:flex;align-items:center;justify-content:center}.vjs-p .video-js-plugin-poster img{box-shadow:0 0 5px 10px #0006}.vjs-p .player-controller,.vjs-p .videojs-plugin-muted-alert{pointer-events:auto}.vjs-p.disabled .videojs-plugin-close-icon,.vjs-p.disabled .player-controller{pointer-events:none}.vjs-p .video-js-plugin-player{position:absolute;top:0;left:0;right:0;bottom:0}.video-js,[data-vjs-player]{width:100%;height:100%}.vjs-p .videojs-plugin-muted-alert{pointer-events:auto;cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;z-index:43}.vjs-p .videojs-plugin-muted-alert:before{pointer-events:auto;cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;z-index:43;content:"\\f104";background:rgba(0,0,0,.3);font-family:VideoJS;font-size:2em;display:flex;align-items:center;justify-content:center;color:#fff}.vjs-p .videojs-plugin-recovery-mode{pointer-events:auto;cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;z-index:44}.vjs-p .videojs-plugin-recovery-mode button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vjs-p .seek-slider{position:relative;width:100%}.vjs-p .seek-slider:focus{outline:none}.vjs-p .seek-slider .track{padding:10px 0;cursor:pointer;outline:none}.vjs-p .seek-slider .track:focus{border:0;outline:none}.vjs-p .seek-slider .track .main{width:100%;height:3px;background-color:#ffffff4d;border-radius:30px;position:absolute;left:0;top:8.5px;transition:transform .4s;outline:none}.vjs-p .seek-slider .track .main:focus{border:0;outline:none}.vjs-p .seek-slider .track .main .buffered{position:absolute;background-color:#ffffff4d;width:100%;height:100%;transform:scaleX(.8);z-index:2;transform-origin:0 0}.vjs-p .seek-slider .track .main .seek-hover{position:absolute;background-color:#ffffff80;width:100%;height:100%;z-index:1;transform:scaleX(.6);transform-origin:0 0;opacity:0;transition:opacity .4s}.vjs-p .seek-slider .track .main .connect{position:absolute;background-color:#fff;width:100%;height:100%;z-index:3;left:0;transform:scaleX(.13);transform-origin:0 0}.vjs-p .seek-slider .track.active .main{transform:scaleY(2)}.vjs-p .seek-slider .thumb{pointer-events:none;position:absolute;width:12px;height:12px;left:-6px;top:4px;z-index:4;transform:translate(100px)}.vjs-p .seek-slider .thumb .handler{border-radius:100%;width:100%;height:100%;background-color:#fff;opacity:0;transform:scale(.4);cursor:pointer;transition:transform .2s;pointer-events:none}.vjs-p .seek-slider .thumb.active .handler{opacity:1;transform:scale(1)}.vjs-p .seek-slider .hover-time{position:absolute;background-color:#0000004d;line-height:18px;font-size:16px;color:#ddd;top:-25px;left:0;padding:5px 10px;border-radius:5px;box-shadow:0 0 5px #0000004d;opacity:0;transform:translate(150px);pointer-events:none}.vjs-p .seek-slider .hover-time.active{opacity:1}.vjs-p .seek-slider:hover .track .main .seek-hover{opacity:1}.vjs-p .player-controller{position:absolute;z-index:100;bottom:0px;left:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;height:64px;background-image:linear-gradient(0deg,#000,transparent);transition:opacity .2s;color:#fff}.vjs-p .player-menu-box{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:40px}.vjs-p .player-menu-cell{width:100%;text-align:center;font-size:12px;color:#7a7b7c}.vjs-p .player-multiple-play{width:64px;height:120px}.vjs-p .player-controller-actions-left{display:flex;justify-content:center;align-items:center;flex-shrink:0}.vjs-p .player-right-box{font-size:14px;color:#7a7b7c;cursor:pointer;margin-right:12px}.vjs-p .player-controller-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:8px;padding-right:8px;margin-top:2px}.vjs-p .player-mid-box-time{font-size:9px;display:flex;justify-content:center;align-items:center;color:#fff;flex-shrink:0;margin-right:8px;font-family:monospace}.vjs-p .player-controller-play{display:flex;align-items:center;justify-content:center;cursor:pointer;padding-right:4px}.vjs-p .player-controller-progress{width:calc(100% - 28px);margin-left:14px;display:flex;align-items:center;justify-content:center;margin-top:8px}.vjs-p .player-volume{display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:16px;margin-left:8px}.vjs-p .player-volume-slider{width:60px;margin-right:12px;display:flex;align-items:center}.vjs-p .player-volume-box{display:flex;flex-direction:row}.netless-app-media-player-container{display:flex;position:relative;height:100%}\n');
   const s2 = document.createElement("div");
-  s2.classList.add("netless-app-media-player-container"), u.render(l.createElement(te, { context: e2 }), s2), i2.mountContent(s2), e2.emitter.on("destroy", () => {
-    console.log("[MediaPlayer]: destroy"), u.unmountComponentAtNode(s2);
-  });
+  if (s2.classList.add("netless-app-media-player-container"), d.render(l.createElement(te, { context: e2 }), s2), i2.mountContent(s2), e2.emitter.on("destroy", () => {
+    console.log("[MediaPlayer]: destroy"), d.unmountComponentAtNode(s2);
+  }), window.__pcmProxy) {
+    const t3 = () => {
+      document.visibilityState === "hidden" ? (console.log("[MediaPlayer]: visibilitychange -> hidden. unmount for pcmproxy"), d.unmountComponentAtNode(s2)) : (console.log("[MediaPlayer]: visibilitychange -> visible. mount for pcmproxy"), d.render(l.createElement(te, { context: e2 }), s2));
+    };
+    document.addEventListener("visibilitychange", t3), e2.emitter.on("destroy", () => {
+      document.removeEventListener("visibilitychange", t3);
+    });
+  }
 } };
 const setupBuiltin = () => {
   if (WindowManager.debug) {
@@ -17892,15 +17908,15 @@ const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "1.0.1";
-    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.28", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.52" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.18", "@netless/app-media-player": "0.1.3", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.52" } };
+    this.version = "1.0.3-beta.0";
+    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.31-beta.0", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.52" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.18", "@netless/app-media-player": "0.1.4", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.52" } };
     this.emitter = callbacks$1;
     this.viewMode = ViewMode.Broadcaster;
     this.isReplay = isPlayer(this.displayer);
     this._cursorUIDs = [];
     this.containerSizeRatio = _WindowManager.containerSizeRatio;
     _WindowManager.displayer = context.displayer;
-    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.28", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.52" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.18", "@netless/app-media-player": "0.1.3", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.52" } };
+    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.2.31-beta.0", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.52" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.18", "@netless/app-media-player": "0.1.4", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "2.16.52" } };
   }
   static onCreate(manager) {
     _WindowManager._resolve(manager);