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

package/dist/Trans-aTzdT_SA.js

@@ -0,0 +1,55 @@
+import { u as n, b as T } from "./loadingIcon-DmuPXh70.js";
+import { K as m, k as w } from "./vendor-preact-BoMmvSgn.js";
+const v = ({ class: l }) => /* @__PURE__ */ n(
+  "svg",
+  {
+    width: "13",
+    height: "14",
+    viewBox: "0 0 13 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    class: l,
+    children: /* @__PURE__ */ n(
+      "path",
+      {
+        d: "M0 8.08009V5.92009H9.198L4.698 1.87009L6.228 0.340088L12.6 6.28009V7.70209L6.228 13.6601L4.698 12.1301L9.198 8.08009H0Z",
+        fill: "currentColor"
+      }
+    )
+  }
+), B = ({
+  i18nKey: l,
+  boldClass: g = "IncodeTransBold",
+  arrowClass: $ = "IncodeTransArrow",
+  components: t,
+  defaultValue: i
+}) => {
+  const { t: u } = T(), d = i ? u(l, { defaultValue: i }) : u(l), a = "<strong>|<\\/strong>|<br\\s*\\/?>|<arrow\\s*\\/>", f = t ? Object.keys(t).map((r) => `<${r}>|<\\/${r}>`).join("|") : "", b = f ? `${a}|${f}` : a, L = d.split(new RegExp(`(${b})`, "g"));
+  let o = !1, e = null;
+  return /* @__PURE__ */ n(w, { children: L.map((r, s) => {
+    if (r === "<strong>")
+      return o = !0, null;
+    if (r === "</strong>")
+      return o = !1, null;
+    if (/^<br\s*\/?>$/.test(r)) return /* @__PURE__ */ n("br", {}, s);
+    if (/^<arrow\s*\/>$/.test(r))
+      return /* @__PURE__ */ n(v, { class: $ }, s);
+    if (t) {
+      const c = r.match(/^<(\w+)>$/);
+      if (c && t[c[1]])
+        return e = c[1], null;
+      const h = r.match(/^<\/(\w+)>$/);
+      if (h && t[h[1]])
+        return e = null, null;
+    }
+    return r ? e && t ? m(
+      t[e],
+      { key: s },
+      r
+    ) : o ? /* @__PURE__ */ n("span", { class: g, children: r }, s) : /* @__PURE__ */ n(w, { children: r }, s) : null;
+  }) });
+};
+export {
+  B as T
+};

package/dist/addressAutocomplete-C8-wL1j_.js

