ng-miam 9.1.3 → 9.1.5

package/bundles/ng-miam.umd.js

@@ -1786,6 +1786,9 @@
               brand: '',
               'product-page': '',
               image: '',
+              /**
+               * @deprecated
+               */
               'unit-price': '',
               currency: '',
               'capacity-unit': '',
@@ -1885,6 +1888,9 @@
           configurable: true
       });
       Object.defineProperty(Item.prototype, "price", {
+          /**
+           * @deprecated
+           */
           get: function () {
               return (this.attributes['unit-price'] ? parseFloat(this.attributes['unit-price']) : 0.0);
           },
@@ -2679,6 +2685,13 @@
           enumerable: false,
           configurable: true
       });
+      Object.defineProperty(BasketEntry.prototype, "price", {
+          get: function () {
+              return this.attributes.price;
+          },
+          enumerable: false,
+          configurable: true
+      });
       Object.defineProperty(BasketEntry.prototype, "pricePerUnit", {
           get: function () {
               return this.attributes['price-per-unit'];
@@ -3502,7 +3515,26 @@
       return RecipeFilters;
   }());
 
-  var VERSION = '9.1.3'; // TODO: replace by ##VERSION## and update it in the CI/CD
+  var VERSION = '9.1.5'; // TODO: replace by ##VERSION## and update it in the CI/CD
+
+  var ContextRegistryService = /** @class */ (function () {
+      function ContextRegistryService() {
+          // VARIABLES
+          this.forbidProfiling = false;
+          this.disabledAnalytics = false;
+      }
+      return ContextRegistryService;
+  }());
+  ContextRegistryService.ɵfac = function ContextRegistryService_Factory(t) { return new (t || ContextRegistryService)(); };
+  ContextRegistryService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: ContextRegistryService, factory: ContextRegistryService.ɵfac, providedIn: 'root' });
+  (function () {
+      (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ContextRegistryService, [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }], null, null);
+  })();
 
   /**
    * Analytics library cannot refer to "this." so we use a global variable
@@ -3525,21 +3557,33 @@
       }));
   }
   var AnalyticsService = /** @class */ (function () {
-      function AnalyticsService() {
+      function AnalyticsService(contextRegistryService) {
+          var _this = this;
+          this.contextRegistryService = contextRegistryService;
           this.eventEmitter = _eventEmitter;
-          this.alreadyInitialized = false;
+          this.subscriptions = [];
+          this.alreadyInitialized$ = new rxjs.BehaviorSubject(false);
+          this.queuedEvents = [];
+          this.subscriptions.push(this.alreadyInitialized$.subscribe(function (isInitialised) {
+              if (isInitialised) {
+                  _this.executeQueuedEvents();
+              }
+          }));
       }
+      AnalyticsService.prototype.ngOnDestroy = function () {
+          this.subscriptions.forEach(function (sub) { return sub.unsubscribe(); });
+      };
       /**
        * Set the identifier of the ABTest experience if one is running
        * It will then be added as props to all events sent
        * @param key A unique identifier for the ABTest experience
        */
       AnalyticsService.prototype.setAbTestKey = function (key) {
-          mealzSharedAnalytics.setABTestKey(key);
+          this.callMethodOrAddToQueue(function () { return mealzSharedAnalytics.setABTestKey(key); });
       };
       AnalyticsService.prototype.init = function (domain) {
           var _a;
-          if (this.alreadyInitialized) {
+          if (this.alreadyInitialized$.value) {
               return;
           }
           if (!domain) {
@@ -3549,11 +3593,14 @@
           if (((_a = localStorage.getItem('_miam/affiliate')) === null || _a === void 0 ? void 0 : _a.length) > 0) {
               mealzSharedAnalytics.setAffiliate(localStorage.getItem('_miam/affiliate'));
           }
-          this.alreadyInitialized = true;
+          this.alreadyInitialized$.next(true);
       };
       AnalyticsService.prototype.sendEvent = function (name, path, props, journey) {
           if (journey === void 0) { journey = EventJourney.MEALZ; }
-          mealzSharedAnalytics.sendEvent(name, url(path), journey, props);
+          if (this.contextRegistryService.disabledAnalytics && this.contextRegistryService.forbidProfiling) {
+              return;
+          }
+          this.callMethodOrAddToQueue(function () { return mealzSharedAnalytics.sendEvent(name, url(path), journey, props); });
       };
       /** ************************************************* SEND EVENT FOR BASKET ACTIONS ************************************************* **/
       AnalyticsService.prototype.sendRemoveRecipesEvents = function (actions) {
@@ -3619,9 +3666,21 @@
               });
           });
       };
+      AnalyticsService.prototype.callMethodOrAddToQueue = function (method) {
+          if (this.alreadyInitialized$.value) {
+              method();
+          }
+          else {
+              this.queuedEvents.push(method);
+          }
+      };
+      AnalyticsService.prototype.executeQueuedEvents = function () {
+          this.queuedEvents.forEach(function (event) { return event(); });
+          this.queuedEvents = [];
+      };
       return AnalyticsService;
   }());
