@propeller-commerce/propeller-v2-vue-ui 0.3.34 → 0.3.36

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("./index-CrrZsxTR.cjs");
-const ProductVideos_vue_vue_type_script_setup_true_lang = require("./ProductVideos.vue_vue_type_script_setup_true_lang-7UMkFuC2.cjs");
+const ProductVideos_vue_vue_type_script_setup_true_lang = require("./ProductVideos.vue_vue_type_script_setup_true_lang-D198YXi0.cjs");
 const vue = require("vue");
 const propellerSdkV2 = require("@propeller-commerce/propeller-sdk-v2");
 const ProductGridInjectionKey = /* @__PURE__ */ Symbol("propeller-product-grid");
@@ -1549,7 +1549,7 @@ function useOrders(options) {
   const orders = vue.ref([]);
   const loading = vue.ref(false);
   const error = vue.ref(null);
-  const searchForm = vue.ref({});
+  const searchForm = vue.ref(options.initialSearchForm ?? {});
   const currentOrder = vue.ref(null);
   const orderLoading = vue.ref(false);
   const termFields = options.termFields ?? [
@@ -3184,6 +3184,11 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     function getLabel(key, fallback) {
       return index.getLabel(props.labels, key, fallback);
     }
+    const noAccountParts = vue.computed(() => {
+      const tpl = getLabel("noAccount", "Don't have an account? {link}");
+      const [before, after = ""] = tpl.split("{link}");
+      return { before, after };
+    });
     async function handleSubmit(e) {
       e.preventDefault();
       if (props.beforeLogin) {
@@ -3370,7 +3375,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
             }, vue.toDisplayString(getLabel("forgotPassword", "Forgot Password?")), 1)
           ]) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_20$n, [
-            vue.createTextVNode(vue.toDisplayString(getLabel("noAccount", "Don't have an account?")), 1),
+            vue.createTextVNode(vue.toDisplayString(noAccountParts.value.before), 1),
             __props.displayRegisterLink !== false ? vue.renderSlot(_ctx.$slots, "registerLink", {
               key: 0,
               onClick: (e) => __props.onRegisterClick?.(e),
@@ -3383,7 +3388,8 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                   if (__props.onRegisterClick) __props.onRegisterClick();
                 })
               }, vue.toDisplayString(getLabel("registerLink", "Register")), 1)
-            ]) : vue.createCommentVNode("", true)
+            ]) : vue.createCommentVNode("", true),
+            vue.createTextVNode(vue.toDisplayString(noAccountParts.value.after), 1)
           ])
         ])) : vue.createCommentVNode("", true)
       ], 8, _hoisted_1$P);
@@ -3400,7 +3406,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 = {
@@ -3423,7 +3429,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,
@@ -3558,6 +3564,13 @@ const _sfc_main$T = /* @__PURE__ */ vue.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();
@@ -3599,9 +3612,9 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                     key: link.href,
                     class: "propeller-account-menu__item"
                   }, [
-                    vue.createElementVNode("button", {
-                      type: "button",
-                      onClick: async (event) => handleMenuItemClick(link.href),
+                    vue.createElementVNode("a", {
+                      href: link.href,
+                      onClick: (event) => handleMenuLinkClick(event, link.href),
                       "data-active": isActiveLink(link.href) ? "true" : "false",
                       class: vue.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"}`)
                     }, vue.toDisplayString(link.label), 11, _hoisted_8$D)
@@ -3655,10 +3668,10 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                         key: link.href,
                         class: "propeller-account-menu__item"
                       }, [
-                        vue.createElementVNode("button", {
-                          type: "button",
+                        vue.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)
                         }, vue.toDisplayString(link.label), 9, _hoisted_19$o)
                       ]);
                     }), 128))
@@ -4941,6 +4954,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     enableDelete: { type: Boolean, default: true },
     enableSetDefault: { type: Boolean, default: true },
     showDefaultBadge: { type: Boolean, default: false },
+    showTypeBadge: { type: Boolean },
     onEdit: {},
     afterEdit: {},
     onDelete: {},
