@loczer/storefront-sdk 0.158.0 → 0.160.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,+CA6hB/B,CAAA"}
+{"version":3,"file":"BookingEndDateField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingEndDateField.tsx"],"names":[],"mappings":"AAqJA,eAAO,MAAM,mBAAmB,+CAkiB/B,CAAA"}

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

@@ -1,38 +1,38 @@
-import { jsxs as te, jsx as s } from "react/jsx-runtime";
-import { differenceInCalendarDays as pe } from "date-fns";
-import { createContext as ye, useRef as F, useState as Y, useEffect as h, useContext as De } from "react";
-import { cn as k, DayPickerField as Ee } from "@rpcbase/ui";
-import { useMorphingModalWizardOverlayLayer as he } from "../../../chunks/ui/dist/MorphingModalWizard-D7hc-dDP.js";
-import { DayPicker as ve } from "../../../ui/day-picker.js";
-import { Label as be } from "../../../ui/label.js";
-import { Provider as ge, Root as Me, TooltipTrigger as ke, Content as Te } from "../../../ui/tooltip.js";
-import { useBookingPeriod as Pe } from "../BookingPeriodContext.js";
-import { BookingPeriodFieldErrorMessage as we } from "./BookingPeriodFieldErrorMessage.js";
-import { ModalDayPickerField as Ce } from "./internal/ModalDayPickerField.js";
-const X = (t) => String(t).padStart(2, "0"), $ = (t) => `${t.getFullYear()}-${X(t.getMonth() + 1)}-${X(t.getDate())}`, z = (t) => t.getFullYear() * 12 + t.getMonth(), ne = (t) => new Date(Math.floor(t / 12), t % 12, 1), H = (t) => ne(z(t)), Z = (t, i, r) => {
+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-D7hc-dDP.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;
   if (d < c)
-    return H(i);
+    return N(i);
   if (d > b) {
     const m = d - f;
-    return m === c ? t : ne(m);
+    return m === c ? t : oe(m);
   }
   return t;
-}, Fe = (t) => {
+}, Ce = (t) => {
   if (typeof PointerEvent == "function") {
     t.dispatchEvent(new PointerEvent("pointermove", { bubbles: !0, pointerType: "mouse" }));
     return;
   }
   t.dispatchEvent(new MouseEvent("mousemove", { bubbles: !0 }));
-}, ee = (t) => {
+}, te = (t) => {
   if (typeof PointerEvent == "function") {
     t.dispatchEvent(new PointerEvent("pointerout", { bubbles: !0, pointerType: "mouse" })), t.dispatchEvent(new PointerEvent("pointerleave", { bubbles: !0, pointerType: "mouse" }));
     return;
   }
   t.dispatchEvent(new MouseEvent("mouseout", { bubbles: !0 })), t.dispatchEvent(new MouseEvent("mouseleave", { bubbles: !0 }));
-}, oe = ye(null), re = (t) => {
-  const i = De(oe), { day: r, modifiers: c, className: d, ...f } = t, b = c.disabled ? "cursor-not-allowed" : "cursor-pointer", m = F(null);
-  h(() => {
+}, 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(() => {
     c.focused && m.current?.focus();
   }, [c.focused]);
   const p = /* @__PURE__ */ s(
@@ -48,14 +48,14 @@ const X = (t) => String(t).padStart(2, "0"), $ = (t) => `${t.getFullYear()}-${X(
   const { labels: y, startDate: L, hoveredEndDate: T, keyboardTooltipDay: P, numberOfMonths: g, overlayLayer: M } = i;
   if (!L || c.disabled || g === 1)
     return p;
-  const l = pe(r.date, L);
+  const l = me(r.date, L);
   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__ */ te(Me, { open: I, children: [
-    /* @__PURE__ */ s(ke, { asChild: !0, children: p }),
+  return O ? /* @__PURE__ */ ne(ge, { open: I, children: [
+    /* @__PURE__ */ s(Me, { asChild: !0, children: p }),
     /* @__PURE__ */ s(
-      Te,
+      ke,
       {
         container: M ?? void 0,
         side: "top",
@@ -71,8 +71,8 @@ const X = (t) => String(t).padStart(2, "0"), $ = (t) => `${t.getFullYear()}-${X(
     )
   ] }) : p;
 };
