@incodetech/web 0.0.0-dev-20260309-4e885f1 → 0.0.0-dev-20260309-dec7ce7

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
+};

package/dist/flow/flow.es.js

@@ -149,8 +149,8 @@ const T = () => import("../id/id.es.js").then((e) => e.Id), F = {
     (e) => e.GovernmentValidation
   ),
   GEOLOCATION: () => import("../geolocation/geolocation.es.js").then((e) => e.Geolocation),
-  EXTERNAL_VERIFICATION: () => import("../ekycModule-BjudjNd1.js").then((e) => e.EkycModule),
-  EKYB: () => import("../ekybModule-rXpGlGJI.js").then((e) => e.EkybModule),
+  EXTERNAL_VERIFICATION: () => import("../ekycModule-BgGa0eXL.js").then((e) => e.EkycModule),
+  EKYB: () => import("../ekybModule-DwH-VPQb.js").then((e) => e.EkybModule),
   DOCUMENT_CAPTURE: () => import("../documentCapture-C3vAq9ev.js").then(
     (e) => e.DocumentCapture
   )

package/dist/{verificationResult-BLkF37Z6.js → verificationResult-BUDATjlJ.js}

@@ -1,104 +1,105 @@
-import { d as b, y as g } from "./vendor-preact-DP-hbKuj.js";
+import { d as g, y as F } from "./vendor-preact-DP-hbKuj.js";
 import { b as h, u as e, B as I } from "./incodeModule-DAveRAyZ.js";
 import "./uiConfig-B8PUPgHY.js";
-import { I as F } from "./dropdownComposed-BjDHcYMb.js";
-import { S, E as y } from "./successIcon-BXW0lXvd.js";
-import { P as m } from "./page-CcgnVEBJ.js";
-import { S as k } from "./spinner-IY4lPK0V.js";
-function H(i, o) {
-  const [a, n] = b(!1);
-  return g(() => {
+import { I as S } from "./dropdownComposed-BjDHcYMb.js";
+import { S as y, E as k } from "./successIcon-BXW0lXvd.js";
+import { P as f } from "./page-CcgnVEBJ.js";
+import { S as z } from "./spinner-IY4lPK0V.js";
+function L(i, o) {
+  const [a, n] = g(!1);
+  return F(() => {
     const t = i.current;
     if (!t) return;
     const c = () => n(t.scrollHeight > t.clientHeight);
     c();
-    const s = new ResizeObserver(c);
-    return s.observe(t), () => s.disconnect();
+    const r = new ResizeObserver(c);
+    return r.observe(t), () => r.disconnect();
   }, [o, i]), a;
 }
-const L = ({
+const O = ({
   name: i,
   label: o,
   value: a = "",
   error: n,
-  type: t = "text",
-  placeholder: c,
-  placeholderParams: s,
-  required: f,
-  readonly: r,
-  maxLength: u,
-  disabled: l,
-  optional: v,
-  onChange: _
+  errorParams: t,
+  type: c = "text",
+  placeholder: r,
+  placeholderParams: u,
+  required: s,
+  readonly: m,
+  maxLength: l,
+  disabled: v,
+  optional: _,
+  onChange: V
 }) => {
-  const { t: d } = h(), p = d(o), V = v ? `${p} (${d("common.optional")})` : p;
+  const { t: d } = h(), p = d(o), N = _ ? `${p} (${d("common.optional")})` : p;
   return /* @__PURE__ */ e("div", { className: "IncodeFormField", children: /* @__PURE__ */ e(
-    F,
+    S,
     {
       id: i,
-      label: V,
+      label: N,
       name: i,
-      type: t,
+      type: c,
       value: a,
-      placeholder: c ? d(c, s) : void 0,
-      readOnly: r,
-      disabled: l,
-      maxLength: u,
-      error: n ? d(n) : void 0,
-      onInput: (N) => {
-        const R = N.target;
-        _(i, R.value);
+      placeholder: r ? d(r, u) : void 0,
+      readOnly: m,
+      disabled: v,
+      maxLength: l,
+      error: n ? d(n, t) : void 0,
+      onInput: (R) => {
+        const b = R.target;
+        V(i, b.value);
       },
       "data-testid": `form-field-${i}`
     }
   ) });
-}, O = ({
+}, P = ({
   status: i,
   submittingTitle: o,
   successTitle: a,
   failureTitle: n,
   onRetry: t,
   onSkip: c,
-  retryLabel: s,
-  skipLabel: f
+  retryLabel: r,
+  skipLabel: u
 }) => {
-  const { t: r } = h();
+  const { t: s } = h();
   if (i === "submitting") {
-    const l = o ?? r("verification.processing");
-    return /* @__PURE__ */ e(m, { className: "IncodeVerificationResult", children: /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
-      /* @__PURE__ */ e(k, {}),
+    const l = o ?? s("verification.processing");
+    return /* @__PURE__ */ e(f, { className: "IncodeVerificationResult", children: /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
+      /* @__PURE__ */ e(z, {}),
       /* @__PURE__ */ e("p", { className: "IncodeVerificationResult__title", children: l })
     ] }) });
   }
   if (i === "success") {
-    const l = a ?? r("verification.success");
-    return /* @__PURE__ */ e(m, { className: "IncodeVerificationResult", children: /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
-      /* @__PURE__ */ e(S, { size: 64 }),
+    const l = a ?? s("verification.success");
+    return /* @__PURE__ */ e(f, { className: "IncodeVerificationResult", children: /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
+      /* @__PURE__ */ e(y, { size: 64 }),
       /* @__PURE__ */ e("p", { className: "IncodeVerificationResult__title", children: l })
     ] }) });
   }
-  const u = n ?? r("verification.failureTitle");
-  return /* @__PURE__ */ e(m, { className: "IncodeVerificationResult", children: [
+  const m = n ?? s("verification.failureTitle");
+  return /* @__PURE__ */ e(f, { className: "IncodeVerificationResult", children: [
     /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
-      /* @__PURE__ */ e(y, { size: 64 }),
-      /* @__PURE__ */ e("p", { className: "IncodeVerificationResult__title", children: u })
+      /* @__PURE__ */ e(k, { size: 64 }),
+      /* @__PURE__ */ e("p", { className: "IncodeVerificationResult__title", children: m })
     ] }),
     /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__actions", children: [
-      t && /* @__PURE__ */ e(I, { onClick: t, "data-testid": "verification-retry", children: s ?? r("common.tryAgain") }),
+      t && /* @__PURE__ */ e(I, { onClick: t, "data-testid": "verification-retry", children: r ?? s("common.tryAgain") }),
       c && /* @__PURE__ */ e(
         I,
         {
           onClick: c,
           variant: "secondary",
           "data-testid": "verification-skip",
-          children: f ?? r("common.skip")
+          children: u ?? s("common.skip")
         }
       )
     ] })
   ] });
 };
 export {
-  L as F,
-  O as V,
-  H as u
+  O as F,
+  P as V,
+  L as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260309-4e885f1",
+  "version": "0.0.0-dev-20260309-dec7ce7",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -107,7 +107,7 @@
     "libphonenumber-js": "^1.11.0",
     "preact-custom-element": "^4.6.0",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260309-4e885f1"
+    "@incodetech/core": "0.0.0-dev-20260309-dec7ce7"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/ekycModule-BjudjNd1.js

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