@getlupa/client 0.6.0-alpha-5 → 0.6.0-alpha-8

package/dist/cjs/components/product-list/CategoryFilter.vue.d.ts

@@ -1,10 +1,12 @@
 import Vue from "vue";
-import { Options } from "@getlupa/client-sdk/Types";
+import { Options, SdkError, SearchQueryResult } from "@getlupa/client-sdk/Types";
 import { CategoryFilterOptions } from "@/types/product-list/ProductListOptions";
+import { SearchResultsOptions } from "@/types/search-results/SearchResultsOptions";
 export default class CategoryFilter extends Vue {
     options: CategoryFilterOptions;
     categoryChildren: Record<string, string>[];
     envOptions: Options;
+    searchResultOptions: SearchResultsOptions;
     get hasBackButton(): boolean;
     get hasEventRouting(): boolean;
     get backTitle(): string | undefined;
@@ -13,6 +15,7 @@ export default class CategoryFilter extends Vue {
     get parentUrlLink(): string | undefined;
     get isActive(): boolean;
     mounted(): Promise<void>;
+    handleResult(result: SearchQueryResult | SdkError): void;
     getCategoryKey(item: Record<string, string>): string;
     handleNavigationParent(event?: Event): void;
     handleNavigationBack(event?: Event): void;

package/dist/cjs/components/search-results/SearchResults.vue.d.ts

@@ -60,7 +60,6 @@ export default class SearchResults extends Vue {
         queryKey: string;
         results: SearchQueryResult;
     }): void;
-    handleNoResults(results: SearchQueryResult): void;
     setScreenWidth: ({ width, }: {
         width: number;
     }) => void;

package/dist/cjs/components/search-results/additional-panels/AdditionalPanel.vue.d.ts

@@ -3,11 +3,13 @@ import Vue from "vue";
 import { SdkOptions } from "@/types/General";
 import { SearchQueryResult } from "@getlupa/client-sdk/Types";
 import { Document } from "@getlupa/client-sdk/Types";
+import { SearchResultsOptions } from "@/types/search-results/SearchResultsOptions";
 export default class AdditionalPanels extends Vue {
     panel: SearchResultsAdditionalPanelOptions;
     options: SdkOptions;
     result: SearchQueryResult;
     query: string;
+    searchResultOptions: SearchResultsOptions;
     showAll: boolean;
     get displayShowMore(): boolean;
     get itemCount(): number;
@@ -16,6 +18,7 @@ export default class AdditionalPanels extends Vue {
     get hasResults(): boolean;
     mounted(): void;
     handleQueryChange(): void;
+    handleResults(res: SearchQueryResult): void;
     toggleShowMore(): void;
     addParams(label: string, itemCount: number): string;
 }

package/dist/cjs/components/search-results/products/pagination/SearchResultsPageSelect.vue.d.ts

@@ -14,6 +14,7 @@ export default class SearchResultsPageSelect extends Vue {
     get showLastPageSeparator(): boolean;
     get showFirstPage(): boolean;
     get showFirstPageSeparator(): boolean;
+    get showPagination(): boolean;
     appendParams: ({ params, paramsToRemove, }: {
         params: {
             name: string;

package/dist/cjs/index.d.ts

@@ -1,5 +1,5 @@
 import { SearchBoxOptions } from "./types/search-box/SearchBoxOptions";
-import { FacetStyle, SearchResultEventCallbacks, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
+import { CallbackContext, FacetStyle, SearchResultEventCallbacks, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
 import { SdkOptions, TrackingOptions, Environment, SortDirection } from "./types/General";
 import { ProductListOptions } from "./types/product-list/ProductListOptions";
 import { AddToCartElement, CustomDocumentElement, CustomHtmlElement, DescriptionDocumentElement, DocumentElement, DocumentElementType, ImageDocumentElement, PriceElement, RatingElement, RegularPriceDocumentElement, TitleDocumentElement } from "./types/DocumentElement";
@@ -17,5 +17,5 @@ declare const lupaSearch: {
     clearSearchResults: () => void;
     clearProductList: () => void;
 };
-export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, };
+export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, };
 export default lupaSearch;

package/dist/cjs/index.min.js

@@ -22147,7 +22147,7 @@ var getPageUrl = function getPageUrl(pathnameOverride) {
 
 var history$3 = namespace("history");
 var tracking$5 = namespace("tracking");
-var options$a = namespace("options");
+var options$b = namespace("options");
 
 var SearchBoxProduct = /*#__PURE__*/function (_Vue) {
   _inherits(SearchBoxProduct, _Vue);
@@ -22245,7 +22245,7 @@ __decorate([Prop({
   default: false
 })], SearchBoxProduct.prototype, "highlighted", void 0);
 
-__decorate([options$a.Getter("boxRoutingBehavior")], SearchBoxProduct.prototype, "boxRoutingBehavior", void 0);
+__decorate([options$b.Getter("boxRoutingBehavior")], SearchBoxProduct.prototype, "boxRoutingBehavior", void 0);
 
 __decorate([tracking$5.Action("track")], SearchBoxProduct.prototype, "trackClick", void 0);
 
@@ -23676,7 +23676,7 @@ var defaultSuggestedValue = {
 var history$1 = namespace("history");
 var params$d = namespace("params");
 var searchBox$2 = namespace("searchBox");
-var options$9 = namespace("options");
+var options$a = namespace("options");
 var tracking$4 = namespace("tracking");
 
 var SearchBox = /*#__PURE__*/function (_Vue) {
@@ -23961,7 +23961,7 @@ __decorate([tracking$4.Action("track")], SearchBox.prototype, "trackClick", void
 
 __decorate([params$d.Action("setSearchResultsLink")], SearchBox.prototype, "setSearchResultsLink", void 0);
 
-__decorate([options$9.Mutation("setSearchBoxOptions")], SearchBox.prototype, "setSearchBoxOptions", void 0);
+__decorate([options$a.Mutation("setSearchBoxOptions")], SearchBox.prototype, "setSearchBoxOptions", void 0);
 
 __decorate([params$d.Action("goToResults")], SearchBox.prototype, "goToResults", void 0);
 
@@ -25611,7 +25611,7 @@ var toggleHierarchyParam = function toggleHierarchyParam() {
 
 var searchResult$h = namespace("searchResult");
 var params$c = namespace("params");
-var options$8 = namespace("options");
+var options$9 = namespace("options");
 
 var CurrentFilters = /*#__PURE__*/function (_Vue) {
   _inherits(CurrentFilters, _Vue);
@@ -25688,7 +25688,7 @@ __decorate([searchResult$h.Getter("displayFilters")], CurrentFilters.prototype,
 
 __decorate([searchResult$h.Getter("currentFilterCount")], CurrentFilters.prototype, "currentFilterCount", void 0);
 
-__decorate([options$8.Getter("initialFilters")], CurrentFilters.prototype, "initialFilters", void 0);
+__decorate([options$9.Getter("initialFilters")], CurrentFilters.prototype, "initialFilters", void 0);
 
 __decorate([params$c.Action("removeParams")], CurrentFilters.prototype, "removeParams", void 0);
 
@@ -28623,7 +28623,7 @@ var _typeof = _typeof$2.exports.default;
 
 var VueSlider = /*@__PURE__*/getDefaultExportFromCjs(vueSliderComponent_umd_min.exports);
 
-var options$7 = namespace("options");
+var options$8 = namespace("options");
 
 var TermFacet = /*#__PURE__*/function (_Vue) {
   _inherits(TermFacet, _Vue);
@@ -28830,7 +28830,7 @@ __decorate([Prop({
   }
 })], TermFacet.prototype, "currentFilters", void 0);
 
-__decorate([options$7.State(function (s) {
+__decorate([options$8.State(function (s) {
   return s.searchResultOptions;
 })], TermFacet.prototype, "searchResultOptions", void 0);
 
@@ -29946,7 +29946,7 @@ var __vue_component__$F = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$F
 }, __vue_inject_styles__$F, __vue_script__$F, __vue_scope_id__$F, __vue_is_functional_template__$F, __vue_module_identifier__$F, false, undefined, undefined, undefined);
 
-var options$6 = namespace("options");
+var options$7 = namespace("options");
 
 var CategoryFilter = /*#__PURE__*/function (_Vue) {
   _inherits(CategoryFilter, _Vue);
@@ -30025,18 +30025,9 @@ var CategoryFilter = /*#__PURE__*/function (_Vue) {
 
               case 2:
                 result = _context.sent;
+                this.handleResult(result);
 
-                if (result.success) {
-                  _context.next = 5;
-                  break;
-                }
-
-                return _context.abrupt("return");
-
-              case 5:
-                this.categoryChildren = result.items;
-
-              case 6:
+              case 4:
               case "end":
                 return _context.stop();
             }
@@ -30044,6 +30035,21 @@ var CategoryFilter = /*#__PURE__*/function (_Vue) {
         }, _callee, this);
       }));
     }
+  }, {
+    key: "handleResult",
+    value: function handleResult(result) {
+      var _a, _b;
+
+      if (!result.success) {
+        return;
+      }
+
+      this.categoryChildren = result.items;
+      (_b = (_a = this.searchResultOptions.callbacks) === null || _a === void 0 ? void 0 : _a.onCategoryFilterResults) === null || _b === void 0 ? void 0 : _b.call(_a, {
+        queryKey: this.options.queryKey,
+        hasResults: result.total > 0
+      });
+    }
   }, {
     key: "getCategoryKey",
     value: function getCategoryKey(item) {
@@ -30076,7 +30082,11 @@ var CategoryFilter = /*#__PURE__*/function (_Vue) {
 
 __decorate([Prop()], CategoryFilter.prototype, "options", void 0);
 
-__decorate([options$6.Getter("envOptions")], CategoryFilter.prototype, "envOptions", void 0);
+__decorate([options$7.Getter("envOptions")], CategoryFilter.prototype, "envOptions", void 0);
+
+__decorate([options$7.State(function (o) {
+  return o.searchResultOptions;
+})], CategoryFilter.prototype, "searchResultOptions", void 0);
 
 CategoryFilter = __decorate([Component({
   name: "categoryFilter",
@@ -31063,7 +31073,7 @@ var __vue_component__$w = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$w
 }, __vue_inject_styles__$w, __vue_script__$w, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, undefined, undefined, undefined);
 
-var options$5 = namespace("options");
+var options$6 = namespace("options");
 
 var SearchResultsProductTitle = /*#__PURE__*/function (_Vue) {
   _inherits(SearchResultsProductTitle, _Vue);
@@ -31116,7 +31126,7 @@ __decorate([Prop({
   default: ""
 })], SearchResultsProductTitle.prototype, "link", void 0);
 
-__decorate([options$5.State(function (o) {
+__decorate([options$6.State(function (o) {
   return o.searchResultOptions;
 })], SearchResultsProductTitle.prototype, "searchResultOptions", void 0);
 
@@ -32027,7 +32037,7 @@ var __vue_component__$n = /*#__PURE__*/normalizeComponent({
 var tracking$3 = namespace("tracking");
 var params$9 = namespace("params");
 var searchResult$c = namespace("searchResult");
-var options$4 = namespace("options");
+var options$5 = namespace("options");
 
 var SearchResultsProductCard = /*#__PURE__*/function (_Vue) {
   _inherits(SearchResultsProductCard, _Vue);
@@ -32198,7 +32208,7 @@ __decorate([searchResult$c.State(function (state) {
   return state.layout;
 })], SearchResultsProductCard.prototype, "layout", void 0);
 
-__decorate([options$4.Getter("searchResultsRoutingBehavior")], SearchResultsProductCard.prototype, "searchResultsRoutingBehavior", void 0);
+__decorate([options$5.Getter("searchResultsRoutingBehavior")], SearchResultsProductCard.prototype, "searchResultsRoutingBehavior", void 0);
 
 __decorate([params$9.Getter("query")], SearchResultsProductCard.prototype, "query", void 0);
 
@@ -32501,6 +32511,7 @@ var track = function track(queryKey) {
 };
 
 var params$8 = namespace("params");
+var options$4 = namespace("options");
 
 var AdditionalPanels$1 = /*#__PURE__*/function (_Vue) {
   _inherits(AdditionalPanels, _Vue);
@@ -32555,6 +32566,8 @@ var AdditionalPanels$1 = /*#__PURE__*/function (_Vue) {
   }, {
     key: "mounted",
     value: function mounted() {
+      console.log("m");
+
       if (!this.query) {
         return;
       }
@@ -32566,6 +32579,7 @@ var AdditionalPanels$1 = /*#__PURE__*/function (_Vue) {
     value: function handleQueryChange() {
       var _this2 = this;
 
+      console.log("q");
       var context = getLupaTrackingContext();
       var query = Object.assign(Object.assign({}, context), {
         limit: this.panel.totalCountLimit,
@@ -32573,12 +32587,23 @@ var AdditionalPanels$1 = /*#__PURE__*/function (_Vue) {
       });
       getLupaSdk.query(this.panel.queryKey, query, this.options).then(function (res) {
         if (res.success) {
-          _this2.result = res;
+          _this2.handleResults(res);
         }
       }).catch(function (err) {
         console.error(err);
       });
     }
+  }, {
+    key: "handleResults",
+    value: function handleResults(res) {
+      var _a, _b;
+
+      this.result = res;
+      (_b = (_a = this.searchResultOptions.callbacks) === null || _a === void 0 ? void 0 : _a.onAdditionalPanelResults) === null || _b === void 0 ? void 0 : _b.call(_a, {
+        queryKey: this.panel.queryKey,
+        hasResults: res.total > 0
+      });
+    }
   }, {
     key: "toggleShowMore",
     value: function toggleShowMore() {
@@ -32604,6 +32629,10 @@ __decorate([Prop({
 
 __decorate([params$8.Getter("query")], AdditionalPanels$1.prototype, "query", void 0);
 
+__decorate([options$4.State(function (o) {
+  return o.searchResultOptions;
+})], AdditionalPanels$1.prototype, "searchResultOptions", void 0);
+
 __decorate([Watch("query")], AdditionalPanels$1.prototype, "handleQueryChange", null);
 
 AdditionalPanels$1 = __decorate([Component({
@@ -32969,6 +32998,11 @@ var SearchResultsPageSelect = /*#__PURE__*/function (_Vue) {
     get: function get() {
       return this.showFirstPage && !this.pages.includes(2);
     }
+  }, {
+    key: "showPagination",
+    get: function get() {
+      return this.pages.length > 1;
+    }
   }, {
     key: "handlePageChange",
     value: function handlePageChange(page) {
@@ -33019,7 +33053,7 @@ var __vue_render__$i = function __vue_render__() {
 
   var _c = _vm._self._c || _h;
 
-  return _c("div", {
+  return _vm.showPagination ? _c("div", {
     attrs: {
       id: "lupa-search-results-page-select",
       "data-cy": "lupa-search-results-page-select"
@@ -33072,7 +33106,7 @@ var __vue_render__$i = function __vue_render__() {
         return _vm.handlePageChange(_vm.options.selectedPage + 1);
       }
     }
-  }, [_vm._v("\n    " + _vm._s(_vm.lastPageLabel) + "\n  ")]) : _vm._e()], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.lastPageLabel) + "\n  ")]) : _vm._e()], 2) : _vm._e();
 };
 
 var __vue_staticRenderFns__$i = [];
@@ -34317,13 +34351,13 @@ var __vue_render__$8 = function __vue_render__() {
       options: _vm.currentFilterOptions,
       expandable: true
     }
-  }) : _vm._e(), _vm._v(" "), _c("AdditionalPanels", {
+  }) : _vm._e()] : _vm._e(), _vm._v(" "), _c("AdditionalPanels", {
     attrs: {
       options: _vm.options,
       location: "top",
       sdkOptions: _vm.options.options
     }
-  }), _vm._v(" "), _c("SearchResultsToolbar", {
+  }), _vm._v(" "), _vm.hasResults ? [_c("SearchResultsToolbar", {
     staticClass: "lupa-toolbar-top",
     attrs: {
       options: _vm.options,
@@ -34857,24 +34891,18 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
     value: function handleResults(_ref) {
       var queryKey = _ref.queryKey,
           results = _ref.results;
+
+      var _a, _b, _c, _d;
+
       this.trackResults({
         queryKey: queryKey,
         results: results
       });
-      this.handleNoResults(results);
-    }
-  }, {
-    key: "handleNoResults",
-    value: function handleNoResults(results) {
-      var _a, _b, _c;
-
       var hasResults = Boolean(results.total > 0 || ((_a = results.similarQueries) === null || _a === void 0 ? void 0 : _a.length) || ((_b = results.didYouMean) === null || _b === void 0 ? void 0 : _b.options));
-
-      if (hasResults) {
-        return;
-      }
-
-      (_c = this.options.callbacks) === null || _c === void 0 ? void 0 : _c.noResults();
+      (_d = (_c = this.options.callbacks) === null || _c === void 0 ? void 0 : _c.onSearchResults) === null || _d === void 0 ? void 0 : _d.call(_c, {
+        queryKey: queryKey,
+        hasResults: hasResults
+      });
     }
   }, {
     key: "handleResize",

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

@@ -19,8 +19,14 @@ export declare type SearchResultsSimilarQueriesLabels = {
     similarQuery: string;
     similarQueries: string;
 };
+export declare type CallbackContext = {
+    queryKey: string;
+    hasResults: boolean;
+};
 export declare type SearchResultEventCallbacks = {
-    noResults: () => void;
+    onSearchResults?: (context: CallbackContext) => unknown;
+    onAdditionalPanelResults?: (context: CallbackContext) => unknown;
+    onCategoryFilterResults?: (context: CallbackContext) => unknown;
 };
 export declare type SearchResultsOptionLabels = SearchResultsPaginationLabels & SearchResultsDidYouMeanLabels & SearchResultsSimilarQueriesLabels & {
     sortBy: string;

package/dist/es/components/product-list/CategoryFilter.vue.d.ts

@@ -1,10 +1,12 @@
 import Vue from "vue";
-import { Options } from "@getlupa/client-sdk/Types";
+import { Options, SdkError, SearchQueryResult } from "@getlupa/client-sdk/Types";
 import { CategoryFilterOptions } from "@/types/product-list/ProductListOptions";
+import { SearchResultsOptions } from "@/types/search-results/SearchResultsOptions";
 export default class CategoryFilter extends Vue {
     options: CategoryFilterOptions;
     categoryChildren: Record<string, string>[];
     envOptions: Options;
+    searchResultOptions: SearchResultsOptions;
     get hasBackButton(): boolean;
     get hasEventRouting(): boolean;
     get backTitle(): string | undefined;
@@ -13,6 +15,7 @@ export default class CategoryFilter extends Vue {
     get parentUrlLink(): string | undefined;
     get isActive(): boolean;
     mounted(): Promise<void>;
+    handleResult(result: SearchQueryResult | SdkError): void;
     getCategoryKey(item: Record<string, string>): string;
     handleNavigationParent(event?: Event): void;
     handleNavigationBack(event?: Event): void;

package/dist/es/components/search-results/SearchResults.vue.d.ts

@@ -60,7 +60,6 @@ export default class SearchResults extends Vue {
         queryKey: string;
         results: SearchQueryResult;
     }): void;
-    handleNoResults(results: SearchQueryResult): void;
     setScreenWidth: ({ width, }: {
         width: number;
     }) => void;

package/dist/es/components/search-results/additional-panels/AdditionalPanel.vue.d.ts

@@ -3,11 +3,13 @@ import Vue from "vue";
 import { SdkOptions } from "@/types/General";
 import { SearchQueryResult } from "@getlupa/client-sdk/Types";
 import { Document } from "@getlupa/client-sdk/Types";
+import { SearchResultsOptions } from "@/types/search-results/SearchResultsOptions";
 export default class AdditionalPanels extends Vue {
     panel: SearchResultsAdditionalPanelOptions;
     options: SdkOptions;
     result: SearchQueryResult;
     query: string;
+    searchResultOptions: SearchResultsOptions;
     showAll: boolean;
     get displayShowMore(): boolean;
     get itemCount(): number;
@@ -16,6 +18,7 @@ export default class AdditionalPanels extends Vue {
     get hasResults(): boolean;
     mounted(): void;
     handleQueryChange(): void;
+    handleResults(res: SearchQueryResult): void;
     toggleShowMore(): void;
     addParams(label: string, itemCount: number): string;
 }

package/dist/es/components/search-results/products/pagination/SearchResultsPageSelect.vue.d.ts

@@ -14,6 +14,7 @@ export default class SearchResultsPageSelect extends Vue {
     get showLastPageSeparator(): boolean;
     get showFirstPage(): boolean;
     get showFirstPageSeparator(): boolean;
+    get showPagination(): boolean;
     appendParams: ({ params, paramsToRemove, }: {
         params: {
             name: string;

package/dist/es/index.d.ts

@@ -1,5 +1,5 @@
 import { SearchBoxOptions } from "./types/search-box/SearchBoxOptions";
-import { FacetStyle, SearchResultEventCallbacks, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
+import { CallbackContext, FacetStyle, SearchResultEventCallbacks, SearchResultsOptions } from "./types/search-results/SearchResultsOptions";
 import { SdkOptions, TrackingOptions, Environment, SortDirection } from "./types/General";
 import { ProductListOptions } from "./types/product-list/ProductListOptions";
 import { AddToCartElement, CustomDocumentElement, CustomHtmlElement, DescriptionDocumentElement, DocumentElement, DocumentElementType, ImageDocumentElement, PriceElement, RatingElement, RegularPriceDocumentElement, TitleDocumentElement } from "./types/DocumentElement";
@@ -17,5 +17,5 @@ declare const lupaSearch: {
     clearSearchResults: () => void;
     clearProductList: () => void;
 };
-export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, };
+export { TrackingOptions, SearchBoxOptions, SearchResultsOptions, ProductListOptions, SdkOptions, DocumentElementType, SearchBoxPanelType, FacetStyle, Environment, RoutingBehavior, AnchorPosition, BadgeType, SortDirection, DocumentElement, ImageDocumentElement, TitleDocumentElement, DescriptionDocumentElement, CustomDocumentElement, PriceElement, RegularPriceDocumentElement, RatingElement, AddToCartElement, CustomHtmlElement, SortOptions, SearchResultsSortOptions, SearchResultEventCallbacks, CallbackContext, };
 export default lupaSearch;