@loczer/storefront-sdk 0.209.0 → 0.210.0

package/dist/chunks/pkg/booking-engine/dist/node_modules/@date-fns/tz/date/index-DAbcklF5.js

@@ -0,0 +1 @@
+import "./mini-CSEBo1ZP.js";

package/dist/chunks/pkg/booking-engine/dist/node_modules/@date-fns/tz/date/mini-CSEBo1ZP.js

@@ -0,0 +1,60 @@
+import { tzOffset as e } from "../tzOffset/index-COlDDdap.js";
+//#region ../booking-engine/dist/node_modules/@date-fns/tz/date/mini.js
+var t = class t extends Date {
+	constructor(...t) {
+		super(), t.length > 1 && typeof t[t.length - 1] == "string" && (this.timeZone = t.pop()), this.internal = /* @__PURE__ */ new Date(), isNaN(e(this.timeZone, this)) ? this.setTime(NaN) : t.length ? typeof t[0] == "number" && (t.length === 1 || t.length === 2 && typeof t[1] != "number") ? this.setTime(t[0]) : typeof t[0] == "string" ? this.setTime(+new Date(t[0])) : t[0] instanceof Date ? this.setTime(+t[0]) : (this.setTime(+new Date(...t)), a(this, NaN), r(this)) : this.setTime(Date.now());
+	}
+	static tz(e, ...n) {
+		return n.length ? new t(...n, e) : new t(Date.now(), e);
+	}
+	withTimeZone(e) {
+		return new t(+this, e);
+	}
+	getTimezoneOffset() {
+		let t = -e(this.timeZone, this);
+		return t > 0 ? Math.floor(t) : Math.ceil(t);
+	}
+	setTime(e) {
+		return Date.prototype.setTime.apply(this, arguments), r(this), +this;
+	}
+	[Symbol.for("constructDateFrom")](e) {
+		return new t(+new Date(e), this.timeZone);
+	}
+}, n = /^(get|set)(?!UTC)/;
+Object.getOwnPropertyNames(Date.prototype).forEach((e) => {
+	if (!n.test(e)) return;
+	let a = e.replace(n, "$1UTC");
+	t.prototype[a] && (e.startsWith("get") ? t.prototype[e] = function() {
+		return this.internal[a]();
+	} : (t.prototype[e] = function() {
+		return Date.prototype[a].apply(this.internal, arguments), i(this), +this;
+	}, t.prototype[a] = function() {
+		return Date.prototype[a].apply(this, arguments), r(this), +this;
+	}));
+});
+function r(t) {
+	t.internal.setTime(+t), t.internal.setUTCSeconds(t.internal.getUTCSeconds() - Math.round(-e(t.timeZone, t) * 60));
+}
+function i(e) {
+	Date.prototype.setFullYear.call(e, e.internal.getUTCFullYear(), e.internal.getUTCMonth(), e.internal.getUTCDate()), Date.prototype.setHours.call(e, e.internal.getUTCHours(), e.internal.getUTCMinutes(), e.internal.getUTCSeconds(), e.internal.getUTCMilliseconds()), a(e);
+}
+function a(t) {
+	let n = e(t.timeZone, t), r = n > 0 ? Math.floor(n) : Math.ceil(n), i = /* @__PURE__ */ new Date(+t);
+	i.setUTCHours(i.getUTCHours() - 1);
+	let a = -(/* @__PURE__ */ new Date(+t)).getTimezoneOffset(), o = a - -(/* @__PURE__ */ new Date(+i)).getTimezoneOffset(), s = Date.prototype.getHours.apply(t) !== t.internal.getUTCHours();
+	o && s && t.internal.setUTCMinutes(t.internal.getUTCMinutes() + o);
+	let c = a - r;
+	c && Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + c);
+	let l = /* @__PURE__ */ new Date(+t);
+	l.setUTCSeconds(0);
+	let u = a > 0 ? l.getSeconds() : (l.getSeconds() - 60) % 60, d = Math.round(-(e(t.timeZone, t) * 60)) % 60;
+	(d || u) && (t.internal.setUTCSeconds(t.internal.getUTCSeconds() + d), Date.prototype.setUTCSeconds.call(t, Date.prototype.getUTCSeconds.call(t) + d + u));
+	let f = e(t.timeZone, t), p = f > 0 ? Math.floor(f) : Math.ceil(f), m = -(/* @__PURE__ */ new Date(+t)).getTimezoneOffset() - p, h = p !== r, g = m - c;
+	if (h && g) {
+		Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + g);
+		let n = e(t.timeZone, t), r = p - (n > 0 ? Math.floor(n) : Math.ceil(n));
+		r && (t.internal.setUTCMinutes(t.internal.getUTCMinutes() + r), Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + r));
+	}
+}
+//#endregion
+export { t as TZDateMini };

