@loczer/storefront-sdk 0.215.0 → 0.217.0

package/dist/components/BookingBikeQuickAddCard/index.js

@@ -141,7 +141,7 @@ function v({ bike: v, detailsPath: y, productDetailsLinkState: b, actionDisabled
 									value: H(i.id),
 									onChange: (e) => W(i.id, e),
 									onBlur: () => G(i.id),
-									className: "h-8 w-9 rounded-r-none border-r-0 px-1 text-center text-sm focus-visible:z-10",
+									className: "h-8 w-9 rounded-r-none border-r-0 px-1 text-center text-base focus-visible:z-10 md:text-sm",
 									"aria-label": k("quantity_label"),
 									"data-testid": s
 								}), /* @__PURE__ */ l(n, {

package/dist/components/BookingBikeVariantDialog/index.js

@@ -232,7 +232,7 @@ function M({ ariaLabel: e, onQuantityChange: t, quantity: n, testIdPrefix: r })
 				t(n ? String(A(n)) : "");
 			},
 			onBlur: () => t(String(A(n))),
-			className: T("h-8 w-9 rounded-r-none border-r-0 px-1 text-center text-sm focus-visible:z-10", "sm:h-9 sm:w-16 sm:rounded-md sm:border-r sm:px-3 sm:text-base"),
+			className: T("h-8 w-9 rounded-r-none border-r-0 px-1 text-center text-base focus-visible:z-10", "sm:h-9 sm:w-16 sm:rounded-md sm:border-r sm:px-3"),
 			"aria-label": e,
 			"data-testid": `${r}-value`
 		})

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

package/dist/components/BookingPeriodSelector/components/BookingEndDateField.js