@@ -5105,7 +5119,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
           "data-type": addr.value?.type || ""
         }, [
           vue.createElementVNode("div", _hoisted_3$J, [
-            __props.addressType ? vue.renderSlot(_ctx.$slots, "typeBadge", {
+            __props.addressType && __props.showTypeBadge !== false ? vue.renderSlot(_ctx.$slots, "typeBadge", {
               key: 0,
               address: addr.value,
               addressType: __props.addressType,
@@ -7418,6 +7432,11 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     function getLabel(key, fallback) {
       return index.getLabel(props.labels, key, fallback);
     }
+    const termsConsentParts = vue.computed(() => {
+      const tpl = getLabel("termsConsent", "I agree to the {link}");
+      const [before, after = ""] = tpl.split("{link}");
+      return { before, after };
+    });
     function getCountryName(code) {
       return index.getCountryName(code, props.countries);
     }
@@ -7537,12 +7556,13 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
               onChange: _cache[2] || (_cache[2] = async (event) => handleTermsChange(event.target.checked))
             }, null, 40, _hoisted_30$c),
             vue.createElementVNode("label", _hoisted_31$c, [
-              vue.createTextVNode(vue.toDisplayString(getLabel("termsPrefix", "I agree to the")), 1),
+              vue.createTextVNode(vue.toDisplayString(termsConsentParts.value.before), 1),
               vue.createElementVNode("a", {
                 href: "#",
                 class: "text-primary hover:underline font-medium",
                 onClick: _cache[3] || (_cache[3] = async (event) => handleTermsLinkClick(event))
-              }, vue.toDisplayString(getLabel("termsLink", "Terms and Conditions")), 1)
+              }, vue.toDisplayString(getLabel("termsLink", "Terms and Conditions")), 1),
+              vue.createTextVNode(vue.toDisplayString(termsConsentParts.value.after), 1)
             ])
           ])) : vue.createCommentVNode("", true),
           showPurchaseButton.value ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -11377,6 +11397,11 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     function getLabel(key, fallback) {
       return index.getLabel(props.labels, key, fallback);
     }
+    const deletePromptParts = vue.computed(() => {
+      const tpl = getLabel("deleteConfirm", 'Are you sure you want to delete "{name}"?');
+      const [before, after = ""] = tpl.split("{name}");
+      return { before, after };
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(`propeller-favorite-lists ${__props.className || ""}`),
@@ -11536,7 +11561,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                               y2: "12"
                             })
                           ], -1)),
-                          vue.createTextVNode(vue.toDisplayString(getTotalCount(list)) + " " + vue.toDisplayString(getLabel("items", "items")), 1)
+                          vue.createTextVNode(vue.toDisplayString(getTotalCount(list)) + " " + vue.toDisplayString(getTotalCount(list) === 1 ? getLabel("itemSingular", "item") : getLabel("itemPlural", "items")), 1)
                         ])) : vue.createCommentVNode("", true)
                       ])
                     ])) : vue.createCommentVNode("", true)
@@ -11690,9 +11715,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             ]),
             vue.createElementVNode("div", _hoisted_46$7, [
               vue.createElementVNode("p", _hoisted_47$7, [
-                vue.createTextVNode(vue.toDisplayString(getLabel("deleteConfirm", "Are you sure you want to delete")), 1),
-                vue.createElementVNode("strong", null, '"' + vue.toDisplayString(vue.unref(listToDelete)?.name) + '"', 1),
-                _cache[20] || (_cache[20] = vue.createTextVNode("? ", -1))
+                vue.createTextVNode(vue.toDisplayString(deletePromptParts.value.before), 1),
+                vue.createElementVNode("strong", null, vue.toDisplayString(vue.unref(listToDelete)?.name), 1),
+                vue.createTextVNode(vue.toDisplayString(deletePromptParts.value.after), 1)
               ]),
               vue.createElementVNode("p", _hoisted_48$7, vue.toDisplayString(getLabel("deleteWarning", "This action cannot be undone.")), 1)
             ]),
@@ -12478,6 +12503,8 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       [propellerSdkV2.SortOrder.DESC]: "High to Low",
       clearAll: "Clear All",
       products: " Products",
+      productSingular: "Product",
+      productPlural: "Products",
       from: "from",
       results: "results",
       perPage: " per page",
