ng-miam 9.2.7 → 9.2.9

package/bundles/ng-miam.umd.js

@@ -1685,7 +1685,8 @@
       miamWeb: 'https://miam.tech',
       mealzComponents: 'https://cdn.jsdelivr.net/npm/mealz-components@1.2/dist',
       mealzSsrApi: 'https://ssr-api.mealz.ai',
-      lang: 'fr'
+      lang: 'fr',
+      analyticsEnabled: true // Only used in DEV mode
   };
 
   var Ingredient = /** @class */ (function (_super) {
@@ -3501,7 +3502,7 @@
       EventJourney["EMPTY"] = "";
   })(EventJourney || (EventJourney = {}));
 
-  var VERSION = '9.2.4'; // TODO: replace by ##VERSION## and update it in the CI/CD
+  var VERSION = '9.2.8'; // TODO: replace by ##VERSION## and update it in the CI/CD
 
   var ContextRegistryService = /** @class */ (function () {
       function ContextRegistryService() {
@@ -3533,6 +3534,11 @@
       }
       return location.href;
   }
+  /**
+   * Maps Angular environment to analytics environment
+   * dev -> uat, uat -> uat, prod -> prod
+   */
+  var getAnalyticsEnvironment = function () { return environment$1.env === 'prod' ? 'prod' : 'uat'; };
   // Exported only for unit tests...
   // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
   function _onEmit(event) {
@@ -3577,7 +3583,8 @@
           if (!domain) {
               return mealzError('[Mealz] Analytics not initialized (domain cannot be null)');
           }
-          mealzSharedAnalytics.initSharedAnalytics(domain, VERSION, _onEmit);
+          var analyticsEnvironment = getAnalyticsEnvironment();
+          mealzSharedAnalytics.initSharedAnalytics(domain, VERSION, _onEmit, analyticsEnvironment);
           if (((_a = localStorage.getItem('_miam/affiliate')) === null || _a === void 0 ? void 0 : _a.length) > 0) {
               mealzSharedAnalytics.setAffiliate(localStorage.getItem('_miam/affiliate'));
           }
@@ -3587,6 +3594,10 @@
           if (this.contextRegistryService.disabledAnalytics && this.contextRegistryService.forbidProfiling) {
               return;
           }
+          // Disable analytics only in development environment if environment variable analyticsEnabled is false
+          if (environment$1.env === 'dev' && environment$1.analyticsEnabled === false) {
+              return;
+          }
           // Currently no way to know if it is search or shelves
           var journey = this.isMealzPage ? EventJourney.MEALZ : EventJourney.EMPTY;
           this.callMethodOrAddToQueue(function () { return mealzSharedAnalytics.sendEvent(name, url(path), journey, props); });
@@ -5053,6 +5064,10 @@
           ];
           _this.randomRecipeCount = 1;
           _this.recipes = [];
+          // Batch suggestions system
+          _this.pendingContexts = new Map();
+          _this.contextResults = new Map();
+          _this.batchSuggestionsDebounceTimer = null;
           _this.register();
           _this.appendDisplayedRecipeToUrlQuery();
           _this.initRandomSeed();
@@ -5237,33 +5252,6 @@
           this.randomRecipeCount++;
           return this.filter({ reviewed: true, exclude_no_picture: true }, { number: this.randomRecipeCount, size: 1 }, includes, fields, null, true);
       };
