@loczer/storefront-sdk 0.237.0 → 0.239.0

package/dist/pages/checkout/components/CheckoutMobileSummaryDrawer.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+type CheckoutMobileSummaryDrawerProps = {
+    canSubmit: boolean;
+    children: ReactNode;
+    compactSubmitLabel: string;
+    itemCount: number;
+    onSubmit: () => void;
+    submitLabel: string;
+    totalLabel: string;
+};
+export declare function CheckoutMobileSummaryDrawer({ canSubmit, children, compactSubmitLabel, itemCount, onSubmit, submitLabel, totalLabel, }: CheckoutMobileSummaryDrawerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckoutMobileSummaryDrawer.d.ts.map

package/dist/pages/checkout/components/CheckoutMobileSummaryDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutMobileSummaryDrawer.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutMobileSummaryDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAiB3D,KAAK,gCAAgC,GAAG;IACtC,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,UAAU,GACX,EAAE,gCAAgC,2CAuFlC"}

package/dist/pages/checkout/components/CheckoutMobileSummaryDrawer.js

@@ -0,0 +1,95 @@
+import { Button as e } from "../../../ui/button.js";
+import { Drawer as t, DrawerContent as n, DrawerFooter as r, DrawerHeader as i, DrawerTitle as a, DrawerTrigger as o } from "../../../ui/drawer.js";
+import { useEffect as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useMediaQuery as d } from "@rpcbase/client";
+import { useTranslation as f } from "react-i18next";
+import { toast as p } from "sonner";
+import { ShoppingCart as m } from "lucide-react";
+//#region src/pages/checkout/components/CheckoutMobileSummaryDrawer.tsx
+function h({ canSubmit: h, children: g, compactSubmitLabel: _, itemCount: v, onSubmit: y, submitLabel: b, totalLabel: x }) {
+	let { t: S } = f(), [C, w] = c(!1), T = d("(min-width: 64rem)");
+	return s(() => {
+		T && w(!1);
+	}, [T]), /* @__PURE__ */ l("div", {
+		className: "lg:hidden",
+		children: /* @__PURE__ */ u(t, {
+			open: C && !T,
+			onOpenChange: (e) => {
+				e && p.dismiss(), w(e);
+			},
+			children: [/* @__PURE__ */ u("div", {
+				className: "fixed inset-x-0 bottom-0 z-40 flex gap-2 border-t border-slate-200/80 bg-white/95 p-3 pb-[calc(0.75rem+env(safe-area-inset-bottom))] shadow-[0_-12px_30px_-22px_rgba(15,23,42,0.45)] backdrop-blur-lg",
+				"data-testid": "checkout-mobile-action-bar",
+				children: [/* @__PURE__ */ l(o, {
+					asChild: !0,
+					children: /* @__PURE__ */ l(e, {
+						type: "button",
+						variant: "outline",
+						className: "h-12 min-w-0 flex-1 border-primary/20 px-3 text-primary hover:bg-primary/5 hover:text-primary",
+						"aria-label": S("checkout_mobile_summary_button", { count: v }),
+						"data-testid": "checkout-mobile-summary-trigger",
+						children: /* @__PURE__ */ u("span", {
+							className: "flex w-full min-w-0 items-center justify-between gap-2",
+							children: [/* @__PURE__ */ u("span", {
+								className: "flex shrink-0 items-center gap-2",
+								children: [/* @__PURE__ */ l(m, {
+									className: "size-4",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ l("span", {
+									className: "inline-flex min-w-5 items-center justify-center rounded-full bg-primary/10 px-1.5 py-0.5 text-xs font-bold",
+									children: v
+								})]
+							}), /* @__PURE__ */ l("span", {
+								className: "truncate text-sm font-semibold",
+								"aria-live": "polite",
+								children: x
+							})]
+						})
+					})
+				}), /* @__PURE__ */ l(e, {
+					type: "button",
+					className: "h-12 min-w-0 flex-1 px-3 text-sm font-semibold",
+					"aria-label": b,
+					"data-testid": "checkout-mobile-submit",
+					disabled: !h,
+					onClick: y,
+					children: /* @__PURE__ */ l("span", {
+						className: "line-clamp-2 whitespace-normal leading-tight",
+						children: _
+					})
+				})]
+			}), /* @__PURE__ */ u(n, {
+				className: "max-h-[90dvh] rounded-t-2xl bg-white",
+				closeLabel: S("close_modal"),
+				"data-testid": "checkout-mobile-summary-drawer",
+				showCloseButton: !0,
+				children: [
+					/* @__PURE__ */ l(i, {
+						className: "sr-only",
+						children: /* @__PURE__ */ l(a, { children: S("checkout_summary_title") })
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "min-h-0 flex-1 overflow-y-auto px-4 pb-4 pt-8",
+						children: g
+					}),
+					/* @__PURE__ */ l(r, {
+						className: "mt-auto shrink-0 border-t border-slate-200 bg-white pb-[calc(1rem+env(safe-area-inset-bottom))] pt-4",
+						children: /* @__PURE__ */ l(e, {
+							type: "button",
+							size: "lg",
+							className: "w-full font-semibold",
+							disabled: !h,
+							onClick: () => {
+								w(!1), y();
+							},
+							children: /* @__PURE__ */ l("span", { children: b })
+						})
+					})
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { h as CheckoutMobileSummaryDrawer };

package/dist/pages/checkout/components/CheckoutSummaryColumn.d.ts

@@ -8,10 +8,13 @@ type CheckoutSummaryColumnProps = Pick<StorefrontCartPanelProps, "lines" | "item
     coupon?: CheckoutCouponCardProps;
     bookingPeriod?: CheckoutBookingPeriodSummaryProps;
     bookingSubtotalLabel: string;
+    className?: string;
+    presentation?: StorefrontCartPanelProps["presentation"];
+    stickyTopClassName?: string;
     vatAmountLabel: string;
     vatRateLabel: string;
     bookingTotalLabel: string;
 };
-export declare function CheckoutSummaryColumn({ lines, itemCount, baseUnitLabel, coupon, bookingPeriod, bookingSubtotalLabel, vatAmountLabel, vatRateLabel, bookingTotalLabel, onQuantityChange, onRemove, }: CheckoutSummaryColumnProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckoutSummaryColumn({ lines, itemCount, baseUnitLabel, coupon, bookingPeriod, bookingSubtotalLabel, className, presentation, stickyTopClassName, vatAmountLabel, vatRateLabel, bookingTotalLabel, onQuantityChange, onRemove, }: CheckoutSummaryColumnProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CheckoutSummaryColumn.d.ts.map

package/dist/pages/checkout/components/CheckoutSummaryColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutSummaryColumn.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutSummaryColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAC7E,OAAO,EAEL,KAAK,iCAAiC,EACvC,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAGzD,KAAK,wBAAwB,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAC1E,KAAK,uBAAuB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAExE,KAAK,0BAA0B,GAAG,IAAI,CACpC,wBAAwB,EACtB,OAAO,GACP,WAAW,GACX,eAAe,GACf,kBAAkB,GAClB,UAAU,CACb,GAAG;IACF,MAAM,CAAC,EAAE,uBAAuB,CAAA;IAChC,aAAa,CAAC,EAAE,iCAAiC,CAAA;IACjD,oBAAoB,EAAE,MAAM,CAAA;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,aAAa,EACb,MAAM,EACN,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,GACT,EAAE,0BAA0B,2CAgD5B"}
+{"version":3,"file":"CheckoutSummaryColumn.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutSummaryColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAC7E,OAAO,EAEL,KAAK,iCAAiC,EACvC,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAGzD,KAAK,wBAAwB,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAC1E,KAAK,uBAAuB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAExE,KAAK,0BAA0B,GAAG,IAAI,CACpC,wBAAwB,EACtB,OAAO,GACP,WAAW,GACX,eAAe,GACf,kBAAkB,GAClB,UAAU,CACb,GAAG;IACF,MAAM,CAAC,EAAE,uBAAuB,CAAA;IAChC,aAAa,CAAC,EAAE,iCAAiC,CAAA;IACjD,oBAAoB,EAAE,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAA;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,aAAa,EACb,MAAM,EACN,aAAa,EACb,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,kBAA6B,EAC7B,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,GACT,EAAE,0BAA0B,2CAiD5B"}

package/dist/pages/checkout/components/CheckoutSummaryColumn.js

@@ -3,20 +3,22 @@ import { CheckoutBookingPeriodSummary as t } from "./CheckoutBookingPeriodSummar
 import { CheckoutCouponCard as n } from "./CheckoutCouponCard.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useTranslation as a } from "react-i18next";
+import { cn as o } from "@rpcbase/ui";
 //#region src/pages/checkout/components/CheckoutSummaryColumn.tsx
-function o({ lines: o, itemCount: s, baseUnitLabel: c, coupon: l, bookingPeriod: u, bookingSubtotalLabel: d, vatAmountLabel: f, vatRateLabel: p, bookingTotalLabel: m, onQuantityChange: h, onRemove: g }) {
-	let { t: _ } = a();
+function s({ lines: s, itemCount: c, baseUnitLabel: l, coupon: u, bookingPeriod: d, bookingSubtotalLabel: f, className: p, presentation: m, stickyTopClassName: h = "top-32", vatAmountLabel: g, vatRateLabel: _, bookingTotalLabel: v, onQuantityChange: y, onRemove: b }) {
+	let { t: x } = a();
 	return /* @__PURE__ */ r("div", {
-		className: "lg:col-span-5",
+		className: o("lg:col-span-5", p),
 		children: /* @__PURE__ */ r(e, {
-			lines: o,
-			itemCount: s,
-			baseUnitLabel: c,
-			title: _("checkout_summary_title"),
-			description: _("checkout_summary_description"),
-			headerAddon: u ? /* @__PURE__ */ r(t, { ...u }) : void 0,
+			lines: s,
+			itemCount: c,
+			baseUnitLabel: l,
+			title: x("checkout_summary_title"),
+			description: x("checkout_summary_description"),
+			headerAddon: d ? /* @__PURE__ */ r(t, { ...d }) : void 0,
 			editable: !0,
-			summaryAddon: l ? /* @__PURE__ */ r(n, { ...l }) : void 0,
+			presentation: m,
+			summaryAddon: u ? /* @__PURE__ */ r(n, { ...u }) : void 0,
 			pricingSummary: /* @__PURE__ */ i("dl", {
 				className: "grid border-t border-slate-200 pt-3 text-sm",
 				"data-testid": "checkout-booking-totals",
@@ -25,39 +27,39 @@ function o({ lines: o, itemCount: s, baseUnitLabel: c, coupon: l, bookingPeriod:
 						className: "flex items-center justify-between gap-3 py-1.5",
 						children: [/* @__PURE__ */ r("dt", {
 							className: "text-slate-700",
-							children: /* @__PURE__ */ r("span", { children: _("checkout_booking_subtotal") })
+							children: /* @__PURE__ */ r("span", { children: x("checkout_booking_subtotal") })
 						}), /* @__PURE__ */ r("dd", {
 							className: "font-medium tabular-nums text-slate-900",
-							children: /* @__PURE__ */ r("span", { children: d })
+							children: /* @__PURE__ */ r("span", { children: f })
 						})]
 					}),
 					/* @__PURE__ */ i("div", {
 						className: "flex items-center justify-between gap-3 py-1.5",
 						children: [/* @__PURE__ */ r("dt", {
 							className: "text-slate-700",
-							children: /* @__PURE__ */ r("span", { children: _("checkout_payment_vat", { rate: p }) })
+							children: /* @__PURE__ */ r("span", { children: x("checkout_payment_vat", { rate: _ }) })
 						}), /* @__PURE__ */ r("dd", {
 							className: "font-medium tabular-nums text-slate-900",
-							children: /* @__PURE__ */ r("span", { children: f })
+							children: /* @__PURE__ */ r("span", { children: g })
 						})]
 					}),
 					/* @__PURE__ */ i("div", {
 						className: "mt-1 flex items-center justify-between gap-3 border-t border-slate-200 pt-3",
 						children: [/* @__PURE__ */ r("dt", {
 							className: "font-semibold text-slate-950",
-							children: /* @__PURE__ */ r("span", { children: _("checkout_estimated_total") })
+							children: /* @__PURE__ */ r("span", { children: x("checkout_estimated_total") })
 						}), /* @__PURE__ */ r("dd", {
 							className: "text-base font-bold tabular-nums tracking-tight text-slate-950",
-							children: /* @__PURE__ */ r("span", { children: m })
+							children: /* @__PURE__ */ r("span", { children: v })
 						})]
 					})
 				]
 			}),
-			stickyTopClassName: "top-32",
-			onQuantityChange: h,
-			onRemove: g
+			stickyTopClassName: h,
+			onQuantityChange: y,
+			onRemove: b
 		})
 	});
 }
 //#endregion
-export { o as CheckoutSummaryColumn };
+export { s as CheckoutSummaryColumn };