@loczer/storefront-sdk 0.235.0 → 0.237.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/CheckoutSummaryColumn.d.ts

@@ -1,15 +1,17 @@
 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;
     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, 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;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"}

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

@@ -1,61 +1,63 @@
 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";
 //#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", {
+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();
+	return /* @__PURE__ */ r("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"),
+		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,
 			editable: !0,
-			summaryAddon: c ? /* @__PURE__ */ n(t, { ...c }) : void 0,
-			pricingSummary: /* @__PURE__ */ r("dl", {
+			summaryAddon: l ? /* @__PURE__ */ r(n, { ...l }) : 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: _("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: d })
 						})]
 					}),
-					/* @__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: _("checkout_payment_vat", { rate: p }) })
+						}), /* @__PURE__ */ r("dd", {
 							className: "font-medium tabular-nums text-slate-900",
-							children: /* @__PURE__ */ n("span", { children: u })
+							children: /* @__PURE__ */ r("span", { children: f })
 						})]
 					}),
-					/* @__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: _("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: m })
 						})]
 					})
 				]
 			}),
 			stickyTopClassName: "top-32",
-			onQuantityChange: p,
-			onRemove: m
+			onQuantityChange: h,
+			onRemove: g
 		})
 	});
 }
 //#endregion
-export { a as CheckoutSummaryColumn };
+export { o as CheckoutSummaryColumn };