@incodetech/web 0.0.0-dev-20260407-2c382da → 0.0.0-dev-20260407-ebd92aa

package/dist/addressAutocomplete-t809rK3N.js

@@ -0,0 +1,108 @@
+import { n as e } from "./i18n-DZOHbK9q.js";
+import { _ as t, h as n, l as r, p as i, v as a } from "./vendor-preact-D6SntenC.js";
+import { a as o } from "./loadingIcon-BDMR5L6z.js";
+import { n as s } from "./formField-BBfAFfVZ.js";
+import { t as c } from "./inputComposed-rPAh6ptN.js";
+//#region src/modules/ekyc/addressAutocomplete.tsx
+var l = ({ label: l, value: u, error: d, errorParams: f, suggestions: p, readonly: m, optional: h, onChange: g, onSearch: _, onSelect: v, onBlur: y }) => {
+	let { t: b } = e(), [x, S] = i(!1), [C, w] = i(!1), [T, E] = i(""), [D, O] = i(-1), k = r(null), A = "ekyc-address-listbox", j = o(), M = b(l), N = h ? `${M} (${b("common.optional")})` : M;
+	t(() => {
+		function e(e) {
+			k.current && !k.current.contains(e.target) && S(!1);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []), t(() => {
+		O(-1);
+	}, [p]);
+	let P = n((e) => {
+		v(e), S(!1), w(!1), O(-1);
+	}, [v]), F = (e) => {
+		g(e), e.length >= 3 ? j ? (w(!0), E(e)) : (_(e), S(!0)) : S(!1);
+	}, I = (e) => {
+		!x || p.length === 0 || (e.key === "ArrowDown" ? (e.preventDefault(), O((e) => e < p.length - 1 ? e + 1 : 0)) : e.key === "ArrowUp" ? (e.preventDefault(), O((e) => e > 0 ? e - 1 : p.length - 1)) : e.key === "Enter" && D >= 0 ? (e.preventDefault(), P(p[D])) : e.key === "Escape" && (S(!1), O(-1)));
+	}, L = !j && x && p.length > 0, R = L && D >= 0 ? `${A}-option-${D}` : void 0;
+	return /* @__PURE__ */ a("div", {
+		className: "IncodeAddressAutocomplete",
+		ref: k,
+		children: [
+			/* @__PURE__ */ a(c, {
+				id: "ekyc-street",
+				label: N,
+				name: "street",
+				value: u,
+				readOnly: m,
+				error: s(b, d, f),
+				onInput: (e) => F(e.target.value),
+				onKeyDown: I,
+				onBlur: y,
+				role: "combobox",
+				"aria-expanded": L,
+				"aria-controls": A,
+				"aria-activedescendant": R,
+				"aria-autocomplete": "list",
+				"data-testid": "ekyc-address-input"
+			}),
+			L && /* @__PURE__ */ a("ul", {
+				id: A,
+				role: "listbox",
+				className: "IncodeAddressAutocompleteSuggestions",
+				children: p.map((e, t) => /* @__PURE__ */ a("li", {
+					id: `${A}-option-${t}`,
+					role: "option",
+					"aria-selected": t === D,
+					className: `IncodeAddressAutocompleteSuggestion${t === D ? "IncodeAddressAutocompleteSuggestionActive" : ""}`,
+					onClick: () => P(e),
+					children: e.label
+				}, e.id))
+			}),
+			j && C && /* @__PURE__ */ a("div", {
+				className: "IncodeAddressAutocompleteModalOverlay",
+				children: /* @__PURE__ */ a("div", {
+					className: "IncodeAddressAutocompleteModal",
+					children: [/* @__PURE__ */ a("div", {
+						className: "IncodeAddressAutocompleteModalHeader",
+						children: [/* @__PURE__ */ a("h3", { children: b("verification.addressSearch") }), /* @__PURE__ */ a("button", {
+							className: "IncodeAddressAutocompleteModalClose",
+							onClick: () => w(!1),
+							type: "button",
+							children: "×"
+						})]
+					}), /* @__PURE__ */ a("div", {
+						className: "IncodeAddressAutocompleteModalBody",
+						children: [
+							/* @__PURE__ */ a("input", {
+								className: "IncodeAddressAutocompleteModalInput",
+								type: "text",
+								value: T,
+								placeholder: b("verification.addressPlaceholder"),
+								onInput: (e) => {
+									let t = e.target.value;
+									E(t), t.length >= 3 && _(t);
+								},
+								autoFocus: !0
+							}),
+							p.length > 0 && /* @__PURE__ */ a("ul", {
+								role: "listbox",
+								className: "IncodeAddressAutocompleteModalSuggestions",
+								children: p.map((e) => /* @__PURE__ */ a("li", {
+									role: "option",
+									className: "IncodeAddressAutocompleteModalSuggestion",
+									onClick: () => P(e),
+									children: e.label
+								}, e.id))
+							}),
+							/* @__PURE__ */ a("button", {
+								className: "IncodeAddressAutocompleteEnterManually",
+								onClick: () => w(!1),
+								type: "button",
+								children: b("verification.enterManually")
+							})
+						]
+					})]
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { l as t };