@loczer/storefront-sdk 0.181.0 → 0.182.0

package/dist/components/BookingPeriodSelector/components/BookingStartDateField.js

@@ -1,184 +1,146 @@
-import { jsxs as I, jsx as u } from "react/jsx-runtime";
-import { useRef as L, useState as A, useEffect as H } from "react";
-import { DayButton as U } from "react-day-picker";
-import { cn as f, DayPickerField as K } from "@rpcbase/ui";
-import { useMorphingModalWizardOverlayLayer as R } from "../../../chunks/ui/dist/MorphingModalWizard-V0zTc513.js";
-import { DayPicker as v } from "../../../ui/day-picker.js";
-import { Label as _ } from "../../../ui/label.js";
-import { useBookingPeriod as $ } from "../BookingPeriodContext.js";
-import { BookingPeriodFieldErrorMessage as j } from "./BookingPeriodFieldErrorMessage.js";
-import { ModalDayPickerField as q } from "./internal/ModalDayPickerField.js";
-const k = (e) => {
-  const t = e.modifiers.disabled ? "cursor-not-allowed" : "cursor-pointer";
-  return /* @__PURE__ */ u(U, { ...e, className: f(e.className, t) });
+import { useBookingPeriod as e } from "../BookingPeriodContext.js";
+import { useMorphingModalWizardOverlayLayer as t } from "../../../chunks/ui/dist/MorphingModalWizard-DKDiSyVA.js";
+import { DayPicker as n } from "../../../ui/day-picker.js";
+import { Label as r } from "../../../ui/label.js";
+import { BookingPeriodFieldErrorMessage as i } from "./BookingPeriodFieldErrorMessage.js";
+import { ModalDayPickerField as a } from "./internal/ModalDayPickerField.js";
+import { useEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { DayPickerField as d, cn as f } from "@rpcbase/ui";
+import { DayButton as p } from "react-day-picker";
+//#region src/components/BookingPeriodSelector/components/BookingStartDateField.tsx
+var m = (e) => {
+	let t = e.modifiers.disabled ? "cursor-not-allowed" : "cursor-pointer";
+	return /* @__PURE__ */ l(p, {
+		...e,
+		className: f(e.className, t)
+	});
 };
-k.displayName = "BookingStartDateDayButton";
-const y = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), z = (e) => {
-  const t = e.trim();
-  if (!t)
-    return null;
-  const i = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(t);
-  if (i) {
-    const s = Number(i[1]), n = Number(i[2]), o = Number(i[3]), r = new Date(o, n - 1, s);
-    return Number.isNaN(r.getTime()) || r.getFullYear() !== o || r.getMonth() !== n - 1 || r.getDate() !== s ? null : y(r);
-  }
-  const l = /^(\d{2})\/(\d{2})\/(\d{2})$/.exec(t);
-  if (l) {
-    const s = Number(l[1]), n = Number(l[2]), o = 2e3 + Number(l[3]), r = new Date(o, n - 1, s);
-    return Number.isNaN(r.getTime()) || r.getFullYear() !== o || r.getMonth() !== n - 1 || r.getDate() !== s ? null : y(r);
-  }
-  const d = /^(\d{2})\/(\d{2})$/.exec(t);
-  if (d) {
-    const s = Number(d[1]), n = Number(d[2]), o = (/* @__PURE__ */ new Date()).getFullYear(), r = new Date(o, n - 1, s);
-    return Number.isNaN(r.getTime()) || r.getFullYear() !== o || r.getMonth() !== n - 1 || r.getDate() !== s ? null : y(r);
-  }
-  return null;
-}, V = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), W = (e) => {
-  if (typeof document > "u")
-    return e.current = !1, !1;
-  const t = document.activeElement, i = e.current && t instanceof HTMLElement && t.id === "start-date-picker";
-  return e.current = !1, i;
-}, G = () => {
-  if (typeof document > "u")
-    return !1;
-  const e = document.activeElement;
-  return e instanceof HTMLElement ? !!(document.getElementById("start-date-calendar")?.contains(e) || e.id === "start-date-picker") : !1;
-}, J = "You cannot select date in the past", ie = () => {
-  const {
-    labels: e,
-    startDate: t,
-    selectStartDate: i,
-    isStartDatePopoverOpen: l,
-    setIsStartDatePopoverOpen: d,
-    labelClassName: s,
-    inputClassName: n,
-    buttonClassName: o,
-    errors: r,
-    dateLocale: b,
-    numberOfMonths: N,
-    isMobile: S,
-    isHydrated: M,
-    openDatePickerOnFocus: O,
-    withMobileDateDrawer: B,
-    minSelectableDate: w
-  } = $(), c = B && S, g = L(!1), [T, m] = A(null), E = R(), x = !!E;
-  H(() => {
-    if (typeof document > "u")
-      return;
-    const a = document.getElementById("start-date-picker");
-    if (!(a instanceof HTMLInputElement))
-      return;
-    const p = (h) => {
-      if (h.key === "ArrowUp" || h.key === "ArrowDown") {
-        g.current = !0;
-        return;
-      }
-      if (g.current = !1, h.key !== "Enter") return;
-      const P = z(a.value);
-      if (!P) return;
-      const Y = y(/* @__PURE__ */ new Date());
-      P < Y ? m(J) : m(null);
-    };
-    return a.addEventListener("keydown", p, !0), () => {
-      a.removeEventListener("keydown", p, !0);
-    };
-  }, []);
-  const C = (a) => {
-    if (!a || (m(null), W(g)) || t && V(a, t))
-      return;
-    const p = G();
-    i(a, {
-      openTimePicker: p ? void 0 : !1,
-      openEndDatePicker: p ? void 0 : !1
-    });
-  }, D = r.startDate ?? T, F = () => {
-    c && d(!0);
-  };
-  return /* @__PURE__ */ I(
-    "div",
-    {
-      className: f("group/form-item relative flex-grow", c && "cursor-pointer rounded-md"),
-      onPointerDownCapture: F,
-      onClick: F,
-      children: [
-        /* @__PURE__ */ u(
-          _,
-          {
-            htmlFor: "start-date-picker",
-            className: f("mb-1 block text-sm font-medium", c && "cursor-pointer", s),
-            children: /* @__PURE__ */ u("span", { children: e.startDate })
-          }
-        ),
-        x ? /* @__PURE__ */ u(
-          q,
-          {
-            id: "start-date-picker",
-            value: t ?? null,
-            placeholder: e.pickStartDate,
-            triggerTestId: "start-date-trigger",
-            isHydrated: M,
-            open: c ? !1 : l,
-            onOpenChange: d,
-            readOnly: c,
-            openOnFocus: O,
-            onValueUpdate: () => {
-              m(null);
-            },
-            onChange: C,
-            inputClassName: f(D && "border-destructive", n, o),
-            dayPickerComponent: v,
-            dayPickerProps: {
-              id: "start-date-calendar",
-              locale: b,
-              showOutsideDays: !1,
-              numberOfMonths: N,
-              required: !0,
-              components: {
-                DayButton: k
-              },
-              disabled: (a) => a < w,
-              autoFocus: !0,
-              "data-testid": "start-date-calendar"
-            },
-            portalContainer: E
-          }
-        ) : /* @__PURE__ */ u(
-          K,
-          {
-            id: "start-date-picker",
-            value: t ?? null,
-            placeholder: e.pickStartDate,
-            triggerTestId: "start-date-trigger",
-            isHydrated: M,
-            open: c ? !1 : l,
-            onOpenChange: d,
-            readOnly: c,
-            onValueUpdate: () => {
-              m(null);
-            },
-            onChange: C,
-            inputClassName: f(D && "border-destructive", n, o),
-            dayPickerComponent: v,
-            dayPickerProps: {
-              id: "start-date-calendar",
-              locale: b,
-              showOutsideDays: !1,
-              numberOfMonths: N,
-              required: !0,
-              components: {
-                DayButton: k
-              },
-              disabled: (a) => a < w,
-              autoFocus: !0,
-              "data-testid": "start-date-calendar"
-            }
-          }
-        ),
-        D && /* @__PURE__ */ u(j, { children: D })
-      ]
-    }
-  );
-};
-export {
-  ie as BookingStartDateField
+m.displayName = "BookingStartDateDayButton";
+var h = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), g = (e) => {
+	let t = e.trim();
+	if (!t) return null;
+	let n = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(t);
+	if (n) {
+		let e = Number(n[1]), t = Number(n[2]), r = Number(n[3]), i = new Date(r, t - 1, e);
+		return Number.isNaN(i.getTime()) || i.getFullYear() !== r || i.getMonth() !== t - 1 || i.getDate() !== e ? null : h(i);
+	}
+	let r = /^(\d{2})\/(\d{2})\/(\d{2})$/.exec(t);
+	if (r) {
+		let e = Number(r[1]), t = Number(r[2]), n = 2e3 + Number(r[3]), i = new Date(n, t - 1, e);
+		return Number.isNaN(i.getTime()) || i.getFullYear() !== n || i.getMonth() !== t - 1 || i.getDate() !== e ? null : h(i);
+	}
+	let i = /^(\d{2})\/(\d{2})$/.exec(t);
+	if (i) {
+		let e = Number(i[1]), t = Number(i[2]), n = (/* @__PURE__ */ new Date()).getFullYear(), r = new Date(n, t - 1, e);
+		return Number.isNaN(r.getTime()) || r.getFullYear() !== n || r.getMonth() !== t - 1 || r.getDate() !== e ? null : h(r);
+	}
+	return null;
+}, _ = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), v = (e) => {
+	if (typeof document > "u") return e.current = !1, !1;
+	let t = document.activeElement, n = e.current && t instanceof HTMLElement && t.id === "start-date-picker";
+	return e.current = !1, n;
+}, y = () => {
+	if (typeof document > "u") return !1;
+	let e = document.activeElement;
+	return e instanceof HTMLElement && !!(document.getElementById("start-date-calendar")?.contains(e) || e.id === "start-date-picker");
+}, b = "You cannot select date in the past", x = () => {
+	let { labels: p, startDate: x, selectStartDate: S, isStartDatePopoverOpen: C, setIsStartDatePopoverOpen: w, labelClassName: T, inputClassName: E, buttonClassName: D, errors: O, dateLocale: k, numberOfMonths: A, isMobile: j, isHydrated: M, openDatePickerOnFocus: N, withMobileDateDrawer: P, minSelectableDate: F } = e(), I = P && j, L = s(!1), [R, z] = c(null), B = t(), V = !!B;
+	o(() => {
+		if (typeof document > "u") return;
+		let e = document.getElementById("start-date-picker");
+		if (!(e instanceof HTMLInputElement)) return;
+		let t = (t) => {
+			if (t.key === "ArrowUp" || t.key === "ArrowDown") {
+				L.current = !0;
+				return;
+			}
+			if (L.current = !1, t.key !== "Enter") return;
+			let n = g(e.value);
+			n && (n < h(/* @__PURE__ */ new Date()) ? z(b) : z(null));
+		};
+		return e.addEventListener("keydown", t, !0), () => {
+			e.removeEventListener("keydown", t, !0);
+		};
+	}, []);
+	let H = (e) => {
+		if (!e || (z(null), v(L)) || x && _(e, x)) return;
+		let t = y();
+		S(e, {
+			openTimePicker: t ? void 0 : !1,
+			openEndDatePicker: t ? void 0 : !1
+		});
+	}, U = O.startDate ?? R, W = () => {
+		I && w(!0);
+	};
+	return /* @__PURE__ */ u("div", {
+		className: f("group/form-item relative flex-grow", I && "cursor-pointer rounded-md"),
+		onPointerDownCapture: W,
+		onClick: W,
+		children: [
+			/* @__PURE__ */ l(r, {
+				htmlFor: "start-date-picker",
+				className: f("mb-1 block text-sm font-medium", I && "cursor-pointer", T),
+				children: /* @__PURE__ */ l("span", { children: p.startDate })
+			}),
+			V ? /* @__PURE__ */ l(a, {
+				id: "start-date-picker",
+				value: x ?? null,
+				placeholder: p.pickStartDate,
+				triggerTestId: "start-date-trigger",
+				isHydrated: M,
+				open: !I && C,
+				onOpenChange: w,
+				readOnly: I,
+				openOnFocus: N,
+				onValueUpdate: () => {
+					z(null);
+				},
+				onChange: H,
+				inputClassName: f(U && "border-destructive", E, D),
+				dayPickerComponent: n,
+				dayPickerProps: {
+					id: "start-date-calendar",
+					locale: k,
+					showOutsideDays: !1,
+					numberOfMonths: A,
+					required: !0,
+					components: { DayButton: m },
+					disabled: (e) => e < F,
+					autoFocus: !0,
+					"data-testid": "start-date-calendar"
+				},
+				portalContainer: B
+			}) : /* @__PURE__ */ l(d, {
+				id: "start-date-picker",
+				value: x ?? null,
+				placeholder: p.pickStartDate,
+				triggerTestId: "start-date-trigger",
+				isHydrated: M,
+				open: !I && C,
+				onOpenChange: w,
+				readOnly: I,
+				onValueUpdate: () => {
+					z(null);
+				},
+				onChange: H,
+				inputClassName: f(U && "border-destructive", E, D),
+				dayPickerComponent: n,
+				dayPickerProps: {
+					id: "start-date-calendar",
+					locale: k,
+					showOutsideDays: !1,
+					numberOfMonths: A,
+					required: !0,
+					components: { DayButton: m },
+					disabled: (e) => e < F,
+					autoFocus: !0,
+					"data-testid": "start-date-calendar"
+				}
+			}),
+			U && /* @__PURE__ */ l(i, { children: U })
+		]
+	});
 };