@@ -0,0 +1,153 @@
+import { d, y as M, A as F, q as K } from "./vendor-preact-BoMmvSgn.js";
+import { b as Q, u as l } from "./loadingIcon-DmuPXh70.js";
+import "./instance-BWYzq8dk.js";
+import { t as R } from "./formField-CP6wDdfA.js";
+import { a as q } from "./inputComposed-fUbAGrDy.js";
+import "@incodetech/core";
+import { u as z } from "./useMediaQuery-lJdQBmC2.js";
+function J(c, f) {
+  const [A, h] = d(!1);
+  return M(() => {
+    const o = c.current;
+    if (!o) return;
+    const i = () => h(o.scrollHeight > o.clientHeight);
+    i();
+    const u = new ResizeObserver(i);
+    return u.observe(o), () => u.disconnect();
+  }, [f, c]), A;
+}
+const V = ({
+  label: c,
+  value: f,
+  error: A,
+  errorParams: h,
+  suggestions: o,
+  readonly: i,
+  optional: u,
+  onChange: w,
+  onSearch: k,
+  onSelect: N,
+  onBlur: D
+}) => {
+  const { t: n } = Q(), [x, a] = d(!1), [C, m] = d(!1), [E, S] = d(""), [s, r] = d(-1), v = F(null), p = "ekyc-address-listbox", I = z(), g = n(c), $ = u ? `${g} (${n("common.optional")})` : g;
+  M(() => {
+    function e(t) {
+      v.current && !v.current.contains(t.target) && a(!1);
+    }
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, []), M(() => {
+    r(-1);
+  }, [o]);
+  const b = K(
+    (e) => {
+      N(e), a(!1), m(!1), r(-1);
+    },
+    [N]
+  ), O = (e) => {
+    w(e), e.length >= 3 ? I ? (m(!0), S(e)) : (k(e), a(!0)) : a(!1);
+  }, L = (e) => {
+    !x || o.length === 0 || (e.key === "ArrowDown" ? (e.preventDefault(), r((t) => t < o.length - 1 ? t + 1 : 0)) : e.key === "ArrowUp" ? (e.preventDefault(), r((t) => t > 0 ? t - 1 : o.length - 1)) : e.key === "Enter" && s >= 0 ? (e.preventDefault(), b(o[s])) : e.key === "Escape" && (a(!1), r(-1)));
+  }, y = !I && x && o.length > 0, H = y && s >= 0 ? `${p}-option-${s}` : void 0;
+  return /* @__PURE__ */ l("div", { className: "IncodeAddressAutocomplete", ref: v, children: [
+    /* @__PURE__ */ l(
+      q,
+      {
+        id: "ekyc-street",
+        label: $,
+        name: "street",
+        value: f,
+        readOnly: i,
+        error: R(n, A, h),
+        onInput: (e) => O(e.target.value),
+        onKeyDown: L,
+        onBlur: D,
+        role: "combobox",
+        "aria-expanded": y,
+        "aria-controls": p,
+        "aria-activedescendant": H,
+        "aria-autocomplete": "list",
+        "data-testid": "ekyc-address-input"
+      }
+    ),
+    y && /* @__PURE__ */ l(
+      "ul",
+      {
+        id: p,
+        role: "listbox",
+        className: "IncodeAddressAutocompleteSuggestions",
+        children: o.map((e, t) => /* @__PURE__ */ l(
+          "li",
+          {
+            id: `${p}-option-${t}`,
+            role: "option",
+            "aria-selected": t === s,
+            className: `IncodeAddressAutocompleteSuggestion${t === s ? "IncodeAddressAutocompleteSuggestionActive" : ""}`,
+            onClick: () => b(e),
+            children: e.label
+          },
+          e.id
+        ))
+      }
+    ),
+    I && C && /* @__PURE__ */ l("div", { className: "IncodeAddressAutocompleteModalOverlay", children: /* @__PURE__ */ l("div", { className: "IncodeAddressAutocompleteModal", children: [
+      /* @__PURE__ */ l("div", { className: "IncodeAddressAutocompleteModalHeader", children: [
+        /* @__PURE__ */ l("h3", { children: n("verification.addressSearch") }),
+        /* @__PURE__ */ l(
+          "button",
+          {
+            className: "IncodeAddressAutocompleteModalClose",
+            onClick: () => m(!1),
+            type: "button",
+            children: "×"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l("div", { className: "IncodeAddressAutocompleteModalBody", children: [
+        /* @__PURE__ */ l(
+          "input",
+          {
+            className: "IncodeAddressAutocompleteModalInput",
+            type: "text",
+            value: E,
+            placeholder: n("verification.addressPlaceholder"),
+            onInput: (e) => {
+              const t = e.target.value;
+              S(t), t.length >= 3 && k(t);
+            },
+            autoFocus: !0
+          }
+        ),
+        o.length > 0 && /* @__PURE__ */ l(
+          "ul",
+          {
+            role: "listbox",
+            className: "IncodeAddressAutocompleteModalSuggestions",
+            children: o.map((e) => /* @__PURE__ */ l(
+              "li",
+              {
+                role: "option",
+                className: "IncodeAddressAutocompleteModalSuggestion",
+                onClick: () => b(e),
+                children: e.label
+              },
+              e.id
+            ))
+          }
+        ),
+        /* @__PURE__ */ l(
+          "button",
+          {
+            className: "IncodeAddressAutocompleteEnterManually",
+            onClick: () => m(!1),
+            type: "button",
+            children: n("verification.enterManually")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+};
+export {
+  V as A,
+  J as u
+};