package/dist/chunks/pkg/booking-engine/dist/node_modules/@date-fns/tz/index--u3Qf-qy.js

@@ -0,0 +1,4 @@
+import "./tzOffset/index-COlDDdap.js";
+import "./date/mini-CSEBo1ZP.js";
+import "./date/index-DAbcklF5.js";
+import "./tz/index-CEcibV-H.js";

package/dist/chunks/pkg/booking-engine/dist/node_modules/@date-fns/tz/tz/index-CEcibV-H.js

@@ -0,0 +1 @@
+import "../date/index-DAbcklF5.js";

package/dist/chunks/pkg/booking-engine/dist/node_modules/@date-fns/tz/tzOffset/index-COlDDdap.js

@@ -0,0 +1,22 @@
+//#region ../booking-engine/dist/node_modules/@date-fns/tz/tzOffset/index.js
+var e = {}, t = {};
+function n(n, a) {
+	try {
+		let r = (e[n] ||= new Intl.DateTimeFormat("en-US", {
+			timeZone: n,
+			timeZoneName: "longOffset"
+		}).format)(a).split("GMT")[1];
+		return r in t ? t[r] : i(r, r.split(":"));
+	} catch {
+		if (n in t) return t[n];
+		let e = n?.match(r);
+		return e ? i(n, e.slice(1)) : NaN;
+	}
+}
+var r = /([+-]\d\d):?(\d\d)?/;
+function i(e, n) {
+	let r = +(n[0] || 0), i = +(n[1] || 0), a = (n[2] || 0) / 60;
+	return t[e] = r * 60 + i > 0 ? r * 60 + i + a : r * 60 - i - a;
+}
+//#endregion
+export { n as tzOffset };

package/dist/chunks/pkg/booking-engine/dist/pricing-BJaynUu_.js

@@ -0,0 +1,3 @@
+import { calculatePriceForQuantity as e } from "./utils/pricing-CqXJ5fMP.js";
+import { calculateRentalQuantity as t, combineDateAndTime as n } from "./utils/schedule-ssRov9xe.js";
+export { e as calculatePriceForQuantity, t as calculateRentalQuantity, n as combineDateAndTime };

package/dist/chunks/pkg/booking-engine/dist/utils/schedule-ssRov9xe.js

@@ -0,0 +1,39 @@
+import { getZonedDateTimeParts as e, zonedTimeToUtcDate as t } from "./timezone-B6XIbBPz.js";
+//#region ../booking-engine/dist/utils/schedule.js
+function n(e, n, r = "UTC") {
+	return t(e, n, r);
+}
+var r = 3600 * 1e3, i = 24 * r;
+function a(t, n) {
+	let r = n === "UTC" ? {
+		year: t.getUTCFullYear(),
+		month: t.getUTCMonth() + 1,
+		day: t.getUTCDate()
+	} : e(t, n);
+	return Date.UTC(r.year, r.month - 1, r.day);
+}
+function o(t, n) {
+	return n === "UTC" ? t.getUTCHours() : e(t, n).hour;
+}
+function s(e, t, n, r) {
+	let s = a(e, r), c = a(t, r), l = Math.round((c - s) / i);
+	if (l <= 0) return 1;
+	let u = o(e, r) >= n, d = o(t, r) < n, f = u || d ? .5 : 0;
+	return l + 1 - f;
+}
+function c(e) {
+	let t = e.rentalUnits.find((t) => t.unit === e.baseUnit);
+	if (!t) throw Error(`Pricing configuration is missing a rental unit for base unit ${e.baseUnit}`);
+	if (t.durationHours <= 0) throw Error(`Rental unit ${e.baseUnit} must declare a positive duration`);
+	return t;
+}
+function l(e, t, n, i = "UTC") {
+	let a = c(n), o = n.halfDay, l = n.rentalUnits.some((e) => e.unit === "half_day");
+	if (n.baseUnit === "day" && o?.enabled === !0 && !l) return s(e, t, o?.boundaryHour ?? 12, i);
+	let u = a.durationHours * r;
+	if (u <= 0) throw Error("Base pricing unit must convert to a positive duration");
+	let d = Math.max(0, t.getTime() - e.getTime()) / u;
+	return Math.max(1, Math.ceil(d));
+}
+//#endregion
+export { l as calculateRentalQuantity, n as combineDateAndTime };

package/dist/chunks/pkg/booking-engine/dist/utils/timezone-B6XIbBPz.js

