@jetbrains/ring-ui-built 6.0.30 → 6.0.32

package/components/header/services.js

@@ -1,9 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, k as _toConsumableArray, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.array.sort.js';
-import 'core-js/modules/es.object.to-string.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import servicesIcon from '@jetbrains/icons/services-20px';
@@ -14,8 +9,6 @@ import { T as Theme, m as modules_59717246 } from '../_helpers/theme.js';
 import TrayIcon from './tray-icon.js';
 import { S as ServicesLink, m as modules_74a7bf8b } from '../_helpers/services-link.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-10px';
@@ -23,35 +16,17 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../button/button.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
-import 'core-js/modules/es.regexp.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -63,10 +38,11 @@ import '../_helpers/header.js';
 import '../link/link.js';
 import '../_helpers/link.js';
 
-var _excluded = ["clientId", "loading", "services", "initShown", "theme"];
-var makeAnchor = function makeAnchor(loading) {
-  var Anchor = function Anchor(_ref) {
-    var active = _ref.active;
+const makeAnchor = loading => {
+  const Anchor = _ref => {
+    let {
+      active
+    } = _ref;
     return /*#__PURE__*/React.createElement(TrayIcon, {
       loader: loading,
       active: active,
@@ -79,94 +55,75 @@ var makeAnchor = function makeAnchor(loading) {
   };
   return Anchor;
 };
-var Services = /*#__PURE__*/function (_PureComponent) {
-  function Services() {
-    var _this;
-    _classCallCheck(this, Services);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+class Services extends PureComponent {
+  static sort = (a, b) => {
+    const aApplicationName = a.applicationName || '';
+    const bApplicationName = b.applicationName || '';
+    return aApplicationName.localeCompare(bApplicationName) || a.name.localeCompare(b.name);
+  };
+  static propTypes = {
+    className: PropTypes.string,
+    clientId: PropTypes.string,
+    initShown: PropTypes.bool,
+    loading: PropTypes.bool,
+    onClick: PropTypes.func,
+    services: PropTypes.arrayOf(ServicesLink.propTypes.service)
+  };
+  static defaultProps = {
+    theme: Theme.DARK
+  };
+  static Link = ServicesLink;
+  serviceIsActive = service => service.id === this.props.clientId;
+  render() {
+    const {
+      clientId,
+      loading,
+      services,
+      initShown,
+      theme,
+      ...props
+    } = this.props;
+    if (!services) {
+      return /*#__PURE__*/React.createElement(TrayIcon, _extends({}, props, {
+        loader: loading,
+        active: loading,
+        icon: servicesIcon,
+        "aria-label": "Services"
+      }));
     }
-    _this = _callSuper(this, Services, [].concat(args));
-    _defineProperty(_this, "serviceIsActive", function (service) {
-      return service.id === _this.props.clientId;
-    });
-    return _this;
-  }
-  _inherits(Services, _PureComponent);
-  return _createClass(Services, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props;
-        _this$props.clientId;
-        var loading = _this$props.loading,
-        services = _this$props.services,
-        initShown = _this$props.initShown,
-        theme = _this$props.theme,
-        props = _objectWithoutProperties(_this$props, _excluded);
-      if (!services) {
-        return /*#__PURE__*/React.createElement(TrayIcon, _extends({}, props, {
-          loader: loading,
-          active: loading,
-          icon: servicesIcon,
-          "aria-label": "Services"
-        }));
-      }
-      var sortedServices = _toConsumableArray(services).sort(Services.sort);
-      var servicesWithIcons = sortedServices.filter(function (service) {
-        return service.iconUrl && service.homeUrl;
+    const sortedServices = [...services].sort(Services.sort);
+    const servicesWithIcons = sortedServices.filter(service => service.iconUrl && service.homeUrl);
+    const servicesWithOutIcons = sortedServices.filter(service => !service.iconUrl && service.homeUrl);
+    const separatorIsRequired = servicesWithIcons.length !== 0 && servicesWithOutIcons.length !== 0;
+    return /*#__PURE__*/React.createElement(Dropdown, _extends({}, props, {
+      anchor: makeAnchor(loading),
+      initShown: initShown
+    }), /*#__PURE__*/React.createElement(Popup, {
+      className: classNames(modules_74a7bf8b.services, {
+        [modules_59717246.dark]: theme === Theme.DARK
+      }),
+      top: -3
+    }, servicesWithIcons.map(service => {
+      const isActive = this.serviceIsActive(service);
+      return /*#__PURE__*/React.createElement(Services.Link, {
+        active: isActive,
+        className: isActive ? modules_74a7bf8b.activeItem : modules_74a7bf8b.item,
+        key: service.id,
+        service: service
       });
-      var servicesWithOutIcons = sortedServices.filter(function (service) {
-        return !service.iconUrl && service.homeUrl;
+    }), separatorIsRequired && /*#__PURE__*/React.createElement("div", {
+      className: modules_74a7bf8b.line,
+      key: "separator"
+    }), servicesWithOutIcons.map(service => {
+      const isActive = this.serviceIsActive(service);
+      return /*#__PURE__*/React.createElement(Services.Link, {
+        active: isActive,
+        className: isActive ? modules_74a7bf8b.activeItemStacked : modules_74a7bf8b.itemStacked,
+        key: service.id,
+        service: service
       });
-      var separatorIsRequired = servicesWithIcons.length !== 0 && servicesWithOutIcons.length !== 0;
-      return /*#__PURE__*/React.createElement(Dropdown, _extends({}, props, {
-        anchor: makeAnchor(loading),
-        initShown: initShown
-      }), /*#__PURE__*/React.createElement(Popup, {
-        className: classNames(modules_74a7bf8b.services, {
-          [modules_59717246.dark]: theme === Theme.DARK
-        }),
-        top: -3
-      }, servicesWithIcons.map(function (service) {
-        var isActive = _this2.serviceIsActive(service);
-        return /*#__PURE__*/React.createElement(Services.Link, {
-          active: isActive,
-          className: isActive ? modules_74a7bf8b.activeItem : modules_74a7bf8b.item,
-          key: service.id,
-          service: service
-        });
-      }), separatorIsRequired && /*#__PURE__*/React.createElement("div", {
-        className: modules_74a7bf8b.line,
-        key: "separator"
-      }), servicesWithOutIcons.map(function (service) {
-        var isActive = _this2.serviceIsActive(service);
-        return /*#__PURE__*/React.createElement(Services.Link, {
-          active: isActive,
-          className: isActive ? modules_74a7bf8b.activeItemStacked : modules_74a7bf8b.itemStacked,
-          key: service.id,
-          service: service
-        });
-      })));
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Services, "sort", function (a, b) {
-  var aApplicationName = a.applicationName || '';
-  var bApplicationName = b.applicationName || '';
-  return aApplicationName.localeCompare(bApplicationName) || a.name.localeCompare(b.name);
-});
-_defineProperty(Services, "propTypes", {
-  className: PropTypes.string,
-  clientId: PropTypes.string,
-  initShown: PropTypes.bool,
-  loading: PropTypes.bool,
-  onClick: PropTypes.func,
-  services: PropTypes.arrayOf(ServicesLink.propTypes.service)
-});
-_defineProperty(Services, "defaultProps", {
-  theme: Theme.DARK
-});
-_defineProperty(Services, "Link", ServicesLink);
+    })));
+  }
+}
 
 export { Services as default };

package/components/header/smart-profile.js

@@ -1,5 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _extends, f as _classCallCheck, g as _callSuper, h as _asyncToGenerator, i as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '../auth/auth.js';
@@ -7,21 +6,11 @@ import alertService from '../alert-service/alert-service.js';
 import Profile from './profile.js';
 import Auth, { USER_CHANGED_EVENT, LOGOUT_POSTPONED_EVENT, USER_CHANGE_POSTPONED_EVENT } from '../auth/auth__core.js';
 import '../auth/window-flow.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.promise.js';
 import '../auth/response-parser.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.regexp.to-string.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'es6-error';
 import '../global/url.js';
-import 'core-js/modules/es.string.match.js';
 import '../auth/down-notification.js';
-import 'core-js/modules/es.array.filter.js';
 import '../alert/alert.js';
-import 'core-js/modules/es.object.values.js';
 import 'classnames';
 import '@jetbrains/icons/exception';
 import '@jetbrains/icons/checkmark';
@@ -31,20 +20,10 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../global/dom.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
@@ -57,32 +36,20 @@ import '../popup/popup.js';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
-import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.includes.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../link/link.js';
 import '../_helpers/link.js';
 import '../group/group.js';
 import 'react-dom/client';
-import 'core-js/modules/es.string.search.js';
-import 'core-js/modules/web.url.js';
-import 'core-js/modules/web.url.to-json.js';
-import 'core-js/modules/web.url-search-params.js';
 import '../global/listeners.js';
 import '../http/http.js';
-import 'core-js/modules/es.reflect.delete-property.js';
 import '../global/promise-with-timeout.js';
 import '../i18n/i18n.js';
 import '../auth/storage.js';
@@ -96,12 +63,8 @@ import '../auth/background-flow.js';
 import '../auth/token-validator.js';
 import '../avatar/avatar.js';
 import '../avatar/fallback-avatar.js';
-import 'core-js/modules/es.array.from.js';
 import '../dropdown-menu/dropdown-menu.js';
 import '../list/list.js';
-import 'core-js/modules/es.symbol.js';
-import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.array.find.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -129,174 +92,119 @@ import '../popup-menu/popup-menu.js';
 import '../i18n/i18n-context.js';
 import '../_helpers/header.js';
 
-var _excluded = ["auth", "profileUrl"];
-var CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';
-var SmartProfile = /*#__PURE__*/function (_PureComponent) {
-  function SmartProfile() {
-    var _this;
-    _classCallCheck(this, SmartProfile);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, SmartProfile, [].concat(args));
-    _defineProperty(_this, "state", {
-      user: null,
-      size: Profile.defaultProps.size,
-      isLogoutPostponed: false,
-      isUserChangePostponed: false
-    });
-    _defineProperty(_this, "login", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _this.setState({
-              loading: true
-            });
-            _context.prev = 1;
-            _context.next = 4;
-            return _this.props.auth.login();
-          case 4:
-            _context.next = 8;
-            break;
-          case 6:
-            _context.prev = 6;
-            _context.t0 = _context["catch"](1);
-          case 8:
-            _context.prev = 8;
-            _this.setState({
-              loading: false
-            });
-            return _context.finish(8);
-          case 11:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[1, 6, 8, 11]]);
-    })));
-    _defineProperty(_this, "logout", function () {
-      return _this.props.auth.logout();
-    });
-    _defineProperty(_this, "switchUser", function () {
-      return _this.props.auth.switchUser();
-    });
-    _defineProperty(_this, "onRevertPostponement", function () {
-      if (_this.state.isLogoutPostponed) {
-        _this.props.auth.login();
-      }
-      if (_this.state.isUserChangePostponed) {
-        _this.props.auth.updateUser();
-      }
-    });
-    return _this;
+const CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';
+class SmartProfile extends PureComponent {
+  static propTypes = {
+    auth: PropTypes.instanceOf(Auth).isRequired,
+    className: PropTypes.string,
+    translations: PropTypes.object,
+    profileUrl: PropTypes.string,
+    size: Profile.propTypes.size,
+    round: Profile.propTypes.round
+  };
+  state = {
+    user: null,
+    size: Profile.defaultProps.size,
+    isLogoutPostponed: false,
+    isUserChangePostponed: false
+  };
+  componentDidMount() {
+    this.requestUser();
   }
-  _inherits(SmartProfile, _PureComponent);
-  return _createClass(SmartProfile, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.requestUser();
+  static Size = Profile.Size;
+  login = async () => {
+    this.setState({
+      loading: true
+    });
+    try {
+      await this.props.auth.login();
+    } catch (err) {
+      // do nothing
+    } finally {
+      this.setState({
+        loading: false
+      });
     }
-  }, {
-    key: "requestUser",
-    value: function () {
-      var _requestUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        var _this2 = this;
-        var auth, user;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              auth = this.props.auth;
-              _context2.next = 4;
-              return auth.requestUser();
-            case 4:
-              user = _context2.sent;
-              this.checkUserCertificateMismatch(user);
-              this.setState({
-                user
-              });
-              auth.addListener(USER_CHANGED_EVENT, function (newUser) {
-                _this2.setState({
-                  user: newUser,
-                  isLogoutPostponed: false,
-                  isUserChangePostponed: false
-                });
-              });
-              auth.addListener(LOGOUT_POSTPONED_EVENT, function () {
-                _this2.setState({
-                  isLogoutPostponed: true
-                });
-              });
-              auth.addListener(USER_CHANGE_POSTPONED_EVENT, function () {
-                _this2.setState({
-                  isUserChangePostponed: true
-                });
-              });
-              _context2.next = 14;
-              break;
-            case 12:
-              _context2.prev = 12;
-              _context2.t0 = _context2["catch"](0);
-            case 14:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this, [[0, 12]]);
-      }));
-      function requestUser() {
-        return _requestUser.apply(this, arguments);
-      }
-      return requestUser;
-    }()
-  }, {
-    key: "checkUserCertificateMismatch",
-    value: function checkUserCertificateMismatch(user) {
-      var _userMeta$headers;
-      var _this$props = this.props,
-        auth = _this$props.auth,
-        translations = _this$props.translations;
-      var userMeta = auth.http.getMetaForResponse(user);
-      if (userMeta !== null && userMeta !== void 0 && (_userMeta$headers = userMeta.headers) !== null && _userMeta$headers !== void 0 && _userMeta$headers.has(CERTIFICATE_MISMATCH_HEADER)) {
-        var message = (translations === null || translations === void 0 ? void 0 : translations.certificateMismatch) || "You are authenticated as ".concat(user.login || user.name, ". To authenticate with the client certificate for your account, log out, then click the \"Log in with certificate\" option on the login page.");
-        alertService.warning(message, 0);
-      }
+  };
+  logout = () => this.props.auth.logout();
+  switchUser = () => this.props.auth.switchUser();
+  onRevertPostponement = () => {
+    if (this.state.isLogoutPostponed) {
+      this.props.auth.login();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state = this.state,
-        user = _this$state.user,
-        loading = _this$state.loading,
-        isLogoutPostponed = _this$state.isLogoutPostponed,
-        isUserChangePostponed = _this$state.isUserChangePostponed;
-      var _this$props2 = this.props,
-        auth = _this$props2.auth,
-        profileUrl = _this$props2.profileUrl,
-        props = _objectWithoutProperties(_this$props2, _excluded);
-      var url = profileUrl || (user ? "".concat(auth.config.serverUri, "users/").concat(user.id) : '');
-      return /*#__PURE__*/React.createElement(Profile, _extends({
-        onLogin: this.login,
-        onLogout: this.logout,
-        onSwitchUser: this.switchUser,
-        loading: loading,
-        user: user,
-        profileUrl: url,
-        showApplyChangedUser: isUserChangePostponed,
-        showLogIn: isLogoutPostponed,
-        showLogOut: !isLogoutPostponed,
-        showSwitchUser: auth._canShowDialogs() && !isLogoutPostponed && !isUserChangePostponed,
-        onRevertPostponement: this.onRevertPostponement
-      }, props));
+    if (this.state.isUserChangePostponed) {
+      this.props.auth.updateUser();
     }
-  }]);
-}(PureComponent);
-_defineProperty(SmartProfile, "propTypes", {
-  auth: PropTypes.instanceOf(Auth).isRequired,
-  className: PropTypes.string,
-  translations: PropTypes.object,
-  profileUrl: PropTypes.string,
-  size: Profile.propTypes.size,
-  round: Profile.propTypes.round
-});
-_defineProperty(SmartProfile, "Size", Profile.Size);
+  };
+  async requestUser() {
+    try {
+      const {
+        auth
+      } = this.props;
+      const user = await auth.requestUser();
+      this.checkUserCertificateMismatch(user);
+      this.setState({
+        user
+      });
+      auth.addListener(USER_CHANGED_EVENT, newUser => {
+        this.setState({
+          user: newUser,
+          isLogoutPostponed: false,
+          isUserChangePostponed: false
+        });
+      });
+      auth.addListener(LOGOUT_POSTPONED_EVENT, () => {
+        this.setState({
+          isLogoutPostponed: true
+        });
+      });
+      auth.addListener(USER_CHANGE_POSTPONED_EVENT, () => {
+        this.setState({
+          isUserChangePostponed: true
+        });
+      });
+    } catch (e) {
+      // noop
+    }
+  }
+  checkUserCertificateMismatch(user) {
+    const {
+      auth,
+      translations
+    } = this.props;
+    const userMeta = auth.http.getMetaForResponse(user);
+    if (userMeta?.headers?.has(CERTIFICATE_MISMATCH_HEADER)) {
+      const message = translations?.certificateMismatch || `You are authenticated as ${user.login || user.name}. To authenticate with the client certificate for your account, log out, then click the "Log in with certificate" option on the login page.`;
+      alertService.warning(message, 0);
+    }
+  }
+  render() {
+    const {
+      user,
+      loading,
+      isLogoutPostponed,
+      isUserChangePostponed
+    } = this.state;
+    const {
+      auth,
+      profileUrl,
+      ...props
+    } = this.props;
+    const url = profileUrl || (user ? `${auth.config.serverUri}users/${user.id}` : '');
+    return /*#__PURE__*/React.createElement(Profile, _extends({
+      onLogin: this.login,
+      onLogout: this.logout,
+      onSwitchUser: this.switchUser,
+      loading: loading,
+      user: user,
+      profileUrl: url,
+      showApplyChangedUser: isUserChangePostponed,
+      showLogIn: isLogoutPostponed,
+      showLogOut: !isLogoutPostponed,
+      showSwitchUser: auth._canShowDialogs() && !isLogoutPostponed && !isUserChangePostponed,
+      onRevertPostponement: this.onRevertPostponement
+    }, props));
+  }
+}
 
 export { SmartProfile as default };