{"version":3,"sources":["webpack:///./Scripts/Components/LightboxImages.js","webpack:///./Scripts/Containers/LightboxImages.container.js"],"names":["props","images","length","Fragment","className","src","itemProp","onClick","onClickThumbnail","isNullOrWhiteSpace","badgeImageUrl","alt","productName","thumbnails","map","image","index","key","Lightbox","showThumbnails","showImageCount","connect","state","isOpen","lightboxImages","visible","currentImage","dispatch","onClose","show","onClickNext","next","onClickPrev","previous","setCurrentIndex"],"mappings":"kXAgEA,QA5DuB,SAACA,GAAD,OAClBA,EAAMC,QAAUD,EAAMC,OAAOC,OAAS,EACnC,gBAAC,EAAAC,SAAD,MAEA,gBAAC,EAAAA,SAAD,KACI,uBAAKC,UAAU,kBACX,uBAAKA,UAAU,kCACX,0BAAQA,UAAU,mCACd,qBACI,WAAUJ,EAAMC,OAAO,GAAGI,IAC1BC,SAAS,MACTC,QAAS,kBAAMP,EAAMQ,iBAAiB,IACtCJ,UAAU,mBAERK,OAAmBT,EAAMU,gBACvB,uBAAKN,UAAU,yCACX,uBAAKC,IAAKL,EAAMU,iBAGxB,uBACIN,UAAU,8BACVE,SAAS,QACTK,IAAKX,EAAMY,YACXP,IAAKL,EAAMa,WAAW,GAAGR,SAKzC,uBAAKD,UAAU,oDACVJ,EAAMC,OAAOa,KACV,SAACC,EAAOC,GAAR,OACIA,EAAQ,GACJ,uBACIZ,UAAU,sDACVa,IAAKD,GAEL,qBACI,WAAUD,EAAMV,IAChBC,SAAS,MACTC,QAAS,kBACLP,EAAMQ,iBAAiBQ,IAE3BZ,UAAU,iBAEV,uBACIA,UAAU,+BACVE,SAAS,QACTD,IAAKL,EAAMa,WAAWG,GAAOX,IAC7BM,IAAKX,EAAMY,qBAQ3C,gBAACM,EAAA,EAAD,GAAUC,gBAAgB,EAAMC,gBAAgB,GAAWpB,M,cC7BvE,SAAeqB,SAnBS,SAACC,GACrB,MAAO,CACHC,OAAQD,EAAME,eAAeC,QAC7BC,aAAcJ,EAAME,eAAeR,UAIhB,SAACW,GACxB,MAAO,CACHC,QAAS,kBAAMD,GAASE,SAAK,KAC7BC,YAAa,kBAAMH,GAASI,YAC5BC,YAAa,kBAAML,GAASM,YAC5BzB,iBAAkB,SAACQ,GACfW,GAASE,SAAK,IACdF,GAASO,QAAgBlB,QAKrC,EArBgC,SAAChB,GAAD,OAAW,gBAAC,EAAmBA","file":"371.c0ea3e65b05350283160.js","sourcesContent":["import React, { Fragment } from 'react'\r\nimport Lightbox from 'react-images'\r\nimport { isNullOrWhiteSpace } from '../Services/strings'\r\n\r\nconst LightboxImages = (props) =>\r\n    !props.images || props.images.length < 1 ? (\r\n        <Fragment />\r\n    ) : (\r\n        <Fragment>\r\n            <div className=\"product-images\">\r\n                <div className=\"small-12 large-9 large-order-1\">\r\n                    <figure className=\"product-detail__image-container\">\r\n                        <a\r\n                            data-src={props.images[0].src}\r\n                            itemProp=\"url\"\r\n                            onClick={() => props.onClickThumbnail(0)}\r\n                            className=\"product-image\"\r\n                        >\r\n                            {!isNullOrWhiteSpace(props.badgeImageUrl) && (\r\n                                <div className=\"product-detail__badge-image-container\">\r\n                                    <img src={props.badgeImageUrl} />\r\n                                </div>\r\n                            )}\r\n                            <img\r\n                                className=\"product-detail__image--main\"\r\n                                itemProp=\"image\"\r\n                                alt={props.productName}\r\n                                src={props.thumbnails[0].src}\r\n                            />\r\n                        </a>\r\n                    </figure>\r\n                </div>\r\n                <div className=\"small-12 large-3 product-detail__image-container\">\r\n                    {props.images.map(\r\n                        (image, index) =>\r\n                            index > 0 && (\r\n                                <div\r\n                                    className=\"product-detail__image-container-thumbnails large-12\"\r\n                                    key={index}\r\n                                >\r\n                                    <a\r\n                                        data-src={image.src}\r\n                                        itemProp=\"url\"\r\n                                        onClick={() =>\r\n                                            props.onClickThumbnail(index)\r\n                                        }\r\n                                        className=\"product-image\"\r\n                                    >\r\n                                        <img\r\n                                            className=\"product-detail__image--alter\"\r\n                                            itemProp=\"image\"\r\n                                            src={props.thumbnails[index].src}\r\n                                            alt={props.productName}\r\n                                        />\r\n                                    </a>\r\n                                </div>\r\n                            )\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 {\r\n    setCurrentIndex,\r\n    show,\r\n    previous,\r\n    next,\r\n} 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(\r\n    mapStateToProps,\r\n    mapDispatchToProps\r\n)(LightboxImagesContainer)\r\n"],"sourceRoot":""}