{"version":3,"sources":["webpack:///./Scripts/Columbus/Components/LightboxImages.js","webpack:///./Scripts/Containers/LightboxImages.container.js"],"names":["LightboxImages","props","images","length","className","data-src","src","itemProp","onClick","onClickThumbnail","tagDiscountText","tagDiscountColor","style","background","tagIsNew","toLowerCase","href","translate","thumbnails","alt","height","width","image","index","key","showThumbnails","showImageCount","connect","state","isOpen","lightboxImages","visible","currentImage","dispatch","onClose","show","onClickNext","next","onClickPrev","previous","setCurrentIndex"],"mappings":"yLAsDeA,EAlDQ,SAAAC,GAAK,aACvBA,EAAMC,QAAUD,EAAMC,OAAOC,OAAS,EAAI,kBAAC,WAAD,MACvC,kBAAC,WAAD,KACI,yBAAKC,UAAU,sBACX,yBAAKA,UAAU,kCACX,4BAAQA,UAAU,mCACd,uBAAGC,WAAUJ,EAAMC,OAAO,GAAGI,IAAKC,SAAS,MAAMC,QAAS,kBAAMP,EAAMQ,iBAAiB,IAAIL,UAAU,iBAChGH,EAAMC,OAAO,GAAGQ,iBAAmBT,EAAMC,OAAO,GAAGQ,gBAAgBP,OAAO,GACvE,yBAAKC,UAAU,kDACVH,EAAMC,OAAO,GAAGS,kBACb,0BAAMC,MAAO,CAACC,WAAYZ,EAAMC,OAAO,GAAGS,mBAA1C,IAA+DV,EAAMC,OAAO,GAAGQ,gBAA/E,MAEFT,EAAMC,OAAO,GAAGS,kBACd,kCAAQV,EAAMC,OAAO,GAAGQ,gBAAxB,MAIXT,EAAMC,OAAO,GAAGY,UAAqD,SAAzCb,EAAMC,OAAO,GAAGY,SAASC,eAClD,kBAAC,WAAD,KACI,0BAAMR,SAAS,gBAAgBS,KAAK,mCACpC,yBAAKZ,UAAU,8CAA6C,8BAAOa,YAAU,gCAGrF,yBAAKb,UAAU,8BAA8BG,SAAS,QAAQD,IAAKL,EAAMiB,WAAW,GAAGZ,IAAKa,IAAKlB,EAAMiB,WAAW,GAAGC,IAAKC,OAAQnB,EAAMC,OAAO,GAAGkB,OAAQC,MAAOpB,EAAMC,OAAO,GAAGmB,WAI7L,yBAAKjB,UAAU,mCACX,yBAAKA,UAAU,8BACV,MAAAH,EAAMC,QAAN,QAAiB,SAACoB,EAAOC,GAAR,OACdA,EAAQ,GACR,yBAAKnB,UAAU,kCAAkCoB,IAAKD,GAClD,yBAAKnB,UAAU,yBACX,uBAAGC,WAAUiB,EAAMhB,IAAKC,SAAS,MAAMC,QAAS,kBAAMP,EAAMQ,iBAAiBc,IAAQnB,UAAU,iBAC3F,yBAAKA,UAAU,+BAA+BG,SAAS,QAAQD,IAAKL,EAAMiB,WAAWK,GAAOjB,IAAKa,IAAKlB,EAAMiB,WAAWK,GAAOJ,eAQ1J,kBAAC,IAAD,KACIM,gBAAgB,EAChBC,gBAAgB,GACZzB,M,SCvBL0B,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,gBAC5B9B,iBAAkB,SAACc,GACfU,EAASE,aAAK,IACdF,EAASO,YAAgBjB,QAKtBI,EArBiB,SAAA1B,GAAK,OAAI,kBAAC,EAAmBA","file":"29.78347fea59fa38959feb.js","sourcesContent":["import React, { Fragment } from 'react';\r\nimport Lightbox from 'react-images';\r\nimport { translate } from \"../../Services/translation\";\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-order-1 columns\">\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                            {props.images[0].tagDiscountText && props.images[0].tagDiscountText.length>1 &&\r\n                                <div className=\"product-image__tag product-image__tag-discount\">\r\n                                    {props.images[0].tagDiscountColor && \r\n                                        <span style={{background: props.images[0].tagDiscountColor}}> {props.images[0].tagDiscountText} </span>\r\n                                    }\r\n                                    {!props.images[0].tagDiscountColor && \r\n                                        <span> {props.images[0].tagDiscountText} </span>\r\n                                    }\r\n                                </div>\r\n                            }\r\n                            {props.images[0].tagIsNew && props.images[0].tagIsNew.toLowerCase()==='true' &&\r\n                                <Fragment>\r\n                                    <link itemProp=\"itemCondition\" href=\"http://schema.org/NewCondition\" />\r\n                                    <div className=\"product-image__tag product-image__tag-news\"><span>{translate('common.product.isnewstext')}</span></div>\r\n                                </Fragment>\r\n                            }\r\n                            <img className=\"product-detail__image--main\" itemProp=\"image\" src={props.thumbnails[0].src} alt={props.thumbnails[0].alt} height={props.images[0].height} width={props.images[0].width} />\r\n                        </a>\r\n                    </figure>\r\n                </div>\r\n                <div className=\"small-12 medium-order-2 columns\">\r\n                    <div className=\"row product-images__thumbs\">\r\n                        {props.images.map((image, index) => (\r\n                            index > 0 &&\r\n                            <div className=\"product-detail__image-container\" key={index}>\r\n                                <div className=\"product-images__thumb\">\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} alt={props.thumbnails[index].alt} />\r\n                                    </a>\r\n                                </div>\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 '../Columbus/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":""}