-  AnalyticsService.ɵfac = function AnalyticsService_Factory(t) { return new (t || AnalyticsService)(); };
+  AnalyticsService.ɵfac = function AnalyticsService_Factory(t) { return new (t || AnalyticsService)(i0__namespace.ɵɵinject(ContextRegistryService)); };
   AnalyticsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: AnalyticsService, factory: AnalyticsService.ɵfac, providedIn: 'root' });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AnalyticsService, [{
@@ -3629,7 +3688,7 @@
               args: [{
                       providedIn: 'root'
                   }]
-          }], null, null);
+          }], function () { return [{ type: ContextRegistryService }]; }, null);
   })();
 
   var RecipeProviderService = /** @class */ (function (_super) {
@@ -5485,7 +5544,7 @@
       };
       PriceService.prototype.getPriceFromBasketEntry = function (basketEntry) {
           return {
-              unit: basketEntry.attributes.price,
+              unit: basketEntry.price,
               pricePerUnit: basketEntry.pricePerUnit,
               unitOfMeasurement: basketEntry.unitOfMeasurement,
               discountAmount: basketEntry.discountAmount,
@@ -7107,12 +7166,6 @@
           this.noSupplier$ = new rxjs.BehaviorSubject(false);
           this.lockWhileConfirming = new rxjs.BehaviorSubject(false);
           this.lockWhileSynchronizing = new rxjs.BehaviorSubject(false);
-          /**
-           * Method to be defined through context
-           */
-          this.pushProductsToRetailerCart = function () {
-              throw new Error('No method was passed to \'window.mealz.basketSync.definePushProductsToCart\'');
-          };
           this.pushBasketEntriesToBasket = function () {
               throw new Error('No method was passed to \'window.mealz.basketSync.definePushBasketEntriesToBasket\'');
           };
@@ -7152,13 +7205,33 @@
               if (actionsForRetailer.length > 0) {
                   mealzDebug('[Mealz] Pushing products to retailer cart', actionsForRetailer);
                   _this.checkActionsToSkip(actionsForRetailer);
-                  _this.pushProductsToRetailerCart(actionsForRetailer);
+                  _this.sendActionsToRetailerCart(actionsForRetailer);
               }
               else {
                   _this.syncMealzBasketWithRetailerCart(_this.supplierService.lastSupplierCart);
               }
           }));
       };
