{"version":3,"file":"323.28909ecd66f6517a.js","mappings":"uMAKe,SAASA,EAAgBC,GAAO,IAAAC,EACnCC,EAAkBF,EAAlBE,cACFC,GAAWC,EAAAA,EAAAA,MAAcC,GACCC,EAAAA,EAAAA,UAASC,IAAAN,EAAAO,OAAOC,SAASC,aAAaC,SAASC,OAAKC,KAAAZ,GAAQ,SAAAa,GAAC,OAAIA,EAAEZ,eAAiBA,CAAa,IAAEa,OAAS,GAAEC,EAAAC,IAAAZ,EAAA,GAAvIa,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAgB5B,OACII,IAAAA,cAAAA,IAAAA,SAAA,KACIA,IAAAA,cAAA,OAAKC,UAAU,aACXD,IAAAA,cAAA,OAAKC,UAAU,kBACXD,IAAAA,cAAA,KAAGC,UAAWH,EAAW,eAAiB,eAAgBI,QAAS,WAAF,OAlB9D,SAACpB,GAChB,IAAIqB,EAAW,EACXL,GAIAC,GAAY,GACZI,GAAY,GAJZJ,GAAY,GAMhBhB,GACIqB,EAAAA,EAAAA,IAAc,CAAEtB,cAAAA,EAAeqB,SAAAA,IAEvC,CAMyFE,CAAWvB,EAAc,MAKtH,CC9Be,SAASwB,EAAyB1B,GAAO,IAC5CE,EAAkBF,EAAlBE,cAER,OACIkB,IAAAA,cAAAA,IAAAA,SAAA,KACIA,IAAAA,cAACrB,EAAe,CAAMG,cAAgBA,IAGlD,C","sources":["webpack:///./Scripts/Components/FavouriteButton.js","webpack:///./Scripts/Containers/FavouriteButton.container.js"],"sourcesContent":["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":["FavouriteButton","props","_context","articleNumber","dispatch","useDispatch","_useState","useState","_filterInstanceProperty","window","__litium","preloadState","wishlist","items","call","x","length","_useState2","_slicedToArray","isActive","setIsActive","React","className","onClick","quantity","addToWishList","addProduct","FavouriteButtonContainer"],"sourceRoot":""}