@incodetech/web 2.0.1 → 2.1.0-rc.0

package/dist/flow/flow.es.js

@@ -1,661 +1,796 @@
-import { n as e } from "../i18n-9s4OSqwi.js";
-import { _ as t, c as n, d as r, l as i, o as a, p as o, v as s } from "../vendor-preact-D6SntenC.js";
-import { t as c } from "../uiConfig-CwpQ-IM6.js";
-import { o as l } from "../hooks-BVnGysT7.js";
-import { t as u } from "../incodeComponent-C1o4M0ZK.js";
-import { t as d } from "../transitionSpinner-PIEPU2Vx.js";
-import { t as f } from "../incodeModule-BqCjVgEI.js";
-import { a as p, c as m, d as h, f as g, h as _, l as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T } from "../useModuleLoader-BFiVA41N.js";
-import { getDeviceClass as E } from "@incodetech/core/device";
-import { getRequiredWasmPipelines as D } from "@incodetech/core/flow";
-import { QrValidationError as O, bootstrapSession as k, refreshQrUrlUuid as A } from "@incodetech/core/session";
+import { n as useTranslation, o as readStoredLanguage } from "../i18n-CoCO2ZuN.js";
+import { _ as y, c as z, d as T, l as A, o as P, p as d, v as u } from "../vendor-preact-DThS2ZQ_.js";
+import { t as setUiConfig } from "../uiConfig-D2_wawvr.js";
+import { c as useManager } from "../hooks-Da_yP_Dr.js";
+import { t as IncodeComponent } from "../incodeComponent-wfnHlnXx.js";
+import { t as TransitionSpinner } from "../transitionSpinner-DRRz-NV8.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-BUDoTwT9.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, y as TerminalErrorPage } from "../useModuleLoader-CeJ2jL25.js";
+import { getDeviceClass } from "@incodetech/core/device";
+import { getRequiredWasmPipelines } from "@incodetech/core/flow";
+import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";
 //#region src/shared/processing/useDelayedFlag.ts
