fcr-ui-scene 3.9.0 → 3.9.1-alpha

package/lib-es/modules/invite/components/copy-info.js

@@ -0,0 +1,137 @@
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
+import { useI18n } from 'agora-ui-foundation/lib/i18n';
+import './copy-info.css';
+import { FcrButton } from 'agora-ui-foundation/lib/components/button';
+import { useCallback, useContext } from 'react';
+import { copyText } from 'agora-ui-foundation/lib/utilities/copy-text';
+import { FcrUIToastKey } from '../../toast-manager/type';
+import { StoreContext } from '../store';
+import { FcrIcon } from 'agora-ui-foundation/lib/components/icon';
+import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
+import { renderMeetingId } from 'agora-foundation/lib/utilities/tools';
+import { generateMeetingDuration } from '../../../utilities/meeting-detail';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var CopyInfo = function CopyInfo() {
+  var transI18n = useI18n();
+  var _useContext = useContext(StoreContext),
+    _useContext$roomInfo = _useContext.roomInfo,
+    inviteLink = _useContext$roomInfo.inviteLink,
+    roomId = _useContext$roomInfo.roomId,
+    roomName = _useContext$roomInfo.roomName,
+    password = _useContext$roomInfo.password,
+    showToast = _useContext.showToast,
+    roomDetailCopyText = _useContext.roomDetailCopyText,
+    localUserName = _useContext.localUserName,
+    meetingId = _useContext.meetingId,
+    roomSchedule = _useContext.roomSchedule;
+  var duration = (roomSchedule === null || roomSchedule === void 0 ? void 0 : roomSchedule.duration) || 0;
+  var startTime = (roomSchedule === null || roomSchedule === void 0 ? void 0 : roomSchedule.startTime) || 0;
+  function handleCopyMeetingId(copyContent) {
+    if (!copyContent) return;
+    var content = meetingId ? copyContent : copyContent.replace(/\s+/g, '');
+    copyText(content).then(function () {
+      showToast({
+        key: FcrUIToastKey.FMT_STATUSBAR_STATUS_COPPIED
+      });
+    })["catch"](function () {
+      showToast({
+        key: FcrUIToastKey.FMT_INFORMATION_TIPS_NUMBERCOPYFAILED
+      });
+    });
+  }
+  var handleCopyMeetingDetail = useCallback(function () {
+    copyText(roomDetailCopyText).then(function () {
+      showToast({
+        key: FcrUIToastKey.FMT_STATUSBAR_STATUS_COPPIED
+      });
+    });
+  }, []);
+  var displayMeetingId = renderMeetingId(meetingId, roomId);
+  return /*#__PURE__*/_jsxs("div", {
+    className: "fcr-invite-copy-info",
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "fcr-invite-copy-info-content",
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "fcr-invite-copy-info-title",
+        children: transI18n('fmt_link_invitation', {
+          reason1: localUserName
+        })
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "fcr-invite-copy-info-content-item",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "fcr-invite-copy-info-content-item-label",
+          children: transI18n('fmt_meetinginfo_room_topic')
+        }), /*#__PURE__*/_jsx("div", {
+          className: "fcr-invite-copy-info-content-item-value",
+          children: roomName
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "fcr-invite-copy-info-content-item",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "fcr-invite-copy-info-content-item-label",
+          children: transI18n('fmt_meetingInfo_window_info_meetingID')
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "fcr-invite-copy-info-content-item-value fcr-invite-copy-info-content-item-value-meeting-id",
+          children: [/*#__PURE__*/_jsx("span", {
+            children: displayMeetingId
+          }), /*#__PURE__*/_jsx(FcrIcon, {
+            onClick: function onClick() {
+              return handleCopyMeetingId(displayMeetingId);
+            },
+            type: FcrIconType.FCR_COPY_ICON,
+            size: 20,
+            colors: {
+              iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+            }
+          })]
+        })]
+      }), password && /*#__PURE__*/_jsxs("div", {
+        className: "fcr-invite-copy-info-content-item",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "fcr-invite-copy-info-content-item-label",
+          children: transI18n('fmt_premeeting_joinroom_mobile_tips_password')
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "fcr-invite-copy-info-content-item-value fcr-invite-copy-info-content-item-value-meeting-id",
+          children: [/*#__PURE__*/_jsx("span", {
+            children: password
+          }), /*#__PURE__*/_jsx(FcrIcon, {
+            onClick: function onClick() {
+              return handleCopyMeetingId(password);
+            },
+            type: FcrIconType.FCR_COPY_ICON,
+            size: 20,
+            colors: {
+              iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+            }
+          })]
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "fcr-invite-copy-info-content-item",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "fcr-invite-copy-info-content-item-label",
+          children: transI18n('fmt_invitepage_label_invite_link')
+        }), /*#__PURE__*/_jsx("div", {
+          className: "fcr-invite-copy-info-content-item-value",
+          children: inviteLink
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "fcr-invite-copy-info-content-item",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "fcr-invite-copy-info-content-item-label",
+          children: transI18n('fmt_ai_summary_create_labels_meeting_time')
+        }), /*#__PURE__*/_jsx("div", {
+          className: "fcr-invite-copy-info-content-item-value",
+          children: generateMeetingDuration(startTime || 0, duration)
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(FcrButton, {
+      type: "secondary-bordered",
+      size: "XS",
+      onClick: handleCopyMeetingDetail,
+      className: "invite__pstn-invite-copyinfo",
+      children: transI18n('fmt_popup_button_meetinginfor')
+    })]
+  });
+};
+export default CopyInfo;

