ng-miam 9.1.31 → 9.1.32

package/bundles/ng-miam.umd.js

@@ -1838,7 +1838,7 @@
       analyticsEnabled: true // Only used in DEV mode
   };
 
-  var WINDOW_SINGLETON_KEY = '__mealzRecipeCardShowTracker__';
+  var WINDOW_SINGLETON_KEY$1 = '__mealzRecipeCardShowTracker__';
   /**
    * Tracks recipe.show events and prevents duplicates for 5 minutes per recipe.
    * Shared across SDK and Lit recipe cards via {@link WINDOW_SINGLETON_KEY} on window.
@@ -1861,7 +1861,7 @@
           var w = typeof window !== 'undefined'
               ? window
               : undefined;
-          var fromWindow = w === null || w === void 0 ? void 0 : w[WINDOW_SINGLETON_KEY];
+          var fromWindow = w === null || w === void 0 ? void 0 : w[WINDOW_SINGLETON_KEY$1];
           if (fromWindow) {
               RecipeCardShowTracker.instance = fromWindow;
               return fromWindow;
@@ -1869,7 +1869,7 @@
           if (!RecipeCardShowTracker.instance) {
               RecipeCardShowTracker.instance = new RecipeCardShowTracker();
               if (w) {
-                  w[WINDOW_SINGLETON_KEY] = RecipeCardShowTracker.instance;
+                  w[WINDOW_SINGLETON_KEY$1] = RecipeCardShowTracker.instance;
               }
           }
           return RecipeCardShowTracker.instance;
@@ -1922,7 +1922,7 @@
           this.trackedRecipes.clear();
           RecipeCardShowTracker.instance = null;
           if (typeof window !== 'undefined') {
-              delete window[WINDOW_SINGLETON_KEY];
+              delete window[WINDOW_SINGLETON_KEY$1];
           }
       };
       RecipeCardShowTracker.prototype.startAutoCleanup = function () {
@@ -2010,6 +2010,134 @@
       };
   }
 
+  var WINDOW_SINGLETON_KEY = '__mealzProductShowTracker__';
+  /**
+   * Dedupes product.show per recipe visit (recipeId:itemId).
+   * Cleared by recipe-modal on drawer close or recipe switch, and by standalone recipe-details on destroy.
+   */
+  var ProductShowTracker = /** @class */ (function () {
+      function ProductShowTracker() {
+          var _this = this;
+          this.trackedKeys = new Set();
+          this.handlePageUnload = function () {
+              _this.destroy();
+          };
+          if (typeof window !== 'undefined') {
+              window.addEventListener('beforeunload', this.handlePageUnload);
+          }
+      }
+      ProductShowTracker.getInstance = function () {
+          var windowRef = typeof window !== 'undefined' ? window : undefined;
+          var fromWindow = windowRef === null || windowRef === void 0 ? void 0 : windowRef[WINDOW_SINGLETON_KEY];
+          if (fromWindow) {
+              ProductShowTracker.instance = fromWindow;
+              return fromWindow;
+          }
+          if (!ProductShowTracker.instance) {
+              ProductShowTracker.instance = new ProductShowTracker();
+              if (windowRef) {
+                  windowRef[WINDOW_SINGLETON_KEY] = ProductShowTracker.instance;
+              }
+          }
+          return ProductShowTracker.instance;
+      };
+      ProductShowTracker.prototype.trackProductShow = function (analyticsPath, props) {
+          var _a, _b;
+          var trackingKey = props.recipe_id + ":" + props.item_id;
+          if (this.trackedKeys.has(trackingKey)) {
+              return;
+          }
+          this.trackedKeys.add(trackingKey);
+          (_b = (_a = window.mealzInternal) === null || _a === void 0 ? void 0 : _a.analytics) === null || _b === void 0 ? void 0 : _b.sendEvent('product.show', analyticsPath, props);
+      };
+      ProductShowTracker.prototype.clearForRecipe = function (recipeId) {
+          var e_1, _c;
+          var prefix = recipeId + ":";
+          try {
+              for (var _d = __values(this.trackedKeys), _e = _d.next(); !_e.done; _e = _d.next()) {
+                  var key = _e.value;
+                  if (key.startsWith(prefix)) {
+                      this.trackedKeys.delete(key);
+                  }
+              }
+          }
+          catch (e_1_1) { e_1 = { error: e_1_1 }; }
+          finally {
+              try {
+                  if (_e && !_e.done && (_c = _d.return)) _c.call(_d);
+              }
+              finally { if (e_1) throw e_1.error; }
+          }
+      };
+      ProductShowTracker.prototype.clearAll = function () {
+          this.trackedKeys.clear();
+      };
+      ProductShowTracker.prototype.destroy = function () {
+          if (typeof window !== 'undefined') {
+              window.removeEventListener('beforeunload', this.handlePageUnload);
+              delete window[WINDOW_SINGLETON_KEY];
+          }
+          this.trackedKeys.clear();
+          ProductShowTracker.instance = null;
+      };
+      return ProductShowTracker;
+  }());
+  ProductShowTracker.instance = null;
+
+  var PRODUCT_SHOW_ANALYTICS_PATH_SUFFIX = '/shopping';
+  var PRODUCT_SHOW_VISIBILITY_THRESHOLD = 0.8;
+  var PRODUCT_SHOW_DEBOUNCE_MS = 1000;
+  var SKIP_PRODUCT_SHOW_STATUSES = ['unavailable', 'out_of_stock', 'ignored', 'deleted', 'often_deleted'];
+  function buildProductShowProps(product, recipeId) {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+      var basketEntry = product === null || product === void 0 ? void 0 : product.basketEntry;
+      var selectedItem = basketEntry === null || basketEntry === void 0 ? void 0 : basketEntry.selectedItem;
+      var item = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id) != null ? selectedItem : product === null || product === void 0 ? void 0 : product.item;
+      if ((item === null || item === void 0 ? void 0 : item.id) == null) {
+          return null;
+      }
+      var itemAttributes = item.attributes || {};
+      var entryName = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id) != null
+          ? ((_c = (_a = basketEntry.name) !== null && _a !== void 0 ? _a : (_b = basketEntry.attributes) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : '')
+          : ((_h = (_f = (_e = (_d = product.ingredient) === null || _d === void 0 ? void 0 : _d.attributes) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : (_g = product.ingredient) === null || _g === void 0 ? void 0 : _g.name) !== null && _h !== void 0 ? _h : '');
+      var productBasePrice = ((_j = product === null || product === void 0 ? void 0 : product.price) === null || _j === void 0 ? void 0 : _j.unit) != null ? String(product.price.unit) : '0.0';
+      return {
+          entry_name: entryName,
+          item_id: String(item.id),
+          ext_item_id: String((_k = itemAttributes['ext-id']) !== null && _k !== void 0 ? _k : ''),
+          item_ean: String((_m = (_l = item.ean) !== null && _l !== void 0 ? _l : itemAttributes.ean) !== null && _m !== void 0 ? _m : ''),
+          recipe_id: recipeId,
+          product_base_price: productBasePrice
+      };
+  }
+  function isProductShowEligible(status) {
+      return !!status && !SKIP_PRODUCT_SHOW_STATUSES.includes(status);
+  }
+  function getProductShowStatus(product) {
+      var _a, _b;
+      return (_b = (_a = product.basketEntry) === null || _a === void 0 ? void 0 : _a.status) !== null && _b !== void 0 ? _b : product.status;
+  }
+  function attachProductShowTracking(options) {
+      var element = options.element, product = options.product, recipeId = options.recipeId, _o = options.analyticsPath, analyticsPath = _o === void 0 ? "/recipes/" + recipeId + PRODUCT_SHOW_ANALYTICS_PATH_SUFFIX : _o;
+      ProductShowTracker.getInstance();
+      var listener = new ViewportListener(element, function () {
+          if (!isProductShowEligible(getProductShowStatus(product))) {
+              return;
+          }
+          var props = buildProductShowProps(product, recipeId);
+          if (!props) {
+              return;
+          }
+          ProductShowTracker.getInstance().trackProductShow(analyticsPath, props);
+      }, {
+          threshold: PRODUCT_SHOW_VISIBILITY_THRESHOLD,
+          debounce: PRODUCT_SHOW_DEBOUNCE_MS
+      });
+      return {
+          disconnect: function () { return listener.disconnect(); }
+      };
+  }
+
   var Ingredient = /** @class */ (function (_super) {
       __extends(Ingredient, _super);
       function Ingredient() {
@@ -3823,7 +3951,7 @@
       EventJourney["EMPTY"] = "";
   })(EventJourney || (EventJourney = {}));
 
-  var VERSION = "9.1.31"; // TODO: replace by ##VERSION## and update it in the CI/CD
+  var VERSION = "9.1.32"; // TODO: replace by ##VERSION## and update it in the CI/CD
 
   var ContextRegistryService = /** @class */ (function () {
       function ContextRegistryService() {
@@ -3960,6 +4088,7 @@
           var detectedJourney = journey !== null && journey !== void 0 ? journey : detectJourney();
           var isBulk = actions.length > 1;
           actions.forEach(function (action) {
+              var _a;
               // Determine add_source: replacement if previousItem exists, otherwise unit or bulk based on actions count
               var addSource;
               if (action.params.previousItem) {
@@ -3977,6 +4106,7 @@
                   ext_item_id: action.params.basketEntry.selectedItem.attributes['ext-id'],
                   item_ean: action.params.basketEntry.selectedItem.ean,
                   product_quantity: action.params.basketEntry.quantity.toString(),
+                  product_base_price: ((_a = action.params.basketEntry.price) !== null && _a !== void 0 ? _a : 0).toString(),
                   recipe_id: action.params.recipeId,
                   add_source: addSource
               }, detectedJourney);
@@ -3986,12 +4116,14 @@
           var _this = this;
           var detectedJourney = journey !== null && journey !== void 0 ? journey : detectJourney();
           actions.forEach(function (action) {
+              var _a;
               _this.sendEvent('entry.deleted', action.params.eventTrace.originPath, {
                   entry_name: action.params.basketEntry.name,
                   item_id: action.params.basketEntry.selectedItem.id,
                   ext_item_id: action.params.basketEntry.selectedItem.attributes['ext-id'],
                   item_ean: action.params.basketEntry.selectedItem.ean,
                   product_quantity: action.params.basketEntry.quantity.toString(),
+                  product_base_price: ((_a = action.params.basketEntry.price) !== null && _a !== void 0 ? _a : 0).toString(),
                   recipe_id: action.params.recipeId
               }, detectedJourney);
           });
@@ -8303,7 +8435,8 @@
                   },
                   eventSent$: this.analyticsService.eventEmitter,
                   setAbTestKey: function (key) { return _this.analyticsService.setAbTestKey(key); },
-                  attachRecipeCardShowTracking: attachRecipeCardShowTracking
+                  attachRecipeCardShowTracking: attachRecipeCardShowTracking,
+                  attachProductShowTracking: attachProductShowTracking
               },
               basket: {
                   basketIsReady$: this.basketsService.basketStats$.pipe(operators.skipWhile(function (stats) { return !stats; }), operators.take(1), operators.map(function () { return true; })),
@@ -15315,10 +15448,17 @@
           var _this = this;
           this.subscriptions.push(this.recipeDetailsService.productsByCategory$.subscribe(function () { return _this.isProductSponsored(); }), this.executeActionFromStorage(), this.loadOnRecipesActions(), this.loadOnIngredientsUpdate(), this.updateIngredientQuantityOnRecipeChange(), this.productIsBeingAdded(), this.scrollBackOnProductReplaced());
           this.getHeaderHeight();
+          this.productShowTrackingHandle = attachProductShowTracking({
+              element: this.elementRef.nativeElement,
+              product: this.product,
+              recipeId: this.recipeDetailsService.recipe.id,
+              analyticsPath: this.path || undefined
+          });
       };
       ProductCardComponent.prototype.ngOnDestroy = function () {
-          var _a;
-          (_a = this.subscriptions) === null || _a === void 0 ? void 0 : _a.forEach(function (sub) { return sub.unsubscribe(); });
+          var _a, _b;
+          (_a = this.productShowTrackingHandle) === null || _a === void 0 ? void 0 : _a.disconnect();
+          (_b = this.subscriptions) === null || _b === void 0 ? void 0 : _b.forEach(function (sub) { return sub.unsubscribe(); });
       };
       ProductCardComponent.prototype.scrollBackOnProductReplaced = function () {
           var _this = this;
@@ -17578,7 +17718,7 @@
           }
       };
       BasketPreviewLineComponent.prototype.deleteEntry = function (line) {
-          var _a;
+          var _a, _b;
           var entry = line.record;
           this.analyticsService.sendEvent('entry.deleted', this.path, {
               entry_name: entry.name,
@@ -17586,7 +17726,8 @@
               ext_item_id: entry.selectedItem.attributes['ext-id'],
               item_ean: entry.selectedItem.ean,
               product_quantity: entry.quantity.toString(),
-              recipe_id: (_a = this.line.recipe) === null || _a === void 0 ? void 0 : _a.id
+              product_base_price: ((_a = entry.price) !== null && _a !== void 0 ? _a : 0).toString(),
+              recipe_id: (_b = this.line.recipe) === null || _b === void 0 ? void 0 : _b.id
           });
           var deletedBasketEntry = deepCloneWithClass(entry);
           deletedBasketEntry.quantity = 0;
@@ -17633,14 +17774,15 @@
       };
       BasketPreviewLineComponent.prototype.addEntry = function (entry) {
           var _this = this;
-          var _a;
+          var _a, _b;
           this.analyticsService.sendEvent('entry.added', this.path, {
               entry_name: entry.name,
               item_id: entry.selectedItem.id,
               ext_item_id: entry.selectedItem.attributes['ext-id'],
               item_ean: entry.selectedItem.ean,
               product_quantity: entry.quantity.toString(),
-              recipe_id: (_a = this.line.recipe) === null || _a === void 0 ? void 0 : _a.id
+              product_base_price: ((_a = entry.price) !== null && _a !== void 0 ? _a : 0).toString(),
+              recipe_id: (_b = this.line.recipe) === null || _b === void 0 ? void 0 : _b.id
           });
           entry.status = 'active';
           this.subscriptions.push(entry.save().pipe(operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe());
@@ -28091,6 +28233,13 @@
           this.recipeDetailsService.allIngredientsToBasketLoading = false;
       };
       RecipeDetailsComponent.prototype.ngOnDestroy = function () {
+          var _a, _b, _c;
+          if (!((_a = this.recipesService.displayedRecipe$.value) === null || _a === void 0 ? void 0 : _a.recipe)) {
+              var recipeId = (_b = this.recipeId) !== null && _b !== void 0 ? _b : (_c = this.recipeDetailsService.recipe) === null || _c === void 0 ? void 0 : _c.id;
+              if (recipeId != null) {
+                  ProductShowTracker.getInstance().clearForRecipe(String(recipeId));
+              }
+          }
           this.recipeDetailsService.pageviewEventWasSent = false;
           this.subscriptions.forEach(function (sub) { return sub === null || sub === void 0 ? void 0 : sub.unsubscribe(); });
           if (this.contextService.seoEnabled) {
@@ -29587,6 +29736,8 @@
           }));
       };
       RecipeModalComponent.prototype.closeRecipeModal = function () {
+          var _a;
+          this.clearProductShowForRecipe((_a = this.recipe) === null || _a === void 0 ? void 0 : _a.id);
           this.show = false;
           this._storeLocatorInit = false;
           this.storeLocatorService.closeStoreLocator();
@@ -29601,7 +29752,12 @@
           this.cdr.detectChanges();
       };
       RecipeModalComponent.prototype.handleRecipeDisplay = function (result) {
-          var _a;
+          var _a, _b, _c;
+          var previousRecipeId = (_a = this.recipe) === null || _a === void 0 ? void 0 : _a.id;
+          var nextRecipeId = (_b = result.recipe) === null || _b === void 0 ? void 0 : _b.id;
+          if (previousRecipeId && previousRecipeId !== nextRecipeId) {
+              this.clearProductShowForRecipe(previousRecipeId);
+          }
           this.recipeWasAdded = result.wasAdded;
           this.recipe = result.recipe;
           this.previewMode.next(result.previewMode);
@@ -29611,7 +29767,7 @@
           this.show = true;
           // Put back if/when printing is reimplemented
           // this.printService.prepareForPrint(this.elRef);
-          (_a = this.detailsComponent) === null || _a === void 0 ? void 0 : _a.cdr.markForCheck();
+          (_c = this.detailsComponent) === null || _c === void 0 ? void 0 : _c.cdr.markForCheck();
           if (this.detailsComponent) {
               this.detailsComponent.showAddon = false;
           }
@@ -29627,10 +29783,13 @@
       };
       RecipeModalComponent.prototype.hide = function (isDetail) {
           if (isDetail === void 0) { isDetail = false; }
+          var _a;
           if (this.canCloseModal) {
+              var recipeId = (_a = this.recipe) === null || _a === void 0 ? void 0 : _a.id;
               this.recipeDetailsService.pageviewEventWasSent = false;
               this.recipe = null; // trigger again a change on recipe if we re-open the view
               if (!isDetail) {
+                  this.clearProductShowForRecipe(recipeId);
                   this.show = false;
                   this.recipesService.hide();
               }
@@ -29685,6 +29844,11 @@
       RecipeModalComponent.prototype.updateShowPlaceOrderFooter = function () {
           this.showPlaceOrderFooter = this.contextService.noSupplier && !this.showStoreLocator && this.totalPrice > 0;
       };
+      RecipeModalComponent.prototype.clearProductShowForRecipe = function (recipeId) {
+          if (recipeId != null) {
+              ProductShowTracker.getInstance().clearForRecipe(String(recipeId));
+          }
+      };
       return RecipeModalComponent;
   }());
   RecipeModalComponent.ɵfac = function RecipeModalComponent_Factory(t) { return new (t || RecipeModalComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(PrintService), i0__namespace.ɵɵdirectiveInject(BasketTransferService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(RecipeDetailsService), i0__namespace.ɵɵdirectiveInject(ProductReplacementService), i0__namespace.ɵɵdirectiveInject(PointOfSalesService), i0__namespace.ɵɵdirectiveInject(StoreLocatorService), i0__namespace.ɵɵdirectiveInject(BasketTransferService)); };