fcr-ui-scene 3.5.0 → 3.6.0

package/lib/modules/components/member-window/components/member-actions/components/audio-control.js

@@ -10,8 +10,9 @@ var _react = _interopRequireDefault(require("react"));
 var _provider = require("../provider");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _iconButtons = require("./icon-buttons");
+var _mobxReact = require("mobx-react");
 var _jsxRuntime = require("react/jsx-runtime");
-var AudioControl = exports.AudioControl = function AudioControl(_ref) {
+var AudioControl = exports.AudioControl = (0, _mobxReact.observer)(function (_ref) {
   var isMeeting = _ref.isMeeting,
     iconSize = _ref.iconSize;
   var store = (0, _provider.useMemberWindowActionsStore)();
@@ -33,4 +34,4 @@ var AudioControl = exports.AudioControl = function AudioControl(_ref) {
   return isMeeting ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.SipDeviceIconButton, {
     iconSize: iconSize
   }) : null;
-};
+});

package/lib/modules/components/member-window/components/member-actions/components/icon-buttons/index.js

@@ -100,7 +100,7 @@ var InterpreterTag = exports.InterpreterTag = function InterpreterTag(props) {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames["default"])('fcr-user-window-actions-tag', 'fcr-user-window-actions-tag-host', className || (0, _classnames["default"])('fcr-user-window-actions-bottom', 'fcr-user-window-actions-middle', {
+    className: (0, _classnames["default"])('fcr-user-window-actions-tag', 'fcr-user-window-actions-tag-host', className || (0, _classnames["default"])('fcr-user-window-actions-middle', {
       'fcr-user-window-actions-bottom-show': showActionBottomLabel,
       'fcr-user-window-actions-tag_large': windowSize === 'large'
     })),

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

@@ -29,12 +29,16 @@ var IconStatus = exports.IconStatus = (0, _mobxReact.observer)(function (_ref) {
     videoStreamId = store.videoStreamId,
     hasMicrophoneAudioStream = store.hasMicrophoneAudioStream,
     isManager = store.isManager,
-    phoneMicEnabled = store.phoneMicEnabled;
+    phoneMicEnabled = store.phoneMicEnabled,
+    isScreenSharing = store.isScreenSharing;
   var isNormal = connectorType === _fcrCore.FcrRoomConnectorType.NONE;
   var isPhone = store.isPhone;
   var isMeeting = meetingConnectorTypes.has(connectorType);
   var isPurePhone = audioStreamId === videoStreamId;
   var renderNormalStatus = function renderNormalStatus() {
+    if (isScreenSharing && windowSize === 'large') {
+      return;
+    }
     if (!hasMicrophoneAudioStream && !isMeeting) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.NoMuteIconButton, {
         iconSize: iconSize,
@@ -42,14 +46,11 @@ var IconStatus = exports.IconStatus = (0, _mobxReact.observer)(function (_ref) {
         isManager: isManager
       });
     }
-    if (windowSize === 'large') {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_micVolume.MicVolume, {
-        id: id,
-        size: iconSize,
-        volume: volume
-      });
-    }
-    return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_micVolume.MicVolume, {
+      id: id,
+      size: iconSize,
+      volume: volume
+    });
   };
   var renderPhoneStatus = function renderPhoneStatus() {
     if (windowSize === 'large' && !isPurePhone) {

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

@@ -112,14 +112,14 @@ var MoreActions = exports.MoreActions = (0, _mobxReact.observer)(function (_ref)
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
       content: t('fmt_participants_member_button_more'),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
-        showArrow: true,
+        showArrow: false,
         placement: "bottomLeft",
         trigger: "click",
         visible: store.isShowDropMenu,
         onVisibleChange: onVisibleChange,
         overlayInnerStyle: {
           border: 0,
-          boxShadow: '0px 0px 15px var(--fcr_web_light_dropup_m)',
+          boxShadow: 'var(--fcr_web_light_dropup_m)',
           borderRadius: 'var(--fcr_cornerradius_l)',
           minWidth: '210px',
           maxWidth: '300px',

package/lib/modules/components/member-window/components/member-actions/components/user-info.js

@@ -18,6 +18,7 @@ require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/esnext.async-iterator.find.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 var _react = _interopRequireWildcard(require("react"));
@@ -116,7 +117,7 @@ var UserInfo = exports.UserInfo = (0, _mobxReact.observer)(function (_ref) {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareStatus.ShareStatus, {})
         })]
       })]
-    }), !insideShow && !store.isManager && /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.InterpreterTag, {
+    }), !insideShow && windowSize === 'large' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.InterpreterTag, {
       isShow: isShowInterpreterTag,
       className: "fcr-user-window-actions-bottom-interpreter-tag",
       windowSize: windowSize

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

@@ -11,6 +11,7 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.set.js");
 require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/esnext.async-iterator.find.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.set.add-all.js");
@@ -38,12 +39,12 @@ require("core-js/modules/esnext.set.union.v2.js");
 require("core-js/modules/esnext.set.union.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireDefault(require("react"));
+var _fcrCore = require("fcr-core");
 var _provider = require("./provider");
 var _index = require("./components/layout/index");
 var _moreActions = require("./components/more-actions");
 var _userInfo = require("./components/user-info");
 var _iconButtons = require("./components/icon-buttons");
-var _fcrCore = require("fcr-core");
 var _jsxRuntime = require("react/jsx-runtime");
 var meetingConnectorTypes = new Set([_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323]);
 var MemberWindowActions = exports.MemberWindowActions = function MemberWindowActions(_ref) {
@@ -87,7 +88,7 @@ var MemberWindowActions = exports.MemberWindowActions = function MemberWindowAct
         onContextMenu: function onContextMenu() {
           return store.onVisibleChange(true);
         },
-        headerSlot: store.isManager && /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.InterpreterTag, {
+        headerSlot: store.isManager && windowSize !== 'large' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.InterpreterTag, {
           isShow: !!(interpreterUserList !== null && interpreterUserList !== void 0 && interpreterUserList.find(function (ele) {
             return ele.userId === store.userId;
           })) && !!isInterpreterEnabled,

package/lib/modules/components/member-window/components/video-player/components/remote-video-player.js

@@ -10,8 +10,6 @@ var _mobxReact = require("mobx-react");
 var _react = require("react");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _videoTrackRenderContext = require("../../../../../../utilities/video-track-render-context");
 var _jsxRuntime = require("react/jsx-runtime");
 var FcrUIRemoteVideoPlayer = exports.FcrUIRemoteVideoPlayer = (0, _mobxReact.observer)(function (_ref) {
@@ -42,21 +40,12 @@ var FcrUIRemoteVideoPlayer = exports.FcrUIRemoteVideoPlayer = (0, _mobxReact.obs
       dom && (stopRenderRemoteVideo === null || stopRenderRemoteVideo === void 0 ? void 0 : stopRenderRemoteVideo(streamId, dom));
     };
   }, [hasVideoStream, streamId, videoStreamType, renderMode]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])('fcr-member-window-body fcr-member-window-body-video-remote', {
         'fcr-member-window-body-video-remote-render': isFirstRemoteVideoFrameRendered && hasVideoStream
       }),
       ref: divRef
-    }), !isFirstRemoteVideoFrameRendered && hasVideoStream && hasScreenSharing && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "fcr-member-window-body-render-video-loading",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        className: "render-video-loading-icon",
-        size: 24,
-        type: _type.FcrIconType.FCR_LOADING
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        children: [" ", t('fmt_screenshare_status_sharing'), " "]
-      })]
-    })]
+    })
   });
 });

