@ultraviolet/plus 3.0.0-beta.14 → 3.0.0-beta.16

package/dist/components/Navigation/styles.css.cjs

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                               */
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var navigationStickyFooter = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_19x50fv0", variantClassNames: { overflow: { false: "uv_plus_19x50fv1" } }, defaultVariants: { overflow: false }, compoundVariants: [] });
-var navigationHeader = "uv_plus_19x50fv2";
-var navigationLogoContainer = "uv_plus_19x50fv3";
-var navigation = "uv_plus_19x50fv4";
-var navigationContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_19x50fv5", variantClassNames: { expanded: { false: "uv_plus_19x50fv6" }, animation: { collapse: "uv_plus_19x50fv7", expand: "uv_plus_19x50fv8", false: "uv_plus_19x50fv9" } }, defaultVariants: {}, compoundVariants: [[{ expanded: true, animation: false }, "uv_plus_19x50fva"]] });
-var navigationContentContainer = "uv_plus_19x50fvb";
-var navigationContentContainerCollapsed = "uv_plus_19x50fvc";
-var navigationContent = "uv_plus_19x50fvd";
-var navigationSlider = "uv_plus_19x50fve";
-exports.navigation = navigation;
-exports.navigationContainer = navigationContainer;
-exports.navigationContent = navigationContent;
-exports.navigationContentContainer = navigationContentContainer;
-exports.navigationContentContainerCollapsed = navigationContentContainerCollapsed;
-exports.navigationHeader = navigationHeader;
-exports.navigationLogoContainer = navigationLogoContainer;
-exports.navigationSlider = navigationSlider;
-exports.navigationStickyFooter = navigationStickyFooter;

package/dist/components/Navigation/variables.css.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var widthNavigationContainer = "var(--uv_plus_1rde5pt0)";
-exports.widthNavigationContainer = widthNavigationContainer;

package/dist/components/OfferList/OfferList.cjs

@@ -1,45 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const react = require("react");
-const Cell = require("./components/Cell.cjs");
-const Row = require("./components/Row.cjs");
-const OfferListProvider = require("./OfferListProvider.cjs");
-const styles_css = require("./styles.css.cjs");
-const OfferList = ({
-  expandable,
-  type = "radio",
-  columns,
-  children,
-  loading,
-  autoCollapse,
-  selected,
-  onChangeSelect,
-  className,
-  style,
-  "data-testid": dataTestId
-}) => {
-  const [radioSelectedRow, setRadioSelectedRow] = react.useState(typeof selected === "string" ? selected : void 0);
-  const [checkboxSelectedRows, setCheckboxSelectedRows] = react.useState(Array.isArray(selected) ? selected : []);
-  const computedColumns = [{
-    label: ""
-  }, expandable ? {
-    label: ""
-  } : null, ...columns].filter((element) => !!element);
-  react.useEffect(() => {
-    if (selected) {
-      if (typeof selected === "string" && type === "radio") {
-        setRadioSelectedRow(selected);
-      }
-      if (Array.isArray(selected) && type === "checkbox") {
-        setCheckboxSelectedRows(selected);
-      }
-    }
-  }, [type, selected]);
-  return /* @__PURE__ */ jsxRuntime.jsx(OfferListProvider.OfferListProvider, { autoCollapse, checkboxSelectedRows, expandable, loading, onChangeSelect, radioSelectedRow, selectable: type, setCheckboxSelectedRows, setRadioSelectedRow, children: /* @__PURE__ */ jsxRuntime.jsx(ui.List, { autoCollapse, className: `${className ? `${className} ` : ""}${styles_css.offerList}`, columns: computedColumns, "data-testid": dataTestId, expandable: false, selectable: false, style, children }) });
-};
-OfferList.Row = Row.Row;
-OfferList.Cell = Cell.Cell;
-exports.OfferList = OfferList;

