@incodetech/web 2.0.1-rc.0 → 2.1.0-rc.0

package/dist/modal.hooks-CAjcIFZK.js

@@ -1,126 +0,0 @@
-import { _ as e, p as t } from "./vendor-preact-D6SntenC.js";
-//#region src/shared/modal/modal.hooks.ts
-var n = "IncodeModalScrollLock", r = "data-incode-modal-initial-focus", i = [
-	"button:not([disabled])",
-	"[href]",
-	"input:not([disabled])",
-	"select:not([disabled])",
-	"textarea:not([disabled])",
-	"[tabindex]:not([tabindex=\"-1\"])"
-].join(", ");
-function a(e) {
-	return Array.from(e.querySelectorAll(i));
-}
-function o(e) {
-	try {
-		return e.matches(i);
-	} catch {
-		return !1;
-	}
-}
-function s(e) {
-	let t = e.querySelector("[autofocus]");
-	if (t && o(t)) return t;
-	let n = e.querySelector(`[${r}]`);
-	if (n) {
-		if (o(n)) return n;
-		let e = n.querySelector(i);
-		if (e) return e;
-	}
-	return a(e)[0] ?? e;
-}
-function c(n, r) {
-	let [i, a] = t(null);
-	return e(() => {
-		if (!n) {
-			a(null);
-			return;
-		}
-		if (r) return a(r), () => {
-			a(null);
-		};
-		let e = document.createElement("div");
-		return e.setAttribute("data-incode-modal-portal", ""), (document.querySelector(".IncodeComponent") ?? document.body).appendChild(e), a(e), () => {
-			e.remove(), a(null);
-		};
-	}, [n, r]), i;
-}
-function l(t) {
-	e(() => {
-		if (!t) return;
-		let e = document.querySelector(".IncodeComponent");
-		return (e ?? document.body).classList.add(n), () => {
-			(e ?? document.body).classList.remove(n);
-		};
-	}, [t]);
-}
-function u(t, n, r) {
-	e(() => {
-		if (!t || !n) return;
-		let e = (e) => {
-			e.key === "Escape" && (e.preventDefault(), r());
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [
-		t,
-		n,
-		r
-	]);
-}
-function d(t, n, r = !0, i) {
-	e(() => {
-		if (!t) return;
-		let e = document.activeElement, a = i?.current ?? null;
-		if (r) {
-			let e = n.current;
-			e && s(e).focus();
-		}
-		return () => {
-			if (a && typeof a.focus == "function") {
-				a.focus();
-				return;
-			}
-			e && typeof e.focus == "function" && e.focus();
-		};
-	}, [
-		t,
-		n,
-		r,
-		i
-	]);
-}
-function f(t, n) {
-	e(() => {
-		if (!t || typeof window > "u") return;
-		let e = window.visualViewport;
-		if (!e) return;
-		let r = () => {
-			let t = n.current;
-			t && (t.style.setProperty("--incode-visual-viewport-height", `${e.height}px`), t.style.setProperty("--incode-visual-viewport-offset-top", `${e.offsetTop}px`));
-		};
-		return r(), e.addEventListener("resize", r), e.addEventListener("scroll", r), () => {
-			e.removeEventListener("resize", r), e.removeEventListener("scroll", r);
-		};
-	}, [t, n]);
-}
-function p(t, n) {
-	e(() => {
-		if (!t) return;
-		let e = (e) => {
-			if (e.key !== "Tab") return;
-			let t = n.current;
-			if (!t) return;
-			let r = a(t);
-			if (r.length === 0 && document.activeElement === t) {
-				e.preventDefault();
-				return;
-			}
-			if (r.length === 0) return;
-			let i = r[0], o = r[r.length - 1];
-			e.shiftKey ? document.activeElement === i && (e.preventDefault(), o.focus()) : document.activeElement === o && (e.preventDefault(), i.focus());
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [t, n]);
-}
-//#endregion
-export { c as a, d as i, l as n, p as o, u as r, f as s, r as t };

package/dist/numberedStep-CT-alrK5.js

@@ -1,11 +0,0 @@
-import { v as e } from "./vendor-preact-D6SntenC.js";
-//#region src/shared/permissions/camera/numberedStep.tsx
-var t = ({ number: t }) => /* @__PURE__ */ e("div", {
-	class: "IncodeNumberedStep",
-	children: /* @__PURE__ */ e("span", {
-		class: "IncodeNumberedStepText",
-		children: t
-	})
-});
-//#endregion
-export { t };

package/dist/optionAccessibleLabel-CzEeX3Q4.js

@@ -1,140 +0,0 @@
-import { n as e } from "./i18n-9s4OSqwi.js";
-import { _ as t, h as n, l as r, p as i, v as a } from "./vendor-preact-D6SntenC.js";
-import { r as o } from "./hooks-BVnGysT7.js";
-import { t as s } from "./inputComposed-APSw8C7o.js";
-import { i as c } from "./radioGroupComposed-BbmvxmD2.js";
-import { t as l } from "./bottomSheet-DE_8TFEC.js";
-//#region src/shared/addressAutocomplete/addressAutocomplete.tsx
-var u = ({ label: u, value: d, error: f, errorParams: p, suggestions: m, readonly: h, required: g, labelHint: _, onChange: v, onSearch: y, onSelect: b, onBlur: x }) => {
-	let { t: S } = e(), [C, w] = i(!1), [T, E] = i(!1), [D, O] = i(""), [k, A] = i(-1), [j, M] = i(-1), N = r(null), P = r(null), F = r(null), I = "ekyc-address-listbox", L = "ekyc-address-mobile-listbox", R = "ekyc-address-modal-title", z = o(), B = S(u);
-	t(() => {
-		function e(e) {
-			N.current && !N.current.contains(e.target) && w(!1);
-		}
-		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, []), t(() => {
-		A(-1), M(-1);
-	}, [m]), t(() => {
-		let e = z ? F : P, t = z ? j : k;
-		t < 0 || e.current?.children[t]?.scrollIntoView({ block: "nearest" });
-	}, [
-		k,
-		j,
-		z
-	]);
-	let V = n((e) => {
-		b(e), w(!1), E(!1), A(-1), M(-1);
-	}, [b]), H = n(() => {
-		E(!1), M(-1);
-	}, []), U = (e) => {
-		v(e), e.length >= 3 ? z ? (E(!0), O(e), y(e)) : (y(e), w(!0)) : w(!1);
-	}, W = (e, t, n) => (r) => {
-		m.length !== 0 && (r.key === "ArrowDown" ? (r.preventDefault(), t((e) => e < m.length - 1 ? e + 1 : 0)) : r.key === "ArrowUp" ? (r.preventDefault(), t((e) => e > 0 ? e - 1 : m.length - 1)) : r.key === "Enter" && e() >= 0 ? (r.preventDefault(), V(m[e()])) : r.key === "Escape" && n && n());
-	}, G = W(() => k, A, () => {
-		w(!1), A(-1);
-	}), K = W(() => j, M), q = !z && C && m.length > 0, J = q && k >= 0 ? `${I}-option-${k}` : void 0;
-	return /* @__PURE__ */ a("div", {
-		className: "IncodeAddressAutocomplete",
-		ref: N,
-		children: [
-			/* @__PURE__ */ a(s, {
-				id: "ekyc-street",
-				label: B,
-				labelHint: _,
-				name: "street",
-				value: d,
-				readOnly: h,
-				required: g,
-				error: c(S, f, p),
-				onInput: (e) => U(e.target.value),
-				onKeyDown: G,
-				onBlur: x,
-				role: "combobox",
-				"aria-expanded": q,
-				"aria-controls": I,
-				"aria-activedescendant": J,
-				"aria-autocomplete": "list",
-				"data-testid": "ekyc-address-input"
-			}),
-			q && /* @__PURE__ */ a("ul", {
-				ref: P,
-				id: I,
-				role: "listbox",
-				className: "IncodeAddressAutocompleteSuggestions",
-				children: m.map((e, t) => /* @__PURE__ */ a("li", {
-					id: `${I}-option-${t}`,
-					role: "option",
-					"aria-selected": t === k,
-					className: `IncodeAddressAutocompleteSuggestion ${t === k ? "IncodeAddressAutocompleteSuggestionActive" : ""}`,
-					onClick: () => V(e),
-					children: e.label
-				}, e.id))
-			}),
-			z && /* @__PURE__ */ a(l, {
-				isOpen: T,
-				onClose: H,
-				labelledById: R,
-				children: [/* @__PURE__ */ a("div", {
-					className: "IncodeAddressAutocompleteModalHeader",
-					children: [/* @__PURE__ */ a("h3", {
-						id: R,
-						children: S("verification.addressSearch")
-					}), /* @__PURE__ */ a("button", {
-						className: "IncodeAddressAutocompleteModalClose",
-						onClick: H,
-						type: "button",
-						"aria-label": S("common.close"),
-						children: "×"
-					})]
-				}), /* @__PURE__ */ a("div", {
-					className: "IncodeAddressAutocompleteModalBody",
-					children: [
-						/* @__PURE__ */ a("input", {
-							className: "IncodeAddressAutocompleteModalInput",
-							type: "text",
-							value: D,
-							placeholder: S("verification.addressPlaceholder"),
-							"aria-label": S("verification.addressSearch"),
-							role: "combobox",
-							"aria-expanded": m.length > 0,
-							"aria-controls": L,
-							"aria-activedescendant": j >= 0 ? `${L}-option-${j}` : void 0,
-							"aria-autocomplete": "list",
-							onInput: (e) => {
-								let t = e.target.value;
-								O(t), t.length >= 3 && y(t);
-							},
-							onKeyDown: K,
-							autoFocus: !0
-						}),
-						m.length > 0 && /* @__PURE__ */ a("ul", {
-							ref: F,
-							id: L,
-							role: "listbox",
-							className: "IncodeAddressAutocompleteModalSuggestions",
-							children: m.map((e, t) => /* @__PURE__ */ a("li", {
-								id: `${L}-option-${t}`,
-								role: "option",
-								"aria-selected": t === j,
-								className: `IncodeAddressAutocompleteModalSuggestion ${t === j ? "IncodeAddressAutocompleteModalSuggestionActive" : ""}`,
-								onClick: () => V(e),
-								children: e.label
-							}, e.id))
-						}),
-						/* @__PURE__ */ a("button", {
-							className: "IncodeAddressAutocompleteEnterManually",
-							onClick: H,
-							type: "button",
-							children: S("verification.enterManually")
-						})
-					]
-				})]
-			})
-		]
-	});
-}, d = /^(?:[\u{1F1E6}-\u{1F1FF}]{2}|\p{Extended_Pictographic})\s*/u;
-function f(e) {
-	return e.replace(d, "").trimStart();
-}
-//#endregion
-export { u as n, f as t };

package/dist/otpInput-DqRA_egd.js

@@ -1,145 +0,0 @@
-import { n as e } from "./i18n-9s4OSqwi.js";
-import { _ as t, h as n, l as r, p as i, v as a } from "./vendor-preact-D6SntenC.js";
-import { r as o } from "./loadingIcon-BN5YRQUb.js";
-import { t as s } from "./button-DcCUEn2n.js";
-import { t as c } from "./inputComposed-APSw8C7o.js";
-import "./inputComposed-XYrarFxS.js";
-//#region src/shared/otpInput/otpInput.tsx
-var l = 6, u = (e) => `${Math.floor(e / 60)}:${(e % 60).toString().padStart(2, "0")}`, d = (e) => e.replace(/[^a-zA-Z0-9]/g, "").toUpperCase().slice(0, l), f = ({ resendTimer: f, canResend: p, error: m, onSubmit: h, onResend: g, onBack: _, backLinkText: v = "otp.changePhoneNumber", disabled: y = !1, isLoading: b = !1 }) => {
-	let { t: x } = e(), [S, C] = i(""), w = r(null), T = r(0), E = r(null), D = r(null), O = r(p), k = r(!1), A = r(), j = n((e) => {
-		let t = D.current;
-		t && (clearTimeout(A.current), t.textContent = "", A.current = setTimeout(() => {
-			t.textContent = e;
-		}, 50));
-	}, []);
-	t(() => {
-		let e = !O.current;
-		return O.current = p, e && p && j(x("otp.resendCodeAvailable")), () => clearTimeout(A.current);
-	}, [
-		p,
-		j,
-		x
-	]), t(() => {
-		m && (E.current = null, setTimeout(() => {
-			w.current?.focus();
-		}, 0));
-	}, [m]);
-	let M = n((e) => {
-		let t = d(e);
-		t.length !== l || b || E.current !== t && (E.current = t, h(t));
-	}, [b, h]);
-	t(() => {
-		if (!S) return;
-		let e = S.length === l && T.current < l;
-		T.current = S.length, e && M(S);
-	}, [S, M]);
-	let N = (e) => {
-		let t = e.target;
-		C(d(t.value));
-	}, P = (e) => {
-		e.preventDefault();
-		let t = d(e.clipboardData?.getData("text") || "");
-		t && (C(t), t.length === l && M(t));
-	};
-	t(() => {
-		if (p || f <= 0) {
-			k.current = !1;
-			return;
-		}
-		if (!k.current) {
-			k.current = !0, j(x("otp.timerStarted", { time: String(f) }));
-			return;
-		}
-		f === 10 ? j(x("otp.timerTenSeconds")) : f === 5 && j(x("otp.timerFiveSeconds"));
-	}, [
-		f,
-		p,
-		j,
-		x
-	]);
-	let F = () => {
-		if (!p && f > 0) return /* @__PURE__ */ a("div", {
-			class: "IncodeOtpInputActions",
-			children: /* @__PURE__ */ a("p", {
-				class: "IncodeOtpInputTimerText",
-				"data-testid": "otp-timer",
-				children: x("otp.resendCountdown", { time: u(f) })
-			})
-		});
-		let e = () => {
-			E.current = null, C(""), g();
-		}, t = () => {
-			E.current = null, C(""), _();
-		};
-		return /* @__PURE__ */ a("div", {
-			class: "IncodeOtpInputActions",
-			children: /* @__PURE__ */ a("p", {
-				class: `IncodeOtpInputResendText ${y ? "IncodeOtpInputResendTextDisabled" : ""}`,
-				"data-testid": "otp-resend-section",
-				children: [
-					x("otp.didYouNotGetIt"),
-					/* @__PURE__ */ a("button", {
-						type: "button",
-						class: "IncodeOtpInputLink",
-						onClick: e,
-						disabled: y || !p,
-						"data-testid": "otp-resend",
-						children: x("otp.resendCode")
-					}),
-					` ${x("otp.or")} `,
-					/* @__PURE__ */ a("button", {
-						type: "button",
-						class: "IncodeOtpInputLink",
-						onClick: t,
-						disabled: y,
-						"data-testid": "otp-back",
-						children: x(v)
-					})
-				]
-			})
-		});
-	};
-	return /* @__PURE__ */ a("div", {
-		class: "IncodeOtpInput IncodeOtpInputComposed",
-		children: [
-			/* @__PURE__ */ a("div", {
-				ref: D,
-				class: "IncodeSrOnly",
-				"aria-live": "polite",
-				"aria-atomic": "true"
-			}),
-			/* @__PURE__ */ a(c, {
-				id: "otp-code",
-				type: "text",
-				inputMode: "text",
-				ref: w,
-				maxLength: l,
-				value: S,
-				error: m,
-				onInput: N,
-				onPaste: P,
-				disabled: y || b,
-				required: !0,
-				autocomplete: "one-time-code",
-				"data-testid": "otp-input-0",
-				"aria-label": x("otp.verificationCode"),
-				class: "IncodeOtpSingleInput",
-				showErrorIcon: !0
-			}),
-			/* @__PURE__ */ a(o, {}),
-			/* @__PURE__ */ a(s, {
-				onClick: () => {
-					M(S);
-				},
-				disabled: S.length < l || b,
-				isLoading: b,
-				"data-testid": "otp-submit",
-				children: x("common.continue")
-			}),
-			/* @__PURE__ */ a(o, { size: 12 }),
-			F()
-		]
-	});
-};
-//#endregion
-export { f as t };

package/dist/page-C1yT4DLb.js

@@ -1,69 +0,0 @@
-import { S as e, _ as t, l as n, v as r } from "./vendor-preact-D6SntenC.js";
-import { r as i } from "./loadingIcon-BN5YRQUb.js";
-import { t as a } from "./incode-logo-DX016usY.js";
-import { n as o, t as s } from "./verifiedByIncode-ChZBpqNy.js";
-//#region src/shared/page/page.tsx
-var c = ({ title: c, titleId: l, subtitle: u, titleTopSlot: d, className: f, logo: p, children: m, hideHeader: h, hideFooterBranding: g, "data-testid": _, "data-permission-status": v }) => {
-	let y = n(null);
-	t(() => {
-		y.current?.focus();
-	}, []);
-	let b = o({
-		hideHeader: h,
-		hideFooterBranding: g,
-		logo: p,
-		defaultLogoSrc: a
-	}), x = c || u || d;
-	return /* @__PURE__ */ r("div", {
-		class: `IncodePageContainer ${f ?? ""}`,
-		"data-testid": _,
-		"data-permission-status": v,
-		children: /* @__PURE__ */ r("main", {
-			class: "IncodePageInner",
-			children: [
-				!b.hideHeader && /* @__PURE__ */ r("header", {
-					class: "IncodePageHeader",
-					children: /* @__PURE__ */ r("img", {
-						src: b.logoSrc,
-						height: b.logoHeightPx,
-						class: "IncodePageLogo",
-						"aria-hidden": "true"
-					})
-				}),
-				x ? /* @__PURE__ */ r(e, { children: [/* @__PURE__ */ r(i, { size: b.hideHeader ? 40 : 24 }), /* @__PURE__ */ r("div", {
-					class: "IncodePageTitleContainer",
-					children: [
-						d ? /* @__PURE__ */ r(e, { children: [/* @__PURE__ */ r("div", {
-							class: "IncodePageTitleTopSlot",
-							children: d
-						}), /* @__PURE__ */ r(i, { size: 12 })] }) : null,
-						c ? /* @__PURE__ */ r("h2", {
-							ref: y,
-							id: l,
-							class: "IncodePageTitle",
-							tabIndex: -1,
-							children: c
-						}) : null,
-						u ? /* @__PURE__ */ r(e, { children: [/* @__PURE__ */ r(i, { size: 12 }), /* @__PURE__ */ r("p", {
-							class: "IncodePageSubtitle",
-							children: u
-						})] }) : null
-					]
-				})] }) : null,
-				/* @__PURE__ */ r("div", {
-					class: "IncodePageContent",
-					children: m
-				}),
-				b.hideFooterBranding ? null : /* @__PURE__ */ r("div", {
-					class: "IncodePageFooter",
-					children: /* @__PURE__ */ r("div", {
-						class: "IncodePageFooterInner",
-						children: /* @__PURE__ */ r(s, {})
-					})
-				})
-			]
-		})
-	});
-};
-//#endregion
-export { c as t };