{"version":3,"sources":["webpack:///./Scripts/Components/BuyButton.js","webpack:///./Scripts/Containers/BuyButton.container.js","webpack:///./Scripts/Components/BuyButtonExtension.js","webpack:///./Scripts/Components/BuyOnline.js","webpack:///./Scripts/Containers/BuyOnline.container.js","webpack:///./Scripts/Components/ProductPageBuyButtons.js","webpack:///./Scripts/Containers/ProductPageBuyButtons.container.js"],"names":["BuyButton","_ref","label","articleNumber","quantityFieldId","trackingProduct","href","cssClass","onClick","labelAndIcon","_ref$openMiniCartAtCh","openMiniCartAtCheckout","React","createElement","className","icon","BuyButtonContainer","_Component","props","_this","_classCallCheck","_callSuper","buttonRef","createRef","_inherits","_createClass","key","value","_this2","ref","this","_extends","trackAddToCart","document","getElementById","addToCart","current","Component","connect","state","dispatch","buttonDomNode","nodeIdToShowNotification","id","_Date$now","quantity","notificationMessage","translate","hash","BuyButtonWrapper","_context","_context2","_context3","productItem","isProductPage","_ref$cssClass","_ref$isBuyOnline","isBuyOnline","_ref$noneFoundClass","noneFoundClass","_ref$labelAndIcon","isBuyableProduct","isBuyable","canBuyOnline","showBuyButton","useVariantUrl","isInStock","_trimInstanceProperty","_concatInstanceProperty","concat","call","enabled","url","price","hasPrice","showQuantityField","newProps","BuyOnline","isMuurikka","productOnlineResellers","style","width","background","window","showResellers","e","stopPropagation","preventDefault","type","length","_mapInstanceProperty","item","customerNumber","src","logoUrl","alt","name","setProductLink","productLink","showConfirmation","productResellers","resellerProduct","resellerCountries","ProductPageBuyButtons","_props$openMiniCartAt","isLoading","Fragment","showBuyButtonChannel","BuyOnlineContainer","status","_ref$iconColor","iconColor","errorIconClass","stateClass","RESELLER_FETCH_STATUSES","LOADING","FULFILLED","textId","iconClass","ERROR"],"mappings":"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","file":"14.e9032314f8b2b5789608.js","sourcesContent":["import React from 'react';\r\n\r\nconst BuyButton = ({\r\n    label,\r\n    articleNumber,\r\n    quantityFieldId,\r\n    trackingProduct,\r\n    href,\r\n    cssClass,\r\n    onClick,\r\n    labelAndIcon,\r\n    openMiniCartAtCheckout = true\r\n}) => {\r\n    return (\r\n        articleNumber ?\r\n            <a className={cssClass} onClick={() => {\r\n                onClick(articleNumber, quantityFieldId, trackingProduct, openMiniCartAtCheckout)\r\n            }}>\r\n                {labelAndIcon !== null ? \r\n                    labelAndIcon.icon\r\n                    : <span className=\"buy-icon\"></span>}\r\n                {label}\r\n            </a>\r\n            : <a className={cssClass} href={href}>\r\n                {labelAndIcon !== null ? \r\n                    labelAndIcon.icon\r\n                    : <span className=\"buy-icon\"></span>}\r\n                {label}\r\n            </a>\r\n    )\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\nimport { trackAddToCart } from '../Shared/Tracking'; \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 {...this.props} onClick={(articleNumber, quantityFieldId, trackingProduct, openMiniCartAtCheckout) => {\r\n                    trackAddToCart(trackingProduct, quantityFieldId ? document.getElementById(quantityFieldId).value : 1);\r\n                    this.props.addToCart(this.buttonRef.current, articleNumber, quantityFieldId, openMiniCartAtCheckout)\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        /**\r\n         * @param buttonDomNode\r\n         * @param articleNumber\r\n         * @param quantityFieldId\r\n         * @param {boolean}openMiniCartAtCheckout\r\n         */\r\n        addToCart: (buttonDomNode, articleNumber, quantityFieldId, openMiniCartAtCheckout) => {\r\n            const nodeIdToShowNotification = buttonDomNode.id = Date.now();\r\n            dispatch(addToCart({ \r\n                articleNumber, \r\n                quantity: quantityFieldId ? document.getElementById(quantityFieldId).value : 1,\r\n                nodeIdToShowNotification,\r\n                notificationMessage: translate('tooltip.addedtocart'),\r\n                hash: Date.now(),\r\n                openMiniCartAtCheckout\r\n            }));\r\n        }\r\n    }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(BuyButtonContainer);\r\n","import React from 'react';\r\nimport BuyButtonContainer from \"../Containers/BuyButton.container\";\r\nimport {translate} from \"../Services/translation\";\r\n\r\n/**\r\n * Basically does the same as `Src/Litium.Accelerator.Mvc/Extensions/ProductItemViewModelHtmlExtensions.cs`\r\n *\r\n * @param productItem\r\n * @param articleNumber\r\n * @param cssClass\r\n * @param isBuyOnline\r\n * @returns {JSX.Element}\r\n * @constructor\r\n */\r\nconst BuyButtonWrapper = function ({\r\n    productItem,\r\n    isProductPage,\r\n    cssClass = '',\r\n    isBuyOnline = null,\r\n    noneFoundClass = '',\r\n    labelAndIcon = null,\r\n    openMiniCartAtCheckout = true\r\n}) {\r\n    if (typeof productItem === 'undefined') return null;\r\n\r\n    let isBuyableProduct = productItem.isBuyable && isBuyOnline === false;\r\n    let canBuyOnline = productItem.showBuyButton && ((isBuyOnline !== null && isBuyOnline) || productItem.useVariantUrl) && productItem.isInStock;\r\n    let label = isProductPage ? isBuyableProduct\r\n        ? (productItem.isInStock ? translate('buybutton') : translate('isoutofstock'))\r\n        : (canBuyOnline || (isBuyOnline !== null && isBuyOnline) ? translate('buyorproductsonlineheader') : \"product.show\") : null;\r\n\r\n    if (labelAndIcon !== null) {\r\n        label = labelAndIcon.label;\r\n    }\r\n\r\n    let href = '#';\r\n    let quantityFieldId = '';\r\n\r\n    cssClass = `button ${canBuyOnline || (isBuyOnline !== null && isBuyOnline) ? \"buy-button\" : \"show-button\"} ${cssClass} ${isProductPage ? \"\" : \"muurikka-btn--red quick-buy-button\"}`.trim();\r\n    cssClass += ` ${noneFoundClass}`;\r\n\r\n    let enabled = !(!productItem.url || !productItem.price.hasPrice || !productItem.isInStock || !isBuyableProduct);\r\n    let articleNumber = enabled && (canBuyOnline || isBuyableProduct) ? productItem.id : '';\r\n\r\n    if (canBuyOnline || isBuyableProduct) {\r\n        if (enabled) {\r\n            quantityFieldId = productItem.showQuantityField ? productItem.quantityFieldId : '';\r\n        } else {\r\n            cssClass += \" disabled\";\r\n        }\r\n    } else {\r\n        if (isBuyOnline !== null && isBuyOnline) {\r\n            cssClass += \" disabled\";\r\n        }\r\n    }\r\n\r\n    let trackingProduct = productItem.trackingProduct;\r\n    let newProps = { label, articleNumber, quantityFieldId, href, cssClass, labelAndIcon, trackingProduct, openMiniCartAtCheckout };\r\n    return <BuyButtonContainer {...newProps} />\r\n}\r\n\r\nexport default BuyButtonWrapper;\r\n","import React from 'react';\r\n/* global showResellers, SetProductLink, showConfirmation */\r\n\r\nimport {translate} from \"../Services/translation\";\r\nimport BuyButtonWrapper from \"./BuyButtonExtension\";\r\n\r\nconst BuyOnline = function ({isMuurikka, productOnlineResellers, productItem}) {\r\n    return (\r\n        <div id=\"BuyOnlinePopup\"\r\n            className=\"product-detail__buy popup hide buy-online-popup\"\r\n            style={{width: '100%', background: 'rgba(0, 0, 0, 0.2)'}}\r\n            onClick={() => window.showResellers(productItem.isBuyable)}\r\n        >\r\n            <div className=\"cart__outerdiv\">\r\n                <a className=\"cart__closenullarea\" onClick={() => showResellers(productItem.isBuyable)}> </a>\r\n            </div>\r\n\r\n            <div id=\"Container\" className=\"product-detail__container\" onClick={e => e.stopPropagation()}>\r\n                <div className=\"product-detail__buy-heading\">\r\n                    <h6 className=\"buy-text\">{translate('buyorproductsonlineheader')}</h6>\r\n                    <a href=\"#\" className=\"close\" onClick={(e) => {\r\n                        e.preventDefault();\r\n                        showResellers(productItem.isBuyable)\r\n                    }}>\r\n                        &#10006;\r\n                    </a>\r\n                </div>\r\n\r\n                <input id=\"hdncartQty\" type=\"hidden\"/>\r\n                <div className=\"resellers-container\">\r\n                    <input id=\"hdnHref\" type=\"hidden\"/>\r\n\r\n                    {productOnlineResellers.length > 0 && productOnlineResellers.map(item => \r\n                        <div className=\"store-button onlinediv\" key={item.customerNumber}>\r\n                            <img src={item.logoUrl} alt={item.name} />\r\n                            <a href=\"#\" id=\"onlineResellers\"\r\n                                className=\"habo-button--white onlinelink\"\r\n                                onClick={() => window.setProductLink(item.productLink)}\r\n                            >\r\n                                {translate('buyorproductsonlinelinktext')}\r\n                            </a>\r\n                        </div>\r\n                    )}\r\n                    <div id=\"divHaboProducts\">\r\n                        <div className=\"product-detail__buy-heading\">\r\n                            <h6 className=\"buy-text\">{translate('product.buyproductsheader')}</h6>\r\n                        </div>\r\n                        <div className=\"store-button onlinediv\">\r\n                            {/*@Html.ImageFor(x => Model.ProductItem.Logo, maxSize: new Size(2, produ*/}\r\n                            <a href=\"#\" className=\"habo-button--white onlinelink\" onClick={() => showConfirmation()}>\r\n                                {translate('buyproductsconfirmationlinktext')}\r\n                            </a>\r\n\r\n                            {productItem.isBuyable && \r\n                                <div>\r\n                                    <BuyButtonWrapper />\r\n                                </div>\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default BuyOnline;\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport BuyOnline from \"../Components/BuyOnline\";\r\n\r\nlet BuyOnlineContainer = function(props) {\r\n    return <BuyOnline {...props} />;\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n    return {\r\n        productResellers: state.resellerProduct.productResellers,\r\n        productOnlineResellers: state.resellerProduct.productOnlineResellers,\r\n        resellerCountries: state.resellerProduct.resellerCountries,\r\n    }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {}\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(BuyOnlineContainer);\r\n","import React from 'react';\r\nimport BuyOnlineContainer from \"../Containers/BuyOnline.container\";\r\nimport BuyButtonWrapper from \"./BuyButtonExtension\";\r\n\r\nconst ProductPageBuyButtons = function (props) {\r\n    const {\r\n        isMuurikka,\r\n        isProductPage,\r\n        productItem,\r\n        productOnlineResellers,\r\n        noneFoundClass,\r\n        labelAndIcon,\r\n        openMiniCartAtCheckout = true\r\n    } = props;\r\n\r\n    if (labelAndIcon.isLoading && !isMuurikka) {\r\n        return (\r\n            <div className=\"find-reseller\">\r\n                <a className={`button product-detail__buy-button product-detail__buy-button--loading`} href=\"#\">\r\n                    {labelAndIcon.icon}\r\n                    {labelAndIcon.label}\r\n                </a>\r\n            </div>\r\n        );\r\n    }\r\n    \r\n    return (\r\n        <>\r\n            {isMuurikka ? \r\n                <>\r\n                    {productItem.showBuyButtonChannel && \r\n                        <div className=\"find-reseller\"\r\n                            onClick={e => {\r\n                                e.preventDefault();\r\n\r\n                                if (productItem.isBuyable && isProductPage) {\r\n                                    window.showResellers(!productItem.isBuyable);\r\n                                }\r\n                            }}\r\n                        >\r\n                            <BuyButtonWrapper {...{\r\n                                productItem,\r\n                                isProductPage,\r\n                                openMiniCartAtCheckout,\r\n                                cssClass: \"product-detail__buy-button muurikka-btn muurikka-btn--red\",\r\n                                isBuyOnline: !(!productOnlineResellers.length > 0 && productItem.isBuyable)\r\n                            }} />\r\n                        </div>\r\n                    }\r\n                </>\r\n                : \r\n                <div className=\"find-reseller\"\r\n                    onClick={e => {\r\n                        if (!productOnlineResellers.length) return;\r\n                        e.preventDefault();\r\n                        window.showResellers(productItem.isBuyable)\r\n                    }}\r\n                >\r\n                    <BuyButtonWrapper {...{\r\n                        productItem: productItem,\r\n                        cssClass: \"product-detail__buy-button\",\r\n                        isBuyOnline: true,\r\n                        openMiniCartAtCheckout: false,\r\n                        labelAndIcon,\r\n                        noneFoundClass\r\n                    }} />\r\n                </div>\r\n            }\r\n\r\n            {(!isMuurikka || productItem.isInStock) && \r\n                <BuyOnlineContainer {...props}/>\r\n            }\r\n        </>\r\n    );\r\n}\r\n\r\nexport default ProductPageBuyButtons;\r\n","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport ProductPageBuyButtons from \"../Components/ProductPageBuyButtons\";\r\nimport {translate} from \"../Services/translation\";\r\nimport {RESELLER_FETCH_STATUSES} from \"../Actions/ResellerGoogleMapProduct.action\";\r\n\r\nlet ProductPageBuyButtonsContainer = function ({\r\n    isMuurikka,\r\n    isProductPage,\r\n    status,\r\n    productItem,\r\n    productOnlineResellers,\r\n    iconColor = 'white',\r\n    openMiniCartAtCheckout = false\r\n}) {\r\n    let errorIconClass = `error-icon-${iconColor}`\r\n    let noneFoundClass = productOnlineResellers.length ? '' : 'find-store--none-found';\r\n\r\n    /**\r\n     * @type {{icon: string, label: {string|JSX.Element}}}\r\n     */\r\n    let labelAndIcon = {\r\n        label: translate('reseller.online.stores.fetching'),\r\n        icon: '',\r\n        stateClass: `find-store--${status}`,\r\n        isLoading: status === RESELLER_FETCH_STATUSES.LOADING\r\n    }\r\n\r\n    switch (status) {\r\n        case RESELLER_FETCH_STATUSES.FULFILLED:\r\n            let textId = productOnlineResellers.length ?\r\n                (isMuurikka ? 'reseller.stores.find' : 'buyorproductsonlineheader') :\r\n                'reseller.online.stores.not.found';\r\n            let iconClass = productOnlineResellers.length ? 'buy-icon' : errorIconClass;\r\n\r\n            labelAndIcon.label = translate(textId);\r\n            labelAndIcon.icon = <span className={iconClass}></span>;\r\n            break;\r\n\r\n        case RESELLER_FETCH_STATUSES.ERROR:\r\n            labelAndIcon.label = translate('reseller.stores.fetching.error');\r\n            labelAndIcon.icon = <span className={errorIconClass}></span>;\r\n            break;\r\n\r\n        case RESELLER_FETCH_STATUSES.LOADING:\r\n            labelAndIcon.label = translate('reseller.online.stores.fetching');\r\n            labelAndIcon.icon = <span className='reseller-stores-loading'><div></div></span>;\r\n    }\r\n\r\n    return <ProductPageBuyButtons {...{\r\n        isMuurikka,\r\n        isProductPage,\r\n        status,\r\n        labelAndIcon,\r\n        productItem,\r\n        productOnlineResellers,\r\n        iconColor,\r\n        noneFoundClass,\r\n        openMiniCartAtCheckout\r\n    }} />;\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n    return {\r\n        status: state.resellerProduct.status,\r\n        productResellers: state.resellerProduct.productResellers,\r\n        productOnlineResellers: state.resellerProduct.productOnlineResellers,\r\n        resellerCountries: state.resellerProduct.resellerCountries,\r\n    }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {}\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ProductPageBuyButtonsContainer);\r\n"],"sourceRoot":""}