@propeller-commerce/propeller-v2-vue-ui 0.3.23 → 0.3.25

package/dist/index.cjs

@@ -1893,8 +1893,15 @@ function useProductInfo(options) {
       const lang = languageRef.value || "NL";
       const user = options.user?.value ?? null;
       const companyId = options.companyId?.value;
+      const explicitOrderlistIds = options.orderlistIds?.value;
       let orderlistIds = [];
-      if (user && companyId) {
+      let applyOrderlists = true;
+      if (explicitOrderlistIds && explicitOrderlistIds.length > 0) {
+        orderlistIds = explicitOrderlistIds;
+        applyOrderlists = options.applyOrderlists?.value !== false;
+      } else if (options.applyOrderlists?.value === false) {
+        applyOrderlists = false;
+      } else if (user && companyId) {
         const orderlistService = index.createServices(graphqlClient).orderlist;
         const searchInput = { companyIds: [companyId] };
         const orderlists = await orderlistService.getOrderlists(searchInput);
@@ -1905,7 +1912,7 @@ function useProductInfo(options) {
       const variables = {
         productId,
         language: lang,
-        applyOrderlists: true,
+        applyOrderlists,
         orderlistIds,
         imageSearchFilters: imageSearchFilters ?? configuration.imageSearchFiltersGrid,
         imageVariantFilters: imageVariantFilters ?? configuration.imageVariantFiltersLarge ?? configuration.imageVariantFiltersSmall,
@@ -2086,6 +2093,11 @@ function useProductSearch(options) {
       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 orderlistIdsVal = options.orderlistIds?.value;
+      const orderlistScope = orderlistIdsVal && orderlistIdsVal.length > 0 ? {
+        applyOrderlists: options.applyOrderlists?.value !== false,
+        orderlistIds: orderlistIdsVal
+      } : { applyOrderlists: false };
       const categoryProductSearchInput = {
         language: lang,
         page: pagination.currentPage.value,
@@ -2103,7 +2115,8 @@ function useProductSearch(options) {
         ...priceFilter && { price: priceFilter },
         ...sortInputs.length && { sortInputs },
         ...companyIdRef.value && { companyId: companyIdRef.value },
-        ...userId !== void 0 && { userId }
+        ...userId !== void 0 && { userId },
+        ...orderlistScope
       };
       const priceCalculateProductInput = {
         taxZone,
@@ -3078,7 +3091,7 @@ const _hoisted_15$s = {
 const _hoisted_16$r = { class: "propeller-login-form__register text-center" };
 const _hoisted_17$r = { class: "propeller-login-form__register-prompt text-sm text-muted-foreground mb-2" };
 const _hoisted_18$p = { class: "propeller-login-form__guest text-center" };
-const _hoisted_19$o = {
+const _hoisted_19$p = {
   key: 2,
   class: "propeller-login-form__footer flex flex-col gap-2 text-sm pt-3 text-center"
 };
@@ -3342,7 +3355,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
             ])
           ]) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
-        __props.accountHeaderLoginForm ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19$o, [
+        __props.accountHeaderLoginForm ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19$p, [
           __props.displayForgotPasswordLink !== false ? vue.renderSlot(_ctx.$slots, "forgotPasswordLink", {
             key: 0,
             onClick: (e) => __props.onForgotPasswordClick?.(e),
@@ -3410,7 +3423,7 @@ const _hoisted_15$r = { class: "propeller-account-menu__user-label text-xs text-
 const _hoisted_16$q = { class: "propeller-account-menu__user-name font-medium text-foreground truncate" };
 const _hoisted_17$q = { class: "propeller-account-menu__nav" };
 const _hoisted_18$o = { class: "propeller-account-menu__list space-y-0.5" };
-const _hoisted_19$n = ["onClick"];
+const _hoisted_19$o = ["onClick"];
 const _hoisted_20$l = { class: "propeller-account-menu__logout-wrapper mt-3 pt-3 border-t border-border" };
 const _hoisted_21$j = {
   key: 1,
@@ -3646,7 +3659,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                           type: "button",
                           class: "propeller-account-menu__link flex w-full items-center gap-3 px-3 py-2 text-sm font-medium rounded-[var(--radius-control)] text-muted-foreground hover:bg-surface-hover hover:text-foreground transition-colors",
                           onClick: async (event) => handleMenuItemClick(link.href)
-                        }, vue.toDisplayString(link.label), 9, _hoisted_19$n)
+                        }, vue.toDisplayString(link.label), 9, _hoisted_19$o)
                       ]);
                     }), 128))
                   ])
@@ -3933,7 +3946,7 @@ const _hoisted_17$p = {
   strokeWidth: 2
 };
 const _hoisted_18$n = { class: "propeller-add-to-cart__modal-title flex-1 text-base font-semibold text-foreground" };
