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

package/components/auth/background-flow.js

@@ -1,21 +1,13 @@
-import { b as _createClass, e as _classCallCheck, _ as _defineProperty, g as _asyncToGenerator, h as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.promise.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import AuthResponseParser from './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';
 
-var HUB_AUTH_PAGE_OPENED = 'HUB_AUTH_PAGE_OPENED';
-var BackgroundFlow = /*#__PURE__*/function () {
-  function BackgroundFlow(requestBuilder, storage, timeout) {
-    _classCallCheck(this, BackgroundFlow);
+const HUB_AUTH_PAGE_OPENED = 'HUB_AUTH_PAGE_OPENED';
+class BackgroundFlow {
+  constructor(requestBuilder, storage, timeout) {
     _defineProperty(this, "_requestBuilder", void 0);
     _defineProperty(this, "_storage", void 0);
     _defineProperty(this, "_timeout", void 0);
@@ -29,118 +21,89 @@ var BackgroundFlow = /*#__PURE__*/function () {
    * @return {HTMLIFrameElement}
    * @private
    */
-  return _createClass(BackgroundFlow, [{
-    key: "_createHiddenFrame",
-    value: function _createHiddenFrame() {
-      var iframe = document.createElement('iframe');
-      iframe.style.border = iframe.style.width = iframe.style.height = '0px';
-      iframe.style.visibility = 'hidden';
-      iframe.style.position = 'fixed';
-      iframe.style.left = '-10000px';
-      window.document.body.appendChild(iframe);
-      return iframe;
-    }
-    /**
-     * Redirects the given iframe to the given URL
-     * @param {HTMLIFrameElement} iframe
-     * @param {string} url
-     * @private
-     */
-  }, {
-    key: "_redirectFrame",
-    value: function _redirectFrame(iframe, url) {
-      iframe.src = "".concat(url, "&rnd=").concat(Math.random());
-    }
-    /**
-     * Refreshes the access token in an iframe.
-     *
-     * @return {Promise.<string>} promise that is resolved to access the token when it is loaded in a background iframe. The
-     * promise is rejected if no token was received after {@link BackgroundToken.BACKGROUND_TIMEOUT} ms.
-     */
-  }, {
-    key: "_load",
-    value: (function () {
-      var _load2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var _this = this;
-        var authRequest;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return this._requestBuilder.
-              // eslint-disable-next-line camelcase
-              prepareAuthRequest({
-                request_credentials: 'silent'
-              }, {
-                nonRedirect: true
-              });
-            case 2:
-              authRequest = _context.sent;
-              return _context.abrupt("return", new Promise(function (resolve, reject) {
-                function onMessage(e) {
-                  if (e.data === HUB_AUTH_PAGE_OPENED) {
-                    reject(new Error('Failed to obtain/refresh token in background'));
-                    cleanUp();
-                  }
-                }
-                window.addEventListener('message', onMessage);
-                var iframe = _this._createHiddenFrame();
-                var cleanRun;
-                var timeout = setTimeout(function () {
-                  reject(new Error('Failed to refresh authorization'));
-                  cleanUp();
-                }, _this._timeout);
-                var removeTokenListener = _this._storage.onTokenChange(function (token) {
-                  if (token) {
-                    cleanUp();
-                    resolve(token.accessToken);
-                  }
-                });
-                var removeStateListener = _this._storage.onStateChange(authRequest.stateId, function (state) {
-                  if (state && state.error) {
-                    cleanUp();
-                    reject(new AuthResponseParser.AuthError(state));
-                  }
-                });
-                function cleanUp() {
-                  if (cleanRun) {
-                    return;
-                  }
-                  cleanRun = true;
-                  clearTimeout(timeout);
-                  removeStateListener();
-                  removeTokenListener();
-                  window.removeEventListener('message', onMessage);
-                  window.document.body.removeChild(iframe);
-                }
-                _this._redirectFrame(iframe, authRequest.url);
-              }));
-            case 4:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function _load() {
-        return _load2.apply(this, arguments);
+  _createHiddenFrame() {
+    const iframe = document.createElement('iframe');
+    iframe.style.border = iframe.style.width = iframe.style.height = '0px';
+    iframe.style.visibility = 'hidden';
+    iframe.style.position = 'fixed';
+    iframe.style.left = '-10000px';
+    window.document.body.appendChild(iframe);
+    return iframe;
+  }
+  /**
+   * Redirects the given iframe to the given URL
+   * @param {HTMLIFrameElement} iframe
+   * @param {string} url
+   * @private
+   */
+  _redirectFrame(iframe, url) {
+    iframe.src = "".concat(url, "&rnd=").concat(Math.random());
+  }
+  /**
+   * Refreshes the access token in an iframe.
+   *
+   * @return {Promise.<string>} promise that is resolved to access the token when it is loaded in a background iframe. The
+   * promise is rejected if no token was received after {@link BackgroundToken.BACKGROUND_TIMEOUT} ms.
+   */
+  async _load() {
+    const authRequest = await this._requestBuilder.
+    // eslint-disable-next-line camelcase
+    prepareAuthRequest({
+      request_credentials: 'silent'
+    }, {
+      nonRedirect: true
+    });
+    return new Promise((resolve, reject) => {
+      function onMessage(e) {
+        if (e.data === HUB_AUTH_PAGE_OPENED) {
+          reject(new Error('Failed to obtain/refresh token in background'));
+          cleanUp();
+        }
       }
-      return _load;
-    }())
-  }, {
-    key: "authorize",
-    value: function authorize() {
-      var _this2 = this;
-      if (this._promise) {
-        return this._promise;
+      window.addEventListener('message', onMessage);
+      const iframe = this._createHiddenFrame();
+      let cleanRun;
+      const timeout = setTimeout(() => {
+        reject(new Error('Failed to refresh authorization'));
+        cleanUp();
+      }, this._timeout);
+      const removeTokenListener = this._storage.onTokenChange(token => {
+        if (token) {
+          cleanUp();
+          resolve(token.accessToken);
+        }
+      });
+      const removeStateListener = this._storage.onStateChange(authRequest.stateId, state => {
+        if (state && state.error) {
+          cleanUp();
+          reject(new AuthResponseParser.AuthError(state));
+        }
+      });
+      function cleanUp() {
+        if (cleanRun) {
+          return;
+        }
+        cleanRun = true;
+        clearTimeout(timeout);
+        removeStateListener();
+        removeTokenListener();
+        window.removeEventListener('message', onMessage);
+        window.document.body.removeChild(iframe);
       }
-      var resetPromise = function resetPromise() {
-        _this2._promise = null;
-      };
-      this._promise = this._load();
-      this._promise.then(resetPromise, resetPromise);
+      this._redirectFrame(iframe, authRequest.url);
+    });
+  }
+  authorize() {
+    if (this._promise) {
       return this._promise;
     }
-  }]);
-}();
+    const resetPromise = () => {
+      this._promise = null;
+    };
+    this._promise = this._load();
+    this._promise.then(resetPromise, resetPromise);
+    return this._promise;
+  }
+}
 
 export { HUB_AUTH_PAGE_OPENED, BackgroundFlow as default };

package/components/auth/down-notification.js

@@ -1,22 +1,16 @@
-import { g as _asyncToGenerator, h as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.object.to-string.js';
 import 'react';
-import PropTypes from 'prop-types';
 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 { jsx, jsxs } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.map.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom/client';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../alert/container.js';
 import 'react-dom';
 import 'classnames';
-import 'core-js/modules/es.object.values.js';
 import '@jetbrains/icons/exception';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/warning';
@@ -27,21 +21,11 @@ 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 '../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 'core-js/modules/web.dom-collections.for-each.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '../link/clickableLink.js';
@@ -53,12 +37,6 @@ import '../popup/popup.js';
 import '../global/schedule-raf.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';
@@ -70,12 +48,10 @@ import '../_helpers/link.js';
 
 var modules_c87dd562 = {"light":"light_rui_2ac4","title":"title_rui_7659","error":"error_rui_7659"};
 
-var key = null;
+let key = null;
 function renderAlert(message) {
-  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Alert.Type.WARNING;
-  var existingAlert = alertService.showingAlerts.filter(function (alert) {
-    return alert.key === key;
-  })[0];
+  let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Alert.Type.WARNING;
+  const existingAlert = alertService.showingAlerts.filter(alert => alert.key === key)[0];
   if (!existingAlert) {
     key = alertService.addAlert(message, type, 0, {
       closeable: false
@@ -87,11 +63,15 @@ function renderAlert(message) {
   }
 }
 function Message(_ref) {
-  var translations = _ref.translations,
-    onCheckAgain = _ref.onCheckAgain;
-  var backendIsNotAvailable = translations.backendIsNotAvailable,
-    checkAgain = translations.checkAgain,
-    errorMessage = translations.errorMessage;
+  let {
+    translations,
+    onCheckAgain
+  } = _ref;
+  const {
+    backendIsNotAvailable,
+    checkAgain,
+    errorMessage
+  } = translations;
   return /*#__PURE__*/jsxs("div", {
     "data-test": "ring-backend-down-notification",
     children: [/*#__PURE__*/jsx(Group, {
@@ -109,56 +89,29 @@ function Message(_ref) {
     })]
   });
 }
-Message.propTypes = {
-  translations: PropTypes.shape({
-    backendIsNotAvailable: PropTypes.string,
-    checkAgain: PropTypes.string,
-    errorMessage: PropTypes.string
-  }),
-  onCheckAgain: PropTypes.func
-};
 function onBackendDown(_ref2) {
-  var onCheckAgain = _ref2.onCheckAgain,
-    translations = _ref2.translations;
-  function checkAgainWithoutClosing(_x) {
-    return _checkAgainWithoutClosing.apply(this, arguments);
-  }
-  function _checkAgainWithoutClosing() {
-    _checkAgainWithoutClosing = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            // Alert has weird behaviour of handling clicks by "a" tags
-            e.stopPropagation();
-            _context.prev = 1;
-            renderAlert('Connecting...', Alert.Type.LOADING);
-            _context.next = 5;
-            return onCheckAgain();
-          case 5:
-            _context.next = 10;
-            break;
-          case 7:
-            _context.prev = 7;
-            _context.t0 = _context["catch"](1);
-            renderAlert( /*#__PURE__*/jsx(Message, {
-              translations: translations,
-              onCheckAgain: checkAgainWithoutClosing
-            }));
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[1, 7]]);
-    }));
-    return _checkAgainWithoutClosing.apply(this, arguments);
+  let {
+    onCheckAgain,
+    translations
+  } = _ref2;
+  async function checkAgainWithoutClosing(e) {
+    // Alert has weird behaviour of handling clicks by "a" tags
+    e.stopPropagation();
+    try {
+      renderAlert('Connecting...', Alert.Type.LOADING);
+      await onCheckAgain();
+    } catch (err) {
+      renderAlert( /*#__PURE__*/jsx(Message, {
+        translations: translations,
+        onCheckAgain: checkAgainWithoutClosing
+      }));
+    }
   }
   renderAlert( /*#__PURE__*/jsx(Message, {
     translations: translations,
     onCheckAgain: checkAgainWithoutClosing
   }));
-  return function () {
-    return alertService.remove(key);
-  };
+  return () => alertService.remove(key);
 }
 
 export { onBackendDown as default };

package/components/auth/iframe-flow.js

@@ -1,6 +1,4 @@
-import { b as _createClass, e as _classCallCheck, _ as _defineProperty, g as _asyncToGenerator, h as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.promise.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import showAuthDialog from '../login-dialog/service.js';
 import Link from '../link/link.js';
 import AuthResponseParser from './response-parser.js';
@@ -9,8 +7,7 @@ import 'react-dom/client';
 import '../global/controls-height.js';
 import 'react';
 import '../login-dialog/login-dialog.js';
-import 'core-js/modules/es.array.concat.js';
-import 'prop-types';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../dialog/dialog.js';
 import 'react-dom';
 import 'classnames';
@@ -18,7 +15,6 @@ import '@jetbrains/icons/close';
 import '../island/island.js';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
@@ -27,29 +23,14 @@ import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.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.object.assign.js';
 import 'core-js/modules/es.regexp.exec.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';
 import '../tab-trap/tab-trap.js';
-import 'core-js/modules/es.array.filter.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '../icon/icon.js';
@@ -57,10 +38,7 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.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.map.js';
-import 'core-js/modules/es.weak-map.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.target.js';
@@ -69,17 +47,13 @@ import 'scrollbar-width';
 import '../loader-screen/loader-screen.js';
 import '../loader/loader.js';
 import '../loader/loader__core.js';
-import 'core-js/modules/es.array.fill.js';
 import './background-flow.js';
-import 'core-js/modules/es.array.index-of.js';
 import 'es6-error';
 import '../global/url.js';
 import '../_helpers/link.js';
 
-var IFrameFlow = /*#__PURE__*/function () {
-  function IFrameFlow(requestBuilder, storage, translations) {
-    var _this = this;
-    _classCallCheck(this, IFrameFlow);
+class IFrameFlow {
+  constructor(requestBuilder, storage, translations) {
     _defineProperty(this, "hideDialog", null);
     _defineProperty(this, "_requestBuilder", void 0);
     _defineProperty(this, "_storage", void 0);
@@ -87,9 +61,9 @@ var IFrameFlow = /*#__PURE__*/function () {
     _defineProperty(this, "reject", void 0);
     _defineProperty(this, "_promise", void 0);
     _defineProperty(this, "_loginWindow", void 0);
-    _defineProperty(this, "_reset", function () {
-      _this._promise = null;
-      _this.hideDialog = null;
+    _defineProperty(this, "_reset", () => {
+      this._promise = null;
+      this.hideDialog = null;
     });
     this._requestBuilder = requestBuilder;
     this._storage = storage;
@@ -99,99 +73,71 @@ var IFrameFlow = /*#__PURE__*/function () {
   /**
    * Initiates authorization in window
    */
-  return _createClass(IFrameFlow, [{
-    key: "_load",
-    value: (function () {
-      var _load2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var _this2 = this;
-        var authRequest, renderFallbackLink;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return this._requestBuilder.prepareAuthRequest(
-              // eslint-disable-next-line camelcase
-              {
-                request_credentials: 'required',
-                auth_mode: 'bypass_to_login'
-              }, {
-                nonRedirect: false
-              });
-            case 2:
-              authRequest = _context.sent;
-              renderFallbackLink = function renderFallbackLink() {
-                return /*#__PURE__*/jsx(Link, {
-                  href: authRequest.url,
-                  target: "_self",
-                  children: _this2._translations.nothingHappensLink
-                });
-              };
-              return _context.abrupt("return", new Promise(function (resolve, reject) {
-                _this2.hideDialog = showAuthDialog({
-                  url: authRequest.url,
-                  loader: true,
-                  onCancel: function onCancel() {
-                    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-                    cleanUp();
-                    _this2.stop();
-                  },
-                  renderFallbackLink
-                });
-                _this2.reject = reject;
-                var removeTokenListener = _this2._storage.onTokenChange(function (token) {
-                  if (token) {
-                    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-                    cleanUp();
-                    resolve(token.accessToken);
-                  }
-                });
-                var removeStateListener = _this2._storage.onStateChange(authRequest.stateId, function (state) {
-                  if (state && state.error) {
-                    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-                    cleanUp();
-                    reject(new AuthResponseParser.AuthError(state));
-                  }
-                });
-                var cleanUp = function cleanUp() {
-                  var _this2$hideDialog;
-                  (_this2$hideDialog = _this2.hideDialog) === null || _this2$hideDialog === void 0 || _this2$hideDialog.call(_this2);
-                  removeStateListener();
-                  removeTokenListener();
-                };
-              }));
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function _load() {
-        return _load2.apply(this, arguments);
-      }
-      return _load;
-    }())
-  }, {
-    key: "stop",
-    value: function stop() {
-      if (this.hideDialog) {
-        this.hideDialog();
-      }
-      if (this.reject) {
-        this.reject('Login form closed');
-      }
-      this._reset();
+  async _load() {
+    const authRequest = await this._requestBuilder.prepareAuthRequest(
+    // eslint-disable-next-line camelcase
+    {
+      request_credentials: 'required',
+      auth_mode: 'bypass_to_login'
+    }, {
+      nonRedirect: false
+    });
+    const renderFallbackLink = () => /*#__PURE__*/jsx(Link, {
+      href: authRequest.url,
+      target: "_self",
+      children: this._translations.nothingHappensLink
+    });
+    return new Promise((resolve, reject) => {
+      this.hideDialog = showAuthDialog({
+        url: authRequest.url,
+        loader: true,
+        onCancel: () => {
+          // eslint-disable-next-line @typescript-eslint/no-use-before-define
+          cleanUp();
+          this.stop();
+        },
+        renderFallbackLink
+      });
+      this.reject = reject;
+      const removeTokenListener = this._storage.onTokenChange(token => {
+        if (token) {
+          // eslint-disable-next-line @typescript-eslint/no-use-before-define
+          cleanUp();
+          resolve(token.accessToken);
+        }
+      });
+      const removeStateListener = this._storage.onStateChange(authRequest.stateId, state => {
+        if (state && state.error) {
+          // eslint-disable-next-line @typescript-eslint/no-use-before-define
+          cleanUp();
+          reject(new AuthResponseParser.AuthError(state));
+        }
+      });
+      const cleanUp = () => {
+        var _this$hideDialog;
+        (_this$hideDialog = this.hideDialog) === null || _this$hideDialog === void 0 || _this$hideDialog.call(this);
+        removeStateListener();
+        removeTokenListener();
+      };
+    });
+  }
+  stop() {
+    if (this.hideDialog) {
+      this.hideDialog();
+    }
+    if (this.reject) {
+      this.reject('Login form closed');
     }
-  }, {
-    key: "authorize",
-    value: function authorize() {
-      if (this._promise != null && this._loginWindow != null && !this._loginWindow.closed) {
-        return this._promise;
-      }
-      this._promise = this._load();
-      this._promise.then(this._reset, this._reset);
+    this._reset();
+  }
+  authorize() {
+    if (this._promise != null && this._loginWindow != null && !this._loginWindow.closed) {
       return this._promise;
     }
-  }]);
-}();
+    this._promise = this._load();
+    this._promise.then(this._reset, this._reset);
+    return this._promise;
+  }
+}
 
 export { IFrameFlow as default };