{"version":3,"sources":["webpack:///./Scripts/Components/LightboxImages.js","webpack:///./Scripts/Containers/LightboxImages.container.js"],"names":["LightboxImages","_Component","props","_this","_classCallCheck","this","_callSuper","state","toggler","updated","slide","source","sourceIndex","toggleLightbox","bind","_inherits","Component","_createClass","key","value","itemIndex","setState","_this2","items","length","React","createElement","Fragment","className","data-src","src","itemProp","onClick","thumbnails","alt","map","item","index","concat","type","FsLightbox","loadOnlyCurrentSource","sources","thumbs","data-glide-el","data-glide-dir","connect","isOpen","lightboxImages","visible","currentImage","dispatch","onClose","show","onClickNext","next","onClickPrev","previous","onClickThumbnail","setCurrentIndex"],"mappings":"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","file":"9.c0da96df8dd60a1ad4e3.js","sourcesContent":["import React, { Fragment, Component } from 'react';\nimport Lightbox from 'react-images';\nimport FsLightbox from 'fslightbox-react';\n\n\nclass LightboxImages extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            toggler: true,\n            updated: true,\n            slide: 1,\n            source: '',\n            sourceIndex: 0,\n        };\n\n        this.toggleLightbox = this.toggleLightbox.bind(this);\n    }\n\n    toggleLightbox(itemIndex) {\n        this.setState({\n            toggler: !this.state.toggler,\n            sourceIndex: itemIndex\n        });\n}\n\n\n    render() {\n        return (\n            !this.props.items || this.props.items.length < 5 ?\n                <Fragment>\n                    <div className=\"product-images\">\n                        <div className=\"small-12 columns product-detail__main-image no-padding\">\n                            <figure className=\"product-detail__image-container\">\n                                <a data-src={this.props.items[0].src} itemProp=\"url\" onClick={() => this.toggleLightbox(0)} className=\"product-image\">\n                                    <img className=\"product-detail__image--main\" itemProp=\"image\" src={this.props.thumbnails[0].src} alt={this.props.thumbnails[0].alt} />\n                                </a>\n                            </figure>\n                        </div>\n                        <div className=\"small-12 columns no-padding\">\n                            <div className=\"product-detail__thumbnails\">\n                                        \n                                {this.props.items.map((item, index) => (\n                                    index > 0 &&\n                                    <a data-src={item.src} itemProp=\"url\" onClick={() => this.toggleLightbox(index)} key={index} className=\"product-detail__image-container\">\n                                        {this.props.thumbnails[index].src ?\n                                            <img className={`product-detail__image--alter ${this.props.thumbnails[index].type}-thumbnail`} itemProp=\"image\" src={this.props.thumbnails[index].src} alt={this.props.thumbnails[index].alt} />\n                                            : <span className=\"missing-image-box\" />}\n                                        {this.props.thumbnails[index].type === \"video\" &&\n                                            <img className=\"video-icon\" />\n                                        }\n\n                                    </a>\n                                ))}\n                                        \n                            </div>\n                        </div>\n                    </div>\n\n                    <FsLightbox\n                        toggler={this.state.toggler}\n                        sourceIndex={this.state.sourceIndex}\n                        loadOnlyCurrentSource={true}\n                        sources={this.props.items}\n                        thumbs={this.props.thumbnails}\n                    />\n                </Fragment>\n                : <Fragment>\n                <div className=\"product-images\">\n                    <div className=\"small-12 columns product-detail__main-image no-padding\">\n                        <figure className=\"product-detail__image-container\">\n                            <a data-src={this.props.items[0].src} itemProp=\"url\" onClick={() => this.toggleLightbox(0)} className=\"product-image\">\n                                    <img className=\"product-detail__image--main\" itemProp=\"image\" src={this.props.thumbnails[0].src} alt={this.props.thumbnails[0].alt} />\n                            </a>\n                        </figure>\n                    </div>                    \n                    <div className=\"small-12 columns no-padding\">\n                        <div className=\"glider-container\">\n                            <div className=\"product-detail__glider-thumbnails glide--ltr glide--carousel glide--swipeable\">\n                                <div className=\"glide__track\" data-glide-el=\"track\">\n                                    <div className=\"glide__slides\">\n                                        {this.props.items.map((item, index) => (\n                                            index > 0 &&\n                                            <div className=\"glide__slide\" key={index}>\n                                                <a data-src={item.src} itemProp=\"url\" onClick={() => this.toggleLightbox(index)} key={index} className=\"product-detail__image-container\">\n                                                    {this.props.thumbnails[index].src ?\n                                                        <img className={`product-detail__image--alter ${this.props.thumbnails[index].type}-thumbnail`} itemProp=\"image\" src={this.props.thumbnails[index].src} alt={this.props.thumbnails[index].alt} />\n                                                        : <span className=\"missing-image-box\" />}\n                                                    {this.props.thumbnails[index].type === \"video\" &&\n                                                        <img className=\"video-icon\" />\n                                                    }\n\n                                                </a>\n                                            </div>\n                                        ))}\n                                    </div>\n                                </div>\n                                <div className=\"glide\">\n                                    <div className=\"glide__arrows\" data-glide-el=\"controls\">\n                                        <span className=\"glide__arrow glide__arrow--prev\" data-glide-dir=\"<\"></span>\n                                        <span className=\"glide__arrow glide__arrow--next\" data-glide-dir=\">\"></span>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>                    \n                </div>\n\n                <FsLightbox\n                    toggler={this.state.toggler}\n                    sourceIndex={this.state.sourceIndex}\n                    loadOnlyCurrentSource={true}\n                    sources={this.props.items}\n                    thumbs={this.props.thumbnails}\n                />\n            </Fragment>\n        );\n    }\n}\n\nexport default LightboxImages;","import React from 'react';\nimport { connect } from 'react-redux';\nimport LightboxImages from '../Components/LightboxImages';\nimport { setCurrentIndex, show, previous, next } from '../Actions/LightboxImages.action';\n\nconst LightboxImagesContainer = props => <LightboxImages {...props} />;\n\nconst mapStateToProps = (state) => {\n    return {\n        isOpen: state.lightboxImages.visible,\n        currentImage: state.lightboxImages.index,\n    }\n}\n\nconst mapDispatchToProps = dispatch => {\n    return {\n        onClose: () => dispatch(show(false)),\n        onClickNext: () => dispatch(next()),\n        onClickPrev: () => dispatch(previous()),\n        onClickThumbnail: (index) => {\n            dispatch(show(true));\n            dispatch(setCurrentIndex(index));\n        },\n    }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(LightboxImagesContainer);"],"sourceRoot":""}