@loczer/storefront-sdk 0.158.0 → 0.160.0

package/dist/components/BookingPeriodSelector/useBookingPeriodController.js

@@ -1,391 +1,403 @@
-import { useMemo as d, useState as y, 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";
-import { createBookingPeriodConstants as lt, parseTimeToMinutes as x, dateToBusinessDateString as ut, instantToBusinessDateTimeParts as ct, businessDateStringToDate as ft, getWeekdayFromDateString as dt, minutesToTimeString as mt } from "../../lib/booking-period.js";
-import { getBookingPeriodTimeSlotsSync as St } from "../../lib/booking-period-time-slots.js";
-const Tt = (T) => T, Dt = {
+import { useMemo as f, useState as w, useRef as N, useCallback as g, useEffect as F } from "react";
+import { differenceInCalendarDays as De } from "date-fns";
+import { fr as ot, de as lt, es as ut, it as ct, enUS as ft } from "date-fns/locale";
+import { useMediaQuery as dt } from "@rpcbase/client";
+import { createBookingPeriodConstants as mt, parseTimeToMinutes as R, dateToBusinessDateString as St, instantToBusinessDateTimeParts as Tt, businessDateStringToDate as Dt, getWeekdayFromDateString as pt, minutesToTimeString as vt } from "../../lib/booking-period.js";
+import { getBookingPeriodTimeSlotsSync as pe } from "../../lib/booking-period-time-slots.js";
+const gt = (s) => s, ht = {
   startDate: "Start date",
   pickStartDate: "Pick a date",
   startTime: "Start time",
   endDate: "End date",
   pickEndDate: "Pick a date",
   endTime: "End time"
-}, pt = ({
-  locale: T,
-  localeCode: r
+}, Et = ({
+  locale: s,
+  localeCode: n
 }) => {
-  if (T)
-    return T;
-  const i = r?.toLowerCase() ?? "";
-  return i.startsWith("fr") ? nt : i.startsWith("de") ? rt : i.startsWith("es") ? it : i.startsWith("it") ? st : at;
-}, vt = (T) => {
-  if (!T?.length)
+  if (s)
+    return s;
+  const a = n?.toLowerCase() ?? "";
+  return a.startsWith("fr") ? ot : a.startsWith("de") ? lt : a.startsWith("es") ? ut : a.startsWith("it") ? ct : ft;
+}, bt = (s) => {
+  if (!s?.length)
     return null;
-  const r = T.map((n) => x(n.value)).filter((n) => typeof n == "number").sort((n, K) => n - K);
-  if (r.length < 2)
+  const n = s.map((r) => R(r.value)).filter((r) => typeof r == "number").sort((r, K) => r - K);
+  if (n.length < 2)
     return null;
-  const i = r[1] - r[0];
-  return !Number.isFinite(i) || i <= 0 ? null : i;
-}, ht = (T) => {
-  if (typeof T != "string")
+  const a = n[1] - n[0];
+  return !Number.isFinite(a) || a <= 0 ? null : a;
+}, Mt = (s) => {
+  if (typeof s != "string")
     return null;
-  const r = T.match(/(\d{1,2}:\d{2})\s*-\s*(\d{1,2}:\d{2})/);
-  return r ? x(r[2]) : null;
-}, we = (T, r) => T.map((i) => {
-  const n = x(i.value);
-  if (n == null)
+  const n = s.match(/(\d{1,2}:\d{2})\s*-\s*(\d{1,2}:\d{2})/);
+  return n ? R(n[2]) : null;
+}, Ae = (s, n) => s.map((a) => {
+  const r = R(a.value);
+  if (r == null)
     return null;
-  const K = ht(i.label) ?? n + r, m = typeof i.label == "string" ? i.label : i.value;
+  const K = Mt(a.label) ?? r + n, T = typeof a.label == "string" ? a.label : a.value;
   return {
-    value: i.value,
-    label: m,
-    startMinutes: n,
+    value: a.value,
+    label: T,
+    startMinutes: r,
     endMinutes: K,
     isExtra: !1,
-    isDisabled: !!i.disabled
+    isDisabled: !!a.disabled
   };
-}).filter((i) => !!i), wt = (T) => {
+}).filter((a) => !!a), ve = (s) => !s.isDisabled && !s.isExtra, Be = (s) => {
+  for (let n = s.length - 1; n >= 0; n -= 1)
+    if (ve(s[n]))
+      return s[n];
+  return null;
+}, At = (s) => {
   const {
-    startDate: r,
-    onStartDateChange: i,
-    startTime: n,
+    startDate: n,
+    onStartDateChange: a,
+    startTime: r,
     onStartTimeChange: K,
-    endDate: m,
+    endDate: T,
     onEndDateChange: _,
-    endTime: o,
-    onEndTimeChange: De,
+    endTime: d,
+    onEndTimeChange: ge,
     onEndDateCommit: Q,
     onEndTimeCommit: V,
-    errors: Pe = {},
-    labels: Fe,
-    t: ke = Tt,
-    language: pe,
-    labelClassName: Ae,
-    inputClassName: Be,
-    buttonClassName: Ie,
-    bookingPeriodConfig: D,
-    fetchTimeSlots: s,
-    selectionFlow: C = "chained-times",
-    withMobileDateDrawer: Le = !1,
-    currencyCode: Re = "EUR",
+    errors: Ie = {},
+    labels: Le,
+    t: xe = gt,
+    language: he,
+    labelClassName: Re,
+    inputClassName: Ke,
+    buttonClassName: He,
+    bookingPeriodConfig: o,
+    fetchTimeSlots: i,
+    selectionFlow: E = "chained-times",
+    withMobileDateDrawer: Ue = !1,
+    currencyCode: We = "EUR",
     disableAutomaticTimeCorrection: H = !1,
-    openDatePickerOnFocus: xe = !0,
+    openDatePickerOnFocus: ze = !0,
     startTimeOptions: U = [],
-    endTimeOptions: ve,
-    locale: he,
-    localeCode: Ke
-  } = T, W = ot("(max-width: 767px)"), Y = Ke ?? pe ?? "en-US", He = d(
-    () => pt({ locale: he, localeCode: Y }),
-    [he, Y]
-  ), E = 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(() => {
+    endTimeOptions: Ee,
+    locale: be,
+    localeCode: Ne
+  } = s, W = dt("(max-width: 767px)"), Y = Ne ?? he ?? "en-US", qe = f(
+    () => Et({ locale: be, localeCode: Y }),
+    [be, Y]
+  ), b = f(
+    () => o ? mt(o) : null,
+    [o]
+  ), L = f(() => o?.timing.slotIntervalMinutes ? o.timing.slotIntervalMinutes : bt(U) ?? 30, [o?.timing.slotIntervalMinutes, U]), [ne, j] = w(!1), [re, ie] = w(!1), [se, z] = w(!1), [ae, oe] = w(!1), [$e, le] = w(void 0), [Ze, _e] = w(!1), [Me, Qe] = w(!1), [ue, Ve] = w([]), [ye, G] = w([]), [J, q] = w(void 0), M = N(null), ce = N(0), fe = N(0), de = N(0), Ce = N(void 0), $ = N(void 0), Ye = g(() => {
     le(void 0);
-  }, []), X = d(() => !r || !m ? !1 : Te(m, r) === 0, [r, m]), Ze = d(() => x(n), [n]), k = h(
+  }, []), X = f(() => !n || !T ? !1 : De(T, n) === 0, [n, T]), je = f(() => R(r), [r]), A = g(
     (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;
-      const u = c.getFullYear(), v = String(c.getMonth() + 1).padStart(2, "0"), S = String(c.getDate()).padStart(2, "0");
-      return `${u}-${v}-${S}`;
+      const m = (e instanceof Date ? e : e ? new Date(e) : void 0) ?? /* @__PURE__ */ new Date();
+      if (b)
+        return St(m, b.timeZone) ?? void 0;
+      const u = m.getFullYear(), v = String(m.getMonth() + 1).padStart(2, "0"), D = String(m.getDate()).padStart(2, "0");
+      return `${u}-${v}-${D}`;
     },
-    [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(() => {
-    if (O)
-      return ft(O);
+    [b]
+  ), y = f(() => A(n), [n, A]), l = f(() => A(T ?? n), [T, n, A]), Oe = b ? Tt(/* @__PURE__ */ new Date(), b.timeZone) : null, P = Oe?.dateString, me = Oe?.minutesFromMidnight, B = f(() => P ? !!(n && y && y === P) : !!n && De(n, /* @__PURE__ */ new Date()) === 0, [n, y, P]), Z = f(() => P ? !!(T && l && l === P) : !!T && De(T, /* @__PURE__ */ new Date()) === 0, [T, l, P]), Ge = f(() => {
+    if (P)
+      return Dt(P);
     const e = /* @__PURE__ */ new Date();
     return e.setHours(0, 0, 0, 0), e;
-  }, [O]), me = D?.timing.minBufferMinutes ?? 10, I = d(() => {
+  }, [P]), Se = o?.timing.minBufferMinutes ?? 10, I = f(() => {
     if (!B && !Z)
       return null;
-    if (de != null)
-      return de + me;
+    if (me != null)
+      return me + Se;
     const e = /* @__PURE__ */ new Date();
-    return e.setMinutes(e.getMinutes() + me), e.getHours() * 60 + e.getMinutes();
-  }, [de, Z, B, me]), Se = d(
+    return e.setMinutes(e.getMinutes() + Se), e.getHours() * 60 + e.getMinutes();
+  }, [me, Z, B, Se]), Te = f(
     () => B ? I : null,
     [I, B]
-  ), Ce = h(
+  ), we = g(
     (e) => {
-      if (!E)
+      if (!b)
         return;
-      const t = k(e);
+      const t = A(e);
       if (!t)
-        return E.defaultEndTime;
-      const c = dt(t), u = E.getLastStartMinutesForWeekday(c, {
+        return b.defaultEndTime;
+      const m = pt(t), u = b.getLastStartMinutesForWeekday(m, {
         dateString: t
       });
-      return typeof u == "number" ? mt(u) : E.defaultEndTime;
+      return typeof u == "number" ? vt(u) : b.defaultEndTime;
     },
-    [E, k]
+    [b, A]
   );
   F(() => {
-    if (!s || !A)
+    if (!i || !y)
       return;
     let e = !0;
-    return s(A, "start").then((t) => {
-      e && t && qe(t);
+    return i(y, "start").then((t) => {
+      e && t && Ve(t);
     }).catch((t) => {
       console.error("Failed to fetch availability time slots", t);
     }), () => {
       e = !1;
     };
-  }, [s, A]), F(() => {
-    if (!s)
+  }, [i, y]), F(() => {
+    if (!i)
       return;
-    const e = Me.current, t = e !== void 0 && e !== l;
-    Me.current = l, t && l && ($.current = l);
-  }, [l, s]), F(() => {
-    if (!s)
+    const e = Ce.current, t = e !== void 0 && e !== l;
+    Ce.current = l, t && l && ($.current = l);
+  }, [l, i]), F(() => {
+    if (!i)
       return;
     if (!l) {
       G([]), q(void 0);
       return;
     }
     let e = !0;
-    return q(void 0), s(l, "end").then((t) => {
+    return q(void 0), i(l, "end").then((t) => {
       e && (t ? (G(t), q(l)) : (G([]), q(void 0)));
     }).catch((t) => {
       console.error("Failed to fetch availability time slots", t), e && (G([]), q(void 0));
     }), () => {
       e = !1;
     };
-  }, [l, s]);
-  const ee = d(() => s || !D ? null : St(D, {
-    date: A
-  }), [D, s, A]), w = d(() => s ? Ee : D ? ee?.startTimeSlots ?? [] : we(U, R), [
-    D,
+  }, [l, i]);
+  const ee = f(() => i || !o ? null : pe(o, {
+    date: y
+  }), [o, i, y]), Pe = f(() => !i || !o ? null : pe(o, {
+    date: y
+  }).startTimeSlots, [o, i, y]), ke = f(() => !i || !o ? null : pe(o, {
+    date: l
+  }).endTimeSlots, [o, l, i]), k = f(() => i ? ue.length ? ue : Pe ?? [] : o ? ee?.startTimeSlots ?? [] : Ae(U, L), [
+    o,
     ee?.startTimeSlots,
-    s,
-    Ee,
-    R,
+    Pe,
+    i,
+    ue,
+    L,
     U
-  ]), L = d(() => s ? J === l ? be : [] : D ? ee?.endTimeSlots ?? [] : we(ve ?? U, R), [
-    D,
+  ]), C = f(() => i ? J === l ? ye : ke ?? [] : o ? ee?.endTimeSlots ?? [] : Ae(Ee ?? U, L), [
+    o,
     ee?.endTimeSlots,
     l,
-    ve,
-    s,
-    be,
+    Ee,
+    ke,
+    i,
+    ye,
     J,
-    R,
+    L,
     U
-  ]), M = h(
+  ]), O = g(
     (e, t) => {
-      e !== n && (Ne(t === "user"), K(e, { source: t }));
+      e !== r && (Qe(t === "user"), K(e, { source: t }));
     },
-    [K, n]
-  ), p = h(
+    [K, r]
+  ), p = g(
     (e, t = "auto") => {
-      e !== o && De(e, { source: t });
+      e !== d && (t !== "user" && e && C.find((u) => u.value === e)?.isExtra || ge(e, { source: t }));
     },
-    [o, De]
-  ), te = d(() => w.length ? w.find((e) => !(e.isDisabled || Se != null && e.startMinutes < Se)) ?? null : null, [Se, w]);
+    [C, d, ge]
+  ), te = f(() => k.length ? k.find((e) => !(e.isDisabled || Te != null && e.startMinutes < Te)) ?? null : null, [Te, k]);
   F(() => {
-    H || ge || te && n !== te.value && M(te.value, "auto");
-  }, [H, te, ge, n, M]), F(() => {
-    if (H || !w.length)
+    H || Me || te && r !== te.value && O(te.value, "auto");
+  }, [H, te, Me, r, O]), F(() => {
+    if (H || !k.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");
+    const e = r ? k.find((S) => S.value === r) : void 0, t = I ?? void 0, m = B ? t : null, u = (S) => {
+      const c = typeof S == "number" ? S : null, h = k.find((x) => !(x.isDisabled || c != null && x.startMinutes < c));
+      h && h.value !== r ? O(h.value, "auto") : !h && r && O("", "auto");
     };
-    if (n && !e) {
-      u(c);
+    if (r && !e) {
+      u(m);
       return;
     }
     if (e?.isDisabled) {
-      u(c);
+      u(m);
       return;
     }
     if (!B || t == null)
       return;
-    const v = x(n);
+    const v = R(r);
     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(() => {
-    if (H || !L.length)
+    const D = k.find((S) => !S.isDisabled && S.startMinutes >= t);
+    D && D.value !== r && O(D.value, "auto");
+  }, [H, I, B, r, k, O]), F(() => {
+    if (H || !C.length)
       return;
-    if (s && $.current === l && J === l) {
+    if (i && $.current === l && J === l) {
       $.current = void 0;
-      const g = [...L].reverse().find((P) => !P.isDisabled);
-      if (g && g.value !== o) {
-        p(g.value);
+      const h = Be(C);
+      if (h && h.value !== d) {
+        p(h.value);
         return;
       }
     }
-    const e = x(n), t = x(o), c = o ? L.find((a) => a.value === o) : void 0;
+    const e = R(r), t = R(d), m = d ? C.find((c) => c.value === d) : void 0;
     if (X && e != null && t != null && t < e) {
-      const a = [...L].reverse().find((g) => !g.isDisabled);
-      a && a.value !== o ? p(a.value) : !a && o && p("");
+      const c = Be(C);
+      c && c.value !== d ? p(c.value) : !c && d && p("");
       return;
     }
     const u = [];
-    Z && I != null && u.push(I), X && e != null && u.push(e + R);
-    const v = u.length ? Math.max(...u) : null, S = (a) => {
-      const g = typeof a == "number" ? a : null, P = L.find((Oe) => !(Oe.isDisabled || g != null && Oe.startMinutes < g));
-      P && P.value !== o ? p(P.value) : !P && o && p("");
+    Z && I != null && u.push(I), X && e != null && u.push(e + L);
+    const v = u.length ? Math.max(...u) : null, D = (c) => {
+      const h = typeof c == "number" ? c : null, x = C.find((Fe) => !(!ve(Fe) || h != null && Fe.startMinutes < h));
+      x && x.value !== d ? p(x.value) : !x && d && p("");
     };
-    if (s && o && !c) {
-      S(v);
+    if (i && d && !m) {
+      D(v);
       return;
     }
-    if (c?.isDisabled) {
-      S(v);
+    if (m?.isDisabled) {
+      D(v);
       return;
     }
     if (v == null || t != null && t >= v)
       return;
-    const f = L.find((a) => !a.isDisabled && a.startMinutes >= v);
-    f && f.value !== o ? p(f.value) : !f && o && p("");
+    const S = C.find((c) => ve(c) && c.startMinutes >= v);
+    S && S.value !== d ? p(S.value) : !S && d && p("");
   }, [
-    L,
+    C,
     H,
     I,
     l,
-    o,
-    s,
+    d,
+    i,
     J,
     Z,
     X,
-    R,
-    n,
+    L,
+    r,
     p
-  ]), F(() => (ze(!0), () => {
-    b.current != null && clearTimeout(b.current);
+  ]), F(() => (_e(!0), () => {
+    M.current != null && clearTimeout(M.current);
   }), []), F(() => {
     re && ne && j(!1);
   }, [ne, re]), F(() => {
     ae && se && z(!1);
   }, [se, ae]);
-  const Qe = h((e) => {
-    e && ue.current && Date.now() < ue.current || j(e);
-  }, []), Ve = h((e) => {
-    e && ce.current && Date.now() < ce.current || z(e);
-  }, []), Ye = h((e) => {
-    e && fe.current && Date.now() < fe.current || oe(e);
-  }, []), je = h(
+  const Je = g((e) => {
+    e && ce.current && Date.now() < ce.current || j(e);
+  }, []), Xe = g((e) => {
+    e && fe.current && Date.now() < fe.current || z(e);
+  }, []), et = g((e) => {
+    e && de.current && Date.now() < de.current || oe(e);
+  }, []), tt = g(
     (e, {
       openTimePicker: t,
-      openEndDatePicker: c,
+      openEndDatePicker: m,
       close: u = !0
     } = {}) => {
-      const v = t ?? C === "chained-times", S = c ?? C === "dates-first";
+      const v = t ?? E === "chained-times", D = m ?? 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(() => {
+      a(e), (u || D) && (ce.current = Date.now() + 250, j(!1)), T && e > T && _(e), v && ie(!0), D && (M.current != null && clearTimeout(M.current), W ? (z(!0), M.current = null) : M.current = setTimeout(() => {
         z(!0);
       }, 100));
     },
-    [m, W, _, i, C]
-  ), Ge = h(
+    [T, W, _, a, E]
+  ), nt = g(
     (e) => {
-      M(e, "user"), ie(!1), b.current != null && clearTimeout(b.current), C === "chained-times" && e && r ? b.current = setTimeout(() => {
+      O(e, "user"), ie(!1), M.current != null && clearTimeout(M.current), E === "chained-times" && e && n ? M.current = setTimeout(() => {
         z(!0);
-      }, 100) : b.current = null;
+      }, 100) : M.current = null;
     },
-    [C, r, M]
-  ), Je = h(
+    [E, n, O]
+  ), rt = g(
     (e) => {
-      e && e !== n && M(e, "user");
+      e && e !== r && O(e, "user");
     },
-    [n, M]
-  ), Xe = h(
+    [r, O]
+  ), it = g(
     (e, {
       openTimePicker: t,
-      close: c = !0,
-      commit: u = C === "dates-first" ? W : !1
+      close: m = !0,
+      commit: u = E === "dates-first" ? W : !1
     } = {}) => {
-      const v = t ?? C === "chained-times";
-      let S = o;
-      if (e && C === "dates-first") {
-        if (s) {
-          const a = k(e);
-          a && ($.current = a);
+      const v = t ?? E === "chained-times";
+      let D = d;
+      if (e && E === "dates-first") {
+        if (i) {
+          const c = A(e);
+          c && ($.current = c);
         }
-        const f = Ce(e);
-        f && (S = f, p(f));
+        const S = we(e);
+        S && (D = S, p(S));
       }
-      _(e), le(void 0), c && (ce.current = Date.now() + 250, z(!1)), e && v && oe(!0), e && u && Q && (typeof window > "u" ? Q(e, S) : requestAnimationFrame(() => Q(e, S)));
+      _(e), le(void 0), m && (fe.current = Date.now() + 250, z(!1)), e && v && oe(!0), e && u && Q && (typeof window > "u" ? Q(e, D) : requestAnimationFrame(() => Q(e, D)));
     },
     [
-      o,
-      s,
-      Ce,
+      d,
+      i,
+      we,
       W,
       _,
       Q,
-      C,
-      k,
+      E,
+      A,
       p
     ]
-  ), et = h(
+  ), st = g(
     (e) => {
       p(e, "user");
     },
     [p]
-  ), tt = h(
+  ), at = g(
     (e) => {
-      $.current = void 0, p(e, "user"), fe.current = Date.now() + 250, oe(!1), V && (typeof window > "u" ? V() : requestAnimationFrame(() => {
+      $.current = void 0, p(e, "user"), de.current = Date.now() + 250, oe(!1), V && (typeof window > "u" ? V() : requestAnimationFrame(() => {
         requestAnimationFrame(V);
       }));
     },
     [V, p]
   );
   return {
-    startDate: r,
-    startTime: n,
-    endDate: m,
-    endTime: o,
-    errors: Pe,
-    labels: Fe ?? Dt,
-    t: ke,
-    language: pe ?? Y,
-    labelClassName: Ae,
-    inputClassName: Be,
-    buttonClassName: Ie,
-    currencyCode: Re,
+    startDate: n,
+    startTime: r,
+    endDate: T,
+    endTime: d,
+    errors: Ie,
+    labels: Le ?? ht,
+    t: xe,
+    language: he ?? Y,
+    labelClassName: Re,
+    inputClassName: Ke,
+    buttonClassName: He,
+    currencyCode: We,
     localeCode: Y,
-    slotIntervalMinutes: R,
-    dateLocale: He,
+    slotIntervalMinutes: L,
+    dateLocale: qe,
     numberOfMonths: W ? 1 : 2,
     isMobile: W,
-    isHydrated: We,
-    openDatePickerOnFocus: xe,
-    withMobileDateDrawer: Le,
+    isHydrated: Ze,
+    openDatePickerOnFocus: ze,
+    withMobileDateDrawer: Ue,
+    selectionFlow: E,
     isStartDatePopoverOpen: ne,
-    setIsStartDatePopoverOpen: Qe,
+    setIsStartDatePopoverOpen: Je,
     isStartTimeSelectOpen: re,
     setIsStartTimeSelectOpen: ie,
     isEndDatePopoverOpen: se,
-    setIsEndDatePopoverOpen: Ve,
+    setIsEndDatePopoverOpen: Xe,
     isEndTimeSelectOpen: ae,
-    setIsEndTimeSelectOpen: Ye,
-    hoveredEndDate: Ue,
+    setIsEndTimeSelectOpen: et,
+    hoveredEndDate: $e,
     setHoveredEndDate: le,
-    resetHoveredEndDate: $e,
-    startTimeSlots: w,
-    availableEndTimeSlots: L,
+    resetHoveredEndDate: Ye,
+    startTimeSlots: k,
+    availableEndTimeSlots: C,
     isStartToday: B,
     isEndToday: Z,
-    minSelectableDate: _e,
+    minSelectableDate: Ge,
     earliestMinutesForToday: I,
-    startMinutesValue: Ze,
+    startMinutesValue: je,
     isSameDaySelection: X,
-    updateStartTime: Je,
-    selectStartDate: je,
-    selectStartTime: Ge,
-    selectEndDate: Xe,
-    updateEndTime: et,
-    selectEndTime: tt
+    updateStartTime: rt,
+    selectStartDate: tt,
+    selectStartTime: nt,
+    selectEndDate: it,
+    updateEndTime: st,
+    selectEndTime: at
   };
 };
 export {
-  wt as useBookingPeriodController
+  At as useBookingPeriodController
 };

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.160.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"