@loczer/storefront-sdk 0.237.0 → 0.238.0

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

@@ -14,11 +14,12 @@ type StorefrontCartPanelProps = {
     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, headerAddon, 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,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,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,kBAA6B,EAC7B,gBAAgB,EAChB,QAAQ,EACR,OAAO,GACR,EAAE,wBAAwB,2CAuJ1B"}
+{"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,22 +10,22 @@ 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, headerAddon: y, checkoutPath: b, showCheckoutAction: x = !1, showClearAction: S = !1, editable: C = !0, summaryAddon: w, pricingSummary: T, stickyTopClassName: E = "top-24", onQuantityChange: D, onRemove: O, onClear: k }) {
-	let { t: A, i18n: j } = l();
-	return /* @__PURE__ */ s(i, {
-		className: u("sticky border-slate-200 bg-white shadow-sm", E),
+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",
+			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: _ ?? A("cart_title") })
+						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: A("cart_items_count", { count: m }) })
+						children: /* @__PURE__ */ o("span", { children: j("cart_items_count", { count: m }) })
 					})]
 				}),
 				v ? /* @__PURE__ */ o("p", {
@@ -35,15 +35,15 @@ function p({ lines: p, itemCount: m, baseUnitLabel: h, totalMinor: g, title: _,
 				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: A("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, j.language), l = i.insufficientCapacity === !0, u = i.availabilityIssue === "quantityUnavailable" ? A("availability_quantity_unavailable") : A("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", {
@@ -55,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: `${A(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",
@@ -64,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: A("cart_line_meta", {
+										children: /* @__PURE__ */ o("span", { children: j("cart_line_meta", {
 											quantity: i.quantity,
 											price: c,
 											unit: h
@@ -80,24 +80,24 @@ function p({ lines: p, itemCount: m, baseUnitLabel: h, totalMinor: g, title: _,
 								]
 							}), C ? /* @__PURE__ */ s("div", {
 								className: "flex items-center gap-2",
-								children: [D ? /* @__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);
-										D(i.key, Number.isFinite(t) ? t : 0);
+										O(i.key, Number.isFinite(t) ? t : 0);
 									},
 									className: "h-9 w-16",
-									"aria-label": A("quantity_label")
-								}) : null, O ? /* @__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: () => O(i.key),
-									"aria-label": A("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"
@@ -112,10 +112,10 @@ function p({ lines: p, itemCount: m, baseUnitLabel: h, totalMinor: g, title: _,
 					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: A("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, j.language) })
+						children: /* @__PURE__ */ o("span", { children: e(g, M.language) })
 					})]
 				}) : null),
 				/* @__PURE__ */ s("div", {
@@ -125,17 +125,17 @@ function p({ lines: p, itemCount: m, baseUnitLabel: h, totalMinor: g, title: _,
 						className: u(p.length > 0 ? "block" : "hidden"),
 						children: /* @__PURE__ */ s(n, {
 							className: "w-full gap-2",
-							children: [/* @__PURE__ */ o("span", { children: A("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, S && k ? /* @__PURE__ */ o(n, {
+					}) : null, S && A ? /* @__PURE__ */ o(n, {
 						type: "button",
 						variant: "outline",
 						className: u(p.length > 0 ? "w-full gap-2" : "hidden"),
-						onClick: k,
-						children: /* @__PURE__ */ o("span", { children: A("cart_clear") })
+						onClick: A,
+						children: /* @__PURE__ */ o("span", { children: j("cart_clear") })
 					}) : null]
 				})
 			]

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

@@ -207,6 +207,9 @@ export declare const storefront: {
     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;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8gBtB,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

@@ -208,6 +208,9 @@ var e = {
 	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",

package/dist/i18n/fr.d.ts

@@ -208,6 +208,9 @@ export declare const storefront: {
     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;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+gBtB,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

@@ -209,6 +209,9 @@ var e = {
 	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",

package/dist/index.d.ts

@@ -3572,7 +3572,7 @@ export declare type StorefrontCartItem = {
     quantity: number;
 };
 
-export declare function StorefrontCartPanel({ lines, itemCount, baseUnitLabel, totalMinor, title, description, headerAddon, checkoutPath, showCheckoutAction, showClearAction, editable, summaryAddon, pricingSummary, stickyTopClassName, onQuantityChange, onRemove, onClear, }: StorefrontCartPanelProps): 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): JSX.Element;
 
 declare type StorefrontCartPanelProps = {
     lines: StorefrontCartSummaryLine[];
@@ -3588,6 +3588,7 @@ declare type StorefrontCartPanelProps = {
     editable?: boolean;
     summaryAddon?: ReactNode;
     pricingSummary?: ReactNode;
+    presentation?: "card" | "flat";
     stickyTopClassName?: string;
     onQuantityChange?: (key: string, quantity: number) => void;
     onRemove?: (key: string) => void;
@@ -4388,6 +4389,9 @@ export declare const storefrontEn: {
     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;
@@ -4947,6 +4951,9 @@ export declare const storefrontFr: {
     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;
@@ -6993,13 +7000,15 @@ export declare function validateBookingDeliveryAddress(input: BookingDeliveryAdd
 
 declare type Weekday = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 
-export declare const WhatsAppFloatingButton: (props: WhatsAppFloatingButtonProps) => JSX.Element | null;
+export declare const WhatsAppFloatingButton: ({ avoidMobileBottomBar, ...options }: WhatsAppFloatingButtonProps) => JSX.Element | null;
 
 export declare interface WhatsAppFloatingButtonOptions {
     href?: string;
 }
 
-declare type WhatsAppFloatingButtonProps = WhatsAppFloatingButtonOptions;
+declare type WhatsAppFloatingButtonProps = WhatsAppFloatingButtonOptions & {
+    avoidMobileBottomBar?: boolean;
+};
 
 export declare const writeBookingSearchParamsToSessionStorage: (storeSlug: string | undefined, booking: Partial<StorefrontBookingParams> | URLSearchParams) => void;
 

package/dist/pages/CheckoutPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutPage.d.ts","sourceRoot":"","sources":["../../src/pages/CheckoutPage.tsx"],"names":[],"mappings":"AAqFA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAspBnC"}
+{"version":3,"file":"CheckoutPage.d.ts","sourceRoot":"","sources":["../../src/pages/CheckoutPage.tsx"],"names":[],"mappings":"AAsFA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAorBnC"}