@jetbrains/ring-ui 7.0.62 → 7.0.63

package/components/alert/alert.css

@@ -1,4 +1,4 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 .alert {
   --ring-alert-animation-duration: 300ms;

package/components/alert/alert.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, ReactNode } from 'react';
+import { PureComponent, type ReactNode } from 'react';
 import * as React from 'react';
 import Theme from '../global/theme';
 export declare const ANIMATION_TIME = 500;

package/components/alert/alert.js

@@ -118,7 +118,7 @@ export default class Alert extends PureComponent {
                 [styles.withCloseButton]: this.props.closeable,
             }), onClick: this._handleCaptionsLinksClick, 
             // We only process clicks on `a` elements, see above
-            role: "presentation", children: this.props.children }));
+            role: 'presentation', children: this.props.children }));
     }
     /**
      * @private
@@ -129,7 +129,7 @@ export default class Alert extends PureComponent {
         if (glyph) {
             return _jsx(Icon, { glyph: glyph, className: styles.icon, color: TypeToIconColor[this.props.type] || Color.DEFAULT });
         }
-        else if (this.props.type === AlertType.LOADING) {
+        if (this.props.type === AlertType.LOADING) {
             return _jsx(Loader, { className: styles.loader });
         }
         return '';
@@ -149,7 +149,7 @@ export default class Alert extends PureComponent {
         });
         const height = this.state.height;
         const style = height ? { marginBottom: -height } : undefined;
-        return (_jsxs(ThemeProvider, { theme: theme, className: classes, "data-test": dataTests('alert', dataTest), "data-test-type": type, style: style, ref: this.storeAlertRef, children: [this._getIcon(), this._getCaption(), this.props.closeable ? (_jsx(Button, { icon: closeIcon, className: classNames(styles.close, closeButtonClassName), "data-test": "alert-close", "aria-label": "close alert", onClick: this.closeRequest })) : ('')] }));
+        return (_jsxs(ThemeProvider, { theme: theme, className: classes, "data-test": dataTests('alert', dataTest), "data-test-type": type, style: style, ref: this.storeAlertRef, children: [this._getIcon(), this._getCaption(), this.props.closeable ? (_jsx(Button, { icon: closeIcon, className: classNames(styles.close, closeButtonClassName), "data-test": 'alert-close', "aria-label": 'close alert', onClick: this.closeRequest })) : ('')] }));
     }
 }
 export { default as Container } from './container';

package/components/alert/container.css

@@ -1,4 +1,4 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 .alertContainer {
   position: fixed;
@@ -20,7 +20,7 @@
 }
 
 .alertInContainer {
-  composes: alert from "./alert.css";
+  composes: alert from './alert.css';
 
   overflow-y: auto;
 

package/components/alert/container.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, HTMLAttributes, ReactElement } from 'react';
+import { PureComponent, type HTMLAttributes, type ReactElement } from 'react';
 import type { AlertProps } from './alert';
 /**
  * @name Alert Container

package/components/alert/container.js

@@ -11,7 +11,7 @@ export default class Alerts extends PureComponent {
         if (!show) {
             return null;
         }
-        return createPortal(_jsx("div", { "data-test": "alert-container", className: classes, "aria-live": "polite", ...restProps, children: Children.map(children, child => {
+        return createPortal(_jsx("div", { "data-test": 'alert-container', className: classes, "aria-live": 'polite', ...restProps, children: Children.map(children, child => {
                 if (!isValidElement(child)) {
                     return child;
                 }

package/components/alert-service/alert-service.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode, Ref } from 'react';
-import Alert, { AlertProps, AlertType } from '../alert/alert';
+import { type ReactNode, type Ref } from 'react';
+import Alert, { type AlertProps, type AlertType } from '../alert/alert';
 export interface AlertItem extends Partial<Omit<AlertProps, 'children'>> {
     key: string | number;
     message: ReactNode;

package/components/analytics/{analytics__custom-plugin.d.ts → analytics-custom-plugin.d.ts}

@@ -1,4 +1,4 @@
-import { AnalyticsPlugin, Serializable } from './analytics';
+import { type AnalyticsPlugin, type Serializable } from './analytics';
 export interface AnalyticsCustomPluginData {
     category: string;
     action: string;

package/components/analytics/{analytics__custom-plugin.js → analytics-custom-plugin.js}

@@ -34,7 +34,7 @@ export default class AnalyticsCustomPlugin {
     }
     _initSendSchedule() {
         window.addEventListener('beforeunload', () => this._flush?.());
-        if (this._flush != null) {
+        if (this._flush) {
             setInterval(this._flush, this._flushInterval);
         }
         this._hasSendSchedule = true;
@@ -51,7 +51,7 @@ export default class AnalyticsCustomPlugin {
     }
     _addDataToFlushingPack(sendingData) {
         this._data.push(sendingData);
-        if (this._flushMaxPackSize != null && this._data.length >= this._flushMaxPackSize) {
+        if (this._flushMaxPackSize && this._data.length >= this._flushMaxPackSize) {
             this._flush?.();
         }
     }

package/components/auth/{auth__core.d.ts → auth-core.d.ts}

@@ -1,11 +1,11 @@
-import Listeners, { Handler } from '../global/listeners';
-import HTTP, { HTTPAuth, RequestParams } from '../http/http';
-import type AuthDialogService from '../auth-dialog-service/auth-dialog-service';
-import AuthStorage, { AuthState } from './storage';
-import { AuthError, AuthResponse } from './response-parser';
+import Listeners, { type Handler } from '../global/listeners';
+import HTTP, { type HTTPAuth, type RequestParams } from '../http/http';
+import AuthStorage, { type AuthState } from './storage';
+import { type AuthError, type AuthResponse } from './response-parser';
 import AuthRequestBuilder from './request-builder';
 import BackgroundFlow from './background-flow';
-import TokenValidator, { TokenValidationError, TokenValidatorConfig } from './token-validator';
+import TokenValidator, { type TokenValidationError, type TokenValidatorConfig } from './token-validator';
+import type AuthDialogService from '../auth-dialog-service/auth-dialog-service';
 export declare const DEFAULT_EXPIRES_TIMEOUT: number;
 export declare const DEFAULT_BACKGROUND_TIMEOUT: number;
 export declare const USER_CHANGED_EVENT = "userChange";
@@ -116,7 +116,7 @@ declare global {
         pr?: string;
     }
 }
-export default class Auth implements HTTPAuth {
+declare class Auth implements HTTPAuth {
     static DEFAULT_CONFIG: Omit<AuthConfig, "serverUri">;
     static API_PATH: string;
     static API_AUTH_PATH: string;
@@ -233,4 +233,5 @@ export default class Auth implements HTTPAuth {
      */
     setHash(hash: string): void;
 }
