@ultraviolet/ui 3.9.0 → 3.10.0

package/dist/components/compositions/OrderSummary/Provider.js

@@ -0,0 +1,20 @@
+import en_default from "./locales/en.js";
+import { createContext } from "react";
+
+//#region src/components/compositions/OrderSummary/Provider.tsx
+const OrderSummaryContext = createContext({
+	categoriesPrice: {},
+	currency: "EUR",
+	hideTimeUnit: false,
+	items: [{
+		category: "",
+		subCategories: []
+	}],
+	localeFormat: "en-US",
+	locales: en_default,
+	timePeriodAmount: 1,
+	timePeriodUnit: "hours"
+});
+
+//#endregion
+export { OrderSummaryContext };

package/dist/components/compositions/OrderSummary/ScrollableContent.d.ts

@@ -0,0 +1,2 @@
+export declare const ScrollableContent: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScrollableContent.d.ts.map

package/dist/components/compositions/OrderSummary/ScrollableContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/ScrollableContent.tsx"],"names":[],"mappings":"AAqVA,eAAO,MAAM,iBAAiB,+CAqC7B,CAAA"}

package/dist/components/compositions/OrderSummary/ScrollableContent.js

@@ -0,0 +1,248 @@
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack } from "../../Stack/index.js";
+import { Text } from "../../Text/index.js";
+import { OrderSummaryContext } from "./Provider.js";
+import { DisplayPrice, calculateSubCategoryPrice, formatNumber } from "./helpers.js";
+import { orderSummaryAnchor, orderSummaryAnchorIcon, orderSummaryCategory, orderSummaryDetails, orderSummaryNumberInput, orderSummaryScrollableContainer } from "./styles.css.js";
+import { NumberInput } from "../../NumberInput/index.js";
+import { useContext } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { AttachIcon } from "@ultraviolet/icons/AttachIcon";
+
+//#region src/components/compositions/OrderSummary/ScrollableContent.tsx
+const SubCategoryPrice = ({ subCategory }) => {
+	const { currency, localeFormat, hideTimeUnit, timePeriodAmount, timePeriodUnit, fractionDigits } = useContext(OrderSummaryContext);
+	const subCategoryPrice = calculateSubCategoryPrice(subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit);
+	const getCorrectPrice = (variant, index) => subCategory.priceUnit ? subCategory.price : subCategoryPrice[variant][index];
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [subCategory.price !== void 0 && !subCategory.hidePrice && subCategoryPrice.default[0] === subCategoryPrice.discounted[0] && subCategoryPrice.default[1] === subCategoryPrice.discounted[1] ? /* @__PURE__ */ jsxs(Text, {
+		as: "span",
+		prominence: "strong",
+		sentiment: "neutral",
+		variant: "bodySmallStrong",
+		children: [subCategoryPrice.discounted[0] === subCategoryPrice.discounted[1] || subCategory.priceUnit ? formatNumber(getCorrectPrice("discounted", 0), localeFormat, currency, fractionDigits) : `${formatNumber(subCategoryPrice.discounted[0], localeFormat, currency, fractionDigits)} - ${formatNumber(subCategoryPrice.discounted[1], localeFormat, currency, fractionDigits)}`, subCategory.priceUnit ? ` /${subCategory.priceUnit}` : ""]
+	}) : null, subCategory.price !== void 0 && !subCategory.hidePrice && (subCategoryPrice.default[0] !== subCategoryPrice.discounted[0] || subCategoryPrice.default[1] !== subCategoryPrice.discounted[1]) ? /* @__PURE__ */ jsxs(Stack, {
+		alignItems: "center",
+		direction: "row",
+		gap: 1,
+		children: [/* @__PURE__ */ jsxs(Text, {
+			as: "span",
+			prominence: "weak",
+			sentiment: "neutral",
+			strikeThrough: true,
+			variant: "bodySmallStrong",
+			children: [subCategoryPrice.default[0] === subCategoryPrice.default[1] || subCategory.priceUnit ? formatNumber(getCorrectPrice("default", 0), localeFormat, currency, fractionDigits) : `${formatNumber(subCategoryPrice.default[0], localeFormat, currency, fractionDigits)} - ${formatNumber(subCategoryPrice.default[1], localeFormat, currency, fractionDigits)}`, subCategory.priceUnit ? ` /${subCategory.priceUnit}` : ""]
+		}), /* @__PURE__ */ jsxs(Text, {
+			as: "span",
+			prominence: "strong",
+			sentiment: "neutral",
+			variant: "bodySmallStrong",
+			children: [subCategoryPrice.discounted[0] === subCategoryPrice.discounted[1] || subCategory.priceUnit ? formatNumber(getCorrectPrice("discounted", 0), localeFormat, currency, fractionDigits) : `${formatNumber(subCategoryPrice.discounted[0], localeFormat, currency, fractionDigits)} - ${formatNumber(subCategoryPrice.discounted[1], localeFormat, currency, fractionDigits)}`, subCategory.priceUnit ? ` /${subCategory.priceUnit}` : ""]
+		})]
+	}) : null] });
+};
+const CategoryName = ({ category }) => {
+	var _categoriesPrice$cate;
+	const { categoriesPrice } = useContext(OrderSummaryContext);
+	const categoryPrice = (_categoriesPrice$cate = categoriesPrice[category.category]) !== null && _categoriesPrice$cate !== void 0 ? _categoriesPrice$cate : {
+		maxPrice: 0,
+		maxPriceWithDiscount: 0,
+		timeUnit: "hours",
+		totalPrice: 0,
+		totalPriceWithDiscount: 0
+	};
+	return category.category ? /* @__PURE__ */ jsxs(Stack, {
+		alignItems: "center",
+		direction: "row",
+		justifyContent: "space-between",
+		children: [
+			category.additionalInfo ? /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "center",
+				direction: "row",
+				gap: 1,
+				children: [/* @__PURE__ */ jsx(Text, {
+					as: "span",
+					prominence: "strong",
+					sentiment: "neutral",
+					variant: "bodyStrong",
+					children: category.anchor ? /* @__PURE__ */ jsxs("a", {
+						className: orderSummaryAnchor,
+						href: category.anchor,
+						children: [/* @__PURE__ */ jsx(AttachIcon, {
+							className: orderSummaryAnchorIcon({ size: "medium" }),
+							sentiment: "info"
+						}), category.category]
+					}) : category.category
+				}), /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					italic: true,
+					sentiment: "primary",
+					variant: "bodySmall",
+					children: category.additionalInfo
+				})]
+			}) : /* @__PURE__ */ jsx(Text, {
+				as: "span",
+				prominence: "strong",
+				sentiment: "neutral",
+				variant: "bodyStrong",
+				children: category.anchor ? /* @__PURE__ */ jsxs("a", {
+					className: orderSummaryAnchor,
+					href: category.anchor,
+					children: [/* @__PURE__ */ jsx(AttachIcon, {
+						className: orderSummaryAnchorIcon({ size: "medium" }),
+						sentiment: "info"
+					}), category.category]
+				}) : category.category
+			}),
+			category.customContent,
+			category.numberInput ? /* @__PURE__ */ jsx(NumberInput, {
+				className: orderSummaryNumberInput,
+				controls: category.numberInputControls,
+				onChange: category.onChangeInput,
+				size: "small",
+				unit: category.numberInputUnit,
+				value: category.numberInputValue
+			}) : null,
+			!(category.customContent || category.numberInput) && categoryPrice.totalPrice === categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsx(Text, {
+				as: "span",
+				prominence: "strong",
+				sentiment: "neutral",
+				variant: "bodyStrong",
+				children: /* @__PURE__ */ jsx(DisplayPrice, {
+					beforeOrAfter: "after",
+					price: categoryPrice
+				})
+			}) : null,
+			!(category.customContent || category.numberInput) && categoryPrice.totalPrice !== categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "center",
+				direction: "row",
+				gap: 1,
+				children: [/* @__PURE__ */ jsx(Text, {
+					as: "span",
+					prominence: "weak",
+					sentiment: "neutral",
+					strikeThrough: true,
+					variant: "bodySmallStrong",
+					children: /* @__PURE__ */ jsx(DisplayPrice, {
+						beforeOrAfter: "before",
+						price: categoryPrice
+					})
+				}), /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					prominence: "strong",
+					sentiment: "neutral",
+					variant: "bodyStrong",
+					children: /* @__PURE__ */ jsx(DisplayPrice, {
+						beforeOrAfter: "after",
+						price: categoryPrice
+					})
+				})]
+			}) : null
+		]
+	}) : null;
+};
+const SubCategory = ({ subCategory }) => {
+	var _subCategory$details;
+	return /* @__PURE__ */ jsxs(Stack, {
+		direction: "column",
+		gap: 1,
+		children: [/* @__PURE__ */ jsxs(Stack, {
+			alignItems: "center",
+			direction: "row",
+			justifyContent: "space-between",
+			children: [
+				subCategory.additionalInfo || subCategory.icon ? /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					gap: 1,
+					children: [
+						subCategory.icon,
+						/* @__PURE__ */ jsx(Text, {
+							as: "span",
+							prominence: "strong",
+							sentiment: "neutral",
+							variant: "bodySmallStrong",
+							children: subCategory.anchor ? /* @__PURE__ */ jsxs("a", {
+								className: orderSummaryAnchor,
+								href: subCategory.anchor,
+								children: [/* @__PURE__ */ jsx(AttachIcon, {
+									className: orderSummaryAnchorIcon({ size: "small" }),
+									sentiment: "info"
+								}), subCategory.title]
+							}) : subCategory.title
+						}),
+						/* @__PURE__ */ jsx(Text, {
+							as: "span",
+							italic: true,
+							sentiment: "primary",
+							variant: "bodySmall",
+							children: subCategory.additionalInfo
+						})
+					]
+				}) : /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					prominence: "strong",
+					sentiment: "neutral",
+					variant: "bodySmallStrong",
+					children: subCategory.anchor ? /* @__PURE__ */ jsxs("a", {
+						className: orderSummaryAnchor,
+						href: subCategory.anchor,
+						children: [/* @__PURE__ */ jsx(AttachIcon, {
+							className: orderSummaryAnchorIcon({ size: "small" }),
+							sentiment: "info"
+						}), subCategory.title]
+					}) : subCategory.title
+				}),
+				subCategory.customContent ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					prominence: "strong",
+					sentiment: "neutral",
+					variant: "bodySmallStrong",
+					children: subCategory.customContent
+				}) : null,
+				subCategory.numberInput ? /* @__PURE__ */ jsx(NumberInput, {
+					className: orderSummaryNumberInput,
+					controls: subCategory.numberInputControls,
+					onChange: subCategory.onChangeInput,
+					size: "small",
+					unit: subCategory.numberInputUnit,
+					value: subCategory.numberInputValue
+				}) : null,
+				/* @__PURE__ */ jsx(SubCategoryPrice, { subCategory })
+			]
+		}), /* @__PURE__ */ jsx(Stack, {
+			className: orderSummaryDetails,
+			direction: "column",
+			gap: .5,
+			children: (_subCategory$details = subCategory.details) === null || _subCategory$details === void 0 ? void 0 : _subCategory$details.map((detail, index) => detail ? /* @__PURE__ */ jsx(Text, {
+				as: "span",
+				sentiment: "neutral",
+				variant: "bodySmall",
+				children: detail
+			}, `${subCategory.title}-${index}`) : null)
+		})]
+	});
+};
+const ScrollableContent = () => {
+	const { items } = useContext(OrderSummaryContext);
+	return /* @__PURE__ */ jsx(Stack, {
+		className: orderSummaryScrollableContainer,
+		gap: 3,
+		children: items.map((category) => Object.keys(category).length > 0 && category.category ? /* @__PURE__ */ jsxs(Stack, {
+			className: orderSummaryCategory,
+			gap: 1.5,
+			children: [category.subTitle ? /* @__PURE__ */ jsxs(Stack, {
+				direction: "column",
+				children: [/* @__PURE__ */ jsx(CategoryName, { category }), category.subTitle]
+			}) : /* @__PURE__ */ jsx(CategoryName, { category }), category.subCategories && Object.keys(category.subCategories).length > 0 ? /* @__PURE__ */ jsx(Stack, {
+				gap: 1,
+				children: category.subCategories.map((subCategory, index) => {
+					var _subCategory$title;
+					return /* @__PURE__ */ jsx(SubCategory, { subCategory }, (_subCategory$title = subCategory.title) !== null && _subCategory$title !== void 0 ? _subCategory$title : `${index}`);
+				})
+			}) : null]
+		}, category.category) : null)
+	});
+};
+
+//#endregion
+export { ScrollableContent };

