fcr-ui-scene 3.9.0 → 3.9.1-alpha

package/lib/modules/control-bar/mouse-event-bridge.js

@@ -0,0 +1,87 @@
+"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.ControlBarMouseEventBridge = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _struct = require("../../providers/mouse-detect/struct");
+var ControlBarMouseEventBridge = exports.ControlBarMouseEventBridge = /*#__PURE__*/function () {
+  function ControlBarMouseEventBridge(_ref) {
+    var _this = this;
+    var controlBarWindow = _ref.controlBarWindow,
+      mouseDetectProvider = _ref.mouseDetectProvider,
+      logger = _ref.logger;
+    (0, _classCallCheck2["default"])(this, ControlBarMouseEventBridge);
+    this._controlBarWindow = controlBarWindow;
+    this._mouseDetectProvider = mouseDetectProvider;
+    this._logger = logger;
+    this._mouseDetectObserver = {
+      onMouseEnterDetectArea: function onMouseEnterDetectArea(areaId) {
+        if (areaId !== _struct.FcrUIDetectAreaID.ControlBar) return;
+        if (!_this._shouldUseMouseDetect()) return;
+        _this._controlBarWindow.setIgnoreMouseEvents(false);
+        _this._controlBarWindow.focus();
+      },
+      onMouseLeaveDetectArea: function onMouseLeaveDetectArea(areaId) {
+        if (areaId !== _struct.FcrUIDetectAreaID.ControlBar) return;
+        if (!_this._shouldUseMouseDetect()) return;
+        _this._controlBarWindow.setIgnoreMouseEvents(true, {
+          forward: true
+        });
+      }
+    };
+    this._windowObserver = {
+      onBlurred: function onBlurred() {
+        if (!_this._shouldUseMouseDetect()) return;
+        _this._controlBarWindow.setIgnoreMouseEvents(true, {
+          forward: true
+        });
+      }
+    };
+    this._logger.info('should use dom mouse:', this._shouldUseDomMouse());
+    this._logger.info('should use mouse detect:', this._shouldUseMouseDetect());
+  }
+  return (0, _createClass2["default"])(ControlBarMouseEventBridge, [{
+    key: "initialize",
+    value: function initialize() {
+      this._mouseDetectProvider.addObserver(this._mouseDetectObserver);
+      this._controlBarWindow.addObserver(this._windowObserver);
+    }
+  }, {
+    key: "dispose",
+    value: function dispose() {
+      this._mouseDetectProvider.removeObserver(this._mouseDetectObserver);
+      this._controlBarWindow.removeObserver(this._windowObserver);
+    }
+  }, {
+    key: "handleDomMouseEnter",
+    value: function handleDomMouseEnter() {
+      if (!this._shouldUseDomMouse()) return;
+      this._logger.info('handleMouseEnter');
+      this._controlBarWindow.setIgnoreMouseEvents(false);
+    }
+  }, {
+    key: "handleDomMouseLeave",
+    value: function handleDomMouseLeave() {
+      if (!this._shouldUseDomMouse()) return;
+      this._logger.info('handleMouseLeave');
+      this._controlBarWindow.setIgnoreMouseEvents(true, {
+        forward: true
+      });
+    }
+  }, {
+    key: "_shouldUseMouseDetect",
+    value: function _shouldUseMouseDetect() {
+      return this._mouseDetectProvider.isMouseDetectEnabled();
+    }
+  }, {
+    key: "_shouldUseDomMouse",
+    value: function _shouldUseDomMouse() {
+      return !this._mouseDetectProvider.isMouseDetectEnabled();
+    }
+  }]);
+}();

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