@@ -12576,7 +12603,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("div", _hoisted_2$m, [
           vue.createElementVNode("div", _hoisted_3$m, [
-            __props.itemsFound !== void 0 && __props.itemsFound > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$j, vue.toDisplayString(__props.itemsFound) + vue.toDisplayString(getLabel("products")), 1)) : vue.createCommentVNode("", true)
+            __props.itemsFound !== void 0 && __props.itemsFound > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$j, vue.toDisplayString(__props.itemsFound) + " " + vue.toDisplayString(__props.itemsFound === 1 ? getLabel("productSingular") : getLabel("productPlural")), 1)) : vue.createCommentVNode("", true)
           ]),
           vue.createElementVNode("div", _hoisted_5$j, [
             vue.createElementVNode("select", {
@@ -13824,6 +13851,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     columnConfig: {},
     enableSearch: { type: Boolean },
     searchFields: {},
+    initialSearchForm: {},
+    onSearchApply: { type: Function },
     termFields: {},
     companyId: {},
     orderStatus: {},
@@ -13836,6 +13865,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     formatPrice: { type: Function },
     formatDate: { type: Function },
     getStatusColor: { type: Function },
+    statusLabels: {},
     labels: {},
     onCartCreated: { type: Function },
     afterReorder: { type: Function },
@@ -13867,7 +13897,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       configuration: infra.configuration,
       channelIds: props.channelIds,
       onCartCreated: props.onCartCreated,
-      afterReorder: props.afterReorder
+      afterReorder: props.afterReorder,
+      initialSearchForm: props.initialSearchForm
     });
     const columns = vue.ref(
       props.columns || ["id", "date", "status", "total"]
@@ -13907,6 +13938,9 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       if (!price) return "-";
       return index.formatPrice(price, { symbol: infra.currency ?? "€" });
     }
+    function statusLabel(status) {
+      return props.statusLabels?.[status] || status;
+    }
     function getStatusColor(status) {
       if (props.getStatusColor) return props.getStatusColor(status);
       switch (status) {
@@ -14174,11 +14208,15 @@ const _sfc_main$i = /* @__PURE__ */ vue.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) => {
                 vue.unref(resetSearch)();
+                props.onSearchApply?.({});
               })
             }, vue.toDisplayString(getLabel("clearButton", "Clear")), 1),
             vue.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) => vue.unref(fetchOrders)(1))
+              onClick: _cache[12] || (_cache[12] = async (event) => {
+                vue.unref(fetchOrders)(1);
+                props.onSearchApply?.(vue.unref(searchForm));
+              })
             }, vue.toDisplayString(getLabel("searchButton", "Search")), 1)
           ])
         ])) : vue.createCommentVNode("", true),
@@ -14201,7 +14239,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(orders), (order, index2) => {
                     return vue.openBlock(), vue.createElementBlock("tr", {
                       key: order.id,
-                      class: "propeller-order-list__row hover:bg-surface-hover",
+                      class: vue.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)
                     }, [
@@ -14221,7 +14259,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                             class: vue.normalizeClass(`propeller-order-list__status px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${getStatusColor(
                               order.status
                             )}`)
-                          }, vue.toDisplayString(order.status), 11, _hoisted_38$6)) : vue.createCommentVNode("", true),
+                          }, vue.toDisplayString(statusLabel(order.status)), 11, _hoisted_38$6)) : vue.createCommentVNode("", true),
                           col === "total" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
                             vue.createTextVNode(vue.toDisplayString(formatPrice(order.total?.net)), 1)
                           ], 64)) : vue.createCommentVNode("", true),
@@ -14248,7 +14286,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                           ], 64)) : vue.createCommentVNode("", true)
                         ], 10, _hoisted_36$6);
                       }), 128))
-                    ], 8, _hoisted_35$6);
+                    ], 10, _hoisted_35$6);
                   }), 128))
                 ])
               ])
@@ -18740,6 +18778,11 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     function getLabel(key, fallback) {
       return index.getLabel(props.labels, key, fallback);
     }
+    const termsConsentParts = vue.computed(() => {
+      const tpl = getLabel("termsConsent", "I agree to the {link}");
+      const [before, after = ""] = tpl.split("{link}");
+      return { before, after };
+    });
     function handleTermsChange(checked) {
       termsAccepted.value = checked;
     }
