@loczer/storefront-sdk 0.195.0 → 0.196.0

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,+CAmJ/B,CAAA"}
+{"version":3,"file":"BookingEndTimeField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingEndTimeField.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,mBAAmB,+CAqJ/B,CAAA"}

package/dist/components/BookingPeriodSelector/components/BookingEndTimeField.js

@@ -13,8 +13,8 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 	minimumFractionDigits: 0,
 	maximumFractionDigits: 0
 }).format(e / 100), f = () => {
-	let { labels: f, localeCode: p, currencyCode: m, endTime: h, selectEndTime: g, availableEndTimeSlots: _, endTimeSlotsStatus: v, isEndTimeSelectOpen: y, setIsEndTimeSelectOpen: b, labelClassName: x, inputClassName: S, buttonClassName: C, errors: w, isHydrated: T, startMinutesValue: E, isSameDaySelection: D, isEndToday: O, earliestMinutesForToday: k } = e(), A = _.map((e) => {
-		let t = !!D && E != null && e.startMinutes <= E, n = O && k != null && e.startMinutes < k, r = e.isDisabled || t || n, i = e.disabledReason === "closed" ? f.timeSlotClosedLabel ?? "Closed" : e.disabledReason, a = e.isExtra && e.extraAmount != null ? f.timeSlotExtraFee?.({ amount: d(e.extraAmount, p, m) }) ?? `Extra fee: ${d(e.extraAmount, p, m)}` : null, o = e.isDisabled && i ? i : null, u = a && o ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
+	let { labels: f, localeCode: p, currencyCode: m, endTime: h, selectEndTime: g, availableEndTimeSlots: _, endTimeSlotsStatus: v, isEndTimeSelectOpen: y, setIsEndTimeSelectOpen: b, labelClassName: x, inputClassName: S, buttonClassName: C, errors: w, isMobile: T, isHydrated: E, startMinutesValue: D, isSameDaySelection: O, isEndToday: k, earliestMinutesForToday: A } = e(), j = _.map((e) => {
+		let t = !!O && D != null && e.startMinutes <= D, n = k && A != null && e.startMinutes < A, r = e.isDisabled || t || n, i = e.disabledReason === "closed" ? f.timeSlotClosedLabel ?? "Closed" : e.disabledReason, a = e.isExtra && e.extraAmount != null ? f.timeSlotExtraFee?.({ amount: d(e.extraAmount, p, m) }) ?? `Extra fee: ${d(e.extraAmount, p, m)}` : null, o = e.isDisabled && i ? i : null, u = a && o ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
 			className: "block",
 			children: a
 		}), /* @__PURE__ */ c("span", {
@@ -27,12 +27,12 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 			disabled: r,
 			description: u
 		};
-	}), j = A.some((e) => !e.disabled), M = v !== "local" && (v !== "ready" || !j), N = v === "loading" ? f.timeSlotsLoading : v === "error" ? f.timeSlotsLoadError : v === "ready" && !j ? f.timeSlotsUnavailable : f.endTime, P = A.find((e) => !e.disabled)?.value, F = o(h ?? P ?? null), I = t();
+	}), M = j.some((e) => !e.disabled), N = v !== "local" && (v !== "ready" || !M), P = v === "loading" ? f.timeSlotsLoading : v === "error" ? f.timeSlotsLoadError : v === "ready" && !M ? f.timeSlotsUnavailable : f.endTime, F = j.find((e) => !e.disabled)?.value, I = o(h ?? F ?? null), L = t();
 	return a(() => {
-		y || (F.current = h ?? P ?? null);
+		y || (I.current = h ?? F ?? null);
 	}, [
 		h,
-		P,
+		F,
 		y
 	]), a(() => {
 		let e = document.getElementById("end-time-picker");
@@ -40,7 +40,7 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 		let t = (e) => {
 			if (e.key !== "Enter" || !y) return;
 			e.preventDefault(), e.stopPropagation();
-			let t = F.current ?? h ?? P;
+			let t = I.current ?? h ?? F;
 			t && g(t);
 		};
 		return e.addEventListener("keydown", t, !0), () => {
@@ -48,7 +48,7 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 		};
 	}, [
 		h,
-		P,
+		F,
 		y,
 		g
 	]), /* @__PURE__ */ l("div", {
@@ -61,23 +61,24 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 			}),
 			/* @__PURE__ */ c(i, {
 				id: "end-time-picker",
-				placeholder: N,
+				placeholder: P,
 				value: h ?? null,
 				onValueUpdate: (e) => {
-					e && (F.current = e);
+					e && (I.current = e);
 				},
 				onChange: (e) => {
-					e && (F.current = e, g(e));
+					e && (I.current = e, g(e));
 				},
-				options: A,
-				disabled: M,
+				options: j,
+				compact: T,
+				disabled: N,
 				open: y,
 				onOpenChange: b,
 				triggerTestId: "end-time-trigger",
 				contentTestId: "end-time-select-content",
-				isHydrated: T,
+				isHydrated: E,
 				inputClassName: u(w.endTime && "border-destructive", S, C),
-				portalContainer: I
+				portalContainer: L
 			}),
 			w.endTime && /* @__PURE__ */ c(r, { children: w.endTime })
 		]

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,+CA6IjC,CAAA"}
+{"version":3,"file":"BookingStartTimeField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingStartTimeField.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,qBAAqB,+CA+IjC,CAAA"}

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