@@ -30,7 +30,7 @@ export default class ControlBarStore implements FcrUIManagedObject {
     private _sharedLayoutDataSource;
     private _controlBarWindow;
     private _screenShareObserver;
-    private _mouseDetectObserver;
+    private _mouseEventBridge;
     private _stateNavArea;
     private _contentArea;
     private _popoverArea;

package/lib/modules/control-bar/store.js

@@ -73,6 +73,7 @@ var _struct = require("../../providers/mouse-detect/struct");
 var _type3 = require("fcr-core/lib/room-control/sharing-control/type");
 var _type4 = require("../secondary-window/type");
 var _type5 = require("../../modules/toast-manager/type");
+var _mouseEventBridge = require("./mouse-event-bridge");
 var _ControlBarStore;
 var _initProto, _init_roomDuration, _init_startTime, _init_cloudRecordingState, _init_playUrl, _init_liveStreamingState, _init_allApplicationWindows, _init_boardOwnerUser, _init_currentShareDisplayId, _init_position, _init_appActionbarPopoverVisible, _setCheckedStateMapDecs, _pauseCloudRecordingDecs, _resumeCloudRecordingDecs, _stopCloudRecordingDecs, _showToastDecs, _handleLeaveRoomDecs, _closeLeaveMeetingDialogDecs, _handleMoreClickDecs, _setAppActionbarPopoverVisibleDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -166,23 +167,6 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
         _this.updateWindowBounds(sharingDisplayBounds);
       }
     });
-    (0, _defineProperty2["default"])(this, "_mouseDetectObserver", {
-      onMouseEnterDetectArea: function onMouseEnterDetectArea(areaId) {
-        if (areaId === _struct.FcrUIDetectAreaID.ControlBar) {
-          _this._controlBarWindow.setIgnoreMouseEvents(false);
-          if ((0, _env.isWindows)()) {
-            _this._controlBarWindow.focus();
-          }
-        }
-      },
-      onMouseLeaveDetectArea: function onMouseLeaveDetectArea(areaId) {
-        if (areaId === _struct.FcrUIDetectAreaID.ControlBar) {
-          _this._controlBarWindow.setIgnoreMouseEvents(true, {
-            forward: true
-          });
-        }
-      }
-    });
     (0, _defineProperty2["default"])(this, "_stateNavArea", {
       x: 0,
       y: 0,
@@ -287,7 +271,12 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
         _this.boardOwnerUser = '';
       }
     };
-    this._mouseDetectProvider.addObserver(this._mouseDetectObserver);
+    this._mouseEventBridge = new _mouseEventBridge.ControlBarMouseEventBridge({
+      controlBarWindow: this._controlBarWindow,
+      mouseDetectProvider: this._mouseDetectProvider,
+      logger: this.logger
+    });
+    this._mouseEventBridge.initialize();
     this._screenShareProvider.addObserver(this._screenShareObserver);
     this._mainRoomControl.addObserver(this._roomObserver);
     this._mainRoomControl.getSharingControl().getBoardControl().addObserver(this._boardObserver);
@@ -632,18 +621,12 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "handleMouseEnter",
     value: function handleMouseEnter() {
-      if ((0, _env.isMac)()) {
-        this._controlBarWindow.setIgnoreMouseEvents(false);
-      }
+      this._mouseEventBridge.handleDomMouseEnter();
     }
   }, {
     key: "handleMouseLeave",
     value: function handleMouseLeave() {
-      if ((0, _env.isMac)()) {
-        this._controlBarWindow.setIgnoreMouseEvents(true, {
-          forward: true
-        });
-      }
+      this._mouseEventBridge.handleDomMouseLeave();
     }
   }, {
     key: "openLiveStreamingDialog",
@@ -721,7 +704,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       this._mainRoomControl.getSharingControl().getBoardControl().removeObserver(this._boardObserver);
       this._mainRoomControl.removeObserver(this._roomObserver);
       this._screenShareProvider.removeObserver(this._screenShareObserver);
-      this._mouseDetectProvider.removeObserver(this._mouseDetectObserver);
+      this._mouseEventBridge.dispose();
       this._mouseDetectProvider.deleteDetectArea(_struct.FcrUIDetectAreaID.ControlBar);
     }
   }, {

package/lib/modules/control-bar/type.d.ts

@@ -9,7 +9,6 @@ export interface IShareStateNav {
     onStopShare: () => void;
     currentPosition: TransferPosition;
     onMouseEnter: () => void;
-    onMouseLeave: () => void;
 }
 export interface ITransferPositionIconProps {
     currentPosition: TransferPosition;

package/lib/modules/control-bar/view.js

@@ -296,11 +296,13 @@ var ControlBar = (0, _mobxReact.observer)(function () {
     currentShareDisplayId = _useContext5.currentShareDisplayId,
     updateWindowBounds = _useContext5.updateWindowBounds,
     setPopoverArea = _useContext5.setPopoverArea,
-    resetPopoverArea = _useContext5.resetPopoverArea;
+    resetPopoverArea = _useContext5.resetPopoverArea,
+    handleMouseLeave = _useContext5.handleMouseLeave;
   var updatePosition = (0, _react.useContext)(_context.DragStateUpdaterContext);
   var _useContext6 = (0, _react.useContext)(_context.ControlBarCalculationUpdaterContext),
     setDimensions = _useContext6.setDimensions,
-    setNavPosition = _useContext6.setNavPosition;
+    setNavPosition = _useContext6.setNavPosition,
+    restartActiveTask = _useContext6.restartActiveTask;
   var _useState9 = (0, _react.useState)('hidden'),
     _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
     visibility = _useState0[0],
@@ -354,12 +356,17 @@ var ControlBar = (0, _mobxReact.observer)(function () {
     }
   }, [visibility]);
   (0, _hooks.usePopoverWatcher)(containerRef, setPopoverArea, resetPopoverArea);
+  var handleControlBarMouseLeave = (0, _react.useCallback)(function () {
+    handleMouseLeave();
+    restartActiveTask();
+  }, [handleMouseLeave, restartActiveTask]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: containerRef,
     className: rootClassNames,
     style: {
       visibility: visibility
     },
+    onMouseLeave: handleControlBarMouseLeave,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ControlBarContent, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ShareStateNavigation, {})]
   });
 });
