@getlupa/client 0.8.0-alpha-3 → 0.8.1-alpha-1

package/dist/cjs/components/search-box/products/elements/SearchBoxProductCustom.vue.d.ts

@@ -6,5 +6,6 @@ export default class SearchBoxProductCustom extends Vue {
     options: CustomDocumentElement;
     get text(): string;
     get className(): string;
+    get label(): string | undefined;
     get isHtml(): boolean;
 }

package/dist/cjs/components/search-results/products/product-card/elements/SearchResultsProductCustom.vue.d.ts

@@ -6,5 +6,6 @@ export default class SearchResultsProductCustom extends Vue {
     options: CustomDocumentElement;
     get text(): string;
     get className(): string;
+    get label(): string | undefined;
     get isHtml(): boolean;
 }

package/dist/cjs/index.min.js

@@ -11640,6 +11640,9 @@ let SearchBoxProductCustom = class SearchBoxProductCustom extends Vue$1 {
     get className() {
         return this.options.className;
     }
+    get label() {
+        return this.options.label;
+    }
     get isHtml() {
         var _a;
         return (_a = this.options.isHtml) !== null && _a !== void 0 ? _a : false;
@@ -11670,7 +11673,17 @@ var __vue_render__$13 = function () {
         domProps: { innerHTML: _vm._s(_vm.text) },
       })
     : _c("div", { class: [_vm.className, "lupa-search-box-product-custom"] }, [
-        _vm._v("\n  " + _vm._s(_vm.text) + "\n"),
+        !_vm.label
+          ? _c("div", [_vm._v("\n    " + _vm._s(_vm.text) + "\n  ")])
+          : _c("div", [
+              _c("div", { staticClass: "lupa-search-box-custom-label" }, [
+                _vm._v(_vm._s(_vm.label)),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "lupa-search-box-custom-text" }, [
+                _vm._v(_vm._s(_vm.text)),
+              ]),
+            ]),
       ])
 };
 var __vue_staticRenderFns__$13 = [];
@@ -14121,7 +14134,10 @@ var Env = {
 	staging: staging
 };
 
-const getApiUrl = (environment) => {
+const getApiUrl = (environment, customBaseUrl) => {
+    if (customBaseUrl) {
+        return customBaseUrl;
+    }
     return Env[environment] || Env["production"];
 };
 
@@ -14164,8 +14180,8 @@ const suggestCustom = (query, options) => __awaiter(void 0, void 0, void 0, func
     const errors = yield res.json();
     return { success: false, errors };
 });
