@incodetech/web 0.0.0-dev-20260928-d24f59d8 → 0.0.0-dev-20260928-e8e00ca9

package/dist/ekyc/ekyc.es.js

@@ -1,2 +1,2 @@
-import { t as EkycModule } from "../ekycModule-szfkUWtN.js";
+import { t as EkycModule } from "../ekycModule-LPocoxh5.js";
 export { EkycModule };

package/dist/ekyc/styles.css

@@ -34,7 +34,7 @@
   }
 }
 
-.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
+.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePasswordInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
   margin-inline: auto;
 }
 

package/dist/ekyc/styles.css.js

@@ -1 +1 @@
-export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeEkycPage {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  margin-inline: auto;\n  animation-fill-mode: both;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage .IncodePageInner {\n    height: 100%;\n    padding-inline: var(--spacing-0, var(--spacing-none, 0px));\n    padding-block: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n\n.IncodeEkycPage .IncodeEkycSpinner {\n  flex: 1;\n}\n\n.IncodeEkycPage .IncodeEkycForm {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage .IncodeEkycForm {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));\n    overflow-y: auto;\n  }\n}\n\n.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {\n  margin-inline: auto;\n}\n\n.IncodeEkycPage .IncodeEkycForm .IncodeFormField {\n  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeEkycPage .IncodeEkycSectionHeader {\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-input-text-label-default, var(--input-text-label-default));\n  margin-inline: auto;\n  margin-top: var(--spacing-16, var(--spacing-16, 16px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  padding-block: var(--spacing-12, var(--spacing-12, 12px));\n}\n\n.IncodeEkycPage .IncodeEkycRadioGroup {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  margin-inline: auto;\n}\n\n.IncodeEkycPage .IncodeEkycFooter {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  flex-direction: column;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage .IncodeEkycFooter {\n    flex-shrink: 0;\n  }\n}\n\n.IncodeEkycPage .IncodeEkycFooter .IncodeEkycSubmitError {\n  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));\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-input-text-helper-negative, var(--input-text-helper-negative));\n  margin-top: 0;\n}\n\n.IncodeEkycPage .IncodeEkycFooter button {\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage.IncodePageContainer {\n    margin-top: var(--spacing-0, var(--spacing-none, 0px));\n    height: 100%;\n    max-height: none;\n  }\n\n  .IncodeEkycPage.IncodeEkycPageScrollable {\n    max-width: var(--ekyb-scrollable-page);\n  }\n\n  .IncodeEkycPage .IncodePageContent {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n";
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeEkycPage {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  margin-inline: auto;\n  animation-fill-mode: both;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage .IncodePageInner {\n    height: 100%;\n    padding-inline: var(--spacing-0, var(--spacing-none, 0px));\n    padding-block: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n\n.IncodeEkycPage .IncodeEkycSpinner {\n  flex: 1;\n}\n\n.IncodeEkycPage .IncodeEkycForm {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage .IncodeEkycForm {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));\n    overflow-y: auto;\n  }\n}\n\n.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePasswordInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {\n  margin-inline: auto;\n}\n\n.IncodeEkycPage .IncodeEkycForm .IncodeFormField {\n  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeEkycPage .IncodeEkycSectionHeader {\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-input-text-label-default, var(--input-text-label-default));\n  margin-inline: auto;\n  margin-top: var(--spacing-16, var(--spacing-16, 16px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  padding-block: var(--spacing-12, var(--spacing-12, 12px));\n}\n\n.IncodeEkycPage .IncodeEkycRadioGroup {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  margin-inline: auto;\n}\n\n.IncodeEkycPage .IncodeEkycFooter {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  flex-direction: column;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage .IncodeEkycFooter {\n    flex-shrink: 0;\n  }\n}\n\n.IncodeEkycPage .IncodeEkycFooter .IncodeEkycSubmitError {\n  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));\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-input-text-helper-negative, var(--input-text-helper-negative));\n  margin-top: 0;\n}\n\n.IncodeEkycPage .IncodeEkycFooter button {\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage.IncodePageContainer {\n    margin-top: var(--spacing-0, var(--spacing-none, 0px));\n    height: 100%;\n    max-height: none;\n  }\n\n  .IncodeEkycPage.IncodeEkycPageScrollable {\n    max-width: var(--ekyb-scrollable-page);\n  }\n\n  .IncodeEkycPage .IncodePageContent {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n";

package/dist/ekycModule-CiDUWz-q.js

@@ -0,0 +1,2 @@
+import { t as EkycModule } from "./ekycModule-LPocoxh5.js";
+export { EkycModule };

package/dist/{ekycModule-szfkUWtN.js → ekycModule-LPocoxh5.js}

@@ -4,6 +4,7 @@ import { C as useManager, c as Page, i as withStandaloneModuleBootstrap, t as In
 import { t as Spinner } from "./spinner-Gnctncvs.js";
 import { x as Button } from "./icons-DrOzoEs-.js";
 import { t as VerificationResult } from "./verificationResult-BiQ5T8yF.js";
+import { t as PasswordInputComposed } from "./passwordInputComposed-BMTrYSW5.js";
 import { n as translateError, t as FormField } from "./formField--i2tg0RO.js";
 import { t as PhoneInputComposed } from "./phoneInputComposed-De-TAUKY.js";
 import { t as DropdownComposed } from "./dropdownComposed--ujBqTic.js";
@@ -32,6 +33,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(() => {
@@ -210,6 +217,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/flow/flow.es.js

@@ -4,7 +4,7 @@ import { C as useManager, a as ResolvedConfigProvider, d as TransitionSpinner, s
 import { b as ErrorIcon } from "../icons-DrOzoEs-.js";
 import { t as StatusPage } from "../statusPage-D9r5USJx.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CODDnk9s.js";
-import { a as LAZY_UI_MODULES, c as initializeFlowManager, f as warmupWasmIfNeeded, i as HEADLESS_FLOW_MODULE_KEYS, l as preloadFirstModule, m as resolveSessionLanguage, n as extractIncodeStatus, o as createFlowManager, r as UnsupportedModule, s as fetchTheme, t as resolveApiKey, u as preloadHomeScreen } from "../resolveApiKey-D7KeErCo.js";
+import { a as LAZY_UI_MODULES, c as initializeFlowManager, f as warmupWasmIfNeeded, i as HEADLESS_FLOW_MODULE_KEYS, l as preloadFirstModule, m as resolveSessionLanguage, n as extractIncodeStatus, o as createFlowManager, r as UnsupportedModule, s as fetchTheme, t as resolveApiKey, u as preloadHomeScreen } from "../resolveApiKey-71Rwnhgy.js";
 import { i as usePrefetchNextModule, n as useModuleLoader, r as useModulePreloader } from "../useModuleLoader-DpcbSKBH.js";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";
 import { getNextRequiredWasmPipelines } from "@incodetech/core/flow";

package/dist/flow/styles.css

@@ -3148,7 +3148,7 @@
   }
 }
 
-.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
+.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePasswordInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
   margin-inline: auto;
 }
 

package/dist/{resolveApiKey-D7KeErCo.js → resolveApiKey-71Rwnhgy.js}

@@ -102,7 +102,7 @@ var LAZY_UI_MODULES = {
 	GOVT_VALIDATION_PROVISIONING: () => import("./government-validation/government-validation.es.js").then((m) => m.GovernmentValidation),
 	INE_VALIDATION: () => import("./government-validation/government-validation.es.js").then((m) => m.GovernmentValidation),
 	GEOLOCATION: () => import("./geolocation/geolocation.es.js").then((m) => m.Geolocation),
-	EXTERNAL_VERIFICATION: () => import("./ekycModule-DMHPh6n8.js").then((m) => m.EkycModule),
+	EXTERNAL_VERIFICATION: () => import("./ekycModule-CiDUWz-q.js").then((m) => m.EkycModule),
 	EKYB: () => import("./ekybModule-XTatnIX9.js").then((m) => m.EkybModule),
 	DOCUMENT_CAPTURE: () => import("./documentCapture-CbmHY_9J.js").then((m) => m.DocumentCapture),
 	ADDRESS: () => import("./documentCapture-CbmHY_9J.js").then((m) => m.DocumentCapture),

package/dist/workflow/styles.css

@@ -3611,7 +3611,7 @@
   }
 }
 
-.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
+.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePasswordInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
   margin-inline: auto;
 }
 

package/dist/workflow/workflow.es.js

@@ -4,7 +4,7 @@ import { i as fetchAndApplyTheme } from "../dashboardTheme-CFpHx2RR.js";
 import { C as useManager, a as ResolvedConfigProvider, c as Page, d as TransitionSpinner, s as TerminalErrorPage, t as IncodeComponent, w as withSessionExpiry } from "../incodeComponent-BlRJfZjh.js";
 import { t as AutoFocusTitle } from "../autoFocusTitle-Mhw9ii46.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CODDnk9s.js";
-import { a as LAZY_UI_MODULES, d as setupSDK, m as resolveSessionLanguage, n as extractIncodeStatus, p as isDesktopOrEmulated, r as UnsupportedModule, t as resolveApiKey } from "../resolveApiKey-D7KeErCo.js";
+import { a as LAZY_UI_MODULES, d as setupSDK, m as resolveSessionLanguage, n as extractIncodeStatus, p as isDesktopOrEmulated, r as UnsupportedModule, t as resolveApiKey } from "../resolveApiKey-71Rwnhgy.js";
 import { a as HEADLESS_WORKFLOW_MODULE_KEYS, n as useModuleLoader } from "../useModuleLoader-DpcbSKBH.js";
 import { resolveWasmConfigForPipelines, setWasmConfig, upgradeToWasmHttpClient, warmupWasm } from "@incodetech/core/wasm";
 import { bootstrapSession, getFinishStatus, refreshQrUrlUuid } from "@incodetech/core/session";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260928-d24f59d8",
+  "version": "0.0.0-dev-20260928-e8e00ca9",
   "license": "ISC",
   "repository": {
     "type": "git",
@@ -287,7 +287,7 @@
   ],
   "dependencies": {
     "preact": "^10.27.2",
-    "@incodetech/core": "0.0.0-dev-20260928-d24f59d8"
+    "@incodetech/core": "0.0.0-dev-20260928-e8e00ca9"
   },
   "devDependencies": {
     "@fontsource/dm-sans": "^5.2.8",

package/dist/ekycModule-DMHPh6n8.js

@@ -1,2 +0,0 @@
-import { t as EkycModule } from "./ekycModule-szfkUWtN.js";
-export { EkycModule };