\r\n
\r\n )}\r\n\r\n {text && (\r\n \r\n {text}\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Button;\r\n","import * as React from 'react';\r\n\r\nimport Container from '../../helpers/Container';\r\nimport ImageObject from '../ImageObject';\r\nimport SvgImage from '../SvgImage';\r\nimport { HeroBannerProps } from './type';\r\nimport './styles.scss';\r\n\r\nconst HeroBanner = ({\r\n ariaHidden,\r\n backLink,\r\n children,\r\n colorTheme = 'blue',\r\n image,\r\n imageSize = 'half',\r\n isDarkened,\r\n isLanding,\r\n isForPage,\r\n}: HeroBannerProps) => {\r\n const root = 'hero-banner';\r\n const classes = [\r\n root,\r\n `${root}--theme-${colorTheme}`,\r\n ];\r\n if (isDarkened) {\r\n classes.push(`${root}--darkened`);\r\n }\r\n if (image) {\r\n classes.push(`${root}--${imageSize}`);\r\n }\r\n if (!image) {\r\n classes.push(`${root}--no-image`);\r\n }\r\n if (isLanding) {\r\n classes.push(`${root}--landing`);\r\n }\r\n if (isForPage) {\r\n classes.push(`${root}--for-page`);\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default HeroBanner;\r\n","import * as React from 'react';\r\nimport { useEffect, useState } from 'react';\r\nimport { Image as ImageType } from '../../../typings';\r\nimport Image from '../Image';\r\n\r\ninterface ImageWithFocalPointProps {\r\n image: ImageType;\r\n aspectRatio: '2x1' | '16x9' | '3x2' | '4x3' | '1x1' | '4x5' | '2x3' | '6x1' | '6x7-promo';\r\n widthSizes?: string[];\r\n aspectRatioMobile?: '2x1' | '16x9' | '3x2' | '4x3' | '1x1' | '4x5' | '2x3' | '6x1' | '6x7-promo';\r\n mobileImageTriggerWidth?: number;\r\n isLoaded?: Function;\r\n hasTransparentBackground?: boolean;\r\n isDarkened?: boolean;\r\n}\r\n\r\nconst ImageWithFocalPoint = ({\r\n image,\r\n aspectRatio,\r\n aspectRatioMobile,\r\n mobileImageTriggerWidth,\r\n widthSizes,\r\n isLoaded,\r\n hasTransparentBackground = false,\r\n isDarkened = false, // passed as percentage 80 etc.\r\n}: ImageWithFocalPointProps) => {\r\n const [focalPoint, setFocalPoint] = useState\r\n
\r\n\r\n {!isLanding && (\r\n \r\n \r\n \r\n
\r\n \r\n {backLink ? (\r\n \r\n
\r\n\r\n \r\n {children}\r\n
\r\n \r\n {image && (\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n )}\r\n {title}\r\n {iconAfter && (\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Link;\r\n","import * as React from 'react';\r\nimport { useEffect } from 'react';\r\nimport SvgImage from '../SvgImage';\r\nimport { CSS_CLASSES } from '../../../configs';\r\nimport './styles.scss';\r\n\r\nconst bodyElm = document.body;\r\n\r\ninterface OverlayProps {\r\n children: JSX.Element | JSX.Element[];\r\n handleClose: Function;\r\n style?: string;\r\n id?: string;\r\n hasCloseRedirect?: boolean;\r\n containerLess?: boolean;\r\n}\r\n\r\nconst Overlay = ({\r\n children,\r\n handleClose,\r\n style,\r\n id,\r\n hasCloseRedirect,\r\n containerLess,\r\n}: OverlayProps) => {\r\n const closeOverlay = () => {\r\n bodyElm.classList.remove(CSS_CLASSES.overlayIsShowing);\r\n /* timeout to allow animations to complete. */\r\n if (hasCloseRedirect) {\r\n handleClose();\r\n return;\r\n }\r\n setTimeout(() => {\r\n handleClose();\r\n }, 100);\r\n };\r\n\r\n const handleKeyUp = (event: React.KeyboardEvent\r\n
\r\n );\r\n};\r\n\r\nexport default Overlay;\r\n","import * as React from 'react';\r\nimport { Discipline } from '../../../core/typings';\r\nimport './styles.scss';\r\n\r\ntype Stat = {\r\n label: string;\r\n value: string;\r\n};\r\n\r\ninterface StatsProps {\r\n stats: Stat[];\r\n text?: string;\r\n discipline?: Discipline;\r\n}\r\n\r\nconst Stats = ({\r\n stats,\r\n text,\r\n discipline,\r\n}: StatsProps) => {\r\n const head = stats[0];\r\n const body = stats.slice(1);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {children}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Stats;\r\n","\"use strict\";\n\nexports.__esModule = true;\nexports.default = getClosestTransformedParent;\n\nfunction getClosestTransformedParent(el) {\n do {\n var style = window.getComputedStyle(el);\n if (style.transform !== 'none' || style.webkitTransform !== 'none') return el; // $FlowFixMe - it's fine\n\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n\n return null;\n}\n\nmodule.exports = exports.default;","\"use strict\";\n\nexports.__esModule = true;\nexports.getRect = getRect;\nexports.isIntersecting = isIntersecting;\nexports.infiniteRect = void 0;\nvar infiniteRect = {\n top: -Infinity,\n bottom: Infinity,\n height: Infinity,\n left: -Infinity,\n right: Infinity,\n width: Infinity\n};\nexports.infiniteRect = infiniteRect;\n\nfunction getRect(el) {\n if (el && typeof el.getBoundingClientRect === 'function') {\n return el.getBoundingClientRect();\n }\n\n if (el === window || el === document) {\n return {\n top: 0,\n left: 0,\n bottom: window.innerHeight,\n height: window.innerHeight,\n width: window.innerWidth,\n right: window.innerWidth\n };\n }\n\n return {\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: 0,\n height: 0\n };\n}\n\nfunction isIntersecting(r1, r2, topOffset, bottomOffset) {\n var r1Top = r1.top + topOffset,\n r1Bottom = r1.bottom + bottomOffset;\n return r1Top >= r2.top && r1Top <= r2.bottom || r1Bottom >= r2.top && r1Bottom <= r2.bottom || r1Bottom >= r2.bottom && r1Top <= r2.top;\n}","\"use strict\";\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _renderPropsVersion = _interopRequireDefault(require(\"./render-props-version\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction Sticky(props) {\n var mode = props.mode,\n onFixedToggle = props.onFixedToggle,\n hideOnBoundaryHit = props.hideOnBoundaryHit,\n offsetTransforms = props.offsetTransforms,\n disabled = props.disabled,\n boundaryElement = props.boundaryElement,\n scrollElement = props.scrollElement,\n bottomOffset = props.bottomOffset,\n topOffset = props.topOffset,\n positionRecheckInterval = props.positionRecheckInterval,\n children = props.children,\n isIOSFixEnabled = props.isIOSFixEnabled,\n dontUpdateHolderHeightWhenSticky = props.dontUpdateHolderHeightWhenSticky,\n wrapperClassName = props.wrapperClassName,\n stickyClassName = props.stickyClassName,\n stickyStyle = props.stickyStyle,\n rest = _objectWithoutPropertiesLoose(props, [\"mode\", \"onFixedToggle\", \"hideOnBoundaryHit\", \"offsetTransforms\", \"disabled\", \"boundaryElement\", \"scrollElement\", \"bottomOffset\", \"topOffset\", \"positionRecheckInterval\", \"children\", \"isIOSFixEnabled\", \"dontUpdateHolderHeightWhenSticky\", \"wrapperClassName\", \"stickyClassName\", \"stickyStyle\"]);\n\n return /*#__PURE__*/_react.default.createElement(_renderPropsVersion.default, {\n mode: mode,\n onFixedToggle: onFixedToggle,\n hideOnBoundaryHit: hideOnBoundaryHit,\n offsetTransforms: offsetTransforms,\n disabled: disabled,\n boundaryElement: boundaryElement,\n scrollElement: scrollElement,\n bottomOffset: bottomOffset,\n topOffset: topOffset,\n positionRecheckInterval: positionRecheckInterval,\n isIOSFixEnabled: isIOSFixEnabled,\n dontUpdateHolderHeightWhenSticky: dontUpdateHolderHeightWhenSticky\n }, function (_ref) {\n var isFixed = _ref.isFixed,\n wrapperStyles = _ref.wrapperStyles,\n wrapperRef = _ref.wrapperRef,\n holderStyles = _ref.holderStyles,\n holderRef = _ref.holderRef;\n return /*#__PURE__*/_react.default.createElement(\"div\", _extends({}, rest, {\n ref: holderRef,\n style: holderStyles\n }), /*#__PURE__*/_react.default.createElement(\"div\", _extends({}, rest, {\n className: wrapperClassName + \" \" + (isFixed ? stickyClassName : ''),\n style: // $FlowFixMe - flow does not like when we merge 2 inexact objects\n isFixed ? _extends({}, wrapperStyles, stickyStyle) : wrapperStyles,\n ref: wrapperRef\n }), children));\n });\n}\n\nSticky.defaultProps = {\n stickyClassName: 'sticky',\n wrapperClassName: '',\n stickyStyle: {}\n};\nvar _default = Sticky;\nexports.default = _default;\nmodule.exports = exports.default;","import * as React from 'react';\r\nimport { useState, useEffect } from 'react';\r\nimport { SvgImage } from '../common';\r\nimport FlatFilterListProps, { FlatFilterListOption } from './type';\r\nimport breakpoints from '../../breakpoints';\r\nimport './styles.scss';\r\n\r\nconst FlatFilterList = ({\r\n name,\r\n queryParam,\r\n items,\r\n selectedValue,\r\n viewMoreLabel,\r\n action,\r\n allowMultipleSelection = false,\r\n}: FlatFilterListProps) => {\r\n const defaultCutOffIndex = 5;\r\n const [cutOffIndex, setCutOffIndex] = useState\r\n {text && (\r\n
\r\n {text}
\r\n )}\r\n\r\n {head.label}
\r\n {head.value}
\r\n\r\n {text && (\r\n {text}
\r\n )}\r\n - \r\n {body.map((stat: Stat) => (\r\n
- \r\n {stat.label}\r\n{stat.value}\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default FlatFilterList;\r\n","import * as React from 'react';\r\nimport SvgImage from '../SvgImage';\r\nimport './styles.scss';\r\n\r\ninterface SearchFieldProps {\r\n name?: string;\r\n label: string;\r\n placeholder?: string;\r\n callback?: Function;\r\n value: string;\r\n onSearchClear?: React.MouseEventHandler\r\n
\r\n {name}
\r\n\r\n {options && (\r\n
\r\n {isViewMore && (\r\n - \r\n {options.slice(0, cutOffIndex).map((option, index) => (\r\n
- \r\n
\r\n viewMoreAction(event)}\r\n >\r\n {viewMoreLabel}\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n callback && callback(event.currentTarget.value)}\r\n />\r\n \r\n\r\n {value && onSearchClear ? (\r\n \r\n ) : (\r\n
\r\n);\r\n\r\nexport default SearchField;\r\n","import * as React from 'react';\r\nimport { useRef, useState, useEffect } from 'react';\r\nimport Sticky from 'react-sticky-el';\r\nimport { JumpList, SvgImage, Overlay } from '../common';\r\nimport FlatFilterList from '../FlatFilterList';\r\nimport SearchField from '../common/SearchField';\r\nimport breakpoints from '../../breakpoints';\r\nimport FiltersPanelProps from './type';\r\nimport mapFilterType from '../../mutators';\r\nimport { getUrlParamValue } from '../../utilities/browser';\r\nimport './styles.scss';\r\n\r\ninterface JumpListOption {\r\n displayText: string;\r\n value: string;\r\n selectedValue?: boolean;\r\n name?: string;\r\n}\r\n\r\ninterface SelectedValues {\r\n length: number;\r\n selected: any;\r\n}\r\n\r\nconst FiltersPanel = ({\r\n hasSearch,\r\n visibleFilters,\r\n additionalFilters,\r\n visibleFilterCallback,\r\n additionalFilterCallback,\r\n searchLabel,\r\n searchPlaceholder,\r\n additionalFiltersApplyButtonLabel,\r\n additionalFiltersLabel,\r\n searchFieldCallback,\r\n searchTerm,\r\n disableSticky = false,\r\n disableFirst = false,\r\n themeColour = 'default',\r\n allowMultipleSelection = false,\r\n defaultDatePickerValue,\r\n onDateChange,\r\n includeDates,\r\n datePickerLocale,\r\n onSearchClear,\r\n}: FiltersPanelProps) => {\r\n const filters = useRef\r\n
\r\n )}\r\n \r\n
\r\n \r\n\r\n {isOverlayActive && (\r\n \r\n {hasSearch && (\r\n
\r\n \r\n
\r\n )}\r\n\r\n {visibleFilters && visibleFilters.map((filterItem, index) => (\r\n \r\n
\r\n \r\n handleSelection(event)}\r\n selectedValue={checkForQueryParamValue(filterItem.queryParam)}\r\n useScroller\r\n useSearch={hasSearch}\r\n disableFirst={disableFirst && !index}\r\n withDatePicker={filterItem.withDatePicker}\r\n defaultDatePickerValue={defaultDatePickerValue}\r\n onDateChange={onDateChange}\r\n includeDates={includeDates}\r\n datePickerLocale={datePickerLocale}\r\n />\r\n
\r\n ))}\r\n\r\n {additionalFilters && (\r\n \r\n \r\n
\r\n )}\r\n \r\n {additionalFilters && additionalFiltersLabel && (\r\n <>\r\n
\r\n \r\n {additionalFilters?.map((additionalFilter) => (\r\n <>\r\n {Boolean(additionalFilter.items.length) && (\r\n handleMultipleSelection(events)}\r\n selectedValue={\r\n selectedAdditionalValues?.selected[additionalFilter?.queryParam]\r\n || additionalFilter.items[0].code\r\n }\r\n allowMultipleSelection={allowMultipleSelection}\r\n />\r\n )}\r\n \r\n\r\n ))}\r\n
\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n {title}\r\n
\r\n);\r\n\r\nexport default UnderlineTitle;\r\n","/**\n * lodash (Custom Build)\r\n {Boolean(title || contact) && (\r\n
\r\n );\r\n};\r\n\r\nexport default Content;\r\n","import * as React from 'react';\r\nimport { useContext } from 'react';\r\nimport SvgImage from '../SvgImage';\r\nimport { Contacts } from '../../../typings';\r\nimport LocalizationContext from '../../../contexts/Localizations';\r\nimport './styles.scss';\r\n\r\ninterface ContactProps {\r\n contact: Contacts;\r\n containerTheme: string;\r\n}\r\n\r\nconst Contact = ({\r\n contact,\r\n containerTheme,\r\n}: ContactProps) => {\r\n const { translations } = useContext(LocalizationContext);\r\n // Adds space between every characters apart from (0)\r\n // Required for screen readers to read phone numbers properly and include all character\r\n const toReadable = (phoneNumber: string): string => phoneNumber\r\n .split(' ')\r\n .join('')\r\n .split('')\r\n .join(' ')\r\n .replace('( 0 )', '(0)');\r\n\r\n return (\r\n \r\n {title && (\r\n
\r\n )}\r\n\r\n {!title && (\r\n <>\r\n {intro && (!contact || isEmpty(contact)) && (!title\r\n ? {intro}
\r\n :{intro}
)}\r\n \r\n )}\r\n\r\n {title && (\r\n <>\r\n {intro && (contact || !isEmpty(contact)) && (title\r\n ? \r\n {link.title}\r\n \r\n {secondaryLink.title}\r\n
\r\n {intro}
\r\n :{intro}
)}\r\n \r\n )}\r\n\r\n {content && (\r\n- \r\n {downloads.map((download) => (\r\n
- \r\n
\r\n \r\n \r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Contact;\r\n","import React, {\r\n useState,\r\n useEffect,\r\n useContext,\r\n useRef,\r\n useCallback,\r\n} from 'react';\r\nimport throttle from 'lodash.throttle';\r\nimport Reveal from 'react-reveal/Reveal';\r\nimport LocalizationContext from '../../contexts/Localizations';\r\nimport FiltersPanel from '../FiltersPanel';\r\nimport Container from '../helpers/Container';\r\nimport { getUrlParamValue, scrollIntoView } from '../../utilities/browser';\r\nimport { Loader, Pagination, SvgImage } from '../common';\r\nimport RidersListProps from './type';\r\nimport { Rider, Team } from '../../core/typings/riders';\r\nimport { RidersApiParams } from '../../core/typings/api';\r\nimport api from '../../core/api/models';\r\n\r\nimport './styles.scss';\r\n\r\nexport interface RidersListApiParams {\r\n id?: string;\r\n page?: number;\r\n countryCode?: string;\r\n discipline?: string;\r\n category?: string;\r\n year?: string;\r\n search?: string;\r\n}\r\n\r\nexport const TeamItem = ({\r\n countryCode,\r\n teamCode,\r\n teamName,\r\n format,\r\n url,\r\n}: Team) => {\r\n const WithLink = ({ children, ...props }: { children: JSX.Element[], className: string }) => (url\r\n ? {children}\r\n : \r\n {translations.contact.title}\r\n
\r\n\r\n- \r\n {(contact.addr && contact.addr.length) && (\r\n
- \r\n \r\n {`${translations.contact.addr}:`}\r\n \r\n {contact.addr}\r\n \r\n )}\r\n {(contact.tel && contact.tel.length) && (\r\n
- \r\n \r\n {`${translations.contact.tel}:`}\r\n \r\n \r\n {contact.tel}\r\n \r\n \r\n )}\r\n {(contact.fax && contact.fax.length) && (\r\n
- \r\n \r\n {`${translations.contact.fax}:`}\r\n \r\n \r\n {contact.fax}\r\n \r\n \r\n )}\r\n {(contact.email && contact.email.length) && (\r\n
- \r\n \r\n {`${translations.contact.email}:`}\r\n \r\n \r\n {contact.email}\r\n \r\n \r\n )}\r\n {(contact.website && contact.website.length) && (\r\n
- \r\n \r\n {`${translations.contact.website}:`}\r\n \r\n \r\n {contact.website}\r\n \r\n \r\n )}\r\n
- \r\n \r\n \r\n
{children}
);\r\n\r\n return (\r\n \r\n
\r\n \r\n {teamName}\r\n
\r\n {teamCode && (\r\n \r\n {teamCode}\r\n
\r\n )}\r\n \r\n
\r\n \r\n {format}\r\n
\r\n {countryCode && (\r\n \r\n {countryCode.replace('RUS', '***').replace('BLR', '***')}\r\n
\r\n )}\r\n \r\n {url && (\r\n
\r\n {children}
);\r\n\r\n return (\r\n \r\n
\r\n\r\n {givenName}
\r\n {familyName}
\r\n {teamCode && (\r\n \r\n {teamCode}\r\n
\r\n )}\r\n \r\n
\r\n \r\n {format}\r\n
\r\n {countryCode && (\r\n \r\n {countryCode.replace('RUS', '***').replace('BLR', '***')}\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default RidersList;\r\n","import * as React from 'react';\r\nimport './styles.scss';\r\n\r\ninterface RichTextProps {\r\n content: string;\r\n containerTheme: string;\r\n}\r\n\r\nconst RichText = ({\r\n content,\r\n containerTheme,\r\n}: RichTextProps) => (\r\n \r\n {filters && (\r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n {title && (\r\n
\r\n {title}
\r\n )}\r\n\r\n {isFetching && (\r\n\r\n
\r\n )}\r\n\r\n {Boolean(!isFetching && !riders.length) && (\r\n \r\n
\r\n )}\r\n\r\n {Boolean(!isFetching && riders.length) && (\r\n \r\n {translations.calendar.noResults}\r\n
\r\n\r\n {!forCompetitionHub && (\r\n
\r\n )}\r\n \r\n {`${totalItems} ${translations.riders.resultsLabel}`}\r\n
\r\n )}\r\n\r\n - \r\n {riders.map((item, index) => (\r\n <>\r\n {!forTeams && (\r\n
\r\n {statuses.map((status) => (\r\n
\r\n )}\r\n\r\n {apiQueryParams?.page && (\r\n \r\n {status.label}\r\n
\r\n ))}\r\n \r\n
\r\n);\r\n\r\nexport default RichText;\r\n","import { useEffect } from 'react';\r\n\r\nconst useHabitat = (): Function => {\r\n useEffect(() => {\r\n if (window.updateHabitat) {\r\n window.updateHabitat();\r\n }\r\n }, []);\r\n\r\n return window.updateHabitat as Function;\r\n};\r\n\r\nexport default useHabitat;\r\n","import { Image } from '../typings/index';\r\n\r\ndeclare global {\r\n interface Document {\r\n documentMode?: any;\r\n }\r\n}\r\n\r\nconst isIE = () => (\r\n !!window.MSInputMethodContext && !!document.documentMode\r\n);\r\n\r\n// Insert url param\r\nconst insertUrlParam = (key: string, value: string, includeHash?: boolean) => {\r\n // @ts-ignore\r\n if (history.pushState) {\r\n const searchParams = new URLSearchParams(window.location.search);\r\n searchParams.set(key, value);\r\n let newurl = `${window.location.protocol}//${window.location.host}${window.location.pathname}?${searchParams.toString()}`;\r\n if (includeHash && window.location.hash) {\r\n newurl = `${newurl}${window.location.hash}`;\r\n }\r\n window.history.pushState({ path: newurl }, '', newurl);\r\n }\r\n};\r\n\r\n// Removes all query string entires\r\nconst removeAllQueryStrings = () => {\r\n const url = window.location.href.replace(/(\\?.*)|(@.*)/g, '');\r\n window.history.pushState({ path: url }, '', url);\r\n};\r\n\r\n// Get All url params\r\nconst getAllUrlParams = (search: string) => {\r\n const hashes = search.slice(search.indexOf('?') + 1).split('&');\r\n const params: { [key: string]: string } = {};\r\n hashes.map((hash) => {\r\n const [key, val] = hash.split('=');\r\n params[key] = decodeURIComponent(val);\r\n return true;\r\n });\r\n return params;\r\n};\r\n\r\n// Get param value\r\nconst getUrlParamValue = (key: any) => {\r\n const search = Object.entries(getAllUrlParams(window.location.href)).filter((param) => (\r\n param[0] === key\r\n ));\r\n return search[0] ? search[0][1] : null;\r\n};\r\n\r\n// Script exists in head of document.\r\n// Taken from: https://github.com/kaimallea/isMobile\r\nconst isMobile = () => (\r\n /Mobi/.test(navigator.userAgent)\r\n);\r\n\r\nconst scrollIntoView = (elemToScrollTo: HTMLElement, behaviour: ScrollBehavior) => {\r\n if (!isIE()) {\r\n elemToScrollTo.scrollIntoView({\r\n behavior: behaviour,\r\n });\r\n }\r\n};\r\n\r\nconst isPortrait = (image: Image) => (\r\n // @ts-ignore\r\n (image.file.details.image.height > image.file.details.image.width)\r\n);\r\n\r\nconst elementInViewport = (el: any) => {\r\n let top = el.offsetTop;\r\n let left = el.offsetLeft;\r\n const width = el.offsetWidth;\r\n const height = el.offsetHeight;\r\n\r\n while (el.offsetParent) {\r\n // eslint-disable-next-line no-param-reassign\r\n el = el.offsetParent;\r\n top += el.offsetTop;\r\n left += el.offsetLeft;\r\n }\r\n\r\n return (\r\n top >= window.pageYOffset\r\n && left >= window.pageXOffset\r\n && (top + height) <= (window.pageYOffset + window.innerHeight)\r\n && (left + width) <= (window.pageXOffset + window.innerWidth)\r\n );\r\n};\r\n\r\nconst toDataURL = (url: string, callback: Function) => {\r\n const xhr = new XMLHttpRequest();\r\n xhr.onload = () => {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n if (callback) {\r\n callback(reader.result);\r\n }\r\n };\r\n reader.readAsDataURL(xhr.response);\r\n };\r\n xhr.open('GET', url);\r\n xhr.responseType = 'blob';\r\n xhr.send();\r\n};\r\n\r\nexport {\r\n insertUrlParam,\r\n getAllUrlParams,\r\n getUrlParamValue,\r\n removeAllQueryStrings,\r\n isMobile,\r\n scrollIntoView,\r\n isPortrait,\r\n elementInViewport,\r\n toDataURL,\r\n};\r\n","import * as React from 'react';\r\nimport {\r\n useContext, useState, useEffect, useRef,\r\n} from 'react';\r\nimport moment from 'moment';\r\nimport { fr } from 'date-fns/locale/fr';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport PerfectScrollbar from 'react-perfect-scrollbar';\r\nimport DatePicker, { registerLocale } from 'react-datepicker';\r\nimport useOutsideAlerter from '../../../hooks/UseOutsideAlerter';\r\nimport LocalizationContext from '../../../contexts/Localizations';\r\nimport SvgImage from '../SvgImage';\r\nimport './styles.scss';\r\n\r\nregisterLocale('fr', fr);\r\n\r\ninterface JumpListOption {\r\n displayText: string;\r\n value: string;\r\n selectedValue?: boolean;\r\n visible?: boolean;\r\n name?: string;\r\n}\r\n\r\ninterface JumpListProps {\r\n items: JumpListOption[];\r\n selectedValue?: string;\r\n action: Function;\r\n icon?: string;\r\n theme?: string;\r\n useScroller?: boolean;\r\n useSearch?: boolean;\r\n name?: string;\r\n disableFirst?: boolean;\r\n withDatePicker?: boolean;\r\n defaultDatePickerValue?: Date;\r\n onDateChange?: Function;\r\n includeDates?: Date[];\r\n datePickerLocale?: string;\r\n}\r\n\r\nconst JumpList = ({\r\n items,\r\n action,\r\n selectedValue,\r\n icon = 'icon-arrow-down',\r\n theme = 'default',\r\n useScroller = false,\r\n useSearch = false,\r\n name,\r\n disableFirst = false,\r\n withDatePicker = false,\r\n defaultDatePickerValue,\r\n onDateChange,\r\n includeDates,\r\n datePickerLocale,\r\n}: JumpListProps) => {\r\n const wrapperRef = useRef\r\n (\r\n setSearchValue((event.currentTarget as HTMLInputElement).value)\r\n )}\r\n />\r\n {Boolean(!options?.filter((option) => option.visible).length) && (\r\n
\r\n );\r\n\r\n /**\r\n * Creates the option list.\r\n * @returns\r\n */\r\n const createOptions = () => {\r\n if (useScroller) {\r\n return (\r\n \r\n {`No selection found for ${searchValue}.`}\r\n {/* Needs Laguage label */}\r\n
\r\n )}\r\n \r\n {useSearch && createSearch()}\r\n \r\n <>\r\n {options && (\r\n {\r\n if (onDateChange) {\r\n const dateIndex = options?.findIndex((option) => {\r\n const optionMoment = moment(option.value).format('DD-MM-YYYY');\r\n const selectedMoment = moment(date).format('DD-MM-YYYY');\r\n\r\n return optionMoment === selectedMoment;\r\n });\r\n\r\n if (dateIndex !== undefined && dateIndex >= 0) {\r\n onDateChange(date);\r\n\r\n handleChange(event, dateIndex);\r\n }\r\n }\r\n }}\r\n includeDates={includeDates}\r\n inline\r\n locale={datePickerLocale}\r\n />\r\n )}\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n - \r\n {options?.map((option, key) => option.visible && createOption(option, key))}\r\n
\r\n {useSearch && createSearch()}\r\n {options && (\r\n
\r\n );\r\n };\r\n\r\n return (\r\n - \r\n {options?.map((option, key) => option.visible && createOption(option, key))}\r\n
\r\n {value && (\r\n \r\n )}\r\n
\r\n \r\n
\r\n {createOptions()}\r\n \r\n );\r\n};\r\n\r\nexport default JumpList;\r\n","export default {\r\n xxs: 375,\r\n xs: 450,\r\n sm: 620,\r\n md: 768,\r\n ml: 870,\r\n lg: 1024,\r\n xl: 1300,\r\n xxl: 1440,\r\n xxxl: 1740,\r\n xxxxl: 1900,\r\n};\r\n","/* eslint-disable react/no-array-index-key */\r\nimport React, { useState, useEffect, Fragment } from 'react';\r\nimport SvgImage from '../SvgImage';\r\nimport './styles.scss';\r\n\r\ninterface ResponsiveTableProps {\r\n headers: {\r\n alwaysVisible: boolean;\r\n key: string;\r\n label: string;\r\n hiddenOnMobile?: boolean;\r\n }[];\r\n rows: {\r\n row: Record\r\n {!nested && (\r\n
\r\n );\r\n};\r\n\r\nexport default ResponsiveTable;\r\n","import * as React from 'react';\r\nimport moment from 'moment';\r\nimport { Link as LinkType } from '../../../typings';\r\nimport './styles.scss';\r\n\r\ninterface DateAndCategoryProps {\r\n date?: string;\r\n category?: LinkType;\r\n dateFormat?: string;\r\n}\r\n\r\nconst DateAndCategory = ({ date, category, dateFormat }: DateAndCategoryProps) => (\r\n \r\n \r\n Show details\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n \r\n {stickyCol && (\r\n \r\n {header.label}\r\n \r\n ))}\r\n\r\n {rows.some((row) => row.Table) && (\r\n \r\n \r\n \r\n \r\n {rows.map(({ row, Table }, rowIndex) => (\r\n \r\n \r\n {headers.map((header, colIndex) => (\r\n \r\n {stickyCol && colIndex === 0 && (\r\n {stickyCol[rowIndex]} \r\n )}\r\n \r\n {row[header.key]}\r\n \r\n \r\n ))}\r\n\r\n {Table && (\r\n \r\n toggleExpandRow(rowIndex)}\r\n >\r\n \r\n \r\n { Table }\r\n \r\n \r\n )}\r\n \r\n ))}\r\n \r\n \r\n
\r\n \r\n expand\r\n
\r\n \r\n )}\r\n \r\n {category && (\r\n
\r\n);\r\n\r\nexport default DateAndCategory;\r\n","import * as React from 'react';\r\nimport { useState, useEffect, useRef } from 'react';\r\nimport useHabitat from '../../../hooks/useHabitat';\r\nimport Content from '../Content';\r\nimport { Discipline } from '../../../core/typings';\r\nimport './styles.scss';\r\n\r\ninterface AccordionPanelProps {\r\n index: number;\r\n activeTab: boolean;\r\n toggleTab: Function;\r\n label: string | JSX.Element;\r\n content: string | JSX.Element | JSX.Element[];\r\n themeColor: string;\r\n discipline?: string;\r\n isAsync?: boolean;\r\n isResults?: boolean;\r\n}\r\n\r\nconst AccordionPanel = ({\r\n index,\r\n activeTab,\r\n toggleTab,\r\n label,\r\n content,\r\n themeColor,\r\n discipline,\r\n isAsync,\r\n isResults,\r\n}: AccordionPanelProps) => {\r\n const [height, setHeight] = useState\r\n {category.title}\r\n
\r\n )}\r\n {date && (\r\n \r\n )}\r\n\r\n \r\n toggleTab(index)}\r\n >\r\n {label}\r\n \r\n \r\n {typeof content === 'string' && (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport interface AccordionPanelType {\r\n label: string | JSX.Element;\r\n content: string | JSX.Element | JSX.Element[];\r\n}\r\n\r\ninterface AccordionProps {\r\n panels: AccordionPanelType[];\r\n themeColor: string;\r\n discipline?: Discipline;\r\n isResults?: boolean;\r\n}\r\n\r\ninterface PanelsState {\r\n label: string | JSX.Element;\r\n content: string | JSX.Element | JSX.Element[];\r\n activeTab: boolean;\r\n}\r\n\r\nconst Accordion = ({\r\n panels,\r\n themeColor,\r\n discipline,\r\n isResults,\r\n}: AccordionProps) => {\r\n const [panelsInState, setPanelsInState] = useState\r\n
\r\n )}\r\n\r\n {!isAsync && React.isValidElement(content) && content}\r\n\r\n {isAsync && (activeTab || asyncContentLoaded) && React.isValidElement(content) && (\r\n \r\n {panelsInState && (\r\n <>\r\n {panelsInState.map((panel, index) => (\r\n
\r\n );\r\n};\r\n\r\nexport default Accordion;\r\n","import * as React from 'react';\r\nimport { useState, useEffect } from 'react';\r\nimport { Image as ImageType } from '../../../typings';\r\nimport 'lazysizes';\r\nimport 'lazysizes/plugins/attrchange/ls.attrchange';\r\n\r\nconst defaultWidths = ['400', '800', '1200', '2400', '4000'];\r\n\r\ninterface ImageBasicProps {\r\n image: ImageType;\r\n widthSizes?: string[];\r\n isDarkened?: boolean;\r\n useIntrinsicHeight?: boolean;\r\n}\r\n\r\nconst ImageBasic = ({\r\n image,\r\n widthSizes = defaultWidths,\r\n isDarkened = false,\r\n useIntrinsicHeight,\r\n}: ImageBasicProps) => {\r\n const [isLoaded, setIsLoaded] = useState\r\n
\r\n);\r\n\r\nexport default Loader;\r\n","import * as React from 'react';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport SvgImage from '../SvgImage';\r\nimport './styles.scss';\r\n\r\ninterface SocialLinksProps {\r\n list: {\r\n name: string;\r\n url: string;\r\n type: string;\r\n }[];\r\n}\r\n\r\nconst SocialLinks = ({ list }: SocialLinksProps) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n);\r\n\r\nexport default SocialLinks;\r\n","import * as React from 'react';\r\nimport Tag from '../Tag';\r\nimport './styles.scss';\r\n\r\ninterface TagProps {\r\n tags: {\r\n text: string;\r\n url: string;\r\n }[];\r\n}\r\n\r\nconst TagList = ({ tags }: TagProps) => (\r\n - \r\n {list.map((item) => (\r\n
- \r\n \r\n {item.name}\r\n \r\n\r\n \r\n
\r\n \r\n ))}\r\n
- \r\n {tags.map((tag) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n
\r\n\r\n );\r\n }\r\n}\r\n","import * as React from 'react';\r\n\r\ninterface ContainerProps {\r\n className?: string;\r\n children: JSX.Element | JSX.Element[];\r\n overflowHidden?: boolean;\r\n}\r\n\r\ninterface ColumnProps {\r\n sm?: number;\r\n md?: number;\r\n lg?: number;\r\n xl?: number;\r\n className?: string;\r\n children: React.ReactNode;\r\n}\r\n\r\ninterface GridProps {\r\n isFlush?: boolean;\r\n className?: string;\r\n}\r\n\r\nexport const Container = ({\r\n children,\r\n className,\r\n overflowHidden = false,\r\n}: ContainerProps) => (\r\n - \r\n\r\n {/* First page */}\r\n
- \r\n {this.generateButton(firstPageIndex as number, '1', isFirstPageDisabled as boolean)}\r\n \r\n\r\n {/* Page list */}\r\n {pages.map((item) => (\r\n
- \r\n {this.generateButton(item, String(item), false)}\r\n \r\n ))}\r\n\r\n {/* Last page */}\r\n
- \r\n {this.generateButton(lastPageIndex as number, `${totalAmountOfPages}`, isLastPageDisabled as boolean)}\r\n \r\n
\r\n {/* Previous page */}\r\n \r\n\r\n {/* Next page */}\r\n \r\n
\r\n\r\n \r\n {children}\r\n
\r\n);\r\n\r\nconst Column = ({\r\n sm = 6,\r\n md = 6,\r\n lg = 12,\r\n xl,\r\n className,\r\n children,\r\n}: ColumnProps) => (\r\n \r\n {children}\r\n
\r\n);\r\n\r\nexport class Grid extends React.Component\r\n {children}\r\n
\r\n );\r\n }\r\n}\r\n","import { useEffect } from 'react';\r\n\r\nconst useOutsideAlerter = (ref: any, handler?: Function) => {\r\n useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (ref.current && !ref.current.contains(event.target)) {\r\n if (handler && typeof handler === 'function') {\r\n handler();\r\n }\r\n }\r\n };\r\n\r\n document.addEventListener('mousedown', handleClickOutside);\r\n return () => {\r\n document.removeEventListener('mousedown', handleClickOutside);\r\n };\r\n }, [ref]);\r\n};\r\n\r\nexport default useOutsideAlerter;\r\n","import React, { useContext } from 'react';\r\nimport LocalizationContext from '../../contexts/Localizations';\r\nimport { Team as TeamDetailsProps } from '../../core/typings/riders';\r\nimport { Container } from '../helpers/Grid';\r\nimport './styles.scss';\r\n\r\nconst TeamDetails = ({\r\n teamCode,\r\n teamName,\r\n categoryName,\r\n country,\r\n website,\r\n email,\r\n pictureTeamJersey,\r\n address,\r\n}: TeamDetailsProps) => {\r\n const { translations } = useContext(LocalizationContext);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default TeamDetails;\r\n","import React from 'react';\r\nimport Accordion, { AccordionPanelType } from '../common/Accordion';\r\nimport RidersAccordionProps from './type';\r\nimport { Container } from '../helpers/Grid';\r\nimport { Rider } from '../../core/typings/riders';\r\nimport { RiderItem } from '../RidersList';\r\nimport './styles.scss';\r\n\r\nconst RidersAccordionContent = ({ riders }: { riders: Rider[] }) => (\r\n <>\r\n {riders.map((rider) => \r\n
\r\n \r\n
\r\n {pictureTeamJersey && (\r\n \r\n {teamName}\r\n
\r\n \r\n {`\r\n ${categoryName && `${categoryName} -`}\r\n ${teamCode && `${teamCode} -`}\r\n ${country && country.replace('BELARUS', '*******').replace('RUSSIAN FEDERATION', '*******')}\r\n `}\r\n
\r\n \r\n
\r\n \r\n {website && (\r\n
\r\n {address && (\r\n \r\n {translations.competition.websiteLabel}\r\n {/* eslint-disable-next-line react/jsx-no-target-blank */}\r\n \r\n {website.title}\r\n \r\n
\r\n )}\r\n {email && (\r\n \r\n {translations.competition.emailLabel}\r\n {/* eslint-disable-next-line react/jsx-no-target-blank */}\r\n \r\n {email.title}\r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n {translations.competition.addressLabel}\r\n \r\n {Object.values(address).map((line) => (\r\n <>\r\n {line}\r\n
\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n ))}\r\n \r\n
\r\n 
\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default RidersAccordion;\r\n","import React from 'react';\r\nimport TeamDetailsModuleProps from './type';\r\nimport TeamDetails from '../../components/TeamDetails';\r\nimport RidersAccordion from '../../components/RidersAccordion';\r\nimport './styles.scss';\r\n\r\nconst TeamDetailsModule = ({\r\n details,\r\n riders,\r\n}: TeamDetailsModuleProps) => (\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {statuses.map((status) => (\r\n
\r\n \r\n {status.label}\r\n
\r\n ))}\r\n \r\n {details &&
\r\n);\r\n\r\nexport default TeamDetailsModule;\r\n"],"sourceRoot":""}