@propeller-commerce/propeller-v2-vue-ui 0.3.35 → 0.3.37

package/dist/index.js

@@ -1549,7 +1549,7 @@ function useOrders(options) {
   const orders = ref([]);
   const loading = ref(false);
   const error = ref(null);
-  const searchForm = ref({});
+  const searchForm = ref(options.initialSearchForm ?? {});
   const currentOrder = ref(null);
   const orderLoading = ref(false);
   const termFields = options.termFields ?? [
@@ -2192,6 +2192,11 @@ function useProductSearch(options) {
       try {
         const service = createServices(graphqlClient).product;
         const lang = languageRef.value || "NL";
+        const searchOrderlistIds = options.orderlistIds?.value;
+        const orderlistScope = searchOrderlistIds && searchOrderlistIds.length > 0 ? {
+          applyOrderlists: options.applyOrderlists?.value !== false,
+          orderlistIds: searchOrderlistIds
+        } : { applyOrderlists: false };
         const input = {
           term,
           language: lang,
@@ -2203,6 +2208,7 @@ function useProductSearch(options) {
             ProductStatus.T,
             ProductStatus.S
           ],
+          ...orderlistScope,
           sortInputs: [{ field: ProductSortField.RELEVANCE, order: SortOrder.DESC }],
           searchFields: [
             {
@@ -3406,7 +3412,7 @@ const _hoisted_4$J = { class: "propeller-account-menu__user-label text-xs text-m
 const _hoisted_5$I = { class: "propeller-account-menu__user-name font-medium text-foreground truncate" };
 const _hoisted_6$H = { class: "propeller-account-menu__nav py-2" };
 const _hoisted_7$H = { class: "propeller-account-menu__list space-y-0.5" };
-const _hoisted_8$D = ["onClick", "data-active"];
+const _hoisted_8$D = ["href", "onClick", "data-active"];
 const _hoisted_9$B = { class: "propeller-account-menu__logout-wrapper px-4 py-3 border-t border-border" };
 const _hoisted_10$z = ["aria-label", "data-open"];
 const _hoisted_11$v = {
@@ -3429,7 +3435,7 @@ const _hoisted_15$s = { class: "propeller-account-menu__user-label text-xs text-
 const _hoisted_16$r = { 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$o = ["onClick"];
+const _hoisted_19$o = ["href", "onClick"];
 const _hoisted_20$m = { class: "propeller-account-menu__logout-wrapper mt-3 pt-3 border-t border-border" };
 const _hoisted_21$k = {
   key: 1,
@@ -3564,6 +3570,13 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       menuOpen.value = false;
       if (props.onMenuItemClick) props.onMenuItemClick(href);
     }
+    function handleMenuLinkClick(event, href) {
+      if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
+        return;
+      }
+      event.preventDefault();
+      handleMenuItemClick(href);
+    }
     function handleLogoutClick() {
       menuOpen.value = false;
       if (props.onLogoutClick) props.onLogoutClick();
@@ -3605,9 +3618,9 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
                     key: link.href,
                     class: "propeller-account-menu__item"
                   }, [
-                    createElementVNode("button", {
-                      type: "button",
-                      onClick: async (event) => handleMenuItemClick(link.href),
+                    createElementVNode("a", {
+                      href: link.href,
+                      onClick: (event) => handleMenuLinkClick(event, link.href),
                       "data-active": isActiveLink(link.href) ? "true" : "false",
                       class: normalizeClass(`propeller-account-menu__link flex w-full items-center gap-3 px-4 py-2.5 text-sm font-medium transition-colors ${isActiveLink(link.href) ? "bg-secondary/5 text-secondary border-l-2 border-secondary" : "text-muted-foreground hover:bg-surface-hover hover:text-foreground"}`)
                     }, toDisplayString(link.label), 11, _hoisted_8$D)
@@ -3661,10 +3674,10 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
                         key: link.href,
                         class: "propeller-account-menu__item"
                       }, [
-                        createElementVNode("button", {
-                          type: "button",
+                        createElementVNode("a", {
+                          href: link.href,
                           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)
+                          onClick: (event) => handleMenuLinkClick(event, link.href)
                         }, toDisplayString(link.label), 9, _hoisted_19$o)
                       ]);
                     }), 128))
@@ -13844,6 +13857,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     columnConfig: {},
     enableSearch: { type: Boolean },
     searchFields: {},
+    initialSearchForm: {},
+    onSearchApply: { type: Function },
     termFields: {},
     companyId: {},
     orderStatus: {},
@@ -13888,7 +13903,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       configuration: infra.configuration,
       channelIds: props.channelIds,
       onCartCreated: props.onCartCreated,
-      afterReorder: props.afterReorder
+      afterReorder: props.afterReorder,
+      initialSearchForm: props.initialSearchForm
     });
     const columns = ref(
       props.columns || ["id", "date", "status", "total"]
@@ -14198,11 +14214,15 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               class: "propeller-order-list__clear-btn inline-flex items-center px-4 py-2 border border-input text-sm font-medium rounded-[var(--radius-control)] shadow-sm text-muted-foreground bg-card hover:bg-surface-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary",
               onClick: _cache[11] || (_cache[11] = async (event) => {
                 unref(resetSearch)();
+                props.onSearchApply?.({});
               })
             }, toDisplayString(getLabel$1("clearButton", "Clear")), 1),
             createElementVNode("button", {
               class: "propeller-order-list__search-btn inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-[var(--radius-control)] shadow-sm text-primary-foreground bg-primary hover:bg-primary/80 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary",
-              onClick: _cache[12] || (_cache[12] = async (event) => unref(fetchOrders)(1))
+              onClick: _cache[12] || (_cache[12] = async (event) => {
+                unref(fetchOrders)(1);
+                props.onSearchApply?.(unref(searchForm));
+              })
             }, toDisplayString(getLabel$1("searchButton", "Search")), 1)
           ])
         ])) : createCommentVNode("", true),
