@loczer/storefront-sdk 0.150.0 → 0.152.0

package/dist/components/BookingPeriodSelector/useBookingPeriodController.js

@@ -1,18 +1,18 @@
 import { useMemo as l, useState as O, useRef as q, useCallback as d, useEffect as P } from "react";
-import { differenceInCalendarDays as ee } from "date-fns";
-import { fr as Fe, de as He, es as Re, it as Ue, enUS as Ae } from "date-fns/locale";
-import { useMediaQuery as Le } from "@rpcbase/client";
-import { parseTimeToMinutes as M, dateToBusinessDateString as We } from "../../lib/booking-period.js";
-import { getBookingPeriodTimeSlotsSync as qe } from "../../lib/booking-period-time-slots.js";
-const Ne = ({
+import { differenceInCalendarDays as _ } from "date-fns";
+import { fr as ke, de as Fe, es as xe, it as He, enUS as Re } from "date-fns/locale";
+import { useMediaQuery as Ue } from "@rpcbase/client";
+import { parseTimeToMinutes as M, dateToBusinessDateString as Ae } from "../../lib/booking-period.js";
+import { getBookingPeriodTimeSlotsSync as Le } from "../../lib/booking-period-time-slots.js";
+const We = ({
   locale: u,
   localeCode: n
 }) => {
   if (u)
     return u;
   const s = n?.toLowerCase() ?? "";
-  return s.startsWith("fr") ? Fe : s.startsWith("de") ? He : s.startsWith("es") ? Re : s.startsWith("it") ? Ue : Ae;
-}, ze = (u) => {
+  return s.startsWith("fr") ? ke : s.startsWith("de") ? Fe : s.startsWith("es") ? xe : s.startsWith("it") ? He : Re;
+}, qe = (u) => {
   if (!u?.length)
     return null;
   const n = u.map((t) => M(t.value)).filter((t) => typeof t == "number").sort((t, C) => t - C);
@@ -20,16 +20,16 @@ const Ne = ({
     return null;
   const s = n[1] - n[0];
   return !Number.isFinite(s) || s <= 0 ? null : s;
-}, $e = (u) => {
+}, Ne = (u) => {
   if (typeof u != "string")
     return null;
   const n = u.match(/(\d{1,2}:\d{2})\s*-\s*(\d{1,2}:\d{2})/);
   return n ? M(n[2]) : null;
-}, ue = (u, n) => u.map((s) => {
+}, ae = (u, n) => u.map((s) => {
   const t = M(s.value);
   if (t == null)
     return null;
-  const C = $e(s.label) ?? t + n, o = typeof s.label == "string" ? s.label : s.value;
+  const C = Ne(s.label) ?? t + n, o = typeof s.label == "string" ? s.label : s.value;
   return {
     value: s.value,
     label: o,
@@ -38,65 +38,61 @@ const Ne = ({
     isExtra: !1,
     isDisabled: !!s.disabled
   };
-}).filter((s) => !!s), Ke = (u) => {
+}).filter((s) => !!s), Je = (u) => {
   const {
     startDate: n,
     onStartDateChange: s,
     startTime: t,
     onStartTimeChange: C,
     endDate: o,
-    onEndDateChange: x,
+    onEndDateChange: F,
     endTime: f,
     onEndTimeChange: c,
-    onEndTimeCommit: F,
-    errors: oe = {},
-    labels: fe,
-    labelClassName: ce,
-    inputClassName: de,
+    onEndTimeCommit: x,
+    errors: le = {},
+    labels: ue,
+    labelClassName: oe,
+    inputClassName: fe,
     bookingPeriodConfig: a,
-    currencyCode: me = "EUR",
-    showEndExtraSlots: te = !0,
+    currencyCode: ce = "EUR",
     disableAutomaticTimeCorrection: w = !1,
-    openDatePickerOnFocus: Se = !0,
+    openDatePickerOnFocus: de = !0,
     startTimeOptions: y = [],
-    endTimeOptions: ne,
-    locale: re,
+    endTimeOptions: ee,
+    locale: te,
     localeCode: N
-  } = u, De = Le("(max-width: 767px)"), pe = l(() => Ne({ locale: re, localeCode: N }), [re, N]), ve = N ?? "en-US", b = l(() => a?.timing.slotIntervalMinutes ? a.timing.slotIntervalMinutes : ze(y) ?? 30, [a?.timing.slotIntervalMinutes, y]), [z, H] = O(!1), [$, Q] = O(!1), [V, R] = O(!1), [Z, j] = O(!1), [Te, G] = O(void 0), [Me, be] = O(!1), [se, ge] = O(!1), I = q(null), J = q(0), K = q(0), X = q(0), he = d(() => {
+  } = u, me = Ue("(max-width: 767px)"), Se = l(() => We({ locale: te, localeCode: N }), [te, N]), De = N ?? "en-US", b = l(() => a?.timing.slotIntervalMinutes ? a.timing.slotIntervalMinutes : qe(y) ?? 30, [a?.timing.slotIntervalMinutes, y]), [z, H] = O(!1), [$, Q] = O(!1), [V, R] = O(!1), [Z, j] = O(!1), [pe, G] = O(void 0), [ve, Te] = O(!1), [ne, Me] = O(!1), I = q(null), J = q(0), K = q(0), X = q(0), be = d(() => {
     G(void 0);
-  }, []), U = l(() => !n || !o ? !1 : ee(o, n) === 0, [n, o]), Ee = l(() => M(t), [t]), D = l(
-    () => !!n && ee(n, /* @__PURE__ */ new Date()) === 0,
+  }, []), U = l(() => !n || !o ? !1 : _(o, n) === 0, [n, o]), ge = l(() => M(t), [t]), D = l(
+    () => !!n && _(n, /* @__PURE__ */ new Date()) === 0,
     [n]
   ), B = l(
-    () => !!o && ee(o, /* @__PURE__ */ new Date()) === 0,
+    () => !!o && _(o, /* @__PURE__ */ new Date()) === 0,
     [o]
-  ), ie = l(() => {
+  ), re = l(() => {
     if (!D && !B) return null;
     const e = /* @__PURE__ */ new Date(), i = a?.timing.minBufferMinutes ?? 10;
     return e.setMinutes(e.getMinutes() + i), `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
-  }, [a?.timing.minBufferMinutes, B, D]), p = l(() => M(ie), [ie]), Y = l(() => D ? p : null, [p, D]), ae = l(() => {
+  }, [a?.timing.minBufferMinutes, B, D]), p = l(() => M(re), [re]), Y = l(() => D ? p : null, [p, D]), se = l(() => {
     if (!a)
       return;
     const i = (n instanceof Date ? n : n ? new Date(n) : void 0) ?? /* @__PURE__ */ new Date();
-    return We(i, a.timeZone) ?? void 0;
-  }, [a, n]), A = l(() => a ? qe(a, {
-    date: ae
-  }) : null, [a, ae]), S = l(() => a ? A?.startTimeSlots ?? [] : ue(y, b), [a, A?.startTimeSlots, b, y]), _ = l(() => a ? A?.endTimeSlots ?? [] : ue(ne ?? y, b), [a, A?.endTimeSlots, ne, b, y]), g = l(
-    () => te ? _ : _.filter((e) => !e.isExtra),
-    [_, te]
-  ), m = d(
+    return Ae(i, a.timeZone) ?? void 0;
+  }, [a, n]), A = l(() => a ? Le(a, {
+    date: se
+  }) : null, [a, se]), S = l(() => a ? A?.startTimeSlots ?? [] : ae(y, b), [a, A?.startTimeSlots, b, y]), g = l(() => a ? A?.endTimeSlots ?? [] : ae(ee ?? y, b), [a, A?.endTimeSlots, ee, b, y]), m = d(
     (e, i) => {
-      ge(i === "user"), C(e);
+      Me(i === "user"), C(e);
     },
     [C]
   ), L = l(() => S.length ? S.find((e) => !(e.isDisabled || Y != null && e.startMinutes < Y)) ?? null : null, [Y, S]);
   P(() => {
-    w || se || L && t !== L.value && m(L.value, "auto");
-  }, [w, L, se, t, m]), P(() => {
+    w || ne || L && t !== L.value && m(L.value, "auto");
+  }, [w, L, ne, t, m]), P(() => {
     if (w || !S.length)
       return;
     const e = t ? S.find((r) => r.value === t) : void 0, i = p ?? void 0, k = D ? i : null, h = (r) => {
-      const E = typeof r == "number" ? r : null, W = S.find((le) => !(le.isDisabled || E != null && le.startMinutes < E));
+      const E = typeof r == "number" ? r : null, W = S.find((ie) => !(ie.isDisabled || E != null && ie.startMinutes < E));
       W && W.value !== t ? m(W.value, "auto") : !W && t && m("", "auto");
     };
     if (t && !e) {
@@ -145,97 +141,97 @@ const Ne = ({
     c,
     b,
     t
-  ]), P(() => (be(!0), () => {
+  ]), P(() => (Te(!0), () => {
     I.current != null && clearTimeout(I.current);
   }), []), P(() => {
     $ && z && H(!1);
   }, [z, $]), P(() => {
     Z && V && R(!1);
   }, [V, Z]);
-  const Oe = d((e) => {
+  const he = d((e) => {
     e && J.current && Date.now() < J.current || H(e);
-  }, []), Ce = d((e) => {
+  }, []), Ee = d((e) => {
     e && K.current && Date.now() < K.current || R(e);
-  }, []), we = d((e) => {
+  }, []), Oe = d((e) => {
     e && X.current && Date.now() < X.current || j(e);
-  }, []), ye = d(
+  }, []), Ce = d(
     (e, { openTimePicker: i = !0 } = {}) => {
       if (!e) {
         H(!1);
         return;
       }
-      s(e), J.current = Date.now() + 250, H(!1), o && e > o && x(e), i && Q(!0);
+      s(e), J.current = Date.now() + 250, H(!1), o && e > o && F(e), i && Q(!0);
     },
-    [s, o, x]
-  ), Ie = d(
+    [s, o, F]
+  ), we = d(
     (e) => {
       m(e, "user"), Q(!1), I.current != null && clearTimeout(I.current), e && n ? I.current = setTimeout(() => {
         R(!0);
       }, 100) : I.current = null;
     },
     [n, m]
-  ), Pe = d(
+  ), ye = d(
     (e) => {
       e && e !== t && m(e, "user");
     },
     [t, m]
-  ), Be = d(
+  ), Ie = d(
     (e, { openTimePicker: i = !0 } = {}) => {
-      x(e), G(void 0), K.current = Date.now() + 250, R(!1), e && i && j(!0);
+      F(e), G(void 0), K.current = Date.now() + 250, R(!1), e && i && j(!0);
     },
-    [x]
-  ), ke = d((e) => {
+    [F]
+  ), Pe = d((e) => {
     c(e);
-  }, [c]), xe = d(
+  }, [c]), Be = d(
     (e) => {
-      c(e), X.current = Date.now() + 250, j(!1), F && (typeof window > "u" ? F() : requestAnimationFrame(() => {
-        requestAnimationFrame(F);
+      c(e), X.current = Date.now() + 250, j(!1), x && (typeof window > "u" ? x() : requestAnimationFrame(() => {
+        requestAnimationFrame(x);
       }));
     },
-    [c, F]
+    [c, x]
   );
   return {
     startDate: n,
     startTime: t,
     endDate: o,
     endTime: f,
-    errors: oe,
-    labels: fe,
-    labelClassName: ce,
-    inputClassName: de,
-    currencyCode: me,
-    localeCode: ve,
+    errors: le,
+    labels: ue,
+    labelClassName: oe,
+    inputClassName: fe,
+    currencyCode: ce,
+    localeCode: De,
     slotIntervalMinutes: b,
-    dateLocale: pe,
-    numberOfMonths: De ? 1 : 2,
-    isHydrated: Me,
-    openDatePickerOnFocus: Se,
+    dateLocale: Se,
+    numberOfMonths: me ? 1 : 2,
+    isHydrated: ve,
+    openDatePickerOnFocus: de,
     isStartDatePopoverOpen: z,
-    setIsStartDatePopoverOpen: Oe,
+    setIsStartDatePopoverOpen: he,
     isStartTimeSelectOpen: $,
     setIsStartTimeSelectOpen: Q,
     isEndDatePopoverOpen: V,
-    setIsEndDatePopoverOpen: Ce,
+    setIsEndDatePopoverOpen: Ee,
     isEndTimeSelectOpen: Z,
-    setIsEndTimeSelectOpen: we,
-    hoveredEndDate: Te,
+    setIsEndTimeSelectOpen: Oe,
+    hoveredEndDate: pe,
     setHoveredEndDate: G,
-    resetHoveredEndDate: he,
+    resetHoveredEndDate: be,
     startTimeSlots: S,
     availableEndTimeSlots: g,
     isStartToday: D,
     isEndToday: B,
     earliestMinutesForToday: p,
-    startMinutesValue: Ee,
+    startMinutesValue: ge,
     isSameDaySelection: U,
-    updateStartTime: Pe,
-    selectStartDate: ye,
-    selectStartTime: Ie,
-    selectEndDate: Be,
-    updateEndTime: ke,
-    selectEndTime: xe
+    updateStartTime: ye,
+    selectStartDate: Ce,
+    selectStartTime: we,
+    selectEndDate: Ie,
+    updateEndTime: Pe,
+    selectEndTime: Be
   };
 };
 export {
-  Ke as useBookingPeriodController
+  Je as useBookingPeriodController
 };