@loczer/storefront-sdk 0.194.0 → 0.196.0

package/dist/components/StorefrontCartPanel/index.js

@@ -5,15 +5,15 @@ import { Input as r } from "../../ui/input.js";
 import { Card as i } from "../../ui/card.js";
 import { ProductWarningNotice as a } from "../ProductWarningNotice/index.js";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { cn as l } from "@rpcbase/ui";
-import { Link as u } from "@rpcbase/router";
-import { useTranslation as d } from "react-i18next";
+import { Link as l } from "@rpcbase/router";
+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 }) {
-	let { t: F, i18n: I } = d();
+	let { t: F, i18n: I } = u();
 	return /* @__PURE__ */ c(i, {
-		className: l("sticky border-slate-200 bg-white shadow-sm", j),
+		className: d("sticky border-slate-200 bg-white shadow-sm", j),
 		children: [/* @__PURE__ */ c("div", {
 			className: "border-b border-slate-200 px-4 py-4",
 			children: [/* @__PURE__ */ c("div", {
@@ -158,9 +158,9 @@ function m({ lines: m, itemCount: h, totalPerDayMinor: g, estimatedDays: _, esti
 				] }) : null,
 				/* @__PURE__ */ c("div", {
 					className: "grid gap-2",
-					children: [D && E ? /* @__PURE__ */ s(u, {
+					children: [D && E ? /* @__PURE__ */ s(l, {
 						to: E,
-						className: l(m.length > 0 ? "block" : "hidden"),
+						className: d(m.length > 0 ? "block" : "hidden"),
 						children: /* @__PURE__ */ c(n, {
 							className: "w-full gap-2",
 							children: [/* @__PURE__ */ s("span", { children: F("checkout_button") }), /* @__PURE__ */ s(f, {
@@ -171,7 +171,7 @@ function m({ lines: m, itemCount: h, totalPerDayMinor: g, estimatedDays: _, esti
 					}) : null, O && P ? /* @__PURE__ */ s(n, {
 						type: "button",
 						variant: "outline",
-						className: l(m.length > 0 ? "w-full gap-2" : "hidden"),
+						className: d(m.length > 0 ? "w-full gap-2" : "hidden"),
 						onClick: P,
 						children: /* @__PURE__ */ s("span", { children: F("cart_clear") })
 					}) : null]

package/dist/components/StorefrontInsuranceNotice/index.js

@@ -1,10 +1,10 @@
 import { formatStorefrontPriceMinor as e } from "../../lib/pricing.js";
 import { Button as t } from "../../ui/button.js";
-import { ResponsiveDialog as n, ResponsiveDialogContent as r, ResponsiveDialogDescription as i, ResponsiveDialogFooter as a, ResponsiveDialogHeader as o, ResponsiveDialogTitle as s } from "../../chunks/pkg/ui/dist/ResponsiveDialog-C6IWYoIg.js";
+import { ResponsiveDialog as n, ResponsiveDialogContent as r, ResponsiveDialogDescription as i, ResponsiveDialogFooter as a, ResponsiveDialogHeader as o, ResponsiveDialogTitle as s } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BVwhTZQo.js";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { cn as u } from "@rpcbase/ui";
-import { useSearchParams as d } from "@rpcbase/router";
-import { useTranslation as f } from "react-i18next";
+import { useSearchParams as u } from "@rpcbase/router";
+import { useTranslation as d } from "react-i18next";
+import { cn as f } from "@rpcbase/ui";
 import { CheckCircle2 as p, Info as m, Umbrella as h } from "lucide-react";
 //#region src/components/StorefrontInsuranceNotice/index.tsx
 var g = "show_insurance_modal", _ = (e, t) => {
@@ -12,7 +12,7 @@ var g = "show_insurance_modal", _ = (e, t) => {
 	return [...new Set(n)].sort((e, t) => e - t);
 };
 function v({ bikes: v, currency: y, className: b }) {
-	let { t: x, i18n: S } = f(), [C, w] = d(), T = C.get(g) === "true", E = (e) => {
+	let { t: x, i18n: S } = d(), [C, w] = u(), T = C.get(g) === "true", E = (e) => {
 		let t = new URLSearchParams(C);
 		e ? t.set(g, "true") : t.delete(g), w(t, { replace: !0 });
 	}, D = (t) => {
@@ -33,7 +33,7 @@ function v({ bikes: v, currency: y, className: b }) {
 		price: D("e-bike")
 	}];
 	return /* @__PURE__ */ l("li", {
-		className: u("flex items-start gap-3", b),
+		className: f("flex items-start gap-3", b),
 		"data-testid": "storefront-insurance-notice",
 		children: [
 			/* @__PURE__ */ c(h, {

package/dist/components/StorefrontPopupMessages/index.js

@@ -2,12 +2,12 @@ import { getLocalizedEntry as e, getLocalizedValue as t } from "../../localizati
 import { buildStorefrontImageUrl as n } from "../../lib/storefrontImage.js";
 import { Button as r } from "../../ui/button.js";
 import { isAutomationRuntime as i } from "../../lib/isAutomationRuntime.js";
-import { ResponsiveDialog as a, ResponsiveDialogContent as o, ResponsiveDialogDescription as s, ResponsiveDialogFooter as c, ResponsiveDialogHeader as l, ResponsiveDialogTitle as u } from "../../chunks/pkg/ui/dist/ResponsiveDialog-C6IWYoIg.js";
+import { ResponsiveDialog as a, ResponsiveDialogContent as o, ResponsiveDialogDescription as s, ResponsiveDialogFooter as c, ResponsiveDialogHeader as l, ResponsiveDialogTitle as u } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BVwhTZQo.js";
 import { useEffect as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { cn as h } from "@rpcbase/ui";
-import { useLocation as g, useParams as _ } from "@rpcbase/router";
-import { useTranslation as v } from "react-i18next";
+import { useLocation as h, useParams as g } from "@rpcbase/router";
+import { useTranslation as _ } from "react-i18next";
+import { cn as v } from "@rpcbase/ui";
 import { Info as y, X as b } from "lucide-react";
 //#region src/components/StorefrontPopupMessages/index.tsx
 var x = "loczer-storefront-popup-message-dismissed", S = (e, t) => `${x}:${e || "storefront"}:${t}`, C = (e) => {
@@ -58,7 +58,7 @@ var x = "loczer-storefront-popup-message-dismissed", S = (e, t) => `${x}:${e ||
 	};
 }, A = "absolute right-5 top-5 z-10 flex h-9 w-9 items-center justify-center rounded-full bg-white/12 text-white/75 ring-1 ring-white/75 backdrop-blur-lg transition hover:bg-white/18 hover:text-white/85 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/85";
 function j({ storefrontConfiguration: e }) {
-	let { t, i18n: n } = v(), { storeSlug: x } = _(), S = g(), [C, E] = f(null), [j, M] = f(() => /* @__PURE__ */ new Set()), N = x?.trim() || e?.storeSlug || "", P = new URLSearchParams(S.search).get("popup_e2e") === "1", F = i() && !P ? [] : e?.content?.modalMessages ?? [];
+	let { t, i18n: n } = _(), { storeSlug: x } = g(), S = h(), [C, E] = f(null), [j, M] = f(() => /* @__PURE__ */ new Set()), N = x?.trim() || e?.storeSlug || "", P = new URLSearchParams(S.search).get("popup_e2e") === "1", F = i() && !P ? [] : e?.content?.modalMessages ?? [];
 	d(() => {
 		let t = () => {
 			E(D(e?.shop.timeZone));
@@ -126,7 +126,7 @@ function j({ storefrontConfiguration: e }) {
 										className: "max-w-[28rem] text-left text-3xl font-semibold leading-tight text-white",
 										children: /* @__PURE__ */ p("span", { children: I.title })
 									}), /* @__PURE__ */ p(s, {
-										className: h("mt-2 max-w-[30rem] text-left text-sm leading-6 text-white/85", !I.subtitle && "sr-only"),
+										className: v("mt-2 max-w-[30rem] text-left text-sm leading-6 text-white/85", !I.subtitle && "sr-only"),
 										children: /* @__PURE__ */ p("span", { children: V })
 									})]
 								})
@@ -148,7 +148,7 @@ function j({ storefrontConfiguration: e }) {
 									className: "text-left text-lg font-semibold leading-6 text-slate-950",
 									children: /* @__PURE__ */ p("span", { children: I.title })
 								}), /* @__PURE__ */ p(s, {
-									className: h("text-left text-sm text-slate-600", !I.subtitle && "sr-only"),
+									className: v("text-left text-sm text-slate-600", !I.subtitle && "sr-only"),
 									children: /* @__PURE__ */ p("span", { children: V })
 								})]
 							})]
@@ -170,7 +170,7 @@ function j({ storefrontConfiguration: e }) {
 									})
 								}, e))
 							}) : null, I.messageHtml ? /* @__PURE__ */ p("div", {
-								className: h("text-sm leading-6 text-slate-700 [&_a]:text-slate-950 [&_a]:underline [&_blockquote]:border-l-2 [&_blockquote]:border-slate-300 [&_blockquote]:pl-4 [&_h1]:text-2xl [&_h1]:font-semibold [&_h2]:text-xl [&_h2]:font-semibold [&_h3]:text-lg [&_h3]:font-semibold [&_li]:my-1 [&_ol]:list-decimal [&_ol]:pl-6 [&_p]:my-2 [&_ul]:list-disc [&_ul]:pl-6", !I.subtitle && "text-base leading-7"),
+								className: v("text-sm leading-6 text-slate-700 [&_a]:text-slate-950 [&_a]:underline [&_blockquote]:border-l-2 [&_blockquote]:border-slate-300 [&_blockquote]:pl-4 [&_h1]:text-2xl [&_h1]:font-semibold [&_h2]:text-xl [&_h2]:font-semibold [&_h3]:text-lg [&_h3]:font-semibold [&_li]:my-1 [&_ol]:list-decimal [&_ol]:pl-6 [&_p]:my-2 [&_ul]:list-disc [&_ul]:pl-6", !I.subtitle && "text-base leading-7"),
 								dangerouslySetInnerHTML: { __html: I.messageHtml }
 							}) : null]
 						})

package/dist/components/payment/MollieCardFieldsForm.js

@@ -1,6 +1,6 @@
 import { Button as e } from "../../ui/button.js";
 import { Label as t } from "../../ui/label.js";
-import { Spinner as n } from "../../chunks/pkg/ui/dist/Spinner/index-DzMEU0iA.js";
+import { Spinner as n } from "../../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
 import { getMollieCardStyles as r } from "../../lib/mollieComponentStyles.js";
 import { useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";

package/dist/components/payment/StripeCardFieldsForm.js

@@ -1,7 +1,7 @@
 import { Button as e } from "../../ui/button.js";
 import { Label as t } from "../../ui/label.js";
 import { Input as n } from "../../ui/input.js";
-import { Spinner as r } from "../../chunks/pkg/ui/dist/Spinner/index-DzMEU0iA.js";
+import { Spinner as r } from "../../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
 import { useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useTranslation as s } from "react-i18next";

package/dist/index.d.ts

@@ -1,12 +1,11 @@
 import { ClassProp } from 'class-variance-authority/types';
-import { cn } from '@rpcbase/ui';
+import { ClassValue } from 'clsx';
 import { ComponentPropsWithoutRef } from 'react';
 import { ControllerProps } from '@rpcbase/form';
 import { FieldError } from 'react-hook-form';
 import { FieldPath } from '@rpcbase/form';
 import { FieldValues } from '@rpcbase/form';
 import { FormProviderProps } from 'react-hook-form';
-import { HourPickerOption } from '@rpcbase/ui';
 import { JSX } from 'react/jsx-runtime';
 import { LoaderArgs } from '@rpcbase/client';
 import { Locale } from 'date-fns';
@@ -1003,7 +1002,7 @@ export declare type CatalogProductSortOptions = {
 
 export declare type CatalogProductSortPriceUnit = StorefrontPublicProductPrice["unit"];
 
-export { cn }
+export declare function cn(...inputs: ClassValue[]): string;
 
 export declare function compareCatalogProducts<T extends SortableCatalogProduct>(left: T, right: T, options?: CatalogProductSortOptions): number;
 
@@ -2008,6 +2007,15 @@ declare type HeaderProps = {
     whatsappPhoneDisplay?: string;
 };
 
+declare type HourPickerOption = {
+    value: string;
+    label: string;
+    selectedLabel?: React_2.ReactNode;
+    compactSelectedLabel?: React_2.ReactNode;
+    disabled?: boolean;
+    description?: React_2.ReactNode;
+};
+
 export declare const Input: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare type InsuranceProvider = z.infer<typeof insuranceProviderSchema>;

package/dist/lib/utils.d.ts

@@ -1,4 +1,6 @@
+import { ClassValue } from 'clsx';
 type MoneyMinor = number;
+export declare function cn(...inputs: ClassValue[]): string;
 export declare const formatPriceMinor: (valueMinor: MoneyMinor, language: string, { currency, minimumFractionDigits, maximumFractionDigits, }?: {
     currency?: string;
     minimumFractionDigits?: number;
@@ -12,5 +14,5 @@ export declare const getAvailabilityVariant: (status: string | undefined) => {
     labelKey: string;
     variant: "secondary" | "outline" | "destructive";
 };
-export { cn } from '@rpcbase/ui';
+export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,MAAM,CAAA;AAGxB,eAAO,MAAM,gBAAgB,GAC3B,YAAY,UAAU,EACtB,UAAU,MAAM,EAChB,8DAIG;IACD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC1B,KACL,MAYF,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,QAAQ,KAAK,CAAC;IAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,KAAG,UAAU,GAAG,IAMvG,CAAA;AAED,eAAO,MAAM,sBAAsB,GACjC,QAAQ,MAAM,GAAG,SAAS,KACzB;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,aAAa,CAAA;CAItE,CAAA;AAED,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAI5C,KAAK,UAAU,GAAG,MAAM,CAAA;AAGxB,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAGD,eAAO,MAAM,gBAAgB,GAC3B,YAAY,UAAU,EACtB,UAAU,MAAM,EAChB,8DAIG;IACD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC1B,KACL,MAYF,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,QAAQ,KAAK,CAAC;IAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,KAAG,UAAU,GAAG,IAMvG,CAAA;AAED,eAAO,MAAM,sBAAsB,GACjC,QAAQ,MAAM,GAAG,SAAS,KACzB;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,aAAa,CAAA;CAItE,CAAA"}

package/dist/lib/utils.js

@@ -1,6 +1,10 @@
-import { cn as e } from "@rpcbase/ui";
+import { clsx as e } from "clsx";
+import { twMerge as t } from "tailwind-merge";
 //#region src/lib/utils.ts
-var t = (e, t, { currency: n = "EUR", minimumFractionDigits: r, maximumFractionDigits: i } = {}) => {
+function n(...n) {
+	return t(e(n));
+}
+var r = (e, t, { currency: n = "EUR", minimumFractionDigits: r, maximumFractionDigits: i } = {}) => {
 	let a = e / 100;
 	try {
 		return new Intl.NumberFormat(t, {
@@ -12,10 +16,10 @@ var t = (e, t, { currency: n = "EUR", minimumFractionDigits: r, maximumFractionD
 	} catch {
 		return `${a}€`;
 	}
-}, n = (e) => {
+}, i = (e) => {
 	let t = e.filter((e) => typeof e?.value == "number" && (e?.unit ?? "day") === "day").map((e) => e.value);
 	return t.length === 0 ? null : Math.min(...t);
-}, r = (e) => e === "OUT_OF_STOCK" ? {
+}, a = (e) => e === "OUT_OF_STOCK" ? {
 	labelKey: "availability_out_of_stock",
 	variant: "destructive"
 } : e === "LOW_STOCK" ? {
@@ -26,4 +30,4 @@ var t = (e, t, { currency: n = "EUR", minimumFractionDigits: r, maximumFractionD
 	variant: "secondary"
 };
 //#endregion
-export { e as cn, t as formatPriceMinor, r as getAvailabilityVariant, n as getMinDayPriceMinor };
+export { n as cn, r as formatPriceMinor, a as getAvailabilityVariant, i as getMinDayPriceMinor };

package/dist/pages/BookingPage.js

@@ -24,9 +24,9 @@ import { FulfillmentSection as _e } from "../components/FulfillmentSection/index
 import { BookingBikeVariantDialog as ve } from "../components/BookingBikeVariantDialog/index.js";
 import { useEffect as b, useMemo as x, useState as S } from "react";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { cn as T } from "@rpcbase/ui";
-import { Link as E, useLocation as ye, useParams as be, useSearchParams as xe } from "@rpcbase/router";
+import { Link as T, useLocation as ye, useParams as be, useSearchParams as xe } from "@rpcbase/router";
 import { useTranslation as Se } from "react-i18next";
+import { cn as E } from "@rpcbase/ui";
 import { ArrowLeft as Ce, ArrowRight as we, Bike as Te, ShoppingCart as Ee } from "lucide-react";
 //#region src/pages/BookingPage.tsx
 var D = (e) => String(e).padStart(2, "0"), O = "product_modal", De = (e) => `${e.getFullYear()}-${D(e.getMonth() + 1)}-${D(e.getDate())}`, Oe = (e) => {
@@ -87,7 +87,7 @@ function Fe({ product: e, selectedVariantId: t, onSelect: n, onConfirm: r, onCan
 					return /* @__PURE__ */ w("label", {
 						htmlFor: r,
 						"data-testid": i,
-						className: T("flex items-start gap-3 rounded-xl border p-3 transition", t === n.id ? "border-slate-900 bg-white" : "border-slate-200 bg-white"),
+						className: E("flex items-start gap-3 rounded-xl border p-3 transition", t === n.id ? "border-slate-900 bg-white" : "border-slate-200 bg-white"),
 						children: [/* @__PURE__ */ C(y, {
 							id: r,
 							value: n.id,
@@ -397,16 +397,16 @@ function A() {
 				}),
 				/* @__PURE__ */ w("div", {
 					className: "flex items-center justify-between gap-3",
-					children: [/* @__PURE__ */ w(E, {
+					children: [/* @__PURE__ */ w(T, {
 						to: lt,
 						className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950",
 						children: [/* @__PURE__ */ C(Ce, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
 						}), /* @__PURE__ */ C("span", { children: o("back_to_home") })]
-					}), /* @__PURE__ */ C(E, {
+					}), /* @__PURE__ */ C(T, {
 						to: dt,
-						className: T(F > 0 && X ? "inline-flex" : "hidden"),
+						className: E(F > 0 && X ? "inline-flex" : "hidden"),
 						children: /* @__PURE__ */ w(g, {
 							size: "sm",
 							className: "gap-2",
@@ -499,7 +499,7 @@ function A() {
 												className: "flex h-full flex-col gap-2 p-3",
 												children: [
 													/* @__PURE__ */ w("div", {
-														className: T("relative aspect-[1618/1000] overflow-hidden rounded-xl", a.className),
+														className: E("relative aspect-[1618/1000] overflow-hidden rounded-xl", a.className),
 														style: a.style,
 														children: [i ? /* @__PURE__ */ C("img", {
 															src: i,
@@ -556,7 +556,7 @@ function A() {
 													}) : null,
 													/* @__PURE__ */ w("div", {
 														className: "mt-auto flex items-center gap-2",
-														children: [/* @__PURE__ */ C(E, {
+														children: [/* @__PURE__ */ C(T, {
 															to: c,
 															state: ft,
 															className: "text-xs font-medium text-slate-700 hover:text-slate-950",

package/dist/pages/CheckoutPaymentPage.js

@@ -3,7 +3,7 @@ import { useStorefrontCart as t } from "../lib/cart.js";
 import { Button as n } from "../ui/button.js";
 import { Card as r } from "../ui/card.js";
 import { apiPost as i } from "../lib/apiCall.js";
-import { Spinner as a } from "../chunks/pkg/ui/dist/Spinner/index-DzMEU0iA.js";
+import { Spinner as a } from "../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
 import { ROUTE as o, responseSchema as ee } from "../lib/checkoutPaymentSession.js";
 import { MollieCardFieldsForm as s } from "../components/payment/MollieCardFieldsForm.js";
 import { StripeCardFieldsForm as c } from "../components/payment/StripeCardFieldsForm.js";

package/dist/pages/ContractSaleDocumentPage.js

@@ -4,14 +4,14 @@ import { Card as n } from "../ui/card.js";
 import { ContractSaleDocument as r } from "../components/ContractSaleDocument/Invoice.js";
 import "../components/ContractSaleDocument/index.js";
 import { apiGet as i, apiPost as a } from "../lib/apiCall.js";
-import { Spinner as o } from "../chunks/pkg/ui/dist/Spinner/index-DzMEU0iA.js";
+import { Spinner as o } from "../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
 import { ACCEPT_CONTRACT_SALE_DOCUMENT_ROUTE as s, DOWNLOAD_CONTRACT_SALE_DOCUMENT_PDF_ROUTE as c, GET_CONTRACT_SALE_DOCUMENT_ROUTE as l, acceptContractSaleDocumentResponseSchema as u, contractSaleDocumentApiSchema as d, getContractSaleDocumentResponseSchema as f } from "../lib/contractSaleDocumentApi.js";
 import { useEffect as p, useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { cn as _ } from "@rpcbase/ui";
-import { toast as v } from "@rpcbase/client";
-import { Link as y, useLoaderData as b, useLocation as x, useNavigate as S } from "@rpcbase/router";
-import { useTranslation as C } from "react-i18next";
+import { toast as _ } from "@rpcbase/client";
+import { Link as v, useLoaderData as y, useLocation as b, useNavigate as x } from "@rpcbase/router";
+import { useTranslation as S } from "react-i18next";
+import { cn as C } from "@rpcbase/ui";
 import { ArrowLeft as w, ChevronDown as T, Download as E } from "lucide-react";
 import { Menu as D } from "@base-ui/react/menu";
 //#region src/pages/ContractSaleDocumentPage.tsx
@@ -55,7 +55,7 @@ var O = (e) => new URLSearchParams(e).get("pdf") === "1", k = (e) => t(new URLSe
 	labelKey: "docs_contract_sale_language_option_fr"
 };
 function R({ selectedLanguage: t, onChange: n }) {
-	let { t: r } = C(), [i, a] = m(!1), o = I.find((e) => e.code === t) ?? L;
+	let { t: r } = S(), [i, a] = m(!1), o = I.find((e) => e.code === t) ?? L;
 	return /* @__PURE__ */ g(D.Root, {
 		open: i,
 		onOpenChange: a,
@@ -96,7 +96,7 @@ function R({ selectedLanguage: t, onChange: n }) {
 						t.defaultPrevented || (n(e.code), a(!1));
 					},
 					"data-testid": `contract-sale-document-language-option-${e.code}`,
-					className: _("relative flex cursor-pointer select-none items-center justify-between gap-3 whitespace-nowrap rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", t === e.code && "bg-accent"),
+					className: C("relative flex cursor-pointer select-none items-center justify-between gap-3 whitespace-nowrap rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", t === e.code && "bg-accent"),
 					children: [/* @__PURE__ */ h("span", { children: r(e.labelKey) }), /* @__PURE__ */ h("span", {
 						className: "text-2xs uppercase text-muted-foreground",
 						children: e.code
@@ -157,7 +157,7 @@ var z = (async ({ ctx: e, params: t }) => {
 	return t.success ? t.data : null;
 };
 function V() {
-	let { t: i, i18n: o } = C(), c = b(), l = x(), d = S(), { storeSlug: f, referenceId: _, saleDocumentId: T } = c, D = c.pdfMode || O(l.search), [A, j] = m(B(c.document)), [I, L] = m(null), [z, V] = m(!1), [H, U] = m(c.error), W = k(l.search) ?? t(A?.language?.customer) ?? c.documentLanguage ?? t(o.language) ?? "fr", G = f && _ && T ? M(f, _, T, W) : null, K = f && _ && T ? N(f, _, T, W) : "";
+	let { t: i, i18n: o } = S(), c = y(), l = b(), d = x(), { storeSlug: f, referenceId: C, saleDocumentId: T } = c, D = c.pdfMode || O(l.search), [A, j] = m(B(c.document)), [I, L] = m(null), [z, V] = m(!1), [H, U] = m(c.error), W = k(l.search) ?? t(A?.language?.customer) ?? c.documentLanguage ?? t(o.language) ?? "fr", G = f && C && T ? M(f, C, T, W) : null, K = f && C && T ? N(f, C, T, W) : "";
 	p(() => {
 		j(B(c.document)), U(c.error);
 	}, [c.document, c.error]), p(() => {
@@ -186,7 +186,7 @@ function V() {
 						className: "text-sm text-destructive",
 						children: /* @__PURE__ */ h("span", { children: H ?? i("docs_contract_sale_load_error") })
 					}),
-					/* @__PURE__ */ h(y, {
+					/* @__PURE__ */ h(v, {
 						to: `/${f ?? ""}`,
 						children: /* @__PURE__ */ g(e, {
 							className: "gap-2",
@@ -211,7 +211,7 @@ function V() {
 	let J = async () => {
 		if (!G || z) return;
 		V(!0);
-		let e = v.loading(i("docs_contract_sale_preparing_pdf"), { icon: F() });
+		let e = _.loading(i("docs_contract_sale_preparing_pdf"), { icon: F() });
 		try {
 			let t = await fetch(G, {
 				method: "GET",
@@ -219,11 +219,11 @@ function V() {
 			});
 			if (!t.ok) throw Error(`PDF request failed with status ${t.status}`);
 			let n = await t.blob(), r = window.URL.createObjectURL(n), i = window.document.createElement("a");
-			i.href = r, i.download = P(t.headers.get("content-disposition"), A.saleDocumentNumber, A.kind), window.document.body.appendChild(i), i.click(), i.remove(), v.dismiss(e), window.setTimeout(() => {
+			i.href = r, i.download = P(t.headers.get("content-disposition"), A.saleDocumentNumber, A.kind), window.document.body.appendChild(i), i.click(), i.remove(), _.dismiss(e), window.setTimeout(() => {
 				window.URL.revokeObjectURL(r);
 			}, 0);
 		} catch (t) {
-			console.error("Failed to download storefront contract sale document PDF", t), v.dismiss(e), v.error(i("docs_contract_sale_download_pdf_error"));
+			console.error("Failed to download storefront contract sale document PDF", t), _.dismiss(e), _.error(i("docs_contract_sale_download_pdf_error"));
 		} finally {
 			V(!1);
 		}
@@ -232,7 +232,7 @@ function V() {
 		className: "flex h-dvh min-h-0 flex-col overflow-hidden bg-gradient-to-br from-slate-100 via-slate-100 to-slate-200",
 		children: [/* @__PURE__ */ g("div", {
 			className: "fixed inset-x-0 top-0 z-40 flex h-14 items-center justify-between gap-3 border-b border-border bg-background/70 px-4 backdrop-blur-xl backdrop-saturate-125 supports-[backdrop-filter]:bg-background/55 sm:px-6",
-			children: [/* @__PURE__ */ g(y, {
+			children: [/* @__PURE__ */ g(v, {
 				to: `/${f ?? ""}`,
 				className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950",
 				children: [/* @__PURE__ */ h(w, {
@@ -291,12 +291,12 @@ function V() {
 				publicDocumentUrl: K,
 				onAccept: async (e) => {
 					let t = e.mode === "signature" ? i("docs_contract_sale_signature_submit_error") : i("docs_contract_sale_acceptance_submit_error");
-					if (!f || !_ || !T) throw Error(t);
+					if (!f || !C || !T) throw Error(t);
 					L(e.mode);
 					try {
 						let n = await a(s, {
 							storeSlug: f,
-							referenceId: _,
+							referenceId: C,
 							saleDocumentId: T,
 							lang: W,
 							acceptance: e.mode === "signature" ? {

package/dist/pages/HomePage.js

@@ -30,10 +30,10 @@ import { createStorefrontTimeSlotsFetcher as xe } from "../lib/fetchStorefrontTi
 import { FulfillmentSection as Se } from "../components/FulfillmentSection/index.js";
 import { useEffect as p, useMemo as m, useRef as Ce, useState as h } from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { cn as y } from "@rpcbase/ui";
 import { useMediaQuery as we } from "@rpcbase/client";
-import { Link as b, useLocation as Te, useNavigate as Ee, useParams as De, useSearchParams as Oe } from "@rpcbase/router";
+import { Link as y, useLocation as Te, useNavigate as Ee, useParams as De, useSearchParams as Oe } from "@rpcbase/router";
 import { useTranslation as ke } from "react-i18next";
+import { cn as b } from "@rpcbase/ui";
 import { ArrowRight as x, Bike as Ae, Clock as je, MapPin as Me, ShieldCheck as Ne, Truck as Pe } from "lucide-react";
 //#region src/pages/HomePage.tsx
 var S = (e) => String(e).padStart(2, "0"), Fe = "text-2xs font-semibold uppercase tracking-wide text-slate-600", Ie = "h-10", C = 6, w = 5, Le = [
@@ -56,7 +56,7 @@ var S = (e) => String(e).padStart(2, "0"), Fe = "text-2xs font-semibold uppercas
 	let { hasConfirmedTimeSlots: i, startTime: a, endTime: o } = d();
 	return /* @__PURE__ */ v(u, {
 		ref: e,
-		className: y("gap-2", t),
+		className: b("gap-2", t),
 		disabled: !i || !a || !o,
 		onClick: r,
 		children: [/* @__PURE__ */ _("span", { children: n }), /* @__PURE__ */ _(x, {
@@ -171,7 +171,7 @@ function O() {
 				}), /* @__PURE__ */ _("span", { children: d("status_open") })]
 			}), /* @__PURE__ */ v(l, {
 				variant: "outline",
-				className: y(!T && "border-destructive/40 text-destructive"),
+				className: b(!T && "border-destructive/40 text-destructive"),
 				children: [/* @__PURE__ */ _(Me, {
 					className: "h-3 w-3",
 					"aria-hidden": "true"
@@ -187,9 +187,9 @@ function O() {
 			children: /* @__PURE__ */ _("span", { children: d("hero_description") })
 		}),
 		/* @__PURE__ */ _("div", {
-			className: y("mt-6", !J && "rounded-xl border bg-white/70 p-3"),
+			className: b("mt-6", !J && "rounded-xl border bg-white/70 p-3"),
 			children: /* @__PURE__ */ v("ul", {
-				className: y("space-y-3", J && "space-y-2"),
+				className: b("space-y-3", J && "space-y-2"),
 				"data-testid": "storefront-home-trust-features",
 				children: [
 					/* @__PURE__ */ v("li", {
@@ -211,10 +211,10 @@ function O() {
 					}),
 					/* @__PURE__ */ _(ye, {
 						policy: w.bookingEngine.cancellationPolicy,
-						className: y(!J && "border-t border-slate-200/70 pt-3")
+						className: b(!J && "border-t border-slate-200/70 pt-3")
 					}),
 					P ? /* @__PURE__ */ v("li", {
-						className: y("flex items-start gap-3", !J && "border-t border-slate-200/70 pt-3"),
+						className: b("flex items-start gap-3", !J && "border-t border-slate-200/70 pt-3"),
 						"data-testid": "storefront-delivery-notice",
 						children: [/* @__PURE__ */ _(Pe, {
 							className: "mt-0.5 h-5 w-5 text-slate-900",
@@ -233,7 +233,7 @@ function O() {
 					/* @__PURE__ */ _(be, {
 						bikes: k,
 						currency: w.bookingEngine.currency,
-						className: y(!J && "border-t border-slate-200/70 pt-3")
+						className: b(!J && "border-t border-slate-200/70 pt-3")
 					})
 				]
 			})
@@ -348,7 +348,7 @@ function O() {
 			]
 		})
 	}), $ = (w.content?.galleryImageIds ?? []).map((e) => c(e, S ?? w.storeSlug)).filter((e) => e.length > 0), yt = [...k, ...Be].flatMap((e) => Array.isArray(e.images) ? e.images : []).filter((e) => typeof e == "string" && e.trim().length > 0).map((e) => e.trim()).slice(0, 12), bt = ze($.length > 0 ? $ : yt), xt = $[0] ?? "data:image/svg+xml,%3csvg%20width='1600'%20height='1066'%20viewBox='0%200%201600%201066'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20id='bg'%20x1='0'%20y1='0'%20x2='1600'%20y2='1066'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230F172A'/%3e%3cstop%20offset='1'%20stop-color='%23164E63'/%3e%3c/linearGradient%3e%3clinearGradient%20id='road'%20x1='0'%20y1='740'%20x2='1600'%20y2='1066'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23334155'/%3e%3cstop%20offset='1'%20stop-color='%230F172A'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20width='1600'%20height='1066'%20fill='url(%23bg)'/%3e%3cpath%20d='M0%20675C233%20555%20420%20530%20590%20551C752%20571%20930%20635%201088%20632C1252%20629%201423%20559%201600%20498V1066H0V675Z'%20fill='%231E293B'%20opacity='0.7'/%3e%3cpath%20d='M0%20792C213%20710%20393%20686%20573%20697C760%20708%20945%20760%201123%20761C1286%20762%201437%20722%201600%20666V1066H0V792Z'%20fill='url(%23road)'/%3e%3ccircle%20cx='440'%20cy='620'%20r='92'%20stroke='%23F8FAFC'%20stroke-width='18'%20opacity='0.8'/%3e%3ccircle%20cx='740'%20cy='620'%20r='92'%20stroke='%23F8FAFC'%20stroke-width='18'%20opacity='0.8'/%3e%3cpath%20d='M440%20620L560%20520L650%20620H740M560%20520L610%20445M595%20470H665'%20stroke='%23F8FAFC'%20stroke-width='18'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3ccircle%20cx='980'%20cy='700'%20r='80'%20stroke='%23E2E8F0'%20stroke-width='14'%20opacity='0.7'/%3e%3ccircle%20cx='1240'%20cy='700'%20r='80'%20stroke='%23E2E8F0'%20stroke-width='14'%20opacity='0.7'/%3e%3cpath%20d='M980%20700L1078%20616L1156%20700H1240M1078%20616L1122%20556M1112%20574H1172'%20stroke='%23E2E8F0'%20stroke-width='14'%20stroke-linecap='round'%20stroke-linejoin='round'%20opacity='0.7'/%3e%3c/svg%3e", St = q ? /* @__PURE__ */ _("style", { children: "\n      @keyframes storefront-hero-marquee-up {\n        0% { transform: translateY(0); }\n        100% { transform: translateY(calc(-50% - (var(--storefront-hero-marquee-gap) / 2))); }\n      }\n      @keyframes storefront-hero-marquee-down {\n        0% { transform: translateY(calc(-50% - (var(--storefront-hero-marquee-gap) / 2))); }\n        100% { transform: translateY(0); }\n      }\n      .storefront-hero-marquee-track {\n        animation: storefront-hero-marquee-up var(--storefront-hero-marquee-duration, 32s) linear infinite;\n        will-change: transform;\n      }\n      .storefront-hero-marquee-track-reverse {\n        animation-name: storefront-hero-marquee-down;\n      }\n      @media (prefers-reduced-motion: reduce) {\n        .storefront-hero-marquee-track,\n        .storefront-hero-marquee-track-reverse {\n          animation: none !important;\n          transform: none !important;\n        }\n      }\n    " }) : null, Ct = (e) => /* @__PURE__ */ _("div", {
-		className: y("relative h-full min-h-[340px] overflow-hidden", e),
+		className: b("relative h-full min-h-[340px] overflow-hidden", e),
 		style: {
 			WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%)",
 			maskImage: "linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%)",
@@ -363,9 +363,9 @@ function O() {
 			children: bt.map((e, t) => {
 				let n = Le[t % Le.length] ?? 32, r = [...e, ...e];
 				return /* @__PURE__ */ _("div", {
-					className: y("relative min-h-0 overflow-hidden", t === 2 && "hidden md:block", t >= 3 && "hidden lg:block"),
+					className: b("relative min-h-0 overflow-hidden", t === 2 && "hidden md:block", t >= 3 && "hidden lg:block"),
 					children: /* @__PURE__ */ _("div", {
-						className: y("storefront-hero-marquee-track flex flex-col gap-[var(--storefront-hero-marquee-gap)]", t % 2 == 1 && "storefront-hero-marquee-track-reverse"),
+						className: b("storefront-hero-marquee-track flex flex-col gap-[var(--storefront-hero-marquee-gap)]", t % 2 == 1 && "storefront-hero-marquee-track-reverse"),
 						style: {
 							"--storefront-hero-marquee-duration": `${n}s`,
 							"--storefront-hero-marquee-gap": "0.75rem"
@@ -443,7 +443,7 @@ function O() {
 							})
 						}) : null]
 					}), /* @__PURE__ */ v("div", {
-						className: y("lg:col-span-7", !q && "lg:pt-4"),
+						className: b("lg:col-span-7", !q && "lg:pt-4"),
 						children: [Tt, at ? null : /* @__PURE__ */ _("div", {
 							className: "mt-4",
 							children: vt
@@ -475,7 +475,7 @@ function O() {
 						className: "text-sm text-slate-600",
 						children: /* @__PURE__ */ _("span", { children: d("featured_description") })
 					})]
-				}), /* @__PURE__ */ v(b, {
+				}), /* @__PURE__ */ v(y, {
 					className: "hidden items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950 sm:inline-flex",
 					to: `/${S ?? ""}/booking${lt}`,
 					children: [/* @__PURE__ */ _("span", { children: d("featured_view_all") }), /* @__PURE__ */ _(x, {
@@ -490,12 +490,12 @@ function O() {
 					return /* @__PURE__ */ v("div", {
 						className: "group flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 text-left shadow-sm transition hover:border-slate-400",
 						children: [
-							/* @__PURE__ */ _(b, {
+							/* @__PURE__ */ _(y, {
 								to: u,
 								state: Z,
 								className: "block",
 								children: /* @__PURE__ */ _("span", {
-									className: y("relative block aspect-[1618/1000] overflow-hidden rounded-xl", o.className),
+									className: b("relative block aspect-[1618/1000] overflow-hidden rounded-xl", o.className),
 									style: o.style,
 									children: a ? /* @__PURE__ */ _("img", {
 										src: a,
@@ -514,7 +514,7 @@ function O() {
 							/* @__PURE__ */ v("span", {
 								className: "flex flex-1 flex-col gap-1",
 								children: [
-									/* @__PURE__ */ _(b, {
+									/* @__PURE__ */ _(y, {
 										to: u,
 										state: Z,
 										className: "text-sm font-semibold text-slate-950 hover:text-slate-700",
@@ -541,7 +541,7 @@ function O() {
 										className: "text-slate-400",
 										children: "·"
 									}),
-									/* @__PURE__ */ _(b, {
+									/* @__PURE__ */ _(y, {
 										to: u,
 										state: Z,
 										className: "text-xs font-medium text-slate-700 hover:text-slate-950",
@@ -605,7 +605,7 @@ function O() {
 						className: "flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
 						children: [
 							/* @__PURE__ */ _("div", {
-								className: y("relative aspect-[1618/1000] overflow-hidden rounded-xl", a.className),
+								className: b("relative aspect-[1618/1000] overflow-hidden rounded-xl", a.className),
 								style: a.style,
 								children: i ? /* @__PURE__ */ _("img", {
 									src: i,

package/dist/pages/PaymentLinkPage.js

@@ -1,7 +1,7 @@
 import { Button as e } from "../ui/button.js";
 import { Card as t } from "../ui/card.js";
 import { apiGet as n, apiPost as r } from "../lib/apiCall.js";
-import { Spinner as i } from "../chunks/pkg/ui/dist/Spinner/index-DzMEU0iA.js";
+import { Spinner as i } from "../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
 import { GET_MOLLIE_SECURE_PAYMENT_SESSION_ROUTE as a, GET_SECURE_PAYMENT_LINK_ROUTE as o, GET_STRIPE_SECURE_PAYMENT_SESSION_ROUTE as s, getMollieSecurePaymentSessionResponseSchema as c, getSecurePaymentLinkResponseSchema as l, getStripeSecurePaymentSessionResponseSchema as u } from "../lib/securePaymentLink.js";
 import { MollieCardFieldsForm as d } from "../components/payment/MollieCardFieldsForm.js";
 import { StripeCardFieldsForm as f } from "../components/payment/StripeCardFieldsForm.js";

package/dist/pages/PaymentLinkSuccessPage.js

@@ -1,7 +1,7 @@
 import { Button as e } from "../ui/button.js";
 import { Card as t } from "../ui/card.js";
 import { apiGet as n } from "../lib/apiCall.js";
-import { Spinner as r } from "../chunks/pkg/ui/dist/Spinner/index-DzMEU0iA.js";
+import { Spinner as r } from "../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
 import { GET_SECURE_PAYMENT_LINK_ROUTE as i, getSecurePaymentLinkResponseSchema as a } from "../lib/securePaymentLink.js";
 import { useEffect as o, useRef as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";