ydb-embedded-ui 14.10.0 → 14.12.0

package/dist/components/EmptyFilter/EmptyFilter.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface EmptyFilterProps {
     title: string;
     message?: string;

package/dist/components/EmptyFilter/EmptyFilter.js

@@ -1,9 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { Button } from '@gravity-ui/uikit';
+import { getIllustration } from '../../utils/illustrations';
 import { EmptyState } from '../EmptyState';
-import { Illustration } from '../Illustration';
 import i18n from './i18n';
-export const EmptyFilter = ({ title, message = i18n('default_message'), showAll = i18n('default_button_label'), onShowAll, image = _jsx(Illustration, { name: "thumbsUp", width: 200 }), }) => (_jsx(EmptyState, { image: image, position: "left", title: title, description: message, actions: onShowAll && [
-        _jsx(Button, { onClick: onShowAll, children: showAll }, "show-all"),
-    ] }));
+export const EmptyFilter = ({ title, message = i18n('default_message'), showAll = i18n('default_button_label'), onShowAll, image, }) => {
+    const SuccessImage = getIllustration('SuccessOperation');
+    const resolvedImage = React.useMemo(() => {
+        if (image !== undefined) {
+            return image;
+        }
+        return _jsx(SuccessImage, { width: 200, height: 200 });
+    }, [image, SuccessImage]);
+    return (_jsx(EmptyState, { image: resolvedImage, position: "left", title: title, description: message, actions: onShowAll && [
+            _jsx(Button, { onClick: onShowAll, children: showAll }, "show-all"),
+        ] }));
+};
 //# sourceMappingURL=EmptyFilter.js.map

package/dist/components/EmptyFilter/EmptyFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyFilter.js","sourceRoot":"","sources":["../../../src/components/EmptyFilter/EmptyFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAU1B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,EACjC,OAAO,GAAG,IAAI,CAAC,sBAAsB,CAAC,EACtC,SAAS,EACT,KAAK,GAAG,KAAC,YAAY,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,GAAG,GAAI,GACrC,EAAE,EAAE,CAAC,CACpB,KAAC,UAAU,IACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,MAAM,EACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,OAAO,EACpB,OAAO,EACH,SAAS,IAAI;QACT,KAAC,MAAM,IAAgB,OAAO,EAAE,SAAS,YACpC,OAAO,IADA,UAAU,CAEb;KACZ,GAEP,CACL,CAAC"}
+{"version":3,"file":"EmptyFilter.js","sourceRoot":"","sources":["../../../src/components/EmptyFilter/EmptyFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAU1B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,EACjC,OAAO,GAAG,IAAI,CAAC,sBAAsB,CAAC,EACtC,SAAS,EACT,KAAK,GACU,EAAE,EAAE;IACnB,MAAM,YAAY,GAAG,eAAe,CAAC,kBAAkB,CAAC,CAAC;IAEzD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACtB,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,OAAO,KAAC,YAAY,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,CAAC;IACrD,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,KAAC,UAAU,IACP,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAC,MAAM,EACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,OAAO,EACpB,OAAO,EACH,SAAS,IAAI;YACT,KAAC,MAAM,IAAgB,OAAO,EAAE,SAAS,YACpC,OAAO,IADA,UAAU,CAEb;SACZ,GAEP,CACL,CAAC;AACN,CAAC,CAAC"}

package/dist/components/EmptyState/EmptyState.d.ts

@@ -12,10 +12,11 @@ export interface EmptyStateProps {
     actions?: React.ReactNode[];
     size?: keyof typeof EMPTY_STATE_SIZES;
     position?: 'left' | 'center';
+    contentPosition?: 'center' | 'top';
     pageTitle?: string;
     className?: string;
 }
-export declare const EmptyState: ({ image, title, description, actions, size, position, pageTitle, className, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyState: ({ image, title, description, actions, size, position, contentPosition, pageTitle, className, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
 interface EmptyStateWrapperProps extends EmptyStateProps {
     isEmpty?: boolean;
     children: React.ReactNode;

package/dist/components/EmptyState/EmptyState.js

@@ -10,8 +10,8 @@ export const EMPTY_STATE_SIZES = {
     m: 230,
     l: 350,
 };
-export const EmptyState = ({ image, title, description, actions, size = 'm', position = 'center', pageTitle, className, }) => {
-    return (_jsxs("div", { className: block({ size }, className), children: [pageTitle ? _jsx(Text, { variant: "header-1", children: pageTitle }) : null, _jsxs("div", { className: block('wrapper', { size, position }), children: [_jsx("div", { className: block('image'), children: image ? (image) : (_jsx(Icon, { data: emptyStateIcon, width: EMPTY_STATE_SIZES[size], height: EMPTY_STATE_SIZES[size] })) }), _jsxs(Flex, { gap: 5, className: block('content'), direction: "column", children: [_jsxs(Flex, { gap: 3, direction: "column", children: [_jsx("div", { className: block('title', { size }), children: title }), description ? (_jsx("div", { className: block('description'), children: description })) : null] }), actions ? _jsx(Flex, { gap: 2, children: actions }) : null] })] })] }));
+export const EmptyState = ({ image, title, description, actions, size = 'm', position = 'center', contentPosition = 'center', pageTitle, className, }) => {
+    return (_jsxs("div", { className: block({ size }, className), children: [pageTitle ? _jsx(Text, { variant: "header-1", children: pageTitle }) : null, _jsxs("div", { className: block('wrapper', { size, position }), children: [_jsx("div", { className: block('image'), children: image ? (image) : (_jsx(Icon, { data: emptyStateIcon, width: EMPTY_STATE_SIZES[size], height: EMPTY_STATE_SIZES[size] })) }), _jsxs(Flex, { gap: 5, className: block('content', { 'position-top': contentPosition === 'top' }), direction: "column", children: [_jsxs(Flex, { gap: 3, direction: "column", children: [_jsx("div", { className: block('title', { size }), children: title }), description ? (_jsx("div", { className: block('description'), children: description })) : null] }), actions ? _jsx(Flex, { gap: 2, children: actions }) : null] })] })] }));
 };
 export function EmptyStateWrapper({ isEmpty, children, className, ...rest }) {
     if (isEmpty) {

package/dist/components/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAE/D,OAAO,mBAAmB,CAAC;AAE3B,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;AAEhC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACT,CAAC;AAaF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,QAAQ,EACnB,SAAS,EACT,SAAS,GACK,EAAE,EAAE;IAClB,OAAO,CACH,eAAK,SAAS,EAAE,KAAK,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,aACnC,SAAS,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,YAAE,SAAS,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/D,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aAC9C,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,YACzB,KAAK,CAAC,CAAC,CAAC,CACL,KAAK,CACR,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IACD,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAC9B,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC,GACjC,CACL,GACC,EACN,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS,EAAC,QAAQ,aACzD,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,aAC5B,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAC,IAAI,EAAC,CAAC,YAAG,KAAK,GAAO,EACpD,WAAW,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,CAC5D,CAAC,CAAC,CAAC,IAAI,IACL,EACN,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,GAAG,EAAE,CAAC,YAAG,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC7C,IACL,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAQF,MAAM,UAAU,iBAAiB,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAyB;IAC7F,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,YACrB,KAAC,UAAU,OAAK,IAAI,GAAI,GACtB,CACT,CAAC;IACN,CAAC;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC"}
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAE/D,OAAO,mBAAmB,CAAC;AAE3B,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;AAEhC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACT,CAAC;AAcF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,QAAQ,EACnB,eAAe,GAAG,QAAQ,EAC1B,SAAS,EACT,SAAS,GACK,EAAE,EAAE;IAClB,OAAO,CACH,eAAK,SAAS,EAAE,KAAK,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,aACnC,SAAS,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,YAAE,SAAS,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/D,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aAC9C,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,YACzB,KAAK,CAAC,CAAC,CAAC,CACL,KAAK,CACR,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IACD,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAC9B,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC,GACjC,CACL,GACC,EACN,MAAC,IAAI,IACD,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,EAAC,cAAc,EAAE,eAAe,KAAK,KAAK,EAAC,CAAC,EACxE,SAAS,EAAC,QAAQ,aAElB,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,aAC5B,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAC,IAAI,EAAC,CAAC,YAAG,KAAK,GAAO,EACpD,WAAW,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,CAC5D,CAAC,CAAC,CAAC,IAAI,IACL,EACN,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,GAAG,EAAE,CAAC,YAAG,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC7C,IACL,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAQF,MAAM,UAAU,iBAAiB,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAyB;IAC7F,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,YACrB,KAAC,UAAU,OAAK,IAAI,GAAI,GACtB,CACT,CAAC;IACN,CAAC;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC"}

package/dist/components/EmptyState/EmptyState.scss

@@ -11,6 +11,7 @@
     &__wrapper {
         display: grid;
         grid-template-areas: 'image content';
+        grid-template-columns: auto 1fr;
 
         &_size_xs {
             width: 321px;
@@ -29,6 +30,11 @@
             height: 230px;
         }
 
+        &_size_l {
+            width: 900px;
+            min-height: 280px;
+        }
+
         &_position_center {
             position: relative;
 
@@ -62,6 +68,10 @@
         &_size_m {
             @include mixins.header-2-typography();
         }
+
+        &_size_l {
+            @include mixins.subheader-3-typography();
+        }
     }
 
     &__description {
@@ -71,5 +81,11 @@
     &__content {
         align-self: center;
         grid-area: content;
+
+        &_position-top {
+            align-self: start;
+
+            padding-top: 50px;
+        }
     }
 }

package/dist/components/ErrorBoundary/ErrorBoundary.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { InternalError } from '@gravity-ui/illustrations';
 import { DefinitionList, Flex, Text } from '@gravity-ui/uikit';
 import QRCode from 'qrcode';
 import { ErrorBoundary as ErrorBoundaryBase } from 'react-error-boundary';
 import { cn } from '../../utils/cn';
+import { getIllustration } from '../../utils/illustrations';
 import { registerError } from '../../utils/registerError';
 import { useComponent } from '../ComponentsProvider/ComponentsProvider';
 import i18n from './i18n';
@@ -30,7 +30,8 @@ export function ErrorBoundaryFallback({ error }) {
             setDiagnosticsData(data);
         });
     }, [error]);
-    return (_jsxs(Flex, { direction: "column", gap: 4, className: b(null), children: [_jsxs(Flex, { direction: "row", alignItems: "center", gap: 10, children: [_jsx(InternalError, { width: 230, height: 230 }), _jsxs(Flex, { direction: "column", gap: 5, children: [_jsxs(Flex, { direction: "column", gap: 2, children: [_jsx(Text, { variant: "subheader-3", children: i18n('error-title') }), _jsx(Text, { variant: "body-1", color: "complementary", children: i18n('error-description') })] }), _jsx(DiagnosticsDataList, { data: diagnosticsData })] })] }), _jsxs(Flex, { direction: "row", alignItems: "start", gap: 8, children: [_jsx(ErrorStack, { stack: error.stack }), _jsxs(Flex, { direction: "column", gap: 3, children: [_jsx(Text, { variant: "body-1", color: "complementary", className: b('qr-help-text'), children: i18n('send-qr-message') }), _jsx(DiagnosticsDataQR, { data: diagnosticsData })] })] })] }));
+    const InternalErrorImage = getIllustration('InternalError');
+    return (_jsxs(Flex, { direction: "column", gap: 4, className: b(null), children: [_jsxs(Flex, { direction: "row", alignItems: "center", gap: 10, children: [_jsx(InternalErrorImage, { width: 230, height: 230 }), _jsxs(Flex, { direction: "column", gap: 5, children: [_jsxs(Flex, { direction: "column", gap: 2, children: [_jsx(Text, { variant: "subheader-3", children: i18n('error-title') }), _jsx(Text, { variant: "body-1", color: "complementary", children: i18n('error-description') })] }), _jsx(DiagnosticsDataList, { data: diagnosticsData })] })] }), _jsxs(Flex, { direction: "row", alignItems: "start", gap: 8, children: [_jsx(ErrorStack, { stack: error.stack }), _jsxs(Flex, { direction: "column", gap: 3, children: [_jsx(Text, { variant: "body-1", color: "complementary", className: b('qr-help-text'), children: i18n('send-qr-message') }), _jsx(DiagnosticsDataQR, { data: diagnosticsData })] })] })] }));
 }
 function DiagnosticsDataList({ data }) {
     return (_jsxs(DefinitionList, { nameMaxWidth: 200, children: [(data === null || data === void 0 ? void 0 : data.uiVersion) && typeof data.uiVersion === 'string' && (_jsx(DefinitionList.Item, { name: i18n('ui-version'), children: data.uiVersion })), (data === null || data === void 0 ? void 0 : data.backendVersion) && typeof data.backendVersion === 'string' && (_jsx(DefinitionList.Item, { name: i18n('backend-version'), children: data.backendVersion })), _jsx(DefinitionList.Item, { name: i18n('error'), children: data === null || data === void 0 ? void 0 : data.error.message })] }));

package/dist/components/ErrorBoundary/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"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"}

package/dist/components/Errors/401/Unauthenticated.d.ts

@@ -0,0 +1,6 @@
+import type { EmptyStateProps } from '../../EmptyState';
+interface UnauthenticatedProps extends Omit<EmptyStateProps, 'title'> {
+    title?: React.ReactNode;
+}
+export declare const Unauthenticated: ({ title, description, image, size, ...restProps }: UnauthenticatedProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Errors/401/Unauthenticated.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getIllustration } from '../../../utils/illustrations';
+import { EMPTY_STATE_SIZES, EmptyState } from '../../EmptyState';
+import i18n from '../i18n';
+export const Unauthenticated = ({ title, description, image, size = 'm', ...restProps }) => {
+    const UnauthenticatedImage = getIllustration('Unauthenticated');
+    const illustrationSize = EMPTY_STATE_SIZES[size];
+    return (_jsx(EmptyState, { image: image || _jsx(UnauthenticatedImage, { width: illustrationSize, height: illustrationSize }), title: title || i18n('401.title'), description: description || i18n('401.description'), size: size, ...restProps }));
+};
+//# sourceMappingURL=Unauthenticated.js.map

package/dist/components/Errors/401/Unauthenticated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Unauthenticated.js","sourceRoot":"","sources":["../../../../src/components/Errors/401/Unauthenticated.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAC/D,OAAO,IAAI,MAAM,SAAS,CAAC;AAM3B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,KAAK,EACL,IAAI,GAAG,GAAG,EACV,GAAG,SAAS,EACO,EAAE,EAAE;IACvB,MAAM,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;IAChE,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACjD,OAAO,CACH,KAAC,UAAU,IACP,KAAK,EACD,KAAK,IAAI,KAAC,oBAAoB,IAAC,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB,GAAI,EAExF,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,EACjC,WAAW,EAAE,WAAW,IAAI,IAAI,CAAC,iBAAiB,CAAC,EACnD,IAAI,EAAE,IAAI,KACN,SAAS,GACf,CACL,CAAC;AACN,CAAC,CAAC"}

package/dist/components/Errors/401/index.d.ts

@@ -0,0 +1 @@
+export { Unauthenticated } from './Unauthenticated';

package/dist/components/Errors/401/index.js

@@ -0,0 +1,2 @@
+export { Unauthenticated } from './Unauthenticated';
+//# sourceMappingURL=index.js.map

package/dist/components/Errors/401/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Errors/401/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC"}

package/dist/components/Errors/403/AccessDenied.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { getIllustration } from '../../../utils/illustrations';
 import { EMPTY_STATE_SIZES, EmptyState } from '../../EmptyState';
-import { Illustration } from '../../Illustration';
 import i18n from '../i18n';
 export const AccessDenied = ({ title, description, image, size = 'm', ...restProps }) => {
-    return (_jsx(EmptyState, { image: image || _jsx(Illustration, { name: "403", width: EMPTY_STATE_SIZES[size] }), title: title || i18n('403.title'), description: description || i18n('403.description'), ...restProps }));
+    const AccessDeniedImage = getIllustration('AccessDenied');
+    const illustrationSize = EMPTY_STATE_SIZES[size];
+    return (_jsx(EmptyState, { image: image || _jsx(AccessDeniedImage, { width: illustrationSize, height: illustrationSize }), title: title || i18n('403.title'), description: description || i18n('403.description'), size: size, ...restProps }));
 };
 //# sourceMappingURL=AccessDenied.js.map

package/dist/components/Errors/403/AccessDenied.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessDenied.js","sourceRoot":"","sources":["../../../../src/components/Errors/403/AccessDenied.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,IAAI,MAAM,SAAS,CAAC;AAM3B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,KAAK,EACL,WAAW,EACX,KAAK,EACL,IAAI,GAAG,GAAG,EACV,GAAG,SAAS,EACI,EAAE,EAAE;IACpB,OAAO,CACH,KAAC,UAAU,IACP,KAAK,EAAE,KAAK,IAAI,KAAC,YAAY,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,GAAI,EAC3E,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,EACjC,WAAW,EAAE,WAAW,IAAI,IAAI,CAAC,iBAAiB,CAAC,KAC/C,SAAS,GACf,CACL,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"AccessDenied.js","sourceRoot":"","sources":["../../../../src/components/Errors/403/AccessDenied.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAC/D,OAAO,IAAI,MAAM,SAAS,CAAC;AAM3B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,KAAK,EACL,WAAW,EACX,KAAK,EACL,IAAI,GAAG,GAAG,EACV,GAAG,SAAS,EACI,EAAE,EAAE;IACpB,MAAM,iBAAiB,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;IAC1D,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACjD,OAAO,CACH,KAAC,UAAU,IACP,KAAK,EACD,KAAK,IAAI,KAAC,iBAAiB,IAAC,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB,GAAI,EAErF,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,EACjC,WAAW,EAAE,WAAW,IAAI,IAAI,CAAC,iBAAiB,CAAC,EACnD,IAAI,EAAE,IAAI,KACN,SAAS,GACf,CACL,CAAC;AACN,CAAC,CAAC"}

package/dist/components/Errors/PageError/PageError.d.ts

@@ -1,11 +1,15 @@
 import React from 'react';
 import type { EmptyStateProps } from '../../EmptyState';
+import { EMPTY_STATE_SIZES } from '../../EmptyState';
 import './PageError.scss';
-interface PageErrorProps extends Omit<EmptyStateProps, 'image' | 'title'> {
+type PageErrorIllustrationSize = keyof typeof EMPTY_STATE_SIZES;
+interface PageErrorProps extends Omit<EmptyStateProps, 'image' | 'title' | 'contentPosition'> {
     title?: React.ReactNode;
     error: unknown;
     children?: React.ReactNode;
     errorPageTitle?: string;
+    defaultMessage?: string;
+    illustrationSize?: PageErrorIllustrationSize;
 }
-export declare function PageError({ title, description, error, children, size, errorPageTitle, ...restProps }: PageErrorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PageError({ title, description, error, children, size, illustrationSize, errorPageTitle, defaultMessage, className, pageTitle: callerPageTitle, ...restProps }: PageErrorProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Errors/PageError/PageError.js

@@ -1,25 +1,68 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { ArrowShapeUpFromLine } from '@gravity-ui/icons';
+import { Button, Icon } from '@gravity-ui/uikit';
+import { uiFactory } from '../../../uiFactory/uiFactory';
 import { cn } from '../../../utils/cn';
-import { isAccessError, isRedirectToAuth } from '../../../utils/response';
+import { getIllustration } from '../../../utils/illustrations';
+import { isForbiddenError, isRedirectToAuth, isUnauthenticatedError } from '../../../utils/response';
 import { EMPTY_STATE_SIZES, EmptyState } from '../../EmptyState';
-import { Illustration } from '../../Illustration';
+import { Unauthenticated } from '../401';
 import { AccessDenied } from '../403';
-import { ResponseError } from '../ResponseError';
+import { ResponseErrorMessage, useErrorInfo } from '../ResponseError';
 import i18n from '../i18n';
+import { resolvePageErrorSubtitle } from './utils';
 import './PageError.scss';
 const b = cn('ydb-page-error');
-export function PageError({ title, description, error, children, size = 'm', errorPageTitle, ...restProps }) {
+export function PageError({ title, description, error, children, size = 'm', illustrationSize, errorPageTitle, defaultMessage, className, pageTitle: callerPageTitle, ...restProps }) {
+    const resolvedPageTitle = errorPageTitle !== null && errorPageTitle !== void 0 ? errorPageTitle : callerPageTitle;
     if (isRedirectToAuth(error)) {
-        // Do not show an error, because we redirect to auth anyway.
         return null;
     }
-    if (isAccessError(error)) {
-        return (_jsx(AccessDenied, { title: title, description: description, ...restProps, pageTitle: errorPageTitle, className: b() }));
+    if (isUnauthenticatedError(error)) {
+        return (_jsx(Unauthenticated, { title: title, description: description, ...restProps, pageTitle: resolvedPageTitle, className: b(null, className) }));
+    }
+    if (isForbiddenError(error)) {
+        return (_jsx(AccessDenied, { title: title, description: description, ...restProps, pageTitle: resolvedPageTitle, className: b(null, className) }));
     }
     if (error || description) {
-        return (_jsx(EmptyState, { image: _jsx(Illustration, { name: "error", width: EMPTY_STATE_SIZES[size] }), title: title || i18n('error.title'), description: error ? _jsx(ResponseError, { error: error }) : description, pageTitle: errorPageTitle, className: b(), ...restProps }));
+        return (_jsx(PageErrorContent, { title: title, description: description, error: error, size: size, illustrationSize: illustrationSize, errorPageTitle: resolvedPageTitle, defaultMessage: defaultMessage, className: className, ...restProps }));
     }
     return _jsx(React.Fragment, { children: children });
 }
+function PageErrorContent({ title: titleProp, description, error, size = 'm', illustrationSize, errorPageTitle, defaultMessage, className, actions: callerActions, ...restProps }) {
+    const { title: errorTitle, subtitle, showSubtitle, details, } = useErrorInfo(error, defaultMessage);
+    const resolvedTitle = titleProp || errorTitle || i18n('error.title');
+    const { resolvedSubtitle, resolvedShowSubtitle } = resolvePageErrorSubtitle({
+        hasTitleOverride: Boolean(titleProp),
+        errorTitle,
+        resolvedTitleString: typeof resolvedTitle === 'string' ? resolvedTitle : undefined,
+        subtitle,
+        showSubtitle,
+        details,
+    });
+    const reportProblemUrl = React.useMemo(() => {
+        if (!uiFactory.getReportProblemUrl) {
+            return undefined;
+        }
+        return uiFactory.getReportProblemUrl({
+            errorTitle: typeof resolvedTitle === 'string' ? resolvedTitle : undefined,
+            requestUrl: details === null || details === void 0 ? void 0 : details.requestUrl,
+            traceId: details === null || details === void 0 ? void 0 : details.traceId,
+        });
+    }, [resolvedTitle, details === null || details === void 0 ? void 0 : details.requestUrl, details === null || details === void 0 ? void 0 : details.traceId]);
+    const mergedActions = React.useMemo(() => {
+        const result = [];
+        if (callerActions) {
+            result.push(...callerActions);
+        }
+        if (reportProblemUrl) {
+            result.push(_jsxs(Button, { view: "normal", size: "m", href: reportProblemUrl, target: "_blank", children: [_jsx(Icon, { data: ArrowShapeUpFromLine, size: 16 }), i18n('error-details.button_report-problem')] }, "report"));
+        }
+        return result.length > 0 ? result : undefined;
+    }, [callerActions, reportProblemUrl]);
+    const resolvedIllustrationSize = EMPTY_STATE_SIZES[illustrationSize !== null && illustrationSize !== void 0 ? illustrationSize : size];
+    const InternalErrorImage = getIllustration('InternalError');
+    return (_jsx(EmptyState, { image: _jsx(InternalErrorImage, { width: resolvedIllustrationSize, height: resolvedIllustrationSize }), title: resolvedTitle, description: error ? (_jsx(ResponseErrorMessage, { subtitle: resolvedSubtitle, showSubtitle: resolvedShowSubtitle, details: details, renderedTitle: typeof resolvedTitle === 'string' ? resolvedTitle : undefined })) : (description), ...restProps, actions: mergedActions, size: size, contentPosition: "top", pageTitle: errorPageTitle, className: b(null, className) }));
+}
 //# sourceMappingURL=PageError.js.map

package/dist/components/Errors/PageError/PageError.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageError.js","sourceRoot":"","sources":["../../../../src/components/Errors/PageError/PageError.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,YAAY,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAS/B,MAAM,UAAU,SAAS,CAAC,EACtB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,GAAG,EACV,cAAc,EACd,GAAG,SAAS,EACC;IACb,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,4DAA4D;QAC5D,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,KACpB,SAAS,EACb,SAAS,EAAE,cAAc,EACzB,SAAS,EAAE,CAAC,EAAE,GAChB,CACL,CAAC;IACN,CAAC;IAED,IAAI,KAAK,IAAI,WAAW,EAAE,CAAC;QACvB,OAAO,CACH,KAAC,UAAU,IACP,KAAK,EAAE,KAAC,YAAY,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,GAAI,EACpE,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,EACnC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,WAAW,EAClE,SAAS,EAAE,cAAc,EACzB,SAAS,EAAE,CAAC,EAAE,KACV,SAAS,GACf,CACL,CAAC;IACN,CAAC;IAED,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;AACvD,CAAC"}
+{"version":3,"file":"PageError.js","sourceRoot":"","sources":["../../../../src/components/Errors/PageError/PageError.tsx"],"names":[],"mappings":"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"}

package/dist/components/Errors/PageError/PageError.scss

@@ -1,7 +1,11 @@
 .ydb-page-error {
     display: grid;
-    align-items: center;
+    align-items: start;
     grid-template-rows: min-content auto;
 
     height: 100%;
+
+    .empty-state__wrapper {
+        margin-top: 100px;
+    }
 }

package/dist/components/Errors/PageError/utils.d.ts

@@ -0,0 +1,15 @@
+import type { ErrorDetails } from '../../../utils/errors/extractErrorDetails';
+interface ResolveSubtitleParams {
+    hasTitleOverride: boolean;
+    errorTitle?: string;
+    resolvedTitleString?: string;
+    subtitle?: string;
+    showSubtitle: boolean;
+    details: ErrorDetails | null;
+}
+interface ResolvedSubtitle {
+    resolvedSubtitle?: string;
+    resolvedShowSubtitle: boolean;
+}
+export declare function resolvePageErrorSubtitle({ hasTitleOverride, errorTitle, resolvedTitleString, subtitle, showSubtitle, details, }: ResolveSubtitleParams): ResolvedSubtitle;
+export {};

package/dist/components/Errors/PageError/utils.js

@@ -0,0 +1,11 @@
+export function resolvePageErrorSubtitle({ hasTitleOverride, errorTitle, resolvedTitleString, subtitle, showSubtitle, details, }) {
+    const shouldShowHttpSubtitle = hasTitleOverride &&
+        (details === null || details === void 0 ? void 0 : details.status) !== undefined &&
+        Boolean(errorTitle) &&
+        errorTitle !== resolvedTitleString;
+    return {
+        resolvedSubtitle: shouldShowHttpSubtitle ? errorTitle : subtitle,
+        resolvedShowSubtitle: shouldShowHttpSubtitle || showSubtitle,
+    };
+}
+//# sourceMappingURL=utils.js.map

package/dist/components/Errors/PageError/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/Errors/PageError/utils.ts"],"names":[],"mappings":"AAgBA,MAAM,UAAU,wBAAwB,CAAC,EACrC,gBAAgB,EAChB,UAAU,EACV,mBAAmB,EACnB,QAAQ,EACR,YAAY,EACZ,OAAO,GACa;IACpB,MAAM,sBAAsB,GACxB,gBAAgB;QAChB,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,SAAS;QAC7B,OAAO,CAAC,UAAU,CAAC;QACnB,UAAU,KAAK,mBAAmB,CAAC;IAEvC,OAAO;QACH,gBAAgB,EAAE,sBAAsB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;QAChE,oBAAoB,EAAE,sBAAsB,IAAI,YAAY;KAC/D,CAAC;AACN,CAAC"}

package/dist/components/Errors/ResponseError/ErrorDetails.d.ts

@@ -0,0 +1,8 @@
+import type { ErrorDetails as ErrorDetailsData } from '../../../utils/errors/extractErrorDetails';
+import './ErrorDetails.scss';
+interface ErrorDetailsProps {
+    details: ErrorDetailsData;
+    renderedTitle?: string;
+}
+export declare function ErrorDetailsContent({ details, renderedTitle }: ErrorDetailsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Errors/ResponseError/ErrorDetails.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronUp } from '@gravity-ui/icons';
+import { Button, Disclosure, Flex, Icon } from '@gravity-ui/uikit';
+import { cn } from '../../../utils/cn';
+import i18n from '../i18n';
+import { ErrorFieldsList, hasVisibleFields } from '../shared/ErrorFieldsList';
+import { IssuesSection } from '../shared/IssuesSection';
+import { ResponseBodySection } from '../shared/ResponseBodySection';
+import './ErrorDetails.scss';
+const b = cn('ydb-error-details');
+function getExpandableContent(details) {
+    var _a;
+    const { responseBody, title, dataMessage, hasIssues, issues } = details;
+    const issueCount = (_a = issues === null || issues === void 0 ? void 0 : issues.length) !== null && _a !== void 0 ? _a : 0;
+    const hasIssueData = Boolean(hasIssues && issues && issueCount > 0);
+    const redundantValues = [title, dataMessage].filter(Boolean);
+    const isBodyRedundant = Boolean(responseBody) && redundantValues.some((v) => v === responseBody);
+    const visibleResponseBody = responseBody && !hasIssueData && !isBodyRedundant ? responseBody : undefined;
+    return { visibleResponseBody, hasIssueData };
+}
+export function ErrorDetailsContent({ details, renderedTitle }) {
+    const hasFields = hasVisibleFields(details, renderedTitle);
+    const { visibleResponseBody, hasIssueData } = getExpandableContent(details);
+    const hasExpandableContent = Boolean(visibleResponseBody) || hasIssueData;
+    const expandButtonLabel = hasIssueData
+        ? i18n('error-details.button_issues')
+        : i18n('error-details.button_response');
+    if (!hasFields && !hasExpandableContent) {
+        return null;
+    }
+    return (_jsxs(Flex, { direction: "column", gap: 2, className: b(), children: [hasFields && (_jsx(ErrorFieldsList, { details: details, renderedTitle: renderedTitle, className: b('fields'), valueClassName: b('field-value') })), hasExpandableContent && (_jsxs(Disclosure, { children: [_jsx(Disclosure.Summary, { children: (props) => (_jsxs(Button, { view: "outlined", size: "m", onClick: props.onClick, children: [expandButtonLabel, _jsx(Icon, { data: props.expanded ? ChevronUp : ChevronDown, size: 16 })] })) }), _jsxs("div", { className: b('expandable-content'), children: [visibleResponseBody && _jsx(ResponseBodySection, { body: visibleResponseBody }), hasIssueData && details.issues && (_jsx(IssuesSection, { issues: details.issues, triggerClassName: b('details-trigger'), disclosureClassName: b('issues') }))] })] }))] }));
+}
+//# sourceMappingURL=ErrorDetails.js.map

package/dist/components/Errors/ResponseError/ErrorDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorDetails.js","sourceRoot":"","sources":["../../../../src/components/Errors/ResponseError/ErrorDetails.tsx"],"names":[],"mappings":"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"}

package/dist/components/Errors/ResponseError/ErrorDetails.scss

@@ -0,0 +1,57 @@
+@use '../../../styles/mixins.scss';
+
+.ydb-error-details {
+    min-width: 0;
+    margin-top: var(--g-spacing-3);
+
+    color: var(--g-color-text-primary);
+
+    @include mixins.body-1-typography();
+
+    &__fields {
+        min-width: 0;
+
+        .g-definition-list {
+            padding-inline-end: 0;
+        }
+
+        .g-definition-list__copy-button {
+            position: static;
+
+            opacity: 1;
+        }
+
+        .g-definition-list__copy-container {
+            align-items: center;
+        }
+    }
+
+    &__field-value {
+        word-break: break-all;
+    }
+
+    &__details-trigger {
+        all: unset;
+
+        display: inline-flex;
+        align-items: center;
+
+        padding: var(--g-spacing-half) 0;
+
+        cursor: pointer;
+
+        color: var(--g-color-text-secondary);
+
+        &:hover {
+            color: var(--g-color-text-primary);
+        }
+    }
+
+    &__expandable-content {
+        padding-top: var(--g-spacing-2);
+    }
+
+    &__issues {
+        margin-top: var(--g-spacing-2);
+    }
+}

package/dist/components/Errors/ResponseError/ResponseError.d.ts

@@ -1,7 +1,22 @@
+import type { ErrorDetails } from '../../../utils/errors/extractErrorDetails';
+import './ResponseError.scss';
 interface ResponseErrorProps {
     error?: unknown;
     className?: string;
     defaultMessage?: string;
 }
+export declare function useErrorInfo(error: unknown, defaultMessage?: string): {
+    title: string;
+    subtitle: string | undefined;
+    showSubtitle: boolean;
+    details: ErrorDetails | null;
+};
+interface ResponseErrorMessageProps {
+    subtitle?: string;
+    showSubtitle: boolean;
+    details?: ErrorDetails | null;
+    renderedTitle?: string;
+}
+export declare function ResponseErrorMessage({ subtitle, showSubtitle, details, renderedTitle, }: ResponseErrorMessageProps): import("react/jsx-runtime").JSX.Element;
 export declare const ResponseError: ({ error, className, defaultMessage, }: ResponseErrorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Errors/ResponseError/ResponseError.js

@@ -1,8 +1,53 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { prepareErrorMessage } from '../../../utils/prepareErrorMessage';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Alert, Flex, Text } from '@gravity-ui/uikit';
+import { cn } from '../../../utils/cn';
+import { extractErrorDetails, prepareCommonErrorMessage } from '../../../utils/errors';
+import { getNetworkContext } from '../../../utils/networkInfo';
+import { isNetworkError } from '../../../utils/response';
 import i18n from '../i18n';
+import { ErrorDetailsContent } from './ErrorDetails';
+import './ResponseError.scss';
+const b = cn('ydb-response-error');
+function enrichWithNetworkContext(details, error) {
+    if (!details || details.status) {
+        return details;
+    }
+    const isNetworkErr = details.errorCode === 'ERR_NETWORK' || isNetworkError(error);
+    if (!isNetworkErr) {
+        return details;
+    }
+    const networkCtx = getNetworkContext();
+    const extra = {};
+    if (!networkCtx.online) {
+        extra.networkOnline = false;
+    }
+    if (networkCtx.effectiveType && networkCtx.effectiveType !== '4g') {
+        extra.networkEffectiveType = networkCtx.effectiveType;
+    }
+    return Object.keys(extra).length > 0 ? { ...details, ...extra } : details;
+}
+export function useErrorInfo(error, defaultMessage) {
+    const fallback = defaultMessage !== null && defaultMessage !== void 0 ? defaultMessage : i18n('responseError.defaultMessage');
+    const fallbackMessage = prepareCommonErrorMessage(error, fallback);
+    const baseDetails = React.useMemo(() => extractErrorDetails(error), [error]);
+    const details = React.useMemo(() => enrichWithNetworkContext(baseDetails, error), [baseDetails, error]);
+    const offlineTitle = (details === null || details === void 0 ? void 0 : details.networkOnline) === false ? i18n('error-details.network_offline') : undefined;
+    const title = offlineTitle || (details === null || details === void 0 ? void 0 : details.title) || fallbackMessage;
+    const subtitle = (details === null || details === void 0 ? void 0 : details.dataMessage) ||
+        ((details === null || details === void 0 ? void 0 : details.title) &&
+            fallbackMessage !== details.title &&
+            fallbackMessage !== details.statusText
+            ? fallbackMessage
+            : undefined);
+    const showSubtitle = Boolean(subtitle) && subtitle !== title;
+    return { title, subtitle, showSubtitle, details };
+}
+export function ResponseErrorMessage({ subtitle, showSubtitle, details, renderedTitle, }) {
+    return (_jsxs(Flex, { direction: "column", gap: 2, className: b('message'), children: [showSubtitle && (_jsx(Text, { variant: "body-1", className: b('data-message'), children: subtitle })), details && _jsx(ErrorDetailsContent, { details: details, renderedTitle: renderedTitle })] }));
+}
 export const ResponseError = ({ error, className, defaultMessage = i18n('responseError.defaultMessage'), }) => {
-    const message = prepareErrorMessage(error) || defaultMessage;
-    return _jsx("div", { className: `error ${className}`, children: message });
+    const { title, subtitle, showSubtitle, details } = useErrorInfo(error, defaultMessage);
+    return (_jsx(Alert, { theme: "danger", title: title, message: _jsx(ResponseErrorMessage, { subtitle: subtitle, showSubtitle: showSubtitle, details: details, renderedTitle: title }), className: b(null, className) }));
 };
 //# sourceMappingURL=ResponseError.js.map

package/dist/components/Errors/ResponseError/ResponseError.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseError.js","sourceRoot":"","sources":["../../../../src/components/Errors/ResponseError/ResponseError.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,oCAAoC,CAAC;AACvE,OAAO,IAAI,MAAM,SAAS,CAAC;AAQ3B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,cAAc,GAAG,IAAI,CAAC,8BAA8B,CAAC,GACpC,EAAE,EAAE;IACrB,MAAM,OAAO,GAAG,mBAAmB,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC;IAE7D,OAAO,cAAK,SAAS,EAAE,SAAS,SAAS,EAAE,YAAG,OAAO,GAAO,CAAC;AACjE,CAAC,CAAC"}
+{"version":3,"file":"ResponseError.js","sourceRoot":"","sources":["../../../../src/components/Errors/ResponseError/ResponseError.tsx"],"names":[],"mappings":"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"}