@loczer/storefront-sdk 0.194.0 → 0.196.0

package/dist/chunks/pkg/ui/dist/lib/utils-BN5KOMSm.js

@@ -1,8 +0,0 @@
-import { clsx as e } from "../../../../node_modules/clsx/dist/clsx-CdyIqUTr.js";
-import { twMerge as t } from "../../../../node_modules/tailwind-merge/dist/bundle-mjs-CF4QheV5.js";
-//#region ../ui/dist/lib/utils.js
-function n(...n) {
-	return t(e(n));
-}
-//#endregion
-export { n as cn };

package/dist/components/BookingPeriodSelector/components/internal/ModalHourPickerField.d.ts

@@ -1,22 +0,0 @@
-import { HourPickerOption } from '@rpcbase/ui';
-type ModalHourPickerFieldProps = {
-    id?: string;
-    value: string | null;
-    onChange: (value: string | null) => void;
-    onValueUpdate?: (value: string | null) => void;
-    options: HourPickerOption[];
-    placeholder?: string;
-    className?: string;
-    inputClassName?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    triggerTestId?: string;
-    contentTestId?: string;
-    isHydrated?: boolean;
-    portalContainer: HTMLElement | null;
-};
-export declare function ModalHourPickerField({ id, value, onChange, onValueUpdate, options, placeholder, className, inputClassName, disabled, readOnly, open: openProp, onOpenChange, triggerTestId, contentTestId, isHydrated, portalContainer, }: ModalHourPickerFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ModalHourPickerField.d.ts.map

package/dist/components/BookingPeriodSelector/components/internal/ModalHourPickerField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalHourPickerField.d.ts","sourceRoot":"","sources":["../../../../../src/components/BookingPeriodSelector/components/internal/ModalHourPickerField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAGvD,KAAK,yBAAyB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,WAAW,GAAG,IAAI,CAAA;CACpC,CAAA;AAmKD,wBAAgB,oBAAoB,CAAC,EACnC,EAAE,EACF,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAO,EACP,WAA2B,EAC3B,SAAS,EACT,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,aAAa,EACb,aAAa,EACb,UAAU,EACV,eAAe,GAChB,EAAE,yBAAyB,2CA6d3B"}

package/dist/components/BookingPeriodSelector/components/internal/ModalHourPickerField.js

@@ -1,342 +0,0 @@
-import { useEffect as e, useLayoutEffect as t, useRef as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { cn as o } from "@rpcbase/ui";
-import { Check as s, ChevronDown as c } from "lucide-react";
-import { createPortal as l } from "react-dom";
-//#region src/components/BookingPeriodSelector/components/internal/ModalHourPickerField.tsx
-function u(e) {
-	return e != null && !e.disabled;
-}
-function d(e) {
-	let t = /^(\d{1,2}):(\d{2})$/.exec(e.trim());
-	if (!t) return null;
-	let n = Number(t[1]), r = Number(t[2]);
-	return !Number.isFinite(n) || !Number.isFinite(r) || n < 0 || n > 23 || r < 0 || r > 59 ? null : n * 60 + r;
-}
-function f(e) {
-	let t = /^(\d{1,2}):(\d{2})$/.exec(e.trim());
-	if (!t) return null;
-	let n = Number(t[1]), r = Number(t[2]);
-	return !Number.isFinite(n) || !Number.isFinite(r) || n < 0 || n > 23 || r < 0 || r > 59 ? null : `${String(n).padStart(2, "0")}:${String(r).padStart(2, "0")}`;
-}
-function p(e) {
-	let t = e.replace(/\D/g, "").slice(0, 4);
-	return t.length <= 2 ? t : `${t.slice(0, t.length - 2)}:${t.slice(-2)}`;
-}
-function m(e, t) {
-	if (!e) return null;
-	let n = f(e);
-	return n && u(t.find((e) => e.value === n)) ? n : null;
-}
-function h(e) {
-	return e.find((e) => u(e)) ?? null;
-}
-function g(e, t) {
-	let n = d(e);
-	if (n == null) return null;
-	let r = null, i = Infinity, a = -Infinity;
-	for (let e of t) {
-		if (!u(e)) continue;
-		let t = d(e.value);
-		if (t == null) continue;
-		let o = Math.abs(t - n);
-		(o < i || o === i && t > a) && (r = e, i = o, a = t);
-	}
-	return r;
-}
-function _(e, t, n) {
-	let r = e ? n.findIndex((t) => t.value === e) : -1;
-	r === -1 && (r = t === 1 ? -1 : n.length);
-	for (let e = r + t; e >= 0 && e < n.length; e += t) {
-		let t = n[e];
-		if (u(t)) return t.value;
-	}
-	return null;
-}
-function v(e, t, n) {
-	let r = e.getBoundingClientRect(), i = t.offsetHeight, a = n.getBoundingClientRect(), o = window.innerWidth, s = window.innerHeight, c = r.width, l = r.left;
-	l + c > o - 8 && (l = Math.max(8, o - c - 8)), l < 8 && (l = 8);
-	let u = r.bottom + 8, d = u + i > s - 8, f = r.top - i - 8;
-	return d && f >= 8 && (u = f), u < 8 && (u = 8), u + i > s - 8 && (u = Math.max(8, s - i - 8)), {
-		left: l - a.left,
-		top: u - a.top,
-		width: c,
-		strategy: "absolute"
-	};
-}
-function y({ id: u, value: d, onChange: y, onValueUpdate: b, options: x, placeholder: S = "Select time", className: C, inputClassName: w, disabled: T, readOnly: E, open: D, onOpenChange: O, triggerTestId: k, contentTestId: A, isHydrated: j, portalContainer: M }) {
-	let N = n(null), P = n(null), F = n(null), I = n(null), [L, R] = r(!1), [z, B] = r(() => d ?? ""), [V, H] = r(d ?? h(x)?.value ?? null), [U, W] = r({
-		left: 0,
-		top: 0,
-		width: 0,
-		strategy: "absolute"
-	}), G = n(!1), K = n(!1), q = D ?? L;
-	e(() => {
-		G.current || B(d ?? "");
-	}, [d]), e(() => {
-		if (!q) {
-			H(d ?? h(x)?.value ?? null);
-			return;
-		}
-		let e = m(d, x);
-		H(e ?? h(x)?.value ?? null);
-	}, [
-		q,
-		x,
-		d
-	]), e(() => {
-		if (!q || T || E) return;
-		let e = P.current;
-		e instanceof HTMLInputElement && document.activeElement !== e && e.focus({ preventScroll: !0 });
-	}, [
-		T,
-		q,
-		E
-	]), e(() => {
-		if (!q) return;
-		let e = (e) => {
-			let t = e.target;
-			t instanceof Node && (N.current?.contains(t) || F.current?.contains(t) || (O?.(!1), R(!1)));
-		}, t = (e) => {
-			if (e.key !== "Escape") return;
-			let t = e.target;
-			t instanceof Node && (!N.current?.contains(t) && !F.current?.contains(t) || (e.preventDefault(), e.stopPropagation(), O?.(!1), R(!1)));
-		};
-		return document.addEventListener("pointerdown", e, !0), window.addEventListener("keydown", t, !0), () => {
-			document.removeEventListener("pointerdown", e, !0), window.removeEventListener("keydown", t, !0);
-		};
-	}, [q, O]), e(() => {
-		if (!q || typeof window > "u" || !("IntersectionObserver" in window)) return;
-		let e = N.current;
-		if (!e) return;
-		let t = !0, n = new IntersectionObserver((e) => {
-			if (!t) return;
-			let n = e[0];
-			n && !n.isIntersecting && J(!1);
-		});
-		return n.observe(e), () => {
-			t = !1, n.disconnect();
-		};
-	}, [q]), t(() => {
-		if (!q || T || !M) return;
-		let e = () => {
-			!P.current || !F.current || W(v(P.current, F.current, M));
-		};
-		e();
-		let t = window.requestAnimationFrame(e);
-		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
-			window.cancelAnimationFrame(t), window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
-		};
-	}, [
-		T,
-		q,
-		M
-	]), e(() => {
-		if (!q || !I.current || !V) return;
-		let e = I.current.querySelector(`[role="option"][data-value="${V}"]`);
-		if (!e) return;
-		let t = e.offsetTop - 8, n = e.offsetTop + e.offsetHeight + 8;
-		if (t < I.current.scrollTop) {
-			I.current.scrollTop = Math.max(0, t);
-			return;
-		}
-		n > I.current.scrollTop + I.current.clientHeight && (I.current.scrollTop = Math.max(0, n - I.current.clientHeight));
-	}, [V, q]);
-	let J = (e) => {
-		O?.(e), R(e);
-	}, Y = (e) => {
-		b?.(e), y(e);
-	}, X = x.find((e) => e.value === d)?.selectedLabel;
-	return /* @__PURE__ */ i("div", {
-		"data-slot": "hours-picker-input",
-		className: o("w-[150px]", C),
-		ref: N,
-		children: /* @__PURE__ */ a("div", {
-			className: "relative group",
-			children: [
-				/* @__PURE__ */ i("input", {
-					ref: P,
-					id: u,
-					type: "text",
-					"data-testid": k,
-					"data-hydrated": j ? "true" : void 0,
-					autoComplete: "off",
-					disabled: T,
-					readOnly: E,
-					placeholder: S,
-					value: z,
-					className: o("peer flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 pr-10 text-base ring-offset-background placeholder:text-muted-foreground 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", "transition-colors group-hover:bg-accent group-hover:text-accent-foreground", !z && "text-muted-foreground", q && "ring-2 ring-primary ring-offset-2", w, d && X != null && "text-transparent focus:text-foreground"),
-					onChange: (e) => {
-						let t = p(e.currentTarget.value);
-						if (B(t), !t) {
-							b?.(null);
-							return;
-						}
-						let n = m(t, x);
-						if (n) {
-							H(n), b?.(n);
-							return;
-						}
-						let r = f(t);
-						if (!r) return;
-						let i = g(r, x);
-						i && H(i.value);
-					},
-					onFocus: (e) => {
-						G.current = !0;
-						let t = e.currentTarget;
-						requestAnimationFrame(() => {
-							t.select();
-						}), T || J(!0);
-					},
-					onClick: () => {
-						T || J(!0);
-					},
-					onKeyDown: (e) => {
-						if (!T) {
-							if (e.key === "Tab") {
-								J(!1);
-								return;
-							}
-							if (e.key === "Escape") {
-								if (!q) return;
-								e.preventDefault(), J(!1);
-								return;
-							}
-							if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-								if (e.preventDefault(), !q) {
-									J(!0);
-									return;
-								}
-								let t = _(V ?? d, e.key === "ArrowDown" ? 1 : -1, x);
-								if (!t) return;
-								H(t), B(t), b?.(t);
-								return;
-							}
-							if (e.key === "Enter") {
-								let t = V ?? m(z, x) ?? g(z, x)?.value ?? h(x)?.value ?? null;
-								if (!t) return;
-								e.preventDefault(), B(t), H(t), Y(t), J(!1);
-								return;
-							}
-							!q && (e.key.length === 1 || e.key === "Backspace" || e.key === "Delete") && !e.ctrlKey && !e.metaKey && !e.altKey && J(!0);
-						}
-					},
-					onBlur: (e) => {
-						if (G.current = !1, K.current) {
-							K.current = !1;
-							return;
-						}
-						let t = e.relatedTarget;
-						if (t instanceof Node && (N.current?.contains(t) || F.current?.contains(t))) return;
-						if (requestAnimationFrame(() => {
-							let e = document.activeElement;
-							e instanceof Node && (N.current?.contains(e) || F.current?.contains(e)) || J(!1);
-						}), !z.trim()) {
-							B(d ?? "");
-							return;
-						}
-						let n = m(z, x);
-						if (n) {
-							B(n), H(n), d !== n && Y(n);
-							return;
-						}
-						B(d ?? "");
-					}
-				}),
-				d && X != null ? /* @__PURE__ */ i("span", {
-					"aria-hidden": "true",
-					"data-slot": "hours-picker-input-selected-label",
-					className: o("pointer-events-none absolute inset-y-0 left-3 right-10 flex min-w-0 items-center text-base peer-focus:hidden md:text-sm", T && "opacity-50"),
-					children: /* @__PURE__ */ i("span", {
-						className: "min-w-0 truncate",
-						children: X
-					})
-				}) : null,
-				/* @__PURE__ */ i("button", {
-					type: "button",
-					tabIndex: -1,
-					disabled: T,
-					"data-slot": "hours-picker-input-toggle",
-					className: "absolute right-1 top-1/2 inline-flex size-8 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-					"aria-label": q ? "Close time picker" : "Open time picker",
-					onPointerDown: (e) => {
-						e.preventDefault();
-					},
-					onMouseDown: (e) => {
-						e.preventDefault();
-					},
-					onClick: () => {
-						T || (J(!q), P.current?.focus({ preventScroll: !0 }));
-					},
-					children: /* @__PURE__ */ i(c, {
-						"aria-hidden": !0,
-						className: "size-4"
-					})
-				}),
-				q ? l(/* @__PURE__ */ i("div", {
-					ref: F,
-					"data-testid": A,
-					"data-state": "open",
-					className: "pointer-events-auto overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",
-					style: {
-						position: U.strategy,
-						left: U.left,
-						top: U.top,
-						width: U.width
-					},
-					onPointerDownCapture: () => {
-						K.current = !0;
-					},
-					onMouseDownCapture: () => {
-						K.current = !0;
-					},
-					children: /* @__PURE__ */ i("div", {
-						ref: I,
-						role: "listbox",
-						className: "max-h-64 overflow-y-auto p-1",
-						children: x.map((e) => {
-							let t = e.value === d, n = e.value === V;
-							return /* @__PURE__ */ a("div", {
-								role: "option",
-								"aria-selected": t,
-								"data-value": e.value,
-								"data-state": t ? "checked" : "unchecked",
-								"data-disabled": e.disabled ? "" : void 0,
-								className: o("relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none", e.disabled ? "pointer-events-none opacity-50" : "cursor-pointer", n && "bg-accent text-accent-foreground"),
-								onMouseDown: (e) => {
-									e.preventDefault();
-								},
-								onClick: () => {
-									e.disabled || (B(e.value), H(e.value), Y(e.value), J(!1), P.current?.focus({ preventScroll: !0 }));
-								},
-								onPointerEnter: () => {
-									e.disabled || H(e.value);
-								},
-								onPointerMove: () => {
-									e.disabled || H(e.value);
-								},
-								children: [/* @__PURE__ */ i("span", {
-									className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-									children: t ? /* @__PURE__ */ i(s, {
-										"aria-hidden": !0,
-										className: "h-4 w-4"
-									}) : null
-								}), /* @__PURE__ */ a("div", {
-									className: "flex flex-col",
-									children: [/* @__PURE__ */ i("span", { children: e.label }), e.description == null ? null : /* @__PURE__ */ i("span", {
-										"data-slot": "description",
-										className: "text-xs text-muted-foreground",
-										children: e.description
-									})]
-								})]
-							}, e.value);
-						})
-					})
-				}), M) : null
-			]
-		})
-	});
-}
-//#endregion
-export { y as ModalHourPickerField };