@loczer/storefront-sdk 0.194.0 → 0.196.0

package/dist/components/Header/index.js

@@ -2,16 +2,16 @@ import { resolveBookingSearchParamsFromSessionStorage as e } from "../../lib/boo
 import { useStorefrontCart as t } from "../../lib/cart.js";
 import { getLocalizedValue as n } from "../../localization.js";
 import { buildStorefrontImageUrl as r } from "../../lib/storefrontImage.js";
-import i from "../../chunks/assets/whatsapp-m5e0vjnZ.js";
-import { MISSING_SHOP_EMAIL as a } from "../../lib/storefrontMissingValues.js";
-import { formatStorefrontAddressTagline as o } from "../../lib/storefrontAddress.js";
-import { Badge as s } from "../../ui/badge.js";
-import { Button as c } from "../../ui/button.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { cn as d, useScrollHideOnDown as f } from "@rpcbase/ui";
-import { useMediaQuery as p, useThrottledMeasure as m } from "@rpcbase/client";
-import { Link as h, useLocation as g, useParams as ee } from "@rpcbase/router";
-import { useTranslation as _ } from "react-i18next";
+import ee from "../../chunks/assets/whatsapp-m5e0vjnZ.js";
+import { MISSING_SHOP_EMAIL as i } from "../../lib/storefrontMissingValues.js";
+import { formatStorefrontAddressTagline as a } from "../../lib/storefrontAddress.js";
+import { Badge as o } from "../../ui/badge.js";
+import { Button as s } from "../../ui/button.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useMediaQuery as u, useThrottledMeasure as d } from "@rpcbase/client";
+import { Link as f, useLocation as p, useParams as m } from "@rpcbase/router";
+import { useTranslation as h } from "react-i18next";
+import { cn as g, useScrollHideOnDown as _ } from "@rpcbase/ui";
 import { ArrowRight as v, ShoppingCart as y } from "lucide-react";
 //#region src/components/Header/index.tsx
 var b = 36, x = (e, t) => {
@@ -19,153 +19,153 @@ var b = 36, x = (e, t) => {
 	return n ? r(n, t ?? "") : "";
 };
 function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay: C }) {
-	let { t: w, i18n: T } = _(), { storeSlug: E } = ee(), D = g(), { itemCount: O } = t(), k = p("(max-width: 640px)"), [A, te] = m(), j = te?.height ?? b, M = f({
+	let { t: w, i18n: T } = h(), { storeSlug: E } = m(), D = p(), { itemCount: O } = t(), k = u("(max-width: 640px)"), [A, te] = d(), j = te?.height ?? b, M = _({
 		enabled: k,
 		thresholdPx: j
 	}), N = k && M ? `translateY(-${j}px)` : "translateY(0)", P = () => {
 		let e = T.language.startsWith("fr") ? "en" : "fr";
 		T.changeLanguage(e);
-	}, F = `/${E ?? ""}`, I = e(new URLSearchParams(D.search), E), L = I.toString(), R = !!(I.get("start_time")?.trim() && I.get("end_time")?.trim()), z = L ? `?${L}` : "", B = `${F}/booking${z}`, V = `${F}/checkout${z}`, H = r?.shop.name?.trim() ?? "", U = r?.shop.emailAddress?.trim() ?? "", W = r?.workspace?.workspaceLanguage, G = n(r?.content?.tagline, T.language, W).trim(), K = o(r?.shop), q = G || K || "[Missing shop address]", J = !G && !K, Y = n(r?.content?.topBannerMessage, T.language, W).trim() || w("top_bar_message"), X = x(r?.content?.logoWideImageId, E), Z = x(r?.shop.logoImageId ?? r?.content?.logoSquareImageId, E), Q = X.length > 0, $ = Z.length > 0;
-	return /* @__PURE__ */ u("div", {
+	}, F = `/${E ?? ""}`, I = e(new URLSearchParams(D.search), E), L = I.toString(), R = !!(I.get("start_time")?.trim() && I.get("end_time")?.trim()), z = L ? `?${L}` : "", B = `${F}/booking${z}`, V = `${F}/checkout${z}`, H = r?.shop.name?.trim() ?? "", U = r?.shop.emailAddress?.trim() ?? "", W = r?.workspace?.workspaceLanguage, G = n(r?.content?.tagline, T.language, W).trim(), K = a(r?.shop), q = G || K || "[Missing shop address]", J = !G && !K, Y = n(r?.content?.topBannerMessage, T.language, W).trim() || w("top_bar_message"), X = x(r?.content?.logoWideImageId, E), Z = x(r?.shop.logoImageId ?? r?.content?.logoSquareImageId, E), Q = X.length > 0, $ = Z.length > 0;
+	return /* @__PURE__ */ l("div", {
 		className: "sticky top-0 z-30",
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ c("div", {
 			className: "transition-transform duration-300",
 			style: { transform: N },
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ c("div", {
 				ref: A,
 				className: "bg-slate-950 text-white",
-				children: /* @__PURE__ */ u("div", {
+				children: /* @__PURE__ */ l("div", {
 					className: "mx-auto flex max-w-7xl items-center justify-between gap-3 px-4 py-2 text-xs sm:px-6",
-					children: [/* @__PURE__ */ l("p", {
+					children: [/* @__PURE__ */ c("p", {
 						className: "flex items-center gap-2",
-						children: /* @__PURE__ */ l("span", { children: Y })
-					}), /* @__PURE__ */ u("div", {
+						children: /* @__PURE__ */ c("span", { children: Y })
+					}), /* @__PURE__ */ l("div", {
 						className: "hidden items-center gap-4 sm:flex",
-						children: [U ? /* @__PURE__ */ l("a", {
+						children: [U ? /* @__PURE__ */ c("a", {
 							className: "inline-flex items-center gap-2 rounded-md px-2 py-1 text-white/90 hover:bg-white/10 hover:text-white",
 							href: `mailto:${U}`,
 							"aria-label": U,
-							children: /* @__PURE__ */ l("span", { children: U })
-						}) : /* @__PURE__ */ l("span", {
+							children: /* @__PURE__ */ c("span", { children: U })
+						}) : /* @__PURE__ */ c("span", {
 							className: "inline-flex items-center rounded-md px-2 py-1 text-destructive",
-							children: a
-						}), S ? /* @__PURE__ */ u("a", {
+							children: i
+						}), S ? /* @__PURE__ */ l("a", {
 							className: "inline-flex items-center gap-2 rounded-md px-2 py-1 text-white/90 hover:bg-white/10 hover:text-white",
 							href: S,
 							target: "_blank",
 							rel: "noreferrer",
 							"aria-label": `WhatsApp${C ? ` ${C}` : ""}`,
-							children: [/* @__PURE__ */ l("img", {
-								src: i,
+							children: [/* @__PURE__ */ c("img", {
+								src: ee,
 								className: "h-5 w-5 shrink-0",
 								alt: "",
 								"aria-hidden": "true"
-							}), C ? /* @__PURE__ */ l("span", { children: C }) : null]
+							}), C ? /* @__PURE__ */ c("span", { children: C }) : null]
 						}) : null]
 					})]
 				})
 			})
-		}), /* @__PURE__ */ l("header", {
+		}), /* @__PURE__ */ c("header", {
 			className: "sticky top-0 z-30 border-b bg-white/90 backdrop-blur transition-transform duration-300",
 			style: { transform: N },
-			children: /* @__PURE__ */ u("div", {
+			children: /* @__PURE__ */ l("div", {
 				className: "mx-auto flex max-w-7xl items-center justify-between gap-4 px-4 py-3 sm:px-6",
 				children: [
-					/* @__PURE__ */ u(h, {
+					/* @__PURE__ */ l(f, {
 						to: F,
 						className: "flex min-w-0 items-center gap-3",
-						children: [$ ? /* @__PURE__ */ l("span", {
+						children: [$ ? /* @__PURE__ */ c("span", {
 							className: "inline-flex h-9 w-9 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-slate-200 bg-white",
-							children: /* @__PURE__ */ l("img", {
+							children: /* @__PURE__ */ c("img", {
 								src: Z,
 								alt: "",
 								className: "h-full w-full object-contain",
 								"aria-hidden": "true"
 							})
-						}) : Q ? null : /* @__PURE__ */ l("span", {
+						}) : Q ? null : /* @__PURE__ */ c("span", {
 							className: "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border-2 border-dashed border-slate-300 bg-slate-50 text-slate-400",
-							children: /* @__PURE__ */ l("span", {
+							children: /* @__PURE__ */ c("span", {
 								className: "text-lg font-semibold leading-none",
 								"aria-hidden": "true",
 								children: "?"
 							})
-						}), /* @__PURE__ */ u("span", {
+						}), /* @__PURE__ */ l("span", {
 							className: "flex min-w-0 flex-col leading-tight",
-							children: [Q && !$ ? /* @__PURE__ */ l("img", {
+							children: [Q && !$ ? /* @__PURE__ */ c("img", {
 								src: X,
 								alt: H,
 								className: "h-8 max-w-[10rem] object-contain object-left sm:max-w-[14rem]"
-							}) : /* @__PURE__ */ l("span", {
+							}) : /* @__PURE__ */ c("span", {
 								className: "truncate text-sm font-semibold",
 								children: H
-							}), /* @__PURE__ */ l("span", {
-								className: d("truncate text-xs text-slate-600", J && "text-destructive"),
+							}), /* @__PURE__ */ c("span", {
+								className: g("truncate text-xs text-slate-600", J && "text-destructive"),
 								children: q
 							})]
 						})]
 					}),
-					/* @__PURE__ */ u("nav", {
+					/* @__PURE__ */ l("nav", {
 						className: "hidden items-center gap-6 text-sm font-medium text-slate-700 md:flex",
 						children: [
-							/* @__PURE__ */ l(h, {
+							/* @__PURE__ */ c(f, {
 								className: "hover:text-slate-950",
 								to: `${F}${z}#categories`,
-								children: /* @__PURE__ */ l("span", { children: w("nav_categories") })
+								children: /* @__PURE__ */ c("span", { children: w("nav_categories") })
 							}),
-							/* @__PURE__ */ l(h, {
+							/* @__PURE__ */ c(f, {
 								className: "hover:text-slate-950",
 								to: `${F}${z}#featured`,
-								children: /* @__PURE__ */ l("span", { children: w("nav_featured") })
+								children: /* @__PURE__ */ c("span", { children: w("nav_featured") })
 							}),
-							/* @__PURE__ */ l(h, {
+							/* @__PURE__ */ c(f, {
 								className: "hover:text-slate-950",
 								to: B,
-								children: /* @__PURE__ */ l("span", { children: w("nav_products") })
+								children: /* @__PURE__ */ c("span", { children: w("nav_products") })
 							}),
-							/* @__PURE__ */ l(h, {
+							/* @__PURE__ */ c(f, {
 								className: "hover:text-slate-950",
 								to: `${F}${z}#contact`,
-								children: /* @__PURE__ */ l("span", { children: w("nav_contact") })
+								children: /* @__PURE__ */ c("span", { children: w("nav_contact") })
 							})
 						]
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ l("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ l(c, {
+							/* @__PURE__ */ c(s, {
 								variant: "outline",
 								size: "sm",
 								className: "hidden sm:inline-flex",
 								onClick: P,
-								children: /* @__PURE__ */ l("span", { children: w("language_toggle") })
+								children: /* @__PURE__ */ c("span", { children: w("language_toggle") })
 							}),
-							/* @__PURE__ */ l(c, {
+							/* @__PURE__ */ c(s, {
 								asChild: !0,
 								variant: "outline",
 								size: "sm",
-								className: d("relative gap-2", O > 0 && R ? "inline-flex" : "hidden"),
-								children: /* @__PURE__ */ u(h, {
+								className: g("relative gap-2", O > 0 && R ? "inline-flex" : "hidden"),
+								children: /* @__PURE__ */ l(f, {
 									to: V,
 									children: [
-										/* @__PURE__ */ l(y, {
+										/* @__PURE__ */ c(y, {
 											className: "h-4 w-4",
 											"aria-hidden": "true"
 										}),
-										/* @__PURE__ */ l("span", { children: w("cart_button") }),
-										/* @__PURE__ */ l(s, {
+										/* @__PURE__ */ c("span", { children: w("cart_button") }),
+										/* @__PURE__ */ c(o, {
 											className: "absolute -right-2 -top-2 h-5 min-w-5 rounded-full px-1.5 text-xs",
-											children: /* @__PURE__ */ l("span", { children: O })
+											children: /* @__PURE__ */ c("span", { children: O })
 										})
 									]
 								})
 							}),
-							/* @__PURE__ */ l(c, {
+							/* @__PURE__ */ c(s, {
 								asChild: !0,
 								size: "sm",
 								className: "gap-2",
-								children: /* @__PURE__ */ u(h, {
+								children: /* @__PURE__ */ l(f, {
 									to: B,
-									children: [/* @__PURE__ */ l("span", { children: w("cta_book_now") }), /* @__PURE__ */ l(v, {
+									children: [/* @__PURE__ */ c("span", { children: w("cta_book_now") }), /* @__PURE__ */ c(v, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})]

package/dist/components/Map/index.js

@@ -1,4 +1,4 @@
-import { Map as e } from "../../chunks/pkg/ui/dist/Map-CsOTdTtL.js";
+import { Map as e } from "../../chunks/pkg/ui/dist/Map-Cs7wgtH9.js";
 import { createMarkerElement as t } from "./createMarkerElement.js";
 //#region src/components/Map/index.tsx
 var n = e;

package/dist/components/PoweredByLoczerBadge/index.js

@@ -1,8 +1,8 @@
 import { I18nProvider as e } from "../../i18n/I18nProvider.js";
 import { useId as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { cn as i } from "@rpcbase/ui";
-import { useTranslation as a } from "react-i18next";
+import { useTranslation as i } from "react-i18next";
+import { cn as a } from "@rpcbase/ui";
 //#region src/components/PoweredByLoczerBadge/index.tsx
 var o = "https://loczer.com";
 function s({ className: e }) {
@@ -47,14 +47,14 @@ function c({ language: t, ...r }) {
 	});
 }
 function l({ className: e, href: t = o, markClassName: c, rel: l = "noopener noreferrer", showTagline: u = !0, target: d = "_blank", ...f }) {
-	let { t: p } = a();
+	let { t: p } = i();
 	return /* @__PURE__ */ r("a", {
-		className: i("group inline-flex w-fit items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-3 py-2 shadow-sm transition hover:border-white/20 hover:bg-white/10", e),
+		className: a("group inline-flex w-fit items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-3 py-2 shadow-sm transition hover:border-white/20 hover:bg-white/10", e),
 		href: t,
 		target: d,
 		rel: l,
 		...f,
-		children: [/* @__PURE__ */ n(s, { className: i("h-8 w-8 flex-shrink-0", c) }), /* @__PURE__ */ r("span", {
+		children: [/* @__PURE__ */ n(s, { className: a("h-8 w-8 flex-shrink-0", c) }), /* @__PURE__ */ r("span", {
 			className: "flex flex-col items-start leading-tight text-left",
 			children: [/* @__PURE__ */ n("span", {
 				className: "font-medium text-white/90 group-hover:text-white",

package/dist/components/ProductPriceBadge/index.js

@@ -1,34 +1,34 @@
 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 "../../StorefrontProvider.js";
-import { useEffect as o, useId as s, useRef as c, useState as l } from "react";
-import { Fragment as ee, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { cn as f } from "@rpcbase/ui";
-import { useMediaQuery as p } from "@rpcbase/client";
-import { useTranslation as te } from "react-i18next";
-import { Info as ne, Mail as re, Phone as ie, TrendingDown as m } from "lucide-react";
-import { Drawer as h } from "@base-ui/react/drawer";
-import { Popover as g } from "@base-ui/react/popover";
+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 { useMediaQuery as d } from "@rpcbase/client";
+import { useTranslation as f } from "react-i18next";
+import { cn as p } from "@rpcbase/ui";
+import { Info as ne, Mail as re, 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";
 //#region src/components/ProductPriceBadge/index.tsx
-var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-popover-open", v = (e) => typeof Node < "u" && e instanceof Node, y = (e) => {
-	typeof window > "u" || window.dispatchEvent(new CustomEvent(_, { detail: { id: e } }));
-}, b = ({ prices: b, minPriceMinor: x, className: S }) => {
-	let { t: C, i18n: w } = te(), T = s(), E = a(), se = p(oe), D = p("(hover: none), (pointer: coarse)"), O = !!(se || D), [k, A] = l(null), [j, M] = l(!1), N = c(null), P = c(null), F = c(null), I = c(null), L = k !== null, R = t(b, w.language, C), z = e(b, w.language), B = R[0], V = R[1], H = () => {
+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 }) => {
+	let { t: w, i18n: T } = f(), E = ee(), D = a(), oe = d(ae), se = d("(hover: none), (pointer: coarse)"), O = !!(oe || se), [k, A] = c(null), [j, M] = c(!1), N = s(null), P = s(null), F = s(null), I = s(null), L = k !== null, R = t(x, T.language, w), z = e(x, T.language), B = R[0], V = R[1], H = () => {
 		N.current &&= (clearTimeout(N.current), null);
 	}, U = (e) => {
-		O || (H(), A((t) => t === "click" ? t : e), y(T));
+		O || (H(), A((t) => t === "click" ? t : e), b(E));
 	}, W = () => {
 		H(), A(null);
 	}, G = () => {
-		H(), M(!0), y(T);
+		H(), M(!0), b(E);
 	}, ce = () => {
 		M(!1);
 	}, le = () => {
 		L || U("hover");
-	}, ue = (e) => v(e) ? !!(P.current?.contains(e) || I.current?.contains(e)) : !1, K = (e) => v(e) ? !!(F.current?.contains(e) || I.current?.contains(e)) : !1, q = (e) => {
+	}, ue = (e) => y(e) ? !!(P.current?.contains(e) || I.current?.contains(e)) : !1, K = (e) => y(e) ? !!(F.current?.contains(e) || I.current?.contains(e)) : !1, q = (e) => {
 		k !== "hover" || K(e) || (H(), N.current = setTimeout(() => {
 			A((e) => e === "hover" ? null : e), N.current = null;
-		}, ae));
+		}, ie));
 	}, J = (e) => {
 		q(e?.relatedTarget);
 	}, de = (e) => {
@@ -40,12 +40,12 @@ var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-po
 			H();
 		};
 		let e = (e) => {
-			e.detail?.id !== T && (H(), A(null), M(!1));
+			e.detail?.id !== E && (H(), A(null), M(!1));
 		};
-		return window.addEventListener(_, e), () => {
-			window.removeEventListener(_, e), H();
+		return window.addEventListener(v, e), () => {
+			window.removeEventListener(v, e), H();
 		};
-	}, [T]), o(() => {
+	}, [E]), o(() => {
 		if (k !== "hover" || typeof window > "u") return;
 		let e = (e) => {
 			if (K(e.target)) {
@@ -63,94 +63,94 @@ var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-po
 			return;
 		}
 		M(!1);
-	}, [O]), !B) return typeof x == "number" ? /* @__PURE__ */ u(r, {
+	}, [O]), !B) return typeof S == "number" ? /* @__PURE__ */ l(r, {
 		variant: "outline",
-		className: f("border-slate-200 bg-white text-slate-700", S),
-		children: /* @__PURE__ */ u("span", { children: C("price_from", { price: n(x, w.language) }) })
+		className: p("border-slate-200 bg-white text-slate-700", C),
+		children: /* @__PURE__ */ l("span", { children: w("price_from", { price: n(S, T.language) }) })
 	}) : 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", z.length > 0 && "cursor-pointer", S), X = E?.storefrontConfiguration.shop.emailAddress?.trim(), Z = E?.storefrontConfiguration.shop.contactPhone1?.trim(), fe = !!(X || Z), Q = () => /* @__PURE__ */ d(ee, { children: [
-		/* @__PURE__ */ u("span", {
+	let Y = p(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", z.length > 0 && "cursor-pointer", C), X = D?.storefrontConfiguration.shop.emailAddress?.trim(), Z = D?.storefrontConfiguration.shop.contactPhone1?.trim(), fe = !!(X || Z), Q = () => /* @__PURE__ */ u(te, { children: [
+		/* @__PURE__ */ l("span", {
 			className: "font-semibold",
 			children: B
 		}),
-		V ? /* @__PURE__ */ d("span", {
+		V ? /* @__PURE__ */ u("span", {
 			className: "inline-flex items-center gap-1 text-slate-500",
-			children: [/* @__PURE__ */ u(m, {
+			children: [/* @__PURE__ */ l(h, {
 				className: "h-3 w-3",
 				strokeWidth: 2.4,
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ u("span", { children: C("price_then", { price: V }) })]
+			}), /* @__PURE__ */ l("span", { children: w("price_then", { price: V }) })]
 		}) : null,
-		z.length > 0 ? /* @__PURE__ */ u("span", {
+		z.length > 0 ? /* @__PURE__ */ l("span", {
 			ref: F,
 			className: "inline-flex shrink-0 items-center text-slate-500",
 			onMouseEnter: () => U("hover"),
 			onMouseMove: le,
 			onMouseLeave: J,
-			children: /* @__PURE__ */ u(ne, {
+			children: /* @__PURE__ */ l(ne, {
 				className: "h-3 w-3",
 				"aria-hidden": "true"
 			})
 		}) : null
-	] }), pe = () => fe ? /* @__PURE__ */ d("div", {
+	] }), pe = () => fe ? /* @__PURE__ */ u("div", {
 		className: "border-t border-slate-200 pt-2 text-slate-600",
-		children: [/* @__PURE__ */ u("p", {
+		children: [/* @__PURE__ */ l("p", {
 			className: "leading-snug",
-			children: /* @__PURE__ */ u("span", { children: C("price_table_contact_prompt") })
-		}), /* @__PURE__ */ d("div", {
+			children: /* @__PURE__ */ l("span", { children: w("price_table_contact_prompt") })
+		}), /* @__PURE__ */ u("div", {
 			className: "mt-2 flex flex-wrap gap-x-3 gap-y-1",
-			children: [Z ? /* @__PURE__ */ d("a", {
+			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__ */ u(ie, {
+				children: [/* @__PURE__ */ l(m, {
 					className: "h-3 w-3 shrink-0",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ u("span", {
+				}), /* @__PURE__ */ l("span", {
 					className: "whitespace-nowrap",
 					children: Z
 				})]
-			}) : null, X ? /* @__PURE__ */ d("a", {
+			}) : 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__ */ u(re, {
+				children: [/* @__PURE__ */ l(re, {
 					className: "h-3 w-3 shrink-0",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ u("span", {
+				}), /* @__PURE__ */ l("span", {
 					className: "break-all",
 					children: X
 				})]
 			}) : null]
 		})]
-	}) : null, $ = (e, t) => /* @__PURE__ */ d("div", {
-		className: f("grid gap-2", t === "popover" ? "text-xs" : "text-base"),
+	}) : null, $ = (e, t) => /* @__PURE__ */ u("div", {
+		className: p("grid gap-2", t === "popover" ? "text-xs" : "text-base"),
 		children: [
-			e ? /* @__PURE__ */ u("p", {
+			e ? /* @__PURE__ */ l("p", {
 				className: "font-semibold uppercase tracking-[0.12em] text-slate-500",
-				children: /* @__PURE__ */ u("span", { children: C("price_table_title") })
+				children: /* @__PURE__ */ l("span", { children: w("price_table_title") })
 			}) : null,
-			/* @__PURE__ */ u("ul", {
-				className: f("grid gap-1 text-slate-600", t === "drawer" && "gap-1.5"),
+			/* @__PURE__ */ l("ul", {
+				className: p("grid gap-1 text-slate-600", t === "drawer" && "gap-1.5"),
 				children: z.map(({ dayCount: e, totalPriceLabel: n, perDayPriceLabel: r }) => {
-					let i = C("price_table_day", { count: e }), a = C("price_table_per_day", { price: r });
-					return /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d("div", {
+					let i = w("price_table_day", { count: e }), a = w("price_table_per_day", { price: r });
+					return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u("div", {
 						className: "flex items-baseline gap-2",
 						children: [
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ l("span", {
 								className: "shrink-0 leading-tight",
 								children: i
 							}),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ l("span", {
 								className: "mx-1 flex-1 border-b border-dotted border-slate-300",
 								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ d("span", {
+							/* @__PURE__ */ u("span", {
 								className: "shrink-0 font-medium leading-tight text-slate-950",
-								children: [n, /* @__PURE__ */ d("span", {
-									className: f("ml-1 font-medium text-slate-500", t === "popover" ? "text-xs" : "text-sm"),
+								children: [n, /* @__PURE__ */ u("span", {
+									className: p("ml-1 font-medium text-slate-500", t === "popover" ? "text-xs" : "text-sm"),
 									children: [
-										/* @__PURE__ */ u("span", { children: "(" }),
-										/* @__PURE__ */ u("span", { children: a }),
-										/* @__PURE__ */ u("span", { children: ")" })
+										/* @__PURE__ */ l("span", { children: "(" }),
+										/* @__PURE__ */ l("span", { children: a }),
+										/* @__PURE__ */ l("span", { children: ")" })
 									]
 								})]
 							})
@@ -161,17 +161,17 @@ var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-po
 			pe()
 		]
 	});
-	return O ? /* @__PURE__ */ d(h.Root, {
+	return O ? /* @__PURE__ */ u(g.Root, {
 		open: j,
 		onOpenChange: (e) => {
 			e ? G() : ce();
 		},
 		swipeDirection: "down",
-		children: [/* @__PURE__ */ u(h.Trigger, {
+		children: [/* @__PURE__ */ l(g.Trigger, {
 			ref: P,
 			type: "button",
 			className: Y,
-			"aria-label": C("price_details_aria_label", { price: B }),
+			"aria-label": w("price_details_aria_label", { price: B }),
 			"aria-expanded": j,
 			onClick: (e) => {
 				e.stopPropagation();
@@ -180,38 +180,38 @@ var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-po
 				e.stopPropagation();
 			},
 			children: Q()
-		}), /* @__PURE__ */ d(h.Portal, { children: [/* @__PURE__ */ u(h.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__ */ u(h.Viewport, {
+		}), /* @__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, {
 			className: "pointer-events-none fixed inset-0 z-50",
-			children: /* @__PURE__ */ d(h.Popup, {
+			children: /* @__PURE__ */ u(g.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__ */ u("div", {
+				children: [/* @__PURE__ */ l("div", {
 					className: "mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full bg-slate-200",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ u(h.Content, { children: /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ l(g.Content, { children: /* @__PURE__ */ u("div", {
 					className: "flex max-h-[calc(90dvh-1rem)] flex-col",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ l("div", {
 						className: "border-b border-slate-200 px-4 py-4 text-left",
-						children: /* @__PURE__ */ u(h.Title, {
+						children: /* @__PURE__ */ l(g.Title, {
 							className: "text-left text-lg font-semibold text-slate-950",
-							children: /* @__PURE__ */ u("span", { children: C("price_table_title") })
+							children: /* @__PURE__ */ l("span", { children: w("price_table_title") })
 						})
-					}), /* @__PURE__ */ u("div", {
+					}), /* @__PURE__ */ l("div", {
 						className: "flex-1 overflow-y-auto px-4 pb-6 pt-3",
 						children: $(!1, "drawer")
 					})]
 				}) })]
 			})
 		})] })]
-	}) : /* @__PURE__ */ d(g.Root, {
+	}) : /* @__PURE__ */ u(_.Root, {
 		open: L,
 		onOpenChange: (e) => {
 			e ? U("click") : W();
 		},
-		children: [/* @__PURE__ */ u(g.Trigger, {
+		children: [/* @__PURE__ */ l(_.Trigger, {
 			ref: P,
 			type: "button",
 			className: Y,
-			"aria-label": C("price_details_aria_label", { price: B }),
+			"aria-label": w("price_details_aria_label", { price: B }),
 			"aria-expanded": L,
 			onBlur: de,
 			onClick: (e) => {
@@ -221,13 +221,13 @@ var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-po
 				e.stopPropagation();
 			},
 			children: Q()
-		}), z.length > 0 ? /* @__PURE__ */ u(g.Portal, { children: /* @__PURE__ */ u(g.Positioner, {
+		}), z.length > 0 ? /* @__PURE__ */ l(_.Portal, { children: /* @__PURE__ */ l(_.Positioner, {
 			side: "top",
 			align: "end",
 			sideOffset: 8,
 			collisionPadding: 12,
 			className: "pointer-events-auto z-[70] outline-none",
-			children: /* @__PURE__ */ u(g.Popup, {
+			children: /* @__PURE__ */ l(_.Popup, {
 				ref: I,
 				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",
@@ -245,4 +245,4 @@ var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-po
 	});
 };
 //#endregion
-export { b as ProductPriceBadge };
+export { x as ProductPriceBadge };

package/dist/components/StorefrontCancellationPolicyNotice/index.js

@@ -1,9 +1,9 @@
 import { Button as e } from "../../ui/button.js";
-import { ResponsiveDialog as t, ResponsiveDialogContent as n, ResponsiveDialogDescription as r, ResponsiveDialogFooter as i, ResponsiveDialogHeader as a, ResponsiveDialogTitle as o } from "../../chunks/pkg/ui/dist/ResponsiveDialog-C6IWYoIg.js";
+import { ResponsiveDialog as t, ResponsiveDialogContent as n, ResponsiveDialogDescription as r, ResponsiveDialogFooter as i, ResponsiveDialogHeader as a, ResponsiveDialogTitle as o } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BVwhTZQo.js";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { cn as l } from "@rpcbase/ui";
-import { useSearchParams as u } from "@rpcbase/router";
-import { useTranslation as d } from "react-i18next";
+import { useSearchParams as l } from "@rpcbase/router";
+import { useTranslation as u } from "react-i18next";
+import { cn as d } from "@rpcbase/ui";
 import { CheckCircle2 as f, Info as p } from "lucide-react";
 //#region src/components/StorefrontCancellationPolicyNotice/index.tsx
 var m = .95, h = "show_cancellation_policy_modal", g = (e) => e.tiers.length === 0 ? [] : [...e.tiers].sort((e, t) => e.upToHours - t.upToHours), _ = (e) => g(e).find((e) => e.refundPercentage >= m) ?? null, v = (e, t) => {
@@ -17,7 +17,7 @@ var m = .95, h = "show_cancellation_policy_modal", g = (e) => e.tiers.length ===
 	}
 };
 function y({ policy: m, className: y }) {
-	let { t: b, i18n: x } = d(), [S, C] = u(), w = S.get(h) === "true", T = g(m), E = _(m), D = (e) => {
+	let { t: b, i18n: x } = u(), [S, C] = l(), w = S.get(h) === "true", T = g(m), E = _(m), D = (e) => {
 		let t = new URLSearchParams(S);
 		e ? t.set(h, "true") : t.delete(h), C(t, { replace: !0 });
 	};
@@ -27,7 +27,7 @@ function y({ policy: m, className: y }) {
 		return t >= 72 && t % 24 == 0 ? b("cancellation_policy_duration_days", { count: t / 24 }) : b("cancellation_policy_duration_hours", { count: t });
 	};
 	return /* @__PURE__ */ c("li", {
-		className: l("flex items-start gap-3", y),
+		className: d("flex items-start gap-3", y),
 		"data-testid": "storefront-cancellation-policy-notice",
 		children: [
 			/* @__PURE__ */ s(f, {