{"version":3,"sources":["webpack:///./Scripts/Components/WishList.js","webpack:///./Scripts/Components/WishListOverview.js","webpack:///./Scripts/Components/WishList.container.js"],"names":["WishList","Component","constructor","props","super","handleAddToCart","articleNumber","quantity","this","onAddToCart","handleRemoveItem","sortIndex","onRemoveItem","render","className","wishList","Object","keys","length","translate","map","item","index","array","key","src","image","alt","name","size","reducedPrice","price","onClick","event","target","rel","WishListOverview","state","editCurrentName","editNewName","updateEditWishlist","evt","val","value","setState","handleGoToList","listName","onGoToList","onUpdateActiveList","handleEditList","onEditList","edit","handleUpdateWishlistName","onUpdateWishlistName","handleDeleteList","onDeleteList","handleAddWishlistName","wishlistName","id","type","onChange","title","WishListContainer","showInfo","page","wishlists","activeList","setWrapperRef","bind","handleClickOutside","componentDidMount","getAllWishlists","document","addEventListener","componentWillUnmount","removeEventListener","handleAddAllToCart","addAllToCart","removeItem","getListContent","deleteList","previousName","newName","updateWishlistName","node","wrapperRef","contains","payload","onToggle","prevState","Fragment","href","e","preventDefault","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","ref","addToCart","Notification","text","message","info","success","lists","handleDeleteWishlist","list","articleId","connect","dispatch","deleteWishList","updateWishListName","deleteWishListItem","getWishlist"],"mappings":"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","file":"236.101114234b47e0278a9d.js","sourcesContent":["import React, { Component } from 'react';\nimport { translate } from '../Services/translation';\n\nclass WishList extends Component {\n    constructor(props) {\n        super(props);\n    }\n\n    handleAddToCart(articleNumber, quantity) {\n        this.props.onAddToCart(articleNumber, quantity);\n    }\n\n    handleRemoveItem(sortIndex) {\n        this.props.onRemoveItem(sortIndex);\n    }\n\n    render() {\n        return (\n            <div className=\"wishlist__content__item__container\">\n                {this.props.wishList &&\n                    Object.keys(this.props.wishList).length < 1 && (\n                        <div className=\"wishlist__content__item__container__empty\">\n                            <p>{translate('wishlist.empty')}</p>\n                        </div>\n                    )}\n                {this.props.wishList &&\n                    this.props.wishList.map((item, index, array) => (\n                        <div key={`wishlist-item-${index}`}>\n                            <div className=\"wishlist__content__item\">\n                                <img\n                                    className=\"wishlist__content__item__product-image\"\n                                    src={item.image}\n                                    alt={item.name}\n                                />\n\n                                <div className=\"wishlist__content__item__product-info\">\n                                    <div className=\"wishlist__content__item__product-info__item\">\n                                        <div className=\"wishlist__content__item__product-info__item__info\">\n                                            <p className=\"wishlist__content__item__product-info__item__info__title\">\n                                                {item.name}\n                                            </p>\n                                            {item.size && (\n                                                <p className=\"wishlist__content__item__product-info__item__info__variant\">\n                                                    <p>\n                                                        {translate(\n                                                            'wishlist.size'\n                                                        )}\n                                                        : {item.size}\n                                                    </p>\n                                                </p>\n                                            )}\n                                        </div>\n                                        {item.reducedPrice ? (\n                                            <p className=\"wishlist__content__item__product-info__item__price--discount\">\n                                                {item.reducedPrice}\n                                            </p>\n                                        ) : (\n                                            <p className=\"wishlist__content__item__product-info__item__price\">\n                                                {item.price}\n                                            </p>\n                                        )}\n                                    </div>\n                                    <div className=\"wishlist__content__item__product-info__item\">\n                                        <a\n                                            className=\"wishlist__content__item__product-info__item__delete\"\n                                            onClick={(event) =>\n                                                this.handleRemoveItem(\n                                                    item.sortIndex\n                                                )\n                                            }\n                                            target=\"_blank\"\n                                            rel=\"noreferrer\"\n                                        >\n                                            {translate('wishlist.delete')}\n                                        </a>\n                                        <button\n                                            className=\"button wishlist__content__item__product-info__item__cart-button\"\n                                            onClick={() => \n                                                this.handleAddToCart(\n                                                    item.articleNumber,\n                                                    1\n                                                )\n                                            }\n                                        >\n                                            {translate('wishlist.addtocart')}\n                                        </button>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    ))}\n            </div>\n        );\n    }\n}\n\nexport default WishList;\n","import React, { Component } from 'react';\nimport { translate } from '../Services/translation';\n\nclass WishListOverview extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            editCurrentName: '',\n            editNewName: '',\n        };\n    }\n\n    updateEditWishlist(evt) {\n        const val = evt.target.value;\n        this.setState({\n            editNewName: val,\n        });\n    }\n\n    handleGoToList(listName) {\n        this.props.onGoToList(listName);\n        this.props.onUpdateActiveList(listName);\n    }\n\n    handleEditList(listName) {\n        this.props.onEditList(listName);\n        this.setState(() => ({\n            edit: true,\n            editCurrentName: listName,\n            editNewName: listName,\n        }));\n    }\n\n    handleUpdateWishlistName() {\n        this.props.onUpdateWishlistName(\n            this.state.editCurrentName,\n            this.state.editNewName\n        );\n    }\n\n    handleDeleteList(listName) {\n        this.props.onDeleteList(listName);\n    }\n\n    handleAddWishlistName(evt) {\n        const val = evt.target.value;\n        this.setState({\n            wishlistName: val,\n        });\n    }\n\n    render() {\n        const { wishList } = this.props;\n        return (\n            <div\n                className=\"wishlist__content__lists__container\"\n                key={this.props.edit}\n            >\n                {this.props.wishList && Object.keys(wishList).length < 1 && (\n                    <div className=\"wishlist__content__lists__container__empty\">\n                        <p>{translate('wishlist.nowishlist')}</p>\n                    </div>\n                )}\n                {this.props.edit && (\n                    <div className=\"wishlist__content__lists__container__edit\">\n                        <input\n                            className=\"wishlist-add__form-input\"\n                            id=\"wishlist-name\"\n                            name=\"name\"\n                            type=\"text\"\n                            value={this.state.editNewName}\n                            onChange={(evt) => this.updateEditWishlist(evt)}\n                        />\n                        <div className=\"wishlist__content__lists__container__edit__button-wrapper\">\n                            <button\n                                type=\"submit\"\n                                className=\"button button--cancel\"\n                                onClick={() => {\n                                    this.setState({\n                                        edit: false,\n                                    });\n                                    this.handleDeleteList(\n                                        this.state.editCurrentName\n                                    );\n                                }}\n                            >\n                                {translate('wishlist.delete')}\n                            </button>\n                            <button\n                                type=\"submit\"\n                                className=\"button button--submit\"\n                                onClick={() => {\n                                    this.handleUpdateWishlistName();\n                                    this.setState({\n                                        edit: false,\n                                    });\n                                }}\n                            >\n                                {translate('wishlist.save')}\n                            </button>\n                        </div>\n                    </div>\n                )}\n\n                {!this.props.edit &&\n                    this.props.wishList &&\n                    this.props.wishList.map((item, index) => (\n                        <div\n                            key={`wishlist-overview-list-item-${index}`}\n                            className=\"wishlist__content__lists__item\"\n                        >\n                            <p className=\"wishlist__content__lists__item__text\">\n                                {item.name}\n                            </p>\n                            <div className=\"wishlist__content__lists__item__handle-list\">\n                                <a\n                                    className=\"wishlist__content__lists__item__handle-list__edit\"\n                                    onClick={() =>\n                                        this.handleEditList(item.name)\n                                    }\n                                    title={translate('edit')}\n                                ></a>\n                                <a\n                                    className=\"wishlist__content__lists__item__handle-list__delete\"\n                                    onClick={() =>\n                                        this.handleDeleteList(item.name)\n                                    }\n                                    title={translate('delete')}\n                                ></a>\n                            </div>\n                            <a\n                                className=\"wishlist__content__lists__item__chevron\"\n                                onClick={() => this.handleGoToList(item.name)}\n                                title={translate('wishlist.gotolist')}\n                            ></a>\n                        </div>\n                    ))}\n            </div>\n        );\n    }\n}\n\nexport default WishListOverview;\n","import React, { Component, Fragment } from 'react';\nimport { connect } from 'react-redux';\nimport WishList from './WishList';\nimport {\n    addToCart,\n    getAllWishlists,\n    getWishlist,\n    deleteWishList,\n    updateWishListName,\n    deleteWishListItem,\n    addAllToCart,\n} from '../Services/WishList.service';\nimport { translate } from '../Services/translation';\nimport WishListOverview from './WishListOverview';\nimport Notification from './Notification';\n\nclass WishListContainer extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            showInfo: false,\n            page: 1,\n            wishlists: null,\n            activeList: '',\n        };\n        this.setWrapperRef = this.setWrapperRef.bind(this);\n        this.handleClickOutside = this.handleClickOutside.bind(this);\n    }\n\n    componentDidMount() {\n        this.setState.wishlists = this.props.getAllWishlists();\n        document.addEventListener('mousedown', this.handleClickOutside);\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('mousedown', this.handleClickOutside);\n    }\n\n    handleAddAllToCart(wishlistName) {\n        this.props.addAllToCart(wishlistName);\n    }\n\n    async handleRemoveItem(sortIndex) {\n        await this.props.removeItem(sortIndex, this.state.activeList);\n        this.props.getListContent(this.state.activeList);\n    }\n\n    async handleDeleteWishlist(listName) {\n        await this.props.deleteList(listName);\n        this.props.getAllWishlists();\n        this.setState(() => ({\n            activeList: '',\n            page: 1,\n        }));\n    }\n\n    async handleUpdateWishlistName(previousName, newName) {\n        await this.props.updateWishlistName(previousName, newName);\n        this.props.getAllWishlists();\n        this.setState(() => ({\n            activeList: '',\n            page: 1,\n        }));\n    }\n\n    setWrapperRef(node) {\n        this.wrapperRef = node;\n    }\n\n    handleClickOutside(event) {\n        if (\n            event.target.className !== 'wishlist__icon' &&\n            this.wrapperRef &&\n            !this.wrapperRef.contains(event.target) &&\n            this.state.showInfo == true\n        ) {\n            this.setState(() => ({\n                showInfo: false,\n                page: 1,\n                activeList: '',\n            }));\n        }\n    }\n\n    render() {\n        const { wishList } = this.props;\n        const { payload } = wishList;\n\n        const onToggle = () => {\n            this.setState((prevState) => ({\n                showInfo: !prevState.showInfo,\n                page: 1,\n                activeList: '',\n            }));\n        };\n\n        return (\n            <Fragment>\n                <div className=\"wishlist\">\n                    <a\n                        className=\"wishlist__link--block\"\n                        rel=\"nofollow\"\n                        href=\"#\"\n                        onClick={(e) => {\n                            e.preventDefault();\n                            onToggle();\n                        }}\n                    >\n                        <svg width=\"22\" height=\"20\" viewBox=\"0 0 27 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path id=\"Vector\" d=\"M23.4826 2.86716C22.8962 2.27522 22.1999 1.80564 21.4336 1.48527C20.6672 1.1649 19.8458 1 19.0163 1C18.1868 1 17.3654 1.1649 16.599 1.48527C15.8327 1.80564 15.1364 2.27522 14.55 2.86716L13.3329 4.09508L12.1159 2.86716C10.9314 1.67203 9.32478 1.00062 7.64958 1.00062C5.97439 1.00062 4.3678 1.67203 3.18326 2.86716C1.99872 4.06229 1.33325 5.68323 1.33325 7.37339C1.33325 9.06356 1.99872 10.6845 3.18326 11.8796L4.40031 13.1075L13.3329 22.12L22.2656 13.1075L23.4826 11.8796C24.0693 11.288 24.5347 10.5855 24.8523 9.81227C25.1698 9.03907 25.3333 8.21033 25.3333 7.37339C25.3333 6.53645 25.1698 5.70771 24.8523 4.93452C24.5347 4.16133 24.0693 3.45883 23.4826 2.86716Z\" stroke=\"var(--navigation-icon-color, #FFFFFF)\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                        </svg>\n                        <span className=\"hide\">\n                            {translate('wishlist.hiddentitle')}\n                        </span>\n                    </a>\n                    <div\n                        className={`wishlist__info \n                ${\n                    !this.state.showInfo\n                        ? 'wishlist__info--hidden'\n                        : 'wishlist__info--visible'\n                }`}\n                    >\n                        <div\n                            className=\"wishlist__content\"\n                            ref={this.setWrapperRef}\n                        >\n                            <div className=\"wishlist__content__top\">\n                                {this.state.activeList == '' ? (\n                                    <p className=\"wishlist__content__top__title\">\n                                        {translate('wishlist.title')}\n                                    </p>\n                                ) : (\n                                    <a\n                                        className=\"wishlist__content__top__title wishlist__content__top__title--link\"\n                                        onClick={() => {\n                                            this.setState(() => ({\n                                                activeList: '',\n                                                page: 1,\n                                            }));\n                                        }}\n                                    >\n                                        {this.state.activeList}\n                                    </a>\n                                )}\n\n                                <span\n                                    className=\"wishlist__content__top__close-button\"\n                                    onClick={() => onToggle()}\n                                ></span>\n                            </div>\n                            {payload && payload.addToCart && (\n                                <Notification\n                                    text={payload.addToCart.message}\n                                    info\n                                />\n                            )}\n                            {payload && payload.addAllToCart && (\n                                <Notification\n                                    text={payload.addAllToCart.message}\n                                    info\n                                />\n                            )}\n                            {payload && payload.success == false && (\n                                <Notification text={payload.message} />\n                            )}\n                            {this.state.page == 1 ? (\n                                <WishListOverview\n                                    wishList={wishList.lists}\n                                    edit={\n                                        this.state.activeList == ''\n                                            ? false\n                                            : true\n                                    }\n                                    onGoToList={(listName) => {\n                                        this.setState(() => ({\n                                            page: 2,\n                                        }));\n                                        this.props.getListContent(listName);\n                                    }}\n                                    onDeleteList={(listName) => {\n                                        this.handleDeleteWishlist(listName);\n                                    }}\n                                    onUpdateActiveList={(listName) => {\n                                        this.setState(() => ({\n                                            activeList: listName,\n                                        }));\n                                    }}\n                                    onEditList={(listName) => {\n                                        this.setState(() => ({\n                                            activeList: listName,\n                                        }));\n                                    }}\n                                    onUpdateWishlistName={(\n                                        previousName,\n                                        newName\n                                    ) => {\n                                        this.handleUpdateWishlistName(\n                                            previousName,\n                                            newName\n                                        );\n                                    }}\n                                />\n                            ) : (\n                                <>\n                                    <WishList\n                                        wishList={wishList.list}\n                                        onAddToCart={(\n                                            articleNumber,\n                                            quantity\n                                        ) =>\n                                            this.props.addToCart(\n                                                articleNumber,\n                                                quantity\n                                            )\n                                        }\n                                        onRemoveItem={(articleId) => {\n                                            this.handleRemoveItem(articleId);\n                                        }}\n                                    />\n                                    <div className=\"wishlist__sum\">\n                                        <div className=\"wishlist__sum__add-to-cart\">\n                                            <button\n                                                className=\"button wishlist__sum__add-to-cart__button\"\n                                                onClick={() => {\n                                                    this.handleAddAllToCart(\n                                                        this.state.activeList\n                                                    );\n                                                }}\n                                            >\n                                                {translate(\n                                                    'wishlist.addalltocart'\n                                                )}\n                                            </button>\n                                        </div>\n                                    </div>\n                                </>\n                            )}\n                        </div>\n                    </div>\n                </div>\n            </Fragment>\n        );\n    }\n}\n\nconst mapStateToProps = (state) => {\n    return {\n        wishList: state.wishList,\n    };\n};\n\nconst mapDispatchToProps = (dispatch) => {\n    return {\n        getAllWishlists: () => dispatch(getAllWishlists()),\n        deleteList: (listName) => dispatch(deleteWishList(listName)),\n        updateWishlistName: (previousName, newName) =>\n            dispatch(updateWishListName(previousName, newName)),\n        removeItem: (articleId, wishlistName) =>\n            dispatch(deleteWishListItem(articleId, wishlistName)),\n        addToCart: (articleNumber, quantity) =>\n            dispatch(addToCart(articleNumber, quantity)),\n        addAllToCart: (wishlistName) => dispatch(addAllToCart(wishlistName)),\n        getListContent: (listName) => dispatch(getWishlist(listName)),\n    };\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(WishListContainer);\n"],"sourceRoot":""}