@propeller-commerce/propeller-v2-react-ui 0.15.7 → 0.15.9

package/CHANGELOG.md

@@ -8,6 +8,55 @@ 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.9] - 2026-08-11
+
+### Fixed
+
+- **The product specifications table emptied out in a language the catalogue is
+  only partly translated into** (PWP-928). A localized list carries only the
+  languages someone authored, so asking for one nobody wrote returns nothing —
+  it does not fall back. `ProductSpecifications` matched strictly on
+  `language === props.language`, which failed twice over: the label fell through
+  to `attributeDescription.name` and printed the raw PIM code
+  (`QUANTORE_70001706`) at the user, and the value resolved to `''` — and since
+  `getAttributes()` drops rows with an empty value, the row disappeared
+  entirely. On a Dutch-only catalogue browsed in English the whole table went
+  blank. Both now prefer the active language and fall back to whichever
+  translation exists, matching `GridFilters`, `ProductDescription` and the menu.
+  Empty localized rows the backend really does return
+  (`{ language: 'FR', values: [] }`) are skipped rather than winning the
+  fallback. Language matching is now case-insensitive: with `language="en"` the
+  component previously rendered nothing at all.
+
+## [0.15.8] - 2026-08-11
+
+### Fixed
+
+- **Quick order could add products from outside the user's catalogue.** Both the
+  row typeahead and the XLSX upload resolved codes through the flat `products`
+  resolver with no catalog scope and no user context. Orderlist (contract)
+  scoping is honoured by `category.products` but **silently ignored** on the flat
+  resolver, so quick order surfaced the full catalogue while the grid and the
+  search preview stayed scoped — the same bug fixed for the SearchBar preview in
+  0.4.28. `searchProducts` now queries `category.getCategory` over
+  `configuration.baseCategoryId` and passes `userId` / `companyId` /
+  `applyOrderlists`, plus `hidden: false`, matching `ProductGrid`, the SearchBar
+  and the WordPress plugin's quick-order flow. Codes outside the catalogue are
+  reported through `onMissingCodes` instead of being added.
+
+### Changed
+
+- **`QuickOrder` needs `configuration.baseCategoryId`.** Without it the
+  typeahead and the upload resolve nothing rather than falling back to an
+  unscoped search — failing closed is the point of the fix. Apps already
+  resolving a base category for `ProductGrid` / `SearchBar` should pass the same
+  value.
+
+### Added
+
+- `QuickOrder` accepts `taxZone` (defaults to `'NL'`), `orderlistIds` and
+  `applyOrderlists`, forwarded to the scoped search.
+
 ## [0.15.7] - 2026-08-10
 
 ### Fixed

package/dist/index.cjs

@@ -2596,21 +2596,33 @@ function useQuickOrder(options) {
   } = options;
   const language = options.language || "NL";
   const searchLimit = options.searchLimit ?? 8;
+  const taxZone = options.taxZone || "NL";
+  const { orderlistIds, applyOrderlists } = options;
   const [submitting, setSubmitting] = React6.useState(false);
   const [error, setError] = React6.useState(null);
   const searchProducts = React6.useCallback(
     async (term) => {
       const trimmed = term.trim();
       if (!trimmed || !graphqlClient) return [];
+      const catId = configuration.baseCategoryId ?? 0;
+      if (!catId) return [];
       try {
-        const service = propellerV2CoreUi.createServices(graphqlClient).product;
+        const service = propellerV2CoreUi.createServices(graphqlClient).category;
+        const orderlistScope = orderlistIds && orderlistIds.length > 0 ? { applyOrderlists: applyOrderlists !== false, orderlistIds } : { applyOrderlists: false };
+        const userId = user && "contactId" in user ? user.contactId : user && "customerId" in user ? user.customerId : void 0;
+        const contactId = user && "contactId" in user ? user.contactId : void 0;
+        const customerId = user && "customerId" in user ? user.customerId : void 0;
         const input = {
           term: trimmed,
           language,
           page: 1,
           offset: searchLimit,
           statuses: [propellerSdkV2.ProductStatus.A, propellerSdkV2.ProductStatus.P, propellerSdkV2.ProductStatus.T, propellerSdkV2.ProductStatus.S],
+          hidden: false,
           sortInputs: [{ field: propellerSdkV2.ProductSortField.RELEVANCE, order: propellerSdkV2.SortOrder.DESC }],
+          ...companyId && { companyId },
+          ...userId !== void 0 && { userId },
+          ...orderlistScope,
           searchFields: [
             {
               fieldNames: [
@@ -2634,18 +2646,36 @@ function useQuickOrder(options) {
           ]
         };
         const variables = {
-          input,
+          categoryId: catId,
           language,
+          categoryProductSearchInput: input,
+          priceCalculateProductInput: {
+            taxZone,
+            ...companyId && { companyId },
+            ...contactId !== void 0 && { contactId },
+            ...customerId !== void 0 && { customerId }
+          },
+          imageSearchFilters: configuration.imageSearchFiltersGrid,
           imageVariantFilters: configuration.imageVariantFiltersSmall
         };
-        const result = await service.getProducts(variables);
-        const items = result?.items ?? [];
+        const response = await service.getCategory(variables);
+        const items = response?.products?.items ?? [];
         return items.map((it) => toMatch(it, language));
       } catch {
         return [];
       }
     },
-    [graphqlClient, language, searchLimit, configuration]
+    [
+      graphqlClient,
+      language,
+      searchLimit,
+      configuration,
+      user,
+      companyId,
+      taxZone,
+      orderlistIds,
+      applyOrderlists
+    ]
   );
   const submit = React6.useCallback(
     async (lines) => {
@@ -14160,6 +14190,9 @@ function QuickOrderInner(props) {
     companyId,
     language,
     configuration,
+    taxZone: props.taxZone,
+    orderlistIds: props.orderlistIds,
+    applyOrderlists: props.applyOrderlists,
     onCartCreated,
     afterAddToCart
   });
@@ -16456,19 +16489,27 @@ function ProductSpecifications(rawProps) {
       (a) => (a.attributeDescription?.group || "") === group
     );
   }
+  function pickLocalized(rows, isUsable) {
+    const list = (rows || []).filter(isUsable);
+    const lang = (props.language || "NL").toUpperCase();
+    return list.find((row) => (row.language || "").toUpperCase() === lang) || list[0];
+  }
   function getAttributeLabel(attr) {
-    const lang = props.language || "NL";
-    const descs = attr.attributeDescription?.descriptions || [];
-    const match = descs.find((d) => d.language === lang);
+    const match = pickLocalized(
+      attr.attributeDescription?.descriptions,
+      (d) => !!d.value
+    );
     return match?.value || attr.attributeDescription?.name || "";
   }
   function getAttributeValue(attr) {
     const v = attr.value;
     if (!v) return "";
-    const lang = props.language || "NL";
     if (v.type === propellerSdkV2.AttributeType.TEXT) {
       const tv = v;
-      const entry = tv.textValues?.find((row) => row.language === lang);
+      const entry = pickLocalized(
+        tv.textValues,
+        (row) => (row?.values || []).some(Boolean)
+      );
       const vals = (entry?.values || []).filter(Boolean);
       return vals.join(", ");
     }