package/dist/components/compositions/OrderSummary/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const Units: ("days" | "hours" | "minutes" | "months" | "seconds")[];
+export declare const multiplier: Record<(typeof Units)[number], number>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/compositions/OrderSummary/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yDAMI,CAAA;AAItB,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAMpD,CAAA"}

package/dist/components/compositions/OrderSummary/constants.js

@@ -0,0 +1,18 @@
+//#region src/components/compositions/OrderSummary/constants.ts
+const Units = [
+	"seconds",
+	"minutes",
+	"hours",
+	"days",
+	"months"
+];
+const multiplier = {
+	days: 24,
+	hours: 1,
+	minutes: 1 / 60,
+	months: 730,
+	seconds: 1 / 60 / 60
+};
+
+//#endregion
+export { Units, multiplier };

package/dist/components/compositions/OrderSummary/helpers.d.ts

@@ -0,0 +1,28 @@
+import type { ItemsType, PriceTypeSingle, SubCategoryType, TimeUnit } from './types';
+export declare const formatNumber: (number: number, locale: Intl.LocalesArgument, currency: "EUR", fractionDigits?: number) => string;
+type CalculatePriceProps = {
+    price: number;
+    amount: number;
+    amountFree?: number;
+    timeUnit: TimeUnit;
+    timeAmount: number;
+    discount?: number;
+    fixedPrice?: boolean;
+};
+export declare const calculatePrice: ({ price, amount, amountFree, timeUnit, timeAmount, discount, fixedPrice, }: CalculatePriceProps) => number;
+export declare const calculateSubCategoryPrice: (subCategory: SubCategoryType, hideTimeUnit: boolean, timePeriodAmount: number, timePeriodUnit: TimeUnit) => {
+    discounted: [number, number];
+    default: [number, number];
+};
+export declare const calculateCategoryPrice: (category: ItemsType, hideTimeUnit: boolean, timePeriodAmount: number, timePeriodUnit: TimeUnit) => {
+    categoryPrice: [number, number];
+    discountedPrice: [number, number];
+};
+type DisplayPriceProps = {
+    price: PriceTypeSingle;
+    beforeOrAfter: 'before' | 'after';
+    divisor?: number;
+};
+export declare const DisplayPrice: ({ price, beforeOrAfter, divisor, }: DisplayPriceProps) => string;
+export {};
+//# sourceMappingURL=helpers.d.ts.map

