{"version":3,"sources":["webpack:///./Scripts/Components/BuyButton.js"],"names":["BuyButton","label","articleNumber","quantityFieldId","packageQuantity","href","cssClass","onClick","React","Fragment","className","props","dispatch","useDispatch","Button","withReactiveStyleBuyButton","async","quantity","document","getElementById","value","cart","addToCartService","receive","load","ex","catchError","error","loadError"],"mappings":"yLAQA,MAAMA,EAAYA,EACdC,QACAC,gBACAC,kBACAC,kBACAC,OACAC,WACAC,aAGIC,gBAACC,WAAQ,KACJP,EACGM,gBAAA,KACIE,UAAWJ,EACXC,QAASA,IAAMA,EAAQ,CAAEL,gBAAeC,kBAAiBC,qBAExDH,EAAQO,gBAAA,QAAME,UAAU,gDAA+CF,gBAAA,QAAME,UAAU,6BAA6BT,GAAaO,gBAAA,KAAGE,UAAU,iBAA4BF,gBAAA,QAAME,UAAU,gDAA+CF,gBAAA,KAAGE,UAAU,yDAA2DF,gBAAA,KAAGE,UAAU,kBAGnUF,gBAAA,KAAGE,UAAWJ,EAAUD,KAAMA,GACzBJ,EAAQO,gBAAA,QAAME,UAAU,gDAA+CF,gBAAA,QAAME,UAAU,6BAA6BT,GAAaO,gBAAA,KAAGE,UAAU,iBAA4BF,gBAAA,QAAME,UAAU,gDAA+CF,gBAAA,KAAGE,UAAU,yDAA2DF,gBAAA,KAAGE,UAAU,mBAiCnV,EA1BsBC,IAClB,MAAMC,GAAWC,UAqBXC,GAASC,OAA2Bf,GApB1BgB,OAASd,gBAAeC,kBAAiBC,sBAErD,IACI,IAAIa,EAAWd,EACTe,SAASC,eAAehB,GAAiBiB,MACzC,EAEFjB,IACAc,GAAsBb,GAG1B,MAAMiB,QAAaC,QAAiB,CAAEpB,gBAAee,aAGrD,OAFAL,GAASW,QAAQF,IACjBT,GAAUY,QAAKtB,KACR,CACX,CAAE,MAAOuB,GAEL,OADAb,GAASc,OAAWD,GAAKE,IAAUC,QAAUD,OACtC,CACX,IAE0D,cAC9D,OAAOnB,gBAACM,EAAWH,EAAS,C","file":"797.6306807c0817aedf907b.js","sourcesContent":["import React, { Fragment } from 'react';\nimport { add as addToCartService } from '../Services/Cart.service';\nimport withReactiveStyleBuyButton from './withReactiveStyleBuyButton';\nimport { receive, loadError } from '../Actions/Cart.action';\nimport { catchError } from '../Actions/Error.action';\nimport { useDispatch } from 'react-redux';\nimport { load } from '../Actions/Accessory.action';\n\nconst BuyButton = ({\n    label,\n    articleNumber,\n    quantityFieldId,\n    packageQuantity,\n    href,\n    cssClass,\n    onClick,\n}) => {\n    return (\n        <Fragment>\n            {articleNumber ? (\n                <a\n                    className={cssClass}\n                    onClick={() => onClick({ articleNumber, quantityFieldId, packageQuantity })}\n                >\n                    {label ? <span className=\"atc-button-content atc-button-content--large\"><span className=\"atc-button-content--label\">{label}</span><i className=\"status-icon\"></i></span> : <span className=\"atc-button-content atc-button-content--small\"><i className='product__footer--cart-icon atc-button-content--label'></i><i className=\"status-icon\"></i></span>}\n                </a>\n            ) : (\n                <a className={cssClass} href={href}>\n                    {label ? <span className=\"atc-button-content atc-button-content--large\"><span className=\"atc-button-content--label\">{label}</span><i className=\"status-icon\"></i></span> : <span className=\"atc-button-content atc-button-content--small\"><i className='product__footer--cart-icon atc-button-content--label'></i><i className=\"status-icon\"></i></span>}\n                </a>\n            )}\n        </Fragment>\n    );\n};\n\nconst StyledButton = (props) => {\n    const dispatch = useDispatch();\n    const onClick = async ({ articleNumber, quantityFieldId, packageQuantity }) => {\n\n        try {\n            let quantity = quantityFieldId\n                ? document.getElementById(quantityFieldId).value\n                : 1;\n\n            if(!quantityFieldId){\n                quantity = quantity * packageQuantity;\n            }\n\n            const cart = await addToCartService({ articleNumber, quantity });\n            dispatch(receive(cart));\n            dispatch (load(articleNumber));\n            return true;\n        } catch (ex) {\n            dispatch(catchError(ex, (error) => loadError(error)));\n            return false;\n        }\n    };\n    const Button = withReactiveStyleBuyButton(BuyButton, onClick, 'buy-button');\n    return <Button {...props} />;\n};\n\nexport default StyledButton;\n"],"sourceRoot":""}