fcr-ui-scene 3.7.2 → 3.7.4-rc.1

package/lib/modules/components/control-bar/index.css

@@ -0,0 +1,87 @@
+.fcr-whiteboard-controlbar {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.fcr-whiteboard-controlbar-header {
+  width: 100%;
+  height: 28px;
+  border-bottom: 1px solid var(--fcr_ui_scene_line1);
+  border-top: 1px solid var(--fcr_ui_scene_line1);
+  background: var(--fcr_mobile_ui_scene_color_popup_block3);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 12px;
+  position: sticky;
+  top: 0;
+  z-index: 100;
+}
+.fcr-whiteboard-controlbar-body {
+  width: 100%;
+  height: calc(100vh - 28px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 28px;
+  bottom: 0;
+  overflow: hidden;
+  background-color: #e5e7eb;
+}
+.fcr-whiteboard-controlbar-body-content {
+  transition: all 0.3s ease-in-out;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.fcr-whiteboard-controlbar-body-values {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 100;
+  font-size: 12px;
+}
+.fcr-whiteboard-controlbar-left {
+  flex: 1;
+  justify-content: flex-end;
+  align-items: center;
+  display: flex;
+  font-weight: 400;
+  color: var(--fcr_ui_scene_icontext1);
+  font-size: 12px;
+}
+.fcr-whiteboard-controlbar-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 12px;
+  height: 20px;
+}
+.fcr-whiteboard-controlbar-center .fcr-whiteboard-controlbar-item:hover svg path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}
+.fcr-whiteboard-controlbar-center .divider-vertical {
+  height: 50%;
+}
+.fcr-whiteboard-controlbar-right {
+  flex: 1;
+}
+.fcr-whiteboard-controlbar-right .fcr-button-XXS {
+  height: 20px;
+  padding: 0 5px;
+}
+.fcr-whiteboard-controlbar-item {
+  width: 20px;
+  height: 20px;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.fcr-whiteboard-controlbar-item:hover {
+  background: var(--fcr_ui_scene_ramp_brand0);
+}

package/lib/modules/components/control-bar/index.d.ts

@@ -0,0 +1,20 @@
+import { PropsWithChildren } from 'react';
+import { FcrUserInfo } from 'fcr-core/lib/type';
+import { WhiteboardThemeType } from '../../whiteboard/type';
+import './index.css';
+export declare const WhiteboardControlbar: (props: PropsWithChildren<{
+    onClose: () => void;
+    onEnable: (enable: boolean) => void;
+    setTheme?: (theme: WhiteboardThemeType) => void;
+    ownerUser: Pick<FcrUserInfo, "userId" | "userName">;
+    currentUser: FcrUserInfo;
+    canWriteBoard: boolean;
+    controlEnabled: boolean;
+    isHost: boolean;
+    currentTheme: WhiteboardThemeType;
+    sharingType: "whiteboard" | "annotation";
+    onZoomIn?: () => void;
+    onZoomOut?: () => void;
+    onAdaptive?: () => void;
+    onOrigin?: () => void;
+}>) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/components/control-bar/index.js

@@ -0,0 +1,276 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WhiteboardControlbar = void 0;
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.object.values.js");
+require("core-js/modules/es.string.includes.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _switchTheme = _interopRequireDefault(require("./components/switch-theme"));
+var _react = require("react");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _button = require("agora-ui-foundation/lib/components/button");
+var _divider = _interopRequireDefault(require("agora-ui-foundation/lib/components/divider"));
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _type2 = require("../../whiteboard/type");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var initWidth = 1920;
+var initHeight = 1220;
+var WhiteboardControlbar = exports.WhiteboardControlbar = function WhiteboardControlbar(props) {
+  var transI18n = (0, _i18n.useI18n)();
+  var onClose = props.onClose,
+    onEnable = props.onEnable,
+    setTheme = props.setTheme,
+    ownerUser = props.ownerUser,
+    currentUser = props.currentUser,
+    canWriteBoard = props.canWriteBoard,
+    controlEnabled = props.controlEnabled,
+    isHost = props.isHost,
+    children = props.children,
+    currentTheme = props.currentTheme,
+    sharingType = props.sharingType,
+    onZoomIn = props.onZoomIn,
+    onZoomOut = props.onZoomOut,
+    onAdaptive = props.onAdaptive,
+    onOrigin = props.onOrigin;
+  var boardRef = (0, _react.useRef)(undefined);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isMinimum = _useState4[0],
+    setIsMinimum = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    isMaxmum = _useState6[0],
+    setIsMaxmum = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    isAdaptived = _useState8[0],
+    setIsAdaptived = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+    isOriginal = _useState0[0],
+    setIsOriginal = _useState0[1];
+  var _useState1 = (0, _react.useState)(false),
+    _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
+    showSwitchTheme = _useState10[0],
+    setShowSwitchTheme = _useState10[1];
+  var _useState11 = (0, _react.useState)(1),
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    scaleValue = _useState12[0],
+    setScaleValue = _useState12[1];
+  var _useState13 = (0, _react.useState)(0),
+    _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
+    contianHeight = _useState14[0],
+    setContianHeight = _useState14[1];
+  (0, _react.useEffect)(function () {
+    return function () {
+      return setLoading(false);
+    };
+  }, []);
+  var handleBoardRef = function handleBoardRef(ref) {
+    var _boardRef$current;
+    boardRef.current = ref;
+    var height = ((_boardRef$current = boardRef.current) === null || _boardRef$current === void 0 ? void 0 : _boardRef$current.clientHeight) || 0;
+    setContianHeight(height);
+  };
+  var isMeOwner = (ownerUser === null || ownerUser === void 0 ? void 0 : ownerUser.userId) === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId);
+  function setCanvasBound(oprate) {
+    if (!Object.values(_type2.WhiteboardControlbarEvents).includes(oprate) || oprate === _type2.WhiteboardControlbarEvents.ENABLE_CONTROL) {
+      return;
+    }
+    setIsMinimum(false);
+    setIsMaxmum(false);
+    setIsAdaptived(false);
+    setIsOriginal(false);
+    var step = 3;
+    if (oprate === _type2.WhiteboardControlbarEvents.ZOOMIN) {
+      if (onZoomIn) return onZoomIn();
+      if (scaleValue < step) {
+        setIsMaxmum(false);
+        setScaleValue(scaleValue + 1);
+      } else {
+        setIsMaxmum(true);
+      }
+    }
+    if (oprate === _type2.WhiteboardControlbarEvents.ZOOMOUT) {
+      if (onZoomOut) return onZoomOut();
+      if (scaleValue > 1) {
+        setScaleValue(scaleValue - 1);
+      } else {
+        setIsMinimum(true);
+      }
+    }
+    if (oprate === _type2.WhiteboardControlbarEvents.ORIGIN) {
+      if (onOrigin) return onOrigin();
+      setIsOriginal(true);
+      setScaleValue(1);
+    }
+    if (oprate === _type2.WhiteboardControlbarEvents.ADAPTIVE) {
+      if (onAdaptive) return onAdaptive();
+      setIsAdaptived(true);
+      setScaleValue(2);
+    }
+  }
+  var width = (0, _react.useMemo)(function () {
+    return initWidth * (contianHeight / initHeight) * scaleValue;
+  }, [contianHeight, scaleValue]);
+  var height = (0, _react.useMemo)(function () {
+    return initHeight * (contianHeight / initHeight) * scaleValue;
+  }, [contianHeight, scaleValue]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "fcr-whiteboard-controlbar",
+    id: "fcr-whiteboard-controlbar",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-whiteboard-controlbar-header",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-whiteboard-controlbar-left",
+        children: transI18n('fmt_screenshare_whiteboard_tips_someonesharing', {
+          reason1: isMeOwner ? transI18n('fmt_settings_labels_you') : (ownerUser === null || ownerUser === void 0 ? void 0 : ownerUser.userName) || ''
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-whiteboard-controlbar-center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+          content: isMinimum ? transI18n('fmt_screenshare_whiteboard_tips_alreadyminumumsize') : transI18n('fmt_screenshare_whiteboard_button_narrow'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "fcr-whiteboard-controlbar-item",
+            onClick: function onClick() {
+              return setCanvasBound(_type2.WhiteboardControlbarEvents.ZOOMOUT);
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+              type: _type.FcrIconType.FCR_ZOOMIN,
+              size: 22,
+              colors: {
+                iconPrimary: isMinimum ? 'gray' : 'var(--fcr_ui_scene_icontext1)'
+              }
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+          content: isMaxmum ? transI18n('fmt_screenshare_whiteboard_tips_alreadymaximumsize') : transI18n('fmt_screenshare_whiteboard_button_enlarge'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "fcr-whiteboard-controlbar-item",
+            onClick: function onClick() {
+              return setCanvasBound(_type2.WhiteboardControlbarEvents.ZOOMIN);
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+              type: _type.FcrIconType.FCR_ZOOMOUT,
+              size: 22,
+              colors: {
+                iconPrimary: isMaxmum ? 'gray' : 'var(--fcr_ui_scene_icontext1)'
+              }
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+          content: isAdaptived ? transI18n('fmt_screenshare_whiteboard_tips_alreadyadaptionsize') : transI18n('fmt_screenshare_lables_adaptionlsize'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "fcr-whiteboard-controlbar-item",
+            onClick: function onClick() {
+              return setCanvasBound(_type2.WhiteboardControlbarEvents.ADAPTIVE);
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+              type: _type.FcrIconType.FCR_FULLCOVERAGE,
+              size: 22,
+              colors: {
+                iconPrimary: isAdaptived ? 'gray' : 'var(--fcr_ui_scene_icontext1)'
+              }
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+          content: isOriginal ? transI18n('fmt_screenshare_tips_alreadyoriginalsize') : transI18n('fmt_screenshare_lables_originalsize'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "fcr-whiteboard-controlbar-item",
+            onClick: function onClick() {
+              return setCanvasBound(_type2.WhiteboardControlbarEvents.ORIGIN);
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+              type: _type.FcrIconType.FCR_EQUALRATIO,
+              size: 22,
+              colors: {
+                iconPrimary: isOriginal ? 'gray' : 'var(--fcr_ui_scene_icontext1)'
+              }
+            })
+          })
+        }), (canWriteBoard || isMeOwner || isHost) && setTheme && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_divider["default"], {
+            type: "vertical"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "fcr-whiteboard-controlbar-item",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switchTheme["default"], {
+              whiteboardVisible: showSwitchTheme,
+              setWhiteboardVisible: function setWhiteboardVisible() {
+                return setShowSwitchTheme(!showSwitchTheme);
+              },
+              currentThemeType: currentTheme,
+              setTheme: setTheme
+            })
+          })]
+        })]
+      }), !controlEnabled && !isMeOwner && !isHost && /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+        content: canWriteBoard ? transI18n('fmt_screenshare_options_enableedit') : transI18n('fmt_screenshare_tips_unenabled'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-whiteboard-controlbar-item",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            type: _type.FcrIconType.FCR_WHITEBOARD2,
+            size: 22,
+            colors: {
+              iconPrimary: canWriteBoard ? 'var(--fcr_ui_scene_icontext1)' : 'gray'
+            },
+            onClick: function onClick() {
+              return canWriteBoard ? onEnable(true) : null;
+            }
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-whiteboard-controlbar-right",
+        children: [isMeOwner && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+          loading: loading,
+          size: "XXS",
+          styleType: "danger",
+          shape: "rounded",
+          onClick: function onClick() {
+            onClose();
+            setLoading(true);
+          },
+          children: transI18n('fmt_screenshare_controlbar_button_stop')
+        }), controlEnabled && !isMeOwner && canWriteBoard && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+          loading: loading,
+          size: "XXS",
+          styleType: "normal",
+          shape: "rounded",
+          onClick: function onClick() {
+            return onEnable(false);
+          },
+          children: transI18n('fmt_screenshare_whiteboard_button_exitdrawing')
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fcr-whiteboard-controlbar-body",
+      ref: handleBoardRef,
+      style: {
+        backgroundColor: sharingType === 'annotation' ? 'transparent' : '#e5e7eb'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-whiteboard-controlbar-body-content",
+        style: {
+          width: "".concat(width, "px"),
+          height: "".concat(height, "px"),
+          position: 'absolute',
+          left: "-".concat(width / 2, "px"),
+          marginLeft: '50%',
+          top: "-".concat((height - contianHeight) / 2, "px")
+        },
+        children: children
+      })
+    })]
+  });
+};

