ng-miam 8.7.0 → 8.7.2

package/bundles/ng-miam.umd.js

@@ -1435,7 +1435,6 @@
               status: 'active'
           };
           _this.relationships = {
-              items: new i2.DocumentCollection(),
               'selected-item': new i2.DocumentResource()
           };
           return _this;
@@ -1495,21 +1494,6 @@
           enumerable: false,
           configurable: true
       });
-      Object.defineProperty(BasketEntry.prototype, "items", {
-          get: function () {
-              var _this = this;
-              return this.relationships.items.data.map(function (item) {
-                  var _a;
-                  var beItem = _this.attributes['basket-entries-items'].find(function (i) { return i.item_id.toString() === item.id; });
-                  item.attributes['unit-price'] = beItem['unit-price'];
-                  item.attributes.currency = beItem.currency;
-                  item.variableCapacity = beItem.pft_plages && ((_a = beItem.pft_plages[0]) === null || _a === void 0 ? void 0 : _a.toString());
-                  return item;
-              });
-          },
-          enumerable: false,
-          configurable: true
-      });
       Object.defineProperty(BasketEntry.prototype, "selectedItem", {
           get: function () {
               return this.relationships['selected-item'].data;
@@ -1517,14 +1501,6 @@
           enumerable: false,
           configurable: true
       });
-      Object.defineProperty(BasketEntry.prototype, "candidateItems", {
-          get: function () {
-              var _this = this;
-              return this.items.filter(function (i) { var _a; return i.id !== ((_a = _this.selectedItem) === null || _a === void 0 ? void 0 : _a.id); });
-          },
-          enumerable: false,
-          configurable: true
-      });
       Object.defineProperty(BasketEntry.prototype, "totalprice", {
           get: function () {
               if (!this.selectedItem) {
@@ -2102,7 +2078,9 @@
                   return;
               }
               sessionStorage.removeItem('_miam/cachedRecipeUrl');
-              window.location.href = url;
+              if (!window.location.href.includes(url)) {
+                  window.location.href = url;
+              }
           }, function (error) {
               console.error(error);
           });
@@ -2884,8 +2862,7 @@
               page: { size: pageSize, number: pageNumber },
               remotefilter: {
                   category_for: suppliersIds.join(','),
-                  status: 'validated',
-                  user_preferences: true
+                  status: 'validated'
               },
               sort: ['catalog_position']
           });
@@ -3001,6 +2978,8 @@
           this.EVENT_RECIPE_LIKE = 'recipe.like';
           this.EVENT_RECIPE_UNLIKE = 'recipe.unlike';
           this.EVENT_RECIPE_PRINT = 'recipe.print';
+          this.EVENT_RECIPE_CONTINUE = 'recipe.continue';
+          this.EVENT_RECIPE_CLOSE = 'recipe.close';
           this.EVENT_PERSONAL_RECIPE_CREATE = 'recipe.personal.create';
           this.EVENT_PERSONAL_RECIPE_DELETE = 'recipe.personal.delete';
           this.EVENT_CATEGORY_SHOW = 'category.show';
@@ -3015,6 +2994,9 @@
           this.EVENT_MEALS_PLANNER_CONFIRMED = 'planner.confirmed';
           this.EVENT_POS_SELECTED = 'pos.selected';
           this.EVENT_SEARCH_STORE = 'search.store';
+          this.EVENT_LOCATOR_CLOSE = 'locator.close';
+          this.EVENT_ONBOARDING_CLOSE = 'onboarding.close';
+          this.EVENT_ONBOARDING_ACTION = 'onboarding.action';
           this.ready$ = new rxjs.BehaviorSubject(false);
           this.eventEmitter = new i0.EventEmitter();
       }