package/lib/modules/components/member-window/components/video-player/index.js

@@ -10,6 +10,8 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/modules/components/member-window/index.css

@@ -118,7 +118,7 @@
   position: absolute;
   inset: 0;
   font-size: 0;
-  border: 2px solid var(--fcr_ui_scene_ramp_green6);
+  border: 3px solid var(--fcr_ui_scene_ramp_green6);
   opacity: 0;
 }
 .fcr-member-window-excitation-show {
@@ -137,7 +137,7 @@
   background-color: var(--fcr_ui_scene_view_toast);
   /* opacity: 0; */
   /* transition: opacity 0.2s; */
-  z-index: 3;
+  z-index: 11;
 }
 .fcr-member-window-pin-show {
   /* opacity: 1; */
@@ -196,10 +196,18 @@
 
 .fcr-user-window-actions-bottom {
   position: absolute;
-  /* inset: auto auto 4px 4px; */
-  z-index: 1;
+  inset: auto auto 4px 4px;
+  color: var(--fcr_ui_scene_icontext1);
+  border-radius: var(--fcr_cornerradius_xxs);
+  backdrop-filter: blur(25px);
+  font-weight: var(--fcr_font_weight_m);
+  font-size: 10px;
+  display: inline-flex;
+  align-items: center;
   max-width: calc(100% - 8px);
   height: 18px;
+  overflow: hidden;
+  z-index: 10;
   transition: opacity 0.2s;
   opacity: 1;
 }
@@ -319,7 +327,7 @@
 .fcr-user-window-actions-bottom .fcr-user-window-actions-name {
   padding: 0 2px;
   font-weight: var(--fcr_font_weight_s);
-  line-height: 1;
+  line-height: 1.5;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -357,6 +365,9 @@
   font-weight: var(--fcr_font_weight_s);
   white-space: nowrap;
   padding-right: 6px;
+  flex: 1;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 
 .fcr-user-window-actions-top {
@@ -369,7 +380,7 @@
   font-size: 12px;
   opacity: 0;
   transition: opacity 0.2s;
-  z-index: 1;
+  z-index: 10;
 }
 .fcr-member-window .fcr-user-window-actions-top-active {
   opacity: 1;
@@ -395,7 +406,7 @@
   height: 0px;
   width: 100%;
   transition: height 0s;
-  z-index: 1;
+  z-index: 10;
 }
 
 .fcr-layout-speaker .fcr-layout-content-bar {

package/lib/modules/components/member-window/types.d.ts

@@ -4,7 +4,7 @@ import { FcrVideoWindowPreviewType } from '../../video-window/type';
 import { FcrInterpreterUserInfo } from 'fcr-core/lib/room-control/interpreter-control/types';
 export interface MemberWindowCustomProps {
     showAvatar: boolean;
-    onDoubleClick: () => void;
+    onDoubleClick?: () => void;
     onRemovePin: (streamId: string) => void;
     slot?: React.ReactNode;
     width?: number;

package/lib/modules/components/security-menu/index.css

@@ -33,10 +33,10 @@
   background: none;
 }
 
-.security-menu .fcr-checkbox-inner svg path {
+.security-menu .fcr-checkbox-inner svg:not(.fcr-watermark-rotate-icon) path {
   fill: var(--fcr_ui_scene_icontext1) !important;
 }
 
-.security-menu .fcr-drop-menu-option:hover svg path {
+.security-menu .fcr-drop-menu-option:hover svg:not(.fcr-watermark-rotate-icon) path {
   fill: var(--fcr_ui_scene_ramp_brand6) !important;
 }

package/lib/modules/components/security-menu/index.js

@@ -7,6 +7,9 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -20,7 +23,7 @@ require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _dropMenu = require("agora-ui-foundation/lib/components/drop-menu");
 var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
@@ -54,7 +57,7 @@ var SecurityMenu = (0, _mobxReact.observer)(function (props) {
     hasAllowWriteBoardPermission = privilege.hasAllowWriteBoardPermission,
     hasWaitingRoomPermission = privilege.hasWaitingRoomPermission,
     isWaterMarkEnabled = privilege.isWaterMarkEnabled,
-    isMulti = privilege.isMulti,
+    setAllowWaterMarkLine = privilege.setAllowWaterMarkLine,
     setAllowWaterMark = privilege.setAllowWaterMark,
     hasWatermarkEnablePermission = privilege.hasWatermarkEnablePermission,
     hasWatermarkDisablePermission = privilege.hasWatermarkDisablePermission,
@@ -64,7 +67,9 @@ var SecurityMenu = (0, _mobxReact.observer)(function (props) {
     hasDisallowChangeNamePermission = privilege.hasDisallowChangeNamePermission,
     setAllowChangeSelfName = privilege.setAllowChangeSelfName,
     hasEnableJoinWithAudioPermission = privilege.hasEnableJoinWithAudioPermission,
-    setAllowJoinWithMuteAudio = privilege.setAllowJoinWithMuteAudio;
+    hasEnableJoinWithVideoPermission = privilege.hasEnableJoinWithVideoPermission,
+    setAllowJoinWithMuteAudio = privilege.setAllowJoinWithMuteAudio,
+    setAllowJoinWithMutedVideo = privilege.setAllowJoinWithMutedVideo;
   allActions.push({
     title: transI18n('fmt_security_setting_label_security_setting'),
     key: 'meeting_security_title',
@@ -106,23 +111,6 @@ var SecurityMenu = (0, _mobxReact.observer)(function (props) {
       }
     });
   }
-  if (hasEnableJoinWithAudioPermission()) {
-    allActions.push({
-      title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-        checked: checkedStateMap.enableJoinWithAudio,
-        label: transI18n('fmt_security_options_silence'),
-        styleType: "white"
-      }),
-      key: 'enable_join_with_audio',
-      type: 'primary',
-      onButtonClick: function onButtonClick() {
-        setCheckedStateMap(_objectSpread(_objectSpread({}, checkedStateMap), {
-          enableJoinWithAudio: !checkedStateMap.enableJoinWithAudio
-        }));
-        setAllowJoinWithMuteAudio(!checkedStateMap.enableJoinWithAudio);
-      }
-    });
-  }
 
   /** 主持人和联席主持人 可以进行开启单行双行水印 */
   if (hasWatermarkEnablePermission() && hasWatermarkDisablePermission()) {
@@ -146,26 +134,49 @@ var SecurityMenu = (0, _mobxReact.observer)(function (props) {
               },
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
                 type: _type.FcrIconType.FCR_HELPQUESTION,
-                size: 16
+                size: 16,
+                colors: {
+                  iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+                }
               })
             })
           })]
         }), checkedStateMap.enableWatermark && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "room-control-options-watermark-btns",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "room-control-options-watermark-btn ".concat(isMulti() ? '' : 'room-control-options-watermark-btn--active'),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "room-control-options-watermark-btn ".concat(privilege.targetLoadingWatermarkLineTypeIsMulti ? '' : 'room-control-options-watermark-btn--active'),
             onClick: function onClick(e) {
               e.stopPropagation();
-              setAllowWaterMark(isWaterMarkEnabled(), _type2.FcrLineType.SINGLE_ROW);
+              setAllowWaterMarkLine(isWaterMarkEnabled(), _type2.FcrLineType.SINGLE_ROW);
             },
