{"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","alt","thumbnails","image","index","key","showThumbnails","showImageCount","connect","state","isOpen","lightboxImages","visible","currentImage","dispatch","onClose","show","onClickNext","next","onClickPrev","previous","setCurrentIndex"],"mappings":"kLAsCeA,EAnCQ,SAAAC,GAAK,aACvBA,EAAMC,QAAUD,EAAMC,OAAOC,OAAS,EAAI,kBAAC,WAAD,MAC3C,kBAAC,WAAD,KACI,yBAAKC,UAAU,sBACX,yBAAKA,UAAU,2CACX,4BAAQA,UAAU,mCACd,uBAAGC,WAAUJ,EAAMC,OAAO,GAAGI,IAAKC,SAAS,MAAMC,QAAS,kBAAMP,EAAMQ,iBAAiB,IAAIL,UAAU,iBACjG,yBAAKA,UAAU,8BAA8BG,SAAS,QAAQG,IAAKT,EAAMU,WAAW,GAAGD,IAAKJ,IAAKL,EAAMU,WAAW,GAAGL,QAGzH,yBAAKF,UAAU,+DACX,yBAAKA,UAAU,OACV,MAAAH,EAAMC,QAAN,QAAiB,SAACU,EAAOC,GAAR,OACdA,EAAQ,GACR,yBAAKT,UAAU,2CAA2CU,IAAKD,GAC3D,uBAAGR,WAAUO,EAAMN,IAAKC,SAAS,MAAMC,QAAS,kBAAMP,EAAMQ,iBAAiBI,IAAQT,UAAU,iBAC3F,yBAAKA,UAAU,+BAA+BG,SAAS,QAAQG,IAAKE,EAAMF,IAAKJ,IAAKL,EAAMU,WAAWE,GAAOP,eAW5I,kBAAC,IAAD,KACIS,gBAAgB,EAChBC,gBAAgB,GACZf,M,SCPDgB,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,gBAC5BpB,iBAAkB,SAACI,GACfU,EAASE,aAAK,IACdF,EAASO,YAAgBjB,QAKtBI,EArBiB,SAAAhB,GAAK,OAAI,kBAAC,EAAmBA","file":"11.e000755c65e90526d556.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-12 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\" alt={props.thumbnails[0].alt} src={props.thumbnails[0].src} />\r\n                    </a>\r\n                    </figure>\r\n                    <div className=\"small-12 large-12 columns medium-flex-dir-column thumbnails\">\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\" 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\" alt={image.alt} src={props.thumbnails[index].src} />\r\n                                    </a>\r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                    \r\n                </div>\r\n                \r\n                \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":""}