@loczer/storefront-sdk 0.174.0 → 0.176.0

package/dist/components/BookingPeriodSelector/components/BookingEndDateField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingEndDateField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingEndDateField.tsx"],"names":[],"mappings":"AAqJA,eAAO,MAAM,mBAAmB,+CAkiB/B,CAAA"}
+{"version":3,"file":"BookingEndDateField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingEndDateField.tsx"],"names":[],"mappings":"AAqJA,eAAO,MAAM,mBAAmB,+CA6iB/B,CAAA"}

package/dist/components/BookingPeriodSelector/components/BookingEndDateField.js

@@ -1,24 +1,24 @@
 import { jsxs as ne, jsx as s } from "react/jsx-runtime";
-import { differenceInCalendarDays as me } from "date-fns";
-import { createContext as pe, useRef as F, useState as X, useEffect as v, useContext as ye } from "react";
-import { cn as k, DayPickerField as De } from "@rpcbase/ui";
-import { useMorphingModalWizardOverlayLayer as Ee } from "../../../chunks/ui/dist/MorphingModalWizard-V0zTc513.js";
+import { differenceInCalendarDays as fe } from "date-fns";
+import { createContext as me, useRef as L, useState as X, useEffect as b, useContext as pe } from "react";
+import { cn as T, DayPickerField as ye } from "@rpcbase/ui";
+import { useMorphingModalWizardOverlayLayer as De } from "../../../chunks/ui/dist/MorphingModalWizard-V0zTc513.js";
 import { DayPicker as he } from "../../../ui/day-picker.js";