package/lib/modules/components/device-control/store.js

@@ -54,7 +54,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _fcrCore = require("fcr-core");
 var _mobx = require("mobx");
-var _type = require("agora-rte-sdk/lib/core/scene/type");
+var _type = require("fcr-core/lib/type");
 var _decorator = require("agora-foundation/lib/decorator");
 var _constant = require("../../../utilities/constant");
 var _DeviceControlStore;
@@ -228,7 +228,7 @@ var DeviceControlStore = exports.DeviceControlStore = /*#__PURE__*/function () {
       var hasPstnStream = !!pstnStream;
       this.isPstnUser = hasPstnStream;
       if (hasPstnStream) {
-        this.phoneMicEnabled = pstnStream.streamType === _type.AgoraRteMediaStreamType.BOTH || pstnStream.audioSourceState === _fcrCore.FcrMediaSourceState.OPEN;
+        this.phoneMicEnabled = pstnStream.streamType === _type.FcrStreamType.BOTH || pstnStream.audioSourceState === _fcrCore.FcrMediaSourceState.OPEN;
       }
     }
   }]);

package/lib/modules/components/leave-meeting/components/index.css

@@ -114,15 +114,6 @@
   color: var(--fcr_ui_scene_icontext3);
   cursor: not-allowed;
 }
