fcr-ui-scene 3.4.2 → 3.4.4

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

@@ -0,0 +1,9 @@
+import { AgoraRtcRenderMode, AgoraRtcVideoStreamType } from 'fcr-core/lib/imports';
+export declare const FcrUIVideoPlayer: (props: {
+    isLocal: boolean;
+    streamId: string;
+    hasVideoStream: boolean;
+    videoStreamType: AgoraRtcVideoStreamType;
+    renderMode: AgoraRtcRenderMode;
+    hasScreenSharing: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
+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/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");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrUIVideoPlayer = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _remoteVideoPlayer = require("./components/remote-video-player");
+var _localVideoPlayer = require("./components/local-video-player");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["isLocal"];
+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; }
+var FcrUIVideoPlayer = exports.FcrUIVideoPlayer = function FcrUIVideoPlayer(props) {
+  var isLocal = props.isLocal,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return isLocal ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_localVideoPlayer.FcrUILocalVideoPlayer, {
+    renderMode: others.renderMode
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_remoteVideoPlayer.FcrUIRemoteVideoPlayer, _objectSpread({}, others));
+};

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

@@ -0,0 +1,78 @@
+import { AgoraRtcRenderMode, AgoraRtcVideoStreamType } from 'fcr-core/lib/imports';
+import { FcrUIVideoWindowData, FcrUserRole } from '../../../type';
+import { FcrVideoWindowPreviewType } from '../../video-window/type';
+import { FcrInterpreterUserInfo } from 'fcr-core/lib/room-control/interpreter-control/types';
+export interface MemberWindowCustomProps {
+    showAvatar: boolean;
+    onDoubleClick: () => void;
+    onRemovePin: (streamId: string) => void;
+    slot?: React.ReactNode;
+    width?: number;
+    height?: number;
+    canShowSpeakerSpotlight: boolean;
+    memberWindowPreviewType?: 'gallery' | 'carousel' | 'suspend';
+    videoRenderMode: AgoraRtcRenderMode;
+    videoStreamType: AgoraRtcVideoStreamType;
+}
+export interface MemberWindowProps extends MemberWindowCustomProps {
+    windowData: FcrUIVideoWindowData;
+}
+export interface MicVolumeProps {
+    id: string | undefined;
+    size: number;
+    volume: number;
+}
+export interface MemberBoardProps {
+    slot: React.ReactNode;
+    isMask: boolean;
+    onMaskDoubleClick: () => void;
+    windowData: FcrUIVideoWindowData;
+    allowedOperations: string[];
+    showActionBottomLabel: boolean;
+    isShowActionAudio: boolean;
+    actionAudioTag: string;
+    hasPinnedStream: boolean;
+    localUserRole: FcrUserRole;
+    sendParticipantEvent: (event: any) => void;
+    muteAudio: (mute: boolean, userId: string) => void;
+    openPrivateChat: (userId: string) => void;
+    setVideoOrientation: () => void;
+    interpreterUserList: FcrInterpreterUserInfo[] | null;
+    isInterpreterEnabled: boolean;
+    openRenameDialog: (userId: string) => void;
+    id: string | undefined;
+    volume: number;
+}
+export interface MemberWindowActionsProps {
+    windowData: FcrUIVideoWindowData;
+    iconSize: number;
+    windowSize: 'large' | 'normal';
+    openPrivateChat: (userId: string) => void;
+    localUserRole: FcrUserRole;
+    sendParticipantEvent: (event: any) => void;
+    muteAudio: (mute: boolean, userId: string) => void;
+    hasPinnedStream: boolean;
+    allowedOperations: string[];
+    setVideoOrientation: () => void;
+    showActionBottomLabel: boolean;
+    isShowActionAudio: boolean;
+    actionAudioTag: string;
+    onVisibleChanged?: (visible: boolean) => void;
+    videoWindowCurrentWidth?: number;
+    videoWindowCurrentHeight?: number;
+    videoWindowPreviewType?: FcrVideoWindowPreviewType;
+    showRotation: boolean;
+    interpreterUserList: FcrInterpreterUserInfo[] | null;
+    isInterpreterEnabled: boolean;
+    handleRename: (userId: string) => void;
+    renderListLength?: number;
+    id: string | undefined;
+    volume: number;
+}
+export type MemberWindowSlots = {
+    topLeft?: React.ReactNode;
+    topRight?: React.ReactNode;
+    bottomLeft?: React.ReactNode;
+    bottomCenter?: React.ReactNode;
+    bottomRight?: React.ReactNode;
+};

package/lib/modules/components/member-window/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -12,6 +12,7 @@ var _mobxReact = require("mobx-react");
 var _store = require("../../store");
 require("./index.css");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _deviceStore = require("../../../../common/device-store");
 var _jsxRuntime = require("react/jsx-runtime");
 var ConnectorTabs = (0, _mobxReact.observer)(function (props) {
   var _useContext = (0, _react.useContext)(_store.StoreContext),
@@ -26,7 +27,7 @@ var ConnectorTabs = (0, _mobxReact.observer)(function (props) {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
         activeKey: activeTabKey,
         items: [{
-          label: "Computer Audio".concat(connectType === _store.ConnectType.COMPUTER ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
+          label: "".concat((0, _i18n.transI18n)('fmt_PSTN_label_pcaudio')).concat(connectType === _deviceStore.ConnectType.COMPUTER ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
           key: 'computer'
         }, {
           label: "".concat((0, _i18n.transI18n)('fmt_pstn_options_phoneaudio')).concat(hasOwnPstnStream ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MeetingDetails = void 0;
-require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/web.timers.js");
@@ -24,6 +23,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _store = require("../../store");
 var _meetingTime = require("../../../../hooks/meeting-time");
 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)();
@@ -31,7 +31,7 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
   var _useState = (0, _react.useState)({
       copyState: _enums.CopyState.COPYINIT,
       copyIcon: _type.FcrIconType.FCR_LINK,
-      copyText: t('fmt_sharing_button_copydetailed')
+      copyText: t('fmt_popup_button_meetinginfor')
     }),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     copyInfoState = _useState2[0],
@@ -75,17 +75,7 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
   //   reason3: '',
   //   reason4: shareLink,
   // });
-  var detailText = "\n".concat(t('fmt_link_invitation', {
-    reason1: userName
-  }), "\n").concat(t('fmt_link_invitation_topic', {
-    reason1: roomName
-  }), "\n").concat(t('fmt_link_invitation_link', {
-    reason1: shareLink
-  }), "\n").concat(t('fmt_link_invitation_id', {
-    reason1: displayMeetingId
-  }), "\n").concat(!!password ? t('fmt_link_invitation_password', {
-    reason1: password
-  }) : '').replace(/^\s*\n/gm, '');
+  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, '');
@@ -167,7 +157,7 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
         setCopyInfoState({
           copyState: _enums.CopyState.COPYINIT,
           copyIcon: _type.FcrIconType.FCR_LINK,
-          copyText: t('fmt_sharing_button_copydetailed')
+          copyText: t('fmt_popup_button_meetinginfor')
         });
       }, 1000);
     }
@@ -219,7 +209,9 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
       }), !!password && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "meeting-details__content-share-link",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-          children: t('fmt_meeting_creatpage_label_password')
+          children: t('fmt_meeting_mainwindow_topbar_left_popup_label_meeting_password', {
+            reason1: ''
+          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: password
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/modules/control-bar/components/more-actions/index.js

@@ -6,12 +6,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MorePopoverContent = void 0;
-require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.string.replace.js");
 require("core-js/modules/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
@@ -30,6 +27,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _enums = require("../../enums");
 var _type3 = require("fcr-core/lib/room-control/type");
 var _tools = require("../../../../utilities/tools");
+var _meetingDetail = require("../../../../utilities/meeting-detail");
 var _jsxRuntime = require("react/jsx-runtime");
 var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(function (props) {
   var ref = (0, _react.useRef)(null);
@@ -54,7 +52,9 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     roomId = _useContext$roomInfo.roomId,
     roomName = _useContext$roomInfo.roomName,
     userName = _useContext.localUser.userName,
-    meetingId = _useContext.meetingId;
+    meetingId = _useContext.meetingId,
+    startTime = _useContext.startTime,
+    roomDuration = _useContext.roomDuration;
   var transI18n = (0, _i18n.useI18n)();
   var onItemClick = function onItemClick(item) {
     if (item.onClick) {
@@ -77,17 +77,7 @@ var MorePopoverContent = exports.MorePopoverContent = (0, _mobxReact.observer)(f
     return getShareLink();
   }, []);
   var displayMeetingId = (0, _tools.renderMeetingId)(meetingId, roomId);
-  var detailText = "\n     ".concat(transI18n('fmt_link_invitation', {
-    reason1: userName
-  }), "\n     ").concat(transI18n('fmt_link_invitation_topic', {
-    reason1: roomName
-  }), "\n     ").concat(transI18n('fmt_link_invitation_link', {
-    reason1: shareLink
-  }), "\n     ").concat(transI18n('fmt_link_invitation_id', {
-    reason1: displayMeetingId
-  }), "\n     ").concat(!!password ? transI18n('fmt_link_invitation_password', {
-    reason1: password
-  }) : '').replace(/^\s+/gm, '').replace(/^\s*\n/gm, '');
+  var detailText = (0, _meetingDetail.generateMeetingDetail)(userName, roomName, (0, _meetingDetail.generateMeetingDuration)(startTime, roomDuration), shareLink, displayMeetingId, password || '');
   var handleCopyMeetingDetail = (0, _react.useCallback)(function () {
     (0, _copyText.copyText)(detailText).then(function () {
       showToast({

package/lib/modules/dialog/components/widget/electron.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { FcrUIWebWidgetConfig } from '../../../../type';
+export declare const WidgetElectronDialog: ({ children, params, }: PropsWithChildren<{
+    params: FcrUIWebWidgetConfig;
+}>) => null;

package/lib/modules/dialog/components/widget/electron.js

@@ -0,0 +1,41 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WidgetElectronDialog = void 0;
+require("core-js/modules/es.function.name.js");
+var _constant = require("../../../../utilities/constant");
+var _useElectron = require("../../hooks/useElectron");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var WidgetElectronDialog = exports.WidgetElectronDialog = function WidgetElectronDialog(_ref) {
+  var _params$popupSize, _params$popupSize2;
+  var children = _ref.children,
+    params = _ref.params;
+  var transI18n = (0, _i18n.useI18n)();
+  var config = {
+    fullscreen: false,
+    maximizable: false,
+    trafficLightPosition: {
+      x: 10,
+      y: 60
+    },
+    width: (_params$popupSize = params.popupSize) === null || _params$popupSize === void 0 ? void 0 : _params$popupSize.width,
+    height: (_params$popupSize2 = params.popupSize) === null || _params$popupSize2 === void 0 ? void 0 : _params$popupSize2.width,
+    // minWidth: 620,
+    // minHeight: 300,
+    // maxWidth: 1020,
+    // maxHeight: 900,
+    title: params.name,
+    resizable: false
+  };
+  (0, _useElectron.useElectronDialogByDialogId)({
+    config: config,
+    dialogKey: _constant.FcrUIDialogKey.WIDGET,
+    dialogId: params.id,
+    children: children,
+    hasCustomShadow: false
+  });
+  return null;
+};

package/lib/modules/dialog/components/widget/index.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { FcrUIWebWidgetConfig } from '../../../../type';
+declare const WidgetDialog: ({ children, params, }: PropsWithChildren<{
+    params: FcrUIWebWidgetConfig;
+}>) => import("react/jsx-runtime").JSX.Element;
+export default WidgetDialog;

package/lib/modules/dialog/components/widget/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.function.name.js");
+var _env = require("agora-foundation/lib/utilities/env");
+var _electron = require("./electron");
+var _react = require("react");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _dialogContainer = _interopRequireDefault(require("../dialog-container"));
+var _constant = require("../../../../utilities/constant");
+var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
+var WidgetDialog = function WidgetDialog(_ref) {
+  var _params$popupSize, _params$popupSize2;
+  var children = _ref.children,
+    params = _ref.params;
+  var t = (0, _i18n.useI18n)();
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    widgetDialogIds = _useContext.widgetDialogIds;
+  var container = /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialogContainer["default"], {
+    title: params.name,
+    width: (_params$popupSize = params.popupSize) === null || _params$popupSize === void 0 ? void 0 : _params$popupSize.width,
+    height: (_params$popupSize2 = params.popupSize) === null || _params$popupSize2 === void 0 ? void 0 : _params$popupSize2.height,
+    dialogKey: _constant.FcrUIDialogKey.WIDGET,
+    dialogId: widgetDialogIds.get(params.id),
+    children: children
+  });
+  if ((0, _env.isElectron)()) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_electron.WidgetElectronDialog, {
+      params: params,
+      children: container
+    });
+  }
+  return container;
+};
+var _default = exports["default"] = WidgetDialog;

package/lib/modules/dialog/type.d.ts

@@ -0,0 +1,84 @@
+import React from 'react';
+import { FcrUIDialogKey } from '../../utilities/constant';
+import DialogStore from './store';
+export type FcrUIDialogHooksProps = {
+    /**
+     * @param dialogKey - dialog 窗口的 key，为 FcrUIDialogKey 的枚举之一
+     */
+    dialogKey: FcrUIDialogKey;
+    /**
+     * @param dialogId - dialog 窗口的 id，标识唯一窗口
+     */
+    dialogId?: string;
+    /**
+     * @param config - electron 的 BrowserWindowConstructorOptions 配置，当自定义配置的 hasCustomShadow 开启时，其中的 width 和 height 会自动加上阴影的宽度
+     * @param height - The height value should be based on the maximum content height of the tab
+     */
+    config: Electron.BrowserWindowConstructorOptions;
+    /**
+     * @param onClose - 当 dialog 关闭时的回调函数，函数签名为 dialog 的 store
+     * */
+    onClose?: (props: {
+        store: DialogStore;
+        browserWindow: Electron.BrowserWindow;
+    }) => void;
+    /**
+     * @param onOpened - 当 dialog 打开时的回调函数，函数签名为 dialog 的 store、browserwindow 对象和设置 bounds 的方法，此 bounds 不同于 browserwindow 的 setBounds 会为宽高自动加上阴影的设置
+     */
+    onOpened?: (props: {
+        browserWindow: Electron.BrowserWindow;
+        newRendererWindow: Window;
+        store: DialogStore;
+        setBounds: (bounds: Partial<Electron.Rectangle>, animate?: boolean) => void;
+        nearDisplayBounds: Electron.Rectangle;
+    }) => void;
+    /**
+     * * @param onUnmounted - 当 dialog 卸载时的回调函数，函数签名为 dialog 的 store
+     */
+    onUnmounted?: (store: DialogStore) => void;
+    /**
+     * @param children - dialog 的内容
+     */
+    children: React.ReactNode;
+    /**
+     * @param scroll - 是否显示滚动栏，默认为 false
+     */
+    scroll?: boolean;
+    /**
+     * @param focus -  在 dialog 窗口打开之后，调用 browserWindow 的 focus 方法， 默认为 true
+     */
+    focus?: boolean;
+    /**
+     * @param ignoreMouseEvents - 在 dialog 窗口打开之后，设置是否忽略鼠标事件
+     */
+    ignoreMouseEvents?: boolean | Electron.IgnoreMouseEventsOptions;
+    /**
+     * @param alwaysOnTop - 在 dialog 窗口打开之后，主动调用一次 browserWindow 的 setAlwaysOnTop(true, 'normal') 方法，默认为true
+     * @type boolean | 'normal' | 'floating' | 'torn-off-menu' | 'modal-panel' | 'main-menu' | 'status' | 'pop-up-menu' | 'screen-saver'
+     */
+    alwaysOnTop?: boolean | 'normal' | 'floating' | 'torn-off-menu' | 'modal-panel' | 'main-menu' | 'status' | 'pop-up-menu' | 'screen-saver';
+    /**
+     * @param fullScreen - 自定义全屏设置，和 electron 的全屏设置不同，它会以主窗口的位置为基准，给新打开的窗口设置和屏幕一样的大小
+     */
+    fullScreen?: boolean;
+    /**
+     * @param polyfills - 这个可以以一句话的形式描述 polyfills，比如：fix-toast-window-flash，并通过这个字段来判断进行特殊处理
+     */
+    polyfills?: string[];
+    /**
+     * @param hasCustomShadow - 通过缩小 electron 容器内的容器宽度加 css 样式阴影实现，所以会让原生 electron 的拖动响应的边产生偏移，所以如果窗口是可拖动的，需要设置为 false。默认值 true。目前窗口有三种，一种是作为 toast 和 confirm 容器的窗口，这种窗口因为是全屏显示不需要阴影，一种是 participant 和 chat 窗口，这俩窗口需要拉伸操作，所以用系统阴影，不用自定义阴影。还有一种是独立的窗口，这种窗口不需要拉伸，所以用自定义阴影，配置为 true 时，窗口会给宽高加上阴影的偏移量，所以 toast 和 confirm 窗口需要设置为 false
+     * */
+    hasCustomShadow?: boolean;
+    /**
+     * @param disableShortcutClose - 是否可以用快捷键关闭窗口，默认为 false
+     */
+    disableShortcutClose?: boolean;
+};
+export type FcrUIDialogComponent = React.FC<FcrDialogProps>;
+export type FcrDialogProps = {
+    params: unknown;
+};
+export type FcrUIDialogInfo = {
+    key: FcrUIDialogKey;
+    component: FcrUIDialogComponent;
+};

package/lib/modules/dialog/type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -16,7 +16,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PSTNInvite = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.string.trim.js");
@@ -36,6 +35,7 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _errorTips = require("./error-tips");
 var _enums = require("../enums");
 var _tools = require("../../../utilities/tools");
+var _meetingDetail = require("../../../utilities/meeting-detail");
 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; }
@@ -79,7 +79,8 @@ var PSTNInvite = exports.PSTNInvite = (0, _mobxReact.observer)(function () {
     roomId = _useContext$roomInfo.roomId,
     roomName = _useContext$roomInfo.roomName,
     userName = _useContext.localUser.userName,
-    meetingId = _useContext.meetingId;
+    meetingId = _useContext.meetingId,
+    roomSchedule = _useContext.roomSchedule;
   var _useState13 = (0, _react.useState)(pstnCountryCodeList.length ? pstnCountryCodeList[0].text : ''),
     _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
     invitePhoneZone = _useState14[0],
@@ -107,17 +108,7 @@ var PSTNInvite = exports.PSTNInvite = (0, _mobxReact.observer)(function () {
     return getShareLink();
   }, []);
   var displayMeetingId = (0, _tools.renderMeetingId)(meetingId, roomId);
-  var detailText = "\n   ".concat(transI18n('fmt_link_invitation', {
-    reason1: userName
-  }), "\n   ").concat(transI18n('fmt_link_invitation_topic', {
-    reason1: roomName
-  }), "\n   ").concat(transI18n('fmt_link_invitation_link', {
-    reason1: shareLink
-  }), "\n   ").concat(transI18n('fmt_link_invitation_id', {
-    reason1: displayMeetingId
-  }), "\n   ").concat(!!password ? transI18n('fmt_link_invitation_password', {
-    reason1: password
-  }) : '').replace(/^\s+/gm, '').replace(/^\s*\n/gm, '');
+  var detailText = (0, _meetingDetail.generateMeetingDetail)(userName, roomName, (0, _meetingDetail.generateMeetingDuration)((roomSchedule === null || roomSchedule === void 0 ? void 0 : roomSchedule.startTime) || 0, (roomSchedule === null || roomSchedule === void 0 ? void 0 : roomSchedule.duration) || 0), shareLink, displayMeetingId, password || '');
   var handleCopyMeetingDetail = (0, _react.useCallback)(function () {
     (0, _copyText.copyText)(detailText).then(function () {
       showToast({

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

@@ -25,13 +25,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _mobxReact = require("mobx-react");
 var _react = _interopRequireWildcard(require("react"));
 var _copyText = require("../../utilities/copyText");
-var _context2 = require("./context");
 var _store = require("./store");
 var _regex = require("../../utilities/regex");
 var _actionPhone = require("agora-ui-foundation/lib/components/action-phone");
 var _button = require("agora-ui-foundation/lib/components/button");
 var _input = require("agora-ui-foundation/lib/components/input");
-var _toast = require("agora-ui-foundation/lib/components/toast");
 var _zonePhone = require("agora-ui-foundation/lib/components/zone-phone");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -73,12 +71,13 @@ var PSTNInvite = exports.PSTNInvite = (0, _mobxReact.observer)(function () {
     _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
     isLoading = _useState12[0],
     setIsLoading = _useState12[1];
-  var _useContext = (0, _react.useContext)(_context2.StoreContext),
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
     isPstnCalling = _useContext.isPstnCalling,
     startSessionByPhone = _useContext.startSessionByPhone,
     calledPstnInfo = _useContext.calledPstnInfo,
     pstnCountryCodeList = _useContext.pstnCountryCodeList,
-    stopSession = _useContext.stopSession;
+    stopSession = _useContext.stopSession,
+    showToast = _useContext.showToast;
   var _useState13 = (0, _react.useState)(pstnCountryCodeList.length ? pstnCountryCodeList[0].text : ''),
     _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
     invitePhoneZone = _useState14[0],
@@ -95,11 +94,9 @@ var PSTNInvite = exports.PSTNInvite = (0, _mobxReact.observer)(function () {
   }, []);
   var handleCopyMeetingDetail = (0, _react.useCallback)(function () {
     (0, _copyText.copyText)('TODO 会议信息').then(function () {
-      _toast.FcrToastApi.open({
-        toastProps: {
-          type: 'info',
-          content: transI18n('fmt_statusbar_status_coppied')
-        }
+      showToast({
+        type: 'info',
+        message: transI18n('fmt_statusbar_status_coppied')
       });
     });
   }, []);
@@ -267,6 +264,7 @@ var PSTNInvite = exports.PSTNInvite = (0, _mobxReact.observer)(function () {
       type: "secondary-bordered",
       size: "XS",
       onClick: handleCopyMeetingDetail,
+      className: "invite__pstn-invite-copyinfo",
       children: transI18n('fmt_popup_button_meetinginfor')
     })]
   });

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

@@ -13,6 +13,7 @@ export default class InviteStore {
     private _voipSessionId;
     private _roomConnectorObserver;
     private _userControl;
+    private _roomControl;
     accessor InviteStatus: number;
     accessor isPstnCalling: boolean;
     accessor isVoipCalling: boolean;
@@ -22,6 +23,7 @@ export default class InviteStore {
     accessor calledVoipInfo: VoipInfo;
     accessor roomInfo: FcrRoomInfo;
     accessor meetingId: string | undefined;
+    get roomSchedule(): import("fcr-core/lib/type").FcrRoomSchedule | undefined;
     get localUser(): import("fcr-core/lib/type").FcrUserInfo;
     get pstnCountryCodeList(): {
         value: FcrRoomConnectorPhoneRegion;

package/lib/modules/invite/store.js

@@ -122,6 +122,7 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
       inviteLink: ''
     }));
     _classPrivateFieldInitSpec(this, _I, _init_meetingId(this, undefined));
+    this._roomControl = roomControl;
     this._uiEventStore = uiEventStore;
     this._roomConnectorControl = roomControl.getRoomConnectorControl();
     this._roomConnectorControl.addObserver(this._roomConnectorObserver);
@@ -204,6 +205,11 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
     set: function set(v) {
       _classPrivateFieldSet(_I, this, v);
     }
+  }, {
+    key: "roomSchedule",
+    get: function get() {
+      return this._roomControl.getRoomSchedule();
+    }
   }, {
     key: "localUser",
     get: function get() {

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

@@ -21,9 +21,8 @@ var _tabs = require("agora-ui-foundation/lib/components/tabs");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _mobxReact = require("mobx-react");
 var _react = require("react");
-var _context2 = require("./context");
-var _type2 = require("agora-edu-core/lib/room-control/room-connector-control/type");
 var _store = require("./store");
+var _type2 = require("fcr-core/lib/room-control/room-connector-control/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
 var CallType = /*#__PURE__*/function (CallType) {
@@ -64,7 +63,7 @@ var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
     _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
     isIpError = _useState8[0],
     setIsError = _useState8[1];
-  var _useContext = (0, _react.useContext)(_context2.StoreContext),
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
     localVoipList = _useContext.localVoipList,
     ipInfo = _useContext.ipInfo,
     isVoipCalling = _useContext.isVoipCalling,
@@ -184,7 +183,7 @@ var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
             onClick: function onClick() {
               return setCurrentVoipType(VoipType.H323);
             },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               children: "H323"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
               styleType: "white",
@@ -198,8 +197,8 @@ var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
             onClick: function onClick() {
               return setCurrentVoipType(VoipType.SIP);
             },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              children: " SIP"
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: "SIP"
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
               styleType: "white",
               value: VoipType.SIP