\n
\n );\n};\n\nexport default TimePanel;\n","import { useEffect, useState } from 'react';\n\nconst useWindowSize = () => {\n const [windowSize, setWindowSize] = useState({\n width: undefined,\n height: undefined,\n });\n useEffect(() => {\n function handleResize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n });\n }\n window.addEventListener('resize', handleResize);\n handleResize();\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n return windowSize;\n};\n\nexport default useWindowSize;\n","// third-party\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { useParams } from 'react-router-dom';\nimport { isMobile, isSafari } from 'react-device-detect';\n// project imports\nimport { MaximizeButton, MinimizeButton } from '../../../shared/svg/components';\nimport { setLegalNoteOpened } from '../../../store/slices/solarSimulatorSlice';\nimport { useDispatch } from '../../../store';\n\nconst OptionsPanel = ({ isMaximized, onMaximize, onMinimize }) => {\n const { clientId } = useParams();\n const dispatch = useDispatch();\n const onLegalNoteHandler = () => {\n dispatch(setLegalNoteOpened(true));\n };\n\n if (clientId === 'azul-real-estate') {\n return ;\n }\n\n return (\n \n
\n mañana
\n \n
\n \n
\n\n \n
\n {isSummerTime() ? '9:00' : '8:00'}
\n {isSummerTime() ? '13:00' : '12:00'}
\n {isSummerTime() ? '17:00' : '16:00'}
\n {isSummerTime() ? '21:00' : '20:00'}
\n \n
\n \n 
\n
\n \n \n 
\n
\n \n \n
\n \n
\n noche
\n \n \n Aviso Legal\n \n 
\n { (isMobile && isSafari) ? null : (\n \n )}\n
\n );\n};\n\nOptionsPanel.propTypes = {\n isMaximized: PropTypes.bool.isRequired,\n onMaximize: PropTypes.func.isRequired,\n onMinimize: PropTypes.func.isRequired,\n};\n\nexport default OptionsPanel;\n","// third-party\nimport React from 'react';\nimport PropTypes from 'prop-types';\n// project imports\nimport SeasonsPanel from './Panels/SeasonsPanel';\nimport TimePanel from './Panels/TimePanel';\nimport useWindowSize from '../../hooks/useWindowSize';\nimport { smallScreenWidth } from '../../store/constant';\nimport OptionsPanel from './Panels/OptionsPanel';\n\nconst Footer = ({ isMaximized, onMaximize, onMinimize }) => {\n const windowSize = useWindowSize();\n if (windowSize.width > smallScreenWidth) {\n return (\n |
\n |
\n by
\n \n
\n );\n }\n\n return (\n \n
\n );\n};\n\nFooter.propTypes = {\n isMaximized: PropTypes.bool.isRequired,\n onMaximize: PropTypes.func.isRequired,\n onMinimize: PropTypes.func.isRequired,\n};\n\nexport default Footer;\n","// third-party\nimport React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport PropTypes from 'prop-types';\n// project imports\nimport { changeCamera } from '../../store/slices/solarSimulatorSlice';\n\n\nconst CameraSelector = ({ cameras }) => {\n const currentCamera = useSelector(state => state.solarSimulator.currentCamera);\n const dispatch = useDispatch();\n\n const onCameraChanged = (value) => {\n dispatch(changeCamera(value));\n };\n\n return (\n \n {cameras.map((camera, index) => (\n onCameraChanged(camera.id)}\n disabled={currentCamera === camera.id}\n type=\"button\"\n >\n {camera.name}\n \n ))}\n
\n );\n};\n\nCameraSelector.propTypes = {\n cameras: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.string,\n name: PropTypes.string,\n })).isRequired,\n};\n\nexport default CameraSelector;\n","import React from 'react';\n\n// project imports\nimport { useDispatch, useSelector } from 'react-redux';\nimport { CloseButton } from '../../shared/svg/components';\nimport { setLegalNoteOpened } from '../../store/slices/solarSimulatorSlice';\n\nconst LegalNote = () => {\n const settings = useSelector(state => state.solarSimulator.settings);\n const isLegalNoteOpened = useSelector(state => state.solarSimulator.isLegalNoteOpened);\n const dispatch = useDispatch();\n\n return (isLegalNoteOpened\n && (\n \n \n
\n ));\n};\nexport default LegalNote;\n","// third-party\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { TransformComponent, TransformWrapper } from 'react-zoom-pan-pinch';\nimport { isMobile } from 'react-device-detect';\n// project imports\nimport { updatePreviousShot } from '../../store/slices/solarSimulatorSlice';\nimport useWindowSize from '../../hooks/useWindowSize';\nimport {\n aspectRatioInverseThreshold, aspectRatioThreshold, imageMaxZoom, imageMaxZoomMobile,\n menuHdHeight, menuMdHeight, menuMobileLandscapeHeight,\n smallScreenWidth,\n} from '../../store/constant';\n\nconst ImagePlayer = () => {\n const settings = useSelector(state => state.solarSimulator.settings);\n const currentShot = useSelector(state => state.solarSimulator.currentShot);\n const previousShot = useSelector(state => state.solarSimulator.previousShot);\n const [visibleImage, setVisibleImage] = useState('image-two');\n const [imageOneShot, setImageOneShot] = useState(null);\n const [imageTwoShot, setImageTwoShot] = useState(null);\n const imageTransformReference = useRef(null);\n const windowSize = useWindowSize();\n const dispatch = useDispatch();\n\n let pendingCurrentShot = null;\n\n const tryToUpdateImages = () => {\n if (pendingCurrentShot !== null) {\n pendingCurrentShot = null;\n if (visibleImage === 'image-one') {\n setImageTwoShot(currentShot);\n } else {\n setImageOneShot(currentShot);\n }\n dispatch(updatePreviousShot(currentShot));\n }\n };\n\n useEffect(() => {\n if (currentShot != null && currentShot !== previousShot) {\n pendingCurrentShot = currentShot;\n tryToUpdateImages();\n }\n }, [currentShot]);\n\n useEffect(() => {\n if (imageTransformReference.current) {\n const { centerView } = imageTransformReference.current;\n centerView(1, 300, 'easeOut');\n }\n }, [windowSize]);\n\n const getMenuHeight = () => {\n if (isMobile && windowSize.width > windowSize.height) {\n return menuMobileLandscapeHeight;\n }\n if (windowSize.width < smallScreenWidth) {\n return menuMdHeight;\n }\n return menuHdHeight;\n };\n\n const getImageDimensions = () => {\n const aspectRatio = windowSize.width / windowSize.height;\n let imageWidth;\n let imageHeight;\n let imageMinScale;\n let imageMaxScale;\n if (aspectRatio < aspectRatioThreshold) {\n imageWidth = (windowSize.height - getMenuHeight()) * aspectRatioThreshold;\n imageHeight = windowSize.height - getMenuHeight();\n imageMinScale = windowSize.width / imageWidth;\n imageMaxScale = isMobile ? imageMaxZoomMobile : imageMaxZoom;\n } else {\n imageWidth = windowSize.width;\n imageHeight = windowSize.width * aspectRatioInverseThreshold;\n imageMinScale = (windowSize.height - getMenuHeight()) / imageHeight;\n imageMaxScale = isMobile ? imageMaxZoomMobile : imageMaxZoom;\n }\n return {\n width: imageWidth, height: imageHeight, minScale: imageMinScale, maxScale: imageMaxScale,\n };\n };\n\n const onImageOneTransitionEnd = () => {\n if (visibleImage === 'image-two') {\n setImageOneShot(null);\n } else {\n tryToUpdateImages();\n }\n };\n\n const onImageTwoTransitionEnd = () => {\n if (visibleImage === 'image-one') {\n setImageTwoShot(null);\n } else {\n tryToUpdateImages();\n }\n };\n\n const onImageOneLoaded = () => {\n setVisibleImage('image-one');\n };\n\n const onImageTwoLoaded = () => {\n setVisibleImage('image-two');\n };\n\n return (\n \n dispatch(setLegalNoteOpened(false))}\n >\n
\n \n
\n Aviso Legal
\n \n \n
\n \n