fcr-ui-scene 3.5.1 → 3.6.1

package/lib/modules/participant/components/participants/components/participants/components/participants-more/index.js

@@ -117,7 +117,7 @@ var FcrParticipantsMoreActions = exports.FcrParticipantsMoreActions = function F
     }) : hasPinnedStream ? (0, _i18next.t)('fmt_attendies_options_replacefixed') : (0, _i18next.t)('fmt_attendies_options_fixfirst'),
     key: 'pin',
     type: isPin ? 'danger' : 'primary',
-    canOperation: userType === 'normal' || userType === 'meeting-system' && hasVideo,
+    canOperation: userType === 'normal' || userType === 'phone' || userType === 'meeting-system' && hasVideo,
     onButtonClick: handleButtonClick(isPin ? _types.ParticipantActionType.REMOVE_PIN : _types.ParticipantActionType.ADD_PIN, userId, onParticipantsButtonClick),
     group: 'own_view'
   }, {

package/lib/modules/participant/components/participants/components/participants/index.css

@@ -101,4 +101,5 @@
 
 .fcr_participants_button_invite {
   min-width: 70px !important;
+  border-radius: var(--fcr_cornerradius_xs) !important;
 }

package/lib/modules/participant/components/participants/components/render-user/components/attendee/index.css

@@ -13,8 +13,14 @@
   border-radius: var(--fcr_cornerradius_l);
 }
 .attendee__more-actions {
+  min-width: 210px;
   max-width: 300px;
+  border: 0;
   padding: 0;
+  box-shadow: 0px 0px 15px var(--fcr_web_light_dropup_m);
+  border-radius: var(--fcr_cornerradius_l);
+  min-width: 210px;
+  max-width: 300px;
 }
 
 .operate-waiting-room-dialog-content {
@@ -25,6 +31,18 @@
   background: white;
   padding: 20px;
   border-radius: 20px;
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
+}
+
+.fcr-rename-dialog-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: white;
+  border-radius: 20px;
+  padding-top: 4px;
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
 }
 
 .operate-waiting-room-dialog-title {

package/lib/modules/participant/components/participants/components/render-user/components/attendee/index.js

@@ -38,6 +38,7 @@ var _interpreterTag = require("./components/interpreter-tag");
 var _store = require("../../../../../../store");
 var _types = require("../../../../types");
 var _type2 = require("../../../../../../../../type");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _jsxRuntime = require("react/jsx-runtime");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -79,15 +80,21 @@ var ParticipantAttendee = exports.ParticipantAttendee = (0, _mobxReact.observer)
         }, (0, _userAvatar.userAvatar)(userType)))
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "attendee__user-info-identity",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "attendee__name",
           style: {
             color: nameColor
           },
-          children: [userName, isMe && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-            className: "attendee__me-badge",
-            children: ["(", t('fmt_participant_label_Me'), ")"]
-          })]
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+            content: userName,
+            trigger: "hover",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              children: [userName, isMe && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+                className: "attendee__me-badge",
+                children: ["(", t('fmt_participant_label_Me'), ")"]
+              })]
+            })
+          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "attendee__tag-group",
           children: [isHost && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/modules/participant/components/participants/components/render-user/components/user-action/components/move-actions-popover/index.js

@@ -37,15 +37,8 @@ var MoreActionsPopover = exports.MoreActionsPopover = function MoreActionsPopove
     };
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+    showArrow: false,
     visible: isShowDropMenu,
-    overlayInnerStyle: {
-      border: 0,
-      boxShadow: '0px 0px 15px var(--fcr_web_light_dropup_m)',
-      borderRadius: 'var(--fcr_cornerradius_l)',
-      minWidth: '210px',
-      maxWidth: '300px',
-      width: 'fit-content'
-    },
     overlayClassName: "attendee__more-actions",
     mouseEnterDelay: 0,
     content: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/modules/participant/index.css

@@ -82,6 +82,12 @@
   padding: 0 4px;
   display: flex;
   flex: 1;
+  flex-direction: column;
+}
+
+.participants-container-rename-footer {
+  width: 100%;
+  margin: 20px 0px;
 }
 
 .participants-container .fcr-tabs {

package/lib/modules/participant/index.d.ts

@@ -50,5 +50,6 @@ export declare class ParticipantUIModule extends UIModule {
     onNodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;
     getWaitingRoomDialog(params: OperateWaitingRoomMemberDialogProps): import("react/jsx-runtime").JSX.Element;
+    getRenameDialogContent(): import("react/jsx-runtime").JSX.Element;
     onProcessEvent(event: RendererCustomEvent): void;
 }

package/lib/modules/participant/index.js

@@ -42,6 +42,7 @@ var _store = _interopRequireWildcard(require("./store"));
 var _view = require("./view");
 require("./index.css");
 var _operateWaitingroomMember = require("./components/operate-waitingroom-member");
+var _confirmInput = require("./components/confirm-input");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -110,6 +111,14 @@ var ParticipantUIModule = exports.ParticipantUIModule = /*#__PURE__*/function (_
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_operateWaitingroomMember.OperateWaitingRoomMemberDialog, _objectSpread({}, params))
       });
     }
+  }, {
+    key: "getRenameDialogContent",
+    value: function getRenameDialogContent() {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
+        value: this._store,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirmInput.FcrWrapConfirmRenameForm, {})
+      });
+    }
   }, {
     key: "onProcessEvent",
     value: function onProcessEvent(event) {

package/lib/modules/participant/store.d.ts

@@ -68,6 +68,8 @@ export default class ParticipantStore {
     private _whitebaordObderver;
     private _sharedSettingDataSource;
     private _sharedSecuritySharedDataSource;
+    private _operatorRenameUserId;
+    private _operatorRenameUserName;
     private accessor _mainList;
     private accessor _isChecked;
     accessor _participantsWindowActive: boolean;
@@ -85,6 +87,7 @@ export default class ParticipantStore {
     accessor allowUnmute: boolean;
     accessor joinWithMuteAudio: boolean;
     accessor showBecomeHostButton: boolean;
+    get operatorRenameUserName(): string;
     get audioVolumeMap(): Map<string, number>;
     get localUser(): FcrUserInfo;
     get localUserRole(): FcrUserRole;
@@ -163,9 +166,12 @@ export default class ParticipantStore {
     openMuteAllDialog(params: OpenMuteAllDialogProps): void;
     isHostSupported(userId: string): boolean;
     handlerUserAction(action: ParticipantActionType, userId: string): void;
+    private _getPinStreamIdFromUser;
     private _handleUserPropertiesUpdated;
     private _handleRemoteUsersJoined;
     private _handleUserInfoUpdated;
+    handleConfirmChangeName(): Promise<void>;
+    handleCancelChangeName(): void;
     private _openChangeNameDialog;
     private _closeChangeNameDialog;
     private _moveToWaitingRoomByUserIds;