fcr-ui-scene 3.4.5 → 3.5.1

package/lib/modules/sound-effect/sound-effect-player.d.ts

@@ -1,10 +1,6 @@
 export declare class SoundEffectPlayer {
-    private _audioContext?;
     private _audioTagId;
-    private _containerNode;
-    private _initialized;
     private _audioElement?;
-    private _audioTrack?;
     protected logger: import("agora-foundation/lib/logger").Logger;
     constructor();
     play(url: string): Promise<void>;

package/lib/modules/sound-effect/sound-effect-player.js

@@ -11,14 +11,14 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _logger = require("agora-foundation/lib/logger");
+var _logger = require("../../utilities/logger");
 var SoundEffectPlayer = exports.SoundEffectPlayer = /*#__PURE__*/function () {
   function SoundEffectPlayer() {
     (0, _classCallCheck2["default"])(this, SoundEffectPlayer);
     (0, _defineProperty2["default"])(this, "_audioTagId", "agora-sound-effect-player-".concat(Math.random()));
-    (0, _defineProperty2["default"])(this, "_containerNode", document.body);
-    (0, _defineProperty2["default"])(this, "_initialized", false);
-    (0, _defineProperty2["default"])(this, "logger", (0, _logger.getLogger)());
+    (0, _defineProperty2["default"])(this, "logger", (0, _logger.createLogger)({
+      prefix: 'SoundEffectPlayer'
+    }));
   }
   return (0, _createClass2["default"])(SoundEffectPlayer, [{
     key: "play",

package/lib/modules/state-bar/index.css

@@ -494,19 +494,6 @@
   color: var(--fcr_ui_scene_icontext1);
 }
 
-.fcr-state-bar__meeting-info-drop .fcr-drop-menu {
-  width: 100%;
-}
-.fcr-drop-menu-option {
-  height: auto;
-  min-height: 30px;
-  padding: 4px 8px;
-}
-.fcr-state-bar__meeting-info-drop .fcr-drop-menu-option-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .fcr-state-bar__live-streaming-info {
   font-size: 12px;
   color: var(--fcr_ui_scene_icontext1);
@@ -588,9 +575,9 @@
 .fcr-state-bar__lock-meeting-text {
   min-width: 50px;
 }
-.fcr-state-bar__meeting-info {
+/* .fcr-state-bar__meeting-info {
   min-width: 120px;
-}
+} */
 .fcr-state-bar__lock-meeting-text {
   min-width: 50px;
 }

package/lib/modules/state-bar/index.d.ts

@@ -5,6 +5,11 @@ import { FcrUICurrentRoomControlProvider, FcrUIMainRoomControlProvider, FcrUIRoo
 import { FcrUISharedConfigDataSource } from '../../shared-data-source/config';
 import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
 import { FcrUIVideoWindowDataSource } from '../../shared-data-source/video-window';
+import { FcrUIMessageProvider } from '../../providers/message-provider';
+import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
+import { FcrUILocalStorageProvider } from '../../providers/local-storage-provider';
+import { FcrUIAbilityProviderImpl } from 'fcr-ui-scene/src/providers/ability-provider';
+import { FcrUIMeetingTimeSharedDataSource } from '../../shared-data-source/meeting-time';
 export declare class StateBarUIModule extends UIModule {
     private _store?;
     currentRoomControlProvider?: FcrUICurrentRoomControlProvider;
@@ -14,7 +19,12 @@ export declare class StateBarUIModule extends UIModule {
     sharedConfigDataSource?: FcrUISharedConfigDataSource;
     sharedLayoutDataSource?: FcrUISharedLayoutDataSource;
     sharedVideoWindowDataSource?: FcrUIVideoWindowDataSource;
+    sharedMeetingTimeDataSource?: FcrUIMeetingTimeSharedDataSource;
+    sharedMemberDataSource?: FcrUIMemberSharedDataSource;
     roomProvider?: FcrUIRoomProvider;
+    messageProvider?: FcrUIMessageProvider;
+    localStorageProvider?: FcrUILocalStorageProvider;
+    abilityProvider?: FcrUIAbilityProviderImpl;
     onNodeWillActive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;
     onNodeWillInactive(): void;

package/lib/modules/state-bar/index.js

@@ -52,7 +52,12 @@ var StateBarUIModule = exports.StateBarUIModule = /*#__PURE__*/function (_UIModu
         parameters: (_this$sharedConfigDat2 = this.sharedConfigDataSource) === null || _this$sharedConfigDat2 === void 0 || (_this$sharedConfigDat2 = _this$sharedConfigDat2.creatorConfig) === null || _this$sharedConfigDat2 === void 0 ? void 0 : _this$sharedConfigDat2.parameters,
         sharedLayoutDataSource: this.sharedLayoutDataSource,
         roomProvider: this.roomProvider,
-        sharedVideoWindowDataSource: this.sharedVideoWindowDataSource
+        sharedVideoWindowDataSource: this.sharedVideoWindowDataSource,
+        messageProvider: this.messageProvider,
+        sharedMemberDataSource: this.sharedMemberDataSource,
+        localStorageProvider: this.localStorageProvider,
+        abilityProvider: this.abilityProvider,
+        sharedMeetingTimeDataSource: this.sharedMeetingTimeDataSource
       });
     }
   }, {

package/lib/modules/state-bar/live-streaming-state.js

@@ -23,7 +23,6 @@ var _copyText = require("../../utilities/copyText");
 var _store = require("./store");
 var _liveStreaming = _interopRequireDefault(require("./assets/live-streaming.gif"));
 var _useNamespace = require("../../utilities/useNamespace");
-var _rendererEvent = require("../../utilities/renderer-event");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
 var LiveStreamingState = exports.LiveStreamingState = (0, _mobxReact.observer)(function () {
@@ -73,22 +72,6 @@ var LiveStreamingState = exports.LiveStreamingState = (0, _mobxReact.observer)(f
     };
   }, [popoverRef]);
   var actions = [{
-    title: transI18n('fmt_statusbar_label_customwating'),
-    key: 'watchTheLiveStreamingOnACustomLiveStreamingServer',
-    hasPermission: hasGetLiveStreamingLinkPermission,
-    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-      type: _type.FcrIconType.FCR_SHARE,
-      size: 20,
-      colors: {
-        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-      }
-    }),
-    onButtonClick: function onButtonClick() {
-      setVisible(false);
-      (0, _rendererEvent.openLinkInDefaultBrowser)(liveStreamingPlayUrl);
-      toggleLayoutBarLock(false);
-    }
-  }, {
     title: transI18n('fmt_live_label_copylink'),
     key: 'copyLiveLink',
     hasPermission: hasGetLiveStreamingLinkPermission,

package/lib/modules/state-bar/meeting-details.js

@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MeetingDetails = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-require("core-js/modules/es.date.to-string.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/web.timers.js");
+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 _type = require("agora-ui-foundation/lib/components/icon/type");
@@ -22,7 +21,6 @@ var _react = require("react");
 var _store = require("./store");
 require("./meeting-detail.css");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _meetingTime = require("../../hooks/meeting-time");
 var _meetingDetail2 = require("../../utilities/meeting-detail");
 var _jsxRuntime = require("react/jsx-runtime");
 var CopyState = /*#__PURE__*/function (CopyState) {
@@ -32,18 +30,6 @@ var CopyState = /*#__PURE__*/function (CopyState) {
   CopyState[CopyState["FAILED"] = 4] = "FAILED";
   return CopyState;
 }(CopyState || {});
-var isNextDayAfterDuration = function isNextDayAfterDuration(startTimeStamp, duration) {
-  var futureTimestamp = startTimeStamp + duration;
-  var currentDate = new Date(startTimeStamp);
-  var futureDate = new Date(futureTimestamp);
-  var currentYear = currentDate.getFullYear();
-  var currentMonth = currentDate.getMonth();
-  var currentDay = currentDate.getDate();
-  var futureYear = futureDate.getFullYear();
-  var futureMonth = futureDate.getMonth();
-  var futureDay = futureDate.getDate();
-  return futureYear > currentYear || futureYear === currentYear && futureMonth > currentMonth || futureYear === currentYear && futureMonth === currentMonth && futureDay > currentDay;
-};
 var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function () {
   var t = (0, _i18n.useI18n)();
   var copyTimer = null;
@@ -62,21 +48,16 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
     getShareLink = _useContext.getShareLink,
     password = _useContext.password,
     meetingId = _useContext.meetingId,
-    showToast = _useContext.showToast;
-  var _useMeetingTime = (0, _meetingTime.useMeetingTime)(scheduleInfo),
-    totalHourText = _useMeetingTime.totalHourText,
-    totalMinuteText = _useMeetingTime.totalMinuteText,
-    meetingTime = _useMeetingTime.meetingTime,
-    totalMins = _useMeetingTime.totalMins,
-    totalHours = _useMeetingTime.totalHours,
-    status = _useMeetingTime.status;
+    showToast = _useContext.showToast,
+    meetingTime = _useContext.meetingTime;
   var shareLink = (0, _react.useMemo)(function () {
     return getShareLink();
   }, []);
   if (!roomInfo || !localUser) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
   var displayMeetingId = (0, _tools.renderMeetingId)(meetingId, roomInfo.roomId);
   var duration = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.duration) || 0;
-  var detailText = (0, _meetingDetail2.generateMeetingDetail)(localUser.userName, roomInfo.roomName, (0, _meetingDetail2.generateMeetingDuration)((scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.startTime) || 0, duration), shareLink, displayMeetingId, password !== null && password !== void 0 ? password : '');
+  var meetingSetTime = (0, _meetingDetail2.generateMeetingDuration)((scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.startTime) || 0, duration);
+  var detailText = (0, _meetingDetail2.generateMeetingDetail)(localUser.userName, roomInfo.roomName, meetingSetTime, shareLink, displayMeetingId, password !== null && password !== void 0 ? password : '');
   function handleCopyMeetingId(copyContent) {
     if (!copyContent) return;
     var content = meetingId ? copyContent : copyContent.replace(/\s+/g, '');
@@ -220,6 +201,13 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
             size: 20
           })
         })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "meeting-details__content-share-link meeting-details__content-meeting-duration",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+          children: t('fmt_premeeting_joinroom_mobile_label_duration')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: meetingTime
+        })]
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "meeting-details__footer",

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

@@ -16,27 +16,22 @@ var _view = require("./view");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _store = require("./store");
-var _meetingTime = require("../../hooks/meeting-time");
 var _jsxRuntime = require("react/jsx-runtime");
 var MeetingTime = exports.MeetingTime = (0, _mobxReact.observer)(function () {
   var t = (0, _i18n.useI18n)();
   var ns = (0, _useNamespace.useNamespace)('meeting-time');
   var _useContext = (0, _react.useContext)(_store.StoreContext),
-    scheduleInfo = _useContext.scheduleInfo;
-  var _useMeetingTime = (0, _meetingTime.useMeetingTime)(scheduleInfo),
-    totalHourText = _useMeetingTime.totalHourText,
-    totalMinuteText = _useMeetingTime.totalMinuteText,
-    meetingTime = _useMeetingTime.meetingTime,
-    totalMins = _useMeetingTime.totalMins,
-    totalHours = _useMeetingTime.totalHours,
-    status = _useMeetingTime.status;
+    totalHourText = _useContext.totalHourText,
+    totalMinuteText = _useContext.totalMinuteText,
+    meetingTime = _useContext.meetingTime,
+    meetingTimeStatus = _useContext.meetingTimeStatus;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.MyFcrToolTip, {
     content: t('fmt_statusbar_label_durationtime', {
       reason1: totalHourText,
       reason2: totalMinuteText
     }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames["default"])(ns.b(), ns.m(status)),
+      className: (0, _classnames["default"])(ns.b(), ns.m(meetingTimeStatus)),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
         type: _type.FcrIconType.FCR_CLOCK,
         className: ns.e('icon'),

package/lib/modules/state-bar/store.d.ts

@@ -1,13 +1,18 @@
 import { FcrRecordingState, FcrRoomInfo, FcrRoomSchedule, FcrUserInfo } from 'fcr-core/lib/type';
 import { FcrUIEventProvider } from '../../providers/event-provider';
 import { DeviceSettingDialogConfig } from '../setting/store';
-import { FcrUISceneConfig, FcrUIToastParams } from '../../type';
+import { FcrUINotificationContentType, FcrUINotificationParams, FcrUISceneConfig, FcrUIToastParams } from '../../type';
 import { FcrMainRoomControl, FcrWaitingRoomControl } from 'fcr-core/lib/room-control/type';
 import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
 import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
 import { FcrUIVideoWindowLayoutType } from '../layout/type';
 import { FcrUIRoomProvider } from '../../providers/room-provider';
 import { FcrUIVideoWindowDataSource } from '../../shared-data-source/video-window';
+import { FcrUIMessageProvider } from '../../providers/message-provider';
+import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
+import { FcrUILocalStorageProvider } from '../../providers/local-storage-provider';
+import { FcrUIAbilityProviderImpl } from 'fcr-ui-scene/src/providers/ability-provider';
+import { FcrUIMeetingTimeSharedDataSource } from '../../shared-data-source/meeting-time';
 export type NetworkStatus = 'excellent' | 'average' | 'poor' | 'unknown';
 export declare const GALLERY_MIN_SIZE = 825;
 export default class StateBarStore {
@@ -20,11 +25,14 @@ export default class StateBarStore {
     private _roomProvider;
     private _sharedLayoutDataSource;
     private _sharedVideoWindowDataSource;
+    private _sharedMeetingTimeDataSource;
+    private _messageProvider;
+    private _sharedMemberDataSource;
+    private _localStorageProvider;
     private _roomObserver;
+    private _abilityProvider;
     accessor networkStatus: NetworkStatus;
-    accessor localUser: FcrUserInfo | undefined;
     accessor roomInfo: FcrRoomInfo | undefined;
-    accessor scheduleInfo: FcrRoomSchedule | undefined;
     accessor isLiveStreaming: boolean;
     accessor liveStreamingPlayUrl: string;
     accessor galleryWidth: number;
@@ -37,18 +45,23 @@ export default class StateBarStore {
     accessor attendeeCount: number;
     accessor asideOpenedItem: Set<string>;
     accessor cloudRecordingState: FcrRecordingState;
-    accessor meetingId: string | undefined;
+    get localUser(): FcrUserInfo;
     get isUserHost(): boolean;
-    get shouldShowMeetingTime(): number | undefined;
+    get shouldShowMeetingTime(): boolean;
     get isMainRoom(): boolean;
     get hasStartCloudRecordingPermission(): boolean;
     get hasStopLiveStreamingPermission(): boolean;
     get hasGetLiveStreamingLinkPermission(): boolean;
+    get totalHourText(): string;
+    get totalMinuteText(): string;
+    get meetingTimeStatus(): import("../../shared-data-source/meeting-time").MeetingStatus;
+    get meetingTime(): string;
     get password(): string | undefined;
     get layoutSize(): number;
     get layoutView(): import("../../type").FcrUIVideoWindowLayoutType;
     get asideLayout(): import("../../type").FcrUIUpdateAsideParams;
-    constructor({ roomControl, uiEventStore, securityStore, config, parameters, sharedLayoutDataSource, roomProvider, sharedVideoWindowDataSource, }: {
+    get isRoomDetailSupported(): boolean;
+    constructor({ roomControl, uiEventStore, securityStore, config, parameters, sharedLayoutDataSource, roomProvider, sharedVideoWindowDataSource, messageProvider, sharedMemberDataSource, localStorageProvider, abilityProvider, sharedMeetingTimeDataSource, }: {
         roomControl: FcrMainRoomControl | FcrWaitingRoomControl;
         uiEventStore: FcrUIEventProvider;
         securityStore: FcrUIPrivilegeProvider;
@@ -57,12 +70,18 @@ export default class StateBarStore {
         sharedLayoutDataSource: FcrUISharedLayoutDataSource;
         roomProvider: FcrUIRoomProvider;
         sharedVideoWindowDataSource: FcrUIVideoWindowDataSource;
+        messageProvider: FcrUIMessageProvider;
+        sharedMemberDataSource: FcrUIMemberSharedDataSource;
+        localStorageProvider: FcrUILocalStorageProvider;
+        abilityProvider: FcrUIAbilityProviderImpl;
+        sharedMeetingTimeDataSource: FcrUIMeetingTimeSharedDataSource;
     });
+    get roomId(): string | undefined;
+    get meetingId(): string | undefined;
+    get scheduleInfo(): FcrRoomSchedule | undefined;
     isLockRoomEnabled(): boolean;
     setNetworkStatus(networkStatus: NetworkStatus): void;
-    setLocalUser(localUser: FcrUserInfo): void;
     setRoomInfo(roomInfo: FcrRoomInfo | undefined): void;
-    setScheduleInfo(scheduleInfo: FcrRoomSchedule): void;
     toggleLayout(layout: FcrUIVideoWindowLayoutType): void;
     toggleLayoutBarLock(state: boolean): void;
     openVideoWindowDialog(): void;
@@ -75,6 +94,8 @@ export default class StateBarStore {
     stopCloudRecording(): void;
     getShareLink(): string;
     showToast(params: FcrUIToastParams): void;
+    showNotification(params: FcrUINotificationParams): void;
+    closeNotification(key: FcrUINotificationContentType): void;
     private _onNetworkQualityUpdated;
     private _uiEvents;
     private _setBrowserWidth;
@@ -82,5 +103,7 @@ export default class StateBarStore {
     private _onLiveStreamingStateUpdated;
     private _onCloudRecordingStateUpdated;
     private _initRoomInfo;
+    get meetingTimeKey(): string;
+    getLocalMeetingTime(): string | null;
 }
 export declare const StoreContext: import("react").Context<StateBarStore>;