@incodetech/web 0.0.0-dev-20260309-4e885f1 → 0.0.0-dev-20260309-7c6c9b5

package/dist/{ekybModule-rXpGlGJI.js → ekybModule-DwH-VPQb.js}

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

package/dist/ekycModule-BgGa0eXL.js

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