@loczer/storefront-sdk 0.220.0 → 0.222.0

package/dist/pages/ContractSaleDocumentPage.d.ts

@@ -1,5 +1,4 @@
 import { Loader } from '@rpcbase/client';
-import { StorefrontI18nLanguage } from '../i18n/I18nProvider';
 export declare const resolveContractSaleDocumentBackLink: (search: string) => string | null;
 type ContractSaleDocumentLoaderArgs = Parameters<Loader>[0] & {
     request?: {
@@ -11,7 +10,7 @@ export declare const loader: ({ ctx, params, request }: ContractSaleDocumentLoad
     referenceId: string;
     saleDocumentId: string;
     pdfMode: boolean;
-    documentLanguage: StorefrontI18nLanguage | null;
+    documentLanguage: "fr" | "en" | null;
     document: null;
     error: string | null;
 } | {
@@ -19,7 +18,7 @@ export declare const loader: ({ ctx, params, request }: ContractSaleDocumentLoad
     referenceId: string;
     saleDocumentId: string;
     pdfMode: boolean;
-    documentLanguage: StorefrontI18nLanguage | null;
+    documentLanguage: "fr" | "en" | null;
     document: {
         id: string;
         kind: "quote" | "invoice" | "credit_note";

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

@@ -1 +1 @@
-{"version":3,"file":"ContractSaleDocumentPage.d.ts","sourceRoot":"","sources":["../../src/pages/ContractSaleDocumentPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAsB7C,OAAO,EAAmC,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAanG,eAAO,MAAM,mCAAmC,GAAI,QAAQ,MAAM,KAAG,MAAM,GAAG,IAe7E,CAAA;AA0KD,KAAK,8BAA8B,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,MAAM,6BAAqC,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEnE,CAAA;AAYnB,MAAM,CAAC,OAAO,UAAU,wBAAwB,4CA8P/C"}
+{"version":3,"file":"ContractSaleDocumentPage.d.ts","sourceRoot":"","sources":["../../src/pages/ContractSaleDocumentPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAmC7C,eAAO,MAAM,mCAAmC,GAAI,QAAQ,MAAM,KAAG,MAAM,GAAG,IAe7E,CAAA;AA0KD,KAAK,8BAA8B,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,MAAM,6BAAqC,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEnE,CAAA;AAYnB,MAAM,CAAC,OAAO,UAAU,wBAAwB,4CA8P/C"}

package/dist/pages/ContractSaleDocumentPage.js

@@ -1,5 +1,6 @@
-import { Button as e } from "../ui/button.js";
-import { normalizeStorefrontI18nLanguage as t } from "../i18n/I18nProvider.js";
+import { normalizeStorefrontI18nLanguage as e } from "../i18n/languages.js";
+import { Button as t } from "../ui/button.js";
+import "../i18n/I18nProvider.js";
 import { toast as n } from "../lib/toast.js";
 import { Card as r } from "../ui/card.js";
 import { ContractSaleDocument as i } from "../components/ContractSaleDocument/Invoice.js";
@@ -63,14 +64,14 @@ var k = (e) => new URLSearchParams(e).get("pdf") === "1", A = (e) => c(new URLSe
 	code: "fr",
 	labelKey: "docs_contract_sale_language_option_fr"
 };
-function z({ selectedLanguage: t, onChange: n }) {
-	let { t: r } = C(), [i, a] = g(!1), o = L.find((e) => e.code === t) ?? R;
+function z({ selectedLanguage: e, onChange: n }) {
+	let { t: r } = C(), [i, a] = g(!1), o = L.find((t) => t.code === e) ?? R;
 	return /* @__PURE__ */ v(O.Root, {
 		open: i,
 		onOpenChange: a,
 		children: [/* @__PURE__ */ _(O.Trigger, {
 			nativeButton: !0,
-			render: /* @__PURE__ */ v(e, {
+			render: /* @__PURE__ */ v(t, {
 				variant: "outline",
 				size: "sm",
 				type: "button",
@@ -100,17 +101,17 @@ function z({ selectedLanguage: t, onChange: n }) {
 					"data-state": t.open ? "open" : "closed"
 				}),
 				className: "z-50 min-w-36 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md transition-opacity duration-75 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 data-[instant]:transition-none",
-				children: L.map((e) => /* @__PURE__ */ v(O.Item, {
-					onClick: (t) => {
-						t.defaultPrevented || (n(e.code), a(!1));
+				children: L.map((t) => /* @__PURE__ */ v(O.Item, {
+					onClick: (e) => {
+						e.defaultPrevented || (n(t.code), a(!1));
 					},
-					"data-testid": `contract-sale-document-language-option-${e.code}`,
-					className: w("relative flex cursor-pointer select-none items-center justify-between gap-3 whitespace-nowrap rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", t === e.code && "bg-accent"),
-					children: [/* @__PURE__ */ _("span", { children: r(e.labelKey) }), /* @__PURE__ */ _("span", {
+					"data-testid": `contract-sale-document-language-option-${t.code}`,
+					className: w("relative flex cursor-pointer select-none items-center justify-between gap-3 whitespace-nowrap rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground", e === t.code && "bg-accent"),
+					children: [/* @__PURE__ */ _("span", { children: r(t.labelKey) }), /* @__PURE__ */ _("span", {
 						className: "text-2xs uppercase text-muted-foreground",
-						children: e.code
+						children: t.code
 					})]
-				}, e.code))
+				}, t.code))
 			})
 		}) })]
 	});
@@ -166,11 +167,11 @@ var B = (async ({ ctx: e, params: t, request: n }) => {
 	return t.success ? t.data : null;
 };
 function H() {
-	let { t: a, i18n: s } = C(), c = b(), u = x(), d = S(), { storeSlug: p, referenceId: m, saleDocumentId: w } = c, E = c.pdfMode || k(u.search), O = j(u.search), M = O ?? `/${p ?? ""}`, L = a(O ? "docs_contract_sale_back" : "docs_contract_sale_back_to_storefront"), [R, B] = g(V(c.document)), [H, U] = g(null), [W, G] = g(!1), [K, q] = g(c.error), J = A(u.search) ?? t(R?.language?.customer) ?? c.documentLanguage ?? t(s.language) ?? "fr", Y = p && m && w ? N(p, m, w, J) : null, X = p && m && w ? P(p, m, w, J) : "";
+	let { t: a, i18n: s } = C(), c = b(), u = x(), d = S(), { storeSlug: p, referenceId: m, saleDocumentId: w } = c, E = c.pdfMode || k(u.search), O = j(u.search), M = O ?? `/${p ?? ""}`, L = a(O ? "docs_contract_sale_back" : "docs_contract_sale_back_to_storefront"), [R, B] = g(V(c.document)), [H, U] = g(null), [W, G] = g(!1), [K, q] = g(c.error), J = A(u.search) ?? e(R?.language?.customer) ?? c.documentLanguage ?? e(s.language) ?? "fr", Y = p && m && w ? N(p, m, w, J) : null, X = p && m && w ? P(p, m, w, J) : "";
 	h(() => {
 		B(V(c.document)), q(c.error);
 	}, [c.document, c.error]), h(() => {
-		t(s.language) !== J && s.changeLanguage(J);
+		e(s.language) !== J && s.changeLanguage(J);
 	}, [s, J]);
 	let Z = (e) => {
 		if (e === J) return;
@@ -198,7 +199,7 @@ function H() {
 					/* @__PURE__ */ _(y, {
 						to: M,
 						"data-testid": "contract-sale-document-back-link",
-						children: /* @__PURE__ */ v(e, {
+						children: /* @__PURE__ */ v(t, {
 							className: "gap-2",
 							children: [/* @__PURE__ */ _(T, {
 								className: "h-4 w-4",
@@ -267,7 +268,7 @@ function H() {
 						selectedLanguage: J,
 						onChange: Z
 					}),
-					Y ? /* @__PURE__ */ v(e, {
+					Y ? /* @__PURE__ */ v(t, {
 						variant: "outline",
 						size: "sm",
 						type: "button",

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

@@ -1 +1 @@
-{"version":3,"file":"CheckoutDetailsCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutDetailsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,eAAe,CAAA;AAG5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAOlD,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAElE,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,YAAY,CAAA;CACnB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,wBAAwB,2CA2FrE"}
+{"version":3,"file":"CheckoutDetailsCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/checkout/components/CheckoutDetailsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,eAAe,CAAA;AAK5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAOlD,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAA;AAElE,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,YAAY,CAAA;CACnB,CAAA;AAOD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,wBAAwB,2CAsHrE"}

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

@@ -4,88 +4,101 @@ import { Textarea as s } from "../../../ui/textarea.js";
 import { Card as c } from "../../../ui/card.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { useTranslation as d } from "react-i18next";
+import { PhoneNumberInput as f, cn as p } from "@rpcbase/ui";
 //#region src/pages/checkout/components/CheckoutDetailsCard.tsx
-function f({ form: f }) {
-	let { t: p } = d();
+var m = (e) => e.startsWith("fr") ? "FR" : "US";
+function h({ form: h }) {
+	let { t: g, i18n: _ } = d();
 	return /* @__PURE__ */ u(c, {
 		className: "border-slate-200 bg-white shadow-sm",
 		children: [/* @__PURE__ */ u("div", {
 			className: "border-b border-slate-200 px-4 py-4",
 			children: [/* @__PURE__ */ l("p", {
 				className: "text-sm font-semibold text-slate-950",
-				children: /* @__PURE__ */ l("span", { children: p("checkout_form_title") })
+				children: /* @__PURE__ */ l("span", { children: g("checkout_form_title") })
 			}), /* @__PURE__ */ l("p", {
 				className: "mt-1 text-xs text-slate-600",
-				children: /* @__PURE__ */ l("span", { children: p("checkout_form_description") })
+				children: /* @__PURE__ */ l("span", { children: g("checkout_form_description") })
 			})]
 		}), /* @__PURE__ */ l("div", {
 			className: "px-4 py-4",
 			children: /* @__PURE__ */ l(t, {
-				...f,
+				...h,
 				children: /* @__PURE__ */ u("form", {
 					onSubmit: (e) => e.preventDefault(),
 					className: "grid gap-3",
 					children: [
 						/* @__PURE__ */ l(r, {
-							control: f.control,
+							control: h.control,
 							name: "first_name",
 							render: ({ field: t }) => /* @__PURE__ */ u(i, { children: [
-								/* @__PURE__ */ l(a, { children: p("checkout_first_name_label") }),
+								/* @__PURE__ */ l(a, { children: g("checkout_first_name_label") }),
 								/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(e, {
 									...t,
 									autoComplete: "given-name",
-									placeholder: p("checkout_first_name_placeholder")
+									placeholder: g("checkout_first_name_placeholder")
 								}) }),
 								/* @__PURE__ */ l(o, {})
 							] })
 						}),
 						/* @__PURE__ */ l(r, {
-							control: f.control,
+							control: h.control,
 							name: "last_name",
 							render: ({ field: t }) => /* @__PURE__ */ u(i, { children: [
-								/* @__PURE__ */ l(a, { children: p("checkout_last_name_label") }),
+								/* @__PURE__ */ l(a, { children: g("checkout_last_name_label") }),
 								/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(e, {
 									...t,
 									autoComplete: "family-name",
-									placeholder: p("checkout_last_name_placeholder")
+									placeholder: g("checkout_last_name_placeholder")
 								}) }),
 								/* @__PURE__ */ l(o, {})
 							] })
 						}),
 						/* @__PURE__ */ l(r, {
-							control: f.control,
+							control: h.control,
 							name: "email",
 							render: ({ field: t }) => /* @__PURE__ */ u(i, { children: [
-								/* @__PURE__ */ l(a, { children: p("checkout_email_label") }),
+								/* @__PURE__ */ l(a, { children: g("checkout_email_label") }),
 								/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(e, {
 									...t,
 									type: "email",
-									placeholder: p("checkout_email_placeholder")
+									placeholder: g("checkout_email_placeholder")
 								}) }),
 								/* @__PURE__ */ l(o, {})
 							] })
 						}),
 						/* @__PURE__ */ l(r, {
-							control: f.control,
+							control: h.control,
 							name: "phone",
-							render: ({ field: t }) => /* @__PURE__ */ u(i, { children: [
-								/* @__PURE__ */ l(a, { children: p("checkout_phone_label") }),
-								/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(e, {
-									...t,
-									placeholder: p("checkout_phone_placeholder")
+							render: ({ field: e, fieldState: t }) => /* @__PURE__ */ u(i, { children: [
+								/* @__PURE__ */ l(a, { children: g("checkout_phone_label") }),
+								/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(f, {
+									name: e.name,
+									value: e.value ?? "",
+									onBlur: e.onBlur,
+									onChange: (t) => {
+										let n = t.e164 || t.formattedInternational || t.rawInput || "";
+										e.onChange(n);
+									},
+									defaultCountry: m(_.language),
+									locale: _.language,
+									placeholder: g("checkout_phone_placeholder"),
+									className: "relative",
+									inputClassName: p(t.error && "border-destructive focus-visible:ring-destructive"),
+									renderValidationMessage: ({ message: e }) => t.error?.message ? null : /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l("span", { children: e }) })
 								}) }),
-								/* @__PURE__ */ l(o, {})
+								t.error?.message ? /* @__PURE__ */ l(o, {}) : null
 							] })
 						}),
 						/* @__PURE__ */ l(r, {
-							control: f.control,
+							control: h.control,
 							name: "notes",
 							render: ({ field: e }) => /* @__PURE__ */ u(i, { children: [
-								/* @__PURE__ */ l(a, { children: p("checkout_notes_label") }),
+								/* @__PURE__ */ l(a, { children: g("checkout_notes_label") }),
 								/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(s, {
 									...e,
 									rows: 4,
-									placeholder: p("checkout_notes_placeholder")
+									placeholder: g("checkout_notes_placeholder")
 								}) }),
 								/* @__PURE__ */ l(o, {})
 							] })
@@ -97,4 +110,4 @@ function f({ form: f }) {
 	});
 }
 //#endregion
-export { f as CheckoutDetailsCard };
+export { h as CheckoutDetailsCard };

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

@@ -3,9 +3,13 @@ import { StorefrontCartPanel } from '../../../components/StorefrontCartPanel';
 import { CheckoutCouponCard } from './CheckoutCouponCard';
 type StorefrontCartPanelProps = ComponentProps<typeof StorefrontCartPanel>;
 type CheckoutCouponCardProps = ComponentProps<typeof CheckoutCouponCard>;
-type CheckoutSummaryColumnProps = Pick<StorefrontCartPanelProps, "lines" | "itemCount" | "totalPerBaseUnitMinor" | "baseUnitLabel" | "estimatedTotalMinor" | "discountedEstimatedTotalMinor" | "discountAmountMinor" | "lateReturnSurchargeMinor" | "couponCode" | "durationInBaseUnitLabel" | "onQuantityChange" | "onRemove"> & {
+type CheckoutSummaryColumnProps = Pick<StorefrontCartPanelProps, "lines" | "itemCount" | "baseUnitLabel" | "onQuantityChange" | "onRemove"> & {
     coupon?: CheckoutCouponCardProps;
+    bookingSubtotalLabel: string;
+    vatAmountLabel: string;
+    vatRateLabel: string;
+    bookingTotalLabel: string;
 };
-export declare function CheckoutSummaryColumn({ lines, itemCount, totalPerBaseUnitMinor, baseUnitLabel, estimatedTotalMinor, discountedEstimatedTotalMinor, discountAmountMinor, lateReturnSurchargeMinor, couponCode, durationInBaseUnitLabel, coupon, onQuantityChange, onRemove, }: CheckoutSummaryColumnProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckoutSummaryColumn({ lines, itemCount, baseUnitLabel, coupon, bookingSubtotalLabel, 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,uBAAuB,GACvB,eAAe,GACf,qBAAqB,GACrB,+BAA+B,GAC/B,qBAAqB,GACrB,0BAA0B,GAC1B,YAAY,GACZ,yBAAyB,GACzB,kBAAkB,GAClB,UAAU,CACb,GAAG;IACF,MAAM,CAAC,EAAE,uBAAuB,CAAA;CACjC,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,qBAAqB,EACrB,aAAa,EACb,mBAAmB,EACnB,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,UAAU,EACV,uBAAuB,EACvB,MAAM,EACN,gBAAgB,EAChB,QAAQ,GACT,EAAE,0BAA0B,2CA0B5B"}
+{"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"}

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

@@ -1,32 +1,61 @@
 import { StorefrontCartPanel as e } from "../../../components/StorefrontCartPanel/index.js";
 import { CheckoutCouponCard as t } from "./CheckoutCouponCard.js";
-import { jsx as n } from "react/jsx-runtime";
-import { useTranslation as r } from "react-i18next";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useTranslation as i } from "react-i18next";
 //#region src/pages/checkout/components/CheckoutSummaryColumn.tsx
-function i({ lines: i, itemCount: a, totalPerBaseUnitMinor: o, baseUnitLabel: s, estimatedTotalMinor: c, discountedEstimatedTotalMinor: l, discountAmountMinor: u, lateReturnSurchargeMinor: d, couponCode: f, durationInBaseUnitLabel: p, coupon: m, onQuantityChange: h, onRemove: g }) {
-	let { t: _ } = r();
+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: i,
-			itemCount: a,
-			totalPerBaseUnitMinor: o,
+			lines: a,
+			itemCount: o,
 			baseUnitLabel: s,
-			estimatedTotalMinor: c,
-			discountedEstimatedTotalMinor: l,
-			discountAmountMinor: u,
-			lateReturnSurchargeMinor: d,
-			couponCode: f,
-			durationInBaseUnitLabel: p,
-			title: _("checkout_summary_title"),
-			description: _("checkout_summary_description"),
+			title: h("checkout_summary_title"),
+			description: h("checkout_summary_description"),
 			editable: !0,
-			summaryAddon: m ? /* @__PURE__ */ n(t, { ...m }) : void 0,
+			summaryAddon: c ? /* @__PURE__ */ n(t, { ...c }) : void 0,
+			pricingSummary: /* @__PURE__ */ r("dl", {
+				className: "grid border-t border-slate-200 pt-3 text-sm",
+				"data-testid": "checkout-booking-totals",
+				children: [
+					/* @__PURE__ */ r("div", {
+						className: "flex items-center justify-between gap-3 py-1.5",
+						children: [/* @__PURE__ */ n("dt", {
+							className: "text-slate-700",
+							children: /* @__PURE__ */ n("span", { children: h("checkout_booking_subtotal") })
+						}), /* @__PURE__ */ n("dd", {
+							className: "font-medium tabular-nums text-slate-900",
+							children: /* @__PURE__ */ n("span", { children: l })
+						})]
+					}),
+					/* @__PURE__ */ r("div", {
+						className: "flex items-center justify-between gap-3 py-1.5",
+						children: [/* @__PURE__ */ n("dt", {
+							className: "text-slate-700",
+							children: /* @__PURE__ */ n("span", { children: h("checkout_payment_vat", { rate: d }) })
+						}), /* @__PURE__ */ n("dd", {
+							className: "font-medium tabular-nums text-slate-900",
+							children: /* @__PURE__ */ n("span", { children: u })
+						})]
+					}),
+					/* @__PURE__ */ r("div", {
+						className: "mt-1 flex items-center justify-between gap-3 border-t border-slate-200 pt-3",
+						children: [/* @__PURE__ */ n("dt", {
+							className: "font-semibold text-slate-950",
+							children: /* @__PURE__ */ n("span", { children: h("checkout_estimated_total") })
+						}), /* @__PURE__ */ n("dd", {
+							className: "text-base font-bold tabular-nums tracking-tight text-slate-950",
+							children: /* @__PURE__ */ n("span", { children: f })
+						})]
+					})
+				]
+			}),
 			stickyTopClassName: "top-32",
-			onQuantityChange: h,
-			onRemove: g
+			onQuantityChange: p,
+			onRemove: m
 		})
 	});
 }
 //#endregion
-export { i as CheckoutSummaryColumn };
+export { a as CheckoutSummaryColumn };