fcr-ui-scene 3.4.5 → 3.5.0

package/lib/modules/invite/voip-invite.js

@@ -0,0 +1,293 @@
+"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.VoipInvite = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.string.trim.js");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _button = require("agora-ui-foundation/lib/components/button");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _actionPhone = require("agora-ui-foundation/lib/components/action-phone");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _input = require("agora-ui-foundation/lib/components/input");
+var _radio = require("agora-ui-foundation/lib/components/radio");
+var _select = require("agora-ui-foundation/lib/components/select");
+var _tabs = require("agora-ui-foundation/lib/components/tabs");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _store = require("./store");
+var _type2 = require("fcr-core/lib/room-control/room-connector-control/type");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var CallType = /*#__PURE__*/function (CallType) {
+  CallType["INCOMING"] = "incoming";
+  CallType["OUTGOING"] = "outgoing";
+  return CallType;
+}(CallType || {});
+var VoipType = /*#__PURE__*/function (VoipType) {
+  VoipType["H323"] = "h323";
+  VoipType["SIP"] = "sip";
+  return VoipType;
+}(VoipType || {});
+var ErrorTips = function ErrorTips(_ref) {
+  var isError = _ref.isError,
+    errorTip = _ref.errorTip;
+  var t = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "invite__invite-error-tips",
+    children: isError ? errorTip || t('fmt_PSTN_tips_unempty') : ''
+  });
+};
+var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
+  var _calledVoipInfo$state;
+  // 呼入/呼出
+  var _useState = (0, _react.useState)(CallType.OUTGOING),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    currentTab = _useState2[0],
+    setCurrentTab = _useState2[1];
+  var _useState3 = (0, _react.useState)(VoipType.H323),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    currentVoipType = _useState4[0],
+    setCurrentVoipType = _useState4[1];
+  var _useState5 = (0, _react.useState)(''),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    callVoip = _useState6[0],
+    setCallVoip = _useState6[1]; // 拨打的voip号码
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    isIpError = _useState8[0],
+    setIsError = _useState8[1];
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    localVoipList = _useContext.localVoipList,
+    ipInfo = _useContext.ipInfo,
+    isVoipCalling = _useContext.isVoipCalling,
+    startSessionByVoip = _useContext.startSessionByVoip,
+    stopSession = _useContext.stopSession,
+    calledVoipInfo = _useContext.calledVoipInfo;
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    isLoading = _useState10[0],
+    setIsLoading = _useState10[1];
+  var handleCallVoip = function handleCallVoip() {
+    checkInput(callVoip, setIsError);
+    if (callVoip.trim().length === 0) {
+      return;
+    }
+    setIsLoading(true);
+    var voipType = currentVoipType === VoipType.H323 ? _type2.FcrIPConnectorSessionType.H323 : _type2.FcrIPConnectorSessionType.SIP;
+    startSessionByVoip(callVoip, voipType);
+    setIsLoading(false);
+  };
+  var handleEndCallVoip = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setIsLoading(true);
+            _context.next = 3;
+            return stopSession('voip');
+          case 3:
+            setIsLoading(false);
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleEndCallVoip() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var checkInput = (0, _react.useCallback)(function (input, setError) {
+    setError(input.trim().length === 0);
+  }, []);
+  var t = (0, _i18n.useI18n)();
+  var voipStatusTips = (0, _react.useMemo)(function () {
+    switch (calledVoipInfo.state) {
+      // case InviteStatus.SUCCESS:
+      //   return '成功';
+      case _store.InviteStatus.ERROR:
+        return t('fmt_pstn_status_failed');
+      case _store.InviteStatus.REJECT:
+        return t('fmt_pstn_status_hungup');
+      case _store.InviteStatus.RINGING:
+        return t('fmt_pstn_status_ringing');
+      case _store.InviteStatus.ACCEPTED:
+        return t('fmt_pstn_status_Answered');
+      case _store.InviteStatus.CALLING:
+        return t('fmt_pstn_status_calling');
+      default:
+        return t('fmt_pstn_status_calling');
+    }
+  }, [calledVoipInfo.state]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "invite__voip-invite",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
+      items: [{
+        label: t('fmt_sip_options_callout'),
+        key: CallType.OUTGOING
+      }, {
+        label: t('fmt_sip_options_callin'),
+        key: CallType.INCOMING
+      }],
+      activeKey: currentTab,
+      onChange: function onChange(key) {
+        return setCurrentTab(key);
+      }
+    }), currentTab === CallType.OUTGOING && !isVoipCalling && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "invite__voip-invite__edit-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_SIPDEVICE,
+        size: 48,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_ramp_purple6)',
+          iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "invite__voip-invite__edit-content-title",
+        children: t('fmt_actionbar_label_dialsip')
+      }), currentTab === CallType.OUTGOING && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_input.FcrInput, {
+          placeholder: t('fmt_sip_inputtips_sip_323'),
+          size: "small",
+          shape: "rounded",
+          value: callVoip,
+          onChange: function onChange(val) {
+            setCallVoip(val);
+          },
+          onBlur: function onBlur() {
+            return checkInput(callVoip, setIsError);
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorTips, {
+          isError: isIpError
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "invite__voip-invite__voip_type",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_radio.FcrRadioGroup, {
+          defaultValue: VoipType.H323,
+          value: currentVoipType,
+          onChange: function onChange(value) {
+            setCurrentVoipType(value);
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.FcrButton, {
+            type: "primary",
+            size: "M",
+            shape: "rounded",
+            className: "invite__voip-invite__voip_type__h323-button",
+            onClick: function onClick() {
+              return setCurrentVoipType(VoipType.H323);
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: "H323"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
+              styleType: "white",
+              value: VoipType.H323
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.FcrButton, {
+            type: "primary",
+            size: "M",
+            shape: "rounded",
+            className: "invite__voip-invite__voip_type__sip-button",
+            onClick: function onClick() {
+              return setCurrentVoipType(VoipType.SIP);
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: " SIP"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
+              styleType: "white",
+              value: VoipType.SIP
+            })]
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+        size: "S",
+        styleType: "success",
+        className: (0, _classnames["default"])('invite__voip-invite__call-button', {
+          'invite__voip-invite__call-button-error': false
+        }),
+        loading: isLoading,
+        onClick: handleCallVoip,
+        children: t('fmt_sip_button_call')
+      })]
+    }), currentTab === CallType.OUTGOING && isVoipCalling && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "invite__voip-invite__edit-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_actionPhone.FcrActionPhone, {
+        size: 'large',
+        animate: calledVoipInfo.state === _store.InviteStatus.RINGING || calledVoipInfo.state === _store.InviteStatus.CALLING || calledVoipInfo.state === _store.InviteStatus.DEFAULT,
+        wrapperColor: 'var(--fcr_ui_scene_ramp_purple6)',
+        circleColor: 'var(--fcr_ui_scene_ramp_purple6)',
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          type: _type.FcrIconType.FCR_SIPDEVICE,
+          size: 80,
+          className: "invite__voip-invite__edit-content-icon",
+          colors: {
+            iconPrimary: 'var(--fcr_ui_scene_white10)',
+            iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
+          }
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "invite__voip-invite__edit-content-ip",
+        children: callVoip
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames["default"])('invite__voip-invite__edit-content-tip', {
+          'invite__voip-invite__edit-content-tip-error': calledVoipInfo.state === _store.InviteStatus.ERROR
+        }),
+        children: voipStatusTips
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+        size: "S",
+        className: (0, _classnames["default"])('invite__voip-invite__call-button', {
+          'invite__voip-invite__call-button-error': false
+        }),
+        styleType: "danger",
+        loading: isLoading,
+        disabled: calledVoipInfo.state === _store.InviteStatus.ACCEPTED || ((_calledVoipInfo$state = calledVoipInfo.state) !== null && _calledVoipInfo$state !== void 0 ? _calledVoipInfo$state : _store.InviteStatus.DEFAULT) > _store.InviteStatus.ACCEPTED,
+        onClick: handleEndCallVoip,
+        children: t('fmt_sip_button_Hangup')
+      })]
+    }), currentTab === CallType.INCOMING && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "invite__voip-invite__edit-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        type: _type.FcrIconType.FCR_SIPDEVICE,
+        size: 48,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_ramp_purple6)',
+          iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "invite__voip-invite__edit-content-title",
+        children: t('fmt_sip_label_dialviasip')
+      }), currentTab === CallType.INCOMING && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "invite__voip-invite__invited-information",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "invite__voip-invite__invited-information-item",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+            children: [t('fmt_sip_label_dial'), " "]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_select.FcrSelect, {
+            options: localVoipList,
+            value: localVoipList !== null && localVoipList !== void 0 && localVoipList.length ? localVoipList[0].value : undefined
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "invite__voip-invite__invited-information-item",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+            children: [" ", t('fmt_sip_label_inputid'), " "]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            children: [" ", ipInfo === null || ipInfo === void 0 ? void 0 : ipInfo.ipRoomId, " "]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "invite__voip-invite__invited-information-item",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+            children: [" ", t('fmt_sip_label_password'), " "]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: " --- "
+          })]
+        })]
+      })]
+    })]
+  });
+});

