@incodetech/web 0.0.0-dev-20260317-737b25e → 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;

package/dist/{ekybModule-FeVB4y3_.js → ekybModule-9m8cnkfH.js}

@@ -1,18 +1,19 @@
-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 { 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 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 { 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 ce(t) {
+function ue(t) {
   return [...t.toUpperCase()].map((r) => String.fromCodePoint(127462 + r.charCodeAt(0) - 65)).join("");
 }
-const le = {
+const ie = {
   BR: "Brazil",
   CM: "Cameroon",
   CN: "China",
@@ -27,27 +28,27 @@ const le = {
   GB: "United Kingdom",
   US: "USA"
 };
-function ie(t) {
-  const r = le[t] ?? t;
-  return { value: t, label: `${ce(t)} ${r}` };
+function me(t) {
+  const r = ie[t] ?? t;
+  return { value: t, label: `${ue(t)} ${r}` };
 }
-function me() {
+function de() {
   if (typeof window > "u") return !1;
   const { hostname: t } = window.location;
   return t === "localhost" || t.includes("stage") || t.includes("demo");
 }
-const de = ({
+const be = ({
   value: t,
   onChange: r
 }) => {
-  const { t: u } = v(), s = q(() => (me() ? [...M, ...Z] : [...M]).map(ie).sort((c, d) => c.label.localeCompare(d.label)), []);
+  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(
-    G,
+    Y,
     {
       id: "ekyb-country",
-      label: u("ekyb.country"),
+      label: c("ekyb.country"),
       value: t,
-      options: s,
+      options: n,
       onChange: r,
       "data-testid": "ekyb-country-selector"
     }
@@ -55,126 +56,133 @@ const de = ({
 }, B = ({
   field: t,
   value: r,
-  error: u,
-  errorParams: s,
+  error: c,
+  errorParams: n,
   country: i,
-  onChange: c,
+  onChange: l,
   onBlur: d
 }) => {
-  const { t: b } = v(), l = !t.required, h = b(t.label);
+  const { t: b } = v(), u = !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;
+    const m = u ? `${h} (${b("common.optional")})` : h, s = t.name === "state" ? b("ekyb.selectState") : void 0;
     return /* @__PURE__ */ o(
-      G,
+      Y,
       {
         id: `ekyb-${t.name}`,
         label: m,
-        placeholder: n,
+        placeholder: s,
         value: r,
         options: (t.options ?? []).map((p) => ({
           ...p,
           label: b(p.label)
         })),
-        error: K(b, u, s),
+        error: G(b, c, n),
         searchable: !0,
-        onChange: (p) => c(t.name, p),
+        onChange: (p) => l(t.name, p),
         onBlur: d ? () => d(t.name) : void 0,
         "data-testid": `ekyb-field-${t.name}`
       }
     );
   }
   return /* @__PURE__ */ o(
-    ae,
+    ce,
     {
       name: t.name,
       label: t.label,
       value: r,
-      error: u,
-      errorParams: s,
+      error: c,
+      errorParams: n,
       required: t.required,
-      optional: l,
-      onChange: c,
+      optional: u,
+      onChange: l,
       onBlur: d
     }
   );
-}, be = ({
+}, pe = ({
   ubos: t,
   errors: r,
-  errorParams: u,
-  canAddUbo: s,
+  errorParams: c,
+  canAddUbo: n,
   onSetField: i,
-  onBlur: c,
+  onBlur: l,
   onAdd: d,
   onRemove: b
 }) => {
-  const { t: l } = v(), h = (m) => K(l, r[m], u[m]);
+  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, 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;
+    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-${n}-name`,
+            id: `ubo-${s}-name`,
             label: p,
-            name: `ubo-${n}-name`,
+            name: `ubo-${s}-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`
+            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-${n}-surname`,
+            id: `ubo-${s}-surname`,
             label: f,
-            name: `ubo-${n}-surname`,
+            name: `ubo-${s}-surname`,
             value: m.surname,
-            error: h(`ubo-${n}-surname`),
+            error: h(`ubo-${s}-surname`),
             onInput: (I) => i(
-              n,
+              s,
               "surname",
               I.target.value
             ),
-            onBlur: c ? () => c(`ubo-${n}-surname`) : void 0,
-            "data-testid": `ekyb-ubo-${n}-surname`
+            onBlur: l ? () => l(`ubo-${s}-surname`) : void 0,
+            "data-testid": `ekyb-ubo-${s}-surname`
           }
         ),
         !N && /* @__PURE__ */ o(
           "button",
           {
             className: "IncodeEkybRemoveUbo",
-            onClick: () => b(n),
+            onClick: () => b(s),
             type: "button",
-            children: l("common.remove")
+            children: u("common.remove")
           }
         )
       ] }, m.id);
     }),
-    s && /* @__PURE__ */ o(
+    n && /* @__PURE__ */ o(
       "button",
       {
         className: "IncodeEkybAddUbo",
         onClick: d,
         type: "button",
         "data-testid": "ekyb-add-ubo",
-        children: l("ekyb.addAnotherUbo")
+        children: u("ekyb.addAnotherUbo")
       }
     )
   ] });
-}, pe = ({ config: t, onFinish: r }) => {
-  const { t: u } = v(), [s, i] = J(() => ee({ config: t }));
+}, ye = ({ config: t, onFinish: r }) => {
+  const { t: c } = v(), [n, i] = Q(() => te({ 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,
+    (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: u("common.loading")
+      submittingTitle: c("common.loading")
+    }
+  ) : n.status === "submitting" ? /* @__PURE__ */ o(K, { children: /* @__PURE__ */ o(
+    ae,
+    {
+      fullScreen: !1,
+      title: c("common.processing"),
+      className: "IncodeEkybSpinner"
     }
-  ) : 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;
+  ) }) : 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",
@@ -182,61 +190,61 @@ const de = ({
   "city",
   "state",
   "postalCode"
-]), ye = ["street", "city", "state", "postalCode", "houseNo"], he = ({ state: t, manager: r }) => {
+]), he = ["street", "city", "state", "postalCode", "houseNo"], ke = ({ state: t, manager: r }) => {
   const {
-    country: u,
-    fields: s,
+    country: c,
+    fields: n,
     values: i,
-    errors: c,
+    errors: l,
     isValid: d,
     ubos: b,
-    canAddUbo: l,
+    canAddUbo: u,
     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, { 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(
-    () => x(
-      c,
+    () => ee(
+      l,
       w,
       m,
-      u,
-      s
+      c,
+      n
     ),
-    [c, w, m, u, s]
+    [l, w, m, c, n]
   ), $ = S(
     (e) => y(e),
     [y]
-  ), U = S(
+  ), A = S(
     (e, a) => {
       y(e), r.setField(e, a);
     },
     [r, y]
-  ), Y = S(
+  ), j = S(
     (e, a, k) => {
       y(`ubo-${e}-${a}`), r.setUboField(e, a, k);
     },
     [r, y]
-  ), j = S(
+  ), W = S(
     (e) => {
-      for (const a of ye) y(a);
+      for (const a of he) y(a);
       r.selectAddress(e);
     },
     [r, y]
-  ), W = S(
+  ), z = 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;
+        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(D[1]);
+          const g = Number(R[1]);
           if (g === e) continue;
-          const H = g > e ? g - 1 : g;
-          k[`ubo-${H}-${D[2]}`] = R;
+          const X = g > e ? g - 1 : g;
+          k[`ubo-${X}-${R[2]}`] = U;
         }
         return k;
       });
@@ -257,44 +265,44 @@ const de = ({
     });
     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: [
+  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(
-        de,
+        be,
         {
-          value: u,
+          value: c,
           onChange: (e) => r.setCountry(e)
         }
       ),
-      z.map((e) => /* @__PURE__ */ o(
+      H.map((e) => /* @__PURE__ */ o(
         B,
         {
           field: e,
           value: i[e.name] ?? "",
           error: E[e.name],
           errorParams: F[e.name],
-          country: u,
-          onChange: U,
+          country: c,
+          onChange: A,
           onBlur: $
         },
         e.name
       )),
       /* @__PURE__ */ o(
-        be,
+        pe,
         {
           ubos: b,
           errors: E,
           errorParams: F,
-          canAddUbo: l,
-          onSetField: Y,
+          canAddUbo: u,
+          onSetField: j,
           onBlur: $,
           onAdd: () => r.addUbo(),
-          onRemove: W
+          onRemove: z
         }
       ),
-      L.length > 0 && /* @__PURE__ */ o(oe, { children: [
-        /* @__PURE__ */ o("h3", { className: "IncodeEkybSectionHeader", children: n("ekyb.addressDetails") }),
+      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,
           {
@@ -304,9 +312,9 @@ const de = ({
             errorParams: F.street,
             suggestions: h,
             optional: !e.required,
-            onChange: (a) => U("street", a),
+            onChange: (a) => A("street", a),
             onSearch: (a) => r.searchAddress(a),
-            onSelect: j,
+            onSelect: W,
             onBlur: () => $("street")
           },
           e.name
@@ -321,8 +329,8 @@ const de = ({
                 value: i[e.name] ?? "",
                 error: E[e.name],
                 errorParams: F[e.name],
-                country: u,
-                onChange: U,
+                country: c,
+                onChange: A,
                 onBlur: $
               }
             )
@@ -332,17 +340,17 @@ const de = ({
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "IncodeEkybFooter", children: /* @__PURE__ */ o(
-      Q,
+      Z,
       {
         onClick: () => r.submit(),
         disabled: !d,
         "data-testid": "ekyb-submit",
-        children: n("ekyb.continue")
+        children: s("ekyb.continue")
       }
     ) })
   ] });
-}, ke = ({ config: t, onFinish: r }) => /* @__PURE__ */ o(X, { children: t ? /* @__PURE__ */ o(pe, { config: t, onFinish: r }) : null });
-ue(ke, "incode-ekyb");
+}, Ee = ({ config: t, onFinish: r }) => /* @__PURE__ */ o(J, { children: t ? /* @__PURE__ */ o(ye, { config: t, onFinish: r }) : null });
+le(Ee, "incode-ekyb");
 export {
-  ke as EkybModule
+  Ee as EkybModule
 };

package/dist/ekyc/styles.css

@@ -9,6 +9,10 @@
   }
 }
 
+.IncodeEkycSpinner {
+  flex: 1;
+}
+
 .IncodeEkycPage {
   max-width: 480px;
   margin-inline: auto;

package/dist/{ekycModule-CFcYtlo_.js → ekycModule-BN_zKKux.js}

@@ -1,88 +1,96 @@
-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 { 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 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 { 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 oe = ({ config: p, onFinish: n }) => {
-  const { t: l } = q(), [a, m] = Y(() => j({ config: p }));
+const ae = ({ config: p, onFinish: s }) => {
+  const { t: l } = q(), [a, d] = G(() => z({ 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,
+    (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(k, { status: "submitting" }) : a.status === "success" ? /* @__PURE__ */ r(k, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ r(
-    k,
+  ) : 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: () => m.retry(),
-      onSkip: () => m.skip()
+      onRetry: () => d.retry(),
+      onSkip: () => d.skip()
     }
   ) : a.status === "misconfigured" ? /* @__PURE__ */ r(
-    k,
+    v,
     {
       status: "failure",
       failureTitle: l("verification.noFormFields"),
-      onSkip: () => m.close(),
+      onSkip: () => d.close(),
       skipLabel: l("common.close")
     }
-  ) : a.status === "form" ? /* @__PURE__ */ r(se, { state: a, manager: m }) : null;
-}, ae = [
+  ) : a.status === "form" ? /* @__PURE__ */ r(se, { state: a, manager: d }) : null;
+}, ne = [
   "street",
   "city",
   "state",
   "postalCode",
   "houseNo"
-], se = ({ state: p, manager: n }) => {
+], se = ({ state: p, manager: s }) => {
   const {
     fields: l,
     values: a,
-    errors: m,
-    isValid: T,
-    addressSuggestions: V,
-    prefilled: w,
-    hideEmail: K,
+    errors: d,
+    isValid: V,
+    addressSuggestions: w,
+    prefilled: K,
+    hideEmail: M,
     fieldsCountry: C,
-    submitError: g,
+    submitError: S,
     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,
+  } = 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
     ),
-    [m, D, P, C, l]
-  ), y = v(
+    [d, D, P, C, l]
+  ), y = E(
     (e) => h(e),
     [h]
-  ), b = v(
-    (e, t) => {
-      h(e), n.setField(e, t);
+  ), b = E(
+    (e, o) => {
+      h(e), s.setField(e, o);
     },
-    [n, h]
-  ), _ = v(
+    [s, h]
+  ), H = E(
     (e) => {
-      for (const t of ae) h(t);
-      n.selectAddress(e);
+      for (const o of ne) h(o);
+      s.selectAddress(e);
     },
-    [n, h]
+    [s, h]
   );
   $(() => {
-    const e = S.postalCode, t = R.current;
-    if (R.current = e, !e || t === e)
+    const e = g.postalCode, o = R.current;
+    if (R.current = e, !e || o === e)
       return;
     const i = requestAnimationFrame(() => {
       const c = A.current;
@@ -93,57 +101,57 @@ const oe = ({ config: p, onFinish: n }) => {
       });
     });
     return () => cancelAnimationFrame(i);
-  }, [S.postalCode]);
-  const E = (e, t) => W(s, t, I[e]);
+  }, [g.postalCode]);
+  const k = (e, o) => X(n, o, I[e]);
   let B;
-  return /* @__PURE__ */ r(ee, { className: `IncodeEkycPage${M ? " IncodeEkycPageScrollable" : ""}`, title: s("verification.title"), children: [
+  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" && K) return null;
-      let t = null;
-      e.section && e.section !== B && (B = e.section, t = /* @__PURE__ */ r("h3", { className: "IncodeEkycSectionHeader", children: s({
+      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 || w[e.name], c = a[e.name] ?? "", u = S[e.name];
+      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: [
-          t,
+          o,
           /* @__PURE__ */ r(
-            U,
+            W,
             {
               label: e.label,
               value: c,
               error: u,
               errorParams: I[e.name],
-              suggestions: V,
+              suggestions: w,
               readonly: i,
               optional: !e.required,
-              onChange: (o) => b("street", o),
-              onSearch: (o) => n.searchAddress(o),
-              onSelect: _,
+              onChange: (t) => b("street", t),
+              onSearch: (t) => s.searchAddress(t),
+              onSelect: H,
               onBlur: () => y("street")
             }
           )
         ] }, e.name);
       if (e.type === "dropdown") {
-        const o = s(e.label);
+        const t = n(e.label);
         return /* @__PURE__ */ r("div", { children: [
-          t,
+          o,
           /* @__PURE__ */ r(
-            f,
+            ee,
             {
               id: `ekyc-${e.name}`,
-              label: o,
-              placeholder: e.placeholder ? s(e.placeholder) : void 0,
+              label: t,
+              placeholder: e.placeholder ? n(e.placeholder) : void 0,
               value: c,
-              options: (e.options ?? []).map((d) => ({
-                ...d,
-                label: s(d.label)
+              options: (e.options ?? []).map((m) => ({
+                ...m,
+                label: n(m.label)
               })),
-              error: E(e.name, u),
+              error: k(e.name, u),
               disabled: i,
               searchable: !0,
-              onChange: (d) => b(e.name, d),
+              onChange: (m) => b(e.name, m),
               onBlur: () => y(e.name),
               "data-testid": `ekyc-field-${e.name}`
             }
@@ -151,20 +159,20 @@ const oe = ({ config: p, onFinish: n }) => {
         ] }, e.name);
       }
       if (e.type === "date") {
-        const o = s(e.label);
+        const t = n(e.label);
         return /* @__PURE__ */ r("div", { children: [
-          t,
+          o,
           /* @__PURE__ */ r(
-            Z,
+            f,
             {
               id: `ekyc-${e.name}`,
-              label: o,
+              label: t,
               value: c,
-              error: E(e.name, u),
+              error: k(e.name, u),
               disabled: i,
-              onInput: (d) => {
-                const H = d.target;
-                b(e.name, H.value);
+              onInput: (m) => {
+                const O = m.target;
+                b(e.name, O.value);
               },
               onBlur: () => y(e.name),
               "data-testid": `ekyc-field-${e.name}`
@@ -173,22 +181,22 @@ const oe = ({ config: p, onFinish: n }) => {
         ] }, e.name);
       }
       if (e.type === "phone") {
-        const o = s(e.label);
+        const t = n(e.label);
         return /* @__PURE__ */ r("div", { children: [
-          t,
+          o,
           /* @__PURE__ */ r(
             te,
             {
               id: `ekyc-${e.name}`,
-              label: o,
+              label: t,
               countryCode: C,
               value: c,
               placeholder: e.placeholder,
-              error: E(e.name, u),
+              error: k(e.name, u),
               disabled: i,
               disableCountrySelector: e.disableCountrySelector,
               required: e.required,
-              onChange: (d) => b(e.name, d),
+              onChange: (m) => b(e.name, m),
               onBlur: () => y(e.name),
               "data-testid": `ekyc-field-${e.name}`
             }
@@ -196,10 +204,10 @@ const oe = ({ config: p, onFinish: n }) => {
         ] }, e.name);
       }
       return e.type === "radio" ? /* @__PURE__ */ r("div", { children: [
-        t,
+        o,
         /* @__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(
+          /* @__PURE__ */ r("label", { className: "IncodeEkycRadioLabel", children: n(e.label) }),
+          /* @__PURE__ */ r("div", { className: "IncodeEkycRadioOptions", children: e.options?.map((t) => /* @__PURE__ */ r(
             "label",
             {
               className: "IncodeEkycRadioOption",
@@ -209,28 +217,28 @@ const oe = ({ config: p, onFinish: n }) => {
                   {
                     type: "radio",
                     name: e.name,
-                    checked: c === o.value,
-                    value: o.value,
-                    onChange: () => b(e.name, o.value),
+                    checked: c === t.value,
+                    value: t.value,
+                    onChange: () => b(e.name, t.value),
                     onBlur: () => y(e.name),
                     disabled: i
                   }
                 ),
-                /* @__PURE__ */ r("span", { children: s(o.label) })
+                /* @__PURE__ */ r("span", { children: n(t.label) })
               ]
             },
-            o.value
+            t.value
           )) }),
-          u && /* @__PURE__ */ r("span", { className: "IncodeEkycFieldError", children: E(e.name, u) })
+          u && /* @__PURE__ */ r("span", { className: "IncodeEkycFieldError", children: k(e.name, u) })
         ] })
       ] }, e.name) : /* @__PURE__ */ r(
         "div",
         {
           ref: e.name === "postalCode" ? A : void 0,
           children: [
-            t,
+            o,
             /* @__PURE__ */ r(
-              X,
+              Z,
               {
                 name: e.name,
                 label: e.label,
@@ -254,29 +262,29 @@ const oe = ({ config: p, onFinish: n }) => {
       );
     }) }),
     /* @__PURE__ */ r("div", { className: "IncodeEkycFooter", children: [
-      g && /* @__PURE__ */ r("p", { className: "IncodeEkycSubmitError", children: s(g) }),
+      S && /* @__PURE__ */ r("p", { className: "IncodeEkycSubmitError", children: n(S) }),
       /* @__PURE__ */ r(
         L,
         {
-          onClick: () => n.submit(),
-          disabled: !T,
+          onClick: () => s.submit(),
+          disabled: !V,
           "data-testid": "ekyc-submit",
-          children: s("common.continue")
+          children: n("common.continue")
         }
       ),
-      g === "verification.errors.countryNotSupported" && /* @__PURE__ */ r(
+      S === "verification.errors.countryNotSupported" && /* @__PURE__ */ r(
         L,
         {
           variant: "link",
-          onClick: () => n.skip(),
+          onClick: () => s.skip(),
           "data-testid": "ekyc-skip",
-          children: s("verification.labels.skip")
+          children: n("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");
+}, ce = ({ config: p, onFinish: s }) => /* @__PURE__ */ r(Y, { children: p ? /* @__PURE__ */ r(ae, { config: p, onFinish: s }) : null });
+oe(ce, "incode-ekyc");
 export {
-  ne as EkycModule
+  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-CFcYtlo_.js").then((e) => e.EkycModule),
-  EKYB: () => import("../ekybModule-FeVB4y3_.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;
@@ -5729,6 +5733,10 @@
   background-color: #0000;
 }
 
+.IncodeEkybSpinner {
+  flex: 1;
+}
+
 .IncodeEkybPage {
   max-width: 480px;
   margin-inline: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260317-737b25e",
+  "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-737b25e"
+    "@incodetech/core": "0.0.0-dev-20260318-7381409"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",