+      BasketsSynchronizerService.prototype.sendActionsToRetailerCart = function (actionsForRetailer) {
+          if (this.pushProductsToRetailerCart) {
+              this.pushProductsToRetailerCart(actionsForRetailer);
+          }
+          else if (this.addProductsToRetailerCart && this.removeProductsFromRetailerCart) {
+              var productsToAdd_1 = [];
+              var productsToRemove_1 = [];
+              actionsForRetailer.forEach(function (action) { return action.quantity < 0 ? productsToRemove_1.push(action) : productsToAdd_1.push(action); });
+              if (productsToAdd_1.length > 0) {
+                  this.addProductsToRetailerCart(productsToAdd_1);
+              }
+              if (productsToRemove_1.length > 0) {
+                  this.removeProductsFromRetailerCart(productsToRemove_1);
+              }
+          }
+          else {
+              throw new Error('[Mealz] is missing a callback to add to cart: ' + 'You need to call either \'window.mealz.basketSync.definePushProductsToCart\' ' +
+                  'or both \'window.mealz.basketSync.defineAddProductsToCart\' and \'window.mealz.basketSync.defineRemoveProductsToCart\'');
+          }
+      };
       /**
        * Takes a list of BasketActions and for each action that is not a duplicate (based on the action's id)
        * it calls the createActionForRetailer() method and adds the observable returned by this method
@@ -7205,7 +7278,8 @@
                       return _this.handleNonMatchingProduct(basketEntry);
                   }
               });
-              if (syncOperations.length === 0) { // forkJoin needs an array of at least 1 observable otherwise the following subscribe never completes
+              // forkJoin needs an array of at least 1 observable otherwise the following subscribe never completes
+              if (syncOperations.length === 0) {
                   syncOperations.push(rxjs.of(null));
               }
               return rxjs.forkJoin(syncOperations);
@@ -7704,7 +7778,7 @@
   var ContextService = /** @class */ (function () {
       function ContextService(posService, basketsService, userService, preferencesService, analyticsService, recipesService, mediaMatcher, suppliersService, breakpointObserver, 
       // private basketHandler: LegacyBasketsSynchronizerService,
-      basketHandler, storeLocatorService, recipeLikesService, fakeCartService, historyService) {
+      basketHandler, storeLocatorService, recipeLikesService, fakeCartService, historyService, contextRegistryService) {
           var _this = this;
           this.posService = posService;
           this.basketsService = basketsService;
@@ -7720,6 +7794,7 @@
           this.recipeLikesService = recipeLikesService;
           this.fakeCartService = fakeCartService;
           this.historyService = historyService;
+          this.contextRegistryService = contextRegistryService;
           this.videoRecipesEnabled = false;
           this.articlesInCatalogEnabled = false;
           this.tagsOnRecipesEnabled = false;
@@ -7790,6 +7865,12 @@
                   definePushProductsToCart: function (pushProductsToCart) {
                       _this.basketHandler.pushProductsToRetailerCart = pushProductsToCart;
                   },
+                  defineAddProductsToCart: function (addProductsToCart) {
+                      _this.basketHandler.addProductsToRetailerCart = addProductsToCart;
+                  },
+                  defineRemoveProductsFromCart: function (removeProductsFromCart) {
+                      _this.basketHandler.removeProductsFromRetailerCart = removeProductsFromCart;
+                  },
                   definePushBasketEntriesToBasket: function (pushBasketEntriesToBasket) {
                       _this.basketHandler.pushBasketEntriesToBasket = pushBasketEntriesToBasket;
                   },
@@ -7934,9 +8015,8 @@
                           throw new Error('the token does not have the correct format');
                       }
                       _this.mealz.supplier.setOrigin(parsedToken.origin);
-                      if (!parsedToken.disableAnalytics) {
-                          _this.mealz.analytics.init(parsedToken.domain);
-                      }
+                      _this.mealz.analytics.init(parsedToken.domain);
+                      _this.contextRegistryService.disabledAnalytics = !!parsedToken.disableAnalytics;
                       if (parsedToken.orderHistory) {
                           _this.orderHistoryEnabled = parsedToken.orderHistory;
                       }
@@ -7961,12 +8041,14 @@
               user: {
                   loadWithAuthlessId: function (id, forbidProfiling) {
                       if (forbidProfiling === void 0) { forbidProfiling = false; }
+                      _this.contextRegistryService.forbidProfiling = forbidProfiling;
                       localStorage.setItem('_miam/authlessId', id);
                       localStorage.setItem('_miam/authless-forbid-profiling', '' + forbidProfiling);
                   },
                   loadWithExternalId: function (id, forbidProfiling, initBasket) {
                       if (forbidProfiling === void 0) { forbidProfiling = false; }
                       if (initBasket === void 0) { initBasket = false; }
+                      _this.contextRegistryService.forbidProfiling = forbidProfiling;
                       _this.loggedOnSession = true;
                       localStorage.setItem('_miam/userId', id);
                       localStorage.removeItem('_miam/userToken');
@@ -8202,7 +8284,7 @@
       };
       return ContextService;
   }());
-  ContextService.ɵfac = function ContextService_Factory(t) { return new (t || ContextService)(i0__namespace.ɵɵinject(PointOfSalesService), i0__namespace.ɵɵinject(BasketsService), i0__namespace.ɵɵinject(UserService), i0__namespace.ɵɵinject(PreferencesService), i0__namespace.ɵɵinject(AnalyticsService), i0__namespace.ɵɵinject(RecipesService), i0__namespace.ɵɵinject(i7__namespace.MediaMatcher), i0__namespace.ɵɵinject(SuppliersService), i0__namespace.ɵɵinject(i7__namespace.BreakpointObserver), i0__namespace.ɵɵinject(BasketsSynchronizerService), i0__namespace.ɵɵinject(StoreLocatorService), i0__namespace.ɵɵinject(RecipeLikesService), i0__namespace.ɵɵinject(FakeRetailerCartService), i0__namespace.ɵɵinject(HistoryService)); };
+  ContextService.ɵfac = function ContextService_Factory(t) { return new (t || ContextService)(i0__namespace.ɵɵinject(PointOfSalesService), i0__namespace.ɵɵinject(BasketsService), i0__namespace.ɵɵinject(UserService), i0__namespace.ɵɵinject(PreferencesService), i0__namespace.ɵɵinject(AnalyticsService), i0__namespace.ɵɵinject(RecipesService), i0__namespace.ɵɵinject(i7__namespace.MediaMatcher), i0__namespace.ɵɵinject(SuppliersService), i0__namespace.ɵɵinject(i7__namespace.BreakpointObserver), i0__namespace.ɵɵinject(BasketsSynchronizerService), i0__namespace.ɵɵinject(StoreLocatorService), i0__namespace.ɵɵinject(RecipeLikesService), i0__namespace.ɵɵinject(FakeRetailerCartService), i0__namespace.ɵɵinject(HistoryService), i0__namespace.ɵɵinject(ContextRegistryService)); };
   ContextService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: ContextService, factory: ContextService.ɵfac, providedIn: 'root' });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ContextService, [{
@@ -8210,7 +8292,7 @@
               args: [{
                       providedIn: 'root'
                   }]
-          }], function () { return [{ type: PointOfSalesService }, { type: BasketsService }, { type: UserService }, { type: PreferencesService }, { type: AnalyticsService }, { type: RecipesService }, { type: i7__namespace.MediaMatcher }, { type: SuppliersService }, { type: i7__namespace.BreakpointObserver }, { type: BasketsSynchronizerService }, { type: StoreLocatorService }, { type: RecipeLikesService }, { type: FakeRetailerCartService }, { type: HistoryService }]; }, null);
+          }], function () { return [{ type: PointOfSalesService }, { type: BasketsService }, { type: UserService }, { type: PreferencesService }, { type: AnalyticsService }, { type: RecipesService }, { type: i7__namespace.MediaMatcher }, { type: SuppliersService }, { type: i7__namespace.BreakpointObserver }, { type: BasketsSynchronizerService }, { type: StoreLocatorService }, { type: RecipeLikesService }, { type: FakeRetailerCartService }, { type: HistoryService }, { type: ContextRegistryService }]; }, null);
   })();
 
   var _c0$p = function (a0, a1) { return { "width": a0, "height": a1 }; };