-.fcr-action-bar--leave-meeting-portal {
-  width: 280px;
-  position: absolute;
-  top: 2px;
-  z-index: 999;
-  background-color: var(--fcr_ui_scene_white10);
-  border-radius: var(--fcr_cornerradius_l);
-  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
-}
 
 .fcr-assign-host-close {
   border-radius: var(--fcr_cornerradius_round);

package/lib/modules/components/leave-meeting/index.d.ts

@@ -1,4 +1,5 @@
 export declare const LeaveMeeting: (props: {
-    setPopoverOpened: React.Dispatch<React.SetStateAction<boolean>>;
+    setPopoverOpened?: React.Dispatch<React.SetStateAction<boolean>>;
     onAssigned?: () => void;
+    onLeave?: () => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/components/leave-meeting/index.js

@@ -18,8 +18,9 @@ var _button = require("agora-ui-foundation/lib/components/button");
 var _jsxRuntime = require("react/jsx-runtime");
 var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (props) {
   var t = (0, _i18n.useI18n)();
-  var setPopoverOpened = props.setPopoverOpened,
-    onAssigned = props.onAssigned;
+  var _setPopoverOpened = props.setPopoverOpened,
+    onAssigned = props.onAssigned,
+    onLeave = props.onLeave;
   var _useContext = (0, _react.useContext)(_store.LeaveMeetingStoreContext),
     canAssign = _useContext.canAssign,
     keepConnect = _useContext.keepConnect,
@@ -39,7 +40,7 @@ var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (pro
 
   // 结束会议
   var handleEnd = function handleEnd() {
-    setPopoverOpened(false);
+    _setPopoverOpened === null || _setPopoverOpened === void 0 || _setPopoverOpened(false);
     showEndConfirmDialog();
   };
 
@@ -49,15 +50,17 @@ var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (pro
       setCanAssign(true);
     } else {
       leave();
-      setPopoverOpened(false);
+      _setPopoverOpened === null || _setPopoverOpened === void 0 || _setPopoverOpened(false);
+      onLeave === null || onLeave === void 0 || onLeave();
     }
   };
   var handleConfirm = function handleConfirm() {
-    setPopoverOpened(false);
+    _setPopoverOpened === null || _setPopoverOpened === void 0 || _setPopoverOpened(false);
     leave();
+    onLeave === null || onLeave === void 0 || onLeave();
   };
   var handleCancel = function handleCancel() {
-    setPopoverOpened(false);
+    _setPopoverOpened === null || _setPopoverOpened === void 0 || _setPopoverOpened(false);
   };
   (0, _react.useEffect)(function () {
     return setCanAssign(false);
@@ -69,7 +72,9 @@ var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (pro
         (_window$runtime = window.runtime) === null || _window$runtime === void 0 || (_window$runtime = _window$runtime.browserWindow) === null || _window$runtime === void 0 || _window$runtime.setIgnoreMouseEvents(false);
       },
       children: canAssign ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_assignHost2.AssignHost, {
-        setPopoverOpened: setPopoverOpened,
+        setPopoverOpened: function setPopoverOpened() {
+          return _setPopoverOpened === null || _setPopoverOpened === void 0 ? void 0 : _setPopoverOpened(false);
+        },
         setCanAssign: setCanAssign,
         remoteUsers: hostAvailibleRemoteUsers,
         assignHost: function assignHost(user) {
@@ -102,7 +107,10 @@ var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (pro
           children: t('fmt_popup_button_endmeeting')
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "leave-cancel",
-          onClick: handleLeave,
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            handleLeave();
+          },
           children: t('fmt_popup_button_leavemeeting')
         })]
       })
@@ -115,6 +123,9 @@ var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (pro
         var _window$runtime2;
         (_window$runtime2 = window.runtime) === null || _window$runtime2 === void 0 || (_window$runtime2 = _window$runtime2.browserWindow) === null || _window$runtime2 === void 0 || _window$runtime2.setIgnoreMouseEvents(false);
       },
+      onBlur: function onBlur() {
+        _setPopoverOpened === null || _setPopoverOpened === void 0 || _setPopoverOpened(false);
+      },
       children: [isLocked ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "assistant-leave-lock-info",

package/lib/modules/components/leave-meeting/portal.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import './style.css';
+export declare const LeaveMeetingPortal: (props: PropsWithChildren<{
+    setPopoverOpened?: React.Dispatch<React.SetStateAction<boolean>>;
+    onLeave?: () => void;
+}>) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/components/leave-meeting/portal.js

@@ -0,0 +1,29 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LeaveMeetingPortal = void 0;
+var _ = require(".");
+var _platform = require("../../../utilities/platform");
+require("./style.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var LeaveMeetingPortal = exports.LeaveMeetingPortal = function LeaveMeetingPortal(props) {
+  var setPopoverOpened = props.setPopoverOpened,
+    children = props.children,
+    onLeave = props.onLeave;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fcr-action-bar--leave-meeting-portal",
+    id: "fcr-action-bar--leave-meeting-portal",
+    style: (0, _platform.isWindows)() ? {
+      right: '10px'
+    } : {
+      left: '10px'
+    },
+    children: children || /*#__PURE__*/(0, _jsxRuntime.jsx)(_.LeaveMeeting, {
+      setPopoverOpened: setPopoverOpened,
+      onLeave: onLeave
+    })
+  });
+};

package/lib/modules/components/leave-meeting/style.css

@@ -0,0 +1,9 @@
+.fcr-action-bar--leave-meeting-portal {
+  width: 280px;
+  position: absolute;
+  top: 2px;
+  z-index: 999;
+  background-color: var(--fcr_ui_scene_white10);
+  border-radius: var(--fcr_cornerradius_l);
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
+}

package/lib/modules/components/member-window/components/member-actions/components/more-actions.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
+import { FcrPrivilegeUserRole, FcrUserRole } from 'fcr-core';
 export interface ActionsTopProps {
-    isShowActionAudio: boolean;
-    actionAudioTag: string;
     hasPinnedStream: boolean;
     allowedOperations: string[];
     hideAudioConnectIcon: boolean;
+    isLocalCameraInSecondaryWindow: boolean;
+    hasMutePermission: (targetRole: FcrUserRole | FcrPrivilegeUserRole) => boolean;
+    hasUnmutePermission: (targetRole: FcrUserRole | FcrPrivilegeUserRole) => boolean;
+    hasRequestStartAudioPermission: (targetRole: FcrUserRole | FcrPrivilegeUserRole) => boolean;
 }
 export declare const MoreActions: React.FC<ActionsTopProps>;

package/lib/modules/components/member-window/components/member-actions/components/more-actions.js

@@ -25,34 +25,43 @@ var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _participantsMore = require("agora-ui-foundation/lib/components/participants/participants-more");
 var _fcrCore = require("fcr-core");
 var _provider = require("../provider");
-var _type2 = require("fcr-core/lib/type");
 var _mobxReact = require("mobx-react");
+var _muteAction = require("../../../../../../utilities/mute-action");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var EMPTY_HIDE_ACTIONS = [];
 var MoreActions = exports.MoreActions = (0, _mobxReact.observer)(function (_ref) {
-  var isShowActionAudio = _ref.isShowActionAudio,
-    actionAudioTag = _ref.actionAudioTag,
-    hasPinnedStream = _ref.hasPinnedStream,
-    allowedOperations = _ref.allowedOperations;
+  var hasPinnedStream = _ref.hasPinnedStream,
+    allowedOperations = _ref.allowedOperations,
+    isLocalCameraInSecondaryWindow = _ref.isLocalCameraInSecondaryWindow,
+    hasMutePermission = _ref.hasMutePermission,
+    hasUnmutePermission = _ref.hasUnmutePermission,
+    hasRequestStartAudioPermission = _ref.hasRequestStartAudioPermission;
   var t = (0, _i18n.useI18n)();
   var store = (0, _provider.useMemberWindowActionsStore)();
-  var isMeeting = store.isMeeting;
+  var isMeeting = store.isMeeting,
+    hasMicrophoneAudioStream = store.hasMicrophoneAudioStream;
   var _ref2 = store.windowData || {},
     userId = _ref2.userId,
     userName = _ref2.userName,
     ownerRoleType = _ref2.ownerRoleType,
     isMySelf = _ref2.isMySelf,
     hasVideoStream = _ref2.hasVideoStream,
-    hasMicrophoneAudioStream = _ref2.hasMicrophoneAudioStream,
     isPin = _ref2.isPin,
     audioStreamConnectorType = _ref2.audioStreamConnectorType,
     videoStreamConnectorType = _ref2.videoStreamConnectorType,
     phoneMicEnabled = _ref2.phoneMicEnabled;
+  var targetRole = isMySelf ? _fcrCore.FcrPrivilegeUserRole.SELF : ownerRoleType;
+  var muteAudioPermission = hasMutePermission(targetRole);
+  var startAudioPermission = hasUnmutePermission(targetRole);
+  var requestStartAudioPermission = hasRequestStartAudioPermission(ownerRoleType);
+  var _actionMute = (0, _muteAction.actionMute)(isMySelf, hasMicrophoneAudioStream, muteAudioPermission, startAudioPermission, requestStartAudioPermission),
+    isShowActionAudio = _actionMute.isShowActionAudio,
+    actionAudioTag = _actionMute.actionAudioTag;
   var connectorType = audioStreamConnectorType !== _fcrCore.FcrRoomConnectorType.NONE ? audioStreamConnectorType : videoStreamConnectorType;
   var isPhone = connectorType === _fcrCore.FcrRoomConnectorType.PSTN;
   var userType = audioStreamConnectorType === _fcrCore.FcrRoomConnectorType.PSTN && !hasVideoStream ? 'phone' : isMeeting ? 'meeting-system' : 'normal';
-  var isHost = ownerRoleType === _type2.FcrUserRole.HOST;
+  var isHost = ownerRoleType === _fcrCore.FcrUserRole.HOST;
   var audioDeviceType = isPhone ? 'phone-mic' : 'computer-mic';
   var userData = {
     userId: userId,
@@ -111,7 +120,8 @@ var MoreActions = exports.MoreActions = (0, _mobxReact.observer)(function (_ref)
           user: userData,
           onParticipantsButtonClick: onParticipantsButtonClick,
           hasPinnedStream: hasPinnedStream,
-          hideActions: EMPTY_HIDE_ACTIONS
+          hideActions: EMPTY_HIDE_ACTIONS,
+          isLocalCameraInSecondaryWindow: isLocalCameraInSecondaryWindow
         }),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
           className: "fcr-user-window-actions-more",

package/lib/modules/components/member-window/components/member-actions/components/share-status.js

@@ -18,25 +18,25 @@ var ShareStatus = exports.ShareStatus = function ShareStatus() {
   var windowData = store.windowData,
     hasSharing = store.hasSharing;
   if (windowData.type === _type.FcrUIWindowType.BOARD) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: t('fmt_share_label_shareboard', {
         reason1: ''
       })
     });
   }
   if (windowData.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: t('fmt_whiteboard_tips_share_nick', {
         reason1: ''
       })
     });
   }
   if (hasSharing && windowData.type === _type.FcrUIWindowType.VIDEO) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: windowData.hasBoardSharing ? t('fmt_screenshare_whiteboard_tips_someonesharing', {
         reason1: ''
       }) : t('fmt_screenshare_status_sharing')
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+  return null;
 };