vviinn-widgets 2.164.1 → 2.164.3

package/dist/cjs/{package-d363dcad.js → package-f5d2b67e.js}

@@ -14,7 +14,7 @@ function fromString(s) {
   return s === "VPR" ? { _tag: "VPR" } : { _tag: "VCS" };
 }
 
-const version = "2.164.1";
+const version = "2.164.3";
 
 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-d363dcad.js');
+const _package = require('./package-f5d2b67e.js');
 const resources = require('./resources-9a669f8f.js');
 const index$3 = require('./index-8829b0f1.js');
 const constants$1 = require('./constants-0a36f053.js');

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-d363dcad.js');
+const _package = require('./package-f5d2b67e.js');
 const index$1 = require('./index-c53c869d.js');
 const constants = require('./constants-5598c49b.js');
 const Rectangle = require('./Rectangle-baf86229.js');
@@ -2139,6 +2139,10 @@ const VviinnVprWidget = class {
       this.recommendationsLoading = loading;
       (_a = this.setRecommendationsLoading) === null || _a === void 0 ? void 0 : _a.call(this, loading);
     };
+    this.showNoResultText = () => !this.recommendationsLoading &&
+      (this.recommendations.length === 0 ||
+        (this.recommendations.length < this.setItemsAmount && this.isSetMode) ||
+        this.hasErrorOnLoad);
     this.productCardEventDataToEventBody = (eventData) => {
       const { productRank, productId, campaignTypeId, discount } = eventData, rest = __rest(eventData, ["productRank", "productId", "campaignTypeId", "discount"]);
       return Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
@@ -2368,6 +2372,7 @@ const VviinnVprWidget = class {
       this.setLoading(false);
     }, (data) => {
       this.handleRecommendationsSuccess(data);
+      this.vviinnRecommendationsLoaded.emit();
       this.setLoading(false);
     }));
   }
@@ -2427,11 +2432,7 @@ const VviinnVprWidget = class {
         "show-in-widget": this.showInWidget,
       }, "aria-hidden": "false" }, index.h(index.Fragment, null, this.renderExternalCSS(), customizedSlots.SlotSkeleton("discovery"), (this.isSetMode || ((_a = this.blockTitle) === null || _a === void 0 ? void 0 : _a.length) !== 0) && (index.h("div", { class: "widget-header" }, index.h("div", null, index.h("h2", { part: "recommendations-title" }, index.h("slot", { name: "vviinn-recommendations-title" }, this.isSetMode
       ? Rectangle.instance.t("setMode.widgetTitle")
-      : this.blockTitle || Rectangle.instance.t("discoveryWidgetTitle"))), this.isSetMode && (index.h("h3", { part: "recommendations-subtitle" }, index.h("slot", { name: "vviinn-recommendations-subtitle" }, Rectangle.instance.t("setMode.widgetSubtitle"))))), this.isSetMode && this.updateButtonLocation !== "onItem" ? (index.h("button", { class: "update-button", part: "update-button-top", onClick: () => (this.updatingAllCards = true) }, index.h("slot", { name: "vviinn-update-button-icon" }, index.h(UpdateIcon, null)), index.h("slot", { name: "vviinn-update-button-text" }, index.h("span", null, Rectangle.instance.t("setMode.updateButtonText"))))) : null)), (this.showFilters || this.showExtendedFilters) && (index.h("div", { class: "filters-header " }, this.showFilters && (index.h("vviinn-filters", { filters: this.dynamicFilters })), this.showExtendedFilters && (index.h("vviinn-extended-filters", { filters: this.dynamicFilters })))), this.useCarousel ? this.renderCarousel() : this.renderResults(), (this.recommendations.length === 0 ||
-      (this.recommendations.length < this.setItemsAmount &&
-        this.isSetMode) ||
-      this.hasErrorOnLoad) &&
-      !this.recommendationsLoading && (index.h("div", { class: "no-result-text" }, this.noResultText.length
+      : this.blockTitle || Rectangle.instance.t("discoveryWidgetTitle"))), this.isSetMode && (index.h("h3", { part: "recommendations-subtitle" }, index.h("slot", { name: "vviinn-recommendations-subtitle" }, Rectangle.instance.t("setMode.widgetSubtitle"))))), this.isSetMode && this.updateButtonLocation !== "onItem" ? (index.h("button", { class: "update-button", part: "update-button-top", onClick: () => (this.updatingAllCards = true) }, index.h("slot", { name: "vviinn-update-button-icon" }, index.h(UpdateIcon, null)), index.h("slot", { name: "vviinn-update-button-text" }, index.h("span", null, Rectangle.instance.t("setMode.updateButtonText"))))) : null)), (this.showFilters || this.showExtendedFilters) && (index.h("div", { class: "filters-header " }, this.showFilters && (index.h("vviinn-filters", { filters: this.dynamicFilters })), this.showExtendedFilters && (index.h("vviinn-extended-filters", { filters: this.dynamicFilters })))), this.useCarousel ? this.renderCarousel() : this.renderResults(), this.showNoResultText() && (index.h("div", { class: "no-result-text" }, this.noResultText.length
       ? this.noResultText
       : Rectangle.instance.t("noResultText"))))));
   }

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-d363dcad.js');
+const _package = require('./package-f5d2b67e.js');
 const index$1 = require('./index-8829b0f1.js');
 const constants = require('./constants-5598c49b.js');
 

