@incodetech/web 2.3.2 → 2.4.0-rc.0

package/dist/{ekycModule-Y9GYfYAt.js → ekycModule-Cb3HnENz.js}

@@ -1,16 +1,18 @@
-import { o as useTranslation } from "./uiConfig-Dd7jp1PI.js";
+import { o as useTranslation } from "./uiConfig-CzjzpmLx.js";
 import { _ as y, c as A, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { S as useManager, b as useModuleTerminalCallbacks, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent, v as useFormScrollable } from "./incodeComponent--XJZ07QN.js";
-import { t as Spinner } from "./spinner-C9D0Usrj.js";
-import { x as Button } from "./icons-DO-rf5yd.js";
-import { t as VerificationResult } from "./verificationResult-CMeZfcp-.js";
-import { n as translateError, t as FormField } from "./formField-Cf25rdkJ.js";
-import { t as PhoneInputComposed } from "./phoneInputComposed-7i6GGW1B.js";
-import { t as DropdownComposed } from "./dropdownComposed-B0WxIm-I.js";
-import { t as DateInputComposed } from "./dateInputComposed-CylyZPCj.js";
-import { t as RadioGroupComposed } from "./radioGroupComposed-BKEEwEPO.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-n_Am6zwM.js";
-import { n as AddressAutocomplete, t as getAccessibleOptionLabel } from "./optionAccessibleLabel-CkP9Zu6D.js";
+import { _ as useFormScrollable, a as withStandaloneModuleBootstrap, t as IncodeComponent, x as useManager, y as useModuleTerminalCallbacks } from "./incodeComponent-I3JIdKa5.js";
+import { t as Spinner } from "./spinner-B2lU14AQ.js";
+import { x as Button } from "./icons-Cri5P1f0.js";
+import { t as Page } from "./page-BzEithea.js";
+import { t as VerificationResult } from "./verificationResult-CZbJPu23.js";
+import { t as PasswordInputComposed } from "./passwordInputComposed-DqiG9IUM.js";
+import { n as translateError, t as FormField } from "./formField-D1sSXdbf.js";
+import { t as PhoneInputComposed } from "./phoneInputComposed-CVDIUrRy.js";
+import { t as DropdownComposed } from "./dropdownComposed-CB55QqNd.js";
+import { t as DateInputComposed } from "./dateInputComposed-BwqEyZNg.js";
+import { t as RadioGroupComposed } from "./radioGroupComposed-FYYC8SNS.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-t2FDQ-II.js";
+import { n as AddressAutocomplete, t as getAccessibleOptionLabel } from "./optionAccessibleLabel-BApMWddn.js";
 import { createEkycManager } from "@incodetech/core/ekyc";
 //#region src/modules/ekyc/ekycModule.tsx
 /**
@@ -32,6 +34,12 @@ var EKYC_AUTOCOMPLETE_TOKENS = {
 	dateOfBirth: "bday"
 };
 var getEkycAutocomplete = (name) => EKYC_AUTOCOMPLETE_TOKENS[name];
+/**
+* Sensitive ID fields rendered as a masked input with a show/hide toggle,
+* keyed by `fieldsCountry`.
+*/
+var EKYC_MASKED_FIELDS = { US: ["ssn"] };
+var isMaskedEkycField = (name, country) => EKYC_MASKED_FIELDS[country]?.includes(name) ?? false;
 var EkycContent = ({ config, manager: externalManager, onFinish }) => {
 	const { t } = useTranslation();
 	const [state, manager] = useManager(() => {
@@ -75,7 +83,7 @@ var EkycContent = ({ config, manager: externalManager, onFinish }) => {
 	return null;
 };
 var EkycForm = ({ state, manager }) => {
-	const { fields, values, validationErrors, isValid, addressSuggestions, prefilled, hideEmail, fieldsCountry, submitError } = state;
+	const { fields, values, validationErrors, isValid, addressSuggestions, hideEmail, fieldsCountry, submitError } = state;
 	const { t } = useTranslation();
 	const formRef = A(null);
 	const postalCodeFieldRef = A(null);
@@ -118,7 +126,7 @@ var EkycForm = ({ state, manager }) => {
 						}[field.section] ?? field.section)
 					});
 				}
-				const isReadonly = field.readonly || prefilled[field.name];
+				const isReadonly = Boolean(field.readonly);
 				const isFieldRequired = isReadonly ? false : field.required;
 				const fieldValue = values[field.name] ?? "";
 				const fieldError = validationErrors?.[field.name];
@@ -210,6 +218,30 @@ var EkycForm = ({ state, manager }) => {
 					onChange: (next) => manager.setField(field.name, next),
 					onBlur: () => manager.validateField(field.name)
 				})] }, field.name);
