@incodetech/web 2.1.1 → 2.2.0-rc.1

package/dist/{useModuleLoader-Bi26kJbg.js → useModuleLoader-BImpfi_R.js}

@@ -1,231 +1,20 @@
-import { a as createI18n, i as setI18nInstance, n as useTranslation, r as hasI18nInstance } from "./i18n-CU4xq8qC.js";
-import { _ as y, l as A, p as d, v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { t as setUiConfig } from "./uiConfig-D2_wawvr.js";
-import { t as Page } from "./page-DidH_RkX.js";
-import { t as Button } from "./button-Dz6AsbmF.js";
-import { t as ErrorIcon } from "./errorIcon-BA4T6iy-.js";
+import { c as createI18n, o as hasI18nInstance, s as setI18nInstance } from "./uiConfig-D7ezQeZ7.js";
+import { _ as y, l as A, p as d, v as u } from "./vendor-preact-mvwZ8mJj.js";
+import { a as getStandaloneSetupPolicy, n as preloadDashboardTheme } from "./dashboardTheme-FtPiizV0.js";
+import "./incodeComponent-B-daxouV.js";
+import { r as Button } from "./incode-logo-cGsd55rc.js";
 import { initializeWasmUtil, resolveWasmConfig, setWasmConfig, upgradeToWasmHttpClient, warmupWasm } from "@incodetech/core/wasm";
-import { getDeviceClass } from "@incodetech/core/device";
+import { isDesktopOrEmulated } from "@incodetech/core/device";
 import { createOrchestratedFlowManager, getFlow, getRequiredWasmPipelines } from "@incodetech/core/flow";
 import { getFinishStatus, initializeSession } from "@incodetech/core/session";
-import { api } from "@incodetech/core/http";
-//#region src/shared/terminalErrorPage/terminalErrorPage.tsx
-/**
-* Terminal error screen shown by `<incode-flow>` / `<incode-workflow>` when
-* the SDK reaches an unrecoverable error state — both during initialization
-* (e.g. `/omni/start` or `/omni/workflow/info` returns `4028` "not activated")
-* and during the flow/workflow lifecycle (e.g. `/omni/workflow/process/node`,
-* `/omni/finish-status`, or a child module's terminal error).
-*
-* When the error carries a backend-provided `error`/`message` (surfaced via
-* `IncodeApiError.message` from core's service wrappers), it's rendered
-* verbatim as the subtitle. Generic transport failures fall back to a
-* translated default.
-*
-* Layout: `Page` is used for the Incode logo + optional "Verified by Incode"
-* footer only — the title/subtitle/titleTopSlot slots are deliberately *not*
-* used so we can vertically center the status block (icon + title + message)
-* within the available height at every viewport size. The Try again button
-* is anchored to the bottom of the content area. The screen intentionally
-* has no close button — the only exit is "Try again", which delegates to
-* `onRetry`.
-*/
-var TerminalErrorPage = ({ message, onRetry }) => {
-	const { t } = useTranslation();
-	const titleRef = A(null);
-	y(() => {
-		titleRef.current?.focus();
-	}, []);
-	const handleRetry = () => {
-		if (onRetry) {
-			onRetry();
-			return;
-		}
-		if (typeof window !== "undefined") window.location.reload();
-	};
-	return /* @__PURE__ */ u(Page, {
-		className: "IncodeTerminalErrorPage",
-		"data-testid": "terminal-error-page",
-		children: /* @__PURE__ */ u("div", {
-			class: "IncodeTerminalErrorPageBody",
-			children: [/* @__PURE__ */ u("div", {
-				class: "IncodeTerminalErrorPageStatus",
-				children: [
-					/* @__PURE__ */ u(ErrorIcon, { size: 64 }),
-					/* @__PURE__ */ u("h2", {
-						ref: titleRef,
-						class: "IncodeTerminalErrorPageTitle",
-						tabIndex: -1,
-						children: t("common.somethingWentWrong")
-					}),
-					/* @__PURE__ */ u("p", {
-						class: "IncodeTerminalErrorPageMessage",
-						children: message ?? t("common.unexpectedError")
-					})
-				]
-			}), /* @__PURE__ */ u("div", {
-				class: "IncodeTerminalErrorPageFooter",
-				children: /* @__PURE__ */ u(Button, {
-					onClick: handleRetry,
-					children: t("common.tryAgain")
-				})
-			})]
-		})
-	});
-};
-//#endregion
-//#region src/styles/generatePalette.ts
-function hexToHsl(hex) {
-	let normalizedHex = hex.replace("#", "");
-	if (normalizedHex.length === 3) normalizedHex = normalizedHex.split("").map((char) => char + char).join("");
-	const result = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(normalizedHex);
-	if (!result) return null;
-	const r = Number.parseInt(result[1], 16) / 255;
-	const g = Number.parseInt(result[2], 16) / 255;
-	const b = Number.parseInt(result[3], 16) / 255;
-	const max = Math.max(r, g, b);
-	const min = Math.min(r, g, b);
-	let h = 0;
-	let s = 0;
-	const l = (max + min) / 2;
-	if (max !== min) {
-		const d = max - min;
-		s = l > .5 ? d / (2 - max - min) : d / (max + min);
-		switch (max) {
-			case r:
-				h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
-				break;
-			case g:
-				h = ((b - r) / d + 2) / 6;
-				break;
-			case b:
-				h = ((r - g) / d + 4) / 6;
-				break;
-		}
-	}
-	return {
-		h: h * 360,
-		s: s * 100,
-		l: l * 100
-	};
-}
-function hslToHex(h, s, l) {
-	const hNorm = h / 360;
-	const sNorm = s / 100;
-	const lNorm = l / 100;
-	let r;
-	let g;
-	let b;
-	if (sNorm === 0) r = g = b = lNorm;
-	else {
-		const hue2rgb = (p, q, t) => {
-			if (t < 0) t += 1;
-			if (t > 1) t -= 1;
-			if (t < 1 / 6) return p + (q - p) * 6 * t;
-			if (t < 1 / 2) return q;
-			if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
-			return p;
-		};
-		const q = lNorm < .5 ? lNorm * (1 + sNorm) : lNorm + sNorm - lNorm * sNorm;
-		const p = 2 * lNorm - q;
-		r = hue2rgb(p, q, hNorm + 1 / 3);
-		g = hue2rgb(p, q, hNorm);
-		b = hue2rgb(p, q, hNorm - 1 / 3);
-	}
-	const toHex = (n) => {
-		const hex = Math.round(n * 255).toString(16);
-		return hex.length === 1 ? `0${hex}` : hex;
-	};
-	return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
-}
-function generateBrandPalette(mainColor) {
-	const hsl = hexToHsl(mainColor);
-	if (!hsl) throw new Error(`Invalid color format: ${mainColor}`);
-	return {
-		"50": hslToHex(hsl.h, hsl.s, 95),
-		"200": hslToHex(hsl.h, hsl.s, 80),
-		"300": hslToHex(hsl.h, hsl.s, 65),
-		"400": hslToHex(hsl.h, hsl.s, Math.min(100, hsl.l + 10)),
-		"500": mainColor,
-		"600": hslToHex(hsl.h, hsl.s, Math.max(0, hsl.l - 10)),
-		"900": hslToHex(hsl.h, hsl.s, 20)
-	};
-}
-//#endregion
-//#region src/styles/applyTheme.ts
-function applyTheme(mainColor, buttonColor) {
-	if (typeof document === "undefined") return;
-	const palette = generateBrandPalette(mainColor);
-	let styleElement = document.getElementById("incode-theme");
-	if (!styleElement) {
-		styleElement = document.createElement("style");
-		styleElement.id = "incode-theme";
-		document.head.appendChild(styleElement);
-	}
-	const buttonTextColor = buttonColor || "#ffffff";
-	const css = `
-    :root,
-    :host {
-      --primitive-color-brand-50: ${palette["50"]};
-      --primitive-color-brand-200: ${palette["200"]};
-      --primitive-color-brand-300: ${palette["300"]};
-      --primitive-color-brand-400: ${palette["400"]};
-      --primitive-color-brand-500: ${palette["500"]};
-      --primitive-color-brand-600: ${palette["600"]};
-      --primitive-color-brand-900: ${palette["900"]};
-      --button-primary-text-default: ${buttonTextColor};
-    }
-  `;
-	styleElement.textContent = css;
-}
-//#endregion
-//#region src/styles/fetchTheme.ts
-async function fetchAssets() {
-	return (await api.get("/omni/asset/fetch-all")).data;
-}
-var dataUrlCache = /* @__PURE__ */ new Map();
-async function urlToDataUrl(url) {
-	if (url.startsWith("data:")) return url;
-	const cached = dataUrlCache.get(url);
-	if (cached) return cached;
-	const blob = await (await fetch(url)).blob();
-	const dataUrl = await new Promise((resolve, reject) => {
-		const reader = new FileReader();
-		reader.onloadend = () => resolve(reader.result);
-		reader.onerror = reject;
-		reader.readAsDataURL(blob);
-	});
-	dataUrlCache.set(url, dataUrl);
-	return dataUrl;
-}
-async function fetchTheme$1() {
-	const assets = await fetchAssets();
-	if (!assets.theme) throw new Error("Theme URL not found in assets response");
-	const themeUrl = assets.theme;
-	const isAbsoluteUrl = themeUrl.startsWith("http://") || themeUrl.startsWith("https://");
-	let theme;
-	if (isAbsoluteUrl) {
-		const themeResponse = await fetch(themeUrl);
-		if (!themeResponse.ok) throw new Error(`Failed to fetch theme: ${themeResponse.statusText}`);
-		theme = await themeResponse.json();
-	} else theme = (await api.get(themeUrl)).data;
-	const logoUrl = assets["logo.png"] || assets["logo.svg"] || assets["logo.jpg"] || assets["logo.jpeg"] || assets["logo.webp"] || theme.logo;
-	let cachedLogoUrl = logoUrl;
-	if (logoUrl) cachedLogoUrl = await urlToDataUrl(logoUrl);
-	return {
-		...theme,
-		logo: cachedLogoUrl
-	};
-}
-async function fetchAndApplyTheme() {
-	const theme = await fetchTheme$1();
-	if (theme.main) applyTheme(theme.main, theme.buttonColor);
-	return theme;
+//#region src/shared/device/redirectDeviceClassification.ts
+function isDesktopOrEmulated$1() {
+	return isDesktopOrEmulated();
 }
 //#endregion
 //#region src/modules/flow/flowInit.ts
 var lazyIdModule = () => import("./id/id.es.js").then((m) => m.Id);
-var loadLazyHomeScreen = () => import("./homeScreen-B6T0JVh8.js").then((m) => m.HomeScreen);
+var loadLazyHomeScreen = () => import("./homeScreen-Dycy1yhN.js").then((m) => m.HomeScreen);
 var homeScreenPreloadPromise;
 /**
 * Headless flow keys: backend-only steps with no UI. `<incode-flow>` renders
@@ -245,7 +34,6 @@ function getLazyCoreMachineLoader(moduleKey) {
 	if (moduleKey === "AUTHENTICATION") return () => import("@incodetech/core/authentication").then((m) => m.authenticationMachine);
 	if (moduleKey === "ID" || moduleKey === "TUTORIAL_ID" || moduleKey === "SECOND_ID") return () => import("@incodetech/core/id").then((m) => m.idCaptureMachine);
 	if (moduleKey === "ID_OCR") return () => import("@incodetech/core/id-ocr").then((m) => m.idOcrStateMachine);
-	if (moduleKey === "CPF_OCR") return () => import("@incodetech/core/cpf-ocr").then((m) => m.cpfOcrMachine);
 	if (moduleKey === "FACE_MATCH") return () => import("@incodetech/core/face-match").then((m) => m.faceMatchMachine);
 	if (moduleKey === "CURP_VALIDATION") return () => import("@incodetech/core/curp-validation").then((m) => m.curpValidationMachine);
 	if (moduleKey === "GOVT_VALIDATION_PROVISIONING" || moduleKey === "INE_VALIDATION") return () => import("@incodetech/core/government-validation").then((m) => m.governmentValidationMachine);
@@ -290,32 +78,31 @@ var LAZY_UI_MODULES = {
 	ID_CAPTURE: lazyIdModule,
 	TUTORIAL_ID: lazyIdModule,
 	SECOND_ID: lazyIdModule,
-	FACE_MATCH: () => import("./faceMatch-B_HvxLm_.js").then((m) => m.FaceMatch),
+	FACE_MATCH: () => import("./faceMatch-2pfSeXeA.js").then((m) => m.FaceMatch),
 	CURP_VALIDATION: () => import("./curp-validation/curp-validation.es.js").then((m) => m.CurpValidation),
 	GOVT_VALIDATION_PROVISIONING: () => import("./government-validation/government-validation.es.js").then((m) => m.GovernmentValidation),
 	INE_VALIDATION: () => import("./government-validation/government-validation.es.js").then((m) => m.GovernmentValidation),
 	GEOLOCATION: () => import("./geolocation/geolocation.es.js").then((m) => m.Geolocation),
-	EXTERNAL_VERIFICATION: () => import("./ekycModule-CDIEjI6V.js").then((m) => m.EkycModule),
-	EKYB: () => import("./ekybModule-C6Nttked.js").then((m) => m.EkybModule),
-	DOCUMENT_CAPTURE: () => import("./documentCapture-DXYYyxZl.js").then((m) => m.DocumentCapture),
-	ADDRESS: () => import("./documentCapture-DXYYyxZl.js").then((m) => m.DocumentCapture),
+	EXTERNAL_VERIFICATION: () => import("./ekycModule-CewwzYvk.js").then((m) => m.EkycModule),
+	EKYB: () => import("./ekybModule-CR9A6Fqb.js").then((m) => m.EkybModule),
+	DOCUMENT_CAPTURE: () => import("./documentCapture-sB2_X-we.js").then((m) => m.DocumentCapture),
+	ADDRESS: () => import("./documentCapture-sB2_X-we.js").then((m) => m.DocumentCapture),
 	COMBINED_CONSENT: () => import("./consent/consent.es.js").then((m) => m.Consent),
-	MANDATORY_CONSENT: () => import("./mandatoryConsent-D0GTKu-H.js").then((m) => m.MandatoryConsent),
-	ML_CONSENT: () => import("./mandatoryConsent-D0GTKu-H.js").then((m) => m.MandatoryConsent),
+	MANDATORY_CONSENT: () => import("./mandatoryConsent-DSAjFc0h.js").then((m) => m.MandatoryConsent),
+	ML_CONSENT: () => import("./mandatoryConsent-DSAjFc0h.js").then((m) => m.MandatoryConsent),
 	SIGNATURE: () => import("./signature/signature.es.js").then((m) => m.Signature),
-	ID_OCR: () => import("./idOcr-WFBvqy3b.js").then((m) => m.IdOcr),
-	CPF_OCR: () => import("./cpfOcr-B79245-3.js").then((m) => m.CpfOcr),
+	ID_OCR: () => import("./idOcr-riTHUOlr.js").then((m) => m.IdOcr),
 	ANTIFRAUD: () => import("./antifraud/antifraud.es.js").then((m) => m.Antifraud),
-	CUSTOM_FIELDS: () => import("./customFields-BDsXR7A-.js").then((m) => m.CustomFields),
+	CUSTOM_FIELDS: () => import("./customFields-CiEguXX9.js").then((m) => m.CustomFields),
 	WATCHLIST: () => import("./watchlist/watchlist.es.js").then((m) => m.Watchlist),
-	WATCHLIST_BUSINESS: () => import("./watchlistForBusiness-D2Uo_TwF.js").then((m) => m.WatchlistForBusiness),
-	INCODE_WATCHLIST: () => import("./customWatchlist-CYoRNCim.js").then((m) => m.CustomWatchlist),
+	WATCHLIST_BUSINESS: () => import("./watchlistForBusiness-zT9gCfTc.js").then((m) => m.WatchlistForBusiness),
+	INCODE_WATCHLIST: () => import("./customWatchlist-BSAW87qq.js").then((m) => m.CustomWatchlist),
 	AE_SIGNATURE: () => import("./ae-signature/ae-signature.es.js").then((m) => m.AeSignature),
 	QE_SIGNATURE: () => import("./qe-signature/qe-signature.es.js").then((m) => m.QeSignature),
 	CROSS_DOCUMENT_DATA_MATCH: () => import("./cross-document-data-match/cross-document-data-match.es.js").then((m) => m.CrossDocumentDataMatch),
-	DYNAMIC_FORMS: () => import("./dynamicForms-BifGbC9F.js").then((m) => m.DynamicForms),
+	DYNAMIC_FORMS: () => import("./dynamicForms-DU5fT72-.js").then((m) => m.DynamicForms),
 	CERTIFICATE_ISSUANCE: () => import("./certificate-issuance/certificate-issuance.es.js").then((m) => m.CertificateIssuance),
-	FIELD_COMPARISON: () => import("./fieldComparison-DfNEuEE5.js").then((m) => m.FieldComparison),
+	FIELD_COMPARISON: () => import("./fieldComparison-DUYp39WI.js").then((m) => m.FieldComparison),
 	FISCAL_QR: () => import("./fiscal-qr/fiscal-qr.es.js").then((m) => m.FiscalQr),
 	VIDEO_ONBOARDING: () => import("./video-selfie/video-selfie.es.js").then((m) => m.VideoSelfie)
 };
@@ -349,7 +136,7 @@ function preloadRedirectToMobile() {
 }
 function createFlowManager(options = {}) {
 	const scopedLazyModules = {};
-	const isDesktop = options.isDesktop ?? getDeviceClass() === "desktop";
+	const isDesktop = options.isDesktop ?? isDesktopOrEmulated$1();
 	const { enableHome, ...flowFetchOptions } = options;
 	let endScreen = {
 		endScreenTitle: null,
@@ -383,7 +170,9 @@ function createFlowManager(options = {}) {
 	} });
 }
 async function setupSDK(options) {
-	await initializeSession({ token: options.token });
+	const sessionOptions = { token: options.token };
+	if (options.preloadFlow !== void 0) sessionOptions.preloadFlow = options.preloadFlow;
+	await initializeSession(sessionOptions);
 	if (hasI18nInstance()) return;
 	setI18nInstance(createI18n(options.lang ? { lang: options.lang } : void 0));
 }
@@ -395,18 +184,18 @@ async function initializeFlowManager(options) {
 	});
 	flowManager.load();
 }
-async function fetchTheme() {
+async function fetchTheme(token) {
 	try {
-		const theme = await fetchAndApplyTheme();
-		const uiConfig = {
-			logoSrc: theme.logo,
-			subtitle: theme.subtitle,
-			hideFooterBranding: theme.hideFooterBranding
-		};
-		setUiConfig(uiConfig);
+		const activeToken = token ?? getStandaloneSetupPolicy().token;
+		if (!activeToken) return {};
+		const theme = await preloadDashboardTheme(activeToken);
 		return {
 			theme,
-			uiConfig
+			uiConfig: {
+				logoSrc: theme.logo,
+				subtitle: theme.subtitle,
+				hideFooterBranding: theme.hideFooterBranding
+			}
 		};
 	} catch {
 		return {};
@@ -673,4 +462,4 @@ function usePrefetchNextModule(steps, currentStepIndex, modules, currentModuleLo
 	]);
 }
 //#endregion
-export { warmupWasmIfNeeded as _, resolveApiKey as a, HEADLESS_FLOW_MODULE_KEYS as c, fetchTheme as d, initializeFlowManager as f, setupSDK as g, preloadRedirectToMobile as h, HEADLESS_WORKFLOW_MODULE_KEYS as i, LAZY_UI_MODULES as l, preloadHomeScreen as m, useModulePreloader as n, extractIncodeStatus as o, preloadFirstModule as p, usePrefetchNextModule as r, UnsupportedModule as s, useModuleLoader as t, createFlowManager as u, fetchAndApplyTheme as v, TerminalErrorPage as y };
+export { warmupWasmIfNeeded as _, resolveApiKey as a, HEADLESS_FLOW_MODULE_KEYS as c, fetchTheme as d, initializeFlowManager as f, setupSDK as g, preloadRedirectToMobile as h, HEADLESS_WORKFLOW_MODULE_KEYS as i, LAZY_UI_MODULES as l, preloadHomeScreen as m, useModulePreloader as n, extractIncodeStatus as o, preloadFirstModule as p, usePrefetchNextModule as r, UnsupportedModule as s, useModuleLoader as t, createFlowManager as u, isDesktopOrEmulated$1 as v };

package/dist/{vendor-preact-DThS2ZQ_.js → vendor-preact-mvwZ8mJj.js}

@@ -952,4 +952,4 @@ var preact_markup_module_default = function(t) {
 	}, i;
 }(x$2);
 //#endregion
-export { y as _, D as a, Q$1 as b, z as c, T$1 as d, _ as f, x$1 as g, q$1 as h, C as i, A$1 as l, g$1 as m, c as n, P as o, d$1 as p, $ as r, gn as s, preact_markup_module_default as t, F$1 as u, u$2 as v, k$2 as x, K$1 as y };
+export { k$2 as S, y as _, D as a, Q$1 as b, z as c, T$1 as d, _ as f, x$1 as g, q$1 as h, C as i, A$1 as l, g$1 as m, c as n, P as o, d$1 as p, $ as r, gn as s, preact_markup_module_default as t, F$1 as u, u$2 as v, _$1 as x, K$1 as y };

package/dist/{verificationResult-BWWkmeiA.js → verificationResult-IUf0w1aR.js}

@@ -1,14 +1,15 @@
-import { n as useTranslation } from "./i18n-CU4xq8qC.js";
-import { v as u, x as k } from "./vendor-preact-DThS2ZQ_.js";
-import { t as Page } from "./page-DidH_RkX.js";
-import { t as Spinner } from "./spinner-BMeIEK1d.js";
-import { t as Button } from "./button-Dz6AsbmF.js";
-import { t as ErrorIcon } from "./errorIcon-BA4T6iy-.js";
-import { h as WarningIcon } from "./icons-CJJbIpBq.js";
-import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
-import { t as AutoFocusTitle } from "./autoFocusTitle-CuRu2lPg.js";
+import { a as useTranslation } from "./uiConfig-D7ezQeZ7.js";
+import { S as k, v as u } from "./vendor-preact-mvwZ8mJj.js";
+import { o as Page } from "./incodeComponent-B-daxouV.js";
+import { t as Spacer } from "./spacer-Bnmh-DfR.js";
+import { t as Spinner } from "./spinner-HP_c74K-.js";
+import { n as ErrorIcon, r as Button } from "./incode-logo-cGsd55rc.js";
+import { v as WarningIcon } from "./icons-D0cfSCBM.js";
+import { t as SuccessIcon } from "./successIcon-Bj8Y9CuI.js";
+import { t as AutoFocusTitle } from "./autoFocusTitle-D7VzaZ2P.js";
 //#region src/shared/verificationResult/verificationResult.tsx
-var VerificationResult = ({ status, submittingTitle, successTitle, failureTitle, warningTitle, submittingSubtitle, onRetry, onSkip, retryLabel, skipLabel, hideFooterBranding = true, footerBrandingSlot }) => {
+var SUBTITLE_ID = "IncodeVerificationResultSubtitle";
+var VerificationResult = ({ status, submittingTitle, successTitle, failureTitle, warningTitle, submittingSubtitle, errorMessage, onRetry, onSkip, retryLabel, skipLabel, hideFooterBranding = true, footerBrandingSlot }) => {
 	const { t } = useTranslation();
 	const hasActions = Boolean(onRetry || onSkip);
 	const buildResultContent = () => {
@@ -21,7 +22,7 @@ var VerificationResult = ({ status, submittingTitle, successTitle, failureTitle,
 		};
 		const iconByStatus = {
 			success: /* @__PURE__ */ u(SuccessIcon, { size: 64 }),
-			warning: /* @__PURE__ */ u(WarningIcon, { size: 40 }),
+			warning: /* @__PURE__ */ u(WarningIcon, { size: 64 }),
 			failure: /* @__PURE__ */ u(ErrorIcon, { size: 64 })
 		};
 		const titleByStatus = {
@@ -30,10 +31,20 @@ var VerificationResult = ({ status, submittingTitle, successTitle, failureTitle,
 			failure: failureTitle ?? t("verification.failureTitle")
 		};
 		return {
-			mainContent: /* @__PURE__ */ u(k, { children: [iconByStatus[status], /* @__PURE__ */ u(AutoFocusTitle, {
-				className: "IncodeVerificationResult__title",
-				children: titleByStatus[status]
-			})] }),
+			mainContent: /* @__PURE__ */ u(k, { children: [
+				iconByStatus[status],
+				/* @__PURE__ */ u(Spacer, { size: 16 }),
+				/* @__PURE__ */ u(AutoFocusTitle, {
+					className: "IncodeVerificationResult__title",
+					describedById: errorMessage ? SUBTITLE_ID : void 0,
+					children: titleByStatus[status]
+				}),
+				errorMessage ? /* @__PURE__ */ u("p", {
+					id: SUBTITLE_ID,
+					className: "IncodeVerificationResult__subtitle",
+					children: errorMessage
+				}) : null
+			] }),
 			showActions: status === "warning" || status === "failure"
 		};
 	};