@incodetech/web 0.0.0-dev-20260625-138639f4 → 0.0.0-dev-20260626-da30041d

package/dist/ae-signature/ae-signature.es.js

@@ -1,5 +1,5 @@
 import { v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { n as ElectronicSignature } from "../electronic-signature-h1sAGg7l.js";
+import { n as ElectronicSignature } from "../electronic-signature-BZ5w_RAk.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
 //#region src/modules/ae-signature/ae-signature.tsx
 var AeSignature = ({ config, onFinish, onError }) => {

package/dist/ae-signature/styles.css

@@ -10,6 +10,18 @@
   }
 }
 
+.IncodeElectronicSignature .IncodeSrOnly {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
 .IncodeElectronicSignature .IncodePageContent {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   padding-top: var(--spacing-32, var(--spacing-32, 32px));
@@ -21,14 +33,14 @@
 }
 
 .IncodeElectronicSignature .IncodePageTitleContainer {
-  max-width: 600px;
+  max-width: var(--electronic-signature-title-max-w);
 }
 
 .IncodeElectronicSignature .IncodePageFooter {
   padding-top: var(--spacing-16, var(--spacing-16, 16px));
 }
 
-.IncodeElectronicSignatureUploadBody {
+.IncodeElectronicSignature .IncodeElectronicSignatureUploadBody {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   flex-direction: column;
   flex: 1;
@@ -38,25 +50,25 @@
   container-type: size;
 }
 
-.IncodeElectronicSignatureIllustration {
+.IncodeElectronicSignature .IncodeElectronicSignatureIllustration {
   aspect-ratio: 1;
+  width: var(--electronic-signature-illustration-max-w);
   border-radius: var(--radius-full, var(--border-radius-full));
   background-color: var(--color-surface-brand-50, var(--surface-brand-50));
   justify-content: center;
   align-items: center;
-  width: min(100cqw, 100cqh - 32px, 297px);
   display: flex;
   overflow: visible;
 }
 
-.IncodeElectronicSignatureIllustration svg {
-  --tw-translate-y: calc(3% * -1);
-  width: 80%;
+.IncodeElectronicSignature .IncodeElectronicSignatureIllustration svg {
   height: auto;
+  width: var(--electronic-signature-illustration-svg-w);
+  --tw-translate-y: calc(var(--electronic-signature-illustration-svg-shift) * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
-.IncodeElectronicSignatureFileInput {
+.IncodeElectronicSignature .IncodeElectronicSignatureFileInput {
   opacity: 0;
   width: 1px;
   height: 1px;
@@ -64,13 +76,13 @@
   overflow: hidden;
 }
 
-.IncodeElectronicSignatureReviewBody {
+.IncodeElectronicSignature .IncodeElectronicSignatureReviewBody {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
+  width: 100%;
+  max-width: var(--incode-form-max-w);
   justify-content: center;
   align-items: center;
   gap: var(--spacing-16, var(--spacing-16, 16px));
-  width: 100%;
-  max-width: 420px;
   padding-inline: var(--spacing-48, var(--spacing-48, 48px));
   flex-direction: column;
   flex: 1;
@@ -78,7 +90,7 @@
   display: flex;
 }
 
-.IncodeElectronicSignatureReviewCard {
+.IncodeElectronicSignature .IncodeElectronicSignatureReviewCard {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   align-items: center;
   gap: var(--spacing-24, var(--spacing-24, 24px));
@@ -94,28 +106,28 @@
   display: flex;
 }
 
-.IncodeElectronicSignatureDocPreview {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocPreview {
   pointer-events: none;
   aspect-ratio: 113 / 150;
-  max-height: 150px;
+  max-height: var(--electronic-signature-doc-preview-max-h);
   min-height: var(--spacing-0, var(--spacing-none, 0px));
+  border-radius: var(--electronic-signature-doc-preview-radius);
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-border-neutral-100, var(--border-neutral-100));
   background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
-  border-radius: 6px;
   flex: 1;
   position: relative;
   overflow: hidden;
 }
 
-.IncodeElectronicSignatureDocPreviewObject {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocPreviewObject {
   width: 100%;
   height: 100%;
   display: block;
 }
 
-.IncodeElectronicSignatureDocName {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocName {
   text-align: center;
   font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h5-size);
@@ -126,7 +138,7 @@
   flex-shrink: 0;
 }
 
-.IncodeElectronicSignatureEncrypted {
+.IncodeElectronicSignature .IncodeElectronicSignatureEncrypted {
   justify-content: center;
   align-items: center;
   gap: var(--spacing-4, var(--spacing-4, 4px));
@@ -140,20 +152,20 @@
   display: flex;
 }
 
-.IncodeElectronicSignatureEncryptedIcon {
+.IncodeElectronicSignature .IncodeElectronicSignatureEncryptedIcon {
   width: var(--spacing-16, var(--spacing-16, 16px));
   height: var(--spacing-16, var(--spacing-16, 16px));
   color: var(--color-icon-neutral-500, var(--icon-neutral-500));
 }
 
-.IncodeElectronicSignatureSigningTop {
+.IncodeElectronicSignature .IncodeElectronicSignatureSigningTop {
   flex-direction: column;
   flex-shrink: 0;
   align-items: center;
   display: flex;
 }
 
-.IncodeElectronicSignatureSigningBottom {
+.IncodeElectronicSignature .IncodeElectronicSignatureSigningBottom {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   justify-content: flex-end;
   align-items: center;
@@ -164,14 +176,14 @@
   display: flex;
 }
 
-.IncodeElectronicSignatureDocContainer {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocContainer {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
   border-radius: var(--radius-medium, var(--border-radius-medium));
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-border-neutral-100, var(--border-neutral-100));
   background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
-  width: 100%;
-  max-width: 420px;
   padding-inline: var(--spacing-24, var(--spacing-24, 24px));
   padding-block: var(--spacing-8, var(--spacing-8, 8px));
   flex-direction: column;
@@ -182,16 +194,16 @@
   overflow: clip;
 }
 
-.IncodeElectronicSignatureDocRow {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocRow {
+  height: var(--electronic-signature-doc-row-h);
   flex-shrink: 0;
   justify-content: space-between;
   align-items: center;
   width: 100%;
-  height: 56px;
   display: flex;
 }
 
-.IncodeElectronicSignatureDocRowName {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocRowName {
   font-family: var(--typography-button-family);
   font-size: var(--typography-button-m-size);
   font-weight: var(--typography-button-m-weight);
@@ -200,24 +212,24 @@
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
-.IncodeElectronicSignatureDocRowAction {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocRowAction {
   width: auto;
   max-width: none;
   height: auto;
   padding: var(--spacing-0, var(--spacing-none, 0px));
 }
 
-.IncodeElectronicSignatureConsents {
+.IncodeElectronicSignature .IncodeElectronicSignatureConsents {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
+  width: 100%;
+  max-width: var(--incode-form-max-w);
   gap: var(--spacing-4, var(--spacing-4, 4px));
   flex-direction: column;
-  width: 100%;
-  max-width: 420px;
   display: flex;
   overflow: auto;
 }
 
-.IncodeElectronicSignatureConsents .IncodeCheckbox {
+.IncodeElectronicSignature .IncodeElectronicSignatureConsents .IncodeCheckbox {
   border-radius: var(--radius-medium, var(--border-radius-medium));
   background-color: var(--color-surface-brand-50, var(--surface-brand-50));
   width: 100%;
@@ -225,7 +237,7 @@
   padding-block: var(--spacing-20, var(--spacing-20, 20px));
 }
 
-.IncodeElectronicSignatureConsents .IncodeCheckboxText {
+.IncodeElectronicSignature .IncodeElectronicSignatureConsents .IncodeCheckboxText {
   font-family: var(--typography-checkbox-radio-family);
   font-size: var(--typography-checkbox-radio-s-size);
   font-weight: var(--typography-checkbox-radio-s-weight);
@@ -233,17 +245,17 @@
   letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
 }
 
-.IncodeElectronicSignatureConsents a {
+.IncodeElectronicSignature .IncodeElectronicSignatureConsents a {
   color: var(--color-text-link-default, var(--text-link-default));
   text-decoration-line: underline;
 }
 
-.IncodeElectronicSignatureSuccess .IncodePageContent {
+.IncodeElectronicSignature.IncodeElectronicSignatureSuccess .IncodePageContent {
   padding-top: var(--spacing-0, var(--spacing-none, 0px));
   justify-content: center;
 }
 
-.IncodeElectronicSignatureSuccessCenter {
+.IncodeElectronicSignature .IncodeElectronicSignatureSuccessCenter {
   justify-content: center;
   align-items: center;
   gap: var(--spacing-16, var(--spacing-16, 16px));
@@ -252,7 +264,7 @@
   display: flex;
 }
 
-.IncodeElectronicSignatureSuccessTitle {
+.IncodeElectronicSignature .IncodeElectronicSignatureSuccessTitle {
   text-align: center;
   font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h3-size);
@@ -262,7 +274,7 @@
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
-.IncodeElectronicSignatureDownloadLink {
+.IncodeElectronicSignature .IncodeElectronicSignatureDownloadLink {
   text-align: center;
   font-family: var(--typography-button-family);
   font-size: var(--typography-button-m-size);
@@ -273,33 +285,33 @@
   text-decoration-line: underline;
 }
 
-.IncodeElectronicSignatureFooter {
+.IncodeElectronicSignature .IncodeElectronicSignatureFooter {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
   justify-content: center;
   align-items: center;
   gap: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
   flex-shrink: 0;
   align-self: center;
-  width: 100%;
-  max-width: 420px;
   display: flex;
 }
 
-.IncodeElectronicSignatureDocViewHeader {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocViewHeader {
   z-index: 10;
   height: var(--page-header-height);
-  margin-top: calc(-1 * var(--page-header-height));
+  margin-top: var(--electronic-signature-doc-view-header-offset);
   align-self: flex-start;
   align-items: center;
   display: flex;
   position: relative;
 }
 
-.IncodeElectronicSignatureBackButton {
+.IncodeElectronicSignature .IncodeElectronicSignatureBackButton {
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
-.IncodeElectronicSignatureDocViewer {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocViewer {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   border-style: var(--tw-border-style);
   border-width: var(--border-width-none, var(--primitive-border-width-0));

package/dist/base.css

@@ -8613,44 +8613,56 @@
   position: relative;
 }
 
-.IncodePdfViewerThumbnail {
-  pointer-events: none;
-  overflow: hidden;
-}
-
-.IncodePdfViewerFull {
-  overflow: auto;
-}
-
-.IncodePdfViewerPages {
+.IncodePdfViewer .IncodePdfViewerPages {
   flex-direction: column;
   align-items: center;
   width: 100%;
   display: flex;
 }
 
-.IncodePdfViewerThumbnail .IncodePdfViewerPages {
-  justify-content: center;
-  height: 100%;
+.IncodePdfViewer .IncodePdfViewerCanvas {
+  max-width: 100%;
+  display: block;
 }
 
-.IncodePdfViewerFull .IncodePdfViewerPages {
-  gap: var(--spacing-4, var(--spacing-4, 4px));
-  padding-block: var(--spacing-4, var(--spacing-4, 4px));
+.IncodePdfViewer .IncodePdfViewerTextLayer {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
 }
 
-.IncodePdfViewerCanvas {
-  max-width: 100%;
-  display: block;
+.IncodePdfViewer.IncodePdfViewerThumbnail {
+  pointer-events: none;
+  overflow: hidden;
+}
+
+.IncodePdfViewer.IncodePdfViewerThumbnail .IncodePdfViewerPages {
+  justify-content: center;
+  height: 100%;
 }
 
-.IncodePdfViewerThumbnail .IncodePdfViewerCanvas {
+.IncodePdfViewer.IncodePdfViewerThumbnail .IncodePdfViewerCanvas {
   object-fit: cover;
   width: 100%;
   height: 100%;
 }
 
-.IncodePdfViewerStatus {
+.IncodePdfViewer.IncodePdfViewerFull {
+  overflow: auto;
+}
+
+.IncodePdfViewer.IncodePdfViewerFull .IncodePdfViewerPages {
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  padding-block: var(--spacing-4, var(--spacing-4, 4px));
+}
+
+.IncodePdfViewer .IncodePdfViewerStatus {
   pointer-events: none;
   inset: var(--spacing-0, var(--spacing-none, 0px));
   justify-content: center;

package/dist/document-capture/document-capture.es.js

@@ -1,2 +1,2 @@
-import { t as DocumentCapture } from "../documentCapture-BvC0ik8G.js";
+import { t as DocumentCapture } from "../documentCapture-CYclogp7.js";
 export { DocumentCapture };

package/dist/documentCapture-CIo4u9dy.js

@@ -0,0 +1,2 @@
+import { t as DocumentCapture } from "./documentCapture-CYclogp7.js";
+export { DocumentCapture };

package/dist/{documentCapture-BvC0ik8G.js → documentCapture-CYclogp7.js}

@@ -308,7 +308,7 @@ var UploadingHeader = ({ progress, isFilePdf }) => {
 };
 //#endregion
 //#region src/modules/document-capture/documentReview.tsx
-var PdfViewer = z(() => import("./pdfViewer-BewML6eg.js").then((n) => n.n).then((m) => ({ default: m.PdfViewer })));
+var PdfViewer = z(() => import("./pdfViewer-bx59Lwwt.js").then((n) => n.n).then((m) => ({ default: m.PdfViewer })));
 var DocumentReview = ({ state, manager }) => {
 	const { t } = useTranslation();
 	if (state.status === "failure") return /* @__PURE__ */ u(ErrorContent, {

package/dist/electronic-signature/electronic-signature.es.js

@@ -1,2 +1,2 @@
-import { n as ElectronicSignature, t as AeSignature } from "../electronic-signature-h1sAGg7l.js";
+import { n as ElectronicSignature, t as AeSignature } from "../electronic-signature-BZ5w_RAk.js";
 export { AeSignature, ElectronicSignature };

package/dist/{electronic-signature-h1sAGg7l.js → electronic-signature-BZ5w_RAk.js}

@@ -9,7 +9,7 @@ import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
 import { t as AutoFocusTitle } from "./autoFocusTitle-CuRu2lPg.js";
 import { t as VerificationResult } from "./verificationResult-B6PBXbp9.js";
 import { t as Checkbox } from "./checkbox-1wUHSoaK.js";
-import { t as PdfViewer } from "./pdfViewer-BewML6eg.js";
+import { t as PdfViewer } from "./pdfViewer-bx59Lwwt.js";
 import { t as registerIncodeModuleElement } from "./incodeModule-M8DszCee.js";
 import { createElectronicSignatureManager } from "@incodetech/core/electronic-signature";
 //#region src/modules/electronic-signature/documentIllustration.tsx
@@ -307,22 +307,29 @@ var ElectronicSignatureContent = ({ config, onFinish, onError }) => {
 	if (state.status === "signing") {
 		if (state.viewingDocumentUrl) return /* @__PURE__ */ u(Page, {
 			className: "IncodeElectronicSignature",
-			children: [/* @__PURE__ */ u("div", {
-				className: "IncodeElectronicSignatureDocViewHeader",
-				children: /* @__PURE__ */ u(Button, {
-					size: "M",
-					variant: "link",
-					class: "IncodeElectronicSignatureBackButton",
-					icon: /* @__PURE__ */ u(ChevronLeftIcon, { variant: "m" }),
-					onClick: () => manager.closeDocumentView(),
-					"aria-label": t("common.back")
+			children: [
+				/* @__PURE__ */ u(AutoFocusTitle, {
+					className: "IncodeSrOnly",
+					children: t("aes.confirmSignature.contract")
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "IncodeElectronicSignatureDocViewHeader",
+					children: /* @__PURE__ */ u(Button, {
+						size: "M",
+						variant: "link",
+						class: "IncodeElectronicSignatureBackButton",
+						icon: /* @__PURE__ */ u(ChevronLeftIcon, { variant: "m" }),
+						onClick: () => manager.closeDocumentView(),
+						"aria-label": t("common.back")
+					})
+				}),
+				/* @__PURE__ */ u(PdfViewer, {
+					url: state.viewingDocumentUrl,
+					mode: "full",
+					className: "IncodeElectronicSignatureDocViewer",
+					"aria-label": t("aes.confirmSignature.contract")
 				})
-			}), /* @__PURE__ */ u(PdfViewer, {
-				url: state.viewingDocumentUrl,
-				mode: "full",
-				className: "IncodeElectronicSignatureDocViewer",
-				"aria-label": t("aes.confirmSignature.viewDocument")
-			})]
+			]
 		});
 		const variant = state.variant;
 		const consentItems = getConsentItems(variant, t);
@@ -361,6 +368,7 @@ var ElectronicSignatureContent = ({ config, onFinish, onError }) => {
 						id: `es-${item.id}`,
 						label: item.label,
 						size: "s",
+						required: true,
 						checked: !!state.consentChecks[item.id],
 						onChange: () => manager.setConsent(item.id, !state.consentChecks[item.id])
 					}, item.id))

package/dist/flow/flow.es.js

@@ -5,7 +5,7 @@ import { c as useManager } from "../hooks-Da_yP_Dr.js";
 import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
 import { t as TransitionSpinner } from "../transitionSpinner-4rPkt-KM.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
-import { _ as warmupWasmIfNeeded, a as resolveApiKey, c as HEADLESS_FLOW_MODULE_KEYS, d as fetchTheme, f as initializeFlowManager, h as preloadRedirectToMobile, l as LAZY_UI_MODULES, m as preloadHomeScreen, n as useModulePreloader, o as extractIncodeStatus, p as preloadFirstModule, r as usePrefetchNextModule, s as UnsupportedModule, t as useModuleLoader, u as createFlowManager, y as TerminalErrorPage } from "../useModuleLoader-DzErWZma.js";
+import { _ as warmupWasmIfNeeded, a as resolveApiKey, c as HEADLESS_FLOW_MODULE_KEYS, d as fetchTheme, f as initializeFlowManager, h as preloadRedirectToMobile, l as LAZY_UI_MODULES, m as preloadHomeScreen, n as useModulePreloader, o as extractIncodeStatus, p as preloadFirstModule, r as usePrefetchNextModule, s as UnsupportedModule, t as useModuleLoader, u as createFlowManager, y as TerminalErrorPage } from "../useModuleLoader-D2dAsd4A.js";
 import { getDeviceClass } from "@incodetech/core/device";
 import { getRequiredWasmPipelines } from "@incodetech/core/flow";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";

package/dist/flow/styles.css

@@ -7859,6 +7859,18 @@
   margin-top: auto;
 }
 
+.IncodeElectronicSignature .IncodeSrOnly {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
 .IncodeElectronicSignature .IncodePageContent {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   padding-top: var(--spacing-32, var(--spacing-32, 32px));
@@ -7870,14 +7882,14 @@
 }
 
 .IncodeElectronicSignature .IncodePageTitleContainer {
-  max-width: 600px;
+  max-width: var(--electronic-signature-title-max-w);
 }
 
 .IncodeElectronicSignature .IncodePageFooter {
   padding-top: var(--spacing-16, var(--spacing-16, 16px));
 }
 
-.IncodeElectronicSignatureUploadBody {
+.IncodeElectronicSignature .IncodeElectronicSignatureUploadBody {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   flex-direction: column;
   flex: 1;
@@ -7887,25 +7899,25 @@
   container-type: size;
 }
 
-.IncodeElectronicSignatureIllustration {
+.IncodeElectronicSignature .IncodeElectronicSignatureIllustration {
   aspect-ratio: 1;
+  width: var(--electronic-signature-illustration-max-w);
   border-radius: var(--radius-full, var(--border-radius-full));
   background-color: var(--color-surface-brand-50, var(--surface-brand-50));
   justify-content: center;
   align-items: center;
-  width: min(100cqw, 100cqh - 32px, 297px);
   display: flex;
   overflow: visible;
 }
 
-.IncodeElectronicSignatureIllustration svg {
-  --tw-translate-y: calc(3% * -1);
-  width: 80%;
+.IncodeElectronicSignature .IncodeElectronicSignatureIllustration svg {
   height: auto;
+  width: var(--electronic-signature-illustration-svg-w);
+  --tw-translate-y: calc(var(--electronic-signature-illustration-svg-shift) * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 
-.IncodeElectronicSignatureFileInput {
+.IncodeElectronicSignature .IncodeElectronicSignatureFileInput {
   opacity: 0;
   width: 1px;
   height: 1px;
@@ -7913,13 +7925,13 @@
   overflow: hidden;
 }
 
-.IncodeElectronicSignatureReviewBody {
+.IncodeElectronicSignature .IncodeElectronicSignatureReviewBody {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
+  width: 100%;
+  max-width: var(--incode-form-max-w);
   justify-content: center;
   align-items: center;
   gap: var(--spacing-16, var(--spacing-16, 16px));
-  width: 100%;
-  max-width: 420px;
   padding-inline: var(--spacing-48, var(--spacing-48, 48px));
   flex-direction: column;
   flex: 1;
@@ -7927,7 +7939,7 @@
   display: flex;
 }
 
-.IncodeElectronicSignatureReviewCard {
+.IncodeElectronicSignature .IncodeElectronicSignatureReviewCard {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   align-items: center;
   gap: var(--spacing-24, var(--spacing-24, 24px));
@@ -7943,28 +7955,28 @@
   display: flex;
 }
 
-.IncodeElectronicSignatureDocPreview {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocPreview {
   pointer-events: none;
   aspect-ratio: 113 / 150;
-  max-height: 150px;
+  max-height: var(--electronic-signature-doc-preview-max-h);
   min-height: var(--spacing-0, var(--spacing-none, 0px));
+  border-radius: var(--electronic-signature-doc-preview-radius);
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-border-neutral-100, var(--border-neutral-100));
   background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
-  border-radius: 6px;
   flex: 1;
   position: relative;
   overflow: hidden;
 }
 
-.IncodeElectronicSignatureDocPreviewObject {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocPreviewObject {
   width: 100%;
   height: 100%;
   display: block;
 }
 
-.IncodeElectronicSignatureDocName {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocName {
   text-align: center;
   font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h5-size);
@@ -7975,7 +7987,7 @@
   flex-shrink: 0;
 }
 
-.IncodeElectronicSignatureEncrypted {
+.IncodeElectronicSignature .IncodeElectronicSignatureEncrypted {
   justify-content: center;
   align-items: center;
   gap: var(--spacing-4, var(--spacing-4, 4px));
@@ -7989,20 +8001,20 @@
   display: flex;
 }
 
-.IncodeElectronicSignatureEncryptedIcon {
+.IncodeElectronicSignature .IncodeElectronicSignatureEncryptedIcon {
   width: var(--spacing-16, var(--spacing-16, 16px));
   height: var(--spacing-16, var(--spacing-16, 16px));
   color: var(--color-icon-neutral-500, var(--icon-neutral-500));
 }
 
-.IncodeElectronicSignatureSigningTop {
+.IncodeElectronicSignature .IncodeElectronicSignatureSigningTop {
   flex-direction: column;
   flex-shrink: 0;
   align-items: center;
   display: flex;
 }
 
-.IncodeElectronicSignatureSigningBottom {
+.IncodeElectronicSignature .IncodeElectronicSignatureSigningBottom {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   justify-content: flex-end;
   align-items: center;
@@ -8013,14 +8025,14 @@
   display: flex;
 }
 
-.IncodeElectronicSignatureDocContainer {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocContainer {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
   border-radius: var(--radius-medium, var(--border-radius-medium));
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-border-neutral-100, var(--border-neutral-100));
   background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
-  width: 100%;
-  max-width: 420px;
   padding-inline: var(--spacing-24, var(--spacing-24, 24px));
   padding-block: var(--spacing-8, var(--spacing-8, 8px));
   flex-direction: column;
@@ -8031,16 +8043,16 @@
   overflow: clip;
 }
 
-.IncodeElectronicSignatureDocRow {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocRow {
+  height: var(--electronic-signature-doc-row-h);
   flex-shrink: 0;
   justify-content: space-between;
   align-items: center;
   width: 100%;
-  height: 56px;
   display: flex;
 }
 
-.IncodeElectronicSignatureDocRowName {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocRowName {
   font-family: var(--typography-button-family);
   font-size: var(--typography-button-m-size);
   font-weight: var(--typography-button-m-weight);
@@ -8049,24 +8061,24 @@
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
-.IncodeElectronicSignatureDocRowAction {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocRowAction {
   width: auto;
   max-width: none;
   height: auto;
   padding: var(--spacing-0, var(--spacing-none, 0px));
 }
 
-.IncodeElectronicSignatureConsents {
+.IncodeElectronicSignature .IncodeElectronicSignatureConsents {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
+  width: 100%;
+  max-width: var(--incode-form-max-w);
   gap: var(--spacing-4, var(--spacing-4, 4px));
   flex-direction: column;
-  width: 100%;
-  max-width: 420px;
   display: flex;
   overflow: auto;
 }
 
-.IncodeElectronicSignatureConsents .IncodeCheckbox {
+.IncodeElectronicSignature .IncodeElectronicSignatureConsents .IncodeCheckbox {
   border-radius: var(--radius-medium, var(--border-radius-medium));
   background-color: var(--color-surface-brand-50, var(--surface-brand-50));
   width: 100%;
@@ -8074,7 +8086,7 @@
   padding-block: var(--spacing-20, var(--spacing-20, 20px));
 }
 
-.IncodeElectronicSignatureConsents .IncodeCheckboxText {
+.IncodeElectronicSignature .IncodeElectronicSignatureConsents .IncodeCheckboxText {
   font-family: var(--typography-checkbox-radio-family);
   font-size: var(--typography-checkbox-radio-s-size);
   font-weight: var(--typography-checkbox-radio-s-weight);
@@ -8082,17 +8094,17 @@
   letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
 }
 
-.IncodeElectronicSignatureConsents a {
+.IncodeElectronicSignature .IncodeElectronicSignatureConsents a {
   color: var(--color-text-link-default, var(--text-link-default));
   text-decoration-line: underline;
 }
 
-.IncodeElectronicSignatureSuccess .IncodePageContent {
+.IncodeElectronicSignature.IncodeElectronicSignatureSuccess .IncodePageContent {
   padding-top: var(--spacing-0, var(--spacing-none, 0px));
   justify-content: center;
 }
 
-.IncodeElectronicSignatureSuccessCenter {
+.IncodeElectronicSignature .IncodeElectronicSignatureSuccessCenter {
   justify-content: center;
   align-items: center;
   gap: var(--spacing-16, var(--spacing-16, 16px));
@@ -8101,7 +8113,7 @@
   display: flex;
 }
 
-.IncodeElectronicSignatureSuccessTitle {
+.IncodeElectronicSignature .IncodeElectronicSignatureSuccessTitle {
   text-align: center;
   font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h3-size);
@@ -8111,7 +8123,7 @@
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
-.IncodeElectronicSignatureDownloadLink {
+.IncodeElectronicSignature .IncodeElectronicSignatureDownloadLink {
   text-align: center;
   font-family: var(--typography-button-family);
   font-size: var(--typography-button-m-size);
@@ -8122,33 +8134,33 @@
   text-decoration-line: underline;
 }
 
-.IncodeElectronicSignatureFooter {
+.IncodeElectronicSignature .IncodeElectronicSignatureFooter {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
   justify-content: center;
   align-items: center;
   gap: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
   flex-shrink: 0;
   align-self: center;
-  width: 100%;
-  max-width: 420px;
   display: flex;
 }
 
-.IncodeElectronicSignatureDocViewHeader {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocViewHeader {
   z-index: 10;
   height: var(--page-header-height);
-  margin-top: calc(-1 * var(--page-header-height));
+  margin-top: var(--electronic-signature-doc-view-header-offset);
   align-self: flex-start;
   align-items: center;
   display: flex;
   position: relative;
 }
 
-.IncodeElectronicSignatureBackButton {
+.IncodeElectronicSignature .IncodeElectronicSignatureBackButton {
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
-.IncodeElectronicSignatureDocViewer {
+.IncodeElectronicSignature .IncodeElectronicSignatureDocViewer {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   border-style: var(--tw-border-style);
   border-width: var(--border-width-none, var(--primitive-border-width-0));

package/dist/id/id.es.js

@@ -14,7 +14,7 @@ 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-lK0cKQhw.js";
-import { t as PdfViewer } from "../pdfViewer-BewML6eg.js";
+import { t as PdfViewer } from "../pdfViewer-bx59Lwwt.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";

package/dist/{pdfViewer-BewML6eg.js → pdfViewer-bx59Lwwt.js}

@@ -24,6 +24,15 @@ async function renderPage(page, canvas, targetWidth) {
 	}).promise;
 }
 /**
+* Extracts the page's text as a single readable string. `getTextContent`
+* returns positioned glyph runs (`TextItem`) interleaved with structural
+* markers (`TextMarkedContent`, which carry no `str`); we keep only the former
+* and honour `hasEOL` so logical line breaks survive into the reading order.
+*/
+async function extractPageText(page) {
+	return (await page.getTextContent()).items.map((item) => "str" in item ? item.str + (item.hasEOL ? "\n" : "") : "").join("").trim();
+}
+/**
 * PDF viewer that renders directly onto `<canvas>` via `pdfjs-dist`.
 *
 * We deliberately avoid the browser's native PDF viewer for both modes:
@@ -41,11 +50,23 @@ async function renderPage(page, canvas, targetWidth) {
 * `pdfjs-dist` itself is dynamically `import()`-ed so it doesn't land in the
 * main bundle; consumers that never render a PDF pay zero download cost.
 * Thumbnail and full-view callers share the same async chunk.
+*
+* Accessibility: a `<canvas>` is opaque to assistive technology, so the
+* rendered pages are grouped under a single `role="img"` + `aria-label`
+* (a short summary). On its own that fails WCAG 1.1.1 / 1.4.5 for a document
+* the user must actually read — pixels are an image of text with no reading
+* path. In `full` mode we therefore also extract each page's real text via
+* `getTextContent()` into a visually-hidden, AT-readable layer alongside the
+* canvases. `thumbnail` mode stays a labelled preview (no text layer): it is a
+* decorative first-page glance whose `aria-label` is the file name.
 */
 var PdfViewer = ({ url, mode = "full", "aria-label": ariaLabel, className, onError }) => {
 	const containerRef = A(null);
 	const pagesRef = A(null);
+	const textRef = A(null);
 	const [status, setStatus] = d("loading");
+	const onErrorRef = A(onError);
+	onErrorRef.current = onError;
 	y(() => {
 		let cancelled = false;
 		let loadingTask = null;
@@ -58,28 +79,41 @@ var PdfViewer = ({ url, mode = "full", "aria-label": ariaLabel, className, onErr
 				if (cancelled) return;
 				const container = containerRef.current;
 				const pagesHost = pagesRef.current;
+				const textHost = textRef.current;
 				if (!container || !pagesHost) return;
 				pagesHost.innerHTML = "";
+				if (textHost) textHost.innerHTML = "";
 				loadingTask = pdfjs.getDocument({ url });
 				pdfDoc = await loadingTask.promise;
 				if (cancelled) return;
+				const includeTextLayer = mode === "full";
 				const pageCount = mode === "thumbnail" ? 1 : pdfDoc.numPages;
 				const fallbackWidth = mode === "thumbnail" ? 113 : 320;
 				const targetWidth = container.clientWidth || fallbackWidth;
 				for (let pageNumber = 1; pageNumber <= pageCount; pageNumber++) {
 					if (cancelled) return;
 					const page = await pdfDoc.getPage(pageNumber);
-					const canvas = window.document.createElement("canvas");
+					const canvas = document.createElement("canvas");
 					canvas.className = "IncodePdfViewerCanvas";
 					pagesHost.appendChild(canvas);
 					await renderPage(page, canvas, targetWidth);
+					if (includeTextLayer && textHost) {
+						const pageText = await extractPageText(page);
+						if (cancelled) return;
+						if (pageText) {
+							const pageTextEl = document.createElement("div");
+							pageTextEl.className = "IncodePdfViewerTextPage";
+							pageTextEl.textContent = pageText;
+							textHost.appendChild(pageTextEl);
+						}
+					}
 					page.cleanup();
 				}
 				if (!cancelled) setStatus("ready");
 			} catch (error) {
 				if (cancelled) return;
 				setStatus("error");
-				onError?.(error);
+				onErrorRef.current?.(error);
 			}
 		})();
 		return () => {
@@ -87,27 +121,30 @@ var PdfViewer = ({ url, mode = "full", "aria-label": ariaLabel, className, onErr
 			loadingTask?.destroy();
 			pdfDoc?.destroy();
 		};
-	}, [
-		url,
-		mode,
-		onError
-	]);
+	}, [url, mode]);
 	return /* @__PURE__ */ u("div", {
 		ref: containerRef,
 		class: cn("IncodePdfViewer", mode === "thumbnail" ? "IncodePdfViewerThumbnail" : "IncodePdfViewerFull", className),
-		role: "img",
-		"aria-label": ariaLabel,
 		"aria-busy": status === "loading",
-		children: [/* @__PURE__ */ u("div", {
-			ref: pagesRef,
-			class: "IncodePdfViewerPages"
-		}), status === "loading" && /* @__PURE__ */ u("div", {
-			class: "IncodePdfViewerStatus",
-			children: /* @__PURE__ */ u(Spinner, {
-				size: "small",
-				fullScreen: false
+		children: [
+			/* @__PURE__ */ u("div", {
+				ref: pagesRef,
+				class: "IncodePdfViewerPages",
+				role: "img",
+				"aria-label": ariaLabel
+			}),
+			/* @__PURE__ */ u("div", {
+				ref: textRef,
+				class: "IncodePdfViewerTextLayer"
+			}),
+			status === "loading" && /* @__PURE__ */ u("div", {
+				class: "IncodePdfViewerStatus",
+				children: /* @__PURE__ */ u(Spinner, {
+					size: "small",
+					fullScreen: false
+				})
 			})
-		})]
+		]
 	});
 };
 //#endregion

package/dist/qe-signature/qe-signature.es.js

@@ -1,5 +1,5 @@
 import { v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { n as ElectronicSignature } from "../electronic-signature-h1sAGg7l.js";
+import { n as ElectronicSignature } from "../electronic-signature-BZ5w_RAk.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
 //#region src/modules/qe-signature/qe-signature.tsx
 var QeSignature = ({ config, onFinish, onError }) => {

package/dist/themes/dark.css

@@ -1220,6 +1220,22 @@
   --redirect-phone-input-country-code-width: 130px;
   --redirect-qr-wrapper-border-radius: 21px;
 
+  /* electronic signature */
+  --electronic-signature-title-max-w: 600px;
+  --electronic-signature-illustration-max-w: min(
+    100cqw,
+    calc(100cqh - 32px),
+    297px
+  );
+  --electronic-signature-illustration-svg-w: 80%;
+  --electronic-signature-illustration-svg-shift: 3%;
+  --electronic-signature-doc-preview-max-h: 150px;
+  --electronic-signature-doc-preview-radius: 6px;
+  --electronic-signature-doc-row-h: 56px;
+  --electronic-signature-doc-view-header-offset: calc(
+    -1 * var(--page-header-height)
+  );
+
   /* digital ID upload */
   --digital-id-preview-w: 156px;
   --digital-id-preview-h: 221px;

package/dist/themes/light.css

@@ -1220,6 +1220,22 @@
   --redirect-phone-input-country-code-width: 130px;
   --redirect-qr-wrapper-border-radius: 21px;
 
+  /* electronic signature */
+  --electronic-signature-title-max-w: 600px;
+  --electronic-signature-illustration-max-w: min(
+    100cqw,
+    calc(100cqh - 32px),
+    297px
+  );
+  --electronic-signature-illustration-svg-w: 80%;
+  --electronic-signature-illustration-svg-shift: 3%;
+  --electronic-signature-doc-preview-max-h: 150px;
+  --electronic-signature-doc-preview-radius: 6px;
+  --electronic-signature-doc-row-h: 56px;
+  --electronic-signature-doc-view-header-offset: calc(
+    -1 * var(--page-header-height)
+  );
+
   /* digital ID upload */
   --digital-id-preview-w: 156px;
   --digital-id-preview-h: 221px;

package/dist/{useModuleLoader-DzErWZma.js → useModuleLoader-D2dAsd4A.js}

@@ -296,8 +296,8 @@ var LAZY_UI_MODULES = {
 	GEOLOCATION: () => import("./geolocation/geolocation.es.js").then((m) => m.Geolocation),
 	EXTERNAL_VERIFICATION: () => import("./ekycModule-BIbj7hr1.js").then((m) => m.EkycModule),
 	EKYB: () => import("./ekybModule-UEW1CfUF.js").then((m) => m.EkybModule),
-	DOCUMENT_CAPTURE: () => import("./documentCapture-BGsf51is.js").then((m) => m.DocumentCapture),
-	ADDRESS: () => import("./documentCapture-BGsf51is.js").then((m) => m.DocumentCapture),
+	DOCUMENT_CAPTURE: () => import("./documentCapture-CIo4u9dy.js").then((m) => m.DocumentCapture),
+	ADDRESS: () => import("./documentCapture-CIo4u9dy.js").then((m) => m.DocumentCapture),
 	COMBINED_CONSENT: () => import("./consent/consent.es.js").then((m) => m.Consent),
 	MANDATORY_CONSENT: () => import("./mandatoryConsent-DOQ0DKgM.js").then((m) => m.MandatoryConsent),
 	ML_CONSENT: () => import("./mandatoryConsent-DOQ0DKgM.js").then((m) => m.MandatoryConsent),

package/dist/workflow/workflow.es.js

@@ -7,7 +7,7 @@ import { t as Page } from "../page-DidH_RkX.js";
 import { t as TransitionSpinner } from "../transitionSpinner-4rPkt-KM.js";
 import { t as AutoFocusTitle } from "../autoFocusTitle-CuRu2lPg.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
-import { a as resolveApiKey, g as setupSDK, i as HEADLESS_WORKFLOW_MODULE_KEYS, l as LAZY_UI_MODULES, o as extractIncodeStatus, s as UnsupportedModule, t as useModuleLoader, v as fetchAndApplyTheme, y as TerminalErrorPage } from "../useModuleLoader-DzErWZma.js";
+import { a as resolveApiKey, g as setupSDK, i as HEADLESS_WORKFLOW_MODULE_KEYS, l as LAZY_UI_MODULES, o as extractIncodeStatus, s as UnsupportedModule, t as useModuleLoader, v as fetchAndApplyTheme, y as TerminalErrorPage } from "../useModuleLoader-D2dAsd4A.js";
 import { resolveWasmConfig, upgradeToWasmHttpClient, warmupWasm } from "@incodetech/core/wasm";
 import { getDeviceClass } from "@incodetech/core/device";
 import { classifyScoreStatus } from "@incodetech/core/flow";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260625-138639f4",
+  "version": "0.0.0-dev-20260626-da30041d",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/IncodeTechnologies/incode-web-sdk.git"
@@ -264,7 +264,7 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260625-138639f4"
+    "@incodetech/core": "0.0.0-dev-20260626-da30041d"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/documentCapture-BGsf51is.js

@@ -1,2 +0,0 @@
-import { t as DocumentCapture } from "./documentCapture-BvC0ik8G.js";
-export { DocumentCapture };