-const _hoisted_19$m = {
+const _hoisted_19$n = {
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -4322,7 +4335,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
                 class: "propeller-add-to-cart__modal-close flex-shrink-0 text-foreground-subtle hover:text-muted-foreground focus:outline-none",
                 onClick: _cache[7] || (_cache[7] = async (event) => closeModal())
               }, [
-                (vue.openBlock(), vue.createElementBlock("svg", _hoisted_19$m, [..._cache[16] || (_cache[16] = [
+                (vue.openBlock(), vue.createElementBlock("svg", _hoisted_19$n, [..._cache[16] || (_cache[16] = [
                   vue.createElementVNode("path", {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
@@ -4468,7 +4481,7 @@ const _hoisted_15$p = { class: "space-y-1" };
 const _hoisted_16$o = { class: "propeller-add-to-favorite__select-label text-xs text-muted-foreground" };
 const _hoisted_17$o = ["value"];
 const _hoisted_18$m = ["value"];
-const _hoisted_19$l = ["disabled"];
+const _hoisted_19$m = ["disabled"];
 const _hoisted_20$j = {
   key: 2,
   class: "propeller-add-to-favorite__empty py-4 text-center text-muted-foreground text-sm"
@@ -4738,7 +4751,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                   ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                     vue.createTextVNode(vue.toDisplayString(getLabel("addToFavorites", "Add to favorites")), 1)
                   ], 64))
-                ], 8, _hoisted_19$l)
+                ], 8, _hoisted_19$m)
               ])) : vue.createCommentVNode("", true),
               getMemberLists().length === 0 && getNonMemberLists().length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$j, vue.toDisplayString(getLabel(
                 "noLists",
@@ -4790,7 +4803,7 @@ const _hoisted_16$n = {
 };
 const _hoisted_17$n = { class: "space-y-4" };
 const _hoisted_18$l = { class: "grid grid-cols-2 gap-4" };
-const _hoisted_19$k = { class: "block text-sm font-medium mb-1" };
+const _hoisted_19$l = { class: "block text-sm font-medium mb-1" };
 const _hoisted_20$i = ["value"];
 const _hoisted_21$h = { value: "M" };
 const _hoisted_22$h = { value: "F" };
@@ -5200,7 +5213,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", _hoisted_17$n, [
               vue.createElementVNode("div", _hoisted_18$l, [
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("label", _hoisted_19$k, vue.toDisplayString(getLabel("gender", "Gender")), 1),
+                  vue.createElementVNode("label", _hoisted_19$l, vue.toDisplayString(getLabel("gender", "Gender")), 1),
                   vue.createElementVNode("select", {
                     class: "propeller-address-card__input w-full h-10 px-3 rounded-[var(--radius-control)] border border-input bg-card",
                     value: editGender.value,
@@ -6121,7 +6134,7 @@ const _hoisted_15$n = {
 const _hoisted_16$m = { class: "font-semibold text-foreground" };
 const _hoisted_17$m = { class: "font-semibold text-foreground" };
 const _hoisted_18$k = { class: "font-medium" };
-const _hoisted_19$j = { class: "font-semibold text-foreground" };
+const _hoisted_19$k = { class: "font-semibold text-foreground" };
 const _hoisted_20$h = { class: "propeller-cart-item__options mt-3 space-y-1.5 border-l-2 border-border pl-3" };
 const _hoisted_21$g = { class: "propeller-cart-item__options-label text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-1" };
 const _hoisted_22$g = { class: "font-medium" };
@@ -6607,7 +6620,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("span", _hoisted_18$k, vue.toDisplayString(getBundleItemName(bundleItem)), 1),
                   !!getBundleItemPrice(bundleItem) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     _cache[9] || (_cache[9] = vue.createElementVNode("div", { class: "flex-1 border-b border-dotted border-input mx-1 mb-1" }, null, -1)),
-                    vue.createElementVNode("span", _hoisted_19$j, vue.toDisplayString(getBundleItemPrice(bundleItem)), 1)
+                    vue.createElementVNode("span", _hoisted_19$k, vue.toDisplayString(getBundleItemPrice(bundleItem)), 1)
                   ], 64)) : vue.createCommentVNode("", true)
                 ]);
               }), 128))
@@ -6861,7 +6874,7 @@ const _hoisted_18$j = {
   class: "w-5 h-5",
   strokeWidth: 2
 };
-const _hoisted_19$i = { class: "propeller-cart-icon__sidebar-body flex-1 overflow-y-auto px-5 py-4 space-y-4" };
+const _hoisted_19$j = { class: "propeller-cart-icon__sidebar-body flex-1 overflow-y-auto px-5 py-4 space-y-4" };
 const _hoisted_20$g = {
   key: 0,
   class: "propeller-cart-icon__empty flex flex-col items-center justify-center h-full text-center space-y-4 py-16"
@@ -7130,7 +7143,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                   ])]))
                 ], 8, _hoisted_17$l)
               ]),