package/dist/components/OfferList/OfferListProvider.cjs

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const OfferListContext = react.createContext(void 0);
-const OfferListProvider = ({
-  selectable,
-  children,
-  expandable,
-  disabled,
-  loading,
-  onChangeSelect,
-  autoCollapse,
-  radioSelectedRow,
-  setRadioSelectedRow,
-  checkboxSelectedRows,
-  setCheckboxSelectedRows
-}) => /* @__PURE__ */ jsxRuntime.jsx(OfferListContext.Provider, { value: {
-  autoCollapse,
-  checkboxSelectedRows,
-  disabled,
-  expandable,
-  loading,
-  onChangeSelect,
-  radioSelectedRow,
-  selectable,
-  setCheckboxSelectedRows,
-  setRadioSelectedRow
-}, children });
-const useOfferListContext = () => {
-  const context = react.useContext(OfferListContext);
-  if (!context) {
-    throw new Error("useOfferListContext should be used inside a OfferList component");
-  }
-  return context;
-};
-exports.OfferListProvider = OfferListProvider;
-exports.useOfferListContext = useOfferListContext;

package/dist/components/OfferList/components/Banner.cjs

@@ -1,21 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const styles_css = require("../styles.css.cjs");
-const Banner = ({
-  children,
-  sentiment = "neutral",
-  disabled,
-  colSpan = 1e3,
-  type = "div",
-  shouldHavePrimaryBorder
-}) => type === "div" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { "aria-disabled": disabled, className: styles_css.offerListBannerStack({
-  sentiment
-}), children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", disabled, sentiment, variant: "caption", children }) }) : /* @__PURE__ */ jsxRuntime.jsx("tr", { className: styles_css.offerListBanner, children: /* @__PURE__ */ jsxRuntime.jsx(ui.List.Cell, { "aria-disabled": disabled, className: styles_css.offerListBannerCell, colSpan, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", className: styles_css.offerListBannerText({
-  disabled,
-  primaryBorder: shouldHavePrimaryBorder,
-  sentiment
-}), disabled, variant: "caption", children }) }) });
-exports.Banner = Banner;

package/dist/components/OfferList/components/Cell.cjs

