@incodetech/web 2.2.0 → 2.3.0-rc.0

package/dist/flow/flow.es.js

@@ -1,11 +1,12 @@
-import { a as useTranslation, l as readStoredLanguage, t as setThemeUiConfig } from "../uiConfig-Dqnjankd.js";
-import { c as z, d as T, l as A, o as P, p as d, v as y, y as u } from "../vendor-preact-BPXMFRom.js";
-import { a as TerminalErrorPage, b as useManager, i as ResolvedConfigProvider, l as TransitionSpinner, t as IncodeComponent } from "../incodeComponent-BtFz-bx2.js";
-import { n as ErrorIcon } from "../incode-logo-DeIDDejm.js";
-import { t as StatusPage } from "../statusPage-BF4qGjF3.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-9K8KUs61.js";
-import { _ as warmupWasmIfNeeded, a as resolveApiKey, c as HEADLESS_FLOW_MODULE_KEYS, d as fetchTheme, f as initializeFlowManager, h as preloadRedirectToMobile, l as LAZY_UI_MODULES, m as preloadHomeScreen, n as useModulePreloader, o as extractIncodeStatus, p as preloadFirstModule, r as usePrefetchNextModule, s as UnsupportedModule, t as useModuleLoader, u as createFlowManager, v as isDesktopOrEmulated } from "../useModuleLoader-DxOEZ0vn.js";
-import { getRequiredWasmPipelines } from "@incodetech/core/flow";
+import { o as useTranslation, t as setThemeUiConfig, u as readStoredLanguage } from "../uiConfig-C1jdTj-i.js";
+import { _ as y, a as P, c as A, f as d, s as z, u as T, v as u } from "../vendor-preact-C0jX1Cbq.js";
+import { S as useManager, a as ResolvedConfigProvider, d as TransitionSpinner, s as TerminalErrorPage, t as IncodeComponent } from "../incodeComponent-D3_BSWan.js";
+import { b as ErrorIcon } from "../icons-eIgP34nj.js";
+import { t as StatusPage } from "../statusPage-Bqz3Ci4f.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-BQgvYKyr.js";
+import { a as LAZY_UI_MODULES, c as initializeFlowManager, f as warmupWasmIfNeeded, i as HEADLESS_FLOW_MODULE_KEYS, l as preloadFirstModule, m as resolveSessionLanguage, n as extractIncodeStatus, o as createFlowManager, r as UnsupportedModule, s as fetchTheme, t as resolveApiKey, u as preloadHomeScreen } from "../resolveApiKey-CB1_7ISm.js";
+import { i as usePrefetchNextModule, n as useModuleLoader, r as useModulePreloader } from "../useModuleLoader-DpcbSKBH.js";
+import { getNextRequiredWasmPipelines } from "@incodetech/core/flow";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";
 //#region src/shared/processing/useDelayedFlag.ts
 /**
@@ -32,6 +33,28 @@ function useDelayedFlag(isTrue, delayMs) {
 	return delayed;
 }
 //#endregion
+//#region src/modules/flow/flowConfig.ts
+function hasFlowToken(config) {
+	return typeof config.token === "string";
+}
+function isSelfLoadingFlowConfig(config) {
+	const bootstrapConfig = config;
+	return typeof bootstrapConfig.configurationId === "string" && (typeof bootstrapConfig.apiKey === "string" || typeof bootstrapConfig.clientId === "string");
+}
+//#endregion
+//#region src/modules/flow/moduleErrorHandler.ts
+/**
+* Use the module's real error message when present, else `fallbackMessage`.
+* Note: several module managers (e.g. mandatoryConsentManager) backfill a
+* non-undefined 'Unknown error' when they have no real message — this still
+* forwards that as-is, so only use this where a specific message is wanted.
+*/
+function createModuleErrorHandler(flowManager, fallbackMessage) {
+	return (error, _errorCode, moduleErrorCode) => {
+		flowManager.errorModule(error ?? fallbackMessage, moduleErrorCode);
+	};
+}
+//#endregion
 //#region src/modules/flow/sessionFinishedPage.tsx
 var SessionFinishedPage = () => {
 	const { ready, t } = useTranslation();
@@ -61,15 +84,6 @@ async function createFlowSession(config, signal) {
 	}, signal);
 }
 //#endregion