-              vue.createElementVNode("div", _hoisted_19$i, [
+              vue.createElementVNode("div", _hoisted_19$j, [
                 getItems().length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$g, [
                   (vue.openBlock(), vue.createElementBlock("svg", _hoisted_21$f, [..._cache[14] || (_cache[14] = [
                     vue.createElementVNode("path", {
@@ -7303,7 +7316,7 @@ const _hoisted_18$i = {
   key: 1,
   class: "flex justify-between"
 };
-const _hoisted_19$h = { class: "font-medium" };
+const _hoisted_19$i = { class: "font-medium" };
 const _hoisted_20$f = {
   key: 2,
   class: "flex justify-between"
@@ -7478,7 +7491,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("span", null, vue.toDisplayString(paymentMethod.value), 1)
           ])) : vue.createCommentVNode("", true),
           carrierName.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18$i, [
-            vue.createElementVNode("span", _hoisted_19$h, vue.toDisplayString(getLabel("carrier", "Carrier:")), 1),
+            vue.createElementVNode("span", _hoisted_19$i, vue.toDisplayString(getLabel("carrier", "Carrier:")), 1),
             vue.createElementVNode("span", null, vue.toDisplayString(carrierName.value), 1)
           ])) : vue.createCommentVNode("", true),
           requestDate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$f, [
@@ -7711,7 +7724,7 @@ const _hoisted_17$j = {
   "data-row": "total-vat"
 };
 const _hoisted_18$h = { class: "propeller-cart-summary__label" };
-const _hoisted_19$g = { class: "propeller-cart-summary__value" };
+const _hoisted_19$h = { class: "propeller-cart-summary__value" };
 const _hoisted_20$e = {
   class: "propeller-cart-summary__row propeller-cart-summary__row--total flex justify-between text-xl font-bold pt-4 border-t text-foreground mt-2",
   "data-row": "total"
@@ -7898,7 +7911,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
         }), 128)) : vue.createCommentVNode("", true),
         showTotalVat.value && totalVat.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$j, [
           vue.createElementVNode("span", _hoisted_18$h, vue.toDisplayString(getLabel("totalVat", "Total VAT:")), 1),
-          vue.createElementVNode("span", _hoisted_19$g, vue.toDisplayString(formatItemPrice(totalVat.value)), 1)
+          vue.createElementVNode("span", _hoisted_19$h, vue.toDisplayString(formatItemPrice(totalVat.value)), 1)
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_20$e, [
           vue.createElementVNode("span", _hoisted_21$d, vue.toDisplayString(getLabel("total", "Total:")), 1),
@@ -8144,7 +8157,7 @@ const _hoisted_17$i = {
   class: "propeller-cluster-card__price font-bold text-foreground text-sm whitespace-nowrap"
 };
 const _hoisted_18$g = { class: "propeller-cluster-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto" };
-const _hoisted_19$f = ["href"];
+const _hoisted_19$g = ["href"];
 const _hoisted_20$d = { class: "propeller-cluster-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
 const _hoisted_21$c = { class: "propeller-cluster-card__sku font-mono text-xs text-foreground-subtle" };
 const _hoisted_22$c = ["href"];
@@ -8533,7 +8546,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                   class: "propeller-cluster-card__cta-link flex w-full items-center justify-center rounded-[var(--radius-control)] bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/80 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
                   href: getClusterUrl(),
                   onClick: _cache[3] || (_cache[3] = async (e) => handleClusterClick(e))
-                }, vue.toDisplayString(getLabel("viewCluster", "View cluster")), 9, _hoisted_19$f)
+                }, vue.toDisplayString(getLabel("viewCluster", "View cluster")), 9, _hoisted_19$g)
               ])
             ])
           ])
@@ -8727,7 +8740,7 @@ const _hoisted_18$f = {
   key: 5,
   class: "propeller-cluster-configurator__options flex flex-wrap gap-2"
 };
-const _hoisted_19$e = ["disabled", "onClick", "data-selected"];
+const _hoisted_19$f = ["disabled", "onClick", "data-selected"];
 const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "ClusterConfigurator",
   props: {
@@ -9121,7 +9134,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                     onClick: async (event) => handleAttributeSelect(setting.name, val),
                     "data-selected": setting.selectedValue === val ? "true" : "false",
                     class: vue.normalizeClass(`propeller-cluster-configurator__chip px-3 py-1.5 rounded-[var(--radius-container)] border text-sm font-medium transition-colors ${setting.disabled ? "opacity-50 cursor-not-allowed border-border text-foreground-subtle" : setting.selectedValue === val ? "border-secondary bg-secondary/5 text-secondary cursor-pointer" : "border-border text-muted-foreground hover:border-secondary/30 cursor-pointer"}`)
-                  }, vue.toDisplayString(val), 11, _hoisted_19$e);
+                  }, vue.toDisplayString(val), 11, _hoisted_19$f);
                 }), 128))
               ])) : vue.createCommentVNode("", true)
             ], 8, _hoisted_2$y);
@@ -9917,7 +9930,7 @@ const _hoisted_17$g = {
   "data-stock": "out"
 };
 const _hoisted_18$e = { class: "propeller-favorite-list-item__price text-base font-bold text-foreground whitespace-nowrap flex-shrink-0" };
-const _hoisted_19$d = ["href"];
+const _hoisted_19$e = ["href"];
 const _hoisted_20$c = ["title"];
 const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "FavoriteListItem",