@@ -1,20 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const OfferListProvider = require("../OfferListProvider.cjs");
-const styles_css = require("../styles.css.cjs");
-const Cell = ({
-  children,
-  className,
-  "data-testid": dataTestId,
-  colSpan,
-  style
-}) => {
-  const {
-    loading
-  } = OfferListProvider.useOfferListContext();
-  return loading ? /* @__PURE__ */ jsxRuntime.jsx(ui.List.Cell, { className: styles_css.offerListLoadingCell, style, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { "data-state": loading, variant: "line" }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.List.Cell, { className: `${className ? `${className} ` : ""}${styles_css.offerListCell}`, colSpan, "data-testid": dataTestId, style, children });
-};
-exports.Cell = Cell;

package/dist/components/OfferList/components/Row.cjs

@@ -1,113 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const icons = require("@ultraviolet/icons");
-const themes = require("@ultraviolet/themes");
-const ui = require("@ultraviolet/ui");
-const dynamic = require("@vanilla-extract/dynamic");
-const react = require("react");
-const OfferListProvider = require("../OfferListProvider.cjs");
-const styles_css = require("../styles.css.cjs");
-const Banner = require("./Banner.cjs");
-const Row = ({
-  children,
-  disabled,
-  id,
-  banner,
-  expandablePadding,
-  offerName,
-  expandable: expandableContent,
-  selectDisabled,
-  highlightAnimation,
-  expanded,
-  className,
-  "data-dragging": dataDragging,
-  "data-testid": dataTestId,
-  style,
-  badge
-}) => {
-  const {
-    selectable,
-    radioSelectedRow,
-    setRadioSelectedRow,
-    checkboxSelectedRows,
-    setCheckboxSelectedRows,
-    expandable,
-    loading,
-    onChangeSelect,
-    autoCollapse
-  } = OfferListProvider.useOfferListContext();
-  const {
-    expandedRowIds,
-    collapseRow,
-    expandRow
-  } = ui.List.useListContext();
-  const [isHovered, setHovered] = react.useState(false);
-  const childrenNumber = react.Children.count(children) + (selectable ? 1 : 0) + (expandable ? 1 : 0);
-  const toggleRowExpand = react.useCallback(() => {
-    if (!loading) {
-      if (expandedRowIds[id]) {
-        collapseRow(id);
-      } else {
-        expandRow(id);
-      }
-    }
-  }, [collapseRow, expandRow, expandedRowIds, id, loading]);
-  const computedExpandableContent = react.useMemo(() => {
-    if (expandable && !loading && expandedRowIds[id] && banner) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.offerListRowExpandable, style: dynamic.assignInlineVars({
-          [styles_css.expandablePadding]: themes.theme.space[expandablePadding ?? 2]
-        }), children: expandableContent }),
-        /* @__PURE__ */ jsxRuntime.jsx(Banner.Banner, { disabled, sentiment: banner.sentiment, children: banner.text })
-      ] });
-    }
-    if (expandable && !loading) {
-      return expandableContent;
-    }
-    return void 0;
-  }, [expandable, loading, expandedRowIds, banner, expandablePadding, id, expandableContent, disabled]);
-  const isRowSelected = react.useMemo(() => {
-    if (selectable === "radio") {
-      return radioSelectedRow === offerName;
-    }
-    return checkboxSelectedRows.includes(offerName);
-  }, [offerName, checkboxSelectedRows, radioSelectedRow, selectable]);
-  const isSelected = selectable === "radio" ? radioSelectedRow === offerName : checkboxSelectedRows.includes(offerName);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.List.Row, { className: `${className ? `${className} ` : ""}${banner ? styles_css.offerListRowBanner : ""}${isSelected ? `${" "}${styles_css.offerListRowSelected}` : ""} ${expandable ? styles_css.offerListRowSelectedExpandable : styles_css.offerListRowSelectedNotExpandable}`, "data-dragging": dataDragging, "data-testid": dataTestId, disabled, expandable: computedExpandableContent, expandablePadding: banner ? "0" : void 0, expanded: expanded ?? expandedRowIds[id], highlightAnimation, id, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), style, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.List.Cell, { className: styles_css.offerListNoPaddingCell, children: [
-        badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.offerListBadgeContainer, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { className: styles_css.offerListBadge, disabled, sentiment: badge.sentiment, size: "small", children: badge.text }) }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.offerListRowSelectableContainer, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { text: typeof selectDisabled === "string" ? selectDisabled : void 0, children: selectable === "radio" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Radio, { checked: isRowSelected, disabled: disabled || loading || !!selectDisabled, id, name: `radio-offer-list-${id}`, onChange: () => {
-          setRadioSelectedRow(offerName);
-          onChangeSelect?.(offerName);
-          if (expandedRowIds[id]) {
-            expandRow(id);
-          } else if (!autoCollapse) {
-            collapseRow(id);
-          }
-        }, value: id }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { "aria-label": "select", checked: isRowSelected, disabled: disabled || loading || !!selectDisabled, id, name: `checkbox-offer-list-${id}`, onChange: () => {
-          if (isRowSelected) {
-            const newSelectedList = checkboxSelectedRows.filter((element) => element !== offerName);
-            setCheckboxSelectedRows(newSelectedList);
-            onChangeSelect?.(newSelectedList);
-          } else {
-            const newSelectedList = [...checkboxSelectedRows, offerName];
-            setCheckboxSelectedRows(newSelectedList);
-            onChangeSelect?.(newSelectedList);
-          }
-          if (expandedRowIds[id]) {
-            expandRow(id);
-          } else if (!autoCollapse) {
-            collapseRow(id);
-          }
-        }, value: id }) }) })
-      ] }),
-      expandable ? /* @__PURE__ */ jsxRuntime.jsx(ui.List.Cell, { className: styles_css.offerListNoPaddingCell, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { "aria-label": "expand", "data-testid": "list-expand-button", disabled: disabled || !expandable || loading, onClick: toggleRowExpand, sentiment: "neutral", size: "small", variant: "ghost", children: expandedRowIds[id] ? /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDownIcon, {}) }) }) : null,
-      children
-    ] }),
-    banner && !expandedRowIds[id] ? /* @__PURE__ */ jsxRuntime.jsx(Banner.Banner, { colSpan: childrenNumber, disabled, sentiment: banner.sentiment, shouldHavePrimaryBorder: isHovered || isRowSelected, type: "cell", children: banner.text }) : null
-  ] });
-};
-exports.Row = Row;

