@incodetech/web 0.0.0-dev-20260625-a43ee3be → 0.0.0-dev-20260626-da30041d

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/governmentValidation/governmentValidation.es.js

@@ -4,7 +4,7 @@ import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP
 import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
 import { r as Spacer } from "../loadingIcon-B0ysgiNq.js";
 import { t as Page } from "../page-DidH_RkX.js";
-import "../extensibility-oDoAc5X4.js";
+import "../extensibility-BAAGWrEk.js";
 import { t as AutoFocusTitle } from "../autoFocusTitle-CuRu2lPg.js";
 import { t as VerificationResult } from "../verificationResult-B6PBXbp9.js";
 import { t as OtpInput } from "../otpInput-Q_kzSZeD.js";

package/dist/id/id.es.js

@@ -4,7 +4,7 @@ import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP
 import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
 import { n as cn } from "../loadingIcon-B0ysgiNq.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-oDoAc5X4.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-BAAGWrEk.js";
 import { t as Spinner } from "../spinner-BRNNKqPN.js";
 import "../spinner-zRaUjXtH.js";
 import { t as TransitionSpinner } from "../transitionSpinner-4rPkt-KM.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";
@@ -969,7 +969,8 @@ var IdContent = ({ config, manager: externalManager, onFinish, onError }) => {
 	if (state.status === "processing") return /* @__PURE__ */ u(Processing, {});
 	if (state.status === "expired") return /* @__PURE__ */ u(IdExpired, {
 		manager,
-		attemptsRemaining: state.attemptsRemaining
+		attemptsRemaining: state.attemptsRemaining,
+		isBackSide: state.currentMode === "back"
 	});
 	if (state.status === "expiredExhausted") return /* @__PURE__ */ u(IdNoAttempts, { manager });
 	if (state.status === "finished" || state.status === "closed") return null;

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

@@ -2,7 +2,7 @@ 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-Cmi1rlWs.js";
 import { t as Spinner } from "../spinner-BRNNKqPN.js";
-import { t as ExpiredId } from "../expiredId-D17oN5K2.js";
+import { t as ExpiredId } from "../expiredId-0GUaIbV1.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
 import { createIdVerificationManager } from "@incodetech/core/id-verification";
 //#region src/modules/id-verification/id-verification.tsx

package/dist/{idOcr-CwDFZQb7.js → idOcr-XA2Xs3h-.js}

@@ -3,7 +3,7 @@ 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-Cmi1rlWs.js";
 import { t as Page } from "./page-DidH_RkX.js";
-import "./extensibility-oDoAc5X4.js";
+import "./extensibility-BAAGWrEk.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";

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/redirect-to-mobile/redirect-to-mobile.es.js

@@ -6,7 +6,7 @@ import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
 import { r as Spacer } from "../loadingIcon-B0ysgiNq.js";
 import { t as incode_logo_default } from "../incode-logo-57XFniXU.js";
 import { n as VerifiedByIncodeLogo, r as usePageUiConfig } from "../page-DidH_RkX.js";
-import "../extensibility-oDoAc5X4.js";
+import "../extensibility-BAAGWrEk.js";
 import { t as TransitionSpinner } from "../transitionSpinner-4rPkt-KM.js";
 import { t as Button } from "../button-Ch5-QgHB.js";
 import "../icons-CJJbIpBq.js";

package/dist/signature/signature.es.js

@@ -4,7 +4,7 @@ import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP
 import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
 import { r as Spacer } from "../loadingIcon-B0ysgiNq.js";
 import { t as Page } from "../page-DidH_RkX.js";
-import "../extensibility-oDoAc5X4.js";
+import "../extensibility-BAAGWrEk.js";
 import { t as Button } from "../button-Ch5-QgHB.js";
 import { t as VerificationResult } from "../verificationResult-B6PBXbp9.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";

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/types/extensibility.d.ts

@@ -403,6 +403,9 @@ declare type IdErrorProps = {
  * wires `idCaptureManager.retryCapture()` and forwards the
  * `attemptsRemaining` counter into the shared `<ExpiredId>` primitive.
  *
+ * `isBackSide` triggers the Figma `1-9-11-id-documenterror` subtitle
+ * ("Use a different ID from the accepted list") when the back side expired.
+ *
  * Workflow's verify-side node uses its own wrapper in the `id-verification`
  * module that passes only `onContinue` (no attempts concept), matching the
  * legacy SDK 1 `Workflow.tsx → ProcessId.jsx → ExpiredId` one-shot Continue
@@ -413,6 +416,7 @@ export declare const IdExpired: FC<IdExpiredProps>;
 declare type IdExpiredProps = {
     manager: IdCaptureManager;
     attemptsRemaining: number;
+    isBackSide?: boolean;
 };
 
 export declare const IdFlipAnimation: FC<FlipAnimationProps>;

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

@@ -295,14 +295,14 @@ var LAZY_UI_MODULES = {
 	INE_VALIDATION: () => import("./governmentValidation/governmentValidation.es.js").then((m) => m.GovernmentValidation),
 	GEOLOCATION: () => import("./geolocation/geolocation.es.js").then((m) => m.Geolocation),
 	EXTERNAL_VERIFICATION: () => import("./ekycModule-BIbj7hr1.js").then((m) => m.EkycModule),
-	EKYB: () => import("./ekybModule-B8aNb_qO.js").then((m) => m.EkybModule),
-	DOCUMENT_CAPTURE: () => import("./documentCapture-WX3SLX90.js").then((m) => m.DocumentCapture),
-	ADDRESS: () => import("./documentCapture-WX3SLX90.js").then((m) => m.DocumentCapture),
+	EKYB: () => import("./ekybModule-UEW1CfUF.js").then((m) => m.EkybModule),
+	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),
 	SIGNATURE: () => import("./signature/signature.es.js").then((m) => m.Signature),
-	ID_OCR: () => import("./idOcr-CwDFZQb7.js").then((m) => m.IdOcr),
+	ID_OCR: () => import("./idOcr-XA2Xs3h-.js").then((m) => m.IdOcr),
 	CPF_OCR: () => import("./cpfOcr-BJOYoITy.js").then((m) => m.CpfOcr),
 	ANTIFRAUD: () => import("./antifraud/antifraud.es.js").then((m) => m.Antifraud),
 	CUSTOM_FIELDS: () => import("./customFields-BQ4scZfL.js").then((m) => m.CustomFields),
@@ -312,9 +312,9 @@ var LAZY_UI_MODULES = {
 	AE_SIGNATURE: () => import("./ae-signature/ae-signature.es.js").then((m) => m.AeSignature),
 	QE_SIGNATURE: () => import("./qe-signature/qe-signature.es.js").then((m) => m.QeSignature),
 	CROSS_DOCUMENT_DATA_MATCH: () => import("./cross-document-data-match/cross-document-data-match.es.js").then((m) => m.CrossDocumentDataMatch),
-	DYNAMIC_FORMS: () => import("./dynamicForms-Dg03VDc-.js").then((m) => m.DynamicForms),
+	DYNAMIC_FORMS: () => import("./dynamicForms-BQv-wsBl.js").then((m) => m.DynamicForms),
 	CERTIFICATE_ISSUANCE: () => import("./certificate-issuance/certificate-issuance.es.js").then((m) => m.CertificateIssuance),
-	FIELD_COMPARISON: () => import("./fieldComparison-Cd6XNMdV.js").then((m) => m.FieldComparison),
+	FIELD_COMPARISON: () => import("./fieldComparison-DwbYI5GV.js").then((m) => m.FieldComparison),
 	FISCAL_QR: () => import("./fiscal-qr/fiscal-qr.es.js").then((m) => m.FiscalQr)
 };
 function loadHomeScreen() {

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-BjEwQ4zY.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-a43ee3be",
+  "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-a43ee3be"
+    "@incodetech/core": "0.0.0-dev-20260626-da30041d"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/documentCapture-WX3SLX90.js

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

package/dist/ekybModule-B8aNb_qO.js

@@ -1,2 +0,0 @@
-import { t as EkybModule } from "./ekybModule-odKnH4xP.js";
-export { EkybModule };