@@ -14225,7 +14245,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(orders), (order, index) => {
                     return openBlock(), createElementBlock("tr", {
                       key: order.id,
-                      class: "propeller-order-list__row hover:bg-surface-hover",
+                      class: normalizeClass(`propeller-order-list__row hover:bg-surface-hover ${rowsClickable.value ? "cursor-pointer" : ""}`),
                       "data-clickable": rowsClickable.value ? "true" : "false",
                       onClick: async (event) => rowsClickable.value && __props.onOrderClick(order.id)
                     }, [
@@ -14272,7 +14292,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                           ], 64)) : createCommentVNode("", true)
                         ], 10, _hoisted_36$6);
                       }), 128))
-                    ], 8, _hoisted_35$6);
+                    ], 10, _hoisted_35$6);
                   }), 128))
                 ])
               ])
@@ -19911,24 +19931,24 @@ const _hoisted_5$1 = {
   class: "propeller-search-bar__dropdown absolute top-full left-0 right-0 mt-2 bg-card rounded-[var(--radius-container)] shadow-xl border z-50 flex flex-col max-h-96"
 };
 const _hoisted_6$1 = { class: "propeller-search-bar__results flex-1 overflow-y-auto" };
-const _hoisted_7$1 = ["onClick"];
-const _hoisted_8$1 = {
+const _hoisted_7$1 = {
   key: 0,
   class: "propeller-search-bar__result-media relative w-16 h-16 flex-shrink-0"
 };
-const _hoisted_9$1 = ["src", "alt"];
-const _hoisted_10$1 = { class: "flex-1 min-w-0" };
-const _hoisted_11$1 = { class: "propeller-search-bar__result-name font-semibold truncate" };
-const _hoisted_12$1 = {
+const _hoisted_8$1 = ["src", "alt"];
+const _hoisted_9$1 = { class: "flex-1 min-w-0" };
+const _hoisted_10$1 = { class: "propeller-search-bar__result-name font-semibold truncate" };
+const _hoisted_11$1 = {
   key: 0,
   class: "propeller-search-bar__result-sku text-sm text-muted-foreground"
 };
-const _hoisted_13$1 = {
-  key: 1,
+const _hoisted_12$1 = {
+  key: 2,
   class: "propeller-search-bar__result-price text-sm font-semibold text-foreground flex-shrink-0 text-right"
 };
-const _hoisted_14$1 = { class: "propeller-search-bar__result-price-value" };
-const _hoisted_15$1 = { class: "propeller-search-bar__result-price-label block text-xs font-normal text-muted-foreground" };
+const _hoisted_13$1 = { class: "propeller-search-bar__result-price-value" };
+const _hoisted_14$1 = { class: "propeller-search-bar__result-price-label block text-xs font-normal text-muted-foreground" };
+const _hoisted_15$1 = ["href"];
 const _hoisted_16$1 = {
   key: 1,
   class: "propeller-search-bar__empty p-4 text-center text-muted-foreground"
@@ -19948,6 +19968,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     onSubmit: { type: Function },
     onResultClick: { type: Function },
     onViewAllClick: { type: Function },
+    getResultHref: { type: Function },
+    getViewAllHref: { type: Function },
+    showPrice: { type: Boolean },
     formatPrice: { type: Function },
     labels: {},
     includeTax: { type: Boolean },
@@ -20101,6 +20124,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       showDropdown.value = false;
     }
+    function isModifiedClick(event) {
+      return event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
+    }
+    function handleResultAnchorClick(event, result) {
+      if (props.getResultHref) {
+        if (isModifiedClick(event)) return;
+        event.preventDefault();
+      }
+      handleResultClick(result);
+    }
+    function handleViewAllAnchorClick(event) {
+      if (isModifiedClick(event)) return;
+      event.preventDefault();
+      handleViewAllClick();
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         "data-search-bar": true,
@@ -20112,7 +20150,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           onSubmit: _cache[1] || (_cache[1] = async (e) => handleSubmit(e))
         }, [
           createElementVNode("div", _hoisted_2$1, [
-            _cache[4] || (_cache[4] = createElementVNode("button", {
+            _cache[3] || (_cache[3] = createElementVNode("button", {
               type: "submit",
               class: "propeller-search-bar__submit absolute left-3 top-1/2 transform -translate-y-1/2 p-0 bg-transparent border-none cursor-pointer"
             }, [
@@ -20138,7 +20176,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               value: searchTerm.value,
               onInput: _cache[0] || (_cache[0] = async (e) => handleInputChange(e.target.value))
             }, null, 40, _hoisted_3$1),
-            unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_4$1, [..._cache[3] || (_cache[3] = [
+            unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_4$1, [..._cache[2] || (_cache[2] = [
               createElementVNode("div", { class: "propeller-search-bar__spinner animate-spin rounded-full h-5 w-5 border-b-2 border-primary" }, null, -1)
             ])])) : createCommentVNode("", true)
           ])
@@ -20147,34 +20185,49 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           results.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createElementVNode("div", _hoisted_6$1, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(results.value, (result, index) => {
-                return openBlock(), createElementBlock("div", {
+                return openBlock(), createBlock(resolveDynamicComponent(props.getResultHref ? "a" : "div"), {
                   key: result.id + "-" + index,
+                  href: props.getResultHref ? props.getResultHref(result) : void 0,
                   class: "propeller-search-bar__result flex items-center gap-4 p-3 hover:bg-surface-hover cursor-pointer border-b border-border last:border-b-0",
-                  onClick: async (event) => handleResultClick(result)
-                }, [
-                  result.imageUrl || noImageUrl.value ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
-                    createElementVNode("img", {
-                      class: "propeller-search-bar__result-image w-full h-full object-contain",
-                      src: result.imageUrl || noImageUrl.value,
-                      alt: result.name
-                    }, null, 8, _hoisted_9$1)
-                  ])) : createCommentVNode("", true),
-                  createElementVNode("div", _hoisted_10$1, [
-                    createElementVNode("div", _hoisted_11$1, toDisplayString(result.name), 1),
-                    result.sku ? (openBlock(), createElementBlock("div", _hoisted_12$1, "SKU: " + toDisplayString(result.sku), 1)) : createCommentVNode("", true)
+                  onClick: (event) => handleResultAnchorClick(event, result)
+                }, {
+                  default: withCtx(() => [
+                    result.imageUrl || noImageUrl.value ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+                      createElementVNode("img", {
+                        class: "propeller-search-bar__result-image w-full h-full object-contain",
+                        src: result.imageUrl || noImageUrl.value,
+                        alt: result.name
+                      }, null, 8, _hoisted_8$1)
+                    ])) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_9$1, [
+                      createElementVNode("div", _hoisted_10$1, toDisplayString(result.name), 1),
+                      result.sku ? (openBlock(), createElementBlock("div", _hoisted_11$1, "SKU: " + toDisplayString(result.sku), 1)) : createCommentVNode("", true)
+                    ]),
+                    _ctx.$slots.price ? renderSlot(_ctx.$slots, "price", {
+                      key: 1,
+                      result
+                    }) : __props.showPrice !== false && result.price !== void 0 && result.price !== null ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
+                      createElementVNode("span", _hoisted_13$1, toDisplayString(formatItemPrice(leadingPrice(result))), 1),
+                      createElementVNode("span", _hoisted_14$1, toDisplayString(priceTaxLabel()), 1)
+                    ])) : createCommentVNode("", true)
                   ]),
-                  result.price !== void 0 && result.price !== null ? (openBlock(), createElementBlock("div", _hoisted_13$1, [
-                    createElementVNode("span", _hoisted_14$1, toDisplayString(formatItemPrice(leadingPrice(result))), 1),
-                    createElementVNode("span", _hoisted_15$1, toDisplayString(priceTaxLabel()), 1)
-                  ])) : createCommentVNode("", true)
-                ], 8, _hoisted_7$1);
+                  _: 2
+                }, 1032, ["href", "onClick"]);
               }), 128))
             ]),