package/dist/components/OfferList/styles.css.cjs

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var expandablePadding = "var(--uv_plus_1wcpahp0)";
-var offerList = "uv_plus_1wcpahp1";
-var offerListBanner = "uv_plus_1wcpahp2";
-var offerListBannerText = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_1wcpahp3", variantClassNames: { primaryBorder: { false: "uv_plus_1wcpahp4" }, sentiment: { primary: "uv_plus_1wcpahp5", secondary: "uv_plus_1wcpahp6", neutral: "uv_plus_1wcpahp7", success: "uv_plus_1wcpahp8", danger: "uv_plus_1wcpahp9", warning: "uv_plus_1wcpahpa", info: "uv_plus_1wcpahpb" }, disabled: { true: "uv_plus_1wcpahpc" } }, defaultVariants: { primaryBorder: false, sentiment: "neutral", disabled: false }, compoundVariants: [[{ sentiment: "primary", disabled: false }, "uv_plus_1wcpahpd"], [{ sentiment: "secondary", disabled: false }, "uv_plus_1wcpahpe"], [{ sentiment: "neutral", disabled: false }, "uv_plus_1wcpahpf"], [{ sentiment: "success", disabled: false }, "uv_plus_1wcpahpg"], [{ sentiment: "danger", disabled: false }, "uv_plus_1wcpahph"], [{ sentiment: "warning", disabled: false }, "uv_plus_1wcpahpi"], [{ sentiment: "info", disabled: false }, "uv_plus_1wcpahpj"], [{ sentiment: "primary", disabled: true }, "uv_plus_1wcpahpk"], [{ sentiment: "secondary", disabled: true }, "uv_plus_1wcpahpl"], [{ sentiment: "neutral", disabled: true }, "uv_plus_1wcpahpm"], [{ sentiment: "success", disabled: true }, "uv_plus_1wcpahpn"], [{ sentiment: "danger", disabled: true }, "uv_plus_1wcpahpo"], [{ sentiment: "warning", disabled: true }, "uv_plus_1wcpahpp"], [{ sentiment: "info", disabled: true }, "uv_plus_1wcpahpq"], [{ primaryBorder: true, disabled: false }, "uv_plus_1wcpahpr"], [{ primaryBorder: true, disabled: true }, "uv_plus_1wcpahps"]] });
-var offerListBannerCell = "uv_plus_1wcpahpt";
-var offerListBannerStack = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_1wcpahpu", variantClassNames: { sentiment: { primary: "uv_plus_1wcpahpv", secondary: "uv_plus_1wcpahpw", neutral: "uv_plus_1wcpahpx", success: "uv_plus_1wcpahpy", danger: "uv_plus_1wcpahpz", warning: "uv_plus_1wcpahp10", info: "uv_plus_1wcpahp11" } }, defaultVariants: { sentiment: "neutral" }, compoundVariants: [] });
-var offerListBadge = "uv_plus_1wcpahp12";
-var offerListBadgeContainer = "uv_plus_1wcpahp13";
-var offerListNoPaddingCell = "uv_plus_1wcpahp14";
-var offerListRowSelected = "uv_plus_1wcpahp15";
-var offerListRowSelectedNotExpandable = "uv_plus_1wcpahp16";
-var offerListRowSelectedExpandable = "uv_plus_1wcpahp17";
-var offerListRowBanner = "uv_plus_1wcpahp18";
-var offerListRowSelectableContainer = "uv_plus_1wcpahp19";
-var offerListRowExpandable = "uv_plus_1wcpahp1a";
-var offerListCell = "uv_plus_1wcpahp1b";
-var offerListLoadingCell = "uv_plus_1wcpahp1c";
-exports.expandablePadding = expandablePadding;
-exports.offerList = offerList;
-exports.offerListBadge = offerListBadge;
-exports.offerListBadgeContainer = offerListBadgeContainer;
-exports.offerListBanner = offerListBanner;
-exports.offerListBannerCell = offerListBannerCell;
-exports.offerListBannerStack = offerListBannerStack;
-exports.offerListBannerText = offerListBannerText;
-exports.offerListCell = offerListCell;
-exports.offerListLoadingCell = offerListLoadingCell;
-exports.offerListNoPaddingCell = offerListNoPaddingCell;
-exports.offerListRowBanner = offerListRowBanner;
-exports.offerListRowExpandable = offerListRowExpandable;
-exports.offerListRowSelectableContainer = offerListRowSelectableContainer;
-exports.offerListRowSelected = offerListRowSelected;
-exports.offerListRowSelectedExpandable = offerListRowSelectedExpandable;
-exports.offerListRowSelectedNotExpandable = offerListRowSelectedNotExpandable;

