@loczer/storefront-sdk 0.197.0 → 0.198.0

package/dist/chunks/pkg/ui/dist/{MorphingModalWizard-j1CgFGLe.js → MorphingModalWizard-DOH1GYVR.js}

@@ -5,6 +5,7 @@ import "./Button-Cr_u8vnh.js";
 import { createContext as e, useContext as t } from "react";
 import "react/jsx-runtime";
 import "lucide-react";
+import "framer-motion";
 //#region ../ui/dist/MorphingModalWizard.js
 var n = e(null), r = () => t(n);
 //#endregion

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,2CAgFtB"}

package/dist/components/BikeProductCard/index.js

@@ -10,21 +10,21 @@ import { useTranslation as u } from "react-i18next";
 import { cn as d } from "@rpcbase/ui";
 import { ArrowRight as f, Bike as p } 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 m({ bike: m, className: h, detailsPath: g, productDetailsLinkState: _, actionLabelKey: v = "product_cta", onAction: y, actionDisabled: b = !1, availabilityLabel: x, fallbackLanguage: S, variant: C = "default", testId: w }) {
+	let { t: T, i18n: E } = u(), D = t(m.name, E.language, S), O = t(m.description, E.language, S), k = typeof m.images?.[0] == "string" ? m.images[0].trim() : "", A = a(m.primaryImageStyle), j = e(m.availabilityStatus), M = C === "booking", N = m.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", h),
+		"data-testid": w,
 		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", A.className),
+					style: A.style,
+					children: [k ? /* @__PURE__ */ s("img", {
+						src: k,
+						alt: D,
 						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, {
+					}), M && N ? /* @__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: T("availability_out_of_stock") })
 					}) : null]
 				})
 			}), /* @__PURE__ */ c("div", {
@@ -44,7 +44,7 @@ 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: D })
 					}),
 					/* @__PURE__ */ s(i, {
 						prices: m.prices,
@@ -52,33 +52,33 @@ function m({ bike: m, detailsPath: h, productDetailsLinkState: g, actionLabelKey
 					}),
 					/* @__PURE__ */ s("p", {
 						className: "line-clamp-2 text-xs text-slate-600",
-						children: /* @__PURE__ */ s("span", { children: D })
+						children: /* @__PURE__ */ s("span", { children: O })
 					})
 				]
 			})]
 		}), /* @__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) })
+				M ? null : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, {
+					variant: j.variant,
+					children: /* @__PURE__ */ s("span", { children: x ?? T(j.labelKey) })
 				}), /* @__PURE__ */ s("span", {
 					className: "text-slate-400",
 					children: "·"
 				})] }),
 				/* @__PURE__ */ s(l, {
-					to: h,
-					state: g,
+					to: g,
+					state: _,
 					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: T("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: y,
+					disabled: b,
+					children: [/* @__PURE__ */ s("span", { children: T(v) }), /* @__PURE__ */ s(f, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
 					})]

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"}

package/dist/components/BookingBikeVariantDialog/index.js

@@ -14,22 +14,26 @@ import { jsx as b, jsxs as x } from "react/jsx-runtime";
 import { useMediaQuery as S } from "@rpcbase/client";
 import { useTranslation as C } from "react-i18next";
 import { cn as w } from "@rpcbase/ui";
-import { Bike as T, CheckCircle2 as E, Plus as D } from "lucide-react";
+import { Bike as T, CheckCircle2 as E, Package as D, Plus as O } from "lucide-react";
 //#region src/components/BookingBikeVariantDialog/index.tsx
-function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel: j, isVariantOutOfCapacity: M, addDisabled: N = !1, onAddVariant: P }) {
-	let { t: F, i18n: I } = C(), L = S(o), R = m(), [z, B] = y({});
+var k = (e) => {
+	let t = Number.parseInt(e, 10);
+	return !Number.isFinite(t) || t < 1 ? 1 : t;
+};
+function A({ open: p, product: A, onOpenChange: M, getVariantAvailabilityLabel: N, isVariantOutOfCapacity: P, addDisabled: F = !1, onAddVariant: I }) {
+	let { t: L, i18n: R } = C(), z = S(o), B = m(), [V, H] = y({});
 	if (v(() => {
-		!O || !p || B((O.productVariants ?? []).reduce((e, t) => (e[t.id] = 1, e), {}));
-	}, [p, O]), !O) return null;
-	let V = (e, t) => {
-		B((n) => ({
+		!A || !p || H((A.productVariants ?? []).reduce((e, t) => (e[t.id] = "1", e), {}));
+	}, [p, A]), !A) return null;
+	let U = (e, t) => {
+		H((n) => ({
 			...n,
-			[e]: Math.max(1, Math.floor(t))
+			[e]: t
 		}));
-	}, 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");
+	}, W = r(A.name, R.language, B), G = r(A.description, R.language, B), K = r(A.warning, R.language, B), q = typeof A.images?.[0] == "string" ? A.images[0].trim() : "", J = _(A.primaryImageStyle), Y = n(A.availabilityStatus), X = A.features?.slice(0, 4) ?? [], Z = A.productVariants ?? [], Q = Z.some((t) => !!e(t, "size")) ? L("product_size_label") : L("product_variant_label");
 	return /* @__PURE__ */ b(s, {
 		open: p,
-		onOpenChange: A,
+		onOpenChange: M,
 		children: /* @__PURE__ */ b(c, {
 			"data-testid": "storefront-booking-bike-dialog-content",
 			className: "overflow-hidden border-slate-200 bg-white p-0",
@@ -43,10 +47,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: H })
+							children: /* @__PURE__ */ b("span", { children: W })
 						}), /* @__PURE__ */ b(l, {
 							className: "line-clamp-2 text-left text-sm text-slate-600",
-							children: /* @__PURE__ */ b("span", { children: U })
+							children: /* @__PURE__ */ b("span", { children: G })
 						})]
 					}),
 					/* @__PURE__ */ b("div", {
@@ -57,61 +61,64 @@ function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel:
 								className: "grid gap-4",
 								children: [
 									/* @__PURE__ */ b("div", {
-										className: w("relative aspect-[1618/1000] overflow-hidden rounded-2xl", K.className),
-										style: K.style,
-										children: G ? /* @__PURE__ */ b("img", {
-											src: G,
-											alt: H,
+										className: w("relative aspect-[1618/1000] overflow-hidden rounded-2xl", J.className),
+										style: J.style,
+										children: q ? /* @__PURE__ */ b("img", {
+											src: q,
+											alt: W,
 											className: "absolute inset-0 h-full w-full object-contain p-2",
 											loading: "lazy"
 										}) : /* @__PURE__ */ b("div", {
 											className: "absolute inset-0 flex items-center justify-center text-slate-400",
-											children: /* @__PURE__ */ b(T, {
+											children: A.kind === "accessory" ? /* @__PURE__ */ b(D, {
+												className: "h-12 w-12",
+												"aria-hidden": "true"
+											}) : /* @__PURE__ */ b(T, {
 												className: "h-12 w-12",
 												"aria-hidden": "true"
 											})
 										})
 									}),
-									L ? null : /* @__PURE__ */ x("div", {
+									z ? null : /* @__PURE__ */ x("div", {
 										className: "flex flex-wrap items-center gap-2",
 										children: [/* @__PURE__ */ b(i, {
-											variant: q.variant,
-											children: /* @__PURE__ */ b("span", { children: F(q.labelKey) })
-										}), /* @__PURE__ */ b(g, { prices: O.prices })]
+											variant: Y.variant,
+											children: /* @__PURE__ */ b("span", { children: L(Y.labelKey) })
+										}), /* @__PURE__ */ b(g, { prices: A.prices })]
 									}),
-									!L && J.length > 0 ? /* @__PURE__ */ x("div", {
+									!z && X.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: F("product_features_title") })
+											children: /* @__PURE__ */ b("span", { children: L("product_features_title") })
 										}), /* @__PURE__ */ b("ul", {
 											className: "grid gap-1.5 text-sm text-slate-700",
-											children: J.map((e, t) => /* @__PURE__ */ x("li", {
+											children: X.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, I.language, R) })]
-											}, `${O.id}-${t}`))
+												}), /* @__PURE__ */ b("span", { children: r(e, R.language, B) })]
+											}, `${A.id}-${t}`))
 										})]
 									}) : null,
