fcr-ui-scene 1.0.20 → 3.1.0-1

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/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 _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");
+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)(_context2.StoreContext),
+    isPstnCalling = _useContext.isPstnCalling,
+    startSessionByPhone = _useContext.startSessionByPhone,
+    calledPstnInfo = _useContext.calledPstnInfo,
+    pstnCountryCodeList = _useContext.pstnCountryCodeList,
+    stopSession = _useContext.stopSession;
+  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 () {
+      _toast.FcrToastApi.open({
+        toastProps: {
+          type: 'info',
+          content: 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,
+      children: transI18n('fmt_popup_button_meetinginfor')
+    })]
+  });
+});

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

@@ -0,0 +1,71 @@
+import { FcrRoomControl } from 'agora-edu-core/lib/room-control';
+import { FcrUIEventStore } from '../../common/event-store';
+import { UIAction } from '../../utilities/constant';
+import { FcrIPConnectorSessionType, FcrRoomConnectorIpInfo, FcrRoomConnectorPhoneInfo, FcrRoomConnectorPhoneRegion } from 'agora-edu-core/lib/room-control/room-connector-control/type';
+export declare enum InviteStatus {
+    DEFAULT = 0,
+    CALLING = 1,
+    RINGING = 2,
+    ACCEPTED = 3,
+    END = 4,
+    REJECT = 5,
+    ERROR = 6,
+    FAILED = 7
+}
+export interface pstnInfo {
+    phoneNumber: string;
+    userName: string;
+    countryCode?: FcrRoomConnectorPhoneRegion;
+    state?: InviteStatus;
+    zone: string;
+}
+export interface VoipInfo {
+    address: string;
+    addressType: FcrIPConnectorSessionType;
+    state?: InviteStatus;
+}
+export default class InviteStore {
+    private _uiEventStore;
+    accessor InviteStatus: number;
+    accessor isPstnCalling: boolean;
+    accessor isVoipCalling: boolean;
+    accessor ipInfo: FcrRoomConnectorIpInfo | null;
+    accessor phoneInfo: FcrRoomConnectorPhoneInfo[] | null;
+    accessor calledPstnInfo: pstnInfo;
+    accessor calledVoipInfo: VoipInfo;
+    private _uiEventObserver;
+    private _inviteDialogId;
+    private _roomControl;
+    private _roomConnectorControl;
+    private _streamControl;
+    private _pstnSessionId;
+    private _voipSessionId;
+    private _roomConnectorObserver;
+    constructor({ roomControl, uiEventStore, }: {
+        roomControl: FcrRoomControl;
+        uiEventStore: FcrUIEventStore;
+    });
+    openInviteDialog(): void;
+    closeInviteDialog(): void;
+    private _getRoomConnectorIpInfo;
+    private _getRoomConnectorPhoneInfo;
+    get pstnCountryCodeList(): {
+        value: FcrRoomConnectorPhoneRegion;
+        text: string;
+    }[];
+    startSessionByPhone({ phoneNumber, userName, zone }: pstnInfo): Promise<void>;
+    startSessionByVoip(address: string, ipType: FcrIPConnectorSessionType): Promise<void>;
+    private handleError;
+    private updateInviteStatus;
+    stopSession(type: 'pstn' | 'voip'): Promise<void>;
+    get localVoipList(): {
+        value: string;
+        text: string;
+    }[] | undefined;
+    private _resetpstnStatus;
+    private _resetVoipStatus;
+    private _handlePhoneConnectorSessionStateUpdated;
+    private _handleIPConnectorSessionStateUpdated;
+    _onUiEvent(action: UIAction, payload: unknown): void;
+    release(): void;
+}