package/dist/collection/components/vviinn-vpr-widget/vviinn-vpr-widget.js

@@ -40,6 +40,10 @@ export class VviinnVprWidget {
       this.recommendationsLoading = loading;
       (_a = this.setRecommendationsLoading) === null || _a === void 0 ? void 0 : _a.call(this, loading);
     };
+    this.showNoResultText = () => !this.recommendationsLoading &&
+      (this.recommendations.length === 0 ||
+        (this.recommendations.length < this.setItemsAmount && this.isSetMode) ||
+        this.hasErrorOnLoad);
     this.productCardEventDataToEventBody = (eventData) => {
       const { productRank, productId, campaignTypeId, discount } = eventData, rest = __rest(eventData, ["productRank", "productId", "campaignTypeId", "discount"]);
       return Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
@@ -269,6 +273,7 @@ export class VviinnVprWidget {
       this.setLoading(false);
     }, (data) => {
       this.handleRecommendationsSuccess(data);
+      this.vviinnRecommendationsLoaded.emit();
       this.setLoading(false);
     }));
   }
@@ -328,11 +333,7 @@ export class VviinnVprWidget {
         "show-in-widget": this.showInWidget,
       }, "aria-hidden": "false" }, h(Fragment, null, this.renderExternalCSS(), SlotSkeleton("discovery"), (this.isSetMode || ((_a = this.blockTitle) === null || _a === void 0 ? void 0 : _a.length) !== 0) && (h("div", { class: "widget-header" }, h("div", null, h("h2", { part: "recommendations-title" }, h("slot", { name: "vviinn-recommendations-title" }, this.isSetMode
       ? i18next.t("setMode.widgetTitle")
-      : this.blockTitle || i18next.t("discoveryWidgetTitle"))), this.isSetMode && (h("h3", { part: "recommendations-subtitle" }, h("slot", { name: "vviinn-recommendations-subtitle" }, i18next.t("setMode.widgetSubtitle"))))), this.isSetMode && this.updateButtonLocation !== "onItem" ? (h("button", { class: "update-button", part: "update-button-top", onClick: () => (this.updatingAllCards = true) }, h("slot", { name: "vviinn-update-button-icon" }, h(UpdateIcon, null)), h("slot", { name: "vviinn-update-button-text" }, h("span", null, i18next.t("setMode.updateButtonText"))))) : null)), (this.showFilters || this.showExtendedFilters) && (h("div", { class: "filters-header " }, this.showFilters && (h("vviinn-filters", { filters: this.dynamicFilters })), this.showExtendedFilters && (h("vviinn-extended-filters", { filters: this.dynamicFilters })))), this.useCarousel ? this.renderCarousel() : this.renderResults(), (this.recommendations.length === 0 ||
-      (this.recommendations.length < this.setItemsAmount &&
-        this.isSetMode) ||
-      this.hasErrorOnLoad) &&
-      !this.recommendationsLoading && (h("div", { class: "no-result-text" }, this.noResultText.length
+      : this.blockTitle || i18next.t("discoveryWidgetTitle"))), this.isSetMode && (h("h3", { part: "recommendations-subtitle" }, h("slot", { name: "vviinn-recommendations-subtitle" }, i18next.t("setMode.widgetSubtitle"))))), this.isSetMode && this.updateButtonLocation !== "onItem" ? (h("button", { class: "update-button", part: "update-button-top", onClick: () => (this.updatingAllCards = true) }, h("slot", { name: "vviinn-update-button-icon" }, h(UpdateIcon, null)), h("slot", { name: "vviinn-update-button-text" }, h("span", null, i18next.t("setMode.updateButtonText"))))) : null)), (this.showFilters || this.showExtendedFilters) && (h("div", { class: "filters-header " }, this.showFilters && (h("vviinn-filters", { filters: this.dynamicFilters })), this.showExtendedFilters && (h("vviinn-extended-filters", { filters: this.dynamicFilters })))), this.useCarousel ? this.renderCarousel() : this.renderResults(), this.showNoResultText() && (h("div", { class: "no-result-text" }, this.noResultText.length
       ? this.noResultText
       : i18next.t("noResultText"))))));
   }

package/dist/esm/{package-e4e9c3ed.js → package-719714a3.js}

@@ -12,6 +12,6 @@ function fromString(s) {
   return s === "VPR" ? { _tag: "VPR" } : { _tag: "VCS" };
 }
 
