vviinn-widgets 2.162.0 → 2.163.0

package/dist/cjs/{package-8f6bcd6f.js → package-5dff7605.js}

@@ -14,7 +14,7 @@ function fromString(s) {
   return s === "VPR" ? { _tag: "VPR" } : { _tag: "VCS" };
 }
 
-const version = "2.162.0";
+const version = "2.163.0";
 
 exports.campaignTypeNames = campaignTypeNames;
 exports.fold = fold;

package/dist/cjs/vviinn-camera_12.cjs.entry.js

@@ -8,7 +8,7 @@ const customizedSlots = require('./customized-slots-09407c18.js');
 const index$2 = require('./index-c53c869d.js');
 const index$1 = require('./index-1953bc5b.js');
 const Rectangle = require('./Rectangle-baf86229.js');
-const _package = require('./package-8f6bcd6f.js');
+const _package = require('./package-5dff7605.js');
 const resources = require('./resources-9a669f8f.js');
 const index$3 = require('./index-8829b0f1.js');
 const constants$1 = require('./constants-0a36f053.js');
@@ -4082,6 +4082,12 @@ const VviinnResults = class {
     this.innerTextSearchQuery = newQuery;
     this.getTextSearchResults();
   }
+  watchSearchId(newId) {
+    if (this.showInWidget)
+      return;
+    if (newId)
+      search_store.makeVisualSearchRequest(this.storeName, newId);
+  }
   trackProductLoad({ detail }) {
     const productLoadEvent = this.getProductTrackEvent(detail, "load");
     search_store.trackEvent(productLoadEvent);
@@ -4212,7 +4218,8 @@ const VviinnResults = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "textSearchQuery": ["watchTextSearchQuery"]
+    "textSearchQuery": ["watchTextSearchQuery"],
+    "searchId": ["watchSearchId"]
   }; }
 };
 VviinnResults.style = vviinnResultsCss;

package/dist/cjs/vviinn-carousel_10.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1a40d6c9.js');
 const search_store = require('./search.store-a0492e39.js');
-const _package = require('./package-8f6bcd6f.js');
+const _package = require('./package-5dff7605.js');
 const index$1 = require('./index-c53c869d.js');
 const constants = require('./constants-5598c49b.js');
 const Rectangle = require('./Rectangle-baf86229.js');

package/dist/cjs/vviinn-detected-object_7.cjs.entry.js

@@ -7,7 +7,7 @@ const search_store = require('./search.store-a0492e39.js');
 const Rectangle = require('./Rectangle-baf86229.js');
 const WarningIcon = require('./WarningIcon-db443b71.js');
 const customizedSlots = require('./customized-slots-09407c18.js');
-const _package = require('./package-8f6bcd6f.js');
+const _package = require('./package-5dff7605.js');
 const index$1 = require('./index-8829b0f1.js');
 const constants = require('./constants-5598c49b.js');
 

package/dist/cjs/vviinn-text-search.cjs.entry.js

@@ -159,6 +159,12 @@ const VviinnTextSearch = class {
     document.addEventListener("vviinnFilterTriggered", this.filterTriggeredHandler);
     document.addEventListener("vviinnImageUploadFinished", this.imageUploadFinishedHandler);
   }
+  watchSearchQuery(newQuery) {
+    if (this.showInWidget)
+      return;
+    this.searchQuery = newQuery;
+    this.handleTextSearch();
+  }
   disconnectedCallback() {
     document.removeEventListener("vviinnFilterTriggered", this.filterTriggeredHandler);
     document.removeEventListener("vviinnImageUploadFinished", this.imageUploadFinishedHandler);
@@ -234,6 +240,9 @@ const VviinnTextSearch = class {
       this.recognition && (index.h("button", { class: "speech-button", part: "speech-button", onClick: () => this.handleSpeech() }, index.h(MicIcon, null), this.isShowRecording() && (index.h("span", { class: "recording-indicator" })))), index.h("button", { class: "text-search-button", part: "text-search-button", onClick: () => this.handleTextSearch(), disabled: this.state.loading }, this.isShowPreloader() ? (index.h("vviinn-preloader", null)) : (index.h("slot", { name: "vviinn-text-search-icon" }, index.h(TextSearchIcon, null))))), this.showTooltip && (index.h("p", { class: "text-search-tooltip", part: "text-search-tooltip" }, Rectangle.instance.t(this.tooltipText)))));
   }
   get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "searchQuery": ["watchSearchQuery"]
+  }; }
 };
 VviinnTextSearch.style = vviinnTextSearchCss;
 

package/dist/collection/components/vviinn-results/vviinn-results.js

