@incodetech/web 0.0.0-dev-20260608-c8c427ca → 0.0.0-dev-20260609-11ba3e8a

package/dist/id-verification/id-verification.es.js

@@ -1,21 +1,24 @@
-import { v as e } from "../vendor-preact-D6SntenC.js";
-import { c as t, o as n } from "../hooks-MxHtZWTS.js";
-import { t as r } from "../incodeComponent-BoFhgK7G.js";
-import { t as i } from "../spinner-CKnjVHxw.js";
-import { t as a } from "../expiredId-nfVAZgTL.js";
-import { t as o } from "../incodeModule-BiCoAJ5k.js";
-import { createIdVerificationManager as s } from "@incodetech/core/id-verification";
+import { v as u } from "../vendor-preact-BH7vOa2r.js";
+import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-BtgmGvba.js";
+import { t as IncodeComponent } from "../incodeComponent-CDJxFZvS.js";
+import { t as Spinner } from "../spinner-BfBIZkDQ.js";
+import { t as ExpiredId } from "../expiredId-C105HVKv.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-DkA_yd0X.js";
+import { createIdVerificationManager } from "@incodetech/core/id-verification";
 //#region src/modules/id-verification/id-verification.tsx
-var c = ({ config: r, onFinish: o }) => {
-	let [c, l] = t(() => s({ config: r }));
-	return n({
-		status: c.status === "finished" ? "finished" : "loading",
-		onFinish: o
-	}), c.status === "expired" ? /* @__PURE__ */ e(a, { onContinue: () => l.continue() }) : /* @__PURE__ */ e(i, { fullScreen: !0 });
-}, l = ({ config: t, onFinish: n }) => /* @__PURE__ */ e(r, { children: t ? /* @__PURE__ */ e(c, {
-	config: t,
-	onFinish: n
+var IdVerificationContent = ({ config, onFinish }) => {
+	const [state, manager] = useManager(() => createIdVerificationManager({ config }));
+	useModuleTerminalCallbacks({
+		status: state.status === "finished" ? "finished" : "loading",
+		onFinish
+	});
+	if (state.status === "expired") return /* @__PURE__ */ u(ExpiredId, { onContinue: () => manager.continue() });
+	return /* @__PURE__ */ u(Spinner, { fullScreen: true });
+};
+var IdVerification = ({ config, onFinish }) => /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(IdVerificationContent, {
+	config,
+	onFinish
 }) : null });
-o(l, "incode-id-verification");
+registerIncodeModuleElement(IdVerification, "incode-id-verification");
 //#endregion
-export { l as IdVerification };
+export { IdVerification };

package/dist/idOcr-BS77o1VC.js

@@ -0,0 +1,123 @@
+import { n as useTranslation } from "./i18n-gTHArCl9.js";
+import { d as T, v as u } from "./vendor-preact-BH7vOa2r.js";
+import { c as useManager, o as useModuleTerminalCallbacks } from "./hooks-BtgmGvba.js";
+import { t as IncodeComponent } from "./incodeComponent-CDJxFZvS.js";
+import { t as Page } from "./page-BZ-0eNWq.js";
+import "./extensibility-DJwVxojG.js";
+import { t as Button } from "./button-B-qlr4iI.js";
+import { t as VerificationResult } from "./verificationResult-CJ0JyV6A.js";
+import { t as InputComposed } from "./inputComposed-5V2nLTqH.js";
+import { t as RadioGroupComposed } from "./radioGroupComposed-DwYW-Ld-.js";
+import { t as DateInputComposed } from "./dateInputComposed-DY97tQVK.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-DkA_yd0X.js";
+import { n as getRequiredHintMode, t as getFieldHint } from "./requiredLabelHint-DEadtiwx.js";
+import { createIdOcrManager, getOcrFields } from "@incodetech/core/id-ocr";
+//#region src/modules/id-ocr/idOcrForm.tsx
+var TEXT_FIELD_COMPONENTS = {
+	text: InputComposed,
+	date: DateInputComposed
+};
+var IdOcrForm = ({ fields, data, validationErrors, isReadonly, onChange, onBlur, onContinue }) => {
+	const { t } = useTranslation();
+	const hasValidationErrors = validationErrors && Object.keys(validationErrors).length > 0;
+	const visibleFields = fields.filter((field) => {
+		if (field.key === "issuingCountry") return isReadonly === true;
+		if (field.key === "documentNumber" && isReadonly) return !!data.documentNumber;
+		return true;
+	});
+	const mode = T(() => getRequiredHintMode(visibleFields.map((f) => isReadonly ? false : f.required)), [visibleFields, isReadonly]);
+	const renderField = (field) => {
+		const value = data[field.key] ?? "";
+		const fieldErrorKey = validationErrors?.[field.key];
+		const fieldError = fieldErrorKey ? t(fieldErrorKey) : void 0;
+		const isFieldRequired = isReadonly ? false : field.required;
+		const hint = getFieldHint(mode, isFieldRequired);
+		const labelHint = hint ? t(`forms.label.${hint}`) : void 0;
+		if (field.type === "radio") return /* @__PURE__ */ u(RadioGroupComposed, {
+			id: `id-ocr-${field.key}`,
+			class: "IncodeIdOcrRadioGroup",
+			label: t(field.labelKey),
+			labelHint,
+			value,
+			options: (field.options ?? []).map((option) => ({
+				value: option.value,
+				label: t(option.label)
+			})),
+			required: isFieldRequired,
+			disabled: isReadonly,
+			onChange: (next) => onChange(field.key, next)
+		}, field.key);
+		const Component = TEXT_FIELD_COMPONENTS[field.type];
+		const max = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+		return /* @__PURE__ */ u(Component, {
+			id: `id-ocr-${field.key}`,
+			label: t(field.labelKey),
+			labelHint,
+			value,
+			disabled: isReadonly,
+			required: isFieldRequired,
+			error: fieldError,
+			showErrorIcon: !!fieldError,
+			onInput: (e) => onChange(field.key, e.target.value),
+			onBlur: isReadonly || !onBlur ? void 0 : () => onBlur(field.key),
+			...field.type === "date" && { max }
+		}, field.key);
+	};
+	return /* @__PURE__ */ u("div", {
+		className: "IncodeIdOcrForm",
+		children: [visibleFields.map(renderField), /* @__PURE__ */ u("div", {
+			className: "IncodeIdOcrButton",
+			children: /* @__PURE__ */ u(Button, {
+				onClick: onContinue,
+				disabled: hasValidationErrors,
+				children: t("common.continue")
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/modules/id-ocr/idOcr.tsx
+var IdOcrContent = ({ config, onFinish }) => {
+	const { t } = useTranslation();
+	const [state, manager] = useManager(() => createIdOcrManager({ config }));
+	useModuleTerminalCallbacks({
+		status: state.status === "finished" ? "finished" : "loading",
+		onFinish
+	});
+	if (state.status === "finished") return null;
+	if (state.status === "success") return /* @__PURE__ */ u(VerificationResult, {
+		status: "success",
+		successTitle: t("idOcr.successTitle")
+	});
+	if (state.status === "error") return /* @__PURE__ */ u(VerificationResult, {
+		status: "failure",
+		onRetry: () => manager.retry()
+	});
+	if (state.status === "loading" || state.status === "submitting") return /* @__PURE__ */ u(VerificationResult, {
+		status: "submitting",
+		submittingTitle: t("common.holdOnASec"),
+		submittingSubtitle: t("idOcr.loadingSubtitle")
+	});
+	if (state.status === "readonly" || state.status === "inputting") return /* @__PURE__ */ u(Page, {
+		title: t("idOcr.title"),
+		className: "IncodeIdOcrPage",
+		hideFooterBranding: true,
+		children: /* @__PURE__ */ u(IdOcrForm, {
+			fields: getOcrFields(config),
+			data: state.formData,
+			validationErrors: state.status === "inputting" ? state.validationErrors : void 0,
+			isReadonly: state.status === "readonly",
+			onChange: (field, value) => manager.setField(field, value),
+			onBlur: state.status === "inputting" ? (field) => manager.validateField(field) : void 0,
+			onContinue: () => manager.continue()
+		}, state.ocrDocument)
+	});
+	return null;
+};
+var IdOcr = ({ config, onFinish }) => /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(IdOcrContent, {
+	config,
+	onFinish
+}) : null });
+registerIncodeModuleElement(IdOcr, "incode-id-ocr");
+//#endregion
+export { IdOcr };

package/dist/identity-reuse/identity-reuse.es.js

@@ -1,14 +1,19 @@
-import { n as e } from "../i18n-Kzzvkz94.js";
-import { _ as t, v as n } from "../vendor-preact-D6SntenC.js";
-import { c as r, o as i } from "../hooks-MxHtZWTS.js";
-import { t as a } from "../incodeComponent-BoFhgK7G.js";
-import { t as o } from "../page-DA3R7q0J.js";
-import { t as s } from "../spinner-CKnjVHxw.js";
-import { t as c } from "../button-DcCUEn2n.js";
-import { t as l } from "../incodeModule-BiCoAJ5k.js";
-import { SCAN_NEW_DOCUMENT as u, createIdentityReuseManager as d } from "@incodetech/core/identity-reuse";
+import { n as useTranslation } from "../i18n-gTHArCl9.js";
+import { _ as y, v as u } from "../vendor-preact-BH7vOa2r.js";
+import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-BtgmGvba.js";
+import { t as IncodeComponent } from "../incodeComponent-CDJxFZvS.js";
+import { t as Page } from "../page-BZ-0eNWq.js";
+import { t as Spinner } from "../spinner-BfBIZkDQ.js";
+import { t as Button } from "../button-B-qlr4iI.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-DkA_yd0X.js";
+import { SCAN_NEW_DOCUMENT, createIdentityReuseManager } from "@incodetech/core/identity-reuse";
 //#region src/modules/identity-reuse/identity-reuse.tsx
-var f = {
+/**
+* ISO 3166-1 alpha-3 → alpha-2 mapping for countries the SDK supports.
+* The identity-reuse backend returns alpha-3 codes; flag rendering needs
+* alpha-2. Extend as backend support expands; unmapped codes fall back to "".
+*/
+var ISO3_TO_ISO2 = {
 	USA: "US",
 	MEX: "MX",
 	CAN: "CA",
@@ -100,190 +105,223 @@ var f = {
 	MLT: "MT",
 	CYP: "CY"
 };
-function p(e) {
-	if (!e) return "";
-	let t = e.toUpperCase(), n = t.length === 3 ? f[t] ?? "" : t;
-	if (n.length !== 2) return "";
-	let r = 127397;
-	return String.fromCodePoint(n.charCodeAt(0) + r, n.charCodeAt(1) + r);
+/** Convert an ISO-2 or ISO-3 country code to a flag emoji. */
+function countryCodeToFlag(countryCode) {
+	if (!countryCode) return "";
+	const upper = countryCode.toUpperCase();
+	const iso2 = upper.length === 3 ? ISO3_TO_ISO2[upper] ?? "" : upper;
+	if (iso2.length !== 2) return "";
+	const A_OFFSET = 127462 - "A".charCodeAt(0);
+	return String.fromCodePoint(iso2.charCodeAt(0) + A_OFFSET, iso2.charCodeAt(1) + A_OFFSET);
 }
-function m(e, t) {
-	if (!Number.isFinite(e) || e <= 0) return null;
-	let n = e >= 0xe8d4a51000 ? e : e * 1e3, r = new Date(n);
-	return Number.isNaN(r.getTime()) ? null : new Intl.DateTimeFormat(t, {
+/**
+* Format a backend verification timestamp as a locale-aware short date
+* (e.g. "15 Apr 2023" in en-US). Auto-detects unit: values >= 1e12 are
+* treated as milliseconds, smaller values as unix seconds (the documents
+* API returns seconds, possibly with fractional millis). Returns null if
+* the value can't be parsed so the caller can hide the row instead of
+* rendering a half-empty "Verified" with no date.
+*/
+function formatVerifiedAt(timestamp, locale) {
+	if (!Number.isFinite(timestamp) || timestamp <= 0) return null;
+	const ms = timestamp >= 0xe8d4a51000 ? timestamp : timestamp * 1e3;
+	const date = new Date(ms);
+	if (Number.isNaN(date.getTime())) return null;
+	return new Intl.DateTimeFormat(locale, {
 		day: "2-digit",
 		month: "short",
 		year: "numeric"
-	}).format(r);
+	}).format(date);
 }
-var h = ({ checked: e }) => /* @__PURE__ */ n("span", {
-	class: `IncodeIdentityReuseRadio ${e ? "IncodeIdentityReuseRadioChecked" : ""}`,
+var RadioDot = ({ checked }) => /* @__PURE__ */ u("span", {
+	class: `IncodeIdentityReuseRadio ${checked ? "IncodeIdentityReuseRadioChecked" : ""}`,
 	"aria-hidden": "true",
-	children: e ? /* @__PURE__ */ n("span", { class: "IncodeIdentityReuseRadioInner" }) : null
-}), g = ({ document: t, selected: r, recommended: i, tabIndex: a, onSelect: o, locale: s }) => {
-	let { t: c } = e(), l = c(`identityReuse.documentType.${t.documentType}`), u = p(t.countryCode), d = m(t.verifiedAt, s), f = c("identityReuse.verified", { defaultValue: "Verified" }), g = d ? `${f} ${d}` : null;
-	return /* @__PURE__ */ n("button", {
+	children: checked ? /* @__PURE__ */ u("span", { class: "IncodeIdentityReuseRadioInner" }) : null
+});
+var DocumentCard = ({ document, selected, recommended, tabIndex, onSelect, locale }) => {
+	const { t } = useTranslation();
+	const typeLabel = t(`identityReuse.documentType.${document.documentType}`);
+	const flag = countryCodeToFlag(document.countryCode);
+	const verifiedDate = formatVerifiedAt(document.verifiedAt, locale);
+	const verifiedWord = t("identityReuse.verified", { defaultValue: "Verified" });
+	const verifiedLabel = verifiedDate ? `${verifiedWord} ${verifiedDate}` : null;
+	return /* @__PURE__ */ u("button", {
 		type: "button",
-		class: `IncodeIdentityReuseCard ${r ? "IncodeIdentityReuseCardSelected" : ""}`,
+		class: `IncodeIdentityReuseCard ${selected ? "IncodeIdentityReuseCardSelected" : ""}`,
 		role: "radio",
-		"aria-checked": r,
-		tabIndex: a,
-		onClick: o,
-		"data-testid": `identity-reuse-document-${t.id}`,
-		children: /* @__PURE__ */ n("div", {
+		"aria-checked": selected,
+		tabIndex,
+		onClick: onSelect,
+		"data-testid": `identity-reuse-document-${document.id}`,
+		children: /* @__PURE__ */ u("div", {
 			class: "IncodeIdentityReuseCardBody",
 			children: [
-				/* @__PURE__ */ n("div", {
+				/* @__PURE__ */ u("div", {
 					class: "IncodeIdentityReuseCardHeader",
-					children: [/* @__PURE__ */ n("div", {
+					children: [/* @__PURE__ */ u("div", {
 						class: "IncodeIdentityReuseCardHeaderLeft",
-						children: [/* @__PURE__ */ n("span", {
+						children: [/* @__PURE__ */ u("span", {
 							class: "IncodeIdentityReuseCardTypeLabel",
-							children: l
-						}), i ? /* @__PURE__ */ n("span", {
+							children: typeLabel
+						}), recommended ? /* @__PURE__ */ u("span", {
 							class: "IncodeIdentityReuseBadgeRecommended",
-							children: c("identityReuse.badge.recommended")
+							children: t("identityReuse.badge.recommended")
 						}) : null]
-					}), /* @__PURE__ */ n(h, { checked: r })]
+					}), /* @__PURE__ */ u(RadioDot, { checked: selected })]
 				}),
-				/* @__PURE__ */ n("p", {
+				/* @__PURE__ */ u("p", {
 					class: "IncodeIdentityReuseCardIdentifier",
-					children: [u ? /* @__PURE__ */ n("span", {
+					children: [flag ? /* @__PURE__ */ u("span", {
 						"aria-hidden": "true",
-						children: u
-					}) : null, /* @__PURE__ */ n("span", { children: t.maskedNumber })]
+						children: flag
+					}) : null, /* @__PURE__ */ u("span", { children: document.maskedNumber })]
 				}),
-				g ? /* @__PURE__ */ n("p", {
+				verifiedLabel ? /* @__PURE__ */ u("p", {
 					class: "IncodeIdentityReuseCardVerified",
-					children: g
+					children: verifiedLabel
 				}) : null
 			]
 		})
 	});
-}, _ = ({ selected: t, tabIndex: r, onSelect: i }) => {
-	let { t: a } = e();
-	return /* @__PURE__ */ n("button", {
+};
+var ScanNewRow = ({ selected, tabIndex, onSelect }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ u("button", {
 		type: "button",
-		class: `IncodeIdentityReuseCard IncodeIdentityReuseScanNewCard ${t ? "IncodeIdentityReuseCardSelected" : ""}`,
+		class: `IncodeIdentityReuseCard IncodeIdentityReuseScanNewCard ${selected ? "IncodeIdentityReuseCardSelected" : ""}`,
 		role: "radio",
-		"aria-checked": t,
-		tabIndex: r,
-		onClick: i,
+		"aria-checked": selected,
+		tabIndex,
+		onClick: onSelect,
 		"data-testid": "identity-reuse-scan-new",
-		children: [/* @__PURE__ */ n("div", {
+		children: [/* @__PURE__ */ u("div", {
 			class: "IncodeIdentityReuseScanNewBody",
-			children: [/* @__PURE__ */ n("span", {
+			children: [/* @__PURE__ */ u("span", {
 				class: "IncodeIdentityReuseCardTypeLabel",
-				children: a("identityReuse.scanANewDocument")
-			}), /* @__PURE__ */ n("span", {
+				children: t("identityReuse.scanANewDocument")
+			}), /* @__PURE__ */ u("span", {
 				class: "IncodeIdentityReuseBadgeSlowest",
-				children: a("identityReuse.badge.slowest")
+				children: t("identityReuse.badge.slowest")
 			})]
-		}), /* @__PURE__ */ n(h, { checked: t })]
+		}), /* @__PURE__ */ u(RadioDot, { checked: selected })]
 	});
-}, v = ({ config: a, manager: l, onFinish: f, onError: p }) => {
-	let { t: m, i18n: h } = e(), v = h.language || "en", [y, b] = r(() => {
-		if (l) return l;
-		if (!a) throw Error("IdentityReuse config is required when no manager is provided");
-		return d({ config: a });
-	}, { manageLifecycle: !l });
-	i({
-		status: y.status === "finished" ? "finished" : "loading",
-		onFinish: f
+};
+var IdentityReuseContent = ({ config, manager: externalManager, onFinish, onError }) => {
+	const { t, i18n } = useTranslation();
+	const locale = i18n.language || "en";
+	const [state, manager] = useManager(() => {
+		if (externalManager) return externalManager;
+		if (!config) throw new Error("IdentityReuse config is required when no manager is provided");
+		return createIdentityReuseManager({ config });
+	}, { manageLifecycle: !externalManager });
+	useModuleTerminalCallbacks({
+		status: state.status === "finished" ? "finished" : "loading",
+		onFinish
 	});
-	let x = y.status === "error" ? y.error : void 0;
-	if (t(() => {
-		x && p?.(x);
-	}, [x, p]), y.status === "idle" || y.status === "loading" || y.status === "submitting") return /* @__PURE__ */ n(s, { title: m("identityReuse.loading") });
-	if (y.status === "documentsFound") {
-		let e = y.selectedDocumentId, t = [...y.documents.map((e) => e.id), u], r = e === void 0 ? 0 : Math.max(0, t.findIndex((t) => t === e)), i = m(e === u ? "identityReuse.cta.scanNew" : "identityReuse.cta.confirm"), a = (e) => {
-			let t = e.currentTarget;
-			if (!t) return;
-			let n = t.querySelectorAll("[role=\"radio\"]");
-			if (n.length === 0) return;
-			let r = Array.from(n).findIndex((e) => e === document.activeElement);
-			if (r === -1) return;
-			let i = r;
-			switch (e.key) {
+	const errorMessage = state.status === "error" ? state.error : void 0;
+	y(() => {
+		if (errorMessage) onError?.(errorMessage);
+	}, [errorMessage, onError]);
+	if (state.status === "idle" || state.status === "loading" || state.status === "submitting") return /* @__PURE__ */ u(Spinner, { title: t("identityReuse.loading") });
+	if (state.status === "documentsFound") {
+		const selectedId = state.selectedDocumentId;
+		const optionIds = [...state.documents.map((d) => d.id), SCAN_NEW_DOCUMENT];
+		const focusedIndex = selectedId === void 0 ? 0 : Math.max(0, optionIds.findIndex((id) => id === selectedId));
+		const ctaLabel = selectedId === SCAN_NEW_DOCUMENT ? t("identityReuse.cta.scanNew") : t("identityReuse.cta.confirm");
+		const handleRadiogroupKeyDown = (event) => {
+			const container = event.currentTarget;
+			if (!container) return;
+			const buttons = container.querySelectorAll("[role=\"radio\"]");
+			if (buttons.length === 0) return;
+			const currentIndex = Array.from(buttons).findIndex((b) => b === document.activeElement);
+			if (currentIndex === -1) return;
+			let nextIndex = currentIndex;
+			switch (event.key) {
 				case "ArrowDown":
 				case "ArrowRight":
-					i = (r + 1) % n.length;
+					nextIndex = (currentIndex + 1) % buttons.length;
 					break;
 				case "ArrowUp":
 				case "ArrowLeft":
-					i = (r - 1 + n.length) % n.length;
+					nextIndex = (currentIndex - 1 + buttons.length) % buttons.length;
 					break;
 				case "Home":
-					i = 0;
+					nextIndex = 0;
 					break;
 				case "End":
-					i = n.length - 1;
+					nextIndex = buttons.length - 1;
 					break;
 				default: return;
 			}
-			e.preventDefault();
-			let a = n[i];
-			a && (a.focus(), a.click());
+			event.preventDefault();
+			const next = buttons[nextIndex];
+			if (next) {
+				next.focus();
+				next.click();
+			}
 		};
-		return /* @__PURE__ */ n(o, {
+		return /* @__PURE__ */ u(Page, {
 			className: "IncodeIdentityReusePage",
-			title: m("identityReuse.title"),
-			subtitle: m("identityReuse.subtitle"),
-			children: /* @__PURE__ */ n("div", {
+			title: t("identityReuse.title"),
+			subtitle: t("identityReuse.subtitle"),
+			children: /* @__PURE__ */ u("div", {
 				class: "IncodeIdentityReuseBody",
-				children: [/* @__PURE__ */ n("div", {
+				children: [/* @__PURE__ */ u("div", {
 					class: "IncodeIdentityReuseList",
 					role: "radiogroup",
-					"aria-label": m("identityReuse.title"),
-					onKeyDown: a,
-					children: [y.documents.map((t, i) => /* @__PURE__ */ n(g, {
-						document: t,
-						selected: e === t.id,
-						recommended: i === 0,
-						tabIndex: i === r ? 0 : -1,
-						onSelect: () => b.chooseDocument(t.id),
-						locale: v
-					}, t.id)), /* @__PURE__ */ n(_, {
-						selected: e === u,
-						tabIndex: r === y.documents.length ? 0 : -1,
-						onSelect: () => b.chooseDocument(u)
+					"aria-label": t("identityReuse.title"),
+					onKeyDown: handleRadiogroupKeyDown,
+					children: [state.documents.map((document, index) => /* @__PURE__ */ u(DocumentCard, {
+						document,
+						selected: selectedId === document.id,
+						recommended: index === 0,
+						tabIndex: index === focusedIndex ? 0 : -1,
+						onSelect: () => manager.chooseDocument(document.id),
+						locale
+					}, document.id)), /* @__PURE__ */ u(ScanNewRow, {
+						selected: selectedId === SCAN_NEW_DOCUMENT,
+						tabIndex: focusedIndex === state.documents.length ? 0 : -1,
+						onSelect: () => manager.chooseDocument(SCAN_NEW_DOCUMENT)
 					})]
-				}), /* @__PURE__ */ n("div", {
+				}), /* @__PURE__ */ u("div", {
 					class: "IncodeIdentityReuseActions",
-					children: /* @__PURE__ */ n(c, {
-						onClick: () => b.submit(),
-						disabled: e === void 0,
+					children: /* @__PURE__ */ u(Button, {
+						onClick: () => manager.submit(),
+						disabled: selectedId === void 0,
 						"data-testid": "identity-reuse-confirm-button",
-						children: i
+						children: ctaLabel
 					})
 				})]
 			})
 		});
 	}
-	return y.status === "error" ? /* @__PURE__ */ n(o, {
+	if (state.status === "error") return /* @__PURE__ */ u(Page, {
 		className: "IncodeIdentityReusePage",
-		title: m("identityReuse.errorTitle"),
-		subtitle: y.error,
-		children: [/* @__PURE__ */ n("div", { class: "IncodeIdentityReuseContent" }), /* @__PURE__ */ n("div", {
+		title: t("identityReuse.errorTitle"),
+		subtitle: state.error,
+		children: [/* @__PURE__ */ u("div", { class: "IncodeIdentityReuseContent" }), /* @__PURE__ */ u("div", {
 			class: "IncodeIdentityReuseActions",
-			children: [/* @__PURE__ */ n(c, {
-				onClick: () => b.retry(),
+			children: [/* @__PURE__ */ u(Button, {
+				onClick: () => manager.retry(),
 				"data-testid": "identity-reuse-retry-button",
-				children: m("identityReuse.cta.retry")
-			}), /* @__PURE__ */ n(c, {
-				onClick: () => b.skip(),
+				children: t("identityReuse.cta.retry")
+			}), /* @__PURE__ */ u(Button, {
+				onClick: () => manager.skip(),
 				variant: "link",
 				"data-testid": "identity-reuse-skip-button",
-				children: m("identityReuse.cta.skip")
+				children: t("identityReuse.cta.skip")
 			})]
 		})]
-	}) : (y.status, null);
-}, y = ({ config: e, manager: t, onFinish: r, onError: i }) => /* @__PURE__ */ n(a, { children: e || t ? /* @__PURE__ */ n(v, {
-	config: e,
-	manager: t,
-	onFinish: r,
-	onError: i
+	});
+	if (state.status === "finished") return null;
+	return null;
+};
+var IdentityReuse = ({ config, manager, onFinish, onError }) => /* @__PURE__ */ u(IncodeComponent, { children: config || manager ? /* @__PURE__ */ u(IdentityReuseContent, {
+	config,
+	manager,
+	onFinish,
+	onError
 }) : null });
-l(y, "incode-identity-reuse");
+registerIncodeModuleElement(IdentityReuse, "incode-identity-reuse");
 //#endregion
-export { y as IdentityReuse };
+export { IdentityReuse };

package/dist/incode-logo-57XFniXU.js

@@ -0,0 +1,4 @@
+//#region src/shared/page/incode-logo.svg
+var incode_logo_default = "data:image/svg+xml,%3csvg%20width='76'%20height='20'%20viewBox='0%200%2076%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M40.1687%206.01811C42.2312%206.01811%2043.7927%206.59655%2044.8446%207.76024C45.8919%208.91831%2046.4126%2010.5865%2046.4126%2012.7583C46.4126%2014.93%2045.8748%2016.6105%2044.794%2017.7944C43.7102%2018.9815%2042.1729%2019.5735%2040.1937%2019.5735C38.1479%2019.5735%2036.5973%2018.99%2035.5546%2017.8187L35.4273%2017.6701C34.4729%2016.5101%2033.9984%2014.871%2033.9984%2012.7583C33.9984%208.28671%2036.0703%206.01811%2040.1687%206.01811ZM69.1127%206.01781C71.1144%206.01781%2072.5953%206.66904%2073.5373%207.97333C74.4288%209.2077%2074.8837%2010.9053%2074.9066%2013.0629L74.9058%2013.5242H66.1149C66.2174%2014.6334%2066.5602%2015.4734%2067.141%2016.0538C67.7488%2016.662%2068.6195%2016.9679%2069.7639%2016.9679C70.5188%2016.9679%2071.2373%2016.8742%2071.921%2016.6862C72.6048%2016.4995%2073.2105%2016.2581%2073.735%2015.9646L73.9814%2015.8267V18.666L73.8821%2018.7093C72.5607%2019.286%2071.0464%2019.5732%2069.3379%2019.5732C67.4088%2019.5732%2065.8853%2018.986%2064.7769%2017.8093C63.6699%2016.6348%2063.1183%2014.9722%2063.1183%2012.833C63.1183%2010.6451%2063.6389%208.96055%2064.6862%207.78517C65.7359%206.60632%2067.2157%206.01781%2069.1127%206.01781ZM60.3976%201.06738V16.3832C60.3976%2017.0998%2060.0996%2017.7092%2059.5124%2018.198C58.9425%2018.6724%2058.2282%2019.0207%2057.3718%2019.2435C56.5257%2019.4635%2055.6531%2019.5731%2054.7534%2019.5731C52.9298%2019.5731%2051.4237%2019.056%2050.2406%2018.0202C49.0485%2016.9752%2048.4588%2015.1678%2048.4588%2012.6072C48.4588%2010.5545%2048.9627%208.9421%2049.9753%207.77411C50.9938%206.60175%2052.4982%206.01774%2054.4782%206.01774C54.9416%206.01774%2055.4735%206.07665%2056.0742%206.19449C56.582%206.296%2057.0453%206.43849%2057.4648%206.62252V1.06738H60.3976ZM27.911%206.04223C29.2828%206.04223%2030.5881%206.29619%2031.8264%206.80393L31.9291%206.84604V9.55797L31.6992%209.46109C30.4503%208.93473%2029.3127%208.67257%2028.2863%208.67257C27.0102%208.67257%2026.0684%208.98809%2025.4521%209.61162C24.8366%2010.2352%2024.5242%2011.2397%2024.5242%2012.6331C24.5242%2014.0959%2024.8298%2015.1535%2025.4314%2015.8092C26.029%2016.4619%2027.002%2016.7923%2028.3613%2016.7923C29.4706%2016.7923%2030.589%2016.5234%2031.7164%2015.9842L31.9534%2015.8708V18.5903L31.8552%2018.634C30.6349%2019.1773%2029.3283%2019.4483%2027.936%2019.4483C26.2154%2019.4483%2024.7637%2018.9753%2023.5868%2018.0285L23.4123%2017.8829L23.2796%2017.7636C22.1516%2016.7067%2021.5914%2015.0592%2021.5914%2012.8332C21.5914%2010.4557%2022.186%208.72379%2023.3849%207.64725C24.5757%206.57726%2026.0871%206.04223%2027.911%206.04223ZM4.11045%206.39262L4.13613%2019.1987H1.15293V6.39262H4.11045ZM13.5766%206.0423C15.365%206.0423%2016.6948%206.41948%2017.5636%207.18368C18.4372%207.95269%2018.8706%209.13902%2018.8706%2010.7331V19.1984H15.9127V11.0838C15.9127%209.42945%2014.9988%208.62337%2013.1013%208.62337C12.3086%208.62337%2011.5458%208.73548%2010.8133%208.95959L10.5401%209.04888V19.1984H7.58147V7.40579L7.67177%207.35974C8.43481%206.97061%209.36013%206.65415%2010.4506%206.40815L10.8116%206.33134C11.7692%206.13867%2012.6905%206.0423%2013.5766%206.0423ZM40.1687%208.5477C39.0014%208.5477%2038.1814%208.89722%2037.6896%209.59114C37.1869%2010.3012%2036.932%2011.3564%2036.932%2012.7583C36.932%2014.1602%2037.1948%2015.223%2037.7142%2015.9499C38.2224%2016.6613%2039.0345%2017.0182%2040.1687%2017.0182C42.3685%2017.0182%2043.4555%2015.6249%2043.4555%2012.7583C43.4555%2011.325%2043.1888%2010.2632%2042.6636%209.57056C42.1472%208.89036%2041.3203%208.5477%2040.1687%208.5477ZM54.8535%208.59807C52.5835%208.59807%2051.4659%209.9271%2051.4659%2012.6579C51.4659%2014.0276%2051.7253%2015.0917%2052.2391%2015.8527C52.7378%2016.5945%2053.6185%2016.9678%2054.9035%2016.9678C55.6556%2016.9678%2056.2834%2016.8792%2056.7876%2016.7028C57.2156%2016.553%2057.4279%2016.378%2057.4604%2016.186L57.4648%2016.1332V9.25404L57.2778%209.15611C56.9611%208.99923%2056.6189%208.87406%2056.2512%208.78123C55.7705%208.65917%2055.3045%208.59807%2054.8535%208.59807ZM69.0377%208.49888C68.192%208.49888%2067.5412%208.71795%2067.0743%209.15366C66.6631%209.5374%2066.3731%2010.1684%2066.2101%2011.0498L66.1771%2011.2425H71.8784L71.8489%2011.0453C71.7111%2010.208%2071.4421%209.58986%2071.0461%209.18626C70.5969%208.72981%2069.9303%208.49888%2069.0377%208.49888ZM4.21085%201.94156V4.64764H1.07715V1.94156H4.21085Z'%20fill='%23006AFF'/%3e%3c/svg%3e";
+//#endregion
+export { incode_logo_default as t };

package/dist/incodeComponent-CDJxFZvS.js

@@ -0,0 +1,63 @@
+import { n as useTranslation } from "./i18n-gTHArCl9.js";
+import { _ as y, l as A, p as d, r as $, v as u } from "./vendor-preact-BH7vOa2r.js";
+import { s as useScreenOrientation } from "./hooks-BtgmGvba.js";
+import { isIPad } from "@incodetech/core/device";
+//#region src/shared/icons/rotate-icon.svg
+var rotate_icon_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='90'%20height='90'%20viewBox='0%200%2090%2090'%3e%3cg%20fill='%2320263D'%3e%3cpath%20d='M84.12%2027.54l-2.58-2.58L65.036%208.456l-2.58-2.58c-3.127-3.127-8.58-2.764-12.157.81L6.69%2050.306c-3.574%203.574-3.938%209.027-.81%2012.158l21.66%2021.66c3.128%203.127%208.58%202.764%2012.157-.81l43.617-43.616c3.574-3.578%203.937-9.03.806-12.158zm-5.524%208.617l-42.439%2042.44c-1.3%201.3-3.28%201.432-4.42.296l-20.63-20.63c-1.14-1.14-1.008-3.12.297-4.42l42.438-42.44c1.302-1.3%203.282-1.432%204.422-.296l1.031%201.032c1.14%201.14%201.009%203.12-.296%204.421-1.302%201.301-1.433%203.281-.297%204.421L69.02%2031.297c1.14%201.14%203.12%201.01%204.421-.296%201.301-1.301%203.281-1.432%204.421-.296l1.031%201.031c1.137%201.14%201.005%203.12-.296%204.421zM51.885%2090a3.135%203.135%200%2001-2.22-5.351l8.925-8.925a3.138%203.138%200%20014.646.233l3.308%204.046c10.114-5.374%2017.081-15.994%2017.178-28.14a3.136%203.136%200%20013.136-3.113h.026a3.14%203.14%200%20013.112%203.161C89.835%2072.746%2072.746%2089.835%2051.911%2090h-.026zM38.115%200a3.135%203.135%200%20012.22%205.351l-8.925%208.925a3.125%203.125%200%2001-2.378.915%203.138%203.138%200%2001-2.272-1.147l-3.308-4.046C13.34%2015.37%206.373%2025.99%206.274%2038.138a3.14%203.14%200%2001-3.139%203.112h-.026a3.139%203.139%200%2001-3.11-3.161C.166%2017.254%2017.255.165%2038.09%200h.026z'/%3e%3c/g%3e%3c/svg%3e";
+//#endregion
+//#region src/shared/landscapeBlocker/landscapeBlocker.tsx
+function usePortalContainer() {
+	const [container, setContainer] = d(null);
+	const containerRef = A(null);
+	y(() => {
+		const el = document.createElement("div");
+		el.setAttribute("data-incode-landscape-portal", "");
+		document.body.appendChild(el);
+		containerRef.current = el;
+		setContainer(el);
+		return () => {
+			el.remove();
+			containerRef.current = null;
+		};
+	}, []);
+	return container;
+}
+function LandscapeBlocker() {
+	const { t } = useTranslation();
+	const container = usePortalContainer();
+	if (!container) return null;
+	return $(/* @__PURE__ */ u("div", {
+		class: "IncodeLandscapeBlocker",
+		children: [
+			/* @__PURE__ */ u("img", {
+				class: "IncodeLandscapeBlocker-icon",
+				src: rotate_icon_default,
+				alt: "",
+				"aria-hidden": true
+			}),
+			/* @__PURE__ */ u("p", {
+				class: "IncodeLandscapeBlocker-text",
+				children: t("common.landscape")
+			}),
+			/* @__PURE__ */ u("p", {
+				class: "IncodeLandscapeBlocker-text",
+				children: isIPad() ? t("common.rotateIpad") : t("common.rotate")
+			})
+		]
+	}), container);
+}
+//#endregion
+//#region src/shared/componentRoot/incodeComponent.tsx
+/**
+* Wraps UI modules with the standard container.
+* Shows a landscape blocker overlay on mobile (excluding iPad) when device is rotated to landscape.
+*/
+function IncodeComponent({ children }) {
+	const { isLandscapeMobile } = useScreenOrientation();
+	return /* @__PURE__ */ u("div", {
+		class: "IncodeComponent",
+		children: [children, isLandscapeMobile ? /* @__PURE__ */ u(LandscapeBlocker, {}) : null]
+	});
+}
+//#endregion
+export { LandscapeBlocker as n, IncodeComponent as t };

package/dist/incodeModule-DkA_yd0X.js

@@ -0,0 +1,13 @@
+import { t as registerIncodeElement } from "./registerIncodeElement-BJJGzVdq.js";
+//#region src/shared/webComponent/incodeModule.ts
+var incodeModulePropKeys = [
+	"config",
+	"manager",
+	"onFinish",
+	"onError"
+];
+function registerIncodeModuleElement(component, tagName) {
+	registerIncodeElement(component, tagName, incodeModulePropKeys);
+}
+//#endregion
+export { registerIncodeModuleElement as t };