@propeller-commerce/propeller-v2-react-ui 0.15.3 → 0.15.5

package/dist/index.d.cts

@@ -4961,12 +4961,13 @@ interface ItemsOverviewProps {
     /** Labels for the component */ labels?: Record<string, string>;
     /** Currency symbol used by the default formatter. Default: `'€'`. */ currency?: string;
     /** Active language for localized surcharge names. */ language?: string;
+    /** Include tax in the line prices. Resolved from `<PropellerProvider>` when omitted; defaults to `false`. */ includeTax?: boolean;
 }
 /**
  * Renders a compact read-only list of cart line items, including bundles and
  * configurable child options, with optional image, SKU, availability and price.
  */
-declare function ItemsOverview(props: ItemsOverviewProps): React$1.JSX.Element;
+declare function ItemsOverview(rawProps: ItemsOverviewProps): React$1.JSX.Element;
 
 /**
  * @rsc-blocked — Client-only component: interactive state (useState/useReducer).

package/dist/index.d.ts

@@ -4961,12 +4961,13 @@ interface ItemsOverviewProps {
     /** Labels for the component */ labels?: Record<string, string>;
     /** Currency symbol used by the default formatter. Default: `'€'`. */ currency?: string;
     /** Active language for localized surcharge names. */ language?: string;
+    /** Include tax in the line prices. Resolved from `<PropellerProvider>` when omitted; defaults to `false`. */ includeTax?: boolean;
 }
 /**
  * Renders a compact read-only list of cart line items, including bundles and
  * configurable child options, with optional image, SKU, availability and price.
  */
-declare function ItemsOverview(props: ItemsOverviewProps): React$1.JSX.Element;
+declare function ItemsOverview(rawProps: ItemsOverviewProps): React$1.JSX.Element;
 
 /**
  * @rsc-blocked — Client-only component: interactive state (useState/useReducer).

package/dist/index.js

@@ -1572,15 +1572,15 @@ function buildCategoriesQuery(depth) {
     categories {
       categoryId
       hidden
-      names(language: $language) { value language }
-      slugs(language: $language) { value }
+      names { value language }
+      slugs { value language }
       ${buildCategoriesQuery(depth - 1)}
     }
   `;
 }
 function mapCategory(raw, language) {
   const nameEntry = raw.names?.find((n) => n.language === language) ?? raw.names?.[0];
-  const slugEntry = raw.slugs?.[0];
+  const slugEntry = raw.slugs?.find((s) => s.language === language) ?? raw.slugs?.[0];
   return {
     categoryId: raw.categoryId,
     name: nameEntry?.value ?? "",
@@ -1656,17 +1656,17 @@ function useMenu(options) {
     inflightFetches.set(key, promise);
     try {
       const gql = `
-        query Menu($categoryId: Float, $language: String) {
+        query Menu($categoryId: Float) {
           category(categoryId: $categoryId) {
             categoryId
             hidden
-            names(language: $language) { value language }
-            slugs(language: $language) { value }
+            names { value language }
+            slugs { value language }
             ${buildCategoriesQuery(depth)}
           }
         }
       `;
-      const variables = { categoryId: rootCategoryId, language };
+      const variables = { categoryId: rootCategoryId };
       const data = await graphqlClient.query(gql, variables);
       const root = data?.category ?? null;
       const items = root ? (root.categories ?? []).filter((cat) => !isHidden(cat)).map((cat) => mapCategory(cat, language)) : [];
@@ -12839,7 +12839,9 @@ function getBundleNonLeaders(item) {
   if (!items) return [];
   return items.filter((bi) => bi.isLeader !== YesNo.Y);
 }
-function ItemsOverview(props) {
+function ItemsOverview(rawProps) {
+  const props = useInfraProps(rawProps);
+  const useTax = !!props.includeTax;
   const containerClass = props.itemsOverviewContainerClass || "cart-items-overview";
   const itemNameClickable = props.itemNameClickable !== void 0 ? props.itemNameClickable : true;
   const showAvailability = props.showAvailability !== void 0 ? props.showAvailability : true;
@@ -12855,6 +12857,13 @@ function ItemsOverview(props) {
     }
     return formatPrice(price || 0, { symbol: currencySymbol });
   }
+  function lineTotal(item) {
+    return (useTax ? item.totalSumNet : item.totalSum) || 0;
+  }
+  function bundlePrice(price) {
+    if (!price) return void 0;
+    return useTax ? price.net : price.gross;
+  }
   function getItemSurcharges(item) {
     const list = (item.surcharges ?? []).filter(
       (s) => s.enabled !== false
@@ -12917,12 +12926,12 @@ function ItemsOverview(props) {
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start gap-2", children: [
                   /* @__PURE__ */ jsx("span", { className: "propeller-items-overview__item-title text-sm font-medium leading-tight text-foreground line-clamp-2", children: item.bundle?.name || "Bundle" }),