-const version = "2.164.1";
+const version = "2.164.3";
 
 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-e4e9c3ed.js';
+import { c as campaignTypeNames, v as version } from './package-719714a3.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';

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-e4e9c3ed.js';
+import { c as campaignTypeNames, f as fromString, a as fold, v as version } from './package-719714a3.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';
@@ -2135,6 +2135,10 @@ const VviinnVprWidget = class {
       this.recommendationsLoading = loading;
       (_a = this.setRecommendationsLoading) === null || _a === void 0 ? void 0 : _a.call(this, loading);
     };
+    this.showNoResultText = () => !this.recommendationsLoading &&
+      (this.recommendations.length === 0 ||
+        (this.recommendations.length < this.setItemsAmount && this.isSetMode) ||
+        this.hasErrorOnLoad);
     this.productCardEventDataToEventBody = (eventData) => {
       const { productRank, productId, campaignTypeId, discount } = eventData, rest = __rest(eventData, ["productRank", "productId", "campaignTypeId", "discount"]);
       return Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
@@ -2364,6 +2368,7 @@ const VviinnVprWidget = class {
       this.setLoading(false);
     }, (data) => {
       this.handleRecommendationsSuccess(data);
+      this.vviinnRecommendationsLoaded.emit();
       this.setLoading(false);
     }));
   }
@@ -2423,11 +2428,7 @@ const VviinnVprWidget = class {
         "show-in-widget": this.showInWidget,
       }, "aria-hidden": "false" }, h(Fragment, null, this.renderExternalCSS(), SlotSkeleton("discovery"), (this.isSetMode || ((_a = this.blockTitle) === null || _a === void 0 ? void 0 : _a.length) !== 0) && (h("div", { class: "widget-header" }, h("div", null, h("h2", { part: "recommendations-title" }, h("slot", { name: "vviinn-recommendations-title" }, this.isSetMode
       ? instance.t("setMode.widgetTitle")
-      : this.blockTitle || instance.t("discoveryWidgetTitle"))), this.isSetMode && (h("h3", { part: "recommendations-subtitle" }, h("slot", { name: "vviinn-recommendations-subtitle" }, instance.t("setMode.widgetSubtitle"))))), this.isSetMode && this.updateButtonLocation !== "onItem" ? (h("button", { class: "update-button", part: "update-button-top", onClick: () => (this.updatingAllCards = true) }, h("slot", { name: "vviinn-update-button-icon" }, h(UpdateIcon, null)), h("slot", { name: "vviinn-update-button-text" }, h("span", null, instance.t("setMode.updateButtonText"))))) : null)), (this.showFilters || this.showExtendedFilters) && (h("div", { class: "filters-header " }, this.showFilters && (h("vviinn-filters", { filters: this.dynamicFilters })), this.showExtendedFilters && (h("vviinn-extended-filters", { filters: this.dynamicFilters })))), this.useCarousel ? this.renderCarousel() : this.renderResults(), (this.recommendations.length === 0 ||
-      (this.recommendations.length < this.setItemsAmount &&
-        this.isSetMode) ||
-      this.hasErrorOnLoad) &&
-      !this.recommendationsLoading && (h("div", { class: "no-result-text" }, this.noResultText.length
+      : this.blockTitle || instance.t("discoveryWidgetTitle"))), this.isSetMode && (h("h3", { part: "recommendations-subtitle" }, h("slot", { name: "vviinn-recommendations-subtitle" }, instance.t("setMode.widgetSubtitle"))))), this.isSetMode && this.updateButtonLocation !== "onItem" ? (h("button", { class: "update-button", part: "update-button-top", onClick: () => (this.updatingAllCards = true) }, h("slot", { name: "vviinn-update-button-icon" }, h(UpdateIcon, null)), h("slot", { name: "vviinn-update-button-text" }, h("span", null, instance.t("setMode.updateButtonText"))))) : null)), (this.showFilters || this.showExtendedFilters) && (h("div", { class: "filters-header " }, this.showFilters && (h("vviinn-filters", { filters: this.dynamicFilters })), this.showExtendedFilters && (h("vviinn-extended-filters", { filters: this.dynamicFilters })))), this.useCarousel ? this.renderCarousel() : this.renderResults(), this.showNoResultText() && (h("div", { class: "no-result-text" }, this.noResultText.length
       ? this.noResultText
       : instance.t("noResultText"))))));
   }

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-e4e9c3ed.js';
+import { c as campaignTypeNames, v as version } from './package-719714a3.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/types/components/vviinn-vpr-widget/vviinn-vpr-widget.d.ts

@@ -191,6 +191,7 @@ export declare class VviinnVprWidget implements ComponentInterface {
   private requestDynamicFilters;
   uiSessionId: string;
   private setLoading;
+  private showNoResultText;
   private getBasicEventData;
   private handleOpenLink;
   private findProductById;