package/lib-es/modules/invite/components/pstn-invite.js

@@ -152,9 +152,9 @@ export var PSTNInvite = observer(function () {
       setIsInvitePhoneNumberError(true);
     }
   };
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: "invite__pstn-invite",
-    children: [/*#__PURE__*/_jsxs("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       className: "invite__pstn-invite__phone",
       children: [!isPstnCalling ? /*#__PURE__*/_jsxs("div", {
         className: "invite__pstn-invite_edit_phone",
@@ -228,18 +228,6 @@ export var PSTNInvite = observer(function () {
         size: "XS",
         children: !isPstnCalling ? transI18n('fmt_pstn_label_phonecall') : transI18n('fmt_pstn_button_hangupphone')
       })]
-    }), /*#__PURE__*/_jsx("div", {
-      className: "invite__pstn-invite-divider",
-      children: /*#__PURE__*/_jsx("span", {
-        className: "invite__pstn-invite-divider-content",
-        children: transI18n('fmt_pstn_label_or')
-      })
-    }), /*#__PURE__*/_jsx(FcrButton, {
-      type: "secondary-bordered",
-      size: "XS",
-      onClick: handleCopyMeetingDetail,
-      className: "invite__pstn-invite-copyinfo",
-      children: transI18n('fmt_popup_button_meetinginfor')
-    })]
+    })
   });
 });

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

@@ -19,6 +19,8 @@ import { useI18n } from 'agora-ui-foundation/lib/i18n';
 import { ErrorTips } from './error-tips';
 import { CallType, InviteStatus, VoipType } from '../enums';
 import './voip-invite.css';