-import { Label as ve } from "../../../ui/label.js";
-import { Provider as be, Root as ge, TooltipTrigger as Me, Content as ke } from "../../../ui/tooltip.js";
-import { useBookingPeriod as Te } from "../BookingPeriodContext.js";
-import { BookingPeriodFieldErrorMessage as Pe } from "./BookingPeriodFieldErrorMessage.js";
-import { ModalDayPickerField as we } from "./internal/ModalDayPickerField.js";
-const Z = (t) => String(t).padStart(2, "0"), $ = (t) => `${t.getFullYear()}-${Z(t.getMonth() + 1)}-${Z(t.getDate())}`, z = (t) => t.getFullYear() * 12 + t.getMonth(), oe = (t) => new Date(Math.floor(t / 12), t % 12, 1), N = (t) => oe(z(t)), ee = (t, i, r) => {
-  const c = z(t), d = z(i), f = Math.max(0, r - 1), b = c + f;
+import { Label as Ee } from "../../../ui/label.js";
+import { Provider as ve, Root as be, TooltipTrigger as ge, Content as Me } from "../../../ui/tooltip.js";
+import { useBookingPeriod as ke } from "../BookingPeriodContext.js";
+import { BookingPeriodFieldErrorMessage as Te } from "./BookingPeriodFieldErrorMessage.js";
+import { ModalDayPickerField as Pe } from "./internal/ModalDayPickerField.js";
+const Z = (t) => String(t).padStart(2, "0"), z = (t) => `${t.getFullYear()}-${Z(t.getMonth() + 1)}-${Z(t.getDate())}`, U = (t) => t.getFullYear() * 12 + t.getMonth(), oe = (t) => new Date(Math.floor(t / 12), t % 12, 1), A = (t) => oe(U(t)), ee = (t, i, r) => {
+  const c = U(t), d = U(i), f = Math.max(0, r - 1), g = c + f;
   if (d < c)
-    return N(i);
-  if (d > b) {
+    return A(i);
+  if (d > g) {
     const m = d - f;
     return m === c ? t : oe(m);
   }
   return t;
-}, Ce = (t) => {
+}, we = (t) => {
   if (typeof PointerEvent == "function") {
     t.dispatchEvent(new PointerEvent("pointermove", { bubbles: !0, pointerType: "mouse" }));
     return;
@@ -30,9 +30,9 @@ const Z = (t) => String(t).padStart(2, "0"), $ = (t) => `${t.getFullYear()}-${Z(
     return;
   }
   t.dispatchEvent(new MouseEvent("mouseout", { bubbles: !0 })), t.dispatchEvent(new MouseEvent("mouseleave", { bubbles: !0 }));
-}, re = pe(null), ae = (t) => {
-  const i = ye(re), { day: r, modifiers: c, className: d, ...f } = t, b = c.disabled ? "cursor-not-allowed" : "cursor-pointer", m = F(null);
-  v(() => {
+}, re = me(null), ae = (t) => {
+  const i = pe(re), { day: r, modifiers: c, className: d, ...f } = t, g = c.disabled ? "cursor-not-allowed" : "cursor-pointer", m = L(null);
+  b(() => {
     c.focused && m.current?.focus();
   }, [c.focused]);
   const p = /* @__PURE__ */ s(
@@ -40,33 +40,33 @@ const Z = (t) => String(t).padStart(2, "0"), $ = (t) => `${t.getFullYear()}-${Z(
     {
       ref: m,
       ...f,
-      className: k(d, b)
+      className: T(d, g)
     }
   );
   if (!i)
     return p;
-  const { labels: y, startDate: L, hoveredEndDate: T, keyboardTooltipDay: P, numberOfMonths: g, overlayLayer: M } = i;
-  if (!L || c.disabled || g === 1)
+  const { labels: y, startDate: B, hoveredEndDate: P, keyboardTooltipDay: w, numberOfMonths: M, overlayLayer: k } = i;
+  if (!B || c.disabled || M === 1)
     return p;
-  const l = me(r.date, L);
+  const l = fe(r.date, B);
   if (l < 0)
     return p;
-  const B = $(r.date), I = P === B || (!P && T ? $(T) === B : !1), O = y.selectedDaysTooltip?.({ count: l + 1 });
-  return O ? /* @__PURE__ */ ne(ge, { open: I, children: [
-    /* @__PURE__ */ s(Me, { asChild: !0, children: p }),
+  const I = z(r.date), O = w === I || (!w && P ? z(P) === I : !1), x = y.selectedDaysTooltip?.({ count: l + 1 });
+  return x ? /* @__PURE__ */ ne(be, { open: O, children: [
+    /* @__PURE__ */ s(ge, { asChild: !0, children: p }),
     /* @__PURE__ */ s(
-      ke,
+      Me,
       {
-        container: M ?? void 0,
+        container: k ?? void 0,
         side: "top",
         align: "center",
         disableAnimation: !0,
-        positionerClassName: M ? "z-[120]" : "z-[80]",
-        className: k(
+        positionerClassName: k ? "z-[120]" : "z-[80]",
+        className: T(
           "pointer-events-none rounded-md border bg-popover px-2 py-1 text-xs font-semibold text-primary shadow-md",
-          M ? "z-[120]" : "z-[70]"
+          k ? "z-[120]" : "z-[70]"
         ),
-        children: /* @__PURE__ */ s("span", { children: O })
+        children: /* @__PURE__ */ s("span", { children: x })
       }
     )
   ] }) : p;
@@ -80,48 +80,48 @@ const qe = () => {
     selectEndDate: c,
     isEndDatePopoverOpen: d,
     setIsEndDatePopoverOpen: f,
-    setIsStartTimeSelectOpen: b,
+    setIsStartTimeSelectOpen: g,
     hoveredEndDate: m,
     setHoveredEndDate: p,
     resetHoveredEndDate: y,
-    labelClassName: L,
-    inputClassName: T,
-    buttonClassName: P,
-    errors: g,
-    dateLocale: M,
+    labelClassName: B,
+    inputClassName: P,
+    buttonClassName: w,
+    errors: M,
+    dateLocale: k,
     numberOfMonths: l,
-    isMobile: B,
-    isHydrated: I,
-    openDatePickerOnFocus: O,
+    isMobile: I,
+    isHydrated: O,
+    openDatePickerOnFocus: x,
     withMobileDateDrawer: ie,
-    selectionFlow: x,
-    minSelectableDate: U
-  } = Te(), D = ie && B, E = F(null), h = F(!1), [V, A] = X(null), [j, K] = X(
-    () => N(i ?? r ?? /* @__PURE__ */ new Date())
-  ), S = Ee(), de = !!S;
-  v(() => {
+    selectionFlow: S,
+    minSelectableDate: V
+  } = ke(), D = ie && I, h = L(null), E = L(!1), [j, q] = X(null), [W, K] = X(
+    () => A(i ?? r ?? /* @__PURE__ */ new Date())
+  ), H = De(), de = !!H;
+  b(() => {
     if (typeof document > "u")
       return;
     const e = document.getElementById("end-date-picker");
     if (!(e instanceof HTMLInputElement))
       return;
     const n = (o) => {
-      h.current = o.key === "ArrowUp" || o.key === "ArrowDown";
+      E.current = o.key === "ArrowUp" || o.key === "ArrowDown";
     };
     return e.addEventListener("keydown", n, !0), () => {
       e.removeEventListener("keydown", n, !0);
     };
-  }, []), v(() => {
+  }, []), b(() => {
     if (!d || D)
       return;
-    const e = N(i ?? r ?? /* @__PURE__ */ new Date()), n = r ?? i;
+    const e = A(i ?? r ?? /* @__PURE__ */ new Date()), n = r ?? i;
     K(n ? ee(e, n, l) : e);
-  }, [r, d, l, i]), v(() => {
+  }, [r, d, l, i]), b(() => {
     if (!d)
       return;
     const e = m ?? r;
     e && K((n) => ee(n, e, l));
-  }, [r, m, d, l]), v(() => {
+  }, [r, m, d, l]), b(() => {
     if (!d || typeof document > "u" || (y(), D))
       return;
     const e = document.getElementById("end-date-picker");
@@ -130,132 +130,142 @@ const qe = () => {
       return;
     }
     document.activeElement !== e && requestAnimationFrame(() => {
-      e.focus({ preventScroll: !0 }), x === "chained-times" && e.click();
+      e.focus({ preventScroll: !0 }), S === "chained-times" && e.click();
     });
-  }, [d, y, x, f]), v(() => {
+  }, [d, y, S, f]), b(() => {
     if (typeof document > "u")
       return;
     const e = document.getElementById("end-date-picker");
-    if (!(e instanceof HTMLInputElement) || x !== "chained-times")
+    if (!(e instanceof HTMLInputElement) || S !== "chained-times")
       return;
     const n = () => {
-      b(!1);
+      g(!1);
     };
     return e.addEventListener("focus", n, !0), () => {
       e.removeEventListener("focus", n, !0);
     };
-  }, [x, b]), v(() => {
+  }, [S, g]), b(() => {
     if (d || typeof document > "u")
       return;
-    const e = E.current;
+    const e = h.current;
     if (!e)
       return;
     const o = document.getElementById("end-date-calendar")?.querySelector(`[data-day="${e}"] button`);
-    o instanceof HTMLElement && te(o), E.current = null, A(null);
+    o instanceof HTMLElement && te(o), h.current = null, q(null);
   }, [d]);
-  const W = F({
+  const R = L({
     labels: t,
     startDate: i,
     endDate: r,
     hoveredEndDate: m,
-    keyboardTooltipDay: V,
+    keyboardTooltipDay: j,
     numberOfMonths: l,
-    overlayLayer: S,
-    calendarMonth: j,
+    overlayLayer: H,
+    calendarMonth: W,
     resetHoveredEndDate: y,
     setHoveredEndDate: p
   });
-  W.current = {
+  R.current = {
     labels: t,
     startDate: i,
     endDate: r,
     hoveredEndDate: m,
-    keyboardTooltipDay: V,
+    keyboardTooltipDay: j,
     numberOfMonths: l,
-    overlayLayer: S,
-    calendarMonth: j,
+    overlayLayer: H,
+    calendarMonth: W,
     resetHoveredEndDate: y,
     setHoveredEndDate: p
   };
-  const q = F(null);
-  if (!q.current) {
+  const Y = L(null);
+  if (!Y.current) {
     const e = (n) => {
       const {
         labels: o,
         startDate: a,
         endDate: u,
-        hoveredEndDate: w,
-        keyboardTooltipDay: H,
+        hoveredEndDate: C,
+        keyboardTooltipDay: N,
         numberOfMonths: Q,
         overlayLayer: se,
         calendarMonth: ce,
-        resetHoveredEndDate: le,
-        setHoveredEndDate: ue
-      } = W.current, fe = {
+        setHoveredEndDate: le
+      } = R.current, ue = {
         labels: o,
         startDate: a,
-        hoveredEndDate: w,
-        keyboardTooltipDay: H,
+        hoveredEndDate: C,
+        keyboardTooltipDay: N,
         numberOfMonths: Q,
         overlayLayer: se
       };
-      return /* @__PURE__ */ s(re.Provider, { value: fe, children: /* @__PURE__ */ s(be, { delayDuration: 0, children: /* @__PURE__ */ s("div", { onMouseLeave: le, children: /* @__PURE__ */ s(
-        he,
+      return /* @__PURE__ */ s(re.Provider, { value: ue, children: /* @__PURE__ */ s(ve, { delayDuration: 0, children: /* @__PURE__ */ s(
+        "div",
         {
-          ...n,
-          mode: "range",
-          month: ce,
-          onMonthChange: (C) => {
-            K(N(C));
+          onMouseLeave: (v) => {
+            const F = v.currentTarget;
+            requestAnimationFrame(() => {
+              F.matches(":hover") || R.current.resetHoveredEndDate();
+            });
           },
-          selected: {
-            from: a,
-            to: w || u
-          },
-          components: {
-            ...n.components,
-            DayButton: ae
-          },
-          onSelect: (C, Y) => {
-            n.onSelect?.(Y);
-          },
-          onDayMouseEnter: (C, Y) => {
-            Q !== 1 && a && !Y.disabled && C >= a && ue(C);
-          }
+          children: /* @__PURE__ */ s(
+            he,
+            {
+              ...n,
+              mode: "range",
+              month: ce,
+              onMonthChange: (v) => {
+                K(A(v));
+              },
+              selected: {
+                from: a,
+                to: C || u
+              },
+              components: {
+                ...n.components,
+                DayButton: ae
+              },
+              onSelect: (v, F) => {
+                n.onSelect?.(F);
+              },
+              onDayMouseEnter: (v, F) => {
+                Q !== 1 && a && !F.disabled && v >= a && le(v);
+              }
+            }
+          )
         }
-      ) }) }) });
+      ) }) });
     };
-    e.displayName = "BookingEndDateDayPicker", q.current = e;
+    e.displayName = "BookingEndDateDayPicker", Y.current = e;
   }
-  const _ = q.current, R = () => {
+  const _ = Y.current, $ = () => {
     if (typeof document > "u") {
-      E.current = null;
+      h.current = null;
       return;
     }
-    const e = E.current;
+    const e = h.current;
     if (!e)
       return;
     const o = document.getElementById("end-date-calendar")?.querySelector(`[data-day="${e}"] button`);
-    o instanceof HTMLElement && te(o), E.current = null, A(null);
+    o instanceof HTMLElement && te(o), h.current = null, q(null);
   }, G = (e) => {
     if (typeof document > "u")
       return;
-    const n = $(e);
-    if (E.current === n)
+    const n = z(e);
+    if (h.current === n)
       return;
-    R(), E.current = n, A(n);
+    $(), h.current = n, q(n);
     let o = 0;
     const a = 6, u = () => {
-      if (E.current !== n)
+      if (h.current !== n)
         return;
-      const w = document.getElementById("end-date-calendar");
-      if (!(w instanceof HTMLElement)) {
+      const C = document.getElementById("end-date-calendar");
+      if (!(C instanceof HTMLElement)) {
         o += 1, o <= a && requestAnimationFrame(u);
         return;
       }
-      const H = w.querySelector(`[data-day="${n}"] button:not([disabled])`);
-      if (H instanceof HTMLElement) {
-        Ce(H);
+      const N = C.querySelector(`[data-day="${n}"] button:not([disabled])`);
+      if (N instanceof HTMLElement) {
+        we(N);
         return;
       }
       o += 1, o <= a && requestAnimationFrame(u);
@@ -267,30 +277,30 @@ const qe = () => {
   return /* @__PURE__ */ ne(
     "div",
     {
-      className: k("group/form-item relative flex-grow", D && "cursor-pointer rounded-md"),
+      className: T("group/form-item relative flex-grow", D && "cursor-pointer rounded-md"),
       onPointerDownCapture: J,
       onClick: J,
       children: [
         /* @__PURE__ */ s(
-          ve,
+          Ee,
           {
             htmlFor: "end-date-picker",
-            className: k("mb-1 block text-sm font-medium", D && "cursor-pointer", L),
+            className: T("mb-1 block text-sm font-medium", D && "cursor-pointer", B),
             children: /* @__PURE__ */ s("span", { children: t.endDate })
           }
         ),
         de ? /* @__PURE__ */ s(
-          we,
+          Pe,
           {
             id: "end-date-picker",
             value: r ?? null,
             placeholder: t.pickEndDate,
             triggerTestId: "end-date-trigger",
-            isHydrated: I,
+            isHydrated: O,
             open: D ? !1 : d,
             onOpenChange: f,
             readOnly: D,
-            openOnFocus: O,
+            openOnFocus: x,
             onValueUpdate: (e) => {
               const n = (() => {
                 if (!d || typeof document > "u")
@@ -299,7 +309,7 @@ const qe = () => {
                 return o instanceof HTMLElement && o.id === "end-date-picker";
               })();
               if (!i || !e || e < i) {
-                y(), n && R();
+                y(), n && $();
                 return;
               }
               p(e), n && G(e);
@@ -307,9 +317,9 @@ const qe = () => {
             onChange: (e) => {
               if (y(), (() => {
                 if (typeof document > "u")
-                  return h.current = !1, !1;
-                const a = document.activeElement, u = h.current && a instanceof HTMLElement && a.id === "end-date-picker";
-                return h.current = !1, u;
+                  return E.current = !1, !1;
+                const a = document.activeElement, u = E.current && a instanceof HTMLElement && a.id === "end-date-picker";
+                return E.current = !1, u;
               })() || e && r && e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth() && e.getDate() === r.getDate())
                 return;
               const o = (() => {
@@ -320,27 +330,27 @@ const qe = () => {
               })();
               c(e ?? void 0, { openTimePicker: o ? void 0 : !1 });
             },
-            inputClassName: k(g.endDate && "border-destructive", T, P),
+            inputClassName: T(M.endDate && "border-destructive", P, w),
             dayPickerComponent: _,
             dayPickerProps: {
               id: "end-date-calendar",
-              locale: M,
+              locale: k,
               showOutsideDays: !1,
               numberOfMonths: l,
-              disabled: (e) => i && e < i || e < U,
+              disabled: (e) => i && e < i || e < V,
               autoFocus: !0,
               "data-testid": "end-date-calendar"
             },
-            portalContainer: S
+            portalContainer: H
           }
         ) : /* @__PURE__ */ s(
-          De,
+          ye,
           {
             id: "end-date-picker",
             value: r ?? null,
             placeholder: t.pickEndDate,
             triggerTestId: "end-date-trigger",
-            isHydrated: I,
+            isHydrated: O,
             open: D ? !1 : d,
             onOpenChange: f,
             readOnly: D,
@@ -352,7 +362,7 @@ const qe = () => {
                 return o instanceof HTMLElement && o.id === "end-date-picker";
               })();
               if (!i || !e || e < i) {
-                y(), n && R();
+                y(), n && $();
                 return;
               }
               p(e), n && G(e);
@@ -360,9 +370,9 @@ const qe = () => {
             onChange: (e) => {
               if (y(), (() => {
                 if (typeof document > "u")
-                  return h.current = !1, !1;
-                const a = document.activeElement, u = h.current && a instanceof HTMLElement && a.id === "end-date-picker";
-                return h.current = !1, u;
+                  return E.current = !1, !1;
+                const a = document.activeElement, u = E.current && a instanceof HTMLElement && a.id === "end-date-picker";
+                return E.current = !1, u;
               })() || e && r && e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth() && e.getDate() === r.getDate())
                 return;
               const o = (() => {
@@ -373,20 +383,20 @@ const qe = () => {
               })();
               c(e ?? void 0, { openTimePicker: o ? void 0 : !1 });
             },
-            inputClassName: k(g.endDate && "border-destructive", T, P),
+            inputClassName: T(M.endDate && "border-destructive", P, w),
             dayPickerComponent: _,
             dayPickerProps: {
               id: "end-date-calendar",
-              locale: M,
+              locale: k,
               showOutsideDays: !1,
               numberOfMonths: l,
-              disabled: (e) => i && e < i || e < U,
+              disabled: (e) => i && e < i || e < V,
               autoFocus: !0,
               "data-testid": "end-date-calendar"
             }
           }
         ),
-        g.endDate && /* @__PURE__ */ s(Pe, { children: g.endDate })
+        M.endDate && /* @__PURE__ */ s(Te, { children: M.endDate })
       ]
     }
   );