-function j(e, n) {
-	let [r, i] = o(!1);
-	return t(() => {
-		if (e === !1) {
-			i(!1);
+/**
+* Returns `true` only once `isTrue` has stayed `true` continuously for
+* `delayMs`. Resets to `false` immediately when `isTrue` flips back.
+*
+* Useful to suppress transient loading indicators when an operation
+* completes faster than the given threshold.
+*/
+function useDelayedFlag(isTrue, delayMs) {
+	const [delayed, setDelayed] = d(false);
+	y(() => {
+		if (isTrue === false) {
+			setDelayed(false);
 			return;
 		}
-		let t = window.setTimeout(() => {
-			i(!0);
-		}, n);
+		const timeoutId = window.setTimeout(() => {
+			setDelayed(true);
+		}, delayMs);
 		return () => {
-			window.clearTimeout(t);
+			window.clearTimeout(timeoutId);
 		};
-	}, [e, n]), r;
+	}, [isTrue, delayMs]);
+	return delayed;
 }
 //#endregion
 //#region src/modules/flow/createFlowSession.ts
-function M(e) {
-	return Array.from(new Uint8Array(e), (e) => e.toString(16).padStart(2, "0")).join("");
-}
-async function N(e) {
-	let t = globalThis.crypto?.subtle;
-	if (!t) throw Error("SHA-1 is not available in this environment");
-	return M(await t.digest("SHA-1", new TextEncoder().encode(e)));
-}
-async function P(e) {
-	if (typeof e.apiKey == "string") return e.apiKey;
-	if (typeof e.clientId == "string") return N(e.clientId);
-	throw Error("Flow self-loading mode requires apiKey or clientId");
-}
-async function F(e, t) {
-	return k(await P(e), {
-		configurationId: e.configurationId,
-		externalId: e.externalId,
-		externalCustomerId: e.externalCustomerId,
-		language: e.lang,
-		customFields: e.customFields,
-		uuid: e.uuid,
-		urlUuid: e.urlUuid,
-		interviewId: e.interviewId,
-		onUrlUuidRefreshed: e.onUrlUuidRefreshed
-	}, t);
+async function createFlowSession(config, signal) {
+	return bootstrapSession(await resolveApiKey(config), {
+		configurationId: config.configurationId,
+		externalId: config.externalId,
+		externalCustomerId: config.externalCustomerId,
+		language: config.lang,
+		customFields: config.customFields,
+		uuid: config.uuid,
+		urlUuid: config.urlUuid,
+		interviewId: config.interviewId,
+		loginHint: config.loginHint,
+		onUrlUuidRefreshed: config.onUrlUuidRefreshed
+	}, signal);
 }
 //#endregion
 //#region src/modules/flow/flowConfig.ts
-function I(e) {
-	return typeof e.token == "string";
+function hasFlowToken(config) {
+	return typeof config.token === "string";
 }
-function L(e) {
-	let t = e;
-	return typeof t.configurationId == "string" && (typeof t.apiKey == "string" || typeof t.clientId == "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 R = /* @__PURE__ */ new Map();
-function z(e) {
-	let t = R.get(e);
-	if (!t) throw Error("Preload state not found");
+var preloadCache = /* @__PURE__ */ new Map();
+function createPreloadHandle(token) {
+	const state = preloadCache.get(token);
+	if (!state) throw new Error("Preload state not found");
 	return {
 		get isReady() {
-			return t.status === "ready";
+			return state.status === "ready";
 		},
 		get error() {
-			return t.status === "error" ? t.error ?? null : null;
+			return state.status === "error" ? state.error ?? null : null;
 		},
 		async waitUntilReady() {
-			if (t.status !== "ready") {
-				if (t.status === "error") throw Error(t.error ?? "Preload failed");
-				return t.readyPromise;
-			}
+			if (state.status === "ready") return;
+			if (state.status === "error") throw new Error(state.error ?? "Preload failed");
+			return state.readyPromise;
 		},
 		cancel() {
-			t.status === "loading" && (t.unsubscribe && t.unsubscribe(), t.flowManager.stop(), t.readyReject(/* @__PURE__ */ Error("Preload cancelled")), R.delete(e));
+			if (state.status === "loading") {
+				if (state.unsubscribe) state.unsubscribe();
+				state.flowManager.stop();
+				state.readyReject(/* @__PURE__ */ new Error("Preload cancelled"));
+				preloadCache.delete(token);
+			}
 		}
 	};
 }
-function B(e) {
-	let { token: t } = e;
-	if (e.urlUuid) throw Error("preloadIncodeFlow does not support urlUuid; pass it to <IncodeFlow> directly so the SDK can rotate it on mount.");
-	if (R.has(t)) return z(t);
-	let n, r, i = new Promise((e, t) => {
-		n = e, r = t;
-	}), a = m(e);
-	a.getState().presentation.shouldPrefetchHome && g();
-	let o = {
+function preloadIncodeFlow(config) {
+	const { token } = config;
+	if (config.urlUuid) throw new Error("preloadIncodeFlow does not support urlUuid; pass it to <IncodeFlow> directly so the SDK can rotate it on mount.");
+	if (preloadCache.has(token)) return createPreloadHandle(token);
+	let readyResolve;
+	let readyReject;
+	const readyPromise = new Promise((resolve, reject) => {
+		readyResolve = resolve;
+		readyReject = reject;
+	});
+	const flowManager = createFlowManager(config);
+	if (flowManager.getState().presentation.shouldPrefetchHome) preloadHomeScreen();
+	const state = {
 		status: "loading",
-		flowManager: a,
-		config: e,
-		readyPromise: i,
-		readyResolve: n,
-		readyReject: r
+		flowManager,
+		config,
+		readyPromise,
+		readyResolve,
+		readyReject
 	};
-	return R.set(t, o), (async () => {
+	preloadCache.set(token, state);
+	const preload = async () => {
 		try {
-			await T({
-				token: e.token,
-				lang: e.lang,
-				flowManager: a
+			await initializeFlowManager({
+				token: config.token,
+				lang: config.lang,
+				flowManager
+			});
+			const themePromise = config.disableDashboardTheme ? Promise.resolve({}) : fetchTheme().then((result) => {
+				state.theme = result.theme;
+				state.uiConfig = result.uiConfig;
 			});
-			let t = e.disableDashboardTheme ? Promise.resolve({}) : v().then((e) => {
-				o.theme = e.theme, o.uiConfig = e.uiConfig;
+			state.unsubscribe = flowManager.subscribe((managerState) => {
+				if (managerState.status === "ready") {
+					const readyState = managerState;
+					warmupWasmIfNeeded(readyState, config.wasmConfig);
+					preloadFirstModule(readyState);
+					state.unsubscribe?.();
+					state.unsubscribe = void 0;
+					state.status = "ready";
+					state.readyResolve();
+				} else if (managerState.status === "error") {
+					state.unsubscribe?.();
+					state.unsubscribe = void 0;
+					state.status = "error";
+					state.error = managerState.error;
+					state.readyReject(new Error(managerState.error));
+				}
 			});
-			o.unsubscribe = a.subscribe((t) => {
-				if (t.status === "ready") {
-					let n = t;
-					_(n, e.wasmConfig), h(n), o.unsubscribe?.(), o.unsubscribe = void 0, o.status = "ready", o.readyResolve();
-				} else t.status === "error" && (o.unsubscribe?.(), o.unsubscribe = void 0, o.status = "error", o.error = t.error, o.readyReject(Error(t.error)));
-			}), await t;
-		} catch (e) {
-			o.status = "error", o.error = e instanceof Error ? e.message : "Failed to preload", o.readyReject(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to preload")), R.delete(t);
+			await themePromise;
+		} catch (error) {
+			state.status = "error";
+			state.error = error instanceof Error ? error.message : "Failed to preload";
+			state.readyReject(error instanceof Error ? error : /* @__PURE__ */ new Error("Failed to preload"));
+			preloadCache.delete(token);
 		}
-	})(), z(t);
+	};
+	preload();
+	return createPreloadHandle(token);
 }
-function V(e) {
-	return R.get(e) ?? null;
+function getPreloadedData(token) {
+	return preloadCache.get(token) ?? null;
 }
-function H(e) {
-	let t = V(e);
-	return t && R.delete(e), t;
+function consumePreloadedData(token) {
+	const state = getPreloadedData(token);
+	if (state) preloadCache.delete(token);
+	return state;
 }
 //#endregion
 //#region src/modules/flow/useFlowInitialization.ts
-function U(e) {
-	e.getState().presentation.shouldPrefetchHome && g();
+function maybePreloadHomeScreen(flowManager) {
+	if (flowManager.getState().presentation.shouldPrefetchHome) preloadHomeScreen();
 }
-function W() {
-	E() === "desktop" && x();
+function maybePreloadRedirectToMobile() {
+	if (getDeviceClass() === "desktop") preloadRedirectToMobile();
 }
-function G(e) {
-	let { lang: n, disableDashboardTheme: r, enableHome: a, onError: s, useCPF: l } = e, u = I(e) ? e.token : void 0, d = i(null), [f, p] = o(() => {
-		let t = u ? V(u) : null;
-		if (u && t?.status === "ready") {
-			let e = H(u);
-			if (e) return d.current = e.flowManager, U(e.flowManager), W(), e.uiConfig && c(e.uiConfig), {
-				status: "ready",
-				flowManager: e.flowManager
-			};
+function useFlowInitialization(options) {
+	const { lang, disableDashboardTheme, enableHome, onError, useCPF } = options;
+	const token = hasFlowToken(options) ? options.token : void 0;
+	const flowManagerRef = A(null);
+	const [state, setState] = d(() => {
+		const preloaded = token ? getPreloadedData(token) : null;
+		if (token) {
+			if (preloaded?.status === "ready") {
+				const consumed = consumePreloadedData(token);
+				if (consumed) {
+					flowManagerRef.current = consumed.flowManager;
+					maybePreloadHomeScreen(consumed.flowManager);
+					maybePreloadRedirectToMobile();
+					if (consumed.uiConfig) setUiConfig(consumed.uiConfig);
+					return {
+						status: "ready",
+						flowManager: consumed.flowManager
+					};
+				}
+			}
 		}
-		let n = m({
-			authHint: e.authHint,
-			lang: e.lang,
-			enableHome: e.enableHome,
-			useCPF: e.useCPF
+		const flowManager = createFlowManager({
+			authHint: options.authHint,
+			lang: options.lang,
+			enableHome: options.enableHome,
+			useCPF: options.useCPF
 		});
-		return d.current = n, U(n), W(), t?.status === "error" ? {
+		flowManagerRef.current = flowManager;
+		maybePreloadHomeScreen(flowManager);
+		maybePreloadRedirectToMobile();
+		if (preloaded?.status === "error") return {
 			status: "error",
-			error: t.error ?? "Preload failed",
-			flowManager: n
-		} : {
+			error: preloaded.error ?? "Preload failed",
+			flowManager
+		};
+		return {
 			status: "initializing",
-			flowManager: n
+			flowManager
 		};
-	}), h = i(!1);
-	return t(() => {
-		if (f.status !== "initializing") return;
-		let t = u ? V(u) : null;
-		if (u && t?.status === "loading") {
-			t.readyPromise.then(() => {
-				let e = H(u);
-				e && (d.current = e.flowManager, U(e.flowManager), W(), e.uiConfig && c(e.uiConfig), p({
-					status: "ready",
-					flowManager: e.flowManager
-				}));
-			}).catch((e) => {
-				let t = e instanceof Error ? e.message : "Preload failed", n = e instanceof O ? e.status : void 0;
-				p({
+	});
+	const initStartedRef = A(false);
+	y(() => {
+		if (state.status !== "initializing") return;
+		const preloaded = token ? getPreloadedData(token) : null;
+		if (token && preloaded?.status === "loading") {
+			preloaded.readyPromise.then(() => {
+				const consumed = consumePreloadedData(token);
+				if (consumed) {
+					flowManagerRef.current = consumed.flowManager;
+					maybePreloadHomeScreen(consumed.flowManager);
+					maybePreloadRedirectToMobile();
+					if (consumed.uiConfig) setUiConfig(consumed.uiConfig);
+					setState({
+						status: "ready",
+						flowManager: consumed.flowManager
+					});
+				}
+			}).catch((error) => {
+				const errorMessage = error instanceof Error ? error.message : "Preload failed";
+				const errorCode = extractIncodeStatus(error);
+				setState({
 					status: "error",
-					error: t,
-					errorCode: n,
-					flowManager: f.flowManager
-				}), s?.(t, n);
+					error: errorMessage,
+					errorCode,
+					flowManager: state.flowManager
+				});
+				onError?.(errorMessage, errorCode);
 			});
 			return;
 		}
-		if (h.current) return;
-		h.current = !0;
-		let i = new AbortController(), { signal: a } = i;
-		return (async () => {
+		if (initStartedRef.current) return;
+		initStartedRef.current = true;
+		const abortController = new AbortController();
+		const { signal } = abortController;
+		const initialize = async () => {
 			try {
-				let t;
-				if (I(e)) t = e.token, e.urlUuid && await A({
-					urlUuid: e.urlUuid,
-					onboardingId: null,
-					onRefreshed: e.onUrlUuidRefreshed
-				}, a);
-				else if (L(e)) t = (await F(e, a)).token;
-				else throw Error("Flow requires token, or configurationId with apiKey or clientId");
-				await T({
-					token: t,
-					lang: n,
-					flowManager: f.flowManager
+				let resolvedToken;
+				if (hasFlowToken(options)) {
+					resolvedToken = options.token;
+					if (options.urlUuid) await refreshQrUrlUuid({
+						urlUuid: options.urlUuid,
+						onboardingId: null,
+						onRefreshed: options.onUrlUuidRefreshed
+					}, signal);
+				} else if (isSelfLoadingFlowConfig(options)) {
+					const session = await createFlowSession(options, signal);
+					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({
+					token: resolvedToken,
+					lang,
+					flowManager: state.flowManager
 				});
-				let i = r ? Promise.resolve() : v().then((e) => {
-					e.uiConfig && c(e.uiConfig);
-				}), o = f.flowManager.waitForReady();
-				await Promise.all([o, i]), p({
+				const themePromise = disableDashboardTheme ? Promise.resolve() : fetchTheme().then((result) => {
+					if (result.uiConfig) setUiConfig(result.uiConfig);
+				});
+				const flowReadyPromise = state.flowManager.waitForReady();
+				await Promise.all([flowReadyPromise, themePromise]);
+				setState({
 					status: "ready",
-					flowManager: f.flowManager
+					flowManager: state.flowManager
 				});
-			} catch (e) {
-				if (a.aborted) return;
-				let t = e instanceof Error ? e.message : "Failed to initialize SDK", n = e instanceof O ? e.status : void 0;
-				p({
+			} catch (error) {
+				if (signal.aborted) return;
+				const errorMessage = error instanceof Error ? error.message : "Failed to initialize SDK";
+				const errorCode = extractIncodeStatus(error);
+				setState({
 					status: "error",
-					error: t,
-					errorCode: n,
-					flowManager: f.flowManager
-				}), s?.(t, n);
+					error: errorMessage,
+					errorCode,
+					flowManager: state.flowManager
+				});
+				onError?.(errorMessage, errorCode);
 			}
-		})(), () => i.abort();
+		};
+		initialize();
+		return () => abortController.abort();
 	}, [
-		u,
-		n,
-		r,
-		a,
-		l,
-		s,
-		e,
-		f
-	]), f;
+		token,
+		lang,
+		disableDashboardTheme,
+		enableHome,
+		useCPF,
+		onError,
+		options,
+		state
+	]);
+	return state;
 }
 //#endregion
 //#region src/modules/flow/flow.tsx
-var K = n(() => import("../homeScreen-DnP1jw9A.js").then((e) => ({ default: e.HomeScreen }))), q = ({ config: n, onFinish: i, onError: o }) => {
-	let { i18n: c } = e(), u = G(r(() => ({
-		...n,
-		onError: o
-	}), [n, o])), [f, m] = l(() => u.flowManager, { autoLoad: !1 }), h = f.presentation.lazyModuleKey, v = f.status === "ready" ? f.currentStep : void 0, x = w({
-		moduleKey: h,
-		modules: C,
-		onModuleLoading: n.onModuleLoading,
-		onModuleLoaded: n.onModuleLoaded,
-		onError: o
+var LazyHomeScreen = z(() => import("../homeScreen-BZnIEDrV.js").then((module) => ({ default: module.HomeScreen })));
+var IncodeFlowContent = ({ config, onFinish, onError }) => {
+	const { i18n } = useTranslation();
+	const initState = useFlowInitialization(T(() => ({
+		...config,
+		onError
+	}), [config, onError]));
+	const [flowState, flowManager] = useManager(() => initState.flowManager, { autoLoad: false });
+	const lazyModuleKey = flowState.presentation.lazyModuleKey;
+	const currentModuleKey = flowState.status === "ready" ? flowState.currentStep : void 0;
+	const moduleLoaderState = useModuleLoader({
+		moduleKey: lazyModuleKey,
+		modules: LAZY_UI_MODULES,
+		onModuleLoading: config.onModuleLoading,
+		onModuleLoaded: config.onModuleLoaded,
+		onError
 	});
-	y({
-		moduleKey: f.status === "ready" && f.homeScreen.visible ? v : void 0,
-		modules: C
+	useModulePreloader({
+		moduleKey: flowState.status === "ready" && flowState.homeScreen.visible ? currentModuleKey : void 0,
+		modules: LAZY_UI_MODULES
 	});
-	let T = x.status === "loaded", E = n.enableHome === !0 && f.status === "ready" && f.flow.disableLaunchScreen !== !0 && f.currentStepIndex === 0 && f.homeScreen.visible === !1 && x.status === "loading", O = j(f.presentation.isAwaitingReady === !0, 150), k = j(f.status === "ready" && (x.status === "idle" || x.status === "loading" || x.status === "error"), 150);
-	S(f?.status === "ready" ? f.steps : [], f?.status === "ready" ? f.currentStepIndex : -1, C, T), t(() => {
-		if (n.onFlowEvent) return m.subscribeFlowEvent(n.onFlowEvent);
-	}, [m, n.onFlowEvent]), t(() => {
-		f.presentation.shouldPrefetchHome && g();
-	}, [f.presentation.shouldPrefetchHome]), t(() => {
-		n.lang && c.language !== n.lang && c.changeLanguage(n.lang);
-	}, [n.lang, c]), t(() => {
-		if (f?.status !== "ready" || f.currentStep === "REDIRECT_TO_MOBILE") return;
-		let e = f, t = D(e.flow);
-		t.length > 0 && (n.onWasmWarmup?.(t), _(e, n.wasmConfig));
-	}, [f, n]), t(() => {
-		f?.status === "finished" && i(f.finishStatus);
-	}, [
-		f?.status,
-		i,
-		f
-	]), t(() => {
-		f?.status === "error" && o && o(f.error, f.errorCode);
+	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 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);
+	y(() => {
+		if (!config.onFlowEvent) return;
+		return flowManager.subscribeFlowEvent(config.onFlowEvent);
+	}, [flowManager, config.onFlowEvent]);
+	y(() => {
+		if (flowState.presentation.shouldPrefetchHome) preloadHomeScreen();
+	}, [flowState.presentation.shouldPrefetchHome]);
+	y(() => {
+		if (readStoredLanguage()) return;
+		if (config.lang && i18n.language !== config.lang) i18n.changeLanguage(config.lang);
+	}, [config.lang, i18n]);
+	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]);
+	const terminalFiredRef = A(false);
+	y(() => {
+		if (terminalFiredRef.current) return;
+		if (flowState?.status === "finished") {
+			terminalFiredRef.current = true;
+			const finishStatus = flowState.finishStatus;
+			queueMicrotask(() => onFinish(finishStatus));
+			return;
+		}
+		if (flowState?.status === "error" && onError) {
+			terminalFiredRef.current = true;
+			const { error, errorCode } = flowState;
+			queueMicrotask(() => onError(error, errorCode));
+		}
 	}, [
-		f?.status,
-		o,
-		f
-	]), t(() => {
-		f?.status === "ready" && f.currentStep === "ID" && f.steps.includes("TUTORIAL_ID") && m.completeModule();
-	}, [f, m]);
-	let A = !(n.spinnerConfig?.title || n.spinnerConfig?.subtitle);
-	if (u.status === "error") return /* @__PURE__ */ s("div", {
+		flowState?.status,
+		onFinish,
+		onError,
+		flowState
+	]);
+	y(() => {
+		if (flowState?.status === "ready" && flowState.currentStep === "ID" && flowState.steps.includes("TUTORIAL_ID")) flowManager.completeModule();
+	}, [flowState, flowManager]);
+	const hideSpinnerText = !(config.spinnerConfig?.title || config.spinnerConfig?.subtitle);
+	if (initState.status === "error") return /* @__PURE__ */ u("div", {
 		class: "IncodeFlow",
-		children: /* @__PURE__ */ s("div", { children: ["Error: ", u.error] })
+		children: /* @__PURE__ */ u(TerminalErrorPage, { message: initState.error })
 	});
-	if (f.homeScreen.visible || E) return /* @__PURE__ */ s("div", {
+	if (flowState.homeScreen.visible || showHomeLoadingScreen) return /* @__PURE__ */ u("div", {
 		class: "IncodeFlow",
-		children: /* @__PURE__ */ s(a, {
+		children: /* @__PURE__ */ u(P, {
 			fallback: null,
-			children: /* @__PURE__ */ s(K, {
-				isContinueLoading: f.homeScreen.isContinueLoading || E,
-				onContinue: () => m.continueFromHome()
+			children: /* @__PURE__ */ u(LazyHomeScreen, {
+				isContinueLoading: flowState.homeScreen.isContinueLoading || showHomeLoadingScreen,
+				onContinue: () => flowManager.continueFromHome()
 			})
 		})
 	});
-	if (u.status === "initializing") return /* @__PURE__ */ s("div", {
+	if (initState.status === "initializing") return /* @__PURE__ */ u("div", {
 		class: "IncodeFlow",
-		children: /* @__PURE__ */ s(d, {
-			spinnerConfig: n.spinnerConfig,
-			hideText: A
+		children: /* @__PURE__ */ u(TransitionSpinner, {
+			spinnerConfig: config.spinnerConfig,
+			hideText: hideSpinnerText
 		})
 	});
-	if (f.presentation.isAwaitingReady) return O ? /* @__PURE__ */ s("div", {
-		class: "IncodeFlow",
-		children: /* @__PURE__ */ s(d, {
-			spinnerConfig: n.spinnerConfig,
-			hideText: A
-		})
-	}) : /* @__PURE__ */ s("div", { class: "IncodeFlow" });
-	if (f.status === "error") return /* @__PURE__ */ s("div", {
-		class: "IncodeFlow",
-		children: /* @__PURE__ */ s("div", { children: ["Error: ", f.error] })
-	});
-	if (f.status === "finished") return null;
-	if (f?.status === "ready") {
-		let { currentStep: e, config: t, flow: r } = f, { flowId: i } = r;
-		if (!e || !t) return /* @__PURE__ */ s("div", {
+	if (flowState.presentation.isAwaitingReady) {
+		if (!isAwaitingReadyDelayed) return /* @__PURE__ */ u("div", { class: "IncodeFlow" });
+		return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(d, {
-				spinnerConfig: n.spinnerConfig,
-				hideText: A
+			children: /* @__PURE__ */ u(TransitionSpinner, {
+				spinnerConfig: config.spinnerConfig,
+				hideText: hideSpinnerText
 			})
 		});
-		if (b.has(e)) return /* @__PURE__ */ s("div", { class: "IncodeFlow" });
-		if (x.status === "unsupported") return /* @__PURE__ */ s("div", {
+	}
+	if (flowState.status === "error") return /* @__PURE__ */ u("div", {
+		class: "IncodeFlow",
+		children: /* @__PURE__ */ u(TerminalErrorPage, { message: flowState.error })
+	});
+	if (flowState.status === "finished") return null;
+	if (flowState?.status === "ready") {
+		const { currentStep, config: flowConfig, flow } = flowState;
+		const { flowId } = flow;
+		if (!currentStep || !flowConfig) return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(p, {
-				moduleKey: e,
-				onNext: () => m.completeModule()
+			children: /* @__PURE__ */ u(TransitionSpinner, {
+				spinnerConfig: config.spinnerConfig,
+				hideText: hideSpinnerText
 			})
 		});
-		if (x.status === "idle" || x.status === "loading" || x.status === "error") return k ? /* @__PURE__ */ s("div", {
+		if (HEADLESS_FLOW_MODULE_KEYS.has(currentStep)) return /* @__PURE__ */ u("div", { class: "IncodeFlow" });
+		if (moduleLoaderState.status === "unsupported") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(d, {
-				spinnerConfig: n.spinnerConfig,
-				hideText: A
+			children: /* @__PURE__ */ u(UnsupportedModule, {
+				moduleKey: currentStep,
+				onNext: () => flowManager.completeModule()
 			})
-		}) : /* @__PURE__ */ s("div", { class: "IncodeFlow" });
-		let { Component: a } = x;
-		if (e === "REDIRECT_TO_MOBILE") return /* @__PURE__ */ s("div", {
+		});
+		if (moduleLoaderState.status === "idle" || moduleLoaderState.status === "loading" || moduleLoaderState.status === "error") {
+			if (!isModuleLoadingDelayed) return /* @__PURE__ */ u("div", { class: "IncodeFlow" });
+			return /* @__PURE__ */ u("div", {
+				class: "IncodeFlow",
+				children: /* @__PURE__ */ u(TransitionSpinner, {
+					spinnerConfig: config.spinnerConfig,
+					hideText: hideSpinnerText
+				})
+			});
+		}
+		const { Component } = moduleLoaderState;
+		if (currentStep === "REDIRECT_TO_MOBILE") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: t,
-				onFinish: () => m.completeFlow(),
-				onContinue: () => m.completeModule(),
-				onError: o
-			}, `redirect-to-mobile-${f.currentStepIndex}`)
+			children: /* @__PURE__ */ u(Component, {
+				config: flowConfig,
+				onFinish: () => flowManager.completeFlow(),
+				onContinue: () => flowManager.completeModule(),
+				onError
+			}, `redirect-to-mobile-${flowState.currentStepIndex}`)
 		});
-		if (e === "SELFIE") return /* @__PURE__ */ s("div", {
+		if (currentStep === "SELFIE") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: t,
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Selfie verification error");
+			children: /* @__PURE__ */ u(Component, {
+				config: flowConfig,
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Selfie verification error");
 				}
-			}, `selfie-${f.currentStepIndex}`)
+			}, `selfie-${flowState.currentStepIndex}`)
 		});
-		if (e === "AUTHENTICATION") return /* @__PURE__ */ s("div", {
+		if (currentStep === "AUTHENTICATION") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
+			children: /* @__PURE__ */ u(Component, {
 				config: {
-					...t,
-					authHint: n.authHint
+					...flowConfig,
+					authHint: config.authHint
 				},
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Authentication error");
-				}
-			}, `authentication-${f.currentStepIndex}`)
+				onFinish: () => flowManager.completeModule(),
+				onError: (error, _errorCode, moduleErrorCode) => flowManager.errorModule(error ?? "Authentication error", moduleErrorCode)
+			}, `authentication-${flowState.currentStepIndex}`)
 		});
-		if (e === "PHONE") return /* @__PURE__ */ s("div", {
+		if (currentStep === "PHONE") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: t,
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Phone verification error");
+			children: /* @__PURE__ */ u(Component, {
+				config: flowConfig,
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Phone verification error");
 				}
-			}, `phone-${f.currentStepIndex}`)
+			}, `phone-${flowState.currentStepIndex}`)
 		});
-		if (e === "EMAIL") {
-			let e = t;
-			return !e || typeof e.otpVerification != "boolean" || typeof e.otpExpirationInMinutes != "number" ? /* @__PURE__ */ s("div", {
+		if (currentStep === "EMAIL") {
+			const emailConfig = flowConfig;
+			if (!emailConfig || typeof emailConfig.otpVerification !== "boolean" || typeof emailConfig.otpExpirationInMinutes !== "number") return /* @__PURE__ */ u("div", {
 				class: "IncodeFlow",
-				children: /* @__PURE__ */ s("div", { children: "Error: Invalid email configuration" })
-			}) : /* @__PURE__ */ s("div", {
+				children: /* @__PURE__ */ u("div", { children: "Error: Invalid email configuration" })
+			});
+			return /* @__PURE__ */ u("div", {
 				class: "IncodeFlow",
-				children: /* @__PURE__ */ s(a, {
-					config: e,
-					onFinish: () => m.completeModule(),
-					onError: (e) => {
-						o?.(e ?? "Email verification error");
+				children: /* @__PURE__ */ u(Component, {
+					config: emailConfig,
+					onFinish: () => flowManager.completeModule(),
+					onError: (error) => {
+						onError?.(error ?? "Email verification error");
 					}
-				}, `email-${f.currentStepIndex}`)
+				}, `email-${flowState.currentStepIndex}`)
 			});
 		}
-		if (e === "ID" || e === "SECOND_ID") {
-			let n = t;
-			return /* @__PURE__ */ s("div", {
+		if (currentStep === "ID" || currentStep === "SECOND_ID") {
+			const idConfig = flowConfig;
+			return /* @__PURE__ */ u("div", {
 				class: "IncodeFlow",
-				children: /* @__PURE__ */ s(a, {
-					config: e === "SECOND_ID" ? {
-						...n,
-						isSecondId: !0
-					} : n,
-					onFinish: () => m.completeModule(),
-					onError: (e) => {
-						o?.(e ?? "ID capture error");
+				children: /* @__PURE__ */ u(Component, {
+					config: currentStep === "SECOND_ID" ? {
+						...idConfig,
+						isSecondId: true
+					} : idConfig,
+					onFinish: () => flowManager.completeModule(),
+					onError: (error) => {
+						onError?.(error ?? "ID capture error");
 					}
-				}, `id-${f.currentStepIndex}`)
+				}, `id-${flowState.currentStepIndex}`)
 			});
 		}
-		if (e === "ID_OCR") {
-			let e = t, n = f.steps.includes("SECOND_ID");
-			return /* @__PURE__ */ s("div", {
+		if (currentStep === "ID_OCR") {
+			const idOcrConfig = flowConfig;
+			const isSecondId = flowState.steps.includes("SECOND_ID");
+			return /* @__PURE__ */ u("div", {
 				class: "IncodeFlow",
-				children: /* @__PURE__ */ s(a, {
+				children: /* @__PURE__ */ u(Component, {
 					config: {
-						...e,
-						secondId: e.secondId ?? n,
-						flowId: i
+						...idOcrConfig,
+						secondId: idOcrConfig.secondId ?? isSecondId,
+						flowId
 					},
-					onFinish: () => m.completeModule(),
-					onError: (e) => {
-						o?.(e ?? "ID OCR error");
+					onFinish: () => flowManager.completeModule(),
+					onError: (error) => {
+						onError?.(error ?? "ID OCR error");
 					}
-				}, `id-ocr-${f.currentStepIndex}`)
+				}, `id-ocr-${flowState.currentStepIndex}`)
 			});
 		}
-		if (e === "CPF_OCR") return /* @__PURE__ */ s("div", {
+		if (currentStep === "CPF_OCR") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "CPF OCR error");
+			children: /* @__PURE__ */ u(Component, {
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "CPF OCR error");
 				}
-			}, `cpf-ocr-${f.currentStepIndex}`)
+			}, `cpf-ocr-${flowState.currentStepIndex}`)
 		});
-		if (e === "FACE_MATCH") return /* @__PURE__ */ s("div", {
+		if (currentStep === "FACE_MATCH") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: t,
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Face match error");
+			children: /* @__PURE__ */ u(Component, {
+				config: flowConfig,
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Face match error");
 				}
-			}, `face-match-${f.currentStepIndex}`)
+			}, `face-match-${flowState.currentStepIndex}`)
 		});
-		if (e === "CURP_VALIDATION") return /* @__PURE__ */ s("div", {
+		if (currentStep === "CURP_VALIDATION") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: t,
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "CURP validation error");
+			children: /* @__PURE__ */ u(Component, {
+				config: flowConfig,
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "CURP validation error");
 				}
-			}, `curp-validation-${f.currentStepIndex}`)
+			}, `curp-validation-${flowState.currentStepIndex}`)
 		});
-		if (e === "GOVT_VALIDATION_PROVISIONING") return /* @__PURE__ */ s("div", {
+		if (currentStep === "GOVT_VALIDATION_PROVISIONING") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: t,
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Government validation error");
+			children: /* @__PURE__ */ u(Component, {
+				config: flowConfig,
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Government validation error");
 				}
-			}, `govt-validation-${f.currentStepIndex}`)
+			}, `govt-validation-${flowState.currentStepIndex}`)
 		});
-		if (e === "GEOLOCATION") return /* @__PURE__ */ s("div", {
+		if (currentStep === "INE_VALIDATION") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: t,
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Geolocation error");
+			children: /* @__PURE__ */ u(Component, {
+				config: flowConfig,
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "INE validation error");
 				}
-			}, `geolocation-${f.currentStepIndex}`)
+			}, `ine-validation-${flowState.currentStepIndex}`)
 		});
-		if (e === "EXTERNAL_VERIFICATION") return /* @__PURE__ */ s("div", {
+		if (currentStep === "GEOLOCATION") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: { flowId: f.flow.flowId },
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "External verification error");
+			children: /* @__PURE__ */ u(Component, {
+				config: flowConfig,
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Geolocation error");
 				}
-			}, `ekyc-${f.currentStepIndex}`)
+			}, `geolocation-${flowState.currentStepIndex}`)
 		});
-		if (e === "DOCUMENT_CAPTURE") return /* @__PURE__ */ s("div", {
+		if (currentStep === "EXTERNAL_VERIFICATION") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: t,
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Document capture error");
+			children: /* @__PURE__ */ u(Component, {
+				config: { flowId: flowState.flow.flowId },
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "External verification error");
 				}
-			}, `document-capture-${f.currentStepIndex}`)
+			}, `ekyc-${flowState.currentStepIndex}`)
 		});
-		if (e === "ADDRESS") return /* @__PURE__ */ s("div", {
+		if (currentStep === "DOCUMENT_CAPTURE") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
+			children: /* @__PURE__ */ u(Component, {
+				config: flowConfig,
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Document capture error");
+				}
+			}, `document-capture-${flowState.currentStepIndex}`)
+		});
+		if (currentStep === "ADDRESS") return /* @__PURE__ */ u("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ u(Component, {
 				config: {
-					...t,
+					...flowConfig,
 					processingType: "addressStatement"
 				},
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Address capture error");
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Address capture error");
 				}
-			}, `address-${f.currentStepIndex}`)
+			}, `address-${flowState.currentStepIndex}`)
 		});
-		if (e === "SIGNATURE") return /* @__PURE__ */ s("div", {
+		if (currentStep === "SIGNATURE") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: t,
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Signature capture error");
+			children: /* @__PURE__ */ u(Component, {
+				config: flowConfig,
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Signature capture error");
 				}
-			}, `signature-${f.currentStepIndex}`)
+			}, `signature-${flowState.currentStepIndex}`)
 		});
-		if (e === "EKYB") {
-			let e = t;
-			return /* @__PURE__ */ s("div", {
+		if (currentStep === "EKYB") {
+			const ekybFlowConfig = flowConfig;
+			return /* @__PURE__ */ u("div", {
 				class: "IncodeFlow",
-				children: /* @__PURE__ */ s(a, {
+				children: /* @__PURE__ */ u(Component, {
 					config: {
-						flowId: i,
-						checkBusinessName: e.checkBusinessName,
-						checkAddress: e.checkAddress,
-						checkTaxId: e.checkTaxId,
-						checkUniqueBeneficialOwner: e.checkUniqueBeneficialOwner
+						flowId,
+						checkBusinessName: ekybFlowConfig.checkBusinessName,
+						checkAddress: ekybFlowConfig.checkAddress,
+						checkTaxId: ekybFlowConfig.checkTaxId,
+						checkUniqueBeneficialOwner: ekybFlowConfig.checkUniqueBeneficialOwner
 					},
-					onFinish: () => m.completeModule(),
-					onError: (e) => {
-						o?.(e ?? "eKYB verification error");
+					onFinish: () => flowManager.completeModule(),
+					onError: (error) => {
+						onError?.(error ?? "eKYB verification error");
 					}
-				}, `ekyb-${f.currentStepIndex}`)
+				}, `ekyb-${flowState.currentStepIndex}`)
 			});
 		}
-		if (e === "COMBINED_CONSENT") return /* @__PURE__ */ s("div", {
+		if (currentStep === "COMBINED_CONSENT") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: t,
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Combined consent error");
+			children: /* @__PURE__ */ u(Component, {
+				config: flowConfig,
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Combined consent error");
 				}
-			}, `combined-consent-${f.currentStepIndex}`)
+			}, `combined-consent-${flowState.currentStepIndex}`)
 		});
-		if (e === "MANDATORY_CONSENT") return /* @__PURE__ */ s("div", {
-			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: t,
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Mandatory consent error");
-				}
-			}, `mandatory-consent-${f.currentStepIndex}`)
-		});
-		if (e === "AE_SIGNATURE" || e === "QE_SIGNATURE") {
-			let n = t, r = e === "QE_SIGNATURE" ? "qe" : "ae";
-			return /* @__PURE__ */ s("div", {
+		if (currentStep === "MANDATORY_CONSENT" || currentStep === "ML_CONSENT") {
+			const isMlConsent = currentStep === "ML_CONSENT";
+			return /* @__PURE__ */ u("div", {
+				class: "IncodeFlow",
+				children: /* @__PURE__ */ u(Component, {
+					config: {
+						...flowConfig,
+						type: isMlConsent ? "ML" : "MANDATORY"
+					},
+					onFinish: () => flowManager.completeModule(),
+					onError: (error) => {
+						onError?.(error ?? (isMlConsent ? "ML consent error" : "Mandatory consent error"));
+					}
+				}, `${isMlConsent ? "ml" : "mandatory"}-consent-${flowState.currentStepIndex}`)
+			});
+		}
+		if (currentStep === "AE_SIGNATURE" || currentStep === "QE_SIGNATURE") {
+			const sigConfig = flowConfig;
+			const label = currentStep === "QE_SIGNATURE" ? "qe" : "ae";
+			return /* @__PURE__ */ u("div", {
 				class: "IncodeFlow",
-				children: /* @__PURE__ */ s(a, {
+				children: /* @__PURE__ */ u(Component, {
 					config: {
-						uploadDocument: n.uploadDocument,
-						downloadDocument: n.downloadDocument
+						uploadDocument: sigConfig.uploadDocument,
+						downloadDocument: sigConfig.downloadDocument
 					},
-					onFinish: () => m.completeModule(),
-					onError: (e) => {
-						o?.(e ?? `${r.toUpperCase()} Signature error`);
+					onFinish: () => flowManager.completeModule(),
+					onError: (error) => {
+						onError?.(error ?? `${label.toUpperCase()} Signature error`);
 					}
-				}, `${r}-signature-${f.currentStepIndex}`)
+				}, `${label}-signature-${flowState.currentStepIndex}`)
 			});
 		}
-		if (e === "ANTIFRAUD") return /* @__PURE__ */ s("div", {
+		if (currentStep === "ANTIFRAUD") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Antifraud check error");
+			children: /* @__PURE__ */ u(Component, {
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Antifraud check error");
 				}
-			}, `antifraud-${f.currentStepIndex}`)
+			}, `antifraud-${flowState.currentStepIndex}`)
 		});
-		if (e === "CUSTOM_FIELDS") return /* @__PURE__ */ s("div", {
+		if (currentStep === "CUSTOM_FIELDS") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: t,
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Custom fields error");
+			children: /* @__PURE__ */ u(Component, {
+				config: flowConfig,
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Custom fields error");
 				}
-			}, `custom-fields-${f.currentStepIndex}`)
+			}, `custom-fields-${flowState.currentStepIndex}`)
 		});
-		if (e === "WATCHLIST") return /* @__PURE__ */ s("div", {
+		if (currentStep === "WATCHLIST") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Watchlist check error");
+			children: /* @__PURE__ */ u(Component, {
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Watchlist check error");
 				}
-			}, `watchlist-${f.currentStepIndex}`)
+			}, `watchlist-${flowState.currentStepIndex}`)
 		});
-		if (e === "WATCHLIST_BUSINESS") return /* @__PURE__ */ s("div", {
+		if (currentStep === "WATCHLIST_BUSINESS") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Watchlist for business check error");
+			children: /* @__PURE__ */ u(Component, {
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Watchlist for business check error");
 				}
-			}, `watchlist-for-business-${f.currentStepIndex}`)
+			}, `watchlist-for-business-${flowState.currentStepIndex}`)
 		});
-		if (e === "INCODE_WATCHLIST") return /* @__PURE__ */ s("div", {
+		if (currentStep === "INCODE_WATCHLIST") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: t,
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Custom watchlist check error");
+			children: /* @__PURE__ */ u(Component, {
+				config: flowConfig,
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Custom watchlist check error");
 				}
-			}, `incode-watchlist-${f.currentStepIndex}`)
+			}, `incode-watchlist-${flowState.currentStepIndex}`)
 		});
-		if (e === "CROSS_DOCUMENT_DATA_MATCH") return /* @__PURE__ */ s("div", {
+		if (currentStep === "CROSS_DOCUMENT_DATA_MATCH") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Cross document data match error");
+			children: /* @__PURE__ */ u(Component, {
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Cross document data match error");
 				}
-			}, `cross-document-data-match-${f.currentStepIndex}`)
+			}, `cross-document-data-match-${flowState.currentStepIndex}`)
 		});