-									L ? null : /* @__PURE__ */ b(h, { warning: W })
+									z ? null : /* @__PURE__ */ b(h, { warning: K })
 								]
 							}), /* @__PURE__ */ x("div", {
 								className: "grid content-start gap-3",
 								children: [
-									L ? /* @__PURE__ */ x("div", {
+									z ? /* @__PURE__ */ x("div", {
 										className: "flex flex-wrap items-center gap-2",
 										children: [/* @__PURE__ */ b(i, {
-											variant: q.variant,
-											children: /* @__PURE__ */ b("span", { children: F(q.labelKey) })
-										}), /* @__PURE__ */ b(g, { prices: O.prices })]
+											variant: Y.variant,
+											children: /* @__PURE__ */ b("span", { children: L(Y.labelKey) })
+										}), /* @__PURE__ */ b(g, { prices: A.prices })]
 									}) : null,
-									L && J.length > 0 ? /* @__PURE__ */ x("details", {
+									z && X.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: F("product_features_title") }), /* @__PURE__ */ b(D, {
+											children: [/* @__PURE__ */ b("span", { children: L("product_features_title") }), /* @__PURE__ */ b(O, {
 												className: "h-4 w-4 shrink-0 transition-transform group-open:rotate-45",
 												"aria-hidden": "true"
 											})]
@@ -119,25 +126,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: J.map((e, t) => /* @__PURE__ */ x("li", {
+												children: X.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, I.language, R) })]
-												}, `${O.id}-mobile-${t}`))
+													}), /* @__PURE__ */ b("span", { children: r(e, R.language, B) })]
+												}, `${A.id}-mobile-${t}`))
 											})
 										})]
 									}) : null,