@@ -0,0 +1,79 @@
+import { TZDateMini as e } from "../node_modules/@date-fns/tz/date/mini-CSEBo1ZP.js";
+import "../node_modules/@date-fns/tz/index--u3Qf-qy.js";
+//#region ../booking-engine/dist/utils/timezone.js
+var t = /^(\d{4})-(\d{2})-(\d{2})$/, n = /^(\d{2}):(\d{2})$/;
+function r(e) {
+	try {
+		new Intl.DateTimeFormat("en-US", { timeZone: e });
+	} catch (t) {
+		throw t instanceof RangeError ? Error(`Invalid IANA timeZone provided: ${e}`) : t;
+	}
+}
+function i(e, n = "date") {
+	let r = t.exec(e);
+	if (!r) throw Error(`Invalid ${n}: expected YYYY-MM-DD, received ${e}`);
+	let i = Number(r[1]), a = Number(r[2]), o = Number(r[3]);
+	if (!Number.isInteger(i) || i < 0) throw Error(`Invalid ${n}: year must be a positive integer, received ${e}`);
+	if (!Number.isInteger(a) || a < 1 || a > 12) throw Error(`Invalid ${n}: month must be between 01 and 12, received ${e}`);
+	if (!Number.isInteger(o) || o < 1 || o > 31) throw Error(`Invalid ${n}: day must be between 01 and 31, received ${e}`);
+	let s = new Date(Date.UTC(i, a - 1, o));
+	if (s.getUTCFullYear() !== i || s.getUTCMonth() !== a - 1 || s.getUTCDate() !== o) throw Error(`Invalid ${n}: received ${e}`);
+	return {
+		year: i,
+		month: a,
+		day: o
+	};
+}
+function a(e, t = "time") {
+	let r = n.exec(e);
+	if (!r) throw Error(`Invalid ${t}: expected HH:mm, received ${e}`);
+	let i = Number(r[1]), a = Number(r[2]);
+	if (!Number.isInteger(i) || i < 0 || i > 23) throw Error(`Invalid ${t}: hour must be between 00 and 23, received ${e}`);
+	if (!Number.isInteger(a) || a < 0 || a > 59) throw Error(`Invalid ${t}: minute must be between 00 and 59, received ${e}`);
+	return {
+		hour: i,
+		minute: a
+	};
+}
+function o(e) {
+	let t = (t, n) => {
+		let r = e.find((e) => e.type === t)?.value;
+		if (!r) throw Error(`Unable to resolve ${n} from timeZone conversion`);
+		return Number(r);
+	};
+	return {
+		year: t("year", "year"),
+		month: t("month", "month"),
+		day: t("day", "day"),
+		hour: t("hour", "hour"),
+		minute: t("minute", "minute"),
+		second: t("second", "second")
+	};
+}
+function s(e, t) {
+	return r(t), o(new Intl.DateTimeFormat("en-US", {
+		timeZone: t,
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit",
+		hour12: !1,
+		hourCycle: "h23"
+	}).formatToParts(e));
+}
+function c(e, t) {
+	return e.year === t.year && e.month === t.month && e.day === t.day && e.hour === t.hour && e.minute === t.minute;
+}
+function l(t, n, o) {
+	r(o);
+	let l = i(t, "date"), u = a(n, "time"), d = {
+		...l,
+		...u
+	}, f = new e(d.year, d.month - 1, d.day, d.hour, d.minute, 0, o).getTime();
+	if (!c(s(new Date(f), o), d)) throw Error(`Invalid local datetime for timeZone ${o}: ${t} ${n} (DST shift?)`);
+	return new Date(f);
+}
+//#endregion
+export { s as getZonedDateTimeParts, i as parseIsoDateParts, a as parseTimeOfDayParts, l as zonedTimeToUtcDate };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProductPriceBadge/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAA;AAoBhF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,4BAA4B,EAAE,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,oDAK/B,sBAAsB,mDA8WxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProductPriceBadge/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAA;AAoBhF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,CAAC,EAAE,4BAA4B,EAAE,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,oDAK/B,sBAAsB,mDAoXxB,CAAA"}

package/dist/components/ProductPriceBadge/index.js

