{"version":3,"sources":["webpack:///./Scripts/Components/AddToCartPopup.js","webpack:///./Scripts/Containers/AddToCartPopup.container.js"],"names":["AddToCartPopup","model","hide","settings","showProduct","modalRef","useRef","handleClickOutside","event","current","contains","target","useEffect","document","addEventListener","removeEventListener","open","closeOnDocumentClick","className","ref","translate","src","product","imageUrl","name","onClick","href","checkoutUrl","productsPromos","length","productsPromosTitle","ItemScroll","itemType","items","AddToCartPopupContainer","props","dots","infinite","speed","slidesToShow","slidesToScroll","swipeToSlide","variableWidth","arrows","responsive","breakpoint","touchMove","ids","this","addToCartPopup","byId","addToCartPopups","id","key","relatedProductsModel","Component","mapDispatchToProps","connect","state"],"mappings":"6SA+DeA,EA1DQ,SAAC,GAKlB,IAJFC,EAIE,EAJFA,MACAC,EAGE,EAHFA,KACAC,EAEE,EAFFA,SACAC,EACE,EADFA,YAEMC,EAAWC,iBAAO,MAElBC,EAAqB,SAACC,GACpBH,EAASI,UAAYJ,EAASI,QAAQC,SAASF,EAAMG,SACrDT,KAWR,OAPAU,qBAAU,WAEN,OADAC,SAASC,iBAAiB,YAAaP,GAChC,WACHM,SAASE,oBAAoB,YAAaR,MAE/C,IAGH,kBAAC,WAAD,KACKN,GACG,kBAAC,IAAD,CACIe,MAAM,EACNC,sBAAsB,GAEtB,yBAAKC,UAAU,cAAcC,IAAKd,GAC9B,yBAAKa,UAAU,SACX,yBAAKA,UAAU,WACX,wBAAIA,UAAU,wBAAuB,uBAAGA,UAAU,sBAAyBE,YAAU,0BACnFhB,GACE,yBAAKc,UAAU,4BACX,yBAAKA,UAAU,qBAAqBG,IAAKpB,EAAMqB,QAAQC,WACvD,yBAAKL,UAAU,qBAAqBjB,EAAMqB,QAAQE,OAG1D,yBAAKN,UAAU,iCACX,4BAAQA,UAAU,uBAAuBO,QAAS,kBAAMvB,MAASkB,YAAU,2BAC3E,uBAAGM,KAAMzB,EAAM0B,YAAaT,UAAU,yCACjCE,YAAU,wBACX,0BAAMF,UAAU,uBAGvBjB,EAAM2B,eAAeC,OAAS,GAAM,yBAAKX,UAAU,wBAChD,wBAAIA,UAAU,wBAAwBjB,EAAM6B,qBAC5C,kBAACC,EAAA,EAAD,CAAYC,SAAS,UAAUC,MAAOhC,EAAM2B,eAAgBzB,SAAUA,W,6XC/ChG+B,E,gCACF,WAAYC,GAAO,0BACf,cAAMA,IAEDhC,SAAW,CACZiC,MAAM,EACNC,UAAU,EACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,EAChBC,cAAc,EACdC,eAAe,EACfC,QAAQ,EACRC,WAAY,CACR,CACIC,WAAY,KACZ1C,SAAU,CACNoC,aAAc,EACdC,eAAgB,EAChBJ,MAAM,EACNK,cAAc,EACdK,WAAW,EACXJ,eAAe,IAGvB,CACIG,WAAY,IACZ1C,SAAU,CACNoC,aAAc,EACdC,eAAgB,EAChBJ,MAAM,EACNK,cAAc,EACdK,WAAW,EACXJ,eAAe,MAhChB,E,6CAwCV,WACCK,EAAM,IAAYC,KAAKb,MAAMc,eAAeC,MAC5CC,EAAkB,IAAAJ,GAAG,KAAHA,GAAQ,SAAAK,GAAE,cAAU,EAAKjB,MAAMc,eAAeC,KAAKE,GAAzC,CAA8CA,UAChF,OAAO,kBAAC,WAAD,KACFD,GAAmB,IAAAA,GAAe,KAAfA,GAAoB,SAAAF,GAAc,OAAI,kBAAC,EAAD,CAAgBI,IAAKJ,EAAeG,GAAInD,MAAOgD,EAAeK,qBAAsBpD,KAAM,kBAAM,EAAKiC,MAAMjC,KAAK+C,EAAeG,KAAKjD,SAAU,EAAKA,SAAUC,YAAa6C,EAAe7C,sB,GA7CzNmD,aAwDhCC,EAAqB,CACvBtD,UAGWuD,uBAVS,SAAAC,GACpB,MAAO,CACHT,eAAgBS,EAAMT,kBAQUO,EAAzBC,CAA6CvB","file":"11.414917aecb8d9078dddf.js","sourcesContent":["import React, { Fragment, useRef, useEffect } from 'react';\r\nimport Popup from \"reactjs-popup\";\r\nimport ItemScroll from '../Components/ItemScroll'\r\nimport { translate } from '../Services/translation';\r\n\r\nconst AddToCartPopup = ({ \r\n    model, \r\n    hide, \r\n    settings,\r\n    showProduct\r\n}) => {\r\n    const modalRef = useRef(null);\r\n\r\n    const handleClickOutside = (event) => {\r\n        if (modalRef.current && !modalRef.current.contains(event.target)) {\r\n            hide();\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        document.addEventListener('mousedown', handleClickOutside);\r\n        return () => {\r\n            document.removeEventListener('mousedown', handleClickOutside);\r\n        };\r\n    }, []);\r\n\r\n    return (\r\n    <Fragment>\r\n        {model &&\r\n            <Popup\r\n                open={true}\r\n                closeOnDocumentClick={false}\r\n            >\r\n                <div className=\"add-to-cart\" ref={modalRef}>\r\n                    <div className=\"modal\">\r\n                        <div className=\"content\">\r\n                            <h3 className=\"add-to-cart__heading\"><i className=\"add-to-cart__icon\"></i>{translate('addtocart.addedtocart')}</h3>\r\n                            { showProduct && (\r\n                                <div className=\"add-to-cart__product-row\">\r\n                                    <img className=\"add-to-cart__image\" src={model.product.imageUrl}></img>\r\n                                    <div className=\"add-to-cart__name\">{model.product.name}</div>\r\n                                </div>\r\n                            )}\r\n                            <div className=\"add-to-cart__button-container\">\r\n                                <button className=\"button button--ghost\" onClick={() => hide()}>{translate('addtocart.keepshopping')}</button>\r\n                                <a href={model.checkoutUrl} className=\"button button--buy-button cart-pop-up\">\r\n                                    {translate('addtocart.tocheckout')}\r\n                                    <span className=\"button__buy-icon\"></span>\r\n                                </a>\r\n                            </div>\r\n                            {model.productsPromos.length > 0 && (<div className=\"add-to-cart__related\">\r\n                                <h3 className=\"add-to-cart__heading\">{model.productsPromosTitle}</h3>\r\n                                <ItemScroll itemType=\"product\" items={model.productsPromos} settings={settings}></ItemScroll>\r\n                            </div>\r\n                            )}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </Popup>\r\n        }\r\n    </Fragment>\r\n    );\r\n};\r\nexport default AddToCartPopup;\r\n","import React, { Component, Fragment } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport AddToCartPopup from '../Components/AddToCartPopup';\r\nimport { hide } from '../Actions/AddToCartPopup.action';\r\n\r\nclass AddToCartPopupContainer extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.settings = {\r\n            dots: false,\r\n            infinite: false,\r\n            speed: 500,\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3,\r\n            swipeToSlide: true,\r\n            variableWidth: true,\r\n            arrows: true,\r\n            responsive: [\r\n                {\r\n                    breakpoint: 1200,\r\n                    settings: {\r\n                        slidesToShow: 3,\r\n                        slidesToScroll: 3,\r\n                        dots: true,\r\n                        swipeToSlide: false,\r\n                        touchMove: true,\r\n                        variableWidth: true,\r\n                    }\r\n                },\r\n                {\r\n                    breakpoint: 530,\r\n                    settings: {\r\n                        slidesToShow: 2,\r\n                        slidesToScroll: 2,\r\n                        dots: true,\r\n                        swipeToSlide: false,\r\n                        touchMove: true,\r\n                        variableWidth: true,\r\n                    }\r\n                }\r\n            ]\r\n        }\r\n    }\r\n\r\n    \r\n    render() {\r\n        const ids = Object.keys(this.props.addToCartPopup.byId);\r\n        const addToCartPopups = ids.map(id => ({ ...this.props.addToCartPopup.byId[id], id }));\r\n        return <Fragment>\r\n            {addToCartPopups && addToCartPopups.map(addToCartPopup => <AddToCartPopup key={addToCartPopup.id} model={addToCartPopup.relatedProductsModel} hide={() => this.props.hide(addToCartPopup.id)} settings={this.settings} showProduct={addToCartPopup.showProduct} />)}\r\n        </Fragment>\r\n    }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n    return {\r\n        addToCartPopup: state.addToCartPopup,\r\n    }\r\n}\r\n\r\nconst mapDispatchToProps = {\r\n    hide,\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddToCartPopupContainer);\r\n"],"sourceRoot":""}