@getlupa/vue 0.2.1 → 0.2.2

package/dist/lupaSearch.js

@@ -7629,7 +7629,8 @@ const _hoisted_4$9 = ["value"];
 const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSort",
   props: {
-    options: {}
+    options: {},
+    callbacks: {}
   },
   setup(__props) {
     const props = __props;
@@ -7657,11 +7658,12 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       setSortValue();
     });
     const handleSelect = () => {
-      var _a;
+      var _a, _b;
       const value = (_a = sortItems.value.find((x) => x.key === selectedKey.value)) == null ? void 0 : _a.key;
       if (!value) {
         return;
       }
+      (_b = props.callbacks) == null ? void 0 : _b.onSortChange({ selectedSortKey: value });
       paramStore.appendParams({
         params: [{ name: QUERY_PARAMS.SORT, value }],
         paramsToRemove: [QUERY_PARAMS.PAGE]
@@ -7707,12 +7709,10 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const optionsValue = vue.computed(
-      () => {
-        var _a;
-        return (_a = props.options) != null ? _a : { labels: {} };
-      }
-    );
+    const optionsValue = vue.computed(() => {
+      var _a;
+      return (_a = props.options) != null ? _a : { labels: {} };
+    });
     const paramStore = useParamsStore();
     const searchResultStore = useSearchResultStore();
     const optionsStore = useOptionsStore();
@@ -7788,6 +7788,10 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     const hasResults = vue.computed(() => {
       return searchResult.value.total > 0;
     });
+    const callbacks = vue.computed(() => {
+      var _a;
+      return (_a = props.options.callbacks) != null ? _a : {};
+    });
     const handleClearAll = () => {
       paramStore.removeAllFilters();
     };
@@ -7823,8 +7827,9 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["options", "label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2)),
           sortOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
             key: 2,
-            options: sortOptions.value
-          }, null, 8, ["options"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2))
+            options: sortOptions.value,
+            callbacks: callbacks.value
+          }, null, 8, ["options", "callbacks"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2))
         ])
       ], 2);
     };

package/dist/lupaSearch.mjs

@@ -7627,7 +7627,8 @@ const _hoisted_4$9 = ["value"];
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsSort",
   props: {
-    options: {}
+    options: {},
+    callbacks: {}
   },
   setup(__props) {
     const props = __props;
@@ -7655,11 +7656,12 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       setSortValue();
     });
     const handleSelect = () => {
-      var _a;
+      var _a, _b;
       const value = (_a = sortItems.value.find((x) => x.key === selectedKey.value)) == null ? void 0 : _a.key;
       if (!value) {
         return;
       }
+      (_b = props.callbacks) == null ? void 0 : _b.onSortChange({ selectedSortKey: value });
       paramStore.appendParams({
         params: [{ name: QUERY_PARAMS.SORT, value }],
         paramsToRemove: [QUERY_PARAMS.PAGE]
@@ -7705,12 +7707,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const optionsValue = computed(
-      () => {
-        var _a;
-        return (_a = props.options) != null ? _a : { labels: {} };
-      }
-    );
+    const optionsValue = computed(() => {
+      var _a;
+      return (_a = props.options) != null ? _a : { labels: {} };
+    });
     const paramStore = useParamsStore();
     const searchResultStore = useSearchResultStore();
     const optionsStore = useOptionsStore();
@@ -7786,6 +7786,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     const hasResults = computed(() => {
       return searchResult.value.total > 0;
     });
+    const callbacks = computed(() => {
+      var _a;
+      return (_a = props.options.callbacks) != null ? _a : {};
+    });
     const handleClearAll = () => {
       paramStore.removeAllFilters();
     };
@@ -7821,8 +7825,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           }, null, 8, ["options", "label"])) : (openBlock(), createElementBlock("div", _hoisted_6$2)),
           sortOptions.value ? (openBlock(), createBlock(_sfc_main$u, {
             key: 2,
-            options: sortOptions.value
-          }, null, 8, ["options"])) : (openBlock(), createElementBlock("div", _hoisted_7$2))
+            options: sortOptions.value,
+            callbacks: callbacks.value
+          }, null, 8, ["options", "callbacks"])) : (openBlock(), createElementBlock("div", _hoisted_7$2))
         ])
       ], 2);
     };

package/dist/src/components/search-results/products/SearchResultsToolbar.vue.d.ts

@@ -1,8 +1,8 @@
 import type { PropType as __PropType } from 'vue';