@@ -368,11 +375,9 @@ var ControlBar = (0, _mobxReact.observer)(function () {
 var ControlBarContent = /*#__PURE__*/(0, _react.memo)(function () {
   var _useContext7 = (0, _react.useContext)(_store.StoreContext),
     handleMouseEnter = _useContext7.handleMouseEnter,
-    handleMouseLeave = _useContext7.handleMouseLeave,
     setControlBarContentArea = _useContext7.setControlBarContentArea;
   var _useContext8 = (0, _react.useContext)(_context.ControlBarCalculationUpdaterContext),
     setIsShareActionNavHidden = _useContext8.setIsShareActionNavHidden,
-    restartActiveTask = _useContext8.restartActiveTask,
     cancelActiveTask = _useContext8.cancelActiveTask;
   var calculation = (0, _react.useContext)(_context.ControlBarCalculationContext);
   var navClassName = (0, _react.useMemo)(function () {
@@ -383,10 +388,6 @@ var ControlBarContent = /*#__PURE__*/(0, _react.memo)(function () {
     handleMouseEnter();
     cancelActiveTask();
   }, []);
-  var handleMouseLeaveNav = (0, _react.useCallback)(function () {
-    handleMouseLeave();
-    restartActiveTask();
-  }, []);
   var handleBoundariesChanged = (0, _react.useCallback)(function (boundaries) {
     console.log('ControlBarContent boundaries changed');
     setControlBarContentArea(boundaries);
@@ -422,7 +423,6 @@ var ControlBarContent = /*#__PURE__*/(0, _react.memo)(function () {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: navClassName,
       onMouseEnter: handleMouseEnterNav,
-      onMouseLeave: handleMouseLeaveNav,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(MediaControlGroup, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_divider["default"], {
         style: {
           marginRight: 24,
@@ -660,7 +660,6 @@ var ShareStateNavigation = /*#__PURE__*/(0, _react.memo)(function () {
   var _useContext17 = (0, _react.useContext)(_store.StoreContext),
     handlerStopShare = _useContext17.handlerStopShare,
     handleMouseEnter = _useContext17.handleMouseEnter,
-    handleMouseLeave = _useContext17.handleMouseLeave,
     setStateNavArea = _useContext17.setStateNavArea;
   var calculation = (0, _react.useContext)(_context.ControlBarCalculationContext);
   var _useContext18 = (0, _react.useContext)(_context.ControlBarCalculationUpdaterContext),
@@ -668,7 +667,6 @@ var ShareStateNavigation = /*#__PURE__*/(0, _react.memo)(function () {
     setNavPosition = _useContext18.setNavPosition,
     moveBottom = _useContext18.moveBottom,
     moveTop = _useContext18.moveTop,
-    restartActiveTask = _useContext18.restartActiveTask,
     cancelActiveTask = _useContext18.cancelActiveTask;
 
   // 从store获取当前位置和相关方法
@@ -687,10 +685,6 @@ var ShareStateNavigation = /*#__PURE__*/(0, _react.memo)(function () {
     handleMouseEnter();
     cancelActiveTask();
   }, [setIsShareActionNavHidden, handleMouseEnter, cancelActiveTask]);
-  var handleMouseLeaveNav = (0, _react.useCallback)(function () {
-    handleMouseLeave();
-    restartActiveTask();
-  }, [handleMouseLeave, restartActiveTask]);
   var handleBoundariesChanged = (0, _react.useCallback)(function (boundaries) {
     console.log('ShareStateNavigation boundaries changed');
     setStateNavArea(boundaries);
@@ -713,7 +707,6 @@ var ShareStateNavigation = /*#__PURE__*/(0, _react.memo)(function () {
     ref: detector,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareStateNav.ShareStateNav, {
       onMouseEnter: handleMouseEnterNav,
-      onMouseLeave: handleMouseLeaveNav,
       onShareStateNavTransferPosition: handleTransferPosition,
       currentPosition: navCurrentPosition,
       onStopShare: handlerStopShare

package/lib/modules/dialog/dialogs/connection-gateway/tabs.js

@@ -21,7 +21,8 @@ var GatewayConnectorTabs = exports.GatewayConnectorTabs = (0, _mobxReact.observe
     phoneChildren = props.phoneChildren;
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     connectType = _useContext.connectType,
-    hasOwnPstnStream = _useContext.hasOwnPstnStream;
+    hasOwnPstnStream = _useContext.hasOwnPstnStream,
+    hasOwnVolteStream = _useContext.hasOwnVolteStream;
   var _useState = (0, _react.useState)("".concat(type)),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     activeTabKey = _useState2[0],
@@ -31,7 +32,7 @@ var GatewayConnectorTabs = exports.GatewayConnectorTabs = (0, _mobxReact.observe
     key: 'computer',
     content: computerChildren
   }, {
-    label: "".concat((0, _i18n.transI18n)('fmt_pstn_options_phoneaudio')).concat(hasOwnPstnStream ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
+    label: "".concat((0, _i18n.transI18n)('fmt_pstn_options_phoneaudio')).concat(hasOwnPstnStream || hasOwnVolteStream ? "-".concat((0, _i18n.transI18n)('fmt_PSTN_status_connected')) : ''),
     key: 'phone',
     content: phoneChildren
   }];

package/lib/modules/dialog/dialogs/invite/index.js

@@ -1,31 +1,14 @@
 "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.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.webDialogConfig = exports.electronWindowConfig = exports.InviteDialog = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _constant = require("../../../../utilities/constant");
 require("../../index.css");
 var _normalWindow = require("../../components/normal-window");
 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; }
 var InviteDialog = exports.InviteDialog = function InviteDialog(_ref) {
   var dialogKey = _ref.dialogKey,
     dialogId = _ref.dialogId,
@@ -36,12 +19,12 @@ var InviteDialog = exports.InviteDialog = function InviteDialog(_ref) {
     body: children
   });
 };
-var baseDialogConfig = {
-  // width: 430,
-  // height: 420,
+var webDialogConfig = exports.webDialogConfig = {
+  onlyTitleCanTriggerDrag: false
 };
-var webDialogConfig = exports.webDialogConfig = baseDialogConfig;
-var electronWindowConfig = exports.electronWindowConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+var electronWindowConfig = exports.electronWindowConfig = {
+  height: 424,
+  width: 400,
   frame: false,
   maximizable: false,
   minimizable: false,
@@ -51,9 +34,8 @@ var electronWindowConfig = exports.electronWindowConfig = _objectSpread(_objectS
     y: 0
   },
   resizable: false,
-  hasShadow: false,
   useContentSize: true,
   transparent: true,
   backgroundColor: '#00000000',
   alwaysOnTop: true
-});
+};

package/lib/modules/invite/components/copy-info.css

@@ -0,0 +1,72 @@
+.fcr-invite-copy-info {
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  justify-content: center;
+  padding: 0 20px 0 20px;
+  height: 100%;
+}
+
+.fcr-invite-copy-info-content {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  width: 100%;
+  padding-bottom: 16px;
+}
+
+.fcr-invite-copy-info-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--fcr_ui_scene_icontext1);
+  font-weight: 700;
+  line-height: 18px;
+  letter-spacing: 0px;
+  text-transform: capitalize;
+}
+
+.fcr-invite-copy-info-content-item {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+}
+
+.fcr-invite-copy-info-content-item-label {
+  font-size: 12px;
+  font-weight: 400;
+  width: 96px;
+  color: var(--fcr_ui_scene_icontext2);
+  line-height: 18px;
+}
+
+.fcr-invite-copy-info-content-item-value {
+  font-size: 12px;
+  font-weight: 400;
+  font-family: Verdana;
+  line-height: 18px;
+  color: var(--fcr_ui_scene_icontext1);
+  width: calc(100% - 96px);
+  word-break: break-all;
+}
+
+.fcr-invite-copy-info-content-item-value-meeting-id {
+  display: flex;
+  align-items: center;
+}
+
+.fcr-invite-copy-info-content-item-value-meeting-id > svg {
+  flex-shrink: 0;
+  margin-left: 8px;
+  border-radius: var(--fcr_cornerradius_s, 4px);
+  cursor: pointer;
+}
+
+.fcr-invite-copy-info-content-item-value-meeting-id > svg:hover {
+  background-color: var(--fcr_web_ui_scene_hover);
+  border: none;
+}
+
+.fcr-invite-copy-info-content-item-value-meeting-id > svg:hover path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}

package/lib/modules/invite/components/copy-info.d.ts

@@ -0,0 +1,3 @@
+import './copy-info.css';
+declare const CopyInfo: () => import("react/jsx-runtime").JSX.Element;
+export default CopyInfo;

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

@@ -0,0 +1,144 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+require("./copy-info.css");
+var _button = require("agora-ui-foundation/lib/components/button");
+var _react = require("react");
+var _copyText = require("agora-ui-foundation/lib/utilities/copy-text");
+var _type = require("../../toast-manager/type");
+var _store = require("../store");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type2 = require("agora-ui-foundation/lib/components/icon/type");
+var _tools = require("agora-foundation/lib/utilities/tools");
+var _meetingDetail = require("../../../utilities/meeting-detail");
+var _jsxRuntime = require("react/jsx-runtime");
+var CopyInfo = function CopyInfo() {
+  var transI18n = (0, _i18n.useI18n)();
+  var _useContext = (0, _react.useContext)(_store.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, '');
+    (0, _copyText.copyText)(content).then(function () {
+      showToast({
+        key: _type.FcrUIToastKey.FMT_STATUSBAR_STATUS_COPPIED
+      });
+    })["catch"](function () {
+      showToast({
+        key: _type.FcrUIToastKey.FMT_INFORMATION_TIPS_NUMBERCOPYFAILED
+      });
+    });
+  }
+  var handleCopyMeetingDetail = (0, _react.useCallback)(function () {
+    (0, _copyText.copyText)(roomDetailCopyText).then(function () {
+      showToast({
+        key: _type.FcrUIToastKey.FMT_STATUSBAR_STATUS_COPPIED
+      });
+    });
+  }, []);
+  var displayMeetingId = (0, _tools.renderMeetingId)(meetingId, roomId);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "fcr-invite-copy-info",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-invite-copy-info-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-invite-copy-info-title",
+        children: transI18n('fmt_link_invitation', {
+          reason1: localUserName
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-invite-copy-info-content-item",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-invite-copy-info-content-item-label",
+          children: transI18n('fmt_meetinginfo_room_topic')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-invite-copy-info-content-item-value",
+          children: roomName
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-invite-copy-info-content-item",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-invite-copy-info-content-item-label",
+          children: transI18n('fmt_meetingInfo_window_info_meetingID')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "fcr-invite-copy-info-content-item-value fcr-invite-copy-info-content-item-value-meeting-id",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: displayMeetingId
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            onClick: function onClick() {
+              return handleCopyMeetingId(displayMeetingId);
+            },
+            type: _type2.FcrIconType.FCR_COPY_ICON,
+            size: 20,
+            colors: {
+              iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+            }
+          })]
+        })]
+      }), password && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-invite-copy-info-content-item",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-invite-copy-info-content-item-label",
+          children: transI18n('fmt_premeeting_joinroom_mobile_tips_password')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "fcr-invite-copy-info-content-item-value fcr-invite-copy-info-content-item-value-meeting-id",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: password
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            onClick: function onClick() {
+              return handleCopyMeetingId(password);
+            },
+            type: _type2.FcrIconType.FCR_COPY_ICON,
+            size: 20,
+            colors: {
+              iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+            }
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-invite-copy-info-content-item",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-invite-copy-info-content-item-label",
+          children: transI18n('fmt_invitepage_label_invite_link')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-invite-copy-info-content-item-value",
+          children: inviteLink
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-invite-copy-info-content-item",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-invite-copy-info-content-item-label",
+          children: transI18n('fmt_ai_summary_create_labels_meeting_time')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-invite-copy-info-content-item-value",
+          children: (0, _meetingDetail.generateMeetingDuration)(startTime || 0, duration)
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+      type: "secondary-bordered",
+      size: "XS",
+      onClick: handleCopyMeetingDetail,
+      className: "invite__pstn-invite-copyinfo",
+      children: transI18n('fmt_popup_button_meetinginfor')
+    })]
+  });
+};
+var _default = exports["default"] = CopyInfo;

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

@@ -170,9 +170,9 @@ var PSTNInvite = exports.PSTNInvite = (0, _mobxReact.observer)(function () {
       setIsInvitePhoneNumberError(true);
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "invite__pstn-invite",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "invite__pstn-invite__phone",
       children: [!isPstnCalling ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "invite__pstn-invite_edit_phone",
@@ -246,18 +246,6 @@ var PSTNInvite = exports.PSTNInvite = (0, _mobxReact.observer)(function () {
         size: "XS",
         children: !isPstnCalling ? transI18n('fmt_pstn_label_phonecall') : transI18n('fmt_pstn_button_hangupphone')
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "invite__pstn-invite-divider",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "invite__pstn-invite-divider-content",
-        children: transI18n('fmt_pstn_label_or')
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-      type: "secondary-bordered",
-      size: "XS",
-      onClick: handleCopyMeetingDetail,
-      className: "invite__pstn-invite-copyinfo",
-      children: transI18n('fmt_popup_button_meetinginfor')
-    })]
+    })
   });
 });

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

@@ -27,6 +27,8 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _errorTips = require("./error-tips");
 var _enums = require("../enums");
 require("./voip-invite.css");
+var _regex = require("agora-foundation/lib/utilities/regex");
+var _type3 = require("../../toast-manager/type");
 var _jsxRuntime = require("react/jsx-runtime");
 var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
   var _calledVoipInfo$state;
@@ -53,12 +55,19 @@ var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
     isVoipCalling = _useContext.isVoipCalling,
     startSessionByVoip = _useContext.startSessionByVoip,
     stopSession = _useContext.stopSession,
-    calledVoipInfo = _useContext.calledVoipInfo;
+    calledVoipInfo = _useContext.calledVoipInfo,
+    showToast = _useContext.showToast;
   var _useState9 = (0, _react.useState)(false),
     _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
     isLoading = _useState0[0],
     setIsLoading = _useState0[1];
   var handleCallVoip = function handleCallVoip() {
+    if ((0, _regex.isPhoneNumber)(callVoip)) {
+      showToast({
+        key: _type3.FcrUIToastKey.FMT_SIP_TIPS_ENTER_CORRECT_NUMBER
+      });
+      return;
+    }
     checkInput(callVoip, setIsError);
     if (callVoip.trim().length === 0) {
       return;

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

@@ -1,6 +1,8 @@
 export declare enum InviteType {
     PSTN = "PSTN",
-    VOIP = "VOIP"
+    VOIP = "VOIP",
+    COPY = "COPY",
+    WIDGET = "WIDGET"
 }
 export declare enum CallType {
     INCOMING = "incoming",

package/lib/modules/invite/enums.js

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