@loczer/storefront-sdk 0.187.0 → 0.189.0

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

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

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

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":"AAuFA,eAAO,MAAM,uBAAuB,sDAuTnC,CAAA"}
+{"version":3,"file":"BookingMobileDateDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingMobileDateDrawer.tsx"],"names":[],"mappings":"AAwFA,eAAO,MAAM,uBAAuB,sDAyTnC,CAAA"}