@incodetech/web 0.0.0-dev-20260423-427a341 → 0.0.0-dev-20260423-672ea74

package/dist/flow/flow.es.js

@@ -4,7 +4,7 @@ import { t as s } from "../uiConfig-CwpQ-IM6.js";
 import { o as c, t as l } from "../incodeComponent-DEt7nOim.js";
 import { t as u } from "../transitionSpinner-DLUM_WN2.js";
 import { t as d } from "../incodeModule-DcwjDRyJ.js";
-import { a as f, c as p, d as m, i as h, l as g, n as _, o as v, p as y, r as b, s as x, t as S, u as C } from "../useModuleLoader-orDv3Be3.js";
+import { a as f, c as p, d as m, i as h, l as g, n as _, o as v, p as y, r as b, s as x, t as S, u as C } from "../useModuleLoader-CNBI_JLP.js";
 import { getDeviceClass as w } from "@incodetech/core/device";
 import { getRequiredWasmPipelines as T } from "@incodetech/core/flow";
 import { createSession as E, validateQrUuid as D } from "@incodetech/core/session";
@@ -226,7 +226,7 @@ function U(e) {
 }
 //#endregion
 //#region src/modules/flow/flow.tsx
-var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.HomeScreen }))), G = ({ config: n, onFinish: r, onError: a }) => {
+var W = n(() => import("../homeScreen-CkcAO4Ag.js").then((e) => ({ default: e.HomeScreen }))), G = ({ config: n, onFinish: r, onError: a }) => {
 	let { i18n: s } = e(), l = U({
 		...n,
 		onError: a
@@ -300,7 +300,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 	});
 	if (d.status === "finished") return null;
 	if (d?.status === "ready") {
-		let { currentStep: e, config: t, flow: { flowId: r } } = d;
+		let { currentStep: e, config: t, flow: r } = d, { flowId: i } = r;
 		if (!e || !t) return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
 			children: /* @__PURE__ */ o(u, {
@@ -322,10 +322,10 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 				hideText: k
 			})
 		}) : /* @__PURE__ */ o("div", { class: "IncodeFlow" });
-		let { Component: i } = v;
+		let { Component: s } = v;
 		if (e === "REDIRECT_TO_MOBILE") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: t,
 				onFinish: () => p.completeFlow(),
 				onContinue: () => p.completeModule(),
@@ -334,7 +334,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "SELFIE") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: t,
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
@@ -344,7 +344,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "AUTHENTICATION") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: {
 					...t,
 					authHint: n.authHint
@@ -357,7 +357,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "PHONE") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: t,
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
@@ -372,7 +372,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 				children: /* @__PURE__ */ o("div", { children: "Error: Invalid email configuration" })
 			}) : /* @__PURE__ */ o("div", {
 				class: "IncodeFlow",
-				children: /* @__PURE__ */ o(i, {
+				children: /* @__PURE__ */ o(s, {
 					config: e,
 					onFinish: () => p.completeModule(),
 					onError: (e) => {
@@ -385,7 +385,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 			let n = t;
 			return /* @__PURE__ */ o("div", {
 				class: "IncodeFlow",
-				children: /* @__PURE__ */ o(i, {
+				children: /* @__PURE__ */ o(s, {
 					config: e === "SECOND_ID" ? {
 						...n,
 						isSecondId: !0
@@ -397,9 +397,26 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 				}, `id-${d.currentStepIndex}`)
 			});
 		}
+		if (e === "ID_OCR") {
+			let e = t, n = d.steps.includes("SECOND_ID");
+			return /* @__PURE__ */ o("div", {
+				class: "IncodeFlow",
+				children: /* @__PURE__ */ o(s, {
+					config: {
+						...e,
+						secondId: e.secondId ?? n,
+						flowId: i
+					},
+					onFinish: () => p.completeModule(),
+					onError: (e) => {
+						a?.(e ?? "ID OCR error");
+					}
+				}, `id-ocr-${d.currentStepIndex}`)
+			});
+		}
 		if (e === "FACE_MATCH") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: t,
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
@@ -409,7 +426,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "CURP_VALIDATION") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: t,
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
@@ -419,7 +436,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "GOVT_VALIDATION_PROVISIONING") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: t,
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
@@ -429,7 +446,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "GEOLOCATION") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: t,
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
@@ -439,7 +456,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "EXTERNAL_VERIFICATION") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: { flowId: d.flow.flowId },
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
@@ -449,7 +466,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "DOCUMENT_CAPTURE") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: t,
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
@@ -459,7 +476,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "ADDRESS") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: {
 					...t,
 					processingType: "addressStatement"
@@ -472,7 +489,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "SIGNATURE") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: t,
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
@@ -484,9 +501,9 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 			let e = t;
 			return /* @__PURE__ */ o("div", {
 				class: "IncodeFlow",
-				children: /* @__PURE__ */ o(i, {
+				children: /* @__PURE__ */ o(s, {
 					config: {
-						flowId: r,
+						flowId: i,
 						checkBusinessName: e.checkBusinessName,
 						checkAddress: e.checkAddress,
 						checkTaxId: e.checkTaxId,
@@ -501,7 +518,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		}
 		if (e === "COMBINED_CONSENT") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: t,
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
@@ -511,7 +528,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "MANDATORY_CONSENT") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: t,
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
@@ -523,7 +540,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 			let n = t, r = e === "QE_SIGNATURE" ? "qe" : "ae";
 			return /* @__PURE__ */ o("div", {
 				class: "IncodeFlow",
-				children: /* @__PURE__ */ o(i, {
+				children: /* @__PURE__ */ o(s, {
 					config: {
 						uploadDocument: n.uploadDocument,
 						downloadDocument: n.downloadDocument
@@ -537,7 +554,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		}
 		if (e === "ANTIFRAUD") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
 					a?.(e ?? "Antifraud check error");
@@ -546,7 +563,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "CUSTOM_FIELDS") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: t,
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
@@ -556,7 +573,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "WATCHLIST") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
 					a?.(e ?? "Watchlist check error");
@@ -565,7 +582,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "WATCHLIST_BUSINESS") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
 					a?.(e ?? "Watchlist for business check error");
@@ -574,7 +591,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "INCODE_WATCHLIST") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				config: t,
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
@@ -584,7 +601,7 @@ var W = n(() => import("../homeScreen-DJDHFnIu.js").then((e) => ({ default: e.Ho
 		});
 		if (e === "CROSS_DOCUMENT_DATA_MATCH") return /* @__PURE__ */ o("div", {
 			class: "IncodeFlow",
-			children: /* @__PURE__ */ o(i, {
+			children: /* @__PURE__ */ o(s, {
 				onFinish: () => p.completeModule(),
 				onError: (e) => {
 					a?.(e ?? "Cross document data match error");

package/dist/flow/styles.css

@@ -503,6 +503,11 @@
     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;
@@ -4613,6 +4618,51 @@
   }
 }
 
+@media (min-width: 40rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 40rem;
+  }
+}
+
+@media (min-width: 48rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 48rem;
+  }
+}
+
+@media (min-width: 64rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 64rem;
+  }
+}
+
+@media (min-width: 80rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 80rem;
+  }
+}
+
+@media (min-width: 96rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-width: 96rem;
+  }
+}
+
+@media (min-width: 48rem) {
+  .IncodeCommonIssuesFullScreen .IncodeModalContent {
+    max-height: var(--incode-page-max-h);
+    max-width: var(--incode-page-max-w);
+  }
+
+  @media not all and (min-width: 80rem) {
+    @media (orientation: landscape) {
+      .IncodeCommonIssuesFullScreen .IncodeModalContent {
+        max-height: var(--incode-page-max-h-landscape);
+      }
+    }
+  }
+}
+
 .IncodeCommonIssuesFullScreen .IncodeModalContent {
   width: 100%;
 }
@@ -5533,6 +5583,80 @@
   overflow: hidden;
 }
 
+.IncodeIdOcrPage {
+  width: 100%;
+  height: 100%;
+  margin-inline: auto;
+  animation: .4s ease-out fadeIn;
+}
+
+@media (min-width: 48rem) {
+  .IncodeIdOcrPage.IncodePageContainer {
+    align-items: stretch;
+  }
+}
+
+.IncodeIdOcrPage .IncodePageInner {
+  height: 100%;
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+}
+
+.IncodeIdOcrPage .IncodePageContent {
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+}
+
+.IncodeIdOcrForm {
+  margin-top: var(--spacing-32, var(--spacing-32, 32px));
+  height: 100%;
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+  justify-content: flex-start;
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+  overflow-y: auto;
+}
+
+.IncodeIdOcrButton {
+  bottom: var(--spacing-0, var(--spacing-none, 0px));
+  width: 100%;
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  position: sticky;
+}
+
+.IncodeIdOcrSpinner {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.IncodeIdOcrRadioGroup {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeIdOcrRadioOptionsLabel {
+  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-input-text-label-default, var(--input-text-label-default));
+}
+
+.IncodeIdOcrRadioOptions {
+  gap: var(--spacing-20, var(--spacing-20, 20px));
+  width: 100%;
+  display: flex;
+}
+
 .IncodeDocumentUploadPage {
   background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
 }
@@ -7080,6 +7204,10 @@
   display: inline;
 }
 
+.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup a, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText a {
+  color: var(--color-surface-brand-600, var(--surface-brand-600-static));
+}
+
 .IncodeConsentPage .IncodeCheckboxRequired {
   margin-left: var(--spacing-0, var(--spacing-none, 0px));
   color: var(--color-text-body-primary, var(--text-body-800-primary));

package/dist/{formField-3l0U7wek.js → formField-B-_S6kou.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./i18n-BnVa5Y-_.js";
 import { v as t } from "./vendor-preact-D6SntenC.js";
-import { t as n } from "./inputComposed-C6nVSZj3.js";
+import { t as n } from "./inputComposed-vU4G5kX-.js";
 //#region src/shared/errorParams.ts
 function r(e, t) {
 	if (t?.fieldName && typeof t.fieldName == "string") {

package/dist/governmentValidation/governmentValidation.es.js

@@ -6,7 +6,7 @@ import { t as a } from "../page-D5Mt-0zn.js";
 import { t as o } from "../spinner-DyRQfsz_.js";
 import { h as s, m as c } from "../icons-D3J-STBD.js";
 import { t as l } from "../successIcon-C4GI_9SU.js";
-import { t as u } from "../otpInput-mIxWLuT4.js";
+import { t as u } from "../otpInput-B_ItrMcK.js";
 import { t as d } from "../incodeModule-DcwjDRyJ.js";
 import { createGovernmentValidationManager as f } from "@incodetech/core/government-validation";
 //#region src/modules/governmentValidation/governmentValidation.tsx

package/dist/id/id.es.js

@@ -2,7 +2,7 @@ import { n as e } from "../i18n-BnVa5Y-_.js";
 import { _ as t, c as n, l as r, o as i, v as a } from "../vendor-preact-D6SntenC.js";
 import { o, t as s } from "../incodeComponent-DEt7nOim.js";
 import { t as c } from "../page-D5Mt-0zn.js";
-import { a as l, i as u, n as d, o as f, r as p, t as m } from "../extensibility-DD-UncEc.js";
+import { a as l, i as u, n as d, o as f, r as p, t as m } from "../extensibility-MwUYctOv.js";
 import { n as h } from "../loadingIcon-wTrHZMGC.js";
 import { t as g } from "../spinner-DyRQfsz_.js";
 import "../spinner-BmFWJNHp.js";
@@ -10,7 +10,7 @@ import { t as _ } from "../transitionSpinner-DLUM_WN2.js";
 import { t as v } from "../processing-CfA0-82J.js";
 import { t as y } from "../button-4-ToV5B_.js";
 import { h as b, s as x } from "../icons-D3J-STBD.js";
-import { o as S, r as C } from "../tutorial-D6avi30-.js";
+import { o as S, r as C } from "../tutorial-CAfpDlUG.js";
 import { t as w } from "../successIcon-C4GI_9SU.js";
 import { t as T } from "../incodeModule-DcwjDRyJ.js";
 import { t as E } from "../tabs-Iu2gptzB.js";
@@ -215,11 +215,11 @@ var j = ({ icon: e, label: t, uploaded: n, uploading: i, disabled: o, testId: s,
 	});
 }, z = !1;
 function B() {
-	z || (z = !0, import("../id-tutorial-BVIpezZ1.js"), import("../back-tutorial-DMUliF5W.js"), import("../passport-tutorial-DhEHJZeD.js"));
+	z || (z = !0, import("../id-tutorial-DCs88Nov.js"), import("../back-tutorial-BUwYnbyp.js"), import("../passport-tutorial-D8ghyCv5.js"));
 }
 //#endregion
 //#region src/modules/id/id.tsx
-var V = n(() => import("../mandatoryConsent-DkPINnNR.js").then((e) => ({ default: e.MandatoryConsent }))), H = ({ config: n, manager: r, onFinish: s, onError: c }) => {
+var V = n(() => import("../mandatoryConsent-Cs8VVPyI.js").then((e) => ({ default: e.MandatoryConsent }))), H = ({ config: n, manager: r, onFinish: s, onError: c }) => {
 	A();
 	let { t: h } = e();
 	t(() => {

package/dist/id-ocr/styles.css

@@ -0,0 +1,86 @@
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(8px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.IncodeIdOcrPage {
+  width: 100%;
+  height: 100%;
+  margin-inline: auto;
+  animation: .4s ease-out fadeIn;
+}
+
+@media (min-width: 48rem) {
+  .IncodeIdOcrPage.IncodePageContainer {
+    align-items: stretch;
+  }
+}
+
+.IncodeIdOcrPage .IncodePageInner {
+  height: 100%;
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+}
+
+.IncodeIdOcrPage .IncodePageContent {
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+}
+
+.IncodeIdOcrForm {
+  margin-top: var(--spacing-32, var(--spacing-32, 32px));
+  height: 100%;
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+  justify-content: flex-start;
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+  overflow-y: auto;
+}
+
+.IncodeIdOcrButton {
+  bottom: var(--spacing-0, var(--spacing-none, 0px));
+  width: 100%;
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  position: sticky;
+}
+
+.IncodeIdOcrSpinner {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.IncodeIdOcrRadioGroup {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeIdOcrRadioOptionsLabel {
+  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-input-text-label-default, var(--input-text-label-default));
+}
+
+.IncodeIdOcrRadioOptions {
+  gap: var(--spacing-20, var(--spacing-20, 20px));
+  width: 100%;
+  display: flex;
+}

package/dist/idOcr-Ddb5MkER.js

@@ -0,0 +1,95 @@
+import { n as e } from "./i18n-BnVa5Y-_.js";
+import { v as t } from "./vendor-preact-D6SntenC.js";
+import { o as n, t as r } from "./incodeComponent-DEt7nOim.js";
+import { t as i } from "./page-D5Mt-0zn.js";
+import "./extensibility-MwUYctOv.js";
+import { t as a } from "./spinner-DyRQfsz_.js";
+import { t as o } from "./button-4-ToV5B_.js";
+import { t as s } from "./inputComposed-vU4G5kX-.js";
+import { t as c } from "./dateInputComposed-DUP8vYwk.js";
+import { t as l } from "./radioButtonComposed-CPBFQBXi.js";
+import { t as u } from "./incodeModule-DcwjDRyJ.js";
+import { createIdOcrManager as d, getOcrFields as f } from "@incodetech/core/id-ocr";
+//#region src/modules/id-ocr/idOcrForm.tsx
+var p = {
+	text: s,
+	date: c
+}, m = ({ fields: n, data: r, validationErrors: i, isReadonly: a, onChange: s, onBlur: c, onContinue: u }) => {
+	let { t: d } = e(), f = i && Object.keys(i).length > 0;
+	return /* @__PURE__ */ t("div", {
+		className: "IncodeIdOcrForm",
+		children: [(n.length === 1 && n[0]?.key === "documentNumber" ? n : n.filter((e) => e.key === "documentNumber" ? !!r.documentNumber : e.key === "issuingCountry" ? a === !0 : !0)).map((e) => {
+			let n = r[e.key] ?? "", o = i?.[e.key], u = o ? d(o) : void 0;
+			if (e.type === "radio") return /* @__PURE__ */ t("div", {
+				className: "IncodeIdOcrRadioGroup",
+				children: [/* @__PURE__ */ t("label", {
+					className: "IncodeIdOcrRadioOptionsLabel",
+					htmlFor: e.key,
+					children: `${!a && e.required ? "*" : ""}${d(e.labelKey)}`
+				}), /* @__PURE__ */ t("div", {
+					className: "IncodeIdOcrRadioOptions",
+					children: e.options?.map((r) => /* @__PURE__ */ t(l, {
+						id: `id-ocr-${e.key}`,
+						label: d(r.label),
+						checked: n === r.value,
+						value: r.value,
+						disabled: a,
+						onChange: () => s(e.key, r.value)
+					}, `${e.key}-${r.value}`))
+				})]
+			});
+			let f = p[e.type], m = a ? !1 : e.required, h = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+			return /* @__PURE__ */ t(f, {
+				id: `id-ocr-${e.key}`,
+				label: d(e.labelKey),
+				value: n,
+				disabled: a,
+				required: m,
+				error: u,
+				showErrorIcon: !!u,
+				onInput: (t) => s(e.key, t.target.value),
+				onBlur: a || !c ? void 0 : () => c(e.key),
+				...e.type === "date" && { max: h }
+			}, e.key);
+		}), /* @__PURE__ */ t("div", {
+			className: "IncodeIdOcrButton",
+			children: /* @__PURE__ */ t(o, {
+				onClick: u,
+				disabled: f,
+				children: d("common.continue")
+			})
+		})]
+	});
+}, h = ({ config: r, onFinish: o, onError: s }) => {
+	let { t: c } = e(), [l, u] = n(() => d({ config: r }));
+	return l.status === "finished" ? (o?.(), null) : l.status === "error" ? (s?.(l.error), null) : l.status === "loading" || l.status === "submitting" ? /* @__PURE__ */ t(i, {
+		hideHeader: !0,
+		hideFooterBranding: !0,
+		children: /* @__PURE__ */ t("div", {
+			class: "IncodeIdOcrSpinner",
+			children: /* @__PURE__ */ t(a, {
+				size: "large",
+				title: c("common.processing")
+			})
+		})
+	}) : l.status === "readonly" || l.status === "inputting" ? /* @__PURE__ */ t(i, {
+		title: c("idOcr.title"),
+		className: "IncodeIdOcrPage",
+		children: /* @__PURE__ */ t(m, {
+			fields: f(r),
+			data: l.formData,
+			validationErrors: l.status === "inputting" ? l.validationErrors : void 0,
+			isReadonly: l.status === "readonly",
+			onChange: (e, t) => u.setField(e, t),
+			onBlur: l.status === "inputting" ? (e) => u.validateField(e) : void 0,
+			onContinue: () => u.continue()
+		}, l.ocrDocument)
+	}) : null;
+}, g = ({ config: e, onFinish: n, onError: i }) => /* @__PURE__ */ t(r, { children: e ? /* @__PURE__ */ t(h, {
+	config: e,
+	onFinish: n,
+	onError: i
+}) : null });
+u(g, "incode-id-ocr");
+//#endregion
+export { g as IdOcr };

package/dist/inputComposed-Cyw5Vf6f.js

@@ -0,0 +1 @@
+import "./inputComposed-vU4G5kX-.js";

package/dist/{inputComposed-C6nVSZj3.js → inputComposed-vU4G5kX-.js}

@@ -20,7 +20,10 @@ var o = e((e, r) => {
 				class: "IncodeInputComposedLabel",
 				htmlFor: e,
 				"data-testid": `${e}-label`,
-				children: s
+				children: [g && /* @__PURE__ */ t("span", {
+					className: "IncodeInputComposedAsterics",
+					children: "*"
+				}), s]
 			}),
 			/* @__PURE__ */ t("div", {
 				class: "IncodeInputComposedWrapper",