fcr-ui-scene 3.4.5 → 3.5.0

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

@@ -0,0 +1,271 @@
+"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.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 _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 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') : ''
+  });
+};
+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;
+  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 handleCopyMeetingDetail = (0, _react.useCallback)(function () {
+    (0, _copyText.copyText)('TODO 会议信息').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 _store.InviteStatus.ERROR:
+        return transI18n('fmt_pstn_status_failed');
+      case _store.InviteStatus.REJECT:
+        return transI18n('fmt_pstn_status_hungup');
+      case _store.InviteStatus.RINGING:
+        return transI18n('fmt_pstn_status_ringing');
+      case _store.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, {
+          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, {
+          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 > _store.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 > _store.InviteStatus.END : false,
+            'invite__pstn-invite__call-phone-calling': true
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_actionPhone.FcrActionPhone, {
+            size: 'medium',
+            animate: calledPstnInfo.state === _store.InviteStatus.RINGING || calledPstnInfo.state === _store.InviteStatus.DEFAULT,
+            iconColors: {
+              iconPrimary: 'var(--fcr_ui_scene_white10)'
+            },
+            wrapperColor: ((_calledPstnInfo$state = calledPstnInfo.state) !== null && _calledPstnInfo$state !== void 0 ? _calledPstnInfo$state : _store.InviteStatus.DEFAULT) > _store.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 > _store.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 === _store.InviteStatus.ACCEPTED || calledPstnInfo.state === _store.InviteStatus.ERROR || calledPstnInfo.state === _store.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/store.d.ts

@@ -4,6 +4,8 @@ import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIToastParams } from '../../type';
 import { pstnInfo, VoipInfo } from './types';
 import { FcrRoomInfo } from 'fcr-core/lib/type';
+import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
+import { FcrUIMeetingTimeSharedDataSource } from '../../shared-data-source/meeting-time';
 export default class InviteStore {
     private _uiEventStore;
     private _uiEventObserver;
@@ -12,7 +14,8 @@ export default class InviteStore {
     private _pstnSessionId;
     private _voipSessionId;
     private _roomConnectorObserver;
-    private _userControl;
+    private _sharedMemberDataSource;
+    private _sharedMeetingTimeDataSource;
     private _roomControl;
     accessor InviteStatus: number;
     accessor isPstnCalling: boolean;
@@ -33,9 +36,15 @@ export default class InviteStore {
         value: string;
         text: string;
     }[] | undefined;
-    constructor({ roomControl, uiEventStore, }: {
+    get totalHourText(): string;
+    get totalMinuteText(): string;
+    get meetingTimeStatus(): import("../../shared-data-source/meeting-time").MeetingStatus;
+    get meetingTime(): string;
+    constructor({ roomControl, uiEventStore, sharedMemberDataSource, sharedMeetingTimeDataSource, }: {
         roomControl: FcrMainRoomControl;
         uiEventStore: FcrUIEventProvider;
+        sharedMemberDataSource: FcrUIMemberSharedDataSource;
+        sharedMeetingTimeDataSource: FcrUIMeetingTimeSharedDataSource;
     });
     openInviteDialog(): void;
     closeInviteDialog(): void;

package/lib/modules/invite/store.js

@@ -43,7 +43,7 @@ require("core-js/modules/es.function.bind.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.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
 require("core-js/modules/esnext.weak-map.emplace.js");
@@ -86,7 +86,9 @@ _ref = (_stopSessionDecs = [_mobx.action, _mobx.action.bound], _startSessionByPh
 var InviteStore = exports["default"] = /*#__PURE__*/function () {
   function InviteStore(_ref2) {
     var roomControl = _ref2.roomControl,
-      uiEventStore = _ref2.uiEventStore;
+      uiEventStore = _ref2.uiEventStore,
+      sharedMemberDataSource = _ref2.sharedMemberDataSource,
+      sharedMeetingTimeDataSource = _ref2.sharedMeetingTimeDataSource;
     (0, _classCallCheck2["default"])(this, InviteStore);
     (0, _defineProperty2["default"])(this, _ref, void _initProto(this));
     (0, _defineProperty2["default"])(this, "_uiEventObserver", {
@@ -125,12 +127,13 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
     this._roomControl = roomControl;
     this._uiEventStore = uiEventStore;
     this._roomConnectorControl = roomControl.getRoomConnectorControl();
+    this._sharedMemberDataSource = sharedMemberDataSource;
+    this._sharedMeetingTimeDataSource = sharedMeetingTimeDataSource;
     this._roomConnectorControl.addObserver(this._roomConnectorObserver);
     this._uiEventStore.addObserver(this._uiEventObserver);
     this._getRoomConnectorPhoneInfo();
     this._getRoomConnectorIpInfo();
     this.roomInfo = roomControl.getRoomInfo();
-    this._userControl = roomControl.getUserControl();
     this.meetingId = roomControl.getRoomPropertiesByKeyPath('meetingId');
   }
   return (0, _createClass2["default"])(InviteStore, [{
@@ -213,7 +216,7 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "localUser",
     get: function get() {
-      return this._userControl.getLocalUser();
+      return this._sharedMemberDataSource.localUser;
     }
   }, {
     key: "pstnCountryCodeList",
@@ -238,6 +241,26 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
         };
       });
     }
+  }, {
+    key: "totalHourText",
+    get: function get() {
+      return this._sharedMeetingTimeDataSource.totalHourText;
+    }
+  }, {
+    key: "totalMinuteText",
+    get: function get() {
+      return this._sharedMeetingTimeDataSource.totalMinuteText;
+    }
+  }, {
+    key: "meetingTimeStatus",
+    get: function get() {
+      return this._sharedMeetingTimeDataSource.status;
+    }
+  }, {
+    key: "meetingTime",
+    get: function get() {
+      return this._sharedMeetingTimeDataSource.meetingTime;
+    }
   }, {
     key: "openInviteDialog",
     value: function openInviteDialog() {
@@ -515,7 +538,7 @@ var InviteStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _InviteStore = InviteStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_InviteStore, [[_mobx.observable, 1, "InviteStatus"], [_mobx.observable, 1, "isPstnCalling"], [_mobx.observable, 1, "isVoipCalling"], [_mobx.observable, 1, "ipInfo"], [_mobx.observable, 1, "phoneInfo"], [_mobx.observable, 1, "calledPstnInfo"], [_mobx.observable, 1, "calledVoipInfo"], [_mobx.observable, 1, "roomInfo"], [_mobx.observable, 1, "meetingId"], [_stopSessionDecs, 18, "stopSession"], [_startSessionByPhoneDecs, 18, "startSessionByPhone"], [_startSessionByVoipDecs, 18, "startSessionByVoip"], [_showToastDecs, 18, "showToast"], [_getRoomConnectorIpInfoDecs, 18, "_getRoomConnectorIpInfo"], [_getRoomConnectorPhoneInfoDecs, 18, "_getRoomConnectorPhoneInfo"], [_handleErrorDecs, 18, "handleError"], [_updateInviteStatusDecs, 18, "updateInviteStatus"], [_resetpstnStatusDecs, 18, "_resetpstnStatus"], [_resetVoipStatusDecs, 18, "_resetVoipStatus"], [_handlePhoneConnectorSessionStateUpdatedDecs, 18, "_handlePhoneConnectorSessionStateUpdated"], [_handleIPConnectorSessionStateUpdatedDecs, 18, "_handleIPConnectorSessionStateUpdated"], [_onUiEventDecs, 18, "_onUiEvent"]], []).e, 10);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_InviteStore, [[_mobx.observable, 1, "InviteStatus"], [_mobx.observable, 1, "isPstnCalling"], [_mobx.observable, 1, "isVoipCalling"], [_mobx.observable, 1, "ipInfo"], [_mobx.observable, 1, "phoneInfo"], [_mobx.observable, 1, "calledPstnInfo"], [_mobx.observable, 1, "calledVoipInfo"], [_mobx.observable, 1, "roomInfo"], [_mobx.observable, 1, "meetingId"], [_mobx.computed, 3, "totalHourText"], [_mobx.computed, 3, "totalMinuteText"], [_mobx.computed, 3, "meetingTimeStatus"], [_mobx.computed, 3, "meetingTime"], [_stopSessionDecs, 18, "stopSession"], [_startSessionByPhoneDecs, 18, "startSessionByPhone"], [_startSessionByVoipDecs, 18, "startSessionByVoip"], [_showToastDecs, 18, "showToast"], [_getRoomConnectorIpInfoDecs, 18, "_getRoomConnectorIpInfo"], [_getRoomConnectorPhoneInfoDecs, 18, "_getRoomConnectorPhoneInfo"], [_handleErrorDecs, 18, "handleError"], [_updateInviteStatusDecs, 18, "updateInviteStatus"], [_resetpstnStatusDecs, 18, "_resetpstnStatus"], [_resetVoipStatusDecs, 18, "_resetVoipStatus"], [_handlePhoneConnectorSessionStateUpdatedDecs, 18, "_handlePhoneConnectorSessionStateUpdated"], [_handleIPConnectorSessionStateUpdatedDecs, 18, "_handleIPConnectorSessionStateUpdated"], [_onUiEventDecs, 18, "_onUiEvent"]], []).e, 10);
 _init_InviteStatus = _applyDecs$e[0];
 _init_isPstnCalling = _applyDecs$e[1];
 _init_isVoipCalling = _applyDecs$e[2];

package/lib/modules/invite/voip-invite.d.ts

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