@incodetech/web 0.0.0-dev-20260508-192a29f → 0.0.0-dev-20260508-9f627e9

package/dist/workflow/styles.css

@@ -484,6 +484,16 @@
     font-weight: var(--typography-button-m-underlined-weight);
     line-height: var(--typography-button-m-underlined-line-height);
     letter-spacing: var(--typography-button-m-underlined-letter-spacing);
+    font-family: var(--typography-button-family);
+    font-size: var(--typography-button-m-underlined-size);
+    font-weight: var(--typography-button-m-underlined-weight);
+    line-height: var(--typography-button-m-underlined-line-height);
+    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
+    font-family: var(--typography-button-family);
+    font-size: var(--typography-button-m-underlined-size);
+    font-weight: var(--typography-button-m-underlined-weight);
+    line-height: var(--typography-button-m-underlined-line-height);
+    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
     text-decoration-line: underline;
     text-decoration-style: solid;
     text-decoration-thickness: auto;
@@ -3887,6 +3897,166 @@
   display: flex;
 }
 
+.IncodeHome {
+  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
+  width: 100%;
+  height: 100%;
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding-top: var(--spacing-20, var(--spacing-20, 20px));
+  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeContent {
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeHeader {
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLanguage {
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLanguageLabel {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeHome .IncodeHomeLanguageValue {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.IncodeHome .IncodeHomeSettingsButton {
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+  background-color: #0000;
+  border-style: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeSettingsButton:focus-visible {
+  outline: var(--focus-outline-width) solid var(--border-status-focus);
+  outline-offset: var(--focus-outline-offset);
+}
+
+.IncodeHome .IncodeHomeCenterSection {
+  text-align: center;
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLogoContainer {
+  width: 100%;
+  max-width: var(--home-logo-container-max-width);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLogo {
+  object-fit: contain;
+  width: 100%;
+  max-width: 100%;
+  height: auto;
+  max-height: var(--home-logo-max-height);
+}
+
+.IncodeHome .IncodeHomeSubtitle {
+  margin-top: var(--spacing-12, var(--spacing-12, 12px));
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h4-size);
+  font-weight: var(--typography-headline-h4-weight);
+  line-height: var(--typography-headline-h4-line-height);
+  letter-spacing: var(--typography-headline-h4-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.IncodeHome .IncodeHomeStartButton {
+  margin-top: auto;
+}
+
+.IncodeHomeSettingsModal.IncodeModalRoot .IncodeModalDialog {
+  max-width: none;
+  height: 100%;
+  max-height: 100%;
+}
+
+.IncodeHomeSettingsModal.IncodeModalRoot .IncodeModalContent {
+  border-radius: var(--radius-none, var(--border-radius-none));
+  max-width: none;
+  height: 100%;
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding-block: var(--spacing-32, var(--spacing-32, 32px));
+  align-items: stretch;
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsContainer {
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  display: flex;
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsBody {
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsTitle {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h2-size);
+  font-weight: var(--typography-headline-h2-weight);
+  line-height: var(--typography-headline-h2-line-height);
+  letter-spacing: var(--typography-headline-h2-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsFooter {
+  margin-top: var(--spacing-24, var(--spacing-24, 24px));
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsBodyContent {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
 .IncodeVerificationResult .IncodePageContent {
   gap: var(--spacing-16, var(--spacing-16, 16px));
   padding-bottom: var(--spacing-16, var(--spacing-16, 16px));

package/dist/workflow/workflow.es.js

@@ -1,24 +1,24 @@
 import { n as e } from "../i18n-D6pCC7RL.js";
-import { _ as t, l as n, p as r, v as i } from "../vendor-preact-D6SntenC.js";
-import { t as a } from "../uiConfig-CwpQ-IM6.js";
-import { o } from "../hooks-BVnGysT7.js";
-import { t as s } from "../incodeComponent-BRtpx7iO.js";
+import { _ as t, c as n, l as r, o as i, p as a, v as o } from "../vendor-preact-D6SntenC.js";
+import { t as s } from "../uiConfig-CwpQ-IM6.js";
+import { o as c } from "../hooks-BVnGysT7.js";
+import { t as l } from "../incodeComponent-BRtpx7iO.js";
 import "../spinner-B4dcie2T.js";
-import { t as c } from "../transitionSpinner-DHelnP9m.js";
-import { t as l } from "../incodeModule-grHfB1zI.js";
-import { a as u, h as d, i as f, o as p, p as m, t as h } from "../useModuleLoader-DR_UitYZ.js";
-import { resolveWasmConfig as g, upgradeToWasmHttpClient as _, warmupWasm as v } from "@incodetech/core/wasm";
-import { getDeviceClass as y } from "@incodetech/core/device";
-import { QrValidationError as b, refreshQrUrlUuid as x } from "@incodetech/core/session";
-import { createWorkflowManager as S } from "@incodetech/core/workflow";
+import { t as u } from "../transitionSpinner-DHelnP9m.js";
+import { t as d } from "../incodeModule-grHfB1zI.js";
+import { a as f, h as p, i as m, o as h, p as g, t as _ } from "../useModuleLoader-DR_UitYZ.js";
+import { resolveWasmConfig as v, upgradeToWasmHttpClient as y, warmupWasm as b } from "@incodetech/core/wasm";
+import { getDeviceClass as x } from "@incodetech/core/device";
+import { QrValidationError as S, refreshQrUrlUuid as C } from "@incodetech/core/session";
+import { createWorkflowManager as w } from "@incodetech/core/workflow";
 //#region src/modules/workflow/workflowInit.ts
-var C = {
-	...p,
+var T = {
+	...h,
 	REDIRECT_TO_MOBILE: () => import("../redirectToMobile-CDqR2ADA.js").then((e) => e.RedirectToMobile)
 };
-async function w() {
+async function E() {
 	try {
-		let e = await d();
+		let e = await p();
 		return {
 			theme: e,
 			uiConfig: {
@@ -30,87 +30,88 @@ async function w() {
 		return {};
 	}
 }
-function T(e = {}) {
-	return S({
+function D(e = {}) {
+	return w({
 		customModuleCallback: e.customModuleCallback,
 		interviewId: e.interviewId,
-		isDesktop: e.isDesktop ?? y() === "desktop"
+		isDesktop: e.isDesktop ?? x() === "desktop"
 	});
 }
-function E(e) {
+function O(e) {
 	if (e === !1) return;
-	let t = g({
+	let t = v({
 		...e,
 		pipelines: e?.pipelines ?? ["selfie", "idCapture"]
 	}), n = {
 		...t,
 		pipelines: t.pipelines ? [...t.pipelines] : void 0
 	};
-	v(t).then(() => _(n)).catch((e) => {
+	b(t).then(() => y(n)).catch((e) => {
 		console.error("Workflow WASM warmup failed:", e);
 	});
 }
 //#endregion
 //#region src/modules/workflow/useWorkflowInitialization.ts
-function D(e) {
-	let { token: i, lang: o, disableDashboardTheme: s, wasmConfig: c, customModuleCallback: l, interviewId: u, isDesktop: d, urlUuid: f, onError: p, onUrlUuidRefreshed: h } = e, g = n(null), [_, v] = r(() => {
-		let e = T({
+function k(e) {
+	let { token: n, lang: i, disableDashboardTheme: o, wasmConfig: c, customModuleCallback: l, interviewId: u, isDesktop: d, urlUuid: f, onError: p, onUrlUuidRefreshed: m } = e, h = r(null), [_, v] = a(() => {
+		let e = D({
 			customModuleCallback: l,
 			interviewId: u,
 			isDesktop: d
 		});
-		return g.current = e, {
+		return h.current = e, {
 			status: "initializing",
 			workflowManager: e
 		};
-	}), y = n(!1);
+	}), y = r(!1);
 	return t(() => {
 		if (_.status !== "initializing" || y.current) return;
 		y.current = !0;
-		let e = g.current, t = new AbortController(), { signal: n } = t;
+		let e = h.current, t = new AbortController(), { signal: r } = t;
 		return (async () => {
 			try {
-				await m({
-					token: i,
-					lang: o
-				}), f && await x({
+				await g({
+					token: n,
+					lang: i
+				}), f && await C({
 					urlUuid: f,
 					onboardingId: null,
-					onRefreshed: h
-				}, n);
-				let t = s ? Promise.resolve() : w().then((e) => {
-					e.uiConfig && a(e.uiConfig);
+					onRefreshed: m
+				}, r);
+				let t = o ? Promise.resolve() : E().then((e) => {
+					e.uiConfig && s(e.uiConfig);
 				});
-				E(c), e.load(), await t, v({
+				O(c), e.load(), await t, v({
 					status: "ready",
 					workflowManager: e
 				});
 			} catch (t) {
-				if (n.aborted) return;
-				let r = t instanceof Error ? t.message : "Failed to initialize SDK", i = t instanceof b ? t.status : void 0;
+				if (r.aborted) return;
+				let n = t instanceof Error ? t.message : "Failed to initialize SDK", i = t instanceof S ? t.status : void 0;
 				v({
 					status: "error",
-					error: r,
+					error: n,
 					errorCode: i,
 					workflowManager: e
-				}), p?.(r, i);
+				}), p?.(n, i);
 			}
 		})(), () => {
 			t.abort(), e?.stop();
 		};
 	}, [
+		n,
 		i,
 		o,
-		s,
 		c,
 		f,
 		p,
-		h
+		m
 	]), _;
 }
 //#endregion
 //#region src/modules/workflow/workflow.tsx
-function O(e) {
+var A = n(() => import("../homeScreen-CmsrGndM.js").then((e) => ({ default: e.HomeScreen })));
+function j(e) {
 	let { moduleKey: t, config: n, workflowId: r, authHint: i, lang: a, mergeSessionRecordings: o, ageAssurance: s } = e;
 	switch (t) {
 		case "AUTHENTICATION": return {
@@ -150,32 +151,32 @@ function O(e) {
 		default: return n;
 	}
 }
-var k = ({ config: r, onFinish: a, onError: s }) => {
-	let { i18n: l } = e(), d = D({
-		token: r.token,
-		lang: r.lang,
-		disableDashboardTheme: r.disableDashboardTheme,
-		wasmConfig: r.wasmConfig,
-		customModuleCallback: r.customModuleCallback,
-		interviewId: r.interviewId,
-		isDesktop: r.isDesktop,
-		urlUuid: r.urlUuid,
+var M = ({ config: n, onFinish: a, onError: s }) => {
+	let { i18n: l } = e(), d = k({
+		token: n.token,
+		lang: n.lang,
+		disableDashboardTheme: n.disableDashboardTheme,
+		wasmConfig: n.wasmConfig,
+		customModuleCallback: n.customModuleCallback,
+		interviewId: n.interviewId,
+		isDesktop: n.isDesktop,
+		urlUuid: n.urlUuid,
 		onError: s,
-		onUrlUuidRefreshed: r.onUrlUuidRefreshed
-	}), [p, m] = o(() => d.workflowManager, { autoLoad: !1 }), g = h({
+		onUrlUuidRefreshed: n.onUrlUuidRefreshed
+	}), [p, h] = c(() => d.workflowManager, { autoLoad: !1 }), g = _({
 		moduleKey: p?.status === "ready" ? p.currentNode.moduleKey : void 0,
-		modules: C,
-		headlessModuleKeys: f,
-		onModuleLoading: r.onModuleLoading,
-		onModuleLoaded: r.onModuleLoaded,
+		modules: T,
+		headlessModuleKeys: m,
+		onModuleLoading: n.onModuleLoading,
+		onModuleLoaded: n.onModuleLoaded,
 		onError: s
 	});
 	t(() => {
-		r.lang && l.language !== r.lang && l.changeLanguage(r.lang);
-	}, [r.lang, l]);
-	let _ = n(!1);
+		n.lang && l.language !== n.lang && l.changeLanguage(n.lang);
+	}, [n.lang, l]);
+	let v = r(!1);
 	t(() => {
-		_.current || (p?.status === "finished" ? (_.current = !0, a?.(p.finishStatus)) : p?.status === "asyncResolution" && (_.current = !0, a?.()));
+		v.current || (p?.status === "finished" ? (v.current = !0, a?.(p.finishStatus)) : p?.status === "asyncResolution" && (v.current = !0, a?.()));
 	}, [
 		p?.status,
 		a,
@@ -187,49 +188,60 @@ var k = ({ config: r, onFinish: a, onError: s }) => {
 		s,
 		p
 	]);
-	let v = !(r.spinnerConfig?.title || r.spinnerConfig?.subtitle), y = () => /* @__PURE__ */ i("div", {
+	let y = !(n.spinnerConfig?.title || n.spinnerConfig?.subtitle), b = () => /* @__PURE__ */ o("div", {
 		class: "IncodeWorkflow",
-		children: /* @__PURE__ */ i(c, {
-			spinnerConfig: r.spinnerConfig,
-			hideText: v
+		children: /* @__PURE__ */ o(u, {
+			spinnerConfig: n.spinnerConfig,
+			hideText: y
 		})
-	}), b = (e) => {
-		m.errorModule(e ?? "Module error"), s?.(e ?? "Module error");
+	}), x = (e) => {
+		h.errorModule(e ?? "Module error"), s?.(e ?? "Module error");
 	};
 	if (d.status === "error") return null;
-	if (d.status === "initializing" || !p || p.status === "idle" || p.status === "loading") return y();
+	if (d.status === "initializing") return b();
+	if (p && "homeScreen" in p && p.homeScreen.visible) return /* @__PURE__ */ o("div", {
+		class: "IncodeWorkflow",
+		children: /* @__PURE__ */ o(i, {
+			fallback: null,
+			children: /* @__PURE__ */ o(A, {
+				isContinueLoading: p.homeScreen.isContinueLoading,
+				onContinue: () => h.continueFromHome()
+			})
+		})
+	});
+	if (!p || p.status === "idle" || p.status === "loading") return b();
 	if (p.status === "finished" || p.status === "error" || p.status === "asyncResolution" || p.status === "closed") return null;
-	if (g.status === "unsupported") return /* @__PURE__ */ i("div", {
+	if (g.status === "unsupported") return /* @__PURE__ */ o("div", {
 		class: "IncodeWorkflow",
-		children: /* @__PURE__ */ i(u, {
+		children: /* @__PURE__ */ o(f, {
 			moduleKey: p.currentNode.moduleKey,
-			onNext: () => m.completeModule()
+			onNext: () => h.completeModule()
 		})
 	});
-	if (g.status === "idle" || g.status === "loading" || g.status === "error") return y();
-	let { Component: x } = g;
-	return /* @__PURE__ */ i("div", {
+	if (g.status === "idle" || g.status === "loading" || g.status === "error") return b();
+	let { Component: S } = g;
+	return /* @__PURE__ */ o("div", {
 		class: "IncodeWorkflow",
-		children: /* @__PURE__ */ i(x, {
-			config: O({
+		children: /* @__PURE__ */ o(S, {
+			config: j({
 				moduleKey: p.currentNode.moduleKey,
 				config: p.config,
 				workflowId: p.workflowConfig.id,
-				authHint: r.authHint,
-				lang: r.lang,
+				authHint: n.authHint,
+				lang: n.lang,
 				mergeSessionRecordings: p.workflowConfig.mergeSessionRecordings,
 				ageAssurance: p.workflowConfig.ageAssurance
 			}),
-			onFinish: () => m.completeModule(),
-			onError: b,
-			...p.currentNode.moduleKey === "REDIRECT_TO_MOBILE" ? { onContinue: () => m.completeModule() } : {}
+			onFinish: () => h.completeModule(),
+			onError: x,
+			...p.currentNode.moduleKey === "REDIRECT_TO_MOBILE" ? { onContinue: () => h.completeModule() } : {}
 		}, p.currentNode.id)
 	});
-}, A = ({ config: e, onFinish: t, onError: n }) => /* @__PURE__ */ i(s, { children: e ? /* @__PURE__ */ i(k, {
+}, N = ({ config: e, onFinish: t, onError: n }) => /* @__PURE__ */ o(l, { children: e ? /* @__PURE__ */ o(M, {
 	config: e,
 	onFinish: t,
 	onError: n
 }) : null });
-l(A, "incode-workflow");
+d(N, "incode-workflow");
 //#endregion
-export { A as IncodeWorkflow };
+export { N as IncodeWorkflow };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260508-192a29f",
+  "version": "0.0.0-dev-20260508-9f627e9",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -239,7 +239,7 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260508-192a29f"
+    "@incodetech/core": "0.0.0-dev-20260508-9f627e9"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",