@loczer/storefront-sdk 0.188.0 → 0.189.0

package/dist/chunks/ui/dist/Map/{MapContent-QPkuTBvK.js → MapContent-PK-ptOx6.js}

@@ -2,100 +2,132 @@ import { cn as e } from "../lib/utils-CoCD4bw8.js";
 import { __toESM as t } from "../_virtual/_rolldown/runtime-2EUTAT-G.js";
 import { DEFAULT_MAP_SKELETON_COLOR as n } from "./constants-BNmiJXfg.js";
 import { DEFAULT_MAP_CENTER as r } from "../static/strings-1T2w7LqX.js";
-import { Component as i, useEffect as a, useRef as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { classifyMapboxError as i, toSanitizedMapboxError as a } from "./mapboxError-oRn0l3EE.js";
+import { Component as o, useEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region ../ui/dist/Map/MapContent.js
-var u = null, d = async () => (u ||= Promise.all([import("../node_modules/mapbox-gl/dist/mapbox-gl-Bc31JrDw.js").then((e) => /* @__PURE__ */ t(e.default, 1)), Promise.resolve({})]).then(([e]) => e.default ?? e).catch((e) => {
-	throw u = null, e;
-}), u), f = ({ mapboxToken: t, initialCenter: i = r, initialZoom: u = 11, markers: f = [], routeGeoJson: p, polygonGeoJson: h, routeEndpointsToFetch: g, className: _, style: v, interactive: y = !0, showNavigationControl: b = !0, cooperativeGestures: x = !0, mapStyle: S = "mapbox://styles/pr37capital/cmajla29i003901s9ex09hiw4", onMapLoad: C, onMapMoveOrZoom: w, skeletonColor: T = n }) => {
-	let E = o(null), D = o(null), [O, k] = s(null), A = o([]), j = o(u), [M, N] = s(null), [P, F] = s(!1), I = o(!1), L = e("relative overflow-clip w-full h-full", _);
-	return a(() => {
-		if (!E.current || O) return;
-		let e = !1, n = null;
+var f = 2, p = 750, m = null, h = async () => (m ||= Promise.all([import("../node_modules/mapbox-gl/dist/mapbox-gl-Bc31JrDw.js").then((e) => /* @__PURE__ */ t(e.default, 1)), Promise.resolve({})]).then(([e]) => e.default ?? e).catch((e) => {
+	throw m = null, e;
+}), m), g = ({ mapboxToken: t, initialCenter: o = r, initialZoom: m = 11, markers: g = [], routeGeoJson: _, polygonGeoJson: y, routeEndpointsToFetch: b, className: x, style: S, interactive: C = !0, showNavigationControl: w = !0, cooperativeGestures: T = !0, mapStyle: E = "mapbox://styles/pr37capital/cmajla29i003901s9ex09hiw4", onMapLoad: D, onMapMoveOrZoom: O, skeletonColor: k = n }) => {
+	let A = c(null), j = c(null), [M, N] = l(null), P = c([]), F = c(m), [I, L] = l(null), [R, z] = l(!1), B = c(!1), V = e("relative overflow-clip w-full h-full", x);
+	return s(() => {
+		if (!A.current || M) return;
+		let e = !1, n = null, r = 0, s = null, c = !1;
 		return (async () => {
 			if (!t) {
-				N("Configuration carte manquante (token).");
+				L("Configuration carte manquante (token).");
 				return;
 			}
 			try {
-				let n = await d();
+				let n = await h();
 				if (e) return;
-				if (D.current = n, n.accessToken = t, !(typeof n.supported != "function" || n.supported({ failIfMajorPerformanceCaveat: !0 }))) {
-					N("La carte n'est pas supportée sur cet appareil.");
+				if (j.current = n, n.accessToken = t, !(typeof n.supported != "function" || n.supported({ failIfMajorPerformanceCaveat: !0 }))) {
+					L("La carte n'est pas supportée sur cet appareil.");
 					return;
 				}
 			} catch (t) {
-				e || (console.error("Failed to load Mapbox GL:", t), N("La carte n'est pas supportée sur cet appareil."));
+				e || (console.error("Failed to load Mapbox GL:", t), L("La carte n'est pas supportée sur cet appareil."));
 				return;
 			}
-			if (e || !D.current || !E.current) return;
-			E.current.hasChildNodes() && E.current.replaceChildren();
+			if (e || !j.current || !A.current) return;
+			A.current.hasChildNodes() && A.current.replaceChildren();
 			try {
-				n = new D.current.Map({
-					container: E.current,
-					style: S,
-					center: i,
-					zoom: u,
+				n = new j.current.Map({
+					container: A.current,
+					style: E,
+					center: o,
+					zoom: m,
 					attributionControl: !1,
-					interactive: y,
-					cooperativeGestures: x,
+					interactive: C,
+					cooperativeGestures: T,
 					pitchWithRotate: !1,
 					dragRotate: !1,
 					touchPitch: !1,
 					performanceMetricsCollection: !1
 				});
 			} catch (e) {
-				console.error("Failed to initialize Mapbox map:", e), N("Erreur lors du chargement de la carte.");
+				console.error("Failed to initialize Mapbox map:", e), L("Erreur lors du chargement de la carte.");
 				return;
 			}
-			let r = n;
-			if (r.on("error", (e) => {
-				console.error("Mapbox map error event:", e?.error || e);
-				try {
-					r.remove();
-				} catch (e) {
-					console.error("Error removing failed map instance:", e);
+			let l = n, u = () => {
+				s !== null && (window.clearTimeout(s), s = null);
+			}, d = (t) => {
+				if (!(e || c)) {
+					c = !0, u(), console.error("Fatal Mapbox map error:", t);
+					try {
+						l.remove();
+					} catch (e) {
+						console.warn("Failed to remove unusable Mapbox map instance:", e);
+					}
+					n = null, N(null), L("Erreur lors du chargement de la carte.");
 				}
-				k(null), N("Erreur lors du chargement de la carte.");
-			}), r.touchZoomRotate?.disableRotation?.(), b) {
-				let e = new m({ showCompass: !1 });
-				r.addControl(e, "bottom-right");
+			};
+			if (l.on("error", (t) => {
+				if (e || c) return;
+				let n = i(t), o = a(t);
+				if (n === "recoverable") {
+					console.warn("Recoverable Mapbox resource error; keeping the map mounted:", o);
+					return;
+				}
+				if (n === "fatal") {
+					d(o);
+					return;
+				}
+				if (s !== null) return;
+				if (r >= f) {
+					d(/* @__PURE__ */ Error(`Mapbox style failed after ${f} retries: ${o.message}`));
+					return;
+				}
+				r += 1;
+				let u = p * 2 ** (r - 1);
+				console.warn(`Transient Mapbox style error; retrying in ${u}ms:`, o), s = window.setTimeout(() => {
+					if (s = null, !(e || c)) try {
+						l.setStyle(E);
+					} catch (e) {
+						d(a(e));
+					}
+				}, u);
+			}), l.on("style.load", () => {
+				r = 0, u();
+			}), l.touchZoomRotate?.disableRotation?.(), w) {
+				let e = new v({ showCompass: !1 });
+				l.addControl(e, "bottom-right");
 			}
-			let a = () => {
-				I.current || (I.current = !0, F(!0));
+			let g = () => {
+				B.current || (B.current = !0, z(!0));
 			};
-			r.on("load", () => {
-				k(r), C && C(r), typeof r.areTilesLoaded == "function" && r.areTilesLoaded() ? a() : r.once("idle", a);
+			l.on("load", () => {
+				e || c || (N(l), D && D(l), typeof l.areTilesLoaded == "function" && l.areTilesLoaded() ? g() : l.once("idle", g));
 			});
 		})(), () => {
-			e = !0;
+			e = !0, s !== null && window.clearTimeout(s);
 			try {
 				n?.remove();
 			} catch (e) {
 				console.error("Error removing map instance on unmount:", e);
 			}
 		};
-	}, []), a(() => {
-		O || (F(!1), I.current = !1);
-	}, [O]), a(() => {
-		if (!O || !w) return;
-		let e = () => w(O);
-		return O.on("moveend", e), O.on("zoomend", e), () => {
-			O.off("moveend", e), O.off("zoomend", e);
+	}, []), s(() => {
+		M || (z(!1), B.current = !1);
+	}, [M]), s(() => {
+		if (!M || !O) return;
+		let e = () => O(M);
+		return M.on("moveend", e), M.on("zoomend", e), () => {
+			M.off("moveend", e), M.off("zoomend", e);
 		};
-	}, [O, w]), a(() => {
-		O && u !== j.current && (O.setZoom(u), j.current = u);
-	}, [u, O]), a(() => {
-		let e = D.current;
-		!O || !e || (A.current.forEach((e) => e.remove()), A.current = [], f.forEach((t) => {
+	}, [M, O]), s(() => {
+		M && m !== F.current && (M.setZoom(m), F.current = m);
+	}, [m, M]), s(() => {
+		let e = j.current;
+		!M || !e || (P.current.forEach((e) => e.remove()), P.current = [], g.forEach((t) => {
 			let n = {};
 			t.element ? n.element = t.element : n.color = t.color || "#3FB1CE", t.offset && (n.offset = t.offset);
-			let r = new e.Marker(n).setLngLat(t.coords).addTo(O);
+			let r = new e.Marker(n).setLngLat(t.coords).addTo(M);
 			if (t.popupHTML) {
 				let n = { offset: 25 };
 				t.popupCloseButton === !1 && (n.closeButton = !1);
 				let i = new e.Popup(n).setHTML(t.popupHTML), a, o = () => {
-					clearTimeout(a), i.isOpen() || i.setLngLat(t.coords).addTo(O);
+					clearTimeout(a), i.isOpen() || i.setLngLat(t.coords).addTo(M);
 				}, s = () => {
 					a = setTimeout(() => {
 						i.remove();
@@ -106,15 +138,15 @@ var u = null, d = async () => (u ||= Promise.all([import("../node_modules/mapbox
 					e && (e.addEventListener("mouseenter", o), e.addEventListener("mouseleave", s));
 				});
 			}
-			A.current.push(r);
+			P.current.push(r);
 		}));
-	}, [O, f]), a(() => {
-		if (!O || !O.isStyleLoaded()) return;
+	}, [M, g]), s(() => {
+		if (!M || !M.isStyleLoaded()) return;
 		let e = "route-geojson-direct", t = "route-layer-direct";
-		O.getLayer(t) && O.removeLayer(t), O.getSource(e) && O.removeSource(e), p && (O.addSource(e, {
+		M.getLayer(t) && M.removeLayer(t), M.getSource(e) && M.removeSource(e), _ && (M.addSource(e, {
 			type: "geojson",
-			data: p
-		}), O.addLayer({
+			data: _
+		}), M.addLayer({
 			id: t,
 			type: "line",
 			source: e,
@@ -128,13 +160,13 @@ var u = null, d = async () => (u ||= Promise.all([import("../node_modules/mapbox
 				"line-opacity": .75
 			}
 		}));
-	}, [O, p]), a(() => {
-		if (!O || !O.isStyleLoaded()) return;
+	}, [M, _]), s(() => {
+		if (!M || !M.isStyleLoaded()) return;
 		let e = "polygon-data", t = "polygon-fill-layer", n = "polygon-line-layer";
-		O.getLayer(t) && O.removeLayer(t), O.getLayer(n) && O.removeLayer(n), O.getSource(e) && O.removeSource(e), h && (O.addSource(e, {
+		M.getLayer(t) && M.removeLayer(t), M.getLayer(n) && M.removeLayer(n), M.getSource(e) && M.removeSource(e), y && (M.addSource(e, {
 			type: "geojson",
-			data: h
-		}), O.addLayer({
+			data: y
+		}), M.addLayer({
 			id: t,
 			type: "fill",
 			source: e,
@@ -150,7 +182,7 @@ var u = null, d = async () => (u ||= Promise.all([import("../node_modules/mapbox
 					.2
 				]
 			}
-		}), O.addLayer({
+		}), M.addLayer({
 			id: n,
 			type: "line",
 			source: e,
@@ -167,9 +199,9 @@ var u = null, d = async () => (u ||= Promise.all([import("../node_modules/mapbox
 				]
 			}
 		}));
-	}, [O, h]), a(() => {
-		if (!O || !O.isStyleLoaded() || !g || g.coordinates.length < 2) return;
-		let { profile: e = "cycling", coordinates: n } = g, r = "route-fetched", i = "route-layer-fetched";
+	}, [M, y]), s(() => {
+		if (!M || !M.isStyleLoaded() || !b || b.coordinates.length < 2) return;
+		let { profile: e = "cycling", coordinates: n } = b, r = "route-fetched", i = "route-layer-fetched";
 		return (async () => {
 			if (!t) return;
 			let a = n.map((e) => {
@@ -187,10 +219,10 @@ var u = null, d = async () => (u ||= Promise.all([import("../node_modules/mapbox
 				let t = await e.json();
 				if (t.routes && t.routes.length > 0) {
 					let e = t.routes[0].geometry;
-					O.getLayer(i) && O.removeLayer(i), O.getSource(r) && O.removeSource(r), O.addSource(r, {
+					M.getLayer(i) && M.removeLayer(i), M.getSource(r) && M.removeSource(r), M.addSource(r, {
 						type: "geojson",
 						data: e
-					}), O.addLayer({
+					}), M.addLayer({
 						id: i,
 						type: "line",
 						source: r,
@@ -209,31 +241,31 @@ var u = null, d = async () => (u ||= Promise.all([import("../node_modules/mapbox
 				console.error("Failed to fetch route from Mapbox:", e);
 			}
 		})(), () => {
-			O && O.isStyleLoaded() && (O.getLayer(i) && O.removeLayer(i), O.getSource(r) && O.removeSource(r));
+			M && M.isStyleLoaded() && (M.getLayer(i) && M.removeLayer(i), M.getSource(r) && M.removeSource(r));
 		};
-	}, [O, g]), M ? /* @__PURE__ */ c("div", {
-		className: L,
-		style: v,
-		children: /* @__PURE__ */ c("div", {
+	}, [M, b]), I ? /* @__PURE__ */ u("div", {
+		className: V,
+		style: S,
+		children: /* @__PURE__ */ u("div", {
 			className: e("flex h-full w-full items-center justify-center text-center text-sm text-gray-500"),
-			children: M
+			children: I
 		})
-	}) : /* @__PURE__ */ l("div", {
-		className: L,
-		style: v,
-		children: [/* @__PURE__ */ c("div", {
+	}) : /* @__PURE__ */ d("div", {
+		className: V,
+		style: S,
+		children: [/* @__PURE__ */ u("div", {
 			"aria-hidden": "true",
-			className: e("absolute inset-0 transition-opacity duration-500 ease-out", P ? "pointer-events-none opacity-0" : "opacity-100"),
-			children: /* @__PURE__ */ c("div", {
+			className: e("absolute inset-0 transition-opacity duration-500 ease-out", R ? "pointer-events-none opacity-0" : "opacity-100"),
+			children: /* @__PURE__ */ u("div", {
 				className: "h-full w-full",
-				style: { backgroundColor: T }
+				style: { backgroundColor: k }
 			})
-		}), /* @__PURE__ */ c("div", {
-			ref: E,
-			className: e("h-full w-full transition-opacity duration-500 ease-out", P ? "opacity-100" : "pointer-events-none opacity-0")
+		}), /* @__PURE__ */ u("div", {
+			ref: A,
+			className: e("h-full w-full transition-opacity duration-500 ease-out", R ? "opacity-100" : "pointer-events-none opacity-0")
 		})]
 	});
-}, p = class extends i {
+}, _ = class extends o {
 	constructor(e) {
 		super(e), this.state = { hasError: !1 };
 	}
@@ -245,16 +277,16 @@ var u = null, d = async () => (u ||= Promise.all([import("../node_modules/mapbox
 	}
 	render() {
 		let t = e("overflow-clip w-full h-full", this.props.className);
-		return this.state.hasError ? /* @__PURE__ */ c("div", {
+		return this.state.hasError ? /* @__PURE__ */ u("div", {
 			className: t,
 			style: this.props.style,
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ u("div", {
 				className: e("flex h-full w-full items-center justify-center text-center text-sm text-gray-500"),
 				children: "Erreur lors du chargement de la carte."
 			})
 		}) : this.props.children;
 	}
-}, m = class {
+}, v = class {
 	options;
 	container = null;
 	map = null;
@@ -298,10 +330,10 @@ var u = null, d = async () => (u ||= Promise.all([import("../node_modules/mapbox
 		let n = Math.abs(e) < .01 && Math.abs(t) < .01;
 		this.compassButton.classList.toggle("opacity-60", n);
 	};
-}, h = (e) => /* @__PURE__ */ c(p, {
+}, y = (e) => /* @__PURE__ */ u(_, {
 	className: e.className,
 	style: e.style,
-	children: /* @__PURE__ */ c(f, { ...e })
+	children: /* @__PURE__ */ u(g, { ...e })
 });
 //#endregion
-export { h as default };
+export { y as default };

package/dist/chunks/ui/dist/Map/mapboxError-oRn0l3EE.js

@@ -0,0 +1,25 @@
+//#region ../ui/dist/Map/mapboxError.js
+var e = (e) => typeof e == "object" && e && "error" in e ? e.error : e, t = (t) => {
+	let n = e(t);
+	if (n instanceof Error) return n.message;
+	if (typeof n == "string") return n;
+	if (typeof n == "object" && n && "message" in n) {
+		let e = n.message;
+		if (typeof e == "string") return e;
+	}
+	return String(n ?? "Unknown Mapbox error");
+}, n = (e) => e.replace(/([?&]access_token=)[^&\s]+/gi, "$1[redacted]"), r = (e) => {
+	let n = t(e).toLowerCase();
+	if (/\.(?:pbf|png|jpe?g|webp)(?:\?|$)/i.test(n) || n.includes("/fonts/") || n.includes("/sprites/")) return "recoverable";
+	let r = n.includes("/styles/v1/") || n.includes("style"), i = /load failed|failed to load|failed to fetch|network\s?error|timed?\s*out|connection/i.test(n);
+	if (r && i) return "retry-style";
+	let a = /invalid access token|access token.*(?:invalid|missing)|unauthori[sz]ed|forbidden/i.test(n), o = r && /(?:not found|does not exist|invalid|parse|http status (?:401|403|404))/i.test(n);
+	return a || o ? "fatal" : "recoverable";
+}, i = (r) => {
+	let i = e(r), a = n(t(i));
+	if (i instanceof Error && a === i.message) return i;
+	let o = Error(a);
+	return i instanceof Error && (o.name = i.name), o;
+};
+//#endregion
+export { r as classifyMapboxError, i as toSanitizedMapboxError };

package/dist/chunks/ui/dist/{Map-BXmRf5Ep.js → Map-BwXj49kV.js}

@@ -14,7 +14,7 @@ var l = ({ className: t, style: n, color: r }) => /* @__PURE__ */ c("div", {
 			style: { backgroundColor: r ?? "rgb(201 221 176)" }
 		})
 	}), /* @__PURE__ */ s("div", { className: "h-full w-full transition-opacity duration-500 ease-out pointer-events-none opacity-0" })]
-}), u = r(() => import("./Map/MapContent-QPkuTBvK.js")), d = (e) => {
+}), u = r(() => import("./Map/MapContent-PK-ptOx6.js")), d = (e) => {
 	let r = a(null), [c, d] = o(!1);
 	i(() => {
 		if (t()) return;

package/dist/components/BookingBikeVariantDialog/index.d.ts

@@ -5,8 +5,9 @@ type BookingBikeVariantDialogProps = {
     onOpenChange: (open: boolean) => void;
     getVariantAvailabilityLabel?: (variantId: string) => string | null;
     isVariantOutOfCapacity?: (variantId: string) => boolean;
+    addDisabled?: boolean;
     onAddVariant: (variantId: string, quantity: number) => void;
 };
-export declare function BookingBikeVariantDialog({ open, product, onOpenChange, getVariantAvailabilityLabel, isVariantOutOfCapacity, onAddVariant, }: BookingBikeVariantDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BookingBikeVariantDialog({ open, product, onOpenChange, getVariantAvailabilityLabel, isVariantOutOfCapacity, addDisabled, onAddVariant, }: BookingBikeVariantDialogProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/BookingBikeVariantDialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BookingBikeVariantDialog/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAarD,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,2BAA2B,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IAClE,sBAAsB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAA;IACvD,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5D,CAAA;AAED,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,2BAA2B,EAC3B,sBAAsB,EACtB,YAAY,GACb,EAAE,6BAA6B,kDAqN/B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BookingBikeVariantDialog/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAarD,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,2BAA2B,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IAClE,sBAAsB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAA;IACvD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5D,CAAA;AAED,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,2BAA2B,EAC3B,sBAAsB,EACtB,WAAmB,EACnB,YAAY,GACb,EAAE,6BAA6B,kDAsN/B"}

package/dist/components/BookingBikeVariantDialog/index.js

@@ -16,17 +16,17 @@ import { useMediaQuery as C } from "@rpcbase/client";
 import { useTranslation as w } from "react-i18next";
 import { Bike as T, CheckCircle2 as E, Plus as D } from "lucide-react";
 //#region src/components/BookingBikeVariantDialog/index.tsx
-function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel: j, isVariantOutOfCapacity: M, onAddVariant: N }) {
-	let { t: P, i18n: F } = w(), I = C(o), L = m(), [R, z] = y({});
+function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel: j, isVariantOutOfCapacity: M, addDisabled: N = !1, onAddVariant: P }) {
+	let { t: F, i18n: I } = w(), L = C(o), R = m(), [z, B] = y({});
 	if (v(() => {
-		!O || !p || z((O.productVariants ?? []).reduce((e, t) => (e[t.id] = 1, e), {}));
+		!O || !p || B((O.productVariants ?? []).reduce((e, t) => (e[t.id] = 1, e), {}));
 	}, [p, O]), !O) return null;
-	let B = (e, t) => {
-		z((n) => ({
+	let V = (e, t) => {
+		B((n) => ({
 			...n,
 			[e]: Math.max(1, Math.floor(t))
 		}));
-	}, V = r(O.name, F.language, L), H = r(O.description, F.language, L), U = r(O.warning, F.language, L), W = typeof O.images?.[0] == "string" ? O.images[0].trim() : "", G = _(O.primaryImageStyle), K = n(O.availabilityStatus), q = O.features?.slice(0, 4) ?? [], J = O.productVariants ?? [], Y = J.some((t) => !!e(t, "size")) ? P("product_size_label") : P("product_variant_label");
+	}, H = r(O.name, I.language, R), U = r(O.description, I.language, R), W = r(O.warning, I.language, R), G = typeof O.images?.[0] == "string" ? O.images[0].trim() : "", K = _(O.primaryImageStyle), q = n(O.availabilityStatus), J = O.features?.slice(0, 4) ?? [], Y = O.productVariants ?? [], X = Y.some((t) => !!e(t, "size")) ? F("product_size_label") : F("product_variant_label");
 	return /* @__PURE__ */ b(s, {
 		open: p,
 		onOpenChange: A,
@@ -43,10 +43,10 @@ function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel:
 						className: "border-b border-slate-200 px-5 py-4 text-left sm:px-6",
 						children: [/* @__PURE__ */ b(f, {
 							className: "text-left text-lg font-semibold text-slate-950",
-							children: /* @__PURE__ */ b("span", { children: V })
+							children: /* @__PURE__ */ b("span", { children: H })
 						}), /* @__PURE__ */ b(l, {
 							className: "line-clamp-2 text-left text-sm text-slate-600",
-							children: /* @__PURE__ */ b("span", { children: H })
+							children: /* @__PURE__ */ b("span", { children: U })
 						})]
 					}),
 					/* @__PURE__ */ b("div", {
@@ -57,11 +57,11 @@ function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel:
 								className: "grid gap-4",
 								children: [
 									/* @__PURE__ */ b("div", {
-										className: S("relative aspect-[1618/1000] overflow-hidden rounded-2xl", G.className),
-										style: G.style,
-										children: W ? /* @__PURE__ */ b("img", {
-											src: W,
-											alt: V,
+										className: S("relative aspect-[1618/1000] overflow-hidden rounded-2xl", K.className),
+										style: K.style,
+										children: G ? /* @__PURE__ */ b("img", {
+											src: G,
+											alt: H,
 											className: "absolute inset-0 h-full w-full object-contain p-2",
 											loading: "lazy"
 										}) : /* @__PURE__ */ b("div", {
@@ -72,46 +72,46 @@ function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel:
 											})
 										})
 									}),
-									I ? null : /* @__PURE__ */ x("div", {
+									L ? null : /* @__PURE__ */ x("div", {
 										className: "flex flex-wrap items-center gap-2",
 										children: [/* @__PURE__ */ b(i, {
-											variant: K.variant,
-											children: /* @__PURE__ */ b("span", { children: P(K.labelKey) })
+											variant: q.variant,
+											children: /* @__PURE__ */ b("span", { children: F(q.labelKey) })
 										}), /* @__PURE__ */ b(g, { prices: O.prices })]
 									}),
-									!I && q.length > 0 ? /* @__PURE__ */ x("div", {
+									!L && J.length > 0 ? /* @__PURE__ */ x("div", {
 										className: "grid gap-2",
 										children: [/* @__PURE__ */ b("p", {
 											className: "text-sm font-semibold text-slate-950",
-											children: /* @__PURE__ */ b("span", { children: P("product_features_title") })
+											children: /* @__PURE__ */ b("span", { children: F("product_features_title") })
 										}), /* @__PURE__ */ b("ul", {
 											className: "grid gap-1.5 text-sm text-slate-700",
-											children: q.map((e, t) => /* @__PURE__ */ x("li", {
+											children: J.map((e, t) => /* @__PURE__ */ x("li", {
 												className: "inline-flex items-start gap-2",
 												children: [/* @__PURE__ */ b(E, {
 													className: "mt-0.5 h-4 w-4 text-success",
 													"aria-hidden": "true"
-												}), /* @__PURE__ */ b("span", { children: r(e, F.language, L) })]
+												}), /* @__PURE__ */ b("span", { children: r(e, I.language, R) })]
 											}, `${O.id}-${t}`))
 										})]
 									}) : null,
-									I ? null : /* @__PURE__ */ b(h, { warning: U })
+									L ? null : /* @__PURE__ */ b(h, { warning: W })
 								]
 							}), /* @__PURE__ */ x("div", {
 								className: "grid content-start gap-3",
 								children: [
-									I ? /* @__PURE__ */ x("div", {
+									L ? /* @__PURE__ */ x("div", {
 										className: "flex flex-wrap items-center gap-2",
 										children: [/* @__PURE__ */ b(i, {
-											variant: K.variant,
-											children: /* @__PURE__ */ b("span", { children: P(K.labelKey) })
+											variant: q.variant,
+											children: /* @__PURE__ */ b("span", { children: F(q.labelKey) })
 										}), /* @__PURE__ */ b(g, { prices: O.prices })]
 									}) : null,
-									I && q.length > 0 ? /* @__PURE__ */ x("details", {
+									L && J.length > 0 ? /* @__PURE__ */ x("details", {
 										className: "group rounded-2xl border border-slate-200 bg-slate-50",
 										children: [/* @__PURE__ */ x("summary", {
 											className: "flex cursor-pointer list-none items-center justify-between gap-3 px-3 py-2.5 text-sm font-semibold text-slate-950 [&::-webkit-details-marker]:hidden",
-											children: [/* @__PURE__ */ b("span", { children: P("product_features_title") }), /* @__PURE__ */ b(D, {
+											children: [/* @__PURE__ */ b("span", { children: F("product_features_title") }), /* @__PURE__ */ b(D, {
 												className: "h-4 w-4 shrink-0 transition-transform group-open:rotate-45",
 												"aria-hidden": "true"
 											})]
@@ -119,25 +119,25 @@ function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel:
 											className: "border-t border-slate-200 px-3 py-3",
 											children: /* @__PURE__ */ b("ul", {
 												className: "grid gap-1.5 text-sm text-slate-700",
-												children: q.map((e, t) => /* @__PURE__ */ x("li", {
+												children: J.map((e, t) => /* @__PURE__ */ x("li", {
 													className: "inline-flex items-start gap-2",
 													children: [/* @__PURE__ */ b(E, {
 														className: "mt-0.5 h-4 w-4 text-success",
 														"aria-hidden": "true"
-													}), /* @__PURE__ */ b("span", { children: r(e, F.language, L) })]
+													}), /* @__PURE__ */ b("span", { children: r(e, I.language, R) })]
 												}, `${O.id}-mobile-${t}`))
 											})
 										})]
 									}) : null,
-									I ? /* @__PURE__ */ b(h, { warning: U }) : null,
+									L ? /* @__PURE__ */ b(h, { warning: W }) : null,
 									/* @__PURE__ */ b("p", {
 										className: "text-2xs font-medium uppercase tracking-[0.18em] text-slate-500",
-										children: /* @__PURE__ */ b("span", { children: Y })
+										children: /* @__PURE__ */ b("span", { children: X })
 									}),
 									/* @__PURE__ */ b("div", {
 										className: "grid gap-2",
-										children: J.map((e) => {
-											let n = `storefront-booking-bike-dialog-variant-option-${O.id}-${e.id}`.toLowerCase(), { label: r, description: o } = t(e), s = R[e.id] ?? 1, c = M?.(e.id) === !0, l = j?.(e.id) ?? null;
+										children: Y.map((e) => {
+											let n = `storefront-booking-bike-dialog-variant-option-${O.id}-${e.id}`.toLowerCase(), { label: r, description: o } = t(e), s = z[e.id] ?? 1, c = M?.(e.id) === !0, l = j?.(e.id) ?? null;
 											return /* @__PURE__ */ x("div", {
 												"data-testid": n,
 												className: S("flex flex-col gap-3 rounded-2xl border p-3 sm:flex-row sm:items-center sm:justify-between", "border-slate-200 bg-slate-50"),
@@ -164,18 +164,19 @@ function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel:
 													className: "flex flex-wrap items-center gap-2 sm:justify-end",
 													children: [/* @__PURE__ */ b(k, {
 														quantity: s,
-														decreaseAriaLabel: P("decrease_quantity"),
-														increaseAriaLabel: P("increase_quantity"),
-														onQuantityChange: (t) => B(e.id, t),
+														decreaseAriaLabel: F("decrease_quantity"),
+														increaseAriaLabel: F("increase_quantity"),
+														onQuantityChange: (t) => V(e.id, t),
 														testIdPrefix: `storefront-booking-bike-dialog-variant-quantity-${O.id}-${e.id}`.toLowerCase()
 													}), /* @__PURE__ */ x(a, {
 														type: "button",
 														className: "gap-1.5 rounded-xl",
 														"data-testid": `storefront-booking-bike-dialog-variant-add-${O.id}-${e.id}`.toLowerCase(),
+														disabled: N,
 														onClick: () => {
-															N(e.id, s);
+															P(e.id, s);
 														},
-														children: [/* @__PURE__ */ b("span", { children: P("add_short") }), /* @__PURE__ */ b(D, {
+														children: [/* @__PURE__ */ b("span", { children: F("add_short") }), /* @__PURE__ */ b(D, {
 															className: "h-4 w-4",
 															"aria-hidden": "true"
 														})]
@@ -195,7 +196,7 @@ function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel:
 							variant: "outline",
 							className: "h-11 w-full rounded-xl sm:w-auto",
 							onClick: () => A(!1),
-							children: /* @__PURE__ */ b("span", { children: P("close_modal") })
+							children: /* @__PURE__ */ b("span", { children: F("close_modal") })
 						})
 					})
 				]

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