@getlupa/client 0.5.1-alpha-10 → 0.5.1-alpha-11

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

@@ -51,6 +51,7 @@ export default class SearchResults extends Vue {
     setLoading: (loading: boolean) => {
         loading: boolean;
     };
+    defaultSearchResultPageSize: number;
     handleUrlChange(params?: URLSearchParams): void;
     query(publicQuery: PublicQuery): void;
     handleResults({ queryKey, results, }: {

package/dist/cjs/index.min.js

@@ -21893,8 +21893,8 @@ var DEFAULT_OPTIONS_RESULTS = {
   }]
 };
 
-var createPublicQuery = function createPublicQuery(queryParams, sortOptions // will be removed when vuex is implemented
-) {
+var createPublicQuery = function createPublicQuery(queryParams, sortOptions, // will be removed when vuex is implemented
+defaultPageSize) {
   var _a;
 
   var publicQuery = {};
@@ -21912,11 +21912,11 @@ var createPublicQuery = function createPublicQuery(queryParams, sortOptions // w
         break;
 
       case QUERY_PARAMS_PARSED.LIMIT:
-        publicQuery.limit = Number(value);
+        publicQuery.limit = Number(value) || defaultPageSize;
         break;
 
       case QUERY_PARAMS_PARSED.PAGE:
-        publicQuery.offset = getOffset(Number(value), Number(queryParams[QUERY_PARAMS_PARSED.LIMIT]) || DEFAULT_OPTIONS_RESULTS.pagination.sizeSelection.sizes[0]);
+        publicQuery.offset = getOffset(Number(value), Number(queryParams[QUERY_PARAMS_PARSED.LIMIT]) || defaultPageSize || DEFAULT_OPTIONS_RESULTS.pagination.sizeSelection.sizes[0]);
         break;
 
       case QUERY_PARAMS_PARSED.SORT:
@@ -27454,6 +27454,16 @@ var handleRoutingEvent = function handleRoutingEvent(link, event) {
   event === null || event === void 0 ? void 0 : event.preventDefault();
   emitRoutingEvent(link);
 };
+var redirectToResultsPage = function redirectToResultsPage(link, searchText, facet) {
+  var routingBehavior = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "direct-link";
+  var url = generateResultLink(link, searchText, facet);
+
+  if (routingBehavior === "event") {
+    emitRoutingEvent(url);
+  } else {
+    window.location.assign(url);
+  }
+};
 
 var CategoryFilterItem = /*#__PURE__*/function (_Vue) {
   _inherits(CategoryFilterItem, _Vue);
@@ -32386,10 +32396,10 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
     key: "mounted",
     value: function mounted() {
       window.addEventListener("resize", this.handleResize);
-      this.handleMounted();
       this.setSearchResultOptions({
         options: this.options
       });
+      this.handleMounted();
       this.setInitialFilters({
         initialFilters: this.initialFilters
       });
@@ -32419,7 +32429,7 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
     key: "handleUrlChange",
     value: function handleUrlChange(params) {
       var searchParams = params || new URLSearchParams(window.location.search);
-      var publicQuery = createPublicQuery(parseParams(searchParams), this.options.sort);
+      var publicQuery = createPublicQuery(parseParams(searchParams), this.options.sort, this.defaultSearchResultPageSize);
       this.setLoading(true);
       this.query(getPublicQuery(publicQuery, this.initialFilters, this.isProductList));
     }
@@ -32433,7 +32443,10 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
         query: publicQuery
       });
       var context = getLupaTrackingContext();
-      var query = Object.assign(Object.assign({}, publicQuery), context);
+      var limit = publicQuery.limit || this.defaultSearchResultPageSize;
+      var query = Object.assign(Object.assign(Object.assign({}, publicQuery), context), {
+        limit: limit
+      });
       getLupaSdk.query(this.options.queryKey, query, this.options.options).then(function (res) {
         var _a, _b;
 
@@ -32542,6 +32555,8 @@ __decorate([searchResult$1.Action("add")], SearchResults.prototype, "addSearchRe
 
 __decorate([searchResult$1.Action("setLoading")], SearchResults.prototype, "setLoading", void 0);
 
+__decorate([options$1.Getter("defaultSearchResultPageSize")], SearchResults.prototype, "defaultSearchResultPageSize", void 0);
+
 __decorate([searchResult$1.Action("setColumnCount")], SearchResults.prototype, "setColumnCount", void 0);
 
 SearchResults = __decorate([Component({
@@ -34256,7 +34271,7 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
   }, {
     key: "limit",
     get: function get() {
-      return Number(this.params[QUERY_PARAMS_PARSED.LIMIT]) || this.defaultLimit;
+      return Number(this.params[QUERY_PARAMS_PARSED.LIMIT]) || this.context.rootGetters["options/defaultSearchResultPageSize"] || this.defaultLimit;
     }
   }, {
     key: "sort",
@@ -34332,6 +34347,8 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
       var searchText = _ref3.searchText,
           facet = _ref3.facet;
 
+      var _a;
+
       if (!this.searchResultsLink || this.searchResultsLink === window.location.pathname) {
         var facetParam = facet ? [getFacetParam(facet.key, [facet.title])] : [];
         this.context.dispatch("appendParams", {
@@ -34342,7 +34359,8 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
           paramsToRemove: "all"
         });
       } else {
-        window.location.assign(generateResultLink(this.searchResultsLink, searchText, facet));
+        var routing = (_a = this.context.rootGetters["options/boxRoutingBehavior"]) !== null && _a !== void 0 ? _a : "direct-link";
+        redirectToResultsPage(this.searchResultsLink, searchText, facet, routing);
       }
 
       this.context.dispatch("tracking/track", {
@@ -34488,6 +34506,20 @@ var OptionsModule = /*#__PURE__*/function (_VuexModule) {
     get: function get() {
       return this.searchResultInitialFilters;
     }
+  }, {
+    key: "boxRoutingBehavior",
+    get: function get() {
+      var _a;
+
+      return (_a = this.searchBoxOptions.routingBehavior) !== null && _a !== void 0 ? _a : "direct-link";
+    }
+  }, {
+    key: "defaultSearchResultPageSize",
+    get: function get() {
+      var _a, _b, _c, _d, _e;
+
+      return (_e = (_d = (_c = (_b = (_a = this.searchResultOptions) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.sizeSelection) === null || _c === void 0 ? void 0 : _c.sizes) === null || _d === void 0 ? void 0 : _d[0]) !== null && _e !== void 0 ? _e : DEFAULT_PAGE_SIZE;
+    }
   }, {
     key: "setSearchBoxOptions",
     value: function setSearchBoxOptions(_ref) {

package/dist/cjs/store/modules/options.d.ts

@@ -1,4 +1,5 @@
 import { SearchBoxOptions } from "@/types/search-box/SearchBoxOptions";
+import { RoutingBehavior } from "@/types/search-results/RoutingBehavior";
 import { SearchResultsOptions } from "@/types/search-results/SearchResultsOptions";
 import { FilterGroup, Options } from "@getlupa/client-sdk/Types";
 import { VuexModule } from "vuex-module-decorators";
@@ -9,6 +10,8 @@ export default class OptionsModule extends VuexModule {
     get envOptions(): Options;
     get classMap(): Record<string, string>;
     get initialFilters(): FilterGroup;
+    get boxRoutingBehavior(): RoutingBehavior;
+    get defaultSearchResultPageSize(): number;
     setSearchBoxOptions({ options }: {
         options: SearchBoxOptions;
     }): void;

package/dist/cjs/types/search-box/SearchBoxOptions.d.ts

@@ -1,9 +1,11 @@
 import { SdkOptions } from "../General";
+import { RoutingBehavior } from "../search-results/RoutingBehavior";
 import { SearchBoxHistory } from "./SearchBoxHistory";
 import { SearchBoxPanel } from "./SearchBoxPanel";
 export declare type SearchBoxOptions = SearchBoxPanelOptions & {
     inputSelector: string;
     searchTriggers?: string[];
+    routingBehavior?: RoutingBehavior;
 };
 export declare type SearchBoxOptionLabels = {
     placeholder: string;

package/dist/cjs/utils/query.utils.d.ts

@@ -1,5 +1,5 @@
 import { QueryParams } from "@/types/search-results/QueryParams";
 import { SearchResultsSortOptions } from "@/types/search-results/SearchResultsSort";
 import { FilterGroup, PublicQuery } from "@getlupa/client-sdk/Types";
-export declare const createPublicQuery: (queryParams: QueryParams, sortOptions?: SearchResultsSortOptions[] | undefined) => PublicQuery;
+export declare const createPublicQuery: (queryParams: QueryParams, sortOptions?: SearchResultsSortOptions[] | undefined, defaultPageSize?: number | undefined) => PublicQuery;
 export declare const getPublicQuery: (publicQuery: PublicQuery, initialFilters: FilterGroup, isProductList: boolean) => PublicQuery;

package/dist/cjs/utils/routing.utils.d.ts

@@ -1,2 +1,5 @@
+import { InputSuggestionFacet } from "@/types/search-box/Common";
+import { RoutingBehavior } from "..";
 export declare const emitRoutingEvent: (url: string) => void;
 export declare const handleRoutingEvent: (link: string, event?: Event | undefined, hasEventRouting?: boolean) => void;
+export declare const redirectToResultsPage: (link: string, searchText: string, facet?: InputSuggestionFacet | undefined, routingBehavior?: RoutingBehavior) => void;

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

@@ -51,6 +51,7 @@ export default class SearchResults extends Vue {
     setLoading: (loading: boolean) => {
         loading: boolean;
     };
+    defaultSearchResultPageSize: number;
     handleUrlChange(params?: URLSearchParams): void;
     query(publicQuery: PublicQuery): void;
     handleResults({ queryKey, results, }: {

package/dist/es/index.min.js

@@ -21889,8 +21889,8 @@ var DEFAULT_OPTIONS_RESULTS = {
   }]
 };
 
-var createPublicQuery = function createPublicQuery(queryParams, sortOptions // will be removed when vuex is implemented
-) {
+var createPublicQuery = function createPublicQuery(queryParams, sortOptions, // will be removed when vuex is implemented
+defaultPageSize) {
   var _a;
 
   var publicQuery = {};
@@ -21908,11 +21908,11 @@ var createPublicQuery = function createPublicQuery(queryParams, sortOptions // w
         break;
 
       case QUERY_PARAMS_PARSED.LIMIT:
-        publicQuery.limit = Number(value);
+        publicQuery.limit = Number(value) || defaultPageSize;
         break;
 
       case QUERY_PARAMS_PARSED.PAGE:
-        publicQuery.offset = getOffset(Number(value), Number(queryParams[QUERY_PARAMS_PARSED.LIMIT]) || DEFAULT_OPTIONS_RESULTS.pagination.sizeSelection.sizes[0]);
+        publicQuery.offset = getOffset(Number(value), Number(queryParams[QUERY_PARAMS_PARSED.LIMIT]) || defaultPageSize || DEFAULT_OPTIONS_RESULTS.pagination.sizeSelection.sizes[0]);
         break;
 
       case QUERY_PARAMS_PARSED.SORT:
@@ -27450,6 +27450,16 @@ var handleRoutingEvent = function handleRoutingEvent(link, event) {
   event === null || event === void 0 ? void 0 : event.preventDefault();
   emitRoutingEvent(link);
 };
+var redirectToResultsPage = function redirectToResultsPage(link, searchText, facet) {
+  var routingBehavior = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "direct-link";
+  var url = generateResultLink(link, searchText, facet);
+
+  if (routingBehavior === "event") {
+    emitRoutingEvent(url);
+  } else {
+    window.location.assign(url);
+  }
+};
 
 var CategoryFilterItem = /*#__PURE__*/function (_Vue) {
   _inherits(CategoryFilterItem, _Vue);
@@ -32382,10 +32392,10 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
     key: "mounted",
     value: function mounted() {
       window.addEventListener("resize", this.handleResize);
-      this.handleMounted();
       this.setSearchResultOptions({
         options: this.options
       });
+      this.handleMounted();
       this.setInitialFilters({
         initialFilters: this.initialFilters
       });
@@ -32415,7 +32425,7 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
     key: "handleUrlChange",
     value: function handleUrlChange(params) {
       var searchParams = params || new URLSearchParams(window.location.search);
-      var publicQuery = createPublicQuery(parseParams(searchParams), this.options.sort);
+      var publicQuery = createPublicQuery(parseParams(searchParams), this.options.sort, this.defaultSearchResultPageSize);
       this.setLoading(true);
       this.query(getPublicQuery(publicQuery, this.initialFilters, this.isProductList));
     }
@@ -32429,7 +32439,10 @@ var SearchResults = /*#__PURE__*/function (_Vue) {
         query: publicQuery
       });
       var context = getLupaTrackingContext();
-      var query = Object.assign(Object.assign({}, publicQuery), context);
+      var limit = publicQuery.limit || this.defaultSearchResultPageSize;
+      var query = Object.assign(Object.assign(Object.assign({}, publicQuery), context), {
+        limit: limit
+      });
       getLupaSdk.query(this.options.queryKey, query, this.options.options).then(function (res) {
         var _a, _b;
 
@@ -32538,6 +32551,8 @@ __decorate([searchResult$1.Action("add")], SearchResults.prototype, "addSearchRe
 
 __decorate([searchResult$1.Action("setLoading")], SearchResults.prototype, "setLoading", void 0);
 
+__decorate([options$1.Getter("defaultSearchResultPageSize")], SearchResults.prototype, "defaultSearchResultPageSize", void 0);
+
 __decorate([searchResult$1.Action("setColumnCount")], SearchResults.prototype, "setColumnCount", void 0);
 
 SearchResults = __decorate([Component({
@@ -34252,7 +34267,7 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
   }, {
     key: "limit",
     get: function get() {
-      return Number(this.params[QUERY_PARAMS_PARSED.LIMIT]) || this.defaultLimit;
+      return Number(this.params[QUERY_PARAMS_PARSED.LIMIT]) || this.context.rootGetters["options/defaultSearchResultPageSize"] || this.defaultLimit;
     }
   }, {
     key: "sort",
@@ -34328,6 +34343,8 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
       var searchText = _ref3.searchText,
           facet = _ref3.facet;
 
+      var _a;
+
       if (!this.searchResultsLink || this.searchResultsLink === window.location.pathname) {
         var facetParam = facet ? [getFacetParam(facet.key, [facet.title])] : [];
         this.context.dispatch("appendParams", {
@@ -34338,7 +34355,8 @@ var ParamsModule = /*#__PURE__*/function (_VuexModule) {
           paramsToRemove: "all"
         });
       } else {
-        window.location.assign(generateResultLink(this.searchResultsLink, searchText, facet));
+        var routing = (_a = this.context.rootGetters["options/boxRoutingBehavior"]) !== null && _a !== void 0 ? _a : "direct-link";
+        redirectToResultsPage(this.searchResultsLink, searchText, facet, routing);
       }
 
       this.context.dispatch("tracking/track", {
@@ -34484,6 +34502,20 @@ var OptionsModule = /*#__PURE__*/function (_VuexModule) {
     get: function get() {
       return this.searchResultInitialFilters;
     }
+  }, {
+    key: "boxRoutingBehavior",
+    get: function get() {
+      var _a;
+
+      return (_a = this.searchBoxOptions.routingBehavior) !== null && _a !== void 0 ? _a : "direct-link";
+    }
+  }, {
+    key: "defaultSearchResultPageSize",
+    get: function get() {
+      var _a, _b, _c, _d, _e;
+
+      return (_e = (_d = (_c = (_b = (_a = this.searchResultOptions) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.sizeSelection) === null || _c === void 0 ? void 0 : _c.sizes) === null || _d === void 0 ? void 0 : _d[0]) !== null && _e !== void 0 ? _e : DEFAULT_PAGE_SIZE;
+    }
   }, {
     key: "setSearchBoxOptions",
     value: function setSearchBoxOptions(_ref) {

package/dist/es/store/modules/options.d.ts

@@ -1,4 +1,5 @@
 import { SearchBoxOptions } from "@/types/search-box/SearchBoxOptions";
+import { RoutingBehavior } from "@/types/search-results/RoutingBehavior";
 import { SearchResultsOptions } from "@/types/search-results/SearchResultsOptions";
 import { FilterGroup, Options } from "@getlupa/client-sdk/Types";
 import { VuexModule } from "vuex-module-decorators";
@@ -9,6 +10,8 @@ export default class OptionsModule extends VuexModule {
     get envOptions(): Options;
     get classMap(): Record<string, string>;
     get initialFilters(): FilterGroup;
+    get boxRoutingBehavior(): RoutingBehavior;
+    get defaultSearchResultPageSize(): number;
     setSearchBoxOptions({ options }: {
         options: SearchBoxOptions;
     }): void;

package/dist/es/types/search-box/SearchBoxOptions.d.ts

@@ -1,9 +1,11 @@
 import { SdkOptions } from "../General";
+import { RoutingBehavior } from "../search-results/RoutingBehavior";
 import { SearchBoxHistory } from "./SearchBoxHistory";
 import { SearchBoxPanel } from "./SearchBoxPanel";
 export declare type SearchBoxOptions = SearchBoxPanelOptions & {
     inputSelector: string;
     searchTriggers?: string[];
+    routingBehavior?: RoutingBehavior;
 };
 export declare type SearchBoxOptionLabels = {
     placeholder: string;

package/dist/es/utils/query.utils.d.ts

@@ -1,5 +1,5 @@
 import { QueryParams } from "@/types/search-results/QueryParams";
 import { SearchResultsSortOptions } from "@/types/search-results/SearchResultsSort";
 import { FilterGroup, PublicQuery } from "@getlupa/client-sdk/Types";
-export declare const createPublicQuery: (queryParams: QueryParams, sortOptions?: SearchResultsSortOptions[] | undefined) => PublicQuery;
+export declare const createPublicQuery: (queryParams: QueryParams, sortOptions?: SearchResultsSortOptions[] | undefined, defaultPageSize?: number | undefined) => PublicQuery;
 export declare const getPublicQuery: (publicQuery: PublicQuery, initialFilters: FilterGroup, isProductList: boolean) => PublicQuery;

package/dist/es/utils/routing.utils.d.ts

@@ -1,2 +1,5 @@
+import { InputSuggestionFacet } from "@/types/search-box/Common";
+import { RoutingBehavior } from "..";
 export declare const emitRoutingEvent: (url: string) => void;
 export declare const handleRoutingEvent: (link: string, event?: Event | undefined, hasEventRouting?: boolean) => void;
+export declare const redirectToResultsPage: (link: string, searchText: string, facet?: InputSuggestionFacet | undefined, routingBehavior?: RoutingBehavior) => void;

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

@@ -51,6 +51,7 @@ export default class SearchResults extends Vue {
     setLoading: (loading: boolean) => {
         loading: boolean;
     };
+    defaultSearchResultPageSize: number;
     handleUrlChange(params?: URLSearchParams): void;
     query(publicQuery: PublicQuery): void;
     handleResults({ queryKey, results, }: {