ng-miam 9.1.1 → 9.1.3

package/bundles/ng-miam.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/common/http'), require('@angular/common/locales/fr'), require('@angular/core'), require('@angular/platform-browser/animations'), require('miam-jsonapi'), require('rxjs'), require('@angular/platform-browser'), require('date-fns/endOfWeek'), require('date-fns/isWithinInterval'), require('date-fns/startOfWeek'), require('date-fns/subDays'), require('rxjs/operators'), require('duration-fns'), require('lodash-es'), require('mealz-shared-analytics'), require('lodash-es/pullAt'), require('@angular/cdk/layout'), require('uuid'), require('@angular/forms'), require('@angular/cdk/drag-drop'), require('@angular/cdk/text-field'), require('@angular/elements'), require('lodash-es/remove'), require('@angular/animations'), require('@angular/youtube-player'), require('lodash-es/groupBy')) :
-  typeof define === 'function' && define.amd ? define('ng-miam', ['exports', '@angular/common', '@angular/common/http', '@angular/common/locales/fr', '@angular/core', '@angular/platform-browser/animations', 'miam-jsonapi', 'rxjs', '@angular/platform-browser', 'date-fns/endOfWeek', 'date-fns/isWithinInterval', 'date-fns/startOfWeek', 'date-fns/subDays', 'rxjs/operators', 'duration-fns', 'lodash-es', 'mealz-shared-analytics', 'lodash-es/pullAt', '@angular/cdk/layout', 'uuid', '@angular/forms', '@angular/cdk/drag-drop', '@angular/cdk/text-field', '@angular/elements', 'lodash-es/remove', '@angular/animations', '@angular/youtube-player', 'lodash-es/groupBy'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["ng-miam"] = {}, global.ng.common, global.ng.common.http, global.ng.common.locales.fr, global.ng.core, global.ng.platformBrowser.animations, global.i2$2, global.rxjs, global.ng.platformBrowser, global.endOfWeek, global.isWithinInterval, global.startOfWeek, global.subDays, global.rxjs.operators, global.duration, global.lodashEs, global.mealzSharedAnalytics, global.pullAt, global.ng.cdk.layout, global.uuid, global.ng.forms, global.ng.cdk.dragDrop, global.ng.cdk.textField, global.ng.elements, global.remove, global.ng.animations, global.ng.youtubePlayer, global.groupBy));
-})(this, (function (exports, i2, i1, localeFr, i0, animations$1, i2$2, rxjs, i2$1, endOfWeek, isWithinInterval, startOfWeek, subDays, operators, duration, lodashEs, mealzSharedAnalytics, pullAt, i7, uuid, i3, dragDrop, textField, elements, remove, animations, i9, groupBy) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/common/http'), require('@angular/common/locales/fr'), require('@angular/core'), require('@angular/platform-browser/animations'), require('miam-jsonapi'), require('rxjs'), require('rxjs/operators'), require('@angular/platform-browser'), require('date-fns/endOfWeek'), require('date-fns/isWithinInterval'), require('date-fns/startOfWeek'), require('date-fns/subDays'), require('duration-fns'), require('lodash-es'), require('mealz-shared-analytics'), require('lodash-es/pullAt'), require('@angular/cdk/layout'), require('uuid'), require('@angular/forms'), require('@angular/cdk/drag-drop'), require('@angular/cdk/text-field'), require('@angular/elements'), require('lodash-es/remove'), require('@angular/animations'), require('@angular/youtube-player'), require('lodash-es/groupBy')) :
+  typeof define === 'function' && define.amd ? define('ng-miam', ['exports', '@angular/common', '@angular/common/http', '@angular/common/locales/fr', '@angular/core', '@angular/platform-browser/animations', 'miam-jsonapi', 'rxjs', 'rxjs/operators', '@angular/platform-browser', 'date-fns/endOfWeek', 'date-fns/isWithinInterval', 'date-fns/startOfWeek', 'date-fns/subDays', 'duration-fns', 'lodash-es', 'mealz-shared-analytics', 'lodash-es/pullAt', '@angular/cdk/layout', 'uuid', '@angular/forms', '@angular/cdk/drag-drop', '@angular/cdk/text-field', '@angular/elements', 'lodash-es/remove', '@angular/animations', '@angular/youtube-player', 'lodash-es/groupBy'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["ng-miam"] = {}, global.ng.common, global.ng.common.http, global.ng.common.locales.fr, global.ng.core, global.ng.platformBrowser.animations, global.i2$2, global.rxjs, global.rxjs.operators, global.ng.platformBrowser, global.endOfWeek, global.isWithinInterval, global.startOfWeek, global.subDays, global.duration, global.lodashEs, global.mealzSharedAnalytics, global.pullAt, global.ng.cdk.layout, global.uuid, global.ng.forms, global.ng.cdk.dragDrop, global.ng.cdk.textField, global.ng.elements, global.remove, global.ng.animations, global.ng.youtubePlayer, global.groupBy));
+})(this, (function (exports, i2, i1, localeFr, i0, animations$1, i2$2, rxjs, operators, i2$1, endOfWeek, isWithinInterval, startOfWeek, subDays, duration, lodashEs, mealzSharedAnalytics, pullAt, i7, uuid, i3, dragDrop, textField, elements, remove, animations, i9, groupBy) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1227,7 +1227,7 @@
           if (this.valueSubject) {
               return;
           }
-          this.valueSubject = new rxjs.Subject();
+          this.valueSubject = new rxjs.BehaviorSubject(this.value);
           this.lastValue = this.value;
           this.subscriptions.push(this.valueSubject
               .pipe(operators.debounceTime(this.debounceTime))
@@ -1239,7 +1239,13 @@
               _this.lastValue = _this.value;
           }));
       };
-      CounterInputComponent.prototype.ngOnChanges = function () {
+      CounterInputComponent.prototype.ngOnChanges = function (changes) {
+          var _a;
+          if (!((_a = changes.value) === null || _a === void 0 ? void 0 : _a.isFirstChange())) {
+              if (this.value !== this.valueSubject.value) {
+                  this.valueSubject.next(this.value);
+              }
+          }
           this.cdr.detectChanges();
       };
       CounterInputComponent.prototype.ngOnDestroy = function () {
@@ -3496,7 +3502,7 @@
       return RecipeFilters;
   }());
 
-  var VERSION = '9.1.1'; // TODO: replace by ##VERSION## and update it in the CI/CD
+  var VERSION = '9.1.3'; // TODO: replace by ##VERSION## and update it in the CI/CD
 
   /**
    * Analytics library cannot refer to "this." so we use a global variable
@@ -4866,6 +4872,7 @@
           this.closeModalOnSelected = false;
           this.showStoreLocatorWarning = new rxjs.BehaviorSubject(false);
           this.showNoSupplierOnboarding = new rxjs.BehaviorSubject(false);
+          this.changePosAfterWarnConfirm = true;
           this.storeLocatorOpened$.subscribe(function (opened) {
               if (opened && _this.storeLocatorOpenedTimestamp !== 0) {
                   _this.storeLocatorOpenedTimestamp = Date.now();
@@ -4882,7 +4889,8 @@
           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') {
+          if (this.isStoreLocatorWarningNeeded(e.detail.supplierId)) {
+              this.changePosAfterWarnConfirm = true;
               // Current device is a mobile device and the chosen supplier has not deactivated deep links
               this.showStoreLocatorWarning.next(true);
           }
@@ -4890,6 +4898,9 @@
               this.changePos();
           }
       };
+      StoreLocatorService.prototype.isStoreLocatorWarningNeeded = function (supplierId) {
+          return /Mobi|Android|iPhone/i.test(navigator.userAgent) && supplierId === '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) {
@@ -5197,6 +5208,19 @@
               return recipes.data;
           }));
       };
+      RecipesService.prototype.searchRecipeByExtId = function (recipeExtId) {
+          var _this = this;
+          var url = MIAM_API_HOST$2 + "recipes/external/" + recipeExtId;
+          return this.http.get(url).pipe(operators.map(function (response) {
+              var _a;
+              if (((_a = response.data) === null || _a === void 0 ? void 0 : _a.attributes['ext-id']) === recipeExtId) {
+                  var recipe = _this.new();
+                  recipe.fill(response);
+                  return recipe;
+              }
+              return null;
+          }));
+      };
       RecipesService.prototype.getPricing = function (recipeId, posId, pricebookKey, serves) {
           if (serves === void 0) { serves = null; }
           if (!recipeId) {
@@ -5318,6 +5342,22 @@
           };
           return this.get(recipeId, params);
       };
+      RecipesService.prototype.search = function (name, filters, page, include, sort) {
+          var _this = this;
+          var url = MIAM_API_HOST$2 + ("recipes/search?name=" + name);
+          url += "&page[size]=" + (page.size || 20) + "&page[number]=" + (page.number || 1) + "&partner=" + filters.partner;
+          filters.statuses.forEach(function (status) { return url += "&recipe_status_ids[]=" + status; });
+          url += filters.types.length ? "&filter[recipe_type_id]=" + filters.types.join(',') : '';
+          url += filters.providers.length ? "&filter[recipe_provider_id]=" + filters.providers.join(',') : '';
+          url += filters.packages.length ? "&filter[packages]=" + filters.packages.join(',') : '';
+          url += include.length ? "&include=" + include.join(',') : '';
+          url += sort ? "&sort=" + sort : '';
+          return this.http.get(url, {}).pipe(operators.map(function (returnedRecipes) {
+              var recipes = _this.newCollection();
+              recipes.fill(returnedRecipes);
+              return recipes;
+          }));
+      };
       // DEPRECATED / use TTL instead
       RecipesService.prototype.getOrFetch = function (recipeId) {
           var recipe = this.recipes.find(function (r) { return r.id === recipeId; });
@@ -5325,7 +5365,7 @@
               return rxjs.of(recipe);
           }
           else {
-              return this.get(recipeId, { fields: { recipe: ['number-of-guests'] } }).pipe(operators.skipWhile(function (r) { return r.is_loading; }));
+              return this.get(recipeId, { fields: { recipes: ['number-of-guests', 'media-url'] } }).pipe(operators.skipWhile(function (r) { return r.is_loading; }));
           }
       };
       /**
@@ -12697,9 +12737,8 @@
           var _this = this;
           var _a, _b;
           if (!(((_a = this.recipeId) === null || _a === void 0 ? void 0 : _a.length) > 0) && ((_b = this.recipeExtId) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-              return this.recipesService.all({ remotefilter: { 'ext-id': this.recipeExtId, active: 'true,false' } }).pipe(operators.tap(function (response) {
-                  var _a;
-                  _this.recipeId = ((_a = response.data[0]) === null || _a === void 0 ? void 0 : _a.attributes['ext-id']) === _this.recipeExtId ? response.data[0].id : null;
+              return this.recipesService.searchRecipeByExtId(this.recipeExtId).pipe(operators.tap(function (response) {
+                  _this.recipeId = (response === null || response === void 0 ? void 0 : response.id) || null;
                   _this.cdr.detectChanges();
               }));
           }
@@ -12770,7 +12809,7 @@
           this.pricing = new RecipePricing({
               price: parseFloat(recipeLine.price),
               serves: recipeLine.count,
-              price_per_serve: parseFloat(recipeLine.price) / recipeLine.count,
+              'price-per-serve': parseFloat(recipeLine.price) / recipeLine.count,
               'discounted-ingredients-count': fetchedPrice['discounted-ingredients-count']
           });
           this.format();
@@ -12780,7 +12819,7 @@
           return rxjs.of(this.pricing);
       };
       RecipePricingComponent.prototype.format = function () {
-          var values = this.pricing.price_per_serve.toFixed(2).toString().split('.');
+          var values = this.pricing['price-per-serve'].toFixed(2).toString().split('.');
           this.integerPart = values[0];
           this.decimalPart = values.length === 2 ? values[1] : '00';
           this.total = this.pricing.price.toFixed(2);
@@ -16659,7 +16698,7 @@
           }
           return this.recipesService.get(this.line.id, {
               include: ['ingredients'],
-              fields: { recipe: ['number-of-guests'], ingredients: ['name', 'quantity', 'unit'] }
+              fields: { recipes: ['number-of-guests'], ingredients: ['name', 'quantity', 'unit'] }
           }).pipe(operators.switchMap(function (recipe) {
               _this.legacyRecipe = recipe;
               var requests = recipe.relationships.ingredients.data.map(function (ing) { return _this.basketsService.basketEntryFromIngredient(ing.id, _this.line.count).pipe(operators.map(function (entry) {
@@ -20234,7 +20273,7 @@
               }));
           }
           else if (!this.recipe && this.recipeExtId) {
-              this.subscriptions.push(this.searchRecipeByExtId().subscribe(function (result) {
+              this.subscriptions.push(this.recipeService.searchRecipeByExtId(this.recipeExtId).subscribe(function (result) {
                   _this.recipe = result;
                   if (!result) {
                       _this.hidden.emit();
@@ -20277,10 +20316,6 @@
           // Until supplier ids are the same as the provider ids we use the origin to determine the provider on which we filter
           return this.contextService.origin.pipe(operators.skipWhile(function (origin) { return !origin; }), operators.take(1), operators.switchMap(function (origin) { return _this.recipeService.all({ remotefilter: { recipe_provider_id: origin, search: _this.recipeName } }).pipe(operators.map(function (response) { var _a; return ((_a = response.data[0]) === null || _a === void 0 ? void 0 : _a.attributes.title) === _this.recipeName ? response.data[0] : null; })); }));
       };
-      RecipeCardCtaComponent.prototype.searchRecipeByExtId = function () {
-          var _this = this;
-          return this.recipeService.all({ remotefilter: { 'ext-id': this.recipeExtId } }).pipe(operators.map(function (response) { var _a; return ((_a = response.data[0]) === null || _a === void 0 ? void 0 : _a.attributes['ext-id']) === _this.recipeExtId ? response.data[0] : null; }));
-      };
       RecipeCardCtaComponent.prototype.currentPath = function () {
           return '';
       };
@@ -20307,7 +20342,7 @@
       return RecipeCardCtaComponent;
   }(EventTracerComponent));
   RecipeCardCtaComponent.ɵfac = function RecipeCardCtaComponent_Factory(t) { return new (t || RecipeCardCtaComponent)(i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(UserService), i0__namespace.ɵɵdirectiveInject(PointOfSalesService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(ToasterService)); };
-  RecipeCardCtaComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: RecipeCardCtaComponent, selectors: [["ng-miam-recipe-card-cta"]], inputs: { recipeName: "recipeName", recipeExtId: "recipeExtId", recipe: "recipe", serves: "serves", previewAllowed: "previewAllowed", helpButtonAllowed: "helpButtonAllowed", displayGuests: "displayGuests" }, outputs: { displayed: "displayed", clicked: "clicked", hidden: "hidden" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "miam-recipe-card-cta", 4, "ngIf"], [1, "miam-recipe-card-cta"], [1, "miam-ds-button", 3, "disabled", "ngClass", "click"], [4, "ngIf", "ngIfElse"], ["seeIngredients", ""], ["alt", "basket icon", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/InCart_primary.svg", "alt", "see ingredients"]], template: function RecipeCardCtaComponent_Template(rf, ctx) {
+  RecipeCardCtaComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: RecipeCardCtaComponent, selectors: [["ng-miam-recipe-card-cta"]], inputs: { recipeName: "recipeName", recipeExtId: "recipeExtId", recipe: "recipe", serves: "serves", previewAllowed: "previewAllowed", helpButtonAllowed: "helpButtonAllowed", displayGuests: "displayGuests" }, outputs: { displayed: "displayed", clicked: "clicked", hidden: "hidden" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "miam-recipe-card-cta", 4, "ngIf"], [1, "miam-recipe-card-cta"], [1, "miam-recipe-card-cta__button", "miam-ds-button", 3, "disabled", "ngClass", "click"], [4, "ngIf", "ngIfElse"], ["seeIngredients", ""], ["alt", "basket icon", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/InCart_primary.svg", "alt", "see ingredients"]], template: function RecipeCardCtaComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵtemplate(0, RecipeCardCtaComponent_div_0_Template, 6, 10, "div", 0);
           }
@@ -23965,9 +24000,10 @@
                   return rxjs.of([]);
               }
           })).subscribe(function (tags) {
-              var _a;
-              _this.suggestedTags = tags.data;
-              _this.notFound = ((_a = _this.suggestedTags) === null || _a === void 0 ? void 0 : _a.length) === 0;
+              var _a, _b;
+              _this.suggestedTags = (_a = tags === null || tags === void 0 ? void 0 : tags.data) === null || _a === void 0 ? void 0 : _a.filter(function (tag) { return tag.attributes['tag-type-id'] === 'ingredient_category' ||
+                  tag.attributes['tag-type-id'] === 'ingredientsdefinition'; });
+              _this.notFound = ((_b = _this.suggestedTags) === null || _b === void 0 ? void 0 : _b.length) === 0;
               _this.cdr.detectChanges();
           }));
       };
@@ -24418,10 +24454,12 @@
           this.preferencesService.updatePreferences();
           this.preferencesChanged.emit();
           if (this.contextService.isPreferencesSSR) {
-              this.updateFiltersInCache();
+              this.updateFiltersInCache(true);
+          }
+          else {
+              this.contextService.preferencesChanged.emit();
+              this.close();
           }
-          this.contextService.preferencesChanged.emit();
-          this.close();
       };
       PreferencesComponent.prototype.close = function () {
           this.isOpen = false;
@@ -24441,16 +24479,21 @@
       PreferencesComponent.prototype.whitelistedTags = function (tags) {
           return tags.filter(function (tag) { return environment$1.tagsWhitelist.includes(tag.id); });
       };
-      PreferencesComponent.prototype.updateFiltersInCache = function () {
+      PreferencesComponent.prototype.updateFiltersInCache = function (closeModal) {
+          var _this = this;
+          if (closeModal === void 0) { closeModal = false; }
           var filters = new RecipeFilters();
           var allFilters = this.preferencesService.addPreferencesToRemoteFilters(filters, true);
           var filtersToAdd = Object.assign({ exclude_tags: allFilters.exclude_tags, include_tags: allFilters.include_tags }, (this.preferencesService.guests !== 4 && { guests: this.preferencesService.guests }));
-          if (filtersToAdd.exclude_tags || filtersToAdd.include_tags || filtersToAdd.guests) {
-              this.preferencesService.sendCacheRequest('set', 'preferences', filtersToAdd).subscribe();
-          }
-          else {
-              this.preferencesService.sendCacheRequest('remove', 'preferences').subscribe();
-          }
+          var sendRequest = Object.keys(filtersToAdd).length > 0
+              ? this.preferencesService.sendCacheRequest('set', 'preferences', filtersToAdd)
+              : this.preferencesService.sendCacheRequest('remove', 'preferences');
+          sendRequest.subscribe(function () {
+              if (closeModal) {
+                  _this.contextService.preferencesChanged.emit();
+                  _this.close();
+              }
+          });
       };
       return PreferencesComponent;
   }(EventTracerComponent));
@@ -24528,7 +24571,7 @@
           else {
               i18n_16 = $localize(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject([":\u241Fd52eb7599c75829bf96401d33dfdad4f9857822b\u241F4160637687093543290:Appliquer"], [":\u241Fd52eb7599c75829bf96401d33dfdad4f9857822b\u241F4160637687093543290:Appliquer"])));
           }
-          return [["modalStyle", "right", 3, "noHeaderMode", "display", "close"], [1, "miam-preferences"], [1, "miam-preferences__header"], [4, "ngIf"], ["class", "miam-preferences_nav-and-title", 4, "ngIf"], [1, "miam-ds-button", "ghost", "square", "miam-preferences__back-button", 3, "click"], ["alt", "go back", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/arrow-right.svg", 1, "miam-preferences__back-image"], [1, "miam-ds-text", "size-l", "weight-xxl", "miam-preferences__title"], i18n_0, [1, "miam-ds-button", "ghost", "square", "miam-preferences__close-button", 3, "click"], ["alt", "close modal", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", 1, "miam-preferences__close-image"], [1, "miam-preferences_nav-and-title"], [1, "miam-ds-button", "ghost", "square", "miam-preferences__search-back-button", 3, "click"], i18n_2, [1, "miam-preferences__guests"], [1, "miam-ds-text", "miam-preferences_guest-label"], i18n_4, [1, "miam-preferences_guest-counter", 3, "value", "valueChange"], [1, "miam-preferences__diet-section", 3, "isCollapsed", "isCollapsedChange"], [1, "miam-ds-text", "weight-xl"], i18n_6, [1, "miam-preferences__list"], ["class", "miam-preferences__list__item miam-ds-checkbox", 3, "click", 4, "ngFor", "ngForOf"], [1, "miam-preferences__dislikes-section", 3, "isCollapsed", "isCollapsedChange"], i18n_8, ["class", "miam-ds-badge miam-preferences__badge", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], [1, "miam-ds-badge", "miam-preferences__badge", 3, "click"], [1, "miam-preferences__badge_label"], i18n_10, ["alt", "add dislikes", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/plus-neutral-black.svg"], [1, "miam-preferences__equipments-section", 3, "isCollapsed", "isCollapsedChange"], i18n_12, [1, "miam-preferences__footer"], [1, "miam-ds-button", "secondary", "miam-preferences__footer__reset", 3, "click"], i18n_14, [1, "miam-ds-button", "primary", "miam-preferences__footer__recipes", 3, "click"], i18n_16, [1, "miam-preferences__list__item", "miam-ds-checkbox", 3, "click"], [1, "miam-ds-text", "miam-preferences__list__item__name"], ["type", "checkbox", 3, "checked"], [1, "miam-ds-badge", "miam-preferences__badge", 3, "ngClass", "click"], ["class", "miam-preferences__remove-tag", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg", 3, "alt", 4, "ngIf"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg", 1, "miam-preferences__remove-tag", 3, "alt"], [1, "miam-preferences__list__item__name"], [3, "backAndReload"]];
+          return [["modalStyle", "right", 1, "miam-preferences-modal", 3, "noHeaderMode", "display", "close"], [1, "miam-preferences"], [1, "miam-preferences__header"], [4, "ngIf"], ["class", "miam-preferences_nav-and-title", 4, "ngIf"], [1, "miam-ds-button", "ghost", "square", "miam-preferences__back-button", 3, "click"], ["alt", "go back", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/arrow-right.svg", 1, "miam-preferences__back-image"], [1, "miam-ds-text", "size-l", "weight-xxl", "miam-preferences__title"], i18n_0, [1, "miam-ds-button", "ghost", "square", "miam-preferences__close-button", 3, "click"], ["alt", "close modal", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", 1, "miam-preferences__close-image"], [1, "miam-preferences_nav-and-title"], [1, "miam-ds-button", "ghost", "square", "miam-preferences__search-back-button", 3, "click"], i18n_2, [1, "miam-preferences__guests"], [1, "miam-ds-text", "miam-preferences_guest-label"], i18n_4, [1, "miam-preferences_guest-counter", 3, "value", "valueChange"], [1, "miam-preferences__diet-section", 3, "isCollapsed", "isCollapsedChange"], [1, "miam-ds-text", "weight-xl"], i18n_6, [1, "miam-preferences__list"], ["class", "miam-preferences__list__item miam-ds-checkbox", 3, "click", 4, "ngFor", "ngForOf"], [1, "miam-preferences__dislikes-section", 3, "isCollapsed", "isCollapsedChange"], i18n_8, ["class", "miam-ds-badge miam-preferences__badge", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], [1, "miam-ds-badge", "miam-preferences__badge", 3, "click"], [1, "miam-preferences__badge_label"], i18n_10, ["alt", "add dislikes", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/plus-neutral-black.svg"], [1, "miam-preferences__equipments-section", 3, "isCollapsed", "isCollapsedChange"], i18n_12, [1, "miam-preferences__footer"], [1, "miam-ds-button", "secondary", "miam-preferences__footer__reset", 3, "click"], i18n_14, [1, "miam-ds-button", "primary", "miam-preferences__footer__recipes", 3, "click"], i18n_16, [1, "miam-preferences__list__item", "miam-ds-checkbox", 3, "click"], [1, "miam-ds-text", "miam-preferences__list__item__name"], ["type", "checkbox", 3, "checked"], [1, "miam-ds-badge", "miam-preferences__badge", 3, "ngClass", "click"], ["class", "miam-preferences__remove-tag", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg", 3, "alt", 4, "ngIf"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg", 1, "miam-preferences__remove-tag", 3, "alt"], [1, "miam-preferences__list__item__name"], [3, "backAndReload"]];
       }, template: function PreferencesComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "ng-miam-modal", 0);
@@ -24935,7 +24978,7 @@
           i0__namespace.ɵɵlistener("filterChanged", function RecipeCatalogComponent_div_2_Template_ng_miam_recipe_filters_filterChanged_8_listener($event) { i0__namespace.ɵɵrestoreView(_r61_1); var ctx_r62 = i0__namespace.ɵɵnextContext(); return ctx_r62.updateFilters($event); })("filterCollapsed", function RecipeCatalogComponent_div_2_Template_ng_miam_recipe_filters_filterCollapsed_8_listener() { i0__namespace.ɵɵrestoreView(_r61_1); var ctx_r63 = i0__namespace.ɵɵnextContext(); return ctx_r63.onFilterCollapsed(); })("preferencesChanged", function RecipeCatalogComponent_div_2_Template_ng_miam_recipe_filters_preferencesChanged_8_listener() { i0__namespace.ɵɵrestoreView(_r61_1); var ctx_r64 = i0__namespace.ɵɵnextContext(); return ctx_r64.reloadPackages(); });
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(9, "ng-miam-preferences", 12);
-          i0__namespace.ɵɵlistener("isOpenChange", function RecipeCatalogComponent_div_2_Template_ng_miam_preferences_isOpenChange_9_listener($event) { i0__namespace.ɵɵrestoreView(_r61_1); var ctx_r65 = i0__namespace.ɵɵnextContext(); return ctx_r65.isPreferenceModalOpen = $event; })("preferencesChanged", function RecipeCatalogComponent_div_2_Template_ng_miam_preferences_preferencesChanged_9_listener() { i0__namespace.ɵɵrestoreView(_r61_1); var ctx_r66 = i0__namespace.ɵɵnextContext(); ctx_r66.updateFilters(ctx_r66.filters); return ctx_r66.reloadPackages(); });
+          i0__namespace.ɵɵlistener("isOpenChange", function RecipeCatalogComponent_div_2_Template_ng_miam_preferences_isOpenChange_9_listener($event) { i0__namespace.ɵɵrestoreView(_r61_1); var ctx_r65 = i0__namespace.ɵɵnextContext(); return ctx_r65.isPreferenceModalOpen = $event; })("preferencesChanged", function RecipeCatalogComponent_div_2_Template_ng_miam_preferences_preferencesChanged_9_listener() { i0__namespace.ɵɵrestoreView(_r61_1); var ctx_r66 = i0__namespace.ɵɵnextContext(); ctx_r66.updateFilters(ctx_r66.filters, false); return ctx_r66.reloadPackages(); });
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵtemplate(10, RecipeCatalogComponent_div_2_ng_template_10_Template, 1, 1, "ng-template", null, 13, i0__namespace.ɵɵtemplateRefExtractor);
           i0__namespace.ɵɵelementEnd();
@@ -25115,9 +25158,10 @@
           this.filters.search = '';
           this.filters.additionalFilters = null;
       };
-      RecipeCatalogComponent.prototype.updateFilters = function (filters) {
+      RecipeCatalogComponent.prototype.updateFilters = function (filters, forceListView) {
+          if (forceListView === void 0) { forceListView = true; }
           this.filters = filters.copy(); // necessary to trigger child component change
-          this.forceListView = true;
+          this.forceListView = forceListView;
           this.filterToRemove = undefined;
           this.cdr.detectChanges();
           this.setStickyObserver();
@@ -26448,25 +26492,36 @@
   })();
   var templateObject_1$7, templateObject_2$5;
 
+  function StoreLocatorLinkComponent_div_0_span_1_img_1_Template(rf, ctx) {
+      if (rf & 1) {
+          var _r4_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementStart(0, "img", 8);
+          i0__namespace.ɵɵlistener("click", function StoreLocatorLinkComponent_div_0_span_1_img_1_Template_img_click_0_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(3); return ctx_r3.showTooltip(); });
+          i0__namespace.ɵɵelementEnd();
+      }
+  }
   function StoreLocatorLinkComponent_div_0_span_1_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "span", 6);
-          i0__namespace.ɵɵtext(1);
+          i0__namespace.ɵɵtemplate(1, StoreLocatorLinkComponent_div_0_span_1_img_1_Template, 1, 0, "img", 7);
+          i0__namespace.ɵɵtext(2);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
           var ctx_r1 = i0__namespace.ɵɵnextContext(2);
           i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r1.showIconTooltip);
+          i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵtextInterpolate2(" ", ctx_r1.currentPos.relationships.supplier.data.attributes.name, " - ", ctx_r1.currentPos.attributes.name, " ");
       }
   }
   function StoreLocatorLinkComponent_div_0_Template(rf, ctx) {
       if (rf & 1) {
-          var _r3_1 = i0__namespace.ɵɵgetCurrentView();
+          var _r6_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "div", 1);
-          i0__namespace.ɵɵtemplate(1, StoreLocatorLinkComponent_div_0_span_1_Template, 2, 2, "span", 2);
+          i0__namespace.ɵɵtemplate(1, StoreLocatorLinkComponent_div_0_span_1_Template, 3, 3, "span", 2);
           i0__namespace.ɵɵelementStart(2, "button", 3);
-          i0__namespace.ɵɵlistener("click", function StoreLocatorLinkComponent_div_0_Template_button_click_2_listener() { i0__namespace.ɵɵrestoreView(_r3_1); var ctx_r2 = i0__namespace.ɵɵnextContext(); return ctx_r2.storeLocatorService.openStoreLocator(); });
+          i0__namespace.ɵɵlistener("click", function StoreLocatorLinkComponent_div_0_Template_button_click_2_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.storeLocatorService.openStoreLocator(); });
           i0__namespace.ɵɵelement(3, "img", 4);
           i0__namespace.ɵɵelementStart(4, "span");
           i0__namespace.ɵɵi18n(5, 5);
@@ -26487,11 +26542,13 @@
           this.suppliersService = suppliersService;
           this.cdr = cdr;
           this.subscriptions = [];
+          this.showIconTooltip = false;
       }
       StoreLocatorLinkComponent.prototype.ngOnInit = function () {
           var _this = this;
           this.subscriptions.push(this.posService.pos$.subscribe(function (pos) {
               _this.currentPos = pos;
+              _this.setTooltipVisibility();
               _this.cdr.detectChanges();
           }));
       };
@@ -26499,6 +26556,15 @@
           this.subscriptions.forEach(function (sub) { return sub.unsubscribe(); });
           this.storeLocatorService.unsubscribe();
       };
+      StoreLocatorLinkComponent.prototype.setTooltipVisibility = function () {
+          var _a;
+          this.showIconTooltip = this.storeLocatorService.isStoreLocatorWarningNeeded((_a = this.currentPos) === null || _a === void 0 ? void 0 : _a.relationships.supplier.data.id);
+      };
+      StoreLocatorLinkComponent.prototype.showTooltip = function () {
+          this.storeLocatorService.changePosAfterWarnConfirm = false;
+          this.storeLocatorService.showStoreLocatorWarning.next(true);
+          this.cdr.detectChanges();
+      };
       return StoreLocatorLinkComponent;
   }());
   StoreLocatorLinkComponent.ɵfac = function StoreLocatorLinkComponent_Factory(t) { return new (t || StoreLocatorLinkComponent)(i0__namespace.ɵɵdirectiveInject(StoreLocatorService), i0__namespace.ɵɵdirectiveInject(PointOfSalesService), i0__namespace.ɵɵdirectiveInject(SuppliersService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef)); };
@@ -26511,7 +26577,7 @@
           else {
               i18n_0 = $localize(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject([":\u241Fc368921f313712ef19fa1f7d05697982582598ef\u241F9004334984468055592:Changer"], [":\u241Fc368921f313712ef19fa1f7d05697982582598ef\u241F9004334984468055592:Changer"])));
           }
-          return [["class", "miam-store-locator-link", 4, "ngIf"], [1, "miam-store-locator-link"], ["class", "miam-store-locator-link__store-name miam-ds-text weight-xl size-s", 4, "ngIf"], [1, "miam-store-locator-link__swap-pos-button", "miam-ds-button", "primary", "reverse", "small", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Swap.svg", "alt", "swap point of sale", 1, "miam-store-locator-link__swap-pos-icon"], i18n_0, [1, "miam-store-locator-link__store-name", "miam-ds-text", "weight-xl", "size-s"]];
+          return [["class", "miam-store-locator-link", 4, "ngIf"], [1, "miam-store-locator-link"], ["class", "miam-store-locator-link__store-name miam-ds-text weight-xl size-s", 4, "ngIf"], [1, "miam-store-locator-link__swap-pos-button", "miam-ds-button", "primary", "reverse", "small", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Swap.svg", "alt", "swap point of sale", 1, "miam-store-locator-link__swap-pos-icon"], i18n_0, [1, "miam-store-locator-link__store-name", "miam-ds-text", "weight-xl", "size-s"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Infos_Primary.svg", "alt", "Info", 3, "click", 4, "ngIf"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Infos_Primary.svg", "alt", "Info", 3, "click"]];
       }, template: function StoreLocatorLinkComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵtemplate(0, StoreLocatorLinkComponent_div_0_Template, 6, 1, "div", 0);
@@ -26520,7 +26586,7 @@
           if (rf & 2) {
               i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(1, 1, ctx.posService.waitForPos));
           }
-      }, directives: [i2__namespace.NgIf], pipes: [i2__namespace.AsyncPipe], styles: [".miam-store-locator-link{padding:8px 16px;display:flex;align-items:center;justify-content:space-between;background:var(--miam-ds-color-primary-100)}.miam-store-locator-link .miam-store-locator-link__swap-pos-button{border-radius:16px;display:flex;gap:8px}.miam-store-locator-link .miam-store-locator-link__swap-pos-button.miam-ds-button.primary.reverse.small{padding:8px 12px}.miam-store-locator-link .miam-store-locator-link__swap-pos-button.miam-ds-button.primary.reverse.small:hover{background-color:var(--miam-ds-color-primary-text);color:var(--miam-ds-color-primary)}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace.NgIf], pipes: [i2__namespace.AsyncPipe], styles: [".miam-store-locator-link{padding:8px 16px;display:flex;align-items:center;justify-content:space-between;background:var(--miam-ds-color-primary-100)}.miam-store-locator-link .miam-store-locator-link__store-name{display:flex}.miam-store-locator-link .miam-store-locator-link__store-name img{margin-right:8px;cursor:pointer}.miam-store-locator-link .miam-store-locator-link__swap-pos-button{border-radius:16px;display:flex;gap:8px}.miam-store-locator-link .miam-store-locator-link__swap-pos-button.miam-ds-button.primary.reverse.small{padding:8px 12px}.miam-store-locator-link .miam-store-locator-link__swap-pos-button.miam-ds-button.primary.reverse.small:hover{background-color:var(--miam-ds-color-primary-text);color:var(--miam-ds-color-primary)}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(StoreLocatorLinkComponent, [{
               type: i0.Component,
@@ -26936,7 +27002,7 @@
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r18.recipeDetailsService.onlyShowPreparation);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r18.showPrice());
+          i0__namespace.ɵɵproperty("ngIf", ctx_r18.showPrice() && ctx_r18.isNotLoadingAndNotPreparation);
       }
   }
   function RecipeDetailsComponent_div_0_div_2_Template(rf, ctx) {
@@ -27200,7 +27266,7 @@
       };
       RecipeDetailsComponent.prototype.ngOnChanges = function (changes) {
           var _a;
-          if (changes.recipeId && ((_a = this.recipeId) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+          if (changes.recipeId && ((_a = this.recipeId) === null || _a === void 0 ? void 0 : _a.length) > 0 && !(!this.posService.pos$.getValue() && this.contextService.noSupplier)) {
               this.recipeDetailsOpenTimestamp = Date.now();
               this.fetchRecipe(this.recipeId);
               this.cdr.detectChanges();
@@ -29242,7 +29308,9 @@
           this.subscriptions.forEach(function (s) { return s.unsubscribe(); });
       };
       WarningStoreLocatorComponent.prototype.onConfirm = function () {
-          this.storeLocatoreService.changePos();
+          if (this.storeLocatoreService.changePosAfterWarnConfirm) {
+              this.storeLocatoreService.changePos();
+          }
           this.storeLocatoreService.showStoreLocatorWarning.next(false);
       };
       return WarningStoreLocatorComponent;