@jetbrains/ring-ui-built 7.0.0-beta.2 → 7.0.0-beta.4

package/components/header/services.js

@@ -1,22 +1,17 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, j as _toConsumableArray, e as _classCallCheck, f 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 { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.sort.js';
-import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import servicesIcon from '@jetbrains/icons/services-20px';
 import classNames from 'classnames';
 import Dropdown from '../dropdown/dropdown.js';
 import Popup from '../popup/popup.js';
 import { T as Theme, m as modules_59717246 } from '../_helpers/theme.js';
 import HeaderIcon from './header-icon.js';
-import { S as ServicesLink, m as modules_74a7bf8b } from '../_helpers/services-link.js';
+import { m as modules_74a7bf8b, S as ServicesLink } from '../_helpers/services-link.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 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';
@@ -26,34 +21,18 @@ 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 '@jetbrains/icons/chevron-down';
 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';
@@ -65,10 +44,12 @@ 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 _excluded = ["clientId", "loading", "services", "initShown", "theme"];
+const makeAnchor = loading => {
+  const Anchor = _ref => {
+    let {
+      active
+    } = _ref;
     return /*#__PURE__*/jsx(HeaderIcon, {
       loader: loading,
       active: active,
@@ -76,95 +57,69 @@ var makeAnchor = function makeAnchor(loading) {
       "aria-label": "Services"
     });
   };
-  Anchor.propTypes = {
-    active: PropTypes.bool
-  };
   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];
-    }
-    _this = _callSuper(this, Services, [].concat(args));
-    _defineProperty(_this, "serviceIsActive", function (service) {
-      return service.id === _this.props.clientId;
-    });
-    return _this;
+class Services extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "serviceIsActive", service => service.id === this.props.clientId);
   }
-  _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__*/jsx(HeaderIcon, _objectSpread2(_objectSpread2({}, 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;
-      });
-      var servicesWithOutIcons = sortedServices.filter(function (service) {
-        return !service.iconUrl && service.homeUrl;
-      });
-      var separatorIsRequired = servicesWithIcons.length !== 0 && servicesWithOutIcons.length !== 0;
-      return /*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2({}, props), {}, {
-        anchor: makeAnchor(loading),
-        initShown: initShown,
-        children: /*#__PURE__*/jsxs(Popup, {
-          className: classNames(modules_74a7bf8b.services, {
-            [modules_59717246.dark]: theme === Theme.DARK
-          }),
-          top: -3,
-          children: [servicesWithIcons.map(function (service) {
-            var isActive = _this2.serviceIsActive(service);
-            return /*#__PURE__*/jsx(Services.Link, {
-              active: isActive,
-              className: isActive ? modules_74a7bf8b.activeItem : modules_74a7bf8b.item,
-              service: service
-            }, service.id);
-          }), separatorIsRequired && /*#__PURE__*/jsx("div", {
-            className: modules_74a7bf8b.line
-          }, "separator"), servicesWithOutIcons.map(function (service) {
-            var isActive = _this2.serviceIsActive(service);
-            return /*#__PURE__*/jsx(Services.Link, {
-              active: isActive,
-              className: isActive ? modules_74a7bf8b.activeItemStacked : modules_74a7bf8b.itemStacked,
-              service: service
-            }, service.id);
-          })]
-        })
+  render() {
+    const _this$props = this.props,
+      {
+        clientId,
+        loading,
+        services,
+        initShown,
+        theme
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
+    if (!services) {
+      return /*#__PURE__*/jsx(HeaderIcon, _objectSpread2(_objectSpread2({}, props), {}, {
+        loader: loading,
+        active: loading,
+        icon: servicesIcon,
+        "aria-label": "Services"
       }));
     }
-  }]);
-}(PureComponent);
-_defineProperty(Services, "sort", function (a, b) {
-  var aApplicationName = a.applicationName || '';
-  var bApplicationName = b.applicationName || '';
+    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__*/jsx(Dropdown, _objectSpread2(_objectSpread2({}, props), {}, {
+      anchor: makeAnchor(loading),
+      initShown: initShown,
+      children: /*#__PURE__*/jsxs(Popup, {
+        className: classNames(modules_74a7bf8b.services, {
+          [modules_59717246.dark]: theme === Theme.DARK
+        }),
+        top: -3,
+        children: [servicesWithIcons.map(service => {
+          const isActive = this.serviceIsActive(service);
+          return /*#__PURE__*/jsx(Services.Link, {
+            active: isActive,
+            className: isActive ? modules_74a7bf8b.activeItem : modules_74a7bf8b.item,
+            service: service
+          }, service.id);
+        }), separatorIsRequired && /*#__PURE__*/jsx("div", {
+          className: modules_74a7bf8b.line
+        }, "separator"), servicesWithOutIcons.map(service => {
+          const isActive = this.serviceIsActive(service);
+          return /*#__PURE__*/jsx(Services.Link, {
+            active: isActive,
+            className: isActive ? modules_74a7bf8b.activeItemStacked : modules_74a7bf8b.itemStacked,
+            service: service
+          }, service.id);
+        })]
+      })
+    }));
+  }
+}
+_defineProperty(Services, "sort", (a, b) => {
+  const aApplicationName = a.applicationName || '';
+  const 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
 });

package/components/header/smart-profile.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import Auth, { AuthUser } from '../auth/auth';
 import { Size } from '../avatar/avatar';
 import { ProfileAttrs } from './profile';
@@ -14,14 +13,6 @@ interface SmartProfileState {
     loading?: boolean;
 }
 export default class SmartProfile extends PureComponent<SmartProfileProps, SmartProfileState> {
-    static propTypes: {
-        auth: PropTypes.Validator<Auth>;
-        className: PropTypes.Requireable<string>;
-        translations: PropTypes.Requireable<object>;
-        profileUrl: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<number>;
-        round: PropTypes.Requireable<boolean>;
-    };
     state: SmartProfileState;
     componentDidMount(): void;
     static Size: typeof Size;

package/components/header/smart-profile.js

@@ -1,28 +1,19 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper, g as _asyncToGenerator, h as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import '../auth/auth.js';
 import alertService from '../alert-service/alert-service.js';
 import Profile from './profile.js';
 import { jsx } from 'react/jsx-runtime';
-import Auth, { USER_CHANGED_EVENT, LOGOUT_POSTPONED_EVENT, USER_CHANGE_POSTPONED_EVENT } from '../auth/auth__core.js';
+import { 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';
@@ -32,20 +23,11 @@ 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-down';
 import '../link/clickableLink.js';
@@ -58,13 +40,7 @@ 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';
@@ -77,32 +53,11 @@ 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';
-import '../storage/storage.js';
-import '../storage/storage__local.js';
-import '../storage/storage__fallback.js';
-import 'deep-equal';
-import '../auth/request-builder.js';
-import 'simply-uuid';
-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';
@@ -115,7 +70,6 @@ import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
-import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
 import '../list/list__custom.js';
@@ -130,176 +84,136 @@ import '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-10px';
 import '../popup-menu/popup-menu.js';
 import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
 import '../_helpers/header.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 '../global/promise-with-timeout.js';
+import '../auth/storage.js';
+import '../storage/storage.js';
+import '../storage/storage__local.js';
+import '../storage/storage__fallback.js';
+import 'deep-equal';
+import '../auth/request-builder.js';
+import 'simply-uuid';
+import '../auth/background-flow.js';
+import '../auth/token-validator.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", {
+const _excluded = ["auth", "profileUrl"];
+const CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';
+class SmartProfile extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _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, "login", async () => {
+      this.setState({
+        loading: true
+      });
+      try {
+        await this.props.auth.login();
+      } catch (err) {
+        // eslint-disable-next-line no-console
+        console.debug('Profile login errored', err);
+      } finally {
+        this.setState({
+          loading: false
+        });
+      }
     });
-    _defineProperty(_this, "onRevertPostponement", function () {
-      if (_this.state.isLogoutPostponed) {
-        _this.props.auth.login();
+    _defineProperty(this, "logout", () => this.props.auth.logout());
+    _defineProperty(this, "switchUser", () => this.props.auth.switchUser());
+    _defineProperty(this, "onRevertPostponement", () => {
+      if (this.state.isLogoutPostponed) {
+        this.props.auth.login();
       }
-      if (_this.state.isUserChangePostponed) {
-        _this.props.auth.updateUser();
+      if (this.state.isUserChangePostponed) {
+        this.props.auth.updateUser();
       }
     });
-    return _this;
   }
-  _inherits(SmartProfile, _PureComponent);
-  return _createClass(SmartProfile, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.requestUser();
-    }
-  }, {
-    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);
-      }
+  componentDidMount() {
+    this.requestUser();
+  }
+  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
     }
-  }, {
-    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__*/jsx(Profile, _objectSpread2({
-        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));
+  }
+  checkUserCertificateMismatch(user) {
+    var _userMeta$headers;
+    const {
+      auth,
+      translations
+    } = this.props;
+    const 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)) {
+      const 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);
     }
-  }]);
-}(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
-});
+  }
+  render() {
+    const {
+      user,
+      loading,
+      isLogoutPostponed,
+      isUserChangePostponed
+    } = this.state;
+    const _this$props = this.props,
+      {
+        auth,
+        profileUrl
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
+    const url = profileUrl || (user ? "".concat(auth.config.serverUri, "users/").concat(user.id) : '');
+    return /*#__PURE__*/jsx(Profile, _objectSpread2({
+      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));
+  }
+}
 _defineProperty(SmartProfile, "Size", Profile.Size);
 
 export { SmartProfile as default };

package/components/header/smart-services.d.ts

@@ -1,5 +1,4 @@
 import { Component, HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
 import Auth from '../auth/auth';
 import HTTP from '../http/http';
 import { Service } from './services-link';
@@ -7,9 +6,6 @@ export interface SmartServicesProps extends HTMLAttributes<HTMLElement> {
     auth: Auth;
 }
 export default class SmartServices extends Component<SmartServicesProps> {
-    static propTypes: {
-        auth: PropTypes.Validator<Auth>;
-    };
     state: {
         visible: boolean;
         loading: boolean;