-            children: transI18n('fmt_security_setting_mobile_option_watermark_style_single')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "room-control-options-watermark-btn ".concat(isMulti() ? 'room-control-options-watermark-btn--active' : ''),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "btn-label",
+              children: transI18n('fmt_security_setting_mobile_option_watermark_style_single')
+            }), !privilege.targetLoadingWatermarkLineTypeIsMulti && !privilege.canOperateWatermark ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+              type: _type.FcrIconType.FCR_RESET,
+              size: 22,
+              className: "fcr-watermark-rotate-icon",
+              colors: {
+                iconPrimary: 'var(--fcr_ui_scene_ramp_brand6)'
+              }
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "room-control-options-watermark-btn ".concat(privilege.targetLoadingWatermarkLineTypeIsMulti ? 'room-control-options-watermark-btn--active' : ''),
             onClick: function onClick(e) {
               e.stopPropagation();
-              setAllowWaterMark(isWaterMarkEnabled(), _type2.FcrLineType.MULTI_ROW);
+              setAllowWaterMarkLine(isWaterMarkEnabled(), _type2.FcrLineType.MULTI_ROW);
             },
-            children: transI18n('fmt_security_setting_mobile_option_watermark_style_multi')
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "btn-label",
+              children: transI18n('fmt_security_setting_mobile_option_watermark_style_multi')
+            }), privilege.targetLoadingWatermarkLineTypeIsMulti && !privilege.canOperateWatermark ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+              type: _type.FcrIconType.FCR_RESET,
+              size: 22,
+              className: "fcr-watermark-rotate-icon",
+              colors: {
+                iconPrimary: 'var(--fcr_ui_scene_ramp_brand6)'
+              }
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})]
           })]
         })]
       }),
