@incodetech/web 2.2.0 → 2.3.0-rc.0

package/dist/field-comparison/field-comparison.es.js

@@ -1,2 +1,2 @@
-import { t as FieldComparison } from "../fieldComparison-BnGj3nNp.js";
+import { t as FieldComparison } from "../fieldComparison-D2WI5cYb.js";
 export { FieldComparison };

package/dist/field-comparison/styles.css

@@ -4,6 +4,18 @@
   animation-fill-mode: both;
 }
 
+.IncodeFieldComparisonPage .IncodeSrOnly {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
 .IncodeFieldComparisonPage .IncodeFieldComparisonForm {
   margin-top: var(--spacing-32, var(--spacing-32, 32px));
   justify-content: center;

package/dist/field-comparison/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeFieldComparisonPage {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  animation-fill-mode: both;\n}\n\n.IncodeFieldComparisonPage .IncodeSrOnly {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeFieldComparisonPage .IncodeFieldComparisonForm {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n  display: flex;\n}\n";

package/dist/{fieldComparison-BnGj3nNp.js → fieldComparison-D2WI5cYb.js}

@@ -1,12 +1,11 @@
-import { a as useTranslation } from "./uiConfig-Dqnjankd.js";
-import { y as u } from "./vendor-preact-BPXMFRom.js";
-import { b as useManager, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, v as useModuleTerminalCallbacks } from "./incodeComponent-BtFz-bx2.js";
-import { t as Spacer } from "./spacer-DLEDuWEx.js";
-import { r as Button } from "./incode-logo-DeIDDejm.js";
-import "./extensibility-C5XqL_A3.js";
-import { t as VerificationResult } from "./verificationResult-q_zD_Pxh.js";
-import { t as InputComposed } from "./inputComposed-C2zTEXsp.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-9K8KUs61.js";
+import { o as useTranslation } from "./uiConfig-C1jdTj-i.js";
+import { v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { S as useManager, b as useModuleTerminalCallbacks, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent } from "./incodeComponent-D3_BSWan.js";
+import { t as Spacer } from "./spacer-ayyj5lMa.js";
+import { x as Button } from "./icons-eIgP34nj.js";
+import { t as VerificationResult } from "./verificationResult-B26DDXFT.js";
+import { t as InputComposed } from "./inputComposed-CTZnsHLi.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-BQgvYKyr.js";
 import { createFieldComparisonManager } from "@incodetech/core/field-comparison";
 //#region src/modules/field-comparison/fieldComparison.tsx
 var FieldComparisonContent = ({ config, manager: externalManager, onFinish }) => {
@@ -39,14 +38,26 @@ var FieldComparisonContent = ({ config, manager: externalManager, onFinish }) =>
 		return /* @__PURE__ */ u(Page, {
 			className: "IncodeFieldComparisonPage",
 			title: t("fieldComparison.title"),
+			subtitle: t("forms.subtitle"),
 			hideFooterBranding: true,
-			children: /* @__PURE__ */ u("div", {
+			"data-testid": "field-comparison-page",
+			children: [isDisabled ? /* @__PURE__ */ u("div", {
+				class: "IncodeSrOnly",
+				role: "status",
+				"aria-live": "polite",
+				"data-testid": "field-comparison-status",
+				children: t("common.processing")
+			}) : null, /* @__PURE__ */ u("div", {
 				class: "IncodeFieldComparisonForm",
+				"data-testid": "field-comparison-fields",
 				children: [
 					/* @__PURE__ */ u(InputComposed, {
 						id: "field-comparison-first-name",
 						name: "firstName",
 						label: t("verification.labels.firstName"),
+						"data-testid": "field-comparison-first-name",
+						autoComplete: "given-name",
+						required: true,
 						disabled: isDisabled,
 						value: state.fields.firstName,
 						onInput: (e) => {
@@ -57,6 +68,9 @@ var FieldComparisonContent = ({ config, manager: externalManager, onFinish }) =>
 						id: "field-comparison-last-name",
 						name: "lastName",
 						label: t("verification.labels.lastName"),
+						"data-testid": "field-comparison-last-name",
+						autoComplete: "family-name",
+						required: true,
 						disabled: isDisabled,
 						value: state.fields.lastName,
 						onInput: (e) => {
@@ -66,12 +80,14 @@ var FieldComparisonContent = ({ config, manager: externalManager, onFinish }) =>
 					/* @__PURE__ */ u(Spacer, {}),
 					/* @__PURE__ */ u(Button, {
 						type: "submit",
+						"data-testid": "field-comparison-submit",
 						disabled: !canSubmit || isDisabled,
+						isLoading: isDisabled,
 						onClick: handleSubmit,
 						children: t("common.continue")
 					})
 				]
-			})
+			})]
 		});
 	}
 	return null;

package/dist/fieldComparison-OwqIkMRe.js

@@ -0,0 +1,2 @@
+import { t as FieldComparison } from "./fieldComparison-D2WI5cYb.js";
+export { FieldComparison };

package/dist/fieldLabelHint-CxjArYkQ.js

@@ -0,0 +1,16 @@
+import { S as k, v as u } from "./vendor-preact-C0jX1Cbq.js";
+//#region src/shared/fieldLabelHint/fieldLabelHint.tsx
+var FieldLabelHint = ({ className, hint, required, testId }) => {
+	if (!required && !hint) return null;
+	return /* @__PURE__ */ u(k, { children: [required ? /* @__PURE__ */ u(k, { children: [" ", /* @__PURE__ */ u("span", {
+		"aria-hidden": "true",
+		"data-testid": testId,
+		children: "*"
+	})] }) : null, hint ? /* @__PURE__ */ u("span", {
+		class: className,
+		"data-testid": required ? `${testId}-supplementary` : testId,
+		children: hint
+	}) : null] });
+};
+//#endregion
+export { FieldLabelHint as t };

package/dist/{finalSuccessScreen-B9uB3bST.js → finalSuccessScreen-BtJ5o2pi.js}

@@ -1,14 +1,13 @@
-import { a as useTranslation } from "./uiConfig-Dqnjankd.js";
-import { C as k, g as q, l as A, p as d, v as y, y as u } from "./vendor-preact-BPXMFRom.js";
-import { f as useTimeoutHandle, o as Page } from "./incodeComponent-BtFz-bx2.js";
-import { d as cn, n as LoadingIcon, o as Lottie, s as Asset } from "./spacer-DLEDuWEx.js";
-import { n as ErrorIcon, r as Button } from "./incode-logo-DeIDDejm.js";
-import "./icons-ChHV5iHi.js";
-import { t as SuccessIcon } from "./successIcon-DS8BLsgy.js";
-import { t as Modal } from "./modal-BH2wi8Q0.js";
-import { t as AutoFocusTitle } from "./autoFocusTitle-DB-23sv_.js";
-import { n as CaptureNotification, o as CameraFrame, t as ManualCaptureButton } from "./manualCaptureButton-DzJFIEfu.js";
-import { t as ManualCaptureButton$1 } from "./manualCaptureButton-D58WsS-x.js";
+import { o as useTranslation } from "./uiConfig-C1jdTj-i.js";
+import { S as k, _ as y, c as A, f as d, h as q, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { c as Page, m as useTimeoutHandle } from "./incodeComponent-D3_BSWan.js";
+import { d as cn, n as LoadingIcon, o as Lottie, s as Asset } from "./spacer-ayyj5lMa.js";
+import { b as ErrorIcon, r as SuccessIcon, x as Button } from "./icons-eIgP34nj.js";
+import { t as AutoFocusTitle } from "./autoFocusTitle-CIbcUW_x.js";
+import { t as Modal } from "./modal-CmF_MYIK.js";
+import { n as CameraFrame } from "./cameraView-DrTBPNWX.js";
+import { t as ManualCaptureButton } from "./manualCaptureButton-C9H2_SJS.js";
+import { n as CaptureNotification, t as ManualCaptureButton$1 } from "./manualCaptureButton-igyQk3Yb.js";
 import { checkCameraPermission, requestCameraPermission } from "@incodetech/core/camera";
 import { resolveVideoSelfieSteps } from "@incodetech/core/video-selfie";
 //#region src/modules/video-selfie/useVideoSelfiePermissions.ts
@@ -261,7 +260,7 @@ var SelfieMask = ({ variant = "idle", message, onManualCapture }) => {
 			}),
 			onManualCapture && variant !== "processing" && variant !== "success" ? /* @__PURE__ */ u("div", {
 				class: "IncodeVsSelfieManualCapture",
-				children: /* @__PURE__ */ u(ManualCaptureButton$1, {
+				children: /* @__PURE__ */ u(ManualCaptureButton, {
 					onClick: onManualCapture,
 					disabled: false
 				})
@@ -273,7 +272,7 @@ var SelfieMask = ({ variant = "idle", message, onManualCapture }) => {
 //#region src/modules/video-selfie/idFlipModal.tsx
 var animationPromise = null;
 function loadIdFlipAnimation() {
-	animationPromise ??= import("./flip-animation-CvN8FLNc.js").then((module) => module.default);
+	animationPromise ??= import("./flip-animation-VicedlT5.js").then((module) => module.default);
 	return animationPromise;
 }
 function preloadIdFlipAnimation() {
@@ -369,7 +368,7 @@ var IdMask = ({ mode, wrongSide = false, feedback, orientation = "vertical", onM
 			}),
 			onManualCapture && feedback?.variant !== "processing" ? /* @__PURE__ */ u("div", {
 				class: "IncodeVsIdManualCapture",
-				children: /* @__PURE__ */ u(ManualCaptureButton, { onClick: onManualCapture })
+				children: /* @__PURE__ */ u(ManualCaptureButton$1, { onClick: onManualCapture })
 			}) : null
 		]
 	});

package/dist/fiscal-qr/fiscal-qr.es.js

@@ -1,12 +1,13 @@
-import { a as useTranslation } from "../uiConfig-Dqnjankd.js";
-import { y as u } from "../vendor-preact-BPXMFRom.js";
-import { b as useManager, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, v as useModuleTerminalCallbacks } from "../incodeComponent-BtFz-bx2.js";
-import { t as Spacer } from "../spacer-DLEDuWEx.js";
-import { r as Button } from "../incode-logo-DeIDDejm.js";
-import { f as CameraOverlayHeader, p as CameraOverlay } from "../extensibility-C5XqL_A3.js";
-import { t as VerificationResult } from "../verificationResult-q_zD_Pxh.js";
-import { a as CameraView, o as CameraFrame } from "../manualCaptureButton-DzJFIEfu.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-9K8KUs61.js";
+import { o as useTranslation } from "../uiConfig-C1jdTj-i.js";
+import { v as u } from "../vendor-preact-C0jX1Cbq.js";
+import { S as useManager, b as useModuleTerminalCallbacks, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent } from "../incodeComponent-D3_BSWan.js";
+import { t as Spacer } from "../spacer-ayyj5lMa.js";
+import { x as Button } from "../icons-eIgP34nj.js";
+import { t as VerificationResult } from "../verificationResult-B26DDXFT.js";
+import { n as CameraFrame, t as CameraView } from "../cameraView-DrTBPNWX.js";
+import { n as CameraOverlay, t as CameraOverlayHeader } from "../cameraOverlayHeader-CsokPtuL.js";
+import "../cameraOverlay-Dn0r4NR9.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-BQgvYKyr.js";
 import { createFiscalQrManager } from "@incodetech/core/fiscal-qr";
 //#region src/modules/fiscal-qr/fiscalQrCapture.tsx
 function getFrameState(status) {
@@ -20,16 +21,25 @@ function getFrameState(status) {
 var FiscalQrCapture = ({ manager, state }) => {
 	const { t } = useTranslation();
 	const showError = state.status === "error";
+	const statusMessage = state.status === "capturing" ? t("common.holdOnASec") : state.status === "success" ? t("idOcr.successTitle") : void 0;
 	return /* @__PURE__ */ u(Page, {
 		hideHeader: true,
 		hideFooterBranding: true,
 		className: "IncodeFiscalQrPage IncodeFiscalQrCapturePage",
+		"data-testid": "fiscal-qr-capture",
 		children: /* @__PURE__ */ u(CameraView, {
 			stream: state.stream,
 			"data-testid": "fiscal-qr-camera",
 			children: /* @__PURE__ */ u(CameraOverlay, {
 				className: "IncodeFiscalQrOverlay",
 				children: [
+					statusMessage ? /* @__PURE__ */ u("p", {
+						class: "IncodeSrOnly",
+						role: "status",
+						"aria-live": "polite",
+						"data-testid": "fiscal-qr-capture-status",
+						children: statusMessage
+					}) : null,
 					/* @__PURE__ */ u("div", {
 						class: "IncodeFiscalQrCaptureTopSection",
 						children: /* @__PURE__ */ u(CameraOverlayHeader, {
@@ -57,6 +67,7 @@ var FiscalQrCapture = ({ manager, state }) => {
 						children: /* @__PURE__ */ u(Button, {
 							variant: "link",
 							onClick: () => manager.skip(),
+							"data-testid": "fiscal-qr-skip",
 							children: t("common.skip")
 						})
 					})
@@ -201,6 +212,7 @@ var FiscalQrContent = ({ config, manager: externalManager, onFinish }) => {
 		title: t("fiscalQr.tutorial.v2.title"),
 		subtitle: t("fiscalQr.tutorial.v2.subtitle"),
 		className: "IncodeFiscalQrPage",
+		"data-testid": "fiscal-qr-tutorial",
 		children: /* @__PURE__ */ u("div", {
 			class: "IncodeFiscalQrTutorialContent",
 			children: [
@@ -208,6 +220,7 @@ var FiscalQrContent = ({ config, manager: externalManager, onFinish }) => {
 				/* @__PURE__ */ u(Spacer, {}),
 				/* @__PURE__ */ u(Button, {
 					onClick: () => manager.continue(),
+					"data-testid": "fiscal-qr-continue",
 					children: t("common.continue")
 				})
 			]

package/dist/fiscal-qr/styles.css

@@ -6,6 +6,18 @@
   animation-fill-mode: both;
 }
 
+.IncodeFiscalQrPage .IncodeSrOnly {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
 .IncodeFiscalQrPage .IncodeFiscalQrTutorialContent {
   margin-top: var(--spacing-32, var(--spacing-32, 32px));
   margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
@@ -18,7 +30,7 @@
 
 @media (min-width: 48rem) {
   .IncodeFiscalQrPage.IncodeFiscalQrCapturePage {
-    background-color: var(--color-black, #000);
+    background-color: var(--capture-page-backdrop-color);
   }
 }
 

package/dist/fiscal-qr/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeFiscalQrPage {\n  width: 100%;\n  height: 100%;\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  animation-fill-mode: both;\n}\n\n.IncodeFiscalQrPage .IncodeSrOnly {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeFiscalQrPage .IncodeFiscalQrTutorialContent {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeFiscalQrPage.IncodeFiscalQrCapturePage {\n    background-color: var(--capture-page-backdrop-color);\n  }\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodePageInner {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrOverlay {\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  align-items: center;\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrOverlay .IncodeFiscalQrCaptureTopSection {\n  z-index: 10;\n  margin-top: var(--spacing-40, var(--spacing-40, 40px));\n  padding-top: var(--spacing-4, var(--spacing-4, 4px));\n  flex-direction: column;\n  flex: 1;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrOverlay .IncodeFiscalQrCaptureBottomSection {\n  flex: 1;\n  justify-content: center;\n  align-items: flex-start;\n  display: flex;\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrOverlay .IncodeFiscalQrCaptureBottomSection .IncodeFiscalQrError {\n  z-index: 10;\n  margin-top: var(--spacing-8, var(--spacing-8, 8px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-status-negative, var(--text-status-negative));\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrButtonWrapper {\n  pointer-events: auto;\n  z-index: 10;\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrButtonWrapper .IncodeButtonLink {\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n";