fcr-ui-scene 3.4.1 → 3.4.3

package/lib/modules/interpreter/utils.js

@@ -0,0 +1,80 @@
+"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.retryTask = exports.mergeArrays = exports.getInterpreterItem = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+require("core-js/modules/es.array.find-index.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.reduce.js");
+require("core-js/modules/web.timers.js");
+var _logger = require("agora-foundation/lib/logger");
+var _uuid = require("uuid");
+var logger = (0, _logger.getLogger)();
+var mergeArrays = exports.mergeArrays = function mergeArrays(arr1, arr2, key) {
+  var merged = arr2.reduce(function (acc, current) {
+    var existingIndex = acc.findIndex(function (item) {
+      return item[key] === current[key];
+    });
+    if (existingIndex !== -1) {
+      acc[existingIndex] = current;
+    } else {
+      acc.push(current);
+    }
+    return acc;
+  }, arr1.slice());
+  return merged;
+};
+var _retryTask2 = exports.retryTask = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(task, _retryTask) {
+    var delay,
+      _args = arguments;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          delay = _args.length > 2 && _args[2] !== undefined ? _args[2] : 1000;
+          _context.prev = 1;
+          _context.next = 4;
+          return task();
+        case 4:
+          return _context.abrupt("return", _context.sent);
+        case 7:
+          _context.prev = 7;
+          _context.t0 = _context["catch"](1);
+          logger.info("interpreterretryTask, error: ".concat(_context.t0));
+          _retryTask.isAllowRetry = true;
+          _context.next = 13;
+          return new Promise(function (resolve) {
+            _retryTask.timerId = setTimeout(resolve, delay);
+          });
+        case 13:
+          if (!_retryTask.isAllowRetry) {
+            _context.next = 16;
+            break;
+          }
+          _context.next = 16;
+          return _retryTask2(task, _retryTask, delay);
+        case 16:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 7]]);
+  }));
+  return function retryTask(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var getInterpreterItem = exports.getInterpreterItem = function getInterpreterItem() {
+  return {
+    randomKey: (0, _uuid.v4)()
+  };
+};

package/lib/modules/{Interpreter → interpreter}/view.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.InterpreterView = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
+var _env = require("agora-foundation/lib/utilities/env");
 var _mobxReact = require("mobx-react");
 var _store = require("./store");
 var _interpreterList = _interopRequireDefault(require("./interpreter-list"));
@@ -43,11 +44,11 @@ var InterpreterView = exports.InterpreterView = (0, _mobxReact.observer)(functio
     currentDialogId = _useContext.currentDialogId,
     hasEnableInterpreterPermission = _useContext.hasEnableInterpreterPermission,
     interpreterUsersEditState = _useContext.interpreterUsersEditState,
-    interpreterState = _useContext.interpreterState;
+    interpreterOff = _useContext.interpreterOff;
   var _useScroll = useScroll(),
     refDom = _useScroll.refDom,
     isScroll = _useScroll.isScroll;
-  var isEditState = interpreterUsersEditState || !interpreterState;
+  var isEditState = interpreterUsersEditState || !interpreterOff;
   (0, _react.useEffect)(function () {
     queryInterpreterUsers();
   }, []);
@@ -56,7 +57,22 @@ var InterpreterView = exports.InterpreterView = (0, _mobxReact.observer)(functio
       closeInterpreterDialog();
     }
   }, [hasEnableInterpreterPermission, currentDialogId]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  var style = {
+    width: 684,
+    height: 438
+  };
+  if ((0, _env.isElectron)()) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_interpreterList["default"], {
+        isShowAddBtn: !isScroll && isEditState,
+        refDom: refDom
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_footer["default"], {
+        isShowAddBtn: isScroll && isEditState
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: style,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_interpreterList["default"], {
       isShowAddBtn: !isScroll && isEditState,
       refDom: refDom

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,288 @@
+"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 _errorTips = require("./error-tips");
+var _enums = require("../enums");
+var _tools = require("../../../utilities/tools");
+var _meetingDetail = require("../../../utilities/meeting-detail");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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,
+    roomSchedule = _useContext.roomSchedule;
+  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 = (0, _meetingDetail.generateMeetingDetail)(userName, roomName, (0, _meetingDetail.generateMeetingDuration)((roomSchedule === null || roomSchedule === void 0 ? void 0 : roomSchedule.startTime) || 0, (roomSchedule === null || roomSchedule === void 0 ? void 0 : roomSchedule.duration) || 0), shareLink, displayMeetingId, password || '');
+  var handleCopyMeetingDetail = (0, _react.useCallback)(function () {
+    (0, _copyText.copyText)(detailText).then(function () {
+      showToast({
+        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;