-//#region src/modules/flow/flowConfig.ts
-function hasFlowToken(config) {
-	return typeof config.token === "string";
-}
-function isSelfLoadingFlowConfig(config) {
-	const bootstrapConfig = config;
-	return typeof bootstrapConfig.configurationId === "string" && (typeof bootstrapConfig.apiKey === "string" || typeof bootstrapConfig.clientId === "string");
-}
-//#endregion
 //#region src/modules/flow/preloadFlow.ts
 var preloadCache = /* @__PURE__ */ new Map();
 function createPreloadHandle(token) {
@@ -120,20 +134,19 @@ function preloadIncodeFlow(config) {
 	preloadCache.set(token, state);
 	const preload = async () => {
 		try {
-			await initializeFlowManager({
+			const managerReady = initializeFlowManager({
 				token: config.token,
 				lang: config.lang,
 				flowManager
 			});
+			managerReady.catch(() => void 0);
 			const themePromise = config.disableDashboardTheme ? Promise.resolve({}) : fetchTheme(config.token).then((result) => {
 				state.theme = result.theme;
 				state.uiConfig = result.uiConfig;
 			});
-			state.unsubscribe = flowManager.subscribe((managerState) => {
+			const onManagerState = (managerState) => {
 				if (managerState.status === "ready") {
-					const readyState = managerState;
-					warmupWasmIfNeeded(readyState, config.wasmConfig);
-					preloadFirstModule(readyState);
+					preloadFirstModule(managerState);
 					state.unsubscribe?.();
 					state.unsubscribe = void 0;
 					state.status = "ready";
@@ -145,8 +158,15 @@ function preloadIncodeFlow(config) {
 					state.error = managerState.error;
 					state.readyReject(new Error(managerState.error));
 				}
-			});
+			};
+			state.unsubscribe = flowManager.subscribe(onManagerState);
+			onManagerState(flowManager.getState());
 			await themePromise;
+			try {
+				await managerReady;
+			} catch (error) {
+				console.warn("[incode] Session activation failed; the preload continues on the flow state:", error);
+			}
 		} catch (error) {
 			state.status = "error";
 			state.error = error instanceof Error ? error.message : "Failed to preload";
@@ -170,9 +190,6 @@ function consumePreloadedData(token) {
 function maybePreloadHomeScreen(flowManager) {
 	if (flowManager.getState().presentation.shouldPrefetchHome) preloadHomeScreen();
 }
-function maybePreloadRedirectToMobile() {
-	if (isDesktopOrEmulated()) preloadRedirectToMobile();
-}
 function isFlowManagerError(flowManager, errorMessage) {
 	const managerState = flowManager.getState();
 	return managerState.status === "error" && managerState.error === errorMessage;
@@ -189,7 +206,6 @@ function useFlowInitialization(options) {
 				if (consumed) {
 					flowManagerRef.current = consumed.flowManager;
 					maybePreloadHomeScreen(consumed.flowManager);
-					maybePreloadRedirectToMobile();
 					if (consumed.uiConfig) setThemeUiConfig(consumed.uiConfig);
 					return {
 						status: "ready",
@@ -211,7 +227,6 @@ function useFlowInitialization(options) {
 			if (preloaded.status === "loading") {
 				flowManagerRef.current = preloaded.flowManager;
 				maybePreloadHomeScreen(preloaded.flowManager);
-				maybePreloadRedirectToMobile();
 				return {
 					status: "initializing",
 					flowManager: preloaded.flowManager
@@ -231,7 +246,6 @@ function useFlowInitialization(options) {
 			flowManager
 		};
 		maybePreloadHomeScreen(flowManager);
-		maybePreloadRedirectToMobile();
 		return {
 			status: "initializing",
 			flowManager
@@ -242,12 +256,13 @@ function useFlowInitialization(options) {
 		if (state.status !== "initializing") return;
 		const preloaded = token ? getPreloadedData(token) : null;
 		if (token && preloaded?.status === "loading") {
+			let cancelled = false;
 			preloaded.readyPromise.then(() => {
+				if (cancelled) return;
 				const consumed = consumePreloadedData(token);
 				if (consumed) {
 					flowManagerRef.current = consumed.flowManager;
 					maybePreloadHomeScreen(consumed.flowManager);
-					maybePreloadRedirectToMobile();
 					if (consumed.uiConfig) setThemeUiConfig(consumed.uiConfig);
 					setState({
 						status: "ready",
@@ -255,6 +270,7 @@ function useFlowInitialization(options) {
 					});
 				}
 			}).catch((error) => {
+				if (cancelled) return;
 				const flowManager = consumePreloadedData(token)?.flowManager ?? state.flowManager;
 				const errorMessage = error instanceof Error ? error.message : "Preload failed";
 				const errorCode = extractIncodeStatus(error);
@@ -266,7 +282,9 @@ function useFlowInitialization(options) {
 				});
 				if (!isFlowManagerError(flowManager, errorMessage)) onError?.(errorMessage, errorCode);
 			});
-			return;
+			return () => {
+				cancelled = true;
+			};
 		}
 		if (initStartedRef.current) return;
 		initStartedRef.current = true;
@@ -287,20 +305,27 @@ function useFlowInitialization(options) {
 					resolvedToken = session.token;
 					state.flowManager.setEndScreenTexts(session.endScreenTitle ?? null, session.endScreenText ?? null);
 				} else throw new Error("Flow requires token, or configurationId with apiKey or clientId");
-				await initializeFlowManager({
+				const activation = initializeFlowManager({
 					token: resolvedToken,
 					lang,
 					flowManager: state.flowManager
 				});
+				activation.catch(() => void 0);
 				const themePromise = disableDashboardTheme ? Promise.resolve() : fetchTheme(resolvedToken).then((result) => {
-					if (result.uiConfig) setThemeUiConfig(result.uiConfig);
+					if (!signal.aborted && result.uiConfig) setThemeUiConfig(result.uiConfig);
 				});
 				const flowReadyPromise = state.flowManager.waitForReady();
 				await Promise.all([flowReadyPromise, themePromise]);
+				if (signal.aborted) return;
 				setState({
 					status: "ready",
 					flowManager: state.flowManager
 				});
+				try {
+					await activation;
+				} catch (error) {
+					console.warn("[incode] Session activation failed; continuing with the rendered flow:", error);
+				}
 			} catch (error) {
 				if (signal.aborted) return;
 				const errorMessage = error instanceof Error ? error.message : "Failed to initialize SDK";
@@ -329,20 +354,215 @@ function useFlowInitialization(options) {
 	return state;
 }
 //#endregion
+//#region src/modules/flow/loadFlowStylesheets.ts
+var loads = /* @__PURE__ */ new WeakMap();
+/** Keep module sheets after base.css, in CSS import order rather than fetch order. */
+function loadFlowStylesheet(load, order, nonce) {
+	let documentLoads = loads.get(document);
+	if (!documentLoads) {
+		documentLoads = /* @__PURE__ */ new Map();
+		loads.set(document, documentLoads);
+	}
+	const cached = documentLoads.get(load);
+	if (cached) return cached;
+	const promise = load().then(({ default: css }) => {
+		const style = document.createElement("style");
+		style.dataset.incodeFlowCss = String(order);
+		if (nonce) style.nonce = nonce;
+		style.textContent = css;
+		const owned = Array.from(document.head.querySelectorAll("style[data-incode-flow-css]"));
+		const next = owned.find((sheet) => Number(sheet.dataset.incodeFlowCss) > order);
+		const last = owned[owned.length - 1];
+		document.head.insertBefore(style, next ?? (last ? last.nextSibling : null));
+		if (!style.sheet) {
+			style.remove();
+			throw new Error("Flow stylesheet blocked; check the Content Security Policy and cssNonce");
+		}
+	}).catch((error) => {
+		documentLoads.delete(load);
+		throw error;
+	});
+	documentLoads.set(load, promise);
+	return promise;
+}
+//#endregion
+//#region src/modules/flow/flowStyles.ts
+var shell = () => import("./shell/styles.css.js");
+var moduleSheets = [
+	{
+		keys: [
+			"SELFIE",
+			"AUTHENTICATION",
+			"VIDEO_ONBOARDING"
+		],
+		load: () => import("../selfie/styles.css.js")
+	},
+	{
+		keys: ["PHONE"],
+		load: () => import("../phone/styles.css.js")
+	},
+	{
+		keys: ["EMAIL", "DYNAMIC_FORMS"],
+		load: () => import("../email/styles.css.js")
+	},
+	{
+		keys: ["FACE_MATCH"],
+		load: () => import("../face-match/styles.css.js")
+	},
+	{
+		keys: ["GOVT_VALIDATION_PROVISIONING", "INE_VALIDATION"],
+		load: () => import("../government-validation/styles.css.js")
+	},
+	{
+		keys: [
+			"ID",
+			"ID_CAPTURE",
+			"TUTORIAL_ID",
+			"SECOND_ID",
+			"VIDEO_ONBOARDING"
+		],
+		load: () => import("../id/styles.css.js")
+	},
+	{
+		keys: ["ID_OCR"],
+		load: () => import("../id-ocr/styles.css.js")
+	},
+	{
+		keys: ["DOCUMENT_CAPTURE", "ADDRESS"],
+		load: () => import("../document-capture/styles.css.js")
+	},
+	{
+		keys: ["CURP_VALIDATION"],
+		load: () => import("../curp-validation/styles.css.js")
+	},
+	{
+		keys: ["GEOLOCATION"],
+		load: () => import("../geolocation/styles.css.js")
+	},
+	{
+		keys: ["EXTERNAL_VERIFICATION"],
+		load: () => import("../ekyc/styles.css.js")
+	},
+	{
+		keys: ["EKYB"],
+		load: () => import("../ekyb/styles.css.js")
+	},
+	{
+		keys: ["REDIRECT_TO_MOBILE"],
+		load: () => import("../redirect-to-mobile/styles.css.js")
+	},
+	{
+		keys: [
+			"COMBINED_CONSENT",
+			"MANDATORY_CONSENT",
+			"ML_CONSENT"
+		],
+		load: () => import("../consent/styles.css.js")
+	},
+	{
+		keys: ["CUSTOM_FIELDS"],
+		load: () => import("../custom-fields/styles.css.js")
+	},
+	{
+		keys: ["DYNAMIC_FORMS"],
+		load: () => import("../dynamic-forms/styles.css.js")
+	},
+	{
+		keys: ["SIGNATURE"],
+		load: () => import("../signature/styles.css.js")
+	},
+	{
+		keys: ["FIELD_COMPARISON"],
+		load: () => import("../field-comparison/styles.css.js")
+	},
+	{
+		keys: ["WATCHLIST_BUSINESS"],
+		load: () => import("../watchlist-for-business/styles.css.js")
+	},
+	{
+		keys: ["AE_SIGNATURE", "QE_SIGNATURE"],
+		load: () => import("../electronic-signature/styles.css.js")
+	},
+	{
+		keys: ["CERTIFICATE_ISSUANCE"],
+		load: () => import("../certificate-issuance/styles.css.js")
+	},
+	{
+		keys: ["FISCAL_QR"],
+		load: () => import("../fiscal-qr/styles.css.js")
+	},
+	{
+		keys: ["VIDEO_ONBOARDING"],
+		load: () => import("../video-selfie/styles.css.js")
+	}
+];
+async function loadFlowStyles(moduleKey, nonce) {
+	const pending = [loadFlowStylesheet(shell, moduleSheets.length, nonce)];
+	if (moduleKey) moduleSheets.forEach((sheet, index) => {
+		if (sheet.keys.includes(moduleKey)) pending.push(loadFlowStylesheet(sheet.load, index, nonce));
+	});
+	await Promise.all(pending);
+}
+//#endregion
+//#region src/modules/flow/useFlowStyles.ts
+function useFlowStyles(enabled, onError, nonce) {
+	const [loaded, setLoaded] = d(false);
+	const [error, setError] = d(false);
+	const onErrorRef = A(onError);
+	onErrorRef.current = onError;
+	y(() => {
+		if (!enabled) return;
+		let cancelled = false;
+		loadFlowStyles(void 0, nonce).then(() => {
+			if (!cancelled) setLoaded(true);
+		}, (error) => {
+			if (!cancelled) {
+				setError(true);
+				onErrorRef.current?.(error instanceof Error ? error.message : "Failed to load flow styles");
+			}
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [enabled, nonce]);
+	return {
+		ready: !enabled || loaded,
+		error: enabled && error
+	};
+}
+//#endregion
 //#region src/modules/flow/flow.tsx
-var LazyHomeScreen = z(() => import("../homeScreen-Bv9mUUOF.js").then((module) => ({ default: module.HomeScreen })));
-var IncodeFlowContent = ({ config, onFinish, onError }) => {
+var LazyHomeScreen = z(() => import("../homeScreen-vLMuzGDq.js").then((module) => ({ default: module.HomeScreen })));
+var IncodeFlowInitialization = ({ config, onFinish, onError, stylesReady }) => {
 	const { i18n } = useTranslation();
+	const initialSessionLanguage = A(isSelfLoadingFlowConfig(config) ? resolveSessionLanguage(config.lang, i18n.language, readStoredLanguage()) : config.lang).current;
 	const initState = useFlowInitialization(T(() => ({
 		...config,
+		lang: initialSessionLanguage,
 		onError
-	}), [config, onError]));
+	}), [
+		config,
+		initialSessionLanguage,
+		onError
+	]));
 	const [flowState, flowManager] = useManager(() => initState.flowManager, { autoLoad: false });
+	if (!stylesReady) return null;
+	return /* @__PURE__ */ u(IncodeFlowContent, {
+		config,
+		onFinish,
+		onError,
+		initState,
+		flowState,
+		flowManager
+	});
+};
+var IncodeFlowContent = ({ config, onFinish, onError, initState, flowState, flowManager }) => {
+	const { i18n } = useTranslation();
 	const lazyModuleKey = flowState.presentation.lazyModuleKey;
 	const currentModuleKey = flowState.status === "ready" ? flowState.currentStep : void 0;
 	const moduleLoaderState = useModuleLoader({
 		moduleKey: lazyModuleKey,
-		modules: LAZY_UI_MODULES,
+		modules: T(() => config.injectCss ? Object.fromEntries(Object.entries(LAZY_UI_MODULES).map(([key, load]) => [key, () => Promise.all([load(), loadFlowStyles(key, config.cssNonce)]).then(([Component]) => Component)])) : LAZY_UI_MODULES, [config.injectCss, config.cssNonce]),
 		onModuleLoading: config.onModuleLoading,
 		onModuleLoaded: config.onModuleLoaded,
 		onError
@@ -352,7 +572,7 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 		modules: LAZY_UI_MODULES
 	});
 	const currentModuleLoaded = moduleLoaderState.status === "loaded";
-	const showHomeLoadingScreen = config.enableHome === true && flowState.status === "ready" && flowState.flow.disableLaunchScreen !== true && flowState.currentStepIndex === 0 && flowState.homeScreen.visible === false && moduleLoaderState.status === "loading";
+	const showHomeLoadingScreen = config.enableHome === true && flowState.status === "ready" && flowState.flow.disableLaunchScreen !== true && flowState.currentStepIndex === 0 && flowState.currentStep !== "REDIRECT_TO_MOBILE" && flowState.homeScreen.visible === false && moduleLoaderState.status === "loading";
 	const isAwaitingReadyDelayed = useDelayedFlag(flowState.presentation.isAwaitingReady === true, 150);
 	const isModuleLoadingDelayed = useDelayedFlag(flowState.status === "ready" && (moduleLoaderState.status === "idle" || moduleLoaderState.status === "loading" || moduleLoaderState.status === "error"), 150);
 	usePrefetchNextModule(flowState?.status === "ready" ? flowState.steps : [], flowState?.status === "ready" ? flowState.currentStepIndex : -1, LAZY_UI_MODULES, currentModuleLoaded);
@@ -367,16 +587,30 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 		if (readStoredLanguage()) return;
 		if (config.lang && i18n.language !== config.lang) i18n.changeLanguage(config.lang);
 	}, [config.lang, i18n]);
+	const showHome = flowState.homeScreen.visible || showHomeLoadingScreen;
+	const canWarmup = !flowState.homeScreen.visible || flowState.homeScreen.isContinueLoading;
+	const [, refreshWasmStatus] = d(0);
+	const pipelineKey = flowState.status === "ready" ? getNextRequiredWasmPipelines(flowState).join(",") : "";
+	const onWasmWarmup = A(config.onWasmWarmup);
+	onWasmWarmup.current = config.onWasmWarmup;
 	y(() => {
-		if (flowState?.status !== "ready") return;
-		if (flowState.currentStep === "REDIRECT_TO_MOBILE") return;
-		const readyState = flowState;
-		const requiredPipelines = getRequiredWasmPipelines(readyState.flow);
-		if (requiredPipelines.length > 0) {
-			config.onWasmWarmup?.(requiredPipelines);
-			warmupWasmIfNeeded(readyState, config.wasmConfig);
-		}
-	}, [flowState, config]);
+		if (!canWarmup || !pipelineKey) return;
+		let cancelled = false;
+		const pipelines = pipelineKey.split(",");
+		onWasmWarmup.current?.(pipelines);
+		warmupWasmIfNeeded(pipelines, config.wasmConfig).then(() => {
+			if (!cancelled) refreshWasmStatus((version) => version + 1);
+		}).catch((error) => {
+			console.error("WASM warmup failed:", error);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		pipelineKey,
+		canWarmup,
+		config.wasmConfig
+	]);
 	const terminalFiredRef = A(false);
 	y(() => {
 		if (terminalFiredRef.current) return;
@@ -409,7 +643,7 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 		class: "IncodeFlow",
 		children: /* @__PURE__ */ u(TerminalErrorPage, { message: initState.error })
 	});
-	if (flowState.homeScreen.visible || showHomeLoadingScreen) return /* @__PURE__ */ u("div", {
+	if (showHome) return /* @__PURE__ */ u("div", {
 		class: "IncodeFlow",
 		children: /* @__PURE__ */ u(P, {
 			fallback: null,
@@ -463,6 +697,10 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 				onNext: () => flowManager.completeModule()
 			})
 		});
+		if (config.injectCss && moduleLoaderState.status === "error") return /* @__PURE__ */ u("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ u(TerminalErrorPage, {})
+		});
 		if (moduleLoaderState.status === "idle" || moduleLoaderState.status === "loading" || moduleLoaderState.status === "error") {
 			if (!isModuleLoadingDelayed) return /* @__PURE__ */ u("div", { class: "IncodeFlow" });
 			return /* @__PURE__ */ u("div", {
@@ -477,7 +715,10 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 		if (currentStep === "REDIRECT_TO_MOBILE") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
 			children: /* @__PURE__ */ u(Component, {
-				config: flowConfig,
+				config: {
+					...flowConfig,
+					...config.redirectToMobileUrl !== void 0 ? { url: config.redirectToMobileUrl } : {}
+				},
 				onFinish: () => flowManager.finishFlow(),
 				onContinue: () => flowManager.completeModule(),
 				onError
@@ -498,9 +739,7 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 			children: /* @__PURE__ */ u(Component, {
 				config: flowConfig,
 				onFinish: () => flowManager.completeModule(),
-				onError: (error) => {
-					onError?.(error ?? "Video selfie error");
-				}
+				onError: createModuleErrorHandler(flowManager, "Video selfie error")
 			}, `video-onboarding-${flowState.currentStepIndex}`)
 		});
 		if (currentStep === "AUTHENTICATION") return /* @__PURE__ */ u("div", {
@@ -511,7 +750,7 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 					authHint: config.authHint
 				},
 				onFinish: () => flowManager.completeModule(),
-				onError: (error, _errorCode, moduleErrorCode) => flowManager.errorModule(error ?? "Authentication error", moduleErrorCode)
+				onError: createModuleErrorHandler(flowManager, "Authentication error")
 			}, `authentication-${flowState.currentStepIndex}`)
 		});
 		if (currentStep === "PHONE") return /* @__PURE__ */ u("div", {
@@ -543,13 +782,16 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 		}
 		if (currentStep === "ID" || currentStep === "SECOND_ID") {
 			const idConfig = flowConfig;
+			const isSecondId = currentStep === "SECOND_ID";
 			return /* @__PURE__ */ u("div", {
 				class: "IncodeFlow",
 				children: /* @__PURE__ */ u(Component, {
-					config: currentStep === "SECOND_ID" ? {
+					config: {
 						...idConfig,
-						isSecondId: true
-					} : idConfig,
+						...isSecondId ? { isSecondId: true } : {},
+						digitalIdReturn: config.digitalIdReturn,
+						digitalIdReturnUrl: config.digitalIdReturnUrl ?? (typeof window !== "undefined" ? `${window.location.origin}${window.location.pathname}` : void 0)
+					},
 					onFinish: (output) => flowManager.completeModule(output),
 					onError: (error) => {
 						onError?.(error ?? "ID capture error");
@@ -707,21 +949,22 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 						type: isMlConsent ? "ML" : "MANDATORY"
 					},
 					onFinish: () => flowManager.completeModule(),
-					onError: (error) => {
-						onError?.(error ?? (isMlConsent ? "ML consent error" : "Mandatory consent error"));
-					}
+					onError: createModuleErrorHandler(flowManager)
 				}, `${isMlConsent ? "ml" : "mandatory"}-consent-${flowState.currentStepIndex}`)
 			});
 		}
 		if (currentStep === "AE_SIGNATURE" || currentStep === "QE_SIGNATURE") {
 			const sigConfig = flowConfig;
 			const label = currentStep === "QE_SIGNATURE" ? "qe" : "ae";
+			const providerCode = currentStep === "QE_SIGNATURE" ? flowConfig.providerCode : void 0;
 			return /* @__PURE__ */ u("div", {
 				class: "IncodeFlow",
 				children: /* @__PURE__ */ u(Component, {
 					config: {
 						uploadDocument: sigConfig.uploadDocument,
-						downloadDocument: sigConfig.downloadDocument
+						downloadDocument: sigConfig.downloadDocument,
+						providerCode,
+						language: i18n.language
 					},
 					onFinish: () => flowManager.completeModule(),
 					onError: (error) => {
@@ -845,10 +1088,13 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 	return null;
 };
 var IncodeFlow = ({ config, onFinish = () => {}, onError }) => {
-	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(ResolvedConfigProvider, { children: /* @__PURE__ */ u(IncodeFlowContent, {
+	const styles = useFlowStyles(config?.injectCss, onError, config?.cssNonce);
+	if (styles.error) return /* @__PURE__ */ u(IncodeComponent, { children: /* @__PURE__ */ u(TerminalErrorPage, {}) });
+	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(ResolvedConfigProvider, { children: /* @__PURE__ */ u(IncodeFlowInitialization, {
 		config,
 		onFinish,
-		onError
+		onError,
+		stylesReady: styles.ready
 	}) }) : null });
 };
 registerIncodeModuleElement(IncodeFlow, "incode-flow");