@incodetech/web 0.0.0-dev-20260313-bc2dab4 → 0.0.0-dev-20260317-ce5d28b

package/dist/ekycModule-DdD1iChB.js

@@ -1,370 +0,0 @@
-import { b as L, u as t, I as q, a as O, S as V, B as K } from "./button-Ca1tRSTI.js";
-import { createEkycManager as B } from "@incodetech/core/ekyc";
-import { d as w, A as x, y as N, q as H } from "./vendor-preact-BXf0bkEs.js";
-import "./uiConfig-Z6RT23Sl.js";
-import "@incodetech/core";
-import { u as T } from "./useFormScrollable-3O3GeT4m.js";
-import { D as Q } from "./dateInputComposed-CvFmQpJ0.js";
-import { I as z, D as G } from "./dropdownComposed-DBm7cotT.js";
-import { V as S, F as U } from "./formField-C91ckby4.js";
-import { P as W } from "./page-BVHG3h0V.js";
-import { r as j } from "./incodeModule-aE-LkKwM.js";
-import { P as J } from "./phoneInputComposed-B1gXoSzr.js";
-import { u as X } from "./useMediaQuery-CiSMgDyi.js";
-const Y = ({
-  label: y,
-  value: n,
-  error: h,
-  suggestions: l,
-  readonly: a,
-  optional: b,
-  onChange: E,
-  onSearch: M,
-  onSelect: F
-}) => {
-  const { t: v } = L(), [D, I] = w(!1), [r, C] = w(!1), [P, g] = w(""), [k, A] = w(-1), $ = x(null), e = "ekyc-address-listbox", i = X(), p = v(y), u = b ? `${p} (${v("common.optional")})` : p;
-  N(() => {
-    function o(d) {
-      $.current && !$.current.contains(d.target) && I(!1);
-    }
-    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
-  }, []), N(() => {
-    A(-1);
-  }, [l]);
-  const c = H(
-    (o) => {
-      F(o), I(!1), C(!1), A(-1);
-    },
-    [F]
-  ), s = (o) => {
-    E(o), o.length >= 3 ? i ? (C(!0), g(o)) : (M(o), I(!0)) : I(!1);
-  }, m = (o) => {
-    !D || l.length === 0 || (o.key === "ArrowDown" ? (o.preventDefault(), A((d) => d < l.length - 1 ? d + 1 : 0)) : o.key === "ArrowUp" ? (o.preventDefault(), A((d) => d > 0 ? d - 1 : l.length - 1)) : o.key === "Enter" && k >= 0 ? (o.preventDefault(), c(l[k])) : o.key === "Escape" && (I(!1), A(-1)));
-  }, f = !i && D && l.length > 0, R = f && k >= 0 ? `${e}-option-${k}` : void 0;
-  return /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete", ref: $, children: [
-    /* @__PURE__ */ t(
-      z,
-      {
-        id: "ekyc-street",
-        label: u,
-        name: "street",
-        value: n,
-        readOnly: a,
-        error: h ? v(h) : void 0,
-        onInput: (o) => s(o.target.value),
-        onKeyDown: m,
-        role: "combobox",
-        "aria-expanded": f,
-        "aria-controls": e,
-        "aria-activedescendant": R,
-        "aria-autocomplete": "list",
-        "data-testid": "ekyc-address-input"
-      }
-    ),
-    f && /* @__PURE__ */ t(
-      "ul",
-      {
-        id: e,
-        role: "listbox",
-        className: "IncodeAddressAutocompleteSuggestions",
-        children: l.map((o, d) => /* @__PURE__ */ t(
-          "li",
-          {
-            id: `${e}-option-${d}`,
-            role: "option",
-            "aria-selected": d === k,
-            className: `IncodeAddressAutocompleteSuggestion${d === k ? "IncodeAddressAutocompleteSuggestionActive" : ""}`,
-            onClick: () => c(o),
-            children: o.label
-          },
-          o.id
-        ))
-      }
-    ),
-    i && r && /* @__PURE__ */ t("div", { className: "IncodeAddressAutocompleteModalOverlay", children: /* @__PURE__ */ t("div", { className: "IncodeAddressAutocompleteModal", children: [
-      /* @__PURE__ */ t("div", { className: "IncodeAddressAutocompleteModalHeader", children: [
-        /* @__PURE__ */ t("h3", { children: v("verification.addressSearch") }),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            className: "IncodeAddressAutocompleteModalClose",
-            onClick: () => C(!1),
-            type: "button",
-            children: "×"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "IncodeAddressAutocompleteModalBody", children: [
-        /* @__PURE__ */ t(
-          "input",
-          {
-            className: "IncodeAddressAutocompleteModalInput",
-            type: "text",
-            value: P,
-            placeholder: v("verification.addressPlaceholder"),
-            onInput: (o) => {
-              const d = o.target.value;
-              g(d), d.length >= 3 && M(d);
-            },
-            autoFocus: !0
-          }
-        ),
-        l.length > 0 && /* @__PURE__ */ t(
-          "ul",
-          {
-            role: "listbox",
-            className: "IncodeAddressAutocompleteModalSuggestions",
-            children: l.map((o) => /* @__PURE__ */ t(
-              "li",
-              {
-                role: "option",
-                className: "IncodeAddressAutocompleteModalSuggestion",
-                onClick: () => c(o),
-                children: o.label
-              },
-              o.id
-            ))
-          }
-        ),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            className: "IncodeAddressAutocompleteEnterManually",
-            onClick: () => C(!1),
-            type: "button",
-            children: v("verification.enterManually")
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-}, Z = ({ config: y, onFinish: n, onError: h }) => {
-  const { t: l } = L(), [a, b] = O(() => B({ config: y }));
-  N(() => {
-    (a.status === "finished" || a.status === "closed") && n?.();
-  }, [a.status, n]);
-  const E = a.status === "error" ? a.errorMessage : void 0;
-  return N(() => {
-    a.status === "error" && h?.(E);
-  }, [a.status, h, E]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ t(
-    S,
-    {
-      status: "submitting",
-      submittingTitle: l("common.loading")
-    }
-  ) : a.status === "submitting" ? /* @__PURE__ */ t(S, { status: "submitting" }) : a.status === "success" ? /* @__PURE__ */ t(S, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ t(
-    S,
-    {
-      status: "failure",
-      onRetry: () => b.retry(),
-      onSkip: () => b.skip()
-    }
-  ) : a.status === "misconfigured" ? /* @__PURE__ */ t(
-    S,
-    {
-      status: "failure",
-      failureTitle: l("verification.noFormFields"),
-      onSkip: () => b.close(),
-      skipLabel: l("common.close")
-    }
-  ) : a.status === "form" ? /* @__PURE__ */ t(_, { state: a, manager: b }) : null;
-}, _ = ({ state: y, manager: n }) => {
-  const {
-    fields: h,
-    values: l,
-    displayErrors: a,
-    errorParams: b,
-    isValid: E,
-    addressSuggestions: M,
-    prefilled: F,
-    hideEmail: v,
-    fieldsCountry: D,
-    submitError: I
-  } = y, { t: r } = L(), C = x(null), P = x(null), g = x(void 0), k = T(C, h.length);
-  N(() => {
-    const e = a.postalCode, i = g.current;
-    if (g.current = e, !e || i === e)
-      return;
-    const p = requestAnimationFrame(() => {
-      const u = P.current;
-      if (!u) return;
-      (u.querySelector("#postalCode-error") ?? u).scrollIntoView({
-        behavior: "smooth",
-        block: "nearest"
-      });
-    });
-    return () => cancelAnimationFrame(p);
-  }, [a.postalCode]);
-  let A;
-  return /* @__PURE__ */ t(W, { className: `IncodeEkycPage${k ? " IncodeEkycPageScrollable" : ""}`, title: r("verification.title"), children: [
-    /* @__PURE__ */ t("div", { ref: C, className: "IncodeEkycForm", children: h.map((e) => {
-      if (e.name === "email" && v) return null;
-      let i = null;
-      e.section && e.section !== A && (A = e.section, i = /* @__PURE__ */ t("h3", { className: "IncodeEkycSectionHeader", children: r({
-        address: "verification.labels.addressDetailsSection",
-        driverLicense: "verification.labels.dlDetailsSection"
-      }[e.section] ?? e.section) }));
-      const p = e.readonly || F[e.name], u = l[e.name] ?? "", c = a[e.name];
-      if (e.name === "street" && e.section === "address")
-        return /* @__PURE__ */ t("div", { children: [
-          i,
-          /* @__PURE__ */ t(
-            Y,
-            {
-              label: e.label,
-              value: u,
-              error: c,
-              suggestions: M,
-              readonly: p,
-              onChange: (s) => n.setField("street", s),
-              onSearch: (s) => n.searchAddress(s),
-              onSelect: (s) => n.selectAddress(s)
-            }
-          )
-        ] }, e.name);
-      if (e.type === "dropdown") {
-        const s = r(e.label);
-        return /* @__PURE__ */ t("div", { children: [
-          i,
-          /* @__PURE__ */ t(
-            G,
-            {
-              id: `ekyc-${e.name}`,
-              label: s,
-              placeholder: e.placeholder ? r(e.placeholder) : void 0,
-              value: u,
-              options: (e.options ?? []).map((m) => ({
-                ...m,
-                label: r(m.label)
-              })),
-              error: c ? r(c) : void 0,
-              disabled: p,
-              searchable: !0,
-              onChange: (m) => n.setField(e.name, m),
-              "data-testid": `ekyc-field-${e.name}`
-            }
-          )
-        ] }, e.name);
-      }
-      if (e.type === "date") {
-        const s = r(e.label);
-        return /* @__PURE__ */ t("div", { children: [
-          i,
-          /* @__PURE__ */ t(
-            Q,
-            {
-              id: `ekyc-${e.name}`,
-              label: s,
-              value: u,
-              error: c ? r(c) : void 0,
-              disabled: p,
-              onInput: (m) => {
-                const f = m.target;
-                n.setField(e.name, f.value);
-              },
-              "data-testid": `ekyc-field-${e.name}`
-            }
-          )
-        ] }, e.name);
-      }
-      if (e.type === "phone") {
-        const s = r(e.label);
-        return /* @__PURE__ */ t("div", { children: [
-          i,
-          /* @__PURE__ */ t(
-            J,
-            {
-              id: `ekyc-${e.name}`,
-              label: s,
-              countryCode: D,
-              value: u,
-              placeholder: e.placeholder,
-              error: c ? r(c) : void 0,
-              disabled: p,
-              disableCountrySelector: e.disableCountrySelector,
-              required: e.required,
-              onChange: (m) => n.setField(e.name, m),
-              "data-testid": `ekyc-field-${e.name}`
-            }
-          )
-        ] }, e.name);
-      }
-      return e.type === "radio" ? /* @__PURE__ */ t("div", { children: [
-        i,
-        /* @__PURE__ */ t("div", { className: "IncodeEkycRadioGroup", children: [
-          /* @__PURE__ */ t("label", { className: "IncodeEkycRadioLabel", children: r(e.label) }),
-          /* @__PURE__ */ t("div", { className: "IncodeEkycRadioOptions", children: e.options?.map((s) => /* @__PURE__ */ t(
-            "label",
-            {
-              className: "IncodeEkycRadioOption",
-              children: [
-                /* @__PURE__ */ t(
-                  "input",
-                  {
-                    type: "radio",
-                    name: e.name,
-                    checked: u === s.value,
-                    value: s.value,
-                    onChange: () => n.setField(e.name, s.value),
-                    disabled: p
-                  }
-                ),
-                /* @__PURE__ */ t("span", { children: r(s.label) })
-              ]
-            },
-            s.value
-          )) }),
-          c && /* @__PURE__ */ t("span", { className: "IncodeEkycFieldError", children: r(c) })
-        ] })
-      ] }, e.name) : /* @__PURE__ */ t(
-        "div",
-        {
-          ref: e.name === "postalCode" ? P : void 0,
-          children: [
-            i,
-            /* @__PURE__ */ t(
-              U,
-              {
-                name: e.name,
-                label: e.label,
-                value: u,
-                error: c,
-                errorParams: b[e.name],
-                type: e.type,
-                placeholder: e.placeholder,
-                placeholderParams: e.placeholderParams,
-                required: e.required,
-                optional: e.optional,
-                readonly: p,
-                maxLength: e.maxLength,
-                onChange: (s, m) => n.setField(s, m)
-              }
-            )
-          ]
-        },
-        e.name
-      );
-    }) }),
-    /* @__PURE__ */ t("div", { className: "IncodeEkycFooter", children: [
-      /* @__PURE__ */ t(V, { size: 32 }),
-      I && /* @__PURE__ */ t("p", { className: "IncodeEkycSubmitError", children: r(I) }),
-      /* @__PURE__ */ t(
-        K,
-        {
-          onClick: () => n.submit(),
-          disabled: !E,
-          "data-testid": "ekyc-submit",
-          children: r("common.continue")
-        }
-      )
-    ] })
-  ] });
-}, ee = ({
-  config: y,
-  onFinish: n,
-  onError: h
-}) => /* @__PURE__ */ t(q, { children: y ? /* @__PURE__ */ t(Z, { config: y, onFinish: n, onError: h }) : null });
-j(ee, "incode-ekyc");
-export {
-  ee as EkycModule
-};

package/dist/formField-C91ckby4.js

@@ -1,94 +0,0 @@
-import { b as v, u as i, B as I } from "./button-Ca1tRSTI.js";
-import "./uiConfig-Z6RT23Sl.js";
-import "./vendor-preact-BXf0bkEs.js";
-import { E as g } from "./errorIcon-BL647nVh.js";
-import { S as F } from "./successIcon-BybULRRU.js";
-import { P as u } from "./page-BVHG3h0V.js";
-import { S as y } from "./spinner-Cx3FPUCD.js";
-import { I as k } from "./dropdownComposed-DBm7cotT.js";
-const E = ({
-  status: e,
-  submittingTitle: l,
-  successTitle: d,
-  failureTitle: r,
-  onRetry: n,
-  onSkip: s,
-  retryLabel: o,
-  skipLabel: m
-}) => {
-  const { t } = v();
-  if (e === "submitting") {
-    const c = l ?? t("verification.processing");
-    return /* @__PURE__ */ i(u, { className: "IncodeVerificationResult", children: /* @__PURE__ */ i("div", { className: "IncodeVerificationResult__center", children: [
-      /* @__PURE__ */ i(y, {}),
-      /* @__PURE__ */ i("p", { className: "IncodeVerificationResult__title", children: c })
-    ] }) });
-  }
-  if (e === "success") {
-    const c = d ?? t("verification.successTitle");
-    return /* @__PURE__ */ i(u, { className: "IncodeVerificationResult", children: /* @__PURE__ */ i("div", { className: "IncodeVerificationResult__center", children: [
-      /* @__PURE__ */ i(F, { size: 64 }),
-      /* @__PURE__ */ i("p", { className: "IncodeVerificationResult__title", children: c })
-    ] }) });
-  }
-  const f = r ?? t("verification.failureTitle");
-  return /* @__PURE__ */ i(u, { className: "IncodeVerificationResult", children: [
-    /* @__PURE__ */ i("div", { className: "IncodeVerificationResult__center", children: [
-      /* @__PURE__ */ i(g, { size: 64 }),
-      /* @__PURE__ */ i("p", { className: "IncodeVerificationResult__title", children: f })
-    ] }),
-    /* @__PURE__ */ i("div", { className: "IncodeVerificationResult__actions", children: [
-      n && /* @__PURE__ */ i(I, { onClick: n, "data-testid": "verification-retry", children: o ?? t("common.tryAgain") }),
-      s && /* @__PURE__ */ i(
-        I,
-        {
-          onClick: s,
-          variant: "secondary",
-          "data-testid": "verification-skip",
-          children: m ?? t("common.skip")
-        }
-      )
-    ] })
-  ] });
-}, L = ({
-  name: e,
-  label: l,
-  value: d = "",
-  error: r,
-  errorParams: n,
-  type: s = "text",
-  placeholder: o,
-  placeholderParams: m,
-  required: t,
-  readonly: f,
-  maxLength: c,
-  disabled: _,
-  optional: h,
-  onChange: V
-}) => {
-  const { t: a } = v(), p = a(l), N = h ? `${p} ${a("verification.labels.optional")}` : p;
-  return /* @__PURE__ */ i("div", { className: "IncodeFormField", children: /* @__PURE__ */ i(
-    k,
-    {
-      id: e,
-      label: N,
-      name: e,
-      type: s,
-      value: d,
-      placeholder: o ? a(o, m) : void 0,
-      readOnly: f,
-      disabled: _,
-      maxLength: c,
-      error: r ? a(r, n) : void 0,
-      onInput: (R) => {
-        const b = R.target;
-        V(e, b.value);
-      },
-      "data-testid": `form-field-${e}`
-    }
-  ) });
-};
-export {
-  L as F,
-  E as V
-};

package/dist/phoneInputComposed-B1gXoSzr.js

@@ -1,107 +0,0 @@
-import { u as $ } from "./button-Ca1tRSTI.js";
-import { d as g, A as q, T as I, y as B, q as u } from "./vendor-preact-BXf0bkEs.js";
-import { c as E, g as l } from "./countries-C9bhJe4u.js";
-import { I as F, D as M } from "./dropdownComposed-DBm7cotT.js";
-import { p as P, A as b } from "./AsYouType-CpH-Rmtj.js";
-const H = ({
-  id: p,
-  label: w,
-  countryCode: S = "US",
-  value: r,
-  placeholder: A = "(123) 123-6789",
-  error: m,
-  disabled: f = !1,
-  disableCountrySelector: D = !1,
-  required: N,
-  onChange: d,
-  "data-testid": T
-}) => {
-  const [s, h] = g(S), [a, i] = g(""), y = q(!1), j = I(
-    () => E.map((t) => ({
-      value: t.code,
-      label: `${t.emoji} ${t.callingCode} ${t.name}`
-    })),
-    []
-  ), o = I(
-    () => l(s) ?? l("US"),
-    [s]
-  );
-  B(() => {
-    if (y.current || !r || !o) return;
-    y.current = !0;
-    const t = r.startsWith("+") ? r : `+${r}`, e = P(t);
-    if (e?.isValid() && e.country) {
-      e.country !== s && h(e.country);
-      const n = new b(e.country);
-      i(n.input(e.nationalNumber));
-    }
-  }, [r, o, s]);
-  const c = u(
-    (t, e) => {
-      const n = `${e.callingCode}${t.replace(/\D/g, "")}`;
-      try {
-        const C = P(n, e.code);
-        d?.(n, C?.isValid() ?? !1);
-      } catch {
-        d?.(n, !1);
-      }
-    },
-    [d]
-  ), v = u(
-    (t) => {
-      h(t);
-      const e = l(t);
-      e && a && c(a, e);
-    },
-    [a, c]
-  ), x = u(
-    (t) => {
-      const e = t.target.value;
-      if (!o) {
-        i(e);
-        return;
-      }
-      const n = `${o.callingCode}${e}`, V = new b(o.code).input(n).replace(o.callingCode, "").trimStart();
-      i(V), c(e, o);
-    },
-    [o, c]
-  ), L = `${p}-country`, U = `${p}-phone`;
-  return /* @__PURE__ */ $(
-    M,
-    {
-      id: L,
-      label: w,
-      options: j,
-      value: s,
-      onChange: v,
-      error: m,
-      disabled: f || D,
-      required: N,
-      searchable: !0,
-      searchPlaceholder: "Search countries...",
-      renderSelectedLabel: (t) => {
-        const e = l(t.value);
-        return e ? `${e.emoji} ${e.callingCode}` : t.label;
-      },
-      class: "IncodePhoneInputComposed",
-      siblingElement: /* @__PURE__ */ $(
-        F,
-        {
-          id: U,
-          type: "tel",
-          value: a,
-          onInput: x,
-          placeholder: A,
-          error: m,
-          disabled: f,
-          suppressMessages: !0,
-          "aria-label": "Phone number",
-          "data-testid": T
-        }
-      )
-    }
-  );
-};
-export {
-  H as P
-};

package/dist/useFormScrollable-3O3GeT4m.js

@@ -1,15 +0,0 @@
-import { d as n, y as i } from "./vendor-preact-BXf0bkEs.js";
-function a(r, c) {
-  const [s, l] = n(!1);
-  return i(() => {
-    const e = r.current;
-    if (!e) return;
-    const o = () => l(e.scrollHeight > e.clientHeight);
-    o();
-    const t = new ResizeObserver(o);
-    return t.observe(e), () => t.disconnect();
-  }, [c, r]), s;
-}
-export {
-  a as u
-};