@@ -73,95 +73,95 @@ var b = (e) => String(e).padStart(2, "0"), x = (e) => `${e.getFullYear()}-${b(e.
 };
 k.displayName = "BookingEndDateDayButton";
 var A = () => {
-	let { labels: e, startDate: n, endDate: r, selectEndDate: u, isEndDatePopoverOpen: d, setIsEndDatePopoverOpen: f, setIsStartTimeSelectOpen: b, hoveredEndDate: S, setHoveredEndDate: C, resetHoveredEndDate: A, labelClassName: j, inputClassName: M, buttonClassName: N, errors: P, dateLocale: F, numberOfMonths: I, isMobile: ee, isHydrated: L, openDatePickerOnFocus: te, withMobileDateDrawer: ne, selectionFlow: R, minSelectableDate: z } = i(), B = ne && ee, V = m(null), H = m(!1), [U, W] = h(null), [G, K] = h(() => w(n ?? r ?? /* @__PURE__ */ new Date())), q = a(), re = !!q;
+	let { labels: e, startDate: n, endDate: r, selectEndDate: u, isEndDatePopoverOpen: d, setIsEndDatePopoverOpen: f, setIsStartTimeSelectOpen: b, setIsEndTimeSelectOpen: S, hoveredEndDate: C, setHoveredEndDate: A, resetHoveredEndDate: j, labelClassName: M, inputClassName: N, buttonClassName: P, errors: F, dateLocale: I, numberOfMonths: L, isMobile: ee, isHydrated: R, openDatePickerOnFocus: te, withMobileDateDrawer: ne, selectionFlow: z, minSelectableDate: B } = i(), V = ne && ee, H = m(null), U = m(!1), [W, G] = h(null), [K, q] = h(() => w(n ?? r ?? /* @__PURE__ */ new Date())), J = a(), re = !!J;
 	p(() => {
 		if (typeof document > "u") return;
 		let e = document.getElementById("end-date-picker");
 		if (!(e instanceof HTMLInputElement)) return;
 		let t = (e) => {
-			H.current = e.key === "ArrowUp" || e.key === "ArrowDown";
+			U.current = e.key === "ArrowUp" || e.key === "ArrowDown";
 		};
 		return e.addEventListener("keydown", t, !0), () => {
 			e.removeEventListener("keydown", t, !0);
 		};
 	}, []), p(() => {
-		if (!d || B) return;
+		if (!d || V) return;
 		let e = w(n ?? r ?? /* @__PURE__ */ new Date()), t = r ?? n;
-		K(t ? T(e, t, I) : e);
+		q(t ? T(e, t, L) : e);
 	}, [
 		r,
 		d,
-		I,
+		L,
 		n
 	]), p(() => {
 		if (!d) return;
-		let e = S ?? r;
-		e && K((t) => T(t, e, I));
+		let e = C ?? r;
+		e && q((t) => T(t, e, L));
 	}, [
 		r,
-		S,
+		C,
 		d,
-		I
+		L
 	]), p(() => {
-		if (!d || typeof document > "u" || (A(), B)) return;
+		if (!d || typeof document > "u" || (j(), V)) return;
 		let e = document.getElementById("end-date-picker");
 		if (!(e instanceof HTMLElement)) {
 			f(!1);
 			return;
 		}
 		document.activeElement !== e && requestAnimationFrame(() => {
-			e.focus({ preventScroll: !0 }), R === "chained-times" && e.click();
+			e.focus({ preventScroll: !0 }), z === "chained-times" && e.click();
 		});
 	}, [
 		d,
-		A,
-		R,
+		j,
+		z,
 		f
 	]), p(() => {
 		if (typeof document > "u") return;
 		let e = document.getElementById("end-date-picker");
-		if (!(e instanceof HTMLInputElement) || R !== "chained-times") return;
+		if (!(e instanceof HTMLInputElement) || z !== "chained-times") return;
 		let t = () => {
 			b(!1);
 		};
 		return e.addEventListener("focus", t, !0), () => {
 			e.removeEventListener("focus", t, !0);
 		};
-	}, [R, b]), p(() => {
+	}, [z, b]), p(() => {
 		if (d || typeof document > "u") return;
-		let e = V.current;
+		let e = H.current;
 		if (!e) return;
 		let t = document.getElementById("end-date-calendar")?.querySelector(`[data-day="${e}"] button`);
-		t instanceof HTMLElement && D(t), V.current = null, W(null);
+		t instanceof HTMLElement && D(t), H.current = null, G(null);
 	}, [d]);
-	let J = m({
+	let Y = m({
 		labels: e,
 		startDate: n,
 		endDate: r,
-		hoveredEndDate: S,
-		keyboardTooltipDay: U,
-		numberOfMonths: I,
-		overlayLayer: q,
-		calendarMonth: G,
-		resetHoveredEndDate: A,
-		setHoveredEndDate: C
+		hoveredEndDate: C,
+		keyboardTooltipDay: W,
+		numberOfMonths: L,
+		overlayLayer: J,
+		calendarMonth: K,
+		resetHoveredEndDate: j,
+		setHoveredEndDate: A
 	});
-	J.current = {
+	Y.current = {
 		labels: e,
 		startDate: n,
 		endDate: r,
-		hoveredEndDate: S,
-		keyboardTooltipDay: U,
-		numberOfMonths: I,
-		overlayLayer: q,
-		calendarMonth: G,
-		resetHoveredEndDate: A,
-		setHoveredEndDate: C
+		hoveredEndDate: C,
+		keyboardTooltipDay: W,
+		numberOfMonths: L,
+		overlayLayer: J,
+		calendarMonth: K,
+		resetHoveredEndDate: j,
+		setHoveredEndDate: A
 	};
-	let Y = m(null);
-	if (!Y.current) {
+	let X = m(null);
+	if (!X.current) {
 		let e = (e) => {
-			let { labels: n, startDate: r, endDate: i, hoveredEndDate: a, keyboardTooltipDay: s, numberOfMonths: c, overlayLayer: l, calendarMonth: u, setHoveredEndDate: d } = J.current, f = {
+			let { labels: n, startDate: r, endDate: i, hoveredEndDate: a, keyboardTooltipDay: s, numberOfMonths: c, overlayLayer: l, calendarMonth: u, setHoveredEndDate: d } = Y.current, f = {
 				labels: n,
 				startDate: r,
 				hoveredEndDate: a,
@@ -177,7 +177,7 @@ var A = () => {
 						onMouseLeave: (e) => {
 							let t = e.currentTarget;
 							requestAnimationFrame(() => {
-								t.matches(":hover") || J.current.resetHoveredEndDate();
+								t.matches(":hover") || Y.current.resetHoveredEndDate();
 							});
 						},
 						children: /* @__PURE__ */ g(o, {
@@ -185,7 +185,7 @@ var A = () => {
 							mode: "range",
 							month: u,
 							onMonthChange: (e) => {
-								K(w(e));
+								q(w(e));
 							},
 							selected: {
 								from: r,
@@ -206,24 +206,24 @@ var A = () => {
 				})
 			});
 		};
-		e.displayName = "BookingEndDateDayPicker", Y.current = e;
+		e.displayName = "BookingEndDateDayPicker", X.current = e;
 	}
-	let X = Y.current, Z = () => {
+	let Z = X.current, Q = () => {
 		if (typeof document > "u") {
-			V.current = null;
+			H.current = null;
 			return;
 		}
-		let e = V.current;
+		let e = H.current;
 		if (!e) return;
 		let t = document.getElementById("end-date-calendar")?.querySelector(`[data-day="${e}"] button`);
-		t instanceof HTMLElement && D(t), V.current = null, W(null);
-	}, Q = (e) => {
+		t instanceof HTMLElement && D(t), H.current = null, G(null);
+	}, $ = (e) => {
 		if (typeof document > "u") return;
 		let t = x(e);
-		if (V.current === t) return;
-		Z(), V.current = t, W(t);
+		if (H.current === t) return;
+		Q(), H.current = t, G(t);
 		let n = 0, r = () => {
-			if (V.current !== t) return;
+			if (H.current !== t) return;
 			let e = document.getElementById("end-date-calendar");
 			if (!(e instanceof HTMLElement)) {
 				n += 1, n <= 6 && requestAnimationFrame(r);
@@ -237,17 +237,16 @@ var A = () => {
 			n += 1, n <= 6 && requestAnimationFrame(r);
 		};
 		requestAnimationFrame(r);
-	}, $ = () => {
-		B && f(!0);
 	};
 	return /* @__PURE__ */ _("div", {
-		className: y("group/form-item relative min-w-0 w-full", B && "cursor-pointer rounded-md"),
-		onPointerDownCapture: $,
-		onClick: $,
+		className: y("group/form-item relative min-w-0 w-full", V && "cursor-pointer rounded-md"),
+		onClick: () => {
+			V && (b(!1), S(!1), f(!0));
+		},
 		children: [
 			/* @__PURE__ */ g(s, {
 				htmlFor: "end-date-picker",
-				className: y("mb-1 block text-sm font-medium", B && "cursor-pointer", j),
+				className: y("mb-1 block text-sm font-medium", V && "cursor-pointer", M),
 				children: /* @__PURE__ */ g("span", { children: e.endDate })
 			}),
 			re ? /* @__PURE__ */ g(l, {
@@ -255,10 +254,10 @@ var A = () => {
 				value: r ?? null,
 				placeholder: e.pickEndDate,
 				triggerTestId: "end-date-trigger",
-				isHydrated: L,
-				open: !B && d,
+				isHydrated: R,
+				open: !V && d,
 				onOpenChange: f,
-				readOnly: B,
+				readOnly: V,
 				openOnFocus: te,
 				onValueUpdate: (e) => {
 					let t = (() => {
@@ -267,16 +266,16 @@ var A = () => {
 						return e instanceof HTMLElement && e.id === "end-date-picker";
 					})();
 					if (!n || !e || e < n) {
-						A(), t && Z();
+						j(), t && Q();
 						return;
 					}
-					C(e), t && Q(e);
+					A(e), t && $(e);
 				},
 				onChange: (e) => {
-					if (A(), (() => {
-						if (typeof document > "u") return H.current = !1, !1;
-						let e = document.activeElement, t = H.current && e instanceof HTMLElement && e.id === "end-date-picker";
-						return H.current = !1, t;
+					if (j(), (() => {
+						if (typeof document > "u") return U.current = !1, !1;
+						let e = document.activeElement, t = U.current && e instanceof HTMLElement && e.id === "end-date-picker";
+						return U.current = !1, t;
 					})() || e && r && e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth() && e.getDate() === r.getDate()) return;
 					let t = (() => {
 						if (!e || typeof document > "u") return !1;
@@ -285,27 +284,27 @@ var A = () => {
 					})();
 					u(e ?? void 0, { openTimePicker: t ? void 0 : !1 });
 				},
-				inputClassName: y(P.endDate && "border-destructive", M, N),
-				dayPickerComponent: X,
+				inputClassName: y(F.endDate && "border-destructive", N, P),
+				dayPickerComponent: Z,
 				dayPickerProps: {
 					id: "end-date-calendar",
-					locale: F,
+					locale: I,
 					showOutsideDays: !1,
-					numberOfMonths: I,
-					disabled: (e) => n && e < n || e < z,
+					numberOfMonths: L,
+					disabled: (e) => n && e < n || e < B,
 					autoFocus: !0,
 					"data-testid": "end-date-calendar"
 				},
-				portalContainer: q
+				portalContainer: J
 			}) : /* @__PURE__ */ g(v, {
 				id: "end-date-picker",
 				value: r ?? null,
 				placeholder: e.pickEndDate,
 				triggerTestId: "end-date-trigger",
-				isHydrated: L,
-				open: !B && d,
+				isHydrated: R,
+				open: !V && d,
 				onOpenChange: f,
-				readOnly: B,
+				readOnly: V,
 				onValueUpdate: (e) => {
 					let t = (() => {
 						if (!d || typeof document > "u") return !1;
@@ -313,16 +312,16 @@ var A = () => {
 						return e instanceof HTMLElement && e.id === "end-date-picker";
 					})();
 					if (!n || !e || e < n) {
-						A(), t && Z();
+						j(), t && Q();
 						return;
 					}
-					C(e), t && Q(e);
+					A(e), t && $(e);
 				},
 				onChange: (e) => {
-					if (A(), (() => {
-						if (typeof document > "u") return H.current = !1, !1;
-						let e = document.activeElement, t = H.current && e instanceof HTMLElement && e.id === "end-date-picker";
-						return H.current = !1, t;
+					if (j(), (() => {
+						if (typeof document > "u") return U.current = !1, !1;
+						let e = document.activeElement, t = U.current && e instanceof HTMLElement && e.id === "end-date-picker";
+						return U.current = !1, t;
 					})() || e && r && e.getFullYear() === r.getFullYear() && e.getMonth() === r.getMonth() && e.getDate() === r.getDate()) return;
 					let t = (() => {
 						if (!e || typeof document > "u") return !1;
@@ -331,19 +330,19 @@ var A = () => {
 					})();
 					u(e ?? void 0, { openTimePicker: t ? void 0 : !1 });
 				},
-				inputClassName: y(P.endDate && "border-destructive", M, N),
-				dayPickerComponent: X,
+				inputClassName: y(F.endDate && "border-destructive", N, P),
+				dayPickerComponent: Z,
 				dayPickerProps: {
 					id: "end-date-calendar",
-					locale: F,
+					locale: I,
 					showOutsideDays: !1,
-					numberOfMonths: I,
-					disabled: (e) => n && e < n || e < z,
+					numberOfMonths: L,
+					disabled: (e) => n && e < n || e < B,
 					autoFocus: !0,
 					"data-testid": "end-date-calendar"
 				}
 			}),
-			P.endDate && /* @__PURE__ */ g(c, { children: P.endDate })
+			F.endDate && /* @__PURE__ */ g(c, { children: F.endDate })
 		]
 	});
 };

package/dist/components/BookingPeriodSelector/components/BookingMobileDateDrawer.d.ts

@@ -1,2 +1,6 @@
-export declare const BookingMobileDateDrawer: () => import("react/jsx-runtime").JSX.Element | null;
+type BookingMobileDateDrawerProps = {
+    onContinue?: () => void;
+};
+export declare const BookingMobileDateDrawer: ({ onContinue }: BookingMobileDateDrawerProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
 //# sourceMappingURL=BookingMobileDateDrawer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookingMobileDateDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingMobileDateDrawer.tsx"],"names":[],"mappings":"AAwFA,eAAO,MAAM,uBAAuB,sDAyTnC,CAAA"}
+{"version":3,"file":"BookingMobileDateDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingMobileDateDrawer.tsx"],"names":[],"mappings":"AAkCA,KAAK,4BAA4B,GAAG;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAyDD,eAAO,MAAM,uBAAuB,GAAI,gBAAgB,4BAA4B,mDAuTnF,CAAA"}