-re.displayName = "BookingEndDateDayButton";
-const Re = () => {
+ae.displayName = "BookingEndDateDayButton";
+const qe = () => {
   const {
     labels: t,
     startDate: i,
@@ -93,36 +93,35 @@ const Re = () => {
     isMobile: B,
     isHydrated: I,
     openDatePickerOnFocus: O,
-    withMobileDateDrawer: ae,
+    withMobileDateDrawer: ie,
+    selectionFlow: x,
     minSelectableDate: U
-  } = Pe(), D = ae && B, E = F(null), v = F(!1), [ie, de] = Y(!1), [V, N] = Y(null), [j, A] = Y(
-    () => H(i ?? r ?? /* @__PURE__ */ new Date())
-  ), x = he(), se = !!x || !ie;
-  h(() => {
-    de(!0);
-  }, []), h(() => {
+  } = 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(() => {
     if (typeof document > "u")
       return;
     const e = document.getElementById("end-date-picker");
     if (!(e instanceof HTMLInputElement))
       return;
     const n = (o) => {
-      v.current = o.key === "ArrowUp" || o.key === "ArrowDown";
+      h.current = o.key === "ArrowUp" || o.key === "ArrowDown";
     };
     return e.addEventListener("keydown", n, !0), () => {
       e.removeEventListener("keydown", n, !0);
     };
-  }, []), h(() => {
+  }, []), v(() => {
     if (!d || D)
       return;
-    const e = H(i ?? r ?? /* @__PURE__ */ new Date()), n = r ?? i;
-    A(n ? Z(e, n, l) : e);
-  }, [r, d, l, i]), h(() => {
+    const e = N(i ?? r ?? /* @__PURE__ */ new Date()), n = r ?? i;
+    K(n ? ee(e, n, l) : e);
+  }, [r, d, l, i]), v(() => {
     if (!d)
       return;
     const e = m ?? r;
-    e && A((n) => Z(n, e, l));
-  }, [r, m, d, l]), h(() => {
+    e && K((n) => ee(n, e, l));
+  }, [r, m, d, l]), v(() => {
     if (!d || typeof document > "u" || (y(), D))
       return;
     const e = document.getElementById("end-date-picker");
@@ -131,13 +130,13 @@ const Re = () => {
       return;
     }
     document.activeElement !== e && requestAnimationFrame(() => {
-      e.focus({ preventScroll: !0 }), e.click();
+      e.focus({ preventScroll: !0 }), x === "chained-times" && e.click();
     });
-  }, [d, y, f]), h(() => {
+  }, [d, y, x, f]), v(() => {
     if (typeof document > "u")
       return;
     const e = document.getElementById("end-date-picker");
-    if (!(e instanceof HTMLInputElement))
+    if (!(e instanceof HTMLInputElement) || x !== "chained-times")
       return;
     const n = () => {
       b(!1);
@@ -145,14 +144,14 @@ const Re = () => {
     return e.addEventListener("focus", n, !0), () => {
       e.removeEventListener("focus", n, !0);
     };
-  }, [b]), h(() => {
+  }, [x, b]), v(() => {
     if (d || typeof document > "u")
       return;
     const e = E.current;
     if (!e)
       return;
     const o = document.getElementById("end-date-calendar")?.querySelector(`[data-day="${e}"] button`);
-    o instanceof HTMLElement && ee(o), E.current = null, N(null);
+    o instanceof HTMLElement && te(o), E.current = null, A(null);
   }, [d]);
   const W = F({
     labels: t,
@@ -161,7 +160,7 @@ const Re = () => {
     hoveredEndDate: m,
     keyboardTooltipDay: V,
     numberOfMonths: l,
-    overlayLayer: x,
+    overlayLayer: S,
     calendarMonth: j,
     resetHoveredEndDate: y,
     setHoveredEndDate: p
@@ -173,41 +172,41 @@ const Re = () => {
     hoveredEndDate: m,
     keyboardTooltipDay: V,
     numberOfMonths: l,
-    overlayLayer: x,
+    overlayLayer: S,
     calendarMonth: j,
     resetHoveredEndDate: y,
     setHoveredEndDate: p
   };
-  const K = F(null);
-  if (!K.current) {
+  const q = F(null);
+  if (!q.current) {
     const e = (n) => {
       const {
         labels: o,
         startDate: a,
         endDate: u,
         hoveredEndDate: w,
-        keyboardTooltipDay: S,
+        keyboardTooltipDay: H,
         numberOfMonths: Q,
-        overlayLayer: ce,
-        calendarMonth: le,
-        resetHoveredEndDate: ue,
-        setHoveredEndDate: fe
-      } = W.current, me = {
+        overlayLayer: se,
+        calendarMonth: ce,
+        resetHoveredEndDate: le,
+        setHoveredEndDate: ue
+      } = W.current, fe = {
         labels: o,
         startDate: a,
         hoveredEndDate: w,
-        keyboardTooltipDay: S,
+        keyboardTooltipDay: H,
         numberOfMonths: Q,
-        overlayLayer: ce
+        overlayLayer: se
       };
-      return /* @__PURE__ */ s(oe.Provider, { value: me, children: /* @__PURE__ */ s(ge, { delayDuration: 0, children: /* @__PURE__ */ s("div", { onMouseLeave: ue, children: /* @__PURE__ */ s(
-        ve,
+      return /* @__PURE__ */ s(re.Provider, { value: fe, children: /* @__PURE__ */ s(be, { delayDuration: 0, children: /* @__PURE__ */ s("div", { onMouseLeave: le, children: /* @__PURE__ */ s(
+        he,
         {
           ...n,
           mode: "range",
-          month: le,
+          month: ce,
           onMonthChange: (C) => {
-            A(H(C));
+            K(N(C));
           },
           selected: {
             from: a,
@@ -215,20 +214,20 @@ const Re = () => {
           },
           components: {
             ...n.components,
-            DayButton: re
+            DayButton: ae
           },
-          onSelect: (C, R) => {
-            n.onSelect?.(R);
+          onSelect: (C, Y) => {
+            n.onSelect?.(Y);
           },
-          onDayMouseEnter: (C, R) => {
-            Q !== 1 && a && !R.disabled && C >= a && fe(C);
+          onDayMouseEnter: (C, Y) => {
+            Q !== 1 && a && !Y.disabled && C >= a && ue(C);
           }
         }
       ) }) }) });
     };
-    e.displayName = "BookingEndDateDayPicker", K.current = e;
+    e.displayName = "BookingEndDateDayPicker", q.current = e;
   }
-  const _ = K.current, q = () => {
+  const _ = q.current, R = () => {
     if (typeof document > "u") {
       E.current = null;
       return;
@@ -237,14 +236,14 @@ const Re = () => {
     if (!e)
       return;
     const o = document.getElementById("end-date-calendar")?.querySelector(`[data-day="${e}"] button`);
-    o instanceof HTMLElement && ee(o), E.current = null, N(null);
+    o instanceof HTMLElement && te(o), E.current = null, A(null);
   }, G = (e) => {
     if (typeof document > "u")
       return;
     const n = $(e);
     if (E.current === n)
       return;
-    q(), E.current = n, N(n);
+    R(), E.current = n, A(n);
     let o = 0;
     const a = 6, u = () => {
       if (E.current !== n)
@@ -254,9 +253,9 @@ const Re = () => {
         o += 1, o <= a && requestAnimationFrame(u);
         return;
       }
-      const S = w.querySelector(`[data-day="${n}"] button:not([disabled])`);
-      if (S instanceof HTMLElement) {
-        Fe(S);
+      const H = w.querySelector(`[data-day="${n}"] button:not([disabled])`);
+      if (H instanceof HTMLElement) {
+        Ce(H);
         return;
       }
       o += 1, o <= a && requestAnimationFrame(u);
@@ -265,7 +264,7 @@ const Re = () => {
   }, J = () => {
     D && f(!0);
   };
-  return /* @__PURE__ */ te(
+  return /* @__PURE__ */ ne(
     "div",
     {
       className: k("group/form-item relative flex-grow", D && "cursor-pointer rounded-md"),
@@ -273,15 +272,15 @@ const Re = () => {
       onClick: J,
       children: [
         /* @__PURE__ */ s(
-          be,
+          ve,
           {
             htmlFor: "end-date-picker",
             className: k("mb-1 block text-sm font-medium", D && "cursor-pointer", L),
             children: /* @__PURE__ */ s("span", { children: t.endDate })
           }
         ),
-        se ? /* @__PURE__ */ s(
-          Ce,
+        de ? /* @__PURE__ */ s(
+          we,
           {
             id: "end-date-picker",
             value: r ?? null,
@@ -300,7 +299,7 @@ const Re = () => {
                 return o instanceof HTMLElement && o.id === "end-date-picker";
               })();
               if (!i || !e || e < i) {
-                y(), n && q();
+                y(), n && R();
                 return;
               }
               p(e), n && G(e);
@@ -308,9 +307,9 @@ const Re = () => {
             onChange: (e) => {
               if (y(), (() => {
                 if (typeof document > "u")
-                  return v.current = !1, !1;
-                const a = document.activeElement, u = v.current && a instanceof HTMLElement && a.id === "end-date-picker";
-                return v.current = !1, 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;
               })() || e && r && e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth() && e.getDate() === r.getDate())
                 return;
               const o = (() => {
@@ -319,7 +318,7 @@ const Re = () => {
                 const a = document.activeElement;
                 return a instanceof HTMLElement ? !!(document.getElementById("end-date-calendar")?.contains(a) || a.id === "end-date-picker") : !1;
               })();
-              c(e ?? void 0, { openTimePicker: o });
+              c(e ?? void 0, { openTimePicker: o ? void 0 : !1 });
             },
             inputClassName: k(g.endDate && "border-destructive", T, P),
             dayPickerComponent: _,
@@ -332,10 +331,10 @@ const Re = () => {
               initialFocus: !0,
               "data-testid": "end-date-calendar"
             },
-            portalContainer: x
+            portalContainer: S
           }
         ) : /* @__PURE__ */ s(
-          Ee,
+          De,
           {
             id: "end-date-picker",
             value: r ?? null,
@@ -353,7 +352,7 @@ const Re = () => {
                 return o instanceof HTMLElement && o.id === "end-date-picker";
               })();
               if (!i || !e || e < i) {
-                y(), n && q();
+                y(), n && R();
                 return;
               }
               p(e), n && G(e);
@@ -361,9 +360,9 @@ const Re = () => {
             onChange: (e) => {
               if (y(), (() => {
                 if (typeof document > "u")
-                  return v.current = !1, !1;
-                const a = document.activeElement, u = v.current && a instanceof HTMLElement && a.id === "end-date-picker";
-                return v.current = !1, 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;
               })() || e && r && e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth() && e.getDate() === r.getDate())
                 return;
               const o = (() => {
@@ -372,7 +371,7 @@ const Re = () => {
                 const a = document.activeElement;
                 return a instanceof HTMLElement ? !!(document.getElementById("end-date-calendar")?.contains(a) || a.id === "end-date-picker") : !1;
               })();
-              c(e ?? void 0, { openTimePicker: o });
+              c(e ?? void 0, { openTimePicker: o ? void 0 : !1 });
             },
             inputClassName: k(g.endDate && "border-destructive", T, P),
             dayPickerComponent: _,
@@ -387,11 +386,11 @@ const Re = () => {
             }
           }
         ),
-        g.endDate && /* @__PURE__ */ s(we, { children: g.endDate })
+        g.endDate && /* @__PURE__ */ s(Pe, { children: g.endDate })
       ]
     }
   );
 };
 export {
-  Re as BookingEndDateField
+  qe as BookingEndDateField
 };

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

@@ -1 +1 @@
-{"version":3,"file":"BookingEndTimeField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingEndTimeField.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,mBAAmB,+CAmK/B,CAAA"}
+{"version":3,"file":"BookingEndTimeField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingEndTimeField.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,mBAAmB,+CA8J/B,CAAA"}

package/dist/components/BookingPeriodSelector/components/BookingEndTimeField.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"BookingStartDateField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingStartDateField.tsx"],"names":[],"mappings":"AA4HA,eAAO,MAAM,qBAAqB,+CA2KjC,CAAA"}
+{"version":3,"file":"BookingStartDateField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingStartDateField.tsx"],"names":[],"mappings":"AA4HA,eAAO,MAAM,qBAAqB,+CA0KjC,CAAA"}