@jetbrains/ring-ui 4.1.12 → 5.0.0-beta.11

package/dist/auth/storage.js

@@ -1,7 +1,7 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import ActualStorage from '../storage/storage.js';
 import '../storage/storage__local.js';
 import '../alert-service/alert-service.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
 import 'react-dom';
 import '../global/get-uid.js';
@@ -19,15 +19,17 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
+import '../button/button.js';
+import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
 import '../alert/container.js';
 import '../storage/storage__fallback.js';
 import 'deep-equal';
@@ -47,7 +49,7 @@ import 'deep-equal';
  */
 
 const DEFAULT_STATE_QUOTA = 102400; // 100 kb ~~ 200 tabs with a large list of scopes
-// eslint-disable-next-line no-magic-numbers
+// eslint-disable-next-line @typescript-eslint/no-magic-numbers
 
 const DEFAULT_STATE_TTL = 1000 * 60 * 60 * 24; // nobody will need auth state after a day
 
@@ -58,9 +60,31 @@ class AuthStorage {
    * @param {{stateKeyPrefix: string, tokenKey: string, onTokenRemove: Function}} config
    */
   constructor(config) {
+    _defineProperty(this, "messagePrefix", void 0);
+
+    _defineProperty(this, "stateKeyPrefix", void 0);
+
+    _defineProperty(this, "tokenKey", void 0);
+
+    _defineProperty(this, "userKey", void 0);
+
+    _defineProperty(this, "stateTTL", void 0);
+
+    _defineProperty(this, "stateQuota", void 0);
+
+    _defineProperty(this, "_lastMessage", void 0);
+
+    _defineProperty(this, "_stateStorage", void 0);
+
+    _defineProperty(this, "_tokenStorage", void 0);
+
+    _defineProperty(this, "_messagesStorage", void 0);
+
+    _defineProperty(this, "_currentUserStorage", void 0);
+
     this.messagePrefix = config.messagePrefix || '';
-    this.stateKeyPrefix = config.stateKeyPrefix;
-    this.tokenKey = config.tokenKey;
+    this.stateKeyPrefix = config.stateKeyPrefix || '';
+    this.tokenKey = config.tokenKey || '';
     this.userKey = config.userKey || 'user-key';
     this.stateTTL = config.stateTTL || DEFAULT_STATE_TTL;
     this._lastMessage = null;
@@ -152,33 +176,42 @@ class AuthStorage {
 
   async cleanStates(removeStateId) {
     const now = Date.now();
-    const removalResult = await this._stateStorage.each((key, state) => {
-      // Remove requested state
+    const removalResult = await this._stateStorage.each((key, value) => {
+      if (value == null) {
+        return undefined;
+      } // Remove requested state
+
+
       if (key === this.stateKeyPrefix + removeStateId) {
         return this._stateStorage.remove(key);
       }
 
       if (key.indexOf(this.stateKeyPrefix) === 0) {
+        var _state$created;
+
         // Clean old states
-        if (state.created + this.stateTTL < now) {
+        const state = value;
+        const created = (_state$created = state.created) !== null && _state$created !== void 0 ? _state$created : Date.now();
+
+        if (created + this.stateTTL < now) {
           return this._stateStorage.remove(key);
         } // Data to clean up due quota
 
 
         return {
           key,
-          created: state.created,
+          created,
           size: JSON.stringify(state).length
         };
       }
 
       return undefined;
     });
-    const currentStates = removalResult.filter(state => state);
+    const currentStates = removalResult.filter(state => state != null);
     let stateStorageSize = currentStates.reduce((overallSize, state) => state.size + overallSize, 0);
 
     if (stateStorageSize > this.stateQuota) {
-      currentStates.sort((a, b) => a.created > b.created);
+      currentStates.sort((a, b) => a.created - b.created);
       const removalPromises = currentStates.filter(state => {
         if (stateStorageSize > this.stateQuota) {
           stateStorageSize -= state.size;

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

@@ -0,0 +1,93 @@
+import ExtendableError from 'es6-error';
+import AuthStorage, { StoredToken } from './storage';
+export interface TokenValidatorConfig {
+    scope: string[];
+    optionalScopes?: readonly string[] | null | undefined;
+}
+export declare class TokenValidationError extends ExtendableError {
+    cause: Error | undefined;
+    authRedirect: true;
+    constructor(message: string, cause?: Error);
+}
+export default class TokenValidator {
+    private _getUser;
+    private _config;
+    private _storage;
+    constructor(config: TokenValidatorConfig, getUser: (accessToken: string) => Promise<void>, storage: AuthStorage);
+    /**
+     * Returns epoch - seconds since 1970.
+     * Used for calculation of expire times.
+     * @return {number} epoch, seconds since 1970
+     * @private
+     */
+    static _epoch(): number;
+    /**
+     * @const {number}
+     */
+    static DEFAULT_REFRESH_BEFORE: number;
+    /**
+     * Error class for auth token validation
+     *
+     * @param {string} message Error message
+     * @param {Error=} cause Error that caused this error
+     */
+    static TokenValidationError: typeof TokenValidationError;
+    /**
+     * Check token validity against all conditions.
+     * @returns {Promise.<string>}
+     */
+    validateTokenLocally(): Promise<string>;
+    /**
+     * Check token validity against all conditions.
+     * @returns {Promise.<string>}
+     */
+    validateToken(): Promise<string>;
+    /**
+     * Check if there is a token
+     * @param {StoredToken} storedToken
+     * @return {Promise.<StoredToken>}
+     * @private
+     */
+    private static _validateExistence;
+    /**
+     * Check expiration
+     * @param {StoredToken} storedToken
+     * @return {Promise.<StoredToken>}
+     * @private
+     */
+    private static _validateExpiration;
+    /**
+     * Check scopes
+     * @param {StoredToken} storedToken
+     * @return {Promise.<StoredToken>}
+     * @private
+     */
+    private _validateScopes;
+    /**
+     * Check by error code if token should be refreshed
+     * @param {string} error
+     * @return {boolean}
+     */
+    static shouldRefreshToken(error: string | undefined): boolean;
+    /**
+     * Check scopes
+     * @param {StoredToken} storedToken
+     * @return {Promise.<StoredToken>}
+     * @private
+     */
+    _validateAgainstUser(storedToken: StoredToken): Promise<void>;
+    /**
+     * Token Validator function
+     * @typedef {(function(StoredToken): Promise<StoredToken>)} TokenValidator
+     */
+    /**
+     * Gets stored token and applies provided validators
+     * @param {TokenValidator[]} validators An array of validation
+     * functions to check the stored token against.
+     * @return {Promise.<string>} promise that is resolved to access token if the stored token is valid. If it is
+     * invalid then the promise is rejected. If invalid token should be re-requested then rejection object will
+     * have {authRedirect: true}.
+     * @private
+     */
+    _getValidatedToken(validators: ((token: StoredToken) => void | Promise<void>)[]): Promise<string>;
+}

package/dist/auth/token-validator.js

@@ -3,8 +3,27 @@ import ExtendableError from 'es6-error';
 import { CODE } from '../http/http.js';
 import '../global/url.js';
 
+class TokenValidationError extends ExtendableError {
+  constructor(message, cause) {
+    super(message);
+
+    _defineProperty(this, "cause", void 0);
+
+    _defineProperty(this, "authRedirect", void 0);
+
+    this.cause = cause;
+    this.authRedirect = true;
+  }
+
+}
 class TokenValidator {
   constructor(config, getUser, storage) {
+    _defineProperty(this, "_getUser", void 0);
+
+    _defineProperty(this, "_config", void 0);
+
+    _defineProperty(this, "_storage", void 0);
+
     this._getUser = getUser;
     this._config = config;
     this._storage = storage;
@@ -24,7 +43,7 @@ class TokenValidator {
   /**
    * @const {number}
    */
-  // eslint-disable-next-line no-magic-numbers
+  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
 
 
   /**
@@ -90,7 +109,11 @@ class TokenValidator {
       optionalScopes
     } = this._config;
     const requiredScopes = optionalScopes ? scope.filter(scopeId => !optionalScopes.includes(scopeId)) : scope;
-    const hasAllScopes = requiredScopes.every(scopeId => storedToken.scopes.includes(scopeId));
+    const hasAllScopes = requiredScopes.every(scopeId => {
+      var _storedToken$scopes;
+
+      return (_storedToken$scopes = storedToken.scopes) === null || _storedToken$scopes === void 0 ? void 0 : _storedToken$scopes.includes(scopeId);
+    });
 
     if (!hasAllScopes) {
       throw new TokenValidator.TokenValidationError('Token doesn\'t match required scopes');
@@ -116,7 +139,7 @@ class TokenValidator {
 
   async _validateAgainstUser(storedToken) {
     try {
-      return await this._getUser(storedToken.accessToken);
+      return await this._getUser(storedToken.accessToken); // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (errorResponse) {
       let response = {};
 
@@ -153,6 +176,10 @@ class TokenValidator {
   async _getValidatedToken(validators) {
     const storedToken = await this._storage.getToken();
 
+    if (storedToken == null) {
+      throw new TokenValidator.TokenValidationError('Token not found');
+    }
+
     for (let i = 0; i < validators.length; i++) {
       await validators[i](storedToken);
     }
@@ -164,13 +191,6 @@ class TokenValidator {
 
 _defineProperty(TokenValidator, "DEFAULT_REFRESH_BEFORE", 10 * 60);
 
-_defineProperty(TokenValidator, "TokenValidationError", class TokenValidationError extends ExtendableError {
-  constructor(message, cause) {
-    super(message);
-    this.cause = cause;
-    this.authRedirect = true;
-  }
-
-});
+_defineProperty(TokenValidator, "TokenValidationError", TokenValidationError);
 
-export { TokenValidator as default };
+export { TokenValidationError, TokenValidator as default };

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

@@ -0,0 +1,26 @@
+import { LoginFlow } from './auth__core';
+import AuthRequestBuilder from './request-builder';
+import AuthStorage from './storage';
+export default class WindowFlow implements LoginFlow {
+    private _timeoutId;
+    private _requestBuilder;
+    private _storage;
+    reject?: (reason: unknown) => void;
+    private _loginWindow?;
+    private _promise?;
+    constructor(requestBuilder: AuthRequestBuilder, storage: AuthStorage);
+    /**
+     * Opens window with the given URL
+     * @param {string} url
+     * @private
+     */
+    private _openWindow;
+    /**
+     * Initiates authorization in window
+     */
+    private _load;
+    checkIsClosed: () => void;
+    _reset: () => void;
+    stop(): void;
+    authorize(): Promise<string>;
+}

package/dist/auth/window-flow.js

@@ -7,15 +7,27 @@ const NAVBAR_HEIGHT = 50;
 const CLOSED_CHECK_INTERVAL = 200;
 class WindowFlow {
   constructor(requestBuilder, storage) {
-    _defineProperty(this, "_timeoutId", null);
+    _defineProperty(this, "_timeoutId", undefined);
+
+    _defineProperty(this, "_requestBuilder", void 0);
+
+    _defineProperty(this, "_storage", void 0);
+
+    _defineProperty(this, "reject", void 0);
+
+    _defineProperty(this, "_loginWindow", void 0);
+
+    _defineProperty(this, "_promise", void 0);
 
     _defineProperty(this, "checkIsClosed", () => {
-      if (this._loginWindow.closed) {
+      var _this$_loginWindow;
+
+      if ((_this$_loginWindow = this._loginWindow) !== null && _this$_loginWindow !== void 0 && _this$_loginWindow.closed) {
         this.stop();
         return;
       }
 
-      this._timeoutId = setTimeout(this.checkIsClosed, CLOSED_CHECK_INTERVAL);
+      this._timeoutId = window.setTimeout(this.checkIsClosed, CLOSED_CHECK_INTERVAL);
     });
 
     _defineProperty(this, "_reset", () => {
@@ -62,19 +74,20 @@ class WindowFlow {
       let cleanRun;
 
       const cleanUp = () => {
+        var _this$_loginWindow2;
+
         if (cleanRun) {
           return;
         }
 
         cleanRun = true;
-        /* eslint-disable no-use-before-define */
+        /* eslint-disable @typescript-eslint/no-use-before-define */
 
         removeStateListener();
         removeTokenListener();
-        /* eslint-enable no-use-before-define */
-
-        this._loginWindow.close();
+        /* eslint-enable @typescript-eslint/no-use-before-define */
 
+        (_this$_loginWindow2 = this._loginWindow) === null || _this$_loginWindow2 === void 0 ? void 0 : _this$_loginWindow2.close();
         clearTimeout(this._timeoutId);
       };
 
@@ -92,10 +105,10 @@ class WindowFlow {
         }
       });
 
-      if (this._loginWindow === null || this._loginWindow.closed === true) {
+      if (this._loginWindow == null || this._loginWindow.closed) {
         this._loginWindow = this._openWindow(authRequest.url);
       } else {
-        this._loginWindow.location = authRequest.url;
+        this._loginWindow.location.href = authRequest.url;
       }
 
       this.checkIsClosed();
@@ -103,7 +116,7 @@ class WindowFlow {
   }
 
   stop() {
-    if (this._loginWindow !== null) {
+    if (this._loginWindow != null) {
       this._loginWindow.close();
     }
 
@@ -115,7 +128,7 @@ class WindowFlow {
   }
 
   authorize() {
-    if (this._promise !== null && this._loginWindow !== null && this._loginWindow.closed !== true) {
+    if (this._promise != null && this._loginWindow != null && !this._loginWindow.closed) {
       this._loginWindow.focus();
 
       return this._promise;

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

@@ -0,0 +1,60 @@
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Auth Dialog
+ */
+export interface AuthDialogProps {
+    className?: string | undefined;
+    title?: string | null | undefined;
+    errorMessage?: string | null | undefined;
+    serviceImage?: string | null | undefined;
+    serviceName?: string | null | undefined;
+    loginCaption: string;
+    loginToCaption: string;
+    show: boolean;
+    cancelOnEsc: boolean;
+    confirmLabel: string;
+    cancelLabel: string;
+    tryAgainLabel: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    onTryAgain?: () => void;
+}
+export default class AuthDialog extends Component<AuthDialogProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        errorMessage: PropTypes.Requireable<string>;
+        serviceImage: PropTypes.Requireable<string>;
+        serviceName: PropTypes.Requireable<string>;
+        loginCaption: PropTypes.Requireable<string>;
+        loginToCaption: PropTypes.Requireable<string>;
+        show: PropTypes.Requireable<boolean>;
+        cancelOnEsc: PropTypes.Requireable<boolean>;
+        confirmLabel: PropTypes.Requireable<string>;
+        cancelLabel: PropTypes.Requireable<string>;
+        tryAgainLabel: PropTypes.Requireable<string>;
+        onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
+        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        onTryAgain: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        loginCaption: string;
+        loginToCaption: string;
+        tryAgainLabel: string;
+        show: boolean;
+        cancelOnEsc: boolean;
+        confirmLabel: string;
+        cancelLabel: string;
+        onConfirm: () => void;
+        onCancel: () => void;
+    };
+    state: {
+        retrying: boolean;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onEscPress: () => void;
+    onRetryPress: () => Promise<void>;
+    render(): JSX.Element;
+}

package/dist/auth-dialog/auth-dialog.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import '../island/island.js';
 import Dialog from '../dialog/dialog.js';
-import Button from '../button/button.js';
+import { Button } from '../button/button.js';
 import { H2 } from '../heading/heading.js';
 import ContentWrapper from '../island/content.js';
 import '../global/data-tests.js';
@@ -33,17 +33,13 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 
-var modules_ae521deb = {"unit":"8px","dialog":"dialog_rui_3593","content":"content_rui_3593 font_rui_750f","button":"button_rui_3593","firstButton":"firstButton_rui_3593 button_rui_3593","title":"title_rui_3593","logo":"logo_rui_3593","error":"error_rui_3593"};
-
-/**
- * @name Auth Dialog
- */
+var modules_ae521deb = {"unit":"8px","dialog":"dialog_rui_8f14","content":"content_rui_8f14 font_rui_750f","button":"button_rui_8f14","firstButton":"firstButton_rui_8f14 button_rui_8f14","title":"title_rui_8f14","logo":"logo_rui_8f14","error":"error_rui_8f14"};
 
 class AuthDialog extends Component {
   constructor() {
@@ -107,7 +103,7 @@ class AuthDialog extends Component {
       retrying
     } = this.state;
     const defaultTitle = serviceName ? loginToCaption : loginCaption;
-    const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName);
+    const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName !== null && serviceName !== void 0 ? serviceName : '');
     return /*#__PURE__*/React.createElement(Dialog, {
       label: title,
       "data-test": "ring-auth-dialog",
@@ -167,6 +163,7 @@ _defineProperty(AuthDialog, "propTypes", {
 _defineProperty(AuthDialog, "defaultProps", {
   loginCaption: 'Log in',
   loginToCaption: 'Log in to %serviceName%',
+  tryAgainLabel: 'Try again',
   show: false,
   cancelOnEsc: true,
   confirmLabel: 'Log in',

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import AuthDialog, { AuthDialogProps } from '../auth-dialog/auth-dialog';
+declare type AuthDialogAttributes = JSX.LibraryManagedAttributes<typeof AuthDialog, AuthDialogProps>;
+export default function showAuthDialog(props?: AuthDialogAttributes): () => void;
+export {};

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

@@ -32,8 +32,8 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
-import '../global/theme.js';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';

package/dist/auth-ng/auth-ng.js

@@ -25,19 +25,19 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/dom.js';
-import '../alert/container.js';
-import '../link/link.js';
+import '../button/button.js';
 import 'focus-visible';
+import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../_helpers/theme.js';
+import '../popup/popup.target.js';
+import '../alert/container.js';
+import '../link/link.js';
 import '../_helpers/link.js';
 import '../group/group.js';
 import '../_helpers/group.js';

package/dist/autofocus-ng/autofocus-ng.js

@@ -6,7 +6,7 @@ import 'prop-types';
 import '../global/dom.js';
 
 const angularModule = angular.module('Ring.autofocus', []);
-const RING_SELECT_SELECTOR = '[data-test=ring-select__focus]';
+const RING_SELECT_SELECTOR = '[data-test*=ring-select__focus]';
 const RING_SELECT = 'rg-select';
 angularModule.directive('rgAutofocus', function rgAutofocusDirective() {
   /**

package/dist/avatar/avatar-example-datauri.d.ts

@@ -0,0 +1 @@
+export declare const avatarDataUri: string;

package/dist/avatar/avatar.d.ts

@@ -0,0 +1,51 @@
+import { PureComponent, ImgHTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Avatar
+ */
+export declare enum Size {
+    Size18 = 18,
+    Size20 = 20,
+    Size24 = 24,
+    Size28 = 28,
+    Size32 = 32,
+    Size40 = 40,
+    Size48 = 48,
+    Size56 = 56
+}
+export interface AvatarProps extends ImgHTMLAttributes<HTMLImageElement> {
+    dpr: number;
+    size: Size;
+    subavatarSize: number;
+    url?: string | null | undefined;
+    round?: boolean | null | undefined;
+    subavatar?: string | null | undefined;
+    username?: string | null | undefined;
+    skipParams?: boolean | null | undefined;
+}
+export default class Avatar extends PureComponent<AvatarProps> {
+    static propTypes: {
+        dpr: PropTypes.Requireable<number>;
+        className: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<number>;
+        style: PropTypes.Requireable<object>;
+        url: PropTypes.Requireable<string>;
+        round: PropTypes.Requireable<boolean>;
+        subavatar: PropTypes.Requireable<string>;
+        subavatarSize: PropTypes.Requireable<number>;
+        username: PropTypes.Requireable<string>;
+        skipParams: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        dpr: number;
+        size: Size;
+        subavatarSize: number;
+        style: {};
+    };
+    state: {
+        errorUrl: string;
+    };
+    handleError: () => void;
+    handleSuccess: () => void;
+    render(): JSX.Element;
+}

package/dist/avatar/avatar.js

@@ -7,22 +7,25 @@ import { getPixelRatio } from '../global/dom.js';
 import FallbackAvatar from './fallback-avatar.js';
 import '../global/get-uid.js';
 
-var modules_61ca8c75 = {"avatar":"avatar_rui_fed3","subavatar":"subavatar_rui_fed3","empty":"empty_rui_fed3"};
+var modules_61ca8c75 = {"avatar":"avatar_rui_f546","subavatar":"subavatar_rui_f546","empty":"empty_rui_f546"};
 
 /**
  * @name Avatar
  */
 
-const Size = {
-  Size18: 18,
-  Size20: 20,
-  Size24: 24,
-  Size28: 28,
-  Size32: 32,
-  Size40: 40,
-  Size48: 48,
-  Size56: 56
-};
+var Size;
+
+(function (Size) {
+  Size[Size["Size18"] = 18] = "Size18";
+  Size[Size["Size20"] = 20] = "Size20";
+  Size[Size["Size24"] = 24] = "Size24";
+  Size[Size["Size28"] = 28] = "Size28";
+  Size[Size["Size32"] = 32] = "Size32";
+  Size[Size["Size40"] = 40] = "Size40";
+  Size[Size["Size48"] = 48] = "Size48";
+  Size[Size["Size56"] = 56] = "Size56";
+})(Size || (Size = {}));
+
 class Avatar extends PureComponent {
   constructor() {
     super(...arguments);