@jetbrains/ring-ui 5.0.0-beta.2 → 5.0.0-beta.22

package/dist/alert/alert.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -7,26 +8,39 @@ import checkmarkIcon from '@jetbrains/icons/checkmark';
 import warningIcon from '@jetbrains/icons/warning';
 import closeIcon from '@jetbrains/icons/close';
 import Icon from '../icon/icon.js';
-import ThemedLoaderInline from '../loader-inline/loader-inline.js';
+import LoaderInline from '../loader-inline/loader-inline.js';
 import { getRect } from '../global/dom.js';
 import joinDataTestAttributes from '../global/data-tests.js';
+import { Button } from '../button/button.js';
+import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
 export { default as Container } from './container.js';
 import { Color } from '../icon/icon__constants.js';
 import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
-import '../global/theme.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
-import '../global/get-uid.js';
+import '../_helpers/loader-inline.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
 import 'react-dom';
-
-var modules_e02b3280 = {"unit":"8px","animation-duration":".3s","animation-easing":"ease-out","alert":"alert_rui_3639","alertInline":"alertInline_rui_3639","error":"error_rui_3639","icon":"icon_rui_3639","caption":"caption_rui_3639","link":"link_rui_3639","withCloseButton":"withCloseButton_rui_3639","badge":"badge_rui_3639","loader":"loader_rui_3639","close":"close_rui_3639","animationOpen":"animationOpen_rui_3639","show":"show_rui_3639","animationClosing":"animationClosing_rui_3639","animationShaking":"animationShaking_rui_3639","shaking":"shaking_rui_3639"};
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/get-uid.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+
+var modules_e02b3280 = {"link":"link_rui_d382","unit":"8px","animation-duration":"300ms","animation-easing":"ease-out","alert":"alert_rui_2b32","alertInline":"alertInline_rui_2b32","error":"error_rui_2b32","icon":"icon_rui_2b32","caption":"caption_rui_2b32","withCloseButton":"withCloseButton_rui_2b32","badge":"badge_rui_2b32","loader":"loader_rui_2b32","close":"close_rui_2b32","animationOpen":"animationOpen_rui_2b32","show":"show_rui_2b32","animationClosing":"animationClosing_rui_2b32","animationShaking":"animationShaking_rui_2b32","shaking":"shaking_rui_2b32"};
 
 const ANIMATION_TIME = 500;
 /**
@@ -170,9 +184,8 @@ class Alert extends PureComponent {
         color: TypeToIconColor[this.props.type] || Color.DEFAULT
       });
     } else if (this.props.type === AlertType.LOADING) {
-      return /*#__PURE__*/React.createElement(ThemedLoaderInline, {
-        className: modules_e02b3280.loader,
-        theme: ThemedLoaderInline.Theme.DARK
+      return /*#__PURE__*/React.createElement(LoaderInline, {
+        className: modules_e02b3280.loader
       });
     }
 
@@ -188,7 +201,8 @@ class Alert extends PureComponent {
       closeButtonClassName,
       showWithAnimation,
       className,
-      'data-test': dataTest
+      'data-test': dataTest,
+      theme
     } = this.props;
     const classes = classNames(className, {
       [modules_e02b3280.alert]: true,
@@ -202,21 +216,20 @@ class Alert extends PureComponent {
     const style = height ? {
       marginBottom: -height
     } : undefined;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(ThemeProvider, {
+      theme: theme,
       className: classes,
       "data-test": joinDataTestAttributes('alert', dataTest),
       "data-test-type": type,
       style: style,
       ref: this.storeAlertRef
-    }, this._getIcon(), this._getCaption(), this.props.closeable ? /*#__PURE__*/React.createElement("button", {
-      type: "button",
+    }, this._getIcon(), this._getCaption(), this.props.closeable ? /*#__PURE__*/React.createElement(Button, {
+      icon: closeIcon,
       className: classNames(modules_e02b3280.close, closeButtonClassName),
       "data-test": "alert-close",
       "aria-label": "close alert",
       onClick: this.closeRequest
-    }, /*#__PURE__*/React.createElement(Icon, {
-      glyph: closeIcon
-    })) : '');
+    }) : '');
   }
 
 }
