\n {this.renderDots()}\n {children}\n
\n );\n }\n};\n\nexport default DotGroup;\n","import DotGroup from './DotGroup';\nimport WithStore from '../Store/WithStore';\n\nexport default WithStore(DotGroup, state => ({\n currentSlide: state.currentSlide,\n totalSlides: state.totalSlides,\n visibleSlides: state.visibleSlides,\n}));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n CarouselPropTypes, cn, LOADING, SUCCESS, ERROR,\n} from '../helpers';\nimport s from './Image.scss';\n\nclass Image extends React.Component {\n static propTypes = {\n alt: PropTypes.string,\n carouselStore: PropTypes.object.isRequired,\n children: CarouselPropTypes.children,\n className: PropTypes.string,\n hasMasterSpinner: PropTypes.bool.isRequired,\n isBgImage: CarouselPropTypes.isBgImage,\n onError: PropTypes.func,\n onLoad: PropTypes.func,\n renderError: PropTypes.func,\n renderLoading: PropTypes.func,\n src: PropTypes.string.isRequired,\n style: PropTypes.object,\n tag: PropTypes.string,\n };\n\n static defaultProps = {\n alt: '',\n children: null,\n className: null,\n isBgImage: false,\n onError: null,\n onLoad: null,\n renderError: null,\n renderLoading: null,\n style: null,\n tag: 'img',\n };\n\n static subscribeMasterSpinner(props) {\n if (props.hasMasterSpinner) {\n props.carouselStore.subscribeMasterSpinner(props.src);\n }\n }\n\n static unsubscribeMasterSpinner(props) {\n if (props.hasMasterSpinner) {\n props.carouselStore.unsubscribeMasterSpinner(props.src);\n }\n }\n\n constructor(props) {\n super(props);\n this.state = { imageStatus: LOADING };\n this.handleImageLoad = this.handleImageLoad.bind(this);\n this.handleImageError = this.handleImageError.bind(this);\n this.image = null;\n }\n\n componentDidMount() {\n Image.subscribeMasterSpinner(this.props);\n this.initImage();\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.src !== this.props.src) {\n Image.unsubscribeMasterSpinner(prevProps);\n Image.subscribeMasterSpinner(this.props);\n this.initImage();\n }\n }\n\n componentWillUnmount() {\n Image.unsubscribeMasterSpinner(this.props);\n this.image.removeEventListener('load', this.handleImageLoad);\n this.image.removeEventListener('error', this.handleImageError);\n this.image = null;\n }\n\n initImage() {\n this.setState({ imageStatus: LOADING });\n this.image = document.createElement('img');\n\n // set event listeners first\n this.image.addEventListener('load', this.handleImageLoad, false);\n this.image.addEventListener('error', this.handleImageError, false);\n\n // setting img.src initiates the image load.\n this.image.src = this.props.src;\n\n // Was the image cached? force the image through the load process again.\n // NOTE: figure out a way to test this. It might involve breaking initImage\n // up into some other methods.\n /* istanbul ignore if */\n if (this.image.readyState || this.image.complete) {\n const { src } = this.image;\n this.image.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==';\n this.image.src = src;\n }\n }\n\n handleImageLoad(ev) {\n this.setState({ imageStatus: SUCCESS });\n if (this.props.hasMasterSpinner) this.props.carouselStore.masterSpinnerSuccess(this.props.src);\n if (this.props.onLoad) this.props.onLoad(ev);\n }\n\n handleImageError(ev) {\n this.setState({ imageStatus: ERROR });\n if (this.props.hasMasterSpinner) this.props.carouselStore.masterSpinnerError(this.props.src);\n if (this.props.onError) this.props.onError(ev);\n }\n\n tempTag() {\n return this.props.tag === 'img' ? 'div' : this.props.tag;\n }\n\n customRender(propName) {\n if (typeof this.props[propName] === 'function') return this.props[propName]();\n return this.props.children;\n }\n\n renderLoading(filteredProps) {\n const Tag = this.tempTag();\n\n const newClassName = cn([\n s.image,\n s.imageLoading,\n 'carousel__image',\n this.props.isBgImage && 'carousel__image--with-background',\n 'carousel__image--loading',\n this.props.className,\n ]);\n\n return (\n \n \n {children}\n \n {this.renderMasterSpinner()}\n
\n \n );\n }\n};\n\nexport default Slider;\n","import Slider from './Slider';\nimport WithStore from '../Store/WithStore';\n\nexport default WithStore(Slider, state => ({\n currentSlide: state.currentSlide,\n disableAnimation: state.disableAnimation,\n privateUnDisableAnimation: state.privateUnDisableAnimation,\n disableKeyboard: state.disableKeyboard,\n dragEnabled: state.dragEnabled,\n hasMasterSpinner: state.hasMasterSpinner,\n infinite: state.infinite,\n interval: state.interval,\n isPageScrollLocked: state.isPageScrollLocked,\n isPlaying: state.isPlaying,\n lockOnWindowScroll: state.lockOnWindowScroll,\n preventingVerticalScroll: state.preventingVerticalScroll,\n masterSpinnerFinished: state.masterSpinnerFinished,\n naturalSlideHeight: state.naturalSlideHeight,\n naturalSlideWidth: state.naturalSlideWidth,\n orientation: state.orientation,\n playDirection: state.playDirection,\n slideSize: state.slideSize,\n slideTraySize: state.slideTraySize,\n step: state.step,\n dragStep: state.dragStep,\n totalSlides: state.totalSlides,\n touchEnabled: state.touchEnabled,\n visibleSlides: state.visibleSlides,\n isIntrinsicHeight: state.isIntrinsicHeight,\n}));\n","import { styled } from \"@mui/material\";\nimport { Box } from \"@mui/system\";\nimport { H1, Paragraph } from \"components/Typography\";\nimport { CarouselProvider, DotGroup, Slide, Slider } from \"pure-react-carousel\";\nimport React, { FC } from \"react\";\nimport { lightTheme } from \"../../constants\";\n\nconst StyledProvider = styled(CarouselProvider)(({ theme }) => ({\n outline: 0,\n padding: 24,\n height: \"100%\",\n display: \"flex\",\n overflow: \"hidden\",\n position: \"relative\",\n alignItems: \"center\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n backgroundColor: lightTheme(theme)\n ? theme.palette.grey[300]\n : theme.palette.background.paper,\n \"& .focusRing___1airF.carousel__slide-focus-ring\": {\n outline: \"none !important\",\n },\n}));\n\nconst StyledDotGroup = styled(DotGroup)(({ theme }) => ({\n gap: 5,\n display: \"flex\",\n textAlign: \"center\",\n \"& .dot___3c3SI.carousel__dot\": {\n border: 0,\n width: 10,\n height: 10,\n borderRadius: \"50%\",\n transition: \"all 0.3s\",\n backgroundColor: theme.palette.grey[600],\n },\n \"& .dot___3c3SI.carousel__dot--selected\": {\n backgroundColor: theme.palette.primary.main,\n },\n}));\n\nconst ContentSlider: FC = () => {\n return (\n \n {title}\n
\n![\"Logo\"](\"/static/logo/logo.svg\"){kind=logo}
\n