@@ -10178,7 +10191,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
               class: "propeller-favorite-list-item__view-cluster inline-flex items-center justify-center rounded-[var(--radius-control)] bg-secondary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-secondary/90 whitespace-nowrap",
               href: getItemUrl(),
               onClick: _cache[2] || (_cache[2] = async (e) => handleItemClick(e))
-            }, vue.toDisplayString(getLabel("viewCluster", "View cluster")), 9, _hoisted_19$d)) : vue.createCommentVNode("", true),
+            }, vue.toDisplayString(getLabel("viewCluster", "View cluster")), 9, _hoisted_19$e)) : vue.createCommentVNode("", true),
             __props.showDelete !== false ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 2,
               type: "button",
@@ -10404,7 +10417,7 @@ const _hoisted_15$f = {
 const _hoisted_16$f = { class: "propeller-favorite-list-details__floating-bar-inner flex items-center justify-between gap-4 px-6 py-4" };
 const _hoisted_17$f = { class: "propeller-favorite-list-details__floating-bar-status flex items-center gap-2" };
 const _hoisted_18$d = ["checked"];
-const _hoisted_19$c = {
+const _hoisted_19$d = {
   for: "favorite-list-select-all-floating",
   class: "text-sm font-medium cursor-pointer select-none"
 };
@@ -10945,7 +10958,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                 checked: isAllPageSelected(),
                 onChange: _cache[2] || (_cache[2] = ($event) => togglePageSelectAll())
               }, null, 40, _hoisted_18$d),
-              vue.createElementVNode("label", _hoisted_19$c, vue.toDisplayString(getLabel("selectAll", "Select all")), 1),
+              vue.createElementVNode("label", _hoisted_19$d, vue.toDisplayString(getLabel("selectAll", "Select all")), 1),
               vue.createElementVNode("span", _hoisted_20$b, vue.toDisplayString(selectedIds.value.size) + " " + vue.toDisplayString(getLabel("ofWord", "of")) + " " + vue.toDisplayString(allItems.value.length) + " " + vue.toDisplayString(getLabel("itemsSelected", "items selected")), 1)
             ]),
             vue.createElementVNode("div", _hoisted_21$b, [
@@ -11160,7 +11173,7 @@ const _hoisted_16$e = {
 };
 const _hoisted_17$e = { class: "flex items-center gap-2" };
 const _hoisted_18$c = { class: "propeller-favorite-lists__name text-xl font-semibold" };
-const _hoisted_19$b = {
+const _hoisted_19$c = {
   key: 0,
   class: "propeller-favorite-lists__default-badge inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-primary/10 text-primary"
 };
@@ -11436,7 +11449,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                     vue.unref(editingListId) !== String(list.id) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$e, [
                       vue.createElementVNode("div", _hoisted_17$e, [
                         vue.createElementVNode("span", _hoisted_18$c, vue.toDisplayString(list.name), 1),
-                        __props.showDefaultIndicator !== false && list.isDefault ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19$b, vue.toDisplayString(getLabel("defaultBadge", "Default")), 1)) : vue.createCommentVNode("", true)
+                        __props.showDefaultIndicator !== false && list.isDefault ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19$c, vue.toDisplayString(getLabel("defaultBadge", "Default")), 1)) : vue.createCommentVNode("", true)
                       ]),
                       vue.createElementVNode("div", _hoisted_20$a, [
                         __props.showLastModified !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21$a, [
@@ -11873,7 +11886,7 @@ const _hoisted_16$d = {
 };
 const _hoisted_17$d = ["checked", "onChange"];
 const _hoisted_18$b = { class: "propeller-grid-filters__option-label flex-1 text-sm text-muted-foreground leading-none select-none group-hover:text-foreground" };
-const _hoisted_19$a = { class: "propeller-grid-filters__option-count ml-1 text-xs text-foreground-subtle" };
+const _hoisted_19$b = { class: "propeller-grid-filters__option-count ml-1 text-xs text-foreground-subtle" };
 const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "GridFilters",
   props: {
@@ -12201,7 +12214,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                   }, null, 40, _hoisted_17$d),
                   vue.createElementVNode("span", _hoisted_18$b, [
                     vue.createTextVNode(vue.toDisplayString(option.value), 1),
-                    vue.createElementVNode("span", _hoisted_19$a, " (" + vue.toDisplayString(getCount(option)) + ") ", 1)
+                    vue.createElementVNode("span", _hoisted_19$b, " (" + vue.toDisplayString(getCount(option)) + ") ", 1)
                   ])
                 ]);
               }), 128))
