@propeller-commerce/propeller-v2-react-ui 0.15.6 → 0.15.8

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;
 
@@ -5219,11 +5233,12 @@ interface OrderBonusItemsProps {
  * Renders an order's bonus items — free items added through incentives — as a
  * read-only "Bonus items" section (heading + table of OrderItemCard rows).
  *
- * Bonus items are order items of `class === 'product'` (the free goods) with
- * `isBonus === 'Y'` — whether standalone or grouped by the backend under an
- * `incentive` item via `parentOrderItemId`. Any backend-side grouping is
- * purely presentational; in the flat SDK item list every bonus good is
- * already `product`/`isBonus === Y`, so filtering on that yields the same set.
+ * Bonus items are order items of `class === 'product'` with `isBonus === 'Y'`.
+ * The API models the discount as a separate sibling `incentive` item that
+ * carries the negative delta and points back via `parentOrderItemId`, so the
+ * product line alone still shows the undiscounted price. Each bonus line is
+ * therefore netted against its incentive siblings before display — a fully
+ * discounted item reaches 0, a partially discounted one keeps the remainder.
  *
  * Renders nothing when there are no bonus items, so it's safe to drop into any
  * order surface (thank-you, order details, quote details) unconditionally.
@@ -5379,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;
 
@@ -5219,11 +5233,12 @@ interface OrderBonusItemsProps {
  * Renders an order's bonus items — free items added through incentives — as a
  * read-only "Bonus items" section (heading + table of OrderItemCard rows).
  *
- * Bonus items are order items of `class === 'product'` (the free goods) with
- * `isBonus === 'Y'` — whether standalone or grouped by the backend under an
- * `incentive` item via `parentOrderItemId`. Any backend-side grouping is
- * purely presentational; in the flat SDK item list every bonus good is
- * already `product`/`isBonus === Y`, so filtering on that yields the same set.
+ * Bonus items are order items of `class === 'product'` with `isBonus === 'Y'`.
+ * The API models the discount as a separate sibling `incentive` item that
+ * carries the negative delta and points back via `parentOrderItemId`, so the
+ * product line alone still shows the undiscounted price. Each bonus line is
+ * therefore netted against its incentive siblings before display — a fully
+ * discounted item reaches 0, a partially discounted one keeps the remainder.
  *
  * Renders nothing when there are no bonus items, so it's safe to drop into any
  * order surface (thank-you, order details, quote details) unconditionally.
@@ -5379,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

@@ -1,5 +1,5 @@
 "use client";
-import { getLabel, getLocalizedValue, formatPrice, getClusterSku, getClusterImageUrl, isContentHidden, getProductSku, getProductImageUrl, createServices, err, ok, formatSurcharge, deriveUserMode, isContact, isCustomer, getAddresses, attributeNameMatches, getAttributeDisplayName, filterProductsBySelections, extractAttributeValues, buildInventoryFilter, MIN_STOCK_THRESHOLD, getLanguageString, collectAttributeValues, getCountryName } from '@propeller-commerce/propeller-v2-core-ui';
+import { getLabel, getLocalizedValue, formatPrice, getClusterSku, getClusterImageUrl, isContentHidden, getProductSku, getProductImageUrl, createServices, err, ok, formatSurcharge, deriveUserMode, isContact, isCustomer, getAddresses, attributeNameMatches, getAttributeDisplayName, filterProductsBySelections, extractAttributeValues, buildInventoryFilter, MIN_STOCK_THRESHOLD, getNettedBonusItems, getLanguageString, collectAttributeValues, getCountryName } from '@propeller-commerce/propeller-v2-core-ui';
 export * from '@propeller-commerce/propeller-v2-core-ui';
 import * as React6 from 'react';
 import { createContext, useState, useRef, useMemo, useCallback, useContext, useEffect } from 'react';
@@ -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) => {
@@ -13614,9 +13644,7 @@ var OrderItemCard_default = OrderItemCard;
 function OrderBonusItems(rawProps) {
   const props = useInfraProps(rawProps);
   const allItems = props.items ?? props.order?.items ?? [];
-  const bonusItems = allItems.filter(
-    (item) => item.class === OrderItemClass.product && item.isBonus === YesNo.Y
-  );
+  const bonusItems = getNettedBonusItems(allItems);
   if (bonusItems.length === 0) return null;
   const OrderItemCardImpl = props.orderItemCardComponent ?? OrderItemCard_default;
   return /* @__PURE__ */ jsxs("div", { className: `propeller-order-bonus-items ${props.className || "mb-8"}`, children: [
@@ -14142,6 +14170,9 @@ function QuickOrderInner(props) {
     companyId,
     language,
     configuration,
+    taxZone: props.taxZone,
+    orderlistIds: props.orderlistIds,
+    applyOrderlists: props.applyOrderlists,
     onCartCreated,
     afterAddToCart
   });