@@ -13,8 +13,8 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 	minimumFractionDigits: 0,
 	maximumFractionDigits: 0
 }).format(e / 100), f = () => {
-	let { labels: f, localeCode: p, currencyCode: m, startTime: h, selectStartTime: g, startTimeSlots: _, startTimeSlotsStatus: v, isStartTimeSelectOpen: y, setIsStartTimeSelectOpen: b, labelClassName: x, inputClassName: S, buttonClassName: C, errors: w, isHydrated: T, isStartToday: E, earliestMinutesForToday: D } = e(), O = _.map((e) => {
-		let t = E && D != null && e.startMinutes < D, n = e.isDisabled || t, r = e.disabledReason === "closed" ? f.timeSlotClosedLabel ?? "Closed" : e.disabledReason, i = e.isExtra && e.extraAmount != null ? f.timeSlotExtraFee?.({ amount: d(e.extraAmount, p, m) }) ?? `Extra fee: ${d(e.extraAmount, p, m)}` : null, a = e.isDisabled && r ? r : null, o = i && a ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
+	let { labels: f, localeCode: p, currencyCode: m, startTime: h, selectStartTime: g, startTimeSlots: _, startTimeSlotsStatus: v, isStartTimeSelectOpen: y, setIsStartTimeSelectOpen: b, labelClassName: x, inputClassName: S, buttonClassName: C, errors: w, isMobile: T, isHydrated: E, isStartToday: D, earliestMinutesForToday: O } = e(), k = _.map((e) => {
+		let t = D && O != null && e.startMinutes < O, n = e.isDisabled || t, r = e.disabledReason === "closed" ? f.timeSlotClosedLabel ?? "Closed" : e.disabledReason, i = e.isExtra && e.extraAmount != null ? f.timeSlotExtraFee?.({ amount: d(e.extraAmount, p, m) }) ?? `Extra fee: ${d(e.extraAmount, p, m)}` : null, a = e.isDisabled && r ? r : null, o = i && a ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
 			className: "block",
 			children: i
 		}), /* @__PURE__ */ c("span", {
@@ -27,11 +27,11 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 			disabled: n,
 			description: o
 		};
-	}), k = O.some((e) => !e.disabled), A = v !== "local" && (v !== "ready" || !k), j = v === "loading" ? f.timeSlotsLoading : v === "error" ? f.timeSlotsLoadError : v === "ready" && !k ? f.timeSlotsUnavailable : f.startTime, M = O.find((e) => !e.disabled)?.value, N = o(h ?? M ?? null), P = t();
+	}), A = k.some((e) => !e.disabled), j = v !== "local" && (v !== "ready" || !A), M = v === "loading" ? f.timeSlotsLoading : v === "error" ? f.timeSlotsLoadError : v === "ready" && !A ? f.timeSlotsUnavailable : f.startTime, N = k.find((e) => !e.disabled)?.value, P = o(h ?? N ?? null), F = t();
 	return a(() => {
-		y || (N.current = h ?? M ?? null);
+		y || (P.current = h ?? N ?? null);
 	}, [
-		M,
+		N,
 		y,
 		h
 	]), a(() => {
@@ -41,14 +41,14 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 		let t = (e) => {
 			if (e.key !== "Enter" || !y) return;
 			e.preventDefault(), e.stopPropagation();
-			let t = N.current ?? h ?? M;
+			let t = P.current ?? h ?? N;
 			t && g(t);
 		};
 		return e.addEventListener("keydown", t, !0), () => {
 			e.removeEventListener("keydown", t, !0);
 		};
 	}, [
-		M,
+		N,
 		y,
 		g,
 		h
@@ -62,23 +62,24 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 			}),
 			/* @__PURE__ */ c(i, {
 				id: "start-time-picker",
-				placeholder: j,
+				placeholder: M,
 				value: h ?? null,
 				onValueUpdate: (e) => {
-					e && (N.current = e);
+					e && (P.current = e);
 				},
 				onChange: (e) => {
-					e && (N.current = e, g(e));
+					e && (P.current = e, g(e));
 				},
-				options: O,
-				disabled: A,
+				options: k,
+				compact: T,
+				disabled: j,
 				open: y,
 				onOpenChange: b,
 				triggerTestId: "start-time-trigger",
 				contentTestId: "start-time-select-content",
-				isHydrated: T,
+				isHydrated: E,
 				inputClassName: u(w.startTime && "border-destructive", S, C),
-				portalContainer: P
+				portalContainer: F
 			}),
 			w.startTime && /* @__PURE__ */ c(r, { children: w.startTime })
 		]