-export {};
+export default Auth;
+export { Auth };

package/components/auth/{auth__core.js → auth-core.js}

@@ -1,3 +1,4 @@
+/* eslint-disable no-underscore-dangle,max-lines */
 import { fixUrl, getAbsoluteBaseURL } from '../global/url';
 import Listeners from '../global/listeners';
 import HTTP from '../http/http';
@@ -45,7 +46,7 @@ const DEFAULT_CONFIG = {
     waitForRedirectTimeout: DEFAULT_WAIT_FOR_REDIRECT_TIMEOUT,
     translations: null,
 };
-export default class Auth {
+class Auth {
     static DEFAULT_CONFIG = DEFAULT_CONFIG;
     static API_PATH = 'api/rest/';
     static API_AUTH_PATH = 'oauth2/auth';
@@ -75,10 +76,10 @@ export default class Auth {
         if (!config) {
             throw new Error('Config is required');
         }
-        if (config.serverUri == null) {
+        if (config.serverUri === null || config.serverUri === undefined) {
             throw new Error('"serverUri" property is required');
         }
-        const unsupportedParams = ['redirect_uri', 'request_credentials', 'client_id'].filter(param => config.hasOwnProperty(param));
+        const unsupportedParams = ['redirect_uri', 'request_credentials', 'client_id'].filter(param => Object.prototype.hasOwnProperty.call(config, 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.`);
         }
@@ -186,6 +187,7 @@ export default class Auth {
      * @return {Promise.<string>} absolute URL promise that is resolved to a URL
      * that should be restored after returning back from auth server.
      */
+    // eslint-disable-next-line complexity
     async init() {
         this._storage?.onTokenChange(async (token) => {
             const isGuest = this.user ? this.user.guest : false;
@@ -262,7 +264,7 @@ export default class Auth {
     }
     async sendRedirect(error) {
         const authRequest = await this._requestBuilder?.prepareAuthRequest();
-        if (authRequest != null) {
+        if (authRequest) {
             this._redirectCurrentPage(authRequest.url);
         }
         // HUB-10867 Since we already redirecting the page, there is no actual need to throw an error
@@ -384,11 +386,9 @@ export default class Auth {
                     });
                 });
             }
-            else {
-                const authRequest = await this._requestBuilder?.prepareAuthRequest();
-                if (authRequest != null) {
-                    this._redirectCurrentPage(authRequest.url);
-                }
+            const authRequest = await this._requestBuilder?.prepareAuthRequest();
+            if (authRequest) {
+                this._redirectCurrentPage(authRequest.url);
             }
             throw new TokenValidator.TokenValidationError(error.message);
         }
@@ -415,9 +415,7 @@ export default class Auth {
         if (this.config.cacheCurrentUser) {
             return this._storage?.getCachedUser(() => this.http.authorizedFetch(Auth.API_PROFILE_PATH, accessToken, this.config.userParams));
         }
-        else {
-            return this.http.authorizedFetch(Auth.API_PROFILE_PATH, accessToken, this.config.userParams);
-        }
+        return this.http.authorizedFetch(Auth.API_PROFILE_PATH, accessToken, this.config.userParams);
     }
     /**
      * @return {Promise.<object>}
@@ -640,7 +638,6 @@ export default class Auth {
      */
     async logout(extraParams) {
         const requestParams = {
-            // eslint-disable-next-line camelcase
             request_credentials: 'required',
             ...extraParams,
         };
@@ -649,7 +646,7 @@ export default class Auth {
         this._updateDomainUser(null);
         await this._storage?.wipeToken();
         const authRequest = await this._requestBuilder?.prepareAuthRequest(requestParams);
-        if (authRequest != null) {
+        if (authRequest) {
             this._redirectCurrentPage(authRequest.url);
         }
     }
@@ -659,9 +656,6 @@ export default class Auth {
             this._isLoginWindowOpen = true;
             return await this._embeddedFlow?.authorize();
         }
-        catch (e) {
-            throw e;
-        }
         finally {
             this._isLoginWindowOpen = false;
         }
@@ -751,7 +745,7 @@ export default class Auth {
         const scopes = scope ? scope.split(' ') : newState.scopes || defaultScope || [];
         const effectiveExpiresIn = expiresIn ? parseInt(expiresIn, 10) : defaultExpiresIn;
         const expires = TokenValidator._epoch() + effectiveExpiresIn;
-        if (accessToken != null) {
+        if (accessToken) {
             await this._storage?.saveToken({ accessToken, scopes, expires, lifeTime: effectiveExpiresIn });
         }
         return newState;
@@ -844,3 +838,5 @@ export default class Auth {
         }
     }
 }
+export default Auth;
+export { Auth };

package/components/auth/auth.d.ts

@@ -1,3 +1,3 @@
-import Auth from './auth__core';
-export * from './auth__core';
+import Auth from './auth-core';
+export * from './auth-core';
 export default Auth;

package/components/auth/auth.js

@@ -1,6 +1,6 @@
 import WindowFlow from './window-flow';
 import defaultOnBackendDown from './down-notification';
-import Auth from './auth__core';
+import Auth from './auth-core';
 /**
  * @name Auth
  *
@@ -38,5 +38,5 @@ Auth.DEFAULT_CONFIG = {
     EmbeddedLoginFlow: WindowFlow,
     onBackendDown: defaultOnBackendDown,
 };
-export * from './auth__core';
+export * from './auth-core';
 export default Auth;

package/components/auth/background-flow.d.ts

@@ -1,5 +1,5 @@
-import AuthRequestBuilder from './request-builder';
-import AuthStorage from './storage';
+import type AuthRequestBuilder from './request-builder';
+import type AuthStorage from './storage';
 export declare const HUB_AUTH_PAGE_OPENED = "HUB_AUTH_PAGE_OPENED";
 export default class BackgroundFlow {
     _requestBuilder: AuthRequestBuilder;

package/components/auth/background-flow.js

@@ -41,7 +41,6 @@ export default class BackgroundFlow {
      */
     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) {

package/components/auth/down-notification.css

@@ -1,4 +1,4 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 .title {
   font-weight: var(--ring-font-weight-bold);

package/components/auth/down-notification.js

@@ -18,7 +18,7 @@ function renderAlert(message, type = Alert.Type.WARNING) {
 }
 function Message({ translations, onCheckAgain }) {
     const { backendIsNotAvailable, checkAgain, errorMessage } = translations;
-    return (_jsxs("div", { "data-test": "ring-backend-down-notification", children: [_jsx(Group, { children: _jsx("div", { className: styles.title, children: backendIsNotAvailable }) }), _jsxs("span", { className: styles.error, children: [errorMessage, " "] }), _jsx(Link, { onClick: onCheckAgain, "data-test": "check-again", children: checkAgain })] }));
+    return (_jsxs("div", { "data-test": 'ring-backend-down-notification', children: [_jsx(Group, { children: _jsx("div", { className: styles.title, children: backendIsNotAvailable }) }), _jsxs("span", { className: styles.error, children: [errorMessage, " "] }), _jsx(Link, { onClick: onCheckAgain, "data-test": 'check-again', children: checkAgain })] }));
 }
 export default function onBackendDown({ onCheckAgain, translations }) {
     async function checkAgainWithoutClosing(e) {

package/components/auth/iframe-flow.d.ts

@@ -1,6 +1,6 @@
-import { AuthTranslations, LoginFlow } from './auth__core';
-import AuthRequestBuilder from './request-builder';
-import AuthStorage from './storage';
+import { type AuthTranslations, type LoginFlow } from './auth-core';
+import type AuthRequestBuilder from './request-builder';
+import type AuthStorage from './storage';
 export default class IFrameFlow implements LoginFlow {
     hideDialog: (() => void) | null;
     private _requestBuilder;

package/components/auth/iframe-flow.js

@@ -20,10 +20,8 @@ export default class IFrameFlow {
      * Initiates authorization in window
      */
     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 = () => (_jsx(Link, { href: authRequest.url, target: "_self", children: this._translations.nothingHappensLink }));
+        const authRequest = await this._requestBuilder.prepareAuthRequest({ request_credentials: 'required', auth_mode: 'bypass_to_login' }, { nonRedirect: false });
+        const renderFallbackLink = () => (_jsx(Link, { href: authRequest.url, target: '_self', children: this._translations.nothingHappensLink }));
         return new Promise((resolve, reject) => {
             this.hideDialog = loginDialogService({
                 url: authRequest.url,
@@ -71,7 +69,7 @@ export default class IFrameFlow {
         this._reset();
     }
     authorize() {
-        if (this._promise != null && this._loginWindow != null && !this._loginWindow.closed) {
+        if (this._promise && this._loginWindow && !this._loginWindow.closed) {
             return this._promise;
         }
         this._promise = this._load();

package/components/auth/request-builder.d.ts

@@ -1,5 +1,6 @@
 import uuid from 'simply-uuid';
-import AuthStorage, { AuthState } from './storage';
+import type { AuthState } from './storage';
+import type AuthStorage from './storage';
 export interface AuthRequestBuilderConfig {
     authorization: string;
     redirectUri?: string | null | undefined;

package/components/auth/request-builder.js

@@ -29,9 +29,9 @@ export default class AuthRequestBuilder {
      * @return {Promise.<string>} promise that is resolved to authURL
      */
     async prepareAuthRequest(extraParams, extraState) {
+        // eslint-disable-next-line no-underscore-dangle
         const stateId = AuthRequestBuilder._uuid();
         const scopes = this.config.scopes.map(scope => encodeURIComponent(scope));
-        /* eslint-disable camelcase */
         const request = Object.assign({
             response_type: 'token',
             state: stateId,
@@ -40,7 +40,6 @@ export default class AuthRequestBuilder {
             client_id: this.config.clientId,
             scope: scopes.join(' '),
         }, extraParams || {});
-        /* eslint-enable camelcase */
         const authURL = encodeURL(this.config.authorization, request);
         const state = Object.assign({
             restoreLocation: window.location.href,

package/components/auth/storage.d.ts

@@ -1,6 +1,6 @@
-import { StorageClass, StorageInterface } from '../storage/storage';
-import { AuthUser } from './auth__core';
-import { AuthResponse } from './response-parser';
+import { type StorageClass, type StorageInterface } from '../storage/storage';
+import { type AuthUser } from './auth-core';
+import { type AuthResponse } from './response-parser';
 export interface StoredToken {
     accessToken: string;
     scopes?: string[];

package/components/auth/storage.js

@@ -100,9 +100,7 @@ export default class AuthStorage {
                 await this.cleanStates();
                 return this.saveState(id, state, true);
             }
-            else {
-                throw e;
-            }
+            throw e;
         }
         return undefined;
     }
@@ -114,7 +112,7 @@ export default class AuthStorage {
     async cleanStates(removeStateId) {
         const now = Date.now();
         const removalResult = await this._stateStorage.each((key, value) => {
-            if (value == null) {
+            if (value === null || value === undefined) {
                 return undefined;
             }
             // Remove requested state
@@ -137,7 +135,7 @@ export default class AuthStorage {
             }
             return undefined;
         });
-        const currentStates = removalResult.filter((state) => state != null);
+        const currentStates = removalResult.filter((state) => state !== null && state !== undefined);
         let stateStorageSize = currentStates.reduce((overallSize, state) => state.size + overallSize, 0);
         if (stateStorageSize > this.stateQuota) {
             currentStates.sort((a, b) => a.created - b.created);
@@ -205,9 +203,7 @@ export default class AuthStorage {
             setTimeout(loadAndCache, UPDATE_USER_TIMEOUT);
             return user;
         }
-        else {
-            return loadAndCache();
-        }
+        return loadAndCache();
     }
     /**
      * Remove cached user if any

package/components/auth/token-validator.d.ts

@@ -1,4 +1,5 @@
-import AuthStorage, { StoredToken } from './storage';
+import type AuthStorage from './storage';
+import type { StoredToken } from './storage';
 export interface TokenValidatorConfig {
     scope: string[];
     optionalScopes?: readonly string[] | null | undefined;

package/components/auth/token-validator.js

@@ -45,7 +45,9 @@ export default class TokenValidator {
      */
     validateTokenLocally() {
         return this._getValidatedToken([
+            // eslint-disable-next-line no-underscore-dangle
             TokenValidator._validateExistence,
+            // eslint-disable-next-line no-underscore-dangle
             TokenValidator._validateExpiration,
             this._validateScopes.bind(this),
         ]);
@@ -56,7 +58,9 @@ export default class TokenValidator {
      */
     validateToken() {
         return this._getValidatedToken([
+            // eslint-disable-next-line no-underscore-dangle
             TokenValidator._validateExistence,
+            // eslint-disable-next-line no-underscore-dangle
             TokenValidator._validateExpiration,
             this._validateScopes.bind(this),
             this._validateAgainstUser.bind(this),
@@ -82,6 +86,7 @@ export default class TokenValidator {
     static _validateExpiration({ expires, lifeTime }) {
         const REFRESH_BEFORE_RATIO = 6;
         const refreshBefore = lifeTime ? Math.ceil(lifeTime / REFRESH_BEFORE_RATIO) : TokenValidator.DEFAULT_REFRESH_BEFORE;
+        // eslint-disable-next-line no-underscore-dangle
         if (expires && expires < TokenValidator._epoch() + refreshBefore) {
             throw new TokenValidator.TokenValidationError('Token expired');
         }
@@ -150,7 +155,7 @@ export default class TokenValidator {
      */
     async _getValidatedToken(validators) {
         const storedToken = await this._storage.getToken();
-        if (storedToken == null) {
+        if (storedToken === null || storedToken === undefined) {
             throw new TokenValidator.TokenValidationError('Token not found');
         }
         for (let i = 0; i < validators.length; i++) {

package/components/auth/window-flow.d.ts

@@ -1,6 +1,6 @@
-import { LoginFlow } from './auth__core';
-import AuthRequestBuilder from './request-builder';
-import AuthStorage from './storage';
+import { type LoginFlow } from './auth-core';
+import type AuthRequestBuilder from './request-builder';
+import type AuthStorage from './storage';
 export default class WindowFlow implements LoginFlow {
     private _timeoutId;
     private _requestBuilder;

package/components/auth/window-flow.js

@@ -30,9 +30,7 @@ export default class WindowFlow {
      * Initiates authorization in window
      */
     async _load() {
-        const authRequest = await this._requestBuilder.prepareAuthRequest(
-        // eslint-disable-next-line camelcase
-        { request_credentials: 'required', auth_mode: 'bypass_to_login' }, { nonRedirect: true });
+        const authRequest = await this._requestBuilder.prepareAuthRequest({ request_credentials: 'required', auth_mode: 'bypass_to_login' }, { nonRedirect: true });
         return new Promise((resolve, reject) => {
             this.reject = reject;
             let cleanRun;
@@ -60,10 +58,12 @@ export default class WindowFlow {
                     reject(new AuthResponseParser.AuthError(state));
                 }
             });
-            if (this._loginWindow == null || this._loginWindow.closed) {
+            if (this._loginWindow === null ||
+                this._loginWindow === undefined ||
+                (this._loginWindow && this._loginWindow.closed)) {
                 this._loginWindow = this._openWindow(authRequest.url);
             }
-            else {
+            else if (this._loginWindow) {
                 this._loginWindow.location.href = authRequest.url;
             }
             this.checkIsClosed();
@@ -82,7 +82,7 @@ export default class WindowFlow {
         clearTimeout(this._timeoutId);
     };
     stop() {
-        if (this._loginWindow != null) {
+        if (this._loginWindow !== null && this._loginWindow !== undefined) {
             this._loginWindow.close();
         }
         if (this.reject) {
@@ -91,7 +91,7 @@ export default class WindowFlow {
         this._reset();
     }
     authorize() {
-        if (this._promise != null && this._loginWindow != null && !this._loginWindow.closed) {
+        if (this._promise && this._loginWindow && !this._loginWindow.closed) {
             this._loginWindow.focus();
             return this._promise;
         }

package/components/auth-dialog/auth-dialog.css

@@ -1,4 +1,4 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 .dialog.dialog {
   width: auto;
@@ -6,7 +6,7 @@
 }
 
 .content {
-  composes: font from "../global/global.css";
+  composes: font from '../global/global.css';
 
   display: flex;
   align-items: center;

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

@@ -54,6 +54,6 @@ export default class AuthDialog extends Component {
         const title = (this.props.title || defaultTitle)
             .replace('%serviceName%', serviceName ?? '')
             .replace('{{serviceName}}', serviceName ?? '');
-        return (_jsx(Dialog, { label: title, "data-test": "ring-auth-dialog", className: className, contentClassName: classNames(className, styles.dialog), onEscPress: this.onEscPress, show: show, trapFocus: true, children: _jsx(Content, { children: _jsxs("div", { className: styles.content, children: [serviceImage && _jsx("img", { alt: `${serviceName} logo`, className: styles.logo, src: serviceImage }), _jsx(H2, { className: styles.title, children: title }), errorMessage && _jsx("div", { className: styles.error, children: errorMessage }), _jsx(Button, { primary: true, className: styles.firstButton, "data-test": "auth-dialog-confirm-button", onClick: onConfirm, children: confirmLabel }), onTryAgain && (_jsx(Button, { className: styles.button, "data-test": "auth-dialog-retry-button", onClick: () => this.onRetryPress(), loader: retrying, disabled: retrying, children: tryAgainLabel })), _jsx(Button, { className: styles.button, "data-test": "auth-dialog-cancel-button", onClick: onCancel, children: cancelLabel })] }) }) }));
+        return (_jsx(Dialog, { label: title, "data-test": 'ring-auth-dialog', className: className, contentClassName: classNames(className, styles.dialog), onEscPress: this.onEscPress, show: show, trapFocus: true, children: _jsx(Content, { children: _jsxs("div", { className: styles.content, children: [serviceImage && _jsx("img", { alt: `${serviceName} logo`, className: styles.logo, src: serviceImage }), _jsx(H2, { className: styles.title, children: title }), errorMessage && _jsx("div", { className: styles.error, children: errorMessage }), _jsx(Button, { primary: true, className: styles.firstButton, "data-test": 'auth-dialog-confirm-button', onClick: onConfirm, children: confirmLabel }), onTryAgain && (_jsx(Button, { className: styles.button, "data-test": 'auth-dialog-retry-button', onClick: () => this.onRetryPress(), loader: retrying, disabled: retrying, children: tryAgainLabel })), _jsx(Button, { className: styles.button, "data-test": 'auth-dialog-cancel-button', onClick: onCancel, children: cancelLabel })] }) }) }));
     }
 }

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

@@ -1,4 +1,4 @@
-import AuthDialog, { AuthDialogProps } from '../auth-dialog/auth-dialog';
+import AuthDialog, { type AuthDialogProps } from '../auth-dialog/auth-dialog';
 export declare const reactRoot: import("react-dom/client").Root;
 type AuthDialogAttributes = React.JSX.LibraryManagedAttributes<typeof AuthDialog, AuthDialogProps>;
 export default function showAuthDialog(props?: AuthDialogAttributes): () => void;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { Size } from './avatar-size';
 interface InfoAvatarProps {
     size: Size;

package/components/avatar/avatar.css

@@ -1,4 +1,4 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 .avatar {
   display: inline-block;

package/components/avatar/avatar.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, ImgHTMLAttributes, ReactNode } from 'react';
+import { PureComponent, type ImgHTMLAttributes, type ReactNode } from 'react';
 import { Size } from './avatar-size';
 export { Size };
 export interface AvatarProps extends ImgHTMLAttributes<HTMLImageElement> {

package/components/avatar/avatar.figma.js

@@ -1,5 +1,5 @@
 // url=https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?node-id=5990-522
-const figma = require('figma');
+import figma from '@figma/code-connect';
 
 const instance = figma.selectedInstance;
 

package/components/avatar/avatar.js

@@ -49,9 +49,9 @@ export default class Avatar extends PureComponent {
             [styles.round]: round,
         });
         if (!url || this.state.errorUrl === url) {
-            return (_jsxs("span", { ...restProps, "data-test": "avatar", className: classNames(classes, {
-                    [styles.empty]: username == null && info == null,
-                }), style: styleObj, children: [username != null && _jsx(FallbackAvatar, { size: size, round: round, username: username }), info != null && _jsx(AvatarInfo, { size: size, children: info })] }));
+            return (_jsxs("span", { ...restProps, "data-test": 'avatar', className: classNames(classes, {
+                    [styles.empty]: (username === null || username === undefined) && (info === null || info === undefined),
+                }), style: styleObj, children: [username && _jsx(FallbackAvatar, { size: size, round: round, username: username }), info && _jsx(AvatarInfo, { size: size, children: info })] }));
         }
         let src = url;
         if (!skipParams && !isDataURI(url)) {
@@ -72,10 +72,8 @@ export default class Avatar extends PureComponent {
                 subavatarSizeString,
             };
             subavatarSrc = skipParams ? subavatar : encodeURL(urlStart, queryParams);
-            return (_jsxs("div", { children: [_jsx("img", { ...restProps, onError: this.handleError, onLoad: this.handleSuccess, className: classNames(classes, styles.avatarShadow), style: styleObj, src: src, alt: "User avatar" }), _jsx("img", { ...restProps, "data-test": "avatar", onError: this.handleError, onLoad: this.handleSuccess, className: classNames(styles.subavatar), style: styleObjGroup, src: subavatarSrc, alt: "Subavatar" })] }));
-        }
-        else {
-            return (_jsx("img", { ...restProps, "data-test": "avatar", onError: this.handleError, onLoad: this.handleSuccess, className: classNames(classes, styles.avatarShadow), style: styleObj, src: src, alt: "User avatar" }));
+            return (_jsxs("div", { children: [_jsx("img", { ...restProps, onError: this.handleError, onLoad: this.handleSuccess, className: classNames(classes, styles.avatarShadow), style: styleObj, src: src, alt: 'User avatar' }), _jsx("img", { ...restProps, "data-test": 'avatar', onError: this.handleError, onLoad: this.handleSuccess, className: classNames(styles.subavatar), style: styleObjGroup, src: subavatarSrc, alt: 'Subavatar' })] }));
         }
+        return (_jsx("img", { ...restProps, "data-test": 'avatar', onError: this.handleError, onLoad: this.handleSuccess, className: classNames(classes, styles.avatarShadow), style: styleObj, src: src, alt: 'User avatar' }));
     }
 }