package/dist/components/compositions/OrderSummary/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/helpers.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,SAAS,EAET,eAAe,EACf,eAAe,EACf,QAAQ,EACT,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,YAAY,oGAaxB,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAMD,eAAO,MAAM,cAAc,6GAoB1B,CAAA;AAED,eAAO,MAAM,yBAAyB;;;CAqFrC,CAAA;AAED,eAAO,MAAM,sBAAsB;;;CAwDlC,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,eAAe,CAAA;IACtB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,YAAY,mEA2BxB,CAAA"}

package/dist/components/compositions/OrderSummary/helpers.js

@@ -0,0 +1,126 @@
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { multiplier } from "./constants.js";
+import { OrderSummaryContext } from "./Provider.js";
+import { useContext } from "react";
+
+//#region src/components/compositions/OrderSummary/helpers.ts
+const formatNumber = (number, locale, currency, fractionDigits = 10) => {
+	return new Intl.NumberFormat(locale, {
+		currency,
+		maximumFractionDigits: fractionDigits,
+		style: "currency"
+	}).format(number);
+};
+const calculatePrice = ({ price, amount, amountFree = 0, timeUnit, timeAmount, discount = 0, fixedPrice = false }) => {
+	return price * (fixedPrice ? 1 : (Number.isNaN(timeAmount) ? 1 : timeAmount) * multiplier[timeUnit]) * Math.max(amount - amountFree, 0) * (1 - (discount <= 1 ? discount : 0)) - (discount > 1 ? Math.abs(discount) : 0);
+};
+const calculateSubCategoryPrice = (subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit) => {
+	var _subCategory$amount3;
+	var _subCategory$price2;
+	const timeAmount = hideTimeUnit ? 1 : timePeriodAmount;
+	const timeUnit = hideTimeUnit ? "hours" : timePeriodUnit;
+	if (Array.isArray(subCategory.amount)) {
+		var _subCategory$amount$;
+		var _subCategory$amount;
+		var _subCategory$amount$2;
+		var _subCategory$amount2;
+		var _subCategory$price;
+		const minAmount = (_subCategory$amount$ = (_subCategory$amount = subCategory.amount) === null || _subCategory$amount === void 0 ? void 0 : _subCategory$amount[0]) !== null && _subCategory$amount$ !== void 0 ? _subCategory$amount$ : 1;
+		const maxAmount = (_subCategory$amount$2 = (_subCategory$amount2 = subCategory.amount) === null || _subCategory$amount2 === void 0 ? void 0 : _subCategory$amount2[1]) !== null && _subCategory$amount$2 !== void 0 ? _subCategory$amount$2 : 1;
+		const subCategoryPrice = (_subCategory$price = subCategory.price) !== null && _subCategory$price !== void 0 ? _subCategory$price : 0;
+		const minPrice = calculatePrice({
+			amount: minAmount,
+			fixedPrice: subCategory.fixedPrice,
+			price: subCategoryPrice,
+			timeAmount,
+			timeUnit
+		}) || 0;
+		const maxPrice = calculatePrice({
+			amount: maxAmount,
+			fixedPrice: subCategory.fixedPrice,
+			price: subCategoryPrice,
+			timeAmount,
+			timeUnit
+		}) || 0;
+		return {
+			discounted: [calculatePrice({
+				amount: minAmount,
+				amountFree: subCategory.amountFree,
+				discount: subCategory.discount,
+				fixedPrice: subCategory.fixedPrice,
+				price: subCategoryPrice,
+				timeAmount,
+				timeUnit
+			}) || 0, calculatePrice({
+				amount: maxAmount,
+				amountFree: subCategory.amountFree,
+				discount: subCategory.discount,
+				fixedPrice: subCategory.fixedPrice,
+				price: subCategoryPrice,
+				timeAmount,
+				timeUnit
+			}) || 0],
+			default: [minPrice, maxPrice]
+		};
+	}
+	const subCategoryAmount = (_subCategory$amount3 = subCategory.amount) !== null && _subCategory$amount3 !== void 0 ? _subCategory$amount3 : 1;
+	const subCategoryPrice = (_subCategory$price2 = subCategory.price) !== null && _subCategory$price2 !== void 0 ? _subCategory$price2 : 0;
+	const price = calculatePrice({
+		amount: subCategoryAmount,
+		fixedPrice: subCategory.fixedPrice,
+		price: subCategoryPrice,
+		timeAmount,
+		timeUnit
+	}) || 0;
+	const priceWithDiscount = calculatePrice({
+		amount: subCategoryAmount,
+		amountFree: subCategory.amountFree,
+		discount: subCategory.discount,
+		fixedPrice: subCategory.fixedPrice,
+		price: subCategoryPrice,
+		timeAmount,
+		timeUnit
+	}) || 0;
+	return {
+		discounted: [priceWithDiscount, priceWithDiscount],
+		default: [price, price]
+	};
+};
+const calculateCategoryPrice = (category, hideTimeUnit, timePeriodAmount, timePeriodUnit) => {
+	var _category$subCategori;
+	var _category$subCategori2;
+	var _category$discount;
+	var _category$discount2;
+	const categoryPrice = (_category$subCategori = (_category$subCategori2 = category.subCategories) === null || _category$subCategori2 === void 0 ? void 0 : _category$subCategori2.reduce((acc, subCategory) => {
+		const computedPrices = calculateSubCategoryPrice(subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit);
+		return {
+			discounted: [acc.discounted[0] + computedPrices.discounted[0], acc.discounted[1] + computedPrices.discounted[1]],
+			default: [acc.default[0] + computedPrices.default[0], acc.default[1] + computedPrices.default[1]]
+		};
+	}, {
+		discounted: [0, 0],
+		default: [0, 0]
+	})) !== null && _category$subCategori !== void 0 ? _category$subCategori : {
+		discounted: [0, 0],
+		default: [0, 0]
+	};
+	const discountedPriceMin = category.discount && category.discount <= 1 ? categoryPrice.discounted[0] * (1 - category.discount) : categoryPrice.discounted[0] - ((_category$discount = category.discount) !== null && _category$discount !== void 0 ? _category$discount : 0);
+	const discountedPriceMax = category.discount && category.discount <= 1 ? categoryPrice.discounted[1] * (1 - category.discount) : categoryPrice.discounted[1] - ((_category$discount2 = category.discount) !== null && _category$discount2 !== void 0 ? _category$discount2 : 0);
+	const discountedPrice = category.allowNegative ? [discountedPriceMin, discountedPriceMax] : [Math.max(discountedPriceMin, 0), Math.max(discountedPriceMax, 0)];
+	categoryPrice.default.map((price) => {
+		var _category$discount3;
+		return Math.max(category.discount && category.discount <= 1 ? price * category.discount : price - ((_category$discount3 = category.discount) !== null && _category$discount3 !== void 0 ? _category$discount3 : 0), 0);
+	});
+	return {
+		categoryPrice: categoryPrice.default,
+		discountedPrice
+	};
+};
+const DisplayPrice = ({ price, beforeOrAfter, divisor = 1 }) => {
+	const { localeFormat, currency, fractionDigits } = useContext(OrderSummaryContext);
+	const withDiscount = beforeOrAfter === "after" ? "WithDiscount" : "";
+	return price.totalPrice === price.maxPrice ? formatNumber(price[`totalPrice${withDiscount}`] / divisor, localeFormat, currency, fractionDigits !== null && fractionDigits !== void 0 ? fractionDigits : 2) : `${formatNumber(price[`totalPrice${withDiscount}`] / divisor, localeFormat, currency, fractionDigits !== null && fractionDigits !== void 0 ? fractionDigits : 2)} - ${formatNumber(price[`maxPrice${withDiscount}`] / divisor, localeFormat, currency, fractionDigits !== null && fractionDigits !== void 0 ? fractionDigits : 2)}`;
+};
+
+//#endregion
+export { DisplayPrice, calculateCategoryPrice, calculateSubCategoryPrice, formatNumber };

