fcr-ui-scene 3.4.1 → 3.4.2

package/lib/modules/event-confirm/index.js

@@ -22,7 +22,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _base = require("../../base");
-var _store = _interopRequireWildcard(require("./store"));
+var _store = require("../components/leave-meeting/store");
+var _store2 = _interopRequireWildcard(require("./store"));
 var _view = require("./view");
 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); }
@@ -30,25 +31,41 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var EventConfirmUIModule = exports.EventConfirmUIModule = /*#__PURE__*/function (_UIModule) {
-  function EventConfirmUIModule(args) {
-    var _this;
+  function EventConfirmUIModule() {
     (0, _classCallCheck2["default"])(this, EventConfirmUIModule);
-    _this = _callSuper(this, EventConfirmUIModule);
-    _this._store = new _store["default"](args);
-    return _this;
+    return _callSuper(this, EventConfirmUIModule, arguments);
   }
   (0, _inherits2["default"])(EventConfirmUIModule, _UIModule);
   return (0, _createClass2["default"])(EventConfirmUIModule, [{
-    key: "onUnload",
-    value: function onUnload() {
-      this._store.release();
+    key: "onNodeWillActive",
+    value: function onNodeWillActive() {
+      if (this.eventProvider && this.dialogProvider) {
+        var _this$currentRoomCont;
+        this._store = new _store2["default"]({
+          uiEventStore: this.eventProvider,
+          dialogProvider: this.dialogProvider
+        });
+        this._leaveMeetingStore = new _store.LeaveMeetingStore(this.privilegeProvider, this.roomProvider, (_this$currentRoomCont = this.currentRoomControlProvider) === null || _this$currentRoomCont === void 0 ? void 0 : _this$currentRoomCont.currentRoomControl);
+      }
+    }
+  }, {
+    key: "onNodeWillInactive",
+    value: function onNodeWillInactive() {
+      var _this$_store;
+      (_this$_store = this._store) === null || _this$_store === void 0 || _this$_store.release();
     }
   }, {
     key: "getComponent",
     value: function getComponent() {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
+      if (!this._store) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store2.StoreContext.Provider, {
         value: this._store,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.LeaveMeetingStoreContext.Provider, {
+          value: this._leaveMeetingStore,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {})
+        })
       });
     }
   }]);

package/lib/modules/event-confirm/store.d.ts

@@ -1,15 +1,21 @@
-import { FcrUIDialogParams, FcrUIEventStore } from '../../common/event-store';
 import { ConfirmContentProps } from 'agora-ui-foundation/lib/components/confirm-content';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIDialogParams } from '../../type';
+import { FcrUIDialogProvider } from '../../providers/dialog-provider';
 export default class CconfirmStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _disposers;
+    private _uiEventProvider;
+    private _dialogProvider;
+    private _handleConfirmEventObserver;
     accessor confirms: Map<string, {
         params: ConfirmContentProps;
         timer?: () => void;
     }>;
     get confirmList(): IteratorObject<ConfirmContentProps, undefined, unknown>;
