{"version":3,"sources":["webpack:///./Scripts/Components/WishList.js","webpack:///./Scripts/Containers/WishList.container.js"],"names":["WishList","_Component","props","_classCallCheck","_callSuper","_inherits","_createClass","key","value","articleNumber","quantity","this","onQuantityChange","onRemoveFromWishList","_context","_this","React","createElement","className","translate","wishList","_mapInstanceProperty","items","call","item","index","array","src","image","alt","name","type","min","maxLength","onChange","event","handleQuantityChange","target","onClick","handleRemoveFromWishList","title","Component","WishListContainer","wishlist","length","payload","Fragment","message","changeQuantity","removeFromWishList","update","addToCart","connect","state","dispatch","updateWishList"],"mappings":"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","file":"17.7fc6c12aa096f00af20c.js","sourcesContent":["import React, { Component } 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    }\r\n\r\n    handleQuantityChange(articleNumber, quantity) {\r\n        this.props.onQuantityChange(articleNumber, quantity);\r\n    }\r\n\r\n    handleRemoveFromWishList(articleNumber) {\r\n        this.props.onRemoveFromWishList(articleNumber);\r\n    }\r\n\r\n    render() {\r\n        const productContentClass =\r\n            'columns small-12 medium-4 large-6' +\r\n            ' checkout-cart__image-container';\r\n        const quantityInputClass = 'columns small-2 medium-2 large-2';\r\n        return (\r\n            <div>\r\n                <div className=\"row checkout__container\">\r\n                    <div className=\"small-12 simple-table\">\r\n                        <div className=\"row small-unstack no-margin\">\r\n                            <div className=\"columns small-12 medium-4 large-6\"></div>\r\n                            <div className=\"columns small-4 medium-3 large-2\">\r\n                                {translate('wishlist.quantity')}\r\n                            </div>\r\n                        </div>\r\n                        {this.props.wishList &&\r\n                            this.props.wishList.items.map(\r\n                                (item, index, array) => (\r\n                                    <div\r\n                                        key={index}\r\n                                        className=\"row small-unstack no-margin\"\r\n                                    >\r\n                                        <div className={productContentClass}>\r\n                                            <div className=\"checkout-cart__image-wrapper\">\r\n                                                <img\r\n                                                    className=\"checkout-cart__image\"\r\n                                                    src={item.image}\r\n                                                    alt={item.name}\r\n                                                />\r\n                                            </div>\r\n                                            <div className=\"checkout-cart__image-info\">\r\n                                                {item.name}\r\n                                            </div>\r\n                                        </div>\r\n                                        <div className={quantityInputClass}>\r\n                                            <input\r\n                                                className=\"checkout-cart__input\"\r\n                                                type=\"number\"\r\n                                                min=\"1\"\r\n                                                maxLength={3}\r\n                                                value={item.quantity}\r\n                                                onChange={event =>\r\n                                                    this.handleQuantityChange(\r\n                                                        item.articleNumber,\r\n                                                        event.target.value,\r\n                                                    )\r\n                                                }\r\n                                            />\r\n                                        </div>\r\n                                        <div className={quantityInputClass}>\r\n                                            <a\r\n                                                className=\"table__icon table__icon--delete\"\r\n                                                onClick={() =>\r\n                                                    this.handleRemoveFromWishList(\r\n                                                        item.articleNumber,\r\n                                                    )\r\n                                                }\r\n                                                title={translate(\r\n                                                    'general.remove',\r\n                                                )}\r\n                                            ></a>\r\n                                        </div>\r\n                                    </div>\r\n                                ),\r\n                            )}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default WishList;\r\n","import React, { Component, Fragment } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport WishList from '../Components/WishList';\r\nimport {\r\n    changeQuantity,\r\n    updateWishList,\r\n    addToCart,\r\n    removeFromWishList,\r\n} from '../Actions/WishList.action';\r\nimport { translate } from '../Services/translation';\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                        <h2 className=\"checkout__title\">\r\n                            {translate('wishlist.empty')}\r\n                        </h2>\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                {payload && <div className=\"row\">{payload.message}</div>}\r\n                <div className=\"row\">\r\n                    <div className=\"small-12\">\r\n                        <h2 className=\"checkout__title\">\r\n                            {translate('wishlist.title')}\r\n                        </h2>\r\n                    </div>\r\n                </div>\r\n\r\n                <WishList\r\n                    wishList={wishlist}\r\n                    onQuantityChange={(articleNumber, quantity) =>\r\n                        this.props.changeQuantity(articleNumber, quantity)\r\n                    }\r\n                    onRemoveFromWishList={articleNumber =>\r\n                        this.props.removeFromWishList(articleNumber)\r\n                    }\r\n                />\r\n                <div className=\"row\">\r\n                    <div className=\"small-12 medium-6 columns\">\r\n                        <button\r\n                            type=\"submit\"\r\n                            className=\"checkout__submit-button\"\r\n                            onClick={() => this.props.update()}\r\n                        >\r\n                            {translate('wishlist.update')}\r\n                        </button>\r\n                    </div>\r\n                    <div className=\"small-12 medium-6 columns\">\r\n                        <button\r\n                            type=\"submit\"\r\n                            className=\"checkout__submit-button\"\r\n                            onClick={() => this.props.addToCart()}\r\n                        >\r\n                            {translate('wishlist.addtocart')}\r\n                        </button>\r\n                    </div>\r\n                </div>\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        removeFromWishList: articleNumber =>\r\n            dispatch(removeFromWishList(articleNumber)),\r\n        changeQuantity: (articleNumber, quantity) =>\r\n            dispatch(changeQuantity(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);\r\n"],"sourceRoot":""}