@incodetech/web 0.0.0-dev-20260911-d4e8be9f → 0.0.0-dev-20260911-3bcad995

package/dist/{spinner-1GVajlEK.js → spinner-3yRMSVul.js}

@@ -1,55 +1,6 @@
-import { S as k, _ as y, c as A, i as D, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { d as cn, n as LoadingIcon, t as Spacer } from "./spacer-CP6nfo3f.js";
-//#region src/shared/typography/typography.tsx
-var Title = D(({ children, className, ...rest }, ref) => {
-	return /* @__PURE__ */ u("h2", {
-		ref,
-		class: `IncodeTitle ${className ?? ""}`,
-		...rest,
-		children
-	});
-});
-var TypographyH1 = D(({ children, className, ...rest }, ref) => {
-	return /* @__PURE__ */ u("h1", {
-		ref,
-		class: cn("IncodeTypographyH1", className),
-		...rest,
-		children
-	});
-});
-D(({ children, className, ...rest }, ref) => {
-	return /* @__PURE__ */ u("h2", {
-		ref,
-		class: cn("IncodeTypographyH2", className),
-		...rest,
-		children
-	});
-});
-var TypographyH3 = ({ children, className }) => {
-	return /* @__PURE__ */ u("h3", {
-		class: cn("IncodeTypographyH3", className),
-		children
-	});
-};
-var TypographyH4 = ({ children, className }) => {
-	return /* @__PURE__ */ u("h4", {
-		class: cn("IncodeTypographyH4", className),
-		children
-	});
-};
-var TypographyH5 = ({ children, className }) => {
-	return /* @__PURE__ */ u("h5", {
-		class: cn("IncodeTypographyH5", className),
-		children
-	});
-};
-var TypographyP = ({ children, className }) => {
-	return /* @__PURE__ */ u("p", {
-		class: cn("IncodeTypographyP", className),
-		children
-	});
-};
-//#endregion
+import { S as k, _ as y, c as A, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn, n as LoadingIcon, t as Spacer } from "./spacer-CELhH34g.js";
+import { t as Title } from "./typography-z3aTrEzR.js";
 //#region src/shared/spinner/spinnerHelpers.ts
 function getSpinnerClasses({ fullScreen, alwaysDark, hideIcon, className }) {
 	const container = ["IncodeSpinner"];
@@ -134,4 +85,4 @@ var Spinner = ({ title, subtitle, ariaLabel, size = "medium", fullScreen = true,
 	});
 };
 //#endregion
-export { TypographyH4 as a, TypographyH3 as i, Title as n, TypographyH5 as o, TypographyH1 as r, TypographyP as s, Spinner as t };
+export { Spinner as t };

package/dist/{statusPage-BSf9rrbK.js → statusPage-9H1zSHi7.js}

@@ -1,6 +1,7 @@
 import { p as g, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { l as Page, r as AutoFocusTitle } from "./incodeComponent-OpYmmHuG.js";
-import { t as Spacer } from "./spacer-CP6nfo3f.js";
+import { c as Page } from "./incodeComponent-Ctt3_dEc.js";
+import { t as Spacer } from "./spacer-CELhH34g.js";
+import { t as AutoFocusTitle } from "./autoFocusTitle-bnVvS5AS.js";
 //#region src/shared/statusPage/statusPage.tsx
 var StatusPage = ({ variant, icon, title, subtitle, hideFooterBranding, actions, isLive }) => {
 	const subtitleId = `${g()}-subtitle`;

package/dist/{tabs-OBRm19dX.js → tabs-CejZfPRC.js}

@@ -1,5 +1,5 @@
 import { b as Q, f as d, g as x, p as g, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { d as cn } from "./spacer-CP6nfo3f.js";
+import { d as cn } from "./spacer-CELhH34g.js";
 //#region src/shared/tabs/tabs.tsx
 var TabsContext = Q(null);
 var useTabsContext = () => {

package/dist/{tutorial-R4tGibYC.js → tutorial-DRjbK_mY.js}

@@ -1,14 +1,14 @@
-import { o as useTranslation } from "./uiConfig-Sd_A0KwB.js";
+import { o as useTranslation } from "./uiConfig-Dy2JqseS.js";
 import { S as k, _ as y, c as A, f as d, h as q, p as g, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { f as TransitionSpinner, l as Page } from "./incodeComponent-OpYmmHuG.js";
-import { a as useAnimationData, d as cn, n as LoadingIcon, t as Spacer } from "./spacer-CP6nfo3f.js";
-import { n as Title } from "./spinner-1GVajlEK.js";
-import { S as Button, r as SuccessIcon } from "./icons-BTQAPX7h.js";
-import { t as ErrorContent } from "./errorContent-Be-w9xjB.js";
-import { t as ConnectionError } from "./connectionError-TamPptzl.js";
-import { t as useCoverMedia } from "./useCoverMedia-DofxqCtg.js";
-import { t as BaseTutorial } from "./baseTutorial-DdU221rI.js";
-import { t as ManualCaptureButton } from "./manualCaptureButton-DnE00y7z.js";
+import { c as Page, d as TransitionSpinner } from "./incodeComponent-Ctt3_dEc.js";
+import { a as useAnimationData, d as cn, n as LoadingIcon, t as Spacer } from "./spacer-CELhH34g.js";
+import { t as Title } from "./typography-z3aTrEzR.js";
+import { r as SuccessIcon, x as Button } from "./icons-Bu1QoQJO.js";
+import { t as ErrorContent } from "./errorContent-DzTag6aF.js";
+import { t as ConnectionError } from "./connectionError-CkP_eSUZ.js";
+import { t as useCoverMedia } from "./useCoverMedia-VLw3OYN_.js";
+import { t as BaseTutorial } from "./baseTutorial-NI4T8YPG.js";
+import { t as ManualCaptureButton } from "./manualCaptureButton-c1D-Pwmf.js";
 //#region src/shared/capture/faceOutline.tsx
 var FaceOutline = () => {
 	return /* @__PURE__ */ u("svg", {

package/dist/types/flow.d.ts

@@ -106,6 +106,13 @@ export declare type FlowConfig = FlowRuntimeConfig & FlowUiConfig;
 declare type FlowRuntimeConfig = TokenFlowRuntimeConfig | SelfLoadingFlowRuntimeConfig;
 
 declare type FlowUiConfig = {
+    /**
+     * Load flow and module stylesheets as screens become visible. Defaults to false.
+     * Keep the theme and base.css imports (base includes fonts); omit flow/styles.css.
+     */
+    injectCss?: boolean;
+    /** CSP nonce for style elements created by injectCss. */
+    cssNonce?: string;
     onModuleLoading?: (moduleKey: string) => void;
     onModuleLoaded?: (moduleKey: string) => void;
     /**

package/dist/typography-z3aTrEzR.js

@@ -0,0 +1,53 @@
+import { i as D, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn } from "./spacer-CELhH34g.js";
+//#region src/shared/typography/typography.tsx
+var Title = D(({ children, className, ...rest }, ref) => {
+	return /* @__PURE__ */ u("h2", {
+		ref,
+		class: `IncodeTitle ${className ?? ""}`,
+		...rest,
+		children
+	});
+});
+var TypographyH1 = D(({ children, className, ...rest }, ref) => {
+	return /* @__PURE__ */ u("h1", {
+		ref,
+		class: cn("IncodeTypographyH1", className),
+		...rest,
+		children
+	});
+});
+D(({ children, className, ...rest }, ref) => {
+	return /* @__PURE__ */ u("h2", {
+		ref,
+		class: cn("IncodeTypographyH2", className),
+		...rest,
+		children
+	});
+});
+var TypographyH3 = ({ children, className }) => {
+	return /* @__PURE__ */ u("h3", {
+		class: cn("IncodeTypographyH3", className),
+		children
+	});
+};
+var TypographyH4 = ({ children, className }) => {
+	return /* @__PURE__ */ u("h4", {
+		class: cn("IncodeTypographyH4", className),
+		children
+	});
+};
+var TypographyH5 = ({ children, className }) => {
+	return /* @__PURE__ */ u("h5", {
+		class: cn("IncodeTypographyH5", className),
+		children
+	});
+};
+var TypographyP = ({ children, className }) => {
+	return /* @__PURE__ */ u("p", {
+		class: cn("IncodeTypographyP", className),
+		children
+	});
+};
+//#endregion
+export { TypographyH5 as a, TypographyH4 as i, TypographyH1 as n, TypographyP as o, TypographyH3 as r, Title as t };

package/dist/{uiConfig-Sd_A0KwB.js → uiConfig-Dy2JqseS.js}

@@ -2360,7 +2360,7 @@ if (typeof ActiveXObject === "function") {
 }
 if (typeof fetchApi !== "function") fetchApi = void 0;
 if (!fetchApi && !XmlHttpRequestApi && !ActiveXObjectApi) try {
-	import("./browser-ponyfill-BdqoHrvJ.js").then((m) => /* @__PURE__ */ __toESM(m.default, 1)).then(function(mod) {
+	import("./browser-ponyfill-ZkeBm4ji.js").then((m) => /* @__PURE__ */ __toESM(m.default, 1)).then(function(mod) {
 		fetchApi = mod.default;
 	}).catch(function() {});
 } catch (e) {}
@@ -2700,89 +2700,89 @@ Backend.type = "backend";
 //#endregion
 //#region src/i18n/bundledTranslationLoaders.ts
 var bundledTranslationLoaders = {
-	"en": () => import("./en-CyzAzqIc.js"),
-	"en-DG": () => import("./en-DG-or497Mnl.js"),
-	"es": () => import("./es-BHy4PuoW.js"),
-	"es-ES": () => import("./es-ES-DlvpXGeg.js"),
-	"sr": () => import("./sr--ms6iMWz.js"),
-	"sr-Latn": () => import("./sr-Latn-BiWFn5aX.js"),
-	"fr": () => import("./fr-BewHYECv.js"),
-	"pt-BR": () => import("./pt-BR-CZ_z8Olc.js"),
-	"pt": () => import("./pt-FtGjaVNi.js"),
-	"bn": () => import("./bn-DbIWkXe9.js"),
-	"zh": () => import("./zh-CU10i68v.js"),
-	"hi": () => import("./hi-Bwj78dXS.js"),
-	"id": () => import("./id-D7RQjfvC.js"),
-	"ms": () => import("./ms-DWzO2k9X.js"),
-	"tr": () => import("./tr-i2Q79BRH.js"),
-	"vi": () => import("./vi-CxGLHnnW.js"),
-	"ht": () => import("./ht-C2_a-KG0.js"),
-	"it": () => import("./it-40b_QJ49.js"),
-	"de": () => import("./de-ChPY7o4H.js"),
-	"nl": () => import("./nl-DB9dav30.js"),
-	"tl-PH": () => import("./tl-PH-Bl0duIQB.js"),
-	"pl": () => import("./pl-CCkxKrjg.js"),
-	"hu": () => import("./hu--akRgpT5.js"),
-	"ro": () => import("./ro-DysboDNv.js"),
-	"hmn": () => import("./hmn-BVc2cEgu.js"),
-	"so": () => import("./so-CfgWC0fM.js"),
-	"ca": () => import("./ca-DUElvSDc.js"),
-	"af-ZA": () => import("./af-ZA-qhcjE8Ll.js"),
-	"ar": () => import("./ar-B8E9vjK8.js"),
-	"ar-EG": () => import("./ar-EG-DjHcOH9m.js"),
-	"ar-AE": () => import("./ar-AE-DTmHPD7L.js"),
-	"zh-CN": () => import("./zh-CN-DvWvvJIf.js"),
-	"zh-TW": () => import("./zh-TW-BZnhC9_5.js"),
-	"zh-HANT": () => import("./zh-HANT-CUbWZ_Ie.js"),
-	"cs-CZ": () => import("./cs-CZ-CZtZyop9.js"),
-	"da-DK": () => import("./da-DK-BQvE1_ak.js"),
-	"fi-FI": () => import("./fi-FI-CfTvDUdu.js"),
-	"fr-CA": () => import("./fr-CA-BWmoTiX5.js"),
-	"el-GR": () => import("./el-GR-Dt5-c7bC.js"),
-	"he": () => import("./he-DskmIhH1.js"),
-	"ja": () => import("./ja-BmtuIzaT.js"),
-	"ja-JP": () => import("./ja-JP-CbKDwCr2.js"),
-	"ko-KP": () => import("./ko-KP-Cb8ITTNz.js"),
-	"nb-NO": () => import("./nb-NO-d7OazihS.js"),
-	"fa-IR": () => import("./fa-IR-DVTTM_tu.js"),
-	"pt-PT": () => import("./pt-PT-RBrFLLkL.js"),
-	"ru-RU": () => import("./ru-RU-BHy7AaUd.js"),
-	"sr-YU": () => import("./sr-YU-BNAd049F.js"),
-	"es-419": () => import("./es-419-B3p3NYae.js"),
-	"es-MX": () => import("./es-MX-Cqi6vOtT.js"),
-	"sv-SE": () => import("./sv-SE-CJjtaNDA.js"),
-	"th-TH": () => import("./th-TH-DMKAHwNe.js"),
-	"uk-UA": () => import("./uk-UA-B8zIiiNG.js"),
-	"am": () => import("./am-DVltCO9H.js"),
-	"az": () => import("./az-BFwACmvz.js"),
-	"bs": () => import("./bs-z1Ps12rk.js"),
-	"my": () => import("./my-DAkvSk_W.js"),
-	"ceb": () => import("./ceb-jzHzP2FJ.js"),
-	"cs": () => import("./cs-BrqY3ZP3.js"),
-	"et": () => import("./et-qYB56l1n.js"),
-	"ka": () => import("./ka-DElVzAwl.js"),
-	"el": () => import("./el-BD0wlCYW.js"),
-	"jv": () => import("./jv-V7T3CZCW.js"),
-	"kk": () => import("./kk-DGGqZzoC.js"),
-	"km": () => import("./km-CTydY36i.js"),
-	"ko": () => import("./ko-Bjxwt0To.js"),
-	"ky": () => import("./ky-Da-svfsh.js"),
-	"lo": () => import("./lo-BcBrBLSe.js"),
-	"lv": () => import("./lv-COEqtHv9.js"),
-	"lt": () => import("./lt-CRUODUDK.js"),
-	"mk": () => import("./mk-D6OWaZi9.js"),
-	"mn": () => import("./mn-CHZsnJ9w.js"),
-	"ne": () => import("./ne-BTRq-Yeo.js"),
-	"ru": () => import("./ru-CID3CZfu.js"),
-	"sk": () => import("./sk-D7kS5PBd.js"),
-	"sl": () => import("./sl-D9TEWuUe.js"),
-	"sw": () => import("./sw-6SDfYBIC.js"),
-	"tl": () => import("./tl-lLJU4U50.js"),
-	"th": () => import("./th-BcNF0ama.js"),
-	"uk": () => import("./uk-C6nph67y.js"),
-	"ur": () => import("./ur-Zbr32KyN.js"),
-	"uz": () => import("./uz-DeV1ZkHM.js"),
-	"hr": () => import("./hr-4NNWn8Hc.js")
+	"en": () => import("./en-Dy0JU914.js"),
+	"en-DG": () => import("./en-DG-Bhukp9s8.js"),
+	"es": () => import("./es-BsT9A1T5.js"),
+	"es-ES": () => import("./es-ES-DEDukwHe.js"),
+	"sr": () => import("./sr-KKrNZRPJ.js"),
+	"sr-Latn": () => import("./sr-Latn-CJYuA3Hg.js"),
+	"fr": () => import("./fr-kZcmIWvQ.js"),
+	"pt-BR": () => import("./pt-BR-DXBXB0FE.js"),
+	"pt": () => import("./pt-w6Co0T0Z.js"),
+	"bn": () => import("./bn-BpSvw13B.js"),
+	"zh": () => import("./zh-Dbdi0CLO.js"),
+	"hi": () => import("./hi-D7vD6ve3.js"),
+	"id": () => import("./id-BavZckax.js"),
+	"ms": () => import("./ms-DIlFIDiL.js"),
+	"tr": () => import("./tr-CfshCWqW.js"),
+	"vi": () => import("./vi-DE6Uy69e.js"),
+	"ht": () => import("./ht-DtqCsWc8.js"),
+	"it": () => import("./it-BIItP9Pr.js"),
+	"de": () => import("./de-Ca76rOgG.js"),
+	"nl": () => import("./nl-DlILyuOD.js"),
+	"tl-PH": () => import("./tl-PH-Di49wrgE.js"),
+	"pl": () => import("./pl-Mz-cY3fF.js"),
+	"hu": () => import("./hu-CZ7JFr06.js"),
+	"ro": () => import("./ro-CM-klzCt.js"),
+	"hmn": () => import("./hmn-DfE8ljQi.js"),
+	"so": () => import("./so-B3032CtJ.js"),
+	"ca": () => import("./ca-CGw7TL60.js"),
+	"af-ZA": () => import("./af-ZA-B9acfnFZ.js"),
+	"ar": () => import("./ar-DyHfAElL.js"),
+	"ar-EG": () => import("./ar-EG-D64CNCkQ.js"),
+	"ar-AE": () => import("./ar-AE-DqTSg7-7.js"),
+	"zh-CN": () => import("./zh-CN-OqqFHuNf.js"),
+	"zh-TW": () => import("./zh-TW-CvuduXr0.js"),
+	"zh-HANT": () => import("./zh-HANT-CQKb1Xyt.js"),
+	"cs-CZ": () => import("./cs-CZ-940tEy_2.js"),
+	"da-DK": () => import("./da-DK-Owtyz_CU.js"),
+	"fi-FI": () => import("./fi-FI-CQ7nM8JH.js"),
+	"fr-CA": () => import("./fr-CA-CXAigeNC.js"),
+	"el-GR": () => import("./el-GR-B8wFNN98.js"),
+	"he": () => import("./he-BHkteW5Z.js"),
+	"ja": () => import("./ja-E3soXDL5.js"),
+	"ja-JP": () => import("./ja-JP-DkA62kdU.js"),
+	"ko-KP": () => import("./ko-KP-BQP3O0FS.js"),
+	"nb-NO": () => import("./nb-NO-CK-cm1Va.js"),
+	"fa-IR": () => import("./fa-IR-BniLevbE.js"),
+	"pt-PT": () => import("./pt-PT-BfQxD0uN.js"),
+	"ru-RU": () => import("./ru-RU-Bb9-76fu.js"),
+	"sr-YU": () => import("./sr-YU-DZbLqDb8.js"),
+	"es-419": () => import("./es-419-CIpRoUJ6.js"),
+	"es-MX": () => import("./es-MX-CUYuTeos.js"),
+	"sv-SE": () => import("./sv-SE-BjptL1LM.js"),
+	"th-TH": () => import("./th-TH-B-_01A2i.js"),
+	"uk-UA": () => import("./uk-UA-esAhN203.js"),
+	"am": () => import("./am-tTxQ1PqF.js"),
+	"az": () => import("./az-BLvQXL-7.js"),
+	"bs": () => import("./bs-CdNkQqbz.js"),
+	"my": () => import("./my-DqGBybBw.js"),
+	"ceb": () => import("./ceb-C9j4MFyE.js"),
+	"cs": () => import("./cs-BteiU6j5.js"),
+	"et": () => import("./et-CFrnBgWm.js"),
+	"ka": () => import("./ka-6CvCr1gH.js"),
+	"el": () => import("./el-BLcr59Hz.js"),
+	"jv": () => import("./jv-CgrW9f8c.js"),
+	"kk": () => import("./kk-BxxU4lAH.js"),
+	"km": () => import("./km-1Kwr2cN_.js"),
+	"ko": () => import("./ko-BLFEx7cH.js"),
+	"ky": () => import("./ky-NSm_2jGi.js"),
+	"lo": () => import("./lo-Pex_FBnC.js"),
+	"lv": () => import("./lv-DlQcEy9u.js"),
+	"lt": () => import("./lt-CiX--SJT.js"),
+	"mk": () => import("./mk-D_al0ZPm.js"),
+	"mn": () => import("./mn-Wu3_MwaI.js"),
+	"ne": () => import("./ne-DZNnt7ra.js"),
+	"ru": () => import("./ru-Cgolidvr.js"),
+	"sk": () => import("./sk-DK-9wm6e.js"),
+	"sl": () => import("./sl-CrSjDHIm.js"),
+	"sw": () => import("./sw-C6vSD_EQ.js"),
+	"tl": () => import("./tl-CVW4WEe1.js"),
+	"th": () => import("./th-C0hLXzWA.js"),
+	"uk": () => import("./uk-D-y0QBRY.js"),
+	"ur": () => import("./ur-ez_gBMe5.js"),
+	"uz": () => import("./uz-BPWkullH.js"),
+	"hr": () => import("./hr-BxcwtkpC.js")
 };
 //#endregion
 //#region src/i18n/bundledTranslationsBackend.ts

package/dist/useModuleLoader-DpcbSKBH.js

@@ -0,0 +1,176 @@
+import { _ as y, c as A, f as d } from "./vendor-preact-C0jX1Cbq.js";
+//#region src/modules/flow/headlessModule.ts
+var HeadlessWorkflowModule = () => null;
+var lazyHeadlessWorkflowModule = () => Promise.resolve(HeadlessWorkflowModule);
+var HEADLESS_WORKFLOW_MODULE_KEYS = new Set(["IDENTITY_SEARCH"]);
+//#endregion
+//#region src/modules/flow/useModuleLoader.ts
+function getLoadErrorMessage(error, fallbackMessage) {
+	return error instanceof Error ? error.message : fallbackMessage;
+}
+var loadedComponents = /* @__PURE__ */ new WeakMap();
+var inflightLoaders = /* @__PURE__ */ new WeakMap();
+function getLoaderKey(loader) {
+	return loader;
+}
+function getCachedComponent(loader) {
+	if (!loader) return void 0;
+	return loadedComponents.get(getLoaderKey(loader));
+}
+function loadComponent(loader) {
+	const key = getLoaderKey(loader);
+	const cached = loadedComponents.get(key);
+	if (cached) return Promise.resolve(cached);
+	const inflight = inflightLoaders.get(key);
+	if (inflight) return inflight;
+	const promise = loader().then((Component) => {
+		loadedComponents.set(key, Component);
+		inflightLoaders.delete(key);
+		return Component;
+	}).catch((error) => {
+		inflightLoaders.delete(key);
+		throw error;
+	});
+	inflightLoaders.set(key, promise);
+	return promise;
+}
+function computeInitialState(loader) {
+	if (!loader) return { status: "idle" };
+	const cached = getCachedComponent(loader);
+	if (cached) return {
+		status: "loaded",
+		Component: cached
+	};
+	return { status: "loading" };
+}
+function resolveModuleLoader(moduleKey, modules, headlessModuleKeys) {
+	if (!moduleKey) return void 0;
+	return modules[moduleKey] ?? (headlessModuleKeys?.has(moduleKey) ? lazyHeadlessWorkflowModule : void 0);
+}
+function useLazyComponentLoader(options) {
+	const { loader, onLoading, onLoaded, onError } = options;
+	const [state, setState] = d(() => computeInitialState(loader));
+	const prevLoaderRef = A(loader);
+	const onLoadingRef = A(onLoading);
+	const onLoadedRef = A(onLoaded);
+	const onErrorRef = A(onError);
+	y(() => {
+		onLoadingRef.current = onLoading;
+		onLoadedRef.current = onLoaded;
+		onErrorRef.current = onError;
+	}, [
+		onLoading,
+		onLoaded,
+		onError
+	]);
+	if (prevLoaderRef.current !== loader) {
+		prevLoaderRef.current = loader;
+		setState(computeInitialState(loader));
+	}
+	y(() => {
+		if (!loader) return;
+		if (getCachedComponent(loader)) {
+			onLoadedRef.current?.();
+			return;
+		}
+		onLoadingRef.current?.();
+		let cancelled = false;
+		loadComponent(loader).then((Component) => {
+			if (!cancelled) {
+				setState({
+					status: "loaded",
+					Component
+				});
+				onLoadedRef.current?.();
+			}
+		}).catch((error) => {
+			if (!cancelled) {
+				const errorMessage = getLoadErrorMessage(error, "Failed to load component");
+				setState({
+					status: "error",
+					error: errorMessage
+				});
+				onErrorRef.current?.(errorMessage);
+			}
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [loader]);
+	return state;
+}
+function useModuleLoader(options) {
+	const { moduleKey, modules, headlessModuleKeys, onModuleLoading, onModuleLoaded, onError } = options;
+	const [unsupportedModuleKey, setUnsupportedModuleKey] = d(void 0);
+	const loader = resolveModuleLoader(moduleKey, modules, headlessModuleKeys);
+	const state = useLazyComponentLoader({
+		loader,
+		onLoading: moduleKey ? () => onModuleLoading?.(moduleKey) : void 0,
+		onLoaded: moduleKey ? () => onModuleLoaded?.(moduleKey) : void 0,
+		onError: moduleKey ? (errorMessage) => onError?.(`Failed to load ${moduleKey}: ${errorMessage}`) : void 0
+	});
+	y(() => {
+		if (!moduleKey) {
+			setUnsupportedModuleKey(void 0);
+			return;
+		}
+		if (!loader) setUnsupportedModuleKey(moduleKey);
+		else setUnsupportedModuleKey(void 0);
+	}, [loader, moduleKey]);
+	if (!moduleKey) return { status: "idle" };
+	if (unsupportedModuleKey) return {
+		status: "unsupported",
+		moduleKey: unsupportedModuleKey
+	};
+	if (state.status === "idle" || state.status === "loading") return {
+		status: "loading",
+		moduleKey
+	};
+	if (state.status === "error") return {
+		status: "error",
+		moduleKey,
+		error: state.error
+	};
+	return {
+		status: "loaded",
+		moduleKey,
+		Component: state.Component
+	};
+}
+function useModulePreloader(options) {
+	const { moduleKey, modules } = options;
+	const loader = moduleKey ? modules[moduleKey] : void 0;
+	const state = useLazyComponentLoader({ loader });
+	return loader != null && state.status === "loaded";
+}
+function schedulePrefetch(run) {
+	if (typeof requestIdleCallback !== "undefined") requestIdleCallback(() => {
+		run();
+	});
+	else setTimeout(run, 0);
+}
+function usePrefetchNextModule(steps, currentStepIndex, modules, currentModuleLoaded) {
+	const prefetchedRef = A(/* @__PURE__ */ new Set());
+	y(() => {
+		if (!currentModuleLoaded) return;
+		if (currentStepIndex < steps.length - 1) {
+			const nextStep = steps[currentStepIndex + 1];
+			if (nextStep && !prefetchedRef.current.has(nextStep)) {
+				prefetchedRef.current.add(nextStep);
+				const loader = modules[nextStep];
+				if (loader) schedulePrefetch(() => {
+					loader().catch(() => {
+						prefetchedRef.current.delete(nextStep);
+					});
+				});
+			}
+		}
+	}, [
+		steps,
+		currentStepIndex,
+		modules,
+		currentModuleLoaded
+	]);
+}
+//#endregion
+export { HEADLESS_WORKFLOW_MODULE_KEYS as a, usePrefetchNextModule as i, useModuleLoader as n, useModulePreloader as r, useLazyComponentLoader as t };

package/dist/{verificationResult-C-TUwYRU.js → verificationResult-DxH_CbuK.js}

@@ -1,9 +1,10 @@
-import { o as useTranslation } from "./uiConfig-Sd_A0KwB.js";
+import { o as useTranslation } from "./uiConfig-Dy2JqseS.js";
 import { S as k, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { l as Page, r as AutoFocusTitle } from "./incodeComponent-OpYmmHuG.js";
-import { t as Spacer } from "./spacer-CP6nfo3f.js";
-import { t as Spinner } from "./spinner-1GVajlEK.js";
-import { S as Button, n as WarningIcon, r as SuccessIcon, x as ErrorIcon } from "./icons-BTQAPX7h.js";
+import { c as Page } from "./incodeComponent-Ctt3_dEc.js";
+import { t as Spacer } from "./spacer-CELhH34g.js";
+import { t as Spinner } from "./spinner-3yRMSVul.js";
+import { b as ErrorIcon, n as WarningIcon, r as SuccessIcon, x as Button } from "./icons-Bu1QoQJO.js";
+import { t as AutoFocusTitle } from "./autoFocusTitle-bnVvS5AS.js";
 //#region src/shared/verificationResult/verificationResult.tsx
 var SUBTITLE_ID = "IncodeVerificationResultSubtitle";
 var VerificationResult = ({ status, submittingTitle, successTitle, failureTitle, warningTitle, submittingSubtitle, errorMessage, successSubtitle, onRetry, onSkip, onContinue, retryLabel, skipLabel, continueLabel, hideFooterBranding = true, footerBrandingSlot }) => {

package/dist/video-selfie/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-border-style: solid;\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n    }\n  }\n}\n\n@layer incode-theme, incode-utilities, incode-base, incode-components;\n\n@keyframes slideUp {\n  from {\n    transform: translateY(100%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes incodeToastFadeInOut {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -20px);\n  }\n\n  15% {\n    opacity: 1;\n    transform: translate(-50%);\n  }\n\n  85% {\n    opacity: 1;\n    transform: translate(-50%);\n  }\n\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -20px);\n  }\n}\n\n.IncodeCaptureContainer {\n  flex-direction: column;\n  flex: 1;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.IncodeCaptureContainer .IncodeCaptureFrame {\n  aspect-ratio: 1;\n  width: 100%;\n  max-width: var(--face-capture-frame-max-w);\n  border-radius: var(--radius-full, var(--border-radius-full));\n  border-style: var(--tw-border-style);\n  border-width: 12px;\n  border-color: #0000;\n  position: relative;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoWrapper {\n  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n  width: calc(100% - 24px);\n  height: calc(100% - 24px);\n  translate: var(--tw-translate-x) var(--tw-translate-y);\n  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  border-radius: var(--radius-full, var(--border-radius-full));\n  background-color: var(--color-surface-neutral-100-static, var(--surface-neutral-100-static));\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  overflow: hidden;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideo {\n  z-index: 50;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeMediaCoverPending {\n  opacity: 0;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeCaptureVideoMirrored {\n  transform: scaleX(-1);\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarHost {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarElement {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarElement.IncodeMediaCoverPending {\n  opacity: 0;\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarElement.IncodeCaptureAvatarMirrored {\n  transform: scaleX(-1);\n}\n\n.IncodeCaptureVisuallyHidden {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeFaceOutline {\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeLoadingBorder {\n  aspect-ratio: 1;\n  width: 100%;\n  max-width: var(--face-capture-frame-max-w);\n  position: absolute;\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderBase, .IncodeLoadingBorder .IncodeLoadingBorderForeground {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  position: absolute;\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderForeground.IncodeLoadingBorderSpinning {\n  animation: var(--animate-spin, spin 1s linear infinite);\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderPath {\n  transition: all 1s ease-in-out;\n}\n\n.IncodeNotification {\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeNotification .IncodeNotificationText {\n  text-align: center;\n  font-family: var(--typography-feedback-family);\n  font-size: var(--typography-feedback-l-size);\n  font-weight: var(--typography-feedback-l-weight);\n  line-height: var(--typography-feedback-l-line-height);\n  letter-spacing: var(--typography-feedback-l-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdCaptureNotification {\n  top: var(--spacing-24, var(--spacing-24, 24px));\n  right: var(--spacing-24, var(--spacing-24, 24px));\n  left: var(--spacing-24, var(--spacing-24, 24px));\n  z-index: 100;\n  max-width: var(--incode-form-max-w);\n  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));\n  align-items: flex-end;\n  margin: auto;\n  display: flex;\n  position: absolute;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {\n  z-index: 100;\n  border-radius: var(--radius-large, var(--border-radius-large));\n  border-style: var(--tw-border-style);\n  border-width: 2px;\n  border-color: var(--color-border-neutral-300, var(--border-neutral-300));\n  background-color: var(--color-surface-neutral-900-80, var(--surface-neutral-900-80));\n  width: 100%;\n  padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n  box-shadow: var(--id-capture-notification-content-shadow);\n  display: flex;\n  overflow: hidden;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText {\n  justify-content: center;\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  padding-top: var(--spacing-16, var(--spacing-16, 16px));\n  padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n  text-align: center;\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h3-size);\n  font-weight: var(--typography-headline-h3-weight);\n  line-height: var(--typography-headline-h3-line-height);\n  letter-spacing: var(--typography-headline-h3-letter-spacing);\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-tertiary-static, var(--text-body-300-tertiary-static));\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {\n  height: var(--id-capture-notification-animation-height);\n  justify-content: center;\n  align-items: center;\n  width: auto;\n  display: flex;\n}\n\n.IncodeVideoSelfieCapturePage {\n  background-color: var(--capture-page-backdrop-color);\n}\n\n.IncodeVideoSelfieCapturePage .IncodePageInner {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeVideoSelfieCapturePage .IncodePageContent {\n  flex: 1;\n  position: relative;\n}\n\n.IncodeVideoSelfieOverlay {\n  pointer-events: none;\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  z-index: 10;\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  container-type: inline-size;\n}\n\n.IncodeVideoSelfieSwitchingCameraPage {\n  background-color: var(--color-surface-neutral-900-static, var(--surface-neutral-900-static));\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodePageInner {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodePageContent {\n  flex: 1;\n  position: relative;\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCamera {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraContent {\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  text-align: center;\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraIcon {\n  width: var(--spacing-40, var(--spacing-40, 40px));\n  height: var(--spacing-40, var(--spacing-40, 40px));\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeVideoSelfieTutorialPage .IncodePageContent {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeVideoSelfieTutorialBody {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  flex: 1;\n  overflow-y: auto;\n}\n\n.IncodeVideoSelfieTutorialSteps {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  flex-direction: column;\n  margin-inline: auto;\n  display: flex;\n}\n\n.IncodeVideoSelfieTutorialStep {\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  display: flex;\n}\n\n.IncodeVideoSelfieTutorialStepIcon {\n  width: var(--spacing-40, var(--spacing-40, 40px));\n  height: var(--spacing-40, var(--spacing-40, 40px));\n  border-radius: var(--radius-small, var(--border-radius-small));\n  border-style: var(--tw-border-style);\n  border-width: 2px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.IncodeVideoSelfieTutorialStepIcon svg {\n  height: var(--spacing-24, var(--spacing-24, 24px));\n  width: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n.IncodeVideoSelfieTutorialStep:not(:last-child) .IncodeVideoSelfieTutorialStepIcon:after {\n  content: \"\";\n  height: var(--spacing-8, var(--spacing-8, 8px));\n  width: var(--spacing-2, var(--spacing-2, 2px));\n  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n  translate: var(--tw-translate-x) var(--tw-translate-y);\n  background-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  position: absolute;\n  top: 100%;\n  left: 50%;\n}\n\n.IncodeVideoSelfieTutorialStepLabel {\n  text-align: left;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h4-size);\n  font-weight: var(--typography-headline-h4-weight);\n  line-height: var(--typography-headline-h4-line-height);\n  letter-spacing: var(--typography-headline-h4-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeVideoSelfieTutorialActions {\n  bottom: var(--spacing-0, var(--spacing-none, 0px));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  width: 100%;\n  padding-top: var(--spacing-24, var(--spacing-24, 24px));\n  padding-bottom: var(--spacing-24, var(--spacing-24, 24px));\n  flex-shrink: 0;\n  display: flex;\n  position: sticky;\n}\n\n.IncodeVideoSelfieTutorialStartButton {\n  max-width: var(--incode-form-max-w);\n  margin: auto;\n}\n\n.IncodeVsStepsHeader {\n  inset-inline: var(--spacing-0, var(--spacing-none, 0px));\n  top: var(--spacing-0, var(--spacing-none, 0px));\n  gap: var(--spacing-2, var(--spacing-2, 2px));\n  width: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-top: var(--spacing-24, var(--spacing-24, 24px));\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n  z-index: var(--video-selfie-chrome-z-index);\n  background-color: #0000;\n  list-style-type: none;\n  display: flex;\n  position: absolute;\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderStep {\n  align-items: center;\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  width: 100%;\n  height: var(--video-selfie-stepper-height);\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n  position: relative;\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderStep img {\n  width: var(--spacing-32, var(--spacing-32, 32px));\n  height: var(--spacing-32, var(--spacing-32, 32px));\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderPill {\n  border-radius: var(--radius-full, var(--border-radius-full));\n  background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));\n  width: 100%;\n  height: var(--video-selfie-stepper-pill-height);\n  opacity: .25;\n  transition: opacity .3s ease-in-out;\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderStepCompleted .IncodeVsStepsHeaderPill {\n  opacity: .5;\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderStepCurrent .IncodeVsStepsHeaderPill {\n  opacity: 1;\n}\n\n.IncodeVsStepsHeader.IncodeVsStepsHeaderFinished .IncodeVsStepsHeaderPill {\n  background-color: var(--border-status-positive-static);\n  opacity: 1;\n}\n\n.IncodeVsSelfieManualCapture {\n  pointer-events: auto;\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMask {\n  border-radius: var(--radius-full, var(--border-radius-full));\n  z-index: var(--video-selfie-mask-z-index);\n  width: 86cqw;\n  height: 86cqw;\n  box-shadow: var(--video-selfie-mask-vignette-shadow);\n  position: absolute;\n  top: calc(50% - 7cqw);\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMask .IncodeVsSelfieMaskRing {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  overflow: visible;\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskFeedback {\n  inset-inline: var(--spacing-0, var(--spacing-none, 0px));\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  text-align: center;\n  width: 100%;\n  z-index: var(--video-selfie-chrome-z-index);\n  max-width: var(--video-selfie-feedback-max-width);\n  flex-direction: column;\n  margin-inline: auto;\n  display: flex;\n  position: absolute;\n  top: calc(50% + 36cqw + 40px);\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskIcon {\n  width: var(--spacing-32, var(--spacing-32, 32px));\n  height: var(--spacing-32, var(--spacing-32, 32px));\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskText {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeVsIdMask {\n  z-index: 50;\n  padding-inline: var(--spacing-24);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.IncodeVsIdMask .IncodeVsIdManualCapture {\n  bottom: var(--spacing-32);\n  z-index: 60;\n  pointer-events: auto;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.IncodeVsIdMask .IncodeIdCaptureNotification {\n  top: calc(var(--spacing-24) + var(--video-selfie-stepper-height) + var(--spacing-16));\n}\n\n.IncodeVsIdMask .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {\n  background-color: var(--surface-neutral-900-static);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback {\n  z-index: 100;\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  padding: var(--spacing-32, var(--spacing-32, 32px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n  background-color: var(--surface-neutral-900-static);\n  border: var(--border-width-regular) solid var(--border-neutral-100-static);\n  width: max-content;\n  max-width: var(--video-selfie-id-feedback-max-width);\n  flex-direction: column;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  overflow: hidden;\n  transform: translate(-50%, -50%);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackError {\n  width: var(--video-selfie-id-feedback-width);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackProcessing {\n  gap: var(--spacing-16);\n  color: var(--text-body-50-static);\n  width: var(--video-selfie-id-processing-feedback-width);\n  height: var(--video-selfie-id-processing-feedback-height);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackProcessing p {\n  white-space: nowrap;\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback .IncodeVsIdFeedbackSpinnerPrimary {\n  fill: var(--spinner-surface-primary);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback .IncodeVsIdFeedbackSpinnerSecondary {\n  fill: var(--surface-brand-900-static);\n}\n\n.IncodeVsIdFlipModal .IncodeModalDialog {\n  max-width: none;\n  height: 100%;\n}\n\n.IncodeVsIdFlipModal .IncodeModalContent {\n  border-radius: var(--radius-none, var(--border-radius-none));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  max-width: none;\n  height: 100%;\n  padding: var(--spacing-24, var(--spacing-24, 24px));\n  justify-content: center;\n  gap: var(--video-selfie-id-flip-gap);\n}\n\n.IncodeVsIdFlipModal .IncodeModalTitleSectionCenter {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeVsIdFlipModal .IncodeVsIdFlipAnimation {\n  height: var(--video-selfie-id-flip-animation-height);\n  width: var(--video-selfie-id-flip-animation-width);\n  overflow: hidden;\n}\n\n.IncodeVsFinalSuccess {\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeVsFinalSuccess .IncodeVsFinalSuccessTitle {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeVsPoaMask {\n  pointer-events: none;\n  z-index: 50;\n  position: absolute;\n  inset: 0;\n}\n\n.IncodeVsPoaBanner {\n  top: var(--spacing-0, var(--spacing-none, 0px));\n  right: var(--spacing-0, var(--spacing-none, 0px));\n  left: var(--spacing-0, var(--spacing-none, 0px));\n  background-color: var(--color-surface-neutral-1000-80-static, var(--surface-neutral-1000-80-static));\n  padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n  padding-top: var(--poa-mask-banner-padding-top);\n  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n}\n\n.IncodeVsPoaBannerText {\n  text-align: center;\n  color: var(--poa-mask-banner-text-color);\n  margin: 0;\n  font-size: 1.5rem;\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n.IncodeVsPoaBannerEmphasis {\n  color: var(--poa-mask-emphasis-color);\n}\n\n.IncodeVsPoaActions {\n  right: var(--spacing-16, var(--spacing-16, 16px));\n  bottom: var(--spacing-16, var(--spacing-16, 16px));\n  left: var(--spacing-16, var(--spacing-16, 16px));\n  justify-content: center;\n  display: flex;\n  position: absolute;\n}\n\n.IncodeVsPoaButton {\n  pointer-events: auto;\n  width: 100%;\n}\n\n.IncodeVsVoicePanel {\n  pointer-events: auto;\n  z-index: var(--video-selfie-mask-z-index);\n  align-items: center;\n  gap: var(--spacing-12);\n  padding: var(--spacing-20) var(--spacing-16);\n  border-radius: var(--border-radius-large);\n  background: var(--surface-neutral-0-static);\n  color: var(--text-body-800-primary-static);\n  border: var(--video-selfie-voice-panel-border-width) solid transparent;\n  box-shadow: var(--video-selfie-voice-vignette-shadow);\n  flex-direction: column;\n  transition: border-color .3s ease-in-out;\n  display: flex;\n  position: absolute;\n  bottom: 10px;\n  left: 10px;\n  right: 10px;\n}\n\n.IncodeVsVoicePanel.IncodeVsVoicePanelActive {\n  border-color: var(--border-brand-500);\n}\n\n.IncodeVsVoicePanel.IncodeVsVoicePanelProcessing {\n  border-style: var(--tw-border-style);\n  left: var(--spacing-8);\n  right: var(--spacing-8);\n  bottom: var(--spacing-8);\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-16);\n  height: var(--video-selfie-voice-processing-height);\n  min-height: var(--video-selfie-voice-processing-height);\n  padding: var(--spacing-24) var(--spacing-16);\n  border-width: 0;\n}\n\n.IncodeVsVoicePanel .IncodeVsVoicePanelProcessingTitle {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-spinner-text-title, var(--spinner-text-title));\n}\n\n.IncodeVsVoicePanel .IncodeVsVoicePanelLabel {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h4-size);\n  font-weight: var(--typography-headline-h4-weight);\n  line-height: var(--typography-headline-h4-line-height);\n  letter-spacing: var(--typography-headline-h4-letter-spacing);\n  color: var(--text-body-500-secondary-static);\n}\n\n.IncodeVsVoicePanel .IncodeVsVoicePanelTitle {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--text-body-800-primary-static);\n}\n\n.IncodeVsVoicePanel .IncodeVsVoicePanelButton {\n  width: 100%;\n}\n\n.IncodeVsVoicePanel .IncodeVsVoiceStepper {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  width: 100%;\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  list-style-type: none;\n  display: flex;\n}\n\n.IncodeVsVoicePanel .IncodeVsVoiceStep {\n  height: var(--spacing-4);\n  border-radius: var(--border-radius-full);\n  background: var(--surface-neutral-100-static);\n  flex: 1;\n}\n\n.IncodeVsVoicePanel .IncodeVsVoiceStepActive {\n  background: var(--surface-brand-500-static);\n}\n\n.IncodeVsVoicePanel .IncodeVsVoiceMic {\n  width: var(--spacing-16);\n  height: var(--spacing-16);\n  border-radius: var(--border-radius-full);\n  background: var(--icon-status-negative);\n  animation: 1.2s ease-in-out infinite IncodeVsVoiceMicPulse;\n}\n\n@keyframes IncodeVsVoiceMicPulse {\n  0%, 100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  50% {\n    opacity: .4;\n    transform: scale(.8);\n  }\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n";