@feugene/granularity 0.13.0 → 0.18.0

package/dist/components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-C7W9mgYN.js

@@ -0,0 +1,777 @@
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
+import { t as GrAlert_default } from "../../GrAlert/chunks/GrAlert-BC1lplbY.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-D0m_z0XW.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, withCtx } from "vue";
+//#region src/components/GrResponseErrorBanner/responseError.defaults.ts
+/**
+* Default English texts. Any field can be overridden via the `texts` prop
+* on `GrResponseErrorBanner` or the `texts` option of `useResponseError`.
+*/
+var DEFAULT_RESPONSE_ERROR_TEXTS = {
+	networkTitle: "No connection to the server",
+	networkMessage: "Check your internet connection and try again.",
+	abortedTitle: "Request cancelled",
+	abortedMessage: "The request was cancelled.",
+	validationTitle: "Check the data",
+	validationMessage: "The server returned a validation error. Fix the fields and try again.",
+	clientTitle: "Request error",
+	clientMessage: "The server rejected the request.",
+	serverTitle: "Server error",
+	serverMessage: "A server error occurred. Please try again.",
+	unknownTitle: "Something went wrong",
+	unknownMessage: "The operation could not be completed. Please try again.",
+	statusLabel: "HTTP {status}",
+	retryLabel: "Retry",
+	dismissLabel: "Dismiss"
+};
+/**
+* Маппинг `kind` → `tone` по умолчанию. Применяется внутри баннера, если
+* пользователь не передал `tone` или `toneByKind`. Цель — визуально отделить
+* «исправь ввод» (warning) от «упало по сети/серверу» (danger).
+*/
+var DEFAULT_TONE_BY_KIND = {
+	network: "danger",
+	aborted: "info",
+	validation: "warning",
+	client: "warning",
+	server: "danger",
+	unknown: "danger"
+};
+/**
+* `kind`'ы, которые по умолчанию не показываются (баннер скрыт).
+* Семантика: отмена пользователем — не «ошибка», UI обычно тихо проглатывает.
+* Пользователь может переопределить через `autoHideKinds: []`, чтобы показать info-плашку.
+*/
+var DEFAULT_AUTO_HIDE_KINDS = [];
+//#endregion
+//#region src/components/GrResponseErrorBanner/parsers/abortErrorParser.ts
+/**
+* Распознаёт отмену запроса клиентом.
+*
+* Триггеры:
+* - `ctx.isAbort === true` (выставляется `normalizeError` для `AbortError`,
+*   axios `isCancel`/`ERR_CANCELED`, xhr `status === 0 && readyState === 4`).
+*
+* Возвращает `kind: 'aborted'` и `stop: true` — другие парсеры пропускаются,
+* чтобы случайный `status === 0` не интерпретировался как сетевая ошибка.
+*
+* По умолчанию `aborted` показывается info-плашкой; чтобы скрыть совсем —
+* добавьте `'aborted'` в `autoHideKinds`.
+*/
+var abortErrorParser = (ctx) => {
+	if (!ctx.isAbort) return null;
+	return {
+		kind: "aborted",
+		stop: true
+	};
+};
+//#endregion
+//#region src/components/GrResponseErrorBanner/parsers/fileValidationParser.ts
+/**
+* Распознаёт `FileValidationError` от `GrFileUpload` (или совместимый по форме
+* объект). Не зависит от жёсткого импорта класса — определяет по `name`.
+*
+* Активируется, если `ctx.raw.name === 'FileValidationError'` и есть массив
+* `issues`/`errors` с полями `{ file?, code?, message }`.
+*
+* Возвращает `kind: 'validation'` и `stop: true` — это локальная клиентская
+* валидация, незачем дальше идти по HTTP-парсерам.
+*/
+var fileValidationParser = (ctx) => {
+	const raw = ctx.raw;
+	if (!raw || typeof raw !== "object") return null;
+	if (raw.name !== "FileValidationError") return null;
+	const list = raw.issues ?? raw.errors ?? [];
+	const details = [];
+	for (const it of list) {
+		if (!it || typeof it !== "object") continue;
+		const msg = typeof it.message === "string" ? it.message : "";
+		if (!msg) continue;
+		const fileName = it.file?.name;
+		details.push(fileName ? `${fileName}: ${msg}` : msg);
+	}
+	return {
+		kind: "validation",
+		message: raw.message || void 0,
+		details: details.length ? details : void 0,
+		stop: true
+	};
+};
+//#endregion
+//#region src/components/GrResponseErrorBanner/parsers/httpStatusParser.ts
+/**
+* Базовая классификация по HTTP-статусу.
+*
+* Правила:
+* - `400` / `422` ⇒ `kind: 'validation'`,
+* - остальные `4xx` ⇒ `kind: 'client'`,
+* - `>= 500` ⇒ `kind: 'server'`.
+*
+* Не использует `stop` — даёт более специализированным парсерам
+* (Laravel/JSON:API/RFC 7807) уточнить сообщение и `fieldErrors`.
+*
+* `message` **не** заполняет: общий текст по `kind` — работа классификатора,
+* который помечает такое сообщение `isFallbackMessage`. Только по этому флагу
+* баннер вправе заменить текст переводом.
+*/
+var httpStatusParser = (ctx) => {
+	const status = ctx.status;
+	if (typeof status !== "number") return null;
+	if (status >= 500) return {
+		kind: "server",
+		status
+	};
+	if (status === 400 || status === 422) return {
+		kind: "validation",
+		status
+	};
+	if (status >= 400) return {
+		kind: "client",
+		status
+	};
+	return null;
+};
+//#endregion
+//#region src/components/GrResponseErrorBanner/parsers/jsonApiErrorParser.ts
+/**
+* Парсер JSON:API-стиля:
+*
+* ```json
+* { "errors": [
+*     { "status": "422", "title": "Invalid Attribute",
+*       "detail": "Email is required.",
+*       "source": { "pointer": "/data/attributes/email" } }
+*   ] }
+* ```
+*
+* Активируется, когда `ctx.body.errors` — массив объектов с `title`/`detail`.
+* Поле извлекается из последнего сегмента `source.pointer`. Все `detail`
+* собираются в `details`, первый `title` — в `message`.
+*/
+var jsonApiErrorParser = (ctx) => {
+	const body = ctx.body;
+	if (!body || typeof body !== "object") return null;
+	const errors = body.errors;
+	if (!Array.isArray(errors) || errors.length === 0) return null;
+	const first = errors[0];
+	if (!first || typeof first !== "object") return null;
+	const has = (key) => key in first;
+	if (!has("title") && !has("detail") && !has("source")) return null;
+	const fieldErrorsMap = /* @__PURE__ */ new Map();
+	const details = [];
+	let message;
+	for (const e of errors) {
+		if (!e || typeof e !== "object") continue;
+		const eo = e;
+		const text = typeof eo.detail === "string" && eo.detail || typeof eo.title === "string" && eo.title || "";
+		if (!text) continue;
+		if (!message && typeof eo.title === "string") message = eo.title;
+		const pointer = typeof eo.source?.pointer === "string" ? eo.source.pointer : "";
+		const field = pointer ? pointer.split("/").filter(Boolean).pop() : void 0;
+		if (field) {
+			const list = fieldErrorsMap.get(field) ?? [];
+			list.push(text);
+			fieldErrorsMap.set(field, list);
+		}
+		details.push(text);
+	}
+	if (!details.length) return null;
+	const fieldErrors = Array.from(fieldErrorsMap, ([field, messages]) => ({
+		field,
+		messages
+	}));
+	return {
+		kind: fieldErrors.length ? "validation" : void 0,
+		message,
+		details,
+		fieldErrors: fieldErrors.length ? fieldErrors : void 0
+	};
+};
+//#endregion
+//#region src/components/GrResponseErrorBanner/parsers/laravelValidationParser.ts
+/**
+* Парсит Laravel-формат ответа об ошибке валидации:
+*
+* ```json
+* { "message": "The given data was invalid.",
+*   "errors": { "file": ["The file is required."], "amount": ["..."] } }
+* ```
+*
+* Активируется при наличии `ctx.body.errors` как plain-объекта (значения —
+* массив строк или строка). Если есть `fieldErrors`, повышает `kind` до
+* `validation` независимо от статуса (полезно, когда сервер прислал 200/4xx
+* без 422). `message` берётся из `body.message` / `body.error`.
+*/
+var laravelValidationParser = (ctx) => {
+	const body = ctx.body;
+	if (!body || typeof body !== "object" || Array.isArray(body)) return null;
+	const data = body;
+	const errors = data.errors;
+	if (!errors || typeof errors !== "object" || Array.isArray(errors)) return null;
+	const fieldErrors = [];
+	for (const [field, raw] of Object.entries(errors)) {
+		const messages = Array.isArray(raw) ? raw.filter((m) => typeof m === "string") : typeof raw === "string" ? [raw] : [];
+		if (messages.length) fieldErrors.push({
+			field,
+			messages
+		});
+	}
+	if (!fieldErrors.length) return null;
+	return {
+		kind: "validation",
+		message: typeof data.message === "string" && data.message || typeof data.error === "string" && data.error || void 0,
+		details: fieldErrors.flatMap((fe) => fe.messages),
+		fieldErrors
+	};
+};
+//#endregion
+//#region src/components/GrResponseErrorBanner/parsers/networkErrorParser.ts
+/**
+* Распознаёт транспортные ошибки **без ответа сервера**: отсутствие интернета,
+* DNS-фейл, CORS-preflight, fetch `TypeError('Failed to fetch')`,
+* axios `ERR_NETWORK`/`ECONNABORTED`.
+*
+* Триггеры:
+* - `ctx.isNetwork === true` (выставлено `normalizeError`),
+* - либо нет ни `status`, ни `body`, ни признака отмены, но есть исходная
+*   ошибка с `code === 'ERR_NETWORK'` / `message ~ /network|fetch/i/`.
+*
+* Возвращает `kind: 'network'` и `stop: true`.
+*/
+var networkErrorParser = (ctx) => {
+	if (ctx.isAbort) return null;
+	if (ctx.isNetwork) return {
+		kind: "network",
+		stop: true
+	};
+	if (typeof ctx.status !== "number" && ctx.body == null && ctx.raw && typeof ctx.raw === "object") {
+		const r = ctx.raw;
+		if (r.code === "ERR_NETWORK" || typeof r.message === "string" && /network|failed to fetch/i.test(r.message)) return {
+			kind: "network",
+			stop: true
+		};
+	}
+	return null;
+};
+//#endregion
+//#region src/components/GrResponseErrorBanner/parsers/normalizeError.ts
+/**
+* Универсально приводит «сырой» вход к {@link NormalizedRawError}.
+*
+* Поддерживаемые источники:
+* - **axios** — `AxiosError` с `response.status`/`response.data`/`response.headers`,
+*   либо `request` без `response` + `code === 'ERR_NETWORK'`, либо `code === 'ERR_CANCELED'`.
+* - **fetch `Response`** — объект `Response` с `ok=false`. Тело читается через
+*   `clone().json()` (с фолбэком на `.text()`); поэтому функция асинхронная.
+* - **fetch `TypeError`** — `TypeError('Failed to fetch')` ⇒ `isNetwork=true`.
+* - **`{ response: Response, body: unknown }`** — если потребитель уже прочитал тело сам.
+* - **`XMLHttpRequest`** / `{ status, responseText, response }` — пара полей.
+* - **`AbortError` / `DOMException`** ⇒ `isAbort=true`.
+* - **`Error`/строка/произвольный объект** — кладётся в `body`/`raw` как есть.
+*
+* Цель — отделить «откуда пришла ошибка» от «как её классифицировать»: парсеры
+* работают только с нормализованным `ResponseErrorContext`, не зная о транспорте.
+*/
+async function normalizeError(raw) {
+	if (isPlainNormalized(raw)) return {
+		...raw,
+		raw
+	};
+	if (isResponseEnvelope(raw)) {
+		const res = raw.response;
+		return {
+			raw,
+			status: res.status,
+			body: raw.body,
+			headers: readHeaders(res)
+		};
+	}
+	if (isFetchResponse(raw)) {
+		const body = await readFetchBody(raw);
+		return {
+			raw,
+			status: raw.status,
+			body,
+			headers: readHeaders(raw)
+		};
+	}
+	if (isXhr(raw)) {
+		const body = parseMaybeJson(raw.responseText) ?? raw.response;
+		return {
+			raw,
+			status: typeof raw.status === "number" ? raw.status : void 0,
+			body,
+			isAbort: raw.status === 0 && raw.readyState === 4
+		};
+	}
+	if (isAxiosLike(raw)) {
+		const e = raw;
+		const status = e.response?.status;
+		const code = e.code;
+		const isAbort = code === "ERR_CANCELED" || code === "CANCELED" || e.__CANCEL__ === true;
+		const isNetwork = !e.response && (code === "ERR_NETWORK" || code === "ECONNABORTED");
+		return {
+			raw,
+			status,
+			body: e.response?.data,
+			headers: normalizeHeaderRecord(e.response?.headers),
+			isAbort,
+			isNetwork
+		};
+	}
+	if (isAbortError(raw)) return {
+		raw,
+		isAbort: true
+	};
+	if (raw instanceof TypeError && /fetch|network/i.test(raw.message || "")) return {
+		raw,
+		isNetwork: true
+	};
+	if (raw instanceof Error) return {
+		raw,
+		body: { message: raw.message }
+	};
+	if (typeof raw === "string") return {
+		raw,
+		body: { message: raw }
+	};
+	if (raw && typeof raw === "object") return {
+		raw,
+		body: raw
+	};
+	return { raw };
+}
+function isPlainNormalized(v) {
+	if (!v || typeof v !== "object") return false;
+	const o = v;
+	return "raw" in o && ("status" in o || "body" in o || "isAbort" in o || "isNetwork" in o || "headers" in o);
+}
+function isResponseEnvelope(v) {
+	return !!v && typeof v === "object" && "response" in v && isFetchResponse(v.response);
+}
+function isFetchResponse(v) {
+	return typeof Response !== "undefined" && v instanceof Response;
+}
+function isXhr(v) {
+	return typeof XMLHttpRequest !== "undefined" && v instanceof XMLHttpRequest;
+}
+function isAxiosLike(v) {
+	if (!v || typeof v !== "object") return false;
+	const o = v;
+	return o.isAxiosError === true || "response" in o && typeof o.response === "object" && o.response !== null || "code" in o && typeof o.code === "string";
+}
+function isAbortError(v) {
+	if (!v || typeof v !== "object") return false;
+	const o = v;
+	return o.name === "AbortError" || o.name === "CanceledError" || o.code === "ERR_CANCELED";
+}
+async function readFetchBody(res) {
+	if (res.bodyUsed) return void 0;
+	try {
+		const text = await res.clone().text();
+		return parseMaybeJson(text) ?? text;
+	} catch {
+		return;
+	}
+}
+function readHeaders(res) {
+	const out = {};
+	res.headers.forEach((value, key) => {
+		out[key.toLowerCase()] = value;
+	});
+	return out;
+}
+function normalizeHeaderRecord(h) {
+	if (!h || typeof h !== "object") return void 0;
+	const out = {};
+	for (const [k, v] of Object.entries(h)) if (typeof v === "string") out[k.toLowerCase()] = v;
+	return out;
+}
+function parseMaybeJson(text) {
+	if (typeof text !== "string" || !text) return void 0;
+	try {
+		return JSON.parse(text);
+	} catch {
+		return;
+	}
+}
+//#endregion
+//#region src/components/GrResponseErrorBanner/parsers/plainMessageParser.ts
+/**
+* Финальный фолбэк-парсер. Достаёт хоть какое-нибудь человекочитаемое
+* сообщение, чтобы баннер не был пустым.
+*
+* Источники (по приоритету):
+* 1. `ctx.body` — если строка ⇒ message,
+* 2. `ctx.body[messageKey]` (default `'message'`),
+* 3. `ctx.body.error` (строка),
+* 4. `ctx.raw.message` — **только когда ответа не было вовсе** (нет ни статуса,
+*    ни тела). Иначе это строка транспорта (`Request failed with status 500` у
+*    axios), а не сообщение сервера: пользователь получил бы техническую фразу
+*    на английском вместо переведённого текста по `kind`.
+*
+* Не выставляет `kind` — оставляет на усмотрение классификатора.
+* Использует ключ `messageKey` из `ctx.meta._messageKey`, если задан.
+*/
+var plainMessageParser = (ctx) => {
+	const messageKey = ctx.meta._messageKey || "message";
+	if (typeof ctx.body === "string" && ctx.body.trim()) return { message: ctx.body };
+	if (ctx.body && typeof ctx.body === "object") {
+		const data = ctx.body;
+		const fromKey = data[messageKey];
+		if (typeof fromKey === "string" && fromKey) return { message: fromKey };
+		if (typeof data.error === "string" && data.error) return { message: data.error };
+	}
+	if (!(typeof ctx.status === "number" || ctx.body != null) && ctx.raw instanceof Error && ctx.raw.message) return { message: ctx.raw.message };
+	return null;
+};
+//#endregion
+//#region src/components/GrResponseErrorBanner/parsers/problemDetailsParser.ts
+/**
+* Парсер RFC 7807 «Problem Details for HTTP APIs»:
+*
+* ```json
+* { "type": "https://example.com/probs/out-of-credit",
+*   "title": "You do not have enough credit.",
+*   "status": 403,
+*   "detail": "Your current balance is 30.",
+*   "errors": { "balance": ["..."] } }
+* ```
+*
+* Активируется, если есть `body.type` + `body.title`, либо
+* Content-Type заголовка `application/problem+json`. Берёт `title` как
+* `message`, `detail` — в `details[0]`, status — в `status`.
+*/
+var problemDetailsParser = (ctx) => {
+	const body = ctx.body;
+	if (!body || typeof body !== "object" || Array.isArray(body)) return null;
+	const data = body;
+	const isProblemContentType = ctx.headers?.["content-type"]?.includes("application/problem+json");
+	const hasShape = typeof data.title === "string" && (typeof data.type === "string" || typeof data.status === "number");
+	if (!isProblemContentType && !hasShape) return null;
+	const message = typeof data.title === "string" ? data.title : void 0;
+	const details = [];
+	if (typeof data.detail === "string" && data.detail) details.push(data.detail);
+	const status = typeof data.status === "number" ? data.status : ctx.status;
+	return {
+		message,
+		details: details.length ? details : void 0,
+		status
+	};
+};
+//#endregion
+//#region src/components/GrResponseErrorBanner/parsers/createResponseErrorClassifier.ts
+/**
+* Дефолтная цепочка парсеров. Порядок важен:
+* `abort → network → fileValidation → laravel → problemDetails → jsonApi → httpStatus → plainMessage`.
+*
+* - Ранние специализированные парсеры могут поставить `stop` (abort/file).
+* - HTTP-парсер даёт fallback-kind/message, чтобы остальное могло уточнить.
+* - `plainMessage` всегда последний — добывает хоть какое-то сообщение.
+*/
+var defaultResponseErrorParsers = [
+	abortErrorParser,
+	networkErrorParser,
+	fileValidationParser,
+	laravelValidationParser,
+	problemDetailsParser,
+	jsonApiErrorParser,
+	httpStatusParser,
+	plainMessageParser
+];
+/**
+* Универсальное «ядро» парсеров — транспортно-независимый набор, безопасный
+* для любого бэкенда (Laravel / Symfony / Go / …). Не делает формат-специфичных
+* допущений: разбирает только отмену, сетевые ошибки, HTTP-статус и «плоское»
+* сообщение из тела. Используется как дефолт в `useDialogService`.
+*
+* Порядок: `abort → network → httpStatus → plainMessage`.
+*/
+var coreResponseErrorParsers = [
+	abortErrorParser,
+	networkErrorParser,
+	httpStatusParser,
+	plainMessageParser
+];
+/** Объект пресетов, передаётся builder-функции `errorParsers`. */
+var responseErrorParserPresets = {
+	core: coreResponseErrorParsers,
+	all: defaultResponseErrorParsers,
+	laravel: laravelValidationParser,
+	problemDetails: problemDetailsParser,
+	jsonApi: jsonApiErrorParser,
+	fileValidation: fileValidationParser
+};
+/** Добавляет пользовательские парсеры в начало дефолтной цепочки. */
+function extendDefaultParsers(extra) {
+	return [...extra, ...defaultResponseErrorParsers];
+}
+/**
+* Фабрика классификатора. Возвращает функцию `(raw, meta?) => Promise<ResponseErrorInfo>`,
+* которая:
+* 1. нормализует вход через `normalizeError`,
+* 2. строит `ResponseErrorContext`,
+* 3. прогоняет цепочку парсеров (с поддержкой `stop`),
+* 4. собирает финальный `ResponseErrorInfo` с фолбэками из `texts`.
+*/
+function createResponseErrorClassifier(options = {}) {
+	const parsers = options.parsers ?? defaultResponseErrorParsers;
+	const texts = {
+		...DEFAULT_RESPONSE_ERROR_TEXTS,
+		...options.texts ?? {}
+	};
+	const messageKey = options.messageKey ?? "message";
+	return async function classify(raw, meta = {}) {
+		const ctx = {
+			...await normalizeError(raw),
+			meta: {
+				...meta,
+				_messageKey: messageKey
+			},
+			texts
+		};
+		let kind;
+		let status = ctx.status;
+		let message;
+		let details;
+		let fieldErrors;
+		for (const parser of parsers) {
+			const result = parser(ctx);
+			if (!result) continue;
+			if (result.kind) kind = result.kind;
+			if (typeof result.status === "number") status = result.status;
+			if (result.message) message = result.message;
+			if (result.details?.length) details = result.details;
+			if (result.fieldErrors?.length) fieldErrors = result.fieldErrors;
+			if (result.stop) break;
+		}
+		if (!kind) kind = "unknown";
+		const isFallbackMessage = !message;
+		if (!message) message = resolveDefaultMessage(kind, texts);
+		return {
+			kind,
+			status,
+			message,
+			details,
+			fieldErrors,
+			raw,
+			meta,
+			isFallbackMessage
+		};
+	};
+}
+function resolveDefaultMessage(kind, texts) {
+	switch (kind) {
+		case "network": return texts.networkMessage;
+		case "aborted": return texts.abortedMessage;
+		case "validation": return texts.validationMessage;
+		case "client": return texts.clientMessage;
+		case "server": return texts.serverMessage;
+		default: return texts.unknownMessage;
+	}
+}
+function resolveResponseErrorTitle(kind, texts) {
+	switch (kind) {
+		case "network": return texts.networkTitle;
+		case "aborted": return texts.abortedTitle;
+		case "validation": return texts.validationTitle;
+		case "client": return texts.clientTitle;
+		case "server": return texts.serverTitle;
+		default: return texts.unknownTitle;
+	}
+}
+//#endregion
+//#region src/components/GrResponseErrorBanner/GrResponseErrorBanner.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-col gap-2" };
+var _hoisted_2 = { class: "flex flex-wrap items-center gap-2" };
+var _hoisted_3 = ["data-testid"];
+var _hoisted_4 = ["data-testid"];
+var _hoisted_5 = ["data-testid"];
+var _hoisted_6 = {
+	key: 1,
+	class: "mt-1 flex flex-wrap items-center gap-2"
+};
+//#endregion
+//#region src/components/GrResponseErrorBanner/GrResponseErrorBanner.vue
+var GrResponseErrorBanner_default = /* @__PURE__ */ defineComponent({
+	__name: "GrResponseErrorBanner",
+	props: {
+		error: {},
+		texts: { default: () => ({}) },
+		tone: { default: void 0 },
+		toneByKind: { default: () => ({}) },
+		showDetails: {
+			type: Boolean,
+			default: true
+		},
+		showFieldLabels: {
+			type: Boolean,
+			default: true
+		},
+		fieldLabels: { default: () => ({}) },
+		dedupeDetails: {
+			type: Boolean,
+			default: true
+		},
+		canRetry: {
+			type: Boolean,
+			default: false
+		},
+		canDismiss: {
+			type: Boolean,
+			default: true
+		},
+		autoHideKinds: { default: () => DEFAULT_AUTO_HIDE_KINDS },
+		showStatus: {
+			type: Boolean,
+			default: true
+		},
+		testIdPrefix: { default: "response-error" }
+	},
+	emits: ["retry", "dismiss"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useGranularityTranslations();
+		const i18nTexts = computed(() => {
+			const out = {};
+			for (const key of Object.keys(DEFAULT_RESPONSE_ERROR_TEXTS)) out[key] = t(`gr.responseError.${key}`, DEFAULT_RESPONSE_ERROR_TEXTS[key]);
+			return out;
+		});
+		const mergedTexts = computed(() => ({
+			...DEFAULT_RESPONSE_ERROR_TEXTS,
+			...i18nTexts.value,
+			...props.texts
+		}));
+		const mergedToneByKind = computed(() => ({
+			...DEFAULT_TONE_BY_KIND,
+			...props.toneByKind
+		}));
+		const isHidden = computed(() => {
+			if (!props.error) return true;
+			return props.autoHideKinds.includes(props.error.kind);
+		});
+		const tone = computed(() => {
+			if (props.tone) return props.tone;
+			if (!props.error) return "danger";
+			return mergedToneByKind.value[props.error.kind] ?? "danger";
+		});
+		const title = computed(() => {
+			if (!props.error) return "";
+			return resolveResponseErrorTitle(props.error.kind, mergedTexts.value);
+		});
+		/**
+		* Маппинг `kind` → ключ поля сообщения в `ResponseErrorTexts`.
+		* Используется, чтобы подменить «дефолтное английское» fallback-сообщение
+		* классификатора на i18n-перевод (или текущий `mergedTexts.<kind>Message`).
+		*/
+		const KIND_MESSAGE_KEY = {
+			network: "networkMessage",
+			aborted: "abortedMessage",
+			validation: "validationMessage",
+			client: "clientMessage",
+			server: "serverMessage",
+			unknown: "unknownMessage"
+		};
+		const statusLabel = computed(() => mergedTexts.value.statusLabel.replace("{status}", String(props.error?.status ?? "")));
+		const message = computed(() => {
+			const raw = props.error?.message ?? "";
+			if (!props.error) return raw;
+			if (!raw || props.error.isFallbackMessage) return mergedTexts.value[KIND_MESSAGE_KEY[props.error.kind]];
+			return raw;
+		});
+		/**
+		* Сводный список «деталей» под основным `message`.
+		* Предпочитаем `fieldErrors` (поле → сообщения), затем — плоский `details`.
+		* Дедуплицируем и убираем повтор с `message`.
+		*/
+		const detailEntries = computed(() => {
+			if (!props.error || !props.showDetails) return [];
+			const seen = /* @__PURE__ */ new Set();
+			if (props.dedupeDetails) {
+				const main = message.value.trim();
+				if (main) seen.add(main);
+			}
+			const result = [];
+			const fieldErrors = props.error.fieldErrors;
+			if (fieldErrors?.length) {
+				for (const fe of fieldErrors) for (const m of fe.messages) {
+					const text = m.trim();
+					if (!text || seen.has(text)) continue;
+					seen.add(text);
+					result.push({
+						field: fe.field,
+						text
+					});
+				}
+				if (result.length) return result;
+			}
+			const details = props.error.details;
+			if (details?.length) for (const d of details) {
+				const text = (d ?? "").trim();
+				if (!text || seen.has(text)) continue;
+				seen.add(text);
+				result.push({ text });
+			}
+			return result;
+		});
+		function fieldLabel(field) {
+			if (!field) return void 0;
+			return props.fieldLabels[field] ?? field;
+		}
+		function onRetry() {
+			if (props.error) emit("retry", props.error);
+		}
+		function onDismiss() {
+			emit("dismiss");
+		}
+		return (_ctx, _cache) => {
+			return !isHidden.value && props.error ? (openBlock(), createBlock(GrAlert_default, {
+				key: 0,
+				tone: tone.value,
+				title: title.value,
+				closable: props.canDismiss,
+				"data-testid": `${props.testIdPrefix}-banner`,
+				"data-kind": props.error.kind,
+				onClose: onDismiss
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [
+					createElementVNode("div", _hoisted_2, [props.showStatus && typeof props.error.status === "number" ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: "inline-flex items-center rounded-[var(--gr-radius-sm)] bg-[color-mix(in_srgb,currentColor_12%,transparent)] px-1.5 py-0.5 text-[length:var(--gr-control-text-2xs)] font-700 leading-none",
+						"data-testid": `${props.testIdPrefix}-status`
+					}, toDisplayString(statusLabel.value), 9, _hoisted_3)) : createCommentVNode("", true), createElementVNode("span", {
+						class: "text-[length:var(--gr-control-text-sm)]",
+						"data-testid": `${props.testIdPrefix}-message`
+					}, toDisplayString(message.value), 9, _hoisted_4)]),
+					detailEntries.value.length ? (openBlock(), createElementBlock("ul", {
+						key: 0,
+						class: "m-0 list-disc pl-5 text-[length:var(--gr-control-text-xs)]",
+						"data-testid": `${props.testIdPrefix}-details`
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(detailEntries.value, (entry, idx) => {
+						return openBlock(), createElementBlock("li", { key: `${entry.field ?? ""}:${idx}` }, [props.showFieldLabels && entry.field ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("strong", null, toDisplayString(fieldLabel(entry.field)) + ":", 1), _cache[0] || (_cache[0] = createTextVNode("\xA0 ", -1))], 64)) : createCommentVNode("", true), createTextVNode(toDisplayString(entry.text), 1)]);
+					}), 128))], 8, _hoisted_5)) : createCommentVNode("", true),
+					props.canRetry ? (openBlock(), createElementBlock("div", _hoisted_6, [createVNode(GrButton_default, {
+						size: "sm",
+						variant: "outline",
+						tone: tone.value,
+						"data-testid": `${props.testIdPrefix}-retry`,
+						onClick: onRetry
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(mergedTexts.value.retryLabel), 1)]),
+						_: 1
+					}, 8, ["tone", "data-testid"])])) : createCommentVNode("", true)
+				])]),
+				_: 1
+			}, 8, [
+				"tone",
+				"title",
+				"closable",
+				"data-testid",
+				"data-kind"
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { DEFAULT_AUTO_HIDE_KINDS as _, extendDefaultParsers as a, problemDetailsParser as c, networkErrorParser as d, laravelValidationParser as f, abortErrorParser as g, fileValidationParser as h, defaultResponseErrorParsers as i, plainMessageParser as l, httpStatusParser as m, coreResponseErrorParsers as n, resolveResponseErrorTitle as o, jsonApiErrorParser as p, createResponseErrorClassifier as r, responseErrorParserPresets as s, GrResponseErrorBanner_default as t, normalizeError as u, DEFAULT_RESPONSE_ERROR_TEXTS as v, DEFAULT_TONE_BY_KIND as y };