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

package/CHANGELOG.md

@@ -8,6 +8,25 @@ 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

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)) : [];