{"version":3,"sources":["webpack:///./Scripts/Components/WishList.js","webpack:///./Scripts/Containers/WishList.container.js"],"names":["WishList","props","state","items","window","__litium","preloadState","wishlist","articleNumber","quantity","this","setState","x","onRemove","length","className","item","key","onClick","handleRemove","href","url","src","image","title","name","brand","isTieredPrice","translate","formattedPrice","toLowerCase","data-css-className","data-href","data-label","Component","WishListContainer","payload","message","wishList","remove","connect","dispatch","add","update","updateWishList","addToCart"],"mappings":"4PA8EeA,E,YA1EX,WAAYC,GAAO,0BACf,4BAAMA,KACDC,MAAQ,CAAEC,MAAOC,OAAOC,SAASC,aAAaC,SAASJ,OAF7C,E,0DAKNK,EAAeC,GAAU,MAClCC,KAAKC,SAAS,CAAER,MAAO,MAAAC,OAAOC,SAASC,aAAaC,SAASJ,OAAtC,QAAmD,SAAAS,GAAC,OAAIA,EAAEJ,eAAiBA,OAClGE,KAAKT,MAAMY,SAASL,EAAeC,K,+BAG9B,aACL,OACI,oCACKC,KAAKR,MAAMC,MAAMW,OAAS,EACvB,oCACI,yBAAKC,UAAU,OACX,yBAAKA,UAAU,gBACX,wBAAIA,UAAU,kCACT,MAAAL,KAAKR,MAAMC,OAAX,QAAqB,SAACa,GAAD,OAClB,wBAAIC,IAAKD,EAAKR,cAAeO,UAAU,+CACnC,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,4BAA4BG,QAAS,kBAAM,EAAKC,aAAaH,EAAKR,eAAgB,KAC7F,uBAAGO,UAAU,qBAEjB,yBAAKA,UAAU,kCACX,uBAAGK,KAAMJ,EAAKK,IAAKN,UAAU,uBACzB,yBAAKO,IAAKN,EAAKO,MAAOR,UAAU,qBAGxC,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,2BACX,yBAAKA,UAAU,kCACX,uBAAGK,KAAMJ,EAAKK,IAAKN,UAAU,uBACzB,yBAAKO,IAAKN,EAAKO,MAAOR,UAAU,qBAGxC,yBAAKA,UAAU,yBACX,uBAAGK,KAAMJ,EAAKK,IAAKG,MAAOR,EAAKS,MAC3B,wBAAIV,UAAU,iBAAiBC,EAAKS,MACpC,yBAAKV,UAAU,kBAAkBC,EAAKU,QAE1C,yBAAKX,UAAU,kBACX,yBAAKA,UAAU,kBACVC,EAAKW,eAAiB,4BAAKC,YAAU,qBAAf,KACtBZ,EAAKa,eAFV,IAE0B,0BAAMd,UAAU,0BAA0Ba,YAAU,mCAGjFZ,EAAKP,SAAW,GACb,yBAAKM,UAAU,yBACX,uBAAGA,UAAU,uBACZa,YAAU,uBAFf,IAEwCZ,EAAKP,SAF7C,IAEwDmB,YAAU,kBAAkBE,iBAKhG,gCAAYC,qBAAmB,wCAAwCC,YAAWhB,EAAKK,IAAKY,aAAYL,YAAU,iBAAiB,8BAAM,uBAAGb,UAAU,wCAAwCK,KAAMJ,EAAKK,KAAMO,YAAU,6BAWzP,Q,GAnEGM,a,SCGjBC,E,YACF,WAAYlC,GAAO,6CACTA,I,sDAGD,WACGM,EAAaG,KAAKT,MAAlBM,SACR,IAAKA,IAAaA,EAASJ,OAASI,EAASJ,MAAMW,OAAS,EACxD,OACI,yBAAKC,UAAU,OACX,yBAAKA,UAAU,YACX,wBAAIA,UAAU,0BAA0Ba,YAAU,qBAN7D,IAYGQ,EAAY7B,EAAZ6B,QACR,OACI,kBAAC,WAAD,KAEQA,GAAY,6BAAMA,EAAQC,SAE9B,yBAAKtB,UAAU,OAAM,yBAAKA,UAAU,YAAW,wBAAIA,UAAU,0BAAd,eAE/C,kBAAC,EAAD,CAAUuB,SAAU/B,EAAUM,SAAU,SAACL,EAAeC,GAAhB,OAA6B,EAAKR,MAAMsC,OAAO/B,EAAeC,W,GAzBtFyB,aA6CjBM,uBAdS,SAAAtC,GACpB,MAAO,CACHK,SAAUL,EAAMK,aAIG,SAAAkC,GACvB,MAAO,CACHF,OAAQ,SAAC/B,EAAeC,GAAhB,OAA6BgC,EAASC,YAAI,CAAClC,gBAAeC,eAClEkC,OAAQ,kBAAMF,EAASG,gBACvBC,UAAW,SAAF,mGAAE,oBAAMJ,EAASI,mBAInBL,CAA6CL","file":"26.088885941d381e4d9439.js","sourcesContent":["import React, { Component, Fragment } from 'react';\r\nimport { translate } from '../Services/translation';\r\n\r\nclass WishList extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = { items: window.__litium.preloadState.wishlist.items };\r\n    }\r\n\r\n    handleRemove(articleNumber, quantity) {\r\n        this.setState({ items: window.__litium.preloadState.wishlist.items.filter(x => x.articleNumber != articleNumber) })\r\n        this.props.onRemove(articleNumber, quantity)\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <>\r\n                {this.state.items.length > 0 ?\r\n                    <>\r\n                        <div className=\"row\">\r\n                            <div className=\"product-list\">\r\n                                <ul className=\"product-list product-list__row\">\r\n                                    {this.state.items.map((item) =>\r\n                                        <li key={item.articleNumber} className=\"product-list__item columns small-12 large-3\">\r\n                                            <div className=\"product__wrapper\">\r\n                                                <div className=\"wishlist-favourite-button\" onClick={() => this.handleRemove(item.articleNumber, -1)}>\r\n                                                    <i className=\"fas fa-bookmark\"></i>\r\n                                                </div>\r\n                                                <div className=\"product__figure show-for-large\">\r\n                                                    <a href={item.url} className=\"product__image-link\">\r\n                                                        <img src={item.image} className=\"product__image\" />\r\n                                                    </a>\r\n                                                </div>\r\n                                                <div className=\"product__info\">\r\n                                                    <div className=\"product__info-container\">\r\n                                                        <div className=\"product__figure hide-for-large\">\r\n                                                            <a href={item.url} className=\"product__image-link\">\r\n                                                                <img src={item.image} className=\"product__image\" />\r\n                                                            </a>\r\n                                                        </div>\r\n                                                        <div className=\"product__info-wrapper\">\r\n                                                            <a href={item.url} title={item.name}>\r\n                                                                <h6 className=\"product__name\">{item.name}</h6>\r\n                                                                <div className=\"product__brand\">{item.brand}</div>\r\n                                                            </a>\r\n                                                            <div className=\"product__price\">\r\n                                                                <div className=\"product__price\">\r\n                                                                    {item.isTieredPrice && <h2>{translate(\"product.pricefrom\")}:</h2>}\r\n                                                                    {item.formattedPrice} <span className=\"product__excluding-vat\">{translate(\"alternativevariant.excluding\")}</span>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                            {item.quantity > 1 &&\r\n                                                                <div className=\"product__variant-info\">\r\n                                                                    <i className=\"fal fa-layer-group\"></i>\r\n                                                                    {translate(\"product.numvariants\")} {item.quantity} {translate(\"product.colors\").toLowerCase()}\r\n                                                                </div>\r\n                                                            }\r\n                                                        </div>\r\n                                                    </div>\r\n                                                    <buy-button data-css-className=\"button buy-button product__buy-button\" data-href={item.url} data-label={translate(\"product.show\")}><span><a className=\"button buy-button product__buy-button\" href={item.url}>{translate(\"product.show\")}</a></span>\r\n                                                    </buy-button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </li>\r\n                                    )}\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </>\r\n                    :\r\n                    \"\"\r\n                }\r\n            </>\r\n        )\r\n    }\r\n}\r\n\r\n\r\nexport default WishList;","import React, { Component, Fragment } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport WishList from '../Components/WishList'\r\nimport { translate } from '../Services/translation';\r\nimport { changeQuantity, updateWishList, add } from '../Actions/WishList.action'\r\n \r\nclass WishListContainer extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n    }\r\n \r\n    render() {\r\n        const { wishlist } = this.props;\r\n        if (!wishlist || !wishlist.items || wishlist.items.length < 1) {\r\n            return (\r\n                <div className=\"row\">\r\n                    <div className=\"small-12\">\r\n                        <h1 className=\"checkout__title column\">{translate('wishlist.empty')}</h1>\r\n                    </div>\r\n                </div>\r\n            );\r\n        }\r\n \r\n        const { payload } = wishlist;\r\n        return (\r\n            <Fragment>\r\n                {\r\n                    payload && (<div>{payload.message}</div>)\r\n                }\r\n                <div className=\"row\"><div className=\"small-12\"><h1 className=\"checkout__title column\">Favoriter</h1></div></div>\r\n \r\n                <WishList wishList={wishlist} onRemove={(articleNumber, quantity) => this.props.remove(articleNumber, quantity)} />\r\n            </Fragment>\r\n        )\r\n    }\r\n}\r\n \r\nconst mapStateToProps = state => {\r\n    return {\r\n        wishlist: state.wishlist,\r\n    }\r\n}\r\n \r\nconst mapDispatchToProps = dispatch => {\r\n    return {\r\n        remove: (articleNumber, quantity) => dispatch(add({articleNumber, quantity})),\r\n        update: () => dispatch(updateWishList()),\r\n        addToCart: () => dispatch(addToCart())\r\n    }\r\n}\r\n \r\nexport default connect(mapStateToProps, mapDispatchToProps)(WishListContainer)"],"sourceRoot":""}