@incodetech/web 0.0.0-dev-20260813-ad5ea9e1 → 0.0.0-dev-20260813-2991a679

package/dist/{customFields-Om1nY5wK.js → customFields-BrWlGrZ9.js}

@@ -4,6 +4,7 @@ import { K as InputComposed, P as DateInputComposed, V as Checkbox, X as StatusP
 import { n as LoadingIcon, t as Spacer } from "./spacer-Bev-wMBC.js";
 import { k as Button, u as SuccessIcon } from "./dropdownComposed-CH8FoLKA.js";
 import { t as registerIncodeModuleElement } from "./incodeModule-CPafHixS.js";
+import { n as getRequiredHintMode, t as getFieldHint } from "./requiredLabelHint-BWCuo0he.js";
 import { createCustomFieldsManager } from "@incodetech/core/custom-fields";
 //#region src/modules/custom-fields/customFields.tsx
 var INPUT_TYPE_MAP = {
@@ -12,14 +13,20 @@ var INPUT_TYPE_MAP = {
 	STRING: "text"
 };
 var INPUT_STEP_MAP = { DOUBLE: "any" };
-var DateFieldInput = ({ field, isDisabled, onChange }) => {
+var DateFieldInput = ({ error, field, isDisabled, labelHint, required, onChange }) => {
 	const [dateValue, setDateValue] = d("");
+	const id = `custom-field-${field.name}`;
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeCustomFieldsField",
 		children: /* @__PURE__ */ u(DateInputComposed, {
-			id: `custom-field-${field.name}`,
+			id,
 			name: field.name,
 			label: field.label,
+			labelHint,
+			"data-testid": id,
+			error,
+			showErrorIcon: !!error,
+			required,
 			disabled: isDisabled,
 			value: dateValue,
 			onInput: (e) => {
@@ -30,7 +37,7 @@ var DateFieldInput = ({ field, isDisabled, onChange }) => {
 		})
 	});
 };
-var CustomFieldInput = ({ field, isDisabled, onChange }) => {
+var CustomFieldInput = ({ error, field, isDisabled, labelHint, required, onChange }) => {
 	const id = `custom-field-${field.name}`;
 	if (field.type === "BOOLEAN") return /* @__PURE__ */ u("div", {
 		class: "IncodeCustomFieldsField",
@@ -38,13 +45,20 @@ var CustomFieldInput = ({ field, isDisabled, onChange }) => {
 			id,
 			name: field.name,
 			label: field.label,
+			labelHint,
+			"data-testid": id,
+			error,
+			required,
 			disabled: isDisabled,
 			onChange: (e) => onChange(field.name, e.target.checked)
 		})
 	});
 	if (field.type === "DATE") return /* @__PURE__ */ u(DateFieldInput, {
+		error,
 		field,
 		isDisabled,
+		labelHint,
+		required,
 		onChange
 	});
 	return /* @__PURE__ */ u("div", {
@@ -53,8 +67,13 @@ var CustomFieldInput = ({ field, isDisabled, onChange }) => {
 			id,
 			name: field.name,
 			label: field.label,
+			labelHint,
+			"data-testid": id,
+			error,
+			showErrorIcon: !!error,
 			type: INPUT_TYPE_MAP[field.type] ?? "text",
 			step: INPUT_STEP_MAP[field.type],
+			required,
 			disabled: isDisabled,
 			onInput: (e) => onChange(field.name, e.target.value)
 		})
@@ -74,6 +93,7 @@ var CustomFieldsContent = ({ config, manager: externalManager, onFinish, onError
 		status: state.status === "finished" ? "finished" : "loading",
 		onFinish
 	});
+	if (state.status === "idle") return null;
 	if (state.status === "success") return /* @__PURE__ */ u(StatusPage, {
 		variant: "success",
 		icon: /* @__PURE__ */ u(SuccessIcon, { size: 64 }),
@@ -90,6 +110,7 @@ var CustomFieldsContent = ({ config, manager: externalManager, onFinish, onError
 	});
 	const canSubmit = state.status === "inputting" ? state.canSubmit : false;
 	const customFields = state.status === "inputting" ? state.customFields : [];
+	const requiredHintMode = getRequiredHintMode(customFields.map((field) => field.type !== "BOOLEAN"));
 	const handleChange = (name, value) => {
 		manager.setField(name, value);
 	};
@@ -97,23 +118,35 @@ var CustomFieldsContent = ({ config, manager: externalManager, onFinish, onError
 		className: "IncodeCustomFieldsPage",
 		title,
 		hideFooterBranding: true,
+		"data-testid": "custom-fields-page",
 		children: /* @__PURE__ */ u("form", {
 			class: "IncodeCustomFieldsForm",
+			"data-testid": "custom-fields-form",
+			noValidate: true,
 			onSubmit: (e) => {
 				e.preventDefault();
 				manager.submit();
 			},
 			autoComplete: "off",
 			children: [
-				customFields.map((field) => /* @__PURE__ */ u(CustomFieldInput, {
-					field,
-					isDisabled: false,
-					onChange: handleChange
-				}, field.name)),
+				customFields.map((field) => {
+					const required = field.type !== "BOOLEAN";
+					const hint = getFieldHint(requiredHintMode, required);
+					const errorKey = state.validationErrors?.[field.name];
+					return /* @__PURE__ */ u(CustomFieldInput, {
+						error: errorKey ? t(errorKey, { fieldName: field.label }) : void 0,
+						field,
+						isDisabled: false,
+						labelHint: hint ? t(`forms.label.${hint}`) : void 0,
+						required,
+						onChange: handleChange
+					}, field.name);
+				}),
 				/* @__PURE__ */ u(Spacer, {}),
 				/* @__PURE__ */ u(Button, {
 					type: "submit",
 					disabled: !canSubmit,
+					"data-testid": "custom-fields-submit",
 					children: t("customFields.continue")
 				})
 			]

package/dist/flow/flow.es.js

@@ -3,7 +3,7 @@ import { _ as y, c as z, d as T, l as A, o as P, p as d, v as u } from "../vendo
 import { X as StatusPage, dt as TransitionSpinner, ot as ResolvedConfigProvider, st as TerminalErrorPage, tt as IncodeComponent, yt as useManager } from "../extensibility-li3u8bJP.js";
 import { O as ErrorIcon } from "../dropdownComposed-CH8FoLKA.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CPafHixS.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-Bj_qdihU.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-Bl4AhWD8.js";
 import { getRequiredWasmPipelines } from "@incodetech/core/flow";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";
 //#region src/shared/processing/useDelayedFlag.ts

package/dist/flow/styles.css

@@ -828,12 +828,12 @@
 }
 
 .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions p, .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions h2 {
+  text-align: center;
   font-family: var(--typography-input-dropdown-family);
   font-size: var(--typography-input-dropdown-m-size);
   font-weight: var(--typography-input-dropdown-m-weight);
   line-height: var(--typography-input-dropdown-m-line-height);
   letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
-  text-wrap: nowrap;
 }
 
 .IncodeFlowStart {

package/dist/government-validation/government-validation.es.js

@@ -84,17 +84,18 @@ var GovernmentVerificationResult = (props) => /* @__PURE__ */ u(VerificationResu
 	hideFooterBranding: false,
 	footerBrandingSlot: /* @__PURE__ */ u(VerifiedByGovIncodeLogo, {})
 });
-var GovernmentValidationContent = ({ config, onFinish }) => {
+var GovernmentValidationContent = ({ config, manager: externalManager, onFinish }) => {
 	const { t } = useTranslation();
 	const [state, manager] = useManager(() => {
+		if (externalManager) return externalManager;
 		if (!config) throw new Error("GovernmentValidation config is required");
 		return createGovernmentValidationManager({ config });
-	});
+	}, { manageLifecycle: !externalManager });
 	useModuleTerminalCallbacks({
 		status: state.status === "finished" ? "finished" : "loading",
 		onFinish
 	});
-	if (config.backgroundExecution || state.status === "finished") return null;
+	if (config?.backgroundExecution || state.status === "finished") return null;
 	const isOtpStep = state.status === "awaitingOtp" || state.status === "verifyingOtp";
 	return /* @__PURE__ */ u(k, { children: [
 		(state.status === "idle" || state.status === "loading" || state.status === "processing") && /* @__PURE__ */ u(GovernmentVerificationResult, {
@@ -150,13 +151,14 @@ var GovernmentValidationContent = ({ config, onFinish }) => {
 		})
 	] });
 };
-var GovernmentValidationWithLocalConfig = ({ config, onFinish }) => {
-	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(GovernmentValidationContent, {
+var GovernmentValidationWithLocalConfig = ({ config, manager, onFinish }) => {
+	return /* @__PURE__ */ u(IncodeComponent, { children: config || manager ? /* @__PURE__ */ u(GovernmentValidationContent, {
 		config,
+		manager,
 		onFinish
 	}) : null });
 };
-var GovernmentValidation = withStandaloneModuleBootstrap(GovernmentValidationWithLocalConfig, "GOVT_VALIDATION_PROVISIONING");
+var GovernmentValidation = withStandaloneModuleBootstrap(GovernmentValidationWithLocalConfig, "GOVT_VALIDATION_PROVISIONING", { supportsExternalManager: true });
 registerIncodeModuleElement(GovernmentValidation, "incode-government-validation");
 //#endregion
 export { GovernmentValidation };

package/dist/government-validation/styles.css

@@ -32,10 +32,10 @@
 }
 
 .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions p, .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions h2 {
+  text-align: center;
   font-family: var(--typography-input-dropdown-family);
   font-size: var(--typography-input-dropdown-m-size);
   font-weight: var(--typography-input-dropdown-m-weight);
   line-height: var(--typography-input-dropdown-m-line-height);
   letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
-  text-wrap: nowrap;
 }

package/dist/id/id.es.js

@@ -1103,7 +1103,7 @@ function preloadIdTutorialAssets() {
 }
 //#endregion
 //#region src/modules/id/id.tsx
-var MandatoryConsent = z(() => import("../mandatoryConsent-pblMVUjs.js").then((module) => ({ default: module.MandatoryConsent })));
+var MandatoryConsent = z(() => import("../mandatoryConsent-B7KFPn4W.js").then((module) => ({ default: module.MandatoryConsent })));
 var IdContent = ({ config, manager: externalManager, onFinish, onError }) => {
 	usePreloadDisplayFont();
 	const { t } = useTranslation();

package/dist/{mandatoryConsent-pblMVUjs.js → mandatoryConsent-B7KFPn4W.js}

@@ -48,6 +48,7 @@ var MandatoryConsentContent = ({ config, manager: externalManager, onFinish, onE
 						class: "IncodeConsentCheckboxList",
 						children: /* @__PURE__ */ u(Checkbox, {
 							id: "mandatory-consent-checkbox",
+							"data-testid": "mandatory-consent-checkbox",
 							class: "IncodeConsentCheckbox",
 							checked: state.isSigned,
 							required: true,
@@ -82,6 +83,7 @@ var MandatoryConsentContent = ({ config, manager: externalManager, onFinish, onE
 						children: t("biometricConsent.button.continue")
 					}), isMandatoryConsent && /* @__PURE__ */ u(Button, {
 						variant: "link",
+						"data-testid": "mandatory-consent-cancel",
 						onClick: () => manager.cancel(),
 						children: t("biometricConsent.button.cancel")
 					})]

package/dist/types/government-validation.d.ts

@@ -2,6 +2,7 @@ import { DeepPartial } from '@incodetech/core/flow';
 import { FC } from 'preact/compat';
 import { FunctionComponent } from 'preact';
 import { GovernmentValidationConfig } from '@incodetech/core/government-validation';
+import { GovernmentValidationManager } from '@incodetech/core/government-validation';
 import { SVGProps } from 'preact/compat';
 
 /**
@@ -58,7 +59,7 @@ export declare const GovernmentValidation: FC<Omit<GovernmentValidationProps, "c
     config?: (Omit<unknown, never> & DeepPartial<Pick<unknown, never>>) | undefined;
 }>;
 
-declare type GovernmentValidationProps = IncodeModuleProps<GovernmentValidationConfig>;
+declare type GovernmentValidationProps = IncodeModuleProps<GovernmentValidationConfig, void, GovernmentValidationManager>;
 
 /**
  * Extra context passed to `onFinish` alongside the result. Lets a host decide

package/dist/{useModuleLoader-Bj_qdihU.js → useModuleLoader-Bl4AhWD8.js}

@@ -88,12 +88,12 @@ var LAZY_UI_MODULES = {
 	DOCUMENT_CAPTURE: () => import("./documentCapture-otFa-W4b.js").then((m) => m.DocumentCapture),
 	ADDRESS: () => import("./documentCapture-otFa-W4b.js").then((m) => m.DocumentCapture),
 	COMBINED_CONSENT: () => import("./consent/consent.es.js").then((m) => m.Consent),
-	MANDATORY_CONSENT: () => import("./mandatoryConsent-pblMVUjs.js").then((m) => m.MandatoryConsent),
-	ML_CONSENT: () => import("./mandatoryConsent-pblMVUjs.js").then((m) => m.MandatoryConsent),
+	MANDATORY_CONSENT: () => import("./mandatoryConsent-B7KFPn4W.js").then((m) => m.MandatoryConsent),
+	ML_CONSENT: () => import("./mandatoryConsent-B7KFPn4W.js").then((m) => m.MandatoryConsent),
 	SIGNATURE: () => import("./signature/signature.es.js").then((m) => m.Signature),
 	ID_OCR: () => import("./idOcr-BLQhHZbS.js").then((m) => m.IdOcr),
 	ANTIFRAUD: () => import("./antifraud/antifraud.es.js").then((m) => m.Antifraud),
-	CUSTOM_FIELDS: () => import("./customFields-Om1nY5wK.js").then((m) => m.CustomFields),
+	CUSTOM_FIELDS: () => import("./customFields-BrWlGrZ9.js").then((m) => m.CustomFields),
 	WATCHLIST: () => import("./watchlist/watchlist.es.js").then((m) => m.Watchlist),
 	WATCHLIST_BUSINESS: () => import("./watchlistForBusiness-CqVbOd4P.js").then((m) => m.WatchlistForBusiness),
 	INCODE_WATCHLIST: () => import("./customWatchlist-Dh3A_Nmm.js").then((m) => m.CustomWatchlist),

package/dist/workflow/styles.css

@@ -959,12 +959,12 @@
 }
 
 .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions p, .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions h2 {
+  text-align: center;
   font-family: var(--typography-input-dropdown-family);
   font-size: var(--typography-input-dropdown-m-size);
   font-weight: var(--typography-input-dropdown-m-weight);
   line-height: var(--typography-input-dropdown-m-line-height);
   letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
-  text-wrap: nowrap;
 }
 
 .IncodeSrOnly {

package/dist/workflow/workflow.es.js

@@ -3,7 +3,7 @@ import { _ as y, c as z, l as A, o as P, p as d, v as u } from "../vendor-preact
 import { i as fetchAndApplyTheme } from "../dashboardTheme-C87VA-Zf.js";
 import { ct as Page, dt as TransitionSpinner, ot as ResolvedConfigProvider, rt as AutoFocusTitle, st as TerminalErrorPage, tt as IncodeComponent, yt as useManager } from "../extensibility-li3u8bJP.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CPafHixS.js";
-import { a as resolveApiKey, g as setupSDK, i as HEADLESS_WORKFLOW_MODULE_KEYS, l as LAZY_UI_MODULES, o as extractIncodeStatus, s as UnsupportedModule, t as useModuleLoader, v as isDesktopOrEmulated } from "../useModuleLoader-Bj_qdihU.js";
+import { a as resolveApiKey, g as setupSDK, i as HEADLESS_WORKFLOW_MODULE_KEYS, l as LAZY_UI_MODULES, o as extractIncodeStatus, s as UnsupportedModule, t as useModuleLoader, v as isDesktopOrEmulated } from "../useModuleLoader-Bl4AhWD8.js";
 import { resolveWasmConfig, upgradeToWasmHttpClient, warmupWasm } from "@incodetech/core/wasm";
 import { classifyScoreStatus } from "@incodetech/core/flow";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260813-ad5ea9e1",
+  "version": "0.0.0-dev-20260813-2991a679",
   "license": "ISC",
   "repository": {
     "type": "git",
@@ -292,7 +292,7 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260813-ad5ea9e1"
+    "@incodetech/core": "0.0.0-dev-20260813-2991a679"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",