@@ -184,6 +195,50 @@ var SecurityMenu = (0, _mobxReact.observer)(function (props) {
     key: '',
     type: 'line'
   });
+  allActions.push({
+    title: transI18n('fmt_meeting_setting_labels_audio_video_settings'),
+    key: 'allow_attendee_title',
+    type: 'title'
+  });
+  if (hasEnableJoinWithAudioPermission()) {
+    allActions.push({
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+        checked: checkedStateMap.enableJoinWithAudio,
+        label: transI18n('fmt_premeeting_setting_label_mute_join_meeting'),
+        styleType: "white"
+      }),
+      key: 'enable_join_with_audio',
+      type: 'primary',
+      onButtonClick: function onButtonClick() {
+        setCheckedStateMap(_objectSpread(_objectSpread({}, checkedStateMap), {
+          enableJoinWithAudio: !checkedStateMap.enableJoinWithAudio
+        }));
+        setAllowJoinWithMuteAudio(!checkedStateMap.enableJoinWithAudio);
+      }
+    });
+  }
+  if (hasEnableJoinWithVideoPermission()) {
+    allActions.push({
+      title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+        checked: checkedStateMap.joinWithCloseVideo,
+        label: transI18n('fmt_meeting_setting_options_disable_video'),
+        styleType: "white"
+      }),
+      key: 'join_with_close_audio',
+      type: 'primary',
+      onButtonClick: function onButtonClick() {
+        setCheckedStateMap(_objectSpread(_objectSpread({}, checkedStateMap), {
+          joinWithCloseVideo: !checkedStateMap.joinWithCloseVideo
+        }));
+        setAllowJoinWithMutedVideo(!checkedStateMap.joinWithCloseVideo);
+      }
+    });
+  }
+  allActions.push({
+    title: '',
+    key: '',
+    type: 'line'
+  });
   allActions.push({
     title: transI18n('fmt_screenshare_options_allow'),
     key: 'allow_attendee_title',

package/lib/modules/components/tab-frame/index.css

@@ -31,10 +31,10 @@
 
 .fcr-tabs-frame-content {
   --top: 48px;
-  /* position: absolute; */
   top: var(--top);
   height: calc(100% - var(--top));
   width: 100%;
   display: flex;
   justify-content: center;
+  padding: 0px 12px 12px 12px;
 }

package/lib/modules/components/tab-frame/index.js

@@ -9,6 +9,8 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -21,6 +23,8 @@ require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.map.js");

package/lib/modules/connection-gateway/components/phone/components/callinfo/index.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.slice.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _select = require("agora-ui-foundation/lib/components/select");
 require("./index.css");

package/lib/modules/connection-gateway/components/phone/index.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

package/lib/modules/connection-gateway/store.js

@@ -58,6 +58,10 @@ require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.some.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.find.js");

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

@@ -24,7 +24,7 @@
   word-break: break-all;
   text-align: left;
   min-height: 34px;
-  line-height: 34px;
+  line-height: 23px;
 }
 
 .meeting-details__content-meeting-id,

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

@@ -22,7 +22,6 @@ require("./index.css");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _store = require("../../store");
 var _enums = require("../../enums");
-var _meetingDetail = require("../../../../utilities/meeting-detail");
 var _jsxRuntime = require("react/jsx-runtime");
 var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function () {
   var t = (0, _i18n.useI18n)();
@@ -45,9 +44,8 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
     setShowMeetingDetailPortal = _useContext.setShowMeetingDetailPortal,
     showToast = _useContext.showToast,
     meetingId = _useContext.meetingId,
-    startTime = _useContext.startTime,
-    roomDuration = _useContext.roomDuration,
-    meetingTime = _useContext.meetingTime;
+    meetingTime = _useContext.meetingTime,
+    roomDetailCopyText = _useContext.roomDetailCopyText;
   var getShareLink = function getShareLink() {
     var info = {
       roomId: roomId,
@@ -62,7 +60,6 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
   }, []);
   if (!roomName || !userName) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
   var displayMeetingId = (0, _tools.renderMeetingId)(meetingId, roomId);
-  var detailText = (0, _meetingDetail.generateMeetingDetail)(userName, roomName, (0, _meetingDetail.generateMeetingDuration)(startTime !== null && startTime !== void 0 ? startTime : 0, roomDuration), shareLink, displayMeetingId, password !== null && password !== void 0 ? password : '');
   function handleCopyMeetingId(copyContent) {
     if (!copyContent) return;
     var content = meetingId ? copyContent : copyContent.replace(/\s+/g, '');
@@ -120,7 +117,7 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
       copyIcon: _type.FcrIconType.FCR_RESET,
       copyText: t('fmt_meeting_call_voice_call_button_copy_info')
     });
-    (0, _copyText.copyText)(detailText).then(function () {
+    (0, _copyText.copyText)(roomDetailCopyText).then(function () {
       copyTimer = setTimeout(function () {
         setCopyInfoState({
           copyState: _enums.CopyState.COPIED,
@@ -175,7 +172,10 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
             type: _type.FcrIconType.FCR_COPY_ICON,
-            size: 20
+            size: 20,
+            colors: {
+              iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+            }
           })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -190,7 +190,10 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
             type: _type.FcrIconType.FCR_COPY_ICON,
-            size: 20
+            size: 20,
+            colors: {
+              iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+            }
           })
         })]
       }), !!password && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -207,13 +210,16 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
             type: _type.FcrIconType.FCR_COPY_ICON,
-            size: 20
+            size: 20,
+            colors: {
+              iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+            }
           })
         })]
       }), /*#__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_meeting_duration')
+          children: t('fmt_premeeting_joinroom_mobile_label_duration')
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: meetingTime
         })]