\n
\n );\n};\n\nPetFoodCard.propTypes = {\n product: PropTypes.object.isRequired,\n};\n","import PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\nimport { useCookies } from 'react-cookie';\nimport { connect } from 'react-redux';\nimport { getProductsAction, getVendorAction } from '../../store';\nimport { PetFoodCard } from './PetFoodCard';\n\nconst SLUG = 'pet-food';\nconst domain = process.env.REACT_APP_COOKIE_DOMAIN;\n\nconst PetFoodCardsComponent = ({ products, getProducts, isLoading, getVendor, selectedVendor }) => {\n const [{ landing_page: landingPage }, setCookie] = useCookies(['landing_page']);\n\n useEffect(() => {\n if (!selectedVendor) {\n getVendor('orijen');\n }\n }, [getVendor, selectedVendor]);\n\n useEffect(() => {\n if (!landingPage) {\n setCookie('landing_page', '/pets', { domain });\n }\n setCookie('last_landing_rule', 'pets', { domain });\n }, [landingPage, setCookie]);\n\n useEffect(() => {\n if (!products?.length && selectedVendor) {\n getProducts({ category: SLUG, vendor: selectedVendor });\n }\n }, [getProducts, getVendor, products.length, selectedVendor]);\n\n return (\n \n 
\n
\n {product.name}
\n{fromOz({ oz: variant.size }).formatted}
\n\n
\n ${productPrice.toFixed(2)}
\n \n
\n ${(productPrice * 0.9).toFixed(2)}
\n \n {isLoading && !products?.length ?
\n );\n};\n\nPetFoodCardsComponent.propTypes = {\n me: PropTypes.object,\n getProducts: PropTypes.func.isRequired,\n products: PropTypes.array,\n isLoading: PropTypes.bool,\n getVendor: PropTypes.func.isRequired,\n selectedVendor: PropTypes.object,\n};\n\nPetFoodCardsComponent.defaultProps = {\n products: [],\n isLoading: false,\n selectedVendor: null,\n};\n\nconst PetFoodCards = connect(\n ({ user: { me }, product: { data: products, isLoading }, vendor: { selectedVendor } }) => {\n return {\n me,\n products: products?.filter(\n product => product?.category?.slug === SLUG && product?.vendor_id?.name === selectedVendor?.name\n ),\n isLoading,\n selectedVendor,\n };\n },\n dispatch => ({\n getProducts: data => dispatch(getProductsAction(data)),\n getVendor: data => dispatch(getVendorAction(data)),\n })\n)(PetFoodCardsComponent);\n\nexport default PetFoodCards;\n","import React from 'react';\nimport PetFoodCards from './PetFoodCards';\n\nconst OrijenPetFoodShopApp = () => Loading products...
: undefined}\n {products && products.length\n ? products.map(product =>