@incodetech/web 2.1.1 → 2.2.0-rc.0

package/dist/flow/flow.es.js

@@ -1,12 +1,10 @@
-import { n as useTranslation, o as readStoredLanguage } from "../i18n-CU4xq8qC.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 { u as useManager } from "../hooks-CNu7o-v8.js";
-import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
-import { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.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-Bi26kJbg.js";
-import { getDeviceClass } from "@incodetech/core/device";
+import { c as readStoredLanguage, i as useTranslation, t as setUiConfig } from "../uiConfig-B5ASPUL4.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-mvwZ8mJj.js";
+import { a as TerminalErrorPage, i as ResolvedConfigProvider, l as TransitionSpinner, t as IncodeComponent, y as useManager } from "../incodeComponent-K9ZWg302.js";
+import { n as ErrorIcon } from "../incode-logo-rGFjZHqi.js";
+import { t as StatusPage } from "../statusPage--GVFSUJp.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-CcLzar_X.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-D_YpuVsS.js";
 import { getRequiredWasmPipelines } from "@incodetech/core/flow";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";
 //#region src/shared/processing/useDelayedFlag.ts
@@ -34,6 +32,19 @@ function useDelayedFlag(isTrue, delayMs) {
 	return delayed;
 }
 //#endregion
+//#region src/modules/flow/sessionFinishedPage.tsx
+var SessionFinishedPage = () => {
+	const { ready, t } = useTranslation();
+	if (!ready) return /* @__PURE__ */ u(TransitionSpinner, {});
+	const subtitle = t("onboarding.errors.sessionFinished.message");
+	return /* @__PURE__ */ u(StatusPage, {
+		variant: "error",
+		icon: /* @__PURE__ */ u(ErrorIcon, { size: 48 }),
+		title: t("onboarding.errors.sessionFinished.title"),
+		subtitle: subtitle || void 0
+	});
+};
+//#endregion
 //#region src/modules/flow/createFlowSession.ts
 async function createFlowSession(config, signal) {
 	return bootstrapSession(await resolveApiKey(config), {
@@ -114,7 +125,7 @@ function preloadIncodeFlow(config) {
 				lang: config.lang,
 				flowManager
 			});
-			const themePromise = config.disableDashboardTheme ? Promise.resolve({}) : fetchTheme().then((result) => {
+			const themePromise = config.disableDashboardTheme ? Promise.resolve({}) : fetchTheme(config.token).then((result) => {
 				state.theme = result.theme;
 				state.uiConfig = result.uiConfig;
 			});
@@ -160,7 +171,11 @@ function maybePreloadHomeScreen(flowManager) {
 	if (flowManager.getState().presentation.shouldPrefetchHome) preloadHomeScreen();
 }
 function maybePreloadRedirectToMobile() {
-	if (getDeviceClass() === "desktop") preloadRedirectToMobile();
+	if (isDesktopOrEmulated()) preloadRedirectToMobile();
+}
+function isFlowManagerError(flowManager, errorMessage) {
+	const managerState = flowManager.getState();
+	return managerState.status === "error" && managerState.error === errorMessage;
 }
 function useFlowInitialization(options) {
 	const { lang, disableDashboardTheme, enableHome, onError, useCPF } = options;
@@ -168,8 +183,8 @@ function useFlowInitialization(options) {
 	const flowManagerRef = A(null);
 	const [state, setState] = d(() => {
 		const preloaded = token ? getPreloadedData(token) : null;
-		if (token) {
-			if (preloaded?.status === "ready") {
+		if (token && preloaded) {
+			if (preloaded.status === "ready") {
 				const consumed = consumePreloadedData(token);
 				if (consumed) {
 					flowManagerRef.current = consumed.flowManager;
@@ -182,6 +197,26 @@ function useFlowInitialization(options) {
 					};
 				}
 			}
+			if (preloaded.status === "error") {
+				const consumed = consumePreloadedData(token);
+				if (consumed) {
+					flowManagerRef.current = consumed.flowManager;
+					return {
+						status: "error",
+						error: consumed.error ?? "Preload failed",
+						flowManager: consumed.flowManager
+					};
+				}
+			}
+			if (preloaded.status === "loading") {
+				flowManagerRef.current = preloaded.flowManager;
+				maybePreloadHomeScreen(preloaded.flowManager);
+				maybePreloadRedirectToMobile();
+				return {
+					status: "initializing",
+					flowManager: preloaded.flowManager
+				};
+			}
 		}
 		const flowManager = createFlowManager({
 			authHint: options.authHint,
@@ -190,13 +225,13 @@ function useFlowInitialization(options) {
 			useCPF: options.useCPF
 		});
 		flowManagerRef.current = flowManager;
-		maybePreloadHomeScreen(flowManager);
-		maybePreloadRedirectToMobile();
 		if (preloaded?.status === "error") return {
 			status: "error",
 			error: preloaded.error ?? "Preload failed",
 			flowManager
 		};
+		maybePreloadHomeScreen(flowManager);
+		maybePreloadRedirectToMobile();
 		return {
 			status: "initializing",
 			flowManager
@@ -220,15 +255,16 @@ function useFlowInitialization(options) {
 					});
 				}
 			}).catch((error) => {
+				const flowManager = consumePreloadedData(token)?.flowManager ?? state.flowManager;
 				const errorMessage = error instanceof Error ? error.message : "Preload failed";
 				const errorCode = extractIncodeStatus(error);
 				setState({
 					status: "error",
 					error: errorMessage,
 					errorCode,
-					flowManager: state.flowManager
+					flowManager
 				});
-				onError?.(errorMessage, errorCode);
+				if (!isFlowManagerError(flowManager, errorMessage)) onError?.(errorMessage, errorCode);
 			});
 			return;
 		}
@@ -256,7 +292,7 @@ function useFlowInitialization(options) {
 					lang,
 					flowManager: state.flowManager
 				});
-				const themePromise = disableDashboardTheme ? Promise.resolve() : fetchTheme().then((result) => {
+				const themePromise = disableDashboardTheme ? Promise.resolve() : fetchTheme(resolvedToken).then((result) => {
 					if (result.uiConfig) setUiConfig(result.uiConfig);
 				});
 				const flowReadyPromise = state.flowManager.waitForReady();
@@ -275,7 +311,7 @@ function useFlowInitialization(options) {
 					errorCode,
 					flowManager: state.flowManager
 				});
-				onError?.(errorMessage, errorCode);
+				if (!isFlowManagerError(state.flowManager, errorMessage)) onError?.(errorMessage, errorCode);
 			}
 		};
 		initialize();
@@ -294,7 +330,7 @@ function useFlowInitialization(options) {
 }
 //#endregion
 //#region src/modules/flow/flow.tsx
-var LazyHomeScreen = z(() => import("../homeScreen-B6T0JVh8.js").then((module) => ({ default: module.HomeScreen })));
+var LazyHomeScreen = z(() => import("../homeScreen-Pv3v_0ji.js").then((module) => ({ default: module.HomeScreen })));
 var IncodeFlowContent = ({ config, onFinish, onError }) => {
 	const { i18n } = useTranslation();
 	const initState = useFlowInitialization(T(() => ({
@@ -365,6 +401,10 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 		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 (flowState.status === "error" && flowState.moduleErrorCode === "SESSION_FINISHED") return /* @__PURE__ */ u("div", {
+		class: "IncodeFlow",
+		children: /* @__PURE__ */ u(SessionFinishedPage, {})
+	});
 	if (initState.status === "error") return /* @__PURE__ */ u("div", {
 		class: "IncodeFlow",
 		children: /* @__PURE__ */ u(TerminalErrorPage, { message: initState.error })
@@ -510,7 +550,7 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 						...idConfig,
 						isSecondId: true
 					} : idConfig,
-					onFinish: () => flowManager.completeModule(),
+					onFinish: (output) => flowManager.completeModule(output),
 					onError: (error) => {
 						onError?.(error ?? "ID capture error");
 					}
@@ -535,15 +575,6 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 				}, `id-ocr-${flowState.currentStepIndex}`)
 			});
 		}
-		if (currentStep === "CPF_OCR") return /* @__PURE__ */ u("div", {
-			class: "IncodeFlow",
-			children: /* @__PURE__ */ u(Component, {
-				onFinish: () => flowManager.completeModule(),
-				onError: (error) => {
-					onError?.(error ?? "CPF OCR error");
-				}
-			}, `cpf-ocr-${flowState.currentStepIndex}`)
-		});
 		if (currentStep === "FACE_MATCH") return /* @__PURE__ */ u("div", {
 			class: "IncodeFlow",
 			children: /* @__PURE__ */ u(Component, {
@@ -777,19 +808,24 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 		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
-					}))
-				})) },
+				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,
+							prefillSource: q.prefillSource,
+							editable: q.editable
+						}))
+					})),
+					prefillValue: config.loginHintPrefill
+				},
 				onFinish: () => flowManager.completeModule(),
 				onError: (error) => {
 					onError?.(error ?? "Dynamic forms error");
@@ -809,11 +845,11 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 	return null;
 };
 var IncodeFlow = ({ config, onFinish = () => {}, onError }) => {
-	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(IncodeFlowContent, {
+	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(ResolvedConfigProvider, { children: /* @__PURE__ */ u(IncodeFlowContent, {
 		config,
 		onFinish,
 		onError
-	}) : null });
+	}) }) : null });
 };
 registerIncodeModuleElement(IncodeFlow, "incode-flow");
 //#endregion