package/dist/components/OrderSummary/NonScrollableContent.cjs

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const react = require("react");
-const helpers = require("./helpers.cjs");
-const Provider = require("./Provider.cjs");
-const styles_css = require("./styles.css.cjs");
-const NonScrollableContent = ({
-  totalPrice,
-  footer,
-  children,
-  totalPriceInfo,
-  hideDetails,
-  unit,
-  totalPriceDescription,
-  additionalInfo
-}) => {
-  const {
-    locales
-  } = react.useContext(Provider.OrderSummaryContext);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { className: styles_css.orderSummaryNonScrollableContainer, gap: 3, children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      totalPriceInfo ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", gap: 1, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "span", prominence: "strong", sentiment: "neutral", variant: "bodyStrong", children: [
-            locales["order.summary.total"],
-            ":"
-          ] }),
-          totalPriceDescription
-        ] }),
-        totalPriceInfo
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", gap: 1, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "span", prominence: "strong", sentiment: "neutral", variant: "bodyStrong", children: [
-          locales["order.summary.total"],
-          additionalInfo ? ` ${additionalInfo}` : null,
-          ":"
-        ] }),
-        totalPriceDescription
-      ] }),
-      totalPrice.totalPrice === totalPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "span", "data-testid": "total-price", prominence: "strong", sentiment: "neutral", variant: "headingSmallStrong", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(helpers.DisplayPrice, { beforeOrAfter: "after", price: totalPrice }),
-        hideDetails ? `/${unit}` : null
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", gap: 1, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", prominence: "weak", sentiment: "neutral", strikeThrough: true, variant: "bodySmallStrong", children: /* @__PURE__ */ jsxRuntime.jsx(helpers.DisplayPrice, { beforeOrAfter: "before", price: totalPrice }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "span", "data-testid": "total-price", prominence: "strong", sentiment: "neutral", variant: "headingSmallStrong", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(helpers.DisplayPrice, { beforeOrAfter: "after", price: totalPrice }),
-          hideDetails ? `/${unit}` : null
-        ] })
-      ] })
-    ] }),
-    footer
-  ] });
-};
-exports.NonScrollableContent = NonScrollableContent;

package/dist/components/OrderSummary/Provider.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const en = require("./locales/en.cjs");
-const OrderSummaryContext = react.createContext({
-  categoriesPrice: {},
-  currency: "EUR",
-  hideTimeUnit: false,
-  items: [{
-    category: "",
-    subCategories: []
-  }],
-  localeFormat: "en-US",
-  locales: en,
-  timePeriodAmount: 1,
-  timePeriodUnit: "hours"
-});
-exports.OrderSummaryContext = OrderSummaryContext;

