{"version":3,"sources":["webpack:///./Scripts/Components/BuyButton.js","webpack:///./Scripts/Containers/BuyButton.container.js"],"names":["label","articleNumber","href","cssClass","onClick","className","BuyButtonContainer","props","buttonRef","React","ref","this","quantityFieldId","currencyCode","name","price","brand","category","addToCart","current","layerData","event","ecommerce","add","products","id","quantity","Number","parseInt","document","getElementById","value","window","dataLayer","push","Component","connect","state","dispatch","buttonDomNode","nodeIdToShowNotification","Date","now","notificationMessage","translate","hash"],"mappings":"4IAaA,QAXkB,SAAC,GAAD,IAAGA,EAAH,EAAGA,MAAOC,EAAV,EAAUA,cAAeC,EAAzB,EAAyBA,KAAMC,EAA/B,EAA+BA,SAAUC,EAAzC,EAAyCA,QAAzC,OACdH,EACI,qBAAGI,UAAWF,EAAUC,QAASA,GAC5BJ,GAGL,qBAAGK,UAAWF,EAAUD,KAAMA,GACzBF,I,wiDCHPM,E,yTACF,WAAYC,GAAO,a,4FAAA,UACf,cAAMA,IACDC,UAAYC,cAFF,E,mCAKnB,WAAS,WACL,OACI,wBAAMC,IAAKC,KAAKH,WACZ,gBAAC,EAAD,KACQG,KAAKJ,MADb,CAEIH,QAAS,WAAM,MASP,EAAKG,MAPLN,EAFO,EAEPA,cACAW,EAHO,EAGPA,gBACAC,EAJO,EAIPA,aACAC,EALO,EAKPA,KACAC,EANO,EAMPA,MACAC,EAPO,EAOPA,MACAC,EARO,EAQPA,SAEJ,EAAKV,MAAMW,UACP,EAAKV,UAAUW,QACflB,EACAW,GAEJ,IAAMQ,EAAY,CACdC,MAAO,YACPC,UAAW,CACPT,eACAU,IAAK,CACDC,SAAU,CACN,CACIV,OACAW,GAAIxB,EACJc,QACAC,QACAC,WACAS,SAAUd,EACJe,OAAOC,SACHC,SAASC,eACLlB,GACFmB,MACF,IAEJ,OAM1BC,OAAOC,UAAUC,KAAKd,a,iFAnDbe,aAkFjC,SAAeC,SAvBS,SAACC,GACrB,MAAO,MAGgB,SAACC,GACxB,MAAO,CACHpB,UAAW,SAACqB,EAAetC,EAAeW,GACtC,IAAM4B,EAA4BD,EAAcd,GAAKgB,KAAKC,MAC1DJ,GACIpB,QAAU,CACNjB,gBACAyB,SAAUd,EACJiB,SAASC,eAAelB,GAAiBmB,MACzC,EACNS,2BACAG,qBAAqBC,OAAU,uBAC/BC,KAAMJ,KAAKC,aAO/B,CAA4DpC","file":"689.0251752965cf51288e5a.js","sourcesContent":["import React from 'react'\r\n\r\nconst BuyButton = ({ label, articleNumber, href, cssClass, onClick }) =>\r\n    articleNumber ? (\r\n        <a className={cssClass} onClick={onClick}>\r\n            {label}\r\n        </a>\r\n    ) : (\r\n        <a className={cssClass} href={href}>\r\n            {label}\r\n        </a>\r\n    )\r\n\r\nexport default BuyButton\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport BuyButton from '../Components/BuyButton'\r\nimport { add as addToCart } from '../Actions/Cart.action'\r\nimport { translate } from '../Services/translation'\r\n\r\nclass BuyButtonContainer extends Component {\r\n    constructor(props) {\r\n        super(props)\r\n        this.buttonRef = React.createRef()\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <span ref={this.buttonRef}>\r\n                <BuyButton\r\n                    {...this.props}\r\n                    onClick={() => {\r\n                        const {\r\n                            articleNumber,\r\n                            quantityFieldId,\r\n                            currencyCode,\r\n                            name,\r\n                            price,\r\n                            brand,\r\n                            category,\r\n                        } = this.props\r\n                        this.props.addToCart(\r\n                            this.buttonRef.current,\r\n                            articleNumber,\r\n                            quantityFieldId\r\n                        )\r\n                        const layerData = {\r\n                            event: 'addToCart',\r\n                            ecommerce: {\r\n                                currencyCode,\r\n                                add: {\r\n                                    products: [\r\n                                        {\r\n                                            name,\r\n                                            id: articleNumber,\r\n                                            price,\r\n                                            brand,\r\n                                            category,\r\n                                            quantity: quantityFieldId\r\n                                                ? Number.parseInt(\r\n                                                      document.getElementById(\r\n                                                          quantityFieldId\r\n                                                      ).value,\r\n                                                      10\r\n                                                  )\r\n                                                : 1,\r\n                                        },\r\n                                    ],\r\n                                },\r\n                            },\r\n                        }\r\n                        window.dataLayer.push(layerData)\r\n                    }}\r\n                />\r\n            </span>\r\n        )\r\n    }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n    return {}\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n    return {\r\n        addToCart: (buttonDomNode, articleNumber, quantityFieldId) => {\r\n            const nodeIdToShowNotification = (buttonDomNode.id = Date.now())\r\n            dispatch(\r\n                addToCart({\r\n                    articleNumber,\r\n                    quantity: quantityFieldId\r\n                        ? document.getElementById(quantityFieldId).value\r\n                        : 1,\r\n                    nodeIdToShowNotification,\r\n                    notificationMessage: translate('tooltip.addedtocart'),\r\n                    hash: Date.now(),\r\n                })\r\n            )\r\n        },\r\n    }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(BuyButtonContainer)\r\n"],"sourceRoot":""}