@incodetech/web 0.0.0-dev-20260317-5e90a15 → 0.0.0-dev-20260318-7381409

package/dist/ekyb/styles.css

@@ -8,6 +8,10 @@
   }
 }
 
+.IncodeEkybSpinner {
+  flex: 1;
+}
+
 .IncodeEkybPage {
   max-width: 480px;
   margin-inline: auto;
@@ -33,6 +37,10 @@
   margin-inline: auto;
 }
 
+.IncodeEkybFooter {
+  margin-top: var(--spacing-24, var(--spacing-24, 24px));
+}
+
 @media (min-width: 768px) {
   .IncodePageContainer.IncodeEkybPage {
     margin-top: var(--spacing-0, var(--spacing-none, 0px));
@@ -55,7 +63,6 @@
   .IncodeEkybPage .IncodeEkybForm {
     min-height: var(--spacing-0, var(--spacing-none, 0px));
     padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
-    flex: 1;
     overflow-y: auto;
   }
 

package/dist/ekybModule-9m8cnkfH.js

@@ -0,0 +1,356 @@
+import { b as v, u as o, I as J, a as Q, B as Z } from "./button-Ca1tRSTI.js";
+import { SUPPORTED_COUNTRIES as M, DEV_ONLY_COUNTRIES as x, computeEkybDisplayErrors as ee, createEkybManager as te } from "@incodetech/core/ekyb";
+import { T as q, y as V, A as D, d as oe, q as S, k as re } from "./vendor-preact-BXf0bkEs.js";
+import "./uiConfig-Z6RT23Sl.js";
+import "@incodetech/core";
+import { u as ne, A as se } from "./addressAutocomplete-DetZGxBZ.js";
+import { P as K } from "./page-BVHG3h0V.js";
+import { S as ae } from "./spinner-Cx3FPUCD.js";
+import { t as G, F as ce, V as P } from "./formField-FeX9N4c8.js";
+import { r as le } from "./incodeModule-aE-LkKwM.js";
+import { D as Y } from "./dropdownComposed-B5ZuQS8C.js";
+import { I as _ } from "./inputComposed-BHi-MSpP.js";
+function ue(t) {
+  return [...t.toUpperCase()].map((r) => String.fromCodePoint(127462 + r.charCodeAt(0) - 65)).join("");
+}
+const ie = {
+  BR: "Brazil",
+  CM: "Cameroon",
+  CN: "China",
+  FR: "France",
+  DE: "Germany",
+  IL: "Israel",
+  IT: "Italy",
+  KE: "Kenya",
+  MX: "Mexico",
+  NG: "Nigeria",
+  ES: "Spain",
+  GB: "United Kingdom",
+  US: "USA"
+};
+function me(t) {
+  const r = ie[t] ?? t;
+  return { value: t, label: `${ue(t)} ${r}` };
+}
+function de() {
+  if (typeof window > "u") return !1;
+  const { hostname: t } = window.location;
+  return t === "localhost" || t.includes("stage") || t.includes("demo");
+}
+const be = ({
+  value: t,
+  onChange: r
+}) => {
+  const { t: c } = v(), n = q(() => (de() ? [...M, ...x] : [...M]).map(me).sort((l, d) => l.label.localeCompare(d.label)), []);
+  return /* @__PURE__ */ o("div", { className: "IncodeEkybCountrySelector", children: /* @__PURE__ */ o(
+    Y,
+    {
+      id: "ekyb-country",
+      label: c("ekyb.country"),
+      value: t,
+      options: n,
+      onChange: r,
+      "data-testid": "ekyb-country-selector"
+    }
+  ) });
+}, B = ({
+  field: t,
+  value: r,
+  error: c,
+  errorParams: n,
+  country: i,
+  onChange: l,
+  onBlur: d
+}) => {
+  const { t: b } = v(), u = !t.required, h = b(t.label);
+  if (t.type === "dropdown") {
+    const m = u ? `${h} (${b("common.optional")})` : h, s = t.name === "state" ? b("ekyb.selectState") : void 0;
+    return /* @__PURE__ */ o(
+      Y,
+      {
+        id: `ekyb-${t.name}`,
+        label: m,
+        placeholder: s,
+        value: r,
+        options: (t.options ?? []).map((p) => ({
+          ...p,
+          label: b(p.label)
+        })),
+        error: G(b, c, n),
+        searchable: !0,
+        onChange: (p) => l(t.name, p),
+        onBlur: d ? () => d(t.name) : void 0,
+        "data-testid": `ekyb-field-${t.name}`
+      }
+    );
+  }
+  return /* @__PURE__ */ o(
+    ce,
+    {
+      name: t.name,
+      label: t.label,
+      value: r,
+      error: c,
+      errorParams: n,
+      required: t.required,
+      optional: u,
+      onChange: l,
+      onBlur: d
+    }
+  );
+}, pe = ({
+  ubos: t,
+  errors: r,
+  errorParams: c,
+  canAddUbo: n,
+  onSetField: i,
+  onBlur: l,
+  onAdd: d,
+  onRemove: b
+}) => {
+  const { t: u } = v(), h = (m) => G(u, r[m], c[m]);
+  return t.length === 0 ? null : /* @__PURE__ */ o("div", { className: "IncodeEkybUbos", children: [
+    t.map((m, s) => {
+      const p = s === 0 ? u("ekyb.uboName") : u("ekyb.uboNameWithNumber", { number: s + 1 }), f = s === 0 ? u("ekyb.uboSurname") : u("ekyb.uboSurnameWithNumber", { number: s + 1 }), N = s === 0;
+      return /* @__PURE__ */ o("div", { className: "IncodeEkybUboEntry", children: [
+        /* @__PURE__ */ o(
+          _,
+          {
+            id: `ubo-${s}-name`,
+            label: p,
+            name: `ubo-${s}-name`,
+            value: m.name,
+            error: h(`ubo-${s}-name`),
+            onInput: (I) => i(s, "name", I.target.value),
+            onBlur: l ? () => l(`ubo-${s}-name`) : void 0,
+            "data-testid": `ekyb-ubo-${s}-name`
+          }
+        ),
+        /* @__PURE__ */ o(
+          _,
+          {
+            id: `ubo-${s}-surname`,
+            label: f,
+            name: `ubo-${s}-surname`,
+            value: m.surname,
+            error: h(`ubo-${s}-surname`),
+            onInput: (I) => i(
+              s,
+              "surname",
+              I.target.value
+            ),
+            onBlur: l ? () => l(`ubo-${s}-surname`) : void 0,
+            "data-testid": `ekyb-ubo-${s}-surname`
+          }
+        ),
+        !N && /* @__PURE__ */ o(
+          "button",
+          {
+            className: "IncodeEkybRemoveUbo",
+            onClick: () => b(s),
+            type: "button",
+            children: u("common.remove")
+          }
+        )
+      ] }, m.id);
+    }),
+    n && /* @__PURE__ */ o(
+      "button",
+      {
+        className: "IncodeEkybAddUbo",
+        onClick: d,
+        type: "button",
+        "data-testid": "ekyb-add-ubo",
+        children: u("ekyb.addAnotherUbo")
+      }
+    )
+  ] });
+}, ye = ({ config: t, onFinish: r }) => {
+  const { t: c } = v(), [n, i] = Q(() => te({ config: t }));
+  return V(() => {
+    (n.status === "finished" || n.status === "closed") && r?.();
+  }, [n.status, r]), n.status === "finished" || n.status === "closed" ? null : n.status === "loading" ? /* @__PURE__ */ o(
+    P,
+    {
+      status: "submitting",
+      submittingTitle: c("common.loading")
+    }
+  ) : n.status === "submitting" ? /* @__PURE__ */ o(K, { children: /* @__PURE__ */ o(
+    ae,
+    {
+      fullScreen: !1,
+      title: c("common.processing"),
+      className: "IncodeEkybSpinner"
+    }
+  ) }) : n.status === "success" ? /* @__PURE__ */ o(P, { status: "success" }) : n.status === "error" ? /* @__PURE__ */ o(P, { status: "failure", onRetry: () => i.retry() }) : n.status === "form" ? /* @__PURE__ */ o(ke, { state: n, manager: i }) : null;
+}, O = /* @__PURE__ */ new Set([
+  "street",
+  "houseNo",
+  "addressLine2",
+  "city",
+  "state",
+  "postalCode"
+]), he = ["street", "city", "state", "postalCode", "houseNo"], ke = ({ state: t, manager: r }) => {
+  const {
+    country: c,
+    fields: n,
+    values: i,
+    errors: l,
+    isValid: d,
+    ubos: b,
+    canAddUbo: u,
+    addressSuggestions: h,
+    submitAttempted: m
+  } = t, { t: s } = v(), p = D(null), f = D(null), N = D(void 0), I = ne(p, n.length), [w, T] = oe({}), y = S((e) => {
+    T((a) => a[e] ? a : { ...a, [e]: !0 });
+  }, []), { displayErrors: E, errorParams: F } = q(
+    () => ee(
+      l,
+      w,
+      m,
+      c,
+      n
+    ),
+    [l, w, m, c, n]
+  ), $ = S(
+    (e) => y(e),
+    [y]
+  ), A = S(
+    (e, a) => {
+      y(e), r.setField(e, a);
+    },
+    [r, y]
+  ), j = S(
+    (e, a, k) => {
+      y(`ubo-${e}-${a}`), r.setUboField(e, a, k);
+    },
+    [r, y]
+  ), W = S(
+    (e) => {
+      for (const a of he) y(a);
+      r.selectAddress(e);
+    },
+    [r, y]
+  ), z = S(
+    (e) => {
+      r.removeUbo(e), T((a) => {
+        const k = {};
+        for (const [C, U] of Object.entries(a)) {
+          const R = C.match(/^ubo-(\d+)-(name|surname)$/);
+          if (!R) {
+            k[C] = U;
+            continue;
+          }
+          const g = Number(R[1]);
+          if (g === e) continue;
+          const X = g > e ? g - 1 : g;
+          k[`ubo-${X}-${R[2]}`] = U;
+        }
+        return k;
+      });
+    },
+    [r]
+  );
+  V(() => {
+    const e = E.postalCode, a = N.current;
+    if (N.current = e, !e || a === e)
+      return;
+    const k = requestAnimationFrame(() => {
+      const C = f.current;
+      if (!C) return;
+      (C.querySelector("#postalCode-error") ?? C).scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    });
+    return () => cancelAnimationFrame(k);
+  }, [E.postalCode]);
+  const H = n.filter((e) => !O.has(e.name)), L = n.filter((e) => O.has(e.name));
+  return /* @__PURE__ */ o(K, { className: `IncodeEkybPage${I ? " IncodeEkybPageScrollable" : ""}`, title: s("ekyb.title"), children: [
+    /* @__PURE__ */ o("div", { ref: p, className: "IncodeEkybForm", children: [
+      /* @__PURE__ */ o(
+        be,
+        {
+          value: c,
+          onChange: (e) => r.setCountry(e)
+        }
+      ),
+      H.map((e) => /* @__PURE__ */ o(
+        B,
+        {
+          field: e,
+          value: i[e.name] ?? "",
+          error: E[e.name],
+          errorParams: F[e.name],
+          country: c,
+          onChange: A,
+          onBlur: $
+        },
+        e.name
+      )),
+      /* @__PURE__ */ o(
+        pe,
+        {
+          ubos: b,
+          errors: E,
+          errorParams: F,
+          canAddUbo: u,
+          onSetField: j,
+          onBlur: $,
+          onAdd: () => r.addUbo(),
+          onRemove: z
+        }
+      ),
+      L.length > 0 && /* @__PURE__ */ o(re, { children: [
+        /* @__PURE__ */ o("h3", { className: "IncodeEkybSectionHeader", children: s("ekyb.addressDetails") }),
+        L.map((e) => e.name === "street" ? /* @__PURE__ */ o(
+          se,
+          {
+            label: e.label,
+            value: i.street ?? "",
+            error: E.street,
+            errorParams: F.street,
+            suggestions: h,
+            optional: !e.required,
+            onChange: (a) => A("street", a),
+            onSearch: (a) => r.searchAddress(a),
+            onSelect: W,
+            onBlur: () => $("street")
+          },
+          e.name
+        ) : /* @__PURE__ */ o(
+          "div",
+          {
+            ref: e.name === "postalCode" ? f : void 0,
+            children: /* @__PURE__ */ o(
+              B,
+              {
+                field: e,
+                value: i[e.name] ?? "",
+                error: E[e.name],
+                errorParams: F[e.name],
+                country: c,
+                onChange: A,
+                onBlur: $
+              }
+            )
+          },
+          e.name
+        ))
+      ] })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "IncodeEkybFooter", children: /* @__PURE__ */ o(
+      Z,
+      {
+        onClick: () => r.submit(),
+        disabled: !d,
+        "data-testid": "ekyb-submit",
+        children: s("ekyb.continue")
+      }
+    ) })
+  ] });
+}, Ee = ({ config: t, onFinish: r }) => /* @__PURE__ */ o(J, { children: t ? /* @__PURE__ */ o(ye, { config: t, onFinish: r }) : null });
+le(Ee, "incode-ekyb");
+export {
+  Ee as EkybModule
+};

package/dist/ekyc/styles.css

@@ -9,6 +9,10 @@
   }
 }
 
+.IncodeEkycSpinner {
+  flex: 1;
+}
+
 .IncodeEkycPage {
   max-width: 480px;
   margin-inline: auto;
@@ -30,6 +34,14 @@
   margin-bottom: var(--spacing-0, var(--spacing-none, 0px));
 }
 
+.IncodeEkycFooter {
+  margin-top: var(--spacing-24, var(--spacing-24, 24px));
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  flex-direction: column;
+  display: flex;
+}
+
 @media (min-width: 768px) {
   .IncodePageContainer.IncodeEkycPage {
     height: 100dvh;
@@ -52,7 +64,6 @@
   .IncodeEkycPage .IncodeEkycForm {
     min-height: var(--spacing-0, var(--spacing-none, 0px));
     padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
-    flex: 1;
     overflow-y: auto;
   }
 

package/dist/ekycModule-BN_zKKux.js

@@ -0,0 +1,290 @@
+import { u as r, I as Y, b as q, a as G, B as L } from "./button-Ca1tRSTI.js";
+import { computeEkycDisplayErrors as j, createEkycManager as z } from "@incodetech/core/ekyc";
+import { y as $, A as F, d as J, q as E, T as Q } from "./vendor-preact-BXf0bkEs.js";
+import "./uiConfig-Z6RT23Sl.js";
+import "@incodetech/core";
+import { u as U, A as W } from "./addressAutocomplete-DetZGxBZ.js";
+import { V as v, t as X, F as Z } from "./formField-FeX9N4c8.js";
+import { D as f } from "./dateInputComposed-CvFmQpJ0.js";
+import { D as ee } from "./dropdownComposed-B5ZuQS8C.js";
+import { P as T } from "./page-BVHG3h0V.js";
+import { S as re } from "./spinner-Cx3FPUCD.js";
+import { r as oe } from "./incodeModule-aE-LkKwM.js";
+import { P as te } from "./phoneInputComposed-CwtJKvGh.js";
+const ae = ({ config: p, onFinish: s }) => {
+  const { t: l } = q(), [a, d] = G(() => z({ config: p }));
+  return $(() => {
+    (a.status === "finished" || a.status === "closed") && s?.();
+  }, [a.status, s]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ r(
+    v,
+    {
+      status: "submitting",
+      submittingTitle: l("common.loading")
+    }
+  ) : a.status === "submitting" ? /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(
+    re,
+    {
+      fullScreen: !1,
+      title: l("common.processing"),
+      className: "IncodeEkycSpinner"
+    }
+  ) }) : a.status === "success" ? /* @__PURE__ */ r(v, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ r(
+    v,
+    {
+      status: "failure",
+      onRetry: () => d.retry(),
+      onSkip: () => d.skip()
+    }
+  ) : a.status === "misconfigured" ? /* @__PURE__ */ r(
+    v,
+    {
+      status: "failure",
+      failureTitle: l("verification.noFormFields"),
+      onSkip: () => d.close(),
+      skipLabel: l("common.close")
+    }
+  ) : a.status === "form" ? /* @__PURE__ */ r(se, { state: a, manager: d }) : null;
+}, ne = [
+  "street",
+  "city",
+  "state",
+  "postalCode",
+  "houseNo"
+], se = ({ state: p, manager: s }) => {
+  const {
+    fields: l,
+    values: a,
+    errors: d,
+    isValid: V,
+    addressSuggestions: w,
+    prefilled: K,
+    hideEmail: M,
+    fieldsCountry: C,
+    submitError: S,
+    submitAttempted: P
+  } = p, { t: n } = q(), N = F(null), A = F(null), R = F(void 0), x = U(N, l.length), [D, _] = J({}), h = E((e) => {
+    _((o) => o[e] ? o : { ...o, [e]: !0 });
+  }, []), { displayErrors: g, errorParams: I } = Q(
+    () => j(
+      d,
+      D,
+      P,
+      C,
+      l
+    ),
+    [d, D, P, C, l]
+  ), y = E(
+    (e) => h(e),
+    [h]
+  ), b = E(
+    (e, o) => {
+      h(e), s.setField(e, o);
+    },
+    [s, h]
+  ), H = E(
+    (e) => {
+      for (const o of ne) h(o);
+      s.selectAddress(e);
+    },
+    [s, h]
+  );
+  $(() => {
+    const e = g.postalCode, o = R.current;
+    if (R.current = e, !e || o === e)
+      return;
+    const i = requestAnimationFrame(() => {
+      const c = A.current;
+      if (!c) return;
+      (c.querySelector("#postalCode-error") ?? c).scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    });
+    return () => cancelAnimationFrame(i);
+  }, [g.postalCode]);
+  const k = (e, o) => X(n, o, I[e]);
+  let B;
+  return /* @__PURE__ */ r(T, { className: `IncodeEkycPage${x ? " IncodeEkycPageScrollable" : ""}`, title: n("verification.title"), children: [
+    /* @__PURE__ */ r("div", { ref: N, className: "IncodeEkycForm", children: l.map((e) => {
+      if (e.name === "email" && M) return null;
+      let o = null;
+      e.section && e.section !== B && (B = e.section, o = /* @__PURE__ */ r("h3", { className: "IncodeEkycSectionHeader", children: n({
+        address: "verification.labels.addressDetailsSection",
+        driverLicense: "verification.labels.dlDetailsSection"
+      }[e.section] ?? e.section) }));
+      const i = e.readonly || K[e.name], c = a[e.name] ?? "", u = g[e.name];
+      if (e.name === "street" && e.section === "address")
+        return /* @__PURE__ */ r("div", { children: [
+          o,
+          /* @__PURE__ */ r(
+            W,
+            {
+              label: e.label,
+              value: c,
+              error: u,
+              errorParams: I[e.name],
+              suggestions: w,
+              readonly: i,
+              optional: !e.required,
+              onChange: (t) => b("street", t),
+              onSearch: (t) => s.searchAddress(t),
+              onSelect: H,
+              onBlur: () => y("street")
+            }
+          )
+        ] }, e.name);
+      if (e.type === "dropdown") {
+        const t = n(e.label);
+        return /* @__PURE__ */ r("div", { children: [
+          o,
+          /* @__PURE__ */ r(
+            ee,
+            {
+              id: `ekyc-${e.name}`,
+              label: t,
+              placeholder: e.placeholder ? n(e.placeholder) : void 0,
+              value: c,
+              options: (e.options ?? []).map((m) => ({
+                ...m,
+                label: n(m.label)
+              })),
+              error: k(e.name, u),
+              disabled: i,
+              searchable: !0,
+              onChange: (m) => b(e.name, m),
+              onBlur: () => y(e.name),
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      if (e.type === "date") {
+        const t = n(e.label);
+        return /* @__PURE__ */ r("div", { children: [
+          o,
+          /* @__PURE__ */ r(
+            f,
+            {
+              id: `ekyc-${e.name}`,
+              label: t,
+              value: c,
+              error: k(e.name, u),
+              disabled: i,
+              onInput: (m) => {
+                const O = m.target;
+                b(e.name, O.value);
+              },
+              onBlur: () => y(e.name),
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      if (e.type === "phone") {
+        const t = n(e.label);
+        return /* @__PURE__ */ r("div", { children: [
+          o,
+          /* @__PURE__ */ r(
+            te,
+            {
+              id: `ekyc-${e.name}`,
+              label: t,
+              countryCode: C,
+              value: c,
+              placeholder: e.placeholder,
+              error: k(e.name, u),
+              disabled: i,
+              disableCountrySelector: e.disableCountrySelector,
+              required: e.required,
+              onChange: (m) => b(e.name, m),
+              onBlur: () => y(e.name),
+              "data-testid": `ekyc-field-${e.name}`
+            }
+          )
+        ] }, e.name);
+      }
+      return e.type === "radio" ? /* @__PURE__ */ r("div", { children: [
+        o,
+        /* @__PURE__ */ r("div", { className: "IncodeEkycRadioGroup", children: [
+          /* @__PURE__ */ r("label", { className: "IncodeEkycRadioLabel", children: n(e.label) }),
+          /* @__PURE__ */ r("div", { className: "IncodeEkycRadioOptions", children: e.options?.map((t) => /* @__PURE__ */ r(
+            "label",
+            {
+              className: "IncodeEkycRadioOption",
+              children: [
+                /* @__PURE__ */ r(
+                  "input",
+                  {
+                    type: "radio",
+                    name: e.name,
+                    checked: c === t.value,
+                    value: t.value,
+                    onChange: () => b(e.name, t.value),
+                    onBlur: () => y(e.name),
+                    disabled: i
+                  }
+                ),
+                /* @__PURE__ */ r("span", { children: n(t.label) })
+              ]
+            },
+            t.value
+          )) }),
+          u && /* @__PURE__ */ r("span", { className: "IncodeEkycFieldError", children: k(e.name, u) })
+        ] })
+      ] }, e.name) : /* @__PURE__ */ r(
+        "div",
+        {
+          ref: e.name === "postalCode" ? A : void 0,
+          children: [
+            o,
+            /* @__PURE__ */ r(
+              Z,
+              {
+                name: e.name,
+                label: e.label,
+                value: c,
+                error: u,
+                errorParams: I[e.name],
+                type: e.type,
+                placeholder: e.placeholder,
+                placeholderParams: e.placeholderParams,
+                required: e.required,
+                optional: e.optional,
+                readonly: i,
+                maxLength: e.maxLength,
+                onChange: b,
+                onBlur: y
+              }
+            )
+          ]
+        },
+        e.name
+      );
+    }) }),
+    /* @__PURE__ */ r("div", { className: "IncodeEkycFooter", children: [
+      S && /* @__PURE__ */ r("p", { className: "IncodeEkycSubmitError", children: n(S) }),
+      /* @__PURE__ */ r(
+        L,
+        {
+          onClick: () => s.submit(),
+          disabled: !V,
+          "data-testid": "ekyc-submit",
+          children: n("common.continue")
+        }
+      ),
+      S === "verification.errors.countryNotSupported" && /* @__PURE__ */ r(
+        L,
+        {
+          variant: "link",
+          onClick: () => s.skip(),
+          "data-testid": "ekyc-skip",
+          children: n("verification.labels.skip")
+        }
+      )
+    ] })
+  ] });
+}, ce = ({ config: p, onFinish: s }) => /* @__PURE__ */ r(Y, { children: p ? /* @__PURE__ */ r(ae, { config: p, onFinish: s }) : null });
+oe(ce, "incode-ekyc");
+export {
+  ce as EkycModule
+};

package/dist/flow/flow.es.js

@@ -2000,8 +2000,8 @@ const Pe = () => import("../id/id.es.js").then((e) => e.Id), ke = {
     (e) => e.GovernmentValidation
   ),
   GEOLOCATION: () => import("../geolocation/geolocation.es.js").then((e) => e.Geolocation),
-  EXTERNAL_VERIFICATION: () => import("../ekycModule-CQsPzNhO.js").then((e) => e.EkycModule),
-  EKYB: () => import("../ekybModule-DUoTzXAx.js").then((e) => e.EkybModule),
+  EXTERNAL_VERIFICATION: () => import("../ekycModule-BN_zKKux.js").then((e) => e.EkycModule),
+  EKYB: () => import("../ekybModule-9m8cnkfH.js").then((e) => e.EkybModule),
   DOCUMENT_CAPTURE: () => import("../documentCapture-PdKA2frR.js").then(
     (e) => e.DocumentCapture
   ),

package/dist/flow/styles.css

@@ -5395,6 +5395,10 @@
   display: inline-block;
 }
 
+.IncodeEkycSpinner {
+  flex: 1;
+}
+
 .IncodeEkycPage {
   max-width: 480px;
   margin-inline: auto;
@@ -5416,6 +5420,14 @@
   margin-bottom: var(--spacing-0, var(--spacing-none, 0px));
 }
 
+.IncodeEkycFooter {
+  margin-top: var(--spacing-24, var(--spacing-24, 24px));
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  flex-direction: column;
+  display: flex;
+}
+
 @media (min-width: 768px) {
   .IncodePageContainer.IncodeEkycPage {
     height: 100dvh;
@@ -5438,7 +5450,6 @@
   .IncodeEkycPage .IncodeEkycForm {
     min-height: var(--spacing-0, var(--spacing-none, 0px));
     padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
-    flex: 1;
     overflow-y: auto;
   }
 
@@ -5722,6 +5733,10 @@
   background-color: #0000;
 }
 
+.IncodeEkybSpinner {
+  flex: 1;
+}
+
 .IncodeEkybPage {
   max-width: 480px;
   margin-inline: auto;
@@ -5747,6 +5762,10 @@
   margin-inline: auto;
 }
 
+.IncodeEkybFooter {
+  margin-top: var(--spacing-24, var(--spacing-24, 24px));
+}
+
 @media (min-width: 768px) {
   .IncodePageContainer.IncodeEkybPage {
     margin-top: var(--spacing-0, var(--spacing-none, 0px));
@@ -5769,7 +5788,6 @@
   .IncodeEkybPage .IncodeEkybForm {
     min-height: var(--spacing-0, var(--spacing-none, 0px));
     padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
-    flex: 1;
     overflow-y: auto;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260317-5e90a15",
+  "version": "0.0.0-dev-20260318-7381409",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -119,7 +119,7 @@
     "preact-custom-element": "^4.6.0",
     "qrcode": "^1.5.4",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260317-5e90a15"
+    "@incodetech/core": "0.0.0-dev-20260318-7381409"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/ekybModule-DUoTzXAx.js

@@ -1,302 +0,0 @@
-import { b as C, u as r, I as D, a as M, S as L, B as T } from "./button-Ca1tRSTI.js";
-import { SUPPORTED_COUNTRIES as f, DEV_ONLY_COUNTRIES as B, createEkybManager as O } from "@incodetech/core/ekyb";
-import { T as _, y as A, A as F, k as q } from "./vendor-preact-BXf0bkEs.js";
-import "./uiConfig-Z6RT23Sl.js";
-import "@incodetech/core";
-import { u as V, A as G } from "./addressAutocomplete-DetZGxBZ.js";
-import { P as K } from "./page-BVHG3h0V.js";
-import { t as P, F as z, V as I } from "./formField-FeX9N4c8.js";
-import { r as W } from "./incodeModule-aE-LkKwM.js";
-import { D as R } from "./dropdownComposed-B5ZuQS8C.js";
-import { I as g } from "./inputComposed-BHi-MSpP.js";
-function Y(e) {
-  return [...e.toUpperCase()].map((o) => String.fromCodePoint(127462 + o.charCodeAt(0) - 65)).join("");
-}
-const j = {
-  BR: "Brazil",
-  CM: "Cameroon",
-  CN: "China",
-  FR: "France",
-  DE: "Germany",
-  IL: "Israel",
-  IT: "Italy",
-  KE: "Kenya",
-  MX: "Mexico",
-  NG: "Nigeria",
-  ES: "Spain",
-  GB: "United Kingdom",
-  US: "USA"
-};
-function H(e) {
-  const o = j[e] ?? e;
-  return { value: e, label: `${Y(e)} ${o}` };
-}
-function X() {
-  if (typeof window > "u") return !1;
-  const { hostname: e } = window.location;
-  return e === "localhost" || e.includes("stage") || e.includes("demo");
-}
-const J = ({
-  value: e,
-  onChange: o
-}) => {
-  const { t: u } = C(), n = _(() => (X() ? [...f, ...B] : [...f]).map(H).sort((l, c) => l.label.localeCompare(c.label)), []);
-  return /* @__PURE__ */ r("div", { className: "IncodeEkybCountrySelector", children: /* @__PURE__ */ r(
-    R,
-    {
-      id: "ekyb-country",
-      label: u("ekyb.country"),
-      value: e,
-      options: n,
-      onChange: o,
-      "data-testid": "ekyb-country-selector"
-    }
-  ) });
-}, U = ({
-  field: e,
-  value: o,
-  error: u,
-  errorParams: n,
-  country: m,
-  onChange: l,
-  onBlur: c
-}) => {
-  const { t: b } = C(), i = !e.required, y = b(e.label);
-  if (e.type === "dropdown") {
-    const d = i ? `${y} (${b("common.optional")})` : y, s = e.name === "state" ? b("ekyb.selectState") : void 0;
-    return /* @__PURE__ */ r(
-      R,
-      {
-        id: `ekyb-${e.name}`,
-        label: d,
-        placeholder: s,
-        value: o,
-        options: (e.options ?? []).map((p) => ({
-          ...p,
-          label: b(p.label)
-        })),
-        error: P(b, u, n),
-        searchable: !0,
-        onChange: (p) => l(e.name, p),
-        onBlur: c ? () => c(e.name) : void 0,
-        "data-testid": `ekyb-field-${e.name}`
-      }
-    );
-  }
-  return /* @__PURE__ */ r(
-    z,
-    {
-      name: e.name,
-      label: e.label,
-      value: o,
-      error: u,
-      errorParams: n,
-      required: e.required,
-      optional: i,
-      onChange: l,
-      onBlur: c
-    }
-  );
-}, Q = ({
-  ubos: e,
-  errors: o,
-  errorParams: u,
-  canAddUbo: n,
-  onSetField: m,
-  onBlur: l,
-  onAdd: c,
-  onRemove: b
-}) => {
-  const { t: i } = C(), y = (d) => P(i, o[d], u[d]);
-  return e.length === 0 ? null : /* @__PURE__ */ r("div", { className: "IncodeEkybUbos", children: [
-    e.map((d, s) => {
-      const p = s === 0 ? i("ekyb.uboName") : i("ekyb.uboNameWithNumber", { number: s + 1 }), E = s === 0 ? i("ekyb.uboSurname") : i("ekyb.uboSurnameWithNumber", { number: s + 1 }), v = s === 0;
-      return /* @__PURE__ */ r("div", { className: "IncodeEkybUboEntry", children: [
-        /* @__PURE__ */ r(
-          g,
-          {
-            id: `ubo-${s}-name`,
-            label: p,
-            name: `ubo-${s}-name`,
-            value: d.name,
-            error: y(`ubo-${s}-name`),
-            onInput: (k) => m(s, "name", k.target.value),
-            onBlur: l ? () => l(`ubo-${s}-name`) : void 0,
-            "data-testid": `ekyb-ubo-${s}-name`
-          }
-        ),
-        /* @__PURE__ */ r(
-          g,
-          {
-            id: `ubo-${s}-surname`,
-            label: E,
-            name: `ubo-${s}-surname`,
-            value: d.surname,
-            error: y(`ubo-${s}-surname`),
-            onInput: (k) => m(
-              s,
-              "surname",
-              k.target.value
-            ),
-            onBlur: l ? () => l(`ubo-${s}-surname`) : void 0,
-            "data-testid": `ekyb-ubo-${s}-surname`
-          }
-        ),
-        !v && /* @__PURE__ */ r(
-          "button",
-          {
-            className: "IncodeEkybRemoveUbo",
-            onClick: () => b(s),
-            type: "button",
-            children: i("common.remove")
-          }
-        )
-      ] }, d.id);
-    }),
-    n && /* @__PURE__ */ r(
-      "button",
-      {
-        className: "IncodeEkybAddUbo",
-        onClick: c,
-        type: "button",
-        "data-testid": "ekyb-add-ubo",
-        children: i("ekyb.addAnotherUbo")
-      }
-    )
-  ] });
-}, Z = ({ config: e, onFinish: o }) => {
-  const { t: u } = C(), [n, m] = M(() => O({ config: e }));
-  return A(() => {
-    (n.status === "finished" || n.status === "closed") && o?.();
-  }, [n.status, o]), n.status === "finished" || n.status === "closed" ? null : n.status === "loading" ? /* @__PURE__ */ r(
-    I,
-    {
-      status: "submitting",
-      submittingTitle: u("common.loading")
-    }
-  ) : n.status === "submitting" ? /* @__PURE__ */ r(I, { status: "submitting" }) : n.status === "success" ? /* @__PURE__ */ r(I, { status: "success" }) : n.status === "error" ? /* @__PURE__ */ r(I, { status: "failure", onRetry: () => m.retry() }) : n.status === "form" ? /* @__PURE__ */ r(x, { state: n, manager: m }) : null;
-}, $ = /* @__PURE__ */ new Set([
-  "street",
-  "houseNo",
-  "addressLine2",
-  "city",
-  "state",
-  "postalCode"
-]), x = ({ state: e, manager: o }) => {
-  const {
-    country: u,
-    fields: n,
-    values: m,
-    displayErrors: l,
-    errorParams: c,
-    isValid: b,
-    ubos: i,
-    canAddUbo: y,
-    addressSuggestions: d
-  } = e, { t: s } = C(), p = F(null), E = F(null), v = F(void 0), k = V(p, n.length);
-  A(() => {
-    const t = l.postalCode, a = v.current;
-    if (v.current = t, !t || a === t)
-      return;
-    const h = requestAnimationFrame(() => {
-      const S = E.current;
-      if (!S) return;
-      (S.querySelector("#postalCode-error") ?? S).scrollIntoView({
-        behavior: "smooth",
-        block: "nearest"
-      });
-    });
-    return () => cancelAnimationFrame(h);
-  }, [l.postalCode]);
-  const w = n.filter((t) => !$.has(t.name)), N = n.filter((t) => $.has(t.name));
-  return /* @__PURE__ */ r(K, { className: `IncodeEkybPage${k ? " IncodeEkybPageScrollable" : ""}`, title: s("ekyb.title"), children: [
-    /* @__PURE__ */ r("div", { ref: p, className: "IncodeEkybForm", children: [
-      /* @__PURE__ */ r(
-        J,
-        {
-          value: u,
-          onChange: (t) => o.setCountry(t)
-        }
-      ),
-      w.map((t) => /* @__PURE__ */ r(
-        U,
-        {
-          field: t,
-          value: m[t.name] ?? "",
-          error: l[t.name],
-          errorParams: c[t.name],
-          country: u,
-          onChange: (a, h) => o.setField(a, h),
-          onBlur: (a) => o.blurField(a)
-        },
-        t.name
-      )),
-      /* @__PURE__ */ r(
-        Q,
-        {
-          ubos: i,
-          errors: l,
-          errorParams: c,
-          canAddUbo: y,
-          onSetField: (t, a, h) => o.setUboField(t, a, h),
-          onBlur: (t) => o.blurField(t),
-          onAdd: () => o.addUbo(),
-          onRemove: (t) => o.removeUbo(t)
-        }
-      ),
-      N.length > 0 && /* @__PURE__ */ r(q, { children: [
-        /* @__PURE__ */ r("h3", { className: "IncodeEkybSectionHeader", children: s("ekyb.addressDetails") }),
-        N.map((t) => t.name === "street" ? /* @__PURE__ */ r(
-          G,
-          {
-            label: t.label,
-            value: m.street ?? "",
-            error: l.street,
-            errorParams: c.street,
-            suggestions: d,
-            optional: !t.required,
-            onChange: (a) => o.setField("street", a),
-            onSearch: (a) => o.searchAddress(a),
-            onSelect: (a) => o.selectAddress(a),
-            onBlur: () => o.blurField("street")
-          },
-          t.name
-        ) : /* @__PURE__ */ r(
-          "div",
-          {
-            ref: t.name === "postalCode" ? E : void 0,
-            children: /* @__PURE__ */ r(
-              U,
-              {
-                field: t,
-                value: m[t.name] ?? "",
-                error: l[t.name],
-                errorParams: c[t.name],
-                country: u,
-                onChange: (a, h) => o.setField(a, h),
-                onBlur: (a) => o.blurField(a)
-              }
-            )
-          },
-          t.name
-        ))
-      ] })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "IncodeEkybFooter", children: [
-      /* @__PURE__ */ r(L, { size: 32 }),
-      /* @__PURE__ */ r(
-        T,
-        {
-          onClick: () => o.submit(),
-          disabled: !b,
-          "data-testid": "ekyb-submit",
-          children: s("ekyb.continue")
-        }
-      )
-    ] })
-  ] });
-}, ee = ({ config: e, onFinish: o }) => /* @__PURE__ */ r(D, { children: e ? /* @__PURE__ */ r(Z, { config: e, onFinish: o }) : null });
-W(ee, "incode-ekyb");
-export {
-  ee as EkybModule
-};

package/dist/ekycModule-CQsPzNhO.js

@@ -1,243 +0,0 @@
-import { u as r, I as q, b as S, a as D, S as V, B as w } from "./button-Ca1tRSTI.js";
-import { createEkycManager as M } from "@incodetech/core/ekyc";
-import { y as g, A as v } from "./vendor-preact-BXf0bkEs.js";
-import "./uiConfig-Z6RT23Sl.js";
-import "@incodetech/core";
-import { u as x, A as T } from "./addressAutocomplete-DetZGxBZ.js";
-import { V as b, t as H, F as K } from "./formField-FeX9N4c8.js";
-import { D as O } from "./dateInputComposed-CvFmQpJ0.js";
-import { D as z } from "./dropdownComposed-B5ZuQS8C.js";
-import { P as G } from "./page-BVHG3h0V.js";
-import { r as j } from "./incodeModule-aE-LkKwM.js";
-import { P as J } from "./phoneInputComposed-CwtJKvGh.js";
-const Q = ({ config: m, onFinish: o }) => {
-  const { t: p } = S(), [a, i] = D(() => M({ config: m }));
-  return g(() => {
-    (a.status === "finished" || a.status === "closed") && o?.();
-  }, [a.status, o]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ r(
-    b,
-    {
-      status: "submitting",
-      submittingTitle: p("common.loading")
-    }
-  ) : a.status === "submitting" ? /* @__PURE__ */ r(b, { status: "submitting" }) : a.status === "success" ? /* @__PURE__ */ r(b, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ r(
-    b,
-    {
-      status: "failure",
-      onRetry: () => i.retry(),
-      onSkip: () => i.skip()
-    }
-  ) : a.status === "misconfigured" ? /* @__PURE__ */ r(
-    b,
-    {
-      status: "failure",
-      failureTitle: p("verification.noFormFields"),
-      onSkip: () => i.close(),
-      skipLabel: p("common.close")
-    }
-  ) : a.status === "form" ? /* @__PURE__ */ r(U, { state: a, manager: i }) : null;
-}, U = ({ state: m, manager: o }) => {
-  const {
-    fields: p,
-    values: a,
-    displayErrors: i,
-    errorParams: y,
-    isValid: P,
-    addressSuggestions: N,
-    prefilled: R,
-    hideEmail: A,
-    fieldsCountry: B,
-    submitError: k
-  } = m, { t: s } = S(), E = v(null), C = v(null), F = v(void 0), L = x(E, p.length);
-  g(() => {
-    const e = i.postalCode, n = F.current;
-    if (F.current = e, !e || n === e)
-      return;
-    const u = requestAnimationFrame(() => {
-      const l = C.current;
-      if (!l) return;
-      (l.querySelector("#postalCode-error") ?? l).scrollIntoView({
-        behavior: "smooth",
-        block: "nearest"
-      });
-    });
-    return () => cancelAnimationFrame(u);
-  }, [i.postalCode]);
-  const h = (e, n) => H(s, n, y[e]);
-  let I;
-  return /* @__PURE__ */ r(G, { className: `IncodeEkycPage${L ? " IncodeEkycPageScrollable" : ""}`, title: s("verification.title"), children: [
-    /* @__PURE__ */ r("div", { ref: E, className: "IncodeEkycForm", children: p.map((e) => {
-      if (e.name === "email" && A) return null;
-      let n = null;
-      e.section && e.section !== I && (I = e.section, n = /* @__PURE__ */ r("h3", { className: "IncodeEkycSectionHeader", children: s({
-        address: "verification.labels.addressDetailsSection",
-        driverLicense: "verification.labels.dlDetailsSection"
-      }[e.section] ?? e.section) }));
-      const u = e.readonly || R[e.name], l = a[e.name] ?? "", d = i[e.name];
-      if (e.name === "street" && e.section === "address")
-        return /* @__PURE__ */ r("div", { children: [
-          n,
-          /* @__PURE__ */ r(
-            T,
-            {
-              label: e.label,
-              value: l,
-              error: d,
-              errorParams: y[e.name],
-              suggestions: N,
-              readonly: u,
-              optional: !e.required,
-              onChange: (t) => o.setField("street", t),
-              onSearch: (t) => o.searchAddress(t),
-              onSelect: (t) => o.selectAddress(t),
-              onBlur: () => o.blurField("street")
-            }
-          )
-        ] }, e.name);
-      if (e.type === "dropdown") {
-        const t = s(e.label);
-        return /* @__PURE__ */ r("div", { children: [
-          n,
-          /* @__PURE__ */ r(
-            z,
-            {
-              id: `ekyc-${e.name}`,
-              label: t,
-              placeholder: e.placeholder ? s(e.placeholder) : void 0,
-              value: l,
-              options: (e.options ?? []).map((c) => ({
-                ...c,
-                label: s(c.label)
-              })),
-              error: h(e.name, d),
-              disabled: u,
-              searchable: !0,
-              onChange: (c) => o.setField(e.name, c),
-              onBlur: () => o.blurField(e.name),
-              "data-testid": `ekyc-field-${e.name}`
-            }
-          )
-        ] }, e.name);
-      }
-      if (e.type === "date") {
-        const t = s(e.label);
-        return /* @__PURE__ */ r("div", { children: [
-          n,
-          /* @__PURE__ */ r(
-            O,
-            {
-              id: `ekyc-${e.name}`,
-              label: t,
-              value: l,
-              error: h(e.name, d),
-              disabled: u,
-              onInput: (c) => {
-                const $ = c.target;
-                o.setField(e.name, $.value);
-              },
-              onBlur: () => o.blurField(e.name),
-              "data-testid": `ekyc-field-${e.name}`
-            }
-          )
-        ] }, e.name);
-      }
-      if (e.type === "phone") {
-        const t = s(e.label);
-        return /* @__PURE__ */ r("div", { children: [
-          n,
-          /* @__PURE__ */ r(
-            J,
-            {
-              id: `ekyc-${e.name}`,
-              label: t,
-              countryCode: B,
-              value: l,
-              placeholder: e.placeholder,
-              error: h(e.name, d),
-              disabled: u,
-              disableCountrySelector: e.disableCountrySelector,
-              required: e.required,
-              onChange: (c) => o.setField(e.name, c),
-              onBlur: () => o.blurField(e.name),
-              "data-testid": `ekyc-field-${e.name}`
-            }
-          )
-        ] }, e.name);
-      }
-      return e.type === "radio" ? /* @__PURE__ */ r("div", { children: [
-        n,
-        /* @__PURE__ */ r("div", { className: "IncodeEkycRadioGroup", children: [
-          /* @__PURE__ */ r("label", { className: "IncodeEkycRadioLabel", children: s(e.label) }),
-          /* @__PURE__ */ r("div", { className: "IncodeEkycRadioOptions", children: e.options?.map((t) => /* @__PURE__ */ r(
-            "label",
-            {
-              className: "IncodeEkycRadioOption",
-              children: [
-                /* @__PURE__ */ r(
-                  "input",
-                  {
-                    type: "radio",
-                    name: e.name,
-                    checked: l === t.value,
-                    value: t.value,
-                    onChange: () => o.setField(e.name, t.value),
-                    onBlur: () => o.blurField(e.name),
-                    disabled: u
-                  }
-                ),
-                /* @__PURE__ */ r("span", { children: s(t.label) })
-              ]
-            },
-            t.value
-          )) }),
-          d && /* @__PURE__ */ r("span", { className: "IncodeEkycFieldError", children: h(e.name, d) })
-        ] })
-      ] }, e.name) : /* @__PURE__ */ r(
-        "div",
-        {
-          ref: e.name === "postalCode" ? C : void 0,
-          children: [
-            n,
-            /* @__PURE__ */ r(
-              K,
-              {
-                name: e.name,
-                label: e.label,
-                value: l,
-                error: d,
-                errorParams: y[e.name],
-                type: e.type,
-                placeholder: e.placeholder,
-                placeholderParams: e.placeholderParams,
-                required: e.required,
-                optional: e.optional,
-                readonly: u,
-                maxLength: e.maxLength,
-                onChange: (t, c) => o.setField(t, c),
-                onBlur: (t) => o.blurField(t)
-              }
-            )
-          ]
-        },
-        e.name
-      );
-    }) }),
-    /* @__PURE__ */ r("div", { className: "IncodeEkycFooter", children: [
-      /* @__PURE__ */ r(V, { size: 32 }),
-      k && /* @__PURE__ */ r("p", { className: "IncodeEkycSubmitError", children: s(k) }),
-      /* @__PURE__ */ r(
-        w,
-        {
-          onClick: () => o.submit(),
-          disabled: !P,
-          "data-testid": "ekyc-submit",
-          children: s("common.continue")
-        }
-      )
-    ] })
-  ] });
-}, W = ({ config: m, onFinish: o }) => /* @__PURE__ */ r(q, { children: m ? /* @__PURE__ */ r(Q, { config: m, onFinish: o }) : null });
-j(W, "incode-ekyc");
-export {
-  W as EkycModule
-};