-      // Debounce to let enough time for the pos to be defined
-      RecipesService.prototype.getSuggestion = function (context, includes, fields) {
-          var _this = this;
-          if (includes === void 0) { includes = []; }
-          if (fields === void 0) { fields = {}; }
-          var suggestionFields = '';
-          Object.keys(fields).forEach(function (key) {
-              suggestionFields += "&fields[" + key + "]=" + fields[key].join(',');
-          });
-          return rxjs.combineLatest([
-              this.suppliersService.supplier$,
-              this.posService.posWasInitialized().pipe(operators.skipWhile(function (wasInitialized) { return !wasInitialized; }), operators.switchMap(function () { return _this.posService.pos$; }))
-          ]).pipe(operators.skipWhile(function (results) { return !results[0]; }), operators.debounceTime(100), operators.switchMap(function (results) {
-              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-              var body = _this.buildSuggestionBody(context);
-              var supplierFilter = "supplier_id=" + results[0].id;
-              if (results[1]) {
-                  supplierFilter = "supplier_id=" + results[0].id + "&pos_id=" + results[1].id;
-              }
-              var url = MIAM_API_HOST$2 + ("recipes/suggestions?" + supplierFilter + "&allow-empty=true" + ((includes.length > 0) ? ('&include=' + includes.join(',')) : '') + suggestionFields + _this.buildfilterUrlFromPreferences());
-              return _this.http.post(url, body);
-          }), operators.map(function (returnedRecipes) {
-              var recipes = _this.newCollection();
-              recipes.fill(returnedRecipes);
-              return recipes.data;
-          }));
-      };
       RecipesService.prototype.searchRecipeByExtId = function (recipeExtId) {
           var _this = this;
           var url = MIAM_API_HOST$2 + "recipes/external/" + recipeExtId;
@@ -5461,6 +5449,113 @@
               return "&filter[" + k + "]=" + v;
           }).join('');
       };
