@incodetech/web 0.0.0-dev-20260313-486e658 → 0.0.0-dev-20260313-bc2dab4

package/dist/ekycModule-DfwZMKdL.js

@@ -1,467 +0,0 @@
-import { u as t, b as O, I as U, a as j, S as Q, B as W, r as z } from "./incodeModule-DLGHhn9E.js";
-import { createEkycManager as G } from "@incodetech/core/ekyc";
-import { d as P, A as x, T as V, y as w, q as R } from "./vendor-preact-BXf0bkEs.js";
-import "./uiConfig-DisZ_yFB.js";
-import "@incodetech/core";
-import { V as D, u as Y, F as J } from "./verificationResult-CKZqPXb9.js";
-import { D as X } from "./dateInputComposed-CqHIiKPV.js";
-import { I as K, D as H } from "./dropdownComposed-BgGKKaXv.js";
-import { P as Z } from "./page-BJDfLRpO.js";
-import { c as _, g as L } from "./countries-3p5tkqcx.js";
-import { p as T, A as B } from "./AsYouType-BtKe6-rC.js";
-import { u as ee } from "./useMediaQuery-CiSMgDyi.js";
-const te = ({
-  id: f,
-  label: d,
-  countryCode: b = "US",
-  value: r,
-  placeholder: a = "(123) 123-6789",
-  error: C,
-  disabled: k = !1,
-  disableCountrySelector: N = !1,
-  required: M,
-  onChange: v,
-  "data-testid": F
-}) => {
-  const [p, l] = P(b), [I, E] = P(""), S = x(!1), g = V(
-    () => _.map((n) => ({
-      value: n.code,
-      label: `${n.emoji} ${n.callingCode} ${n.name}`
-    })),
-    []
-  ), i = V(
-    () => L(p) ?? L("US"),
-    [p]
-  );
-  w(() => {
-    if (S.current || !r || !i) return;
-    S.current = !0;
-    const n = r.startsWith("+") ? r : `+${r}`, o = T(n);
-    if (o?.isValid() && o.country) {
-      o.country !== p && l(o.country);
-      const c = new B(o.country);
-      E(c.input(o.nationalNumber));
-    }
-  }, [r, i, p]);
-  const A = R(
-    (n, o) => {
-      const c = `${o.callingCode}${n.replace(/\D/g, "")}`;
-      try {
-        const $ = T(c, o.code);
-        v?.(c, $?.isValid() ?? !1);
-      } catch {
-        v?.(c, !1);
-      }
-    },
-    [v]
-  ), e = R(
-    (n) => {
-      l(n);
-      const o = L(n);
-      o && I && A(I, o);
-    },
-    [I, A]
-  ), u = R(
-    (n) => {
-      const o = n.target.value;
-      if (!i) {
-        E(o);
-        return;
-      }
-      const c = `${i.callingCode}${o}`, s = new B(i.code).input(c).replace(i.callingCode, "").trimStart();
-      E(s), A(o, i);
-    },
-    [i, A]
-  ), y = `${f}-country`, h = `${f}-phone`;
-  return /* @__PURE__ */ t(
-    H,
-    {
-      id: y,
-      label: d,
-      options: g,
-      value: p,
-      onChange: e,
-      error: C,
-      disabled: k || N,
-      required: M,
-      searchable: !0,
-      searchPlaceholder: "Search countries...",
-      renderSelectedLabel: (n) => {
-        const o = L(n.value);
-        return o ? `${o.emoji} ${o.callingCode}` : n.label;
-      },
-      class: "IncodePhoneInputComposed",
-      siblingElement: /* @__PURE__ */ t(
-        K,
-        {
-          id: h,
-          type: "tel",
-          value: I,
-          onInput: u,
-          placeholder: a,
-          error: C,
-          disabled: k,
-          suppressMessages: !0,
-          "aria-label": "Phone number",
-          "data-testid": F
-        }
-      )
-    }
-  );
-}, oe = ({
-  label: f,
-  value: d,
-  error: b,
-  suggestions: r,
-  readonly: a,
-  optional: C,
-  onChange: k,
-  onSearch: N,
-  onSelect: M
-}) => {
-  const { t: v } = O(), [F, p] = P(!1), [l, I] = P(!1), [E, S] = P(""), [g, i] = P(-1), A = x(null), e = "ekyc-address-listbox", u = ee(), y = v(f), h = C ? `${y} (${v("common.optional")})` : y;
-  w(() => {
-    function s(m) {
-      A.current && !A.current.contains(m.target) && p(!1);
-    }
-    return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
-  }, []), w(() => {
-    i(-1);
-  }, [r]);
-  const n = R(
-    (s) => {
-      M(s), p(!1), I(!1), i(-1);
-    },
-    [M]
-  ), o = (s) => {
-    k(s), s.length >= 3 ? u ? (I(!0), S(s)) : (N(s), p(!0)) : p(!1);
-  }, c = (s) => {
-    !F || r.length === 0 || (s.key === "ArrowDown" ? (s.preventDefault(), i((m) => m < r.length - 1 ? m + 1 : 0)) : s.key === "ArrowUp" ? (s.preventDefault(), i((m) => m > 0 ? m - 1 : r.length - 1)) : s.key === "Enter" && g >= 0 ? (s.preventDefault(), n(r[g])) : s.key === "Escape" && (p(!1), i(-1)));
-  }, $ = !u && F && r.length > 0, q = $ && g >= 0 ? `${e}-option-${g}` : void 0;
-  return /* @__PURE__ */ t("div", { className: "IncodeAddressAutocomplete", ref: A, children: [
-    /* @__PURE__ */ t(
-      K,
-      {
-        id: "ekyc-street",
-        label: h,
-        name: "street",
-        value: d,
-        readOnly: a,
-        error: b ? v(b) : void 0,
-        onInput: (s) => o(s.target.value),
-        onKeyDown: c,
-        role: "combobox",
-        "aria-expanded": $,
-        "aria-controls": e,
-        "aria-activedescendant": q,
-        "aria-autocomplete": "list",
-        "data-testid": "ekyc-address-input"
-      }
-    ),
-    $ && /* @__PURE__ */ t(
-      "ul",
-      {
-        id: e,
-        role: "listbox",
-        className: "IncodeAddressAutocompleteSuggestions",
-        children: r.map((s, m) => /* @__PURE__ */ t(
-          "li",
-          {
-            id: `${e}-option-${m}`,
-            role: "option",
-            "aria-selected": m === g,
-            className: `IncodeAddressAutocompleteSuggestion${m === g ? "IncodeAddressAutocompleteSuggestionActive" : ""}`,
-            onClick: () => n(s),
-            children: s.label
-          },
-          s.id
-        ))
-      }
-    ),
-    u && l && /* @__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: () => I(!1),
-            type: "button",
-            children: "×"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "IncodeAddressAutocompleteModalBody", children: [
-        /* @__PURE__ */ t(
-          "input",
-          {
-            className: "IncodeAddressAutocompleteModalInput",
-            type: "text",
-            value: E,
-            placeholder: v("verification.addressPlaceholder"),
-            onInput: (s) => {
-              const m = s.target.value;
-              S(m), m.length >= 3 && N(m);
-            },
-            autoFocus: !0
-          }
-        ),
-        r.length > 0 && /* @__PURE__ */ t(
-          "ul",
-          {
-            role: "listbox",
-            className: "IncodeAddressAutocompleteModalSuggestions",
-            children: r.map((s) => /* @__PURE__ */ t(
-              "li",
-              {
-                role: "option",
-                className: "IncodeAddressAutocompleteModalSuggestion",
-                onClick: () => n(s),
-                children: s.label
-              },
-              s.id
-            ))
-          }
-        ),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            className: "IncodeAddressAutocompleteEnterManually",
-            onClick: () => I(!1),
-            type: "button",
-            children: v("verification.enterManually")
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-}, ne = ({ config: f, onFinish: d, onError: b }) => {
-  const { t: r } = O(), [a, C] = j(() => G({ config: f }));
-  w(() => {
-    (a.status === "finished" || a.status === "closed") && d?.();
-  }, [a.status, d]);
-  const k = a.status === "error" ? a.errorMessage : void 0;
-  return w(() => {
-    a.status === "error" && b?.(k);
-  }, [a.status, b, k]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ t(
-    D,
-    {
-      status: "submitting",
-      submittingTitle: r("common.loading")
-    }
-  ) : a.status === "submitting" ? /* @__PURE__ */ t(D, { status: "submitting" }) : a.status === "success" ? /* @__PURE__ */ t(D, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ t(
-    D,
-    {
-      status: "failure",
-      onRetry: () => C.retry(),
-      onSkip: () => C.skip()
-    }
-  ) : a.status === "misconfigured" ? /* @__PURE__ */ t(
-    D,
-    {
-      status: "failure",
-      failureTitle: r("verification.noFormFields"),
-      onSkip: () => C.close(),
-      skipLabel: r("common.close")
-    }
-  ) : a.status === "form" ? /* @__PURE__ */ t(se, { state: a, manager: C }) : null;
-}, se = ({ state: f, manager: d }) => {
-  const {
-    fields: b,
-    values: r,
-    displayErrors: a,
-    errorParams: C,
-    isValid: k,
-    addressSuggestions: N,
-    prefilled: M,
-    hideEmail: v,
-    fieldsCountry: F,
-    submitError: p
-  } = f, { t: l } = O(), I = x(null), E = x(null), S = x(void 0), g = Y(I, b.length);
-  w(() => {
-    const e = a.postalCode, u = S.current;
-    if (S.current = e, !e || u === e)
-      return;
-    const y = requestAnimationFrame(() => {
-      const h = E.current;
-      if (!h) return;
-      (h.querySelector("#postalCode-error") ?? h).scrollIntoView({
-        behavior: "smooth",
-        block: "nearest"
-      });
-    });
-    return () => cancelAnimationFrame(y);
-  }, [a.postalCode]);
-  let i;
-  return /* @__PURE__ */ t(Z, { className: `IncodeEkycPage${g ? " IncodeEkycPageScrollable" : ""}`, title: l("verification.title"), children: [
-    /* @__PURE__ */ t("div", { ref: I, className: "IncodeEkycForm", children: b.map((e) => {
-      if (e.name === "email" && v) return null;
-      let u = null;
-      e.section && e.section !== i && (i = e.section, u = /* @__PURE__ */ t("h3", { className: "IncodeEkycSectionHeader", children: l({
-        address: "verification.labels.addressDetailsSection",
-        driverLicense: "verification.labels.dlDetailsSection"
-      }[e.section] ?? e.section) }));
-      const y = e.readonly || M[e.name], h = r[e.name] ?? "", n = a[e.name];
-      if (e.name === "street" && e.section === "address")
-        return /* @__PURE__ */ t("div", { children: [
-          u,
-          /* @__PURE__ */ t(
-            oe,
-            {
-              label: e.label,
-              value: h,
-              error: n,
-              suggestions: N,
-              readonly: y,
-              onChange: (o) => d.setField("street", o),
-              onSearch: (o) => d.searchAddress(o),
-              onSelect: (o) => d.selectAddress(o)
-            }
-          )
-        ] }, e.name);
-      if (e.type === "dropdown") {
-        const o = l(e.label);
-        return /* @__PURE__ */ t("div", { children: [
-          u,
-          /* @__PURE__ */ t(
-            H,
-            {
-              id: `ekyc-${e.name}`,
-              label: o,
-              placeholder: e.placeholder ? l(e.placeholder) : void 0,
-              value: h,
-              options: (e.options ?? []).map((c) => ({
-                ...c,
-                label: l(c.label)
-              })),
-              error: n ? l(n) : void 0,
-              disabled: y,
-              searchable: !0,
-              onChange: (c) => d.setField(e.name, c),
-              "data-testid": `ekyc-field-${e.name}`
-            }
-          )
-        ] }, e.name);
-      }
-      if (e.type === "date") {
-        const o = l(e.label);
-        return /* @__PURE__ */ t("div", { children: [
-          u,
-          /* @__PURE__ */ t(
-            X,
-            {
-              id: `ekyc-${e.name}`,
-              label: o,
-              value: h,
-              error: n ? l(n) : void 0,
-              disabled: y,
-              onInput: (c) => {
-                const $ = c.target;
-                d.setField(e.name, $.value);
-              },
-              "data-testid": `ekyc-field-${e.name}`
-            }
-          )
-        ] }, e.name);
-      }
-      if (e.type === "phone") {
-        const o = l(e.label);
-        return /* @__PURE__ */ t("div", { children: [
-          u,
-          /* @__PURE__ */ t(
-            te,
-            {
-              id: `ekyc-${e.name}`,
-              label: o,
-              countryCode: F,
-              value: h,
-              placeholder: e.placeholder,
-              error: n ? l(n) : void 0,
-              disabled: y,
-              disableCountrySelector: e.disableCountrySelector,
-              required: e.required,
-              onChange: (c) => d.setField(e.name, c),
-              "data-testid": `ekyc-field-${e.name}`
-            }
-          )
-        ] }, e.name);
-      }
-      return e.type === "radio" ? /* @__PURE__ */ t("div", { children: [
-        u,
-        /* @__PURE__ */ t("div", { className: "IncodeEkycRadioGroup", children: [
-          /* @__PURE__ */ t("label", { className: "IncodeEkycRadioLabel", children: l(e.label) }),
-          /* @__PURE__ */ t("div", { className: "IncodeEkycRadioOptions", children: e.options?.map((o) => /* @__PURE__ */ t(
-            "label",
-            {
-              className: "IncodeEkycRadioOption",
-              children: [
-                /* @__PURE__ */ t(
-                  "input",
-                  {
-                    type: "radio",
-                    name: e.name,
-                    checked: h === o.value,
-                    value: o.value,
-                    onChange: () => d.setField(e.name, o.value),
-                    disabled: y
-                  }
-                ),
-                /* @__PURE__ */ t("span", { children: l(o.label) })
-              ]
-            },
-            o.value
-          )) }),
-          n && /* @__PURE__ */ t("span", { className: "IncodeEkycFieldError", children: l(n) })
-        ] })
-      ] }, e.name) : /* @__PURE__ */ t(
-        "div",
-        {
-          ref: e.name === "postalCode" ? E : void 0,
-          children: [
-            u,
-            /* @__PURE__ */ t(
-              J,
-              {
-                name: e.name,
-                label: e.label,
-                value: h,
-                error: n,
-                errorParams: C[e.name],
-                type: e.type,
-                placeholder: e.placeholder,
-                placeholderParams: e.placeholderParams,
-                required: e.required,
-                optional: e.optional,
-                readonly: y,
-                maxLength: e.maxLength,
-                onChange: (o, c) => d.setField(o, c)
-              }
-            )
-          ]
-        },
-        e.name
-      );
-    }) }),
-    /* @__PURE__ */ t("div", { className: "IncodeEkycFooter", children: [
-      /* @__PURE__ */ t(Q, { size: 32 }),
-      p && /* @__PURE__ */ t("p", { className: "IncodeEkycSubmitError", children: l(p) }),
-      /* @__PURE__ */ t(
-        W,
-        {
-          onClick: () => d.submit(),
-          disabled: !k,
-          "data-testid": "ekyc-submit",
-          children: l("common.continue")
-        }
-      )
-    ] })
-  ] });
-}, ae = ({
-  config: f,
-  onFinish: d,
-  onError: b
-}) => /* @__PURE__ */ t(U, { children: f ? /* @__PURE__ */ t(ne, { config: f, onFinish: d, onError: b }) : null });
-z(ae, "incode-ekyc");
-export {
-  ae as EkycModule
-};

package/dist/verificationResult-CKZqPXb9.js

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