@loczer/storefront-sdk 0.156.0 → 0.158.0

package/dist/components/BookingPeriodSelector/useBookingPeriodController.js

@@ -1,25 +1,25 @@
 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 tt, de as nt, es as rt, it, enUS as st } from "date-fns/locale";
-import { useMediaQuery as at } from "@rpcbase/client";
-import { createBookingPeriodConstants as ot, parseTimeToMinutes as x, dateToBusinessDateString as lt, instantToBusinessDateTimeParts as ut, businessDateStringToDate as ct, getWeekdayFromDateString as ft, minutesToTimeString as dt } from "../../lib/booking-period.js";
-import { getBookingPeriodTimeSlotsSync as mt } from "../../lib/booking-period-time-slots.js";
-const St = (T) => T, Tt = {
+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 = {
   startDate: "Start date",
   pickStartDate: "Pick a date",
   startTime: "Start time",
   endDate: "End date",
   pickEndDate: "Pick a date",
   endTime: "End time"
-}, Dt = ({
+}, pt = ({
   locale: T,
   localeCode: r
 }) => {
   if (T)
     return T;
   const i = r?.toLowerCase() ?? "";
-  return i.startsWith("fr") ? tt : i.startsWith("de") ? nt : i.startsWith("es") ? rt : i.startsWith("it") ? it : st;
-}, pt = (T) => {
+  return i.startsWith("fr") ? nt : i.startsWith("de") ? rt : i.startsWith("es") ? it : i.startsWith("it") ? st : at;
+}, vt = (T) => {
   if (!T?.length)
     return null;
   const r = T.map((n) => x(n.value)).filter((n) => typeof n == "number").sort((n, K) => n - K);
@@ -27,7 +27,7 @@ const St = (T) => T, Tt = {
     return null;
   const i = r[1] - r[0];
   return !Number.isFinite(i) || i <= 0 ? null : i;
-}, vt = (T) => {
+}, ht = (T) => {
   if (typeof T != "string")
     return null;
   const r = T.match(/(\d{1,2}:\d{2})\s*-\s*(\d{1,2}:\d{2})/);
@@ -36,7 +36,7 @@ const St = (T) => T, Tt = {
   const n = x(i.value);
   if (n == null)
     return null;
-  const K = vt(i.label) ?? n + r, m = typeof i.label == "string" ? i.label : i.value;
+  const K = ht(i.label) ?? n + r, m = typeof i.label == "string" ? i.label : i.value;
   return {
     value: i.value,
     label: m,
@@ -45,7 +45,7 @@ const St = (T) => T, Tt = {
     isExtra: !1,
     isDisabled: !!i.disabled
   };
-}).filter((i) => !!i), Ot = (T) => {
+}).filter((i) => !!i), wt = (T) => {
   const {
     startDate: r,
     onStartDateChange: i,
@@ -59,7 +59,7 @@ const St = (T) => T, Tt = {
     onEndTimeCommit: V,
     errors: Pe = {},
     labels: Fe,
-    t: ke = St,
+    t: ke = Tt,
     language: pe,
     labelClassName: Ae,
     inputClassName: Be,
@@ -67,33 +67,34 @@ const St = (T) => T, Tt = {
     bookingPeriodConfig: D,
     fetchTimeSlots: s,
     selectionFlow: C = "chained-times",
-    currencyCode: Le = "EUR",
+    withMobileDateDrawer: Le = !1,
+    currencyCode: Re = "EUR",
     disableAutomaticTimeCorrection: H = !1,
-    openDatePickerOnFocus: Re = !0,
+    openDatePickerOnFocus: xe = !0,
     startTimeOptions: U = [],
     endTimeOptions: ve,
     locale: he,
-    localeCode: xe
-  } = T, W = at("(max-width: 767px)"), Y = xe ?? pe ?? "en-US", Ke = d(
-    () => Dt({ locale: he, localeCode: Y }),
+    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 ? ot(D) : null,
+    () => D ? lt(D) : null,
     [D]
-  ), R = d(() => D?.timing.slotIntervalMinutes ? D.timing.slotIntervalMinutes : pt(U) ?? 30, [D?.timing.slotIntervalMinutes, U]), [ne, j] = y(!1), [re, ie] = y(!1), [se, z] = y(!1), [ae, oe] = y(!1), [He, le] = y(void 0), [Ue, We] = y(!1), [ge, ze] = y(!1), [Ee, Ne] = 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), qe = h(() => {
+  ), 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(() => {
     le(void 0);
-  }, []), X = d(() => !r || !m ? !1 : Te(m, r) === 0, [r, m]), $e = d(() => x(n), [n]), k = h(
+  }, []), 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 lt(c, E.timeZone) ?? void 0;
+        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}`;
     },
     [E]
-  ), A = d(() => k(r), [r, k]), l = d(() => k(m ?? r), [m, r, k]), ye = E ? ut(/* @__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]), Ze = d(() => {
+  ), 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 ct(O);
+      return ft(O);
     const e = /* @__PURE__ */ new Date();
     return e.setHours(0, 0, 0, 0), e;
   }, [O]), me = D?.timing.minBufferMinutes ?? 10, I = d(() => {
@@ -113,10 +114,10 @@ const St = (T) => T, Tt = {
       const t = k(e);
       if (!t)
         return E.defaultEndTime;
-      const c = ft(t), u = E.getLastStartMinutesForWeekday(c, {
+      const c = dt(t), u = E.getLastStartMinutesForWeekday(c, {
         dateString: t
       });
-      return typeof u == "number" ? dt(u) : E.defaultEndTime;
+      return typeof u == "number" ? mt(u) : E.defaultEndTime;
     },
     [E, k]
   );
@@ -125,7 +126,7 @@ const St = (T) => T, Tt = {
       return;
     let e = !0;
     return s(A, "start").then((t) => {
-      e && t && Ne(t);
+      e && t && qe(t);
     }).catch((t) => {
       console.error("Failed to fetch availability time slots", t);
     }), () => {
@@ -152,7 +153,7 @@ const St = (T) => T, Tt = {
       e = !1;
     };
   }, [l, s]);
-  const ee = d(() => s || !D ? null : mt(D, {
+  const ee = d(() => s || !D ? null : St(D, {
     date: A
   }), [D, s, A]), w = d(() => s ? Ee : D ? ee?.startTimeSlots ?? [] : we(U, R), [
     D,
@@ -173,7 +174,7 @@ const St = (T) => T, Tt = {
     U
   ]), M = h(
     (e, t) => {
-      e !== n && (ze(t === "user"), K(e, { source: t }));
+      e !== n && (Ne(t === "user"), K(e, { source: t }));
     },
     [K, n]
   ), p = h(
@@ -254,20 +255,20 @@ const St = (T) => T, Tt = {
     R,
     n,
     p
-  ]), F(() => (We(!0), () => {
+  ]), F(() => (ze(!0), () => {
     b.current != null && clearTimeout(b.current);
   }), []), F(() => {
     re && ne && j(!1);
   }, [ne, re]), F(() => {
     ae && se && z(!1);
   }, [se, ae]);
-  const _e = h((e) => {
+  const Qe = h((e) => {
     e && ue.current && Date.now() < ue.current || j(e);
-  }, []), Qe = h((e) => {
-    e && ce.current && Date.now() < ce.current || z(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);
-  }, []), Ye = h(
+  }, []), je = h(
     (e, {
       openTimePicker: t,
       openEndDatePicker: c,
@@ -283,19 +284,19 @@ const St = (T) => T, Tt = {
       }, 100));
     },
     [m, W, _, i, C]
-  ), je = h(
+  ), Ge = h(
     (e) => {
       M(e, "user"), ie(!1), b.current != null && clearTimeout(b.current), C === "chained-times" && e && r ? b.current = setTimeout(() => {
         z(!0);
       }, 100) : b.current = null;
     },
     [C, r, M]
-  ), Ge = h(
+  ), Je = h(
     (e) => {
       e && e !== n && M(e, "user");
     },
     [n, M]
-  ), Je = h(
+  ), Xe = h(
     (e, {
       openTimePicker: t,
       close: c = !0,
@@ -324,12 +325,12 @@ const St = (T) => T, Tt = {
       k,
       p
     ]
-  ), Xe = h(
+  ), et = h(
     (e) => {
       p(e, "user");
     },
     [p]
-  ), et = h(
+  ), tt = h(
     (e) => {
       $.current = void 0, p(e, "user"), fe.current = Date.now() + 250, oe(!1), V && (typeof window > "u" ? V() : requestAnimationFrame(() => {
         requestAnimationFrame(V);
@@ -343,47 +344,48 @@ const St = (T) => T, Tt = {
     endDate: m,
     endTime: o,
     errors: Pe,
-    labels: Fe ?? Tt,
+    labels: Fe ?? Dt,
     t: ke,
     language: pe ?? Y,
     labelClassName: Ae,
     inputClassName: Be,
     buttonClassName: Ie,
-    currencyCode: Le,
+    currencyCode: Re,
     localeCode: Y,
     slotIntervalMinutes: R,
-    dateLocale: Ke,
+    dateLocale: He,
     numberOfMonths: W ? 1 : 2,
     isMobile: W,
-    isHydrated: Ue,
-    openDatePickerOnFocus: Re,
+    isHydrated: We,
+    openDatePickerOnFocus: xe,
+    withMobileDateDrawer: Le,
     isStartDatePopoverOpen: ne,
-    setIsStartDatePopoverOpen: _e,
+    setIsStartDatePopoverOpen: Qe,
     isStartTimeSelectOpen: re,
     setIsStartTimeSelectOpen: ie,
     isEndDatePopoverOpen: se,
-    setIsEndDatePopoverOpen: Qe,
+    setIsEndDatePopoverOpen: Ve,
     isEndTimeSelectOpen: ae,
-    setIsEndTimeSelectOpen: Ve,
-    hoveredEndDate: He,
+    setIsEndTimeSelectOpen: Ye,
+    hoveredEndDate: Ue,
     setHoveredEndDate: le,
-    resetHoveredEndDate: qe,
+    resetHoveredEndDate: $e,
     startTimeSlots: w,
     availableEndTimeSlots: L,
     isStartToday: B,
     isEndToday: Z,
-    minSelectableDate: Ze,
+    minSelectableDate: _e,
     earliestMinutesForToday: I,
-    startMinutesValue: $e,
+    startMinutesValue: Ze,
     isSameDaySelection: X,
-    updateStartTime: Ge,
-    selectStartDate: Ye,
-    selectStartTime: je,
-    selectEndDate: Je,
-    updateEndTime: Xe,
-    selectEndTime: et
+    updateStartTime: Je,
+    selectStartDate: je,
+    selectStartTime: Ge,
+    selectEndDate: Xe,
+    updateEndTime: et,
+    selectEndTime: tt
   };
 };
 export {
-  Ot as useBookingPeriodController
+  wt as useBookingPeriodController
 };

package/dist/components/ContractSaleDocument/ThumbnailSidebar.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { ScrollArea as u } from "../../chunks/pkg/ui/dist/ScrollArea-D9UdixQL.js";
+import { ScrollArea as u } from "../../chunks/ui/dist/ScrollArea-D9UdixQL.js";
 function h({
   thumbnails: t,
   activePage: n,

package/dist/components/Map/index.js

@@ -1,4 +1,4 @@
-import { Map as r } from "../../chunks/pkg/ui/dist/Map-Cqn7INdm.js";
+import { Map as r } from "../../chunks/ui/dist/Map-Cqn7INdm.js";
 import { createMarkerElement as p } from "./createMarkerElement.js";
 const o = r;
 export {

package/dist/components/StorefrontPopupMessages/index.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import { useState as S, useEffect as $ } from "react";
-import { ResponsiveDialog as R, ResponsiveDialogContent as E, ResponsiveDialogHeader as D, ResponsiveDialogTitle as I, ResponsiveDialogDescription as P, ResponsiveDialogFooter as O } from "../../chunks/pkg/ui/dist/ResponsiveDialog-D8YzB_3J.js";
+import { ResponsiveDialog as R, ResponsiveDialogContent as E, ResponsiveDialogHeader as D, ResponsiveDialogTitle as I, ResponsiveDialogDescription as P, ResponsiveDialogFooter as O } from "../../chunks/ui/dist/ResponsiveDialog-D8YzB_3J.js";
 import { useParams as j, useLocation as z } from "@rpcbase/router";
 import { cn as x } from "@rpcbase/ui";
 import { X as H, Info as L } from "lucide-react";

package/dist/index.d.ts

@@ -586,6 +586,8 @@ declare type BookingFlowStepsProps = {
 
 export declare type BookingFulfillment = "pickup" | "delivery";
 
+export declare const BookingMobileDateDrawer: () => JSX.Element | null;
+
 export declare type BookingPeriodChangeMeta = {
     source: "user" | "auto";
 };
@@ -624,6 +626,7 @@ export declare interface BookingPeriodControllerOptions {
     bookingPeriodConfig?: BookingPeriodConfig;
     fetchTimeSlots?: BookingPeriodTimeSlotsFetcher;
     selectionFlow?: BookingPeriodSelectionFlow;
+    withMobileDateDrawer?: boolean;
     currencyCode?: string;
     disableAutomaticTimeCorrection?: boolean;
     openDatePickerOnFocus?: boolean;
@@ -653,6 +656,7 @@ export declare interface BookingPeriodControllerValue {
     isMobile: boolean;
     isHydrated: boolean;
     openDatePickerOnFocus: boolean;
+    withMobileDateDrawer: boolean;
     isStartDatePopoverOpen: boolean;
     setIsStartDatePopoverOpen: (open: boolean) => void;
     isStartTimeSelectOpen: boolean;
@@ -715,6 +719,8 @@ export declare type BookingPeriodLabels = {
     selectedDaysTooltip?: (params: {
         count: number;
     }) => string;
+    rentalPeriod?: string;
+    dateDrawerNext?: string;
 };
 
 export declare const BookingPeriodProvider: ({ children, ...options }: BookingPeriodProviderProps) => JSX.Element;