package/dist/components/compositions/OrderSummary/index.d.ts

@@ -0,0 +1,3 @@
+import type { OrderSummaryProps } from './types';
+export declare const OrderSummary: ({ header, hideTimeUnit, periodOptions, valueUnitInput, unitUnitInput, items, locales, currency, localeFormat, footer, children, discount, totalPriceInfo, fractionDigits, hideDetails, onChange, onChangeUnitInput, totalPriceDescription, additionalInfo, className, totalPriceInfoPlacement, hideBeforePrice, 'data-testid': dataTestId, style, priceInformation, }: OrderSummaryProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/compositions/OrderSummary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OrderSummary/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,SAAS,CAAA;AAErE,eAAO,MAAM,YAAY,uaAgNxB,CAAA"}

package/dist/components/compositions/OrderSummary/index.js

@@ -0,0 +1,151 @@
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { Stack } from "../../Stack/index.js";
+import { Text } from "../../Text/index.js";
+import { UnitInput } from "../../UnitInput/index.js";
+import { Units } from "./constants.js";
+import en_default from "./locales/en.js";
+import { OrderSummaryContext } from "./Provider.js";
+import { calculateCategoryPrice } from "./helpers.js";
+import { orderSummaryContainer, orderSummaryHeaderContainer, orderSummaryStackBackground } from "./styles.css.js";
+import { NonScrollableContent } from "./NonScrollableContent.js";
+import { ScrollableContent } from "./ScrollableContent.js";
+import { cn } from "@ultraviolet/utils";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/compositions/OrderSummary/index.tsx
+const OrderSummary = ({ header, hideTimeUnit = false, periodOptions = Units, valueUnitInput = 1, unitUnitInput = "hours", items, locales = en_default, currency = "EUR", localeFormat = "en-US", footer, children, discount = 0, totalPriceInfo, fractionDigits, hideDetails = false, onChange, onChangeUnitInput, totalPriceDescription, additionalInfo, className, totalPriceInfoPlacement = "left", hideBeforePrice = false, "data-testid": dataTestId, style, priceInformation }) => {
+	const [timePeriodUnit, setTimePeriodUnit] = useState(unitUnitInput);
+	const [timePeriodAmount, setTimePeriodAmount] = useState(valueUnitInput);
+	const categoriesPrice = useMemo(() => items.reduce((acc, category) => {
+		const { categoryPrice, discountedPrice } = calculateCategoryPrice(category, hideTimeUnit, timePeriodAmount, timePeriodUnit);
+		return _objectSpread2(_objectSpread2({}, acc), {}, { [category.category]: {
+			maxPrice: categoryPrice[1],
+			maxPriceWithDiscount: discountedPrice[1],
+			timeUnit: unitUnitInput,
+			totalPrice: categoryPrice[0],
+			totalPriceWithDiscount: discountedPrice[0]
+		} });
+	}, {}), [
+		hideTimeUnit,
+		items,
+		timePeriodAmount,
+		timePeriodUnit,
+		unitUnitInput
+	]);
+	const totalPrice = useMemo(() => {
+		const price = Object.values(categoriesPrice).reduce((acc, categoryPrice) => [acc[0] + categoryPrice.totalPrice, acc[1] + categoryPrice.maxPrice], [0, 0]);
+		const priceDiscounted = Object.values(categoriesPrice).reduce((acc, categoryPrice) => [acc[0] + categoryPrice.totalPriceWithDiscount, acc[1] + categoryPrice.maxPriceWithDiscount], [0, 0]);
+		return {
+			maxPrice: Math.max(price[1], 0),
+			maxPriceWithDiscount: Math.max(priceDiscounted[1] * (discount <= 1 ? 1 - discount : 1) - (discount > 1 ? Math.abs(discount) : 0), 0),
+			timeUnit: unitUnitInput,
+			totalPrice: Math.max(price[0], 0),
+			totalPriceWithDiscount: Math.max(priceDiscounted[0] * (discount <= 1 ? 1 - discount : 1) - (discount > 1 ? Math.abs(discount) : 0), 0)
+		};
+	}, [
+		categoriesPrice,
+		discount,
+		unitUnitInput
+	]);
+	const valueContext = useMemo(() => ({
+		categoriesPrice,
+		currency,
+		fractionDigits,
+		hideTimeUnit,
+		items,
+		localeFormat,
+		locales,
+		timePeriodAmount,
+		timePeriodUnit
+	}), [
+		currency,
+		localeFormat,
+		items,
+		categoriesPrice,
+		hideTimeUnit,
+		timePeriodUnit,
+		timePeriodAmount,
+		locales,
+		fractionDigits
+	]);
+	const computePeriodOptions = useMemo(() => {
+		const computedPeriodOptions = [];
+		for (const option of periodOptions) computedPeriodOptions.push({
+			label: locales[`order.summary.units.${option}.label`],
+			value: option
+		});
+		return computedPeriodOptions;
+	}, [periodOptions, locales]);
+	useEffect(() => {
+		onChange === null || onChange === void 0 || onChange(categoriesPrice, totalPrice);
+	}, [
+		categoriesPrice,
+		totalPrice,
+		onChange
+	]);
+	return /* @__PURE__ */ jsx(OrderSummaryContext.Provider, {
+		value: valueContext,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			className: cn(className, orderSummaryContainer),
+			"data-testid": dataTestId,
+			justifyContent: hideDetails ? "flex-start" : "space-between",
+			style,
+			children: [
+				header ? /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					className: orderSummaryHeaderContainer[hideDetails ? "hideDetails" : "showDetails"],
+					direction: "row",
+					gap: 2,
+					justifyContent: "space-between",
+					children: [/* @__PURE__ */ jsx(Text, {
+						as: "h3",
+						prominence: "strong",
+						sentiment: "neutral",
+						variant: "headingSmallStrong",
+						children: header
+					}), hideTimeUnit || hideDetails ? null : /* @__PURE__ */ jsx(Stack, {
+						className: orderSummaryStackBackground,
+						children: /* @__PURE__ */ jsx(UnitInput, {
+							dropdownAlign: "center",
+							maxWidth: "200px",
+							onChange: (value) => {
+								setTimePeriodAmount(value);
+							},
+							onChangeUnitValue: (val) => {
+								setTimePeriodUnit(val);
+								onChangeUnitInput === null || onChangeUnitInput === void 0 || onChangeUnitInput(val);
+							},
+							options: computePeriodOptions,
+							selectInputWidth: "100%",
+							size: "small",
+							templateColumns: "2fr 3fr",
+							unitValue: unitUnitInput,
+							value: valueUnitInput
+						})
+					})]
+				}) : null,
+				hideDetails ? null : /* @__PURE__ */ jsx(ScrollableContent, {}),
+				/* @__PURE__ */ jsx(NonScrollableContent, {
+					additionalInfo,
+					defaultPriceInformation: priceInformation === true || hideDetails && !priceInformation && priceInformation !== false,
+					discount,
+					footer,
+					hideBeforePrice,
+					priceInformation,
+					timePeriodAmount,
+					totalPrice,
+					totalPriceDescription,
+					totalPriceInfo,
+					totalPriceInfoPlacement,
+					unit: timePeriodUnit,
+					children
+				})
+			]
+		})
+	});
+};
+
+//#endregion
+export { OrderSummary };

