@incodetech/web 2.2.0 → 2.3.0-rc.1

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

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

package/dist/electronic-signature/styles.css

@@ -28,7 +28,7 @@
   justify-content: space-between;
 }
 
-.IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureUploadBody), .IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureDocViewHeader) {
+.IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureUploadBody), .IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureDocViewHeader), .IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureApplicationFormHeader) {
   padding-top: var(--spacing-0, var(--spacing-none, 0px));
 }
 
@@ -161,9 +161,10 @@
 }
 
 .IncodeElectronicSignature .IncodeElectronicSignatureSigningTop {
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
   flex-direction: column;
   flex-shrink: 0;
-  align-items: center;
   display: flex;
 }
 
@@ -221,6 +222,12 @@
   padding: var(--spacing-0, var(--spacing-none, 0px));
 }
 
+.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormButton {
+  color: var(--color-text-link-default, var(--text-link-default));
+  align-self: center;
+  text-decoration-line: underline;
+}
+
 .IncodeElectronicSignature .IncodeElectronicSignatureConsents {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   width: 100%;
@@ -323,6 +330,59 @@
   width: 100%;
 }
 
+.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormHeader {
+  min-height: var(--page-header-height);
+  width: 100%;
+  max-width: var(--incode-form-max-w);
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  padding-block: var(--spacing-8, var(--spacing-8, 8px));
+  flex-shrink: 0;
+  margin-inline: auto;
+  display: flex;
+}
+
+.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormTitle {
+  min-width: var(--spacing-0, var(--spacing-none, 0px));
+  text-align: left;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h3-size);
+  font-weight: var(--typography-headline-h3-weight);
+  line-height: var(--typography-headline-h3-line-height);
+  letter-spacing: var(--typography-headline-h3-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  --tw-outline-style: none;
+  outline-style: none;
+  flex: 1;
+}
+
+.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormScroll {
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+  width: 100%;
+  max-width: var(--incode-form-max-w);
+  border-radius: var(--radius-x-small, var(--border-radius-x-small));
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  flex: 1;
+  margin-inline: auto;
+  overflow-y: auto;
+}
+
+.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormScroll:focus-visible {
+  outline: var(--focus-outline-width) solid var(--border-status-focus);
+  outline-offset: var(--focus-outline-offset);
+}
+
+.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormText {
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  overflow-wrap: break-word;
+  white-space: pre-wrap;
+}
+
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/dist/electronic-signature/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-border-style: solid;\n    }\n  }\n}\n\n.IncodeElectronicSignature .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.IncodeElectronicSignature .IncodePageContent {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  padding-top: var(--spacing-32, var(--spacing-32, 32px));\n  justify-content: space-between;\n}\n\n.IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureUploadBody), .IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureDocViewHeader), .IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureApplicationFormHeader) {\n  padding-top: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeElectronicSignature .IncodePageTitleContainer {\n  max-width: var(--electronic-signature-title-max-w);\n}\n\n.IncodeElectronicSignature .IncodePageFooter {\n  padding-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureUploadBody {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  container-type: size;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureIllustration {\n  aspect-ratio: 1;\n  width: var(--electronic-signature-illustration-max-w);\n  border-radius: var(--radius-full, var(--border-radius-full));\n  background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  overflow: visible;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureIllustration svg {\n  height: auto;\n  width: var(--electronic-signature-illustration-svg-w);\n  --tw-translate-y: calc(var(--electronic-signature-illustration-svg-shift) * -1);\n  translate: var(--tw-translate-x) var(--tw-translate-y);\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureFileInput {\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureReviewBody {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  padding-inline: var(--spacing-48, var(--spacing-48, 48px));\n  flex-direction: column;\n  flex: 1;\n  margin-inline: auto;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureReviewCard {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  align-items: center;\n  gap: var(--spacing-24, var(--spacing-24, 24px));\n  border-radius: var(--radius-large, var(--border-radius-large));\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  width: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-20, var(--spacing-20, 20px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocPreview {\n  pointer-events: none;\n  aspect-ratio: 113 / 150;\n  max-height: var(--electronic-signature-doc-preview-max-h);\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  border-radius: var(--electronic-signature-doc-preview-radius);\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  flex: 1;\n  position: relative;\n  overflow: hidden;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocPreviewObject {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocName {\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-body-primary, var(--text-body-800-primary));\n  flex-shrink: 0;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureEncrypted {\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  padding-block: var(--spacing-8, var(--spacing-8, 8px));\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  white-space: nowrap;\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureEncryptedIcon {\n  width: var(--spacing-16, var(--spacing-16, 16px));\n  height: var(--spacing-16, var(--spacing-16, 16px));\n  color: var(--color-icon-neutral-500, var(--icon-neutral-500));\n  flex-shrink: 0;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureSigningTop {\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  flex-direction: column;\n  flex-shrink: 0;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureSigningBottom {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  justify-content: flex-end;\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  padding-top: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocContainer {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-8, var(--spacing-8, 8px));\n  flex-direction: column;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  overflow: clip;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocRow {\n  height: var(--electronic-signature-doc-row-h);\n  flex-shrink: 0;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocRowName {\n  font-family: var(--typography-button-family);\n  font-size: var(--typography-button-m-size);\n  font-weight: var(--typography-button-m-weight);\n  line-height: var(--typography-button-m-line-height);\n  letter-spacing: var(--typography-button-m-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocRowAction {\n  width: auto;\n  max-width: none;\n  height: auto;\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormButton {\n  color: var(--color-text-link-default, var(--text-link-default));\n  align-self: center;\n  text-decoration-line: underline;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureConsents {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  flex-direction: column;\n  display: flex;\n  overflow: auto;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureConsents .IncodeCheckbox {\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n  width: 100%;\n  padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n  padding-block: var(--spacing-20, var(--spacing-20, 20px));\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureConsents .IncodeCheckboxText {\n  font-family: var(--typography-checkbox-radio-family);\n  font-size: var(--typography-checkbox-radio-s-size);\n  font-weight: var(--typography-checkbox-radio-s-weight);\n  line-height: var(--typography-checkbox-radio-s-line-height);\n  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureConsents a {\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  text-decoration-line: underline;\n}\n\n.IncodeElectronicSignature.IncodeElectronicSignatureSuccess .IncodePageContent {\n  padding-top: var(--spacing-0, var(--spacing-none, 0px));\n  justify-content: center;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureSuccessCenter {\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  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureSuccessTitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h3-size);\n  font-weight: var(--typography-headline-h3-weight);\n  line-height: var(--typography-headline-h3-line-height);\n  letter-spacing: var(--typography-headline-h3-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDownloadLink {\n  text-align: center;\n  font-family: var(--typography-button-family);\n  font-size: var(--typography-button-m-size);\n  font-weight: var(--typography-button-m-weight);\n  line-height: var(--typography-button-m-line-height);\n  letter-spacing: var(--typography-button-m-letter-spacing);\n  color: var(--color-text-link-default, var(--text-link-default));\n  text-decoration-line: underline;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureFooter {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex-shrink: 0;\n  align-self: center;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocViewHeader {\n  z-index: 10;\n  height: var(--page-header-height);\n  margin-top: var(--electronic-signature-doc-view-header-offset);\n  align-self: flex-start;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureBackButton {\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocViewer {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  border-style: var(--tw-border-style);\n  border-width: var(--border-width-none, var(--primitive-border-width-0));\n  --tw-border-style: none;\n  border-style: none;\n  flex: 1;\n  width: 100%;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormHeader {\n  min-height: var(--page-header-height);\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  padding-block: var(--spacing-8, var(--spacing-8, 8px));\n  flex-shrink: 0;\n  margin-inline: auto;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormTitle {\n  min-width: var(--spacing-0, var(--spacing-none, 0px));\n  text-align: left;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h3-size);\n  font-weight: var(--typography-headline-h3-weight);\n  line-height: var(--typography-headline-h3-line-height);\n  letter-spacing: var(--typography-headline-h3-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  --tw-outline-style: none;\n  outline-style: none;\n  flex: 1;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormScroll {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  border-radius: var(--radius-x-small, var(--border-radius-x-small));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  flex: 1;\n  margin-inline: auto;\n  overflow-y: auto;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormScroll:focus-visible {\n  outline: var(--focus-outline-width) solid var(--border-status-focus);\n  outline-offset: var(--focus-outline-offset);\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormText {\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  overflow-wrap: break-word;\n  white-space: pre-wrap;\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n";

package/dist/{electronic-signature-CyE8F7LZ.js → electronic-signature-DRMdCzdF.js}

@@ -1,15 +1,13 @@
-import { a as useTranslation, i as Trans } from "./uiConfig-Dqnjankd.js";
-import { g as q, l as A, v as y, y as u } from "./vendor-preact-BPXMFRom.js";
-import { b as useManager, o as Page, t as IncodeComponent, v as useModuleTerminalCallbacks } from "./incodeComponent-BtFz-bx2.js";
-import { r as Button } from "./incode-logo-DeIDDejm.js";
-import { d as ChevronLeftIcon, r as LockIcon } from "./icons-ChHV5iHi.js";
-import { t as SuccessIcon } from "./successIcon-DS8BLsgy.js";
-import { t as AutoFocusTitle } from "./autoFocusTitle-DB-23sv_.js";
-import { t as VerificationResult } from "./verificationResult-q_zD_Pxh.js";
-import { t as Checkbox } from "./checkbox-FGA-Ij-D.js";
-import { t as PdfViewer } from "./pdfViewer-TTZmPABh.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-9K8KUs61.js";
-import { createElectronicSignatureManager } from "@incodetech/core/electronic-signature";
+import { a as Trans, o as useTranslation } from "./uiConfig-BcjOx3PY.js";
+import { _ as y, c as A, h as q, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { S as useManager, b as useModuleTerminalCallbacks, c as Page, t as IncodeComponent } from "./incodeComponent-DeVV0gEn.js";
+import { a as LockIcon, p as ChevronLeftIcon, r as SuccessIcon, x as Button } from "./icons-DNXYxUPA.js";
+import { t as AutoFocusTitle } from "./autoFocusTitle-CVjuQOGZ.js";
+import { t as VerificationResult } from "./verificationResult-Bre5Fb7M.js";
+import { t as Checkbox } from "./checkbox-BR-RTI4R.js";
+import { t as PdfViewer } from "./pdfViewer-DTwxqwSD.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-Do8qpZk7.js";
+import { NAMIRIAL_QES_CONSENT_KEYS, createElectronicSignatureManager } from "@incodetech/core/electronic-signature";
 //#region src/modules/electronic-signature/documentIllustration.tsx
 var DocumentIllustration = () => /* @__PURE__ */ u("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
@@ -184,7 +182,14 @@ function getQeConsentItems(t) {
 		}
 	];
 }
-function getConsentItems(variant, t) {
+function getConsentItems(variant, t, providerTerms) {
+	if (providerTerms) return NAMIRIAL_QES_CONSENT_KEYS.map((id, index) => ({
+		id,
+		label: /* @__PURE__ */ u("span", {
+			lang: providerTerms.languageCode,
+			children: providerTerms.consentLabels[index]
+		})
+	}));
 	return variant === "qe" ? getQeConsentItems(t) : getAeConsentItems(t);
 }
 function getVariantCopy(variant, t) {
@@ -201,12 +206,16 @@ function getVariantCopy(variant, t) {
 }
 //#endregion
 //#region src/modules/electronic-signature/electronic-signature.tsx
+var CERTIFICATE_APPLICATION_FORM_FALLBACK = "Certificate Application Form";
 var ElectronicSignatureContent = ({ config, manager: externalManager, onFinish, onError }) => {
-	const { t } = useTranslation();
+	const { t, i18n } = useTranslation();
 	const [state, manager] = useManager(() => {
 		if (externalManager) return externalManager;
 		if (!config) throw new Error("ElectronicSignature config is required when no manager is provided");
-		return createElectronicSignatureManager({ config });
+		return createElectronicSignatureManager({ config: {
+			...config,
+			language: config.language ?? i18n.language
+		} });
 	}, { manageLifecycle: !externalManager });
 	const fileInputRef = A(null);
 	useModuleTerminalCallbacks({
@@ -310,6 +319,37 @@ var ElectronicSignatureContent = ({ config, manager: externalManager, onFinish,
 		warningTitle: t("aes.confirmSignature.fail")
 	});
 	if (state.status === "signing") {
+		if (state.viewingApplicationForm && state.providerTerms) return /* @__PURE__ */ u(Page, {
+			className: "IncodeElectronicSignature IncodeElectronicSignatureApplicationForm",
+			hideHeader: true,
+			hideFooterBranding: true,
+			children: [/* @__PURE__ */ u("div", {
+				className: "IncodeElectronicSignatureApplicationFormHeader",
+				children: [/* @__PURE__ */ u(Button, {
+					size: "M",
+					variant: "link",
+					class: "IncodeElectronicSignatureBackButton",
+					icon: /* @__PURE__ */ u(ChevronLeftIcon, { variant: "m" }),
+					onClick: () => manager.closeApplicationForm(),
+					"aria-label": t("common.back"),
+					"data-testid": "electronic-signature-application-form-back"
+				}), /* @__PURE__ */ u(AutoFocusTitle, {
+					id: "electronic-signature-application-form-title",
+					className: "IncodeElectronicSignatureApplicationFormTitle",
+					children: t("qes.certificateApplicationForm", { defaultValue: CERTIFICATE_APPLICATION_FORM_FALLBACK })
+				})]
+			}), /* @__PURE__ */ u("div", {
+				className: "IncodeElectronicSignatureApplicationFormScroll",
+				role: "region",
+				"aria-labelledby": "electronic-signature-application-form-title",
+				lang: state.providerTerms.languageCode,
+				tabIndex: 0,
+				children: /* @__PURE__ */ u("p", {
+					className: "IncodeElectronicSignatureApplicationFormText",
+					children: state.providerTerms.contractText
+				})
+			})]
+		}, "application-form");
 		if (state.viewingDocumentUrl) return /* @__PURE__ */ u(Page, {
 			className: "IncodeElectronicSignature",
 			children: [
@@ -338,7 +378,7 @@ var ElectronicSignatureContent = ({ config, manager: externalManager, onFinish,
 			]
 		}, "document-view");
 		const variant = state.variant;
-		const consentItems = getConsentItems(variant, t);
+		const consentItems = getConsentItems(variant, t, state.providerTerms);
 		const copy = getVariantCopy(variant, t);
 		return /* @__PURE__ */ u(Page, {
 			className: "IncodeElectronicSignature",
@@ -346,7 +386,7 @@ var ElectronicSignatureContent = ({ config, manager: externalManager, onFinish,
 			subtitle: copy.signingSubtitle,
 			children: [/* @__PURE__ */ u("div", {
 				className: "IncodeElectronicSignatureSigningTop",
-				children: /* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ u("div", {
 					className: "IncodeElectronicSignatureDocContainer",
 					children: state.documents.map((doc, i) => /* @__PURE__ */ u("div", {
 						className: "IncodeElectronicSignatureDocRow",
@@ -366,7 +406,14 @@ var ElectronicSignatureContent = ({ config, manager: externalManager, onFinish,
 							children: t("aes.confirmSignature.viewDocument")
 						})]
 					}, doc.documentRef))
-				})
+				}), state.providerTerms ? /* @__PURE__ */ u(Button, {
+					variant: "link",
+					size: "inline",
+					class: "IncodeElectronicSignatureApplicationFormButton",
+					onClick: () => manager.viewApplicationForm(),
+					"data-testid": "electronic-signature-view-application-form",
+					children: t("qes.certificateApplicationForm", { defaultValue: CERTIFICATE_APPLICATION_FORM_FALLBACK })
+				}) : null]
 			}), /* @__PURE__ */ u("div", {
 				className: "IncodeElectronicSignatureSigningBottom",
 				children: [/* @__PURE__ */ u("div", {

package/dist/email/email.es.js

@@ -1,11 +1,11 @@
-import { a as useTranslation } from "../uiConfig-Dqnjankd.js";
-import { p as d, v as y, y as u } from "../vendor-preact-BPXMFRom.js";
-import { _ as isTerminalModuleState, 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 { t as OtpInput } from "../otpInput-CvPR3ZpP.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-9K8KUs61.js";
-import { t as EmailInput } from "../emailInput-CsT8_C01.js";
+import { o as useTranslation } from "../uiConfig-BcjOx3PY.js";
+import { _ as y, f as d, v as u } from "../vendor-preact-C0jX1Cbq.js";
+import { S as useManager, b as useModuleTerminalCallbacks, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent, y as isTerminalModuleState } from "../incodeComponent-DeVV0gEn.js";
+import { t as Spacer } from "../spacer-DZ-t7RMQ.js";
+import { x as Button } from "../icons-DNXYxUPA.js";
+import { t as OtpInput } from "../otpInput-C8mlw_Cm.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-Do8qpZk7.js";
+import { t as EmailInput } from "../emailInput-Dz8ukhAE.js";
 import { createEmailManager } from "@incodetech/core/email";
 //#region src/modules/email/email.tsx
 /**
@@ -132,6 +132,7 @@ var EmailContent = ({ config, manager: externalManager, onFinish, onError }) =>
 					emailError,
 					disabled: isLoading,
 					required: true,
+					label: t("verification.labels.email"),
 					onEmailChange: (email, isValid) => {
 						manager.setEmail(email, isValid);
 						setEmailValue(email);

package/dist/email/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeEmailInput, .IncodeEmailInputContainer {\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeEmailPage .IncodePageContent {\n  padding-top: var(--spacing-32, var(--spacing-32, 32px));\n  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n";

package/dist/{emailInput-CsT8_C01.js → emailInput-Dz8ukhAE.js}

@@ -1,7 +1,7 @@
-import { a as useTranslation } from "./uiConfig-Dqnjankd.js";
-import { y as u } from "./vendor-preact-BPXMFRom.js";
-import "./extensibility-C5XqL_A3.js";
-import { t as InputComposed } from "./inputComposed-C2zTEXsp.js";
+import { o as useTranslation } from "./uiConfig-BcjOx3PY.js";
+import { v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { t as InputComposed } from "./inputComposed-9aPipTS_.js";
+import "./inputComposed-DZokKK4c.js";
 //#region src/modules/email/emailInput.tsx
 var EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
 var EmailInput = ({ value, emailError, label, labelHint, disabled = false, required = false, id = "email-input", "data-testid": dataTestId, onEmailChange, onBlur }) => {