-import type { SearchResultsProductOptions } from '../../../types/search-results/SearchResultsOptions';
+import type { SearchResultsOptions } from '../../../types/search-results/SearchResultsOptions';
 declare const _sfc_main: import("vue").DefineComponent<{
     options: {
-        type: __PropType<SearchResultsProductOptions>;
+        type: __PropType<SearchResultsOptions>;
         required: true;
     };
     paginationLocation: {
@@ -11,7 +11,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
-        type: __PropType<SearchResultsProductOptions>;
+        type: __PropType<SearchResultsOptions>;
         required: true;
     };
     paginationLocation: {

package/dist/src/components/search-results/products/sort/SearchResultsSort.vue.d.ts

@@ -1,14 +1,23 @@
 import type { PropType as __PropType } from 'vue';
 import type { SortOptions } from '../../../../types/search-results/SearchResultsSort';
+import { SearchResultEventCallbacks } from '../../../../types/search-results/SearchResultsOptions';
 declare const _sfc_main: import("vue").DefineComponent<{
     options: {
         type: __PropType<SortOptions>;
         required: true;
     };
+    callbacks: {
+        type: __PropType<SearchResultEventCallbacks>;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: __PropType<SortOptions>;
         required: true;
     };
+    callbacks: {
+        type: __PropType<SearchResultEventCallbacks>;
+        required: false;
+    };
 }>>, {}, {}>;
 export default _sfc_main;

package/dist/src/index.d.ts

@@ -10,7 +10,7 @@ import type { SearchContainerOptions, SearchContainerConfigOptions } from './typ
 import type { SearchResultBadgeType, SearchResultBadgeElement, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions } from './types/search-results/BadgeOptions';
 import { BadgeType } from './types/search-results/BadgeOptions';
 import type { RoutingBehavior } from './types/search-results/RoutingBehavior';
-import type { SearchResultsOptions, FacetStyle, SearchResultEventCallbacks, CallbackContext, FacetFilterQuery, SearchResultsFilterOptions, ResultFacetOptions, DynamicData, SsrOptions } from './types/search-results/SearchResultsOptions';
+import type { SearchResultsOptions, FacetStyle, SearchResultEventCallbacks, CallbackContext, SortCallbackContext, FacetFilterQuery, SearchResultsFilterOptions, ResultFacetOptions, DynamicData, SsrOptions } from './types/search-results/SearchResultsOptions';
 import type { AnchorPosition } from './types/search-results/SearchResultsProductCardOptions';
 import type { SortOptions, SearchResultsSortOptions } from './types/search-results/SearchResultsSort';
 import SearchBox from './components/search-box/SearchBox.vue';
@@ -25,4 +25,4 @@ declare const LupaSearch: {
     install: (app: any, options: any) => void;
 };
 export { SearchBox, SearchResults, ProductList, Recommendations, SearchContainer, DocumentElementType, SearchBoxPanelType, BadgeType, setupTracking, LupaSearch, initPinia, getInitialSearchResults };
-export type { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, FacetStyle, Environment, RoutingBehavior, AnchorPosition, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, FacetFilterQuery, CategoryFilterOptions, SearchResultsFilterOptions, SearchResultBadgeType, SearchResultBadgeElement, ResultFacetOptions, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, SearchContainerOptions, SearchContainerConfigOptions, SingleStarRatingElement, DynamicData, ProductRecommendationOptions, RecommendationABTestingOptions, SsrOptions };
+export type { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, FacetStyle, Environment, RoutingBehavior, AnchorPosition, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, SortCallbackContext, FacetFilterQuery, CategoryFilterOptions, SearchResultsFilterOptions, SearchResultBadgeType, SearchResultBadgeElement, ResultFacetOptions, BadgeGenerateSeed, BadgeGenerateOptions, BadgeOptions, SearchContainerOptions, SearchContainerConfigOptions, SingleStarRatingElement, DynamicData, ProductRecommendationOptions, RecommendationABTestingOptions, SsrOptions };

package/dist/src/types/search-results/SearchResultsOptions.d.ts

@@ -33,12 +33,16 @@ export type CallbackContext = {
     urlQueryString?: string;
     productId?: string;
 };
+export type SortCallbackContext = {
+    selectedSortKey: string;
+};
 export type SearchResultEventCallbacks = {
     onSearchResults?: (context: CallbackContext) => unknown;
     onAdditionalPanelResults?: (context: CallbackContext) => unknown;
     onCategoryFilterResults?: (context: CallbackContext) => unknown;
     onProductClick?: (context: CallbackContext) => unknown;
     onUrlQueryChange?: (context: CallbackContext) => unknown;
+    onSortChange?: (context: SortCallbackContext) => unknown;
     onMounted?: () => unknown;
 };
 export type SearchResultsOptionLabels = SearchResultsPaginationLabels & SearchResultsDidYouMeanLabels & SearchResultsSimilarQueriesLabels & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "main": "dist/lupaSearch.js",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",