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

package/dist/index.d.cts

@@ -1535,10 +1535,18 @@ interface UseQuickOrderOptions {
     language?: string;
     /** Max typeahead results per row. Defaults to 8. */
     searchLimit?: number;
-    /** Image filters forwarded to search + cart queries. */
+    /** Tax zone for price calculation. Defaults to `'NL'`. */
+    taxZone?: string;
+    /** Orderlist (contract) ids to scope the catalogue by. */
+    orderlistIds?: number[];
+    /** Set `false` to ignore `orderlistIds`. Defaults to true when ids are given. */
+    applyOrderlists?: boolean;
+    /** Image filters + the base category the search is scoped to. */
     configuration?: {
         imageSearchFiltersGrid?: MediaImageProductSearchInput;
         imageVariantFiltersSmall?: TransformationsInput;
+        /** Catalog root. Without it the search returns nothing — see `searchProducts`. */
+        baseCategoryId?: number;
     };
     /** Fires when `submit` creates a fresh cart — persist the cart id. */
     onCartCreated?: (cart: Cart) => void;
@@ -1576,10 +1584,16 @@ interface UseQuickOrderReturn {
  *
  * @remarks
  * GraphQL integration: services are built per-call via `createServices(graphqlClient)`.
- * `searchProducts` calls `services.product.getProducts()` (`ProductService`, the
- * `ProductSearch` operation). `submit` resolves a cart with the shared `initCart`
- * flow, then calls `services.cart.bulkUpdateCartItems()` once with every line
- * (`CartItemBulk`). All calls require an authenticated session.
+ * `searchProducts` calls `services.category.getCategory()` over
+ * `configuration.baseCategoryId` — the same path ProductGrid and the SearchBar
+ * preview use. The flat `products` resolver ignores orderlist scoping
+ * server-side, so searching through it returns products outside the user's
+ * catalogue. Without a `baseCategoryId` the search returns nothing rather than
+ * falling back to that resolver.
+ *
+ * `submit` resolves a cart with the shared `initCart` flow, then calls
+ * `services.cart.bulkUpdateCartItems()` once with every line (`CartItemBulk`).
+ * All calls require an authenticated session.
  */
 declare function useQuickOrder(options: UseQuickOrderOptions): UseQuickOrderReturn;
 
@@ -5380,7 +5394,20 @@ interface QuickOrderProps {
     configuration?: {
         imageSearchFiltersGrid?: MediaImageProductSearchInput;
         imageVariantFiltersSmall?: TransformationsInput;
+        /**
+         * Catalog root the code search is scoped to. Required: without it the
+         * typeahead and the upload resolve nothing, since searching outside a
+         * category ignores orderlist scoping and would surface products the user
+         * has no access to.
+         */
+        baseCategoryId?: number;
     };
+    /** Tax zone for price calculation. Defaults to `'NL'`. */
+    taxZone?: string;
+    /** Orderlist (contract) ids to scope the catalogue by. */
+    orderlistIds?: number[];
+    /** Set `false` to ignore `orderlistIds`. Defaults to true when ids are given. */
+    applyOrderlists?: boolean;
     /** Number of blank rows to start with. Defaults to 5. */
     initialRows?: number;
     /** Minimum characters before the typeahead fires. Defaults to 3. */

package/dist/index.d.ts

@@ -1535,10 +1535,18 @@ interface UseQuickOrderOptions {
     language?: string;
     /** Max typeahead results per row. Defaults to 8. */
     searchLimit?: number;
-    /** Image filters forwarded to search + cart queries. */
+    /** Tax zone for price calculation. Defaults to `'NL'`. */
+    taxZone?: string;
+    /** Orderlist (contract) ids to scope the catalogue by. */
+    orderlistIds?: number[];
+    /** Set `false` to ignore `orderlistIds`. Defaults to true when ids are given. */
+    applyOrderlists?: boolean;
+    /** Image filters + the base category the search is scoped to. */
     configuration?: {
         imageSearchFiltersGrid?: MediaImageProductSearchInput;
         imageVariantFiltersSmall?: TransformationsInput;
+        /** Catalog root. Without it the search returns nothing — see `searchProducts`. */
+        baseCategoryId?: number;
     };
     /** Fires when `submit` creates a fresh cart — persist the cart id. */
     onCartCreated?: (cart: Cart) => void;
@@ -1576,10 +1584,16 @@ interface UseQuickOrderReturn {
  *
  * @remarks
  * GraphQL integration: services are built per-call via `createServices(graphqlClient)`.
- * `searchProducts` calls `services.product.getProducts()` (`ProductService`, the
- * `ProductSearch` operation). `submit` resolves a cart with the shared `initCart`
- * flow, then calls `services.cart.bulkUpdateCartItems()` once with every line
- * (`CartItemBulk`). All calls require an authenticated session.
+ * `searchProducts` calls `services.category.getCategory()` over
+ * `configuration.baseCategoryId` — the same path ProductGrid and the SearchBar
+ * preview use. The flat `products` resolver ignores orderlist scoping
+ * server-side, so searching through it returns products outside the user's
+ * catalogue. Without a `baseCategoryId` the search returns nothing rather than
+ * falling back to that resolver.
+ *
+ * `submit` resolves a cart with the shared `initCart` flow, then calls
+ * `services.cart.bulkUpdateCartItems()` once with every line (`CartItemBulk`).
+ * All calls require an authenticated session.
  */
 declare function useQuickOrder(options: UseQuickOrderOptions): UseQuickOrderReturn;
 
@@ -5380,7 +5394,20 @@ interface QuickOrderProps {
     configuration?: {
         imageSearchFiltersGrid?: MediaImageProductSearchInput;
         imageVariantFiltersSmall?: TransformationsInput;
+        /**
+         * Catalog root the code search is scoped to. Required: without it the
+         * typeahead and the upload resolve nothing, since searching outside a
+         * category ignores orderlist scoping and would surface products the user
+         * has no access to.
+         */
+        baseCategoryId?: number;
     };
+    /** Tax zone for price calculation. Defaults to `'NL'`. */
+    taxZone?: string;
+    /** Orderlist (contract) ids to scope the catalogue by. */
+    orderlistIds?: number[];
+    /** Set `false` to ignore `orderlistIds`. Defaults to true when ids are given. */
+    applyOrderlists?: boolean;
     /** Number of blank rows to start with. Defaults to 5. */
     initialRows?: number;
     /** Minimum characters before the typeahead fires. Defaults to 3. */

package/dist/index.js

@@ -2576,21 +2576,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] = useState(false);
   const [error, setError] = useState(null);
   const searchProducts = useCallback(
     async (term) => {
       const trimmed = term.trim();
       if (!trimmed || !graphqlClient) return [];
+      const catId = configuration.baseCategoryId ?? 0;
+      if (!catId) return [];
       try {
-        const service = createServices(graphqlClient).product;
+        const service = 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: [ProductStatus.A, ProductStatus.P, ProductStatus.T, ProductStatus.S],
+          hidden: false,
           sortInputs: [{ field: ProductSortField.RELEVANCE, order: SortOrder.DESC }],
+          ...companyId && { companyId },
+          ...userId !== void 0 && { userId },
+          ...orderlistScope,
           searchFields: [
             {
               fieldNames: [
@@ -2614,18 +2626,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 = useCallback(
     async (lines) => {
@@ -14140,6 +14170,9 @@ function QuickOrderInner(props) {
     companyId,
     language,
     configuration,
+    taxZone: props.taxZone,
+    orderlistIds: props.orderlistIds,
+    applyOrderlists: props.applyOrderlists,
     onCartCreated,
     afterAddToCart
   });
@@ -16436,19 +16469,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 === 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(", ");
     }