@@ -18777,12 +18820,13 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
               onChange: _cache[0] || (_cache[0] = async (event) => handleTermsChange(event.target.checked))
             }, null, 40, _hoisted_4$3),
             vue.createElementVNode("label", _hoisted_5$3, [
-              vue.createTextVNode(vue.toDisplayString(getLabel("termsPrefix", "I agree to the")), 1),
+              vue.createTextVNode(vue.toDisplayString(termsConsentParts.value.before), 1),
               vue.createElementVNode("a", {
                 href: "#",
                 class: "text-primary hover:underline font-medium",
                 onClick: _cache[1] || (_cache[1] = async (event) => handleTermsLinkClick(event))
-              }, vue.toDisplayString(getLabel("termsLink", "Terms and Conditions")), 1)
+              }, vue.toDisplayString(getLabel("termsLink", "Terms and Conditions")), 1),
+              vue.createTextVNode(vue.toDisplayString(termsConsentParts.value.after), 1)
             ])
           ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("button", {
@@ -19881,24 +19925,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 = {
+const _hoisted_12$1 = {
   key: 1,
   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"
@@ -19918,6 +19962,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     onSubmit: { type: Function },
     onResultClick: { type: Function },
     onViewAllClick: { type: Function },
+    getResultHref: { type: Function },
+    getViewAllHref: { type: Function },
     formatPrice: { type: Function },
     labels: {},
     includeTax: { type: Boolean },
@@ -20071,6 +20117,21 @@ const _sfc_main$1 = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", {
         "data-search-bar": true,
@@ -20082,7 +20143,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           onSubmit: _cache[1] || (_cache[1] = async (e) => handleSubmit(e))
         }, [
           vue.createElementVNode("div", _hoisted_2$1, [
-            _cache[4] || (_cache[4] = vue.createElementVNode("button", {
+            _cache[3] || (_cache[3] = vue.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"
             }, [
@@ -20108,7 +20169,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               value: searchTerm.value,
               onInput: _cache[0] || (_cache[0] = async (e) => handleInputChange(e.target.value))
             }, null, 40, _hoisted_3$1),
-            vue.unref(isLoading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [..._cache[3] || (_cache[3] = [
+            vue.unref(isLoading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [..._cache[2] || (_cache[2] = [
               vue.createElementVNode("div", { class: "propeller-search-bar__spinner animate-spin rounded-full h-5 w-5 border-b-2 border-primary" }, null, -1)
             ])])) : vue.createCommentVNode("", true)
           ])
@@ -20117,34 +20178,46 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           results.value.length > 0 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
             vue.createElementVNode("div", _hoisted_6$1, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(results.value, (result, index2) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
+                return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.getResultHref ? "a" : "div"), {
                   key: result.id + "-" + index2,
+                  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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, [
-                    vue.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)
-                  ])) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("div", _hoisted_10$1, [
-                    vue.createElementVNode("div", _hoisted_11$1, vue.toDisplayString(result.name), 1),
-                    result.sku ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, "SKU: " + vue.toDisplayString(result.sku), 1)) : vue.createCommentVNode("", true)
+                  onClick: (event) => handleResultAnchorClick(event, result)
+                }, {
+                  default: vue.withCtx(() => [
+                    result.imageUrl || noImageUrl.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$1, [
+                      vue.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)
+                    ])) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("div", _hoisted_9$1, [
+                      vue.createElementVNode("div", _hoisted_10$1, vue.toDisplayString(result.name), 1),
+                      result.sku ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1, "SKU: " + vue.toDisplayString(result.sku), 1)) : vue.createCommentVNode("", true)
+                    ]),
+                    result.price !== void 0 && result.price !== null ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [
+                      vue.createElementVNode("span", _hoisted_13$1, vue.toDisplayString(formatItemPrice(leadingPrice(result))), 1),
+                      vue.createElementVNode("span", _hoisted_14$1, vue.toDisplayString(priceTaxLabel()), 1)
+                    ])) : vue.createCommentVNode("", true)
                   ]),
-                  result.price !== void 0 && result.price !== null ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$1, [
-                    vue.createElementVNode("span", _hoisted_14$1, vue.toDisplayString(formatItemPrice(leadingPrice(result))), 1),
-                    vue.createElementVNode("span", _hoisted_15$1, vue.toDisplayString(priceTaxLabel()), 1)
-                  ])) : vue.createCommentVNode("", true)
-                ], 8, _hoisted_7$1);
+                  _: 2
+                }, 1032, ["href", "onClick"]);
               }), 128))
             ]),
-            itemsFound.value > results.value.length ? (vue.openBlock(), vue.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())
-            }, vue.toDisplayString(getLabel("viewAll", "View all results")) + " (" + vue.toDisplayString(itemsFound.value) + ") ", 1)) : vue.createCommentVNode("", true)
+            itemsFound.value > results.value.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              props.getViewAllHref ? (vue.openBlock(), vue.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
+              }, vue.toDisplayString(getLabel("viewAll", "View all results")) + " (" + vue.toDisplayString(itemsFound.value) + ") ", 9, _hoisted_15$1)) : (vue.openBlock(), vue.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
+              }, vue.toDisplayString(getLabel("viewAll", "View all results")) + " (" + vue.toDisplayString(itemsFound.value) + ") ", 1))
+            ], 64)) : vue.createCommentVNode("", true)
           ], 64)) : vue.createCommentVNode("", true),
           results.value.length === 0 && searchTerm.value.length >= minLength.value && !vue.unref(isLoading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$1, vue.toDisplayString(getLabel("noResults", "No products found for")) + ' "' + vue.toDisplayString(searchTerm.value) + '" ', 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true)