@loczer/storefront-sdk 0.236.0 → 0.238.0

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

@@ -0,0 +1,2 @@
+export declare function FaqSection(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FaqSection/index.tsx"],"names":[],"mappings":"AAuDA,wBAAgB,UAAU,mDAuCzB"}

package/dist/components/FaqSection/index.js

@@ -0,0 +1,76 @@
+import { getLocalizedValue as e } from "../../localization.js";
+import { useStorefront as t } from "../../StorefrontContext.js";
+import { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
+import { ChevronDown as o } from "lucide-react";
+import { Accordion as s } from "@base-ui/react/accordion";
+//#region src/components/FaqSection/index.tsx
+var c = [
+	"general",
+	"deliveries",
+	"booking"
+];
+function l({ items: e }) {
+	let [t, a] = n([]);
+	return /* @__PURE__ */ r(s.Root, {
+		className: "w-full",
+		value: t,
+		onValueChange: a,
+		keepMounted: !0,
+		"data-testid": "storefront-faq-column",
+		children: e.map((e) => /* @__PURE__ */ i(s.Item, {
+			value: e.id,
+			className: "border-b border-slate-200",
+			children: [/* @__PURE__ */ r(s.Header, {
+				className: "flex",
+				children: /* @__PURE__ */ i(s.Trigger, {
+					className: "flex w-full flex-1 items-center justify-between gap-4 py-4 text-left text-lg font-medium text-slate-700 transition-colors hover:text-slate-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 data-[panel-open]:[&>svg]:rotate-180",
+					children: [/* @__PURE__ */ r("span", { children: e.question }), /* @__PURE__ */ r(o, {
+						className: "h-4 w-4 shrink-0 transition-transform duration-200",
+						"aria-hidden": "true"
+					})]
+				})
+			}), /* @__PURE__ */ r(s.Panel, {
+				keepMounted: !0,
+				className: "h-[var(--accordion-panel-height)] overflow-hidden transition-[height,opacity] duration-200 ease-out data-[ending-style]:h-0 data-[ending-style]:opacity-0 data-[starting-style]:h-0 data-[starting-style]:opacity-0",
+				children: /* @__PURE__ */ r("p", {
+					className: "whitespace-pre-line pb-4 text-base leading-7 text-slate-600",
+					children: /* @__PURE__ */ r("span", { children: e.answer })
+				})
+			})]
+		}, e.id))
+	});
+}
+function u() {
+	let { i18n: n, t: o } = a(), { storefrontConfiguration: s } = t(), u = s.workspace?.workspaceLanguage, d = s.content?.faq, f = c.flatMap((t) => (d?.[t] ?? []).flatMap((r) => {
+		let i = e(r.question, n.language, u).trim(), a = e(r.answer, n.language, u).trim();
+		return i && a ? [{
+			id: `${t}-${r.id}`,
+			question: i,
+			answer: a
+		}] : [];
+	}));
+	if (f.length === 0) return null;
+	let p = Math.ceil(f.length / 2);
+	return /* @__PURE__ */ r("section", {
+		id: "faq",
+		className: "border-t border-slate-200 bg-white py-12 scroll-mt-16 sm:scroll-mt-20 sm:py-16",
+		"data-testid": "storefront-faq",
+		children: /* @__PURE__ */ i("div", {
+			className: "mx-auto max-w-7xl px-4 sm:px-6",
+			children: [/* @__PURE__ */ r("div", {
+				className: "text-center",
+				children: /* @__PURE__ */ r("h2", {
+					className: "text-3xl font-semibold tracking-tight text-slate-950",
+					children: /* @__PURE__ */ r("span", { children: o("faq_section_title") })
+				})
+			}), /* @__PURE__ */ i("div", {
+				className: "mx-auto mt-8 grid max-w-6xl grid-cols-1 gap-x-8 gap-y-0 lg:grid-cols-2",
+				children: [/* @__PURE__ */ r(l, { items: f.slice(0, p) }), /* @__PURE__ */ r(l, { items: f.slice(p) })]
+			})]
+		})
+	});
+}
+//#endregion
+export { u as FaqSection };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAA;AAIvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAItE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,kBAAkB,EAAE,6BAA6B,CAAA;CAClD,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,uBAAuB,EACvB,kBAAkB,GACnB,EAAE,WAAW,2CA4Eb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAA;AAIvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAUtE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,kBAAkB,EAAE,6BAA6B,CAAA;CAClD,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,uBAAuB,EACvB,kBAAkB,GACnB,EAAE,WAAW,2CA+Fb"}

package/dist/components/Layout/index.js

@@ -17,54 +17,66 @@ import { Outlet as _, useLocation as v, useParams as y } from "@rpcbase/router";
 import { useTranslation as b } from "react-i18next";
 import { Toaster as x } from "sonner";
 //#region src/components/Layout/index.tsx
-function S({ storefrontConfiguration: S, storefrontProducts: C }) {
-	let { storeSlug: w, referenceId: T } = y(), E = v(), { i18n: D } = b(), [O, k] = f(!1);
+var S = {
+	"--toast-close-button-start": "unset",
+	"--toast-close-button-end": "0",
+	"--toast-close-button-transform": "translate(35%, -35%)"
+};
+function C({ storefrontConfiguration: C, storefrontProducts: w }) {
+	let { storeSlug: T, referenceId: E } = y(), D = v(), { i18n: O } = b(), [k, A] = f(!1);
 	d(() => {
-		k(!0), document.documentElement.setAttribute("data-hydrated", "true");
+		A(!0), document.documentElement.setAttribute("data-hydrated", "true");
 	}, []);
-	let A = t({
-		storefrontConfiguration: S,
-		language: D.language
-	}), j = A?.href, M = typeof T == "string" && T.trim().length > 0, N = M && new URLSearchParams(E.search).get("pdf") === "1";
+	let j = t({
+		storefrontConfiguration: C,
+		language: O.language
+	}), M = j?.href, N = typeof E == "string" && E.trim().length > 0, P = N && new URLSearchParams(D.search).get("pdf") === "1", F = /\/checkout\/?$/.test(D.pathname), I = !!(M && C?.content?.showWhatsappFloatingButton !== !1), L = F ? { bottom: I ? "calc(10rem + env(safe-area-inset-bottom))" : "calc(5.5rem + env(safe-area-inset-bottom))" } : void 0;
 	return /* @__PURE__ */ h(g, { children: [/* @__PURE__ */ m(x, {
 		id: l,
 		closeButton: !0,
+		className: F ? "lg:!bottom-6" : void 0,
+		mobileOffset: L,
+		offset: L,
 		position: "bottom-center",
+		style: S,
 		theme: "dark"
 	}), /* @__PURE__ */ m(u, { children: /* @__PURE__ */ m(e, {
-		storeSlug: w ?? "",
-		products: C,
+		storeSlug: T ?? "",
+		products: w,
 		children: /* @__PURE__ */ m("div", {
-			className: `loczer-storefront flex w-full min-w-0 flex-col overflow-x-clip bg-background text-foreground ${M && !N ? "h-dvh overflow-hidden" : "min-h-screen"}`,
-			children: M ? /* @__PURE__ */ m("main", {
-				className: `flex-1 ${N ? "bg-white" : "overflow-hidden"}`,
+			className: `loczer-storefront flex w-full min-w-0 flex-col overflow-x-clip bg-background text-foreground ${N && !P ? "h-dvh overflow-hidden" : "min-h-screen"}`,
+			children: N ? /* @__PURE__ */ m("main", {
+				className: `flex-1 ${P ? "bg-white" : "overflow-hidden"}`,
 				children: /* @__PURE__ */ m(_, {})
 			}) : /* @__PURE__ */ h(p, { children: [
 				/* @__PURE__ */ m(r, {
-					storefrontConfiguration: S,
-					whatsappHref: j,
-					whatsappPhoneDisplay: A?.phoneDisplay
+					storefrontConfiguration: C,
+					whatsappHref: M,
+					whatsappPhoneDisplay: j?.phoneDisplay
 				}),
 				/* @__PURE__ */ m("main", {
 					className: "min-w-0 flex-1",
 					children: /* @__PURE__ */ m(_, {})
 				}),
 				/* @__PURE__ */ m(n, {
-					storeSlug: w,
-					shop: S?.shop,
-					whatsappHref: j,
-					whatsappPhoneDisplay: A?.phoneDisplay,
-					openingHours: S?.bookingEngine.shop.openingHours,
-					openingHoursOverrides: S?.bookingEngine.shop.openingHoursOverrides,
-					timeZone: S?.bookingEngine.shop.timeZone,
-					showInsuranceTerms: c(S?.information?.insuranceTerms)
+					storeSlug: T,
+					shop: C?.shop,
+					whatsappHref: M,
+					whatsappPhoneDisplay: j?.phoneDisplay,
+					openingHours: C?.bookingEngine.shop.openingHours,
+					openingHoursOverrides: C?.bookingEngine.shop.openingHoursOverrides,
+					timeZone: C?.bookingEngine.shop.timeZone,
+					showInsuranceTerms: c(C?.information?.insuranceTerms)
 				}),
 				/* @__PURE__ */ m(i, {}),
-				O ? /* @__PURE__ */ h(p, { children: [j && S?.content?.showWhatsappFloatingButton !== !1 ? /* @__PURE__ */ m(s, { href: j }) : null, /* @__PURE__ */ m(a, {})] }) : null,
-				/* @__PURE__ */ m(o, { storefrontConfiguration: S })
+				k ? /* @__PURE__ */ h(p, { children: [I ? /* @__PURE__ */ m(s, {
+					href: M,
+					avoidMobileBottomBar: F
+				}, F ? "checkout" : "default") : null, /* @__PURE__ */ m(a, {})] }) : null,
+				/* @__PURE__ */ m(o, { storefrontConfiguration: C })
 			] })
 		})
 	}) })] });
 }
 //#endregion
-export { S as Layout };
+export { C as Layout };

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

@@ -7,17 +7,19 @@ type StorefrontCartPanelProps = {
     totalMinor?: number;
     title?: string;
     description?: string;
+    headerAddon?: ReactNode;
     checkoutPath?: string;
     showCheckoutAction?: boolean;
     showClearAction?: boolean;
     editable?: boolean;
     summaryAddon?: ReactNode;
     pricingSummary?: ReactNode;
+    presentation?: "card" | "flat";
     stickyTopClassName?: string;
     onQuantityChange?: (key: string, quantity: number) => void;
     onRemove?: (key: string) => void;
     onClear?: () => void;
 };
-export declare function StorefrontCartPanel({ lines, itemCount, baseUnitLabel, totalMinor, title, description, checkoutPath, showCheckoutAction, showClearAction, editable, summaryAddon, pricingSummary, stickyTopClassName, onQuantityChange, onRemove, onClear, }: StorefrontCartPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function StorefrontCartPanel({ lines, itemCount, baseUnitLabel, totalMinor, title, description, headerAddon, checkoutPath, showCheckoutAction, showClearAction, editable, summaryAddon, pricingSummary, presentation, stickyTopClassName, onQuantityChange, onRemove, onClear, }: StorefrontCartPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/StorefrontCartPanel/index.js

@@ -10,36 +10,40 @@ import { useTranslation as l } from "react-i18next";
 import { cn as u } from "@rpcbase/ui";
 import { ArrowRight as d, Trash2 as f } from "lucide-react";
 //#region src/components/StorefrontCartPanel/index.tsx
-function p({ lines: p, itemCount: m, baseUnitLabel: h, totalMinor: g, title: _, description: v, checkoutPath: y, showCheckoutAction: b = !1, showClearAction: x = !1, editable: S = !0, summaryAddon: C, pricingSummary: w, stickyTopClassName: T = "top-24", onQuantityChange: E, onRemove: D, onClear: O }) {
-	let { t: k, i18n: A } = l();
-	return /* @__PURE__ */ s(i, {
-		className: u("sticky border-slate-200 bg-white shadow-sm", T),
+function p({ lines: p, itemCount: m, baseUnitLabel: h, totalMinor: g, title: _, description: v, headerAddon: y, checkoutPath: b, showCheckoutAction: x = !1, showClearAction: S = !1, editable: C = !0, summaryAddon: w, pricingSummary: T, presentation: E = "card", stickyTopClassName: D = "top-24", onQuantityChange: O, onRemove: k, onClear: A }) {
+	let { t: j, i18n: M } = l();
+	return /* @__PURE__ */ s(E === "flat" ? "div" : i, {
+		className: u(E === "flat" ? "flex flex-col bg-transparent" : "sticky border-slate-200 bg-white shadow-sm", E === "card" ? D : void 0),
 		children: [/* @__PURE__ */ s("div", {
-			className: "border-b border-slate-200 px-4 py-4",
-			children: [/* @__PURE__ */ s("div", {
-				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ o("p", {
-					className: "text-sm font-semibold text-slate-950",
-					children: /* @__PURE__ */ o("span", { children: _ ?? k("cart_title") })
-				}), /* @__PURE__ */ o(t, {
-					variant: "outline",
-					className: "border-slate-200 bg-white text-slate-700",
-					children: /* @__PURE__ */ o("span", { children: k("cart_items_count", { count: m }) })
-				})]
-			}), v ? /* @__PURE__ */ o("p", {
-				className: "mt-1 text-xs text-slate-600",
-				children: /* @__PURE__ */ o("span", { children: v })
-			}) : null]
+			className: u("border-b border-slate-200", E === "flat" ? "pb-4" : "px-4 py-4"),
+			children: [
+				/* @__PURE__ */ s("div", {
+					className: "flex items-center justify-between gap-3",
+					children: [/* @__PURE__ */ o("p", {
+						className: "text-sm font-semibold text-slate-950",
+						children: /* @__PURE__ */ o("span", { children: _ ?? j("cart_title") })
+					}), /* @__PURE__ */ o(t, {
+						variant: "outline",
+						className: "border-slate-200 bg-white text-slate-700",
+						children: /* @__PURE__ */ o("span", { children: j("cart_items_count", { count: m }) })
+					})]
+				}),
+				v ? /* @__PURE__ */ o("p", {
+					className: "mt-1 text-xs text-slate-600",
+					children: /* @__PURE__ */ o("span", { children: v })
+				}) : null,
+				y
+			]
 		}), /* @__PURE__ */ s("div", {
-			className: "grid gap-3 p-4",
+			className: u("grid gap-3", E === "flat" ? "pt-4" : "p-4"),
 			children: [
 				p.length === 0 ? /* @__PURE__ */ o("p", {
 					className: "text-sm text-slate-600",
-					children: /* @__PURE__ */ o("span", { children: k("cart_empty") })
+					children: /* @__PURE__ */ o("span", { children: j("cart_empty") })
 				}) : /* @__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 === "quantityUnavailable" ? k("availability_quantity_unavailable") : k("availability_out_of_stock");
+						let c = e(i.unitPriceMinor, M.language), l = i.insufficientCapacity === !0, u = i.availabilityIssue === "quantityUnavailable" ? j("availability_quantity_unavailable") : j("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", {
@@ -51,7 +55,7 @@ function p({ lines: p, itemCount: m, baseUnitLabel: h, totalMinor: g, title: _,
 									}),
 									i.productVariantLabel ? /* @__PURE__ */ o("p", {
 										className: "text-xs text-slate-600",
-										children: /* @__PURE__ */ o("span", { children: `${k(i.productVariantIsSize ? "product_size_label" : "product_variant_label")}: ${i.productVariantLabel}` })
+										children: /* @__PURE__ */ o("span", { children: `${j(i.productVariantIsSize ? "product_size_label" : "product_variant_label")}: ${i.productVariantLabel}` })
 									}) : null,
 									i.productVariantDescription ? /* @__PURE__ */ o("p", {
 										className: "text-xs text-slate-500",
@@ -60,7 +64,7 @@ function p({ lines: p, itemCount: m, baseUnitLabel: h, totalMinor: g, title: _,
 									/* @__PURE__ */ o(a, { warning: i.productWarning }),
 									/* @__PURE__ */ o("p", {
 										className: "text-xs text-slate-600",
-										children: /* @__PURE__ */ o("span", { children: k("cart_line_meta", {
+										children: /* @__PURE__ */ o("span", { children: j("cart_line_meta", {
 											quantity: i.quantity,
 											price: c,
 											unit: h
@@ -74,26 +78,26 @@ function p({ lines: p, itemCount: m, baseUnitLabel: h, totalMinor: g, title: _,
 										})
 									}) : null
 								]
-							}), S ? /* @__PURE__ */ s("div", {
+							}), C ? /* @__PURE__ */ s("div", {
 								className: "flex items-center gap-2",
-								children: [E ? /* @__PURE__ */ o(r, {
+								children: [O ? /* @__PURE__ */ o(r, {
 									type: "number",
 									min: 1,
 									max: 99,
 									value: i.quantity,
 									onChange: (e) => {
 										let t = Number(e.target.value);
-										E(i.key, Number.isFinite(t) ? t : 0);
+										O(i.key, Number.isFinite(t) ? t : 0);
 									},
 									className: "h-9 w-16",
-									"aria-label": k("quantity_label")
-								}) : null, D ? /* @__PURE__ */ o(n, {
+									"aria-label": j("quantity_label")
+								}) : null, k ? /* @__PURE__ */ o(n, {
 									type: "button",
 									variant: "ghost",
 									size: "icon",
 									className: "h-8 w-8 text-slate-500 hover:bg-slate-50 hover:text-slate-700",
-									onClick: () => D(i.key),
-									"aria-label": k("remove_from_cart"),
+									onClick: () => k(i.key),
+									"aria-label": j("remove_from_cart"),
 									children: /* @__PURE__ */ o(f, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
@@ -103,35 +107,35 @@ function p({ lines: p, itemCount: m, baseUnitLabel: h, totalMinor: g, title: _,
 						}, i.key);
 					})
 				}),
-				C,
-				w ?? (typeof g == "number" ? /* @__PURE__ */ s("div", {
+				w,
+				T ?? (typeof g == "number" ? /* @__PURE__ */ s("div", {
 					className: "flex items-center justify-between gap-3 border-t border-slate-200 pt-3 text-sm",
 					children: [/* @__PURE__ */ o("p", {
 						className: "text-slate-700",
-						children: /* @__PURE__ */ o("span", { children: k("cart_total") })
+						children: /* @__PURE__ */ o("span", { children: j("cart_total") })
 					}), /* @__PURE__ */ o("p", {
 						className: "font-semibold text-slate-950",
-						children: /* @__PURE__ */ o("span", { children: e(g, A.language) })
+						children: /* @__PURE__ */ o("span", { children: e(g, M.language) })
 					})]
 				}) : null),
 				/* @__PURE__ */ s("div", {
 					className: "grid gap-2",
-					children: [b && y ? /* @__PURE__ */ o(c, {
-						to: y,
+					children: [x && b ? /* @__PURE__ */ o(c, {
+						to: b,
 						className: u(p.length > 0 ? "block" : "hidden"),
 						children: /* @__PURE__ */ s(n, {
 							className: "w-full gap-2",
-							children: [/* @__PURE__ */ o("span", { children: k("checkout_button") }), /* @__PURE__ */ o(d, {
+							children: [/* @__PURE__ */ o("span", { children: j("checkout_button") }), /* @__PURE__ */ o(d, {
 								className: "h-4 w-4",
 								"aria-hidden": "true"
 							})]
 						})
-					}) : null, x && O ? /* @__PURE__ */ o(n, {
+					}) : null, S && A ? /* @__PURE__ */ o(n, {
 						type: "button",
 						variant: "outline",
 						className: u(p.length > 0 ? "w-full gap-2" : "hidden"),
-						onClick: O,
-						children: /* @__PURE__ */ o("span", { children: k("cart_clear") })
+						onClick: A,
+						children: /* @__PURE__ */ o("span", { children: j("cart_clear") })
 					}) : null]
 				})
 			]

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StorefrontInsuranceNotice/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAsC,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAOzF,KAAK,8BAA8B,GAAG;IACpC,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,SAAS,GACV,EAAE,8BAA8B,2CA2KhC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StorefrontInsuranceNotice/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAsC,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAOzF,KAAK,8BAA8B,GAAG;IACpC,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,SAAS,GACV,EAAE,8BAA8B,2CAmKhC"}

package/dist/components/StorefrontInsuranceNotice/index.js

@@ -86,19 +86,10 @@ function v({ bikes: v, currency: y, fallbackLanguage: b, className: x }) {
 						/* @__PURE__ */ d("div", {
 							className: "overflow-y-auto",
 							children: [
-								/* @__PURE__ */ d("section", {
+								/* @__PURE__ */ u("section", {
 									className: "border-b border-slate-200 bg-slate-50",
 									"data-testid": "storefront-insurance-pricing-section",
-									children: [/* @__PURE__ */ d("div", {
-										className: "px-5 py-4 sm:px-6",
-										children: [/* @__PURE__ */ u("h3", {
-											className: "text-base font-semibold text-slate-950",
-											children: /* @__PURE__ */ u("span", { children: S("insurance_modal_pricing_title") })
-										}), /* @__PURE__ */ u("p", {
-											className: "mt-1 text-sm text-slate-600",
-											children: /* @__PURE__ */ u("span", { children: S("insurance_modal_pricing_description") })
-										})]
-									}), /* @__PURE__ */ u("dl", {
+									children: /* @__PURE__ */ u("dl", {
 										className: "grid divide-y divide-slate-200 border-t border-slate-200 sm:grid-cols-2 sm:divide-x sm:divide-y-0",
 										children: k.map((e) => /* @__PURE__ */ d("div", {
 											className: "px-5 py-4 sm:px-6",
@@ -111,7 +102,7 @@ function v({ bikes: v, currency: y, fallbackLanguage: b, className: x }) {
 												children: /* @__PURE__ */ u("span", { children: e.price })
 											})]
 										}, e.kind))
-									})]
+									})
 								}),
 								/* @__PURE__ */ d("section", {
 									className: "border-b border-slate-200 px-5 py-5 sm:px-6",

package/dist/components/WhatsAppFloatingButton/WhatsAppFloatingButton.d.ts

@@ -1,5 +1,7 @@
 import { WhatsAppFloatingButtonOptions } from './useWhatsAppFloatingButton';
-type WhatsAppFloatingButtonProps = WhatsAppFloatingButtonOptions;
-export declare const WhatsAppFloatingButton: (props: WhatsAppFloatingButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+type WhatsAppFloatingButtonProps = WhatsAppFloatingButtonOptions & {
+    avoidMobileBottomBar?: boolean;
+};
+export declare const WhatsAppFloatingButton: ({ avoidMobileBottomBar, ...options }: WhatsAppFloatingButtonProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=WhatsAppFloatingButton.d.ts.map

package/dist/components/WhatsAppFloatingButton/WhatsAppFloatingButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WhatsAppFloatingButton.d.ts","sourceRoot":"","sources":["../../../src/components/WhatsAppFloatingButton/WhatsAppFloatingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,6BAA6B,CAAA;AAGpC,KAAK,2BAA2B,GAAG,6BAA6B,CAAA;AAwBhE,eAAO,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,mDA4BxE,CAAA"}
+{"version":3,"file":"WhatsAppFloatingButton.d.ts","sourceRoot":"","sources":["../../../src/components/WhatsAppFloatingButton/WhatsAppFloatingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,6BAA6B,CAAA;AAGpC,KAAK,2BAA2B,GAAG,6BAA6B,GAAG;IACjE,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,CAAA;AAwBD,eAAO,MAAM,sBAAsB,GAAI,sCAGpC,2BAA2B,mDAiC7B,CAAA"}

package/dist/components/WhatsAppFloatingButton/WhatsAppFloatingButton.js

@@ -36,22 +36,22 @@ function r({ className: e }) {
 		]
 	});
 }
-var i = (i) => {
-	let { href: a, containerRef: o, bubbleRef: s, onLinkClick: c } = e(i);
-	return typeof window > "u" || !a ? null : /* @__PURE__ */ t("div", {
-		ref: o,
-		className: "fixed bottom-4 right-4 z-50 pointer-events-none select-none",
+var i = ({ avoidMobileBottomBar: i = !1, ...a }) => {
+	let { href: o, containerRef: s, bubbleRef: c, onLinkClick: l } = e(a);
+	return typeof window > "u" || !o ? null : /* @__PURE__ */ t("div", {
+		ref: s,
+		className: i ? "pointer-events-none fixed bottom-24 right-4 z-50 select-none lg:bottom-4" : "pointer-events-none fixed bottom-4 right-4 z-50 select-none",
 		children: /* @__PURE__ */ t("div", {
-			ref: s,
+			ref: c,
 			className: "pointer-events-auto",
 			style: { touchAction: "none" },
 			children: /* @__PURE__ */ n("a", {
-				href: a,
+				href: o,
 				target: "_blank",
 				rel: "nofollow noopener noreferrer",
 				className: "group inline-flex h-14 w-14 md:h-12 md:w-12 items-center justify-center rounded-full bg-[#25D366] hover:bg-[#1DA851] shadow-lg ring-1 ring-[#1DA851] transition-colors p-1",
 				"aria-label": "WhatsApp",
-				onClick: c,
+				onClick: l,
 				children: [/* @__PURE__ */ t(r, { className: "h-9 w-9 md:h-8 md:w-8" }), /* @__PURE__ */ t("span", {
 					className: "sr-only",
 					children: "WhatsApp"

package/dist/i18n/en.d.ts

@@ -41,8 +41,6 @@ export declare const storefront: {
     insurance_info_aria_label: string;
     insurance_modal_title: string;
     insurance_modal_description: string;
-    insurance_modal_pricing_title: string;
-    insurance_modal_pricing_description: string;
     insurance_modal_muscular_bike: string;
     insurance_modal_electric_bike: string;
     insurance_modal_price_per_day: string;
@@ -132,6 +130,7 @@ export declare const storefront: {
     about_section_title: string;
     about_section_heading: string;
     about_section_fallback: string;
+    faq_section_title: string;
     testimonials: {
         title: string;
         reviews_label: string;
@@ -205,8 +204,12 @@ export declare const storefront: {
     go_to_checkout: string;
     checkout_title: string;
     checkout_subtitle: string;
+    checkout_booking_period_edit: string;
     checkout_summary_title: string;
     checkout_summary_description: string;
+    checkout_mobile_summary_button: string;
+    checkout_mobile_submit: string;
+    checkout_mobile_continue_to_payment: string;
     checkout_booking_subtotal: string;
     checkout_estimated_duration: string;
     checkout_estimated_total: string;
@@ -355,6 +358,7 @@ export declare const storefront: {
     docs_contract_sale_acceptance_section_required_description: string;
     accessories_title: string;
     accessories_description: string;
+    accessories_view_all: string;
     accessories_badge: string;
     contact_section_title: string;
     contact_section_subtitle: 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4gBtB,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAihBtB,CAAA"}

package/dist/i18n/en.js

@@ -42,8 +42,6 @@ var e = {
 	insurance_info_aria_label: "Show theft and accidental damage guarantee terms",
 	insurance_modal_title: "Theft and accidental damage guarantee",
 	insurance_modal_description: "Optional protection that limits your costs after covered accidental damage or theft.",
-	insurance_modal_pricing_title: "Price by category",
-	insurance_modal_pricing_description: "The exact amount depends on the bike selected.",
 	insurance_modal_muscular_bike: "Regular bike",
 	insurance_modal_electric_bike: "Electric bike",
 	insurance_modal_price_per_day: "{{price}} per bike per day",
@@ -133,6 +131,7 @@ var e = {
 	about_section_title: "About",
 	about_section_heading: "About the storefront",
 	about_section_fallback: "This shop hasn’t added a description yet.",
+	faq_section_title: "Frequently asked questions",
 	testimonials: {
 		title: "Our customers love our bikes and our service",
 		reviews_label: "reviews",
@@ -206,8 +205,12 @@ var e = {
 	go_to_checkout: "Go to checkout",
 	checkout_title: "Confirm your details and payment",
 	checkout_subtitle: "Confirm your details and payment · {{duration}}",
+	checkout_booking_period_edit: "Edit",
 	checkout_summary_title: "Summary",
 	checkout_summary_description: "Cart and pricing recap.",
+	checkout_mobile_summary_button: "View summary ({{count}})",
+	checkout_mobile_submit: "Send request",
+	checkout_mobile_continue_to_payment: "Continue to payment",
 	checkout_booking_subtotal: "Subtotal",
 	checkout_estimated_duration: "Estimated duration",
 	checkout_estimated_total: "Total",
@@ -356,6 +359,7 @@ var e = {
 	docs_contract_sale_acceptance_section_required_description: "The customer must scroll through the document and accept it before completion.",
 	accessories_title: "Popular accessories",
 	accessories_description: "Add accessories during checkout.",
+	accessories_view_all: "See all accessories",
 	accessories_badge: "Accessory",
 	contact_section_title: "Contact us",
 	contact_section_subtitle: "Need help or have a specific question? Send us a message and we’ll reply simply.",

package/dist/i18n/fr.d.ts

@@ -41,8 +41,6 @@ export declare const storefront: {
     insurance_info_aria_label: string;
     insurance_modal_title: string;
     insurance_modal_description: string;
-    insurance_modal_pricing_title: string;
-    insurance_modal_pricing_description: string;
     insurance_modal_muscular_bike: string;
     insurance_modal_electric_bike: string;
     insurance_modal_price_per_day: string;
@@ -132,6 +130,7 @@ export declare const storefront: {
     about_section_title: string;
     about_section_heading: string;
     about_section_fallback: string;
+    faq_section_title: string;
     testimonials: {
         title: string;
         reviews_label: string;
@@ -206,8 +205,12 @@ export declare const storefront: {
     go_to_checkout: string;
     checkout_title: string;
     checkout_subtitle: string;
+    checkout_booking_period_edit: string;
     checkout_summary_title: string;
     checkout_summary_description: string;
+    checkout_mobile_summary_button: string;
+    checkout_mobile_submit: string;
+    checkout_mobile_continue_to_payment: string;
     checkout_booking_subtotal: string;
     checkout_estimated_duration: string;
     checkout_estimated_total: string;
@@ -356,6 +359,7 @@ export declare const storefront: {
     docs_contract_sale_acceptance_section_required_description: string;
     accessories_title: string;
     accessories_description: string;
+    accessories_view_all: string;
     accessories_badge: string;
     contact_section_title: string;
     contact_section_subtitle: string;

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

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

package/dist/i18n/fr.js

@@ -42,8 +42,6 @@ var e = {
 	insurance_info_aria_label: "Afficher les conditions de la garantie casse et vol",
 	insurance_modal_title: "Garantie casse et vol",
 	insurance_modal_description: "Une protection facultative pour limiter les frais en cas de dommage accidentel ou de vol couvert.",
-	insurance_modal_pricing_title: "Tarif par catégorie",
-	insurance_modal_pricing_description: "Le montant exact dépend du vélo choisi.",
 	insurance_modal_muscular_bike: "Vélo musculaire",
 	insurance_modal_electric_bike: "Vélo électrique",
 	insurance_modal_price_per_day: "{{price}} par vélo et par jour",
@@ -133,6 +131,7 @@ var e = {
 	about_section_title: "Présentation",
 	about_section_heading: "Présentation de la boutique",
 	about_section_fallback: "Cette boutique n’a pas encore ajouté de présentation.",
+	faq_section_title: "Questions fréquentes",
 	testimonials: {
 		title: "Nos clients adorent nos vélos et notre service",
 		reviews_label: "avis",
@@ -207,8 +206,12 @@ var e = {
 	go_to_checkout: "Aller au paiement",
 	checkout_title: "Confirmez vos informations et le paiement",
 	checkout_subtitle: "Confirmez vos informations et le paiement · {{duration}}",
+	checkout_booking_period_edit: "Modifier",
 	checkout_summary_title: "Récapitulatif",
 	checkout_summary_description: "Panier et récap des montants.",
+	checkout_mobile_summary_button: "Voir le récapitulatif ({{count}})",
+	checkout_mobile_submit: "Envoyer la demande",
+	checkout_mobile_continue_to_payment: "Continuer au paiement",
 	checkout_booking_subtotal: "Sous-total",
 	checkout_estimated_duration: "Durée estimée",
 	checkout_estimated_total: "Total",
@@ -357,6 +360,7 @@ var e = {
 	docs_contract_sale_acceptance_section_required_description: "Le client doit faire défiler le document et l'accepter avant la finalisation.",
 	accessories_title: "Accessoires populaires",
 	accessories_description: "Ajoutez des accessoires pendant le paiement.",
+	accessories_view_all: "Voir tous les accessoires",
 	accessories_badge: "Accessoire",
 	contact_section_title: "Contact",
 	contact_section_subtitle: "Une question ou un besoin précis ? Écrivez-nous, on vous répond simplement.",