@@ -12395,6 +12408,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "GridToolbar",
   props: {
     sortOptions: {},
+    hidePriceSort: { type: Boolean },
     defaultSort: {},
     viewMode: {},
     offset: {},
@@ -12488,7 +12502,8 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     }
     function getSortOptions() {
       const opts = props.sortOptions || [];
-      return opts.length > 0 ? opts : ALL_SORT_FIELDS;
+      const base = opts.length > 0 ? opts : ALL_SORT_FIELDS;
+      return props.hidePriceSort ? base.filter((f) => f !== propellerSdkV2.ProductSortField.PRICE) : base;
     }
     function getOffsetOptions() {
       const opts = props.offset || [];
@@ -12719,7 +12734,7 @@ const _hoisted_16$b = {
 };
 const _hoisted_17$b = { class: "propeller-items-overview__item-qty flex items-center text-xs text-foreground-subtle mt-1" };
 const _hoisted_18$a = { class: "flex justify-between items-start gap-2" };
-const _hoisted_19$9 = ["onClick"];
+const _hoisted_19$a = ["onClick"];
 const _hoisted_20$9 = {
   key: 1,
   class: "propeller-items-overview__item-title font-medium text-sm leading-tight line-clamp-2"
@@ -12953,7 +12968,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                         key: 0,
                         class: "propeller-items-overview__item-title font-medium text-sm leading-tight cursor-pointer hover:text-secondary transition-colors line-clamp-2",
                         onClick: async (event) => handleItemNameClick(item)
-                      }, vue.toDisplayString(getItemName(item)), 9, _hoisted_19$9)) : vue.createCommentVNode("", true),
+                      }, vue.toDisplayString(getItemName(item)), 9, _hoisted_19$a)) : vue.createCommentVNode("", true),
                       !itemNameClickable.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_20$9, vue.toDisplayString(getItemName(item)), 1)) : vue.createCommentVNode("", true),
                       showPrice.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_21$9, vue.toDisplayString(formatItemPrice(getItemTotalPrice(item))), 1)) : vue.createCommentVNode("", true)
                     ]),
@@ -13049,7 +13064,7 @@ const _hoisted_16$a = {
 };
 const _hoisted_17$a = ["href", "onClick"];
 const _hoisted_18$9 = { class: "propeller-menu__label" };
-const _hoisted_19$8 = { class: "propeller-menu__tabs flex items-center border-b border-border" };
+const _hoisted_19$9 = { class: "propeller-menu__tabs flex items-center border-b border-border" };
 const _hoisted_20$8 = ["data-active", "onMouseenter", "onClick"];
 const _hoisted_21$8 = { class: "propeller-menu__label" };
 const _hoisted_22$8 = ["onMouseenter"];
@@ -13099,6 +13114,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     menuClass: {},
     menuStyle: {},
     menuLinkFormat: {},
+    getUrl: { type: Function },
     onMenuItemClick: { type: Function },
     labels: {},
     user: {},
@@ -13147,10 +13163,12 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     }
     function getCategoryUrl(cat) {
       const lang = infra.language || "NL";
-      return infra.configuration?.urls?.getCategoryUrl(
-        { categoryId: cat.categoryId, slug: [{ value: cat.slug, language: lang }] },
-        lang
-      ) ?? "#";
+      const category = {
+        categoryId: cat.categoryId,
+        slug: [{ value: cat.slug, language: lang }]
+      };
+      if (props.getUrl) return props.getUrl(category);
+      return infra.configuration?.urls?.getCategoryUrl(category, lang) ?? "#";
     }
     function getSubCategories(cat) {
       return (cat.children || []).filter((sub) => sub.name && sub.slug);
@@ -13285,7 +13303,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           key: 4,
           class: vue.normalizeClass(`propeller-menu__nav propeller-menu-jumbotron hidden md:block ${__props.menuClass || ""}`)
         }, [
-          vue.createElementVNode("div", _hoisted_19$8, [
+          vue.createElementVNode("div", _hoisted_19$9, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuCategories.value, (l1, idx) => {
               return vue.openBlock(), vue.createElementBlock("button", {
                 key: `l1-${l1.categoryId}-${idx}`,
@@ -13720,7 +13738,7 @@ const _hoisted_17$9 = {
   class: "flex space-x-2 w-full"
 };
 const _hoisted_18$8 = ["value"];
-const _hoisted_19$7 = { value: "" };
+const _hoisted_19$8 = { value: "" };
 const _hoisted_20$7 = ["value"];
 const _hoisted_21$7 = ["value"];
 const _hoisted_22$7 = { value: "" };
@@ -14070,7 +14088,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                       };
                     })
                   }, [
-                    vue.createElementVNode("option", _hoisted_19$7, vue.toDisplayString(getLabel("sortFieldOption", "Sort Field")), 1),
+                    vue.createElementVNode("option", _hoisted_19$8, vue.toDisplayString(getLabel("sortFieldOption", "Sort Field")), 1),
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.values(
                       vue.unref(propellerSdkV2.OrderSortField)
                     ), (sortField, index22) => {
@@ -14286,7 +14304,7 @@ const _hoisted_15$8 = { class: "px-4 py-3 text-muted-foreground" };
 const _hoisted_16$8 = { class: "px-4 py-3 text-muted-foreground" };
 const _hoisted_17$8 = { class: "px-4 py-3 text-muted-foreground" };
 const _hoisted_18$7 = { class: "px-4 py-3 text-right" };
-const _hoisted_19$6 = ["onClick"];
+const _hoisted_19$7 = ["onClick"];
 const _hoisted_20$6 = { class: "flex items-center justify-between px-6 py-4 border-b" };
 const _hoisted_21$6 = { class: "text-lg font-semibold" };
 const _hoisted_22$6 = {
@@ -14415,7 +14433,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                         type: "button",
                         class: "text-primary hover:text-primary/80 text-sm font-medium hover:underline",
                         onClick: async (event) => openModal(shipment)
-                      }, vue.toDisplayString(getLabel("details", "Details")), 9, _hoisted_19$6)
+                      }, vue.toDisplayString(getLabel("details", "Details")), 9, _hoisted_19$7)
                     ])
                   ]);
                 }), 128))