package/dist/components/OrderSummary/ScrollableContent.cjs

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const react = require("react");
-const helpers = require("./helpers.cjs");
-const Provider = require("./Provider.cjs");
-const styles_css = require("./styles.css.cjs");
-const CategoryName = ({
-  category
-}) => {
-  const {
-    categoriesPrice
-  } = react.useContext(Provider.OrderSummaryContext);
-  const categoryPrice = categoriesPrice[category.category] ?? {
-    maxPrice: 0,
-    maxPriceWithDiscount: 0,
-    timeUnit: "hours",
-    totalPrice: 0,
-    totalPriceWithDiscount: 0
-  };
-  return category.category ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-    category.additionalInfo ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", gap: 1, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", prominence: "strong", sentiment: "neutral", variant: "bodyStrong", children: category.category }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", italic: true, sentiment: "primary", variant: "bodySmall", children: category.additionalInfo })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", prominence: "strong", sentiment: "neutral", variant: "bodyStrong", children: category.category }),
-    category.customContent,
-    category.numberInput ? /* @__PURE__ */ jsxRuntime.jsx(ui.NumberInput, { className: styles_css.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__ */ jsxRuntime.jsx(ui.Text, { as: "span", prominence: "strong", sentiment: "neutral", variant: "bodyStrong", children: /* @__PURE__ */ jsxRuntime.jsx(helpers.DisplayPrice, { beforeOrAfter: "after", price: categoryPrice }) }) : null,
-    !category.customContent && !category.numberInput && categoryPrice.totalPrice !== categoryPrice.totalPriceWithDiscount ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", gap: 1, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", prominence: "weak", sentiment: "neutral", strikeThrough: true, variant: "bodySmallStrong", children: /* @__PURE__ */ jsxRuntime.jsx(helpers.DisplayPrice, { beforeOrAfter: "before", price: categoryPrice }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", prominence: "strong", sentiment: "neutral", variant: "bodyStrong", children: /* @__PURE__ */ jsxRuntime.jsx(helpers.DisplayPrice, { beforeOrAfter: "after", price: categoryPrice }) })
-    ] }) : null
-  ] }) : null;
-};
-const SubCategory = ({
-  subCategory
-}) => {
-  const {
-    currency,
-    localeFormat,
-    hideTimeUnit,
-    timePeriodAmount,
-    timePeriodUnit,
-    fractionDigits
-  } = react.useContext(Provider.OrderSummaryContext);
-  const subCategoryPrice = helpers.calculateSubCategoryPrice(subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { direction: "column", gap: 1, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      subCategory.additionalInfo ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", gap: 1, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", prominence: "strong", sentiment: "neutral", variant: "bodyStrong", children: subCategory.title }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", italic: true, sentiment: "primary", variant: "bodySmall", children: subCategory.additionalInfo })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", prominence: "strong", sentiment: "neutral", variant: "bodySmallStrong", children: subCategory.title }),
-      subCategory.customContent ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", prominence: "strong", sentiment: "neutral", variant: "bodySmallStrong", children: subCategory.customContent }) : null,
-      subCategory.numberInput ? /* @__PURE__ */ jsxRuntime.jsx(ui.NumberInput, { className: styles_css.orderSummaryNumberInput, controls: subCategory.numberInputControls, onChange: subCategory.onChangeInput, size: "small", unit: subCategory.numberInputUnit, value: subCategory.numberInputValue }) : null,
-      subCategory.price !== void 0 && !subCategory.hidePrice ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "span", prominence: "strong", sentiment: "neutral", variant: "bodySmallStrong", children: [
-        subCategoryPrice[0] === subCategoryPrice[1] || subCategory.priceUnit ? helpers.formatNumber(subCategory.priceUnit ? subCategory.price : subCategoryPrice[0], localeFormat, currency, fractionDigits) : `${helpers.formatNumber(subCategoryPrice[0], localeFormat, currency, fractionDigits)} - ${helpers.formatNumber(subCategoryPrice[1], localeFormat, currency, fractionDigits)}`,
-        subCategory.priceUnit ? ` /${subCategory.priceUnit}` : ""
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { className: styles_css.orderSummaryDetails, direction: "column", gap: 0.5, children: subCategory.details?.map((detail) => detail ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", sentiment: "neutral", variant: "bodySmall", children: detail }, detail) : null) })
-  ] });
-};
-const ScrollableContent = () => {
-  const {
-    items
-  } = react.useContext(Provider.OrderSummaryContext);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { className: styles_css.orderSummaryScrollableContainer, gap: 3, children: items.map((category) => Object.keys(category).length > 0 && category.category ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { className: styles_css.orderSummaryCategory, gap: 1.5, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(CategoryName, { category }),
-    category.subCategories && Object.keys(category.subCategories).length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { gap: 1, children: category.subCategories.map((subCategory, index) => /* @__PURE__ */ jsxRuntime.jsx(SubCategory, { subCategory }, subCategory.title ?? `${index}`)) }) : null
-  ] }, category.category) : null) });
-};
-exports.ScrollableContent = ScrollableContent;

package/dist/components/OrderSummary/constants.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Units = ["seconds", "minutes", "hours", "days", "months"];
-const multiplier = {
-  days: 24,
-  hours: 1,
-  minutes: 1 / 60,
-  months: 730,
-  seconds: 1 / 60 / 60
-};
-exports.Units = Units;
-exports.multiplier = multiplier;

package/dist/components/OrderSummary/helpers.cjs

