@loczer/storefront-sdk 0.230.0 → 0.232.0

package/dist/components/ContractSaleDocument/InvoiceDetails.js

@@ -97,62 +97,68 @@ function d({ saleDocument: d, items: f, subtotal: p, tax: m, total: h, formatDat
 					className: o("grid md:grid-cols-2", C ? "gap-3 md:gap-4" : "gap-6 md:gap-8"),
 					children: [/* @__PURE__ */ i("div", {
 						className: o(C ? "text-[13px] leading-[18px]" : "text-sm"),
-						"data-testid": k ? "contract-sale-document-issuer-legal-identity" : void 0,
-						children: [
-							/* @__PURE__ */ r("h2", {
-								className: "font-semibold text-primary",
-								children: A
-							}),
-							N ? /* @__PURE__ */ r("p", {
-								className: "whitespace-nowrap text-muted-foreground",
-								children: N
-							}) : null,
-							P ? /* @__PURE__ */ i("p", {
-								className: "flex items-baseline gap-1 text-muted-foreground",
-								children: [/* @__PURE__ */ i("span", { children: [E("docs_contract_sale_legal_vat_number_label"), ":"] }), /* @__PURE__ */ r("span", { children: P })]
-							}) : null,
-							j ? /* @__PURE__ */ r("p", {
-								className: "text-muted-foreground whitespace-pre-line",
-								children: j
-							}) : null
-						]
+						children: [/* @__PURE__ */ r("h2", {
+							className: "mb-2 font-semibold text-foreground",
+							children: /* @__PURE__ */ r("span", { children: T("docs_contract_sale_issuer_label") })
+						}), /* @__PURE__ */ i("div", {
+							"data-testid": k ? "contract-sale-document-issuer-legal-identity" : void 0,
+							children: [
+								/* @__PURE__ */ r("p", {
+									className: "font-semibold text-primary",
+									children: A
+								}),
+								N ? /* @__PURE__ */ r("p", {
+									className: "whitespace-nowrap text-muted-foreground",
+									children: N
+								}) : null,
+								P ? /* @__PURE__ */ i("p", {
+									className: "flex items-baseline gap-1 text-muted-foreground",
+									children: [/* @__PURE__ */ i("span", { children: [E("docs_contract_sale_legal_vat_number_label"), ":"] }), /* @__PURE__ */ r("span", { children: P })]
+								}) : null,
+								j ? /* @__PURE__ */ r("p", {
+									className: "text-muted-foreground whitespace-pre-line",
+									children: j
+								}) : null
+							]
+						})]
 					}), /* @__PURE__ */ i("div", {
 						className: o("md:text-right", C ? "text-[13px] leading-[18px]" : "text-sm"),
-						"data-testid": F ? "contract-sale-document-recipient-legal-identity" : void 0,
-						children: [
-							/* @__PURE__ */ r("h3", {
-								className: "mb-2 font-semibold text-foreground",
-								children: X
-							}),
-							/* @__PURE__ */ r("p", {
-								className: "font-medium text-foreground",
-								children: I
-							}),
-							z ? /* @__PURE__ */ r("p", {
-								className: "text-muted-foreground",
-								children: z
-							}) : null,
-							!R && B ? /* @__PURE__ */ i("p", {
-								className: "text-muted-foreground",
-								children: [/* @__PURE__ */ i("span", { children: [E("docs_contract_sale_legal_company_registration_label"), ":"] }), /* @__PURE__ */ i("span", { children: [" ", B] })]
-							}) : null,
-							V ? /* @__PURE__ */ i("p", {
-								className: "text-muted-foreground",
-								children: [/* @__PURE__ */ i("span", { children: [E("docs_contract_sale_legal_establishment_registration_label"), ":"] }), /* @__PURE__ */ i("span", { children: [" ", V] })]
-							}) : null,
-							H ? /* @__PURE__ */ i("p", {
-								className: "text-muted-foreground",
-								children: [/* @__PURE__ */ i("span", { children: [E("docs_contract_sale_legal_vat_number_label"), ":"] }), /* @__PURE__ */ i("span", { children: [" ", H] })]
-							}) : null,
-							L ? /* @__PURE__ */ r("p", {
-								className: "text-muted-foreground whitespace-pre-line",
-								children: L
-							}) : null,
-							U ? /* @__PURE__ */ r("p", {
-								className: "text-muted-foreground",
-								children: U
-							}) : null
-						]
+						children: [/* @__PURE__ */ r("h2", {
+							className: "mb-2 font-semibold text-foreground",
+							children: /* @__PURE__ */ r("span", { children: X })
+						}), /* @__PURE__ */ i("div", {
+							"data-testid": F ? "contract-sale-document-recipient-legal-identity" : void 0,
+							children: [
+								/* @__PURE__ */ r("p", {
+									className: "font-medium text-foreground",
+									children: I
+								}),
+								z ? /* @__PURE__ */ r("p", {
+									className: "text-muted-foreground",
+									children: z
+								}) : null,
+								!R && B ? /* @__PURE__ */ i("p", {
+									className: "text-muted-foreground",
+									children: [/* @__PURE__ */ i("span", { children: [E("docs_contract_sale_legal_company_registration_label"), ":"] }), /* @__PURE__ */ i("span", { children: [" ", B] })]
+								}) : null,
+								V ? /* @__PURE__ */ i("p", {
+									className: "text-muted-foreground",
+									children: [/* @__PURE__ */ i("span", { children: [E("docs_contract_sale_legal_establishment_registration_label"), ":"] }), /* @__PURE__ */ i("span", { children: [" ", V] })]
+								}) : null,
+								H ? /* @__PURE__ */ i("p", {
+									className: "text-muted-foreground",
+									children: [/* @__PURE__ */ i("span", { children: [E("docs_contract_sale_legal_vat_number_label"), ":"] }), /* @__PURE__ */ i("span", { children: [" ", H] })]
+								}) : null,
+								L ? /* @__PURE__ */ r("p", {
+									className: "text-muted-foreground whitespace-pre-line",
+									children: L
+								}) : null,
+								U ? /* @__PURE__ */ r("p", {
+									className: "text-muted-foreground",
+									children: U
+								}) : null
+							]
+						})]
 					})]
 				})]
 			}),
