fcr-ui-scene 3.8.1 → 3.9.0-alpha

package/lib-es/modules/state-bar/meeting-network-state.css

@@ -0,0 +1,154 @@
+.meeting-network-state {
+  display: flex;
+  flex-direction: column;
+  width: 222px;
+  color: var(--fcr_ui_scene_icontext1, #ffffff);
+  border-radius: var(--fcrcornerradiusl, 8px);
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2, #3c3c3c);
+  box-shadow: 0px 0px 15px 0px #8f8f8f26;
+}
+
+.meeting-network-state__connection {
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  border-radius: var(--fcr_cornerradius_l, 8px);
+  padding: 18px 15px 20px 15px;
+  background-color: var(--fcr_web_ui_scene_hover);
+}
+
+.meeting-network-state__connection > label {
+  font-size: 14px;
+  height: 30px;
+  line-height: 30px;
+  font-weight: 600;
+}
+
+.meeting-network-state__connection .meeting-network-state_text {
+  vertical-align: middle;
+}
+
+.meeting-network-state__connection > span {
+  margin-top: 6px;
+  font-size: 22px;
+  font-weight: 600;
+  height: 24px;
+}
+
+.meeting-network-state__connection > span.excellent {
+  color: #67d569;
+}
+
+.meeting-network-state__connection > span.average {
+  color: #ffc700;
+}
+
+.meeting-network-state__connection > span.poor {
+  color: #f5655c;
+}
+
+.meeting-network-state__connection > span.unknown {
+  color: #373c42;
+}
+
+.meeting-network-state__delay {
+  height: 32px;
+  align-items: center;
+}
+
+.meeting-network-state__loss-rate {
+  /* margin-bottom: 10px; */
+}
+
+.meeting-network-state__delay,
+.meeting-network-state__loss-rate {
+  display: flex;
+  padding: 0 15px;
+  font-size: 12px;
+}
+
+.meeting-network-state__delay > label,
+.meeting-network-state__loss-rate > label {
+  display: flex;
+  width: 54%;
+  font-weight: 300;
+  user-select: none;
+}
+
+.meeting-network-state__loss-rate > label {
+  line-height: 32px;
+}
+
+.meeting-network-state__delay__value,
+.meeting-network-state__loss-rate__value {
+  display: flex;
+  flex-grow: 1;
+}
+
+.meeting-network-state__loss-rate__value_web {
+  display: flex;
+  flex-grow: 1;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.meeting-network-state__loss-rate__value {
+  height: 64px;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.meeting-network-state__loss-rate__value > div {
+  display: flex;
+  line-height: 32px;
+  text-align: left;
+}
+
+.meeting-network-state__loss-rate__value > div > span:first-child {
+  min-width: 50px;
+}
+
+.meeting-network-state__divider {
+  height: 1px;
+  margin: 10px 15px;
+  background: var(--fcr_ui_scene_line1);
+}
+
+.meeting-network-state__state-info {
+  margin: 0 15px 10px;
+  border-radius: var(--fcr_cornerradius_xs);
+  display: flex;
+  align-items: center;
+  column-gap: 4px;
+  transition: background 0.2s ease;
+  padding: 0 4px;
+  height: 32px;
+  cursor: pointer;
+}
+.meeting-network-state__state-info:hover {
+  background: var(--fcr_web_ui_scene_hover);
+}
+
+.meeting-network-state__state-info:hover svg path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}
+
+.meeting-network-state__state-info:hover .meeting-network-state__state-info-text {
+  color: var(--fcr_web_ui_scene_mainicon2);
+}
+
+.meeting-network-state__state-info-icon {
+  flex-shrink: 0;
+}
+
+.meeting-network-state__state-info-text {
+  font-size: 13px;
+  line-height: 1;
+  color: var(--fcr_ui_scene_icontext1);
+  min-width: 0;
+  flex-grow: 1;
+  text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/lib-es/modules/state-bar/meeting-network-state.js

@@ -0,0 +1,113 @@
+import "core-js/modules/es.array.concat.js";
+import { useContext, useMemo } from 'react';
+import { useI18n } from 'agora-ui-foundation/lib/i18n';
+import { observer } from 'mobx-react';
+import { StoreContext } from './main-scene/store.base';
+import './meeting-network-state.css';
+import { FcrIcon } from 'agora-ui-foundation/lib/components/icon';
+import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
+import { FcrUIHighlightElement } from '../../utilities/constant';
+import { DeviceSettingTab } from '../setting/type';
+import { isElectron } from 'agora-foundation/lib/utilities/env';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var MeetingNetworkState = observer(function () {
+  var t = useI18n();
+  var _useContext = useContext(StoreContext),
+    networkStats = _useContext.networkStats,
+    networkStatus = _useContext.networkStatus,
+    openDeviceSettingDialog = _useContext.openDeviceSettingDialog;
+  var networkStatusMap = useMemo(function () {
+    return {
+      excellent: {
+        icon: '👍',
+        text: t('fmt_networkstatus_window_rate_good')
+      },
+      average: {
+        icon: '💪',
+        text: t('fmt_networkstatus_window_rate_medium')
+      },
+      poor: {
+        icon: '😭',
+        text: t('fmt_networkstatus_window_rate_bad')
+      },
+      unknown: {
+        icon: '',
+        text: 'unknown'
+      }
+    };
+  }, [t]);
+  var networkStatusData = useMemo(function () {
+    return networkStatusMap[networkStatus];
+  }, [networkStatusMap, networkStatus]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: "meeting-network-state",
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "meeting-network-state__connection",
+      children: [/*#__PURE__*/_jsx("label", {
+        children: t('fmt_networkstatus_window_title')
+      }), /*#__PURE__*/_jsxs("span", {
+        className: networkStatus,
+        children: [/*#__PURE__*/_jsxs("span", {
+          className: "meeting-network-state_text",
+          children: [networkStatusData.text, " "]
+        }), /*#__PURE__*/_jsx("span", {
+          children: networkStatusData.icon
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "meeting-network-state__delay",
+      children: [/*#__PURE__*/_jsx("label", {
+        children: t('fmt_networkstatus_window_latency')
+      }), /*#__PURE__*/_jsx("span", {
+        className: "meeting-network-state__delay__value",
+        children: "".concat(networkStats.networkDelay, " ").concat(t('fmt_statusbar_label_millisecond'))
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "meeting-network-state__loss-rate",
+      children: [/*#__PURE__*/_jsx("label", {
+        children: t('fmt_networkstatus_window_loss')
+      }), isElectron() ? /*#__PURE__*/_jsxs("div", {
+        className: "meeting-network-state__loss-rate__value",
+        children: [/*#__PURE__*/_jsxs("div", {
+          children: [/*#__PURE__*/_jsxs("span", {
+            children: [networkStats.uplinkPacketLossRate, "%"]
+          }), /*#__PURE__*/_jsx("span", {
+            children: "\u2191"
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          children: [/*#__PURE__*/_jsxs("span", {
+            children: [networkStats.downlinkPacketLossRate, "%"]
+          }), /*#__PURE__*/_jsx("span", {
+            children: "\u2193"
+          })]
+        })]
+      }) : /*#__PURE__*/_jsx("div", {
+        className: "meeting-network-state__loss-rate__value_web",
+        children: /*#__PURE__*/_jsxs("span", {
+          children: [networkStats.downlinkPacketLossRate, "%"]
+        })
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: "meeting-network-state__divider"
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "meeting-network-state__state-info",
+      onClick: function onClick() {
+        openDeviceSettingDialog({
+          activeTab: DeviceSettingTab.STATE,
+          highlightSelector: FcrUIHighlightElement.NETWORK_STATE
+        });
+      },
+      children: [/*#__PURE__*/_jsx(FcrIcon, {
+        className: "meeting-network-state__state-info-icon",
+        type: FcrIconType.FCR_SETTING,
+        size: 24,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+        }
+      }), /*#__PURE__*/_jsx("div", {
+        className: "meeting-network-state__state-info-text",
+        children: t('fmt_networkstatus_window_moreData')
+      })]
+    })]
+  });
+});

package/lib-es/modules/state-bar/meeting-time.js

@@ -0,0 +1,25 @@
+import { observer } from 'mobx-react';
+import { FcrIcon } from 'agora-ui-foundation/lib/components/icon';
+import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
+import { useNamespace } from 'agora-ui-foundation/lib/utilities/use-namespace';
+import './index.css';
+import classnames from 'classnames';
+import { useContext } from 'react';
+import { StoreContext } from './main-scene/store.base';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var MeetingTime = observer(function () {
+  var ns = useNamespace('meeting-time');
+  var _useContext = useContext(StoreContext),
+    meetingTime = _useContext.meetingTime,
+    meetingTimeStatus = _useContext.meetingTimeStatus;
+  return /*#__PURE__*/_jsxs("div", {
+    className: classnames(ns.b(), ns.m(meetingTimeStatus)),
+    children: [/*#__PURE__*/_jsx(FcrIcon, {
+      type: FcrIconType.FCR_CLOCK,
+      className: ns.e('icon'),
+      size: 22
+    }), /*#__PURE__*/_jsx("div", {
+      children: meetingTime
+    })]
+  });
+});

package/lib-es/modules/state-bar/network-quality.js

@@ -0,0 +1,26 @@
+import { observer } from 'mobx-react';
+import { useNamespace } from 'agora-ui-foundation/lib/utilities/use-namespace';
+import { FcrIcon } from 'agora-ui-foundation/lib/components/icon';
+import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
+import { useContext } from 'react';
+import { StoreContext } from './main-scene/store.base';
+import './index.css';
+import { jsx as _jsx } from "react/jsx-runtime";
+var qualityImgMap = {
+  poor: FcrIconType.FCR_V2_SIGNAL_BAD,
+  average: FcrIconType.FCR_V2_SIGNAL_NORMAL,
+  excellent: FcrIconType.FCR_V2_SIGNAL_GOOD,
+  unknown: FcrIconType.FCR_V2_SIGNAL_GOOD
+};
+export var NetworkQuality = observer(function () {
+  var ns = useNamespace('network-quality');
+  var _useContext = useContext(StoreContext),
+    networkStatus = _useContext.networkStatus;
+  return /*#__PURE__*/_jsx("div", {
+    className: ns.b(),
+    children: /*#__PURE__*/_jsx(FcrIcon, {
+      type: qualityImgMap[networkStatus],
+      size: 20
+    })
+  });
+});

package/lib-es/modules/state-bar/recording.js

@@ -0,0 +1,103 @@
+import classNames from 'classnames';
+import { observer } from 'mobx-react';
+import { useContext } from 'react';
+import { FcrRecordingState } from 'fcr-core/lib/type';
+import { FcrIcon } from 'agora-ui-foundation/lib/components/icon';
+import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
+import { FcrToolTip } from 'agora-ui-foundation/lib/components/tooltip';
+import { useI18n } from 'agora-ui-foundation/lib/i18n';
+import { useNamespace } from 'agora-ui-foundation/lib/utilities/use-namespace';
+import { StopCloudRecording } from '../action-bar/components/record/stop-record-dialog';
+import { StoreContext } from './main-scene/store.base';
+import { GALLERY_MIN_SIZE } from '../../utilities/constant';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var colors = {
+  iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+};
+var redColors = {
+  iconPrimary: 'var(--fcr_ui_scene_ramp_red6)'
+};
+export var Recording = observer(function () {
+  var t = useI18n();
+  var _useContext = useContext(StoreContext),
+    hasStartCloudRecordingPermission = _useContext.hasStartCloudRecordingPermission,
+    cloudRecordingState = _useContext.cloudRecordingState,
+    pauseCloudRecording = _useContext.pauseCloudRecording,
+    resumeCloudRecording = _useContext.resumeCloudRecording,
+    stopCloudRecording = _useContext.stopCloudRecording,
+    galleryWidth = _useContext.galleryWidth;
+  var ns = useNamespace('state-bar');
+  var isStarting = cloudRecordingState === FcrRecordingState.Starting;
+  var isPaused = cloudRecordingState === FcrRecordingState.Paused;
+  var tag = hasStartCloudRecordingPermission ? /*#__PURE__*/_jsxs("div", {
+    className: classNames(ns.e('record-tag'), {
+      'recording-starting': isStarting,
+      'recording-paused': isPaused,
+      'recording-min': galleryWidth < GALLERY_MIN_SIZE
+    }),
+    children: [/*#__PURE__*/_jsx(FcrIcon, {
+      type: FcrIconType.FCR_CLOUDRECORD,
+      colors: {
+        iconPrimary: galleryWidth < GALLERY_MIN_SIZE ? '' : redColors.iconPrimary
+      }
+    }), galleryWidth >= GALLERY_MIN_SIZE && /*#__PURE__*/_jsx("span", {
+      className: ns.e('record-text'),
+      children: isPaused ? t('fmt_record_tips_recordingpaused') : isStarting ? t('fmt_record_tips_Cloudrecording_Start') : t('fmt_record_tips_Cloudrecording')
+    })]
+  }) : /*#__PURE__*/_jsxs("div", {
+    className: ns.e('record-tag'),
+    children: [/*#__PURE__*/_jsx(FcrIcon, {
+      type: FcrIconType.FCR_CLOUDRECORD,
+      colors: redColors
+    }), galleryWidth >= GALLERY_MIN_SIZE && /*#__PURE__*/_jsx("span", {
+      className: ns.e('record-text'),
+      children: "REC"
+    })]
+  });
+  var buttons = hasStartCloudRecordingPermission ? /*#__PURE__*/_jsxs("div", {
+    className: ns.e('record-buttons' + (isPaused ? ' recording-paused' : '')),
+    children: [/*#__PURE__*/_jsx("span", {
+      className: ns.e('record-split')
+    }), /*#__PURE__*/_jsx(FcrToolTip, {
+      content: isPaused ? t('fmt_record_button_Cloudrecording_restore') : t('fmt_record_button_pauserecording'),
+      children: /*#__PURE__*/_jsx("button", {
+        className: ns.e('record-btn'),
+        onClick: isPaused ? resumeCloudRecording : pauseCloudRecording,
+        children: isPaused ? /*#__PURE__*/_jsx(FcrIcon, {
+          size: 22,
+          type: FcrIconType.FCR_RECORDING_PLAY,
+          colors: colors
+        }) : /*#__PURE__*/_jsx(FcrIcon, {
+          size: 22,
+          type: FcrIconType.FCR_STOP,
+          colors: colors
+        })
+      })
+    }), /*#__PURE__*/_jsx("span", {
+      className: ns.e('record-split')
+    }), /*#__PURE__*/_jsx(StopCloudRecording, {
+      stopCloudRecording: stopCloudRecording,
+      children: /*#__PURE__*/_jsx(FcrToolTip, {
+        content: t('fmt_record_button_Cloudrecording_stop'),
+        children: /*#__PURE__*/_jsx("button", {
+          className: ns.e('record-btn'),
+          children: /*#__PURE__*/_jsx(FcrIcon, {
+            size: 22,
+            type: FcrIconType.FCR_RECORDING_END,
+            colors: colors
+          })
+        })
+      })
+    })]
+  }) : null;
+  if (!hasStartCloudRecordingPermission && (isPaused || isStarting)) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    className: ns.e('record'),
+    children: [/*#__PURE__*/_jsx(FcrToolTip, {
+      content: isPaused ? t('fmt_statusbar_label_cloudrecordingpaused') : isStarting ? t('fmt_record_tips_Cloudrecording_Start') : t('fmt_record_tips_Cloudrecording_inprogress'),
+      children: tag
+    }), galleryWidth >= GALLERY_MIN_SIZE && buttons]
+  });
+});

package/lib-es/modules/state-bar/store.base.electron.js

@@ -0,0 +1,108 @@
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.symbol.to-primitive.js";
+import "core-js/modules/es.error.cause.js";
+import "core-js/modules/es.error.to-string.js";
+import "core-js/modules/es.array.is-array.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.date.to-primitive.js";
+import "core-js/modules/es.function.bind.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.map.js";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.object.create.js";
+import "core-js/modules/es.object.define-property.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/esnext.function.metadata.js";
+import "core-js/modules/esnext.map.delete-all.js";
+import "core-js/modules/esnext.map.emplace.js";
+import "core-js/modules/esnext.map.every.js";
+import "core-js/modules/esnext.map.filter.js";
+import "core-js/modules/esnext.map.find.js";
+import "core-js/modules/esnext.map.find-key.js";
+import "core-js/modules/esnext.map.includes.js";
+import "core-js/modules/esnext.map.key-of.js";
+import "core-js/modules/esnext.map.map-keys.js";
+import "core-js/modules/esnext.map.map-values.js";
+import "core-js/modules/esnext.map.merge.js";
+import "core-js/modules/esnext.map.reduce.js";
+import "core-js/modules/esnext.map.some.js";
+import "core-js/modules/esnext.map.update.js";
+import "core-js/modules/esnext.symbol.metadata.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import _typeof from "@babel/runtime/helpers/typeof";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _StateBarElectronStoreBase;
+var _initProto;
+function _applyDecs(e, t, r, n, o, a) { function i(e, t, r) { return function (n, o) { return r && r(n), e[t].call(n, o); }; } function c(e, t) { for (var r = 0; r < e.length; r++) e[r].call(t); return t; } function s(e, t, r, n) { if ("function" != typeof e && (n || void 0 !== e)) throw new TypeError(t + " must " + (r || "be") + " a function" + (n ? "" : " or undefined")); return e; } function applyDec(e, t, r, n, o, a, c, u, l, f, p, d, h) { function m(e) { if (!h(e)) throw new TypeError("Attempted to access private element on non-instance"); } var y, v = t[0], g = t[3], b = !u; if (!b) { r || Array.isArray(v) || (v = [v]); var w = {}, S = [], A = 3 === o ? "get" : 4 === o || d ? "set" : "value"; f ? (p || d ? w = { get: _setFunctionName(function () { return g(this); }, n, "get"), set: function set(e) { t[4](this, e); } } : w[A] = g, p || _setFunctionName(w[A], n, 2 === o ? "" : A)) : p || (w = Object.getOwnPropertyDescriptor(e, n)); } for (var P = e, j = v.length - 1; j >= 0; j -= r ? 2 : 1) { var D = v[j], E = r ? v[j - 1] : void 0, I = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][o], name: n, metadata: a, addInitializer: function (e, t) { if (e.v) throw Error("attempted to call addInitializer after decoration was finished"); s(t, "An initializer", "be", !0), c.push(t); }.bind(null, I) }; try { if (b) (y = s(D.call(E, P, O), "class decorators", "return")) && (P = y);else { var k, F; O["static"] = l, O["private"] = f, f ? 2 === o ? k = function k(e) { return m(e), w.value; } : (o < 4 && (k = i(w, "get", m)), 3 !== o && (F = i(w, "set", m))) : (k = function k(e) { return e[n]; }, (o < 2 || 4 === o) && (F = function F(e, t) { e[n] = t; })); var N = O.access = { has: f ? h.bind() : function (e) { return n in e; } }; if (k && (N.get = k), F && (N.set = F), P = D.call(E, d ? { get: w.get, set: w.set } : w[A], O), d) { if ("object" == _typeof(P) && P) (y = s(P.get, "accessor.get")) && (w.get = y), (y = s(P.set, "accessor.set")) && (w.set = y), (y = s(P.init, "accessor.init")) && S.push(y);else if (void 0 !== P) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); } else s(P, (p ? "field" : "method") + " decorators", "return") && (p ? S.push(P) : w[A] = P); } } finally { I.v = !0; } } return (p || d) && u.push(function (e, t) { for (var r = S.length - 1; r >= 0; r--) t = S[r].call(e, t); return t; }), p || b || (f ? d ? u.push(i(w, "get"), i(w, "set")) : u.push(2 === o ? w[A] : i.call.bind(w[A])) : Object.defineProperty(e, n, w)), P; } function u(e, t) { return Object.defineProperty(e, Symbol.metadata || Symbol["for"]("Symbol.metadata"), { configurable: !0, enumerable: !0, value: t }); } if (arguments.length >= 6) var l = a[Symbol.metadata || Symbol["for"]("Symbol.metadata")]; var f = Object.create(null == l ? null : l), p = function (e, t, r, n) { var o, a, i = [], s = function s(t) { return _checkInRHS(t) === e; }, u = new Map(); function l(e) { e && i.push(c.bind(null, e)); } for (var f = 0; f < t.length; f++) { var p = t[f]; if (Array.isArray(p)) { var d = p[1], h = p[2], m = p.length > 3, y = 16 & d, v = !!(8 & d), g = 0 == (d &= 7), b = h + "/" + v; if (!g && !m) { var w = u.get(b); if (!0 === w || 3 === w && 4 !== d || 4 === w && 3 !== d) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h); u.set(b, !(d > 2) || d); } applyDec(v ? e : e.prototype, p, y, m ? "#" + h : _toPropertyKey(h), d, n, v ? a = a || [] : o = o || [], i, v, m, g, 1 === d, v && m ? s : r); } } return l(o), l(a), i; }(e, t, o, f); return r.length || u(e, f), { e: p, get c() { var t = []; return r.length && [u(applyDec(e, [r], n, e.name, 5, f, t), f), c.bind(null, t, e)]; } }; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
+function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
+import { FcrUIObjectKeys } from '../../object-manager';
+import { bound } from 'agora-foundation/lib/decorator';
+import { FcrUIRendererEventAction } from '../../utilities/constant';
+var StateBarElectronStoreBase = /*#__PURE__*/function () {
+  function StateBarElectronStoreBase(args, logger) {
+    var _this = this;
+    _classCallCheck(this, StateBarElectronStoreBase);
+    _defineProperty(this, "logger", void _initProto(this));
+    _defineProperty(this, "_handleFullScreenChangeListener", null);
+    _defineProperty(this, "_handleWrapper", function (event) {
+      var action = event.action;
+      if (action === FcrUIRendererEventAction.ENTER_FULL_SCREEN || action === FcrUIRendererEventAction.LEAVE_FULL_SCREEN) {
+        if (!_this._handleFullScreenChangeListener) {
+          _this.logger.error('Full screen change listener is null');
+          return;
+        }
+        _this._handleFullScreenChangeListener();
+      }
+    });
+    this.logger = logger;
+    this._renderer = args.objectManager.getObject(FcrUIObjectKeys.RENDERER_WRAPPER);
+    var windowProvider = args.objectManager.getObject(FcrUIObjectKeys.P_WINDOW_PROVIDER);
+    this._mainWindow = windowProvider.getCurrentWindow();
+  }
+  return _createClass(StateBarElectronStoreBase, [{
+    key: "getIsFullScreen",
+    value: function getIsFullScreen() {
+      return this._mainWindow.isFullScreen();
+    }
+  }, {
+    key: "enterFullScreen",
+    value: function enterFullScreen() {
+      if (!this._mainWindow.isFullScreen()) {
+        this._mainWindow.setFullScreen(true);
+      }
+    }
+  }, {
+    key: "exitFullScreen",
+    value: function exitFullScreen() {
+      if (this._mainWindow.isFullScreen()) {
+        this._mainWindow.setFullScreen(false);
+      }
+    }
+  }, {
+    key: "addFullScreenChangeEventListener",
+    value: function addFullScreenChangeEventListener(handle) {
+      this._handleFullScreenChangeListener = handle;
+      this._renderer.addEventListener(this._handleWrapper);
+    }
+  }, {
+    key: "removeFullScreenChangeEventListener",
+    value: function removeFullScreenChangeEventListener(handle) {
+      this._renderer.removeEventListener(this._handleWrapper);
+      this._handleFullScreenChangeListener = null;
+    }
+  }]);
+}();
+_StateBarElectronStoreBase = StateBarElectronStoreBase;
+var _applyDecs$e = _slicedToArray(_applyDecs(_StateBarElectronStoreBase, [[bound, 2, "getIsFullScreen"], [bound, 2, "enterFullScreen"], [bound, 2, "exitFullScreen"], [bound, 2, "addFullScreenChangeEventListener"], [bound, 2, "removeFullScreenChangeEventListener"]], []).e, 1);
+_initProto = _applyDecs$e[0];
+export { StateBarElectronStoreBase as default };