{"version":3,"file":"910.de1b43cc1c24e22d.js","mappings":"wMAmCA,QAhCuB,SAAAA,GAAK,IAAAC,EAAA,OACvBD,EAAME,QAAUF,EAAME,OAAOC,OAAS,EAAIC,IAAAA,cAACC,EAAAA,SAAQ,MACpDD,IAAAA,cAACC,EAAAA,SAAQ,KACLD,IAAAA,cAAA,OAAKE,UAAU,kBACXF,IAAAA,cAAA,OAAKE,UAAU,YACXF,IAAAA,cAAA,UAAQE,UAAU,mCACdF,IAAAA,cAAA,KAAG,WAAUJ,EAAME,OAAO,GAAGK,IAAKC,SAAS,MAAMC,QAAS,WAAF,OAAQT,EAAMU,iBAAiB,EAAE,EAAEJ,UAAU,iBACjGF,IAAAA,cAAA,OAAKE,UAAU,8BAA8BE,SAAS,QAAQD,IAAKP,EAAMW,WAAW,GAAGJ,SAInGH,IAAAA,cAAA,OAAKE,UAAU,YACXF,IAAAA,cAAA,OAAKE,UAAU,iCACVM,IAAAX,EAAAD,EAAME,QAAMW,KAAAZ,GAAK,SAACa,EAAOC,GAAK,OAC3BA,EAAQ,GACRX,IAAAA,cAAA,OAAKE,UAAU,0CAA0CU,IAAKD,GAC1DX,IAAAA,cAAA,KAAG,WAAUU,EAAMP,IAAKC,SAAS,MAAMC,QAAS,WAAF,OAAQT,EAAMU,iBAAiBK,EAAM,EAAET,UAAU,iBAC3FF,IAAAA,cAAA,OAAKE,UAAU,+BAA+BE,SAAS,QAAQD,IAAKP,EAAMW,WAAWI,GAAOR,OAE9F,OAKtBH,IAAAA,cAACa,EAAAA,EAAQC,IAAA,CACLC,gBAAgB,EAChBC,gBAAgB,GACZpB,IAED,E,cCNf,SAAeqB,EAAAA,EAAAA,KAnBS,SAACC,GACrB,MAAO,CACHC,OAAQD,EAAME,eAAeC,QAC7BC,aAAcJ,EAAME,eAAeT,MAE3C,IAE2B,SAAAY,GACvB,MAAO,CACHC,QAAS,WAAF,OAAQD,GAASE,EAAAA,EAAAA,KAAK,GAAO,EACpCC,YAAa,WAAF,OAAQH,GAASI,EAAAA,EAAAA,MAAO,EACnCC,YAAa,WAAF,OAAQL,GAASM,EAAAA,EAAAA,MAAW,EACvCvB,iBAAkB,SAACK,GACfY,GAASE,EAAAA,EAAAA,KAAK,IACdF,GAASO,EAAAA,EAAAA,IAAgBnB,GAC7B,EAER,GAEA,EArBgC,SAAAf,GAAK,OAAII,IAAAA,cAAC+B,EAAmBnC,EAAS,G","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=\"product-images\">\n <div className=\"small-12\">\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\">\n <div className=\"product-detail__thumbnail-row\">\n {props.images.map((image, index) => (\n index > 0 &&\n <div className=\"product-detail__image-container columns\" 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 <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":""}