-									L ? /* @__PURE__ */ b(h, { warning: W }) : null,
+									z ? /* @__PURE__ */ b(h, { warning: K }) : null,
 									/* @__PURE__ */ b("p", {
 										className: "text-2xs font-medium uppercase tracking-[0.18em] text-slate-500",
-										children: /* @__PURE__ */ b("span", { children: X })
+										children: /* @__PURE__ */ b("span", { children: Q })
 									}),
 									/* @__PURE__ */ b("div", {
 										className: "grid gap-2",
-										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;
+										children: Z.map((e) => {
+											let n = `storefront-booking-bike-dialog-variant-option-${A.id}-${e.id}`.toLowerCase(), { label: r, description: o } = t(e), s = V[e.id] ?? "1", c = P?.(e.id) === !0, l = N?.(e.id) ?? null;
 											return /* @__PURE__ */ x("div", {
 												"data-testid": n,
 												className: w("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"),
@@ -162,21 +169,20 @@ function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel:
 													]
 												}), /* @__PURE__ */ x("div", {
 													className: "flex flex-wrap items-center gap-2 sm:justify-end",
-													children: [/* @__PURE__ */ b(k, {
+													children: [/* @__PURE__ */ b(j, {
 														quantity: s,
-														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()
+														ariaLabel: L("quantity_label"),
+														onQuantityChange: (t) => U(e.id, t),
+														testIdPrefix: `storefront-booking-bike-dialog-variant-quantity-${A.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,
+														"data-testid": `storefront-booking-bike-dialog-variant-add-${A.id}-${e.id}`.toLowerCase(),
+														disabled: F,
 														onClick: () => {
-															P(e.id, s);
+															I(e.id, k(s));
 														},
-														children: [/* @__PURE__ */ b("span", { children: F("add_short") }), /* @__PURE__ */ b(D, {
+														children: [/* @__PURE__ */ b("span", { children: L("add_short") }), /* @__PURE__ */ b(O, {
 															className: "h-4 w-4",
 															"aria-hidden": "true"
 														})]
@@ -195,8 +201,8 @@ function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel:
 							type: "button",
 							variant: "outline",
 							className: "h-11 w-full rounded-xl sm:w-auto",
-							onClick: () => A(!1),
-							children: /* @__PURE__ */ b("span", { children: F("close_modal") })
+							onClick: () => M(!1),
+							children: /* @__PURE__ */ b("span", { children: L("close_modal") })
 						})
 					})
 				]
@@ -204,44 +210,24 @@ function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel:
 		})
 	});
 }
-function k({ decreaseAriaLabel: e, increaseAriaLabel: t, onQuantityChange: n, quantity: r, testIdPrefix: i }) {
-	let o = (e, t) => {
-		let i = t?.metaKey || t?.ctrlKey ? 10 : 1;
-		n(Math.max(1, r + e * i));
-	};
-	return /* @__PURE__ */ x("div", {
-		className: "flex items-center gap-1",
-		children: [
-			/* @__PURE__ */ b(a, {
-				type: "button",
-				variant: "outline",
-				size: "icon",
-				className: "h-9 w-9 font-semibold",
-				"aria-label": e,
-				"data-testid": `${i}-decrement`,
-				onClick: (e) => o(-1, e),
-				children: /* @__PURE__ */ b("span", { children: "-" })
-			}),
-			/* @__PURE__ */ b(p, {
-				type: "text",
-				readOnly: !0,
-				value: r,
-				className: "h-9 w-12 text-center",
-				"aria-live": "polite",
-				"data-testid": `${i}-value`
-			}),
-			/* @__PURE__ */ b(a, {
-				type: "button",
-				variant: "outline",
-				size: "icon",
-				className: "h-9 w-9 font-semibold",
-				"aria-label": t,
-				"data-testid": `${i}-increment`,
-				onClick: (e) => o(1, e),
-				children: /* @__PURE__ */ b("span", { children: "+" })
-			})
-		]
+function j({ ariaLabel: e, onQuantityChange: t, quantity: n, testIdPrefix: r }) {
+	return /* @__PURE__ */ b("div", {
+		className: "flex items-center",
+		children: /* @__PURE__ */ b(p, {
+			type: "text",
+			inputMode: "numeric",
+			pattern: "[0-9]*",
+			value: n,
+			onChange: (e) => {
+				let n = e.target.value.replace(/\D/g, "");
+				t(n ? String(k(n)) : "");
+			},
+			onBlur: () => t(String(k(n))),
+			className: "h-9 w-16 text-center",
+			"aria-label": e,
+			"data-testid": `${r}-value`
+		})
 	});
 }
 //#endregion
-export { O as BookingBikeVariantDialog };
+export { A as BookingBikeVariantDialog };

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

@@ -1,6 +1,6 @@
 import { Content as e, Provider as t, Root as n, TooltipTrigger as r } from "../../../ui/tooltip.js";
 import { useBookingPeriod as i } from "../BookingPeriodContext.js";
-import { useMorphingModalWizardOverlayLayer as a } from "../../../chunks/pkg/ui/dist/MorphingModalWizard-j1CgFGLe.js";
+import { useMorphingModalWizardOverlayLayer as a } from "../../../chunks/pkg/ui/dist/MorphingModalWizard-DOH1GYVR.js";
 import { DayPicker as o } from "../../../ui/day-picker.js";
 import { Label as s } from "../../../ui/label.js";
 import { BookingPeriodFieldErrorMessage as c } from "./BookingPeriodFieldErrorMessage.js";