-            itemsFound.value > results.value.length ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "propeller-search-bar__view-all flex-shrink-0 p-3 text-center text-primary hover:bg-primary/5 cursor-pointer font-semibold border-t border-border bg-card rounded-b-[var(--radius-container)]",
-              onClick: _cache[2] || (_cache[2] = async (event) => handleViewAllClick())
-            }, toDisplayString(getLabel$1("viewAll", "View all results")) + " (" + toDisplayString(itemsFound.value) + ") ", 1)) : createCommentVNode("", true)
+            itemsFound.value > results.value.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              props.getViewAllHref ? (openBlock(), createElementBlock("a", {
+                key: 0,
+                href: props.getViewAllHref(searchTerm.value),
+                class: "propeller-search-bar__view-all block flex-shrink-0 p-3 text-center text-primary hover:bg-primary/5 cursor-pointer font-semibold border-t border-border bg-card rounded-b-[var(--radius-container)]",
+                onClick: handleViewAllAnchorClick
+              }, toDisplayString(getLabel$1("viewAll", "View all results")) + " (" + toDisplayString(itemsFound.value) + ") ", 9, _hoisted_15$1)) : (openBlock(), createElementBlock("button", {
+                key: 1,
+                type: "button",
+                class: "propeller-search-bar__view-all block w-full flex-shrink-0 p-3 text-center text-primary hover:bg-primary/5 cursor-pointer font-semibold border-t border-border bg-card rounded-b-[var(--radius-container)]",
+                onClick: handleViewAllClick
+              }, toDisplayString(getLabel$1("viewAll", "View all results")) + " (" + toDisplayString(itemsFound.value) + ") ", 1))
+            ], 64)) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
           results.value.length === 0 && searchTerm.value.length >= minLength.value && !unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_16$1, toDisplayString(getLabel$1("noResults", "No products found for")) + ' "' + toDisplayString(searchTerm.value) + '" ', 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)