@loczer/storefront-sdk 0.158.0 → 0.159.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"}

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;

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

@@ -1 +1 @@
-{"version":3,"file":"useBookingPeriodController.d.ts","sourceRoot":"","sources":["../../../src/components/BookingPeriodSelector/useBookingPeriodController.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useBookingPeriodController.d.ts","sourceRoot":"","sources":["../../../src/components/BookingPeriodSelector/useBookingPeriodController.ts"],"names":[],"mappings":"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"}

package/dist/components/BookingPeriodSelector/useBookingPeriodController.js

@@ -1,4 +1,4 @@
-import { useMemo as d, useState as y, useRef as N, useCallback as h, useEffect as F } from "react";
+import { useMemo as d, useState as C, useRef as N, useCallback as h, useEffect as F } from "react";
 import { differenceInCalendarDays as Te } from "date-fns";
 import { fr as nt, de as rt, es as it, it as st, enUS as at } from "date-fns/locale";
 import { useMediaQuery as ot } from "@rpcbase/client";
@@ -66,7 +66,7 @@ const Tt = (T) => T, Dt = {
     buttonClassName: Ie,
     bookingPeriodConfig: D,
     fetchTimeSlots: s,
-    selectionFlow: C = "chained-times",
+    selectionFlow: E = "chained-times",
     withMobileDateDrawer: Le = !1,
     currencyCode: Re = "EUR",
     disableAutomaticTimeCorrection: H = !1,
@@ -78,21 +78,21 @@ const Tt = (T) => T, Dt = {
   } = T, W = ot("(max-width: 767px)"), Y = Ke ?? pe ?? "en-US", He = d(
     () => pt({ locale: he, localeCode: Y }),
     [he, Y]
-  ), E = d(
+  ), b = d(
     () => D ? lt(D) : null,
     [D]
-  ), R = d(() => D?.timing.slotIntervalMinutes ? D.timing.slotIntervalMinutes : vt(U) ?? 30, [D?.timing.slotIntervalMinutes, U]), [ne, j] = y(!1), [re, ie] = y(!1), [se, z] = y(!1), [ae, oe] = y(!1), [Ue, le] = y(void 0), [We, ze] = y(!1), [ge, Ne] = y(!1), [Ee, qe] = y([]), [be, G] = y([]), [J, q] = y(void 0), b = N(null), ue = N(0), ce = N(0), fe = N(0), Me = N(void 0), $ = N(void 0), $e = h(() => {
+  ), R = d(() => D?.timing.slotIntervalMinutes ? D.timing.slotIntervalMinutes : vt(U) ?? 30, [D?.timing.slotIntervalMinutes, U]), [ne, j] = C(!1), [re, ie] = C(!1), [se, z] = C(!1), [ae, oe] = C(!1), [Ue, le] = C(void 0), [We, ze] = C(!1), [ge, Ne] = C(!1), [Ee, qe] = C([]), [be, G] = C([]), [J, q] = C(void 0), M = N(null), ue = N(0), ce = N(0), fe = N(0), Me = N(void 0), $ = N(void 0), $e = h(() => {
     le(void 0);
   }, []), X = d(() => !r || !m ? !1 : Te(m, r) === 0, [r, m]), Ze = d(() => x(n), [n]), k = h(
     (e) => {
       const c = (e instanceof Date ? e : e ? new Date(e) : void 0) ?? /* @__PURE__ */ new Date();
-      if (E)
-        return ut(c, E.timeZone) ?? void 0;
+      if (b)
+        return ut(c, b.timeZone) ?? void 0;
       const u = c.getFullYear(), v = String(c.getMonth() + 1).padStart(2, "0"), S = String(c.getDate()).padStart(2, "0");
       return `${u}-${v}-${S}`;
     },
-    [E]
-  ), A = d(() => k(r), [r, k]), l = d(() => k(m ?? r), [m, r, k]), ye = E ? ct(/* @__PURE__ */ new Date(), E.timeZone) : null, O = ye?.dateString, de = ye?.minutesFromMidnight, B = d(() => O ? !!(r && A && A === O) : !!r && Te(r, /* @__PURE__ */ new Date()) === 0, [r, A, O]), Z = d(() => O ? !!(m && l && l === O) : !!m && Te(m, /* @__PURE__ */ new Date()) === 0, [m, l, O]), _e = d(() => {
+    [b]
+  ), A = d(() => k(r), [r, k]), l = d(() => k(m ?? r), [m, r, k]), ye = b ? ct(/* @__PURE__ */ new Date(), b.timeZone) : null, O = ye?.dateString, de = ye?.minutesFromMidnight, B = d(() => O ? !!(r && A && A === O) : !!r && Te(r, /* @__PURE__ */ new Date()) === 0, [r, A, O]), Z = d(() => O ? !!(m && l && l === O) : !!m && Te(m, /* @__PURE__ */ new Date()) === 0, [m, l, O]), _e = d(() => {
     if (O)
       return ft(O);
     const e = /* @__PURE__ */ new Date();
@@ -109,17 +109,17 @@ const Tt = (T) => T, Dt = {
     [I, B]
   ), Ce = h(
     (e) => {
-      if (!E)
+      if (!b)
         return;
       const t = k(e);
       if (!t)
-        return E.defaultEndTime;
-      const c = dt(t), u = E.getLastStartMinutesForWeekday(c, {
+        return b.defaultEndTime;
+      const c = dt(t), u = b.getLastStartMinutesForWeekday(c, {
         dateString: t
       });
-      return typeof u == "number" ? mt(u) : E.defaultEndTime;
+      return typeof u == "number" ? mt(u) : b.defaultEndTime;
     },
-    [E, k]
+    [b, k]
   );
   F(() => {
     if (!s || !A)
@@ -172,7 +172,7 @@ const Tt = (T) => T, Dt = {
     J,
     R,
     U
-  ]), M = h(
+  ]), y = h(
     (e, t) => {
       e !== n && (Ne(t === "user"), K(e, { source: t }));
     },
@@ -184,13 +184,13 @@ const Tt = (T) => T, Dt = {
     [o, De]
   ), te = d(() => w.length ? w.find((e) => !(e.isDisabled || Se != null && e.startMinutes < Se)) ?? null : null, [Se, w]);
   F(() => {
-    H || ge || te && n !== te.value && M(te.value, "auto");
-  }, [H, te, ge, n, M]), F(() => {
+    H || ge || te && n !== te.value && y(te.value, "auto");
+  }, [H, te, ge, n, y]), F(() => {
     if (H || !w.length)
       return;
     const e = n ? w.find((f) => f.value === n) : void 0, t = I ?? void 0, c = B ? t : null, u = (f) => {
       const a = typeof f == "number" ? f : null, g = w.find((P) => !(P.isDisabled || a != null && P.startMinutes < a));
-      g && g.value !== n ? M(g.value, "auto") : !g && n && M("", "auto");
+      g && g.value !== n ? y(g.value, "auto") : !g && n && y("", "auto");
     };
     if (n && !e) {
       u(c);
@@ -206,8 +206,8 @@ const Tt = (T) => T, Dt = {
     if (v != null && v >= t && !e?.isDisabled)
       return;
     const S = w.find((f) => !f.isDisabled && f.startMinutes >= t);
-    S && S.value !== n && M(S.value, "auto");
-  }, [H, I, B, n, w, M]), F(() => {
+    S && S.value !== n && y(S.value, "auto");
+  }, [H, I, B, n, w, y]), F(() => {
     if (H || !L.length)
       return;
     if (s && $.current === l && J === l) {
@@ -256,7 +256,7 @@ const Tt = (T) => T, Dt = {
     n,
     p
   ]), F(() => (ze(!0), () => {
-    b.current != null && clearTimeout(b.current);
+    M.current != null && clearTimeout(M.current);
   }), []), F(() => {
     re && ne && j(!1);
   }, [ne, re]), F(() => {
@@ -274,37 +274,37 @@ const Tt = (T) => T, Dt = {
       openEndDatePicker: c,
       close: u = !0
     } = {}) => {
-      const v = t ?? C === "chained-times", S = c ?? C === "dates-first";
+      const v = t ?? E === "chained-times", S = c ?? E === "dates-first";
       if (!e) {
         u && j(!1);
         return;
       }
-      i(e), (u || S) && (ue.current = Date.now() + 250, j(!1)), m && e > m && _(e), v && ie(!0), S && (b.current != null && clearTimeout(b.current), W ? (z(!0), b.current = null) : b.current = setTimeout(() => {
+      i(e), (u || S) && (ue.current = Date.now() + 250, j(!1)), m && e > m && _(e), v && ie(!0), S && (M.current != null && clearTimeout(M.current), W ? (z(!0), M.current = null) : M.current = setTimeout(() => {
         z(!0);
       }, 100));
     },
-    [m, W, _, i, C]
+    [m, W, _, i, E]
   ), Ge = h(
     (e) => {
-      M(e, "user"), ie(!1), b.current != null && clearTimeout(b.current), C === "chained-times" && e && r ? b.current = setTimeout(() => {
+      y(e, "user"), ie(!1), M.current != null && clearTimeout(M.current), E === "chained-times" && e && r ? M.current = setTimeout(() => {
         z(!0);
-      }, 100) : b.current = null;
+      }, 100) : M.current = null;
     },
-    [C, r, M]
+    [E, r, y]
   ), Je = h(
     (e) => {
-      e && e !== n && M(e, "user");
+      e && e !== n && y(e, "user");
     },
-    [n, M]
+    [n, y]
   ), Xe = h(
     (e, {
       openTimePicker: t,
       close: c = !0,
-      commit: u = C === "dates-first" ? W : !1
+      commit: u = E === "dates-first" ? W : !1
     } = {}) => {
-      const v = t ?? C === "chained-times";
+      const v = t ?? E === "chained-times";
       let S = o;
-      if (e && C === "dates-first") {
+      if (e && E === "dates-first") {
         if (s) {
           const a = k(e);
           a && ($.current = a);
@@ -321,7 +321,7 @@ const Tt = (T) => T, Dt = {
       W,
       _,
       Q,
-      C,
+      E,
       k,
       p
     ]
@@ -359,6 +359,7 @@ const Tt = (T) => T, Dt = {
     isHydrated: We,
     openDatePickerOnFocus: xe,
     withMobileDateDrawer: Le,
+    selectionFlow: E,
     isStartDatePopoverOpen: ne,
     setIsStartDatePopoverOpen: Qe,
     isStartTimeSelectOpen: re,

package/dist/index.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loczer/storefront-sdk",
-  "version": "0.158.0",
+  "version": "0.159.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"