@@ -3655,6 +3637,7 @@
 
   var StoreLocatorService = /** @class */ (function () {
       function StoreLocatorService(posService, analyticsService) {
+          var _this = this;
           this.posService = posService;
           this.analyticsService = analyticsService;
           this.subscriptions = [];
@@ -3663,6 +3646,11 @@
           this.closeModalOnSelected = false;
           this.showStoreLocatorWarning = new rxjs.BehaviorSubject(false);
           this.showNoSupplierOnboarding = new rxjs.BehaviorSubject(false);
+          this.storeLocatorOpened$.subscribe(function (opened) {
+              if (opened && _this.storeLocatorOpenedTimestamp !== 0) {
+                  _this.storeLocatorOpenedTimestamp = Date.now();
+              }
+          });
       }
       StoreLocatorService.prototype.changePosAndSupplier = function (e, eventTrace) {
           var _a, _b;
@@ -3672,6 +3660,7 @@
               return;
           }
           this.selectedPosId = e.detail.posId;
+          this.selectedSupplierName = e.detail.supplierName;
           this.storeLocatorEventTrace = eventTrace;
           // The following check is supposed to be temporary TODO remove
           if (/Mobi|Android|iPhone/i.test(navigator.userAgent) && e.detail.supplierId === '7') {
@@ -3685,7 +3674,7 @@
       StoreLocatorService.prototype.changePos = function () {
           var _this = this;
           this.subscriptions.push(this.posService.loadPos(this.selectedPosId).pipe(operators.skipWhile(function (pos) { return !pos || pos.id !== _this.selectedPosId; }), operators.switchMap(function (pos) {
-              _this.analyticsService.sendEventWhenReady(_this.analyticsService.EVENT_POS_SELECTED, _this.storeLocatorEventTrace.originPath, { pos_name: pos.attributes.name, pos_id: pos.id });
+              _this.analyticsService.sendEventWhenReady(_this.analyticsService.EVENT_POS_SELECTED, _this.storeLocatorEventTrace.originPath, { pos_name: pos.attributes.name, pos_id: pos.id, supplier_name: _this.selectedSupplierName });
               localStorage.setItem('_miam/noSupplier/posId', pos.id);
               return _this.posService.basketLoadedForNewPos();
           }), operators.map(function () {
@@ -3695,12 +3684,16 @@
       };
       StoreLocatorService.prototype.openStoreLocator = function (skipOnboarding) {
           if (skipOnboarding === void 0) { skipOnboarding = false; }
-          if (!localStorage.getItem('_miam/noSupplier/posId') && !skipOnboarding) {
+          if (!localStorage.getItem('_miam/noSupplier/posId') && !sessionStorage.getItem('_miam/noSupplier/onboarding') && !skipOnboarding) {
               this.showNoSupplierOnboarding.next(true);
           }
           this.storeLocatorOpened$.next(true);
       };
       StoreLocatorService.prototype.closeStoreLocator = function () {
+          if (this.storeLocatorOpened$.value) {
+              this.analyticsService.sendEventWhenReady(this.analyticsService.EVENT_LOCATOR_CLOSE, '/locator', { time_passed: (Date.now() - this.storeLocatorOpenedTimestamp) / 1000 });
+              this.storeLocatorOpenedTimestamp = 0;
+          }
           this.storeLocatorOpened$.next(false);
       };
       StoreLocatorService.prototype.showChange = function (e) {
@@ -4322,13 +4315,12 @@
               console.debug('[Miam] refreshing basket');
               var authlessId = localStorage.getItem('_miam/authlessId');
               var userId = localStorage.getItem('_miam/userId');
-              var cachedBasketId = localStorage.getItem('_miam/basketId');
               if (_this.currentSubscription) {
                   _this.currentSubscription.unsubscribe();
               }
-              var basketObservable = (authlessId && userId && cachedBasketId)
+              var basketObservable = (authlessId && userId)
                   ? _this.transferAuthlessBasket(pos.id, authlessId)
-                  : _this.fetchCurrentBasket(pos.id, cachedBasketId);
+                  : _this.fetchCurrentBasket(pos.id);
               if (authlessId && userId) {
                   localStorage.removeItem('_miam/authlessId');
               }
@@ -4345,18 +4337,13 @@
               return _this.updateLocalBasket(confirmedBasket);
           }), operators.catchError(function () {
               // If authless transfer returned an error, there might be something wrong with the basketId in localStorage, thus we fetchCurrent
-              return _this.fetchCurrentBasket(posId, '');
+              return _this.fetchCurrentBasket(posId);
           }));
       };
-      BasketsService.prototype.fetchCurrentBasket = function (posId, cachedBasketId) {
+      BasketsService.prototype.fetchCurrentBasket = function (posId) {
           var _this = this;
-          var baseRoute = 'current?point_of_sale_id=' + posId;
-          var endpoint = baseRoute;
-          if ((cachedBasketId === null || cachedBasketId === void 0 ? void 0 : cachedBasketId.toString().match(/^[0-9]+$/)) && this.usersService.isLogged$.getValue()) {
-              endpoint += '&merge_with=' + cachedBasketId;
-          }
-          endpoint += "&fields[baskets]=" + BASKET_SPARSE_FIELDS.baskets.join(',');
-          return this.get(endpoint).pipe(operators.skipWhile(function (basket) { return basket.is_loading; }), operators.switchMap(function (basket) { return _this.updateLocalBasket(basket); }), operators.tap(function () { return _this.posService.emitBasketLoadedForNewPos(); }));
+          var url = "current?point_of_sale_id=" + posId + "&fields[baskets]=" + BASKET_SPARSE_FIELDS.baskets.join(',');
+          return this.get(url).pipe(operators.skipWhile(function (basket) { return basket.is_loading; }), operators.switchMap(function (basket) { return _this.updateLocalBasket(basket); }), operators.tap(function () { return _this.posService.emitBasketLoadedForNewPos(); }));
       };
       BasketsService.prototype.resetBasket = function (eventTrace) {
           var _this = this;
@@ -4485,14 +4472,19 @@
       // fall case to a default pricebook
       BasketsService.prototype.updatePricebook = function (pricebookName) {
           var _this = this;
+          if (!pricebookName) {
+              console.debug('[Miam] empty pricebook name');
+              return rxjs.of(null);
+          }
           return this.waitForBasket.pipe(operators.switchMap(function (basket) {
               if (basket.pricebookKey === pricebookName) {
                   console.debug("[Miam] same pricebook " + JSON.stringify(pricebookName));
                   return rxjs.of(null);
               }
               console.debug("[Miam] update pricebook to " + JSON.stringify(pricebookName));
-              basket.pricebookKey = pricebookName;
-              return basket.save({ fields: BASKET_SPARSE_FIELDS }).pipe(operators.switchMap(function (resp) { return _this.fillBasket(resp); }));
+              var url = environment$1.miamAPI + "/api/v1/baskets/" + basket.id + "/update_pricebook?" +
+                  ("point_of_sale_id=" + _this.posService.pos$.value.id + "&pricebook_key=" + pricebookName);
+              return _this.http.patch(url, {}).pipe(operators.switchMap(function (resp) { return _this.fillBasket(resp); }));
           }));
       };
       /** ******************************************************** ADD FROM PICTURE ******************************************************** **/
@@ -4863,12 +4855,6 @@
        */
       BasketsService.prototype.updateLocalBasket = function (basket) {
           var _this = this;
-          if (this.usersService.isLogged$.value) {
-              localStorage.removeItem('_miam/basketId');
-          }
-          else {
-              localStorage.setItem('_miam/basketId', basket.id);
-          }
           this.basketPreviewIsCalculating = true;
           this._basket$.next(basket);
           return this.loadPreview().pipe(operators.tap(function () {
@@ -5930,7 +5916,7 @@
               this.basketsService.initBasket();
           }
           return this.userService.generatingAuthlessId$.pipe(operators.skipWhile(function (generating) { return generating; }), operators.take(1), operators.switchMap(function () {
-              if (!!localStorage.getItem('_miam/authlessId') && !!localStorage.getItem('_miam/basketId')) {
+              if (!!localStorage.getItem('_miam/authlessId')) {
                   return _this.basketsService.reloadBasket();
               }
               return rxjs.of(null);
@@ -8580,7 +8566,7 @@
       };
       BasketTransferService.prototype.forcePosIfUnset = function (transferPosExtId) {
           var _this = this;
-          return this.posService.pos$.pipe(operators.takeUntil(this.transferComplete$), operators.switchMap(function (pos) {
+          return this.posService.posWasInitialized().pipe(operators.takeUntil(this.transferComplete$), operators.switchMap(function () { return _this.posService.pos$.pipe(operators.take(1)); }), operators.switchMap(function (pos) {
               var posSet = pos && pos.extId === transferPosExtId;
               if (!posSet) {
                   _this.contextService.forcePosCallback(transferPosExtId);
@@ -8825,7 +8811,7 @@
       MiamInterceptor.prototype.setMiamHeaders = function (request) {
           var headersToAdd = {
               'miam-origin': this.context.origin.value,
-              'miam-front-version': '8.7.0',
+              'miam-front-version': '8.7.1',
               'miam-front-type': 'web',
               'miam-api-version': '4.7.0'
           };
@@ -14221,7 +14207,7 @@
               i0__namespace.ɵɵtemplate(0, ProductCardComponent_div_0_Template, 15, 25, "div", 0);
           }
           if (rf & 2) {
-              i0__namespace.ɵɵproperty("ngIf", ctx.product.basketEntry && ctx.product.basketEntry.selectedItem);
+              i0__namespace.ɵɵproperty("ngIf", ctx.product.basketEntry);
           }
       }, directives: [i2__namespace$2.NgIf, i2__namespace$2.NgClass, PriceComponent, CounterInputComponent], pipes: [CapitalizeFirstLetterPipe, i2__namespace$2.DecimalPipe, i2__namespace$2.CurrencyPipe, i2__namespace$2.AsyncPipe], styles: [".miam-product-card__container{display:flex;flex-direction:column;box-sizing:border-box;height:100%;border-radius:8px;overflow:hidden;border:1px solid var(--miam-ds-color-primary-100,#e4eaec);background:var(--miam-ds-color-primary-text,#fff);transition:all .3s}.miam-product-card__container.added{border:1px solid var(--miam-ds-color-primary,#24748f);background:var(--miam-ds-color-primary-text,#fff)}.miam-product-card__container .miam-product-card__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:8px;color:var(--miam-ds-color-neutral-black,#1f3543);background:var(--miam-ds-color-primary-100,#e4eaec);transition:all .3s}.miam-product-card__container .miam-product-card__header.added{background:var(--miam-ds-color-primary,#24748f);color:var(--core-background-background-primary,#fff)}.miam-product-card__container .miam-product-card__header.disabled{background:var(--miam-ds-color-neutral-200,#d9dde1)}.miam-product-card__container .miam-product-card__header .miam-product-card__header-quantity{text-align:right}.miam-product-card__container .miam-product-card__content{padding:8px 12px;height:100%;display:flex;flex-direction:column;gap:12px;background-color:var(--miam-ds-color-neutral-white,#fff);transition:background-color .3s}.miam-product-card__container .miam-product-card__content.disabled{justify-content:center;align-items:center;gap:12px;padding:12px;text-align:center;background-color:var(--miam-ds-color-neutral-200,#d9dde1)}@media (max-width:1023px){.miam-product-card__container .miam-product-card__content{padding:12px}}@media (min-width:1023px) and (max-height:800px){.miam-product-card__container .miam-product-card__content{padding:12px}}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}@media (max-width:1023px){.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px}}@media (min-width:1023px) and (max-height:800px){.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px}}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__picture{height:72px;width:72px}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width:1023px){.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column{align-items:flex-start}}@media (min-width:1023px) and (max-height:800px){.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column{align-items:flex-start}}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column .miam-product-card__details{font-size:12px!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column .miam-product-card__details.product-brand{text-transform:uppercase}@media screen{.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column .miam-product-card__details.product-fullname{height:36px}}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column .miam-product-card__link{font-size:14px}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__badges{display:flex;gap:8px;margin:8px 0}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__badges .miam-product-card__badge-text{color:var(--miam-ds-color-neutral-black,#1f3543);font-size:12px}.miam-product-card__container .miam-product-card__content .miam-product-card__lower-action{display:flex;align-items:center;justify-content:space-between;gap:8px}.miam-product-card__container .miam-product-card__content .miam-product-card__lower-action .miam-product-card__cta{display:flex;align-items:center;gap:12px}.miam-product-card__container .miam-product-card__content .miam-product-card__lower-action .miam-product-card__cta .miam-ds-button.square{padding:8px;height:40px;width:40px}.miam-product-card__container .miam-product-card__content .miam-product-card__lower-action .miam-product-card__cta .miam-product-card__loading-button{padding:14px}@media (max-width:1024px){.miam-product-card__container .miam-product-card__content .miam-product-card__lower-action .miam-product-card__cta .miam-ds-button.primary:hover{background-color:var(--miam-ds-color-primary)}}.miam-product-card__container .miam-product-card__content .miam-product-card__lower-action .miam-product-card__price{color:var(--miam-ds-color-primary,#24748f)}.miam-product-card__container .miam-product-card__disabled-text{color:var(--miam-ds-color-neutral-black,#1f3543);opacity:.65}.miam-product-card__container .miam-product-card__footer{display:flex;flex-direction:column;align-items:center;background:var(--miam-ds-color-primary-50,#f0f3f4);padding:8px}.miam-product-card__container .miam-product-card__footer .light-text{color:var(--miam-ds-color-neutral-black,#1f3543);opacity:.5}"], encapsulation: 2, changeDetection: 0 });
   (function () {
@@ -14291,20 +14277,32 @@
           i0__namespace.ɵɵelement(0, "div", 15);
       }
   }
-  function ProductsPickerComponent_div_7_ng_miam_product_card_1_Template(rf, ctx) {
+  function ProductsPickerComponent_div_7_ng_container_1_ng_miam_product_card_1_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-product-card", 18);
+          i0__namespace.ɵɵelement(0, "ng-miam-product-card", 19);
+      }
+      if (rf & 2) {
+          var product_r15 = i0__namespace.ɵɵnextContext().$implicit;
+          var ctx_r16 = i0__namespace.ɵɵnextContext(2);
+          i0__namespace.ɵɵproperty("id", "miam_" + product_r15.basketEntry.nameId + "_product_card")("product", product_r15)("originTrace", ctx_r16.eventTrace());
+      }
+  }
+  function ProductsPickerComponent_div_7_ng_container_1_Template(rf, ctx) {
+      if (rf & 1) {
+          i0__namespace.ɵɵelementContainerStart(0);
+          i0__namespace.ɵɵtemplate(1, ProductsPickerComponent_div_7_ng_container_1_ng_miam_product_card_1_Template, 1, 3, "ng-miam-product-card", 18);
+          i0__namespace.ɵɵelementContainerEnd();
       }
       if (rf & 2) {
           var product_r15 = ctx.$implicit;
-          var ctx_r14 = i0__namespace.ɵɵnextContext(2);
-          i0__namespace.ɵɵproperty("id", "miam_" + product_r15.basketEntry.nameId + "_product_card")("product", product_r15)("originTrace", ctx_r14.eventTrace());
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵproperty("ngIf", product_r15.basketEntry == null ? null : product_r15.basketEntry.selectedItem);
       }
   }
   function ProductsPickerComponent_div_7_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "div", 16);
-          i0__namespace.ɵɵtemplate(1, ProductsPickerComponent_div_7_ng_miam_product_card_1_Template, 1, 3, "ng-miam-product-card", 17);
+          i0__namespace.ɵɵtemplate(1, ProductsPickerComponent_div_7_ng_container_1_Template, 2, 1, "ng-container", 17);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -14315,28 +14313,28 @@
   }
   function ProductsPickerComponent_ng_container_10_ng_miam_product_card_7_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-product-card", 18);
+          i0__namespace.ɵɵelement(0, "ng-miam-product-card", 19);
       }
       if (rf & 2) {
-          var product_r17 = ctx.$implicit;
-          var ctx_r16 = i0__namespace.ɵɵnextContext(2);
-          i0__namespace.ɵɵproperty("id", "miam_" + product_r17.basketEntry.nameId + "_product_card")("product", product_r17)("originTrace", ctx_r16.eventTrace());
+          var product_r19 = ctx.$implicit;
+          var ctx_r18 = i0__namespace.ɵɵnextContext(2);
+          i0__namespace.ɵɵproperty("id", "miam_" + product_r19.basketEntry.nameId + "_product_card")("product", product_r19)("originTrace", ctx_r18.eventTrace());
       }
   }
   function ProductsPickerComponent_ng_container_10_Template(rf, ctx) {
       if (rf & 1) {
-          var _r19_1 = i0__namespace.ɵɵgetCurrentView();
+          var _r21_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementContainerStart(0);
-          i0__namespace.ɵɵelementStart(1, "ng-miam-accordion", 19);
-          i0__namespace.ɵɵlistener("isCollapsedChange", function ProductsPickerComponent_ng_container_10_Template_ng_miam_accordion_isCollapsedChange_1_listener() { i0__namespace.ɵɵrestoreView(_r19_1); var ctx_r18 = i0__namespace.ɵɵnextContext(); return ctx_r18.cdr.detectChanges(); });
+          i0__namespace.ɵɵelementStart(1, "ng-miam-accordion", 20);
+          i0__namespace.ɵɵlistener("isCollapsedChange", function ProductsPickerComponent_ng_container_10_Template_ng_miam_accordion_isCollapsedChange_1_listener() { i0__namespace.ɵɵrestoreView(_r21_1); var ctx_r20 = i0__namespace.ɵɵnextContext(); return ctx_r20.cdr.detectChanges(); });
           i0__namespace.ɵɵelementStart(2, "ng-miam-accordion-title");
-          i0__namespace.ɵɵelementStart(3, "span", 20);
-          i0__namespace.ɵɵi18n(4, 21);
+          i0__namespace.ɵɵelementStart(3, "span", 21);
+          i0__namespace.ɵɵi18n(4, 22);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(5, "ng-miam-accordion-content");
           i0__namespace.ɵɵelementStart(6, "div", 16);
-          i0__namespace.ɵɵtemplate(7, ProductsPickerComponent_ng_container_10_ng_miam_product_card_7_Template, 1, 3, "ng-miam-product-card", 17);
+          i0__namespace.ɵɵtemplate(7, ProductsPickerComponent_ng_container_10_ng_miam_product_card_7_Template, 1, 3, "ng-miam-product-card", 23);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -14352,28 +14350,28 @@
   }
   function ProductsPickerComponent_ng_container_11_ng_miam_product_card_7_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-product-card", 18);
+          i0__namespace.ɵɵelement(0, "ng-miam-product-card", 19);
       }
       if (rf & 2) {
-          var product_r21 = ctx.$implicit;
-          var ctx_r20 = i0__namespace.ɵɵnextContext(2);
-          i0__namespace.ɵɵproperty("id", "miam_" + product_r21.basketEntry.nameId + "_product_card")("product", product_r21)("originTrace", ctx_r20.eventTrace());
+          var product_r23 = ctx.$implicit;
+          var ctx_r22 = i0__namespace.ɵɵnextContext(2);
+          i0__namespace.ɵɵproperty("id", "miam_" + product_r23.basketEntry.nameId + "_product_card")("product", product_r23)("originTrace", ctx_r22.eventTrace());
       }
   }
   function ProductsPickerComponent_ng_container_11_Template(rf, ctx) {
       if (rf & 1) {
-          var _r23_1 = i0__namespace.ɵɵgetCurrentView();
+          var _r25_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementContainerStart(0);
-          i0__namespace.ɵɵelementStart(1, "ng-miam-accordion", 22);
-          i0__namespace.ɵɵlistener("isCollapsedChange", function ProductsPickerComponent_ng_container_11_Template_ng_miam_accordion_isCollapsedChange_1_listener() { i0__namespace.ɵɵrestoreView(_r23_1); var ctx_r22 = i0__namespace.ɵɵnextContext(); return ctx_r22.cdr.detectChanges(); });
+          i0__namespace.ɵɵelementStart(1, "ng-miam-accordion", 24);
+          i0__namespace.ɵɵlistener("isCollapsedChange", function ProductsPickerComponent_ng_container_11_Template_ng_miam_accordion_isCollapsedChange_1_listener() { i0__namespace.ɵɵrestoreView(_r25_1); var ctx_r24 = i0__namespace.ɵɵnextContext(); return ctx_r24.cdr.detectChanges(); });
           i0__namespace.ɵɵelementStart(2, "ng-miam-accordion-title");
-          i0__namespace.ɵɵelementStart(3, "span", 20);
-          i0__namespace.ɵɵi18n(4, 23);
+          i0__namespace.ɵɵelementStart(3, "span", 21);
+          i0__namespace.ɵɵi18n(4, 25);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(5, "ng-miam-accordion-content");
           i0__namespace.ɵɵelementStart(6, "div", 16);
-          i0__namespace.ɵɵtemplate(7, ProductsPickerComponent_ng_container_11_ng_miam_product_card_7_Template, 1, 3, "ng-miam-product-card", 17);
+          i0__namespace.ɵɵtemplate(7, ProductsPickerComponent_ng_container_11_ng_miam_product_card_7_Template, 1, 3, "ng-miam-product-card", 23);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -14389,10 +14387,10 @@
   }
   function ProductsPickerComponent_a_13_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "a", 24);
-          i0__namespace.ɵɵelementStart(1, "button", 25);
+          i0__namespace.ɵɵelementStart(0, "a", 26);
+          i0__namespace.ɵɵelementStart(1, "button", 27);
           i0__namespace.ɵɵelementStart(2, "span");
-          i0__namespace.ɵɵi18n(3, 26);
+          i0__namespace.ɵɵi18n(3, 28);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -14404,25 +14402,25 @@
   }
   function ProductsPickerComponent_ng_template_14_Template(rf, ctx) {
       if (rf & 1) {
-          var _r25_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "button", 27);
-          i0__namespace.ɵɵlistener("click", function ProductsPickerComponent_ng_template_14_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r25_1); var ctx_r24 = i0__namespace.ɵɵnextContext(); return ctx_r24.closeRecipeModal(); });
+          var _r27_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementStart(0, "button", 29);
+          i0__namespace.ɵɵlistener("click", function ProductsPickerComponent_ng_template_14_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r27_1); var ctx_r26 = i0__namespace.ɵɵnextContext(); return ctx_r26.closeRecipeModal(); });
           i0__namespace.ɵɵelementStart(1, "span");
-          i0__namespace.ɵɵi18n(2, 28);
+          i0__namespace.ɵɵi18n(2, 30);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
   }
   function ProductsPickerComponent_div_16_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 29);
-          i0__namespace.ɵɵelementStart(1, "span", 30);
-          i0__namespace.ɵɵi18n(2, 31);
+          i0__namespace.ɵɵelementStart(0, "div", 31);
+          i0__namespace.ɵɵelementStart(1, "span", 32);
+          i0__namespace.ɵɵi18n(2, 33);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(3, "div", 32);
-          i0__namespace.ɵɵelement(4, "img", 33);
+          i0__namespace.ɵɵelementStart(3, "div", 34);
+          i0__namespace.ɵɵelement(4, "img", 35);
           i0__namespace.ɵɵelementStart(5, "span");
-          i0__namespace.ɵɵi18n(6, 34);
+          i0__namespace.ɵɵi18n(6, 36);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -14547,7 +14545,7 @@
           else {
               i18n_14 = $localize(templateObject_8$9 || (templateObject_8$9 = __makeTemplateObject([":\u241Ff363139a8ec757d4ac80573845002c3e462c4bca\u241F2791054456946858131:L'abus d'alcool est dangereux pour la sant\u00E9. A consommer avec mod\u00E9ration. Vente interdite aux mineurs."], [":\u241Ff363139a8ec757d4ac80573845002c3e462c4bca\u241F2791054456946858131:L'abus d'alcool est dangereux pour la sant\u00E9. A consommer avec mod\u00E9ration. Vente interdite aux mineurs."])));
           }
-          return [[1, "miam-products-picker__container"], [1, "miam-products-picker__header"], [1, "miam-products-picker__header-text", "miam-ds-text", "weight-xxl"], [4, "ngIf"], ["class", "miam-recipe-details__guest-counter", 3, "floating", "value", "minRange", "valueChange", 4, "ngIf"], ["class", " miam-ds-loader miam-products-picker__loader", 4, "ngIf"], ["class", "miam-products-picker__list", 4, "ngIf"], [1, "miam-products-picker__secondary-list"], [1, "miam-products-picker__more"], ["class", "miam-products-picker__more-anchor", 3, "href", 4, "ngIf", "ngIfElse"], ["noAnchor", ""], ["class", "miam-products-picker__legal-notices", 4, "ngIf"], i18n_0, i18n_2, [1, "miam-recipe-details__guest-counter", 3, "floating", "value", "minRange", "valueChange"], [1, "miam-ds-loader", "miam-products-picker__loader"], [1, "miam-products-picker__list"], ["class", "miam-products-picker__items", 3, "id", "product", "originTrace", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "miam-products-picker__items", 3, "id", "product", "originTrace"], [1, "miam-products-picker__often-ignored-list", 3, "isCollapsed", "isCollapsedChange"], [1, "miam-ds-text", "weight-xxl"], i18n_4, [1, "miam-products-picker__unavailable-list", 3, "isCollapsed", "isCollapsedChange"], i18n_6, [1, "miam-products-picker__more-anchor", 3, "href"], [1, "miam-products-picker__go-to-catalog-button", "miam-ds-button", "secondary"], i18n_8, [1, "miam-products-picker__close-modal-button", "miam-ds-button", "secondary", 3, "click"], i18n_10, [1, "miam-products-picker__legal-notices"], [1, "miam-ds-text", "weight-xxl", "miam-products-picker__legal-notices-header"], i18n_12, [1, "miam-products-picker__legal-notices-content"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-legal-notices.svg"], i18n_14];
+          return [[1, "miam-products-picker__container"], [1, "miam-products-picker__header"], [1, "miam-products-picker__header-text", "miam-ds-text", "weight-xxl"], [4, "ngIf"], ["class", "miam-recipe-details__guest-counter", 3, "floating", "value", "minRange", "valueChange", 4, "ngIf"], ["class", " miam-ds-loader miam-products-picker__loader", 4, "ngIf"], ["class", "miam-products-picker__list", 4, "ngIf"], [1, "miam-products-picker__secondary-list"], [1, "miam-products-picker__more"], ["class", "miam-products-picker__more-anchor", 3, "href", 4, "ngIf", "ngIfElse"], ["noAnchor", ""], ["class", "miam-products-picker__legal-notices", 4, "ngIf"], i18n_0, i18n_2, [1, "miam-recipe-details__guest-counter", 3, "floating", "value", "minRange", "valueChange"], [1, "miam-ds-loader", "miam-products-picker__loader"], [1, "miam-products-picker__list"], [4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "miam-products-picker__items", 3, "id", "product", "originTrace", 4, "ngIf"], [1, "miam-products-picker__items", 3, "id", "product", "originTrace"], [1, "miam-products-picker__often-ignored-list", 3, "isCollapsed", "isCollapsedChange"], [1, "miam-ds-text", "weight-xxl"], i18n_4, ["class", "miam-products-picker__items", 3, "id", "product", "originTrace", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "miam-products-picker__unavailable-list", 3, "isCollapsed", "isCollapsedChange"], i18n_6, [1, "miam-products-picker__more-anchor", 3, "href"], [1, "miam-products-picker__go-to-catalog-button", "miam-ds-button", "secondary"], i18n_8, [1, "miam-products-picker__close-modal-button", "miam-ds-button", "secondary", 3, "click"], i18n_10, [1, "miam-products-picker__legal-notices"], [1, "miam-ds-text", "weight-xxl", "miam-products-picker__legal-notices-header"], i18n_12, [1, "miam-products-picker__legal-notices-content"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-legal-notices.svg"], i18n_14];
       }, template: function ProductsPickerComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -15961,7 +15959,7 @@
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r2.line.displayMode);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", !ctx_r2.line.isRecipe && (ctx_r2.line == null ? null : ctx_r2.line.record == null ? null : ctx_r2.line.record.items == null ? null : ctx_r2.line.record.items.length) > 1);
+          i0__namespace.ɵɵproperty("ngIf", !ctx_r2.line.isRecipe);
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r2.line.inlineTag);
           i0__namespace.ɵɵadvance(2);
@@ -16037,10 +16035,14 @@
       BasketPreviewLineComponent.prototype.currentPath = function () {
           return '';
       };
-      BasketPreviewLineComponent.prototype.initRecipesAndIgredients = function () {
+      BasketPreviewLineComponent.prototype.initRecipesAndIngredients = function (countChanged) {
           var _this = this;
-          if (this.legacyRecipe && this.legacyIngredientsEntries.length === this.legacyRecipe.relationships.ingredients.data.length) {
-              return rxjs.of();
+          if (countChanged === void 0) { countChanged = false; }
+          if (this.legacyRecipe &&
+              this.legacyIngredientsEntries &&
+              this.legacyIngredientsEntries.length === this.legacyRecipe.relationships.ingredients.data.length &&
+              !countChanged) {
+              return rxjs.of([]);
           }
           return this.recipesService.get(this.line.id, {
               include: ['ingredients'],
@@ -16070,6 +16072,8 @@
           this.line.count = count;
           if (this.line.hasEntries() || this.line.displayMode) {
               this.countChanged.emit(this.line);
+              // Force refresh recipe entries
+              this.buildEntriesLines(true);
           }
           else {
               this.handleSublineCountChange(count);
@@ -16083,7 +16087,7 @@
           }
           this.line.record.attributes.quantity = count;
           this.sendEvent(this.analyticsService.EVENT_ENTRY_CHANGE_QUANTITY);
-          this.subscriptions.push(this.line.record.save().pipe(operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe());
+          this.subscriptions.push(this.line.record.save().pipe(operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe(function () { return _this.cdr.detectChanges(); }));
       };
       BasketPreviewLineComponent.prototype.toggleExpanded = function (event) {
           if (!this.line.hasEntries() ||
@@ -16109,7 +16113,7 @@
           this.buildEntriesLines();
           // Update be status to "deleted" and reload basket
           entry.status = 'deleted';
-          this.subscriptions.push(entry.save().pipe(operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe());
+          this.subscriptions.push(entry.save().pipe(operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe(function () { return _this.cdr.detectChanges(); }));
       };
       BasketPreviewLineComponent.prototype.changeProduct = function (line) {
           var _a;
@@ -16129,11 +16133,12 @@
           this.cdr.detectChanges();
           this.elementRef.nativeElement.scrollIntoView(false);
       };
-      BasketPreviewLineComponent.prototype.buildEntriesLines = function () {
+      BasketPreviewLineComponent.prototype.buildEntriesLines = function (countChanged) {
           var _this = this;
+          if (countChanged === void 0) { countChanged = false; }
           if (this.legacyMode) {
               var entries_1 = __spread(this.line.entries.found, this.line.entries.notFound, this.line.entries.oftenDeleted, this.line.entries.removed);
-              this.initRecipesAndIgredients().pipe(operators.tap(function () {
+              this.initRecipesAndIngredients(countChanged).pipe(operators.tap(function () {
                   _this.entriesLines$.next(entries_1
                       .filter(function (entry) { return _this.line.entries.found.map(function (e) { return e.id; }).includes(entry.id); })
                       .map(function (entry) { return BasketPreviewLine.fromBasketEntry(entry, _this.legacyRecipe, _this.legacyIngredientsEntries.find(function (ie) { return ie.entry.id === entry.id; }).ing); }));
@@ -17604,6 +17609,7 @@
           _this.statsUpdated = new i0.EventEmitter();
           _this.guestCountChanged = new i0.EventEmitter();
           _this.loading = new rxjs.BehaviorSubject(true);
+          _this.totalPriceChanged = new i0.EventEmitter();
           _this.corsIssues = false;
           _this.icon = exports.Icon;
           _this.isMobile = false;
@@ -17667,6 +17673,8 @@
           var _this = this;
           return this.basketsService.basketPreview$.pipe(operators.skipWhile(function (preview) { return !preview || preview.length !== basket.recipeInfos.length; }), operators.switchMap(function (preview) {
               _this.lines = _this.recipesIds.length === 0 ? preview : preview.filter(function (line) { return _this.recipesIds.includes(line.id); });
+              var totalPrice = _this.lines.reduce(function (total, line) { return total + +line.price; }, 0);
+              _this.totalPriceChanged.emit(totalPrice);
               _this.loading.next(false);
               _this.cdr.detectChanges();
               return rxjs.of(preview);
@@ -17799,7 +17807,7 @@
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.basketPreviewRecipeRows = _t);
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.productsElements = _t);
           }
-      }, inputs: { recipeId: "recipeId", showNotice: "showNotice", isStoreLocatorDisplayed: "isStoreLocatorDisplayed", recipesAlwaysExpanded: "recipesAlwaysExpanded", itemsAlwaysExpanded: "itemsAlwaysExpanded", displayItemsUnitaryPrice: "displayItemsUnitaryPrice", recipesIds: "recipesIds", legacyMode: "legacyMode" }, outputs: { statsUpdated: "statsUpdated", guestCountChanged: "guestCountChanged", loading: "loading" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 7, vars: 2, consts: function () {
+      }, inputs: { recipeId: "recipeId", showNotice: "showNotice", isStoreLocatorDisplayed: "isStoreLocatorDisplayed", recipesAlwaysExpanded: "recipesAlwaysExpanded", itemsAlwaysExpanded: "itemsAlwaysExpanded", displayItemsUnitaryPrice: "displayItemsUnitaryPrice", recipesIds: "recipesIds", legacyMode: "legacyMode" }, outputs: { statsUpdated: "statsUpdated", guestCountChanged: "guestCountChanged", loading: "loading", totalPriceChanged: "totalPriceChanged" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 7, vars: 2, consts: function () {
           var i18n_0;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
               var MSG_EXTERNAL_8629591622298910251$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_BLOCK_BASKET_PREVIEW_BLOCK_COMPONENT_TS___1 = goog.getMsg("Recettes, Produits");
@@ -17910,6 +17918,8 @@
                   type: i0.Output
               }], loading: [{
                   type: i0.Output
+              }], totalPriceChanged: [{
+                  type: i0.Output
               }], lineComponents: [{
                   type: i0.ViewChildren,
                   args: [BasketPreviewLineComponent]
@@ -19293,20 +19303,18 @@
           if (!this.recipe && ((_a = this.recipeName) === null || _a === void 0 ? void 0 : _a.length) > 0) {
               this.subscriptions.push(this.searchRecipeByName().subscribe(function (result) {
                   _this.recipe = result;
-                  _this.recipe.modifiedGuests = _this.serves || +_this.recipe.guests;
-                  _this.checkRecipeInBasket();
+                  _this.checkGuestsAndBasket();
                   _this.cdr.detectChanges();
               }));
           }
           else if (!this.recipe && this.recipeExtId) {
               this.subscriptions.push(this.searchRecipeByExtId().subscribe(function (result) {
                   _this.recipe = result;
-                  _this.recipe.modifiedGuests = _this.serves || +_this.recipe.guests;
                   if (_this.contextService.noSupplier) {
-                      // When noSupplier, we don't have a basket so we can't have the detectCHanges in the basket subscription
+                      // When noSupplier, we don't have a basket so we can't have the detectChanges in the basket subscription
                       _this.cdr.detectChanges();
                   }
-                  _this.checkRecipeInBasket();
+                  _this.checkGuestsAndBasket();
               }));
           }
           else {
@@ -19316,6 +19324,13 @@
       RecipeCardCtaComponent.prototype.ngOnDestroy = function () {
           this.subscriptions.forEach(function (s) { return s.unsubscribe(); });
       };
+      RecipeCardCtaComponent.prototype.checkGuestsAndBasket = function () {
+          var _a;
+          if (this.recipe) {
+              this.recipe.modifiedGuests = this.serves || +((_a = this.recipe) === null || _a === void 0 ? void 0 : _a.guests);
+              this.checkRecipeInBasket();
+          }
+      };
       RecipeCardCtaComponent.prototype.checkRecipeInBasket = function () {
           var _this = this;
           if (!this.basketSubscription && this.recipe) {
@@ -20052,7 +20067,7 @@
               i0__namespace.ɵɵadvance(2);
               i0__namespace.ɵɵproperty("iconName", ctx.icon.Plus);
           }
-      }, directives: [IconComponent], styles: ["ng-miam-add-recipe-card{flex-grow:1}.miam-add-recipe-card{border-radius:8px;height:var(--m-catalog-card-height);width:var(--m-catalog-card-width);border:1px dashed var(--m-color-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.miam-add-recipe-card:hover{background-color:var(--m-color-grey)}.miam-add-recipe-card .m-button-primary{border-radius:6px;height:48px;width:48px}.miam-add-recipe-card .m-button-primary:hover{background-color:var(--m-color-primary);border:1px solid var(--m-color-white)}.miam-add-recipe-card .m-button-primary img{filter:brightness(0) invert(100%)}.miam-add-recipe-card .miam-add-recipe-card__label{font-size:14px;line-height:22px;color:var(--m-color-primary);font-weight:700;margin-top:16px}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [IconComponent], styles: ["ng-miam-add-recipe-card{flex-grow:1}.miam-add-recipe-card{border-radius:8px;height:var(--m-catalog-card-height);width:var(--m-catalog-card-width);border:1px dashed var(--m-color-primary);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.miam-add-recipe-card:hover{background-color:var(--m-color-grey)}.miam-add-recipe-card .m-button-primary{border-radius:6px;height:48px;width:48px}.miam-add-recipe-card .m-button-primary:hover{background-color:var(--m-color-primary);border:1px solid var(--m-color-white)}.miam-add-recipe-card .m-button-primary img{filter:brightness(0) invert(100%)}.miam-add-recipe-card .miam-add-recipe-card__label{font-size:14px;line-height:22px;color:var(--m-color-primary);font-weight:700;margin-top:16px}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AddRecipeCardComponent, [{
               type: i0.Component,
@@ -20362,7 +20377,7 @@
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵtemplate(7, MealsPlannerBasketPreviewComponent_div_0_div_7_Template, 4, 0, "div", 5);
           i0__namespace.ɵɵelementStart(8, "ng-miam-basket-preview-block", 6);
-          i0__namespace.ɵɵlistener("loading", function MealsPlannerBasketPreviewComponent_div_0_Template_ng_miam_basket_preview_block_loading_8_listener($event) { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r9 = i0__namespace.ɵɵnextContext(); return ctx_r9.setCtasDisabled($event); });
+          i0__namespace.ɵɵlistener("loading", function MealsPlannerBasketPreviewComponent_div_0_Template_ng_miam_basket_preview_block_loading_8_listener($event) { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r9 = i0__namespace.ɵɵnextContext(); return ctx_r9.setCtasDisabled($event); })("totalPriceChanged", function MealsPlannerBasketPreviewComponent_div_0_Template_ng_miam_basket_preview_block_totalPriceChanged_8_listener($event) { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r11 = i0__namespace.ɵɵnextContext(); return ctx_r11.usedBudgetChanged.emit($event); });
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(9, "div", 7);
@@ -20406,6 +20421,7 @@
           _this.maxBudget = 0;
           _this.ingredientsRegrouped = false;
           _this.closed = new i0.EventEmitter();
+          _this.usedBudgetChanged = new i0.EventEmitter();
           _this.icon = exports.Icon;
           _this.ctasDisabled = true;
           _this.subscriptions = [];
@@ -20431,7 +20447,7 @@
       return MealsPlannerBasketPreviewComponent;
   }(EventTracerComponent));
   MealsPlannerBasketPreviewComponent.ɵfac = function MealsPlannerBasketPreviewComponent_Factory(t) { return new (t || MealsPlannerBasketPreviewComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(AnalyticsService)); };
-  MealsPlannerBasketPreviewComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: MealsPlannerBasketPreviewComponent, selectors: [["ng-miam-meals-planner-basket-preview"]], inputs: { recipesIds: "recipesIds", usedBudget: "usedBudget", maxBudget: "maxBudget", ingredientsRegrouped: "ingredientsRegrouped" }, outputs: { closed: "closed" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: function () {
+  MealsPlannerBasketPreviewComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: MealsPlannerBasketPreviewComponent, selectors: [["ng-miam-meals-planner-basket-preview"]], inputs: { recipesIds: "recipesIds", usedBudget: "usedBudget", maxBudget: "maxBudget", ingredientsRegrouped: "ingredientsRegrouped" }, outputs: { closed: "closed", usedBudgetChanged: "usedBudgetChanged" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: function () {
           var i18n_0;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
               var MSG_EXTERNAL_2700281655709788634$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_BASKET_PREVIEW_MEALS_PLANNER_BASKET_PREVIEW_COMPONENT_TS__1 = goog.getMsg("repas ajout\u00E9s \u00E0 votre panier");
@@ -20472,7 +20488,7 @@
           else {
               i18n_8 = $localize(templateObject_5$b || (templateObject_5$b = __makeTemplateObject([":\u241F4f168d78d73759138d43c58ec329dc9a1cfcd316\u241F3503734824800029552:Finaliser"], [":\u241F4f168d78d73759138d43c58ec329dc9a1cfcd316\u241F3503734824800029552:Finaliser"])));
           }
-          return [["class", "miam-meals-planner-basket-preview", 4, "ngIf"], [1, "miam-meals-planner-basket-preview"], [1, "miam-meals-planner-basket-preview__content"], [1, "miam-meals-planner-basket-preview__title"], i18n_0, ["class", "miam-meals-planner-basket-preview__ingredients-regrouped", 4, "ngIf"], [3, "originTrace", "recipesIds", "displayItemsUnitaryPrice", "legacyMode", "loading"], [1, "miam-meals-planner-basket-preview__actions"], ["class", "miam-meals-planner-basket-preview__progress-bar", 3, "unit", "value", "max", 4, "ngIf"], ["class", "m-button-primary reverse", 3, "disabled", 4, "ngIf"], [1, "m-button-primary", 3, "disabled"], ["href", "/", 4, "ngIf", "ngIfElse"], ["antiInflation", ""], [1, "miam-meals-planner-basket-preview__ingredients-regrouped"], [1, "miam-meals-planner-basket-preview__ingredients-regrouped__title"], i18n_2, [1, "miam-meals-planner-basket-preview__progress-bar", 3, "unit", "value", "max"], [1, "m-button-primary", "reverse", 3, "disabled"], [3, "href"], [1, "miam-meals-planner-basket-preview__button-text"], i18n_4, ["href", "/"], i18n_6, [3, "click"], i18n_8];
+          return [["class", "miam-meals-planner-basket-preview", 4, "ngIf"], [1, "miam-meals-planner-basket-preview"], [1, "miam-meals-planner-basket-preview__content"], [1, "miam-meals-planner-basket-preview__title"], i18n_0, ["class", "miam-meals-planner-basket-preview__ingredients-regrouped", 4, "ngIf"], [3, "originTrace", "recipesIds", "displayItemsUnitaryPrice", "legacyMode", "loading", "totalPriceChanged"], [1, "miam-meals-planner-basket-preview__actions"], ["class", "miam-meals-planner-basket-preview__progress-bar", 3, "unit", "value", "max", 4, "ngIf"], ["class", "m-button-primary reverse", 3, "disabled", 4, "ngIf"], [1, "m-button-primary", 3, "disabled"], ["href", "/", 4, "ngIf", "ngIfElse"], ["antiInflation", ""], [1, "miam-meals-planner-basket-preview__ingredients-regrouped"], [1, "miam-meals-planner-basket-preview__ingredients-regrouped__title"], i18n_2, [1, "miam-meals-planner-basket-preview__progress-bar", 3, "unit", "value", "max"], [1, "m-button-primary", "reverse", 3, "disabled"], [3, "href"], [1, "miam-meals-planner-basket-preview__button-text"], i18n_4, ["href", "/"], i18n_6, [3, "click"], i18n_8];
       }, template: function MealsPlannerBasketPreviewComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵtemplate(0, MealsPlannerBasketPreviewComponent_div_0_Template, 16, 11, "div", 0);
@@ -20501,6 +20517,8 @@
                   type: i0.Input
               }], closed: [{
                   type: i0.Output
+              }], usedBudgetChanged: [{
+                  type: i0.Output
               }] });
   })();
   var templateObject_1$r, templateObject_2$l, templateObject_3$g, templateObject_4$d, templateObject_5$b;
@@ -21627,7 +21645,7 @@
       if (rf & 1) {
           var _r17_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "ng-miam-meals-planner-basket-preview", 26);
-          i0__namespace.ɵɵlistener("closed", function MealsPlannerComponent_div_2_div_15_ng_miam_meals_planner_basket_preview_3_Template_ng_miam_meals_planner_basket_preview_closed_0_listener() { i0__namespace.ɵɵrestoreView(_r17_1); var ctx_r16 = i0__namespace.ɵɵnextContext(3); return ctx_r16.openBasketConfirmation(); });
+          i0__namespace.ɵɵlistener("closed", function MealsPlannerComponent_div_2_div_15_ng_miam_meals_planner_basket_preview_3_Template_ng_miam_meals_planner_basket_preview_closed_0_listener() { i0__namespace.ɵɵrestoreView(_r17_1); var ctx_r16 = i0__namespace.ɵɵnextContext(3); return ctx_r16.openBasketConfirmation(); })("usedBudgetChanged", function MealsPlannerComponent_div_2_div_15_ng_miam_meals_planner_basket_preview_3_Template_ng_miam_meals_planner_basket_preview_usedBudgetChanged_0_listener($event) { i0__namespace.ɵɵrestoreView(_r17_1); var ctx_r18 = i0__namespace.ɵɵnextContext(3); return ctx_r18.updateUsedBudget($event); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -21637,9 +21655,9 @@
   }
   function MealsPlannerComponent_div_2_div_15_ng_miam_meals_planner_catalog_4_Template(rf, ctx) {
       if (rf & 1) {
-          var _r19_1 = i0__namespace.ɵɵgetCurrentView();
+          var _r20_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "ng-miam-meals-planner-catalog", 27);
-          i0__namespace.ɵɵlistener("editRecipe", function MealsPlannerComponent_div_2_div_15_ng_miam_meals_planner_catalog_4_Template_ng_miam_meals_planner_catalog_editRecipe_0_listener($event) { i0__namespace.ɵɵrestoreView(_r19_1); var ctx_r18 = i0__namespace.ɵɵnextContext(3); return ctx_r18.editRecipe($event); })("canceled", function MealsPlannerComponent_div_2_div_15_ng_miam_meals_planner_catalog_4_Template_ng_miam_meals_planner_catalog_canceled_0_listener() { i0__namespace.ɵɵrestoreView(_r19_1); var ctx_r20 = i0__namespace.ɵɵnextContext(3); return ctx_r20.closeCatalog(); });
+          i0__namespace.ɵɵlistener("editRecipe", function MealsPlannerComponent_div_2_div_15_ng_miam_meals_planner_catalog_4_Template_ng_miam_meals_planner_catalog_editRecipe_0_listener($event) { i0__namespace.ɵɵrestoreView(_r20_1); var ctx_r19 = i0__namespace.ɵɵnextContext(3); return ctx_r19.editRecipe($event); })("canceled", function MealsPlannerComponent_div_2_div_15_ng_miam_meals_planner_catalog_4_Template_ng_miam_meals_planner_catalog_canceled_0_listener() { i0__namespace.ɵɵrestoreView(_r20_1); var ctx_r21 = i0__namespace.ɵɵnextContext(3); return ctx_r21.closeCatalog(); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -21764,6 +21782,40 @@
           _this.subscriptions = [];
           return _this;
       }
+      Object.defineProperty(MealsPlannerComponent.prototype, "remainingBudget", {
+          get: function () {
+              var _a;
+              var recipeToChangeId = (_a = this.budgettedRecipes[this.recipeToChangeIndex]) === null || _a === void 0 ? void 0 : _a.id;
+              var remainingBudget = this.maxBudget - this.usedBudget;
+              if (recipeToChangeId) {
+                  remainingBudget += this.budgettedRecipesPrices[recipeToChangeId];
+              }
+              if (remainingBudget > 0) {
+                  return remainingBudget;
+              }
+              return 0;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(MealsPlannerComponent.prototype, "remainingRecipesNumber", {
+          get: function () {
+              var _this = this;
+              return this.budgettedRecipes.reduce(function (acc, recipe, i) {
+                  // Don't count null recipes and currently replacing recipe
+                  return recipe && i !== _this.recipeToChangeIndex ? acc : acc + 1;
+              }, 0);
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(MealsPlannerComponent.prototype, "excludedRecipesIds", {
+          get: function () {
+              return this.budgettedRecipes.filter(function (recipe) { return recipe; }).map(function (recipe) { return recipe.id; });
+          },
+          enumerable: false,
+          configurable: true
+      });
       MealsPlannerComponent.prototype.ngOnInit = function () {
           var _this = this;
           this.subscriptions.push(this.contextService.enableMealsPlanner$.pipe(operators.skipWhile(function (enabled) { return !enabled; }), operators.take(1)).subscribe(function () {
@@ -21817,60 +21869,39 @@
       MealsPlannerComponent.prototype.currentPath = function () {
           return 'miam/recipes/meals-planner';
       };
-      // TODO: cut into more methods
       MealsPlannerComponent.prototype.addRecipes = function () {
           var _this = this;
           this.loading = true;
           this.scrollToTop();
           this.cdr.detectChanges();
-          var previousUsedBudget = this.usedBudget;
-          var basketInitialized = false;
           var recipesToAdd = this.budgettedRecipes.filter(function (r) { return r === null || r === void 0 ? void 0 : r.id; }); // remove empty recipes
           this.basketsService.addRecipesToBasket(recipesToAdd.map(function (r) { return (r.id); }), recipesToAdd[0].modifiedGuests, this.eventTrace());
           this.subscriptions.push(this.basketsService.recipesWillBeAdded().pipe(operators.skipWhile(function (recipesWillBeAdded) { return recipesWillBeAdded; }), operators.take(1), operators.switchMap(function () {
               _this.addedRecipesIds = recipesToAdd.map(function (r) { return r.id; });
-              return _this.basketsService.basketPreview$.pipe(operators.take(2));
-          }), operators.switchMap(function (basketPreviewLines) {
-              if (basketInitialized) {
-                  _this.fetchBasketPreviewPricing(basketPreviewLines);
-                  _this.ingredientsRegrouped = previousUsedBudget !== _this.usedBudget;
-                  return _this.basketsService.basketPreview$;
-              }
-              basketInitialized = true;
-              return rxjs.of(null);
-          }), operators.switchMap(function (basketPreviewLines) {
+              return _this.basketsService.basketPreview$.pipe(operators.take(1));
+          }), operators.tap(function (basketPreviewLines) {
               if (basketPreviewLines !== null) {
-                  if (!_this.containsSomeAddedRecipe(basketPreviewLines)) {
-                      return _this.fetchBudgetValues();
-                  }
-                  return rxjs.of(_this.fetchBasketPreviewPricing(basketPreviewLines));
+                  _this.ingredientsRegrouped = _this.hasMutualizedEntry(basketPreviewLines);
               }
-              return rxjs.of(null);
           })).subscribe(function () {
               _this.loading = false;
               _this.cdr.detectChanges();
           }));
       };
-      MealsPlannerComponent.prototype.containsSomeAddedRecipe = function (basketPreviewLines) {
-          var containsSomeAddedRecipeId = false;
-          this.addedRecipesIds.forEach(function (recipeId) {
-              if (basketPreviewLines.some(function (line) { return line.id === recipeId; })) {
-                  containsSomeAddedRecipeId = true;
-              }
-          });
-          return containsSomeAddedRecipeId;
-      };
-      MealsPlannerComponent.prototype.fetchBasketPreviewPricing = function (basketPreviewLines) {
+      MealsPlannerComponent.prototype.hasMutualizedEntry = function (basketPreviewLines) {
           var _this = this;
-          this.usedBudget = 0;
-          this.addedRecipesIds.forEach(function (recipeId) {
-              var basketPreviewLine = basketPreviewLines.find(function (line) { return line.id === recipeId; });
-              if (basketPreviewLine) {
-                  _this.usedBudget += +basketPreviewLine.price;
+          return basketPreviewLines.some(function (line) {
+              if (line.isRecipe) {
+                  return line.entries.found.some(function (entry) { return _this.isEntryMutualized(entry); });
               }
+              return false;
           });
-          this.usedBudget = Math.round(this.usedBudget * 100) / 100;
-          this.cdr.detectChanges();
+      };
+      MealsPlannerComponent.prototype.isEntryMutualized = function (entry) {
+          if (entry.status !== 'active') {
+              return false;
+          }
+          return entry.recipesIds.length > 1;
       };
       MealsPlannerComponent.prototype.initRecipesPricing = function () {
           var _this = this;
@@ -21940,7 +21971,7 @@
           });
       };
       MealsPlannerComponent.prototype.updateUsesCount = function () {
-          var oldCount = parseInt(localStorage.getItem('miam-meals-planner-uses-count'));
+          var oldCount = parseInt(localStorage.getItem('miam-meals-planner-uses-count'), 10);
           var newCount = Number.isNaN(oldCount) ? 1 : oldCount + 1;
           localStorage.setItem('miam-meals-planner-uses-count', newCount.toString());
           return newCount;
@@ -21950,40 +21981,10 @@
               this.topAnchor.nativeElement.scrollIntoView();
           }
       };
-      Object.defineProperty(MealsPlannerComponent.prototype, "remainingBudget", {
-          get: function () {
-              var _a;
-              var recipeToChangeId = (_a = this.budgettedRecipes[this.recipeToChangeIndex]) === null || _a === void 0 ? void 0 : _a.id;
-              var remainingBudget = this.maxBudget - this.usedBudget;
-              if (recipeToChangeId) {
-                  remainingBudget += this.budgettedRecipesPrices[recipeToChangeId];
-              }
-              if (remainingBudget > 0) {
-                  return remainingBudget;
-              }
-              return 0;
-          },
-          enumerable: false,
-          configurable: true
-      });
-      Object.defineProperty(MealsPlannerComponent.prototype, "remainingRecipesNumber", {
-          get: function () {
-              var _this = this;
-              return this.budgettedRecipes.reduce(function (acc, recipe, i) {
-                  // Don't count null recipes and currently replacing recipe
-                  return recipe && i !== _this.recipeToChangeIndex ? acc : acc + 1;
-              }, 0);
-          },
-          enumerable: false,
-          configurable: true
-      });
-      Object.defineProperty(MealsPlannerComponent.prototype, "excludedRecipesIds", {
-          get: function () {
-              return this.budgettedRecipes.filter(function (recipe) { return recipe; }).map(function (recipe) { return recipe.id; });
-          },
-          enumerable: false,
-          configurable: true
-      });
+      MealsPlannerComponent.prototype.updateUsedBudget = function (usedBudget) {
+          this.usedBudget = usedBudget;
+          this.cdr.detectChanges();
+      };
       return MealsPlannerComponent;
   }(EventTracerComponent));
   MealsPlannerComponent.ɵfac = function MealsPlannerComponent_Factory(t) { return new (t || MealsPlannerComponent)(i0__namespace.ɵɵdirectiveInject(i3__namespace.FormBuilder), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(PointOfSalesService), i0__namespace.ɵɵdirectiveInject(RecipeDetailsService)); };
@@ -22020,7 +22021,7 @@
           else {
               i18n_5 = $localize(templateObject_3$c || (templateObject_3$c = __makeTemplateObject([":\u241F3b0b12b85604af610c07cfbd5d4f74662b9a881a\u241F1931799427977453728:Ajouter une id\u00E9e repas"], [":\u241F3b0b12b85604af610c07cfbd5d4f74662b9a881a\u241F1931799427977453728:Ajouter une id\u00E9e repas"])));
           }
-          return [[1, "miam-meals-planner-anchor"], ["miamMealsPlannerTopAnchor", ""], ["class", "miam-meals-planner", 4, "ngIf"], [1, "miam-meals-planner"], [1, "miam-meals-planner__header"], [1, "miam-meals-planner__header__breadcrumb", 3, "ngClass"], ["href", "/"], ["width", "18", "height", "18", "primaryColor", "#1F3543", 3, "iconName"], ["width", "24", "height", "24", 1, "chevron-right", 3, "iconName"], [1, "inactive", 3, "href"], i18n_1, ["href", "javascript:void(0)", 1, "active"], i18n_3, ["class", "chevron-right", "width", "24", "height", "24", 3, "iconName", 4, "ngIf"], ["href", "javascript:void(0)", "class", "subCategory", 4, "ngIf"], ["class", "miam-meals-planner__content", 4, "ngIf"], ["href", "javascript:void(0)", 1, "subCategory"], i18n_5, [1, "miam-meals-planner__content"], [3, "originTrace", "reduced", "form", "loading", "ngClass", "submitted", 4, "ngIf"], [3, "originTrace", "recipes", "usedBudget", "maxBudget", "loading", "recipeRemoval", "confirmed", "openCatalog", 4, "ngIf"], [3, "recipesIds", "usedBudget", "maxBudget", "ingredientsRegrouped", "originTrace", "ngClass", "closed", 4, "ngIf"], [3, "modifiedGuests", "originTrace", "remainingBudget", "remainingRecipesNumber", "excludedRecipesIds", "editRecipe", "canceled", 4, "ngIf"], [3, "recipesIds", "originTrace", "budget", 4, "ngIf"], [3, "originTrace", "reduced", "form", "loading", "ngClass", "submitted"], [3, "originTrace", "recipes", "usedBudget", "maxBudget", "loading", "recipeRemoval", "confirmed", "openCatalog"], [3, "recipesIds", "usedBudget", "maxBudget", "ingredientsRegrouped", "originTrace", "ngClass", "closed"], [3, "modifiedGuests", "originTrace", "remainingBudget", "remainingRecipesNumber", "excludedRecipesIds", "editRecipe", "canceled"], [3, "recipesIds", "originTrace", "budget"]];
+          return [[1, "miam-meals-planner-anchor"], ["miamMealsPlannerTopAnchor", ""], ["class", "miam-meals-planner", 4, "ngIf"], [1, "miam-meals-planner"], [1, "miam-meals-planner__header"], [1, "miam-meals-planner__header__breadcrumb", 3, "ngClass"], ["href", "/"], ["width", "18", "height", "18", "primaryColor", "#1F3543", 3, "iconName"], ["width", "24", "height", "24", 1, "chevron-right", 3, "iconName"], [1, "inactive", 3, "href"], i18n_1, ["href", "javascript:void(0)", 1, "active"], i18n_3, ["class", "chevron-right", "width", "24", "height", "24", 3, "iconName", 4, "ngIf"], ["href", "javascript:void(0)", "class", "subCategory", 4, "ngIf"], ["class", "miam-meals-planner__content", 4, "ngIf"], ["href", "javascript:void(0)", 1, "subCategory"], i18n_5, [1, "miam-meals-planner__content"], [3, "originTrace", "reduced", "form", "loading", "ngClass", "submitted", 4, "ngIf"], [3, "originTrace", "recipes", "usedBudget", "maxBudget", "loading", "recipeRemoval", "confirmed", "openCatalog", 4, "ngIf"], [3, "recipesIds", "usedBudget", "maxBudget", "ingredientsRegrouped", "originTrace", "ngClass", "closed", "usedBudgetChanged", 4, "ngIf"], [3, "modifiedGuests", "originTrace", "remainingBudget", "remainingRecipesNumber", "excludedRecipesIds", "editRecipe", "canceled", 4, "ngIf"], [3, "recipesIds", "originTrace", "budget", 4, "ngIf"], [3, "originTrace", "reduced", "form", "loading", "ngClass", "submitted"], [3, "originTrace", "recipes", "usedBudget", "maxBudget", "loading", "recipeRemoval", "confirmed", "openCatalog"], [3, "recipesIds", "usedBudget", "maxBudget", "ingredientsRegrouped", "originTrace", "ngClass", "closed", "usedBudgetChanged"], [3, "modifiedGuests", "originTrace", "remainingBudget", "remainingRecipesNumber", "excludedRecipesIds", "editRecipe", "canceled"], [3, "recipesIds", "originTrace", "budget"]];
       }, template: function MealsPlannerComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelement(0, "div", 0, 1);
@@ -27292,7 +27293,7 @@
       if (rf & 1) {
           var _r27_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "ng-miam-products-picker", 49);
-          i0__namespace.ɵɵlistener("closeModal", function RecipeDetailsComponent_div_0_div_3_ng_container_35_ng_miam_products_picker_1_Template_ng_miam_products_picker_closeModal_0_listener() { i0__namespace.ɵɵrestoreView(_r27_1); var ctx_r26 = i0__namespace.ɵɵnextContext(4); return ctx_r26.onClose(); })("guestsChange", function RecipeDetailsComponent_div_0_div_3_ng_container_35_ng_miam_products_picker_1_Template_ng_miam_products_picker_guestsChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r27_1); var ctx_r28 = i0__namespace.ɵɵnextContext(4); return ctx_r28.updateGuests($event); });
+          i0__namespace.ɵɵlistener("closeModal", function RecipeDetailsComponent_div_0_div_3_ng_container_35_ng_miam_products_picker_1_Template_ng_miam_products_picker_closeModal_0_listener() { i0__namespace.ɵɵrestoreView(_r27_1); var ctx_r26 = i0__namespace.ɵɵnextContext(4); return ctx_r26.close(); })("guestsChange", function RecipeDetailsComponent_div_0_div_3_ng_container_35_ng_miam_products_picker_1_Template_ng_miam_products_picker_guestsChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r27_1); var ctx_r28 = i0__namespace.ɵɵnextContext(4); return ctx_r28.updateGuests($event); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -27412,7 +27413,7 @@
       if (rf & 1) {
           var _r43_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "button", 72);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_div_37_ng_container_1_div_5_button_4_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r43_1); var ctx_r42 = i0__namespace.ɵɵnextContext(6); return ctx_r42.onClose(true); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_div_37_ng_container_1_div_5_button_4_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r43_1); var ctx_r42 = i0__namespace.ɵɵnextContext(6); return ctx_r42.close(true); });
           i0__namespace.ɵɵelementStart(1, "span", 73);
           i0__namespace.ɵɵi18n(2, 74);
           i0__namespace.ɵɵelementEnd();
@@ -27425,7 +27426,7 @@
           var _r45_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "div", 68);
           i0__namespace.ɵɵelementStart(1, "button", 69);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_div_37_ng_container_1_div_5_Template_button_click_1_listener() { i0__namespace.ɵɵrestoreView(_r45_1); var ctx_r44 = i0__namespace.ɵɵnextContext(5); return ctx_r44.onClose(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_div_37_ng_container_1_div_5_Template_button_click_1_listener() { i0__namespace.ɵɵrestoreView(_r45_1); var ctx_r44 = i0__namespace.ɵɵnextContext(5); return ctx_r44.confirm(); });
           i0__namespace.ɵɵelementStart(2, "span", 61);
           i0__namespace.ɵɵi18n(3, 70);
           i0__namespace.ɵɵelementEnd();
@@ -27527,12 +27528,12 @@
           i0__namespace.ɵɵelementStart(3, "div", 10);
           i0__namespace.ɵɵelementStart(4, "div", 11);
           i0__namespace.ɵɵelementStart(5, "button", 12);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_5_listener() { i0__namespace.ɵɵrestoreView(_r47_1); var ctx_r46 = i0__namespace.ɵɵnextContext(2); return ctx_r46.onClose(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_5_listener() { i0__namespace.ɵɵrestoreView(_r47_1); var ctx_r46 = i0__namespace.ɵɵnextContext(2); return ctx_r46.close(); });
           i0__namespace.ɵɵelement(6, "img", 13);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(7, "div", 14);
           i0__namespace.ɵɵelementStart(8, "button", 15);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_8_listener() { i0__namespace.ɵɵrestoreView(_r47_1); var ctx_r48 = i0__namespace.ɵɵnextContext(2); return ctx_r48.onClose(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_8_listener() { i0__namespace.ɵɵrestoreView(_r47_1); var ctx_r48 = i0__namespace.ɵɵnextContext(2); return ctx_r48.close(); });
           i0__namespace.ɵɵelement(9, "img", 16);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵtemplate(10, RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_10_Template, 1, 2, "ng-miam-like-button", 17);
@@ -27556,7 +27557,7 @@
           i0__namespace.ɵɵelementStart(21, "div", 26);
           i0__namespace.ɵɵelementStart(22, "div", 27);
           i0__namespace.ɵɵelementStart(23, "button", 28);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_23_listener() { i0__namespace.ɵɵrestoreView(_r47_1); var ctx_r50 = i0__namespace.ɵɵnextContext(2); return ctx_r50.onClose(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_23_listener() { i0__namespace.ɵɵrestoreView(_r47_1); var ctx_r50 = i0__namespace.ɵɵnextContext(2); return ctx_r50.close(); });
           i0__namespace.ɵɵelement(24, "img", 29);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -27568,7 +27569,7 @@
           i0__namespace.ɵɵpipe(29, "async");
           i0__namespace.ɵɵelementStart(30, "div", 32);
           i0__namespace.ɵɵelementStart(31, "button", 33);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_31_listener() { i0__namespace.ɵɵrestoreView(_r47_1); var ctx_r51 = i0__namespace.ɵɵnextContext(2); return ctx_r51.onClose(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_31_listener() { i0__namespace.ɵɵrestoreView(_r47_1); var ctx_r51 = i0__namespace.ɵɵnextContext(2); return ctx_r51.close(); });
           i0__namespace.ɵɵelement(32, "img", 34);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -27753,6 +27754,7 @@
       RecipeDetailsComponent.prototype.ngOnChanges = function (changes) {
           var _a;
           if (changes.recipeId && ((_a = this.recipeId) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+              this.recipeDetailsOpenTimestamp = Date.now();
               this.fetchRecipe(this.recipeId);
               this.cdr.detectChanges();
           }
@@ -27880,6 +27882,15 @@
           this.addButtonLoading = value;
           this.cdr.detectChanges();
       };
+      RecipeDetailsComponent.prototype.confirm = function () {
+          this.analyticsService.sendEventWhenReady(this.analyticsService.EVENT_RECIPE_CONTINUE, this.path(), Object.assign(Object.assign({}, this.props()), { time_passed: (Date.now() - this.recipeDetailsOpenTimestamp) / 1000 }));
+          this.onClose();
+      };
+      RecipeDetailsComponent.prototype.close = function (openBasket) {
+          if (openBasket === void 0) { openBasket = false; }
+          this.analyticsService.sendEventWhenReady(this.analyticsService.EVENT_RECIPE_CLOSE, this.path(), Object.assign(Object.assign({}, this.props()), { time_passed: (Date.now() - this.recipeDetailsOpenTimestamp) / 1000 }));
+          this.onClose(openBasket);
+      };
       RecipeDetailsComponent.prototype.onClose = function (openBasket) {
           if (openBasket === void 0) { openBasket = false; }
           this.recipeDetailsService.displayEventWasSent = false;
@@ -29479,32 +29490,48 @@
           i0__namespace.ɵɵelementEnd();
       }
   }
-  var NoSupplierOnboardingComponent = /** @class */ (function () {
-      function NoSupplierOnboardingComponent(storeLocatoreService, cdr) {
-          this.storeLocatoreService = storeLocatoreService;
-          this.cdr = cdr;
-          this.display = false;
-          this.step = 1;
-          this.pictures = [
+  var NoSupplierOnboardingComponent = /** @class */ (function (_super) {
+      __extends(NoSupplierOnboardingComponent, _super);
+      function NoSupplierOnboardingComponent(storeLocatoreService, cdr, analyticsService) {
+          var _this = _super.call(this, analyticsService) || this;
+          _this.storeLocatoreService = storeLocatoreService;
+          _this.cdr = cdr;
+          _this.analyticsService = analyticsService;
+          _this.display = false;
+          _this.step = 1;
+          _this.pictures = [
               'https://storage.googleapis.com/assets.miam.tech/generic/images/8.7/noSupplierOnboardingStep1.png',
               'https://storage.googleapis.com/assets.miam.tech/generic/images/8.7/noSupplierOnboardingStep2.png',
               'https://storage.googleapis.com/assets.miam.tech/generic/images/8.7/noSupplierOnboardingStep3.png',
               'https://storage.googleapis.com/assets.miam.tech/generic/images/8.7/noSupplierOnboardingStep4.png'
           ];
-          this.subscriptions = [];
+          _this.subscriptions = [];
+          return _this;
       }
       NoSupplierOnboardingComponent.prototype.ngOnInit = function () {
           var _this = this;
           this.subscriptions.push(this.storeLocatoreService.showNoSupplierOnboarding.subscribe(function (show) {
               _this.display = show;
+              if (show) {
+                  _this.pageview();
+              }
               _this.cdr.detectChanges();
           }));
       };
       NoSupplierOnboardingComponent.prototype.ngOnDestroy = function () {
           this.subscriptions.forEach(function (s) { return s.unsubscribe(); });
       };
-      NoSupplierOnboardingComponent.prototype.onConfirm = function () {
+      NoSupplierOnboardingComponent.prototype.confirm = function () {
           this.storeLocatoreService.showNoSupplierOnboarding.next(false);
+          sessionStorage.setItem('_miam/noSupplier/onboarding', 'was-closed');
+      };
+      NoSupplierOnboardingComponent.prototype.onConfirm = function () {
+          this.sendEvent(this.analyticsService.EVENT_ONBOARDING_ACTION);
+          this.confirm();
+      };
+      NoSupplierOnboardingComponent.prototype.onClose = function () {
+          this.sendEvent(this.analyticsService.EVENT_ONBOARDING_CLOSE);
+          this.onConfirm();
       };
       NoSupplierOnboardingComponent.prototype.previousStep = function () {
           this.step = Math.max(this.step - 1, 1);
@@ -29514,10 +29541,16 @@
           this.step = Math.min(this.step + 1, 4);
           this.cdr.detectChanges();
       };
+      NoSupplierOnboardingComponent.prototype.currentPath = function () {
+          return 'onboarding';
+      };
+      NoSupplierOnboardingComponent.prototype.currentProps = function () {
+          return { steps_completed: this.step + 1 };
+      };
       return NoSupplierOnboardingComponent;
-  }());
-  NoSupplierOnboardingComponent.ɵfac = function NoSupplierOnboardingComponent_Factory(t) { return new (t || NoSupplierOnboardingComponent)(i0__namespace.ɵɵdirectiveInject(StoreLocatorService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef)); };
-  NoSupplierOnboardingComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NoSupplierOnboardingComponent, selectors: [["ng-miam-no-supplier-onboarding"]], decls: 26, vars: 28, consts: function () {
+  }(EventTracerComponent));
+  NoSupplierOnboardingComponent.ɵfac = function NoSupplierOnboardingComponent_Factory(t) { return new (t || NoSupplierOnboardingComponent)(i0__namespace.ɵɵdirectiveInject(StoreLocatorService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(AnalyticsService)); };
+  NoSupplierOnboardingComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NoSupplierOnboardingComponent, selectors: [["ng-miam-no-supplier-onboarding"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 26, vars: 28, consts: function () {
           var i18n_0;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
               var MSG_EXTERNAL_2816692981606991860$$LIB__WEB_COMPONENTS_NO_SUPPLIER_ONBOARDING_NO_SUPPLIER_ONBOARDING_COMPONENT_TS_1 = goog.getMsg("J'ai compris, je choisis un magasin !");
@@ -29618,7 +29651,7 @@
       }, template: function NoSupplierOnboardingComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "ng-miam-modal", 0);
-              i0__namespace.ɵɵlistener("confirm", function NoSupplierOnboardingComponent_Template_ng_miam_modal_confirm_0_listener() { return ctx.onConfirm(); })("close", function NoSupplierOnboardingComponent_Template_ng_miam_modal_close_0_listener() { return ctx.onConfirm(); });
+              i0__namespace.ɵɵlistener("confirm", function NoSupplierOnboardingComponent_Template_ng_miam_modal_confirm_0_listener() { return ctx.onConfirm(); })("close", function NoSupplierOnboardingComponent_Template_ng_miam_modal_close_0_listener() { return ctx.onClose(); });
               i0__namespace.ɵɵelementStart(1, "div", 1);
               i0__namespace.ɵɵelementStart(2, "div", 2);
               i0__namespace.ɵɵelementStart(3, "span", 3);
@@ -29706,7 +29739,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       changeDetection: i0.ChangeDetectionStrategy.OnPush
                   }]
-          }], function () { return [{ type: StoreLocatorService }, { type: i0__namespace.ChangeDetectorRef }]; }, null);
+          }], function () { return [{ type: StoreLocatorService }, { type: i0__namespace.ChangeDetectorRef }, { type: AnalyticsService }]; }, null);
   })();
   var templateObject_1$1, templateObject_2$1, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;