-const search = (queryKey, query, environment) => __awaiter(void 0, void 0, void 0, function* () {
-    const res = yield fetch(`${getApiUrl(environment)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
+const search = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
     if (res.status < 400) {
         const data = yield res.json();
         return Object.assign(Object.assign({}, data), { success: true });
@@ -14173,8 +14189,8 @@ const search = (queryKey, query, environment) => __awaiter(void 0, void 0, void
     const errors = yield res.json();
     return { success: false, errors };
 });
-const suggest = (queryKey, query, environment) => __awaiter(void 0, void 0, void 0, function* () {
-    const res = yield fetch(`${getApiUrl(environment)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
+const suggest = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
     if (res.status < 400) {
         const items = yield res.json();
         return { items, success: true };
@@ -14182,8 +14198,8 @@ const suggest = (queryKey, query, environment) => __awaiter(void 0, void 0, void
     const errors = yield res.json();
     return { success: false, errors };
 });
-const track$1 = (queryKey, event, environment) => __awaiter(void 0, void 0, void 0, function* () {
-    const res = yield fetch(`${getApiUrl(environment)}events`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
+const track$1 = (queryKey, event, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
     if (res.status < 400) {
         return { success: false };
     }
@@ -14195,16 +14211,16 @@ const getLupaSdk = {
         if (options === null || options === void 0 ? void 0 : options.customUrl) {
             return searchCustom(publicQuery, options);
         }
-        return search(queryKey, publicQuery, (options === null || options === void 0 ? void 0 : options.environment) || "production");
+        return search(queryKey, publicQuery, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
     },
     suggestions: (queryKey, suggestionQuery, options = null) => {
         if (options === null || options === void 0 ? void 0 : options.customUrl) {
             return suggestCustom(suggestionQuery, options);
         }
-        return suggest(queryKey, suggestionQuery, (options === null || options === void 0 ? void 0 : options.environment) || "production");
+        return suggest(queryKey, suggestionQuery, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
     },
     track: (queryKey, eventData, options = null) => {
-        return track$1(queryKey, eventData, (options === null || options === void 0 ? void 0 : options.environment) || "production");
+        return track$1(queryKey, eventData, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
     },
 };
 
@@ -17756,6 +17772,9 @@ let SearchResultsProductCustom = class SearchResultsProductCustom extends Vue$1
     get className() {
         return this.options.className;
     }
+    get label() {
+        return this.options.label;
+    }
     get isHtml() {
         var _a;
         return (_a = this.options.isHtml) !== null && _a !== void 0 ? _a : false;
@@ -17787,7 +17806,19 @@ var __vue_render__$p = function () {
         class: _vm.className,
         domProps: { innerHTML: _vm._s(_vm.text) },
       })
-    : _c("div", { class: _vm.className }, [_vm._v(_vm._s(_vm.text))])
+    : _c("div", { class: _vm.className }, [
+        !_vm.label
+          ? _c("div", [_vm._v("\n    " + _vm._s(_vm.text) + "\n  ")])
+          : _c("div", [
+              _c("div", { staticClass: "lupa-search-box-custom-label" }, [
+                _vm._v(_vm._s(_vm.label)),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "lupa-search-box-custom-text" }, [
+                _vm._v(_vm._s(_vm.text)),
+              ]),
+            ]),
+      ])
 };
 var __vue_staticRenderFns__$p = [];
 __vue_render__$p._withStripped = true;
@@ -20695,6 +20726,10 @@ __vue_render__$5._withStripped = true;
     undefined
   );
 
+const setDocumentTitle = (template, textToInsert = "") => {
+    document.title = addParamsToLabel(template, textToInsert);
+};
+
 const searchResult$1 = namespace("searchResult");
 const params$1 = namespace("params");
 const options$1 = namespace("options");
@@ -20742,6 +20777,9 @@ let SearchResults = class SearchResults extends Vue$1 {
     }
     handleMounted() {
         this.handleResize();
+        if (this.isProductList) {
+            setDocumentTitle(this.options.labels.htmlTitleTemplate, "");
+        }
         const params = new URLSearchParams(window.location.search);
         this.handleUrlChange(params);
         this.addParams(parseParams(params));
@@ -21945,10 +21983,6 @@ HistoryModule = __decorate([
 ], HistoryModule);
 var history = HistoryModule;
 
-const setDocumentTitle = (template, textToInsert = "") => {
-    document.title = addParamsToLabel(template, textToInsert);
-};
-
 let SearchResultModule = class SearchResultModule extends VuexModule {
     constructor() {
         super(...arguments);
@@ -22198,7 +22232,9 @@ let ParamsModule = class ParamsModule extends VuexModule {
         if (!params) {
             return { params: this.params };
         }
-        return { params };
+        const url = getPageUrl();
+        const searchString = url.search;
+        return { params, searchString };
     }
     removeAllFilters() {
         const url = getPageUrl();

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

@@ -20,6 +20,7 @@ export default class ParamsModule extends VuexModule {
     }): void;
     add(params: QueryParams): {
         params: QueryParams;
+        searchString?: string;
     };
     removeAllFilters(): {
         params: QueryParams;

package/dist/cjs/types/DocumentElement.d.ts

@@ -38,6 +38,7 @@ export declare type CustomDocumentElement<T = any> = DocumentElementBase<T> & {
     maxLines?: number;
     className: string;
     key: string;
+    label?: string;
 };
 export declare type PriceElement<T = any> = DocumentElementBase<T> & {
     type: DocumentElementType.PRICE;

package/dist/cjs/types/General.d.ts

@@ -2,6 +2,7 @@ import { AnalyticsOptions } from "./AnalyticsOptions";
 import { Environment as SdkEnvironment } from "@getlupa/client-sdk/Types";
 export declare type SdkOptions = {
     environment: SdkEnvironment;
+    customBaseUrl?: string;
     customUrl?: string;
     customPayload?: Record<string, unknown>;
     customHeaders?: Record<string, string>;

package/dist/es/components/search-box/products/elements/SearchBoxProductCustom.vue.d.ts

@@ -6,5 +6,6 @@ export default class SearchBoxProductCustom extends Vue {
     options: CustomDocumentElement;
     get text(): string;
     get className(): string;
+    get label(): string | undefined;
     get isHtml(): boolean;
 }

package/dist/es/components/search-results/products/product-card/elements/SearchResultsProductCustom.vue.d.ts

@@ -6,5 +6,6 @@ export default class SearchResultsProductCustom extends Vue {
     options: CustomDocumentElement;
     get text(): string;
     get className(): string;
+    get label(): string | undefined;
     get isHtml(): boolean;
 }

package/dist/es/index.min.js

@@ -11636,6 +11636,9 @@ let SearchBoxProductCustom = class SearchBoxProductCustom extends Vue$1 {
     get className() {
         return this.options.className;
     }
+    get label() {
+        return this.options.label;
+    }
     get isHtml() {
         var _a;
         return (_a = this.options.isHtml) !== null && _a !== void 0 ? _a : false;
@@ -11666,7 +11669,17 @@ var __vue_render__$13 = function () {
         domProps: { innerHTML: _vm._s(_vm.text) },
       })
     : _c("div", { class: [_vm.className, "lupa-search-box-product-custom"] }, [
-        _vm._v("\n  " + _vm._s(_vm.text) + "\n"),
+        !_vm.label
+          ? _c("div", [_vm._v("\n    " + _vm._s(_vm.text) + "\n  ")])
+          : _c("div", [
+              _c("div", { staticClass: "lupa-search-box-custom-label" }, [
+                _vm._v(_vm._s(_vm.label)),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "lupa-search-box-custom-text" }, [
+                _vm._v(_vm._s(_vm.text)),
+              ]),
+            ]),
       ])
 };
 var __vue_staticRenderFns__$13 = [];
@@ -14117,7 +14130,10 @@ var Env = {
 	staging: staging
 };
 
-const getApiUrl = (environment) => {
+const getApiUrl = (environment, customBaseUrl) => {
+    if (customBaseUrl) {
+        return customBaseUrl;
+    }
     return Env[environment] || Env["production"];
 };
 
@@ -14160,8 +14176,8 @@ const suggestCustom = (query, options) => __awaiter(void 0, void 0, void 0, func
     const errors = yield res.json();
     return { success: false, errors };
 });
-const search = (queryKey, query, environment) => __awaiter(void 0, void 0, void 0, function* () {
-    const res = yield fetch(`${getApiUrl(environment)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
+const search = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
     if (res.status < 400) {
         const data = yield res.json();
         return Object.assign(Object.assign({}, data), { success: true });
@@ -14169,8 +14185,8 @@ const search = (queryKey, query, environment) => __awaiter(void 0, void 0, void
     const errors = yield res.json();
     return { success: false, errors };
 });
-const suggest = (queryKey, query, environment) => __awaiter(void 0, void 0, void 0, function* () {
-    const res = yield fetch(`${getApiUrl(environment)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
+const suggest = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
     if (res.status < 400) {
         const items = yield res.json();
         return { items, success: true };
@@ -14178,8 +14194,8 @@ const suggest = (queryKey, query, environment) => __awaiter(void 0, void 0, void
     const errors = yield res.json();
     return { success: false, errors };
 });
-const track$1 = (queryKey, event, environment) => __awaiter(void 0, void 0, void 0, function* () {
-    const res = yield fetch(`${getApiUrl(environment)}events`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
+const track$1 = (queryKey, event, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
+    const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
     if (res.status < 400) {
         return { success: false };
     }
@@ -14191,16 +14207,16 @@ const getLupaSdk = {
         if (options === null || options === void 0 ? void 0 : options.customUrl) {
             return searchCustom(publicQuery, options);
         }
-        return search(queryKey, publicQuery, (options === null || options === void 0 ? void 0 : options.environment) || "production");
+        return search(queryKey, publicQuery, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
     },
     suggestions: (queryKey, suggestionQuery, options = null) => {
         if (options === null || options === void 0 ? void 0 : options.customUrl) {
             return suggestCustom(suggestionQuery, options);
         }
-        return suggest(queryKey, suggestionQuery, (options === null || options === void 0 ? void 0 : options.environment) || "production");
+        return suggest(queryKey, suggestionQuery, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
     },
     track: (queryKey, eventData, options = null) => {
-        return track$1(queryKey, eventData, (options === null || options === void 0 ? void 0 : options.environment) || "production");
+        return track$1(queryKey, eventData, (options === null || options === void 0 ? void 0 : options.environment) || "production", options === null || options === void 0 ? void 0 : options.customBaseUrl);
     },
 };
 
@@ -17752,6 +17768,9 @@ let SearchResultsProductCustom = class SearchResultsProductCustom extends Vue$1
     get className() {
         return this.options.className;
     }
+    get label() {
+        return this.options.label;
+    }
     get isHtml() {
         var _a;
         return (_a = this.options.isHtml) !== null && _a !== void 0 ? _a : false;
@@ -17783,7 +17802,19 @@ var __vue_render__$p = function () {
         class: _vm.className,
         domProps: { innerHTML: _vm._s(_vm.text) },
       })
-    : _c("div", { class: _vm.className }, [_vm._v(_vm._s(_vm.text))])
+    : _c("div", { class: _vm.className }, [
+        !_vm.label
+          ? _c("div", [_vm._v("\n    " + _vm._s(_vm.text) + "\n  ")])
+          : _c("div", [
+              _c("div", { staticClass: "lupa-search-box-custom-label" }, [
+                _vm._v(_vm._s(_vm.label)),
+              ]),
+              _vm._v(" "),
+              _c("div", { staticClass: "lupa-search-box-custom-text" }, [
+                _vm._v(_vm._s(_vm.text)),
+              ]),
+            ]),
+      ])
 };
 var __vue_staticRenderFns__$p = [];
 __vue_render__$p._withStripped = true;
@@ -20691,6 +20722,10 @@ __vue_render__$5._withStripped = true;
     undefined
   );
 
+const setDocumentTitle = (template, textToInsert = "") => {
+    document.title = addParamsToLabel(template, textToInsert);
+};
+
 const searchResult$1 = namespace("searchResult");
 const params$1 = namespace("params");
 const options$1 = namespace("options");
@@ -20738,6 +20773,9 @@ let SearchResults = class SearchResults extends Vue$1 {
     }
     handleMounted() {
         this.handleResize();
+        if (this.isProductList) {
+            setDocumentTitle(this.options.labels.htmlTitleTemplate, "");
+        }
         const params = new URLSearchParams(window.location.search);
         this.handleUrlChange(params);
         this.addParams(parseParams(params));
@@ -21941,10 +21979,6 @@ HistoryModule = __decorate([
 ], HistoryModule);
 var history = HistoryModule;
 
-const setDocumentTitle = (template, textToInsert = "") => {
-    document.title = addParamsToLabel(template, textToInsert);
-};
-
 let SearchResultModule = class SearchResultModule extends VuexModule {
     constructor() {
         super(...arguments);
@@ -22194,7 +22228,9 @@ let ParamsModule = class ParamsModule extends VuexModule {
         if (!params) {
             return { params: this.params };
         }
-        return { params };
+        const url = getPageUrl();
+        const searchString = url.search;
+        return { params, searchString };
     }
     removeAllFilters() {
         const url = getPageUrl();

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

@@ -20,6 +20,7 @@ export default class ParamsModule extends VuexModule {
     }): void;
     add(params: QueryParams): {
         params: QueryParams;
+        searchString?: string;
     };
     removeAllFilters(): {
         params: QueryParams;

package/dist/es/types/DocumentElement.d.ts

@@ -38,6 +38,7 @@ export declare type CustomDocumentElement<T = any> = DocumentElementBase<T> & {
     maxLines?: number;
     className: string;
     key: string;
+    label?: string;
 };
 export declare type PriceElement<T = any> = DocumentElementBase<T> & {
     type: DocumentElementType.PRICE;

package/dist/es/types/General.d.ts

@@ -2,6 +2,7 @@ import { AnalyticsOptions } from "./AnalyticsOptions";
 import { Environment as SdkEnvironment } from "@getlupa/client-sdk/Types";
 export declare type SdkOptions = {
     environment: SdkEnvironment;
+    customBaseUrl?: string;
     customUrl?: string;
     customPayload?: Record<string, unknown>;
     customHeaders?: Record<string, string>;

package/dist/iife/components/search-box/products/elements/SearchBoxProductCustom.vue.d.ts

@@ -6,5 +6,6 @@ export default class SearchBoxProductCustom extends Vue {
     options: CustomDocumentElement;
     get text(): string;
     get className(): string;
+    get label(): string | undefined;
     get isHtml(): boolean;
 }

package/dist/iife/components/search-results/products/product-card/elements/SearchResultsProductCustom.vue.d.ts

@@ -6,5 +6,6 @@ export default class SearchResultsProductCustom extends Vue {
     options: CustomDocumentElement;
     get text(): string;
     get className(): string;
+    get label(): string | undefined;
     get isHtml(): boolean;
 }