-		if (e === "DYNAMIC_FORMS") return /* @__PURE__ */ s("div", {
+		if (currentStep === "FIELD_COMPARISON") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ s(a, {
-				config: { screens: t.screens.map((e) => ({
-					title: e.title,
-					hideTitle: e.hideTitle,
-					questions: e.questions.map((e) => ({
-						questionId: e.questionId,
-						question: e.question,
-						inputType: e.inputType,
-						isOptional: e.isOptional,
-						overrides: e.overrides ?? void 0,
-						isPredefined: e.isPredefined,
-						options: e.options
+			children: /* @__PURE__ */ u(Component, {
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Field comparison error");
+				}
+			}, `field-comparison-${flowState.currentStepIndex}`)
+		});
+		if (currentStep === "DYNAMIC_FORMS") return /* @__PURE__ */ u("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ u(Component, {
+				config: { screens: flowConfig.screens.map((s) => ({
+					title: s.title,
+					hideTitle: s.hideTitle,
+					questions: s.questions.map((q) => ({
+						questionId: q.questionId,
+						question: q.question,
+						inputType: q.inputType,
+						isOptional: q.isOptional,
+						overrides: q.overrides ?? void 0,
+						isPredefined: q.isPredefined,
+						options: q.options
 					}))
 				})) },
-				onFinish: () => m.completeModule(),
-				onError: (e) => {
-					o?.(e ?? "Dynamic forms error");
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Dynamic forms error");
+				}
+			}, `dynamic-forms-${flowState.currentStepIndex}`)
+		});
+		if (currentStep === "FISCAL_QR") return /* @__PURE__ */ u("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ u(Component, {
+				onFinish: () => flowManager.completeModule(),
+				onError: (error) => {
+					onError?.(error ?? "Fiscal QR error");
 				}
-			}, `dynamic-forms-${f.currentStepIndex}`)
+			}, `fiscal-qr-${flowState.currentStepIndex}`)
 		});
 	}
 	return null;
-}, J = ({ config: e, onFinish: t = () => {}, onError: n }) => /* @__PURE__ */ s(u, { children: e ? /* @__PURE__ */ s(q, {
-	config: e,
-	onFinish: t,
-	onError: n
-}) : null });
-f(J, "incode-flow");
+};
+var IncodeFlow = ({ config, onFinish = () => {}, onError }) => {
+	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(IncodeFlowContent, {
+		config,
+		onFinish,
+		onError
+	}) : null });
+};
+registerIncodeModuleElement(IncodeFlow, "incode-flow");
 //#endregion
-export { J as IncodeFlow, B as preloadIncodeFlow };
+export { IncodeFlow, preloadIncodeFlow };