@@ -14677,7 +14695,7 @@ const _hoisted_17$7 = {
   class: "propeller-product-bundles__condition text-xs text-muted-foreground mb-3"
 };
 const _hoisted_18$6 = { class: "propeller-product-bundles__pricing mb-3" };
-const _hoisted_19$5 = {
+const _hoisted_19$6 = {
   key: 0,
   class: "propeller-product-bundles__original-price text-foreground-subtle line-through text-sm"
 };
@@ -15000,7 +15018,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 ])) : vue.createCommentVNode("", true),
                 !getHidePrices() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
                   vue.createElementVNode("div", _hoisted_18$6, [
-                    hasDiscount(bundle) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19$5, vue.toDisplayString(formatPrice(getOriginalPrice(bundle))), 1)) : vue.createCommentVNode("", true),
+                    hasDiscount(bundle) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19$6, vue.toDisplayString(formatPrice(getOriginalPrice(bundle))), 1)) : vue.createCommentVNode("", true),
                     vue.createElementVNode("div", _hoisted_20$5, [
                       vue.createElementVNode("span", _hoisted_21$5, vue.toDisplayString(formatPrice(getBundlePrice(bundle))), 1),
                       vue.createElementVNode("span", _hoisted_22$5, [
@@ -15184,7 +15202,7 @@ const _hoisted_15$6 = { class: "propeller-product-card__price" };
 const _hoisted_16$6 = { class: "propeller-product-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto" };
 const _hoisted_17$6 = { class: "propeller-product-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
 const _hoisted_18$5 = { class: "propeller-product-card__sku font-mono text-xs text-foreground-subtle" };
-const _hoisted_19$4 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
+const _hoisted_19$5 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
 const _hoisted_20$4 = {
   key: 3,
   class: "hidden md:block"
@@ -15642,7 +15660,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               product: __props.product,
               values: computedTextLabels()
             }, () => [
-              vue.createElementVNode("div", _hoisted_19$4, [
+              vue.createElementVNode("div", _hoisted_19$5, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedTextLabels(), (item, index2) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: index2,
@@ -16114,6 +16132,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     categoryId: {},
     term: {},
     brand: {},
+    orderlistIds: {},
+    applyOrderlists: { type: Boolean },
     columns: {},
     isLoading: { type: Boolean, default: false },
     portalMode: {},
@@ -16219,6 +16239,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     const categoryIdRef = vue.computed(() => props.categoryId);
     const termRef = vue.computed(() => props.term);
     const brandRef = vue.computed(() => props.brand);
+    const orderlistIdsRef = vue.computed(() => props.orderlistIds);
+    const applyOrderlistsRef = vue.computed(() => props.applyOrderlists);
     const langRef = vue.computed(() => infra.language || "NL");
     const userRef = vue.computed(() => infra.user ?? null);
     const companyRef = vue.computed(() => infra.companyId);
@@ -16246,6 +16268,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       categoryId: categoryIdRef,
       term: termRef,
       brand: brandRef,
+      orderlistIds: orderlistIdsRef,
+      applyOrderlists: applyOrderlistsRef,
       language: langRef,
       taxZone: props.taxZone,
       user: userRef,
@@ -16456,6 +16480,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   props: {
     user: {},
     companyId: {},
+    orderlistIds: {},
+    applyOrderlists: { type: Boolean },
     product: {},
     productId: {},
     graphqlClient: {},
@@ -16496,6 +16522,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const userRef = vue.computed(() => props.user ?? null);
     const companyRef = vue.computed(() => props.companyId);
+    const orderlistIdsRef = vue.computed(() => props.orderlistIds);
+    const applyOrderlistsRef = vue.computed(() => props.applyOrderlists);
     const langRef = vue.computed(() => props.language || "NL");
     const { product, cluster, loading, error, fetchProduct, fetchCluster } = useProductInfo({
       graphqlClient: props.graphqlClient,
@@ -16503,6 +16531,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       taxZone: props.taxZone,
       user: userRef,
       companyId: companyRef,
+      orderlistIds: orderlistIdsRef,
+      applyOrderlists: applyOrderlistsRef,
       configuration: props.configuration
     });
     vue.onMounted(() => {
@@ -17160,37 +17190,41 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$7 = ["data-layout", "data-grouped"];
 const _hoisted_2$7 = {
+  key: 0,
+  class: "propeller-product-specifications__package-description mb-4 text-sm text-muted-foreground"
+};
+const _hoisted_3$7 = {
   key: 0,
   class: "overflow-hidden rounded-[var(--radius-container)] border border-border"
 };
-const _hoisted_3$7 = { class: "w-full text-sm" };
-const _hoisted_4$7 = { class: "divide-y divide-border" };
-const _hoisted_5$7 = { class: "px-4 py-2 font-medium text-foreground w-1/2" };
-const _hoisted_6$7 = { class: "px-4 py-2 text-muted-foreground" };
-const _hoisted_7$7 = {
+const _hoisted_4$7 = { class: "w-full text-sm" };
+const _hoisted_5$7 = { class: "divide-y divide-border" };
+const _hoisted_6$7 = { class: "px-4 py-2 font-medium text-foreground w-1/2" };
+const _hoisted_7$7 = { class: "px-4 py-2 text-muted-foreground" };
+const _hoisted_8$6 = {
   key: 1,
   class: "space-y-3"
 };
-const _hoisted_8$6 = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wide" };
-const _hoisted_9$6 = { class: "text-sm text-foreground" };
-const _hoisted_10$6 = {
+const _hoisted_9$6 = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wide" };
+const _hoisted_10$6 = { class: "text-sm text-foreground" };
+const _hoisted_11$6 = {
   key: 0,
   class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide mb-2"
 };
-const _hoisted_11$6 = {
+const _hoisted_12$6 = {
   key: 1,
   class: "overflow-hidden rounded-[var(--radius-container)] border border-border"
 };
-const _hoisted_12$6 = { class: "w-full text-sm" };
-const _hoisted_13$6 = { class: "divide-y divide-border" };
-const _hoisted_14$6 = { class: "px-4 py-2 font-medium text-foreground w-1/2" };
-const _hoisted_15$5 = { class: "px-4 py-2 text-muted-foreground" };
-const _hoisted_16$5 = {
+const _hoisted_13$6 = { class: "w-full text-sm" };
+const _hoisted_14$6 = { class: "divide-y divide-border" };
+const _hoisted_15$5 = { class: "px-4 py-2 font-medium text-foreground w-1/2" };
+const _hoisted_16$5 = { class: "px-4 py-2 text-muted-foreground" };
+const _hoisted_17$5 = {
   key: 2,
   class: "space-y-3"
 };
-const _hoisted_17$5 = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wide" };
-const _hoisted_18$4 = { class: "text-sm text-foreground" };
+const _hoisted_18$4 = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wide" };
+const _hoisted_19$4 = { class: "text-sm text-foreground" };
 const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "ProductSpecifications",
   props: {
@@ -17200,6 +17234,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     language: {},
     layout: {},
     grouping: { type: Boolean },
+    packageDescription: {},
     className: {}
   },
   setup(__props) {
@@ -17285,69 +17320,70 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       return getAttributes().length > 0;
     }
     return (_ctx, _cache) => {
-      return !vue.unref(loading) && hasPublicAttributes() ? (vue.openBlock(), vue.createElementBlock("div", {
+      return !vue.unref(loading) && (hasPublicAttributes() || __props.packageDescription) ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: vue.normalizeClass(`propeller-product-specifications ${__props.className || ""}`),
         "data-layout": __props.layout === "list" ? "list" : "table",
         "data-grouped": __props.grouping ? "true" : "false"
       }, [
-        !__props.grouping ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          __props.layout !== "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
-            vue.createElementVNode("table", _hoisted_3$7, [
-              vue.createElementVNode("tbody", _hoisted_4$7, [
+        __props.packageDescription ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$7, vue.toDisplayString(__props.packageDescription), 1)) : vue.createCommentVNode("", true),
+        !__props.grouping ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          __props.layout !== "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
+            vue.createElementVNode("table", _hoisted_4$7, [
+              vue.createElementVNode("tbody", _hoisted_5$7, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributes(), (attr, i) => {
                   return vue.openBlock(), vue.createElementBlock("tr", {
                     key: i,
                     class: "propeller-product-specifications__row odd:bg-card even:bg-surface-hover/20"
                   }, [
-                    vue.createElementVNode("td", _hoisted_5$7, vue.toDisplayString(getAttributeLabel(attr)), 1),
-                    vue.createElementVNode("td", _hoisted_6$7, vue.toDisplayString(getAttributeValue(attr)), 1)
+                    vue.createElementVNode("td", _hoisted_6$7, vue.toDisplayString(getAttributeLabel(attr)), 1),
+                    vue.createElementVNode("td", _hoisted_7$7, vue.toDisplayString(getAttributeValue(attr)), 1)
                   ]);
                 }), 128))
               ])
             ])
           ])) : vue.createCommentVNode("", true),
-          __props.layout === "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$7, [
+          __props.layout === "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$6, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributes(), (attr, i) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: i,
                 class: "flex flex-col gap-0.5"
               }, [
-                vue.createElementVNode("span", _hoisted_8$6, vue.toDisplayString(getAttributeLabel(attr)), 1),
-                vue.createElementVNode("span", _hoisted_9$6, vue.toDisplayString(getAttributeValue(attr)), 1)
+                vue.createElementVNode("span", _hoisted_9$6, vue.toDisplayString(getAttributeLabel(attr)), 1),
+                vue.createElementVNode("span", _hoisted_10$6, vue.toDisplayString(getAttributeValue(attr)), 1)
               ]);
             }), 128))
           ])) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
-        !!__props.grouping ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(getGroups(), (group, index2) => {
+        !!__props.grouping ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(getGroups(), (group, index2) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: group,
             class: "mb-6"
           }, [
-            !!group ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_10$6, vue.toDisplayString(group), 1)) : vue.createCommentVNode("", true),
-            __props.layout !== "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$6, [
-              vue.createElementVNode("table", _hoisted_12$6, [
-                vue.createElementVNode("tbody", _hoisted_13$6, [
+            !!group ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_11$6, vue.toDisplayString(group), 1)) : vue.createCommentVNode("", true),
+            __props.layout !== "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$6, [
+              vue.createElementVNode("table", _hoisted_13$6, [
+                vue.createElementVNode("tbody", _hoisted_14$6, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributesByGroup(group), (attr, i) => {
                     return vue.openBlock(), vue.createElementBlock("tr", {
                       key: i,
                       class: "propeller-product-specifications__row odd:bg-card even:bg-surface-hover/20"
                     }, [
-                      vue.createElementVNode("td", _hoisted_14$6, vue.toDisplayString(getAttributeLabel(attr)), 1),
-                      vue.createElementVNode("td", _hoisted_15$5, vue.toDisplayString(getAttributeValue(attr)), 1)
+                      vue.createElementVNode("td", _hoisted_15$5, vue.toDisplayString(getAttributeLabel(attr)), 1),
+                      vue.createElementVNode("td", _hoisted_16$5, vue.toDisplayString(getAttributeValue(attr)), 1)
                     ]);
                   }), 128))
                 ])
               ])
             ])) : vue.createCommentVNode("", true),
-            __props.layout === "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$5, [
+            __props.layout === "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$5, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributesByGroup(group), (attr, i) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: i,
                   class: "flex flex-col gap-0.5"
                 }, [
-                  vue.createElementVNode("span", _hoisted_17$5, vue.toDisplayString(getAttributeLabel(attr)), 1),
-                  vue.createElementVNode("span", _hoisted_18$4, vue.toDisplayString(getAttributeValue(attr)), 1)
+                  vue.createElementVNode("span", _hoisted_18$4, vue.toDisplayString(getAttributeLabel(attr)), 1),
+                  vue.createElementVNode("span", _hoisted_19$4, vue.toDisplayString(getAttributeValue(attr)), 1)
                 ]);
               }), 128))
             ])) : vue.createCommentVNode("", true)