package/lib/modules/layout/components/Aside.js

@@ -28,7 +28,7 @@ var ParticipantDialogHeader = (0, _mobxReact.observer)(function () {
   var store = (0, _react.useContext)(_store.StoreContext);
   var transI18n = (0, _i18n.useI18n)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [transI18n('fmt_role_participant'), "(", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: [transI18n('fmt_participants_label_participants'), "(", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "participant-dialog-header-count",
       children: store.participantCount
     }), ")"]

package/lib/modules/layout/components/Carousel.js

@@ -8,7 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.Carousel = void 0;
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.slice.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -26,9 +27,9 @@ var _fcrCore = require("fcr-core");
 var _boardContext = _interopRequireDefault(require("../../../utilities/board-context"));
 var _muteAction = require("../../../utilities/mute-action");
 var _env = require("agora-foundation/lib/utilities/env");
+var _memberBoard = require("../../components/member-window/components/member-board");
+var _memberActions = require("../../components/member-window/components/member-actions");
 var _jsxRuntime = require("react/jsx-runtime");
-// import { UserWindow, UserWindowActions } from './UserWindow';
-
 var Gap = 8;
 var CollapseHeight = 8;
 var HandlerHeight = 2;
@@ -41,7 +42,9 @@ var calcPages = function calcPages(n, pageSize) {
   return Math.max(1, pageSize > 0 ? Math.ceil(n / pageSize) : 1);
 };
 var calcItems = function calcItems(bounds, videoWidth) {
-  return Math.max(0, Math.floor((bounds.width - (ArrowWidth + Gap) * 2 + Gap) / (videoWidth + Gap)));
+  var val = Math.max(0, Math.floor((bounds.width - (ArrowWidth + Gap) * 2 + Gap) / (videoWidth + Gap)));
+  var maxVal = 7;
+  return Math.min(val, maxVal);
 };
 var Carousel = exports.Carousel = (0, _mobxReact.observer)(function () {
   var _useContext = (0, _react.useContext)(_store.StoreContext),
@@ -63,9 +66,11 @@ var Carousel = exports.Carousel = (0, _mobxReact.observer)(function () {
     setVideoOrientation = _useContext.setVideoOrientation,
     hasUnmutePermission = _useContext.hasUnmutePermission,
     hasRequestStartAudioPermission = _useContext.hasRequestStartAudioPermission,
-    interpreterUsers = _useContext.interpreterUsers,
-    interpreterState = _useContext.interpreterState,
-    openRenameDialog = _useContext.openRenameDialog;
+    interpreterUserList = _useContext.interpreterUserList,
+    isInterpreterEnabled = _useContext.isInterpreterEnabled,
+    openRenameDialog = _useContext.openRenameDialog,
+    userVolumeMap = _useContext.userVolumeMap,
+    isVideoSuspended = _useContext.isVideoSuspended;
   var _useState = (0, _react.useState)(MinVideoHeight),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     videoHeight = _useState2[0],
@@ -166,7 +171,6 @@ var Carousel = exports.Carousel = (0, _mobxReact.observer)(function () {
             gap: Gap
           },
           children: carouselList.slice(page * itemsPerPage, (page + 1) * itemsPerPage).map(function (windowData) {
-            var isScreenSharing = windowData.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN;
             var isBoard = windowData.type === _type2.FcrUIWindowType.BOARD;
             var showActionBottomLabel = carouselList.length > 1 && windowData.isSpeakerSpotlight;
             var muteAudioPermission = hasMutePermission(windowData.isMySelf ? _fcrCore.FcrPrivilegeUserRole.SELF : windowData.ownerRoleType);
@@ -175,6 +179,11 @@ var Carousel = exports.Carousel = (0, _mobxReact.observer)(function () {
             var _actionMute = (0, _muteAction.actionMute)(windowData.isMySelf, windowData.hasMicrophoneAudioStream, muteAudioPermission, startAudioPermission, requestStartAudioPermission),
               isShowActionAudio = _actionMute.isShowActionAudio,
               actionAudioTag = _actionMute.actionAudioTag;
+            var isMySelf = windowData.isMySelf,
+              videoStreamId = windowData.videoStreamId,
+              audioStreamId = windowData.audioStreamId;
+            var id = isMySelf ? '0' : videoStreamId || audioStreamId;
+            var volume = userVolumeMap.get(id || '') || 0;
             return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               style: style,
               className: "fcr-layout-content-carousel-item",
@@ -182,7 +191,7 @@ var Carousel = exports.Carousel = (0, _mobxReact.observer)(function () {
                 value: {
                   showToolbar: false
                 },
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberWindow.MemberBoard, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberBoard.MemberBoard, {
                   isShowActionAudio: isShowActionAudio,
                   actionAudioTag: actionAudioTag,
                   showActionBottomLabel: showActionBottomLabel,
@@ -192,7 +201,18 @@ var Carousel = exports.Carousel = (0, _mobxReact.observer)(function () {
                     toggleMainStream(windowData.windowId);
                   },
                   isMask: true,
-                  slot: whiteboard
+                  slot: whiteboard,
+                  hasPinnedStream: hasPinnedStream,
+                  localUserRole: localUserRole,
+                  sendParticipantEvent: sendParticipantEvent,
+                  muteAudio: muteAudio,
+                  openPrivateChat: openPrivateChat,
+                  setVideoOrientation: setVideoOrientation,
+                  interpreterUserList: interpreterUserList,
+                  isInterpreterEnabled: isInterpreterEnabled,
+                  openRenameDialog: openRenameDialog,
+                  id: id,
+                  volume: volume
                 })
               }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberWindow.MemberWindow, {
                 onRemovePin: removePin,
@@ -200,8 +220,8 @@ var Carousel = exports.Carousel = (0, _mobxReact.observer)(function () {
                 width: videoWidth,
                 height: videoHeight,
                 memberWindowPreviewType: 'carousel',
-                slot: !isScreenSharing && /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberWindow.MemberWindowActions, {
-                  interpreterUsers: interpreterUsers,
+                slot: /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberActions.MemberWindowActions, {
+                  interpreterUserList: interpreterUserList,
                   isShowActionAudio: isShowActionAudio,
                   actionAudioTag: actionAudioTag,
                   showActionBottomLabel: showActionBottomLabel,
@@ -216,8 +236,10 @@ var Carousel = exports.Carousel = (0, _mobxReact.observer)(function () {
                   windowData: windowData,
                   iconSize: 16,
                   showRotation: (0, _env.isElectron)(),
-                  interpreterState: interpreterState,
-                  handleRename: openRenameDialog
+                  isInterpreterEnabled: isInterpreterEnabled,
+                  handleRename: openRenameDialog,
+                  id: id,
+                  volume: volume
                 }),
                 videoRenderMode: _type3.AgoraRtcRenderMode.FIT,
                 videoStreamType: _type3.AgoraRtcVideoStreamType.LOW_STREAM,
@@ -230,7 +252,8 @@ var Carousel = exports.Carousel = (0, _mobxReact.observer)(function () {
                     addPin(windowData.windowId);
                     setPage(0);
                   }
-                }
+                },
+                isVideoSuspended: isVideoSuspended
               }, windowData.windowId)
             }, windowData.windowId);
           })

package/lib/modules/layout/components/Gallery.js

@@ -11,7 +11,6 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.date.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.regexp.test.js");
 require("core-js/modules/es.regexp.to-string.js");
@@ -28,7 +27,8 @@ require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.slice.js");
 require("core-js/modules/es.array.unshift.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _mobxReact = require("mobx-react");
 var _react = require("react");
@@ -48,6 +48,8 @@ var _button = require("agora-ui-foundation/lib/components/button");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _muteAction = require("../../../utilities/mute-action");
 var _env = require("agora-foundation/lib/utilities/env");
+var _memberBoard = require("../../components/member-window/components/member-board");
+var _memberActions = require("../../components/member-window/components/member-actions");
 var _jsxRuntime = require("react/jsx-runtime");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -112,9 +114,11 @@ var Gallery = exports.Gallery = (0, _mobxReact.observer)(function () {
     setVideoOrientation = _useContext.setVideoOrientation,
     hasUnmutePermission = _useContext.hasUnmutePermission,
     hasRequestStartAudioPermission = _useContext.hasRequestStartAudioPermission,
-    interpreterUsers = _useContext.interpreterUsers,
-    interpreterState = _useContext.interpreterState,
-    openRenameDialog = _useContext.openRenameDialog;
+    interpreterUserList = _useContext.interpreterUserList,
+    isInterpreterEnabled = _useContext.isInterpreterEnabled,
+    openRenameDialog = _useContext.openRenameDialog,
+    userVolumeMap = _useContext.userVolumeMap,
+    isVideoSuspended = _useContext.isVideoSuspended;
   var _useDelayedMeasure = (0, _hooks.useDelayedMeasure)(),
     _useDelayedMeasure2 = (0, _slicedToArray2["default"])(_useDelayedMeasure, 2),
     ref = _useDelayedMeasure2[0],
@@ -228,7 +232,6 @@ var Gallery = exports.Gallery = (0, _mobxReact.observer)(function () {
               gap: Gap
             },
             children: row.map(function (windowData) {
-              var isScreenSharing = windowData.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN;
               var isSpeakerMode = layout === _type2.FcrUIVideoWindowLayoutType.Speaker;
               var isMainWindow = galleryList.length === 1;
               var showActionBottomLabel = galleryList.length > 1 && windowData.isSpeakerSpotlight;
@@ -242,6 +245,11 @@ var Gallery = exports.Gallery = (0, _mobxReact.observer)(function () {
                 'fcr-layout-content-gallery-row-noborder': participantCount == 1 && galleryList.length == 1,
                 'fcr-layout-content-gallery-row-onlyone': galleryList.length == 1
               });
+              var isMySelf = windowData.isMySelf,
+                videoStreamId = windowData.videoStreamId,
+                audioStreamId = windowData.audioStreamId;
+              var id = isMySelf ? '0' : videoStreamId || audioStreamId;
+              var volume = userVolumeMap.get(id || '') || 0;
               return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: cls,
                 style: {
@@ -252,7 +260,7 @@ var Gallery = exports.Gallery = (0, _mobxReact.observer)(function () {
                   value: {
                     showToolbar: galleryList.length === 1
                   },
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberWindow.MemberBoard, {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberBoard.MemberBoard, {
                     isShowActionAudio: isShowActionAudio,
                     actionAudioTag: actionAudioTag,
                     showActionBottomLabel: showActionBottomLabel,
@@ -266,14 +274,25 @@ var Gallery = exports.Gallery = (0, _mobxReact.observer)(function () {
                       toggleMainStream(windowData.windowId);
                     },
                     isMask: galleryList.length !== 1,
-                    slot: whiteboard
+                    slot: whiteboard,
+                    hasPinnedStream: hasPinnedStream,
+                    localUserRole: localUserRole,
+                    sendParticipantEvent: sendParticipantEvent,
+                    muteAudio: muteAudio,
+                    openPrivateChat: openPrivateChat,
+                    setVideoOrientation: setVideoOrientation,
+                    interpreterUserList: interpreterUserList,
+                    isInterpreterEnabled: isInterpreterEnabled,
+                    openRenameDialog: openRenameDialog,
+                    id: id,
+                    volume: volume
                   })
                 }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberWindow.MemberWindow, {
                   canShowSpeakerSpotlight: galleryList.length > 1,
                   memberWindowPreviewType: 'gallery',
-                  slot: !isScreenSharing && /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberWindow.MemberWindowActions, {
-                    interpreterUsers: interpreterUsers,
-                    interpreterState: interpreterState,
+                  slot: /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberActions.MemberWindowActions, {
+                    interpreterUserList: interpreterUserList,
+                    isInterpreterEnabled: isInterpreterEnabled,
                     isShowActionAudio: isShowActionAudio,
                     actionAudioTag: actionAudioTag,
                     showActionBottomLabel: showActionBottomLabel,
@@ -289,7 +308,9 @@ var Gallery = exports.Gallery = (0, _mobxReact.observer)(function () {
                     iconSize: 24,
                     showRotation: (0, _env.isElectron)(),
                     handleRename: openRenameDialog,
-                    renderListLength: galleryList.length
+                    renderListLength: galleryList.length,
+                    id: id,
+                    volume: volume
                   }),
                   videoRenderMode: _type3.AgoraRtcRenderMode.FIT,
                   videoStreamType: videoStreamType,
@@ -312,7 +333,8 @@ var Gallery = exports.Gallery = (0, _mobxReact.observer)(function () {
                         toggleMainStream(windowData.windowId);
                       }
                     }
-                  }
+                  },
+                  isVideoSuspended: isVideoSuspended
                 }, windowData.windowId)
               }, windowData.windowId);
             })

package/lib/modules/layout/components/Layout.d.ts

@@ -0,0 +1,2 @@
+export declare const MinAsideWidth = 320;
+export declare const Layout: () => import("react/jsx-runtime").JSX.Element;