@@ -10380,18 +10462,15 @@
        * @return This function does not return a value.
        */
       RecipeDetailsService.prototype.setProductsByCategory = function () {
-          var _this = this;
-          return this.fetchProductPrices().pipe(operators.switchMap(function (prices) {
-              _this.productsByCategory = {
-                  toPickProducts: [],
-                  oftenIgnoredProducts: []
-              };
-              _this.recipePrice = {
-                  remaining: 0,
-                  inBasket: 0
-              };
-              return _this.categorizeProducts(prices);
-          }));
+          this.productsByCategory = {
+              toPickProducts: [],
+              oftenIgnoredProducts: []
+          };
+          this.recipePrice = {
+              remaining: 0,
+              inBasket: 0
+          };
+          this.categorizeProducts();
       };
       RecipeDetailsService.prototype.calculateProductPrice = function (product, price) {
           var rawTotal = product.basketEntry.status === 'active' ?
@@ -10429,7 +10508,8 @@
           return rxjs.forkJoin(basketEntries$).pipe(operators.switchMap(function (basketEntriesResult) {
               if (fromInit) {
                   _this.products = basketEntriesResult;
-                  return _this.setProductsByCategory();
+                  _this.setProductsByCategory();
+                  return rxjs.of([]);
               }
               else {
                   _this.updatePriceOnGuestChange(basketEntriesResult);
@@ -10658,7 +10738,7 @@
                           var _a;
                           product.basketEntry = (_a = entriesForRecipe_1.entries.all.find(function (basketEntry) { return basketEntry.name === product.basketEntry.name; })) !== null && _a !== void 0 ? _a : product.basketEntry;
                       });
-                      return _this.setProductsByCategory();
+                      _this.setProductsByCategory();
                   }
               }
               return rxjs.of(null);
@@ -10669,21 +10749,15 @@
               product.basketEntry.status = 'ignored';
           }
       };
