{"version":3,"sources":["webpack:///./Scripts/GuideGloves/Components/LightboxImagesExtension.js","webpack:///./Scripts/GuideGloves/Containers/LightboxImages.container.Extension.js"],"names":["LightboxImages","props","images","length","React","createElement","Fragment","className","data-src","src","itemProp","onClick","onClickThumbnail","thumbnails","alt","Lightbox","_extends","showThumbnails","showImageCount","connect","state","isOpen","lightboxImages","visible","currentImage","index","dispatch","onClose","show","onClickNext","next","onClickPrev","previous","setCurrentIndex"],"mappings":"sVAGuB,SAoBRA,EApBQC,GAAK,MACxB,CAACA,EAAMC,QAAUD,EAAMC,OAAOC,OAAS,EAAIC,IAAAC,cAACC,WAAQ,IAAE,EACtDF,IAAAC,cAACC,WAAQ,KACLF,IAAAC,cAAA,OAAKE,UAAU,gBAAgB,EAC3BH,IAAAC,cAAA,OAAKE,UAAU,eAAe,EAC1BH,IAAAC,cAAA,UAAQE,UAAU,iCAAiC,EAC/CH,IAAAC,cAAA,KAAGG,WAAUP,EAAMC,OAAO,GAAGO,IAAKC,SAAS,MAAMC,QAAS,WAAF,OAAQV,EAAMW,iBAAiB,CAAC,CAAC,EAAEL,UAAU,eAAe,EAChHH,IAAAC,cAAA,OAAKE,UAAU,8BAA8BG,SAAS,QAAQD,IAAKR,EAAMY,WAAW,GAAGJ,IAAKK,IAAKb,EAAMC,OAAO,GAAGY,GAAI,CAAE,CACxH,CACC,CACP,CACJ,EACLV,IAAAC,cAACU,IAAQC,EAAA,CACLC,eAAgB,GAChBC,eAAgB,EAAM,EAClBjB,CAAK,CACZ,CACK,CAAC,CAjBf,I,QCuBekB,sBAnBS,SAACC,GACrB,MAAO,CACHC,OAAQD,EAAME,eAAeC,QAC7BC,aAAcJ,EAAME,eAAeG,KACvC,CACJ,EAE2B,SAAAC,GACvB,MAAO,CACHC,QAAS,WAAF,OAAQD,EAASE,YAAK,EAAK,CAAC,CAAC,EACpCC,YAAa,WAAF,OAAQH,EAASI,YAAK,CAAC,CAAC,EACnCC,YAAa,WAAF,OAAQL,EAASM,YAAS,CAAC,CAAC,EACvCpB,iBAAkB,SAACa,GACfC,EAASE,YAAK,EAAI,CAAC,EACnBF,EAASO,YAAgBR,CAAK,CAAC,CACnC,CACJ,CACJ,CAE0D,EArB1B,SAAAxB,GAAK,OAAIG,IAAAC,cAACL,EAAmBC,CAAQ,CAAC,CAqBc,C","file":"17.e742c2c2baa7a40eae35.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=\"product-images\">\r\n            <div className=\"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} alt={props.images[0].alt} />\r\n                    </a>\r\n                </figure>\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/LightboxImagesExtension';\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":""}