+      /**
+       * Queue a context for the next batch suggestions request
+       */
+      RecipesService.prototype.queueSuggestionContext = function (context) {
+          var _this = this;
+          this.pendingContexts.set(context.contextId, context);
+          if (this.batchSuggestionsDebounceTimer) {
+              clearTimeout(this.batchSuggestionsDebounceTimer);
+          }
+          this.batchSuggestionsDebounceTimer = setTimeout(function () {
+              _this.fetchBatchSuggestions();
+              _this.batchSuggestionsDebounceTimer = null;
+          }, 100);
+      };
+      /**
+       * Observe suggestion result for a given context id.
+       */
+      RecipesService.prototype.observeSuggestion = function (contextId) {
+          if (!this.contextResults.has(contextId)) {
+              this.contextResults.set(contextId, new rxjs.BehaviorSubject(null));
+          }
+          return this.contextResults.get(contextId).asObservable();
+      };
+      /**
+       * Fetch suggestions for all queued contexts in a single API call.
+       */
+      RecipesService.prototype.fetchBatchSuggestions = function () {
+          var _this = this;
+          if (this.pendingContexts.size === 0) {
+              return;
+          }
+          var queuedContexts = Array.from(this.pendingContexts.values());
+          rxjs.combineLatest([
+              this.suppliersService.supplier$,
+              this.posService.posWasInitialized().pipe(operators.skipWhile(function (wasInitialized) { return !wasInitialized; }), operators.switchMap(function () { return _this.posService.pos$; }))
+          ]).pipe(operators.skipWhile(function (results) { return !results[0]; }), operators.take(1), operators.switchMap(function (results) {
+              var url = _this.buildSuggestionsBatchUrl(results[0], results[1]);
+              var body = _this.buildSuggestionsBatchBody(queuedContexts);
+              return _this.http.post(url, body);
+          }), operators.catchError(function (error) {
+              _this.handleBatchSuggestionsError(error);
+              return rxjs.of(null);
+          })).subscribe(function (returnedRecipes) {
+              if (!returnedRecipes) {
+                  _this.handleBatchSuggestionsError(new Error('No recipes returned from batch suggestions API'));
+                  return;
+              }
+              var suggestionsCollection = _this.newCollection();
+              suggestionsCollection.fill(returnedRecipes);
+              _this.distributeBatchSuggestions(suggestionsCollection.data, queuedContexts);
+          });
+      };
+      RecipesService.prototype.buildSuggestionsBatchBody = function (contexts) {
+          return {
+              contexts: contexts.map(function (ctx) { return ({
+                  'context-id': ctx.contextId,
+                  'item-ext-ids': ctx.itemExtIds
+              }); })
+          };
+      };
+      RecipesService.prototype.buildSuggestionsBatchUrl = function (supplier, pos) {
+          var url = MIAM_API_HOST$2 + "recipes/suggestions-batch?supplier-id=" + supplier.id;
+          if (pos === null || pos === void 0 ? void 0 : pos.id) {
+              url += "&point-of-sale-id=" + pos.id;
+          }
+          if (pos === null || pos === void 0 ? void 0 : pos.extId) {
+              url += "&point-of-sale-ext-id=" + pos.extId;
+          }
+          url += '&personalized=true';
+          url += this.buildfilterUrlFromPreferences();
+          return url;
+      };
+      RecipesService.prototype.handleBatchSuggestionsError = function (error) {
+          var _this = this;
+          console.error('Batch suggestions API error:', error);
+          this.pendingContexts.forEach(function (ctx) {
+              _this.emitSuggestionForContext(ctx.contextId, null);
+          });
+          this.pendingContexts.clear();
+      };
+      /**
+       * Distribute batch suggestions to their respective contexts
+       */
+      RecipesService.prototype.distributeBatchSuggestions = function (response, queuedContexts) {
+          var _this = this;
+          var recipeByContextId = new Map();
+          response.forEach(function (recipe) {
+              var contextId = recipe.attributes['context-id'];
+              if (contextId) {
+                  recipeByContextId.set(contextId, recipe);
+              }
+          });
+          queuedContexts.forEach(function (ctx) {
+              var suggestion = recipeByContextId.get(ctx.contextId) || null;
+              _this.emitSuggestionForContext(ctx.contextId, suggestion);
+              _this.pendingContexts.delete(ctx.contextId);
+          });
+      };
+      /**
+       * Emit suggestion for a specific context
+       */
+      RecipesService.prototype.emitSuggestionForContext = function (contextId, suggestion) {
+          if (!this.contextResults.has(contextId)) {
+              this.contextResults.set(contextId, new rxjs.BehaviorSubject(null));
+          }
+          this.contextResults.get(contextId).next(suggestion);
+      };
       return RecipesService;
   }(i2$2.Service));
   RecipesService.ɵfac = function RecipesService_Factory(t) { return new (t || RecipesService)(i0__namespace.ɵɵinject(i1__namespace.HttpClient), i0__namespace.ɵɵinject(AnalyticsService), i0__namespace.ɵɵinject(RecipeProviderService), i0__namespace.ɵɵinject(RecipeStatusService), i0__namespace.ɵɵinject(RecipeTypeService), i0__namespace.ɵɵinject(SuppliersService), i0__namespace.ɵɵinject(PointOfSalesService), i0__namespace.ɵɵinject(IngredientsService), i0__namespace.ɵɵinject(RecipeStepsService), i0__namespace.ɵɵinject(SponsorService), i0__namespace.ɵɵinject(PackageService), i0__namespace.ɵɵinject(TagsService), i0__namespace.ɵɵinject(RecipeLikesService), i0__namespace.ɵɵinject(SeoService), i0__namespace.ɵɵinject(PreferencesService), i0__namespace.ɵɵinject(StoreLocatorService)); };
