@jetbrains/ring-ui-built 7.0.66 → 7.0.71

package/components/auth/background-flow.js

@@ -1,16 +1,13 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import AuthResponseParser from './response-parser.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/url.js';
 
 const HUB_AUTH_PAGE_OPENED = 'HUB_AUTH_PAGE_OPENED';
 class BackgroundFlow {
+  _requestBuilder;
+  _storage;
+  _timeout;
+  _promise;
   constructor(requestBuilder, storage, timeout) {
-    _defineProperty(this, "_requestBuilder", void 0);
-    _defineProperty(this, "_storage", void 0);
-    _defineProperty(this, "_timeout", void 0);
-    _defineProperty(this, "_promise", void 0);
     this._requestBuilder = requestBuilder;
     this._storage = storage;
     this._timeout = timeout;
@@ -36,7 +33,7 @@ class BackgroundFlow {
    * @private
    */
   _redirectFrame(iframe, url) {
-    iframe.src = "".concat(url, "&rnd=").concat(Math.random());
+    iframe.src = `${url}&rnd=${Math.random()}`;
   }
   /**
    * Refreshes the access token in an iframe.

package/components/auth/down-notification.js

@@ -3,8 +3,6 @@ import alertService from '../alert-service/alert-service.js';
 import Alert from '../alert/alert.js';
 import Link from '../link/link.js';
 import Group from '../group/group.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom/client';
 import '../global/get-uid.js';
 import '../alert/container.js';
@@ -19,8 +17,6 @@ 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 '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -43,7 +39,6 @@ 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 '../popup/position-css.js';
 import '../_helpers/link.js';
@@ -51,8 +46,7 @@ import '../_helpers/link.js';
 var styles = {"title":"ring-down-notification-title","error":"ring-down-notification-error"};
 
 let key = null;
-function renderAlert(message) {
-  let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Alert.Type.WARNING;
+function renderAlert(message, type = Alert.Type.WARNING) {
   const existingAlert = alertService.showingAlerts.filter(alert => alert.key === key)[0];
   if (!existingAlert) {
     key = alertService.addAlert(message, type, 0, {
@@ -64,11 +58,10 @@ function renderAlert(message) {
     alertService.renderAlerts();
   }
 }
-function Message(_ref) {
-  let {
-    translations,
-    onCheckAgain
-  } = _ref;
+function Message({
+  translations,
+  onCheckAgain
+}) {
   const {
     backendIsNotAvailable,
     checkAgain,
@@ -91,11 +84,10 @@ function Message(_ref) {
     })]
   });
 }
-function onBackendDown(_ref2) {
-  let {
-    onCheckAgain,
-    translations
-  } = _ref2;
+function onBackendDown({
+  onCheckAgain,
+  translations
+}) {
   async function checkAgainWithoutClosing(e) {
     // Alert has weird behaviour of handling clicks by "a" tags
     e.stopPropagation();

package/components/auth/iframe-flow.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import showAuthDialog from '../login-dialog/service.js';
 import Link from '../link/link.js';
@@ -9,7 +8,6 @@ import 'react';
 import 'util-deprecate';
 import '../global/configuration.js';
 import '../login-dialog/login-dialog.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../dialog/dialog.js';
 import 'react-dom';
 import 'classnames';
@@ -26,7 +24,6 @@ import '../global/schedule-raf.js';
 import '../global/get-uid.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -38,38 +35,32 @@ import '@jetbrains/icons/chevron-12px-down';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
 import '../popup/popup.target.js';
 import '../popup/popup.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
 import '../_helpers/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
 import '../loader-screen/loader-screen.js';
 import '../loader/loader.js';
-import '../loader/loader-core.js';
+import '../_helpers/loader-core.js';
 import './background-flow.js';
 import '../global/url.js';
 import '../_helpers/link.js';
 
 class IFrameFlow {
+  hideDialog = null;
+  _requestBuilder;
+  _storage;
+  _translations;
+  reject;
+  _promise;
+  _loginWindow;
   constructor(requestBuilder, storage, translations) {
-    _defineProperty(this, "hideDialog", null);
-    _defineProperty(this, "_requestBuilder", void 0);
-    _defineProperty(this, "_storage", void 0);
-    _defineProperty(this, "_translations", void 0);
-    _defineProperty(this, "reject", void 0);
-    _defineProperty(this, "_promise", void 0);
-    _defineProperty(this, "_loginWindow", void 0);
-    _defineProperty(this, "_reset", () => {
-      this._promise = null;
-      this.hideDialog = null;
-    });
     this._requestBuilder = requestBuilder;
     this._storage = storage;
     this._translations = translations;
@@ -117,13 +108,16 @@ class IFrameFlow {
         }
       });
       const cleanUp = () => {
-        var _this$hideDialog;
-        (_this$hideDialog = this.hideDialog) === null || _this$hideDialog === void 0 || _this$hideDialog.call(this);
+        this.hideDialog?.();
         removeStateListener();
         removeTokenListener();
       };
     });
   }
+  _reset = () => {
+    this._promise = null;
+    this.hideDialog = null;
+  };
   stop() {
     if (this.hideDialog) {
       this.hideDialog();

package/components/auth/request-builder.js

@@ -1,10 +1,9 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import uuid from 'simply-uuid';
 import { encodeURL } from '../global/url.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 
 class AuthRequestBuilder {
+  config;
+  storage;
   /**
    * @param {{
    *   authorization: string,
@@ -16,15 +15,13 @@ class AuthRequestBuilder {
    * @param {AuthStorage} storage
    */
   constructor(config, storage) {
-    _defineProperty(this, "config", void 0);
-    _defineProperty(this, "storage", void 0);
     this.config = config;
     this.storage = storage;
   }
   /**
    * @return {string} random string used for state
    */
-
+  static _uuid = uuid.generate;
   /**
    * Save state and build an auth server redirect URL.
    *
@@ -62,10 +59,8 @@ class AuthRequestBuilder {
    * @private
    */
   _saveState(id, storedState) {
-    var _this$storage;
-    return (_this$storage = this.storage) === null || _this$storage === void 0 ? void 0 : _this$storage.saveState(id, storedState);
+    return this.storage?.saveState(id, storedState);
   }
 }
-_defineProperty(AuthRequestBuilder, "_uuid", uuid.generate);
 
 export { AuthRequestBuilder as default };

package/components/auth/response-parser.js

@@ -1,16 +1,12 @@
-import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import { parseQueryString } from '../global/url.js';
 
 class AuthError extends Error {
+  code;
+  uri;
+  stateId;
   // Supports weird IE 11 failing test issue
-  constructor() {
-    let authResponse = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(authResponse = {}) {
     super(authResponse.errorDescription);
-    _defineProperty(this, "code", void 0);
-    _defineProperty(this, "uri", void 0);
-    _defineProperty(this, "stateId", void 0);
     this.code = authResponse.error;
     this.uri = authResponse.errorUri;
     this.stateId = authResponse.state;
@@ -26,10 +22,11 @@ class AuthError extends Error {
  * @property {?string} error
  */
 class AuthResponseParser {
+  _authResponse;
   constructor() {
-    _defineProperty(this, "_authResponse", void 0);
     this._authResponse = this.readAuthResponseFromURL();
   }
+  static AuthError = AuthError;
   static convertKey(key) {
     return key.replace(/_([a-z])/g, (_, letter) => letter.toUpperCase());
   }
@@ -63,9 +60,10 @@ class AuthResponseParser {
     if (!authResponse.accessToken) {
       return null;
     }
-    return _objectSpread2(_objectSpread2({}, authResponse), {}, {
+    return {
+      ...authResponse,
       accessToken: authResponse.accessToken
-    });
+    };
   }
   /**
    * Reads the current accessToken from the URL.
@@ -102,6 +100,5 @@ class AuthResponseParser {
     return window.location.toString();
   }
 }
-_defineProperty(AuthResponseParser, "AuthError", AuthError);
 
 export { AuthError, AuthResponseParser as default };

package/components/auth/storage.js

@@ -1,6 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.sort.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import LocalStorage from '../storage/storage-local.js';
 import '../alert-service/alert-service.js';
 import 'react/jsx-runtime';
@@ -17,8 +14,6 @@ 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 '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -63,22 +58,22 @@ const DEFAULT_STATE_QUOTA = 102400; // 100 kb ~~ 200 tabs with a large list of s
 const DEFAULT_STATE_TTL = 1000 * 60 * 60 * 24; // nobody will need auth state after a day
 const UPDATE_USER_TIMEOUT = 1000;
 class AuthStorage {
+  messagePrefix;
+  stateKeyPrefix;
+  tokenKey;
+  userKey;
+  stateTTL;
+  stateQuota;
+  _lastMessage;
+  _stateStorage;
+  _tokenStorage;
+  _messagesStorage;
+  _currentUserStorage;
   /**
    * Custom storage for Auth
    * @param {{stateKeyPrefix: string, tokenKey: string, onTokenRemove: Function}} config
    */
   constructor(config) {
-    _defineProperty(this, "messagePrefix", void 0);
-    _defineProperty(this, "stateKeyPrefix", void 0);
-    _defineProperty(this, "tokenKey", void 0);
-    _defineProperty(this, "userKey", void 0);
-    _defineProperty(this, "stateTTL", void 0);
-    _defineProperty(this, "stateQuota", void 0);
-    _defineProperty(this, "_lastMessage", void 0);
-    _defineProperty(this, "_stateStorage", void 0);
-    _defineProperty(this, "_tokenStorage", void 0);
-    _defineProperty(this, "_messagesStorage", void 0);
-    _defineProperty(this, "_currentUserStorage", void 0);
     this.messagePrefix = config.messagePrefix || '';
     this.stateKeyPrefix = config.stateKeyPrefix || '';
     this.tokenKey = config.tokenKey || '';
@@ -126,8 +121,7 @@ class AuthStorage {
   onMessage(key, fn) {
     return this._messagesStorage.on(this.messagePrefix + key, message => fn(message));
   }
-  sendMessage(key) {
-    let message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  sendMessage(key, message = null) {
     this._lastMessage = message;
     this._messagesStorage.set(this.messagePrefix + key, message);
   }

package/components/auth/token-validator.js

@@ -1,24 +1,20 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { CODE } from '../http/http.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/url.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 
 class TokenValidationError extends Error {
+  cause;
+  authRedirect;
   constructor(message, cause) {
     super(message);
-    _defineProperty(this, "cause", void 0);
-    _defineProperty(this, "authRedirect", void 0);
     this.cause = cause;
     this.authRedirect = true;
   }
 }
 class TokenValidator {
+  _getUser;
+  _config;
+  _storage;
   constructor(config, getUser, storage) {
-    _defineProperty(this, "_getUser", void 0);
-    _defineProperty(this, "_config", void 0);
-    _defineProperty(this, "_storage", void 0);
     this._getUser = getUser;
     this._config = config;
     this._storage = storage;
@@ -37,7 +33,14 @@ class TokenValidator {
    * @const {number}
    */
   // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-
+  static DEFAULT_REFRESH_BEFORE = 10 * 60; // 20 min in s
+  /**
+   * Error class for auth token validation
+   *
+   * @param {string} message Error message
+   * @param {Error=} cause Error that caused this error
+   */
+  static TokenValidationError = TokenValidationError;
   /**
    * Check token validity against all conditions.
    * @mockReturnValue {Promise.<string>}
@@ -77,11 +80,10 @@ class TokenValidator {
    * @return {Promise.<StoredToken>}
    * @private
    */
-  static _validateExpiration(_ref) {
-    let {
-      expires,
-      lifeTime
-    } = _ref;
+  static _validateExpiration({
+    expires,
+    lifeTime
+  }) {
     const REFRESH_BEFORE_RATIO = 6;
     const refreshBefore = lifeTime ? Math.ceil(lifeTime / REFRESH_BEFORE_RATIO) : TokenValidator.DEFAULT_REFRESH_BEFORE;
     // eslint-disable-next-line no-underscore-dangle
@@ -101,10 +103,7 @@ class TokenValidator {
       optionalScopes
     } = this._config;
     const requiredScopes = optionalScopes ? scope.filter(scopeId => !optionalScopes.includes(scopeId)) : scope;
-    const hasAllScopes = requiredScopes.every(scopeId => {
-      var _storedToken$scopes;
-      return (_storedToken$scopes = storedToken.scopes) === null || _storedToken$scopes === void 0 ? void 0 : _storedToken$scopes.includes(scopeId);
-    });
+    const hasAllScopes = requiredScopes.every(scopeId => storedToken.scopes?.includes(scopeId));
     if (!hasAllScopes) {
       throw new TokenValidator.TokenValidationError("Token doesn't match required scopes");
     }
@@ -135,9 +134,8 @@ class TokenValidator {
         // Skip JSON parsing errors
       }
       if (errorResponse.status === CODE.UNAUTHORIZED || TokenValidator.shouldRefreshToken(response.error)) {
-        var _errorResponse$data, _errorResponse$data2;
         // Token expired
-        throw new TokenValidator.TokenValidationError(response.error || errorResponse.message, (_errorResponse$data = errorResponse.data) !== null && _errorResponse$data !== void 0 && _errorResponse$data.error ? new Error((_errorResponse$data2 = errorResponse.data) === null || _errorResponse$data2 === void 0 ? void 0 : _errorResponse$data2.error) : undefined);
+        throw new TokenValidator.TokenValidationError(response.error || errorResponse.message, errorResponse.data?.error ? new Error(errorResponse.data?.error) : undefined);
       }
       // Request unexpectedly failed
       throw errorResponse;
@@ -167,14 +165,5 @@ class TokenValidator {
     return storedToken.accessToken;
   }
 }
-_defineProperty(TokenValidator, "DEFAULT_REFRESH_BEFORE", 10 * 60);
-// 20 min in s
-/**
- * Error class for auth token validation
- *
- * @param {string} message Error message
- * @param {Error=} cause Error that caused this error
- */
-_defineProperty(TokenValidator, "TokenValidationError", TokenValidationError);
 
 export { TokenValidationError, TokenValidator as default };

package/components/auth/window-flow.js

@@ -1,32 +1,16 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import AuthResponseParser from './response-parser.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/url.js';
 
 const NAVBAR_HEIGHT = 50;
 const CLOSED_CHECK_INTERVAL = 200;
 class WindowFlow {
+  _timeoutId = undefined;
+  _requestBuilder;
+  _storage;
+  reject;
+  _loginWindow;
+  _promise;
   constructor(requestBuilder, storage) {
-    _defineProperty(this, "_timeoutId", undefined);
-    _defineProperty(this, "_requestBuilder", void 0);
-    _defineProperty(this, "_storage", void 0);
-    _defineProperty(this, "reject", void 0);
-    _defineProperty(this, "_loginWindow", void 0);
-    _defineProperty(this, "_promise", void 0);
-    _defineProperty(this, "checkIsClosed", () => {
-      var _this$_loginWindow;
-      if ((_this$_loginWindow = this._loginWindow) !== null && _this$_loginWindow !== void 0 && _this$_loginWindow.closed) {
-        this.stop();
-        return;
-      }
-      this._timeoutId = window.setTimeout(this.checkIsClosed, CLOSED_CHECK_INTERVAL);
-    });
-    _defineProperty(this, "_reset", () => {
-      this._promise = null;
-      this._loginWindow = null;
-      clearTimeout(this._timeoutId);
-    });
     this._requestBuilder = requestBuilder;
     this._storage = storage;
     this._reset();
@@ -42,7 +26,7 @@ class WindowFlow {
     const screenHalves = 2;
     const top = (window.screen.height - height - NAVBAR_HEIGHT) / screenHalves;
     const left = (window.screen.width - width) / screenHalves;
-    return window.open(url, 'HubLoginWindow', "height=".concat(height, ", width=").concat(width, ", left=").concat(left, ", top=").concat(top));
+    return window.open(url, 'HubLoginWindow', `height=${height}, width=${width}, left=${left}, top=${top}`);
   }
   /**
    * Initiates authorization in window
@@ -58,7 +42,6 @@ class WindowFlow {
       this.reject = reject;
       let cleanRun;
       const cleanUp = () => {
-        var _this$_loginWindow2;
         if (cleanRun) {
           return;
         }
@@ -67,7 +50,7 @@ class WindowFlow {
         removeStateListener();
         removeTokenListener();
         /* eslint-enable @typescript-eslint/no-use-before-define */
-        (_this$_loginWindow2 = this._loginWindow) === null || _this$_loginWindow2 === void 0 || _this$_loginWindow2.close();
+        this._loginWindow?.close();
         clearTimeout(this._timeoutId);
       };
       const removeTokenListener = this._storage.onTokenChange(token => {
@@ -82,7 +65,7 @@ class WindowFlow {
           reject(new AuthResponseParser.AuthError(state));
         }
       });
-      if (this._loginWindow === null || this._loginWindow === undefined || this._loginWindow && this._loginWindow.closed) {
+      if (!this._loginWindow || this._loginWindow && this._loginWindow.closed) {
         this._loginWindow = this._openWindow(authRequest.url);
       } else if (this._loginWindow) {
         this._loginWindow.location.href = authRequest.url;
@@ -90,8 +73,20 @@ class WindowFlow {
       this.checkIsClosed();
     });
   }
+  checkIsClosed = () => {
+    if (this._loginWindow?.closed) {
+      this.stop();
+      return;
+    }
+    this._timeoutId = window.setTimeout(this.checkIsClosed, CLOSED_CHECK_INTERVAL);
+  };
+  _reset = () => {
+    this._promise = null;
+    this._loginWindow = null;
+    clearTimeout(this._timeoutId);
+  };
   stop() {
-    if (this._loginWindow !== null && this._loginWindow !== undefined) {
+    if (this._loginWindow) {
       this._loginWindow.close();
     }
     if (this.reject) {

package/components/auth-dialog/auth-dialog.js

@@ -1,24 +1,20 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
 import '../_helpers/island.js';
-import '../island/header.js';
 import ContentWrapper from '../island/content.js';
 import Dialog from '../dialog/dialog.js';
 import { Button } from '../button/button.js';
 import { H2 } from '../heading/heading.js';
-import '../global/linear-function.js';
-import '../island/adaptive-island-hoc.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
+import '../island/adaptive-island-hoc.js';
+import '../global/linear-function.js';
 import 'react-dom';
 import '@jetbrains/icons/close';
 import '../island/island.js';
 import '../global/data-tests.js';
+import '../island/header.js';
 import '../global/get-uid.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
@@ -31,7 +27,6 @@ import '../popup/popup.target.js';
 import '../popup/popup.js';
 import '../global/configuration.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
 import '../_helpers/dialog-body-scroll-preventer.js';
@@ -51,40 +46,48 @@ import '../_helpers/heading.js';
 var styles = {"dialog":"ring-auth-dialog-dialog","content":"ring-auth-dialog-content ring-global-font","button":"ring-auth-dialog-button","firstButton":"ring-auth-dialog-firstButton ring-auth-dialog-button","title":"ring-auth-dialog-title","logo":"ring-auth-dialog-logo","error":"ring-auth-dialog-error"};
 
 class AuthDialog extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      retrying: false
-    });
-    _defineProperty(this, "onEscPress", () => {
-      if (this.props.cancelOnEsc) {
-        this.props.onCancel();
-      }
-    });
-    _defineProperty(this, "onRetryPress", async () => {
-      if (!this.props.onTryAgain || this.state.retrying) {
-        return;
-      }
-      this.setState({
-        retrying: true
-      });
-      try {
-        await this.props.onTryAgain();
-      } catch (e) {
-        // do nothing, error is handled in onTryAgain
-      } finally {
-        this.setState({
-          retrying: false
-        });
-      }
-    });
-  }
+  static defaultProps = {
+    loginCaption: 'Log in',
+    loginToCaption: 'Log in to %serviceName%',
+    tryAgainLabel: 'Try again',
+    show: false,
+    cancelOnEsc: true,
+    confirmLabel: 'Log in',
+    cancelLabel: 'Remain a guest',
+    onConfirm: () => {},
+    onCancel: () => {}
+  };
+  state = {
+    retrying: false
+  };
   componentDidMount() {
     window.addEventListener('online', this.onRetryPress);
   }
   componentWillUnmount() {
     window.removeEventListener('online', this.onRetryPress);
   }
+  onEscPress = () => {
+    if (this.props.cancelOnEsc) {
+      this.props.onCancel();
+    }
+  };
+  onRetryPress = async () => {
+    if (!this.props.onTryAgain || this.state.retrying) {
+      return;
+    }
+    this.setState({
+      retrying: true
+    });
+    try {
+      await this.props.onTryAgain();
+    } catch (e) {
+      // do nothing, error is handled in onTryAgain
+    } finally {
+      this.setState({
+        retrying: false
+      });
+    }
+  };
   render() {
     const {
       show,
@@ -118,7 +121,7 @@ class AuthDialog extends Component {
         children: jsxs("div", {
           className: styles.content,
           children: [serviceImage && jsx("img", {
-            alt: "".concat(serviceName, " logo"),
+            alt: `${serviceName} logo`,
             className: styles.logo,
             src: serviceImage
           }), jsx(H2, {
@@ -151,16 +154,5 @@ class AuthDialog extends Component {
     });
   }
 }
-_defineProperty(AuthDialog, "defaultProps", {
-  loginCaption: 'Log in',
-  loginToCaption: 'Log in to %serviceName%',
-  tryAgainLabel: 'Try again',
-  show: false,
-  cancelOnEsc: true,
-  confirmLabel: 'Log in',
-  cancelLabel: 'Remain a guest',
-  onConfirm: () => {},
-  onCancel: () => {}
-});
 
 export { AuthDialog as default };