@jetbrains/ring-ui 5.1.1 → 6.0.2-beta.0

package/dist/header/services.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PureComponent } from 'react';
+import React, { HTMLAttributes, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Theme from '../global/theme';
 import ServicesLink, { Service } from './services-link';
@@ -29,5 +29,5 @@ export default class Services extends PureComponent<ServicesProps> {
     };
     static Link: typeof ServicesLink;
     serviceIsActive: (service: Service) => boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/header/services.js

@@ -1,4 +1,9 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, f as _extends, m as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.sort.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.map.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import servicesIcon from '@jetbrains/icons/services-20px';
@@ -9,26 +14,46 @@ 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';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.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.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../button/button.js';
-import 'focus-visible';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.regexp.to-string.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.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.set.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -38,13 +63,11 @@ import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../_helpers/header.js';
 import '../link/link.js';
-import '../_helpers/link.js';
 
-const makeAnchor = loading => {
-  const Anchor = _ref => {
-    let {
-      active
-    } = _ref;
+var _excluded = ["clientId", "loading", "services", "initShown", "theme"];
+var makeAnchor = function makeAnchor(loading) {
+  var Anchor = function Anchor(_ref) {
+    var active = _ref.active;
     return /*#__PURE__*/React.createElement(TrayIcon, {
       loader: loading,
       active: active,
@@ -57,65 +80,81 @@ const makeAnchor = loading => {
   };
   return Anchor;
 };
-class Services extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "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"
-      }));
+var Services = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Services, _PureComponent);
+  var _super = _createSuper(Services);
+  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];
     }
-    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
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "serviceIsActive", function (service) {
+      return service.id === _this.props.clientId;
+    });
+    return _this;
+  }
+  _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;
       });
-    }), 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 servicesWithOutIcons = sortedServices.filter(function (service) {
+        return !service.iconUrl && service.homeUrl;
       });
-    })));
-  }
-}
-_defineProperty(Services, "sort", (a, b) => {
-  const aApplicationName = a.applicationName || '';
-  const bApplicationName = b.applicationName || '';
+      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, _defineProperty({}, 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
+        });
+      })));
+    }
+  }]);
+  return Services;
+}(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", {

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

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Auth, { AuthUser } from '../auth/auth';
 import { Size } from '../avatar/avatar';
@@ -31,6 +31,6 @@ export default class SmartProfile extends PureComponent<SmartProfileProps, Smart
     onRevertPostponement: () => void;
     requestUser(): Promise<void>;
     checkUserCertificateMismatch(user: AuthUser): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/header/smart-profile.js

@@ -1,4 +1,5 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, h as _asyncToGenerator, d as _createClass, e as _objectWithoutProperties, f as _extends, i as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '../auth/auth.js';
@@ -6,11 +7,22 @@ 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/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.regexp.to-string.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';
@@ -19,15 +31,23 @@ import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.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.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
-import '../_helpers/loader-inline.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.string.split.js';
+import 'core-js/modules/es.set.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
@@ -39,22 +59,33 @@ 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.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.array.find-index.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 '../_helpers/group.js';
 import '../global/react-render-adapter.js';
+import 'core-js/modules/web.url.js';
+import 'core-js/modules/web.url-search-params.js';
+import 'core-js/modules/es.parse-int.js';
+import 'core-js/modules/es.string.search.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';
@@ -66,8 +97,13 @@ import '../auth/background-flow.js';
 import '../auth/token-validator.js';
 import '../avatar/avatar.js';
 import '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.number.constructor.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';
@@ -82,7 +118,6 @@ import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
-import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -93,116 +128,172 @@ import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../popup-menu/popup-menu.js';
+import 'core-js/modules/es.parse-float.js';
+import '../i18n/i18n-context.js';
 import '../_helpers/header.js';
 
-const CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';
-class SmartProfile extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
+var _excluded = ["auth", "profileUrl"];
+var CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';
+var SmartProfile = /*#__PURE__*/function (_PureComponent) {
+  _inherits(SmartProfile, _PureComponent);
+  var _super = _createSuper(SmartProfile);
+  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 = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
       user: null,
       size: Profile.defaultProps.size,
       isLogoutPostponed: false,
       isUserChangePostponed: false
     });
-    _defineProperty(this, "login", async () => {
-      this.setState({
-        loading: true
-      });
-      try {
-        await this.props.auth.login();
-      } catch (err) {
-        // do nothing
-      } finally {
-        this.setState({
-          loading: false
-        });
-      }
+    _defineProperty(_assertThisInitialized(_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(_assertThisInitialized(_this), "logout", function () {
+      return _this.props.auth.logout();
+    });
+    _defineProperty(_assertThisInitialized(_this), "switchUser", function () {
+      return _this.props.auth.switchUser();
     });
-    _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();
+    _defineProperty(_assertThisInitialized(_this), "onRevertPostponement", function () {
+      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;
   }
-  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
+  _createClass(SmartProfile, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.requestUser();
     }
-  }
-  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);
+  }, {
+    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: 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);
+      }
     }
-  }
-  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));
-  }
-}
+  }, {
+    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));
+    }
+  }]);
+  return SmartProfile;
+}(PureComponent);
 _defineProperty(SmartProfile, "propTypes", {
   auth: PropTypes.instanceOf(Auth).isRequired,
   className: PropTypes.string,

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

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import Auth from '../auth/auth';
 import HTTP from '../http/http';
@@ -21,5 +21,5 @@ export default class SmartServices extends Component<SmartServicesProps> {
     stopLoading: () => void;
     getServicesContent: () => void;
     getServices(fields: string): Promise<any> | undefined;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }