ng-miam 10.5.7 → 10.5.8

package/bundles/ng-miam.umd.js

@@ -3452,7 +3452,7 @@
         EventJourney["EMPTY"] = "";
     })(EventJourney || (EventJourney = {}));
 
-    var VERSION = "10.5.7"; // TODO: replace by ##VERSION## and update it in the CI/CD
+    var VERSION = "10.5.8"; // TODO: replace by ##VERSION## and update it in the CI/CD
 
     var ContextRegistryService = /** @class */ (function () {
         function ContextRegistryService() {
@@ -15112,19 +15112,21 @@
         };
         RecipePricingComponent.prototype.initPricingFromGuestsAndViewPort = function () {
             var _this = this;
-            // If the recipe is in basket, we ignore the change => pricing will be updated when the new basket preview is ready
-            // After the shallow copy with events of the recipe, ngOnChanges is called again because the recipe object is different
-            // So if changes contains only a recipe and no serves, we also avoid re-fetching
             var wasInBasketBefore;
+            var previousServes;
             return rxjs.combineLatest([
                 this.posService.waitForPos,
                 this.isInView$,
                 this.guests$,
                 this.basketsService.recipeIsInBasket(this.recipeId)
-            ]).pipe(operators.skipWhile(function (results) { return !results[1] || !results[3]; })).subscribe(function (results) {
+            ]).pipe(operators.skipWhile(function (results) { return !results[1]; })).subscribe(function (results) {
                 _this.pos = results[0];
-                // fetch the price if the recipe isn't in the basket and if it was last time we check or on startup
-                if (!results[3] && wasInBasketBefore !== false && _this.inViewport) {
+                var inViewport = results[1];
+                var serves = results[2];
+                var recipeIsInBasket = results[3];
+                var servesChanged = previousServes !== serves;
+                // If the recipe is in basket, we ignore the change => pricing will be updated when the new basket preview is ready.
+                if (!recipeIsInBasket && serves && (wasInBasketBefore !== false || servesChanged) && inViewport) {
                     _this.loading = true;
                     _this.cdr.detectChanges();
                     if (_this.onChangesSubscription) {
@@ -15132,7 +15134,8 @@
                     }
                     _this.onChangesSubscription = _this.fetchPricing().subscribe();
                 }
-                wasInBasketBefore = results[3];
+                wasInBasketBefore = recipeIsInBasket;
+                previousServes = serves;
             });
         };
         RecipePricingComponent.prototype.initPricingFromBasketChanges = function () {
@@ -15143,9 +15146,7 @@
                 _this.pos = results[0];
                 var recipeLine = results[1].find(function (l) { var _a, _b; return l.isRecipe && ((_a = l.id) === null || _a === void 0 ? void 0 : _a.toString()) === ((_b = _this.recipeId) === null || _b === void 0 ? void 0 : _b.toString()); });
                 if (!!recipeLine) {
-                    return _this.recipesService.getPricing(_this.recipeId, _this.pos.id, _this.serves).pipe(operators.switchMap(function (pricing) {
-                        return _this.extractPricing(recipeLine, pricing);
-                    }));
+                    return _this.recipesService.getPricing(_this.recipeId, _this.pos.id, _this.serves).pipe(operators.switchMap(function (pricing) { return _this.extractPricing(recipeLine, pricing); }));
                 }
                 return rxjs.of(null);
             }));
@@ -22146,16 +22147,26 @@
     })();
 
     var NoSupplierAddToCartCtaComponent = /** @class */ (function () {
-        function NoSupplierAddToCartCtaComponent(noSupplierAddToCartCtaService, sanitizer, cdr) {
+        function NoSupplierAddToCartCtaComponent(noSupplierAddToCartCtaService, sanitizer, cdr, element) {
             this.noSupplierAddToCartCtaService = noSupplierAddToCartCtaService;
             this.sanitizer = sanitizer;
             this.cdr = cdr;
+            this.element = element;
             this.clicked = new i0.EventEmitter();
             this.ctaHTML = null;
         }
         NoSupplierAddToCartCtaComponent.prototype.ngOnChanges = function (changes) {
+            if (!this.recipeId) {
+                return;
+            }
             var recipeId = String(this.recipeId);
-            if (!changes.recipeId || !this.recipeId || recipeId === this.loadedRecipeId) {
+            var recipeIdChanged = !!changes.recipeId && recipeId !== this.loadedRecipeId;
+            var guestsChanged = !!changes.guests &&
+                changes.guests.previousValue !== changes.guests.currentValue;
+            if (guestsChanged) {
+                this.syncRenderedGuests();
+            }
+            if (!recipeIdChanged && !guestsChanged) {
                 return;
             }
             this.loadComponent(recipeId);
@@ -22168,15 +22179,28 @@
                     _this.ctaHTML = _this.sanitizer.bypassSecurityTrustHtml(html);
                     _this.clicked.emit();
                     _this.cdr.detectChanges();
+                    _this.syncRenderedGuests();
                 },
                 error: function (error) {
                     console.error('Error loading no-supplier-add-to-cart-cta component:', error);
                 }
             });
         };
+        NoSupplierAddToCartCtaComponent.prototype.syncRenderedGuests = function () {
+            var cta = this.element.nativeElement.querySelector('mealz-no-supplier-add-to-cart-cta');
+            if (!cta) {
+                return;
+            }
+            if (this.guests && this.guests > 0) {
+                cta.setAttribute('guests', String(this.guests));
+            }
+            else {
+                cta.removeAttribute('guests');
+            }
+        };
         return NoSupplierAddToCartCtaComponent;
     }());
-    NoSupplierAddToCartCtaComponent.ɵfac = function NoSupplierAddToCartCtaComponent_Factory(t) { return new (t || NoSupplierAddToCartCtaComponent)(i0__namespace.ɵɵdirectiveInject(NoSupplierAddToCartCtaService), i0__namespace.ɵɵdirectiveInject(i2__namespace.DomSanitizer), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef)); };
+    NoSupplierAddToCartCtaComponent.ɵfac = function NoSupplierAddToCartCtaComponent_Factory(t) { return new (t || NoSupplierAddToCartCtaComponent)(i0__namespace.ɵɵdirectiveInject(NoSupplierAddToCartCtaService), i0__namespace.ɵɵdirectiveInject(i2__namespace.DomSanitizer), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
     NoSupplierAddToCartCtaComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: NoSupplierAddToCartCtaComponent, selectors: [["ng-miam-no-supplier-add-to-cart-cta"]], inputs: { recipeId: "recipeId", guests: "guests" }, outputs: { clicked: "clicked" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "innerHTML"]], template: function NoSupplierAddToCartCtaComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0__namespace.ɵɵelement(0, "div", 0);
@@ -22194,7 +22218,7 @@
                         encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.OnPush
                     }]
-            }], function () { return [{ type: NoSupplierAddToCartCtaService }, { type: i2__namespace.DomSanitizer }, { type: i0__namespace.ChangeDetectorRef }]; }, { recipeId: [{
+            }], function () { return [{ type: NoSupplierAddToCartCtaService }, { type: i2__namespace.DomSanitizer }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }]; }, { recipeId: [{
                     type: i0.Input
                 }], guests: [{
                     type: i0.Input