{"version":3,"sources":["webpack:///./Scripts/Components/LightboxImages.js","webpack:///./Scripts/Containers/LightboxImages.container.js"],"names":["LightboxImages","props","images","length","showStatus","showThumbs","showArrows","infiniteLoop","dynamicHeight","transitionTime","renderThumbs","children","item","index","src","thumbnails","key","autoFocus","className","image","ReactImageMagnify","isHintEnabled","enlargedImagePortalId","fadeDurationInMs","enlargedImageContainerDimensions","width","height","shouldUsePositiveSpaceLens","smallImage","isFluidWidth","enlargedImageContainerClassName","enlargedImageClassName","enlargedImageStyle","Number","largeImage","id","connect","state","isOpen","lightboxImages","visible","currentImage","dispatch","onClose","show","onClickNext","next","onClickPrev","previous","onClickThumbnail","setCurrentIndex"],"mappings":"sMAmEeA,EA5DS,SAACC,GAAU,MAiB/B,OACKA,EAAMC,QAAUD,EAAMC,OAAOC,OAAS,EAAI,kBAAC,WAAQ,MAChD,kBAAC,WAAQ,KACL,kBAAC,WAAQ,OAnBI,CACrBC,YAAY,EACZC,YAAY,EACZC,YAAY,EACZC,cAAc,EACdC,eAAe,EACfC,eAAgB,GAasB,CAAEC,aAVlB,SAACC,GAIvB,OAHiB,IAAAA,GAAQ,KAARA,GAAa,SAACC,EAAMC,GAC7B,OAAO,yBAAKC,IAAKb,EAAMc,WAAWF,GAAOC,IAAKE,IAAG,yBAAoBH,SAQJI,WAAW,EAAMC,UAAU,qBACvF,MAAAjB,EAAMC,QAAM,QAAK,SAACiB,EAAON,GAAK,OAC3B,yBAAKG,IAAG,mBAAcH,GAASK,UAAU,yBACrC,kBAACE,EAAA,EAAiB,CACdC,eAAe,EACfC,sBAAuB,wBACvBC,iBAAkB,IAClBC,iCAAkC,CAC9BC,MAAO,OACPC,OAAQ,QAEZC,4BAA4B,EAC5BC,WAAY,CACRd,IAAKb,EAAMc,WAAWF,GAAOC,IAC7Be,cAAc,GAIlBC,gCAAiC,8BACjCC,uBAAwB,oBACxBC,mBAAoB,CAAE,SAAYC,OAAOd,EAAMM,QAC/CS,WAAY,CACRpB,IAAKK,EAAML,IACXW,MAAOQ,OAAOd,EAAMM,OACpBC,OAAQO,OAAOd,EAAMO,gBAMzC,yBACIS,GAAG,wBACHjB,UAAU,4B,SCjCfkB,uBAnBS,SAACC,GACrB,MAAO,CACHC,OAAQD,EAAME,eAAeC,QAC7BC,aAAcJ,EAAME,eAAe1B,UAIhB,SAAA6B,GACvB,MAAO,CACHC,QAAS,kBAAMD,EAASE,aAAK,KAC7BC,YAAa,kBAAMH,EAASI,gBAC5BC,YAAa,kBAAML,EAASM,gBAC5BC,iBAAkB,SAACpC,GACf6B,EAASE,aAAK,IACdF,EAASQ,YAAgBrC,QAKtBuB,EArBiB,SAAAnC,GAAK,OAAI,kBAAC,EAAmBA","file":"13.f8fbb5c30ebaa3135efa.js","sourcesContent":["import React, { Fragment } from 'react';\r\nimport Lightbox from 'react-images';\r\nimport ReactImageMagnify from 'react-image-magnify';\r\n\r\nimport 'react-responsive-carousel/lib/styles/carousel.min.css';\r\nimport { Carousel } from 'react-responsive-carousel';\r\n\r\nconst LightboxImages = ((props) => {\r\n    const CarouselSettings = {\r\n        showStatus: false,\r\n        showThumbs: true,\r\n        showArrows: false,\r\n        infiniteLoop: false,\r\n        dynamicHeight: true,\r\n        transitionTime: 0,\r\n    };\r\n    \r\n    const customRenderThumb = (children) => {\r\n        var thumbArray = children.map((item, index) => {\r\n                return <img src={props.thumbnails[index].src} key={`carousel-thumb-${index}`}></img>;\r\n        });\r\n        return thumbArray;\r\n    }\r\n\r\n    return (\r\n        !props.images || props.images.length < 1 ? <Fragment /> :\r\n            <Fragment>\r\n                <Carousel {...CarouselSettings} renderThumbs={customRenderThumb} autoFocus={true} className=\"carousel__slider\">\r\n                    {props.images.map((image, index) => (\r\n                        <div key={`carousel-${index}`} className=\"carousel__slider-item\">\r\n                            <ReactImageMagnify  {...{\r\n                                isHintEnabled: false,\r\n                                enlargedImagePortalId: 'image-zoom__container',\r\n                                fadeDurationInMs: 300,\r\n                                enlargedImageContainerDimensions: {\r\n                                    width: '100%',\r\n                                    height: '100%'\r\n                                },\r\n                                shouldUsePositiveSpaceLens: false,\r\n                                smallImage: {\r\n                                    src: props.thumbnails[index].src,\r\n                                    isFluidWidth: true,\r\n                                    // width: 570,\r\n                                    // height: 380,\r\n                                },\r\n                                enlargedImageContainerClassName: 'image-zoom__large-container',\r\n                                enlargedImageClassName: 'image-zoom__large',\r\n                                enlargedImageStyle: { 'minWidth': Number(image.width) },\r\n                                largeImage: {\r\n                                    src: image.src,\r\n                                    width: Number(image.width),\r\n                                    height: Number(image.height)\r\n                                }\r\n                            }} />\r\n                        </div>\r\n                    ))}\r\n                </Carousel>\r\n                <div\r\n                    id=\"image-zoom__container\"\r\n                    className=\"image-zoom__container\"\r\n                />\r\n\r\n            </Fragment>\r\n    )\r\n})\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":""}