@@ -1,91 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const constants = require("./constants.cjs");
-const Provider = require("./Provider.cjs");
-const formatNumber = (number, locale, currency, fractionDigits = 10) => {
-  const numberFormat = new Intl.NumberFormat(locale, {
-    currency,
-    maximumFractionDigits: fractionDigits,
-    style: "currency"
-  });
-  return numberFormat.format(number);
-};
-const calculatePrice = ({
-  price,
-  amount,
-  amountFree = 0,
-  timeUnit,
-  timeAmount,
-  discount = 0,
-  fixedPrice = false
-}) => {
-  const nonNanTimeAmount = Number.isNaN(timeAmount) ? 1 : timeAmount;
-  const valueBeforeDiscount = price * (fixedPrice ? 1 : nonNanTimeAmount * constants.multiplier[`${timeUnit}`]) * Math.max(amount - amountFree, 0);
-  const finalValue = valueBeforeDiscount * (1 - (discount <= 1 ? discount : 0)) - (discount > 1 ? Math.abs(discount) : 0);
-  return finalValue;
-};
-const calculateSubCategoryPrice = (subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit) => {
-  if (Array.isArray(subCategory.amount)) {
-    const minPrice = calculatePrice({
-      amount: subCategory.amount?.[0] ?? 1,
-      amountFree: subCategory.amountFree,
-      discount: subCategory.discount,
-      fixedPrice: subCategory.fixedPrice,
-      price: subCategory.price ?? 0,
-      timeAmount: hideTimeUnit ? 1 : timePeriodAmount,
-      timeUnit: hideTimeUnit ? "hours" : timePeriodUnit
-    }) || 0;
-    const maxPrice = calculatePrice({
-      amount: subCategory.amount?.[1] ?? 1,
-      amountFree: subCategory.amountFree,
-      discount: subCategory.discount,
-      fixedPrice: subCategory.fixedPrice,
-      price: subCategory.price ?? 0,
-      timeAmount: hideTimeUnit ? 1 : timePeriodAmount,
-      timeUnit: hideTimeUnit ? "hours" : timePeriodUnit
-    }) || 0;
-    return [minPrice, maxPrice];
-  }
-  const price = calculatePrice({
-    amount: subCategory.amount ?? 1,
-    amountFree: subCategory.amountFree,
-    discount: subCategory.discount,
-    fixedPrice: subCategory.fixedPrice,
-    price: subCategory.price ?? 0,
-    timeAmount: hideTimeUnit ? 1 : timePeriodAmount,
-    timeUnit: hideTimeUnit ? "hours" : timePeriodUnit
-  }) || 0;
-  return [price, price];
-};
-const calculateCategoryPrice = (category, hideTimeUnit, timePeriodAmount, timePeriodUnit) => {
-  const categoryPrice = category.subCategories?.reduce((acc, subCategory) => {
-    const computedPrices = calculateSubCategoryPrice(subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit);
-    return [acc[0] + computedPrices[0], acc[1] + computedPrices[1]];
-  }, [0, 0]) || [0, 0];
-  const discountedPriceMin = category.discount && category.discount <= 1 ? categoryPrice[0] * category.discount : categoryPrice[0] - (category.discount ?? 0);
-  const discountedPriceMax = category.discount && category.discount <= 1 ? categoryPrice[1] * category.discount : categoryPrice[1] - (category.discount ?? 0);
-  const discountedPrice = category.allowNegative ? [discountedPriceMin, discountedPriceMax] : [Math.max(discountedPriceMin, 0), Math.max(discountedPriceMax, 0)];
-  categoryPrice.map((price) => Math.max(category.discount && category.discount <= 1 ? price * category.discount : price - (category.discount ?? 0), 0));
-  return {
-    categoryPrice,
-    discountedPrice
-  };
-};
-const DisplayPrice = ({
-  price,
-  beforeOrAfter
-}) => {
-  const {
-    localeFormat,
-    currency,
-    fractionDigits
-  } = react.useContext(Provider.OrderSummaryContext);
-  const withDiscount = beforeOrAfter === "after" ? "WithDiscount" : "";
-  return price.totalPrice === price.maxPrice ? formatNumber(price[`totalPrice${withDiscount}`], localeFormat, currency, fractionDigits ?? 2) : `${formatNumber(price[`totalPrice${withDiscount}`], localeFormat, currency, fractionDigits ?? 2)} - ${formatNumber(price[`maxPrice${withDiscount}`], localeFormat, currency, fractionDigits ?? 2)}`;
-};
-exports.DisplayPrice = DisplayPrice;
-exports.calculateCategoryPrice = calculateCategoryPrice;
-exports.calculatePrice = calculatePrice;
-exports.calculateSubCategoryPrice = calculateSubCategoryPrice;
-exports.formatNumber = formatNumber;