Совместное использование действий Redux между несколькими редукторами

Это очень упрощенное описание проблемы, с которой я столкнулся с моим приложением React / Redux:

Описание проблемы:

Предположим, у меня есть веб-приложение с двумя представлениями, представлением ProductList и представлением ProductOfTheDay. Каждое представление имеет свой собственный файл «хранилища»; состояние удержания, редуктор, действия и т. д., связанные с представлением.

Пусть государственная структура каждого магазина будет следующей:

// ProductList store state  
const productListState = {
  products: Product[]
};

// ProductOfTheDay store state
const productOfTheDayState = {
  product: Product
};

// Product
interface Product {
  hasAddedToCart: boolean
  ...
}

Когда пользователь находится в представлении ProductList, он видит список элементов пользовательского интерфейса продукта (есть некоторый компонент Product.tsx, который принимает Product и отображает себя). Когда пользователь находится в представлении ProductOfTheDay, он видит один элемент пользовательского интерфейса продукта.

Теперь предположим, что на каждом элементе пользовательского интерфейса продукта есть кнопка, которая позволяет пользователю добавить этот конкретный продукт в свою диаграмму покупок. При нажатии этой кнопки отправляется действие addToCart, которое обновит соответствующий объект Product в моем состоянии, чтобы он имел hasAddedToCart: true).

Вот в чем проблема:

Мои редукторы не знают который, в котором находится пользователь, когда они нажимают «Добавить в корзину». Следовательно, они не знают, добавляет ли пользователь продукт из представления ProductList в свою корзину или же добавляет продукт из представления ProductOfTheDay в свою корзину. В результате редукторы не знают, следует ли им обрабатывать действие.

Решение №1:

Я могу отправить действие addToCart с параметром index: dispatch(addToCart(index));. Если это index >= 0, то я знаю, что мой редуктор ProductList справляется с этим, а мой редуктор ProductOfTheDay игнорирует его. Если index === -1, то знаю, что надо делать наоборот.

Мне не нравится это решение, потому что оно кажется хакерским способом для редукторов определить, следует ли им обрабатывать действие.

Решение №2:

Вместо действия addToCart используйте действия addProductFromListToCart и addProductOfTheDayToCart. Мне не нравится этот подход, потому что эти действия, в конце концов, выполняют практически идентичные преобразования в разных срезах состояния.

Решение №3:

Добавьте магазин Cart со следующей структурой:

{
  cart: {
    [productId]: boolean
  }
}

Затем я могу отправить addToCart(productId), и он будет обрабатываться только редуктором Cart. Мне этот подход пока нравится больше всего ...

Просьба о помощи:

Сталкивались ли другие с этой проблемой дизайна? Как вы структурируете свои действия / редукторы для борьбы с этим? Если что-то неясно, дайте мне знать, и я помогу уточнить.

Спасибо!!