@incodetech/web 0.0.0-dev-20260430-3fffde8 → 0.0.0-dev-20260430-53a87e0

package/dist/flow/flow.es.js

@@ -4,7 +4,7 @@ import { t as c } from "../uiConfig-CwpQ-IM6.js";
 import { o as l, t as u } from "../incodeComponent-DexcYK3Y.js";
 import { t as d } from "../transitionSpinner-DqDwaNM6.js";
 import { t as f } from "../incodeModule-CHzKl22Y.js";
-import { a as p, c as m, d as h, i as g, l as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w } from "../useModuleLoader-T6BIz-cA.js";
+import { a as p, c as m, d as h, i as g, l as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w } from "../useModuleLoader-BHKdXE3w.js";
 import { getDeviceClass as T } from "@incodetech/core/device";
 import { getRequiredWasmPipelines as E } from "@incodetech/core/flow";
 import { QrValidationError as D, bootstrapSession as O, refreshQrUrlUuid as k } from "@incodetech/core/session";

package/dist/flow/styles.css

@@ -2549,7 +2549,7 @@
   min-height: var(--spacing-0, var(--spacing-none, 0px));
 }
 
-.IncodeIdOcrForm {
+.IncodeIdOcrPage .IncodeIdOcrForm {
   margin-top: var(--spacing-32, var(--spacing-32, 32px));
   height: 100%;
   min-height: var(--spacing-0, var(--spacing-none, 0px));
@@ -2562,42 +2562,14 @@
   overflow-y: auto;
 }
 
-.IncodeIdOcrButton {
+.IncodeIdOcrPage .IncodeIdOcrButton {
   bottom: var(--spacing-0, var(--spacing-none, 0px));
   width: 100%;
   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%;
+.IncodeIdOcrPage .IncodeIdOcrRadioGroup {
   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 {

package/dist/id-ocr/styles.css

@@ -22,7 +22,7 @@
   min-height: var(--spacing-0, var(--spacing-none, 0px));
 }
 
-.IncodeIdOcrForm {
+.IncodeIdOcrPage .IncodeIdOcrForm {
   margin-top: var(--spacing-32, var(--spacing-32, 32px));
   height: 100%;
   min-height: var(--spacing-0, var(--spacing-none, 0px));
@@ -35,40 +35,12 @@
   overflow-y: auto;
 }
 
-.IncodeIdOcrButton {
+.IncodeIdOcrPage .IncodeIdOcrButton {
   bottom: var(--spacing-0, var(--spacing-none, 0px));
   width: 100%;
   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%;
+.IncodeIdOcrPage .IncodeIdOcrRadioGroup {
   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-DyEsmJUm.js → idOcr-CzUlyrUX.js}

@@ -2,58 +2,52 @@ import { n as e } from "./i18n-ntrVdqVv.js";
 import { v as t } from "./vendor-preact-D6SntenC.js";
 import { o as n, t as r } from "./incodeComponent-DexcYK3Y.js";
 import { t as i } from "./page-BB20C-zy.js";
-import "./extensibility-BhOLYPko.js";
-import { t as a } from "./button-i4SPU5G7.js";
-import { t as o } from "./verificationResult-DTfsw2w2.js";
-import { t as s } from "./inputComposed-4aHO5YRK.js";
-import { t as c } from "./dateInputComposed-BISaNEkl.js";
-import { t as l } from "./radioButtonComposed-CuKvBI5S.js";
+import { _ as a } from "./extensibility-BhOLYPko.js";
+import { t as o } from "./button-i4SPU5G7.js";
+import { t as s } from "./verificationResult-DTfsw2w2.js";
+import { t as c } from "./inputComposed-4aHO5YRK.js";
+import { t as l } from "./dateInputComposed-BISaNEkl.js";
 import { t as u } from "./incodeModule-CHzKl22Y.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: o, onChange: s, onBlur: c, onContinue: u }) => {
+	text: c,
+	date: l
+}, m = ({ fields: n, data: r, validationErrors: i, isReadonly: s, onChange: c, onBlur: l, 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" ? o === !0 : !0)).map((e) => {
-			let n = r[e.key] ?? "", a = i?.[e.key], u = a ? d(a) : void 0;
-			if (e.type === "radio") return /* @__PURE__ */ t("div", {
-				className: "IncodeIdOcrRadioGroup",
-				children: [/* @__PURE__ */ t("label", {
-					className: "IncodeIdOcrRadioOptionsLabel",
-					htmlFor: e.key,
-					children: `${!o && 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: o,
-						onChange: () => s(e.key, r.value)
-					}, `${e.key}-${r.value}`))
-				})]
-			});
-			let f = p[e.type], m = o ? !1 : e.required, h = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+		children: [n.filter((e) => e.key === "issuingCountry" ? s === !0 : e.key === "documentNumber" && s ? !!r.documentNumber : !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(a, {
+				id: `id-ocr-${e.key}`,
+				class: "IncodeIdOcrRadioGroup",
+				label: d(e.labelKey),
+				value: n,
+				options: (e.options ?? []).map((e) => ({
+					value: e.value,
+					label: d(e.label)
+				})),
+				required: !s && e.required,
+				disabled: s,
+				onChange: (t) => c(e.key, t)
+			}, e.key);
+			let f = p[e.type], m = s ? !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: o,
+				disabled: s,
 				required: m,
 				error: u,
 				showErrorIcon: !!u,
-				onInput: (t) => s(e.key, t.target.value),
-				onBlur: o || !c ? void 0 : () => c(e.key),
+				onInput: (t) => c(e.key, t.target.value),
+				onBlur: s || !l ? void 0 : () => l(e.key),
 				...e.type === "date" && { max: h }
 			}, e.key);
 		}), /* @__PURE__ */ t("div", {
 			className: "IncodeIdOcrButton",
-			children: /* @__PURE__ */ t(a, {
+			children: /* @__PURE__ */ t(o, {
 				onClick: u,
 				disabled: f,
 				children: d("common.continue")
@@ -61,19 +55,19 @@ var p = {
 		})]
 	});
 }, h = ({ config: r, onFinish: a }) => {
-	let { t: s } = e(), [c, l] = n(() => d({ config: r }));
-	return c.status === "finished" ? (a?.(), null) : c.status === "success" ? /* @__PURE__ */ t(o, {
+	let { t: o } = e(), [c, l] = n(() => d({ config: r }));
+	return c.status === "finished" ? (a?.(), null) : c.status === "success" ? /* @__PURE__ */ t(s, {
 		status: "success",
-		successTitle: s("idOcr.successTitle")
-	}) : c.status === "error" ? /* @__PURE__ */ t(o, {
+		successTitle: o("idOcr.successTitle")
+	}) : c.status === "error" ? /* @__PURE__ */ t(s, {
 		status: "failure",
 		onRetry: () => l.retry()
-	}) : c.status === "loading" || c.status === "submitting" ? /* @__PURE__ */ t(o, {
+	}) : c.status === "loading" || c.status === "submitting" ? /* @__PURE__ */ t(s, {
 		status: "submitting",
-		submittingTitle: s("common.holdOnASec"),
-		submittingSubtitle: s("idOcr.loadingSubtitle")
+		submittingTitle: o("common.holdOnASec"),
+		submittingSubtitle: o("idOcr.loadingSubtitle")
 	}) : c.status === "readonly" || c.status === "inputting" ? /* @__PURE__ */ t(i, {
-		title: s("idOcr.title"),
+		title: o("idOcr.title"),
 		className: "IncodeIdOcrPage",
 		hideFooterBranding: !0,
 		children: /* @__PURE__ */ t(m, {

package/dist/phone/phone.es.js

@@ -22,8 +22,9 @@ var h = ({ config: i, manager: d, onFinish: h, onError: g }) => {
 		if (!i) throw Error("Phone config is required");
 		return f({ config: i });
 	}, { manageLifecycle: !d }), [b, x] = t(!1), [S, C] = t(!1), [w, T] = t(!1);
-	if (v.status === "idle" || v.status === "loadingPrefill" || v.status === "inputting" || v.status === "submitting" || v.status === "sendingInitialOtp") {
-		let e = v.status === "idle" || v.status === "loadingPrefill" || v.status === "submitting" || v.status === "sendingInitialOtp", t = v.status === "inputting" ? v.countryCode : "US", r = v.status === "inputting" ? v.prefilledPhone : void 0, i = v.status === "inputting" && v.phoneError ? _(p(v.phoneError)) : void 0, c = v.status === "inputting" && S && w && !b ? _("phone.invalidPhone") : void 0, d = i ?? c, f = !b || i !== void 0, m = v.status === "inputting" ? v.optinEnabled ?? !1 : !1;
+	if (v.status === "idle" || v.status === "loadingPrefill" || v.status === "loadingStartInfo") return null;
+	if (v.status === "inputting" || v.status === "submitting" || v.status === "sendingInitialOtp") {
+		let e = v.status === "submitting" || v.status === "sendingInitialOtp", t = v.status === "inputting" ? v.countryCode : "US", r = v.status === "inputting" ? v.prefilledPhone : void 0, i = v.status === "inputting" && v.phoneError ? _(p(v.phoneError)) : void 0, c = v.status === "inputting" && S && w && !b ? _("phone.invalidPhone") : void 0, d = i ?? c, f = !b || i !== void 0, m = v.status === "inputting" ? v.optinEnabled ?? !1 : !1;
 		return /* @__PURE__ */ n(o, {
 			className: "IncodePhonePage",
 			title: _("phone.verify"),

package/dist/{useModuleLoader-T6BIz-cA.js → useModuleLoader-BHKdXE3w.js}

@@ -177,7 +177,7 @@ var M = {
 	COMBINED_CONSENT: () => import("./consent/consent.es.js").then((e) => e.Consent),
 	MANDATORY_CONSENT: () => import("./mandatoryConsent-OCdxJMmo.js").then((e) => e.MandatoryConsent),
 	SIGNATURE: () => import("./signature/signature.es.js").then((e) => e.Signature),
-	ID_OCR: () => import("./idOcr-DyEsmJUm.js").then((e) => e.IdOcr),
+	ID_OCR: () => import("./idOcr-CzUlyrUX.js").then((e) => e.IdOcr),
 	ANTIFRAUD: () => import("./antifraud/antifraud.es.js").then((e) => e.Antifraud),
 	CUSTOM_FIELDS: () => import("./customFields-ClP-OHqQ.js").then((e) => e.CustomFields),
 	WATCHLIST: () => import("./watchlist/watchlist.es.js").then((e) => e.Watchlist),

package/dist/workflow/styles.css

@@ -2198,7 +2198,7 @@
   min-height: var(--spacing-0, var(--spacing-none, 0px));
 }
 
-.IncodeIdOcrForm {
+.IncodeIdOcrPage .IncodeIdOcrForm {
   margin-top: var(--spacing-32, var(--spacing-32, 32px));
   height: 100%;
   min-height: var(--spacing-0, var(--spacing-none, 0px));
@@ -2211,42 +2211,14 @@
   overflow-y: auto;
 }
 
-.IncodeIdOcrButton {
+.IncodeIdOcrPage .IncodeIdOcrButton {
   bottom: var(--spacing-0, var(--spacing-none, 0px));
   width: 100%;
   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%;
+.IncodeIdOcrPage .IncodeIdOcrRadioGroup {
   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 {

package/dist/workflow/workflow.es.js

@@ -5,7 +5,7 @@ import { o, t as s } from "../incodeComponent-DexcYK3Y.js";
 import "../spinner-BYktSnQZ.js";
 import { t as c } from "../transitionSpinner-DqDwaNM6.js";
 import { t as l } from "../incodeModule-CHzKl22Y.js";
-import { a as u, f as d, i as f, m as p, t as m } from "../useModuleLoader-T6BIz-cA.js";
+import { a as u, f as d, i as f, m as p, t as m } from "../useModuleLoader-BHKdXE3w.js";
 import { resolveWasmConfig as h, warmupWasm as g } from "@incodetech/core/wasm";
 import { QrValidationError as _, refreshQrUrlUuid as v } from "@incodetech/core/session";
 import { createWorkflowManager as y } from "@incodetech/core/workflow";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260430-3fffde8",
+  "version": "0.0.0-dev-20260430-53a87e0",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -230,7 +230,7 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260430-3fffde8"
+    "@incodetech/core": "0.0.0-dev-20260430-53a87e0"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",