{"version":3,"sources":["webpack:///./Scripts/Components/YetAnotherLightbox.js","webpack:///./Scripts/Components/ErrorBoundary.js","webpack:///./Scripts/Components/LightboxImages.js","webpack:///./Scripts/Containers/LightboxImages.container.js"],"names":["YetAnotherLightbox","_ref","mediaItems","onClose","showThumbnails","showImageCount","thumbnailsRef","onClickNext","onClickPrev","onClickThumbnail","onClickShowModal","useRef","zoomRef","_useSelector","useSelector","state","lightboxImages","visible","index","remappedMediaItems","_mapInstanceProperty","call","mediaItem","type","width","height","poster","previewSrc","sources","src","fullSrc","mimeType","mapVideo","alt","mapImage","React","createElement","Lightbox","open","close","slides","plugins","Video","Thumbnails","Zoom","thumbnails","ref","zoom","video","controls","playsInline","autoPlay","loop","muted","ErrorBoundary","_Component","props","_this","_classCallCheck","_callSuper","hasError","_inherits","_createClass","key","value","error","errorInfo","console","log","this","children","Component","LightboxImages","campaignIcon","currentImageIndex","currentImage","length","Fragment","className","data-src","itemProp","onClick","Svg","icon","label","extraClass","thumbnailSrc","_extends","connect","isOpen","dispatch","show","next","previous","setCurrentIndex"],"mappings":"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","file":"8.b4ef80ff5f054347b59f.js","sourcesContent":["import React, { useRef } from 'react';\r\nimport Lightbox from \"yet-another-react-lightbox\";\r\n// import Zoom from \"yet-another-react-lightbox/plugins/zoom\";\r\nimport Video from \"yet-another-react-lightbox/dist/plugins/video/index\";\r\nimport Thumbnails from \"yet-another-react-lightbox/dist/plugins/thumbnails/index\";\r\nimport Zoom from \"yet-another-react-lightbox/dist/plugins/zoom/index\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nconst YetAnotherLightbox = function({\r\n    mediaItems,\r\n    showThumbnails,\r\n    showImageCount,\r\n    onClose,\r\n    onClickNext,\r\n    onClickPrev,\r\n    onClickThumbnail,\r\n    onClickShowModal\r\n}) {\r\n    const thumbnailsRef = useRef(null);\r\n    const zoomRef = useRef(null);\r\n\r\n    const mapImage = (mediaItem) => {\r\n        return {\r\n            type: \"image\",\r\n            src: mediaItem.fullSrc,\r\n            alt: mediaItem.alt\r\n        }\r\n    }\r\n\r\n    const mapVideo = (mediaItem) => {\r\n        return {\r\n            type: \"video\",\r\n            width: 1280,\r\n            height: 720,\r\n            poster: mediaItem.previewSrc,\r\n            sources: [\r\n                {\r\n                    src: mediaItem.fullSrc,\r\n                    type: mediaItem.mimeType,\r\n                },\r\n            ],\r\n        }\r\n    }\r\n\r\n    const { visible, index } = useSelector(state => state.lightboxImages);\r\n    const remappedMediaItems = mediaItems.map(mediaItem => {\r\n        return mediaItem.type === \"video\" ? mapVideo(mediaItem) : mapImage(mediaItem);\r\n    });\r\n\r\n    return <Lightbox\r\n        index={index}\r\n        open={visible}\r\n        close={onClose}\r\n        slides={remappedMediaItems}\r\n        plugins={[Video, Thumbnails, Zoom]}\r\n        thumbnails={{ ref: thumbnailsRef }}\r\n        zoom={{ ref: zoomRef }}\r\n        video={{\r\n            controls: true,\r\n            playsInline: true,\r\n            autoPlay: true,\r\n            loop: false,\r\n            muted: true\r\n        }}\r\n    />;\r\n}\r\n\r\nexport default YetAnotherLightbox;\r\n","import React, { Component } from 'react';\r\n\r\nclass ErrorBoundary extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = { hasError: false };\r\n    }\r\n\r\n    static getDerivedStateFromError(error) {\r\n        // Update state so the next render will show the fallback UI.\r\n        return { hasError: true };\r\n    }\r\n\r\n    componentDidCatch(error, errorInfo) {\r\n        // You can also log the error to an error reporting service\r\n        console.log(error, errorInfo);\r\n    }\r\n\r\n    render() {\r\n        if (this.state.hasError) {\r\n            // You can render any custom fallback UI\r\n            return <h1>Something went wrong.</h1>;\r\n        }\r\n\r\n        return this.props.children;\r\n    }\r\n}\r\n\r\nexport default ErrorBoundary;\r\n","import React from 'react';\r\nimport YetAnotherLightbox from \"./YetAnotherLightbox\";\r\nimport ErrorBoundary from \"./ErrorBoundary\";\r\nimport Svg from \"./Svg\";\r\n\r\n/**\r\n * @typedef {Object} ProductMediaItemModel\r\n * @property {string} fullSrc - The full-size image source URL.\r\n * @property {string} previewSrc - The preview image source URL.\r\n * @property {string} thumbnailSrc - The thumbnail image source URL.\r\n * @property {string} alt - The alternative text for the image.\r\n * @property {string} mimeType - The MIME type of the image.\r\n */\r\n\r\nconst LightboxImages = (props) => {\r\n    const {\r\n        campaignIcon,\r\n        mediaItems,\r\n        currentImage: currentImageIndex,\r\n        onClickShowModal,\r\n        onClickThumbnail\r\n    } = props;\r\n\r\n    if (!mediaItems || mediaItems.length < 1)\r\n        return null;\r\n\r\n    const currentImage = mediaItems[currentImageIndex];\r\n\r\n    return <>\r\n        {campaignIcon !== null &&\r\n            <div className=\"product-detail__campaign\">\r\n                <img className=\"campaign-icon\" src={campaignIcon} />\r\n            </div>}\r\n\r\n        <div className=\"row product-media\">\r\n            <div className=\"small-12 medium-12 large-10 columns large-order-1\">\r\n                <figure className=\"product-media__main-image-container\">\r\n                    <a data-src={currentImage.src}\r\n                        itemProp=\"url\"\r\n                        onClick={() => onClickShowModal(currentImageIndex)}\r\n                        className=\"product-image\"\r\n                    >\r\n                        <img className=\"product-media__main-image\"\r\n                            itemProp=\"image\"\r\n                            src={currentImage.previewSrc}\r\n                            alt={currentImage.alt} />\r\n\r\n                        {currentImage.type === 'video' &&\r\n                            <div className=\"product-media-item__play-button\">\r\n                                <Svg icon=\"play-circle\" label=\"Play\" extraClass=\"text--7xl\"/>\r\n                            </div>}\r\n                    </a>\r\n                </figure>\r\n            </div>\r\n\r\n            <div className=\"product-media__thumbnails-list small-12 medium-12 large-2 columns medium-flex-dir-column\">\r\n                <div className=\"row\">\r\n                    {mediaItems.map((mediaItem, index) =>\r\n                        <div className=\"product-media-item columns large-12\" key={index}>\r\n                            <a\r\n                                data-src={mediaItem.src}\r\n                                itemProp=\"url\"\r\n                                onClick={() => onClickThumbnail(index)}\r\n                                className={`product-media__media-link`}\r\n                            >\r\n                                <img\r\n                                    className={\"product-media__media-preview \" + (currentImage === index ? 'active' : '')}\r\n                                    itemProp=\"image\" src={mediaItem.thumbnailSrc}\r\n                                    alt={mediaItem.alt} />\r\n\r\n                                {mediaItem.type === 'video' &&\r\n                                    <div className=\"product-media-item__play-button\">\r\n                                        <Svg icon=\"play-circle\" label=\"Play\" extraClass=\"text--4xl\"/>\r\n                                    </div>}\r\n                            </a>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <ErrorBoundary>\r\n            <YetAnotherLightbox\r\n                showThumbnails={true}\r\n                showImageCount={false}\r\n                {...props}\r\n            />\r\n        </ErrorBoundary>\r\n    </>\r\n}\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 { 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(setCurrentIndex(index));\r\n        },\r\n        onClickShowModal: (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":""}