@rpcbase/ui 0.202.0 → 0.203.0

package/dist/index301.js

@@ -1,12 +1,495 @@
-import { styleHookSingleton as o } from "./index318.js";
-var s = function() {
-  var e = o(), n = function(t) {
-    var r = t.styles, l = t.dynamic;
-    return e(r, l), null;
-  };
-  return n;
-};
-export {
-  s as styleSingleton
-};
-//# sourceMappingURL=index301.js.map
+import { cn as e } from "./index12.js";
+import { getCountryCallingCode as t } from "./index294.js";
+import { resolveMessages as n } from "./index295.js";
+import { COMMON_IDD_PREFIXES as r, buildFallbackSelectedCountry as i, getCachedCountryOptions as a, getLocaleCacheKey as o, getValidCountry as s, normalizeSearchValue as c, optionMatchIndex as l, parseLocaleCacheKey as u, toSelectedCountry as d } from "./index297.js";
+import { detectNationalPrefixForDisplay as f, formatWithAsYouType as ee, getLengthIssue as te, getSuggestionState as ne, injectNationalPrefixDisplay as re, normalizeInputValue as p, sanitizeDigits as m, shouldDisplayExplicitCountrySelection as ie, stripPrefix as h } from "./index298.js";
+import { captureSelectionSnapshot as g, resolveSelection as _, skipFormattingCharactersLeft as v, skipFormattingCharactersRight as y } from "./index299.js";
+import { HiddenControl as b, NullComponent as x, SuggestionContext as ae, SuggestionOption as oe, formatCountryOption as se, suggestionSelectStyles as ce } from "./index300.js";
+import * as S from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import T from "react-select";
+//#region src/components/PhoneNumberInput/index.tsx
+var le = S.forwardRef(function(le, ue) {
+	let { value: E, defaultCountry: D, country: O, locale: de, onChange: fe, onCountryChange: pe, className: me, inputClassName: he, disabled: ge, readOnly: _e, selectProps: ve, autofillShimName: ye, messages: be, renderValidationMessage: xe, ...Se } = le, { onFocus: Ce, onBlur: we, onKeyDown: Te, name: Ee, autoComplete: De, ...Oe } = Se, k = typeof D == "string" || typeof O == "string", ke = o(de), Ae = S.useMemo(() => u(ke), [ke]), je = S.useMemo(() => n(Ae, be), [Ae, be]), A = S.useMemo(() => a(Ae, ke), [ke, Ae]), Me = S.useCallback((e) => {
+		let t = A.find((t) => t.value === e);
+		return t ? d(t) : i(e);
+	}, [A]), j = S.useMemo(() => {
+		let e = s(D ?? O ?? "US");
+		return A.some((t) => t.value === e) ? e : A[0]?.value ?? "US";
+	}, [
+		A,
+		O,
+		D
+	]), M = S.useRef(k), Ne = S.useRef(null), N = S.useRef("");
+	if (!Ne.current) if (!E) Ne.current = {
+		country: j,
+		inputValue: "",
+		normalizedValue: "",
+		hasExplicitCountrySelection: !1
+	}, N.current = "";
+	else {
+		let e = k ? j : void 0, n = p(E, e, { allowJustPlus: !0 });
+		if (!n) Ne.current = {
+			country: j,
+			inputValue: "",
+			normalizedValue: "",
+			hasExplicitCountrySelection: !1
+		}, N.current = "";
+		else {
+			let { international: r, phoneNumber: i, detectedCountry: a, inferredCountry: o, hasExplicitInternationalPrefix: s } = ee(n, e), c = a ?? void 0, l = c ?? j, u = m(E ?? ""), d = typeof E == "string" ? /^\s*\+/.test(E) : !1, te = m(r), p = f(u, te, t(l), d), h = ne(n, e, i ?? void 0, {
+				hasRemovedNationalPrefix: p,
+				detectedCountry: c,
+				hasExplicitInternationalPrefix: s
+			}), g = !h.shouldSuggest && !c ? o : void 0;
+			g && (l = g), (c || g) && (M.current = !0);
+			let _ = t(l), v = re(r, _, { force: g ? f(u, te, _, d) : p }), y = c ?? void 0, b = M.current;
+			Ne.current = {
+				country: l,
+				inputValue: v,
+				normalizedValue: n,
+				hasExplicitCountrySelection: b && ie(h, {
+					detectedCountry: y,
+					hasExplicitInternationalPrefix: s
+				})
+			}, N.current = n;
+		}
+	}
+	let Pe = Ne.current, [P, F] = S.useState(Pe.country), [Fe, I] = S.useState(Pe.inputValue), [Ie, L] = S.useState(""), [R, z] = S.useState(!1), [Le, B] = S.useState(-1), [Re, ze] = S.useState(!1), [Be, V] = S.useState(null), [Ve, H] = S.useState(Pe.hasExplicitCountrySelection), U = S.useRef(null), W = S.useRef(""), G = S.useRef(null), K = S.useRef("smooth"), q = S.useRef(null), He = S.useCallback(() => {
+		let e = K.current;
+		return K.current = "smooth", e;
+	}, []), J = typeof O == "string", Ue = J ? O : P, Y = Ue ?? j, We = S.useRef(null);
+	S.useImperativeHandle(ue, () => We.current, []), S.useLayoutEffect(() => {
+		let e = q.current;
+		if (!e) return;
+		let t = We.current;
+		if (q.current = null, !t) return;
+		let { start: n, end: r } = e;
+		t.setSelectionRange(n, r);
+	}, [Fe]);
+	let { styles: Ge, components: Ke, classNamePrefix: qe, formatOptionLabel: Je, ...Ye } = ve ?? {}, { noOptionsMessage: Xe, ...Ze } = Ye, Qe = S.useMemo(() => ({
+		...ce,
+		...Ge ?? {}
+	}), [Ge]), $e = S.useMemo(() => {
+		let e = {
+			Control: b,
+			IndicatorsContainer: x,
+			DropdownIndicator: x,
+			IndicatorSeparator: x,
+			ValueContainer: x
+		}, t = Ke ?? {};
+		return t.Option ? {
+			...e,
+			...t
+		} : {
+			...e,
+			...t,
+			Option: oe
+		};
+	}, [Ke]), et = S.useRef(!1), X = S.useCallback((e) => {
+		et.current = !0;
+		let t = Me(e);
+		return pe?.(e, t), t;
+	}, [pe, Me]);
+	S.useEffect(() => () => {
+		G.current != null && typeof window < "u" && window.clearTimeout(G.current);
+	}, []), S.useEffect(() => {
+		if (E == null) return;
+		let e = M.current ? Y : void 0, n = N.current, r = p(E, e, {
+			allowJustPlus: !0,
+			previousValue: n
+		});
+		if (N.current = r, W.current = "", !r) {
+			I(""), z(!1), L(""), V(null), U.current = null, H(!1);
+			let e = k ? j : Y;
+			!J && P !== e && (F(e), X(e));
+			return;
+		}
+		if (r === "0") {
+			I("0"), z(!1), L(""), V(null), U.current = null, H(!1);
+			return;
+		}
+		if (r === "+") {
+			I("+"), z(!0), L(""), V(null), U.current = null, H(!1);
+			let e = k ? j : Y;
+			!J && P !== e && (F(e), X(e));
+			return;
+		}
+		let { international: i, phoneNumber: a, detectedCountry: o, inferredCountry: s, hasExplicitInternationalPrefix: c } = ee(r, e), l = o ?? void 0, u = l ?? e ?? Y, d = m(E ?? ""), h = typeof E == "string" ? /^\s*\+/.test(E) : !1, g = m(i), _ = f(d, g, t(u), h), v = ne(r, e, a ?? void 0, {
+			hasRemovedNationalPrefix: _,
+			detectedCountry: l,
+			hasExplicitInternationalPrefix: c
+		}), y = !v.shouldSuggest && !l ? s : void 0, b = y ?? u;
+		(l || y) && (M.current = !0), !J && b !== P && (F(b), X(b)), u = b, U.current && U.current !== u && (U.current = null);
+		let x = t(u), ae = re(i, x, { force: y ? f(d, g, x, h) : _ }), oe = l ?? void 0, se = U.current != null || ie(v, {
+			detectedCountry: oe,
+			hasExplicitInternationalPrefix: c
+		});
+		I(ae), z(v.shouldSuggest), L(v.query), V(M.current ? te(r, u) : null), H(M.current && se);
+	}, [
+		E,
+		Y,
+		j,
+		k,
+		J,
+		X,
+		P
+	]), S.useEffect(() => {
+		if (et.current || !M.current) return;
+		let e = Ue ?? j;
+		e && X(e);
+	}, [
+		j,
+		X,
+		Ue
+	]), S.useEffect(() => {
+		J && O && O !== P && F(O);
+	}, [
+		O,
+		J,
+		P
+	]);
+	let Z = S.useCallback((e) => {
+		let t = Me(e.country);
+		fe?.({
+			...e,
+			selectedCountry: t
+		});
+	}, [fe, Me]), tt = S.useCallback(() => {
+		typeof window > "u" || (G.current != null && window.clearTimeout(G.current), G.current = window.setTimeout(() => {
+			W.current = "", G.current = null;
+		}, 800));
+	}, []), nt = S.useCallback((e) => {
+		let n = e.target, i = g(n), a = n.value;
+		W.current = "";
+		let o = M.current ? Y : void 0, s = o ? t(o) : "", c = m(a), l = a.trim().startsWith("+"), u = s ? c.startsWith(s) : !1, d = c.startsWith("0"), v = r.some((e) => c.startsWith(e)), y = !!o && !v && (u && c.slice(s.length).startsWith("0") || !l && d && c.length > 1 || l && d && c.length > 1 && !u), b = N.current, x = p(a, o, {
+			allowJustPlus: !0,
+			removeNationalPrefix: y,
+			previousValue: b
+		});
+		if (N.current = x, !x) {
+			I(""), z(!1), L(""), B(-1), V(null), U.current = null, H(!1), q.current = _(i, "");
+			let e = k ? j : Y;
+			!J && P !== e && (F(e), X(e)), Z({
+				formattedInternational: "",
+				formattedNational: "",
+				e164: null,
+				country: e,
+				countryCallingCode: t(e),
+				nationalNumber: "",
+				rawInput: "",
+				isValid: !1
+			});
+			return;
+		}
+		if (x === "0") {
+			I("0"), z(!1), L(""), B(-1), V(null), U.current = null, H(!1), q.current = _(i, "0");
+			let e = k ? j : Y;
+			!J && P !== e && (F(e), X(e)), Z({
+				formattedInternational: "0",
+				formattedNational: "0",
+				e164: null,
+				country: e,
+				countryCallingCode: t(e),
+				nationalNumber: "0",
+				rawInput: "0",
+				isValid: !1
+			});
+			return;
+		}
+		if (x === "+") {
+			I("+"), z(!0), L(""), B(0), V(null), U.current = null, H(!1), q.current = _(i, "+");
+			let e = k ? j : Y;
+			!J && P !== e && (F(e), X(e)), Z({
+				formattedInternational: "+",
+				formattedNational: "",
+				e164: null,
+				country: e,
+				countryCallingCode: t(e),
+				nationalNumber: "",
+				rawInput: "+",
+				isValid: !1
+			});
+			return;
+		}
+		let { international: ae, national: oe, phoneNumber: se, detectedCountry: ce, inferredCountry: S, hasExplicitInternationalPrefix: C } = ee(x, o), w = ce ?? void 0, T = w ?? o ?? Y, le = m(ae), ue = f(c, le, t(T), l), E = ne(x, o, se ?? void 0, {
+			hasRemovedNationalPrefix: ue,
+			detectedCountry: w,
+			hasExplicitInternationalPrefix: C
+		}), D = !E.shouldSuggest && !w ? S : void 0, O = D ?? T;
+		(w || D) && (M.current = !0), !J && O !== P && (F(O), X(O)), T = O, U.current && U.current !== T && (U.current = null);
+		let de = t(T), fe = h(m(x), de), pe = re(ae, de, { force: D ? f(c, le, de, l) : ue }), me = w ?? void 0;
+		q.current = _(i, pe), I(pe), z(E.shouldSuggest), L(E.query), B(E.shouldSuggest ? 0 : -1), V(M.current ? te(x, T) : null);
+		let he = U.current != null || ie(E, {
+			detectedCountry: me,
+			hasExplicitInternationalPrefix: C
+		});
+		H(M.current && he), Z({
+			formattedInternational: ae,
+			formattedNational: oe,
+			e164: se?.number ?? null,
+			country: T,
+			countryCallingCode: de,
+			nationalNumber: fe,
+			rawInput: x,
+			isValid: se?.isValid() ?? !1
+		});
+	}, [
+		Y,
+		Z,
+		j,
+		k,
+		J,
+		X,
+		P
+	]), rt = S.useCallback((e) => {
+		if (!e) return;
+		let n = m(N.current || Fe), r = t(Y), i = n.startsWith(r) ? n.slice(r.length) : n;
+		i ? i.startsWith(e.dialCode) || (i = `${e.dialCode}${i}`) : i = e.dialCode;
+		let a = `+${i}`;
+		N.current = a;
+		let { international: o, national: s, phoneNumber: c } = ee(a, e.value), l = e.value;
+		U.current = l, M.current = !0, I(o), q.current = {
+			start: o.length,
+			end: o.length
+		}, z(!1), L(""), B(-1), V(te(a, l)), !J && l !== P && F(l), X(l);
+		let u = m(a), d = c?.countryCallingCode ?? e.dialCode, f = h(u, d);
+		H(!0), Z({
+			formattedInternational: o,
+			formattedNational: s,
+			e164: c?.number ?? null,
+			country: l,
+			countryCallingCode: d,
+			nationalNumber: f,
+			rawInput: a,
+			isValid: c?.isValid() ?? !1
+		}), requestAnimationFrame(() => {
+			We.current?.focus();
+		});
+	}, [
+		Y,
+		Z,
+		Fe,
+		J,
+		X,
+		P
+	]), Q = S.useMemo(() => {
+		if (!R) return [];
+		let e = [], t = (t) => {
+			e.some((e) => e.value === t.value) || e.push(t);
+		}, n = A.find((e) => e.value === j), r = A.find((e) => e.value === Y), i = Ie.trim(), a = m(i), o = c(i);
+		return !a && !o ? (n && t(n), r && t(r), A.forEach(t), e) : (a && A.filter((e) => e.dialCode.startsWith(a)).sort((e, t) => {
+			let n = e.dialCode === a, r = t.dialCode === a;
+			return n && !r ? -1 : !n && r ? 1 : e.dialCode.length - t.dialCode.length;
+		}).forEach(t), o && A.filter((e) => e.normalizedSearchableTokens.some((e) => e.includes(o))).sort((e, t) => {
+			let n = l(e.normalizedSearchableTokens, o), r = l(t.normalizedSearchableTokens, o);
+			return n === r ? e.name.localeCompare(t.name) : n - r;
+		}).forEach(t), r && t(r), n && t(n), e.length === 0 && A.forEach(t), e);
+	}, [
+		Y,
+		A,
+		Ie,
+		j,
+		R
+	]), $ = Re && R && Q.length > 0;
+	S.useEffect(() => {
+		$ || (K.current = "smooth");
+	}, [$]), S.useEffect(() => {
+		if (!$) {
+			B(-1);
+			return;
+		}
+		if (Q.length === 0) {
+			B(-1);
+			return;
+		}
+		B((e) => e < 0 || e >= Q.length ? 0 : e);
+	}, [Q, $]);
+	let it = Le >= 0 ? Q[Le] ?? null : null;
+	S.useEffect(() => {
+		Le < 0 && (K.current = "smooth");
+	}, [Le]);
+	let at = S.useCallback((e) => {
+		let t = Q.findIndex((t) => t.value === e.value);
+		t !== -1 && B(t);
+	}, [Q]), ot = S.useCallback((e, t) => Je ? Je(e, t) : se(e), [Je]), st = S.useCallback((e) => ot(e, {
+		context: "menu",
+		inputValue: Ie,
+		selectValue: []
+	}), [Ie, ot]), ct = S.useMemo(() => ({
+		highlightedValue: it?.value ?? null,
+		setHighlightedOption: at,
+		renderOptionLabel: st,
+		consumeScrollBehavior: He
+	}), [
+		He,
+		it,
+		st,
+		at
+	]), lt = A.find((e) => e.value === Y), ut = lt?.flag ?? "", dt = Ve ? je.selectedCountryLabel(lt?.name ?? Y ?? null) : je.selectCountryLabel, ft = Ve && !!ut, pt = Be === "TOO_LONG" ? je.lengthTooLong(lt?.name ?? Y ?? null) : null, mt = lt?.name ?? Y ?? null, ht = null;
+	if (pt) {
+		let e = xe?.({
+			message: pt,
+			code: "TOO_LONG",
+			countryName: mt
+		});
+		ht = e === void 0 ? /* @__PURE__ */ C("p", {
+			className: "mt-1 text-xs text-destructive",
+			children: /* @__PURE__ */ C("span", { children: pt })
+		}) : e;
+	}
+	let gt = S.useCallback((e) => {
+		W.current = `${W.current}${e}`.slice(-12), L(W.current), z(!0), tt();
+	}, [tt]), _t = S.useCallback(() => {
+		let e = W.current;
+		e && (W.current = e.slice(0, -1), L(W.current), W.current && tt());
+	}, [tt]), vt = S.useCallback((e) => {
+		if (Te?.(e), e.defaultPrevented) return;
+		let t = e.key;
+		if (e.metaKey || e.ctrlKey || e.altKey) return;
+		let n = e.currentTarget, r = n.value, i = n.selectionStart ?? 0, a = n.selectionEnd ?? i, o = i === a;
+		if (t === "Backspace" && o) {
+			let e = v(r, i);
+			e !== i && n.setSelectionRange(e, e);
+		} else if (t === "ArrowLeft" && o) {
+			let t = v(r, i);
+			if (t !== i) {
+				e.preventDefault(), n.setSelectionRange(t, t);
+				return;
+			}
+		} else if (t === "ArrowRight" && o) {
+			let t = y(r, a);
+			if (t !== a) {
+				e.preventDefault(), n.setSelectionRange(t, t);
+				return;
+			}
+		}
+		if (t === "ArrowDown") {
+			if (K.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !R) {
+				z(!0), B(Q.length > 0 ? 0 : -1);
+				return;
+			}
+			Q.length > 0 && B((e) => e < 0 ? 0 : (e + 1) % Q.length);
+			return;
+		}
+		if (t === "ArrowUp") {
+			if (K.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !R) {
+				z(!0), B(Q.length > 0 ? Q.length - 1 : -1);
+				return;
+			}
+			Q.length > 0 && B((e) => e < 0 ? Q.length - 1 : (e - 1 + Q.length) % Q.length);
+			return;
+		}
+		if (/^[a-z]$/i.test(t)) {
+			e.preventDefault(), R || (z(!0), B(Q.length > 0 ? 0 : -1)), gt(t.toLowerCase());
+			return;
+		}
+		if ($) {
+			if (t === "Backspace" && W.current) {
+				e.preventDefault(), _t();
+				return;
+			}
+			if (t === "Escape") {
+				e.preventDefault(), W.current = "", L(""), z(!1);
+				return;
+			}
+			if (t === "Enter" && Q.length > 0) {
+				e.preventDefault(), rt(it ?? Q[0]);
+				return;
+			}
+		}
+	}, [
+		gt,
+		Q,
+		rt,
+		it,
+		Te,
+		_t,
+		R,
+		$
+	]), yt = S.useCallback((e) => {
+		ze(!0), Ce?.(e);
+	}, [Ce]), bt = S.useCallback((e) => {
+		ze(!1), z(!1), W.current = "", L(""), we?.(e);
+	}, [we]), xt = S.useCallback(() => {
+		ge || _e || (W.current = "", L(""), z(!0), B((e) => e < 0 ? 0 : e), requestAnimationFrame(() => {
+			We.current?.focus();
+		}));
+	}, [ge, _e]), St = ye ?? (Ee ? `${Ee}_shim` : void 0);
+	return /* @__PURE__ */ w("div", {
+		className: e("relative flex flex-col", me),
+		children: [
+			/* @__PURE__ */ w("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ C("input", {
+					...Oe,
+					ref: We,
+					type: "tel",
+					className: e("flex h-10 w-full rounded-md border border-input bg-background py-2 text-base ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "pl-11 pr-3", he),
+					name: Ee,
+					value: Fe,
+					onChange: nt,
+					onFocus: yt,
+					onBlur: bt,
+					onKeyDown: vt,
+					disabled: ge,
+					readOnly: _e,
+					autoComplete: De ?? "off"
+				}), /* @__PURE__ */ C("button", {
+					type: "button",
+					className: e("absolute left-3 top-1/2 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded border text-lg leading-none transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", ft ? "border-transparent" : "border-dashed border-border text-muted-foreground", ge ? "cursor-not-allowed opacity-50" : _e ? "cursor-default" : "cursor-pointer hover:bg-muted"),
+					"aria-label": dt,
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: xt,
+					tabIndex: -1,
+					disabled: ge,
+					children: /* @__PURE__ */ C("span", {
+						"aria-hidden": "true",
+						children: ft ? ut : "?"
+					})
+				})]
+			}),
+			St ? /* @__PURE__ */ C("input", {
+				tabIndex: -1,
+				autoComplete: "tel",
+				name: St,
+				"aria-hidden": "true",
+				className: "pointer-events-none absolute left-0 top-0 h-0 w-0 opacity-0"
+			}) : null,
+			/* @__PURE__ */ C("div", {
+				className: "absolute left-0 top-full z-30 mt-1",
+				style: {
+					pointerEvents: $ ? "auto" : "none",
+					width: "min(260px, 100%)"
+				},
+				onMouseDown: (e) => e.preventDefault(),
+				children: /* @__PURE__ */ C(ae.Provider, {
+					value: ct,
+					children: /* @__PURE__ */ C(T, {
+						...Ze,
+						menuIsOpen: $,
+						options: Q,
+						value: null,
+						components: $e,
+						styles: Qe,
+						isClearable: !1,
+						isSearchable: !1,
+						backspaceRemovesValue: !1,
+						tabSelectsValue: !1,
+						menuShouldScrollIntoView: !1,
+						onChange: rt,
+						classNamePrefix: qe ?? "phone-number-suggestions",
+						placeholder: "",
+						formatOptionLabel: ot,
+						noOptionsMessage: Xe ?? (() => je.noMatches)
+					})
+				})
+			}),
+			ht
+		]
+	});
+});
+le.displayName = "PhoneNumberInput";
+//#endregion
+export { le as PhoneNumberInput };
+
+//# sourceMappingURL=index301.js.map