{"version":3,"file":"978.971b43cdcba8cd1c.js","mappings":"kKAGA,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,aAMnNb,EAAAA,cAACc,EAAAA,IAAQH,EAAAA,EAAAA,GAAA,CAACI,gBAAgB,EAAMC,gBAAgB,GAAWnB,K,eCtBjE,MAqBA,GAAeoB,EAAAA,EAAAA,KAnBUC,IACd,CACHC,OAAQD,EAAME,eAAeC,QAC7BC,aAAcJ,EAAME,eAAef,UAIhBkB,IAChB,CACHC,QAASA,IAAMD,GAASE,EAAAA,EAAAA,KAAK,IAC7BC,YAAaA,IAAMH,GAASI,EAAAA,EAAAA,OAC5BC,YAAaA,IAAML,GAASM,EAAAA,EAAAA,OAC5BnB,iBAAmBL,IACfkB,GAASE,EAAAA,EAAAA,KAAK,IACdF,GAASO,EAAAA,EAAAA,IAAgBzB,GAAO,KAK5C,EArBgCR,GAASG,EAAAA,cAAC+B,EAAmBlC,I","sources":["webpack:///./Scripts/Components/LightboxImages.js","webpack:///./Scripts/Containers/LightboxImages.container.js"],"sourcesContent":["import React, { Fragment } from \"react\";\r\nimport Lightbox from \"react-images\";\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","Lightbox","showThumbnails","showImageCount","connect","state","isOpen","lightboxImages","visible","currentImage","dispatch","onClose","show","onClickNext","next","onClickPrev","previous","setCurrentIndex","LightboxImages"],"sourceRoot":""}