@jetbrains/ring-ui-built 7.0.72 → 7.0.74

package/components/auth/auth-core.js

@@ -10,7 +10,6 @@ import BackgroundFlow from './background-flow.js';
 import TokenValidator from './token-validator.js';
 import '../storage/storage-local.js';
 import '../alert-service/alert-service.js';
-import 'react/jsx-runtime';
 import 'react-dom/client';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -24,7 +23,9 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
+import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
 import '../global/dom.js';
@@ -52,13 +53,12 @@ import '../popup/position-css.js';
 import '../alert/container.js';
 import 'simply-uuid';
 
-/* eslint-disable @typescript-eslint/no-magic-numbers */
+/* eslint-disable no-magic-numbers */
 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 @typescript-eslint/no-magic-numbers */
 const USER_CHANGED_EVENT = 'userChange';
 const DOMAIN_USER_CHANGED_EVENT = 'domainUser';
 const LOGOUT_EVENT = 'logout';
@@ -555,11 +555,11 @@ class Auth {
     const actualTranslations = translations !== null && translations !== void 0 ? translations : getTranslations();
     this._createInitDeferred();
     const closeDialog = () => {
-      /* eslint-disable @typescript-eslint/no-use-before-define */
+      /* eslint-disable no-use-before-define */
       stopTokenListening?.();
       stopMessageListening?.();
       hide?.();
-      /* eslint-enable @typescript-eslint/no-use-before-define */
+      /* eslint-enable no-use-before-define */
     };
     const onConfirm = () => {
       if (!embeddedLogin) {
@@ -621,7 +621,7 @@ class Auth {
     this._createInitDeferred();
     const done = () => {
       this._initDeferred?.resolve?.();
-      // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      // eslint-disable-next-line no-use-before-define
       hide?.();
     };
     const hide = this._authDialogService?.({
@@ -671,11 +671,11 @@ class Auth {
     let timerId;
     return new Promise((resolve, reject) => {
       const done = () => {
-        /* eslint-disable @typescript-eslint/no-use-before-define */
+        /* eslint-disable no-use-before-define */
         hide();
         window.removeEventListener('online', onCheckAgain);
         stopListeningCloseMessage?.();
-        /* eslint-enable @typescript-eslint/no-use-before-define */
+        /* eslint-enable no-use-before-define */
         this._storage?.sendMessage(Auth.CLOSE_BACKEND_DOWN_MESSAGE, Date.now());
         clearTimeout(timerId);
       };

package/components/auth/auth.js

@@ -4,12 +4,12 @@ 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 } from './auth-core.js';
 import './response-parser.js';
 import '../global/url.js';
-import 'react/jsx-runtime';
+import 'react-compiler-runtime';
+import 'react';
 import '../alert-service/alert-service.js';
 import 'react-dom/client';
 import '../global/get-uid.js';
 import '../alert/alert.js';
-import 'react';
 import 'classnames';
 import '@jetbrains/icons/exception';
 import '@jetbrains/icons/checkmark';
@@ -20,6 +20,7 @@ import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';
+import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
 import '../global/dom.js';

package/components/auth/down-notification.js

@@ -1,12 +1,13 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { c } from 'react-compiler-runtime';
+import 'react';
 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 'react-dom/client';
 import '../global/get-uid.js';
 import '../alert/container.js';
-import 'react';
 import 'react-dom';
 import 'classnames';
 import '@jetbrains/icons/exception';
@@ -58,31 +59,74 @@ function renderAlert(message, type = Alert.Type.WARNING) {
     alertService.renderAlerts();
   }
 }
-function Message({
-  translations,
-  onCheckAgain
-}) {
+function Message(t0) {
+  const $ = c(12);
+  if ($[0] !== "f7af74b5afecec4eb25bcdac57e8252929ea2543343e0ea7e29543844f786673") {
+    for (let $i = 0; $i < 12; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "f7af74b5afecec4eb25bcdac57e8252929ea2543343e0ea7e29543844f786673";
+  }
+  const {
+    translations,
+    onCheckAgain
+  } = t0;
   const {
     backendIsNotAvailable,
     checkAgain,
     errorMessage
   } = translations;
-  return jsxs("div", {
-    "data-test": 'ring-backend-down-notification',
-    children: [jsx(Group, {
-      children: jsx("div", {
+  let t1;
+  if ($[1] !== backendIsNotAvailable) {
+    t1 = /*#__PURE__*/jsx(Group, {
+      children: /*#__PURE__*/jsx("div", {
         className: styles.title,
         children: backendIsNotAvailable
       })
-    }), jsxs("span", {
+    });
+    $[1] = backendIsNotAvailable;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== errorMessage) {
+    t2 = /*#__PURE__*/jsxs("span", {
       className: styles.error,
       children: [errorMessage, " "]
-    }), jsx(Link, {
+    });
+    $[3] = errorMessage;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== checkAgain || $[6] !== onCheckAgain) {
+    t3 = /*#__PURE__*/jsx(Link, {
       onClick: onCheckAgain,
-      "data-test": 'check-again',
+      "data-test": "check-again",
       children: checkAgain
-    })]
-  });
+    });
+    $[5] = checkAgain;
+    $[6] = onCheckAgain;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== t1 || $[9] !== t2 || $[10] !== t3) {
+    t4 = /*#__PURE__*/jsxs("div", {
+      "data-test": "ring-backend-down-notification",
+      children: [t1, t2, t3]
+    });
+    $[8] = t1;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
 }
 function onBackendDown({
   onCheckAgain,
@@ -95,13 +139,13 @@ function onBackendDown({
       renderAlert('Connecting...', Alert.Type.LOADING);
       await onCheckAgain();
     } catch (err) {
-      renderAlert(jsx(Message, {
+      renderAlert(/*#__PURE__*/jsx(Message, {
         translations: translations,
         onCheckAgain: checkAgainWithoutClosing
       }));
     }
   }
-  renderAlert(jsx(Message, {
+  renderAlert(/*#__PURE__*/jsx(Message, {
     translations: translations,
     onCheckAgain: checkAgainWithoutClosing
   }));

package/components/auth/iframe-flow.js

@@ -1,7 +1,7 @@
-import { jsx } from 'react/jsx-runtime';
 import showAuthDialog from '../login-dialog/service.js';
 import Link from '../link/link.js';
 import AuthResponseParser from './response-parser.js';
+import { jsx } from 'react/jsx-runtime';
 import 'react-dom/client';
 import '../global/controls-height.js';
 import 'react';
@@ -18,6 +18,7 @@ import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
 import '../island/header.js';
+import 'react-compiler-runtime';
 import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
@@ -76,9 +77,9 @@ class IFrameFlow {
     }, {
       nonRedirect: false
     });
-    const renderFallbackLink = () => jsx(Link, {
+    const renderFallbackLink = () => /*#__PURE__*/jsx(Link, {
       href: authRequest.url,
-      target: '_self',
+      target: "_self",
       children: this._translations.nothingHappensLink
     });
     return new Promise((resolve, reject) => {
@@ -86,7 +87,7 @@ class IFrameFlow {
         url: authRequest.url,
         loader: true,
         onCancel: () => {
-          // eslint-disable-next-line @typescript-eslint/no-use-before-define
+          // eslint-disable-next-line no-use-before-define
           cleanUp();
           this.stop();
         },
@@ -95,14 +96,14 @@ class IFrameFlow {
       this.reject = reject;
       const removeTokenListener = this._storage.onTokenChange(token => {
         if (token) {
-          // eslint-disable-next-line @typescript-eslint/no-use-before-define
+          // eslint-disable-next-line 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
+          // eslint-disable-next-line no-use-before-define
           cleanUp();
           reject(new AuthResponseParser.AuthError(state));
         }

package/components/auth/storage.js

@@ -1,6 +1,5 @@
 import LocalStorage from '../storage/storage-local.js';
 import '../alert-service/alert-service.js';
-import 'react/jsx-runtime';
 import 'react-dom/client';
 import '../global/get-uid.js';
 import '../alert/alert.js';
@@ -14,7 +13,9 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import 'react-compiler-runtime';
 import '../global/memoize.js';
+import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
 import '../global/dom.js';
@@ -54,7 +55,7 @@ import '../alert/container.js';
  * @property {string[]} scopes
  */
 const DEFAULT_STATE_QUOTA = 102400; // 100 kb ~~ 200 tabs with a large list of scopes
-// eslint-disable-next-line @typescript-eslint/no-magic-numbers
+// eslint-disable-next-line no-magic-numbers
 const DEFAULT_STATE_TTL = 1000 * 60 * 60 * 24; // nobody will need auth state after a day
 const UPDATE_USER_TIMEOUT = 1000;
 class AuthStorage {

package/components/auth/token-validator.js

@@ -32,7 +32,7 @@ class TokenValidator {
   /**
    * @const {number}
    */
-  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+  // eslint-disable-next-line no-magic-numbers
   static DEFAULT_REFRESH_BEFORE = 10 * 60; // 20 min in s
   /**
    * Error class for auth token validation

package/components/auth/window-flow.js

@@ -46,10 +46,10 @@ class WindowFlow {
           return;
         }
         cleanRun = true;
-        /* eslint-disable @typescript-eslint/no-use-before-define */
+        /* eslint-disable no-use-before-define */
         removeStateListener();
         removeTokenListener();
-        /* eslint-enable @typescript-eslint/no-use-before-define */
+        /* eslint-enable no-use-before-define */
         this._loginWindow?.close();
         clearTimeout(this._timeoutId);
       };

package/components/auth-dialog/auth-dialog.d.ts

@@ -38,5 +38,5 @@ export default class AuthDialog extends Component<AuthDialogProps> {
     componentWillUnmount(): void;
     onEscPress: () => void;
     onRetryPress: () => Promise<void>;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

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

@@ -1,7 +1,8 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '../_helpers/island.js';
+import 'react-compiler-runtime';
 import ContentWrapper from '../island/content.js';
 import Dialog from '../dialog/dialog.js';
 import { Button } from '../button/button.js';
@@ -109,43 +110,43 @@ class AuthDialog extends Component {
     } = this.state;
     const defaultTitle = serviceName ? loginToCaption : loginCaption;
     const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName !== null && serviceName !== void 0 ? serviceName : '').replace('{{serviceName}}', serviceName !== null && serviceName !== void 0 ? serviceName : '');
-    return jsx(Dialog, {
+    return /*#__PURE__*/jsx(Dialog, {
       label: title,
-      "data-test": 'ring-auth-dialog',
+      "data-test": "ring-auth-dialog",
       className: className,
       contentClassName: classNames(className, styles.dialog),
       onEscPress: this.onEscPress,
       show: show,
       trapFocus: true,
-      children: jsx(ContentWrapper, {
-        children: jsxs("div", {
+      children: /*#__PURE__*/jsx(ContentWrapper, {
+        children: /*#__PURE__*/jsxs("div", {
           className: styles.content,
-          children: [serviceImage && jsx("img", {
+          children: [serviceImage && /*#__PURE__*/jsx("img", {
             alt: `${serviceName} logo`,
             className: styles.logo,
             src: serviceImage
-          }), jsx(H2, {
+          }), /*#__PURE__*/jsx(H2, {
             className: styles.title,
             children: title
-          }), errorMessage && jsx("div", {
+          }), errorMessage && /*#__PURE__*/jsx("div", {
             className: styles.error,
             children: errorMessage
-          }), jsx(Button, {
+          }), /*#__PURE__*/jsx(Button, {
             primary: true,
             className: styles.firstButton,
-            "data-test": 'auth-dialog-confirm-button',
+            "data-test": "auth-dialog-confirm-button",
             onClick: onConfirm,
             children: confirmLabel
-          }), onTryAgain && jsx(Button, {
+          }), onTryAgain && /*#__PURE__*/jsx(Button, {
             className: styles.button,
-            "data-test": 'auth-dialog-retry-button',
+            "data-test": "auth-dialog-retry-button",
             onClick: () => this.onRetryPress(),
             loader: retrying,
             disabled: retrying,
             children: tryAgainLabel
-          }), jsx(Button, {
+          }), /*#__PURE__*/jsx(Button, {
             className: styles.button,
-            "data-test": 'auth-dialog-cancel-button',
+            "data-test": "auth-dialog-cancel-button",
             onClick: onCancel,
             children: cancelLabel
           })]

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

@@ -1,12 +1,13 @@
-import { jsx } from 'react/jsx-runtime';
 import { createRoot } from 'react-dom/client';
 import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
 import AuthDialog from '../auth-dialog/auth-dialog.js';
+import { jsx } from 'react/jsx-runtime';
 import 'react';
 import 'util-deprecate';
 import '../global/configuration.js';
 import 'classnames';
 import '../_helpers/island.js';
+import 'react-compiler-runtime';
 import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
@@ -45,18 +46,15 @@ import 'scrollbar-width';
 import '../heading/heading.js';
 import '../_helpers/heading.js';
 
-/**
- * @name Auth Dialog Service
- */
 const containerElement = document.createElement('div');
 const reactRoot = createRoot(containerElement);
 /**
  * Renders AuthDialog into virtual node to skip maintaining container
  */
 function renderAuthDialog(props) {
-  reactRoot.render(jsx(ControlsHeightContext.Provider, {
+  reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
     value: getGlobalControlsHeight(),
-    children: jsx(AuthDialog, {
+    children: /*#__PURE__*/jsx(AuthDialog, {
       ...props
     })
   }));

package/components/avatar/avatar-info.d.ts

@@ -5,5 +5,5 @@ interface InfoAvatarProps {
     children?: ReactNode;
 }
 export declare const fontSizes: Record<Size, number>;
-export default function AvatarInfo({ size, children }: InfoAvatarProps): import("react/jsx-runtime").JSX.Element;
+export default function AvatarInfo({ size, children }: InfoAvatarProps): import("react").JSX.Element;
 export {};

package/components/avatar/avatar-info.js

@@ -1,4 +1,5 @@
-import 'react/jsx-runtime';
+import 'react-compiler-runtime';
 import 'classnames';
-export { A as default, f as fontSizes } from '../_helpers/avatar-info.js';
 import './avatar-size.js';
+export { A as default, f as fontSizes } from '../_helpers/avatar-info.js';
+import 'react/jsx-runtime';

package/components/avatar/avatar.d.ts

@@ -24,6 +24,6 @@ export default class Avatar extends PureComponent<AvatarProps> {
     };
     handleError: () => void;
     handleSuccess: () => void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export type AvatarAttrs = React.JSX.LibraryManagedAttributes<typeof Avatar, AvatarProps>;

package/components/avatar/avatar.js

@@ -1,13 +1,14 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';
 import { isDataURI, parseQueryString, encodeURL } from '../global/url.js';
 import { getPixelRatio } from '../global/dom.js';
 import memoize from '../global/memoize.js';
-import { s as styles, A as AvatarInfo } from '../_helpers/avatar-info.js';
 import FallbackAvatar from './fallback-avatar.js';
 import { Size } from './avatar-size.js';
+import { s as styles, A as AvatarInfo } from '../_helpers/avatar-info.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-compiler-runtime';
 import '../global/get-uid.js';
 
 const warnSize = memoize(size => deprecate(() => {}, `Avatar: Size${size} is deprecated and will be removed in 8.0. The supported sizes are: Size20, Size24, Size28, Size32, Size40.`));
@@ -65,18 +66,18 @@ class Avatar extends PureComponent {
       [styles.round]: round
     });
     if (!url || this.state.errorUrl === url) {
-      return jsxs("span", {
+      return /*#__PURE__*/jsxs("span", {
         ...restProps,
-        "data-test": 'avatar',
+        "data-test": "avatar",
         className: classNames(classes, {
           [styles.empty]: (username === null || username === undefined) && (info === null || info === undefined)
         }),
         style: styleObj,
-        children: [username && jsx(FallbackAvatar, {
+        children: [username && /*#__PURE__*/jsx(FallbackAvatar, {
           size: size,
           round: round,
           username: username
-        }), info && jsx(AvatarInfo, {
+        }), info && /*#__PURE__*/jsx(AvatarInfo, {
           size: size,
           children: info
         })]
@@ -101,36 +102,36 @@ class Avatar extends PureComponent {
         subavatarSizeString
       };
       subavatarSrc = skipParams ? subavatar : encodeURL(urlStart, queryParams);
-      return jsxs("div", {
-        children: [jsx("img", {
+      return /*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx("img", {
           ...restProps,
           onError: this.handleError,
           onLoad: this.handleSuccess,
           className: classNames(classes, styles.avatarShadow),
           style: styleObj,
           src: src,
-          alt: 'User avatar'
-        }), jsx("img", {
+          alt: "User avatar"
+        }), /*#__PURE__*/jsx("img", {
           ...restProps,
-          "data-test": 'avatar',
+          "data-test": "avatar",
           onError: this.handleError,
           onLoad: this.handleSuccess,
           className: classNames(styles.subavatar),
           style: styleObjGroup,
           src: subavatarSrc,
-          alt: 'Subavatar'
+          alt: "Subavatar"
         })]
       });
     }
-    return jsx("img", {
+    return /*#__PURE__*/jsx("img", {
       ...restProps,
-      "data-test": 'avatar',
+      "data-test": "avatar",
       onError: this.handleError,
       onLoad: this.handleSuccess,
       className: classNames(classes, styles.avatarShadow),
       style: styleObj,
       src: src,
-      alt: 'User avatar'
+      alt: "User avatar"
     });
   }
 }

package/components/avatar/fallback-avatar.d.ts

@@ -4,4 +4,4 @@ export interface FallbackAvatarProps {
     size: Size;
     round: boolean | null | undefined;
 }
-export default function FallbackAvatar({ username, size, round }: FallbackAvatarProps): import("react/jsx-runtime").JSX.Element;
+export default function FallbackAvatar({ username, size, round }: FallbackAvatarProps): import("react").JSX.Element;