package/dist/components/compositions/OrderSummary/locales/en.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    readonly 'order.summary.total': "Estimated cost";
+    readonly 'order.summary.units.days.label': "Day(s)";
+    readonly 'order.summary.units.hours.label': "Hour(s)";
+    readonly 'order.summary.units.minutes.label': "Minute(s)";
+    readonly 'order.summary.units.months.label': "Month(s)";
+    readonly 'order.summary.units.seconds.label': "Second(s)";
+    readonly 'order.summary.units.years.label': "Year(s)";
+};
+export default _default;
+//# sourceMappingURL=en.d.ts.map

package/dist/components/compositions/OrderSummary/locales/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OrderSummary/locales/en.ts"],"names":[],"mappings":";;;;;;;;;AAAA,wBAQU"}

package/dist/components/compositions/OrderSummary/locales/en.js

@@ -0,0 +1,13 @@
+//#region src/components/compositions/OrderSummary/locales/en.ts
+var en_default = {
+	"order.summary.total": "Estimated cost",
+	"order.summary.units.days.label": "Day(s)",
+	"order.summary.units.hours.label": "Hour(s)",
+	"order.summary.units.minutes.label": "Minute(s)",
+	"order.summary.units.months.label": "Month(s)",
+	"order.summary.units.seconds.label": "Second(s)",
+	"order.summary.units.years.label": "Year(s)"
+};
+
+//#endregion
+export { en_default as default };