@@ -297,6 +297,12 @@ export class VviinnResults {
     this.innerTextSearchQuery = newQuery;
     this.getTextSearchResults();
   }
+  watchSearchId(newId) {
+    if (this.showInWidget)
+      return;
+    if (newId)
+      makeVisualSearchRequest(this.storeName, newId);
+  }
   trackProductLoad({ detail }) {
     const productLoadEvent = this.getProductTrackEvent(detail, "load");
     trackEvent(productLoadEvent);
@@ -1260,6 +1266,9 @@ export class VviinnResults {
     return [{
         "propName": "textSearchQuery",
         "methodName": "watchTextSearchQuery"
+      }, {
+        "propName": "searchId",
+        "methodName": "watchSearchId"
       }];
   }
   static get listeners() {

package/dist/collection/components/vviinn-text-search/vviinn-text-search.js

@@ -84,6 +84,12 @@ export class VviinnTextSearch {
     document.addEventListener("vviinnFilterTriggered", this.filterTriggeredHandler);
     document.addEventListener("vviinnImageUploadFinished", this.imageUploadFinishedHandler);
   }
+  watchSearchQuery(newQuery) {
+    if (this.showInWidget)
+      return;
+    this.searchQuery = newQuery;
+    this.handleTextSearch();
+  }
   disconnectedCallback() {
     document.removeEventListener("vviinnFilterTriggered", this.filterTriggeredHandler);
     document.removeEventListener("vviinnImageUploadFinished", this.imageUploadFinishedHandler);
@@ -495,4 +501,10 @@ export class VviinnTextSearch {
       }];
   }
   static get elementRef() { return "el"; }
+  static get watchers() {
+    return [{
+        "propName": "searchQuery",
+        "methodName": "watchSearchQuery"
+      }];
+  }
 }

package/dist/esm/{package-8c6cbb74.js → package-e9d5518f.js}

@@ -12,6 +12,6 @@ function fromString(s) {
   return s === "VPR" ? { _tag: "VPR" } : { _tag: "VCS" };
 }
 
-const version = "2.162.0";
+const version = "2.163.0";
 
 export { fold as a, campaignTypeNames as c, fromString as f, version as v };

package/dist/esm/vviinn-camera_12.entry.js

@@ -4,7 +4,7 @@ import { s as slotChangeListener, p as productCardSlotNames, v as vprIconSlotNam
 import { P as PlusIcon, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, e as createWidgetEvent, j as createFilterEvent, v as v4, c as createAddToBasketEvent, d as createAddToWishlistEvent, f as createResultEventByType, h as createProductEventByType, g as getCustomLabels, k as createImageSearchEvent } from './index-e4a52727.js';
 import { s as setLocalStorageItems, g as getLocalStorageItems, c as cleanLocalStorage } from './index-52ea1bdf.js';
 import { f as fromImage, i as instance } from './Rectangle-abec127b.js';
-import { c as campaignTypeNames, v as version } from './package-8c6cbb74.js';
+import { c as campaignTypeNames, v as version } from './package-e9d5518f.js';
 import { r as resources } from './resources-4651fe88.js';
 import { b as productCardsGridPart, a as productCardParts, m as modalParts, f as filtersParts, c as extendedFiltersParts, s as searchBarParts, d as searchWidgetFilterParts, g as searchWidgetButtonParts } from './index-955afdff.js';
 import { f as findSlotElements, g as getSlotNames, D as DEFAULT_EXAMPLE_IMAGE } from './constants-c2f6bdfe.js';
@@ -4078,6 +4078,12 @@ const VviinnResults = class {
     this.innerTextSearchQuery = newQuery;
     this.getTextSearchResults();
   }
+  watchSearchId(newId) {
+    if (this.showInWidget)
+      return;
+    if (newId)
+      makeVisualSearchRequest(this.storeName, newId);
+  }
   trackProductLoad({ detail }) {
     const productLoadEvent = this.getProductTrackEvent(detail, "load");
     trackEvent(productLoadEvent);
@@ -4208,7 +4214,8 @@ const VviinnResults = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "textSearchQuery": ["watchTextSearchQuery"]
+    "textSearchQuery": ["watchTextSearchQuery"],
+    "searchId": ["watchSearchId"]
   }; }
 };
 VviinnResults.style = vviinnResultsCss;

package/dist/esm/vviinn-carousel_10.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as createEvent, F as Fragment, H as Host, g as getElement } from './index-057b9128.js';
 import { h as has, t as tuple, a as addIfNotEmpty, _ as _function, b as _Array, g as globalState, u as useSearchStore, O as Option, S as Semigroup, E as Either, s as searchState, p as pipe, c as chainW, m as makeRequest, f as fromEither, d as getApiPath, e as createInitPostRequest, A as Apply, i as updateGlobalState, j as trackEvent, T as TaskEither } from './search.store-e2fcd9a6.js';
