@jetbrains/ring-ui 4.1.0-beta.4 → 4.1.2

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

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends, c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { render } from 'react-dom';
 import getUID from '../global/get-uid.js';
@@ -13,7 +13,8 @@ import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/theme.js';
@@ -51,10 +52,9 @@ class AlertService {
     return /*#__PURE__*/React.createElement(Alerts, null, alerts.map(alert => {
       const {
         message,
-        key
-      } = alert,
-            rest = _objectWithoutProperties(alert, ["message", "key"]);
-
+        key,
+        ...rest
+      } = alert;
       return /*#__PURE__*/React.createElement(Alert, _extends({
         key: key
       }, rest), message);
@@ -101,7 +101,14 @@ class AlertService {
     }, ANIMATION_TIME);
   }
 
-  addAlert(message, type, timeout = this.defaultTimeout, restOptions = {}) {
+  addAlert(message, type) {
+    let timeout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.defaultTimeout;
+    let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+    const {
+      onCloseRequest,
+      onClose,
+      ...restOptions
+    } = options;
     const sameAlert = this.findSameAlert(message, type);
 
     if (sameAlert) {
@@ -111,16 +118,22 @@ class AlertService {
       return sameAlert.key;
     }
 
-    const alert = _objectSpread2({
+    const alert = {
       key: getUID('alert-service-'),
       message,
       type,
       timeout,
       isClosing: false,
-      onCloseRequest: () => this.startAlertClosing(alert),
-      onClose: () => this.removeWithoutAnimation(alert.key)
-    }, restOptions);
-
+      onCloseRequest: () => {
+        onCloseRequest && onCloseRequest();
+        this.startAlertClosing(alert);
+      },
+      onClose: () => {
+        onClose && onClose();
+        this.removeWithoutAnimation(alert.key);
+      },
+      ...restOptions
+    };
     this.showingAlerts = [alert, ...this.showingAlerts];
     this.renderAlerts();
     return alert.key;
@@ -154,4 +167,4 @@ class AlertService {
 
 const alertService = new AlertService();
 
-export default alertService;
+export { alertService as default };

package/dist/analytics/analytics.js

@@ -111,6 +111,6 @@ class Analytics {
 
 }
 
-var analytics = new Analytics();
+var analyticsInstance = new Analytics();
 
-export default analytics;
+export { analyticsInstance as default };

package/dist/analytics/analytics__custom-plugin.js

@@ -124,4 +124,4 @@ class AnalyticsCustomPlugin {
 
 }
 
-export default AnalyticsCustomPlugin;
+export { AnalyticsCustomPlugin as default };

package/dist/analytics/analytics__fus-plugin.js

@@ -16,21 +16,23 @@ import 'sniffr';
  */
 
 class AnalyticsFUSPlugin {
-  constructor({
-    productId,
-    productBuild,
-    recorderVersion = '1',
-    isDevelopment = false,
-    groups = []
-  }) {
+  constructor(_ref) {
+    let {
+      productId,
+      productBuild,
+      recorderVersion = '1',
+      isDevelopment = false,
+      groups = []
+    } = _ref;
+
     if (!productId && !isDevelopment) {
       return;
     }
 
     ((i, s, o, g, r) => {
-      i[r] = i[r] || (() => {
+      i[r] = i[r] || function addArgumentsToQueueForWaitingTheScriptLoading() {
         (i[r].query = i[r].query || []).push(arguments);
-      });
+      };
 
       const script = document.createElement(o);
       script.async = true;
@@ -46,7 +48,7 @@ class AnalyticsFUSPlugin {
       recorderVersion,
       productCode: productId,
       productBuild,
-      internal: true,
+      internal: isDevelopment,
       groups,
       useForSubdomains: true
     });
@@ -96,4 +98,4 @@ class AnalyticsFUSPlugin {
 
 }
 
-export default AnalyticsFUSPlugin;
+export { AnalyticsFUSPlugin as default };

package/dist/analytics/analytics__ga-plugin.js

@@ -12,9 +12,9 @@ class AnalyticsGAPlugin {
     ((i, s, o, g, r) => {
       i.GoogleAnalyticsObject = r;
 
-      i[r] = i[r] || (() => {
+      i[r] = i[r] || function addArgumentsToQueueForWaitingTheScriptLoading() {
         (i[r].q = i[r].q || []).push(arguments);
-      });
+      };
 
       i[r].l = 1 * new Date();
       const a = s.createElement(o);
@@ -63,4 +63,4 @@ class AnalyticsGAPlugin {
 
 }
 
-export default AnalyticsGAPlugin;
+export { AnalyticsGAPlugin as default };

package/dist/analytics/analytics__plugin-utils.js

@@ -76,4 +76,4 @@ AnalyticsPluginUtils.getDevicePixelRatioPresentation = () => {
   return String(window.devicePixelRatio.toFixed(1));
 };
 
-export default AnalyticsPluginUtils;
+export { AnalyticsPluginUtils as default };

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

@@ -0,0 +1,94 @@
+import angular from 'angular';
+import analyticsInstance from '../analytics/analytics.js';
+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 '../analytics/analytics__plugin-utils.js';
+import '../global/sniffer.js';
+import 'sniffr';
+
+/**
+ * @name Analytics Ng
+*/
+
+const angularModule = angular.module('Ring.analytics', []);
+/**
+ * @name analyticsProvider
+ * @description Configures analytics with plugins.
+ */
+
+angularModule.provider('analytics', function provider() {
+  let configPlugins = [];
+  /**
+   * @param plugins
+   */
+
+  this.plugins = plugins => {
+    configPlugins = plugins;
+  };
+
+  this.$get = ["$log", "$injector", function get($log, $injector) {
+    const loadedPlugins = [];
+
+    for (let i = 0; i < configPlugins.length; ++i) {
+      if (typeof configPlugins[i] === 'string') {
+        try {
+          const plugin = $injector.get(configPlugins[i]);
+          loadedPlugins.push(plugin);
+          $log.debug(`analytics: loaded plugin ${configPlugins[i]}`);
+        } catch (err) {
+          $log.debug(`analytics: unable to load factory ${configPlugins[i]}`);
+        }
+      } else {
+        loadedPlugins.push(configPlugins[i]);
+      }
+    }
+
+    analyticsInstance.config(loadedPlugins);
+    return analyticsInstance;
+  }];
+});
+angularModule.constant('AnalyticsGAPlugin', AnalyticsGAPlugin);
+angularModule.constant('AnalyticsCustomPlugin', AnalyticsCustomPlugin);
+angularModule.constant('AnalyticsFUSPlugin', AnalyticsFUSPlugin);
+/**
+ * Enable page tracking
+ */
+
+angularModule.run(["$rootScope", "analytics", function analyticsRun($rootScope, analytics) {
+  $rootScope.$on('$routeChangeSuccess', (evt, current) => {
+    // eslint-disable-line angular/on-watch
+
+    /* eslint-disable angular/no-private-call */
+    if (current && current.$$route && current.$$route.originalPath) {
+      analytics.trackPageView(current.$$route.originalPath);
+    }
+    /* eslint-enable angular/no-private-call */
+
+  });
+}]);
+/**
+ *  @ngdoc directive
+ *  @name rg-analytics
+ *
+ *  @description
+ *  The `rg-analytics="<categoryName>:<eventName>"` sends categoryName and eventName to analytics server on
+ *  user action, specified via attribute `rg-analytics-on` (e.g. rg-analytics-on='mouseover' means that analytics will be sent on mouseover,
+ *  rg-analytics-on='click' - on click). If there is no attribute rg-analytics-on, the default value 'click' is used.
+ */
+
+angularModule.directive('rgAnalytics', ["analytics", function rgAnalyticsDirective(analytics) {
+  return {
+    restrict: 'A',
+    replace: false,
+    link: function link($scope, elem) {
+      const eventType = elem.attr('rg-analytics-on') || 'click';
+      angular.element(elem).bind(eventType, () => {
+        analytics.track(elem.attr('rg-analytics'));
+      });
+    }
+  };
+}]);
+var analyticsNg = angularModule.name;
+
+export { analyticsNg as default };

package/dist/auth/auth.js

@@ -1,8 +1,8 @@
-import { c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import WindowFlow from './window-flow.js';
 import onBackendDown from './down-notification.js';
 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 'es6-error';
 import '../global/url.js';
@@ -20,7 +20,8 @@ import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/theme.js';
@@ -36,7 +37,9 @@ import '../alert/container.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import '../group/group.js';
+import '../_helpers/group.js';
 import '../global/listeners.js';
 import '../http/http.js';
 import '../global/promise-with-timeout.js';
@@ -84,7 +87,7 @@ import './token-validator.js';
  * Extend Auth config with non-required and not pure-JS stuff
  */
 
-Auth.DEFAULT_CONFIG = _objectSpread2(_objectSpread2({}, Auth.DEFAULT_CONFIG), {}, {
+Auth.DEFAULT_CONFIG = { ...Auth.DEFAULT_CONFIG,
   EmbeddedLoginFlow: WindowFlow,
   onBackendDown: onBackendDown
-});
+};

package/dist/auth/auth__core.js

@@ -1,5 +1,5 @@
-import { _ as _defineProperty, c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import { fixUrl, getAbsoluteBaseURL } from '../global/url.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { getAbsoluteBaseURL, fixUrl } from '../global/url.js';
 import Listeners from '../global/listeners.js';
 import HTTP from '../http/http.js';
 import promiseWithTimeout from '../global/promise-with-timeout.js';
@@ -25,7 +25,8 @@ import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/theme.js';
@@ -48,6 +49,7 @@ const DEFAULT_EXPIRES_TIMEOUT = 40 * 60;
 const DEFAULT_BACKGROUND_TIMEOUT = 10 * 1000;
 const DEFAULT_BACKEND_CHECK_TIMEOUT = 10 * 1000;
 const BACKGROUND_REDIRECT_TIMEOUT = 20 * 1000;
+const DEFAULT_WAIT_FOR_REDIRECT_TIMEOUT = 5 * 1000;
 /* eslint-enable no-magic-numbers */
 
 const USER_CHANGED_EVENT = 'userChange';
@@ -79,6 +81,7 @@ const DEFAULT_CONFIG = {
   checkBackendIsUp: () => Promise.resolve(null),
   onBackendDown: () => {},
   defaultExpiresIn: DEFAULT_EXPIRES_TIMEOUT,
+  waitForRedirectTimeout: DEFAULT_WAIT_FOR_REDIRECT_TIMEOUT,
   translations: {
     login: 'Log in',
     loginTo: 'Log in to %serviceName%',
@@ -135,7 +138,9 @@ class Auth {
     }
 
     config.userFields = config.userFields || [];
-    this.config = _objectSpread2(_objectSpread2({}, Auth.DEFAULT_CONFIG), config);
+    this.config = { ...Auth.DEFAULT_CONFIG,
+      ...config
+    };
     const {
       clientId,
       redirect,
@@ -227,7 +232,8 @@ class Auth {
     this.setUpPreconnect(config.serverUri);
   }
 
-  _setPostponed(postponed = false) {
+  _setPostponed() {
+    let postponed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     this._postponed = postponed;
   }
 
@@ -268,7 +274,7 @@ class Auth {
 
 
   async init() {
-    this._storage.onTokenChange(token => {
+    this._storage.onTokenChange(async token => {
       const isGuest = this.user ? this.user.guest : false;
 
       if (isGuest && !token) {
@@ -278,14 +284,25 @@ class Auth {
       if (!token) {
         this.logout();
       } else {
-        this._detectUserChange(token.accessToken);
+        try {
+          await this._detectUserChange(token.accessToken);
+        } catch (error) {
+          if (this._canShowDialogs()) {
+            this._showAuthDialog({
+              nonInteractive: true,
+              error
+            });
+          }
+        }
       }
     });
 
-    this._domainStorage.onMessage(DOMAIN_USER_CHANGED_EVENT, ({
-      userID,
-      serviceID
-    }) => {
+    this._domainStorage.onMessage(DOMAIN_USER_CHANGED_EVENT, _ref => {
+      let {
+        userID,
+        serviceID
+      } = _ref;
+
       if (serviceID === this.config.clientId) {
         return;
       }
@@ -357,8 +374,12 @@ class Auth {
   async sendRedirect(error) {
     const authRequest = await this._requestBuilder.prepareAuthRequest();
 
-    this._redirectCurrentPage(authRequest.url);
+    this._redirectCurrentPage(authRequest.url); // HUB-10867 Since we already redirecting the page, there is no actual need to throw an error
+    // and scare user with flashing error
+    // But let's keep it just in case redirect was not successful
 
+
+    await new Promise(resolve => setTimeout(resolve, this.config.waitForRedirectTimeout));
     throw error;
   }
 
@@ -536,39 +557,35 @@ class Auth {
 
   async _detectUserChange(accessToken) {
     const windowWasOpen = this._isLoginWindowOpen;
+    const user = await this.getUser(accessToken);
 
-    try {
-      const user = await this.getUser(accessToken);
+    const onApply = () => {
+      this.user = user;
+      this.listeners.trigger(USER_CHANGED_EVENT, user);
+    };
 
-      const onApply = () => {
-        this.user = user;
-        this.listeners.trigger(USER_CHANGED_EVENT, user);
-      };
+    if (user && this.user && this.user.id !== user.id) {
+      if (!this._canShowDialogs() || this.user.guest || windowWasOpen) {
+        onApply();
+        return;
+      }
 
-      if (user && this.user && this.user.id !== user.id) {
-        if (!this._canShowDialogs() || this.user.guest || windowWasOpen) {
-          onApply();
-          return;
-        }
+      if (user.guest) {
+        this._showAuthDialog({
+          nonInteractive: true
+        });
 
-        if (user.guest) {
-          this._showAuthDialog({
-            nonInteractive: true
-          });
+        return;
+      }
 
-          return;
+      await this._showUserChangedDialog({
+        newUser: user,
+        onApply,
+        onPostpone: () => {
+          this.listeners.trigger(USER_CHANGE_POSTPONED_EVENT);
+          this.config.onPostponeChangedUser(this.user, user);
         }
-
-        await this._showUserChangedDialog({
-          newUser: user,
-          onApply,
-          onPostpone: () => {
-            this.listeners.trigger(USER_CHANGE_POSTPONED_EVENT);
-            this.config.onPostponeChangedUser(this.user, user);
-          }
-        });
-      }
-    } catch (e) {// noop
+      });
     }
   }
 
@@ -582,11 +599,12 @@ class Auth {
     this.logout();
   }
 
-  _showAuthDialog({
-    nonInteractive,
-    error,
-    canCancel
-  } = {}) {
+  _showAuthDialog() {
+    let {
+      nonInteractive,
+      error,
+      canCancel
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       embeddedLogin,
       onPostponeLogout,
@@ -636,15 +654,15 @@ class Auth {
       }
     };
 
-    const hide = this._authDialogService(_objectSpread2(_objectSpread2({}, this._service), {}, {
+    const hide = this._authDialogService({ ...this._service,
       loginCaption: translations.login,
       loginToCaption: translations.loginTo,
       confirmLabel: translations.login,
       cancelLabel: cancelable ? translations.cancel : translations.postpone,
-      errorMessage: error && error.toString ? error.toString() : null,
+      errorMessage: this._extractErrorMessage(error, true),
       onConfirm,
       onCancel
-    }));
+    });
 
     const stopTokenListening = this._storage.onTokenChange(token => {
       if (token) {
@@ -657,11 +675,12 @@ class Auth {
     const stopMessageListening = this._storage.onMessage(Auth.CLOSE_WINDOW_MESSAGE, () => this._embeddedFlow.stop());
   }
 
-  _showUserChangedDialog({
-    newUser,
-    onApply,
-    onPostpone
-  } = {}) {
+  _showUserChangedDialog() {
+    let {
+      newUser,
+      onApply,
+      onPostpone
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
       translations
     } = this.config;
@@ -675,7 +694,7 @@ class Auth {
       hide();
     };
 
-    const hide = this._authDialogService(_objectSpread2(_objectSpread2({}, this._service), {}, {
+    const hide = this._authDialogService({ ...this._service,
       title: translations.youHaveLoggedInAs.replace('%userName%', newUser.name),
       loginCaption: translations.login,
       loginToCaption: translations.loginTo,
@@ -689,7 +708,32 @@ class Auth {
         done();
         onPostpone();
       }
-    }));
+    });
+  }
+
+  _extractErrorMessage(error) {
+    let logError = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+    if (!error) {
+      return null;
+    }
+
+    if (logError) {
+      // eslint-disable-next-line no-console
+      console.error('RingUI Auth error', error);
+    }
+
+    try {
+      // We've got some error from this list
+      // https://www.jetbrains.com/help/youtrack/devportal/OAuth-2.0-Errors.html
+      if (error.code && typeof error.code.code === 'string') {
+        const readableCode = error.code.code.split('_').join(' ');
+        return `Authorization error: ${readableCode}`;
+      }
+    } catch {// noop
+    }
+
+    return error.toString ? error.toString() : null;
   }
 
   _showBackendDownDialog(backendError) {
@@ -755,11 +799,11 @@ class Auth {
 
 
   async logout(extraParams) {
-    const requestParams = _objectSpread2({
+    const requestParams = {
       // eslint-disable-next-line camelcase
-      request_credentials: 'required'
-    }, extraParams);
-
+      request_credentials: 'required',
+      ...extraParams
+    };
     await this._checkBackendsStatusesIfEnabled();
     await this.listeners.trigger(LOGOUT_EVENT);
 
@@ -813,11 +857,11 @@ class Auth {
   }
 
   async switchUser() {
-    if (this.config.embeddedLogin) {
-      await this._runEmbeddedLogin();
+    if (!this.config.embeddedLogin) {
+      throw new Error('Auth: switchUser only supported for "embeddedLogin" mode');
     }
 
-    throw new Error('Auth: switchUser only supported for "embeddedLogin" mode');
+    await this._runEmbeddedLogin();
   }
   /**
    * Check if the hash contains an access token.
@@ -978,5 +1022,4 @@ _defineProperty(Auth, "shouldRefreshToken", TokenValidator.shouldRefreshToken);
 
 _defineProperty(Auth, "storageIsUnavailable", !navigator.cookieEnabled);
 
-export default Auth;
-export { DEFAULT_BACKGROUND_TIMEOUT, DEFAULT_EXPIRES_TIMEOUT, DOMAIN_USER_CHANGED_EVENT, LOGOUT_EVENT, LOGOUT_POSTPONED_EVENT, USER_CHANGED_EVENT, USER_CHANGE_POSTPONED_EVENT };
+export { DEFAULT_BACKGROUND_TIMEOUT, DEFAULT_EXPIRES_TIMEOUT, DOMAIN_USER_CHANGED_EVENT, LOGOUT_EVENT, LOGOUT_POSTPONED_EVENT, USER_CHANGED_EVENT, USER_CHANGE_POSTPONED_EVENT, Auth as default };

package/dist/auth/background-flow.js

@@ -119,5 +119,4 @@ class BackgroundFlow {
 
 }
 
-export default BackgroundFlow;
-export { HUB_AUTH_PAGE_OPENED };
+export { HUB_AUTH_PAGE_OPENED, BackgroundFlow as default };

package/dist/auth/down-notification.js

@@ -16,7 +16,8 @@ import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/theme.js';
@@ -30,12 +31,15 @@ import '../global/radial-gradient-mask.js';
 import '../global/dom.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/group.js';
 
-var modules_c87dd562 = {"unit":"8px","title":"downNotification_title__dc35b944","error":"downNotification_error__dc35b944"};
+var modules_c87dd562 = {"unit":"8px","title":"title_rui_dc35","error":"error_rui_dc35"};
 
 let key = null;
 
-function renderAlert(message, type = Alert.Type.WARNING) {
+function renderAlert(message) {
+  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) {
@@ -49,10 +53,11 @@ function renderAlert(message, type = Alert.Type.WARNING) {
   }
 }
 
-function Message({
-  translations,
-  onCheckAgain
-}) {
+function Message(_ref) {
+  let {
+    translations,
+    onCheckAgain
+  } = _ref;
   const {
     backendIsNotAvailable,
     checkAgain,
@@ -78,10 +83,12 @@ Message.propTypes = {
   }),
   onCheckAgain: PropTypes.func
 };
-function onBackendDown({
-  onCheckAgain,
-  translations
-}) {
+function onBackendDown(_ref2) {
+  let {
+    onCheckAgain,
+    translations
+  } = _ref2;
+
   async function checkAgainWithoutClosing(e) {
     // Alert has weird behaviour of handling clicks by "a" tags
     e.stopPropagation();
@@ -104,4 +111,4 @@ function onBackendDown({
   return () => alertService.remove(key);
 }
 
-export default onBackendDown;
+export { onBackendDown as default };