@loczer/storefront-sdk 0.193.0 → 0.195.0

package/dist/components/BookingPeriodSelector/components/BookingStartTimeField.js

@@ -1,20 +1,20 @@
 import { useBookingPeriod as e } from "../BookingPeriodContext.js";
-import { useMorphingModalWizardOverlayLayer as t } from "../../../chunks/pkg/ui/dist/MorphingModalWizard-CfEqkJ0y.js";
+import { useMorphingModalWizardOverlayLayer as t } from "../../../chunks/pkg/ui/dist/MorphingModalWizard-j1CgFGLe.js";
 import { Label as n } from "../../../ui/label.js";
 import { BookingPeriodFieldErrorMessage as r } from "./BookingPeriodFieldErrorMessage.js";
-import { ModalHourPickerField as i } from "./internal/ModalHourPickerField.js";
+import { BookingHourPickerField as i } from "./internal/BookingHourPickerField.js";
 import { useEffect as a, useRef as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { HourPickerField as u, cn as d } from "@rpcbase/ui";
+import { cn as u } from "@rpcbase/ui";
 //#region src/components/BookingPeriodSelector/components/BookingStartTimeField.tsx
-var f = (e, t, n) => new Intl.NumberFormat(t, {
+var d = (e, t, n) => new Intl.NumberFormat(t, {
 	style: "currency",
 	currency: n,
 	minimumFractionDigits: 0,
 	maximumFractionDigits: 0
-}).format(e / 100), p = () => {
-	let { labels: p, localeCode: m, currencyCode: h, startTime: g, selectStartTime: _, startTimeSlots: v, startTimeSlotsStatus: y, isStartTimeSelectOpen: b, setIsStartTimeSelectOpen: x, labelClassName: S, inputClassName: C, buttonClassName: w, errors: T, isHydrated: E, isStartToday: D, earliestMinutesForToday: O } = e(), k = v.map((e) => {
-		let t = D && O != null && e.startMinutes < O, n = e.isDisabled || t, r = e.disabledReason === "closed" ? p.timeSlotClosedLabel ?? "Closed" : e.disabledReason, i = e.isExtra && e.extraAmount != null ? p.timeSlotExtraFee?.({ amount: f(e.extraAmount, m, h) }) ?? `Extra fee: ${f(e.extraAmount, m, h)}` : null, a = e.isDisabled && r ? r : null, o = i && a ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
+}).format(e / 100), f = () => {
+	let { labels: f, localeCode: p, currencyCode: m, startTime: h, selectStartTime: g, startTimeSlots: _, startTimeSlotsStatus: v, isStartTimeSelectOpen: y, setIsStartTimeSelectOpen: b, labelClassName: x, inputClassName: S, buttonClassName: C, errors: w, isHydrated: T, isStartToday: E, earliestMinutesForToday: D } = e(), O = _.map((e) => {
+		let t = E && D != null && e.startMinutes < D, n = e.isDisabled || t, r = e.disabledReason === "closed" ? f.timeSlotClosedLabel ?? "Closed" : e.disabledReason, i = e.isExtra && e.extraAmount != null ? f.timeSlotExtraFee?.({ amount: d(e.extraAmount, p, m) }) ?? `Extra fee: ${d(e.extraAmount, p, m)}` : null, a = e.isDisabled && r ? r : null, o = i && a ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
 			className: "block",
 			children: i
 		}), /* @__PURE__ */ c("span", {
@@ -27,80 +27,62 @@ var f = (e, t, n) => new Intl.NumberFormat(t, {
 			disabled: n,
 			description: o
 		};
-	}), A = k.some((e) => !e.disabled), j = y !== "local" && (y !== "ready" || !A), M = y === "loading" ? p.timeSlotsLoading : y === "error" ? p.timeSlotsLoadError : y === "ready" && !A ? p.timeSlotsUnavailable : p.startTime, N = k.find((e) => !e.disabled)?.value, P = o(g ?? N ?? null), F = t(), I = !!F;
+	}), k = O.some((e) => !e.disabled), A = v !== "local" && (v !== "ready" || !k), j = v === "loading" ? f.timeSlotsLoading : v === "error" ? f.timeSlotsLoadError : v === "ready" && !k ? f.timeSlotsUnavailable : f.startTime, M = O.find((e) => !e.disabled)?.value, N = o(h ?? M ?? null), P = t();
 	return a(() => {
-		b || (P.current = g ?? N ?? null);
+		y || (N.current = h ?? M ?? null);
 	}, [
-		N,
-		b,
-		g
+		M,
+		y,
+		h
 	]), a(() => {
 		if (typeof document > "u") return;
 		let e = document.getElementById("start-time-picker");
 		if (!(e instanceof HTMLInputElement)) return;
 		let t = (e) => {
-			if (e.key !== "Enter" || !b) return;
+			if (e.key !== "Enter" || !y) return;
 			e.preventDefault(), e.stopPropagation();
-			let t = P.current ?? g ?? N;
-			t && _(t);
+			let t = N.current ?? h ?? M;
+			t && g(t);
 		};
 		return e.addEventListener("keydown", t, !0), () => {
 			e.removeEventListener("keydown", t, !0);
 		};
 	}, [
-		N,
-		b,
-		_,
-		g
+		M,
+		y,
+		g,
+		h
 	]), /* @__PURE__ */ l("div", {
-		className: "group/form-item relative w-[150px]",
+		className: "group/form-item relative min-w-0 w-[150px] md:shrink-0",
 		children: [
 			/* @__PURE__ */ c(n, {
 				htmlFor: "start-time-picker",
-				className: d("mb-1 block text-sm font-medium", S),
-				children: /* @__PURE__ */ c("span", { children: p.startTime })
+				className: u("mb-1 block text-sm font-medium", x),
+				children: /* @__PURE__ */ c("span", { children: f.startTime })
 			}),
-			I ? /* @__PURE__ */ c(i, {
+			/* @__PURE__ */ c(i, {
 				id: "start-time-picker",
-				placeholder: M,
-				value: g ?? null,
+				placeholder: j,
+				value: h ?? null,
 				onValueUpdate: (e) => {
-					e && (P.current = e);
+					e && (N.current = e);
 				},
 				onChange: (e) => {
-					e && (P.current = e, _(e));
+					e && (N.current = e, g(e));
 				},
-				options: k,
-				disabled: j,
-				open: b,
-				onOpenChange: x,
+				options: O,
+				disabled: A,
+				open: y,
+				onOpenChange: b,
 				triggerTestId: "start-time-trigger",
 				contentTestId: "start-time-select-content",
-				isHydrated: E,
-				inputClassName: d(T.startTime && "border-destructive", C, w),
-				portalContainer: F
-			}) : /* @__PURE__ */ c(u, {
-				id: "start-time-picker",
-				placeholder: M,
-				value: g ?? null,
-				onValueUpdate: (e) => {
-					e && (P.current = e);
-				},
-				onChange: (e) => {
-					e && (P.current = e, _(e));
-				},
-				options: k,
-				disabled: j,
-				open: b,
-				onOpenChange: x,
-				triggerTestId: "start-time-trigger",
-				contentTestId: "start-time-select-content",
-				isHydrated: E,
-				inputClassName: d(T.startTime && "border-destructive", C, w)
+				isHydrated: T,
+				inputClassName: u(w.startTime && "border-destructive", S, C),
+				portalContainer: P
 			}),
-			T.startTime && /* @__PURE__ */ c(r, { children: T.startTime })
+			w.startTime && /* @__PURE__ */ c(r, { children: w.startTime })
 		]
 	});
 };
 //#endregion
-export { p as BookingStartTimeField };
+export { f as BookingStartTimeField };

package/dist/components/BookingPeriodSelector/components/BookingTimeSlotsStatus.js

@@ -4,7 +4,7 @@ import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { cn as i } from "@rpcbase/ui";
 //#region src/components/BookingPeriodSelector/components/BookingTimeSlotsStatus.tsx
 var a = ({ className: a, testId: o = "booking-time-slots-status" }) => {
-	let { labels: s, startTimeSlotsStatus: c, endTimeSlotsStatus: l, retryStartTimeSlots: u, retryEndTimeSlots: d, canCommitTimeSlots: f } = t();
+	let { labels: s, startTimeSlotsStatus: c, endTimeSlotsStatus: l, retryStartTimeSlots: u, retryEndTimeSlots: d, hasAvailableTimeSlots: f } = t();
 	if (c === "local" && l === "local") return null;
 	let p = c === "error" || l === "error", m = c === "loading" || l === "loading";
 	if (!p && !m && f) return null;

package/dist/components/BookingPeriodSelector/components/internal/BookingHourPickerField.d.ts

@@ -0,0 +1,7 @@
+import { HourPickerFieldProps } from './StorefrontHourPickerField';
+type BookingHourPickerFieldProps = HourPickerFieldProps & {
+    portalContainer?: HTMLElement | null;
+};
+export declare const BookingHourPickerField: ({ options, className, inputClassName, portalContainer, ...props }: BookingHourPickerFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BookingHourPickerField.d.ts.map

package/dist/components/BookingPeriodSelector/components/internal/BookingHourPickerField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingHourPickerField.d.ts","sourceRoot":"","sources":["../../../../../src/components/BookingPeriodSelector/components/internal/BookingHourPickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,oBAAoB,EAE1B,MAAM,6BAA6B,CAAA;AAIpC,KAAK,2BAA2B,GAAG,oBAAoB,GAAG;IACxD,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,mEAMpC,2BAA2B,4CAuB7B,CAAA"}

package/dist/components/BookingPeriodSelector/components/internal/BookingHourPickerField.js

@@ -0,0 +1,27 @@
+import { cn as e } from "../../../../lib/utils.js";
+import { HourPickerField as t } from "./StorefrontHourPickerField.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/BookingPeriodSelector/components/internal/BookingHourPickerField.tsx
+var a = ({ options: a, className: o, inputClassName: s, portalContainer: c, ...l }) => {
+	let u = a.map((e) => ({
+		...e,
+		selectedLabel: /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
+			"data-slot": "booking-hour-picker-mobile-selected-label",
+			className: "md:hidden",
+			children: e.value
+		}), /* @__PURE__ */ r("span", {
+			"data-slot": "booking-hour-picker-desktop-selected-label",
+			className: "hidden md:inline",
+			children: e.label
+		})] })
+	}));
+	return /* @__PURE__ */ r(t, {
+		...l,
+		options: u,
+		className: e("w-full min-w-0", o),
+		inputClassName: e("min-w-0", s),
+		portalContainer: c
+	});
+};
+//#endregion
+export { a as BookingHourPickerField };

package/dist/components/BookingPeriodSelector/components/internal/StorefrontHourPickerField.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+export type HourPickerOption = {
+    value: string;
+    label: string;
+    selectedLabel?: React.ReactNode;
+    disabled?: boolean;
+    description?: React.ReactNode;
+};
+export type HourPickerInputProps = {
+    id?: string;
+    value: string | null;
+    onChange: (value: string | null) => void;
+    onValueUpdate?: (value: string | null) => void;
+    options: HourPickerOption[];
+    placeholder?: string;
+    className?: string;
+    inputClassName?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    triggerTestId?: string;
+    contentTestId?: string;
+    isHydrated?: boolean;
+    portalContainer?: HTMLElement | null;
+};
+export declare function HourPickerInput({ id, value, onChange, onValueUpdate, options, placeholder, className, inputClassName, disabled, readOnly, open: openProp, onOpenChange, triggerTestId, contentTestId, isHydrated, portalContainer, }: HourPickerInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace HourPickerInput {
+    var displayName: string;
+}
+export type HourPickerFieldProps = HourPickerInputProps;
+export declare function HourPickerField(props: HourPickerFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace HourPickerField {
+    var displayName: string;
+}
+//# sourceMappingURL=StorefrontHourPickerField.d.ts.map

package/dist/components/BookingPeriodSelector/components/internal/StorefrontHourPickerField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorefrontHourPickerField.d.ts","sourceRoot":"","sources":["../../../../../src/components/BookingPeriodSelector/components/internal/StorefrontHourPickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B,CAAA;AAyYD,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACrC,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAO,EACP,WAA2B,EAC3B,SAAS,EACT,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,aAAa,EACb,aAAa,EACb,UAAU,EACV,eAAe,GAChB,EAAE,oBAAoB,2CA6ctB;yBA9de,eAAe;;;AAke/B,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAA;AA0YvD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAQ1D;yBARe,eAAe"}