@loczer/storefront-sdk 0.236.0 → 0.238.0

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

@@ -0,0 +1,9 @@
+export type CheckoutBookingPeriodSummaryProps = {
+    bookingPath: string;
+    startDate: string;
+    startTime: string;
+    endDate: string;
+    endTime: string;
+};
+export declare function CheckoutBookingPeriodSummary({ bookingPath, startDate, startTime, endDate, endTime, }: CheckoutBookingPeriodSummaryProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckoutBookingPeriodSummary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutBookingPeriodSummary.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutBookingPeriodSummary.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,iCAAiC,GAAG;IAC9C,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAwDD,wBAAgB,4BAA4B,CAAC,EAC3C,WAAW,EACX,SAAS,EACT,SAAS,EACT,OAAO,EACP,OAAO,GACR,EAAE,iCAAiC,2CAoCnC"}

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

@@ -0,0 +1,83 @@
+import { normalizeBusinessDateString as e } from "../../../lib/booking-period.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Link as r } from "@rpcbase/router";
+import { useTranslation as i } from "react-i18next";
+import { ArrowRight as a, Clock3 as o } from "lucide-react";
+//#region src/pages/checkout/components/CheckoutBookingPeriodSummary.tsx
+var s = (t, n) => {
+	let r = e(t);
+	if (!r) return t;
+	let [i = 0, a = 1, o = 1] = r.split("-").map(Number), s = new Date(Date.UTC(i, a - 1, o));
+	try {
+		return new Intl.DateTimeFormat(n, {
+			weekday: "short",
+			year: "numeric",
+			month: "short",
+			day: "numeric",
+			timeZone: "UTC"
+		}).format(s);
+	} catch {
+		return t;
+	}
+};
+function c({ date: e, label: r, labelAction: i, language: a, testId: c, time: l }) {
+	return /* @__PURE__ */ n("div", {
+		className: "min-w-0",
+		"data-testid": c,
+		children: [/* @__PURE__ */ n("div", {
+			className: "flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ t("p", {
+				className: "min-w-0 text-xs font-medium text-slate-600",
+				children: /* @__PURE__ */ t("span", { children: r })
+			}), i]
+		}), /* @__PURE__ */ n("time", {
+			dateTime: `${e}T${l}`,
+			className: "mt-1 block text-sm font-semibold text-slate-950",
+			children: [/* @__PURE__ */ t("span", { children: s(e, a) }), /* @__PURE__ */ n("span", {
+				className: "mt-1 flex items-center gap-1.5 text-sm font-medium text-slate-700",
+				children: [/* @__PURE__ */ t(o, {
+					className: "size-3.5",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ t("span", { children: l })]
+			})]
+		})]
+	});
+}
+function l({ bookingPath: e, startDate: o, startTime: s, endDate: l, endTime: u }) {
+	let { t: d, i18n: f } = i();
+	return /* @__PURE__ */ t("section", {
+		className: "mt-3 border-t border-slate-200 pt-3",
+		"aria-label": d("booking_rental_period"),
+		"data-testid": "checkout-booking-period",
+		children: /* @__PURE__ */ n("div", {
+			className: "grid grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-3",
+			children: [
+				/* @__PURE__ */ t(c, {
+					date: o,
+					label: d("booking_start_date"),
+					language: f.language,
+					testId: "checkout-booking-start",
+					time: s
+				}),
+				/* @__PURE__ */ t(a, {
+					className: "size-4 shrink-0 text-slate-400",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ t(c, {
+					date: l,
+					label: d("booking_end_date"),
+					labelAction: /* @__PURE__ */ t(r, {
+						to: e,
+						className: "shrink-0 text-xs font-semibold text-primary underline-offset-4 hover:underline",
+						children: /* @__PURE__ */ t("span", { children: d("checkout_booking_period_edit") })
+					}),
+					language: f.language,
+					testId: "checkout-booking-end",
+					time: u
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { l as CheckoutBookingPeriodSummary };

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

@@ -1 +1 @@
-{"version":3,"file":"CheckoutLoadingSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutLoadingSkeleton.tsx"],"names":[],"mappings":"AAMA,KAAK,4BAA4B,GAAG;IAClC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAMD,wBAAgB,uBAAuB,CAAC,EACtC,WAAW,EACX,YAAY,GACb,EAAE,4BAA4B,2CAuF9B"}
+{"version":3,"file":"CheckoutLoadingSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutLoadingSkeleton.tsx"],"names":[],"mappings":"AAMA,KAAK,4BAA4B,GAAG;IAClC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAMD,wBAAgB,uBAAuB,CAAC,EACtC,WAAW,EACX,YAAY,GACb,EAAE,4BAA4B,2CA8F9B"}

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

@@ -6,14 +6,14 @@ import { cn as i } from "@rpcbase/ui";
 var a = ({ className: e }) => /* @__PURE__ */ t("div", { className: i("rounded bg-slate-200", e) });
 function o({ bookingPath: i, checkoutPath: o }) {
 	let { t: s } = r();
-	return /* @__PURE__ */ t(e, {
+	return /* @__PURE__ */ n(e, {
 		currentStep: "checkout",
 		bookingPath: i,
 		checkoutPath: o,
 		backPath: i,
 		backLabel: s("back_to_booking"),
-		children: /* @__PURE__ */ n("div", {
-			className: "grid animate-pulse gap-6 lg:grid-cols-12",
+		children: [/* @__PURE__ */ n("div", {
+			className: "grid animate-pulse gap-6 pb-24 lg:grid-cols-12 lg:pb-0",
 			"data-testid": "checkout-cart-skeleton",
 			role: "status",
 			"aria-busy": "true",
@@ -47,11 +47,11 @@ function o({ bookingPath: i, checkoutPath: o }) {
 								})]
 							})]
 						}),
-						/* @__PURE__ */ t(a, { className: "mt-8 h-11 w-52" })
+						/* @__PURE__ */ t(a, { className: "mt-8 hidden h-11 w-52 lg:block" })
 					]
 				}),
 				/* @__PURE__ */ t("div", {
-					className: "lg:col-span-5",
+					className: "hidden lg:col-span-5 lg:block",
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ n("div", {
 						className: "overflow-hidden rounded-xl border border-slate-200 bg-white shadow-sm",
@@ -98,7 +98,11 @@ function o({ bookingPath: i, checkoutPath: o }) {
 					})
 				})
 			]
-		})
+		}), /* @__PURE__ */ n("div", {
+			className: "fixed inset-x-0 bottom-0 z-40 flex animate-pulse 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 lg:hidden",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ t(a, { className: "h-12 min-w-0 flex-1" }), /* @__PURE__ */ t(a, { className: "h-12 min-w-0 flex-1" })]
+		})]
 	});
 }
 //#endregion

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