@@ -198,7 +204,7 @@ function d({ saleDocument: d, items: f, subtotal: p, tax: m, total: h, formatDat
 			/* @__PURE__ */ i("section", {
 				className: o(O ? "mb-0 flex flex-grow flex-col" : C ? "mb-4" : "mb-8"),
 				children: [/* @__PURE__ */ i("div", {
-					className: o("flex bg-muted font-semibold text-muted-foreground", C ? "p-2 text-sm leading-5" : "p-2 text-xs md:p-3 md:text-base"),
+					className: o("flex bg-muted font-semibold text-muted-foreground", C ? "-mx-2 px-2 py-2 text-sm leading-5" : "-mx-2 px-2 py-2 text-xs md:-mx-3 md:px-3 md:py-3 md:text-base"),
 					children: [
 						/* @__PURE__ */ r("div", {
 							className: "w-5/12 pr-2 md:w-1/2",
@@ -222,7 +228,7 @@ function d({ saleDocument: d, items: f, subtotal: p, tax: m, total: h, formatDat
 					children: f.map((e) => {
 						let t = 1 + (e.taxRate ?? d.taxRate ?? 0);
 						return /* @__PURE__ */ i("div", {
-							className: o("flex items-center border-b border-border", C ? "p-2 text-sm leading-5" : "p-2 text-sm md:p-3 md:text-base"),
+							className: o("flex items-center border-b border-border", C ? "py-2 text-sm leading-5" : "py-2 text-sm md:py-3 md:text-base"),
 							children: [
 								/* @__PURE__ */ r("div", {
 									className: "w-5/12 pr-2 md:w-1/2",

package/dist/components/Footer/businessHoursStatus.js

@@ -1,5 +1,5 @@
 import { resolveOpeningHoursForDate as e } from "../../chunks/pkg/booking-engine/dist/utils/opening-hours-period-TCyLhzZw.js";
-import "../../chunks/pkg/booking-engine/dist/schemas-DW5gdDYz.js";
+import "../../chunks/pkg/booking-engine/dist/schemas-JjiUWFIv.js";
 import { businessDateStringToDate as t, calendarDateToBusinessDateString as n, instantToBusinessDateTimeParts as r, normalizeBusinessDateString as i, parseTimeToMinutes as a } from "../../lib/booking-period.js";
 //#region src/components/Footer/businessHoursStatus.ts
 var o = 370, s = (e, r) => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAMtE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAQD,wBAAgB,MAAM,CAAC,EAAE,uBAAuB,EAAE,YAAY,EAAE,oBAAoB,EAAE,EAAE,WAAW,2CAuPlG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAMtE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAQD,wBAAgB,MAAM,CAAC,EAAE,uBAAuB,EAAE,YAAY,EAAE,oBAAoB,EAAE,EAAE,WAAW,2CAyPlG"}

package/dist/components/Header/index.js

@@ -5,46 +5,46 @@ import { buildStorefrontImageUrl as r } from "../../lib/storefrontImage.js";
 import ee from "../../chunks/assets/whatsapp-m5e0vjnZ.js";
 import { MISSING_SHOP_EMAIL as te } from "../../lib/storefrontMissingValues.js";
 import { formatStorefrontAddressTagline as i } from "../../lib/storefrontAddress.js";
-import { Badge as a } from "../../ui/badge.js";
-import { Button as o } from "../../ui/button.js";
-import { LanguageSelector as s } from "../LanguageSelector/index.js";
-import { Drawer as ne, DrawerClose as c, DrawerContent as l, DrawerDescription as u, DrawerHeader as d, DrawerTitle as re, DrawerTrigger as ie } from "../../ui/drawer.js";
+import { Badge as ne } from "../../ui/badge.js";
+import { Button as a } from "../../ui/button.js";
+import { LanguageSelector as o } from "../LanguageSelector/index.js";
+import { Drawer as re, DrawerClose as s, DrawerContent as c, DrawerDescription as l, DrawerHeader as u, DrawerTitle as d, DrawerTrigger as ie } from "../../ui/drawer.js";
 import { useOptionalStorefront as ae } from "../../StorefrontContext.js";
 import { useState as oe } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useMediaQuery as m, useThrottledMeasure as se } from "@rpcbase/client";
+import { useMediaQuery as se, useThrottledMeasure as m } from "@rpcbase/client";
 import { Link as h, useLocation as ce, useParams as le } from "@rpcbase/router";
 import { useTranslation as ue } from "react-i18next";
-import { cn as g, useScrollHideOnDown as de } from "@rpcbase/ui";
+import { cn as de, useScrollHideOnDown as g } from "@rpcbase/ui";
 import { ArrowRight as _, Menu as v, ShoppingCart as y } from "lucide-react";
 //#region src/components/Header/index.tsx
-var b = 36, x = (e, t) => {
+var fe = 36, b = (e, t) => {
 	let n = e?.trim() ?? "";
 	return n ? r(n, t ?? "") : "";
 };
-function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay: C }) {
-	let { t: w, i18n: T } = ue(), E = ae(), { storeSlug: D } = le(), fe = ce(), { itemCount: O } = n(), k = m("(max-width: 640px)"), [A, j] = oe(!1), [M, N] = se(), P = N?.height ?? b, F = de({
+function x({ storefrontConfiguration: r, whatsappHref: x, whatsappPhoneDisplay: S }) {
+	let { t: C, i18n: w } = ue(), T = ae(), { storeSlug: E } = le(), pe = ce(), { itemCount: D, isReady: O } = n(), k = se("(max-width: 640px)"), [A, j] = oe(!1), [M, N] = m(), P = N?.height ?? fe, F = g({
 		enabled: k,
 		thresholdPx: P
-	}), I = k && F ? `translateY(-${P}px)` : "translateY(0)", L = `/${D ?? ""}`, R = e(new URLSearchParams(fe.search), D), z = R.toString(), B = !!(R.get("start_time")?.trim() && R.get("end_time")?.trim()), V = z ? `?${z}` : "", H = `${L}/booking${V}`, pe = `${L}/checkout${V}`, U = r?.shop.name?.trim() ?? "", W = r?.shop.emailAddress?.trim() ?? "", G = r?.workspace?.workspaceLanguage, K = r?.workspace?.languages, q = t(r?.content?.tagline, T.language, G).trim(), J = i(r?.shop), Y = q || J || "[Missing shop address]", me = !q && !J, he = t(r?.content?.topBannerMessage, T.language, G).trim() || w("top_bar_message"), X = x(r?.content?.logoWideImageId, D), Z = x(r?.shop.logoImageId ?? r?.content?.logoSquareImageId, D), Q = X.length > 0, $ = Z.length > 0, ge = [
+	}), I = k && F ? `translateY(-${P}px)` : "translateY(0)", L = `/${E ?? ""}`, R = e(new URLSearchParams(pe.search), E), z = R.toString(), B = !!(R.get("start_time")?.trim() && R.get("end_time")?.trim()), V = z ? `?${z}` : "", H = `${L}/booking${V}`, me = `${L}/checkout${V}`, he = D > 0 && B ? me : H, U = r?.shop.name?.trim() ?? "", W = r?.shop.emailAddress?.trim() ?? "", G = r?.workspace?.workspaceLanguage, K = r?.workspace?.languages, q = t(r?.content?.tagline, w.language, G).trim(), J = i(r?.shop), Y = q || J || "[Missing shop address]", ge = !q && !J, _e = t(r?.content?.topBannerMessage, w.language, G).trim() || C("top_bar_message"), X = b(r?.content?.logoWideImageId, E), Z = b(r?.shop.logoImageId ?? r?.content?.logoSquareImageId, E), Q = X.length > 0, $ = Z.length > 0, ve = [
 		{
-			label: w("nav_categories"),
+			label: C("nav_categories"),
 			to: `${L}${V}#categories`
 		},
 		{
-			label: w("nav_featured"),
+			label: C("nav_featured"),
 			to: `${L}${V}#featured`
 		},
 		{
-			label: w("nav_products"),
+			label: C("nav_products"),
 			to: H
 		},
-		...(E?.itineraries.length ?? 0) > 0 ? [{
-			label: w("nav_itineraries"),
+		...(T?.itineraries.length ?? 0) > 0 ? [{
+			label: C("nav_itineraries"),
 			to: `${L}/itineraries`
 		}] : [],
 		{
-			label: w("nav_contact"),
+			label: C("nav_contact"),
 			to: `${L}${V}#contact`
 		}
 	];
@@ -60,21 +60,21 @@ function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay:
 					className: "mx-auto flex max-w-7xl items-center justify-start gap-3 px-4 py-2 text-left text-xs leading-4 sm:justify-between sm:px-6",
 					children: [/* @__PURE__ */ f("p", {
 						className: "w-full min-w-0 break-words sm:w-auto",
-						children: /* @__PURE__ */ f("span", { children: he })
+						children: /* @__PURE__ */ f("span", { children: _e })
 					}), /* @__PURE__ */ p("div", {
 						className: "hidden items-center gap-4 sm:flex",
-						children: [S ? /* @__PURE__ */ p("a", {
+						children: [x ? /* @__PURE__ */ p("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,
+							href: x,
 							target: "_blank",
 							rel: "noreferrer",
-							"aria-label": `WhatsApp${C ? ` ${C}` : ""}`,
+							"aria-label": `WhatsApp${S ? ` ${S}` : ""}`,
 							children: [/* @__PURE__ */ f("img", {
 								src: ee,
 								className: "h-5 w-5 shrink-0",
 								alt: "",
 								"aria-hidden": "true"
-							}), C ? /* @__PURE__ */ f("span", { children: C }) : null]
+							}), S ? /* @__PURE__ */ f("span", { children: S }) : null]
 						}) : null, W ? /* @__PURE__ */ f("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:${W}`,
@@ -121,7 +121,7 @@ function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay:
 								className: "truncate text-sm font-semibold",
 								children: U
 							}), /* @__PURE__ */ f("span", {
-								className: g("truncate text-xs text-slate-600", me && "text-destructive"),
+								className: de("truncate text-xs text-slate-600", ge && "text-destructive"),
 								children: Y
 							})]
 						})]
@@ -132,45 +132,45 @@ function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay:
 							/* @__PURE__ */ f(h, {
 								className: "hover:text-slate-950",
 								to: `${L}${V}#categories`,
-								children: /* @__PURE__ */ f("span", { children: w("nav_categories") })
+								children: /* @__PURE__ */ f("span", { children: C("nav_categories") })
 							}),
 							/* @__PURE__ */ f(h, {
 								className: "hover:text-slate-950",
 								to: `${L}${V}#featured`,
-								children: /* @__PURE__ */ f("span", { children: w("nav_featured") })
+								children: /* @__PURE__ */ f("span", { children: C("nav_featured") })
 							}),
 							/* @__PURE__ */ f(h, {
 								className: "hover:text-slate-950",
 								to: H,
-								children: /* @__PURE__ */ f("span", { children: w("nav_products") })
+								children: /* @__PURE__ */ f("span", { children: C("nav_products") })
 							}),
-							(E?.itineraries.length ?? 0) > 0 ? /* @__PURE__ */ f(h, {
+							(T?.itineraries.length ?? 0) > 0 ? /* @__PURE__ */ f(h, {
 								className: "hover:text-slate-950",
 								to: `${L}/itineraries`,
-								children: /* @__PURE__ */ f("span", { children: w("nav_itineraries") })
+								children: /* @__PURE__ */ f("span", { children: C("nav_itineraries") })
 							}) : null,
 							/* @__PURE__ */ f(h, {
 								className: "hover:text-slate-950",
 								to: `${L}${V}#contact`,
-								children: /* @__PURE__ */ f("span", { children: w("nav_contact") })
+								children: /* @__PURE__ */ f("span", { children: C("nav_contact") })
 							})
 						]
 					}),
 					/* @__PURE__ */ p("div", {
 						className: "flex shrink-0 items-center gap-1.5 sm:gap-2",
 						children: [
-							/* @__PURE__ */ f(s, {
+							/* @__PURE__ */ f(o, {
 								languages: K,
 								className: "hidden sm:inline-flex"
 							}),
-							/* @__PURE__ */ f(o, {
+							/* @__PURE__ */ f(a, {
 								asChild: !0,
 								variant: "outline",
 								size: "sm",
-								className: g("relative h-9 w-9 gap-2 px-0 sm:w-auto sm:px-3", O > 0 && B ? "inline-flex" : "hidden"),
+								className: "relative h-9 w-9 gap-2 px-0 sm:w-auto sm:px-3",
 								children: /* @__PURE__ */ p(h, {
-									to: pe,
-									"aria-label": `${w("cart_button")} (${O})`,
+									to: he,
+									"aria-label": O ? `${C("cart_button")} (${D})` : C("cart_button"),
 									children: [
 										/* @__PURE__ */ f(y, {
 											className: "h-4 w-4",
@@ -178,30 +178,30 @@ function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay:
 										}),
 										/* @__PURE__ */ f("span", {
 											className: "hidden sm:inline",
-											children: w("cart_button")
+											children: C("cart_button")
 										}),
-										/* @__PURE__ */ f(a, {
+										O && D > 0 ? /* @__PURE__ */ f(ne, {
 											className: "absolute -right-2 -top-2 h-5 min-w-5 rounded-full px-1.5 text-xs",
-											children: /* @__PURE__ */ f("span", { children: O })
-										})
+											children: /* @__PURE__ */ f("span", { children: D })
+										}) : null
 									]
 								})
 							}),
-							/* @__PURE__ */ f(o, {
+							/* @__PURE__ */ f(a, {
 								asChild: !0,
 								size: "sm",
 								className: "h-9 gap-1.5 px-2 sm:gap-2 sm:px-3",
 								children: /* @__PURE__ */ p(h, {
 									to: H,
-									"aria-label": w("cta_book_now"),
+									"aria-label": C("cta_book_now"),
 									children: [
 										/* @__PURE__ */ f("span", {
 											className: "sm:hidden",
-											children: w("cta_book_short")
+											children: C("cta_book_short")
 										}),
 										/* @__PURE__ */ f("span", {
 											className: "hidden sm:inline",
-											children: w("cta_book_now")
+											children: C("cta_book_now")
 										}),
 										/* @__PURE__ */ f(_, {
 											className: "h-4 w-4",
@@ -210,40 +210,40 @@ function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay:
 									]
 								})
 							}),
-							/* @__PURE__ */ p(ne, {
+							/* @__PURE__ */ p(re, {
 								open: A,
 								onOpenChange: j,
 								direction: "right",
 								children: [/* @__PURE__ */ f(ie, {
 									asChild: !0,
-									children: /* @__PURE__ */ f(o, {
+									children: /* @__PURE__ */ f(a, {
 										type: "button",
 										variant: "outline",
 										size: "icon",
 										className: "h-9 w-9 md:hidden",
-										"aria-label": w("mobile_menu_open"),
+										"aria-label": C("mobile_menu_open"),
 										children: /* @__PURE__ */ f(v, {
 											className: "h-4 w-4",
 											"aria-hidden": "true"
 										})
 									})
-								}), /* @__PURE__ */ p(l, {
+								}), /* @__PURE__ */ p(c, {
 									className: "w-[min(22rem,calc(100vw-1.5rem))] bg-white",
-									"aria-label": w("mobile_menu_label"),
-									closeLabel: w("mobile_menu_close"),
+									"aria-label": C("mobile_menu_label"),
+									closeLabel: C("mobile_menu_close"),
 									showCloseButton: !0,
 									children: [
-										/* @__PURE__ */ p(d, {
+										/* @__PURE__ */ p(u, {
 											className: "border-b border-slate-200 px-5 pb-4 pt-6 text-left",
-											children: [/* @__PURE__ */ f(re, { children: U }), /* @__PURE__ */ f(u, {
+											children: [/* @__PURE__ */ f(d, { children: U }), /* @__PURE__ */ f(l, {
 												className: "break-words",
 												children: Y
 											})]
 										}),
 										/* @__PURE__ */ f("nav", {
 											className: "grid gap-1 overflow-y-auto p-3",
-											"aria-label": w("mobile_menu_label"),
-											children: ge.map((e) => /* @__PURE__ */ f(c, {
+											"aria-label": C("mobile_menu_label"),
+											children: ve.map((e) => /* @__PURE__ */ f(s, {
 												asChild: !0,
 												children: /* @__PURE__ */ f(h, {
 													to: e.to,
@@ -254,20 +254,20 @@ function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay:
 										}),
 										/* @__PURE__ */ p("div", {
 											className: "mt-auto grid gap-3 border-t border-slate-200 p-4",
-											children: [/* @__PURE__ */ f(c, {
+											children: [/* @__PURE__ */ f(s, {
 												asChild: !0,
-												children: /* @__PURE__ */ f(o, {
+												children: /* @__PURE__ */ f(a, {
 													asChild: !0,
 													className: "w-full gap-2",
 													children: /* @__PURE__ */ p(h, {
 														to: H,
-														children: [/* @__PURE__ */ f("span", { children: w("cta_book_now") }), /* @__PURE__ */ f(_, {
+														children: [/* @__PURE__ */ f("span", { children: C("cta_book_now") }), /* @__PURE__ */ f(_, {
 															className: "h-4 w-4",
 															"aria-hidden": "true"
 														})]
 													})
 												})
-											}), /* @__PURE__ */ f(s, {
+											}), /* @__PURE__ */ f(o, {
 												languages: K,
 												className: "h-10 w-full justify-between"
 											})]
@@ -283,4 +283,4 @@ function S({ storefrontConfiguration: r, whatsappHref: S, whatsappPhoneDisplay:
 	});
 }
 //#endregion
-export { S as Header };
+export { x as Header };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageSelector/index.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;CACnC,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,SAAS,EACT,KAAa,GACd,EAAE,qBAAqB,kDAkEvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageSelector/index.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;CACnC,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,SAAS,EACT,KAAa,GACd,EAAE,qBAAqB,kDAqBvB"}

package/dist/components/LanguageSelector/index.js

@@ -1,69 +1,24 @@
 import { normalizeStorefrontI18nLanguage as e, resolveStorefrontI18nLanguageOptions as t } from "../../i18n/languages.js";
-import { Button as n } from "../../ui/button.js";
-import { useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useTranslation as o } from "react-i18next";
-import { cn as s } from "@rpcbase/ui";
-import { ChevronDown as c } from "lucide-react";
-import { Menu as l } from "@base-ui/react/menu";
+import { storefrontButtonRadiusClassName as n } from "../../ui/button.js";
+import { LanguagePicker as r } from "../../chunks/pkg/ui/dist/LanguagePicker/index-D7_3voTe.js";
+import { jsx as i } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
+import { cn as o } from "@rpcbase/ui";
 //#region src/components/LanguageSelector/index.tsx
-function u({ languages: u, className: d, align: f = "end" }) {
-	let { t: p, i18n: m } = o(), [h, g] = r(!1), _ = t(u), v = e(m.resolvedLanguage ?? m.language), y = _.find(({ code: e }) => e === v) ?? _[0];
-	return !y || _.length < 2 ? null : /* @__PURE__ */ a(l.Root, {
-		open: h,
-		onOpenChange: g,
-		children: [/* @__PURE__ */ i(l.Trigger, {
-			nativeButton: !0,
-			render: /* @__PURE__ */ a(n, {
-				type: "button",
-				variant: "outline",
-				size: "sm",
-				"aria-label": p("language_selector_label"),
-				className: s("h-9 gap-1 rounded-md px-2 uppercase shadow-none focus-visible:ring-2", d),
-				"data-testid": "storefront-language-selector-trigger",
-				children: [/* @__PURE__ */ a("span", {
-					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ i("span", {
-						"aria-hidden": "true",
-						children: y.flag
-					}), /* @__PURE__ */ i("span", { children: y.code })]
-				}), /* @__PURE__ */ i(c, {
-					className: "size-3.5",
-					"aria-hidden": "true"
-				})]
-			})
-		}), /* @__PURE__ */ i(l.Portal, { children: /* @__PURE__ */ i(l.Positioner, {
-			align: f,
-			sideOffset: 4,
-			positionMethod: "fixed",
-			className: "z-[60]",
-			collisionPadding: 8,
-			collisionAvoidance: {
-				side: "flip",
-				align: "shift",
-				fallbackAxisSide: "none"
-			},
-			children: /* @__PURE__ */ i(l.Popup, {
-				className: "min-w-44 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md transition-opacity duration-75 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
-				children: _.map((e) => /* @__PURE__ */ a(l.Item, {
-					onClick: (t) => {
-						t.defaultPrevented || (m.changeLanguage(e.code), g(!1));
-					},
-					className: s("flex cursor-pointer select-none items-center gap-2 whitespace-nowrap rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", y.code === e.code && "bg-accent"),
-					"data-testid": `storefront-language-selector-option-${e.code}`,
-					children: [/* @__PURE__ */ i("span", {
-						"aria-hidden": "true",
-						children: e.flag
-					}), /* @__PURE__ */ a("span", { children: [
-						e.name,
-						" (",
-						e.code.toUpperCase(),
-						")"
-					] })]
-				}, e.code))
-			})
-		}) })]
+function s({ languages: s, className: c, align: l = "end" }) {
+	let { t: u, i18n: d } = a(), f = t(s), p = e(d.resolvedLanguage ?? d.language);
+	return f.length < 2 ? null : /* @__PURE__ */ i(r, {
+		value: p ?? f[0].code,
+		onValueChange: (e) => {
+			d.changeLanguage(e);
+		},
+		options: f,
+		align: l,
+		ariaLabel: u("language_selector_label"),
+		triggerClassName: o("h-9 px-2", n, c),
+		triggerTestId: "storefront-language-selector-trigger",
+		optionTestIdPrefix: "storefront-language-selector-option"
 	});
 }
 //#endregion
-export { u as LanguageSelector };
+export { s as LanguageSelector };

package/dist/components/StorefrontCartPanel/index.js

@@ -39,7 +39,7 @@ function p({ lines: p, itemCount: m, baseUnitLabel: h, totalMinor: g, title: _,
 				}) : /* @__PURE__ */ o("ul", {
 					className: "divide-y divide-slate-200",
 					children: p.map((i) => {
-						let c = e(i.unitPriceMinor, A.language), l = i.insufficientCapacity === !0, u = i.availabilityIssue === "quantity_unavailable" ? k("availability_quantity_unavailable") : k("availability_out_of_stock");
+						let c = e(i.unitPriceMinor, A.language), l = i.insufficientCapacity === !0, u = i.availabilityIssue === "quantityUnavailable" ? k("availability_quantity_unavailable") : k("availability_out_of_stock");
 						return /* @__PURE__ */ s("li", {
 							className: "flex items-start justify-between gap-3 py-4 first:pt-0 last:pb-0",
 							children: [/* @__PURE__ */ s("div", {

package/dist/i18n/en.d.ts

@@ -183,6 +183,7 @@ export declare const storefront: {
     cart_empty: string;
     cart_empty_title: string;
     cart_empty_description: string;
+    cart_loading: string;
     cart_line_meta: string;
     remove_from_cart: string;
     cart_total: string;
@@ -212,10 +213,6 @@ export declare const storefront: {
     checkout_estimated_total: string;
     checkout_form_title: string;
     checkout_form_description: string;
-    checkout_first_name_label: string;
-    checkout_first_name_placeholder: string;
-    checkout_last_name_label: string;
-    checkout_last_name_placeholder: string;
     checkout_full_name_label: string;
     checkout_full_name_placeholder: string;
     checkout_email_label: string;
@@ -302,6 +299,7 @@ export declare const storefront: {
     docs_contract_sale_quote_date_label: string;
     docs_contract_sale_credit_note_date_label: string;
     docs_contract_sale_due_date_label: string;
+    docs_contract_sale_issuer_label: string;
     docs_contract_sale_invoice_recipient_label: string;
     docs_contract_sale_credit_note_recipient_label: string;
     docs_contract_sale_legal_description_label: string;

package/dist/i18n/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+gBtB,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6gBtB,CAAA"}

package/dist/i18n/en.js

@@ -184,6 +184,7 @@ var e = {
 	cart_empty: "Your cart is empty.",
 	cart_empty_title: "Your cart is empty",
 	cart_empty_description: "Add a bike (and accessories) to continue.",
+	cart_loading: "Loading cart…",
 	cart_line_meta: "Qty {{quantity}} · {{price}} / {{unit}}",
 	remove_from_cart: "Remove from cart",
 	cart_total: "Total",
@@ -213,10 +214,6 @@ var e = {
 	checkout_estimated_total: "Total",
 	checkout_form_title: "Your details",
 	checkout_form_description: "Enter your details for this booking, and add any useful information in the notes.",
-	checkout_first_name_label: "First name",
-	checkout_first_name_placeholder: "Jane",
-	checkout_last_name_label: "Last name",
-	checkout_last_name_placeholder: "Doe",
 	checkout_full_name_label: "Full name",
 	checkout_full_name_placeholder: "Jane Doe",
 	checkout_email_label: "Email",
@@ -303,7 +300,8 @@ var e = {
 	docs_contract_sale_quote_date_label: "Quote Date:",
 	docs_contract_sale_credit_note_date_label: "Credit Note Date:",
 	docs_contract_sale_due_date_label: "Due Date:",
-	docs_contract_sale_invoice_recipient_label: "Bill To:",
+	docs_contract_sale_issuer_label: "Issuer:",
+	docs_contract_sale_invoice_recipient_label: "Billed To:",
 	docs_contract_sale_credit_note_recipient_label: "Issued To:",
 	docs_contract_sale_legal_description_label: "Description",
 	docs_contract_sale_legal_company_registration_label: "Company registration no.",

package/dist/i18n/fr.d.ts

@@ -184,6 +184,7 @@ export declare const storefront: {
     cart_empty: string;
     cart_empty_title: string;
     cart_empty_description: string;
+    cart_loading: string;
     cart_line_meta: string;
     remove_from_cart: string;
     cart_total: string;
@@ -213,10 +214,6 @@ export declare const storefront: {
     checkout_estimated_total: string;
     checkout_form_title: string;
     checkout_form_description: string;
-    checkout_first_name_label: string;
-    checkout_first_name_placeholder: string;
-    checkout_last_name_label: string;
-    checkout_last_name_placeholder: string;
     checkout_full_name_label: string;
     checkout_full_name_placeholder: string;
     checkout_email_label: string;
@@ -303,6 +300,7 @@ export declare const storefront: {
     docs_contract_sale_quote_date_label: string;
     docs_contract_sale_credit_note_date_label: string;
     docs_contract_sale_due_date_label: string;
+    docs_contract_sale_issuer_label: string;
     docs_contract_sale_invoice_recipient_label: string;
     docs_contract_sale_credit_note_recipient_label: string;
     docs_contract_sale_legal_description_label: string;