@incodetech/web 0.0.0-dev-20260407-4580f1c → 0.0.0-dev-20260407-2c382da

package/dist/ekybModule-Dr6LJUg-.js

@@ -0,0 +1,357 @@
+import { b as I, u as o, I as J, a as Q } from "./loadingIcon-DmuPXh70.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 D, d as te, q as C, k as oe } from "./vendor-preact-BoMmvSgn.js";
+import "./instance-BWYzq8dk.js";
+import "@incodetech/core";
+import { u as re, A as ne } from "./addressAutocomplete-C8-wL1j_.js";
+import { B as se } from "./button-CE9kRlem.js";
+import { P as K } from "./page-SrUl0qtN.js";
+import { S as ae } from "./spinner-DygONskw.js";
+import { t as G, F as le, V as P } from "./formField-CP6wDdfA.js";
+import { r as ce } from "./incodeModule-C4XIllao.js";
+import { D as Y } from "./dropdownComposed-BpinYlrx.js";
+import { a as _ } from "./inputComposed-fUbAGrDy.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: l } = I(), s = q(() => (de() ? [...M, ...Z] : [...M]).map(me).sort((c, d) => c.label.localeCompare(d.label)), []);
+  return /* @__PURE__ */ o("div", { className: "IncodeEkybCountrySelector", children: /* @__PURE__ */ o(
+    Y,
+    {
+      id: "ekyb-country",
+      label: l("ekyb.country"),
+      value: t,
+      options: s,
+      onChange: r,
+      "data-testid": "ekyb-country-selector"
+    }
+  ) });
+}, B = ({
+  field: t,
+  value: r,
+  error: l,
+  errorParams: s,
+  country: i,
+  onChange: c,
+  onBlur: d
+}) => {
+  const { t: b } = I(), u = !t.required, y = b(t.label);
+  if (t.type === "dropdown") {
+    const m = u ? `${y} (${b("common.optional")})` : y;
+    return /* @__PURE__ */ o(
+      Y,
+      {
+        id: `ekyb-${t.name}`,
+        label: m,
+        placeholder: t.placeholder ? b(t.placeholder) : void 0,
+        value: r,
+        options: (t.options ?? []).map((n) => ({
+          ...n,
+          label: b(n.label)
+        })),
+        error: G(b, l, s),
+        searchable: !0,
+        onChange: (n) => c(t.name, n),
+        onBlur: d ? () => d(t.name) : void 0,
+        "data-testid": `ekyb-field-${t.name}`
+      }
+    );
+  }
+  return /* @__PURE__ */ o(
+    le,
+    {
+      name: t.name,
+      label: t.label,
+      value: r,
+      error: l,
+      errorParams: s,
+      required: t.required,
+      optional: u,
+      onChange: c,
+      onBlur: d
+    }
+  );
+}, pe = ({
+  ubos: t,
+  errors: r,
+  errorParams: l,
+  canAddUbo: s,
+  onSetField: i,
+  onBlur: c,
+  onAdd: d,
+  onRemove: b
+}) => {
+  const { t: u } = I(), y = (m) => G(u, r[m], l[m]);
+  return t.length === 0 ? null : /* @__PURE__ */ o("div", { className: "IncodeEkybUbos", children: [
+    t.map((m, n) => {
+      const v = n === 0 ? u("ekyb.uboName") : u("ekyb.uboNameWithNumber", { number: n + 1 }), f = n === 0 ? u("ekyb.uboSurname") : u("ekyb.uboSurnameWithNumber", { number: n + 1 }), N = n === 0;
+      return /* @__PURE__ */ o("div", { className: "IncodeEkybUboEntry", children: [
+        /* @__PURE__ */ o(
+          _,
+          {
+            id: `ubo-${n}-name`,
+            label: v,
+            name: `ubo-${n}-name`,
+            value: m.name,
+            error: y(`ubo-${n}-name`),
+            onInput: (S) => i(n, "name", S.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: y(`ubo-${n}-surname`),
+            onInput: (S) => i(
+              n,
+              "surname",
+              S.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: u("common.remove")
+          }
+        )
+      ] }, m.id);
+    }),
+    s && /* @__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: l } = I(), [s, i] = Q(() => 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(
+    P,
+    {
+      status: "submitting",
+      submittingTitle: l("common.loading")
+    }
+  ) : s.status === "submitting" ? /* @__PURE__ */ o(K, { children: /* @__PURE__ */ o(
+    ae,
+    {
+      fullScreen: !1,
+      title: l("common.processing"),
+      className: "IncodeEkybSpinner"
+    }
+  ) }) : s.status === "success" ? /* @__PURE__ */ o(P, { status: "success" }) : s.status === "error" ? /* @__PURE__ */ o(P, { status: "failure", onRetry: () => i.retry() }) : s.status === "form" ? /* @__PURE__ */ o(Ee, { state: s, manager: i }) : null;
+}, O = /* @__PURE__ */ new Set([
+  "street",
+  "houseNo",
+  "addressLine2",
+  "city",
+  "state",
+  "postalCode"
+]), he = ["street", "city", "state", "postalCode", "houseNo"], Ee = ({ state: t, manager: r }) => {
+  const {
+    country: l,
+    fields: s,
+    values: i,
+    errors: c,
+    isValid: d,
+    ubos: b,
+    canAddUbo: u,
+    addressSuggestions: y,
+    submitAttempted: m
+  } = t, { t: n } = I(), v = D(null), f = D(null), N = D(void 0), S = re(v, s.length), [w, T] = te({}), p = C((e) => {
+    T((a) => a[e] ? a : { ...a, [e]: !0 });
+  }, []), { displayErrors: E, errorParams: F } = q(
+    () => x(
+      c,
+      w,
+      m,
+      l,
+      s
+    ),
+    [c, w, m, l, s]
+  ), $ = C(
+    (e) => p(e),
+    [p]
+  ), A = C(
+    (e, a) => {
+      p(e), r.setField(e, a);
+    },
+    [r, p]
+  ), j = C(
+    (e, a, h) => {
+      p(`ubo-${e}-${a}`), r.setUboField(e, a, h);
+    },
+    [r, p]
+  ), W = C(
+    (e) => {
+      for (const a of he) p(a);
+      r.selectAddress(e);
+    },
+    [r, p]
+  ), z = C(
+    (e) => {
+      r.removeUbo(e), T((a) => {
+        const h = {};
+        for (const [k, U] of Object.entries(a)) {
+          const R = k.match(/^ubo-(\d+)-(name|surname)$/);
+          if (!R) {
+            h[k] = U;
+            continue;
+          }
+          const g = Number(R[1]);
+          if (g === e) continue;
+          const X = g > e ? g - 1 : g;
+          h[`ubo-${X}-${R[2]}`] = U;
+        }
+        return h;
+      });
+    },
+    [r]
+  );
+  V(() => {
+    const e = E.postalCode, a = N.current;
+    if (N.current = e, !e || a === e)
+      return;
+    const h = requestAnimationFrame(() => {
+      const k = f.current;
+      if (!k) return;
+      (k.querySelector("#postalCode-error") ?? k).scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    });
+    return () => cancelAnimationFrame(h);
+  }, [E.postalCode]);
+  const H = s.filter((e) => !O.has(e.name)), L = s.filter((e) => O.has(e.name));
+  return /* @__PURE__ */ o(K, { className: `IncodeEkybPage${S ? " IncodeEkybPageScrollable" : ""}`, title: n("ekyb.title"), children: [
+    /* @__PURE__ */ o("div", { ref: v, className: "IncodeEkybForm", children: [
+      /* @__PURE__ */ o(
+        be,
+        {
+          value: l,
+          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: l,
+          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(oe, { children: [
+        /* @__PURE__ */ o("h3", { className: "IncodeEkybSectionHeader", children: n("ekyb.addressDetails") }),
+        L.map((e) => e.name === "street" ? /* @__PURE__ */ o(
+          ne,
+          {
+            label: e.label,
+            value: i.street ?? "",
+            error: E.street,
+            errorParams: F.street,
+            suggestions: y,
+            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: l,
+                onChange: A,
+                onBlur: $
+              }
+            )
+          },
+          e.name
+        ))
+      ] })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "IncodeEkybFooter", children: /* @__PURE__ */ o(
+      se,
+      {
+        onClick: () => r.submit(),
+        disabled: !d,
+        "data-testid": "ekyb-submit",
+        children: n("ekyb.continue")
+      }
+    ) })
+  ] });
+}, ke = ({ config: t, onFinish: r }) => /* @__PURE__ */ o(J, { children: t ? /* @__PURE__ */ o(ye, { config: t, onFinish: r }) : null });
+ce(ke, "incode-ekyb");
+export {
+  ke as EkybModule
+};

package/dist/ekyc/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {

package/dist/ekycModule-C3mswduI.js

@@ -0,0 +1,291 @@
+import { u as r, I as Y, b as $, a as G } from "./loadingIcon-DmuPXh70.js";
+import { computeEkycDisplayErrors as j, createEkycManager as z } from "@incodetech/core/ekyc";
+import { y as q, A as F, d as J, q as E, T as Q } from "./vendor-preact-BoMmvSgn.js";
+import "./instance-BWYzq8dk.js";
+import "@incodetech/core";
+import { u as U, A as W } from "./addressAutocomplete-C8-wL1j_.js";
+import { V as v, t as X, F as Z } from "./formField-CP6wDdfA.js";
+import { B as L } from "./button-CE9kRlem.js";
+import { D as f } from "./dateInputComposed-C7PCzh-U.js";
+import { D as ee } from "./dropdownComposed-BpinYlrx.js";
+import { P as T } from "./page-SrUl0qtN.js";
+import { S as re } from "./spinner-DygONskw.js";
+import { r as oe } from "./incodeModule-C4XIllao.js";
+import { P as te } from "./phoneInputComposed-Cm9O2Jba.js";
+const ae = ({ config: p, onFinish: s }) => {
+  const { t: l } = $(), [a, d] = G(() => z({ config: p }));
+  return q(() => {
+    (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 } = $(), 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]
+  );
+  q(() => {
+    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: !1,
+              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
+};