{"version":3,"file":"978.db6675801efcb50b.js","mappings":"+LAGA,MAkCA,EAlCuBA,IAAK,IAAAC,EAAA,OACvBD,EAAME,QAAUF,EAAME,OAAOC,OAAS,EAAIC,EAAAA,cAACC,EAAAA,SAAQ,MACpDD,EAAAA,cAACC,EAAAA,SAAQ,KACLD,EAAAA,cAAA,OAAKE,UAAU,iBACXF,EAAAA,cAAA,OAAKE,UAAU,sBACXF,EAAAA,cAAA,OAAKE,UAAU,6BACXF,EAAAA,cAAA,UAAQE,UAAU,mCACdF,EAAAA,cAAA,KAAG,WAAUJ,EAAME,OAAO,GAAGK,IAAKC,SAAS,MAAMC,QAASA,IAAMT,EAAMU,iBAAiB,GAAIJ,UAAU,iBACjGF,EAAAA,cAAA,OAAKE,UAAU,8BAA8BE,SAAS,QAAQD,IAAKP,EAAMW,WAAW,GAAGJ,SAInGH,EAAAA,cAAA,OAAKE,UAAU,+DACXF,EAAAA,cAAA,OAAKE,UAAU,OACVM,IAAAX,EAAAD,EAAME,QAAMW,KAAAZ,GAAK,CAACa,EAAOC,IACtBA,EAAQ,GACRX,EAAAA,cAAA,OAAKE,UAAU,kCAAkCU,IAAKD,GAClDX,EAAAA,cAAA,KAAG,WAAUU,EAAMP,IAAKC,SAAS,MAAMC,QAASA,IAAMT,EAAMU,iBAAiBK,GAAQT,UAAU,iBAC3FF,EAAAA,cAAA,OAAKE,UAAU,+BAA+BE,SAAS,QAAQD,IAAKP,EAAMW,WAAWI,GAAOR,cAQxHH,EAAAA,cAACa,EAAAA,EAAQC,IAAA,CACLC,gBAAgB,EAChBC,gBAAgB,GACZpB,IAED,E,eC7Bf,MAqBA,GAAeqB,EAAAA,EAAAA,KAnBUC,IACd,CACHC,OAAQD,EAAME,eAAeC,QAC7BC,aAAcJ,EAAME,eAAeT,UAIhBY,IAChB,CACHC,QAASA,IAAMD,GAASE,EAAAA,EAAAA,KAAK,IAC7BC,YAAaA,IAAMH,GAASI,EAAAA,EAAAA,OAC5BC,YAAaA,IAAML,GAASM,EAAAA,EAAAA,OAC5BvB,iBAAmBK,IACfY,GAASE,EAAAA,EAAAA,KAAK,IACdF,GAASO,EAAAA,EAAAA,IAAgBnB,GAAO,KAK5C,EArBgCf,GAASI,EAAAA,cAAC+B,EAAmBnC,I","sources":["webpack:///./Scripts/Components/LightboxImages.js","webpack:///./Scripts/Containers/LightboxImages.container.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport Lightbox from 'react-images';\n\nconst LightboxImages = props => (\n !props.images || props.images.length < 1 ? <Fragment /> :\n <Fragment>\n <div className=\"image-wrapper\">\n <div className=\"row product-images\">\n <div className=\"small-12 large-12 columns\">\n <figure className=\"product-detail__image-container\">\n <a data-src={props.images[0].src} itemProp=\"url\" onClick={() => props.onClickThumbnail(0)} className=\"product-image\">\n <img className=\"product-detail__image--main\" itemProp=\"image\" src={props.thumbnails[0].src} />\n </a>\n </figure>\n </div>\n <div className=\"small-12 large-12 columns medium-flex-dir-column thumbnails\">\n <div className=\"row\">\n {props.images.map((image, index) => (\n index > 0 &&\n <div className=\"product-detail__image-container\" key={index}>\n <a data-src={image.src} itemProp=\"url\" onClick={() => props.onClickThumbnail(index)} className=\"product-image\">\n <img className=\"product-detail__image--alter\" itemProp=\"image\" src={props.thumbnails[index].src} />\n </a>\n </div>\n ))}\n </div>\n </div>\n </div>\n </div>\n <Lightbox \n showThumbnails={true}\n showImageCount={false}\n {...props}\n />\n </Fragment>\n)\n\nexport default LightboxImages;","import React from 'react';\nimport { connect } from 'react-redux';\nimport LightboxImages from '../Components/LightboxImages';\nimport { setCurrentIndex, show, previous, next } from '../Actions/LightboxImages.action';\n\nconst LightboxImagesContainer = props => <LightboxImages {...props} />;\n\nconst mapStateToProps = (state) => {\n return {\n isOpen: state.lightboxImages.visible,\n currentImage: state.lightboxImages.index,\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n onClose: () => dispatch(show(false)),\n onClickNext: () => dispatch(next()),\n onClickPrev: () => dispatch(previous()),\n onClickThumbnail: (index) => {\n dispatch(show(true));\n dispatch(setCurrentIndex(index));\n },\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(LightboxImagesContainer);"],"names":["props","_context","images","length","React","Fragment","className","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","LightboxImages"],"sourceRoot":""}