@@ -1,110 +1,113 @@
-import { buildDailyPriceRows as e, buildPriceTierLabels as t, formatStorefrontPriceMinor as n } from "../../lib/pricing.js";
-import { Badge as r, badgeVariants as i } from "../../ui/badge.js";
-import { useOptionalStorefront as a } from "../../StorefrontContext.js";
-import { useEffect as o, useId as ee, useRef as s, useState as c } from "react";
-import { Fragment as te, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { buildPriceTierLabels as e, buildRentalPriceRows as t, formatRentalUnitQuantity as ee, formatStorefrontPriceMinor as n, getPricingUnitLabel as r } from "../../lib/pricing.js";
+import { Badge as i, badgeVariants as a } from "../../ui/badge.js";
+import { useOptionalStorefront as te } from "../../StorefrontContext.js";
+import { useEffect as o, useId as ne, useRef as s, useState as c } from "react";
+import { Fragment as re, jsx as l, jsxs as u } from "react/jsx-runtime";
 import { useMediaQuery as d } from "@rpcbase/client";
-import { useTranslation as ne } from "react-i18next";
+import { useTranslation as ie } from "react-i18next";
 import { cn as f } from "@rpcbase/ui";
-import { Info as re, Mail as p, Phone as m, TrendingDown as h } from "lucide-react";
-import { Drawer as g } from "@base-ui/react/drawer";
-import { Popover as _ } from "@base-ui/react/popover";
+import { Info as ae, Mail as oe, Phone as se, TrendingDown as ce } from "lucide-react";
+import { Drawer as p } from "@base-ui/react/drawer";
+import { Popover as m } from "@base-ui/react/popover";
 //#region src/components/ProductPriceBadge/index.tsx
-var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-popover-open", y = (e) => typeof Node < "u" && e instanceof Node, b = (e) => {
-	typeof window > "u" || window.dispatchEvent(new CustomEvent(v, { detail: { id: e } }));
-}, x = ({ prices: x, minPriceMinor: S, className: C, openOnHover: w = !0 }) => {
-	let { t: T, i18n: E } = ne(), D = ee(), O = a(), oe = d(ae), se = d("(hover: none), (pointer: coarse)"), k = !!(oe || se), [A, j] = c(null), [M, N] = c(!1), P = s(null), F = s(null), I = s(null), L = s(null), R = A !== null, z = t(x, E.language, T), B = e(x, E.language), V = z[0], H = z[1], U = () => {
-		P.current &&= (clearTimeout(P.current), null);
+var le = 180, h = "(max-width: 767px)", g = "loczer:storefront:product-price-popover-open", _ = (e) => typeof Node < "u" && e instanceof Node, v = (e) => {
+	typeof window > "u" || window.dispatchEvent(new CustomEvent(g, { detail: { id: e } }));
+}, y = ({ prices: y, minPriceMinor: b, className: x, openOnHover: S = !0 }) => {
+	let { t: C, i18n: w } = ie(), T = ne(), E = te(), ue = d(h), de = d("(hover: none), (pointer: coarse)"), D = !!(ue || de), [O, k] = c(null), [A, j] = c(!1), M = s(null), N = s(null), P = s(null), F = s(null), I = O !== null, L = E?.storefrontConfiguration.bookingEngine.pricing.baseUnit ?? "day", R = r(L, C), z = e(y, w.language, C, L), B = t(y, w.language, L), V = z[0], H = z[1], U = () => {
+		M.current &&= (clearTimeout(M.current), null);
 	}, W = (e) => {
-		k || (U(), j((t) => t === "click" ? t : e), b(D));
+		D || (U(), k((t) => t === "click" ? t : e), v(T));
 	}, G = () => {
-		U(), j(null);
-	}, ce = () => {
-		U(), N(!0), b(D);
-	}, le = () => {
-		N(!1);
-	}, ue = () => {
-		!w || R || W("hover");
-	}, de = (e) => y(e) ? !!(F.current?.contains(e) || L.current?.contains(e)) : !1, K = (e) => y(e) ? !!(I.current?.contains(e) || L.current?.contains(e)) : !1, q = (e) => {
-		A !== "hover" || K(e) || (U(), P.current = setTimeout(() => {
-			j((e) => e === "hover" ? null : e), P.current = null;
-		}, ie));
+		U(), k(null);
+	}, fe = () => {
+		U(), j(!0), v(T);
+	}, pe = () => {
+		j(!1);
+	}, me = () => {
+		!S || I || W("hover");
+	}, he = (e) => _(e) ? !!(N.current?.contains(e) || F.current?.contains(e)) : !1, K = (e) => _(e) ? !!(P.current?.contains(e) || F.current?.contains(e)) : !1, q = (e) => {
+		O !== "hover" || K(e) || (U(), M.current = setTimeout(() => {
+			k((e) => e === "hover" ? null : e), M.current = null;
+		}, le));
 	}, J = (e) => {
 		q(e?.relatedTarget);
-	}, fe = (e) => {
+	}, ge = (e) => {
 		let t = e.relatedTarget ?? document.activeElement;
-		de(t) || G();
+		he(t) || G();
 	};
 	if (o(() => {
 		if (typeof window > "u") return () => {
 			U();
 		};
 		let e = (e) => {
-			e.detail?.id !== D && (U(), j(null), N(!1));
+			e.detail?.id !== T && (U(), k(null), j(!1));
 		};
-		return window.addEventListener(v, e), () => {
-			window.removeEventListener(v, e), U();
+		return window.addEventListener(g, e), () => {
+			window.removeEventListener(g, e), U();
 		};
-	}, [D]), o(() => {
-		if (A !== "hover" || typeof window > "u") return;
+	}, [T]), o(() => {
+		if (O !== "hover" || typeof window > "u") return;
 		let e = (e) => {
 			if (K(e.target)) {
 				U();
 				return;
 			}
-			P.current || q(e.target);
+			M.current || q(e.target);
 		};
 		return window.addEventListener("pointermove", e, { passive: !0 }), window.addEventListener("mousemove", e, { passive: !0 }), () => {
 			window.removeEventListener("pointermove", e), window.removeEventListener("mousemove", e);
 		};
-	}, [A]), o(() => {
-		if (k) {
-			U(), j(null);
+	}, [O]), o(() => {
+		if (D) {
+			U(), k(null);
 			return;
 		}
-		N(!1);
-	}, [k]), !V) return typeof S == "number" ? /* @__PURE__ */ l(r, {
+		j(!1);
+	}, [D]), !V) return typeof b == "number" ? /* @__PURE__ */ l(i, {
 		variant: "outline",
-		className: f("border-slate-200 bg-white text-slate-700", C),
-		children: /* @__PURE__ */ l("span", { children: T("price_from", { price: n(S, E.language) }) })
+		className: f("border-slate-200 bg-white text-slate-700", x),
+		children: /* @__PURE__ */ l("span", { children: C("price_from", {
+			price: n(b, w.language),
+			unit: R
+		}) })
 	}) : null;
-	let Y = f(i({ variant: "outline" }), "gap-1.5 border-slate-200 bg-white text-slate-700 outline-none transition hover:border-slate-300 hover:text-slate-950 focus:border-slate-200 focus:outline-none focus:ring-0 focus:ring-transparent focus:ring-offset-0 focus-visible:border-slate-200 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0", B.length > 0 && "cursor-pointer", C), X = O?.storefrontConfiguration.shop.emailAddress?.trim(), Z = O?.storefrontConfiguration.shop.contactPhone1?.trim(), pe = !!(X || Z), Q = () => /* @__PURE__ */ u(te, { children: [
+	let Y = f(a({ variant: "outline" }), "gap-1.5 border-slate-200 bg-white text-slate-700 outline-none transition hover:border-slate-300 hover:text-slate-950 focus:border-slate-200 focus:outline-none focus:ring-0 focus:ring-transparent focus:ring-offset-0 focus-visible:border-slate-200 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0", B.length > 0 && "cursor-pointer", x), X = E?.storefrontConfiguration.shop.emailAddress?.trim(), Z = E?.storefrontConfiguration.shop.contactPhone1?.trim(), _e = !!(X || Z), Q = () => /* @__PURE__ */ u(re, { children: [
 		/* @__PURE__ */ l("span", {
 			className: "font-semibold",
 			children: V
 		}),
 		H ? /* @__PURE__ */ u("span", {
 			className: "inline-flex items-center gap-1 text-slate-500",
-			children: [/* @__PURE__ */ l(h, {
+			children: [/* @__PURE__ */ l(ce, {
 				className: "h-3 w-3",
 				strokeWidth: 2.4,
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ l("span", { children: T("price_then", { price: H }) })]
+			}), /* @__PURE__ */ l("span", { children: C("price_then", { price: H }) })]
 		}) : null,
 		B.length > 0 ? /* @__PURE__ */ l("span", {
-			ref: I,
+			ref: P,
 			className: "inline-flex shrink-0 items-center text-slate-500",
 			onMouseEnter: () => {
-				w && W("hover");
+				S && W("hover");
 			},
-			onMouseMove: ue,
+			onMouseMove: me,
 			onMouseLeave: J,
-			children: /* @__PURE__ */ l(re, {
+			children: /* @__PURE__ */ l(ae, {
 				className: "h-3 w-3",
 				"aria-hidden": "true"
 			})
 		}) : null
-	] }), me = () => pe ? /* @__PURE__ */ u("div", {
+	] }), ve = () => _e ? /* @__PURE__ */ u("div", {
 		className: "border-t border-slate-200 pt-2 text-slate-600",
 		children: [/* @__PURE__ */ l("p", {
 			className: "leading-snug",
-			children: /* @__PURE__ */ l("span", { children: T("price_table_contact_prompt") })
+			children: /* @__PURE__ */ l("span", { children: C("price_table_contact_prompt") })
 		}), /* @__PURE__ */ u("div", {
 			className: "mt-2 flex flex-wrap gap-x-3 gap-y-1",
 			children: [Z ? /* @__PURE__ */ u("a", {
 				className: "inline-flex min-w-0 items-center gap-1 font-medium text-slate-800 underline-offset-4 hover:underline",
 				href: `tel:${Z}`,
-				children: [/* @__PURE__ */ l(m, {
+				children: [/* @__PURE__ */ l(se, {
 					className: "h-3 w-3 shrink-0",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ l("span", {
@@ -114,7 +117,7 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 			}) : null, X ? /* @__PURE__ */ u("a", {
 				className: "inline-flex min-w-0 items-center gap-1 font-medium text-slate-800 underline-offset-4 hover:underline",
 				href: `mailto:${X}`,
-				children: [/* @__PURE__ */ l(p, {
+				children: [/* @__PURE__ */ l(oe, {
 					className: "h-3 w-3 shrink-0",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ l("span", {
@@ -128,12 +131,15 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 		children: [
 			e ? /* @__PURE__ */ l("p", {
 				className: "font-semibold uppercase tracking-[0.12em] text-slate-500",
-				children: /* @__PURE__ */ l("span", { children: T("price_table_title") })
+				children: /* @__PURE__ */ l("span", { children: C("price_table_title") })
 			}) : null,
 			/* @__PURE__ */ l("ul", {
 				className: f("grid gap-1 text-slate-600", t === "drawer" && "gap-1.5"),
-				children: B.map(({ dayCount: e, totalPriceLabel: n, perDayPriceLabel: r }) => {
-					let i = T("price_table_day", { count: e }), a = T("price_table_per_day", { price: r });
+				children: B.map(({ unitCount: e, totalPriceLabel: n, perUnitPriceLabel: r }) => {
+					let i = ee(e, L, w.language, C), a = C("price_table_per_unit", {
+						price: r,
+						unit: R
+					});
 					return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u("div", {
 						className: "flex items-baseline gap-2",
 						children: [
@@ -160,21 +166,21 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 					}) }, e);
 				})
 			}),
-			me()
+			ve()
 		]
 	});
-	return k ? /* @__PURE__ */ u(g.Root, {
-		open: M,
+	return D ? /* @__PURE__ */ u(p.Root, {
+		open: A,
 		onOpenChange: (e) => {
-			e ? ce() : le();
+			e ? fe() : pe();
 		},
 		swipeDirection: "down",
-		children: [/* @__PURE__ */ l(g.Trigger, {
-			ref: F,
+		children: [/* @__PURE__ */ l(p.Trigger, {
+			ref: N,
 			type: "button",
 			className: Y,
-			"aria-label": T("price_details_aria_label", { price: V }),
-			"aria-expanded": M,
+			"aria-label": C("price_details_aria_label", { price: V }),
+			"aria-expanded": A,
 			onClick: (e) => {
 				e.stopPropagation();
 			},
@@ -182,20 +188,20 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 				e.stopPropagation();
 			},
 			children: Q()
-		}), /* @__PURE__ */ u(g.Portal, { children: [/* @__PURE__ */ l(g.Backdrop, { className: "pointer-events-auto fixed inset-0 z-50 bg-black/50 outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:animate-in data-[open]:fade-in-0" }), /* @__PURE__ */ l(g.Viewport, {
+		}), /* @__PURE__ */ u(p.Portal, { children: [/* @__PURE__ */ l(p.Backdrop, { className: "pointer-events-auto fixed inset-0 z-50 bg-black/50 outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:animate-in data-[open]:fade-in-0" }), /* @__PURE__ */ l(p.Viewport, {
 			className: "pointer-events-none fixed inset-0 z-50",
-			children: /* @__PURE__ */ u(g.Popup, {
+			children: /* @__PURE__ */ u(p.Popup, {
 				className: "pointer-events-auto fixed inset-x-0 bottom-0 z-50 flex max-h-[90dvh] flex-col rounded-t-2xl border-t border-slate-200 bg-white text-slate-950 shadow-xl outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:slide-out-to-bottom data-[open]:animate-in data-[open]:fade-in-0 data-[open]:slide-in-from-bottom",
 				children: [/* @__PURE__ */ l("div", {
 					className: "mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full bg-slate-200",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ l(g.Content, { children: /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ l(p.Content, { children: /* @__PURE__ */ u("div", {
 					className: "flex max-h-[calc(90dvh-1rem)] flex-col",
 					children: [/* @__PURE__ */ l("div", {
 						className: "border-b border-slate-200 px-4 py-4 text-left",
-						children: /* @__PURE__ */ l(g.Title, {
+						children: /* @__PURE__ */ l(p.Title, {
 							className: "text-left text-lg font-semibold text-slate-950",
-							children: /* @__PURE__ */ l("span", { children: T("price_table_title") })
+							children: /* @__PURE__ */ l("span", { children: C("price_table_title") })
 						})
 					}), /* @__PURE__ */ l("div", {
 						className: "flex-1 overflow-y-auto px-4 pb-6 pt-3",
@@ -204,33 +210,33 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 				}) })]
 			})
 		})] })]
-	}) : /* @__PURE__ */ u(_.Root, {
-		open: R,
+	}) : /* @__PURE__ */ u(m.Root, {
+		open: I,
 		onOpenChange: (e) => {
 			e ? W("click") : G();
 		},
-		children: [/* @__PURE__ */ l(_.Trigger, {
-			ref: F,
+		children: [/* @__PURE__ */ l(m.Trigger, {
+			ref: N,
 			type: "button",
 			className: Y,
-			"aria-label": T("price_details_aria_label", { price: V }),
-			"aria-expanded": R,
-			onBlur: fe,
+			"aria-label": C("price_details_aria_label", { price: V }),
+			"aria-expanded": I,
+			onBlur: ge,
 			onClick: (e) => {
-				e.preventDefault(), e.stopPropagation(), A === "click" ? G() : W("click");
+				e.preventDefault(), e.stopPropagation(), O === "click" ? G() : W("click");
 			},
 			onPointerDown: (e) => {
 				e.stopPropagation();
 			},
 			children: Q()
-		}), B.length > 0 ? /* @__PURE__ */ l(_.Portal, { children: /* @__PURE__ */ l(_.Positioner, {
+		}), B.length > 0 ? /* @__PURE__ */ l(m.Portal, { children: /* @__PURE__ */ l(m.Positioner, {
 			side: "top",
 			align: "end",
 			sideOffset: 8,
 			collisionPadding: 12,
 			className: "pointer-events-auto z-[70] outline-none",
-			children: /* @__PURE__ */ l(_.Popup, {
-				ref: L,
+			children: /* @__PURE__ */ l(m.Popup, {
+				ref: F,
 				initialFocus: !1,
 				className: "w-64 rounded-xl border border-slate-200 bg-white p-3 text-slate-950 shadow-xl outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
 				onPointerDown: (e) => {
@@ -247,4 +253,4 @@ var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-po
 	});
 };
 //#endregion
-export { x as ProductPriceBadge };
+export { y as ProductPriceBadge };

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

@@ -3,14 +3,14 @@ import { StorefrontCartSummaryLine } from '../../lib/cartSummary';
 type StorefrontCartPanelProps = {
     lines: StorefrontCartSummaryLine[];
     itemCount: number;
-    totalPerDayMinor: number;
-    estimatedDays?: number;
+    totalPerBaseUnitMinor: number;
+    baseUnitLabel: string;
     estimatedTotalMinor?: number;
     discountedEstimatedTotalMinor?: number;
     discountAmountMinor?: number;
     lateReturnSurchargeMinor?: number;
     couponCode?: string;
-    durationLabel?: string;
+    durationInBaseUnitLabel?: string;
     title?: string;
     description?: string;
     checkoutPath?: string;
@@ -23,6 +23,6 @@ type StorefrontCartPanelProps = {
     onRemove?: (key: string) => void;
     onClear?: () => void;
 };
-export declare function StorefrontCartPanel({ lines, itemCount, totalPerDayMinor, estimatedDays, estimatedTotalMinor, discountedEstimatedTotalMinor, discountAmountMinor, lateReturnSurchargeMinor, couponCode, durationLabel, title, description, checkoutPath, showCheckoutAction, showClearAction, editable, summaryAddon, stickyTopClassName, onQuantityChange, onRemove, onClear, }: StorefrontCartPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function StorefrontCartPanel({ lines, itemCount, totalPerBaseUnitMinor, baseUnitLabel, estimatedTotalMinor, discountedEstimatedTotalMinor, discountAmountMinor, lateReturnSurchargeMinor, couponCode, durationInBaseUnitLabel, title, description, checkoutPath, showCheckoutAction, showClearAction, editable, summaryAddon, stickyTopClassName, onQuantityChange, onRemove, onClear, }: StorefrontCartPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StorefrontCartPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AAQtE,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,yBAAyB,EAAE,CAAA;IAClC,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,6BAA6B,CAAC,EAAE,MAAM,CAAA;IACtC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACnB,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,UAAU,EACV,aAAa,EACb,KAAK,EACL,WAAW,EACX,YAAY,EACZ,kBAA0B,EAC1B,eAAuB,EACvB,QAAe,EACf,YAAY,EACZ,kBAA6B,EAC7B,gBAAgB,EAChB,QAAQ,EACR,OAAO,GACR,EAAE,wBAAwB,2CA0L1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StorefrontCartPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AAQtE,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,yBAAyB,EAAE,CAAA;IAClC,SAAS,EAAE,MAAM,CAAA;IACjB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,aAAa,EAAE,MAAM,CAAA;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,6BAA6B,CAAC,EAAE,MAAM,CAAA;IACtC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,SAAS,EACT,qBAAqB,EACrB,aAAa,EACb,mBAAmB,EACnB,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,UAAU,EACV,uBAAuB,EACvB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,kBAA0B,EAC1B,eAAuB,EACvB,QAAe,EACf,YAAY,EACZ,kBAA6B,EAC7B,gBAAgB,EAChB,QAAQ,EACR,OAAO,GACR,EAAE,wBAAwB,2CAgM1B"}

package/dist/components/StorefrontCartPanel/index.js

@@ -10,7 +10,7 @@ import { useTranslation as u } from "react-i18next";
 import { cn as d } from "@rpcbase/ui";
 import { ArrowRight as f, Trash2 as p } from "lucide-react";
 //#region src/components/StorefrontCartPanel/index.tsx
-function m({ lines: m, itemCount: h, totalPerDayMinor: g, estimatedDays: _, estimatedTotalMinor: v, discountedEstimatedTotalMinor: y, discountAmountMinor: b, lateReturnSurchargeMinor: x, couponCode: S, durationLabel: C, title: w, description: T, checkoutPath: E, showCheckoutAction: D = !1, showClearAction: O = !1, editable: k = !0, summaryAddon: A, stickyTopClassName: j = "top-24", onQuantityChange: M, onRemove: N, onClear: P }) {
+function m({ lines: m, itemCount: h, totalPerBaseUnitMinor: g, baseUnitLabel: _, estimatedTotalMinor: v, discountedEstimatedTotalMinor: y, discountAmountMinor: b, lateReturnSurchargeMinor: x, couponCode: S, durationInBaseUnitLabel: C, title: w, description: T, checkoutPath: E, showCheckoutAction: D = !1, showClearAction: O = !1, editable: k = !0, summaryAddon: A, stickyTopClassName: j = "top-24", onQuantityChange: M, onRemove: N, onClear: P }) {
 	let { t: F, i18n: I } = u();
 	return /* @__PURE__ */ c(i, {
 		className: d("sticky border-slate-200 bg-white shadow-sm", j),
@@ -62,7 +62,8 @@ function m({ lines: m, itemCount: h, totalPerDayMinor: g, estimatedDays: _, esti
 										className: "text-xs text-slate-600",
 										children: /* @__PURE__ */ s("span", { children: F("cart_line_meta", {
 											quantity: i.quantity,
-											price: o
+											price: o,
+											unit: _
 										}) })
 									}),
 									l ? /* @__PURE__ */ s("div", {
@@ -107,24 +108,24 @@ function m({ lines: m, itemCount: h, totalPerDayMinor: g, estimatedDays: _, esti
 					className: "flex items-center justify-between gap-3 border-t border-slate-200 pt-3 text-sm",
 					children: [/* @__PURE__ */ s("p", {
 						className: "text-slate-700",
-						children: /* @__PURE__ */ s("span", { children: F("cart_total_per_day") })
+						children: /* @__PURE__ */ s("span", { children: F("cart_total_per_unit", { unit: _ }) })
 					}), /* @__PURE__ */ s("p", {
 						className: "font-semibold text-slate-950",
 						children: /* @__PURE__ */ s("span", { children: e(g, I.language) })
 					})]
 				}),
-				typeof _ == "number" && typeof v == "number" ? /* @__PURE__ */ c(o, { children: [
-					/* @__PURE__ */ c("div", {
+				typeof v == "number" ? /* @__PURE__ */ c(o, { children: [
+					C ? /* @__PURE__ */ c("div", {
 						className: "flex items-center justify-between gap-3 text-sm",
 						children: [/* @__PURE__ */ s("p", {
 							className: "text-slate-700",
-							children: /* @__PURE__ */ s("span", { children: F("checkout_estimated_days", { count: _ }) })
-						}), C ? /* @__PURE__ */ s(t, {
+							children: /* @__PURE__ */ s("span", { children: F("checkout_estimated_duration") })
+						}), /* @__PURE__ */ s(t, {
 							variant: "outline",
 							className: "border-slate-200 bg-white text-slate-700",
 							children: /* @__PURE__ */ s("span", { children: C })
-						}) : null]
-					}),
+						})]
+					}) : null,
 					typeof b == "number" && b > 0 ? /* @__PURE__ */ c("div", {
 						className: "flex items-center justify-between gap-3 text-sm",
 						children: [/* @__PURE__ */ s("p", {