-                  showPrice && money(item.bundle?.price?.net) ? /* @__PURE__ */ jsx("span", { className: "propeller-items-overview__item-price font-semibold text-sm text-foreground whitespace-nowrap", children: money(item.bundle?.price?.net) }) : null
+                  showPrice && money(bundlePrice(item.bundle?.price)) ? /* @__PURE__ */ jsx("span", { className: "propeller-items-overview__item-price font-semibold text-sm text-foreground whitespace-nowrap", children: money(bundlePrice(item.bundle?.price)) }) : null
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: "propeller-items-overview__item-bundle mt-1.5 space-y-1 border-l-2 border-secondary/10 pl-2", children: [
                   leader ? /* @__PURE__ */ jsxs("div", { className: "propeller-items-overview__item-bundle-leader flex justify-between items-center text-xs", children: [
                     /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: leader.product.names?.[0]?.value || "Product" }),
-                    money(leader.price?.net) ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground whitespace-nowrap ml-2", children: money(leader.price?.net) }) : null
+                    money(bundlePrice(leader.price)) ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground whitespace-nowrap ml-2", children: money(bundlePrice(leader.price)) }) : null
                   ] }) : null,
                   getBundleNonLeaders(item).map((bundleItem, idx) => /* @__PURE__ */ jsxs(
                     "div",
@@ -12930,7 +12939,7 @@ function ItemsOverview(props) {
                       className: "propeller-items-overview__item-bundle-item flex justify-between items-center text-xs text-muted-foreground",
                       children: [
                         /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: bundleItem.product?.names?.[0]?.value || "Product" }),
-                        money(bundleItem.price?.net) ? /* @__PURE__ */ jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: money(bundleItem.price?.net) }) : null
+                        money(bundlePrice(bundleItem.price)) ? /* @__PURE__ */ jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: money(bundlePrice(bundleItem.price)) }) : null
                       ]
                     },
                     idx
@@ -12953,7 +12962,7 @@ function ItemsOverview(props) {
                       children: getItemName(item)
                     }
                   ) : /* @__PURE__ */ jsx("p", { className: "propeller-items-overview__item-title font-medium text-sm leading-tight line-clamp-2", children: getItemName(item) }),
-                  showPrice ? /* @__PURE__ */ jsx("span", { className: "propeller-items-overview__item-price font-semibold text-sm text-foreground whitespace-nowrap", children: formatItemPrice((item.price || 0) * (item.quantity || 1)) }) : null
+                  showPrice ? /* @__PURE__ */ jsx("span", { className: "propeller-items-overview__item-price font-semibold text-sm text-foreground whitespace-nowrap", children: formatItemPrice(lineTotal(item)) }) : null
                 ] }),
                 showSku && itemSku ? /* @__PURE__ */ jsxs("p", { className: "propeller-items-overview__item-sku text-xs text-muted-foreground mt-0.5", children: [
                   "SKU: ",
@@ -12969,7 +12978,7 @@ function ItemsOverview(props) {
                     className: "propeller-items-overview__item-option flex justify-between items-center text-xs text-muted-foreground",
                     children: [
                       /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: child.product?.names?.[0]?.value || "Option" }),
-                      /* @__PURE__ */ jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: formatItemPrice(child.totalSum || 0) })
+                      /* @__PURE__ */ jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: formatItemPrice(lineTotal(child)) })
                     ]
                   },
                   idx