@loczer/storefront-sdk 0.197.0 → 0.199.0

package/dist/components/AboutSection/index.js

@@ -1,7 +1,7 @@
-import { cn as e } from "../../lib/utils.js";
-import { getLocalizedEntry as t } from "../../localization.js";
+import { getLocalizedEntry as e } from "../../localization.js";
+import { cn as t } from "../../lib/utils.js";
 import { UNCONFIGURED_SHOP_MAP_CENTER as n } from "../../lib/storefrontMissingValues.js";
-import { useStorefront as r } from "../../StorefrontProvider.js";
+import { useStorefront as r } from "../../StorefrontContext.js";
 import { createMarkerElement as i } from "../Map/createMarkerElement.js";
 import { Map as a } from "../Map/index.js";
 import { useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
@@ -9,7 +9,7 @@ import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { useTranslation as p } from "react-i18next";
 //#region src/components/AboutSection/index.tsx
 function m() {
-	let { i18n: m, t: h } = p(), { storefrontConfiguration: g, mapboxToken: _ } = r(), v = g.workspace?.workspaceLanguage, [y, b] = l(!1), [x, S] = l(!1), C = c(null), w = t(g.content?.about, m.language, v)?.html?.trim(), T = s(() => {
+	let { i18n: m, t: h } = p(), { storefrontConfiguration: g, mapboxToken: _ } = r(), v = g.workspace?.workspaceLanguage, [y, b] = l(!1), [x, S] = l(!1), C = c(null), w = e(g.content?.about, m.language, v)?.html?.trim(), T = s(() => {
 		let e = g.shop.gpsCoordinates;
 		return e ? [e[1], e[0]] : null;
 	}, [g.shop.gpsCoordinates]), E = T ?? n, D = s(() => i(), []), O = g.shop.address?.trim() ?? "", k = s(() => T ? {
@@ -59,7 +59,7 @@ function m() {
 							className: "relative mt-4",
 							children: [/* @__PURE__ */ d("div", {
 								ref: C,
-								className: e("overflow-hidden text-sm leading-6 text-slate-700 transition-[max-height] duration-300 ease-out sm:text-base [&_a]:text-slate-900 [&_a]:underline [&_blockquote]:border-l-2 [&_blockquote]:border-slate-300 [&_blockquote]:pl-4 [&_h1]:text-2xl [&_h1]:font-semibold [&_h2]:text-xl [&_h2]:font-semibold [&_h3]:text-lg [&_h3]:font-semibold [&_li]:my-1 [&_ol]:list-decimal [&_ol]:pl-6 [&_p]:my-2 [&_ul]:list-disc [&_ul]:pl-6", !y && "max-h-[320px]"),
+								className: t("overflow-hidden text-sm leading-6 text-slate-700 transition-[max-height] duration-300 ease-out sm:text-base [&_a]:text-slate-900 [&_a]:underline [&_blockquote]:border-l-2 [&_blockquote]:border-slate-300 [&_blockquote]:pl-4 [&_h1]:text-2xl [&_h1]:font-semibold [&_h2]:text-xl [&_h2]:font-semibold [&_h3]:text-lg [&_h3]:font-semibold [&_li]:my-1 [&_ol]:list-decimal [&_ol]:pl-6 [&_p]:my-2 [&_ul]:list-disc [&_ul]:pl-6", !y && "max-h-[320px]"),
 								dangerouslySetInnerHTML: { __html: w }
 							}), !y && x && /* @__PURE__ */ d("div", {
 								"aria-hidden": !0,

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

@@ -1,6 +1,7 @@
 import { BikeProduct } from '../../lib/products';
 type BikeProductCardProps = {
     bike: BikeProduct;
+    className?: string;
     detailsPath: string;
     productDetailsLinkState: {
         backTo: string;
@@ -13,6 +14,6 @@ type BikeProductCardProps = {
     variant?: "default" | "booking";
     testId?: string;
 };
-export declare function BikeProductCard({ bike, detailsPath, productDetailsLinkState, actionLabelKey, onAction, actionDisabled, availabilityLabel, fallbackLanguage, variant, testId, }: BikeProductCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function BikeProductCard({ bike, className, detailsPath, productDetailsLinkState, actionLabelKey, onAction, actionDisabled, availabilityLabel, fallbackLanguage, variant, testId, }: BikeProductCardProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BikeProductCard/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AASrD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,uBAAuB,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,WAAW,EACX,uBAAuB,EACvB,cAA8B,EAC9B,QAAQ,EACR,cAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,OAAmB,EACnB,MAAM,GACP,EAAE,oBAAoB,2CAgFtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BikeProductCard/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AASrD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,uBAAuB,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,uBAAuB,EACvB,cAA8B,EAC9B,QAAQ,EACR,cAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,OAAmB,EACnB,MAAM,GACP,EAAE,oBAAoB,2CAoFtB"}

package/dist/components/BikeProductCard/index.js

@@ -1,5 +1,5 @@
-import { getAvailabilityVariant as e } from "../../lib/utils.js";
-import { getLocalizedValue as t } from "../../localization.js";
+import { getLocalizedValue as e } from "../../localization.js";
+import { getAvailabilityVariant as t } from "../../lib/utils.js";
 import { Badge as n } from "../../ui/badge.js";
 import { Button as r } from "../../ui/button.js";
 import { ProductPriceBadge as i } from "../ProductPriceBadge/index.js";
@@ -8,23 +8,23 @@ import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { Link as l } from "@rpcbase/router";
 import { useTranslation as u } from "react-i18next";
 import { cn as d } from "@rpcbase/ui";
-import { ArrowRight as f, Bike as p } from "lucide-react";
+import { ArrowRight as f, Bike as p, Plus as m } from "lucide-react";
 //#region src/components/BikeProductCard/index.tsx
-function m({ bike: m, detailsPath: h, productDetailsLinkState: g, actionLabelKey: _ = "product_cta", onAction: v, actionDisabled: y = !1, availabilityLabel: b, fallbackLanguage: x, variant: S = "default", testId: C }) {
-	let { t: w, i18n: T } = u(), E = t(m.name, T.language, x), D = t(m.description, T.language, x), O = typeof m.images?.[0] == "string" ? m.images[0].trim() : "", k = a(m.primaryImageStyle), A = e(m.availabilityStatus), j = S === "booking", M = m.availabilityStatus === "OUT_OF_STOCK";
+function h({ bike: h, className: g, detailsPath: _, productDetailsLinkState: v, actionLabelKey: y = "product_cta", onAction: b, actionDisabled: x = !1, availabilityLabel: S, fallbackLanguage: C, variant: w = "default", testId: T }) {
+	let { t: E, i18n: D } = u(), O = e(h.name, D.language, C), k = e(h.description, D.language, C), A = typeof h.images?.[0] == "string" ? h.images[0].trim() : "", j = a(h.primaryImageStyle), M = t(h.availabilityStatus), N = w === "booking", P = h.availabilityStatus === "OUT_OF_STOCK";
 	return /* @__PURE__ */ c("div", {
-		className: "flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
-		"data-testid": C,
+		className: d("flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm", g),
+		"data-testid": T,
 		children: [/* @__PURE__ */ c("div", {
 			className: "flex flex-1 items-stretch gap-4",
 			children: [/* @__PURE__ */ s("div", {
 				className: "w-24 shrink-0 sm:w-28",
 				children: /* @__PURE__ */ c("div", {
-					className: d("relative h-full min-h-20 overflow-hidden rounded-xl", k.className),
-					style: k.style,
-					children: [O ? /* @__PURE__ */ s("img", {
-						src: O,
-						alt: E,
+					className: d("relative h-full min-h-20 overflow-hidden rounded-xl", j.className),
+					style: j.style,
+					children: [A ? /* @__PURE__ */ s("img", {
+						src: A,
+						alt: O,
 						className: "absolute inset-0 h-full w-full object-contain p-1",
 						loading: "lazy"
 					}) : /* @__PURE__ */ s("div", {
@@ -33,10 +33,10 @@ function m({ bike: m, detailsPath: h, productDetailsLinkState: g, actionLabelKey
 							className: "h-7 w-7",
 							"aria-hidden": "true"
 						})
-					}), j && M ? /* @__PURE__ */ s(n, {
+					}), N && P ? /* @__PURE__ */ s(n, {
 						variant: "destructive",
 						className: "pointer-events-none absolute right-2 top-2 shadow-sm",
-						children: /* @__PURE__ */ s("span", { children: w("availability_out_of_stock") })
+						children: /* @__PURE__ */ s("span", { children: E("availability_out_of_stock") })
 					}) : null]
 				})
 			}), /* @__PURE__ */ c("div", {
@@ -44,41 +44,41 @@ function m({ bike: m, detailsPath: h, productDetailsLinkState: g, actionLabelKey
 				children: [
 					/* @__PURE__ */ s("p", {
 						className: "min-w-0 text-sm font-semibold text-slate-950",
-						children: /* @__PURE__ */ s("span", { children: E })
+						children: /* @__PURE__ */ s("span", { children: O })
 					}),
 					/* @__PURE__ */ s(i, {
-						prices: m.prices,
+						prices: h.prices,
 						className: "self-start"
 					}),
 					/* @__PURE__ */ s("p", {
 						className: "line-clamp-2 text-xs text-slate-600",
-						children: /* @__PURE__ */ s("span", { children: D })
+						children: /* @__PURE__ */ s("span", { children: k })
 					})
 				]
 			})]
 		}), /* @__PURE__ */ c("div", {
 			className: "flex flex-wrap items-center gap-x-2 gap-y-1",
 			children: [
-				j ? null : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, {
-					variant: A.variant,
-					children: /* @__PURE__ */ s("span", { children: b ?? w(A.labelKey) })
+				N ? null : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, {
+					variant: M.variant,
+					children: /* @__PURE__ */ s("span", { children: S ?? E(M.labelKey) })
 				}), /* @__PURE__ */ s("span", {
 					className: "text-slate-400",
 					children: "·"
 				})] }),
 				/* @__PURE__ */ s(l, {
-					to: h,
-					state: g,
+					to: _,
+					state: v,
 					className: "text-xs font-medium text-slate-700 hover:text-slate-950",
-					children: /* @__PURE__ */ s("span", { children: w("product_details_link") })
+					children: /* @__PURE__ */ s("span", { children: E("product_details_link") })
 				}),
 				/* @__PURE__ */ c(r, {
 					type: "button",
 					size: "sm",
-					className: "ml-auto rounded-full gap-2 text-xs",
-					onClick: v,
-					disabled: y,
-					children: [/* @__PURE__ */ s("span", { children: w(_) }), /* @__PURE__ */ s(f, {
+					className: "ml-auto gap-2 text-xs",
+					onClick: b,
+					disabled: x,
+					children: [/* @__PURE__ */ s("span", { children: E(y) }), s(N ? m : f, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
 					})]
@@ -88,4 +88,4 @@ function m({ bike: m, detailsPath: h, productDetailsLinkState: g, actionLabelKey
 	});
 }
 //#endregion
-export { m as BikeProductCard };
+export { h as BikeProductCard };

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

@@ -0,0 +1,19 @@
+import { BikeProduct } from '../../lib/products';
+type BookingBikeQuickAddCardProps = {
+    bike: BikeProduct;
+    detailsPath: string;
+    productDetailsLinkState: {
+        backTo: string;
+    };
+    actionDisabled?: boolean;
+    fallbackLanguage?: string;
+    dimOnColumnCount: 1 | 2 | null;
+    onAction: () => void;
+    onQuickAdd: (variantId: string, quantity: number) => void;
+    onHoverStart: () => void;
+    onHoverEnd: () => void;
+    testId: string;
+};
+export declare function BookingBikeQuickAddCard({ bike, detailsPath, productDetailsLinkState, actionDisabled, fallbackLanguage, dimOnColumnCount, onAction, onQuickAdd, onHoverStart, onHoverEnd, testId, }: BookingBikeQuickAddCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BookingBikeQuickAddCard/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AA0ErD,KAAK,4BAA4B,GAAG;IAClC,IAAI,EAAE,WAAW,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,uBAAuB,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,WAAW,EACX,uBAAuB,EACvB,cAAsB,EACtB,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,UAAU,EACV,MAAM,GACP,EAAE,4BAA4B,2CAwN9B"}

package/dist/components/BookingBikeQuickAddCard/index.js

@@ -0,0 +1,174 @@
+import { getStorefrontProductVariantDisplay as e } from "../../lib/productVariants.js";
+import { Button as t } from "../../ui/button.js";
+import { Input as n } from "../../ui/input.js";
+import { BikeProductCard as r } from "../BikeProductCard/index.js";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { cn as u } from "@rpcbase/ui";
+import { Plus as d } from "lucide-react";
+import { AnimatePresence as f, motion as p } from "framer-motion";
+//#region src/components/BookingBikeQuickAddCard/index.tsx
+var m = () => typeof window < "u" && window.matchMedia("(hover: hover) and (pointer: fine)").matches, h = (e) => {
+	let t = Number.parseInt(e, 10);
+	return !Number.isFinite(t) || t < 1 ? 1 : t;
+}, g = (e) => {
+	let t = e.replace(/\D/g, "");
+	return t ? String(h(t)) : "";
+}, _ = (e) => {
+	if (!e) return;
+	let t = Number(e.trim().replace(",", "."));
+	if (!(!Number.isFinite(t) || t <= 0)) return Math.round(t);
+}, v = (e) => (e / 100).toFixed(2), y = (e, t) => e.attributes.find((e) => e.key.trim().toLowerCase() === t)?.value, b = (e) => {
+	let t = _(y(e, "min_height_cm")), n = _(y(e, "max_height_cm")), r = t ? v(t) : null, i = n ? v(n) : null;
+	return r && i ? `${r} - ${i} m` : r ? `min ${r} m` : i ? `max ${i} m` : null;
+};
+function x({ bike: _, detailsPath: v, productDetailsLinkState: y, actionDisabled: x = !1, fallbackLanguage: S, dimOnColumnCount: C, onAction: w, onQuickAdd: T, onHoverStart: E, onHoverEnd: D, testId: O }) {
+	let { t: k } = l(), A = a(null), [j, M] = o(!1), [N, P] = o({}), F = _.productVariants ?? [], I = !x && F.length > 0, L = () => !I || !m() ? !1 : (M(!0), !0), R = () => {
+		M(!1), P({});
+	};
+	i(() => {
+		if (!j) return;
+		let e = (e) => {
+			if (e.pointerType !== "mouse") return;
+			let t = e.target;
+			t instanceof Node && A.current?.contains(t) || R();
+		}, t = (e) => {
+			let t = e.target;
+			t instanceof Node && A.current?.contains(t) || R();
+		};
+		return document.addEventListener("pointermove", e), document.addEventListener("pointerdown", t), () => {
+			document.removeEventListener("pointermove", e), document.removeEventListener("pointerdown", t);
+		};
+	}, [j]);
+	let z = (e) => {
+		e.pointerType === "mouse" && L() && E();
+	}, B = (e) => {
+		if (e.pointerType !== "mouse") return;
+		let t = e.relatedTarget;
+		t instanceof Node && e.currentTarget.contains(t) || (R(), D());
+	}, V = (e) => {
+		let t = e.relatedTarget;
+		(!(t instanceof Node) || !e.currentTarget.contains(t)) && R();
+	}, H = (e) => N[e] ?? "1", U = (e, t) => {
+		P((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, W = (e, t) => {
+		let n = t.target.value;
+		if (n === "") {
+			U(e, "");
+			return;
+		}
+		U(e, g(n));
+	}, G = (e) => {
+		U(e, String(h(H(e))));
+	}, K = (e) => {
+		let t = h(H(e));
+		U(e, String(t)), T(e, t);
+	};
+	return /* @__PURE__ */ c("div", {
+		ref: A,
+		"data-testid": O,
+		onPointerEnter: z,
+		onPointerLeave: B,
+		onFocusCapture: L,
+		onBlurCapture: V,
+		className: u("relative h-full overflow-visible transition-opacity duration-200", C === 1 && "opacity-20 md:opacity-100", C === 2 && "md:opacity-20", j && I && "z-30"),
+		children: [/* @__PURE__ */ s(r, {
+			bike: _,
+			detailsPath: v,
+			productDetailsLinkState: y,
+			actionLabelKey: "add_to_cart",
+			onAction: w,
+			actionDisabled: x,
+			fallbackLanguage: S,
+			variant: "booking",
+			className: u("transition-[border-color,box-shadow,border-radius] duration-200 hover:border-primary/20 hover:shadow-md", j && I && "!rounded-b-none border-primary/20 !border-b-white shadow-lg")
+		}), /* @__PURE__ */ s(f, {
+			initial: !1,
+			children: j && I ? /* @__PURE__ */ s(p.div, {
+				initial: {
+					opacity: 0,
+					y: -8,
+					scaleY: .96
+				},
+				animate: {
+					opacity: 1,
+					y: 0,
+					scaleY: 1
+				},
+				exit: {
+					opacity: 0,
+					y: -8,
+					scaleY: .96
+				},
+				transition: {
+					duration: .16,
+					ease: [
+						.22,
+						1,
+						.36,
+						1
+					]
+				},
+				className: "absolute left-0 right-0 top-full z-30 origin-top rounded-b-lg border border-t-0 border-primary/20 bg-white px-3 py-2 shadow-xl",
+				"data-testid": `storefront-booking-bike-quick-selector-${_.id}`.toLowerCase(),
+				onClick: (e) => e.stopPropagation(),
+				onKeyDown: (e) => e.stopPropagation(),
+				children: /* @__PURE__ */ s("div", { children: F.map((r) => {
+					let { label: i } = e(r), a = b(r), o = `storefront-booking-bike-quick-quantity-${_.id}-${r.id}`.toLowerCase();
+					return /* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between gap-3 border-b border-slate-100 py-1.5 last:border-b-0",
+						children: [
+							/* @__PURE__ */ c("div", {
+								className: "flex min-w-0 flex-1 items-baseline gap-2",
+								children: [/* @__PURE__ */ s("span", {
+									className: "min-w-0 truncate text-sm font-semibold text-slate-950",
+									title: i,
+									children: i
+								}), a ? /* @__PURE__ */ s("span", {
+									className: "truncate text-xs text-slate-500",
+									children: a
+								}) : null]
+							}),
+							/* @__PURE__ */ s("label", {
+								className: "sr-only",
+								htmlFor: o,
+								children: /* @__PURE__ */ s("span", { children: k("quantity_label") })
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "flex shrink-0 items-center",
+								children: [/* @__PURE__ */ s(n, {
+									id: o,
+									type: "text",
+									inputMode: "numeric",
+									pattern: "[0-9]*",
+									value: H(r.id),
+									onChange: (e) => W(r.id, e),
+									onBlur: () => G(r.id),
+									className: "h-8 w-9 rounded-r-none border-r-0 px-1 text-center text-sm focus-visible:z-10",
+									"aria-label": k("quantity_label"),
+									"data-testid": o
+								}), /* @__PURE__ */ c(t, {
+									type: "button",
+									size: "sm",
+									className: "h-8 gap-1 rounded-l-none px-2 text-xs",
+									onClick: () => K(r.id),
+									"data-testid": `storefront-booking-bike-quick-add-${_.id}-${r.id}`.toLowerCase(),
+									children: [/* @__PURE__ */ s("span", { children: k("add_short") }), /* @__PURE__ */ s(d, {
+										className: "h-3.5 w-3.5",
+										"aria-hidden": "true"
+									})]
+								})]
+							})
+						]
+					}, r.id);
+				}) })
+			}, "quick-selector") : null
+		})]
+	});
+}
+//#endregion
+export { x as BookingBikeQuickAddCard };

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

@@ -1,7 +1,10 @@
-import { BikeProduct } from '../../lib/products';
+import { StorefrontProduct } from '../../lib/products';
+type StorefrontProductWithAvailability = StorefrontProduct & {
+    availabilityStatus?: "AVAILABLE" | "LOW_STOCK" | "OUT_OF_STOCK";
+};
 type BookingBikeVariantDialogProps = {
     open: boolean;
-    product: BikeProduct | null;
+    product: StorefrontProductWithAvailability | null;
     onOpenChange: (open: boolean) => void;
     getVariantAvailabilityLabel?: (variantId: string) => string | null;
     isVariantOutOfCapacity?: (variantId: string) => boolean;

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,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BookingBikeVariantDialog/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAa3D,KAAK,iCAAiC,GAAG,iBAAiB,GAAG;IAC3D,kBAAkB,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,cAAc,CAAA;CAChE,CAAA;AAWD,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,iCAAiC,GAAG,IAAI,CAAA;IACjD,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,kDAyN/B"}