-      RecipeDetailsService.prototype.fetchProductPrices = function () {
-          var _this = this;
-          return rxjs.forkJoin(this.products.map(function (product) { return product.basketEntry.selectedItem
-              ? _this.itemsService.getPriceForItem(product.basketEntry.selectedItem.id)
-              : rxjs.of({ unit: 0, pricePerUnit: 0, unitOfMeasurement: 'kg' }); }));
-      };
-      RecipeDetailsService.prototype.categorizeProducts = function (prices) {
+      RecipeDetailsService.prototype.categorizeProducts = function () {
           var _this = this;
           // Iterate over each product in the entriesWithIngredients array
-          this.products.forEach(function (product, index) {
+          this.products.forEach(function (product) {
               var basketEntry = product.basketEntry;
               var status = basketEntry.status;
               // Check if the product is ignored
               _this.isIngredientIgnored(product);
-              _this.calculateProductPrice(product, prices[index]);
+              _this.calculateProductPrice(product, _this.priceService.getPriceFromBasketEntry(basketEntry));
               _this.correctProductState(product);
               // Check if the product is often ignored based on basketEntryStatus
               if (status === 'often_deleted') {
@@ -10699,7 +10773,6 @@
           this.updateIngredientFromBasketLoading = false;
           this.ingredientToBasketLoading = false;
           this.productsByCategory$.next(this.productsByCategory);
-          return rxjs.of(null);
       };
       RecipeDetailsService.prototype.correctProductState = function (product) {
           if (!['often_deleted', 'deleted', 'ignored'].includes(product.basketEntry.status)) {
@@ -17202,12 +17275,11 @@
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(20, "div", 16);
           i0__namespace.ɵɵelementStart(21, "span", 17);
-          i0__namespace.ɵɵlistener("inViewport", function BasketPreviewProductComponent_div_0_Template_span_inViewport_21_listener() { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r10 = i0__namespace.ɵɵnextContext(); return ctx_r10.fetchPrice(); });
           i0__namespace.ɵɵtext(22);
           i0__namespace.ɵɵpipe(23, "currency");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(24, "ng-miam-counter-input", 18);
-          i0__namespace.ɵɵlistener("valueChange", function BasketPreviewProductComponent_div_0_Template_ng_miam_counter_input_valueChange_24_listener($event) { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r11 = i0__namespace.ɵɵnextContext(); return ctx_r11.counterChanged($event); });
+          i0__namespace.ɵɵlistener("valueChange", function BasketPreviewProductComponent_div_0_Template_ng_miam_counter_input_valueChange_24_listener($event) { i0__namespace.ɵɵrestoreView(_r8_1); var ctx_r10 = i0__namespace.ɵɵnextContext(); return ctx_r10.counterChanged($event); });
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -17218,30 +17290,28 @@
           i0__namespace.ɵɵadvance(4);
           i0__namespace.ɵɵproperty("src", ctx_r0.basketEntry.selectedItem.attributes.image, i0__namespace.ɵɵsanitizeUrl);
           i0__namespace.ɵɵadvance(5);
-          i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(10, 16, ctx_r0.basketEntry.selectedItem.attributes.name));
+          i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(10, 14, ctx_r0.basketEntry.selectedItem.attributes.name));
           i0__namespace.ɵɵadvance(4);
-          i0__namespace.ɵɵtextInterpolate2(" ", i0__namespace.ɵɵpipeBind2(14, 18, ctx_r0.basketEntry.selectedItem.capacityVolume, "1.0-2"), " ", ctx_r0.basketEntry.selectedItem.capacityUnit, " ");
+          i0__namespace.ɵɵtextInterpolate2(" ", i0__namespace.ɵɵpipeBind2(14, 16, ctx_r0.basketEntry.selectedItem.capacityVolume, "1.0-2"), " ", ctx_r0.basketEntry.selectedItem.capacityUnit, " ");
           i0__namespace.ɵɵadvance(2);
           i0__namespace.ɵɵproperty("ngIf", ctx_r0.basketEntry.selectedItem.attributes.promoted);
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r0.basketEntry.recipesIds.length != 0 || ctx_r0.displayReplace);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(24, _c2$4, ctx_r0.loading));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(22, _c2$4, ctx_r0.loading));
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r0.loading);
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", !ctx_r0.loading);
-          i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵproperty("threshold", 0)("debounceTime", 0);
-          i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(23, 21, ctx_r0.price, ctx_r0.basketEntry.selectedItem.attributes.currency), " ");
+          i0__namespace.ɵɵadvance(3);
+          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(23, 19, ctx_r0.basketEntry.price, ctx_r0.basketEntry.selectedItem.attributes.currency), " ");
           i0__namespace.ɵɵadvance(2);
           i0__namespace.ɵɵproperty("value", ctx_r0.basketEntry.quantity)("minusLoading", ctx_r0.minusLoading)("disable", ctx_r0.loading);
       }
   }
   var BasketPreviewProductComponent = /** @class */ (function (_super) {
       __extends(BasketPreviewProductComponent, _super);
-      function BasketPreviewProductComponent(analyticsService, cdr, recipeDetailsService, recipesService, posService, userService, basketsService, productReplacementService, itemsService, elementRef, contextService) {
+      function BasketPreviewProductComponent(analyticsService, cdr, recipeDetailsService, recipesService, posService, userService, basketsService, productReplacementService, elementRef, contextService) {
           var _this = _super.call(this, analyticsService) || this;
           _this.cdr = cdr;
           _this.recipeDetailsService = recipeDetailsService;
@@ -17250,7 +17320,6 @@
           _this.userService = userService;
           _this.basketsService = basketsService;
           _this.productReplacementService = productReplacementService;
-          _this.itemsService = itemsService;
           _this.elementRef = elementRef;
           _this.contextService = contextService;
           _this.displayReplace = false;
@@ -17277,10 +17346,9 @@
           return '';
       };
       BasketPreviewProductComponent.prototype.replaceProduct = function () {
-          var _this = this;
           this.productReplacementService.scrollBackToBasketEntryId = this.basketEntry.id;
           this.replaceButtonClicked.emit();
-          this.productReplacementService.replaceModalOpen$.pipe(operators.skipWhile(function (isOpen) { return isOpen; }), operators.take(1)).subscribe(function () { return _this.fetchPrice(); });
+          this.productReplacementService.replaceModalOpen$.pipe(operators.skipWhile(function (isOpen) { return isOpen; }), operators.take(1)).subscribe();
       };
       BasketPreviewProductComponent.prototype.scrollBackToProductCard = function () {
           var _this = this;
@@ -17316,13 +17384,6 @@
           this.removed.emit();
           this.cdr.detectChanges();
       };
-      BasketPreviewProductComponent.prototype.fetchPrice = function () {
-          var _this = this;
-          this.subscriptions.add(this.itemsService.getPriceForItem(this.basketEntry.selectedItem.id).subscribe(function (price) {
-              _this.price = price.unit.toString();
-              _this.cdr.detectChanges();
-          }));
-      };
       BasketPreviewProductComponent.prototype.initListeners = function () {
           var _this = this;
           var requests = rxjs.combineLatest([
@@ -17342,7 +17403,7 @@
       };
       return BasketPreviewProductComponent;
   }(EventTracerComponent));
-  BasketPreviewProductComponent.ɵfac = function BasketPreviewProductComponent_Factory(t) { return new (t || BasketPreviewProductComponent)(i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(RecipeDetailsService), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(PointOfSalesService), i0__namespace.ɵɵdirectiveInject(UserService), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(ProductReplacementService), i0__namespace.ɵɵdirectiveInject(ItemsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(ContextService)); };
+  BasketPreviewProductComponent.ɵfac = function BasketPreviewProductComponent_Factory(t) { return new (t || BasketPreviewProductComponent)(i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(RecipeDetailsService), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(PointOfSalesService), i0__namespace.ɵɵdirectiveInject(UserService), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(ProductReplacementService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(ContextService)); };
   BasketPreviewProductComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BasketPreviewProductComponent, selectors: [["ng-miam-basket-preview-product"]], inputs: { basketEntry: "basketEntry", displayReplace: "displayReplace" }, outputs: { replaceButtonClicked: "replaceButtonClicked", removed: "removed", countChanged: "countChanged" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: function () {
           var i18n_0;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -17352,15 +17413,15 @@
           else {
               i18n_0 = $localize(templateObject_1$y || (templateObject_1$y = __makeTemplateObject([":\u241F8e4fa20cb8b77c41c980ba077b80bc8ea128239a\u241F4705093661060921903:Remplacer"], [":\u241F8e4fa20cb8b77c41c980ba077b80bc8ea128239a\u241F4705093661060921903:Remplacer"])));
           }
-          return [["class", "miam-basket-preview-product", 3, "id", 4, "ngIf"], [1, "miam-basket-preview-product", 3, "id"], [1, "miam-basket-preview-product__infos-container"], [1, "miam-basket-preview-product__picture-container"], [1, "miam-basket-preview-product__picture"], ["alt", "product picture", 3, "src", "error"], [1, "miam-basket-preview-product__infos-and-actions"], [1, "miam-basket-preview-product__infos"], [1, "miam-basket-preview-product__title", "miam-ds-text", "weight-l", "size-s"], [1, "miam-product-card__badges"], [1, "miam-basket-preview-product__capacity", "miam-ds-badge"], ["class", "miam-basket-preview-product__sponsorised miam-ds-badge", 4, "ngIf"], ["class", "miam-basket-preview-product__replace-button miam-ds-button ghost", 3, "disabled", "click", 4, "ngIf"], [1, "miam-basket-preview-line__remove", "miam-ds-button", "ghost", 3, "ngClass", "click"], ["class", "miam-ds-loader", 4, "ngIf"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/trash.svg", "alt", "remove recipe", 4, "ngIf"], [1, "miam-basket-preview-product__price-and-action"], ["ngMiamInViewport", "", 1, "miam-basket-preview-product__price", "miam-ds-text", "size-l", "weight-xl", 3, "threshold", "debounceTime", "inViewport"], ["minRange", "0", 3, "value", "minusLoading", "disable", "valueChange"], [1, "miam-basket-preview-product__sponsorised", "miam-ds-badge"], [1, "miam-basket-preview-product__replace-button", "miam-ds-button", "ghost", 3, "disabled", "click"], i18n_0, [1, "miam-ds-loader"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/trash.svg", "alt", "remove recipe"]];
+          return [["class", "miam-basket-preview-product", 3, "id", 4, "ngIf"], [1, "miam-basket-preview-product", 3, "id"], [1, "miam-basket-preview-product__infos-container"], [1, "miam-basket-preview-product__picture-container"], [1, "miam-basket-preview-product__picture"], ["alt", "product picture", 3, "src", "error"], [1, "miam-basket-preview-product__infos-and-actions"], [1, "miam-basket-preview-product__infos"], [1, "miam-basket-preview-product__title", "miam-ds-text", "weight-l", "size-s"], [1, "miam-product-card__badges"], [1, "miam-basket-preview-product__capacity", "miam-ds-badge"], ["class", "miam-basket-preview-product__sponsorised miam-ds-badge", 4, "ngIf"], ["class", "miam-basket-preview-product__replace-button miam-ds-button ghost", 3, "disabled", "click", 4, "ngIf"], [1, "miam-basket-preview-line__remove", "miam-ds-button", "ghost", 3, "ngClass", "click"], ["class", "miam-ds-loader", 4, "ngIf"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/trash.svg", "alt", "remove recipe", 4, "ngIf"], [1, "miam-basket-preview-product__price-and-action"], [1, "miam-basket-preview-product__price", "miam-ds-text", "size-l", "weight-xl"], ["minRange", "0", 3, "value", "minusLoading", "disable", "valueChange"], [1, "miam-basket-preview-product__sponsorised", "miam-ds-badge"], [1, "miam-basket-preview-product__replace-button", "miam-ds-button", "ghost", 3, "disabled", "click"], i18n_0, [1, "miam-ds-loader"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/trash.svg", "alt", "remove recipe"]];
       }, template: function BasketPreviewProductComponent_Template(rf, ctx) {
           if (rf & 1) {
-              i0__namespace.ɵɵtemplate(0, BasketPreviewProductComponent_div_0_Template, 25, 26, "div", 0);
+              i0__namespace.ɵɵtemplate(0, BasketPreviewProductComponent_div_0_Template, 25, 24, "div", 0);
           }
           if (rf & 2) {
               i0__namespace.ɵɵproperty("ngIf", ctx.basketEntry.selectedItem);
           }
-      }, directives: [i2__namespace.NgIf, i2__namespace.NgClass, InViewportDirective, CounterInputComponent], pipes: [CapitalizeFirstLetterPipe, i2__namespace.DecimalPipe, i2__namespace.CurrencyPipe], styles: [".miam-basket-preview-product{display:flex;padding:12px;flex-direction:column;align-items:flex-start;align-self:stretch;background:var(--miam-ds-color-background-primary,#fff)}.miam-basket-preview-product .miam-basket-preview-product__infos-container{display:flex;flex-direction:row;align-items:flex-start;width:100%}.miam-basket-preview-product .miam-basket-preview-product__infos-container .miam-basket-preview-product__picture-container{position:relative;margin-right:12px;margin-bottom:12px}.miam-basket-preview-product .miam-basket-preview-product__infos-container .miam-basket-preview-product__picture-container .miam-basket-preview-product__picture{height:100px;width:100px;border-radius:8px;cursor:pointer}.miam-basket-preview-product .miam-basket-preview-product__infos-container .miam-basket-preview-product__picture-container .miam-basket-preview-product__picture img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.miam-basket-preview-product .miam-basket-preview-product__infos-container .miam-basket-preview-product__infos-and-actions{display:flex;align-items:flex-start;gap:8px;flex:1 0 0}.miam-basket-preview-product .miam-basket-preview-product__infos-container .miam-basket-preview-product__infos-and-actions .miam-basket-preview-product__infos{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;gap:4px}.miam-basket-preview-product .miam-basket-preview-product__infos-container .miam-basket-preview-product__infos-and-actions .miam-basket-preview-product__infos .miam-basket-preview-product__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-product-clamp:2;align-self:stretch;overflow:hidden;color:var(--miam-ds-color-neutral-black,#02182b);text-overflow:ellipsis;cursor:pointer}.miam-basket-preview-product .miam-basket-preview-product__price-and-action{display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-self:stretch}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace.NgIf, i2__namespace.NgClass, CounterInputComponent], pipes: [CapitalizeFirstLetterPipe, i2__namespace.DecimalPipe, i2__namespace.CurrencyPipe], styles: [".miam-basket-preview-product{display:flex;padding:12px;flex-direction:column;align-items:flex-start;align-self:stretch;background:var(--miam-ds-color-background-primary,#fff)}.miam-basket-preview-product .miam-basket-preview-product__infos-container{display:flex;flex-direction:row;align-items:flex-start;width:100%}.miam-basket-preview-product .miam-basket-preview-product__infos-container .miam-basket-preview-product__picture-container{position:relative;margin-right:12px;margin-bottom:12px}.miam-basket-preview-product .miam-basket-preview-product__infos-container .miam-basket-preview-product__picture-container .miam-basket-preview-product__picture{height:100px;width:100px;border-radius:8px;cursor:pointer}.miam-basket-preview-product .miam-basket-preview-product__infos-container .miam-basket-preview-product__picture-container .miam-basket-preview-product__picture img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.miam-basket-preview-product .miam-basket-preview-product__infos-container .miam-basket-preview-product__infos-and-actions{display:flex;align-items:flex-start;gap:8px;flex:1 0 0}.miam-basket-preview-product .miam-basket-preview-product__infos-container .miam-basket-preview-product__infos-and-actions .miam-basket-preview-product__infos{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;gap:4px}.miam-basket-preview-product .miam-basket-preview-product__infos-container .miam-basket-preview-product__infos-and-actions .miam-basket-preview-product__infos .miam-basket-preview-product__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-product-clamp:2;align-self:stretch;overflow:hidden;color:var(--miam-ds-color-neutral-black,#02182b);text-overflow:ellipsis;cursor:pointer}.miam-basket-preview-product .miam-basket-preview-product__price-and-action{display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-self:stretch}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasketPreviewProductComponent, [{
               type: i0.Component,
@@ -17371,7 +17432,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       changeDetection: i0.ChangeDetectionStrategy.OnPush
                   }]
-          }], function () { return [{ type: AnalyticsService }, { type: i0__namespace.ChangeDetectorRef }, { type: RecipeDetailsService }, { type: RecipesService }, { type: PointOfSalesService }, { type: UserService }, { type: BasketsService }, { type: ProductReplacementService }, { type: ItemsService }, { type: i0__namespace.ElementRef }, { type: ContextService }]; }, { basketEntry: [{
+          }], function () { return [{ type: AnalyticsService }, { type: i0__namespace.ChangeDetectorRef }, { type: RecipeDetailsService }, { type: RecipesService }, { type: PointOfSalesService }, { type: UserService }, { type: BasketsService }, { type: ProductReplacementService }, { type: i0__namespace.ElementRef }, { type: ContextService }]; }, { basketEntry: [{
                   type: i0.Input
               }], displayReplace: [{
                   type: i0.Input
@@ -17962,7 +18023,7 @@
               items.fill(response);
               return items.data;
           }), operators.switchMap(function (items) {
-              if (items.find(function (item) { return item.id === _this.basketEntry.selectedItem.id; }) === undefined) {
+              if (_this.basketEntry.selectedItem && items.find(function (item) { var _a; return item.id === ((_a = _this.basketEntry.selectedItem) === null || _a === void 0 ? void 0 : _a.id); }) === undefined) {
                   items.push(_this.basketEntry.selectedItem);
               }
               var priceObservables = items.map(function (item) { return _this.itemsService.getPriceForItem(item.id).pipe(operators.map(function (price) { return ({ item: item, price: price }); })); });
@@ -17974,7 +18035,8 @@
           }));
       };
       ReplaceItemComponent.prototype.moveSelectedItemToFront = function (itemsWithPrices) {
-          var selectedItemId = this.basketEntry.selectedItem.id;
+          var _a;
+          var selectedItemId = (_a = this.basketEntry.selectedItem) === null || _a === void 0 ? void 0 : _a.id;
           return itemsWithPrices.sort(function (a, b) {
               if (a.item.id === selectedItemId) {
                   return -1;
@@ -24352,7 +24414,6 @@
           this.subscriptions.push(this.preferencesService.isOpened$.subscribe(function (result) {
               _this.isOpen = result;
           }));
-          this.fetchTags();
       };
       PreferencesComponent.prototype.ngAfterViewInit = function () {
           window.scrollTo(0, 0);