@incodetech/web 0.0.0-dev-20260311-e7ef89b → 0.0.0-dev-20260311-358bd51

package/dist/curp-validation/styles.css

@@ -115,6 +115,10 @@
   background-color: var(--color-input-surface-active, var(--input-surface-active));
 }
 
+.IncodeDateInputComposedInput[aria-invalid="true"] {
+  border-color: var(--color-input-border-negative, var(--input-border-negative));
+}
+
 .IncodeDateInputComposedInput:disabled {
   cursor: not-allowed;
   border-color: var(--color-input-border-disabled, var(--input-border-disabled));

package/dist/{ekybModule-C0QO-CSj.js → ekybModule-DexnANPQ.js}

@@ -3,7 +3,7 @@ import { SUPPORTED_COUNTRIES as I, DEV_ONLY_COUNTRIES as R, createEkybManager as
 import { T as w, y as v, A as L, k as A } from "./vendor-preact-DP-hbKuj.js";
 import "./uiConfig-B8PUPgHY.js";
 import "@incodetech/core";
-import { F as P, V as E, u as O } from "./verificationResult-DNP30nAT.js";
+import { F as P, V as E, u as O } from "./verificationResult-BfLzIvM8.js";
 import { P as T } from "./page-Bdz8JP3P.js";
 import { D as f, I as N } from "./dropdownComposed-DgA0fNAh.js";
 function B(e) {

package/dist/ekyc/styles.css

@@ -145,6 +145,14 @@
   display: block;
 }
 
+.IncodeEkyc__submitError {
+  color: var(--input-text-helper-negative, #dc2626);
+  text-align: center;
+  margin: 0 0 12px;
+  font-size: 16px;
+  font-weight: 500;
+}
+
 .IncodeAddressAutocomplete {
   width: 100%;
   position: relative;

package/dist/ekycModule-D8_or1xq.js

@@ -0,0 +1,466 @@
+import { u as t, b as O, I as H, a as U, S as j, B as Q, r as W } from "./incodeModule-7zNv7YeX.js";
+import { createEkycManager as z } from "@incodetech/core/ekyc";
+import { d as w, A as x, T as R, y as F, q as M } from "./vendor-preact-DP-hbKuj.js";
+import "./uiConfig-B8PUPgHY.js";
+import "@incodetech/core";
+import { V as D, u as G, F as Y } from "./verificationResult-BfLzIvM8.js";
+import { D as J } from "./dateInputComposed-Badm2Tzx.js";
+import { I as B, D as K } from "./dropdownComposed-DgA0fNAh.js";
+import { P as X } from "./page-Bdz8JP3P.js";
+import { c as Z, g as L, p as V, A as T } from "./countries-DDCxQhGs.js";
+import { u as ee } from "./useMediaQuery-Rn91JcLv.js";
+const te = ({
+  id: f,
+  label: d,
+  countryCode: b = "US",
+  value: r,
+  placeholder: a = "(123) 123-6789",
+  error: C,
+  disabled: k = !1,
+  disableCountrySelector: $ = !1,
+  required: N,
+  onChange: v,
+  "data-testid": P
+}) => {
+  const [p, l] = w(b), [I, A] = w(""), E = x(!1), g = R(
+    () => Z.map((s) => ({
+      value: s.code,
+      label: `${s.emoji} ${s.callingCode} ${s.name}`
+    })),
+    []
+  ), i = R(
+    () => L(p) ?? L("US"),
+    [p]
+  );
+  F(() => {
+    if (E.current || !r || !i) return;
+    E.current = !0;
+    const s = r.startsWith("+") ? r : `+${r}`, o = V(s);
+    if (o?.isValid() && o.country) {
+      o.country !== p && l(o.country);
+      const c = new T(o.country);
+      A(c.input(o.nationalNumber));
+    }
+  }, [r, i, p]);
+  const _ = M(
+    (s, o) => {
+      const c = `${o.callingCode}${s.replace(/\D/g, "")}`;
+      try {
+        const S = V(c, o.code);
+        v?.(c, S?.isValid() ?? !1);
+      } catch {
+        v?.(c, !1);
+      }
+    },
+    [v]
+  ), e = M(
+    (s) => {
+      l(s);
+      const o = L(s);
+      o && I && _(I, o);
+    },
+    [I, _]
+  ), u = M(
+    (s) => {
+      const o = s.target.value;
+      if (!i) {
+        A(o);
+        return;
+      }
+      const c = `${i.callingCode}${o}`, n = new T(i.code).input(c).replace(i.callingCode, "").trimStart();
+      A(n), _(o, i);
+    },
+    [i, _]
+  ), y = `${f}-country`, h = `${f}-phone`;
+  return /* @__PURE__ */ t(
+    K,
+    {
+      id: y,
+      label: d,
+      options: g,
+      value: p,
+      onChange: e,
+      error: C,
+      disabled: k || $,
+      required: N,
+      searchable: !0,
+      searchPlaceholder: "Search countries...",
+      renderSelectedLabel: (s) => {
+        const o = L(s.value);
+        return o ? `${o.emoji} ${o.callingCode}` : s.label;
+      },
+      class: "IncodePhoneInputComposed",
+      siblingElement: /* @__PURE__ */ t(
+        B,
+        {
+          id: h,
+          type: "tel",
+          value: I,
+          onInput: u,
+          placeholder: a,
+          error: C,
+          disabled: k,
+          suppressMessages: !0,
+          "aria-label": "Phone number",
+          "data-testid": P
+        }
+      )
+    }
+  );
+}, oe = ({
+  label: f,
+  value: d,
+  error: b,
+  suggestions: r,
+  readonly: a,
+  optional: C,
+  onChange: k,
+  onSearch: $,
+  onSelect: N
+}) => {
+  const { t: v } = O(), [P, p] = w(!1), [l, I] = w(!1), [A, E] = w(""), [g, i] = w(-1), _ = x(null), e = "ekyc-address-listbox", u = ee(), y = v(f), h = C ? `${y} (${v("common.optional")})` : y;
+  F(() => {
+    function n(m) {
+      _.current && !_.current.contains(m.target) && p(!1);
+    }
+    return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
+  }, []), F(() => {
+    i(-1);
+  }, [r]);
+  const s = M(
+    (n) => {
+      N(n), p(!1), I(!1), i(-1);
+    },
+    [N]
+  ), o = (n) => {
+    k(n), n.length >= 3 ? u ? (I(!0), E(n)) : ($(n), p(!0)) : p(!1);
+  }, c = (n) => {
+    !P || r.length === 0 || (n.key === "ArrowDown" ? (n.preventDefault(), i((m) => m < r.length - 1 ? m + 1 : 0)) : n.key === "ArrowUp" ? (n.preventDefault(), i((m) => m > 0 ? m - 1 : r.length - 1)) : n.key === "Enter" && g >= 0 ? (n.preventDefault(), s(r[g])) : n.key === "Escape" && (p(!1), i(-1)));
+  }, S = !u && P && r.length > 0, q = S && g >= 0 ? `${e}-option-${g}` : void 0;
+  return /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete", ref: _, children: [
+    /* @__PURE__ */ t(
+      B,
+      {
+        id: "ekyc-street",
+        label: h,
+        name: "street",
+        value: d,
+        readOnly: a,
+        error: b ? v(b) : void 0,
+        onInput: (n) => o(n.target.value),
+        onKeyDown: c,
+        role: "combobox",
+        "aria-expanded": S,
+        "aria-controls": e,
+        "aria-activedescendant": q,
+        "aria-autocomplete": "list",
+        "data-testid": "ekyc-address-input"
+      }
+    ),
+    S && /* @__PURE__ */ t(
+      "ul",
+      {
+        id: e,
+        role: "listbox",
+        className: "IncodeAddressAutocomplete__suggestions",
+        children: r.map((n, m) => /* @__PURE__ */ t(
+          "li",
+          {
+            id: `${e}-option-${m}`,
+            role: "option",
+            "aria-selected": m === g,
+            className: `IncodeAddressAutocomplete__suggestion${m === g ? "IncodeAddressAutocomplete__suggestion--active" : ""}`,
+            onClick: () => s(n),
+            children: n.label
+          },
+          n.id
+        ))
+      }
+    ),
+    u && l && /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete__modalOverlay", children: /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete__modal", children: [
+      /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete__modalHeader", children: [
+        /* @__PURE__ */ t("h3", { children: v("verification.addressSearch") }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            className: "IncodeAddressAutocomplete__modalClose",
+            onClick: () => I(!1),
+            type: "button",
+            children: "×"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete__modalBody", children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            className: "IncodeAddressAutocomplete__modalInput",
+            type: "text",
+            value: A,
+            placeholder: v("verification.addressPlaceholder"),
+            onInput: (n) => {
+              const m = n.target.value;
+              E(m), m.length >= 3 && $(m);
+            },
+            autoFocus: !0
+          }
+        ),
+        r.length > 0 && /* @__PURE__ */ t(
+          "ul",
+          {
+            role: "listbox",
+            className: "IncodeAddressAutocomplete__modalSuggestions",
+            children: r.map((n) => /* @__PURE__ */ t(
+              "li",
+              {
+                role: "option",
+                className: "IncodeAddressAutocomplete__modalSuggestion",
+                onClick: () => s(n),
+                children: n.label
+              },
+              n.id
+            ))
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            className: "IncodeAddressAutocomplete__enterManually",
+            onClick: () => I(!1),
+            type: "button",
+            children: v("verification.enterManually")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}, se = ({ config: f, onFinish: d, onError: b }) => {
+  const { t: r } = O(), [a, C] = U(() => z({ config: f }));
+  F(() => {
+    (a.status === "finished" || a.status === "closed") && d?.();
+  }, [a.status, d]);
+  const k = a.status === "error" ? a.errorMessage : void 0;
+  return F(() => {
+    a.status === "error" && b?.(k);
+  }, [a.status, b, k]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ t(
+    D,
+    {
+      status: "submitting",
+      submittingTitle: r("common.loading")
+    }
+  ) : a.status === "submitting" ? /* @__PURE__ */ t(D, { status: "submitting" }) : a.status === "success" ? /* @__PURE__ */ t(D, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ t(
+    D,
+    {
+      status: "failure",
+      onRetry: () => C.retry(),
+      onSkip: () => C.skip()
+    }
+  ) : a.status === "misconfigured" ? /* @__PURE__ */ t(
+    D,
+    {
+      status: "failure",
+      failureTitle: r("verification.noFormFields"),
+      onSkip: () => C.close(),
+      skipLabel: r("common.close")
+    }
+  ) : a.status === "form" ? /* @__PURE__ */ t(ne, { state: a, manager: C }) : null;
+}, ne = ({ state: f, manager: d }) => {
+  const {
+    fields: b,
+    values: r,
+    displayErrors: a,
+    errorParams: C,
+    isValid: k,
+    addressSuggestions: $,
+    prefilled: N,
+    hideEmail: v,
+    fieldsCountry: P,
+    submitError: p
+  } = f, { t: l } = O(), I = x(null), A = x(null), E = x(void 0), g = G(I, b.length);
+  F(() => {
+    const e = a.postalCode, u = E.current;
+    if (E.current = e, !e || u === e)
+      return;
+    const y = requestAnimationFrame(() => {
+      const h = A.current;
+      if (!h) return;
+      (h.querySelector("#postalCode-error") ?? h).scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    });
+    return () => cancelAnimationFrame(y);
+  }, [a.postalCode]);
+  let i;
+  return /* @__PURE__ */ t(X, { className: `IncodeEkycPage${g ? " IncodeEkycPage--scrollable" : ""}`, title: l("verification.title"), children: [
+    /* @__PURE__ */ t("div", { ref: I, className: "IncodeEkyc__form", children: b.map((e) => {
+      if (e.name === "email" && v) return null;
+      let u = null;
+      e.section && e.section !== i && (i = e.section, u = /* @__PURE__ */ t("h3", { className: "IncodeEkyc__sectionHeader", children: l({
+        address: "verification.labels.addressDetailsSection",
+        driverLicense: "verification.labels.dlDetailsSection"
+      }[e.section] ?? e.section) }));
+      const y = e.readonly || N[e.name], h = r[e.name] ?? "", s = a[e.name];
+      if (e.name === "street" && e.section === "address")
+        return /* @__PURE__ */ t("div", { children: [
+          u,
+          /* @__PURE__ */ t(
+            oe,
+            {
+              label: e.label,
+              value: h,
+              error: s,
+              suggestions: $,
+              readonly: y,
+              onChange: (o) => d.setField("street", o),
+              onSearch: (o) => d.searchAddress(o),
+              onSelect: (o) => d.selectAddress(o)
+            }
+          )
+        ] }, e.name);
+      if (e.type === "dropdown") {
+        const o = l(e.label);
+        return /* @__PURE__ */ t("div", { children: [
+          u,
+          /* @__PURE__ */ t(
+            K,
+            {
+              id: `ekyc-${e.name}`,
+              label: o,
+              placeholder: e.placeholder ? l(e.placeholder) : void 0,
+              value: h,
+              options: (e.options ?? []).map((c) => ({
+                ...c,
+                label: l(c.label)
+              })),
+              error: s ? l(s) : void 0,
+              disabled: y,
+              searchable: !0,
+              onChange: (c) => d.setField(e.name, c),
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      if (e.type === "date") {
+        const o = l(e.label);
+        return /* @__PURE__ */ t("div", { children: [
+          u,
+          /* @__PURE__ */ t(
+            J,
+            {
+              id: `ekyc-${e.name}`,
+              label: o,
+              value: h,
+              error: s ? l(s) : void 0,
+              disabled: y,
+              onInput: (c) => {
+                const S = c.target;
+                d.setField(e.name, S.value);
+              },
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      if (e.type === "phone") {
+        const o = l(e.label);
+        return /* @__PURE__ */ t("div", { children: [
+          u,
+          /* @__PURE__ */ t(
+            te,
+            {
+              id: `ekyc-${e.name}`,
+              label: o,
+              countryCode: P,
+              value: h,
+              placeholder: e.placeholder,
+              error: s ? l(s) : void 0,
+              disabled: y,
+              disableCountrySelector: e.disableCountrySelector,
+              required: e.required,
+              onChange: (c) => d.setField(e.name, c),
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      return e.type === "radio" ? /* @__PURE__ */ t("div", { children: [
+        u,
+        /* @__PURE__ */ t("div", { className: "IncodeEkyc__radioGroup", children: [
+          /* @__PURE__ */ t("label", { className: "IncodeEkyc__radioLabel", children: l(e.label) }),
+          /* @__PURE__ */ t("div", { className: "IncodeEkyc__radioOptions", children: e.options?.map((o) => /* @__PURE__ */ t(
+            "label",
+            {
+              className: "IncodeEkyc__radioOption",
+              children: [
+                /* @__PURE__ */ t(
+                  "input",
+                  {
+                    type: "radio",
+                    name: e.name,
+                    checked: h === o.value,
+                    value: o.value,
+                    onChange: () => d.setField(e.name, o.value),
+                    disabled: y
+                  }
+                ),
+                /* @__PURE__ */ t("span", { children: l(o.label) })
+              ]
+            },
+            o.value
+          )) }),
+          s && /* @__PURE__ */ t("span", { className: "IncodeEkyc__fieldError", children: l(s) })
+        ] })
+      ] }, e.name) : /* @__PURE__ */ t(
+        "div",
+        {
+          ref: e.name === "postalCode" ? A : void 0,
+          children: [
+            u,
+            /* @__PURE__ */ t(
+              Y,
+              {
+                name: e.name,
+                label: e.label,
+                value: h,
+                error: s,
+                errorParams: C[e.name],
+                type: e.type,
+                placeholder: e.placeholder,
+                placeholderParams: e.placeholderParams,
+                required: e.required,
+                optional: e.optional,
+                readonly: y,
+                maxLength: e.maxLength,
+                onChange: (o, c) => d.setField(o, c)
+              }
+            )
+          ]
+        },
+        e.name
+      );
+    }) }),
+    /* @__PURE__ */ t("div", { className: "IncodeEkyc__footer", children: [
+      /* @__PURE__ */ t(j, { size: 32 }),
+      p && /* @__PURE__ */ t("p", { className: "IncodeEkyc__submitError", children: l(p) }),
+      /* @__PURE__ */ t(
+        Q,
+        {
+          onClick: () => d.submit(),
+          disabled: !k,
+          "data-testid": "ekyc-submit",
+          children: l("common.continue")
+        }
+      )
+    ] })
+  ] });
+}, ae = ({
+  config: f,
+  onFinish: d,
+  onError: b
+}) => /* @__PURE__ */ t(H, { children: f ? /* @__PURE__ */ t(se, { config: f, onFinish: d, onError: b }) : null });
+W(ae, "incode-ekyc");
+export {
+  ae as EkycModule
+};

package/dist/flow/flow.es.js

@@ -147,8 +147,8 @@ const T = () => import("../id/id.es.js").then((e) => e.Id), F = {
     (e) => e.GovernmentValidation
   ),
   GEOLOCATION: () => import("../geolocation/geolocation.es.js").then((e) => e.Geolocation),
-  EXTERNAL_VERIFICATION: () => import("../ekycModule-DlnEKSR8.js").then((e) => e.EkycModule),
-  EKYB: () => import("../ekybModule-C0QO-CSj.js").then((e) => e.EkybModule),
+  EXTERNAL_VERIFICATION: () => import("../ekycModule-D8_or1xq.js").then((e) => e.EkycModule),
+  EKYB: () => import("../ekybModule-DexnANPQ.js").then((e) => e.EkybModule),
   DOCUMENT_CAPTURE: () => import("../documentCapture-ChFrtfzB.js").then(
     (e) => e.DocumentCapture
   ),

package/dist/flow/styles.css

@@ -4475,6 +4475,10 @@
   background-color: var(--color-input-surface-active, var(--input-surface-active));
 }
 
+.IncodeDateInputComposedInput[aria-invalid="true"] {
+  border-color: var(--color-input-border-negative, var(--input-border-negative));
+}
+
 .IncodeDateInputComposedInput:disabled {
   cursor: not-allowed;
   border-color: var(--color-input-border-disabled, var(--input-border-disabled));
@@ -5197,6 +5201,14 @@
   display: block;
 }
 
+.IncodeEkyc__submitError {
+  color: var(--input-text-helper-negative, #dc2626);
+  text-align: center;
+  margin: 0 0 12px;
+  font-size: 16px;
+  font-weight: 500;
+}
+
 .IncodeAddressAutocomplete {
   width: 100%;
   position: relative;

package/dist/{verificationResult-DNP30nAT.js → verificationResult-BfLzIvM8.js}

@@ -1,16 +1,16 @@
 import { d as g, y as F } from "./vendor-preact-DP-hbKuj.js";
-import { b as h, u as e, B as I } from "./incodeModule-7zNv7YeX.js";
+import { b as I, u as e, B as v } from "./incodeModule-7zNv7YeX.js";
 import "./uiConfig-B8PUPgHY.js";
 import { I as S } from "./dropdownComposed-DgA0fNAh.js";
 import { S as y, E as k } from "./successIcon-BPe0Wymn.js";
 import { P as f } from "./page-Bdz8JP3P.js";
 import { S as z } from "./spinner-BknkxcID.js";
 function H(i, o) {
-  const [a, n] = g(!1);
+  const [a, s] = g(!1);
   return F(() => {
     const t = i.current;
     if (!t) return;
-    const c = () => n(t.scrollHeight > t.clientHeight);
+    const c = () => s(t.scrollHeight > t.clientHeight);
     c();
     const r = new ResizeObserver(c);
     return r.observe(t), () => r.disconnect();
@@ -20,35 +20,35 @@ const L = ({
   name: i,
   label: o,
   value: a = "",
-  error: n,
+  error: s,
   errorParams: t,
   type: c = "text",
   placeholder: r,
   placeholderParams: u,
-  required: s,
+  required: n,
   readonly: m,
   maxLength: l,
-  disabled: v,
+  disabled: h,
   optional: _,
   onChange: V
 }) => {
-  const { t: d } = h(), p = d(o), N = _ ? `${p} (${d("common.optional")})` : p;
+  const { t: d } = I(), p = d(o), b = _ ? `${p} ${d("verification.labels.optional")}` : p;
   return /* @__PURE__ */ e("div", { className: "IncodeFormField", children: /* @__PURE__ */ e(
     S,
     {
       id: i,
-      label: N,
+      label: b,
       name: i,
       type: c,
       value: a,
       placeholder: r ? d(r, u) : void 0,
       readOnly: m,
-      disabled: v,
+      disabled: h,
       maxLength: l,
-      error: n ? d(n, t) : void 0,
-      onInput: (R) => {
-        const b = R.target;
-        V(i, b.value);
+      error: s ? d(s, t) : void 0,
+      onInput: (N) => {
+        const R = N.target;
+        V(i, R.value);
       },
       "data-testid": `form-field-${i}`
     }
@@ -57,42 +57,42 @@ const L = ({
   status: i,
   submittingTitle: o,
   successTitle: a,
-  failureTitle: n,
+  failureTitle: s,
   onRetry: t,
   onSkip: c,
   retryLabel: r,
   skipLabel: u
 }) => {
-  const { t: s } = h();
+  const { t: n } = I();
   if (i === "submitting") {
-    const l = o ?? s("verification.processing");
+    const l = o ?? n("verification.processing");
     return /* @__PURE__ */ e(f, { className: "IncodeVerificationResult", children: /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
       /* @__PURE__ */ e(z, {}),
       /* @__PURE__ */ e("p", { className: "IncodeVerificationResult__title", children: l })
     ] }) });
   }
   if (i === "success") {
-    const l = a ?? s("verification.successTitle");
+    const l = a ?? n("verification.successTitle");
     return /* @__PURE__ */ e(f, { className: "IncodeVerificationResult", children: /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
       /* @__PURE__ */ e(y, { size: 64 }),
       /* @__PURE__ */ e("p", { className: "IncodeVerificationResult__title", children: l })
     ] }) });
   }
-  const m = n ?? s("verification.failureTitle");
+  const m = s ?? n("verification.failureTitle");
   return /* @__PURE__ */ e(f, { className: "IncodeVerificationResult", children: [
     /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
       /* @__PURE__ */ e(k, { size: 64 }),
       /* @__PURE__ */ e("p", { className: "IncodeVerificationResult__title", children: m })
     ] }),
     /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__actions", children: [
-      t && /* @__PURE__ */ e(I, { onClick: t, "data-testid": "verification-retry", children: r ?? s("common.tryAgain") }),
+      t && /* @__PURE__ */ e(v, { onClick: t, "data-testid": "verification-retry", children: r ?? n("common.tryAgain") }),
       c && /* @__PURE__ */ e(
-        I,
+        v,
         {
           onClick: c,
           variant: "secondary",
           "data-testid": "verification-skip",
-          children: u ?? s("common.skip")
+          children: u ?? n("common.skip")
         }
       )
     ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260311-e7ef89b",
+  "version": "0.0.0-dev-20260311-358bd51",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -107,7 +107,7 @@
     "libphonenumber-js": "^1.11.0",
     "preact-custom-element": "^4.6.0",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260311-e7ef89b"
+    "@incodetech/core": "0.0.0-dev-20260311-358bd51"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/ekycModule-DlnEKSR8.js

@@ -1,463 +0,0 @@
-import { u as t, b as O, I as H, a as U, S as j, B as Q, r as W } from "./incodeModule-7zNv7YeX.js";
-import { createEkycManager as z } from "@incodetech/core/ekyc";
-import { d as w, A as x, T as R, y as F, q as M } from "./vendor-preact-DP-hbKuj.js";
-import "./uiConfig-B8PUPgHY.js";
-import "@incodetech/core";
-import { V as D, u as G, F as Y } from "./verificationResult-DNP30nAT.js";
-import { D as J } from "./dateInputComposed-Badm2Tzx.js";
-import { I as B, D as K } from "./dropdownComposed-DgA0fNAh.js";
-import { P as X } from "./page-Bdz8JP3P.js";
-import { c as Z, g as L, p as V, A as T } from "./countries-DDCxQhGs.js";
-import { u as ee } from "./useMediaQuery-Rn91JcLv.js";
-const te = ({
-  id: f,
-  label: c,
-  countryCode: y = "US",
-  value: l,
-  placeholder: r = "(123) 123-6789",
-  error: I,
-  disabled: k = !1,
-  disableCountrySelector: S = !1,
-  required: $,
-  onChange: b,
-  "data-testid": N
-}) => {
-  const [a, A] = w(y), [v, _] = w(""), E = x(!1), C = R(
-    () => Z.map((o) => ({
-      value: o.code,
-      label: `${o.emoji} ${o.callingCode} ${o.name}`
-    })),
-    []
-  ), i = R(
-    () => L(a) ?? L("US"),
-    [a]
-  );
-  F(() => {
-    if (E.current || !l || !i) return;
-    E.current = !0;
-    const o = l.startsWith("+") ? l : `+${l}`, s = V(o);
-    if (s?.isValid() && s.country) {
-      s.country !== a && A(s.country);
-      const g = new T(s.country);
-      _(g.input(s.nationalNumber));
-    }
-  }, [l, i, a]);
-  const e = M(
-    (o, s) => {
-      const g = `${s.callingCode}${o.replace(/\D/g, "")}`;
-      try {
-        const P = V(g, s.code);
-        b?.(g, P?.isValid() ?? !1);
-      } catch {
-        b?.(g, !1);
-      }
-    },
-    [b]
-  ), d = M(
-    (o) => {
-      A(o);
-      const s = L(o);
-      s && v && e(v, s);
-    },
-    [v, e]
-  ), h = M(
-    (o) => {
-      const s = o.target.value;
-      if (!i) {
-        _(s);
-        return;
-      }
-      const g = `${i.callingCode}${s}`, n = new T(i.code).input(g).replace(i.callingCode, "").trimStart();
-      _(n), e(s, i);
-    },
-    [i, e]
-  ), u = `${f}-country`, m = `${f}-phone`;
-  return /* @__PURE__ */ t(
-    K,
-    {
-      id: u,
-      label: c,
-      options: C,
-      value: a,
-      onChange: d,
-      error: I,
-      disabled: k || S,
-      required: $,
-      searchable: !0,
-      searchPlaceholder: "Search countries...",
-      renderSelectedLabel: (o) => {
-        const s = L(o.value);
-        return s ? `${s.emoji} ${s.callingCode}` : o.label;
-      },
-      class: "IncodePhoneInputComposed",
-      siblingElement: /* @__PURE__ */ t(
-        B,
-        {
-          id: m,
-          type: "tel",
-          value: v,
-          onInput: h,
-          placeholder: r,
-          error: I,
-          disabled: k,
-          suppressMessages: !0,
-          "aria-label": "Phone number",
-          "data-testid": N
-        }
-      )
-    }
-  );
-}, oe = ({
-  label: f,
-  value: c,
-  error: y,
-  suggestions: l,
-  readonly: r,
-  optional: I,
-  onChange: k,
-  onSearch: S,
-  onSelect: $
-}) => {
-  const { t: b } = O(), [N, a] = w(!1), [A, v] = w(!1), [_, E] = w(""), [C, i] = w(-1), e = x(null), d = "ekyc-address-listbox", h = ee(), u = b(f), m = I ? `${u} (${b("common.optional")})` : u;
-  F(() => {
-    function n(p) {
-      e.current && !e.current.contains(p.target) && a(!1);
-    }
-    return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-  }, []), F(() => {
-    i(-1);
-  }, [l]);
-  const o = M(
-    (n) => {
-      $(n), a(!1), v(!1), i(-1);
-    },
-    [$]
-  ), s = (n) => {
-    k(n), n.length >= 3 ? h ? (v(!0), E(n)) : (S(n), a(!0)) : a(!1);
-  }, g = (n) => {
-    !N || l.length === 0 || (n.key === "ArrowDown" ? (n.preventDefault(), i((p) => p < l.length - 1 ? p + 1 : 0)) : n.key === "ArrowUp" ? (n.preventDefault(), i((p) => p > 0 ? p - 1 : l.length - 1)) : n.key === "Enter" && C >= 0 ? (n.preventDefault(), o(l[C])) : n.key === "Escape" && (a(!1), i(-1)));
-  }, P = !h && N && l.length > 0, q = P && C >= 0 ? `${d}-option-${C}` : void 0;
-  return /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete", ref: e, children: [
-    /* @__PURE__ */ t(
-      B,
-      {
-        id: "ekyc-street",
-        label: m,
-        name: "street",
-        value: c,
-        readOnly: r,
-        error: y ? b(y) : void 0,
-        onInput: (n) => s(n.target.value),
-        onKeyDown: g,
-        role: "combobox",
-        "aria-expanded": P,
-        "aria-controls": d,
-        "aria-activedescendant": q,
-        "aria-autocomplete": "list",
-        "data-testid": "ekyc-address-input"
-      }
-    ),
-    P && /* @__PURE__ */ t(
-      "ul",
-      {
-        id: d,
-        role: "listbox",
-        className: "IncodeAddressAutocomplete__suggestions",
-        children: l.map((n, p) => /* @__PURE__ */ t(
-          "li",
-          {
-            id: `${d}-option-${p}`,
-            role: "option",
-            "aria-selected": p === C,
-            className: `IncodeAddressAutocomplete__suggestion${p === C ? "IncodeAddressAutocomplete__suggestion--active" : ""}`,
-            onClick: () => o(n),
-            children: n.label
-          },
-          n.id
-        ))
-      }
-    ),
-    h && A && /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete__modalOverlay", children: /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete__modal", children: [
-      /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete__modalHeader", children: [
-        /* @__PURE__ */ t("h3", { children: b("verification.addressSearch") }),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            className: "IncodeAddressAutocomplete__modalClose",
-            onClick: () => v(!1),
-            type: "button",
-            children: "×"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete__modalBody", children: [
-        /* @__PURE__ */ t(
-          "input",
-          {
-            className: "IncodeAddressAutocomplete__modalInput",
-            type: "text",
-            value: _,
-            placeholder: b("verification.addressPlaceholder"),
-            onInput: (n) => {
-              const p = n.target.value;
-              E(p), p.length >= 3 && S(p);
-            },
-            autoFocus: !0
-          }
-        ),
-        l.length > 0 && /* @__PURE__ */ t(
-          "ul",
-          {
-            role: "listbox",
-            className: "IncodeAddressAutocomplete__modalSuggestions",
-            children: l.map((n) => /* @__PURE__ */ t(
-              "li",
-              {
-                role: "option",
-                className: "IncodeAddressAutocomplete__modalSuggestion",
-                onClick: () => o(n),
-                children: n.label
-              },
-              n.id
-            ))
-          }
-        ),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            className: "IncodeAddressAutocomplete__enterManually",
-            onClick: () => v(!1),
-            type: "button",
-            children: b("verification.enterManually")
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-}, se = ({ config: f, onFinish: c, onError: y }) => {
-  const { t: l } = O(), [r, I] = U(() => z({ config: f }));
-  F(() => {
-    (r.status === "finished" || r.status === "closed") && c?.();
-  }, [r.status, c]);
-  const k = r.status === "error" ? r.errorMessage : void 0;
-  return F(() => {
-    r.status === "error" && y?.(k);
-  }, [r.status, y, k]), r.status === "finished" || r.status === "closed" ? null : r.status === "loading" ? /* @__PURE__ */ t(
-    D,
-    {
-      status: "submitting",
-      submittingTitle: l("common.loading")
-    }
-  ) : r.status === "submitting" ? /* @__PURE__ */ t(D, { status: "submitting" }) : r.status === "success" ? /* @__PURE__ */ t(D, { status: "success" }) : r.status === "error" ? /* @__PURE__ */ t(
-    D,
-    {
-      status: "failure",
-      onRetry: () => I.retry(),
-      onSkip: () => I.skip()
-    }
-  ) : r.status === "misconfigured" ? /* @__PURE__ */ t(
-    D,
-    {
-      status: "failure",
-      failureTitle: l("verification.noFormFields"),
-      onSkip: () => I.close(),
-      skipLabel: l("common.close")
-    }
-  ) : r.status === "form" ? /* @__PURE__ */ t(ne, { state: r, manager: I }) : null;
-}, ne = ({ state: f, manager: c }) => {
-  const {
-    fields: y,
-    values: l,
-    displayErrors: r,
-    errorParams: I,
-    isValid: k,
-    addressSuggestions: S,
-    prefilled: $,
-    hideEmail: b,
-    fieldsCountry: N
-  } = f, { t: a } = O(), A = x(null), v = x(null), _ = x(void 0), E = G(A, y.length);
-  F(() => {
-    const e = r.postalCode, d = _.current;
-    if (_.current = e, !e || d === e)
-      return;
-    const h = requestAnimationFrame(() => {
-      const u = v.current;
-      if (!u) return;
-      (u.querySelector("#postalCode-error") ?? u).scrollIntoView({
-        behavior: "smooth",
-        block: "nearest"
-      });
-    });
-    return () => cancelAnimationFrame(h);
-  }, [r.postalCode]);
-  let C;
-  return /* @__PURE__ */ t(X, { className: `IncodeEkycPage${E ? " IncodeEkycPage--scrollable" : ""}`, title: a("verification.title"), children: [
-    /* @__PURE__ */ t("div", { ref: A, className: "IncodeEkyc__form", children: y.map((e) => {
-      if (e.name === "email" && b) return null;
-      let d = null;
-      e.section && e.section !== C && (C = e.section, d = /* @__PURE__ */ t("h3", { className: "IncodeEkyc__sectionHeader", children: a({
-        address: "verification.labels.addressDetailsSection",
-        driverLicense: "verification.labels.dlDetailsSection"
-      }[e.section] ?? e.section) }));
-      const h = e.readonly || $[e.name], u = l[e.name] ?? "", m = r[e.name];
-      if (e.name === "street" && e.section === "address")
-        return /* @__PURE__ */ t("div", { children: [
-          d,
-          /* @__PURE__ */ t(
-            oe,
-            {
-              label: e.label,
-              value: u,
-              error: m,
-              suggestions: S,
-              readonly: h,
-              onChange: (o) => c.setField("street", o),
-              onSearch: (o) => c.searchAddress(o),
-              onSelect: (o) => c.selectAddress(o)
-            }
-          )
-        ] }, e.name);
-      if (e.type === "dropdown") {
-        const o = a(e.label);
-        return /* @__PURE__ */ t("div", { children: [
-          d,
-          /* @__PURE__ */ t(
-            K,
-            {
-              id: `ekyc-${e.name}`,
-              label: o,
-              placeholder: e.placeholder ? a(e.placeholder) : void 0,
-              value: u,
-              options: (e.options ?? []).map((s) => ({
-                ...s,
-                label: a(s.label)
-              })),
-              error: m ? a(m) : void 0,
-              disabled: h,
-              searchable: !0,
-              onChange: (s) => c.setField(e.name, s),
-              "data-testid": `ekyc-field-${e.name}`
-            }
-          )
-        ] }, e.name);
-      }
-      if (e.type === "date") {
-        const o = a(e.label);
-        return /* @__PURE__ */ t("div", { children: [
-          d,
-          /* @__PURE__ */ t(
-            J,
-            {
-              id: `ekyc-${e.name}`,
-              label: o,
-              value: u,
-              error: m ? a(m) : void 0,
-              disabled: h,
-              onInput: (s) => {
-                const g = s.target;
-                c.setField(e.name, g.value);
-              },
-              "data-testid": `ekyc-field-${e.name}`
-            }
-          )
-        ] }, e.name);
-      }
-      if (e.type === "phone") {
-        const o = a(e.label);
-        return /* @__PURE__ */ t("div", { children: [
-          d,
-          /* @__PURE__ */ t(
-            te,
-            {
-              id: `ekyc-${e.name}`,
-              label: o,
-              countryCode: N,
-              value: u,
-              placeholder: e.placeholder,
-              error: m ? a(m) : void 0,
-              disabled: h,
-              disableCountrySelector: e.disableCountrySelector,
-              required: e.required,
-              onChange: (s) => c.setField(e.name, s),
-              "data-testid": `ekyc-field-${e.name}`
-            }
-          )
-        ] }, e.name);
-      }
-      return e.type === "radio" ? /* @__PURE__ */ t("div", { children: [
-        d,
-        /* @__PURE__ */ t("div", { className: "IncodeEkyc__radioGroup", children: [
-          /* @__PURE__ */ t("label", { className: "IncodeEkyc__radioLabel", children: a(e.label) }),
-          /* @__PURE__ */ t("div", { className: "IncodeEkyc__radioOptions", children: e.options?.map((o) => /* @__PURE__ */ t(
-            "label",
-            {
-              className: "IncodeEkyc__radioOption",
-              children: [
-                /* @__PURE__ */ t(
-                  "input",
-                  {
-                    type: "radio",
-                    name: e.name,
-                    value: o.value,
-                    checked: u === o.value,
-                    onChange: () => c.setField(e.name, o.value),
-                    disabled: h
-                  }
-                ),
-                /* @__PURE__ */ t("span", { children: a(o.label) })
-              ]
-            },
-            o.value
-          )) }),
-          m && /* @__PURE__ */ t("span", { className: "IncodeEkyc__fieldError", children: a(m) })
-        ] })
-      ] }, e.name) : /* @__PURE__ */ t(
-        "div",
-        {
-          ref: e.name === "postalCode" ? v : void 0,
-          children: [
-            d,
-            /* @__PURE__ */ t(
-              Y,
-              {
-                name: e.name,
-                label: e.label,
-                value: u,
-                error: m,
-                errorParams: I[e.name],
-                type: e.type,
-                placeholder: e.placeholder,
-                placeholderParams: e.placeholderParams,
-                required: e.required,
-                readonly: h,
-                maxLength: e.maxLength,
-                onChange: (o, s) => c.setField(o, s)
-              }
-            )
-          ]
-        },
-        e.name
-      );
-    }) }),
-    /* @__PURE__ */ t("div", { className: "IncodeEkyc__footer", children: [
-      /* @__PURE__ */ t(j, { size: 32 }),
-      /* @__PURE__ */ t(
-        Q,
-        {
-          onClick: () => c.submit(),
-          disabled: !k,
-          "data-testid": "ekyc-submit",
-          children: a("common.continue")
-        }
-      )
-    ] })
-  ] });
-}, ae = ({
-  config: f,
-  onFinish: c,
-  onError: y
-}) => /* @__PURE__ */ t(H, { children: f ? /* @__PURE__ */ t(se, { config: f, onFinish: c, onError: y }) : null });
-W(ae, "incode-ekyc");
-export {
-  ae as EkycModule
-};