-    constructor({ uiEventStore }: {
-        uiEventStore: FcrUIEventStore;
+    constructor({ uiEventStore, dialogProvider, }: {
+        uiEventStore: FcrUIEventProvider;
+        dialogProvider: FcrUIDialogProvider;
     });
     addConfirm(payload: FcrUIDialogParams<ConfirmContentProps>): void;
     release(): void;

package/lib/modules/event-confirm/store.js

@@ -86,14 +86,19 @@ _ref = (_addConfirmDecs = [_mobx.action, _mobx.action.bound], _handleConfirmEven
 var CconfirmStore = exports["default"] = /*#__PURE__*/function () {
   function CconfirmStore(_ref2) {
     var _this = this;
-    var uiEventStore = _ref2.uiEventStore;
+    var uiEventStore = _ref2.uiEventStore,
+      dialogProvider = _ref2.dialogProvider;
     (0, _classCallCheck2["default"])(this, CconfirmStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
     (0, _defineProperty2["default"])(this, "_disposers", []);
-    _classPrivateFieldInitSpec(this, _A, _init_confirms(this, new Map()));
-    uiEventStore.addObserver({
+    (0, _defineProperty2["default"])(this, "_handleConfirmEventObserver", {
       onEvent: this._handleConfirmEvent.bind(this)
     });
+    _classPrivateFieldInitSpec(this, _A, _init_confirms(this, new Map()));
+    this._uiEventProvider = uiEventStore;
+    this._dialogProvider = dialogProvider;
+    this._uiEventProvider.addObserver(this._handleConfirmEventObserver);
+    this._dialogProvider.addObserver(this._handleConfirmEventObserver);
     this._disposers.push((0, _mobx.reaction)(function () {
       return _this.confirmList;
     }, function () {
@@ -134,7 +139,9 @@ var CconfirmStore = exports["default"] = /*#__PURE__*/function () {
           }),
           timer: params.duration ? function () {
             var timer = setTimeout(function () {
-              _this2.confirms["delete"](dialogId);
+              (0, _mobx.runInAction)(function () {
+                _this2.confirms["delete"](dialogId);
+              });
               clearTimeout(timer);
             }, params.duration || 3000);
           } : undefined
@@ -148,16 +155,18 @@ var CconfirmStore = exports["default"] = /*#__PURE__*/function () {
       this._disposers.forEach(function (disposer) {
         return disposer();
       });
+      this._dialogProvider.removeObserver(this._handleConfirmEventObserver);
+      this._uiEventProvider.removeObserver(this._handleConfirmEventObserver);
     }
   }, {
     key: "_handleConfirmEvent",
     value: function _handleConfirmEvent(action, payload) {
-      if ((payload === null || payload === void 0 ? void 0 : payload.dialogKey) === _constant.DialogKey.CONFIRM) {
+      if ((payload === null || payload === void 0 ? void 0 : payload.dialogKey) === _constant.FcrUIDialogKey.CONFIRM) {
         switch (action) {
-          case _constant.UIAction.OPEN_DIALOG:
+          case _constant.FcrUIAction.OPEN_DIALOG:
             this.addConfirm(payload);
             break;
-          case _constant.UIAction.CLOSE_DIALOG:
+          case _constant.FcrUIAction.CLOSE_DIALOG:
             this.confirms["delete"](payload.dialogId);
             break;
         }

package/lib/modules/event-confirm/view.js

@@ -37,6 +37,8 @@ var _react2 = require("@use-gesture/react");
 var _env = require("agora-foundation/lib/utilities/env");
 var _tools = require("../../utilities/tools");
 var _platform = require("../../utilities/platform");
+var _dialogs = require("../dialog/dialogs");
+var _constant = require("../../utilities/constant");
 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; }
@@ -82,7 +84,9 @@ var ConfirmWindow = (0, _mobxReact.observer)(function (_ref2) {
     width: window.innerWidth,
     height: window.innerHeight
   };
-  var nearDisplay = (0, _env.isElectron)() ? window.runtime.screen.getDisplayNearestPoint(mainWindowBounds).bounds : {
+  var controlbar = _dialogs.dialogWindows.get(_constant.FcrUIDialogKey.CONTROL_BAR);
+  var nearDisplay = (0, _env.isElectron)() ? window.runtime.screen.getDisplayNearestPoint((controlbar === null || controlbar === void 0 ? void 0 : controlbar.getBounds()) || mainWindowBounds).bounds // 如果有 controlbar，就以 controlbar 的位置展示 confirm
+  : {
     x: 0,
     y: 0,
     width: window.innerWidth,

package/lib/modules/event-toast/index.d.ts

@@ -1,10 +1,11 @@
 import { UIModule } from '../../base';
-import { FcrUIEventStore } from '../../common/event-store';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIMessageProvider } from '../../providers/message-provider';
 export declare class EventToastUIModule extends UIModule {
-    private _store;
-    constructor(args: {
-        uiEventStore: FcrUIEventStore;
-    });
-    protected onUnload(): void;
+    private _store?;
+    eventProvider?: FcrUIEventProvider;
+    messageProvider?: FcrUIMessageProvider;
+    onNodeWillActive(): void;
+    onNodeWillInactive(): void;
     getComponent(type: 'global' | 'local'): JSX.Element;
 }

package/lib/modules/event-toast/index.js

@@ -30,22 +30,33 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var EventToastUIModule = exports.EventToastUIModule = /*#__PURE__*/function (_UIModule) {
-  function EventToastUIModule(args) {
-    var _this;
+  function EventToastUIModule() {
     (0, _classCallCheck2["default"])(this, EventToastUIModule);
-    _this = _callSuper(this, EventToastUIModule);
-    _this._store = new _store["default"](args);
-    return _this;
+    return _callSuper(this, EventToastUIModule, arguments);
   }
   (0, _inherits2["default"])(EventToastUIModule, _UIModule);
   return (0, _createClass2["default"])(EventToastUIModule, [{
-    key: "onUnload",
-    value: function onUnload() {
-      this._store.release();
+    key: "onNodeWillActive",
+    value: function onNodeWillActive() {
+      if (this.eventProvider && this.messageProvider) {
+        this._store = new _store["default"]({
+          uiEventStore: this.eventProvider,
+          messageProvider: this.messageProvider
+        });
+      }
+    }
+  }, {
+    key: "onNodeWillInactive",
+    value: function onNodeWillInactive() {
+      var _this$_store;
+      (_this$_store = this._store) === null || _this$_store === void 0 || _this$_store.release();
     }
   }, {
     key: "getComponent",
     value: function getComponent(type) {
+      if (!this._store) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+      }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
         value: this._store,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {

package/lib/modules/event-toast/store.d.ts

@@ -1,5 +1,6 @@
-import { FcrUIEventStore } from '../../common/event-store';
 import { ToastType } from 'agora-ui-foundation/lib/components/toast';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIMessageProvider } from '../../providers/message-provider';
 type ToastProps = {
     type: ToastType;
     content: string;
@@ -9,10 +10,14 @@ type ToastProps = {
 export default class ToastStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _disposers;
+    private _toastEventObserver;
+    private _uiEventProvider;
+    private _messageProvider;
     accessor toasts: Map<string, () => void>;
     get toastsList(): any[];
-    constructor({ uiEventStore }: {
-        uiEventStore: FcrUIEventStore;
+    constructor({ uiEventStore, messageProvider, }: {
+        uiEventStore: FcrUIEventProvider;
+        messageProvider: FcrUIMessageProvider;
     });
     addToast(toast: ToastProps): void;
     release(): void;

package/lib/modules/event-toast/store.js

@@ -85,14 +85,19 @@ _ref = (_addToastDecs = [_mobx.action, _mobx.action.bound], _handleToastEventDec
 var ToastStore = exports["default"] = /*#__PURE__*/function () {
   function ToastStore(_ref2) {
     var _this = this;
-    var uiEventStore = _ref2.uiEventStore;
+    var uiEventStore = _ref2.uiEventStore,
+      messageProvider = _ref2.messageProvider;
     (0, _classCallCheck2["default"])(this, ToastStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
     (0, _defineProperty2["default"])(this, "_disposers", []);
-    _classPrivateFieldInitSpec(this, _A, _init_toasts(this, new Map()));
-    uiEventStore.addObserver({
+    (0, _defineProperty2["default"])(this, "_toastEventObserver", {
       onEvent: this._handleToastEvent.bind(this)
     });
+    _classPrivateFieldInitSpec(this, _A, _init_toasts(this, new Map()));
+    this._messageProvider = messageProvider;
+    this._uiEventProvider = uiEventStore;
+    this._uiEventProvider.addObserver(this._toastEventObserver);
+    this._messageProvider.addObserver(this._toastEventObserver);
     this._disposers.push((0, _mobx.reaction)(function () {
       return _this.toastsList;
     }, function () {
@@ -125,7 +130,9 @@ var ToastStore = exports["default"] = /*#__PURE__*/function () {
       if (!this.toasts.get(toastKey)) {
         this.toasts.set(toastKey, function () {
           var timer = setTimeout(function () {
-            _this2.toasts["delete"](toastKey);
+            (0, _mobx.runInAction)(function () {
+              _this2.toasts["delete"](toastKey);
+            });
             clearTimeout(timer);
           }, toast.duration || 3000);
         });
@@ -138,11 +145,13 @@ var ToastStore = exports["default"] = /*#__PURE__*/function () {
       this._disposers.forEach(function (disposer) {
         return disposer();
       });
+      this._messageProvider.removeObserver(this._toastEventObserver);
+      this._uiEventProvider.removeObserver(this._toastEventObserver);
     }
   }, {
     key: "_handleToastEvent",
     value: function _handleToastEvent(action, params) {
-      if (action === _constant.UIAction.SHOW_TOAST) {
+      if (action === _constant.FcrUIAction.SHOW_TOAST) {
         var _params$duration;
         _toast.FcrToastApi.open({
           id: params === null || params === void 0 ? void 0 : params.id,
@@ -154,7 +163,7 @@ var ToastStore = exports["default"] = /*#__PURE__*/function () {
           duration: (_params$duration = params.duration) !== null && _params$duration !== void 0 ? _params$duration : 3000
         });
       }
-      if (action === _constant.UIAction.OPEN_DIALOG && params.dialogKey === _constant.DialogKey.SHOW_TOAST) {
+      if (action === _constant.FcrUIAction.OPEN_DIALOG && params.dialogKey === _constant.FcrUIDialogKey.SHOW_TOAST) {
         var _params$params = params.params,
           _params$params$type = _params$params.type,
           type = _params$params$type === void 0 ? 'info' : _params$params$type,

package/lib/modules/invite/components/error-tips.d.ts

@@ -0,0 +1,4 @@
+export declare const ErrorTips: ({ isError, errorTip }: {
+    isError: boolean;
+    errorTip?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/invite/components/error-tips.js

@@ -0,0 +1,18 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorTips = void 0;
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var ErrorTips = exports.ErrorTips = function ErrorTips(_ref) {
+  var isError = _ref.isError,
+    errorTip = _ref.errorTip;
+  var transI18n = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "invite__invite-error-tips",
+    children: isError ? errorTip || transI18n('fmt_PSTN_tips_unempty') : ''
+  });
+};

package/lib/modules/invite/components/pstn-invite.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PSTNInvite: React.FC;

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

@@ -0,0 +1,297 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.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.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _mobxReact = require("mobx-react");
+var _react = _interopRequireWildcard(require("react"));
+var _copyText = require("../../../utilities/copyText");
+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 _zonePhone = require("agora-ui-foundation/lib/components/zone-phone");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _errorTips = require("./error-tips");
+var _enums = require("../enums");
+var _tools = require("../../../utilities/tools");
+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; }
+var PSTNInvite = exports.PSTNInvite = (0, _mobxReact.observer)(function () {
+  var _calledPstnInfo$state;
+  var transI18n = (0, _i18n.useI18n)();
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    inviteUserName = _useState2[0],
+    setInviteUserName = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    invitePhoneNumber = _useState4[0],
+    setInvitePhoneNumber = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    isInviteUserNameError = _useState6[0],
+    setIsInviteUserNameError = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    isInvitePhoneNumberError = _useState8[0],
+    setIsInvitePhoneNumberError = _useState8[1];
+  var _useState9 = (0, _react.useState)(transI18n('fmt_PSTN_tips_unempty')),
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    errorTip = _useState10[0],
+    setErrorTip = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    isLoading = _useState12[0],
+    setIsLoading = _useState12[1];
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    isPstnCalling = _useContext.isPstnCalling,
+    startSessionByPhone = _useContext.startSessionByPhone,
+    calledPstnInfo = _useContext.calledPstnInfo,
+    pstnCountryCodeList = _useContext.pstnCountryCodeList,
+    stopSession = _useContext.stopSession,
+    showToast = _useContext.showToast,
+    _useContext$roomInfo = _useContext.roomInfo,
+    inviteLink = _useContext$roomInfo.inviteLink,
+    password = _useContext$roomInfo.password,
+    roomId = _useContext$roomInfo.roomId,
+    roomName = _useContext$roomInfo.roomName,
+    userName = _useContext.localUser.userName,
+    meetingId = _useContext.meetingId;
+  var _useState13 = (0, _react.useState)(pstnCountryCodeList.length ? pstnCountryCodeList[0].text : ''),
+    _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
+    invitePhoneZone = _useState14[0],
+    setInvitePhoneZone = _useState14[1];
+  var zoneOptions = [{
+    text: transI18n('fmt_PSTN_status_china'),
+    value: '+86'
+  }, {
+    text: transI18n('fmt_PSTN_status_usa'),
+    value: '+1'
+  }];
+  var checkInput = (0, _react.useCallback)(function (input, setError) {
+    setError(input.trim().length === 0);
+  }, []);
+  var getShareLink = function getShareLink() {
+    var info = {
+      roomId: roomId,
+      roomName: roomName,
+      userName: userName
+    };
+    var baseLink = "".concat(inviteLink);
+    return baseLink;
+  };
+  var shareLink = (0, _react.useMemo)(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 handleCopyMeetingDetail = (0, _react.useCallback)(function () {
+    (0, _copyText.copyText)(detailText).then(function () {
+      showToast({
+        type: 'info',
+        message: transI18n('fmt_statusbar_status_coppied')
+      });
+    });
+  }, []);
+  var handlepstnCall = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          setIsLoading(true);
+          if (!isPstnCalling) {
+            _context.next = 6;
+            break;
+          }
+          _context.next = 4;
+          return stopSession('pstn');
+        case 4:
+          _context.next = 13;
+          break;
+        case 6:
+          checkPhoneNumber();
+          checkInput(inviteUserName, setIsInviteUserNameError);
+          console.log('invitePhoneNumber', invitePhoneNumber);
+          if (!(!inviteUserName || !invitePhoneNumber || !(0, _regex.isPhoneNumber)(invitePhoneNumber))) {
+            _context.next = 12;
+            break;
+          }
+          setIsLoading(false);
+          return _context.abrupt("return");
+        case 12:
+          startSessionByPhone({
+            phoneNumber: invitePhoneNumber,
+            userName: inviteUserName,
+            zone: invitePhoneZone
+          });
+        case 13:
+          setIsLoading(false);
+        case 14:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [isPstnCalling, inviteUserName, invitePhoneNumber, invitePhoneZone, checkInput]);
+  (0, _react.useEffect)(function () {
+    if (!isPstnCalling) {
+      setInviteUserName('');
+      setInvitePhoneNumber('');
+      setIsInviteUserNameError(false);
+      setIsInvitePhoneNumberError(false);
+    }
+  }, [isPstnCalling]);
+  var pstnStatusTips = (0, _react.useMemo)(function () {
+    switch (calledPstnInfo.state) {
+      case _enums.InviteStatus.ERROR:
+        return transI18n('fmt_pstn_status_failed');
+      case _enums.InviteStatus.REJECT:
+        return transI18n('fmt_pstn_status_hungup');
+      case _enums.InviteStatus.RINGING:
+        return transI18n('fmt_pstn_status_ringing');
+      case _enums.InviteStatus.ACCEPTED:
+        return transI18n('fmt_PSTN_status_connected');
+      default:
+        return transI18n('fmt_pstn_status_ringing');
+    }
+  }, [calledPstnInfo.state]);
+  var handlePhoneNumberChange = function handlePhoneNumberChange(zone, phone) {
+    var strWithNoSpaces = phone.replace(/\s/g, '');
+    if (zone === '+86' && strWithNoSpaces.length > 11) return;
+    setInvitePhoneZone(zone);
+    setInvitePhoneNumber(strWithNoSpaces);
+  };
+  var checkPhoneNumber = function checkPhoneNumber() {
+    checkInput(invitePhoneNumber, setIsInvitePhoneNumberError);
+    if (!invitePhoneNumber) {
+      setErrorTip(transI18n('fmt_PSTN_tips_unempty'));
+      setIsInvitePhoneNumberError(true);
+      return;
+    }
+    if (invitePhoneZone === '+86' && !(0, _regex.isPhoneNumber)(invitePhoneNumber)) {
+      setErrorTip(transI18n('fmt_pstn_tips_errorformat'));
+      setIsInvitePhoneNumberError(true);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "invite__pstn-invite",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "invite__pstn-invite__phone",
+      children: [!isPstnCalling ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "invite__pstn-invite_edit_phone",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_input.FcrInput, {
+          placeholder: transI18n('fmt_pstn_inputtips_name'),
+          maxLength: 21,
+          shape: "rounded",
+          showCount: true,
+          value: inviteUserName,
+          onChange: setInviteUserName,
+          onBlur: function onBlur() {
+            return checkInput(inviteUserName, setIsInviteUserNameError);
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorTips.ErrorTips, {
+          isError: isInviteUserNameError
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "invite__pstn-invite-phone-number",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_zonePhone.FcrZonePhone, {
+            zoneOptions: zoneOptions,
+            zoneDefault: zoneOptions[0].value,
+            placeholder: transI18n('fmt_SIP323_copywrite_phonenumber'),
+            onInputBlur: checkPhoneNumber,
+            onChange: handlePhoneNumberChange,
+            onInputChange: function onInputChange(e) {
+              return handlePhoneNumberChange(invitePhoneZone, e.target.value);
+            }
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorTips.ErrorTips, {
+          isError: isInvitePhoneNumberError,
+          errorTip: errorTip
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames["default"])('invite__pstn-invite__call-phone', {
+          'invite__pstn-invite__call-phone-error': calledPstnInfo.state ? calledPstnInfo.state > _enums.InviteStatus.END : false
+        }),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames["default"])('invite__pstn-invite__call-phone-icon', {
+            'invite__pstn-invite__call-phone-error': calledPstnInfo.state ? calledPstnInfo.state > _enums.InviteStatus.END : false,
+            'invite__pstn-invite__call-phone-calling': true
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_actionPhone.FcrActionPhone, {
+            size: 'medium',
+            animate: calledPstnInfo.state === _enums.InviteStatus.RINGING || calledPstnInfo.state === _enums.InviteStatus.DEFAULT,
+            iconColors: {
+              iconPrimary: 'var(--fcr_ui_scene_white10)'
+            },
+            wrapperColor: ((_calledPstnInfo$state = calledPstnInfo.state) !== null && _calledPstnInfo$state !== void 0 ? _calledPstnInfo$state : _enums.InviteStatus.DEFAULT) > _enums.InviteStatus.END ? 'var(--fcr_ui_scene_ramp_red6)' : 'var(--fcr_ui_scene_ramp_green6)'
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "invite__pstn-invite__call-phone-detail",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "invite__pstn-invite__call-phone-detail__country-code",
+            children: calledPstnInfo.zone
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "invite__pstn-invite__call-phone-detail__phone-number",
+            children: calledPstnInfo.phoneNumber
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _classnames["default"])('invite__pstn-invite__call-phone-detail__call-status', {
+              'invite__pstn-invite__call-phone-detail__call-status-error': calledPstnInfo.state ? calledPstnInfo.state > _enums.InviteStatus.END : false
+            }),
+            children: pstnStatusTips
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+        className: "invite__pstn-invite-button",
+        type: "primary",
+        styleType: !isPstnCalling ? 'success' : 'danger',
+        onClick: handlepstnCall,
+        loading: isLoading,
+        disabled: isPstnCalling && (calledPstnInfo.state === _enums.InviteStatus.ACCEPTED || calledPstnInfo.state === _enums.InviteStatus.ERROR || calledPstnInfo.state === _enums.InviteStatus.REJECT),
+        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.d.ts

@@ -0,0 +1 @@
+export declare const VoipInvite: React.FC;