+				if (isMaskedEkycField(field.name, fieldsCountry)) return /* @__PURE__ */ u("div", { children: [sectionHeader, /* @__PURE__ */ u("div", {
+					className: "IncodeFormField",
+					children: /* @__PURE__ */ u(PasswordInputComposed, {
+						id: field.name,
+						name: field.name,
+						label: field.displayLabel ?? t(field.label),
+						value: fieldValue,
+						placeholder: field.placeholder ? t(field.placeholder, field.placeholderParams) : void 0,
+						inputMode: "numeric",
+						autoComplete: "off",
+						readOnly: isReadonly,
+						required: isFieldRequired,
+						maxLength: field.maxLength,
+						error: translateError$1(fieldError),
+						showPasswordAriaLabel: t("verification.labels.showSsn"),
+						hidePasswordAriaLabel: t("verification.labels.hideSsn"),
+						onInput: (e) => {
+							const target = e.target;
+							manager.setField(field.name, target.value);
+						},
+						onBlur: () => manager.validateField(field.name),
+						"data-testid": `form-field-${field.name}`
+					})
+				})] }, field.name);
 				return /* @__PURE__ */ u("div", {
 					ref: field.name === "postalCode" ? postalCodeFieldRef : void 0,
 					children: [sectionHeader, /* @__PURE__ */ u(FormField, {

package/dist/{el-60ThHM2U.js → el-DlcHAcXD.js}

@@ -1337,12 +1337,38 @@ var el_default = {
 		"instructions": {
 			"allowLocation": "Επιτρέψτε δικαιώματα τοποθεσίας",
 			"allowOnlyWhileUsing": "Ορίστε την επιλογή <strong>«Να επιτρέπεται μόνο κατά τη χρήση της εφαρμογής»</strong> ή <strong>«Να επιτρέπεται πάντα»</strong>",
+			"android": {
+				"appsBrowserPermissions": "Μεταβείτε στην ενότητα «Εφαρμογές» → «Ο περιηγητής σας» → «Δικαιώματα»",
+				"chromePermissionsLocation": "Πατήστε «Δικαιώματα» → «Τοποθεσία» → «Επιτρέπεται»",
+				"chromeSiteIcon": "Πατήστε το εικονίδιο του ιστότοπου στα αριστερά της γραμμής διευθύνσεων",
+				"chromeSiteSettings": "Ή πατήστε τις τρεις κουκκίδες → Ρυθμίσεις → Ρυθμίσεις ιστότοπου → Τοποθεσία",
+				"firefoxAskToAllow": "Επιλέξτε «Ζητήστε άδεια» και, στη συνέχεια, δώστε άδεια στον ιστότοπο",
+				"firefoxMenuSettings": "Πατήστε τις τρεις κουκκίδες στην κάτω δεξιά γωνία → Ρυθμίσεις",
+				"firefoxSitePermissions": "Πατήστε «Δικαιώματα ιστότοπου» → «Τοποθεσία»",
+				"locationWhileUsing": "Πατήστε «Τοποθεσία» → «Να επιτρέπεται μόνο κατά τη χρήση της εφαρμογής»",
+				"openDeviceSettings": "Ανοίξτε τις «Ρυθμίσεις» της συσκευής σας",
+				"operaLocationAllow": "Επιλέξτε «Να ρωτάει κάθε φορά» ή «Επιτρέπεται»",
+				"operaProfileSettings": "Πατήστε το εικονίδιο του προφίλ σας στην κάτω δεξιά γωνία → Ρυθμίσεις",
+				"operaSiteSettings": "Πατήστε «Απόρρητο και ασφάλεια» → «Ρυθμίσεις ιστότοπου» → «Τοποθεσία»",
+				"returnAndRefresh": "Επιστροφή και πάτημα του κουμπιού «Ανανέωση σελίδας»",
+				"returnHereAndRefresh": "Επιστρέψτε εδώ και ανανεώστε τη σελίδα",
+				"samsungLocationAllow": "Πατήστε «Τοποθεσία» → «Εύρεση τοποθεσίας» → «Αποδοχή»",
+				"samsungMenuSettings": "Πατήστε το κουμπί «Μενού» στην κάτω δεξιά γωνία → Ρυθμίσεις",
+				"samsungSitePermissions": "Πατήστε «Ιστότοποι και λήψεις» → «Δικαιώματα ιστότοπου»"
+			},
 			"ios": {
-				"appsChrome": "Πατήστε «Εφαρμογές»<arrow/>, <strong>Chrome</strong>",
-				"appsFirefox": "Πατήστε «Εφαρμογές»<arrow/> <strong>Firefox</strong>",
-				"locationWhileUsing": "Πατήστε «Τοποθεσία» (<arrow/> ) <strong>κατά τη χρήση της εφαρμογής</strong>",
-				"safariPageMenu": "Πατήστε το εικονίδιο <strong>«Μενού σελίδας</strong> » στη γραμμή διευθύνσεων",
-				"safariWebsiteSettings": "Πατήστε «Ρυθμίσεις ιστότοπου»<arrow/> <strong>«Τοποθεσία»<arrow/> «Επιτρέπεται»</strong>"
+				"appsChrome": "Πατήστε «Εφαρμογές» → «Chrome» → «Τοποθεσία»",
+				"appsFirefox": "Πατήστε «Εφαρμογές» → «Firefox» → «Τοποθεσία»",
+				"appsOpera": "Πατήστε «Εφαρμογές» → «Opera» → «Τοποθεσία»",
+				"locationWhileUsing": "Επιλογή κατά τη χρήση της εφαρμογής",
+				"openSettings": "Άνοιξε την εφαρμογή «Ρυθμίσεις» στο iPhone σου",
+				"returnAndRefresh": "Επιστροφή και πάτημα του κουμπιού «Ανανέωση σελίδας»",
+				"returnToChrome": "Επιστρέψτε στο Chrome και πατήστε «Ανανέωση σελίδας»",
+				"returnToFirefox": "Επιστρέψτε στον Firefox και πατήστε «Ανανέωση σελίδας»",
+				"returnToOpera": "Επιστροφή στην Opera και πατήστε «Ανανέωση σελίδας»",
+				"safariDeviceSettings": "Αν η ιστοσελίδα δεν ζητήσει ξανά: Ρυθμίσεις → Εφαρμογές → Safari → Τοποθεσία",
+				"safariPageMenu": "Πατήστε το μενού της σελίδας στα αριστερά της γραμμής διευθύνσεων",
+				"safariWebsiteSettings": "Πατήστε «Ρυθμίσεις ιστότοπου» → «Τοποθεσία» → «Να επιτρέπεται»"
 			},
 			"locationAllow": "Πατήστε <strong>«Τοποθεσία» <arrow/> Επιτρέψτε</strong>",
 			"locationAskToAllow": "Πατήστε <strong>«Τοποθεσία» <arrow/> Ζητήστε να επιτραπεί</strong>",
@@ -3101,6 +3127,7 @@ var el_default = {
 			"invalidSessionResponse": "Μη έγκυρη απόκριση συνεδρίας.",
 			"missingFlowConfiguration": "Λείπει η διαμόρφωση ροής.",
 			"restartLabel": "Επανεκκίνηση της διαδικασίας ενσωμάτωσης",
+			"sessionExpiredMessage": "Η συνεδρία σας έληξε. Ξεκινήστε ξανά τη διαδικασία για να συνεχίσετε.",
 			"sessionInvalidMessage": "Αυτή η συνεδρία επαλήθευσης δεν είναι πλέον διαθέσιμη. Παρακαλώ ξεκινήστε μια νέα για να συνεχίσετε.",
 			"sessionRestartDisabledMessage": "Αυτή η διαδικασία επαλήθευσης έχει ήδη ολοκληρωθεί και δεν είναι πλέον δυνατό να ξανανοιχτεί.",
 			"sessionUnavailableTitle": "Η συνεδρία δεν είναι πλέον διαθέσιμη",

package/dist/{el-GR-D6WIhwC3.js → el-GR-fXRg7fVy.js}

@@ -1337,12 +1337,38 @@ var el_GR_default = {
 		"instructions": {
 			"allowLocation": "Επιτρέψτε δικαιώματα τοποθεσίας",
 			"allowOnlyWhileUsing": "Ορίστε την επιλογή <strong>«Να επιτρέπεται μόνο κατά τη χρήση της εφαρμογής»</strong> ή <strong>«Να επιτρέπεται πάντα»</strong>",
+			"android": {
+				"appsBrowserPermissions": "Μεταβείτε στην ενότητα «Εφαρμογές» → «Ο περιηγητής σας» → «Δικαιώματα»",
+				"chromePermissionsLocation": "Πατήστε «Δικαιώματα» → «Τοποθεσία» → «Επιτρέπεται»",
+				"chromeSiteIcon": "Πατήστε το εικονίδιο του ιστότοπου στα αριστερά της γραμμής διευθύνσεων",
+				"chromeSiteSettings": "Ή πατήστε τις τρεις κουκκίδες → Ρυθμίσεις → Ρυθμίσεις ιστότοπου → Τοποθεσία",
+				"firefoxAskToAllow": "Επιλέξτε «Ζητήστε άδεια» και, στη συνέχεια, δώστε άδεια στον ιστότοπο",
+				"firefoxMenuSettings": "Πατήστε τις τρεις κουκκίδες στην κάτω δεξιά γωνία → Ρυθμίσεις",
+				"firefoxSitePermissions": "Πατήστε «Δικαιώματα ιστότοπου» → «Τοποθεσία»",
+				"locationWhileUsing": "Πατήστε «Τοποθεσία» → «Να επιτρέπεται μόνο κατά τη χρήση της εφαρμογής»",
+				"openDeviceSettings": "Ανοίξτε τις «Ρυθμίσεις» της συσκευής σας",
+				"operaLocationAllow": "Επιλέξτε «Να ρωτάει κάθε φορά» ή «Επιτρέπεται»",
+				"operaProfileSettings": "Πατήστε το εικονίδιο του προφίλ σας στην κάτω δεξιά γωνία → Ρυθμίσεις",
+				"operaSiteSettings": "Πατήστε «Απόρρητο και ασφάλεια» → «Ρυθμίσεις ιστότοπου» → «Τοποθεσία»",
+				"returnAndRefresh": "Επιστροφή και πάτημα του κουμπιού «Ανανέωση σελίδας»",
+				"returnHereAndRefresh": "Επιστρέψτε εδώ και ανανεώστε τη σελίδα",
+				"samsungLocationAllow": "Πατήστε «Τοποθεσία» → «Εύρεση τοποθεσίας» → «Αποδοχή»",
+				"samsungMenuSettings": "Πατήστε το κουμπί «Μενού» στην κάτω δεξιά γωνία → Ρυθμίσεις",
+				"samsungSitePermissions": "Πατήστε «Ιστότοποι και λήψεις» → «Δικαιώματα ιστότοπου»"
+			},
 			"ios": {
-				"appsChrome": "Πατήστε «Εφαρμογές»<arrow/> <strong>Chrome</strong>",
-				"appsFirefox": "Πατήστε «Εφαρμογές»<arrow/> <strong>Firefox</strong>",
-				"locationWhileUsing": "Πατήστε «Τοποθεσία» (<arrow/> ) <strong>κατά τη χρήση της εφαρμογής</strong>",
-				"safariPageMenu": "Πατήστε το εικονίδιο <strong>«Μενού σελίδας</strong> » στη γραμμή διευθύνσεων",
-				"safariWebsiteSettings": "Πατήστε «Ρυθμίσεις ιστότοπου»<arrow/> <strong>Τοποθεσία<arrow/> Επιτρέπεται</strong>"
+				"appsChrome": "Πατήστε «Εφαρμογές» → «Chrome» → «Τοποθεσία»",
+				"appsFirefox": "Πατήστε «Εφαρμογές» → «Firefox» → «Τοποθεσία»",
+				"appsOpera": "Πατήστε «Εφαρμογές» → «Opera» → «Τοποθεσία»",
+				"locationWhileUsing": "Επιλογή κατά τη χρήση της εφαρμογής",
+				"openSettings": "Άνοιξε την εφαρμογή «Ρυθμίσεις» στο iPhone σου",
+				"returnAndRefresh": "Επιστροφή και πάτημα του κουμπιού «Ανανέωση σελίδας»",
+				"returnToChrome": "Επιστρέψτε στο Chrome και πατήστε «Ανανέωση σελίδας»",
+				"returnToFirefox": "Επιστρέψτε στον Firefox και πατήστε «Ανανέωση σελίδας»",
+				"returnToOpera": "Επιστροφή στην Opera και πατήστε «Ανανέωση σελίδας»",
+				"safariDeviceSettings": "Αν η ιστοσελίδα δεν ζητήσει ξανά: Ρυθμίσεις → Εφαρμογές → Safari → Τοποθεσία",
+				"safariPageMenu": "Πατήστε το μενού της σελίδας στα αριστερά της γραμμής διευθύνσεων",
+				"safariWebsiteSettings": "Πατήστε «Ρυθμίσεις ιστότοπου» → «Τοποθεσία» → «Να επιτρέπεται»"
 			},
 			"locationAllow": "Πατήστε <strong>«Τοποθεσία» <arrow/> Επιτρέψτε</strong>",
 			"locationAskToAllow": "Πατήστε <strong>«Τοποθεσία» <arrow/> Ζητήστε να επιτραπεί</strong> η <strong>πρόσβαση</strong>",
@@ -3101,6 +3127,7 @@ var el_GR_default = {
 			"invalidSessionResponse": "Μη έγκυρη απόκριση συνεδρίας.",
 			"missingFlowConfiguration": "Λείπει η διαμόρφωση ροής.",
 			"restartLabel": "Επανεκκίνηση της διαδικασίας ενσωμάτωσης",
+			"sessionExpiredMessage": "Η συνεδρία σας έληξε. Ξεκινήστε ξανά τη διαδικασία για να συνεχίσετε.",
 			"sessionInvalidMessage": "Αυτή η συνεδρία επαλήθευσης δεν είναι πλέον διαθέσιμη. Παρακαλώ ξεκινήστε μια νέα για να συνεχίσετε.",
 			"sessionRestartDisabledMessage": "Αυτή η διαδικασία επαλήθευσης έχει ήδη ολοκληρωθεί και δεν είναι πλέον δυνατό να ξανανοιχτεί.",
 			"sessionUnavailableTitle": "Η συνεδρία δεν είναι πλέον διαθέσιμη",

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

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

package/dist/electronic-signature/styles.css

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