@incodetech/web 0.0.0-dev-20260421-aeeff81 → 0.0.0-dev-20260421-b9de520

package/dist/ekyc/styles.css

@@ -2,23 +2,36 @@
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {
-      --tw-font-weight: initial;
       --tw-leading: initial;
       --tw-border-style: solid;
     }
   }
 }
 
-.IncodeEkycSpinner {
+.IncodeEkycPage {
+  max-width: 480px;
+  margin-inline: auto;
+}
+
+.IncodeEkycPage .IncodeEkycSpinner {
   flex: 1;
 }
 
-.IncodeEkycPage {
-  max-width: 480px;
+.IncodeEkycPage .IncodeEkycSectionHeader {
+  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-input-text-label-default, var(--input-text-label-default));
   margin-inline: auto;
+  margin-top: var(--spacing-16, var(--spacing-16, 16px));
+  width: 100%;
+  max-width: 420px;
+  padding-block: var(--spacing-12, var(--spacing-12, 12px));
 }
 
-.IncodeEkycForm {
+.IncodeEkycPage .IncodeEkycForm {
   margin-top: var(--spacing-32, var(--spacing-32, 32px));
   gap: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
@@ -26,15 +39,15 @@
   display: flex;
 }
 
-.IncodeEkycForm .IncodeInputComposed, .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycForm .IncodeAddressAutocomplete {
+.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
   margin-inline: auto;
 }
 
-.IncodeEkycForm .IncodeFormField {
+.IncodeEkycPage .IncodeEkycForm .IncodeFormField {
   margin-bottom: var(--spacing-0, var(--spacing-none, 0px));
 }
 
-.IncodeEkycFooter {
+.IncodeEkycPage .IncodeEkycFooter {
   margin-top: var(--spacing-24, var(--spacing-24, 24px));
   align-items: center;
   gap: var(--spacing-12, var(--spacing-12, 12px));
@@ -42,8 +55,20 @@
   display: flex;
 }
 
+.IncodeEkycPage .IncodeEkycFooter .IncodeEkycSubmitError {
+  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
+  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-input-text-helper-negative, var(--input-text-helper-negative));
+  margin-top: 0;
+}
+
 @media (min-width: 768px) {
-  .IncodePageContainer.IncodeEkycPage {
+  .IncodeEkycPage.IncodePageContainer {
     height: 100dvh;
     max-height: none;
     margin-top: var(--spacing-0, var(--spacing-none, 0px));
@@ -53,7 +78,7 @@
     height: 100%;
   }
 
-  .IncodePageContainer.IncodeEkycPageScrollable {
+  .IncodeEkycPage.IncodeEkycPageScrollable {
     max-width: 500px;
   }
 
@@ -67,127 +92,56 @@
     overflow-y: auto;
   }
 
-  .IncodeEkycPageScrollable .IncodeEkycForm {
+  .IncodeEkycPage.IncodeEkycPageScrollable .IncodeEkycForm {
     margin-left: var(--spacing-8, var(--spacing-8, 8px));
   }
 
-  .IncodeEkycFooter {
+  .IncodeEkycPage .IncodeEkycFooter {
     flex-shrink: 0;
   }
 }
 
-.IncodeEkycPage .IncodeEkycSectionHeader {
-  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);
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  color: var(--color-input-text-label-default, var(--input-text-label-default));
-  margin-inline: auto;
-  margin-top: var(--spacing-16, var(--spacing-16, 16px));
-  width: 100%;
-  max-width: 420px;
-  padding-block: var(--spacing-12, var(--spacing-12, 12px));
-}
-
-.IncodeEkycRadioGroup {
+.IncodeEkycPage .IncodeEkycRadioGroup {
   width: 100%;
   max-width: 420px;
   margin-inline: auto;
 }
 
-.IncodeEkycRadioLabel {
+.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioLabel {
   margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
-  font-size: var(--text-14, var(--primitive-typography-size-14));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
   --tw-leading: 1;
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  line-height: 1;
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
   color: var(--color-input-text-label-default, var(--input-text-label-default));
+  line-height: 1;
   display: block;
 }
 
-.IncodeEkycRadioOptions {
+.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioOptions {
   gap: var(--spacing-24, var(--spacing-24, 24px));
   display: flex;
 }
 
-.IncodeEkycRadioOption {
-  cursor: pointer;
-  align-items: center;
-  gap: var(--spacing-12, var(--spacing-12, 12px));
-  font-size: var(--text-16, var(--primitive-typography-size-16));
-  --tw-leading: 1;
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  line-height: 1;
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  color: var(--color-radio-button-text-default, var(--radio-button-text-default));
-  display: flex;
-}
-
-.IncodeEkycRadioOption input[type="radio"] {
-  margin: var(--spacing-0, var(--spacing-none, 0px));
-  cursor: pointer;
-  border-radius: var(--radius-full, var(--border-radius-full));
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-bold, var(--primitive-border-width-2));
-  border-color: var(--color-radio-button-border-default, var(--radio-button-border-default));
-  background-color: var(--color-radio-button-surface-default, var(--radio-button-surface-default));
-  appearance: none;
-  width: 28px;
-  min-width: 28px;
-  height: 28px;
-  min-height: 28px;
-  position: relative;
-}
-
-.IncodeEkycRadioOption input[type="radio"]:after {
-  inset: var(--spacing-0, var(--spacing-none, 0px));
-  border-radius: var(--radius-full, var(--border-radius-full));
-  opacity: 0;
-  content: "";
-  background-color: var(--color-radio-button-icon-default, var(--radio-button-icon-default));
-  width: 10px;
-  height: 10px;
-  margin: auto;
-  display: block;
-  position: absolute;
-}
-
-.IncodeEkycRadioOption input[type="radio"]:checked {
-  background-color: var(--color-radio-button-surface-selected, var(--radio-button-surface-selected));
-  border-color: var(--color-button-primary-border-default, var(--button-primary-border-default));
-}
-
-.IncodeEkycRadioOption input[type="radio"]:checked:after {
-  opacity: 1;
-}
-
-.IncodeEkycFieldError {
+.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycFieldError {
   margin-top: var(--spacing-8, var(--spacing-8, 8px));
-  font-size: var(--text-14, var(--primitive-typography-size-14));
+  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);
   color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
   display: block;
 }
 
-.IncodeEkycSubmitError {
-  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
-  text-align: center;
-  font-size: var(--text-16, var(--primitive-typography-size-16));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
-  margin-top: 0;
-}
-
-.IncodeAddressAutocomplete {
+.IncodeEkycPage .IncodeAddressAutocomplete {
   width: 100%;
   position: relative;
 }
 
-.IncodeAddressAutocompleteSuggestions {
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestions {
   right: var(--spacing-0, var(--spacing-none, 0px));
   left: var(--spacing-0, var(--spacing-none, 0px));
   z-index: 10;
@@ -206,78 +160,62 @@
   box-shadow: 0 2px 8px #00000026;
 }
 
-.IncodeAddressAutocompleteSuggestion {
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestion {
   cursor: pointer;
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 1px;
   border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
   padding-inline: var(--spacing-16, var(--spacing-16, 16px));
   padding-block: var(--spacing-12, var(--spacing-12, 12px));
-  font-size: var(--text-16, var(--primitive-typography-size-16));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  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-dropdown-text-input-default, var(--dropdown-text-input-default));
 }
 
-.IncodeAddressAutocompleteSuggestion:last-child {
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestion:last-child {
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 0;
 }
 
-.IncodeAddressAutocompleteSuggestion:hover {
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestion:hover, .IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestionActive {
   background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
 }
 
-.IncodeAddressAutocompleteModalOverlay {
-  inset: var(--spacing-0, var(--spacing-none, 0px));
-  z-index: 50;
-  background-color: var(--color-surface-neutral-1000, var(--surface-neutral-1000));
-  align-items: flex-end;
-  display: flex;
-  position: fixed;
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  .IncodeAddressAutocompleteModalOverlay {
-    background-color: color-mix(in oklab, var(--color-surface-neutral-1000, var(--surface-neutral-1000)) 50%, transparent);
-  }
-}
-
-.IncodeAddressAutocompleteModal {
-  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
-  border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
-  flex-direction: column;
-  width: 100%;
-  max-height: 90vh;
-  display: flex;
-}
-
-.IncodeAddressAutocompleteModalHeader {
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalHeader {
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 1px;
   border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
-  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
   padding-block: var(--spacing-16, var(--spacing-16, 16px));
   justify-content: space-between;
   align-items: center;
   display: flex;
 }
 
-.IncodeAddressAutocompleteModalHeader h3 {
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalHeader h3 {
   margin: var(--spacing-0, var(--spacing-none, 0px));
-  font-size: var(--text-18, var(--primitive-typography-size-18));
-  --tw-font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
-  font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h4-size);
+  font-weight: var(--typography-headline-h4-weight);
+  line-height: var(--typography-headline-h4-line-height);
+  letter-spacing: var(--typography-headline-h4-letter-spacing);
   color: var(--color-input-text-label-default, var(--input-text-label-default));
 }
 
-.IncodeAddressAutocompleteModalClose {
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalHeader .IncodeAddressAutocompleteModalClose {
   cursor: pointer;
   border-style: var(--tw-border-style);
   border-width: var(--border-width-none, var(--primitive-border-width-0));
   --tw-border-style: none;
   padding: var(--spacing-0, var(--spacing-none, 0px));
-  font-size: var(--text-24, var(--primitive-typography-size-24));
+  font-family: var(--typography-input-dropdown-family);
+  font-size: var(--typography-input-dropdown-l-size);
+  font-weight: var(--typography-input-dropdown-l-weight);
+  line-height: var(--typography-input-dropdown-l-line-height);
+  letter-spacing: var(--typography-input-dropdown-l-letter-spacing);
   --tw-leading: 1;
   color: var(--color-text-body-secondary, var(--text-body-500-secondary));
   background-color: #0000;
@@ -285,14 +223,14 @@
   line-height: 1;
 }
 
-.IncodeAddressAutocompleteModalBody {
-  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody {
+  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
   padding-block: var(--spacing-16, var(--spacing-16, 16px));
   flex: 1;
   overflow-y: auto;
 }
 
-.IncodeAddressAutocompleteModalInput {
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalInput {
   margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
   border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
@@ -302,37 +240,49 @@
   width: 100%;
   padding-inline: var(--spacing-16, var(--spacing-16, 16px));
   padding-block: var(--spacing-12, var(--spacing-12, 12px));
-  font-size: var(--text-16, var(--primitive-typography-size-16));
+  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-input-text-field-default, var(--input-text-field-default));
   --tw-outline-style: none;
   outline-style: none;
 }
 
-.IncodeAddressAutocompleteModalInput::placeholder {
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalInput::placeholder {
   color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
 }
 
-.IncodeAddressAutocompleteModalInput:focus {
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalInput:focus {
   border-color: var(--color-input-border-focused, var(--input-border-focused));
 }
 
-.IncodeAddressAutocompleteModalSuggestions {
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalSuggestions {
   margin: var(--spacing-0, var(--spacing-none, 0px));
   padding: var(--spacing-0, var(--spacing-none, 0px));
   list-style-type: none;
 }
 
-.IncodeAddressAutocompleteModalSuggestion {
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalSuggestion {
   cursor: pointer;
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 1px;
   border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
   padding-block: var(--spacing-12, var(--spacing-12, 12px));
-  font-size: var(--text-14, var(--primitive-typography-size-14));
+  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);
   color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
 }
 
-.IncodeAddressAutocompleteEnterManually {
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalSuggestionActive {
+  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
+}
+
+.IncodeEkycPage .IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteEnterManually {
   margin-top: var(--spacing-12, var(--spacing-12, 12px));
   cursor: pointer;
   border-radius: var(--radius-small, var(--border-radius-small));
@@ -342,16 +292,15 @@
   width: 100%;
   padding: var(--spacing-12, var(--spacing-12, 12px));
   text-align: center;
-  font-size: var(--text-14, var(--primitive-typography-size-14));
+  font-family: var(--typography-button-family);
+  font-size: var(--typography-button-s-size);
+  font-weight: var(--typography-button-s-weight);
+  line-height: var(--typography-button-s-line-height);
+  letter-spacing: var(--typography-button-s-letter-spacing);
   color: var(--color-button-secondary-text-default, var(--button-secondary-text-default));
   background-color: #0000;
 }
 
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false
-}
-
 @property --tw-leading {
   syntax: "*";
   inherits: false

package/dist/ekycModule-Bw-Zs4MH.js

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

package/dist/ekycModule-DOVTiBfn.js

@@ -0,0 +1,250 @@
+import { n as e } from "./i18n-B3g2cb7v.js";
+import { _ as t, d as n, h as r, l as i, p as a, v as o } from "./vendor-preact-D6SntenC.js";
+import { i as s, o as c, t as l } from "./incodeComponent-dxwR00fd.js";
+import { t as u } from "./page-D5Mt-0zn.js";
+import { t as d } from "./spinner-DyRQfsz_.js";
+import { t as f } from "./button-4-ToV5B_.js";
+import { t as p } from "./verificationResult-VtriXVEd.js";
+import { n as m, t as h } from "./formField-Co4Kh1a4.js";
+import { t as g } from "./phoneInputComposed-BSn0WlMA.js";
+import { t as _ } from "./dropdownComposed-B4Ebk486.js";
+import { t as v } from "./dateInputComposed-CBvZmLBy.js";
+import { t as y } from "./radioButtonComposed-o86b9OGB.js";
+import { t as b } from "./incodeModule-BH9gV7jI.js";
+import { t as x } from "./addressAutocomplete-DTrgJzUp.js";
+import { computeEkycDisplayErrors as S, createEkycManager as C } from "@incodetech/core/ekyc";
+//#region src/modules/ekyc/ekycModule.tsx
+var w = ({ config: n, onFinish: r }) => {
+	let { t: i } = e(), [a, s] = c(() => C({ config: n }));
+	return t(() => {
+		(a.status === "finished" || a.status === "closed") && r?.();
+	}, [a.status, r]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ o(p, {
+		status: "submitting",
+		submittingTitle: i("common.loading")
+	}) : a.status === "submitting" ? /* @__PURE__ */ o(u, {
+		className: "IncodeEkycPage",
+		children: /* @__PURE__ */ o(d, {
+			fullScreen: !1,
+			title: i("common.processing"),
+			className: "IncodeEkycSpinner"
+		})
+	}) : a.status === "success" ? /* @__PURE__ */ o(p, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ o(p, {
+		status: "failure",
+		onRetry: () => s.retry(),
+		onSkip: () => s.skip()
+	}) : a.status === "misconfigured" ? /* @__PURE__ */ o(p, {
+		status: "failure",
+		failureTitle: i("verification.noFormFields"),
+		onSkip: () => s.close(),
+		skipLabel: i("common.close")
+	}) : a.status === "form" ? /* @__PURE__ */ o(E, {
+		state: a,
+		manager: s
+	}) : null;
+}, T = [
+	"street",
+	"city",
+	"state",
+	"postalCode",
+	"houseNo"
+], E = ({ state: c, manager: l }) => {
+	let { fields: d, values: p, errors: b, isValid: C, addressSuggestions: w, prefilled: E, hideEmail: D, fieldsCountry: O, submitError: k, submitAttempted: A } = c, { t: j } = e(), M = i(null), N = i(null), P = i(void 0), F = s(M, d.length), [I, L] = a({}), R = r((e) => {
+		L((t) => t[e] ? t : {
+			...t,
+			[e]: !0
+		});
+	}, []), { displayErrors: z, errorParams: B } = n(() => S(b, I, A, O, d), [
+		b,
+		I,
+		A,
+		O,
+		d
+	]), V = r((e) => R(e), [R]), H = r((e, t) => {
+		R(e), l.setField(e, t);
+	}, [l, R]), U = r((e) => {
+		for (let e of T) R(e);
+		l.selectAddress(e);
+	}, [l, R]);
+	t(() => {
+		let e = z.postalCode, t = P.current;
+		if (P.current = e, !e || t === e) return;
+		let n = requestAnimationFrame(() => {
+			let e = N.current;
+			e && (e.querySelector("#postalCode-error") ?? e).scrollIntoView({
+				behavior: "smooth",
+				block: "nearest"
+			});
+		});
+		return () => cancelAnimationFrame(n);
+	}, [z.postalCode]);
+	let W = (e, t) => m(j, t, B[e]), G;
+	return /* @__PURE__ */ o(u, {
+		className: `IncodeEkycPage${F ? " IncodeEkycPageScrollable" : ""}`,
+		title: j("verification.title"),
+		children: [/* @__PURE__ */ o("div", {
+			ref: M,
+			className: "IncodeEkycForm",
+			children: d.map((e) => {
+				if (e.name === "email" && D) return null;
+				let t = null;
+				e.section && e.section !== G && (G = e.section, t = /* @__PURE__ */ o("h3", {
+					className: "IncodeEkycSectionHeader",
+					children: j({
+						address: "verification.labels.addressDetailsSection",
+						driverLicense: "verification.labels.dlDetailsSection"
+					}[e.section] ?? e.section)
+				}));
+				let n = e.readonly || E[e.name], r = p[e.name] ?? "", i = z[e.name];
+				if (e.name === "street" && e.section === "address") return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(x, {
+					label: e.label,
+					value: r,
+					error: i,
+					errorParams: B[e.name],
+					suggestions: w,
+					readonly: n,
+					optional: !e.required,
+					onChange: (e) => H("street", e),
+					onSearch: (e) => l.searchAddress(e),
+					onSelect: U,
+					onBlur: () => V("street")
+				})] }, e.name);
+				if (e.type === "dropdown") {
+					let a = j(e.label);
+					return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(_, {
+						id: `ekyc-${e.name}`,
+						label: a,
+						placeholder: e.placeholder ? j(e.placeholder) : void 0,
+						value: r,
+						options: (e.options ?? []).map((e) => ({
+							...e,
+							label: j(e.label)
+						})),
+						error: W(e.name, i),
+						disabled: n,
+						searchable: !0,
+						onChange: (t) => H(e.name, t),
+						onBlur: () => V(e.name),
+						"data-testid": `ekyc-field-${e.name}`
+					})] }, e.name);
+				}
+				if (e.type === "date") {
+					let a = j(e.label);
+					return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(v, {
+						id: `ekyc-${e.name}`,
+						label: a,
+						value: r,
+						error: W(e.name, i),
+						disabled: n,
+						onInput: (t) => {
+							let n = t.target;
+							H(e.name, n.value);
+						},
+						onBlur: () => V(e.name),
+						"data-testid": `ekyc-field-${e.name}`
+					})] }, e.name);
+				}
+				if (e.type === "phone") {
+					let a = j(e.label);
+					return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(g, {
+						id: `ekyc-${e.name}`,
+						label: a,
+						countryCode: O,
+						value: r,
+						placeholder: e.placeholder,
+						error: W(e.name, i),
+						disabled: n,
+						disableCountrySelector: e.disableCountrySelector,
+						required: !1,
+						onChange: (t) => H(e.name, t),
+						onBlur: () => V(e.name),
+						"data-testid": `ekyc-field-${e.name}`
+					})] }, e.name);
+				}
+				if (e.type === "radio") {
+					let a = `ekyc-${e.name}-label`, s = `ekyc-${e.name}-error`;
+					return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o("div", {
+						className: "IncodeEkycRadioGroup",
+						role: "radiogroup",
+						"aria-labelledby": a,
+						children: [
+							/* @__PURE__ */ o("span", {
+								id: a,
+								className: "IncodeEkycRadioLabel",
+								children: j(e.label)
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "IncodeEkycRadioOptions",
+								children: e.options?.map((t) => /* @__PURE__ */ o(y, {
+									id: `ekyc-${e.name}-${t.value}`,
+									name: e.name,
+									label: j(t.label),
+									checked: r === t.value,
+									value: t.value,
+									onChange: () => H(e.name, t.value),
+									onBlur: () => V(e.name),
+									disabled: n,
+									"aria-describedby": i ? s : void 0,
+									"aria-invalid": !!i,
+									showErrorIcon: !1
+								}, t.value))
+							}),
+							i && /* @__PURE__ */ o("p", {
+								id: s,
+								className: "IncodeEkycFieldError",
+								role: "alert",
+								children: W(e.name, i)
+							})
+						]
+					})] }, e.name);
+				}
+				return /* @__PURE__ */ o("div", {
+					ref: e.name === "postalCode" ? N : void 0,
+					children: [t, /* @__PURE__ */ o(h, {
+						name: e.name,
+						label: e.label,
+						displayLabel: e.displayLabel,
+						value: r,
+						error: i,
+						errorParams: B[e.name],
+						type: e.type,
+						placeholder: e.placeholder,
+						placeholderParams: e.placeholderParams,
+						required: e.required,
+						optional: e.optional,
+						readonly: n,
+						maxLength: e.maxLength,
+						onChange: H,
+						onBlur: V
+					})]
+				}, e.name);
+			})
+		}), /* @__PURE__ */ o("div", {
+			className: "IncodeEkycFooter",
+			children: [
+				k && /* @__PURE__ */ o("p", {
+					className: "IncodeEkycSubmitError",
+					role: "alert",
+					children: j(k)
+				}),
+				/* @__PURE__ */ o(f, {
+					onClick: () => l.submit(),
+					disabled: !C,
+					"data-testid": "ekyc-submit",
+					children: j("common.continue")
+				}),
+				k === "verification.errors.countryNotSupported" && /* @__PURE__ */ o(f, {
+					variant: "link",
+					onClick: () => l.skip(),
+					"data-testid": "ekyc-skip",
+					children: j("verification.labels.skip")
+				})
+			]
+		})]
+	});
+}, D = ({ config: e, onFinish: t }) => /* @__PURE__ */ o(l, { children: e ? /* @__PURE__ */ o(w, {
+	config: e,
+	onFinish: t
+}) : null });
+b(D, "incode-ekyc");
+//#endregion
+export { D as t };

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

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