-import { c as campaignTypeNames, f as fromString, a as fold, v as version } from './package-8c6cbb74.js';
+import { c as campaignTypeNames, f as fromString, a as fold, v as version } from './package-e9d5518f.js';
 import { C as CAROUSEL_IMAGE_WIDTH_CSS_VAR, S as SET_MODE_IMAGE_WIDTH_CSS_VAR, a as CAROUSEL_CONTENT_WIDTH_CSS_VAR, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, D as DEFAULT_COLUMNS_NUMBER, b as CONTENT_GROUP_CSS_CLASS, g as getCustomLabels, P as PlusIcon, v as v4, c as createAddToBasketEvent, d as createAddToWishlistEvent, e as createWidgetEvent, f as createResultEventByType, h as createProductEventByType, i as getRecommendationsBody } from './index-e4a52727.js';
 import { P as PRODUCT_CARD_IMAGE_WIDTH, D as DISCOVERY_WIDGET_IMAGE_RESOLUTION_WIDTH } from './constants-c02c4b27.js';
 import { i as instance, a as isClickedInRectBound } from './Rectangle-abec127b.js';

package/dist/esm/vviinn-detected-object_7.entry.js

@@ -3,7 +3,7 @@ import { _ as _function, O as Option, D as detectedObjectEq, s as searchState, a
 import { s as scaleWithSized, c as center, i as instance } from './Rectangle-abec127b.js';
 import { W as WarningIcon } from './WarningIcon-7896b328.js';
 import { s as slotChangeListener } from './customized-slots-f8cebd42.js';
-import { c as campaignTypeNames, v as version } from './package-8c6cbb74.js';
+import { c as campaignTypeNames, v as version } from './package-e9d5518f.js';
 import { m as modalParts } from './index-955afdff.js';
 import { P as PRODUCT_CARD_IMAGE_WIDTH, D as DISCOVERY_WIDGET_IMAGE_RESOLUTION_WIDTH } from './constants-c02c4b27.js';
 

package/dist/esm/vviinn-text-search.entry.js

@@ -155,6 +155,12 @@ const VviinnTextSearch = class {
     document.addEventListener("vviinnFilterTriggered", this.filterTriggeredHandler);
     document.addEventListener("vviinnImageUploadFinished", this.imageUploadFinishedHandler);
   }
+  watchSearchQuery(newQuery) {
+    if (this.showInWidget)
+      return;
+    this.searchQuery = newQuery;
+    this.handleTextSearch();
+  }
   disconnectedCallback() {
     document.removeEventListener("vviinnFilterTriggered", this.filterTriggeredHandler);
     document.removeEventListener("vviinnImageUploadFinished", this.imageUploadFinishedHandler);
@@ -230,6 +236,9 @@ const VviinnTextSearch = class {
       this.recognition && (h("button", { class: "speech-button", part: "speech-button", onClick: () => this.handleSpeech() }, h(MicIcon, null), this.isShowRecording() && (h("span", { class: "recording-indicator" })))), h("button", { class: "text-search-button", part: "text-search-button", onClick: () => this.handleTextSearch(), disabled: this.state.loading }, this.isShowPreloader() ? (h("vviinn-preloader", null)) : (h("slot", { name: "vviinn-text-search-icon" }, h(TextSearchIcon, null))))), this.showTooltip && (h("p", { class: "text-search-tooltip", part: "text-search-tooltip" }, instance.t(this.tooltipText)))));
   }
   get el() { return getElement(this); }
+  static get watchers() { return {
+    "searchQuery": ["watchSearchQuery"]
+  }; }
 };
 VviinnTextSearch.style = vviinnTextSearchCss;
 

package/dist/types/components/vviinn-results/vviinn-results.d.ts

@@ -183,6 +183,7 @@ export declare class VviinnResults {
   connectedCallback(): void;
   disconnectedCallback(): void;
   watchTextSearchQuery(newQuery: string): void;
+  watchSearchId(newId: string): void;
   trackProductLoad({ detail }: ProductCardEvent): void;
   trackProductView({ detail }: ProductCardEvent): void;
   trackProductClick({ detail }: ProductCardEvent): Promise<void>;

package/dist/types/components/vviinn-text-search/vviinn-text-search.d.ts

@@ -67,6 +67,7 @@ export declare class VviinnTextSearch {
   private recognition;
   private imageUploadFinishedHandler;
   connectedCallback(): void;
+  watchSearchQuery(newQuery: string): void;
   disconnectedCallback(): void;
   private filterTriggeredHandler;
   private trackTextSearch;