{"version":3,"sources":["webpack:///./Scripts/Components/LightboxImages.js","webpack:///./Scripts/Containers/LightboxImages.container.js"],"names":["LightboxImages","props","_context","images","length","React","createElement","Fragment","className","data-src","src","itemProp","onClick","onClickThumbnail","thumbnails","_mapInstanceProperty","call","image","index","key","Lightbox","_extends","showThumbnails","showImageCount","connect","state","isOpen","lightboxImages","visible","currentImage","dispatch","onClose","show","onClickNext","next","onClickPrev","previous","setCurrentIndex"],"mappings":"qLAiCeA,EA9BQ,SAAAC,GAAK,IAAAC,EAAA,OACvBD,EAAME,QAAUF,EAAME,OAAOC,OAAS,EAAIC,IAAAC,cAACC,WAAQ,MACpDF,IAAAC,cAACC,WAAQ,KACLF,IAAAC,cAAA,OAAKE,UAAU,kBACXH,IAAAC,cAAA,OAAKE,UAAU,uBACXH,IAAAC,cAAA,UAAQE,UAAU,mCACdH,IAAAC,cAAA,KAAGG,WAAUR,EAAME,OAAO,GAAGO,IAAKC,SAAS,MAAMC,QAAS,WAAF,OAAQX,EAAMY,iBAAiB,IAAIL,UAAU,iBACjGH,IAAAC,cAAA,OAAKE,UAAU,8BAA8BG,SAAS,QAAQD,IAAKT,EAAMa,WAAW,GAAGJ,SAInGL,IAAAC,cAAA,OAAKE,UAAU,yBACVO,IAAAb,EAAAD,EAAME,QAAMa,KAAAd,GAAK,SAACe,EAAOC,GAAK,OAC3BA,EAAQ,GACRb,IAAAC,cAAA,OAAKE,UAAU,mDAAmDW,IAAKD,GACnEb,IAAAC,cAAA,KAAGG,WAAUQ,EAAMP,IAAKC,SAAS,MAAMC,QAAS,WAAF,OAAQX,EAAMY,iBAAiBK,IAAQV,UAAU,iBAC3FH,IAAAC,cAAA,OAAKE,UAAU,+BAA+BG,SAAS,QAAQD,IAAKT,EAAMa,WAAWI,GAAOR,aAMhHL,IAAAC,cAACc,IAAQC,IAAA,CACLC,gBAAgB,EAChBC,gBAAgB,GACZtB,M,SCFDuB,uBAnBS,SAACC,GACrB,MAAO,CACHC,OAAQD,EAAME,eAAeC,QAC7BC,aAAcJ,EAAME,eAAeT,UAIhB,SAAAY,GACvB,MAAO,CACHC,QAAS,WAAF,OAAQD,EAASE,aAAK,KAC7BC,YAAa,WAAF,OAAQH,EAASI,gBAC5BC,YAAa,WAAF,OAAQL,EAASM,gBAC5BvB,iBAAkB,SAACK,GACfY,EAASE,aAAK,IACdF,EAASO,YAAgBnB,QAKtBM,EArBiB,SAAAvB,GAAK,OAAII,IAAAC,cAACN,EAAmBC","file":"12.32d37aff7678ba6c3d4a.js","sourcesContent":["import React, { Fragment } from 'react';\r\nimport Lightbox from 'react-images';\r\n\r\nconst LightboxImages = props => (\r\n    !props.images || props.images.length < 1 ? <Fragment /> :\r\n    <Fragment>\r\n        <div className=\"product-images\">\r\n            <div className=\"product-images--big\">\r\n                <figure className=\"product-detail__image-container\">\r\n                    <a data-src={props.images[0].src} itemProp=\"url\" onClick={() => props.onClickThumbnail(0)} className=\"product-image\">\r\n                        <img className=\"product-detail__image--main\" itemProp=\"image\" src={props.thumbnails[0].src} />\r\n                    </a>\r\n                </figure>\r\n            </div>\r\n            <div className=\"product-images--small\">\r\n                {props.images.map((image, index) => (\r\n                    index > 0 &&\r\n                    <div className=\"product-detail__image-container columns large-12\" key={index}>\r\n                        <a data-src={image.src} itemProp=\"url\" onClick={() => props.onClickThumbnail(index)} className=\"product-image\">\r\n                            <img className=\"product-detail__image--alter\" itemProp=\"image\" src={props.thumbnails[index].src} />\r\n                        </a>\r\n                    </div>\r\n                ))}\r\n            </div>\r\n        </div>\r\n        <Lightbox \r\n            showThumbnails={true}\r\n            showImageCount={false}\r\n            {...props}\r\n        />\r\n    </Fragment>\r\n)\r\n\r\nexport default LightboxImages;","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":""}