{"version":3,"file":"666.7e186970dda79e1e.js","mappings":"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","sources":["webpack:///./Scripts/Components/Hooks/useIsMobile.js","webpack:///./Scripts/Components/ProductSliderBlock.js","webpack:///./Scripts/Components/FavouriteButton.js","webpack:///./Scripts/Containers/FavouriteButton.container.js"],"sourcesContent":["import React, { useEffect } from 'react';\nimport useWindowSize from './useWindowSize';\n\nconst MOBILE_BREAKPOINT = 'large';\n\nconst useIsMobile = (breakpoint = MOBILE_BREAKPOINT) => {\n  breakpoint = 1023;\n\n  const [windowWidth] = useWindowSize();\n  const [isMobile, setIsMobile] = React.useState(windowWidth <= breakpoint - 1);\n\n  useEffect(() => {\n    setIsMobile(windowWidth <= breakpoint - 1);\n  }, [windowWidth, breakpoint]);\n\n  return isMobile;\n};\n\nexport default useIsMobile;","import React, { createRef, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\nimport Slider from 'react-slick/lib/slider';\nimport useIsMobile from './Hooks/useIsMobile'\nimport { CaretLeft, CaretRight } from 'phosphor-react';\nimport QuantityPurchaseContainer from '../Containers/QuantityPurchase.Container';\nimport FavouriteButtonContainer from '../Containers/FavouriteButton.container';\n\nconst store = window.__litium.store = window.__litium.store || (window.parent.__litium && window.parent.__litium.store)\n  || createStore(app, preloadState, composeWithDevTools(applyMiddleware(thunk, historyMiddleware)));\n\nconst arrowSize = 50;\n\nconst NextArrow = ({ onClick }) => {\n  return (\n    <div className=\"slick-arrow slick-arrow__right\" onClick={onClick}>\n      <CaretRight size={arrowSize} />\n    </div>\n  );\n};\nconst PrevArrow = ({ onClick }) => {\n  return (\n    <div className=\"slick-arrow slick-arrow__left\" onClick={onClick}>\n      <CaretLeft size={arrowSize} />\n    </div>\n  );\n};\n\nconst ProductSliderBlock = ({ productCardElements }) => {\n  const isMobile = useIsMobile();\n  const thisContainer = createRef();\n  const settings = {\n    slidesToShow: isMobile ? 2 : 6,\n    slidesToScroll: 1,\n    nextArrow: <NextArrow />,\n    prevArrow: <PrevArrow />,\n    initialSlide: 0,\n    centerMode: false,\n    infinite: false,\n  };\n  useEffect(() => {\n    Array.from(thisContainer.current.getElementsByClassName('quantity-purchase')).forEach((elem) => {\n      const { quantityfieldid, packagesize, allowsingleitem, articlenumber, productname, price, variant, brand, category, isKeg, isCategoryPage } = elem.dataset;\n      ReactDOM.render(\n        <Provider store={store}>\n          <QuantityPurchaseContainer\n            {...{\n              packageSize: packagesize,\n              allowSingleItem: allowsingleitem,\n              articleNumber: articlenumber,\n              productName: productname,\n              price: price,\n              variant: variant,\n              brand: brand,\n              category: category,\n              isKeg: isKeg,\n              isCategoryPage: isCategoryPage === \"True\",\n            }}\n          />\n        </Provider>,\n        elem\n      );\n    });\n\n    Array.from(thisContainer.current.getElementsByClassName('favourite-button')).forEach((favouriteButton) => {\n      const { articlenumber } = favouriteButton.dataset;\n      ReactDOM.render(\n        <Provider store={store}>\n          <FavouriteButtonContainer {...{ articleNumber: articlenumber }} />\n        </Provider>,\n        favouriteButton\n      );\n    });\n  });\n  return (\n    <ul className=\"product-producer\" ref={thisContainer}>\n      <Slider {...settings}>\n        {productCardElements.map((cardElem, index) => (\n          <li className='productsinslider'\n            key={index}\n            dangerouslySetInnerHTML={{ __html: cardElem.innerHTML }}\n          ></li>\n        ))}\n      </Slider>\n    </ul>\n  );\n};\n\nexport default ProductSliderBlock;\n","import React, { useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { translate } from '../Services/translation';\nimport { add as addToWishList } from '../Actions/Wishlist.action';\n\nexport default function FavouriteButton(props) {\n    const { articleNumber } = props;\n    const dispatch = useDispatch();\n    const [isActive, setIsActive] = useState(window.__litium.preloadState.wishlist.items.filter(x => x.articleNumber == articleNumber).length > 0);\n\n    const addProduct = (articleNumber) => {\n        let quantity = 1;\n        if(!isActive){\n            setIsActive(true);\n        }\n        else{\n            setIsActive(false);\n            quantity = -1;\n        }\n        dispatch(\n            addToWishList({ articleNumber, quantity })\n        )\n    }\n\n    return (\n        <>\n            <div className=\"favourite\">\n                <div className=\"icon-container\">\n                    <i className={isActive ? \"fas fa-heart\" : \"fal fa-heart\"} onClick={() => addProduct(articleNumber)}></i>\n                </div>\n            </div>\n        </>\n    )\n}","import React, { useState } from 'react';\nimport FavouriteButton from '../Components/FavouriteButton';\n\nexport default function FavouriteButtonContainer(props) {\n    const { articleNumber } = props;\n\n    return (\n        <>\n            <FavouriteButton {...{articleNumber : articleNumber}}/>\n        </>\n    )\n}"],"names":["breakpoint","_useWindowSize","useWindowSize","windowWidth","_slicedToArray","_React$useState","React","_React$useState2","isMobile","setIsMobile","useEffect","store","window","__litium","parent","createStore","app","preloadState","composeWithDevTools","applyMiddleware","thunk","historyMiddleware","NextArrow","_ref","onClick","className","CaretRight","size","PrevArrow","_ref2","CaretLeft","_ref3","productCardElements","useIsMobile","thisContainer","createRef","settings","slidesToShow","slidesToScroll","nextArrow","prevArrow","initialSlide","centerMode","infinite","_context","_context2","_forEachInstanceProperty","_Array$from","current","getElementsByClassName","call","elem","_elem$dataset","dataset","packagesize","quantityfieldid","allowsingleitem","articlenumber","productname","price","variant","brand","category","isKeg","isCategoryPage","ReactDOM","Provider","QuantityPurchaseContainer","packageSize","allowSingleItem","articleNumber","productName","favouriteButton","FavouriteButtonContainer","ref","Slider","_mapInstanceProperty","cardElem","index","key","dangerouslySetInnerHTML","__html","innerHTML","FavouriteButton","props","dispatch","useDispatch","_useState","useState","_filterInstanceProperty","wishlist","items","x","length","_useState2","isActive","setIsActive","quantity","addToWishList","addProduct"],"sourceRoot":""}