package/dist/components/BookingPeriodSelector/components/internal/BookingHourPickerField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingHourPickerField.d.ts","sourceRoot":"","sources":["../../../../../src/components/BookingPeriodSelector/components/internal/BookingHourPickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,oBAAoB,EAE1B,MAAM,6BAA6B,CAAA;AAIpC,KAAK,2BAA2B,GAAG,oBAAoB,GAAG;IACxD,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,mEAMpC,2BAA2B,4CAuB7B,CAAA"}
+{"version":3,"file":"BookingHourPickerField.d.ts","sourceRoot":"","sources":["../../../../../src/components/BookingPeriodSelector/components/internal/BookingHourPickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,oBAAoB,EAE1B,MAAM,6BAA6B,CAAA;AAIpC,KAAK,2BAA2B,GAAG,oBAAoB,GAAG;IACxD,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,mEAMpC,2BAA2B,4CAmB7B,CAAA"}

package/dist/components/BookingPeriodSelector/components/internal/BookingHourPickerField.js

@@ -1,27 +1,26 @@
 import { cn as e } from "../../../../lib/utils.js";
 import { HourPickerField as t } from "./StorefrontHourPickerField.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/BookingPeriodSelector/components/internal/BookingHourPickerField.tsx
-var a = ({ options: a, className: o, inputClassName: s, portalContainer: c, ...l }) => {
-	let u = a.map((e) => ({
+var r = ({ options: r, className: i, inputClassName: a, portalContainer: o, ...s }) => {
+	let c = r.map((e) => ({
 		...e,
-		selectedLabel: /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
-			"data-slot": "booking-hour-picker-mobile-selected-label",
-			className: "md:hidden",
-			children: e.value
-		}), /* @__PURE__ */ r("span", {
+		selectedLabel: /* @__PURE__ */ n("span", {
 			"data-slot": "booking-hour-picker-desktop-selected-label",
-			className: "hidden md:inline",
 			children: e.label
-		})] })
+		}),
+		compactSelectedLabel: /* @__PURE__ */ n("span", {
+			"data-slot": "booking-hour-picker-mobile-selected-label",
+			children: e.value
+		})
 	}));
-	return /* @__PURE__ */ r(t, {
-		...l,
-		options: u,
-		className: e("w-full min-w-0", o),
-		inputClassName: e("min-w-0", s),
-		portalContainer: c
+	return /* @__PURE__ */ n(t, {
+		...s,
+		options: c,
+		className: e("w-full min-w-0", i),
+		inputClassName: e("min-w-0", a),
+		portalContainer: o
 	});
 };
 //#endregion
-export { a as BookingHourPickerField };
+export { r as BookingHourPickerField };

package/dist/components/BookingPeriodSelector/components/internal/StorefrontHourPickerField.d.ts

@@ -3,6 +3,7 @@ export type HourPickerOption = {
     value: string;
     label: string;
     selectedLabel?: React.ReactNode;
+    compactSelectedLabel?: React.ReactNode;
     disabled?: boolean;
     description?: React.ReactNode;
 };
@@ -28,8 +29,10 @@ export declare function HourPickerInput({ id, value, onChange, onValueUpdate, op
 export declare namespace HourPickerInput {
     var displayName: string;
 }
-export type HourPickerFieldProps = HourPickerInputProps;
-export declare function HourPickerField(props: HourPickerFieldProps): import("react/jsx-runtime").JSX.Element;
+export type HourPickerFieldProps = HourPickerInputProps & {
+    compact?: boolean;
+};
+export declare function HourPickerField({ compact, ...props }: HourPickerFieldProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace HourPickerField {
     var displayName: string;
 }

package/dist/components/BookingPeriodSelector/components/internal/StorefrontHourPickerField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorefrontHourPickerField.d.ts","sourceRoot":"","sources":["../../../../../src/components/BookingPeriodSelector/components/internal/StorefrontHourPickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B,CAAA;AAyYD,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACrC,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAO,EACP,WAA2B,EAC3B,SAAS,EACT,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,aAAa,EACb,aAAa,EACb,UAAU,EACV,eAAe,GAChB,EAAE,oBAAoB,2CA6ctB;yBA9de,eAAe;;;AAke/B,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAA;AA0YvD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAQ1D;yBARe,eAAe"}
+{"version":3,"file":"StorefrontHourPickerField.d.ts","sourceRoot":"","sources":["../../../../../src/components/BookingPeriodSelector/components/internal/StorefrontHourPickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B,CAAA;AAyYD,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACrC,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAO,EACP,WAA2B,EAC3B,SAAS,EACT,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,aAAa,EACb,aAAa,EACb,UAAU,EACV,eAAe,GAChB,EAAE,oBAAoB,2CA6ctB;yBA9de,eAAe;;;AAke/B,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,GAAG;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AA6YD,wBAAgB,eAAe,CAAC,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAMlF;yBANe,eAAe"}