+//#endregion
+export { x as BookingStartDateField };

package/dist/components/BookingPeriodSelector/components/BookingStartTimeField.js

@@ -1,111 +1,104 @@
-import { jsxs as E, Fragment as B, jsx as n } from "react/jsx-runtime";
-import { useRef as O, useEffect as S } from "react";
-import { cn as T, HourPickerField as R } from "@rpcbase/ui";
-import { useMorphingModalWizardOverlayLayer as w } from "../../../chunks/ui/dist/MorphingModalWizard-V0zTc513.js";
-import { Label as P } from "../../../ui/label.js";
-import { useBookingPeriod as H } from "../BookingPeriodContext.js";
-import { BookingPeriodFieldErrorMessage as U } from "./BookingPeriodFieldErrorMessage.js";
-import { ModalHourPickerField as V } from "./internal/ModalHourPickerField.js";
-const N = (t, m, d) => new Intl.NumberFormat(m, {
-  style: "currency",
-  currency: d,
-  minimumFractionDigits: 0,
-  maximumFractionDigits: 0
-}).format(t / 100), J = () => {
-  const {
-    labels: t,
-    localeCode: m,
-    currencyCode: d,
-    startTime: r,
-    selectStartTime: c,
-    startTimeSlots: D,
-    isStartTimeSelectOpen: s,
-    setIsStartTimeSelectOpen: h,
-    labelClassName: v,
-    inputClassName: y,
-    buttonClassName: k,
-    errors: u,
-    isHydrated: C,
-    isStartToday: I,
-    earliestMinutesForToday: F
-  } = H(), p = D.map((e) => {
-    const f = I && F != null && e.startMinutes < F, o = e.isDisabled || f, l = e.disabledReason === "closed" ? t.timeSlotClosedLabel ?? "Closed" : e.disabledReason, b = e.isExtra && e.extraAmount != null ? t.timeSlotExtraFee?.({
-      amount: N(e.extraAmount, m, d)
-    }) ?? `Extra fee: ${N(e.extraAmount, m, d)}` : null, g = e.isDisabled && l ? l : null, M = b && g ? /* @__PURE__ */ E(B, { children: [
-      /* @__PURE__ */ n("span", { className: "block", children: b }),
-      /* @__PURE__ */ n("span", { className: "block", children: g })
-    ] }) : b ?? g ?? void 0;
-    return {
-      value: e.value,
-      label: e.label,
-      disabled: o,
-      description: M
-    };
-  }), a = p.find((e) => !e.disabled)?.value, i = O(r ?? a ?? null), x = w(), L = !!x;
-  return S(() => {
-    s || (i.current = r ?? a ?? null);
-  }, [a, s, r]), S(() => {
-    if (typeof document > "u")
-      return;
-    const e = document.getElementById("start-time-picker");
-    if (!(e instanceof HTMLInputElement))
-      return;
-    const f = (o) => {
-      if (o.key !== "Enter" || !s) return;
-      o.preventDefault(), o.stopPropagation();
-      const l = i.current ?? r ?? a;
-      l && c(l);
-    };
-    return e.addEventListener("keydown", f, !0), () => {
-      e.removeEventListener("keydown", f, !0);
-    };
-  }, [a, s, c, r]), /* @__PURE__ */ E("div", { className: "group/form-item relative w-[150px]", children: [
-    /* @__PURE__ */ n(P, { htmlFor: "start-time-picker", className: T("mb-1 block text-sm font-medium", v), children: /* @__PURE__ */ n("span", { children: t.startTime }) }),
-    L ? /* @__PURE__ */ n(
-      V,
-      {
-        id: "start-time-picker",
-        placeholder: t.startTime,
-        value: r ?? null,
-        onValueUpdate: (e) => {
-          e && (i.current = e);
-        },
-        onChange: (e) => {
-          e && (i.current = e, c(e));
-        },
-        options: p,
-        open: s,
-        onOpenChange: h,
-        triggerTestId: "start-time-trigger",
-        contentTestId: "start-time-select-content",
-        isHydrated: C,
-        inputClassName: T(u.startTime && "border-destructive", y, k),
-        portalContainer: x
-      }
-    ) : /* @__PURE__ */ n(
-      R,
-      {
-        id: "start-time-picker",
-        placeholder: t.startTime,
-        value: r ?? null,
-        onValueUpdate: (e) => {
-          e && (i.current = e);
-        },
-        onChange: (e) => {
-          e && (i.current = e, c(e));
-        },
-        options: p,
-        open: s,
-        onOpenChange: h,
-        triggerTestId: "start-time-trigger",
-        contentTestId: "start-time-select-content",
-        isHydrated: C,
-        inputClassName: T(u.startTime && "border-destructive", y, k)
-      }
-    ),
-    u.startTime && /* @__PURE__ */ n(U, { children: u.startTime })
-  ] });
-};
-export {
-  J as BookingStartTimeField
+import { useBookingPeriod as e } from "../BookingPeriodContext.js";
+import { useMorphingModalWizardOverlayLayer as t } from "../../../chunks/ui/dist/MorphingModalWizard-DKDiSyVA.js";
+import { Label as n } from "../../../ui/label.js";
+import { BookingPeriodFieldErrorMessage as r } from "./BookingPeriodFieldErrorMessage.js";
+import { ModalHourPickerField as i } from "./internal/ModalHourPickerField.js";
+import { useEffect as a, useRef as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { HourPickerField as u, cn as d } from "@rpcbase/ui";
+//#region src/components/BookingPeriodSelector/components/BookingStartTimeField.tsx
+var f = (e, t, n) => new Intl.NumberFormat(t, {
+	style: "currency",
+	currency: n,
+	minimumFractionDigits: 0,
+	maximumFractionDigits: 0
+}).format(e / 100), p = () => {
+	let { labels: p, localeCode: m, currencyCode: h, startTime: g, selectStartTime: _, startTimeSlots: v, isStartTimeSelectOpen: y, setIsStartTimeSelectOpen: b, labelClassName: x, inputClassName: S, buttonClassName: C, errors: w, isHydrated: T, isStartToday: E, earliestMinutesForToday: D } = e(), O = v.map((e) => {
+		let t = E && D != null && e.startMinutes < D, n = e.isDisabled || t, r = e.disabledReason === "closed" ? p.timeSlotClosedLabel ?? "Closed" : e.disabledReason, i = e.isExtra && e.extraAmount != null ? p.timeSlotExtraFee?.({ amount: f(e.extraAmount, m, h) }) ?? `Extra fee: ${f(e.extraAmount, m, h)}` : null, a = e.isDisabled && r ? r : null, o = i && a ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
+			className: "block",
+			children: i
+		}), /* @__PURE__ */ c("span", {
+			className: "block",
+			children: a
+		})] }) : i ?? a ?? void 0;
+		return {
+			value: e.value,
+			label: e.label,
+			disabled: n,
+			description: o
+		};
+	}), k = O.find((e) => !e.disabled)?.value, A = o(g ?? k ?? null), j = t(), M = !!j;
+	return a(() => {
+		y || (A.current = g ?? k ?? null);
+	}, [
+		k,
+		y,
+		g
+	]), a(() => {
+		if (typeof document > "u") return;
+		let e = document.getElementById("start-time-picker");
+		if (!(e instanceof HTMLInputElement)) return;
+		let t = (e) => {
+			if (e.key !== "Enter" || !y) return;
+			e.preventDefault(), e.stopPropagation();
+			let t = A.current ?? g ?? k;
+			t && _(t);
+		};
+		return e.addEventListener("keydown", t, !0), () => {
+			e.removeEventListener("keydown", t, !0);
+		};
+	}, [
+		k,
+		y,
+		_,
+		g
+	]), /* @__PURE__ */ l("div", {
+		className: "group/form-item relative w-[150px]",
+		children: [
+			/* @__PURE__ */ c(n, {
+				htmlFor: "start-time-picker",
+				className: d("mb-1 block text-sm font-medium", x),
+				children: /* @__PURE__ */ c("span", { children: p.startTime })
+			}),
+			M ? /* @__PURE__ */ c(i, {
+				id: "start-time-picker",
+				placeholder: p.startTime,
+				value: g ?? null,
+				onValueUpdate: (e) => {
+					e && (A.current = e);
+				},
+				onChange: (e) => {
+					e && (A.current = e, _(e));
+				},
+				options: O,
+				open: y,
+				onOpenChange: b,
+				triggerTestId: "start-time-trigger",
+				contentTestId: "start-time-select-content",
+				isHydrated: T,
+				inputClassName: d(w.startTime && "border-destructive", S, C),
+				portalContainer: j
+			}) : /* @__PURE__ */ c(u, {
+				id: "start-time-picker",
+				placeholder: p.startTime,
+				value: g ?? null,
+				onValueUpdate: (e) => {
+					e && (A.current = e);
+				},
+				onChange: (e) => {
+					e && (A.current = e, _(e));
+				},
+				options: O,
+				open: y,
+				onOpenChange: b,
+				triggerTestId: "start-time-trigger",
+				contentTestId: "start-time-select-content",
+				isHydrated: T,
+				inputClassName: d(w.startTime && "border-destructive", S, C)
+			}),
+			w.startTime && /* @__PURE__ */ c(r, { children: w.startTime })
+		]
+	});
 };
+//#endregion
+export { p as BookingStartTimeField };