@@ -17402,6 +17438,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     productId: {},
     specificationsLayout: {},
     specificationsGrouping: { type: Boolean },
+    specificationsPackageDescription: {},
     downloadsLabels: {},
     videosLabels: {},
     className: {},
@@ -17537,8 +17574,9 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                 attributes: getSpecsAttributes(),
                 language: __props.language,
                 layout: __props.specificationsLayout,
-                grouping: __props.specificationsGrouping
-              }, null, 8, ["attributes", "language", "layout", "grouping"]))
+                grouping: __props.specificationsGrouping,
+                "package-description": __props.specificationsPackageDescription
+              }, null, 8, ["attributes", "language", "layout", "grouping", "package-description"]))
             ], 2)) : vue.createCommentVNode("", true),
             isActive("downloads") && isTabVisible("downloads") ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(ProductDownloadsImpl.value), {
               key: 2,
@@ -17622,8 +17660,9 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                 attributes: getSpecsAttributes(),
                 language: __props.language,
                 layout: __props.specificationsLayout,
-                grouping: __props.specificationsGrouping
-              }, null, 8, ["attributes", "language", "layout", "grouping"]))
+                grouping: __props.specificationsGrouping,
+                "package-description": __props.specificationsPackageDescription
+              }, null, 8, ["attributes", "language", "layout", "grouping", "package-description"]))
             ])) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
           isTabVisible("downloads") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$5, [
@@ -19742,6 +19781,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     containerClassName: {},
     taxZone: {},
     companyId: {},
+    orderlistIds: {},
+    applyOrderlists: { type: Boolean },
     configuration: {},
     clearSignal: {}
   },
@@ -19749,11 +19790,15 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const infra = ProductVideos_vue_vue_type_script_setup_true_lang.useInfraProps(props);
     const companyRef = vue.computed(() => infra.companyId);
+    const orderlistIdsRef = vue.computed(() => props.orderlistIds);
+    const applyOrderlistsRef = vue.computed(() => props.applyOrderlists);
     const { search, searchResults, searchItemsFound, searchLoading } = useProductSearch({
       graphqlClient: infra.graphqlClient,
       language: vue.computed(() => infra.language || "NL"),
       configuration: infra.configuration || {},
-      companyId: companyRef
+      companyId: companyRef,
+      orderlistIds: orderlistIdsRef,
+      applyOrderlists: applyOrderlistsRef
     });
     const searchTerm = vue.ref("");
     const results = vue.ref([]);