@getlupa/client 0.6.0-alpha-4 → 0.6.0-alpha-7

package/dist/es/index.min.js

@@ -22143,7 +22143,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);
@@ -22241,7 +22241,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);
 
@@ -23672,7 +23672,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) {
@@ -23957,7 +23957,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);
 
@@ -25607,7 +25607,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);
@@ -25684,7 +25684,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);
 
@@ -28619,7 +28619,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);
@@ -28826,7 +28826,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);
 
@@ -29942,7 +29942,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);
@@ -30021,18 +30021,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();
             }
@@ -30040,6 +30031,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) {
@@ -30072,7 +30078,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",
@@ -31059,7 +31069,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);
@@ -31112,7 +31122,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);
 
@@ -32023,7 +32033,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);
@@ -32194,7 +32204,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);
 
@@ -32497,6 +32507,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);
@@ -32569,12 +32580,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() {
@@ -32600,6 +32622,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({
@@ -32965,6 +32991,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) {
@@ -33015,7 +33046,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"
@@ -33068,7 +33099,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 = [];
@@ -34313,13 +34344,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,
@@ -34854,15 +34885,16 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
       var queryKey = _ref.queryKey,
           results = _ref.results;
 
-      var _a;
+      var _a, _b, _c, _d;
 
       this.trackResults({
         queryKey: queryKey,
         results: results
       });
-      this.handleNoResultsFlag({
-        resultCount: (_a = results === null || results === void 0 ? void 0 : results.total) !== null && _a !== void 0 ? _a : 0,
-        noResultsParam: this.options.noResultsQueryFlag
+      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));
+      (_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
       });
     }
   }, {
@@ -34909,8 +34941,6 @@ __decorate([params$1.State("searchString")], SearchResults.prototype, "searchStr
 
 __decorate([params$1.Action("setDefaultLimit")], SearchResults.prototype, "setDefaultLimit", void 0);
 
-__decorate([params$1.Action("handleNoResultsFlag")], SearchResults.prototype, "handleNoResultsFlag", void 0);
-
 __decorate([params$1.Action("add")], SearchResults.prototype, "addParams", void 0);
 
 __decorate([params$1.Action("removeParams")], SearchResults.prototype, "removeParams", void 0);
@@ -37101,6 +37131,13 @@ var tracking = function tracking(options) {
 };
 
 var searchBox = function searchBox(options) {
+  var _a;
+
+  try {
+    (_a = app.box) === null || _a === void 0 ? void 0 : _a.$destroy();
+  } catch (_b) {// Does not exist, do nothing
+  }
+
   Vue$1.use(Vuex);
   app.box = new Vue$1({
     el: options.inputSelector,
@@ -37119,6 +37156,13 @@ var searchBox = function searchBox(options) {
 };
 
 var searchResults = function searchResults(options) {
+  var _a;
+
+  try {
+    (_a = app.results) === null || _a === void 0 ? void 0 : _a.$destroy();
+  } catch (_b) {// Does not exist, do nothing
+  }
+
   Vue$1.use(Vuex);
   app.results = new Vue$1({
     el: options.containerSelector,
@@ -37137,6 +37181,13 @@ var searchResults = function searchResults(options) {
 };
 
 var productList = function productList(options) {
+  var _a;
+
+  try {
+    (_a = app.productList) === null || _a === void 0 ? void 0 : _a.$destroy();
+  } catch (_b) {// Does not exist, do nothing
+  }
+
   Vue$1.use(Vuex);
   app.productList = new Vue$1({
     el: options.containerSelector,

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

@@ -7,8 +7,8 @@ export declare type SearchResultsOptions = SearchResultsProductOptions & SearchR
     containerSelector: string;
     breadcrumbs: SearchResultsBreadcrumb[];
     classMap?: Record<string, string>;
-    noResultsQueryFlag?: string;
     disallowEmptyQuery?: boolean;
+    callbacks?: SearchResultEventCallbacks;
 };
 export declare type SearchTitlePosition = "page-top" | "search-results-top";
 export declare type SearchResultsDidYouMeanLabels = {
@@ -19,6 +19,15 @@ export declare type SearchResultsSimilarQueriesLabels = {
     similarQuery: string;
     similarQueries: string;
 };
+export declare type CallbackContext = {
+    queryKey: string;
+    hasResults: boolean;
+};
+export declare type SearchResultEventCallbacks = {
+    onSearchResults?: (context: CallbackContext) => unknown;
+    onAdditionalPanelResults?: (context: CallbackContext) => unknown;
+    onCategoryFilterResults?: (context: CallbackContext) => unknown;
+};
 export declare type SearchResultsOptionLabels = SearchResultsPaginationLabels & SearchResultsDidYouMeanLabels & SearchResultsSimilarQueriesLabels & {
     sortBy: string;
     currency: string;

package/dist/iife/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/iife/components/search-results/SearchResults.vue.d.ts

@@ -25,10 +25,6 @@ export default class SearchResults extends Vue {
     setDefaultLimit: (defaultLimit: number) => {
         defaultLimit: number;
     };
-    handleNoResultsFlag: ({ resultCount, noResultsParam, }: {
-        resultCount: number;
-        noResultsParam?: string;
-    }) => void;
     addParams: (params: QueryParams) => {
         params: QueryParams;
     };

package/dist/iife/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/iife/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/iife/index.d.ts

@@ -1,5 +1,5 @@
 import { SearchBoxOptions } from "./types/search-box/SearchBoxOptions";
-import { FacetStyle, 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, };
+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;