@incodetech/web 2.1.0-rc.1 → 2.1.0-rc.2

package/dist/id/id.es.js

@@ -1,23 +1,23 @@
-import { n as useTranslation } from "../i18n-CoCO2ZuN.js";
+import { n as useTranslation } from "../i18n-DoP1NB7u.js";
 import { _ as y, c as z, d as T, l as A, o as P, p as d, v as u, x as k } from "../vendor-preact-DThS2ZQ_.js";
 import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "../incodeComponent-wfnHlnXx.js";
+import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
 import { n as cn } from "../loadingIcon-B0ysgiNq.js";
-import { t as Page } from "../page-DxGQj7Gk.js";
-import { a as IdNoAttempts, i as Capture, n as Chooser, o as IdExpired, r as Tutorial, s as IdError, t as FlipAnimation, y as ProgressBar } from "../extensibility-Cs3KQQdC.js";
-import { t as Spinner } from "../spinner-D8a_2LvW.js";
-import "../spinner-B6RxGFrI.js";
-import { t as TransitionSpinner } from "../transitionSpinner-DRRz-NV8.js";
-import { t as Processing } from "../processing-BM-wT-1W.js";
-import { t as Button } from "../button-CM_hgyIP.js";
-import { t as ErrorIcon } from "../errorIcon-DJRZpd8j.js";
-import { s as ChevronRightIcon } from "../icons-Dbs9ZfYM.js";
-import { t as SuccessIcon } from "../successIcon-BAyDPT7I.js";
-import { a as Lottie, o as ErrorContent, r as Permissions } from "../tutorial-D1qaY2Tm.js";
-import { t as PdfViewer } from "../pdfViewer-BK-yVIve.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-BUDoTwT9.js";
-import { t as id_laser_v_default } from "../id-laser-v-DhnHdjlB.js";
-import { t as Tabs } from "../tabs-C8npVBbk.js";
+import { t as Page } from "../page-DidH_RkX.js";
+import { a as IdNoAttempts, i as Capture, n as Chooser, o as IdExpired, r as Tutorial, s as IdError, t as FlipAnimation, y as ProgressBar } from "../extensibility-CTmAsaji.js";
+import { t as Spinner } from "../spinner-BRNNKqPN.js";
+import "../spinner-zRaUjXtH.js";
+import { t as TransitionSpinner } from "../transitionSpinner-4rPkt-KM.js";
+import { t as Processing } from "../processing-Boki1Z8j.js";
+import { t as Button } from "../button-Ch5-QgHB.js";
+import { t as ErrorIcon } from "../errorIcon-BA4T6iy-.js";
+import { s as ChevronRightIcon } from "../icons-CJJbIpBq.js";
+import { t as SuccessIcon } from "../successIcon-B5mGvdx1.js";
+import { a as Lottie, o as ErrorContent, r as Permissions } from "../tutorial-Cap8qKvM.js";
+import { t as PdfViewer } from "../pdfViewer-BewML6eg.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
+import { t as id_laser_v_default } from "../id-laser-v-Dj_RN_s9.js";
+import { t as Tabs } from "../tabs-DUkWjBGk.js";
 import { createIdCaptureManager } from "@incodetech/core/id";
 //#region src/shared/fonts/preloadDisplayFont.ts
 function preloadDisplayFont() {
@@ -907,13 +907,13 @@ var started = false;
 function preloadIdTutorialAssets() {
 	if (started) return;
 	started = true;
-	import("../id-tutorial-lj4iKtYT.js");
-	import("../back-tutorial-vb1MxlrT.js");
-	import("../passport-tutorial-zT1ZoA-D.js");
+	import("../id-tutorial-BOOsXlAJ.js");
+	import("../back-tutorial-B8JJSJBB.js");
+	import("../passport-tutorial-CeSup6m9.js");
 }
 //#endregion
 //#region src/modules/id/id.tsx
-var MandatoryConsent = z(() => import("../mandatoryConsent-r0PQHmv-.js").then((module) => ({ default: module.MandatoryConsent })));
+var MandatoryConsent = z(() => import("../mandatoryConsent-DOQ0DKgM.js").then((module) => ({ default: module.MandatoryConsent })));
 var IdContent = ({ config, manager: externalManager, onFinish, onError }) => {
 	usePreloadDisplayFont();
 	const { t } = useTranslation();

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

@@ -1,9 +1,9 @@
 import { v as u } from "../vendor-preact-DThS2ZQ_.js";
 import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "../incodeComponent-wfnHlnXx.js";
-import { t as Spinner } from "../spinner-D8a_2LvW.js";
-import { t as ExpiredId } from "../expiredId-Q1t6aVpk.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-BUDoTwT9.js";
+import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
+import { t as Spinner } from "../spinner-BRNNKqPN.js";
+import { t as ExpiredId } from "../expiredId-D17oN5K2.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
 import { createIdVerificationManager } from "@incodetech/core/id-verification";
 //#region src/modules/id-verification/id-verification.tsx
 var IdVerificationContent = ({ config, onFinish }) => {

package/dist/{idOcr-CjGbb4dB.js → idOcr-C4K2XVJr.js}

@@ -1,16 +1,16 @@
-import { n as useTranslation } from "./i18n-CoCO2ZuN.js";
+import { n as useTranslation } from "./i18n-DoP1NB7u.js";
 import { d as T, v as u } from "./vendor-preact-DThS2ZQ_.js";
 import { c as useManager, o as useModuleTerminalCallbacks } from "./hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "./incodeComponent-wfnHlnXx.js";
-import { t as Page } from "./page-DxGQj7Gk.js";
-import "./extensibility-Cs3KQQdC.js";
-import { t as Button } from "./button-CM_hgyIP.js";
-import { t as VerificationResult } from "./verificationResult-Do5SpZ6X.js";
-import { t as InputComposed } from "./inputComposed-CQ4AsvZg.js";
-import { t as RadioGroupComposed } from "./radioGroupComposed-BNuaopVr.js";
-import { t as DateInputComposed } from "./dateInputComposed-C_mh4XBg.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-BUDoTwT9.js";
-import { n as getRequiredHintMode, t as getFieldHint } from "./requiredLabelHint-DEadtiwx.js";
+import { t as IncodeComponent } from "./incodeComponent-Cmi1rlWs.js";
+import { t as Page } from "./page-DidH_RkX.js";
+import "./extensibility-CTmAsaji.js";
+import { t as Button } from "./button-Ch5-QgHB.js";
+import { t as VerificationResult } from "./verificationResult-B6PBXbp9.js";
+import { t as InputComposed } from "./inputComposed-C1R2LAa3.js";
+import { t as RadioGroupComposed } from "./radioGroupComposed-TuAWUAFK.js";
+import { t as DateInputComposed } from "./dateInputComposed-DuaofcBl.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-M8DszCee.js";
+import { n as getRequiredHintMode, t as getFieldHint } from "./requiredLabelHint-DX3oVNtu.js";
 import { createIdOcrManager, getOcrFields } from "@incodetech/core/id-ocr";
 //#region src/modules/id-ocr/idOcrForm.tsx
 var TEXT_FIELD_COMPONENTS = {

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

@@ -1,11 +1,11 @@
-import { n as useTranslation } from "../i18n-CoCO2ZuN.js";
+import { n as useTranslation } from "../i18n-DoP1NB7u.js";
 import { _ as y, v as u } from "../vendor-preact-DThS2ZQ_.js";
 import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "../incodeComponent-wfnHlnXx.js";
-import { t as Page } from "../page-DxGQj7Gk.js";
-import { t as Spinner } from "../spinner-D8a_2LvW.js";
-import { t as Button } from "../button-CM_hgyIP.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-BUDoTwT9.js";
+import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
+import { t as Page } from "../page-DidH_RkX.js";
+import { t as Spinner } from "../spinner-BRNNKqPN.js";
+import { t as Button } from "../button-Ch5-QgHB.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
 import { SCAN_NEW_DOCUMENT, createIdentityReuseManager } from "@incodetech/core/identity-reuse";
 //#region src/modules/identity-reuse/identity-reuse.tsx
 /**

package/dist/{incodeComponent-wfnHlnXx.js → incodeComponent-Cmi1rlWs.js}

@@ -1,4 +1,4 @@
-import { n as useTranslation } from "./i18n-CoCO2ZuN.js";
+import { n as useTranslation } from "./i18n-DoP1NB7u.js";
 import { _ as y, l as A, p as d, r as $, v as u } from "./vendor-preact-DThS2ZQ_.js";
 import { s as useScreenOrientation } from "./hooks-Da_yP_Dr.js";
 import { isIPad } from "@incodetech/core/device";
@@ -56,6 +56,7 @@ function IncodeComponent({ children }) {
 	const { isLandscapeMobile } = useScreenOrientation();
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeComponent",
+		tabIndex: 0,
 		children: [children, isLandscapeMobile ? /* @__PURE__ */ u(LandscapeBlocker, {}) : null]
 	});
 }