@@ -9625,7 +9720,8 @@
       };
       BasketTransferService.prototype.setSessionData = function (params) {
           sessionStorage.setItem('_miam/transferredBasketToken', params.basketToken);
-          sessionStorage.setItem('_miam/posOfSaleExtId', params.posExtId);
+          // ITM specific: use pdvref if posExtId is not set
+          sessionStorage.setItem('_miam/pointOfSaleExtId', params.posExtId || params.pdvref);
       };
       BasketTransferService.prototype.clearTransferSessionData = function () {
           sessionStorage.removeItem('_miam/transferredBasketToken');
@@ -9660,8 +9756,33 @@
       BasketTransferService.prototype.navigateToTransferUrl = function () {
           var transferUrl = sessionStorage.getItem('_miam/transferUrl');
           if (transferUrl) {
+              // Adjust pdvref only for ITM (supplier 23) when navigating
+              var finalUrl_1 = transferUrl;
+              if (this.isITMSupplier()) {
+                  try {
+                      var urlObj = new URL(transferUrl);
+                      var rawPdvref = urlObj.searchParams.get('pdvref');
+                      if (rawPdvref) {
+                          var padded = this.padPdvref(rawPdvref);
+                          if (padded && padded !== rawPdvref) {
+                              urlObj.searchParams.set('pdvref', padded);
+                          }
+                      }
+                      finalUrl_1 = urlObj.toString();
+                  }
+                  catch (err) {
+                      // Fallback for non-standard URLs
+                      var match = transferUrl.match(/([?&])pdvref=([^&]+)/);
+                      if (match) {
+                          var padded = this.padPdvref(match[2]);
+                          if (padded) {
+                              finalUrl_1 = transferUrl.replace(/([?&])pdvref=[^&]+/, "$1pdvref=" + padded);
+                          }
+                      }
+                  }
+              }
               // Apparently Safari blocks window.open(..., "_blank") if called in an async function and setTimeout makes it run on the main thread
-              setTimeout(function () { return window.open(transferUrl, '_blank'); });
+              setTimeout(function () { return window.open(finalUrl_1, '_blank'); });
           }
       };
       BasketTransferService.prototype.abortTransfer = function () {
@@ -9684,7 +9805,9 @@
       };
       BasketTransferService.prototype.tryToTransferBasket = function (params) {
           var _this = this;
-          return this.callHookbackIfNotLogged().pipe(operators.skipWhile(function (isLogged) { return !isLogged; }), operators.switchMap(function () { return _this.forcePosIfUnset(params.posExtId); }), operators.skipWhile(function (isPosSet) { return !isPosSet; }), operators.switchMap(function () { return _this.posService.waitForPos.pipe(operators.take(1), operators.switchMap(function (pos) { return _this.basketsService.waitForBasket.pipe(operators.take(1), operators.switchMap(function () { return _this.basketsService.waitForBasketEntries.pipe(operators.take(1), operators.map(function (entries) {
+          return this.callHookbackIfNotLogged().pipe(operators.skipWhile(function (isLogged) { return !isLogged; }), 
+          // ITM specific: use pdvref if posExtId is not set
+          operators.switchMap(function () { return _this.ensureTransferPosSelected(params.posExtId || params.pdvref); }), operators.skipWhile(function (isPosSet) { return !isPosSet; }), operators.switchMap(function () { return _this.posService.waitForPos.pipe(operators.take(1), operators.switchMap(function (pos) { return _this.basketsService.waitForBasket.pipe(operators.take(1), operators.switchMap(function () { return _this.basketsService.waitForBasketEntries.pipe(operators.take(1), operators.map(function (entries) {
               _this.previousBasketEntries = deepCloneWithClass(entries);
               return pos;
           })); })); }), operators.switchMap(function (pos) { return _this.transferBasketForPos(pos, params.basketToken); }), operators.take(1)); }));
@@ -9722,7 +9845,8 @@
       };
       BasketTransferService.prototype.createTransferAction = function (entries) {
           var _this = this;
-          var transferActions = this.filterNewAndUpdatedEntries(entries).map(function (basketEntry) {
+          var filteredEntries = this.filterNewAndUpdatedEntries(entries);
+          var transferActions = filteredEntries.map(function (basketEntry) {
               var transferAction = new BasketTransferAction(basketEntry, {}, _this.basketsService, undefined, _this.suppliersService);
               _this.handleActionErrors(transferAction);
               return transferAction;
@@ -9739,26 +9863,46 @@
           var _this = this;
           return this.userService.isLogged$.pipe(operators.take(1), operators.map(function (isLogged) { return _this.contextService.hookCallback(isLogged, true); }));
       };
-      BasketTransferService.prototype.forcePosIfUnset = function (transferPosExtId) {
+      BasketTransferService.prototype.ensureTransferPosSelected = function (transferPosExtId) {
           var _this = this;
           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);
+                  // Special handling for ITM (supplier ID 23)
+                  if (_this.isITMSupplier()) {
+                      return _this.handleITMPosChange(transferPosExtId);
+                  }
+                  else {
+                      if (transferPosExtId) {
+                          _this.contextService.forcePosCallback(transferPosExtId);
+                      }
+                  }
               }
               return rxjs.of(posSet);
           }));
       };
+      BasketTransferService.prototype.getCookie = function (name) {
+          var _a;
+          var value = "; " + document.cookie;
+          var parts = value.split("; " + name + "=");
+          if (parts.length === 2) {
+              return ((_a = parts.pop()) === null || _a === void 0 ? void 0 : _a.split(';').shift()) || null;
+          }
+          return null;
+      };
       BasketTransferService.prototype.getTransferData = function () {
           var _a;
           var currentUrl = window.location.href;
           var urlParams = new URL(currentUrl).searchParams;
           var basketToken = urlParams.get('transferred_basket_token') || sessionStorage.getItem('_miam/transferredBasketToken');
-          var posExtId = urlParams.get('point_of_sale_ext_id') || urlParams.get('magasin_id') || sessionStorage.getItem('_miam/posOfSaleExtId');
+          var posExtId = urlParams.get('point_of_sale_ext_id') ||
+              urlParams.get('magasin_id') ||
+              sessionStorage.getItem('_miam/pointOfSaleExtId');
           var affiliate = (_a = urlParams.get('affiliate')) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-          if (basketToken && posExtId) {
+          var pdvref = urlParams.get('pdvref');
+          if (basketToken && (posExtId || pdvref)) {
               this.removeTransferParamsFromUrl();
-              return { basketToken: basketToken, posExtId: posExtId, affiliate: affiliate };
+              return { basketToken: basketToken, posExtId: posExtId, affiliate: affiliate, pdvref: pdvref };
           }
           else {
               return null;
@@ -9773,10 +9917,73 @@
               urlParams.delete('point_of_sale_ext_id');
               urlParams.delete('magasin_id');
               urlParams.delete('affiliate');
+              urlParams.delete('pdvref'); // Remove ITM specific parameter
               var newUrl = currentUrl.split('?')[0] + (urlParams.toString().length > 0 ? '?' + urlParams.toString() : '');
               history.replaceState({}, document.title, newUrl);
           }
       };
+      // ITM specific methods
+      BasketTransferService.prototype.isITMSupplier = function () {
+          var currentPos = this.posService.pos$.getValue();
+          return currentPos && currentPos.relationships.supplier.data.id === '23';
+      };
+      BasketTransferService.prototype.padPdvref = function (pdvref) {
+          if (!pdvref) {
+              return pdvref;
+          }
+          // Pad pdvref to exactly 5 characters with leading zeros only if shorter than 5
+          return pdvref.length < 5 ? pdvref.padStart(5, '0') : pdvref;
+      };
+      BasketTransferService.prototype.handleITMPosChange = function (transferPosExtId) {
+          var _this = this;
+          var expectedPosId = transferPosExtId;
+          return this.waitForITMCookie(expectedPosId).pipe(operators.catchError(function (error) {
+              console.warn('ITM cookie check failed, falling back to normal POS callback:', error);
+              if (expectedPosId) {
+                  _this.contextService.forcePosCallback(transferPosExtId);
+              }
+              return rxjs.of(false);
+          }));
+      };
+      BasketTransferService.prototype.waitForITMCookie = function (transferPosExtId) {
+          var _this = this;
+          return new rxjs.Observable(function (observer) {
+              var maxRetries = 50; // 5 seconds total (50 * 100ms)
+              var retryCount = 0;
+              var checkCookie = function () {
+                  retryCount++;
+                  var itmPdvCookie = _this.getCookie('itm_pdv');
+                  if (itmPdvCookie) {
+                      try {
+                          var decodedCookie = decodeURIComponent(itmPdvCookie);
+                          var pdvData = JSON.parse(decodedCookie);
+                          var cookiePosRef = pdvData.ref;
+                          // Check if the cookie POS matches the required transfer POS
+                          if (cookiePosRef === transferPosExtId) {
+                              // Refresh the page to ensure the new POS context is loaded
+                              observer.next(true);
+                              observer.complete();
+                              window.location.reload();
+                              return;
+                          }
+                      }
+                      catch (error) {
+                          console.warn('Failed to parse itm_pdv cookie:', error);
+                      }
+                  }
+                  // Check if we've exceeded max retries
+                  if (retryCount >= maxRetries) {
+                      console.error("Failed to detect ITM POS change after " + maxRetries + " attempts (" + maxRetries * 100 + "ms)");
+                      observer.error(new Error("ITM POS change timeout: expected POS " + transferPosExtId + " not detected in cookie"));
+                      return;
+                  }
+                  // If cookie doesn't match or doesn't exist, check again in 100ms
+                  setTimeout(checkCookie, 100);
+              };
+              // Start checking immediately
+              checkCookie();
+          });
+      };
       return BasketTransferService;
   }());
   BasketTransferService.ɵfac = function BasketTransferService_Factory(t) { return new (t || BasketTransferService)(i0__namespace.ɵɵinject(AnalyticsService), i0__namespace.ɵɵinject(BasketsService), i0__namespace.ɵɵinject(ContextService), i0__namespace.ɵɵinject(PointOfSalesService), i0__namespace.ɵɵinject(i1__namespace.HttpClient), i0__namespace.ɵɵinject(UserService), i0__namespace.ɵɵinject(RecipesService), i0__namespace.ɵɵinject(SuppliersService), i0__namespace.ɵɵinject(BasketsSynchronizerService), i0__namespace.ɵɵinject(StatesService)); };
@@ -9923,7 +10130,8 @@
       miamWeb: 'https://miam.tech',
       mealzComponents: 'https://cdn.jsdelivr.net/npm/mealz-components@1.2/dist',
       mealzSsrApi: 'https://ssr-api.mealz.ai',
-      lang: 'fr'
+      lang: 'fr',
+      analyticsEnabled: true // Only used in DEV mode
   };
 
   var MiamInterceptor = /** @class */ (function () {
@@ -21120,6 +21328,9 @@
       RecipeCardComponent.prototype.ngOnInit = function () {
           var _this = this;
           this.subscriptions.push(this.recipeService.displayedRecipeChanged$.subscribe(function () { return _this.cdr.detectChanges(); }));
+          if (this.contextId) {
+              this.subscribeToSuggestions();
+          }
       };
       RecipeCardComponent.prototype.currentPath = function () {
           return '';
@@ -21132,8 +21343,11 @@
           else if (this.recipeId) {
               this.loadRecipeFromId();
           }
-          else if (simpleChanges.productIds && !this.randomModeEnable) {
-              this.loadRecipeFromContext();
+          else if (simpleChanges.productIds && !this.randomModeEnable && this.contextId) {
+              this.registerSuggestionContext();
+          }
+          else if (this.randomModeEnable) {
+              this.fetchRandomRecipe();
           }
       };
       RecipeCardComponent.prototype.ngAfterViewInit = function () {
@@ -21228,17 +21442,14 @@
               _this.afterRecipeLoad(result);
           }));
       };
-      /**
-       * Get a suggestion based on context (either productIds or randomMode). Hide the card if none is returned
-       */
-      RecipeCardComponent.prototype.loadRecipeFromContext = function () {
+      /*
+      * Subscribe to context suggestions; hide card if none
+      */
+      RecipeCardComponent.prototype.subscribeToSuggestions = function () {
           var _this = this;
-          this.subscriptions.push(this.fetchSuggestionOrRandom().pipe(operators.skipWhile(function (results) { return !results; }), operators.catchError(function (err) {
-              _this.hide.emit();
-              return rxjs.of(err);
-          })).subscribe(function (results) {
-              if ((results === null || results === void 0 ? void 0 : results.length) > 0) {
-                  _this.afterRecipeLoad(results[0]);
+          this.subscriptions.push(this.recipeService.observeSuggestion(this.contextId).pipe(operators.skip(1)).subscribe(function (suggestion) {
+              if (suggestion) {
+                  _this.afterRecipeLoad(suggestion);
               }
               else {
                   _this.isloaded = true;
@@ -21255,13 +21466,8 @@
           this.isloaded = true;
           this.cdr.detectChanges();
       };
-      RecipeCardComponent.prototype.fetchSuggestionOrRandom = function () {
-          if (this.randomModeEnable) {
-              return this.recipeService.getRandom(recipeIncludes$4, recipeSparseFields$4);
-          }
-          else {
-              return this.recipeService.getSuggestion(this.productIds, recipeIncludes$4, recipeSparseFields$4);
-          }
+      RecipeCardComponent.prototype.fetchRandomRecipe = function () {
+          return this.recipeService.getRandom(recipeIncludes$4, recipeSparseFields$4);
       };
       /**
        * Update guests from the value in the basket if the recipe is in the basket
@@ -21293,10 +21499,22 @@
           var tags = ((_b = (_a = this.recipe) === null || _a === void 0 ? void 0 : _a.relationships.tags) === null || _b === void 0 ? void 0 : _b.data) || [];
           this.isDrink = tags.some(function (tag) { return ['meal_type_boisson', 'meal_type_cocktail'].includes(tag.id); });
       };
+      /**
+       * Registers recipe suggestion context with product IDs for batch processing
+       */
+      RecipeCardComponent.prototype.registerSuggestionContext = function () {
+          if (!this.contextId || !this.productIds || this.productIds.length === 0) {
+              return;
+          }
+          this.recipeService.queueSuggestionContext({
+              contextId: this.contextId,
+              itemExtIds: this.productIds.map(function (product) { return product.id; })
+          });
+      };
       return RecipeCardComponent;
   }(EventTracerComponent));
   RecipeCardComponent.ɵfac = function RecipeCardComponent_Factory(t) { return new (t || RecipeCardComponent)(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(ContextService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
-  RecipeCardComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: RecipeCardComponent, selectors: [["ng-miam-recipe-card"]], inputs: { recipeId: "recipeId", recipe: "recipe", randomModeEnable: "randomModeEnable", productIds: "productIds", previewAllowed: "previewAllowed", helpButtonAllowed: "helpButtonAllowed", displayInfos: "displayInfos", displayPricing: "displayPricing", displayGuests: "displayGuests", addRecipeMode: "addRecipeMode", replaceMode: "replaceMode", displayVariant: "displayVariant", serves: "serves" }, outputs: { removedFromFavorite: "removedFromFavorite", displayed: "displayed", removeFromMealsPlanner: "removeFromMealsPlanner", addToMealsPlanner: "addToMealsPlanner", openCatalog: "openCatalog", hide: "hide" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 3, vars: 10, consts: function () {
+  RecipeCardComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: RecipeCardComponent, selectors: [["ng-miam-recipe-card"]], inputs: { recipeId: "recipeId", recipe: "recipe", randomModeEnable: "randomModeEnable", productIds: "productIds", previewAllowed: "previewAllowed", helpButtonAllowed: "helpButtonAllowed", displayInfos: "displayInfos", displayPricing: "displayPricing", displayGuests: "displayGuests", addRecipeMode: "addRecipeMode", replaceMode: "replaceMode", displayVariant: "displayVariant", contextId: "contextId", serves: "serves" }, outputs: { removedFromFavorite: "removedFromFavorite", displayed: "displayed", removeFromMealsPlanner: "removeFromMealsPlanner", addToMealsPlanner: "addToMealsPlanner", openCatalog: "openCatalog", hide: "hide" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 3, vars: 10, consts: function () {
           var i18n_0;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
               var MSG_EXTERNAL_9004334984468055592$$LIB__WEB_COMPONENTS_RECIPE_CARDS_RECIPE_CARD_RECIPE_CARD_COMPONENT_TS___1 = goog.getMsg("Changer");
@@ -21380,6 +21598,8 @@
                   type: i0.Input
               }], displayVariant: [{
                   type: i0.Input
+              }], contextId: [{
+                  type: i0.Input
               }], serves: [{
                   type: i0.Input
               }], removedFromFavorite: [{