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

package/CHANGELOG.md

@@ -8,6 +8,41 @@ once it reaches 1.0. Until then (the `0.x` line) the public API may change
 between minor versions; breaking changes are called out below and in
 [MIGRATION.md](./MIGRATION.md).
 
+## [0.15.5] - 2026-08-10
+
+### Fixed
+
+- `useMenu` no longer drops categories that lack a translation in the active
+  language. The query filtered server-side — `names(language: $language)` — so a
+  category with no entry for that language came back with `names: []` and
+  `slugs: []`. `mapCategory`'s `?? raw.names?.[0]` fallback then had nothing to
+  fall back to, and the row rendered with a blank label and an empty slug:
+  invisible and unclickable. Switching a bilingual storefront to a language with
+  partial translations collapsed the menu to whichever categories happened to be
+  translated (PWP-927).
+
+  `names` and `slugs` are now fetched unfiltered — every translation — and
+  `mapCategory` picks the active language, falling back to whichever translation
+  exists. `slugs` gained a `language` field so the slug follows the same rule as
+  the name. `$language` is gone from the query signature (an unused variable is
+  a GraphQL validation error); it still keys the cache and drives the pick.
+
+## [0.15.4] - 2026-08-10
+
+### Fixed
+
+- `<ItemsOverview>` follows the Incl./Excl. BTW toggle. It never resolved infra,
+  so it printed `item.price × quantity` — always excl. VAT — while `<CartItem>`
+  on the cart page printed `totalSumNet` (incl.). The same lines therefore
+  appeared on two different tax bases in consecutive checkout steps. It now
+  reads `includeTax` (and `currency` / `language`, which also silently fell back
+  to `'€'` and no language) from `<PropellerProvider>`, and takes line totals
+  from `totalSum` / `totalSumNet` — the same fields `<CartItem>` reads. Bundle,
+  bundle-item and child-option prices switch on the same basis.
+
+  Hosts that already render inside `<PropellerProvider>` need no change; pass
+  `includeTax` explicitly to override.
+
 ## [0.15.3] - 2026-08-10
 
 ### Fixed

package/dist/index.cjs

@@ -1592,15 +1592,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 ?? "",
@@ -1676,17 +1676,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)) : [];
@@ -12859,7 +12859,9 @@ function getBundleNonLeaders(item) {
   if (!items) return [];
   return items.filter((bi) => bi.isLeader !== propellerSdkV2.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;
@@ -12875,6 +12877,13 @@ function ItemsOverview(props) {
     }
     return propellerV2CoreUi.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
@@ -12937,12 +12946,12 @@ function ItemsOverview(props) {
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-start gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "propeller-items-overview__item-price font-semibold text-sm text-foreground whitespace-nowrap", children: money(bundlePrice(item.bundle?.price)) }) : null
                 ] }),
                 /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "propeller-items-overview__item-bundle-leader flex justify-between items-center text-xs", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: leader.product.names?.[0]?.value || "Product" }),
-                    money(leader.price?.net) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground whitespace-nowrap ml-2", children: money(leader.price?.net) }) : null
+                    money(bundlePrice(leader.price)) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground whitespace-nowrap ml-2", children: money(bundlePrice(leader.price)) }) : null
                   ] }) : null,
                   getBundleNonLeaders(item).map((bundleItem, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
                     "div",
@@ -12950,7 +12959,7 @@ function ItemsOverview(props) {
                       className: "propeller-items-overview__item-bundle-item flex justify-between items-center text-xs text-muted-foreground",
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1", children: bundleItem.product?.names?.[0]?.value || "Product" }),
-                        money(bundleItem.price?.net) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: money(bundleItem.price?.net) }) : null
+                        money(bundlePrice(bundleItem.price)) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: money(bundlePrice(bundleItem.price)) }) : null
                       ]
                     },
                     idx
@@ -12973,7 +12982,7 @@ function ItemsOverview(props) {
                       children: getItemName(item)
                     }
                   ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-items-overview__item-title font-medium text-sm leading-tight line-clamp-2", children: getItemName(item) }),
-                  showPrice ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "propeller-items-overview__item-price font-semibold text-sm text-foreground whitespace-nowrap", children: formatItemPrice(lineTotal(item)) }) : null
                 ] }),
                 showSku && itemSku ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "propeller-items-overview__item-sku text-xs text-muted-foreground mt-0.5", children: [
                   "SKU: ",
@@ -12989,7 +12998,7 @@ function ItemsOverview(props) {
                     className: "propeller-items-overview__item-option flex justify-between items-center text-xs text-muted-foreground",
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1", children: child.product?.names?.[0]?.value || "Option" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: formatItemPrice(child.totalSum || 0) })
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: formatItemPrice(lineTotal(child)) })
                     ]
                   },
                   idx