{"version":3,"sources":["webpack:///./Scripts/Components/ProductSlider.js","webpack:///./Scripts/Components/LightboxImages.js","webpack:///./Scripts/Containers/LightboxImages.container.js"],"names":["ProductSlider","props","_context","React","createElement","className","Carousel","breakPoints","width","itemsToShow","itemsToScroll","showArrows","_mapInstanceProperty","media","call","mediaItem","index","_context2","mediaElement","dataset","tagtype","_Object$assign","apply","Object","_concatInstanceProperty","_toConsumableArray","_Array$from","attributes","_ref","name","value","_defineProperty","key","LightboxImages","_context3","length","Fragment","id","src","alt","_context4","_ref3","Lightbox","_extends","showThumbnails","showImageCount","connect","state","isOpen","lightboxImages","visible","currentImage","dispatch","onClose","show","onClickNext","next","onClickPrev","previous","onClickThumbnail","setCurrentIndex"],"mappings":"qRA8BeA,MA3Bf,SAAuBC,GAAO,IAAAC,EAO1B,OACIC,IAAAC,cAAA,OAAKC,UAAU,wBACXF,IAAAC,cAACE,IAAQ,CAACC,YARE,CAChB,CAAEC,MAAO,EAAGC,YAAa,GACzB,CAAED,MAAO,IAAKC,YAAa,EAAGC,cAAe,GAC7C,CAAEF,MAAO,IAAKC,YAAa,GAC3B,CAAED,MAAO,KAAMC,YAAa,IAIYE,YAAY,GAC3CC,IAAAV,EAAAD,EAAMY,OAAKC,KAAAZ,GAAK,SAACa,EAAWC,GAAU,IAAAC,EAC7BC,EAAef,IAAMC,cACvBW,EAAUI,QAAQC,QAClBC,IAAAC,MAAAC,OAAMC,IAAAP,EAAA,CACF,KAAEH,KAAAG,EAAAQ,IACCC,IACCX,EAAUY,YACV,SAAAC,GAAA,IAAGC,EAAID,EAAJC,KAAMC,EAAKF,EAALE,MAAK,OAAAC,IAAA,GAAWF,EAAOC,UAI5C,OAAO3B,IAAAC,cAAA,OAAK4B,IAAKhB,GAAQE,SCoD9Be,EAxEQ,SAAAhC,GAAK,IAAAC,EAAAgC,EAAA,OACvBjC,EAAMY,OAASZ,EAAMY,MAAMsB,OAAS,EACjChC,IAAAC,cAAAD,IAAAiC,SAAA,MAEAjC,IAAAC,cAAAD,IAAAiC,SAAA,KACIjC,IAAAC,cAAA,OACIiC,GAAG,wBACHhC,UAC0B,GAAtBJ,EAAMY,MAAMsB,OACN,0CACA,4BAGTvB,IAAAV,EAAAD,EAAMY,OAAKC,KAAAZ,GAAK,SAACa,EAAWC,GAAU,IAAAC,EAC7BC,EAAef,IAAMC,cACvBW,EAAUI,QAAQC,QAClBC,IAAAC,MAAAC,OAAMC,IAAAP,EAAA,CACF,KAAEH,KAAAG,EAAAQ,IACCC,IACCX,EAAUY,YACV,SAAAC,GAAA,IAAGC,EAAID,EAAJC,KAAMC,EAAKF,EAALE,MAAK,OAAAC,IAAA,GAAWF,EAAOC,UAK5C,OACI3B,IAAAC,cAAA,UACI4B,IAAKhB,EACLX,UAAU,mCAETa,OAKjBf,IAAAC,cAAA,OAAKiC,GAAG,oBAAoBhC,UAAU,2BAClCF,IAAAC,cAAA,OAAKiC,GAAG,mBAAmBhC,UAAU,oBACjCF,IAAAC,cAAA,OAAKkC,IAAI,6BAA6BC,IAAI,gBAE9CpC,IAAAC,cAAA,OAAKC,UAAU,2BACVO,IAAAsB,EAAAjC,EAAMY,OAAKC,KAAAoB,GAAK,SAACnB,EAAWC,GAAU,IAAAwB,EAC7BtB,EAAef,IAAMC,cACvBW,EAAUI,QAAQC,QAClBC,IAAAC,MAAAC,OAAMC,IAAAgB,EAAA,CACF,KAAE1B,KAAA0B,EAAAf,IACCC,IACCX,EAAUY,YACV,SAAAc,GAAA,IAAGZ,EAAIY,EAAJZ,KAAMC,EAAKW,EAALX,MAAK,OAAAC,IAAA,GAAWF,EAAOC,UAK5C,OACI3B,IAAAC,cAAA,UACI4B,IAAKhB,EACLX,UAAU,mCAETa,QAMrBf,IAAAC,cAACsC,IAAQC,IAAA,CACLC,gBAAgB,EAChBC,gBAAgB,GACZ5C,IAERE,IAAAC,cAACJ,EAAkBC,K,SC9ChB6C,uBAnBS,SAACC,GACrB,MAAO,CACHC,OAAQD,EAAME,eAAeC,QAC7BC,aAAcJ,EAAME,eAAejC,UAIhB,SAAAoC,GACvB,MAAO,CACHC,QAAS,WAAF,OAAQD,EAASE,aAAK,KAC7BC,YAAa,WAAF,OAAQH,EAASI,gBAC5BC,YAAa,WAAF,OAAQL,EAASM,gBAC5BC,iBAAkB,SAAC3C,GACfoC,EAASE,aAAK,IACdF,EAASQ,YAAgB5C,QAKtB8B,EArBiB,SAAA7C,GAAK,OAAIE,IAAAC,cAAC6B,EAAmBhC","file":"30.5ceb6eb56631cc09635c.js","sourcesContent":["import React from 'react';\r\nimport Carousel from 'react-elastic-carousel';\r\n\r\nfunction ProductSlider(props) {\r\n    const breakPoints = [\r\n        { width: 1, itemsToShow: 1 },\r\n        { width: 550, itemsToShow: 2, itemsToScroll: 2 },\r\n        { width: 768, itemsToShow: 3 },\r\n        { width: 1200, itemsToShow: 4 },\r\n    ];\r\n    return (\r\n        <div className=\"product-slider-react\">\r\n            <Carousel breakPoints={breakPoints} showArrows={false}>\r\n                {props.media.map((mediaItem, index) => {\r\n                    const mediaElement = React.createElement(\r\n                        mediaItem.dataset.tagtype,\r\n                        Object.assign(\r\n                            {},\r\n                            ...Array.from(\r\n                                mediaItem.attributes,\r\n                                ({ name, value }) => ({ [name]: value }),\r\n                            ),\r\n                        ),\r\n                    );\r\n                    return <div key={index}>{mediaElement}</div>;\r\n                })}\r\n            </Carousel>\r\n        </div>\r\n    );\r\n}\r\nexport default ProductSlider;\r\n","import React, { Fragment } from 'react';\r\nimport Lightbox from 'react-images';\r\nimport ProductSlider from '../Components/ProductSlider';\r\n\r\nconst LightboxImages = props =>\r\n    !props.media || props.media.length < 1 ? (\r\n        <></>\r\n    ) : (\r\n        <>\r\n            <div\r\n                id=\"product-images-slider\"\r\n                className={\r\n                    props.media.length == 1\r\n                        ? 'product-images-container only-one-image'\r\n                        : 'product-images-container'\r\n                }\r\n            >\r\n                {props.media.map((mediaItem, index) => {\r\n                    const mediaElement = React.createElement(\r\n                        mediaItem.dataset.tagtype,\r\n                        Object.assign(\r\n                            {},\r\n                            ...Array.from(\r\n                                mediaItem.attributes,\r\n                                ({ name, value }) => ({ [name]: value }),\r\n                            ),\r\n                        ),\r\n                    );\r\n\r\n                    return (\r\n                        <figure\r\n                            key={index}\r\n                            className=\"product-detail__image-container\"\r\n                        >\r\n                            {mediaElement}\r\n                        </figure>\r\n                    );\r\n                })}\r\n            </div>\r\n            <div id=\"supersized-images\" className=\"supersize-images closed\">\r\n                <div id=\"supersize-closer\" className=\"supersize-closer\">\r\n                    <img src=\"/ui/images/close_black.svg\" alt=\"Close icon\" />\r\n                </div>\r\n                <div className=\"supersize-image-wrapper\">\r\n                    {props.media.map((mediaItem, index) => {\r\n                        const mediaElement = React.createElement(\r\n                            mediaItem.dataset.tagtype,\r\n                            Object.assign(\r\n                                {},\r\n                                ...Array.from(\r\n                                    mediaItem.attributes,\r\n                                    ({ name, value }) => ({ [name]: value }),\r\n                                ),\r\n                            ),\r\n                        );\r\n\r\n                        return (\r\n                            <figure\r\n                                key={index}\r\n                                className=\"product-detail__image-container\"\r\n                            >\r\n                                {mediaElement}\r\n                            </figure>\r\n                        );\r\n                    })}\r\n                </div>\r\n            </div>\r\n            <Lightbox\r\n                showThumbnails={false}\r\n                showImageCount={false}\r\n                {...props}\r\n            />\r\n            <ProductSlider {...props} />\r\n        </>\r\n    );\r\n\r\nexport default LightboxImages;\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport LightboxImages from '../Components/LightboxImages';\r\nimport { setCurrentIndex, show, previous, next } from '../Actions/LightboxImages.action';\r\n\r\nconst LightboxImagesContainer = props => <LightboxImages {...props} />;\r\n\r\nconst mapStateToProps = (state) => {\r\n    return {\r\n        isOpen: state.lightboxImages.visible,\r\n        currentImage: state.lightboxImages.index,\r\n    }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {\r\n        onClose: () => dispatch(show(false)),\r\n        onClickNext: () => dispatch(next()),\r\n        onClickPrev: () => dispatch(previous()),\r\n        onClickThumbnail: (index) => {\r\n            dispatch(show(true));\r\n            dispatch(setCurrentIndex(index));\r\n        },\r\n    }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(LightboxImagesContainer);"],"sourceRoot":""}