package/dist/{incodeModule-BUDoTwT9.js → incodeModule-M8DszCee.js}

@@ -1,4 +1,4 @@
-import { t as registerIncodeElement } from "./registerIncodeElement-77NGCDsy.js";
+import { t as registerIncodeElement } from "./registerIncodeElement-CdlNRRv5.js";
 //#region src/shared/webComponent/incodeModule.ts
 var incodeModulePropKeys = [
 	"config",

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { a as createI18n, i as setI18nInstance } from "./i18n-CoCO2ZuN.js";
+import { a as createI18n, i as setI18nInstance } from "./i18n-DoP1NB7u.js";
 import { t as setUiConfig } from "./uiConfig-D2_wawvr.js";
 import { DEFAULT_WASM_VERSION } from "@incodetech/core/wasm";
 import { setup as setup$1 } from "@incodetech/core";

package/dist/inputComposed-BaY5q9WM.js

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

package/dist/{inputComposed-CQ4AsvZg.js → inputComposed-C1R2LAa3.js}

@@ -1,8 +1,8 @@
 import { a as D, v as u } from "./vendor-preact-DThS2ZQ_.js";
 import { n as cn } from "./loadingIcon-B0ysgiNq.js";
-import { t as ErrorIcon } from "./errorIcon-DJRZpd8j.js";
-import { o as CloseIcon } from "./icons-Dbs9ZfYM.js";
-import { t as SuccessIcon } from "./successIcon-BAyDPT7I.js";
+import { t as ErrorIcon } from "./errorIcon-BA4T6iy-.js";
+import { o as CloseIcon } from "./icons-CJJbIpBq.js";
+import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
 //#region src/shared/input/input.tsx
 var Input = D((props, ref) => {
 	const { class: className, type = "text", ...restProps } = props;

package/dist/{mandatoryConsent-r0PQHmv-.js → mandatoryConsent-DOQ0DKgM.js}

@@ -1,13 +1,13 @@
-import { n as useTranslation } from "./i18n-CoCO2ZuN.js";
+import { n as useTranslation } from "./i18n-DoP1NB7u.js";
 import { _ as y, l as A, v as u } from "./vendor-preact-DThS2ZQ_.js";
 import { a as isTerminalModuleState, c as useManager, o as useModuleTerminalCallbacks } from "./hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "./incodeComponent-wfnHlnXx.js";
-import { t as Page } from "./page-DxGQj7Gk.js";
-import { t as TransitionSpinner } from "./transitionSpinner-DRRz-NV8.js";
-import { t as Button } from "./button-CM_hgyIP.js";
-import { t as Checkbox } from "./checkbox-BoeLHKgp.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-BUDoTwT9.js";
-import { t as RichText } from "./richText-Cf9aMOCk.js";
+import { t as IncodeComponent } from "./incodeComponent-Cmi1rlWs.js";
+import { t as Page } from "./page-DidH_RkX.js";
+import { t as TransitionSpinner } from "./transitionSpinner-4rPkt-KM.js";
+import { t as Button } from "./button-Ch5-QgHB.js";
+import { t as Checkbox } from "./checkbox-1wUHSoaK.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-M8DszCee.js";
+import { t as RichText } from "./richText-DsTP4H3j.js";
 import { createMandatoryConsentManager } from "@incodetech/core/mandatory-consent";
 //#region src/modules/mandatory-consent/mandatoryConsent.tsx
 var stopLinkPropagation = (event) => {
@@ -21,7 +21,7 @@ var MandatoryConsentContent = ({ config, manager: externalManager, onFinish, onE
 		if (!config) throw new Error("MandatoryConsent config is required when no manager is provided");
 		return createMandatoryConsentManager({ config: {
 			...config,
-			language: i18n.language
+			language: config.language ?? i18n.language
 		} });
 	}, { manageLifecycle: !externalManager });
 	y(() => {

package/dist/{modal-nTSaG7nB.js → modal-OxkFuuiR.js}

@@ -1,7 +1,7 @@
 import { b as Q, d as T, f as _, g as x, h as q, l as A, p as d, r as $, v as u } from "./vendor-preact-DThS2ZQ_.js";
 import { n as cn } from "./loadingIcon-B0ysgiNq.js";
-import { o as CloseIcon } from "./icons-Dbs9ZfYM.js";
-import { a as useModalPortalTarget, i as useModalFocusCapture, n as useModalBodyScrollLock, o as useModalTabCycle, r as useModalEscapeDismiss, t as MODAL_TITLE_ID } from "./modal.hooks-D2xhIuHA.js";
+import { o as CloseIcon } from "./icons-CJJbIpBq.js";
+import { a as useModalPortalTarget, i as useModalFocusCapture, n as useModalBodyScrollLock, o as useModalTabCycle, r as useModalEscapeDismiss, t as MODAL_TITLE_ID } from "./modal.hooks-ZrzmHAUa.js";
 //#region src/shared/modal/modal.tsx
 var ModalContext = Q(null);
 function useModalContext() {

package/dist/{optionAccessibleLabel-CnA-mNAU.js → optionAccessibleLabel-_nvVCTSL.js}

@@ -1,9 +1,9 @@
-import { n as useTranslation } from "./i18n-CoCO2ZuN.js";
+import { n as useTranslation } from "./i18n-DoP1NB7u.js";
 import { _ as y, h as q, l as A, p as d, v as u } from "./vendor-preact-DThS2ZQ_.js";
 import { r as useIsMobileDeviceWidth } from "./hooks-Da_yP_Dr.js";
-import { t as InputComposed } from "./inputComposed-CQ4AsvZg.js";
-import { i as translateError } from "./radioGroupComposed-BNuaopVr.js";
-import { t as BottomSheet } from "./bottomSheet-F1GJfQx_.js";
+import { t as InputComposed } from "./inputComposed-C1R2LAa3.js";
+import { i as translateError } from "./radioGroupComposed-TuAWUAFK.js";
+import { t as BottomSheet } from "./bottomSheet-CnWbbUAM.js";
 //#region src/shared/addressAutocomplete/addressAutocomplete.tsx
 var AddressAutocomplete = ({ label, value, error, errorParams, suggestions, readonly, required, labelHint, onChange, onSearch, onSelect, onBlur }) => {
 	const { t } = useTranslation();

package/dist/{otpInput-_JmtVwa0.js → otpInput-Q_kzSZeD.js}

@@ -1,9 +1,9 @@
-import { n as useTranslation } from "./i18n-CoCO2ZuN.js";
+import { n as useTranslation } from "./i18n-DoP1NB7u.js";
 import { _ as y, h as q, l as A, v as u } from "./vendor-preact-DThS2ZQ_.js";
 import { r as Spacer } from "./loadingIcon-B0ysgiNq.js";
-import { t as Button } from "./button-CM_hgyIP.js";
-import { t as InputComposed } from "./inputComposed-CQ4AsvZg.js";
-import "./inputComposed-BEn7_nZd.js";
+import { t as Button } from "./button-Ch5-QgHB.js";
+import { t as InputComposed } from "./inputComposed-C1R2LAa3.js";
+import "./inputComposed-BaY5q9WM.js";
 //#region src/shared/otpInput/otpInput.tsx
 var formatTimer = (seconds) => {
 	return `${Math.floor(seconds / 60)}:${(seconds % 60).toString().padStart(2, "0")}`;

package/dist/{verifiedByIncode-DjXOdCml.js → page-DidH_RkX.js}

@@ -1,5 +1,7 @@
-import { v as u } from "./vendor-preact-DThS2ZQ_.js";
+import { _ as y, l as A, v as u, x as k } from "./vendor-preact-DThS2ZQ_.js";
 import { n as useUiConfig } from "./uiConfig-D2_wawvr.js";
+import { r as Spacer } from "./loadingIcon-B0ysgiNq.js";
+import { t as incode_logo_default } from "./incode-logo-57XFniXU.js";
 //#region src/shared/page/pageUiConfig.ts
 function resolveFirst(values) {
 	for (const value of values) if (value !== void 0) return value;
@@ -100,4 +102,70 @@ var VerifiedByIncodeLogo = () => {
 	});
 };
 //#endregion
-export { usePageUiConfig as n, VerifiedByIncodeLogo as t };
+//#region src/shared/page/page.tsx
+var Page = ({ title, titleId, subtitle, titleTopSlot, className, logo, children, hideHeader, hideFooterBranding, footerBrandingSlot, "data-testid": dataTestId, "data-permission-status": dataPermissionStatus }) => {
+	const titleRef = A(null);
+	y(() => {
+		titleRef.current?.focus();
+	}, []);
+	const uiConfig = usePageUiConfig({
+		hideHeader,
+		hideFooterBranding,
+		logo,
+		defaultLogoSrc: incode_logo_default
+	});
+	const shouldShowHeader = title || subtitle || titleTopSlot;
+	return /* @__PURE__ */ u("div", {
+		class: `IncodePageContainer ${className ?? ""}`,
+		"data-testid": dataTestId,
+		"data-permission-status": dataPermissionStatus,
+		children: /* @__PURE__ */ u("main", {
+			class: "IncodePageInner",
+			children: [
+				!uiConfig.hideHeader && /* @__PURE__ */ u("header", {
+					class: "IncodePageHeader",
+					children: /* @__PURE__ */ u("img", {
+						src: uiConfig.logoSrc,
+						height: uiConfig.logoHeightPx,
+						class: "IncodePageLogo",
+						"aria-hidden": "true",
+						alt: ""
+					})
+				}),
+				shouldShowHeader ? /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Spacer, { size: uiConfig.hideHeader ? 40 : 24 }), /* @__PURE__ */ u("div", {
+					class: "IncodePageTitleContainer",
+					children: [
+						titleTopSlot ? /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("div", {
+							class: "IncodePageTitleTopSlot",
+							children: titleTopSlot
+						}), /* @__PURE__ */ u(Spacer, { size: 12 })] }) : null,
+						title ? /* @__PURE__ */ u("h2", {
+							ref: titleRef,
+							id: titleId,
+							class: "IncodePageTitle",
+							tabIndex: -1,
+							children: title
+						}) : null,
+						subtitle ? /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Spacer, { size: 12 }), /* @__PURE__ */ u("p", {
+							class: "IncodePageSubtitle",
+							children: subtitle
+						})] }) : null
+					]
+				})] }) : null,
+				/* @__PURE__ */ u("div", {
+					class: "IncodePageContent",
+					children
+				}),
+				!uiConfig.hideFooterBranding ? /* @__PURE__ */ u("div", {
+					class: "IncodePageFooter",
+					children: /* @__PURE__ */ u("div", {
+						class: "IncodePageFooterInner",
+						children: footerBrandingSlot ?? /* @__PURE__ */ u(VerifiedByIncodeLogo, {})
+					})
+				}) : null
+			]
+		})
+	});
+};
+//#endregion
+export { VerifiedByIncodeLogo as n, usePageUiConfig as r, Page as t };

package/dist/{pdf-BZA70WbM.js → pdf-BMUXKJuC.js}

@@ -1,4 +1,4 @@
-import { t as _defineProperty } from "./defineProperty-mefzVtTv.js";
+import { t as _defineProperty } from "./defineProperty-CTu-cLWm.js";
 //#region \0@oxc-project+runtime@0.122.0/helpers/assertClassBrand.js
 function _assertClassBrand(e, t, n) {
 	if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;