@@ -248,6 +261,7 @@ _defineProperty(Alert, "propTypes", {
 });
 
 _defineProperty(Alert, "defaultProps", {
+  theme: Theme.DARK,
   closeable: true,
   showWithAnimation: true,
   type: AlertType.MESSAGE,

package/dist/alert/container.js

@@ -4,7 +4,7 @@ import { createPortal } from 'react-dom';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 
-var modules_fc8df42d = {"unit":"8px","alertContainer":"alertContainer_rui_49e4","alertInContainer":"alertInContainer_rui_49e4 alert_rui_9b21"};
+var modules_fc8df42d = {"unit":"8px","alertContainer":"alertContainer_rui_a9a3","alertInContainer":"alertInContainer_rui_a9a3 alert_rui_2b32"};
 
 class Alerts extends PureComponent {
   render() {

package/dist/alert-service/alert-service.js

@@ -1,9 +1,11 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React from 'react';
-import { render } from 'react-dom';
+import { render } from '../global/react-render-adapter.js';
 import getUID from '../global/get-uid.js';
 import Alert, { ANIMATION_TIME } from '../alert/alert.js';
 import Alerts from '../alert/container.js';
+import 'react-dom';
 import 'classnames';
 import 'prop-types';
 import '@jetbrains/icons/exception';
@@ -15,17 +17,30 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
 
 /**
  * @name Alert Service

package/dist/analytics/analytics.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.string.replace.js';
 
 /**
  * @name Analytics
@@ -58,7 +59,7 @@ class Analytics {
 
   trackShortcutEvent(category, action, additionalData) {
     this.trackEvent(category, action, additionalData);
-    this.trackEvent('ring-shortcut', `${category}$${action}`, additionalData);
+    this.trackEvent('ring-shortcut', "".concat(category, "$").concat(action), additionalData);
   }
 
   trackEntityProperties(entityName, entity, propertiesNames, additionalData) {
@@ -83,7 +84,7 @@ class Analytics {
         value = value.toLowerCase().replace(/[._]+/g, '-');
       }
 
-      const resultAction = `${keys.join('-')}__${value}`;
+      const resultAction = "".concat(keys.join('-'), "__").concat(value);
       this.trackEvent(entityName, resultAction, additionalData);
     }
   }
@@ -98,7 +99,7 @@ class Analytics {
 
     for (key in additionalData) {
       if (additionalData.hasOwnProperty(key)) {
-        suffix += `__${key}$${additionalData[key]}`;
+        suffix += "__".concat(key, "$").concat(additionalData[key]);
       }
     }
 

package/dist/analytics/analytics__custom-plugin.js

@@ -1,5 +1,6 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import AnalyticsPluginUtils from './analytics__plugin-utils.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/sniffer.js';
 import 'sniffr';
 
@@ -121,7 +122,7 @@ class AnalyticsCustomPlugin {
       if (this._lastPageViewTime) {
         const duration = AnalyticsPluginUtils.getPageViewDurationPresentation(currentTime - this._lastPageViewTime);
 
-        this._processEvent(`ring-pageview-duration_${this._lastPagePath}`, duration);
+        this._processEvent("ring-pageview-duration_".concat(this._lastPagePath), duration);
       }
     }
 

package/dist/analytics/analytics__fus-plugin.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.string.replace.js';
 import AnalyticsPluginUtils from './analytics__plugin-utils.js';
 import '../global/sniffer.js';
 import 'sniffr';

package/dist/analytics/analytics__ga-plugin.d.ts

@@ -10,7 +10,7 @@ declare global {
  * @constructor
  */
 export default class AnalyticsGAPlugin implements AnalyticsPlugin {
-    constructor(gaId?: string | undefined, isDevelopment?: boolean | undefined, domain?: string);
+    constructor(gaId?: string | undefined, isDevelopment?: boolean | undefined, domain?: string, cookielessUserIdentifier?: string | undefined);
     trackEvent(category: string, action: string): void;
     trackPageView(path: string): void;
     get serializeAdditionalInfo(): boolean;

package/dist/analytics/analytics__ga-plugin.js

@@ -4,7 +4,7 @@
  * @constructor
  */
 class AnalyticsGAPlugin {
-  constructor(gaId, isDevelopment, domain) {
+  constructor(gaId, isDevelopment, domain, cookielessUserIdentifier) {
     if (!gaId && !isDevelopment) {
       return;
     }
@@ -37,12 +37,20 @@ class AnalyticsGAPlugin {
     const key = gaId || 'UA-57284711-1';
     /* global ga */
 
-    const gaCookieParams = domain ? {
-      cookieDomain: domain
-    } : {};
-    ga('create', key, !gaId ? {
-      cookieDomain: 'none'
-    } : gaCookieParams);
+    if (cookielessUserIdentifier) {
+      ga('create', key, {
+        storage: 'none',
+        clientId: cookielessUserIdentifier
+      });
+    } else {
+      const gaCookieParams = domain ? {
+        cookieDomain: domain
+      } : {};
+      ga('create', key, !gaId ? {
+        cookieDomain: 'none'
+      } : gaCookieParams);
+    }
+
     ga('set', 'anonymizeIp', true);
     ga('set', 'allowAdFeatures', false);
   }

package/dist/analytics/analytics__plugin-utils.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/es.string.replace.js';
 import sniffr from '../global/sniffer.js';
 import 'sniffr';
 
@@ -42,7 +43,7 @@ const AnalyticsPluginUtils = {
 
     let roundedDuration = Math.floor(Math.pow(2, Math.floor(Math.log2(duration)) + 1));
     roundedDuration = roundedDuration > 0 ? roundedDuration : 1;
-    return `less-than-${roundedDuration}-sec`;
+    return "less-than-".concat(roundedDuration, "-sec");
   },
   getScreenWidthPresentation: () => {
     /**
@@ -53,7 +54,7 @@ const AnalyticsPluginUtils = {
 
     for (let i = 1; i < sizes.length; ++i) {
       if (window.innerWidth < sizes[i]) {
-        return `[${sizes[i - 1]}px;${sizes[i]}px)`;
+        return "[".concat(sizes[i - 1], "px;").concat(sizes[i], "px)");
       }
     }
 
@@ -64,7 +65,7 @@ const AnalyticsPluginUtils = {
     const name = AnalyticsPluginUtils.npeSaveLowerCase(sniffr.browser.name || 'unknown');
     const majorVersion = sniffr.browser.version[0];
     const version = majorVersion || 'unknown';
-    return `${name}$${version}`;
+    return "".concat(name, "$").concat(version);
   },
   getDevicePixelRatioPresentation: () => {
     if (!window.devicePixelRatio || !window.devicePixelRatio.toFixed) {

package/dist/analytics-ng/analytics-ng.js

@@ -4,6 +4,7 @@ import AnalyticsGAPlugin from '../analytics/analytics__ga-plugin.js';
 import AnalyticsFUSPlugin from '../analytics/analytics__fus-plugin.js';
 import AnalyticsCustomPlugin from '../analytics/analytics__custom-plugin.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.string.replace.js';
 import '../analytics/analytics__plugin-utils.js';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -36,9 +37,9 @@ angularModule.provider('analytics', function provider() {
         try {
           const plugin = $injector.get(configPlugins[i]);
           loadedPlugins.push(plugin);
-          $log.debug(`analytics: loaded plugin ${configPlugins[i]}`);
+          $log.debug("analytics: loaded plugin ".concat(configPlugins[i]));
         } catch (err) {
-          $log.debug(`analytics: unable to load factory ${configPlugins[i]}`);
+          $log.debug("analytics: unable to load factory ".concat(configPlugins[i]));
         }
       } else {
         loadedPlugins.push(configPlugins[i]);

package/dist/auth/auth.js

@@ -4,11 +4,14 @@ import Auth from './auth__core.js';
 export { DEFAULT_BACKGROUND_TIMEOUT, DEFAULT_EXPIRES_TIMEOUT, DOMAIN_USER_CHANGED_EVENT, LOGOUT_EVENT, LOGOUT_POSTPONED_EVENT, USER_CHANGED_EVENT, USER_CHANGE_POSTPONED_EVENT, default } from './auth__core.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import './response-parser.js';
+import 'core-js/modules/es.string.replace.js';
 import 'es6-error';
 import '../global/url.js';
 import 'react';
 import 'prop-types';
 import '../alert-service/alert-service.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -24,19 +27,29 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
-import '../alert/container.js';
-import '../link/link.js';
+import '../button/button.js';
 import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.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';

package/dist/auth/auth__core.d.ts

@@ -38,6 +38,7 @@ export interface AuthTranslations {
     applyChange: string;
     backendIsNotAvailable: string;
     checkAgain: string;
+    tryAgainLabel: string;
     nothingHappensLink: string;
     errorMessage: string;
 }
@@ -99,6 +100,7 @@ interface AuthDialogParams {
     nonInteractive?: boolean;
     error?: Error;
     canCancel?: boolean;
+    onTryAgain?: () => Promise<void>;
 }
 interface UserChange {
     userID: number | string | null | undefined;
@@ -180,7 +182,7 @@ export default class Auth implements HTTPAuth {
     updateUser(): Promise<void>;
     _detectUserChange(accessToken: string): Promise<void>;
     _beforeLogout(params?: AuthDialogParams): void;
-    _showAuthDialog({ nonInteractive, error, canCancel }?: AuthDialogParams): void;
+    _showAuthDialog({ nonInteractive, error, canCancel, onTryAgain }?: AuthDialogParams): void;
     _showUserChangedDialog({ newUser, onApply, onPostpone }: UserChangedDialogParams): void;
     private _extractErrorMessage;
     private _showBackendDownDialog;

package/dist/auth/auth__core.js

@@ -1,4 +1,6 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.string.replace.js';
 import { getAbsoluteBaseURL, fixUrl } from '../global/url.js';
 import Listeners from '../global/listeners.js';
 import HTTP from '../http/http.js';
@@ -13,6 +15,7 @@ import '../storage/storage.js';
 import '../storage/storage__local.js';
 import '../alert-service/alert-service.js';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -29,15 +32,27 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../storage/storage__fallback.js';
 import 'deep-equal';
@@ -86,6 +101,7 @@ const DEFAULT_CONFIG = {
     login: 'Log in',
     loginTo: 'Log in to %serviceName%',
     cancel: 'Cancel',
+    tryAgainLabel: 'Try again',
     postpone: 'Postpone',
     youHaveLoggedInAs: 'You have logged in as another user: %userName%',
     applyChange: 'Apply change',
@@ -142,7 +158,7 @@ class Auth {
     const unsupportedParams = ['redirect_uri', 'request_credentials', 'client_id'].filter(param => config.hasOwnProperty(param));
 
     if (unsupportedParams.length !== 0) {
-      throw new Error(`The following parameters are no longer supported: ${unsupportedParams.join(', ')}. Please change them from snake_case to camelCase.`);
+      throw new Error("The following parameters are no longer supported: ".concat(unsupportedParams.join(', '), ". Please change them from snake_case to camelCase."));
     }
 
     config.userFields = config.userFields || [];
@@ -173,10 +189,10 @@ class Auth {
     }
 
     this._storage = new AuthStorage({
-      messagePrefix: `${clientId}-message-`,
-      stateKeyPrefix: `${clientId}-states-`,
-      tokenKey: `${clientId}-token`,
-      userKey: `${clientId}-user-`
+      messagePrefix: "".concat(clientId, "-message-"),
+      stateKeyPrefix: "".concat(clientId, "-states-"),
+      tokenKey: "".concat(clientId, "-token"),
+      userKey: "".concat(clientId, "-user-")
     });
     this._domainStorage = new AuthStorage({
       messagePrefix: 'domain-message-'
@@ -361,7 +377,7 @@ class Auth {
       // Check if there is a valid token
       await ((_this$_tokenValidator = this._tokenValidator) === null || _this$_tokenValidator === void 0 ? void 0 : _this$_tokenValidator.validateToken()); // Checking if there is a message left by another app on this domain
 
-      const message = await this._domainStorage._messagesStorage.get(`domain-message-${DOMAIN_USER_CHANGED_EVENT}`);
+      const message = await this._domainStorage._messagesStorage.get("domain-message-".concat(DOMAIN_USER_CHANGED_EVENT));
 
       if (message) {
         var _this$user;
@@ -514,28 +530,48 @@ class Auth {
 
       return (_await$this$_backgrou = await ((_this$_backgroundFlow2 = this._backgroundFlow) === null || _this$_backgroundFlow2 === void 0 ? void 0 : _this$_backgroundFlow2.authorize())) !== null && _await$this$_backgrou !== void 0 ? _await$this$_backgrou : null;
     } catch (error) {
-      if (error instanceof Error) {
-        if (this._canShowDialogs()) {
+      if (!(error instanceof Error)) {
+        return null;
+      }
+
+      if (this._canShowDialogs()) {
+        return new Promise(resolve => {
+          const onTryAgain = async () => {
+            try {
+              var _this$_backgroundFlow3;
+
+              const result = await ((_this$_backgroundFlow3 = this._backgroundFlow) === null || _this$_backgroundFlow3 === void 0 ? void 0 : _this$_backgroundFlow3.authorize());
+              resolve(result !== null && result !== void 0 ? result : null);
+            } catch (retryError) {
+              if (retryError instanceof Error) {
+                this._showAuthDialog({
+                  nonInteractive: true,
+                  error: retryError,
+                  onTryAgain
+                });
+              }
+
+              throw retryError;
+            }
+          };
+
           this._showAuthDialog({
             nonInteractive: true,
-            error
+            error: error,
+            onTryAgain
           });
+        });
+      } else {
+        var _this$_requestBuilder2;
 
-          return null;
-        } else {
-          var _this$_requestBuilder2;
-
-          const authRequest = await ((_this$_requestBuilder2 = this._requestBuilder) === null || _this$_requestBuilder2 === void 0 ? void 0 : _this$_requestBuilder2.prepareAuthRequest());
+        const authRequest = await ((_this$_requestBuilder2 = this._requestBuilder) === null || _this$_requestBuilder2 === void 0 ? void 0 : _this$_requestBuilder2.prepareAuthRequest());
 
-          if (authRequest != null) {
-            this._redirectCurrentPage(authRequest.url);
-          }
+        if (authRequest != null) {
+          this._redirectCurrentPage(authRequest.url);
         }
-
-        throw new TokenValidator.TokenValidationError(error.message);
-      } else {
-        return null;
       }
+
+      throw new TokenValidator.TokenValidationError(error.message);
     }
   }
 
@@ -548,7 +584,7 @@ class Auth {
       const {
         serviceName,
         iconUrl: serviceImage
-      } = (await this.http.get(`oauth2/interactive/login/settings?client_id=${this.config.clientId}`)) || {};
+      } = (await this.http.get("oauth2/interactive/login/settings?client_id=".concat(this.config.clientId))) || {};
       this.setCurrentService({
         serviceImage,
         serviceName
@@ -657,7 +693,8 @@ class Auth {
     let {
       nonInteractive,
       error,
-      canCancel
+      canCancel,
+      onTryAgain
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       embeddedLogin,
@@ -711,14 +748,21 @@ class Auth {
       }
     };
 
+    const onTryAgainClick = async () => {
+      await (onTryAgain === null || onTryAgain === void 0 ? void 0 : onTryAgain());
+      closeDialog();
+    };
+
     const hide = (_this$_authDialogServ = this._authDialogService) === null || _this$_authDialogServ === void 0 ? void 0 : _this$_authDialogServ.call(this, { ...this._service,
       loginCaption: translations.login,
       loginToCaption: translations.loginTo,
       confirmLabel: translations.login,
+      tryAgainLabel: translations.tryAgainLabel,
       cancelLabel: cancelable ? translations.cancel : translations.postpone,
       errorMessage: this._extractErrorMessage(error, true),
       onConfirm,
-      onCancel
+      onCancel,
+      onTryAgain: onTryAgain ? onTryAgainClick : undefined
     });
     const stopTokenListening = (_this$_storage9 = this._storage) === null || _this$_storage9 === void 0 ? void 0 : _this$_storage9.onTokenChange(token => {
       if (token) {
@@ -762,6 +806,7 @@ class Auth {
       loginCaption: translations.login,
       loginToCaption: translations.loginTo,
       confirmLabel: translations.applyChange,
+      tryAgainLabel: translations.tryAgainLabel,
       cancelLabel: translations.postpone,
       onConfirm: () => {
         done();
@@ -791,7 +836,7 @@ class Auth {
       // https://www.jetbrains.com/help/youtrack/devportal/OAuth-2.0-Errors.html
       if ('code' in error && error.code && typeof error.code === 'object' && 'code' in error.code && typeof error.code.code === 'string') {
         const readableCode = error.code.code.split('_').join(' ');
-        return `Authorization error: ${readableCode}`;
+        return "Authorization error: ".concat(readableCode);
       }
     } catch {// noop
     }
@@ -915,9 +960,9 @@ class Auth {
     await this._checkBackendsStatusesIfEnabled();
 
     try {
-      var _this$_backgroundFlow3;
+      var _this$_backgroundFlow4;
 
-      const accessToken = await ((_this$_backgroundFlow3 = this._backgroundFlow) === null || _this$_backgroundFlow3 === void 0 ? void 0 : _this$_backgroundFlow3.authorize());
+      const accessToken = await ((_this$_backgroundFlow4 = this._backgroundFlow) === null || _this$_backgroundFlow4 === void 0 ? void 0 : _this$_backgroundFlow4.authorize());
       const user = await this.getUser(accessToken);
 
       if (user.guest) {
@@ -1007,11 +1052,15 @@ class Auth {
   }
 
   _checkBackendsAreUp() {
+    const abortCtrl = new AbortController();
     const {
       backendCheckTimeout
     } = this.config;
-    return Promise.all([promiseWithTimeout(this.http.fetch('settings/public?fields=id'), backendCheckTimeout, {
-      error: new Error('The authorization server is taking too long to respond. Please try again later.')
+    return Promise.all([promiseWithTimeout(this.http.fetch('settings/public?fields=id', {
+      signal: abortCtrl.signal
+    }), backendCheckTimeout, {
+      error: new Error('The authorization server is taking too long to respond. Please try again later.'),
+      onTimeout: () => abortCtrl.abort()
     }), this.config.checkBackendIsUp()]).catch(err => {
       if (err instanceof TypeError) {
         throw new TypeError('Could not connect to the server due to network error. Please check your connection and try again.');
@@ -1086,8 +1135,8 @@ class Auth {
       // NB! URL to redirect is formed manually because baseURI could be messed up,
       // in which case it's not obvious where redirect will lead.
       const cleanedUrl = [window.location.pathname, window.location.search].join('');
-      const hashIfExist = hash ? `#${hash}` : '';
-      history.replaceState(undefined, '', `${cleanedUrl}${hashIfExist}`);
+      const hashIfExist = hash ? "#".concat(hash) : '';
+      history.replaceState(undefined, '', "".concat(cleanedUrl).concat(hashIfExist));
     } else {
       window.location.hash = hash;
     }