@@ -1,15 +1,20 @@
 import { ComponentProps } from 'react';
 import { StorefrontCartPanel } from '../../../components/StorefrontCartPanel';
+import { CheckoutBookingPeriodSummaryProps } from './CheckoutBookingPeriodSummary';
 import { CheckoutCouponCard } from './CheckoutCouponCard';
 type StorefrontCartPanelProps = ComponentProps<typeof StorefrontCartPanel>;
 type CheckoutCouponCardProps = ComponentProps<typeof CheckoutCouponCard>;
 type CheckoutSummaryColumnProps = Pick<StorefrontCartPanelProps, "lines" | "itemCount" | "baseUnitLabel" | "onQuantityChange" | "onRemove"> & {
     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, 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,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,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,oBAAoB,EACpB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,GACT,EAAE,0BAA0B,2CA+C5B"}
+{"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

@@ -1,61 +1,65 @@
 import { StorefrontCartPanel as e } from "../../../components/StorefrontCartPanel/index.js";
-import { CheckoutCouponCard as t } from "./CheckoutCouponCard.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useTranslation as i } from "react-i18next";
+import { CheckoutBookingPeriodSummary as t } from "./CheckoutBookingPeriodSummary.js";
+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 a({ lines: a, itemCount: o, baseUnitLabel: s, coupon: c, bookingSubtotalLabel: l, vatAmountLabel: u, vatRateLabel: d, bookingTotalLabel: f, onQuantityChange: p, onRemove: m }) {
-	let { t: h } = i();
-	return /* @__PURE__ */ n("div", {
-		className: "lg:col-span-5",
-		children: /* @__PURE__ */ n(e, {
-			lines: a,
-			itemCount: o,
-			baseUnitLabel: s,
-			title: h("checkout_summary_title"),
-			description: h("checkout_summary_description"),
+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: o("lg:col-span-5", p),
+		children: /* @__PURE__ */ r(e, {
+			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: c ? /* @__PURE__ */ n(t, { ...c }) : void 0,
-			pricingSummary: /* @__PURE__ */ r("dl", {
+			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",
 				children: [
-					/* @__PURE__ */ r("div", {
+					/* @__PURE__ */ i("div", {
 						className: "flex items-center justify-between gap-3 py-1.5",
-						children: [/* @__PURE__ */ n("dt", {
+						children: [/* @__PURE__ */ r("dt", {
 							className: "text-slate-700",
-							children: /* @__PURE__ */ n("span", { children: h("checkout_booking_subtotal") })
-						}), /* @__PURE__ */ n("dd", {
+							children: /* @__PURE__ */ r("span", { children: x("checkout_booking_subtotal") })
+						}), /* @__PURE__ */ r("dd", {
 							className: "font-medium tabular-nums text-slate-900",
-							children: /* @__PURE__ */ n("span", { children: l })
+							children: /* @__PURE__ */ r("span", { children: f })
 						})]
 					}),
-					/* @__PURE__ */ r("div", {
+					/* @__PURE__ */ i("div", {
 						className: "flex items-center justify-between gap-3 py-1.5",
-						children: [/* @__PURE__ */ n("dt", {
+						children: [/* @__PURE__ */ r("dt", {
 							className: "text-slate-700",
-							children: /* @__PURE__ */ n("span", { children: h("checkout_payment_vat", { rate: d }) })
-						}), /* @__PURE__ */ n("dd", {
+							children: /* @__PURE__ */ r("span", { children: x("checkout_payment_vat", { rate: _ }) })
+						}), /* @__PURE__ */ r("dd", {
 							className: "font-medium tabular-nums text-slate-900",
-							children: /* @__PURE__ */ n("span", { children: u })
+							children: /* @__PURE__ */ r("span", { children: g })
 						})]
 					}),
-					/* @__PURE__ */ r("div", {
+					/* @__PURE__ */ i("div", {
 						className: "mt-1 flex items-center justify-between gap-3 border-t border-slate-200 pt-3",
-						children: [/* @__PURE__ */ n("dt", {
+						children: [/* @__PURE__ */ r("dt", {
 							className: "font-semibold text-slate-950",
-							children: /* @__PURE__ */ n("span", { children: h("checkout_estimated_total") })
-						}), /* @__PURE__ */ n("dd", {
+							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__ */ n("span", { children: f })
+							children: /* @__PURE__ */ r("span", { children: v })
 						})]
 					})
 				]
 			}),
-			stickyTopClassName: "top-32",
-			onQuantityChange: p,
-			onRemove: m
+			stickyTopClassName: h,
+			onQuantityChange: y,
+			onRemove: b
 		})
 	});
 }
 //#endregion
-export { a as CheckoutSummaryColumn };
+export { s as CheckoutSummaryColumn };