{"version":3,"file":"978.0bd034d9b589a457.js","mappings":"uJAEA,MA4BA,EA5BwBA,IAErBA,EAAMC,QAAUD,EAAMC,OAAOC,OAAS,EACrCC,EAAAA,cAACC,EAAAA,SAAQ,MAETD,EAAAA,cAACC,EAAAA,SAAQ,KACPD,EAAAA,cAAA,OAAKE,UAAU,sBAQbF,EAAAA,cAAA,OAAKE,UAAU,sBACZL,EAAMC,OAAOK,KAAI,CAACC,EAAOC,IACxBL,EAAAA,cAAA,OAAKE,UAAU,gBAAgBI,IAAKD,GAClCL,EAAAA,cAAA,KAAG,WAAUI,EAAMG,IAAKC,SAAS,MAAMC,QAASA,IAAMZ,EAAMa,iBAAiBL,IAC3EL,EAAAA,cAAA,OAAAW,EAAAA,EAAAA,GAAA,CAAKT,UAAU,+BAA+BM,SAAS,QAAQD,IAAKV,EAAMe,WAAWP,GAAOE,KAAUV,EAAMe,WAAWP,GAAOQ,KAAsC,IAA/BhB,EAAMe,WAAWP,GAAOQ,KAAa,CAAEA,IAAKhB,EAAMe,WAAWP,GAAOQ,c,eCfzN,MAqBA,GAAeC,EAAAA,EAAAA,KAnBUC,IACd,CACHC,OAAQD,EAAME,eAAeC,QAC7BC,aAAcJ,EAAME,eAAeZ,UAIhBe,IAChB,CACHC,QAASA,IAAMD,GAASE,EAAAA,EAAAA,KAAK,IAC7BC,YAAaA,IAAMH,GAASI,EAAAA,EAAAA,OAC5BC,YAAaA,IAAML,GAASM,EAAAA,EAAAA,OAC5BhB,iBAAmBL,IACfe,GAASE,EAAAA,EAAAA,KAAK,IACdF,GAASO,EAAAA,EAAAA,IAAgBtB,GAAO,KAK5C,EArBgCR,GAASG,EAAAA,cAAC4B,EAAmB/B,I","sources":["webpack:///./Scripts/Components/LightboxImages.js","webpack:///./Scripts/Containers/LightboxImages.container.js"],"sourcesContent":["import React, { Fragment } from 'react';\r\n\r\nconst LightboxImages = (props) =>\r\n\r\n  !props.images || props.images.length < 1 ? (\r\n    <Fragment />\r\n  ) : (\r\n    <Fragment>\r\n      <div className='row product-images'>\r\n        {/* <div className='small-12 large-9 columns large-order-1'>\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-image-list'>\r\n          {props.images.map((image, index) => (\r\n            <div className='product-image' key={index}>\r\n              <a data-src={image.src} itemProp='url' onClick={() => props.onClickThumbnail(index)}>\r\n                <img className='product-detail__image--alter' itemProp='image' src={props.thumbnails[index].src} {...(props.thumbnails[index].alt && props.thumbnails[index].alt != '' && { alt: props.thumbnails[index].alt })} />\r\n              </a>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n      {/*<Lightbox showThumbnails={true} showImageCount={false} {...props} />*/}\r\n    </Fragment>\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);"],"names":["props","images","length","React","Fragment","className","map","image","index","key","src","itemProp","onClick","onClickThumbnail","_extends","thumbnails","alt","connect","state","isOpen","lightboxImages","visible","currentImage","dispatch","onClose","show","onClickNext","next","onClickPrev","previous","setCurrentIndex","LightboxImages"],"sourceRoot":""}