{"version":3,"sources":["webpack:///./Scripts/Components/LightboxImages.js","webpack:///./Scripts/Containers/LightboxImages.container.js"],"names":["LightboxImages","props","images","length","className","data-src","src","itemProp","onClick","onClickThumbnail","thumbnails","image","index","key","showThumbnails","showImageCount","connect","state","isOpen","lightboxImages","visible","currentImage","dispatch","onClose","show","onClickNext","next","onClickPrev","previous","setCurrentIndex"],"mappings":"kLAmCeA,EAhCQ,SAAAC,GAAK,aACvBA,EAAMC,QAAUD,EAAMC,OAAOC,OAAS,EAAI,kBAAC,WAAD,MAC3C,kBAAC,WAAD,KACI,yBAAKC,UAAU,sBACX,yBAAKA,UAAU,0CACX,4BAAQA,UAAU,mCACd,uBAAGC,WAAUJ,EAAMC,OAAO,GAAGI,IAAKC,SAAS,MAAMC,QAAS,kBAAMP,EAAMQ,iBAAiB,IAAIL,UAAU,iBACjG,yBAAKA,UAAU,8BAA8BG,SAAS,QAAQD,IAAKL,EAAMS,WAAW,GAAGJ,SAInG,yBAAKF,UAAU,mDACX,yBAAKA,UAAU,OACV,MAAAH,EAAMC,QAAN,QAAiB,SAACS,EAAOC,GAAR,OACdA,EAAQ,GACR,yBAAKR,UAAU,mDAAmDS,IAAKD,GACnE,uBAAGP,WAAUM,EAAML,IAAKC,SAAS,MAAMC,QAAS,kBAAMP,EAAMQ,iBAAiBG,IAAQR,UAAU,iBAC3F,yBAAKA,UAAU,+BAA+BG,SAAS,QAAQD,IAAKL,EAAMS,WAAWE,GAAON,cAOpH,kBAAC,IAAD,KACIQ,gBAAgB,EAChBC,gBAAgB,GACZd,M,SCJDe,uBAnBS,SAACC,GACrB,MAAO,CACHC,OAAQD,EAAME,eAAeC,QAC7BC,aAAcJ,EAAME,eAAeP,UAIhB,SAAAU,GACvB,MAAO,CACHC,QAAS,kBAAMD,EAASE,aAAK,KAC7BC,YAAa,kBAAMH,EAASI,gBAC5BC,YAAa,kBAAML,EAASM,gBAC5BnB,iBAAkB,SAACG,GACfU,EAASE,aAAK,IACdF,EAASO,YAAgBjB,QAKtBI,EArBiB,SAAAf,GAAK,OAAI,kBAAC,EAAmBA","file":"12.e71311d0e33250b32906.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=\"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=\"small-12 large-3 columns medium-flex-dir-column\">\r\n                <div className=\"row\">\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        </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":""}