{"version":3,"file":"static/chunks/5411.9cec3130ee283f73.js","mappings":"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","sources":["webpack://_N_E/./components/GalleryModal/GalleryModal.js","webpack://_N_E/./components/GalleryModal/index.js","webpack://_N_E/./components/GalleryModal/GalleryModal.module.scss"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'next-i18next';\nimport classNames from 'classnames';\nimport _ from 'lodash';\nimport { AnimateInOut } from 'Components/Animate';\nimport Image from 'Components/Image';\nimport s from './GalleryModal.module.scss';\n\nconst GalleryModal = ({\n    galleryId,\n    images,\n    currentIndex,\n    setCurrentIndex,\n    closeModal,\n    isOpen,\n}) => {\n    const {t} = useTranslation();\n\n    const previousClickHandler = () => {\n        // When previos clicked when on first image, show last image\n        const newIndex = currentIndex <= 0 ? images.length - 1 : currentIndex - 1;\n        setCurrentIndex(newIndex);\n    };\n\n    const nextClickHandler = () => {\n        // When next clicked when on last image, show first image\n        const newIndex = currentIndex < images.length - 1 ? currentIndex + 1 : 0;\n        setCurrentIndex(newIndex);\n    };\n\n    const classes = classNames(\n        [s['GalleryModal']],\n        {[s['GalleryModal--Open']]: isOpen},\n    );\n\n    return (\n        <div className={classes}>\n            <button\n                className={s['GalleryModal__Close']}\n                onClick={(e) => closeModal(e)}\n                type=\"button\"\n                aria-label={t('galleryModal.close')}\n            >\n                <span className=\"sr-only\">\n                    {t('galleryModal.close')}\n                </span>\n            </button>\n\n            {images.length > 1 && (\n                <div className={s['GalleryModal__Nav']}>\n                    <button\n                        className={classNames(s['GalleryModal__NavButton'], s['GalleryModal__NavButton--Previous'])}\n                        type=\"button\"\n                        onClick={() => previousClickHandler()}\n                    >\n                        <span\n                            className={s['GalleryModal__NavIcon']}\n                            aria-hidden=\"true\"\n                        />\n                        <span className=\"sr-only\">\n                            {t('galleryModal.previous')}\n                        </span>\n                    </button>\n                    <button\n                        className={classNames(s['GalleryModal__NavButton'], s['GalleryModal__NavButton--Next'])}\n                        type=\"button\"\n                        onClick={() => nextClickHandler()}\n                    >\n                        <span\n                            className={s['GalleryModal__NavIcon']}\n                            aria-hidden=\"true\"\n                        />\n                        <span className=\"sr-only\">\n                            {t('galleryModal.next')}\n                        </span>\n                    </button>\n                </div>\n            )}\n\n            <div className={s['GalleryModal__Container']}>\n                {images.map((item, i) => {\n                    return (\n                        <Item\n                            key={`${galleryId}-modal-item-${i}`}\n                            index={i}\n                            image={item}\n                            currentIndex={currentIndex}\n                            isOpen={isOpen}\n                            count={images.length}\n                        />\n                    );\n                })}\n            </div>\n        </div>\n    );\n};\n\nGalleryModal.propTypes = {\n    galleryId: PropTypes.string,\n    images: PropTypes.array,\n    currentIndex: PropTypes.number,\n    isOpen: PropTypes.bool,\n    setCurrentIndex: PropTypes.func,\n    closeModal: PropTypes.func,\n};\n\nGalleryModal.defaultProps = {\n    galleryId: '',\n    images: [],\n    currentIndex: 0,\n    isOpen: false,\n    setCurrentIndex: null,\n    closeModal: null,\n};\n\nconst Item = ({\n    image,\n    index,\n    currentIndex,\n    count,\n    isOpen,\n}) => {\n    const {caption} = image;\n\n    const isActive = currentIndex === index;\n    const isActiveAndOpen = isOpen && isActive;\n\n    const [isLoaded, setIsLoaded] = useState(false);\n    const [isVisible, setIsVisible] = useState(false);\n\n    useEffect(() => {\n        if(isActive && !isLoaded) {\n            setIsLoaded(true);\n        }\n    }, [isActive, isLoaded]);\n\n    useEffect(() => {\n        if(isActiveAndOpen && isLoaded) {\n            if(!isVisible) {\n                setTimeout(() => {\n                    setIsVisible(true);\n                }, 400);\n            }\n        } else if(isVisible) {\n            setIsVisible(false);\n        }\n    }, [isActiveAndOpen, isLoaded, isVisible]);\n\n    const classes = classNames(\n        [s['GalleryModal__Figure']],\n        {[s['GalleryModal__Figure--Visible']]: isVisible},\n    );\n\n    return (\n        <AnimateInOut\n            isVisible={isActiveAndOpen}\n        >\n            <div>{/* Otherwise display: block will be set on Figure */}\n                <figure className={classes}>\n                    <span className={s['GalleryModal__Counter']}>\n                        {index + 1} / {count}\n                    </span>\n\n                    {isLoaded &&\n                        <Image\n                            {...image}\n                            className={s['GalleryModal__Image']}\n                        />\n                    }\n\n                    {!_.isEmpty(caption) &&\n                        <figcaption className={s['GalleryModal__Caption']}>\n                            {caption}\n                        </figcaption>\n                    }\n                </figure>\n            </div>\n        </AnimateInOut>\n    );\n};\n\nItem.propTypes = {\n    image: PropTypes.object,\n    index: PropTypes.number,\n    currentIndex: PropTypes.number,\n    count: PropTypes.number,\n    isOpen: PropTypes.bool,\n};\n\nItem.defaultProps = {\n    image: {},\n    index: 0,\n    currentIndex: 0,\n    count: 0,\n    isOpen: true,\n};\n\nexport default GalleryModal;\n","import GalleryModal from './GalleryModal';\nexport default GalleryModal;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"GalleryModal\":\"GalleryModal_GalleryModal__HYWoH\",\"GalleryModal__Container\":\"GalleryModal_GalleryModal__Container__nWkBe\",\"GalleryModal__Figure\":\"GalleryModal_GalleryModal__Figure__QKuai\",\"GalleryModal__Figure--Visible\":\"GalleryModal_GalleryModal__Figure--Visible__zxEXA\",\"GalleryModal__Image\":\"GalleryModal_GalleryModal__Image__TUpsi\",\"GalleryModal__Nav\":\"GalleryModal_GalleryModal__Nav__Mpo7D\",\"GalleryModal__NavButton\":\"GalleryModal_GalleryModal__NavButton__TvK33\",\"GalleryModal__NavButton--Previous\":\"GalleryModal_GalleryModal__NavButton--Previous__BAlqM\",\"GalleryModal__NavButton--Next\":\"GalleryModal_GalleryModal__NavButton--Next__NJdCw\",\"GalleryModal__Close\":\"GalleryModal_GalleryModal__Close__FBJ5b\",\"GalleryModal__Counter\":\"GalleryModal_GalleryModal__Counter__8Juuz\",\"GalleryModal__Caption\":\"GalleryModal_GalleryModal__Caption__I3jfg\",\"loader\":\"GalleryModal_loader__M5K2h\"};"],"names":["GalleryModal","galleryId","images","currentIndex","setCurrentIndex","closeModal","isOpen","param","t","useTranslation","previousClickHandler","length","nextClickHandler","classes","classNames","s","jsx_runtime","jsxs","div","className","jsx","button","onClick","e","type","aria-label","span","aria-hidden","map","item","i","Item","index","image","count","propTypes","PropTypes","defaultProps","caption","isActive","isActiveAndOpen","isLoaded","setIsLoaded","useState","isVisible","setIsVisible","useEffect","setTimeout","AnimateInOut","figure","Image","_","figcaption","components_GalleryModal","module","exports"],"sourceRoot":""}