+import { isPhoneNumber } from 'agora-foundation/lib/utilities/regex';
+import { FcrUIToastKey } from '../../toast-manager/type';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export var VoipInvite = observer(function () {
   var _calledVoipInfo$state;
@@ -45,12 +47,19 @@ export var VoipInvite = observer(function () {
     isVoipCalling = _useContext.isVoipCalling,
     startSessionByVoip = _useContext.startSessionByVoip,
     stopSession = _useContext.stopSession,
-    calledVoipInfo = _useContext.calledVoipInfo;
+    calledVoipInfo = _useContext.calledVoipInfo,
+    showToast = _useContext.showToast;
   var _useState9 = useState(false),
     _useState0 = _slicedToArray(_useState9, 2),
     isLoading = _useState0[0],
     setIsLoading = _useState0[1];
   var handleCallVoip = function handleCallVoip() {
+    if (isPhoneNumber(callVoip)) {
+      showToast({
+        key: FcrUIToastKey.FMT_SIP_TIPS_ENTER_CORRECT_NUMBER
+      });
+      return;
+    }
     checkInput(callVoip, setIsError);
     if (callVoip.trim().length === 0) {
       return;

package/lib-es/modules/invite/enums.js

@@ -1,6 +1,8 @@
 export var InviteType = /*#__PURE__*/function (InviteType) {
   InviteType["PSTN"] = "PSTN";
   InviteType["VOIP"] = "VOIP";
+  InviteType["COPY"] = "COPY";
+  InviteType["WIDGET"] = "WIDGET";
   return InviteType;
 }({});
 export var CallType = /*#__PURE__*/function (CallType) {

package/lib-es/modules/invite/store.js

@@ -38,10 +38,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _InviteStore;
 var _initProto, _init_InviteStatus, _init_isPstnCalling, _init_isVoipCalling, _init_ipInfo, _init_phoneInfo, _init_calledPstnInfo, _init_calledVoipInfo, _stopSessionDecs, _startSessionByPhoneDecs, _startSessionByVoipDecs, _showToastDecs, _getRoomConnectorIpInfoDecs, _getRoomConnectorPhoneInfoDecs, _handleErrorDecs, _updateInviteStatusDecs, _resetpstnStatusDecs, _resetVoipStatusDecs, _handlePhoneConnectorSessionStateUpdatedDecs, _handleIPConnectorSessionStateUpdatedDecs, _ref;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.string.iterator.js";
 import "core-js/modules/es.weak-map.js";
 import "core-js/modules/esnext.iterator.constructor.js";
@@ -62,7 +65,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
 import { action, computed, observable } from 'mobx';
-import { FcrIPConnectorSessionType, FcrRoomConnectorPhoneRegion, FcrRoomConnectorSessionReason, FcrRoomConnectorSessionState } from 'fcr-core/lib/room-control/room-connector-control/type';
+import { FcrIPConnectorSessionType, FcrIPConnectorSessionTypeToStringMap, FcrPhoneConnectorSessionType, FcrPhoneConnectorSessionTypeToStringMap, FcrRoomConnectorPhoneRegion, FcrRoomConnectorSessionReason, FcrRoomConnectorSessionState } from 'fcr-core/lib/room-control/room-connector-control/type';
 import { createContext } from 'react';
 import { CONTACTS_WIDGET_ID } from '../../type';
 import { InviteStatus } from './enums';
@@ -70,6 +73,7 @@ import { FcrUIObjectKeys } from '../../object-manager';
 import { createLogger } from '../../utilities/logger';
 import { getInvitationInfoByRoomInfo } from '../../utilities/meeting-detail';
 import { FcrUIDialogKey } from '../../utilities/constant';
+import { FcrUIToastKey } from '../toast-manager/type';
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
@@ -141,6 +145,8 @@ var InviteStore = /*#__PURE__*/function () {
     // Get all required objects from objectManager
 
     this._mainRoomControl = objectManager.getObject(FcrUIObjectKeys.P_MAIN_ROOM_CONTROL_PROVIDER).mainRoomControl;
+    this._abilityProvider = objectManager.getObject(FcrUIObjectKeys.P_ABILITY_PROVIDER);
+    this._phoneAudioConnectorProvider = objectManager.getObject(FcrUIObjectKeys.P_PHONE_AUDIO_CONNECTOR_PROVIDER);
     this._messageProvider = objectManager.getObject(FcrUIObjectKeys.P_MESSAGE_PROVIDER);
     this._roomConnectorControl = this._mainRoomControl.getRoomConnectorControl();
     this._sharedMemberDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_MEMBER_DATA_SOURCE);
@@ -297,6 +303,26 @@ var InviteStore = /*#__PURE__*/function () {
     get: function get() {
       return this.roomInfo.roomId;
     }
+  }, {
+    key: "showInvitePstnTab",
+    get: function get() {
+      var types = this._phoneAudioConnectorProvider.getCallOutTypeArray();
+      var hasPstnPermission = types.includes(FcrPhoneConnectorSessionTypeToStringMap[FcrPhoneConnectorSessionType.PSTN]);
+      var hasVoltePermission = types.includes(FcrPhoneConnectorSessionTypeToStringMap[FcrPhoneConnectorSessionType.VOLTE]);
+      var isPstnCallOutSupported = this._abilityProvider.isCallOutAbilitySupported() && hasPstnPermission;
+      var isVolteCallOutSupported = this._abilityProvider.isCallOutVolteAbilitySupported() && hasVoltePermission;
+      return isPstnCallOutSupported || isVolteCallOutSupported;
+    }
+  }, {
+    key: "showInviteVoipTab",
+    get: function get() {
+      var types = this._phoneAudioConnectorProvider.getCallOutTypeArray();
+      var hasH323Permission = types.includes(FcrIPConnectorSessionTypeToStringMap[FcrIPConnectorSessionType.H323]);
+      var hasSipPermission = types.includes(FcrIPConnectorSessionTypeToStringMap[FcrIPConnectorSessionType.SIP]);
+      var isH323CallOutSupported = this._abilityProvider.isCallOutH323AbilitySupported() && hasH323Permission;
+      var isSipCallOutSupported = this._abilityProvider.isCallOutSipAbilitySupported() && hasSipPermission;
+      return isH323CallOutSupported || isSipCallOutSupported;
+    }
   }, {
     key: "widgetConfigByContacts",
     get: function get() {
@@ -305,16 +331,6 @@ var InviteStore = /*#__PURE__*/function () {
       });
       return contacts;
     }
-  }, {
-    key: "closeInviteDialog",
-    value: function closeInviteDialog() {
-      if (this._pstnSessionId) {
-        this.stopSession('pstn');
-      }
-      if (this._voipSessionId) {
-        this.stopSession('voip');
-      }
-    }
   }, {
     key: "release",
     value: function release() {
@@ -364,11 +380,12 @@ var InviteStore = /*#__PURE__*/function () {
     key: "startSessionByPhone",
     value: function () {
       var _startSessionByPhone = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref4) {
-        var phoneNumber, userName, zone, _t2;
+        var phoneNumber, userName, zone, type, _t2;
         return _regeneratorRuntime.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               phoneNumber = _ref4.phoneNumber, userName = _ref4.userName, zone = _ref4.zone;
+              type = this._phoneAudioConnectorProvider.getPhoneCallOutType();
               this.isPstnCalling = true;
               this.calledPstnInfo = {
                 phoneNumber: phoneNumber,
@@ -379,7 +396,8 @@ var InviteStore = /*#__PURE__*/function () {
               _context2.next = 2;
               return this._roomConnectorControl.startSessionByPhone({
                 phoneNumber: phoneNumber,
-                userName: userName
+                userName: userName,
+                type: type
               });
             case 2:
               this._pstnSessionId = _context2.sent;
@@ -389,7 +407,7 @@ var InviteStore = /*#__PURE__*/function () {
             case 3:
               _context2.prev = 3;
               _t2 = _context2["catch"](1);
-              this.handleError(this.calledVoipInfo, _t2, 'voip');
+              this.handleError(this.calledVoipInfo, _t2, 'pstn');
             case 4:
             case "end":
               return _context2.stop();
@@ -493,6 +511,12 @@ var InviteStore = /*#__PURE__*/function () {
     value: function handleError(info, error, sessionType) {
       var _this2 = this;
       this.updateInviteStatus(info, InviteStatus.ERROR);
+      this.showToast({
+        key: FcrUIToastKey.ERR_MESSAGE,
+        params: {
+          message: "code: ".concat(error.code, ", message: ").concat(error.message)
+        }
+      });
       setTimeout(function () {
         if (sessionType === 'pstn') {
           _this2.isPstnCalling = false;

package/lib-es/modules/invite/view.js

@@ -2,40 +2,61 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.function.name.js";
 import { observer } from 'mobx-react';
-import { useContext, useState } from 'react';
+import { useContext, useMemo, useState } from 'react';
 import { PSTNInvite } from './components/pstn-invite';
 import { VoipInvite } from './components/voip-invite';
 import { useI18n } from 'agora-ui-foundation/lib/i18n';
 import FcrTabFrame from '../components/tab-frame';
 import { InviteType } from './enums';
 import { StoreContext } from './store';
-import { jsx as _jsx } from "react/jsx-runtime";
+import CopyInfo from './components/copy-info';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 export var View = observer(function (props) {
   var contactsChildren = props.contactsChildren;
   var _useContext = useContext(StoreContext),
-    widgetConfigByContacts = _useContext.widgetConfigByContacts;
-  var widgetConfigByContactsId = widgetConfigByContacts === null || widgetConfigByContacts === void 0 ? void 0 : widgetConfigByContacts.id;
-  var _useState = useState(InviteType.PSTN),
+    widgetConfigByContacts = _useContext.widgetConfigByContacts,
+    showInviteVoipTab = _useContext.showInviteVoipTab,
+    showInvitePstnTab = _useContext.showInvitePstnTab;
+  var transI18n = useI18n();
+  var _useState = useState(InviteType.COPY),
     _useState2 = _slicedToArray(_useState, 2),
     currentInviteType = _useState2[0],
     setCurrentInviteType = _useState2[1];
-  var transI18n = useI18n();
-  var tabs = [{
-    label: "".concat(transI18n('fmt_pstn_label_phonecall')),
-    key: InviteType.PSTN,
-    content: /*#__PURE__*/_jsx(PSTNInvite, {})
-  }, {
-    label: "".concat(transI18n('fmt_sip_options_H323')),
-    key: InviteType.VOIP,
-    content: /*#__PURE__*/_jsx(VoipInvite, {})
-  }];
-  if (widgetConfigByContacts) {
-    tabs.push({
-      label: widgetConfigByContacts.name,
-      key: widgetConfigByContactsId,
-      content: contactsChildren
-    });
-  }
+  var tabs = useMemo(function () {
+    var tabs = [{
+      label: transI18n('fmt_invitepage_label_by_invitation'),
+      key: InviteType.COPY,
+      content: /*#__PURE__*/_jsx(CopyInfo, {})
+    }];
+    if (showInvitePstnTab) {
+      tabs.push({
+        label: "".concat(transI18n('fmt_pstn_label_phonecall')),
+        key: InviteType.PSTN,
+        content: /*#__PURE__*/_jsx(PSTNInvite, {})
+      });
+    }
+    if (showInviteVoipTab) {
+      tabs.push({
+        label: transI18n('fmt_invitepage_label_meeting_connector'),
+        key: InviteType.VOIP,
+        content: /*#__PURE__*/_jsx(VoipInvite, {})
+      });
+    }
+    if (widgetConfigByContacts) {
+      tabs.push({
+        key: InviteType.WIDGET,
+        label: widgetConfigByContacts.name,
+        content: /*#__PURE__*/_jsx(_Fragment, {
+          children: contactsChildren
+        })
+      });
+    }
+    var isSingleTab = tabs.length === 1;
+    if (isSingleTab && tabs[0].key === InviteType.COPY) {
+      tabs[0].label = transI18n('fmt_invitepage_label_meeting_details');
+    }
+    return tabs;
+  }, [transI18n, widgetConfigByContacts, contactsChildren, showInvitePstnTab, showInviteVoipTab]);
   return /*#__PURE__*/_jsx(FcrTabFrame, {
     activeKey: currentInviteType,
     onChange: function onChange(key) {

package/lib-es/modules/layout/store.base.js

@@ -33,7 +33,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _LayoutStoreBase;
-var _initProto, _participantDecs, _init_participant, _chatDecs, _init_chat, _chatActionDecs, _init_chatAction, _stateBarDecs, _init_stateBar, _actionBarDecs, _init_actionBar, _layersDecs, _init_layers, _whiteboardDecs, _init_whiteboard, _annotationDecs, _init_annotation, _screenShareControlDecs, _init_screenShareControl, _subtitlesDecs, _init_subtitles, _subtitlesHistoryDecs, _init_subtitlesHistory, _subtitlesHistorySettingsDecs, _init_subtitlesHistorySettings, _init_collapsed, _init_aside, _init_barHovering, _init_barLocked, _init_barHidden, _init_asideWidth, _init_chatRoomState, _init_whiteboardActive, _init_ownerUser, _addPinMessageDecs, _cancelPinMessageDecs, _setWhiteboardActiveDecs, _setAsideWidthDecs, _updateSlotsDecs, _toggleLayoutDecs, _toggleCollapsedDecs, _toggleAsideDecs, _asideWidthChangedDecs, _toggleLayoutBarLockDecs, _toggleLayoutBarHiddenDecs, _resetLockTimerDecs, _setHoveringHandlerDecs, _setHoveringLeaveHandlerDecs, _setScreenShareSpeakerViewSizeDecs, _handleLiveLayoutChangeDecs, _onUserInfoUpdatedDecs, _handleLayoutUpdatedDecs, _init__handleLayoutUpdated, _handleMainListLengthChangedDecs, _handleMainListChangedDecs, _setBarHoveringDecs, _handleConnectionUpdatedDecs, _findVideoWindowByUserIdDecs, _onRemoteUsersLeftDecs, _ref;
+var _initProto, _participantDecs, _init_participant, _chatDecs, _init_chat, _chatActionDecs, _init_chatAction, _stateBarDecs, _init_stateBar, _actionBarDecs, _init_actionBar, _layersDecs, _init_layers, _whiteboardDecs, _init_whiteboard, _annotationDecs, _init_annotation, _screenShareControlDecs, _init_screenShareControl, _subtitlesDecs, _init_subtitles, _subtitlesHistoryDecs, _init_subtitlesHistory, _subtitlesHistorySettingsDecs, _init_subtitlesHistorySettings, _init_collapsed, _init_aside, _init_barHovering, _init_barLocked, _init_barHidden, _init_asideWidth, _init_whiteboardActive, _init_ownerUser, _addPinMessageDecs, _cancelPinMessageDecs, _setWhiteboardActiveDecs, _setAsideWidthDecs, _updateSlotsDecs, _toggleLayoutDecs, _toggleCollapsedDecs, _toggleAsideDecs, _asideWidthChangedDecs, _toggleLayoutBarLockDecs, _toggleLayoutBarHiddenDecs, _resetLockTimerDecs, _setHoveringHandlerDecs, _setHoveringLeaveHandlerDecs, _setScreenShareSpeakerViewSizeDecs, _handleLiveLayoutChangeDecs, _onUserInfoUpdatedDecs, _handleLayoutUpdatedDecs, _init__handleLayoutUpdated, _handleMainListLengthChangedDecs, _handleMainListChangedDecs, _setBarHoveringDecs, _handleConnectionUpdatedDecs, _findVideoWindowByUserIdDecs, _onRemoteUsersLeftDecs, _ref;
 import "core-js/modules/es.array.every.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.array.find.js";
@@ -107,7 +107,6 @@ var _Q = /*#__PURE__*/new WeakMap();
 var _R = /*#__PURE__*/new WeakMap();
 var _S = /*#__PURE__*/new WeakMap();
 var _T = /*#__PURE__*/new WeakMap();
-var _U = /*#__PURE__*/new WeakMap();
 _ref = (_participantDecs = [observable, observable.ref], _chatDecs = [observable, observable.ref], _chatActionDecs = [observable, observable.ref], _stateBarDecs = [observable, observable.ref], _actionBarDecs = [observable, observable.ref], _layersDecs = [observable, observable.ref], _whiteboardDecs = [observable, observable.ref], _annotationDecs = [observable, observable.ref], _screenShareControlDecs = [observable, observable.ref], _subtitlesDecs = [observable, observable.ref], _subtitlesHistoryDecs = [observable, observable.ref], _subtitlesHistorySettingsDecs = [observable, observable.ref], _addPinMessageDecs = [action, action.bound], _cancelPinMessageDecs = [action, action.bound], _setWhiteboardActiveDecs = [action, action.bound], _setAsideWidthDecs = [action, action.bound], _updateSlotsDecs = [action, action.bound], _toggleLayoutDecs = [action, action.bound], _toggleCollapsedDecs = [action, action.bound], _toggleAsideDecs = [action, action.bound], _asideWidthChangedDecs = [action, action.bound], _toggleLayoutBarLockDecs = [action, action.bound], _toggleLayoutBarHiddenDecs = [action, action.bound], _resetLockTimerDecs = [action, action.bound], _setHoveringHandlerDecs = [action, action.bound], _setHoveringLeaveHandlerDecs = [action, action.bound], _setScreenShareSpeakerViewSizeDecs = [debounced(400), bound], _handleLiveLayoutChangeDecs = [action, action.bound], _onUserInfoUpdatedDecs = [action, action.bound], _handleLayoutUpdatedDecs = [action, action.bound], _handleMainListLengthChangedDecs = [action, action.bound], _handleMainListChangedDecs = [action, action.bound], _setBarHoveringDecs = [action, action.bound], _handleConnectionUpdatedDecs = [action, action.bound], _findVideoWindowByUserIdDecs = [action, action.bound], _onRemoteUsersLeftDecs = [action, action.bound], "logger");
 export var LayoutStoreBase = /*#__PURE__*/function () {
   function LayoutStoreBase(_ref2) {
@@ -141,9 +140,8 @@ export var LayoutStoreBase = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _P, _init_barLocked(this, true));
     _classPrivateFieldInitSpec(this, _Q, _init_barHidden(this, false));
     _classPrivateFieldInitSpec(this, _R, _init_asideWidth(this, MinAsideWidth));
-    _classPrivateFieldInitSpec(this, _S, _init_chatRoomState(this, FcrChatRoomConnectionState.Disconnected));
-    _classPrivateFieldInitSpec(this, _T, _init_whiteboardActive(this, false));
-    _classPrivateFieldInitSpec(this, _U, _init_ownerUser(this, undefined));
+    _classPrivateFieldInitSpec(this, _S, _init_whiteboardActive(this, false));
+    _classPrivateFieldInitSpec(this, _T, _init_ownerUser(this, undefined));
     _defineProperty(this, "getAllowedOperations", computedFn(function (targetRole, isSelf) {
       return _this._privilegeProvider.getAllowedOperations(targetRole, isSelf);
     }));
@@ -169,6 +167,7 @@ export var LayoutStoreBase = /*#__PURE__*/function () {
     this._privilegeProvider = objectManager.getObject(FcrUIObjectKeys.P_PRIVILEGE_PROVIDER);
     this._sharedSettingDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_SETTING_DATA_SOURCE);
     this._sharedInterpreterDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_INTERPRETER_DATA_SOURCE);
+    this._sharedChatDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_CHAT_DATA_SOURCE);
     this._chatProvider = objectManager.getObject(FcrUIObjectKeys.P_CHAT_PROVIDER);
     this._sharedUserAudioVolumeDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_USER_AUDIO_VOLUME_DATA_SOURCE);
     this._videoWindowDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_VIDEO_WINDOW_DATA_SOURCE);
@@ -176,7 +175,7 @@ export var LayoutStoreBase = /*#__PURE__*/function () {
     this._pinDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_PIN_DATA_SOURCE);
     this._sharedScreenShareDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_SCREEN_SHARE_DATA_SOURCE);
     this._annotationProvider = objectManager.getObject(FcrUIObjectKeys.P_ANNOTATION_PROVIDER);
-    this.chatRoomState = this._chatRoomControl.getConnectionState();
+    this._sharedChatDataSource.setConnectionState(FcrUIRoomType.MAIN_ROOM, this._chatRoomControl.getConnectionState());
   }
   return _createClass(LayoutStoreBase, [{
     key: "participant",
@@ -325,26 +324,24 @@ export var LayoutStoreBase = /*#__PURE__*/function () {
   }, {
     key: "chatRoomState",
     get: function get() {
-      return _classPrivateFieldGet(_S, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_S, this, v);
+      var _this$_sharedChatData, _this$_sharedChatData2;
+      return (_this$_sharedChatData = (_this$_sharedChatData2 = this._sharedChatDataSource) === null || _this$_sharedChatData2 === void 0 ? void 0 : _this$_sharedChatData2.currentConnectionState) !== null && _this$_sharedChatData !== void 0 ? _this$_sharedChatData : FcrChatRoomConnectionState.Disconnected;
     }
   }, {
     key: "whiteboardActive",
     get: function get() {
-      return _classPrivateFieldGet(_T, this);
+      return _classPrivateFieldGet(_S, this);
     },
     set: function set(v) {
-      _classPrivateFieldSet(_T, this, v);
+      _classPrivateFieldSet(_S, this, v);
     }
   }, {
     key: "ownerUser",
     get: function get() {
-      return _classPrivateFieldGet(_U, this);
+      return _classPrivateFieldGet(_T, this);
     },
     set: function set(v) {
-      _classPrivateFieldSet(_U, this, v);
+      _classPrivateFieldSet(_T, this, v);
     }
   }, {
     key: "streamControl",
@@ -1212,9 +1209,10 @@ export var LayoutStoreBase = /*#__PURE__*/function () {
     }
   }, {
     key: "_handleConnectionUpdated",
-    value: function _handleConnectionUpdated(_, state) {
-      this.logger.info('layout store handleConnectionUpdated', state);
-      this.chatRoomState = state;
+    value: function _handleConnectionUpdated(_, state, roomType) {
+      this.logger.info('layout store handleConnectionUpdated', state, roomType);
+      // 连接状态已由共享数据源统一管理，这里不需要再更新
+      // 共享数据源会在收到回调时自动更新状态
     }
   }, {
     key: "_findVideoWindowByUserId",
@@ -1312,7 +1310,7 @@ export var LayoutStoreBase = /*#__PURE__*/function () {
   }]);
 }();
 _LayoutStoreBase = LayoutStoreBase;
-var _applyDecs$e = _slicedToArray(_applyDecs(_LayoutStoreBase, [[_participantDecs, 17, "participant"], [_chatDecs, 17, "chat"], [_chatActionDecs, 17, "chatAction"], [_stateBarDecs, 17, "stateBar"], [_actionBarDecs, 17, "actionBar"], [_layersDecs, 17, "layers"], [_whiteboardDecs, 17, "whiteboard"], [_annotationDecs, 17, "annotation"], [_screenShareControlDecs, 17, "screenShareControl"], [_subtitlesDecs, 17, "subtitles"], [_subtitlesHistoryDecs, 17, "subtitlesHistory"], [_subtitlesHistorySettingsDecs, 17, "subtitlesHistorySettings"], [observable, 1, "collapsed"], [observable, 1, "aside"], [observable, 1, "barHovering"], [observable, 1, "barLocked"], [observable, 1, "barHidden"], [observable, 1, "asideWidth"], [observable, 1, "chatRoomState"], [observable, 1, "whiteboardActive"], [observable, 1, "ownerUser"], [computed, 3, "isWaterMarkEnabled"], [computed, 3, "isMulti"], [computed, 3, "layout"], [computed, 3, "manualLayout"], [computed, 3, "scalcValue"], [computed, 3, "sourceList"], [computed, 3, "layoutMainList"], [computed, 3, "mainList"], [computed, 3, "spotlightStreamId"], [computed, 3, "foldList"], [computed, 3, "galleryList"], [computed, 3, "isMainWindowInScreenSharing"], [computed, 3, "isCurrentUserInBoardSharing"], [computed, 3, "asideLayout"], [computed, 3, "carouselList"], [computed, 3, "hasPinnedStream"], [computed, 3, "isRobot"], [computed, 3, "findSpotlightUser"], [computed, 3, "isWhoISpeakingActive"], [computed, 3, "microphoneEnabled"], [computed, 3, "cameraEnabled"], [computed, 3, "galleryMaxSize"], [computed, 3, "asideContent"], [computed, 3, "participantsRenderAt"], [computed, 3, "chatRenderAt"], [computed, 3, "subtitlesHistoryRenderAt"], [bound, 2, "getWaterMarkContent"], [bound, 2, "hasMutePermission"], [bound, 2, "hasUnmutePermission"], [bound, 2, "hasRequestStartAudioPermission"], [bound, 2, "toggleMainStream"], [_addPinMessageDecs, 18, "addPinMessage"], [_cancelPinMessageDecs, 18, "cancelPinMessage"], [bound, 2, "addPin"], [bound, 2, "removePin"], [bound, 2, "setVideoOrientation"], [bound, 2, "setAllowChat"], [bound, 2, "handleSetPinState"], [_setWhiteboardActiveDecs, 18, "setWhiteboardActive"], [_setAsideWidthDecs, 18, "setAsideWidth"], [_updateSlotsDecs, 18, "updateSlots"], [bound, 2, "closeParticipantFromAside"], [bound, 2, "moveParticipantFromAsideToDialog"], [bound, 2, "closeChatFromAside"], [bound, 2, "closeAsideChat"], [bound, 2, "moveChatFromAsideToDialog"], [bound, 2, "openPrivateChat"], [bound, 2, "openRenameDialog"], [bound, 2, "closeSubtitlesHistoryFromAside"], [bound, 2, "moveSubtitlesHistoryFromAsideToDialog"], [_toggleLayoutDecs, 18, "toggleLayout"], [_toggleCollapsedDecs, 18, "toggleCollapsed"], [_toggleAsideDecs, 18, "toggleAside"], [_asideWidthChangedDecs, 18, "asideWidthChanged"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_toggleLayoutBarHiddenDecs, 18, "toggleLayoutBarHidden"], [_resetLockTimerDecs, 18, "resetLockTimer"], [_setHoveringHandlerDecs, 18, "setHoveringHandler"], [_setHoveringLeaveHandlerDecs, 18, "setHoveringLeaveHandler"], [_setScreenShareSpeakerViewSizeDecs, 2, "setScreenShareSpeakerViewSize"], [_handleLiveLayoutChangeDecs, 18, "handleLiveLayoutChange"], [_onUserInfoUpdatedDecs, 18, "onUserInfoUpdated"], [bound, 2, "stopLocalPreview"], [bound, 2, "startLocalPreview"], [bound, 2, "setAllowChatWithPayload"], [bound, 2, "setScaleValue"], [bound, 2, "muteAudio"], [bound, 2, "setControlbarEnabled"], [bound, 2, "sendParticipantEvent"], [bound, 2, "onEvent"], [bound, 2, "_addListeners"], [computed, 3, "_hasVideoStreamUser"], [_handleMainListLengthChangedDecs, 18, "_handleMainListLengthChanged"], [_handleMainListChangedDecs, 18, "_handleMainListChanged"], [action, 2, "_switchToSpeaker"], [action, 2, "_switchToGallery"], [_setBarHoveringDecs, 18, "_setBarHovering"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_findVideoWindowByUserIdDecs, 18, "_findVideoWindowByUserId"], [_onRemoteUsersLeftDecs, 18, "_onRemoteUsersLeft"], [bound, 2, "_handleLiveStreamingStateUpdated"], [bound, 2, "_handleStreamAdded"], [bound, 2, "_onStreamsAdded"], [bound, 2, "_onStreamsUpdated"], [bound, 2, "_onStreamsRemoved"], [_handleLayoutUpdatedDecs, 16, "_handleLayoutUpdated"]], []).e, 23);
+var _applyDecs$e = _slicedToArray(_applyDecs(_LayoutStoreBase, [[_participantDecs, 17, "participant"], [_chatDecs, 17, "chat"], [_chatActionDecs, 17, "chatAction"], [_stateBarDecs, 17, "stateBar"], [_actionBarDecs, 17, "actionBar"], [_layersDecs, 17, "layers"], [_whiteboardDecs, 17, "whiteboard"], [_annotationDecs, 17, "annotation"], [_screenShareControlDecs, 17, "screenShareControl"], [_subtitlesDecs, 17, "subtitles"], [_subtitlesHistoryDecs, 17, "subtitlesHistory"], [_subtitlesHistorySettingsDecs, 17, "subtitlesHistorySettings"], [observable, 1, "collapsed"], [observable, 1, "aside"], [observable, 1, "barHovering"], [observable, 1, "barLocked"], [observable, 1, "barHidden"], [observable, 1, "asideWidth"], [computed, 3, "chatRoomState"], [observable, 1, "whiteboardActive"], [observable, 1, "ownerUser"], [computed, 3, "isWaterMarkEnabled"], [computed, 3, "isMulti"], [computed, 3, "layout"], [computed, 3, "manualLayout"], [computed, 3, "scalcValue"], [computed, 3, "sourceList"], [computed, 3, "layoutMainList"], [computed, 3, "mainList"], [computed, 3, "spotlightStreamId"], [computed, 3, "foldList"], [computed, 3, "galleryList"], [computed, 3, "isMainWindowInScreenSharing"], [computed, 3, "isCurrentUserInBoardSharing"], [computed, 3, "asideLayout"], [computed, 3, "carouselList"], [computed, 3, "hasPinnedStream"], [computed, 3, "isRobot"], [computed, 3, "findSpotlightUser"], [computed, 3, "isWhoISpeakingActive"], [computed, 3, "microphoneEnabled"], [computed, 3, "cameraEnabled"], [computed, 3, "galleryMaxSize"], [computed, 3, "asideContent"], [computed, 3, "participantsRenderAt"], [computed, 3, "chatRenderAt"], [computed, 3, "subtitlesHistoryRenderAt"], [bound, 2, "getWaterMarkContent"], [bound, 2, "hasMutePermission"], [bound, 2, "hasUnmutePermission"], [bound, 2, "hasRequestStartAudioPermission"], [bound, 2, "toggleMainStream"], [_addPinMessageDecs, 18, "addPinMessage"], [_cancelPinMessageDecs, 18, "cancelPinMessage"], [bound, 2, "addPin"], [bound, 2, "removePin"], [bound, 2, "setVideoOrientation"], [bound, 2, "setAllowChat"], [bound, 2, "handleSetPinState"], [_setWhiteboardActiveDecs, 18, "setWhiteboardActive"], [_setAsideWidthDecs, 18, "setAsideWidth"], [_updateSlotsDecs, 18, "updateSlots"], [bound, 2, "closeParticipantFromAside"], [bound, 2, "moveParticipantFromAsideToDialog"], [bound, 2, "closeChatFromAside"], [bound, 2, "closeAsideChat"], [bound, 2, "moveChatFromAsideToDialog"], [bound, 2, "openPrivateChat"], [bound, 2, "openRenameDialog"], [bound, 2, "closeSubtitlesHistoryFromAside"], [bound, 2, "moveSubtitlesHistoryFromAsideToDialog"], [_toggleLayoutDecs, 18, "toggleLayout"], [_toggleCollapsedDecs, 18, "toggleCollapsed"], [_toggleAsideDecs, 18, "toggleAside"], [_asideWidthChangedDecs, 18, "asideWidthChanged"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_toggleLayoutBarHiddenDecs, 18, "toggleLayoutBarHidden"], [_resetLockTimerDecs, 18, "resetLockTimer"], [_setHoveringHandlerDecs, 18, "setHoveringHandler"], [_setHoveringLeaveHandlerDecs, 18, "setHoveringLeaveHandler"], [_setScreenShareSpeakerViewSizeDecs, 2, "setScreenShareSpeakerViewSize"], [_handleLiveLayoutChangeDecs, 18, "handleLiveLayoutChange"], [_onUserInfoUpdatedDecs, 18, "onUserInfoUpdated"], [bound, 2, "stopLocalPreview"], [bound, 2, "startLocalPreview"], [bound, 2, "setAllowChatWithPayload"], [bound, 2, "setScaleValue"], [bound, 2, "muteAudio"], [bound, 2, "setControlbarEnabled"], [bound, 2, "sendParticipantEvent"], [bound, 2, "onEvent"], [bound, 2, "_addListeners"], [computed, 3, "_hasVideoStreamUser"], [_handleMainListLengthChangedDecs, 18, "_handleMainListLengthChanged"], [_handleMainListChangedDecs, 18, "_handleMainListChanged"], [action, 2, "_switchToSpeaker"], [action, 2, "_switchToGallery"], [_setBarHoveringDecs, 18, "_setBarHovering"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_findVideoWindowByUserIdDecs, 18, "_findVideoWindowByUserId"], [_onRemoteUsersLeftDecs, 18, "_onRemoteUsersLeft"], [bound, 2, "_handleLiveStreamingStateUpdated"], [bound, 2, "_handleStreamAdded"], [bound, 2, "_onStreamsAdded"], [bound, 2, "_onStreamsUpdated"], [bound, 2, "_onStreamsRemoved"], [_handleLayoutUpdatedDecs, 16, "_handleLayoutUpdated"]], []).e, 22);
 _init_participant = _applyDecs$e[0];
 _init_chat = _applyDecs$e[1];
 _init_chatAction = _applyDecs$e[2];
@@ -1331,9 +1329,8 @@ _init_barHovering = _applyDecs$e[14];
 _init_barLocked = _applyDecs$e[15];
 _init_barHidden = _applyDecs$e[16];
 _init_asideWidth = _applyDecs$e[17];
-_init_chatRoomState = _applyDecs$e[18];
-_init_whiteboardActive = _applyDecs$e[19];
-_init_ownerUser = _applyDecs$e[20];
-_init__handleLayoutUpdated = _applyDecs$e[21];
-_initProto = _applyDecs$e[22];
+_init_whiteboardActive = _applyDecs$e[18];
+_init_ownerUser = _applyDecs$e[19];
+_init__handleLayoutUpdated = _applyDecs$e[20];
+_initProto = _applyDecs$e[21];
 export var StoreContext = /*#__PURE__*/createContext(null);

package/lib-es/modules/participant/components/confirm-input/index.css

@@ -14,6 +14,72 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: 15px;
+  gap: 20px;
   overflow: hidden;
 }
+
+.participants-container-rename-input-wrapper {
+  width: 100%;
+  position: relative;
+}
+
+.participants-container-rename-input-wrapper .fcr-textarea {
+  width: 272px;
+  height: 84px;
+  border-radius: var(--fcr_cornerradius_l);
+  border-width: 1px;
+  padding-top: 12px;
+  padding-right: 12px;
+  padding-bottom: 26px; /* 8px (Figma padding-bottom) + 18px (字符计数区域) = 26px */
+  padding-left: 12px;
+  box-sizing: border-box;
+}
+
+.participants-container-rename-input-wrapper .fcr-textarea textarea {
+  width: 248px; /* 272 - 12*2 = 248px */
+  height: 40px;
+  font-family:
+    'Inter',
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    'Helvetica Neue',
+    Arial,
+    sans-serif;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0;
+  color: var(--fcr_ui_scene_icontext1);
+  padding: 0; /* 容器的 padding 已经处理了间距 */
+  box-sizing: border-box;
+  vertical-align: bottom;
+}
+
+.participants-container-rename-input-wrapper .fcr-textarea .fcr-textarea-wc {
+  height: 16px;
+  font-family:
+    'Inter',
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    'Helvetica Neue',
+    Arial,
+    sans-serif;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+  letter-spacing: 0;
+  text-align: right;
+  color: var(--fcr_ui_scene_icontext2);
+  position: absolute;
+  bottom: 8px; /* 根据 Figma padding-bottom: 8px 调整 */
+  left: 12px; /* 与容器的 padding-left 对齐 */
+  right: 12px; /* 与容器的 padding-right 对齐，宽度自动计算为 248px (272 - 12*2) */
+}