@incodetech/web 0.0.0-dev-20260317-5e90a15 → 0.0.0-dev-20260317-737b25e

package/dist/ekyb/styles.css

@@ -33,6 +33,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 +59,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-FeVB4y3_.js

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

package/dist/ekyc/styles.css

@@ -30,6 +30,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 +60,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-CFcYtlo_.js

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

package/dist/flow/styles.css

@@ -5416,6 +5416,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 +5446,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;
   }
 
@@ -5747,6 +5754,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 +5780,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-20260317-737b25e",
   "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-20260317-737b25e"
   },
   "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
-};