@loczer/storefront-sdk 0.157.0 → 0.159.0

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"}

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

@@ -1,49 +1,49 @@
-import { jsxs as U, jsx as u } from "react/jsx-runtime";
-import { useRef as K, useState as S, useEffect as O } from "react";
-import { DayButton as R } from "react-day-picker";
-import { cn as p, DayPickerField as _ } from "@rpcbase/ui";
-import { useMorphingModalWizardOverlayLayer as $ } from "../../../chunks/ui/dist/MorphingModalWizard-D7hc-dDP.js";
+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-D7hc-dDP.js";
 import { DayPicker as v } from "../../../ui/day-picker.js";
-import { Label as j } from "../../../ui/label.js";
-import { useBookingPeriod as q } from "../BookingPeriodContext.js";
-import { BookingPeriodFieldErrorMessage as z } from "./BookingPeriodFieldErrorMessage.js";
-import { ModalDayPickerField as V } from "./internal/ModalDayPickerField.js";
-const h = (e) => {
+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(R, { ...e, className: p(e.className, t) });
+  return /* @__PURE__ */ u(U, { ...e, className: f(e.className, t) });
 };
-h.displayName = "BookingStartDateDayButton";
-const D = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), W = (e) => {
+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 : D(r);
+    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 : D(r);
+    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 : D(r);
+    return Number.isNaN(r.getTime()) || r.getFullYear() !== o || r.getMonth() !== n - 1 || r.getDate() !== s ? null : y(r);
   }
   return null;
-}, G = (e, t) => e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), J = (e) => {
+}, 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;
-}, Q = () => {
+}, 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;
-}, X = "You cannot select date in the past", de = () => {
+}, J = "You cannot select date in the past", ie = () => {
   const {
     labels: e,
     startDate: t,
@@ -54,59 +54,63 @@ const D = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), W = (e) =
     inputClassName: n,
     buttonClassName: o,
     errors: r,
-    dateLocale: k,
-    numberOfMonths: b,
-    isMobile: B,
+    dateLocale: b,
+    numberOfMonths: N,
+    isMobile: S,
     isHydrated: M,
-    openDatePickerOnFocus: T,
-    withMobileDateDrawer: Y,
-    minSelectableDate: N
-  } = q(), c = Y && B, y = K(!1), [x, m] = S(null), [I, L] = S(!1), w = $(), A = !!w || !I;
-  O(() => {
-    L(!0);
-  }, []), O(() => {
+    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 F = (g) => {
-      if (g.key === "ArrowUp" || g.key === "ArrowDown") {
-        y.current = !0;
+    const p = (h) => {
+      if (h.key === "ArrowUp" || h.key === "ArrowDown") {
+        g.current = !0;
         return;
       }
-      if (y.current = !1, g.key !== "Enter") return;
-      const P = W(a.value);
+      if (g.current = !1, h.key !== "Enter") return;
+      const P = z(a.value);
       if (!P) return;
-      const H = D(/* @__PURE__ */ new Date());
-      P < H ? m(X) : m(null);
+      const Y = y(/* @__PURE__ */ new Date());
+      P < Y ? m(J) : m(null);
     };
-    return a.addEventListener("keydown", F, !0), () => {
-      a.removeEventListener("keydown", F, !0);
+    return a.addEventListener("keydown", p, !0), () => {
+      a.removeEventListener("keydown", p, !0);
     };
   }, []);
-  const E = (a) => {
-    a && (m(null), !J(y) && (t && G(a, t) || i(a, { openTimePicker: Q() })));
-  }, f = r.startDate ?? x, C = () => {
+  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__ */ U(
+  return /* @__PURE__ */ I(
     "div",
     {
-      className: p("group/form-item relative flex-grow", c && "cursor-pointer rounded-md"),
-      onPointerDownCapture: C,
-      onClick: C,
+      className: f("group/form-item relative flex-grow", c && "cursor-pointer rounded-md"),
+      onPointerDownCapture: F,
+      onClick: F,
       children: [
         /* @__PURE__ */ u(
-          j,
+          _,
           {
             htmlFor: "start-date-picker",
-            className: p("mb-1 block text-sm font-medium", c && "cursor-pointer", s),
+            className: f("mb-1 block text-sm font-medium", c && "cursor-pointer", s),
             children: /* @__PURE__ */ u("span", { children: e.startDate })
           }
         ),
-        A ? /* @__PURE__ */ u(
-          V,
+        x ? /* @__PURE__ */ u(
+          q,
           {
             id: "start-date-picker",
             value: t ?? null,
@@ -116,30 +120,30 @@ const D = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), W = (e) =
             open: c ? !1 : l,
             onOpenChange: d,
             readOnly: c,
-            openOnFocus: T,
+            openOnFocus: O,
             onValueUpdate: () => {
               m(null);
             },
-            onChange: E,
-            inputClassName: p(f && "border-destructive", n, o),
+            onChange: C,
+            inputClassName: f(D && "border-destructive", n, o),
             dayPickerComponent: v,
             dayPickerProps: {
               id: "start-date-calendar",
-              locale: k,
+              locale: b,
               showOutsideDays: !1,
-              numberOfMonths: b,
+              numberOfMonths: N,
               required: !0,
               components: {
-                DayButton: h
+                DayButton: k
               },
-              disabled: (a) => a < N,
+              disabled: (a) => a < w,
               initialFocus: !0,
               "data-testid": "start-date-calendar"
             },
-            portalContainer: w
+            portalContainer: E
           }
         ) : /* @__PURE__ */ u(
-          _,
+          K,
           {
             id: "start-date-picker",
             value: t ?? null,
@@ -152,29 +156,29 @@ const D = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), W = (e) =
             onValueUpdate: () => {
               m(null);
             },
-            onChange: E,
-            inputClassName: p(f && "border-destructive", n, o),
+            onChange: C,
+            inputClassName: f(D && "border-destructive", n, o),
             dayPickerComponent: v,
             dayPickerProps: {
               id: "start-date-calendar",
-              locale: k,
+              locale: b,
               showOutsideDays: !1,
-              numberOfMonths: b,
+              numberOfMonths: N,
               required: !0,
               components: {
-                DayButton: h
+                DayButton: k
               },
-              disabled: (a) => a < N,
+              disabled: (a) => a < w,
               initialFocus: !0,
               "data-testid": "start-date-calendar"
             }
           }
         ),
-        f && /* @__PURE__ */ u(z, { children: f })
+        D && /* @__PURE__ */ u(j, { children: D })
       ]
     }
   );
 };
 export {
-  de as BookingStartDateField
+  ie as BookingStartDateField
 };

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

@@ -1 +1 @@
-{"version":3,"file":"BookingStartTimeField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingStartTimeField.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,qBAAqB,+CA6LjC,CAAA"}
+{"version":3,"file":"BookingStartTimeField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingStartTimeField.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,qBAAqB,+CAwJjC,CAAA"}

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

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

package/dist/components/BookingPeriodSelector/useBookingPeriodController.d.ts

@@ -81,6 +81,7 @@ export interface BookingPeriodControllerValue {
     isHydrated: boolean;
     openDatePickerOnFocus: boolean;
     withMobileDateDrawer: boolean;
+    selectionFlow: BookingPeriodSelectionFlow;
     isStartDatePopoverOpen: boolean;
     setIsStartDatePopoverOpen: (open: boolean) => void;
     isStartTimeSelectOpen: boolean;